@geotab/zenith 3.7.0 → 3.8.0-beta.0

package/dist/filtersBar/components/filtersBarDropdown/filtersBarDropdown.js

@@ -17,10 +17,9 @@ const FiltersBarDropdown = ({ sidePanelTitle, className, props, state, useSidePa
 // eslint-disable-next-line complexity
  }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
-    const isFullSelectionMode = (0, react_1.useMemo)(() => "isAllSelected" in state && typeof (state).isAllSelected === "boolean", [state]);
-    const selection = (0, react_1.useMemo)(() => new Set(isFullSelectionMode ? state.selected
-        : state.selectedOption), [isFullSelectionMode, state]);
-    const isCurrentAllSelected = (0, react_1.useMemo)(() => isFullSelectionMode ? state.isAllSelected : undefined, [isFullSelectionMode, state]);
+    const isFullSelectionMode = (0, react_1.useMemo)(() => "isAllSelected" in state && typeof state.isAllSelected === "boolean", [state]);
+    const selection = (0, react_1.useMemo)(() => new Set(isFullSelectionMode ? state.selected : state.selectedOption), [isFullSelectionMode, state]);
+    const isCurrentAllSelected = (0, react_1.useMemo)(() => (isFullSelectionMode ? state.isAllSelected : undefined), [isFullSelectionMode, state]);
     const [_, setNamedFnReady] = (0, react_1.useState)(false);
     const namedItemsFnRef = (0, react_1.useRef)(items => items.map(el => ({ id: el, name: "..." })));
     const sidePanelCellRef = (0, react_1.useRef)(null);
@@ -33,16 +32,17 @@ const FiltersBarDropdown = ({ sidePanelTitle, className, props, state, useSidePa
         var _a, _b, _c;
         if (newSelectedFirstItem) {
             const pillBoxElement = (_a = sidePanelCellRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.zen-filters-bar-dropdown__pill-box .zen-pill-box__pill[data-id="${newSelectedFirstItem}"]`);
-            const focusable = pillBoxElement ?
-                [...Array.from(pillBoxElement.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
+            const focusable = pillBoxElement ? [...Array.from(pillBoxElement.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
             (_b = focusable === null || focusable === void 0 ? void 0 : focusable[0]) === null || _b === void 0 ? void 0 : _b.focus();
         }
         else {
-            const focusable = sidePanelCellRef.current ? [...Array.from(sidePanelCellRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
+            const focusable = sidePanelCellRef.current
+                ? [...Array.from(sidePanelCellRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))]
+                : undefined;
             (_c = focusable === null || focusable === void 0 ? void 0 : focusable[0]) === null || _c === void 0 ? void 0 : _c.focus();
         }
     }, []);
-    const handleRemove = (0, react_1.useCallback)((removedId) => {
+    const handleRemove = (0, react_1.useCallback)(removedId => {
         if (isFullSelectionMode) {
             const isAllSelected = state.isAllSelected;
             if (isAllSelected) {
@@ -61,48 +61,69 @@ const FiltersBarDropdown = ({ sidePanelTitle, className, props, state, useSidePa
             handleFocusOnRemove(newSelected[0]);
         }
     }, [handleFocusOnRemove, isFullSelectionMode, onChange, selection, sortedItems, state]);
-    const componentWidth = (0, react_1.useMemo)(() => useSidePanelView ? undefined : props.width, [useSidePanelView, props.width]);
-    const component = isFullSelectionMode ? (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, props, { width: componentWidth, inputId: props.inputId && useSidePanelView ? `${props.inputId}-side-panel` : props.inputId, className: (0, classNames_1.classNames)([className || "", useSidePanelView ? "zen-filters-bar-dropdown--side-panel" : "", !useSidePanelView && !props.width ? "zen-filters-bar-dropdown--toolbar" : ""]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-dropdown-popup", props.classNamePopup || ""]), value: { selected: Array.from(selection), isAllSelected: isCurrentAllSelected || false }, onChange: (newValue) => {
-            onChange({ selected: newValue.selected.map(el => el.id), isAllSelected: newValue.isAllSelected || false });
-        }, fullWidthTriggerButton: useSidePanelView ? true : props.fullWidthTriggerButton, error: undefined, hasApplyButton: useSidePanelView ? false : props.hasApplyButton, getNamedItems: useSidePanelView ? (fn) => {
-            namedItemsFnRef.current = fn;
-            setNamedFnReady(val => !val);
-        } : undefined, defaultValue: props.defaultValue, multiselect: true, selectAllButton: true })) : (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, props, { width: componentWidth, inputId: props.inputId && useSidePanelView ? `${props.inputId}-side-panel` : props.inputId, className: (0, classNames_1.classNames)([className || "", useSidePanelView ? "zen-filters-bar-dropdown--side-panel" : "", !useSidePanelView && !props.width ? "zen-filters-bar-dropdown--toolbar" : ""]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-dropdown-popup", props.classNamePopup || ""]), value: Array.from(selection), fullWidthTriggerButton: useSidePanelView ? true : props.fullWidthTriggerButton, onChange: (newValue) => {
+    const componentWidth = (0, react_1.useMemo)(() => (useSidePanelView ? undefined : props.width), [useSidePanelView, props.width]);
+    const component = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, props, { width: componentWidth, inputId: props.inputId && useSidePanelView ? `${props.inputId}-side-panel` : props.inputId, className: (0, classNames_1.classNames)([
+            className || "",
+            useSidePanelView ? "zen-filters-bar-dropdown--side-panel" : "",
+            !useSidePanelView && !props.width ? "zen-filters-bar-dropdown--toolbar" : ""
+        ]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-dropdown-popup", props.classNamePopup || ""]), value: { selected: Array.from(selection), isAllSelected: isCurrentAllSelected || false }, onChange: (newValue) => {
+            onChange({
+                selected: newValue.selected.map(el => el.id),
+                isAllSelected: newValue.isAllSelected || false
+            });
+        }, fullWidthTriggerButton: useSidePanelView ? true : props.fullWidthTriggerButton, error: undefined, hasApplyButton: useSidePanelView ? false : props.hasApplyButton, getNamedItems: useSidePanelView
+            ? fn => {
+                namedItemsFnRef.current = fn;
+                setNamedFnReady(val => !val);
+            }
+            : undefined, defaultValue: props.defaultValue, multiselect: true, selectAllButton: true }))) : ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, props, { width: componentWidth, inputId: props.inputId && useSidePanelView ? `${props.inputId}-side-panel` : props.inputId, className: (0, classNames_1.classNames)([
+            className || "",
+            useSidePanelView ? "zen-filters-bar-dropdown--side-panel" : "",
+            !useSidePanelView && !props.width ? "zen-filters-bar-dropdown--toolbar" : ""
+        ]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-dropdown-popup", props.classNamePopup || ""]), value: Array.from(selection), fullWidthTriggerButton: useSidePanelView ? true : props.fullWidthTriggerButton, onChange: (newValue) => {
             onChange({ selectedOption: newValue.map(el => el.id) });
-        }, error: undefined, hasApplyButton: useSidePanelView ? false : props.hasApplyButton, getNamedItems: useSidePanelView ? (fn) => {
-            namedItemsFnRef.current = fn;
-            setNamedFnReady(val => !val);
-        } : undefined, defaultValue: props.defaultValue }));
+        }, error: undefined, hasApplyButton: useSidePanelView ? false : props.hasApplyButton, getNamedItems: useSidePanelView
+            ? fn => {
+                namedItemsFnRef.current = fn;
+                setNamedFnReady(val => !val);
+            }
+            : undefined, defaultValue: props.defaultValue })));
     if (!useSidePanelView) {
         return component;
     }
     if (!isFullSelectionMode && props.multiselect === false && props.dataItems && props.dataItems.length < sidePanelMaxGroupedItemsLength) {
-        return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: radioGroupLabelledId, titleId: radioGroupLabelledId, children: (0, jsx_runtime_1.jsx)(filtersBarSidePanelRadioGroup_1.FiltersBarSidePanelRadioGroup, Object.assign({}, props, { direction: "vertical", items: sortedItems.map((item) => ({
+        return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: radioGroupLabelledId, titleId: radioGroupLabelledId, children: (0, jsx_runtime_1.jsx)(filtersBarSidePanelRadioGroup_1.FiltersBarSidePanelRadioGroup, Object.assign({}, props, { direction: "vertical", items: sortedItems.map(item => ({
                     id: `${dropdownId}_${item.id}`,
                     value: item.id,
                     children: (0, jsx_runtime_1.jsx)("span", { className: "strecthed", children: (0, groupsHelper_1.getGroupDescription)(item, translate) })
-                })), onChange: (e) => {
+                })), onChange: e => {
                     onChange({ selectedOption: [e.target.value] });
-                }, value: state.selectedOption[0] || "" })) });
+                }, value: state.selectedOption[0] || "" })) }));
     }
     if (props.dataItems && props.dataItems.length < sidePanelMaxGroupedItemsLength) {
-        return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: checkBoxLabelledId, titleId: checkBoxLabelledId, children: (0, jsx_runtime_1.jsx)(filtersBarSidePanelCheckboxGroup_1.FiltersBarSidePanelCheckboxGroup, Object.assign({}, props, { items: sortedItems.map((item) => ({
+        return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: checkBoxLabelledId, titleId: checkBoxLabelledId, children: (0, jsx_runtime_1.jsx)(filtersBarSidePanelCheckboxGroup_1.FiltersBarSidePanelCheckboxGroup, Object.assign({}, props, { items: sortedItems.map(item => ({
                     id: `${dropdownId}_${item.id}`,
                     value: item.id,
                     disabled: item.disabled,
                     children: (0, jsx_runtime_1.jsx)("span", { className: "strecthed", children: (0, groupsHelper_1.getGroupDescription)(item, translate) })
                 })), onChange: selectedItems => {
                     if (isFullSelectionMode) {
-                        onChange({ selected: selectedItems, isAllSelected: selectedItems.length === sortedItems.length });
+                        onChange({
+                            selected: selectedItems,
+                            isAllSelected: selectedItems.length === sortedItems.length
+                        });
                     }
                     else {
                         onChange({ selectedOption: selectedItems });
                     }
-                }, selectedItems: isFullSelectionMode ? (state.isAllSelected ? sortedItems.map(el => el.id)
-                    : state.selected) : state.selectedOption })) });
+                }, selectedItems: isFullSelectionMode
+                    ? state.isAllSelected
+                        ? sortedItems.map(el => el.id)
+                        : state.selected
+                    : state.selectedOption })) }));
     }
     const namedPills = namedItemsFnRef.current(Array.from(selection)).map(el => (el.name ? el : Object.assign(Object.assign({}, el), { name: "..." })));
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: dropdownLabelledId, titleId: dropdownLabelledId, children: (0, jsx_runtime_1.jsxs)("div", { ref: sidePanelCellRef, children: [component, props.multiselect || props.multiselect === undefined ? (0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { className: "zen-filters-bar-dropdown__pill-box", selectedPills: namedPills, onRemove: handleRemove }) : null] }) });
+    return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: dropdownLabelledId, titleId: dropdownLabelledId, children: (0, jsx_runtime_1.jsxs)("div", { ref: sidePanelCellRef, children: [component, props.multiselect || props.multiselect === undefined ? ((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { className: "zen-filters-bar-dropdown__pill-box", selectedPills: namedPills, onRemove: handleRemove })) : null] }) }));
 };
 exports.FiltersBarDropdown = FiltersBarDropdown;
 exports.TRANSLATIONS = [...new Set([...dropdown_1.TRANSLATIONS])];

package/dist/filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox.js

@@ -23,10 +23,10 @@ const useUniqueId_1 = require("../../../commonHelpers/useUniqueId");
 const filtersBarSidePanelDropdownWithCheckbox_1 = require("../../filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox");
 const focusableSelector_1 = require("../../../utils/focusableSelector");
 const FiltersBarDropdownWithCheckbox = ({ sidePanelTitle, className, props, state, useSidePanelView, onChange }) => {
-    const isFullSelectionMode = (0, react_1.useMemo)(() => "isAllSelected" in state && typeof (state).isAllSelected === "boolean", [state]);
+    const isFullSelectionMode = (0, react_1.useMemo)(() => "isAllSelected" in state && typeof state.isAllSelected === "boolean", [state]);
     const selection = (0, react_1.useMemo)(() => new Set(state.selected), [state]);
     const isMobile = (0, useMobile_1.useMobile)();
-    const isCurrentAllSelected = (0, react_1.useMemo)(() => isFullSelectionMode ? state.isAllSelected : undefined, [isFullSelectionMode, state]);
+    const isCurrentAllSelected = (0, react_1.useMemo)(() => (isFullSelectionMode ? state.isAllSelected : undefined), [isFullSelectionMode, state]);
     const isCurrentChecked = (0, react_1.useMemo)(() => state.isChecked, [state.isChecked]);
     const [_, setNamedFnReady] = (0, react_1.useState)(false);
     const namedItemsFnRef = (0, react_1.useRef)(items => items.map(el => ({ id: el, name: "..." })));
@@ -36,48 +36,73 @@ const FiltersBarDropdownWithCheckbox = ({ sidePanelTitle, className, props, stat
         var _a, _b, _c;
         if (newSelectedFirstItem) {
             const pillBoxElement = (_a = sidePanelCellRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.zen-filters-bar-dropdown-with-checkbox__pill-box .zen-pill-box__pill[data-id="${newSelectedFirstItem}"]`);
-            const focusable = pillBoxElement ?
-                [...Array.from(pillBoxElement.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
+            const focusable = pillBoxElement ? [...Array.from(pillBoxElement.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
             (_b = focusable === null || focusable === void 0 ? void 0 : focusable[0]) === null || _b === void 0 ? void 0 : _b.focus();
         }
         else {
-            const focusable = sidePanelCellRef.current ? [...Array.from(sidePanelCellRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))] : undefined;
+            const focusable = sidePanelCellRef.current
+                ? [...Array.from(sidePanelCellRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))]
+                : undefined;
             (_c = focusable === null || focusable === void 0 ? void 0 : focusable[0]) === null || _c === void 0 ? void 0 : _c.focus();
         }
     }, []);
-    const handleRemove = (0, react_1.useCallback)((removedId) => {
+    const handleRemove = (0, react_1.useCallback)(removedId => {
         const newSelection = Array.from(selection).filter(el => el !== removedId);
         if (isFullSelectionMode) {
-            onChange({ selected: newSelection,
-                isAllSelected: false, isChecked: state.isChecked });
+            onChange({
+                selected: newSelection,
+                isAllSelected: false,
+                isChecked: state.isChecked
+            });
         }
         else {
-            onChange({ selected: newSelection,
-                isChecked: state.isChecked });
+            onChange({
+                selected: newSelection,
+                isChecked: state.isChecked
+            });
         }
         handleFocusOnRemove(newSelection[0]);
     }, [handleFocusOnRemove, isFullSelectionMode, onChange, selection, state]);
-    const componentWidth = (0, react_1.useMemo)(() => useSidePanelView ? undefined : props.width, [useSidePanelView, props.width]);
+    const componentWidth = (0, react_1.useMemo)(() => (useSidePanelView ? undefined : props.width), [useSidePanelView, props.width]);
     const onChangeFullSelectionWithCheckbox = (0, react_1.useCallback)((newValue) => {
-        onChange({ selected: newValue.selected.map(el => el.id), isAllSelected: newValue.isAllSelected || false, isChecked: newValue.isChecked });
+        onChange({
+            selected: newValue.selected.map(el => el.id),
+            isAllSelected: newValue.isAllSelected || false,
+            isChecked: newValue.isChecked
+        });
     }, [onChange]);
     const onChangeWithCheckbox = (0, react_1.useCallback)((newValue) => {
         onChange({ selected: newValue.selected.map(el => el.id), isChecked: newValue.isChecked });
     }, [onChange]);
     const { getData } = props, restProps = __rest(props, ["getData"]);
     const memoizedGetData = (0, react_1.useMemo)(() => getData, [getData]);
-    const commonProps = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, restProps), { width: componentWidth, inputId: props.inputId && useSidePanelView ? `${props.inputId}-side-panel` : props.inputId, className: (0, classNames_1.classNames)([className || "", useSidePanelView ? "zen-filters-bar-dropdown-with-checkbox--side-panel" : "",
-            !useSidePanelView && !props.width ? "zen-filters-bar-dropdown-with-checkbox--toolbar" : ""]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-dropdown-with-checkbox-popup", props.classNamePopup || ""]), fullWidthTriggerButton: useSidePanelView ? true : props.fullWidthTriggerButton, error: undefined, hasApplyButton: useSidePanelView ? false : props.hasApplyButton, getNamedItems: useSidePanelView ? (fn) => {
-            namedItemsFnRef.current = fn;
-            setNamedFnReady(val => !val);
-        } : undefined })), [className, componentWidth, props.classNamePopup, props.fullWidthTriggerButton, props.hasApplyButton, props.inputId, props.width, restProps, useSidePanelView]);
-    const componentWithSeparateCheckbox = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(filtersBarSidePanelDropdownWithCheckbox_1.FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData })) : (0, jsx_runtime_1.jsx)(filtersBarSidePanelDropdownWithCheckbox_1.FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData });
+    const commonProps = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, restProps), { width: componentWidth, inputId: props.inputId && useSidePanelView ? `${props.inputId}-side-panel` : props.inputId, className: (0, classNames_1.classNames)([
+            className || "",
+            useSidePanelView ? "zen-filters-bar-dropdown-with-checkbox--side-panel" : "",
+            !useSidePanelView && !props.width ? "zen-filters-bar-dropdown-with-checkbox--toolbar" : ""
+        ]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-dropdown-with-checkbox-popup", props.classNamePopup || ""]), fullWidthTriggerButton: useSidePanelView ? true : props.fullWidthTriggerButton, error: undefined, hasApplyButton: useSidePanelView ? false : props.hasApplyButton, getNamedItems: useSidePanelView
+            ? fn => {
+                namedItemsFnRef.current = fn;
+                setNamedFnReady(val => !val);
+            }
+            : undefined })), [
+        className,
+        componentWidth,
+        props.classNamePopup,
+        props.fullWidthTriggerButton,
+        props.hasApplyButton,
+        props.inputId,
+        props.width,
+        restProps,
+        useSidePanelView
+    ]);
+    const componentWithSeparateCheckbox = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(filtersBarSidePanelDropdownWithCheckbox_1.FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData })) : ((0, jsx_runtime_1.jsx)(filtersBarSidePanelDropdownWithCheckbox_1.FiltersBarSidePanelDropdownWithCheckbox, { props: Object.assign({}, commonProps), state: state, onChange: onChange, getData: memoizedGetData }));
     const component = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, commonProps, { checkboxLabel: props.checkboxLabel, getData: props.getData, value: { selected: Array.from(selection), isAllSelected: isCurrentAllSelected || false, isChecked: isCurrentChecked }, onChange: onChangeFullSelectionWithCheckbox, defaultValue: props.defaultValue, multiselect: true, selectAllButton: true }))) : ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, commonProps, { checkboxLabel: props.checkboxLabel, getData: props.getData, value: { selected: Array.from(selection), isChecked: isCurrentChecked }, onChange: onChangeWithCheckbox, defaultValue: props.defaultValue })));
     if (!useSidePanelView) {
         return component;
     }
     const namedPills = namedItemsFnRef.current(Array.from(selection)).map(el => (el.name ? el : Object.assign(Object.assign({}, el), { name: "..." })));
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: dropdownLabelledId, titleId: dropdownLabelledId, children: (0, jsx_runtime_1.jsxs)("div", { ref: sidePanelCellRef, children: [isMobile ? component : componentWithSeparateCheckbox, props.multiselect || props.multiselect === undefined ? (0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { className: "zen-filters-bar-dropdown-with-checkbox__pill-box", selectedPills: namedPills, onRemove: handleRemove }) : null] }) });
+    return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: dropdownLabelledId, titleId: dropdownLabelledId, children: (0, jsx_runtime_1.jsxs)("div", { ref: sidePanelCellRef, children: [isMobile ? component : componentWithSeparateCheckbox, props.multiselect || props.multiselect === undefined ? ((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { className: "zen-filters-bar-dropdown-with-checkbox__pill-box", selectedPills: namedPills, onRemove: handleRemove })) : null] }) }));
 };
 exports.FiltersBarDropdownWithCheckbox = FiltersBarDropdownWithCheckbox;
 exports.TRANSLATIONS = [...new Set([...dropdown_1.TRANSLATIONS])];

package/dist/filtersBar/components/filtersBarGroupButton/filtersBarGroupButton.js

@@ -14,10 +14,10 @@ const FiltersBarGroupButton = ({ className, state, props, onChange: onChangeStat
         const value = event.target.value;
         onChangeState({ selectedValue: value });
     };
-    const component = (0, jsx_runtime_1.jsx)(groupButton_1.GroupButton, Object.assign({}, props, { fullWidth: useSidePanelView, className: (0, classNames_1.classNames)([className !== null && className !== void 0 ? className : ""]), groupData: fullGroupData, onChange: onChangeEvent }));
+    const component = ((0, jsx_runtime_1.jsx)(groupButton_1.GroupButton, Object.assign({}, props, { fullWidth: useSidePanelView, className: (0, classNames_1.classNames)([className !== null && className !== void 0 ? className : ""]), groupData: fullGroupData, onChange: onChangeEvent })));
     if (!useSidePanelView) {
         return component;
     }
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { role: "group", title: sidePanelTitle, titleId: groupButtonLabelledId, labelledBy: groupButtonLabelledId, children: component });
+    return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { role: "group", title: sidePanelTitle, titleId: groupButtonLabelledId, labelledBy: groupButtonLabelledId, children: component }));
 };
 exports.FiltersBarGroupButton = FiltersBarGroupButton;

package/dist/filtersBar/components/filtersBarGroupsFilter/filtersBarGroupsFilter.js

@@ -6,11 +6,11 @@ const groupsFilter_1 = require("../../../groupsFilter/groupsFilter");
 const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
 const react_1 = require("react");
 const FiltersBarGroupsFilter = ({ props, state, sidePanelTitle, useSidePanelView, onChange: onChangeState }) => {
-    const component = (0, jsx_runtime_1.jsx)(groupsFilter_1.GroupsFilter, Object.assign({}, props, { fullSize: useSidePanelView, initialFilterState: state.value, onChange: (value) => onChangeState({ value }) }));
+    const component = ((0, jsx_runtime_1.jsx)(groupsFilter_1.GroupsFilter, Object.assign({}, props, { fullSize: useSidePanelView, initialFilterState: state.value, onChange: value => onChangeState({ value }) })));
     const groupFilterLabelledId = (0, react_1.useId)();
     if (!useSidePanelView) {
         return component;
     }
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: groupFilterLabelledId, titleId: groupFilterLabelledId, className: "zen-filters-bar-groups-filter--side-panel", children: component });
+    return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: sidePanelTitle, role: "group", labelledBy: groupFilterLabelledId, titleId: groupFilterLabelledId, className: "zen-filters-bar-groups-filter--side-panel", children: component }));
 };
 exports.FiltersBarGroupsFilter = FiltersBarGroupsFilter;

package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js

@@ -44,7 +44,9 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
         else {
             const startDateForNormalize = ((_a = selection === null || selection === void 0 ? void 0 : selection.getRange) === null || _a === void 0 ? void 0 : _a.call(selection)) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label) !== val ? selection.getRange().from : state === null || state === void 0 ? void 0 : state.from;
             const endDateForNormalize = ((_b = selection === null || selection === void 0 ? void 0 : selection.getRange) === null || _b === void 0 ? void 0 : _b.call(selection)) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label) !== val ? selection.getRange().to : state === null || state === void 0 ? void 0 : state.to;
-            if (!datesValidation(startDateForNormalize === undefined && endDateForNormalize === undefined ? undefined : { from: startDateForNormalize, to: endDateForNormalize })) {
+            if (!datesValidation(startDateForNormalize === undefined && endDateForNormalize === undefined
+                ? undefined
+                : { from: startDateForNormalize, to: endDateForNormalize })) {
                 console.error("Invalid Date objects provided to DateRange", { from: startDateForNormalize, to: endDateForNormalize });
                 return;
             }
@@ -56,7 +58,19 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
             setCustomDate({ from: newValueFrom.toISOString(), to: newValueTo.toISOString() });
             onChange({ label: val, from: newValueFrom, to: newValueTo });
         }
-    }, [options, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, checkError, onChange, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label, state === null || state === void 0 ? void 0 : state.from, state === null || state === void 0 ? void 0 : state.to, datesValidation]);
+    }, [
+        options,
+        disableFutureDates,
+        disablePastDates,
+        disableDatesBefore,
+        disableDatesAfter,
+        checkError,
+        onChange,
+        selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label,
+        state === null || state === void 0 ? void 0 : state.from,
+        state === null || state === void 0 ? void 0 : state.to,
+        datesValidation
+    ]);
     (0, react_1.useEffect)(() => {
         const currentState = (0, getRangeOption_1.getSelectedRangeFromValue)(optionsMap, state);
         isDatesValid.current = datesValidation(state);
@@ -101,7 +115,11 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
     const handleCustomDate = (0, react_1.useCallback)(value => {
         const isHasError = !value.from || !value.to;
         checkError && checkError(isHasError);
-        setSelectedRange({ label: dateRangeInner_1.CUSTOM_CALENDAR_ID, from: lockStartDate || value.from, to: lockEndDate || (lockStartDate ? value.to || value.from : value.to) });
+        setSelectedRange({
+            label: dateRangeInner_1.CUSTOM_CALENDAR_ID,
+            from: lockStartDate || value.from,
+            to: lockEndDate || (lockStartDate ? value.to || value.from : value.to)
+        });
         setCustomDate({ from: lockStartDate || value.from, to: lockEndDate || (lockStartDate ? value.to || value.from : value.to) });
         !isHasError &&
             onChange({
@@ -126,7 +144,15 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
         disableDatesAfter
     ]);
     const popup = (0, react_1.useMemo)(() => {
-        const commonProps = Object.assign(Object.assign({}, props), { hasApplyButton: useSidePanelView ? false : props.hasApplyButton || hasApplyButton, id: id, className: (0, classNames_1.classNames)(["zen-filters-bar-period-picker", useSidePanelView ? "zen-filters-bar-period-picker--full-width" : "", className !== null && className !== void 0 ? className : ""]), classNamePopup: (0, classNames_1.classNames)(["zen-filters-bar-period-picker__popup", useSidePanelView ? "zen-filters-bar-period-picker__popup--full-width" : "", classNamePopup || ""]), classNameWrapper: (0, classNames_1.classNames)([useSidePanelView ? "zen-filters-bar-period-picker-wrapper" : ""]), options: optionsArg });
+        const commonProps = Object.assign(Object.assign({}, props), { hasApplyButton: useSidePanelView ? false : props.hasApplyButton || hasApplyButton, id: id, className: (0, classNames_1.classNames)([
+                "zen-filters-bar-period-picker",
+                useSidePanelView ? "zen-filters-bar-period-picker--full-width" : "",
+                className !== null && className !== void 0 ? className : ""
+            ]), classNamePopup: (0, classNames_1.classNames)([
+                "zen-filters-bar-period-picker__popup",
+                useSidePanelView ? "zen-filters-bar-period-picker__popup--full-width" : "",
+                classNamePopup || ""
+            ]), classNameWrapper: (0, classNames_1.classNames)([useSidePanelView ? "zen-filters-bar-period-picker-wrapper" : ""]), options: optionsArg });
         return props.allowUnsetValue ? ((0, jsx_runtime_1.jsx)(dateRangeRaw_1.DateRangeRaw, Object.assign({}, commonProps, { value: state, onChange: onChange, defaultValue: defaultState, allowUnsetValue: true }))) : ((0, jsx_runtime_1.jsx)(dateRangeRaw_1.DateRangeRaw, Object.assign({}, commonProps, { value: state, onChange: onChange, defaultValue: defaultState, allowUnsetValue: false })));
     }, [props, useSidePanelView, id, className, classNamePopup, optionsArg, state, onChange, defaultState, hasApplyButton]);
     if (!options.length && !hasCustomOption) {

package/dist/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js

@@ -35,6 +35,7 @@ injectString("tr", "This week", "Bu hafta");
 injectString("zh-Hans", "This week", "\u672C\u5468");
 injectString("zh-TW", "This week", "\u672C\u9031");
 injectString("ro-RO", "This week", "S\u0103pt\u0103m\xE2na aceasta");
+injectString("ar-SA", "This week", "\u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639");
 injectString("cs", "Next week", "P\u0159\xED\u0161t\xED t\xFDden");
 injectString("da-DK", "Next week", "N\xE6ste uge");
 injectString("de", "Next week", "N\xE4chste Woche");
@@ -61,6 +62,7 @@ injectString("tr", "Next week", "Gelecek hafta");
 injectString("zh-Hans", "Next week", "\u4E0B\u5468");
 injectString("zh-TW", "Next week", "\u4E0B\u9031");
 injectString("ro-RO", "Next week", "S\u0103pt\u0103m\xE2na viitoare");
+injectString("ar-SA", "Next week", "\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0642\u0627\u062F\u0645");
 injectString("cs", "Last week", "Minul\xFD t\xFDden");
 injectString("da-DK", "Last week", "Sidste uge");
 injectString("de", "Last week", "Letzte Woche");
@@ -87,6 +89,7 @@ injectString("tr", "Last week", "Ge\xE7en hafta");
 injectString("zh-Hans", "Last week", "\u4E0A\u5468");
 injectString("zh-TW", "Last week", "\u4E0A\u9031");
 injectString("ro-RO", "Last week", "S\u0103pt\u0103m\xE2na trecut\u0103");
+injectString("ar-SA", "Last week", "\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0627\u0636\u064A");
 injectString("cs", "This month", "Tento m\u011Bs\xEDc");
 injectString("da-DK", "This month", "Denne m\xE5ned");
 injectString("de", "This month", "Dieser Monat");
@@ -113,6 +116,7 @@ injectString("tr", "This month", "Bu ay");
 injectString("zh-Hans", "This month", "\u672C\u6708");
 injectString("zh-TW", "This month", "\u672C\u6708");
 injectString("ro-RO", "This month", "Luna aceasta");
+injectString("ar-SA", "This month", "\u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631");
 injectString("cs", "Last month", "Minul\xFD m\u011Bs\xEDc");
 injectString("da-DK", "Last month", "Sidste m\xE5ned");
 injectString("de", "Last month", "Letzter Monat");
@@ -139,6 +143,7 @@ injectString("tr", "Last month", "Ge\xE7en ay");
 injectString("zh-Hans", "Last month", "\u4E0A\u4E2A\u6708");
 injectString("zh-TW", "Last month", "\u4E0A\u500B\u6708");
 injectString("ro-RO", "Last month", "Luna trecut\u0103");
+injectString("ar-SA", "Last month", "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0645\u0627\u0636\u064A");
 injectString("cs", "Next month", "P\u0159\xED\u0161t\xED m\u011Bs\xEDc");
 injectString("da-DK", "Next month", "N\xE6ste m\xE5ned");
 injectString("de", "Next month", "N\xE4chsten Monat");
@@ -165,6 +170,7 @@ injectString("tr", "Next month", "Gelecek ay");
 injectString("zh-Hans", "Next month", "\u4E0B\u6708");
 injectString("zh-TW", "Next month", "\u4E0B\u500B\u6708");
 injectString("ro-RO", "Next month", "Luna urm\u0103toare");
+injectString("ar-SA", "Next month", "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u062A\u0627\u0644\u064A");
 injectString("cs", "Last 3 months", "Posledn\xED 3\xA0m\u011Bs\xEDce");
 injectString("da-DK", "Last 3 months", "Sidste 3 m\xE5neder");
 injectString("de", "Last 3 months", "Letzte 3 Monate");
@@ -191,6 +197,7 @@ injectString("tr", "Last 3 months", "Son 3 ay");
 injectString("zh-Hans", "Last 3 months", "\u6700\u8FD1 3 \u4E2A\u6708");
 injectString("zh-TW", "Last 3 months", "\u904E\u53BB 3 \u500B\u6708");
 injectString("ro-RO", "Last 3 months", "Ultimele 3 luni");
+injectString("ar-SA", "Last 3 months", "\u0622\u062E\u0631 3 \u0623\u0634\u0647\u0631");
 injectString("cs", "Last year", "Minul\xFD rok");
 injectString("da-DK", "Last year", "Sidste \xE5r");
 injectString("de", "Last year", "Letztes Jahr");
@@ -217,6 +224,7 @@ injectString("tr", "Last year", "Ge\xE7en y\u0131l");
 injectString("zh-Hans", "Last year", "\u53BB\u5E74");
 injectString("zh-TW", "Last year", "\u53BB\u5E74");
 injectString("ro-RO", "Last year", "Anul trecut");
+injectString("ar-SA", "Last year", "\u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0645\u0627\u0636\u064A\u0629");
 injectString("cs", "This year", "Tento rok");
 injectString("da-DK", "This year", "I \xE5r");
 injectString("de", "This year", "Dieses Jahr");
@@ -243,6 +251,7 @@ injectString("tr", "This year", "Bu y\u0131l");
 injectString("zh-Hans", "This year", "\u4ECA\u5E74");
 injectString("zh-TW", "This year", "\u4ECA\u5E74");
 injectString("ro-RO", "This year", "Anul acesta");
+injectString("ar-SA", "This year", "\u0647\u0630\u0647 \u0627\u0644\u0633\u0646\u0629");
 injectString("cs", "This quarter", "Toto \u010Dtvrtlet\xED");
 injectString("da-DK", "This quarter", "Dette kvartal");
 injectString("de", "This quarter", "Dieses Quartal");
@@ -269,6 +278,7 @@ injectString("tr", "This quarter", "Bu \xE7eyrek");
 injectString("zh-Hans", "This quarter", "\u672C\u5B63\u5EA6");
 injectString("zh-TW", "This quarter", "\u672C\u5B63");
 injectString("ro-RO", "This quarter", "Trimestrul acesta");
+injectString("ar-SA", "This quarter", "\u0647\u0630\u0627 \u0627\u0644\u0631\u0628\u0639");
 injectString("cs", "Last quarter", "Posledn\xED \u010Dtvrtlet\xED");
 injectString("da-DK", "Last quarter", "Sidste kvartal");
 injectString("de", "Last quarter", "Letztes Quartal");
@@ -295,6 +305,7 @@ injectString("tr", "Last quarter", "Son \xE7eyrek");
 injectString("zh-Hans", "Last quarter", "\u4E0A\u4E00\u5B63\u5EA6");
 injectString("zh-TW", "Last quarter", "\u4E0A\u4E00\u5B63");
 injectString("ro-RO", "Last quarter", "Ultimul trimestru");
+injectString("ar-SA", "Last quarter", "\u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u0623\u062E\u064A\u0631");
 injectString("cs", "Last 12 months", "Posledn\xEDch 12 m\u011Bs\xEDc\u016F");
 injectString("da-DK", "Last 12 months", "Sidste 12 m\xE5neder");
 injectString("de", "Last 12 months", "Letzte 12 Monate");
@@ -321,6 +332,7 @@ injectString("tr", "Last 12 months", "Son 12 ay");
 injectString("zh-Hans", "Last 12 months", "\u6700\u8FD1 12 \u4E2A\u6708");
 injectString("zh-TW", "Last 12 months", "\u904E\u53BB 12 \u500B\u6708");
 injectString("ro-RO", "Last 12 months", "Ultimele 12 luni");
+injectString("ar-SA", "Last 12 months", "\u0622\u062E\u0631 12 \u0634\u0647\u0631\u0627\u064B");
 injectString("cs", "Year to date", "Od za\u010D\xE1tku roku");
 injectString("da-DK", "Year to date", "\xC5r til dato");
 injectString("de", "Year to date", "Seit Jahresbeginn");
@@ -347,6 +359,7 @@ injectString("tr", "Year to date", "Y\u0131lba\u015F\u0131ndan bug\xFCne kadar")
 injectString("zh-Hans", "Year to date", "\u5E74\u521D\u81F3\u4ECA");
 injectString("zh-TW", "Year to date", "\u5E74\u521D\u81F3\u4ECA");
 injectString("ro-RO", "Year to date", "P\xE2n\u0103 \xEEn prezent");
+injectString("ar-SA", "Year to date", "\u0645\u0646\u0630 \u0628\u062F\u0627\u064A\u0629 \u0627\u0644\u0633\u0646\u0629");
 injectString("cs", "Custom", "Vlastn\xED");
 injectString("da-DK", "Custom", "Brugerdefineret");
 injectString("de", "Custom", "Individuell");
@@ -358,7 +371,7 @@ injectString("fr-FR", "Custom", "Personnalis\xE9");
 injectString("hu-HU", "Custom", "Egy\xE9ni");
 injectString("id", "Custom", "Kustom");
 injectString("it", "Custom", "Personalizza");
-injectString("ja", "Custom", "\u671F\u9593\u8A2D\u5B9A\u306E\u5909\u66F4");
+injectString("ja", "Custom", "\u671F\u9593\u8A2D\u5B9A");
 injectString("ko-KR", "Custom", "\uC0AC\uC6A9\uC790 \uC9C0\uC815");
 injectString("ms", "Custom", "Tersuai");
 injectString("nb-NO", "Custom", "Egendefinert");
@@ -373,6 +386,7 @@ injectString("tr", "Custom", "\xD6zel");
 injectString("zh-Hans", "Custom", "\u5B9A\u5236");
 injectString("zh-TW", "Custom", "\u81EA\u8A02");
 injectString("ro-RO", "Custom", "Personaliza\u021Bi");
+injectString("ar-SA", "Custom", "\u0645\u062E\u0635\u0635");
 injectString("cs", "Today", "Dnes");
 injectString("da-DK", "Today", "I dag");
 injectString("de", "Today", "Heute");
@@ -399,6 +413,7 @@ injectString("tr", "Today", "Bug\xFCn");
 injectString("zh-Hans", "Today", "\u4ECA\u65E5");
 injectString("zh-TW", "Today", "\u4ECA\u5929");
 injectString("ro-RO", "Today", "Ast\u0103zi");
+injectString("ar-SA", "Today", "\u0627\u0644\u064A\u0648\u0645");
 injectString("cs", "Yesterday", "V\u010Dera");
 injectString("da-DK", "Yesterday", "I g\xE5r");
 injectString("de", "Yesterday", "Gestern");
@@ -425,6 +440,7 @@ injectString("tr", "Yesterday", "D\xFCn");
 injectString("zh-Hans", "Yesterday", "\u6628\u5929");
 injectString("zh-TW", "Yesterday", "\u6628\u5929");
 injectString("ro-RO", "Yesterday", "Ieri");
+injectString("ar-SA", "Yesterday", "\u0623\u0645\u0633");
 injectString("cs", "Last 7 days", "Posledn\xEDch 7 dn\xED");
 injectString("da-DK", "Last 7 days", "Sidste 7 dage");
 injectString("de", "Last 7 days", "Letzte 7 Tage");
@@ -451,6 +467,7 @@ injectString("tr", "Last 7 days", "Son 7 g\xFCn");
 injectString("zh-Hans", "Last 7 days", "\u6700\u8FD1 7 \u5929");
 injectString("zh-TW", "Last 7 days", "\u904E\u53BB 7 \u5929");
 injectString("ro-RO", "Last 7 days", "Ultimele 7 zile");
+injectString("ar-SA", "Last 7 days", "\u0622\u062E\u0631 7 \u0623\u064A\u0627\u0645");
 injectString("cs", "Last 30 days", "Posledn\xEDch 30 dn\xED");
 injectString("da-DK", "Last 30 days", "Sidste 30 dage");
 injectString("de", "Last 30 days", "Letzte 30 Tage");
@@ -477,6 +494,7 @@ injectString("tr", "Last 30 days", "Son 30 g\xFCn");
 injectString("zh-Hans", "Last 30 days", "\u6700\u8FD1 30 \u5929");
 injectString("zh-TW", "Last 30 days", "\u904E\u53BB 30 \u5929");
 injectString("ro-RO", "Last 30 days", "Ultimele 30 de zile");
+injectString("ar-SA", "Last 30 days", "\u0622\u062E\u0631 30 \u064A\u0648\u0645\u0627\u064B");
 const options = {
   Today: (translate, toLocalDateTime, _firstDayOfWeek, toReverseOffsetDateTime) => (0, dateRangeUtils_1.GET_TODAY_OPTION)(toLocalDateTime, translate, toReverseOffsetDateTime),
   Yesterday: (translate, toLocalDateTime, _firstDayOfWeek, toReverseOffsetDateTime) => (0, dateRangeUtils_1.GET_YESTERDAY_OPTION)(toLocalDateTime, translate, toReverseOffsetDateTime),

package/dist/filtersBar/components/filtersBarPeriodPicker/normalizeDates.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeDates = void 0;
 const dateUtils_1 = require("../../../calendar/dateUtils");
-// eslint-disable-next-line complexity
+/* eslint-disable complexity */
 const getAvailableRange = (availablePeriod, startDate, endDate, disableDatesBefore, disableDatesAfter) => {
+    /* eslint-enable complexity */
     const now = new Date().toISOString();
     let fromDate = startDate;
     let toDate = endDate;
@@ -14,17 +15,24 @@ const getAvailableRange = (availablePeriod, startDate, endDate, disableDatesBefo
     }
     if (availablePeriod === "before" && disableDatesAfter) {
         toDate = endDate && new Date(endDate) <= new Date(disableDatesAfter) ? endDate : disableDatesAfter;
-        fromDate = startDate && new Date(startDate) < new Date(disableDatesAfter) && new Date(startDate) < new Date(toDate) ? startDate : (0, dateUtils_1.addDays)(new Date(toDate), -1).toISOString();
+        fromDate =
+            startDate && new Date(startDate) < new Date(disableDatesAfter) && new Date(startDate) < new Date(toDate)
+                ? startDate
+                : (0, dateUtils_1.addDays)(new Date(toDate), -1).toISOString();
     }
     if (availablePeriod === "after" && disableDatesBefore) {
         fromDate = startDate && new Date(startDate) >= new Date(disableDatesBefore) ? startDate : disableDatesBefore;
-        toDate = endDate && new Date(endDate) > new Date(disableDatesBefore) && new Date(endDate) > new Date(fromDate) ? endDate : (0, dateUtils_1.addDays)(new Date(fromDate), 1).toISOString();
+        toDate =
+            endDate && new Date(endDate) > new Date(disableDatesBefore) && new Date(endDate) > new Date(fromDate)
+                ? endDate
+                : (0, dateUtils_1.addDays)(new Date(fromDate), 1).toISOString();
     }
     if (availablePeriod === "outside" && disableDatesBefore && disableDatesAfter) {
         let isAvailableRangeReady = false;
         if (startDate && new Date(startDate) <= new Date(disableDatesAfter)) {
             fromDate = startDate;
-            toDate = endDate && new Date(endDate) <= new Date(disableDatesAfter) && new Date(endDate) >= new Date(fromDate) ? endDate : disableDatesAfter;
+            toDate =
+                endDate && new Date(endDate) <= new Date(disableDatesAfter) && new Date(endDate) >= new Date(fromDate) ? endDate : disableDatesAfter;
             isAvailableRangeReady = true;
         }
         if (startDate && new Date(startDate) > new Date(disableDatesBefore)) {
@@ -39,8 +47,12 @@ const getAvailableRange = (availablePeriod, startDate, endDate, disableDatesBefo
         }
         if (endDate && !isAvailableRangeReady && new Date(endDate) > new Date(disableDatesBefore)) {
             toDate = endDate;
-            fromDate = startDate && new Date(startDate) > new Date(disableDatesBefore) && new Date(startDate) < new Date(toDate) ? startDate
-                : ((0, dateUtils_1.addDays)(new Date(toDate), -1) >= new Date(disableDatesBefore) ? (0, dateUtils_1.addDays)(new Date(toDate), -1).toISOString() : disableDatesBefore);
+            fromDate =
+                startDate && new Date(startDate) > new Date(disableDatesBefore) && new Date(startDate) < new Date(toDate)
+                    ? startDate
+                    : (0, dateUtils_1.addDays)(new Date(toDate), -1) >= new Date(disableDatesBefore)
+                        ? (0, dateUtils_1.addDays)(new Date(toDate), -1).toISOString()
+                        : disableDatesBefore;
             isAvailableRangeReady = true;
         }
         if (!isAvailableRangeReady) {
@@ -49,10 +61,17 @@ const getAvailableRange = (availablePeriod, startDate, endDate, disableDatesBefo
         }
     }
     if (availablePeriod === "inside" && disableDatesBefore && disableDatesAfter) {
-        fromDate = startDate && new Date(startDate) >= new Date(disableDatesBefore) && new Date(startDate) < new Date(disableDatesAfter) ? startDate : disableDatesBefore;
+        fromDate =
+            startDate && new Date(startDate) >= new Date(disableDatesBefore) && new Date(startDate) < new Date(disableDatesAfter)
+                ? startDate
+                : disableDatesBefore;
         const fromDatePlusOne = (0, dateUtils_1.addDays)(new Date(fromDate), 1).toISOString();
-        toDate = endDate && new Date(endDate) > new Date(fromDate) && new Date(endDate) < new Date(disableDatesAfter) ? endDate
-            : new Date(fromDatePlusOne) < new Date(disableDatesAfter) ? fromDatePlusOne : disableDatesAfter;
+        toDate =
+            endDate && new Date(endDate) > new Date(fromDate) && new Date(endDate) < new Date(disableDatesAfter)
+                ? endDate
+                : new Date(fromDatePlusOne) < new Date(disableDatesAfter)
+                    ? fromDatePlusOne
+                    : disableDatesAfter;
     }
     return { from: fromDate || now, to: toDate || now };
 };
@@ -82,7 +101,10 @@ const normalizeDates = (startDate, endDate, disableFutureDates, disablePastDates
             return { from: moreNow.toISOString(), to: endDate || updatedEndDate.toISOString() };
         }
         if (startDate && new Date(startDate) >= moreNow) {
-            return { from: startDate, to: endDate && new Date(endDate) > new Date(startDate) ? endDate : (0, dateUtils_1.addDays)(new Date(startDate), 1).toISOString() };
+            return {
+                from: startDate,
+                to: endDate && new Date(endDate) > new Date(startDate) ? endDate : (0, dateUtils_1.addDays)(new Date(startDate), 1).toISOString()
+            };
         }
         return { from: moreNow.toISOString(), to: endDate || updatedEndDate.toISOString() };
     }

package/dist/filtersBar/components/filtersBarRange/filtersBarRange.js

@@ -8,17 +8,18 @@ const filtersBarSidePanelRange_1 = require("../../filtersBarSidePanel/components
 const rangeHelper_1 = require("../../../rangeRaw/utils/rangeHelper");
 const react_1 = require("react");
 const FiltersBarRange = ({ sidePanelTitle, props, state, useSidePanelView, onChange, checkError }) => {
-    const component = (0, jsx_runtime_1.jsx)(range_1.Range, Object.assign({}, props, { value: state.value, onChange: newValue => {
+    const component = ((0, jsx_runtime_1.jsx)(range_1.Range, Object.assign({}, props, { value: state.value, onChange: newValue => {
             onChange({ value: newValue });
-        } }));
+        } })));
     const rangeLabelledId = (0, react_1.useId)();
     if (!useSidePanelView) {
         return component;
     }
-    return (0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { role: "group", labelledBy: rangeLabelledId, titleId: rangeLabelledId, title: sidePanelTitle, children: (0, jsx_runtime_1.jsx)(filtersBarSidePanelRange_1.FiltersBarSidePanelRange, Object.assign({}, props, { id: props.id ? `${props.id}-side-panel` : undefined, value: state.value, onChange: newValue => {
-                checkError && checkError((0, rangeHelper_1.checkErrorType)(newValue.min, newValue.max, props.fullBounded, props.allowEqualMinMax, props.min, props.max) !== undefined);
+    return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { role: "group", labelledBy: rangeLabelledId, titleId: rangeLabelledId, title: sidePanelTitle, children: (0, jsx_runtime_1.jsx)(filtersBarSidePanelRange_1.FiltersBarSidePanelRange, Object.assign({}, props, { id: props.id ? `${props.id}-side-panel` : undefined, value: state.value, onChange: newValue => {
+                checkError &&
+                    checkError((0, rangeHelper_1.checkErrorType)(newValue.min, newValue.max, props.fullBounded, props.allowEqualMinMax, props.min, props.max) !== undefined);
                 onChange({ value: newValue });
-            } })) });
+            } })) }));
 };
 exports.FiltersBarRange = FiltersBarRange;
 exports.TRANSLATIONS = [];