@geotab/zenith 1.26.2 → 1.26.4-beta.0

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

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

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FiltersBarSidePanelRadioGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./filtersBarSidePanelRadioGroup.less");
 const radioGroup_1 = require("../../../../radioGroup/radioGroup");
 const useUniqueId_1 = require("../../../../commonHelpers/useUniqueId");
 const FiltersBarSidePanelRadioGroup = (props) => {
     const name = (0, useUniqueId_1.useUniqueId)();
-    return (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-radio-group", children: (0, jsx_runtime_1.jsx)(radioGroup_1.RadioGroup, { ...props, className: "zen-side-panel-radio-group__item", fullWidth: true, name: name }) });
+    return (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-radio-group", children: (0, jsx_runtime_1.jsx)(radioGroup_1.RadioGroup, Object.assign({}, props, { className: "zen-side-panel-radio-group__item", fullWidth: true, name: name })) });
 };
 exports.FiltersBarSidePanelRadioGroup = FiltersBarSidePanelRadioGroup;
-//# sourceMappingURL=filtersBarSidePanelRadioGroup.js.map

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FiltersBarSidePanelRange = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./filtersBarSidePanelRange.less");
 const classNames_1 = require("../../../../commonHelpers/classNames/classNames");
 const rangeHelper_1 = require("../../../../range/rangeHelper");
 const useLanguage_1 = require("../../../../utils/localization/useLanguage");
@@ -60,4 +59,3 @@ const FiltersBarSidePanelRange = ({ className, id, onChange, value, unit, min, m
                 : null] });
 };
 exports.FiltersBarSidePanelRange = FiltersBarSidePanelRange;
-//# sourceMappingURL=filtersBarSidePanelRange.js.map

package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js

@@ -18,7 +18,6 @@ const textIconButton_2 = require("../../textIconButton/textIconButton");
 const button_1 = require("../../button/button");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const sidePanelReducer_1 = require("./sidePanelReducer");
-require("./filtersBarSidePanel.less");
 const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
 const useBodyScroll_1 = require("../../utils/useBodyScroll");
 const footerButtons_1 = require("../../footerButtons/footerButtons");
@@ -31,6 +30,7 @@ const getChangeHandlers = (children) => {
     return handlers;
 };
 const FiltersBarSidePanel = ({ isOpen, className, children, triggerRef, parentElement, pillName, pillIcon, pillType = "info", onClosePanel, getDefaultFiltersState, state, dispatch, onApplyAllFilters }) => {
+    var _a;
     const { translate } = (0, useLanguage_1.useLanguage)();
     const isLongTextLanguages = (0, react_1.useMemo)(() => `${translate("Reset All")}${translate("Cancel")}${translate("Apply")}`.length > 31, [translate]);
     const dataShieldId = (0, useUniqueId_1.useUniqueId)();
@@ -70,21 +70,13 @@ const FiltersBarSidePanel = ({ isOpen, className, children, triggerRef, parentEl
         if (element.type === filtersBarRange_1.FiltersBarRange || element.type === filtersBarPeriodPicker_1.FiltersBarPeriodPicker) {
             hasCheckError = true;
         }
-        return (0, react_1.cloneElement)(child, {
-            ...element.props,
-            useSidePanelView: true,
-            id: element.props.id + "-side-panel",
-            state: (0, utils_1.deepClone)(childState.state),
-            key: element.props.id + "-side-panelKey",
-            onChange: (newState) => onChangeState(element.props.id, newState),
-            ...(hasCheckError ? { checkError: (hasError) => onHasErrorState(element.props.id, hasError) } : {})
-        });
+        return (0, react_1.cloneElement)(child, Object.assign(Object.assign(Object.assign({}, element.props), { useSidePanelView: true, id: element.props.id + "-side-panel", state: (0, utils_1.deepClone)(childState.state), key: element.props.id + "-side-panelKey", onChange: (newState) => onChangeState(element.props.id, newState) }), (hasCheckError ? { checkError: (hasError) => onHasErrorState(element.props.id, hasError) } : {})));
     }), [children, state, isMobile, onChangeState, onHasErrorState]);
     const onApplyFilters = (0, react_1.useCallback)(() => {
         let isHasError = false;
         Object.keys(state).forEach((key) => {
             const resultState = state[key];
-            if (resultState?.hasError) {
+            if (resultState === null || resultState === void 0 ? void 0 : resultState.hasError) {
                 isHasError = true;
             }
         });
@@ -92,11 +84,11 @@ const FiltersBarSidePanel = ({ isOpen, className, children, triggerRef, parentEl
         if (isHasError) {
             return;
         }
-        onApplyAllFilters && onApplyAllFilters({ ...state });
+        onApplyAllFilters && onApplyAllFilters(Object.assign({}, state));
         Object.keys(state).forEach((key) => {
             const resultState = state[key];
             const changeHandler = onChangeHandlers[key];
-            changeHandler?.(resultState?.state);
+            changeHandler === null || changeHandler === void 0 ? void 0 : changeHandler(resultState === null || resultState === void 0 ? void 0 : resultState.state);
         });
         onClosePanel();
     }, [state, onApplyAllFilters, onClosePanel, onChangeHandlers]);
@@ -104,10 +96,11 @@ const FiltersBarSidePanel = ({ isOpen, className, children, triggerRef, parentEl
         const defaultState = getDefaultFiltersState();
         dispatch({ type: sidePanelReducer_1.StateActionType.Reset, payload: defaultState });
     }, [getDefaultFiltersState, dispatch]);
-    const applyDisabled = (0, react_1.useMemo)(() => Object.values(state).map(el => el?.hasError).filter(el => el).length > 0, [state]);
+    const applyDisabled = (0, react_1.useMemo)(() => Object.values(state).map(el => el === null || el === void 0 ? void 0 : el.hasError).filter(el => el).length > 0, [state]);
     const handleReadyForFocus = (0, react_1.useCallback)((isCurrentOpen) => {
+        var _a;
         if (!isCurrentOpen) {
-            triggerRef.current?.focus();
+            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             return;
         }
     }, [triggerRef]);
@@ -126,7 +119,7 @@ const FiltersBarSidePanel = ({ isOpen, className, children, triggerRef, parentEl
         }
         return () => { handleClose(); };
     }, [isOpen, setScrollHidden, resetScroll]);
-    return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shield_1.Shield, { className: "zen-high-level-shield", dataShieldId: dataShieldId, isVisible: isOpen }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { triggerRef: triggerRef, isOpen: isOpen, label: translate("All Filters"), onHidePanel: onCloseAction, className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar", dark ? "zen-dark" : "", className ?? ""]), onTransitionEnd: handleReadyForFocus, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__title-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title zen-ellipsis", children: translate("All Filters") }), pillName ? (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title-pill", children: (0, jsx_runtime_1.jsx)(pill_1.Pill, { type: pillType, icon: pillIcon, children: pillName }) }) : null] }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: "tertiary-black", className: "zen-side-panel-filters-bar__close-button", icon: iconClose_1.IconClose, iconSize: "large", onClick: onClosePanel, iconPosition: textIconButton_2.ButtonIconPosition.Start, title: translate("Close") })] }), (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__content", children: newChildren }), (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar__footer", isMobile ? "zen-side-panel-filters-bar__footer--mobile" : "", isLongTextLanguages && !isMobile ? "zen-side-panel-filters-bar__footer--long-text" : ""]), children: isMobile ? (0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__apply-button", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__cancel-button", type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__clear-button", onClick: onResetFilters, type: "tertiary", children: translate("Reset All") })] }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__footer-section", children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary", className: "zen-side-panel-filters-bar__clear-button", onClick: onResetFilters, children: translate("Reset All") }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__footer-section", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__cancel-button", type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__apply-button zen-side-panel-filters-bar__apply-button--desktop", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") })] })] }) })] }) }), parentElement ?? document.fullscreenElement ?? document.body)] });
+    return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shield_1.Shield, { className: "zen-high-level-shield", dataShieldId: dataShieldId, isVisible: isOpen }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { triggerRef: triggerRef, isOpen: isOpen, label: translate("All Filters"), onHidePanel: onCloseAction, className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar", dark ? "zen-dark" : "", className !== null && className !== void 0 ? className : ""]), onTransitionEnd: handleReadyForFocus, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__title-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title zen-ellipsis", children: translate("All Filters") }), pillName ? (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title-pill", children: (0, jsx_runtime_1.jsx)(pill_1.Pill, { type: pillType, icon: pillIcon, children: pillName }) }) : null] }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: "tertiary-black", className: "zen-side-panel-filters-bar__close-button", icon: iconClose_1.IconClose, iconSize: "large", onClick: onClosePanel, iconPosition: textIconButton_2.ButtonIconPosition.Start, title: translate("Close") })] }), (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__content", children: newChildren }), (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar__footer", isMobile ? "zen-side-panel-filters-bar__footer--mobile" : "", isLongTextLanguages && !isMobile ? "zen-side-panel-filters-bar__footer--long-text" : ""]), children: isMobile ? (0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__apply-button", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__cancel-button", type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__clear-button", onClick: onResetFilters, type: "tertiary", children: translate("Reset All") })] }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__footer-section", children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary", className: "zen-side-panel-filters-bar__clear-button", onClick: onResetFilters, children: translate("Reset All") }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__footer-section", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__cancel-button", type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__apply-button zen-side-panel-filters-bar__apply-button--desktop", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") })] })] }) })] }) }), (_a = parentElement !== null && parentElement !== void 0 ? parentElement : document.fullscreenElement) !== null && _a !== void 0 ? _a : document.body)] });
 };
 exports.FiltersBarSidePanel = FiltersBarSidePanel;
 const FiltersBarSidePanelContainer = (_) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
@@ -138,4 +131,3 @@ exports.TRANSLATIONS = [
     "Close",
     "Cancel"
 ];
-//# sourceMappingURL=filtersBarSidePanel.js.map

package/dist/filtersBar/filtersBarSidePanel/hooks/useDirection.js

@@ -30,4 +30,3 @@ const useDirection = (direction) => {
     return { directionState: directionState || "row", setContainerNode };
 };
 exports.useDirection = useDirection;
-//# sourceMappingURL=useDirection.js.map

package/dist/filtersBar/filtersBarSidePanel/sidePanelReducer.js

@@ -15,20 +15,20 @@ function sidePanelReducer(state, action) {
             const stateById = payloadHash[id];
             const currStateById = state[id];
             if (stateById && currStateById) {
-                res[id] = { ...currStateById, ...stateById, hasError: false };
+                res[id] = Object.assign(Object.assign(Object.assign({}, currStateById), stateById), { hasError: false });
             }
             return res;
         }, {});
-        return { ...state.state, ...updatedState };
+        return Object.assign(Object.assign({}, state.state), updatedState);
     }
     if (action.type === StateActionType.SetError) {
         const payloadHash = action.payload.id;
         const payloadValue = action.payload.value;
-        const updatedState = state[payloadHash] ? { ...state, [payloadHash]: { ...state[payloadHash], hasError: payloadValue } } : {};
-        return { ...state, ...updatedState };
+        const updatedState = state[payloadHash] ? Object.assign(Object.assign({}, state), { [payloadHash]: Object.assign(Object.assign({}, state[payloadHash]), { hasError: payloadValue }) }) : {};
+        return Object.assign(Object.assign({}, state), updatedState);
     }
     if (action.type === StateActionType.Reinitialize) {
-        return { ...state, ...action.payload };
+        return Object.assign(Object.assign({}, state), action.payload);
     }
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (action.type === StateActionType.Change) {
@@ -38,10 +38,9 @@ function sidePanelReducer(state, action) {
             return state;
         }
         const payloadState = action.payload.value;
-        const newState = { ...state, [id]: { ...currentState, ...payloadState } };
+        const newState = Object.assign(Object.assign({}, state), { [id]: Object.assign(Object.assign({}, currentState), payloadState) });
         return newState;
     }
     return state;
 }
 exports.sidePanelReducer = sidePanelReducer;
-//# sourceMappingURL=sidePanelReducer.js.map

package/dist/filtersBar/filtersContainer/filtersContainer.js

@@ -91,11 +91,10 @@ const FiltersContainer = ({ className, children }) => {
         const childComponent = (0, react_1.cloneElement)(child, { useSidePanelView: false });
         return (0, jsx_runtime_1.jsx)("div", { className: "zen-filters-toolbar__filters-item", children: childComponent }, `filtersBarItem_${index}`);
     });
-    return filtersForRender.length ? (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__filters-container", className ?? "", `zen-filters-toolbar__filters-container--${scrollButtonType || "none"}`]), children: [scrollButtonType === "start" || scrollButtonType === "both" ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__gradient", driveClassNameGradient || "", "zen-filters-toolbar__gradient--left"]) }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { title: translate("Scroll left"), className: (0, classNames_1.classNames)(["zen-filters-toolbar__scroller", driveClassNameScroller || "", "zen-filters-toolbar__start"]), icon: iconChevronRight_1.IconChevronRight, iconPosition: textIconButton_1.ButtonIconPosition.Start, onClick: handleScrollButtonClick(scrollableRef.current, -scrollableStep), iconClasses: "zen-filters-toolbar__start-icon" })] }) : null, (0, jsx_runtime_1.jsx)("div", { ref: scrollableRef, className: "zen-filters-toolbar__scrollable", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-filters-toolbar__filters", children: filtersForRender }) }), scrollButtonType === "end" || scrollButtonType === "both" ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__gradient", driveClassNameGradient || "", "zen-filters-toolbar__gradient--right"]) }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { title: translate("Scroll right"), className: (0, classNames_1.classNames)(["zen-filters-toolbar__scroller", driveClassNameScroller || "", "zen-filters-toolbar__end"]), icon: iconChevronRight_1.IconChevronRight, onClick: handleScrollButtonClick(scrollableRef.current, scrollableStep), iconPosition: textIconButton_1.ButtonIconPosition.End })] }) : null] }) : null;
+    return filtersForRender.length ? (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__filters-container", className !== null && className !== void 0 ? className : "", `zen-filters-toolbar__filters-container--${scrollButtonType || "none"}`]), children: [scrollButtonType === "start" || scrollButtonType === "both" ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__gradient", driveClassNameGradient || "", "zen-filters-toolbar__gradient--left"]) }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { title: translate("Scroll left"), className: (0, classNames_1.classNames)(["zen-filters-toolbar__scroller", driveClassNameScroller || "", "zen-filters-toolbar__start"]), icon: iconChevronRight_1.IconChevronRight, iconPosition: textIconButton_1.ButtonIconPosition.Start, onClick: handleScrollButtonClick(scrollableRef.current, -scrollableStep), iconClasses: "zen-filters-toolbar__start-icon" })] }) : null, (0, jsx_runtime_1.jsx)("div", { ref: scrollableRef, className: "zen-filters-toolbar__scrollable", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-filters-toolbar__filters", children: filtersForRender }) }), scrollButtonType === "end" || scrollButtonType === "both" ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-filters-toolbar__gradient", driveClassNameGradient || "", "zen-filters-toolbar__gradient--right"]) }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { title: translate("Scroll right"), className: (0, classNames_1.classNames)(["zen-filters-toolbar__scroller", driveClassNameScroller || "", "zen-filters-toolbar__end"]), icon: iconChevronRight_1.IconChevronRight, onClick: handleScrollButtonClick(scrollableRef.current, scrollableStep), iconPosition: textIconButton_1.ButtonIconPosition.End })] }) : null] }) : null;
 };
 exports.FiltersContainer = FiltersContainer;
 exports.TRANSLATIONS = [
     "Scroll left",
     "Scroll right"
 ];
-//# sourceMappingURL=filtersContainer.js.map

package/dist/filtersBar/utils/getNumberOfChangedFilters.js

@@ -36,4 +36,3 @@ function getNumberOfChangedFilters(defaultState, newState) {
     return changes;
 }
 exports.getNumberOfChangedFilters = getNumberOfChangedFilters;
-//# sourceMappingURL=getNumberOfChangedFilters.js.map

package/dist/filtersBar/utils/isCustomElementValid.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isCustomElementValid = void 0;
 const isCustomElementValid = (el) => !!(el && el.props && el.props.id && el.props.state && el.props.onChange);
 exports.isCustomElementValid = isCustomElementValid;
-//# sourceMappingURL=isCustomElementValid.js.map

package/dist/footerButtons/footerButtons.js

@@ -27,7 +27,6 @@ exports.FooterButtons = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./footerButtons.less");
 const useUniqueId_1 = require("../commonHelpers/useUniqueId");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const getChildren = (children) => {
@@ -66,4 +65,3 @@ const FooterButtons = ({ className, children, stacked = true, isSticky = false }
     return (0, jsx_runtime_1.jsx)("div", { className: containerClassNames, children: childrenArray });
 };
 exports.FooterButtons = FooterButtons;
-//# sourceMappingURL=footerButtons.js.map

package/dist/formField/formField.js

@@ -1,4 +1,15 @@
 "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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,17 +18,16 @@ exports.FormField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./formField.less");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const formFieldError_1 = require("../formFieldError/formFieldError");
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const FormField = function formFieldInner(WrappedComponent) {
     const innerFormField = react_1.default.forwardRef((props, ref) => {
-        const { className, inputClassName, error, assistive, counter, ...rest } = props;
+        const { className, inputClassName, error, assistive, counter } = props, rest = __rest(props, ["className", "inputClassName", "error", "assistive", "counter"]);
         const driveTextClass = (0, useDriveClassName_1.useDriveClassName)("zen-form-field__text");
         const showAdditionalInfo = error || assistive || counter;
         const componentClassName = (0, classNames_1.classNames)(["zen-form-field__input", inputClassName || ""]);
-        return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-form-field", className || ""]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-field__input-container", children: (0, jsx_runtime_1.jsx)(WrappedComponent, { ...rest, className: componentClassName, ref: ref, isError: !!error }) }), showAdditionalInfo ?
+        return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-form-field", className || ""]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-field__input-container", children: (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, rest, { className: componentClassName, ref: ref, isError: !!error })) }), showAdditionalInfo ?
                     (0, jsx_runtime_1.jsxs)("div", { className: "zen-form-field__secondary", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
                                     "zen-form-field__text",
                                     driveTextClass || "",
@@ -31,4 +41,3 @@ const FormField = function formFieldInner(WrappedComponent) {
     return innerFormField;
 };
 exports.FormField = FormField;
-//# sourceMappingURL=formField.js.map

package/dist/formFieldError/formFieldError.js

@@ -6,7 +6,6 @@ const classNames_1 = require("../commonHelpers/classNames/classNames");
 const iconException_1 = require("../icons/iconException");
 const useDrive_1 = require("../utils/theme/useDrive");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
-require("./formFieldError.less");
 const FormFieldError = ({ className, error }) => {
     const driveComponentClass = (0, useDriveClassName_1.useDriveClassName)("zen-form-field-error");
     const isDrive = (0, useDrive_1.useDrive)();
@@ -14,4 +13,3 @@ const FormFieldError = ({ className, error }) => {
     return error ? (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-form-field-error", driveComponentClass || "", className || ""]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-field-error__icon-container", children: (0, jsx_runtime_1.jsx)(iconException_1.IconException, { className: "zen-form-field-error__error-icon", size: isDrive ? "large" : "bigger" }) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-form-field-error__error-text", children: errorStrings })] }) : null;
 };
 exports.FormFieldError = FormFieldError;
-//# sourceMappingURL=formFieldError.js.map

package/dist/formStepper/components/formStep.js

@@ -6,7 +6,6 @@ const iconCheck_1 = require("../../icons/iconCheck");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const formStepRaw_1 = require("./formStepRaw");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
-require("./formStep.less");
 const FormStep = ({ isFirst, value, isError = false, isCurrent = false, isComplete = false, label, onClick, optional, id }) => {
     const isMobile = (0, useMobile_1.useMobile)();
     const { translate } = (0, useLanguage_1.useLanguage)();
@@ -16,4 +15,3 @@ const FormStep = ({ isFirst, value, isError = false, isCurrent = false, isComple
     return ((0, jsx_runtime_1.jsx)("div", { className: `zen-form-step ${isFirst ? "zen-form-step--first" : ""} ${isMobile ? "zen-form-step--mobile" : ""} zen-form-step--${type}`, children: (0, jsx_runtime_1.jsx)(formStepRaw_1.FormStepRaw, { id: id, type: type, isFirst: isFirst, isMobile: isMobile, onClick: onClick, content: content, label: label, labelSecondary: labelSecondary }) }));
 };
 exports.FormStep = FormStep;
-//# sourceMappingURL=formStep.js.map

package/dist/formStepper/components/formStepRaw.js

@@ -13,4 +13,3 @@ const FormStepRaw = ({ type, isFirst, isMobile, onClick, content, label, labelSe
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isFirst && (0, jsx_runtime_1.jsx)("div", { className: `zen-form-step__connector zen-form-step__connector--${type}` }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-form-step__item", children: [(0, jsx_runtime_1.jsx)("button", { onClick: (0, getOnClick_1.getOnClick)(type, onClick), tabIndex: (0, getTabIndex_1.getTabIndex)(type), id: id, "aria-selected": (0, isAreaSelected_1.isAreaSelected)(type), role: "tab", className: `zen-form-step__marker zen-form-step__marker--${type}`, children: (type === "current" || type === "error") ? ((0, jsx_runtime_1.jsx)("div", { className: "zen-form-step__marker--inner", children: content })) : content }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: `zen-form-step__label zen-form-step__label--${type}`, children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-form-step__label-primary", children: label }), labelSecondary && (0, jsx_runtime_1.jsx)("span", { className: "zen-form-step__label-secondary", children: labelSecondary })] })] })] });
 };
 exports.FormStepRaw = FormStepRaw;
-//# sourceMappingURL=formStepRaw.js.map

package/dist/formStepper/formStepper.js

@@ -6,7 +6,6 @@ const react_1 = require("react");
 const formStep_1 = require("./components/formStep");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const useLanguage_1 = require("../utils/localization/useLanguage");
-require("./formStepper.less");
 const MAX_STEPS = 7;
 const FormStepper = ({ steps, onStepClicked, className = "", current, errors, setCurrent }) => {
     const activeStepIndex = (0, react_1.useMemo)(() => steps.findIndex(step => step.id === current) || 0, [steps, current]);
@@ -20,10 +19,9 @@ const FormStepper = ({ steps, onStepClicked, className = "", current, errors, se
     }, [steps]);
     const onStepClickedHandler = (0, react_1.useCallback)((id) => {
         setCurrent(id);
-        onStepClicked?.(id);
+        onStepClicked === null || onStepClicked === void 0 ? void 0 : onStepClicked(id);
     }, [setCurrent, onStepClicked]);
     const isOptionalStep = isMobile && adjustedSteps[activeStepIndex].optional;
-    return (0, jsx_runtime_1.jsxs)("div", { className: `zen-form-stepper ${className}`, role: "tablist", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-stepper__steps", children: adjustedSteps.map((step, indx) => ((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: step.id, label: step.label, isFirst: step.id === steps[0].id, value: indx + 1, onClick: () => onStepClickedHandler(step.id), isError: errors?.includes(step.id), isCurrent: current === step.id, isComplete: indx < activeStepIndex, optional: step.optional }, step.id))) }), isMobile && (0, jsx_runtime_1.jsxs)("label", { className: "zen-form-stepper__mobile-labels", children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-form-stepper__mobile-counter", children: translate("Step {0} of {1}").replace("{0}", String(activeStepIndex + 1)).replace("{1}", String(adjustedSteps.length)) }), (0, jsx_runtime_1.jsx)("span", { title: adjustedSteps[activeStepIndex].label, className: "zen-form-stepper__mobile-label", children: adjustedSteps[activeStepIndex].label }), (0, jsx_runtime_1.jsx)("span", { title: translate("Optional"), className: `zen-form-stepper__mobile-secondary-label ${isOptionalStep ? "zen-form-stepper__mobile-secondary-label--visible" : ""}`, children: translate("Optional") })] })] });
+    return (0, jsx_runtime_1.jsxs)("div", { className: `zen-form-stepper ${className}`, role: "tablist", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-stepper__steps", children: adjustedSteps.map((step, indx) => ((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: step.id, label: step.label, isFirst: step.id === steps[0].id, value: indx + 1, onClick: () => onStepClickedHandler(step.id), isError: errors === null || errors === void 0 ? void 0 : errors.includes(step.id), isCurrent: current === step.id, isComplete: indx < activeStepIndex, optional: step.optional }, step.id))) }), isMobile && (0, jsx_runtime_1.jsxs)("label", { className: "zen-form-stepper__mobile-labels", children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-form-stepper__mobile-counter", children: translate("Step {0} of {1}").replace("{0}", String(activeStepIndex + 1)).replace("{1}", String(adjustedSteps.length)) }), (0, jsx_runtime_1.jsx)("span", { title: adjustedSteps[activeStepIndex].label, className: "zen-form-stepper__mobile-label", children: adjustedSteps[activeStepIndex].label }), (0, jsx_runtime_1.jsx)("span", { title: translate("Optional"), className: `zen-form-stepper__mobile-secondary-label ${isOptionalStep ? "zen-form-stepper__mobile-secondary-label--visible" : ""}`, children: translate("Optional") })] })] });
 };
 exports.FormStepper = FormStepper;
-//# sourceMappingURL=formStepper.js.map

package/dist/formStepper/utils/getAriaLabelMobile.js

@@ -8,4 +8,3 @@ const getAriaLabelMobile = (label, labelSecondary) => {
     return label || labelSecondary;
 };
 exports.getAriaLabelMobile = getAriaLabelMobile;
-//# sourceMappingURL=getAriaLabelMobile.js.map

package/dist/formStepper/utils/getOnClick.js

@@ -8,4 +8,3 @@ const getOnClick = (type, onClick) => {
     return undefined;
 };
 exports.getOnClick = getOnClick;
-//# sourceMappingURL=getOnClick.js.map

package/dist/formStepper/utils/getTabIndex.js

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

package/dist/formStepper/utils/isAreaSelected.js

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

package/dist/formStepperButtons/formStepperButtons.js

@@ -7,7 +7,6 @@ const button_1 = require("../button/button");
 const iconChevronLeft_1 = require("../icons/iconChevronLeft");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const useLanguage_1 = require("../utils/localization/useLanguage");
-require("./formStepperButtons.less");
 const FormStepperButtons = ({ onPrevious, onCancel, onContinue, onSubmit, current, setCurrent, steps, isNextDisabled, className = "" }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
     const onPreviousHandler = (0, react_1.useCallback)(() => {
@@ -18,7 +17,7 @@ const FormStepperButtons = ({ onPrevious, onCancel, onContinue, onSubmit, curren
             }
             return steps[currentIndex - 1].id;
         });
-        onPrevious?.();
+        onPrevious === null || onPrevious === void 0 ? void 0 : onPrevious();
     }, [onPrevious, setCurrent, steps]);
     const onContinueHandler = (0, react_1.useCallback)(() => {
         setCurrent((prev) => {
@@ -28,11 +27,10 @@ const FormStepperButtons = ({ onPrevious, onCancel, onContinue, onSubmit, curren
             }
             return steps[currentIndex + 1].id;
         });
-        onContinue?.();
+        onContinue === null || onContinue === void 0 ? void 0 : onContinue();
     }, [onContinue, setCurrent, steps]);
     const isFirstStep = steps[0].id === current;
     const isLastStep = steps[steps.length - 1].id === current;
     return ((0, jsx_runtime_1.jsxs)("div", { className: `zen-form-step-buttons ${className}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-step-buttons__left", children: !isFirstStep && (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-form-step-buttons__previous", icon: iconChevronLeft_1.IconChevronLeft, type: "tertiary-black", onClick: onPreviousHandler, children: translate("Previous step") }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-form-step-buttons__right", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-form-step-buttons__cancel", type: "secondary", onClick: onCancel, children: translate("Cancel") }), isLastStep ? ((0, jsx_runtime_1.jsx)(button_1.Button, { disabled: isNextDisabled, className: "zen-form-step-buttons__submit", type: "primary", onClick: onSubmit, children: translate("Submit") })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { disabled: isNextDisabled, className: "zen-form-step-buttons__continue", type: "primary", onClick: onContinueHandler, children: translate("Continue") }))] })] }));
 };
 exports.FormStepperButtons = FormStepperButtons;
-//# sourceMappingURL=formStepperButtons.js.map

package/dist/gridLayout/gridLayout.js

@@ -6,7 +6,6 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useGridClasses_1 = require("./hooks/useGridClasses");
 const useStretch_1 = require("./hooks/useStretch");
-require("./gridLayout.less");
 const GridLayout = ({ children, className = "", stretch = false }) => {
     const childrenArr = (0, react_1.useMemo)(() => [], []);
     const [childrenArrState, setChildrenArrState] = (0, react_1.useState)(childrenArr);
@@ -16,4 +15,3 @@ const GridLayout = ({ children, className = "", stretch = false }) => {
     return (0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, classNames_1.classNames)(["zen-grid", className]), children: childrenArrState });
 };
 exports.GridLayout = GridLayout;
-//# sourceMappingURL=gridLayout.js.map

package/dist/gridLayout/hooks/useGridClasses.js

@@ -77,4 +77,3 @@ const useGridClasses = (children, childrenArr) => {
     });
 };
 exports.useGridClasses = useGridClasses;
-//# sourceMappingURL=useGridClasses.js.map