@spaziodati/atoka-design-system 2.0.72-beta

package/Navbar/index.js

@@ -0,0 +1,3521 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@fortawesome/pro-light-svg-icons/faBars"), require("@fortawesome/pro-light-svg-icons/faBell"), require("@fortawesome/pro-light-svg-icons/faEmptySet"), require("@fortawesome/pro-light-svg-icons/faSearch"), require("@fortawesome/pro-light-svg-icons/faTimes"), require("@fortawesome/pro-light-svg-icons/faTrash"), require("@fortawesome/pro-light-svg-icons/faUserNinja"), require("@fortawesome/pro-regular-svg-icons/faChevronDown"), require("@fortawesome/pro-regular-svg-icons/faEllipsisH"), require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Button"), require("react-bootstrap/Col"), require("react-bootstrap/Container"), require("react-bootstrap/Dropdown"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/InputGroup"), require("react-bootstrap/ListGroup"), require("react-bootstrap/Nav"), require("react-bootstrap/Navbar"), require("react-bootstrap/OverlayTrigger"), require("react-bootstrap/Row"), require("react-dom"));
+	else if(typeof define === 'function' && define.amd)
+		define("atoka-design-system", ["@fortawesome/pro-light-svg-icons/faBars", "@fortawesome/pro-light-svg-icons/faBell", "@fortawesome/pro-light-svg-icons/faEmptySet", "@fortawesome/pro-light-svg-icons/faSearch", "@fortawesome/pro-light-svg-icons/faTimes", "@fortawesome/pro-light-svg-icons/faTrash", "@fortawesome/pro-light-svg-icons/faUserNinja", "@fortawesome/pro-regular-svg-icons/faChevronDown", "@fortawesome/pro-regular-svg-icons/faEllipsisH", "@fortawesome/react-fontawesome", "classnames", "react", "react-bootstrap/Button", "react-bootstrap/Col", "react-bootstrap/Container", "react-bootstrap/Dropdown", "react-bootstrap/Form", "react-bootstrap/FormControl", "react-bootstrap/FormText", "react-bootstrap/InputGroup", "react-bootstrap/ListGroup", "react-bootstrap/Nav", "react-bootstrap/Navbar", "react-bootstrap/OverlayTrigger", "react-bootstrap/Row", "react-dom"], factory);
+	else if(typeof exports === 'object')
+		exports["atoka-design-system"] = factory(require("@fortawesome/pro-light-svg-icons/faBars"), require("@fortawesome/pro-light-svg-icons/faBell"), require("@fortawesome/pro-light-svg-icons/faEmptySet"), require("@fortawesome/pro-light-svg-icons/faSearch"), require("@fortawesome/pro-light-svg-icons/faTimes"), require("@fortawesome/pro-light-svg-icons/faTrash"), require("@fortawesome/pro-light-svg-icons/faUserNinja"), require("@fortawesome/pro-regular-svg-icons/faChevronDown"), require("@fortawesome/pro-regular-svg-icons/faEllipsisH"), require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Button"), require("react-bootstrap/Col"), require("react-bootstrap/Container"), require("react-bootstrap/Dropdown"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/InputGroup"), require("react-bootstrap/ListGroup"), require("react-bootstrap/Nav"), require("react-bootstrap/Navbar"), require("react-bootstrap/OverlayTrigger"), require("react-bootstrap/Row"), require("react-dom"));
+	else
+		root["atoka-design-system"] = factory(root["@fortawesome/pro-light-svg-icons/faBars"], root["@fortawesome/pro-light-svg-icons/faBell"], root["@fortawesome/pro-light-svg-icons/faEmptySet"], root["@fortawesome/pro-light-svg-icons/faSearch"], root["@fortawesome/pro-light-svg-icons/faTimes"], root["@fortawesome/pro-light-svg-icons/faTrash"], root["@fortawesome/pro-light-svg-icons/faUserNinja"], root["@fortawesome/pro-regular-svg-icons/faChevronDown"], root["@fortawesome/pro-regular-svg-icons/faEllipsisH"], root["@fortawesome/react-fontawesome"], root["classnames"], root["react"], root["react-bootstrap/Button"], root["react-bootstrap/Col"], root["react-bootstrap/Container"], root["react-bootstrap/Dropdown"], root["react-bootstrap/Form"], root["react-bootstrap/FormControl"], root["react-bootstrap/FormText"], root["react-bootstrap/InputGroup"], root["react-bootstrap/ListGroup"], root["react-bootstrap/Nav"], root["react-bootstrap/Navbar"], root["react-bootstrap/OverlayTrigger"], root["react-bootstrap/Row"], root["react-dom"]);
+})(self, function(__WEBPACK_EXTERNAL_MODULE__9368__, __WEBPACK_EXTERNAL_MODULE__2569__, __WEBPACK_EXTERNAL_MODULE__3402__, __WEBPACK_EXTERNAL_MODULE__8427__, __WEBPACK_EXTERNAL_MODULE__6988__, __WEBPACK_EXTERNAL_MODULE__5538__, __WEBPACK_EXTERNAL_MODULE__6550__, __WEBPACK_EXTERNAL_MODULE__1349__, __WEBPACK_EXTERNAL_MODULE__3041__, __WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__8926__, __WEBPACK_EXTERNAL_MODULE__5315__, __WEBPACK_EXTERNAL_MODULE__4394__, __WEBPACK_EXTERNAL_MODULE__4976__, __WEBPACK_EXTERNAL_MODULE__8721__, __WEBPACK_EXTERNAL_MODULE__1082__, __WEBPACK_EXTERNAL_MODULE__8763__, __WEBPACK_EXTERNAL_MODULE__2476__, __WEBPACK_EXTERNAL_MODULE__9034__, __WEBPACK_EXTERNAL_MODULE__573__, __WEBPACK_EXTERNAL_MODULE__7917__, __WEBPACK_EXTERNAL_MODULE__6043__, __WEBPACK_EXTERNAL_MODULE__3915__, __WEBPACK_EXTERNAL_MODULE__7111__) {
+return /******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 1710:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* 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__) => {
+
+"use strict";
+/* 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
+
+
+
+/***/ }),
+
+/***/ 7180:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "AtokaCustomDropdownToggle": () => (/* reexport */ AtokaCustomDropdownToggle),
+  "AtokaCustomDropdownToggleWithChevron": () => (/* reexport */ AtokaCustomDropdownToggleWithChevron),
+  "Dropdown": () => (/* reexport */ Dropdown)
+});
+
+// UNUSED EXPORTS: AtokaSimpleDropdownToggle, DropdownMenu
+
+// 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/Dropdown"
+var Dropdown_ = __webpack_require__(4976);
+var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
+;// CONCATENATED MODULE: ./src/components/Dropdown/DropdownMenu.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 DropdownMenu = external_react_default().memo(function (_a) {
+    var _b;
+    var _c;
+    var _d = _a.size, size = _d === void 0 ? 'sm' : _d, props = __rest(_a, ["size"]);
+    var className = external_classnames_default()((_b = {},
+        _b[(_c = props === null || props === void 0 ? void 0 : props.className) !== null && _c !== void 0 ? _c : ''] = true,
+        _b['atoka-dropdown-menu'] = true,
+        _b[size] = true,
+        _b));
+    return (external_react_default().createElement((Dropdown_default()).Menu, __assign({}, props, { className: className }), props.children));
+});
+DropdownMenu.displayName = 'DropdownMenu';
+
+;// CONCATENATED MODULE: ./src/components/Dropdown/Dropdown.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 Dropdown_assign = (undefined && undefined.__assign) || function () {
+    Dropdown_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 Dropdown_assign.apply(this, arguments);
+};
+
+
+
+
+var Dropdown = /** @class */ (function (_super) {
+    __extends(Dropdown, _super);
+    function Dropdown() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Dropdown.prototype.render = function () {
+        var className = external_classnames_default()(this.props.className, 'atoka-dropdown');
+        return (external_react_default().createElement((Dropdown_default()), Dropdown_assign({}, this.props, { className: className }), this.props.children));
+    };
+    Dropdown.displayName = 'DropDown';
+    Dropdown.Toggle = (Dropdown_default()).Toggle;
+    Dropdown.Menu = DropdownMenu;
+    Dropdown.Item = (Dropdown_default()).Item;
+    Dropdown.Divider = (Dropdown_default()).Divider;
+    Dropdown.Header = (Dropdown_default()).Header;
+    return Dropdown;
+}((external_react_default()).PureComponent));
+
+
+// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
+var esm = __webpack_require__(6627);
+// EXTERNAL MODULE: external "@fortawesome/pro-regular-svg-icons/faEllipsisH"
+var faEllipsisH_ = __webpack_require__(3041);
+// EXTERNAL MODULE: external "@fortawesome/pro-regular-svg-icons/faChevronDown"
+var faChevronDown_ = __webpack_require__(1349);
+// EXTERNAL MODULE: ./src/components/Button/index.ts
+var Button = __webpack_require__(125);
+;// CONCATENATED MODULE: ./src/components/Dropdown/AtokaDropdownToggles.tsx
+var AtokaDropdownToggles_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);
+};
+
+
+
+
+
+
+
+function withRef(displayName, Component) {
+    var newComponent = external_react_default().forwardRef(function (props, ref) {
+        return (external_react_default().createElement("div", { ref: ref },
+            external_react_default().createElement(Component, { disabled: props.disabled, onClick: props.onClick }, props.children)));
+    });
+    newComponent.displayName = displayName;
+    return newComponent;
+}
+var AtokaSimpleDropdownToggleComponent = /** @class */ (function (_super) {
+    AtokaDropdownToggles_extends(AtokaSimpleDropdownToggleComponent, _super);
+    function AtokaSimpleDropdownToggleComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    AtokaSimpleDropdownToggleComponent.prototype.handleClick = function (e) {
+        e.preventDefault();
+        this.props.onClick(e);
+    };
+    AtokaSimpleDropdownToggleComponent.prototype.render = function () {
+        return (external_react_default().createElement(Button.Button, { variant: 'secondary', size: 'xs', icon: faEllipsisH_.faEllipsisH, onClick: !this.props.disabled ? this.handleClick : undefined }));
+    };
+    var _a;
+    AtokaSimpleDropdownToggleComponent.displayName = 'AtokaSimpleDropdownToggleComponent';
+    __decorate([
+        esm/* default */.ZP,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [typeof (_a = typeof (external_react_default()) !== "undefined" && (external_react_default()).SyntheticEvent) === "function" ? _a : Object]),
+        __metadata("design:returntype", void 0)
+    ], AtokaSimpleDropdownToggleComponent.prototype, "handleClick", null);
+    return AtokaSimpleDropdownToggleComponent;
+}((external_react_default()).Component));
+var AtokaCustomDropdownToggleComponent = /** @class */ (function (_super) {
+    AtokaDropdownToggles_extends(AtokaCustomDropdownToggleComponent, _super);
+    function AtokaCustomDropdownToggleComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    AtokaCustomDropdownToggleComponent.prototype.handleClick = function (e) {
+        e.preventDefault();
+        this.props.onClick(e);
+    };
+    AtokaCustomDropdownToggleComponent.prototype.render = function () {
+        return (external_react_default().createElement("div", { className: 'atoka-dropdown-toggle', onClick: !this.props.disabled ? this.handleClick : undefined }, this.props.children));
+    };
+    var _b;
+    AtokaCustomDropdownToggleComponent.displayName = 'AtokaCustomDropdownToggleComponent';
+    __decorate([
+        esm/* default */.ZP,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [typeof (_b = typeof (external_react_default()) !== "undefined" && (external_react_default()).SyntheticEvent) === "function" ? _b : Object]),
+        __metadata("design:returntype", void 0)
+    ], AtokaCustomDropdownToggleComponent.prototype, "handleClick", null);
+    return AtokaCustomDropdownToggleComponent;
+}((external_react_default()).Component));
+var AtokaCustomDropdownToggleWithChevronComponent = /** @class */ (function (_super) {
+    AtokaDropdownToggles_extends(AtokaCustomDropdownToggleWithChevronComponent, _super);
+    function AtokaCustomDropdownToggleWithChevronComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    AtokaCustomDropdownToggleWithChevronComponent.prototype.handleClick = function (e) {
+        e.preventDefault();
+        this.props.onClick(e);
+    };
+    AtokaCustomDropdownToggleWithChevronComponent.prototype.render = function () {
+        var className = external_classnames_default()({
+            'atoka-dropdown-toggle': true,
+            'disabled': this.props.disabled,
+        });
+        return (external_react_default().createElement("div", { className: className, onClick: !this.props.disabled ? this.handleClick : undefined },
+            this.props.children,
+            external_react_default().createElement("div", { className: 'chevron-container' },
+                external_react_default().createElement(Button.Button, { variant: 'tertiary', size: 'md', icon: faChevronDown_.faChevronDown }))));
+    };
+    var _c;
+    AtokaCustomDropdownToggleWithChevronComponent.displayName = 'AtokaCustomDropdownToggleWithChevronComponent ';
+    __decorate([
+        esm/* default */.ZP,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [typeof (_c = typeof (external_react_default()) !== "undefined" && (external_react_default()).SyntheticEvent) === "function" ? _c : Object]),
+        __metadata("design:returntype", void 0)
+    ], AtokaCustomDropdownToggleWithChevronComponent.prototype, "handleClick", null);
+    return AtokaCustomDropdownToggleWithChevronComponent;
+}((external_react_default()).Component));
+var AtokaSimpleDropdownToggle = withRef('AtokaSimpleDropdownToggle', AtokaSimpleDropdownToggleComponent);
+var AtokaCustomDropdownToggle = withRef('AtokaCustomDropdownToggle', AtokaCustomDropdownToggleComponent);
+var AtokaCustomDropdownToggleWithChevron = withRef('AtokaCustomDropdownToggleWithChevron', AtokaCustomDropdownToggleWithChevronComponent);
+
+
+;// CONCATENATED MODULE: ./src/components/Dropdown/index.ts
+
+
+
+
+
+/***/ }),
+
+/***/ 8687:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "EllipsableContent": () => (/* reexport */ EllipsableContent)
+});
+
+// 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/Tooltip/index.ts + 1 modules
+var Tooltip = __webpack_require__(1512);
+// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
+var Utils = __webpack_require__(5654);
+;// CONCATENATED MODULE: ./src/components/EllipsableContent/EllipsableContent.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 __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 Prepend = function (props) { return (external_react_default().createElement("div", { className: 'ellipsable-content-prepend' }, props.children)); };
+Prepend.displayName = 'EllipsableContent.Prepend';
+var Append = function (props) { return (external_react_default().createElement("div", { className: 'ellipsable-content-append' }, props.children)); };
+Append.displayName = 'EllipsableContent.Append';
+var Content = function (props) {
+    var contentElement = external_react_default().createElement("div", { className: 'ellipsable-content-content' }, props.children);
+    if (props.tooltip == null) {
+        return contentElement;
+    }
+    return (external_react_default().createElement(Tooltip.Tooltip, __assign({}, props.tooltipProps, { content: props.tooltip }), contentElement));
+};
+Content.displayName = 'EllipsableContent.Content';
+var EllipsableContent = /** @class */ (function (_super) {
+    __extends(EllipsableContent, _super);
+    function EllipsableContent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    EllipsableContent.prototype.renderFullContent = function () {
+        var prependElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Prepend), contentElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Content), appendElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Append);
+        if (contentElement == null && (prependElement != null || appendElement != null)) {
+            console.error('You must set a .Content alongside the .Append or .Prepend');
+            return null;
+        }
+        if (contentElement == null) {
+            contentElement = external_react_default().createElement(EllipsableContent.Content, null, this.props.children);
+        }
+        if (this.props.tooltip != null) {
+            contentElement = (external_react_default().createElement(contentElement.type, __assign({}, contentElement.props, { tooltip: this.props.tooltip, tooltipProps: this.props.tooltipProps })));
+        }
+        return (external_react_default().createElement((external_react_default()).Fragment, null,
+            prependElement,
+            contentElement,
+            appendElement));
+    };
+    EllipsableContent.prototype.render = function () {
+        var className = external_classnames_default()('ellipsable-content-container', this.props.className, {
+            'ellipsable-with-tooltip': this.props.tooltip != null,
+        }), fullContent = this.renderFullContent();
+        if (fullContent == null) {
+            return null;
+        }
+        return (external_react_default().createElement("div", { className: className, style: this.props.style }, fullContent));
+    };
+    EllipsableContent.displayName = 'EllipsableContent';
+    EllipsableContent.Prepend = Prepend;
+    EllipsableContent.Append = Append;
+    EllipsableContent.Content = Content;
+    return EllipsableContent;
+}((external_react_default()).PureComponent));
+
+
+;// CONCATENATED MODULE: ./src/components/EllipsableContent/index.ts
+
+
+
+/***/ }),
+
+/***/ 5385:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "EmptyState": () => (/* reexport */ EmptyState)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(8156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "@fortawesome/react-fontawesome"
+var react_fontawesome_ = __webpack_require__(5692);
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faEmptySet"
+var faEmptySet_ = __webpack_require__(3402);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(8310);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+;// CONCATENATED MODULE: ./src/components/EmptyState/EmptyState.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 __());
+    };
+})();
+
+
+
+
+
+/**
+ * ### Overview
+ *
+ * An empty state is a predominant element the user sees on a page where there is nothing to display.
+ */
+var EmptyState = /** @class */ (function (_super) {
+    __extends(EmptyState, _super);
+    function EmptyState() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    EmptyState.prototype.render = function () {
+        return (external_react_default().createElement("div", { className: external_classnames_default()('atoka-empty-state', this.props.className) },
+            external_react_default().createElement("div", { className: 'mb-2' },
+                external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faEmptySet_.faEmptySet })),
+            this.props.children));
+    };
+    EmptyState.displayName = 'EmptyState';
+    return EmptyState;
+}((external_react_default()).PureComponent));
+
+
+;// CONCATENATED MODULE: ./src/components/EmptyState/index.ts
+
+
+
+/***/ }),
+
+/***/ 1018:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "FadeAnimation": () => (/* reexport */ FadeAnimation)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(8156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/CSSTransition.js + 5 modules
+var CSSTransition = __webpack_require__(1750);
+;// CONCATENATED MODULE: ./src/components/FadeAnimation/FadeAnimation.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 FadeAnimation = /** @class */ (function (_super) {
+    __extends(FadeAnimation, _super);
+    function FadeAnimation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FadeAnimation.prototype.render = function () {
+        var _a = this.props, duration = _a.duration, appearDelay = _a.appearDelay, name = "atoka-fadein-" + duration + "-" + appearDelay;
+        return (external_react_default().createElement(CSSTransition/* default */.Z, { timeout: duration + appearDelay, classNames: name, in: this.props.in, appear: true }, this.props.children));
+    };
+    FadeAnimation.displayName = 'FadeAnimation';
+    FadeAnimation.defaultProps = {
+        duration: 600,
+        appearDelay: 0,
+        in: true,
+    };
+    return FadeAnimation;
+}((external_react_default()).PureComponent));
+
+
+;// CONCATENATED MODULE: ./src/components/FadeAnimation/index.ts
+
+
+
+/***/ }),
+
+/***/ 9316:
+/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// UNUSED EXPORTS: Form
+
+// 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/Form"
+var Form_ = __webpack_require__(8721);
+var Form_default = /*#__PURE__*/__webpack_require__.n(Form_);
+;// CONCATENATED MODULE: ./src/components/Form/FormLabel.tsx
+
+
+
+
+var FormLabel = external_react_default().memo(function (props) {
+    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-label');
+    return external_react_default().createElement((Form_default()).Label, { className: className }, props.children);
+});
+FormLabel.displayName = 'FormLabel';
+
+// EXTERNAL MODULE: ./src/components/Form/FormControl.tsx + 1 modules
+var FormControl = __webpack_require__(3422);
+;// CONCATENATED MODULE: ./src/components/Form/FormCheckbox.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 FormCheckbox = function (props) {
+    var _a;
+    var className = external_classnames_default()('atoka-form-checkbox', props === null || props === void 0 ? void 0 : props.className);
+    return external_react_default().createElement((Form_default()).Check, __assign({ type: 'checkbox' }, props, { custom: true, className: className, label: (_a = props.label) !== null && _a !== void 0 ? _a : '' }));
+};
+FormCheckbox.displayName = 'FormCheckbox';
+
+;// CONCATENATED MODULE: ./src/components/Form/FormRadio.tsx
+var FormRadio_assign = (undefined && undefined.__assign) || function () {
+    FormRadio_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 FormRadio_assign.apply(this, arguments);
+};
+
+
+
+
+var FormRadio = function (props) {
+    var _a;
+    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-radio');
+    return external_react_default().createElement((Form_default()).Check, FormRadio_assign({ type: 'radio' }, props, { custom: true, className: className, label: (_a = props.label) !== null && _a !== void 0 ? _a : '' }));
+};
+FormRadio.displayName = 'FormRadio';
+
+// EXTERNAL MODULE: external "react-bootstrap/FormText"
+var FormText_ = __webpack_require__(8763);
+var FormText_default = /*#__PURE__*/__webpack_require__.n(FormText_);
+;// CONCATENATED MODULE: ./src/components/Form/FormHelp.tsx
+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 FormHelp = external_react_default().memo(function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var className = external_classnames_default()('d-block', props === null || props === void 0 ? void 0 : props.className);
+    return (external_react_default().createElement((FormText_default()), { bsPrefix: 'atoka-form-help', className: className }, children));
+});
+FormHelp.displayName = 'FormHelp';
+
+;// CONCATENATED MODULE: ./src/components/Form/Form.tsx
+var Form_assign = (undefined && undefined.__assign) || function () {
+    Form_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 Form_assign.apply(this, arguments);
+};
+
+
+
+
+
+
+
+
+
+var Form = function (props) {
+    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form');
+    return (external_react_default().createElement((Form_default()), Form_assign({}, props, { className: className }), props.children));
+};
+Form.displayName = 'Form';
+Form.Control = FormControl/* FormControl */.N;
+Form.Label = FormLabel;
+Form.Checkbox = FormCheckbox;
+Form.Radio = FormRadio;
+Form.File = (Form_default()).File;
+Form.Switch = (Form_default()).Switch;
+Form.Help = FormHelp;
+Form.Group = (Form_default()).Group;
+
+
+
+/***/ }),
+
+/***/ 3422:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "N": () => (/* binding */ FormControl)
+});
+
+// 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/FormControl"
+var FormControl_ = __webpack_require__(1082);
+var FormControl_default = /*#__PURE__*/__webpack_require__.n(FormControl_);
+;// CONCATENATED MODULE: ./src/components/Form/FormControlFeedBack.tsx
+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 FormControlFeedBack = external_react_default().memo(function (_a) {
+    var _b = _a.show, show = _b === void 0 ? true : _b, props = __rest(_a, ["show"]);
+    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-control-feedback', {
+        'd-block': show,
+    });
+    return (external_react_default().createElement((FormControl_default()).Feedback, { type: props.type, className: className }, props.children));
+});
+FormControlFeedBack.displayName = ' FormControlFeedBack';
+
+;// CONCATENATED MODULE: ./src/components/Form/FormControl.tsx
+var FormControl_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 FormControlComponent = external_react_default().forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, props = FormControl_rest(_a, ["size"]);
+    var className = external_classnames_default()('atoka-form-control', props === null || props === void 0 ? void 0 : props.className, {
+        'atoka-shadow': props.withShadow,
+        'disabled': props.disabled,
+    });
+    return (external_react_default().createElement((FormControl_default()), { as: props.as, rows: props.rows, cols: props.cols, placeholder: props.placeholder, className: className, disabled: props.disabled, readOnly: props.readOnly, value: props.value, onChange: props.onChange, onKeyPress: props.onKeyPress, onKeyDown: props.onKeyDown, defaultValue: props.defaultValue, size: size === 'md' ? undefined : size, type: props.type, id: props.id, isValid: props.isValid, isInvalid: props.isInvalid, ref: ref, autoComplete: 'off' }, props.children));
+});
+FormControlComponent.displayName = 'FormControlComponent';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var FormControl = FormControlComponent;
+FormControl.FeedBack = FormControlFeedBack;
+FormControl.displayName = 'FormControl';
+
+
+
+/***/ }),
+
+/***/ 1661:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "InputGroup": () => (/* reexport */ InputGroupComponent)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(8156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "react-bootstrap/InputGroup"
+var InputGroup_ = __webpack_require__(2476);
+var InputGroup_default = /*#__PURE__*/__webpack_require__.n(InputGroup_);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(8310);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+;// CONCATENATED MODULE: ./src/components/InputGroup/InputGroupText.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);
+};
+
+
+
+// It seems that the `createWithBsPrefix` function used to create the component
+// gives any type to the props
+// eslint-disable-next-line
+var InputGroupText = external_react_default().memo(function (props) {
+    var _a;
+    var _b;
+    var className = external_classnames_default()((_a = {},
+        _a[(_b = props === null || props === void 0 ? void 0 : props.className) !== null && _b !== void 0 ? _b : ''] = true,
+        _a['atoka-input-group-text'] = true,
+        _a));
+    return (external_react_default().createElement((InputGroup_default()).Text, __assign({}, props, { className: className }), props.children));
+});
+InputGroupText.displayName = 'InputGroupText';
+
+;// CONCATENATED MODULE: ./src/components/InputGroup/InputGroup.tsx
+
+
+
+
+
+var InputGroupComponent = function (props) {
+    var className = external_classnames_default()('atoka-input-group', props === null || props === void 0 ? void 0 : props.className, {
+        'disabled': props.disabled,
+        'atoka-shadow': props.withShadow,
+        'is-invalid': props.isInvalid,
+    });
+    return (external_react_default().createElement((InputGroup_default()), { size: props.size === 'md' ? undefined : props.size, className: className }, props.children));
+};
+InputGroupComponent.displayName = 'InputGroup';
+InputGroupComponent.Text = InputGroupText;
+InputGroupComponent.Append = (InputGroup_default()).Append;
+InputGroupComponent.Prepend = (InputGroup_default()).Prepend;
+
+
+;// CONCATENATED MODULE: ./src/components/InputGroup/index.ts
+
+
+
+/***/ }),
+
+/***/ 1673:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Navbar": () => (/* reexport */ Navbar)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(8156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "react-bootstrap/Navbar"
+var Navbar_ = __webpack_require__(7917);
+var Navbar_default = /*#__PURE__*/__webpack_require__.n(Navbar_);
+// EXTERNAL MODULE: external "react-bootstrap/Container"
+var Container_ = __webpack_require__(4394);
+var Container_default = /*#__PURE__*/__webpack_require__.n(Container_);
+// EXTERNAL MODULE: external "react-bootstrap/Nav"
+var Nav_ = __webpack_require__(573);
+var Nav_default = /*#__PURE__*/__webpack_require__.n(Nav_);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(8310);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: ./src/components/FadeAnimation/index.ts + 1 modules
+var FadeAnimation = __webpack_require__(1018);
+// EXTERNAL MODULE: external "@fortawesome/react-fontawesome"
+var react_fontawesome_ = __webpack_require__(5692);
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faBars"
+var faBars_ = __webpack_require__(9368);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarMobileMenuToggle.tsx
+
+
+
+
+
+var NavbarMobileMenuToggle = function () {
+    return (external_react_default().createElement((Navbar_default()).Toggle, { className: 'navbar-mobile-menu', "aria-controls": 'mobile-menu-collapse' },
+        external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faBars_.faBars })));
+};
+NavbarMobileMenuToggle.displayName = 'NavbarMobileMenuToggle';
+
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarMobileMenuCollapse.tsx
+
+
+
+
+var NavbarMobileMenuCollapse = function (props) {
+    return (external_react_default().createElement((Navbar_default()).Collapse, { className: 'navbar-mobile-menu-collapse overflow-auto', id: 'mobile-menu-collapse' },
+        external_react_default().createElement((Nav_default()), null, props.children)));
+};
+NavbarMobileMenuCollapse.displayName = 'NavbarMobileMenuCollapse';
+
+// EXTERNAL MODULE: external "react-bootstrap/Row"
+var Row_ = __webpack_require__(3915);
+var Row_default = /*#__PURE__*/__webpack_require__.n(Row_);
+// EXTERNAL MODULE: ./src/components/Title/index.ts
+var Title = __webpack_require__(9190);
+// EXTERNAL MODULE: ./src/components/Dropdown/index.ts + 3 modules
+var Dropdown = __webpack_require__(7180);
+// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
+var Utils = __webpack_require__(5654);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarNavigationMenu.tsx
+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 NavbarNavigationMenu = function (props) {
+    var children = external_react_default().Children.toArray(props.children).filter(function (x) { return x != null; }), middle = Math.ceil(children.length / 2), _a = __read([children.slice(0, middle), children.slice(middle, children.length)], 2), leftSide = _a[0], rightSide = _a[1];
+    return (external_react_default().createElement("div", { className: 'navbar-navigation-menu' },
+        external_react_default().createElement(Dropdown.Dropdown, null,
+            external_react_default().createElement(Dropdown.Dropdown.Toggle, { as: Dropdown.AtokaCustomDropdownToggleWithChevron },
+                external_react_default().createElement("div", null,
+                    external_react_default().createElement("small", null, props.label),
+                    external_react_default().createElement(Title.Title, { icon: props.selectedIcon, size: 'md' }, props.selectedTitle))),
+            external_react_default().createElement(Dropdown.Dropdown.Menu, { size: 'lg' },
+                external_react_default().createElement((Row_default()), { className: 'px-lg-3' }, (0,Utils/* zip */.$R)(leftSide, rightSide))))));
+};
+NavbarNavigationMenu.displayName = 'NavbarNavigationMenu';
+
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faBell"
+var faBell_ = __webpack_require__(2569);
+// EXTERNAL MODULE: ./src/components/EmptyState/index.ts + 1 modules
+var EmptyState = __webpack_require__(5385);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarNotificationMenu.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);
+};
+
+
+
+
+
+
+
+function renderNotifications(props) {
+    if (props.notifications.length === 0) {
+        return external_react_default().createElement(EmptyState.EmptyState, null, props.emptyMessage);
+    }
+    return props.notifications.map(function (notification) { return (external_react_default().createElement(Navbar.NotificationMenuItem, __assign({ key: notification.text + "-" + notification.time }, notification))); });
+}
+var NavbarNotificationMenu = function (props) {
+    if (props.notifications == null) {
+        return null;
+    }
+    var unread = props.notifications.filter(function (_a) {
+        var isUnread = _a.isUnread;
+        return isUnread;
+    }).length;
+    return (external_react_default().createElement(Dropdown.Dropdown, { className: 'notification-dropdown', drop: 'left' },
+        external_react_default().createElement(Dropdown.Dropdown.Toggle, { as: Dropdown.AtokaCustomDropdownToggle },
+            external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faBell_.faBell }),
+            unread ? external_react_default().createElement("div", { className: 'unread-number text-center' }, unread) : ''),
+        external_react_default().createElement(Dropdown.Dropdown.Menu, { size: 'lg', className: 'notification-menu' }, renderNotifications(props))));
+};
+NavbarNotificationMenu.displayName = 'NavbarNotificationMenu';
+
+// EXTERNAL MODULE: external "react-bootstrap/Dropdown"
+var Dropdown_ = __webpack_require__(4976);
+var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
+// EXTERNAL MODULE: external "react-bootstrap/Col"
+var Col_ = __webpack_require__(5315);
+var Col_default = /*#__PURE__*/__webpack_require__.n(Col_);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarNavigationMenuItem.tsx
+var NavbarNavigationMenuItem_assign = (undefined && undefined.__assign) || function () {
+    NavbarNavigationMenuItem_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 NavbarNavigationMenuItem_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 NavbarNavigationMenuItem = function (props) {
+    var title = props.title, icon = props.icon, propsLight = __rest(props, ["title", "icon"]);
+    return (external_react_default().createElement((Col_default()), { xs: 24, lg: 12, className: 'p-0' },
+        external_react_default().createElement((Dropdown_default()).Item, NavbarNavigationMenuItem_assign({}, propsLight, { key: title, eventKey: title, className: 'navbar-navigation-menu-item' }),
+            external_react_default().createElement(Title.Title, { icon: icon, size: 'sm' }, title),
+            external_react_default().createElement("p", null, propsLight.children))));
+};
+NavbarNavigationMenuItem.displayName = 'NavbarNavigationMenuItem';
+
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarNotificationMenuItem.tsx
+
+
+
+
+var NavbarNotificationMenuItem = function (props) {
+    var classNames = external_classnames_default()({
+        'navbar-notification-menu-item': true,
+        'unread': props.isUnread,
+    });
+    return (external_react_default().createElement((Dropdown_default()).Item, { eventKey: props.text + "-" + props.time, className: classNames },
+        external_react_default().createElement("div", { className: 'notification-wrapper' },
+            external_react_default().createElement("div", { className: 'notification-heading d-flex' },
+                external_react_default().createElement("span", null, props.time),
+                props.isUnread ? '●' : null),
+            external_react_default().createElement("p", null, props.text))));
+};
+NavbarNotificationMenuItem.displayName = 'NavbarNotificationMenuItem';
+
+// EXTERNAL MODULE: ./src/components/EllipsableContent/index.ts + 1 modules
+var EllipsableContent = __webpack_require__(8687);
+// EXTERNAL MODULE: ./src/components/Utils/Text.ts
+var Text = __webpack_require__(6347);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarUserMenu.tsx
+var NavbarUserMenu_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 __spread = (undefined && undefined.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(NavbarUserMenu_read(arguments[i]));
+    return ar;
+};
+
+
+
+
+
+
+function getInitials(fullName) {
+    if ((0,Text/* isStringEmpty */.Wq)(fullName)) {
+        return '';
+    }
+    var words = fullName.split(' ').map(function (word) { return __spread(word); });
+    if (words.length > 1) {
+        return ("" + words[0][0] + words[1][0]).toUpperCase();
+    }
+    return ("" + words[0][0] + words[0][1]).toUpperCase();
+}
+var FullNameAndEmailItem = function (_a) {
+    var fullName = _a.fullName, email = _a.email, showDivider = _a.showDivider;
+    if ((0,Text/* isStringEmpty */.Wq)(fullName) && (0,Text/* isStringEmpty */.Wq)(email !== null && email !== void 0 ? email : null)) {
+        return null;
+    }
+    var emailEllipsable = null, className = external_classnames_default()('mt-1 user-email', {
+        'user-email-small-font': !(0,Text/* isStringEmpty */.Wq)(fullName),
+    });
+    if (!(0,Text/* isStringEmpty */.Wq)(email !== null && email !== void 0 ? email : null)) {
+        emailEllipsable = (external_react_default().createElement("div", { className: className },
+            external_react_default().createElement(EllipsableContent.EllipsableContent, null, email)));
+    }
+    var divider = showDivider ? external_react_default().createElement(Dropdown.Dropdown.Divider, { key: '2' }) : null;
+    return (external_react_default().createElement((external_react_default()).Fragment, null,
+        external_react_default().createElement(Dropdown.Dropdown.Header, { className: 'user-menu-item' },
+            external_react_default().createElement("span", { className: 'user-full-name' }, fullName),
+            emailEllipsable),
+        divider));
+};
+FullNameAndEmailItem.displayName = 'FullNameAndEmailItem';
+var NavbarUserMenu = function (props) {
+    return (external_react_default().createElement("div", { className: 'navbar-user-menu' },
+        external_react_default().createElement(Dropdown.Dropdown, { drop: 'left' },
+            external_react_default().createElement(Dropdown.Dropdown.Toggle, { as: Dropdown.AtokaCustomDropdownToggleWithChevron },
+                external_react_default().createElement("div", { className: 'user-badge' }, getInitials(props.user.fullName))),
+            external_react_default().createElement(Dropdown.Dropdown.Menu, { size: 'lg', className: 'user-menu' },
+                external_react_default().createElement(FullNameAndEmailItem, { fullName: props.user.fullName, email: props.user.email, showDivider: props.children != null }),
+                props.children))));
+};
+NavbarUserMenu.displayName = 'NavbarUserMenu';
+
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarUserMenuItem.tsx
+var NavbarUserMenuItem_assign = (undefined && undefined.__assign) || function () {
+    NavbarUserMenuItem_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 NavbarUserMenuItem_assign.apply(this, arguments);
+};
+
+
+var NavbarUserMenuItem = function (props) {
+    return (external_react_default().createElement((Dropdown_default()).Item, NavbarUserMenuItem_assign({}, props, { href: props.href, target: props.target, className: 'navbar-user-menu-item' }), props.children));
+};
+NavbarUserMenuItem.displayName = 'NavbarUserMenuItem';
+
+// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
+var esm = __webpack_require__(6627);
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faSearch"
+var faSearch_ = __webpack_require__(8427);
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faTimes"
+var faTimes_ = __webpack_require__(6988);
+// EXTERNAL MODULE: ./src/components/InputGroup/index.ts + 2 modules
+var InputGroup = __webpack_require__(1661);
+// EXTERNAL MODULE: ./src/components/Form/FormControl.tsx + 1 modules
+var FormControl = __webpack_require__(3422);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarOverlaySearch.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 NavbarOverlaySearch = /** @class */ (function (_super) {
+    __extends(NavbarOverlaySearch, _super);
+    function NavbarOverlaySearch() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.wrapperRef = external_react_default().createRef();
+        _this.inputRef = external_react_default().createRef();
+        _this.modalSelector = '.atoka-modal.show';
+        return _this;
+    }
+    NavbarOverlaySearch.prototype.handleClickOutside = function (event) {
+        var _a;
+        // if there is an open modal, do not close the NavbarOverlaySearch
+        if (document.querySelectorAll(this.modalSelector).length > 0) {
+            return;
+        }
+        // this any is a MouseEvent ... but the test-visual say that it is not defined (it's defined in window)
+        if (((_a = this.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) != null && !this.wrapperRef.current.contains(event.target)) {
+            this.props.onClose();
+        }
+    };
+    NavbarOverlaySearch.prototype.handleKeyPress = function (event) {
+        // if there is an open modal, do not close the NavbarOverlaySearch
+        if (document.querySelectorAll(this.modalSelector).length > 0) {
+            return;
+        }
+        // this any is a KeyboardEvent ... but the test-visual say that it is not defined (it's definied in window)
+        if (event.key === 'Escape' || event.key === 'Esc') {
+            this.props.onClose();
+        }
+    };
+    NavbarOverlaySearch.prototype.componentDidMount = function () {
+        document.addEventListener('keydown', this.handleKeyPress);
+        document.addEventListener('mousedown', this.handleClickOutside);
+    };
+    NavbarOverlaySearch.prototype.componentWillUnmount = function () {
+        document.removeEventListener('keydown', this.handleKeyPress);
+        document.removeEventListener('mousedown', this.handleClickOutside);
+    };
+    NavbarOverlaySearch.prototype.onOpen = function () {
+        var _this = this;
+        this.props.onOpen();
+        setTimeout(function () { return _this.setFocus(); });
+    };
+    NavbarOverlaySearch.prototype.setFocus = function () {
+        var _a, _b, _c, _d;
+        (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+        (_d = (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.select();
+    };
+    NavbarOverlaySearch.prototype.renderSearchResult = function () {
+        return external_react_default().createElement("div", { className: 'navbar-overlay-search-dropdown-container' }, this.props.children);
+    };
+    NavbarOverlaySearch.prototype.renderInputGroupPrepend = function () {
+        return (external_react_default().createElement(InputGroup.InputGroup.Prepend, null,
+            external_react_default().createElement(InputGroup.InputGroup.Text, null,
+                external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faSearch_.faSearch, fixedWidth: true }))));
+    };
+    NavbarOverlaySearch.prototype.renderOpenContent = function () {
+        var _this = this;
+        return (external_react_default().createElement("div", { className: 'position-relative' },
+            external_react_default().createElement(InputGroup.InputGroup, { size: 'md' },
+                this.renderInputGroupPrepend(),
+                external_react_default().createElement(FormControl/* FormControl */.N, { placeholder: this.props.placeholder, value: this.props.inputValue, onChange: function (e) { return _this.props.onChange(e.target.value); }, ref: this.inputRef }),
+                external_react_default().createElement(InputGroup.InputGroup.Append, null,
+                    external_react_default().createElement(InputGroup.InputGroup.Text, { onClick: this.props.onClose },
+                        external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faTimes_.faTimes, fixedWidth: true })))),
+            this.renderSearchResult()));
+    };
+    NavbarOverlaySearch.prototype.renderPlaceholderOrValue = function () {
+        if ((0,Text/* isStringEmpty */.Wq)(this.props.inputValue)) {
+            return external_react_default().createElement("span", { className: 'placeholder' }, this.props.placeholder);
+        }
+        return external_react_default().createElement("span", null, this.props.inputValue);
+    };
+    NavbarOverlaySearch.prototype.renderClosedContent = function () {
+        return (external_react_default().createElement("div", { onClick: this.onOpen },
+            external_react_default().createElement(InputGroup.InputGroup, { size: 'md' },
+                this.renderInputGroupPrepend(),
+                this.renderPlaceholderOrValue())));
+    };
+    NavbarOverlaySearch.prototype.render = function () {
+        if (this.props.isOpen) {
+            return (external_react_default().createElement("div", { className: 'navbar-overlay-search-wrapper' },
+                external_react_default().createElement("div", { ref: this.wrapperRef, className: 'navbar-overlay-search navbar-overlay-search-open w-100' }, this.renderOpenContent())));
+        }
+        return (external_react_default().createElement("div", { className: 'navbar-overlay-search-wrapper' },
+            external_react_default().createElement("div", { ref: this.wrapperRef, className: 'navbar-overlay-search navbar-overlay-search-closed w-100' }, this.renderClosedContent())));
+    };
+    NavbarOverlaySearch.displayName = 'NavbarOverlaySearch';
+    __decorate([
+        esm/* default */.ZP,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], NavbarOverlaySearch.prototype, "handleClickOutside", null);
+    __decorate([
+        esm/* default */.ZP,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], NavbarOverlaySearch.prototype, "handleKeyPress", null);
+    __decorate([
+        esm/* default */.ZP,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], NavbarOverlaySearch.prototype, "onOpen", null);
+    return NavbarOverlaySearch;
+}((external_react_default()).Component));
+
+
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarOverlaySearchResults.tsx
+
+
+
+// eslint-disable-next-line react/display-name
+var getEventuallySearchFooter = function (count, children) {
+    if (count <= 10) {
+        return null;
+    }
+    return external_react_default().createElement("footer", { className: 'p-2 show-more-wrapper' }, children);
+};
+var NavbarOverlaySearchResultsWrapper = function (props) {
+    if (props.isLoading) {
+        return (external_react_default().createElement("div", { className: 'text-center py-5' }, (0,Utils/* findChildByComponent */.z8)(props.children, NavbarOverlaySearchLoading)));
+    }
+    if (props.count === 0) {
+        return (external_react_default().createElement("div", { className: 'overlay-search-results' },
+            (0,Utils/* findChildByComponent */.z8)(props.children, NavbarOverlaySearchTabs),
+            external_react_default().createElement("div", { className: 'py-5' }, props.renderNoResults)));
+    }
+    return (external_react_default().createElement((external_react_default()).Fragment, null,
+        external_react_default().createElement("div", { className: 'overlay-search-results' },
+            (0,Utils/* findChildByComponent */.z8)(props.children, NavbarOverlaySearchTabs),
+            external_react_default().createElement("div", { className: 'px-3 px-lg-5 pt-1 pb-5' }, (0,Utils/* findChildByComponent */.z8)(props.children, NavbarOverlaySearchResults))),
+        getEventuallySearchFooter(props.count, (0,Utils/* findChildByComponent */.z8)(props.children, NavbarOverlaySearchShowMore))));
+};
+NavbarOverlaySearchResultsWrapper.displayName = 'NavbarOverlaySearchResultsWrapper';
+var NavbarOverlaySearchTabs = function (props) {
+    return props.children;
+};
+var NavbarOverlaySearchResults = function (props) {
+    return props.children;
+};
+var NavbarOverlaySearchLoading = function (props) {
+    return props.children;
+};
+var NavbarOverlaySearchShowMore = function (props) {
+    return props.children;
+};
+
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faUserNinja"
+var faUserNinja_ = __webpack_require__(6550);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarNinjaMenu.tsx
+
+
+
+
+
+var NavbarNinjaMenu = function (props) {
+    return (external_react_default().createElement("div", { className: 'navbar-ninja-menu' },
+        external_react_default().createElement(Dropdown.Dropdown, { drop: 'left' },
+            external_react_default().createElement(Dropdown.Dropdown.Toggle, { as: Dropdown.AtokaCustomDropdownToggleWithChevron },
+                external_react_default().createElement("div", { className: 'position-relative' },
+                    external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faUserNinja_.faUserNinja }),
+                    props.isInUse && external_react_default().createElement("span", { className: 'ninja-in-use' }))),
+            external_react_default().createElement(Dropdown.Dropdown.Menu, { size: 'lg', className: 'ninja-menu' }, props.children))));
+};
+NavbarNinjaMenu.displayName = 'NavbarNinjaMenu';
+
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarNinjaMenuItem.tsx
+var NavbarNinjaMenuItem_assign = (undefined && undefined.__assign) || function () {
+    NavbarNinjaMenuItem_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 NavbarNinjaMenuItem_assign.apply(this, arguments);
+};
+
+
+var NavbarNinjaMenuItem = function (props) {
+    return (external_react_default().createElement((Dropdown_default()).Item, NavbarNinjaMenuItem_assign({}, props, { className: 'navbar-ninja-menu-item' }), props.children));
+};
+NavbarNinjaMenuItem.displayName = 'NavbarNinjaMenuItem';
+
+// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faTrash"
+var faTrash_ = __webpack_require__(5538);
+// EXTERNAL MODULE: external "react-bootstrap/ListGroup"
+var ListGroup_ = __webpack_require__(9034);
+var ListGroup_default = /*#__PURE__*/__webpack_require__.n(ListGroup_);
+;// CONCATENATED MODULE: ./src/components/Navbar/NavbarOverlaySearchCard.tsx
+
+
+
+
+
+var NavbarOverlaySearchCard = external_react_default().memo(function (props) {
+    // eslint-disable-next-line react/display-name
+    function renderDelete() {
+        if (props.onDelete == null) {
+            return null;
+        }
+        return (external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { onClick: props.onDelete, className: 'ml-2 color-gray-400 delete-column', icon: faTrash_.faTrash, fixedWidth: true }));
+    }
+    return (external_react_default().createElement((ListGroup_default()).Item, { bsPrefix: 'atoka-list-group-item', className: 'cursor-pointer navbar-overlay-search-item p-0' },
+        external_react_default().createElement("div", { className: 'parts-container align-content-center px-0 d-flex justify-content-between', onClick: props.onDelete == null ? props.onSelect : undefined },
+            external_react_default().createElement("div", { className: 'py-2 pl-3 selectable-left-part flex-grow-1 d-flex', onClick: props.onDelete == null ? undefined : props.onSelect }, props.leftPart),
+            external_react_default().createElement("div", { className: 'py-2 pr-3 text-right color-gray-400 d-flex align-items-center' },
+                props.rightPart,
+                renderDelete()))));
+});
+NavbarOverlaySearchCard.displayName = 'NavbarOverlaySearchCard';
+
+;// CONCATENATED MODULE: ./src/components/Navbar/Navbar.tsx
+var Navbar_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 Navbar = /** @class */ (function (_super) {
+    Navbar_extends(Navbar, _super);
+    function Navbar() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Navbar.prototype.render = function () {
+        var classNames = external_classnames_default()({
+            'atoka-navbar': true,
+            'atoka-navbar-open': this.props.isOpen,
+        });
+        return (external_react_default().createElement((external_react_default()).Fragment, null,
+            external_react_default().createElement((Navbar_default()), { collapseOnSelect: true, className: classNames, expand: 'lg', fixed: 'top' },
+                external_react_default().createElement((Container_default()), { className: 'd-flex align-items-center' }, this.props.children)),
+            this.props.isOpen ? (external_react_default().createElement(FadeAnimation.FadeAnimation, null,
+                external_react_default().createElement("div", { className: 'atoka-navbar-body-shadow' }))) : null));
+    };
+    Navbar.displayName = 'Navbar';
+    Navbar.Brand = (Navbar_default()).Brand;
+    Navbar.MobileMenuLink = (Nav_default()).Link;
+    Navbar.MobileMenuToggle = NavbarMobileMenuToggle;
+    Navbar.MobileMenuCollapse = NavbarMobileMenuCollapse;
+    Navbar.NavigationMenu = NavbarNavigationMenu;
+    Navbar.NavigationMenuItem = NavbarNavigationMenuItem;
+    Navbar.OverlaySearch = NavbarOverlaySearch;
+    Navbar.OverlaySearchResultsWrapper = NavbarOverlaySearchResultsWrapper;
+    Navbar.OverlaySearchResults = NavbarOverlaySearchResults;
+    Navbar.OverlaySearchCard = NavbarOverlaySearchCard;
+    Navbar.OverlaySearchTabs = NavbarOverlaySearchTabs;
+    Navbar.OverlaySearchLoading = NavbarOverlaySearchLoading;
+    Navbar.OverlaySearchShowMore = NavbarOverlaySearchShowMore;
+    Navbar.NinjaMenu = NavbarNinjaMenu;
+    Navbar.NinjaMenuItem = NavbarNinjaMenuItem;
+    Navbar.NotificationMenu = NavbarNotificationMenu;
+    Navbar.NotificationMenuItem = NavbarNotificationMenuItem;
+    Navbar.UserMenu = NavbarUserMenu;
+    Navbar.UserMenuItem = NavbarUserMenuItem;
+    return Navbar;
+}((external_react_default()).PureComponent));
+
+
+;// CONCATENATED MODULE: ./src/components/Navbar/index.ts
+
+
+
+/***/ }),
+
+/***/ 9360:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* 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__) => {
+
+"use strict";
+/* 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__) => {
+
+"use strict";
+
+// 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
+
+
+
+/***/ }),
+
+/***/ 6347:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Wq": () => (/* binding */ isStringEmpty)
+/* harmony export */ });
+/* unused harmony exports slugify, estimateWordSize, ellipse, matchAndFormatRangeLabel, formatRange, ellipseAndFormat, escapeRegExp, isMatching, splitTextInParts */
+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 __spread = (undefined && undefined.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
+};
+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 ? 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 "" + from;
+    }
+    return from + " - " + to;
+}
+function ellipseAndFormat(formatter, maxLabelLength) {
+    return function (value) {
+        var strValue = value.toString();
+        if (formatter == null) {
+            return ellipse(strValue, maxLabelLength);
+        }
+        return ellipse("" + 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, __spread([index, 1], newParts));
+            }
+        }
+    }
+    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;
+}
+
+
+/***/ }),
+
+/***/ 5654:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "z8": () => (/* binding */ findChildByComponent),
+/* harmony export */   "$R": () => (/* binding */ zip)
+/* harmony export */ });
+/* unused harmony exports findChildrenByComponent, hasChildIconOrCheckboxComponent, scrollToTop, sortObjDesc, clone, getDebouncer, deepEqual, rgbToHex */
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5692);
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8156);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _Form_Form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9316);
+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;
+};
+
+
+
+function findChildrenByComponent(children, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+component) {
+    var ret = [];
+    react__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(children, function (element) {
+        if ((element === null || element === void 0 ? void 0 : element.type) === component) {
+            ret.push(element);
+        }
+    });
+    return ret;
+}
+function findChildByComponent(children, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+component) {
+    var _a, _b;
+    return (_b = (_a = findChildrenByComponent(children, component)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null;
+}
+function hasChildIconOrCheckboxComponent(children) {
+    var ret = false;
+    React.Children.forEach(children, function (element) {
+        if ((element === null || element === void 0 ? void 0 : element.type) != null &&
+            ((element === null || element === void 0 ? void 0 : element.type) === FontAwesomeIcon || (element === null || element === void 0 ? void 0 : element.type) === 'i' || (element === null || element === void 0 ? void 0 : element.type) === Form.Checkbox)) {
+            ret = true;
+            return;
+        }
+    });
+    return ret;
+}
+function scrollToTop() {
+    window.scrollTo(0, 0);
+}
+function zip(arr1, arr2) {
+    var ret = [];
+    var i = 0;
+    while (arr1[i]) {
+        ret.push(arr1[i]);
+        ret.push(arr2[i++]);
+    }
+    return ret;
+}
+// eslint-disable-next-line @typescript-eslint/ban-types
+function sortObjDesc(accessor) {
+    return function (a, b) {
+        var leftVal = 0, rightVal = 0;
+        if ((a === null || a === void 0 ? void 0 : a[accessor]) != null) {
+            leftVal = a === null || a === void 0 ? void 0 : a[accessor];
+        }
+        if ((b === null || b === void 0 ? void 0 : b[accessor]) != null) {
+            rightVal = b === null || b === void 0 ? void 0 : b[accessor];
+        }
+        return leftVal > rightVal ? -1 : 1;
+    };
+}
+function clone(ob) {
+    return JSON.parse(JSON.stringify(ob));
+}
+function getDebouncer(delay) {
+    if (delay === void 0) { delay = 1; }
+    var debounceTimeout = null;
+    return function debounce(f) {
+        if (debounceTimeout !== null) {
+            clearTimeout(debounceTimeout);
+        }
+        debounceTimeout = window.setTimeout(f, delay);
+    };
+}
+function isObject(obj) {
+    return typeof obj === 'object' && obj != null;
+}
+function deepEqual(obj1, obj2) {
+    if (obj1 === obj2) {
+        return true;
+    }
+    if (isObject(obj1) && isObject(obj2)) {
+        if (Object.keys(obj1).length !== Object.keys(obj2).length) {
+            return false;
+        }
+        for (var prop in obj1) {
+            if (!deepEqual(obj1[prop], obj2[prop])) {
+                return false;
+            }
+        }
+        return true;
+    }
+    return false;
+}
+function componentToHex(c) {
+    if (isNaN(c)) {
+        throw Error('The color has not been written correctly');
+    }
+    var hex = c.toString(16).toUpperCase();
+    return hex.length === 1 ? '0' + hex : hex;
+}
+function cleanSingleColor(c) {
+    return c.replace(/"|'/g, '').trim();
+}
+function rgbToHex(rgb) {
+    if (rgb.includes('rgba')) {
+        throw Error('not implemented');
+    }
+    var _a = __read(rgb
+        .replace('rgb', '')
+        .replace(/\(|\)/gi, '')
+        .split(',')
+        .map(function (c) { return parseInt(cleanSingleColor(c), 10); }), 3), _b = _a[0], r = _b === void 0 ? 0 : _b, _c = _a[1], g = _c === void 0 ? 0 : _c, _d = _a[2], b = _d === void 0 ? 0 : _d;
+    return '#' + componentToHex(r) + componentToHex(g) + componentToHex(b);
+}
+
+
+/***/ }),
+
+/***/ 6627:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ZP": () => (/* binding */ autobind)
+/* harmony export */ });
+/* unused harmony exports boundMethod, 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);
+}
+
+/***/ }),
+
+/***/ 9112:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+var ReactPropTypesSecret = __webpack_require__(5073);
+
+function emptyFunction() {}
+
+function emptyFunctionWithReset() {}
+
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+module.exports = function () {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret) {
+      // It is still safe when called from React.
+      return;
+    }
+
+    var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+    err.name = 'Invariant Violation';
+    throw err;
+  }
+
+  ;
+  shim.isRequired = shim;
+
+  function getShim() {
+    return shim;
+  }
+
+  ; // Important!
+  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+
+  var ReactPropTypes = {
+    array: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
+  };
+  ReactPropTypes.PropTypes = ReactPropTypes;
+  return ReactPropTypes;
+};
+
+/***/ }),
+
+/***/ 8691:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+if (false) { var throwOnDirectAccess, ReactIs; } else {
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  module.exports = __webpack_require__(9112)();
+}
+
+/***/ }),
+
+/***/ 5073:
+/***/ ((module) => {
+
+"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+module.exports = ReactPropTypesSecret;
+
+/***/ }),
+
+/***/ 1750:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ esm_CSSTransition)
+});
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
+var esm_extends = __webpack_require__(32);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+var objectWithoutPropertiesLoose = __webpack_require__(7038);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js + 1 modules
+var inheritsLoose = __webpack_require__(7581);
+// EXTERNAL MODULE: ./node_modules/prop-types/index.js
+var prop_types = __webpack_require__(8691);
+;// CONCATENATED MODULE: ./node_modules/dom-helpers/esm/hasClass.js
+function hasClass(element, className) {
+  if (element.classList) return !!className && element.classList.contains(className);
+  return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
+}
+;// CONCATENATED MODULE: ./node_modules/dom-helpers/esm/addClass.js
+
+function addClass_addClass(element, className) {
+  if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + " " + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + " " + className);
+}
+;// CONCATENATED MODULE: ./node_modules/dom-helpers/esm/removeClass.js
+function replaceClassName(origClass, classToRemove) {
+  return origClass.replace(new RegExp("(^|\\s)" + classToRemove + "(?:\\s|$)", 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
+}
+
+function removeClass_removeClass(element, className) {
+  if (element.classList) {
+    element.classList.remove(className);
+  } else if (typeof element.className === 'string') {
+    ;
+    element.className = replaceClassName(element.className, className);
+  } else {
+    element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));
+  }
+}
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(8156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7111);
+var external_react_dom_default = /*#__PURE__*/__webpack_require__.n(external_react_dom_);
+;// CONCATENATED MODULE: ./node_modules/react-transition-group/esm/config.js
+/* harmony default export */ const config = ({
+  disabled: false
+});
+// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/TransitionGroupContext.js
+var TransitionGroupContext = __webpack_require__(3493);
+;// CONCATENATED MODULE: ./node_modules/react-transition-group/esm/Transition.js
+
+
+
+
+
+
+
+
+var UNMOUNTED = 'unmounted';
+var EXITED = 'exited';
+var ENTERING = 'entering';
+var ENTERED = 'entered';
+var EXITING = 'exiting';
+/**
+ * The Transition component lets you describe a transition from one component
+ * state to another _over time_ with a simple declarative API. Most commonly
+ * it's used to animate the mounting and unmounting of a component, but can also
+ * be used to describe in-place transition states as well.
+ *
+ * ---
+ *
+ * **Note**: `Transition` is a platform-agnostic base component. If you're using
+ * transitions in CSS, you'll probably want to use
+ * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)
+ * instead. It inherits all the features of `Transition`, but contains
+ * additional features necessary to play nice with CSS transitions (hence the
+ * name of the component).
+ *
+ * ---
+ *
+ * By default the `Transition` component does not alter the behavior of the
+ * component it renders, it only tracks "enter" and "exit" states for the
+ * components. It's up to you to give meaning and effect to those states. For
+ * example we can add styles to a component when it enters or exits:
+ *
+ * ```jsx
+ * import { Transition } from 'react-transition-group';
+ *
+ * const duration = 300;
+ *
+ * const defaultStyle = {
+ *   transition: `opacity ${duration}ms ease-in-out`,
+ *   opacity: 0,
+ * }
+ *
+ * const transitionStyles = {
+ *   entering: { opacity: 1 },
+ *   entered:  { opacity: 1 },
+ *   exiting:  { opacity: 0 },
+ *   exited:  { opacity: 0 },
+ * };
+ *
+ * const Fade = ({ in: inProp }) => (
+ *   <Transition in={inProp} timeout={duration}>
+ *     {state => (
+ *       <div style={{
+ *         ...defaultStyle,
+ *         ...transitionStyles[state]
+ *       }}>
+ *         I'm a fade Transition!
+ *       </div>
+ *     )}
+ *   </Transition>
+ * );
+ * ```
+ *
+ * There are 4 main states a Transition can be in:
+ *  - `'entering'`
+ *  - `'entered'`
+ *  - `'exiting'`
+ *  - `'exited'`
+ *
+ * Transition state is toggled via the `in` prop. When `true` the component
+ * begins the "Enter" stage. During this stage, the component will shift from
+ * its current transition state, to `'entering'` for the duration of the
+ * transition and then to the `'entered'` stage once it's complete. Let's take
+ * the following example (we'll use the
+ * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):
+ *
+ * ```jsx
+ * function App() {
+ *   const [inProp, setInProp] = useState(false);
+ *   return (
+ *     <div>
+ *       <Transition in={inProp} timeout={500}>
+ *         {state => (
+ *           // ...
+ *         )}
+ *       </Transition>
+ *       <button onClick={() => setInProp(true)}>
+ *         Click to Enter
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * When the button is clicked the component will shift to the `'entering'` state
+ * and stay there for 500ms (the value of `timeout`) before it finally switches
+ * to `'entered'`.
+ *
+ * When `in` is `false` the same thing happens except the state moves from
+ * `'exiting'` to `'exited'`.
+ */
+
+var Transition = /*#__PURE__*/function (_React$Component) {
+  (0,inheritsLoose/* default */.Z)(Transition, _React$Component);
+
+  function Transition(props, context) {
+    var _this;
+
+    _this = _React$Component.call(this, props, context) || this;
+    var parentGroup = context; // In the context of a TransitionGroup all enters are really appears
+
+    var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
+    var initialStatus;
+    _this.appearStatus = null;
+
+    if (props["in"]) {
+      if (appear) {
+        initialStatus = EXITED;
+        _this.appearStatus = ENTERING;
+      } else {
+        initialStatus = ENTERED;
+      }
+    } else {
+      if (props.unmountOnExit || props.mountOnEnter) {
+        initialStatus = UNMOUNTED;
+      } else {
+        initialStatus = EXITED;
+      }
+    }
+
+    _this.state = {
+      status: initialStatus
+    };
+    _this.nextCallback = null;
+    return _this;
+  }
+
+  Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
+    var nextIn = _ref["in"];
+
+    if (nextIn && prevState.status === UNMOUNTED) {
+      return {
+        status: EXITED
+      };
+    }
+
+    return null;
+  } // getSnapshotBeforeUpdate(prevProps) {
+  //   let nextStatus = null
+  //   if (prevProps !== this.props) {
+  //     const { status } = this.state
+  //     if (this.props.in) {
+  //       if (status !== ENTERING && status !== ENTERED) {
+  //         nextStatus = ENTERING
+  //       }
+  //     } else {
+  //       if (status === ENTERING || status === ENTERED) {
+  //         nextStatus = EXITING
+  //       }
+  //     }
+  //   }
+  //   return { nextStatus }
+  // }
+  ;
+
+  var _proto = Transition.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.updateStatus(true, this.appearStatus);
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var nextStatus = null;
+
+    if (prevProps !== this.props) {
+      var status = this.state.status;
+
+      if (this.props["in"]) {
+        if (status !== ENTERING && status !== ENTERED) {
+          nextStatus = ENTERING;
+        }
+      } else {
+        if (status === ENTERING || status === ENTERED) {
+          nextStatus = EXITING;
+        }
+      }
+    }
+
+    this.updateStatus(false, nextStatus);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.cancelNextCallback();
+  };
+
+  _proto.getTimeouts = function getTimeouts() {
+    var timeout = this.props.timeout;
+    var exit, enter, appear;
+    exit = enter = appear = timeout;
+
+    if (timeout != null && typeof timeout !== 'number') {
+      exit = timeout.exit;
+      enter = timeout.enter; // TODO: remove fallback for next major
+
+      appear = timeout.appear !== undefined ? timeout.appear : enter;
+    }
+
+    return {
+      exit: exit,
+      enter: enter,
+      appear: appear
+    };
+  };
+
+  _proto.updateStatus = function updateStatus(mounting, nextStatus) {
+    if (mounting === void 0) {
+      mounting = false;
+    }
+
+    if (nextStatus !== null) {
+      // nextStatus will always be ENTERING or EXITING.
+      this.cancelNextCallback();
+
+      if (nextStatus === ENTERING) {
+        this.performEnter(mounting);
+      } else {
+        this.performExit();
+      }
+    } else if (this.props.unmountOnExit && this.state.status === EXITED) {
+      this.setState({
+        status: UNMOUNTED
+      });
+    }
+  };
+
+  _proto.performEnter = function performEnter(mounting) {
+    var _this2 = this;
+
+    var enter = this.props.enter;
+    var appearing = this.context ? this.context.isMounting : mounting;
+
+    var _ref2 = this.props.nodeRef ? [appearing] : [external_react_dom_default().findDOMNode(this), appearing],
+        maybeNode = _ref2[0],
+        maybeAppearing = _ref2[1];
+
+    var timeouts = this.getTimeouts();
+    var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
+    // if we are mounting and running this it means appear _must_ be set
+
+    if (!mounting && !enter || config.disabled) {
+      this.safeSetState({
+        status: ENTERED
+      }, function () {
+        _this2.props.onEntered(maybeNode);
+      });
+      return;
+    }
+
+    this.props.onEnter(maybeNode, maybeAppearing);
+    this.safeSetState({
+      status: ENTERING
+    }, function () {
+      _this2.props.onEntering(maybeNode, maybeAppearing);
+
+      _this2.onTransitionEnd(enterTimeout, function () {
+        _this2.safeSetState({
+          status: ENTERED
+        }, function () {
+          _this2.props.onEntered(maybeNode, maybeAppearing);
+        });
+      });
+    });
+  };
+
+  _proto.performExit = function performExit() {
+    var _this3 = this;
+
+    var exit = this.props.exit;
+    var timeouts = this.getTimeouts();
+    var maybeNode = this.props.nodeRef ? undefined : external_react_dom_default().findDOMNode(this); // no exit animation skip right to EXITED
+
+    if (!exit || config.disabled) {
+      this.safeSetState({
+        status: EXITED
+      }, function () {
+        _this3.props.onExited(maybeNode);
+      });
+      return;
+    }
+
+    this.props.onExit(maybeNode);
+    this.safeSetState({
+      status: EXITING
+    }, function () {
+      _this3.props.onExiting(maybeNode);
+
+      _this3.onTransitionEnd(timeouts.exit, function () {
+        _this3.safeSetState({
+          status: EXITED
+        }, function () {
+          _this3.props.onExited(maybeNode);
+        });
+      });
+    });
+  };
+
+  _proto.cancelNextCallback = function cancelNextCallback() {
+    if (this.nextCallback !== null) {
+      this.nextCallback.cancel();
+      this.nextCallback = null;
+    }
+  };
+
+  _proto.safeSetState = function safeSetState(nextState, callback) {
+    // This shouldn't be necessary, but there are weird race conditions with
+    // setState callbacks and unmounting in testing, so always make sure that
+    // we can cancel any pending setState callbacks after we unmount.
+    callback = this.setNextCallback(callback);
+    this.setState(nextState, callback);
+  };
+
+  _proto.setNextCallback = function setNextCallback(callback) {
+    var _this4 = this;
+
+    var active = true;
+
+    this.nextCallback = function (event) {
+      if (active) {
+        active = false;
+        _this4.nextCallback = null;
+        callback(event);
+      }
+    };
+
+    this.nextCallback.cancel = function () {
+      active = false;
+    };
+
+    return this.nextCallback;
+  };
+
+  _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
+    this.setNextCallback(handler);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : external_react_dom_default().findDOMNode(this);
+    var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
+
+    if (!node || doesNotHaveTimeoutOrListener) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+
+    if (this.props.addEndListener) {
+      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],
+          maybeNode = _ref3[0],
+          maybeNextCallback = _ref3[1];
+
+      this.props.addEndListener(maybeNode, maybeNextCallback);
+    }
+
+    if (timeout != null) {
+      setTimeout(this.nextCallback, timeout);
+    }
+  };
+
+  _proto.render = function render() {
+    var status = this.state.status;
+
+    if (status === UNMOUNTED) {
+      return null;
+    }
+
+    var _this$props = this.props,
+        children = _this$props.children,
+        _in = _this$props["in"],
+        _mountOnEnter = _this$props.mountOnEnter,
+        _unmountOnExit = _this$props.unmountOnExit,
+        _appear = _this$props.appear,
+        _enter = _this$props.enter,
+        _exit = _this$props.exit,
+        _timeout = _this$props.timeout,
+        _addEndListener = _this$props.addEndListener,
+        _onEnter = _this$props.onEnter,
+        _onEntering = _this$props.onEntering,
+        _onEntered = _this$props.onEntered,
+        _onExit = _this$props.onExit,
+        _onExiting = _this$props.onExiting,
+        _onExited = _this$props.onExited,
+        _nodeRef = _this$props.nodeRef,
+        childProps = (0,objectWithoutPropertiesLoose/* default */.Z)(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+
+    return (
+      /*#__PURE__*/
+      // allows for nested Transitions
+      external_react_default().createElement(TransitionGroupContext/* default.Provider */.Z.Provider, {
+        value: null
+      }, typeof children === 'function' ? children(status, childProps) : external_react_default().cloneElement(external_react_default().Children.only(children), childProps))
+    );
+  };
+
+  return Transition;
+}((external_react_default()).Component);
+
+Transition.contextType = TransitionGroupContext/* default */.Z;
+Transition.propTypes =  false ? 0 : {}; // Name the function so it is clearer in the documentation
+
+function noop() {}
+
+Transition.defaultProps = {
+  "in": false,
+  mountOnEnter: false,
+  unmountOnExit: false,
+  appear: false,
+  enter: true,
+  exit: true,
+  onEnter: noop,
+  onEntering: noop,
+  onEntered: noop,
+  onExit: noop,
+  onExiting: noop,
+  onExited: noop
+};
+Transition.UNMOUNTED = UNMOUNTED;
+Transition.EXITED = EXITED;
+Transition.ENTERING = ENTERING;
+Transition.ENTERED = ENTERED;
+Transition.EXITING = EXITING;
+/* harmony default export */ const esm_Transition = (Transition);
+;// CONCATENATED MODULE: ./node_modules/react-transition-group/esm/CSSTransition.js
+
+
+
+
+
+
+
+
+
+
+var _addClass = function addClass(node, classes) {
+  return node && classes && classes.split(' ').forEach(function (c) {
+    return addClass_addClass(node, c);
+  });
+};
+
+var removeClass = function removeClass(node, classes) {
+  return node && classes && classes.split(' ').forEach(function (c) {
+    return removeClass_removeClass(node, c);
+  });
+};
+/**
+ * A transition component inspired by the excellent
+ * [ng-animate](https://docs.angularjs.org/api/ngAnimate) library, you should
+ * use it if you're using CSS transitions or animations. It's built upon the
+ * [`Transition`](https://reactcommunity.org/react-transition-group/transition)
+ * component, so it inherits all of its props.
+ *
+ * `CSSTransition` applies a pair of class names during the `appear`, `enter`,
+ * and `exit` states of the transition. The first class is applied and then a
+ * second `*-active` class in order to activate the CSS transition. After the
+ * transition, matching `*-done` class names are applied to persist the
+ * transition state.
+ *
+ * ```jsx
+ * function App() {
+ *   const [inProp, setInProp] = useState(false);
+ *   return (
+ *     <div>
+ *       <CSSTransition in={inProp} timeout={200} classNames="my-node">
+ *         <div>
+ *           {"I'll receive my-node-* classes"}
+ *         </div>
+ *       </CSSTransition>
+ *       <button type="button" onClick={() => setInProp(true)}>
+ *         Click to Enter
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * When the `in` prop is set to `true`, the child component will first receive
+ * the class `example-enter`, then the `example-enter-active` will be added in
+ * the next tick. `CSSTransition` [forces a
+ * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)
+ * between before adding the `example-enter-active`. This is an important trick
+ * because it allows us to transition between `example-enter` and
+ * `example-enter-active` even though they were added immediately one after
+ * another. Most notably, this is what makes it possible for us to animate
+ * _appearance_.
+ *
+ * ```css
+ * .my-node-enter {
+ *   opacity: 0;
+ * }
+ * .my-node-enter-active {
+ *   opacity: 1;
+ *   transition: opacity 200ms;
+ * }
+ * .my-node-exit {
+ *   opacity: 1;
+ * }
+ * .my-node-exit-active {
+ *   opacity: 0;
+ *   transition: opacity 200ms;
+ * }
+ * ```
+ *
+ * `*-active` classes represent which styles you want to animate **to**, so it's
+ * important to add `transition` declaration only to them, otherwise transitions
+ * might not behave as intended! This might not be obvious when the transitions
+ * are symmetrical, i.e. when `*-enter-active` is the same as `*-exit`, like in
+ * the example above (minus `transition`), but it becomes apparent in more
+ * complex transitions.
+ *
+ * **Note**: If you're using the
+ * [`appear`](http://reactcommunity.org/react-transition-group/transition#Transition-prop-appear)
+ * prop, make sure to define styles for `.appear-*` classes as well.
+ */
+
+
+var CSSTransition = /*#__PURE__*/function (_React$Component) {
+  (0,inheritsLoose/* default */.Z)(CSSTransition, _React$Component);
+
+  function CSSTransition() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    };
+
+    _this.onEnter = function (maybeNode, maybeAppearing) {
+      var _this$resolveArgument = _this.resolveArguments(maybeNode, maybeAppearing),
+          node = _this$resolveArgument[0],
+          appearing = _this$resolveArgument[1];
+
+      _this.removeClasses(node, 'exit');
+
+      _this.addClass(node, appearing ? 'appear' : 'enter', 'base');
+
+      if (_this.props.onEnter) {
+        _this.props.onEnter(maybeNode, maybeAppearing);
+      }
+    };
+
+    _this.onEntering = function (maybeNode, maybeAppearing) {
+      var _this$resolveArgument2 = _this.resolveArguments(maybeNode, maybeAppearing),
+          node = _this$resolveArgument2[0],
+          appearing = _this$resolveArgument2[1];
+
+      var type = appearing ? 'appear' : 'enter';
+
+      _this.addClass(node, type, 'active');
+
+      if (_this.props.onEntering) {
+        _this.props.onEntering(maybeNode, maybeAppearing);
+      }
+    };
+
+    _this.onEntered = function (maybeNode, maybeAppearing) {
+      var _this$resolveArgument3 = _this.resolveArguments(maybeNode, maybeAppearing),
+          node = _this$resolveArgument3[0],
+          appearing = _this$resolveArgument3[1];
+
+      var type = appearing ? 'appear' : 'enter';
+
+      _this.removeClasses(node, type);
+
+      _this.addClass(node, type, 'done');
+
+      if (_this.props.onEntered) {
+        _this.props.onEntered(maybeNode, maybeAppearing);
+      }
+    };
+
+    _this.onExit = function (maybeNode) {
+      var _this$resolveArgument4 = _this.resolveArguments(maybeNode),
+          node = _this$resolveArgument4[0];
+
+      _this.removeClasses(node, 'appear');
+
+      _this.removeClasses(node, 'enter');
+
+      _this.addClass(node, 'exit', 'base');
+
+      if (_this.props.onExit) {
+        _this.props.onExit(maybeNode);
+      }
+    };
+
+    _this.onExiting = function (maybeNode) {
+      var _this$resolveArgument5 = _this.resolveArguments(maybeNode),
+          node = _this$resolveArgument5[0];
+
+      _this.addClass(node, 'exit', 'active');
+
+      if (_this.props.onExiting) {
+        _this.props.onExiting(maybeNode);
+      }
+    };
+
+    _this.onExited = function (maybeNode) {
+      var _this$resolveArgument6 = _this.resolveArguments(maybeNode),
+          node = _this$resolveArgument6[0];
+
+      _this.removeClasses(node, 'exit');
+
+      _this.addClass(node, 'exit', 'done');
+
+      if (_this.props.onExited) {
+        _this.props.onExited(maybeNode);
+      }
+    };
+
+    _this.resolveArguments = function (maybeNode, maybeAppearing) {
+      return _this.props.nodeRef ? [_this.props.nodeRef.current, maybeNode] // here `maybeNode` is actually `appearing`
+      : [maybeNode, maybeAppearing];
+    };
+
+    _this.getClassNames = function (type) {
+      var classNames = _this.props.classNames;
+      var isStringClassNames = typeof classNames === 'string';
+      var prefix = isStringClassNames && classNames ? classNames + "-" : '';
+      var baseClassName = isStringClassNames ? "" + prefix + type : classNames[type];
+      var activeClassName = isStringClassNames ? baseClassName + "-active" : classNames[type + "Active"];
+      var doneClassName = isStringClassNames ? baseClassName + "-done" : classNames[type + "Done"];
+      return {
+        baseClassName: baseClassName,
+        activeClassName: activeClassName,
+        doneClassName: doneClassName
+      };
+    };
+
+    return _this;
+  }
+
+  var _proto = CSSTransition.prototype;
+
+  _proto.addClass = function addClass(node, type, phase) {
+    var className = this.getClassNames(type)[phase + "ClassName"];
+
+    var _this$getClassNames = this.getClassNames('enter'),
+        doneClassName = _this$getClassNames.doneClassName;
+
+    if (type === 'appear' && phase === 'done' && doneClassName) {
+      className += " " + doneClassName;
+    } // This is for to force a repaint,
+    // which is necessary in order to transition styles when adding a class name.
+
+
+    if (phase === 'active') {
+      /* eslint-disable no-unused-expressions */
+      node && node.scrollTop;
+    }
+
+    if (className) {
+      this.appliedClasses[type][phase] = className;
+
+      _addClass(node, className);
+    }
+  };
+
+  _proto.removeClasses = function removeClasses(node, type) {
+    var _this$appliedClasses$ = this.appliedClasses[type],
+        baseClassName = _this$appliedClasses$.base,
+        activeClassName = _this$appliedClasses$.active,
+        doneClassName = _this$appliedClasses$.done;
+    this.appliedClasses[type] = {};
+
+    if (baseClassName) {
+      removeClass(node, baseClassName);
+    }
+
+    if (activeClassName) {
+      removeClass(node, activeClassName);
+    }
+
+    if (doneClassName) {
+      removeClass(node, doneClassName);
+    }
+  };
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        _ = _this$props.classNames,
+        props = (0,objectWithoutPropertiesLoose/* default */.Z)(_this$props, ["classNames"]);
+
+    return /*#__PURE__*/external_react_default().createElement(esm_Transition, (0,esm_extends/* default */.Z)({}, props, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  };
+
+  return CSSTransition;
+}((external_react_default()).Component);
+
+CSSTransition.defaultProps = {
+  classNames: ''
+};
+CSSTransition.propTypes =  false ? 0 : {};
+/* harmony default export */ const esm_CSSTransition = (CSSTransition);
+
+/***/ }),
+
+/***/ 3493:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* 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 default export */ const __WEBPACK_DEFAULT_EXPORT__ = (react__WEBPACK_IMPORTED_MODULE_0___default().createContext(null));
+
+/***/ }),
+
+/***/ 9368:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__9368__;
+
+/***/ }),
+
+/***/ 2569:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__2569__;
+
+/***/ }),
+
+/***/ 3402:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__3402__;
+
+/***/ }),
+
+/***/ 8427:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8427__;
+
+/***/ }),
+
+/***/ 6988:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__6988__;
+
+/***/ }),
+
+/***/ 5538:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__5538__;
+
+/***/ }),
+
+/***/ 6550:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__6550__;
+
+/***/ }),
+
+/***/ 1349:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__1349__;
+
+/***/ }),
+
+/***/ 3041:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__3041__;
+
+/***/ }),
+
+/***/ 5692:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
+
+/***/ }),
+
+/***/ 8310:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
+
+/***/ }),
+
+/***/ 8156:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
+
+/***/ }),
+
+/***/ 8926:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8926__;
+
+/***/ }),
+
+/***/ 5315:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__5315__;
+
+/***/ }),
+
+/***/ 4394:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__4394__;
+
+/***/ }),
+
+/***/ 4976:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__4976__;
+
+/***/ }),
+
+/***/ 8721:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8721__;
+
+/***/ }),
+
+/***/ 1082:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__1082__;
+
+/***/ }),
+
+/***/ 8763:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8763__;
+
+/***/ }),
+
+/***/ 2476:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__2476__;
+
+/***/ }),
+
+/***/ 9034:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__9034__;
+
+/***/ }),
+
+/***/ 573:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__573__;
+
+/***/ }),
+
+/***/ 7917:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__7917__;
+
+/***/ }),
+
+/***/ 6043:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__6043__;
+
+/***/ }),
+
+/***/ 3915:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__3915__;
+
+/***/ }),
+
+/***/ 7111:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__7111__;
+
+/***/ }),
+
+/***/ 32:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* binding */ _extends)
+/* harmony export */ });
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+/***/ }),
+
+/***/ 7581:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ _inheritsLoose)
+});
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+
+/***/ }),
+
+/***/ 7038:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* binding */ _objectWithoutPropertiesLoose)
+/* harmony export */ });
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+/***/ }),
+
+/***/ 4329:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* 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 = {
+/******/ 			7658: 0,
+/******/ 			6615: 0,
+/******/ 			8621: 0,
+/******/ 			3099: 0,
+/******/ 			8016: 0,
+/******/ 			5853: 0,
+/******/ 			2558: 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__(1673)))
+/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
+/******/ 	
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=index.js.map