@spaziodati/atoka-design-system 2.1.6 → 2.1.7

package/DetailPage/index.js

@@ -1,1990 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Col"), require("react-bootstrap/Container"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/Nav"), require("react-bootstrap/Row"), require("react-dom"));
-	else if(typeof define === 'function' && define.amd)
-		define("atoka-design-system", ["@fortawesome/react-fontawesome", "classnames", "react", "react-bootstrap/Col", "react-bootstrap/Container", "react-bootstrap/Form", "react-bootstrap/FormControl", "react-bootstrap/FormText", "react-bootstrap/Nav", "react-bootstrap/Row", "react-dom"], factory);
-	else if(typeof exports === 'object')
-		exports["atoka-design-system"] = factory(require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Col"), require("react-bootstrap/Container"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/Nav"), require("react-bootstrap/Row"), require("react-dom"));
-	else
-		root["atoka-design-system"] = factory(root["@fortawesome/react-fontawesome"], root["classnames"], root["react"], root["react-bootstrap/Col"], root["react-bootstrap/Container"], root["react-bootstrap/Form"], root["react-bootstrap/FormControl"], root["react-bootstrap/FormText"], root["react-bootstrap/Nav"], root["react-bootstrap/Row"], root["react-dom"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__5315__, __WEBPACK_EXTERNAL_MODULE__4394__, __WEBPACK_EXTERNAL_MODULE__8721__, __WEBPACK_EXTERNAL_MODULE__1082__, __WEBPACK_EXTERNAL_MODULE__8763__, __WEBPACK_EXTERNAL_MODULE__573__, __WEBPACK_EXTERNAL_MODULE__3915__, __WEBPACK_EXTERNAL_MODULE__7111__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 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));
-
-/***/ }),
-
-/***/ 1294:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Bs4V3Wrapper": () => (/* reexport */ Bs4V3Wrapper)
-});
-
-// 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_);
-;// CONCATENATED MODULE: ./src/components/Bs4V3Wrapper/Bs4V3Wrapper.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 Bs4V3Wrapper = /** @class */ (function (_super) {
-    __extends(Bs4V3Wrapper, _super);
-    function Bs4V3Wrapper() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Bs4V3Wrapper.prototype.render = function () {
-        var className = external_classnames_default()('bs4-v3', this.props.className);
-        return external_react_default().createElement("div", { className: className }, this.props.children);
-    };
-    Bs4V3Wrapper.displayName = 'Bs4V3Wrapper';
-    return Bs4V3Wrapper;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/Bs4V3Wrapper/index.ts
-
-
-
-/***/ }),
-
-/***/ 4716:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "DetailPage": () => (/* reexport */ DetailPage)
-});
-
-// 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/Container"
-var Container_ = __webpack_require__(4394);
-var Container_default = /*#__PURE__*/__webpack_require__.n(Container_);
-// EXTERNAL MODULE: external "react-bootstrap/Row"
-var Row_ = __webpack_require__(3915);
-var Row_default = /*#__PURE__*/__webpack_require__.n(Row_);
-// EXTERNAL MODULE: external "react-bootstrap/Col"
-var Col_ = __webpack_require__(5315);
-var Col_default = /*#__PURE__*/__webpack_require__.n(Col_);
-// EXTERNAL MODULE: ./src/components/Bs4V3Wrapper/index.ts + 1 modules
-var Bs4V3Wrapper = __webpack_require__(1294);
-// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
-var Utils = __webpack_require__(4915);
-// EXTERNAL MODULE: ./src/components/FadeAnimation/index.ts + 1 modules
-var FadeAnimation = __webpack_require__(577);
-;// CONCATENATED MODULE: ./src/components/DetailPage/DetailPageHeaderContainer.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 __());
-    };
-})();
-
-
-
-
-/** Container component for the detail page header to be used as child of DetailPage. */
-var DetailPageHeaderContainer = /** @class */ (function (_super) {
-    __extends(DetailPageHeaderContainer, _super);
-    function DetailPageHeaderContainer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DetailPageHeaderContainer.prototype.render = function () {
-        return (external_react_default().createElement("div", { className: 'detail-page-header-container' },
-            external_react_default().createElement(FadeAnimation.FadeAnimation, null,
-                external_react_default().createElement((Container_default()), null, this.props.children))));
-    };
-    DetailPageHeaderContainer.displayName = 'DetailPageHeaderContainer';
-    return DetailPageHeaderContainer;
-}((external_react_default()).PureComponent));
-
-
-// EXTERNAL MODULE: external "react-bootstrap/Nav"
-var Nav_ = __webpack_require__(573);
-var Nav_default = /*#__PURE__*/__webpack_require__.n(Nav_);
-;// CONCATENATED MODULE: ./src/components/DetailPage/DetailPageMenuUI.tsx
-
-
-
-var DetailPageMenuUI = function (props) {
-    return (external_react_default().createElement("div", { className: 'atoka-detail-page-menu' },
-        external_react_default().createElement((Nav_default()), { className: 'flex-column' }, props.children)));
-};
-DetailPageMenuUI.displayName = 'DetailPageMenuUI';
-var DetailPageSubMenu = function (props) {
-    return external_react_default().createElement("div", { className: 'atoka-detail-page-sub-menu' }, props.children);
-};
-DetailPageSubMenu.displayName = 'DetailPageSubMenu';
-
-;// CONCATENATED MODULE: ./src/components/DetailPage/DetailPageBodyContainer.tsx
-
-
-var DetailPageBodyContainer = function (props) {
-    return external_react_default().createElement((Col_default()), null, props.children);
-};
-DetailPageBodyContainer.displayName = 'DetailPageBodyContainer';
-
-// EXTERNAL MODULE: ./src/components/Spinner/index.ts + 1 modules
-var Spinner = __webpack_require__(6216);
-;// CONCATENATED MODULE: ./src/components/DetailPage/DetailPageHeaderUI.tsx
-var DetailPageHeaderUI_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 __());
-    };
-})();
-
-
-
-
-/** Container component for the detail page header to be used as child of `DetailPage`. */
-var DetailPageHeaderUI = /** @class */ (function (_super) {
-    DetailPageHeaderUI_extends(DetailPageHeaderUI, _super);
-    function DetailPageHeaderUI() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DetailPageHeaderUI.prototype.render = function () {
-        if (this.props.isLoading) {
-            // !This className is used in atoka-revenge smoke tests.
-            return (external_react_default().createElement("div", { className: 'user-pages-spinner-container d-flex h-100 justify-content-center align-items-center' },
-                external_react_default().createElement(Spinner.Spinner, { size: Spinner.SpinnerSize.small })));
-        }
-        return (external_react_default().createElement((Row_default()), null,
-            external_react_default().createElement((Col_default()), { xs: 4 }, this.props.leftContent),
-            external_react_default().createElement((Col_default()), { className: 'h-100 align-items-center' }, this.props.children),
-            external_react_default().createElement((Col_default()), { xs: 4 }, this.props.rightContent)));
-    };
-    DetailPageHeaderUI.displayName = 'DetailPageHeaderUI';
-    return DetailPageHeaderUI;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/DetailPage/DetailPageMenuContainer.tsx
-
-
-var DetailPageMenuContainer = function (props) {
-    return external_react_default().createElement((Col_default()), { xs: 4 }, props.children);
-};
-DetailPageMenuContainer.displayName = 'DetailPageMenuContainer';
-
-;// CONCATENATED MODULE: ./src/components/DetailPage/DetailPageBodySection.tsx
-
-
-var DetailPageBodySection = function (props) {
-    return external_react_default().createElement("div", { className: 'atoka-detail-page-body-section' }, props.children);
-};
-DetailPageBodySection.displayName = 'DetailPageBodySection';
-
-;// CONCATENATED MODULE: ./src/components/DetailPage/DetailPage.tsx
-var DetailPage_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 __());
-    };
-})();
-
-
-
-
-
-
-
-
-
-
-
-
-
-/** Container component to display detail pages.<br />
- *  You should use its special children `DetailPageHeader`, `DetailPageMenu` and `DetailPageBody`
- *  as containers for your stuff. */
-var DetailPage = /** @class */ (function (_super) {
-    DetailPage_extends(DetailPage, _super);
-    function DetailPage() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DetailPage.prototype.renderOtherChildren = function () {
-        var ret = [];
-        external_react_default().Children.forEach(this.props.children, function (element) {
-            if ((element === null || element === void 0 ? void 0 : element.type) !== DetailPageMenuContainer &&
-                (element === null || element === void 0 ? void 0 : element.type) !== DetailPageHeaderContainer &&
-                (element === null || element === void 0 ? void 0 : element.type) !== DetailPageBodyContainer) {
-                ret.push(element);
-            }
-        });
-        if (ret.length === 0) {
-            return null;
-        }
-        return external_react_default().createElement((Col_default()), null, ret);
-    };
-    DetailPage.prototype.render = function () {
-        return (external_react_default().createElement(Bs4V3Wrapper.Bs4V3Wrapper, null,
-            external_react_default().createElement("div", { className: 'atoka-detail-page-container' },
-                (0,Utils/* findChildByComponent */.z8)(this.props.children, DetailPageHeaderContainer),
-                external_react_default().createElement((Container_default()), null,
-                    external_react_default().createElement((Row_default()), null,
-                        (0,Utils/* findChildByComponent */.z8)(this.props.children, DetailPageMenuContainer),
-                        (0,Utils/* findChildByComponent */.z8)(this.props.children, DetailPageBodyContainer)),
-                    this.renderOtherChildren()))));
-    };
-    DetailPage.displayName = 'DetailPage';
-    DetailPage.HeaderContainer = DetailPageHeaderContainer;
-    DetailPage.HeaderUI = DetailPageHeaderUI;
-    DetailPage.MenuContainer = DetailPageMenuContainer;
-    DetailPage.MenuUI = DetailPageMenuUI;
-    DetailPage.SubMenu = DetailPageSubMenu;
-    DetailPage.BodyContainer = DetailPageBodyContainer;
-    DetailPage.BodySection = DetailPageBodySection;
-    return DetailPage;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/DetailPage/index.ts
-
-
-
-/***/ }),
-
-/***/ 577:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "FadeAnimation": () => (/* reexport */ FadeAnimation)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/CSSTransition.js + 3 modules
-var CSSTransition = __webpack_require__(9114);
-;// CONCATENATED MODULE: ./src/components/FadeAnimation/FadeAnimation.tsx
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (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 FadeAnimation = /** @class */ (function (_super) {
-    __extends(FadeAnimation, _super);
-    function FadeAnimation() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FadeAnimation.prototype.render = function () {
-        var _a = this.props, duration = _a.duration, appearDelay = _a.appearDelay, name = "atoka-fadein-".concat(duration, "-").concat(appearDelay);
-        return (external_react_default().createElement(CSSTransition/* default */.Z, { timeout: duration + appearDelay, classNames: name, in: this.props.in, appear: true }, this.props.children));
-    };
-    FadeAnimation.displayName = 'FadeAnimation';
-    FadeAnimation.defaultProps = {
-        duration: 600,
-        appearDelay: 0,
-        in: true,
-    };
-    return FadeAnimation;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/FadeAnimation/index.ts
-
-
-
-/***/ }),
-
-/***/ 8352:
-/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
-
-
-// UNUSED EXPORTS: Form
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react-bootstrap/Form"
-var Form_ = __webpack_require__(8721);
-var Form_default = /*#__PURE__*/__webpack_require__.n(Form_);
-;// CONCATENATED MODULE: ./src/components/Form/FormLabel.tsx
-
-
-
-
-var FormLabel = external_react_default().memo(function (props) {
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-label');
-    return external_react_default().createElement((Form_default()).Label, { className: className }, props.children);
-});
-FormLabel.displayName = 'FormLabel';
-
-// EXTERNAL MODULE: ./src/components/Form/FormControl.tsx + 1 modules
-var FormControl = __webpack_require__(2048);
-;// CONCATENATED MODULE: ./src/components/Form/FormCheckbox.tsx
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-
-
-var FormCheckbox = function (props) {
-    var _a;
-    var className = external_classnames_default()('atoka-form-checkbox', props === null || props === void 0 ? void 0 : props.className);
-    return external_react_default().createElement((Form_default()).Check, __assign({ type: 'checkbox' }, props, { custom: true, className: className, label: (_a = props.label) !== null && _a !== void 0 ? _a : '' }));
-};
-FormCheckbox.displayName = 'FormCheckbox';
-
-;// CONCATENATED MODULE: ./src/components/Form/FormRadio.tsx
-var FormRadio_assign = (undefined && undefined.__assign) || function () {
-    FormRadio_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return FormRadio_assign.apply(this, arguments);
-};
-
-
-
-
-var FormRadio = function (props) {
-    var _a;
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-radio');
-    return external_react_default().createElement((Form_default()).Check, FormRadio_assign({ type: 'radio' }, props, { custom: true, className: className, label: (_a = props.label) !== null && _a !== void 0 ? _a : '' }));
-};
-FormRadio.displayName = 'FormRadio';
-
-// EXTERNAL MODULE: external "react-bootstrap/FormText"
-var FormText_ = __webpack_require__(8763);
-var FormText_default = /*#__PURE__*/__webpack_require__.n(FormText_);
-;// CONCATENATED MODULE: ./src/components/Form/FormHelp.tsx
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-
-var FormHelp = external_react_default().memo(function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var className = external_classnames_default()('d-block', props === null || props === void 0 ? void 0 : props.className);
-    return (external_react_default().createElement((FormText_default()), { bsPrefix: 'atoka-form-help', className: className }, children));
-});
-FormHelp.displayName = 'FormHelp';
-
-;// CONCATENATED MODULE: ./src/components/Form/Form.tsx
-var Form_assign = (undefined && undefined.__assign) || function () {
-    Form_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return Form_assign.apply(this, arguments);
-};
-
-
-
-
-
-
-
-
-
-var Form = function (props) {
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form');
-    return (external_react_default().createElement((Form_default()), Form_assign({}, props, { className: className }), props.children));
-};
-Form.displayName = 'Form';
-Form.Control = FormControl/* FormControl */.N;
-Form.Label = FormLabel;
-Form.Checkbox = FormCheckbox;
-Form.Radio = FormRadio;
-Form.File = (Form_default()).File;
-Form.Switch = (Form_default()).Switch;
-Form.Help = FormHelp;
-Form.Group = (Form_default()).Group;
-
-
-
-/***/ }),
-
-/***/ 2048:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "N": () => (/* binding */ FormControl)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react-bootstrap/FormControl"
-var FormControl_ = __webpack_require__(1082);
-var FormControl_default = /*#__PURE__*/__webpack_require__.n(FormControl_);
-;// CONCATENATED MODULE: ./src/components/Form/FormControlFeedBack.tsx
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-var FormControlFeedBack = external_react_default().memo(function (_a) {
-    var _b = _a.show, show = _b === void 0 ? true : _b, props = __rest(_a, ["show"]);
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-control-feedback', {
-        'd-block': show,
-    });
-    return (external_react_default().createElement((FormControl_default()).Feedback, { type: props.type, className: className }, props.children));
-});
-FormControlFeedBack.displayName = ' FormControlFeedBack';
-
-;// CONCATENATED MODULE: ./src/components/Form/FormControl.tsx
-var FormControl_rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-
-
-var FormControlComponent = external_react_default().forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 'md' : _b, props = FormControl_rest(_a, ["size"]);
-    var className = external_classnames_default()('atoka-form-control', props === null || props === void 0 ? void 0 : props.className, {
-        'atoka-shadow': props.withShadow,
-        'disabled': props.disabled,
-    });
-    return (external_react_default().createElement((FormControl_default()), { as: props.as, rows: props.rows, cols: props.cols, placeholder: props.placeholder, className: className, disabled: props.disabled, readOnly: props.readOnly, value: props.value, onChange: props.onChange, onKeyPress: props.onKeyPress, onKeyDown: props.onKeyDown, defaultValue: props.defaultValue, size: size === 'md' ? undefined : size, type: props.type, id: props.id, isValid: props.isValid, isInvalid: props.isInvalid, ref: ref, autoComplete: 'off' }, props.children));
-});
-FormControlComponent.displayName = 'FormControlComponent';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var FormControl = FormControlComponent;
-FormControl.FeedBack = FormControlFeedBack;
-FormControl.displayName = 'FormControl';
-
-
-
-/***/ }),
-
-/***/ 6216:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Spinner": () => (/* reexport */ Spinner),
-  "SpinnerSize": () => (/* reexport */ SpinnerSize)
-});
-
-// 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_);
-;// CONCATENATED MODULE: ./src/components/Spinner/Spinner.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 SpinnerSize;
-(function (SpinnerSize) {
-    SpinnerSize[SpinnerSize["mini"] = 0] = "mini";
-    SpinnerSize[SpinnerSize["small"] = 1] = "small";
-    SpinnerSize[SpinnerSize["big"] = 2] = "big";
-    SpinnerSize[SpinnerSize["modal"] = 3] = "modal";
-})(SpinnerSize || (SpinnerSize = {}));
-/**
- * ### Overview
- *
- * We can find two different spinners in the Atoka interface, small and big. The **small** one is used to show that a specific section inside the page is loading. The **big** spinner on the other hand shows when the whole page is loading.
- *
- * ### Best practice
- *
- * Use the spinner if the waiting time is between 0.1 and 1 second. After one second, the user gets the impression that the app is slow: in that case, use a progress indicator instead.
- **/
-var Spinner = /** @class */ (function (_super) {
-    __extends(Spinner, _super);
-    function Spinner() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Spinner.prototype.renderOnlyDotsSpinner = function (size) {
-        var className = 'atoka-spinner spinner-' + size + ' ' + this.props.className;
-        return (external_react_default().createElement("div", { className: className },
-            external_react_default().createElement("div", { className: 'spinner-dot1' },
-                external_react_default().createElement("div", { className: 'spinner-leaf' })),
-            external_react_default().createElement("div", { className: 'spinner-dot2' },
-                external_react_default().createElement("div", { className: 'spinner-leaf' })),
-            external_react_default().createElement("div", { className: 'spinner-dot3' },
-                external_react_default().createElement("div", { className: 'spinner-leaf' }))));
-    };
-    Spinner.prototype.renderSmall = function () {
-        return this.renderOnlyDotsSpinner('small');
-    };
-    Spinner.prototype.renderMini = function () {
-        return this.renderOnlyDotsSpinner('mini');
-    };
-    Spinner.prototype.renderLeaf = function () {
-        return (external_react_default().createElement("svg", { viewBox: '0 0 204.01 190.64', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
-            external_react_default().createElement("g", { id: 'leaf' },
-                external_react_default().createElement("path", { d: 'M80.88,7.62a26,26,0,0,0-36.79,36.8,25.85,25.85,0,0,0,13.4,7.14V83.39c1.19,0,2.4-.08,3.62-.08,2.16,0,4.28.08,6.38.23v-32A26,26,0,0,0,80.88,7.62ZM73.81,37.35a16,16,0,1,1,0-22.66,15.92,15.92,0,0,1,0,22.66Z' }))));
-    };
-    Spinner.prototype.renderLetter = function () {
-        return (external_react_default().createElement("svg", { viewBox: '0 0 204.01 190.64', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
-            external_react_default().createElement("g", { id: 'logo-vector' },
-                external_react_default().createElement("path", { d: 'M110.77,180.67V140.16a50.47,50.47,0,1,0-22,41.71L93.12,187a10,10,0,0,0,17.65-6.34Zm-81-40.51a30.5,30.5,0,1,1,30.5,30.5,30.49,30.49,0,0,1-30.5-30.5Z' }))));
-    };
-    Spinner.prototype.renderBig = function () {
-        var spinnerClassName = external_classnames_default()(this.props.className, {
-            'atoka-spinner': true,
-            'spinner-big': this.props.size === SpinnerSize.big,
-            'spinner-medium': this.props.size === SpinnerSize.modal,
-        }), containerClassName = external_classnames_default()({
-            'container-fluid spinner-modal': this.props.size === SpinnerSize.modal,
-        });
-        return (external_react_default().createElement("div", { className: containerClassName },
-            external_react_default().createElement("div", { className: spinnerClassName },
-                external_react_default().createElement("div", { className: 'spinner-dot1' },
-                    external_react_default().createElement("div", { className: 'spinner-leaf' }, this.renderLeaf())),
-                external_react_default().createElement("div", { className: 'spinner-dot2' },
-                    external_react_default().createElement("div", { className: 'spinner-leaf' }, this.renderLeaf())),
-                external_react_default().createElement("div", { className: 'spinner-dot3' },
-                    external_react_default().createElement("div", { className: 'spinner-leaf' }, this.renderLeaf())),
-                external_react_default().createElement("span", { className: 'spinner-letter' }, this.renderLetter()))));
-    };
-    Spinner.prototype.render = function () {
-        switch (this.props.size) {
-            case SpinnerSize.mini:
-                return this.renderMini();
-            case SpinnerSize.small:
-                return this.renderSmall();
-            case SpinnerSize.big:
-            case SpinnerSize.modal:
-                return this.renderBig();
-            default:
-                return null;
-        }
-    };
-    Spinner.displayName = 'Spinner';
-    Spinner.defaultProps = {
-        size: SpinnerSize.small,
-        className: '',
-    };
-    return Spinner;
-}((external_react_default()).Component));
-
-
-;// CONCATENATED MODULE: ./src/components/Spinner/index.ts
-
-
-
-/***/ }),
-
-/***/ 4915:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "z8": () => (/* binding */ findChildByComponent)
-/* harmony export */ });
-/* unused harmony exports findChildrenByComponent, 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__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(children, function (element) {
-        if ((element === null || element === void 0 ? void 0 : element.type) === component) {
-            ret.push(element);
-        }
-    });
-    return ret;
-}
-function findChildByComponent(children, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-component) {
-    var _a, _b;
-    return (_b = (_a = findChildrenByComponent(children, component)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null;
-}
-function hasChildIconOrCheckboxComponent(children) {
-    var ret = false;
-    React.Children.forEach(children, function (element) {
-        if ((element === null || element === void 0 ? void 0 : element.type) != null &&
-            ((element === null || element === void 0 ? void 0 : element.type) === FontAwesomeIcon || (element === null || element === void 0 ? void 0 : element.type) === 'i' || (element === null || element === void 0 ? void 0 : element.type) === Form.Checkbox)) {
-            ret = true;
-            return;
-        }
-    });
-    return ret;
-}
-function scrollToTop() {
-    window.scrollTo(0, 0);
-}
-function zip(arr1, arr2) {
-    var ret = [];
-    var i = 0;
-    while (arr1[i]) {
-        ret.push(arr1[i]);
-        ret.push(arr2[i++]);
-    }
-    return ret;
-}
-// eslint-disable-next-line @typescript-eslint/ban-types
-function sortObjDesc(accessor) {
-    return function (a, b) {
-        var leftVal = 0, rightVal = 0;
-        if ((a === null || a === void 0 ? void 0 : a[accessor]) != null) {
-            leftVal = a === null || a === void 0 ? void 0 : a[accessor];
-        }
-        if ((b === null || b === void 0 ? void 0 : b[accessor]) != null) {
-            rightVal = b === null || b === void 0 ? void 0 : b[accessor];
-        }
-        return leftVal > rightVal ? -1 : 1;
-    };
-}
-function clone(ob) {
-    return JSON.parse(JSON.stringify(ob));
-}
-function getDebouncer(delay) {
-    if (delay === void 0) { delay = 1; }
-    var debounceTimeout = null;
-    return function debounce(f) {
-        if (debounceTimeout !== null) {
-            clearTimeout(debounceTimeout);
-        }
-        debounceTimeout = window.setTimeout(f, delay);
-    };
-}
-function isObject(obj) {
-    return typeof obj === 'object' && obj != null;
-}
-function deepEqual(obj1, obj2) {
-    if (obj1 === obj2) {
-        return true;
-    }
-    if (isObject(obj1) && isObject(obj2)) {
-        if (Object.keys(obj1).length !== Object.keys(obj2).length) {
-            return false;
-        }
-        for (var prop in obj1) {
-            if (!deepEqual(obj1[prop], obj2[prop])) {
-                return false;
-            }
-        }
-        return true;
-    }
-    return false;
-}
-function componentToHex(c) {
-    if (isNaN(c)) {
-        throw Error('The color has not been written correctly');
-    }
-    var hex = c.toString(16).toUpperCase();
-    return hex.length === 1 ? '0' + hex : hex;
-}
-function cleanSingleColor(c) {
-    return c.replace(/"|'/g, '').trim();
-}
-function rgbToHex(rgb) {
-    if (rgb.includes('rgba')) {
-        throw Error('not implemented');
-    }
-    var _a = __read(rgb
-        .replace('rgb', '')
-        .replace(/\(|\)/gi, '')
-        .split(',')
-        .map(function (c) { return parseInt(cleanSingleColor(c), 10); }), 3), _b = _a[0], r = _b === void 0 ? 0 : _b, _c = _a[1], g = _c === void 0 ? 0 : _c, _d = _a[2], b = _d === void 0 ? 0 : _d;
-    return '#' + componentToHex(r) + componentToHex(g) + componentToHex(b);
-}
-
-
-/***/ }),
-
-/***/ 5692:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
-
-/***/ }),
-
-/***/ 8310:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
-
-/***/ }),
-
-/***/ 8156:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
-
-/***/ }),
-
-/***/ 5315:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5315__;
-
-/***/ }),
-
-/***/ 4394:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4394__;
-
-/***/ }),
-
-/***/ 8721:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8721__;
-
-/***/ }),
-
-/***/ 1082:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1082__;
-
-/***/ }),
-
-/***/ 8763:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8763__;
-
-/***/ }),
-
-/***/ 573:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__573__;
-
-/***/ }),
-
-/***/ 3915:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__3915__;
-
-/***/ }),
-
-/***/ 7111:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__7111__;
-
-/***/ }),
-
-/***/ 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;
-}
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// 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 = {
-/******/ 			904: 0,
-/******/ 			4548: 0,
-/******/ 			5853: 0,
-/******/ 			410: 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__(4716)))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Nav"),require("react-bootstrap/Row"),require("react-dom")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Col","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Nav","react-bootstrap/Row","react-dom"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Nav"),require("react-bootstrap/Row"),require("react-dom")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Col"],e["react-bootstrap/Container"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Nav"],e["react-bootstrap/Row"],e["react-dom"])}(self,(function(e,t,n,r,o,a,s,i,l,c,p){return(()=>{"use strict";var u,d={9114:(e,t,n)=>{n.d(t,{Z:()=>d});var r=n(32),o=n(7038),a=n(7581);function s(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var i=n(8156),l=n.n(i),c=n(6113),p=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=s(n.className,r):n.setAttribute("class",s(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],a=r[1];t.removeClasses(o,"exit"),t.addClass(o,a?"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],a=r[1]?"appear":"enter";t.addClass(o,a,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),o=r[0],a=r[1]?"appear":"enter";t.removeClasses(o,a),t.addClass(o,a,"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,a.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,a=n.done;this.appliedClasses[t]={},r&&p(e,r),o&&p(e,o),a&&p(e,a)},n.render=function(){var e=this.props,t=(e.classNames,(0,o.Z)(e,["classNames"]));return l().createElement(c.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:()=>b});var r=n(7038),o=n(7581),a=n(8156),s=n.n(a),i=n(7111),l=n.n(i);const c=!1;var p=n(3493),u="unmounted",d="exited",f="entering",m="entered",h="exiting",v=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var o,a=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?a?(o=d,r.appearStatus=f):o=m: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!==m&&(t=f):n!==f&&n!==m||(t=h)}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],a=o[0],s=o[1],i=this.getTimeouts(),p=r?i.appear:i.enter;!e&&!n||c?this.safeSetState({status:m},(function(){t.props.onEntered(a)})):(this.props.onEnter(a,s),this.safeSetState({status:f},(function(){t.props.onEntering(a,s),t.onTransitionEnd(p,(function(){t.safeSetState({status:m},(function(){t.props.onEntered(a,s)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:l().findDOMNode(this);t&&!c?(this.props.onExit(r),this.safeSetState({status:h},(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],a=o[0],s=o[1];this.props.addEndListener(a,s)}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 s().createElement(p.Z.Provider,{value:null},"function"==typeof n?n(e,o):s().cloneElement(s().Children.only(n),o))},t}(s().Component);function y(){}v.contextType=p.Z,v.propTypes={},v.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:y,onEntering:y,onEntered:y,onExit:y,onExiting:y,onExited:y},v.UNMOUNTED=u,v.EXITED=d,v.ENTERING=f,v.ENTERED=m,v.EXITING=h;const b=v},3493:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(8156);const o=n.n(r)().createContext(null)},1294:(e,t,n)=>{n.d(t,{Bs4V3Wrapper:()=>c});var r,o=n(8156),a=n.n(o),s=n(8310),i=n.n(s),l=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.prototype.render=function(){var e=i()("bs4-v3",this.props.className);return a().createElement("div",{className:e},this.props.children)},t.displayName="Bs4V3Wrapper",t}(a().PureComponent)},4716:(e,t,n)=>{n.r(t),n.d(t,{DetailPage:()=>k});var r,o=n(8156),a=n.n(o),s=n(4394),i=n.n(s),l=n(3915),c=n.n(l),p=n(5315),u=n.n(p),d=n(1294),f=n(4915),m=n(577),h=(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)}),v=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return h(t,e),t.prototype.render=function(){return a().createElement("div",{className:"detail-page-header-container"},a().createElement(m.FadeAnimation,null,a().createElement(i(),null,this.props.children)))},t.displayName="DetailPageHeaderContainer",t}(a().PureComponent),y=n(573),b=n.n(y),E=function(e){return a().createElement("div",{className:"atoka-detail-page-menu"},a().createElement(b(),{className:"flex-column"},e.children))};E.displayName="DetailPageMenuUI";var x=function(e){return a().createElement("div",{className:"atoka-detail-page-sub-menu"},e.children)};x.displayName="DetailPageSubMenu";var g=function(e){return a().createElement(u(),null,e.children)};g.displayName="DetailPageBodyContainer";var O=n(6216),N=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){function t(){return null!==e&&e.apply(this,arguments)||this}return N(t,e),t.prototype.render=function(){return this.props.isLoading?a().createElement("div",{className:"user-pages-spinner-container d-flex h-100 justify-content-center align-items-center"},a().createElement(O.Spinner,{size:O.SpinnerSize.small})):a().createElement(c(),null,a().createElement(u(),{xs:4},this.props.leftContent),a().createElement(u(),{className:"h-100 align-items-center"},this.props.children),a().createElement(u(),{xs:4},this.props.rightContent))},t.displayName="DetailPageHeaderUI",t}(a().PureComponent),w=function(e){return a().createElement(u(),{xs:4},e.children)};w.displayName="DetailPageMenuContainer";var _=function(e){return a().createElement("div",{className:"atoka-detail-page-body-section"},e.children)};_.displayName="DetailPageBodySection";var S=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)}}(),k=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return S(t,e),t.prototype.renderOtherChildren=function(){var e=[];return a().Children.forEach(this.props.children,(function(t){(null==t?void 0:t.type)!==w&&(null==t?void 0:t.type)!==v&&(null==t?void 0:t.type)!==g&&e.push(t)})),0===e.length?null:a().createElement(u(),null,e)},t.prototype.render=function(){return a().createElement(d.Bs4V3Wrapper,null,a().createElement("div",{className:"atoka-detail-page-container"},(0,f.z8)(this.props.children,v),a().createElement(i(),null,a().createElement(c(),null,(0,f.z8)(this.props.children,w),(0,f.z8)(this.props.children,g)),this.renderOtherChildren())))},t.displayName="DetailPage",t.HeaderContainer=v,t.HeaderUI=C,t.MenuContainer=w,t.MenuUI=E,t.SubMenu=x,t.BodyContainer=g,t.BodySection=_,t}(a().PureComponent)},577:(e,t,n)=>{n.d(t,{FadeAnimation:()=>l});var r,o=n(8156),a=n.n(o),s=n(9114),i=(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)}),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.render=function(){var e=this.props,t=e.duration,n=e.appearDelay,r="atoka-fadein-".concat(t,"-").concat(n);return a().createElement(s.Z,{timeout:t+n,classNames:r,in:this.props.in,appear:!0},this.props.children)},t.displayName="FadeAnimation",t.defaultProps={duration:600,appearDelay:0,in:!0},t}(a().PureComponent)},8352:(e,t,n)=>{var r=n(8156),o=n.n(r),a=n(8310),s=n.n(a),i=n(8721),l=n.n(i),c=o().memo((function(e){var t=s()(null==e?void 0:e.className,"atoka-form-label");return o().createElement(l().Label,{className:t},e.children)}));c.displayName="FormLabel";var p=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=s()("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)},m=function(e){var t,n=s()(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:""}))};m.displayName="FormRadio";var h=n(8763),v=n.n(h),y=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},b=o().memo((function(e){var t=e.children,n=y(e,["children"]),r=s()("d-block",null==n?void 0:n.className);return o().createElement(v(),{bsPrefix:"atoka-form-help",className:r},t)}));b.displayName="FormHelp";var E=function(){return E=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},E.apply(this,arguments)},x=function(e){var t=s()(null==e?void 0:e.className,"atoka-form");return o().createElement(l(),E({},e,{className:t}),e.children)};x.displayName="Form",x.Control=p.N,x.Label=c,x.Checkbox=d,x.Radio=m,x.File=l().File,x.Switch=l().Switch,x.Help=b,x.Group=l().Group},2048:(e,t,n)=>{n.d(t,{N:()=>f});var r=n(8156),o=n.n(r),a=n(8310),s=n.n(a),i=n(1082),l=n.n(i),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},p=o().memo((function(e){var t=e.show,n=void 0===t||t,r=c(e,["show"]),a=s()(null==r?void 0:r.className,"atoka-form-control-feedback",{"d-block":n});return o().createElement(l().Feedback,{type:r.type,className:a},r.children)}));p.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,a=u(e,["size"]),i=s()("atoka-form-control",null==a?void 0:a.className,{"atoka-shadow":a.withShadow,disabled:a.disabled});return o().createElement(l(),{as:a.as,rows:a.rows,cols:a.cols,placeholder:a.placeholder,className:i,disabled:a.disabled,readOnly:a.readOnly,value:a.value,onChange:a.onChange,onKeyPress:a.onKeyPress,onKeyDown:a.onKeyDown,defaultValue:a.defaultValue,size:"md"===r?void 0:r,type:a.type,id:a.id,isValid:a.isValid,isInvalid:a.isInvalid,ref:t,autoComplete:"off"},a.children)}));d.displayName="FormControlComponent";var f=d;f.FeedBack=p,f.displayName="FormControl"},6216:(e,t,n)=>{n.d(t,{Spinner:()=>p,SpinnerSize:()=>o});var r,o,a=n(8310),s=n.n(a),i=n(8156),l=n.n(i),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)});!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(o||(o={}));var p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.prototype.renderOnlyDotsSpinner=function(e){var t="atoka-spinner spinner-"+e+" "+this.props.className;return l().createElement("div",{className:t},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"})))},t.prototype.renderSmall=function(){return this.renderOnlyDotsSpinner("small")},t.prototype.renderMini=function(){return this.renderOnlyDotsSpinner("mini")},t.prototype.renderLeaf=function(){return l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"leaf"},l().createElement("path",{d:"M80.88,7.62a26,26,0,0,0-36.79,36.8,25.85,25.85,0,0,0,13.4,7.14V83.39c1.19,0,2.4-.08,3.62-.08,2.16,0,4.28.08,6.38.23v-32A26,26,0,0,0,80.88,7.62ZM73.81,37.35a16,16,0,1,1,0-22.66,15.92,15.92,0,0,1,0,22.66Z"})))},t.prototype.renderLetter=function(){return l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"logo-vector"},l().createElement("path",{d:"M110.77,180.67V140.16a50.47,50.47,0,1,0-22,41.71L93.12,187a10,10,0,0,0,17.65-6.34Zm-81-40.51a30.5,30.5,0,1,1,30.5,30.5,30.49,30.49,0,0,1-30.5-30.5Z"})))},t.prototype.renderBig=function(){var e=s()(this.props.className,{"atoka-spinner":!0,"spinner-big":this.props.size===o.big,"spinner-medium":this.props.size===o.modal}),t=s()({"container-fluid spinner-modal":this.props.size===o.modal});return l().createElement("div",{className:t},l().createElement("div",{className:e},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("span",{className:"spinner-letter"},this.renderLetter())))},t.prototype.render=function(){switch(this.props.size){case o.mini:return this.renderMini();case o.small:return this.renderSmall();case o.big:case o.modal:return this.renderBig();default:return null}},t.displayName="Spinner",t.defaultProps={size:o.small,className:""},t}(l().Component)},4915:(e,t,n)=>{n.d(t,{z8:()=>a});n(5692);var r=n(8156),o=n.n(r);n(8352);function a(e,t){var n,r;return null!==(r=null===(n=function(e,t){var n=[];return o().Children.forEach(e,(function(e){(null==e?void 0:e.type)===t&&n.push(e)})),n}(e,t))||void 0===n?void 0:n[0])&&void 0!==r?r:null}},5692:t=>{t.exports=e},8310:e=>{e.exports=t},8156:e=>{e.exports=n},5315:e=>{e.exports=r},4394:e=>{e.exports=o},8721:e=>{e.exports=a},1082:e=>{e.exports=s},8763:e=>{e.exports=i},573:e=>{e.exports=l},3915:e=>{e.exports=c},7111:e=>{e.exports=p},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={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>r})}},f={};function m(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={exports:{}};return d[e](n,n.exports,m),n.exports}m.m=d,u=[],m.O=(e,t,n,r)=>{if(!t){var o=1/0;for(l=0;l<u.length;l++){for(var[t,n,r]=u[l],a=!0,s=0;s<t.length;s++)(!1&r||o>=r)&&Object.keys(m.O).every((e=>m.O[e](t[s])))?t.splice(s--,1):(a=!1,r<o&&(o=r));if(a){u.splice(l--,1);var i=n();void 0!==i&&(e=i)}}return e}r=r||0;for(var l=u.length;l>0&&u[l-1][2]>r;l--)u[l]=u[l-1];u[l]=[t,n,r]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},m.d=(e,t)=>{for(var n in t)m.o(t,n)&&!m.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={904:0,4548:0,5853:0,410:0,8699:0};m.O.j=t=>0===e[t];var t=(t,n)=>{var r,o,[a,s,i]=n,l=0;if(a.some((t=>0!==e[t]))){for(r in s)m.o(s,r)&&(m.m[r]=s[r]);if(i)var c=i(m)}for(t&&t(n);l<a.length;l++)o=a[l],m.o(e,o)&&e[o]&&e[o][0](),e[a[l]]=0;return m.O(c)},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 h=m.O(void 0,[8699],(()=>m(4716)));return h=m.O(h)})()}));