@bonlineza/luxity-lib 2.7.5 → 2.9.1

package/GenderSelector.js

@@ -8,7 +8,7 @@
   var styled__default = 'default' in styled ? styled['default'] : styled;
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -21,7 +21,6 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -82,14 +81,17 @@
   }
 
   function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+
+    var _s, _e;
 
     try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
         _arr.push(_s.value);
 
         if (i && _arr.length === i) break;
@@ -129,29 +131,11 @@
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _templateObject2() {
-    var data = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", ";\n  border-bottom: 1px solid ", ";\n  margin-bottom: ", ";\n  margin-top: ", ";\n  width: 100%;\n  align-items: center;\n"]);
-
-    _templateObject2 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-weight: bold;\n  margin-bottom: 0;\n  text-transform: uppercase;\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var Title = styled__default.h1(_templateObject(), function (props) {
+  var _templateObject, _templateObject2;
+  var Title = styled__default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-weight: bold;\n  margin-bottom: 0;\n  text-transform: uppercase;\n"])), function (props) {
     return props.theme.fontSizes[2];
   });
-  var InterestsSubheadingContainer = styled__default.div(_templateObject2(), function (props) {
+  var InterestsSubheadingContainer = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", ";\n  border-bottom: 1px solid ", ";\n  margin-bottom: ", ";\n  margin-top: ", ";\n  width: 100%;\n  align-items: center;\n"])), function (props) {
     return props.theme.marginPaddings[1];
   }, function (props) {
     return props.theme.colors.primary;
@@ -165,9 +149,9 @@
     var title = _ref.title,
         children = _ref.children,
         className = _ref.className;
-    return React__default.createElement(InterestsSubheadingContainer, {
+    return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
       className: className
-    }, React__default.createElement(Title, null, title), React__default.createElement("div", null, children));
+    }, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
   };
 
   var media = {
@@ -177,16 +161,8 @@
     lg: '1200px'
   };
 
-  function _templateObject$1() {
-    var data = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: calc(-1 * ", ");\n  label {\n    margin-bottom: ", ";\n    flex-basis: calc(33.33% - ", ");\n    margin-bottom: ", ";\n    margin-left: ", ";\n  }\n  @media (max-width: ", ") {\n    label {\n      flex-basis: calc(50% - ", ");\n    }\n  }\n"]);
-
-    _templateObject$1 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var SelectionWrapper = styled__default.div(_templateObject$1(), function (props) {
+  var _templateObject$1;
+  var SelectionWrapper = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: calc(-1 * ", ");\n  label {\n    margin-bottom: ", ";\n    flex-basis: calc(33.33% - ", ");\n    margin-bottom: ", ";\n    margin-left: ", ";\n  }\n  @media (max-width: ", ") {\n    label {\n      flex-basis: calc(50% - ", ");\n    }\n  }\n"])), function (props) {
     return props.theme.marginPaddings[2];
   }, function (props) {
     return props.theme.marginPaddings[2];
@@ -227,51 +203,25 @@
   };
 
   var themed = (function (Component) {
-    return React.forwardRef(function (props, ref) {
-      return React__default.createElement(styled.ThemeProvider, {
+    return /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
         theme: theme
-      }, React__default.createElement(Component, _extends({}, props, {
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
         ref: ref
       })));
     });
   });
 
-  function _templateObject3() {
-    var data = _taggedTemplateLiteral(["\n  line-height: initial;\n  display: block;\n  box-sizing: border-box;\n  transition: 200ms ease-in-out;\n  text-align: center;\n\n  &:hover ", " {\n    color: ", ";\n  }\n\n  input {\n    display: none;\n    &:checked ~ ", " {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:checked ~ ", " ", " {\n      color: ", ";\n    }\n\n    &:disabled ~ ", " {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n"]);
-
-    _templateObject3 = function _templateObject3() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject2$1() {
-    var data = _taggedTemplateLiteral(["\n  transition: 200ms ease-in;\n  margin-left: auto;\n  margin-right: auto;\n"]);
-
-    _templateObject2$1 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject$2() {
-    var data = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid ", ";\n  transition: 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n  cursor: pointer;\n"]);
+  var _excluded = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
 
-    _templateObject$2 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var Content = styled__default.div(_templateObject$2(), function (props) {
+  var _templateObject$2, _templateObject2$1, _templateObject3;
+  var Content = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid ", ";\n  transition: 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n  cursor: pointer;\n"])), function (props) {
     return props.theme.colors.primary;
   }, function (props) {
     return props.theme.marginPaddings[0];
   });
-  var InputText = styled__default.div(_templateObject2$1());
-  var StyledLabel = styled__default.label(_templateObject3(), InputText, function (props) {
+  var InputText = styled__default.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  transition: 200ms ease-in;\n  margin-left: auto;\n  margin-right: auto;\n"])));
+  var StyledLabel = styled__default.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  line-height: initial;\n  display: block;\n  box-sizing: border-box;\n  transition: 200ms ease-in-out;\n  text-align: center;\n\n  &:hover ", " {\n    color: ", ";\n  }\n\n  input {\n    display: none;\n    &:checked ~ ", " {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:checked ~ ", " ", " {\n      color: ", ";\n    }\n\n    &:disabled ~ ", " {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n"])), InputText, function (props) {
     return props.theme.colors.primary;
   }, Content, function (props) {
     return props.theme.colors.primary;
@@ -293,7 +243,7 @@
         onChange = props.onChange,
         checkedValue = props.checkedValue,
         unCheckedValue = props.unCheckedValue,
-        restProps = _objectWithoutProperties(props, ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"]);
+        restProps = _objectWithoutProperties(props, _excluded);
 
     var _React$useState = React__default.useState(checked),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -312,12 +262,12 @@
       setCheck(targetChecked);
     };
 
-    return React__default.createElement(StyledLabel, null, React__default.createElement("input", _extends({
+    return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
       defaultChecked: checked
     }, restProps, {
       type: "checkbox",
       onChange: handleInputChange
-    })), React__default.createElement(Content, null, React__default.createElement(InputText, null, title), renderIcon(checkedState)));
+    })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
   };
 
   CheckButton.defaultProps = {
@@ -356,7 +306,7 @@
       }
     };
 
-    return React__default.createElement(CheckButton$1, {
+    return /*#__PURE__*/React__default.createElement(CheckButton$1, {
       onChange: onInputChange,
       checked: checked,
       name: getTitle().toLowerCase(),
@@ -379,13 +329,13 @@
         onChange = _ref.onChange,
         maleInputRef = _ref.maleInputRef,
         femaleInputRef = _ref.femaleInputRef;
-    return React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: "gender-selector"
-    }, React__default.createElement(InterestsSubheading, {
+    }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       title: "Department"
-    }), React__default.createElement(SelectionWrapper, {
+    }), /*#__PURE__*/React__default.createElement(SelectionWrapper, {
       className: "gender-selector__selection-wrapper"
-    }, React__default.createElement(GenderCheckbox, {
+    }, /*#__PURE__*/React__default.createElement(GenderCheckbox, {
       className: "gender-selector__selection-wrapper__input-container",
       gender: MALE$1,
       checked: MALE$1 === gender,
@@ -393,7 +343,7 @@
         return onChange(isChecked, MALE$1);
       },
       checkBoxButtonRef: maleInputRef
-    }), React__default.createElement(GenderCheckbox, {
+    }), /*#__PURE__*/React__default.createElement(GenderCheckbox, {
       className: "gender-selector__selection-wrapper__input-container",
       gender: FEMALE$1,
       checked: FEMALE$1 === gender,

package/GraphQLMultiSelector.js

@@ -28,6 +28,9 @@
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -47,7 +50,7 @@
   }
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -60,7 +63,6 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -76,22 +78,24 @@
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
       return o.__proto__ || Object.getPrototypeOf(o);
     };
     return _getPrototypeOf(o);
   }
 
   function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
       o.__proto__ = p;
       return o;
     };
-
     return _setPrototypeOf(o, p);
   }
 
@@ -101,7 +105,7 @@
     if (typeof Proxy === "function") return true;
 
     try {
-      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
       return true;
     } catch (e) {
       return false;
@@ -155,6 +159,8 @@
   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);
@@ -200,7 +206,7 @@
   }
 
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
   function _unsupportedIterableToArray(o, minLen) {
@@ -230,7 +236,7 @@
     return message.replace(':error_code', error.status || 'Network Down');
   };
 
-  var LuxityPageReadyContext = React__default.createContext({
+  var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
     data: null
   });
   /**
@@ -278,7 +284,7 @@
             _onData = _this$props.onData,
             children = _this$props.children;
         var data = this.state.data;
-        return React__default.createElement(PageReady, {
+        return /*#__PURE__*/React__default.createElement(PageReady, {
           ref: function ref(inst) {
             _this2.pageReadyInstance = inst;
           },
@@ -305,10 +311,10 @@
           customErrorMessage: customErrorMessage,
           customErrorHandler: customErrorHandler,
           renderCustomLoader: function renderCustomLoader() {
-            return React__default.createElement(EllipsisLoader, null);
+            return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
           },
           errorMessageInterpreter: interpretErrorMessage
-        }, React__default.createElement(LuxityPageReadyContext.Provider, {
+        }, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
           value: {
             data: data
           }
@@ -332,27 +338,9 @@
     }
   };
 
-  function _templateObject2() {
-    var data = _taggedTemplateLiteral(["\n  padding: 1rem 3.5rem;\n  cursor: pointer;\n  letter-spacing: 1.3px;\n  border-style: none;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: #fff;\n  transition: 0.2s ease-in-out;\n  outline: none;\n  min-width: 150px;\n"]);
-
-    _templateObject2 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  opacity: 0.4;\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var disabledButtonStyle = styled.css(_templateObject());
-  var baseButtonStyle = styled.css(_templateObject2());
+  var _templateObject, _templateObject2;
+  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  opacity: 0.4;\n"])));
+  var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 1rem 3.5rem;\n  cursor: pointer;\n  letter-spacing: 1.3px;\n  border-style: none;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: #fff;\n  transition: 0.2s ease-in-out;\n  outline: none;\n  min-width: 150px;\n"])));
 
   var theme = {
     breakpoints: ['40em', '52em', '64em'],
@@ -375,25 +363,19 @@
   };
 
   var themed = (function (Component) {
-    return React.forwardRef(function (props, ref) {
-      return React__default.createElement(styled.ThemeProvider, {
+    return /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
         theme: theme
-      }, React__default.createElement(Component, _extends({}, props, {
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
         ref: ref
       })));
     });
   });
 
-  function _templateObject$1() {
-    var data = _taggedTemplateLiteral(["\n  ", ";\n  background-color: transparent;\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  &:disabled {\n    ", ";\n    color: ", ";\n  }\n"]);
-
-    _templateObject$1 = function _templateObject() {
-      return data;
-    };
+  var _excluded = ["children"];
 
-    return data;
-  }
-  var Button = styled__default.button(_templateObject$1(), baseButtonStyle, function (props) {
+  var _templateObject$1;
+  var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  ", ";\n  background-color: transparent;\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  &:disabled {\n    ", ";\n    color: ", ";\n  }\n"])), baseButtonStyle, function (props) {
     return props.theme.colors.base;
   }, function (props) {
     return props.theme.colors.primary;
@@ -403,9 +385,9 @@
 
   var TextButton = function TextButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, ["children"]);
+        restProps = _objectWithoutProperties(_ref, _excluded);
 
-    return React__default.createElement(Button, restProps, children);
+    return /*#__PURE__*/React__default.createElement(Button, restProps, children);
   };
 
   TextButton.defaultProps = {
@@ -413,16 +395,10 @@
   };
   var TextButton$1 = themed(TextButton);
 
-  function _templateObject$2() {
-    var data = _taggedTemplateLiteral(["\n  color: ", ";\n  background-color: ", ";\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n  }\n"]);
-
-    _templateObject$2 = function _templateObject() {
-      return data;
-    };
+  var _excluded$1 = ["children"];
 
-    return data;
-  }
-  var Button$1 = styled__default(TextButton$1)(_templateObject$2(), function (props) {
+  var _templateObject$2;
+  var Button$1 = styled__default(TextButton$1)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  color: ", ";\n  background-color: ", ";\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (props) {
     return props.theme.colors.ntrlMin;
   }, function (props) {
     return props.theme.colors.primary;
@@ -438,9 +414,9 @@
 
   var InvertedTextButton = function InvertedTextButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, ["children"]);
+        restProps = _objectWithoutProperties(_ref, _excluded$1);
 
-    return React__default.createElement(Button$1, restProps, children);
+    return /*#__PURE__*/React__default.createElement(Button$1, restProps, children);
   };
 
   var InvertedTextButton$1 = themed(InvertedTextButton);
@@ -452,33 +428,15 @@
     lg: '1200px'
   };
 
-  function _templateObject2$1() {
-    var data = _taggedTemplateLiteral(["\n  .multiselector__selected-items,\n  .multiselector__selectable-items {\n    display: flex;\n    flex-flow: wrap;\n    margin-left: calc(-1 * ", ");\n    button {\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n      }\n      border-color: ", ";\n      background-color: ", ";\n      color: ", ";\n      padding: ", ";\n      text-transform: none;\n      box-sizing: border-box;\n      animation: ", " ease-in-out\n        ", " forwards;\n      flex-basis: calc(25% - ", ");\n      margin-bottom: ", ";\n      margin-left: ", ";\n      text-overflow: ellipsis;\n      overflow-x: hidden;\n      min-height: 40px;\n\n      @media (max-width: ", ") {\n        flex-basis: calc(50% - ", ");\n      }\n    }\n  }\n\n  .multiselector__footer {\n    display: flex;\n    justify-content: center;\n    button {\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n      }\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"]);
-
-    _templateObject2$1 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject$3() {
-    var data = _taggedTemplateLiteral(["\n  from {\n    margin: 0;\n    max-height: 0px;\n    opacity: 0;\n  }\n  to {\n    max-height: ", ";\n    opacity: 1;\n  }\n"]);
-
-    _templateObject$3 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
+  var _templateObject$3, _templateObject2$1;
   var ALL_ITEM = {
     id: 'ALL',
     name: 'ALL'
   };
   var multiSelectorItemMaxHeight = '3rem';
   var multiSelectorItemAnimationDuration = '300ms';
-  var multiselectorItemFadeIn = styled.keyframes(_templateObject$3(), multiSelectorItemMaxHeight);
-  var StyledMultiselector = styled__default.div(_templateObject2$1(), function (props) {
+  var multiselectorItemFadeIn = styled.keyframes(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  from {\n    margin: 0;\n    max-height: 0px;\n    opacity: 0;\n  }\n  to {\n    max-height: ", ";\n    opacity: 1;\n  }\n"])), multiSelectorItemMaxHeight);
+  var StyledMultiselector = styled__default.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  .multiselector__selected-items,\n  .multiselector__selectable-items {\n    display: flex;\n    flex-flow: wrap;\n    margin-left: calc(-1 * ", ");\n    button {\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n      }\n      border-color: ", ";\n      background-color: ", ";\n      color: ", ";\n      padding: ", ";\n      text-transform: none;\n      box-sizing: border-box;\n      animation: ", " ease-in-out\n        ", " forwards;\n      flex-basis: calc(25% - ", ");\n      margin-bottom: ", ";\n      margin-left: ", ";\n      text-overflow: ellipsis;\n      overflow-x: hidden;\n      min-height: 40px;\n\n      @media (max-width: ", ") {\n        flex-basis: calc(50% - ", ");\n      }\n    }\n  }\n\n  .multiselector__footer {\n    display: flex;\n    justify-content: center;\n    button {\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n      }\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), function (props) {
     return props.theme.marginPaddings[2];
   }, function (props) {
     return props.theme.colors.ntrlMin;
@@ -645,19 +603,19 @@
             selected = _this$state.selected,
             pagination = _this$state.pagination,
             isLoading = _this$state.isLoading;
-        return React__default.createElement(StyledMultiselector, null, React__default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement(StyledMultiselector, null, /*#__PURE__*/React__default.createElement("div", {
           "data-qe-id": identifier,
           className: "".concat(className, " ").concat(baseClass)
-        }, React__default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("div", {
           className: "".concat(baseClass, "__selected-items")
         }, selected.map(function (item) {
-          return React__default.createElement(ItemRenderer, {
+          return /*#__PURE__*/React__default.createElement(ItemRenderer, {
             key: item.id,
             item: item,
             onSelect: _this.onRemoveItem,
             selected: true
           });
-        })), React__default.createElement(LuxityPageReady, {
+        })), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
           ref: function ref(inst) {
             _this.pageReady = inst;
           },
@@ -666,18 +624,18 @@
           getRequestPromise: function getRequestPromise() {
             return triggerRequest();
           }
-        }), React__default.createElement("div", {
+        }), /*#__PURE__*/React__default.createElement("div", {
           className: "".concat(baseClass, "__selectable-items")
         }, list.map(function (item) {
-          return React__default.createElement(ItemRenderer, {
+          return /*#__PURE__*/React__default.createElement(ItemRenderer, {
             key: item.id,
             item: item,
             onSelect: _this.onAddItem,
             selected: false
           });
-        })), React__default.createElement("div", {
+        })), /*#__PURE__*/React__default.createElement("div", {
           className: "".concat(baseClass, "__footer")
-        }, React__default.createElement(InvertedTextButton$1, {
+        }, /*#__PURE__*/React__default.createElement(InvertedTextButton$1, {
           disabled: isLoading || !pagination.has_more_pages,
           onClick: _this.props.increaseLimit,
           type: "button"
@@ -693,7 +651,7 @@
       return _this;
     }
 
-    return GraphQLMultiSelector;
+    return _createClass(GraphQLMultiSelector);
   }(React__default.Component);
 
   GraphQLMultiSelector.defaultProps = {

package/IconHeader.js

@@ -8,7 +8,7 @@
   var styled__default = 'default' in styled ? styled['default'] : styled;
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -21,7 +21,6 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -65,25 +64,17 @@
   };
 
   var themed = (function (Component) {
-    return React.forwardRef(function (props, ref) {
-      return React__default.createElement(styled.ThemeProvider, {
+    return /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
         theme: theme
-      }, React__default.createElement(Component, _extends({}, props, {
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
         ref: ref
       })));
     });
   });
 
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n\n  @media (max-width: ", ") {\n    display: block;\n  }\n\n  .icon-header__left {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    @media (max-width: ", ") {\n      align-self: flex-start;\n    }\n\n    svg {\n      height: 1.5em;\n      width: 1.5em;\n      margin-right: ", ";\n    }\n  }\n\n  .icon-header__right {\n    display: flex;\n    flex-grow: 1;\n    justify-content: flex-end;\n  }\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var StyledHeader = styled__default.h5(_templateObject(), media.sm, media.sm, function (props) {
+  var _templateObject;
+  var StyledHeader = styled__default.h5(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n\n  @media (max-width: ", ") {\n    display: block;\n  }\n\n  .icon-header__left {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    @media (max-width: ", ") {\n      align-self: flex-start;\n    }\n\n    svg {\n      height: 1.5em;\n      width: 1.5em;\n      margin-right: ", ";\n    }\n  }\n\n  .icon-header__right {\n    display: flex;\n    flex-grow: 1;\n    justify-content: flex-end;\n  }\n"])), media.sm, media.sm, function (props) {
     return props.theme.marginPaddings[1];
   });
 
@@ -94,9 +85,9 @@
     var title = _ref.title,
         SvgComponent = _ref.svgComponent,
         renderAppendage = _ref.renderAppendage;
-    return React__default.createElement(StyledHeader, null, React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement(StyledHeader, null, /*#__PURE__*/React__default.createElement("div", {
       className: "icon-header__left"
-    }, React__default.createElement(SvgComponent, null), title), React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement(SvgComponent, null), title), /*#__PURE__*/React__default.createElement("div", {
       className: "icon-header__right"
     }, renderAppendage && renderAppendage()));
   };

package/IconWrapper.js

@@ -18,16 +18,8 @@
     }));
   }
 
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  height: auto;\n  margin-bottom: 1rem;\n  margin-left: 1rem;\n  display: flex;\n  align-items: center;\n  height: auto;\n\n  :hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  #svg-trash {\n    width: 15px;\n    height: 100%;\n  }\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var IconWrapper = styled.div(_templateObject(), function (props) {
+  var _templateObject;
+  var IconWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  height: auto;\n  margin-bottom: 1rem;\n  margin-left: 1rem;\n  display: flex;\n  align-items: center;\n  height: auto;\n\n  :hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  #svg-trash {\n    width: 15px;\n    height: 100%;\n  }\n"])), function (props) {
     return props.theme.colors.borderColor;
   }, function (props) {
     return props.theme.colors.borderColor;