@spaziodati/atoka-design-system 2.1.6 → 2.1.7

package/Suggester/index.js

@@ -1,1126 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@fortawesome/pro-light-svg-icons/faSearch"), require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-select"), require("react-select/async"));
-	else if(typeof define === 'function' && define.amd)
-		define("atoka-design-system", ["@fortawesome/pro-light-svg-icons/faSearch", "@fortawesome/react-fontawesome", "classnames", "react", "react-select", "react-select/async"], factory);
-	else if(typeof exports === 'object')
-		exports["atoka-design-system"] = factory(require("@fortawesome/pro-light-svg-icons/faSearch"), require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-select"), require("react-select/async"));
-	else
-		root["atoka-design-system"] = factory(root["@fortawesome/pro-light-svg-icons/faSearch"], root["@fortawesome/react-fontawesome"], root["classnames"], root["react"], root["react-select"], root["react-select/async"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__8427__, __WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__1738__, __WEBPACK_EXTERNAL_MODULE__1553__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 6627:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "MR": () => (/* binding */ boundMethod),
-/* harmony export */   "ZP": () => (/* binding */ autobind)
-/* harmony export */ });
-/* unused harmony export boundClass */
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4329);
-
-
-function _typeof(obj) {
-  if (typeof Symbol === "function" && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(Symbol.iterator) === "symbol") {
-    _typeof = function _typeof(obj) {
-      return (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  }
-
-  return _typeof(obj);
-}
-/**
- * Return a descriptor removing the value and returning a getter
- * The getter will return a .bind version of the function
- * and memoize the result against a symbol on the instance
- */
-
-
-function boundMethod(target, key, descriptor) {
-  var fn = descriptor.value;
-
-  if (typeof fn !== 'function') {
-    throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(_typeof(fn)));
-  } // In IE11 calling Object.defineProperty has a side-effect of evaluating the
-  // getter for the property which is being replaced. This causes infinite
-  // recursion and an "Out of stack space" error.
-
-
-  var definingProperty = false;
-  return {
-    configurable: true,
-    get: function get() {
-      // eslint-disable-next-line no-prototype-builtins
-      if (definingProperty || this === target.prototype || this.hasOwnProperty(key) || typeof fn !== 'function') {
-        return fn;
-      }
-
-      var boundFn = fn.bind(this);
-      definingProperty = true;
-      Object.defineProperty(this, key, {
-        configurable: true,
-        get: function get() {
-          return boundFn;
-        },
-        set: function set(value) {
-          fn = value;
-          delete this[key];
-        }
-      });
-      definingProperty = false;
-      return boundFn;
-    },
-    set: function set(value) {
-      fn = value;
-    }
-  };
-}
-/**
- * Use boundMethod to bind all methods on the target.prototype
- */
-
-function boundClass(target) {
-  // (Using reflect to get all keys including symbols)
-  var keys; // Use Reflect if exists
-
-  if (typeof Reflect !== 'undefined' && typeof Reflect.ownKeys === 'function') {
-    keys = Reflect.ownKeys(target.prototype);
-  } else {
-    keys = Object.getOwnPropertyNames(target.prototype); // Use symbols if support is provided
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      keys = keys.concat(Object.getOwnPropertySymbols(target.prototype));
-    }
-  }
-
-  keys.forEach(function (key) {
-    // Ignore special case target method
-    if (key === 'constructor') {
-      return;
-    }
-
-    var descriptor = Object.getOwnPropertyDescriptor(target.prototype, key); // Only methods need binding
-
-    if (typeof descriptor.value === 'function') {
-      Object.defineProperty(target.prototype, key, boundMethod(target, key, descriptor));
-    }
-  });
-  return target;
-}
-function autobind() {
-  if (arguments.length === 1) {
-    return boundClass.apply(void 0, arguments);
-  }
-
-  return boundMethod.apply(void 0, arguments);
-}
-
-/***/ }),
-
-/***/ 8265:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "HighlightableText": () => (/* reexport */ HighlightableText)
-});
-
-// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
-var esm = __webpack_require__(6627);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./src/components/Utils/Text.ts
-var Text = __webpack_require__(2394);
-;// CONCATENATED MODULE: ./src/components/HighlightableText/HighlightableText.tsx
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-
-
-
-
-var HighlightableText = /** @class */ (function (_super) {
-    __extends(HighlightableText, _super);
-    function HighlightableText() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    HighlightableText.prototype.needToHighlight = function () {
-        return !(0,Text/* isStringEmpty */.Wq)(this.props.highlighted);
-    };
-    HighlightableText.prototype.getParts = function () {
-        if (typeof this.props.children != 'string') {
-            throw Error('In this component, children have to be a string');
-        }
-        return (0,Text/* splitTextInParts */.ho)(this.props.highlighted, this.props.children);
-    };
-    HighlightableText.prototype.renderPart = function (text, index) {
-        var _a;
-        var isSelected = (0,Text/* isMatching */.OH)(text, this.props.highlighted), classname = external_classnames_default()('atoka-highlightable-text', this.props.size, (_a = {
-                'text-muted': this.props.isDisabled === true,
-                'bold': this.props.isBold,
-                'selected-text': isSelected
-            },
-            _a[this.props.highlightColor] = isSelected,
-            _a)), output = text;
-        if (isSelected) {
-            output = external_react_default().createElement("strong", null, text);
-        }
-        return (external_react_default().createElement("span", { key: "".concat(text, "-").concat(index), className: classname }, output));
-    };
-    HighlightableText.prototype.highlightedText = function () {
-        var parts = this.getParts();
-        if (parts == null) {
-            return null;
-        }
-        return external_react_default().createElement("span", { className: this.props.className }, parts.map(this.renderPart));
-    };
-    HighlightableText.prototype.render = function () {
-        var children = this.props.children, classname = external_classnames_default()('atoka-highlightable-text', this.props.highlightColor, this.props.size, this.props.className, {
-            'text-muted': this.props.isDisabled === true,
-            'bold': this.props.isBold,
-        });
-        // We just need the style, which will apply on the <strong> or <b> elements
-        if (typeof children !== 'string') {
-            return external_react_default().createElement("span", { className: classname }, children);
-        }
-        if (!this.needToHighlight()) {
-            return external_react_default().createElement("span", { className: classname }, children);
-        }
-        return this.highlightedText();
-    };
-    var _a;
-    HighlightableText.displayName = 'HighlightableText';
-    HighlightableText.defaultProps = {
-        size: 'md',
-        highlightColor: 'orange',
-    };
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String, Number]),
-        __metadata("design:returntype", typeof (_a = typeof (external_react_default()) !== "undefined" && (external_react_default()).ReactNode) === "function" ? _a : Object)
-    ], HighlightableText.prototype, "renderPart", null);
-    return HighlightableText;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/HighlightableText/index.ts
-
-
-
-/***/ }),
-
-/***/ 2374:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "CustomOptionProps": () => (/* reexport */ CustomOption_namespaceObject.CustomOptionProps),
-  "RenderMultiValueContainer": () => (/* reexport */ Suggester_namespaceObject.RenderMultiValueContainer),
-  "Suggester": () => (/* reexport */ Suggester),
-  "SuggesterProps": () => (/* reexport */ Suggester_namespaceObject.SuggesterProps),
-  "getRenderCustomMultiValueWithIcon": () => (/* reexport */ getRenderCustomMultiValueWithIcon)
-});
-
-// NAMESPACE OBJECT: ./src/components/Suggester/CustomOption.tsx
-var CustomOption_namespaceObject = {};
-__webpack_require__.r(CustomOption_namespaceObject);
-__webpack_require__.d(CustomOption_namespaceObject, {
-  "W": () => (CustomOption)
-});
-
-// NAMESPACE OBJECT: ./src/components/Suggester/Suggester.tsx
-var Suggester_namespaceObject = {};
-__webpack_require__.r(Suggester_namespaceObject);
-__webpack_require__.d(Suggester_namespaceObject, {
-  "_": () => (Suggester)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "react-select"
-var external_react_select_ = __webpack_require__(1738);
-var external_react_select_default = /*#__PURE__*/__webpack_require__.n(external_react_select_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
-var esm = __webpack_require__(6627);
-// EXTERNAL MODULE: external "react-select/async"
-var async_ = __webpack_require__(1553);
-var async_default = /*#__PURE__*/__webpack_require__.n(async_);
-// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faSearch"
-var faSearch_ = __webpack_require__(8427);
-// EXTERNAL MODULE: ./src/components/Utils/CommonTypes.ts
-var CommonTypes = __webpack_require__(3654);
-// EXTERNAL MODULE: ./src/components/HighlightableText/index.ts + 1 modules
-var HighlightableText = __webpack_require__(8265);
-// EXTERNAL MODULE: ./src/components/Utils/Text.ts
-var Text = __webpack_require__(2394);
-;// CONCATENATED MODULE: ./src/components/Suggester/CustomOption.tsx
-
-
-
-
-
-/**
- * ### Overview
- *
- * The `CustomOption` also supports to have children.
- * You can use the `.custom-value` class also in its children if you want it to be styled in uppercase.
- * */
-var CustomOption = function (_a) {
-    var item = _a.item, optionDataValueKey = _a.optionDataValueKey, optionDataLabelKey = _a.optionDataLabelKey, optionDataCustomValueKey = _a.optionDataCustomValueKey, children = _a.children, selectedText = _a.selectedText, className = _a.className;
-    function getLabel(key) {
-        if (!(0,Text/* isStringEmpty */.Wq)(selectedText)) {
-            return external_react_default().createElement(HighlightableText.HighlightableText, { highlighted: selectedText }, item[key]);
-        }
-        return item[key];
-    }
-    // eslint-disable-next-line react/display-name
-    function updateOptionContent(value, optionLabelKey) {
-        if (value === '') {
-            return external_react_default().createElement("span", { className: 'label' }, getLabel(optionLabelKey));
-        }
-        return (external_react_default().createElement((external_react_default()).Fragment, null,
-            external_react_default().createElement("span", { className: 'label mr-1' },
-                value,
-                ":"),
-            getLabel(optionLabelKey)));
-    }
-    var optionContent = '', customValue = null;
-    if (optionDataValueKey && item[optionDataValueKey] != null) {
-        optionContent = getLabel(optionDataValueKey);
-    }
-    if (optionDataLabelKey && item[optionDataLabelKey] != null) {
-        optionContent = updateOptionContent(optionContent, optionDataLabelKey);
-    }
-    if (optionDataCustomValueKey && item[optionDataCustomValueKey] != null) {
-        customValue = external_react_default().createElement("span", { className: 'custom-value ml-2' }, item[optionDataCustomValueKey]);
-    }
-    var classNames = external_classnames_default()('option-data-item overflow-hidden', className);
-    return (external_react_default().createElement("span", { className: classNames },
-        optionContent,
-        customValue,
-        children));
-};
-CustomOption.displayName = 'CustomOption';
-
-// EXTERNAL MODULE: external "@fortawesome/react-fontawesome"
-var react_fontawesome_ = __webpack_require__(5692);
-;// CONCATENATED MODULE: ./src/components/Suggester/InputValueContainer.tsx
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-var InputValueContainer = function (_a) {
-    var children = _a.children, icon = _a.icon, props = __rest(_a, ["children", "icon"]);
-    // eslint-disable-next-line react/display-name
-    function renderIcon() {
-        if (children == null || icon == null) {
-            return null;
-        }
-        return external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: icon });
-    }
-    if (external_react_select_.components.ValueContainer == null) {
-        return null;
-    }
-    return (external_react_default().createElement(external_react_select_.components.ValueContainer, __assign({}, props, { className: 'input-value-container' }),
-        renderIcon(),
-        children));
-};
-InputValueContainer.displayName = 'InputValueContainer';
-
-;// CONCATENATED MODULE: ./src/components/Suggester/getRenderCustomMultiValueWithIcon.tsx
-var getRenderCustomMultiValueWithIcon_assign = (undefined && undefined.__assign) || function () {
-    getRenderCustomMultiValueWithIcon_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return getRenderCustomMultiValueWithIcon_assign.apply(this, arguments);
-};
-
-
-
-
-
-var getRenderCustomMultiValueWithIcon = function (icon, color) {
-    if (color === void 0) { color = 'blue300'; }
-    // eslint-disable-next-line react/display-name
-    return function (props) {
-        // eslint-disable-next-line react/display-name
-        function getIcon() {
-            if (icon == null) {
-                return null;
-            }
-            return (external_react_default().createElement("div", { className: 'icon-container' },
-                external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: icon })));
-        }
-        var className = external_classnames_default()('custom-multi-value-with-icon', props.className, color), labelClassName = external_classnames_default()({ 'ml-1': icon != null, 'ml-2': icon == null });
-        return (external_react_default().createElement(external_react_select_.components.MultiValue, getRenderCustomMultiValueWithIcon_assign({}, props, { className: className }),
-            getIcon(),
-            external_react_default().createElement("span", { className: labelClassName }, props.data.label)));
-    };
-};
-
-;// CONCATENATED MODULE: ./src/components/Suggester/Suggester.tsx
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var Suggester_assign = (undefined && undefined.__assign) || function () {
-    Suggester_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return Suggester_assign.apply(this, arguments);
-};
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __read = (undefined && undefined.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-
-
-
-
-
-
-
-
-
-
-
-// eslint-disable-next-line react/display-name
-var DefaultSuggestedOption = function (item, insertedText) { return (external_react_default().createElement(Suggester.CustomOption, { item: item, optionDataValueKey: 'label', selectedText: insertedText })); };
-var DefaultMultiValue = getRenderCustomMultiValueWithIcon();
-/**
- * ### Overview
- *
- * The `Suggester` allows users to either filter or sort items in a list according to specific parameters.
- * It can be used in sync as well as in async.
- * */
-var Suggester = /** @class */ (function (_super) {
-    __extends(Suggester, _super);
-    function Suggester() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            insertedText: '',
-        };
-        return _this;
-    }
-    Suggester.prototype.loadOptions = function (input, callback) {
-        var _a, _b;
-        (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.loadOptions) === null || _b === void 0 ? void 0 : _b.call(_a, input, callback);
-    };
-    Suggester.prototype.getOptionsAsync = function (input, callback) {
-        var _this = this;
-        var _a, _b;
-        if (this.props.debouncer == null) {
-            this.loadOptions(input, callback);
-        }
-        (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.debouncer) === null || _b === void 0 ? void 0 : _b.call(_a, function () { return _this.loadOptions(input, callback); });
-    };
-    Suggester.prototype.getNoResultsText = function () {
-        if (this.props.hasError) {
-            return this.props.errorMessage;
-        }
-        if (this.state.insertedText === '') {
-            return this.props.emptyMessage;
-        }
-        return this.props.noResultsMessage;
-    };
-    Suggester.prototype.renderNoOptionsMessage = function (props) {
-        var _a;
-        var className = external_classnames_default()({
-            invalid: (_a = this.props) === null || _a === void 0 ? void 0 : _a.hasError,
-        });
-        return (external_react_default().createElement(external_react_select_.components.NoOptionsMessage, Suggester_assign({}, props, { className: className }), this.getNoResultsText()));
-    };
-    Suggester.prototype.handleOnInputChange = function (newValue) {
-        if (this.props.hasError) {
-            return '';
-        }
-        this.setState({ insertedText: newValue });
-        return newValue;
-    };
-    Suggester.prototype.renderLoadingMessage = function (props) {
-        return external_react_default().createElement(external_react_select_.components.LoadingMessage, Suggester_assign({}, props), this.props.children);
-    };
-    Suggester.prototype.renderOptionContainer = function (props) {
-        var _a, _b;
-        var optionProps = [props.data];
-        if (this.props.withHighlight) {
-            optionProps.push(this.state.insertedText);
-        }
-        return external_react_default().createElement(external_react_select_.components.Option, Suggester_assign({}, props), (_b = (_a = this.props).renderSuggestedOption) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(optionProps), false)));
-    };
-    Suggester.prototype.renderValueContainer = function (props) {
-        return (external_react_default().createElement(InputValueContainer, Suggester_assign({ icon: this.props.icon }, props), props.children));
-    };
-    Suggester.prototype.getComponentsConfig = function () {
-        return {
-            Option: this.renderOptionContainer,
-            ValueContainer: this.renderValueContainer,
-            IndicatorsContainer: function () { return null; },
-            NoOptionsMessage: this.renderNoOptionsMessage,
-            LoadingMessage: this.renderLoadingMessage,
-            MultiValue: this.props.renderMultiValueContainer,
-        };
-    };
-    Suggester.prototype.isOptionDisabled = function (option) {
-        var _a, _b;
-        if (((_a = this.props) === null || _a === void 0 ? void 0 : _a.selectedOption) == null) {
-            return false;
-        }
-        return (option === null || option === void 0 ? void 0 : option.value) === ((_b = this.props.selectedOption) === null || _b === void 0 ? void 0 : _b.value);
-    };
-    Suggester.prototype.handleChange = function (item) {
-        var _a, _b, _c, _d, _e, _f;
-        this.setState({ insertedText: '' });
-        if (item == null) {
-            (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, []);
-            return;
-        }
-        if (!Array.isArray(item)) {
-            (_d = (_c = this.props) === null || _c === void 0 ? void 0 : _c.onChange) === null || _d === void 0 ? void 0 : _d.call(_c, [item]);
-            return;
-        }
-        (_f = (_e = this.props) === null || _e === void 0 ? void 0 : _e.onChange) === null || _f === void 0 ? void 0 : _f.call(_e, item);
-    };
-    Suggester.prototype.render = function () {
-        var _a, _b, _c;
-        var className = external_classnames_default()('atoka-suggester', this.props.className, {
-            'atoka-shadow': this.props.withShadow === true,
-            'with-icon': this.props.icon != null,
-        }), commonProps = {
-            value: (_a = this.props) === null || _a === void 0 ? void 0 : _a.value,
-            isClearable: false,
-            components: this.getComponentsConfig(),
-            classNamePrefix: 'suggester',
-            placeholder: this.props.placeholder,
-            isOptionDisabled: this.isOptionDisabled,
-            filterOption: this.props.filterOption,
-            onInputChange: this.handleOnInputChange,
-            inputValue: this.state.insertedText,
-            isMulti: this.props.isMulti,
-            isDisabled: this.props.isDisabled,
-            onChange: this.handleChange,
-        };
-        if (this.props.isAsync) {
-            return (external_react_default().createElement("div", { className: className },
-                external_react_default().createElement((async_default()), Suggester_assign({}, commonProps, { value: this.props.value, loadOptions: this.getOptionsAsync, defaultOptions: this.props.options }))));
-        }
-        return (external_react_default().createElement("div", { className: className },
-            external_react_default().createElement((external_react_select_default()), Suggester_assign({}, commonProps, { defaultValue: (_b = this.props) === null || _b === void 0 ? void 0 : _b.selectedOption, options: (_c = this.props.options) !== null && _c !== void 0 ? _c : [] }))));
-    };
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    Suggester.displayName = 'Suggester';
-    Suggester.CustomOption = CustomOption;
-    Suggester.defaultProps = {
-        withShadow: false,
-        withHighlight: false,
-        isAsync: false,
-        isMulti: false,
-        hasError: false,
-        renderSuggestedOption: DefaultSuggestedOption,
-        errorMessage: '',
-        emptyMessage: '',
-        noResultsMessage: '',
-        icon: faSearch_.faSearch,
-        renderMultiValueContainer: DefaultMultiValue,
-    };
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String, Function]),
-        __metadata("design:returntype", void 0)
-    ], Suggester.prototype, "loadOptions", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String, Function]),
-        __metadata("design:returntype", void 0)
-    ], Suggester.prototype, "getOptionsAsync", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", String)
-    ], Suggester.prototype, "getNoResultsText", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_a = typeof external_react_select_.OptionProps !== "undefined" && external_react_select_.OptionProps) === "function" ? _a : Object]),
-        __metadata("design:returntype", typeof (_b = typeof JSX !== "undefined" && JSX.Element) === "function" ? _b : Object)
-    ], Suggester.prototype, "renderNoOptionsMessage", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", String)
-    ], Suggester.prototype, "handleOnInputChange", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_c = typeof external_react_select_.OptionProps !== "undefined" && external_react_select_.OptionProps) === "function" ? _c : Object]),
-        __metadata("design:returntype", typeof (_d = typeof JSX !== "undefined" && JSX.Element) === "function" ? _d : Object)
-    ], Suggester.prototype, "renderLoadingMessage", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_e = typeof external_react_select_.OptionProps !== "undefined" && external_react_select_.OptionProps) === "function" ? _e : Object]),
-        __metadata("design:returntype", typeof (_f = typeof JSX !== "undefined" && JSX.Element) === "function" ? _f : Object)
-    ], Suggester.prototype, "renderOptionContainer", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_g = typeof external_react_select_.ValueContainerProps !== "undefined" && external_react_select_.ValueContainerProps) === "function" ? _g : Object]),
-        __metadata("design:returntype", typeof (_h = typeof JSX !== "undefined" && JSX.Element) === "function" ? _h : Object)
-    ], Suggester.prototype, "renderValueContainer", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_j = typeof CommonTypes/* OptionData */.nJ !== "undefined" && CommonTypes/* OptionData */.nJ) === "function" ? _j : Object]),
-        __metadata("design:returntype", Boolean)
-    ], Suggester.prototype, "isOptionDisabled", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], Suggester.prototype, "handleChange", null);
-    return Suggester;
-}((external_react_default()).Component));
-
-
-;// CONCATENATED MODULE: ./src/components/Suggester/index.ts
-
-
-
-
-
-/***/ }),
-
-/***/ 3654:
-/***/ (() => {
-
-
-
-
-/***/ }),
-
-/***/ 2394:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Wq": () => (/* binding */ isStringEmpty),
-/* harmony export */   "OH": () => (/* binding */ isMatching),
-/* harmony export */   "ho": () => (/* binding */ splitTextInParts)
-/* harmony export */ });
-/* unused harmony exports slugify, estimateWordSize, ellipse, matchAndFormatRangeLabel, formatRange, ellipseAndFormat, escapeRegExp */
-var __values = (undefined && undefined.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __read = (undefined && undefined.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-function isStringEmpty(s) {
-    if (s == null) {
-        return true;
-    }
-    return s.match(/^\s*$/) !== null;
-}
-function slugify(text) {
-    var a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;', b = 'aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------', p = new RegExp(a.split('').join('|'), 'g');
-    return text
-        .toString()
-        .toLowerCase()
-        .replace(/\s+/g, '-') // Replace spaces with -
-        .replace(p, function (c) { return b.charAt(a.indexOf(c)); }) // Replace special characters
-        .replace(/&/g, '-and-') // Replace & with 'and'
-        .replace(/[^\w-]+/g, '') // Remove all non-word characters
-        .replace(/--+/g, '-') // Replace multiple - with single -
-        .replace(/^-+/, '') // Trim - from start of text
-        .replace(/-+$/, ''); // Trim - from end of text
-}
-function estimateWordSize(wordLength, letterPixels, constant) {
-    return wordLength * letterPixels + constant;
-}
-function ellipse(input, length) {
-    if (input == null) {
-        return '';
-    }
-    return input.length > length ? "".concat(input.substr(0, length - 1), "\u2026") : input;
-}
-function matchAndFormatRangeLabel(formatter) {
-    return function (label) {
-        var match = /^([\d*]+)-([\d*]+)$/.exec(label);
-        if (match == null) {
-            return label;
-        }
-        return formatRange({
-            from: match[1],
-            to: match[2],
-        }, formatter !== null && formatter !== void 0 ? formatter : (function (v) { return v; }));
-    };
-}
-function formatRange(item, formatter) {
-    var _a, _b;
-    var to = item.to === '*' ? '*' : formatter(parseInt((_a = item.to) !== null && _a !== void 0 ? _a : '0', 10)), from = formatter(parseInt((_b = item.from) !== null && _b !== void 0 ? _b : '0', 10));
-    if (from === to) {
-        return "".concat(from);
-    }
-    return "".concat(from, " - ").concat(to);
-}
-function ellipseAndFormat(formatter, maxLabelLength) {
-    return function (value) {
-        var strValue = value.toString();
-        if (formatter == null) {
-            return ellipse(strValue, maxLabelLength);
-        }
-        return ellipse("".concat(formatter(strValue)), maxLabelLength);
-    };
-}
-function escapeRegExp(input) {
-    // eslint-disable-next-line
-    return input.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
-}
-function isMatching(text0, text1) {
-    var e_1, _a;
-    if (text0 == null || text1 == null) {
-        return false;
-    }
-    text0 = text0.toLowerCase();
-    text1 = text1.toLowerCase();
-    if (text1.match(' ') === null) {
-        return text0.match(escapeRegExp(text1)) !== null;
-    }
-    var splitNeedles = text1
-        .split(' ')
-        .filter(function (s) { return !isStringEmpty(s); })
-        .sort(function (a, b) { return b.length - a.length; });
-    try {
-        for (var splitNeedles_1 = __values(splitNeedles), splitNeedles_1_1 = splitNeedles_1.next(); !splitNeedles_1_1.done; splitNeedles_1_1 = splitNeedles_1.next()) {
-            var needle = splitNeedles_1_1.value;
-            if (text0 === needle) {
-                return true;
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (splitNeedles_1_1 && !splitNeedles_1_1.done && (_a = splitNeedles_1.return)) _a.call(splitNeedles_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return false;
-}
-function splitTextInParts(needles, text) {
-    var e_2, _a;
-    if (text == null) {
-        return [];
-    }
-    if (needles.match(' ') === null) {
-        var re = new RegExp('(' + escapeRegExp(needles) + ')', 'gi');
-        return text.split(re);
-    }
-    var splitNeedles = needles
-        .split(' ')
-        .filter(function (s) { return !isStringEmpty(s); })
-        .sort(function (a, b) { return b.length - a.length; }), ret = [text];
-    try {
-        for (var splitNeedles_2 = __values(splitNeedles), splitNeedles_2_1 = splitNeedles_2.next(); !splitNeedles_2_1.done; splitNeedles_2_1 = splitNeedles_2.next()) {
-            var needle = splitNeedles_2_1.value;
-            var re = new RegExp('(' + needle + ')', 'gi');
-            for (var index = 0; index < ret.length; index++) {
-                var currentText = ret[index];
-                if (isMatching(currentText, escapeRegExp(needles))) {
-                    continue;
-                }
-                var newParts = currentText.split(re).filter(function (s) { return s !== ''; });
-                ret.splice.apply(ret, __spreadArray([index, 1], __read(newParts), false));
-            }
-        }
-    }
-    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-    finally {
-        try {
-            if (splitNeedles_2_1 && !splitNeedles_2_1.done && (_a = splitNeedles_2.return)) _a.call(splitNeedles_2);
-        }
-        finally { if (e_2) throw e_2.error; }
-    }
-    return ret;
-}
-
-
-/***/ }),
-
-/***/ 8427:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8427__;
-
-/***/ }),
-
-/***/ 5692:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
-
-/***/ }),
-
-/***/ 8310:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
-
-/***/ }),
-
-/***/ 8156:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
-
-/***/ }),
-
-/***/ 1738:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1738__;
-
-/***/ }),
-
-/***/ 1553:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1553__;
-
-/***/ }),
-
-/***/ 4329:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* binding */ _typeof)
-/* harmony export */ });
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/chunk loaded */
-/******/ 	(() => {
-/******/ 		var deferred = [];
-/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
-/******/ 			if(chunkIds) {
-/******/ 				priority = priority || 0;
-/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
-/******/ 				deferred[i] = [chunkIds, fn, priority];
-/******/ 				return;
-/******/ 			}
-/******/ 			var notFulfilled = Infinity;
-/******/ 			for (var i = 0; i < deferred.length; i++) {
-/******/ 				var [chunkIds, fn, priority] = deferred[i];
-/******/ 				var fulfilled = true;
-/******/ 				for (var j = 0; j < chunkIds.length; j++) {
-/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
-/******/ 						chunkIds.splice(j--, 1);
-/******/ 					} else {
-/******/ 						fulfilled = false;
-/******/ 						if(priority < notFulfilled) notFulfilled = priority;
-/******/ 					}
-/******/ 				}
-/******/ 				if(fulfilled) {
-/******/ 					deferred.splice(i--, 1)
-/******/ 					var r = fn();
-/******/ 					if (r !== undefined) result = r;
-/******/ 				}
-/******/ 			}
-/******/ 			return result;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			4659: 0,
-/******/ 			4953: 0,
-/******/ 			5785: 0
-/******/ 		};
-/******/ 		
-/******/ 		// no chunk on demand loading
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
-/******/ 		
-/******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var [chunkIds, moreModules, runtime] = data;
-/******/ 			// add "moreModules" to the modules object,
-/******/ 			// then flag all "chunkIds" as loaded and fire callback
-/******/ 			var moduleId, chunkId, i = 0;
-/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
-/******/ 				for(moduleId in moreModules) {
-/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ 					}
-/******/ 				}
-/******/ 				if(runtime) var result = runtime(__webpack_require__);
-/******/ 			}
-/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ 			for(;i < chunkIds.length; i++) {
-/******/ 				chunkId = chunkIds[i];
-/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ 					installedChunks[chunkId][0]();
-/******/ 				}
-/******/ 				installedChunks[chunkIds[i]] = 0;
-/******/ 			}
-/******/ 			return __webpack_require__.O(result);
-/******/ 		}
-/******/ 		
-/******/ 		var chunkLoadingGlobal = self["webpackChunkatoka_design_system"] = self["webpackChunkatoka_design_system"] || [];
-/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
-/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, [5785], () => (__webpack_require__(2374)))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faSearch"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-select"),require("react-select/async")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faSearch","@fortawesome/react-fontawesome","classnames","react","react-select","react-select/async"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faSearch"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-select"),require("react-select/async")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faSearch"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-select"],e["react-select/async"])}(self,(function(e,t,n,r,o,i){return(()=>{"use strict";var s,a={6627:(e,t,n)=>{n.d(t,{MR:()=>i,ZP:()=>a});var r=n(4329);function o(e){return o="function"==typeof Symbol&&"symbol"===(0,r.Z)(Symbol.iterator)?function(e){return(0,r.Z)(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":(0,r.Z)(e)},o(e)}function i(e,t,n){var r=n.value;if("function"!=typeof r)throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(o(r)));var i=!1;return{configurable:!0,get:function(){if(i||this===e.prototype||this.hasOwnProperty(t)||"function"!=typeof r)return r;var n=r.bind(this);return i=!0,Object.defineProperty(this,t,{configurable:!0,get:function(){return n},set:function(e){r=e,delete this[t]}}),i=!1,n},set:function(e){r=e}}}function s(e){var t;return"undefined"!=typeof Reflect&&"function"==typeof Reflect.ownKeys?t=Reflect.ownKeys(e.prototype):(t=Object.getOwnPropertyNames(e.prototype),"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(e.prototype)))),t.forEach((function(t){if("constructor"!==t){var n=Object.getOwnPropertyDescriptor(e.prototype,t);"function"==typeof n.value&&Object.defineProperty(e.prototype,t,i(e,t,n))}})),e}function a(){return 1===arguments.length?s.apply(void 0,arguments):i.apply(void 0,arguments)}},8265:(e,t,n)=>{n.d(t,{HighlightableText:()=>d});var r,o=n(6627),i=n(8310),s=n.n(i),a=n(8156),l=n.n(a),p=n(2394),u=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=function(e,t,n,r){var o,i=arguments.length,s=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i<3?o(s):i>3?o(t,n,s):o(t,n))||s);return i>3&&s&&Object.defineProperty(t,n,s),s},f=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}var n;return u(t,e),t.prototype.needToHighlight=function(){return!(0,p.Wq)(this.props.highlighted)},t.prototype.getParts=function(){if("string"!=typeof this.props.children)throw Error("In this component, children have to be a string");return(0,p.ho)(this.props.highlighted,this.props.children)},t.prototype.renderPart=function(e,t){var n,r=(0,p.OH)(e,this.props.highlighted),o=s()("atoka-highlightable-text",this.props.size,((n={"text-muted":!0===this.props.isDisabled,bold:this.props.isBold,"selected-text":r})[this.props.highlightColor]=r,n)),i=e;return r&&(i=l().createElement("strong",null,e)),l().createElement("span",{key:"".concat(e,"-").concat(t),className:o},i)},t.prototype.highlightedText=function(){var e=this.getParts();return null==e?null:l().createElement("span",{className:this.props.className},e.map(this.renderPart))},t.prototype.render=function(){var e=this.props.children,t=s()("atoka-highlightable-text",this.props.highlightColor,this.props.size,this.props.className,{"text-muted":!0===this.props.isDisabled,bold:this.props.isBold});return"string"!=typeof e?l().createElement("span",{className:t},e):this.needToHighlight()?this.highlightedText():l().createElement("span",{className:t},e)},t.displayName="HighlightableText",t.defaultProps={size:"md",highlightColor:"orange"},c([o.MR,f("design:type",Function),f("design:paramtypes",[String,Number]),f("design:returntype","function"==typeof(n=void 0!==l()&&l().ReactNode)?n:Object)],t.prototype,"renderPart",null),t}(l().PureComponent)},2374:(e,t,n)=>{n.r(t),n.d(t,{CustomOptionProps:()=>r.CustomOptionProps,RenderMultiValueContainer:()=>o.RenderMultiValueContainer,Suggester:()=>F,SuggesterProps:()=>o.SuggesterProps,getRenderCustomMultiValueWithIcon:()=>C});var r={};n.r(r),n.d(r,{W:()=>v});var o={};n.r(o),n.d(o,{_:()=>F});var i=n(8156),s=n.n(i),a=n(1738),l=n.n(a),p=n(8310),u=n.n(p),c=n(6627),f=n(1553),d=n.n(f),y=n(8427),h=n(3654),g=n(8265),m=n(2394),v=function(e){var t=e.item,n=e.optionDataValueKey,r=e.optionDataLabelKey,o=e.optionDataCustomValueKey,i=e.children,a=e.selectedText,l=e.className;function p(e){return(0,m.Wq)(a)?t[e]:s().createElement(g.HighlightableText,{highlighted:a},t[e])}var c,f,d="",y=null;n&&null!=t[n]&&(d=p(n)),r&&null!=t[r]&&(f=r,d=""===(c=d)?s().createElement("span",{className:"label"},p(f)):s().createElement(s().Fragment,null,s().createElement("span",{className:"label mr-1"},c,":"),p(f))),o&&null!=t[o]&&(y=s().createElement("span",{className:"custom-value ml-2"},t[o]));var h=u()("option-data-item overflow-hidden",l);return s().createElement("span",{className:h},d,y,i)};v.displayName="CustomOption";var b=n(5692),O=function(){return O=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},O.apply(this,arguments)},w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},P=function(e){var t=e.children,n=e.icon,r=w(e,["children","icon"]);return null==a.components.ValueContainer?null:s().createElement(a.components.ValueContainer,O({},r,{className:"input-value-container"}),null==t||null==n?null:s().createElement(b.FontAwesomeIcon,{icon:n}),t)};P.displayName="InputValueContainer";var S,j=function(){return j=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},j.apply(this,arguments)},C=function(e,t){return void 0===t&&(t="blue300"),function(n){var r=u()("custom-multi-value-with-icon",n.className,t),o=u()({"ml-1":null!=e,"ml-2":null==e});return s().createElement(a.components.MultiValue,j({},n,{className:r}),null==e?null:s().createElement("div",{className:"icon-container"},s().createElement(b.FontAwesomeIcon,{icon:e})),s().createElement("span",{className:o},n.data.label))}},x=(S=function(e,t){return S=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},S(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}S(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),E=function(){return E=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},E.apply(this,arguments)},N=function(e,t,n,r){var o,i=arguments.length,s=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i<3?o(s):i>3?o(t,n,s):o(t,n))||s);return i>3&&s&&Object.defineProperty(t,n,s),s},M=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},R=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)s.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return s},_=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))},T=function(e,t){return s().createElement(F.CustomOption,{item:e,optionDataValueKey:"label",selectedText:t})},V=C(),F=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={insertedText:""},t}var n,r,o,i,p,f,g,m,b;return x(t,e),t.prototype.loadOptions=function(e,t){var n,r;null===(r=null===(n=this.props)||void 0===n?void 0:n.loadOptions)||void 0===r||r.call(n,e,t)},t.prototype.getOptionsAsync=function(e,t){var n,r,o=this;null==this.props.debouncer&&this.loadOptions(e,t),null===(r=null===(n=this.props)||void 0===n?void 0:n.debouncer)||void 0===r||r.call(n,(function(){return o.loadOptions(e,t)}))},t.prototype.getNoResultsText=function(){return this.props.hasError?this.props.errorMessage:""===this.state.insertedText?this.props.emptyMessage:this.props.noResultsMessage},t.prototype.renderNoOptionsMessage=function(e){var t,n=u()({invalid:null===(t=this.props)||void 0===t?void 0:t.hasError});return s().createElement(a.components.NoOptionsMessage,E({},e,{className:n}),this.getNoResultsText())},t.prototype.handleOnInputChange=function(e){return this.props.hasError?"":(this.setState({insertedText:e}),e)},t.prototype.renderLoadingMessage=function(e){return s().createElement(a.components.LoadingMessage,E({},e),this.props.children)},t.prototype.renderOptionContainer=function(e){var t,n,r=[e.data];return this.props.withHighlight&&r.push(this.state.insertedText),s().createElement(a.components.Option,E({},e),null===(n=(t=this.props).renderSuggestedOption)||void 0===n?void 0:n.call.apply(n,_([t],R(r),!1)))},t.prototype.renderValueContainer=function(e){return s().createElement(P,E({icon:this.props.icon},e),e.children)},t.prototype.getComponentsConfig=function(){return{Option:this.renderOptionContainer,ValueContainer:this.renderValueContainer,IndicatorsContainer:function(){return null},NoOptionsMessage:this.renderNoOptionsMessage,LoadingMessage:this.renderLoadingMessage,MultiValue:this.props.renderMultiValueContainer}},t.prototype.isOptionDisabled=function(e){var t,n;return null!=(null===(t=this.props)||void 0===t?void 0:t.selectedOption)&&(null==e?void 0:e.value)===(null===(n=this.props.selectedOption)||void 0===n?void 0:n.value)},t.prototype.handleChange=function(e){var t,n,r,o,i,s;this.setState({insertedText:""}),null!=e?Array.isArray(e)?null===(s=null===(i=this.props)||void 0===i?void 0:i.onChange)||void 0===s||s.call(i,e):null===(o=null===(r=this.props)||void 0===r?void 0:r.onChange)||void 0===o||o.call(r,[e]):null===(n=null===(t=this.props)||void 0===t?void 0:t.onChange)||void 0===n||n.call(t,[])},t.prototype.render=function(){var e,t,n,r=u()("atoka-suggester",this.props.className,{"atoka-shadow":!0===this.props.withShadow,"with-icon":null!=this.props.icon}),o={value:null===(e=this.props)||void 0===e?void 0:e.value,isClearable:!1,components:this.getComponentsConfig(),classNamePrefix:"suggester",placeholder:this.props.placeholder,isOptionDisabled:this.isOptionDisabled,filterOption:this.props.filterOption,onInputChange:this.handleOnInputChange,inputValue:this.state.insertedText,isMulti:this.props.isMulti,isDisabled:this.props.isDisabled,onChange:this.handleChange};return this.props.isAsync?s().createElement("div",{className:r},s().createElement(d(),E({},o,{value:this.props.value,loadOptions:this.getOptionsAsync,defaultOptions:this.props.options}))):s().createElement("div",{className:r},s().createElement(l(),E({},o,{defaultValue:null===(t=this.props)||void 0===t?void 0:t.selectedOption,options:null!==(n=this.props.options)&&void 0!==n?n:[]})))},t.displayName="Suggester",t.CustomOption=v,t.defaultProps={withShadow:!1,withHighlight:!1,isAsync:!1,isMulti:!1,hasError:!1,renderSuggestedOption:T,errorMessage:"",emptyMessage:"",noResultsMessage:"",icon:y.faSearch,renderMultiValueContainer:V},N([c.ZP,M("design:type",Function),M("design:paramtypes",[String,Function]),M("design:returntype",void 0)],t.prototype,"loadOptions",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",[String,Function]),M("design:returntype",void 0)],t.prototype,"getOptionsAsync",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",[]),M("design:returntype",String)],t.prototype,"getNoResultsText",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",["function"==typeof(n=void 0!==a.OptionProps&&a.OptionProps)?n:Object]),M("design:returntype","function"==typeof(r="undefined"!=typeof JSX&&JSX.Element)?r:Object)],t.prototype,"renderNoOptionsMessage",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",[String]),M("design:returntype",String)],t.prototype,"handleOnInputChange",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",["function"==typeof(o=void 0!==a.OptionProps&&a.OptionProps)?o:Object]),M("design:returntype","function"==typeof(i="undefined"!=typeof JSX&&JSX.Element)?i:Object)],t.prototype,"renderLoadingMessage",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",["function"==typeof(p=void 0!==a.OptionProps&&a.OptionProps)?p:Object]),M("design:returntype","function"==typeof(f="undefined"!=typeof JSX&&JSX.Element)?f:Object)],t.prototype,"renderOptionContainer",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",["function"==typeof(g=void 0!==a.ValueContainerProps&&a.ValueContainerProps)?g:Object]),M("design:returntype","function"==typeof(m="undefined"!=typeof JSX&&JSX.Element)?m:Object)],t.prototype,"renderValueContainer",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",["function"==typeof(b=void 0!==h.nJ&&h.nJ)?b:Object]),M("design:returntype",Boolean)],t.prototype,"isOptionDisabled",null),N([c.ZP,M("design:type",Function),M("design:paramtypes",[Object]),M("design:returntype",void 0)],t.prototype,"handleChange",null),t}(s().Component)},3654:()=>{},2394:(e,t,n)=>{n.d(t,{Wq:()=>s,OH:()=>l,ho:()=>p});var r=function(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)s.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return s},i=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))};function s(e){return null==e||null!==e.match(/^\s*$/)}function a(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function l(e,t){var n,o;if(null==e||null==t)return!1;if(e=e.toLowerCase(),null===(t=t.toLowerCase()).match(" "))return null!==e.match(a(t));var i=t.split(" ").filter((function(e){return!s(e)})).sort((function(e,t){return t.length-e.length}));try{for(var l=r(i),p=l.next();!p.done;p=l.next()){if(e===p.value)return!0}}catch(e){n={error:e}}finally{try{p&&!p.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return!1}function p(e,t){var n,p;if(null==t)return[];if(null===e.match(" ")){var u=new RegExp("("+a(e)+")","gi");return t.split(u)}var c=e.split(" ").filter((function(e){return!s(e)})).sort((function(e,t){return t.length-e.length})),f=[t];try{for(var d=r(c),y=d.next();!y.done;y=d.next())for(var h=y.value,g=(u=new RegExp("("+h+")","gi"),0);g<f.length;g++){var m=f[g];if(!l(m,a(e))){var v=m.split(u).filter((function(e){return""!==e}));f.splice.apply(f,i([g,1],o(v),!1))}}}catch(e){n={error:e}}finally{try{y&&!y.done&&(p=d.return)&&p.call(d)}finally{if(n)throw n.error}}return f}},8427:t=>{t.exports=e},5692:e=>{e.exports=t},8310:e=>{e.exports=n},8156:e=>{e.exports=r},1738:e=>{e.exports=o},1553:e=>{e.exports=i},4329:(e,t,n)=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}n.d(t,{Z:()=>r})}},l={};function p(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}};return a[e](n,n.exports,p),n.exports}p.m=a,s=[],p.O=(e,t,n,r)=>{if(!t){var o=1/0;for(u=0;u<s.length;u++){for(var[t,n,r]=s[u],i=!0,a=0;a<t.length;a++)(!1&r||o>=r)&&Object.keys(p.O).every((e=>p.O[e](t[a])))?t.splice(a--,1):(i=!1,r<o&&(o=r));if(i){s.splice(u--,1);var l=n();void 0!==l&&(e=l)}}return e}r=r||0;for(var u=s.length;u>0&&s[u-1][2]>r;u--)s[u]=s[u-1];s[u]=[t,n,r]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var n in t)p.o(t,n)&&!p.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={4659:0,4953:0,8699:0};p.O.j=t=>0===e[t];var t=(t,n)=>{var r,o,[i,s,a]=n,l=0;if(i.some((t=>0!==e[t]))){for(r in s)p.o(s,r)&&(p.m[r]=s[r]);if(a)var u=a(p)}for(t&&t(n);l<i.length;l++)o=i[l],p.o(e,o)&&e[o]&&e[o][0](),e[i[l]]=0;return p.O(u)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var u=p.O(void 0,[8699],(()=>p(2374)));return u=p.O(u)})()}));