@spaziodati/atoka-design-system 2.1.6 → 2.1.7

package/Histogram/index.js

@@ -1,2346 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@fortawesome/pro-light-svg-icons/faEmptySet"), require("@fortawesome/react-fontawesome"), require("@nivo/bar"), require("@nivo/tooltip"), require("classnames"), require("react"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"));
-	else if(typeof define === 'function' && define.amd)
-		define("atoka-design-system", ["@fortawesome/pro-light-svg-icons/faEmptySet", "@fortawesome/react-fontawesome", "@nivo/bar", "@nivo/tooltip", "classnames", "react", "react-bootstrap/Form", "react-bootstrap/FormControl", "react-bootstrap/FormText"], factory);
-	else if(typeof exports === 'object')
-		exports["atoka-design-system"] = factory(require("@fortawesome/pro-light-svg-icons/faEmptySet"), require("@fortawesome/react-fontawesome"), require("@nivo/bar"), require("@nivo/tooltip"), require("classnames"), require("react"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"));
-	else
-		root["atoka-design-system"] = factory(root["@fortawesome/pro-light-svg-icons/faEmptySet"], root["@fortawesome/react-fontawesome"], root["@nivo/bar"], root["@nivo/tooltip"], root["classnames"], root["react"], root["react-bootstrap/Form"], root["react-bootstrap/FormControl"], root["react-bootstrap/FormText"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__3402__, __WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__2895__, __WEBPACK_EXTERNAL_MODULE__5521__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__8721__, __WEBPACK_EXTERNAL_MODULE__1082__, __WEBPACK_EXTERNAL_MODULE__8763__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 6627:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "MR": () => (/* binding */ boundMethod)
-/* harmony export */ });
-/* unused harmony exports boundClass, default */
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4329);
-
-
-function _typeof(obj) {
-  if (typeof Symbol === "function" && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(Symbol.iterator) === "symbol") {
-    _typeof = function _typeof(obj) {
-      return (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(obj);
-    };
-  }
-
-  return _typeof(obj);
-}
-/**
- * Return a descriptor removing the value and returning a getter
- * The getter will return a .bind version of the function
- * and memoize the result against a symbol on the instance
- */
-
-
-function boundMethod(target, key, descriptor) {
-  var fn = descriptor.value;
-
-  if (typeof fn !== 'function') {
-    throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(_typeof(fn)));
-  } // In IE11 calling Object.defineProperty has a side-effect of evaluating the
-  // getter for the property which is being replaced. This causes infinite
-  // recursion and an "Out of stack space" error.
-
-
-  var definingProperty = false;
-  return {
-    configurable: true,
-    get: function get() {
-      // eslint-disable-next-line no-prototype-builtins
-      if (definingProperty || this === target.prototype || this.hasOwnProperty(key) || typeof fn !== 'function') {
-        return fn;
-      }
-
-      var boundFn = fn.bind(this);
-      definingProperty = true;
-      Object.defineProperty(this, key, {
-        configurable: true,
-        get: function get() {
-          return boundFn;
-        },
-        set: function set(value) {
-          fn = value;
-          delete this[key];
-        }
-      });
-      definingProperty = false;
-      return boundFn;
-    },
-    set: function set(value) {
-      fn = value;
-    }
-  };
-}
-/**
- * Use boundMethod to bind all methods on the target.prototype
- */
-
-function boundClass(target) {
-  // (Using reflect to get all keys including symbols)
-  var keys; // Use Reflect if exists
-
-  if (typeof Reflect !== 'undefined' && typeof Reflect.ownKeys === 'function') {
-    keys = Reflect.ownKeys(target.prototype);
-  } else {
-    keys = Object.getOwnPropertyNames(target.prototype); // Use symbols if support is provided
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      keys = keys.concat(Object.getOwnPropertySymbols(target.prototype));
-    }
-  }
-
-  keys.forEach(function (key) {
-    // Ignore special case target method
-    if (key === 'constructor') {
-      return;
-    }
-
-    var descriptor = Object.getOwnPropertyDescriptor(target.prototype, key); // Only methods need binding
-
-    if (typeof descriptor.value === 'function') {
-      Object.defineProperty(target.prototype, key, boundMethod(target, key, descriptor));
-    }
-  });
-  return target;
-}
-function autobind() {
-  if (arguments.length === 1) {
-    return boundClass.apply(void 0, arguments);
-  }
-
-  return boundMethod.apply(void 0, arguments);
-}
-
-/***/ }),
-
-/***/ 2766:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "ZP": () => (/* binding */ color)
-});
-
-// UNUSED EXPORTS: Color, Rgb, brighter, darker, hsl, hslConvert, rgb, rgbConvert
-
-;// CONCATENATED MODULE: ./node_modules/d3-color/src/define.js
-/* harmony default export */ function src_define(constructor, factory, prototype) {
-  constructor.prototype = factory.prototype = prototype;
-  prototype.constructor = constructor;
-}
-function extend(parent, definition) {
-  var prototype = Object.create(parent.prototype);
-
-  for (var key in definition) {
-    prototype[key] = definition[key];
-  }
-
-  return prototype;
-}
-;// CONCATENATED MODULE: ./node_modules/d3-color/src/color.js
-
-function Color() {}
-var _darker = 0.7;
-
-
-var _brighter = 1 / _darker;
-
-
-var reI = "\\s*([+-]?\\d+)\\s*",
-    reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",
-    reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
-    reHex = /^#([0-9a-f]{3,8})$/,
-    reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$"),
-    reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$"),
-    reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$"),
-    reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$"),
-    reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$"),
-    reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
-var named = {
-  aliceblue: 0xf0f8ff,
-  antiquewhite: 0xfaebd7,
-  aqua: 0x00ffff,
-  aquamarine: 0x7fffd4,
-  azure: 0xf0ffff,
-  beige: 0xf5f5dc,
-  bisque: 0xffe4c4,
-  black: 0x000000,
-  blanchedalmond: 0xffebcd,
-  blue: 0x0000ff,
-  blueviolet: 0x8a2be2,
-  brown: 0xa52a2a,
-  burlywood: 0xdeb887,
-  cadetblue: 0x5f9ea0,
-  chartreuse: 0x7fff00,
-  chocolate: 0xd2691e,
-  coral: 0xff7f50,
-  cornflowerblue: 0x6495ed,
-  cornsilk: 0xfff8dc,
-  crimson: 0xdc143c,
-  cyan: 0x00ffff,
-  darkblue: 0x00008b,
-  darkcyan: 0x008b8b,
-  darkgoldenrod: 0xb8860b,
-  darkgray: 0xa9a9a9,
-  darkgreen: 0x006400,
-  darkgrey: 0xa9a9a9,
-  darkkhaki: 0xbdb76b,
-  darkmagenta: 0x8b008b,
-  darkolivegreen: 0x556b2f,
-  darkorange: 0xff8c00,
-  darkorchid: 0x9932cc,
-  darkred: 0x8b0000,
-  darksalmon: 0xe9967a,
-  darkseagreen: 0x8fbc8f,
-  darkslateblue: 0x483d8b,
-  darkslategray: 0x2f4f4f,
-  darkslategrey: 0x2f4f4f,
-  darkturquoise: 0x00ced1,
-  darkviolet: 0x9400d3,
-  deeppink: 0xff1493,
-  deepskyblue: 0x00bfff,
-  dimgray: 0x696969,
-  dimgrey: 0x696969,
-  dodgerblue: 0x1e90ff,
-  firebrick: 0xb22222,
-  floralwhite: 0xfffaf0,
-  forestgreen: 0x228b22,
-  fuchsia: 0xff00ff,
-  gainsboro: 0xdcdcdc,
-  ghostwhite: 0xf8f8ff,
-  gold: 0xffd700,
-  goldenrod: 0xdaa520,
-  gray: 0x808080,
-  green: 0x008000,
-  greenyellow: 0xadff2f,
-  grey: 0x808080,
-  honeydew: 0xf0fff0,
-  hotpink: 0xff69b4,
-  indianred: 0xcd5c5c,
-  indigo: 0x4b0082,
-  ivory: 0xfffff0,
-  khaki: 0xf0e68c,
-  lavender: 0xe6e6fa,
-  lavenderblush: 0xfff0f5,
-  lawngreen: 0x7cfc00,
-  lemonchiffon: 0xfffacd,
-  lightblue: 0xadd8e6,
-  lightcoral: 0xf08080,
-  lightcyan: 0xe0ffff,
-  lightgoldenrodyellow: 0xfafad2,
-  lightgray: 0xd3d3d3,
-  lightgreen: 0x90ee90,
-  lightgrey: 0xd3d3d3,
-  lightpink: 0xffb6c1,
-  lightsalmon: 0xffa07a,
-  lightseagreen: 0x20b2aa,
-  lightskyblue: 0x87cefa,
-  lightslategray: 0x778899,
-  lightslategrey: 0x778899,
-  lightsteelblue: 0xb0c4de,
-  lightyellow: 0xffffe0,
-  lime: 0x00ff00,
-  limegreen: 0x32cd32,
-  linen: 0xfaf0e6,
-  magenta: 0xff00ff,
-  maroon: 0x800000,
-  mediumaquamarine: 0x66cdaa,
-  mediumblue: 0x0000cd,
-  mediumorchid: 0xba55d3,
-  mediumpurple: 0x9370db,
-  mediumseagreen: 0x3cb371,
-  mediumslateblue: 0x7b68ee,
-  mediumspringgreen: 0x00fa9a,
-  mediumturquoise: 0x48d1cc,
-  mediumvioletred: 0xc71585,
-  midnightblue: 0x191970,
-  mintcream: 0xf5fffa,
-  mistyrose: 0xffe4e1,
-  moccasin: 0xffe4b5,
-  navajowhite: 0xffdead,
-  navy: 0x000080,
-  oldlace: 0xfdf5e6,
-  olive: 0x808000,
-  olivedrab: 0x6b8e23,
-  orange: 0xffa500,
-  orangered: 0xff4500,
-  orchid: 0xda70d6,
-  palegoldenrod: 0xeee8aa,
-  palegreen: 0x98fb98,
-  paleturquoise: 0xafeeee,
-  palevioletred: 0xdb7093,
-  papayawhip: 0xffefd5,
-  peachpuff: 0xffdab9,
-  peru: 0xcd853f,
-  pink: 0xffc0cb,
-  plum: 0xdda0dd,
-  powderblue: 0xb0e0e6,
-  purple: 0x800080,
-  rebeccapurple: 0x663399,
-  red: 0xff0000,
-  rosybrown: 0xbc8f8f,
-  royalblue: 0x4169e1,
-  saddlebrown: 0x8b4513,
-  salmon: 0xfa8072,
-  sandybrown: 0xf4a460,
-  seagreen: 0x2e8b57,
-  seashell: 0xfff5ee,
-  sienna: 0xa0522d,
-  silver: 0xc0c0c0,
-  skyblue: 0x87ceeb,
-  slateblue: 0x6a5acd,
-  slategray: 0x708090,
-  slategrey: 0x708090,
-  snow: 0xfffafa,
-  springgreen: 0x00ff7f,
-  steelblue: 0x4682b4,
-  tan: 0xd2b48c,
-  teal: 0x008080,
-  thistle: 0xd8bfd8,
-  tomato: 0xff6347,
-  turquoise: 0x40e0d0,
-  violet: 0xee82ee,
-  wheat: 0xf5deb3,
-  white: 0xffffff,
-  whitesmoke: 0xf5f5f5,
-  yellow: 0xffff00,
-  yellowgreen: 0x9acd32
-};
-src_define(Color, color, {
-  copy: function copy(channels) {
-    return Object.assign(new this.constructor(), this, channels);
-  },
-  displayable: function displayable() {
-    return this.rgb().displayable();
-  },
-  hex: color_formatHex,
-  // Deprecated! Use color.formatHex.
-  formatHex: color_formatHex,
-  formatHsl: color_formatHsl,
-  formatRgb: color_formatRgb,
-  toString: color_formatRgb
-});
-
-function color_formatHex() {
-  return this.rgb().formatHex();
-}
-
-function color_formatHsl() {
-  return hslConvert(this).formatHsl();
-}
-
-function color_formatRgb() {
-  return this.rgb().formatRgb();
-}
-
-function color(format) {
-  var m, l;
-  format = (format + "").trim().toLowerCase();
-  return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) // #ff0000
-  : l === 3 ? new Rgb(m >> 8 & 0xf | m >> 4 & 0xf0, m >> 4 & 0xf | m & 0xf0, (m & 0xf) << 4 | m & 0xf, 1) // #f00
-  : l === 8 ? rgba(m >> 24 & 0xff, m >> 16 & 0xff, m >> 8 & 0xff, (m & 0xff) / 0xff) // #ff000000
-  : l === 4 ? rgba(m >> 12 & 0xf | m >> 8 & 0xf0, m >> 8 & 0xf | m >> 4 & 0xf0, m >> 4 & 0xf | m & 0xf0, ((m & 0xf) << 4 | m & 0xf) / 0xff) // #f000
-  : null // invalid hex
-  ) : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
-  : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
-  : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
-  : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
-  : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
-  : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
-  : named.hasOwnProperty(format) ? rgbn(named[format]) // eslint-disable-line no-prototype-builtins
-  : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
-}
-
-function rgbn(n) {
-  return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
-}
-
-function rgba(r, g, b, a) {
-  if (a <= 0) r = g = b = NaN;
-  return new Rgb(r, g, b, a);
-}
-
-function rgbConvert(o) {
-  if (!(o instanceof Color)) o = color(o);
-  if (!o) return new Rgb();
-  o = o.rgb();
-  return new Rgb(o.r, o.g, o.b, o.opacity);
-}
-function rgb(r, g, b, opacity) {
-  return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
-}
-function Rgb(r, g, b, opacity) {
-  this.r = +r;
-  this.g = +g;
-  this.b = +b;
-  this.opacity = +opacity;
-}
-src_define(Rgb, rgb, extend(Color, {
-  brighter: function brighter(k) {
-    k = k == null ? _brighter : Math.pow(_brighter, k);
-    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-  },
-  darker: function darker(k) {
-    k = k == null ? _darker : Math.pow(_darker, k);
-    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-  },
-  rgb: function rgb() {
-    return this;
-  },
-  displayable: function displayable() {
-    return -0.5 <= this.r && this.r < 255.5 && -0.5 <= this.g && this.g < 255.5 && -0.5 <= this.b && this.b < 255.5 && 0 <= this.opacity && this.opacity <= 1;
-  },
-  hex: rgb_formatHex,
-  // Deprecated! Use color.formatHex.
-  formatHex: rgb_formatHex,
-  formatRgb: rgb_formatRgb,
-  toString: rgb_formatRgb
-}));
-
-function rgb_formatHex() {
-  return "#" + hex(this.r) + hex(this.g) + hex(this.b);
-}
-
-function rgb_formatRgb() {
-  var a = this.opacity;
-  a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
-  return (a === 1 ? "rgb(" : "rgba(") + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.b) || 0)) + (a === 1 ? ")" : ", " + a + ")");
-}
-
-function hex(value) {
-  value = Math.max(0, Math.min(255, Math.round(value) || 0));
-  return (value < 16 ? "0" : "") + value.toString(16);
-}
-
-function hsla(h, s, l, a) {
-  if (a <= 0) h = s = l = NaN;else if (l <= 0 || l >= 1) h = s = NaN;else if (s <= 0) h = NaN;
-  return new Hsl(h, s, l, a);
-}
-
-function hslConvert(o) {
-  if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
-  if (!(o instanceof Color)) o = color(o);
-  if (!o) return new Hsl();
-  if (o instanceof Hsl) return o;
-  o = o.rgb();
-  var r = o.r / 255,
-      g = o.g / 255,
-      b = o.b / 255,
-      min = Math.min(r, g, b),
-      max = Math.max(r, g, b),
-      h = NaN,
-      s = max - min,
-      l = (max + min) / 2;
-
-  if (s) {
-    if (r === max) h = (g - b) / s + (g < b) * 6;else if (g === max) h = (b - r) / s + 2;else h = (r - g) / s + 4;
-    s /= l < 0.5 ? max + min : 2 - max - min;
-    h *= 60;
-  } else {
-    s = l > 0 && l < 1 ? 0 : h;
-  }
-
-  return new Hsl(h, s, l, o.opacity);
-}
-function hsl(h, s, l, opacity) {
-  return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
-}
-
-function Hsl(h, s, l, opacity) {
-  this.h = +h;
-  this.s = +s;
-  this.l = +l;
-  this.opacity = +opacity;
-}
-
-src_define(Hsl, hsl, extend(Color, {
-  brighter: function brighter(k) {
-    k = k == null ? _brighter : Math.pow(_brighter, k);
-    return new Hsl(this.h, this.s, this.l * k, this.opacity);
-  },
-  darker: function darker(k) {
-    k = k == null ? _darker : Math.pow(_darker, k);
-    return new Hsl(this.h, this.s, this.l * k, this.opacity);
-  },
-  rgb: function rgb() {
-    var h = this.h % 360 + (this.h < 0) * 360,
-        s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
-        l = this.l,
-        m2 = l + (l < 0.5 ? l : 1 - l) * s,
-        m1 = 2 * l - m2;
-    return new Rgb(hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2), hsl2rgb(h, m1, m2), hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2), this.opacity);
-  },
-  displayable: function displayable() {
-    return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
-  },
-  formatHsl: function formatHsl() {
-    var a = this.opacity;
-    a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
-    return (a === 1 ? "hsl(" : "hsla(") + (this.h || 0) + ", " + (this.s || 0) * 100 + "%, " + (this.l || 0) * 100 + "%" + (a === 1 ? ")" : ", " + a + ")");
-  }
-}));
-/* From FvD 13.37, CSS Color Module Level 3 */
-
-function hsl2rgb(h, m1, m2) {
-  return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
-}
-
-/***/ }),
-
-/***/ 1469:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "EmptyState": () => (/* reexport */ EmptyState)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "@fortawesome/react-fontawesome"
-var react_fontawesome_ = __webpack_require__(5692);
-// EXTERNAL MODULE: external "@fortawesome/pro-light-svg-icons/faEmptySet"
-var faEmptySet_ = __webpack_require__(3402);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-;// CONCATENATED MODULE: ./src/components/EmptyState/EmptyState.tsx
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-
-
-/**
- * ### Overview
- *
- * An empty state is a predominant element the user sees on a page where there is nothing to display.
- */
-var EmptyState = /** @class */ (function (_super) {
-    __extends(EmptyState, _super);
-    function EmptyState() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    EmptyState.prototype.render = function () {
-        return (external_react_default().createElement("div", { className: external_classnames_default()('atoka-empty-state', this.props.className) },
-            external_react_default().createElement("div", { className: 'mb-2' },
-                external_react_default().createElement(react_fontawesome_.FontAwesomeIcon, { icon: faEmptySet_.faEmptySet })),
-            this.props.children));
-    };
-    EmptyState.displayName = 'EmptyState';
-    return EmptyState;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/EmptyState/index.ts
-
-
-
-/***/ }),
-
-/***/ 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';
-
-
-
-/***/ }),
-
-/***/ 4950:
-/***/ (() => {
-
-// !!! Many of these types are copied from @nivo/bar and @nivo/core. !!!
-// !!! When updating nivo, make sure these are updated accordingly   !!!
-
-
-
-/***/ }),
-
-/***/ 9825:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "CanvasLegendConfig": () => (/* reexport */ Histogram_namespaceObject.CanvasLegendConfig),
-  "GetHistogramCanvasLegendConfig": () => (/* reexport */ Histogram_namespaceObject.GetHistogramCanvasLegendConfig),
-  "Histogram": () => (/* reexport */ Histogram),
-  "RenderHistogramSVGLegend": () => (/* reexport */ Histogram_namespaceObject.RenderHistogramSVGLegend)
-});
-
-// NAMESPACE OBJECT: ./src/components/Histogram/Histogram.tsx
-var Histogram_namespaceObject = {};
-__webpack_require__.r(Histogram_namespaceObject);
-__webpack_require__.d(Histogram_namespaceObject, {
-  "b": () => (Histogram)
-});
-
-// 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/bar"
-var bar_ = __webpack_require__(2895);
-// EXTERNAL MODULE: ./node_modules/d3-color/src/color.js + 1 modules
-var color = __webpack_require__(2766);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "@nivo/tooltip"
-var tooltip_ = __webpack_require__(5521);
-// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
-var Utils = __webpack_require__(4915);
-// EXTERNAL MODULE: ./src/components/Spinner/index.ts + 1 modules
-var Spinner = __webpack_require__(6216);
-// EXTERNAL MODULE: ./src/components/EmptyState/index.ts + 1 modules
-var EmptyState = __webpack_require__(1469);
-// EXTERNAL MODULE: ./src/components/Utils/Style.ts
-var Style = __webpack_require__(7540);
-// EXTERNAL MODULE: ./src/components/StatisticsTooltip/index.ts + 1 modules
-var StatisticsTooltip = __webpack_require__(4806);
-// EXTERNAL MODULE: ./src/components/Utils/Statistics.ts
-var Statistics = __webpack_require__(5909);
-// EXTERNAL MODULE: ./src/components/Utils/Text.ts
-var Text = __webpack_require__(2394);
-// EXTERNAL MODULE: ./src/components/Histogram/Types.ts
-var Types = __webpack_require__(4950);
-;// CONCATENATED MODULE: ./src/components/Histogram/Histogram.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);
-};
-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));
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// this is the multiplier we use to calculate the width of a text label (around 7.7 pixel per char)
-var MAGIC_MULTIPLIER_LEFT = 7.7;
-var MAGIC_MULTIPLIER_BOTTOM = 4.3;
-var MIN_BAR_HEIGHT_PERCENT = 0.02;
-var Histogram = /** @class */ (function (_super) {
-    __extends(Histogram, _super);
-    function Histogram() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // we use this for testing purposes
-        _this.ellipseAndFormat = Text/* ellipseAndFormat */.TK;
-        _this.matchAndFormatRangeLabel = Text/* matchAndFormatRangeLabel */.eR;
-        _this.baseLayers = ['grid', 'axes', 'bars'];
-        _this.state = {
-            data: [],
-            selectedColumns: new Set(),
-            customColors: null,
-        };
-        return _this;
-    }
-    Histogram.fromDataPointToBarDatum = function (dataPoint) {
-        return Object.keys(dataPoint).reduce(function (acc, el) {
-            var _a;
-            if (dataPoint[el] == null) {
-                return acc;
-            }
-            return __assign(__assign({}, acc), (_a = {}, _a[el] = dataPoint[el], _a));
-        }, {});
-    };
-    Object.defineProperty(Histogram.prototype, "areAllDataZero", {
-        get: function () {
-            return this.props.data.reduce(function (acc, el) { return acc + el.value; }, 0) === 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Histogram.prototype.setupComponent = function () {
-        var _a, _b, _c, _d, _e;
-        if (this.props.maxColsNumber == null &&
-            this.props.colors.length > 0 &&
-            this.props.colors.length !== this.props.data.length) {
-            throw Error('The colors.length must be of the same length as the data you give to the component');
-        }
-        if (this.props.maxColsNumber != null &&
-            this.props.colors.length > 0 &&
-            this.props.maxColsNumber !== this.props.colors.length - 1) {
-            throw Error('With a maxColsNumber prop, colors.length must be of length + 1 of the maxColsNumbert');
-        }
-        var dataState = this.prepareData(this.props.data);
-        var renderTooltip = this.wrapTooltip();
-        var children = this.props.maxColsNumber == null
-            ? dataState
-            : (0,Statistics/* createDataWithOtherSlice */.xG)(dataState !== null && dataState !== void 0 ? dataState : [], (_a = this.props) === null || _a === void 0 ? void 0 : _a.otherId, (_b = this.props) === null || _b === void 0 ? void 0 : _b.otherLabel, (_d = (_c = this.props) === null || _c === void 0 ? void 0 : _c.maxColsNumber) !== null && _d !== void 0 ? _d : Infinity, (_e = this.props) === null || _e === void 0 ? void 0 : _e.total);
-        var customColors = this.props.colors.reduce(function (acc, curr, index) {
-            var _a;
-            return (__assign(__assign({}, acc), (_a = {}, _a[children[index].id] = curr, _a)));
-        }, {});
-        if (this.props.selectedColumns == null) {
-            this.setState({ data: children, customColors: customColors, renderTooltip: renderTooltip });
-            return;
-        }
-        this.setState({
-            customColors: customColors,
-            renderTooltip: renderTooltip,
-            data: children,
-            selectedColumns: new Set(this.props.selectedColumns),
-        });
-    };
-    // with this function we hide the fact we moved into the initialValue the
-    // "original value" in order to handle the "1px bar" accordingly.
-    Histogram.prototype.wrapTooltip = function () {
-        var _this = this;
-        var tooltipFunction = this.props.renderTooltip === undefined
-            ? (0,StatisticsTooltip.getRenderStatisticsTooltip)({
-                tooltipDataLabelKey: 'value',
-                tooltipDataTitleKey: 'id',
-                otherId: this.props.otherId,
-                otherLabel: this.props.otherLabel,
-                // {vrut} wrapping into a function since the valueFormat is slightly different.
-                numberToStringFormatter: function (value) { var _a, _b, _c; return "".concat((_c = (_b = (_a = _this.props).tooltipValueFormat) === null || _b === void 0 ? void 0 : _b.call(_a, value)) !== null && _c !== void 0 ? _c : value); },
-                withColor: false,
-            })
-            : this.props.renderTooltip;
-        if (tooltipFunction == null) {
-            return null;
-        }
-        // return a function which will be called by the tooltip component with the original data.
-        return function (tooltipData) {
-            var _a, _b;
-            return ((_b = tooltipFunction === null || tooltipFunction === void 0 ? void 0 : tooltipFunction(__assign(__assign({}, tooltipData), { data: __assign(__assign({}, tooltipData.data), { value: (_a = tooltipData.data.initialValue) !== null && _a !== void 0 ? _a : 0 }) }))) !== null && _b !== void 0 ? _b : null);
-        };
-    };
-    Histogram.prototype.prepareData = function (data) {
-        var _this = this;
-        data = data !== null && data !== void 0 ? data : [];
-        // extract the max value from data and compute the 1% of it in order to get the replacing for zero values
-        var maxValue = -Infinity, minValue = 0;
-        data.forEach(function (el) {
-            maxValue = Math.max(maxValue, el.value);
-            minValue = Math.min(minValue, el.value);
-        });
-        if (maxValue === 0 && minValue === 0) {
-            // we need a fake value in order to have Nivo render the chart,
-            // we then resize the bars in the renderEmptyBars function
-            maxValue = 10;
-        }
-        var zeroReplacing = this.computeZeroReplacingValue(Math.abs(maxValue - minValue));
-        return data.map(function (dataPoint) {
-            var id = _this.idFormatWrapper(dataPoint.label);
-            var value = dataPoint.value;
-            if (value >= 0) {
-                value = Math.max(value, zeroReplacing);
-            }
-            else {
-                value = Math.min(value, -zeroReplacing);
-            }
-            return __assign(__assign({}, Histogram.fromDataPointToBarDatum(dataPoint)), { id: id, value: value, label: id, initialLabel: dataPoint.label, initialValue: dataPoint.value });
-        });
-    };
-    Histogram.prototype.idFormatWrapper = function (label) {
-        if (this.props.labelFormat == null) {
-            return label;
-        }
-        return this.matchAndFormatRangeLabel(this.props.labelFormat)(label);
-    };
-    Histogram.prototype.componentDidUpdate = function (prevProps) {
-        if ((0,Utils/* deepEqual */.vZ)(prevProps, this.props)) {
-            return;
-        }
-        this.setupComponent();
-    };
-    Histogram.prototype.componentDidMount = function () {
-        this.setupComponent();
-    };
-    Histogram.prototype.handleClick = function (data) {
-        var _a;
-        if (!this.isClickable()) {
-            return;
-        }
-        var selectedColumns = this.state.selectedColumns, newSelectedColumns = new Set(selectedColumns);
-        if (selectedColumns.has(data.indexValue)) {
-            newSelectedColumns.delete(data.indexValue);
-        }
-        else {
-            newSelectedColumns.add(data.indexValue);
-        }
-        if (this.props.onClick != null) {
-            var selectedData_1 = [];
-            ((_a = this.state.data) !== null && _a !== void 0 ? _a : []).forEach(function (d) {
-                var _a;
-                if (newSelectedColumns.has(d.label)) {
-                    // we need to handle the case when a formatter has been used and return the original label
-                    var labelFromProps = (_a = d.initialLabel) !== null && _a !== void 0 ? _a : d.label;
-                    selectedData_1.push({ value: d.value, label: labelFromProps });
-                }
-            });
-            this.props.onClick(selectedData_1);
-        }
-        this.setState({ selectedColumns: newSelectedColumns });
-    };
-    Histogram.prototype.handleMouseEnter = function (data, event) {
-        var _a, _b, _c;
-        if (!this.props.isHoverable) {
-            return;
-        }
-        var customColor = (_a = this.state.customColors) === null || _a === void 0 ? void 0 : _a[data.indexValue], fill = Style/* blue400 */.ZM;
-        if (customColor != null) {
-            fill = (_c = (_b = (0,color/* default */.ZP)(customColor)) === null || _b === void 0 ? void 0 : _b.darker(1).formatHex()) !== null && _c !== void 0 ? _c : customColor;
-        }
-        event.target.setAttribute('fill', fill);
-    };
-    Histogram.prototype.handleMouseLeave = function (data, event) {
-        if (!this.props.isHoverable) {
-            return;
-        }
-        event.target.setAttribute('fill', this.getColors(data));
-    };
-    Histogram.prototype.getColors = function (data) {
-        var _a, _b;
-        var defaultColor = Style/* blue100 */.qi, disabledColor = Style/* gray200 */.pN, isClickable = this.isClickable(), unselectedColor = Style/* blue30 */.KH, customColor = (_a = this.state.customColors) === null || _a === void 0 ? void 0 : _a[data.indexValue];
-        if (this.state.selectedColumns.size === 0) {
-            return customColor !== null && customColor !== void 0 ? customColor : defaultColor;
-        }
-        if (this.state.selectedColumns.has(data.indexValue) ||
-            this.state.selectedColumns.has((_b = data.data) === null || _b === void 0 ? void 0 : _b.initialLabel)) {
-            return customColor !== null && customColor !== void 0 ? customColor : defaultColor;
-        }
-        if (!isClickable) {
-            return disabledColor;
-        }
-        return unselectedColor;
-    };
-    Histogram.prototype.isClickable = function () {
-        return this.props.selectedColumns == null && this.props.isClickable;
-    };
-    Histogram.prototype.renderIsLoading = function () {
-        if (!this.props.isLoading) {
-            return null;
-        }
-        return (0,Utils/* findChildByComponent */.z8)(this.props.children, Spinner.Spinner);
-    };
-    Histogram.prototype.renderIsEmpty = function () {
-        if (!this.props.isEmpty) {
-            return null;
-        }
-        return (0,Utils/* findChildByComponent */.z8)(this.props.children, EmptyState.EmptyState);
-    };
-    Histogram.prototype.getEmptyAxis = function () {
-        if (this.props.layout === 'vertical') {
-            return { tickValues: [], tickSize: 0 };
-        }
-        return { tickValues: [] };
-    };
-    Histogram.prototype.getDefaultBottomAxis = function () {
-        var commonProps = {
-            tickRotation: -45,
-            tickSize: 0,
-            tickPadding: this.props.isCanvas ? 20 : undefined,
-        };
-        if (this.props.layout === 'vertical') {
-            return __assign(__assign({}, commonProps), { format: this.ellipseAndFormat(this.matchAndFormatRangeLabel(this.props.labelFormat), this.props.maxLabelLength) });
-        }
-        return __assign(__assign({}, commonProps), { format: this.ellipseAndFormat(this.props.valueFormat, this.props.maxLabelLength), tickValues: this.props.gridXValues });
-    };
-    Histogram.prototype.getDefaultLeftAxis = function () {
-        if (this.props.layout === 'vertical') {
-            return {
-                format: this.ellipseAndFormat(this.props.valueFormat, this.props.maxLabelLength),
-                tickSize: 0,
-                tickValues: this.props.gridYValues,
-            };
-        }
-        return {
-            format: this.ellipseAndFormat(this.matchAndFormatRangeLabel(this.props.labelFormat), this.props.maxLabelLength),
-        };
-    };
-    // {vrut}: this is far from perfection, but it's a start
-    Histogram.prototype.getMargin = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        // {vrut}: margin must be cloned!
-        var margin = __assign({}, this.props.margin), _j = __assign({}, Histogram.defaultProps.margin), top = _j.top, right = _j.right, bottom = _j.bottom, left = _j.left;
-        // we want the user to be able to add a margin even if the 'computeMargin' is true.
-        margin.bottom = (_a = margin.bottom) !== null && _a !== void 0 ? _a : 0;
-        margin.left = (_b = margin.left) !== null && _b !== void 0 ? _b : 0;
-        var key = 'value', multiplier = 1, enableAxis = this.props.enableAxisLeft, axisFormatter = this.getDefaultLeftAxis().format;
-        // {vrut} horizontal have a different margin and key
-        if (this.props.layout === 'horizontal') {
-            key = 'label';
-            multiplier = 1.2;
-            enableAxis = this.props.enableAxisBottom;
-            axisFormatter = this.getDefaultBottomAxis().format;
-        }
-        if (this.props.computeMargin && enableAxis) {
-            var maxLen_1 = 0, maxValue_1 = 0;
-            (_c = this.props.data) === null || _c === void 0 ? void 0 : _c.forEach(function (data) {
-                var _a, _b;
-                var value = typeof data[key] === 'string' ? data[key] : String(data[key]), currentLength = typeof axisFormatter === 'string'
-                    ? value.length
-                    : (_b = (_a = axisFormatter === null || axisFormatter === void 0 ? void 0 : axisFormatter(value)) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : value.length;
-                maxLen_1 = Math.max(currentLength, maxLen_1);
-                maxValue_1 = Math.max(Math.abs(data.value), maxValue_1);
-            });
-            // we should fix this. We use the max value to compute the margin but we should use the length
-            // of the computed labels: For example, values = [1, 2, 3, 4] could generate a legend like this:
-            // [1, 1.5, 2, 2.5, 3, 3.5, 4] so the lenght should be 3, not 1!!!
-            var extraMargin = maxValue_1 < 1000 ? 10 : 0;
-            if (this.props.layout === 'horizontal') {
-                margin.bottom +=
-                    extraMargin + Math.min(maxLen_1, this.props.maxLabelLength) * MAGIC_MULTIPLIER_BOTTOM * multiplier;
-            }
-            else {
-                margin.left +=
-                    extraMargin + Math.min(maxLen_1, this.props.maxLabelLength) * MAGIC_MULTIPLIER_LEFT * multiplier;
-            }
-        }
-        return {
-            top: (_d = margin.top) !== null && _d !== void 0 ? _d : top,
-            right: (_e = margin.right) !== null && _e !== void 0 ? _e : right,
-            bottom: (_g = (_f = margin.bottom) !== null && _f !== void 0 ? _f : bottom) !== null && _g !== void 0 ? _g : 0,
-            left: (_h = margin.left) !== null && _h !== void 0 ? _h : left,
-        };
-    };
-    Histogram.prototype.buildCanvasLegend = function (context, props) {
-        if (this.props.getCanvasLegendConfig == null) {
-            return;
-        }
-        var _a = this.props.getCanvasLegendConfig(props), _b = _a.x, x = _b === void 0 ? 0 : _b, _c = _a.y, y = _c === void 0 ? 0 : _c, _d = _a.data, data = _d === void 0 ? [] : _d, textMetrics = [0], wordSpacing = 10;
-        data.forEach(function (item, i) {
-            var margin = i * wordSpacing;
-            context.fillStyle = Style/* gray400 */.de;
-            var labelX = x + margin + textMetrics[i];
-            context.fillText(item.label, labelX, y);
-            var labelTextMetrics = context.measureText(item.label), valueX = labelX + labelTextMetrics.width + wordSpacing;
-            context.fillStyle = Style/* black */.Sn;
-            context.font = 'bold';
-            context.fillText("".concat(item.value), valueX, y);
-            var valueTextMetrics = context.measureText("".concat(item.value));
-            textMetrics.push(valueX + valueTextMetrics.width);
-        });
-    };
-    Histogram.prototype.computeZeroReplacingValue = function (value, percentage) {
-        if (percentage === void 0) { percentage = MIN_BAR_HEIGHT_PERCENT; }
-        return value * percentage;
-    };
-    Histogram.prototype.renderEmptyParts = function (params) {
-        var _a, _b;
-        // {vrut} this is a bit of a hack, but Nivo sends the computed bars in params.
-        // At this point, it has computed the positions according to the margins and size of the chart,
-        // but at this point the bar.height is the 100% of the height, since all the data are empty.
-        // So we just need to resize the height to the 1% as we do for the rest of close-to-zero data.
-        var renderedBars = (_b = (_a = params === null || params === void 0 ? void 0 : params.bars) === null || _a === void 0 ? void 0 : _a.map(this.renderEmptyPart(params))) !== null && _b !== void 0 ? _b : [];
-        if (renderedBars.length === 0) {
-            return null;
-        }
-        return external_react_default().createElement("g", null, renderedBars);
-    };
-    Histogram.prototype.renderEmptyPart = function (params) {
-        var _this = this;
-        return function (bar, key) {
-            var _a;
-            // {vrut} you may want to check the BarItem in order to understand this mess.
-            // https://github.com/plouc/nivo/blob/master/packages/bar/src/BarItem.tsx
-            // One may just want to use the BarItem but hey, you know what? It's not that easy to understand.
-            var _b = (0,tooltip_.useTooltip)(), showTooltipFromEvent = _b.showTooltipFromEvent, hideTooltip = _b.hideTooltip, tooltipProps = __assign(__assign(__assign({}, bar), bar.data), { value: (_a = bar.data.value) !== null && _a !== void 0 ? _a : 0 }), renderTooltip = (0,external_react_.useMemo)(function () { return function () { return (0,external_react_.createElement)(params.tooltip, tooltipProps); }; }, [params.tooltip, bar, bar.data]), handleTooltip = (0,external_react_.useCallback)(function (event) { return showTooltipFromEvent(renderTooltip(), event); }, [showTooltipFromEvent, renderTooltip]), handleMouseEnter = (0,external_react_.useCallback)(function (event) {
-                var _a;
-                (_a = params.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(params, bar.data, event);
-                showTooltipFromEvent(renderTooltip(), event);
-            }, [bar.data, params.onMouseEnter, showTooltipFromEvent, renderTooltip]), handleMouseLeave = (0,external_react_.useCallback)(function (event) {
-                var _a;
-                (_a = params.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(params, bar.data, event);
-                hideTooltip();
-            }, [bar.data, hideTooltip, params.onMouseLeave]);
-            return (external_react_default().createElement("g", { key: key, transform: "translate(".concat(bar.x, ", ").concat(bar.y + bar.height, ")") },
-                external_react_default().createElement("rect", { width: bar.width, height: Math.max(_this.computeZeroReplacingValue(bar.height), 2), rx: '0', ry: '0', fill: Style/* blue100 */.qi, strokeWidth: '0', stroke: Style/* blue100 */.qi, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleTooltip })));
-        };
-    };
-    Histogram.prototype.getLayers = function () {
-        var layers = this.areAllDataZero ? [this.renderEmptyParts] : __spreadArray([], __read(this.baseLayers), false);
-        if (this.props.renderSVGLegend != null) {
-            layers.push(this.props.renderSVGLegend);
-        }
-        return layers;
-    };
-    Histogram.prototype.getCanvasLayers = function () {
-        var layers = __spreadArray([], __read(this.baseLayers), false);
-        if (this.props.getCanvasLegendConfig != null) {
-            layers.push(this.buildCanvasLegend);
-        }
-        return layers;
-    };
-    Histogram.prototype.renderContent = function () {
-        var _a, _b;
-        if (this.props.isEmpty || this.props.isLoading) {
-            return null;
-        }
-        var _c = this.props, enableAxisBottom = _c.enableAxisBottom, enableAxisLeft = _c.enableAxisLeft, layout = _c.layout, padding = _c.padding, enableGridY = _c.enableGridY, enableGridX = _c.enableGridX, gridYValues = _c.gridYValues, gridXValues = _c.gridXValues, axisBottom = enableAxisBottom ? this.getDefaultBottomAxis() : this.getEmptyAxis(), axisLeft = enableAxisLeft ? this.getDefaultLeftAxis() : this.getEmptyAxis(), hasTooltip = this.state.renderTooltip !== null, barProps = {
-            padding: padding,
-            layout: layout,
-            gridXValues: gridXValues,
-            gridYValues: gridYValues,
-            margin: this.getMargin(),
-            theme: __assign({ textColor: Style/* gray400 */.de }, this.props.theme),
-            isInteractive: this.isClickable() || hasTooltip,
-            indexBy: 'id',
-            tooltip: (_a = this.state.renderTooltip) !== null && _a !== void 0 ? _a : undefined,
-            colors: this.getColors,
-            enableGridY: this.props.layout === 'vertical' ? enableGridY : false,
-            enableGridX: this.props.layout === 'horizontal' ? enableGridX : false,
-            enableLabel: false,
-        }, data = this.state.data;
-        if (this.props.isCanvas) {
-            var size = (_b = this.props.size) !== null && _b !== void 0 ? _b : Histogram.defaultProps.size;
-            barProps.theme = __assign(__assign({}, barProps.theme), { background: '#fff' });
-            return (external_react_default().createElement(bar_.ResponsiveBarCanvas, __assign({}, barProps, size, { data: data, layers: this.getCanvasLayers(), axisLeft: axisLeft, axisBottom: axisBottom })));
-        }
-        return (external_react_default().createElement(bar_.ResponsiveBar, __assign({}, barProps, { layers: this.getLayers(), axisLeft: axisLeft, axisBottom: axisBottom, data: data, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave })));
-    };
-    Histogram.prototype.render = function () {
-        var className = external_classnames_default()('histogram-container', 'd-flex', 'justify-content-center', 'align-items-center', {
-            clickable: this.isClickable(),
-        });
-        return (external_react_default().createElement("div", { id: this.props.id, className: className, ref: this.props.chartRef },
-            this.renderIsLoading(),
-            this.renderIsEmpty(),
-            this.renderContent()));
-    };
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    Histogram.displayName = 'Histogram';
-    Histogram.legendHeight = 20;
-    Histogram.defaultProps = {
-        computeMargin: true,
-        enableGridY: true,
-        enableGridX: true,
-        enableAxisLeft: true,
-        enableAxisBottom: true,
-        size: {
-            height: 400,
-        },
-        isEmpty: false,
-        isLoading: false,
-        isHoverable: false,
-        isClickable: true,
-        layout: 'vertical',
-        margin: { top: 30, right: 0, bottom: 30, left: 0 },
-        padding: 0.05,
-        maxLabelLength: 12,
-        id: '',
-        colors: [],
-        otherId: 'other',
-        gridXValues: 6,
-        gridYValues: 6,
-    };
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_a = typeof Types/* BarTooltipDatum */.Z !== "undefined" && Types/* BarTooltipDatum */.Z) === "function" ? _a : Object]),
-        __metadata("design:returntype", void 0)
-    ], Histogram.prototype, "handleClick", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_b = typeof bar_.ComputedDatum !== "undefined" && bar_.ComputedDatum) === "function" ? _b : Object, typeof (_c = typeof (external_react_default()) !== "undefined" && (external_react_default()).MouseEvent) === "function" ? _c : Object]),
-        __metadata("design:returntype", void 0)
-    ], Histogram.prototype, "handleMouseEnter", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_d = typeof bar_.ComputedDatum !== "undefined" && bar_.ComputedDatum) === "function" ? _d : Object, typeof (_e = typeof (external_react_default()) !== "undefined" && (external_react_default()).MouseEvent) === "function" ? _e : Object]),
-        __metadata("design:returntype", void 0)
-    ], Histogram.prototype, "handleMouseLeave", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_f = typeof bar_.ComputedDatum !== "undefined" && bar_.ComputedDatum) === "function" ? _f : Object]),
-        __metadata("design:returntype", String)
-    ], Histogram.prototype, "getColors", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_g = typeof CanvasRenderingContext2D !== "undefined" && CanvasRenderingContext2D) === "function" ? _g : Object, typeof (_h = typeof bar_.BarCustomLayerProps !== "undefined" && bar_.BarCustomLayerProps) === "function" ? _h : Object]),
-        __metadata("design:returntype", void 0)
-    ], Histogram.prototype, "buildCanvasLegend", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_j = typeof bar_.BarCustomLayerProps !== "undefined" && bar_.BarCustomLayerProps) === "function" ? _j : Object]),
-        __metadata("design:returntype", Object)
-    ], Histogram.prototype, "renderEmptyParts", null);
-    __decorate([
-        esm/* boundMethod */.MR,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_l = typeof bar_.BarCustomLayerProps !== "undefined" && bar_.BarCustomLayerProps) === "function" ? _l : Object]),
-        __metadata("design:returntype", Function)
-    ], Histogram.prototype, "renderEmptyPart", null);
-    return Histogram;
-}((external_react_default()).Component));
-
-
-;// CONCATENATED MODULE: ./src/components/Histogram/index.ts
-
-
-
-/***/ }),
-
-/***/ 6216:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Spinner": () => (/* reexport */ Spinner)
-});
-
-// UNUSED EXPORTS: SpinnerSize
-
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: ./src/components/Spinner/Spinner.tsx
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-var SpinnerSize;
-(function (SpinnerSize) {
-    SpinnerSize[SpinnerSize["mini"] = 0] = "mini";
-    SpinnerSize[SpinnerSize["small"] = 1] = "small";
-    SpinnerSize[SpinnerSize["big"] = 2] = "big";
-    SpinnerSize[SpinnerSize["modal"] = 3] = "modal";
-})(SpinnerSize || (SpinnerSize = {}));
-/**
- * ### Overview
- *
- * We can find two different spinners in the Atoka interface, small and big. The **small** one is used to show that a specific section inside the page is loading. The **big** spinner on the other hand shows when the whole page is loading.
- *
- * ### Best practice
- *
- * Use the spinner if the waiting time is between 0.1 and 1 second. After one second, the user gets the impression that the app is slow: in that case, use a progress indicator instead.
- **/
-var Spinner = /** @class */ (function (_super) {
-    __extends(Spinner, _super);
-    function Spinner() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Spinner.prototype.renderOnlyDotsSpinner = function (size) {
-        var className = 'atoka-spinner spinner-' + size + ' ' + this.props.className;
-        return (external_react_default().createElement("div", { className: className },
-            external_react_default().createElement("div", { className: 'spinner-dot1' },
-                external_react_default().createElement("div", { className: 'spinner-leaf' })),
-            external_react_default().createElement("div", { className: 'spinner-dot2' },
-                external_react_default().createElement("div", { className: 'spinner-leaf' })),
-            external_react_default().createElement("div", { className: 'spinner-dot3' },
-                external_react_default().createElement("div", { className: 'spinner-leaf' }))));
-    };
-    Spinner.prototype.renderSmall = function () {
-        return this.renderOnlyDotsSpinner('small');
-    };
-    Spinner.prototype.renderMini = function () {
-        return this.renderOnlyDotsSpinner('mini');
-    };
-    Spinner.prototype.renderLeaf = function () {
-        return (external_react_default().createElement("svg", { viewBox: '0 0 204.01 190.64', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
-            external_react_default().createElement("g", { id: 'leaf' },
-                external_react_default().createElement("path", { d: 'M80.88,7.62a26,26,0,0,0-36.79,36.8,25.85,25.85,0,0,0,13.4,7.14V83.39c1.19,0,2.4-.08,3.62-.08,2.16,0,4.28.08,6.38.23v-32A26,26,0,0,0,80.88,7.62ZM73.81,37.35a16,16,0,1,1,0-22.66,15.92,15.92,0,0,1,0,22.66Z' }))));
-    };
-    Spinner.prototype.renderLetter = function () {
-        return (external_react_default().createElement("svg", { viewBox: '0 0 204.01 190.64', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
-            external_react_default().createElement("g", { id: 'logo-vector' },
-                external_react_default().createElement("path", { d: 'M110.77,180.67V140.16a50.47,50.47,0,1,0-22,41.71L93.12,187a10,10,0,0,0,17.65-6.34Zm-81-40.51a30.5,30.5,0,1,1,30.5,30.5,30.49,30.49,0,0,1-30.5-30.5Z' }))));
-    };
-    Spinner.prototype.renderBig = function () {
-        var spinnerClassName = external_classnames_default()(this.props.className, {
-            'atoka-spinner': true,
-            'spinner-big': this.props.size === SpinnerSize.big,
-            'spinner-medium': this.props.size === SpinnerSize.modal,
-        }), containerClassName = external_classnames_default()({
-            'container-fluid spinner-modal': this.props.size === SpinnerSize.modal,
-        });
-        return (external_react_default().createElement("div", { className: containerClassName },
-            external_react_default().createElement("div", { className: spinnerClassName },
-                external_react_default().createElement("div", { className: 'spinner-dot1' },
-                    external_react_default().createElement("div", { className: 'spinner-leaf' }, this.renderLeaf())),
-                external_react_default().createElement("div", { className: 'spinner-dot2' },
-                    external_react_default().createElement("div", { className: 'spinner-leaf' }, this.renderLeaf())),
-                external_react_default().createElement("div", { className: 'spinner-dot3' },
-                    external_react_default().createElement("div", { className: 'spinner-leaf' }, this.renderLeaf())),
-                external_react_default().createElement("span", { className: 'spinner-letter' }, this.renderLetter()))));
-    };
-    Spinner.prototype.render = function () {
-        switch (this.props.size) {
-            case SpinnerSize.mini:
-                return this.renderMini();
-            case SpinnerSize.small:
-                return this.renderSmall();
-            case SpinnerSize.big:
-            case SpinnerSize.modal:
-                return this.renderBig();
-            default:
-                return null;
-        }
-    };
-    Spinner.displayName = 'Spinner';
-    Spinner.defaultProps = {
-        size: SpinnerSize.small,
-        className: '',
-    };
-    return Spinner;
-}((external_react_default()).Component));
-
-
-;// CONCATENATED MODULE: ./src/components/Spinner/index.ts
-
-
-
-/***/ }),
-
-/***/ 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
-
-
-
-
-/***/ }),
-
-/***/ 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 */   "qi": () => (/* binding */ blue100),
-/* harmony export */   "pN": () => (/* binding */ gray200),
-/* harmony export */   "ZM": () => (/* binding */ blue400),
-/* harmony export */   "de": () => (/* binding */ gray400),
-/* harmony export */   "Sn": () => (/* binding */ black)
-/* harmony export */ });
-/* unused harmony exports calculateDomain, generateRangeColor, white, blue25, blue50, blue80, blue90, blue95, blue300, yellow, orange, red, green, gray100, gray300, purple, viola, pink100, pink200, salmon */
-
-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 */   "eR": () => (/* binding */ matchAndFormatRangeLabel),
-/* harmony export */   "TK": () => (/* binding */ ellipseAndFormat)
-/* harmony export */ });
-/* unused harmony exports isStringEmpty, slugify, estimateWordSize, ellipse, formatRange, 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);
-}
-
-
-/***/ }),
-
-/***/ 3402:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__3402__;
-
-/***/ }),
-
-/***/ 5692:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
-
-/***/ }),
-
-/***/ 2895:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__2895__;
-
-/***/ }),
-
-/***/ 5521:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5521__;
-
-/***/ }),
-
-/***/ 8310:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
-
-/***/ }),
-
-/***/ 8156:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
-
-/***/ }),
-
-/***/ 8721:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8721__;
-
-/***/ }),
-
-/***/ 1082:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1082__;
-
-/***/ }),
-
-/***/ 8763:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8763__;
-
-/***/ }),
-
-/***/ 4329:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* binding */ _typeof)
-/* harmony export */ });
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/chunk loaded */
-/******/ 	(() => {
-/******/ 		var deferred = [];
-/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
-/******/ 			if(chunkIds) {
-/******/ 				priority = priority || 0;
-/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
-/******/ 				deferred[i] = [chunkIds, fn, priority];
-/******/ 				return;
-/******/ 			}
-/******/ 			var notFulfilled = Infinity;
-/******/ 			for (var i = 0; i < deferred.length; i++) {
-/******/ 				var [chunkIds, fn, priority] = deferred[i];
-/******/ 				var fulfilled = true;
-/******/ 				for (var j = 0; j < chunkIds.length; j++) {
-/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
-/******/ 						chunkIds.splice(j--, 1);
-/******/ 					} else {
-/******/ 						fulfilled = false;
-/******/ 						if(priority < notFulfilled) notFulfilled = priority;
-/******/ 					}
-/******/ 				}
-/******/ 				if(fulfilled) {
-/******/ 					deferred.splice(i--, 1)
-/******/ 					var r = fn();
-/******/ 					if (r !== undefined) result = r;
-/******/ 				}
-/******/ 			}
-/******/ 			return result;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			3397: 0,
-/******/ 			8016: 0,
-/******/ 			410: 0,
-/******/ 			9811: 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__(9825)))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/react-fontawesome"),require("@nivo/bar"),require("@nivo/tooltip"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faEmptySet","@fortawesome/react-fontawesome","@nivo/bar","@nivo/tooltip","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/react-fontawesome"),require("@nivo/bar"),require("@nivo/tooltip"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faEmptySet"],e["@fortawesome/react-fontawesome"],e["@nivo/bar"],e["@nivo/tooltip"],e.classnames,e.react,e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"])}(self,(function(e,t,r,o,n,a,i,l,s){return(()=>{"use strict";var u,p={6627:(e,t,r)=>{r.d(t,{MR:()=>a});var o=r(4329);function n(e){return n="function"==typeof Symbol&&"symbol"===(0,o.Z)(Symbol.iterator)?function(e){return(0,o.Z)(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":(0,o.Z)(e)},n(e)}function a(e,t,r){var o=r.value;if("function"!=typeof o)throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(n(o)));var a=!1;return{configurable:!0,get:function(){if(a||this===e.prototype||this.hasOwnProperty(t)||"function"!=typeof o)return o;var r=o.bind(this);return a=!0,Object.defineProperty(this,t,{configurable:!0,get:function(){return r},set:function(e){o=e,delete this[t]}}),a=!1,r},set:function(e){o=e}}}},2766:(e,t,r)=>{function o(e,t,r){e.prototype=t.prototype=r,r.constructor=e}function n(e,t){var r=Object.create(e.prototype);for(var o in t)r[o]=t[o];return r}function a(){}r.d(t,{ZP:()=>x});var i=.7,l=1/i,s="\\s*([+-]?\\d+)\\s*",u="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",p="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",c=/^#([0-9a-f]{3,8})$/,d=new RegExp("^rgb\\("+[s,s,s]+"\\)$"),h=new RegExp("^rgb\\("+[p,p,p]+"\\)$"),f=new RegExp("^rgba\\("+[s,s,s,u]+"\\)$"),m=new RegExp("^rgba\\("+[p,p,p,u]+"\\)$"),v=new RegExp("^hsl\\("+[u,p,p]+"\\)$"),y=new RegExp("^hsla\\("+[u,p,p,u]+"\\)$"),g={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function b(){return this.rgb().formatHex()}function w(){return this.rgb().formatRgb()}function x(e){var t,r;return e=(e+"").trim().toLowerCase(),(t=c.exec(e))?(r=t[1].length,t=parseInt(t[1],16),6===r?C(t):3===r?new O(t>>8&15|t>>4&240,t>>4&15|240&t,(15&t)<<4|15&t,1):8===r?k(t>>24&255,t>>16&255,t>>8&255,(255&t)/255):4===r?k(t>>12&15|t>>8&240,t>>8&15|t>>4&240,t>>4&15|240&t,((15&t)<<4|15&t)/255):null):(t=d.exec(e))?new O(t[1],t[2],t[3],1):(t=h.exec(e))?new O(255*t[1]/100,255*t[2]/100,255*t[3]/100,1):(t=f.exec(e))?k(t[1],t[2],t[3],t[4]):(t=m.exec(e))?k(255*t[1]/100,255*t[2]/100,255*t[3]/100,t[4]):(t=v.exec(e))?M(t[1],t[2]/100,t[3]/100,1):(t=y.exec(e))?M(t[1],t[2]/100,t[3]/100,t[4]):g.hasOwnProperty(e)?C(g[e]):"transparent"===e?new O(NaN,NaN,NaN,0):null}function C(e){return new O(e>>16&255,e>>8&255,255&e,1)}function k(e,t,r,o){return o<=0&&(e=t=r=NaN),new O(e,t,r,o)}function E(e){return e instanceof a||(e=x(e)),e?new O((e=e.rgb()).r,e.g,e.b,e.opacity):new O}function O(e,t,r,o){this.r=+e,this.g=+t,this.b=+r,this.opacity=+o}function N(){return"#"+S(this.r)+S(this.g)+S(this.b)}function L(){var e=this.opacity;return(1===(e=isNaN(e)?1:Math.max(0,Math.min(1,e)))?"rgb(":"rgba(")+Math.max(0,Math.min(255,Math.round(this.r)||0))+", "+Math.max(0,Math.min(255,Math.round(this.g)||0))+", "+Math.max(0,Math.min(255,Math.round(this.b)||0))+(1===e?")":", "+e+")")}function S(e){return((e=Math.max(0,Math.min(255,Math.round(e)||0)))<16?"0":"")+e.toString(16)}function M(e,t,r,o){return o<=0?e=t=r=NaN:r<=0||r>=1?e=t=NaN:t<=0&&(e=NaN),new F(e,t,r,o)}function j(e){if(e instanceof F)return new F(e.h,e.s,e.l,e.opacity);if(e instanceof a||(e=x(e)),!e)return new F;if(e instanceof F)return e;var t=(e=e.rgb()).r/255,r=e.g/255,o=e.b/255,n=Math.min(t,r,o),i=Math.max(t,r,o),l=NaN,s=i-n,u=(i+n)/2;return s?(l=t===i?(r-o)/s+6*(r<o):r===i?(o-t)/s+2:(t-r)/s+4,s/=u<.5?i+n:2-i-n,l*=60):s=u>0&&u<1?0:l,new F(l,s,u,e.opacity)}function F(e,t,r,o){this.h=+e,this.s=+t,this.l=+r,this.opacity=+o}function P(e,t,r){return 255*(e<60?t+(r-t)*e/60:e<180?r:e<240?t+(r-t)*(240-e)/60:t)}o(a,x,{copy:function(e){return Object.assign(new this.constructor,this,e)},displayable:function(){return this.rgb().displayable()},hex:b,formatHex:b,formatHsl:function(){return j(this).formatHsl()},formatRgb:w,toString:w}),o(O,(function(e,t,r,o){return 1===arguments.length?E(e):new O(e,t,r,null==o?1:o)}),n(a,{brighter:function(e){return e=null==e?l:Math.pow(l,e),new O(this.r*e,this.g*e,this.b*e,this.opacity)},darker:function(e){return e=null==e?i:Math.pow(i,e),new O(this.r*e,this.g*e,this.b*e,this.opacity)},rgb:function(){return this},displayable:function(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:N,formatHex:N,formatRgb:L,toString:L})),o(F,(function(e,t,r,o){return 1===arguments.length?j(e):new F(e,t,r,null==o?1:o)}),n(a,{brighter:function(e){return e=null==e?l:Math.pow(l,e),new F(this.h,this.s,this.l*e,this.opacity)},darker:function(e){return e=null==e?i:Math.pow(i,e),new F(this.h,this.s,this.l*e,this.opacity)},rgb:function(){var e=this.h%360+360*(this.h<0),t=isNaN(e)||isNaN(this.s)?0:this.s,r=this.l,o=r+(r<.5?r:1-r)*t,n=2*r-o;return new O(P(e>=240?e-240:e+120,n,o),P(e,n,o),P(e<120?e+240:e-120,n,o),this.opacity)},displayable:function(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl:function(){var e=this.opacity;return(1===(e=isNaN(e)?1:Math.max(0,Math.min(1,e)))?"hsl(":"hsla(")+(this.h||0)+", "+100*(this.s||0)+"%, "+100*(this.l||0)+"%"+(1===e?")":", "+e+")")}}))},1469:(e,t,r)=>{r.d(t,{EmptyState:()=>c});var o,n=r(8156),a=r.n(n),i=r(5692),l=r(3402),s=r(8310),u=r.n(s),p=(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){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.prototype.render=function(){return a().createElement("div",{className:u()("atoka-empty-state",this.props.className)},a().createElement("div",{className:"mb-2"},a().createElement(i.FontAwesomeIcon,{icon:l.faEmptySet})),this.props.children)},t.displayName="EmptyState",t}(a().PureComponent)},8352:(e,t,r)=>{var o=r(8156),n=r.n(o),a=r(8310),i=r.n(a),l=r(8721),s=r.n(l),u=n().memo((function(e){var t=i()(null==e?void 0:e.className,"atoka-form-label");return n().createElement(s().Label,{className:t},e.children)}));u.displayName="FormLabel";var p=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=i()("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 h=function(){return h=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},h.apply(this,arguments)},f=function(e){var t,r=i()(null==e?void 0:e.className,"atoka-form-radio");return n().createElement(s().Check,h({type:"radio"},e,{custom:!0,className:r,label:null!==(t=e.label)&&void 0!==t?t:""}))};f.displayName="FormRadio";var m=r(8763),v=r.n(m),y=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},g=n().memo((function(e){var t=e.children,r=y(e,["children"]),o=i()("d-block",null==r?void 0:r.className);return n().createElement(v(),{bsPrefix:"atoka-form-help",className:o},t)}));g.displayName="FormHelp";var 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)},w=function(e){var t=i()(null==e?void 0:e.className,"atoka-form");return n().createElement(s(),b({},e,{className:t}),e.children)};w.displayName="Form",w.Control=p.N,w.Label=u,w.Checkbox=d,w.Radio=f,w.File=s().File,w.Switch=s().Switch,w.Help=g,w.Group=s().Group},2048:(e,t,r)=>{r.d(t,{N:()=>h});var o=r(8156),n=r.n(o),a=r(8310),i=r.n(a),l=r(1082),s=r.n(l),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},p=n().memo((function(e){var t=e.show,r=void 0===t||t,o=u(e,["show"]),a=i()(null==o?void 0:o.className,"atoka-form-control-feedback",{"d-block":r});return n().createElement(s().Feedback,{type:o.type,className:a},o.children)}));p.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,a=c(e,["size"]),l=i()("atoka-form-control",null==a?void 0:a.className,{"atoka-shadow":a.withShadow,disabled:a.disabled});return n().createElement(s(),{as:a.as,rows:a.rows,cols:a.cols,placeholder:a.placeholder,className:l,disabled:a.disabled,readOnly:a.readOnly,value:a.value,onChange:a.onChange,onKeyPress:a.onKeyPress,onKeyDown:a.onKeyDown,defaultValue:a.defaultValue,size:"md"===o?void 0:o,type:a.type,id:a.id,isValid:a.isValid,isInvalid:a.isInvalid,ref:t,autoComplete:"off"},a.children)}));d.displayName="FormControlComponent";var h=d;h.FeedBack=p,h.displayName="FormControl"},4950:()=>{},9825:(e,t,r)=>{r.r(t),r.d(t,{CanvasLegendConfig:()=>o.CanvasLegendConfig,GetHistogramCanvasLegendConfig:()=>o.GetHistogramCanvasLegendConfig,Histogram:()=>L,RenderHistogramSVGLegend:()=>o.RenderHistogramSVGLegend});var o={};r.r(o),r.d(o,{b:()=>L});var n,a=r(6627),i=r(8156),l=r.n(i),s=r(2895),u=r(2766),p=r(8310),c=r.n(p),d=r(5521),h=r(4915),f=r(6216),m=r(1469),v=r(7540),y=r(4806),g=r(5909),b=r(2394),w=r(4950),x=(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)}),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)},k=function(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i},E=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},O=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)i.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=a.return)&&r.call(a)}finally{if(n)throw n.error}}return i},N=function(e,t,r){if(r||2===arguments.length)for(var o,n=0,a=t.length;n<a;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))},L=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.ellipseAndFormat=b.TK,t.matchAndFormatRangeLabel=b.eR,t.baseLayers=["grid","axes","bars"],t.state={data:[],selectedColumns:new Set,customColors:null},t}var r,o,n,p,L,S,M,j,F,P;return x(t,e),t.fromDataPointToBarDatum=function(e){return Object.keys(e).reduce((function(t,r){var o;return null==e[r]?t:C(C({},t),((o={})[r]=e[r],o))}),{})},Object.defineProperty(t.prototype,"areAllDataZero",{get:function(){return 0===this.props.data.reduce((function(e,t){return e+t.value}),0)},enumerable:!1,configurable:!0}),t.prototype.setupComponent=function(){var e,t,r,o,n;if(null==this.props.maxColsNumber&&this.props.colors.length>0&&this.props.colors.length!==this.props.data.length)throw Error("The colors.length must be of the same length as the data you give to the component");if(null!=this.props.maxColsNumber&&this.props.colors.length>0&&this.props.maxColsNumber!==this.props.colors.length-1)throw Error("With a maxColsNumber prop, colors.length must be of length + 1 of the maxColsNumbert");var a=this.prepareData(this.props.data),i=this.wrapTooltip(),l=null==this.props.maxColsNumber?a:(0,g.xG)(null!=a?a:[],null===(e=this.props)||void 0===e?void 0:e.otherId,null===(t=this.props)||void 0===t?void 0:t.otherLabel,null!==(o=null===(r=this.props)||void 0===r?void 0:r.maxColsNumber)&&void 0!==o?o:1/0,null===(n=this.props)||void 0===n?void 0:n.total),s=this.props.colors.reduce((function(e,t,r){var o;return C(C({},e),((o={})[l[r].id]=t,o))}),{});null!=this.props.selectedColumns?this.setState({customColors:s,renderTooltip:i,data:l,selectedColumns:new Set(this.props.selectedColumns)}):this.setState({data:l,customColors:s,renderTooltip:i})},t.prototype.wrapTooltip=function(){var e=this,t=void 0===this.props.renderTooltip?(0,y.getRenderStatisticsTooltip)({tooltipDataLabelKey:"value",tooltipDataTitleKey:"id",otherId:this.props.otherId,otherLabel:this.props.otherLabel,numberToStringFormatter:function(t){var r,o,n;return"".concat(null!==(n=null===(o=(r=e.props).tooltipValueFormat)||void 0===o?void 0:o.call(r,t))&&void 0!==n?n:t)},withColor:!1}):this.props.renderTooltip;return null==t?null:function(e){var r,o;return null!==(o=null==t?void 0:t(C(C({},e),{data:C(C({},e.data),{value:null!==(r=e.data.initialValue)&&void 0!==r?r:0})})))&&void 0!==o?o:null}},t.prototype.prepareData=function(e){var r=this,o=-1/0,n=0;(e=null!=e?e:[]).forEach((function(e){o=Math.max(o,e.value),n=Math.min(n,e.value)})),0===o&&0===n&&(o=10);var a=this.computeZeroReplacingValue(Math.abs(o-n));return e.map((function(e){var o=r.idFormatWrapper(e.label),n=e.value;return n=n>=0?Math.max(n,a):Math.min(n,-a),C(C({},t.fromDataPointToBarDatum(e)),{id:o,value:n,label:o,initialLabel:e.label,initialValue:e.value})}))},t.prototype.idFormatWrapper=function(e){return null==this.props.labelFormat?e:this.matchAndFormatRangeLabel(this.props.labelFormat)(e)},t.prototype.componentDidUpdate=function(e){(0,h.vZ)(e,this.props)||this.setupComponent()},t.prototype.componentDidMount=function(){this.setupComponent()},t.prototype.handleClick=function(e){var t;if(this.isClickable()){var r=this.state.selectedColumns,o=new Set(r);if(r.has(e.indexValue)?o.delete(e.indexValue):o.add(e.indexValue),null!=this.props.onClick){var n=[];(null!==(t=this.state.data)&&void 0!==t?t:[]).forEach((function(e){var t;if(o.has(e.label)){var r=null!==(t=e.initialLabel)&&void 0!==t?t:e.label;n.push({value:e.value,label:r})}})),this.props.onClick(n)}this.setState({selectedColumns:o})}},t.prototype.handleMouseEnter=function(e,t){var r,o,n;if(this.props.isHoverable){var a=null===(r=this.state.customColors)||void 0===r?void 0:r[e.indexValue],i=v.ZM;null!=a&&(i=null!==(n=null===(o=(0,u.ZP)(a))||void 0===o?void 0:o.darker(1).formatHex())&&void 0!==n?n:a),t.target.setAttribute("fill",i)}},t.prototype.handleMouseLeave=function(e,t){this.props.isHoverable&&t.target.setAttribute("fill",this.getColors(e))},t.prototype.getColors=function(e){var t,r,o=v.qi,n=v.pN,a=this.isClickable(),i=v.KH,l=null===(t=this.state.customColors)||void 0===t?void 0:t[e.indexValue];return 0===this.state.selectedColumns.size||this.state.selectedColumns.has(e.indexValue)||this.state.selectedColumns.has(null===(r=e.data)||void 0===r?void 0:r.initialLabel)?null!=l?l:o:a?i:n},t.prototype.isClickable=function(){return null==this.props.selectedColumns&&this.props.isClickable},t.prototype.renderIsLoading=function(){return this.props.isLoading?(0,h.z8)(this.props.children,f.Spinner):null},t.prototype.renderIsEmpty=function(){return this.props.isEmpty?(0,h.z8)(this.props.children,m.EmptyState):null},t.prototype.getEmptyAxis=function(){return"vertical"===this.props.layout?{tickValues:[],tickSize:0}:{tickValues:[]}},t.prototype.getDefaultBottomAxis=function(){var e={tickRotation:-45,tickSize:0,tickPadding:this.props.isCanvas?20:void 0};return"vertical"===this.props.layout?C(C({},e),{format:this.ellipseAndFormat(this.matchAndFormatRangeLabel(this.props.labelFormat),this.props.maxLabelLength)}):C(C({},e),{format:this.ellipseAndFormat(this.props.valueFormat,this.props.maxLabelLength),tickValues:this.props.gridXValues})},t.prototype.getDefaultLeftAxis=function(){return"vertical"===this.props.layout?{format:this.ellipseAndFormat(this.props.valueFormat,this.props.maxLabelLength),tickSize:0,tickValues:this.props.gridYValues}:{format:this.ellipseAndFormat(this.matchAndFormatRangeLabel(this.props.labelFormat),this.props.maxLabelLength)}},t.prototype.getMargin=function(){var e,r,o,n,a,i,l,s,u=C({},this.props.margin),p=C({},t.defaultProps.margin),c=p.top,d=p.right,h=p.bottom,f=p.left;u.bottom=null!==(e=u.bottom)&&void 0!==e?e:0,u.left=null!==(r=u.left)&&void 0!==r?r:0;var m="value",v=1,y=this.props.enableAxisLeft,g=this.getDefaultLeftAxis().format;if("horizontal"===this.props.layout&&(m="label",v=1.2,y=this.props.enableAxisBottom,g=this.getDefaultBottomAxis().format),this.props.computeMargin&&y){var b=0,w=0;null===(o=this.props.data)||void 0===o||o.forEach((function(e){var t,r,o="string"==typeof e[m]?e[m]:String(e[m]),n="string"==typeof g?o.length:null!==(r=null===(t=null==g?void 0:g(o))||void 0===t?void 0:t.length)&&void 0!==r?r:o.length;b=Math.max(n,b),w=Math.max(Math.abs(e.value),w)}));var x=w<1e3?10:0;"horizontal"===this.props.layout?u.bottom+=x+4.3*Math.min(b,this.props.maxLabelLength)*v:u.left+=x+7.7*Math.min(b,this.props.maxLabelLength)*v}return{top:null!==(n=u.top)&&void 0!==n?n:c,right:null!==(a=u.right)&&void 0!==a?a:d,bottom:null!==(l=null!==(i=u.bottom)&&void 0!==i?i:h)&&void 0!==l?l:0,left:null!==(s=u.left)&&void 0!==s?s:f}},t.prototype.buildCanvasLegend=function(e,t){if(null!=this.props.getCanvasLegendConfig){var r=this.props.getCanvasLegendConfig(t),o=r.x,n=void 0===o?0:o,a=r.y,i=void 0===a?0:a,l=r.data,s=[0];(void 0===l?[]:l).forEach((function(t,r){var o=10*r;e.fillStyle=v.de;var a=n+o+s[r];e.fillText(t.label,a,i);var l=a+e.measureText(t.label).width+10;e.fillStyle=v.Sn,e.font="bold",e.fillText("".concat(t.value),l,i);var u=e.measureText("".concat(t.value));s.push(l+u.width)}))}},t.prototype.computeZeroReplacingValue=function(e,t){return void 0===t&&(t=.02),e*t},t.prototype.renderEmptyParts=function(e){var t,r,o=null!==(r=null===(t=null==e?void 0:e.bars)||void 0===t?void 0:t.map(this.renderEmptyPart(e)))&&void 0!==r?r:[];return 0===o.length?null:l().createElement("g",null,o)},t.prototype.renderEmptyPart=function(e){var t=this;return function(r,o){var n,a=(0,d.useTooltip)(),s=a.showTooltipFromEvent,u=a.hideTooltip,p=C(C(C({},r),r.data),{value:null!==(n=r.data.value)&&void 0!==n?n:0}),c=(0,i.useMemo)((function(){return function(){return(0,i.createElement)(e.tooltip,p)}}),[e.tooltip,r,r.data]),h=(0,i.useCallback)((function(e){return s(c(),e)}),[s,c]),f=(0,i.useCallback)((function(t){var o;null===(o=e.onMouseEnter)||void 0===o||o.call(e,r.data,t),s(c(),t)}),[r.data,e.onMouseEnter,s,c]),m=(0,i.useCallback)((function(t){var o;null===(o=e.onMouseLeave)||void 0===o||o.call(e,r.data,t),u()}),[r.data,u,e.onMouseLeave]);return l().createElement("g",{key:o,transform:"translate(".concat(r.x,", ").concat(r.y+r.height,")")},l().createElement("rect",{width:r.width,height:Math.max(t.computeZeroReplacingValue(r.height),2),rx:"0",ry:"0",fill:v.qi,strokeWidth:"0",stroke:v.qi,onMouseEnter:f,onMouseLeave:m,onMouseMove:h}))}},t.prototype.getLayers=function(){var e=this.areAllDataZero?[this.renderEmptyParts]:N([],O(this.baseLayers),!1);return null!=this.props.renderSVGLegend&&e.push(this.props.renderSVGLegend),e},t.prototype.getCanvasLayers=function(){var e=N([],O(this.baseLayers),!1);return null!=this.props.getCanvasLegendConfig&&e.push(this.buildCanvasLegend),e},t.prototype.renderContent=function(){var e,r;if(this.props.isEmpty||this.props.isLoading)return null;var o=this.props,n=o.enableAxisBottom,a=o.enableAxisLeft,i=o.layout,u=o.padding,p=o.enableGridY,c=o.enableGridX,d=o.gridYValues,h=o.gridXValues,f=n?this.getDefaultBottomAxis():this.getEmptyAxis(),m=a?this.getDefaultLeftAxis():this.getEmptyAxis(),y=null!==this.state.renderTooltip,g={padding:u,layout:i,gridXValues:h,gridYValues:d,margin:this.getMargin(),theme:C({textColor:v.de},this.props.theme),isInteractive:this.isClickable()||y,indexBy:"id",tooltip:null!==(e=this.state.renderTooltip)&&void 0!==e?e:void 0,colors:this.getColors,enableGridY:"vertical"===this.props.layout&&p,enableGridX:"horizontal"===this.props.layout&&c,enableLabel:!1},b=this.state.data;if(this.props.isCanvas){var w=null!==(r=this.props.size)&&void 0!==r?r:t.defaultProps.size;return g.theme=C(C({},g.theme),{background:"#fff"}),l().createElement(s.ResponsiveBarCanvas,C({},g,w,{data:b,layers:this.getCanvasLayers(),axisLeft:m,axisBottom:f}))}return l().createElement(s.ResponsiveBar,C({},g,{layers:this.getLayers(),axisLeft:m,axisBottom:f,data:b,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave}))},t.prototype.render=function(){var e=c()("histogram-container","d-flex","justify-content-center","align-items-center",{clickable:this.isClickable()});return l().createElement("div",{id:this.props.id,className:e,ref:this.props.chartRef},this.renderIsLoading(),this.renderIsEmpty(),this.renderContent())},t.displayName="Histogram",t.legendHeight=20,t.defaultProps={computeMargin:!0,enableGridY:!0,enableGridX:!0,enableAxisLeft:!0,enableAxisBottom:!0,size:{height:400},isEmpty:!1,isLoading:!1,isHoverable:!1,isClickable:!0,layout:"vertical",margin:{top:30,right:0,bottom:30,left:0},padding:.05,maxLabelLength:12,id:"",colors:[],otherId:"other",gridXValues:6,gridYValues:6},k([a.MR,E("design:type",Function),E("design:paramtypes",["function"==typeof(r=void 0!==w.Z&&w.Z)?r:Object]),E("design:returntype",void 0)],t.prototype,"handleClick",null),k([a.MR,E("design:type",Function),E("design:paramtypes",["function"==typeof(o=void 0!==s.ComputedDatum&&s.ComputedDatum)?o:Object,"function"==typeof(n=void 0!==l()&&l().MouseEvent)?n:Object]),E("design:returntype",void 0)],t.prototype,"handleMouseEnter",null),k([a.MR,E("design:type",Function),E("design:paramtypes",["function"==typeof(p=void 0!==s.ComputedDatum&&s.ComputedDatum)?p:Object,"function"==typeof(L=void 0!==l()&&l().MouseEvent)?L:Object]),E("design:returntype",void 0)],t.prototype,"handleMouseLeave",null),k([a.MR,E("design:type",Function),E("design:paramtypes",["function"==typeof(S=void 0!==s.ComputedDatum&&s.ComputedDatum)?S:Object]),E("design:returntype",String)],t.prototype,"getColors",null),k([a.MR,E("design:type",Function),E("design:paramtypes",["function"==typeof(M="undefined"!=typeof CanvasRenderingContext2D&&CanvasRenderingContext2D)?M:Object,"function"==typeof(j=void 0!==s.BarCustomLayerProps&&s.BarCustomLayerProps)?j:Object]),E("design:returntype",void 0)],t.prototype,"buildCanvasLegend",null),k([a.MR,E("design:type",Function),E("design:paramtypes",["function"==typeof(F=void 0!==s.BarCustomLayerProps&&s.BarCustomLayerProps)?F:Object]),E("design:returntype",Object)],t.prototype,"renderEmptyParts",null),k([a.MR,E("design:type",Function),E("design:paramtypes",["function"==typeof(P=void 0!==s.BarCustomLayerProps&&s.BarCustomLayerProps)?P:Object]),E("design:returntype",Function)],t.prototype,"renderEmptyPart",null),t}(l().Component)},6216:(e,t,r)=>{r.d(t,{Spinner:()=>p});var o,n,a=r(8310),i=r.n(a),l=r(8156),s=r.n(l),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)});!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(n||(n={}));var p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.renderOnlyDotsSpinner=function(e){var t="atoka-spinner spinner-"+e+" "+this.props.className;return s().createElement("div",{className:t},s().createElement("div",{className:"spinner-dot1"},s().createElement("div",{className:"spinner-leaf"})),s().createElement("div",{className:"spinner-dot2"},s().createElement("div",{className:"spinner-leaf"})),s().createElement("div",{className:"spinner-dot3"},s().createElement("div",{className:"spinner-leaf"})))},t.prototype.renderSmall=function(){return this.renderOnlyDotsSpinner("small")},t.prototype.renderMini=function(){return this.renderOnlyDotsSpinner("mini")},t.prototype.renderLeaf=function(){return s().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},s().createElement("g",{id:"leaf"},s().createElement("path",{d:"M80.88,7.62a26,26,0,0,0-36.79,36.8,25.85,25.85,0,0,0,13.4,7.14V83.39c1.19,0,2.4-.08,3.62-.08,2.16,0,4.28.08,6.38.23v-32A26,26,0,0,0,80.88,7.62ZM73.81,37.35a16,16,0,1,1,0-22.66,15.92,15.92,0,0,1,0,22.66Z"})))},t.prototype.renderLetter=function(){return s().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},s().createElement("g",{id:"logo-vector"},s().createElement("path",{d:"M110.77,180.67V140.16a50.47,50.47,0,1,0-22,41.71L93.12,187a10,10,0,0,0,17.65-6.34Zm-81-40.51a30.5,30.5,0,1,1,30.5,30.5,30.49,30.49,0,0,1-30.5-30.5Z"})))},t.prototype.renderBig=function(){var e=i()(this.props.className,{"atoka-spinner":!0,"spinner-big":this.props.size===n.big,"spinner-medium":this.props.size===n.modal}),t=i()({"container-fluid spinner-modal":this.props.size===n.modal});return s().createElement("div",{className:t},s().createElement("div",{className:e},s().createElement("div",{className:"spinner-dot1"},s().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),s().createElement("div",{className:"spinner-dot2"},s().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),s().createElement("div",{className:"spinner-dot3"},s().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),s().createElement("span",{className:"spinner-letter"},this.renderLetter())))},t.prototype.render=function(){switch(this.props.size){case n.mini:return this.renderMini();case n.small:return this.renderSmall();case n.big:case n.modal:return this.renderBig();default:return null}},t.displayName="Spinner",t.defaultProps={size:n.small,className:""},t}(s().Component)},8007:(e,t,r)=>{r.d(t,{q:()=>l});var o=r(8156),n=r.n(o),a=r(4806),i=function(){return i=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},i.apply(this,arguments)};function l(e){var t=e.tooltipDataLabelKey,r=e.tooltipDataValueKey,o=e.tooltipDataTitleKey,l=e.otherId,s=e.otherLabel,u=e.numberToStringFormatter,p=e.withColor,c=e.className,d=void 0===c?"tooltip-background":c;return function(e){var c,h,f,m,v=i(i({},e.data),{value:null===(c=e.data)||void 0===c?void 0:c.value,label:null===(h=e.data)||void 0===h?void 0:h.label,id:null===(f=e.data)||void 0===f?void 0:f.id,percentage:null===(m=e.data)||void 0===m?void 0:m.percentage});return n().createElement(a.StatisticsTooltip,{otherId:l,otherLabel:s,numberToStringFormatter:u,data:v,tooltipDataLabelKey:t,tooltipDataTitleKey:o,tooltipDataValueKey:r,className:null!=d?d:"",color:p?e.color:void 0})}}},4806:(e,t,r)=>{r.d(t,{StatisticsTooltip:()=>s,getRenderStatisticsTooltip:()=>u.q});var o=r(8156),n=r.n(o),a=r(8310),i=r.n(a),l=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,l.Ow)(t):t}function o(e,t){return null==e||null==t?void 0:t[e]}var a,s,u,p,c,d,h=i()("statistics-tooltip",null==e?void 0:e.className),f=null==e.color?null:n().createElement("span",{className:"tooltip-rectangle",style:{background:e.color}});return n().createElement("div",{className:h},n().createElement("div",{className:"d-flex align-items-center"},f,n().createElement("span",{className:"text-left"},(s=e.tooltipDataTitleKey,u=e.data,p=e.otherId,c=e.otherLabel,(d=o(s,u))===p?null!=c?c:p:d?String(d):void 0))),0===(a=[{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"},a),e.children)}));s.displayName="StatisticsTooltip";var u=r(8007)},5909:(e,t,r)=>{r.d(t,{xG:()=>a,Ow:()=>l});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 a(e,t,r,n,a,l){var s,u;void 0===n&&(n=0),void 0===l&&(l="value");var p=0,c=null!=t?t:"other",d=null!=n?n:0,h=[],f=null==e?void 0:e.sort((0,o.kV)(l));null==f||f.forEach((function(e,r){var n;if(r<d&&e.id!==t)h.push(function(e){if(null==e.children)return e;var t=(0,o.d9)(e);return i(t),t}(e));else{var a=null!==(n=Number(null==e?void 0:e.value))&&void 0!==n?n:0;p+=a}}));var m={};return m.id=c,m.value=parseFloat(p.toFixed(2)),m.initialValue=parseFloat(p.toFixed(2)),m.label=null!==(s=null!=r?r:c)&&void 0!==s?s:"",null!=(null===(u=null==e?void 0:e[0])||void 0===u?void 0:u.percentage)&&null!=a&&(m.percentage=p/a*100),n===1/0&&0===p||h.push(m),h}function i(e){var t,r,o,a=null!==(o=null==e?void 0:e.children)&&void 0!==o?o:[];e.initialValue=e.value,a.length>0&&delete e.value;try{for(var l=n(a),s=l.next();!s.done;s=l.next()){i(s.value)}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=l.return)&&r.call(l)}finally{if(t)throw t.error}}}function l(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,qi:()=>n,pN:()=>i,ZM:()=>a,de:()=>l,Sn:()=>s});var o="#CBD8E0",n="#578EA8",a="#11455C",i="#EBEBEB",l="#717171",s="#222222"},2394:(e,t,r)=>{r.d(t,{eR:()=>n,TK:()=>a});function o(e,t){return null==e?"":e.length>t?"".concat(e.substr(0,t-1),"…"):e}function n(e){return function(t){var r=/^([\d*]+)-([\d*]+)$/.exec(t);return null==r?t:function(e,t){var r,o,n="*"===e.to?"*":t(parseInt(null!==(r=e.to)&&void 0!==r?r:"0",10)),a=t(parseInt(null!==(o=e.from)&&void 0!==o?o:"0",10));if(a===n)return"".concat(a);return"".concat(a," - ").concat(n)}({from:r[1],to:r[2]},null!=e?e:function(e){return e})}}function a(e,t){return function(r){var n=r.toString();return o(null==e?n:"".concat(e(n)),t)}}},4915:(e,t,r)=>{r.d(t,{z8:()=>a,kV:()=>i,d9:()=>l,vZ:()=>u});r(5692);var o=r(8156),n=r.n(o);r(8352);function a(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 i(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 l(e){return JSON.parse(JSON.stringify(e))}function s(e){return"object"==typeof e&&null!=e}function u(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(!u(e[r],t[r]))return!1;return!0}return!1}},3402:t=>{t.exports=e},5692:e=>{e.exports=t},2895:e=>{e.exports=r},5521:e=>{e.exports=o},8310:e=>{e.exports=n},8156:e=>{e.exports=a},8721:e=>{e.exports=i},1082:e=>{e.exports=l},8763:e=>{e.exports=s},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})}},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var r=c[e]={exports:{}};return p[e](r,r.exports,d),r.exports}d.m=p,u=[],d.O=(e,t,r,o)=>{if(!t){var n=1/0;for(s=0;s<u.length;s++){for(var[t,r,o]=u[s],a=!0,i=0;i<t.length;i++)(!1&o||n>=o)&&Object.keys(d.O).every((e=>d.O[e](t[i])))?t.splice(i--,1):(a=!1,o<n&&(n=o));if(a){u.splice(s--,1);var l=r();void 0!==l&&(e=l)}}return e}o=o||0;for(var s=u.length;s>0&&u[s-1][2]>o;s--)u[s]=u[s-1];u[s]=[t,r,o]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3397:0,8016:0,410:0,9811:0,8699:0};d.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[a,i,l]=r,s=0;if(a.some((t=>0!==e[t]))){for(o in i)d.o(i,o)&&(d.m[o]=i[o]);if(l)var u=l(d)}for(t&&t(r);s<a.length;s++)n=a[s],d.o(e,n)&&e[n]&&e[n][0](),e[a[s]]=0;return d.O(u)},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 h=d.O(void 0,[8699],(()=>d(9825)));return h=d.O(h)})()}));