@spaziodati/atoka-design-system 2.1.6 → 2.1.7

package/PieChart/index.js

@@ -1,1971 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@fortawesome/pro-solid-svg-icons/faCircle"), require("@fortawesome/react-fontawesome"), require("@nivo/pie"), 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/OverlayTrigger"), require("react-bootstrap/Row"));
-	else if(typeof define === 'function' && define.amd)
-		define("atoka-design-system", ["@fortawesome/pro-solid-svg-icons/faCircle", "@fortawesome/react-fontawesome", "@nivo/pie", "classnames", "react", "react-bootstrap/Col", "react-bootstrap/Container", "react-bootstrap/Form", "react-bootstrap/FormControl", "react-bootstrap/FormText", "react-bootstrap/OverlayTrigger", "react-bootstrap/Row"], factory);
-	else if(typeof exports === 'object')
-		exports["atoka-design-system"] = factory(require("@fortawesome/pro-solid-svg-icons/faCircle"), require("@fortawesome/react-fontawesome"), require("@nivo/pie"), 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/OverlayTrigger"), require("react-bootstrap/Row"));
-	else
-		root["atoka-design-system"] = factory(root["@fortawesome/pro-solid-svg-icons/faCircle"], root["@fortawesome/react-fontawesome"], root["@nivo/pie"], 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/OverlayTrigger"], root["react-bootstrap/Row"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__1326__, __WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__7812__, __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__6043__, __WEBPACK_EXTERNAL_MODULE__3915__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 6627:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "MR": () => (/* binding */ boundMethod),
-/* harmony export */   "ZP": () => (/* binding */ autobind)
-/* harmony export */ });
-/* unused harmony export boundClass */
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4329);
-
-
-function _typeof(obj) {
-  if (typeof Symbol === "function" && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(Symbol.iterator) === "symbol") {
-    _typeof = function _typeof(obj) {
-      return (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  }
-
-  return _typeof(obj);
-}
-/**
- * Return a descriptor removing the value and returning a getter
- * The getter will return a .bind version of the function
- * and memoize the result against a symbol on the instance
- */
-
-
-function boundMethod(target, key, descriptor) {
-  var fn = descriptor.value;
-
-  if (typeof fn !== 'function') {
-    throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(_typeof(fn)));
-  } // In IE11 calling Object.defineProperty has a side-effect of evaluating the
-  // getter for the property which is being replaced. This causes infinite
-  // recursion and an "Out of stack space" error.
-
-
-  var definingProperty = false;
-  return {
-    configurable: true,
-    get: function get() {
-      // eslint-disable-next-line no-prototype-builtins
-      if (definingProperty || this === target.prototype || this.hasOwnProperty(key) || typeof fn !== 'function') {
-        return fn;
-      }
-
-      var boundFn = fn.bind(this);
-      definingProperty = true;
-      Object.defineProperty(this, key, {
-        configurable: true,
-        get: function get() {
-          return boundFn;
-        },
-        set: function set(value) {
-          fn = value;
-          delete this[key];
-        }
-      });
-      definingProperty = false;
-      return boundFn;
-    },
-    set: function set(value) {
-      fn = value;
-    }
-  };
-}
-/**
- * Use boundMethod to bind all methods on the target.prototype
- */
-
-function boundClass(target) {
-  // (Using reflect to get all keys including symbols)
-  var keys; // Use Reflect if exists
-
-  if (typeof Reflect !== 'undefined' && typeof Reflect.ownKeys === 'function') {
-    keys = Reflect.ownKeys(target.prototype);
-  } else {
-    keys = Object.getOwnPropertyNames(target.prototype); // Use symbols if support is provided
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      keys = keys.concat(Object.getOwnPropertySymbols(target.prototype));
-    }
-  }
-
-  keys.forEach(function (key) {
-    // Ignore special case target method
-    if (key === 'constructor') {
-      return;
-    }
-
-    var descriptor = Object.getOwnPropertyDescriptor(target.prototype, key); // Only methods need binding
-
-    if (typeof descriptor.value === 'function') {
-      Object.defineProperty(target.prototype, key, boundMethod(target, key, descriptor));
-    }
-  });
-  return target;
-}
-function autobind() {
-  if (arguments.length === 1) {
-    return boundClass.apply(void 0, arguments);
-  }
-
-  return boundMethod.apply(void 0, arguments);
-}
-
-/***/ }),
-
-/***/ 9629:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "EllipsableContent": () => (/* reexport */ EllipsableContent)
-});
-
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./src/components/Tooltip/index.ts + 1 modules
-var Tooltip = __webpack_require__(4603);
-// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
-var Utils = __webpack_require__(4915);
-;// CONCATENATED MODULE: ./src/components/EllipsableContent/EllipsableContent.tsx
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-
-
-
-var Prepend = function (props) { return (external_react_default().createElement("div", { className: 'ellipsable-content-prepend' }, props.children)); };
-Prepend.displayName = 'EllipsableContent.Prepend';
-var Append = function (props) { return (external_react_default().createElement("div", { className: 'ellipsable-content-append' }, props.children)); };
-Append.displayName = 'EllipsableContent.Append';
-var Content = function (props) {
-    var contentElement = external_react_default().createElement("div", { className: 'ellipsable-content-content' }, props.children);
-    if (props.tooltip == null) {
-        return contentElement;
-    }
-    return (external_react_default().createElement(Tooltip.Tooltip, __assign({}, props.tooltipProps, { content: props.tooltip }), contentElement));
-};
-Content.displayName = 'EllipsableContent.Content';
-var EllipsableContent = /** @class */ (function (_super) {
-    __extends(EllipsableContent, _super);
-    function EllipsableContent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    EllipsableContent.prototype.renderFullContent = function () {
-        var prependElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Prepend), contentElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Content), appendElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Append);
-        if (contentElement == null && (prependElement != null || appendElement != null)) {
-            console.error('You must set a .Content alongside the .Append or .Prepend');
-            return null;
-        }
-        if (contentElement == null) {
-            contentElement = external_react_default().createElement(EllipsableContent.Content, null, this.props.children);
-        }
-        if (this.props.tooltip != null) {
-            contentElement = (external_react_default().createElement(contentElement.type, __assign({}, contentElement.props, { tooltip: this.props.tooltip, tooltipProps: this.props.tooltipProps })));
-        }
-        return (external_react_default().createElement((external_react_default()).Fragment, null,
-            prependElement,
-            contentElement,
-            appendElement));
-    };
-    EllipsableContent.prototype.render = function () {
-        var className = external_classnames_default()('ellipsable-content-container', this.props.className, {
-            'ellipsable-with-tooltip': this.props.tooltip != null,
-        }), fullContent = this.renderFullContent();
-        if (fullContent == null) {
-            return null;
-        }
-        return (external_react_default().createElement("div", { className: className, style: this.props.style }, fullContent));
-    };
-    EllipsableContent.displayName = 'EllipsableContent';
-    EllipsableContent.Prepend = Prepend;
-    EllipsableContent.Append = Append;
-    EllipsableContent.Content = Content;
-    return EllipsableContent;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/EllipsableContent/index.ts
-
-
-
-/***/ }),
-
-/***/ 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';
-
-
-
-/***/ }),
-
-/***/ 3614:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "PieChart": () => (/* reexport */ PieChart),
-  "PieChartProps": () => (/* reexport */ PieChart_namespaceObject.PieChartProps)
-});
-
-// NAMESPACE OBJECT: ./src/components/PieChart/PieChart.tsx
-var PieChart_namespaceObject = {};
-__webpack_require__.r(PieChart_namespaceObject);
-__webpack_require__.d(PieChart_namespaceObject, {
-  "u": () => (PieChart)
-});
-
-// EXTERNAL MODULE: ./node_modules/autobind-decorator/lib/esm/index.js
-var esm = __webpack_require__(6627);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "@nivo/pie"
-var pie_ = __webpack_require__(7812);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: ./src/components/Utils/Statistics.ts
-var Statistics = __webpack_require__(5909);
-// EXTERNAL MODULE: ./src/components/StatisticsLegend/index.ts + 3 modules
-var StatisticsLegend = __webpack_require__(7562);
-// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
-var Utils = __webpack_require__(4915);
-// EXTERNAL MODULE: ./src/components/StatisticsTooltip/index.ts + 1 modules
-var StatisticsTooltip = __webpack_require__(4806);
-// EXTERNAL MODULE: ./src/components/Utils/Style.ts
-var Style = __webpack_require__(7540);
-// EXTERNAL MODULE: ./src/components/Utils/Text.ts
-var Text = __webpack_require__(2394);
-;// CONCATENATED MODULE: ./src/components/PieChart/PieChart.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 __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-
-
-
-
-
-
-
-
-
-/**
- * ### Overview
- *
- * Use the `Piechart` component for an array of data.
- * If your data is more of a tree, maybe it is worth the case to take a look at the `Sunburst`!
- * */
-var PieChart = /** @class */ (function (_super) {
-    __extends(PieChart, _super);
-    function PieChart() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.renderTooltip = null;
-        _this.state = {
-            data: [],
-        };
-        return _this;
-    }
-    PieChart.prototype.componentDidUpdate = function (prevProps) {
-        if ((0,Utils/* deepEqual */.vZ)(prevProps, this.props)) {
-            return;
-        }
-        this.setupComponent();
-    };
-    PieChart.prototype.componentDidMount = function () {
-        this.setupComponent();
-    };
-    PieChart.prototype.setupComponent = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        var _o = this.props, _p = _o.data, data = _p === void 0 ? [] : _p, colors = _o.colors, maxSlicesNumber = _o.maxSlicesNumber, 
-        // Here the colors can't be anything than an array of strings but typescript does not seem to get it,
-        // hence the forced cast.
-        colorsFromProps = (Array.isArray(colors) ? colors : Object.values((_a = this.props.colors) !== null && _a !== void 0 ? _a : {}));
-        if (maxSlicesNumber == null && colorsFromProps.length !== data.length) {
-            throw Error('The colors.length must be of the same length as the data you give to the component');
-        }
-        if (maxSlicesNumber && maxSlicesNumber + 1 !== colorsFromProps.length) {
-            throw Error('With a maxSliceNumber prop, maxSlicesNumber + 1 must be of the same length as the colors.length prop');
-        }
-        var children = this.props.maxSlicesNumber == null
-            ? (_b = this.props.data) === null || _b === void 0 ? void 0 : _b.sort((0,Utils/* sortObjDesc */.kV)('value'))
-            : (0,Statistics/* createDataWithOtherSlice */.xG)((_d = (_c = this.props) === null || _c === void 0 ? void 0 : _c.data) !== null && _d !== void 0 ? _d : [], (_e = this.props) === null || _e === void 0 ? void 0 : _e.otherId, (_f = this.props) === null || _f === void 0 ? void 0 : _f.otherLabel, (_g = this.props) === null || _g === void 0 ? void 0 : _g.maxSlicesNumber, (_h = this.props) === null || _h === void 0 ? void 0 : _h.total);
-        this.renderTooltip =
-            (_j = this.props.renderTooltip) !== null && _j !== void 0 ? _j : (0,StatisticsTooltip.getRenderStatisticsTooltip)({
-                tooltipDataLabelKey: 'value',
-                tooltipDataValueKey: 'percentage',
-                tooltipDataTitleKey: 'id',
-                otherId: this.props.otherId,
-                numberToStringFormatter: (_l = (_k = this.props) === null || _k === void 0 ? void 0 : _k.tooltipValueFormat) !== null && _l !== void 0 ? _l : (_m = this.props) === null || _m === void 0 ? void 0 : _m.numberToStringFormatter,
-                otherLabel: this.props.otherLabel,
-                withColor: true,
-            });
-        this.setState({
-            data: children,
-        });
-    };
-    PieChart.prototype.getSortedColorsLikeData = function () {
-        var _this = this;
-        var _a;
-        if (this.props.colors == null) {
-            return undefined;
-        }
-        if (Array.isArray(this.props.colors)) {
-            return (_a = this.props.colors) !== null && _a !== void 0 ? _a : [];
-        }
-        return this.state.data.map(function (node) { var _a, _b; return (_b = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b[node.id]; });
-    };
-    PieChart.prototype.renderLegend = function () {
-        var _a, _b, _c, _d, _e, _f;
-        // todo: in the future, in order to be able to do the download PNG without the htmltocanvas library,
-        //  we should port the legend to be displayed as a svg component layer
-        //  at least while we download it and use it as canvas.
-        return (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.renderLegend) === null || _b === void 0 ? void 0 : _b.call(_a, {
-            data: this.state.data,
-            otherId: (_d = (_c = this.props) === null || _c === void 0 ? void 0 : _c.otherId) !== null && _d !== void 0 ? _d : '',
-            colors: (_e = this.getSortedColorsLikeData()) !== null && _e !== void 0 ? _e : [],
-            numberToStringFormatter: (_f = this.props) === null || _f === void 0 ? void 0 : _f.numberToStringFormatter,
-        });
-    };
-    PieChart.prototype.renderCenteredMetric = function (_a) {
-        var _b, _c, _d;
-        var dataWithArc = _a.dataWithArc, centerX = _a.centerX, centerY = _a.centerY;
-        var total = dataWithArc.reduce(function (totalValue) {
-            var _a, _b;
-            var args = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                args[_i - 1] = arguments[_i];
-            }
-            var currentValue = (_b = (_a = args[0].data) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 0;
-            return totalValue + currentValue;
-        }, 0);
-        return (external_react_default().createElement("text", { x: centerX, y: centerY, textAnchor: 'middle', fontSize: '42px', fontWeight: '600', dominantBaseline: 'central', className: 'cursor-default' }, (_d = (_c = (_b = this.props) === null || _b === void 0 ? void 0 : _b.numberToStringFormatter) === null || _c === void 0 ? void 0 : _c.call(_b, total)) !== null && _d !== void 0 ? _d : total));
-    };
-    PieChart.prototype.getRenderTooltip = function (props) {
-        var _a, _b, _c, _d;
-        // The type requires these data, but we will take the percentage from the props.data to create the tooltip
-        var unUsefulProps = { path: [], percentage: 0, depth: 0, height: 0 }, tooltipData = __assign(__assign({}, unUsefulProps), props.datum), tooltipFunction = (_a = this.renderTooltip) !== null && _a !== void 0 ? _a : null, 
-        // the type of value or initialValue is unknown because it was in the function which creates
-        // the other node which have unknown, but we know both can only be undefined or number
-        value = ((_b = tooltipData.data) === null || _b === void 0 ? void 0 : _b.value) || ((_c = tooltipData.data) === null || _c === void 0 ? void 0 : _c.initialValue) || 0;
-        return ((_d = tooltipFunction === null || tooltipFunction === void 0 ? void 0 : tooltipFunction(__assign(__assign({}, tooltipData), { data: __assign(__assign({}, tooltipData.data), { value: value }) }))) !== null && _d !== void 0 ? _d : null);
-    };
-    PieChart.prototype.renderSVGLegend = function () {
-        var _this = this;
-        var _a, _b, _c;
-        var data = this.state.data.map(function (d) { var _a; return (__assign(__assign({}, d), { value: (_a = d.value) !== null && _a !== void 0 ? _a : 0, percentage: undefined })); }), size = parseInt((_a = this.props.size) !== null && _a !== void 0 ? _a : '0', 10), y = size;
-        if (y > 0) {
-            y -= 45 + (data.length / 2 - 1) * 5;
-            if (data.length < 3) {
-                // middle vertical alignment with items number <= 2
-                y = y + 16;
-            }
-        }
-        var index = 0;
-        var lines = [], dataColors = (_b = this.getSortedColorsLikeData()) !== null && _b !== void 0 ? _b : [];
-        var _loop_1 = function () {
-            var dataForLine = data.slice(index, index + 2);
-            var subDataColors = (_c = dataColors === null || dataColors === void 0 ? void 0 : dataColors.slice(index, index + 2)) !== null && _c !== void 0 ? _c : null;
-            dataForLine.forEach(function (subData, j) {
-                var val = _this.props.numberToStringFormatter == null
-                    ? subData === null || subData === void 0 ? void 0 : subData.value
-                    : _this.props.numberToStringFormatter(subData === null || subData === void 0 ? void 0 : subData.value), valLength = val.toString().length, charsNumberForEllipse = 19 - valLength;
-                lines.push(external_react_default().createElement(StatisticsLegend.StatisticsSVGLegend, { key: "".concat(index, "-").concat(j), data: [subData], x: (j * size) / 2 + j * 20, y: y + index * 10, width: (size / 2) * 2 + 40, valueFormat: _this.props.numberToStringFormatter, labelFormat: function (label) { return (0,Text/* ellipse */.Hp)(label, charsNumberForEllipse); }, colors: [subDataColors[j]] }));
-            });
-            index += 2;
-        };
-        // do a loop to split the legend in line of 2 items
-        while (index < data.length) {
-            _loop_1();
-        }
-        return external_react_default().createElement("g", null, lines);
-    };
-    PieChart.prototype.render = function () {
-        var _a = this.props, size = _a.size, withNumber = _a.withNumber, isLayoutVertical = this.props.layout === 'vertical', className = external_classnames_default()('d-flex piechart-container', this.props.className, {
-            'flex-column align-items-center h-100': isLayoutVertical,
-            'justify-content-between': this.props.renderLegend != null && isLayoutVertical,
-            'justify-content-center': this.props.renderLegend == null && isLayoutVertical,
-        }), layers = ['arcs', 'arcLabels'], margin = { top: 10, right: 10, bottom: 10, left: 10 }, height = parseInt(size !== null && size !== void 0 ? size : '0', 10);
-        var legend = null, width = size;
-        if (withNumber) {
-            layers.push(this.renderCenteredMetric);
-        }
-        if (this.props.withSVGLegend) {
-            layers.push(this.renderSVGLegend);
-            margin.bottom = 60;
-            width = '300px';
-        }
-        else {
-            legend = this.renderLegend();
-        }
-        return (external_react_default().createElement("div", { ref: this.props.chartRef, className: className, id: this.props.id },
-            external_react_default().createElement("div", { style: { height: height, width: width } },
-                external_react_default().createElement(pie_.ResponsivePie, { tooltip: this.getRenderTooltip, data: this.state.data, margin: margin, cornerRadius: 0, innerRadius: 0.8, borderColor: '#ffff', colors: this.getSortedColorsLikeData(), enableArcLabels: false, enableArcLinkLabels: false, activeOuterRadiusOffset: 0, isInteractive: true, layers: layers })),
-            legend));
-    };
-    var _a, _b, _c, _d, _e, _f;
-    PieChart.displayName = 'PieChart';
-    PieChart.defaultProps = {
-        colors: [Style/* blue30 */.KH, Style/* blue80 */.kA, Style/* blue100 */.qi, Style/* blue300 */.p5],
-        otherId: 'other',
-        size: '100%',
-        layout: 'vertical',
-    };
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", typeof (_a = typeof (external_react_default()) !== "undefined" && (external_react_default()).ReactNode) === "function" ? _a : Object)
-    ], PieChart.prototype, "renderLegend", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_b = typeof pie_.PieCustomLayerProps !== "undefined" && pie_.PieCustomLayerProps) === "function" ? _b : Object]),
-        __metadata("design:returntype", typeof (_c = typeof JSX !== "undefined" && JSX.Element) === "function" ? _c : Object)
-    ], PieChart.prototype, "renderCenteredMetric", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_d = typeof pie_.PieTooltipProps !== "undefined" && pie_.PieTooltipProps) === "function" ? _d : Object]),
-        __metadata("design:returntype", Object)
-    ], PieChart.prototype, "getRenderTooltip", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", typeof (_f = typeof JSX !== "undefined" && JSX.Element) === "function" ? _f : Object)
-    ], PieChart.prototype, "renderSVGLegend", null);
-    return PieChart;
-}((external_react_default()).Component));
-
-
-;// CONCATENATED MODULE: ./src/components/PieChart/index.ts
-
-
-
-/***/ }),
-
-/***/ 3311:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Q": () => (/* binding */ StatisticsSVGLegend)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8156);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var autobind_decorator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6627);
-/* harmony import */ var _Utils_CommonTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3654);
-/* harmony import */ var _Utils_Style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7540);
-/* harmony import */ var _Utils_Statistics__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5909);
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-
-
-
-
-var StatisticsSVGLegend = /** @class */ (function (_super) {
-    __extends(StatisticsSVGLegend, _super);
-    function StatisticsSVGLegend() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StatisticsSVGLegend.prototype.renderSVGDataInfoBit = function (item, i) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var label = (_a = item.label) !== null && _a !== void 0 ? _a : '', percentage = this.renderPercentage(item), dot = this.renderCircle((_b = this.props.colors) === null || _b === void 0 ? void 0 : _b[i]);
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), { key: "".concat(item.label, "-legend-data") },
-            dot,
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("text", { x: this.props.x, y: this.props.y, fill: _Utils_Style__WEBPACK_IMPORTED_MODULE_2__/* .gray400 */ .de, fontSize: this.props.fontSize, key: "".concat(item.label, "-legend-data") },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tspan", { dx: dot == null ? 0 : 10 }, (_e = (_d = (_c = this.props).labelFormat) === null || _d === void 0 ? void 0 : _d.call(_c, label)) !== null && _e !== void 0 ? _e : label),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tspan", { x: this.getRightElementX(), dx: 5, fill: 'black', fontWeight: 'bold', textAnchor: 'end' }, (_h = (_g = (_f = this.props).valueFormat) === null || _g === void 0 ? void 0 : _g.call(_f, item.value)) !== null && _h !== void 0 ? _h : item.value),
-                percentage)));
-    };
-    StatisticsSVGLegend.prototype.renderSVGDataInfoBitMoreItems = function (item, i) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var label = (_a = item.label) !== null && _a !== void 0 ? _a : '', percentage = this.renderPercentage(item), dot = this.renderCircle((_b = this.props.colors) === null || _b === void 0 ? void 0 : _b[i]);
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), { key: "".concat(item.label, "-legend-data-items") },
-            dot,
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tspan", { dx: i === 0 || dot != null ? 0 : 10, fill: _Utils_Style__WEBPACK_IMPORTED_MODULE_2__/* .gray400 */ .de }, (_e = (_d = (_c = this.props).labelFormat) === null || _d === void 0 ? void 0 : _d.call(_c, label)) !== null && _e !== void 0 ? _e : label),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tspan", { dx: 5, fill: 'black', fontWeight: 'bold' }, (_h = (_g = (_f = this.props).valueFormat) === null || _g === void 0 ? void 0 : _g.call(_f, item.value)) !== null && _h !== void 0 ? _h : item.value),
-            percentage));
-    };
-    StatisticsSVGLegend.prototype.renderCircle = function (color) {
-        if (color == null) {
-            return null;
-        }
-        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("circle", { cx: this.props.x, cy: this.props.y - 3, r: '5', fill: color });
-    };
-    StatisticsSVGLegend.prototype.renderPercentage = function (item) {
-        var _a;
-        var percentage = item.percentage != null ? (0,_Utils_Statistics__WEBPACK_IMPORTED_MODULE_1__/* .normalizePercentage */ .Ow)(item.percentage) : null;
-        if (percentage == null) {
-            return null;
-        }
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tspan", { x: this.getRightElementX(), dx: 5, fill: (_a = this.props.colors) === null || _a === void 0 ? void 0 : _a[0] }, percentage));
-    };
-    StatisticsSVGLegend.prototype.getRightElementX = function () {
-        var width = this.props.width;
-        if (width == null) {
-            return undefined;
-        }
-        return (this.props.x === 0 ? width / 2 : width) - 18;
-    };
-    StatisticsSVGLegend.prototype.removeItemIfNoValue = function (propsData) {
-        return propsData.filter(function (item) { return item.value !== null; });
-    };
-    StatisticsSVGLegend.prototype.render = function () {
-        var legendData = this.removeItemIfNoValue(this.props.data);
-        if ((legendData === null || legendData === void 0 ? void 0 : legendData.length) > 1) {
-            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", null,
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("text", { x: this.props.x, y: this.props.y, dy: this.props.dy, fill: _Utils_Style__WEBPACK_IMPORTED_MODULE_2__/* .gray400 */ .de, fontSize: this.props.fontSize, key: 'legend-data-bit', className: 'legend-data-bit' }, legendData.map(this.renderSVGDataInfoBitMoreItems))));
-        }
-        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", null, legendData.map(this.renderSVGDataInfoBit));
-    };
-    var _a, _b, _c, _d;
-    StatisticsSVGLegend.displayName = 'StatisticsSVGLegend';
-    StatisticsSVGLegend.defaultProps = {
-        dy: 0,
-        fontSize: 11,
-        colors: [],
-    };
-    __decorate([
-        autobind_decorator__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_a = typeof _Utils_CommonTypes__WEBPACK_IMPORTED_MODULE_4__/* .DataPoint */ .hz !== "undefined" && _Utils_CommonTypes__WEBPACK_IMPORTED_MODULE_4__/* .DataPoint */ .hz) === "function" ? _a : Object, Number]),
-        __metadata("design:returntype", typeof (_b = typeof (react__WEBPACK_IMPORTED_MODULE_0___default()) !== "undefined" && (react__WEBPACK_IMPORTED_MODULE_0___default().ReactNode)) === "function" ? _b : Object)
-    ], StatisticsSVGLegend.prototype, "renderSVGDataInfoBit", null);
-    __decorate([
-        autobind_decorator__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_c = typeof _Utils_CommonTypes__WEBPACK_IMPORTED_MODULE_4__/* .DataPoint */ .hz !== "undefined" && _Utils_CommonTypes__WEBPACK_IMPORTED_MODULE_4__/* .DataPoint */ .hz) === "function" ? _c : Object, Number]),
-        __metadata("design:returntype", typeof (_d = typeof (react__WEBPACK_IMPORTED_MODULE_0___default()) !== "undefined" && (react__WEBPACK_IMPORTED_MODULE_0___default().ReactNode)) === "function" ? _d : Object)
-    ], StatisticsSVGLegend.prototype, "renderSVGDataInfoBitMoreItems", null);
-    return StatisticsSVGLegend;
-}((react__WEBPACK_IMPORTED_MODULE_0___default().PureComponent)));
-
-
-
-/***/ }),
-
-/***/ 7562:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "StatisticsSVGLegend": () => (/* reexport */ StatisticsSVGLegend/* StatisticsSVGLegend */.Q)
-});
-
-// UNUSED EXPORTS: StatisticsLegend, StatisticsLegendProps, getRenderStatisticsLegend
-
-// 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 "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react-bootstrap/Col"
-var Col_ = __webpack_require__(5315);
-var Col_default = /*#__PURE__*/__webpack_require__.n(Col_);
-// EXTERNAL MODULE: external "@fortawesome/pro-solid-svg-icons/faCircle"
-var faCircle_ = __webpack_require__(1326);
-// EXTERNAL MODULE: external "@fortawesome/react-fontawesome"
-var react_fontawesome_ = __webpack_require__(5692);
-// EXTERNAL MODULE: ./src/components/EllipsableContent/index.ts + 1 modules
-var EllipsableContent = __webpack_require__(9629);
-// EXTERNAL MODULE: ./src/components/Utils/Text.ts
-var Text = __webpack_require__(2394);
-// EXTERNAL MODULE: ./src/components/Utils/Statistics.ts
-var Statistics = __webpack_require__(5909);
-;// CONCATENATED MODULE: ./src/components/StatisticsLegend/StatisticsLegendItem.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 __());
-    };
-})();
-
-
-
-// eslint-disable-next-line import/no-internal-modules
-
-
-
-
-
-var StatisticsLegendItem = /** @class */ (function (_super) {
-    __extends(StatisticsLegendItem, _super);
-    function StatisticsLegendItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StatisticsLegendItem.prototype.renderRightBlock = function () {
-        var items = [this.renderValue(), this.renderPercentage()].filter(function (node) { return node != null; });
-        if (items.length == null) {
-            return null;
-        }
-        return external_react_default().createElement(EllipsableContent.EllipsableContent.Append, null, items);
-    };
-    StatisticsLegendItem.prototype.renderValue = function () {
-        var _a = this.props, legendDataValueKey = _a.legendDataValueKey, numberToStringFormatter = _a.numberToStringFormatter, data = _a.data;
-        if (legendDataValueKey == null || data[legendDataValueKey] == null) {
-            return null;
-        }
-        var value = data[legendDataValueKey], newValue = numberToStringFormatter ? numberToStringFormatter(value) : String(value);
-        return (external_react_default().createElement("div", { key: 'value-container', className: 'value-container font-weight-bold text-nowrap' }, newValue));
-    };
-    StatisticsLegendItem.prototype.renderPercentage = function () {
-        var _a = this.props, legendDataPercentageKey = _a.legendDataPercentageKey, data = _a.data;
-        if (legendDataPercentageKey == null || data[legendDataPercentageKey] == null) {
-            return null;
-        }
-        var percentage = (0,Statistics/* normalizePercentage */.Ow)(data[legendDataPercentageKey]);
-        return (external_react_default().createElement("div", { key: 'percentage-container', className: 'percentage-container ml-1' }, percentage));
-    };
-    StatisticsLegendItem.prototype.renderOtherLabel = function (data) {
-        var _a;
-        if ((0,Text/* isStringEmpty */.Wq)(data.label)) {
-            return String((_a = data === null || data === void 0 ? void 0 : data.id) !== null && _a !== void 0 ? _a : '');
-        }
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return data.label;
-    };
-    StatisticsLegendItem.prototype.renderLabel = function () {
-        var _a = this.props, legendDataLabelKey = _a.legendDataLabelKey, data = _a.data, otherId = _a.otherId;
-        if (data.id === otherId) {
-            return this.renderOtherLabel(data);
-        }
-        return legendDataLabelKey == null ? null : data === null || data === void 0 ? void 0 : data[legendDataLabelKey];
-    };
-    StatisticsLegendItem.prototype.render = function () {
-        var _a = this.props, columnNumber = _a.columnNumber, color = _a.color, data = _a.data;
-        var className = external_classnames_default()('legend-item px-1', {
-            'flex-basis-0': this.props.layout === 'horizontal',
-        });
-        return (external_react_default().createElement((Col_default()), { sm: 24 / columnNumber, className: className, key: "legend-item-".concat(data.id) },
-            external_react_default().createElement(EllipsableContent.EllipsableContent, { className: 'label-container w-100 justify-content-between' },
-                external_react_default().createElement(EllipsableContent.EllipsableContent.Content, null,
-                    external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faCircle_.faCircle, color: color, className: 'mr-1' }),
-                    this.renderLabel()),
-                this.renderRightBlock())));
-    };
-    StatisticsLegendItem.displayName = 'StatisticsLegendItem';
-    return StatisticsLegendItem;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/StatisticsLegend/StatisticsLegend.tsx
-
-
-
-
-
-var StatisticsLegend_StatisticsLegend = external_react_default().memo(function (_a) {
-    var data = _a.data, otherId = _a.otherId, colors = _a.colors, _b = _a.layout, layout = _b === void 0 ? 'vertical' : _b, _c = _a.columnNumber, columnNumber = _c === void 0 ? 2 : _c, numberToStringFormatter = _a.numberToStringFormatter, legendDataLabelKey = _a.legendDataLabelKey, legendDataValueKey = _a.legendDataValueKey, legendDataPercentageKey = _a.legendDataPercentageKey;
-    // eslint-disable-next-line react/display-name
-    function renderItem(item, i) {
-        var id = item.id, color = id === otherId ? colors === null || colors === void 0 ? void 0 : colors[colors.length - 1] : colors === null || colors === void 0 ? void 0 : colors[i];
-        return (external_react_default().createElement(StatisticsLegendItem, { data: item, numberToStringFormatter: numberToStringFormatter, legendDataValueKey: legendDataValueKey, legendDataLabelKey: legendDataLabelKey, legendDataPercentageKey: legendDataPercentageKey, color: color, otherId: otherId, key: id + color, columnNumber: columnNumber, layout: layout }));
-    }
-    function removeItemIfOtherWithNoValue(propsData) {
-        return propsData.filter(function (item) { return item.value !== 0 || item.id !== otherId; });
-    }
-    var legendData = removeItemIfOtherWithNoValue(data);
-    if (layout === 'horizontal') {
-        return external_react_default().createElement("div", { className: 'legend-container' }, legendData.map(renderItem));
-    }
-    return (external_react_default().createElement((Container_default()), { className: 'legend-container' },
-        external_react_default().createElement((Row_default()), { className: 'w-100' }, legendData.map(renderItem))));
-});
-StatisticsLegend_StatisticsLegend.displayName = 'StatisticsLegend';
-
-;// CONCATENATED MODULE: ./src/components/StatisticsLegend/helpers.tsx
-
-
-var getRenderStatisticsLegend = function (_a) {
-    var legendDataLabelKey = _a.legendDataLabelKey, legendDataValueKey = _a.legendDataValueKey, legendDataPercentageKey = _a.legendDataPercentageKey, layout = _a.layout, columnsNumber = _a.columnsNumber;
-    // eslint-disable-next-line react/display-name
-    return function (_a) {
-        var data = _a.data, otherId = _a.otherId, colors = _a.colors, numberToStringFormatter = _a.numberToStringFormatter;
-        return (React.createElement(StatisticsLegend, { layout: layout, data: data, otherId: otherId, colors: colors, columnNumber: columnsNumber, numberToStringFormatter: numberToStringFormatter, legendDataLabelKey: legendDataLabelKey, legendDataValueKey: legendDataValueKey, legendDataPercentageKey: legendDataPercentageKey }));
-    };
-};
-
-// EXTERNAL MODULE: ./src/components/StatisticsLegend/StatisticsSVGLegend.tsx
-var StatisticsSVGLegend = __webpack_require__(3311);
-;// CONCATENATED MODULE: ./src/components/StatisticsLegend/index.ts
-
-
-
-
-
-/***/ }),
-
-/***/ 8007:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "q": () => (/* binding */ getRenderStatisticsTooltip)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8156);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4806);
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-function getRenderStatisticsTooltip(_a) {
-    var tooltipDataLabelKey = _a.tooltipDataLabelKey, tooltipDataValueKey = _a.tooltipDataValueKey, tooltipDataTitleKey = _a.tooltipDataTitleKey, otherId = _a.otherId, otherLabel = _a.otherLabel, numberToStringFormatter = _a.numberToStringFormatter, withColor = _a.withColor, _b = _a.className, className = _b === void 0 ? 'tooltip-background' : _b;
-    // eslint-disable-next-line react/display-name
-    return function (props) {
-        var _a, _b, _c, _d;
-        var tooltipData = __assign(__assign({}, props.data), { value: (_a = props.data) === null || _a === void 0 ? void 0 : _a['value'], label: (_b = props.data) === null || _b === void 0 ? void 0 : _b['label'], id: (_c = props.data) === null || _c === void 0 ? void 0 : _c['id'], percentage: (_d = props.data) === null || _d === void 0 ? void 0 : _d['percentage'] });
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_1__.StatisticsTooltip, { otherId: otherId, otherLabel: otherLabel, numberToStringFormatter: numberToStringFormatter, data: tooltipData, tooltipDataLabelKey: tooltipDataLabelKey, tooltipDataTitleKey: tooltipDataTitleKey, tooltipDataValueKey: tooltipDataValueKey, className: className !== null && className !== void 0 ? className : '', color: withColor ? props.color : undefined }));
-    };
-}
-
-
-/***/ }),
-
-/***/ 4806:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "StatisticsTooltip": () => (/* reexport */ StatisticsTooltip),
-  "getRenderStatisticsTooltip": () => (/* reexport */ helpers/* getRenderStatisticsTooltip */.q)
-});
-
-// UNUSED EXPORTS: GetRenderStatisticsTooltipType
-
-// 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: ./src/components/Utils/Statistics.ts
-var Statistics = __webpack_require__(5909);
-;// CONCATENATED MODULE: ./src/components/StatisticsTooltip/StatisticsTooltip.tsx
-
-
-
-var StatisticsTooltip = external_react_default().memo(function (props) {
-    // eslint-disable-next-line react/display-name
-    function renderSubtitle() {
-        var values = [
-            { value: getLabel(), key: props.tooltipDataLabelKey, className: 'label' },
-            { value: getValue(), key: props.tooltipDataValueKey, className: 'value' },
-        ]
-            .filter(function (el) { return el.value != null; })
-            .map(function (el) { return (external_react_default().createElement("span", { key: el.key, className: el.className }, el.value)); });
-        if (values.length === 0) {
-            return null;
-        }
-        return external_react_default().createElement("div", { className: 'd-flex justify-content-between' }, values);
-    }
-    function getLabel() {
-        var tooltipDataLabelKey = props.tooltipDataLabelKey, numberToStringFormatter = props.numberToStringFormatter, data = props.data, label = getValueFromData(tooltipDataLabelKey, data);
-        if (label == null) {
-            return undefined;
-        }
-        if (numberToStringFormatter == null) {
-            return String(label);
-        }
-        if (typeof label == 'string') {
-            return label;
-        }
-        return numberToStringFormatter(label);
-    }
-    function getValue() {
-        var tooltipDataValueKey = props.tooltipDataValueKey, data = props.data, value = getValueFromData(tooltipDataValueKey, data);
-        if (value == null) {
-            return undefined;
-        }
-        if (typeof value == 'number') {
-            return (0,Statistics/* normalizePercentage */.Ow)(value);
-        }
-        return value;
-    }
-    function getTitle() {
-        var tooltipDataTitleKey = props.tooltipDataTitleKey, data = props.data, otherId = props.otherId, otherLabel = props.otherLabel, title = getValueFromData(tooltipDataTitleKey, data);
-        if (title === otherId) {
-            return otherLabel !== null && otherLabel !== void 0 ? otherLabel : otherId;
-        }
-        return title ? String(title) : undefined;
-    }
-    function getValueFromData(key, data) {
-        return key == null ? undefined : data === null || data === void 0 ? void 0 : data[key];
-    }
-    var className = external_classnames_default()('statistics-tooltip', props === null || props === void 0 ? void 0 : props.className), colorRectangle = props.color == null ? null : external_react_default().createElement("span", { className: 'tooltip-rectangle', style: { background: props.color } });
-    return (external_react_default().createElement("div", { className: className },
-        external_react_default().createElement("div", { className: 'd-flex align-items-center' },
-            colorRectangle,
-            external_react_default().createElement("span", { className: 'text-left' }, getTitle())),
-        renderSubtitle(),
-        props.children));
-});
-StatisticsTooltip.displayName = 'StatisticsTooltip';
-
-// EXTERNAL MODULE: ./src/components/StatisticsTooltip/helpers.tsx
-var helpers = __webpack_require__(8007);
-;// CONCATENATED MODULE: ./src/components/StatisticsTooltip/index.ts
-
-
-
-
-/***/ }),
-
-/***/ 4603:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Tooltip": () => (/* reexport */ Tooltip)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react-bootstrap/OverlayTrigger"
-var OverlayTrigger_ = __webpack_require__(6043);
-var OverlayTrigger_default = /*#__PURE__*/__webpack_require__.n(OverlayTrigger_);
-;// CONCATENATED MODULE: ./src/components/Tooltip/Tooltip.tsx
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-
-/**
- * ### Overview
- *
- * A tooltip is a short message which is triggered when the users hovers or clicks on a specific element inside the interface.
- *
- * ### Best practices
- * - Don’t use a tooltip when the information you want to place inside it is vital for the user to complete the task
- * - The text inside the tooltip should be brief but helpful
- * - Use tooltips to describe the action of icon-only buttons
- * - Make sure that the tooltip’s placement doesn’t hide its related content behind it
- */
-var Tooltip = external_react_default().memo(function (props) {
-    var _a;
-    var bs4v3Wrapper = document.querySelector('.bs4-v3-external-container'), placement = (_a = props.placement) !== null && _a !== void 0 ? _a : 'top', classNames = external_classnames_default()('tooltip atoka-tooltip', props.className, {
-        'top bs-tooltip-top': placement.indexOf('top') === 0,
-        'right bs-tooltip-right': placement.indexOf('right') === 0,
-        'bottom bs-tooltip-bottom': placement.indexOf('bottom') === 0,
-        'left bs-tooltip-left': placement.indexOf('left') === 0,
-    });
-    var content = props.content, overlayProps = __rest(props, ["content"]), renderTooltip = function (_a) {
-        var arrowProps = _a.arrowProps, tooltipProps = __rest(_a, ["arrowProps"]);
-        // {vrut} do not pass show to the component, this will raise an error, see PANDA-439
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var show = tooltipProps.show, rest = __rest(tooltipProps, ["show"]), component = (external_react_default().createElement("div", __assign({}, rest, { className: classNames, role: 'tooltip' }),
-            external_react_default().createElement("div", { className: 'tooltip-inner' },
-                external_react_default().createElement("div", __assign({ className: 'arrow arrow-back' }, arrowProps)),
-                content,
-                external_react_default().createElement("div", __assign({ className: 'arrow arrow-front' }, arrowProps)))));
-        return component;
-    };
-    return (external_react_default().createElement((OverlayTrigger_default()), __assign({}, overlayProps, { container: bs4v3Wrapper, overlay: renderTooltip }), props.children));
-});
-Tooltip.displayName = 'Tooltip';
-
-;// CONCATENATED MODULE: ./src/components/Tooltip/index.ts
-
-
-
-/***/ }),
-
-/***/ 3654:
-/***/ (() => {
-
-
-
-
-/***/ }),
-
-/***/ 5909:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "xG": () => (/* binding */ createDataWithOtherSlice),
-/* harmony export */   "Ow": () => (/* binding */ normalizePercentage)
-/* harmony export */ });
-/* unused harmony export createCleanTree */
-/* harmony import */ var _Utils_Utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4915);
-var __values = (undefined && undefined.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-
-
-function createDataWithOtherSlice(data, otherId, otherLabel, maxSlicesNumber, total, dataValueKey) {
-    var _a, _b;
-    if (maxSlicesNumber === void 0) { maxSlicesNumber = 0; }
-    if (dataValueKey === void 0) { dataValueKey = 'value'; }
-    var otherValue = 0, newOtherId = otherId !== null && otherId !== void 0 ? otherId : 'other', 
-    // We know it is defined but Typescript does not get it.
-    newmaxSlicesNumber = maxSlicesNumber !== null && maxSlicesNumber !== void 0 ? maxSlicesNumber : 0, newData = [], maxToMinData = data === null || data === void 0 ? void 0 : data.sort((0,_Utils_Utils__WEBPACK_IMPORTED_MODULE_0__/* .sortObjDesc */ .kV)(dataValueKey));
-    maxToMinData === null || maxToMinData === void 0 ? void 0 : maxToMinData.forEach(function (node, i) {
-        var _a;
-        if (i < newmaxSlicesNumber && node.id !== otherId) {
-            newData.push(createCleanTree(node));
-        }
-        else {
-            var nodeValue = (_a = Number(node === null || node === void 0 ? void 0 : node.value)) !== null && _a !== void 0 ? _a : 0;
-            otherValue += nodeValue;
-        }
-    });
-    var otherNode = {};
-    otherNode['id'] = newOtherId;
-    otherNode['value'] = parseFloat(otherValue.toFixed(2));
-    otherNode['initialValue'] = parseFloat(otherValue.toFixed(2));
-    otherNode['label'] = (_a = otherLabel !== null && otherLabel !== void 0 ? otherLabel : newOtherId) !== null && _a !== void 0 ? _a : '';
-    if (((_b = data === null || data === void 0 ? void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.percentage) != null && total != null) {
-        otherNode['percentage'] = (otherValue / total) * 100;
-    }
-    if (maxSlicesNumber !== Infinity || otherValue !== 0) {
-        newData.push(otherNode);
-    }
-    return newData;
-}
-function createCleanTree(node) {
-    if (node.children == null) {
-        return node;
-    }
-    var newNode = (0,_Utils_Utils__WEBPACK_IMPORTED_MODULE_0__/* .clone */ .d9)(node);
-    removeValueIfChildren(newNode);
-    return newNode;
-}
-// eslint-disable-next-line @typescript-eslint/ban-types
-function removeValueIfChildren(node) {
-    var e_1, _a;
-    var _b;
-    var children = ((_b = node === null || node === void 0 ? void 0 : node['children']) !== null && _b !== void 0 ? _b : []);
-    node['initialValue'] = node['value'];
-    if (children.length > 0) {
-        delete node['value'];
-    }
-    try {
-        for (var children_1 = __values(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
-            var child = children_1_1.value;
-            removeValueIfChildren(child);
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (children_1_1 && !children_1_1.done && (_a = children_1.return)) _a.call(children_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-}
-function normalizePercentage(value) {
-    var _a;
-    return "".concat(parseInt((_a = value === null || value === void 0 ? void 0 : value.toFixed) === null || _a === void 0 ? void 0 : _a.call(value, 0), 10), "%");
-}
-
-
-/***/ }),
-
-/***/ 7540:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "KH": () => (/* binding */ blue30),
-/* harmony export */   "kA": () => (/* binding */ blue80),
-/* harmony export */   "qi": () => (/* binding */ blue100),
-/* harmony export */   "p5": () => (/* binding */ blue300),
-/* harmony export */   "de": () => (/* binding */ gray400)
-/* harmony export */ });
-/* unused harmony exports calculateDomain, generateRangeColor, white, blue25, blue50, blue90, blue95, gray200, blue400, yellow, orange, red, green, gray100, gray300, purple, viola, pink100, pink200, salmon, black */
-
-function generateRangeColor(len, rangeColors) {
-    if (rangeColors === void 0) { rangeColors = ['#82CA9D', '#f6ea25', '#F7977A']; }
-    var generatedColors = [];
-    if (len === 0) {
-        return undefined;
-    }
-    var colors = scaleLinear(), domain = calculateDomain(rangeColors.length, rangeColors.length), targetDomain = calculateDomain(len, rangeColors.length);
-    colors = colors.domain(domain).range(rangeColors);
-    for (var i = 0; i < len; i++) {
-        generatedColors.push(colors(targetDomain[i]));
-    }
-    return generatedColors;
-}
-function calculateDomain(len, rangeColorsLength) {
-    var domain = [];
-    domain.push(0);
-    for (var i = 0; i < len - 2; i++) {
-        var num = Number((rangeColorsLength / len) * (i + 1));
-        domain.push(parseFloat(num.toFixed(2)));
-    }
-    domain.push(rangeColorsLength);
-    return domain;
-}
-// Keep these in sync with variables.less
-var white = '#FFFFFF', blue25 = '#eef2f5', blue30 = '#CBD8E0', blue50 = '#AFD1E0', blue80 = '#8FB7CB', blue90 = '#94C2DA', blue95 = '#6E9DB5', blue100 = '#578EA8', blue300 = 'rgb(32, 88, 113)', // #205871
-blue400 = '#11455C', gray100 = '#FAFAFA', gray200 = '#EBEBEB', gray300 = '#B0B0B0', gray400 = '#717171', yellow = '#FFBB00', orange = '#F38522', red = '#F72200', green = '#309B0A', purple = '#63619F', viola = '#965DA3', pink200 = '#C55795', pink100 = '#E85778', salmon = '#F86752', black = '#222222';
-
-
-
-/***/ }),
-
-/***/ 2394:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Wq": () => (/* binding */ isStringEmpty),
-/* harmony export */   "Hp": () => (/* binding */ ellipse)
-/* harmony export */ });
-/* unused harmony exports slugify, estimateWordSize, matchAndFormatRangeLabel, formatRange, ellipseAndFormat, escapeRegExp, isMatching, splitTextInParts */
-var __values = (undefined && undefined.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __read = (undefined && undefined.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-function isStringEmpty(s) {
-    if (s == null) {
-        return true;
-    }
-    return s.match(/^\s*$/) !== null;
-}
-function slugify(text) {
-    var a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;', b = 'aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------', p = new RegExp(a.split('').join('|'), 'g');
-    return text
-        .toString()
-        .toLowerCase()
-        .replace(/\s+/g, '-') // Replace spaces with -
-        .replace(p, function (c) { return b.charAt(a.indexOf(c)); }) // Replace special characters
-        .replace(/&/g, '-and-') // Replace & with 'and'
-        .replace(/[^\w-]+/g, '') // Remove all non-word characters
-        .replace(/--+/g, '-') // Replace multiple - with single -
-        .replace(/^-+/, '') // Trim - from start of text
-        .replace(/-+$/, ''); // Trim - from end of text
-}
-function estimateWordSize(wordLength, letterPixels, constant) {
-    return wordLength * letterPixels + constant;
-}
-function ellipse(input, length) {
-    if (input == null) {
-        return '';
-    }
-    return input.length > length ? "".concat(input.substr(0, length - 1), "\u2026") : input;
-}
-function matchAndFormatRangeLabel(formatter) {
-    return function (label) {
-        var match = /^([\d*]+)-([\d*]+)$/.exec(label);
-        if (match == null) {
-            return label;
-        }
-        return formatRange({
-            from: match[1],
-            to: match[2],
-        }, formatter !== null && formatter !== void 0 ? formatter : (function (v) { return v; }));
-    };
-}
-function formatRange(item, formatter) {
-    var _a, _b;
-    var to = item.to === '*' ? '*' : formatter(parseInt((_a = item.to) !== null && _a !== void 0 ? _a : '0', 10)), from = formatter(parseInt((_b = item.from) !== null && _b !== void 0 ? _b : '0', 10));
-    if (from === to) {
-        return "".concat(from);
-    }
-    return "".concat(from, " - ").concat(to);
-}
-function ellipseAndFormat(formatter, maxLabelLength) {
-    return function (value) {
-        var strValue = value.toString();
-        if (formatter == null) {
-            return ellipse(strValue, maxLabelLength);
-        }
-        return ellipse("".concat(formatter(strValue)), maxLabelLength);
-    };
-}
-function escapeRegExp(input) {
-    // eslint-disable-next-line
-    return input.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
-}
-function isMatching(text0, text1) {
-    var e_1, _a;
-    if (text0 == null || text1 == null) {
-        return false;
-    }
-    text0 = text0.toLowerCase();
-    text1 = text1.toLowerCase();
-    if (text1.match(' ') === null) {
-        return text0.match(escapeRegExp(text1)) !== null;
-    }
-    var splitNeedles = text1
-        .split(' ')
-        .filter(function (s) { return !isStringEmpty(s); })
-        .sort(function (a, b) { return b.length - a.length; });
-    try {
-        for (var splitNeedles_1 = __values(splitNeedles), splitNeedles_1_1 = splitNeedles_1.next(); !splitNeedles_1_1.done; splitNeedles_1_1 = splitNeedles_1.next()) {
-            var needle = splitNeedles_1_1.value;
-            if (text0 === needle) {
-                return true;
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (splitNeedles_1_1 && !splitNeedles_1_1.done && (_a = splitNeedles_1.return)) _a.call(splitNeedles_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return false;
-}
-function splitTextInParts(needles, text) {
-    var e_2, _a;
-    if (text == null) {
-        return [];
-    }
-    if (needles.match(' ') === null) {
-        var re = new RegExp('(' + escapeRegExp(needles) + ')', 'gi');
-        return text.split(re);
-    }
-    var splitNeedles = needles
-        .split(' ')
-        .filter(function (s) { return !isStringEmpty(s); })
-        .sort(function (a, b) { return b.length - a.length; }), ret = [text];
-    try {
-        for (var splitNeedles_2 = __values(splitNeedles), splitNeedles_2_1 = splitNeedles_2.next(); !splitNeedles_2_1.done; splitNeedles_2_1 = splitNeedles_2.next()) {
-            var needle = splitNeedles_2_1.value;
-            var re = new RegExp('(' + needle + ')', 'gi');
-            for (var index = 0; index < ret.length; index++) {
-                var currentText = ret[index];
-                if (isMatching(currentText, escapeRegExp(needles))) {
-                    continue;
-                }
-                var newParts = currentText.split(re).filter(function (s) { return s !== ''; });
-                ret.splice.apply(ret, __spreadArray([index, 1], __read(newParts), false));
-            }
-        }
-    }
-    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-    finally {
-        try {
-            if (splitNeedles_2_1 && !splitNeedles_2_1.done && (_a = splitNeedles_2.return)) _a.call(splitNeedles_2);
-        }
-        finally { if (e_2) throw e_2.error; }
-    }
-    return ret;
-}
-
-
-/***/ }),
-
-/***/ 4915:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "z8": () => (/* binding */ findChildByComponent),
-/* harmony export */   "kV": () => (/* binding */ sortObjDesc),
-/* harmony export */   "d9": () => (/* binding */ clone),
-/* harmony export */   "vZ": () => (/* binding */ deepEqual)
-/* harmony export */ });
-/* unused harmony exports findChildrenByComponent, hasChildIconOrCheckboxComponent, scrollToTop, zip, getDebouncer, rgbToHex */
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5692);
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8156);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Form_Form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8352);
-var __read = (undefined && undefined.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-
-
-
-function findChildrenByComponent(children, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-component) {
-    var ret = [];
-    react__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);
-}
-
-
-/***/ }),
-
-/***/ 1326:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1326__;
-
-/***/ }),
-
-/***/ 5692:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
-
-/***/ }),
-
-/***/ 7812:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__7812__;
-
-/***/ }),
-
-/***/ 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__;
-
-/***/ }),
-
-/***/ 6043:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__6043__;
-
-/***/ }),
-
-/***/ 3915:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__3915__;
-
-/***/ }),
-
-/***/ 4329:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* binding */ _typeof)
-/* harmony export */ });
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/chunk loaded */
-/******/ 	(() => {
-/******/ 		var deferred = [];
-/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
-/******/ 			if(chunkIds) {
-/******/ 				priority = priority || 0;
-/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
-/******/ 				deferred[i] = [chunkIds, fn, priority];
-/******/ 				return;
-/******/ 			}
-/******/ 			var notFulfilled = Infinity;
-/******/ 			for (var i = 0; i < deferred.length; i++) {
-/******/ 				var [chunkIds, fn, priority] = deferred[i];
-/******/ 				var fulfilled = true;
-/******/ 				for (var j = 0; j < chunkIds.length; j++) {
-/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
-/******/ 						chunkIds.splice(j--, 1);
-/******/ 					} else {
-/******/ 						fulfilled = false;
-/******/ 						if(priority < notFulfilled) notFulfilled = priority;
-/******/ 					}
-/******/ 				}
-/******/ 				if(fulfilled) {
-/******/ 					deferred.splice(i--, 1)
-/******/ 					var r = fn();
-/******/ 					if (r !== undefined) result = r;
-/******/ 				}
-/******/ 			}
-/******/ 			return result;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			1022: 0,
-/******/ 			3099: 0,
-/******/ 			1338: 0,
-/******/ 			9811: 0,
-/******/ 			2823: 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__(3614)))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("@nivo/pie"),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/OverlayTrigger"),require("react-bootstrap/Row")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-solid-svg-icons/faCircle","@fortawesome/react-fontawesome","@nivo/pie","classnames","react","react-bootstrap/Col","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("@nivo/pie"),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/OverlayTrigger"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(e["@fortawesome/pro-solid-svg-icons/faCircle"],e["@fortawesome/react-fontawesome"],e["@nivo/pie"],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/OverlayTrigger"],e["react-bootstrap/Row"])}(self,(function(e,t,r,o,n,l,a,i,s,p,u,c){return(()=>{"use strict";var d,f={6627:(e,t,r)=>{r.d(t,{MR:()=>l,ZP:()=>i});var o=r(4329);function n(e){return n="function"==typeof Symbol&&"symbol"===(0,o.Z)(Symbol.iterator)?function(e){return(0,o.Z)(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":(0,o.Z)(e)},n(e)}function l(e,t,r){var o=r.value;if("function"!=typeof o)throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(n(o)));var l=!1;return{configurable:!0,get:function(){if(l||this===e.prototype||this.hasOwnProperty(t)||"function"!=typeof o)return o;var r=o.bind(this);return l=!0,Object.defineProperty(this,t,{configurable:!0,get:function(){return r},set:function(e){o=e,delete this[t]}}),l=!1,r},set:function(e){o=e}}}function a(e){var t;return"undefined"!=typeof Reflect&&"function"==typeof Reflect.ownKeys?t=Reflect.ownKeys(e.prototype):(t=Object.getOwnPropertyNames(e.prototype),"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(e.prototype)))),t.forEach((function(t){if("constructor"!==t){var r=Object.getOwnPropertyDescriptor(e.prototype,t);"function"==typeof r.value&&Object.defineProperty(e.prototype,t,l(e,t,r))}})),e}function i(){return 1===arguments.length?a.apply(void 0,arguments):l.apply(void 0,arguments)}},9629:(e,t,r)=>{r.d(t,{EllipsableContent:()=>m});var o,n=r(8310),l=r.n(n),a=r(8156),i=r.n(a),s=r(4603),p=r(4915),u=(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),c=function(){return c=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},c.apply(this,arguments)},d=function(e){return i().createElement("div",{className:"ellipsable-content-prepend"},e.children)};d.displayName="EllipsableContent.Prepend";var f=function(e){return i().createElement("div",{className:"ellipsable-content-append"},e.children)};f.displayName="EllipsableContent.Append";var v=function(e){var t=i().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:i().createElement(s.Tooltip,c({},e.tooltipProps,{content:e.tooltip}),t)};v.displayName="EllipsableContent.Content";var m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.renderFullContent=function(){var e=(0,p.z8)(this.props.children,t.Prepend),r=(0,p.z8)(this.props.children,t.Content),o=(0,p.z8)(this.props.children,t.Append);return null!=r||null==e&&null==o?(null==r&&(r=i().createElement(t.Content,null,this.props.children)),null!=this.props.tooltip&&(r=i().createElement(r.type,c({},r.props,{tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps}))),i().createElement(i().Fragment,null,e,r,o)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)},t.prototype.render=function(){var e=l()("ellipsable-content-container",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:i().createElement("div",{className:e,style:this.props.style},t)},t.displayName="EllipsableContent",t.Prepend=d,t.Append=f,t.Content=v,t}(i().PureComponent)},8352:(e,t,r)=>{var o=r(8156),n=r.n(o),l=r(8310),a=r.n(l),i=r(8721),s=r.n(i),p=n().memo((function(e){var t=a()(null==e?void 0:e.className,"atoka-form-label");return n().createElement(s().Label,{className:t},e.children)}));p.displayName="FormLabel";var u=r(2048),c=function(){return c=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},c.apply(this,arguments)},d=function(e){var t,r=a()("atoka-form-checkbox",null==e?void 0:e.className);return n().createElement(s().Check,c({type:"checkbox"},e,{custom:!0,className:r,label:null!==(t=e.label)&&void 0!==t?t:""}))};d.displayName="FormCheckbox";var f=function(){return f=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},f.apply(this,arguments)},v=function(e){var t,r=a()(null==e?void 0:e.className,"atoka-form-radio");return n().createElement(s().Check,f({type:"radio"},e,{custom:!0,className:r,label:null!==(t=e.label)&&void 0!==t?t:""}))};v.displayName="FormRadio";var m=r(8763),y=r.n(m),h=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},b=n().memo((function(e){var t=e.children,r=h(e,["children"]),o=a()("d-block",null==r?void 0:r.className);return n().createElement(y(),{bsPrefix:"atoka-form-help",className:o},t)}));b.displayName="FormHelp";var g=function(){return g=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},g.apply(this,arguments)},O=function(e){var t=a()(null==e?void 0:e.className,"atoka-form");return n().createElement(s(),g({},e,{className:t}),e.children)};O.displayName="Form",O.Control=u.N,O.Label=p,O.Checkbox=d,O.Radio=v,O.File=s().File,O.Switch=s().Switch,O.Help=b,O.Group=s().Group},2048:(e,t,r)=>{r.d(t,{N:()=>f});var o=r(8156),n=r.n(o),l=r(8310),a=r.n(l),i=r(1082),s=r.n(i),p=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},u=n().memo((function(e){var t=e.show,r=void 0===t||t,o=p(e,["show"]),l=a()(null==o?void 0:o.className,"atoka-form-control-feedback",{"d-block":r});return n().createElement(s().Feedback,{type:o.type,className:l},o.children)}));u.displayName=" FormControlFeedBack";var c=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},d=n().forwardRef((function(e,t){var r=e.size,o=void 0===r?"md":r,l=c(e,["size"]),i=a()("atoka-form-control",null==l?void 0:l.className,{"atoka-shadow":l.withShadow,disabled:l.disabled});return n().createElement(s(),{as:l.as,rows:l.rows,cols:l.cols,placeholder:l.placeholder,className:i,disabled:l.disabled,readOnly:l.readOnly,value:l.value,onChange:l.onChange,onKeyPress:l.onKeyPress,onKeyDown:l.onKeyDown,defaultValue:l.defaultValue,size:"md"===o?void 0:o,type:l.type,id:l.id,isValid:l.isValid,isInvalid:l.isInvalid,ref:t,autoComplete:"off"},l.children)}));d.displayName="FormControlComponent";var f=d;f.FeedBack=u,f.displayName="FormControl"},3614:(e,t,r)=>{r.r(t),r.d(t,{PieChart:()=>w,PieChartProps:()=>o.PieChartProps});var o={};r.r(o),r.d(o,{u:()=>w});var n,l=r(6627),a=r(8156),i=r.n(a),s=r(7812),p=r(8310),u=r.n(p),c=r(5909),d=r(7562),f=r(4915),v=r(4806),m=r(7540),y=r(2394),h=(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),b=function(){return b=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},b.apply(this,arguments)},g=function(e,t,r,o){var n,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(a=(l<3?n(a):l>3?n(t,r,a):n(t,r))||a);return l>3&&a&&Object.defineProperty(t,r,a),a},O=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},w=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.renderTooltip=null,t.state={data:[]},t}var r,o,n,a,p;return h(t,e),t.prototype.componentDidUpdate=function(e){(0,f.vZ)(e,this.props)||this.setupComponent()},t.prototype.componentDidMount=function(){this.setupComponent()},t.prototype.setupComponent=function(){var e,t,r,o,n,l,a,i,s,p,u,d,m=this.props,y=m.data,h=void 0===y?[]:y,b=m.colors,g=m.maxSlicesNumber,O=Array.isArray(b)?b:Object.values(null!==(e=this.props.colors)&&void 0!==e?e:{});if(null==g&&O.length!==h.length)throw Error("The colors.length must be of the same length as the data you give to the component");if(g&&g+1!==O.length)throw Error("With a maxSliceNumber prop, maxSlicesNumber + 1 must be of the same length as the colors.length prop");var w=null==this.props.maxSlicesNumber?null===(t=this.props.data)||void 0===t?void 0:t.sort((0,f.kV)("value")):(0,c.xG)(null!==(o=null===(r=this.props)||void 0===r?void 0:r.data)&&void 0!==o?o:[],null===(n=this.props)||void 0===n?void 0:n.otherId,null===(l=this.props)||void 0===l?void 0:l.otherLabel,null===(a=this.props)||void 0===a?void 0:a.maxSlicesNumber,null===(i=this.props)||void 0===i?void 0:i.total);this.renderTooltip=null!==(s=this.props.renderTooltip)&&void 0!==s?s:(0,v.getRenderStatisticsTooltip)({tooltipDataLabelKey:"value",tooltipDataValueKey:"percentage",tooltipDataTitleKey:"id",otherId:this.props.otherId,numberToStringFormatter:null!==(u=null===(p=this.props)||void 0===p?void 0:p.tooltipValueFormat)&&void 0!==u?u:null===(d=this.props)||void 0===d?void 0:d.numberToStringFormatter,otherLabel:this.props.otherLabel,withColor:!0}),this.setState({data:w})},t.prototype.getSortedColorsLikeData=function(){var e,t=this;if(null!=this.props.colors)return Array.isArray(this.props.colors)?null!==(e=this.props.colors)&&void 0!==e?e:[]:this.state.data.map((function(e){var r,o;return null===(o=null===(r=t.props)||void 0===r?void 0:r.colors)||void 0===o?void 0:o[e.id]}))},t.prototype.renderLegend=function(){var e,t,r,o,n,l;return null===(t=null===(e=this.props)||void 0===e?void 0:e.renderLegend)||void 0===t?void 0:t.call(e,{data:this.state.data,otherId:null!==(o=null===(r=this.props)||void 0===r?void 0:r.otherId)&&void 0!==o?o:"",colors:null!==(n=this.getSortedColorsLikeData())&&void 0!==n?n:[],numberToStringFormatter:null===(l=this.props)||void 0===l?void 0:l.numberToStringFormatter})},t.prototype.renderCenteredMetric=function(e){var t,r,o,n=e.dataWithArc,l=e.centerX,a=e.centerY,s=n.reduce((function(e){for(var t,r,o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];var l=null!==(r=null===(t=o[0].data)||void 0===t?void 0:t.value)&&void 0!==r?r:0;return e+l}),0);return i().createElement("text",{x:l,y:a,textAnchor:"middle",fontSize:"42px",fontWeight:"600",dominantBaseline:"central",className:"cursor-default"},null!==(o=null===(r=null===(t=this.props)||void 0===t?void 0:t.numberToStringFormatter)||void 0===r?void 0:r.call(t,s))&&void 0!==o?o:s)},t.prototype.getRenderTooltip=function(e){var t,r,o,n,l=b(b({},{path:[],percentage:0,depth:0,height:0}),e.datum),a=null!==(t=this.renderTooltip)&&void 0!==t?t:null,i=(null===(r=l.data)||void 0===r?void 0:r.value)||(null===(o=l.data)||void 0===o?void 0:o.initialValue)||0;return null!==(n=null==a?void 0:a(b(b({},l),{data:b(b({},l.data),{value:i})})))&&void 0!==n?n:null},t.prototype.renderSVGLegend=function(){var e,t,r,o=this,n=this.state.data.map((function(e){var t;return b(b({},e),{value:null!==(t=e.value)&&void 0!==t?t:0,percentage:void 0})})),l=parseInt(null!==(e=this.props.size)&&void 0!==e?e:"0",10),a=l;a>0&&(a-=45+5*(n.length/2-1),n.length<3&&(a+=16));for(var s=0,p=[],u=null!==(t=this.getSortedColorsLikeData())&&void 0!==t?t:[],c=function(){var e=n.slice(s,s+2),t=null!==(r=null==u?void 0:u.slice(s,s+2))&&void 0!==r?r:null;e.forEach((function(e,r){var n=19-(null==o.props.numberToStringFormatter?null==e?void 0:e.value:o.props.numberToStringFormatter(null==e?void 0:e.value)).toString().length;p.push(i().createElement(d.StatisticsSVGLegend,{key:"".concat(s,"-").concat(r),data:[e],x:r*l/2+20*r,y:a+10*s,width:l/2*2+40,valueFormat:o.props.numberToStringFormatter,labelFormat:function(e){return(0,y.Hp)(e,n)},colors:[t[r]]}))})),s+=2};s<n.length;)c();return i().createElement("g",null,p)},t.prototype.render=function(){var e=this.props,t=e.size,r=e.withNumber,o="vertical"===this.props.layout,n=u()("d-flex piechart-container",this.props.className,{"flex-column align-items-center h-100":o,"justify-content-between":null!=this.props.renderLegend&&o,"justify-content-center":null==this.props.renderLegend&&o}),l=["arcs","arcLabels"],a={top:10,right:10,bottom:10,left:10},p=parseInt(null!=t?t:"0",10),c=null,d=t;return r&&l.push(this.renderCenteredMetric),this.props.withSVGLegend?(l.push(this.renderSVGLegend),a.bottom=60,d="300px"):c=this.renderLegend(),i().createElement("div",{ref:this.props.chartRef,className:n,id:this.props.id},i().createElement("div",{style:{height:p,width:d}},i().createElement(s.ResponsivePie,{tooltip:this.getRenderTooltip,data:this.state.data,margin:a,cornerRadius:0,innerRadius:.8,borderColor:"#ffff",colors:this.getSortedColorsLikeData(),enableArcLabels:!1,enableArcLinkLabels:!1,activeOuterRadiusOffset:0,isInteractive:!0,layers:l})),c)},t.displayName="PieChart",t.defaultProps={colors:[m.KH,m.kA,m.qi,m.p5],otherId:"other",size:"100%",layout:"vertical"},g([l.MR,O("design:type",Function),O("design:paramtypes",[]),O("design:returntype","function"==typeof(r=void 0!==i()&&i().ReactNode)?r:Object)],t.prototype,"renderLegend",null),g([l.MR,O("design:type",Function),O("design:paramtypes",["function"==typeof(o=void 0!==s.PieCustomLayerProps&&s.PieCustomLayerProps)?o:Object]),O("design:returntype","function"==typeof(n="undefined"!=typeof JSX&&JSX.Element)?n:Object)],t.prototype,"renderCenteredMetric",null),g([l.MR,O("design:type",Function),O("design:paramtypes",["function"==typeof(a=void 0!==s.PieTooltipProps&&s.PieTooltipProps)?a:Object]),O("design:returntype",Object)],t.prototype,"getRenderTooltip",null),g([l.MR,O("design:type",Function),O("design:paramtypes",[]),O("design:returntype","function"==typeof(p="undefined"!=typeof JSX&&JSX.Element)?p:Object)],t.prototype,"renderSVGLegend",null),t}(i().Component)},3311:(e,t,r)=>{r.d(t,{Q:()=>f});var o,n=r(8156),l=r.n(n),a=r(6627),i=r(3654),s=r(7540),p=r(5909),u=(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),c=function(e,t,r,o){var n,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(a=(l<3?n(a):l>3?n(t,r,a):n(t,r))||a);return l>3&&a&&Object.defineProperty(t,r,a),a},d=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}var r,o,n,f;return u(t,e),t.prototype.renderSVGDataInfoBit=function(e,t){var r,o,n,a,i,p,u,c,d=null!==(r=e.label)&&void 0!==r?r:"",f=this.renderPercentage(e),v=this.renderCircle(null===(o=this.props.colors)||void 0===o?void 0:o[t]);return l().createElement(l().Fragment,{key:"".concat(e.label,"-legend-data")},v,l().createElement("text",{x:this.props.x,y:this.props.y,fill:s.de,fontSize:this.props.fontSize,key:"".concat(e.label,"-legend-data")},l().createElement("tspan",{dx:null==v?0:10},null!==(i=null===(a=(n=this.props).labelFormat)||void 0===a?void 0:a.call(n,d))&&void 0!==i?i:d),l().createElement("tspan",{x:this.getRightElementX(),dx:5,fill:"black",fontWeight:"bold",textAnchor:"end"},null!==(c=null===(u=(p=this.props).valueFormat)||void 0===u?void 0:u.call(p,e.value))&&void 0!==c?c:e.value),f))},t.prototype.renderSVGDataInfoBitMoreItems=function(e,t){var r,o,n,a,i,p,u,c,d=null!==(r=e.label)&&void 0!==r?r:"",f=this.renderPercentage(e),v=this.renderCircle(null===(o=this.props.colors)||void 0===o?void 0:o[t]);return l().createElement(l().Fragment,{key:"".concat(e.label,"-legend-data-items")},v,l().createElement("tspan",{dx:0===t||null!=v?0:10,fill:s.de},null!==(i=null===(a=(n=this.props).labelFormat)||void 0===a?void 0:a.call(n,d))&&void 0!==i?i:d),l().createElement("tspan",{dx:5,fill:"black",fontWeight:"bold"},null!==(c=null===(u=(p=this.props).valueFormat)||void 0===u?void 0:u.call(p,e.value))&&void 0!==c?c:e.value),f)},t.prototype.renderCircle=function(e){return null==e?null:l().createElement("circle",{cx:this.props.x,cy:this.props.y-3,r:"5",fill:e})},t.prototype.renderPercentage=function(e){var t,r=null!=e.percentage?(0,p.Ow)(e.percentage):null;return null==r?null:l().createElement("tspan",{x:this.getRightElementX(),dx:5,fill:null===(t=this.props.colors)||void 0===t?void 0:t[0]},r)},t.prototype.getRightElementX=function(){var e=this.props.width;if(null!=e)return(0===this.props.x?e/2:e)-18},t.prototype.removeItemIfNoValue=function(e){return e.filter((function(e){return null!==e.value}))},t.prototype.render=function(){var e=this.removeItemIfNoValue(this.props.data);return(null==e?void 0:e.length)>1?l().createElement("g",null,l().createElement("text",{x:this.props.x,y:this.props.y,dy:this.props.dy,fill:s.de,fontSize:this.props.fontSize,key:"legend-data-bit",className:"legend-data-bit"},e.map(this.renderSVGDataInfoBitMoreItems))):l().createElement("g",null,e.map(this.renderSVGDataInfoBit))},t.displayName="StatisticsSVGLegend",t.defaultProps={dy:0,fontSize:11,colors:[]},c([a.ZP,d("design:type",Function),d("design:paramtypes",["function"==typeof(r=void 0!==i.hz&&i.hz)?r:Object,Number]),d("design:returntype","function"==typeof(o=void 0!==l()&&l().ReactNode)?o:Object)],t.prototype,"renderSVGDataInfoBit",null),c([a.ZP,d("design:type",Function),d("design:paramtypes",["function"==typeof(n=void 0!==i.hz&&i.hz)?n:Object,Number]),d("design:returntype","function"==typeof(f=void 0!==l()&&l().ReactNode)?f:Object)],t.prototype,"renderSVGDataInfoBitMoreItems",null),t}(l().PureComponent)},7562:(e,t,r)=>{r.d(t,{StatisticsSVGLegend:()=>w.Q});var o,n=r(8156),l=r.n(n),a=r(4394),i=r.n(a),s=r(3915),p=r.n(s),u=r(8310),c=r.n(u),d=r(5315),f=r.n(d),v=r(1326),m=r(5692),y=r(9629),h=r(2394),b=r(5909),g=(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),O=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return g(t,e),t.prototype.renderRightBlock=function(){var e=[this.renderValue(),this.renderPercentage()].filter((function(e){return null!=e}));return null==e.length?null:l().createElement(y.EllipsableContent.Append,null,e)},t.prototype.renderValue=function(){var e=this.props,t=e.legendDataValueKey,r=e.numberToStringFormatter,o=e.data;if(null==t||null==o[t])return null;var n=o[t],a=r?r(n):String(n);return l().createElement("div",{key:"value-container",className:"value-container font-weight-bold text-nowrap"},a)},t.prototype.renderPercentage=function(){var e=this.props,t=e.legendDataPercentageKey,r=e.data;if(null==t||null==r[t])return null;var o=(0,b.Ow)(r[t]);return l().createElement("div",{key:"percentage-container",className:"percentage-container ml-1"},o)},t.prototype.renderOtherLabel=function(e){var t;return(0,h.Wq)(e.label)?String(null!==(t=null==e?void 0:e.id)&&void 0!==t?t:""):e.label},t.prototype.renderLabel=function(){var e=this.props,t=e.legendDataLabelKey,r=e.data,o=e.otherId;return r.id===o?this.renderOtherLabel(r):null==t?null:null==r?void 0:r[t]},t.prototype.render=function(){var e=this.props,t=e.columnNumber,r=e.color,o=e.data,n=c()("legend-item px-1",{"flex-basis-0":"horizontal"===this.props.layout});return l().createElement(f(),{sm:24/t,className:n,key:"legend-item-".concat(o.id)},l().createElement(y.EllipsableContent,{className:"label-container w-100 justify-content-between"},l().createElement(y.EllipsableContent.Content,null,l().createElement(m.FontAwesomeIcon,{icon:v.faCircle,color:r,className:"mr-1"}),this.renderLabel()),this.renderRightBlock()))},t.displayName="StatisticsLegendItem",t}(l().PureComponent);l().memo((function(e){var t=e.data,r=e.otherId,o=e.colors,n=e.layout,a=void 0===n?"vertical":n,s=e.columnNumber,u=void 0===s?2:s,c=e.numberToStringFormatter,d=e.legendDataLabelKey,f=e.legendDataValueKey,v=e.legendDataPercentageKey;function m(e,t){var n=e.id,i=n===r?null==o?void 0:o[o.length-1]:null==o?void 0:o[t];return l().createElement(O,{data:e,numberToStringFormatter:c,legendDataValueKey:f,legendDataLabelKey:d,legendDataPercentageKey:v,color:i,otherId:r,key:n+i,columnNumber:u,layout:a})}var y=t.filter((function(e){return 0!==e.value||e.id!==r}));return"horizontal"===a?l().createElement("div",{className:"legend-container"},y.map(m)):l().createElement(i(),{className:"legend-container"},l().createElement(p(),{className:"w-100"},y.map(m)))})).displayName="StatisticsLegend";var w=r(3311)},8007:(e,t,r)=>{r.d(t,{q:()=>i});var o=r(8156),n=r.n(o),l=r(4806),a=function(){return a=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},a.apply(this,arguments)};function i(e){var t=e.tooltipDataLabelKey,r=e.tooltipDataValueKey,o=e.tooltipDataTitleKey,i=e.otherId,s=e.otherLabel,p=e.numberToStringFormatter,u=e.withColor,c=e.className,d=void 0===c?"tooltip-background":c;return function(e){var c,f,v,m,y=a(a({},e.data),{value:null===(c=e.data)||void 0===c?void 0:c.value,label:null===(f=e.data)||void 0===f?void 0:f.label,id:null===(v=e.data)||void 0===v?void 0:v.id,percentage:null===(m=e.data)||void 0===m?void 0:m.percentage});return n().createElement(l.StatisticsTooltip,{otherId:i,otherLabel:s,numberToStringFormatter:p,data:y,tooltipDataLabelKey:t,tooltipDataTitleKey:o,tooltipDataValueKey:r,className:null!=d?d:"",color:u?e.color:void 0})}}},4806:(e,t,r)=>{r.d(t,{StatisticsTooltip:()=>s,getRenderStatisticsTooltip:()=>p.q});var o=r(8156),n=r.n(o),l=r(8310),a=r.n(l),i=r(5909),s=n().memo((function(e){function t(){var t=e.tooltipDataLabelKey,r=e.numberToStringFormatter,n=o(t,e.data);if(null!=n)return null==r?String(n):"string"==typeof n?n:r(n)}function r(){var t=o(e.tooltipDataValueKey,e.data);if(null!=t)return"number"==typeof t?(0,i.Ow)(t):t}function o(e,t){return null==e||null==t?void 0:t[e]}var l,s,p,u,c,d,f=a()("statistics-tooltip",null==e?void 0:e.className),v=null==e.color?null:n().createElement("span",{className:"tooltip-rectangle",style:{background:e.color}});return n().createElement("div",{className:f},n().createElement("div",{className:"d-flex align-items-center"},v,n().createElement("span",{className:"text-left"},(s=e.tooltipDataTitleKey,p=e.data,u=e.otherId,c=e.otherLabel,(d=o(s,p))===u?null!=c?c:u:d?String(d):void 0))),0===(l=[{value:t(),key:e.tooltipDataLabelKey,className:"label"},{value:r(),key:e.tooltipDataValueKey,className:"value"}].filter((function(e){return null!=e.value})).map((function(e){return n().createElement("span",{key:e.key,className:e.className},e.value)}))).length?null:n().createElement("div",{className:"d-flex justify-content-between"},l),e.children)}));s.displayName="StatisticsTooltip";var p=r(8007)},4603:(e,t,r)=>{r.d(t,{Tooltip:()=>c});var o=r(8156),n=r.n(o),l=r(8310),a=r.n(l),i=r(6043),s=r.n(i),p=function(){return p=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},p.apply(this,arguments)},u=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},c=n().memo((function(e){var t,r=document.querySelector(".bs4-v3-external-container"),o=null!==(t=e.placement)&&void 0!==t?t:"top",l=a()("tooltip atoka-tooltip",e.className,{"top bs-tooltip-top":0===o.indexOf("top"),"right bs-tooltip-right":0===o.indexOf("right"),"bottom bs-tooltip-bottom":0===o.indexOf("bottom"),"left bs-tooltip-left":0===o.indexOf("left")}),i=e.content,c=u(e,["content"]);return n().createElement(s(),p({},c,{container:r,overlay:function(e){var t=e.arrowProps,r=u(e,["arrowProps"]),o=(r.show,u(r,["show"]));return n().createElement("div",p({},o,{className:l,role:"tooltip"}),n().createElement("div",{className:"tooltip-inner"},n().createElement("div",p({className:"arrow arrow-back"},t)),i,n().createElement("div",p({className:"arrow arrow-front"},t))))}}),e.children)}));c.displayName="Tooltip"},3654:()=>{},5909:(e,t,r)=>{r.d(t,{xG:()=>l,Ow:()=>i});var o=r(4915),n=function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};function l(e,t,r,n,l,i){var s,p;void 0===n&&(n=0),void 0===i&&(i="value");var u=0,c=null!=t?t:"other",d=null!=n?n:0,f=[],v=null==e?void 0:e.sort((0,o.kV)(i));null==v||v.forEach((function(e,r){var n;if(r<d&&e.id!==t)f.push(function(e){if(null==e.children)return e;var t=(0,o.d9)(e);return a(t),t}(e));else{var l=null!==(n=Number(null==e?void 0:e.value))&&void 0!==n?n:0;u+=l}}));var m={};return m.id=c,m.value=parseFloat(u.toFixed(2)),m.initialValue=parseFloat(u.toFixed(2)),m.label=null!==(s=null!=r?r:c)&&void 0!==s?s:"",null!=(null===(p=null==e?void 0:e[0])||void 0===p?void 0:p.percentage)&&null!=l&&(m.percentage=u/l*100),n===1/0&&0===u||f.push(m),f}function a(e){var t,r,o,l=null!==(o=null==e?void 0:e.children)&&void 0!==o?o:[];e.initialValue=e.value,l.length>0&&delete e.value;try{for(var i=n(l),s=i.next();!s.done;s=i.next()){a(s.value)}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}}function i(e){var t;return"".concat(parseInt(null===(t=null==e?void 0:e.toFixed)||void 0===t?void 0:t.call(e,0),10),"%")}},7540:(e,t,r)=>{r.d(t,{KH:()=>o,kA:()=>n,qi:()=>l,p5:()=>a,de:()=>i});var o="#CBD8E0",n="#8FB7CB",l="#578EA8",a="rgb(32, 88, 113)",i="#717171"},2394:(e,t,r)=>{r.d(t,{Wq:()=>o,Hp:()=>n});function o(e){return null==e||null!==e.match(/^\s*$/)}function n(e,t){return null==e?"":e.length>t?"".concat(e.substr(0,t-1),"…"):e}},4915:(e,t,r)=>{r.d(t,{z8:()=>l,kV:()=>a,d9:()=>i,vZ:()=>p});r(5692);var o=r(8156),n=r.n(o);r(8352);function l(e,t){var r,o;return null!==(o=null===(r=function(e,t){var r=[];return n().Children.forEach(e,(function(e){(null==e?void 0:e.type)===t&&r.push(e)})),r}(e,t))||void 0===r?void 0:r[0])&&void 0!==o?o:null}function a(e){return function(t,r){var o=0,n=0;return null!=(null==t?void 0:t[e])&&(o=null==t?void 0:t[e]),null!=(null==r?void 0:r[e])&&(n=null==r?void 0:r[e]),o>n?-1:1}}function i(e){return JSON.parse(JSON.stringify(e))}function s(e){return"object"==typeof e&&null!=e}function p(e,t){if(e===t)return!0;if(s(e)&&s(t)){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var r in e)if(!p(e[r],t[r]))return!1;return!0}return!1}},1326:t=>{t.exports=e},5692:e=>{e.exports=t},7812:e=>{e.exports=r},8310:e=>{e.exports=o},8156:e=>{e.exports=n},5315:e=>{e.exports=l},4394:e=>{e.exports=a},8721:e=>{e.exports=i},1082:e=>{e.exports=s},8763:e=>{e.exports=p},6043:e=>{e.exports=u},3915:e=>{e.exports=c},4329:(e,t,r)=>{function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}r.d(t,{Z:()=>o})}},v={};function m(e){var t=v[e];if(void 0!==t)return t.exports;var r=v[e]={exports:{}};return f[e](r,r.exports,m),r.exports}m.m=f,d=[],m.O=(e,t,r,o)=>{if(!t){var n=1/0;for(s=0;s<d.length;s++){for(var[t,r,o]=d[s],l=!0,a=0;a<t.length;a++)(!1&o||n>=o)&&Object.keys(m.O).every((e=>m.O[e](t[a])))?t.splice(a--,1):(l=!1,o<n&&(n=o));if(l){d.splice(s--,1);var i=r();void 0!==i&&(e=i)}}return e}o=o||0;for(var s=d.length;s>0&&d[s-1][2]>o;s--)d[s]=d[s-1];d[s]=[t,r,o]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},m.d=(e,t)=>{for(var r in t)m.o(t,r)&&!m.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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={1022:0,3099:0,1338:0,9811:0,2823:0,8699:0};m.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[l,a,i]=r,s=0;if(l.some((t=>0!==e[t]))){for(o in a)m.o(a,o)&&(m.m[o]=a[o]);if(i)var p=i(m)}for(t&&t(r);s<l.length;s++)n=l[s],m.o(e,n)&&e[n]&&e[n][0](),e[l[s]]=0;return m.O(p)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var y=m.O(void 0,[8699],(()=>m(3614)));return y=m.O(y)})()}));