@epam/uui 5.0.0 → 5.0.1

package/index.esm.js

@@ -7,335 +7,353 @@ import cx from 'classnames';
 import FocusLock from 'react-focus-lock';
 import sortBy from 'lodash.sortby';
 
-var _path$11;
-function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
+var _path$12;
+function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
 var SvgBtnCross12 = function SvgBtnCross12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$14({
+  return /*#__PURE__*/React.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.5 3.205 8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6z"
   })));
 };
-var ForwardRef$14 = /*#__PURE__*/forwardRef(SvgBtnCross12);
+var ForwardRef$15 = /*#__PURE__*/forwardRef(SvgBtnCross12);
 
-var _path$10;
-function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
+var _path$11;
+function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
 var SvgBtnCross18 = function SvgBtnCross18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$13({
+  return /*#__PURE__*/React.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14.25 4.808 13.193 3.75 9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.193l1.058 1.057L9 10.057l4.193 4.193 1.057-1.057L10.057 9z"
   })));
 };
-var ForwardRef$13 = /*#__PURE__*/forwardRef(SvgBtnCross18);
+var ForwardRef$14 = /*#__PURE__*/forwardRef(SvgBtnCross18);
 
-var _path$$;
-function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
+var _path$10;
+function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
 var SvgBtnCross24 = function SvgBtnCross24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$12({
+  return /*#__PURE__*/React.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
   })));
 };
-var ForwardRef$12 = /*#__PURE__*/forwardRef(SvgBtnCross24);
+var ForwardRef$13 = /*#__PURE__*/forwardRef(SvgBtnCross24);
 
-var _path$_;
-function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
+var _path$$;
+function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
 var SvgFoldingArrow12 = function SvgFoldingArrow12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$11({
+  return /*#__PURE__*/React.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8.295 4.295 6 6.585l-2.295-2.29L3 5l3 3 3-3z"
   })));
 };
-var ForwardRef$11 = /*#__PURE__*/forwardRef(SvgFoldingArrow12);
+var ForwardRef$12 = /*#__PURE__*/forwardRef(SvgFoldingArrow12);
 
-var _path$Z;
-function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
+var _path$_;
+function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
 var SvgFoldingArrow18 = function SvgFoldingArrow18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$10({
+  return /*#__PURE__*/React.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.443 6.442 9 9.877 5.558 6.442 4.5 7.5 9 12l4.5-4.5z"
   })));
 };
-var ForwardRef$10 = /*#__PURE__*/forwardRef(SvgFoldingArrow18);
+var ForwardRef$11 = /*#__PURE__*/forwardRef(SvgFoldingArrow18);
 
-var _path$Y;
-function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
+var _path$Z;
+function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
 var SvgFoldingArrow24 = function SvgFoldingArrow24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$$({
+  return /*#__PURE__*/React.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
   })));
 };
-var ForwardRef$$ = /*#__PURE__*/forwardRef(SvgFoldingArrow24);
+var ForwardRef$10 = /*#__PURE__*/forwardRef(SvgFoldingArrow24);
 
-var _path$X;
-function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
+var _path$Y;
+function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
 var SvgAccept12 = function SvgAccept12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$_({
+  return /*#__PURE__*/React.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M4.846 6.8 9.462 2 11 3.6 4.846 10l-.77-.8L1 6l1.538-1.6 2.308 2.4z"
   })));
 };
-var ForwardRef$_ = /*#__PURE__*/forwardRef(SvgAccept12);
+var ForwardRef$$ = /*#__PURE__*/forwardRef(SvgAccept12);
 
-var _path$W;
-function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
+var _path$X;
+function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
 var SvgAccept18 = function SvgAccept18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.136 11.91 4.034 8.776 3 9.821 7.136 14 16 5.045 14.966 4z"
   })));
 };
-var ForwardRef$Z = /*#__PURE__*/forwardRef(SvgAccept18);
+var ForwardRef$_ = /*#__PURE__*/forwardRef(SvgAccept18);
 
-var _path$V;
-function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
+var _path$W;
+function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
 var SvgAccept24 = function SvgAccept24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "m9.727 16.075-4.295-4.388L4 13.149 9.727 19 22 6.463 20.568 5z"
   })));
 };
-var ForwardRef$Y = /*#__PURE__*/forwardRef(SvgAccept24);
+var ForwardRef$Z = /*#__PURE__*/forwardRef(SvgAccept24);
 
-var _path$U;
-function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
+var _path$V;
+function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
 var SvgSearch12 = function SvgSearch12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$X({
+  return /*#__PURE__*/React.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.016 8.309 10.707 10l-.707.707-1.691-1.691a4.5 4.5 0 1 1 .707-.707zM5.5 9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"
   })));
 };
-var ForwardRef$X = /*#__PURE__*/forwardRef(SvgSearch12);
+var ForwardRef$Y = /*#__PURE__*/forwardRef(SvgSearch12);
 
-var _path$T;
-function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
+var _path$U;
+function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
 var SvgSearch18 = function SvgSearch18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$W({
+  return /*#__PURE__*/React.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M13.749 12.335 16.414 15 15 16.414l-2.665-2.665a6.5 6.5 0 1 1 1.414-1.414zM8.5 13a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9z"
   })));
 };
-var ForwardRef$W = /*#__PURE__*/forwardRef(SvgSearch18);
+var ForwardRef$X = /*#__PURE__*/forwardRef(SvgSearch18);
 
-var _path$S;
-function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
+var _path$T;
+function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
 var SvgSearch24 = function SvgSearch24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$V({
+  return /*#__PURE__*/React.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M17.32 15.906 21.414 20 20 21.414l-4.094-4.094a8 8 0 1 1 1.414-1.414zM11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"
   })));
 };
-var ForwardRef$V = /*#__PURE__*/forwardRef(SvgSearch24);
+var ForwardRef$W = /*#__PURE__*/forwardRef(SvgSearch24);
 
-var _path$R;
-function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
+var _path$S;
+function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
 var SvgCalendar12 = function SvgCalendar12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$U({
+  return /*#__PURE__*/React.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M10 2H9V1H8v1H4V1H3v1H2c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm0 8H2V4h8v6z"
   })));
 };
-var ForwardRef$U = /*#__PURE__*/forwardRef(SvgCalendar12);
+var ForwardRef$V = /*#__PURE__*/forwardRef(SvgCalendar12);
 
-var _path$Q;
-function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
+var _path$R;
+function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 var SvgCalendar18 = function SvgCalendar18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$T({
+  return /*#__PURE__*/React.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14 3V1h-2v2H6V1H4v2C3 3 2 4 2 5v10c0 1 1 2 2 2h10c1 0 2-1 2-2V5c0-1-1-2-2-2zm0 12-10 .048V7h10v8z"
   })));
 };
-var ForwardRef$T = /*#__PURE__*/forwardRef(SvgCalendar18);
+var ForwardRef$U = /*#__PURE__*/forwardRef(SvgCalendar18);
 
-var _path$P;
-function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
+var _path$Q;
+function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
 var SvgCalendar24 = function SvgCalendar24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$S({
+  return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"
   })));
 };
-var ForwardRef$S = /*#__PURE__*/forwardRef(SvgCalendar24);
+var ForwardRef$T = /*#__PURE__*/forwardRef(SvgCalendar24);
 
-var _path$O;
-function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
+var _path$P;
+function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
 var SvgInfo12 = function SvgInfo12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$R({
+  return /*#__PURE__*/React.createElement("svg", _extends$S({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
     d: "M6 1C3.24 1 1 3.24 1 6s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm1 8H5V5h2zm0-5c-.471.471-1.529.471-2 0s-.471-1.529 0-2 1.529-.471 2 0 .471 1.529 0 2z",
     fillRule: "evenodd"
   })));
 };
-var ForwardRef$R = /*#__PURE__*/forwardRef(SvgInfo12);
+var ForwardRef$S = /*#__PURE__*/forwardRef(SvgInfo12);
 
-var _path$N;
-function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+var _path$O;
+function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
 var SvgInfo18 = function SvgInfo18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8 13h2V8H8v5zM9 1C4.584 1 1 4.584 1 9s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 15c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7zM8 7h2V5H8v2z"
   })));
 };
-var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgInfo18);
+var ForwardRef$R = /*#__PURE__*/forwardRef(SvgInfo18);
 
-var _path$M;
-function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
+var _path$N;
+function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
 var SvgInfo24 = function SvgInfo24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$P({
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"
   })));
 };
-var ForwardRef$P = /*#__PURE__*/forwardRef(SvgInfo24);
+var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgInfo24);
 
-var _path$L;
-function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+var _path$M;
+function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 var SvgHelpFill10 = function SvgHelpFill10(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$O({
+  return /*#__PURE__*/React.createElement("svg", _extends$P({
     width: 10,
     height: 10,
     viewBox: "0 0 10 10",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
     d: "M5 0C2.24 0 0 2.24 0 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5Zm.5 7.5h-1v-3h1v3Zm0-4h-1v-1h1v1Z"
   })));
 };
-var ForwardRef$O = /*#__PURE__*/forwardRef(SvgHelpFill10);
+var ForwardRef$P = /*#__PURE__*/forwardRef(SvgHelpFill10);
 
-var _path$K;
-function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
+var _path$L;
+function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
 var SvgHelpFill16 = function SvgHelpFill16(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$N({
+  return /*#__PURE__*/React.createElement("svg", _extends$O({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
     d: "M7 12h2V7H7v5ZM8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8Zm0 15c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7ZM7 6h2V4H7v2Z"
   })));
 };
-var ForwardRef$N = /*#__PURE__*/forwardRef(SvgHelpFill16);
+var ForwardRef$O = /*#__PURE__*/forwardRef(SvgHelpFill16);
 
 const systemIcons = {
     18: {
+        clear: ForwardRef$15,
+        foldingArrow: ForwardRef$12,
+        accept: ForwardRef$$,
+        search: ForwardRef$Y,
+        calendar: ForwardRef$V,
+        info: ForwardRef$S,
+        help: ForwardRef$P,
+    },
+    24: {
+        clear: ForwardRef$15,
+        foldingArrow: ForwardRef$12,
+        accept: ForwardRef$$,
+        search: ForwardRef$Y,
+        calendar: ForwardRef$V,
+        info: ForwardRef$S,
+        help: ForwardRef$P,
+    },
+    30: {
         clear: ForwardRef$14,
         foldingArrow: ForwardRef$11,
         accept: ForwardRef$_,
         search: ForwardRef$X,
         calendar: ForwardRef$U,
         info: ForwardRef$R,
-        help: ForwardRef$O,
+        help: ForwardRef$P,
     },
-    24: {
+    36: {
         clear: ForwardRef$14,
         foldingArrow: ForwardRef$11,
         accept: ForwardRef$_,
@@ -344,59 +362,41 @@ const systemIcons = {
         info: ForwardRef$R,
         help: ForwardRef$O,
     },
-    30: {
-        clear: ForwardRef$13,
-        foldingArrow: ForwardRef$10,
-        accept: ForwardRef$Z,
-        search: ForwardRef$W,
-        calendar: ForwardRef$T,
-        info: ForwardRef$Q,
+    42: {
+        clear: ForwardRef$14,
+        foldingArrow: ForwardRef$11,
+        accept: ForwardRef$_,
+        search: ForwardRef$X,
+        calendar: ForwardRef$U,
+        info: ForwardRef$R,
         help: ForwardRef$O,
     },
-    36: {
+    48: {
         clear: ForwardRef$13,
         foldingArrow: ForwardRef$10,
         accept: ForwardRef$Z,
         search: ForwardRef$W,
         calendar: ForwardRef$T,
         info: ForwardRef$Q,
-        help: ForwardRef$N,
+        help: ForwardRef$O,
     },
-    42: {
+    60: {
         clear: ForwardRef$13,
         foldingArrow: ForwardRef$10,
         accept: ForwardRef$Z,
         search: ForwardRef$W,
         calendar: ForwardRef$T,
         info: ForwardRef$Q,
-        help: ForwardRef$N,
-    },
-    48: {
-        clear: ForwardRef$12,
-        foldingArrow: ForwardRef$$,
-        accept: ForwardRef$Y,
-        search: ForwardRef$V,
-        calendar: ForwardRef$S,
-        info: ForwardRef$P,
-        help: ForwardRef$N,
-    },
-    60: {
-        clear: ForwardRef$12,
-        foldingArrow: ForwardRef$$,
-        accept: ForwardRef$Y,
-        search: ForwardRef$V,
-        calendar: ForwardRef$S,
-        info: ForwardRef$P,
-        help: ForwardRef$N,
+        help: ForwardRef$O,
     },
     none: {
-        clear: ForwardRef$13,
-        foldingArrow: ForwardRef$10,
-        accept: ForwardRef$Z,
-        search: ForwardRef$W,
-        calendar: ForwardRef$T,
-        info: ForwardRef$Q,
-        help: ForwardRef$N,
+        clear: ForwardRef$14,
+        foldingArrow: ForwardRef$11,
+        accept: ForwardRef$_,
+        search: ForwardRef$X,
+        calendar: ForwardRef$U,
+        info: ForwardRef$R,
+        help: ForwardRef$O,
     },
 };
 
@@ -515,69 +515,69 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var _path$J;
-function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
+var _path$K;
+function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
 var SvgCheck12 = function SvgCheck12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$M({
+  return /*#__PURE__*/React.createElement("svg", _extends$N({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.491 3.449 10.51 4.55 5.663 9.024 2.487 6.047l1.026-1.094L5.67 6.975z"
   })));
 };
-var ForwardRef$M = /*#__PURE__*/forwardRef(SvgCheck12);
+var ForwardRef$N = /*#__PURE__*/forwardRef(SvgCheck12);
 
-var _path$I;
-function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
+var _path$J;
+function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
 var SvgCheck18 = function SvgCheck18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$L({
+  return /*#__PURE__*/React.createElement("svg", _extends$M({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "m14.247 4.341 1.506 1.318-7.704 8.804-4.756-4.756 1.414-1.414 3.244 3.243z"
   })));
 };
-var ForwardRef$L = /*#__PURE__*/forwardRef(SvgCheck18);
+var ForwardRef$M = /*#__PURE__*/forwardRef(SvgCheck18);
 
-var _path$H;
-function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
+var _path$I;
+function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
 var SvgPartlySelect12 = function SvgPartlySelect12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$K({
+  return /*#__PURE__*/React.createElement("svg", _extends$L({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9 5v2H3V5z"
   })));
 };
-var ForwardRef$K = /*#__PURE__*/forwardRef(SvgPartlySelect12);
+var ForwardRef$L = /*#__PURE__*/forwardRef(SvgPartlySelect12);
 
-var _path$G;
-function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
+var _path$H;
+function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
 var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$J({
+  return /*#__PURE__*/React.createElement("svg", _extends$K({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14 8v2H4V8z"
   })));
 };
-var ForwardRef$J = /*#__PURE__*/forwardRef(SvgPartlySelect18);
+var ForwardRef$K = /*#__PURE__*/forwardRef(SvgPartlySelect18);
 
 var css$$ = {"root":"Checkbox-module_root__EazHx","size-18":"Checkbox-module_size-18__IUFwO","size-12":"Checkbox-module_size-12__xKb3K","mode-cell":"Checkbox-module_mode-cell__O3Zfg","size18":"Checkbox-module_size-18__IUFwO","size12":"Checkbox-module_size-12__xKb3K","modeCell":"Checkbox-module_mode-cell__O3Zfg"};
 
@@ -587,17 +587,17 @@ function applyCheckboxMods(mods) {
     ];
 }
 const applyUUICheckboxProps = (props) => ({
-    icon: props.size === '12' ? ForwardRef$M : ForwardRef$L,
-    indeterminateIcon: props.size === '12' ? ForwardRef$K : ForwardRef$J,
+    icon: props.size === '12' ? ForwardRef$N : ForwardRef$M,
+    indeterminateIcon: props.size === '12' ? ForwardRef$L : ForwardRef$K,
 });
 const Checkbox = withMods(Checkbox$1, applyCheckboxMods, applyUUICheckboxProps);
 
 var css$_ = {"root":"RadioInput-module_root__bRFVI","size-18":"RadioInput-module_size-18__UYM5r","size-12":"RadioInput-module_size-12__oYoyV","size18":"RadioInput-module_size-18__UYM5r","size12":"RadioInput-module_size-12__oYoyV"};
 
 var _circle;
-function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
+function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
 var SvgRadioPoint = function SvgRadioPoint(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$I({
+  return /*#__PURE__*/React.createElement("svg", _extends$J({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
@@ -609,12 +609,12 @@ var SvgRadioPoint = function SvgRadioPoint(props, ref) {
     r: 6
   })));
 };
-var ForwardRef$I = /*#__PURE__*/forwardRef(SvgRadioPoint);
+var ForwardRef$J = /*#__PURE__*/forwardRef(SvgRadioPoint);
 
 function applyRadioInputMods(mods) {
     return [css$_.root, css$_['size-' + (mods.size || '18')]];
 }
-const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$I }));
+const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$J }));
 
 var css$Z = {"root":"Switch-module_root__-uM9q","size-12":"Switch-module_size-12__3txg-","size-18":"Switch-module_size-18__RiCkg","size-24":"Switch-module_size-24__XRE9d","size12":"Switch-module_size-12__3txg-","size18":"Switch-module_size-18__RiCkg","size24":"Switch-module_size-24__XRE9d"};
 
@@ -724,85 +724,85 @@ const Panel = withMods(VPanel, (props) => [
     'uui-panel', css$V.root, props.shadow && css$V.shadow, props.margin && css$V['margin-' + props.margin],
 ]);
 
-var _path$F;
-function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
+var _path$G;
+function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 var SvgNotificationCheckCircleFill24 = function SvgNotificationCheckCircleFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$H({
+  return /*#__PURE__*/React.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
   })));
 };
-var ForwardRef$H = /*#__PURE__*/forwardRef(SvgNotificationCheckCircleFill24);
+var ForwardRef$I = /*#__PURE__*/forwardRef(SvgNotificationCheckCircleFill24);
 
-var _path$E;
-function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+var _path$F;
+function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
 var SvgNotificationWarningFill24 = function SvgNotificationWarningFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$G({
+  return /*#__PURE__*/React.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
   })));
 };
-var ForwardRef$G = /*#__PURE__*/forwardRef(SvgNotificationWarningFill24);
+var ForwardRef$H = /*#__PURE__*/forwardRef(SvgNotificationWarningFill24);
 
-var _path$D;
-function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
+var _path$E;
+function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 var SvgNotificationErrorFill24 = function SvgNotificationErrorFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$F({
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
   })));
 };
-var ForwardRef$F = /*#__PURE__*/forwardRef(SvgNotificationErrorFill24);
+var ForwardRef$G = /*#__PURE__*/forwardRef(SvgNotificationErrorFill24);
 
-var _path$C;
-function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
+var _path$D;
+function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgNotificationHelpFill24 = function SvgNotificationHelpFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$E({
+  return /*#__PURE__*/React.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
   })));
 };
-var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNotificationHelpFill24);
+var ForwardRef$F = /*#__PURE__*/forwardRef(SvgNotificationHelpFill24);
 
-var _path$B;
-function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
+var _path$C;
+function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
 var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$D({
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
   })));
 };
-var ForwardRef$D = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
+var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
 
 var css$U = {"root":"Alert-module_root__vWIgd","icon-wrapper":"Alert-module_icon-wrapper__eCMNq","alert-wrapper":"Alert-module_alert-wrapper__aSltE","action-wrapper":"Alert-module_action-wrapper__fzVI-","action-icon":"Alert-module_action-icon__PUBtv","action-link":"Alert-module_action-link__S0nRl","close-icon":"Alert-module_close-icon__vtbPn","main-path":"Alert-module_main-path__pW0Ya","content":"Alert-module_content__F-yZG","iconWrapper":"Alert-module_icon-wrapper__eCMNq","alertWrapper":"Alert-module_alert-wrapper__aSltE","actionWrapper":"Alert-module_action-wrapper__fzVI-","actionIcon":"Alert-module_action-icon__PUBtv","actionLink":"Alert-module_action-link__S0nRl","closeIcon":"Alert-module_close-icon__vtbPn","mainPath":"Alert-module_main-path__pW0Ya"};
 
@@ -813,11 +813,11 @@ const Alert = React.forwardRef((props, ref) => (React.createElement("div", Objec
         React.createElement("div", { className: css$U.content },
             props.children,
             props.actions && (React.createElement("div", { className: css$U.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$U.actionLink, size: "30" })))))),
-        props.onClose && React.createElement(IconButton, { icon: ForwardRef$D, color: "default", onClick: props.onClose, cx: css$U.closeIcon })))));
-const WarningAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$G, color: "warning", ref: ref }, props)));
-const SuccessAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$H, color: "success", ref: ref }, props)));
-const HintAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$E, color: "info", ref: ref }, props)));
-const ErrorAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$F, color: "error", ref: ref }, props)));
+        props.onClose && React.createElement(IconButton, { icon: ForwardRef$E, color: "default", onClick: props.onClose, cx: css$U.closeIcon })))));
+const WarningAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$H, color: "warning", ref: ref }, props)));
+const SuccessAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$I, color: "success", ref: ref }, props)));
+const HintAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$F, color: "info", ref: ref }, props)));
+const ErrorAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$G, color: "error", ref: ref }, props)));
 
 class Dropdown extends React.Component {
     render() {
@@ -1027,7 +1027,7 @@ class ModalHeader extends React.Component {
             this.props.children,
             this.props.onClose && React.createElement(FlexSpacer, null),
             this.props.onClose && (React.createElement(FlexCell, { shrink: 0, width: "auto" },
-                React.createElement(IconButton, { icon: ForwardRef$D, onClick: this.props.onClose })))));
+                React.createElement(IconButton, { icon: ForwardRef$E, onClick: this.props.onClose })))));
     }
 }
 class ModalFooter extends React.Component {
@@ -1113,7 +1113,6 @@ const i18n = Object.assign(Object.assign({}, i18n$1), { dataPickerBody: {
         },
         pickerInput: {
             itemsPlaceholder: 'items',
-            emptyValueCaption: 'ALL',
         },
     }, presetPanel: {
         addCaption: 'Add Preset',
@@ -1122,21 +1121,21 @@ const i18n = Object.assign(Object.assign({}, i18n$1), { dataPickerBody: {
         saveButton: 'Save',
     } });
 
-var _path$A;
-function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
+var _path$B;
+function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
 var SvgCross = function SvgCross(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$C({
+  return /*#__PURE__*/React.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
   })));
 };
-var ForwardRef$C = /*#__PURE__*/forwardRef(SvgCross);
+var ForwardRef$D = /*#__PURE__*/forwardRef(SvgCross);
 
 var css$N = {"root":"NotificationCard-module_root__jT-mn","icon-wrapper":"NotificationCard-module_icon-wrapper__89tan","action-wrapper":"NotificationCard-module_action-wrapper__6Z1Zy","action-link":"NotificationCard-module_action-link__O0HeC","close-icon":"NotificationCard-module_close-icon__DTQiT","main-path":"NotificationCard-module_main-path__npnav","content":"NotificationCard-module_content__-vDj4","clear-button":"NotificationCard-module_clear-button__BjWZo","close-wrapper":"NotificationCard-module_close-wrapper__x3PkP","iconWrapper":"NotificationCard-module_icon-wrapper__89tan","actionWrapper":"NotificationCard-module_action-wrapper__6Z1Zy","actionLink":"NotificationCard-module_action-link__O0HeC","closeIcon":"NotificationCard-module_close-icon__DTQiT","mainPath":"NotificationCard-module_main-path__npnav","clearButton":"NotificationCard-module_clear-button__BjWZo","closeWrapper":"NotificationCard-module_close-wrapper__x3PkP"};
 
@@ -1161,12 +1160,12 @@ const NotificationCard = React__default.forwardRef((props, ref) => {
                 props.children,
                 props.actions && (React__default.createElement("div", { className: css$N.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$N.actionLink, size: "36", rawProps: action.rawProps })))))),
             props.onClose && (React__default.createElement("div", { className: css$N.closeWrapper },
-                React__default.createElement(IconButton, { icon: ForwardRef$C, color: "default", onClick: props.onClose, cx: css$N.closeIcon }))))));
+                React__default.createElement(IconButton, { icon: ForwardRef$D, color: "default", onClick: props.onClose, cx: css$N.closeIcon }))))));
 });
-const WarningNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$G, color: "warning" }, props, { ref: ref, cx: props.cx }))));
-const SuccessNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$H, color: "success" }, props, { ref: ref, cx: props.cx }))));
-const HintNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$E, color: "info" }, props, { ref: ref, cx: props.cx }))));
-const ErrorNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$F, color: "error" }, props, { ref: ref, cx: props.cx }))));
+const WarningNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$H, color: "warning" }, props, { ref: ref, cx: props.cx }))));
+const SuccessNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$I, color: "success" }, props, { ref: ref, cx: props.cx }))));
+const HintNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$F, color: "info" }, props, { ref: ref, cx: props.cx }))));
+const ErrorNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$G, color: "error" }, props, { ref: ref, cx: props.cx }))));
 class ClearNotification extends React__default.Component {
     render() {
         return (React__default.createElement("div", { className: cx(css$N.notificationWrapper, css$N.clearButton) },
@@ -1286,7 +1285,7 @@ var calendarCss = {"root":"Calendar-module_root__ldDAb"};
 function applyDatePickerBodyMods() {
     return [css$E.root, calendarCss.root];
 }
-const DatePickerBody = withMods(DatePickerBody$1, applyDatePickerBodyMods, () => ({ navIconLeft: ForwardRef$10, navIconRight: ForwardRef$10 }));
+const DatePickerBody = withMods(DatePickerBody$1, applyDatePickerBodyMods, () => ({ navIconLeft: ForwardRef$11, navIconRight: ForwardRef$11 }));
 
 const defaultMode$1 = EditMode.FORM;
 class DatePicker extends BaseDatePicker {
@@ -1320,8 +1319,8 @@ function applyRangeDatePickerBodyMods() {
     ];
 }
 const RangeDatePickerBody = withMods(RangeDatePickerBody$1, applyRangeDatePickerBodyMods, () => ({
-    navIconLeft: ForwardRef$10,
-    navIconRight: ForwardRef$10,
+    navIconLeft: ForwardRef$11,
+    navIconRight: ForwardRef$11,
 }));
 
 var css$D = {"dropdown-container":"RangeDatePicker-module_dropdown-container__EFIZT","container":"RangeDatePicker-module_container__H7FRF","button-group":"RangeDatePicker-module_button-group__Stksa","date-input":"RangeDatePicker-module_date-input__as2iX","size-24":"RangeDatePicker-module_size-24__yXj-X","size-30":"RangeDatePicker-module_size-30__4sP-J","size-36":"RangeDatePicker-module_size-36__j5YP2","size-42":"RangeDatePicker-module_size-42__nGrsk","size-48":"RangeDatePicker-module_size-48__WKbFa","date-input-group":"RangeDatePicker-module_date-input-group__lJSYu","separator":"RangeDatePicker-module_separator__OZtZc","mode-form":"RangeDatePicker-module_mode-form__KkODO","mode-cell":"RangeDatePicker-module_mode-cell__YvZw5","dropdownContainer":"RangeDatePicker-module_dropdown-container__EFIZT","buttonGroup":"RangeDatePicker-module_button-group__Stksa","dateInput":"RangeDatePicker-module_date-input__as2iX","size24":"RangeDatePicker-module_size-24__yXj-X","size30":"RangeDatePicker-module_size-30__4sP-J","size36":"RangeDatePicker-module_size-36__j5YP2","size42":"RangeDatePicker-module_size-42__nGrsk","size48":"RangeDatePicker-module_size-48__WKbFa","dateInputGroup":"RangeDatePicker-module_date-input-group__lJSYu","modeForm":"RangeDatePicker-module_mode-form__KkODO","modeCell":"RangeDatePicker-module_mode-cell__YvZw5"};
@@ -1415,35 +1414,35 @@ const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
 
 var css$A = {"header":"DataPickerHeader-module_header__TkXlz","close":"DataPickerHeader-module_close__Tiy0j"};
 
-var _path$z;
-function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
+var _path$A;
+function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
 var SvgNavigationClose24 = function SvgNavigationClose24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$B({
+  return /*#__PURE__*/React.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$B = /*#__PURE__*/forwardRef(SvgNavigationClose24);
+var ForwardRef$C = /*#__PURE__*/forwardRef(SvgNavigationClose24);
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
-    return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, size: "48", cx: css$A.header },
-        React__default.createElement(Text, { font: "semibold" }, title),
-        React__default.createElement(IconButton, { icon: ForwardRef$B, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$A.close })));
+    return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$A.header },
+        React__default.createElement(Text, { size: "48", font: "semibold" }, title),
+        React__default.createElement(IconButton, { icon: ForwardRef$C, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$A.close })));
 };
 const DataPickerHeader = React__default.memo(DataPickerHeaderImpl);
 
 var _defs$1, _use;
-function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
+function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
 var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$A({
+  return /*#__PURE__*/React.createElement("svg", _extends$B({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
@@ -1461,7 +1460,7 @@ var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
     fillRule: "evenodd"
   })));
 };
-var ForwardRef$A = /*#__PURE__*/forwardRef(SvgTreeFoldingArrow);
+var ForwardRef$B = /*#__PURE__*/forwardRef(SvgTreeFoldingArrow);
 
 var css$z = {"cell":"DataTableCell-module_cell__9v8pk","wrapper":"DataTableCell-module_wrapper__u7ey2","align-widgets-top":"DataTableCell-module_align-widgets-top__-ZRCt","size-24":"DataTableCell-module_size-24__kAlRh","folding-arrow":"DataTableCell-module_folding-arrow__M3UXW","size-30":"DataTableCell-module_size-30__gy4mJ","size-36":"DataTableCell-module_size-36__t3pLn","size-42":"DataTableCell-module_size-42__IXd3P","size-48":"DataTableCell-module_size-48__jCi7Y","size-60":"DataTableCell-module_size-60__O0Mmg","align-widgets-center":"DataTableCell-module_align-widgets-center__l51gX","padding-12":"DataTableCell-module_padding-12__xRP39","padding-24":"DataTableCell-module_padding-24__0aJJb","padding-left-12":"DataTableCell-module_padding-left-12__XINwI","padding-left-24":"DataTableCell-module_padding-left-24__79hBi","padding-right-24":"DataTableCell-module_padding-right-24__BA0Z0","drag-handle":"DataTableCell-module_drag-handle__NiIxM","checkbox":"DataTableCell-module_checkbox__CAENf","indent":"DataTableCell-module_indent__qWJ5l","folding-arrow-12":"DataTableCell-module_folding-arrow-12__YGg1P","folding-arrow-18":"DataTableCell-module_folding-arrow-18__E0R4O","icon-container":"DataTableCell-module_icon-container__IcTL1","alignWidgetsTop":"DataTableCell-module_align-widgets-top__-ZRCt","size24":"DataTableCell-module_size-24__kAlRh","foldingArrow":"DataTableCell-module_folding-arrow__M3UXW","size30":"DataTableCell-module_size-30__gy4mJ","size36":"DataTableCell-module_size-36__t3pLn","size42":"DataTableCell-module_size-42__IXd3P","size48":"DataTableCell-module_size-48__jCi7Y","size60":"DataTableCell-module_size-60__O0Mmg","alignWidgetsCenter":"DataTableCell-module_align-widgets-center__l51gX","padding12":"DataTableCell-module_padding-12__xRP39","padding24":"DataTableCell-module_padding-24__0aJJb","paddingLeft12":"DataTableCell-module_padding-left-12__XINwI","paddingLeft24":"DataTableCell-module_padding-left-24__79hBi","paddingRight24":"DataTableCell-module_padding-right-24__BA0Z0","dragHandle":"DataTableCell-module_drag-handle__NiIxM","foldingArrow12":"DataTableCell-module_folding-arrow-12__YGg1P","foldingArrow18":"DataTableCell-module_folding-arrow-18__E0R4O","iconContainer":"DataTableCell-module_icon-container__IcTL1"};
 
@@ -1472,7 +1471,7 @@ function DataTableRowAddons(props) {
     return (React.createElement(React.Fragment, null,
         ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React.createElement(DragHandle, { key: "dh", cx: css$z.dragHandle }),
         ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React.createElement(Checkbox, { key: "cb", cx: css$z.checkbox, tabIndex: props.tabIndex, size: additionalItemSize, value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
-        row.indent > 0 && (React.createElement("div", { key: "fold", className: css$z.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable && (React.createElement(IconContainer, { key: "icon", icon: ForwardRef$A, cx: [
+        row.indent > 0 && (React.createElement("div", { key: "fold", className: css$z.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable && (React.createElement(IconContainer, { key: "icon", icon: ForwardRef$B, cx: [
                 css$z.foldingArrow, css$z[`folding-arrow-${additionalItemSize}`], uuiMarkers.clickable, css$z.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
@@ -1520,33 +1519,50 @@ const DataTableRow = withMods(DataTableRow$1, ({ borderBottom = true, size }) =>
 
 var css$x = {"header-cell":"DataTableHeaderRow-module_header-cell__-GovH","config-icon":"DataTableHeaderRow-module_config-icon__7pmnq","headerCell":"DataTableHeaderRow-module_header-cell__-GovH","configIcon":"DataTableHeaderRow-module_config-icon__7pmnq"};
 
-var _path$y;
-function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
+var _path$z;
+function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgActionSettings18 = function SvgActionSettings18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$z({
+  return /*#__PURE__*/React.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M3 9.093a6.083 6.083 0 0 1 0-.186L1.55 7.271a1 1 0 0 1-.118-1.163l1.28-2.216a1 1 0 0 1 1.066-.48l2.14.439a3.81 3.81 0 0 1 .163-.094l.691-2.073A1 1 0 0 1 7.721 1h2.558a1 1 0 0 1 .949.684l.69 2.073c.056.03.11.061.163.094l2.141-.439a1 1 0 0 1 1.067.48l1.279 2.216a1 1 0 0 1-.118 1.163L15 8.907a5.72 5.72 0 0 1 0 .186l1.45 1.636a1 1 0 0 1 .118 1.163l-1.28 2.216a1 1 0 0 1-1.066.48l-2.14-.438a6.215 6.215 0 0 1-.163.093l-.691 2.073a1 1 0 0 1-.949.684H7.721a1 1 0 0 1-.949-.684l-.69-2.073a6.105 6.105 0 0 1-.163-.094l-2.141.439a1 1 0 0 1-1.067-.48l-1.279-2.216a1 1 0 0 1 .118-1.163L3 9.093zM9 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$z = /*#__PURE__*/forwardRef(SvgActionSettings18);
+var ForwardRef$A = /*#__PURE__*/forwardRef(SvgActionSettings18);
 
 const DataTableHeaderRow = withMods(DataTableHeaderRow$1, (mods) => [css$x.root], (mods) => ({
     renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key })),
-    renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$x.configIcon, color: "default", icon: ForwardRef$z }),
+    renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$x.configIcon, color: "default", icon: ForwardRef$A }),
 }));
 
 var css$w = {"cell":"DataTableHeaderCell-module_cell__AGrCC","sort-icon":"DataTableHeaderCell-module_sort-icon__cDeMX","dropdown-icon":"DataTableHeaderCell-module_dropdown-icon__anyqy","infoIcon":"DataTableHeaderCell-module_infoIcon__ztuKT","resizable":"DataTableHeaderCell-module_resizable__KE4Ta","size-24":"DataTableHeaderCell-module_size-24__xl3Bc","size-30":"DataTableHeaderCell-module_size-30__eNSl8","size-36":"DataTableHeaderCell-module_size-36__uF7G7","size-42":"DataTableHeaderCell-module_size-42__cyLfW","size-48":"DataTableHeaderCell-module_size-48__fgE-c","padding-left-24":"DataTableHeaderCell-module_padding-left-24__y2KH8","padding-right-24":"DataTableHeaderCell-module_padding-right-24__-XKyz","caption":"DataTableHeaderCell-module_caption__ZOlWT","checkbox":"DataTableHeaderCell-module_checkbox__Mm1wC","icon":"DataTableHeaderCell-module_icon__liZ4c","icon-cell":"DataTableHeaderCell-module_icon-cell__9AUCT","align-right":"DataTableHeaderCell-module_align-right__Hzx-a","align-center":"DataTableHeaderCell-module_align-center__Lfdr4","tooltip-wrapper":"DataTableHeaderCell-module_tooltip-wrapper__ulCpX","cell-tooltip":"DataTableHeaderCell-module_cell-tooltip__JHAxY","upper-case":"DataTableHeaderCell-module_upper-case__AdtWJ","font-size-14":"DataTableHeaderCell-module_font-size-14__RSTks","resize-mark":"DataTableHeaderCell-module_resize-mark__NBp0G","draggable":"DataTableHeaderCell-module_draggable__hz5pE","ghost":"DataTableHeaderCell-module_ghost__-iISU","is-dragged-out":"DataTableHeaderCell-module_is-dragged-out__Qicd4","dnd-marker-left":"DataTableHeaderCell-module_dnd-marker-left__tZ1iw","dnd-marker-right":"DataTableHeaderCell-module_dnd-marker-right__nT0Cc","sortIcon":"DataTableHeaderCell-module_sort-icon__cDeMX","dropdownIcon":"DataTableHeaderCell-module_dropdown-icon__anyqy","size24":"DataTableHeaderCell-module_size-24__xl3Bc","size30":"DataTableHeaderCell-module_size-30__eNSl8","size36":"DataTableHeaderCell-module_size-36__uF7G7","size42":"DataTableHeaderCell-module_size-42__cyLfW","size48":"DataTableHeaderCell-module_size-48__fgE-c","paddingLeft24":"DataTableHeaderCell-module_padding-left-24__y2KH8","paddingRight24":"DataTableHeaderCell-module_padding-right-24__-XKyz","iconCell":"DataTableHeaderCell-module_icon-cell__9AUCT","alignRight":"DataTableHeaderCell-module_align-right__Hzx-a","alignCenter":"DataTableHeaderCell-module_align-center__Lfdr4","tooltipWrapper":"DataTableHeaderCell-module_tooltip-wrapper__ulCpX","cellTooltip":"DataTableHeaderCell-module_cell-tooltip__JHAxY","upperCase":"DataTableHeaderCell-module_upper-case__AdtWJ","fontSize14":"DataTableHeaderCell-module_font-size-14__RSTks","resizeMark":"DataTableHeaderCell-module_resize-mark__NBp0G","isDraggedOut":"DataTableHeaderCell-module_is-dragged-out__Qicd4","dndMarkerLeft":"DataTableHeaderCell-module_dnd-marker-left__tZ1iw","dndMarkerRight":"DataTableHeaderCell-module_dnd-marker-right__nT0Cc"};
 
+var _path$y;
+function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
+var SvgTableSwap18 = function SvgTableSwap18(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$z({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    ref: ref
+  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 1 2 5h3v7h2V5h3L6 1zm7 12V6h-2v7H8l4 4 4-4h-3z",
+    clipRule: "evenodd"
+  })));
+};
+var ForwardRef$z = /*#__PURE__*/forwardRef(SvgTableSwap18);
+
 var _path$x;
 function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
-var SvgTableSwap18 = function SvgTableSwap18(props, ref) {
+var SvgTableSortAsc18 = function SvgTableSortAsc18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -1555,15 +1571,15 @@ var SvgTableSwap18 = function SvgTableSwap18(props, ref) {
     ref: ref
   }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M6 1 2 5h3v7h2V5h3L6 1zm7 12V6h-2v7H8l4 4 4-4h-3z",
+    d: "M10 6v10H8V6H5l4-4 4 4h-3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$y = /*#__PURE__*/forwardRef(SvgTableSwap18);
+var ForwardRef$y = /*#__PURE__*/forwardRef(SvgTableSortAsc18);
 
 var _path$w;
 function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
-var SvgTableSortAsc18 = function SvgTableSortAsc18(props, ref) {
+var SvgTableSortDesc18 = function SvgTableSortDesc18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -1572,15 +1588,15 @@ var SvgTableSortAsc18 = function SvgTableSortAsc18(props, ref) {
     ref: ref
   }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M10 6v10H8V6H5l4-4 4 4h-3z",
+    d: "M10 12V2H8v10H5l4 4 4-4h-3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$x = /*#__PURE__*/forwardRef(SvgTableSortAsc18);
+var ForwardRef$x = /*#__PURE__*/forwardRef(SvgTableSortDesc18);
 
 var _path$v;
 function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
-var SvgTableSortDesc18 = function SvgTableSortDesc18(props, ref) {
+var SvgContentFiltration18 = function SvgContentFiltration18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -1589,15 +1605,15 @@ var SvgTableSortDesc18 = function SvgTableSortDesc18(props, ref) {
     ref: ref
   }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M10 12V2H8v10H5l4 4 4-4h-3z",
+    d: "m8 14 2 2v-5H8v3zM2 3v2h14V3H2zm6 8h2l6-6H2l6 6z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$w = /*#__PURE__*/forwardRef(SvgTableSortDesc18);
+var ForwardRef$w = /*#__PURE__*/forwardRef(SvgContentFiltration18);
 
 var _path$u;
 function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
-var SvgContentFiltration18 = function SvgContentFiltration18(props, ref) {
+var SvgNavigationChevronDown18 = function SvgNavigationChevronDown18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -1606,15 +1622,15 @@ var SvgContentFiltration18 = function SvgContentFiltration18(props, ref) {
     ref: ref
   }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "m8 14 2 2v-5H8v3zM2 3v2h14V3H2zm6 8h2l6-6H2l6 6z",
+    d: "M12.443 6.442 9 9.877 5.558 6.442 4.5 7.5 9 12l4.5-4.5-1.057-1.058z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$v = /*#__PURE__*/forwardRef(SvgContentFiltration18);
+var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronDown18);
 
 var _path$t;
 function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
-var SvgNavigationChevronDown18 = function SvgNavigationChevronDown18(props, ref) {
+var SvgNavigationChevronUp18 = function SvgNavigationChevronUp18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -1623,15 +1639,15 @@ var SvgNavigationChevronDown18 = function SvgNavigationChevronDown18(props, ref)
     ref: ref
   }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M12.443 6.442 9 9.877 5.558 6.442 4.5 7.5 9 12l4.5-4.5-1.057-1.058z",
+    d: "m9 6-4.5 4.5 1.058 1.057L9 8.123l3.443 3.434L13.5 10.5 9 6z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNavigationChevronDown18);
+var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNavigationChevronUp18);
 
 var _path$s;
 function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
-var SvgNavigationChevronUp18 = function SvgNavigationChevronUp18(props, ref) {
+var SvgNotificationInfoOutline18 = function SvgNotificationInfoOutline18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -1639,29 +1655,12 @@ var SvgNavigationChevronUp18 = function SvgNavigationChevronUp18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "m9 6-4.5 4.5 1.058 1.057L9 8.123l3.443 3.434L13.5 10.5 9 6z",
-    clipRule: "evenodd"
-  })));
-};
-var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNavigationChevronUp18);
-
-var _path$r;
-function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
-var SvgNotificationInfoOutline18 = function SvgNotificationInfoOutline18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$s({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 18,
-    height: 18,
-    viewBox: "0 0 18 18",
-    ref: ref
-  }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8 13h2V8H8v5zM9 1C4.584 1 1 4.584 1 9s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 15c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7zM8 7h2V5H8v2z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline18);
+var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline18);
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -1678,10 +1677,10 @@ class DataTableHeaderCell extends React.Component {
             React.createElement(Tooltip, { trigger: "hover", placement: "bottom-start", renderContent: !this.state.isDropdownOpen && this.props.column.info ? () => this.props.column.info : null, color: "default", cx: css$w.cellTooltip, offset: [-12, 12] },
                 React.createElement("div", { className: cx$1(css$w.iconCell, css$w['align-' + this.props.column.textAlign], uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
                     React.createElement(Text, { key: "text", lineHeight: "30", fontSize: "14", size: "30", cx: cx$1(css$w.caption, this.getTextStyle(), uuiDataTableHeaderCell.uuiTableHeaderCaption) }, this.props.column.caption),
-                    this.props.column.info && (React.createElement(IconButton, { key: "info", cx: cx$1(css$w.icon, css$w.infoIcon, this.props.sortDirection && css$w.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: "secondary", icon: ForwardRef$s })),
-                    this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React.createElement(IconButton, { key: "sort", cx: cx$1(css$w.icon, css$w.sortIcon, this.props.sortDirection && css$w.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'default' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$w : this.props.sortDirection === 'asc' ? ForwardRef$x : ForwardRef$y })),
-                    this.props.isFilterActive && (React.createElement(IconButton, { key: "filter", cx: cx$1(css$w.icon, !this.props.sortDirection && css$w.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "default", icon: ForwardRef$v })),
-                    this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$w.icon, css$w.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$t : ForwardRef$u }))))));
+                    this.props.column.info && (React.createElement(IconButton, { key: "info", cx: cx$1(css$w.icon, css$w.infoIcon, this.props.sortDirection && css$w.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: "secondary", icon: ForwardRef$t })),
+                    this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React.createElement(IconButton, { key: "sort", cx: cx$1(css$w.icon, css$w.sortIcon, this.props.sortDirection && css$w.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'default' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$x : this.props.sortDirection === 'asc' ? ForwardRef$y : ForwardRef$z })),
+                    this.props.isFilterActive && (React.createElement(IconButton, { key: "filter", cx: cx$1(css$w.icon, !this.props.sortDirection && css$w.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "default", icon: ForwardRef$w })),
+                    this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$w.icon, css$w.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$u : ForwardRef$v }))))));
         this.renderHeaderCheckbox = () => this.props.selectAll
             && this.props.isFirstColumn && (React.createElement(Checkbox, Object.assign({ size: +this.props.size < 36 ? '12' : '18' }, this.props.selectAll, { cx: cx$1(css$w.checkbox, uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
         this.renderResizeMark = (props) => React.createElement("div", { onMouseDown: props.onResizeStart, className: cx$1(css$w.resizeMark, uuiMarkers.draggable) });
@@ -1726,10 +1725,10 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var _path$q, _path2$1, _path3, _path4, _path5, _path6, _g$1, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
-function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
+var _path$r, _path2$1, _path3, _path4, _path5, _path6, _g$1, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
+function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 var SvgEmptyTable = function SvgEmptyTable(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$r({
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
     width: 232,
     height: 180,
     viewBox: "0 0 232 180",
@@ -1738,7 +1737,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#a)"
-  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
+  }, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
   })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
@@ -1864,7 +1863,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M0 0h230.897v180H0z"
   })))));
 };
-var ForwardRef$r = /*#__PURE__*/forwardRef(SvgEmptyTable);
+var ForwardRef$s = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
 var css$v = {"sticky-header":"DataTable-module_sticky-header__g-Ods","listContainer":"DataTable-module_listContainer__yR0QP","table":"DataTable-module_table__UPgfH","no-results":"DataTable-module_no-results__0TI-p","no-results-icon":"DataTable-module_no-results-icon__w-p5I","no-results-title":"DataTable-module_no-results-title__QIMfi","stickyHeader":"DataTable-module_sticky-header__g-Ods","noResults":"DataTable-module_no-results__0TI-p","noResultsIcon":"DataTable-module_no-results-icon__w-p5I","noResultsTitle":"DataTable-module_no-results-title__QIMfi"};
 
@@ -1881,7 +1880,7 @@ function DataTable(props) {
     const renderNoResultsBlock = React.useCallback(() => {
         var _a;
         return (React.createElement("div", { className: css$v.noResults }, props.renderNoResultsBlock ? ((_a = props.renderNoResultsBlock) === null || _a === void 0 ? void 0 : _a.call(props)) : (React.createElement(React.Fragment, null,
-            React.createElement(IconContainer, { cx: css$v.noResultsIcon, icon: ForwardRef$r }),
+            React.createElement(IconContainer, { cx: css$v.noResultsIcon, icon: ForwardRef$s }),
             React.createElement(Text, { cx: css$v.noResultsTitle, fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n.tables.noResultsBlock.title),
             React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n.tables.noResultsBlock.message)))));
     }, [props.renderNoResultsBlock]);
@@ -1915,88 +1914,88 @@ function DataTable(props) {
 
 var styles$1 = {"main-panel":"ColumnsConfigurationModal-module_main-panel__4w6PV","group-title":"ColumnsConfigurationModal-module_group-title__YQ24j","group-title-text":"ColumnsConfigurationModal-module_group-title-text__Uu-cT","group-title-badge":"ColumnsConfigurationModal-module_group-title-badge__7PUJ9","group-items":"ColumnsConfigurationModal-module_group-items__gni54","no-data":"ColumnsConfigurationModal-module_no-data__chQEC","h-divider":"ColumnsConfigurationModal-module_h-divider__5NbQX","search-area":"ColumnsConfigurationModal-module_search-area__8lhwH","mainPanel":"ColumnsConfigurationModal-module_main-panel__4w6PV","groupTitle":"ColumnsConfigurationModal-module_group-title__YQ24j","groupTitleText":"ColumnsConfigurationModal-module_group-title-text__Uu-cT","groupTitleBadge":"ColumnsConfigurationModal-module_group-title-badge__7PUJ9","groupItems":"ColumnsConfigurationModal-module_group-items__gni54","noData":"ColumnsConfigurationModal-module_no-data__chQEC","hDivider":"ColumnsConfigurationModal-module_h-divider__5NbQX","searchArea":"ColumnsConfigurationModal-module_search-area__8lhwH"};
 
-var _path$p;
-function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
+var _path$q;
+function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
 var SvgNavigationMoreVert18 = function SvgNavigationMoreVert18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$q({
+  return /*#__PURE__*/React.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9 6c.825 0 1.5-.675 1.5-1.5S9.825 3 9 3s-1.5.675-1.5 1.5S8.175 6 9 6zm0 1.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5S9.825 7.5 9 7.5zM9 12c-.825 0-1.5.675-1.5 1.5S8.175 15 9 15s1.5-.675 1.5-1.5S9.825 12 9 12z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$q = /*#__PURE__*/forwardRef(SvgNavigationMoreVert18);
+var ForwardRef$r = /*#__PURE__*/forwardRef(SvgNavigationMoreVert18);
 
-var _path$o;
-function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
+var _path$p;
+function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 var SvgActionUpdate18 = function SvgActionUpdate18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$p({
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8.007 2A7.004 7.004 0 0 0 1 9a7.004 7.004 0 0 0 11.732 5.16l-1.497-1.347A4.999 4.999 0 0 1 3 9c0-2.763 2.237-5 5-5 2.762 0 5 2.237 5 5h2c0-3.864-3.129-7-6.993-7zM11 9l3 3 3-3h-6z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$p = /*#__PURE__*/forwardRef(SvgActionUpdate18);
+var ForwardRef$q = /*#__PURE__*/forwardRef(SvgActionUpdate18);
 
-var _path$n;
-function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+var _path$o;
+function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
 var SvgActionLockFill18 = function SvgActionLockFill18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$o({
+  return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M5 7V5a4 4 0 1 1 8 0v2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2zm2 0h4V5a2 2 0 1 0-4 0v2zm2 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$o = /*#__PURE__*/forwardRef(SvgActionLockFill18);
+var ForwardRef$p = /*#__PURE__*/forwardRef(SvgActionLockFill18);
 
-var _path$m;
-function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+var _path$n;
+function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
 var SvgActionPinOn18 = function SvgActionPinOn18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$n({
+  return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 9V3h1V2H5v1h1v6l-2 1v1h4v5h2v-5h4v-1l-2-1z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$n = /*#__PURE__*/forwardRef(SvgActionPinOn18);
+var ForwardRef$o = /*#__PURE__*/forwardRef(SvgActionPinOn18);
 
-var _path$l;
-function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
+var _path$m;
+function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
 var SvgActionPinOff18 = function SvgActionPinOff18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$m({
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     d: "M6 4.586 12.414 11H14v-1l-2-1V3h1V2H5v1h1v1.586zM10 16v-4.586l3.743 3.743.707-.707L3.136 3.136l-.707.707L6 7.414V9l-2 1v1h4v5h2z"
   })));
 };
-var ForwardRef$m = /*#__PURE__*/forwardRef(SvgActionPinOff18);
+var ForwardRef$n = /*#__PURE__*/forwardRef(SvgActionPinOff18);
 
 const i18nLocal = i18n.tables.columnsConfigurationModal;
 function PinIconButton(props) {
@@ -2011,12 +2010,12 @@ function PinIconButton(props) {
     }, [isPinned, isPinnedAlways]);
     const pinIcon = useMemo(() => {
         if (isPinnedAlways) {
-            return ForwardRef$o;
+            return ForwardRef$p;
         }
         if (isPinned) {
-            return isHovered ? ForwardRef$m : ForwardRef$n;
+            return isHovered ? ForwardRef$n : ForwardRef$o;
         }
-        return ForwardRef$n;
+        return ForwardRef$o;
     }, [
         isPinnedAlways, isHovered, isPinned,
     ]);
@@ -2096,7 +2095,7 @@ function ColumnsConfigurationModal(props) {
                 React.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
                 React.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React.createElement(Panel, { shadow: true },
                         React.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
-                        React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$q, size: "30", color: "secondary", isDropdown: false })) })),
+                        React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$r, size: "30", color: "secondary", isDropdown: false })) })),
             React.createElement(Panel, { cx: styles$1.mainPanel },
                 React.createElement(ScrollBars, null,
                     renderVisible(),
@@ -2105,7 +2104,7 @@ function ColumnsConfigurationModal(props) {
                         React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n$1.noResultsFound.text),
                         React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n$1.noResultsFound.subText))))),
             React.createElement(ModalFooter, { borderTop: true },
-                React.createElement(LinkButton, { icon: ForwardRef$p, caption: i18n$1.resetToDefaultButton, onClick: reset }),
+                React.createElement(LinkButton, { icon: ForwardRef$q, caption: i18n$1.resetToDefaultButton, onClick: reset }),
                 React.createElement(FlexSpacer, null),
                 React.createElement(Button, { mode: "none", color: "secondary", caption: i18n$1.cancelButton, onClick: close }),
                 noVisibleColumns ? (React.createElement(Tooltip, { content: i18n$1.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
@@ -2119,8 +2118,8 @@ const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
     const sortDesc = useCallback(() => onSort(sortDirection === 'desc' ? undefined : 'desc'), [onSort]);
     return (React__default.createElement(FlexCell, { cx: css$t.sortingPanelContainer },
-        React__default.createElement(DropdownMenuButton, { isActive: sortDirection === 'asc', caption: i18n.pickerFilterHeader.sortAscending, icon: ForwardRef$x, onClick: sortAsc }),
-        React__default.createElement(DropdownMenuButton, { isActive: sortDirection === 'desc', caption: i18n.pickerFilterHeader.sortDescending, icon: ForwardRef$w, onClick: sortDesc })));
+        React__default.createElement(DropdownMenuButton, { isActive: sortDirection === 'asc', caption: i18n.pickerFilterHeader.sortAscending, icon: ForwardRef$y, onClick: sortAsc }),
+        React__default.createElement(DropdownMenuButton, { isActive: sortDirection === 'desc', caption: i18n.pickerFilterHeader.sortDescending, icon: ForwardRef$x, onClick: sortDesc })));
 };
 const SortingPanel = React__default.memo(SortingPanelImpl);
 
@@ -2142,54 +2141,54 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = React__default.memo(ColumnHeaderDropdownImpl);
 
-var _path$k;
-function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
+var _path$l;
+function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
 var SvgNotificationDone24 = function SvgNotificationDone24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$l({
+  return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "m9.727 16.075-4.295-4.388L4 13.149 9.727 19 22 6.463 20.568 5 9.728 16.075z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$l = /*#__PURE__*/forwardRef(SvgNotificationDone24);
+var ForwardRef$m = /*#__PURE__*/forwardRef(SvgNotificationDone24);
 
-var _path$j;
-function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+var _path$k;
+function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
 var SvgNotificationDone18 = function SvgNotificationDone18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$k({
+  return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.136 11.91 4.034 8.776 3 9.821 7.136 14 16 5.045 14.966 4l-7.83 7.91z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNotificationDone18);
+var ForwardRef$l = /*#__PURE__*/forwardRef(SvgNotificationDone18);
 
-var _path$i;
-function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+var _path$j;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
 var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$j({
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
     d: "M11 3.6 9.462 2 4.846 6.8 2.538 4.4 1 6l3.846 4L11 3.6z"
   })));
 };
-var ForwardRef$j = /*#__PURE__*/forwardRef(SvgNotificationDone12);
+var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNotificationDone12);
 
 var css$s = {"render-item":"DataPickerRow-module_render-item__Xg-KM","icon-wrapper":"DataPickerRow-module_icon-wrapper__2iHGZ","picker-row":"DataPickerRow-module_picker-row__dKixb","icon-default":"DataPickerRow-module_icon-default__gW-Xp","icon-primary":"DataPickerRow-module_icon-primary__QfDbw","renderItem":"DataPickerRow-module_render-item__Xg-KM","iconWrapper":"DataPickerRow-module_icon-wrapper__2iHGZ","pickerRow":"DataPickerRow-module_picker-row__dKixb","iconDefault":"DataPickerRow-module_icon-default__gW-Xp","iconPrimary":"DataPickerRow-module_icon-primary__QfDbw"};
 
@@ -2199,15 +2198,15 @@ class DataPickerRow extends React.Component {
         this.getIcon = (size) => {
             switch (size) {
                 case '24':
-                    return ForwardRef$j;
-                case '30':
                     return ForwardRef$k;
+                case '30':
+                    return ForwardRef$l;
                 case '36':
-                    return ForwardRef$k;
-                case '42':
                     return ForwardRef$l;
+                case '42':
+                    return ForwardRef$m;
                 default:
-                    return ForwardRef$k;
+                    return ForwardRef$l;
             }
         };
         this.column = {
@@ -2242,17 +2241,17 @@ const MobileDropdownWrapper = (props) => {
 
 var css$q = {"sub-header-wrapper":"PickerModal-module_sub-header-wrapper__PVjxt","switch":"PickerModal-module_switch__4ZWZ-","no-found-modal-container":"PickerModal-module_no-found-modal-container__zufRW","no-found-modal-container-icon":"PickerModal-module_no-found-modal-container-icon__RXBf4","no-found-modal-container-text":"PickerModal-module_no-found-modal-container-text__TgKzv","subHeaderWrapper":"PickerModal-module_sub-header-wrapper__PVjxt","$switch$":"PickerModal-module_switch__4ZWZ-","noFoundModalContainer":"PickerModal-module_no-found-modal-container__zufRW","noFoundModalContainerIcon":"PickerModal-module_no-found-modal-container-icon__RXBf4","noFoundModalContainerText":"PickerModal-module_no-found-modal-container-text__TgKzv"};
 
-var _path$h, _path2;
-function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+var _path$i, _path2;
+function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$i({
+  return /*#__PURE__*/React.createElement("svg", _extends$j({
     width: 66,
     height: 67,
     viewBox: "0 0 66 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
     d: "M0 33.5C0 15.275 14.775.5 33 .5s33 14.775 33 33-14.775 33-33 33-33-14.775-33-33Z",
     fill: "#EBEDF5"
   })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
@@ -2262,14 +2261,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
     fill: "#6C6F80"
   })));
 };
-var ForwardRef$i = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
+var ForwardRef$j = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
 class PickerModalImpl extends PickerModalBase {
     constructor() {
         super(...arguments);
         this.renderNotFound = () => {
             return this.props.renderNotFound ? (this.props.renderNotFound({ search: this.state.dataSourceState.search, onClose: () => this.props.success(null) })) : (React.createElement("div", { className: css$q.noFoundModalContainer },
-                React.createElement(IconContainer, { cx: css$q.noFoundModalContainerIcon, icon: ForwardRef$i }),
+                React.createElement(IconContainer, { cx: css$q.noFoundModalContainerIcon, icon: ForwardRef$j }),
                 React.createElement(Text, { cx: css$q.noFoundModalContainerText, font: "semibold", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
                 React.createElement(Text, { cx: css$q.noFoundModalContainerText, fontSize: "12", lineHeight: "18", font: "regular", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
         };
@@ -2368,79 +2367,79 @@ const Tag = withMods(Button$1, applyTagMods, (props) => ({
 
 var css$m = {"root":"Paginator-module_root__d1jwS","spacer":"Paginator-module_spacer__8AhYN","mode-ghost":"Paginator-module_mode-ghost__-NfIp","size-24":"Paginator-module_size-24__zPh-d","size-30":"Paginator-module_size-30__R4PVg","navigation-size-24":"Paginator-module_navigation-size-24__gxUQ8","navigation-size-30":"Paginator-module_navigation-size-30__ZRsLp","modeGhost":"Paginator-module_mode-ghost__-NfIp","size24":"Paginator-module_size-24__zPh-d","size30":"Paginator-module_size-30__R4PVg","navigationSize24":"Paginator-module_navigation-size-24__gxUQ8","navigationSize30":"Paginator-module_navigation-size-30__ZRsLp"};
 
-var _path$g;
-function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+var _path$h;
+function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 var SvgNavigationChevronLeft12 = function SvgNavigationChevronLeft12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$h({
+  return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.705 3.705 7 3 4 6l3 3 .705-.705L5.415 6l2.29-2.295z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft12);
+var ForwardRef$i = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft12);
 
-var _path$f;
-function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+var _path$g;
+function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
 var SvgNavigationChevronRight12 = function SvgNavigationChevronRight12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$g({
+  return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "m5 3-.705.705L6.585 6l-2.29 2.295L5 9l3-3-3-3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$g = /*#__PURE__*/forwardRef(SvgNavigationChevronRight12);
+var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNavigationChevronRight12);
 
-var _path$e;
-function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+var _path$f;
+function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 var SvgNavigationChevronLeft18 = function SvgNavigationChevronLeft18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$f({
+  return /*#__PURE__*/React.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11.557 5.558 10.5 4.5 6 9l4.5 4.5 1.057-1.057L8.123 9l3.434-3.442z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$f = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft18);
+var ForwardRef$g = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft18);
 
-var _path$d;
-function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+var _path$e;
+function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
 var SvgNavigationChevronRight18 = function SvgNavigationChevronRight18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$e({
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.5 4.5 6.442 5.558 9.877 9l-3.435 3.443L7.5 13.5 12 9 7.5 4.5z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$e = /*#__PURE__*/forwardRef(SvgNavigationChevronRight18);
+var ForwardRef$f = /*#__PURE__*/forwardRef(SvgNavigationChevronRight18);
 
 function Paginator(props) {
     const renderPaginator = (params) => {
         var _a, _b;
         return (React__default.createElement("nav", Object.assign({ role: "navigation", className: css$m.root }, params.rawProps),
-            React__default.createElement(Button, { cx: css$m[`navigation-size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$f : ForwardRef$h, onClick: params.goToPrev, isDisabled: params.isFirst, mode: "outline", color: "secondary" }),
+            React__default.createElement(Button, { cx: css$m[`navigation-size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$g : ForwardRef$i, onClick: params.goToPrev, isDisabled: params.isFirst, mode: "outline", color: "secondary" }),
             params.pages.map((page, index) => {
                 var _a, _b;
                 if (page.type === 'spacer') {
@@ -2450,7 +2449,7 @@ function Paginator(props) {
                     return (React__default.createElement(Button, { cx: cx(css$m[`size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], css$m[`mode-${!page.isActive && 'ghost'}`]), size: params.size, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, mode: (page.isActive && 'outline') || 'ghost', color: "primary" }));
                 }
             }),
-            React__default.createElement(Button, { cx: css$m[`navigation-size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$e : ForwardRef$g, onClick: params.goToNext, isDisabled: params.isLast, mode: "outline", color: "secondary" })));
+            React__default.createElement(Button, { cx: css$m[`navigation-size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$f : ForwardRef$h, onClick: params.goToNext, isDisabled: params.isLast, mode: "outline", color: "secondary" })));
     };
     return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
 }
@@ -2686,16 +2685,16 @@ const FilterPanelItemToggler = React.forwardRef((props, ref) => {
         e.preventDefault();
         (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
     };
-    const getTitle = props.predicateName ? `${props.title} ${props.predicateName}` : `${props.title}:`;
+    const getTitle = props.predicateName ? `${props.title} ${props.predicateName}` : `${props.title}${props.selection ? ':' : ''}`;
     return (React.createElement(FlexRow$1, Object.assign({}, props, { rawProps: {
             style: { maxWidth: `${props.maxWidth ? props.maxWidth + 'px' : 'auto'}` },
             role: 'button',
         }, cx: cx(css$h.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, ['size-' + (props.size || defaultSize)], props.cx), onClick: togglerPickerOpened, ref: ref }),
         React.createElement(FlexRow$1, { cx: css$h.titleWrapper },
-            React.createElement(Text, { cx: css$h.title }, getTitle),
-            React.createElement("div", { className: css$h.textWrapper },
-                React.createElement(Text, { color: "brand", cx: css$h.selection }, props.selection),
-                props.postfix && (React.createElement(Text, { color: "brand", cx: css$h.postfix }, props.postfix)))),
+            React.createElement(Text, { size: props.size, cx: css$h.title }, getTitle),
+            props.selection && (React.createElement("div", { className: css$h.textWrapper },
+                React.createElement(Text, { color: "brand", size: props.size, cx: css$h.selection }, props.selection),
+                props.postfix && (React.createElement(Text, { color: "brand", size: props.size, cx: css$h.postfix }, props.postfix))))),
         !props.isDisabled && React.createElement(IconContainer, { icon: systemIcons[props.size || defaultSize].foldingArrow, flipY: props.isOpen, cx: "uui-icon-dropdown" })));
 });
 
@@ -2733,16 +2732,17 @@ class FilterPickerBody extends PickerInputBase {
         const maxHeight = isMobile() ? document.documentElement.clientHeight : this.props.dropdownHeight || pickerHeight;
         const minBodyWidth = isMobile() ? document.documentElement.clientWidth : this.props.minBodyWidth || pickerWidth;
         return (React.createElement(Panel, { style: { width: minBodyWidth }, rawProps: { tabIndex: -1 }, cx: [uuiMarkers.lockFocus] },
-            React.createElement(DataPickerBody, Object.assign({}, props, { selectionMode: this.props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, searchSize: "36", editMode: "dropdown", showSearch: true })),
+            React.createElement(DataPickerBody, Object.assign({}, props, { selectionMode: this.props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, searchSize: "36", editMode: "dropdown" })),
             this.renderFooter()));
     }
     render() {
+        var _a;
         const rows = this.getRows();
-        return this.renderBody(Object.assign(Object.assign({}, this.getPickerBodyProps(rows)), this.getListProps()), rows);
+        return this.renderBody(Object.assign(Object.assign(Object.assign({}, this.getPickerBodyProps(rows)), this.getListProps()), { showSearch: (_a = this.props.showSearch) !== null && _a !== void 0 ? _a : true }), rows);
     }
 }
 
-class FilterDataPickerBody extends BaseDatePicker {
+class FilterDatePickerBody extends BaseDatePicker {
     constructor() {
         super(...arguments);
         this.state = Object.assign(Object.assign({}, super.getValue()), { isOpen: false, inputValue: null });
@@ -2844,17 +2844,17 @@ function FilterNumericBody(props) {
     if (isInRangePredicate) {
         const value = props.value;
         return (React__default.createElement("div", null,
-            React__default.createElement(FlexRow, { padding: "12", vPadding: "24", alignItems: "center", spacing: "12", borderBottom: true },
+            React__default.createElement(FlexRow, { padding: "12", vPadding: "24", alignItems: "center", spacing: "12", borderBottom: true, rawProps: { style: { paddingTop: '3px' } } },
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: (_a = value === null || value === void 0 ? void 0 : value.from) !== null && _a !== void 0 ? _a : null, onValueChange: rangeValueHandler('from'), size: "30", placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
+                    React__default.createElement(NumericInput, { value: (_a = value === null || value === void 0 ? void 0 : value.from) !== null && _a !== void 0 ? _a : null, onValueChange: rangeValueHandler('from'), size: "36", placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: (_b = value === null || value === void 0 ? void 0 : value.to) !== null && _b !== void 0 ? _b : null, onValueChange: rangeValueHandler('to'), size: "30", placeholder: "Max", formatOptions: { maximumFractionDigits: 2 } }))),
+                    React__default.createElement(NumericInput, { value: (_b = value === null || value === void 0 ? void 0 : value.to) !== null && _b !== void 0 ? _b : null, onValueChange: rangeValueHandler('to'), size: "36", placeholder: "Max", formatOptions: { maximumFractionDigits: 2 } }))),
             renderFooter()));
     }
     return (React__default.createElement("div", null,
-        React__default.createElement(FlexRow, { padding: "12", vPadding: "24", alignItems: "center", borderBottom: true },
+        React__default.createElement(FlexRow, { padding: "12", vPadding: "24", alignItems: "center", borderBottom: true, rawProps: { style: { paddingTop: '3px' } } },
             React__default.createElement(FlexCell, { width: 130 },
-                React__default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, size: "30", placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
+                React__default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, size: "36", placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
         renderFooter()));
 }
 
@@ -2867,29 +2867,29 @@ function FilterItemBody(props) {
         case 'multiPicker':
             return React__default.createElement(FilterPickerBody, Object.assign({}, props, { selectionMode: "multi", valueType: "id" }));
         case 'datePicker':
-            return React__default.createElement(FilterDataPickerBody, Object.assign({}, props, { format: props.format || 'DD/MM/YYYY' }));
+            return React__default.createElement(FilterDatePickerBody, Object.assign({}, props, { format: props.format || 'DD/MM/YYYY' }));
         case 'rangeDatePicker':
             return React__default.createElement(FilterRangeDatePickerBody, Object.assign({}, props, { format: props.format || 'DD/MM/YYYY', value: props.value || { from: null, to: null } }));
     }
 }
 
-var _path$c;
-function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+var _path$d;
+function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
 var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$d({
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14 6v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6h10zm-3-4 1 1h3v2H3V3h3l1-1h4zm-.24 12.1L9 12.36 7.24 14.1l-1.16-1.16 1.74-1.76-1.78-1.8 1.2-1.18L9 10l1.76-1.8 1.18 1.18-1.76 1.8 1.76 1.76-1.18 1.16z"
   })));
 };
-var ForwardRef$d = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
+var ForwardRef$e = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
 
-var css$f = {"header":"FiltersPanelItem-module_header__hqSIh","removeButton":"FiltersPanelItem-module_removeButton__dWD-9","panel":"FiltersPanelItem-module_panel__EfHsL"};
+var css$f = {"header":"FiltersPanelItem-module_header__hqSIh","removeButton":"FiltersPanelItem-module_removeButton__dWD-9","with-search":"FiltersPanelItem-module_with-search__sPAwy","panel":"FiltersPanelItem-module_panel__EfHsL","withSearch":"FiltersPanelItem-module_with-search__sPAwy"};
 
 function FiltersToolbarItemImpl(props) {
     const isPickersType = (props === null || props === void 0 ? void 0 : props.type) === 'multiPicker' || (props === null || props === void 0 ? void 0 : props.type) === 'singlePicker';
@@ -2962,16 +2962,21 @@ function FiltersToolbarItemImpl(props) {
         }
         setPredicate(val);
     };
-    const renderHeader = () => (React__default.createElement("div", { className: cx(css$f.header) },
-        props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (React__default.createElement(Text, { color: "secondary", fontSize: "12" }, props.title)),
-        !(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__default.createElement(LinkButton, { cx: css$f.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$d }))));
-    const renderBody = (dropdownProps) => (React__default.createElement(DropdownContainer, Object.assign({}, dropdownProps),
-        React__default.createElement(Panel, { cx: css$f.panel },
-            React__default.createElement(React__default.Fragment, null, isPickersType ? (React__default.createElement(MobileDropdownWrapper, { close: () => isOpenChange(false) },
-                renderHeader(),
+    const renderHeader = (hideTitle) => {
+        var _a;
+        return (React__default.createElement("div", { className: cx(css$f.header, isPickersType && ((_a = props.showSearch) !== null && _a !== void 0 ? _a : css$f.withSearch)) },
+            props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (!hideTitle && (React__default.createElement(Text, { color: "secondary", size: "24", fontSize: "14" }, props.title))),
+            !(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__default.createElement(LinkButton, { cx: css$f.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$e }))));
+    };
+    const renderBody = (dropdownProps) => {
+        const hideHeaderTitle = isPickersType && isMobileScreen;
+        return (React__default.createElement(DropdownContainer, Object.assign({}, dropdownProps),
+            React__default.createElement(Panel, { cx: css$f.panel }, isPickersType ? (React__default.createElement(MobileDropdownWrapper, { title: props.title, close: () => isOpenChange(false) },
+                renderHeader(hideHeaderTitle),
                 React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })))) : (React__default.createElement(React__default.Fragment, null,
-                renderHeader(),
-                React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))))))));
+                renderHeader(hideHeaderTitle),
+                React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })))))));
+    };
     const getValue = () => {
         var _a;
         return predicate ? (_a = props.value) === null || _a === void 0 ? void 0 : _a[predicate] : props.value;
@@ -2999,7 +3004,7 @@ function FiltersToolbarItemImpl(props) {
                         isLoading = item.isLoading;
                         return getPickerItemName(item, props);
                     })
-                    : [i18n.filterToolbar.pickerInput.emptyValueCaption];
+                    : [currentValue];
                 const selectionText = isLoading ? selection : selection.join(', ');
                 return { selection: selectionText, postfix };
             }
@@ -3007,7 +3012,7 @@ function FiltersToolbarItemImpl(props) {
                 const isRangePredicate = predicate === 'inRange' || predicate === 'notInRange';
                 const decimalFormat = (val) => getSeparatedValue(val, { maximumFractionDigits: 2 });
                 if ((isRangePredicate && !currentValue) || (!isRangePredicate && !currentValue && currentValue !== 0)) {
-                    return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
+                    return { selection: currentValue };
                 }
                 const selection = isRangePredicate
                     ? `${!(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from) && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from) !== 0 ? 'Min' : decimalFormat(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from)} - ${!(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to) && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to) !== 0 ? 'Max' : decimalFormat(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to)}`
@@ -3017,7 +3022,7 @@ function FiltersToolbarItemImpl(props) {
             case 'singlePicker': {
                 const view = props.dataSource.getView({}, forceUpdate);
                 if (currentValue === null || currentValue === undefined) {
-                    return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
+                    return { selection: currentValue };
                 }
                 const item = view.getById(currentValue, null);
                 const selection = getPickerItemName(item, props);
@@ -3041,25 +3046,25 @@ function FiltersToolbarItemImpl(props) {
             }
         }
     };
-    const renderTarget = (dropdownProps) => (React__default.createElement(FilterPanelItemToggler, Object.assign({}, dropdownProps, getTogglerValue(), { title: props.title, predicateName: props.value ? predicateName : null, maxWidth: props.type === 'datePicker' || props.type === 'rangeDatePicker' ? null : '300' })));
+    const renderTarget = (dropdownProps) => (React__default.createElement(FilterPanelItemToggler, Object.assign({}, dropdownProps, getTogglerValue(), { title: props.title, predicateName: props.value ? predicateName : null, maxWidth: props.type === 'datePicker' || props.type === 'rangeDatePicker' ? null : '300', size: props.size })));
     return (React__default.createElement(Dropdown$1, { renderTarget: renderTarget, renderBody: renderBody, closeBodyOnTogglerHidden: !isMobile(), value: isOpen, onValueChange: isOpenChange, modifiers: popperModifiers }));
 }
 const FiltersPanelItem = React__default.memo(FiltersToolbarItemImpl);
 
-var _path$b;
-function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
-var SvgContentPlusBold18 = function SvgContentPlusBold18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$c({
+var _path$c;
+function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+var SvgActionAdd18 = function SvgActionAdd18(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
-    d: "M10.5 3h-3v4.5H3v3h4.5V15h3v-4.5H15v-3h-4.5V3z"
+  }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+    d: "M10 2H8v6H2v2h6v6h2v-6h6V8h-6V2z"
   })));
 };
-var ForwardRef$c = /*#__PURE__*/forwardRef(SvgContentPlusBold18);
+var ForwardRef$d = /*#__PURE__*/forwardRef(SvgActionAdd18);
 
 const normalizeFilterWithPredicates = (filter) => {
     if (!filter) {
@@ -3106,13 +3111,13 @@ function FiltersToolbarImpl(props) {
         items: filters,
         getId: (item) => item.field,
     }, []);
-    const onFiltersChange = (filters) => {
+    const onFiltersChange = (updatedFilters) => {
         var _a;
         const newConfig = {};
         const newFilter = {};
         const sortedOrders = tableState.filtersConfig && sortBy(tableState.filtersConfig, (f) => f === null || f === void 0 ? void 0 : f.order);
         let order = (sortedOrders === null || sortedOrders === void 0 ? void 0 : sortedOrders.length) ? (_a = sortedOrders[sortedOrders.length - 1]) === null || _a === void 0 ? void 0 : _a.order : null;
-        filters.forEach((filter) => {
+        updatedFilters.forEach((filter) => {
             var _a, _b;
             const newOrder = ((_b = (_a = tableState === null || tableState === void 0 ? void 0 : tableState.filtersConfig) === null || _a === void 0 ? void 0 : _a[filter === null || filter === void 0 ? void 0 : filter.field]) === null || _b === void 0 ? void 0 : _b.order) || getOrderBetween(order, null);
             order = newOrder;
@@ -3145,8 +3150,9 @@ function FiltersToolbarImpl(props) {
     const sortedActiveFilters = useMemo(() => {
         return sortBy(selectedFilters, (f) => { var _a, _b; return (_b = (_a = tableState.filtersConfig) === null || _a === void 0 ? void 0 : _a[f.field]) === null || _b === void 0 ? void 0 : _b.order; });
     }, [filters, tableState.filtersConfig]);
-    const renderAddFilterToggler = useCallback((props) => {
-        return (React__default.createElement(Button, { size: "36", onClick: props.onClick, ref: props.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$c, iconPosition: "left", mode: "ghost", color: "primary" }));
+    const renderAddFilterToggler = useCallback((togglerProps) => {
+        var _a;
+        return (React__default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$d, iconPosition: "left", mode: "ghost", color: "primary" }));
     }, []);
     const getRowOptions = useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -3164,12 +3170,12 @@ function FiltersToolbarImpl(props) {
         sortedActiveFilters.map((f) => {
             var _a;
             return (React__default.createElement(FlexCell$1, { width: "auto", key: f.field },
-                React__default.createElement(FiltersPanelItem, Object.assign({}, f, { value: (_a = tableState.filter) === null || _a === void 0 ? void 0 : _a[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter }))));
+                React__default.createElement(FiltersPanelItem, Object.assign({}, f, { value: (_a = tableState.filter) === null || _a === void 0 ? void 0 : _a[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: props.size }))));
         }),
         !isAllFiltersAlwaysVisible && (React__default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", key: newFilterId, renderRow: (props) => (React__default.createElement(DataPickerRow, Object.assign({}, props, { padding: "12", key: props.key, onCheck: (row) => {
                     props.onCheck(row);
                     !row.isChecked && setNewFilterId(row.value.field);
-                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) }))), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true }))));
+                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) }))), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: props.size }))));
 }
 const FiltersPanel = React__default.memo(FiltersToolbarImpl);
 
@@ -3177,105 +3183,105 @@ var css$e = {"divider":"PresetsPanel-module_divider__vk5zN","dropdownDeleteIcon"
 
 var css$d = {"preset-dropdown-panel":"PresetActionsDropdown-module_preset-dropdown-panel__7QqJq","delete-row":"PresetActionsDropdown-module_delete-row__Akkel","delete-button":"PresetActionsDropdown-module_delete-button__PUypn","targetOpen":"PresetActionsDropdown-module_targetOpen__d1eob","presetDropdownPanel":"PresetActionsDropdown-module_preset-dropdown-panel__7QqJq","deleteRow":"PresetActionsDropdown-module_delete-row__Akkel","deleteButton":"PresetActionsDropdown-module_delete-button__PUypn"};
 
-var _path$a;
-function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var _path$b;
+function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
 var SvgSaveOutline18 = function SvgSaveOutline18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
     d: "M12.75 2.25h-9a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5c.825 0 1.5-.675 1.5-1.5v-9l-3-3zm1.5 12H3.75V3.75h8.377l2.123 2.122v8.378zM9 9a2.247 2.247 0 0 0-2.25 2.25A2.247 2.247 0 0 0 9 13.5a2.247 2.247 0 0 0 2.25-2.25A2.247 2.247 0 0 0 9 9zM4.5 4.5h6.75v3H4.5v-3z"
   })));
 };
-var ForwardRef$b = /*#__PURE__*/forwardRef(SvgSaveOutline18);
+var ForwardRef$c = /*#__PURE__*/forwardRef(SvgSaveOutline18);
 
-var _path$9;
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+var _path$a;
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 var SvgContentEditUndo18 = function SvgContentEditUndo18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.375 6A7.848 7.848 0 0 0 4.2 7.95l-2.7-2.7V12h6.75L5.535 9.285a5.965 5.965 0 0 1 3.84-1.41 6.009 6.009 0 0 1 5.7 4.125l1.777-.585C15.81 8.273 12.862 6 9.375 6z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentEditUndo18);
+var ForwardRef$b = /*#__PURE__*/forwardRef(SvgContentEditUndo18);
 
-var _path$8;
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+var _path$9;
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 var SvgActionCopyContent18 = function SvgActionCopyContent18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M3 1h8v2H3v8H1V3a2 2 0 0 1 2-2zm2 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7zm10 8H7V7h8v8z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionCopyContent18);
+var ForwardRef$a = /*#__PURE__*/forwardRef(SvgActionCopyContent18);
 
-var _path$7;
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+var _path$8;
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 var SvgContentEdit18 = function SvgContentEdit18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M2.25 12.94v2.812h2.813l8.294-8.295-2.812-2.813L2.25 12.94zm13.283-7.658a.747.747 0 0 0 0-1.058L13.777 2.47a.747.747 0 0 0-1.058 0l-1.373 1.373 2.813 2.812 1.373-1.372z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$8 = /*#__PURE__*/forwardRef(SvgContentEdit18);
+var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgContentEdit18);
 
-var _path$6;
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+var _path$7;
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 var SvgContentLink18 = function SvgContentLink18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.943 10.057a.73.73 0 0 1 0 1.066.756.756 0 0 1-1.065 0 3.753 3.753 0 0 1 0-5.303l2.655-2.655a3.753 3.753 0 0 1 5.302 0 3.753 3.753 0 0 1 0 5.302l-1.118 1.118a5.18 5.18 0 0 0-.3-1.815l.353-.36a2.236 2.236 0 0 0 0-3.18 2.236 2.236 0 0 0-3.18 0L7.943 6.877a2.236 2.236 0 0 0 0 3.18zm2.114-3.18a.756.756 0 0 1 1.066 0 3.753 3.753 0 0 1 0 5.303l-2.655 2.655a3.753 3.753 0 0 1-5.303 0 3.753 3.753 0 0 1 0-5.303l1.118-1.117a5.25 5.25 0 0 0 .3 1.823l-.353.352a2.236 2.236 0 0 0 0 3.18 2.236 2.236 0 0 0 3.18 0l2.647-2.647a2.236 2.236 0 0 0 0-3.18.73.73 0 0 1 0-1.066z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$7 = /*#__PURE__*/forwardRef(SvgContentLink18);
+var ForwardRef$8 = /*#__PURE__*/forwardRef(SvgContentLink18);
 
-var _path$5;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var _path$6;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7 2h4l1 1h3v2H3V3h3l1-1zM4 6h10v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6zm6.76 8.1L9 12.36 7.24 14.1l-1.16-1.16 1.74-1.76-1.78-1.8 1.2-1.18L9 10l1.76-1.8 1.18 1.18-1.76 1.8 1.76 1.76-1.18 1.16z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgActionDeleteforever18);
+var ForwardRef$7 = /*#__PURE__*/forwardRef(SvgActionDeleteforever18);
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -3315,22 +3321,22 @@ function PresetActionsDropdown(props) {
         return (React__default.createElement(Panel, { shadow: true, cx: css$d.presetDropdownPanel },
             props.activePresetId === props.preset.id && props.hasPresetChanged(props.preset) && (React__default.createElement(React__default.Fragment, null,
                 !isReadonlyPreset && (React__default.createElement(FlexRow, { key: `${props.preset.id}-save-in-current` },
-                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$p, caption: "Save in current", onClick: saveInCurrentHandler }))),
+                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$q, caption: "Save in current", onClick: saveInCurrentHandler }))),
                 React__default.createElement(FlexRow, { key: `${props.preset.id}-save-as-new` },
-                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$b, caption: "Save as new", onClick: props.addPreset })),
+                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$c, caption: "Save as new", onClick: props.addPreset })),
                 React__default.createElement(FlexRow, { key: `${props.preset.id}-discard`, borderBottom: true },
-                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$a, caption: "Discard all changes", onClick: discardAllChangesHandler })))),
+                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$b, caption: "Discard all changes", onClick: discardAllChangesHandler })))),
             props.preset.id === props.activePresetId && !isReadonlyPreset && (React__default.createElement(FlexRow, { key: `${props.preset.id}-rename` },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$8, caption: "Rename", onClick: props.renamePreset }))),
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$9, caption: "Rename", onClick: props.renamePreset }))),
             React__default.createElement(FlexRow, { key: `${props.preset.id}-duplicate` },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$9, caption: "Duplicate", onClick: duplicateHandler })),
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$a, caption: "Duplicate", onClick: duplicateHandler })),
             React__default.createElement(FlexRow, { borderBottom: true, key: `${props.preset.id}-copyLink` },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$7, caption: "Copy Link", onClick: copyUrlToClipboard })),
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$8, caption: "Copy Link", onClick: copyUrlToClipboard })),
             !isReadonlyPreset && (React__default.createElement(FlexRow, { key: `${props.preset.id}-delete`, cx: css$d.deleteRow },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$6, caption: "Delete", cx: css$d.deleteButton, onClick: deleteHandler })))));
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$7, caption: "Delete", cx: css$d.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = useCallback((dropdownProps) => {
-        return (React__default.createElement(IconButton, Object.assign({ cx: dropdownProps.isOpen && css$d.targetOpen, color: props.preset.id === props.activePresetId ? 'info' : 'default' }, dropdownProps, { icon: ForwardRef$q })));
+        return (React__default.createElement(IconButton, Object.assign({ cx: dropdownProps.isOpen && css$d.targetOpen, color: props.preset.id === props.activePresetId ? 'info' : 'default' }, dropdownProps, { icon: ForwardRef$r })));
     }, []);
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
@@ -3381,6 +3387,21 @@ function Preset(props) {
     return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$b.preset, isPresetActive && css$b.activePreset], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
+var _path$5;
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var SvgContentPlusBold18 = function SvgContentPlusBold18(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    ref: ref
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+    d: "M10.5 3h-3v4.5H3v3h4.5V15h3v-4.5H15v-3h-4.5V3z"
+  })));
+};
+var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgContentPlusBold18);
+
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
     const setAddingPreset = useCallback(() => {
@@ -3394,7 +3415,7 @@ function PresetsPanel(props) {
         return React__default.createElement(Preset, Object.assign({ key: preset.id, preset: preset, addPreset: setAddingPreset }, presetApi));
     };
     const renderAddPresetButton = useCallback(() => {
-        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$e.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$c, iconPosition: "left", mode: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
+        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$e.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$6, iconPosition: "left", mode: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
@@ -3403,7 +3424,7 @@ function PresetsPanel(props) {
         return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
                 React__default.createElement("div", { className: css$e.divider }),
                 React__default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__default.createElement(DropdownContainer, { cx: cx$1(css$e.dropContainer), width: 230 },
-                React__default.createElement(ScrollBars$1, null, hiddenItems.map((item) => (React__default.createElement(DropdownMenuButton, { key: item.preset.id, onClick: () => onPresetDropdownSelect(item), caption: item.preset.name, icon: !item.preset.isReadonly && ForwardRef$6, iconPosition: "right", cx: css$e.dropdownDeleteIcon, onIconClick: !item.preset.isReadonly && (() => props.deletePreset(item.preset)) })))))) }));
+                React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$7, iconPosition: "right", cx: css$e.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
     };
     const getPresetPriority = (preset, index) => {
         return preset.id === props.activePresetId ? 100499 : 1000 - index;
@@ -3586,7 +3607,7 @@ var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgMenuInputCancel);
 var css$6 = {"search-input":"BurgerSearch-module_search-input__ot3xM","searchInput":"BurgerSearch-module_search-input__ot3xM"};
 
 function BurgerSearch(props) {
-    return (React.createElement(TextInput$1, { cx: css$6.searchInput, iconPosition: "left", icon: ForwardRef$W, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$1, autoFocus: true }));
+    return (React.createElement(TextInput$1, { cx: css$6.searchInput, iconPosition: "left", icon: ForwardRef$X, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$1, autoFocus: true }));
 }
 
 var css$5 = {"group-header":"BurgerGroupHeader-module_group-header__RPFIE","group-name":"BurgerGroupHeader-module_group-name__9SbW-","line":"BurgerGroupHeader-module_line__i1Bu-","groupHeader":"BurgerGroupHeader-module_group-header__RPFIE","groupName":"BurgerGroupHeader-module_group-name__9SbW-"};
@@ -3603,13 +3624,13 @@ const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("bu
     React.createElement(Avatar$1, { size: "36", img: props.avatarUrl }),
     props.icon && React.createElement(IconContainer, { icon: props.icon }),
     props.isDropdown && (React.createElement("div", null,
-        React.createElement(IconContainer, { icon: ForwardRef$10, flipY: props.isOpen }))))));
+        React.createElement(IconContainer, { icon: ForwardRef$11, flipY: props.isOpen }))))));
 
 var css$3 = {"search-input":"MainMenuSearch-module_search-input__AdkL1","searchInput":"MainMenuSearch-module_search-input__AdkL1"};
 
 const MainMenuSearch = React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
-        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$W, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$1 }, props, iEditable, { ref: ref, cx: cx$1(css$3.searchInput, props.cx) }, props.rawProps)));
+        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$X, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$1 }, props, iEditable, { ref: ref, cx: cx$1(css$3.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
 var css$2 = {"container":"MainMenuIcon-module_container__6NlKF"};