update emotion

Author: alacret

.gitignore

@@ -5,10 +5,9 @@
 .vscode
 build
 coverage
-es
 node_modules
 npm-debug.log
 out*
 wallaby.conf.js
 yarn-error.log
-__diff_output__
+__diff_output__

es/BoostProvider.js

@@ -0,0 +1,47 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import { jsx as ___EmotionJSX } from "@emotion/core";
+import React from 'react';
+import { ThemeProvider } from 'emotion-theming';
+import { IconsProvider } from './components/Icon/IconsProvider';
+import { ModalProvider } from './components/Modal/ModalProvider';
+import { createTheme, Globals } from './theme';
+
+var BoostProvider =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(BoostProvider, _React$Component);
+
+  function BoostProvider(props) {
+    var _this;
+
+    _classCallCheck(this, BoostProvider);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(BoostProvider).call(this, props));
+    _this.theme = props.theme || createTheme();
+    return _this;
+  }
+
+  _createClass(BoostProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          icons = _this$props.icons;
+      return ___EmotionJSX(ThemeProvider, {
+        theme: this.theme
+      }, ___EmotionJSX(Globals, {
+        components: this.theme.components
+      }), ___EmotionJSX(ModalProvider, null, ___EmotionJSX(IconsProvider, {
+        icons: icons
+      }, children)));
+    }
+  }]);
+
+  return BoostProvider;
+}(React.Component);
+
+export { BoostProvider };

es/BoostProvider.js.flow

@@ -0,0 +1,41 @@
+// @flow
+
+import React from 'react';
+import { ThemeProvider } from 'emotion-theming';
+import { IconsProvider } from './components/Icon/IconsProvider';
+import { ModalProvider } from './components/Modal/ModalProvider';
+import { createTheme, type Theme, Globals } from './theme';
+
+type BoostProviderProps = {
+  theme?: Theme,
+  icons?: { [name: string]: React$Node },
+  children: React$Node,
+};
+
+class BoostProvider extends React.Component<BoostProviderProps> {
+  theme: *;
+
+  constructor(props: BoostProviderProps) {
+    super(props);
+
+    this.theme = props.theme || createTheme();
+  }
+
+  render() {
+    const { children, icons } = this.props;
+
+    return (
+      <ThemeProvider theme={ this.theme }>
+        <Globals components={ this.theme.components } />
+
+        <ModalProvider>
+          <IconsProvider icons={ icons }>
+            { children }
+          </IconsProvider>
+        </ModalProvider>
+      </ThemeProvider>
+    );
+  }
+}
+
+export { BoostProvider };

es/EightBaseBoostProvider.__deprecated.js

@@ -0,0 +1,34 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import { jsx as ___EmotionJSX } from "@emotion/core";
+import React from 'react';
+import { BoostProvider } from './BoostProvider';
+export var EightBaseBoostProvider =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(EightBaseBoostProvider, _React$Component);
+
+  function EightBaseBoostProvider() {
+    _classCallCheck(this, EightBaseBoostProvider);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(EightBaseBoostProvider).apply(this, arguments));
+  }
+
+  _createClass(EightBaseBoostProvider, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // eslint-disable-next-line
+      console.error('DEPRECATION WARNING: EightBaseBoostProvider has been renamed to BoostProvider.');
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return ___EmotionJSX(BoostProvider, this.props);
+    }
+  }]);
+
+  return EightBaseBoostProvider;
+}(React.Component);

es/EightBaseBoostProvider.__deprecated.js.flow

@@ -0,0 +1,16 @@
+// @flow
+
+import React from 'react';
+import { BoostProvider } from './BoostProvider';
+
+
+export class EightBaseBoostProvider extends React.Component<*> {
+  componentDidMount() {
+    // eslint-disable-next-line
+    console.error('DEPRECATION WARNING: EightBaseBoostProvider has been renamed to BoostProvider.');
+  }
+
+  render() {
+    return <BoostProvider { ...this.props } />;
+  }
+}

es/common/Tag/Tag.js

@@ -0,0 +1,54 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import { jsx as ___EmotionJSX } from "@emotion/core";
+import React, { PureComponent } from 'react';
+import pickBy from 'lodash/pickBy';
+var COLLECTED_PROPS = ['accept', 'acceptCharset', 'accessKey', 'action', 'allowFullScreen', 'alt', 'aria-busy', 'async', 'autoComplete', 'autoFocus', 'autoPlay', 'capture', 'cellPadding', 'cellSpacing', 'challenge', 'charSet', 'checked', 'children', 'cite', 'classID', 'className', 'cols', 'colSpan', 'content', 'contentEditable', 'contextMenu', 'controls', 'controlsList', 'coords', 'crossOrigin', 'data', 'dateTime', 'default', 'defer', 'dir', 'disabled', 'download', 'draggable', 'encType', 'for', 'form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget', 'frameBorder', 'headers', 'height', 'hidden', 'high', 'href', 'hrefLang', 'htmlFor', 'httpEquiv', 'icon', 'id', 'inputMode', 'integrity', 'is', 'keyParams', 'keyType', 'kind', 'label', 'lang', 'list', 'loop', 'low', 'manifest', 'marginHeight', 'marginWidth', 'max', 'maxLength', 'media', 'mediaGroup', 'method', 'min', 'minLength', 'multiple', 'muted', 'name', 'nonce', 'noValidate', 'onBlur', 'onChange', 'onClick', 'onDoubleClick', 'onFocus', 'onKeyDown', 'onKeyUp', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onScroll', 'onSubmit', 'open', 'optimum', 'options', 'pattern', 'placeholder', 'poster', 'preload', 'profile', 'radioGroup', 'readOnly', 'rel', 'required', 'reversed', 'role', 'rows', 'rowSpan', 'sandbox', 'scope', 'scoped', 'scrolling', 'seamless', 'selected', 'shape', 'size', 'sizes', 'span', 'spellCheck', 'src', 'srcDoc', 'srcLang', 'srcSet', 'start', 'step', 'style', 'summary', 'tabIndex', 'target', 'title', 'to', 'type', 'useMap', 'value', 'width', 'wmode', 'wrap'];
+var HTML_TAGS = ['div', 'span', 'button', 'a', 'p', 'input', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'label', 'nav', 'img', 'pre', 'textarea'];
+
+var collectProps = function collectProps(props) {
+  return pickBy(props, function (value, name) {
+    return COLLECTED_PROPS.indexOf(name) !== -1 || /^data-/.test(name);
+  });
+};
+
+var Tag =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inherits(Tag, _PureComponent);
+
+  function Tag() {
+    _classCallCheck(this, Tag);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(Tag).apply(this, arguments));
+  }
+
+  _createClass(Tag, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          TagComponent = _this$props.tagName,
+          modifiers = _this$props.modifiers,
+          props = _objectWithoutProperties(_this$props, ["tagName", "modifiers"]);
+
+      var collectedProps = HTML_TAGS.indexOf(TagComponent) === -1 ? props : collectProps(props);
+
+      if (HTML_TAGS.indexOf(TagComponent) !== -1) {
+        collectedProps.ref = props.insideRef;
+      }
+
+      return ___EmotionJSX(TagComponent, collectedProps);
+    }
+  }]);
+
+  return Tag;
+}(PureComponent);
+
+Tag.defaultProps = {
+  tagName: 'div'
+};
+export { Tag };