@spaziodati/atoka-design-system 2.0.72-beta

package/AddableItems/index.js

@@ -0,0 +1,1046 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@fortawesome/pro-light-svg-icons/faMinusCircle"), require("@fortawesome/pro-light-svg-icons/faPlusCircle"), require("@fortawesome/pro-light-svg-icons/faTimes"), require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Button"), require("react-bootstrap/ListGroup"), require("react-bootstrap/OverlayTrigger"), require("react-dom"));
+	else if(typeof define === 'function' && define.amd)
+		define("atoka-design-system", ["@fortawesome/pro-light-svg-icons/faMinusCircle", "@fortawesome/pro-light-svg-icons/faPlusCircle", "@fortawesome/pro-light-svg-icons/faTimes", "@fortawesome/react-fontawesome", "classnames", "react", "react-bootstrap/Button", "react-bootstrap/ListGroup", "react-bootstrap/OverlayTrigger", "react-dom"], factory);
+	else if(typeof exports === 'object')
+		exports["atoka-design-system"] = factory(require("@fortawesome/pro-light-svg-icons/faMinusCircle"), require("@fortawesome/pro-light-svg-icons/faPlusCircle"), require("@fortawesome/pro-light-svg-icons/faTimes"), require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Button"), require("react-bootstrap/ListGroup"), require("react-bootstrap/OverlayTrigger"), require("react-dom"));
+	else
+		root["atoka-design-system"] = factory(root["@fortawesome/pro-light-svg-icons/faMinusCircle"], root["@fortawesome/pro-light-svg-icons/faPlusCircle"], root["@fortawesome/pro-light-svg-icons/faTimes"], root["@fortawesome/react-fontawesome"], root["classnames"], root["react"], root["react-bootstrap/Button"], root["react-bootstrap/ListGroup"], root["react-bootstrap/OverlayTrigger"], root["react-dom"]);
+})(self, function(__WEBPACK_EXTERNAL_MODULE__8809__, __WEBPACK_EXTERNAL_MODULE__8761__, __WEBPACK_EXTERNAL_MODULE__6988__, __WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__8926__, __WEBPACK_EXTERNAL_MODULE__9034__, __WEBPACK_EXTERNAL_MODULE__6043__, __WEBPACK_EXTERNAL_MODULE__7111__) {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 2044:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "AddableItems": () => (/* reexport */ AddableItems),
+  "extractFacetKeyFromItemValue": () => (/* reexport */ extractFacetKeyFromItemValue)
+});
+
+// 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/Button/index.ts
+var Button = __webpack_require__(125);
+// EXTERNAL MODULE: ./src/components/Title/index.ts
+var Title = __webpack_require__(9190);
+// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
+var esm = __webpack_require__(6627);
+// EXTERNAL MODULE: external "react-bootstrap/ListGroup"
+var ListGroup_ = __webpack_require__(9034);
+var ListGroup_default = /*#__PURE__*/__webpack_require__.n(ListGroup_);
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faPlusCircle"
+var faPlusCircle_ = __webpack_require__(8761);
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faMinusCircle"
+var faMinusCircle_ = __webpack_require__(8809);
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faTimes"
+var faTimes_ = __webpack_require__(6988);
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7111);
+var external_react_dom_default = /*#__PURE__*/__webpack_require__.n(external_react_dom_);
+// EXTERNAL MODULE: ./src/components/Tooltip/index.ts + 1 modules
+var Tooltip = __webpack_require__(1512);
+;// CONCATENATED MODULE: ./src/components/AddableItems/ClickableExcludableItem.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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        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 ClickableExcludableItem = /** @class */ (function (_super) {
+    __extends(ClickableExcludableItem, _super);
+    function ClickableExcludableItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ClickableExcludableItem.prototype.renderItemButtons = function () {
+        if (this.props.kind === ClickableItemKind.add) {
+            return null;
+        }
+        return (external_react_default().createElement("span", { className: 'clickable-item-buttons-container' },
+            external_react_default().createElement(Button.Button, { variant: 'tertiary', icon: faTimes_.faTimes, size: 'xs' }),
+            this.renderIncludeExcludeToggler()));
+    };
+    ClickableExcludableItem.prototype.renderItemRealContent = function (item) {
+        if (this.props.itemContentRenderer != null) {
+            return this.props.itemContentRenderer(item);
+        }
+        return item.value;
+    };
+    ClickableExcludableItem.prototype.renderItemContent = function (item) {
+        var notSuffix = this.props.isExcluded === true ? (external_react_default().createElement("span", { className: 'item-content-not-suffix' },
+            this.props.notSuffixLabel,
+            "\u00A0")) : ('');
+        return (external_react_default().createElement("div", { className: 'item-content d-flex align-items-center text-wrap w-100 mr-1 overflow-hidden' },
+            notSuffix,
+            this.renderItemRealContent(item)));
+    };
+    ClickableExcludableItem.prototype.renderIncludeExcludeToggler = function () {
+        var _this = this;
+        if (this.props.supportsExclusion !== true) {
+            return null;
+        }
+        var button = (external_react_default().createElement("div", null,
+            external_react_default().createElement(Button.Button, { ref: function (node) { return (_this.includeExcludeTogglerRef = node); }, variant: 'tertiary', icon: this.props.isExcluded ? faPlusCircle_.faPlusCircle : faMinusCircle_.faMinusCircle, size: 'xs', onClick: this.props.onToggleIncludeExclude, className: 'item-toggler' })));
+        if (this.props.tooltipMessages == null) {
+            return button;
+        }
+        var _a = this.props.tooltipMessages, include = _a.include, exclude = _a.exclude;
+        return external_react_default().createElement(Tooltip.Tooltip, { content: this.props.isExcluded ? include : exclude }, button);
+    };
+    ClickableExcludableItem.prototype.renderCount = function (item) {
+        if (item.count == null) {
+            return external_react_default().createElement("span", null, "\u00A0");
+        }
+        var count = item.count.toString();
+        if (this.props.countFormatter) {
+            count = this.props.countFormatter(item.count);
+        }
+        return external_react_default().createElement("span", { className: 'list-item-count' }, count);
+    };
+    ClickableExcludableItem.prototype.handleContainerClick = function (e) {
+        if (this.props.supportsExclusion === true) {
+            // eslint-disable-next-line react/no-find-dom-node
+            var includeExcludeToggler = external_react_dom_default().findDOMNode(this.includeExcludeTogglerRef);
+            if (e.target === includeExcludeToggler || (includeExcludeToggler === null || includeExcludeToggler === void 0 ? void 0 : includeExcludeToggler.contains(e.target))) {
+                return;
+            }
+        }
+        this.props.onRemove();
+    };
+    ClickableExcludableItem.prototype.render = function () {
+        var itemClassName = external_classnames_default()([ClickableItemKind[this.props.kind]], {
+            included: this.props.supportsExclusion && !this.props.isExcluded,
+            excluded: this.props.isExcluded,
+        });
+        return (external_react_default().createElement((ListGroup_default()).Item, { bsPrefix: 'atoka-list-group-item', className: itemClassName, onClick: this.handleContainerClick },
+            external_react_default().createElement("span", { className: 'list-group-item-content-container w-100 d-flex justify-content-between' },
+                external_react_default().createElement("div", { className: 'd-flex align-items-center w-100 overflow-hidden' },
+                    this.renderItemButtons(),
+                    this.renderItemContent(this.props.item)),
+                this.renderCount(this.props.item))));
+    };
+    var _a;
+    ClickableExcludableItem.displayName = 'ClickableExcludableItem';
+    __decorate([
+        esm/* boundMethod */.MR,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [typeof (_a = typeof (external_react_default()) !== "undefined" && (external_react_default()).MouseEvent) === "function" ? _a : Object]),
+        __metadata("design:returntype", void 0)
+    ], ClickableExcludableItem.prototype, "handleContainerClick", null);
+    return ClickableExcludableItem;
+}((external_react_default()).PureComponent));
+
+
+;// CONCATENATED MODULE: ./src/components/AddableItems/ClickableItemList.tsx
+var ClickableItemList_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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var ClickableItemList_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 ClickableItemList_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+
+
+// eslint-disable-next-line no-shadow
+var ClickableItemKind;
+(function (ClickableItemKind) {
+    ClickableItemKind[ClickableItemKind["add"] = 0] = "add";
+    ClickableItemKind[ClickableItemKind["remove"] = 1] = "remove";
+})(ClickableItemKind || (ClickableItemKind = {}));
+var ClickableItemList = /** @class */ (function (_super) {
+    ClickableItemList_extends(ClickableItemList, _super);
+    function ClickableItemList() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ClickableItemList.prototype.renderItem = function (item) {
+        var _this = this;
+        return (external_react_default().createElement(ClickableExcludableItem, { key: item.value, item: item, kind: this.props.kind, onRemove: function () { return _this.props.onClick(item); }, onToggleIncludeExclude: function () { var _a, _b, _c; return (_b = (_a = _this.props).onToggleIncludeExclude) === null || _b === void 0 ? void 0 : _b.call(_a, item, (_c = _this.props.areItemsExcluded) !== null && _c !== void 0 ? _c : false); }, supportsExclusion: this.props.supportsExclusion, isExcluded: this.props.areItemsExcluded, itemContentRenderer: this.props.itemContentRenderer, tooltipMessages: this.props.tooltipMessages, notSuffixLabel: this.props.notSuffixLabel, countFormatter: this.props.countFormatter }));
+    };
+    ClickableItemList.prototype.needToShowEmptyMessage = function () {
+        if (this.props.emptyMessage == null) {
+            return false;
+        }
+        if (this.props.items == null) {
+            return true;
+        }
+        if (this.props.items.length > 0) {
+            return false;
+        }
+        return true;
+    };
+    ClickableItemList.prototype.getItems = function () {
+        if (this.needToShowEmptyMessage()) {
+            return (external_react_default().createElement((ListGroup_default()).Item, { bsPrefix: 'atoka-list-group-item', key: 'empty-message' }, this.props.emptyMessage));
+        }
+        if (this.props.items == null || this.props.items.length === 0) {
+            return null;
+        }
+        if (this.props.items[0].count == null) {
+            return this.props.items.map(this.renderItem);
+        }
+        var items = this.props.items;
+        return items
+            .sort(function (a, b) { var _a, _b; return ((_a = b.count) !== null && _a !== void 0 ? _a : 0) - ((_b = a.count) !== null && _b !== void 0 ? _b : 0); })
+            .map(this.renderItem);
+    };
+    ClickableItemList.prototype.render = function () {
+        var classNames = external_classnames_default()({
+            'list-empty': this.props.items == null || this.props.items.length === 0,
+            'atoka-addable-items': this.props.kind === ClickableItemKind.add,
+            'atoka-removable-items': this.props.kind === ClickableItemKind.remove,
+        });
+        return (external_react_default().createElement((ListGroup_default()), { bsPrefix: 'atoka-list-group', className: classNames }, this.getItems()));
+    };
+    var _a;
+    ClickableItemList.displayName = 'ClickableItemList';
+    ClickableItemList_decorate([
+        esm/* boundMethod */.MR,
+        ClickableItemList_metadata("design:type", Function),
+        ClickableItemList_metadata("design:paramtypes", [Object]),
+        ClickableItemList_metadata("design:returntype", typeof (_a = typeof JSX !== "undefined" && JSX.Element) === "function" ? _a : Object)
+    ], ClickableItemList.prototype, "renderItem", null);
+    return ClickableItemList;
+}((external_react_default()).Component));
+
+
+;// CONCATENATED MODULE: ./src/components/AddableItems/AddableItems.tsx
+var AddableItems_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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+
+
+function extractFacetKeyFromItemValue(key) {
+    return typeof key === 'object' ? key.value : key;
+}
+/**
+ * ### Overview
+ *
+ * The `AddableItems` component is most useful to display a selection list and select many items.
+ * All items selected are commonly used to include these voices on a search.
+ * */
+var AddableItems = /** @class */ (function (_super) {
+    AddableItems_extends(AddableItems, _super);
+    function AddableItems(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { isFirstRender: true };
+        return _this;
+    }
+    AddableItems.prototype.componentDidUpdate = function () {
+        if (this.state.isFirstRender && this.props.config.isLoading === false) {
+            this.setState({ isFirstRender: false });
+        }
+    };
+    AddableItems.prototype.renderItemContent = function (item) {
+        if (item.label != null && !(item.label.indexOf('- (') === 0)) {
+            return external_react_default().createElement("span", { className: 'option-data-item overflow-hidden' }, item.label);
+        }
+        return external_react_default().createElement("span", { className: 'option-data-item overflow-hidden' }, item.value);
+    };
+    AddableItems.prototype.getItemContentRenderer = function () {
+        if (this.props.itemContentRenderer != null) {
+            return this.props.itemContentRenderer;
+        }
+        return this.renderItemContent;
+    };
+    AddableItems.prototype.renderRemovableItemsTitle = function () {
+        return (external_react_default().createElement("div", { className: 'd-flex justify-content-between mb-2' },
+            external_react_default().createElement(Title.Title, { size: 'xs', className: 'm-0' }, this.props.label),
+            external_react_default().createElement(Button.Button, { variant: 'tertiary', size: 'sm', onClick: this.props.onRemoveAll }, this.props.unselectLabel)));
+    };
+    AddableItems.prototype.renderRemovableItems = function (includedItems, excludedItems) {
+        var _a, _b, _c;
+        var withInclude = includedItems.length > 0, withExclude = excludedItems.length > 0;
+        var className = external_classnames_default()('mb-3', 'atoka-removable-items-container', {
+            'with-include-items': withInclude && !withExclude,
+            'with-exclude-items': !withInclude && withExclude,
+            'with-both-include-and-exclude-items': withInclude && withExclude,
+        });
+        if (this.props.onToggleIncludeExclude == null) {
+            if (((_c = (_b = (_a = this.props.config) === null || _a === void 0 ? void 0 : _a.include) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) === 0) {
+                return null;
+            }
+            return (external_react_default().createElement((external_react_default()).Fragment, null,
+                this.renderRemovableItemsTitle(),
+                external_react_default().createElement("div", { className: className },
+                    external_react_default().createElement(ClickableItemList, { items: includedItems, kind: ClickableItemKind.remove, onClick: this.props.onRemoveItem, itemContentRenderer: this.getItemContentRenderer(), tooltipMessages: this.props.tooltipMessages, countFormatter: this.props.countFormatter }))));
+        }
+        if (includedItems.length + excludedItems.length === 0) {
+            return null;
+        }
+        return (external_react_default().createElement((external_react_default()).Fragment, null,
+            this.renderRemovableItemsTitle(),
+            external_react_default().createElement("div", { className: className },
+                external_react_default().createElement(ClickableItemList, { items: includedItems, kind: ClickableItemKind.remove, onClick: this.props.onRemoveItem, supportsExclusion: true, areItemsExcluded: false, onToggleIncludeExclude: this.props.onToggleIncludeExclude, itemContentRenderer: this.getItemContentRenderer(), tooltipMessages: this.props.tooltipMessages, countFormatter: this.props.countFormatter }),
+                external_react_default().createElement(ClickableItemList, { items: excludedItems, kind: ClickableItemKind.remove, onClick: this.props.onRemoveItem, supportsExclusion: true, areItemsExcluded: true, onToggleIncludeExclude: this.props.onToggleIncludeExclude, itemContentRenderer: this.getItemContentRenderer(), tooltipMessages: this.props.tooltipMessages, notSuffixLabel: this.props.notSuffixLabel, countFormatter: this.props.countFormatter }))));
+    };
+    AddableItems.prototype.getEmptyMessage = function () {
+        var _a, _b;
+        if (((_a = this.props) === null || _a === void 0 ? void 0 : _a.emptyMessage) == null || ((_b = this.props) === null || _b === void 0 ? void 0 : _b.emptyMessage) === '') {
+            return null;
+        }
+        return this.props.emptyMessage;
+    };
+    AddableItems.prototype.render = function () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var config = this.props.config, included = (_a = config.include) !== null && _a !== void 0 ? _a : [], excluded = (_b = config.exclude) !== null && _b !== void 0 ? _b : [], alreadyManagedValues = included.concat(excluded).map(extractFacetKeyFromItemValue), items = this.props.facetData.data.items.filter(function (item) { return alreadyManagedValues.indexOf(item.value) < 0; }), className = external_classnames_default()(this.props.className, 'atoka-addable-items');
+        if (this.props.onToggleIncludeExclude != null) {
+            excluded = (_c = config.exclude) !== null && _c !== void 0 ? _c : [];
+        }
+        return (external_react_default().createElement("div", { className: className },
+            external_react_default().createElement("div", { className: 'suggester-and-modifiers-block' }, (_e = (_d = this.props).renderSuggester) === null || _e === void 0 ? void 0 :
+                _e.call(_d), (_g = (_f = this.props).renderModifiers) === null || _g === void 0 ? void 0 :
+                _g.call(_f)),
+            this.renderRemovableItems(included, excluded),
+            external_react_default().createElement(ClickableItemList, { items: items, kind: ClickableItemKind.add, onClick: this.props.onAddItem, emptyMessage: this.getEmptyMessage(), itemContentRenderer: this.getItemContentRenderer(), countFormatter: this.props.countFormatter })));
+    };
+    AddableItems.displayName = 'AddableItems';
+    return AddableItems;
+}((external_react_default()).PureComponent));
+
+
+;// CONCATENATED MODULE: ./src/components/AddableItems/index.ts
+
+
+
+/***/ }),
+
+/***/ 1710:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "z": () => (/* binding */ Button)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8156);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8310);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8926);
+/* harmony import */ var react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5692);
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__);
+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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+
+var Button = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    function Button() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Button.prototype.renderIcon = function () {
+        if (this.props.icon == null) {
+            return null;
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.icon });
+    };
+    Button.prototype.renderChildren = function () {
+        if (this.props.children == null) {
+            return null;
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: 'btn-children' }, this.props.children);
+    };
+    Button.prototype.renderLeftSide = function () {
+        if (this.props.iconLeft == null) {
+            if (this.props.iconRight == null) {
+                return null;
+            }
+            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconRight, className: 'invisible' });
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconLeft });
+    };
+    Button.prototype.renderRightSide = function () {
+        if (this.props.iconRight == null) {
+            if (this.props.iconLeft == null) {
+                return null;
+            }
+            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconLeft, className: 'invisible' });
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconRight });
+    };
+    Button.prototype.renderContent = function () {
+        if (this.props.icon != null && this.props.children == null) {
+            return this.renderIcon();
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'button-content-center-container' },
+            this.renderIcon(),
+            this.renderChildren()));
+    };
+    Button.prototype.render = function () {
+        var className = classnames__WEBPACK_IMPORTED_MODULE_1___default()('atoka-btn', "btn-" + this.props.size, this.props.className, {
+            'btn-icon-only': this.props.icon != null && this.props.children == null,
+        });
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2___default()), { className: className, variant: this.props.variant, disabled: this.props.disabled, block: this.props.block, onClick: this.props.onClick, href: this.props.href, target: this.props.target },
+            this.renderLeftSide(),
+            this.renderContent(),
+            this.renderRightSide()));
+    };
+    Button.displayName = 'Button';
+    Button.defaultProps = {
+        variant: 'primary',
+        size: 'md',
+        disabled: false,
+        block: false,
+    };
+    return Button;
+}((react__WEBPACK_IMPORTED_MODULE_0___default().PureComponent)));
+
+
+
+/***/ }),
+
+/***/ 125:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Button": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.z)
+/* harmony export */ });
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1710);
+// use the star because of this issue: https://github.com/babel/babel-loader/issues/603
+
+
+
+/***/ }),
+
+/***/ 9360:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "D": () => (/* binding */ Title)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8156);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5692);
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8310);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 Title = /** @class */ (function (_super) {
+    __extends(Title, _super);
+    function Title() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Title.prototype.renderIcon = function () {
+        if (this.props.icon == null) {
+            return null;
+        }
+        var classNames = classnames__WEBPACK_IMPORTED_MODULE_2___default()({ 'mr-2': this.props.children !== '' && this.props.children != null });
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1__.FontAwesomeIcon, { icon: this.props.icon, className: classNames, fixedWidth: true });
+    };
+    Title.prototype.renderContent = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+            this.renderIcon(),
+            this.props.children));
+    };
+    Title.prototype.render = function () {
+        var props = { className: this.props.className, style: this.props.style };
+        switch (this.props.size) {
+            case 'xs':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h6", __assign({}, props), this.renderContent());
+            case 'sm':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h5", __assign({}, props), this.renderContent());
+            case 'md':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h4", __assign({}, props), this.renderContent());
+            case 'lg':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", __assign({}, props), this.renderContent());
+            case 'xl':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", __assign({}, props), this.renderContent());
+            default:
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h1", __assign({}, props), this.renderContent());
+        }
+    };
+    Title.displayName = 'Title';
+    Title.defaultProps = {
+        size: 'xxl',
+    };
+    return Title;
+}((react__WEBPACK_IMPORTED_MODULE_0___default().PureComponent)));
+
+
+
+/***/ }),
+
+/***/ 9190:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Title": () => (/* reexport safe */ _Title__WEBPACK_IMPORTED_MODULE_0__.D)
+/* harmony export */ });
+/* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9360);
+
+
+
+/***/ }),
+
+/***/ 1512:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Tooltip": () => (/* reexport */ Tooltip)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(8156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(8310);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: external "react-bootstrap/OverlayTrigger"
+var OverlayTrigger_ = __webpack_require__(6043);
+var OverlayTrigger_default = /*#__PURE__*/__webpack_require__.n(OverlayTrigger_);
+;// CONCATENATED MODULE: ./src/components/Tooltip/Tooltip.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;
+};
+
+
+
+
+/**
+ * ### Overview
+ *
+ * A tooltip is a short message which is triggered when the users hovers or clicks on a specific element inside the interface.
+ *
+ * ### Best practices
+ * - Don’t use a tooltip when the information you want to place inside it is vital for the user to complete the task
+ * - The text inside the tooltip should be brief but helpful
+ * - Use tooltips to describe the action of icon-only buttons
+ * - Make sure that the tooltip’s placement doesn’t hide its related content behind it
+ */
+var Tooltip = external_react_default().memo(function (props) {
+    var _a;
+    var bs4v3Wrapper = document.querySelector('.bs4-v3-external-container'), placement = (_a = props.placement) !== null && _a !== void 0 ? _a : 'top', classNames = external_classnames_default()('tooltip atoka-tooltip', props.className, {
+        'top bs-tooltip-top': placement.indexOf('top') === 0,
+        'right bs-tooltip-right': placement.indexOf('right') === 0,
+        'bottom bs-tooltip-bottom': placement.indexOf('bottom') === 0,
+        'left bs-tooltip-left': placement.indexOf('left') === 0,
+    });
+    var content = props.content, overlayProps = __rest(props, ["content"]), renderTooltip = function (_a) {
+        var arrowProps = _a.arrowProps, tooltipProps = __rest(_a, ["arrowProps"]);
+        // {vrut} do not pass show to the component, this will raise an error, see PANDA-439
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        var show = tooltipProps.show, rest = __rest(tooltipProps, ["show"]), component = (external_react_default().createElement("div", __assign({}, rest, { className: classNames, role: 'tooltip' }),
+            external_react_default().createElement("div", { className: 'tooltip-inner' },
+                external_react_default().createElement("div", __assign({ className: 'arrow arrow-back' }, arrowProps)),
+                content,
+                external_react_default().createElement("div", __assign({ className: 'arrow arrow-front' }, arrowProps)))));
+        return component;
+    };
+    return (external_react_default().createElement((OverlayTrigger_default()), __assign({}, overlayProps, { container: bs4v3Wrapper, overlay: renderTooltip }), props.children));
+});
+Tooltip.displayName = 'Tooltip';
+
+;// CONCATENATED MODULE: ./src/components/Tooltip/index.ts
+
+
+
+/***/ }),
+
+/***/ 6627:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "MR": () => (/* binding */ boundMethod)
+/* harmony export */ });
+/* unused harmony exports boundClass, default */
+/* 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);
+}
+
+/***/ }),
+
+/***/ 8809:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8809__;
+
+/***/ }),
+
+/***/ 8761:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8761__;
+
+/***/ }),
+
+/***/ 6988:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__6988__;
+
+/***/ }),
+
+/***/ 5692:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
+
+/***/ }),
+
+/***/ 8310:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
+
+/***/ }),
+
+/***/ 8156:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
+
+/***/ }),
+
+/***/ 8926:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8926__;
+
+/***/ }),
+
+/***/ 9034:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__9034__;
+
+/***/ }),
+
+/***/ 6043:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__6043__;
+
+/***/ }),
+
+/***/ 7111:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__7111__;
+
+/***/ }),
+
+/***/ 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";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _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 = {
+/******/ 			5905: 0,
+/******/ 			6615: 0,
+/******/ 			7564: 0,
+/******/ 			2823: 0,
+/******/ 			1981: 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, [1981], () => (__webpack_require__(2044)))
+/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
+/******/ 	
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=index.js.map