@spaziodati/atoka-design-system 2.1.6 → 2.1.7

package/TabSwitcher/index.js

@@ -1,1135 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Badge"), require("react-bootstrap/ButtonGroup"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"));
-	else if(typeof define === 'function' && define.amd)
-		define("atoka-design-system", ["@fortawesome/react-fontawesome", "classnames", "react", "react-bootstrap/Badge", "react-bootstrap/ButtonGroup", "react-bootstrap/Form", "react-bootstrap/FormControl", "react-bootstrap/FormText"], factory);
-	else if(typeof exports === 'object')
-		exports["atoka-design-system"] = factory(require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Badge"), require("react-bootstrap/ButtonGroup"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"));
-	else
-		root["atoka-design-system"] = factory(root["@fortawesome/react-fontawesome"], root["classnames"], root["react"], root["react-bootstrap/Badge"], root["react-bootstrap/ButtonGroup"], root["react-bootstrap/Form"], root["react-bootstrap/FormControl"], root["react-bootstrap/FormText"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__6997__, __WEBPACK_EXTERNAL_MODULE__5901__, __WEBPACK_EXTERNAL_MODULE__8721__, __WEBPACK_EXTERNAL_MODULE__1082__, __WEBPACK_EXTERNAL_MODULE__8763__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 6627:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "MR": () => (/* binding */ boundMethod)
-/* harmony export */ });
-/* unused harmony exports boundClass, default */
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4329);
-
-
-function _typeof(obj) {
-  if (typeof Symbol === "function" && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(Symbol.iterator) === "symbol") {
-    _typeof = function _typeof(obj) {
-      return (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  }
-
-  return _typeof(obj);
-}
-/**
- * Return a descriptor removing the value and returning a getter
- * The getter will return a .bind version of the function
- * and memoize the result against a symbol on the instance
- */
-
-
-function boundMethod(target, key, descriptor) {
-  var fn = descriptor.value;
-
-  if (typeof fn !== 'function') {
-    throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(_typeof(fn)));
-  } // In IE11 calling Object.defineProperty has a side-effect of evaluating the
-  // getter for the property which is being replaced. This causes infinite
-  // recursion and an "Out of stack space" error.
-
-
-  var definingProperty = false;
-  return {
-    configurable: true,
-    get: function get() {
-      // eslint-disable-next-line no-prototype-builtins
-      if (definingProperty || this === target.prototype || this.hasOwnProperty(key) || typeof fn !== 'function') {
-        return fn;
-      }
-
-      var boundFn = fn.bind(this);
-      definingProperty = true;
-      Object.defineProperty(this, key, {
-        configurable: true,
-        get: function get() {
-          return boundFn;
-        },
-        set: function set(value) {
-          fn = value;
-          delete this[key];
-        }
-      });
-      definingProperty = false;
-      return boundFn;
-    },
-    set: function set(value) {
-      fn = value;
-    }
-  };
-}
-/**
- * Use boundMethod to bind all methods on the target.prototype
- */
-
-function boundClass(target) {
-  // (Using reflect to get all keys including symbols)
-  var keys; // Use Reflect if exists
-
-  if (typeof Reflect !== 'undefined' && typeof Reflect.ownKeys === 'function') {
-    keys = Reflect.ownKeys(target.prototype);
-  } else {
-    keys = Object.getOwnPropertyNames(target.prototype); // Use symbols if support is provided
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      keys = keys.concat(Object.getOwnPropertySymbols(target.prototype));
-    }
-  }
-
-  keys.forEach(function (key) {
-    // Ignore special case target method
-    if (key === 'constructor') {
-      return;
-    }
-
-    var descriptor = Object.getOwnPropertyDescriptor(target.prototype, key); // Only methods need binding
-
-    if (typeof descriptor.value === 'function') {
-      Object.defineProperty(target.prototype, key, boundMethod(target, key, descriptor));
-    }
-  });
-  return target;
-}
-function autobind() {
-  if (arguments.length === 1) {
-    return boundClass.apply(void 0, arguments);
-  }
-
-  return boundMethod.apply(void 0, arguments);
-}
-
-/***/ }),
-
-/***/ 595:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Badge": () => (/* reexport */ Badge)
-});
-
-// 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/Badge"
-var Badge_ = __webpack_require__(6997);
-var Badge_default = /*#__PURE__*/__webpack_require__.n(Badge_);
-// EXTERNAL MODULE: external "@fortawesome/react-fontawesome"
-var react_fontawesome_ = __webpack_require__(5692);
-;// CONCATENATED MODULE: ./src/components/Badge/Badge.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;
-};
-
-
-
-
-
-/**
- * ### Overview
- *
- * A `Badge` is a component which represents an attribute of a specific element. There are three types of badges:
- *
- * - **Primary** is used for:
- *  - Sales funnel states
- *  - Indication of customer divisions
- *  - Variant with icon: used to show user state in settings page
- *
- * - **Secondary** is used for:
- *  - specific company types e.g. startup
- *  - Indication of customer divisions
- *  - Variant with icon: used to show division permissions
- *
- * - **Tertiary** is used to display a company’s state
- */
-var Badge = external_react_default().memo(function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, props = __rest(_a, ["size"]);
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-badge', "variant-".concat(props.variant, "-").concat(props.color), size), iconClassName = external_classnames_default()({
-        'mr-2': props.children != null,
-    }), icon = props.icon == null ? null : external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: props.icon, className: iconClassName });
-    return (external_react_default().createElement((Badge_default()), { className: className },
-        icon,
-        props.children));
-});
-Badge.displayName = 'Badge';
-
-
-;// CONCATENATED MODULE: ./src/components/Badge/index.ts
-
-
-
-/***/ }),
-
-/***/ 8352:
-/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
-
-
-// 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__(2048);
-;// 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;
-
-
-
-/***/ }),
-
-/***/ 2048:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// 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';
-
-
-
-/***/ }),
-
-/***/ 994:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "r": () => (/* binding */ TabSwitcher)
-});
-
-// 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/ButtonGroup"
-var ButtonGroup_ = __webpack_require__(5901);
-var ButtonGroup_default = /*#__PURE__*/__webpack_require__.n(ButtonGroup_);
-// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
-var Utils = __webpack_require__(4915);
-// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
-var esm = __webpack_require__(6627);
-// EXTERNAL MODULE: ./src/components/Badge/index.ts + 1 modules
-var Badge = __webpack_require__(595);
-// EXTERNAL MODULE: ./src/components/Title/index.ts
-var Title = __webpack_require__(3932);
-;// CONCATENATED MODULE: ./src/components/TabSwitcher/TabSwitcherChoice.tsx
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-
-
-
-
-
-// Removed from the css and put here to avoid flickering when the font is loaded. Keep in sync with @spacing-unit.
-var HORIZONTAL_PADDING = 3 * 8;
-var TabSwitcherChoice = /** @class */ (function (_super) {
-    __extends(TabSwitcherChoice, _super);
-    function TabSwitcherChoice() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            width: null,
-        };
-        _this.containerRef = external_react_default().createRef();
-        return _this;
-    }
-    TabSwitcherChoice.prototype.componentDidMount = function () {
-        if (this.containerRef.current == null) {
-            return;
-        }
-        this.setState({ width: this.containerRef.current.getBoundingClientRect().width + 2 * HORIZONTAL_PADDING });
-    };
-    TabSwitcherChoice.prototype.renderTitle = function () {
-        var color = this.props.isActive ? 'blue300' : 'gray300';
-        if (this.props.value == null) {
-            return this.props.title;
-        }
-        return (external_react_default().createElement((external_react_default()).Fragment, null,
-            this.props.title,
-            ' ',
-            external_react_default().createElement(Badge.Badge, { variant: 'primary', color: color, className: 'ml-2' }, this.props.value)));
-    };
-    TabSwitcherChoice.prototype.render = function () {
-        var className = external_classnames_default()({
-            'active': this.props.isActive === true,
-            'tab-switcher-choice': true,
-        }), style = this.state.width == null ? {} : { width: this.state.width };
-        return (external_react_default().createElement("div", { className: className, onClick: this.props.onClick, ref: this.containerRef, style: style },
-            external_react_default().createElement(Title.Title, { size: 'xs', icon: this.props.icon, style: { paddingLeft: 0, paddingRight: 0 } }, this.renderTitle())));
-    };
-    var _a;
-    TabSwitcherChoice.displayName = 'TabSwitcherChoice';
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", typeof (_a = typeof (external_react_default()) !== "undefined" && (external_react_default()).ReactNode) === "function" ? _a : Object)
-    ], TabSwitcherChoice.prototype, "renderTitle", null);
-    return TabSwitcherChoice;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/TabSwitcher/TabSwitcher.tsx
-var TabSwitcher_extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-
-
-
-/**
- * ### Overview
- *
- * Tabs are used to help the user switch between different views within the same context. They are placed above the panel which changes with the user’s click
- *
- * ### Best practices
- * - Use labels that are not too long and that are written in simple language
- * - Do not make more than one row of tabs
- * - Avoid tabs if the content inside them must be shown simultaneously to the user
- */
-var TabSwitcher = /** @class */ (function (_super) {
-    TabSwitcher_extends(TabSwitcher, _super);
-    function TabSwitcher() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            indicatorLeft: 0,
-            indicatorWidth: 0,
-        };
-        _this.refObjects = [];
-        return _this;
-    }
-    TabSwitcher.prototype.componentDidMount = function () {
-        var _this = this;
-        // Give some render time to children to set their width correctly
-        setTimeout(function () { return _this.calculateIndicatorPosition(); }, 10);
-    };
-    TabSwitcher.prototype.componentDidUpdate = function (prevProps) {
-        if ((0,Utils/* deepEqual */.vZ)(prevProps, this.props)) {
-            return;
-        }
-        this.calculateIndicatorPosition();
-    };
-    TabSwitcher.prototype.calculateIndicatorPosition = function () {
-        var _this = this;
-        external_react_default().Children.forEach(this.props.children, function (element, index) {
-            var _a;
-            if ((element === null || element === void 0 ? void 0 : element.type) !== TabSwitcherChoice) {
-                return;
-            }
-            if (element.props.isActive === false) {
-                return;
-            }
-            var activeTab = (_a = _this.refObjects[index]) === null || _a === void 0 ? void 0 : _a.current;
-            if (activeTab == null) {
-                return;
-            }
-            _this.setState({ indicatorLeft: activeTab.offsetLeft, indicatorWidth: activeTab.offsetWidth });
-        });
-    };
-    TabSwitcher.prototype.renderIndicator = function () {
-        var style = {
-            transform: "translate(".concat(this.state.indicatorLeft, "px, 0)"),
-            width: this.state.indicatorWidth,
-        };
-        return external_react_default().createElement("span", { className: 'indicator', style: style });
-    };
-    TabSwitcher.prototype.renderChildren = function () {
-        var _this = this;
-        var ret = [];
-        external_react_default().Children.forEach(this.props.children, function (element, index) {
-            if (_this.refObjects[index] == null) {
-                _this.refObjects[index] = external_react_default().createRef();
-            }
-            if ((element === null || element === void 0 ? void 0 : element.type) === TabSwitcherChoice) {
-                ret.push(external_react_default().createElement("span", { ref: _this.refObjects[index], key: index }, element));
-            }
-        });
-        return ret;
-    };
-    TabSwitcher.prototype.renderTabSwitcherRest = function () {
-        if (!this.props.fullWidth) {
-            return null;
-        }
-        return external_react_default().createElement("span", { className: 'tab-switcher-rest' });
-    };
-    TabSwitcher.prototype.render = function () {
-        var className = external_classnames_default()('tab-switcher-container', this.props.className, {
-            'w-100': this.props.fullWidth,
-        });
-        return (external_react_default().createElement((ButtonGroup_default()), { style: { position: 'relative' }, className: className },
-            this.renderIndicator(),
-            this.renderChildren(),
-            this.renderTabSwitcherRest()));
-    };
-    TabSwitcher.displayName = 'TabSwitcher';
-    TabSwitcher.Choice = TabSwitcherChoice;
-    TabSwitcher.defaultProps = {
-        fullWidth: false,
-    };
-    return TabSwitcher;
-}((external_react_default()).PureComponent));
-
-
-
-/***/ }),
-
-/***/ 7154:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "TabSwitcher": () => (/* reexport safe */ _TabSwitcher__WEBPACK_IMPORTED_MODULE_0__.r)
-/* harmony export */ });
-/* harmony import */ var _TabSwitcher__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(994);
-
-
-
-/***/ }),
-
-/***/ 38:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "D": () => (/* binding */ Title)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8156);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5692);
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8310);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __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)));
-
-
-
-/***/ }),
-
-/***/ 3932:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Title": () => (/* reexport safe */ _Title__WEBPACK_IMPORTED_MODULE_0__.D)
-/* harmony export */ });
-/* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38);
-
-
-
-/***/ }),
-
-/***/ 4915:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "vZ": () => (/* binding */ deepEqual)
-/* harmony export */ });
-/* unused harmony exports findChildrenByComponent, findChildByComponent, hasChildIconOrCheckboxComponent, scrollToTop, zip, sortObjDesc, clone, getDebouncer, 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__(8352);
-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.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);
-}
-
-
-/***/ }),
-
-/***/ 5692:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
-
-/***/ }),
-
-/***/ 8310:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
-
-/***/ }),
-
-/***/ 8156:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
-
-/***/ }),
-
-/***/ 6997:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__6997__;
-
-/***/ }),
-
-/***/ 5901:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5901__;
-
-/***/ }),
-
-/***/ 8721:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8721__;
-
-/***/ }),
-
-/***/ 1082:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1082__;
-
-/***/ }),
-
-/***/ 8763:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8763__;
-
-/***/ }),
-
-/***/ 4329:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* binding */ _typeof)
-/* harmony export */ });
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/chunk loaded */
-/******/ 	(() => {
-/******/ 		var deferred = [];
-/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
-/******/ 			if(chunkIds) {
-/******/ 				priority = priority || 0;
-/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
-/******/ 				deferred[i] = [chunkIds, fn, priority];
-/******/ 				return;
-/******/ 			}
-/******/ 			var notFulfilled = Infinity;
-/******/ 			for (var i = 0; i < deferred.length; i++) {
-/******/ 				var [chunkIds, fn, priority] = deferred[i];
-/******/ 				var fulfilled = true;
-/******/ 				for (var j = 0; j < chunkIds.length; j++) {
-/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
-/******/ 						chunkIds.splice(j--, 1);
-/******/ 					} else {
-/******/ 						fulfilled = false;
-/******/ 						if(priority < notFulfilled) notFulfilled = priority;
-/******/ 					}
-/******/ 				}
-/******/ 				if(fulfilled) {
-/******/ 					deferred.splice(i--, 1)
-/******/ 					var r = fn();
-/******/ 					if (r !== undefined) result = r;
-/******/ 				}
-/******/ 			}
-/******/ 			return result;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			2197: 0,
-/******/ 			54: 0,
-/******/ 			7564: 0,
-/******/ 			5785: 0
-/******/ 		};
-/******/ 		
-/******/ 		// no chunk on demand loading
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
-/******/ 		
-/******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var [chunkIds, moreModules, runtime] = data;
-/******/ 			// add "moreModules" to the modules object,
-/******/ 			// then flag all "chunkIds" as loaded and fire callback
-/******/ 			var moduleId, chunkId, i = 0;
-/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
-/******/ 				for(moduleId in moreModules) {
-/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ 					}
-/******/ 				}
-/******/ 				if(runtime) var result = runtime(__webpack_require__);
-/******/ 			}
-/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ 			for(;i < chunkIds.length; i++) {
-/******/ 				chunkId = chunkIds[i];
-/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ 					installedChunks[chunkId][0]();
-/******/ 				}
-/******/ 				installedChunks[chunkIds[i]] = 0;
-/******/ 			}
-/******/ 			return __webpack_require__.O(result);
-/******/ 		}
-/******/ 		
-/******/ 		var chunkLoadingGlobal = self["webpackChunkatoka_design_system"] = self["webpackChunkatoka_design_system"] || [];
-/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
-/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, [5785], () => (__webpack_require__(7154)))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Badge"),require("react-bootstrap/ButtonGroup"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Badge","react-bootstrap/ButtonGroup","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Badge"),require("react-bootstrap/ButtonGroup"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Badge"],e["react-bootstrap/ButtonGroup"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"])}(self,(function(e,t,r,o,n,a,i,c){return(()=>{"use strict";var l,s={6627:(e,t,r)=>{r.d(t,{MR:()=>a});var o=r(4329);function n(e){return n="function"==typeof Symbol&&"symbol"===(0,o.Z)(Symbol.iterator)?function(e){return(0,o.Z)(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":(0,o.Z)(e)},n(e)}function a(e,t,r){var o=r.value;if("function"!=typeof o)throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(n(o)));var a=!1;return{configurable:!0,get:function(){if(a||this===e.prototype||this.hasOwnProperty(t)||"function"!=typeof o)return o;var r=o.bind(this);return a=!0,Object.defineProperty(this,t,{configurable:!0,get:function(){return r},set:function(e){o=e,delete this[t]}}),a=!1,r},set:function(e){o=e}}}},595:(e,t,r)=>{r.d(t,{Badge:()=>u});var o=r(8156),n=r.n(o),a=r(8310),i=r.n(a),c=r(6997),l=r.n(c),s=r(5692),p=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},u=n().memo((function(e){var t=e.size,r=void 0===t?"sm":t,o=p(e,["size"]),a=i()(null==o?void 0:o.className,"atoka-badge","variant-".concat(o.variant,"-").concat(o.color),r),c=i()({"mr-2":null!=o.children}),u=null==o.icon?null:n().createElement(s.FontAwesomeIcon,{icon:o.icon,className:c});return n().createElement(l(),{className:a},u,o.children)}));u.displayName="Badge"},8352:(e,t,r)=>{var o=r(8156),n=r.n(o),a=r(8310),i=r.n(a),c=r(8721),l=r.n(c),s=n().memo((function(e){var t=i()(null==e?void 0:e.className,"atoka-form-label");return n().createElement(l().Label,{className:t},e.children)}));s.displayName="FormLabel";var p=r(2048),u=function(){return u=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},u.apply(this,arguments)},f=function(e){var t,r=i()("atoka-form-checkbox",null==e?void 0:e.className);return n().createElement(l().Check,u({type:"checkbox"},e,{custom:!0,className:r,label:null!==(t=e.label)&&void 0!==t?t:""}))};f.displayName="FormCheckbox";var d=function(){return d=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},d.apply(this,arguments)},y=function(e){var t,r=i()(null==e?void 0:e.className,"atoka-form-radio");return n().createElement(l().Check,d({type:"radio"},e,{custom:!0,className:r,label:null!==(t=e.label)&&void 0!==t?t:""}))};y.displayName="FormRadio";var m=r(8763),h=r.n(m),b=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},v=n().memo((function(e){var t=e.children,r=b(e,["children"]),o=i()("d-block",null==r?void 0:r.className);return n().createElement(h(),{bsPrefix:"atoka-form-help",className:o},t)}));v.displayName="FormHelp";var O=function(){return O=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},O.apply(this,arguments)},w=function(e){var t=i()(null==e?void 0:e.className,"atoka-form");return n().createElement(l(),O({},e,{className:t}),e.children)};w.displayName="Form",w.Control=p.N,w.Label=s,w.Checkbox=f,w.Radio=y,w.File=l().File,w.Switch=l().Switch,w.Help=v,w.Group=l().Group},2048:(e,t,r)=>{r.d(t,{N:()=>d});var o=r(8156),n=r.n(o),a=r(8310),i=r.n(a),c=r(1082),l=r.n(c),s=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},p=n().memo((function(e){var t=e.show,r=void 0===t||t,o=s(e,["show"]),a=i()(null==o?void 0:o.className,"atoka-form-control-feedback",{"d-block":r});return n().createElement(l().Feedback,{type:o.type,className:a},o.children)}));p.displayName=" FormControlFeedBack";var u=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},f=n().forwardRef((function(e,t){var r=e.size,o=void 0===r?"md":r,a=u(e,["size"]),c=i()("atoka-form-control",null==a?void 0:a.className,{"atoka-shadow":a.withShadow,disabled:a.disabled});return n().createElement(l(),{as:a.as,rows:a.rows,cols:a.cols,placeholder:a.placeholder,className:c,disabled:a.disabled,readOnly:a.readOnly,value:a.value,onChange:a.onChange,onKeyPress:a.onKeyPress,onKeyDown:a.onKeyDown,defaultValue:a.defaultValue,size:"md"===o?void 0:o,type:a.type,id:a.id,isValid:a.isValid,isInvalid:a.isInvalid,ref:t,autoComplete:"off"},a.children)}));f.displayName="FormControlComponent";var d=f;d.FeedBack=p,d.displayName="FormControl"},994:(e,t,r)=>{r.d(t,{r:()=>O});var o,n=r(8156),a=r.n(n),i=r(8310),c=r.n(i),l=r(5901),s=r.n(l),p=r(4915),u=r(6627),f=r(595),d=r(3932),y=(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),m=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i},h=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},b=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={width:null},t.containerRef=a().createRef(),t}var r;return y(t,e),t.prototype.componentDidMount=function(){null!=this.containerRef.current&&this.setState({width:this.containerRef.current.getBoundingClientRect().width+48})},t.prototype.renderTitle=function(){var e=this.props.isActive?"blue300":"gray300";return null==this.props.value?this.props.title:a().createElement(a().Fragment,null,this.props.title," ",a().createElement(f.Badge,{variant:"primary",color:e,className:"ml-2"},this.props.value))},t.prototype.render=function(){var e=c()({active:!0===this.props.isActive,"tab-switcher-choice":!0}),t=null==this.state.width?{}:{width:this.state.width};return a().createElement("div",{className:e,onClick:this.props.onClick,ref:this.containerRef,style:t},a().createElement(d.Title,{size:"xs",icon:this.props.icon,style:{paddingLeft:0,paddingRight:0}},this.renderTitle()))},t.displayName="TabSwitcherChoice",m([u.MR,h("design:type",Function),h("design:paramtypes",[]),h("design:returntype","function"==typeof(r=void 0!==a()&&a().ReactNode)?r:Object)],t.prototype,"renderTitle",null),t}(a().PureComponent),v=function(){var e=function(t,r){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},e(t,r)};return function(t,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function o(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(o.prototype=r.prototype,new o)}}(),O=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={indicatorLeft:0,indicatorWidth:0},t.refObjects=[],t}return v(t,e),t.prototype.componentDidMount=function(){var e=this;setTimeout((function(){return e.calculateIndicatorPosition()}),10)},t.prototype.componentDidUpdate=function(e){(0,p.vZ)(e,this.props)||this.calculateIndicatorPosition()},t.prototype.calculateIndicatorPosition=function(){var e=this;a().Children.forEach(this.props.children,(function(t,r){var o;if((null==t?void 0:t.type)===b&&!1!==t.props.isActive){var n=null===(o=e.refObjects[r])||void 0===o?void 0:o.current;null!=n&&e.setState({indicatorLeft:n.offsetLeft,indicatorWidth:n.offsetWidth})}}))},t.prototype.renderIndicator=function(){var e={transform:"translate(".concat(this.state.indicatorLeft,"px, 0)"),width:this.state.indicatorWidth};return a().createElement("span",{className:"indicator",style:e})},t.prototype.renderChildren=function(){var e=this,t=[];return a().Children.forEach(this.props.children,(function(r,o){null==e.refObjects[o]&&(e.refObjects[o]=a().createRef()),(null==r?void 0:r.type)===b&&t.push(a().createElement("span",{ref:e.refObjects[o],key:o},r))})),t},t.prototype.renderTabSwitcherRest=function(){return this.props.fullWidth?a().createElement("span",{className:"tab-switcher-rest"}):null},t.prototype.render=function(){var e=c()("tab-switcher-container",this.props.className,{"w-100":this.props.fullWidth});return a().createElement(s(),{style:{position:"relative"},className:e},this.renderIndicator(),this.renderChildren(),this.renderTabSwitcherRest())},t.displayName="TabSwitcher",t.Choice=b,t.defaultProps={fullWidth:!1},t}(a().PureComponent)},7154:(e,t,r)=>{r.r(t),r.d(t,{TabSwitcher:()=>o.r});var o=r(994)},38:(e,t,r)=>{r.d(t,{D:()=>u});var o,n=r(8156),a=r.n(n),i=r(5692),c=r(8310),l=r.n(c),s=(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),p=function(){return p=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},p.apply(this,arguments)},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.renderIcon=function(){if(null==this.props.icon)return null;var e=l()({"mr-2":""!==this.props.children&&null!=this.props.children});return a().createElement(i.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})},t.prototype.renderContent=function(){return a().createElement(a().Fragment,null,this.renderIcon(),this.props.children)},t.prototype.render=function(){var e={className:this.props.className,style:this.props.style};switch(this.props.size){case"xs":return a().createElement("h6",p({},e),this.renderContent());case"sm":return a().createElement("h5",p({},e),this.renderContent());case"md":return a().createElement("h4",p({},e),this.renderContent());case"lg":return a().createElement("h3",p({},e),this.renderContent());case"xl":return a().createElement("h2",p({},e),this.renderContent());default:return a().createElement("h1",p({},e),this.renderContent())}},t.displayName="Title",t.defaultProps={size:"xxl"},t}(a().PureComponent)},3932:(e,t,r)=>{r.d(t,{Title:()=>o.D});var o=r(38)},4915:(e,t,r)=>{r.d(t,{vZ:()=>n});r(5692),r(8156),r(8352);function o(e){return"object"==typeof e&&null!=e}function n(e,t){if(e===t)return!0;if(o(e)&&o(t)){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var r in e)if(!n(e[r],t[r]))return!1;return!0}return!1}},5692:t=>{t.exports=e},8310:e=>{e.exports=t},8156:e=>{e.exports=r},6997:e=>{e.exports=o},5901:e=>{e.exports=n},8721:e=>{e.exports=a},1082:e=>{e.exports=i},8763:e=>{e.exports=c},4329:(e,t,r)=>{function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}r.d(t,{Z:()=>o})}},p={};function u(e){var t=p[e];if(void 0!==t)return t.exports;var r=p[e]={exports:{}};return s[e](r,r.exports,u),r.exports}u.m=s,l=[],u.O=(e,t,r,o)=>{if(!t){var n=1/0;for(s=0;s<l.length;s++){for(var[t,r,o]=l[s],a=!0,i=0;i<t.length;i++)(!1&o||n>=o)&&Object.keys(u.O).every((e=>u.O[e](t[i])))?t.splice(i--,1):(a=!1,o<n&&(n=o));if(a){l.splice(s--,1);var c=r();void 0!==c&&(e=c)}}return e}o=o||0;for(var s=l.length;s>0&&l[s-1][2]>o;s--)l[s]=l[s-1];l[s]=[t,r,o]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2197:0,54:0,7564:0,8699:0};u.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[a,i,c]=r,l=0;if(a.some((t=>0!==e[t]))){for(o in i)u.o(i,o)&&(u.m[o]=i[o]);if(c)var s=c(u)}for(t&&t(r);l<a.length;l++)n=a[l],u.o(e,n)&&e[n]&&e[n][0](),e[a[l]]=0;return u.O(s)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var f=u.O(void 0,[8699],(()=>u(7154)));return f=u.O(f)})()}));