@geotab/zenith 1.26.2 → 1.26.4-beta.0

package/dist/feedbackContainer/feedbackContainer.js

@@ -32,7 +32,6 @@ const react_dom_1 = require("react-dom");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const toastRaw_1 = require("../toastRaw/toastRaw");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./feedbackContainer.less");
 const getAlertAnimation_1 = require("./utils/getAlertAnimation");
 const getToastAnimation_1 = require("./utils/getToastAnimation");
 const FeedbackContainer = () => {
@@ -70,4 +69,3 @@ const FeedbackContainer = () => {
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isAPIMode && alertsPortal, !isAPIMode && toastsPortal] });
 };
 exports.FeedbackContainer = FeedbackContainer;
-//# sourceMappingURL=feedbackContainer.js.map

package/dist/feedbackContainer/feedbackContext.js

@@ -26,4 +26,3 @@ exports.FeedbackContext = (0, react_1.createContext)({
     activeFeedback: null,
     mode: null
 });
-//# sourceMappingURL=feedbackContext.js.map

package/dist/feedbackContainer/hooks/useFeedbackAlert.js

@@ -197,4 +197,3 @@ const useFeedbackAlert = ({ setActiveFeedback, mode }) => {
     return { alerts, alertsAnimation, removedAlertId, alertsQueue, addAlert, removeAlert, startAlertAnimation, finishAlertAnimation, apiAlertActions, setApiAlertActions };
 };
 exports.useFeedbackAlert = useFeedbackAlert;
-//# sourceMappingURL=useFeedbackAlert.js.map

package/dist/feedbackContainer/hooks/useFeedbackAlertState.js

@@ -24,4 +24,3 @@ const useFeedbackAlertState = () => {
     };
 };
 exports.useFeedbackAlertState = useFeedbackAlertState;
-//# sourceMappingURL=useFeedbackAlertState.js.map

package/dist/feedbackContainer/hooks/useFeedbackToast.js

@@ -214,4 +214,3 @@ const useFeedbackToast = ({ setActiveFeedback, mode = "default" }) => {
     };
 };
 exports.useFeedbackToast = useFeedbackToast;
-//# sourceMappingURL=useFeedbackToast.js.map

package/dist/feedbackContainer/hooks/useFeedbackToastState.js

@@ -24,4 +24,3 @@ const useFeedbackToastState = () => {
     };
 };
 exports.useFeedbackToastState = useFeedbackToastState;
-//# sourceMappingURL=useFeedbackToastState.js.map

package/dist/feedbackContainer/types.js

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

package/dist/feedbackContainer/utils/addZenithAlert.js

@@ -10,4 +10,3 @@ const addZenithAlert = (event, addAlert) => {
     addAlert(alert);
 };
 exports.addZenithAlert = addZenithAlert;
-//# sourceMappingURL=addZenithAlert.js.map

package/dist/feedbackContainer/utils/getAlertAnimation.js

@@ -26,4 +26,3 @@ const getAlertAnimation = (isAdded, indx, removedId, isMobile, activeFeedback) =
     return "bottom-top";
 };
 exports.getAlertAnimation = getAlertAnimation;
-//# sourceMappingURL=getAlertAnimation.js.map

package/dist/feedbackContainer/utils/getToastAnimation.js

@@ -27,4 +27,3 @@ const getToastAnimation = (isAdded, indx, removedId, toastLength, isMobile, acti
     return "top-bottom";
 };
 exports.getToastAnimation = getToastAnimation;
-//# sourceMappingURL=getToastAnimation.js.map

package/dist/feedbackContainer/utils/isAlertValid.js

@@ -9,4 +9,3 @@ const isAlertValid = (alert) => {
     return true;
 };
 exports.isAlertValid = isAlertValid;
-//# sourceMappingURL=isAlertValid.js.map

package/dist/feedbackContainer/utils/isToastValid.js

@@ -9,4 +9,3 @@ const isToastValid = (toast) => {
     return true;
 };
 exports.isToastValid = isToastValid;
-//# sourceMappingURL=isToastValid.js.map

package/dist/feedbackContainer/utils/removeZenithAlert.js

@@ -9,4 +9,3 @@ const removeZenithAlert = (event, removeAlert) => {
     removeAlert(id);
 };
 exports.removeZenithAlert = removeZenithAlert;
-//# sourceMappingURL=removeZenithAlert.js.map

package/dist/feedbackProvider/feedbackProvider.js

@@ -65,4 +65,3 @@ const FeedbackProvider = ({ children, mode }) => {
         }, children: [children, (0, jsx_runtime_1.jsx)(feedbackContainer_1.FeedbackContainer, {})] }));
 };
 exports.FeedbackProvider = FeedbackProvider;
-//# sourceMappingURL=feedbackProvider.js.map

package/dist/feedbackProvider/hooks/useWarning.js

@@ -11,4 +11,3 @@ const useWarning = ({ mode, name }) => {
     }, [name, mode]);
 };
 exports.useWarning = useWarning;
-//# sourceMappingURL=useWarning.js.map

package/dist/feedbackProvider/utils/getDefaultProviderMode.js

@@ -19,4 +19,3 @@ const getDefaultProviderMode = (mode) => {
     return "default";
 };
 exports.getDefaultProviderMode = getDefaultProviderMode;
-//# sourceMappingURL=getDefaultProviderMode.js.map

package/dist/feedbackProvider/utils/getNotInitializedMessage.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNotInitializedMessage = void 0;
 const getNotInitializedMessage = (component = "") => `'FeedbackProvider' is not initialized. To make sure that ${component} work correctly please wrap your app with 'FeedbackProvider'.`;
 exports.getNotInitializedMessage = getNotInitializedMessage;
-//# sourceMappingURL=getNotInitializedMessage.js.map

package/dist/filterButton/filterButton.js

@@ -1,16 +1,27 @@
 "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.FilterButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./filterButton.less");
 const iconChevronDownSmall_1 = require("../icons/iconChevronDownSmall");
 const button_1 = require("../button/button");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const useDrive_1 = require("../utils/theme/useDrive");
 // eslint-disable-next-line @typescript-eslint/naming-convention
-exports.FilterButton = (0, react_1.forwardRef)((function FilterButton({ id, title, disabled, quantity, className, children, onClick, onMouseOver, onMouseOut, fullWidth, maxWidth, minWidth, isActive = false, type = "secondary", ariaLabel, ...other }, ref) {
+exports.FilterButton = (0, react_1.forwardRef)((function FilterButton(_a, ref) {
+    var { id, title, disabled, quantity, className, children, onClick, onMouseOver, onMouseOut, fullWidth, maxWidth, minWidth, isActive = false, type = "secondary", ariaLabel } = _a, other = __rest(_a, ["id", "title", "disabled", "quantity", "className", "children", "onClick", "onMouseOver", "onMouseOut", "fullWidth", "maxWidth", "minWidth", "isActive", "type", "ariaLabel"]);
     const driveComponentClass = (0, useDriveClassName_1.useDriveClassName)("zen-filter-button");
     const isDrive = (0, useDrive_1.useDrive)();
     const hasQuantity = typeof quantity === "number";
@@ -18,14 +29,13 @@ exports.FilterButton = (0, react_1.forwardRef)((function FilterButton({ id, titl
     const onClickEvent = (0, react_1.useMemo)(() => onClick
         ? (e) => onClick(e.nativeEvent)
         : () => { }, [onClick]);
-    const inlineStyle = (0, react_1.useMemo)(() => maxWidth || minWidth ? { style: { ...(maxWidth ? { maxWidth: `${maxWidth}px` } : {}), ...(minWidth ? { minWidth: `${minWidth}px` } : {}) } } : {}, [maxWidth, minWidth]);
-    return (0, jsx_runtime_1.jsxs)(button_1.Button, { id: id, title: title, disabled: disabled, type: type, className: (0, classNames_1.classNames)([
+    const inlineStyle = (0, react_1.useMemo)(() => maxWidth || minWidth ? { style: Object.assign(Object.assign({}, (maxWidth ? { maxWidth: `${maxWidth}px` } : {})), (minWidth ? { minWidth: `${minWidth}px` } : {})) } : {}, [maxWidth, minWidth]);
+    return (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ id: id, title: title, disabled: disabled, type: type, className: (0, classNames_1.classNames)([
             "zen-filter-button",
             driveComponentClass || "",
             `zen-filter-button--${type}`,
             className || "",
             isActive ? "zen-filter-button--active" : "",
             fullWidth ? "zen-filter-button--full-width" : ""
-        ]), onClick: onClickEvent, onMouseOver: onMouseOver, onMouseOut: onMouseOut, ref: ref, htmlType: "button", "aria-label": ariaLabel, ...inlineStyle, ...other, children: [children ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-filter-button__label", "zen-ellipsis", fullWidth ? "zen-filter-button__label--full-width" : ""]), children: children }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-filter-button__tags", children: [hasQuantity ? (0, jsx_runtime_1.jsx)("div", { className: "zen-filter-button__quantity", children: isLargeNumber ? "99+" : quantity }) : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-filter-button__icon", children: (0, jsx_runtime_1.jsx)(iconChevronDownSmall_1.IconChevronDownSmall, { size: isDrive ? "huge" : "large" }) })] })] });
+        ]), onClick: onClickEvent, onMouseOver: onMouseOver, onMouseOut: onMouseOut, ref: ref, htmlType: "button", "aria-label": ariaLabel }, inlineStyle, other, { children: [children ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-filter-button__label", "zen-ellipsis", fullWidth ? "zen-filter-button__label--full-width" : ""]), children: children }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-filter-button__tags", children: [hasQuantity ? (0, jsx_runtime_1.jsx)("div", { className: "zen-filter-button__quantity", children: isLargeNumber ? "99+" : quantity }) : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-filter-button__icon", children: (0, jsx_runtime_1.jsx)(iconChevronDownSmall_1.IconChevronDownSmall, { size: isDrive ? "huge" : "large" }) })] })] }));
 }));
-//# sourceMappingURL=filterButton.js.map

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