@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.8

package/dist/components/NotificationContext/NotificationContext.js

@@ -7,158 +7,127 @@ exports.NotificationProvider = exports.NotificationConsumer = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _socket = _interopRequireDefault(require("socket.io-client"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var NotificationContext = /*#__PURE__*/_react.default.createContext();
-var NotificationProvider = /*#__PURE__*/function (_Component) {
-  _inherits(NotificationProvider, _Component);
-  var _super = _createSuper(NotificationProvider);
-  function NotificationProvider() {
-    var _this;
-    _classCallCheck(this, NotificationProvider);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "socket", {});
-    _defineProperty(_assertThisInitialized(_this), "projectSocket", {});
-    _defineProperty(_assertThisInitialized(_this), "state", {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const NotificationContext = /*#__PURE__*/_react.default.createContext();
+class NotificationProvider extends _react.Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "socket", {});
+    _defineProperty(this, "projectSocket", {});
+    _defineProperty(this, "state", {
       notifications: [],
       projectNotifications: []
     });
-    _defineProperty(_assertThisInitialized(_this), "connectToSocket", function () {
-      var userId = _this.props.userId;
-      _this.socket = (0, _socket.default)(process.env.REACT_APP_NOTIFICATION_API_URL, {
+    _defineProperty(this, "connectToSocket", () => {
+      const {
+        userId
+      } = this.props;
+      this.socket = (0, _socket.default)(process.env.REACT_APP_NOTIFICATION_API_URL, {
         path: '/notification'
       });
-      _this.setSocketEvents();
-      _this.setState({
+      this.setSocketEvents();
+      this.setState({
         notifications: []
-      }, function () {
-        _this.socket.emit('login_to_socket', {
-          userId: userId
+      }, () => {
+        this.socket.emit('login_to_socket', {
+          userId
         });
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "connectToProjectSocket", function () {
-      var projectId = _this.props.projectId;
-      _this.projectSocket = (0, _socket.default)(process.env.REACT_APP_NOTIFICATION_API_URL, {
+    _defineProperty(this, "connectToProjectSocket", () => {
+      const {
+        projectId
+      } = this.props;
+      this.projectSocket = (0, _socket.default)(process.env.REACT_APP_NOTIFICATION_API_URL, {
         path: '/notification'
       });
-      _this.setProjectSocketEvents();
-      _this.setState({
+      this.setProjectSocketEvents();
+      this.setState({
         projectNotifications: []
-      }, function () {
-        _this.projectSocket.emit('login_to_socket', {
+      }, () => {
+        this.projectSocket.emit('login_to_socket', {
           userId: projectId
         });
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "setSocketEvents", function () {
-      _this.socket.on('has_error', _this.onHasError);
-      _this.socket.on('notification', _this.onNotification);
+    _defineProperty(this, "setSocketEvents", () => {
+      this.socket.on('has_error', this.onHasError);
+      this.socket.on('notification', this.onNotification);
     });
-    _defineProperty(_assertThisInitialized(_this), "setProjectSocketEvents", function () {
-      _this.projectSocket.on('has_error', _this.onHasError);
-      _this.projectSocket.on('notification', _this.onProjectNotification);
+    _defineProperty(this, "setProjectSocketEvents", () => {
+      this.projectSocket.on('has_error', this.onHasError);
+      this.projectSocket.on('notification', this.onProjectNotification);
     });
-    _defineProperty(_assertThisInitialized(_this), "onHasError", function (data) {
+    _defineProperty(this, "onHasError", data => {
       console.warn(data);
     });
-    _defineProperty(_assertThisInitialized(_this), "onNotification", function (notification) {
-      _this.setState(function (prevState) {
-        return {
-          notifications: [notification].concat(_toConsumableArray(prevState.notifications))
-        };
-      });
+    _defineProperty(this, "onNotification", notification => {
+      this.setState(prevState => ({
+        notifications: [notification, ...prevState.notifications]
+      }));
     });
-    _defineProperty(_assertThisInitialized(_this), "onProjectNotification", function (notification) {
-      _this.setState(function (prevState) {
-        return {
-          projectNotifications: [notification].concat(_toConsumableArray(prevState.projectNotifications))
-        };
-      });
+    _defineProperty(this, "onProjectNotification", notification => {
+      this.setState(prevState => ({
+        projectNotifications: [notification, ...prevState.projectNotifications]
+      }));
     });
-    _defineProperty(_assertThisInitialized(_this), "markAsRead", function (userNotificationId) {
-      var notifications = _this.state.notifications;
-      _this.socket.emit('mark_as_read', {
-        userNotificationId: userNotificationId
+    _defineProperty(this, "markAsRead", userNotificationId => {
+      const {
+        notifications
+      } = this.state;
+      this.socket.emit('mark_as_read', {
+        userNotificationId
       });
-      _this.setState({
-        notifications: notifications.filter(function (notificationItem) {
-          return notificationItem._id !== userNotificationId;
-        })
+      this.setState({
+        notifications: notifications.filter(notificationItem => notificationItem._id !== userNotificationId)
       });
     });
-    return _this;
   }
-  _createClass(NotificationProvider, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props = this.props,
-        userId = _this$props.userId,
-        projectId = _this$props.projectId;
-      if (userId !== '') {
-        //this.connectToSocket();
-      }
-      if (projectId !== '') {
-        //this.connectToProjectSocket();
-      }
+  componentDidMount() {
+    const {
+      userId,
+      projectId
+    } = this.props;
+    if (userId !== '') {
+      //this.connectToSocket();
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props2 = this.props,
-        userId = _this$props2.userId,
-        projectId = _this$props2.projectId;
-      if (prevProps.userId === '' && userId !== '') {
-        //this.connectToSocket()
-      }
-      if (prevProps.projectId === '' && projectId !== '') {
-        this.connectToProjectSocket();
-      }
+    if (projectId !== '') {
+      //this.connectToProjectSocket();
+    }
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      userId,
+      projectId
+    } = this.props;
+    if (prevProps.userId === '' && userId !== '') {
+      //this.connectToSocket()
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      var _this$state = this.state,
-        notifications = _this$state.notifications,
-        projectNotifications = _this$state.projectNotifications;
-      return /*#__PURE__*/_react.default.createElement(NotificationContext.Provider, {
-        value: {
-          notifications: notifications.filter(function (notification) {
-            return !notification.isRead;
-          }),
-          projectNotifications: projectNotifications,
-          markAsRead: this.markAsRead
-        }
-      }, children);
+    if (prevProps.projectId === '' && projectId !== '') {
+      this.connectToProjectSocket();
     }
-  }]);
-  return NotificationProvider;
-}(_react.Component);
+  }
+  render() {
+    const {
+      children
+    } = this.props;
+    const {
+      notifications,
+      projectNotifications
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(NotificationContext.Provider, {
+      value: {
+        notifications: notifications.filter(notification => !notification.isRead),
+        projectNotifications,
+        markAsRead: this.markAsRead
+      }
+    }, children);
+  }
+}
 exports.NotificationProvider = NotificationProvider;
 NotificationProvider.propTypes = {
   children: _propTypes.default.node.isRequired,
@@ -169,5 +138,4 @@ NotificationProvider.defaultProps = {
   userId: '',
   projectId: ''
 };
-var NotificationConsumer = NotificationContext.Consumer;
-exports.NotificationConsumer = NotificationConsumer;
+const NotificationConsumer = exports.NotificationConsumer = NotificationContext.Consumer;

package/dist/components/NotificationCounter/NotificationCounter.styles.js

@@ -6,21 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.NotificationCounter = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var NotificationCounter = _styledComponents.default.span.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const NotificationCounter = exports.NotificationCounter = _styledComponents.default.span.withConfig({
   displayName: "NotificationCounterstyles__NotificationCounter",
   componentId: "sc-1pf66l9-0"
-})(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:50%;min-width:16px;height:16px;font-size:11px;font-weight:600;line-height:16px;text-align:center;", " ", " ", ""], function (props) {
-  return _theme.default.cWhite;
-}, function (props) {
-  return _theme.default.cWarning;
-}, function (props) {
-  return props.avatar && "\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  ";
-}, function (props) {
-  return props.mobile && "\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    z-index: 1;\n  ";
-}, function (props) {
-  return props.mobileMenu && "\n    margin:0 5px;\n  ";
-});
-exports.NotificationCounter = NotificationCounter;
-var _default = NotificationCounter;
-exports.default = _default;
+})(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:50%;min-width:16px;height:16px;font-size:11px;font-weight:600;line-height:16px;text-align:center;", " ", " ", ""], props => _theme.default.cWhite, props => _theme.default.cWarning, props => props.avatar && "\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  ", props => props.mobile && "\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    z-index: 1;\n  ", props => props.mobileMenu && "\n    margin:0 5px;\n  ");
+var _default = exports.default = NotificationCounter;

package/dist/components/Number/Number.js

@@ -17,8 +17,8 @@ var _number_seven = require("../../static/images/numbers/number_seven.svg");
 var _number_eight = require("../../static/images/numbers/number_eight.svg");
 var _number_nine = require("../../static/images/numbers/number_nine.svg");
 var _number_zero = require("../../static/images/numbers/number_zero.svg");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var getIcon = function getIcon(number) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getIcon = number => {
   switch (number) {
     case 1:
       return /*#__PURE__*/_react.default.createElement(_number_one.ReactComponent, null);
@@ -44,17 +44,21 @@ var getIcon = function getIcon(number) {
       return null;
   }
 };
-var Number = function Number(_ref) {
-  var number = _ref.number,
-    containerStyle = _ref.containerStyle;
+const Number = _ref => {
+  let {
+    number,
+    containerStyle
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: containerStyle
   }, getIcon(number));
 };
 exports.Number = Number;
-var NumberWithContainer = function NumberWithContainer(_ref2) {
-  var number = _ref2.number,
-    containerStyle = _ref2.containerStyle;
+const NumberWithContainer = _ref2 => {
+  let {
+    number,
+    containerStyle
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_Number.Container, {
     style: containerStyle
   }, getIcon(number));
@@ -64,5 +68,4 @@ Number.propTypes = {
   number: _propTypes.default.number.isRequired,
   containerStyle: _propTypes.default.object
 };
-var _default = Number;
-exports.default = _default;
+var _default = exports.default = Number;

package/dist/components/Number/Number.stories.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Zero = exports.Two = exports.Three = exports.Six = exports.Seven = exports.One = exports.NumberRow = exports.Nine = exports.InvalidNumber = exports.Four = exports.Five = exports.Eight = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Number = require("./Number");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Number',
   component: _Number.Number,
   parameters: {
@@ -29,82 +29,64 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Number.Number, args);
-};
+const Template = args => /*#__PURE__*/_react.default.createElement(_Number.Number, args);
 
 // Individual numbers
-var Zero = Template.bind({});
-exports.Zero = Zero;
+const Zero = exports.Zero = Template.bind({});
 Zero.args = {
   number: 0
 };
-var One = Template.bind({});
-exports.One = One;
+const One = exports.One = Template.bind({});
 One.args = {
   number: 1
 };
-var Two = Template.bind({});
-exports.Two = Two;
+const Two = exports.Two = Template.bind({});
 Two.args = {
   number: 2
 };
-var Three = Template.bind({});
-exports.Three = Three;
+const Three = exports.Three = Template.bind({});
 Three.args = {
   number: 3
 };
-var Four = Template.bind({});
-exports.Four = Four;
+const Four = exports.Four = Template.bind({});
 Four.args = {
   number: 4
 };
-var Five = Template.bind({});
-exports.Five = Five;
+const Five = exports.Five = Template.bind({});
 Five.args = {
   number: 5
 };
-var Six = Template.bind({});
-exports.Six = Six;
+const Six = exports.Six = Template.bind({});
 Six.args = {
   number: 6
 };
-var Seven = Template.bind({});
-exports.Seven = Seven;
+const Seven = exports.Seven = Template.bind({});
 Seven.args = {
   number: 7
 };
-var Eight = Template.bind({});
-exports.Eight = Eight;
+const Eight = exports.Eight = Template.bind({});
 Eight.args = {
   number: 8
 };
-var Nine = Template.bind({});
-exports.Nine = Nine;
+const Nine = exports.Nine = Template.bind({});
 Nine.args = {
   number: 9
 };
 
 // Example of invalid number
-var InvalidNumber = Template.bind({});
-exports.InvalidNumber = InvalidNumber;
+const InvalidNumber = exports.InvalidNumber = Template.bind({});
 InvalidNumber.args = {
   number: 10
 };
 
 // Row of multiple numbers
-var NumberRow = function NumberRow() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '8px'
-    }
-  }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(function (num) {
-    return /*#__PURE__*/_react.default.createElement(_Number.Number, {
-      key: num,
-      number: num
-    });
-  }));
-};
+const NumberRow = () => /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    display: 'flex',
+    gap: '8px'
+  }
+}, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(num => /*#__PURE__*/_react.default.createElement(_Number.Number, {
+  key: num,
+  number: num
+})));
 exports.NumberRow = NumberRow;

package/dist/components/Number/Number.styles.js

@@ -6,15 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Container = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "Numberstyles__Container",
   componentId: "sc-1g8h8k-0"
-})(["display:inline-block;vertical-align:top;width:24px;height:24px;padding:4px;background-color:", ";font-size:0;text-align:center;margin-right:12px;& > svg{display:inline-block;height:16px;width:auto;fill:", ";}"], function (props) {
-  return _theme.default.cWarning;
-}, function (props) {
-  return _theme.default.cWhite;
-});
-exports.Container = Container;
-var _default = Container;
-exports.default = _default;
+})(["display:inline-block;vertical-align:top;width:24px;height:24px;padding:4px;background-color:", ";font-size:0;text-align:center;margin-right:12px;& > svg{display:inline-block;height:16px;width:auto;fill:", ";}"], props => _theme.default.cWarning, props => _theme.default.cWhite);
+var _default = exports.default = Container;

package/dist/components/PageTransition/PageTransition.js

@@ -7,17 +7,15 @@ exports.default = exports.PageTransition = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var timeout = 300;
-var getTransitionStyles = {
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const timeout = 300;
+const getTransitionStyles = {
   entering: {
     position: 'absolute',
     opacity: 0
@@ -31,20 +29,20 @@ var getTransitionStyles = {
     opacity: 0
   }
 };
-var PageTransition = function PageTransition(props) {
-  var children = props.children,
-    location = props.location;
+const PageTransition = props => {
+  const {
+    children,
+    location
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     key: location.pathname,
     timeout: {
       enter: timeout,
       exit: timeout
     }
-  }, function (status) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread({}, getTransitionStyles[status])
-    }, children);
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, status => /*#__PURE__*/_react.default.createElement("div", {
+    style: _objectSpread({}, getTransitionStyles[status])
+  }, children))), /*#__PURE__*/_react.default.createElement("div", {
     id: "modalPortal"
   }));
 };
@@ -53,5 +51,4 @@ PageTransition.propTypes = {
   children: _propTypes.default.node.isRequired,
   location: _propTypes.default.instanceOf(Object).isRequired
 };
-var _default = PageTransition;
-exports.default = _default;
+var _default = exports.default = PageTransition;