@next-core/brick-kit 2.103.3 → 2.103.7

package/dist/index.bundle.js

@@ -1,40 +1,21 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('history'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/helpers/defineProperty'), require('react'), require('lodash'), require('@next-core/brick-utils'), require('@next-core/brick-http'), require('moment'), require('@next-core/pipes'), require('i18next'), require('@next-core/easyops-analytics'), require('js-yaml'), require('antd'), require('@ant-design/icons'), require('react-i18next'), require('@babel/runtime/helpers/esm/extends'), require('@next-core/illustrations'), require('@babel/runtime/helpers/decorate')) :
   typeof define === 'function' && define.amd ? define(['exports', 'history', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/helpers/defineProperty', 'react', 'lodash', '@next-core/brick-utils', '@next-core/brick-http', 'moment', '@next-core/pipes', 'i18next', '@next-core/easyops-analytics', 'js-yaml', 'antd', '@ant-design/icons', 'react-i18next', '@babel/runtime/helpers/esm/extends', '@next-core/illustrations', '@babel/runtime/helpers/decorate'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BrickKit = {}, global.history$1, global._objectSpread, global._objectWithoutProperties, global._asyncToGenerator$4, global._defineProperty$1, global.React, global.lodash, global.brickUtils, global.brickHttp, global.moment, global.pipes, global.i18next, global.easyopsAnalytics, global.yaml, global.antd, global.icons, global.reactI18next, global._extends$2, global.illustrations, global._decorate));
-})(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _asyncToGenerator$4, _defineProperty$1, React, lodash, brickUtils, brickHttp, moment, pipes, i18next, easyopsAnalytics, yaml, antd, icons, reactI18next, _extends$2, illustrations, _decorate) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BrickKit = {}, global.history$1, global._objectSpread, global._objectWithoutProperties, global._asyncToGenerator$4, global._defineProperty$1, global.React, global.lodash, global.brickUtils, global.brickHttp, global.moment, global.pipes, global.i18next, global.easyopsAnalytics, global.yaml, global.antd, global.icons, global.reactI18next, global._extends, global.illustrations, global._decorate));
+})(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _asyncToGenerator$4, _defineProperty$1, React, lodash, brickUtils, brickHttp, moment, pipes, i18next, easyopsAnalytics, yaml, antd, icons, reactI18next, _extends, illustrations, _decorate) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
-        }
-      });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
-
   var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
   var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
   var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator$4);
   var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var lodash__default = /*#__PURE__*/_interopDefaultLegacy(lodash);
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
   var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
   var yaml__default = /*#__PURE__*/_interopDefaultLegacy(yaml);
-  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
+  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
   var _decorate__default = /*#__PURE__*/_interopDefaultLegacy(_decorate);
 
   class BaseBar {
@@ -7070,7 +7051,7 @@
   presetPalettes.grey;
 
   function getStyleByBaseColors(theme, baseColors, backgroundColor) {
-    return (theme === "dark" ? getDarkStyle : getLightStyle)(getCssVariableDefinitionsByPalettes(generatePalettes(baseColors, theme, backgroundColor)));
+    return (theme === "dark" ? getDarkStyle : getLightStyle)("".concat(getCssVariableDefinitionsByPalettes(generatePalettes(baseColors, theme, backgroundColor)), "\n").concat(getMigratedCssVariableDefinitions(theme, baseColors, backgroundColor)));
   }
   function getStyleByBrandColor(theme, brandColor) {
     return (theme === "dark" ? getDarkStyle : getLightStyle)(getCssVariableDefinitionsByBrand(brandColor));
@@ -7134,6 +7115,33 @@
     }
   }
 
+  function getMigratedCssVariableDefinitions(theme, baseColors, backgroundColor) {
+    var migrateMap = {
+      green: "green",
+      red: "red",
+      blue: "blue",
+      orange: "orange",
+      cyan: "cyan",
+      purple: "purple",
+      geekblue: "indigo"
+    };
+    return Object.entries(migrateMap).flatMap(_ref4 => {
+      var [legacyColorName, newColorName] = _ref4;
+      return ["  --theme-".concat(legacyColorName, "-color-rgb-channel: ").concat(getRgbChannel(getActualBaseColor(baseColors[newColorName], theme, backgroundColor)), ";"), ...(theme === "dark" ? [] : ["  --theme-".concat(legacyColorName, "-color: var(--palette-").concat(newColorName, "-6);"), "  --theme-".concat(legacyColorName, "-border-color: var(--palette-").concat(newColorName, "-3);")]), "  --theme-".concat(legacyColorName, "-background: var(--palette-").concat(newColorName, "-").concat(theme === "dark" ? 2 : 1, ");"), ""];
+    }).join("\n");
+  }
+
+  function getRgbChannel(color) {
+    return color.match(/[0-9a-fA-F]{2}/g).map(hex => parseInt(hex, 16)).join(", ");
+  }
+
+  function getActualBaseColor(baseColor, theme, backgroundColor) {
+    return theme === "dark" ? generate(baseColor, {
+      theme,
+      backgroundColor
+    })[5] : baseColor;
+  }
+
   function applyColorTheme(options) {
     var style = [];
     var themes = ["light", "dark"];
@@ -11864,288 +11872,276 @@
   };
   var defaultLocale = localeValues;
 
-  function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
-
-  var _ref$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    x1: "5.718%",
-    y1: "4.311%",
-    x2: "83.05%",
-    y2: "88.915%",
-    id: "empty-image_svg__a"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#D4D8E4",
-    offset: "0%"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#A9B0C4",
-    offset: "100%"
-  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    x1: "0%",
-    y1: "11.08%",
-    x2: "80.548%",
-    y2: "107.704%",
-    id: "empty-image_svg__d"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#C2C7DA",
-    offset: "0%"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#8F96B3",
-    offset: "100%"
-  })), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M23.672 23.607h2.492a4 4 0 0 1 4 4v2.491a4 4 0 0 1-4 4h-2.492a4 4 0 0 1-4-4v-2.491a4 4 0 0 1 4-4z",
-    id: "empty-image_svg__c"
-  }), /*#__PURE__*/React__namespace.createElement("filter", {
-    x: "-57.2%",
-    y: "-47.7%",
-    width: "233.4%",
-    height: "233.4%",
-    filterUnits: "objectBoundingBox",
-    id: "empty-image_svg__b"
-  }, /*#__PURE__*/React__namespace.createElement("feOffset", {
-    dx: 1,
-    dy: 2,
-    in: "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feGaussianBlur", {
-    stdDeviation: 2,
-    in: "shadowOffsetOuter1",
-    result: "shadowBlurOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feComposite", {
-    in: "shadowBlurOuter1",
-    in2: "SourceAlpha",
-    operator: "out",
-    result: "shadowBlurOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feColorMatrix", {
-    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
-    in: "shadowBlurOuter1"
-  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    x1: "41.823%",
-    y1: "24.795%",
-    x2: "8.813%",
-    y2: "86.427%",
-    id: "empty-image_svg__g"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#CCD0DD",
-    offset: "0%"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#9DA3B9",
-    offset: "100%"
-  })), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M37.311 12.459a4 4 0 0 1 4 4v3.419l-7.418-7.419h3.418z",
-    id: "empty-image_svg__f"
-  }), /*#__PURE__*/React__namespace.createElement("filter", {
-    x: "-94.4%",
-    y: "-121.3%",
-    width: "288.7%",
-    height: "288.7%",
-    filterUnits: "objectBoundingBox",
-    id: "empty-image_svg__e"
-  }, /*#__PURE__*/React__namespace.createElement("feOffset", {
-    dy: -2,
-    in: "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feGaussianBlur", {
-    stdDeviation: 2,
-    in: "shadowOffsetOuter1",
-    result: "shadowBlurOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feColorMatrix", {
-    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
-    in: "shadowBlurOuter1"
-  })));
-
-  var _ref2$1 = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M39.682 33.967H10.81a2.8 2.8 0 0 0-1.94.782l-5.197 4.999v6.98a5.6 5.6 0 0 0 5.6 5.6H41.22a5.6 5.6 0 0 0 5.6-5.6v-6.98l-5.196-4.999a2.8 2.8 0 0 0-1.942-.782z",
-    fill: "#A6AAC3"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M33.893 12.459l7.418 7.419v22.568a2.8 2.8 0 0 1-2.8 2.8h-26.53a2.8 2.8 0 0 1-2.8-2.8V18.459a6 6 0 0 1 6-6h18.712z",
-    fill: "url(#empty-image_svg__a)"
-  }), /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("use", {
-    fill: "#000",
-    filter: "url(#empty-image_svg__b)",
-    xlinkHref: "#empty-image_svg__c"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    stroke: "#FFF",
-    d: "M26.164 24.107c.966 0 1.841.391 2.475 1.025a3.489 3.489 0 0 1 1.025 2.475h0v2.491c0 .967-.392 1.842-1.025 2.475a3.489 3.489 0 0 1-2.475 1.025h0-2.492a3.489 3.489 0 0 1-2.475-1.025 3.489 3.489 0 0 1-1.025-2.475h0v-2.491c0-.967.392-1.842 1.025-2.475a3.489 3.489 0 0 1 2.475-1.025h0z",
-    strokeLinejoin: "square",
-    fill: "url(#empty-image_svg__d)"
-  })), /*#__PURE__*/React__namespace.createElement("g", {
-    transform: "rotate(180 37.602 16.168)"
-  }, /*#__PURE__*/React__namespace.createElement("use", {
-    fill: "#000",
-    filter: "url(#empty-image_svg__e)",
-    xlinkHref: "#empty-image_svg__f"
-  }), /*#__PURE__*/React__namespace.createElement("use", {
-    fill: "url(#empty-image_svg__g)",
-    xlinkHref: "#empty-image_svg__f"
-  })), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M54.164 27.541c.253 0 .459.205.459.459v.918h.918a.459.459 0 1 1 0 .918h-.918v.918a.459.459 0 0 1-.918 0v-.918h-.918a.459.459 0 0 1 0-.918h.918V28c0-.254.205-.459.459-.459zM1.377 20.197c.19 0 .344.154.344.344v.574h.574a.459.459 0 1 1 0 .918h-.574v.574a.344.344 0 0 1-.688 0l-.001-.574H.459a.459.459 0 0 1 0-.918h.573v-.574c0-.19.155-.344.345-.344z",
-    fill: "#D6D8E4",
-    opacity: 0.3
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M24.787 43.53h.014c7.087.143 9.817-3.834 12.785-4.046l.19-.008h9.044v10.052a2.8 2.8 0 0 1-2.63 2.795l-.17.005H6.472l-.17-.005a2.8 2.8 0 0 1-2.63-2.795V39.475h8.126l.144-.004c2.485.004 5.214 3.898 12.83 4.06l.015-.002z",
-    fill: "#D6D8E4"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M13.77 2.2s2.308-.555 2.962-2.2c.943 1.35 1.429 1.933 2.547 2.189-1.522.453-2.183.963-2.704 2.401-.598-1.695-1.142-1.914-2.805-2.39",
-    fill: "#D6D8E4",
-    opacity: 0.5
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M41.311 6.64S47.464 5.194 49.21.917c2.514 3.508 3.81 5.025 6.791 5.691-4.059 1.18-5.822 2.503-7.21 6.243-1.594-4.406-3.045-4.976-7.479-6.213",
-    fill: "#D6D8E4",
-    opacity: 0.8
-  }));
+  function EmptySvg(props) {
+    var prefix = lodash.uniqueId();
 
-  function SvgEmptyImage(props) {
-    return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
-      width: 56,
-      height: 53,
-      viewBox: "0 0 56 53",
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink"
-    }, props), _ref$1, _ref2$1);
-  }
-
-  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-  var _ref = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    x1: "5.718%",
-    y1: "4.311%",
-    x2: "83.05%",
-    y2: "88.915%",
-    id: "big-empty-image_svg__a"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#D4D8E4",
-    offset: "0%"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#A9B0C4",
-    offset: "100%"
-  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    x1: "0%",
-    y1: "11.08%",
-    x2: "80.548%",
-    y2: "107.704%",
-    id: "big-empty-image_svg__d"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#C2C7DA",
-    offset: "0%"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#8F96B3",
-    offset: "100%"
-  })), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M34 36h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4z",
-    id: "big-empty-image_svg__c"
-  }), /*#__PURE__*/React__namespace.createElement("filter", {
-    x: "-37.5%",
-    y: "-31.3%",
-    width: "187.5%",
-    height: "187.5%",
-    filterUnits: "objectBoundingBox",
-    id: "big-empty-image_svg__b"
-  }, /*#__PURE__*/React__namespace.createElement("feOffset", {
-    dx: 1,
-    dy: 2,
-    in: "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feGaussianBlur", {
-    stdDeviation: 2,
-    in: "shadowOffsetOuter1",
-    result: "shadowBlurOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feComposite", {
-    in: "shadowBlurOuter1",
-    in2: "SourceAlpha",
-    operator: "out",
-    result: "shadowBlurOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feColorMatrix", {
-    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
-    in: "shadowBlurOuter1"
-  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    x1: "41.823%",
-    y1: "24.795%",
-    x2: "8.813%",
-    y2: "86.427%",
-    id: "big-empty-image_svg__g"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#CCD0DD",
-    offset: "0%"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#9DA3B9",
-    offset: "100%"
-  })), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M59 19a4 4 0 0 1 4 4v7.314L51.686 19H59z",
-    id: "big-empty-image_svg__f"
-  }), /*#__PURE__*/React__namespace.createElement("filter", {
-    x: "-61.9%",
-    y: "-79.5%",
-    width: "223.7%",
-    height: "223.7%",
-    filterUnits: "objectBoundingBox",
-    id: "big-empty-image_svg__e"
-  }, /*#__PURE__*/React__namespace.createElement("feOffset", {
-    dy: -2,
-    in: "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feGaussianBlur", {
-    stdDeviation: 2,
-    in: "shadowOffsetOuter1",
-    result: "shadowBlurOuter1"
-  }), /*#__PURE__*/React__namespace.createElement("feColorMatrix", {
-    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
-    in: "shadowBlurOuter1"
-  })));
-
-  var _ref2 = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M61.108 51.8H15.892a2.8 2.8 0 0 0-1.941.782L5.6 60.615V74.2a5.6 5.6 0 0 0 5.6 5.6h54.6a5.6 5.6 0 0 0 5.6-5.6V60.615l-8.35-8.033a2.8 2.8 0 0 0-1.942-.782z",
-    fill: "#A6AAC3"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M51.686 19L63 30.314V66.2a2.8 2.8 0 0 1-2.8 2.8H16.8a2.8 2.8 0 0 1-2.8-2.8V25a6 6 0 0 1 6-6h31.686z",
-    fill: "url(#big-empty-image_svg__a)"
-  }), /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("use", {
-    fill: "#000",
-    filter: "url(#big-empty-image_svg__b)",
-    xlinkHref: "#big-empty-image_svg__c"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    stroke: "#FFF",
-    d: "M42 36.5c.966 0 1.841.392 2.475 1.025A3.489 3.489 0 0 1 45.5 40h0v8c0 .966-.392 1.841-1.025 2.475A3.489 3.489 0 0 1 42 51.5h0-8a3.489 3.489 0 0 1-2.475-1.025A3.489 3.489 0 0 1 30.5 48h0v-8c0-.966.392-1.841 1.025-2.475A3.489 3.489 0 0 1 34 36.5h0z",
-    strokeLinejoin: "square",
-    fill: "url(#big-empty-image_svg__d)"
-  })), /*#__PURE__*/React__namespace.createElement("g", {
-    transform: "rotate(180 57.343 24.657)"
-  }, /*#__PURE__*/React__namespace.createElement("use", {
-    fill: "#000",
-    filter: "url(#big-empty-image_svg__e)",
-    xlinkHref: "#big-empty-image_svg__f"
-  }), /*#__PURE__*/React__namespace.createElement("use", {
-    fill: "url(#big-empty-image_svg__g)",
-    xlinkHref: "#big-empty-image_svg__f"
-  })), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M82.6 42a.7.7 0 0 1 .7.7v1.399l1.4.001a.7.7 0 0 1 0 1.4l-1.4-.001V46.9a.7.7 0 0 1-1.4 0v-1.401l-1.4.001a.7.7 0 0 1 0-1.4l1.4-.001V42.7a.7.7 0 0 1 .7-.7zM2.1 30.8c.29 0 .525.235.525.525l-.001.874.876.001a.7.7 0 0 1 0 1.4h-.876l.001.875a.525.525 0 1 1-1.05 0l-.001-.875H.7a.7.7 0 0 1 0-1.4l.874-.001.001-.874c0-.29.235-.525.525-.525z",
-    fill: "#D6D8E4",
-    opacity: 0.3
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M8.4 79.8l-.17-.005A2.8 2.8 0 0 1 5.6 77V60.2h12.393l.175-.006c3.802-.04 7.95 5.943 19.61 6.19l.022-.002.022.002c10.856.218 15.009-5.902 19.558-6.175l.227-.009H71.4V77a2.8 2.8 0 0 1-2.63 2.795l-.17.005H8.4z",
-    fill: "#D6D8E4"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M21 3.356S24.518 2.509 25.516 0c1.438 2.057 2.18 2.947 3.884 3.338-2.321.692-3.33 1.468-4.123 3.662-.912-2.584-1.741-2.919-4.277-3.644",
-    fill: "#D6D8E4",
-    opacity: 0.5
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M63 10.125S72.382 7.923 75.044 1.4c3.834 5.35 5.81 7.663 10.356 8.68-6.19 1.797-8.878 3.816-10.995 9.52-2.43-6.72-4.643-7.59-11.405-9.475",
-    fill: "#D6D8E4",
-    opacity: 0.8
-  }));
+    var createNewId = id => {
+      return prefix + id;
+    };
 
-  function SvgBigEmptyImage(props) {
-    return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    return props.isBig ? /*#__PURE__*/React__default["default"].createElement("svg", {
       width: 86,
       height: 80,
-      viewBox: "0 0 86 80",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink"
-    }, props), _ref, _ref2);
+    }, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+      x1: "5.718%",
+      y1: "4.311%",
+      x2: "83.05%",
+      y2: "88.915%",
+      id: createNewId("a")
+    }, /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#D4D8E4",
+      offset: "0%"
+    }), /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#A9B0C4",
+      offset: "100%"
+    })), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+      x1: "0%",
+      y1: "11.08%",
+      x2: "80.548%",
+      y2: "107.704%",
+      id: createNewId("d")
+    }, /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#C2C7DA",
+      offset: "0%"
+    }), /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#8F96B3",
+      offset: "100%"
+    })), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+      x1: "41.823%",
+      y1: "24.795%",
+      x2: "8.813%",
+      y2: "86.427%",
+      id: createNewId("g")
+    }, /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#CCD0DD",
+      offset: "0%"
+    }), /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#9DA3B9",
+      offset: "100%"
+    })), /*#__PURE__*/React__default["default"].createElement("filter", {
+      x: "-37.5%",
+      y: "-31.3%",
+      width: "187.5%",
+      height: "187.5%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("b")
+    }, /*#__PURE__*/React__default["default"].createElement("feOffset", {
+      dx: 1,
+      dy: 2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feComposite", {
+      in: "shadowBlurOuter1",
+      in2: "SourceAlpha",
+      operator: "out",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React__default["default"].createElement("filter", {
+      x: "-61.9%",
+      y: "-79.5%",
+      width: "223.7%",
+      height: "223.7%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("e")
+    }, /*#__PURE__*/React__default["default"].createElement("feOffset", {
+      dy: -2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M34 36h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4Z",
+      id: createNewId("c")
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M59 19a4 4 0 0 1 4 4v7.314L51.686 19H59Z",
+      id: createNewId("f")
+    })), /*#__PURE__*/React__default["default"].createElement("g", {
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M61.108 51.8H15.892a2.8 2.8 0 0 0-1.941.782L5.6 60.615V74.2a5.6 5.6 0 0 0 5.6 5.6h54.6a5.6 5.6 0 0 0 5.6-5.6V60.615l-8.35-8.033a2.8 2.8 0 0 0-1.942-.782Z",
+      fill: "#A6AAC3"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M51.686 19 63 30.314V66.2a2.8 2.8 0 0 1-2.8 2.8H16.8a2.8 2.8 0 0 1-2.8-2.8V25a6 6 0 0 1 6-6h31.686Z",
+      fill: "url(#".concat(createNewId("a"), ")")
+    }), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("b"), ")"),
+      xlinkHref: "#".concat(createNewId("c"))
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      stroke: "#FFF",
+      d: "M42 36.5c.966 0 1.841.392 2.475 1.025A3.489 3.489 0 0 1 45.5 40v8c0 .966-.392 1.841-1.025 2.475A3.489 3.489 0 0 1 42 51.5h-8a3.489 3.489 0 0 1-2.475-1.025A3.489 3.489 0 0 1 30.5 48v-8c0-.966.392-1.841 1.025-2.475A3.489 3.489 0 0 1 34 36.5Z",
+      strokeLinejoin: "round",
+      fill: "url(#".concat(createNewId("d"), ")")
+    })), /*#__PURE__*/React__default["default"].createElement("g", {
+      transform: "rotate(180 57.343 24.657)"
+    }, /*#__PURE__*/React__default["default"].createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("e"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    }), /*#__PURE__*/React__default["default"].createElement("use", {
+      fill: "url(#".concat(createNewId("g"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    })), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M82.6 42a.7.7 0 0 1 .7.7v1.399l1.4.001a.7.7 0 0 1 0 1.4l-1.4-.001V46.9a.7.7 0 0 1-1.4 0v-1.401l-1.4.001a.7.7 0 0 1 0-1.4l1.4-.001V42.7a.7.7 0 0 1 .7-.7ZM2.1 30.8c.29 0 .525.235.525.525l-.001.874.876.001a.7.7 0 0 1 0 1.4h-.876l.001.875a.525.525 0 1 1-1.05 0l-.001-.875H.7a.7.7 0 0 1 0-1.4l.874-.001.001-.874c0-.29.235-.525.525-.525Z",
+      fill: "#D6D8E4",
+      opacity: 0.3
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "m8.4 79.8-.17-.005A2.8 2.8 0 0 1 5.6 77V60.2h12.393l.175-.006c3.802-.04 7.95 5.943 19.61 6.19l.022-.002.022.002c10.856.218 15.009-5.902 19.558-6.175l.227-.009H71.4V77a2.8 2.8 0 0 1-2.63 2.795l-.17.005H8.4Z",
+      fill: "#D6D8E4"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M21 3.356S24.518 2.509 25.516 0c1.438 2.057 2.18 2.947 3.884 3.338-2.321.692-3.33 1.468-4.123 3.662-.912-2.584-1.741-2.919-4.277-3.644",
+      fill: "#D6D8E4",
+      opacity: 0.5
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M63 10.125S72.382 7.923 75.044 1.4c3.834 5.35 5.81 7.663 10.356 8.68-6.19 1.797-8.878 3.816-10.995 9.52-2.43-6.72-4.643-7.59-11.405-9.475",
+      fill: "#D6D8E4",
+      opacity: 0.8
+    }))) : /*#__PURE__*/React__default["default"].createElement("svg", {
+      width: 56,
+      height: 53,
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+      x1: "5.718%",
+      y1: "4.311%",
+      x2: "83.05%",
+      y2: "88.915%",
+      id: createNewId("a")
+    }, /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#D4D8E4",
+      offset: "0%"
+    }), /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#A9B0C4",
+      offset: "100%"
+    })), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+      x1: "0%",
+      y1: "11.08%",
+      x2: "80.548%",
+      y2: "107.704%",
+      id: createNewId("d")
+    }, /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#C2C7DA",
+      offset: "0%"
+    }), /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#8F96B3",
+      offset: "100%"
+    })), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+      x1: "41.823%",
+      y1: "24.795%",
+      x2: "8.813%",
+      y2: "86.427%",
+      id: createNewId("g")
+    }, /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#CCD0DD",
+      offset: "0%"
+    }), /*#__PURE__*/React__default["default"].createElement("stop", {
+      stopColor: "#9DA3B9",
+      offset: "100%"
+    })), /*#__PURE__*/React__default["default"].createElement("filter", {
+      x: "-57.2%",
+      y: "-47.7%",
+      width: "233.4%",
+      height: "233.4%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("b")
+    }, /*#__PURE__*/React__default["default"].createElement("feOffset", {
+      dx: 1,
+      dy: 2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feComposite", {
+      in: "shadowBlurOuter1",
+      in2: "SourceAlpha",
+      operator: "out",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React__default["default"].createElement("filter", {
+      x: "-94.4%",
+      y: "-121.3%",
+      width: "288.7%",
+      height: "288.7%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("e")
+    }, /*#__PURE__*/React__default["default"].createElement("feOffset", {
+      dy: -2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React__default["default"].createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M23.672 23.607h2.492a4 4 0 0 1 4 4v2.491a4 4 0 0 1-4 4h-2.492a4 4 0 0 1-4-4v-2.491a4 4 0 0 1 4-4Z",
+      id: createNewId("c")
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M37.311 12.459a4 4 0 0 1 4 4v3.419l-7.418-7.419h3.418Z",
+      id: createNewId("f")
+    })), /*#__PURE__*/React__default["default"].createElement("g", {
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M39.682 33.967H10.81a2.8 2.8 0 0 0-1.94.782l-5.197 4.999v6.98a5.6 5.6 0 0 0 5.6 5.6H41.22a5.6 5.6 0 0 0 5.6-5.6v-6.98l-5.196-4.999a2.8 2.8 0 0 0-1.942-.782Z",
+      fill: "#A6AAC3"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "m33.893 12.459 7.418 7.419v22.568a2.8 2.8 0 0 1-2.8 2.8h-26.53a2.8 2.8 0 0 1-2.8-2.8V18.459a6 6 0 0 1 6-6h18.712Z",
+      fill: "url(#".concat(createNewId("a"), ")")
+    }), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("b"), ")"),
+      xlinkHref: "#".concat(createNewId("c"))
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      stroke: "#FFF",
+      d: "M26.164 24.107c.966 0 1.841.391 2.475 1.025a3.489 3.489 0 0 1 1.025 2.475v2.491c0 .967-.392 1.842-1.025 2.475a3.489 3.489 0 0 1-2.475 1.025h-2.492a3.489 3.489 0 0 1-2.475-1.025 3.489 3.489 0 0 1-1.025-2.475v-2.491c0-.967.392-1.842 1.025-2.475a3.489 3.489 0 0 1 2.475-1.025Z",
+      strokeLinejoin: "round",
+      fill: "url(#d)"
+    })), /*#__PURE__*/React__default["default"].createElement("g", {
+      transform: "rotate(180 37.602 16.168)"
+    }, /*#__PURE__*/React__default["default"].createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("e"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    }), /*#__PURE__*/React__default["default"].createElement("use", {
+      fill: "url(#".concat(createNewId("g"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    })), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M54.164 27.541c.253 0 .459.205.459.459v.918h.918a.459.459 0 1 1 0 .918h-.918v.918a.459.459 0 0 1-.918 0v-.918h-.918a.459.459 0 0 1 0-.918h.918V28c0-.254.205-.459.459-.459ZM1.377 20.197c.19 0 .344.154.344.344v.574h.574a.459.459 0 1 1 0 .918h-.574v.574a.344.344 0 0 1-.688 0l-.001-.574H.459a.459.459 0 0 1 0-.918h.573v-.574c0-.19.155-.344.345-.344Z",
+      fill: "#D6D8E4",
+      opacity: 0.3
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M24.787 43.53h.014c7.087.143 9.817-3.834 12.785-4.046l.19-.008h9.044v10.052a2.8 2.8 0 0 1-2.63 2.795l-.17.005H6.472l-.17-.005a2.8 2.8 0 0 1-2.63-2.795V39.475h8.126l.144-.004c2.485.004 5.214 3.898 12.83 4.06l.015-.002Z",
+      fill: "#D6D8E4"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M13.77 2.2s2.308-.555 2.962-2.2c.943 1.35 1.429 1.933 2.547 2.189-1.522.453-2.183.963-2.704 2.401-.598-1.695-1.142-1.914-2.805-2.39",
+      fill: "#D6D8E4",
+      opacity: 0.5
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M41.311 6.64S47.464 5.194 49.21.917c2.514 3.508 3.81 5.025 6.791 5.691-4.059 1.18-5.822 2.503-7.21 6.243-1.594-4.406-3.045-4.976-7.479-6.213",
+      fill: "#D6D8E4",
+      opacity: 0.8
+    })));
   }
 
   /**
@@ -12155,10 +12151,9 @@
     var _props$imageStyle;
 
     var illustration = React.useMemo(() => props.illustration && illustrations.getIllustration(props.illustration), [props.illustration]);
-
-    var _emptyImage = props.useBigEmptyImage ? SvgBigEmptyImage : SvgEmptyImage;
-
-    var image = props.illustration ? illustration : /*#__PURE__*/React__default["default"].createElement(_emptyImage);
+    var image = props.illustration ? illustration : /*#__PURE__*/React__default["default"].createElement(EmptySvg, {
+      isBig: props.useBigEmptyImage
+    });
     var imageStyle = (_props$imageStyle = props.imageStyle) !== null && _props$imageStyle !== void 0 ? _props$imageStyle : props.useBigEmptyImage ? undefined : {
       height: "60px"
     };