@epam/uui 4.11.0-alpha.1 → 5.0.0-alpha.1

package/index.js

@@ -6,7 +6,6 @@ var React = require('react');
 var cx = require('classnames');
 var FocusLock = require('react-focus-lock');
 var sortBy = require('lodash.sortby');
-var dayjs = require('dayjs');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -32,404 +31,405 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 var FocusLock__default = /*#__PURE__*/_interopDefault(FocusLock);
 var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
-var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 
-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$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 SvgBtnCross12 = function SvgBtnCross12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.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$10 = /*#__PURE__*/React.forwardRef(SvgBtnCross12);
+var ForwardRef$14 = /*#__PURE__*/React.forwardRef(SvgBtnCross12);
 
-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$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 SvgBtnCross18 = function SvgBtnCross18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
     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__namespace.createElement("path", {
+  }, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.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$$ = /*#__PURE__*/React.forwardRef(SvgBtnCross18);
+var ForwardRef$13 = /*#__PURE__*/React.forwardRef(SvgBtnCross18);
 
-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$$;
+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 SvgBtnCross24 = function SvgBtnCross24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$X || (_path$X = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.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$_ = /*#__PURE__*/React.forwardRef(SvgBtnCross24);
+var ForwardRef$12 = /*#__PURE__*/React.forwardRef(SvgBtnCross24);
 
-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$_;
+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 SvgFoldingArrow12 = function SvgFoldingArrow12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$W || (_path$W = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M8.295 4.295 6 6.585l-2.295-2.29L3 5l3 3 3-3z"
   })));
 };
-var ForwardRef$Z = /*#__PURE__*/React.forwardRef(SvgFoldingArrow12);
+var ForwardRef$11 = /*#__PURE__*/React.forwardRef(SvgFoldingArrow12);
 
-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$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 SvgFoldingArrow18 = function SvgFoldingArrow18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.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$Y = /*#__PURE__*/React.forwardRef(SvgFoldingArrow18);
+var ForwardRef$10 = /*#__PURE__*/React.forwardRef(SvgFoldingArrow18);
 
-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$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 SvgFoldingArrow24 = function SvgFoldingArrow24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$U || (_path$U = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
   })));
 };
-var ForwardRef$X = /*#__PURE__*/React.forwardRef(SvgFoldingArrow24);
+var ForwardRef$$ = /*#__PURE__*/React.forwardRef(SvgFoldingArrow24);
 
-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$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 SvgAccept12 = function SvgAccept12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$T || (_path$T = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$X || (_path$X = /*#__PURE__*/React__namespace.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$W = /*#__PURE__*/React.forwardRef(SvgAccept12);
+var ForwardRef$_ = /*#__PURE__*/React.forwardRef(SvgAccept12);
 
-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$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 SvgAccept18 = function SvgAccept18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$S || (_path$S = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$W || (_path$W = /*#__PURE__*/React__namespace.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$V = /*#__PURE__*/React.forwardRef(SvgAccept18);
+var ForwardRef$Z = /*#__PURE__*/React.forwardRef(SvgAccept18);
 
-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$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 SvgAccept24 = function SvgAccept24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.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$U = /*#__PURE__*/React.forwardRef(SvgAccept24);
+var ForwardRef$Y = /*#__PURE__*/React.forwardRef(SvgAccept24);
 
-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$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 SvgSearch12 = function SvgSearch12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$U || (_path$U = /*#__PURE__*/React__namespace.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$T = /*#__PURE__*/React.forwardRef(SvgSearch12);
+var ForwardRef$X = /*#__PURE__*/React.forwardRef(SvgSearch12);
 
-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$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 SvgSearch18 = function SvgSearch18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
     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__namespace.createElement("path", {
+  }, props), _path$T || (_path$T = /*#__PURE__*/React__namespace.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$S = /*#__PURE__*/React.forwardRef(SvgSearch18);
+var ForwardRef$W = /*#__PURE__*/React.forwardRef(SvgSearch18);
 
-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$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 SvgSearch24 = function SvgSearch24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$S || (_path$S = /*#__PURE__*/React__namespace.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$R = /*#__PURE__*/React.forwardRef(SvgSearch24);
+var ForwardRef$V = /*#__PURE__*/React.forwardRef(SvgSearch24);
 
-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$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 SvgCalendar12 = function SvgCalendar12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.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$Q = /*#__PURE__*/React.forwardRef(SvgCalendar12);
+var ForwardRef$U = /*#__PURE__*/React.forwardRef(SvgCalendar12);
 
-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$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 SvgCalendar18 = function SvgCalendar18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
     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__namespace.createElement("path", {
+  }, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.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$P = /*#__PURE__*/React.forwardRef(SvgCalendar18);
+var ForwardRef$T = /*#__PURE__*/React.forwardRef(SvgCalendar18);
 
-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$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 SvgCalendar24 = function SvgCalendar24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.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$O = /*#__PURE__*/React.forwardRef(SvgCalendar24);
+var ForwardRef$S = /*#__PURE__*/React.forwardRef(SvgCalendar24);
 
-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$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 SvgInfo12 = function SvgInfo12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.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$N = /*#__PURE__*/React.forwardRef(SvgInfo12);
+var ForwardRef$R = /*#__PURE__*/React.forwardRef(SvgInfo12);
 
-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$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 SvgInfo18 = function SvgInfo18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
     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__namespace.createElement("path", {
+  }, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.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$M = /*#__PURE__*/React.forwardRef(SvgInfo18);
+var ForwardRef$Q = /*#__PURE__*/React.forwardRef(SvgInfo18);
 
-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$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 SvgInfo24 = function SvgInfo24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$M || (_path$M = /*#__PURE__*/React__namespace.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$L = /*#__PURE__*/React.forwardRef(SvgInfo24);
+var ForwardRef$P = /*#__PURE__*/React.forwardRef(SvgInfo24);
 
-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$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 SvgHelpFill10 = function SvgHelpFill10(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
     width: 10,
     height: 10,
     viewBox: "0 0 10 10",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.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$K = /*#__PURE__*/React.forwardRef(SvgHelpFill10);
+var ForwardRef$O = /*#__PURE__*/React.forwardRef(SvgHelpFill10);
 
-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$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 SvgHelpFill16 = function SvgHelpFill16(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.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$J = /*#__PURE__*/React.forwardRef(SvgHelpFill16);
+var ForwardRef$N = /*#__PURE__*/React.forwardRef(SvgHelpFill16);
 
 const systemIcons = {
-    '18': {
-        clear: ForwardRef$10,
-        foldingArrow: ForwardRef$Z,
-        accept: ForwardRef$W,
-        search: ForwardRef$T,
-        calendar: ForwardRef$Q,
-        info: ForwardRef$N,
-        help: ForwardRef$K,
+    18: {
+        clear: ForwardRef$14,
+        foldingArrow: ForwardRef$11,
+        accept: ForwardRef$_,
+        search: ForwardRef$X,
+        calendar: ForwardRef$U,
+        info: ForwardRef$R,
+        help: ForwardRef$O,
     },
-    '24': {
-        clear: ForwardRef$10,
-        foldingArrow: ForwardRef$Z,
-        accept: ForwardRef$W,
-        search: ForwardRef$T,
-        calendar: ForwardRef$Q,
-        info: ForwardRef$N,
-        help: ForwardRef$K,
+    24: {
+        clear: ForwardRef$14,
+        foldingArrow: ForwardRef$11,
+        accept: ForwardRef$_,
+        search: ForwardRef$X,
+        calendar: ForwardRef$U,
+        info: ForwardRef$R,
+        help: ForwardRef$O,
     },
-    '30': {
-        clear: ForwardRef$$,
-        foldingArrow: ForwardRef$Y,
-        accept: ForwardRef$V,
-        search: ForwardRef$S,
-        calendar: ForwardRef$P,
-        info: ForwardRef$M,
-        help: ForwardRef$K,
+    30: {
+        clear: ForwardRef$13,
+        foldingArrow: ForwardRef$10,
+        accept: ForwardRef$Z,
+        search: ForwardRef$W,
+        calendar: ForwardRef$T,
+        info: ForwardRef$Q,
+        help: ForwardRef$O,
     },
-    '36': {
-        clear: ForwardRef$$,
-        foldingArrow: ForwardRef$Y,
-        accept: ForwardRef$V,
-        search: ForwardRef$S,
-        calendar: ForwardRef$P,
-        info: ForwardRef$M,
-        help: ForwardRef$J,
+    36: {
+        clear: ForwardRef$13,
+        foldingArrow: ForwardRef$10,
+        accept: ForwardRef$Z,
+        search: ForwardRef$W,
+        calendar: ForwardRef$T,
+        info: ForwardRef$Q,
+        help: ForwardRef$N,
     },
-    '42': {
-        clear: ForwardRef$$,
-        foldingArrow: ForwardRef$Y,
-        accept: ForwardRef$V,
-        search: ForwardRef$S,
-        calendar: ForwardRef$P,
-        info: ForwardRef$M,
-        help: ForwardRef$J,
+    42: {
+        clear: ForwardRef$13,
+        foldingArrow: ForwardRef$10,
+        accept: ForwardRef$Z,
+        search: ForwardRef$W,
+        calendar: ForwardRef$T,
+        info: ForwardRef$Q,
+        help: ForwardRef$N,
     },
-    '48': {
-        clear: ForwardRef$_,
-        foldingArrow: ForwardRef$X,
-        accept: ForwardRef$U,
-        search: ForwardRef$R,
-        calendar: ForwardRef$O,
-        info: ForwardRef$L,
-        help: ForwardRef$J,
+    48: {
+        clear: ForwardRef$12,
+        foldingArrow: ForwardRef$$,
+        accept: ForwardRef$Y,
+        search: ForwardRef$V,
+        calendar: ForwardRef$S,
+        info: ForwardRef$P,
+        help: ForwardRef$N,
     },
-    '60': {
-        clear: ForwardRef$_,
-        foldingArrow: ForwardRef$X,
-        accept: ForwardRef$U,
-        search: ForwardRef$R,
-        calendar: ForwardRef$O,
-        info: ForwardRef$L,
-        help: ForwardRef$J,
+    60: {
+        clear: ForwardRef$12,
+        foldingArrow: ForwardRef$$,
+        accept: ForwardRef$Y,
+        search: ForwardRef$V,
+        calendar: ForwardRef$S,
+        info: ForwardRef$P,
+        help: ForwardRef$N,
     },
-    'none': {
-        clear: ForwardRef$$,
-        foldingArrow: ForwardRef$Y,
-        accept: ForwardRef$V,
-        search: ForwardRef$S,
-        calendar: ForwardRef$P,
-        info: ForwardRef$M,
-        help: ForwardRef$J,
+    none: {
+        clear: ForwardRef$13,
+        foldingArrow: ForwardRef$10,
+        accept: ForwardRef$Z,
+        search: ForwardRef$W,
+        calendar: ForwardRef$T,
+        info: ForwardRef$Q,
+        help: ForwardRef$N,
     },
 };
 
-var buttonCss = {"typography-header":"Button_typography-header__N39Sj","typography-block":"Button_typography-block__wNgIs","typography-inline":"Button_typography-inline__rkIhO","typography-16":"Button_typography-16__zilSM","typography-14":"Button_typography-14__TkTJy","typography-12":"Button_typography-12__qT2zs","typography-promo":"Button_typography-promo__34xBe Button_typography-header__N39Sj Button_typography-block__wNgIs Button_typography-inline__rkIhO","root":"Button_root__uIzk9","mode-solid":"Button_mode-solid__zr23o","mode-outline":"Button_mode-outline__e9LiF","mode-none":"Button_mode-none__j8rJ3","mode-ghost":"Button_mode-ghost__c8QtK","size-24":"Button_size-24__8SJZp","size-30":"Button_size-30__z1sFR","size-36":"Button_size-36__7ldWy","size-42":"Button_size-42__h3Y-0","size-48":"Button_size-48__VaI4-","typographyHeader":"Button_typography-header__N39Sj","typographyBlock":"Button_typography-block__wNgIs","typographyInline":"Button_typography-inline__rkIhO","typography16":"Button_typography-16__zilSM","typography14":"Button_typography-14__TkTJy","typography12":"Button_typography-12__qT2zs","typographyPromo":"Button_typography-promo__34xBe Button_typography-header__N39Sj Button_typography-block__wNgIs Button_typography-inline__rkIhO","modeSolid":"Button_mode-solid__zr23o","modeOutline":"Button_mode-outline__e9LiF","modeNone":"Button_mode-none__j8rJ3","modeGhost":"Button_mode-ghost__c8QtK","size24":"Button_size-24__8SJZp","size30":"Button_size-30__z1sFR","size36":"Button_size-36__7ldWy","size42":"Button_size-42__h3Y-0","size48":"Button_size-48__VaI4-"};
+var buttonCss = {"typography-header":"Button_typography-header__N39Sj","typography-block":"Button_typography-block__wNgIs","typography-inline":"Button_typography-inline__rkIhO","typography-16":"Button_typography-16__zilSM","typography-14":"Button_typography-14__TkTJy","typography-12":"Button_typography-12__qT2zs","typography-promo":"Button_typography-promo__34xBe Button_typography-header__N39Sj Button_typography-block__wNgIs Button_typography-inline__rkIhO","root":"Button_root__uIzk9","mode-solid":"Button_mode-solid__zr23o","mode-outline":"Button_mode-outline__e9LiF","mode-none":"Button_mode-none__j8rJ3","mode-ghost":"Button_mode-ghost__c8QtK","size-18":"Button_size-18__Tawje","size-24":"Button_size-24__8SJZp","size-30":"Button_size-30__z1sFR","size-36":"Button_size-36__7ldWy","size-42":"Button_size-42__h3Y-0","size-48":"Button_size-48__VaI4-","typographyHeader":"Button_typography-header__N39Sj","typographyBlock":"Button_typography-block__wNgIs","typographyInline":"Button_typography-inline__rkIhO","typography16":"Button_typography-16__zilSM","typography14":"Button_typography-14__TkTJy","typography12":"Button_typography-12__qT2zs","typographyPromo":"Button_typography-promo__34xBe Button_typography-header__N39Sj Button_typography-block__wNgIs Button_typography-inline__rkIhO","modeSolid":"Button_mode-solid__zr23o","modeOutline":"Button_mode-outline__e9LiF","modeNone":"Button_mode-none__j8rJ3","modeGhost":"Button_mode-ghost__c8QtK","size18":"Button_size-18__Tawje","size24":"Button_size-24__8SJZp","size30":"Button_size-30__z1sFR","size36":"Button_size-36__7ldWy","size42":"Button_size-42__h3Y-0","size48":"Button_size-48__VaI4-"};
 
-const allButtonColors = ['accent', 'primary', 'secondary', 'negative'];
+const allButtonColors = [
+    'accent', 'primary', 'secondary', 'negative',
+];
 const defaultSize$a = '36';
 function applyButtonMods(mods) {
     return [
@@ -444,21 +444,20 @@ const Button = uuiCore.withMods(uuiComponents.Button, applyButtonMods, (props) =
     clearIcon: systemIcons[props.size || defaultSize$a].clear,
 }));
 
-var css$12 = {"root":"IconButton_root__c1hRd"};
+var css$13 = {"root":"IconButton_root__c1hRd"};
 
-const allIconColors = ['info', 'success', 'warning', 'error', 'secondary', 'default'];
+const allIconColors = [
+    'info', 'success', 'warning', 'error', 'secondary', 'default',
+];
 function applyIconButtonMods(mods) {
-    return [
-        `icon-button-${mods.color || 'default'}`,
-        css$12.root,
-    ];
+    return [`icon-button-${mods.color || 'default'}`, css$13.root];
 }
 const IconButton = uuiCore.withMods(uuiComponents.IconButton, applyIconButtonMods);
 
-var css$11 = {"root":"LinkButton_root__SWC7c","size-18":"LinkButton_size-18__XI44N","size-24":"LinkButton_size-24__yj-DG","size-30":"LinkButton_size-30__sKZ9H","size-36":"LinkButton_size-36__HIbgO","size-42":"LinkButton_size-42__apHCj","size-48":"LinkButton_size-48__7zgFe","size18":"LinkButton_size-18__XI44N","size24":"LinkButton_size-24__yj-DG","size30":"LinkButton_size-30__sKZ9H","size36":"LinkButton_size-36__HIbgO","size42":"LinkButton_size-42__apHCj","size48":"LinkButton_size-48__7zgFe"};
+var css$12 = {"root":"LinkButton_root__SWC7c","size-18":"LinkButton_size-18__XI44N","size-24":"LinkButton_size-24__yj-DG","size-30":"LinkButton_size-30__sKZ9H","size-36":"LinkButton_size-36__HIbgO","size-42":"LinkButton_size-42__apHCj","size-48":"LinkButton_size-48__7zgFe","size18":"LinkButton_size-18__XI44N","size24":"LinkButton_size-24__yj-DG","size30":"LinkButton_size-30__sKZ9H","size36":"LinkButton_size-36__HIbgO","size42":"LinkButton_size-42__apHCj","size48":"LinkButton_size-48__7zgFe"};
 
 function getIconClass(props) {
-    let classList = {
+    const classList = {
         'has-left-icon': false,
         'has-right-icon': false,
     };
@@ -471,18 +470,13 @@ function getIconClass(props) {
     if (props.icon) {
         classList[props.iconPosition !== 'right' ? 'has-left-icon' : 'has-right-icon'] = true;
     }
-    return [
-        classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon',
-        classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon',
-    ];
+    return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
 const defaultSize$9 = '36';
 function applyLinkButtonMods(mods) {
     return [
-        css$11.root,
-        css$11['size-' + (mods.size || defaultSize$9)],
-        ...getIconClass(mods),
+        css$12.root, css$12['size-' + (mods.size || defaultSize$9)], ...getIconClass(mods),
     ];
 }
 const LinkButton = uuiCore.withMods(uuiComponents.Button, applyLinkButtonMods, (props) => ({
@@ -490,35 +484,47 @@ const LinkButton = uuiCore.withMods(uuiComponents.Button, applyLinkButtonMods, (
     clearIcon: systemIcons[props.size || defaultSize$9].clear,
 }));
 
-var css$10 = {"typography-header":"TabButton_typography-header__RS80s","typography-block":"TabButton_typography-block__GaCpm","typography-inline":"TabButton_typography-inline__JMTQP","typography-16":"TabButton_typography-16__GLE4t","typography-14":"TabButton_typography-14__VWnXE","typography-12":"TabButton_typography-12__nGcxo","typography-promo":"TabButton_typography-promo__Des7p TabButton_typography-header__RS80s TabButton_typography-block__GaCpm TabButton_typography-inline__JMTQP","root":"TabButton_root__WwWmb","uui-notification":"TabButton_uui-notification__kS3SP","size-36":"TabButton_size-36__GqZ6d","size-48":"TabButton_size-48__SPXAO","size-60":"TabButton_size-60__lPhOn","typographyHeader":"TabButton_typography-header__RS80s","typographyBlock":"TabButton_typography-block__GaCpm","typographyInline":"TabButton_typography-inline__JMTQP","typography16":"TabButton_typography-16__GLE4t","typography14":"TabButton_typography-14__VWnXE","typography12":"TabButton_typography-12__nGcxo","typographyPromo":"TabButton_typography-promo__Des7p TabButton_typography-header__RS80s TabButton_typography-block__GaCpm TabButton_typography-inline__JMTQP","uuiNotification":"TabButton_uui-notification__kS3SP","size36":"TabButton_size-36__GqZ6d","size48":"TabButton_size-48__SPXAO","size60":"TabButton_size-60__lPhOn"};
+var css$11 = {"typography-header":"TabButton_typography-header__RS80s","typography-block":"TabButton_typography-block__GaCpm","typography-inline":"TabButton_typography-inline__JMTQP","typography-16":"TabButton_typography-16__GLE4t","typography-14":"TabButton_typography-14__VWnXE","typography-12":"TabButton_typography-12__nGcxo","typography-promo":"TabButton_typography-promo__Des7p TabButton_typography-header__RS80s TabButton_typography-block__GaCpm TabButton_typography-inline__JMTQP","root":"TabButton_root__WwWmb","uui-notification":"TabButton_uui-notification__kS3SP","size-36":"TabButton_size-36__GqZ6d","size-48":"TabButton_size-48__SPXAO","size-60":"TabButton_size-60__lPhOn","typographyHeader":"TabButton_typography-header__RS80s","typographyBlock":"TabButton_typography-block__GaCpm","typographyInline":"TabButton_typography-inline__JMTQP","typography16":"TabButton_typography-16__GLE4t","typography14":"TabButton_typography-14__VWnXE","typography12":"TabButton_typography-12__nGcxo","typographyPromo":"TabButton_typography-promo__Des7p TabButton_typography-header__RS80s TabButton_typography-block__GaCpm TabButton_typography-inline__JMTQP","uuiNotification":"TabButton_uui-notification__kS3SP","size36":"TabButton_size-36__GqZ6d","size48":"TabButton_size-48__SPXAO","size60":"TabButton_size-60__lPhOn"};
 
 function applyTabButtonMods(mods) {
     return [
-        css$10.root,
-        css$10['size-' + (mods.size || '48')],
-        mods.withNotify && css$10.uuiNotification,
-        ...getIconClass(mods),
+        css$11.root, 'informer-color-default', css$11['size-' + (mods.size || '48')], mods.withNotify && css$11.uuiNotification, ...getIconClass(mods),
     ];
 }
-const TabButton = uuiCore.withMods(uuiComponents.Button, applyTabButtonMods, props => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear, countPosition: 'right' }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps) })));
+const TabButton = uuiCore.withMods(uuiComponents.Button, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear, countPosition: 'right' }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps) })));
 
-var css$$ = {"typography-header":"VerticalTabButton_typography-header__S9ICQ","typography-block":"VerticalTabButton_typography-block__CJa1q","typography-inline":"VerticalTabButton_typography-inline__evOKQ","typography-16":"VerticalTabButton_typography-16__DAHVj","typography-14":"VerticalTabButton_typography-14__XEpmf","typography-12":"VerticalTabButton_typography-12__db63C","typography-promo":"VerticalTabButton_typography-promo__LMvtV VerticalTabButton_typography-header__S9ICQ VerticalTabButton_typography-block__CJa1q VerticalTabButton_typography-inline__evOKQ","root":"VerticalTabButton_root__LInYW","typographyHeader":"VerticalTabButton_typography-header__S9ICQ","typographyBlock":"VerticalTabButton_typography-block__CJa1q","typographyInline":"VerticalTabButton_typography-inline__evOKQ","typography16":"VerticalTabButton_typography-16__DAHVj","typography14":"VerticalTabButton_typography-14__XEpmf","typography12":"VerticalTabButton_typography-12__db63C","typographyPromo":"VerticalTabButton_typography-promo__LMvtV VerticalTabButton_typography-header__S9ICQ VerticalTabButton_typography-block__CJa1q VerticalTabButton_typography-inline__evOKQ"};
+var css$10 = {"typography-header":"VerticalTabButton_typography-header__S9ICQ","typography-block":"VerticalTabButton_typography-block__CJa1q","typography-inline":"VerticalTabButton_typography-inline__evOKQ","typography-16":"VerticalTabButton_typography-16__DAHVj","typography-14":"VerticalTabButton_typography-14__XEpmf","typography-12":"VerticalTabButton_typography-12__db63C","typography-promo":"VerticalTabButton_typography-promo__LMvtV VerticalTabButton_typography-header__S9ICQ VerticalTabButton_typography-block__CJa1q VerticalTabButton_typography-inline__evOKQ","root":"VerticalTabButton_root__LInYW","typographyHeader":"VerticalTabButton_typography-header__S9ICQ","typographyBlock":"VerticalTabButton_typography-block__CJa1q","typographyInline":"VerticalTabButton_typography-inline__evOKQ","typography16":"VerticalTabButton_typography-16__DAHVj","typography14":"VerticalTabButton_typography-14__XEpmf","typography12":"VerticalTabButton_typography-12__db63C","typographyPromo":"VerticalTabButton_typography-promo__LMvtV VerticalTabButton_typography-header__S9ICQ VerticalTabButton_typography-block__CJa1q VerticalTabButton_typography-inline__evOKQ"};
 
 function applyVerticalTabButtonMods() {
-    return [
-        css$$.root,
-    ];
+    return [css$10.root];
 }
 const VerticalTabButton = uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
 
-const allButtonModes = ['solid', 'outline', 'ghost', 'none'];
-const allSizes = ['24', '30', '36', '42', '48'];
-const allRowSizes = [null, '24', '30', '36', '42', '48'];
-const allSemanticColors = ['info', 'success', 'warning', 'error'];
-const allButtonSemanticColors = ['accent', 'primary', 'secondary', 'negative'];
-const allEpamBadgeSemanticColors = ['info', 'success', 'warning', 'error', 'default'];
-const allTextSizes = ['18', '24', '30', '36', '48'];
-const allFontStyles = ['regular', 'semibold', 'italic', 'primary', 'promo'];
+const allButtonModes = [
+    'solid', 'outline', 'ghost', 'none',
+];
+const allFillStyles = allButtonModes;
+const allSizes = [
+    '24', '30', '36', '42', '48',
+];
+const allRowSizes = [
+    null, '24', '30', '36', '42', '48',
+];
+const allSemanticColors = [
+    'info', 'success', 'warning', 'error',
+];
+const allButtonSemanticColors = [
+    'accent', 'primary', 'secondary', 'negative',
+];
+const allEpamBadgeSemanticColors = [
+    'info', 'success', 'warning', 'error', 'default',
+];
+const allTextSizes = [
+    '18', '24', '30', '36', '48',
+];
+const allFontStyles = [
+    'regular', 'semibold', 'italic', 'primary', 'promo',
+];
 exports.EditMode = void 0;
 (function (EditMode) {
     EditMode["FORM"] = "form";
@@ -526,91 +532,89 @@ exports.EditMode = void 0;
     EditMode["INLINE"] = "inline";
 })(exports.EditMode || (exports.EditMode = {}));
 
-var _path$F;
-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$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 SvgCheck12 = function SvgCheck12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.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$I = /*#__PURE__*/React.forwardRef(SvgCheck12);
+var ForwardRef$M = /*#__PURE__*/React.forwardRef(SvgCheck12);
 
-var _path$E;
-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$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 SvgCheck18 = function SvgCheck18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.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$H = /*#__PURE__*/React.forwardRef(SvgCheck18);
+var ForwardRef$L = /*#__PURE__*/React.forwardRef(SvgCheck18);
 
-var _path$D;
-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$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 SvgPartlySelect12 = function SvgPartlySelect12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9 5v2H3V5z"
   })));
 };
-var ForwardRef$G = /*#__PURE__*/React.forwardRef(SvgPartlySelect12);
+var ForwardRef$K = /*#__PURE__*/React.forwardRef(SvgPartlySelect12);
 
-var _path$C;
-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$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 SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M14 8v2H4V8z"
   })));
 };
-var ForwardRef$F = /*#__PURE__*/React.forwardRef(SvgPartlySelect18);
+var ForwardRef$J = /*#__PURE__*/React.forwardRef(SvgPartlySelect18);
 
-var css$_ = {"typography-header":"Checkbox_typography-header__7PKo9","typography-block":"Checkbox_typography-block__9ZdZP","typography-inline":"Checkbox_typography-inline__v0o42","typography-16":"Checkbox_typography-16__QPhxK","typography-14":"Checkbox_typography-14__LuNUA","typography-12":"Checkbox_typography-12__UsWx3","typography-promo":"Checkbox_typography-promo__-nAeN Checkbox_typography-header__7PKo9 Checkbox_typography-block__9ZdZP Checkbox_typography-inline__v0o42","root":"Checkbox_root__-oMf6","size-18":"Checkbox_size-18__BzbEk","size-12":"Checkbox_size-12__ASr3R","mode-cell":"Checkbox_mode-cell__qVdJV","typographyHeader":"Checkbox_typography-header__7PKo9","typographyBlock":"Checkbox_typography-block__9ZdZP","typographyInline":"Checkbox_typography-inline__v0o42","typography16":"Checkbox_typography-16__QPhxK","typography14":"Checkbox_typography-14__LuNUA","typography12":"Checkbox_typography-12__UsWx3","typographyPromo":"Checkbox_typography-promo__-nAeN Checkbox_typography-header__7PKo9 Checkbox_typography-block__9ZdZP Checkbox_typography-inline__v0o42","size18":"Checkbox_size-18__BzbEk","size12":"Checkbox_size-12__ASr3R","modeCell":"Checkbox_mode-cell__qVdJV"};
+var css$$ = {"typography-header":"Checkbox_typography-header__7PKo9","typography-block":"Checkbox_typography-block__9ZdZP","typography-inline":"Checkbox_typography-inline__v0o42","typography-16":"Checkbox_typography-16__QPhxK","typography-14":"Checkbox_typography-14__LuNUA","typography-12":"Checkbox_typography-12__UsWx3","typography-promo":"Checkbox_typography-promo__-nAeN Checkbox_typography-header__7PKo9 Checkbox_typography-block__9ZdZP Checkbox_typography-inline__v0o42","root":"Checkbox_root__-oMf6","size-18":"Checkbox_size-18__BzbEk","size-12":"Checkbox_size-12__ASr3R","mode-cell":"Checkbox_mode-cell__qVdJV","typographyHeader":"Checkbox_typography-header__7PKo9","typographyBlock":"Checkbox_typography-block__9ZdZP","typographyInline":"Checkbox_typography-inline__v0o42","typography16":"Checkbox_typography-16__QPhxK","typography14":"Checkbox_typography-14__LuNUA","typography12":"Checkbox_typography-12__UsWx3","typographyPromo":"Checkbox_typography-promo__-nAeN Checkbox_typography-header__7PKo9 Checkbox_typography-block__9ZdZP Checkbox_typography-inline__v0o42","size18":"Checkbox_size-18__BzbEk","size12":"Checkbox_size-12__ASr3R","modeCell":"Checkbox_mode-cell__qVdJV"};
 
 function applyCheckboxMods(mods) {
     return [
-        css$_.root,
-        css$_['size-' + (mods.size || '18')],
-        css$_['mode-' + (mods.mode || 'form')],
+        css$$.root, css$$['size-' + (mods.size || '18')], css$$['mode-' + (mods.mode || 'form')],
     ];
 }
 const applyUUICheckboxProps = (props) => ({
-    icon: (props.size === '12') ? ForwardRef$I : ForwardRef$H,
-    indeterminateIcon: (props.size === '12') ? ForwardRef$G : ForwardRef$F,
+    icon: props.size === '12' ? ForwardRef$M : ForwardRef$L,
+    indeterminateIcon: props.size === '12' ? ForwardRef$K : ForwardRef$J,
 });
 const Checkbox = uuiCore.withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$Z = {"typography-header":"RadioInput_typography-header__TjrmU","typography-block":"RadioInput_typography-block__N9NNT","typography-inline":"RadioInput_typography-inline__9Q7fd","typography-16":"RadioInput_typography-16__MAISE","typography-14":"RadioInput_typography-14__dXuSH","typography-12":"RadioInput_typography-12__qFDEG","typography-promo":"RadioInput_typography-promo__w74S0 RadioInput_typography-header__TjrmU RadioInput_typography-block__N9NNT RadioInput_typography-inline__9Q7fd","root":"RadioInput_root__wxJgt","size-18":"RadioInput_size-18__csI3z","size-12":"RadioInput_size-12__2lBQH","typographyHeader":"RadioInput_typography-header__TjrmU","typographyBlock":"RadioInput_typography-block__N9NNT","typographyInline":"RadioInput_typography-inline__9Q7fd","typography16":"RadioInput_typography-16__MAISE","typography14":"RadioInput_typography-14__dXuSH","typography12":"RadioInput_typography-12__qFDEG","typographyPromo":"RadioInput_typography-promo__w74S0 RadioInput_typography-header__TjrmU RadioInput_typography-block__N9NNT RadioInput_typography-inline__9Q7fd","size18":"RadioInput_size-18__csI3z","size12":"RadioInput_size-12__2lBQH"};
+var css$_ = {"typography-header":"RadioInput_typography-header__TjrmU","typography-block":"RadioInput_typography-block__N9NNT","typography-inline":"RadioInput_typography-inline__9Q7fd","typography-16":"RadioInput_typography-16__MAISE","typography-14":"RadioInput_typography-14__dXuSH","typography-12":"RadioInput_typography-12__qFDEG","typography-promo":"RadioInput_typography-promo__w74S0 RadioInput_typography-header__TjrmU RadioInput_typography-block__N9NNT RadioInput_typography-inline__9Q7fd","root":"RadioInput_root__wxJgt","size-18":"RadioInput_size-18__csI3z","size-12":"RadioInput_size-12__2lBQH","typographyHeader":"RadioInput_typography-header__TjrmU","typographyBlock":"RadioInput_typography-block__N9NNT","typographyInline":"RadioInput_typography-inline__9Q7fd","typography16":"RadioInput_typography-16__MAISE","typography14":"RadioInput_typography-14__dXuSH","typography12":"RadioInput_typography-12__qFDEG","typographyPromo":"RadioInput_typography-promo__w74S0 RadioInput_typography-header__TjrmU RadioInput_typography-block__N9NNT RadioInput_typography-inline__9Q7fd","size18":"RadioInput_size-18__csI3z","size12":"RadioInput_size-12__2lBQH"};
 
 var _circle;
-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); }
+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 SvgRadioPoint = function SvgRadioPoint(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
@@ -622,23 +626,18 @@ var SvgRadioPoint = function SvgRadioPoint(props, ref) {
     r: 6
   })));
 };
-var ForwardRef$E = /*#__PURE__*/React.forwardRef(SvgRadioPoint);
+var ForwardRef$I = /*#__PURE__*/React.forwardRef(SvgRadioPoint);
 
 function applyRadioInputMods(mods) {
-    return [
-        css$Z.root,
-        css$Z['size-' + (mods.size || '18')],
-    ];
+    return [css$_.root, css$_['size-' + (mods.size || '18')]];
 }
-const RadioInput = uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, () => ({ icon: ForwardRef$E }));
+const RadioInput = uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, () => ({ icon: ForwardRef$I }));
 
-var css$Y = {"root":"Switch_root__q-6Iy","size-12":"Switch_size-12__7-pqh","size-18":"Switch_size-18__l3E-E","size-24":"Switch_size-24__DmaSh","size12":"Switch_size-12__7-pqh","size18":"Switch_size-18__l3E-E","size24":"Switch_size-24__DmaSh"};
+var css$Z = {"root":"Switch_root__q-6Iy","size-12":"Switch_size-12__7-pqh","size-18":"Switch_size-18__l3E-E","size-24":"Switch_size-24__DmaSh","size12":"Switch_size-12__7-pqh","size18":"Switch_size-18__l3E-E","size24":"Switch_size-24__DmaSh"};
 
 function applySwitchMods(mods) {
     return [
-        'switch-vars',
-        css$Y.root,
-        css$Y['size-' + (mods.size || '18')],
+        'switch-vars', css$Z.root, css$Z['size-' + (mods.size || '18')],
     ];
 }
 const Switch = uuiCore.withMods(uuiComponents.Switch, applySwitchMods);
@@ -700,169 +699,151 @@ const SearchInput = React__namespace.default.forwardRef((props, ref) => {
     // analytics events are sending in IEditableDebouncer, so we need to avoid sending events in TextInput
     const textInputProps = __rest(props, []);
     delete textInputProps.getValueChangeAnalyticsEvent;
-    return (React__namespace.default.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: iEditable => (React__namespace.default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value ? (() => iEditable.onValueChange('')) : undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
+    return (React__namespace.default.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => (React__namespace.default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value ? () => iEditable.onValueChange('') : undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
 });
 
-var css$X = {"root":"Accordion_root__fTEyW","mode-block":"Accordion_mode-block__WJ0h9","mode-inline":"Accordion_mode-inline__2zs0-","padding-0":"Accordion_padding-0__GQG7C","padding-6":"Accordion_padding-6__0FFj5","padding-12":"Accordion_padding-12__Bl9rW","padding-18":"Accordion_padding-18__XQdL-","modeBlock":"Accordion_mode-block__WJ0h9","modeInline":"Accordion_mode-inline__2zs0-","padding0":"Accordion_padding-0__GQG7C","padding6":"Accordion_padding-6__0FFj5","padding12":"Accordion_padding-12__Bl9rW","padding18":"Accordion_padding-18__XQdL-"};
+var css$Y = {"root":"Accordion_root__fTEyW","mode-block":"Accordion_mode-block__WJ0h9","mode-inline":"Accordion_mode-inline__2zs0-","padding-0":"Accordion_padding-0__GQG7C","padding-6":"Accordion_padding-6__0FFj5","padding-12":"Accordion_padding-12__Bl9rW","padding-18":"Accordion_padding-18__XQdL-","modeBlock":"Accordion_mode-block__WJ0h9","modeInline":"Accordion_mode-inline__2zs0-","padding0":"Accordion_padding-0__GQG7C","padding6":"Accordion_padding-6__0FFj5","padding12":"Accordion_padding-12__Bl9rW","padding18":"Accordion_padding-18__XQdL-"};
 
 function applyAccordionMods(mods) {
     return [
-        css$X.root,
-        css$X['mode-' + (mods.mode || 'block')],
-        mods.padding && css$X['padding-' + mods.padding],
+        css$Y.root, css$Y['mode-' + (mods.mode || 'block')], mods.padding && css$Y['padding-' + mods.padding],
     ];
 }
 const Accordion = uuiCore.withMods(uuiComponents.Accordion, applyAccordionMods, (mods) => ({
     dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
 }));
 
-var css$W = {"root":"ControlGroup_root__wOZ9-"};
+var css$X = {"root":"ControlGroup_root__wOZ9-"};
 
-const ControlGroup = uuiCore.withMods(uuiComponents.ControlGroup, () => [css$W.root]);
+const ControlGroup = uuiCore.withMods(uuiComponents.ControlGroup, () => [css$X.root]);
 
-var css$V = {"typography-header":"FlexRow_typography-header__2lsWG","typography-block":"FlexRow_typography-block__I0TO6","typography-inline":"FlexRow_typography-inline__br3BL","typography-16":"FlexRow_typography-16__ZDP4a","typography-14":"FlexRow_typography-14__fbJ6t","typography-12":"FlexRow_typography-12__xjb4B","typography-promo":"FlexRow_typography-promo__63NoR FlexRow_typography-header__2lsWG FlexRow_typography-block__I0TO6 FlexRow_typography-inline__br3BL","root":"FlexRow_root__8pevZ","top-shadow":"FlexRow_top-shadow__yLJfa","size-24":"FlexRow_size-24__UC-Ra","size-30":"FlexRow_size-30__KKsZ5","size-36":"FlexRow_size-36__oVCZp","size-42":"FlexRow_size-42__n5Pxh","size-48":"FlexRow_size-48__N-bVM","padding-6":"FlexRow_padding-6__TyXUB","padding-12":"FlexRow_padding-12__NiZVt","padding-18":"FlexRow_padding-18__f-DJ9","padding-24":"FlexRow_padding-24__aVQje","margin-24":"FlexRow_margin-24__W8cmr","margin-12":"FlexRow_margin-12__Tt04l","vPadding-12":"FlexRow_vPadding-12__f3sn6","vPadding-18":"FlexRow_vPadding-18__7Ljl4","vPadding-24":"FlexRow_vPadding-24__nJLBC","vPadding-36":"FlexRow_vPadding-36__7E6EY","vPadding-48":"FlexRow_vPadding-48__zzaPF","spacing-6":"FlexRow_spacing-6__l7a8O","spacing-12":"FlexRow_spacing-12__8ToPe","spacing-18":"FlexRow_spacing-18__QdC3L","border-bottom":"FlexRow_border-bottom__5L1Xk","typographyHeader":"FlexRow_typography-header__2lsWG","typographyBlock":"FlexRow_typography-block__I0TO6","typographyInline":"FlexRow_typography-inline__br3BL","typography16":"FlexRow_typography-16__ZDP4a","typography14":"FlexRow_typography-14__fbJ6t","typography12":"FlexRow_typography-12__xjb4B","typographyPromo":"FlexRow_typography-promo__63NoR FlexRow_typography-header__2lsWG FlexRow_typography-block__I0TO6 FlexRow_typography-inline__br3BL","topShadow":"FlexRow_top-shadow__yLJfa","size24":"FlexRow_size-24__UC-Ra","size30":"FlexRow_size-30__KKsZ5","size36":"FlexRow_size-36__oVCZp","size42":"FlexRow_size-42__n5Pxh","size48":"FlexRow_size-48__N-bVM","padding6":"FlexRow_padding-6__TyXUB","padding12":"FlexRow_padding-12__NiZVt","padding18":"FlexRow_padding-18__f-DJ9","padding24":"FlexRow_padding-24__aVQje","margin24":"FlexRow_margin-24__W8cmr","margin12":"FlexRow_margin-12__Tt04l","vPadding12":"FlexRow_vPadding-12__f3sn6","vPadding18":"FlexRow_vPadding-18__7Ljl4","vPadding24":"FlexRow_vPadding-24__nJLBC","vPadding36":"FlexRow_vPadding-36__7E6EY","vPadding48":"FlexRow_vPadding-48__zzaPF","spacing6":"FlexRow_spacing-6__l7a8O","spacing12":"FlexRow_spacing-12__8ToPe","spacing18":"FlexRow_spacing-18__QdC3L","borderBottom":"FlexRow_border-bottom__5L1Xk"};
+var css$W = {"typography-header":"FlexRow_typography-header__2lsWG","typography-block":"FlexRow_typography-block__I0TO6","typography-inline":"FlexRow_typography-inline__br3BL","typography-16":"FlexRow_typography-16__ZDP4a","typography-14":"FlexRow_typography-14__fbJ6t","typography-12":"FlexRow_typography-12__xjb4B","typography-promo":"FlexRow_typography-promo__63NoR FlexRow_typography-header__2lsWG FlexRow_typography-block__I0TO6 FlexRow_typography-inline__br3BL","root":"FlexRow_root__8pevZ","border-bottom":"FlexRow_border-bottom__5L1Xk","top-shadow":"FlexRow_top-shadow__yLJfa","size-24":"FlexRow_size-24__UC-Ra","size-30":"FlexRow_size-30__KKsZ5","size-36":"FlexRow_size-36__oVCZp","size-42":"FlexRow_size-42__n5Pxh","size-48":"FlexRow_size-48__N-bVM","padding-6":"FlexRow_padding-6__TyXUB","padding-12":"FlexRow_padding-12__NiZVt","padding-18":"FlexRow_padding-18__f-DJ9","padding-24":"FlexRow_padding-24__aVQje","margin-24":"FlexRow_margin-24__W8cmr","margin-12":"FlexRow_margin-12__Tt04l","vPadding-12":"FlexRow_vPadding-12__f3sn6","vPadding-18":"FlexRow_vPadding-18__7Ljl4","vPadding-24":"FlexRow_vPadding-24__nJLBC","vPadding-36":"FlexRow_vPadding-36__7E6EY","vPadding-48":"FlexRow_vPadding-48__zzaPF","spacing-6":"FlexRow_spacing-6__l7a8O","spacing-12":"FlexRow_spacing-12__8ToPe","spacing-18":"FlexRow_spacing-18__QdC3L","typographyHeader":"FlexRow_typography-header__2lsWG","typographyBlock":"FlexRow_typography-block__I0TO6","typographyInline":"FlexRow_typography-inline__br3BL","typography16":"FlexRow_typography-16__ZDP4a","typography14":"FlexRow_typography-14__fbJ6t","typography12":"FlexRow_typography-12__xjb4B","typographyPromo":"FlexRow_typography-promo__63NoR FlexRow_typography-header__2lsWG FlexRow_typography-block__I0TO6 FlexRow_typography-inline__br3BL","borderBottom":"FlexRow_border-bottom__5L1Xk","topShadow":"FlexRow_top-shadow__yLJfa","size24":"FlexRow_size-24__UC-Ra","size30":"FlexRow_size-30__KKsZ5","size36":"FlexRow_size-36__oVCZp","size42":"FlexRow_size-42__n5Pxh","size48":"FlexRow_size-48__N-bVM","padding6":"FlexRow_padding-6__TyXUB","padding12":"FlexRow_padding-12__NiZVt","padding18":"FlexRow_padding-18__f-DJ9","padding24":"FlexRow_padding-24__aVQje","margin24":"FlexRow_margin-24__W8cmr","margin12":"FlexRow_margin-12__Tt04l","vPadding12":"FlexRow_vPadding-12__f3sn6","vPadding18":"FlexRow_vPadding-18__7Ljl4","vPadding24":"FlexRow_vPadding-24__nJLBC","vPadding36":"FlexRow_vPadding-36__7E6EY","vPadding48":"FlexRow_vPadding-48__zzaPF","spacing6":"FlexRow_spacing-6__l7a8O","spacing12":"FlexRow_spacing-12__8ToPe","spacing18":"FlexRow_spacing-18__QdC3L"};
 
-const FlexCell = uuiCore.withMods(uuiComponents.FlexCell, props => [
-    css$V.flexCell,
-]);
+const FlexCell = uuiCore.withMods(uuiComponents.FlexCell, (props) => [css$W.flexCell]);
 
-const FlexRow = uuiCore.withMods(uuiComponents.FlexRow, props => {
+const FlexRow = uuiCore.withMods(uuiComponents.FlexRow, (props) => {
     return [
-        css$V.root,
-        props.size !== null && css$V['size-' + (props.size || '36')],
-        props.padding && css$V['padding-' + props.padding],
-        props.vPadding && css$V['vPadding-' + props.vPadding],
-        props.margin && css$V['margin-' + props.margin],
-        props.topShadow && css$V.topShadow,
-        props.borderBottom && css$V['border-bottom'],
-        props.spacing && css$V['spacing-' + props.spacing],
+        css$W.root, props.size !== null && css$W['size-' + (props.size || '36')], props.padding && css$W['padding-' + props.padding], props.vPadding && css$W['vPadding-' + props.vPadding], props.margin && css$W['margin-' + props.margin], props.topShadow && css$W.topShadow, props.borderBottom && css$W.borderBottom, props.spacing && css$W['spacing-' + props.spacing],
     ];
 });
 
-const FlexSpacer = uuiComponents.FlexSpacer;
-
-var css$U = {"root":"Panel_root__Ue9u5","margin-24":"Panel_margin-24__EZfwq","padding-12":"Panel_padding-12__zmnQV","padding-24":"Panel_padding-24__mOtka","shadow":"Panel_shadow__lMI9N","margin24":"Panel_margin-24__EZfwq","padding12":"Panel_padding-12__zmnQV","padding24":"Panel_padding-24__mOtka"};
+var css$V = {"root":"Panel_root__Ue9u5","margin-24":"Panel_margin-24__EZfwq","padding-12":"Panel_padding-12__zmnQV","padding-24":"Panel_padding-24__mOtka","shadow":"Panel_shadow__lMI9N","margin24":"Panel_margin-24__EZfwq","padding12":"Panel_padding-12__zmnQV","padding24":"Panel_padding-24__mOtka"};
 
-const Panel = uuiCore.withMods(uuiComponents.VPanel, props => [
-    'uui-panel',
-    css$U.root,
-    props.shadow && css$U.shadow,
-    props.margin && css$U['margin-' + props.margin],
+const Panel = uuiCore.withMods(uuiComponents.VPanel, (props) => [
+    'uui-panel', css$V.root, props.shadow && css$V.shadow, props.margin && css$V['margin-' + props.margin],
 ]);
 
-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$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 SvgNotificationCheckCircleFill24 = function SvgNotificationCheckCircleFill24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
     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__namespace.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.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$D = /*#__PURE__*/React.forwardRef(SvgNotificationCheckCircleFill24);
+var ForwardRef$H = /*#__PURE__*/React.forwardRef(SvgNotificationCheckCircleFill24);
 
-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$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 SvgNotificationWarningFill24 = function SvgNotificationWarningFill24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
     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__namespace.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
   })));
 };
-var ForwardRef$C = /*#__PURE__*/React.forwardRef(SvgNotificationWarningFill24);
+var ForwardRef$G = /*#__PURE__*/React.forwardRef(SvgNotificationWarningFill24);
 
-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$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 SvgNotificationErrorFill24 = function SvgNotificationErrorFill24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     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__namespace.createElement("path", {
+  }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.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$B = /*#__PURE__*/React.forwardRef(SvgNotificationErrorFill24);
+var ForwardRef$F = /*#__PURE__*/React.forwardRef(SvgNotificationErrorFill24);
 
-var _path$y;
-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$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 SvgNotificationHelpFill24 = function SvgNotificationHelpFill24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
     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__namespace.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.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$A = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill24);
+var ForwardRef$E = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill24);
 
-var _path$x;
-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$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 SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.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$z = /*#__PURE__*/React.forwardRef(SvgNavigationClose24$1);
+var ForwardRef$D = /*#__PURE__*/React.forwardRef(SvgNavigationClose24$1);
 
-var css$T = {"root":"Alert_root__o9-Bu","icon-wrapper":"Alert_icon-wrapper__MVBsA","alert-wrapper":"Alert_alert-wrapper__QuJWm","action-wrapper":"Alert_action-wrapper__-z2l9","action-link":"Alert_action-link__Hj-D2","close-icon":"Alert_close-icon__brCPM","main-path":"Alert_main-path__jHhJZ","content":"Alert_content__ae2CO","iconWrapper":"Alert_icon-wrapper__MVBsA","alertWrapper":"Alert_alert-wrapper__QuJWm","actionWrapper":"Alert_action-wrapper__-z2l9","actionLink":"Alert_action-link__Hj-D2","closeIcon":"Alert_close-icon__brCPM","mainPath":"Alert_main-path__jHhJZ"};
+var css$U = {"root":"Alert_root__o9-Bu","icon-wrapper":"Alert_icon-wrapper__MVBsA","alert-wrapper":"Alert_alert-wrapper__QuJWm","action-wrapper":"Alert_action-wrapper__-z2l9","action-icon":"Alert_action-icon__GhtYo","action-link":"Alert_action-link__Hj-D2","close-icon":"Alert_close-icon__brCPM","main-path":"Alert_main-path__jHhJZ","content":"Alert_content__ae2CO","iconWrapper":"Alert_icon-wrapper__MVBsA","alertWrapper":"Alert_alert-wrapper__QuJWm","actionWrapper":"Alert_action-wrapper__-z2l9","actionIcon":"Alert_action-icon__GhtYo","actionLink":"Alert_action-link__Hj-D2","closeIcon":"Alert_close-icon__brCPM","mainPath":"Alert_main-path__jHhJZ"};
 
-const Alert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default(css$T.alertWrapper, `alert-${props.color || 'default'}`, css$T.root, props.cx) }, props.rawProps),
-    React__namespace.createElement("div", { className: css$T.mainPath },
-        props.icon && React__namespace.createElement("div", { className: css$T.iconWrapper },
-            React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$T.actionIcon })),
-        React__namespace.createElement("div", { className: css$T.content },
+const Alert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default(css$U.alertWrapper, `alert-${props.color || 'default'}`, css$U.root, props.cx) }, props.rawProps),
+    React__namespace.createElement("div", { className: css$U.mainPath },
+        props.icon && (React__namespace.createElement("div", { className: css$U.iconWrapper },
+            React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$U.actionIcon }))),
+        React__namespace.createElement("div", { className: css$U.content },
             props.children,
-            props.actions && React__namespace.createElement("div", { className: css$T.actionWrapper }, props.actions.map(action => (React__namespace.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$T.actionLink, size: '24' }))))),
-        props.onClose && React__namespace.createElement(IconButton, { icon: ForwardRef$z, color: 'default', onClick: props.onClose, cx: css$T.closeIcon })))));
-const WarningAlert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$C, color: 'warning', ref: ref }, props))));
-const SuccessAlert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$D, color: 'success', ref: ref }, props))));
-const HintAlert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$A, color: 'info', ref: ref }, props))));
-const ErrorAlert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$B, color: 'error', ref: ref }, props))));
+            props.actions && (React__namespace.createElement("div", { className: css$U.actionWrapper }, props.actions.map((action) => (React__namespace.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$U.actionLink, size: "30" })))))),
+        props.onClose && React__namespace.createElement(IconButton, { icon: ForwardRef$D, color: "default", onClick: props.onClose, cx: css$U.closeIcon })))));
+const WarningAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$G, color: "warning", ref: ref }, props)));
+const SuccessAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$H, color: "success", ref: ref }, props)));
+const HintAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$E, color: "info", ref: ref }, props)));
+const ErrorAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$F, color: "error", ref: ref }, props)));
 
 class Dropdown extends React__namespace.Component {
     render() {
-        return (React__namespace.createElement(uuiComponents.Dropdown, Object.assign({}, this.props)));
+        return React__namespace.createElement(uuiComponents.Dropdown, Object.assign({}, this.props));
     }
 }
 
-var css$S = {"root":"DropdownContainer_root__0tHS6"};
+var css$T = {"root":"DropdownContainer_root__0tHS6"};
 
 function applyDropdownContainerMods(mods) {
     return [
-        css$S.root,
-        mods.vPadding && `vPadding-${mods.vPadding}`,
-        mods.padding && `padding-${mods.padding}`,
+        css$T.root, mods.vPadding && `vPadding-${mods.vPadding}`, mods.padding && `padding-${mods.padding}`,
     ];
 }
 const DropdownContainer = uuiCore.withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$R = {"typography-header":"DropdownMenu_typography-header__d5Gl6","typography-block":"DropdownMenu_typography-block__-l-b3","typography-inline":"DropdownMenu_typography-inline__QTz-3","typography-16":"DropdownMenu_typography-16__FrdMO","typography-14":"DropdownMenu_typography-14__cx4-6","typography-12":"DropdownMenu_typography-12__PDMu0","typography-promo":"DropdownMenu_typography-promo__-BGfx DropdownMenu_typography-header__d5Gl6 DropdownMenu_typography-block__-l-b3 DropdownMenu_typography-inline__QTz-3","menuRoot":"DropdownMenu_menuRoot__gRW4S","bodyRoot":"DropdownMenu_bodyRoot__hAgqI","submenuRootItem":"DropdownMenu_submenuRootItem__52Bxy","iconAfter":"DropdownMenu_iconAfter__Hbijr","iconCheck":"DropdownMenu_iconCheck__TtmI6","splitterRoot":"DropdownMenu_splitterRoot__mJGU2","splitter":"DropdownMenu_splitter__7AuFo","headerRoot":"DropdownMenu_headerRoot__iEVUM","itemRoot":"DropdownMenu_itemRoot__mBMPU","icon":"DropdownMenu_icon__YE2-L","link":"DropdownMenu_link__pgNjs","typographyHeader":"DropdownMenu_typography-header__d5Gl6","typographyBlock":"DropdownMenu_typography-block__-l-b3","typographyInline":"DropdownMenu_typography-inline__QTz-3","typography16":"DropdownMenu_typography-16__FrdMO","typography14":"DropdownMenu_typography-14__cx4-6","typography12":"DropdownMenu_typography-12__PDMu0","typographyPromo":"DropdownMenu_typography-promo__-BGfx DropdownMenu_typography-header__d5Gl6 DropdownMenu_typography-block__-l-b3 DropdownMenu_typography-inline__QTz-3"};
+var css$S = {"typography-header":"DropdownMenu_typography-header__d5Gl6","typography-block":"DropdownMenu_typography-block__-l-b3","typography-inline":"DropdownMenu_typography-inline__QTz-3","typography-16":"DropdownMenu_typography-16__FrdMO","typography-14":"DropdownMenu_typography-14__cx4-6","typography-12":"DropdownMenu_typography-12__PDMu0","typography-promo":"DropdownMenu_typography-promo__-BGfx DropdownMenu_typography-header__d5Gl6 DropdownMenu_typography-block__-l-b3 DropdownMenu_typography-inline__QTz-3","menuRoot":"DropdownMenu_menuRoot__gRW4S","bodyRoot":"DropdownMenu_bodyRoot__hAgqI","submenuRootItem":"DropdownMenu_submenuRootItem__52Bxy","iconAfter":"DropdownMenu_iconAfter__Hbijr","iconCheck":"DropdownMenu_iconCheck__TtmI6","splitterRoot":"DropdownMenu_splitterRoot__mJGU2","splitter":"DropdownMenu_splitter__7AuFo","headerRoot":"DropdownMenu_headerRoot__iEVUM","itemRoot":"DropdownMenu_itemRoot__mBMPU","icon":"DropdownMenu_icon__YE2-L","link":"DropdownMenu_link__pgNjs","typographyHeader":"DropdownMenu_typography-header__d5Gl6","typographyBlock":"DropdownMenu_typography-block__-l-b3","typographyInline":"DropdownMenu_typography-inline__QTz-3","typography16":"DropdownMenu_typography-16__FrdMO","typography14":"DropdownMenu_typography-14__cx4-6","typography12":"DropdownMenu_typography-12__PDMu0","typographyPromo":"DropdownMenu_typography-promo__-BGfx DropdownMenu_typography-header__d5Gl6 DropdownMenu_typography-block__-l-b3 DropdownMenu_typography-inline__QTz-3"};
 
 const icons = systemIcons['36'];
 exports.IDropdownControlKeys = void 0;
@@ -874,7 +855,7 @@ exports.IDropdownControlKeys = void 0;
     IDropdownControlKeys["UP_ARROW"] = "ArrowUp";
     IDropdownControlKeys["DOWN_ARROW"] = "ArrowDown";
 })(exports.IDropdownControlKeys || (exports.IDropdownControlKeys = {}));
-const DropdownMenuContainer = (props) => {
+function DropdownMenuContainer(props) {
     const menuRef = React.useRef(null);
     const [currentlyFocused, setFocused] = React.useState(-1);
     const menuItems = menuRef.current ? Array.from(menuRef.current.querySelectorAll(`[role="menuitem"]:not(.${uuiCore.uuiMod.disabled})`)) : [];
@@ -901,10 +882,10 @@ const DropdownMenuContainer = (props) => {
             props.onClose();
         }
     };
-    return (React__namespace.default.createElement(FocusLock__default.default, { as: "menu", className: css$R.menuRoot, returnFocus: true, autoFocus: false, ref: menuRef, lockProps: { onKeyDown: handleArrowKeys, tabIndex: -1 } },
+    return (React__namespace.default.createElement(FocusLock__default.default, { as: "menu", className: css$S.menuRoot, returnFocus: true, autoFocus: false, ref: menuRef, lockProps: { onKeyDown: handleArrowKeys, tabIndex: -1 } },
         React__namespace.default.createElement(uuiComponents.DropdownContainer, Object.assign({}, props, { rawProps: { tabIndex: -1 } }))));
-};
-const DropdownMenuBody = uuiCore.withMods(DropdownMenuContainer, () => [css$R.bodyRoot], ({ style }) => ({ style }));
+}
+const DropdownMenuBody = uuiCore.withMods(DropdownMenuContainer, () => [css$S.bodyRoot], ({ style }) => ({ style }));
 const DropdownMenuButton = React__namespace.default.forwardRef((props, ref) => {
     const context = React.useContext(uuiCore.UuiContext);
     const { icon, iconPosition, onIconClick, caption, isDisabled, isSelected, isActive, link, href, onClick, toggleDropdownOpening, isDropdown, isOpen, target, } = props;
@@ -923,38 +904,42 @@ const DropdownMenuButton = React__namespace.default.forwardRef((props, ref) => {
         }
     };
     const getMenuButtonContent = () => {
-        const isIconBefore = Boolean(icon && iconPosition !== "right");
-        const isIconAfter = Boolean(icon && iconPosition === "right");
-        const iconElement = React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'info' : 'default', onClick: onIconClick, cx: uuiCore.cx(css$R.icon, iconPosition === "right" ? css$R.iconAfter : css$R.iconBefore) });
-        return React__namespace.default.createElement(React__namespace.default.Fragment, null,
+        const isIconBefore = Boolean(icon && iconPosition !== 'right');
+        const isIconAfter = Boolean(icon && iconPosition === 'right');
+        const iconElement = (React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'info' : 'default', onClick: onIconClick, cx: uuiCore.cx(css$S.icon, iconPosition === 'right' ? css$S.iconAfter : css$S.iconBefore) }));
+        return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
             isIconBefore && iconElement,
-            React__namespace.default.createElement(uuiComponents.Text, { cx: css$R.caption }, caption),
-            isIconAfter && React__namespace.default.createElement(React__namespace.default.Fragment, null,
+            React__namespace.default.createElement(uuiComponents.Text, { cx: css$S.caption }, caption),
+            isIconAfter && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
                 React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
-                iconElement));
+                iconElement))));
     };
     const isAnchor = Boolean(link || href);
-    const itemClassNames = uuiCore.cx(props.cx, css$R.itemRoot, isDisabled && uuiCore.uuiMod.disabled, isActive && uuiCore.uuiMod.active, isOpen && uuiCore.uuiMod.opened);
-    return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(css$R.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isDisabled: isDisabled, forwardedRef: ref, target: target }, getMenuButtonContent())) : (React__namespace.default.createElement(uuiComponents.FlexRow, { rawProps: {
+    const itemClassNames = uuiCore.cx(props.cx, css$S.itemRoot, isDisabled && uuiCore.uuiMod.disabled, isActive && uuiCore.uuiMod.active, isOpen && uuiCore.uuiMod.opened);
+    return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(css$S.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isDisabled: isDisabled, forwardedRef: ref, target: target }, getMenuButtonContent())) : (React__namespace.default.createElement(uuiComponents.FlexRow, { rawProps: {
             tabIndex: isDisabled ? -1 : 0,
             role: 'menuitem',
             onKeyDown: isDisabled ? null : handleOpenDropdown,
         }, cx: itemClassNames, onClick: handleClick, ref: ref },
         getMenuButtonContent(),
-        isSelected && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icons.accept, cx: css$R.selectedCheckmark })));
+        isSelected && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icons.accept, cx: css$S.selectedCheckmark })));
 });
 DropdownMenuButton.displayName = 'DropdownMenuButton';
-const DropdownMenuSplitter = (props) => (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$R.splitterRoot) },
-    React__namespace.default.createElement("hr", { className: css$R.splitter })));
-const DropdownMenuHeader = (props) => (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$R.headerRoot) },
-    React__namespace.default.createElement("span", { className: css$R.header }, props.caption)));
-const DropdownSubMenu = (props) => {
-    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", placement: "right-start", renderBody: (dropdownProps) => (React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps))), renderTarget: (_a) => {
+function DropdownMenuSplitter(props) {
+    return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$S.splitterRoot) },
+        React__namespace.default.createElement("hr", { className: css$S.splitter })));
+}
+function DropdownMenuHeader(props) {
+    return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$S.headerRoot) },
+        React__namespace.default.createElement("span", { className: css$S.header }, props.caption)));
+}
+function DropdownSubMenu(props) {
+    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
-            return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(css$R.submenuRootItem), icon: icons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
+            return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(css$S.submenuRootItem), icon: icons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
-};
-const DropdownMenuSwitchButton = (props) => {
+}
+function DropdownMenuSwitchButton(props) {
     const context = React.useContext(uuiCore.UuiContext);
     const { icon, caption, isDisabled, isSelected, onValueChange, } = props;
     const onHandleValueChange = (value) => {
@@ -968,16 +953,16 @@ const DropdownMenuSwitchButton = (props) => {
             onHandleValueChange(!isSelected);
         }
     };
-    return (React__namespace.default.createElement(uuiComponents.FlexRow, { cx: uuiCore.cx(props.cx, css$R.itemRoot, isDisabled && uuiCore.uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
-        icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$R.iconBefore }),
-        React__namespace.default.createElement(uuiComponents.Text, { cx: css$R.caption }, caption),
+    return (React__namespace.default.createElement(uuiComponents.FlexRow, { cx: uuiCore.cx(props.cx, css$S.itemRoot, isDisabled && uuiCore.uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
+        icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$S.iconBefore }),
+        React__namespace.default.createElement(uuiComponents.Text, { cx: css$S.caption }, caption),
         React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
-};
+}
 
-var css$Q = {"root":"Text_root__iUAW9"};
+var css$R = {"root":"Text_root__iUAW9"};
 
-var css$P = {"line-height-12":"text-layout_line-height-12__-fXrz","line-height-18":"text-layout_line-height-18__kfeYe","line-height-24":"text-layout_line-height-24__VmJFi","line-height-30":"text-layout_line-height-30__C4k89","font-size-10":"text-layout_font-size-10__U-DE-","font-size-12":"text-layout_font-size-12__1WdLm","font-size-14":"text-layout_font-size-14__5I7px","font-size-16":"text-layout_font-size-16__loUuU","font-size-18":"text-layout_font-size-18__PvhrF","font-size-24":"text-layout_font-size-24__JsYUV","v-padding-2":"text-layout_v-padding-2__-bGuG","v-padding-3":"text-layout_v-padding-3__ImU4D","v-padding-5":"text-layout_v-padding-5__el2DC","v-padding-6":"text-layout_v-padding-6__4QshS","v-padding-8":"text-layout_v-padding-8__CKQZ6","v-padding-9":"text-layout_v-padding-9__8cSJ-","v-padding-11":"text-layout_v-padding-11__kJwOK","v-padding-12":"text-layout_v-padding-12__J6PjS","v-padding-14":"text-layout_v-padding-14__TgJs7","v-padding-15":"text-layout_v-padding-15__kVl-D","v-padding-17":"text-layout_v-padding-17__065AA","v-padding-18":"text-layout_v-padding-18__hxDYP","v-padding-23":"text-layout_v-padding-23__44pE2","v-padding-24":"text-layout_v-padding-24__gxRAs","lineHeight12":"text-layout_line-height-12__-fXrz","lineHeight18":"text-layout_line-height-18__kfeYe","lineHeight24":"text-layout_line-height-24__VmJFi","lineHeight30":"text-layout_line-height-30__C4k89","fontSize10":"text-layout_font-size-10__U-DE-","fontSize12":"text-layout_font-size-12__1WdLm","fontSize14":"text-layout_font-size-14__5I7px","fontSize16":"text-layout_font-size-16__loUuU","fontSize18":"text-layout_font-size-18__PvhrF","fontSize24":"text-layout_font-size-24__JsYUV","vPadding2":"text-layout_v-padding-2__-bGuG","vPadding3":"text-layout_v-padding-3__ImU4D","vPadding5":"text-layout_v-padding-5__el2DC","vPadding6":"text-layout_v-padding-6__4QshS","vPadding8":"text-layout_v-padding-8__CKQZ6","vPadding9":"text-layout_v-padding-9__8cSJ-","vPadding11":"text-layout_v-padding-11__kJwOK","vPadding12":"text-layout_v-padding-12__J6PjS","vPadding14":"text-layout_v-padding-14__TgJs7","vPadding15":"text-layout_v-padding-15__kVl-D","vPadding17":"text-layout_v-padding-17__065AA","vPadding18":"text-layout_v-padding-18__hxDYP","vPadding23":"text-layout_v-padding-23__44pE2","vPadding24":"text-layout_v-padding-24__gxRAs"};
+var css$Q = {"line-height-12":"text-layout_line-height-12__-fXrz","line-height-18":"text-layout_line-height-18__kfeYe","line-height-24":"text-layout_line-height-24__VmJFi","line-height-30":"text-layout_line-height-30__C4k89","font-size-10":"text-layout_font-size-10__U-DE-","font-size-12":"text-layout_font-size-12__1WdLm","font-size-14":"text-layout_font-size-14__5I7px","font-size-16":"text-layout_font-size-16__loUuU","font-size-18":"text-layout_font-size-18__PvhrF","font-size-24":"text-layout_font-size-24__JsYUV","v-padding-2":"text-layout_v-padding-2__-bGuG","v-padding-3":"text-layout_v-padding-3__ImU4D","v-padding-5":"text-layout_v-padding-5__el2DC","v-padding-6":"text-layout_v-padding-6__4QshS","v-padding-8":"text-layout_v-padding-8__CKQZ6","v-padding-9":"text-layout_v-padding-9__8cSJ-","v-padding-11":"text-layout_v-padding-11__kJwOK","v-padding-12":"text-layout_v-padding-12__J6PjS","v-padding-14":"text-layout_v-padding-14__TgJs7","v-padding-15":"text-layout_v-padding-15__kVl-D","v-padding-17":"text-layout_v-padding-17__065AA","v-padding-18":"text-layout_v-padding-18__hxDYP","v-padding-23":"text-layout_v-padding-23__44pE2","v-padding-24":"text-layout_v-padding-24__gxRAs","lineHeight12":"text-layout_line-height-12__-fXrz","lineHeight18":"text-layout_line-height-18__kfeYe","lineHeight24":"text-layout_line-height-24__VmJFi","lineHeight30":"text-layout_line-height-30__C4k89","fontSize10":"text-layout_font-size-10__U-DE-","fontSize12":"text-layout_font-size-12__1WdLm","fontSize14":"text-layout_font-size-14__5I7px","fontSize16":"text-layout_font-size-16__loUuU","fontSize18":"text-layout_font-size-18__PvhrF","fontSize24":"text-layout_font-size-24__JsYUV","vPadding2":"text-layout_v-padding-2__-bGuG","vPadding3":"text-layout_v-padding-3__ImU4D","vPadding5":"text-layout_v-padding-5__el2DC","vPadding6":"text-layout_v-padding-6__4QshS","vPadding8":"text-layout_v-padding-8__CKQZ6","vPadding9":"text-layout_v-padding-9__8cSJ-","vPadding11":"text-layout_v-padding-11__kJwOK","vPadding12":"text-layout_v-padding-12__J6PjS","vPadding14":"text-layout_v-padding-14__TgJs7","vPadding15":"text-layout_v-padding-15__kVl-D","vPadding17":"text-layout_v-padding-17__065AA","vPadding18":"text-layout_v-padding-18__hxDYP","vPadding23":"text-layout_v-padding-23__44pE2","vPadding24":"text-layout_v-padding-24__gxRAs"};
 
 const defaultTextSettings = {
     18: { lineHeight: 12, fontSize: 10 },
@@ -990,10 +975,7 @@ const defaultTextSettings = {
 };
 function getTextClasses(props, border) {
     if (props.size === 'none') {
-        return [
-            css$P['line-height-' + props.lineHeight],
-            css$P['font-size-' + props.fontSize],
-        ];
+        return [css$Q['line-height-' + props.lineHeight], css$Q['font-size-' + props.fontSize]];
     }
     const setting = {
         size: props.size,
@@ -1002,9 +984,7 @@ function getTextClasses(props, border) {
     };
     const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
     return [
-        css$P['line-height-' + setting.lineHeight],
-        css$P['font-size-' + setting.fontSize],
-        css$P['v-padding-' + vPadding],
+        css$Q['line-height-' + setting.lineHeight], css$Q['font-size-' + setting.fontSize], css$Q['v-padding-' + vPadding],
     ];
 }
 
@@ -1015,45 +995,37 @@ function applyTextMods(mods) {
         fontSize: mods.fontSize,
     }, false);
     return [
-        `uui-font-${mods.font || 'regular'}`,
-        `uui-text-${mods.color || 'primary'}`,
-        css$Q.root,
+        `uui-font-${mods.font || 'regular'}`, `uui-text-${mods.color || 'primary'}`, css$R.root,
     ].concat(textClasses);
 }
 const Text = uuiCore.withMods(uuiComponents.Text, applyTextMods);
 
-var css$O = {"container":"TextPlaceholder_container__Jn60D","loading-word":"TextPlaceholder_loading-word__22WpS","animated-loading":"TextPlaceholder_animated-loading__ao75r","skeleton_loading":"TextPlaceholder_skeleton_loading__NzV8h","loadingWord":"TextPlaceholder_loading-word__22WpS","animatedLoading":"TextPlaceholder_animated-loading__ao75r","skeletonLoading":"TextPlaceholder_skeleton_loading__NzV8h"};
+var css$P = {"container":"TextPlaceholder_container__Jn60D","loading-word":"TextPlaceholder_loading-word__22WpS","animated-loading":"TextPlaceholder_animated-loading__ao75r","skeleton_loading":"TextPlaceholder_skeleton_loading__NzV8h","loadingWord":"TextPlaceholder_loading-word__22WpS","animatedLoading":"TextPlaceholder_animated-loading__ao75r","skeletonLoading":"TextPlaceholder_skeleton_loading__NzV8h"};
 
 const TextPlaceholder = (props) => {
-    const pattern = `&nbsp;`;
+    const pattern = '&nbsp;';
     const text = React__namespace.useMemo(() => {
         const words = [];
         for (let i = 0; i < (props.wordsCount || 1); i++) {
-            let lengthWord = Math.floor(Math.random() * 10 + 8);
+            const lengthWord = Math.floor(Math.random() * 10 + 8);
             words.push(pattern.repeat(lengthWord));
         }
         return words;
     }, [props.wordsCount]);
-    return (React__namespace.createElement("div", Object.assign({ "aria-busy": true, className: css$O.container }, props.rawProps), text.map((it, index) => (React__namespace.createElement("span", { key: index, className: cx__default.default([
-            props.cx,
-            css$O.loadingWord,
-            !props.isNotAnimated && css$O.animatedLoading,
+    return (React__namespace.createElement("div", Object.assign({ "aria-busy": true, className: css$P.container }, props.rawProps), text.map((it, index) => (React__namespace.createElement("span", { key: index, className: cx__default.default([
+            props.cx, css$P.loadingWord, !props.isNotAnimated && css$P.animatedLoading,
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
 var style = {"typography-header":"typography_typography-header__xCe-Q","typography-block":"typography_typography-block__xvrwC","typography-inline":"typography_typography-inline__EbQN2","typography-16":"typography_typography-16__4OCWa","typography-14":"typography_typography-14__4Rcyl","typography-12":"typography_typography-12__2BEhy","typography-promo":"typography_typography-promo__P68Jv typography_typography-header__xCe-Q typography_typography-block__xvrwC typography_typography-inline__EbQN2","typographyHeader":"typography_typography-header__xCe-Q","typographyBlock":"typography_typography-block__xvrwC","typographyInline":"typography_typography-inline__EbQN2","typography16":"typography_typography-16__4OCWa","typography14":"typography_typography-14__4Rcyl","typography12":"typography_typography-12__2BEhy","typographyPromo":"typography_typography-promo__P68Jv typography_typography-header__xCe-Q typography_typography-block__xvrwC typography_typography-inline__EbQN2"};
 
-const RichTextView = uuiCore.withMods(uuiComponents.RichTextView, (mods) => [
-    style.typographyPromo,
-    style['typography-' + (mods.size || '14')],
-]);
+const RichTextView = uuiCore.withMods(uuiComponents.RichTextView, (mods) => [style.typographyPromo, style['typography-' + (mods.size || '14')]]);
 
-var css$N = {"typography-header":"Modals_typography-header__Jwt-p","typography-block":"Modals_typography-block__szftG","typography-inline":"Modals_typography-inline__ZDBk-","typography-16":"Modals_typography-16__5x7rd","typography-14":"Modals_typography-14__ZF20L","typography-12":"Modals_typography-12__4fSpR","typography-promo":"Modals_typography-promo__JbRIA Modals_typography-header__Jwt-p Modals_typography-block__szftG Modals_typography-inline__ZDBk-","modal-blocker":"Modals_modal-blocker__nCAZ7","animateModalBlocker":"Modals_animateModalBlocker__S-4dL","modal":"Modals_modal__m41wI","modal-footer":"Modals_modal-footer__gg-90","border-top":"Modals_border-top__cfzhv","modal-header":"Modals_modal-header__8aswP","typographyHeader":"Modals_typography-header__Jwt-p","typographyBlock":"Modals_typography-block__szftG","typographyInline":"Modals_typography-inline__ZDBk-","typography16":"Modals_typography-16__5x7rd","typography14":"Modals_typography-14__ZF20L","typography12":"Modals_typography-12__4fSpR","typographyPromo":"Modals_typography-promo__JbRIA Modals_typography-header__Jwt-p Modals_typography-block__szftG Modals_typography-inline__ZDBk-","modalBlocker":"Modals_modal-blocker__nCAZ7","modalFooter":"Modals_modal-footer__gg-90","borderTop":"Modals_border-top__cfzhv","modalHeader":"Modals_modal-header__8aswP"};
+var css$O = {"typography-header":"Modals_typography-header__Jwt-p","typography-block":"Modals_typography-block__szftG","typography-inline":"Modals_typography-inline__ZDBk-","typography-16":"Modals_typography-16__5x7rd","typography-14":"Modals_typography-14__ZF20L","typography-12":"Modals_typography-12__4fSpR","typography-promo":"Modals_typography-promo__JbRIA Modals_typography-header__Jwt-p Modals_typography-block__szftG Modals_typography-inline__ZDBk-","modal-blocker":"Modals_modal-blocker__nCAZ7","animateModalBlocker":"Modals_animateModalBlocker__S-4dL","modal":"Modals_modal__m41wI","modal-footer":"Modals_modal-footer__gg-90","border-top":"Modals_border-top__cfzhv","modal-header":"Modals_modal-header__8aswP","typographyHeader":"Modals_typography-header__Jwt-p","typographyBlock":"Modals_typography-block__szftG","typographyInline":"Modals_typography-inline__ZDBk-","typography16":"Modals_typography-16__5x7rd","typography14":"Modals_typography-14__ZF20L","typography12":"Modals_typography-12__4fSpR","typographyPromo":"Modals_typography-promo__JbRIA Modals_typography-header__Jwt-p Modals_typography-block__szftG Modals_typography-inline__ZDBk-","modalBlocker":"Modals_modal-blocker__nCAZ7","modalFooter":"Modals_modal-footer__gg-90","borderTop":"Modals_border-top__cfzhv","modalHeader":"Modals_modal-header__8aswP"};
 
-const ModalBlocker = uuiCore.withMods(uuiComponents.ModalBlocker, () => [
-    css$N.modalBlocker,
-]);
-const ModalWindow = uuiCore.withMods(uuiComponents.ModalWindow, () => [css$N.modal], props => ({ rawProps: {
+const ModalBlocker = uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$O.modalBlocker]);
+const ModalWindow = uuiCore.withMods(uuiComponents.ModalWindow, () => [css$O.modal], (props) => ({
+    rawProps: {
         style: {
             width: `${props.width || 480}px`,
             height: props.height ? `${props.height}px` : 'auto',
@@ -1062,17 +1034,19 @@ const ModalWindow = uuiCore.withMods(uuiComponents.ModalWindow, () => [css$N.mod
 }));
 class ModalHeader extends React__namespace.Component {
     render() {
-        return (React__namespace.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: '12', borderBottom: this.props.borderBottom, cx: [css$N.modalHeader, this.props.cx], spacing: '12', rawProps: this.props.rawProps },
-            this.props.title && React__namespace.createElement(Text, { size: '48', fontSize: '18', font: 'semibold' }, this.props.title),
+        return (React__namespace.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$O.modalHeader, this.props.cx], spacing: "12", rawProps: this.props.rawProps },
+            this.props.title && (React__namespace.createElement(Text, { size: "48", fontSize: "18", font: "semibold" }, this.props.title)),
             this.props.children,
-            this.props.onClose && React__namespace.createElement(FlexSpacer, null),
-            this.props.onClose && React__namespace.createElement(FlexCell, { shrink: 0, width: 'auto' },
-                React__namespace.createElement(IconButton, { icon: ForwardRef$z, onClick: this.props.onClose }))));
+            this.props.onClose && React__namespace.createElement(uuiComponents.FlexSpacer, null),
+            this.props.onClose && (React__namespace.createElement(FlexCell, { shrink: 0, width: "auto" },
+                React__namespace.createElement(IconButton, { icon: ForwardRef$D, onClick: this.props.onClose })))));
     }
 }
 class ModalFooter extends React__namespace.Component {
     render() {
-        return (React__namespace.createElement(FlexRow, { spacing: this.props.spacing || '12', cx: [css$N.modalFooter, this.props.borderTop && css$N.borderTop, this.props.cx], padding: this.props.padding || '24', vPadding: this.props.vPadding || '24', rawProps: this.props.rawProps }, this.props.children));
+        return (React__namespace.createElement(FlexRow, { spacing: this.props.spacing || '12', cx: [
+                css$O.modalFooter, this.props.borderTop && css$O.borderTop, this.props.cx,
+            ], padding: this.props.padding || '24', vPadding: this.props.vPadding || '24', rawProps: this.props.rawProps }, this.props.children));
     }
 }
 
@@ -1129,9 +1103,9 @@ const i18n = Object.assign(Object.assign({}, uuiCore.i18n), { dataPickerBody: {
                 subText: 'We can’t find any item matching your request',
             },
             enableAtLeastOneColumnMessage: 'Please enable at least one column',
-            pinColumnButton: "Pin column",
-            unPinColumnButton: "Unpin column",
-            lockedColumnPinButton: "You cannot unpin this column",
+            pinColumnButton: 'Pin column',
+            unPinColumnButton: 'Unpin column',
+            lockedColumnPinButton: 'You cannot unpin this column',
         },
     }, pickerFilterHeader: {
         sortAscending: 'Sort Ascending',
@@ -1159,23 +1133,23 @@ const i18n = Object.assign(Object.assign({}, uuiCore.i18n), { dataPickerBody: {
         saveButton: 'Save',
     } });
 
-var _path$w;
-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$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 SvgCross = function SvgCross(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.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$y = /*#__PURE__*/React.forwardRef(SvgCross);
+var ForwardRef$C = /*#__PURE__*/React.forwardRef(SvgCross);
 
-var css$M = {"typography-header":"NotificationCard_typography-header__JcbKn","typography-block":"NotificationCard_typography-block__nKwA0","typography-inline":"NotificationCard_typography-inline__BO1HG","typography-16":"NotificationCard_typography-16__mixDm","typography-14":"NotificationCard_typography-14__E40GV","typography-12":"NotificationCard_typography-12__r-3ka","typography-promo":"NotificationCard_typography-promo__P5KSk NotificationCard_typography-header__JcbKn NotificationCard_typography-block__nKwA0 NotificationCard_typography-inline__BO1HG","root":"NotificationCard_root__HP4NM","icon-wrapper":"NotificationCard_icon-wrapper__FZUAl","action-wrapper":"NotificationCard_action-wrapper__MahuR","action-link":"NotificationCard_action-link__DXfp7","close-icon":"NotificationCard_close-icon__p0MvI","main-path":"NotificationCard_main-path__yWH2j","content":"NotificationCard_content__O4mCt","clear-button":"NotificationCard_clear-button__-RzMj","close-wrapper":"NotificationCard_close-wrapper__BVl8x","typographyHeader":"NotificationCard_typography-header__JcbKn","typographyBlock":"NotificationCard_typography-block__nKwA0","typographyInline":"NotificationCard_typography-inline__BO1HG","typography16":"NotificationCard_typography-16__mixDm","typography14":"NotificationCard_typography-14__E40GV","typography12":"NotificationCard_typography-12__r-3ka","typographyPromo":"NotificationCard_typography-promo__P5KSk NotificationCard_typography-header__JcbKn NotificationCard_typography-block__nKwA0 NotificationCard_typography-inline__BO1HG","iconWrapper":"NotificationCard_icon-wrapper__FZUAl","actionWrapper":"NotificationCard_action-wrapper__MahuR","actionLink":"NotificationCard_action-link__DXfp7","closeIcon":"NotificationCard_close-icon__p0MvI","mainPath":"NotificationCard_main-path__yWH2j","clearButton":"NotificationCard_clear-button__-RzMj","closeWrapper":"NotificationCard_close-wrapper__BVl8x"};
+var css$N = {"typography-header":"NotificationCard_typography-header__JcbKn","typography-block":"NotificationCard_typography-block__nKwA0","typography-inline":"NotificationCard_typography-inline__BO1HG","typography-16":"NotificationCard_typography-16__mixDm","typography-14":"NotificationCard_typography-14__E40GV","typography-12":"NotificationCard_typography-12__r-3ka","typography-promo":"NotificationCard_typography-promo__P5KSk NotificationCard_typography-header__JcbKn NotificationCard_typography-block__nKwA0 NotificationCard_typography-inline__BO1HG","root":"NotificationCard_root__HP4NM","icon-wrapper":"NotificationCard_icon-wrapper__FZUAl","action-wrapper":"NotificationCard_action-wrapper__MahuR","action-link":"NotificationCard_action-link__DXfp7","close-icon":"NotificationCard_close-icon__p0MvI","main-path":"NotificationCard_main-path__yWH2j","content":"NotificationCard_content__O4mCt","clear-button":"NotificationCard_clear-button__-RzMj","close-wrapper":"NotificationCard_close-wrapper__BVl8x","typographyHeader":"NotificationCard_typography-header__JcbKn","typographyBlock":"NotificationCard_typography-block__nKwA0","typographyInline":"NotificationCard_typography-inline__BO1HG","typography16":"NotificationCard_typography-16__mixDm","typography14":"NotificationCard_typography-14__E40GV","typography12":"NotificationCard_typography-12__r-3ka","typographyPromo":"NotificationCard_typography-promo__P5KSk NotificationCard_typography-header__JcbKn NotificationCard_typography-block__nKwA0 NotificationCard_typography-inline__BO1HG","iconWrapper":"NotificationCard_icon-wrapper__FZUAl","actionWrapper":"NotificationCard_action-wrapper__MahuR","actionLink":"NotificationCard_action-link__DXfp7","closeIcon":"NotificationCard_close-icon__p0MvI","mainPath":"NotificationCard_main-path__yWH2j","clearButton":"NotificationCard_clear-button__-RzMj","closeWrapper":"NotificationCard_close-wrapper__BVl8x"};
 
 const NotificationCard = React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -1190,100 +1164,106 @@ const NotificationCard = React__namespace.default.forwardRef((props, ref) => {
             (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', props.refreshTimer);
         };
     }, []);
-    return (React__namespace.default.createElement("div", Object.assign({ role: "alert", className: cx__default.default(`notification-card-${props.color}`, css$M.root, props.cx), ref: notificationCardNode }, props.rawProps),
-        React__namespace.default.createElement("div", { className: css$M.mainPath },
-            props.icon && (React__namespace.default.createElement("div", { className: css$M.iconWrapper },
-                React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$M.actionIcon }))),
-            React__namespace.default.createElement("div", { className: css$M.content },
+    return (React__namespace.default.createElement("div", Object.assign({ role: "alert", className: cx__default.default(props.color && `notification-card-${props.color}`, css$N.root, props.cx), ref: notificationCardNode }, props.rawProps),
+        React__namespace.default.createElement("div", { className: css$N.mainPath },
+            props.icon && (React__namespace.default.createElement("div", { className: css$N.iconWrapper },
+                React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$N.actionIcon }))),
+            React__namespace.default.createElement("div", { className: css$N.content },
                 props.children,
-                props.actions && React__namespace.default.createElement("div", { className: css$M.actionWrapper }, props.actions.map(action => (React__namespace.default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$M.actionLink, size: '36', rawProps: action.rawProps }))))),
-            props.onClose && (React__namespace.default.createElement("div", { className: css$M.closeWrapper },
-                React__namespace.default.createElement(IconButton, { icon: ForwardRef$y, color: 'default', onClick: props.onClose, cx: css$M.closeIcon }))))));
+                props.actions && (React__namespace.default.createElement("div", { className: css$N.actionWrapper }, props.actions.map((action) => (React__namespace.default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$N.actionLink, size: "36", rawProps: action.rawProps })))))),
+            props.onClose && (React__namespace.default.createElement("div", { className: css$N.closeWrapper },
+                React__namespace.default.createElement(IconButton, { icon: ForwardRef$C, color: "default", onClick: props.onClose, cx: css$N.closeIcon }))))));
 });
-const WarningNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$C, color: 'warning' }, props, { ref: ref, cx: props.cx }))));
-const SuccessNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$D, color: 'success' }, props, { ref: ref, cx: props.cx }))));
-const HintNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$A, color: 'info' }, props, { ref: ref, cx: props.cx }))));
-const ErrorNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$B, color: 'error' }, props, { ref: ref, cx: props.cx }))));
+const WarningNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$G, color: "warning" }, props, { ref: ref, cx: props.cx }))));
+const SuccessNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$H, color: "success" }, props, { ref: ref, cx: props.cx }))));
+const HintNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$E, color: "info" }, props, { ref: ref, cx: props.cx }))));
+const ErrorNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$F, color: "error" }, props, { ref: ref, cx: props.cx }))));
 class ClearNotification extends React__namespace.default.Component {
     render() {
-        return React__namespace.default.createElement("div", { className: cx__default.default(css$M.notificationWrapper, css$M.clearButton) },
-            React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => this.context.uuiNotifications.clearAll() }));
+        return (React__namespace.default.createElement("div", { className: cx__default.default(css$N.notificationWrapper, css$N.clearButton) },
+            React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => this.context.uuiNotifications.clearAll() })));
     }
 }
 ClearNotification.contextType = uuiCore.UuiContext;
 
-var css$L = {"typography-header":"Tooltip_typography-header__cNsyM","typography-block":"Tooltip_typography-block__l3S7W","typography-inline":"Tooltip_typography-inline__PWbqK","typography-16":"Tooltip_typography-16__v0Yv5","typography-14":"Tooltip_typography-14__WqOph","typography-12":"Tooltip_typography-12__4oje1","typography-promo":"Tooltip_typography-promo__Epmej Tooltip_typography-header__cNsyM Tooltip_typography-block__l3S7W Tooltip_typography-inline__PWbqK","root":"Tooltip_root__zZwnu","typographyHeader":"Tooltip_typography-header__cNsyM","typographyBlock":"Tooltip_typography-block__l3S7W","typographyInline":"Tooltip_typography-inline__PWbqK","typography16":"Tooltip_typography-16__v0Yv5","typography14":"Tooltip_typography-14__WqOph","typography12":"Tooltip_typography-12__4oje1","typographyPromo":"Tooltip_typography-promo__Epmej Tooltip_typography-header__cNsyM Tooltip_typography-block__l3S7W Tooltip_typography-inline__PWbqK"};
+var css$M = {"root":"Tooltip_root__zZwnu"};
 
 function applyTooltipMods(mods) {
     return [
         `tooltip-${mods.color}`,
-        css$L.root,
+        css$M.root,
     ];
 }
 const Tooltip = uuiCore.withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$K = {"typography-header":"LabeledInput_typography-header__HJu91","typography-block":"LabeledInput_typography-block__4Jo8P","typography-inline":"LabeledInput_typography-inline__iNLix","typography-16":"LabeledInput_typography-16__B-aku","typography-14":"LabeledInput_typography-14__YxFLH","typography-12":"LabeledInput_typography-12__Jr6Uq","typography-promo":"LabeledInput_typography-promo__3-e-V LabeledInput_typography-header__HJu91 LabeledInput_typography-block__4Jo8P LabeledInput_typography-inline__iNLix","root":"LabeledInput_root__xDC2q","size-24":"LabeledInput_size-24__0LWBQ","size-30":"LabeledInput_size-30__KDnLe","size-36":"LabeledInput_size-36__4qHf7","size-42":"LabeledInput_size-42__zo6a7","size-48":"LabeledInput_size-48__3NqJt","typographyHeader":"LabeledInput_typography-header__HJu91","typographyBlock":"LabeledInput_typography-block__4Jo8P","typographyInline":"LabeledInput_typography-inline__iNLix","typography16":"LabeledInput_typography-16__B-aku","typography14":"LabeledInput_typography-14__YxFLH","typography12":"LabeledInput_typography-12__Jr6Uq","typographyPromo":"LabeledInput_typography-promo__3-e-V LabeledInput_typography-header__HJu91 LabeledInput_typography-block__4Jo8P LabeledInput_typography-inline__iNLix","size24":"LabeledInput_size-24__0LWBQ","size30":"LabeledInput_size-30__KDnLe","size36":"LabeledInput_size-36__4qHf7","size42":"LabeledInput_size-42__zo6a7","size48":"LabeledInput_size-48__3NqJt"};
+class ConfirmationModal extends React__namespace.Component {
+    render() {
+        let bodyContent;
+        if (this.props.bodyContent) {
+            bodyContent = React__namespace.createElement(Panel, { margin: "24" }, this.props.bodyContent);
+        }
+        return (React__namespace.createElement(ModalBlocker, Object.assign({}, this.props),
+            React__namespace.createElement(ModalWindow, { width: 420 },
+                React__namespace.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
+                React__namespace.createElement(ScrollBars, null, bodyContent),
+                React__namespace.createElement(ModalFooter, null,
+                    React__namespace.createElement(uuiComponents.FlexSpacer, null),
+                    this.props.hideCancelButton || (React__namespace.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), mode: "outline", color: "secondary" })),
+                    React__namespace.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "accent" })))));
+    }
+}
+
+var css$L = {"typography-header":"LabeledInput_typography-header__HJu91","typography-block":"LabeledInput_typography-block__4Jo8P","typography-inline":"LabeledInput_typography-inline__iNLix","typography-16":"LabeledInput_typography-16__B-aku","typography-14":"LabeledInput_typography-14__YxFLH","typography-12":"LabeledInput_typography-12__Jr6Uq","typography-promo":"LabeledInput_typography-promo__3-e-V LabeledInput_typography-header__HJu91 LabeledInput_typography-block__4Jo8P LabeledInput_typography-inline__iNLix","root":"LabeledInput_root__xDC2q","size-24":"LabeledInput_size-24__0LWBQ","size-30":"LabeledInput_size-30__KDnLe","size-36":"LabeledInput_size-36__4qHf7","size-42":"LabeledInput_size-42__zo6a7","size-48":"LabeledInput_size-48__3NqJt","typographyHeader":"LabeledInput_typography-header__HJu91","typographyBlock":"LabeledInput_typography-block__4Jo8P","typographyInline":"LabeledInput_typography-inline__iNLix","typography16":"LabeledInput_typography-16__B-aku","typography14":"LabeledInput_typography-14__YxFLH","typography12":"LabeledInput_typography-12__Jr6Uq","typographyPromo":"LabeledInput_typography-promo__3-e-V LabeledInput_typography-header__HJu91 LabeledInput_typography-block__4Jo8P LabeledInput_typography-inline__iNLix","size24":"LabeledInput_size-24__0LWBQ","size30":"LabeledInput_size-30__KDnLe","size36":"LabeledInput_size-36__4qHf7","size42":"LabeledInput_size-42__zo6a7","size48":"LabeledInput_size-48__3NqJt"};
 
 const defaultSize$7 = '36';
 function applyLabeledInputMods(mods) {
-    return [
-        css$K.root,
-        css$K['size-' + (mods.size || defaultSize$7)],
-    ];
+    return [css$L.root, css$L['size-' + (mods.size || defaultSize$7)]];
 }
 const LabeledInput = uuiCore.withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip,
     infoIcon: systemIcons[props.size || defaultSize$7].help,
 }));
 
-var css$J = {"root":"RadioGroup_root__uLWIn"};
+var css$K = {"root":"RadioGroup_root__uLWIn"};
 
-const RadioGroup = uuiCore.withMods(uuiComponents.RadioGroup, () => [css$J.root], () => ({ RadioInput }));
+const RadioGroup = uuiCore.withMods(uuiComponents.RadioGroup, () => [css$K.root], () => ({ RadioInput }));
 
 function applyScrollBarsMods() {
     return [
-        'uui-scroll-bars',
-        'uui-shadow-top',
-        'uui-shadow-bottom',
+        'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
     ];
 }
 const ScrollBars = uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
 const VirtualList = uuiComponents.VirtualList;
 
-var css$I = {"root":"Blocker_root__OB584"};
+var css$J = {"root":"Blocker_root__OB584"};
 
-var css$H = {"root":"Spinner_root__jJ3FR","uui-spinner":"Spinner_uui-spinner__qD4cq","uuiSpinner":"Spinner_uui-spinner__qD4cq"};
+var css$I = {"root":"Spinner_root__jJ3FR","uui-spinner":"Spinner_uui-spinner__qD4cq","uuiSpinner":"Spinner_uui-spinner__qD4cq"};
 
 function applySpinnerMods() {
-    return [
-        css$H.root,
-    ];
+    return [css$I.root];
 }
 const Spinner = uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-const Blocker = uuiCore.withMods(uuiComponents.Blocker, () => [css$I.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
+const Blocker = uuiCore.withMods(uuiComponents.Blocker, () => [css$J.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
 
-var css$G = {"root":"CheckboxGroup_root__6KmvL"};
+var css$H = {"root":"CheckboxGroup_root__6KmvL"};
 
-const CheckboxGroup = uuiCore.withMods(uuiComponents.CheckboxGroup, () => [css$G.root], () => ({ CheckboxInput: Checkbox }));
+const CheckboxGroup = uuiCore.withMods(uuiComponents.CheckboxGroup, () => [css$H.root], () => ({ CheckboxInput: Checkbox }));
 
 function MultiSwitchComponent(props, ref) {
     return (React__namespace.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist' }) }, props.items.map((item, index) => (React__namespace.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), mode: props.value === item.id ? 'solid' : 'outline', color: props.color === 'secondary' && props.value === item.id ? 'primary' : props.color || 'primary', size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
 }
 const MultiSwitch = React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$F = {"typography-header":"NumericInput_typography-header__GGZXK","typography-block":"NumericInput_typography-block__kzaEI","typography-inline":"NumericInput_typography-inline__i-mmY","typography-16":"NumericInput_typography-16__1kNP6","typography-14":"NumericInput_typography-14__GS-GA","typography-12":"NumericInput_typography-12__-r6Ni","typography-promo":"NumericInput_typography-promo__7QcU- NumericInput_typography-header__GGZXK NumericInput_typography-block__kzaEI NumericInput_typography-inline__i-mmY","root":"NumericInput_root__vElno","size-24":"NumericInput_size-24__9pSyj","size-30":"NumericInput_size-30__kfXj0","size-36":"NumericInput_size-36__tYgRe","size-42":"NumericInput_size-42__RoV0p","size-48":"NumericInput_size-48__wyaYa","mode-form":"NumericInput_mode-form__2EKWT","mode-cell":"NumericInput_mode-cell__oJI4L","typographyHeader":"NumericInput_typography-header__GGZXK","typographyBlock":"NumericInput_typography-block__kzaEI","typographyInline":"NumericInput_typography-inline__i-mmY","typography16":"NumericInput_typography-16__1kNP6","typography14":"NumericInput_typography-14__GS-GA","typography12":"NumericInput_typography-12__-r6Ni","typographyPromo":"NumericInput_typography-promo__7QcU- NumericInput_typography-header__GGZXK NumericInput_typography-block__kzaEI NumericInput_typography-inline__i-mmY","size24":"NumericInput_size-24__9pSyj","size30":"NumericInput_size-30__kfXj0","size36":"NumericInput_size-36__tYgRe","size42":"NumericInput_size-42__RoV0p","size48":"NumericInput_size-48__wyaYa","modeForm":"NumericInput_mode-form__2EKWT","modeCell":"NumericInput_mode-cell__oJI4L"};
+var css$G = {"typography-header":"NumericInput_typography-header__GGZXK","typography-block":"NumericInput_typography-block__kzaEI","typography-inline":"NumericInput_typography-inline__i-mmY","typography-16":"NumericInput_typography-16__1kNP6","typography-14":"NumericInput_typography-14__GS-GA","typography-12":"NumericInput_typography-12__-r6Ni","typography-promo":"NumericInput_typography-promo__7QcU- NumericInput_typography-header__GGZXK NumericInput_typography-block__kzaEI NumericInput_typography-inline__i-mmY","root":"NumericInput_root__vElno","size-24":"NumericInput_size-24__9pSyj","size-30":"NumericInput_size-30__kfXj0","size-36":"NumericInput_size-36__tYgRe","size-42":"NumericInput_size-42__RoV0p","size-48":"NumericInput_size-48__wyaYa","mode-form":"NumericInput_mode-form__2EKWT","mode-cell":"NumericInput_mode-cell__oJI4L","typographyHeader":"NumericInput_typography-header__GGZXK","typographyBlock":"NumericInput_typography-block__kzaEI","typographyInline":"NumericInput_typography-inline__i-mmY","typography16":"NumericInput_typography-16__1kNP6","typography14":"NumericInput_typography-14__GS-GA","typography12":"NumericInput_typography-12__-r6Ni","typographyPromo":"NumericInput_typography-promo__7QcU- NumericInput_typography-header__GGZXK NumericInput_typography-block__kzaEI NumericInput_typography-inline__i-mmY","size24":"NumericInput_size-24__9pSyj","size30":"NumericInput_size-30__kfXj0","size36":"NumericInput_size-36__tYgRe","size42":"NumericInput_size-42__RoV0p","size48":"NumericInput_size-48__wyaYa","modeForm":"NumericInput_mode-form__2EKWT","modeCell":"NumericInput_mode-cell__oJI4L"};
 
-const defaultSize$6 = "36";
+const defaultSize$6 = '36';
 const defaultMode$3 = exports.EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
-        textInputCss.root,
-        css$F.root,
-        css$F["size-" + (mods.size || defaultSize$6)],
-        textInputCss["size-" + (mods.size || defaultSize$6)],
-        textInputCss["mode-" + (mods.mode || defaultMode$3)],
+        textInputCss.root, css$G.root, css$G['size-' + (mods.size || defaultSize$6)], textInputCss['size-' + (mods.size || defaultSize$6)], textInputCss['mode-' + (mods.mode || defaultMode$3)],
     ];
 }
 const NumericInput = uuiCore.withMods(uuiComponents.NumericInput, applyNumericInputMods, (props) => {
@@ -1291,38 +1271,33 @@ const NumericInput = uuiCore.withMods(uuiComponents.NumericInput, applyNumericIn
     return ({
         upIcon: systemIcons[props.size || defaultSize$6].foldingArrow,
         downIcon: systemIcons[props.size || defaultSize$6].foldingArrow,
-        align: (_a = props.align) !== null && _a !== void 0 ? _a : (props.mode === "cell" ? "right" : "left"),
-        disableArrows: (_b = props.disableArrows) !== null && _b !== void 0 ? _b : props.mode === "cell",
+        align: (_a = props.align) !== null && _a !== void 0 ? _a : (props.mode === 'cell' ? 'right' : 'left'),
+        disableArrows: (_b = props.disableArrows) !== null && _b !== void 0 ? _b : props.mode === 'cell',
     });
 });
 
-var css$E = {"typography-header":"TextArea_typography-header__o-1aw","typography-block":"TextArea_typography-block__eszLT","typography-inline":"TextArea_typography-inline__Y5s6o","typography-16":"TextArea_typography-16__FZZaw","typography-14":"TextArea_typography-14__ZQ-8z","typography-12":"TextArea_typography-12__iYiOG","typography-promo":"TextArea_typography-promo__pYQ5f TextArea_typography-header__o-1aw TextArea_typography-block__eszLT TextArea_typography-inline__Y5s6o","root":"TextArea_root__rb0Et","mode-form":"TextArea_mode-form__1DZlL","mode-cell":"TextArea_mode-cell__KthXC","mode-inline":"TextArea_mode-inline__dZEPS","size-24":"TextArea_size-24__-1cgl","size-30":"TextArea_size-30__B2Zjq","size-36":"TextArea_size-36__r2jj6","size-42":"TextArea_size-42__G6PPY","size-48":"TextArea_size-48__1yQdt","typographyHeader":"TextArea_typography-header__o-1aw","typographyBlock":"TextArea_typography-block__eszLT","typographyInline":"TextArea_typography-inline__Y5s6o","typography16":"TextArea_typography-16__FZZaw","typography14":"TextArea_typography-14__ZQ-8z","typography12":"TextArea_typography-12__iYiOG","typographyPromo":"TextArea_typography-promo__pYQ5f TextArea_typography-header__o-1aw TextArea_typography-block__eszLT TextArea_typography-inline__Y5s6o","modeForm":"TextArea_mode-form__1DZlL","modeCell":"TextArea_mode-cell__KthXC","modeInline":"TextArea_mode-inline__dZEPS","size24":"TextArea_size-24__-1cgl","size30":"TextArea_size-30__B2Zjq","size36":"TextArea_size-36__r2jj6","size42":"TextArea_size-42__G6PPY","size48":"TextArea_size-48__1yQdt"};
+var css$F = {"typography-header":"TextArea_typography-header__o-1aw","typography-block":"TextArea_typography-block__eszLT","typography-inline":"TextArea_typography-inline__Y5s6o","typography-16":"TextArea_typography-16__FZZaw","typography-14":"TextArea_typography-14__ZQ-8z","typography-12":"TextArea_typography-12__iYiOG","typography-promo":"TextArea_typography-promo__pYQ5f TextArea_typography-header__o-1aw TextArea_typography-block__eszLT TextArea_typography-inline__Y5s6o","root":"TextArea_root__rb0Et","mode-form":"TextArea_mode-form__1DZlL","mode-cell":"TextArea_mode-cell__KthXC","mode-inline":"TextArea_mode-inline__dZEPS","size-24":"TextArea_size-24__-1cgl","size-30":"TextArea_size-30__B2Zjq","size-36":"TextArea_size-36__r2jj6","size-42":"TextArea_size-42__G6PPY","size-48":"TextArea_size-48__1yQdt","typographyHeader":"TextArea_typography-header__o-1aw","typographyBlock":"TextArea_typography-block__eszLT","typographyInline":"TextArea_typography-inline__Y5s6o","typography16":"TextArea_typography-16__FZZaw","typography14":"TextArea_typography-14__ZQ-8z","typography12":"TextArea_typography-12__iYiOG","typographyPromo":"TextArea_typography-promo__pYQ5f TextArea_typography-header__o-1aw TextArea_typography-block__eszLT TextArea_typography-inline__Y5s6o","modeForm":"TextArea_mode-form__1DZlL","modeCell":"TextArea_mode-cell__KthXC","modeInline":"TextArea_mode-inline__dZEPS","size24":"TextArea_size-24__-1cgl","size30":"TextArea_size-30__B2Zjq","size36":"TextArea_size-36__r2jj6","size42":"TextArea_size-42__G6PPY","size48":"TextArea_size-48__1yQdt"};
 
 const defaultSize$5 = '36';
 const defaultMode$2 = exports.EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
-        css$E.root,
-        css$E['size-' + (mods.size || defaultSize$5)],
-        css$E['mode-' + (mods.mode || defaultMode$2)],
+        css$F.root, css$F['size-' + (mods.size || defaultSize$5)], css$F['mode-' + (mods.mode || defaultMode$2)],
     ];
 }
-const TextArea = uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, props => ({
+const TextArea = uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (props) => ({
     autoSize: props.mode === exports.EditMode.CELL ? true : props.autoSize,
     maxLength: props.mode === exports.EditMode.CELL ? undefined : props.maxLength,
 }));
 
-var css$D = {"typography-header":"DatePicker_typography-header__d3UN6","typography-block":"DatePicker_typography-block__vnQqM","typography-inline":"DatePicker_typography-inline__uM5kg","typography-16":"DatePicker_typography-16__-wmeU","typography-14":"DatePicker_typography-14__Upcdm","typography-12":"DatePicker_typography-12__Z1YnJ","typography-promo":"DatePicker_typography-promo__V5CNx DatePicker_typography-header__d3UN6 DatePicker_typography-block__vnQqM DatePicker_typography-inline__uM5kg","root":"DatePicker_root__kqFyh","typographyHeader":"DatePicker_typography-header__d3UN6","typographyBlock":"DatePicker_typography-block__vnQqM","typographyInline":"DatePicker_typography-inline__uM5kg","typography16":"DatePicker_typography-16__-wmeU","typography14":"DatePicker_typography-14__Upcdm","typography12":"DatePicker_typography-12__Z1YnJ","typographyPromo":"DatePicker_typography-promo__V5CNx DatePicker_typography-header__d3UN6 DatePicker_typography-block__vnQqM DatePicker_typography-inline__uM5kg"};
+var css$E = {"typography-header":"DatePicker_typography-header__d3UN6","typography-block":"DatePicker_typography-block__vnQqM","typography-inline":"DatePicker_typography-inline__uM5kg","typography-16":"DatePicker_typography-16__-wmeU","typography-14":"DatePicker_typography-14__Upcdm","typography-12":"DatePicker_typography-12__Z1YnJ","typography-promo":"DatePicker_typography-promo__V5CNx DatePicker_typography-header__d3UN6 DatePicker_typography-block__vnQqM DatePicker_typography-inline__uM5kg","root":"DatePicker_root__kqFyh","typographyHeader":"DatePicker_typography-header__d3UN6","typographyBlock":"DatePicker_typography-block__vnQqM","typographyInline":"DatePicker_typography-inline__uM5kg","typography16":"DatePicker_typography-16__-wmeU","typography14":"DatePicker_typography-14__Upcdm","typography12":"DatePicker_typography-12__Z1YnJ","typographyPromo":"DatePicker_typography-promo__V5CNx DatePicker_typography-header__d3UN6 DatePicker_typography-block__vnQqM DatePicker_typography-inline__uM5kg"};
 
 var calendarCss = {"typography-header":"Calendar_typography-header__dkLL8","typography-block":"Calendar_typography-block__DXJIH","typography-inline":"Calendar_typography-inline__NGFRU","typography-16":"Calendar_typography-16__FGS6a","typography-14":"Calendar_typography-14__fa4gQ","typography-12":"Calendar_typography-12__8rwED","typography-promo":"Calendar_typography-promo__-3dg- Calendar_typography-header__dkLL8 Calendar_typography-block__DXJIH Calendar_typography-inline__NGFRU","root":"Calendar_root__Vh71D","typographyHeader":"Calendar_typography-header__dkLL8","typographyBlock":"Calendar_typography-block__DXJIH","typographyInline":"Calendar_typography-inline__NGFRU","typography16":"Calendar_typography-16__FGS6a","typography14":"Calendar_typography-14__fa4gQ","typography12":"Calendar_typography-12__8rwED","typographyPromo":"Calendar_typography-promo__-3dg- Calendar_typography-header__dkLL8 Calendar_typography-block__DXJIH Calendar_typography-inline__NGFRU"};
 
 function applyDatePickerBodyMods() {
-    return [
-        css$D.root,
-        calendarCss.root,
-    ];
+    return [css$E.root, calendarCss.root];
 }
-const DatePickerBody = uuiCore.withMods(uuiComponents.DatePickerBody, applyDatePickerBodyMods, () => ({ navIconLeft: ForwardRef$Y, navIconRight: ForwardRef$Y }));
+const DatePickerBody = uuiCore.withMods(uuiComponents.DatePickerBody, applyDatePickerBodyMods, () => ({ navIconLeft: ForwardRef$10, navIconRight: ForwardRef$10 }));
 
 const defaultMode$1 = exports.EditMode.FORM;
 class DatePicker extends uuiComponents.BaseDatePicker {
@@ -1330,25 +1305,37 @@ class DatePicker extends uuiComponents.BaseDatePicker {
         super(...arguments);
         this.renderInput = (props) => {
             var _a;
-            return (React__namespace.default.createElement(TextInput, Object.assign({}, props, { onClick: null, isDropdown: false, cx: uuiCore.cx(this.props.inputCx, this.state.isOpen && uuiCore.uuiMod.focus), icon: this.props.mode !== exports.EditMode.CELL && systemIcons[this.props.size || '36'].calendar, iconPosition: this.props.iconPosition || 'left', placeholder: this.props.placeholder ? this.props.placeholder : this.getFormat(), size: this.props.size || '36', value: this.state.inputValue, onValueChange: this.handleInputChange, onCancel: (this.props.disableClear || !this.state.inputValue) ? undefined : this.handleCancel, isInvalid: this.props.isInvalid, isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, tabIndex: (this.props.isReadonly || this.props.isDisabled) ? -1 : 0, onFocus: this.handleFocus, onBlur: this.handleBlur, mode: this.props.mode || defaultMode$1, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
+            return (React__namespace.default.createElement(TextInput, Object.assign({}, props, { onClick: null, isDropdown: false, cx: uuiCore.cx(this.props.inputCx, this.state.isOpen && uuiCore.uuiMod.focus), icon: this.props.mode !== exports.EditMode.CELL && systemIcons[this.props.size || '36'].calendar, iconPosition: this.props.iconPosition || 'left', placeholder: this.props.placeholder ? this.props.placeholder : this.getFormat(), size: this.props.size || '36', value: this.state.inputValue, onValueChange: this.handleInputChange, onCancel: this.props.disableClear || !this.state.inputValue ? undefined : this.handleCancel, isInvalid: this.props.isInvalid, isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, tabIndex: this.props.isReadonly || this.props.isDisabled ? -1 : 0, onFocus: this.handleFocus, onBlur: this.handleBlur, mode: this.props.mode || defaultMode$1, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
         };
     }
     renderBody(props) {
         var _a, _b, _c;
-        return React__namespace.default.createElement(DropdownContainer, Object.assign({}, props),
+        return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props),
             React__namespace.default.createElement(DatePickerBody, { cx: uuiCore.cx(this.props.bodyCx), filter: this.props.filter, value: this.getValue(), setSelectedDate: this.setSelectedDate, setDisplayedDateAndView: this.setDisplayedDateAndView, changeIsOpen: this.onToggle, renderDay: this.props.renderDay, isHoliday: this.props.isHoliday, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body }), (_c = (_b = this.props).renderFooter) === null || _c === void 0 ? void 0 :
-            _c.call(_b));
+            _c.call(_b)));
     }
 }
 
 function applyDateSelectionMods() {
+    return [calendarCss.root];
+}
+const Calendar = uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
+
+var rangeCss = {"typography-header":"RangeDatePickerBody_typography-header__yuzZD","typography-block":"RangeDatePickerBody_typography-block__lYgPa","typography-inline":"RangeDatePickerBody_typography-inline__E8RNG","typography-16":"RangeDatePickerBody_typography-16__9uEL3","typography-14":"RangeDatePickerBody_typography-14__TEa5n","typography-12":"RangeDatePickerBody_typography-12__S-NBX","typography-promo":"RangeDatePickerBody_typography-promo__4VksA RangeDatePickerBody_typography-header__yuzZD RangeDatePickerBody_typography-block__lYgPa RangeDatePickerBody_typography-inline__E8RNG","root":"RangeDatePickerBody_root__CCVfb","typographyHeader":"RangeDatePickerBody_typography-header__yuzZD","typographyBlock":"RangeDatePickerBody_typography-block__lYgPa","typographyInline":"RangeDatePickerBody_typography-inline__E8RNG","typography16":"RangeDatePickerBody_typography-16__9uEL3","typography14":"RangeDatePickerBody_typography-14__TEa5n","typography12":"RangeDatePickerBody_typography-12__S-NBX","typographyPromo":"RangeDatePickerBody_typography-promo__4VksA RangeDatePickerBody_typography-header__yuzZD RangeDatePickerBody_typography-block__lYgPa RangeDatePickerBody_typography-inline__E8RNG"};
+
+var calendarPresetsCss = {"typography-header":"CalendarPresets_typography-header__D2UZW","typography-block":"CalendarPresets_typography-block__68m9o","typography-inline":"CalendarPresets_typography-inline__5mzPE","typography-16":"CalendarPresets_typography-16__-TrF-","typography-14":"CalendarPresets_typography-14__-onzo","typography-12":"CalendarPresets_typography-12__zE74w","typography-promo":"CalendarPresets_typography-promo__Zp05u CalendarPresets_typography-header__D2UZW CalendarPresets_typography-block__68m9o CalendarPresets_typography-inline__5mzPE","root":"CalendarPresets_root__5O668","typographyHeader":"CalendarPresets_typography-header__D2UZW","typographyBlock":"CalendarPresets_typography-block__68m9o","typographyInline":"CalendarPresets_typography-inline__5mzPE","typography16":"CalendarPresets_typography-16__-TrF-","typography14":"CalendarPresets_typography-14__-onzo","typography12":"CalendarPresets_typography-12__zE74w","typographyPromo":"CalendarPresets_typography-promo__Zp05u CalendarPresets_typography-header__D2UZW CalendarPresets_typography-block__68m9o CalendarPresets_typography-inline__5mzPE"};
+
+function applyRangeDatePickerBodyMods() {
     return [
-        calendarCss.root,
+        css$E.root, rangeCss.root, calendarCss.root, calendarPresetsCss.root,
     ];
 }
-const Calendar = uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
+const RangeDatePickerBody = uuiCore.withMods(uuiComponents.RangeDatePickerBody, applyRangeDatePickerBodyMods, () => ({
+    navIconLeft: ForwardRef$10,
+    navIconRight: ForwardRef$10,
+}));
 
-var css$C = {"typography-header":"RangeDatePicker_typography-header__1MSa3","typography-block":"RangeDatePicker_typography-block__pC0T7","typography-inline":"RangeDatePicker_typography-inline__efdyU","typography-16":"RangeDatePicker_typography-16__FHiRR","typography-14":"RangeDatePicker_typography-14__5MCXV","typography-12":"RangeDatePicker_typography-12__zcQS2","typography-promo":"RangeDatePicker_typography-promo__GtLFC RangeDatePicker_typography-header__1MSa3 RangeDatePicker_typography-block__pC0T7 RangeDatePicker_typography-inline__efdyU","dropdown-container":"RangeDatePicker_dropdown-container__GJh6o","container":"RangeDatePicker_container__Kz2FS","button-group":"RangeDatePicker_button-group__a-twv","counter":"RangeDatePicker_counter__rNj2e","date-input":"RangeDatePicker_date-input__2aXJj","size-24":"RangeDatePicker_size-24__64v-x","size-30":"RangeDatePicker_size-30__7OPWW","size-36":"RangeDatePicker_size-36__urHhS","size-42":"RangeDatePicker_size-42__VMCut","size-48":"RangeDatePicker_size-48__YHcLe","date-input-group":"RangeDatePicker_date-input-group__CGdCd","separator":"RangeDatePicker_separator__qmCk8","mode-form":"RangeDatePicker_mode-form__o0e0M","mode-cell":"RangeDatePicker_mode-cell__neiVz","typographyHeader":"RangeDatePicker_typography-header__1MSa3","typographyBlock":"RangeDatePicker_typography-block__pC0T7","typographyInline":"RangeDatePicker_typography-inline__efdyU","typography16":"RangeDatePicker_typography-16__FHiRR","typography14":"RangeDatePicker_typography-14__5MCXV","typography12":"RangeDatePicker_typography-12__zcQS2","typographyPromo":"RangeDatePicker_typography-promo__GtLFC RangeDatePicker_typography-header__1MSa3 RangeDatePicker_typography-block__pC0T7 RangeDatePicker_typography-inline__efdyU","dropdownContainer":"RangeDatePicker_dropdown-container__GJh6o","buttonGroup":"RangeDatePicker_button-group__a-twv","dateInput":"RangeDatePicker_date-input__2aXJj","size24":"RangeDatePicker_size-24__64v-x","size30":"RangeDatePicker_size-30__7OPWW","size36":"RangeDatePicker_size-36__urHhS","size42":"RangeDatePicker_size-42__VMCut","size48":"RangeDatePicker_size-48__YHcLe","dateInputGroup":"RangeDatePicker_date-input-group__CGdCd","modeForm":"RangeDatePicker_mode-form__o0e0M","modeCell":"RangeDatePicker_mode-cell__neiVz"};
+var css$D = {"typography-header":"RangeDatePicker_typography-header__1MSa3","typography-block":"RangeDatePicker_typography-block__pC0T7","typography-inline":"RangeDatePicker_typography-inline__efdyU","typography-16":"RangeDatePicker_typography-16__FHiRR","typography-14":"RangeDatePicker_typography-14__5MCXV","typography-12":"RangeDatePicker_typography-12__zcQS2","typography-promo":"RangeDatePicker_typography-promo__GtLFC RangeDatePicker_typography-header__1MSa3 RangeDatePicker_typography-block__pC0T7 RangeDatePicker_typography-inline__efdyU","dropdown-container":"RangeDatePicker_dropdown-container__GJh6o","container":"RangeDatePicker_container__Kz2FS","button-group":"RangeDatePicker_button-group__a-twv","date-input":"RangeDatePicker_date-input__2aXJj","size-24":"RangeDatePicker_size-24__64v-x","size-30":"RangeDatePicker_size-30__7OPWW","size-36":"RangeDatePicker_size-36__urHhS","size-42":"RangeDatePicker_size-42__VMCut","size-48":"RangeDatePicker_size-48__YHcLe","date-input-group":"RangeDatePicker_date-input-group__CGdCd","separator":"RangeDatePicker_separator__qmCk8","mode-form":"RangeDatePicker_mode-form__o0e0M","mode-cell":"RangeDatePicker_mode-cell__neiVz","typographyHeader":"RangeDatePicker_typography-header__1MSa3","typographyBlock":"RangeDatePicker_typography-block__pC0T7","typographyInline":"RangeDatePicker_typography-inline__efdyU","typography16":"RangeDatePicker_typography-16__FHiRR","typography14":"RangeDatePicker_typography-14__5MCXV","typography12":"RangeDatePicker_typography-12__zcQS2","typographyPromo":"RangeDatePicker_typography-promo__GtLFC RangeDatePicker_typography-header__1MSa3 RangeDatePicker_typography-block__pC0T7 RangeDatePicker_typography-inline__efdyU","dropdownContainer":"RangeDatePicker_dropdown-container__GJh6o","buttonGroup":"RangeDatePicker_button-group__a-twv","dateInput":"RangeDatePicker_date-input__2aXJj","size24":"RangeDatePicker_size-24__64v-x","size30":"RangeDatePicker_size-30__7OPWW","size36":"RangeDatePicker_size-36__urHhS","size42":"RangeDatePicker_size-42__VMCut","size48":"RangeDatePicker_size-48__YHcLe","dateInputGroup":"RangeDatePicker_date-input-group__CGdCd","modeForm":"RangeDatePicker_mode-form__o0e0M","modeCell":"RangeDatePicker_mode-cell__neiVz"};
 
 const defaultValue = { from: null, to: null };
 class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
@@ -1356,49 +1343,35 @@ class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
         super(...arguments);
         this.renderInput = (props) => {
             var _a, _b;
-            return (React__namespace.createElement("div", { className: cx__default.default(this.props.inputCx, css$C.dateInputGroup, this.props.isDisabled && uuiCore.uuiMod.disabled, this.props.isReadonly && uuiCore.uuiMod.readonly, this.props.isInvalid && uuiCore.uuiMod.invalid, this.state.inFocus && uuiCore.uuiMod.focus), onClick: !this.props.isDisabled && props.onClick, onBlur: this.handleWrapperBlur, ref: props.ref },
-                React__namespace.createElement(TextInput, { icon: systemIcons[this.props.size || '36'].calendar, cx: cx__default.default(this.props.bodyCx, css$C.dateInput, css$C['size-' + (this.props.size || 36)], this.state.inFocus === 'from' && uuiCore.uuiMod.focus), size: this.props.size || '36', placeholder: this.props.getPlaceholder ? this.props.getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: this.state.inputValue.from, onValueChange: this.getChangeHandler('from'), isInvalid: this.props.isInvalid, isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, onFocus: (event) => this.handleFocus(event, 'from'), onBlur: (event) => this.handleBlur(event, 'from'), isDropdown: false, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.from }),
-                React__namespace.createElement("div", { className: css$C.separator }),
-                React__namespace.createElement(TextInput, { cx: cx__default.default(this.props.bodyCx, css$C.dateInput, css$C['size-' + (this.props.size || 36)], this.state.inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: this.props.getPlaceholder ? this.props.getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: this.props.size || '36', value: this.state.inputValue.to, onCancel: this.props.disableClear ? null : this.state.inputValue.from && this.state.inputValue.to && this.handleCancel, onValueChange: this.getChangeHandler('to'), isInvalid: this.props.isInvalid, isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, onFocus: (e) => this.handleFocus(e, 'to'), onBlur: (e) => this.handleBlur(e, 'to'), isDropdown: false, rawProps: (_b = this.props.rawProps) === null || _b === void 0 ? void 0 : _b.to })));
+            return (React__namespace.createElement("div", { className: cx__default.default(this.props.inputCx, css$D.dateInputGroup, this.props.isDisabled && uuiCore.uuiMod.disabled, this.props.isReadonly && uuiCore.uuiMod.readonly, this.props.isInvalid && uuiCore.uuiMod.invalid, this.state.inFocus && uuiCore.uuiMod.focus), onClick: !this.props.isDisabled && props.onClick, onBlur: this.handleWrapperBlur, ref: props.ref },
+                React__namespace.createElement(TextInput, { icon: systemIcons[this.props.size || '36'].calendar, cx: cx__default.default(css$D.dateInput, css$D['size-' + (this.props.size || 36)], this.state.inFocus === 'from' && uuiCore.uuiMod.focus), size: this.props.size || '36', placeholder: this.props.getPlaceholder ? this.props.getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: this.state.inputValue.from, onValueChange: this.getChangeHandler('from'), isInvalid: this.props.isInvalid, isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, onFocus: (event) => this.handleFocus(event, 'from'), onBlur: (event) => this.handleBlur(event, 'from'), isDropdown: false, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.from }),
+                React__namespace.createElement("div", { className: css$D.separator }),
+                React__namespace.createElement(TextInput, { cx: cx__default.default(css$D.dateInput, css$D['size-' + (this.props.size || 36)], this.state.inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: this.props.getPlaceholder ? this.props.getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: this.props.size || '36', value: this.state.inputValue.to, onCancel: this.props.disableClear ? null : this.state.inputValue.from && this.state.inputValue.to && this.handleCancel, onValueChange: this.getChangeHandler('to'), isInvalid: this.props.isInvalid, isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, onFocus: (e) => this.handleFocus(e, 'to'), onBlur: (e) => this.handleBlur(e, 'to'), isDropdown: false, rawProps: (_b = this.props.rawProps) === null || _b === void 0 ? void 0 : _b.to })));
         };
     }
     renderBody(props) {
         var _a;
-        return (React__namespace.createElement(DropdownContainer, Object.assign({}, props, { cx: cx__default.default(css$C.dropdownContainer) }),
+        return (React__namespace.createElement(DropdownContainer, Object.assign({}, props, { cx: cx__default.default(css$D.dropdownContainer) }),
             React__namespace.createElement(FlexRow, null,
                 React__namespace.createElement(RangeDatePickerBody, { cx: cx__default.default(this.props.bodyCx), value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, changeIsOpen: this.toggleOpening, presets: this.props.presets, focusPart: this.state.inFocus, renderDay: this.props.renderDay, renderFooter: this.props.renderFooter && (() => this.props.renderFooter(this.props.value || defaultValue)), isHoliday: this.props.isHoliday, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body }))));
     }
 }
 
-var rangeCss = {"typography-header":"RangeDatePickerBody_typography-header__yuzZD","typography-block":"RangeDatePickerBody_typography-block__lYgPa","typography-inline":"RangeDatePickerBody_typography-inline__E8RNG","typography-16":"RangeDatePickerBody_typography-16__9uEL3","typography-14":"RangeDatePickerBody_typography-14__TEa5n","typography-12":"RangeDatePickerBody_typography-12__S-NBX","typography-promo":"RangeDatePickerBody_typography-promo__4VksA RangeDatePickerBody_typography-header__yuzZD RangeDatePickerBody_typography-block__lYgPa RangeDatePickerBody_typography-inline__E8RNG","root":"RangeDatePickerBody_root__CCVfb","typographyHeader":"RangeDatePickerBody_typography-header__yuzZD","typographyBlock":"RangeDatePickerBody_typography-block__lYgPa","typographyInline":"RangeDatePickerBody_typography-inline__E8RNG","typography16":"RangeDatePickerBody_typography-16__9uEL3","typography14":"RangeDatePickerBody_typography-14__TEa5n","typography12":"RangeDatePickerBody_typography-12__S-NBX","typographyPromo":"RangeDatePickerBody_typography-promo__4VksA RangeDatePickerBody_typography-header__yuzZD RangeDatePickerBody_typography-block__lYgPa RangeDatePickerBody_typography-inline__E8RNG"};
-
-var calendarPresetsCss = {"typography-header":"CalendarPresets_typography-header__D2UZW","typography-block":"CalendarPresets_typography-block__68m9o","typography-inline":"CalendarPresets_typography-inline__5mzPE","typography-16":"CalendarPresets_typography-16__-TrF-","typography-14":"CalendarPresets_typography-14__-onzo","typography-12":"CalendarPresets_typography-12__zE74w","typography-promo":"CalendarPresets_typography-promo__Zp05u CalendarPresets_typography-header__D2UZW CalendarPresets_typography-block__68m9o CalendarPresets_typography-inline__5mzPE","root":"CalendarPresets_root__5O668","typographyHeader":"CalendarPresets_typography-header__D2UZW","typographyBlock":"CalendarPresets_typography-block__68m9o","typographyInline":"CalendarPresets_typography-inline__5mzPE","typography16":"CalendarPresets_typography-16__-TrF-","typography14":"CalendarPresets_typography-14__-onzo","typography12":"CalendarPresets_typography-12__zE74w","typographyPromo":"CalendarPresets_typography-promo__Zp05u CalendarPresets_typography-header__D2UZW CalendarPresets_typography-block__68m9o CalendarPresets_typography-inline__5mzPE"};
-
-function applyRangeDatePickerBodyMods() {
-    return [
-        css$D.root,
-        rangeCss.root,
-        calendarCss.root,
-        calendarPresetsCss.root,
-    ];
-}
-const RangeDatePickerBody = uuiCore.withMods(uuiComponents.RangeDatePickerBody, applyRangeDatePickerBodyMods, () => ({ navIconLeft: ForwardRef$Y, navIconRight: ForwardRef$Y }));
-
-var css$B = {"typography-header":"DropMarker_typography-header__W65wc","typography-block":"DropMarker_typography-block__uaCk0","typography-inline":"DropMarker_typography-inline__tZ3Y-","typography-16":"DropMarker_typography-16__o-pNo","typography-14":"DropMarker_typography-14__so29S","typography-12":"DropMarker_typography-12__UmnG8","typography-promo":"DropMarker_typography-promo__rioi4 DropMarker_typography-header__W65wc DropMarker_typography-block__uaCk0 DropMarker_typography-inline__tZ3Y-","blocker":"DropMarker_blocker__x-t-D","marker":"DropMarker_marker__5weO4","top":"DropMarker_top__a-UDx","bottom":"DropMarker_bottom__kUP91","left":"DropMarker_left__w5JwO","right":"DropMarker_right__zAmSs","inside":"DropMarker_inside__SfmMo","typographyHeader":"DropMarker_typography-header__W65wc","typographyBlock":"DropMarker_typography-block__uaCk0","typographyInline":"DropMarker_typography-inline__tZ3Y-","typography16":"DropMarker_typography-16__o-pNo","typography14":"DropMarker_typography-14__so29S","typography12":"DropMarker_typography-12__UmnG8","typographyPromo":"DropMarker_typography-promo__rioi4 DropMarker_typography-header__W65wc DropMarker_typography-block__uaCk0 DropMarker_typography-inline__tZ3Y-"};
+var css$C = {"typography-header":"DropMarker_typography-header__W65wc","typography-block":"DropMarker_typography-block__uaCk0","typography-inline":"DropMarker_typography-inline__tZ3Y-","typography-16":"DropMarker_typography-16__o-pNo","typography-14":"DropMarker_typography-14__so29S","typography-12":"DropMarker_typography-12__UmnG8","typography-promo":"DropMarker_typography-promo__rioi4 DropMarker_typography-header__W65wc DropMarker_typography-block__uaCk0 DropMarker_typography-inline__tZ3Y-","blocker":"DropMarker_blocker__x-t-D","marker":"DropMarker_marker__5weO4","top":"DropMarker_top__a-UDx","bottom":"DropMarker_bottom__kUP91","left":"DropMarker_left__w5JwO","right":"DropMarker_right__zAmSs","inside":"DropMarker_inside__SfmMo","typographyHeader":"DropMarker_typography-header__W65wc","typographyBlock":"DropMarker_typography-block__uaCk0","typographyInline":"DropMarker_typography-inline__tZ3Y-","typography16":"DropMarker_typography-16__o-pNo","typography14":"DropMarker_typography-14__so29S","typography12":"DropMarker_typography-12__UmnG8","typographyPromo":"DropMarker_typography-promo__rioi4 DropMarker_typography-header__W65wc DropMarker_typography-block__uaCk0 DropMarker_typography-inline__tZ3Y-"};
 
 class DropMarker extends React__namespace.Component {
     render() {
-        return this.props.isDndInProgress ? React__namespace.createElement(React__namespace.Fragment, null,
-            this.props.enableBlocker && React__namespace.createElement("div", { className: css$B.blocker }),
-            React__namespace.createElement("div", { className: cx__default.default({
-                    [css$B.marker]: true,
-                    [css$B[this.props.position]]: true,
-                    [this.props.cx]: !!this.props.cx,
-                }) })) : null;
+        var _a;
+        return this.props.isDndInProgress ? (React__namespace.createElement(React__namespace.Fragment, null,
+            this.props.enableBlocker && React__namespace.createElement("div", { className: css$C.blocker }),
+            React__namespace.createElement("div", { className: cx__default.default([
+                    css$C.marker, css$C[this.props.position],
+                    (_a = this.props) === null || _a === void 0 ? void 0 : _a.cx,
+                ]) }))) : null;
     }
 }
 
-var css$A = {"typography-header":"DataPickerBody_typography-header__AlPy4","typography-block":"DataPickerBody_typography-block__BIQe2","typography-inline":"DataPickerBody_typography-inline__lOHW0","typography-16":"DataPickerBody_typography-16__P2rqG","typography-14":"DataPickerBody_typography-14__kmNXP","typography-12":"DataPickerBody_typography-12__W2f-m","typography-promo":"DataPickerBody_typography-promo__VoJO5 DataPickerBody_typography-header__AlPy4 DataPickerBody_typography-block__BIQe2 DataPickerBody_typography-inline__lOHW0","body":"DataPickerBody_body__9Atow","multi":"DataPickerBody_multi__sToHj","modal":"DataPickerBody_modal__zvOE2","search-wrapper":"DataPickerBody_search-wrapper__UeG2b","checkbox":"DataPickerBody_checkbox__EFs7y","no-found-size-24":"DataPickerBody_no-found-size-24__4RC9-","no-found-size-30":"DataPickerBody_no-found-size-30__M8eYW","no-found-size-36":"DataPickerBody_no-found-size-36__jr82u","no-found-size-42":"DataPickerBody_no-found-size-42__9WVA5","typographyHeader":"DataPickerBody_typography-header__AlPy4","typographyBlock":"DataPickerBody_typography-block__BIQe2","typographyInline":"DataPickerBody_typography-inline__lOHW0","typography16":"DataPickerBody_typography-16__P2rqG","typography14":"DataPickerBody_typography-14__kmNXP","typography12":"DataPickerBody_typography-12__W2f-m","typographyPromo":"DataPickerBody_typography-promo__VoJO5 DataPickerBody_typography-header__AlPy4 DataPickerBody_typography-block__BIQe2 DataPickerBody_typography-inline__lOHW0","searchWrapper":"DataPickerBody_search-wrapper__UeG2b","noFoundSize24":"DataPickerBody_no-found-size-24__4RC9-","noFoundSize30":"DataPickerBody_no-found-size-30__M8eYW","noFoundSize36":"DataPickerBody_no-found-size-36__jr82u","noFoundSize42":"DataPickerBody_no-found-size-42__9WVA5"};
+var css$B = {"typography-header":"DataPickerBody_typography-header__AlPy4","typography-block":"DataPickerBody_typography-block__BIQe2","typography-inline":"DataPickerBody_typography-inline__lOHW0","typography-16":"DataPickerBody_typography-16__P2rqG","typography-14":"DataPickerBody_typography-14__kmNXP","typography-12":"DataPickerBody_typography-12__W2f-m","typography-promo":"DataPickerBody_typography-promo__VoJO5 DataPickerBody_typography-header__AlPy4 DataPickerBody_typography-block__BIQe2 DataPickerBody_typography-inline__lOHW0","body":"DataPickerBody_body__9Atow","modal":"DataPickerBody_modal__zvOE2","search-wrapper":"DataPickerBody_search-wrapper__UeG2b","checkbox":"DataPickerBody_checkbox__EFs7y","no-found-size-24":"DataPickerBody_no-found-size-24__4RC9-","no-found-size-30":"DataPickerBody_no-found-size-30__M8eYW","no-found-size-36":"DataPickerBody_no-found-size-36__jr82u","no-found-size-42":"DataPickerBody_no-found-size-42__9WVA5","typographyHeader":"DataPickerBody_typography-header__AlPy4","typographyBlock":"DataPickerBody_typography-block__BIQe2","typographyInline":"DataPickerBody_typography-inline__lOHW0","typography16":"DataPickerBody_typography-16__P2rqG","typography14":"DataPickerBody_typography-14__kmNXP","typography12":"DataPickerBody_typography-12__W2f-m","typographyPromo":"DataPickerBody_typography-promo__VoJO5 DataPickerBody_typography-header__AlPy4 DataPickerBody_typography-block__BIQe2 DataPickerBody_typography-inline__lOHW0","searchWrapper":"DataPickerBody_search-wrapper__UeG2b","noFoundSize24":"DataPickerBody_no-found-size-24__4RC9-","noFoundSize30":"DataPickerBody_no-found-size-30__M8eYW","noFoundSize36":"DataPickerBody_no-found-size-36__jr82u","noFoundSize42":"DataPickerBody_no-found-size-42__9WVA5"};
 
 class DataPickerBody extends uuiComponents.PickerBodyBase {
     constructor() {
@@ -1410,79 +1383,78 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
         if (this.props.renderNotFound) {
             return this.props.renderNotFound();
         }
-        return React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$A[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: 'center' },
-            React__namespace.default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage));
+        return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$B[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
+            React__namespace.default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
     }
     render() {
-        const searchSize = uuiCore.isMobile() ? '48' : (this.props.searchSize || '36');
-        return React__namespace.default.createElement(React__namespace.default.Fragment, null,
-            this.showSearch() && (React__namespace.default.createElement("div", { key: 'search', className: css$A.searchWrapper },
+        const searchSize = uuiCore.isMobile() ? '48' : this.props.searchSize || '36';
+        return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
+            this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$B.searchWrapper },
                 React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
                     React__namespace.default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize }))))),
-            React__namespace.default.createElement(FlexRow, { key: 'body', cx: uuiCore.cx(css$A.body, css$A[this.props.editMode], css$A[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight } } }, this.props.rowsCount > 0
-                ? React__namespace.default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, role: 'listbox', rawProps: this.props.rawProps, rowsCount: this.props.rowsCount }))
-                : this.renderNotFound()));
+            React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx(css$B.body, css$B[this.props.editMode], css$B[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight } } }, this.props.rowsCount > 0 ? (React__namespace.default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, role: "listbox", rawProps: this.props.rawProps, rowsCount: this.props.rowsCount }))) : (this.renderNotFound()))));
     }
 }
 
 const switchSizes = {
-    '24': '12',
-    '36': '18',
-    '42': '24',
-    '48': '24',
-};
-const DataPickerFooterImpl = (props) => {
-    const { clearSelection, view, showSelected } = props;
-    const size = uuiCore.isMobile() ? '48' : (props.size || '36');
+    24: '12',
+    36: '18',
+    42: '24',
+    48: '24',
+};
+function DataPickerFooterImpl(props) {
+    const { clearSelection, view, showSelected, selectionMode, } = props;
+    const size = uuiCore.isMobile() ? '48' : props.size || '36';
     const switchSize = switchSizes[size];
-    const hasSelection = view.getSelectedRows().length > 0;
+    const hasSelection = view.getSelectedRowsCount() > 0;
+    const isSinglePicker = selectionMode === 'single';
+    const clearAllText = i18n.pickerInput.clearSelectionButton;
+    const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
+    const selectAllText = i18n.pickerInput.selectAllButton;
     const handleKeyDown = (e) => {
         if (!e.shiftKey && e.key === 'Tab')
             e.preventDefault();
     };
-    return (React__namespace.default.createElement(FlexRow, { padding: '12' },
-        !props.hideShowOnlySelected && React__namespace.default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel }),
-        React__namespace.default.createElement(FlexSpacer, null),
-        view.selectAll && (React__namespace.default.createElement(FlexCell, { width: 'auto', alignSelf: 'center' },
-            React__namespace.default.createElement(LinkButton, { size: size, caption: hasSelection
-                    ? i18n.pickerInput.clearSelectionButton
-                    : i18n.pickerInput.selectAllButton, onClick: hasSelection
-                    ? clearSelection
-                    : () => view.selectAll.onValueChange(true), rawProps: { onKeyDown: handleKeyDown } })))));
-};
+    return (React__namespace.default.createElement(FlexRow, { padding: "12" },
+        !isSinglePicker && (React__namespace.default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
+        React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
+        React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
+            view.selectAll && (React__namespace.default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: { onKeyDown: handleKeyDown } })),
+            !view.selectAll && (React__namespace.default.createElement(LinkButton, { isDisabled: !hasSelection, size: size, caption: isSinglePicker ? clearSingleText : clearAllText, onClick: clearSelection, rawProps: { onKeyDown: handleKeyDown } })))));
+}
 const DataPickerFooter = React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$z = {"header":"DataPickerHeader_header__UDMhr","close":"DataPickerHeader_close__30pW6"};
+var css$A = {"header":"DataPickerHeader_header__UDMhr","close":"DataPickerHeader_close__30pW6"};
 
-var _path$v;
-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$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 SvgNavigationClose24 = function SvgNavigationClose24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
     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__namespace.createElement("path", {
+  }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.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$x = /*#__PURE__*/React.forwardRef(SvgNavigationClose24);
+var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgNavigationClose24);
 
-const DataPickerHeaderImpl = props => {
-    const title = props.title ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
-    return (React__namespace.default.createElement(FlexRow, { alignItems: 'center', borderBottom: true, size: "48", cx: css$z.header },
-        React__namespace.default.createElement(Text, { font: 'semibold' }, title),
-        React__namespace.default.createElement(IconButton, { icon: ForwardRef$x, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$z.close })));
+const DataPickerHeaderImpl = (props) => {
+    const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
+    return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, size: "48", cx: css$A.header },
+        React__namespace.default.createElement(Text, { font: "semibold" }, title),
+        React__namespace.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 })));
 };
 const DataPickerHeader = React__namespace.default.memo(DataPickerHeaderImpl);
 
 var _defs$1, _use;
-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); }
+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 SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
@@ -1500,47 +1472,38 @@ var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
     fillRule: "evenodd"
   })));
 };
-var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgTreeFoldingArrow);
+var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgTreeFoldingArrow);
 
-var css$y = {"cell":"DataTableCell_cell__VgHTT","wrapper":"DataTableCell_wrapper__6hBNx","align-widgets-top":"DataTableCell_align-widgets-top__7LNVl","size-24":"DataTableCell_size-24__g6m7O","folding-arrow":"DataTableCell_folding-arrow__6iI4s","size-30":"DataTableCell_size-30__hpjkm","size-36":"DataTableCell_size-36__8qiBq","size-42":"DataTableCell_size-42__jJMhr","size-48":"DataTableCell_size-48__XXrAx","size-60":"DataTableCell_size-60__0XLPh","align-widgets-center":"DataTableCell_align-widgets-center__VXHNb","padding-12":"DataTableCell_padding-12__xvGe5","padding-24":"DataTableCell_padding-24__r322g","padding-left-12":"DataTableCell_padding-left-12__g6QSx","padding-left-24":"DataTableCell_padding-left-24__vm-bI","padding-right-24":"DataTableCell_padding-right-24__CjNWh","drag-handle":"DataTableCell_drag-handle__Ge7UM","checkbox":"DataTableCell_checkbox__sY2kh","indent":"DataTableCell_indent__lcZWO","folding-arrow-12":"DataTableCell_folding-arrow-12__mVKaH","folding-arrow-18":"DataTableCell_folding-arrow-18__hiEIW","icon-container":"DataTableCell_icon-container__1fR7V","alignWidgetsTop":"DataTableCell_align-widgets-top__7LNVl","size24":"DataTableCell_size-24__g6m7O","foldingArrow":"DataTableCell_folding-arrow__6iI4s","size30":"DataTableCell_size-30__hpjkm","size36":"DataTableCell_size-36__8qiBq","size42":"DataTableCell_size-42__jJMhr","size48":"DataTableCell_size-48__XXrAx","size60":"DataTableCell_size-60__0XLPh","alignWidgetsCenter":"DataTableCell_align-widgets-center__VXHNb","padding12":"DataTableCell_padding-12__xvGe5","padding24":"DataTableCell_padding-24__r322g","paddingLeft12":"DataTableCell_padding-left-12__g6QSx","paddingLeft24":"DataTableCell_padding-left-24__vm-bI","paddingRight24":"DataTableCell_padding-right-24__CjNWh","dragHandle":"DataTableCell_drag-handle__Ge7UM","foldingArrow12":"DataTableCell_folding-arrow-12__mVKaH","foldingArrow18":"DataTableCell_folding-arrow-18__hiEIW","iconContainer":"DataTableCell_icon-container__1fR7V"};
+var css$z = {"cell":"DataTableCell_cell__VgHTT","wrapper":"DataTableCell_wrapper__6hBNx","align-widgets-top":"DataTableCell_align-widgets-top__7LNVl","size-24":"DataTableCell_size-24__g6m7O","folding-arrow":"DataTableCell_folding-arrow__6iI4s","size-30":"DataTableCell_size-30__hpjkm","size-36":"DataTableCell_size-36__8qiBq","size-42":"DataTableCell_size-42__jJMhr","size-48":"DataTableCell_size-48__XXrAx","size-60":"DataTableCell_size-60__0XLPh","align-widgets-center":"DataTableCell_align-widgets-center__VXHNb","padding-12":"DataTableCell_padding-12__xvGe5","padding-24":"DataTableCell_padding-24__r322g","padding-left-12":"DataTableCell_padding-left-12__g6QSx","padding-left-24":"DataTableCell_padding-left-24__vm-bI","padding-right-24":"DataTableCell_padding-right-24__CjNWh","drag-handle":"DataTableCell_drag-handle__Ge7UM","checkbox":"DataTableCell_checkbox__sY2kh","indent":"DataTableCell_indent__lcZWO","folding-arrow-12":"DataTableCell_folding-arrow-12__mVKaH","folding-arrow-18":"DataTableCell_folding-arrow-18__hiEIW","icon-container":"DataTableCell_icon-container__1fR7V","alignWidgetsTop":"DataTableCell_align-widgets-top__7LNVl","size24":"DataTableCell_size-24__g6m7O","foldingArrow":"DataTableCell_folding-arrow__6iI4s","size30":"DataTableCell_size-30__hpjkm","size36":"DataTableCell_size-36__8qiBq","size42":"DataTableCell_size-42__jJMhr","size48":"DataTableCell_size-48__XXrAx","size60":"DataTableCell_size-60__0XLPh","alignWidgetsCenter":"DataTableCell_align-widgets-center__VXHNb","padding12":"DataTableCell_padding-12__xvGe5","padding24":"DataTableCell_padding-24__r322g","paddingLeft12":"DataTableCell_padding-left-12__g6QSx","paddingLeft24":"DataTableCell_padding-left-24__vm-bI","paddingRight24":"DataTableCell_padding-right-24__CjNWh","dragHandle":"DataTableCell_drag-handle__Ge7UM","foldingArrow12":"DataTableCell_folding-arrow-12__mVKaH","foldingArrow18":"DataTableCell_folding-arrow-18__hiEIW","iconContainer":"DataTableCell_icon-container__1fR7V"};
 
 function DataTableRowAddons(props) {
     var _a, _b;
     const row = props.rowProps;
     const additionalItemSize = +props.size < 30 ? '12' : '18';
-    return React__namespace.createElement(React__namespace.Fragment, null,
-        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.createElement(uuiComponents.DragHandle, { key: 'dh', cx: css$y.dragHandle }),
-        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && React__namespace.createElement(Checkbox, { key: 'cb', cx: css$y.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__namespace.createElement("div", { key: 'fold', className: css$y.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable &&
-            React__namespace.createElement(uuiComponents.IconContainer, { key: 'icon', icon: ForwardRef$w, cx: [css$y.foldingArrow, css$y[`folding-arrow-${additionalItemSize}`], uuiCore.uuiMarkers.clickable, css$y.iconContainer], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))));
+    return (React__namespace.createElement(React__namespace.Fragment, null,
+        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.createElement(uuiComponents.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__namespace.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__namespace.createElement("div", { key: "fold", className: css$z.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable && (React__namespace.createElement(uuiComponents.IconContainer, { key: "icon", icon: ForwardRef$A, cx: [
+                css$z.foldingArrow, css$z[`folding-arrow-${additionalItemSize}`], uuiCore.uuiMarkers.clickable, css$z.iconContainer,
+            ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
 function DataTableCell(props) {
-    var _a;
     props = Object.assign({}, props);
     if (props.isFirstColumn) {
         props.addons = React__namespace.createElement(DataTableRowAddons, Object.assign({}, props));
     }
-    props.renderPlaceholder = props.renderPlaceholder || (() => (React__namespace.createElement(Text, { key: 't', size: props.size != '60' ? props.size : '48' },
-        React__namespace.createElement(TextPlaceholder, null))));
-    props.renderTooltip = (tooltipProps) => React__namespace.createElement(Tooltip, Object.assign({ color: 'critical' }, tooltipProps));
+    props.renderPlaceholder = props.renderPlaceholder
+        || (() => (React__namespace.createElement(Text, { key: "t", size: props.size != '60' ? props.size : '48' },
+            React__namespace.createElement(TextPlaceholder, null))));
+    props.renderTooltip = (tooltipProps) => React__namespace.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
     const isEditable = !!props.onValueChange;
-    props.border = (_a = props.border) !== null && _a !== void 0 ? _a : (isEditable ? true : null);
     props.cx = [
-        'data-table-cell',
-        props.cx,
-        css$y.cell,
-        css$y['size-' + (props.size || '36')],
-        css$y[`padding-${props.padding || ((isEditable && !props.rowProps.isLoading) && '0') || '12'}`],
-        props.isFirstColumn && css$y[`padding-left-${props.padding || '24'}`],
-        props.isLastColumn && css$y['padding-right-24'],
-        css$y[`align-widgets-${props.alignActions || 'top'}`],
-        props.background && `background-${props.background}`,
-        props.border && 'uui-dt-cell-border',
+        'data-table-cell', props.cx, css$z.cell, css$z['size-' + (props.size || '36')], css$z[`padding-${props.padding || (isEditable && !props.rowProps.isLoading && '0') || '12'}`], props.isFirstColumn && css$z[`padding-left-${props.padding || '24'}`], props.isLastColumn && css$z['padding-right-24'], css$z[`align-widgets-${props.alignActions || 'top'}`], (props.border || isEditable) && 'uui-dt-vertical-cell-border',
     ];
     return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
 }
 
-var css$x = {"typography-header":"DataTableRow_typography-header__uNO7L","typography-block":"DataTableRow_typography-block__tHe35","typography-inline":"DataTableRow_typography-inline__KgXSh","typography-16":"DataTableRow_typography-16__gMKvg","typography-14":"DataTableRow_typography-14__itR0W","typography-12":"DataTableRow_typography-12__G4k4k","typography-promo":"DataTableRow_typography-promo__LE-gA DataTableRow_typography-header__uNO7L DataTableRow_typography-block__tHe35 DataTableRow_typography-inline__KgXSh","root":"DataTableRow_root__ThnfZ","size-24":"DataTableRow_size-24__mjGKU","size-30":"DataTableRow_size-30__Kb8nP","size-36":"DataTableRow_size-36__dolOJ","size-48":"DataTableRow_size-48__DpAQX","size-60":"DataTableRow_size-60__k0ZKS","background-white":"DataTableRow_background-white__GKFMn","typographyHeader":"DataTableRow_typography-header__uNO7L","typographyBlock":"DataTableRow_typography-block__tHe35","typographyInline":"DataTableRow_typography-inline__KgXSh","typography16":"DataTableRow_typography-16__gMKvg","typography14":"DataTableRow_typography-14__itR0W","typography12":"DataTableRow_typography-12__G4k4k","typographyPromo":"DataTableRow_typography-promo__LE-gA DataTableRow_typography-header__uNO7L DataTableRow_typography-block__tHe35 DataTableRow_typography-inline__KgXSh","size24":"DataTableRow_size-24__mjGKU","size30":"DataTableRow_size-30__Kb8nP","size36":"DataTableRow_size-36__dolOJ","size48":"DataTableRow_size-48__DpAQX","size60":"DataTableRow_size-60__k0ZKS","backgroundWhite":"DataTableRow_background-white__GKFMn"};
+var css$y = {"typography-header":"DataTableRow_typography-header__uNO7L","typography-block":"DataTableRow_typography-block__tHe35","typography-inline":"DataTableRow_typography-inline__KgXSh","typography-16":"DataTableRow_typography-16__gMKvg","typography-14":"DataTableRow_typography-14__itR0W","typography-12":"DataTableRow_typography-12__G4k4k","typography-promo":"DataTableRow_typography-promo__LE-gA DataTableRow_typography-header__uNO7L DataTableRow_typography-block__tHe35 DataTableRow_typography-inline__KgXSh","root":"DataTableRow_root__ThnfZ","size-24":"DataTableRow_size-24__mjGKU","size-30":"DataTableRow_size-30__Kb8nP","size-36":"DataTableRow_size-36__dolOJ","size-48":"DataTableRow_size-48__DpAQX","size-60":"DataTableRow_size-60__k0ZKS","typographyHeader":"DataTableRow_typography-header__uNO7L","typographyBlock":"DataTableRow_typography-block__tHe35","typographyInline":"DataTableRow_typography-inline__KgXSh","typography16":"DataTableRow_typography-16__gMKvg","typography14":"DataTableRow_typography-14__itR0W","typography12":"DataTableRow_typography-12__G4k4k","typographyPromo":"DataTableRow_typography-promo__LE-gA DataTableRow_typography-header__uNO7L DataTableRow_typography-block__tHe35 DataTableRow_typography-inline__KgXSh","size24":"DataTableRow_size-24__mjGKU","size30":"DataTableRow_size-30__Kb8nP","size36":"DataTableRow_size-36__dolOJ","size48":"DataTableRow_size-48__DpAQX","size60":"DataTableRow_size-60__k0ZKS"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -1550,159 +1513,156 @@ const renderCell = (props) => {
 };
 const renderDropMarkers = (props) => React__namespace.createElement(DropMarker, Object.assign({}, props, { enableBlocker: true }));
 const propsMods = { renderCell, renderDropMarkers };
-const DataTableRow = uuiCore.withMods(uuiComponents.DataTableRow, ({ borderBottom = true, background, size }) => {
+const DataTableRow = uuiCore.withMods(uuiComponents.DataTableRow, ({ borderBottom = true, size }) => {
     return [
-        css$x.root,
-        borderBottom && 'uui-dt-row-border',
-        css$x['size-' + (size || '36')],
-        css$x['background-' + (background || 'default')],
+        css$y.root, borderBottom && 'uui-dt-row-border', css$y['size-' + (size || '36')],
     ];
 }, () => propsMods);
 
-var css$w = {"typography-header":"DataTableHeaderRow_typography-header__17Mf0","typography-block":"DataTableHeaderRow_typography-block__qHB6b","typography-inline":"DataTableHeaderRow_typography-inline__lCA-Y","typography-16":"DataTableHeaderRow_typography-16__ZijSq","typography-14":"DataTableHeaderRow_typography-14__wGc4t","typography-12":"DataTableHeaderRow_typography-12__spGat","typography-promo":"DataTableHeaderRow_typography-promo__j-vYv DataTableHeaderRow_typography-header__17Mf0 DataTableHeaderRow_typography-block__qHB6b DataTableHeaderRow_typography-inline__lCA-Y","header-cell":"DataTableHeaderRow_header-cell__KtC6r","config-icon":"DataTableHeaderRow_config-icon__w0uLR","typographyHeader":"DataTableHeaderRow_typography-header__17Mf0","typographyBlock":"DataTableHeaderRow_typography-block__qHB6b","typographyInline":"DataTableHeaderRow_typography-inline__lCA-Y","typography16":"DataTableHeaderRow_typography-16__ZijSq","typography14":"DataTableHeaderRow_typography-14__wGc4t","typography12":"DataTableHeaderRow_typography-12__spGat","typographyPromo":"DataTableHeaderRow_typography-promo__j-vYv DataTableHeaderRow_typography-header__17Mf0 DataTableHeaderRow_typography-block__qHB6b DataTableHeaderRow_typography-inline__lCA-Y","headerCell":"DataTableHeaderRow_header-cell__KtC6r","configIcon":"DataTableHeaderRow_config-icon__w0uLR"};
+var css$x = {"typography-header":"DataTableHeaderRow_typography-header__17Mf0","typography-block":"DataTableHeaderRow_typography-block__qHB6b","typography-inline":"DataTableHeaderRow_typography-inline__lCA-Y","typography-16":"DataTableHeaderRow_typography-16__ZijSq","typography-14":"DataTableHeaderRow_typography-14__wGc4t","typography-12":"DataTableHeaderRow_typography-12__spGat","typography-promo":"DataTableHeaderRow_typography-promo__j-vYv DataTableHeaderRow_typography-header__17Mf0 DataTableHeaderRow_typography-block__qHB6b DataTableHeaderRow_typography-inline__lCA-Y","header-cell":"DataTableHeaderRow_header-cell__KtC6r","config-icon":"DataTableHeaderRow_config-icon__w0uLR","typographyHeader":"DataTableHeaderRow_typography-header__17Mf0","typographyBlock":"DataTableHeaderRow_typography-block__qHB6b","typographyInline":"DataTableHeaderRow_typography-inline__lCA-Y","typography16":"DataTableHeaderRow_typography-16__ZijSq","typography14":"DataTableHeaderRow_typography-14__wGc4t","typography12":"DataTableHeaderRow_typography-12__spGat","typographyPromo":"DataTableHeaderRow_typography-promo__j-vYv DataTableHeaderRow_typography-header__17Mf0 DataTableHeaderRow_typography-block__qHB6b DataTableHeaderRow_typography-inline__lCA-Y","headerCell":"DataTableHeaderRow_header-cell__KtC6r","configIcon":"DataTableHeaderRow_config-icon__w0uLR"};
 
-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 _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 SvgActionSettings18 = function SvgActionSettings18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.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$v = /*#__PURE__*/React.forwardRef(SvgActionSettings18);
+var ForwardRef$z = /*#__PURE__*/React.forwardRef(SvgActionSettings18);
 
-const DataTableHeaderRow = uuiCore.withMods(uuiComponents.DataTableHeaderRow, mods => [css$w.root], mods => ({
-    renderCell: props => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key })),
-    renderConfigButton: () => React__namespace.createElement(IconButton, { key: 'configuration', onClick: mods.onConfigButtonClick, cx: css$w.configIcon, color: 'default', icon: ForwardRef$v }),
+const DataTableHeaderRow = uuiCore.withMods(uuiComponents.DataTableHeaderRow, (mods) => [css$x.root], (mods) => ({
+    renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key })),
+    renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$x.configIcon, color: "default", icon: ForwardRef$z }),
 }));
 
-var css$v = {"typography-header":"DataTableHeaderCell_typography-header__oILYa","typography-block":"DataTableHeaderCell_typography-block__BQMtM","typography-inline":"DataTableHeaderCell_typography-inline__cfsue","typography-16":"DataTableHeaderCell_typography-16__ZEqH6","typography-14":"DataTableHeaderCell_typography-14__keNR5","typography-12":"DataTableHeaderCell_typography-12__PhqnS","typography-promo":"DataTableHeaderCell_typography-promo__G4UmR DataTableHeaderCell_typography-header__oILYa DataTableHeaderCell_typography-block__BQMtM DataTableHeaderCell_typography-inline__cfsue","cell":"DataTableHeaderCell_cell__8JnbB","sort-icon":"DataTableHeaderCell_sort-icon__Wi-rh","dropdown-icon":"DataTableHeaderCell_dropdown-icon__-vO3u","infoIcon":"DataTableHeaderCell_infoIcon__1Ang4","resizable":"DataTableHeaderCell_resizable__sNvwo","size-24":"DataTableHeaderCell_size-24__ntP26","size-30":"DataTableHeaderCell_size-30__znptx","size-36":"DataTableHeaderCell_size-36__m5DC6","size-42":"DataTableHeaderCell_size-42__YX4yM","size-48":"DataTableHeaderCell_size-48__YCyCX","padding-left-24":"DataTableHeaderCell_padding-left-24__sZhuC","padding-right-24":"DataTableHeaderCell_padding-right-24__5Ne7M","caption":"DataTableHeaderCell_caption__pF7VF","checkbox":"DataTableHeaderCell_checkbox__sg2V-","icon":"DataTableHeaderCell_icon__XDYeh","icon-cell":"DataTableHeaderCell_icon-cell__t-wBF","align-right":"DataTableHeaderCell_align-right__JzZ-h","align-center":"DataTableHeaderCell_align-center__BegNE","tooltip-wrapper":"DataTableHeaderCell_tooltip-wrapper__ILECw","cell-tooltip":"DataTableHeaderCell_cell-tooltip__XAI4G","upper-case":"DataTableHeaderCell_upper-case__YCQ24","font-size-14":"DataTableHeaderCell_font-size-14__3JeGt","resize-mark":"DataTableHeaderCell_resize-mark__Vlv3w","draggable":"DataTableHeaderCell_draggable__c0dne","ghost":"DataTableHeaderCell_ghost__Yjb5B","is-dragged-out":"DataTableHeaderCell_is-dragged-out__HzBd6","dnd-marker-left":"DataTableHeaderCell_dnd-marker-left__0pkPC","dnd-marker-right":"DataTableHeaderCell_dnd-marker-right__1i9gh","typographyHeader":"DataTableHeaderCell_typography-header__oILYa","typographyBlock":"DataTableHeaderCell_typography-block__BQMtM","typographyInline":"DataTableHeaderCell_typography-inline__cfsue","typography16":"DataTableHeaderCell_typography-16__ZEqH6","typography14":"DataTableHeaderCell_typography-14__keNR5","typography12":"DataTableHeaderCell_typography-12__PhqnS","typographyPromo":"DataTableHeaderCell_typography-promo__G4UmR DataTableHeaderCell_typography-header__oILYa DataTableHeaderCell_typography-block__BQMtM DataTableHeaderCell_typography-inline__cfsue","sortIcon":"DataTableHeaderCell_sort-icon__Wi-rh","dropdownIcon":"DataTableHeaderCell_dropdown-icon__-vO3u","size24":"DataTableHeaderCell_size-24__ntP26","size30":"DataTableHeaderCell_size-30__znptx","size36":"DataTableHeaderCell_size-36__m5DC6","size42":"DataTableHeaderCell_size-42__YX4yM","size48":"DataTableHeaderCell_size-48__YCyCX","paddingLeft24":"DataTableHeaderCell_padding-left-24__sZhuC","paddingRight24":"DataTableHeaderCell_padding-right-24__5Ne7M","iconCell":"DataTableHeaderCell_icon-cell__t-wBF","alignRight":"DataTableHeaderCell_align-right__JzZ-h","alignCenter":"DataTableHeaderCell_align-center__BegNE","tooltipWrapper":"DataTableHeaderCell_tooltip-wrapper__ILECw","cellTooltip":"DataTableHeaderCell_cell-tooltip__XAI4G","upperCase":"DataTableHeaderCell_upper-case__YCQ24","fontSize14":"DataTableHeaderCell_font-size-14__3JeGt","resizeMark":"DataTableHeaderCell_resize-mark__Vlv3w","isDraggedOut":"DataTableHeaderCell_is-dragged-out__HzBd6","dndMarkerLeft":"DataTableHeaderCell_dnd-marker-left__0pkPC","dndMarkerRight":"DataTableHeaderCell_dnd-marker-right__1i9gh"};
-
-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 css$w = {"typography-header":"DataTableHeaderCell_typography-header__oILYa","typography-block":"DataTableHeaderCell_typography-block__BQMtM","typography-inline":"DataTableHeaderCell_typography-inline__cfsue","typography-16":"DataTableHeaderCell_typography-16__ZEqH6","typography-14":"DataTableHeaderCell_typography-14__keNR5","typography-12":"DataTableHeaderCell_typography-12__PhqnS","typography-promo":"DataTableHeaderCell_typography-promo__G4UmR DataTableHeaderCell_typography-header__oILYa DataTableHeaderCell_typography-block__BQMtM DataTableHeaderCell_typography-inline__cfsue","cell":"DataTableHeaderCell_cell__8JnbB","sort-icon":"DataTableHeaderCell_sort-icon__Wi-rh","dropdown-icon":"DataTableHeaderCell_dropdown-icon__-vO3u","infoIcon":"DataTableHeaderCell_infoIcon__1Ang4","resizable":"DataTableHeaderCell_resizable__sNvwo","size-24":"DataTableHeaderCell_size-24__ntP26","size-30":"DataTableHeaderCell_size-30__znptx","size-36":"DataTableHeaderCell_size-36__m5DC6","size-42":"DataTableHeaderCell_size-42__YX4yM","size-48":"DataTableHeaderCell_size-48__YCyCX","padding-left-24":"DataTableHeaderCell_padding-left-24__sZhuC","padding-right-24":"DataTableHeaderCell_padding-right-24__5Ne7M","caption":"DataTableHeaderCell_caption__pF7VF","checkbox":"DataTableHeaderCell_checkbox__sg2V-","icon":"DataTableHeaderCell_icon__XDYeh","icon-cell":"DataTableHeaderCell_icon-cell__t-wBF","align-right":"DataTableHeaderCell_align-right__JzZ-h","align-center":"DataTableHeaderCell_align-center__BegNE","tooltip-wrapper":"DataTableHeaderCell_tooltip-wrapper__ILECw","cell-tooltip":"DataTableHeaderCell_cell-tooltip__XAI4G","upper-case":"DataTableHeaderCell_upper-case__YCQ24","font-size-14":"DataTableHeaderCell_font-size-14__3JeGt","resize-mark":"DataTableHeaderCell_resize-mark__Vlv3w","draggable":"DataTableHeaderCell_draggable__c0dne","ghost":"DataTableHeaderCell_ghost__Yjb5B","is-dragged-out":"DataTableHeaderCell_is-dragged-out__HzBd6","dnd-marker-left":"DataTableHeaderCell_dnd-marker-left__0pkPC","dnd-marker-right":"DataTableHeaderCell_dnd-marker-right__1i9gh","typographyHeader":"DataTableHeaderCell_typography-header__oILYa","typographyBlock":"DataTableHeaderCell_typography-block__BQMtM","typographyInline":"DataTableHeaderCell_typography-inline__cfsue","typography16":"DataTableHeaderCell_typography-16__ZEqH6","typography14":"DataTableHeaderCell_typography-14__keNR5","typography12":"DataTableHeaderCell_typography-12__PhqnS","typographyPromo":"DataTableHeaderCell_typography-promo__G4UmR DataTableHeaderCell_typography-header__oILYa DataTableHeaderCell_typography-block__BQMtM DataTableHeaderCell_typography-inline__cfsue","sortIcon":"DataTableHeaderCell_sort-icon__Wi-rh","dropdownIcon":"DataTableHeaderCell_dropdown-icon__-vO3u","size24":"DataTableHeaderCell_size-24__ntP26","size30":"DataTableHeaderCell_size-30__znptx","size36":"DataTableHeaderCell_size-36__m5DC6","size42":"DataTableHeaderCell_size-42__YX4yM","size48":"DataTableHeaderCell_size-48__YCyCX","paddingLeft24":"DataTableHeaderCell_padding-left-24__sZhuC","paddingRight24":"DataTableHeaderCell_padding-right-24__5Ne7M","iconCell":"DataTableHeaderCell_icon-cell__t-wBF","alignRight":"DataTableHeaderCell_align-right__JzZ-h","alignCenter":"DataTableHeaderCell_align-center__BegNE","tooltipWrapper":"DataTableHeaderCell_tooltip-wrapper__ILECw","cellTooltip":"DataTableHeaderCell_cell-tooltip__XAI4G","upperCase":"DataTableHeaderCell_upper-case__YCQ24","fontSize14":"DataTableHeaderCell_font-size-14__3JeGt","resizeMark":"DataTableHeaderCell_resize-mark__Vlv3w","isDraggedOut":"DataTableHeaderCell_is-dragged-out__HzBd6","dndMarkerLeft":"DataTableHeaderCell_dnd-marker-left__0pkPC","dndMarkerRight":"DataTableHeaderCell_dnd-marker-right__1i9gh"};
+
+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) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
     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__namespace.createElement("path", {
+  }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M6 1 2 5h3v7h2V5h3L6 1zm7 12V6h-2v7H8l4 4 4-4h-3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgTableSwap18);
+var ForwardRef$y = /*#__PURE__*/React.forwardRef(SvgTableSwap18);
 
-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 _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) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M10 6v10H8V6H5l4-4 4 4h-3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgTableSortAsc18);
+var ForwardRef$x = /*#__PURE__*/React.forwardRef(SvgTableSortAsc18);
 
-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 _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) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     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__namespace.createElement("path", {
+  }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M10 12V2H8v10H5l4 4 4-4h-3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgTableSortDesc18);
+var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgTableSortDesc18);
 
-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 _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) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
     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__namespace.createElement("path", {
+  }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "m8 14 2 2v-5H8v3zM2 3v2h14V3H2zm6 8h2l6-6H2l6 6z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgContentFiltration18);
+var ForwardRef$v = /*#__PURE__*/React.forwardRef(SvgContentFiltration18);
 
-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$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) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     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__namespace.createElement("path", {
+  }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.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",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$q = /*#__PURE__*/React.forwardRef(SvgNavigationChevronDown18);
+var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgNavigationChevronDown18);
 
-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$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) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     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__namespace.createElement("path", {
+  }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.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$p = /*#__PURE__*/React.forwardRef(SvgNavigationChevronUp18);
+var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNavigationChevronUp18);
 
-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$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__namespace.createElement("svg", _extends$o({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     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__namespace.createElement("path", {
+  }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.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$o = /*#__PURE__*/React.forwardRef(SvgNotificationInfoOutline18);
+var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgNotificationInfoOutline18);
 
 class DataTableHeaderCell extends React__namespace.Component {
     constructor() {
@@ -1712,39 +1672,38 @@ class DataTableHeaderCell extends React__namespace.Component {
         };
         this.getTextStyle = () => {
             if (this.props.textCase === 'upper')
-                return css$v.upperCase;
-            return css$v['font-size-14'];
+                return css$w.upperCase;
+            return css$w['font-size-14'];
         };
-        this.getColumnCaption = () => (React__namespace.createElement("div", { className: css$v.tooltipWrapper },
-            React__namespace.createElement(Tooltip, { trigger: "hover", placement: "bottom-start", renderContent: (!this.state.isDropdownOpen && this.props.column.info) ? () => this.props.column.info : null, color: "default", cx: css$v.cellTooltip, offset: [-12, 12] },
-                React__namespace.createElement("div", { className: uuiCore.cx(css$v.iconCell, css$v['align-' + this.props.column.textAlign], uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
-                    React__namespace.createElement(Text, { key: "text", lineHeight: "30", fontSize: "14", size: "30", cx: uuiCore.cx(css$v.caption, this.getTextStyle(), uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaption) }, this.props.column.caption),
-                    this.props.column.info && (React__namespace.createElement(IconButton, { key: "info", cx: uuiCore.cx(css$v.icon, css$v.infoIcon, this.props.sortDirection && css$v.sortIconActive, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: 'secondary', icon: ForwardRef$o })),
-                    this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React__namespace.createElement(IconButton, { key: "sort", cx: uuiCore.cx(css$v.icon, css$v.sortIcon, this.props.sortDirection && css$v.sortIconActive, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'default' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$s : this.props.sortDirection === 'asc' ? ForwardRef$t : ForwardRef$u })),
-                    this.props.isFilterActive && (React__namespace.createElement(IconButton, { key: "filter", cx: uuiCore.cx(css$v.icon, !this.props.sortDirection && css$v.filterIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "default", icon: ForwardRef$r })),
-                    this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$v.icon, css$v.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$p : ForwardRef$q }))))));
-        this.renderHeaderCheckbox = () => this.props.selectAll && this.props.isFirstColumn && (React__namespace.createElement(Checkbox, Object.assign({ size: +this.props.size < 36 ? '12' : '18' }, this.props.selectAll, { cx: uuiCore.cx(css$v.checkbox, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
-        this.renderResizeMark = (props) => (React__namespace.createElement("div", { onMouseDown: props.onResizeStart, className: uuiCore.cx(css$v.resizeMark, uuiCore.uuiMarkers.draggable) }));
-        this.renderCellContent = (props, dropdownProps) => (React__namespace.createElement(FlexCell, Object.assign({}, this.props.column, { minWidth: this.props.column.width, ref: ref => {
+        this.getColumnCaption = () => (React__namespace.createElement("div", { className: css$w.tooltipWrapper },
+            React__namespace.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__namespace.createElement("div", { className: uuiCore.cx(css$w.iconCell, css$w['align-' + this.props.column.textAlign], uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
+                    React__namespace.createElement(Text, { key: "text", lineHeight: "30", fontSize: "14", size: "30", cx: uuiCore.cx(css$w.caption, this.getTextStyle(), uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaption) }, this.props.column.caption),
+                    this.props.column.info && (React__namespace.createElement(IconButton, { key: "info", cx: uuiCore.cx(css$w.icon, css$w.infoIcon, this.props.sortDirection && css$w.sortIconActive, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: "secondary", icon: ForwardRef$s })),
+                    this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React__namespace.createElement(IconButton, { key: "sort", cx: uuiCore.cx(css$w.icon, css$w.sortIcon, this.props.sortDirection && css$w.sortIconActive, uuiCore.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__namespace.createElement(IconButton, { key: "filter", cx: uuiCore.cx(css$w.icon, !this.props.sortDirection && css$w.filterIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "default", icon: ForwardRef$v })),
+                    this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$w.icon, css$w.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$t : ForwardRef$u }))))));
+        this.renderHeaderCheckbox = () => this.props.selectAll
+            && this.props.isFirstColumn && (React__namespace.createElement(Checkbox, Object.assign({ size: +this.props.size < 36 ? '12' : '18' }, this.props.selectAll, { cx: uuiCore.cx(css$w.checkbox, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
+        this.renderResizeMark = (props) => React__namespace.createElement("div", { onMouseDown: props.onResizeStart, className: uuiCore.cx(css$w.resizeMark, uuiCore.uuiMarkers.draggable) });
+        this.renderCellContent = (props, dropdownProps) => (React__namespace.createElement(FlexCell, Object.assign({}, this.props.column, { minWidth: this.props.column.width, ref: (ref) => {
                 var _a;
                 props.ref(ref);
                 (_a = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.ref) === null || _a === void 0 ? void 0 : _a.call(dropdownProps, ref);
-            }, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$v.cell, css$v['size-' + (this.props.size || '36')], this.props.isFirstColumn && css$v[`padding-left-24`], this.props.isLastColumn && css$v['padding-right-24'], this.props.column.cx, this.props.allowColumnsResizing && css$v.resizable, props.isDraggable && css$v.draggable, props.isDragGhost && css$v.ghost, props.isDraggedOut && css$v.isDraggedOut, props.isDndInProgress && css$v['dnd-marker-' + props.position]), onClick: !this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers) }),
+            }, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$w.cell, css$w['size-' + (this.props.size || '36')], this.props.isFirstColumn && css$w['padding-left-24'], this.props.isLastColumn && css$w['padding-right-24'], this.props.column.cx, this.props.allowColumnsResizing && css$w.resizable, props.isDraggable && css$w.draggable, props.isDragGhost && css$w.ghost, props.isDraggedOut && css$w.isDraggedOut, props.isDndInProgress && css$w['dnd-marker-' + props.position]), onClick: !this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers) }),
             this.renderHeaderCheckbox(),
             this.getColumnCaption(),
             this.props.allowColumnsResizing && this.renderResizeMark(props)));
-        this.renderCellWithFilter = (props) => (React__namespace.createElement(ColumnHeaderDropdown, { isOpen: this.state.isDropdownOpen, isSortable: this.props.column.isSortable, renderTarget: dropdownProps => this.renderCellContent(props, dropdownProps), renderFilter: this.props.renderFilter, onSort: this.props.onSort, sortDirection: this.props.sortDirection, onOpenChange: isDropdownOpen => this.setState({ isDropdownOpen }), title: this.props.column.caption }));
+        this.renderCellWithFilter = (props) => (React__namespace.createElement(ColumnHeaderDropdown, { isOpen: this.state.isDropdownOpen, isSortable: this.props.column.isSortable, renderTarget: (dropdownProps) => this.renderCellContent(props, dropdownProps), renderFilter: this.props.renderFilter, onSort: this.props.onSort, sortDirection: this.props.sortDirection, onOpenChange: (isDropdownOpen) => this.setState({ isDropdownOpen }), title: this.props.column.caption }));
     }
     render() {
-        return (React__namespace.createElement(uuiComponents.DataTableHeaderCell, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter
-                ? this.renderCellWithFilter
-                : this.renderCellContent })));
+        return React__namespace.createElement(uuiComponents.DataTableHeaderCell, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
     }
 }
 
 const useColumnsWithFilters = (initialColumns, filters) => {
-    const makeFilterRenderCallback = React.useCallback((key) => (filterLens, dropdownProps) => {
-        const filter = filters.find(f => f.columnKey === key);
+    const makeFilterRenderCallback = React.useCallback((key) => function (filterLens, dropdownProps) {
+        const filter = filters.find((f) => f.columnKey === key);
         if (!filter)
             return null;
         const props = filterLens.prop(filter.field).toProps();
@@ -1752,8 +1711,8 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     }, [filters]);
     const columns = React.useMemo(() => {
         if (filters) {
-            const filterKeys = filters.map(f => f.columnKey);
-            const newColumns = (initialColumns.map(column => {
+            const filterKeys = filters.map((f) => f.columnKey);
+            const newColumns = (initialColumns.map((column) => {
                 if (filterKeys.includes(column.key)) {
                     return Object.assign(Object.assign({}, column), { renderFilter: makeFilterRenderCallback(column.key) });
                 }
@@ -1768,10 +1727,10 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var _path$m, _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$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$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 SvgEmptyTable = function SvgEmptyTable(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     width: 232,
     height: 180,
     viewBox: "0 0 232 180",
@@ -1780,7 +1739,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#a)"
-  }, _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
+  }, _path$q || (_path$q = /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
@@ -1906,9 +1865,9 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M0 0h230.897v180H0z"
   })))));
 };
-var ForwardRef$n = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
+var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
 
-var css$u = {"sticky-header":"DataTable_sticky-header__Dt-br","listContainer":"DataTable_listContainer__MJ2d9","table":"DataTable_table__n--u-","no-results":"DataTable_no-results__8wzS9","no-results-icon":"DataTable_no-results-icon__-nnhq","no-results-title":"DataTable_no-results-title__MM7z0","stickyHeader":"DataTable_sticky-header__Dt-br","noResults":"DataTable_no-results__8wzS9","noResultsIcon":"DataTable_no-results-icon__-nnhq","noResultsTitle":"DataTable_no-results-title__MM7z0"};
+var css$v = {"sticky-header":"DataTable_sticky-header__Dt-br","listContainer":"DataTable_listContainer__MJ2d9","table":"DataTable_table__n--u-","no-results":"DataTable_no-results__8wzS9","no-results-icon":"DataTable_no-results-icon__-nnhq","no-results-title":"DataTable_no-results-title__MM7z0","stickyHeader":"DataTable_sticky-header__Dt-br","noResults":"DataTable_no-results__8wzS9","noResultsIcon":"DataTable_no-results-icon__-nnhq","noResultsTitle":"DataTable_no-results-title__MM7z0"};
 
 function DataTable(props) {
     var _a;
@@ -1919,30 +1878,36 @@ function DataTable(props) {
         return React__namespace.createElement(DataTableRow, Object.assign({ key: rowProps.rowKey, size: props.size, borderBottom: props.border }, rowProps));
     }, []);
     const rows = props.getRows();
-    const renderedRows = rows.map(row => (props.renderRow || renderRow)(Object.assign(Object.assign({}, row), { columns })));
+    const renderedRows = rows.map((row) => (props.renderRow || renderRow)(Object.assign(Object.assign({}, row), { columns })));
     const renderNoResultsBlock = React__namespace.useCallback(() => {
         var _a;
-        return (React__namespace.createElement("div", { className: css$u.noResults }, props.renderNoResultsBlock ? (_a = props.renderNoResultsBlock) === null || _a === void 0 ? void 0 : _a.call(props) :
-            React__namespace.createElement(React__namespace.Fragment, null,
-                React__namespace.createElement(uuiComponents.IconContainer, { cx: css$u.noResultsIcon, icon: ForwardRef$n }),
-                React__namespace.createElement(Text, { cx: css$u.noResultsTitle, fontSize: '24', lineHeight: '30', color: 'primary', font: 'semibold' }, i18n.tables.noResultsBlock.title),
-                React__namespace.createElement(Text, { fontSize: '16', lineHeight: '24', font: 'regular', color: 'primary' }, i18n.tables.noResultsBlock.message))));
+        return (React__namespace.createElement("div", { className: css$v.noResults }, props.renderNoResultsBlock ? ((_a = props.renderNoResultsBlock) === null || _a === void 0 ? void 0 : _a.call(props)) : (React__namespace.createElement(React__namespace.Fragment, null,
+            React__namespace.createElement(uuiComponents.IconContainer, { cx: css$v.noResultsIcon, icon: ForwardRef$r }),
+            React__namespace.createElement(Text, { cx: css$v.noResultsTitle, fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n.tables.noResultsBlock.title),
+            React__namespace.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n.tables.noResultsBlock.message)))));
     }, [props.renderNoResultsBlock]);
     const onConfigurationButtonClick = React__namespace.useCallback(() => {
-        uuiModals.show(modalProps => (React__namespace.createElement(ColumnsConfigurationModal, Object.assign({}, modalProps, { columns: props.columns, columnsConfig: config, defaultConfig: defaultConfig }))))
-            .then(columnsConfig => props.onValueChange(Object.assign(Object.assign({}, props.value), { columnsConfig })))
+        uuiModals
+            .show((modalProps) => {
+            return (React__namespace.createElement(ColumnsConfigurationModal, Object.assign({}, modalProps, { columns: props.columns, columnsConfig: config, defaultConfig: defaultConfig })));
+        })
+            .then((columnsConfig) => props.onValueChange(Object.assign(Object.assign({}, props.value), { columnsConfig })))
             .catch(() => null);
-    }, [props.columns, config, defaultConfig, props.value, props.onValueChange]);
-    const renderRowsContainer = React__namespace.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React__namespace.createElement(React__namespace.Fragment, null,
-        React__namespace.createElement("div", { className: css$u.stickyHeader },
+    }, [
+        props.columns, config, defaultConfig, props.value, props.onValueChange,
+    ]);
+    const renderRowsContainer = React__namespace.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows, }) => (React__namespace.createElement(React__namespace.Fragment, null,
+        React__namespace.createElement("div", { className: css$v.stickyHeader },
             React__namespace.createElement(DataTableHeaderRow, { columns: columns, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.size, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, value: props.value, onValueChange: props.onValueChange }),
             React__namespace.createElement("div", { className: uuiCore.cx(uuiCore.uuiScrollShadows.top, {
                     [uuiCore.uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
                 }) })),
-        props.exactRowsCount !== 0 ? (React__namespace.createElement("div", { className: css$u.listContainer, style: { minHeight: `${estimatedHeight}px` } },
-            React__namespace.createElement("div", { ref: listContainerRef, role: 'rowgroup', style: { marginTop: offsetY }, children: renderedRows }))) : renderNoResultsBlock === null || renderNoResultsBlock === void 0 ? void 0 : renderNoResultsBlock())), [props, columns, rows, renderNoResultsBlock, onConfigurationButtonClick]);
+        props.exactRowsCount !== 0 ? (React__namespace.createElement("div", { className: css$v.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+            React__namespace.createElement("div", { ref: listContainerRef, role: "rowgroup", style: { marginTop: offsetY }, children: renderedRows }))) : (renderNoResultsBlock === null || renderNoResultsBlock === void 0 ? void 0 : renderNoResultsBlock()))), [
+        props, columns, rows, renderNoResultsBlock, onConfigurationButtonClick,
+    ]);
     return (React__namespace.createElement(uuiComponents.DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
-        React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rows: renderedRows, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$u.table), rawProps: {
+        React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rows: renderedRows, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$v.table), rawProps: {
                 role: 'table',
                 'aria-colcount': columns.length,
                 'aria-rowcount': props.rowsCount,
@@ -1951,93 +1916,93 @@ function DataTable(props) {
 
 var styles$1 = {"typography-header":"ColumnsConfigurationModal_typography-header__o3r5C","typography-block":"ColumnsConfigurationModal_typography-block__CXaTR","typography-inline":"ColumnsConfigurationModal_typography-inline__VJCzZ","typography-16":"ColumnsConfigurationModal_typography-16__97zzl","typography-14":"ColumnsConfigurationModal_typography-14__tVuMI","typography-12":"ColumnsConfigurationModal_typography-12__-4gpA","typography-promo":"ColumnsConfigurationModal_typography-promo__5VMFg ColumnsConfigurationModal_typography-header__o3r5C ColumnsConfigurationModal_typography-block__CXaTR ColumnsConfigurationModal_typography-inline__VJCzZ","main-panel":"ColumnsConfigurationModal_main-panel__hCrXd","group-title":"ColumnsConfigurationModal_group-title__UtJIu","group-title-text":"ColumnsConfigurationModal_group-title-text__3hOPf","group-title-badge":"ColumnsConfigurationModal_group-title-badge__4agZV","group-items":"ColumnsConfigurationModal_group-items__g1FUY","no-data":"ColumnsConfigurationModal_no-data__CzFcf","h-divider":"ColumnsConfigurationModal_h-divider__W9MsK","search-area":"ColumnsConfigurationModal_search-area__FGWyb","typographyHeader":"ColumnsConfigurationModal_typography-header__o3r5C","typographyBlock":"ColumnsConfigurationModal_typography-block__CXaTR","typographyInline":"ColumnsConfigurationModal_typography-inline__VJCzZ","typography16":"ColumnsConfigurationModal_typography-16__97zzl","typography14":"ColumnsConfigurationModal_typography-14__tVuMI","typography12":"ColumnsConfigurationModal_typography-12__-4gpA","typographyPromo":"ColumnsConfigurationModal_typography-promo__5VMFg ColumnsConfigurationModal_typography-header__o3r5C ColumnsConfigurationModal_typography-block__CXaTR ColumnsConfigurationModal_typography-inline__VJCzZ","mainPanel":"ColumnsConfigurationModal_main-panel__hCrXd","groupTitle":"ColumnsConfigurationModal_group-title__UtJIu","groupTitleText":"ColumnsConfigurationModal_group-title-text__3hOPf","groupTitleBadge":"ColumnsConfigurationModal_group-title-badge__4agZV","groupItems":"ColumnsConfigurationModal_group-items__g1FUY","noData":"ColumnsConfigurationModal_no-data__CzFcf","hDivider":"ColumnsConfigurationModal_h-divider__W9MsK","searchArea":"ColumnsConfigurationModal_search-area__FGWyb"};
 
-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$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 SvgNavigationMoreVert18 = function SvgNavigationMoreVert18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     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__namespace.createElement("path", {
+  }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.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$m = /*#__PURE__*/React.forwardRef(SvgNavigationMoreVert18);
+var ForwardRef$q = /*#__PURE__*/React.forwardRef(SvgNavigationMoreVert18);
 
-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$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 SvgActionUpdate18 = function SvgActionUpdate18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.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$l = /*#__PURE__*/React.forwardRef(SvgActionUpdate18);
+var ForwardRef$p = /*#__PURE__*/React.forwardRef(SvgActionUpdate18);
 
-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$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 SvgActionLockFill18 = function SvgActionLockFill18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     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__namespace.createElement("path", {
+  }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.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$k = /*#__PURE__*/React.forwardRef(SvgActionLockFill18);
+var ForwardRef$o = /*#__PURE__*/React.forwardRef(SvgActionLockFill18);
 
-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$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 SvgActionPinOn18 = function SvgActionPinOn18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12 9V3h1V2H5v1h1v6l-2 1v1h4v5h2v-5h4v-1l-2-1z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgActionPinOn18);
+var ForwardRef$n = /*#__PURE__*/React.forwardRef(SvgActionPinOn18);
 
-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 _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 SvgActionPinOff18 = function SvgActionPinOff18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.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$i = /*#__PURE__*/React.forwardRef(SvgActionPinOff18);
+var ForwardRef$m = /*#__PURE__*/React.forwardRef(SvgActionPinOff18);
 
 const i18nLocal$1 = i18n.tables.columnsConfigurationModal;
 function PinIconButton(props) {
     const [isHovered, setIsHovered] = React.useState(false);
-    const { id, onTogglePin, isPinned, canUnpin } = props;
+    const { id, onTogglePin, isPinned, canUnpin, } = props;
     const isPinnedAlways = isPinned && !canUnpin;
     const tooltipText = React.useMemo(() => {
         if (isPinned) {
@@ -2047,16 +2012,18 @@ function PinIconButton(props) {
     }, [isPinned, isPinnedAlways]);
     const pinIcon = React.useMemo(() => {
         if (isPinnedAlways) {
-            return ForwardRef$k;
+            return ForwardRef$o;
         }
         if (isPinned) {
-            return isHovered ? ForwardRef$i : ForwardRef$j;
+            return isHovered ? ForwardRef$m : ForwardRef$n;
         }
-        return ForwardRef$j;
-    }, [isPinnedAlways, isHovered, isPinned]);
+        return ForwardRef$n;
+    }, [
+        isPinnedAlways, isHovered, isPinned,
+    ]);
     const pinClickHandler = isPinnedAlways ? undefined : () => onTogglePin(id);
     return (React__namespace.createElement("span", { onMouseOver: () => setIsHovered(true), onMouseOut: () => setIsHovered(false) },
-        React__namespace.createElement(Tooltip, { content: tooltipText, placement: "bottom" },
+        React__namespace.createElement(Tooltip, { content: tooltipText, placement: "bottom", color: "contrast" },
             React__namespace.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
 }
 
@@ -2064,7 +2031,7 @@ var styles = {"typography-header":"ColumnRow_typography-header__v5iBP","typograp
 
 const ColumnRow = React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
-    const { toggleVisibility, togglePin, onCanAcceptDrop, onDrop, columnConfig, isDndAllowed, isPinnedAlways } = column;
+    const { toggleVisibility, togglePin, onCanAcceptDrop, onDrop, columnConfig, isDndAllowed, isPinnedAlways, } = column;
     const { isVisible, fix } = columnConfig;
     const isPinned = fix || isPinnedAlways;
     const data = { column, columnConfig };
@@ -2074,7 +2041,7 @@ const ColumnRow = React__namespace.memo(function ColumnRow(props) {
         const wrapperAttrs = Object.assign(Object.assign({}, (isDndAllowed ? { ref: dndActorParams.ref } : {})), (isDndAllowed ? { rawProps: Object.assign({}, restEventHandlers) } : {}));
         const dragHandleRawProps = Object.assign({}, (isDndAllowed ? { onTouchStart, onPointerDown } : {}));
         return (React__namespace.createElement(FlexRow, Object.assign({ size: "30", cx: wrapperClasses }, wrapperAttrs),
-            React__namespace.createElement(FlexRow, { size: "30", spacing: '6', cx: styles.title },
+            React__namespace.createElement(FlexRow, { size: "30", spacing: "6", cx: styles.title },
                 React__namespace.createElement(uuiComponents.DragHandle, { rawProps: dragHandleRawProps, isDisabled: !isDndAllowed, cx: uuiCore.cx(styles.dragHandle, !isDndAllowed && styles.dndDisabled) }),
                 React__namespace.createElement(Checkbox, { key: column.key, label: column.caption, value: isVisible, onValueChange: toggleVisibility, isDisabled: column.isAlwaysVisible })),
             React__namespace.createElement(uuiComponents.FlexSpacer, null),
@@ -2086,15 +2053,19 @@ const ColumnRow = React__namespace.memo(function ColumnRow(props) {
 });
 
 const i18nLocal = i18n.tables.columnsConfigurationModal;
-const renderGroupTitle = (title, amount) => React__namespace.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
+const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
     React__namespace.createElement(Text, { cx: styles$1.groupTitleText, font: "semibold", lineHeight: "24", fontSize: "14" }, title),
-    React__namespace.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: 'info', size: "18" }));
+    React__namespace.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "info", size: "18" })));
 function ColumnsConfigurationModal(props) {
     const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
-    const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, } = uuiComponents.useColumnsConfiguration({ initialColumnsConfig, columns, defaultConfig });
+    const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, } = uuiComponents.useColumnsConfiguration({
+        initialColumnsConfig,
+        columns,
+        defaultConfig,
+    });
     const apply = React.useCallback(() => modalProps.success(columnsConfig), [columnsConfig, modalProps]);
     const close = React.useCallback(() => modalProps.abort(), [modalProps]);
-    const isNoData = React.useMemo(() => Object.values(groupedColumns).every(v => !v.length), [groupedColumns]);
+    const isNoData = React.useMemo(() => Object.values(groupedColumns).every((v) => !v.length), [groupedColumns]);
     const renderVisible = () => {
         const amountPinned = groupedColumns.displayedPinned.length;
         const amountUnPinned = groupedColumns.displayedUnpinned.length;
@@ -2104,9 +2075,9 @@ function ColumnsConfigurationModal(props) {
         const hasDivider = !!(amountPinned && amountUnPinned);
         return (React__namespace.createElement(React__namespace.Fragment, null,
             renderGroupTitle(i18nLocal.displayedSectionTitle, amountPinned + amountUnPinned),
-            !!amountPinned && React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedPinned.map(c => React__namespace.createElement(ColumnRow, { column: c, key: c.key }))),
+            !!amountPinned && (React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedPinned.map((c) => (React__namespace.createElement(ColumnRow, { column: c, key: c.key }))))),
             hasDivider && React__namespace.createElement("div", { className: styles$1.hDivider }),
-            !!amountUnPinned && React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedUnpinned.map(c => React__namespace.createElement(ColumnRow, { column: c, key: c.key })))));
+            !!amountUnPinned && (React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedUnpinned.map((c) => (React__namespace.createElement(ColumnRow, { column: c, key: c.key })))))));
     };
     const renderHidden = () => {
         const amountHidden = groupedColumns.hidden.length;
@@ -2115,7 +2086,7 @@ function ColumnsConfigurationModal(props) {
         }
         return (React__namespace.createElement(React__namespace.Fragment, null,
             renderGroupTitle(i18nLocal.hiddenSectionTitle, amountHidden),
-            React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.hidden.map(c => React__namespace.createElement(ColumnRow, { column: c, key: c.key })))));
+            React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.hidden.map((c) => (React__namespace.createElement(ColumnRow, { column: c, key: c.key }))))));
     };
     const noVisibleColumns = React.useMemo(() => !groupedColumns.displayedPinned.length && !groupedColumns.displayedUnpinned.length, [groupedColumns.displayedPinned, groupedColumns.displayedUnpinned]);
     const applyButton = React__namespace.createElement(Button, { caption: i18nLocal.applyButton, isDisabled: noVisibleColumns, color: "accent", onClick: apply });
@@ -2124,163 +2095,165 @@ function ColumnsConfigurationModal(props) {
             React__namespace.createElement(ModalHeader, { title: i18nLocal.configureColumnsTitle, onClose: close }),
             React__namespace.createElement(FlexRow, { padding: "24", borderBottom: true, spacing: "12", cx: styles$1.searchArea },
                 React__namespace.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18nLocal.searchPlaceholder }),
-                React__namespace.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => React__namespace.createElement(Panel, { shadow: true },
+                React__namespace.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React__namespace.createElement(Panel, { shadow: true },
                         React__namespace.createElement(DropdownMenuButton, { caption: i18nLocal.clearAllButton, onClick: uncheckAll }),
-                        React__namespace.createElement(DropdownMenuButton, { caption: i18nLocal.selectAllButton, onClick: checkAll })), renderTarget: props => React__namespace.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$m, size: "30", color: "secondary", isDropdown: false })) })),
+                        React__namespace.createElement(DropdownMenuButton, { caption: i18nLocal.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React__namespace.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$q, size: "30", color: "secondary", isDropdown: false })) })),
             React__namespace.createElement(Panel, { cx: styles$1.mainPanel },
                 React__namespace.createElement(ScrollBars, null,
                     renderVisible(),
                     renderHidden(),
                     isNoData && (React__namespace.createElement(FlexRow, { cx: styles$1.noData },
-                        React__namespace.createElement(Text, { fontSize: '24', lineHeight: '30', color: 'primary', font: 'semibold' }, i18nLocal.noResultsFound.text),
-                        React__namespace.createElement(Text, { fontSize: '16', lineHeight: '24', font: 'regular', color: 'primary' }, i18nLocal.noResultsFound.subText))))),
+                        React__namespace.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18nLocal.noResultsFound.text),
+                        React__namespace.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18nLocal.noResultsFound.subText))))),
             React__namespace.createElement(ModalFooter, { borderTop: true },
-                React__namespace.createElement(LinkButton, { icon: ForwardRef$l, caption: i18nLocal.resetToDefaultButton, onClick: reset }),
-                React__namespace.createElement(FlexSpacer, null),
+                React__namespace.createElement(LinkButton, { icon: ForwardRef$p, caption: i18nLocal.resetToDefaultButton, onClick: reset }),
+                React__namespace.createElement(uuiComponents.FlexSpacer, null),
                 React__namespace.createElement(Button, { mode: "ghost", color: "secondary", caption: i18nLocal.cancelButton, onClick: close }),
-                noVisibleColumns
-                    ? (React__namespace.createElement(Tooltip, { content: i18nLocal.enableAtLeastOneColumnMessage, placement: 'top-end', color: 'contrast' }, applyButton))
-                    : applyButton))));
+                noVisibleColumns ? (React__namespace.createElement(Tooltip, { content: i18nLocal.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
 }
 
-var css$t = {"panel":"ColumnHeaderDropdown_panel__52aQo"};
+var css$u = {"panel":"ColumnHeaderDropdown_panel__52aQo"};
 
-var css$s = {"typography-header":"SortingPanel_typography-header__xME1m","typography-block":"SortingPanel_typography-block__YDYpy","typography-inline":"SortingPanel_typography-inline__Tcu9M","typography-16":"SortingPanel_typography-16__63gUO","typography-14":"SortingPanel_typography-14__fFFKh","typography-12":"SortingPanel_typography-12__gbS0m","typography-promo":"SortingPanel_typography-promo__Ng4h4 SortingPanel_typography-header__xME1m SortingPanel_typography-block__YDYpy SortingPanel_typography-inline__Tcu9M","sorting-panel-container":"SortingPanel_sorting-panel-container__DH1x6","sort-active":"SortingPanel_sort-active__KNhjc","typographyHeader":"SortingPanel_typography-header__xME1m","typographyBlock":"SortingPanel_typography-block__YDYpy","typographyInline":"SortingPanel_typography-inline__Tcu9M","typography16":"SortingPanel_typography-16__63gUO","typography14":"SortingPanel_typography-14__fFFKh","typography12":"SortingPanel_typography-12__gbS0m","typographyPromo":"SortingPanel_typography-promo__Ng4h4 SortingPanel_typography-header__xME1m SortingPanel_typography-block__YDYpy SortingPanel_typography-inline__Tcu9M","sortingPanelContainer":"SortingPanel_sorting-panel-container__DH1x6","sortActive":"SortingPanel_sort-active__KNhjc"};
+var css$t = {"typography-header":"SortingPanel_typography-header__xME1m","typography-block":"SortingPanel_typography-block__YDYpy","typography-inline":"SortingPanel_typography-inline__Tcu9M","typography-16":"SortingPanel_typography-16__63gUO","typography-14":"SortingPanel_typography-14__fFFKh","typography-12":"SortingPanel_typography-12__gbS0m","typography-promo":"SortingPanel_typography-promo__Ng4h4 SortingPanel_typography-header__xME1m SortingPanel_typography-block__YDYpy SortingPanel_typography-inline__Tcu9M","sorting-panel-container":"SortingPanel_sorting-panel-container__DH1x6","sort-active":"SortingPanel_sort-active__KNhjc","typographyHeader":"SortingPanel_typography-header__xME1m","typographyBlock":"SortingPanel_typography-block__YDYpy","typographyInline":"SortingPanel_typography-inline__Tcu9M","typography16":"SortingPanel_typography-16__63gUO","typography14":"SortingPanel_typography-14__fFFKh","typography12":"SortingPanel_typography-12__gbS0m","typographyPromo":"SortingPanel_typography-promo__Ng4h4 SortingPanel_typography-header__xME1m SortingPanel_typography-block__YDYpy SortingPanel_typography-inline__Tcu9M","sortingPanelContainer":"SortingPanel_sorting-panel-container__DH1x6","sortActive":"SortingPanel_sort-active__KNhjc"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
     const sortDesc = React.useCallback(() => onSort(sortDirection === 'desc' ? undefined : 'desc'), [onSort]);
-    return (React__namespace.default.createElement(FlexCell, { cx: css$s.sortingPanelContainer },
-        React__namespace.default.createElement(DropdownMenuButton, { isActive: sortDirection === 'asc', caption: i18n.pickerFilterHeader.sortAscending, icon: ForwardRef$t, onClick: sortAsc }),
-        React__namespace.default.createElement(DropdownMenuButton, { isActive: sortDirection === 'desc', caption: i18n.pickerFilterHeader.sortDescending, icon: ForwardRef$s, onClick: sortDesc })));
+    return (React__namespace.default.createElement(FlexCell, { cx: css$t.sortingPanelContainer },
+        React__namespace.default.createElement(DropdownMenuButton, { isActive: sortDirection === 'asc', caption: i18n.pickerFilterHeader.sortAscending, icon: ForwardRef$x, onClick: sortAsc }),
+        React__namespace.default.createElement(DropdownMenuButton, { isActive: sortDirection === 'desc', caption: i18n.pickerFilterHeader.sortDescending, icon: ForwardRef$w, onClick: sortDesc })));
 };
 const SortingPanel = React__namespace.default.memo(SortingPanelImpl);
 
-const ColumnHeaderDropdownImpl = props => {
+const ColumnHeaderDropdownImpl = (props) => {
     const popperModifiers = React.useMemo(() => [
         {
             name: 'offset',
             options: { offset: [0, 1] },
-        },
-        uuiCore.mobilePopperModifier,
+        }, uuiCore.mobilePopperModifier,
     ], []);
     const style = React.useMemo(() => ({
         width: uuiCore.isMobile() ? document.documentElement.clientWidth : undefined,
     }), []);
     const closeDropdown = React.useCallback(() => props.onOpenChange(false), [props.onOpenChange]);
-    return (React__namespace.default.createElement(uuiComponents.Dropdown, { renderTarget: props.renderTarget, renderBody: dropdownProps => (React__namespace.default.createElement(Panel, { style: style, shadow: true, cx: css$t.panel },
+    return (React__namespace.default.createElement(uuiComponents.Dropdown, { renderTarget: props.renderTarget, renderBody: (dropdownProps) => (React__namespace.default.createElement(Panel, { style: style, shadow: true, cx: css$u.panel },
             React__namespace.default.createElement(MobileDropdownWrapper, { title: props.title, close: closeDropdown },
-                props.isSortable && (React__namespace.default.createElement(SortingPanel, { sortDirection: props.sortDirection, onSort: props.onSort })),
+                props.isSortable && React__namespace.default.createElement(SortingPanel, { sortDirection: props.sortDirection, onSort: props.onSort }),
                 props.renderFilter(dropdownProps)))), modifiers: popperModifiers, value: props.isOpen, onValueChange: props.onOpenChange }));
 };
 const ColumnHeaderDropdown = React__namespace.default.memo(ColumnHeaderDropdownImpl);
 
-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$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 SvgNotificationDone24 = function SvgNotificationDone24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.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$h = /*#__PURE__*/React.forwardRef(SvgNotificationDone24);
+var ForwardRef$l = /*#__PURE__*/React.forwardRef(SvgNotificationDone24);
 
-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$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 SvgNotificationDone18 = function SvgNotificationDone18(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.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$g = /*#__PURE__*/React.forwardRef(SvgNotificationDone18);
+var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgNotificationDone18);
 
-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$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 SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.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$f = /*#__PURE__*/React.forwardRef(SvgNotificationDone12);
+var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgNotificationDone12);
 
-var css$r = {"typography-header":"DataPickerRow_typography-header__IfaEa","typography-block":"DataPickerRow_typography-block__h7PJR","typography-inline":"DataPickerRow_typography-inline__nLffn","typography-16":"DataPickerRow_typography-16__d2vFn","typography-14":"DataPickerRow_typography-14__lhGfr","typography-12":"DataPickerRow_typography-12__jpyOF","typography-promo":"DataPickerRow_typography-promo__XThFP DataPickerRow_typography-header__IfaEa DataPickerRow_typography-block__h7PJR DataPickerRow_typography-inline__nLffn","render-item":"DataPickerRow_render-item__YsRTQ","icon-wrapper":"DataPickerRow_icon-wrapper__Pwg6e","picker-row":"DataPickerRow_picker-row__yZk93","icon-default":"DataPickerRow_icon-default__DpPlP","icon-info":"DataPickerRow_icon-info__7aYSO","typographyHeader":"DataPickerRow_typography-header__IfaEa","typographyBlock":"DataPickerRow_typography-block__h7PJR","typographyInline":"DataPickerRow_typography-inline__nLffn","typography16":"DataPickerRow_typography-16__d2vFn","typography14":"DataPickerRow_typography-14__lhGfr","typography12":"DataPickerRow_typography-12__jpyOF","typographyPromo":"DataPickerRow_typography-promo__XThFP DataPickerRow_typography-header__IfaEa DataPickerRow_typography-block__h7PJR DataPickerRow_typography-inline__nLffn","renderItem":"DataPickerRow_render-item__YsRTQ","iconWrapper":"DataPickerRow_icon-wrapper__Pwg6e","pickerRow":"DataPickerRow_picker-row__yZk93","iconDefault":"DataPickerRow_icon-default__DpPlP","iconInfo":"DataPickerRow_icon-info__7aYSO"};
+var css$s = {"typography-header":"DataPickerRow_typography-header__IfaEa","typography-block":"DataPickerRow_typography-block__h7PJR","typography-inline":"DataPickerRow_typography-inline__nLffn","typography-16":"DataPickerRow_typography-16__d2vFn","typography-14":"DataPickerRow_typography-14__lhGfr","typography-12":"DataPickerRow_typography-12__jpyOF","typography-promo":"DataPickerRow_typography-promo__XThFP DataPickerRow_typography-header__IfaEa DataPickerRow_typography-block__h7PJR DataPickerRow_typography-inline__nLffn","render-item":"DataPickerRow_render-item__YsRTQ","icon-wrapper":"DataPickerRow_icon-wrapper__Pwg6e","picker-row":"DataPickerRow_picker-row__yZk93","icon-default":"DataPickerRow_icon-default__DpPlP","icon-primary":"DataPickerRow_icon-primary__s8KHw","typographyHeader":"DataPickerRow_typography-header__IfaEa","typographyBlock":"DataPickerRow_typography-block__h7PJR","typographyInline":"DataPickerRow_typography-inline__nLffn","typography16":"DataPickerRow_typography-16__d2vFn","typography14":"DataPickerRow_typography-14__lhGfr","typography12":"DataPickerRow_typography-12__jpyOF","typographyPromo":"DataPickerRow_typography-promo__XThFP DataPickerRow_typography-header__IfaEa DataPickerRow_typography-block__h7PJR DataPickerRow_typography-inline__nLffn","renderItem":"DataPickerRow_render-item__YsRTQ","iconWrapper":"DataPickerRow_icon-wrapper__Pwg6e","pickerRow":"DataPickerRow_picker-row__yZk93","iconDefault":"DataPickerRow_icon-default__DpPlP","iconPrimary":"DataPickerRow_icon-primary__s8KHw"};
 
 class DataPickerRow extends React__namespace.Component {
     constructor() {
         super(...arguments);
         this.getIcon = (size) => {
             switch (size) {
-                case '24': return ForwardRef$f;
-                case '30': return ForwardRef$g;
-                case '36': return ForwardRef$g;
-                case '42': return ForwardRef$h;
-                default: return ForwardRef$g;
+                case '24':
+                    return ForwardRef$j;
+                case '30':
+                    return ForwardRef$k;
+                case '36':
+                    return ForwardRef$k;
+                case '42':
+                    return ForwardRef$l;
+                default:
+                    return ForwardRef$k;
             }
         };
         this.column = {
             key: 'name',
             grow: 1,
             width: 0,
-            render: (item, rowProps) => React__namespace.createElement("div", { key: rowProps.id, className: css$r.renderItem },
+            render: (item, rowProps) => (React__namespace.createElement("div", { key: rowProps.id, className: css$s.renderItem },
                 this.props.renderItem(item, rowProps),
-                React__namespace.createElement(FlexSpacer, null),
-                (rowProps.isChildrenSelected || rowProps.isSelected) && React__namespace.createElement("div", { className: css$r.iconWrapper },
-                    React__namespace.createElement(uuiComponents.IconContainer, { icon: this.getIcon(this.props.size), cx: rowProps.isChildrenSelected ? css$r.iconDefault : css$r.iconInfo }))),
+                React__namespace.createElement(uuiComponents.FlexSpacer, null),
+                (rowProps.isChildrenSelected || rowProps.isSelected) && (React__namespace.createElement("div", { className: css$s.iconWrapper },
+                    React__namespace.createElement(uuiComponents.IconContainer, { icon: this.getIcon(this.props.size), cx: rowProps.isChildrenSelected ? css$s.iconDefault : css$s.iconPrimary }))))),
         };
         this.renderContent = () => {
-            return React__namespace.createElement(DataTableCell, { key: 'name', size: this.props.size || '36', padding: this.props.padding || '24', isFirstColumn: true, isLastColumn: false, tabIndex: -1, column: this.column, rowProps: this.props, alignActions: this.props.alignActions || 'top' });
+            return (React__namespace.createElement(DataTableCell, { key: "name", size: this.props.size || '36', padding: this.props.padding || '24', isFirstColumn: true, isLastColumn: false, tabIndex: -1, column: this.column, rowProps: this.props, alignActions: this.props.alignActions || 'top' }));
         };
     }
     render() {
-        return React__namespace.createElement(uuiComponents.DataPickerRow, Object.assign({}, this.props, { cx: [css$r.pickerRow, this.props.cx], renderContent: this.renderContent }));
+        return React__namespace.createElement(uuiComponents.DataPickerRow, Object.assign({}, this.props, { cx: [css$s.pickerRow, this.props.cx], renderContent: this.renderContent }));
     }
 }
 
-var css$q = {"typography-header":"MobileDropdownWrapper_typography-header__x4CWx","typography-block":"MobileDropdownWrapper_typography-block__qdVMl","typography-inline":"MobileDropdownWrapper_typography-inline__yk-yR","typography-16":"MobileDropdownWrapper_typography-16__keTAm","typography-14":"MobileDropdownWrapper_typography-14__kN-FT","typography-12":"MobileDropdownWrapper_typography-12__X6oPE","typography-promo":"MobileDropdownWrapper_typography-promo__tKPcE MobileDropdownWrapper_typography-header__x4CWx MobileDropdownWrapper_typography-block__qdVMl MobileDropdownWrapper_typography-inline__yk-yR","done":"MobileDropdownWrapper_done__kE5Pe","typographyHeader":"MobileDropdownWrapper_typography-header__x4CWx","typographyBlock":"MobileDropdownWrapper_typography-block__qdVMl","typographyInline":"MobileDropdownWrapper_typography-inline__yk-yR","typography16":"MobileDropdownWrapper_typography-16__keTAm","typography14":"MobileDropdownWrapper_typography-14__kN-FT","typography12":"MobileDropdownWrapper_typography-12__X6oPE","typographyPromo":"MobileDropdownWrapper_typography-promo__tKPcE MobileDropdownWrapper_typography-header__x4CWx MobileDropdownWrapper_typography-block__qdVMl MobileDropdownWrapper_typography-inline__yk-yR"};
+var css$r = {"typography-header":"MobileDropdownWrapper_typography-header__x4CWx","typography-block":"MobileDropdownWrapper_typography-block__qdVMl","typography-inline":"MobileDropdownWrapper_typography-inline__yk-yR","typography-16":"MobileDropdownWrapper_typography-16__keTAm","typography-14":"MobileDropdownWrapper_typography-14__kN-FT","typography-12":"MobileDropdownWrapper_typography-12__X6oPE","typography-promo":"MobileDropdownWrapper_typography-promo__tKPcE MobileDropdownWrapper_typography-header__x4CWx MobileDropdownWrapper_typography-block__qdVMl MobileDropdownWrapper_typography-inline__yk-yR","done":"MobileDropdownWrapper_done__kE5Pe","typographyHeader":"MobileDropdownWrapper_typography-header__x4CWx","typographyBlock":"MobileDropdownWrapper_typography-block__qdVMl","typographyInline":"MobileDropdownWrapper_typography-inline__yk-yR","typography16":"MobileDropdownWrapper_typography-16__keTAm","typography14":"MobileDropdownWrapper_typography-14__kN-FT","typography12":"MobileDropdownWrapper_typography-12__X6oPE","typographyPromo":"MobileDropdownWrapper_typography-promo__tKPcE MobileDropdownWrapper_typography-header__x4CWx MobileDropdownWrapper_typography-block__qdVMl MobileDropdownWrapper_typography-inline__yk-yR"};
 
-const MobileDropdownWrapper = props => {
+const MobileDropdownWrapper = (props) => {
     const isVisible = uuiCore.isMobile();
     uuiCore.useAppMobileHeight();
     return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
         isVisible && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.close }),
         props.children,
-        isVisible && (React__namespace.default.createElement(LinkButton, { caption: 'DONE', onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$q.done, size: '48' }))));
+        isVisible && React__namespace.default.createElement(LinkButton, { caption: "DONE", onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$r.done, size: "48" })));
 };
 
-var css$p = {"typography-header":"PickerModal_typography-header__UkGcm","typography-block":"PickerModal_typography-block__ZZN4H","typography-inline":"PickerModal_typography-inline__KorkO","typography-16":"PickerModal_typography-16__iu8BL","typography-14":"PickerModal_typography-14__q81pu","typography-12":"PickerModal_typography-12__yekWT","typography-promo":"PickerModal_typography-promo__aiTeX PickerModal_typography-header__UkGcm PickerModal_typography-block__ZZN4H PickerModal_typography-inline__KorkO","sub-header-wrapper":"PickerModal_sub-header-wrapper__ArWps","switch":"PickerModal_switch__l1-Vd","typographyHeader":"PickerModal_typography-header__UkGcm","typographyBlock":"PickerModal_typography-block__ZZN4H","typographyInline":"PickerModal_typography-inline__KorkO","typography16":"PickerModal_typography-16__iu8BL","typography14":"PickerModal_typography-14__q81pu","typography12":"PickerModal_typography-12__yekWT","typographyPromo":"PickerModal_typography-promo__aiTeX PickerModal_typography-header__UkGcm PickerModal_typography-block__ZZN4H PickerModal_typography-inline__KorkO","subHeaderWrapper":"PickerModal_sub-header-wrapper__ArWps","$switch$":"PickerModal_switch__l1-Vd"};
+var css$q = {"typography-header":"PickerModal_typography-header__UkGcm","typography-block":"PickerModal_typography-block__ZZN4H","typography-inline":"PickerModal_typography-inline__KorkO","typography-16":"PickerModal_typography-16__iu8BL","typography-14":"PickerModal_typography-14__q81pu","typography-12":"PickerModal_typography-12__yekWT","typography-promo":"PickerModal_typography-promo__aiTeX PickerModal_typography-header__UkGcm PickerModal_typography-block__ZZN4H PickerModal_typography-inline__KorkO","sub-header-wrapper":"PickerModal_sub-header-wrapper__ArWps","switch":"PickerModal_switch__l1-Vd","typographyHeader":"PickerModal_typography-header__UkGcm","typographyBlock":"PickerModal_typography-block__ZZN4H","typographyInline":"PickerModal_typography-inline__KorkO","typography16":"PickerModal_typography-16__iu8BL","typography14":"PickerModal_typography-14__q81pu","typography12":"PickerModal_typography-12__yekWT","typographyPromo":"PickerModal_typography-promo__aiTeX PickerModal_typography-header__UkGcm PickerModal_typography-block__ZZN4H PickerModal_typography-inline__KorkO","subHeaderWrapper":"PickerModal_sub-header-wrapper__ArWps","$switch$":"PickerModal_switch__l1-Vd"};
 
-var _path$d, _path2;
-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$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 SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     width: 66,
     height: 67,
     viewBox: "0 0 66 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
@@ -2290,42 +2263,39 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
     fill: "#6C6F80"
   })));
 };
-var ForwardRef$e = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
+var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
 class PickerModalImpl extends uuiComponents.PickerModalBase {
     constructor() {
         super(...arguments);
         this.renderNotFound = () => {
-            return this.props.renderNotFound
-                ? this.props.renderNotFound({ search: this.state.dataSourceState.search, onClose: () => this.props.success(null) })
-                : React__namespace.createElement("div", { className: css$p.noFoundModalContainer },
-                    React__namespace.createElement(uuiComponents.IconContainer, { cx: css$p.noFoundModalContainerIcon, icon: ForwardRef$e }),
-                    React__namespace.createElement(Text, { cx: css$p.noFoundModalContainerText, font: 'semibold', fontSize: '16', lineHeight: '24', color: 'primary', size: '36' }, i18n.dataPickerBody.noRecordsMessage),
-                    React__namespace.createElement(Text, { cx: css$p.noFoundModalContainerText, fontSize: '12', lineHeight: '18', font: 'regular', color: 'primary', size: '36' }, i18n.dataPickerBody.noRecordsSubTitle));
+            return this.props.renderNotFound ? (this.props.renderNotFound({ search: this.state.dataSourceState.search, onClose: () => this.props.success(null) })) : (React__namespace.createElement("div", { className: css$q.noFoundModalContainer },
+                React__namespace.createElement(uuiComponents.IconContainer, { cx: css$q.noFoundModalContainerIcon, icon: ForwardRef$i }),
+                React__namespace.createElement(Text, { cx: css$q.noFoundModalContainerText, font: "semibold", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
+                React__namespace.createElement(Text, { cx: css$q.noFoundModalContainerText, fontSize: "12", lineHeight: "18", font: "regular", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
         };
     }
     renderRow(rowProps) {
-        return this.props.renderRow ? this.props.renderRow(rowProps, this.state.dataSourceState) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, borderBottom: 'none', padding: '24', size: '36', renderItem: (i) => React__namespace.createElement(Text, { size: '36' }, rowProps.isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : this.getName(i)) })));
+        return this.props.renderRow ? (this.props.renderRow(rowProps, this.state.dataSourceState)) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, borderBottom: "none", padding: "24", size: "36", renderItem: (i) => React__namespace.createElement(Text, { size: "36" }, rowProps.isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : this.getName(i)) })));
     }
-    renderFooter(selectedDataRows) {
-        const hasSelection = selectedDataRows.length > 0;
+    renderFooter() {
         const view = this.getView();
-        return React__namespace.createElement(React__namespace.Fragment, null,
-            view.selectAll && React__namespace.createElement(LinkButton, { caption: hasSelection ? i18n.pickerModal.clearAllButton : i18n.pickerModal.selectAllButton, onClick: hasSelection ? () => this.clearSelection() : () => view.selectAll.onValueChange(true) }),
-            React__namespace.createElement(FlexSpacer, null),
-            React__namespace.createElement(Button, { mode: 'outline', color: 'secondary', caption: i18n.pickerModal.cancelButton, onClick: () => this.props.abort() }),
-            React__namespace.createElement(Button, { color: 'accent', caption: i18n.pickerModal.selectButton, onClick: () => this.props.success(null) }));
+        const hasSelection = view.getSelectedRowsCount() > 0;
+        return (React__namespace.createElement(React__namespace.Fragment, null,
+            view.selectAll && (React__namespace.createElement(LinkButton, { caption: hasSelection ? i18n.pickerModal.clearAllButton : i18n.pickerModal.selectAllButton, onClick: hasSelection ? () => this.clearSelection() : () => view.selectAll.onValueChange(true) })),
+            React__namespace.createElement(uuiComponents.FlexSpacer, null),
+            React__namespace.createElement(Button, { mode: "outline", color: "secondary", caption: i18n.pickerModal.cancelButton, onClick: () => this.props.abort() }),
+            React__namespace.createElement(Button, { color: "accent", caption: i18n.pickerModal.selectButton, onClick: () => this.props.success(null) })));
     }
     render() {
         const view = this.getView();
         const dataRows = this.getRows();
-        const selectedDataRows = view.getSelectedRows();
-        const rows = dataRows.map(props => this.renderRow(props));
+        const rows = dataRows.map((props) => this.renderRow(props));
         return (React__namespace.createElement(ModalBlocker, Object.assign({}, this.props),
             React__namespace.createElement(ModalWindow, { width: 600, height: 700 },
                 React__namespace.createElement(ModalHeader, { title: this.props.caption || i18n.pickerModal.headerTitle, onClose: () => this.props.abort() }),
-                React__namespace.createElement(FlexCell, { cx: css$p.subHeaderWrapper },
-                    React__namespace.createElement(FlexRow, { vPadding: '24' },
+                React__namespace.createElement(FlexCell, { cx: css$q.subHeaderWrapper },
+                    React__namespace.createElement(FlexRow, { vPadding: "24" },
                         React__namespace.createElement(SearchInput, Object.assign({}, this.lens.prop('dataSourceState').prop('search').toProps(), { onKeyDown: (e) => uuiComponents.handleDataSourceKeyboard({
                                 value: this.getDataSourceState(),
                                 onValueChange: this.handleDataSourceValueChange,
@@ -2333,12 +2303,10 @@ class PickerModalImpl extends uuiComponents.PickerModalBase {
                                 rows: dataRows,
                                 editMode: 'modal',
                             }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder }))),
-                    !this.isSingleSelect() && React__namespace.createElement(Switch, Object.assign({ cx: css$p.switch, size: '18' }, this.stateLens.prop('showSelected').toProps(), { isDisabled: selectedDataRows.length < 1, label: 'Show only selected' })),
+                    !this.isSingleSelect() && (React__namespace.createElement(Switch, Object.assign({ cx: css$q.switch, size: "18" }, this.stateLens.prop('showSelected').toProps(), { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
                     this.props.renderFilter && React__namespace.createElement(FlexCell, { grow: 2 }, this.props.renderFilter(this.lens.prop('dataSourceState').prop('filter').toProps()))),
-                React__namespace.createElement(DataPickerBody, Object.assign({}, this.getListProps(), { value: this.getDataSourceState(), onValueChange: this.handleDataSourceValueChange, search: this.lens.prop('dataSourceState').prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: this.renderNotFound, editMode: 'modal' })),
-                React__namespace.createElement(ModalFooter, { padding: '24', vPadding: '24' }, this.props.renderFooter
-                    ? this.props.renderFooter(this.getFooterProps())
-                    : this.renderFooter(selectedDataRows)))));
+                React__namespace.createElement(DataPickerBody, Object.assign({}, this.getListProps(), { value: this.getDataSourceState(), onValueChange: this.handleDataSourceValueChange, search: this.lens.prop('dataSourceState').prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: this.renderNotFound, editMode: "modal" })),
+                React__namespace.createElement(ModalFooter, { padding: "24", vPadding: "24" }, this.props.renderFooter ? this.props.renderFooter(this.getFooterProps()) : this.renderFooter()))));
     }
 }
 class PickerModal extends React__namespace.Component {
@@ -2354,29 +2322,29 @@ class PickerModal extends React__namespace.Component {
 
 const Avatar = uuiCore.withMods(uuiComponents.Avatar, () => []);
 
+var css$p = {"root":"AvatarStack_root__Tsg6N"};
+
+const AvatarStack = uuiCore.withMods(uuiComponents.AvatarStack, () => [css$p.root]);
+
 var css$o = {"typography-header":"Badge_typography-header__zhcFQ","typography-block":"Badge_typography-block__aR47j","typography-inline":"Badge_typography-inline__MLd7F","typography-16":"Badge_typography-16__gwWRC","typography-14":"Badge_typography-14__ins26","typography-12":"Badge_typography-12__pj7lQ","typography-promo":"Badge_typography-promo__jJwa3 Badge_typography-header__zhcFQ Badge_typography-block__aR47j Badge_typography-inline__MLd7F","root":"Badge_root__wIzSP","size-18":"Badge_size-18__-VlZJ","fill-transparent":"Badge_fill-transparent__za27N","size-24":"Badge_size-24__WZsqd","size-30":"Badge_size-30__oGbuk","size-36":"Badge_size-36__MMdK5","size-42":"Badge_size-42__MOPTB","size-48":"Badge_size-48__FEYnJ","fill-solid":"Badge_fill-solid__ptnEO","fill-semitransparent":"Badge_fill-semitransparent__Nd9RN","typographyHeader":"Badge_typography-header__zhcFQ","typographyBlock":"Badge_typography-block__aR47j","typographyInline":"Badge_typography-inline__MLd7F","typography16":"Badge_typography-16__gwWRC","typography14":"Badge_typography-14__ins26","typography12":"Badge_typography-12__pj7lQ","typographyPromo":"Badge_typography-promo__jJwa3 Badge_typography-header__zhcFQ Badge_typography-block__aR47j Badge_typography-inline__MLd7F","size18":"Badge_size-18__-VlZJ","fillTransparent":"Badge_fill-transparent__za27N","size24":"Badge_size-24__WZsqd","size30":"Badge_size-30__oGbuk","size36":"Badge_size-36__MMdK5","size42":"Badge_size-42__MOPTB","size48":"Badge_size-48__FEYnJ","fillSolid":"Badge_fill-solid__ptnEO","fillSemitransparent":"Badge_fill-semitransparent__Nd9RN"};
 
 const defaultSize$4 = '36';
 const mapSize$1 = {
-    '48': '48',
-    '42': '48',
-    '36': '36',
-    '30': '30',
-    '24': '30',
-    '18': '18',
+    48: '48',
+    42: '48',
+    36: '36',
+    30: '30',
+    24: '30',
+    18: '18',
 };
 function applyBadgeMods(mods) {
     return [
-        css$o.root,
-        buttonCss.root,
-        css$o['size-' + (mods.size || defaultSize$4)],
-        css$o['fill-' + (mods.fill || 'solid')],
-        mods.color && `badge-${(mods.color)}`,
+        css$o.root, buttonCss.root, css$o['size-' + (mods.size || defaultSize$4)], css$o['fill-' + (mods.fill || 'solid')], mods.color && `badge-${mods.color}`,
     ];
 }
 const Badge = uuiCore.withMods(uuiComponents.Button, applyBadgeMods, (props) => ({
-    dropdownIcon: systemIcons[props.size && mapSize$1[props.size] || defaultSize$4].foldingArrow,
-    clearIcon: systemIcons[props.size && mapSize$1[props.size] || defaultSize$4].clear,
+    dropdownIcon: systemIcons[(props.size && mapSize$1[props.size]) || defaultSize$4].foldingArrow,
+    clearIcon: systemIcons[(props.size && mapSize$1[props.size]) || defaultSize$4].clear,
     countPosition: 'left',
 }));
 
@@ -2384,33 +2352,122 @@ var css$n = {"typography-header":"Tag_typography-header__F6CIv","typography-bloc
 
 const defaultSize$3 = '36';
 const mapSize = {
-    '48': '48',
-    '42': '48',
-    '36': '36',
-    '30': '30',
-    '24': '30',
-    '18': '18',
+    48: '48',
+    42: '48',
+    36: '36',
+    30: '30',
+    24: '30',
+    18: '18',
 };
 function applyTagMods(mods) {
-    return [
-        css$n['size-' + (mods.size || defaultSize$3)],
-        css$n.root,
-    ];
+    return [css$n['size-' + (mods.size || defaultSize$3)], css$n.root];
 }
 const Tag = uuiCore.withMods(uuiComponents.Button, applyTagMods, (props) => ({
     dropdownIcon: systemIcons[mapSize[props.size] || defaultSize$3].foldingArrow,
     clearIcon: systemIcons[mapSize[props.size] || defaultSize$3].clear,
 }));
 
-var css$m = {"typography-header":"PickerToggler_typography-header__Wl3bF","typography-block":"PickerToggler_typography-block__ujo3e","typography-inline":"PickerToggler_typography-inline__R6g9F","typography-16":"PickerToggler_typography-16__umTFU","typography-14":"PickerToggler_typography-14__3RWdh","typography-12":"PickerToggler_typography-12__PnVPR","typography-promo":"PickerToggler_typography-promo__PFoH7 PickerToggler_typography-header__Wl3bF PickerToggler_typography-block__ujo3e PickerToggler_typography-inline__R6g9F","root":"PickerToggler_root__G7gEl","mode-form":"PickerToggler_mode-form__OlTHW","mode-cell":"PickerToggler_mode-cell__hBg0t","size-24":"PickerToggler_size-24__MUg2U","size-30":"PickerToggler_size-30__K0XU-","size-36":"PickerToggler_size-36__NqG3q","size-42":"PickerToggler_size-42__xm0IS","size-48":"PickerToggler_size-48__DGIi9","typographyHeader":"PickerToggler_typography-header__Wl3bF","typographyBlock":"PickerToggler_typography-block__ujo3e","typographyInline":"PickerToggler_typography-inline__R6g9F","typography16":"PickerToggler_typography-16__umTFU","typography14":"PickerToggler_typography-14__3RWdh","typography12":"PickerToggler_typography-12__PnVPR","typographyPromo":"PickerToggler_typography-promo__PFoH7 PickerToggler_typography-header__Wl3bF PickerToggler_typography-block__ujo3e PickerToggler_typography-inline__R6g9F","modeForm":"PickerToggler_mode-form__OlTHW","modeCell":"PickerToggler_mode-cell__hBg0t","size24":"PickerToggler_size-24__MUg2U","size30":"PickerToggler_size-30__K0XU-","size36":"PickerToggler_size-36__NqG3q","size42":"PickerToggler_size-42__xm0IS","size48":"PickerToggler_size-48__DGIi9"};
+var css$m = {"root":"Paginator_root__axS3r","spacer":"Paginator_spacer__Xicct","mode-ghost":"Paginator_mode-ghost__3igjT","size-24":"Paginator_size-24__ZlsRd","size-30":"Paginator_size-30__Uw66-","navigation-size-24":"Paginator_navigation-size-24__FpImt","navigation-size-30":"Paginator_navigation-size-30__-PWmy","modeGhost":"Paginator_mode-ghost__3igjT","size24":"Paginator_size-24__ZlsRd","size30":"Paginator_size-30__Uw66-","navigationSize24":"Paginator_navigation-size-24__FpImt","navigationSize30":"Paginator_navigation-size-30__-PWmy"};
+
+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 SvgNavigationChevronLeft12 = function SvgNavigationChevronLeft12(props, ref) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+    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__namespace.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__*/React.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 SvgNavigationChevronRight12 = function SvgNavigationChevronRight12(props, ref) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+    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__namespace.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__*/React.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 SvgNavigationChevronLeft18 = function SvgNavigationChevronLeft18(props, ref) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+    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__namespace.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__*/React.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 SvgNavigationChevronRight18 = function SvgNavigationChevronRight18(props, ref) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+    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__namespace.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__*/React.forwardRef(SvgNavigationChevronRight18);
+
+function Paginator(props) {
+    const renderPaginator = (params) => {
+        var _a, _b;
+        return (React__namespace.default.createElement("nav", Object.assign({ role: "navigation", className: css$m.root }, params.rawProps),
+            React__namespace.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" }),
+            params.pages.map((page, index) => {
+                var _a, _b;
+                if (page.type === 'spacer') {
+                    return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$m[`size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], css$m.spacer), size: params.size, key: `${index}_spacer`, caption: "...", mode: "ghost", color: "secondary", tabIndex: -1 }));
+                }
+                else {
+                    return (React__namespace.default.createElement(Button, { cx: cx__default.default(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__namespace.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" })));
+    };
+    return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
+}
+
+const MAX_ITEMS = 100;
+const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
+
+var css$l = {"typography-header":"PickerToggler_typography-header__Wl3bF","typography-block":"PickerToggler_typography-block__ujo3e","typography-inline":"PickerToggler_typography-inline__R6g9F","typography-16":"PickerToggler_typography-16__umTFU","typography-14":"PickerToggler_typography-14__3RWdh","typography-12":"PickerToggler_typography-12__PnVPR","typography-promo":"PickerToggler_typography-promo__PFoH7 PickerToggler_typography-header__Wl3bF PickerToggler_typography-block__ujo3e PickerToggler_typography-inline__R6g9F","root":"PickerToggler_root__G7gEl","mode-form":"PickerToggler_mode-form__OlTHW","mode-cell":"PickerToggler_mode-cell__hBg0t","mode-inline":"PickerToggler_mode-inline__AIRuh","size-24":"PickerToggler_size-24__MUg2U","size-30":"PickerToggler_size-30__K0XU-","size-36":"PickerToggler_size-36__NqG3q","size-42":"PickerToggler_size-42__xm0IS","size-48":"PickerToggler_size-48__DGIi9","typographyHeader":"PickerToggler_typography-header__Wl3bF","typographyBlock":"PickerToggler_typography-block__ujo3e","typographyInline":"PickerToggler_typography-inline__R6g9F","typography16":"PickerToggler_typography-16__umTFU","typography14":"PickerToggler_typography-14__3RWdh","typography12":"PickerToggler_typography-12__PnVPR","typographyPromo":"PickerToggler_typography-promo__PFoH7 PickerToggler_typography-header__Wl3bF PickerToggler_typography-block__ujo3e PickerToggler_typography-inline__R6g9F","modeForm":"PickerToggler_mode-form__OlTHW","modeCell":"PickerToggler_mode-cell__hBg0t","modeInline":"PickerToggler_mode-inline__AIRuh","size24":"PickerToggler_size-24__MUg2U","size30":"PickerToggler_size-30__K0XU-","size36":"PickerToggler_size-36__NqG3q","size42":"PickerToggler_size-42__xm0IS","size48":"PickerToggler_size-48__DGIi9"};
 
 const defaultSize$2 = '36';
 const defaultMode = exports.EditMode.FORM;
 function applyPickerTogglerMods(mods) {
     return [
-        css$m.root,
-        css$m['size-' + (mods.size || defaultSize$2)],
-        css$m['mode-' + (mods.mode || defaultMode)],
+        css$l.root,
+        css$l['size-' + (mods.size || defaultSize$2)],
+        css$l['mode-' + (mods.mode || defaultMode)],
     ];
 }
 function PickerTogglerComponent(props, ref) {
@@ -2429,12 +2486,11 @@ function PickerTogglerComponent(props, ref) {
         }
     };
     const getCaption = (row) => {
-        var _a;
-        const maxItems = (props.maxItems || props.maxItems === 0) ? props.maxItems : 100;
+        const maxItems = getMaxItems(props.maxItems);
         if (row.isLoading) {
             return React__namespace.createElement(TextPlaceholder, null);
         }
-        else if (!props.getName || ((_a = props.selection) === null || _a === void 0 ? void 0 : _a.length) > maxItems) {
+        else if (!props.getName || props.selectedRowsCount > maxItems) {
             return row.value;
         }
         else {
@@ -2443,17 +2499,17 @@ function PickerTogglerComponent(props, ref) {
     };
     const renderItem = (row) => {
         var _a;
-        return (React__namespace.createElement(Tag, { key: row.rowKey, caption: getCaption(row), tabIndex: -1, size: props.size ? getPickerTogglerButtonSize(props.size) : '30', onClear: e => {
+        return (React__namespace.createElement(Tag, { key: row.rowKey, caption: getCaption(row), tabIndex: -1, size: props.size ? getPickerTogglerButtonSize(props.size) : '30', onClear: (e) => {
                 var _a;
                 (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row);
                 e.stopPropagation();
             }, isDisabled: props.isDisabled || props.isReadonly || ((_a = row === null || row === void 0 ? void 0 : row.checkbox) === null || _a === void 0 ? void 0 : _a.isDisabled) }));
     };
-    return (React__namespace.createElement(uuiComponents.PickerToggler, Object.assign({}, props, { ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: !!props.renderItem ? props.renderItem : renderItem, getName: (item) => props.getName ? props.getName(item) : item, cancelIcon: systemIcons[props.size || defaultSize$2].clear, dropdownIcon: systemIcons[props.size || defaultSize$2].foldingArrow })));
+    return (React__namespace.createElement(uuiComponents.PickerToggler, Object.assign({}, props, { ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: !!props.renderItem ? props.renderItem : renderItem, getName: (item) => (props.getName ? props.getName(item) : item), cancelIcon: systemIcons[props.size || defaultSize$2].clear, dropdownIcon: systemIcons[props.size || defaultSize$2].foldingArrow })));
 }
 const PickerToggler = React__namespace.forwardRef(PickerTogglerComponent);
 
-var css$l = {"root":"PickerItem_root__m-i2g","multiline-vertical-padding-24":"PickerItem_multiline-vertical-padding-24__ivzzQ","multiline-vertical-padding-30":"PickerItem_multiline-vertical-padding-30__tBEW-","multiline-vertical-padding-36":"PickerItem_multiline-vertical-padding-36__NpueM","multiline-vertical-padding-42":"PickerItem_multiline-vertical-padding-42__UjLpR","multiline-vertical-padding-48":"PickerItem_multiline-vertical-padding-48__65Jdv","text":"PickerItem_text__k9Jsu","multilineVerticalPadding24":"PickerItem_multiline-vertical-padding-24__ivzzQ","multilineVerticalPadding30":"PickerItem_multiline-vertical-padding-30__tBEW-","multilineVerticalPadding36":"PickerItem_multiline-vertical-padding-36__NpueM","multilineVerticalPadding42":"PickerItem_multiline-vertical-padding-42__UjLpR","multilineVerticalPadding48":"PickerItem_multiline-vertical-padding-48__65Jdv"};
+var css$k = {"root":"PickerItem_root__m-i2g","multiline-vertical-padding-24":"PickerItem_multiline-vertical-padding-24__ivzzQ","multiline-vertical-padding-30":"PickerItem_multiline-vertical-padding-30__tBEW-","multiline-vertical-padding-36":"PickerItem_multiline-vertical-padding-36__NpueM","multiline-vertical-padding-42":"PickerItem_multiline-vertical-padding-42__UjLpR","multiline-vertical-padding-48":"PickerItem_multiline-vertical-padding-48__65Jdv","text":"PickerItem_text__k9Jsu","multilineVerticalPadding24":"PickerItem_multiline-vertical-padding-24__ivzzQ","multilineVerticalPadding30":"PickerItem_multiline-vertical-padding-30__tBEW-","multilineVerticalPadding36":"PickerItem_multiline-vertical-padding-36__NpueM","multilineVerticalPadding42":"PickerItem_multiline-vertical-padding-42__UjLpR","multilineVerticalPadding48":"PickerItem_multiline-vertical-padding-48__65Jdv"};
 
 const defaultSize$1 = '36';
 class PickerItem extends React__namespace.Component {
@@ -2464,20 +2520,20 @@ class PickerItem extends React__namespace.Component {
         };
     }
     render() {
-        const { size, avatarUrl, title, subtitle, isLoading, isDisabled, icon } = this.props;
+        const { size, avatarUrl, title, subtitle, isLoading, isDisabled, icon, } = this.props;
         const itemSize = size && size !== 'none' ? size : defaultSize$1;
         const isMultiline = !!(title && subtitle);
-        return (React__namespace.createElement(FlexCell, { width: 'auto', cx: css$l.root },
-            React__namespace.createElement(FlexRow, { size: itemSize, cx: isMultiline && css$l[`multiline-vertical-padding-${itemSize}`], spacing: '12' },
+        return (React__namespace.createElement(FlexCell, { width: "auto", cx: css$k.root },
+            React__namespace.createElement(FlexRow, { size: itemSize, cx: isMultiline && css$k[`multiline-vertical-padding-${itemSize}`], spacing: "12" },
                 avatarUrl && React__namespace.createElement(Avatar, { isLoading: isLoading, img: avatarUrl, size: this.getAvatarSize(itemSize, isMultiline).toString() }),
                 icon && React__namespace.createElement(uuiComponents.IconContainer, { icon: icon }),
-                React__namespace.createElement(FlexCell, { width: 'auto' },
-                    title && React__namespace.createElement(Text, { size: itemSize, cx: css$l.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : title),
-                    subtitle && React__namespace.createElement(Text, { size: itemSize, color: 'disabled', cx: css$l.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle)))));
+                React__namespace.createElement(FlexCell, { width: "auto" },
+                    title && (React__namespace.createElement(Text, { size: itemSize, cx: css$k.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : title)),
+                    subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$k.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
     }
 }
 
-var css$k = {"typography-header":"PickerInput_typography-header__pZmu4","typography-block":"PickerInput_typography-block__MMlH6","typography-inline":"PickerInput_typography-inline__3Z1Fw","typography-16":"PickerInput_typography-16__58rbi","typography-14":"PickerInput_typography-14__CCnu9","typography-12":"PickerInput_typography-12__T51Lb","typography-promo":"PickerInput_typography-promo__tcN6K PickerInput_typography-header__pZmu4 PickerInput_typography-block__MMlH6 PickerInput_typography-inline__3Z1Fw","panel":"PickerInput_panel__0GHsI","footer-wrapper":"PickerInput_footer-wrapper__hMVx6","footer-size-24":"PickerInput_footer-size-24__X1s8w","footer-size-30":"PickerInput_footer-size-30__2kxYO","footer-size-36":"PickerInput_footer-size-36__xEFus","footer-size-42":"PickerInput_footer-size-42__q6lln","footer-size-48":"PickerInput_footer-size-48__uP99C","typographyHeader":"PickerInput_typography-header__pZmu4","typographyBlock":"PickerInput_typography-block__MMlH6","typographyInline":"PickerInput_typography-inline__3Z1Fw","typography16":"PickerInput_typography-16__58rbi","typography14":"PickerInput_typography-14__CCnu9","typography12":"PickerInput_typography-12__T51Lb","typographyPromo":"PickerInput_typography-promo__tcN6K PickerInput_typography-header__pZmu4 PickerInput_typography-block__MMlH6 PickerInput_typography-inline__3Z1Fw","footerWrapper":"PickerInput_footer-wrapper__hMVx6","footerSize24":"PickerInput_footer-size-24__X1s8w","footerSize30":"PickerInput_footer-size-30__2kxYO","footerSize36":"PickerInput_footer-size-36__xEFus","footerSize42":"PickerInput_footer-size-42__q6lln","footerSize48":"PickerInput_footer-size-48__uP99C"};
+var css$j = {"typography-header":"PickerInput_typography-header__pZmu4","typography-block":"PickerInput_typography-block__MMlH6","typography-inline":"PickerInput_typography-inline__3Z1Fw","typography-16":"PickerInput_typography-16__58rbi","typography-14":"PickerInput_typography-14__CCnu9","typography-12":"PickerInput_typography-12__T51Lb","typography-promo":"PickerInput_typography-promo__tcN6K PickerInput_typography-header__pZmu4 PickerInput_typography-block__MMlH6 PickerInput_typography-inline__3Z1Fw","panel":"PickerInput_panel__0GHsI","footer-wrapper":"PickerInput_footer-wrapper__hMVx6","footer-size-24":"PickerInput_footer-size-24__X1s8w","footer-size-30":"PickerInput_footer-size-30__2kxYO","footer-size-36":"PickerInput_footer-size-36__xEFus","footer-size-42":"PickerInput_footer-size-42__q6lln","footer-size-48":"PickerInput_footer-size-48__uP99C","typographyHeader":"PickerInput_typography-header__pZmu4","typographyBlock":"PickerInput_typography-block__MMlH6","typographyInline":"PickerInput_typography-inline__3Z1Fw","typography16":"PickerInput_typography-16__58rbi","typography14":"PickerInput_typography-14__CCnu9","typography12":"PickerInput_typography-12__T51Lb","typographyPromo":"PickerInput_typography-promo__tcN6K PickerInput_typography-header__pZmu4 PickerInput_typography-block__MMlH6 PickerInput_typography-inline__3Z1Fw","footerWrapper":"PickerInput_footer-wrapper__hMVx6","footerSize24":"PickerInput_footer-size-24__X1s8w","footerSize30":"PickerInput_footer-size-30__2kxYO","footerSize36":"PickerInput_footer-size-36__xEFus","footerSize42":"PickerInput_footer-size-42__q6lln","footerSize48":"PickerInput_footer-size-48__uP99C"};
 
 const pickerHeight$1 = 300;
 const pickerWidth$1 = 360;
@@ -2488,13 +2544,14 @@ class PickerInput extends uuiComponents.PickerInputBase {
             return React__namespace.default.createElement(PickerItem, Object.assign({ title: this.getName(item), size: this.getRowSize() }, rowProps));
         };
         this.renderRow = (rowProps) => {
-            return this.props.renderRow ? this.props.renderRow(rowProps, this.state.dataSourceState) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, borderBottom: 'none', size: this.getRowSize(), padding: this.props.editMode === 'modal' ? '24' : '12', renderItem: this.renderItem })));
+            return this.props.renderRow ? (this.props.renderRow(rowProps, this.state.dataSourceState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, borderBottom: "none", size: this.getRowSize(), padding: this.props.editMode === 'modal' ? '24' : '12', renderItem: this.renderItem })));
         };
     }
-    toggleModalOpening(opened) {
+    toggleModalOpening() {
         const _a = this.props, { renderFooter, rawProps } = _a, restProps = __rest(_a, ["renderFooter", "rawProps"]);
-        this.context.uuiModals.show(props => React__namespace.default.createElement(PickerModal, Object.assign({}, restProps, { rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.body }, props, { caption: this.getPlaceholder(), initialValue: this.props.value, renderRow: this.renderRow, selectionMode: this.props.selectionMode, valueType: this.props.valueType })))
-            .then(newSelection => {
+        this.context.uuiModals
+            .show((props) => (React__namespace.default.createElement(PickerModal, Object.assign({}, restProps, { rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.body }, props, { caption: this.getPlaceholder(), initialValue: this.props.value, renderRow: this.renderRow, selectionMode: this.props.selectionMode, valueType: this.props.valueType }))))
+            .then((newSelection) => {
             this.handleSelectionValueChange(newSelection);
             this.returnFocusToInput();
         })
@@ -2503,11 +2560,10 @@ class PickerInput extends uuiComponents.PickerInputBase {
         });
     }
     getRowSize() {
-        return uuiCore.isMobile()
-            ? '48'
-            : this.props.editMode === 'modal'
-                ? '36'
-                : this.props.size;
+        if (uuiCore.isMobile()) {
+            return '48';
+        }
+        return this.props.editMode === 'modal' ? '36' : this.props.size;
     }
     getTogglerMods() {
         return {
@@ -2517,33 +2573,34 @@ class PickerInput extends uuiComponents.PickerInputBase {
     }
     renderFooter() {
         const footerProps = this.getFooterProps();
-        return this.props.renderFooter
-            ? this.props.renderFooter(footerProps)
-            : React__namespace.default.createElement(DataPickerFooter, Object.assign({}, footerProps, { size: this.props.size }));
+        return this.props.renderFooter ? (this.props.renderFooter(footerProps)) : (React__namespace.default.createElement(DataPickerFooter, Object.assign({}, footerProps, { size: this.props.size })));
     }
     renderTarget(targetProps) {
-        const renderTarget = this.props.renderToggler || (props => React__namespace.default.createElement(PickerToggler, Object.assign({}, props)));
-        return (React__namespace.default.createElement(uuiCore.IEditableDebouncer, { value: targetProps.value, onValueChange: this.handleTogglerSearchChange, render: editableProps => renderTarget(Object.assign(Object.assign(Object.assign({}, this.getTogglerMods()), targetProps), editableProps)) }));
+        const renderTarget = this.props.renderToggler || ((props) => React__namespace.default.createElement(PickerToggler, Object.assign({}, props)));
+        return (React__namespace.default.createElement(uuiCore.IEditableDebouncer, { value: targetProps.value, onValueChange: this.handleTogglerSearchChange, render: (editableProps) => renderTarget(Object.assign(Object.assign(Object.assign({}, this.getTogglerMods()), targetProps), editableProps)) }));
     }
     renderBody(props, rows) {
-        const renderedDataRows = rows.map((props) => this.renderRow(props));
-        const maxHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : (this.props.dropdownHeight || pickerHeight$1);
-        const minBodyWidth = uuiCore.isMobile() ? document.documentElement.clientWidth : (this.props.minBodyWidth || pickerWidth$1);
-        return (React__namespace.default.createElement(Panel, { shadow: true, style: { width: props.togglerWidth > minBodyWidth ? props.togglerWidth : minBodyWidth }, rawProps: { tabIndex: -1 }, cx: [css$k.panel, uuiCore.uuiMarkers.lockFocus] },
+        const renderedDataRows = rows.map((row) => this.renderRow(row));
+        const maxHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : this.props.dropdownHeight || pickerHeight$1;
+        const minBodyWidth = uuiCore.isMobile() ? document.documentElement.clientWidth : this.props.minBodyWidth || pickerWidth$1;
+        return (React__namespace.default.createElement(Panel, { style: { width: props.togglerWidth > minBodyWidth ? props.togglerWidth : minBodyWidth }, rawProps: { tabIndex: -1 }, cx: [
+                css$j.panel, uuiCore.uuiMarkers.lockFocus, this.props.bodyCx,
+            ] },
             React__namespace.default.createElement(MobileDropdownWrapper, { title: this.props.entityName, close: () => {
                     this.returnFocusToInput();
                     this.toggleBodyOpening(false);
                 } },
-                React__namespace.default.createElement(DataPickerBody, Object.assign({}, props, { rows: renderedDataRows, maxHeight: maxHeight, searchSize: this.props.size, editMode: 'dropdown', selectionMode: this.props.selectionMode, renderNotFound: this.props.renderNotFound ?
-                        () => this.props.renderNotFound({
+                React__namespace.default.createElement(DataPickerBody, Object.assign({}, props, { rows: renderedDataRows, maxHeight: maxHeight, searchSize: this.props.size, editMode: "dropdown", selectionMode: this.props.selectionMode, renderNotFound: this.props.renderNotFound
+                        ? () => this.props.renderNotFound({
                             search: this.state.dataSourceState.search,
                             onClose: () => this.toggleBodyOpening(false),
-                        }) : undefined })),
-                !this.isSingleSelect() && this.renderFooter())));
+                        })
+                        : undefined })),
+                this.renderFooter())));
     }
 }
 
-var css$j = {"row":"PickerListItem_row__1Uzrn"};
+var css$i = {"row":"PickerListItem_row__1Uzrn"};
 
 class PickerListItem extends React__namespace.default.Component {
     render() {
@@ -2556,31 +2613,31 @@ class PickerListItem extends React__namespace.default.Component {
         }
         let component;
         if (this.props.checkbox) {
-            component = React__namespace.default.createElement(Checkbox, Object.assign({}, this.props.checkbox, { isDisabled: this.props.isLoading || this.props.checkbox.isDisabled, label: label, value: this.props.isChecked, onValueChange: () => this.props.onCheck(this.props) }));
+            component = (React__namespace.default.createElement(Checkbox, Object.assign({}, this.props.checkbox, { isDisabled: this.props.isLoading || this.props.checkbox.isDisabled || this.props.isDisabled, label: label, value: this.props.isChecked, onValueChange: () => this.props.onCheck(this.props) })));
         }
         else {
-            component = React__namespace.default.createElement(RadioInput, { label: label, value: this.props.isSelected, isDisabled: this.props.isLoading || !this.props.isSelectable, onValueChange: () => this.props.onSelect(this.props) });
+            component = (React__namespace.default.createElement(RadioInput, { label: label, value: this.props.isSelected, isDisabled: this.props.isLoading || !this.props.isSelectable || this.props.isDisabled, onValueChange: () => this.props.onSelect(this.props) }));
         }
-        return React__namespace.default.createElement("div", { className: css$j.row }, component);
+        return React__namespace.default.createElement("div", { className: css$i.row }, component);
     }
 }
 
 class PickerList extends uuiComponents.PickerListBase {
     constructor() {
         super(...arguments);
-        this.sessionStartTime = (new Date()).getTime();
+        this.sessionStartTime = new Date().getTime();
         this.renderRow = (row) => {
-            return React__namespace.default.createElement(PickerListItem, Object.assign({ getName: item => this.getName(item) }, row, { key: row.rowKey }));
+            return React__namespace.default.createElement(PickerListItem, Object.assign({ getName: (item) => this.getName(item) }, row, { key: row.rowKey }));
         };
         this.handleShowPicker = () => {
             this.context.uuiModals
-                .show(props => (React__namespace.default.createElement(PickerModal, Object.assign({}, props, this.props, { caption: this.props.placeholder || `Please select ${this.getEntityName() ? this.getEntityName() : ""}`, initialValue: this.props.value, selectionMode: this.props.selectionMode, valueType: this.props.valueType }))))
+                .show((props) => (React__namespace.default.createElement(PickerModal, Object.assign({}, props, this.props, { caption: this.props.placeholder || `Please select ${this.getEntityName() ? this.getEntityName() : ''}`, initialValue: this.props.value, selectionMode: this.props.selectionMode, valueType: this.props.valueType }))))
                 .then((value) => {
                 this.appendLastSelected([...this.getSelectedIdsArray(value)]);
                 this.props.onValueChange(value);
             });
         };
-        this.defaultRenderToggler = (props) => (React__namespace.default.createElement(LinkButton, Object.assign({ caption: 'Show all' }, props)));
+        this.defaultRenderToggler = (props) => React__namespace.default.createElement(LinkButton, Object.assign({ caption: "Show all" }, props));
     }
     render() {
         const view = this.getView();
@@ -2591,21 +2648,34 @@ class PickerList extends uuiComponents.PickerListBase {
         const renderToggler = this.props.renderModalToggler || this.defaultRenderToggler;
         const renderRow = this.props.renderRow || this.renderRow;
         return (React__namespace.default.createElement("div", null,
-            !rows.length && (this.props.noOptionsMessage ?
-                this.props.noOptionsMessage :
-                React__namespace.default.createElement(Text, { color: 'secondary', size: this.props.size }, "No options available")),
-            rows.map(row => renderRow(row, this.state.dataSourceState)),
-            showPicker && renderToggler({
-                onClick: this.handleShowPicker,
-                caption: this.getModalTogglerCaption(viewProps.totalCount, selectedRows.length),
-            }, selectedRows)));
+            !rows.length
+                && (this.props.noOptionsMessage || (React__namespace.default.createElement(Text, { color: "secondary", size: this.props.size }, "No options available"))),
+            rows.map((row) => renderRow(Object.assign(Object.assign({}, row), { isDisabled: this.props.isDisabled }), this.state.dataSourceState)),
+            showPicker
+                && renderToggler({
+                    onClick: this.handleShowPicker,
+                    caption: this.getModalTogglerCaption(viewProps.totalCount, view.getSelectedRowsCount()),
+                    isDisabled: this.props.isDisabled,
+                }, selectedRows)));
     }
 }
 PickerList.contextType = uuiCore.UuiContext;
 
-var css$i = {"typography-header":"FilterPanelItemToggler_typography-header__nwnk9","typography-block":"FilterPanelItemToggler_typography-block__RS98Q","typography-inline":"FilterPanelItemToggler_typography-inline__GBz0E","typography-16":"FilterPanelItemToggler_typography-16__ilpGd","typography-14":"FilterPanelItemToggler_typography-14__O2RUd","typography-12":"FilterPanelItemToggler_typography-12__kvTGV","typography-promo":"FilterPanelItemToggler_typography-promo__6cloV FilterPanelItemToggler_typography-header__nwnk9 FilterPanelItemToggler_typography-block__RS98Q FilterPanelItemToggler_typography-inline__GBz0E","root":"FilterPanelItemToggler_root__KIGYZ","title-wrapper":"FilterPanelItemToggler_title-wrapper__hrBtt","title":"FilterPanelItemToggler_title__wECIj","text-wrapper":"FilterPanelItemToggler_text-wrapper__lYOV6","selection":"FilterPanelItemToggler_selection__4HBx1","postfix":"FilterPanelItemToggler_postfix__Sz2ir","selected":"FilterPanelItemToggler_selected__97jlL","typographyHeader":"FilterPanelItemToggler_typography-header__nwnk9","typographyBlock":"FilterPanelItemToggler_typography-block__RS98Q","typographyInline":"FilterPanelItemToggler_typography-inline__GBz0E","typography16":"FilterPanelItemToggler_typography-16__ilpGd","typography14":"FilterPanelItemToggler_typography-14__O2RUd","typography12":"FilterPanelItemToggler_typography-12__kvTGV","typographyPromo":"FilterPanelItemToggler_typography-promo__6cloV FilterPanelItemToggler_typography-header__nwnk9 FilterPanelItemToggler_typography-block__RS98Q FilterPanelItemToggler_typography-inline__GBz0E","titleWrapper":"FilterPanelItemToggler_title-wrapper__hrBtt","textWrapper":"FilterPanelItemToggler_text-wrapper__lYOV6"};
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var dayjs_minExports = {};
+var dayjs_min = {
+  get exports(){ return dayjs_minExports; },
+  set exports(v){ dayjs_minExports = v; },
+};
+
+(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},D="en",v={};v[D]=M;var p=function(t){return t instanceof _},S=function(t,e,n){var r;if(!t)return D;if("string"==typeof t)v[t]&&(r=t),e&&(v[t]=e,r=t);else {var i=t.name;v[i]=t,r=i;}return !n&&r&&(D=r),r||!n&&D},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var D=this.$locale().weekStart||0,v=(y<D?y+7:y)-D;return $(r?m-v:m+(6-v),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].substr(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,D=O.m(this,M);return D=(l={},l[c]=D/12,l[f]=D,l[h]=D/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?D:O.a(D)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return v[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),b=_.prototype;return w.prototype=b,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){b[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=v[D],w.Ls=v,w.p={},w}));
+} (dayjs_min));
+
+var css$h = {"typography-header":"FilterPanelItemToggler_typography-header__nwnk9","typography-block":"FilterPanelItemToggler_typography-block__RS98Q","typography-inline":"FilterPanelItemToggler_typography-inline__GBz0E","typography-16":"FilterPanelItemToggler_typography-16__ilpGd","typography-14":"FilterPanelItemToggler_typography-14__O2RUd","typography-12":"FilterPanelItemToggler_typography-12__kvTGV","typography-promo":"FilterPanelItemToggler_typography-promo__6cloV FilterPanelItemToggler_typography-header__nwnk9 FilterPanelItemToggler_typography-block__RS98Q FilterPanelItemToggler_typography-inline__GBz0E","root":"FilterPanelItemToggler_root__KIGYZ","title-wrapper":"FilterPanelItemToggler_title-wrapper__hrBtt","title":"FilterPanelItemToggler_title__wECIj","text-wrapper":"FilterPanelItemToggler_text-wrapper__lYOV6","selection":"FilterPanelItemToggler_selection__4HBx1","postfix":"FilterPanelItemToggler_postfix__Sz2ir","selected":"FilterPanelItemToggler_selected__97jlL","typographyHeader":"FilterPanelItemToggler_typography-header__nwnk9","typographyBlock":"FilterPanelItemToggler_typography-block__RS98Q","typographyInline":"FilterPanelItemToggler_typography-inline__GBz0E","typography16":"FilterPanelItemToggler_typography-16__ilpGd","typography14":"FilterPanelItemToggler_typography-14__O2RUd","typography12":"FilterPanelItemToggler_typography-12__kvTGV","typographyPromo":"FilterPanelItemToggler_typography-promo__6cloV FilterPanelItemToggler_typography-header__nwnk9 FilterPanelItemToggler_typography-block__RS98Q FilterPanelItemToggler_typography-inline__GBz0E","titleWrapper":"FilterPanelItemToggler_title-wrapper__hrBtt","textWrapper":"FilterPanelItemToggler_text-wrapper__lYOV6"};
 
-const defaultSize = "36";
+const defaultSize = '36';
 const FilterPanelItemToggler = React__namespace.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
         var _a;
@@ -2615,18 +2685,18 @@ const FilterPanelItemToggler = React__namespace.forwardRef((props, ref) => {
         (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     const getTitle = props.predicateName ? `${props.title} ${props.predicateName}` : `${props.title}:`;
-    return (React__namespace.createElement(uuiComponents.FlexRow, Object.assign({}, props, { rawProps: { style: { maxWidth: `${(props.maxWidth ? (props.maxWidth + 'px') : 'auto')}` } }, cx: cx__default.default(css$i.root, uuiCore.uuiElement.inputBox, uuiCore.uuiMarkers.clickable, props.isOpen && uuiCore.uuiMod.opened, ["size-" + (props.size || defaultSize)], props.cx), onClick: togglerPickerOpened, ref: ref }),
-        React__namespace.createElement(uuiComponents.FlexRow, { cx: css$i.titleWrapper },
-            React__namespace.createElement(Text, { cx: css$i.title }, getTitle),
-            React__namespace.createElement("div", { className: css$i.textWrapper },
-                React__namespace.createElement(Text, { color: "brand", cx: css$i.selection }, props.selection),
-                props.postfix && React__namespace.createElement(Text, { color: "brand", cx: css$i.postfix }, props.postfix))),
-        !props.isDisabled &&
-            React__namespace.createElement(uuiComponents.IconContainer, { icon: systemIcons[props.size || defaultSize].foldingArrow, flipY: props.isOpen, cx: "uui-icon-dropdown" })));
+    return (React__namespace.createElement(uuiComponents.FlexRow, Object.assign({}, props, { rawProps: {
+            style: { maxWidth: `${props.maxWidth ? props.maxWidth + 'px' : 'auto'}` },
+            role: 'button',
+        }, cx: cx__default.default(css$h.root, uuiCore.uuiElement.inputBox, uuiCore.uuiMarkers.clickable, props.isOpen && uuiCore.uuiMod.opened, ['size-' + (props.size || defaultSize)], props.cx), onClick: togglerPickerOpened, ref: ref }),
+        React__namespace.createElement(uuiComponents.FlexRow, { cx: css$h.titleWrapper },
+            React__namespace.createElement(Text, { cx: css$h.title }, getTitle),
+            React__namespace.createElement("div", { className: css$h.textWrapper },
+                React__namespace.createElement(Text, { color: "brand", cx: css$h.selection }, props.selection),
+                props.postfix && (React__namespace.createElement(Text, { color: "brand", cx: css$h.postfix }, props.postfix)))),
+        !props.isDisabled && React__namespace.createElement(uuiComponents.IconContainer, { icon: systemIcons[props.size || defaultSize].foldingArrow, flipY: props.isOpen, cx: "uui-icon-dropdown" })));
 });
 
-var css$h = {"typography-header":"FilterPickerBody_typography-header__2k2Z8","typography-block":"FilterPickerBody_typography-block__IVJqu","typography-inline":"FilterPickerBody_typography-inline__mBxPJ","typography-16":"FilterPickerBody_typography-16__dtP5r","typography-14":"FilterPickerBody_typography-14__HZiqg","typography-12":"FilterPickerBody_typography-12__w8xeY","typography-promo":"FilterPickerBody_typography-promo__S9Gyx FilterPickerBody_typography-header__2k2Z8 FilterPickerBody_typography-block__IVJqu FilterPickerBody_typography-inline__mBxPJ","footer-wrapper":"FilterPickerBody_footer-wrapper__-CvZO","typographyHeader":"FilterPickerBody_typography-header__2k2Z8","typographyBlock":"FilterPickerBody_typography-block__IVJqu","typographyInline":"FilterPickerBody_typography-inline__mBxPJ","typography16":"FilterPickerBody_typography-16__dtP5r","typography14":"FilterPickerBody_typography-14__HZiqg","typography12":"FilterPickerBody_typography-12__w8xeY","typographyPromo":"FilterPickerBody_typography-promo__S9Gyx FilterPickerBody_typography-header__2k2Z8 FilterPickerBody_typography-block__IVJqu FilterPickerBody_typography-inline__mBxPJ","footerWrapper":"FilterPickerBody_footer-wrapper__-CvZO"};
-
 const pickerHeight = 300;
 const pickerWidth = 360;
 class FilterPickerBody extends uuiComponents.PickerInputBase {
@@ -2643,40 +2713,26 @@ class FilterPickerBody extends uuiComponents.PickerInputBase {
             if (rowProps.isSelectable && this.isSingleSelect() && this.props.editMode !== 'modal') {
                 rowProps.onSelect = this.onSelect;
             }
-            return this.props.renderRow ? this.props.renderRow(rowProps, this.state.dataSourceState) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, borderBottom: "none", size: "36", padding: "12", renderItem: this.renderItem })));
+            return this.props.renderRow ? (this.props.renderRow(rowProps, this.state.dataSourceState)) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, borderBottom: "none", size: "36", padding: "12", renderItem: this.renderItem })));
         };
-        this.renderFooter = (isSelectAll) => {
-            if (isSelectAll) {
-                return React__namespace.createElement(DataPickerFooter, Object.assign({}, this.getFooterProps(), { hideShowOnlySelected: this.isSingleSelect(), size: "36" }));
-            }
-            const { clearSelection, view } = this.getFooterProps();
-            const size = uuiCore.isMobile() ? '48' : '36';
-            const hasSelection = view.getSelectedRows().length > 0;
-            const handleKeyDown = (e) => {
-                if (!e.shiftKey && e.key === 'Tab')
-                    e.preventDefault();
-            };
-            return (React__namespace.createElement(FlexRow, { padding: "12", cx: cx__default.default(css$h.footerWrapper) },
-                React__namespace.createElement(FlexCell, { width: "auto", alignSelf: "center" },
-                    React__namespace.createElement(LinkButton, { isDisabled: !hasSelection, size: size, caption: i18n.pickerInput.clearSelectionButtonSingle, onClick: clearSelection, rawProps: { onKeyDown: handleKeyDown } }))));
+        this.renderFooter = () => {
+            return React__namespace.createElement(DataPickerFooter, Object.assign({}, this.getFooterProps(), { size: "36" }));
         };
     }
     shouldShowBody() {
         return this.props.isOpen;
     }
-    toggleModalOpening(opened) {
-    }
+    toggleModalOpening(opened) { }
     renderTarget(targetProps) {
         return React__namespace.createElement("div", null);
     }
     renderBody(props, rows) {
-        const renderedDataRows = rows.map(props => this.renderRow(props));
-        const maxHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : (this.props.dropdownHeight || pickerHeight);
-        const minBodyWidth = uuiCore.isMobile() ? document.documentElement.clientWidth : (this.props.minBodyWidth || pickerWidth);
+        const renderedDataRows = rows.map((props) => this.renderRow(props));
+        const maxHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : this.props.dropdownHeight || pickerHeight;
+        const minBodyWidth = uuiCore.isMobile() ? document.documentElement.clientWidth : this.props.minBodyWidth || pickerWidth;
         return (React__namespace.createElement(Panel, { style: { width: minBodyWidth }, rawProps: { tabIndex: -1 }, cx: [uuiCore.uuiMarkers.lockFocus] },
-            React__namespace.createElement(MobileDropdownWrapper, { title: this.props.entityName, close: () => this.toggleBodyOpening(false) },
-                React__namespace.createElement(DataPickerBody, Object.assign({}, props, { selectionMode: this.props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, searchSize: "36", editMode: "dropdown", showSearch: true })),
-                this.renderFooter(props.selectAll))));
+            React__namespace.createElement(DataPickerBody, Object.assign({}, props, { selectionMode: this.props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, searchSize: "36", editMode: "dropdown", showSearch: true })),
+            this.renderFooter()));
     }
     render() {
         const rows = this.getRows();
@@ -2707,8 +2763,8 @@ class FilterDataPickerBody extends uuiComponents.BaseDatePicker {
                 React__namespace.default.createElement(DatePickerBody, { filter: this.props.filter, value: this.getValue(), setSelectedDate: this.setSelectedDate, setDisplayedDateAndView: this.setDisplayedDateAndView, changeIsOpen: this.onToggleHandler, renderDay: this.props.renderDay, isHoliday: this.props.isHoliday, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body })),
             React__namespace.default.createElement(FlexCell, { alignSelf: "stretch" },
                 React__namespace.default.createElement(FlexRow, { padding: "24", vPadding: "12" },
-                    React__namespace.default.createElement(Text, null, this.state.selectedDate ? dayjs__default.default(this.state.selectedDate).format('MMM DD, YYYY') : ''),
-                    React__namespace.default.createElement(FlexSpacer, null),
+                    React__namespace.default.createElement(Text, null, this.state.selectedDate ? dayjs_minExports(this.state.selectedDate).format('MMM DD, YYYY') : ''),
+                    React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
                     React__namespace.default.createElement(LinkButton, { isDisabled: !this.state.selectedDate, caption: i18n.filterToolbar.datePicker.clearCaption, onClick: this.handleCancel })))));
     }
     render() {
@@ -2733,10 +2789,10 @@ class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
             React__namespace.createElement(FlexCell, { alignSelf: "stretch" },
                 React__namespace.createElement(FlexRow, { padding: "24", vPadding: "12" },
                     React__namespace.createElement("div", { className: cx__default.default(css$g.dateInputGroup, this.state.inFocus && uuiCore.uuiMod.focus) },
-                        React__namespace.createElement(TextInput, { icon: systemIcons['30'].calendar, cx: cx__default.default(css$g.dateInput, css$g['size-30'], this.state.inFocus === 'from' && uuiCore.uuiMod.focus), size: '30', placeholder: i18n.rangeDatePicker.pickerPlaceholderFrom, value: this.state.inputValue.from, onValueChange: this.getChangeHandler('from'), onFocus: (event) => this.handleFocus(event, 'from'), onBlur: (event) => this.handleBlur(event, 'from') }),
+                        React__namespace.createElement(TextInput, { icon: systemIcons['30'].calendar, cx: cx__default.default(css$g.dateInput, css$g['size-30'], this.state.inFocus === 'from' && uuiCore.uuiMod.focus), size: "30", placeholder: i18n.rangeDatePicker.pickerPlaceholderFrom, value: this.state.inputValue.from, onValueChange: this.getChangeHandler('from'), onFocus: (event) => this.handleFocus(event, 'from'), onBlur: (event) => this.handleBlur(event, 'from') }),
                         React__namespace.createElement("div", { className: css$g.separator }),
-                        React__namespace.createElement(TextInput, { cx: cx__default.default(css$g.dateInput, css$g['size-30'], this.state.inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: i18n.rangeDatePicker.pickerPlaceholderTo, size: '30', value: this.state.inputValue.to, onCancel: this.state.inputValue.from && this.state.inputValue.to && this.handleCancel, onValueChange: this.getChangeHandler('to'), onFocus: (event) => this.handleFocus(event, 'to'), onBlur: (event) => this.handleBlur(event, 'to') })),
-                    React__namespace.createElement(FlexSpacer, null),
+                        React__namespace.createElement(TextInput, { cx: cx__default.default(css$g.dateInput, css$g['size-30'], this.state.inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: i18n.rangeDatePicker.pickerPlaceholderTo, size: "30", value: this.state.inputValue.to, onCancel: this.state.inputValue.from && this.state.inputValue.to && this.handleCancel, onValueChange: this.getChangeHandler('to'), onFocus: (event) => this.handleFocus(event, 'to'), onBlur: (event) => this.handleBlur(event, 'to') })),
+                    React__namespace.createElement(uuiComponents.FlexSpacer, null),
                     React__namespace.createElement(LinkButton, { isDisabled: !this.state.inputValue.from && !this.state.inputValue.to, caption: i18n.pickerModal.clearAllButton, onClick: this.handleCancel })))));
     }
     render() {
@@ -2744,21 +2800,21 @@ class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
     }
 }
 
-const FilterNumericBody = (props) => {
+function FilterNumericBody(props) {
     var _a, _b;
     const isInRangePredicate = (props === null || props === void 0 ? void 0 : props.selectedPredicate) === 'inRange' || (props === null || props === void 0 ? void 0 : props.selectedPredicate) === 'notInRange';
     const rangeValueHandler = (type) => (val) => {
         var _a, _b;
         const value = props.value;
         switch (type) {
-            case "from": {
+            case 'from': {
                 props.onValueChange({
                     from: val,
                     to: (_a = value === null || value === void 0 ? void 0 : value.to) !== null && _a !== void 0 ? _a : null,
                 });
                 break;
             }
-            case "to": {
+            case 'to': {
                 props.onValueChange({
                     from: (_b = value === null || value === void 0 ? void 0 : value.from) !== null && _b !== void 0 ? _b : null,
                     to: val,
@@ -2787,9 +2843,9 @@ const FilterNumericBody = (props) => {
         const value = props.value;
         return (React__namespace.default.createElement("div", null,
             React__namespace.default.createElement(FlexRow, { padding: "12", vPadding: "24", alignItems: "center", spacing: "12", borderBottom: true },
-                React__namespace.default.createElement(FlexCell, { width: '100%' },
+                React__namespace.default.createElement(FlexCell, { width: "100%" },
                     React__namespace.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__namespace.default.createElement(FlexCell, { width: '100%' },
+                React__namespace.default.createElement(FlexCell, { width: "100%" },
                     React__namespace.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 } }))),
             renderFooter()));
     }
@@ -2798,22 +2854,22 @@ const FilterNumericBody = (props) => {
             React__namespace.default.createElement(FlexCell, { width: 130 },
                 React__namespace.default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, size: "30", placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
         renderFooter()));
-};
+}
 
-const FilterItemBody = (props) => {
+function FilterItemBody(props) {
     switch (props.type) {
-        case "singlePicker":
-            return (React__namespace.default.createElement(FilterPickerBody, Object.assign({}, props, { selectionMode: "single", valueType: "id" })));
-        case "numeric":
-            return (React__namespace.default.createElement(FilterNumericBody, Object.assign({}, props)));
-        case "multiPicker":
-            return (React__namespace.default.createElement(FilterPickerBody, Object.assign({}, props, { selectionMode: "multi", valueType: "id" })));
-        case "datePicker":
-            return (React__namespace.default.createElement(FilterDataPickerBody, Object.assign({}, props, { format: props.format || "DD/MM/YYYY" })));
-        case "rangeDatePicker":
-            return (React__namespace.default.createElement(FilterRangeDatePickerBody, Object.assign({}, props, { format: props.format || "DD/MM/YYYY", value: props.value || { from: null, to: null } })));
+        case 'singlePicker':
+            return React__namespace.default.createElement(FilterPickerBody, Object.assign({}, props, { selectionMode: "single", valueType: "id" }));
+        case 'numeric':
+            return React__namespace.default.createElement(FilterNumericBody, Object.assign({}, props));
+        case 'multiPicker':
+            return React__namespace.default.createElement(FilterPickerBody, Object.assign({}, props, { selectionMode: "multi", valueType: "id" }));
+        case 'datePicker':
+            return React__namespace.default.createElement(FilterDataPickerBody, Object.assign({}, props, { format: props.format || 'DD/MM/YYYY' }));
+        case 'rangeDatePicker':
+            return React__namespace.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); }
@@ -2831,19 +2887,41 @@ var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
 };
 var ForwardRef$d = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever12);
 
-var css$f = {"typography-header":"FiltersPanelItem_typography-header__cxbkP","typography-block":"FiltersPanelItem_typography-block__AI7VG","typography-inline":"FiltersPanelItem_typography-inline__j90GN","typography-16":"FiltersPanelItem_typography-16__h8TGe","typography-14":"FiltersPanelItem_typography-14__xFk8h","typography-12":"FiltersPanelItem_typography-12__5Pmwi","typography-promo":"FiltersPanelItem_typography-promo__-gtw7 FiltersPanelItem_typography-header__cxbkP FiltersPanelItem_typography-block__AI7VG FiltersPanelItem_typography-inline__j90GN","header":"FiltersPanelItem_header__1Ogc3","removeButton":"FiltersPanelItem_removeButton__ykSMB","typographyHeader":"FiltersPanelItem_typography-header__cxbkP","typographyBlock":"FiltersPanelItem_typography-block__AI7VG","typographyInline":"FiltersPanelItem_typography-inline__j90GN","typography16":"FiltersPanelItem_typography-16__h8TGe","typography14":"FiltersPanelItem_typography-14__xFk8h","typography12":"FiltersPanelItem_typography-12__5Pmwi","typographyPromo":"FiltersPanelItem_typography-promo__-gtw7 FiltersPanelItem_typography-header__cxbkP FiltersPanelItem_typography-block__AI7VG FiltersPanelItem_typography-inline__j90GN"};
+var css$f = {"typography-header":"FiltersPanelItem_typography-header__cxbkP","typography-block":"FiltersPanelItem_typography-block__AI7VG","typography-inline":"FiltersPanelItem_typography-inline__j90GN","typography-16":"FiltersPanelItem_typography-16__h8TGe","typography-14":"FiltersPanelItem_typography-14__xFk8h","typography-12":"FiltersPanelItem_typography-12__5Pmwi","typography-promo":"FiltersPanelItem_typography-promo__-gtw7 FiltersPanelItem_typography-header__cxbkP FiltersPanelItem_typography-block__AI7VG FiltersPanelItem_typography-inline__j90GN","header":"FiltersPanelItem_header__1Ogc3","removeButton":"FiltersPanelItem_removeButton__ykSMB","panel":"FiltersPanelItem_panel__aLA55","typographyHeader":"FiltersPanelItem_typography-header__cxbkP","typographyBlock":"FiltersPanelItem_typography-block__AI7VG","typographyInline":"FiltersPanelItem_typography-inline__j90GN","typography16":"FiltersPanelItem_typography-16__h8TGe","typography14":"FiltersPanelItem_typography-14__xFk8h","typography12":"FiltersPanelItem_typography-12__5Pmwi","typographyPromo":"FiltersPanelItem_typography-promo__-gtw7 FiltersPanelItem_typography-header__cxbkP FiltersPanelItem_typography-block__AI7VG FiltersPanelItem_typography-inline__j90GN"};
 
-const FiltersToolbarItemImpl = (props) => {
+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';
+    const isMobileScreen = uuiCore.isMobile();
+    const popperModifiers = React.useMemo(() => {
+        const modifiers = [
+            {
+                name: 'offset',
+                options: { offset: isPickersType && isMobileScreen ? [0, 0] : [0, 6] },
+            },
+        ];
+        if (isPickersType && isMobileScreen) {
+            modifiers.push({
+                name: 'resetTransform',
+                enabled: true,
+                phase: 'beforeWrite',
+                requires: ['computeStyles'],
+                fn: ({ state }) => {
+                    state.styles.popper.transform = '';
+                },
+            });
+        }
+        return modifiers;
+    }, [isPickersType]);
     const getDefaultPredicate = () => {
         var _a, _b;
         if (!props.predicates) {
             return null;
         }
-        return Object.keys(props.value || {})[0] || ((_a = props.predicates.find(i => i.isDefault)) === null || _a === void 0 ? void 0 : _a.predicate) || ((_b = props.predicates) === null || _b === void 0 ? void 0 : _b[0].predicate);
+        return Object.keys(props.value || {})[0] || ((_a = props.predicates.find((i) => i.isDefault)) === null || _a === void 0 ? void 0 : _a.predicate) || ((_b = props.predicates) === null || _b === void 0 ? void 0 : _b[0].predicate);
     };
     const [isOpen, isOpenChange] = React.useState(props.autoFocus);
     const [predicate, setPredicate] = React.useState(getDefaultPredicate());
-    const predicateName = React__namespace.default.useMemo(() => predicate && props.predicates.find(p => p.predicate === predicate).name, [predicate]);
+    const predicateName = React__namespace.default.useMemo(() => predicate && props.predicates.find((p) => p.predicate === predicate).name, [predicate]);
     const forceUpdate = uuiCore.useForceUpdate();
     React.useEffect(() => {
         if (props.predicates && Object.keys(props.value || {})[0] && Object.keys(props.value || {})[0] !== predicate) {
@@ -2867,10 +2945,12 @@ const FiltersToolbarItemImpl = (props) => {
             let predicateValue = {
                 [props.field]: { [val]: getValue() },
             };
-            if (isInRange(val) && !isInRange(predicate)) { // from simple predicate -> to Range
+            if (isInRange(val) && !isInRange(predicate)) {
+                // from simple predicate -> to Range
                 predicateValue = { [props.field]: { [val]: { from: null, to: null } } };
             }
-            else if (!isInRange(val) && isInRange(predicate)) { // from Range -> to simple predicate
+            else if (!isInRange(val) && isInRange(predicate)) {
+                // from Range -> to simple predicate
                 predicateValue = { [props.field]: { [val]: null } };
             }
             props.onValueChange(predicateValue);
@@ -2881,69 +2961,78 @@ const FiltersToolbarItemImpl = (props) => {
         setPredicate(val);
     };
     const renderHeader = () => (React__namespace.default.createElement("div", { className: cx__default.default(css$f.header) },
-        props.predicates ? React__namespace.default.createElement(MultiSwitch, { items: props.predicates.map(i => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" }) : React__namespace.default.createElement(Text, { color: "secondary", fontSize: "12" }, props.title),
+        props.predicates ? (React__namespace.default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (React__namespace.default.createElement(Text, { color: "secondary", fontSize: "12" }, props.title)),
         !(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__namespace.default.createElement(LinkButton, { cx: css$f.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$d }))));
-    const renderBody = (dropdownProps) => (React__namespace.default.createElement(DropdownContainer, null,
-        React__namespace.default.createElement(Panel, null,
-            renderHeader(),
-            React__namespace.default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })))));
+    const renderBody = (dropdownProps) => (React__namespace.default.createElement(DropdownContainer, Object.assign({}, dropdownProps),
+        React__namespace.default.createElement(Panel, { cx: css$f.panel },
+            React__namespace.default.createElement(React__namespace.default.Fragment, null, isPickersType ? (React__namespace.default.createElement(MobileDropdownWrapper, { close: () => isOpenChange(false) },
+                renderHeader(),
+                React__namespace.default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })))) : (React__namespace.default.createElement(React__namespace.default.Fragment, null,
+                renderHeader(),
+                React__namespace.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;
     };
     const getTogglerValue = () => {
         const currentValue = getValue();
-        const defaultFormat = "MMM DD, YYYY";
+        const defaultFormat = 'MMM DD, YYYY';
         switch (props.type) {
-            case "multiPicker": {
+            case 'multiPicker': {
                 const view = props.dataSource.getView({}, forceUpdate);
-                let postfix = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) > 2 ? ` +${(currentValue.length - 2).toString()} ${i18n.filterToolbar.pickerInput.itemsPlaceholder}` : null;
+                const postfix = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) > 2 ? ` +${(currentValue.length - 2).toString()} ${i18n.filterToolbar.pickerInput.itemsPlaceholder}` : null;
                 let isLoading = false;
-                const selection = currentValue ? currentValue === null || currentValue === void 0 ? void 0 : currentValue.slice(0, 2).map((i) => {
-                    const item = view.getById(i, null);
-                    isLoading = item.isLoading;
-                    return item.isLoading ? React__namespace.default.createElement(TextPlaceholder, null) : (props.getName ? props.getName(item.value) : item.value.name);
-                }) : [i18n.filterToolbar.pickerInput.emptyValueCaption];
+                const selection = currentValue
+                    ? currentValue === null || currentValue === void 0 ? void 0 : currentValue.slice(0, 2).map((i) => {
+                        const item = view.getById(i, null);
+                        isLoading = item.isLoading;
+                        return item.isLoading ? React__namespace.default.createElement(TextPlaceholder, null) : props.getName ? props.getName(item.value) : item.value.name;
+                    })
+                    : [i18n.filterToolbar.pickerInput.emptyValueCaption];
                 const selectionText = isLoading ? selection : selection.join(', ');
                 return { selection: selectionText, postfix };
             }
-            case "numeric": {
+            case 'numeric': {
                 const isRangePredicate = predicate === 'inRange' || predicate === 'notInRange';
                 const decimalFormat = (val) => uuiCore.getSeparatedValue(val, { maximumFractionDigits: 2 });
                 if ((isRangePredicate && !currentValue) || (!isRangePredicate && !currentValue && currentValue !== 0)) {
                     return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
                 }
                 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)}`
-                    : `${(!currentValue && currentValue !== 0) ? 'ALL' : decimalFormat(currentValue)}`;
+                    ? `${!(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)}`
+                    : `${!currentValue && currentValue !== 0 ? 'ALL' : decimalFormat(currentValue)}`;
                 return { selection };
             }
-            case "singlePicker": {
+            case 'singlePicker': {
                 const view = props.dataSource.getView({}, forceUpdate);
-                const item = (currentValue !== null && currentValue !== undefined) && view.getById(currentValue, null);
+                const item = currentValue !== null && currentValue !== undefined && view.getById(currentValue, null);
                 if (!item) {
                     return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
                 }
-                const selection = item.isLoading ? React__namespace.default.createElement(TextPlaceholder, null) : (props.getName ? props.getName(item.value) : item.value.name);
+                const selection = item.isLoading ? React__namespace.default.createElement(TextPlaceholder, null) : props.getName ? props.getName(item.value) : item.value.name;
                 return { selection };
             }
-            case "datePicker": {
-                return { selection: currentValue ? dayjs__default.default(currentValue).format(props.format || defaultFormat) : i18n.filterToolbar.datePicker.placeholder };
+            case 'datePicker': {
+                return { selection: currentValue ? dayjs_minExports(currentValue).format(props.format || defaultFormat) : i18n.filterToolbar.datePicker.placeholder };
             }
-            case "rangeDatePicker": {
+            case 'rangeDatePicker': {
                 if (!currentValue || (!currentValue.from && !currentValue.to)) {
                     return { selection: i18n.filterToolbar.rangeDatePicker.emptyPickerPlaceholder };
                 }
-                const currentValueFrom = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from) ? dayjs__default.default(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from).format(props.format || defaultFormat) : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderFrom;
-                const currentValueTo = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to) ? dayjs__default.default(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to).format(props.format || defaultFormat) : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderTo;
+                const currentValueFrom = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from)
+                    ? dayjs_minExports(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from).format(props.format || defaultFormat)
+                    : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderFrom;
+                const currentValueTo = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to)
+                    ? dayjs_minExports(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to).format(props.format || defaultFormat)
+                    : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderTo;
                 const selection = `${currentValueFrom} - ${currentValueTo}`;
                 return { selection };
             }
         }
     };
-    const renderTarget = (dropdownProps) => (React__namespace.default.createElement(FilterPanelItemToggler, Object.assign({}, dropdownProps, getTogglerValue(), { title: props.title, predicateName: props.value ? predicateName : null, maxWidth: (props.type === 'datePicker' || props.type === 'rangeDatePicker') ? null : '300' })));
-    return (React__namespace.default.createElement(uuiComponents.Dropdown, { renderTarget: renderTarget, renderBody: renderBody, closeBodyOnTogglerHidden: !uuiCore.isMobile(), value: isOpen, onValueChange: isOpenChange, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }] }));
-};
+    const renderTarget = (dropdownProps) => (React__namespace.default.createElement(FilterPanelItemToggler, Object.assign({}, dropdownProps, getTogglerValue(), { title: props.title, predicateName: props.value ? predicateName : null, maxWidth: props.type === 'datePicker' || props.type === 'rangeDatePicker' ? null : '300' })));
+    return (React__namespace.default.createElement(uuiComponents.Dropdown, { renderTarget: renderTarget, renderBody: renderBody, closeBodyOnTogglerHidden: !uuiCore.isMobile(), value: isOpen, onValueChange: isOpenChange, modifiers: popperModifiers }));
+}
 const FiltersPanelItem = React__namespace.default.memo(FiltersToolbarItemImpl);
 
 var _path$b;
@@ -2970,7 +3059,7 @@ const normalizeFilterWithPredicates = (filter) => {
     for (let n = 0; n < keys.length; n++) {
         const key = keys[n];
         const filterValue = filter[key];
-        if (filterValue && typeof filterValue === "object") {
+        if (filterValue && typeof filterValue === 'object') {
             if ('from' in filterValue && 'to' in filterValue) {
                 continue;
             }
@@ -2986,11 +3075,11 @@ const normalizeFilterWithPredicates = (filter) => {
                 }
             }
             if ('notInRange' in filterValue) {
-                if (!filterValue.notInRange.from && !filterValue.notInRange.to) {
+                if (!filterValue.notInRange || (!filterValue.notInRange.from && !filterValue.notInRange.to)) {
                     delete filter[key];
                 }
             }
-            Object.keys(filterValue).forEach(predicate => {
+            Object.keys(filterValue).forEach((predicate) => {
                 if (filterValue[predicate] === null || filterValue[predicate] === undefined) {
                     delete filter[key];
                 }
@@ -2999,20 +3088,20 @@ const normalizeFilterWithPredicates = (filter) => {
     }
     return result;
 };
-const FiltersToolbarImpl = (props) => {
+function FiltersToolbarImpl(props) {
     const { filters, tableState, setTableState } = props;
     const [newFilterId, setNewFilterId] = React.useState(null);
     const dataSource = uuiCore.useArrayDataSource({
         items: filters,
-        getId: item => item.field,
+        getId: (item) => item.field,
     }, []);
     const onFiltersChange = (filters) => {
         var _a;
         const newConfig = {};
         const newFilter = {};
-        const sortedOrders = tableState.filtersConfig && sortBy__default.default(tableState.filtersConfig, f => f === null || f === void 0 ? void 0 : f.order);
+        const sortedOrders = tableState.filtersConfig && sortBy__default.default(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 => {
+        filters.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) || uuiCore.getOrderBetween(order, null);
             order = newOrder;
@@ -3038,15 +3127,15 @@ const FiltersToolbarImpl = (props) => {
     };
     const selectedFilters = React.useMemo(() => {
         const filtersConfig = tableState.filtersConfig || {};
-        return filters.filter(filter => {
+        return filters.filter((filter) => {
             return filter.isAlwaysVisible || (filtersConfig[filter === null || filter === void 0 ? void 0 : filter.field] ? filtersConfig[filter === null || filter === void 0 ? void 0 : filter.field].isVisible : false);
         });
     }, [tableState.filtersConfig, filters]);
     const sortedActiveFilters = React.useMemo(() => {
-        return sortBy__default.default(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; });
+        return sortBy__default.default(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 = React.useCallback((props) => {
-        return React__namespace.default.createElement(Button, { size: "36", onClick: props.onClick, ref: props.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$c, iconPosition: "left", mode: "ghost", color: "primary" });
+        return (React__namespace.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 getRowOptions = React.useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -3055,18 +3144,22 @@ const FiltersToolbarImpl = (props) => {
             isDisabled: item.isAlwaysVisible,
         },
     }), []);
+    const isAllFiltersAlwaysVisible = props.filters.every((i) => i.isAlwaysVisible);
     React.useEffect(() => {
         // Reset new filter id, after first render with autofocus
         setNewFilterId(null);
     }, [newFilterId]);
     return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
-        sortedActiveFilters.map(f => {
+        sortedActiveFilters.map((f) => {
             var _a;
             return (React__namespace.default.createElement(uuiComponents.FlexCell, { width: "auto", key: f.field },
                 React__namespace.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__namespace.default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", key: newFilterId, renderRow: (props) => React__namespace.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__namespace.default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) })), getName: i => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true })));
-};
+        !isAllFiltersAlwaysVisible && (React__namespace.default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", key: newFilterId, renderRow: (props) => (React__namespace.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__namespace.default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) }))), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true }))));
+}
 const FiltersPanel = React__namespace.default.memo(FiltersToolbarImpl);
 
 var css$e = {"divider":"PresetsPanel_divider__jIY7S","dropdownDeleteIcon":"PresetsPanel_dropdownDeleteIcon__58Nc7","presetsWrapper":"PresetsPanel_presetsWrapper__ssv3J","addPresetContainer":"PresetsPanel_addPresetContainer__SLcW-"};
@@ -3173,20 +3266,24 @@ var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
 };
 var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever18);
 
-const PresetActionsDropdown = (props) => {
+function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
-    const copyUrlToClipboard = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const copyUrlToClipboard = React.useCallback(() => __awaiter(this, void 0, void 0, function* () {
         yield navigator.clipboard.writeText(props.getPresetLink(props.preset));
         successNotificationHandler('Link copied!');
     }), []);
-    const saveInCurrent = React.useCallback((preset) => __awaiter(void 0, void 0, void 0, function* () {
+    const saveInCurrent = React.useCallback((preset) => __awaiter(this, void 0, void 0, function* () {
         const newPreset = Object.assign(Object.assign({}, preset), { filter: props.tableState.filter, sorting: props.tableState.sorting, columnsConfig: props.tableState.columnsConfig, filtersConfig: props.tableState.filtersConfig, viewState: props.tableState.viewState });
         yield props.updatePreset(newPreset);
         successNotificationHandler('Changes saved!');
-    }), [props.tableState.filter, props.tableState.columnsConfig, props.tableState.filtersConfig]);
+    }), [
+        props.tableState.filter, props.tableState.columnsConfig, props.tableState.filtersConfig,
+    ]);
     const successNotificationHandler = React.useCallback((text) => {
-        uuiNotifications.show((props) => (React__namespace.default.createElement(SuccessNotification, Object.assign({}, props),
-            React__namespace.default.createElement(Text, { size: "36", font: "regular", fontSize: "14" }, text))), { duration: 3 }).catch(() => null);
+        uuiNotifications
+            .show((props) => (React__namespace.default.createElement(SuccessNotification, Object.assign({}, props),
+            React__namespace.default.createElement(Text, { size: "36", font: "regular", fontSize: "14" }, text))), { duration: 3 })
+            .catch(() => null);
     }, []);
     const saveInCurrentHandler = React.useCallback(() => {
         saveInCurrent(props.preset);
@@ -3197,46 +3294,46 @@ const PresetActionsDropdown = (props) => {
     const duplicateHandler = React.useCallback(() => {
         props.duplicatePreset(props.preset);
     }, [props.preset]);
-    const deleteHandler = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const deleteHandler = React.useCallback(() => __awaiter(this, void 0, void 0, function* () {
         yield props.deletePreset(props.preset);
-    }), [props.activePresetId, props.deletePreset, props.preset]);
+    }), [
+        props.activePresetId, props.deletePreset, props.preset,
+    ]);
     const renderBody = () => {
         const isReadonlyPreset = props.preset.isReadonly;
         return (React__namespace.default.createElement(Panel, { shadow: true, cx: css$d.presetDropdownPanel },
-            (props.activePresetId === props.preset.id && props.hasPresetChanged(props.preset)) &&
-                React__namespace.default.createElement(React__namespace.default.Fragment, null,
-                    !isReadonlyPreset && React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-save-in-current` },
-                        React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$l, caption: "Save in current", onClick: saveInCurrentHandler })),
-                    React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-save-as-new` },
-                        React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$b, caption: "Save as new", onClick: props.addPreset })),
-                    React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-discard`, borderBottom: true },
-                        React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$a, caption: "Discard all changes", onClick: discardAllChangesHandler }))),
-            props.preset.id === props.activePresetId && !isReadonlyPreset && React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-rename` },
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$8, caption: "Rename", onClick: props.renamePreset })),
+            props.activePresetId === props.preset.id && props.hasPresetChanged(props.preset) && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
+                !isReadonlyPreset && (React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-save-in-current` },
+                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$p, caption: "Save in current", onClick: saveInCurrentHandler }))),
+                React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-save-as-new` },
+                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$b, caption: "Save as new", onClick: props.addPreset })),
+                React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-discard`, borderBottom: true },
+                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$a, caption: "Discard all changes", onClick: discardAllChangesHandler })))),
+            props.preset.id === props.activePresetId && !isReadonlyPreset && (React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-rename` },
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$8, caption: "Rename", onClick: props.renamePreset }))),
             React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-duplicate` },
                 React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$9, caption: "Duplicate", onClick: duplicateHandler })),
             React__namespace.default.createElement(FlexRow, { borderBottom: true, key: `${props.preset.id}-copyLink` },
                 React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$7, caption: "Copy Link", onClick: copyUrlToClipboard })),
-            !isReadonlyPreset && React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-delete`, cx: css$d.deleteRow },
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$6, caption: "Delete", cx: css$d.deleteButton, onClick: deleteHandler }))));
+            !isReadonlyPreset && (React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-delete`, cx: css$d.deleteRow },
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$6, caption: "Delete", cx: css$d.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = React.useCallback((dropdownProps) => {
-        return (React__namespace.default.createElement(IconButton, Object.assign({ cx: dropdownProps.isOpen && css$d.targetOpen, color: props.preset.id === props.activePresetId ? 'info' : 'default' }, dropdownProps, { icon: ForwardRef$m })));
+        return (React__namespace.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__namespace.default.createElement(React__namespace.default.Fragment, null,
-        React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] })));
-};
+    return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
+}
 
 var css$c = {"preset-input-cell":"PresetInput_preset-input-cell__PInCC","preset-input":"PresetInput_preset-input__vBBRA","presetInputCell":"PresetInput_preset-input-cell__PInCC","presetInput":"PresetInput_preset-input__vBBRA"};
 
-const PresetInput = (props) => {
+function PresetInput(props) {
     var _a;
     const [presetCaption, setPresetCaption] = React.useState(((_a = props.preset) === null || _a === void 0 ? void 0 : _a.name) || '');
     const cancelActionHandler = React.useCallback(() => {
         setPresetCaption('');
         props.onCancel();
     }, [props.onCancel]);
-    const acceptActionHandler = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const acceptActionHandler = React.useCallback(() => __awaiter(this, void 0, void 0, function* () {
         if (presetCaption) {
             yield props.onSuccess(presetCaption);
         }
@@ -3250,11 +3347,11 @@ const PresetInput = (props) => {
     }, [presetCaption.length, props.onCancel]);
     return (React__namespace.default.createElement(FlexCell, { cx: css$c.presetInputCell, minWidth: 180 },
         React__namespace.default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true })));
-};
+}
 
 var css$b = {"preset":"Preset_preset__aitu-","activePreset":"Preset_activePreset__SFqmD"};
 
-const Preset = (props) => {
+function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
     const choosePresetHandler = React.useCallback(() => props.choosePreset(props.preset), [props]);
     const cancelRenamePreset = React.useCallback(() => {
@@ -3270,13 +3367,10 @@ const Preset = (props) => {
         return props.updatePreset(newPreset);
     }, [props.preset]);
     const isPresetActive = props.activePresetId === props.preset.id;
-    return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: 'center', width: 'auto' }, isRenamePreset
-        ? React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })
-        :
-            React__namespace.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__namespace.default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive })));
-};
+    return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.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__namespace.default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
+}
 
-const PresetsPanel = (props) => {
+function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = React.useState(false);
     const setAddingPreset = React.useCallback(() => {
         setIsAddingPreset(true);
@@ -3286,54 +3380,46 @@ const PresetsPanel = (props) => {
     }, []);
     const presetApi = __rest(props, ["presets"]);
     const renderPreset = (preset) => {
-        return (React__namespace.default.createElement(Preset, Object.assign({ key: preset.id, preset: preset, addPreset: setAddingPreset }, presetApi)));
+        return React__namespace.default.createElement(Preset, Object.assign({ key: preset.id, preset: preset, addPreset: setAddingPreset }, presetApi));
     };
     const renderAddPresetButton = React.useCallback(() => {
-        return (React__namespace.default.createElement("div", { key: 'addingPresetBlock', className: css$e.addPresetContainer }, !isAddingPreset ? React__namespace.default.createElement(Button, { size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$c, iconPosition: "left", mode: "ghost", color: "primary" }) :
-            React__namespace.default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset })));
+        return (React__namespace.default.createElement("div", { key: "addingPresetBlock", className: css$e.addPresetContainer }, !isAddingPreset ? (React__namespace.default.createElement(Button, { size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$c, iconPosition: "left", mode: "ghost", color: "primary" })) : (React__namespace.default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
         props.updatePreset(preset.preset);
     };
     const renderMoreButtonDropdown = (item, hiddenItems) => {
-        return (React__namespace.default.createElement(Dropdown, { renderTarget: (props) => React__namespace.default.createElement(FlexRow, null,
+        return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
                 React__namespace.default.createElement("div", { className: css$e.divider }),
-                React__namespace.default.createElement(Button, Object.assign({ mode: "ghost", color: 'secondary', caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props))), renderBody: () => React__namespace.default.createElement(DropdownContainer, { width: 230 }, hiddenItems.map(item => React__namespace.default.createElement(DropdownMenuButton, { 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__namespace.default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__namespace.default.createElement(DropdownContainer, { width: 230 }, hiddenItems.map((item) => (React__namespace.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)) }))))) }));
     };
     const getPresetPriority = (preset, index) => {
         return preset.id === props.activePresetId ? 100499 : 1000 - index;
     };
     const getPanelItems = () => {
         return [
-            ...sortBy__default.default(props.presets, (i) => i.order).map((preset, index) => ({ id: preset.id.toString(), render: () => renderPreset(preset), priority: getPresetPriority(preset, index), preset: preset })),
-            { id: 'collapsedContainer', render: renderMoreButtonDropdown,
-                priority: 100501, collapsedContainer: true,
-            },
-            { id: 'addPreset', render: renderAddPresetButton, priority: 100501 },
+            ...sortBy__default.default(props.presets, (i) => i.order).map((preset, index) => ({
+                id: preset.id.toString(),
+                render: () => renderPreset(preset),
+                priority: getPresetPriority(preset, index),
+                preset: preset,
+            })), {
+                id: 'collapsedContainer', render: renderMoreButtonDropdown, priority: 100501, collapsedContainer: true,
+            }, { id: 'addPreset', render: renderAddPresetButton, priority: 100501 },
         ];
     };
-    return (React__namespace.default.createElement(FlexCell, { grow: 1, minWidth: 310 },
-        React__namespace.default.createElement(FlexRow, { size: null, spacing: '12', cx: css$e.presetsWrapper },
+    return (React__namespace.default.createElement(FlexCell, { grow: 1, minWidth: 310, rawProps: props.rawProps },
+        React__namespace.default.createElement(FlexRow, { size: null, spacing: "12", cx: css$e.presetsWrapper },
             React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
-};
+}
 
 const defaultPredicates = {
     numeric: [
-        { predicate: 'eq', name: '=', isDefault: true },
-        { predicate: 'neq', name: '≠' },
-        { predicate: 'lte', name: '≤' },
-        { predicate: 'gte', name: '≥' },
-        { predicate: 'inRange', name: 'In Range' },
-    ],
-    multiPicker: [
-        { predicate: 'in', name: 'is', isDefault: true },
-        { predicate: 'nin', name: 'is not' },
-    ],
-    rangeDatePicker: [
-        { predicate: 'inRange', name: 'In Range', isDefault: true },
-        { predicate: 'notInRange', name: 'Not in Range' },
+        { predicate: 'eq', name: '=', isDefault: true }, { predicate: 'neq', name: '≠' }, { predicate: 'lte', name: '≤' }, { predicate: 'gte', name: '≥' }, { predicate: 'inRange', name: 'In Range' },
     ],
+    multiPicker: [{ predicate: 'in', name: 'is', isDefault: true }, { predicate: 'nin', name: 'is not' }],
+    rangeDatePicker: [{ predicate: 'inRange', name: 'In Range', isDefault: true }, { predicate: 'notInRange', name: 'Not in Range' }],
 };
 
 var css$a = {"root":"MainMenu_root__39Kfw"};
@@ -3364,7 +3450,7 @@ var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgGlobalMenu);
 
 var css$9 = {"global-menu-btn":"GlobalMenu_global-menu-btn__QdXAw","globalMenuIcon":"GlobalMenu_globalMenuIcon__62mij","globalMenuBtn":"GlobalMenu_global-menu-btn__QdXAw"};
 
-const GlobalMenu = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ ref: ref, id: 'global_menu_toggle', className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
+const GlobalMenu = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
     React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$5, cx: css$9.globalMenuIcon }))));
 
 var css$8 = {"root":"Burger_root__euW9D","burger-content":"Burger_burger-content__4ssSJ","burgerContent":"Burger_burger-content__4ssSJ"};
@@ -3436,12 +3522,8 @@ var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgTriangle);
 
 var css$7 = {"typography-header":"BurgerButton_typography-header__U1Ojg","typography-block":"BurgerButton_typography-block__-fzNQ","typography-inline":"BurgerButton_typography-inline__Q7e9n","typography-16":"BurgerButton_typography-16__yCkJk","typography-14":"BurgerButton_typography-14__Oe153","typography-12":"BurgerButton_typography-12__Lfcud","typography-promo":"BurgerButton_typography-promo__4LGMX BurgerButton_typography-header__U1Ojg BurgerButton_typography-block__-fzNQ BurgerButton_typography-inline__Q7e9n","root":"BurgerButton_root__FLwMS","button-primary":"BurgerButton_button-primary__CJHtP","button-secondary":"BurgerButton_button-secondary__6Aa0H","hasIcon":"BurgerButton_hasIcon__-Hrg6","dropdown":"BurgerButton_dropdown__TUqjg","typographyHeader":"BurgerButton_typography-header__U1Ojg","typographyBlock":"BurgerButton_typography-block__-fzNQ","typographyInline":"BurgerButton_typography-inline__Q7e9n","typography16":"BurgerButton_typography-16__yCkJk","typography14":"BurgerButton_typography-14__Oe153","typography12":"BurgerButton_typography-12__Lfcud","typographyPromo":"BurgerButton_typography-promo__4LGMX BurgerButton_typography-header__U1Ojg BurgerButton_typography-block__-fzNQ BurgerButton_typography-inline__Q7e9n","buttonPrimary":"BurgerButton_button-primary__CJHtP","buttonSecondary":"BurgerButton_button-secondary__6Aa0H"};
 
-const BurgerButton = uuiCore.withMods(uuiComponents.Button, props => [
-    css$7.root,
-    css$7['button-' + (props.type || 'primary')],
-    css$7['indent-' + (props.indentLevel || 0)],
-    props.isDropdown && css$7.dropdown,
-    props.icon && css$7.hasIcon,
+const BurgerButton = uuiCore.withMods(uuiComponents.Button, (props) => [
+    css$7.root, css$7['button-' + (props.type || 'primary')], css$7['indent-' + (props.indentLevel || 0)], props.isDropdown && css$7.dropdown, props.icon && css$7.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
 function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
@@ -3492,38 +3574,38 @@ var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgMenuInputCancel);
 
 var css$6 = {"search-input":"BurgerSearch_search-input__pTnno","searchInput":"BurgerSearch_search-input__pTnno"};
 
-const BurgerSearch = (props) => (React__namespace.createElement(uuiComponents.TextInput, { cx: css$6.searchInput, iconPosition: 'left', icon: ForwardRef$S, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$1, autoFocus: true }));
+function BurgerSearch(props) {
+    return (React__namespace.createElement(uuiComponents.TextInput, { 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 }));
+}
 
 var css$5 = {"group-header":"BurgerGroupHeader_group-header__3i4ay","group-name":"BurgerGroupHeader_group-name__szcRq","line":"BurgerGroupHeader_line__oAhHd","groupHeader":"BurgerGroupHeader_group-header__3i4ay","groupName":"BurgerGroupHeader_group-name__szcRq"};
 
-const BurgerGroupHeader = (props) => {
+function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: css$5.groupHeader },
         React__namespace.createElement("hr", { className: css$5.line }),
         React__namespace.createElement("span", { className: css$5.groupName }, props.caption)));
-};
+}
 
-var css$4 = {"container":"MainMenuAvatar_container__vT8rb","dropdown":"MainMenuAvatar_dropdown__ezcds","open":"MainMenuAvatar_open__S2acz"};
+var css$4 = {"container":"MainMenuAvatar_container__vT8rb","open":"MainMenuAvatar_open__S2acz"};
 
-const MainMenuAvatar = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { ref: ref, className: cx__default.default(css$4.container, props.isDropdown && css$4.dropdown, props.isOpen && css$4.open, props.cx), onClick: props.onClick },
-    React__namespace.createElement(uuiComponents.Avatar, { size: '36', img: props.avatarUrl }),
+const MainMenuAvatar = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$4.container, props.isDropdown && css$4.dropdown, props.isOpen && css$4.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
+    React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
     props.icon && React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon }),
     props.isDropdown && (React__namespace.createElement("div", null,
-        React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$Y, flipY: props.isOpen }))))));
+        React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$10, flipY: props.isOpen }))))));
 
 var css$3 = {"search-input":"MainMenuSearch_search-input__xTdYX","searchInput":"MainMenuSearch_search-input__xTdYX"};
 
-const MainMenuSearch = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: iEditable => {
+const MainMenuSearch = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
-        return React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: 'left', icon: ForwardRef$S, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$1 }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$3.searchInput, props.cx) }, props.rawProps));
+        return (React__namespace.createElement(uuiComponents.TextInput, 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: uuiCore.cx(css$3.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
 var css$2 = {"container":"MainMenuIcon_container__s-83v"};
 
 const MainMenuIcon = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$2.container) }, props))));
 
-var css$1 = {"dropdown-body":"MainMenuDropdown_dropdown-body__k9qxb","dropdownBody":"MainMenuDropdown_dropdown-body__k9qxb"};
-
-var css = {"typography-header":"MainMenuButton_typography-header__pWBln","typography-block":"MainMenuButton_typography-block__yRJgj","typography-inline":"MainMenuButton_typography-inline__dABqt","typography-16":"MainMenuButton_typography-16__Qsux4","typography-14":"MainMenuButton_typography-14__Xy5hg","typography-12":"MainMenuButton_typography-12__QTtay","typography-promo":"MainMenuButton_typography-promo__8AGoE MainMenuButton_typography-header__pWBln MainMenuButton_typography-block__yRJgj MainMenuButton_typography-inline__dABqt","root":"MainMenuButton_root__182y5","type-primary":"MainMenuButton_type-primary__pzpis","type-secondary":"MainMenuButton_type-secondary__bUETW","typographyHeader":"MainMenuButton_typography-header__pWBln","typographyBlock":"MainMenuButton_typography-block__yRJgj","typographyInline":"MainMenuButton_typography-inline__dABqt","typography16":"MainMenuButton_typography-16__Qsux4","typography14":"MainMenuButton_typography-14__Xy5hg","typography12":"MainMenuButton_typography-12__QTtay","typographyPromo":"MainMenuButton_typography-promo__8AGoE MainMenuButton_typography-header__pWBln MainMenuButton_typography-block__yRJgj MainMenuButton_typography-inline__dABqt","typePrimary":"MainMenuButton_type-primary__pzpis","typeSecondary":"MainMenuButton_type-secondary__bUETW"};
+var css$1 = {"typography-header":"MainMenuButton_typography-header__pWBln","typography-block":"MainMenuButton_typography-block__yRJgj","typography-inline":"MainMenuButton_typography-inline__dABqt","typography-16":"MainMenuButton_typography-16__Qsux4","typography-14":"MainMenuButton_typography-14__Xy5hg","typography-12":"MainMenuButton_typography-12__QTtay","typography-promo":"MainMenuButton_typography-promo__8AGoE MainMenuButton_typography-header__pWBln MainMenuButton_typography-block__yRJgj MainMenuButton_typography-inline__dABqt","root":"MainMenuButton_root__182y5","type-primary":"MainMenuButton_type-primary__pzpis","type-secondary":"MainMenuButton_type-secondary__bUETW","typographyHeader":"MainMenuButton_typography-header__pWBln","typographyBlock":"MainMenuButton_typography-block__yRJgj","typographyInline":"MainMenuButton_typography-inline__dABqt","typography16":"MainMenuButton_typography-16__Qsux4","typography14":"MainMenuButton_typography-14__Xy5hg","typography12":"MainMenuButton_typography-12__QTtay","typographyPromo":"MainMenuButton_typography-promo__8AGoE MainMenuButton_typography-header__pWBln MainMenuButton_typography-block__yRJgj MainMenuButton_typography-inline__dABqt","typePrimary":"MainMenuButton_type-primary__pzpis","typeSecondary":"MainMenuButton_type-secondary__bUETW"};
 
 var _path;
 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); }
@@ -3541,80 +3623,82 @@ var SvgChevronDown24 = function SvgChevronDown24(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgChevronDown24);
 
-const MainMenuButton = uuiCore.withMods(uuiComponents.Button, mods => [
-    css.root,
-    css['type-' + (mods.type || 'primary')],
-], () => ({ dropdownIcon: ForwardRef, role: 'menuitem' }));
+const MainMenuButton = uuiCore.withMods(uuiComponents.Button, (mods) => [css$1.root, css$1['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef, role: 'menuitem' }));
+
+var css = {"dropdown-body":"MainMenuDropdown_dropdown-body__k9qxb","dropdownBody":"MainMenuDropdown_dropdown-body__k9qxb"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
-        return (React__namespace.createElement(uuiComponents.Dropdown, { renderTarget: props => (React__namespace.createElement(MainMenuButton, Object.assign({ caption: this.props.caption }, props, { rawProps: this.props.rawProps, isLinkActive: this.props.isLinkActive, isDropdown: true }))), renderBody: props => (React__namespace.createElement("div", { className: cx__default.default(css$1.dropdownBody) }, React__namespace.Children.map(this.props.children, item => {
-                if (!item)
-                    return item;
-                return React__namespace.createElement(item.type, Object.assign(Object.assign({}, item.props), { onClick: item.props.onClick ? () => {
-                        item.props.onClick();
-                        props.onClose();
-                    } : null }));
-            }))), placement: "bottom-start" }));
+        return (React__namespace.createElement(uuiComponents.Dropdown, { renderTarget: (props) => (React__namespace.createElement(MainMenuButton, Object.assign({ caption: this.props.caption }, props, { rawProps: this.props.rawProps, isLinkActive: this.props.isLinkActive, isDropdown: true }))), renderBody: (props) => {
+                return (React__namespace.createElement("div", { className: cx__default.default(css.dropdownBody) }, this.props.renderBody
+                    ? this.props.renderBody(Object.assign({}, props))
+                    : React__namespace.Children.map(this.props.children, (item) => {
+                        if (!item)
+                            return item;
+                        return React__namespace.createElement(item.type, Object.assign(Object.assign({}, item.props), { onClick: item.props.onClick
+                                ? () => {
+                                    item.props.onClick();
+                                    props.onClose();
+                                }
+                                : null }));
+                    })));
+            }, placement: "bottom-start" }));
     }
 }
 
-class ConfirmationModal extends React__namespace.Component {
-    render() {
-        let bodyContent;
-        if (this.props.bodyContent) {
-            bodyContent = React__namespace.createElement(Panel, { margin: '24' }, this.props.bodyContent);
-        }
-        return (React__namespace.createElement(ModalBlocker, Object.assign({}, this.props),
-            React__namespace.createElement(ModalWindow, { width: 420 },
-                React__namespace.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
-                React__namespace.createElement(ScrollBars, null, bodyContent),
-                React__namespace.createElement(ModalFooter, null,
-                    React__namespace.createElement(FlexSpacer, null),
-                    this.props.hideCancelButton || React__namespace.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), mode: 'outline', color: 'secondary' }),
-                    React__namespace.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: 'accent' })))));
-    }
-}
+const Anchor = uuiComponents.Anchor;
 
 function Form(props) {
     const context = uuiCore.useUuiContext();
     const beforeLeave = () => {
-        return context.uuiModals.show(modalProps => React__namespace.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
+        return context.uuiModals.show((modalProps) => React__namespace.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
     };
     const loadUnsavedChanges = () => {
-        return context.uuiNotifications.show((props) => React__namespace.createElement(WarningNotification, Object.assign({}, props, { actions: [{
+        return context.uuiNotifications
+            .show((props) => (React__namespace.createElement(WarningNotification, Object.assign({}, props, { actions: [
+                {
                     name: i18n.form.notifications.actionButtonCaption,
                     action: props.onSuccess,
-                }] }),
+                },
+            ] }),
             React__namespace.createElement(RichTextView, null,
-                React__namespace.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage))), { duration: 5, position: 'bot-left' }).catch(() => null);
+                React__namespace.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' })
+            .catch(() => null);
     };
-    return (React__namespace.createElement(uuiCore.Form, Object.assign({ loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave }, props)));
+    return React__namespace.createElement(uuiCore.Form, Object.assign({ loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave }, props));
 }
 
 function useForm(props) {
     const context = uuiCore.useUuiContext();
     const beforeLeave = () => {
-        return context.uuiModals.show(modalProps => (React__namespace.default.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps))));
+        return context.uuiModals.show((modalProps) => React__namespace.default.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
     };
     const loadUnsavedChanges = () => {
-        return context.uuiNotifications.show((props) => React__namespace.default.createElement(WarningNotification, Object.assign({}, props, { actions: [{
+        return context.uuiNotifications.show((props) => (React__namespace.default.createElement(WarningNotification, Object.assign({}, props, { actions: [
+                {
                     name: i18n.form.notifications.actionButtonCaption,
                     action: props.onSuccess,
-                }] }),
+                },
+            ] }),
             React__namespace.default.createElement(RichTextView, null,
-                React__namespace.default.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage))), { duration: 5, position: 'bot-left' }).catch(() => null);
+                React__namespace.default.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
     };
     return uuiCore.useForm(Object.assign({ beforeLeave, loadUnsavedChanges }, props));
 }
 
+Object.defineProperty(exports, 'FlexSpacer', {
+    enumerable: true,
+    get: function () { return uuiComponents.FlexSpacer; }
+});
 Object.defineProperty(exports, 'IconContainer', {
     enumerable: true,
     get: function () { return uuiComponents.IconContainer; }
 });
 exports.Accordion = Accordion;
 exports.Alert = Alert;
+exports.Anchor = Anchor;
 exports.Avatar = Avatar;
+exports.AvatarStack = AvatarStack;
 exports.Badge = Badge;
 exports.Blocker = Blocker;
 exports.Burger = Burger;
@@ -3628,6 +3712,7 @@ exports.CheckboxGroup = CheckboxGroup;
 exports.ClearNotification = ClearNotification;
 exports.ColumnHeaderDropdown = ColumnHeaderDropdown;
 exports.ColumnsConfigurationModal = ColumnsConfigurationModal;
+exports.ConfirmationModal = ConfirmationModal;
 exports.ControlGroup = ControlGroup;
 exports.DataPickerBody = DataPickerBody;
 exports.DataPickerFooter = DataPickerFooter;
@@ -3655,7 +3740,6 @@ exports.FilterItemBody = FilterItemBody;
 exports.FiltersPanel = FiltersPanel;
 exports.FlexCell = FlexCell;
 exports.FlexRow = FlexRow;
-exports.FlexSpacer = FlexSpacer;
 exports.Form = Form;
 exports.GlobalMenu = GlobalMenu;
 exports.HintAlert = HintAlert;
@@ -3677,6 +3761,7 @@ exports.ModalWindow = ModalWindow;
 exports.MultiSwitch = MultiSwitch;
 exports.NotificationCard = NotificationCard;
 exports.NumericInput = NumericInput;
+exports.Paginator = Paginator;
 exports.Panel = Panel;
 exports.PickerInput = PickerInput;
 exports.PickerItem = PickerItem;
@@ -3712,6 +3797,7 @@ exports.allButtonColors = allButtonColors;
 exports.allButtonModes = allButtonModes;
 exports.allButtonSemanticColors = allButtonSemanticColors;
 exports.allEpamBadgeSemanticColors = allEpamBadgeSemanticColors;
+exports.allFillStyles = allFillStyles;
 exports.allFontStyles = allFontStyles;
 exports.allIconColors = allIconColors;
 exports.allRowSizes = allRowSizes;