@epam/uui 6.1.3 → 6.1.5-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js CHANGED
@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
185
185
  xmlns: "http://www.w3.org/2000/svg",
186
186
  ref: ref
187
187
  }, props), /*#__PURE__*/React__namespace.createElement("g", {
188
- clipPath: "url(#i01ts0d4cw82xohaw_a)"
188
+ clipPath: "url(#bxu7dwzev9v6t0f4_a)"
189
189
  }, _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
190
190
  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",
191
191
  fill: "#F5F6FA"
@@ -206,7 +206,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
206
206
  d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
207
207
  fill: "#1D1E26"
208
208
  })), /*#__PURE__*/React__namespace.createElement("mask", {
209
- id: "i01ts0suext0loip_b",
209
+ id: "bxu7dwy267j9qvq5f_b",
210
210
  style: {
211
211
  maskType: "alpha"
212
212
  },
@@ -219,7 +219,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
219
219
  d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
220
220
  fill: "#9BDEFF"
221
221
  }))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
222
- mask: "url(#i01ts0suext0loip_b)",
222
+ mask: "url(#bxu7dwy267j9qvq5f_b)",
223
223
  fillRule: "evenodd",
224
224
  clipRule: "evenodd"
225
225
  }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -305,7 +305,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
305
305
  d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
306
306
  fill: "#fff"
307
307
  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
308
- id: "i01ts0d4cw82xohaw_a"
308
+ id: "bxu7dwzev9v6t0f4_a"
309
309
  }, /*#__PURE__*/React__namespace.createElement("path", {
310
310
  fill: "#fff",
311
311
  transform: "translate(.552)",
@@ -956,14 +956,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
956
956
  };
957
957
  var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
958
958
 
959
- var css$1w = {"root":"qwia3q","uui-spinner":"fY9grZ","uuiSpinner":"fY9grZ"};
959
+ var css$1w = {"root":"k2-6hJ","uui-spinner":"sWQx3U","uuiSpinner":"sWQx3U"};
960
960
 
961
961
  function applySpinnerMods() {
962
962
  return [css$1w.root, 'uui-spinner'];
963
963
  }
964
964
  const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
965
965
 
966
- var css$1v = {"root":"gD0bs3","loading-word":"TmFGl4","loadingWord":"TmFGl4","animated-loading":"Y-U5J7","animatedLoading":"Y-U5J7","skeleton_loading":"w6lr-K","skeletonLoading":"w6lr-K"};
966
+ var css$1v = {"root":"PU8QWI","loading-word":"tPG2qx","loadingWord":"tPG2qx","animated-loading":"_5JFNxC","animatedLoading":"_5JFNxC","skeleton_loading":"UgsKDc","skeletonLoading":"UgsKDc"};
967
967
 
968
968
  const TextPlaceholder = (props) => {
969
969
  const pattern = ' ';
@@ -980,7 +980,7 @@ const TextPlaceholder = (props) => {
980
980
  ]), dangerouslySetInnerHTML: { __html: it } })))));
981
981
  };
982
982
 
983
- var css$1u = {"root":"MeHwU5","line-height":"K2C9rB","lineHeight":"K2C9rB","font-size":"SLxb-m","fontSize":"SLxb-m"};
983
+ var css$1u = {"root":"iaBH-E","line-height":"ttsOYR","lineHeight":"ttsOYR","font-size":"iVcFXC","fontSize":"iVcFXC"};
984
984
 
985
985
  function applyTextMods(mods) {
986
986
  return [
@@ -1007,7 +1007,7 @@ const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, appl
1007
1007
  };
1008
1008
  });
1009
1009
 
1010
- var css$1t = {"root":"_9Ecjk9"};
1010
+ var css$1t = {"root":"dMPSyD"};
1011
1011
 
1012
1012
  const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
1013
1013
 
@@ -1495,7 +1495,7 @@ const settings = {
1495
1495
  textInput: textInputSettings,
1496
1496
  };
1497
1497
 
1498
- var css$1s = {"root":"EKjINg"};
1498
+ var css$1s = {"root":"_1ZAD2p"};
1499
1499
 
1500
1500
  function applyButtonMods(mods) {
1501
1501
  return [
@@ -1513,7 +1513,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
1513
1513
  };
1514
1514
  });
1515
1515
 
1516
- var css$1r = {"root":"VqdCGf"};
1516
+ var css$1r = {"root":"gbSmjC"};
1517
1517
 
1518
1518
  function applyIconButtonMods(props) {
1519
1519
  return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -1550,7 +1550,7 @@ function getIconClass(props) {
1550
1550
  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'];
1551
1551
  }
1552
1552
 
1553
- var css$1q = {"root":"DaFHtJ"};
1553
+ var css$1q = {"root":"RfVyjM"};
1554
1554
 
1555
1555
  const DEFAULT_COLOR = 'primary';
1556
1556
  const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -1580,7 +1580,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
1580
1580
  props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
1581
1581
  });
1582
1582
 
1583
- var css$1p = {"root":"nL65BI"};
1583
+ var css$1p = {"root":"_5A8oV2"};
1584
1584
 
1585
1585
  const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
1586
1586
  return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -1592,7 +1592,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
1592
1592
  ]) }, props.caption));
1593
1593
  });
1594
1594
 
1595
- var css$1o = {"root":"RA-Pra","withNotify":"UzhJON"};
1595
+ var css$1o = {"root":"bUp9er","withNotify":"LejQQ8"};
1596
1596
 
1597
1597
  const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
1598
1598
  const styles = [
@@ -1620,14 +1620,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
1620
1620
  props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
1621
1621
  });
1622
1622
 
1623
- var css$1n = {"root":"pRBBTP"};
1623
+ var css$1n = {"root":"_9PFV-0"};
1624
1624
 
1625
1625
  function applyVerticalTabButtonMods() {
1626
1626
  return [css$1n.root, 'uui-vertical-tab-button'];
1627
1627
  }
1628
1628
  const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
1629
1629
 
1630
- var css$1m = {"root":"MOEBFh"};
1630
+ var css$1m = {"root":"jp6Ohb"};
1631
1631
 
1632
1632
  function applyCheckboxMods(mods) {
1633
1633
  return [
@@ -1645,7 +1645,7 @@ const applyUUICheckboxProps = (props) => {
1645
1645
  };
1646
1646
  const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
1647
1647
 
1648
- var css$1l = {"root":"riXR7w"};
1648
+ var css$1l = {"root":"pF-vzb"};
1649
1649
 
1650
1650
  function applyRadioInputMods(mods) {
1651
1651
  return [
@@ -1657,7 +1657,7 @@ function applyRadioInputMods(mods) {
1657
1657
  }
1658
1658
  const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
1659
1659
 
1660
- var css$1k = {"root":"f8uyx6"};
1660
+ var css$1k = {"root":"_1zzYOL"};
1661
1661
 
1662
1662
  function applySwitchMods(mods) {
1663
1663
  return [
@@ -1681,7 +1681,7 @@ var EditMode;
1681
1681
  EditMode["INLINE"] = "inline";
1682
1682
  })(EditMode || (EditMode = {}));
1683
1683
 
1684
- var textInputCss = {"root":"_2lwXEu"};
1684
+ var textInputCss = {"root":"z9uftX"};
1685
1685
 
1686
1686
  const DEFAULT_MODE$3 = EditMode.FORM;
1687
1687
  function applyTextInputMods(mods) {
@@ -1706,7 +1706,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
1706
1706
  } }));
1707
1707
  });
1708
1708
 
1709
- var css$1j = {"root":"bswuHC"};
1709
+ var css$1j = {"root":"mTVwyI"};
1710
1710
 
1711
1711
  const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root, 'uui-control-group']);
1712
1712
 
@@ -1722,7 +1722,7 @@ function MultiSwitchComponent(props, ref) {
1722
1722
  }
1723
1723
  const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
1724
1724
 
1725
- var css$1i = {"root":"_3Kq99v"};
1725
+ var css$1i = {"root":"tGuAfX"};
1726
1726
 
1727
1727
  const DEFAULT_MODE$2 = EditMode.FORM;
1728
1728
  function applyNumericInputMods(mods) {
@@ -1742,7 +1742,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
1742
1742
  };
1743
1743
  });
1744
1744
 
1745
- var css$1h = {"root":"u7RPH-"};
1745
+ var css$1h = {"root":"Q-ZyFU"};
1746
1746
 
1747
1747
  const DEFAULT_MODE$1 = EditMode.FORM;
1748
1748
  function applyTextAreaMods(mods) {
@@ -1783,7 +1783,7 @@ function TREE_SHAKEABLE_INIT$1() {
1783
1783
  };
1784
1784
  }
1785
1785
 
1786
- var css$1g = {"root":"mx6HF9"};
1786
+ var css$1g = {"root":"_3XPgDf"};
1787
1787
 
1788
1788
  function applyDropdownContainerMods(mods) {
1789
1789
  return [
@@ -1794,7 +1794,7 @@ function applyDropdownContainerMods(mods) {
1794
1794
  }
1795
1795
  const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
1796
1796
 
1797
- var css$1f = {"root":"oVIbaw","timepicker-input":"OFmMbZ","timepickerInput":"OFmMbZ","ltr-always":"Vas-aJ","ltrAlways":"Vas-aJ"};
1797
+ var css$1f = {"root":"miWz0-","timepicker-input":"fYEa8-","timepickerInput":"fYEa8-","ltr-always":"FA6HN-","ltrAlways":"FA6HN-"};
1798
1798
 
1799
1799
  const uuiTimePicker = {
1800
1800
  container: 'uui-timepicker-container',
@@ -1988,7 +1988,7 @@ function TimePickerComponent(props, ref) {
1988
1988
  }
1989
1989
  const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
1990
1990
 
1991
- var css$1e = {"root":"OT7OX0"};
1991
+ var css$1e = {"root":"aVDlUO"};
1992
1992
 
1993
1993
  function applyInputAddonMods() {
1994
1994
  return [
@@ -1997,14 +1997,14 @@ function applyInputAddonMods() {
1997
1997
  }
1998
1998
  const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
1999
1999
 
2000
- var css$1d = {"root":"fXP3rp"};
2000
+ var css$1d = {"root":"CNWnpL"};
2001
2001
 
2002
2002
  function applySliderMods() {
2003
2003
  return [css$1d.root, 'uui-color-neutral'];
2004
2004
  }
2005
2005
  const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
2006
2006
 
2007
- var css$1c = {"root":"kvwVz2"};
2007
+ var css$1c = {"root":"CSl16N"};
2008
2008
 
2009
2009
  function applyTooltipMods(mods) {
2010
2010
  return [
@@ -2014,7 +2014,7 @@ function applyTooltipMods(mods) {
2014
2014
  }
2015
2015
  const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
2016
2016
 
2017
- var css$1b = {"root":"sB0pVz","tooltip":"_5KAxH4"};
2017
+ var css$1b = {"root":"l1ZQDS","tooltip":"Y-Cc2L"};
2018
2018
 
2019
2019
  function applyRatingMods(mods) {
2020
2020
  return [
@@ -2028,7 +2028,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
2028
2028
  Tooltip,
2029
2029
  }));
2030
2030
 
2031
- var css$1a = {"root":"fMLPeP","main-path":"lR-yWQ","mainPath":"lR-yWQ","content-wrapper":"vu5AZ2","contentWrapper":"vu5AZ2","content":"_5YUTg4","action-wrapper":"AL-9JZ","actionWrapper":"AL-9JZ","icon-wrapper":"o2seDu","iconWrapper":"o2seDu","icon":"Wy6PFZ","close-icon":"_3ACQZa","closeIcon":"_3ACQZa"};
2031
+ var css$1a = {"root":"dYZJ-D","main-path":"-wrUFf","mainPath":"-wrUFf","content-wrapper":"qmSKcn","contentWrapper":"qmSKcn","content":"xTXYYC","action-wrapper":"APfqXF","actionWrapper":"APfqXF","icon-wrapper":"G21LBW","iconWrapper":"G21LBW","icon":"_2IpGbM","close-icon":"VjvAjD","closeIcon":"VjvAjD"};
2032
2032
 
2033
2033
  const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1a.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
2034
2034
  React__namespace.createElement("div", { className: css$1a.mainPath },
@@ -2046,7 +2046,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
2046
2046
 
2047
2047
  const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
2048
2048
 
2049
- var css$19 = {"submenu-root-item-rtl":"Rsz17C","submenuRootItemRtl":"Rsz17C","icon-after":"_76PcZ0","iconAfter":"_76PcZ0","submenu-root-item":"BTHH3Q","submenuRootItem":"BTHH3Q","icon-check":"IbJmuy","iconCheck":"IbJmuy","splitter-root":"pQKPjT","splitterRoot":"pQKPjT","splitter":"eVT9uf","header-root":"OmdRbA","headerRoot":"OmdRbA","item-root":"eMJm98","itemRoot":"eMJm98","icon":"TVuVVW","link":"OiTocz","indent":"ONg2Sb","selected-mark":"_3h48aQ","selectedMark":"_3h48aQ"};
2049
+ var css$19 = {"submenu-root-item-rtl":"_4eUn2g","submenuRootItemRtl":"_4eUn2g","icon-after":"QeAbEF","iconAfter":"QeAbEF","submenu-root-item":"p4jP6B","submenuRootItem":"p4jP6B","icon-check":"GzvfWO","iconCheck":"GzvfWO","splitter-root":"aQGfyo","splitterRoot":"aQGfyo","splitter":"nva0d-","header-root":"Tb1v3v","headerRoot":"Tb1v3v","item-root":"M8Vh-E","itemRoot":"M8Vh-E","icon":"f7mUo0","link":"UHiSN0","indent":"ZpbD3D","selected-mark":"D6BaCY","selectedMark":"D6BaCY"};
2050
2050
 
2051
2051
  exports.IDropdownControlKeys = void 0;
2052
2052
  (function (IDropdownControlKeys) {
@@ -2171,7 +2171,7 @@ function DropdownMenuSwitchButton(props) {
2171
2171
  React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
2172
2172
  }
2173
2173
 
2174
- var css$18 = {"root":"E22vQn","mode-block":"BCRz3W","modeBlock":"BCRz3W","mode-inline":"eQ0jaD","modeInline":"eQ0jaD","padding-0":"_-2VFuo","padding0":"_-2VFuo","padding-6":"_9xnml-","padding6":"_9xnml-","padding-12":"vq0Aax","padding12":"vq0Aax","padding-18":"K7awWM","padding18":"K7awWM"};
2174
+ var css$18 = {"root":"AHKfCS","mode-block":"yIQOW1","modeBlock":"yIQOW1","mode-inline":"JC4z5t","modeInline":"JC4z5t","padding-0":"Q8q85G","padding0":"Q8q85G","padding-6":"kLxNJ2","padding6":"kLxNJ2","padding-12":"SSqaki","padding12":"SSqaki","padding-18":"rLzWPi","padding18":"rLzWPi"};
2175
2175
 
2176
2176
  function applyAccordionMods(mods) {
2177
2177
  return [
@@ -2184,7 +2184,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
2184
2184
  dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
2185
2185
  }));
2186
2186
 
2187
- var css$17 = {"root":"JykBE5","align-items":"KpQszd","alignItems":"KpQszd","justify-content":"_64EOVM","justifyContent":"_64EOVM","border-top":"aUhAEf","borderTop":"aUhAEf","border-bottom":"X1JzLH","borderBottom":"X1JzLH","top-shadow":"_8p6IJ6","topShadow":"_8p6IJ6","padding":"qB07Z5","margin":"ZOxP37","vPadding":"MnQBKy","column-gap":"wBproL","columnGap":"wBproL","row-gap":"Qrubhy","rowGap":"Qrubhy","spacing":"byxzGM"};
2187
+ var css$17 = {"root":"En-Z5k","align-items":"P6-3Ej","alignItems":"P6-3Ej","justify-content":"UeJQZJ","justifyContent":"UeJQZJ","border-top":"gWTm-V","borderTop":"gWTm-V","border-bottom":"XVjv3r","borderBottom":"XVjv3r","top-shadow":"wLIvpp","topShadow":"wLIvpp","padding":"LqigVi","margin":"XRnws8","vPadding":"_6Hp0hi","column-gap":"o-LcGN","columnGap":"o-LcGN","row-gap":"_8JoxwS","rowGap":"_8JoxwS","spacing":"nM45IL"};
2188
2188
 
2189
2189
  const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$17.flexCell]);
2190
2190
 
@@ -2236,7 +2236,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
2236
2236
  } }, props.children));
2237
2237
  });
2238
2238
 
2239
- var css$16 = {"root":"s-Rsuq","margin-24":"PqBbn4","margin24":"PqBbn4","padding-12":"lrNA6A","padding12":"lrNA6A","padding-24":"F64hCQ","padding24":"F64hCQ","shadow":"_50BaOn","uui-surface-main":"PRd-nZ","uuiSurfaceMain":"PRd-nZ"};
2239
+ var css$16 = {"root":"HB-ySh","margin-24":"x-HQ-z","margin24":"x-HQ-z","padding-12":"_7NO04C","padding12":"_7NO04C","padding-24":"jo4plb","padding24":"jo4plb","shadow":"D4mPfP","uui-surface-main":"-e6piY","uuiSurfaceMain":"-e6piY"};
2240
2240
 
2241
2241
  const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
2242
2242
  'uui-panel',
@@ -2246,7 +2246,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
2246
2246
  props.background && css$16[`uui-${props.background}`],
2247
2247
  ]);
2248
2248
 
2249
- var css$15 = {"root":"_3oZd3X"};
2249
+ var css$15 = {"root":"Aikfiq"};
2250
2250
 
2251
2251
  function applyLabeledInputMods(mods) {
2252
2252
  return [
@@ -2263,7 +2263,7 @@ function applyLabeledInputProps(props) {
2263
2263
  }
2264
2264
  const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
2265
2265
 
2266
- var css$14 = {"root":"TaoRCU"};
2266
+ var css$14 = {"root":"FOKy-b"};
2267
2267
 
2268
2268
  function RadioGroup(props) {
2269
2269
  const direction = props.direction || 'vertical';
@@ -2278,7 +2278,7 @@ function RadioGroup(props) {
2278
2278
  })));
2279
2279
  }
2280
2280
 
2281
- var css$13 = {"root":"_9KgzQE"};
2281
+ var css$13 = {"root":"yffbjs"};
2282
2282
 
2283
2283
  function applyScrollBarsMods() {
2284
2284
  return [
@@ -2287,7 +2287,7 @@ function applyScrollBarsMods() {
2287
2287
  }
2288
2288
  const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
2289
2289
 
2290
- var css$12 = {"scroll-container":"ERKU7-","scrollContainer":"ERKU7-","list-container":"HNj1qQ","listContainer":"HNj1qQ"};
2290
+ var css$12 = {"scroll-container":"dDAFey","scrollContainer":"dDAFey","list-container":"moB-h1","listContainer":"moB-h1"};
2291
2291
 
2292
2292
  const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
2293
2293
  const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
@@ -2331,7 +2331,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
2331
2331
  props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
2332
2332
  });
2333
2333
 
2334
- var css$11 = {"root":"zqkp4-"};
2334
+ var css$11 = {"root":"l7yiH1"};
2335
2335
 
2336
2336
  function CheckboxGroup(props) {
2337
2337
  const currentValue = props.value || [];
@@ -2353,7 +2353,7 @@ function CheckboxGroup(props) {
2353
2353
  })));
2354
2354
  }
2355
2355
 
2356
- var css$10 = {"root":"_625v-v","modal-blocker":"TE65cH","modalBlocker":"TE65cH","animateModalBlocker":"_9GyzhA","modal":"_5XLVmw","modal-footer":"tNqCBY","modalFooter":"tNqCBY","border-top":"aW2wb3","borderTop":"aW2wb3","modal-header":"Eum9RY","modalHeader":"Eum9RY","border-bottom":"_3Jfcev","borderBottom":"_3Jfcev"};
2356
+ var css$10 = {"root":"-ne-In","modal-blocker":"VYVrnf","modalBlocker":"VYVrnf","animateModalBlocker":"_--pAsE","modal":"vQxBr8","modal-footer":"-zbABC","modalFooter":"-zbABC","border-top":"w2ncYB","borderTop":"w2ncYB","modal-header":"Rb8zLu","modalHeader":"Rb8zLu","border-bottom":"KFU5qv","borderBottom":"KFU5qv"};
2357
2357
 
2358
2358
  const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$10.modalBlocker]);
2359
2359
  const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$10.root, css$10.modal], (props) => {
@@ -2398,6 +2398,7 @@ const TREE_SHAKEABLE_INIT = () => ({
2398
2398
  searchPlaceholder: 'Type text for quick search',
2399
2399
  cancelButton: 'Cancel',
2400
2400
  selectButton: 'Select',
2401
+ clearButton: 'CLEAR',
2401
2402
  clearAllButton: 'CLEAR ALL',
2402
2403
  selectAllButton: 'SELECT ALL',
2403
2404
  },
@@ -2544,7 +2545,7 @@ const TREE_SHAKEABLE_INIT = () => ({
2544
2545
  });
2545
2546
  const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
2546
2547
 
2547
- var css$$ = {"root":"rAxMmS","icon-wrapper":"_4ByOT6","iconWrapper":"_4ByOT6","action-wrapper":"CsVduL","actionWrapper":"CsVduL","close-icon":"BbaSAi","closeIcon":"BbaSAi","main-path":"_4nzSKB","mainPath":"_4nzSKB","content":"grpWTj","close-wrapper":"_2-vlCm","closeWrapper":"_2-vlCm","clear-notifications":"C59mRw","clearNotifications":"C59mRw"};
2548
+ var css$$ = {"root":"bnuARJ","icon-wrapper":"_3eAAwD","iconWrapper":"_3eAAwD","action-wrapper":"VosyPN","actionWrapper":"VosyPN","close-icon":"MeZGOL","closeIcon":"MeZGOL","main-path":"Z8q1ih","mainPath":"Z8q1ih","content":"_56cnRQ","close-wrapper":"_94CAzJ","closeWrapper":"_94CAzJ","clear-notifications":"mGZ070","clearNotifications":"mGZ070"};
2548
2549
 
2549
2550
  const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
2550
2551
  const notificationCardNode = React__namespace.default.useRef(null);
@@ -2577,7 +2578,7 @@ function ClearNotification() {
2577
2578
  React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
2578
2579
  }
2579
2580
 
2580
- var css$_ = {"footer":"EsOQkx"};
2581
+ var css$_ = {"footer":"e3iPQZ"};
2581
2582
 
2582
2583
  class ConfirmationModal extends React__namespace.Component {
2583
2584
  render() {
@@ -2619,7 +2620,7 @@ function useReliableForceUpdate() {
2619
2620
  return red[1];
2620
2621
  }
2621
2622
 
2622
- var css$Z = {"root":"Uewcl-","container":"k1DpMQ"};
2623
+ var css$Z = {"root":"LW8daT","container":"hZgPZh"};
2623
2624
 
2624
2625
  const defaultFormat = 'MMM D, YYYY';
2625
2626
  const valueFormat = 'YYYY-MM-DD';
@@ -2837,14 +2838,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
2837
2838
  React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
2838
2839
  }
2839
2840
 
2840
- var css$Y = {"root":"KkazGd"};
2841
+ var css$Y = {"root":"tRsOns"};
2841
2842
 
2842
2843
  function applyDateSelectionMods() {
2843
2844
  return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
2844
2845
  }
2845
2846
  const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
2846
2847
 
2847
- var css$X = {"root":"o7598n"};
2848
+ var css$X = {"root":"XB-8K2"};
2848
2849
 
2849
2850
  const uuiDatePickerBody = {
2850
2851
  wrapper: 'uui-datepicker-body-wrapper',
@@ -2965,7 +2966,7 @@ function DatePickerComponent(props, ref) {
2965
2966
  }
2966
2967
  const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
2967
2968
 
2968
- var css$W = {"date-input":"RUXt-q","dateInput":"RUXt-q","root":"ndoqHy","separator":"UAcpcY"};
2969
+ var css$W = {"date-input":"jqJVIE","dateInput":"jqJVIE","root":"_0rMdeM","separator":"iZ1fc9"};
2969
2970
 
2970
2971
  const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
2971
2972
  const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
@@ -3036,7 +3037,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
3036
3037
  React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$W.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? onClear : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
3037
3038
  });
3038
3039
 
3039
- var css$V = {"root":"M4behT"};
3040
+ var css$V = {"root":"YBpl8W"};
3040
3041
 
3041
3042
  const uuiPresets = {
3042
3043
  container: 'uui-presets-container',
@@ -3056,7 +3057,7 @@ function CalendarPresets(props) {
3056
3057
  getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
3057
3058
  }
3058
3059
 
3059
- var css$U = {"root":"zsOpvA","container":"s4bCPl","day-selection":"_8msTTj","daySelection":"_8msTTj","from-picker":"aCuOm3","fromPicker":"aCuOm3","to-picker":"gt7-Hj","toPicker":"gt7-Hj","bodes-wrapper":"M9I56z","bodesWrapper":"M9I56z","blocker":"zRGROm"};
3060
+ var css$U = {"root":"h7DHtx","container":"_3tdAZq","day-selection":"_26z1Hf","daySelection":"_26z1Hf","from-picker":"_61l2I6","fromPicker":"_61l2I6","to-picker":"hteCAW","toPicker":"hteCAW","bodes-wrapper":"SzEyOz","bodesWrapper":"SzEyOz","blocker":"_-0uJ0J"};
3060
3061
 
3061
3062
  const uuiRangeDatePickerBody = {
3062
3063
  inRange: 'uui-range-datepicker-in-range',
@@ -3258,7 +3259,7 @@ const getDayState = (day, selectedDate) => {
3258
3259
  };
3259
3260
  };
3260
3261
 
3261
- var css$T = {"dropdown-container":"osP3Tv","dropdownContainer":"osP3Tv"};
3262
+ var css$T = {"dropdown-container":"cpSlAW","dropdownContainer":"cpSlAW"};
3262
3263
 
3263
3264
  function RangeDatePickerComponent(props, ref) {
3264
3265
  const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3326,7 +3327,7 @@ function RangeDatePickerComponent(props, ref) {
3326
3327
  }
3327
3328
  const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
3328
3329
 
3329
- var css$S = {"root":"g9gxTg","blocker":"Nfkew3","marker":"_2iKF5U","top":"wP7Mqr","bottom":"iH1zD-","left":"miQeaS","right":"wG2TTI","inside":"A4TwqQ"};
3330
+ var css$S = {"root":"Pqdcrn","blocker":"_2W8mgH","marker":"_2BWZ3v","top":"ZOIGRJ","bottom":"ROVLYg","left":"tKF0WF","right":"x54RX9","inside":"pb28f1"};
3330
3331
 
3331
3332
  function DropMarker(props) {
3332
3333
  return props.isDndInProgress
@@ -3343,15 +3344,15 @@ function DropMarker(props) {
3343
3344
 
3344
3345
  const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
3345
3346
 
3346
- var css$R = {"search-wrapper":"QLkxd-","searchWrapper":"QLkxd-","no-data":"GMhXra","noData":"GMhXra"};
3347
+ var css$R = {"search-wrapper":"UxXJL9","searchWrapper":"UxXJL9","no-data":"OuZgO7","noData":"OuZgO7"};
3347
3348
 
3348
- var css$Q = {"picker-row":"rJqwYd","pickerRow":"rJqwYd","align-widgets-top":"x-QpP6","alignWidgetsTop":"x-QpP6","row-content":"HWtVkX","rowContent":"HWtVkX","align-widgets-center":"vBvGXI","alignWidgetsCenter":"vBvGXI","icon-container":"PNZEt6","iconContainer":"PNZEt6","content-wrapper":"b-aZD4","contentWrapper":"b-aZD4","icon-wrapper":"kLUPf8","iconWrapper":"kLUPf8","icon-default":"KfWjO0","iconDefault":"KfWjO0","selected-mark":"KLunZx","selectedMark":"KLunZx"};
3349
+ var css$Q = {"picker-row":"_107Fr6","pickerRow":"_107Fr6","align-widgets-top":"_8US39Q","alignWidgetsTop":"_8US39Q","row-content":"mbIazh","rowContent":"mbIazh","align-widgets-center":"GKS1zY","alignWidgetsCenter":"GKS1zY","icon-container":"q7qtmW","iconContainer":"q7qtmW","content-wrapper":"zX7heU","contentWrapper":"zX7heU","icon-wrapper":"MW4lbk","iconWrapper":"MW4lbk","icon-default":"_0-vW-m","iconDefault":"_0-vW-m","selected-mark":"_0gaRow","selectedMark":"_0gaRow"};
3349
3350
 
3350
- var css$P = {"root":"_1Z6bPU"};
3351
+ var css$P = {"root":"_4MNAKk"};
3351
3352
 
3352
3353
  const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$P.root]);
3353
3354
 
3354
- var css$O = {"root":"NZi6vk"};
3355
+ var css$O = {"root":"HA5G6A"};
3355
3356
 
3356
3357
  const DEFAULT_FILL = 'solid';
3357
3358
  function applyBadgeMods(mods) {
@@ -3379,7 +3380,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
3379
3380
  props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
3380
3381
  });
3381
3382
 
3382
- var css$N = {"root":"aDK2VN"};
3383
+ var css$N = {"root":"tT9SEc"};
3383
3384
 
3384
3385
  function applyTagMods(props) {
3385
3386
  return [
@@ -3407,7 +3408,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
3407
3408
  props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
3408
3409
  });
3409
3410
 
3410
- var css$M = {"root":"eEgdkM","page":"ZrfSEN","spacer":"JOjkBC","mode-ghost":"pMxAfb","modeGhost":"pMxAfb"};
3411
+ var css$M = {"root":"mXFjFl","page":"-pD7Z9","spacer":"L4AfFR","mode-ghost":"AWvCxZ","modeGhost":"AWvCxZ"};
3411
3412
 
3412
3413
  function Paginator(props) {
3413
3414
  const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -3424,14 +3425,14 @@ function Paginator(props) {
3424
3425
  return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
3425
3426
  }
3426
3427
 
3427
- var css$L = {"root":"-Nmw6f","progress-bar":"_91YkmQ","progressBar":"_91YkmQ","progressBar-indeterminate":"nGN0CV","progressBarIndeterminate":"nGN0CV","size-12":"VRxdTM","size12":"VRxdTM","size-18":"U-c0Kl","size18":"U-c0Kl","size-24":"hPXKRU","size24":"hPXKRU"};
3428
+ var css$L = {"root":"_2yQx3q","progress-bar":"ZrIDlN","progressBar":"ZrIDlN","progressBar-indeterminate":"SILWh-","progressBarIndeterminate":"SILWh-","size-12":"_0jzrk2","size12":"_0jzrk2","size-18":"mDqYK9","size18":"mDqYK9","size-24":"IE6bGy","size24":"IE6bGy"};
3428
3429
 
3429
3430
  const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
3430
3431
  return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
3431
3432
  React__namespace.createElement("div", { className: cx__default.default(css$L.progressBar) })));
3432
3433
  });
3433
3434
 
3434
- var css$K = {"root":"_4QjO7U","striped":"_9O5g2z","animate-stripes":"L7dVKP","animateStripes":"L7dVKP","size-12":"rWKg-P","size12":"rWKg-P","size-18":"MppZYF","size18":"MppZYF","size-24":"VDrxtM","size24":"VDrxtM"};
3435
+ var css$K = {"root":"_1dJ6Cm","striped":"UWKP58","animate-stripes":"WrriDO","animateStripes":"WrriDO","size-12":"baqEAF","size12":"baqEAF","size-18":"sRt2aC","size18":"sRt2aC","size-24":"M0pnpN","size24":"M0pnpN"};
3435
3436
 
3436
3437
  const DEFAULT_SIZE = '12';
3437
3438
  function applyProgressBarMods(mods) {
@@ -3446,14 +3447,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
3446
3447
  hideLabel: props.hideLabel || props.striped,
3447
3448
  }));
3448
3449
 
3449
- var css$J = {"root":"nqKaVz"};
3450
+ var css$J = {"root":"Tpz3Nf"};
3450
3451
 
3451
3452
  const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
3452
3453
  const { progress } = props;
3453
3454
  return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$J.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$J.root, props.cx) }));
3454
3455
  });
3455
3456
 
3456
- var css$I = {"root":"YNF5gE"};
3457
+ var css$I = {"root":"g0p-hI"};
3457
3458
 
3458
3459
  const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
3459
3460
  return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -3468,7 +3469,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
3468
3469
  React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
3469
3470
  });
3470
3471
 
3471
- var css$H = {"drag-handle-wrapper":"YhQMkP","dragHandleWrapper":"YhQMkP","with-indent":"-wqFgM","withIndent":"-wqFgM","drag-handle":"_4ufiV3","dragHandle":"_4ufiV3","icon-container":"RFqcf-","iconContainer":"RFqcf-"};
3472
+ var css$H = {"drag-handle-wrapper":"vBWOpg","dragHandleWrapper":"vBWOpg","with-indent":"xjlRgZ","withIndent":"xjlRgZ","drag-handle":"e1ZCHB","dragHandle":"e1ZCHB","icon-container":"WykyYw","iconContainer":"WykyYw"};
3472
3473
 
3473
3474
  function DataRowAddons(props) {
3474
3475
  const row = props.rowProps;
@@ -3555,7 +3556,7 @@ const getHighlightedSearchMatches = (str, search) => {
3555
3556
  return getDecoratedText(str, ranges);
3556
3557
  };
3557
3558
 
3558
- var css$G = {"root":"_6-S9nH","column-gap":"argU9I","columnGap":"argU9I","title":"_2P9x8x","subtitle":"AZtu3Q","disabled":"NzT7VM","multiline":"Hg25cV"};
3559
+ var css$G = {"root":"wILu-I","column-gap":"WTWSLD","columnGap":"WTWSLD","title":"z57RUc","subtitle":"YaOadn","disabled":"_1zjPFy","multiline":"TYhZcq"};
3559
3560
 
3560
3561
  function PickerItem(props) {
3561
3562
  const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3729,7 +3730,7 @@ function DataPickerFooterImpl(props) {
3729
3730
  }
3730
3731
  const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
3731
3732
 
3732
- var css$F = {"header":"N7wON5","title":"cVWcro","close":"cxU3Ne"};
3733
+ var css$F = {"header":"-KjmdT","title":"jeXdT4","close":"-AFKiB"};
3733
3734
 
3734
3735
  const DataPickerMobileHeaderImpl = (props) => {
3735
3736
  const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3739,7 +3740,7 @@ const DataPickerMobileHeaderImpl = (props) => {
3739
3740
  };
3740
3741
  const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
3741
3742
 
3742
- var css$E = {"done":"wXHTtJ","container":"faAEaV"};
3743
+ var css$E = {"done":"Mlekj9","container":"dnFwo-"};
3743
3744
 
3744
3745
  const PickerBodyMobileView = (props) => {
3745
3746
  const isMobileView = uuiCore.isMobile();
@@ -3751,19 +3752,23 @@ const PickerBodyMobileView = (props) => {
3751
3752
  isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
3752
3753
  };
3753
3754
 
3754
- var css$D = {"sub-header-wrapper":"VC9CMg","subHeaderWrapper":"VC9CMg","switch":"_5P5WJN","no-found-modal-container":"_00-4j0","noFoundModalContainer":"_00-4j0","no-found-modal-container-icon":"_9v5e2T","noFoundModalContainerIcon":"_9v5e2T","no-found-modal-container-text":"_2lR7d9","noFoundModalContainerText":"_2lR7d9","body":"ExHoi2"};
3755
+ var css$D = {"sub-header-wrapper":"hp09Lg","subHeaderWrapper":"hp09Lg","switch":"PfqEas","no-found-modal-container":"_1StKi1","noFoundModalContainer":"_1StKi1","no-found-modal-container-icon":"_3RK3rP","noFoundModalContainerIcon":"_3RK3rP","no-found-modal-container-text":"VqLPVC","noFoundModalContainerText":"VqLPVC","body":"VGCtMq"};
3755
3756
 
3756
3757
  function PickerModal(props) {
3757
3758
  const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
3759
+ const isSearching = dataSourceState.search && dataSourceState.search.length > 0;
3758
3760
  const renderRow = (rowProps) => {
3759
3761
  return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__namespace.default.createElement(DataPickerRow, { ...rowProps, key: rowProps.rowKey, size: settings.pickerInput.sizes.body.row, flattenSearchResults: view.getConfig().flattenSearchResults, dataSourceState: dataSourceState, getName: getName }));
3760
3762
  };
3761
3763
  const renderFooter = () => {
3762
3764
  const hasSelection = view.getSelectedRowsCount() > 0;
3763
3765
  const rowsCount = view.getListProps().rowsCount;
3764
- const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
3766
+ const isEmptyRowsAndHasNoSelection = (rowsCount === 0 || !hasSelection);
3767
+ const showClear = !props.disableClear && (isSingleSelect() ? true : (!view.selectAll || hasSelection));
3768
+ const isClearDisabled = isSearching || isEmptyRowsAndHasNoSelection;
3765
3769
  return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
3766
- view.selectAll && (React__namespace.default.createElement(LinkButton, { caption: hasSelection ? i18n.pickerModal.clearAllButton : i18n.pickerModal.selectAllButton, onClick: hasSelection ? () => clearSelection() : () => view.selectAll.onValueChange(true), isDisabled: isEmptyRowsAndHasNoSelection })),
3770
+ view.selectAll && !hasSelection && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerModal.selectAllButton, onClick: () => view.selectAll.onValueChange(true) })),
3771
+ showClear && (React__namespace.default.createElement(LinkButton, { caption: isSingleSelect() ? i18n.pickerModal.clearButton : i18n.pickerModal.clearAllButton, onClick: () => clearSelection(), isDisabled: isClearDisabled })),
3767
3772
  React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
3768
3773
  React__namespace.default.createElement(Button, { fill: "outline", color: "secondary", caption: i18n.pickerModal.cancelButton, onClick: () => props.abort() }),
3769
3774
  React__namespace.default.createElement(Button, { color: "primary", caption: i18n.pickerModal.selectButton, onClick: () => props.success(selection) })));
@@ -3775,7 +3780,6 @@ function PickerModal(props) {
3775
3780
  React__namespace.default.createElement(Text, { cx: css$D.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary" }, i18n.dataPickerBody.noRecordsSubTitle)));
3776
3781
  };
3777
3782
  const dataRows = getRows();
3778
- const isSearching = dataSourceState.search && dataSourceState.search.length > 0;
3779
3783
  return (React__namespace.default.createElement(ModalBlocker, { ...props },
3780
3784
  React__namespace.default.createElement(ModalWindow, { width: 600, height: 700, cx: css$D.body },
3781
3785
  React__namespace.default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
@@ -3794,7 +3798,7 @@ function PickerModal(props) {
3794
3798
  React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
3795
3799
  }
3796
3800
 
3797
- var css$C = {"tooltip":"lSg64G"};
3801
+ var css$C = {"tooltip":"vsfwzM"};
3798
3802
 
3799
3803
  const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
3800
3804
  const tagProps = {
@@ -3813,7 +3817,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
3813
3817
  }
3814
3818
  });
3815
3819
 
3816
- var css$B = {"root":"oXjeQT"};
3820
+ var css$B = {"root":"BJUazM"};
3817
3821
 
3818
3822
  const defaultMode = EditMode.FORM;
3819
3823
  function applyPickerTogglerMods(mods) {
@@ -3895,7 +3899,7 @@ function PickerInputComponent(props, ref) {
3895
3899
  }
3896
3900
  const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
3897
3901
 
3898
- var css$A = {"row":"KXqI-u"};
3902
+ var css$A = {"row":"SgJElL"};
3899
3903
 
3900
3904
  function PickerListRow(props) {
3901
3905
  let label;
@@ -3915,7 +3919,7 @@ function PickerListRow(props) {
3915
3919
  return (React__namespace.default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
3916
3920
  }
3917
3921
 
3918
- var css$z = {"root":"h8pUZG"};
3922
+ var css$z = {"root":"RzO-1C"};
3919
3923
 
3920
3924
  function PickerList(props) {
3921
3925
  const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -3950,7 +3954,7 @@ function PickerList(props) {
3950
3954
  }, selectedRows)));
3951
3955
  }
3952
3956
 
3953
- var css$y = {"root":"JCeheZ","wrapper":"WsMtZ1","align-widgets-top":"Xl7NOm","alignWidgetsTop":"Xl7NOm","align-widgets-center":"_3UWLeB","alignWidgetsCenter":"_3UWLeB"};
3957
+ var css$y = {"root":"DlDWKq","wrapper":"YLT2aR","align-widgets-top":"LKpMZM","alignWidgetsTop":"LKpMZM","align-widgets-center":"eLDnmQ","alignWidgetsCenter":"eLDnmQ"};
3954
3958
 
3955
3959
  function DataTableCell(initialProps) {
3956
3960
  const props = { ...initialProps };
@@ -4000,7 +4004,7 @@ function DataTableCell(initialProps) {
4000
4004
  return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
4001
4005
  }
4002
4006
 
4003
- var css$x = {"root":"BhqFLT"};
4007
+ var css$x = {"root":"yRNsKE"};
4004
4008
 
4005
4009
  // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
4006
4010
  // 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.
@@ -4016,7 +4020,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
4016
4020
  ];
4017
4021
  }, () => propsMods);
4018
4022
 
4019
- var css$w = {"sorting-panel-container":"r9JrdF","sortingPanelContainer":"r9JrdF"};
4023
+ var css$w = {"sorting-panel-container":"_9sRmyu","sortingPanelContainer":"_9sRmyu"};
4020
4024
 
4021
4025
  const SortingPanelImpl = ({ sortDirection, onSort }) => {
4022
4026
  const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -4036,7 +4040,7 @@ const ColumnHeaderDropdownImpl = (props) => {
4036
4040
  };
4037
4041
  const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
4038
4042
 
4039
- var css$v = {"root":"_9tU7BA","caption-wrapper":"E7QRiP","captionWrapper":"E7QRiP","sort-icon":"BTqbua","sortIcon":"BTqbua","dropdown-icon":"uoCUVb","dropdownIcon":"uoCUVb","infoIcon":"QBTkLn","align-right":"UtqdDo","alignRight":"UtqdDo","align-center":"ZJ9DW2","alignCenter":"ZJ9DW2","caption":"bvJkhU","truncate":"AC6nBv","upper-case":"tiWBG3","upperCase":"tiWBG3","checkbox":"bKLeN2","icon":"Ki-687","fold-all-icon":"dnvPNF","foldAllIcon":"dnvPNF","cell-tooltip":"vvjfFj","cellTooltip":"vvjfFj","resizing-marker":"u2aS8H","resizingMarker":"u2aS8H","pinned-right":"ASMfw8","pinnedRight":"ASMfw8","draggable":"_2HR7IB","ghost":"hyxUel","is-dragged-out":"ZOjBHc","isDraggedOut":"ZOjBHc","dnd-marker-left":"qTmFTM","dndMarkerLeft":"qTmFTM","dnd-marker-right":"A5YHNd","dndMarkerRight":"A5YHNd","cell-tooltip-wrapper":"iLetoB","cellTooltipWrapper":"iLetoB","cell-tooltip-text":"CkEFx6","cellTooltipText":"CkEFx6","tooltip-caption":"z-F6zu","tooltipCaption":"z-F6zu","tooltip-info":"KlLzZj","tooltipInfo":"KlLzZj"};
4043
+ var css$v = {"root":"SEyNgC","caption-wrapper":"OdXL0x","captionWrapper":"OdXL0x","sort-icon":"yCDhok","sortIcon":"yCDhok","dropdown-icon":"twfT-b","dropdownIcon":"twfT-b","infoIcon":"MnW01t","align-right":"ZPU5rV","alignRight":"ZPU5rV","align-center":"fnIS3z","alignCenter":"fnIS3z","caption":"vmNMMW","truncate":"_0EFg9f","upper-case":"_8mzKWz","upperCase":"_8mzKWz","checkbox":"I0n3Zy","icon":"_7ZuHCR","fold-all-icon":"UBQZ6q","foldAllIcon":"UBQZ6q","cell-tooltip":"qE7X3k","cellTooltip":"qE7X3k","resizing-marker":"n0oRVG","resizingMarker":"n0oRVG","pinned-right":"RY-C3I","pinnedRight":"RY-C3I","draggable":"NlOw-a","ghost":"HRDDg6","is-dragged-out":"yey2fJ","isDraggedOut":"yey2fJ","dnd-marker-left":"vcZ8A-","dndMarkerLeft":"vcZ8A-","dnd-marker-right":"cp2K1q","dndMarkerRight":"cp2K1q","cell-tooltip-wrapper":"lvLN3f","cellTooltipWrapper":"lvLN3f","cell-tooltip-text":"unHSiq","cellTooltipText":"unHSiq","tooltip-caption":"moTyxL","tooltipCaption":"moTyxL","tooltip-info":"W-IIOF","tooltipInfo":"W-IIOF"};
4040
4044
 
4041
4045
  class DataTableHeaderCell extends React__namespace.Component {
4042
4046
  constructor() {
@@ -4130,7 +4134,7 @@ class DataTableHeaderCell extends React__namespace.Component {
4130
4134
  }
4131
4135
  }
4132
4136
 
4133
- var css$u = {"root":"Yszlon","caption-wrapper":"Nl-1V1","captionWrapper":"Nl-1V1","align-center":"K86Qhk","alignCenter":"K86Qhk","caption":"t274da","truncate":"IZa3tY","upper-case":"fvXC2Q","upperCase":"fvXC2Q","group-cell-tooltip":"XNoJGg","groupCellTooltip":"XNoJGg","group-cell-tooltip-wrapper":"_7HfNS4","groupCellTooltipWrapper":"_7HfNS4","group-cell-tooltip-text":"_3C4wJk","groupCellTooltipText":"_3C4wJk","tooltip-caption":"IaSZm3","tooltipCaption":"IaSZm3","tooltip-info":"krhL8C","tooltipInfo":"krhL8C"};
4137
+ var css$u = {"root":"Jc6pbr","caption-wrapper":"EaNZd2","captionWrapper":"EaNZd2","align-center":"fbqJQa","alignCenter":"fbqJQa","caption":"OK8vby","truncate":"I4eeN9","upper-case":"kcuGGY","upperCase":"kcuGGY","group-cell-tooltip":"Uyuz96","groupCellTooltip":"Uyuz96","group-cell-tooltip-wrapper":"NIfJ1Y","groupCellTooltipWrapper":"NIfJ1Y","group-cell-tooltip-text":"ShhR6O","groupCellTooltipText":"ShhR6O","tooltip-caption":"DO8N8X","tooltipCaption":"DO8N8X","tooltip-info":"jylbMO","tooltipInfo":"jylbMO"};
4134
4138
 
4135
4139
  class DataTableHeaderGroupCell extends React__namespace.Component {
4136
4140
  constructor() {
@@ -4170,7 +4174,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
4170
4174
  }
4171
4175
  }
4172
4176
 
4173
- var css$t = {"root":"eelzvC"};
4177
+ var css$t = {"root":"pyl95T"};
4174
4178
 
4175
4179
  const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
4176
4180
  renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -4266,7 +4270,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
4266
4270
  const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
4267
4271
  const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
4268
4272
 
4269
- var css$s = {"body":"B81lBJ","header":"oItm-U","title":"dJCQir","removeButton":"V8C14k","with-search":"YfVjfb","withSearch":"YfVjfb"};
4273
+ var css$s = {"body":"VoUvtK","header":"_7oEB4-","title":"-q-Vnk","removeButton":"_0LRULu","with-search":"OFISwu","withSearch":"OFISwu"};
4270
4274
 
4271
4275
  function FilterColumnBody(props) {
4272
4276
  const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
@@ -4327,7 +4331,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
4327
4331
  return columns;
4328
4332
  };
4329
4333
 
4330
- var css$r = {"unpin-icon":"nKeg-C","unpinIcon":"nKeg-C","pin-toggler-icon":"ezc0Ql","pinTogglerIcon":"ezc0Ql"};
4334
+ var css$r = {"unpin-icon":"i5z3IT","unpinIcon":"i5z3IT","pin-toggler-icon":"rvq7Ka","pinTogglerIcon":"rvq7Ka"};
4331
4335
 
4332
4336
  function PinIconButton(props) {
4333
4337
  const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4369,7 +4373,7 @@ function getUnpinIcon(params) {
4369
4373
  }
4370
4374
  }
4371
4375
 
4372
- var css$q = {"row-wrapper":"lxJ13K","rowWrapper":"lxJ13K","pin-icon-button":"_92xM-B","pinIconButton":"_92xM-B","not-pinned":"Ft21O6","notPinned":"Ft21O6","checkbox":"_5D5j2g","drag-handle":"Y6Hfpj","dragHandle":"Y6Hfpj","dnd-disabled":"ukSl0L","dndDisabled":"ukSl0L"};
4376
+ var css$q = {"row-wrapper":"qNZGIf","rowWrapper":"qNZGIf","pin-icon-button":"z7H83D","pinIconButton":"z7H83D","not-pinned":"w6OJ6m","notPinned":"w6OJ6m","checkbox":"uurB75","drag-handle":"CJwb2z","dragHandle":"CJwb2z","dnd-disabled":"h5eRKB","dndDisabled":"h5eRKB"};
4373
4377
 
4374
4378
  const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
4375
4379
  const { column } = props;
@@ -4392,7 +4396,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
4392
4396
  return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
4393
4397
  });
4394
4398
 
4395
- var css$p = {"root":"tB3H1Q","main-panel":"siJbHM","mainPanel":"siJbHM","group":"IaYH3m","group-title":"ycAAZQ","groupTitle":"ycAAZQ","group-items":"X4WZIY","groupItems":"X4WZIY","no-data":"_6aPVKF","noData":"_6aPVKF","no-data-title":"asRZHQ","noDataTitle":"asRZHQ","no-data-sub-title":"_975WUc","noDataSubTitle":"_975WUc","h-divider":"I1s-rG","hDivider":"I1s-rG","search-area":"_5bXw5Z","searchArea":"_5bXw5Z","subgroup-accordion":"_2-gEkJ","subgroupAccordion":"_2-gEkJ","subgroup":"iiCDuX","subgroup-title":"s0zb0D","subgroupTitle":"s0zb0D"};
4399
+ var css$p = {"root":"pAd347","main-panel":"zogoeD","mainPanel":"zogoeD","group":"lSwcud","group-title":"wXF8xs","groupTitle":"wXF8xs","group-items":"AQQp8-","groupItems":"AQQp8-","no-data":"QORqTx","noData":"QORqTx","no-data-title":"oq1fCB","noDataTitle":"oq1fCB","no-data-sub-title":"KOhEZ2","noDataSubTitle":"KOhEZ2","h-divider":"WMb1Cs","hDivider":"WMb1Cs","search-area":"_5dWrSE","searchArea":"_5dWrSE","subgroup-accordion":"BH-sUt","subgroupAccordion":"BH-sUt","subgroup":"mcS4h0","subgroup-title":"_74iaP0","subgroupTitle":"_74iaP0"};
4396
4400
 
4397
4401
  const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
4398
4402
  React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
@@ -4494,7 +4498,7 @@ const getChildrenAndRest = (row, rows) => {
4494
4498
  return [children, rest];
4495
4499
  };
4496
4500
 
4497
- var css$o = {"listContainer":"HDv85M","header":"SNK52n","group":"X-sYD7","stickyHeader":"-QXHqW"};
4501
+ var css$o = {"listContainer":"_0DZg2m","header":"gR4AIh","group":"NIYPfh","stickyHeader":"XuWrUE"};
4498
4502
 
4499
4503
  function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
4500
4504
  const rowRef = React.useRef(undefined);
@@ -4534,7 +4538,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
4534
4538
  React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
4535
4539
  }
4536
4540
 
4537
- var css$n = {"root":"XD9SVq","sticky-header":"aNLIZP","stickyHeader":"aNLIZP","no-results":"OT67xS","noResults":"OT67xS","icon":"DuaWSM","title":"ad4KsL"};
4541
+ var css$n = {"root":"kBI8sS","sticky-header":"L-B7mS","stickyHeader":"L-B7mS","no-results":"_8NBXS2","noResults":"_8NBXS2","icon":"av5Cqk","title":"_9lB9-C"};
4538
4542
 
4539
4543
  function DataTable(props) {
4540
4544
  const { uuiModals } = uuiCore.useUuiContext();
@@ -4583,7 +4587,7 @@ function DataTable(props) {
4583
4587
  } }))));
4584
4588
  }
4585
4589
 
4586
- var css$m = {"root":"Wg2gw-","title-wrapper":"_4hTlAn","titleWrapper":"_4hTlAn","title":"hlGsSD","text-wrapper":"QR7hd-","textWrapper":"QR7hd-","selection":"hEK84V","postfix":"YILcS2","selected":"J4JJUd"};
4590
+ var css$m = {"root":"fiVMMl","title-wrapper":"rNmLrS","titleWrapper":"rNmLrS","title":"fas93S","text-wrapper":"gLo-Q7","textWrapper":"gLo-Q7","selection":"C9xy7n","postfix":"zKADPz","selected":"mqXbK2"};
4587
4591
 
4588
4592
  const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
4589
4593
  const togglerPickerOpened = (e) => {
@@ -4807,7 +4811,7 @@ function FilterRangeDatePickerBody(props) {
4807
4811
  renderFooter()));
4808
4812
  }
4809
4813
 
4810
- var css$l = {"container":"RtM9As"};
4814
+ var css$l = {"container":"GkPIYw"};
4811
4815
 
4812
4816
  function FilterNumericBody(props) {
4813
4817
  const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -5118,7 +5122,7 @@ function FiltersToolbarImpl(props) {
5118
5122
  }
5119
5123
  const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
5120
5124
 
5121
- var css$k = {"delete-button":"_61xIZ6","deleteButton":"_61xIZ6","tab-button":"r59ccm","tabButton":"r59ccm","targetOpen":"EY-5vK"};
5125
+ var css$k = {"delete-button":"pzFmCB","deleteButton":"pzFmCB","tab-button":"qsCHtF","tabButton":"qsCHtF","targetOpen":"wC7wy4"};
5122
5126
 
5123
5127
  function PresetActionsDropdown(props) {
5124
5128
  const { uuiNotifications } = uuiCore.useUuiContext();
@@ -5190,7 +5194,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
5190
5194
  const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
5191
5195
  const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
5192
5196
 
5193
- var css$j = {"preset-input-cell":"j34kVL","presetInputCell":"j34kVL","preset-input":"H6w3mE","presetInput":"H6w3mE"};
5197
+ var css$j = {"preset-input-cell":"_2Ue-JQ","presetInputCell":"_2Ue-JQ","preset-input":"qWmNW6","presetInput":"qWmNW6"};
5194
5198
 
5195
5199
  function PresetInput(props) {
5196
5200
  const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
@@ -5217,7 +5221,7 @@ function PresetInput(props) {
5217
5221
  React__namespace.default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
5218
5222
  }
5219
5223
 
5220
- var css$i = {"preset":"-B5Wxo","activePreset":"LBpjG8"};
5224
+ var css$i = {"preset":"qd2cz4","activePreset":"fNdBDs"};
5221
5225
 
5222
5226
  function Preset(props) {
5223
5227
  const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -5242,7 +5246,7 @@ function Preset(props) {
5242
5246
  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$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
5243
5247
  }
5244
5248
 
5245
- var css$h = {"divider":"VBQ6rI","dropdownDeleteIcon":"ikeqyO","presetsWrapper":"ecvdQU","addPresetContainer":"_32NkKz","dropContainer":"TrWvsN"};
5249
+ var css$h = {"divider":"Wx62mB","dropdownDeleteIcon":"_2PoR4q","presetsWrapper":"HVPeqc","addPresetContainer":"DI-sSY","dropContainer":"_32Q3y2"};
5246
5250
 
5247
5251
  function PresetsPanel(props) {
5248
5252
  const [isAddingPreset, setIsAddingPreset] = React.useState(false);
@@ -5291,9 +5295,9 @@ function PresetsPanel(props) {
5291
5295
  React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
5292
5296
  }
5293
5297
 
5294
- var css$g = {"root":"w064HV"};
5298
+ var css$g = {"root":"pHb-vW"};
5295
5299
 
5296
- var css$f = {"root":"zAD-Al","burger-content":"aP9j5a","burgerContent":"aP9j5a"};
5300
+ var css$f = {"root":"lEqPxS","burger-content":"_9EB5do","burgerContent":"_9EB5do"};
5297
5301
 
5298
5302
  var _path$3;
5299
5303
  function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
@@ -5336,7 +5340,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
5336
5340
  };
5337
5341
  var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
5338
5342
 
5339
- var css$e = {"root":"HMr0lh","button-primary":"NAnOIg","buttonPrimary":"NAnOIg","button-secondary":"vsgkFM","buttonSecondary":"vsgkFM","hasIcon":"_24A3Xz","dropdown":"aJ9biN"};
5343
+ var css$e = {"root":"czGtAQ","button-primary":"BWQaQ8","buttonPrimary":"BWQaQ8","button-secondary":"FoniKs","buttonSecondary":"FoniKs","hasIcon":"vzlBu4","dropdown":"_985svO"};
5340
5344
 
5341
5345
  const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
5342
5346
  css$e.root,
@@ -5347,13 +5351,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
5347
5351
  props.icon && css$e.hasIcon,
5348
5352
  ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
5349
5353
 
5350
- var css$d = {"search-input":"lg17yb","searchInput":"lg17yb"};
5354
+ var css$d = {"search-input":"A8mavf","searchInput":"A8mavf"};
5351
5355
 
5352
5356
  function BurgerSearch(props) {
5353
5357
  return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
5354
5358
  }
5355
5359
 
5356
- var css$c = {"root":"XMXXP8","group-header":"_00m7EO","groupHeader":"_00m7EO","group-name":"T9JWtp","groupName":"T9JWtp","line":"MePXEo"};
5360
+ var css$c = {"root":"zlfYYb","group-header":"jQrYjD","groupHeader":"jQrYjD","group-name":"yIBq4I","groupName":"yIBq4I","line":"_28rPX2"};
5357
5361
 
5358
5362
  function BurgerGroupHeader(props) {
5359
5363
  return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5361,7 +5365,7 @@ function BurgerGroupHeader(props) {
5361
5365
  React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
5362
5366
  }
5363
5367
 
5364
- var css$b = {"root":"CTTFWD","type-primary":"Hx6rEY","typePrimary":"Hx6rEY","type-secondary":"_4nVj2g","typeSecondary":"_4nVj2g"};
5368
+ var css$b = {"root":"L5GCJj","type-primary":"x2oeok","typePrimary":"x2oeok","type-secondary":"ZVN2RA","typeSecondary":"ZVN2RA"};
5365
5369
 
5366
5370
  const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
5367
5371
  const { type, ...clickableProps } = props;
@@ -5383,7 +5387,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
5383
5387
  props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
5384
5388
  });
5385
5389
 
5386
- var css$a = {"dropdown-body":"ZSAMP7","dropdownBody":"ZSAMP7"};
5390
+ var css$a = {"dropdown-body":"GQ60b8","dropdownBody":"GQ60b8"};
5387
5391
 
5388
5392
  class MainMenuDropdown extends React__namespace.Component {
5389
5393
  render() {
@@ -5442,12 +5446,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
5442
5446
  };
5443
5447
  var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
5444
5448
 
5445
- var css$9 = {"global-menu-btn":"_4eDn0m","globalMenuBtn":"_4eDn0m","global-menu-icon":"iy6qNo","globalMenuIcon":"iy6qNo"};
5449
+ var css$9 = {"global-menu-btn":"ip9fak","globalMenuBtn":"ip9fak","global-menu-icon":"hPgDSC","globalMenuIcon":"hPgDSC"};
5446
5450
 
5447
5451
  const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
5448
5452
  React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
5449
5453
 
5450
- var css$8 = {"container":"WuurNV","open":"mortPF","folding-arrow":"Txjy6G","foldingArrow":"Txjy6G"};
5454
+ var css$8 = {"container":"l0pv3x","open":"tvZow6","folding-arrow":"MmAyqz","foldingArrow":"MmAyqz"};
5451
5455
 
5452
5456
  const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
5453
5457
  React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
@@ -5455,15 +5459,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
5455
5459
  props.isDropdown && (React__namespace.createElement("div", null,
5456
5460
  React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
5457
5461
 
5458
- var css$7 = {"search-input":"eLmFlB","searchInput":"eLmFlB"};
5462
+ var css$7 = {"search-input":"Cc1kU7","searchInput":"Cc1kU7"};
5459
5463
 
5460
5464
  const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
5461
5465
 
5462
- var css$6 = {"container":"pgVbqS"};
5466
+ var css$6 = {"container":"CIbNJ1"};
5463
5467
 
5464
5468
  const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
5465
5469
 
5466
- var css$5 = {"root":"vNYZen"};
5470
+ var css$5 = {"root":"UhJ4Uz"};
5467
5471
 
5468
5472
  const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
5469
5473
 
@@ -5521,7 +5525,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
5521
5525
  };
5522
5526
  var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
5523
5527
 
5524
- var css$4 = {"root":"TePsAf","drop-start":"a5BxaN","dropStart":"a5BxaN","drop-over":"TlOAxA","dropOver":"TlOAxA","link":"IC0f-t","drop-area":"i0bgRQ","dropArea":"i0bgRQ","drop-caption":"SCfSch","dropCaption":"SCfSch","icon-blue":"_5u9-Gd","iconBlue":"_5u9-Gd"};
5528
+ var css$4 = {"root":"YuRWsq","drop-start":"zTdMMA","dropStart":"zTdMMA","drop-over":"F5ToAU","dropOver":"F5ToAU","link":"FygbNP","drop-area":"ilwCVU","dropArea":"ilwCVU","drop-caption":"Bc647-","dropCaption":"Bc647-","icon-blue":"UYxu-q","iconBlue":"UYxu-q"};
5525
5529
 
5526
5530
  function DropSpot(props) {
5527
5531
  const getInfoText = typeof props.infoText === 'string'
@@ -5539,7 +5543,7 @@ function DropSpot(props) {
5539
5543
  return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
5540
5544
  }
5541
5545
 
5542
- var css$3 = {"root":"rVlRaq"};
5546
+ var css$3 = {"root":"_4h7w9i"};
5543
5547
 
5544
5548
  const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
5545
5549
  const outsetRadius = props.size / 2 - 1;
@@ -5550,7 +5554,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
5550
5554
  React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
5551
5555
  });
5552
5556
 
5553
- var css$2 = {"root":"RiakvK","file-name":"sA70t0","fileName":"sA70t0","default-color":"SHQIBm","defaultColor":"SHQIBm","doc-color":"I9xFkr","docColor":"I9xFkr","xls-color":"u5f6iz","xlsColor":"u5f6iz","pdf-color":"lYME7d","pdfColor":"lYME7d","movie-color":"c4C9yx","movieColor":"c4C9yx","img-color":"pzlX-y","imgColor":"pzlX-y","mov-color":"lfWm-P","movColor":"lfWm-P","error-block":"XoCdda","errorBlock":"XoCdda","icons-block":"cAnocm","iconsBlock":"cAnocm"};
5557
+ var css$2 = {"root":"VdREkV","file-name":"xSt3o6","fileName":"xSt3o6","default-color":"csjYVv","defaultColor":"csjYVv","doc-color":"rJ7Cge","docColor":"rJ7Cge","xls-color":"gFrg4x","xlsColor":"gFrg4x","pdf-color":"xtpOtt","pdfColor":"xtpOtt","movie-color":"QJ9ahU","movieColor":"QJ9ahU","img-color":"xTD2tx","imgColor":"xTD2tx","mov-color":"PIkY9e","movColor":"PIkY9e","error-block":"REVllV","errorBlock":"REVllV","icons-block":"X-h2-q","iconsBlock":"X-h2-q"};
5554
5558
 
5555
5559
  const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
5556
5560
  const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
@@ -5669,7 +5673,7 @@ const getErrorPageConfig = () => ({
5669
5673
  },
5670
5674
  });
5671
5675
 
5672
- var css$1 = {"container":"_8NdcQg"};
5676
+ var css$1 = {"container":"z-c0Rt"};
5673
5677
 
5674
5678
  const ErrorPage = (props) => {
5675
5679
  const isMobileScreen = uuiCore.isMobile();
@@ -5681,7 +5685,7 @@ const ErrorPage = (props) => {
5681
5685
  props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
5682
5686
  };
5683
5687
 
5684
- var css = {"recovery-spinner":"E-S5uQ","recoverySpinner":"E-S5uQ","recovery-message":"hdz88m","recoveryMessage":"hdz88m","modal-blocker":"lLGa2r","modalBlocker":"lLGa2r","modalFadeIn":"HC-uhz"};
5688
+ var css = {"recovery-spinner":"d3Wr1p","recoverySpinner":"d3Wr1p","recovery-message":"CUf8Ih","recoveryMessage":"CUf8Ih","modal-blocker":"xakmQ7","modalBlocker":"xakmQ7","modalFadeIn":"Za8GHX"};
5685
5689
 
5686
5690
  function ErrorHandler(props) {
5687
5691
  const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();