@epam/uui 6.0.0 → 6.0.1-beta.1

package/index.js

@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#txfob38xw8cwpktwv_a)"
+    clipPath: "url(#wkuhoocsqlheeetoq_a)"
   }, _path$I || (_path$I = /*#__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"
@@ -206,7 +206,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     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",
     fill: "#1D1E26"
   })), /*#__PURE__*/React__namespace.createElement("mask", {
-    id: "txfob35m68v1v8fjk_b",
+    id: "wkuhoo91mcogyv8n_b",
     style: {
       maskType: "alpha"
     },
@@ -219,7 +219,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     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",
     fill: "#9BDEFF"
   }))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
-    mask: "url(#txfob35m68v1v8fjk_b)",
+    mask: "url(#wkuhoo91mcogyv8n_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -305,7 +305,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     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",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "txfob38xw8cwpktwv_a"
+    id: "wkuhoocsqlheeetoq_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -956,14 +956,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$1w = {"root":"KrlGIY","uui-spinner":"_1yVbMT","uuiSpinner":"_1yVbMT"};
+var css$1w = {"root":"u11NVi","uui-spinner":"R-cLWz","uuiSpinner":"R-cLWz"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-var css$1v = {"root":"bGD-GQ","loading-word":"N6nWnh","loadingWord":"N6nWnh","animated-loading":"Xhd6bU","animatedLoading":"Xhd6bU","skeleton_loading":"_5qKpS8","skeletonLoading":"_5qKpS8"};
+var css$1v = {"root":"ahIYn5","loading-word":"qvtZqZ","loadingWord":"qvtZqZ","animated-loading":"_1W3tQ7","animatedLoading":"_1W3tQ7","skeleton_loading":"_556Nbo","skeletonLoading":"_556Nbo"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -980,7 +980,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"gFX4Wt","line-height":"qfPSAi","lineHeight":"qfPSAi","font-size":"v7CQxB","fontSize":"v7CQxB"};
+var css$1u = {"root":"FN10Eu","line-height":"GhPpb7","lineHeight":"GhPpb7","font-size":"_0bnWlU","fontSize":"_0bnWlU"};
 
 function applyTextMods(mods) {
     return [
@@ -1490,7 +1490,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1t = {"root":"sNVX-Q"};
+var css$1t = {"root":"rocM7U"};
 
 function applyButtonMods(mods) {
     return [
@@ -1508,7 +1508,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
     };
 });
 
-var css$1s = {"root":"snx1hd"};
+var css$1s = {"root":"DiuTrv"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
@@ -1545,7 +1545,7 @@ function getIconClass(props) {
     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'];
 }
 
-var css$1r = {"root":"vujsVT"};
+var css$1r = {"root":"FsmZ52"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -1575,7 +1575,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1q = {"root":"_7naoX7"};
+var css$1q = {"root":"A5kIzV"};
 
 const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -1587,7 +1587,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1p = {"root":"bSDKiN","withNotify":"pf2JLA"};
+var css$1p = {"root":"_0faW-l","withNotify":"y0zroR"};
 
 const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const styles = [
@@ -1615,14 +1615,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1o = {"root":"_6ZqbsU"};
+var css$1o = {"root":"NvUaxo"};
 
 function applyVerticalTabButtonMods() {
     return [css$1o.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1n = {"root":"L96JmR"};
+var css$1n = {"root":"IrJJdo"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1640,7 +1640,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1m = {"root":"xZ0xea"};
+var css$1m = {"root":"dRR6tf"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1652,7 +1652,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1l = {"root":"_2nI57L"};
+var css$1l = {"root":"kHRdGq"};
 
 function applySwitchMods(mods) {
     return [
@@ -1676,7 +1676,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"_1ExOjk"};
+var textInputCss = {"root":"_6L33pX"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1701,7 +1701,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
         } }));
 });
 
-var css$1k = {"root":"LTYAUq"};
+var css$1k = {"root":"JCur7P"};
 
 const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1k.root, 'uui-control-group']);
 
@@ -1717,7 +1717,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$1j = {"root":"Y9szTH"};
+var css$1j = {"root":"GVQwhM"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1737,7 +1737,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
     };
 });
 
-var css$1i = {"root":"agv5YV"};
+var css$1i = {"root":"PHmWU3"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1778,7 +1778,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1h = {"root":"Z1r3vI"};
+var css$1h = {"root":"aar-le"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1789,7 +1789,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$1g = {"root":"dcDMzu","timepicker-input":"tOz3ku","timepickerInput":"tOz3ku","ltr-always":"btn2Yu","ltrAlways":"btn2Yu"};
+var css$1g = {"root":"hRiRs-","timepicker-input":"_3Nnth-","timepickerInput":"_3Nnth-","ltr-always":"A6w9wR","ltrAlways":"A6w9wR"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1983,7 +1983,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
 
-var css$1f = {"root":"-Qs-hw"};
+var css$1f = {"root":"ITvrxb"};
 
 function applyInputAddonMods() {
     return [
@@ -1992,14 +1992,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$1e = {"root":"wzwGIX"};
+var css$1e = {"root":"Z56Aid"};
 
 function applySliderMods() {
     return [css$1e.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
 
-var css$1d = {"root":"Q6V5UZ"};
+var css$1d = {"root":"_0Kg3Da"};
 
 function applyTooltipMods(mods) {
     return [
@@ -2009,7 +2009,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
 
-var css$1c = {"root":"RNE4V1","tooltip":"KV2D7y"};
+var css$1c = {"root":"WEG4pK","tooltip":"NYtv2d"};
 
 function applyRatingMods(mods) {
     return [
@@ -2023,7 +2023,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
     Tooltip,
 }));
 
-var css$1b = {"root":"cAdztP","main-path":"DlQzC6","mainPath":"DlQzC6","content-wrapper":"dJ98Is","contentWrapper":"dJ98Is","content":"PciAFj","action-wrapper":"_25jmXl","actionWrapper":"_25jmXl","icon-wrapper":"_3iAoc0","iconWrapper":"_3iAoc0","icon":"fgyh5z","close-icon":"I-25O0","closeIcon":"I-25O0"};
+var css$1b = {"root":"T2cQ0T","main-path":"Y2yyWI","mainPath":"Y2yyWI","content-wrapper":"VIkKcF","contentWrapper":"VIkKcF","content":"jfubfs","action-wrapper":"_1R4tr8","actionWrapper":"_1R4tr8","icon-wrapper":"XQ3QsL","iconWrapper":"XQ3QsL","icon":"oI7uuJ","close-icon":"RYr1AW","closeIcon":"RYr1AW"};
 
 const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1b.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React__namespace.createElement("div", { className: css$1b.mainPath },
@@ -2041,7 +2041,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
 
 const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
 
-var css$1a = {"submenu-root-item-rtl":"aRvO-8","submenuRootItemRtl":"aRvO-8","icon-after":"_06yT1L","iconAfter":"_06yT1L","submenu-root-item":"E0hRcl","submenuRootItem":"E0hRcl","icon-check":"EzSb-v","iconCheck":"EzSb-v","splitter-root":"_139keK","splitterRoot":"_139keK","splitter":"_1nTqcA","header-root":"G4nPex","headerRoot":"G4nPex","item-root":"W-agQv","itemRoot":"W-agQv","icon":"i1F7Pz","link":"w3Q-Pk","indent":"rDwhrG","selected-mark":"RV0K5R","selectedMark":"RV0K5R"};
+var css$1a = {"submenu-root-item-rtl":"Eq-7HC","submenuRootItemRtl":"Eq-7HC","icon-after":"M4rh-6","iconAfter":"M4rh-6","submenu-root-item":"_2C8RHA","submenuRootItem":"_2C8RHA","icon-check":"-KG20H","iconCheck":"-KG20H","splitter-root":"_93-jQF","splitterRoot":"_93-jQF","splitter":"K-nxld","header-root":"FpCxfA","headerRoot":"FpCxfA","item-root":"FQYiSq","itemRoot":"FQYiSq","icon":"fOPRMm","link":"O0DP-9","indent":"p6UcDK","selected-mark":"BrIPcl","selectedMark":"BrIPcl"};
 
 exports.IDropdownControlKeys = void 0;
 (function (IDropdownControlKeys) {
@@ -2166,7 +2166,7 @@ function DropdownMenuSwitchButton(props) {
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$19 = {"root":"CCc9gw","mode-block":"Bkcc-G","modeBlock":"Bkcc-G","mode-inline":"Jtl12P","modeInline":"Jtl12P","padding-0":"zSG8Il","padding0":"zSG8Il","padding-6":"_2d1u8h","padding6":"_2d1u8h","padding-12":"neXdbO","padding12":"neXdbO","padding-18":"Tn-3Zn","padding18":"Tn-3Zn"};
+var css$19 = {"root":"BY5IKS","mode-block":"Y6CuDb","modeBlock":"Y6CuDb","mode-inline":"_1nlyhu","modeInline":"_1nlyhu","padding-0":"wdFkg2","padding0":"wdFkg2","padding-6":"UL2Ced","padding6":"UL2Ced","padding-12":"uMjhbC","padding12":"uMjhbC","padding-18":"KqMx7I","padding18":"KqMx7I"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2179,7 +2179,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$18 = {"root":"cRWxDA","align-items":"IvAmIC","alignItems":"IvAmIC","justify-content":"kMSo7G","justifyContent":"kMSo7G","border-top":"_26cBkD","borderTop":"_26cBkD","border-bottom":"Li5WNL","borderBottom":"Li5WNL","top-shadow":"sySsda","topShadow":"sySsda","padding":"O-dMSH","margin":"P9winJ","vPadding":"NKEcmF","column-gap":"NHY-ph","columnGap":"NHY-ph","row-gap":"C-prDe","rowGap":"C-prDe","spacing":"DBMTTU"};
+var css$18 = {"root":"YdtLwh","align-items":"R79cWS","alignItems":"R79cWS","justify-content":"_04MQ4h","justifyContent":"_04MQ4h","border-top":"yivvhx","borderTop":"yivvhx","border-bottom":"pyIP00","borderBottom":"pyIP00","top-shadow":"_7NKzpr","topShadow":"_7NKzpr","padding":"pTXqKz","margin":"RcGmte","vPadding":"XWeBih","column-gap":"mX6l6v","columnGap":"mX6l6v","row-gap":"PZk2op","rowGap":"PZk2op","spacing":"VahjoL"};
 
 const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$18.flexCell]);
 
@@ -2231,7 +2231,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$17 = {"root":"QDCD1o","margin-24":"SCtP5-","margin24":"SCtP5-","padding-12":"JxH4qP","padding12":"JxH4qP","padding-24":"O7dv0D","padding24":"O7dv0D","shadow":"VWQI14","uui-surface-main":"-ZVzRB","uuiSurfaceMain":"-ZVzRB"};
+var css$17 = {"root":"_6qajQ-","margin-24":"TF1pQm","margin24":"TF1pQm","padding-12":"za4y8b","padding12":"za4y8b","padding-24":"JZma7K","padding24":"JZma7K","shadow":"DV5cT8","uui-surface-main":"LyH7hY","uuiSurfaceMain":"LyH7hY"};
 
 const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     'uui-panel',
@@ -2241,7 +2241,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     props.background && css$17[`uui-${props.background}`],
 ]);
 
-var css$16 = {"root":"wDmY08"};
+var css$16 = {"root":"iFrltu"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2258,7 +2258,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$15 = {"root":"niE-g9"};
+var css$15 = {"root":"f-CCAS"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2273,7 +2273,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$14 = {"root":"ntqwkx"};
+var css$14 = {"root":"Ctstj6"};
 
 function applyScrollBarsMods() {
     return [
@@ -2282,9 +2282,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
-var css$13 = {"scroll-container":"_-9Y7E0","scrollContainer":"_-9Y7E0","list-container":"fy0GML","listContainer":"fy0GML"};
+var css$13 = {"scroll-container":"kaEoGK","scrollContainer":"kaEoGK","list-container":"_9aKyU5","listContainer":"_9aKyU5"};
 
-var css$12 = {"root":"_1FYUlF"};
+var css$12 = {"root":"BNWKG4"};
 
 const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$12.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -2330,7 +2330,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
         React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$11 = {"root":"j-cpN0"};
+var css$11 = {"root":"XEFF2e"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2352,7 +2352,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$10 = {"root":"i8gqnK","modal-blocker":"Jcpes1","modalBlocker":"Jcpes1","animateModalBlocker":"F0WKM3","modal":"o1Glc3","modal-footer":"_7XJSuQ","modalFooter":"_7XJSuQ","border-top":"Dc9N9a","borderTop":"Dc9N9a","modal-header":"lcl6hl","modalHeader":"lcl6hl","border-bottom":"Z89dC1","borderBottom":"Z89dC1"};
+var css$10 = {"root":"IjKiuB","modal-blocker":"domSVJ","modalBlocker":"domSVJ","animateModalBlocker":"_6KbcaA","modal":"_4c5aPe","modal-footer":"tJ-HKB","modalFooter":"tJ-HKB","border-top":"hJGVku","borderTop":"hJGVku","modal-header":"mmMQ-j","modalHeader":"mmMQ-j","border-bottom":"sbN9s9","borderBottom":"sbN9s9"};
 
 const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$10.modalBlocker]);
 const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$10.root, css$10.modal], (props) => {
@@ -2475,6 +2475,7 @@ const TREE_SHAKEABLE_INIT = () => ({
             emptyPickerPlaceholder: 'Select period',
             emptyPlaceholderFrom: 'Select From',
             emptyPlaceholderTo: 'Select To',
+            clearCaption: 'CLEAR',
         },
         pickerInput: {
             itemsPlaceholder: 'items',
@@ -2542,7 +2543,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$$ = {"root":"fSxkn0","icon-wrapper":"UenU7z","iconWrapper":"UenU7z","action-wrapper":"EHEDgo","actionWrapper":"EHEDgo","close-icon":"c-aiaH","closeIcon":"c-aiaH","main-path":"F-S0NE","mainPath":"F-S0NE","content":"VMj878","close-wrapper":"-xR7xI","closeWrapper":"-xR7xI","clear-notifications":"u2DFRz","clearNotifications":"u2DFRz"};
+var css$$ = {"root":"kwm2v2","icon-wrapper":"Jp111k","iconWrapper":"Jp111k","action-wrapper":"qEOj2H","actionWrapper":"qEOj2H","close-icon":"LJ3dFD","closeIcon":"LJ3dFD","main-path":"NFiI4k","mainPath":"NFiI4k","content":"_8flcGX","close-wrapper":"VAY6aS","closeWrapper":"VAY6aS","clear-notifications":"oS4PTj","clearNotifications":"oS4PTj"};
 
 const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -2575,7 +2576,7 @@ function ClearNotification() {
         React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$_ = {"footer":"gCFkrn"};
+var css$_ = {"footer":"tZJi0j"};
 
 class ConfirmationModal extends React__namespace.Component {
     render() {
@@ -2617,7 +2618,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"X-RGW3","container":"_48v7X-"};
+var css$Z = {"root":"A33gGm","container":"JYlXn2"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2828,14 +2829,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$Y = {"root":"_4IHPMT"};
+var css$Y = {"root":"_7b92IA"};
 
 function applyDateSelectionMods() {
     return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$X = {"root":"_23lowj"};
+var css$X = {"root":"I8y-hg"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2920,8 +2921,9 @@ function DatePickerComponent(props, ref) {
             onValueChange(toValueDateFormat(inputValue, format));
         }
         else {
-            setInputValue(null);
-            onValueChange(null);
+            const newValue = props.preventEmpty ? value : null;
+            setInputValue(toCustomDateFormat(newValue, format));
+            onValueChange(newValue);
         }
     };
     const onInputKeyDown = (e) => {
@@ -2931,7 +2933,7 @@ function DatePickerComponent(props, ref) {
         }
     };
     const renderInput = (renderProps) => {
-        const allowClear = !props.disableClear && !!inputValue;
+        const allowClear = !props.disableClear && !!inputValue && !props.preventEmpty;
         return (React__namespace.default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL ? settings.datePicker.icons.input.calendarIcon : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: size, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
@@ -2955,9 +2957,9 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
 
-var css$W = {"date-input":"Q8q0Ss","dateInput":"Q8q0Ss","root":"mvH4f-","separator":"Uq3HWm"};
+var css$W = {"date-input":"wg-tXg","dateInput":"wg-tXg","root":"CegHXx","separator":"D-r-Zo"};
 
-const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
+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) => {
     const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
     React.useEffect(() => {
         setInputValue(toCustomDateRangeFormat(value, format));
@@ -2973,20 +2975,29 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
     };
     const handleBlur = (event, inputType) => {
         onBlurInput?.(event, inputType);
+        const canBeEmpty = {
+            from: !preventEmptyFromDate,
+            to: !preventEmptyToDate,
+        };
         const selectedDate = toValueDateRangeFormat(inputValue, format);
+        // If new value is null and input can't be empty, set the value to the last selected value
+        if (selectedDate[inputType] === null && !canBeEmpty[inputType]) {
+            selectedDate[inputType] = value[inputType];
+        }
         const isDateDisabled = filter?.(uuiDayjs.dayjs(selectedDate[inputType])) === false;
         if (isValidRange(selectedDate) && !isDateDisabled) {
             setInputValue(toCustomDateRangeFormat(selectedDate, format));
             onValueChange(selectedDate);
         }
         else {
+            const newValue = !canBeEmpty[inputType] ? value[inputType] : null;
             setInputValue({
                 ...inputValue,
-                [inputType]: null,
+                [inputType]: newValue,
             });
             onValueChange({
                 ...selectedDate,
-                [inputType]: null,
+                [inputType]: newValue,
             });
         }
     };
@@ -2996,18 +3007,23 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
             e.preventDefault();
         }
     };
-    const clearAllowed = !disableClear && inputValue.from && inputValue.to;
+    const onClear = () => {
+        const newValue = {
+            from: preventEmptyFromDate ? value.from : null,
+            to: preventEmptyToDate ? value.to : null,
+        };
+        onValueChange(newValue);
+    };
+    const clearAllowed = !disableClear && !(preventEmptyFromDate && preventEmptyToDate) && inputValue.from && inputValue.to;
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(`uui-size-${size || settings.rangeDatePicker.sizes.default}`, 'uui-range-date-picker', classes, css$W.root, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onKeyDown: onKeyDown },
         React__namespace.default.createElement(TextInput, { icon: settings.rangeDatePicker.icons.input.calendarIcon, cx: uuiCore.cx(css$W.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size || settings.rangeDatePicker.sizes.default, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
         React__namespace.default.createElement("div", { className: css$W.separator }),
-        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 ? () => {
-                onValueChange(defaultRangeValue);
-            } : 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 })));
+        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 })));
 });
 
-var css$V = {"root":"GtXyEC"};
+var css$V = {"root":"x5LB50"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3027,7 +3043,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
 }
 
-var css$U = {"root":"jZwb3R","container":"e1r54U","day-selection":"APIBxI","daySelection":"APIBxI","from-picker":"F8WuqH","fromPicker":"F8WuqH","to-picker":"lu3NDE","toPicker":"lu3NDE","bodes-wrapper":"_3aSDER","bodesWrapper":"_3aSDER","blocker":"mQ2qog"};
+var css$U = {"root":"Yw2O4t","container":"UWV47C","day-selection":"wRMZ9t","daySelection":"wRMZ9t","from-picker":"NW5myj","fromPicker":"NW5myj","to-picker":"uMMjjW","toPicker":"uMMjjW","bodes-wrapper":"YgtnA7","bodesWrapper":"YgtnA7","blocker":"thZc4w"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3202,7 +3218,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx__default.default(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
 };
 
-var css$T = {"dropdown-container":"gzoUNo","dropdownContainer":"gzoUNo"};
+var css$T = {"dropdown-container":"Wxgdfq","dropdownContainer":"Wxgdfq"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3265,12 +3281,12 @@ function RangeDatePickerComponent(props, ref) {
             return props.renderTarget?.(renderProps) || (React__namespace.default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, filter: props.filter, onValueChange: onValueChange, onFocusInput: (e, type) => {
                     props.onFocus?.(e, type);
                     setInFocus(type);
-                }, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
+                }, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape, preventEmptyFromDate: props.preventEmptyFromDate, preventEmptyToDate: props.preventEmptyToDate }));
         }, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, middleware: [react.offset(6)], placement: props.placement, ref: ref }));
 }
 const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
 
-var css$S = {"root":"_4c7JOn","blocker":"JAb23-","marker":"pJfFTh","top":"Z2P4Zo","bottom":"sN7Hx-","left":"Iwg-dq","right":"D-MBtZ","inside":"XY1--j"};
+var css$S = {"root":"wZno3s","blocker":"AeMzZd","marker":"_8-ByaD","top":"RYhILx","bottom":"mJS9NN","left":"rrriNi","right":"_5Rit2O","inside":"oe2mhA"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3287,15 +3303,15 @@ function DropMarker(props) {
 
 const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
 
-var css$R = {"search-wrapper":"_6j47Bn","searchWrapper":"_6j47Bn","no-data":"_6P5Rga","noData":"_6P5Rga"};
+var css$R = {"search-wrapper":"aQt0eZ","searchWrapper":"aQt0eZ","no-data":"tkhqwr","noData":"tkhqwr"};
 
-var css$Q = {"picker-row":"eHNJHq","pickerRow":"eHNJHq","align-widgets-top":"_0Q2a8U","alignWidgetsTop":"_0Q2a8U","row-content":"i2lfPW","rowContent":"i2lfPW","align-widgets-center":"cP9WJW","alignWidgetsCenter":"cP9WJW","icon-container":"RQJpkz","iconContainer":"RQJpkz","content-wrapper":"F3DQyn","contentWrapper":"F3DQyn","icon-wrapper":"_0UUWIU","iconWrapper":"_0UUWIU","icon-default":"BGtMG0","iconDefault":"BGtMG0","selected-mark":"_33CGdB","selectedMark":"_33CGdB"};
+var css$Q = {"picker-row":"jd4k7d","pickerRow":"jd4k7d","align-widgets-top":"ZWlCK5","alignWidgetsTop":"ZWlCK5","row-content":"AisV2o","rowContent":"AisV2o","align-widgets-center":"hUbQwp","alignWidgetsCenter":"hUbQwp","icon-container":"_8d3Wh3","iconContainer":"_8d3Wh3","content-wrapper":"PGWERX","contentWrapper":"PGWERX","icon-wrapper":"rVZ-eu","iconWrapper":"rVZ-eu","icon-default":"vtYvxK","iconDefault":"vtYvxK","selected-mark":"iVjR7R","selectedMark":"iVjR7R"};
 
-var css$P = {"root":"ahmsHl"};
+var css$P = {"root":"xzCUh-"};
 
 const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$P.root]);
 
-var css$O = {"root":"_2F1ZHd"};
+var css$O = {"root":"_9ZcLY7"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3323,7 +3339,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$N = {"root":"_6qjKPt"};
+var css$N = {"root":"Ea26W9"};
 
 function applyTagMods(props) {
     return [
@@ -3351,7 +3367,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$M = {"root":"_3W7nxe","page":"mV4I9O","spacer":"jsXJ2f","mode-ghost":"_9y3rMJ","modeGhost":"_9y3rMJ"};
+var css$M = {"root":"_5eIAea","page":"nvESQq","spacer":"rJnnkL","mode-ghost":"EWsZTQ","modeGhost":"EWsZTQ"};
 
 function Paginator(props) {
     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 },
@@ -3368,14 +3384,14 @@ function Paginator(props) {
     return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
 }
 
-var css$L = {"root":"KPJEdf","progress-bar":"FNKr6C","progressBar":"FNKr6C","progressBar-indeterminate":"Qutt6-","progressBarIndeterminate":"Qutt6-","size-12":"GhXq6g","size12":"GhXq6g","size-18":"_0i56mG","size18":"_0i56mG","size-24":"zxuSDK","size24":"zxuSDK"};
+var css$L = {"root":"DKZ1TY","progress-bar":"Jh3WNs","progressBar":"Jh3WNs","progressBar-indeterminate":"ftyna-","progressBarIndeterminate":"ftyna-","size-12":"VzYGC9","size12":"VzYGC9","size-18":"_4hYR6e","size18":"_4hYR6e","size-24":"hL6Urj","size24":"hL6Urj"};
 
 const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     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}`]) },
         React__namespace.createElement("div", { className: cx__default.default(css$L.progressBar) })));
 });
 
-var css$K = {"root":"tMBqIl","striped":"g4xn20","animate-stripes":"ehJluS","animateStripes":"ehJluS","size-12":"f6KT8d","size12":"f6KT8d","size-18":"cIpi4Z","size18":"cIpi4Z","size-24":"_72D0n9","size24":"_72D0n9"};
+var css$K = {"root":"nWACS0","striped":"VIzmR3","animate-stripes":"eGWuoX","animateStripes":"eGWuoX","size-12":"IQZ1oe","size12":"IQZ1oe","size-18":"aTSuQe","size18":"aTSuQe","size-24":"hDy8Sk","size24":"hDy8Sk"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3390,14 +3406,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$J = {"root":"OnHsTk"};
+var css$J = {"root":"EbKKyI"};
 
 const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { progress } = props;
     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) }));
 });
 
-var css$I = {"root":"vD2hUv"};
+var css$I = {"root":"en0iTn"};
 
 const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -3412,7 +3428,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$H = {"drag-handle":"PfxNaP","dragHandle":"PfxNaP","icon-container":"iaRpBx","iconContainer":"iaRpBx"};
+var css$H = {"drag-handle":"_48tn8D","dragHandle":"_48tn8D","icon-container":"q1LyFm","iconContainer":"q1LyFm"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3498,7 +3514,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"Hm6nb8","column-gap":"AMFarF","columnGap":"AMFarF","title":"VczrFK","subtitle":"_3TAmU7","disabled":"_0fzdOH","multiline":"-Lm1NM"};
+var css$G = {"root":"uIgcmo","column-gap":"vmj4VI","columnGap":"vmj4VI","title":"OUq7QR","subtitle":"mFUW9c","disabled":"f7t1xg","multiline":"y-WKtd"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3671,7 +3687,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"f7-dx0","title":"yrX23S","close":"RUm097"};
+var css$F = {"header":"XAgdnu","title":"EJtpeq","close":"ECakCG"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3681,7 +3697,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"_9FEu8H","container":"_50sIrr"};
+var css$E = {"done":"m2nZ3-","container":"_7LqTrP"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = uuiCore.isMobile();
@@ -3693,7 +3709,7 @@ const PickerBodyMobileView = (props) => {
         isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
 };
 
-var css$D = {"sub-header-wrapper":"LDCtsP","subHeaderWrapper":"LDCtsP","switch":"QBWeKc","no-found-modal-container":"_14uFKy","noFoundModalContainer":"_14uFKy","no-found-modal-container-icon":"U4lMME","noFoundModalContainerIcon":"U4lMME","no-found-modal-container-text":"HdHqvp","noFoundModalContainerText":"HdHqvp","body":"fLG-ly"};
+var css$D = {"sub-header-wrapper":"_3HlL7l","subHeaderWrapper":"_3HlL7l","switch":"Iecjxn","no-found-modal-container":"EWjdkw","noFoundModalContainer":"EWjdkw","no-found-modal-container-icon":"dyBKYN","noFoundModalContainerIcon":"dyBKYN","no-found-modal-container-text":"fQyLwc","noFoundModalContainerText":"fQyLwc","body":"VwgfOs"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
@@ -3735,7 +3751,7 @@ function PickerModal(props) {
             React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"_8UzCOz"};
+var css$C = {"tooltip":"MH1Nvc"};
 
 const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const tagProps = {
@@ -3754,7 +3770,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
     }
 });
 
-var css$B = {"root":"vCucHI"};
+var css$B = {"root":"v-eQPG"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3836,7 +3852,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"M-bQcH"};
+var css$A = {"row":"wXIP3j"};
 
 function PickerListRow(props) {
     let label;
@@ -3856,7 +3872,7 @@ function PickerListRow(props) {
     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));
 }
 
-var css$z = {"root":"WaE1B8"};
+var css$z = {"root":"bz--aU"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -3891,7 +3907,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"zMzt-0","wrapper":"U25qgs","align-widgets-top":"uxTf-f","alignWidgetsTop":"uxTf-f","align-widgets-center":"ycZxKt","alignWidgetsCenter":"ycZxKt"};
+var css$y = {"root":"ZZUnZv","wrapper":"mDuop8","align-widgets-top":"y-E5EJ","alignWidgetsTop":"y-E5EJ","align-widgets-center":"qle7fR","alignWidgetsCenter":"qle7fR"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3941,7 +3957,7 @@ function DataTableCell(initialProps) {
     return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
 }
 
-var css$x = {"root":"pejHwc"};
+var css$x = {"root":"F4Y-Jx"};
 
 // 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.
@@ -3957,7 +3973,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"rfUNKD","sortingPanelContainer":"rfUNKD"};
+var css$w = {"sorting-panel-container":"T96gpt","sortingPanelContainer":"T96gpt"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3977,7 +3993,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"SE6cDe","caption-wrapper":"JRp0yv","captionWrapper":"JRp0yv","sort-icon":"T10qBu","sortIcon":"T10qBu","dropdown-icon":"ncfjoy","dropdownIcon":"ncfjoy","infoIcon":"ERMqpZ","resizable":"_17Iedm","align-right":"NAFMFq","alignRight":"NAFMFq","align-center":"TSZBq8","alignCenter":"TSZBq8","caption":"ParSzD","truncate":"_6QJV1w","upper-case":"WS1muv","upperCase":"WS1muv","checkbox":"ywh4mN","icon":"Ef6xCz","fold-all-icon":"FUMrwm","foldAllIcon":"FUMrwm","cell-tooltip":"WygTQS","cellTooltip":"WygTQS","resizing-marker":"xyis9k","resizingMarker":"xyis9k","pinned-right":"lTLc9m","pinnedRight":"lTLc9m","draggable":"nKiHfH","ghost":"TWWail","is-dragged-out":"XA3zlw","isDraggedOut":"XA3zlw","dnd-marker-left":"sueTk3","dndMarkerLeft":"sueTk3","dnd-marker-right":"MxDW-E","dndMarkerRight":"MxDW-E","cell-tooltip-wrapper":"nvrbCu","cellTooltipWrapper":"nvrbCu","cell-tooltip-text":"TU9NSt","cellTooltipText":"TU9NSt","tooltip-caption":"-MGBu2","tooltipCaption":"-MGBu2","tooltip-info":"YMWYES","tooltipInfo":"YMWYES"};
+var css$v = {"root":"yH6lF-","caption-wrapper":"r84R1l","captionWrapper":"r84R1l","sort-icon":"hj4oBp","sortIcon":"hj4oBp","dropdown-icon":"kNuZ8m","dropdownIcon":"kNuZ8m","infoIcon":"o2j18q","align-right":"BkObI7","alignRight":"BkObI7","align-center":"PjUtdq","alignCenter":"PjUtdq","caption":"bKaerx","truncate":"_--OJWR","upper-case":"Mbolyn","upperCase":"Mbolyn","checkbox":"_3-iAhH","icon":"_8KkvdN","fold-all-icon":"_7qnzVU","foldAllIcon":"_7qnzVU","cell-tooltip":"Ae1wUU","cellTooltip":"Ae1wUU","resizing-marker":"_9wb8iD","resizingMarker":"_9wb8iD","pinned-right":"H14G-Q","pinnedRight":"H14G-Q","draggable":"y96s-i","ghost":"QqcZq5","is-dragged-out":"_2dK1gD","isDraggedOut":"_2dK1gD","dnd-marker-left":"_9zHubJ","dndMarkerLeft":"_9zHubJ","dnd-marker-right":"l9n-AF","dndMarkerRight":"l9n-AF","cell-tooltip-wrapper":"xLYxe5","cellTooltipWrapper":"xLYxe5","cell-tooltip-text":"TZ-gjC","cellTooltipText":"TZ-gjC","tooltip-caption":"qsduyB","tooltipCaption":"qsduyB","tooltip-info":"OUE8gs","tooltipInfo":"OUE8gs"};
 
 class DataTableHeaderCell extends React__namespace.Component {
     constructor() {
@@ -4051,7 +4067,7 @@ class DataTableHeaderCell extends React__namespace.Component {
             return (React__namespace.createElement(uuiComponents.DataTableCellContainer, { column: this.props.column, ref: (ref) => {
                     props.ref(ref);
                     dropdownProps?.ref?.(ref);
-                }, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.dataTable.sizes.header.row}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable && 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: onClickEvent, rawProps: {
+                }, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.dataTable.sizes.header.row}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable && uuiCore.uuiMarkers.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: onClickEvent, rawProps: {
                     role: 'columnheader',
                     'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none',
                     ...props.eventHandlers,
@@ -4071,7 +4087,7 @@ class DataTableHeaderCell extends React__namespace.Component {
     }
 }
 
-var css$u = {"root":"_4OHIEr","caption-wrapper":"p7FEdW","captionWrapper":"p7FEdW","align-center":"P2i7HJ","alignCenter":"P2i7HJ","caption":"bbJBrt","truncate":"KnAWxt","upper-case":"yl-sBs","upperCase":"yl-sBs","group-cell-tooltip":"KR5tKk","groupCellTooltip":"KR5tKk","group-cell-tooltip-wrapper":"sPV0jU","groupCellTooltipWrapper":"sPV0jU","group-cell-tooltip-text":"LTRjMZ","groupCellTooltipText":"LTRjMZ","tooltip-caption":"UX6YmQ","tooltipCaption":"UX6YmQ","tooltip-info":"f4hIiQ","tooltipInfo":"f4hIiQ"};
+var css$u = {"root":"JdLzW-","caption-wrapper":"JwbWcb","captionWrapper":"JwbWcb","align-center":"BkAfWT","alignCenter":"BkAfWT","caption":"_87kR0P","truncate":"oY3CDG","upper-case":"bTegUl","upperCase":"bTegUl","group-cell-tooltip":"K1TDJN","groupCellTooltip":"K1TDJN","group-cell-tooltip-wrapper":"gbFWXg","groupCellTooltipWrapper":"gbFWXg","group-cell-tooltip-text":"tNttzG","groupCellTooltipText":"tNttzG","tooltip-caption":"peoQ9a","tooltipCaption":"peoQ9a","tooltip-info":"lSCY3X","tooltipInfo":"lSCY3X"};
 
 class DataTableHeaderGroupCell extends React__namespace.Component {
     constructor() {
@@ -4111,7 +4127,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
     }
 }
 
-var css$t = {"root":"_8NLfUR"};
+var css$t = {"root":"Pkihfy"};
 
 const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -4128,7 +4144,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
 const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
 const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"root":"VD8Kme","title-wrapper":"zGDT-0","titleWrapper":"zGDT-0","title":"gXsDSb","text-wrapper":"_21-5gF","textWrapper":"_21-5gF","selection":"JlCpMV","postfix":"HefdF6","selected":"_2n0VU5"};
+var css$s = {"root":"DtR3j6","title-wrapper":"h-z5kk","titleWrapper":"h-z5kk","title":"MsiP5A","text-wrapper":"PP71rS","textWrapper":"PP71rS","selection":"_3Xe7dx","postfix":"LAHAiB","selected":"r2K-bA"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4279,6 +4295,14 @@ function FilterRangeDatePickerBody(props) {
             onOpenChange(false);
         }
     };
+    const onClear = () => {
+        const newValue = {
+            from: props.preventEmptyFromDate ? value.from : null,
+            to: props.preventEmptyToDate ? value.to : null,
+        };
+        onValueChange(newValue);
+    };
+    const shouldShowClearButton = !props.preventEmptyToDate || !props.preventEmptyFromDate;
     return (React__namespace.default.createElement(React.Fragment, null,
         React__namespace.default.createElement(FlexRow, { borderBottom: true },
             React__namespace.default.createElement(RangeDatePickerBody, { value: {
@@ -4292,12 +4316,12 @@ function FilterRangeDatePickerBody(props) {
                             props.onFocus(event, inputType);
                         }
                         setInFocus(inputType);
-                    }, onBlurInput: props.onBlur }),
+                    }, onBlurInput: props.onBlur, preventEmptyFromDate: props.preventEmptyFromDate, preventEmptyToDate: props.preventEmptyToDate }),
                 React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
-                React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
+                shouldShowClearButton && (React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.filterToolbar.rangeDatePicker.clearCaption, onClick: onClear }))))));
 }
 
-var css$r = {"container":"mJGwgK"};
+var css$r = {"container":"ZarUH0"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4377,7 +4401,7 @@ function FilterItemBody(props) {
     }
 }
 
-var css$q = {"body":"DyMDKq","header":"W5bcyn","title":"ZWfTNb","removeButton":"_5wGPK5","with-search":"DwSdtq","withSearch":"DwSdtq"};
+var css$q = {"body":"bVmxul","header":"vQzeJQ","title":"sZhzVJ","removeButton":"hKpYp-","with-search":"XraedH","withSearch":"XraedH"};
 
 function useView(props, value) {
     const forceUpdate = uuiCore.useForceUpdate();
@@ -4674,7 +4698,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$p = {"delete-button":"Om--Ji","deleteButton":"Om--Ji","tab-button":"SsB9JS","tabButton":"SsB9JS","targetOpen":"HqHuXA"};
+var css$p = {"delete-button":"_7K6H19","deleteButton":"_7K6H19","tab-button":"N-O-ft","tabButton":"N-O-ft","targetOpen":"cknFwJ"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -4746,7 +4770,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
 const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
-var css$o = {"preset-input-cell":"LqTEj-","presetInputCell":"LqTEj-","preset-input":"IEY9d8","presetInput":"IEY9d8"};
+var css$o = {"preset-input-cell":"yPe-Do","presetInputCell":"yPe-Do","preset-input":"h5y13x","presetInput":"h5y13x"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
@@ -4773,7 +4797,7 @@ function PresetInput(props) {
         React__namespace.default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$n = {"preset":"dSgbDC","activePreset":"_0hJTxx"};
+var css$n = {"preset":"_7vbeiR","activePreset":"_6jWTUx"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -4798,7 +4822,7 @@ function Preset(props) {
     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$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
-var css$m = {"divider":"fttSWb","dropdownDeleteIcon":"zZJv4Y","presetsWrapper":"GZEBGn","addPresetContainer":"Nmm76C","dropContainer":"q4aU6h"};
+var css$m = {"divider":"RpDhjF","dropdownDeleteIcon":"R1VlBf","presetsWrapper":"WGJgx2","addPresetContainer":"X-jyCF","dropContainer":"d-uGiE"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = React.useState(false);
@@ -4884,7 +4908,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$l = {"unpin-icon":"szd22F","unpinIcon":"szd22F","pin-toggler-icon":"XPRJIi","pinTogglerIcon":"XPRJIi"};
+var css$l = {"unpin-icon":"jiuiGI","unpinIcon":"jiuiGI","pin-toggler-icon":"E7Gkk0","pinTogglerIcon":"E7Gkk0"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4926,7 +4950,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$k = {"row-wrapper":"mIBZo3","rowWrapper":"mIBZo3","pin-icon-button":"ThZEuU","pinIconButton":"ThZEuU","not-pinned":"deHVzI","notPinned":"deHVzI","checkbox":"xSuFSR","drag-handle":"Kso0bU","dragHandle":"Kso0bU","dnd-disabled":"RfInx3","dndDisabled":"RfInx3"};
+var css$k = {"row-wrapper":"_1eRXzZ","rowWrapper":"_1eRXzZ","pin-icon-button":"vb4-9H","pinIconButton":"vb4-9H","not-pinned":"uwtZX1","notPinned":"uwtZX1","checkbox":"DBlVWS","drag-handle":"eDOb09","dragHandle":"eDOb09","dnd-disabled":"Fs5A6-","dndDisabled":"Fs5A6-"};
 
 const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4949,7 +4973,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
     return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"root":"tUbGSg","main-panel":"MSKPOC","mainPanel":"MSKPOC","group":"x7xTZ7","group-title":"w-7cin","groupTitle":"w-7cin","group-items":"HM4qF3","groupItems":"HM4qF3","no-data":"mI5lov","noData":"mI5lov","no-data-title":"JJV3zu","noDataTitle":"JJV3zu","no-data-sub-title":"MiGrzM","noDataSubTitle":"MiGrzM","h-divider":"cChCeQ","hDivider":"cChCeQ","search-area":"_4UNdmg","searchArea":"_4UNdmg","subgroup-accordion":"Mn6vO-","subgroupAccordion":"Mn6vO-","subgroup":"U1V7Wz","subgroup-title":"uYprup","subgroupTitle":"uYprup"};
+var css$j = {"root":"LOInAN","main-panel":"_-9eRIB","mainPanel":"_-9eRIB","group":"UkGRkX","group-title":"UGUhEB","groupTitle":"UGUhEB","group-items":"InSAq7","groupItems":"InSAq7","no-data":"qjszaR","noData":"qjszaR","no-data-title":"ShuWR-","noDataTitle":"ShuWR-","no-data-sub-title":"ve83N0","noDataSubTitle":"ve83N0","h-divider":"Il-LId","hDivider":"Il-LId","search-area":"Iri4Pk","searchArea":"Iri4Pk","subgroup-accordion":"Md2w2i","subgroupAccordion":"Md2w2i","subgroup":"zPDsyo","subgroup-title":"jF0kru","subgroupTitle":"jF0kru"};
 
 const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
     React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5051,7 +5075,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"ywXG8F","header":"-O-kKZ","group":"IKQmwO","stickyHeader":"fUTAt0"};
+var css$i = {"listContainer":"MyNt6p","header":"in7ZUQ","group":"He-Y-k","stickyHeader":"g2Ky1E"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = React.useRef(undefined);
@@ -5091,7 +5115,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$h = {"root":"bcdGKb","sticky-header":"_4Q-Hy-","stickyHeader":"_4Q-Hy-","no-results":"Eg-Wh-","noResults":"Eg-Wh-","icon":"L8ubRp","title":"gqN8dw"};
+var css$h = {"root":"rLVics","sticky-header":"fraDDH","stickyHeader":"fraDDH","no-results":"WiqsX0","noResults":"WiqsX0","icon":"Vwf4MB","title":"_2svgzq"};
 
 function DataTable(props) {
     const { uuiModals } = uuiCore.useUuiContext();
@@ -5133,16 +5157,16 @@ function DataTable(props) {
     ]);
     return (React__namespace.createElement(uuiComponents.DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
         React__namespace.createElement(uuiComponents.DataTableFocusProvider, { dataTableFocusManager: props.dataTableFocusManager },
-            React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$h.root, 'uui-dt-vars', 'uui-data_table'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
+            React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$h.root, props.cx, 'uui-dt-vars', 'uui-data_table'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
                     role: 'table',
                     'aria-colcount': columns.length,
                     'aria-rowcount': props.rowsCount,
                 } }))));
 }
 
-var css$g = {"root":"aAtnur"};
+var css$g = {"root":"tbEco3"};
 
-var css$f = {"root":"_1EY-8s","burger-content":"_4VU5Cn","burgerContent":"_4VU5Cn"};
+var css$f = {"root":"NwA9q8","burger-content":"CttEul","burgerContent":"CttEul"};
 
 var _path$3;
 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); }
@@ -5185,7 +5209,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"gWtc0k","button-primary":"SKsQ2h","buttonPrimary":"SKsQ2h","button-secondary":"_3rTI7P","buttonSecondary":"_3rTI7P","hasIcon":"h7l049","dropdown":"zRDQzy"};
+var css$e = {"root":"_3H2QDF","button-primary":"GD1-sP","buttonPrimary":"GD1-sP","button-secondary":"SND8Qq","buttonSecondary":"SND8Qq","hasIcon":"g9zsEP","dropdown":"xpkM72"};
 
 const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
     css$e.root,
@@ -5196,13 +5220,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"-Ty7sl","searchInput":"-Ty7sl"};
+var css$d = {"search-input":"lK4L0h","searchInput":"lK4L0h"};
 
 function BurgerSearch(props) {
     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 }));
 }
 
-var css$c = {"root":"rCzT9s","group-header":"L4-RfE","groupHeader":"L4-RfE","group-name":"bb6DZS","groupName":"bb6DZS","line":"szPD8C"};
+var css$c = {"root":"bfQuAc","group-header":"_5-uNOb","groupHeader":"_5-uNOb","group-name":"_1qQhSj","groupName":"_1qQhSj","line":"UlJMYK"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5210,7 +5234,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"CfcaXT","type-primary":"_4P0wBR","typePrimary":"_4P0wBR","type-secondary":"viH5vB","typeSecondary":"viH5vB"};
+var css$b = {"root":"_6t-Emz","type-primary":"zHplmp","typePrimary":"zHplmp","type-secondary":"-TKb4E","typeSecondary":"-TKb4E"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5232,7 +5256,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"wNcr-b","dropdownBody":"wNcr-b"};
+var css$a = {"dropdown-body":"D2QIHE","dropdownBody":"D2QIHE"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -5290,12 +5314,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"SDnwCK","globalMenuBtn":"SDnwCK","global-menu-icon":"_2W0mJg","globalMenuIcon":"_2W0mJg"};
+var css$9 = {"global-menu-btn":"AZhYpA","globalMenuBtn":"AZhYpA","global-menu-icon":"Dk6M8E","globalMenuIcon":"Dk6M8E"};
 
 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 },
     React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"gLCJ9b","open":"Dr96sB","folding-arrow":"IB-JXS","foldingArrow":"IB-JXS"};
+var css$8 = {"container":"XNIi3F","open":"jNdnl0","folding-arrow":"QUyqy5","foldingArrow":"QUyqy5"};
 
 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 },
     React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
@@ -5303,15 +5327,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
     props.isDropdown && (React__namespace.createElement("div", null,
         React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"h3CY4g","searchInput":"h3CY4g"};
+var css$7 = {"search-input":"qFycS7","searchInput":"qFycS7"};
 
 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 })) })));
 
-var css$6 = {"container":"I8laSB"};
+var css$6 = {"container":"CHOhvy"};
 
 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 })));
 
-var css$5 = {"root":"biJGVR"};
+var css$5 = {"root":"U0VgFe"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -5369,7 +5393,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"yyIM8S","drop-start":"znu7gG","dropStart":"znu7gG","drop-over":"gMAXRt","dropOver":"gMAXRt","link":"ThKjW0","drop-area":"_7BdsEH","dropArea":"_7BdsEH","drop-caption":"iY-HO6","dropCaption":"iY-HO6","icon-blue":"kpmwIX","iconBlue":"kpmwIX"};
+var css$4 = {"root":"mE8p4B","drop-start":"Lyza5p","dropStart":"Lyza5p","drop-over":"b2whUw","dropOver":"b2whUw","link":"bL-sJ0","drop-area":"Dlpm6X","dropArea":"Dlpm6X","drop-caption":"k1XUNI","dropCaption":"k1XUNI","icon-blue":"sPRy8j","iconBlue":"sPRy8j"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5387,7 +5411,7 @@ function DropSpot(props) {
     return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"_9qEHiJ"};
+var css$3 = {"root":"uQb9Nz"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5398,7 +5422,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
         React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
 });
 
-var css$2 = {"root":"B2IEnw","file-name":"OzjFmA","fileName":"OzjFmA","default-color":"H0d0YN","defaultColor":"H0d0YN","doc-color":"Xuvp8z","docColor":"Xuvp8z","xls-color":"MCSCxt","xlsColor":"MCSCxt","pdf-color":"uYYi9I","pdfColor":"uYYi9I","movie-color":"TE5jHY","movieColor":"TE5jHY","img-color":"VO-oP9","imgColor":"VO-oP9","mov-color":"DghY2P","movColor":"DghY2P","error-block":"zsxxGf","errorBlock":"zsxxGf","icons-block":"QFWQwD","iconsBlock":"QFWQwD"};
+var css$2 = {"root":"EGA8Am","file-name":"kYaGEV","fileName":"kYaGEV","default-color":"qc78L9","defaultColor":"qc78L9","doc-color":"BQGbxb","docColor":"BQGbxb","xls-color":"tYYZcc","xlsColor":"tYYZcc","pdf-color":"-eQO6n","pdfColor":"-eQO6n","movie-color":"IANv7Q","movieColor":"IANv7Q","img-color":"hlTQbM","imgColor":"hlTQbM","mov-color":"y42ILs","movColor":"y42ILs","error-block":"GJliKK","errorBlock":"GJliKK","icons-block":"om7bLA","iconsBlock":"om7bLA"};
 
 const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
@@ -5517,7 +5541,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"Wu9rDe"};
+var css$1 = {"container":"xk8fp3"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -5529,7 +5553,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"vCz217","recoverySpinner":"vCz217","recovery-message":"gUalvZ","recoveryMessage":"gUalvZ","modal-blocker":"uohsvF","modalBlocker":"uohsvF","modalFadeIn":"Nm27Kc"};
+var css = {"recovery-spinner":"lb91xa","recoverySpinner":"lb91xa","recovery-message":"RZtJVH","recoveryMessage":"RZtJVH","modal-blocker":"CA-88I","modalBlocker":"CA-88I","modalFadeIn":"_5y1oE7"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();