@geotab/zenith 1.26.2 → 1.26.3

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.FiltersBarDropdown = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./filtersBarDropdown.less");
 const react_1 = require("react");
 const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
 const dropdown_1 = require("../../../dropdown/dropdown");
@@ -42,31 +41,31 @@ const FiltersBarDropdown = ({ sidePanelTitle, className, props, state, useSidePa
         }
     }, [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, { ...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) => {
+    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, { ...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) => {
+        } : 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 });
+        } : 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, { ...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({ 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, { ...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,
@@ -79,11 +78,10 @@ const FiltersBarDropdown = ({ sidePanelTitle, className, props, state, useSidePa
                         onChange({ selectedOption: selectedItems });
                     }
                 }, selectedItems: isFullSelectionMode ? (state.isAllSelected ? sortedItems.map(el => el.id)
-                    : state.selected) : state.selectedOption }) });
+                    : state.selected) : state.selectedOption })) });
     }
-    const namedPills = namedItemsFnRef.current(Array.from(selection)).map(el => (el.name ? el : { ...el, name: "..." }));
+    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)(jsx_runtime_1.Fragment, { 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])];
-//# sourceMappingURL=filtersBarDropdown.js.map

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

@@ -1,8 +1,18 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.FiltersBarDropdownWithCheckbox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./filtersBarDropdownWithCheckbox.less");
 const react_1 = require("react");
 const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
 const dropdown_1 = require("../../../dropdown/dropdown");
@@ -38,31 +48,20 @@ const FiltersBarDropdownWithCheckbox = ({ sidePanelTitle, className, props, stat
     const onChangeWithCheckbox = (0, react_1.useCallback)((newValue) => {
         onChange({ selected: newValue.selected.map(el => el.id), isChecked: newValue.isChecked });
     }, [onChange]);
-    const { getData, ...restProps } = props;
+    const { getData } = props, restProps = __rest(props, ["getData"]);
     const memoizedGetData = (0, react_1.useMemo)(() => getData, [getData]);
-    const commonProps = (0, react_1.useMemo)(() => ({
-        ...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) => {
+    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: { ...commonProps }, state: state, onChange: onChange, getData: memoizedGetData })) : (0, jsx_runtime_1.jsx)(filtersBarSidePanelDropdownWithCheckbox_1.FiltersBarSidePanelDropdownWithCheckbox, { props: { ...commonProps }, state: state, onChange: onChange, getData: memoizedGetData });
-    const component = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...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, { ...commonProps, checkboxLabel: props.checkboxLabel, getData: props.getData, value: { selected: Array.from(selection), isChecked: isCurrentChecked }, onChange: onChangeWithCheckbox, defaultValue: props.defaultValue }));
+        } : 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 : { ...el, name: "..." }));
+    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)(jsx_runtime_1.Fragment, { 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])];
-//# sourceMappingURL=filtersBarDropdownWithCheckbox.js.map

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

@@ -9,16 +9,15 @@ const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell"
 const FiltersBarGroupButton = ({ className, state, props, onChange: onChangeState, useSidePanelView, sidePanelTitle }) => {
     const groupData = props.groupData;
     const groupButtonLabelledId = (0, useUniqueId_1.useUniqueId)();
-    const fullGroupData = groupData.map(item => ({ ...item, selected: item.value === state.selectedValue }));
+    const fullGroupData = groupData.map(item => (Object.assign(Object.assign({}, item), { selected: item.value === state.selectedValue })));
     const onChangeEvent = (event) => {
         const value = event.target.value;
         onChangeState({ selectedValue: value });
     };
-    const component = (0, jsx_runtime_1.jsx)(groupButton_1.GroupButton, { ...props, fullWidth: useSidePanelView, className: (0, classNames_1.classNames)([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 });
 };
 exports.FiltersBarGroupButton = FiltersBarGroupButton;
-//# sourceMappingURL=filtersBarGroupButton.js.map

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

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FiltersBarGroupsFilter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./filtersBarGroupsFilter.less");
 const groupsFilter_1 = require("../../../groupsFilter/groupsFilter");
 const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
 const useUniqueId_1 = require("../../../commonHelpers/useUniqueId");
 const FiltersBarGroupsFilter = ({ props, state, sidePanelTitle, useSidePanelView, onChange: onChangeState }) => {
-    const component = (0, jsx_runtime_1.jsx)(groupsFilter_1.GroupsFilter, { ...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, useUniqueId_1.useUniqueId)();
     if (!useSidePanelView) {
         return component;
@@ -15,4 +14,3 @@ const FiltersBarGroupsFilter = ({ props, state, sidePanelTitle, useSidePanelView
     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;
-//# sourceMappingURL=filtersBarGroupsFilter.js.map

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.FiltersBarPeriodPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./filtersBarPeriodPicker.less");
 const react_1 = require("react");
 const sidePanelCell_1 = require("../../../sidePanel/sidePanelCell/sidePanelCell");
 const classNames_1 = require("../../../commonHelpers/classNames/classNames");
@@ -23,11 +22,12 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
     const [selectedRange, setSelectedRange] = (0, react_1.useState)((0, getRangeOption_1.getSelectedRangeFromValue)(optionsMap, state));
     const filterBarLabelledId = (0, useUniqueId_1.useUniqueId)();
     const [prevSelection, setPrevSelection] = (0, react_1.useState)((0, getRangeOption_1.getSelectedRangeFromValue)(optionsMap, state));
-    const getCustomRange = (0, react_1.useCallback)(() => ({ from: prevSelection?.from || new Date(), to: prevSelection?.to || new Date() }), [prevSelection]);
+    const getCustomRange = (0, react_1.useCallback)(() => ({ from: (prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.from) || new Date(), to: (prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.to) || new Date() }), [prevSelection]);
     const options = (0, react_1.useMemo)(() => (0, getRangeOption_1.getRangeOptionsArray)(optionsArg, translate, toLocalDateTime, weekStartsOnSunday ? "Sunday" : "Monday", toReverseOffsetDateTime, withCalendar || false, prevSelection && prevSelection.label === dateRangeInner_1.CUSTOM_CALENDAR_ID, prevSelection ? getCustomRange : undefined), [optionsArg, translate, toLocalDateTime, weekStartsOnSunday, toReverseOffsetDateTime, withCalendar, prevSelection, getCustomRange]);
     const hasCustomOption = (0, react_1.useMemo)(() => options.find(option => option.id === dateRangeInner_1.CUSTOM_CALENDAR_ID) !== undefined, [options]);
-    const [customDate, setCustomDate] = (0, react_1.useState)((0, normalizeDates_1.normalizeDates)(state?.from.toISOString(), state?.to.toISOString(), disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter));
+    const [customDate, setCustomDate] = (0, react_1.useState)((0, normalizeDates_1.normalizeDates)(state === null || state === void 0 ? void 0 : state.from.toISOString(), state === null || state === void 0 ? void 0 : state.to.toISOString(), disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter));
     const handleDateRangeSelection = (0, react_1.useCallback)((val) => {
+        var _a, _b;
         const selection = options.find(option => option.id === val);
         if (selection && val !== dateRangeInner_1.CUSTOM_CALENDAR_ID && selection.getRange) {
             const range = selection.getRange();
@@ -38,30 +38,30 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
             setCustomDate({ from: newRange.from.toISOString(), to: newRange.to.toISOString() });
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             checkError && checkError(!range.from || !range.to);
-            onChange({ label: selection.id, ...newRange });
+            onChange(Object.assign({ label: selection.id }, newRange));
         }
         else {
-            const startDateForNormalize = selection?.getRange?.() && selectedRange?.label !== val ? selection.getRange().from.toISOString() : state?.from.toISOString();
-            const endDateForNormalize = selection?.getRange?.() && selectedRange?.label !== val ? selection.getRange().to.toISOString() : state?.to.toISOString();
+            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.toISOString() : state === null || state === void 0 ? void 0 : state.from.toISOString();
+            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.toISOString() : state === null || state === void 0 ? void 0 : state.to.toISOString();
             const normalizedDates = (0, normalizeDates_1.normalizeDates)(startDateForNormalize, endDateForNormalize, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
             const newRange = val === dateRangeInner_1.CUSTOM_CALENDAR_ID ?
                 { from: new Date(normalizedDates.from), to: new Date(normalizedDates.to) }
                 : undefined;
-            const newValueFrom = newRange?.from || new Date();
-            const newValueTo = newRange?.to || new Date();
+            const newValueFrom = (newRange === null || newRange === void 0 ? void 0 : newRange.from) || new Date();
+            const newValueTo = (newRange === null || newRange === void 0 ? void 0 : newRange.to) || new Date();
             setSelectedRange({ label: val, from: newValueFrom, to: newValueTo });
             setCustomDate({ from: newValueFrom.toISOString(), to: newValueTo.toISOString() });
             onChange({ label: val, from: newValueFrom, to: newValueTo });
         }
-    }, [options, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, checkError, onChange, selectedRange?.label, state?.from, state?.to]);
+    }, [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]);
     (0, react_1.useEffect)(() => {
         const currentState = (0, getRangeOption_1.getSelectedRangeFromValue)(optionsMap, state);
-        if (prevSelection?.label !== currentState?.label) {
+        if ((prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.label) !== (currentState === null || currentState === void 0 ? void 0 : currentState.label)) {
             setSelectedRange(currentState);
             setPrevSelection(currentState);
         }
-        if (useSidePanelView && defaultState?.label === dateRangeInner_1.CUSTOM_CALENDAR_ID && currentState?.label === dateRangeInner_1.CUSTOM_CALENDAR_ID &&
-            prevSelection?.label === dateRangeInner_1.CUSTOM_CALENDAR_ID &&
+        if (useSidePanelView && (defaultState === null || defaultState === void 0 ? void 0 : defaultState.label) === dateRangeInner_1.CUSTOM_CALENDAR_ID && (currentState === null || currentState === void 0 ? void 0 : currentState.label) === dateRangeInner_1.CUSTOM_CALENDAR_ID &&
+            (prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.label) === dateRangeInner_1.CUSTOM_CALENDAR_ID &&
             defaultState.from.toISOString() === currentState.from.toISOString() && defaultState.to.toISOString() === currentState.to.toISOString()
             && customDate.from && customDate.to && (customDate.from !== defaultState.from.toISOString() || customDate.to !== defaultState.to.toISOString())) {
             const normalizedDates = (0, normalizeDates_1.normalizeDates)(defaultState.from.toISOString(), defaultState.to.toISOString(), disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
@@ -71,7 +71,7 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
             setPrevSelection(updatedState);
             setCustomDate({ from: newRange.from.toISOString(), to: newRange.to.toISOString() });
         }
-    }, [prevSelection?.label, state, defaultState, useSidePanelView, customDate.from, customDate.to,
+    }, [prevSelection === null || prevSelection === void 0 ? void 0 : prevSelection.label, state, defaultState, useSidePanelView, customDate.from, customDate.to,
         disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, optionsMap]);
     const handleCustomDate = (0, react_1.useCallback)((value) => {
         const isHasError = !value.from || !value.to;
@@ -85,18 +85,10 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
         });
     }, [checkError, lockEndDate, lockStartDate, onChange]);
     const range = (0, react_1.useMemo)(() => ({ from: customDate.from, to: customDate.to }), [customDate.from, customDate.to]);
-    const component = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(DateRangeInnerMemo, { id: `${id}-daterange`, options: options, onOptionSelect: handleDateRangeSelection, onCalendarSelect: hasCustomOption ? handleCustomDate : undefined, selection: selectedRange?.label, range: range, timeSelect: timeSelect, disableFutureDates: disableFutureDates, disablePastDates: disablePastDates, disableDatesBefore: disableDatesBefore, disableDatesAfter: disableDatesAfter }) }), [id, options, handleDateRangeSelection, hasCustomOption, handleCustomDate, selectedRange?.label, range, timeSelect, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter]);
+    const component = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(DateRangeInnerMemo, { id: `${id}-daterange`, options: options, onOptionSelect: handleDateRangeSelection, onCalendarSelect: hasCustomOption ? handleCustomDate : undefined, selection: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label, range: range, timeSelect: timeSelect, disableFutureDates: disableFutureDates, disablePastDates: disablePastDates, disableDatesBefore: disableDatesBefore, disableDatesAfter: disableDatesAfter }) }), [id, options, handleDateRangeSelection, hasCustomOption, handleCustomDate, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label, range, timeSelect, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter]);
     const popup = (0, react_1.useMemo)(() => {
-        const commonProps = {
-            ...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 ?? ""]),
-            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)(dateRange_1.DateRange, { ...commonProps, value: state, onChange: onChange, defaultValue: defaultState, allowUnsetValue: true }) : (0, jsx_runtime_1.jsx)(dateRange_1.DateRange, { ...commonProps, value: state, onChange: onChange, defaultValue: defaultState, allowUnsetValue: false });
+        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)(dateRange_1.DateRange, Object.assign({}, commonProps, { value: state, onChange: onChange, defaultValue: defaultState, allowUnsetValue: true })) : (0, jsx_runtime_1.jsx)(dateRange_1.DateRange, 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) {
         return "";
@@ -116,4 +108,3 @@ exports.TRANSLATIONS = [
     "The start date cannot be empty.",
     "The end date cannot be empty."
 ];
-//# sourceMappingURL=filtersBarPeriodPicker.js.map

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

@@ -24,17 +24,11 @@ const options = {
 function getRangeOption(option, translate, toLocalDateTime, firstDayOfWeek, toReverseOffsetDateTime) {
     if (typeof option === "string") {
         if (options[option]) {
-            return {
-                id: option,
-                ...options[option](translate, toLocalDateTime, firstDayOfWeek, toReverseOffsetDateTime)
-            };
+            return Object.assign({ id: option }, options[option](translate, toLocalDateTime, firstDayOfWeek, toReverseOffsetDateTime));
         }
         return undefined;
     }
-    return {
-        id: option.label,
-        ...option
-    };
+    return Object.assign({ id: option.label }, option);
 }
 exports.getRangeOption = getRangeOption;
 const getSecondaryLabelOptions = (translate) => (["ThisWeek", "NextWeek", "LastWeek", "ThisMonth",
@@ -51,19 +45,14 @@ const getRangeOptionsArray = (initialOptions, translate, toLocalDateTime, firstD
     if (customOptionIndex !== -1) {
         customOption = optionsArray.splice(customOptionIndex, 1)[0];
     }
-    const preparedOptions = optionsArray.map(option => ({ ...option, hasSecondaryLabel: option.hasSecondaryLabel ?? secondaryLabelOptions.includes(option.id) }));
+    const preparedOptions = optionsArray.map(option => { var _a; return (Object.assign(Object.assign({}, option), { hasSecondaryLabel: (_a = option.hasSecondaryLabel) !== null && _a !== void 0 ? _a : secondaryLabelOptions.includes(option.id) })); });
     if (hasCustomOption && !customOption || customOption && !customOption.getRange) {
-        customOption = {
-            id: "Custom",
-            label: translate("Custom"),
-            ...(customGetRangeOptions ? { getRange: customGetRangeOptions } : {}),
-            hasSecondaryLabel: customOption ? customOption.hasSecondaryLabel || false : false
-        };
+        customOption = Object.assign(Object.assign({ id: "Custom", label: translate("Custom") }, (customGetRangeOptions ? { getRange: customGetRangeOptions } : {})), { hasSecondaryLabel: customOption ? customOption.hasSecondaryLabel || false : false });
     }
     if (customOption && isPrevRangeCustom) {
         customOption.getRange = customGetRangeOptions;
     }
-    customOption && preparedOptions.push({ ...customOption, label: translate("Custom") });
+    customOption && preparedOptions.push(Object.assign(Object.assign({}, customOption), { label: translate("Custom") }));
     return preparedOptions;
 };
 exports.getRangeOptionsArray = getRangeOptionsArray;
@@ -77,10 +66,10 @@ const getOptionsPeriodMap = (initialOptions, translate, toLocalDateTime, firstDa
             const range = opt.getRange();
             const key = `${range.from.toISOString()}_${range.to.toISOString()}`;
             if (optionsMap.has(key)) {
-                optionsMap.set(`${key}_${opt.id}`, { ...opt, getRange: () => range });
+                optionsMap.set(`${key}_${opt.id}`, Object.assign(Object.assign({}, opt), { getRange: () => range }));
             }
             else {
-                optionsMap.set(`${key}`, { ...opt, getRange: () => range });
+                optionsMap.set(`${key}`, Object.assign(Object.assign({}, opt), { getRange: () => range }));
             }
             return;
         }
@@ -300,4 +289,3 @@ exports.dateRangeAdjustedFn = {
     [exports.PERIOD_STEP_OPTION]: adjustDateRange,
     [exports.DEFAULT_STEP_OPTION]: adjustDateRange
 };
-//# sourceMappingURL=getRangeOption.js.map

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

@@ -88,4 +88,3 @@ const normalizeDates = (startDate, endDate, disableFutureDates, disablePastDates
     return getAvailableRange(availablePeriod, startDate, endDate, disableDatesBefore, disableDatesAfter);
 };
 exports.normalizeDates = normalizeDates;
-//# sourceMappingURL=normalizeDates.js.map

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

@@ -8,18 +8,17 @@ const filtersBarSidePanelRange_1 = require("../../filtersBarSidePanel/components
 const rangeHelper_1 = require("../../../range/rangeHelper");
 const useUniqueId_1 = require("../../../commonHelpers/useUniqueId");
 const FiltersBarRange = ({ sidePanelTitle, props, state, useSidePanelView, onChange, checkError }) => {
-    const component = (0, jsx_runtime_1.jsx)(range_1.Range, { ...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, useUniqueId_1.useUniqueId)();
     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, { ...props, id: props.id ? `${props.id}-side-panel` : undefined, value: state.value, onChange: newValue => {
+    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 = [];
-//# sourceMappingURL=filtersBarRange.js.map

package/dist/filtersBar/components/filtersBarSearch/filtersBarSearch.js

@@ -9,7 +9,7 @@ exports.FiltersBarSearchDisplayName = "FiltersBarSearch";
 const FiltersBarSearch = ({ className, state, props, sidePanelTitle, useSidePanelView, onChange: onChangeState }) => {
     const inputId = (0, useUniqueId_1.useUniqueId)();
     const filterBarLabelledId = (0, useUniqueId_1.useUniqueId)();
-    const component = (0, jsx_runtime_1.jsx)(searchInputRaw_1.SearchInputRaw, { ...props, id: inputId, onChange: value => onChangeState({ value }), value: state.value, className: className });
+    const component = (0, jsx_runtime_1.jsx)(searchInputRaw_1.SearchInputRaw, Object.assign({}, props, { id: inputId, onChange: value => onChangeState({ value }), value: state.value, className: className }));
     if (!useSidePanelView) {
         return component;
     }
@@ -17,4 +17,3 @@ const FiltersBarSearch = ({ className, state, props, sidePanelTitle, useSidePane
 };
 exports.FiltersBarSearch = FiltersBarSearch;
 exports.FiltersBarSearch.displayName = exports.FiltersBarSearchDisplayName;
-//# sourceMappingURL=filtersBarSearch.js.map

package/dist/filtersBar/components/interfaces.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=interfaces.js.map

package/dist/filtersBar/components/resetComponentButton.js

@@ -11,4 +11,3 @@ const ResetButton = ({ isDefaultState, onClick }) => {
 };
 exports.ResetButton = ResetButton;
 exports.TRANSLATIONS = ["Reset"];
-//# sourceMappingURL=resetComponentButton.js.map

package/dist/filtersBar/filtersBar.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.FiltersBar = exports.FiltersBarDisplayName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./filtersBar.less");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const filtersContainer_1 = require("./filtersContainer/filtersContainer");
 const filtersBarActions_1 = require("./filtersBarActions/filtersBarActions");
@@ -47,7 +46,7 @@ const getCurrentFiltersState = (children) => {
     return state;
 };
 const mergeStates = (initialState, newState) => {
-    const state = { ...initialState };
+    const state = Object.assign({}, initialState);
     Object.keys(newState).forEach(key => {
         if (state[key]) {
             state[key] = newState[key] ? newState[key] : undefined;
@@ -70,11 +69,12 @@ ignoreNewFunctionality, pillName, pillIcon, pillType, toggleAllFilters, getDefau
     const prevIsShouldSync = (0, react_1.useRef)(isMobile && isAllFiltersVisible);
     const prevIsOpen = (0, react_1.useRef)(isAllFiltersVisible);
     (0, react_1.useEffect)(() => {
+        var _a, _b;
         if (!isAllFiltersVisible) {
-            if (!isMobile && allFiltersRef.current?.getAttribute("aria-expanded") === "true") {
+            if (!isMobile && ((_a = allFiltersRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute("aria-expanded")) === "true") {
                 allFiltersRef.current.setAttribute("aria-expanded", "false");
             }
-            if (isMobile && mobileTriggerRef?.current?.getAttribute("aria-expanded") === "true") {
+            if (isMobile && ((_b = mobileTriggerRef === null || mobileTriggerRef === void 0 ? void 0 : mobileTriggerRef.current) === null || _b === void 0 ? void 0 : _b.getAttribute("aria-expanded")) === "true") {
                 mobileTriggerRef.current.setAttribute("aria-expanded", "false");
             }
         }
@@ -138,7 +138,8 @@ ignoreNewFunctionality, pillName, pillIcon, pillType, toggleAllFilters, getDefau
         if (onApplyAllFilters) {
             const newValue = value ? value : sidePanelState;
             const newState = isSidePanel ? Object.keys(newValue).reduce((res, key) => {
-                res[key] = { state: newValue[key]?.state };
+                var _a;
+                res[key] = { state: (_a = newValue[key]) === null || _a === void 0 ? void 0 : _a.state };
                 return res;
             }, {}) : filtersBarState.childrenState;
             isSidePanel && dispatchFiltersBarState({ type: filtersBarReducer_1.FiltersBarStateActionType.ChangeChildrenState, payload: { state: newState, defaultStateFn: getDefaultFiltersState } });
@@ -155,7 +156,7 @@ ignoreNewFunctionality, pillName, pillIcon, pillType, toggleAllFilters, getDefau
             const newState = defaultState[child.props.id];
             const isAllowUnsetValue = child.type === filtersBarPeriodPicker_1.FiltersBarPeriodPicker;
             // @ts-expect-error: Let's ignore a compile error. if value undefined, and a value is passed to the function undefined, it can be passed because the interface is IDateRangeUnsetValue
-            (newState?.state || isAllowUnsetValue) && changeHandler(newState.state);
+            ((newState === null || newState === void 0 ? void 0 : newState.state) || isAllowUnsetValue) && changeHandler(newState.state);
         });
         onClearAllFilters && onClearAllFilters();
         onApplyAllFilters && onApplyAllFilters(defaultState);
@@ -181,7 +182,7 @@ ignoreNewFunctionality, pillName, pillIcon, pillType, toggleAllFilters, getDefau
         pillName, pillIcon, pillType, sidePanelState, filterBarChildren]);
     const noActions = (0, react_1.useMemo)(() => isAllFiltersButtonHidden && (selectedQuantity === undefined && filtersBarState.currentNumberOfChangedFilters === 0 || selectedQuantity === 0)
         && (!isApplyButtonShown || onApplyAllFilters === undefined), [isAllFiltersButtonHidden, selectedQuantity, filtersBarState.currentNumberOfChangedFilters, isApplyButtonShown, onApplyAllFilters]);
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isMobile && (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar", noActions ? "zen-filters-toolbar--no-actions" : "", className ?? ""]), children: [(0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: filterBarChildren }), (0, jsx_runtime_1.jsx)(filtersBarActions_1.FiltersBarActions, { allFiltersRef: allFiltersRef, onShowAllFilters: () => toggleAllFiltersCallback(true), onClearFilters: handleClearClick, selectedQuantity: selectedQuantity !== undefined ? selectedQuantity : filtersBarState.currentNumberOfChangedFilters, selectedQuantityToDisplay: selectedQuantity !== undefined ? selectedQuantity : filtersBarState.numberOfChangedFilters, hideAllFiltersButton: isAllFiltersButtonHidden, onApplyButtonClick: onApplyAllFilters ? handleApplyAllFilters(false) : undefined, isApplyButtonShown: isApplyButtonShown })] }), !isAllFiltersButtonHidden ? sidePanel : null] });
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isMobile && (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar", noActions ? "zen-filters-toolbar--no-actions" : "", className !== null && className !== void 0 ? className : ""]), children: [(0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: filterBarChildren }), (0, jsx_runtime_1.jsx)(filtersBarActions_1.FiltersBarActions, { allFiltersRef: allFiltersRef, onShowAllFilters: () => toggleAllFiltersCallback(true), onClearFilters: handleClearClick, selectedQuantity: selectedQuantity !== undefined ? selectedQuantity : filtersBarState.currentNumberOfChangedFilters, selectedQuantityToDisplay: selectedQuantity !== undefined ? selectedQuantity : filtersBarState.numberOfChangedFilters, hideAllFiltersButton: isAllFiltersButtonHidden, onApplyButtonClick: onApplyAllFilters ? handleApplyAllFilters(false) : undefined, isApplyButtonShown: isApplyButtonShown })] }), !isAllFiltersButtonHidden ? sidePanel : null] });
 };
 exports.FiltersBar = FiltersBar;
 exports.FiltersBar.Search = filtersBarSearch_1.FiltersBarSearch;
@@ -199,4 +200,3 @@ exports.TRANSLATIONS = [...new Set([
         ...filtersBarPeriodPicker_1.TRANSLATIONS,
         ...filtersBarRange_1.TRANSLATIONS
     ]).values()];
-//# sourceMappingURL=filtersBar.js.map

package/dist/filtersBar/filtersBarActions/filtersBarActions.js

@@ -10,12 +10,12 @@ const useLanguage_1 = require("../../utils/localization/useLanguage");
 const iconSettings6_1 = require("../../icons/iconSettings6");
 const FiltersBarActions = ({ className, selectedQuantity, selectedQuantityToDisplay, hideAllFiltersButton, onShowAllFilters, allFiltersRef, onClearFilters, onApplyButtonClick, isApplyButtonShown }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
-    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__actions", className ?? ""]), children: [hideAllFiltersButton
+    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__actions", className !== null && className !== void 0 ? className : ""]), children: [hideAllFiltersButton
                 ? null
-                : (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: buttonType_1.ButtonType.TertiaryBlack, ref: allFiltersRef, className: (0, classNames_1.classNames)(["zen-filters-toolbar__all-filters", className ?? ""]), onClick: onShowAllFilters, icon: iconSettings6_1.IconSettings6, iconPosition: textIconButton_1.ButtonIconPosition.Start, children: (0, jsx_runtime_1.jsxs)("span", { className: "zen-filters-toolbar__action-label", children: [translate("Filters"), selectedQuantityToDisplay && selectedQuantityToDisplay > 0 ? (0, jsx_runtime_1.jsx)("span", { className: "zen-filters-toolbar__action-quantity", children: selectedQuantityToDisplay }) : null] }) }), selectedQuantity && selectedQuantity > 0
-                ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: buttonType_1.ButtonType.TertiaryBlack, onClick: onClearFilters, className: (0, classNames_1.classNames)(["zen-filters-toolbar__all-filters", "zen-filters-toolbar__clear", className ?? ""]), children: (0, jsx_runtime_1.jsx)("span", { className: "zen-filters-toolbar__action-label", children: translate("Clear") }) }))
+                : (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: buttonType_1.ButtonType.TertiaryBlack, ref: allFiltersRef, className: (0, classNames_1.classNames)(["zen-filters-toolbar__all-filters", className !== null && className !== void 0 ? className : ""]), onClick: onShowAllFilters, icon: iconSettings6_1.IconSettings6, iconPosition: textIconButton_1.ButtonIconPosition.Start, children: (0, jsx_runtime_1.jsxs)("span", { className: "zen-filters-toolbar__action-label", children: [translate("Filters"), selectedQuantityToDisplay && selectedQuantityToDisplay > 0 ? (0, jsx_runtime_1.jsx)("span", { className: "zen-filters-toolbar__action-quantity", children: selectedQuantityToDisplay }) : null] }) }), selectedQuantity && selectedQuantity > 0
+                ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: buttonType_1.ButtonType.TertiaryBlack, onClick: onClearFilters, className: (0, classNames_1.classNames)(["zen-filters-toolbar__all-filters", "zen-filters-toolbar__clear", className !== null && className !== void 0 ? className : ""]), children: (0, jsx_runtime_1.jsx)("span", { className: "zen-filters-toolbar__action-label", children: translate("Clear") }) }))
                 : null, onApplyButtonClick && isApplyButtonShown
-                ? ((0, jsx_runtime_1.jsx)(button_1.Button, { title: translate("Apply"), className: (0, classNames_1.classNames)(["zen-filters-toolbar__apply", className ?? ""]), type: buttonType_1.ButtonType.Primary, onClick: onApplyButtonClick, children: translate("Apply") }))
+                ? ((0, jsx_runtime_1.jsx)(button_1.Button, { title: translate("Apply"), className: (0, classNames_1.classNames)(["zen-filters-toolbar__apply", className !== null && className !== void 0 ? className : ""]), type: buttonType_1.ButtonType.Primary, onClick: onApplyButtonClick, children: translate("Apply") }))
                 : null] });
 };
 exports.FiltersBarActions = FiltersBarActions;
@@ -24,4 +24,3 @@ exports.TRANSLATIONS = [
     "Clear",
     "Search"
 ];
-//# sourceMappingURL=filtersBarActions.js.map

package/dist/filtersBar/filtersBarInterfaces.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=filtersBarInterfaces.js.map

package/dist/filtersBar/filtersBarProvider.js

@@ -10,7 +10,8 @@ exports.FiltersBarContext = (0, react_1.createContext)({
 const FiltersBarContextProvider = ({ value, children }) => {
     const filtersBarToggleAllFiltersRef = (0, react_1.useRef)(null);
     const setFiltersBarToggleFn = (0, react_1.useCallback)((fn) => {
-        if (filtersBarToggleAllFiltersRef.current?.fn !== fn) {
+        var _a;
+        if (((_a = filtersBarToggleAllFiltersRef.current) === null || _a === void 0 ? void 0 : _a.fn) !== fn) {
             filtersBarToggleAllFiltersRef.current = { fn: fn };
             setTimeout(() => {
                 value.setFiltersBarToggleAllFiltersFn({ fn: fn });
@@ -25,4 +26,3 @@ const useFiltersBarComponent = () => {
     return { setFiltersBarToggleAllFiltersFn, onUpdateNumberOfChangedFiltersFn };
 };
 exports.useFiltersBarComponent = useFiltersBarComponent;
-//# sourceMappingURL=filtersBarProvider.js.map

package/dist/filtersBar/filtersBarProviderSearch.js

@@ -29,4 +29,3 @@ const useSearchComponent = () => {
     return { setSearchComponent };
 };
 exports.useSearchComponent = useSearchComponent;
-//# sourceMappingURL=filtersBarProviderSearch.js.map

package/dist/filtersBar/filtersBarProviderTrigger.js

@@ -6,11 +6,10 @@ const react_1 = require("react");
 exports.TriggerContext = (0, react_1.createContext)({
     triggerComponent: null
 });
-const TriggerContextProvider = ({ value, children }) => (0, jsx_runtime_1.jsx)(exports.TriggerContext.Provider, { value: { ...value }, children: children });
+const TriggerContextProvider = ({ value, children }) => (0, jsx_runtime_1.jsx)(exports.TriggerContext.Provider, { value: Object.assign({}, value), children: children });
 exports.TriggerContextProvider = TriggerContextProvider;
 const useMobileTrigger = () => {
     const { triggerComponent } = (0, react_1.useContext)(exports.TriggerContext);
     return { mobileTriggerRef: triggerComponent };
 };
 exports.useMobileTrigger = useMobileTrigger;
-//# sourceMappingURL=filtersBarProviderTrigger.js.map

package/dist/filtersBar/filtersBarReducer.js

@@ -24,25 +24,14 @@ function filtersBarReducer(state, action) {
         const newChildrenState = action.payload.state;
         const newDefaultFiltersStateFn = action.payload.defaultStateFn;
         const newNumberOfChangedFilters = (0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(newDefaultFiltersStateFn(), newChildrenState);
-        return {
-            ...state,
-            childrenState: newChildrenState,
-            getDefaultFiltersState: newDefaultFiltersStateFn,
-            currentNumberOfChangedFilters: newNumberOfChangedFilters,
-            numberOfChangedFilters: state.allowCurrentNumberUpdates ? newNumberOfChangedFilters : state.numberOfChangedFilters
-        };
+        return Object.assign(Object.assign({}, state), { childrenState: newChildrenState, getDefaultFiltersState: newDefaultFiltersStateFn, currentNumberOfChangedFilters: newNumberOfChangedFilters, numberOfChangedFilters: state.allowCurrentNumberUpdates ? newNumberOfChangedFilters : state.numberOfChangedFilters });
     }
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (action.type === FiltersBarStateActionType.UpdateNumber) {
         const newChildrenState = action.payload;
         const newNumberOfChangedFilters = (0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(state.getDefaultFiltersState(), newChildrenState);
-        return { ...state,
-            childrenState: newChildrenState,
-            prevChildrenState: newChildrenState,
-            currentNumberOfChangedFilters: newNumberOfChangedFilters,
-            numberOfChangedFilters: newNumberOfChangedFilters };
+        return Object.assign(Object.assign({}, state), { childrenState: newChildrenState, prevChildrenState: newChildrenState, currentNumberOfChangedFilters: newNumberOfChangedFilters, numberOfChangedFilters: newNumberOfChangedFilters });
     }
     return state;
 }
 exports.filtersBarReducer = filtersBarReducer;
-//# sourceMappingURL=filtersBarReducer.js.map

package/dist/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelCheckboxGroup/filtersBarSidePanelCheckboxGroup.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FiltersBarSidePanelCheckboxGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./filtersBarSidePanelCheckboxGroup.less");
 const checkbox_1 = require("../../../../checkbox/checkbox");
 const react_1 = require("react");
 const useUniqueId_1 = require("../../../../commonHelpers/useUniqueId");
@@ -20,4 +19,3 @@ const FiltersBarSidePanelCheckboxGroup = ({ name, items, selectedItems, onChange
     return (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-checkbox-group", children: items.map((item, index) => (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { id: `${checkboxGroupName}_id_${index}`, className: "zen-side-panel-checkbox-group__checkbox", value: item.value, fullWidth: true, name: checkboxGroupName, disabled: item.disabled, title: item.title, checked: selectedItemsSet.has(item.value), onChange: onChangeHandler, children: item.children }, `${checkboxGroupName}_key_${index}`)) });
 };
 exports.FiltersBarSidePanelCheckboxGroup = FiltersBarSidePanelCheckboxGroup;
-//# sourceMappingURL=filtersBarSidePanelCheckboxGroup.js.map

package/dist/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox.js

@@ -40,12 +40,11 @@ const FiltersBarSidePanelDropdownWithCheckbox = ({ props, state, onChange, getDa
         setSelection(state.selected);
         setCheckboxValue(state.isChecked);
     }, [checkboxValue, isCurrentAllSelected, isFullSelectionMode, selection, state]);
-    const checkboxFreeComponent = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...props, checkboxLabel: undefined, getData: customGetDataFn, value: { selected: Array.from(selection), isAllSelected: isCurrentAllSelected || false }, onChange: onChangeFullSelectionCheckboxFree, defaultValue: typeof props.defaultValue !== "undefined" ?
+    const checkboxFreeComponent = isFullSelectionMode ? ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, props, { checkboxLabel: undefined, getData: customGetDataFn, value: { selected: Array.from(selection), isAllSelected: isCurrentAllSelected || false }, onChange: onChangeFullSelectionCheckboxFree, defaultValue: typeof props.defaultValue !== "undefined" ?
             { selected: props.defaultValue.selected, isAllSelected: props.defaultValue.isAllSelected || false }
-            : undefined, multiselect: true, selectAllButton: true })) : ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...props, checkboxLabel: undefined, getData: customGetDataFn, value: Array.from(selection), onChange: onChangeCheckboxFree, defaultValue: typeof props.defaultValue !== "undefined" ?
+            : undefined, multiselect: true, selectAllButton: true }))) : ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, props, { checkboxLabel: undefined, getData: customGetDataFn, value: Array.from(selection), onChange: onChangeCheckboxFree, defaultValue: typeof props.defaultValue !== "undefined" ?
             props.defaultValue.selected
-            : undefined }));
+            : undefined })));
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [checkboxFreeComponent, (0, jsx_runtime_1.jsx)("div", { className: "zen-filters-bar-dropdown-with-checkbox__side-panel-checkbox", children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: checkboxValue, onChange: handleCheckboxChange, children: props.checkboxLabel }) })] });
 };
 exports.FiltersBarSidePanelDropdownWithCheckbox = FiltersBarSidePanelDropdownWithCheckbox;
-//# sourceMappingURL=filtersBarSidePanelDropdownWithCheckbox.js.map