@spaziodati/atoka-design-system 2.1.6 → 2.1.7

package/EditableString/index.js

@@ -1,3238 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@fortawesome/pro-light-svg-icons/faCheck"), require("@fortawesome/pro-light-svg-icons/faPencil"), require("@fortawesome/pro-light-svg-icons/faTimes"), 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/Collapse"), require("react-bootstrap/Dropdown"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/Row"), require("react-dom"));
-	else if(typeof define === 'function' && define.amd)
-		define("atoka-design-system", ["@fortawesome/pro-light-svg-icons/faCheck", "@fortawesome/pro-light-svg-icons/faPencil", "@fortawesome/pro-light-svg-icons/faTimes", "@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/Collapse", "react-bootstrap/Dropdown", "react-bootstrap/Form", "react-bootstrap/FormControl", "react-bootstrap/FormText", "react-bootstrap/Row", "react-dom"], factory);
-	else if(typeof exports === 'object')
-		exports["atoka-design-system"] = factory(require("@fortawesome/pro-light-svg-icons/faCheck"), require("@fortawesome/pro-light-svg-icons/faPencil"), require("@fortawesome/pro-light-svg-icons/faTimes"), 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/Collapse"), require("react-bootstrap/Dropdown"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/Row"), require("react-dom"));
-	else
-		root["atoka-design-system"] = factory(root["@fortawesome/pro-light-svg-icons/faCheck"], root["@fortawesome/pro-light-svg-icons/faPencil"], root["@fortawesome/pro-light-svg-icons/faTimes"], 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/Collapse"], root["react-bootstrap/Dropdown"], root["react-bootstrap/Form"], root["react-bootstrap/FormControl"], root["react-bootstrap/FormText"], root["react-bootstrap/Row"], root["react-dom"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__4600__, __WEBPACK_EXTERNAL_MODULE__6466__, __WEBPACK_EXTERNAL_MODULE__6988__, __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__4440__, __WEBPACK_EXTERNAL_MODULE__4976__, __WEBPACK_EXTERNAL_MODULE__8721__, __WEBPACK_EXTERNAL_MODULE__1082__, __WEBPACK_EXTERNAL_MODULE__8763__, __WEBPACK_EXTERNAL_MODULE__3915__, __WEBPACK_EXTERNAL_MODULE__7111__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 6627:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* 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);
-}
-
-/***/ }),
-
-/***/ 9114:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// 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);
-;// CONCATENATED MODULE: ./node_modules/dom-helpers/esm/hasClass.js
-/**
- * Checks if a given element has a CSS class.
- * 
- * @param element the element
- * @param className the CSS class name
- */
-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
-
-/**
- * Adds a CSS class to a given element.
- * 
- * @param element the element
- * @param className the CSS class name
- */
-
-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, '');
-}
-/**
- * Removes a CSS class from a given element.
- * 
- * @param element the element
- * @param className the CSS class name
- */
-
-
-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: ./node_modules/react-transition-group/esm/Transition.js + 1 modules
-var Transition = __webpack_require__(6113);
-;// 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 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(Transition/* default */.ZP, (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);
-
-/***/ }),
-
-/***/ 6113:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "ZP": () => (/* binding */ esm_Transition)
-});
-
-// UNUSED EXPORTS: ENTERED, ENTERING, EXITED, EXITING, UNMOUNTED
-
-// 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: 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);
-
-/***/ }),
-
-/***/ 3493:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* 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));
-
-/***/ }),
-
-/***/ 4397:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "z": () => (/* binding */ Button)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8156);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8310);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8926);
-/* harmony import */ var react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5692);
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__);
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (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 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-".concat(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)));
-
-
-
-/***/ }),
-
-/***/ 7325:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Button": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.z)
-/* harmony export */ });
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4397);
-// use the star because of this issue: https://github.com/babel/babel-loader/issues/603
-
-
-
-/***/ }),
-
-/***/ 5111:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "AtokaCustomDropdownToggleWithChevron": () => (/* reexport */ AtokaCustomDropdownToggleWithChevron),
-  "Dropdown": () => (/* reexport */ Dropdown)
-});
-
-// UNUSED EXPORTS: AtokaCustomDropdownToggle, 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 (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 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__(7325);
-;// 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 (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);
-};
-
-
-
-
-
-
-
-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
-
-
-
-
-
-/***/ }),
-
-/***/ 4549:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "EditableString": () => (/* reexport */ EditableString)
-});
-
-// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
-var esm = __webpack_require__(6627);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/CSSTransition.js + 3 modules
-var CSSTransition = __webpack_require__(9114);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-var objectWithoutPropertiesLoose = __webpack_require__(7038);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
-var esm_extends = __webpack_require__(32);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
-var assertThisInitialized = __webpack_require__(3103);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js + 1 modules
-var inheritsLoose = __webpack_require__(7581);
-// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/TransitionGroupContext.js
-var TransitionGroupContext = __webpack_require__(3493);
-;// CONCATENATED MODULE: ./node_modules/react-transition-group/esm/utils/ChildMapping.js
-
-/**
- * Given `this.props.children`, return an object mapping key to child.
- *
- * @param {*} children `this.props.children`
- * @return {object} Mapping of key to child
- */
-
-function getChildMapping(children, mapFn) {
-  var mapper = function mapper(child) {
-    return mapFn && (0,external_react_.isValidElement)(child) ? mapFn(child) : child;
-  };
-
-  var result = Object.create(null);
-  if (children) external_react_.Children.map(children, function (c) {
-    return c;
-  }).forEach(function (child) {
-    // run the map function here instead so that the key is the computed one
-    result[child.key] = mapper(child);
-  });
-  return result;
-}
-/**
- * When you're adding or removing children some may be added or removed in the
- * same render pass. We want to show *both* since we want to simultaneously
- * animate elements in and out. This function takes a previous set of keys
- * and a new set of keys and merges them with its best guess of the correct
- * ordering. In the future we may expose some of the utilities in
- * ReactMultiChild to make this easy, but for now React itself does not
- * directly have this concept of the union of prevChildren and nextChildren
- * so we implement it here.
- *
- * @param {object} prev prev children as returned from
- * `ReactTransitionChildMapping.getChildMapping()`.
- * @param {object} next next children as returned from
- * `ReactTransitionChildMapping.getChildMapping()`.
- * @return {object} a key set that contains all keys in `prev` and all keys
- * in `next` in a reasonable order.
- */
-
-function mergeChildMappings(prev, next) {
-  prev = prev || {};
-  next = next || {};
-
-  function getValueForKey(key) {
-    return key in next ? next[key] : prev[key];
-  } // For each key of `next`, the list of keys to insert before that key in
-  // the combined list
-
-
-  var nextKeysPending = Object.create(null);
-  var pendingKeys = [];
-
-  for (var prevKey in prev) {
-    if (prevKey in next) {
-      if (pendingKeys.length) {
-        nextKeysPending[prevKey] = pendingKeys;
-        pendingKeys = [];
-      }
-    } else {
-      pendingKeys.push(prevKey);
-    }
-  }
-
-  var i;
-  var childMapping = {};
-
-  for (var nextKey in next) {
-    if (nextKeysPending[nextKey]) {
-      for (i = 0; i < nextKeysPending[nextKey].length; i++) {
-        var pendingNextKey = nextKeysPending[nextKey][i];
-        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);
-      }
-    }
-
-    childMapping[nextKey] = getValueForKey(nextKey);
-  } // Finally, add the keys which didn't appear before any key in `next`
-
-
-  for (i = 0; i < pendingKeys.length; i++) {
-    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);
-  }
-
-  return childMapping;
-}
-
-function getProp(child, prop, props) {
-  return props[prop] != null ? props[prop] : child.props[prop];
-}
-
-function getInitialChildMapping(props, onExited) {
-  return getChildMapping(props.children, function (child) {
-    return (0,external_react_.cloneElement)(child, {
-      onExited: onExited.bind(null, child),
-      "in": true,
-      appear: getProp(child, 'appear', props),
-      enter: getProp(child, 'enter', props),
-      exit: getProp(child, 'exit', props)
-    });
-  });
-}
-function getNextChildMapping(nextProps, prevChildMapping, onExited) {
-  var nextChildMapping = getChildMapping(nextProps.children);
-  var children = mergeChildMappings(prevChildMapping, nextChildMapping);
-  Object.keys(children).forEach(function (key) {
-    var child = children[key];
-    if (!(0,external_react_.isValidElement)(child)) return;
-    var hasPrev = (key in prevChildMapping);
-    var hasNext = (key in nextChildMapping);
-    var prevChild = prevChildMapping[key];
-    var isLeaving = (0,external_react_.isValidElement)(prevChild) && !prevChild.props["in"]; // item is new (entering)
-
-    if (hasNext && (!hasPrev || isLeaving)) {
-      // console.log('entering', key)
-      children[key] = (0,external_react_.cloneElement)(child, {
-        onExited: onExited.bind(null, child),
-        "in": true,
-        exit: getProp(child, 'exit', nextProps),
-        enter: getProp(child, 'enter', nextProps)
-      });
-    } else if (!hasNext && hasPrev && !isLeaving) {
-      // item is old (exiting)
-      // console.log('leaving', key)
-      children[key] = (0,external_react_.cloneElement)(child, {
-        "in": false
-      });
-    } else if (hasNext && hasPrev && (0,external_react_.isValidElement)(prevChild)) {
-      // item hasn't changed transition states
-      // copy over the last transition props;
-      // console.log('unchanged', key)
-      children[key] = (0,external_react_.cloneElement)(child, {
-        onExited: onExited.bind(null, child),
-        "in": prevChild.props["in"],
-        exit: getProp(child, 'exit', nextProps),
-        enter: getProp(child, 'enter', nextProps)
-      });
-    }
-  });
-  return children;
-}
-;// CONCATENATED MODULE: ./node_modules/react-transition-group/esm/TransitionGroup.js
-
-
-
-
-
-
-
-
-
-var values = Object.values || function (obj) {
-  return Object.keys(obj).map(function (k) {
-    return obj[k];
-  });
-};
-
-var defaultProps = {
-  component: 'div',
-  childFactory: function childFactory(child) {
-    return child;
-  }
-};
-/**
- * The `<TransitionGroup>` component manages a set of transition components
- * (`<Transition>` and `<CSSTransition>`) in a list. Like with the transition
- * components, `<TransitionGroup>` is a state machine for managing the mounting
- * and unmounting of components over time.
- *
- * Consider the example below. As items are removed or added to the TodoList the
- * `in` prop is toggled automatically by the `<TransitionGroup>`.
- *
- * Note that `<TransitionGroup>`  does not define any animation behavior!
- * Exactly _how_ a list item animates is up to the individual transition
- * component. This means you can mix and match animations across different list
- * items.
- */
-
-var TransitionGroup = /*#__PURE__*/function (_React$Component) {
-  (0,inheritsLoose/* default */.Z)(TransitionGroup, _React$Component);
-
-  function TransitionGroup(props, context) {
-    var _this;
-
-    _this = _React$Component.call(this, props, context) || this;
-
-    var handleExited = _this.handleExited.bind((0,assertThisInitialized/* default */.Z)(_this)); // Initial children should all be entering, dependent on appear
-
-
-    _this.state = {
-      contextValue: {
-        isMounting: true
-      },
-      handleExited: handleExited,
-      firstRender: true
-    };
-    return _this;
-  }
-
-  var _proto = TransitionGroup.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.mounted = true;
-    this.setState({
-      contextValue: {
-        isMounting: false
-      }
-    });
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.mounted = false;
-  };
-
-  TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {
-    var prevChildMapping = _ref.children,
-        handleExited = _ref.handleExited,
-        firstRender = _ref.firstRender;
-    return {
-      children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),
-      firstRender: false
-    };
-  } // node is `undefined` when user provided `nodeRef` prop
-  ;
-
-  _proto.handleExited = function handleExited(child, node) {
-    var currentChildMapping = getChildMapping(this.props.children);
-    if (child.key in currentChildMapping) return;
-
-    if (child.props.onExited) {
-      child.props.onExited(node);
-    }
-
-    if (this.mounted) {
-      this.setState(function (state) {
-        var children = (0,esm_extends/* default */.Z)({}, state.children);
-
-        delete children[child.key];
-        return {
-          children: children
-        };
-      });
-    }
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        Component = _this$props.component,
-        childFactory = _this$props.childFactory,
-        props = (0,objectWithoutPropertiesLoose/* default */.Z)(_this$props, ["component", "childFactory"]);
-
-    var contextValue = this.state.contextValue;
-    var children = values(this.state.children).map(childFactory);
-    delete props.appear;
-    delete props.enter;
-    delete props.exit;
-
-    if (Component === null) {
-      return /*#__PURE__*/external_react_default().createElement(TransitionGroupContext/* default.Provider */.Z.Provider, {
-        value: contextValue
-      }, children);
-    }
-
-    return /*#__PURE__*/external_react_default().createElement(TransitionGroupContext/* default.Provider */.Z.Provider, {
-      value: contextValue
-    }, /*#__PURE__*/external_react_default().createElement(Component, props, children));
-  };
-
-  return TransitionGroup;
-}((external_react_default()).Component);
-
-TransitionGroup.propTypes =  false ? 0 : {};
-TransitionGroup.defaultProps = defaultProps;
-/* harmony default export */ const esm_TransitionGroup = (TransitionGroup);
-// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faPencil"
-var faPencil_ = __webpack_require__(6466);
-// EXTERNAL MODULE: ./src/components/InlineStringEditor/InlineStringEditor.tsx
-var InlineStringEditor = __webpack_require__(2599);
-// EXTERNAL MODULE: ./src/components/Button/index.ts
-var Button = __webpack_require__(7325);
-;// CONCATENATED MODULE: ./src/components/EditableString/EditableString.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);
-};
-
-
-
-
-
-
-
-
-/**
- * ### Overview
- *
- * This component is used in Atoka to edit an item directly.
- */
-var EditableString = /** @class */ (function (_super) {
-    __extends(EditableString, _super);
-    function EditableString() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            isEditing: false,
-            currentValue: _this.props.value,
-        };
-        return _this;
-    }
-    EditableString.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.value !== this.props.value) {
-            this.setState({ currentValue: this.props.value });
-        }
-    };
-    EditableString.prototype.handleClick = function () {
-        if (this.state.isEditing) {
-            return;
-        }
-        this.setState({ isEditing: true });
-    };
-    EditableString.prototype.handleCancel = function () {
-        // On cancel we could reset currentValue and set it back from props.. is it a good idea?
-        this.setState({ isEditing: false });
-        if (this.props.onCancel != null) {
-            this.props.onCancel();
-        }
-    };
-    EditableString.prototype.handleSave = function (newValue) {
-        var _this = this;
-        if (!this.state.isEditing) {
-            return;
-        }
-        this.props.onSave(newValue);
-        // Dirty tricks are dirty: allow some time for eventual store update and rerender, to avoid flickering
-        setTimeout(function () { return _this.setState({ isEditing: false }); }, 10);
-    };
-    EditableString.prototype.handleChange = function (newValue) {
-        if (this.props.onChange != null) {
-            this.props.onChange(newValue);
-            return;
-        }
-        this.setState({ currentValue: newValue });
-    };
-    EditableString.prototype.renderEditingContent = function () {
-        return (external_react_default().createElement(CSSTransition/* default */.Z, { classNames: 'editable-string', timeout: { enter: 400, exit: 400 }, key: 'editing' },
-            external_react_default().createElement("div", { className: 'editable-string-editing w-100' },
-                external_react_default().createElement(InlineStringEditor/* InlineStringEditor */.M, { value: this.state.currentValue, onCancel: this.handleCancel, onSave: this.handleSave, onChange: this.handleChange, useIcons: this.props.useIcons, minLength: this.props.minLength, maxLength: this.props.maxLength, getIsSaveDisabled: this.props.getIsSaveDisabled, options: this.props.options, inputType: this.props.inputType, getError: this.props.getError, help: this.props.help }))));
-    };
-    EditableString.prototype.renderShownValue = function () {
-        var _a = this.props, value = _a.value, shownValue = _a.shownValue;
-        if (shownValue != null) {
-            return shownValue;
-        }
-        if (value == null) {
-            return null;
-        }
-        if (typeof value === 'string') {
-            return value;
-        }
-        return value.label;
-    };
-    EditableString.prototype.renderContent = function () {
-        if (this.state.isEditing) {
-            return this.renderEditingContent();
-        }
-        return (external_react_default().createElement(CSSTransition/* default */.Z, { classNames: 'editable-string', timeout: { enter: 400, exit: 400 }, key: 'viewing' },
-            external_react_default().createElement("div", { className: 'editable-string-viewing w-100', onClick: this.handleClick },
-                this.renderShownValue(),
-                external_react_default().createElement(Button.Button, { icon: faPencil_.faPencil, className: 'edit-icon', variant: 'tertiary' }))));
-    };
-    EditableString.prototype.render = function () {
-        var className = external_classnames_default()(this.props.className, 'editable-string-container');
-        return external_react_default().createElement(esm_TransitionGroup, { className: className }, this.renderContent());
-    };
-    EditableString.displayName = 'EditableString';
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], EditableString.prototype, "handleClick", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], EditableString.prototype, "handleCancel", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", void 0)
-    ], EditableString.prototype, "handleSave", null);
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", void 0)
-    ], EditableString.prototype, "handleChange", null);
-    return EditableString;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/EditableString/index.ts
-// use the star because of this issue: https://github.com/babel/babel-loader/issues/603
-
-
-
-/***/ }),
-
-/***/ 8352:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "l": () => (/* binding */ 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';
-
-
-
-/***/ }),
-
-/***/ 1862:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Form": () => (/* reexport safe */ _Form__WEBPACK_IMPORTED_MODULE_0__.l)
-/* harmony export */ });
-/* harmony import */ var _Form__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8352);
-
-
-
-/***/ }),
-
-/***/ 2599:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "M": () => (/* binding */ InlineStringEditor)
-/* harmony export */ });
-/* harmony import */ var autobind_decorator__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(6627);
-/* 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 react_bootstrap_Col__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5315);
-/* harmony import */ var react_bootstrap_Col__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_Col__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_bootstrap_Row__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3915);
-/* harmony import */ var react_bootstrap_Row__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_Row__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_bootstrap_Collapse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4440);
-/* harmony import */ var react_bootstrap_Collapse__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_Collapse__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8310);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _fortawesome_pro_light_svg_icons_faTimes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6988);
-/* harmony import */ var _fortawesome_pro_light_svg_icons_faTimes__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_pro_light_svg_icons_faTimes__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _fortawesome_pro_light_svg_icons_faCheck__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4600);
-/* harmony import */ var _fortawesome_pro_light_svg_icons_faCheck__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_pro_light_svg_icons_faCheck__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7325);
-/* harmony import */ var _Form_FormControl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2048);
-/* harmony import */ var _SelectDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(188);
-/* harmony import */ var _Form__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1862);
-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 __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 __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.");
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * ### Overview
- *
- * This component is used in Atoka to create or rename an item directly.
- */
-var InlineStringEditor = /** @class */ (function (_super) {
-    __extends(InlineStringEditor, _super);
-    function InlineStringEditor() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.inputRef = react__WEBPACK_IMPORTED_MODULE_0___default().createRef();
-        _this.state = {
-            currentValue: _this.props.value,
-        };
-        return _this;
-    }
-    InlineStringEditor.prototype.componentDidMount = 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();
-    };
-    InlineStringEditor.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.value !== this.props.value) {
-            this.setState({ currentValue: this.props.value });
-        }
-    };
-    InlineStringEditor.prototype.handleKeyDown = function (e) {
-        if (e.key === 'Escape' || e.key === 'Esc') {
-            this.handleCancel();
-        }
-        if (e.key === 'Enter') {
-            e.stopPropagation();
-            this.handleSave();
-        }
-    };
-    InlineStringEditor.prototype.handleCancel = function () {
-        this.setState({ currentValue: this.props.value });
-        this.props.onCancel();
-    };
-    InlineStringEditor.prototype.handleSave = function () {
-        if (this.isSaveDisabled()) {
-            return;
-        }
-        this.props.onSave(this.state.currentValue);
-    };
-    InlineStringEditor.prototype.handleTextChange = function (e) {
-        var _a, _b;
-        var text = e.target.value;
-        // maxLength is in defaultProps
-        var maxLength = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.maxLength) !== null && _b !== void 0 ? _b : 0;
-        if (text.length <= maxLength) {
-            if (this.props.onChange != null) {
-                this.props.onChange(text);
-            }
-            this.setState({ currentValue: text });
-        }
-    };
-    InlineStringEditor.prototype.handleOptionChange = function (id) {
-        var e_1, _a;
-        var _b;
-        // If handleOptionChange is called, we are using the select hence we have options
-        var options = (_b = this.props.options) !== null && _b !== void 0 ? _b : [];
-        try {
-            for (var options_1 = __values(options), options_1_1 = options_1.next(); !options_1_1.done; options_1_1 = options_1.next()) {
-                var option = options_1_1.value;
-                if (String(option.value) === String(id)) {
-                    if (this.props.onChange != null) {
-                        this.props.onChange(option);
-                    }
-                    this.setState({ currentValue: option });
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (options_1_1 && !options_1_1.done && (_a = options_1.return)) _a.call(options_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-    };
-    InlineStringEditor.prototype.isSaveDisabled = function () {
-        if (this.props.getIsSaveDisabled != null) {
-            return this.props.getIsSaveDisabled(this.state.currentValue);
-        }
-        if (this.props.getError != null && this.props.getError(this.state.currentValue) != null) {
-            return true;
-        }
-        // If there's not an onChange, props.text did not change, but state.text did
-        if (this.props.onChange == null && this.state.currentValue === this.props.value) {
-            return true;
-        }
-        if (typeof this.state.currentValue === 'string') {
-            // maxLength is in defaultProps
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            return this.state.currentValue.length < this.props.minLength;
-        }
-        return false;
-    };
-    InlineStringEditor.prototype.renderHelp = function () {
-        if (this.props.help == null) {
-            return null;
-        }
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_bootstrap_Collapse__WEBPACK_IMPORTED_MODULE_3___default()), { appear: true, in: true },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Form__WEBPACK_IMPORTED_MODULE_10__.Form.Help, null, this.props.help)));
-    };
-    InlineStringEditor.prototype.renderError = function () {
-        if (this.props.getError == null) {
-            return null;
-        }
-        var error = this.props.getError(this.state.currentValue);
-        if (error == null) {
-            return null;
-        }
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_bootstrap_Collapse__WEBPACK_IMPORTED_MODULE_3___default()), { appear: true, in: true },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Form__WEBPACK_IMPORTED_MODULE_10__.Form.Control.FeedBack, { type: 'invalid' }, error)));
-    };
-    InlineStringEditor.prototype.renderInput = function () {
-        var _a;
-        if (this.props.options != null && this.props.options.length > 0) {
-            var value = this.state.currentValue != null ? this.state.currentValue.value : '';
-            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SelectDropdown__WEBPACK_IMPORTED_MODULE_9__.SelectDropdown, { className: 'inline-dropdown-select', size: this.props.size, selected: String(value), onSelect: this.handleOptionChange, onKeyDown: this.handleKeyDown, options: this.props.options, isInvalid: this.renderError() != null }));
-        }
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Form_FormControl__WEBPACK_IMPORTED_MODULE_8__/* .FormControl */ .N, { ref: this.inputRef, size: this.props.size, type: this.props.inputType, value: ((_a = this.state.currentValue) !== null && _a !== void 0 ? _a : ''), onChange: this.handleTextChange, onKeyDown: this.handleKeyDown, isInvalid: this.renderError() != null }));
-    };
-    InlineStringEditor.prototype.renderCancelButton = function () {
-        var props = {
-            onClick: this.handleCancel,
-            variant: 'secondary',
-            size: this.props.size,
-            className: 'inline-string-editor-cancel',
-        };
-        if (this.props.useIcons === true) {
-            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_7__.Button, __assign({ icon: _fortawesome_pro_light_svg_icons_faTimes__WEBPACK_IMPORTED_MODULE_5__.faTimes }, props));
-        }
-        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_7__.Button, __assign({}, props), this.props.cancelLabel);
-    };
-    InlineStringEditor.prototype.renderSaveButton = function () {
-        var props = {
-            onClick: this.handleSave,
-            variant: 'primary',
-            disabled: this.isSaveDisabled(),
-            size: this.props.size,
-            className: 'inline-string-editor-save',
-        };
-        if (this.props.useIcons === true) {
-            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_7__.Button, __assign({ icon: _fortawesome_pro_light_svg_icons_faCheck__WEBPACK_IMPORTED_MODULE_6__.faCheck }, props));
-        }
-        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_7__.Button, __assign({}, props), this.props.saveLabel);
-    };
-    InlineStringEditor.prototype.render = function () {
-        var className = classnames__WEBPACK_IMPORTED_MODULE_4___default()('inline-string-editor w-100', this.props.className);
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: className },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_bootstrap_Row__WEBPACK_IMPORTED_MODULE_2___default()), { className: 'no-gutters' },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_bootstrap_Col__WEBPACK_IMPORTED_MODULE_1___default()), null, this.renderInput()),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_bootstrap_Col__WEBPACK_IMPORTED_MODULE_1___default()), { xs: 'auto', className: 'inline-string-editor-controls' },
-                    this.renderCancelButton(),
-                    this.renderSaveButton())),
-            this.renderError(),
-            this.renderHelp()));
-    };
-    var _a, _b;
-    InlineStringEditor.displayName = 'InlineStringEditor';
-    InlineStringEditor.defaultProps = {
-        useIcons: false,
-        inputType: 'text',
-        maxLength: 60,
-        minLength: 3,
-        saveLabel: 'Save',
-        cancelLabel: 'Cancel',
-        size: 'md',
-    };
-    __decorate([
-        autobind_decorator__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_a = typeof (react__WEBPACK_IMPORTED_MODULE_0___default()) !== "undefined" && (react__WEBPACK_IMPORTED_MODULE_0___default().KeyboardEvent)) === "function" ? _a : Object]),
-        __metadata("design:returntype", void 0)
-    ], InlineStringEditor.prototype, "handleKeyDown", null);
-    __decorate([
-        autobind_decorator__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], InlineStringEditor.prototype, "handleCancel", null);
-    __decorate([
-        autobind_decorator__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], InlineStringEditor.prototype, "handleSave", null);
-    __decorate([
-        autobind_decorator__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_b = typeof (react__WEBPACK_IMPORTED_MODULE_0___default()) !== "undefined" && (react__WEBPACK_IMPORTED_MODULE_0___default().FormEvent)) === "function" ? _b : Object]),
-        __metadata("design:returntype", void 0)
-    ], InlineStringEditor.prototype, "handleTextChange", null);
-    __decorate([
-        autobind_decorator__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", void 0)
-    ], InlineStringEditor.prototype, "handleOptionChange", null);
-    return InlineStringEditor;
-}((react__WEBPACK_IMPORTED_MODULE_0___default().Component)));
-
-
-
-/***/ }),
-
-/***/ 188:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "SelectDropdown": () => (/* reexport */ SelectDropdown)
-});
-
-// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
-var esm = __webpack_require__(6627);
-// 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/Dropdown"
-var Dropdown_ = __webpack_require__(4976);
-var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: ./src/components/Dropdown/index.ts + 3 modules
-var Dropdown = __webpack_require__(5111);
-// EXTERNAL MODULE: ./src/components/Utils/index.ts
-var Utils = __webpack_require__(4589);
-;// CONCATENATED MODULE: ./src/components/SelectDropdown/SelectDropdown.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);
-};
-
-
-
-
-
-
-
-/**
- * ### Overview
- *
- * The `SelectDropdown` allows users to either filter or sort items in a list according to specific parameters.
- */
-var SelectDropdown = /** @class */ (function (_super) {
-    __extends(SelectDropdown, _super);
-    function SelectDropdown() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SelectDropdown.prototype.renderOptions = function () {
-        return this.props.options.map(this.renderItem);
-    };
-    SelectDropdown.prototype.renderItem = function (option) {
-        var _a, _b, _c;
-        var value = "".concat(option.value);
-        if (option.isDivider) {
-            return external_react_default().createElement(Dropdown.Dropdown.Divider, { key: value });
-        }
-        return (external_react_default().createElement(Dropdown.Dropdown.Item, { key: value, disabled: option.disabled, eventKey: value }, (_c = (_b = (_a = this.props).renderValue) === null || _b === void 0 ? void 0 : _b.call(_a, option)) !== null && _c !== void 0 ? _c : option.label));
-    };
-    SelectDropdown.prototype.renderSelectedValue = function () {
-        var _this = this;
-        var _a, _b, _c;
-        var placeholder = external_react_default().createElement("span", { className: 'placeholder' }, this.props.placeholder);
-        if (this.props.selected == null) {
-            return placeholder;
-        }
-        var selection = this.props.options.find(function (option) { return option.value === _this.props.selected; });
-        if (selection == null) {
-            return placeholder;
-        }
-        return (_c = (_b = (_a = this.props).renderSelectedValue) === null || _b === void 0 ? void 0 : _b.call(_a, selection)) !== null && _c !== void 0 ? _c : selection.label;
-    };
-    SelectDropdown.prototype.render = function () {
-        var classNames = external_classnames_default()('atoka-select-dropdown', this.props.className, this.props.size, {
-            'is-invalid': this.props.isInvalid,
-        }), menuClassNames = external_classnames_default()('atoka-select-dropdown-menu', this.props.size, this.props.menuClassName);
-        return (external_react_default().createElement(Dropdown.Dropdown, { onSelect: this.props.onSelect, className: classNames },
-            external_react_default().createElement(Dropdown.Dropdown.Toggle, { disabled: this.props.disabled, as: Dropdown.AtokaCustomDropdownToggleWithChevron },
-                external_react_default().createElement("span", { className: 'dropdown-toggle-text-container' }, this.renderSelectedValue())),
-            external_react_default().createElement((Dropdown_default()).Menu, { className: menuClassNames, flip: false }, this.renderOptions())));
-    };
-    var _a, _b;
-    SelectDropdown.displayName = 'SelectDropdown';
-    SelectDropdown.defaultProps = {
-        size: 'md',
-        placeholder: '--',
-    };
-    __decorate([
-        esm/* default */.ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_a = typeof Utils.OptionData !== "undefined" && Utils.OptionData) === "function" ? _a : Object]),
-        __metadata("design:returntype", typeof (_b = typeof (external_react_default()) !== "undefined" && (external_react_default()).ReactNode) === "function" ? _b : Object)
-    ], SelectDropdown.prototype, "renderItem", null);
-    return SelectDropdown;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/SelectDropdown/index.ts
-
-
-
-/***/ }),
-
-/***/ 3654:
-/***/ (() => {
-
-
-
-
-/***/ }),
-
-/***/ 5909:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* unused harmony exports createDataWithOtherSlice, createCleanTree, normalizePercentage */
-/* harmony import */ var _Utils_Utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4915);
-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.");
-};
-
-
-function createDataWithOtherSlice(data, otherId, otherLabel, maxSlicesNumber, total, dataValueKey) {
-    var _a, _b;
-    if (maxSlicesNumber === void 0) { maxSlicesNumber = 0; }
-    if (dataValueKey === void 0) { dataValueKey = 'value'; }
-    var otherValue = 0, newOtherId = otherId !== null && otherId !== void 0 ? otherId : 'other', 
-    // We know it is defined but Typescript does not get it.
-    newmaxSlicesNumber = maxSlicesNumber !== null && maxSlicesNumber !== void 0 ? maxSlicesNumber : 0, newData = [], maxToMinData = data === null || data === void 0 ? void 0 : data.sort(sortObjDesc(dataValueKey));
-    maxToMinData === null || maxToMinData === void 0 ? void 0 : maxToMinData.forEach(function (node, i) {
-        var _a;
-        if (i < newmaxSlicesNumber && node.id !== otherId) {
-            newData.push(createCleanTree(node));
-        }
-        else {
-            var nodeValue = (_a = Number(node === null || node === void 0 ? void 0 : node.value)) !== null && _a !== void 0 ? _a : 0;
-            otherValue += nodeValue;
-        }
-    });
-    var otherNode = {};
-    otherNode['id'] = newOtherId;
-    otherNode['value'] = parseFloat(otherValue.toFixed(2));
-    otherNode['initialValue'] = parseFloat(otherValue.toFixed(2));
-    otherNode['label'] = (_a = otherLabel !== null && otherLabel !== void 0 ? otherLabel : newOtherId) !== null && _a !== void 0 ? _a : '';
-    if (((_b = data === null || data === void 0 ? void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.percentage) != null && total != null) {
-        otherNode['percentage'] = (otherValue / total) * 100;
-    }
-    if (maxSlicesNumber !== Infinity || otherValue !== 0) {
-        newData.push(otherNode);
-    }
-    return newData;
-}
-function createCleanTree(node) {
-    if (node.children == null) {
-        return node;
-    }
-    var newNode = clone(node);
-    removeValueIfChildren(newNode);
-    return newNode;
-}
-// eslint-disable-next-line @typescript-eslint/ban-types
-function removeValueIfChildren(node) {
-    var e_1, _a;
-    var _b;
-    var children = ((_b = node === null || node === void 0 ? void 0 : node['children']) !== null && _b !== void 0 ? _b : []);
-    node['initialValue'] = node['value'];
-    if (children.length > 0) {
-        delete node['value'];
-    }
-    try {
-        for (var children_1 = __values(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
-            var child = children_1_1.value;
-            removeValueIfChildren(child);
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (children_1_1 && !children_1_1.done && (_a = children_1.return)) _a.call(children_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-}
-function normalizePercentage(value) {
-    var _a;
-    return "".concat(parseInt((_a = value === null || value === void 0 ? void 0 : value.toFixed) === null || _a === void 0 ? void 0 : _a.call(value, 0), 10), "%");
-}
-
-
-/***/ }),
-
-/***/ 2394:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* unused harmony exports isStringEmpty, 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 __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-function isStringEmpty(s) {
-    if (s == null) {
-        return true;
-    }
-    return s.match(/^\s*$/) !== null;
-}
-function slugify(text) {
-    var a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;', b = 'aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------', p = new RegExp(a.split('').join('|'), 'g');
-    return text
-        .toString()
-        .toLowerCase()
-        .replace(/\s+/g, '-') // Replace spaces with -
-        .replace(p, function (c) { return b.charAt(a.indexOf(c)); }) // Replace special characters
-        .replace(/&/g, '-and-') // Replace & with 'and'
-        .replace(/[^\w-]+/g, '') // Remove all non-word characters
-        .replace(/--+/g, '-') // Replace multiple - with single -
-        .replace(/^-+/, '') // Trim - from start of text
-        .replace(/-+$/, ''); // Trim - from end of text
-}
-function estimateWordSize(wordLength, letterPixels, constant) {
-    return wordLength * letterPixels + constant;
-}
-function ellipse(input, length) {
-    if (input == null) {
-        return '';
-    }
-    return input.length > length ? "".concat(input.substr(0, length - 1), "\u2026") : input;
-}
-function matchAndFormatRangeLabel(formatter) {
-    return function (label) {
-        var match = /^([\d*]+)-([\d*]+)$/.exec(label);
-        if (match == null) {
-            return label;
-        }
-        return formatRange({
-            from: match[1],
-            to: match[2],
-        }, formatter !== null && formatter !== void 0 ? formatter : (function (v) { return v; }));
-    };
-}
-function formatRange(item, formatter) {
-    var _a, _b;
-    var to = item.to === '*' ? '*' : formatter(parseInt((_a = item.to) !== null && _a !== void 0 ? _a : '0', 10)), from = formatter(parseInt((_b = item.from) !== null && _b !== void 0 ? _b : '0', 10));
-    if (from === to) {
-        return "".concat(from);
-    }
-    return "".concat(from, " - ").concat(to);
-}
-function ellipseAndFormat(formatter, maxLabelLength) {
-    return function (value) {
-        var strValue = value.toString();
-        if (formatter == null) {
-            return ellipse(strValue, maxLabelLength);
-        }
-        return ellipse("".concat(formatter(strValue)), maxLabelLength);
-    };
-}
-function escapeRegExp(input) {
-    // eslint-disable-next-line
-    return input.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
-}
-function isMatching(text0, text1) {
-    var e_1, _a;
-    if (text0 == null || text1 == null) {
-        return false;
-    }
-    text0 = text0.toLowerCase();
-    text1 = text1.toLowerCase();
-    if (text1.match(' ') === null) {
-        return text0.match(escapeRegExp(text1)) !== null;
-    }
-    var splitNeedles = text1
-        .split(' ')
-        .filter(function (s) { return !isStringEmpty(s); })
-        .sort(function (a, b) { return b.length - a.length; });
-    try {
-        for (var splitNeedles_1 = __values(splitNeedles), splitNeedles_1_1 = splitNeedles_1.next(); !splitNeedles_1_1.done; splitNeedles_1_1 = splitNeedles_1.next()) {
-            var needle = splitNeedles_1_1.value;
-            if (text0 === needle) {
-                return true;
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (splitNeedles_1_1 && !splitNeedles_1_1.done && (_a = splitNeedles_1.return)) _a.call(splitNeedles_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return false;
-}
-function splitTextInParts(needles, text) {
-    var e_2, _a;
-    if (text == null) {
-        return [];
-    }
-    if (needles.match(' ') === null) {
-        var re = new RegExp('(' + escapeRegExp(needles) + ')', 'gi');
-        return text.split(re);
-    }
-    var splitNeedles = needles
-        .split(' ')
-        .filter(function (s) { return !isStringEmpty(s); })
-        .sort(function (a, b) { return b.length - a.length; }), ret = [text];
-    try {
-        for (var splitNeedles_2 = __values(splitNeedles), splitNeedles_2_1 = splitNeedles_2.next(); !splitNeedles_2_1.done; splitNeedles_2_1 = splitNeedles_2.next()) {
-            var needle = splitNeedles_2_1.value;
-            var re = new RegExp('(' + needle + ')', 'gi');
-            for (var index = 0; index < ret.length; index++) {
-                var currentText = ret[index];
-                if (isMatching(currentText, escapeRegExp(needles))) {
-                    continue;
-                }
-                var newParts = currentText.split(re).filter(function (s) { return s !== ''; });
-                ret.splice.apply(ret, __spreadArray([index, 1], __read(newParts), false));
-            }
-        }
-    }
-    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-    finally {
-        try {
-            if (splitNeedles_2_1 && !splitNeedles_2_1.done && (_a = splitNeedles_2.return)) _a.call(splitNeedles_2);
-        }
-        finally { if (e_2) throw e_2.error; }
-    }
-    return ret;
-}
-
-
-/***/ }),
-
-/***/ 4915:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* unused harmony exports findChildrenByComponent, findChildByComponent, hasChildIconOrCheckboxComponent, scrollToTop, zip, 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__(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);
-}
-
-
-/***/ }),
-
-/***/ 4589:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "OptionData": () => (/* reexport safe */ _CommonTypes__WEBPACK_IMPORTED_MODULE_0__.nJ)
-/* harmony export */ });
-/* harmony import */ var _CommonTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3654);
-/* harmony import */ var _Statistics__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5909);
-/* harmony import */ var _Utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4915);
-/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2394);
-
-
-
-
-
-
-
-/***/ }),
-
-/***/ 4600:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4600__;
-
-/***/ }),
-
-/***/ 6466:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__6466__;
-
-/***/ }),
-
-/***/ 6988:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__6988__;
-
-/***/ }),
-
-/***/ 1349:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1349__;
-
-/***/ }),
-
-/***/ 3041:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__3041__;
-
-/***/ }),
-
-/***/ 5692:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
-
-/***/ }),
-
-/***/ 8310:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
-
-/***/ }),
-
-/***/ 8156:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
-
-/***/ }),
-
-/***/ 8926:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8926__;
-
-/***/ }),
-
-/***/ 5315:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5315__;
-
-/***/ }),
-
-/***/ 4440:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4440__;
-
-/***/ }),
-
-/***/ 4976:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4976__;
-
-/***/ }),
-
-/***/ 8721:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8721__;
-
-/***/ }),
-
-/***/ 1082:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1082__;
-
-/***/ }),
-
-/***/ 8763:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8763__;
-
-/***/ }),
-
-/***/ 3915:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__3915__;
-
-/***/ }),
-
-/***/ 7111:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__7111__;
-
-/***/ }),
-
-/***/ 3103:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* binding */ _assertThisInitialized)
-/* harmony export */ });
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-/***/ }),
-
-/***/ 32:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* binding */ _extends)
-/* harmony export */ });
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-/***/ }),
-
-/***/ 7581:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-
-// 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 ? Object.setPrototypeOf.bind() : 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__) => {
-
-/* 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__) => {
-
-/* 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 = {
-/******/ 			9900: 0,
-/******/ 			6615: 0,
-/******/ 			8621: 0,
-/******/ 			6419: 0,
-/******/ 			6740: 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__(4549)))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faCheck"),require("@fortawesome/pro-light-svg-icons/faPencil"),require("@fortawesome/pro-light-svg-icons/faTimes"),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/Collapse"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Row"),require("react-dom")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faCheck","@fortawesome/pro-light-svg-icons/faPencil","@fortawesome/pro-light-svg-icons/faTimes","@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/Collapse","react-bootstrap/Dropdown","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Row","react-dom"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faCheck"),require("@fortawesome/pro-light-svg-icons/faPencil"),require("@fortawesome/pro-light-svg-icons/faTimes"),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/Collapse"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Row"),require("react-dom")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faCheck"],e["@fortawesome/pro-light-svg-icons/faPencil"],e["@fortawesome/pro-light-svg-icons/faTimes"],e["@fortawesome/pro-regular-svg-icons/faChevronDown"],e["@fortawesome/pro-regular-svg-icons/faEllipsisH"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Button"],e["react-bootstrap/Col"],e["react-bootstrap/Collapse"],e["react-bootstrap/Dropdown"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Row"],e["react-dom"])}(self,(function(e,t,n,r,o,i,a,s,l,p,c,u,d,f,h,m,y){return(()=>{"use strict";var v,g={6627:(e,t,n)=>{n.d(t,{ZP:()=>s});var r=n(4329);function o(e){return o="function"==typeof Symbol&&"symbol"===(0,r.Z)(Symbol.iterator)?function(e){return(0,r.Z)(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":(0,r.Z)(e)},o(e)}function i(e,t,n){var r=n.value;if("function"!=typeof r)throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(o(r)));var i=!1;return{configurable:!0,get:function(){if(i||this===e.prototype||this.hasOwnProperty(t)||"function"!=typeof r)return r;var n=r.bind(this);return i=!0,Object.defineProperty(this,t,{configurable:!0,get:function(){return n},set:function(e){r=e,delete this[t]}}),i=!1,n},set:function(e){r=e}}}function a(e){var t;return"undefined"!=typeof Reflect&&"function"==typeof Reflect.ownKeys?t=Reflect.ownKeys(e.prototype):(t=Object.getOwnPropertyNames(e.prototype),"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(e.prototype)))),t.forEach((function(t){if("constructor"!==t){var n=Object.getOwnPropertyDescriptor(e.prototype,t);"function"==typeof n.value&&Object.defineProperty(e.prototype,t,i(e,t,n))}})),e}function s(){return 1===arguments.length?a.apply(void 0,arguments):i.apply(void 0,arguments)}},9114:(e,t,n)=>{n.d(t,{Z:()=>d});var r=n(32),o=n(7038),i=n(7581);function a(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var s=n(8156),l=n.n(s),p=n(6113),c=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=a(n.className,r):n.setAttribute("class",a(n.className&&n.className.baseVal||"",r)));var n,r}))},u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),o=r[0],i=r[1];t.removeClasses(o,"exit"),t.addClass(o,i?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),o=r[0],i=r[1]?"appear":"enter";t.addClass(o,i,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),o=r[0],i=r[1]?"appear":"enter";t.removeClasses(o,i),t.addClass(o,i,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,o=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:o,activeClassName:r?o+"-active":n[e+"Active"],doneClassName:r?o+"-done":n[e+"Done"]}},t}(0,i.Z)(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],o=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&o&&(r+=" "+o),"active"===n&&e&&e.scrollTop,r&&(this.appliedClasses[t][n]=r,function(e,t){e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))}(e,r))},n.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,o=n.active,i=n.done;this.appliedClasses[t]={},r&&c(e,r),o&&c(e,o),i&&c(e,i)},n.render=function(){var e=this.props,t=(e.classNames,(0,o.Z)(e,["classNames"]));return l().createElement(p.ZP,(0,r.Z)({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(l().Component);u.defaultProps={classNames:""},u.propTypes={};const d=u},6113:(e,t,n)=>{n.d(t,{ZP:()=>g});var r=n(7038),o=n(7581),i=n(8156),a=n.n(i),s=n(7111),l=n.n(s);const p=!1;var c=n(3493),u="unmounted",d="exited",f="entering",h="entered",m="exiting",y=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var o,i=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?i?(o=d,r.appearStatus=f):o=h:o=t.unmountOnExit||t.mountOnEnter?u:d,r.state={status:o},r.nextCallback=null,r}(0,o.Z)(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===u?{status:d}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==f&&n!==h&&(t=f):n!==f&&n!==h||(t=m)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),t===f?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&this.state.status===d&&this.setState({status:u})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,o=this.props.nodeRef?[r]:[l().findDOMNode(this),r],i=o[0],a=o[1],s=this.getTimeouts(),c=r?s.appear:s.enter;!e&&!n||p?this.safeSetState({status:h},(function(){t.props.onEntered(i)})):(this.props.onEnter(i,a),this.safeSetState({status:f},(function(){t.props.onEntering(i,a),t.onTransitionEnd(c,(function(){t.safeSetState({status:h},(function(){t.props.onEntered(i,a)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:l().findDOMNode(this);t&&!p?(this.props.onExit(r),this.safeSetState({status:m},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:d},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:d},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:l().findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var o=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],i=o[0],a=o[1];this.props.addEndListener(i,a)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===u)return null;var t=this.props,n=t.children,o=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,(0,r.Z)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return a().createElement(c.Z.Provider,{value:null},"function"==typeof n?n(e,o):a().cloneElement(a().Children.only(n),o))},t}(a().Component);function v(){}y.contextType=c.Z,y.propTypes={},y.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v},y.UNMOUNTED=u,y.EXITED=d,y.ENTERING=f,y.ENTERED=h,y.EXITING=m;const g=y},3493:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(8156);const o=n.n(r)().createContext(null)},4397:(e,t,n)=>{n.d(t,{z:()=>d});var r,o=n(8156),i=n.n(o),a=n(8310),s=n.n(a),l=n(8926),p=n.n(l),c=n(5692),u=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.renderIcon=function(){return null==this.props.icon?null:i().createElement(c.FontAwesomeIcon,{icon:this.props.icon})},t.prototype.renderChildren=function(){return null==this.props.children?null:i().createElement("span",{className:"btn-children"},this.props.children)},t.prototype.renderLeftSide=function(){return null==this.props.iconLeft?null==this.props.iconRight?null:i().createElement(c.FontAwesomeIcon,{icon:this.props.iconRight,className:"invisible"}):i().createElement(c.FontAwesomeIcon,{icon:this.props.iconLeft})},t.prototype.renderRightSide=function(){return null==this.props.iconRight?null==this.props.iconLeft?null:i().createElement(c.FontAwesomeIcon,{icon:this.props.iconLeft,className:"invisible"}):i().createElement(c.FontAwesomeIcon,{icon:this.props.iconRight})},t.prototype.renderContent=function(){return null!=this.props.icon&&null==this.props.children?this.renderIcon():i().createElement("div",{className:"button-content-center-container"},this.renderIcon(),this.renderChildren())},t.prototype.render=function(){var e=s()("atoka-btn","btn-".concat(this.props.size),this.props.className,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return i().createElement(p(),{className:e,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())},t.displayName="Button",t.defaultProps={variant:"primary",size:"md",disabled:!1,block:!1},t}(i().PureComponent)},7325:(e,t,n)=>{n.d(t,{Button:()=>r.z});var r=n(4397)},5111:(e,t,n)=>{n.d(t,{AtokaCustomDropdownToggleWithChevron:()=>N,Dropdown:()=>m});var r=n(8156),o=n.n(r),i=n(8310),a=n.n(i),s=n(4976),l=n.n(s),p=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},u=o().memo((function(e){var t,n,r=e.size,i=void 0===r?"sm":r,s=c(e,["size"]),u=a()(((t={})[null!==(n=null==s?void 0:s.className)&&void 0!==n?n:""]=!0,t["atoka-dropdown-menu"]=!0,t[i]=!0,t));return o().createElement(l().Menu,p({},s,{className:u}),s.children)}));u.displayName="DropdownMenu";var d,f=(d=function(e,t){return d=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},d(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}d(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),h=function(){return h=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},h.apply(this,arguments)},m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return f(t,e),t.prototype.render=function(){var e=a()(this.props.className,"atoka-dropdown");return o().createElement(l(),h({},this.props,{className:e}),this.props.children)},t.displayName="DropDown",t.Toggle=l().Toggle,t.Menu=u,t.Item=l().Item,t.Divider=l().Divider,t.Header=l().Header,t}(o().PureComponent),y=n(6627),v=n(3041),g=n(1349),b=n(7325),E=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},O=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};function w(e,t){var n=o().forwardRef((function(e,n){return o().createElement("div",{ref:n},o().createElement(t,{disabled:e.disabled,onClick:e.onClick},e.children))}));return n.displayName=e,n}var x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}var n;return E(t,e),t.prototype.handleClick=function(e){e.preventDefault(),this.props.onClick(e)},t.prototype.render=function(){return o().createElement(b.Button,{variant:"secondary",size:"xs",icon:v.faEllipsisH,onClick:this.props.disabled?void 0:this.handleClick})},t.displayName="AtokaSimpleDropdownToggleComponent",C([y.ZP,O("design:type",Function),O("design:paramtypes",["function"==typeof(n=void 0!==o()&&o().SyntheticEvent)?n:Object]),O("design:returntype",void 0)],t.prototype,"handleClick",null),t}(o().Component),S=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}var n;return E(t,e),t.prototype.handleClick=function(e){e.preventDefault(),this.props.onClick(e)},t.prototype.render=function(){return o().createElement("div",{className:"atoka-dropdown-toggle",onClick:this.props.disabled?void 0:this.handleClick},this.props.children)},t.displayName="AtokaCustomDropdownToggleComponent",C([y.ZP,O("design:type",Function),O("design:paramtypes",["function"==typeof(n=void 0!==o()&&o().SyntheticEvent)?n:Object]),O("design:returntype",void 0)],t.prototype,"handleClick",null),t}(o().Component),k=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}var n;return E(t,e),t.prototype.handleClick=function(e){e.preventDefault(),this.props.onClick(e)},t.prototype.render=function(){var e=a()({"atoka-dropdown-toggle":!0,disabled:this.props.disabled});return o().createElement("div",{className:e,onClick:this.props.disabled?void 0:this.handleClick},this.props.children,o().createElement("div",{className:"chevron-container"},o().createElement(b.Button,{variant:"tertiary",size:"md",icon:g.faChevronDown})))},t.displayName="AtokaCustomDropdownToggleWithChevronComponent ",C([y.ZP,O("design:type",Function),O("design:paramtypes",["function"==typeof(n=void 0!==o()&&o().SyntheticEvent)?n:Object]),O("design:returntype",void 0)],t.prototype,"handleClick",null),t}(o().Component),N=(w("AtokaSimpleDropdownToggle",x),w("AtokaCustomDropdownToggle",S),w("AtokaCustomDropdownToggleWithChevron",k))},4549:(e,t,n)=>{n.r(t),n.d(t,{EditableString:()=>N});var r=n(6627),o=n(8310),i=n.n(o),a=n(8156),s=n.n(a),l=n(9114),p=n(7038),c=n(32),u=n(3103),d=n(7581),f=n(3493);function h(e,t){var n=Object.create(null);return e&&a.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,a.isValidElement)(e)?t(e):e}(e)})),n}function m(e,t,n){return null!=n[t]?n[t]:e.props[t]}function y(e,t,n){var r=h(e.children),o=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,o=Object.create(null),i=[];for(var a in e)a in t?i.length&&(o[a]=i,i=[]):i.push(a);var s={};for(var l in t){if(o[l])for(r=0;r<o[l].length;r++){var p=o[l][r];s[o[l][r]]=n(p)}s[l]=n(l)}for(r=0;r<i.length;r++)s[i[r]]=n(i[r]);return s}(t,r);return Object.keys(o).forEach((function(i){var s=o[i];if((0,a.isValidElement)(s)){var l=i in t,p=i in r,c=t[i],u=(0,a.isValidElement)(c)&&!c.props.in;!p||l&&!u?p||!l||u?p&&l&&(0,a.isValidElement)(c)&&(o[i]=(0,a.cloneElement)(s,{onExited:n.bind(null,s),in:c.props.in,exit:m(s,"exit",e),enter:m(s,"enter",e)})):o[i]=(0,a.cloneElement)(s,{in:!1}):o[i]=(0,a.cloneElement)(s,{onExited:n.bind(null,s),in:!0,exit:m(s,"exit",e),enter:m(s,"enter",e)})}})),o}var v=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},g=function(e){function t(t,n){var r,o=(r=e.call(this,t,n)||this).handleExited.bind((0,u.Z)(r));return r.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},r}(0,d.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,o=t.children,i=t.handleExited;return{children:t.firstRender?(n=e,r=i,h(n.children,(function(e){return(0,a.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:m(e,"appear",n),enter:m(e,"enter",n),exit:m(e,"exit",n)})}))):y(e,o,i),firstRender:!1}},n.handleExited=function(e,t){var n=h(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=(0,c.Z)({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=(0,p.Z)(e,["component","childFactory"]),o=this.state.contextValue,i=v(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?s().createElement(f.Z.Provider,{value:o},i):s().createElement(f.Z.Provider,{value:o},s().createElement(t,r,i))},t}(s().Component);g.propTypes={},g.defaultProps={component:"div",childFactory:function(e){return e}};const b=g;var E,C=n(6466),O=n(2599),w=n(7325),x=(E=function(e,t){return E=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},E(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}E(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),S=function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},k=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},N=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={isEditing:!1,currentValue:t.props.value},t}return x(t,e),t.prototype.componentDidUpdate=function(e){e.value!==this.props.value&&this.setState({currentValue:this.props.value})},t.prototype.handleClick=function(){this.state.isEditing||this.setState({isEditing:!0})},t.prototype.handleCancel=function(){this.setState({isEditing:!1}),null!=this.props.onCancel&&this.props.onCancel()},t.prototype.handleSave=function(e){var t=this;this.state.isEditing&&(this.props.onSave(e),setTimeout((function(){return t.setState({isEditing:!1})}),10))},t.prototype.handleChange=function(e){null==this.props.onChange?this.setState({currentValue:e}):this.props.onChange(e)},t.prototype.renderEditingContent=function(){return s().createElement(l.Z,{classNames:"editable-string",timeout:{enter:400,exit:400},key:"editing"},s().createElement("div",{className:"editable-string-editing w-100"},s().createElement(O.M,{value:this.state.currentValue,onCancel:this.handleCancel,onSave:this.handleSave,onChange:this.handleChange,useIcons:this.props.useIcons,minLength:this.props.minLength,maxLength:this.props.maxLength,getIsSaveDisabled:this.props.getIsSaveDisabled,options:this.props.options,inputType:this.props.inputType,getError:this.props.getError,help:this.props.help})))},t.prototype.renderShownValue=function(){var e=this.props,t=e.value,n=e.shownValue;return null!=n?n:null==t?null:"string"==typeof t?t:t.label},t.prototype.renderContent=function(){return this.state.isEditing?this.renderEditingContent():s().createElement(l.Z,{classNames:"editable-string",timeout:{enter:400,exit:400},key:"viewing"},s().createElement("div",{className:"editable-string-viewing w-100",onClick:this.handleClick},this.renderShownValue(),s().createElement(w.Button,{icon:C.faPencil,className:"edit-icon",variant:"tertiary"})))},t.prototype.render=function(){var e=i()(this.props.className,"editable-string-container");return s().createElement(b,{className:e},this.renderContent())},t.displayName="EditableString",S([r.ZP,k("design:type",Function),k("design:paramtypes",[]),k("design:returntype",void 0)],t.prototype,"handleClick",null),S([r.ZP,k("design:type",Function),k("design:paramtypes",[]),k("design:returntype",void 0)],t.prototype,"handleCancel",null),S([r.ZP,k("design:type",Function),k("design:paramtypes",[String]),k("design:returntype",void 0)],t.prototype,"handleSave",null),S([r.ZP,k("design:type",Function),k("design:paramtypes",[String]),k("design:returntype",void 0)],t.prototype,"handleChange",null),t}(s().PureComponent)},8352:(e,t,n)=>{n.d(t,{l:()=>E});var r=n(8156),o=n.n(r),i=n(8310),a=n.n(i),s=n(8721),l=n.n(s),p=o().memo((function(e){var t=a()(null==e?void 0:e.className,"atoka-form-label");return o().createElement(l().Label,{className:t},e.children)}));p.displayName="FormLabel";var c=n(2048),u=function(){return u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},u.apply(this,arguments)},d=function(e){var t,n=a()("atoka-form-checkbox",null==e?void 0:e.className);return o().createElement(l().Check,u({type:"checkbox"},e,{custom:!0,className:n,label:null!==(t=e.label)&&void 0!==t?t:""}))};d.displayName="FormCheckbox";var f=function(){return f=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)},h=function(e){var t,n=a()(null==e?void 0:e.className,"atoka-form-radio");return o().createElement(l().Check,f({type:"radio"},e,{custom:!0,className:n,label:null!==(t=e.label)&&void 0!==t?t:""}))};h.displayName="FormRadio";var m=n(8763),y=n.n(m),v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},g=o().memo((function(e){var t=e.children,n=v(e,["children"]),r=a()("d-block",null==n?void 0:n.className);return o().createElement(y(),{bsPrefix:"atoka-form-help",className:r},t)}));g.displayName="FormHelp";var b=function(){return b=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},b.apply(this,arguments)},E=function(e){var t=a()(null==e?void 0:e.className,"atoka-form");return o().createElement(l(),b({},e,{className:t}),e.children)};E.displayName="Form",E.Control=c.N,E.Label=p,E.Checkbox=d,E.Radio=h,E.File=l().File,E.Switch=l().Switch,E.Help=g,E.Group=l().Group},2048:(e,t,n)=>{n.d(t,{N:()=>f});var r=n(8156),o=n.n(r),i=n(8310),a=n.n(i),s=n(1082),l=n.n(s),p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},c=o().memo((function(e){var t=e.show,n=void 0===t||t,r=p(e,["show"]),i=a()(null==r?void 0:r.className,"atoka-form-control-feedback",{"d-block":n});return o().createElement(l().Feedback,{type:r.type,className:i},r.children)}));c.displayName=" FormControlFeedBack";var u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},d=o().forwardRef((function(e,t){var n=e.size,r=void 0===n?"md":n,i=u(e,["size"]),s=a()("atoka-form-control",null==i?void 0:i.className,{"atoka-shadow":i.withShadow,disabled:i.disabled});return o().createElement(l(),{as:i.as,rows:i.rows,cols:i.cols,placeholder:i.placeholder,className:s,disabled:i.disabled,readOnly:i.readOnly,value:i.value,onChange:i.onChange,onKeyPress:i.onKeyPress,onKeyDown:i.onKeyDown,defaultValue:i.defaultValue,size:"md"===r?void 0:r,type:i.type,id:i.id,isValid:i.isValid,isInvalid:i.isInvalid,ref:t,autoComplete:"off"},i.children)}));d.displayName="FormControlComponent";var f=d;f.FeedBack=c,f.displayName="FormControl"},1862:(e,t,n)=>{n.d(t,{Form:()=>r.l});var r=n(8352)},2599:(e,t,n)=>{n.d(t,{M:()=>k});var r,o=n(6627),i=n(8156),a=n.n(i),s=n(5315),l=n.n(s),p=n(3915),c=n.n(p),u=n(4440),d=n.n(u),f=n(8310),h=n.n(f),m=n(6988),y=n(4600),v=n(7325),g=n(2048),b=n(188),E=n(1862),C=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),O=function(){return O=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},O.apply(this,arguments)},w=function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},x=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},S=function(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},k=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.inputRef=a().createRef(),t.state={currentValue:t.props.value},t}var n,r;return C(t,e),t.prototype.componentDidMount=function(){var e,t,n,r;null===(t=null===(e=this.inputRef)||void 0===e?void 0:e.current)||void 0===t||t.focus(),null===(r=null===(n=this.inputRef)||void 0===n?void 0:n.current)||void 0===r||r.select()},t.prototype.componentDidUpdate=function(e){e.value!==this.props.value&&this.setState({currentValue:this.props.value})},t.prototype.handleKeyDown=function(e){"Escape"!==e.key&&"Esc"!==e.key||this.handleCancel(),"Enter"===e.key&&(e.stopPropagation(),this.handleSave())},t.prototype.handleCancel=function(){this.setState({currentValue:this.props.value}),this.props.onCancel()},t.prototype.handleSave=function(){this.isSaveDisabled()||this.props.onSave(this.state.currentValue)},t.prototype.handleTextChange=function(e){var t,n,r=e.target.value,o=null!==(n=null===(t=this.props)||void 0===t?void 0:t.maxLength)&&void 0!==n?n:0;r.length<=o&&(null!=this.props.onChange&&this.props.onChange(r),this.setState({currentValue:r}))},t.prototype.handleOptionChange=function(e){var t,n,r,o=null!==(r=this.props.options)&&void 0!==r?r:[];try{for(var i=S(o),a=i.next();!a.done;a=i.next()){var s=a.value;String(s.value)===String(e)&&(null!=this.props.onChange&&this.props.onChange(s),this.setState({currentValue:s}))}}catch(e){t={error:e}}finally{try{a&&!a.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}},t.prototype.isSaveDisabled=function(){return null!=this.props.getIsSaveDisabled?this.props.getIsSaveDisabled(this.state.currentValue):null!=this.props.getError&&null!=this.props.getError(this.state.currentValue)||(null==this.props.onChange&&this.state.currentValue===this.props.value||"string"==typeof this.state.currentValue&&this.state.currentValue.length<this.props.minLength)},t.prototype.renderHelp=function(){return null==this.props.help?null:a().createElement(d(),{appear:!0,in:!0},a().createElement(E.Form.Help,null,this.props.help))},t.prototype.renderError=function(){if(null==this.props.getError)return null;var e=this.props.getError(this.state.currentValue);return null==e?null:a().createElement(d(),{appear:!0,in:!0},a().createElement(E.Form.Control.FeedBack,{type:"invalid"},e))},t.prototype.renderInput=function(){var e;if(null!=this.props.options&&this.props.options.length>0){var t=null!=this.state.currentValue?this.state.currentValue.value:"";return a().createElement(b.SelectDropdown,{className:"inline-dropdown-select",size:this.props.size,selected:String(t),onSelect:this.handleOptionChange,onKeyDown:this.handleKeyDown,options:this.props.options,isInvalid:null!=this.renderError()})}return a().createElement(g.N,{ref:this.inputRef,size:this.props.size,type:this.props.inputType,value:null!==(e=this.state.currentValue)&&void 0!==e?e:"",onChange:this.handleTextChange,onKeyDown:this.handleKeyDown,isInvalid:null!=this.renderError()})},t.prototype.renderCancelButton=function(){var e={onClick:this.handleCancel,variant:"secondary",size:this.props.size,className:"inline-string-editor-cancel"};return!0===this.props.useIcons?a().createElement(v.Button,O({icon:m.faTimes},e)):a().createElement(v.Button,O({},e),this.props.cancelLabel)},t.prototype.renderSaveButton=function(){var e={onClick:this.handleSave,variant:"primary",disabled:this.isSaveDisabled(),size:this.props.size,className:"inline-string-editor-save"};return!0===this.props.useIcons?a().createElement(v.Button,O({icon:y.faCheck},e)):a().createElement(v.Button,O({},e),this.props.saveLabel)},t.prototype.render=function(){var e=h()("inline-string-editor w-100",this.props.className);return a().createElement("div",{className:e},a().createElement(c(),{className:"no-gutters"},a().createElement(l(),null,this.renderInput()),a().createElement(l(),{xs:"auto",className:"inline-string-editor-controls"},this.renderCancelButton(),this.renderSaveButton())),this.renderError(),this.renderHelp())},t.displayName="InlineStringEditor",t.defaultProps={useIcons:!1,inputType:"text",maxLength:60,minLength:3,saveLabel:"Save",cancelLabel:"Cancel",size:"md"},w([o.ZP,x("design:type",Function),x("design:paramtypes",["function"==typeof(n=void 0!==a()&&a().KeyboardEvent)?n:Object]),x("design:returntype",void 0)],t.prototype,"handleKeyDown",null),w([o.ZP,x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],t.prototype,"handleCancel",null),w([o.ZP,x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],t.prototype,"handleSave",null),w([o.ZP,x("design:type",Function),x("design:paramtypes",["function"==typeof(r=void 0!==a()&&a().FormEvent)?r:Object]),x("design:returntype",void 0)],t.prototype,"handleTextChange",null),w([o.ZP,x("design:type",Function),x("design:paramtypes",[String]),x("design:returntype",void 0)],t.prototype,"handleOptionChange",null),t}(a().Component)},188:(e,t,n)=>{n.d(t,{SelectDropdown:()=>y});var r,o=n(6627),i=n(8156),a=n.n(i),s=n(4976),l=n.n(s),p=n(8310),c=n.n(p),u=n(5111),d=n(4589),f=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),h=function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},m=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}var n,r;return f(t,e),t.prototype.renderOptions=function(){return this.props.options.map(this.renderItem)},t.prototype.renderItem=function(e){var t,n,r,o="".concat(e.value);return e.isDivider?a().createElement(u.Dropdown.Divider,{key:o}):a().createElement(u.Dropdown.Item,{key:o,disabled:e.disabled,eventKey:o},null!==(r=null===(n=(t=this.props).renderValue)||void 0===n?void 0:n.call(t,e))&&void 0!==r?r:e.label)},t.prototype.renderSelectedValue=function(){var e,t,n,r=this,o=a().createElement("span",{className:"placeholder"},this.props.placeholder);if(null==this.props.selected)return o;var i=this.props.options.find((function(e){return e.value===r.props.selected}));return null==i?o:null!==(n=null===(t=(e=this.props).renderSelectedValue)||void 0===t?void 0:t.call(e,i))&&void 0!==n?n:i.label},t.prototype.render=function(){var e=c()("atoka-select-dropdown",this.props.className,this.props.size,{"is-invalid":this.props.isInvalid}),t=c()("atoka-select-dropdown-menu",this.props.size,this.props.menuClassName);return a().createElement(u.Dropdown,{onSelect:this.props.onSelect,className:e},a().createElement(u.Dropdown.Toggle,{disabled:this.props.disabled,as:u.AtokaCustomDropdownToggleWithChevron},a().createElement("span",{className:"dropdown-toggle-text-container"},this.renderSelectedValue())),a().createElement(l().Menu,{className:t,flip:!1},this.renderOptions()))},t.displayName="SelectDropdown",t.defaultProps={size:"md",placeholder:"--"},h([o.ZP,m("design:type",Function),m("design:paramtypes",["function"==typeof(n=void 0!==d.OptionData&&d.OptionData)?n:Object]),m("design:returntype","function"==typeof(r=void 0!==a()&&a().ReactNode)?r:Object)],t.prototype,"renderItem",null),t}(a().PureComponent)},3654:()=>{},5909:(e,t,n)=>{n(4915)},2394:(e,t,n)=>{},4915:(e,t,n)=>{n(5692),n(8156),n(8352)},4589:(e,t,n)=>{n.d(t,{OptionData:()=>r.nJ});var r=n(3654);n(5909),n(4915),n(2394)},4600:t=>{t.exports=e},6466:e=>{e.exports=t},6988:e=>{e.exports=n},1349:e=>{e.exports=r},3041:e=>{e.exports=o},5692:e=>{e.exports=i},8310:e=>{e.exports=a},8156:e=>{e.exports=s},8926:e=>{e.exports=l},5315:e=>{e.exports=p},4440:e=>{e.exports=c},4976:e=>{e.exports=u},8721:e=>{e.exports=d},1082:e=>{e.exports=f},8763:e=>{e.exports=h},3915:e=>{e.exports=m},7111:e=>{e.exports=y},3103:(e,t,n)=>{function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}n.d(t,{Z:()=>r})},32:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{Z:()=>r})},7581:(e,t,n)=>{function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{Z:()=>o})},7038:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>r})},4329:(e,t,n)=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}n.d(t,{Z:()=>r})}},b={};function E(e){var t=b[e];if(void 0!==t)return t.exports;var n=b[e]={exports:{}};return g[e](n,n.exports,E),n.exports}E.m=g,v=[],E.O=(e,t,n,r)=>{if(!t){var o=1/0;for(l=0;l<v.length;l++){for(var[t,n,r]=v[l],i=!0,a=0;a<t.length;a++)(!1&r||o>=r)&&Object.keys(E.O).every((e=>E.O[e](t[a])))?t.splice(a--,1):(i=!1,r<o&&(o=r));if(i){v.splice(l--,1);var s=n();void 0!==s&&(e=s)}}return e}r=r||0;for(var l=v.length;l>0&&v[l-1][2]>r;l--)v[l]=v[l-1];v[l]=[t,n,r]},E.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return E.d(t,{a:t}),t},E.d=(e,t)=>{for(var n in t)E.o(t,n)&&!E.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},E.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),E.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={9900:0,6615:0,8621:0,6419:0,6740:0,8699:0};E.O.j=t=>0===e[t];var t=(t,n)=>{var r,o,[i,a,s]=n,l=0;if(i.some((t=>0!==e[t]))){for(r in a)E.o(a,r)&&(E.m[r]=a[r]);if(s)var p=s(E)}for(t&&t(n);l<i.length;l++)o=i[l],E.o(e,o)&&e[o]&&e[o][0](),e[i[l]]=0;return E.O(p)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var C=E.O(void 0,[8699],(()=>E(4549)));return C=E.O(C)})()}));