@bonlineza/luxity-lib 2.39.6 → 2.39.7

package/GraphQLMultiSelector.js

@@ -1,690 +1,698 @@
-import React, { forwardRef } from 'react';
-import styled, { css, ThemeProvider, keyframes } from 'styled-components';
-import EllipsisLoader from '@bonlineza/b-lib/EllipsisLoader';
-import PageReady from '@bonlineza/b-lib/PageReady';
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/EllipsisLoader'), require('@bonlineza/b-lib/PageReady')) :
+  typeof define === 'function' && define.amd ? define(['react', 'styled-components', '@bonlineza/b-lib/EllipsisLoader', '@bonlineza/b-lib/PageReady'], factory) :
+  (global = global || self, global.GraphQLMultiSelector = factory(global.React, global.styled, global.EllipsisLoader, global.PageReady));
+}(this, (function (React, styled, EllipsisLoader, PageReady) { 'use strict';
+
+  var React__default = 'default' in React ? React['default'] : React;
+  var styled__default = 'default' in styled ? styled['default'] : styled;
+  EllipsisLoader = EllipsisLoader && Object.prototype.hasOwnProperty.call(EllipsisLoader, 'default') ? EllipsisLoader['default'] : EllipsisLoader;
+  PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
+
+  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, descriptor.key, descriptor);
+
+  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, 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 _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
     });
-  } else {
-    obj[key] = value;
+    return Constructor;
   }
 
-  return obj;
-}
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
         }
       }
-    }
 
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
     }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-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 ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-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 _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+    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);
   }
 
-  return target;
-}
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+  }
 
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf(o, p);
+  }
 
-  var target = _objectWithoutPropertiesLoose(source, excluded);
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
 
-  var key, i;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
 
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
 
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
       target[key] = source[key];
     }
+
+    return target;
   }
 
-  return target;
-}
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
 
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+
+    var key, i;
+
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
+    }
+
+    return target;
   }
 
-  return self;
-}
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
 
-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 self;
   }
 
-  return _assertThisInitialized(self);
-}
+  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");
+    }
 
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+    return _assertThisInitialized(self);
+  }
 
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-        result;
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
 
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
 
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
 
-    return _possibleConstructorReturn(this, result);
-  };
-}
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
 
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
+      return _possibleConstructorReturn(this, result);
+    };
   }
 
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
+  function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+      raw = strings.slice(0);
     }
-  }));
-}
 
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
+    return Object.freeze(Object.defineProperties(strings, {
+      raw: {
+        value: Object.freeze(raw)
+      }
+    }));
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  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 _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 _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
 
-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);
-}
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
+    return arr2;
+  }
 
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  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.");
+  }
 
-  return arr2;
-}
+  var interpretErrorMessage = function interpretErrorMessage(error) {
+    var customMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Failed: :error_code';
+    var message = customMessage || 'Network Error';
+    return message.replace(':error_code', error.status || 'Network Down');
+  };
 
-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.");
-}
+  var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
+    data: null
+  });
+  /**
+   * A flavour of PageReady with Luxity customisations
+   * 1. the onIsLoading callback is useful to parent components that have more complex data interactions
+   * 2. an error message interpreter is supplied from the local helper library
+   */
 
-var interpretErrorMessage = function interpretErrorMessage(error) {
-  var customMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Failed: :error_code';
-  var message = customMessage || 'Network Error';
-  return message.replace(':error_code', error.status || 'Network Down');
-};
+  var LuxityPageReady = /*#__PURE__*/function (_React$Component) {
+    _inherits(LuxityPageReady, _React$Component);
 
-var LuxityPageReadyContext = /*#__PURE__*/React.createContext({
-  data: null
-});
-/**
- * A flavour of PageReady with Luxity customisations
- * 1. the onIsLoading callback is useful to parent components that have more complex data interactions
- * 2. an error message interpreter is supplied from the local helper library
- */
+    var _super = _createSuper(LuxityPageReady);
 
-var LuxityPageReady = /*#__PURE__*/function (_React$Component) {
-  _inherits(LuxityPageReady, _React$Component);
+    function LuxityPageReady() {
+      var _this;
 
-  var _super = _createSuper(LuxityPageReady);
+      _classCallCheck(this, LuxityPageReady);
 
-  function LuxityPageReady() {
-    var _this;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
 
-    _classCallCheck(this, LuxityPageReady);
+      _this = _super.call.apply(_super, [this].concat(args));
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+      _defineProperty(_assertThisInitialized(_this), "state", {
+        data: null
+      });
+
+      _defineProperty(_assertThisInitialized(_this), "refreshPage", function () {
+        return _this.pageReadyInstance.initRequest();
+      });
+
+      return _this;
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _createClass(LuxityPageReady, [{
+      key: "render",
+      value: function render() {
+        var _this2 = this;
+
+        var _this$props = this.props,
+            customErrorMessage = _this$props.customErrorMessage,
+            customErrorHandler = _this$props.customErrorHandler,
+            getRequestPromise = _this$props.getRequestPromise,
+            _onData = _this$props.onData,
+            children = _this$props.children;
+        var data = this.state.data;
+        return /*#__PURE__*/React__default.createElement(PageReady, {
+          ref: function ref(inst) {
+            _this2.pageReadyInstance = inst;
+          },
+          onData: function onData(res) {
+            _this2.setState({
+              data: res.data
+            });
+
+            _onData(res);
+          },
+          getRequestInstance: function getRequestInstance() {
+            _this2.props.onIsLoading(true);
+
+            return getRequestPromise().then(function (out) {
+              _this2.props.onIsLoading(false);
+
+              return out;
+            }).catch(function (oops) {
+              _this2.props.onIsLoading(false);
+
+              return oops;
+            });
+          },
+          customErrorMessage: customErrorMessage,
+          customErrorHandler: customErrorHandler,
+          renderCustomLoader: function renderCustomLoader() {
+            return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
+          },
+          errorMessageInterpreter: interpretErrorMessage
+        }, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
+          value: {
+            data: data
+          }
+        }, children));
+      }
+    }]);
+
+    return LuxityPageReady;
+  }(React__default.Component);
+
+  LuxityPageReady.defaultProps = {
+    onIsLoading: function onIsLoading() {
+      return null;
+    },
+    customErrorMessage: '',
+    customErrorHandler: function customErrorHandler() {
+      return null;
+    },
+    onData: function onData() {
+      return null;
+    }
+  };
 
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      data: null
-    });
+  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 2rem;\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"])));
+
+  var theme = {
+    breakpoints: ['40em', '52em', '64em'],
+    space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
+    fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
+    marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
+    letterSpacings: ['-0.5px', '0px', '+0.5px'],
+    radii: ['0px', '2px', '4px', '8px'],
+    borderRadius: '6px',
+    colors: {
+      primary: '#000',
+      base: '#4e4949',
+      baseLt: '#817c7c',
+      borderColor: '#d8d8d8',
+      ntrlMin: '#fff',
+      ntrlMinTen: '#e6e6e6',
+      gray: '#efefef',
+      darkerGray: '#454141'
+    },
+    rareStepColors: {
+      primary: '#202b58',
+      secondary: '#ef5c2d',
+      ntrlMin: '#ffffff',
+      ntrl40: '#f4f4f4',
+      ntrl50: '#808080',
+      ntrl60: '#e8e8e8',
+      ntrl70: '#252525',
+      ntrlMax: '#000000'
+    },
+    rareStepFontWeights: {
+      normal: 400,
+      medium: 500,
+      semiBold: 600,
+      bold: 700
+    },
+    rareStepFontSize: {
+      h1: '36px',
+      h2: '30px',
+      h3: '24px',
+      h4: '20px',
+      h5: '16px',
+      h6: '14px',
+      footerTitle: '16px'
+    },
+    rareStepPageSizes: {
+      mobile: '500px',
+      tablet: '768px',
+      desktop: '992px',
+      screenl: '1280px',
+      screenxl: '1680px',
+      screenxxl: '1920px',
+      container: '1600px'
+    }
+  };
 
-    _defineProperty(_assertThisInitialized(_this), "refreshPage", function () {
-      return _this.pageReadyInstance.initRequest();
+  var themed = (function (Component) {
+    return /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
+        theme: theme
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+        ref: ref
+      })));
     });
+  });
 
-    return _this;
-  }
-
-  _createClass(LuxityPageReady, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          customErrorMessage = _this$props.customErrorMessage,
-          customErrorHandler = _this$props.customErrorHandler,
-          getRequestPromise = _this$props.getRequestPromise,
-          _onData = _this$props.onData,
-          children = _this$props.children;
-      var data = this.state.data;
-      return /*#__PURE__*/React.createElement(PageReady, {
-        ref: function ref(inst) {
-          _this2.pageReadyInstance = inst;
-        },
-        onData: function onData(res) {
-          _this2.setState({
-            data: res.data
-          });
+  var _excluded = ["children"];
 
-          _onData(res);
-        },
-        getRequestInstance: function getRequestInstance() {
-          _this2.props.onIsLoading(true);
+  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;
+  }, disabledButtonStyle, function (props) {
+    return props.theme.colors.base;
+  });
 
-          return getRequestPromise().then(function (out) {
-            _this2.props.onIsLoading(false);
+  var TextButton = function TextButton(_ref) {
+    var children = _ref.children,
+        restProps = _objectWithoutProperties(_ref, _excluded);
 
-            return out;
-          }).catch(function (oops) {
-            _this2.props.onIsLoading(false);
+    return /*#__PURE__*/React__default.createElement(Button, restProps, children);
+  };
 
-            return oops;
-          });
-        },
-        customErrorMessage: customErrorMessage,
-        customErrorHandler: customErrorHandler,
-        renderCustomLoader: function renderCustomLoader() {
-          return /*#__PURE__*/React.createElement(EllipsisLoader, null);
-        },
-        errorMessageInterpreter: interpretErrorMessage
-      }, /*#__PURE__*/React.createElement(LuxityPageReadyContext.Provider, {
-        value: {
-          data: data
-        }
-      }, children));
-    }
-  }]);
-
-  return LuxityPageReady;
-}(React.Component);
-
-LuxityPageReady.defaultProps = {
-  onIsLoading: function onIsLoading() {
-    return null;
-  },
-  customErrorMessage: '',
-  customErrorHandler: function customErrorHandler() {
-    return null;
-  },
-  onData: function onData() {
-    return null;
-  }
-};
-
-var _templateObject, _templateObject2;
-var disabledButtonStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  opacity: 0.4;\n"])));
-var baseButtonStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 1rem 2rem;\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"])));
-
-var theme = {
-  breakpoints: ['40em', '52em', '64em'],
-  space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
-  fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
-  marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
-  letterSpacings: ['-0.5px', '0px', '+0.5px'],
-  radii: ['0px', '2px', '4px', '8px'],
-  borderRadius: '6px',
-  colors: {
-    primary: '#000',
-    base: '#4e4949',
-    baseLt: '#817c7c',
-    borderColor: '#d8d8d8',
-    ntrlMin: '#fff',
-    ntrlMinTen: '#e6e6e6',
-    gray: '#efefef',
-    darkerGray: '#454141'
-  },
-  rareStepColors: {
-    primary: '#202b58',
-    secondary: '#ef5c2d',
-    ntrlMin: '#ffffff',
-    ntrl40: '#f4f4f4',
-    ntrl50: '#808080',
-    ntrl60: '#e8e8e8',
-    ntrl70: '#252525',
-    ntrlMax: '#000000'
-  },
-  rareStepFontWeights: {
-    normal: 400,
-    medium: 500,
-    semiBold: 600,
-    bold: 700
-  },
-  rareStepFontSize: {
-    h1: '36px',
-    h2: '30px',
-    h3: '24px',
-    h4: '20px',
-    h5: '16px',
-    h6: '14px',
-    footerTitle: '16px'
-  },
-  rareStepPageSizes: {
-    mobile: '500px',
-    tablet: '768px',
-    desktop: '992px',
-    screenl: '1280px',
-    screenxl: '1680px',
-    screenxxl: '1920px',
-    container: '1600px'
-  }
-};
-
-var themed = (function (Component) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: theme
-    }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      ref: ref
-    })));
+  TextButton.defaultProps = {
+    type: 'button'
+  };
+  var TextButton$1 = themed(TextButton);
+
+  var _excluded$1 = ["children"];
+
+  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;
+  }, function (props) {
+    return props.theme.colors.base;
+  }, function (props) {
+    return props.theme.colors.ntrlMin;
+  }, function (props) {
+    return props.theme.colors.ntrlMin;
+  }, function (props) {
+    return props.theme.colors.primary;
   });
-});
-
-var _excluded = ["children"];
-
-var _templateObject$1;
-var Button = styled.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;
-}, disabledButtonStyle, function (props) {
-  return props.theme.colors.base;
-});
-
-var TextButton = function TextButton(_ref) {
-  var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Button, restProps, children);
-};
-
-TextButton.defaultProps = {
-  type: 'button'
-};
-var TextButton$1 = themed(TextButton);
-
-var _excluded$1 = ["children"];
-
-var _templateObject$2;
-var Button$1 = styled(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;
-}, function (props) {
-  return props.theme.colors.base;
-}, function (props) {
-  return props.theme.colors.ntrlMin;
-}, function (props) {
-  return props.theme.colors.ntrlMin;
-}, function (props) {
-  return props.theme.colors.primary;
-});
-
-var InvertedTextButton = function InvertedTextButton(_ref) {
-  var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded$1);
-
-  return /*#__PURE__*/React.createElement(Button$1, restProps, children);
-};
-
-var InvertedTextButton$1 = themed(InvertedTextButton);
-
-var media = {
-  xs: '576px',
-  sm: '768px',
-  md: '992px',
-  lg: '1200px'
-};
-
-var _templateObject$3, _templateObject2$1;
-var ALL_ITEM = {
-  id: 'ALL',
-  name: 'ALL'
-};
-var multiSelectorItemMaxHeight = '3rem';
-var multiSelectorItemAnimationDuration = '300ms';
-var multiselectorItemFadeIn = 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.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;
-}, function (props) {
-  return props.theme.colors.primary;
-}, function (props) {
-  return props.theme.colors.primary;
-}, function (props) {
-  return props.theme.colors.ntrlMin;
-}, function (props) {
-  return props.theme.colors.primary;
-}, function (props) {
-  return props.theme.marginPaddings[0];
-}, multiSelectorItemAnimationDuration, multiselectorItemFadeIn, function (props) {
-  return props.theme.marginPaddings[2];
-}, function (props) {
-  return props.theme.marginPaddings[2];
-}, function (props) {
-  return props.theme.marginPaddings[2];
-}, media.sm, function (props) {
-  return props.theme.marginPaddings[2];
-}, function (props) {
-  return props.theme.colors.primary;
-}, function (props) {
-  return props.theme.colors.ntrlMin;
-}, function (props) {
-  return props.theme.colors.primary;
-}, function (props) {
-  return props.theme.colors.ntrlMin;
-});
-/**
- * Multiselector with a GraphQL flavour (TODO: to be revised to make it remote api agnostic)
- */
-
-var GraphQLMultiSelector = /*#__PURE__*/function (_React$Component) {
-  _inherits(GraphQLMultiSelector, _React$Component);
-
-  var _super = _createSuper(GraphQLMultiSelector);
-
-  function GraphQLMultiSelector(props) {
-    var _this;
-
-    _classCallCheck(this, GraphQLMultiSelector);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
-      if (prevProps.graphQuery !== _this.props.graphQuery) {
-        _this.makeRequest();
-      }
-    });
 
-    _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
-      _this.pageReady.refreshPage();
-    });
+  var InvertedTextButton = function InvertedTextButton(_ref) {
+    var children = _ref.children,
+        restProps = _objectWithoutProperties(_ref, _excluded$1);
 
-    _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
-      return _this.setState({
-        selected: [ALL_ITEM]
-      });
-    });
+    return /*#__PURE__*/React__default.createElement(Button$1, restProps, children);
+  };
 
-    _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
-      var selectedIds = _this.state.selected.map(function (sel) {
-        return sel.id;
-      });
+  var InvertedTextButton$1 = themed(InvertedTextButton);
 
-      var pagination = _this.props.resultProcessor(res);
+  var media = {
+    xs: '576px',
+    sm: '768px',
+    md: '992px',
+    lg: '1200px'
+  };
 
-      var allSelected = _this.state.selected.some(function (item) {
-        return item.id === ALL_ITEM.id;
-      });
+  var _templateObject$3, _templateObject2$1;
+  var ALL_ITEM = {
+    id: 'ALL',
+    name: 'ALL'
+  };
+  var multiSelectorItemMaxHeight = '3rem';
+  var multiSelectorItemAnimationDuration = '300ms';
+  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;
+  }, function (props) {
+    return props.theme.colors.primary;
+  }, function (props) {
+    return props.theme.colors.primary;
+  }, function (props) {
+    return props.theme.colors.ntrlMin;
+  }, function (props) {
+    return props.theme.colors.primary;
+  }, function (props) {
+    return props.theme.marginPaddings[0];
+  }, multiSelectorItemAnimationDuration, multiselectorItemFadeIn, function (props) {
+    return props.theme.marginPaddings[2];
+  }, function (props) {
+    return props.theme.marginPaddings[2];
+  }, function (props) {
+    return props.theme.marginPaddings[2];
+  }, media.sm, function (props) {
+    return props.theme.marginPaddings[2];
+  }, function (props) {
+    return props.theme.colors.primary;
+  }, function (props) {
+    return props.theme.colors.ntrlMin;
+  }, function (props) {
+    return props.theme.colors.primary;
+  }, function (props) {
+    return props.theme.colors.ntrlMin;
+  });
+  /**
+   * Multiselector with a GraphQL flavour (TODO: to be revised to make it remote api agnostic)
+   */
 
-      var newList = pagination.data.filter(function (newItem) {
-        return !selectedIds.includes(newItem.id);
-      });
-      newList = allSelected ? newList : [ALL_ITEM].concat(_toConsumableArray(newList));
+  var GraphQLMultiSelector = /*#__PURE__*/function (_React$Component) {
+    _inherits(GraphQLMultiSelector, _React$Component);
 
-      _this.setState({
-        list: newList,
-        pagination: pagination
-      });
-    });
+    var _super = _createSuper(GraphQLMultiSelector);
 
-    _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
-      _this.setState(function (prevState) {
-        var newSelectedList;
-        var newList;
+    function GraphQLMultiSelector(props) {
+      var _this;
 
-        if (addSelectedItem.id === ALL_ITEM.id) {
-          // Clear Selected List
-          // and move previous Selected items to list
-          newSelectedList = [ALL_ITEM];
-          newList = prevState.list.filter(function (item) {
-            return item.id !== ALL_ITEM.id;
-          }).concat(prevState.selected).sort(function (a, b) {
-            return a.id - b.id;
-          });
-        } else {
-          newSelectedList = _toConsumableArray(prevState.selected.filter(function (item) {
-            return item.id !== ALL_ITEM.id;
-          })).concat(addSelectedItem);
-          newList = [ALL_ITEM].concat(_toConsumableArray(prevState.list.filter(function (item) {
-            return item.id !== ALL_ITEM.id;
-          }).filter(function (item) {
-            return item.id !== addSelectedItem.id;
-          })));
+      _classCallCheck(this, GraphQLMultiSelector);
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
+        if (prevProps.graphQuery !== _this.props.graphQuery) {
+          _this.makeRequest();
         }
+      });
 
-        return {
-          selected: newSelectedList,
-          list: newList
-        };
-      }, function () {
-        _this.props.onChange(_this.state.selected.filter(function (item) {
-          return item.id !== ALL_ITEM.id;
-        }));
+      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
+        _this.pageReady.refreshPage();
       });
-    });
 
-    _defineProperty(_assertThisInitialized(_this), "onRemoveItem", function (removeSelectedItem) {
-      _this.setState(function (prevState) {
-        // Cannot remove ALL from selection by unselecting it
-        if ((removeSelectedItem === null || removeSelectedItem === void 0 ? void 0 : removeSelectedItem.id) === ALL_ITEM.id) {
-          return {};
-        }
+      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
+        return _this.setState({
+          selected: [ALL_ITEM]
+        });
+      });
 
-        var newSelectedList = prevState.selected.filter(function (item) {
-          return item.id !== removeSelectedItem.id;
+      _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
+        var selectedIds = _this.state.selected.map(function (sel) {
+          return sel.id;
         });
 
-        var newList = _toConsumableArray(prevState.list).concat(removeSelectedItem).filter(function (item) {
-          return item.id !== ALL_ITEM.id;
-        }).sort(function (a, b) {
-          return a.id - b.id;
+        var pagination = _this.props.resultProcessor(res);
+
+        var allSelected = _this.state.selected.some(function (item) {
+          return item.id === ALL_ITEM.id;
         });
 
-        return {
+        var newList = pagination.data.filter(function (newItem) {
+          return !selectedIds.includes(newItem.id);
+        });
+        newList = allSelected ? newList : [ALL_ITEM].concat(_toConsumableArray(newList));
+
+        _this.setState({
           list: newList,
-          selected: newSelectedList.length ? newSelectedList : [ALL_ITEM]
-        };
-      }, function () {
-        _this.props.onChange(_this.state.selected.filter(function (item) {
-          return item.id !== ALL_ITEM.id;
-        }));
+          pagination: pagination
+        });
       });
-    });
 
-    _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
-      _this.setState({
-        isLoading: flag
+      _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
+        _this.setState(function (prevState) {
+          var newSelectedList;
+          var newList;
+
+          if (addSelectedItem.id === ALL_ITEM.id) {
+            // Clear Selected List
+            // and move previous Selected items to list
+            newSelectedList = [ALL_ITEM];
+            newList = prevState.list.filter(function (item) {
+              return item.id !== ALL_ITEM.id;
+            }).concat(prevState.selected).sort(function (a, b) {
+              return a.id - b.id;
+            });
+          } else {
+            newSelectedList = _toConsumableArray(prevState.selected.filter(function (item) {
+              return item.id !== ALL_ITEM.id;
+            })).concat(addSelectedItem);
+            newList = [ALL_ITEM].concat(_toConsumableArray(prevState.list.filter(function (item) {
+              return item.id !== ALL_ITEM.id;
+            }).filter(function (item) {
+              return item.id !== addSelectedItem.id;
+            })));
+          }
+
+          return {
+            selected: newSelectedList,
+            list: newList
+          };
+        }, function () {
+          _this.props.onChange(_this.state.selected.filter(function (item) {
+            return item.id !== ALL_ITEM.id;
+          }));
+        });
       });
-    });
 
-    _defineProperty(_assertThisInitialized(_this), "render", function () {
-      var _this$props = _this.props,
-          baseClass = _this$props.baseClass,
-          ItemRenderer = _this$props.itemRenderer,
-          identifier = _this$props.identifier,
-          triggerRequest = _this$props.triggerRequest,
-          className = _this$props.className;
-      var _this$state = _this.state,
-          list = _this$state.list,
-          selected = _this$state.selected,
-          pagination = _this$state.pagination,
-          isLoading = _this$state.isLoading;
-      return /*#__PURE__*/React.createElement(StyledMultiselector, null, /*#__PURE__*/React.createElement("div", {
-        "data-qe-id": identifier,
-        className: "".concat(className, " ").concat(baseClass)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(baseClass, "__selected-items")
-      }, selected.map(function (item) {
-        return /*#__PURE__*/React.createElement(ItemRenderer, {
-          key: item.id,
-          item: item,
-          onSelect: _this.onRemoveItem,
-          selected: true
+      _defineProperty(_assertThisInitialized(_this), "onRemoveItem", function (removeSelectedItem) {
+        _this.setState(function (prevState) {
+          // Cannot remove ALL from selection by unselecting it
+          if ((removeSelectedItem === null || removeSelectedItem === void 0 ? void 0 : removeSelectedItem.id) === ALL_ITEM.id) {
+            return {};
+          }
+
+          var newSelectedList = prevState.selected.filter(function (item) {
+            return item.id !== removeSelectedItem.id;
+          });
+
+          var newList = _toConsumableArray(prevState.list).concat(removeSelectedItem).filter(function (item) {
+            return item.id !== ALL_ITEM.id;
+          }).sort(function (a, b) {
+            return a.id - b.id;
+          });
+
+          return {
+            list: newList,
+            selected: newSelectedList.length ? newSelectedList : [ALL_ITEM]
+          };
+        }, function () {
+          _this.props.onChange(_this.state.selected.filter(function (item) {
+            return item.id !== ALL_ITEM.id;
+          }));
         });
-      })), /*#__PURE__*/React.createElement(LuxityPageReady, {
-        ref: function ref(inst) {
-          _this.pageReady = inst;
-        },
-        onData: _this.setNewResults,
-        onIsLoading: _this.onIsLoading,
-        getRequestPromise: function getRequestPromise() {
-          return triggerRequest();
-        }
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(baseClass, "__selectable-items")
-      }, list.map(function (item) {
-        return /*#__PURE__*/React.createElement(ItemRenderer, {
-          key: item.id,
-          item: item,
-          onSelect: _this.onAddItem,
-          selected: false
+      });
+
+      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
+        _this.setState({
+          isLoading: flag
         });
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(baseClass, "__footer")
-      }, /*#__PURE__*/React.createElement(InvertedTextButton$1, {
-        disabled: isLoading || !pagination.has_more_pages,
-        onClick: _this.props.increaseLimit,
-        type: "button"
-      }, "SHOW MORE"))));
-    });
+      });
 
-    _this.state = {
-      selected: [ALL_ITEM],
-      list: [],
-      pagination: {},
-      isLoading: false
-    };
-    return _this;
-  }
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
+        var _this$props = _this.props,
+            baseClass = _this$props.baseClass,
+            ItemRenderer = _this$props.itemRenderer,
+            identifier = _this$props.identifier,
+            triggerRequest = _this$props.triggerRequest,
+            className = _this$props.className;
+        var _this$state = _this.state,
+            list = _this$state.list,
+            selected = _this$state.selected,
+            pagination = _this$state.pagination,
+            isLoading = _this$state.isLoading;
+        return /*#__PURE__*/React__default.createElement(StyledMultiselector, null, /*#__PURE__*/React__default.createElement("div", {
+          "data-qe-id": identifier,
+          className: "".concat(className, " ").concat(baseClass)
+        }, /*#__PURE__*/React__default.createElement("div", {
+          className: "".concat(baseClass, "__selected-items")
+        }, selected.map(function (item) {
+          return /*#__PURE__*/React__default.createElement(ItemRenderer, {
+            key: item.id,
+            item: item,
+            onSelect: _this.onRemoveItem,
+            selected: true
+          });
+        })), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
+          ref: function ref(inst) {
+            _this.pageReady = inst;
+          },
+          onData: _this.setNewResults,
+          onIsLoading: _this.onIsLoading,
+          getRequestPromise: function getRequestPromise() {
+            return triggerRequest();
+          }
+        }), /*#__PURE__*/React__default.createElement("div", {
+          className: "".concat(baseClass, "__selectable-items")
+        }, list.map(function (item) {
+          return /*#__PURE__*/React__default.createElement(ItemRenderer, {
+            key: item.id,
+            item: item,
+            onSelect: _this.onAddItem,
+            selected: false
+          });
+        })), /*#__PURE__*/React__default.createElement("div", {
+          className: "".concat(baseClass, "__footer")
+        }, /*#__PURE__*/React__default.createElement(InvertedTextButton$1, {
+          disabled: isLoading || !pagination.has_more_pages,
+          onClick: _this.props.increaseLimit,
+          type: "button"
+        }, "SHOW MORE"))));
+      });
 
-  return _createClass(GraphQLMultiSelector);
-}(React.Component);
+      _this.state = {
+        selected: [ALL_ITEM],
+        list: [],
+        pagination: {},
+        isLoading: false
+      };
+      return _this;
+    }
+
+    return _createClass(GraphQLMultiSelector);
+  }(React__default.Component);
+
+  GraphQLMultiSelector.defaultProps = {
+    baseClass: 'multiselector'
+  };
+  var index = themed(GraphQLMultiSelector);
 
-GraphQLMultiSelector.defaultProps = {
-  baseClass: 'multiselector'
-};
-var index = themed(GraphQLMultiSelector);
+  return index;
 
-export default index;
+})));