@geotab/zenith 3.14.1 → 3.15.0-beta.0

package/dist/filters/components/filtersSelectUnfoldingPill.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFiltersSelectPillItem {
     id: string;
     name: string;

package/dist/filters/components/filtersSidePanelItem.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FiltersSidePanelItem = void 0;
 const react_1 = __importStar(require("react"));

package/dist/filters/filtersHelper.d.ts

@@ -22,7 +22,7 @@ export declare const prepareDefaultDropdownState: (type: TDropdownState) => neve
     isAllSelected: boolean;
     isChecked?: undefined;
 };
-export declare const getChildren: (children?: ReactElement | (null | ReactElement)[]) => (ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
+export declare const getChildren: (children?: ReactElement | (null | ReactElement)[]) => ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
 export declare const getFiltersState: (children: ReactElement | ReactElement[]) => {};
 export declare const createStateObject: (children: ReactElement | ReactElement[], field: "state" | "defaultState") => {};
 export declare function getNumberOfChangedFilters(state: object): number;

package/dist/filters/filtersHelper.js

@@ -14,7 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.processChildrenWithMetaData = exports.getRecentSearchesFromStorage = exports.getSavedFiltersFromStorage = exports.getArrayOfElements = exports.useCombineData = exports.MAX_TOTAL_RESULTS = exports.serializeEntriesToId = exports.getTotalChangedNumber = exports.getNumberOfChangedFilters = exports.createStateObject = exports.getFiltersState = exports.getChildren = exports.prepareDefaultDropdownState = exports.getDropdownStateType = exports.stabilizeChildrenWithId = exports.createPropsHash = exports.createStateHash = void 0;
+exports.processChildrenWithMetaData = exports.useCombineData = exports.MAX_TOTAL_RESULTS = exports.serializeEntriesToId = exports.getTotalChangedNumber = exports.createStateObject = exports.getFiltersState = exports.getChildren = exports.prepareDefaultDropdownState = exports.getDropdownStateType = exports.stabilizeChildrenWithId = exports.createPropsHash = exports.createStateHash = void 0;
+exports.getNumberOfChangedFilters = getNumberOfChangedFilters;
+exports.getArrayOfElements = getArrayOfElements;
+exports.getSavedFiltersFromStorage = getSavedFiltersFromStorage;
+exports.getRecentSearchesFromStorage = getRecentSearchesFromStorage;
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const react_1 = require("react");
 const filtersGroups_1 = require("./components/filtersGroups");
@@ -187,7 +191,6 @@ function getNumberOfChangedFilters(state) {
     });
     return changes;
 }
-exports.getNumberOfChangedFilters = getNumberOfChangedFilters;
 const getTotalChangedNumber = (selectState, filters, isModalCondition) => {
     const stateObject = (0, exports.createStateObject)(filters, "state");
     const filteredFilters = filters.filter(el => {
@@ -244,7 +247,6 @@ function getArrayOfElements(elem) {
     }
     return Array.isArray(elem) ? elem : [elem];
 }
-exports.getArrayOfElements = getArrayOfElements;
 const dateReviver = (_, value) => {
     const isIsoDateString = typeof value === "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(value);
     if (isIsoDateString) {
@@ -270,7 +272,6 @@ async function getSavedFiltersFromStorage(key) {
     const result = getParsedFilters(key);
     return Promise.resolve(result);
 }
-exports.getSavedFiltersFromStorage = getSavedFiltersFromStorage;
 function getRecentSearchesFromStorage(key) {
     var _a;
     const storedData = (_a = zen_1.zen.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
@@ -285,7 +286,6 @@ function getRecentSearchesFromStorage(key) {
         return [];
     }
 }
-exports.getRecentSearchesFromStorage = getRecentSearchesFromStorage;
 const createDefaultStateMetaData = (defaultState, childType, state) => {
     if (defaultState) {
         return defaultState;

package/dist/filters/filtersHooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFiltersSearchType } from "./components/filtersSelect";
 import { ISearchItem } from "./components/filtersSearchList";
 import { IFetchState, IFiltersSearchTypesSubItem } from "./filters";

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

@@ -96,7 +96,7 @@ const FiltersBarDropdownWithCheckbox = ({ sidePanelTitle, className, props, stat
         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 componentWithSeparateCheckbox = ((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;

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

@@ -6,7 +6,8 @@ const {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dateRangeAdjustedFn = exports.getDateRangeAdjustedStep = exports.PERIOD_THIRTY_DAYS_STEP_OPTION = exports.PERIOD_SEVEN_DAYS_STEP_OPTION = exports.PERIOD_ONE_DAY_STEP_OPTION = exports.QUARTER_STEP_OPTION = exports.YEAR_STEP_OPTION = exports.DEFAULT_STEP_OPTION = exports.MONTH_STEP_OPTION = exports.getSelectedRangeFromValue = exports.isValidDateFn = exports.isDateValid = exports.getOptionsPeriodMap = exports.getRangeOptionsArray = exports.getRangeOption = void 0;
+exports.dateRangeAdjustedFn = exports.getDateRangeAdjustedStep = exports.PERIOD_THIRTY_DAYS_STEP_OPTION = exports.PERIOD_SEVEN_DAYS_STEP_OPTION = exports.PERIOD_ONE_DAY_STEP_OPTION = exports.QUARTER_STEP_OPTION = exports.YEAR_STEP_OPTION = exports.DEFAULT_STEP_OPTION = exports.MONTH_STEP_OPTION = exports.getSelectedRangeFromValue = exports.isValidDateFn = exports.isDateValid = exports.getOptionsPeriodMap = exports.getRangeOptionsArray = void 0;
+exports.getRangeOption = getRangeOption;
 const dateRangeUtils_1 = require("../../../dateRange/dateRangeUtils");
 const dateRangeInner_1 = require("../../../dateRangeInner/dateRangeInner");
 injectString("cs", "This week", "Tento t\xFDden");
@@ -635,7 +636,6 @@ function getRangeOption(option, translate, toLocalDateTime, firstDayOfWeek, toRe
     id: option.label
   }, option);
 }
-exports.getRangeOption = getRangeOption;
 const getSecondaryLabelOptions = translate => ["ThisWeek", "NextWeek", "LastWeek", "ThisMonth", "LastMonth", "NextMonth", "LastThreeMonths", "LastYear", "ThisYear", "ThisQuarter", "LastQuarter", "LastTwelveMonths", "YearToDate", translate("This week"), translate("Next week"), translate("Last week"), translate("This month"), translate("Last month"), translate("Next month"), translate("Last 3 months"), translate("Last year"), translate("This year"), translate("This quarter"), translate("Last quarter"), translate("Last 12 months"), translate("Year to date")];
 const getRangeOptionsArray = (initialOptions, translate, toLocalDateTime, firstDayOfWeek, toReverseOffsetDateTime, customLabel, isPrevRangeCustom, customGetRangeOptions) => {
   const optionsArray = initialOptions.map(opt => getRangeOption(opt, translate, toLocalDateTime, firstDayOfWeek, toReverseOffsetDateTime)).filter(option => option !== undefined);

package/dist/filtersBar/filtersBar.js

@@ -133,7 +133,7 @@ const FiltersBar = ({ className, children, isAllFiltersVisible, hideAllFiltersBu
             });
         }
     }, [filterBarChildren, memoizedShouldUpdate, sidePanelState, stateFromChildren]);
-    const searchChild = childrenArray.find(child => child && typeof child === "object" && "type" in child && child.type === filtersBarSearch_1.FiltersBarSearch);
+    const searchChild = childrenArray.find(child => typeof child === "object" && "type" in child && child.type === filtersBarSearch_1.FiltersBarSearch);
     (0, react_1.useEffect)(() => {
         setSearchComponent(searchChild);
     }, [searchChild, setSearchComponent]);
@@ -211,7 +211,7 @@ const FiltersBar = ({ className, children, isAllFiltersVisible, hideAllFiltersBu
         return (0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(filtersBarState.childrenState, filtersBarState.prevChildrenState) > 0;
     }, [filtersBarState.childrenState, filtersBarState.prevChildrenState, getDefaultFiltersState, onApplyAllFilters]);
     const sidePanel = (0, react_1.useMemo)(() => {
-        const sidePanelChild = childrenArray.find(child => child && typeof child === "object" && "type" in child && child.type === filtersBarSidePanel_1.FiltersBarSidePanelContainer);
+        const sidePanelChild = childrenArray.find(child => typeof child === "object" && "type" in child && child.type === filtersBarSidePanel_1.FiltersBarSidePanelContainer);
         if (!sidePanelChild) {
             return ((0, jsx_runtime_1.jsx)(filtersBarSidePanel_1.FiltersBarSidePanel, { parentElement: parentElement, isOpen: isAllFiltersVisible, triggerRef: isMobile ? mobileTriggerRef || emptyFiltersRef : allFiltersRef, getDefaultFiltersState: getDefaultFiltersState, onClosePanel: onClosePanel, state: sidePanelState, onApplyAllFilters: handleApplyAllFilters(true), dispatch: dispatchSidePanelState, pillName: pillName, pillIcon: pillIcon, pillType: pillType, children: filterBarChildren }));
         }

package/dist/filtersBar/filtersBarActions/filtersBarActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IZenComponentProps } from "../../commonHelpers/zenComponent";
 export interface IFiltersBarActions extends IZenComponentProps {
     onShowAllFilters: () => void;

package/dist/filtersBar/filtersBarInterfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FiltersBarDropdown, IFiltersBarDropdown, IFiltersBarDropdownFullSelectionMode } from "./components/filtersBarDropdown/filtersBarDropdown";
 import { FiltersBarGroupButton, IFiltersBarGroupButton } from "./components/filtersBarGroupButton/filtersBarGroupButton";
 import { FiltersBarGroupsFilter, IFiltersBarGroupsFilter } from "./components/filtersBarGroupsFilter/filtersBarGroupsFilter";

package/dist/filtersBar/filtersBarReducer.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filtersBarReducer = exports.getInitialFiltersBarState = exports.FiltersBarStateActionType = void 0;
+exports.getInitialFiltersBarState = exports.FiltersBarStateActionType = void 0;
+exports.filtersBarReducer = filtersBarReducer;
 const getNumberOfChangedFilters_1 = require("./utils/getNumberOfChangedFilters");
 var FiltersBarStateActionType;
 (function (FiltersBarStateActionType) {
@@ -34,4 +35,3 @@ function filtersBarReducer(state, action) {
     }
     return state;
 }
-exports.filtersBarReducer = filtersBarReducer;

package/dist/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { IDropdownItem } from "../../../../dropdown/dropdown";
-import { IFiltersBarDropdownFullSelectionWithCheckboxProps, IFiltersBarDropdownWithCheckboxFullSelectionState, IFiltersBarDropdownWithCheckboxProps, IFiltersBarDropdownWithCheckboxState } from "../../../components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
+import { IFiltersBarDropdownFullSelectionWithCheckboxProps, IFiltersBarDropdownWithCheckboxFullSelectionOnChange, IFiltersBarDropdownWithCheckboxFullSelectionState, IFiltersBarDropdownWithCheckboxOnChange, IFiltersBarDropdownWithCheckboxProps, IFiltersBarDropdownWithCheckboxState } from "../../../components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
 interface IFiltersBarDropdownWithCheckboxSidePanelProps extends Omit<IFiltersBarDropdownWithCheckboxProps, "getData"> {
 }
 interface IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps extends Omit<IFiltersBarDropdownFullSelectionWithCheckboxProps, "getData"> {
@@ -7,14 +7,8 @@ interface IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps extends Omi
 interface IFiltersBarSidePanelDropdownWithCheckboxProps {
     props: IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps | IFiltersBarDropdownWithCheckboxSidePanelProps;
     getData: (signal?: AbortSignal, searchValue?: string, checkboxValue?: boolean) => Promise<IDropdownItem[]>;
-    state: IFiltersBarDropdownWithCheckboxState;
-    onChange: (value: IFiltersBarDropdownWithCheckboxState) => void;
+    state: IFiltersBarDropdownWithCheckboxState | IFiltersBarDropdownWithCheckboxFullSelectionState;
+    onChange: IFiltersBarDropdownWithCheckboxOnChange | IFiltersBarDropdownWithCheckboxFullSelectionOnChange;
 }
-interface IFiltersBarSidePanelDropdownWithCheckboxFullSelectionProps {
-    props: IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps | IFiltersBarDropdownWithCheckboxSidePanelProps;
-    getData: (signal?: AbortSignal, searchValue?: string, checkboxValue?: boolean) => Promise<IDropdownItem[]>;
-    state: IFiltersBarDropdownWithCheckboxFullSelectionState;
-    onChange: (value: IFiltersBarDropdownWithCheckboxFullSelectionState) => void;
-}
-export declare const FiltersBarSidePanelDropdownWithCheckbox: ({ props, state, onChange, getData }: IFiltersBarSidePanelDropdownWithCheckboxProps | IFiltersBarSidePanelDropdownWithCheckboxFullSelectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FiltersBarSidePanelDropdownWithCheckbox: ({ props, state, onChange, getData }: IFiltersBarSidePanelDropdownWithCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/filtersBar/filtersBarSidePanel/sidePanelReducer.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sidePanelReducer = exports.StateActionType = void 0;
+exports.StateActionType = void 0;
+exports.sidePanelReducer = sidePanelReducer;
 var StateActionType;
 (function (StateActionType) {
     StateActionType["Reset"] = "RESET";
@@ -43,4 +44,3 @@ function sidePanelReducer(state, action) {
     }
     return state;
 }
-exports.sidePanelReducer = sidePanelReducer;

package/dist/filtersBar/utils/getNumberOfChangedFilters.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNumberOfChangedFilters = void 0;
+exports.getNumberOfChangedFilters = getNumberOfChangedFilters;
 const isArraysEqualDeeply_1 = require("../../utils/compareElementsUtils/isArraysEqualDeeply");
 const isElementsEqual_1 = require("../../utils/compareElementsUtils/isElementsEqual");
 function getNumberOfChangedFilters(defaultState, newState) {
@@ -35,4 +35,3 @@ function getNumberOfChangedFilters(defaultState, newState) {
     });
     return changes;
 }
-exports.getNumberOfChangedFilters = getNumberOfChangedFilters;

package/dist/footerButtons/footerButtons.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterButtons = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");

package/dist/formField/components/formFieldAdditionalInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFormFieldAdditionalInfoProps {
     assistiveId?: string;
     errorId: string;

package/dist/formField/components/formFieldCounter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFormFieldCounterProps {
     value?: string | number | React.ReactElement;
     id?: string;

package/dist/formField/components/formFieldLoading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Skeleton } from "../../skeleton/skeleton";
 import { TFormFieldComponentProps } from "../formField";
 export declare const DEFAULT_HEIGHT = 32;

package/dist/formField/components/formFieldSkeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISkeleton } from "../../skeleton/skeleton";
 interface IFormFieldSkeletonProps extends ISkeleton {
 }

package/dist/formField/components/formFieldWithLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormFieldComponentProps } from "../formField";
 interface IFormFieldWithLabelProps<T> {
     props: TFormFieldComponentProps<T>;

package/dist/formField/components/formFieldWithoutLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormFieldComponentProps } from "../formField";
 interface IFormFieldWithoutLabelProps<T> {
     props: TFormFieldComponentProps<T>;

package/dist/formField/formField.d.ts

@@ -23,5 +23,5 @@ export declare const FormField: {
         (props: TFormFieldComponentProps<T>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Banner: (props: import("./components/formFieldBanner").IFormFieldBannerProps) => import("react/jsx-runtime").JSX.Element;
+    Banner: (props: import("..").IFormFieldBannerProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/formField/hooks/useBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useBanner: (props: any) => {
     id: string;
     banner: null;

package/dist/formField/hooks/useDisabled.d.ts

@@ -6,7 +6,7 @@ export declare const useDisabled: (props: {
     disabled?: boolean;
 } & Partial<ILoadingBase>) => {
     controller: {
-        disabled?: boolean | undefined;
+        disabled?: boolean;
     } | undefined;
     disabled: boolean | undefined;
 } | {

package/dist/formGroup/components/customRow/customRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./customRow.less";
 export interface ICustomRowProps {
     children: React.ReactNode;

package/dist/formGroup/formGroup.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");

package/dist/formGroup/hooks/listHooks/useStateToElements.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ITotalState } from "../../types";
 export declare const useStateToElements: (state: ITotalState[]) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];

package/dist/formGroup/hooks/listHooks/useStateToElements.js

@@ -4,7 +4,7 @@ exports.useStateToElements = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useMobile_1 = require("../../../commonHelpers/hooks/useMobile");
 const useColumns_1 = require("../../../formLayout/hooks/useColumns");
-const useTablet_1 = require("../../../gridLayout/hooks/useTablet");
+const useTablet_1 = require("../../../commonHelpers/hooks/useTablet");
 const oneRow_1 = require("../../components/oneRow");
 const twoRows_1 = require("../../components/twoRows");
 const isTwoRowsStructure_1 = require("../../utils/isTwoRowsStructure");

package/dist/formGroup/utils/formGroupProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFormGroupProps } from "../formGroup";
 import { IReactFormItemController } from "../../commonHelpers/zenComponent";
 export interface IFormGroupProviderProps extends IFormGroupProps, IReactFormItemController {

package/dist/formGroup/utils/isFormLabel.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from "react";
 import { ILabelState } from "../types";
-export declare const isFormLabel: (element: any) => element is ReactElement<ILabelState, string | import("react").JSXElementConstructor<any>>;
+export declare const isFormLabel: (element: any) => element is ReactElement<ILabelState>;

package/dist/formGroupItem/formGroupItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IZenIdComponentProps } from "../commonHelpers/zenComponent";
 import "./formGroupItem.less";
 export interface IFormGroupItem extends Partial<IZenIdComponentProps> {

package/dist/formLayout/components/layoutColumn/layoutColum.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ILayoutColumnProps {
     children?: React.ReactNode;
     title?: string;

package/dist/formLayout/hooks/useFormButtons.d.ts

@@ -7,5 +7,5 @@ export interface IUseFormButtonsProps {
 }
 export declare const useFormButtons: (props?: IUseFormButtonsProps) => {
     mode: TFormLayoutMode;
-    buttons: (import("react/jsx-runtime").JSX.Element | null)[];
+    buttons: import("react/jsx-runtime").JSX.Element[];
 };

package/dist/formLayout/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ILoadingBase } from "../commonHelpers/loading";
 import { Exclusive } from "../commonHelpers/types/exclusive";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";

package/dist/formLayout/utils/attachHeadings.d.ts

@@ -1 +1 @@
-export declare const attachHeadings: (elements: React.ReactElement[], title?: string, secondary?: string) => (import("react/jsx-runtime").JSX.Element | null)[];
+export declare const attachHeadings: (elements: React.ReactElement[], title?: string, secondary?: string) => import("react/jsx-runtime").JSX.Element[];

package/dist/formLayout/utils/attachSeparators.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormSectionType } from "../../formSection/types";
 import { TFormLayoutColumns } from "../types";
 export declare const attachSeparators: (components: React.ReactElement[], type: TFormSectionType, columns: TFormLayoutColumns) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];

package/dist/formLayout/utils/getChildrenWithCustomColumns.d.ts

@@ -1,2 +1 @@
-import { ReactNode } from "react";
-export declare const getChildrenWithCustomColumns: (children: React.ReactElement) => ReactNode[];
+export declare const getChildrenWithCustomColumns: (children: React.ReactElement) => import("react").ReactNode[];

package/dist/formLayout/utils/getChildrenWithCustomColumns.js

@@ -51,7 +51,7 @@ const getChildrenWithCustomColumns = (children) => {
         });
         const title = ((_k = (_j = filtered[indexOfFirstColumn]) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.title) || "";
         if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfFirstColumn)) {
-            childrenOfFirstColumn.unshift(((0, jsx_runtime_1.jsx)(formLayoutColumnTitle_1.FormLayoutColumnTitle, { column: 1, value: title }, "column-1-title")));
+            childrenOfFirstColumn.unshift((0, jsx_runtime_1.jsx)(formLayoutColumnTitle_1.FormLayoutColumnTitle, { column: 1, value: title }, "column-1-title"));
         }
     }
     if (childrenOfSecondColumn) {
@@ -66,7 +66,7 @@ const getChildrenWithCustomColumns = (children) => {
         });
         const title = ((_m = (_l = filtered[indexOfSecondColumn]) === null || _l === void 0 ? void 0 : _l.props) === null || _m === void 0 ? void 0 : _m.title) || "";
         if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfSecondColumn)) {
-            childrenOfSecondColumn.unshift(((0, jsx_runtime_1.jsx)(formLayoutColumnTitle_1.FormLayoutColumnTitle, { column: 2, value: title }, "column-2-title")));
+            childrenOfSecondColumn.unshift((0, jsx_runtime_1.jsx)(formLayoutColumnTitle_1.FormLayoutColumnTitle, { column: 2, value: title }, "column-2-title"));
         }
     }
     indexOfFirstColumn !== -1 && filtered.splice(indexOfFirstColumn, 1, ...childrenOfFirstColumn);

package/dist/formLayout/utils/getFieldLabel.js

@@ -3,22 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFieldLabel = void 0;
 const zen_1 = require("../../utils/zen");
 const getFieldLabel = (id) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b;
     if (typeof zen_1.zen.document === "undefined" || typeof zen_1.zen.document.querySelector !== "function")
         return null;
-    const direct = (_b = (_a = zen_1.zen.document.querySelector(`label[for="${id}"]`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+    const direct = (_a = zen_1.zen.document.querySelector(`label[for="${id}"]`)) === null || _a === void 0 ? void 0 : _a.textContent.trim();
     if (direct !== undefined)
         return direct || null;
-    const row = (_c = zen_1.zen.document.getElementById(id)) === null || _c === void 0 ? void 0 : _c.closest(".zen-custom-form-row");
+    const row = (_b = zen_1.zen.document.getElementById(id)) === null || _b === void 0 ? void 0 : _b.closest(".zen-custom-form-row");
     if (!row)
         return null;
     let sibling = row.previousElementSibling;
     while (sibling) {
         if (sibling.tagName === "LABEL")
-            return (_e = (_d = sibling.textContent) === null || _d === void 0 ? void 0 : _d.trim()) !== null && _e !== void 0 ? _e : null;
+            return sibling.textContent.trim() || null;
         const inner = sibling.querySelector("label");
         if (inner)
-            return (_g = (_f = inner.textContent) === null || _f === void 0 ? void 0 : _f.trim()) !== null && _g !== void 0 ? _g : null;
+            return inner.textContent.trim() || null;
         sibling = sibling.previousElementSibling;
     }
     return null;

package/dist/formSection/components/actions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IActions } from "../../card/components/actions";
 export interface IFormSectionActions extends IActions {
 }

package/dist/formSection/components/additional.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IAdditionalSectionProps } from "./additionalSection";
 export interface IFormSectionAdditional extends IAdditionalSectionProps {
 }

package/dist/formSection/utils/isFormSection.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-export declare const isFormSection: (element: unknown) => element is import("react").FC<import("../types").IFormContentProps> & {
-    Additional: import("react").FC<import("../components/additionalSection").IAdditionalSectionProps>;
-};
+import { FormSectionInner } from "../components/formSectionInner";
+export declare const isFormSection: (element: unknown) => element is typeof FormSectionInner;

package/dist/formStepper/components/formStepRaw.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TStepType = "complete" | "incomplete" | "error" | "current";
 export interface IFormStepRaw {
     id: string;

package/dist/formStepper/formStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IStepItem } from "./components/formStep";
 import "./formStepper.less";
 export declare const STEPPER_LAST_STEP = "lastStep";

package/dist/formStepper/formStepper.js

@@ -10,7 +10,6 @@ exports.FormStepper = exports.STEPPER_LAST_STEP = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 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");
 injectString("cs", "Step {0} of {1}", "Krok {0} z {1}");
 injectString("da-DK", "Step {0} of {1}", "Trin {0} af {1}");
@@ -78,7 +77,8 @@ injectString("ka-GE", "Optional", "\u10E1\u10E3\u10E0\u10D5\u10D8\u10DA\u10D8\u1
 injectString("el-GR", "Optional", "\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC");
 injectString("et-EE", "Optional", "Valikuline");
 injectString("bg-BG", "Optional", "\u041F\u043E \u0438\u0437\u0431\u043E\u0440");
-const MAX_STEPS = 7;
+const useMobileOrTablet_1 = require("../commonHelpers/hooks/useMobileOrTablet");
+const MAX_STEPS = 8;
 exports.STEPPER_LAST_STEP = "lastStep";
 const FormStepper = ({
   steps,
@@ -96,7 +96,7 @@ const FormStepper = ({
     }
     return steps.findIndex(step => step.id === current) || 0;
   }, [steps, current]);
-  const isMobile = (0, useMobile_1.useMobile)();
+  const isMobileOrTablet = (0, useMobileOrTablet_1.useMobileOrTablet)();
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
@@ -116,12 +116,12 @@ const FormStepper = ({
     }
     setCurrent(id);
   }, [setCurrent, isStepperNonClickable, onStepClicked]);
-  const isCompactMode = mode === "compact" || isMobile;
+  const isCompactMode = mode === "compact" || isMobileOrTablet;
   const isOptionalStep = isCompactMode && ((_a = adjustedSteps[activeStepIndex]) === null || _a === void 0 ? void 0 : _a.optional);
   const stepNumber = current === exports.STEPPER_LAST_STEP ? adjustedSteps.length : activeStepIndex + 1;
   const stepLabel = current === exports.STEPPER_LAST_STEP ? (_b = adjustedSteps[activeStepIndex - 1]) === null || _b === void 0 ? void 0 : _b.label : (_c = adjustedSteps[activeStepIndex]) === null || _c === void 0 ? void 0 : _c.label;
   return (0, jsx_runtime_1.jsxs)("div", {
-    className: `zen-form-stepper ${isMobile ? "zen-form-stepper--mobile" : ""} ${className}`,
+    className: `zen-form-stepper ${isMobileOrTablet ? "zen-form-stepper--mobile" : ""} ${className}`,
     role: "tablist",
     children: [(0, jsx_runtime_1.jsx)("div", {
       className: "zen-form-stepper__steps",

package/dist/formStepperButtons/formStepperButtons.js

@@ -17,7 +17,7 @@ const textIconButton_1 = require("../textIconButton/textIconButton");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const formStepper_1 = require("../formStepper/formStepper");
 const getCurrentIndex_1 = require("./utils/getCurrentIndex");
-const useMobile_1 = require("../commonHelpers/hooks/useMobile");
+const useMobileOrTablet_1 = require("../commonHelpers/hooks/useMobileOrTablet");
 injectString("cs", "Previous step", "P\u0159edchoz\xED krok");
 injectString("da-DK", "Previous step", "Forrige trin");
 injectString("de", "Previous step", "Vorheriger Schritt");
@@ -164,7 +164,7 @@ const FormStepperButtons = ({
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
-  const isMobile = (0, useMobile_1.useMobile)();
+  const isMobileOrTablet = (0, useMobileOrTablet_1.useMobileOrTablet)();
   const BackChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronLeft_1.IconChevronLeft, iconChevronRight_1.IconChevronRight);
   const onPreviousHandler = (0, react_1.useCallback)(() => {
     const currIndex = (0, getCurrentIndex_1.getCurrentIndex)(steps, current);
@@ -199,7 +199,7 @@ const FormStepperButtons = ({
   const isFirstStep = steps[0].id === current;
   const isLastStep = steps[steps.length - 1].id === current || current === formStepper_1.STEPPER_LAST_STEP;
   return (0, jsx_runtime_1.jsxs)("div", {
-    className: `zen-form-step-buttons ${isMobile ? "zen-form-step-buttons--mobile" : ""} ${className}`,
+    className: `zen-form-step-buttons ${isMobileOrTablet ? "zen-form-step-buttons--mobile" : ""} ${className}`,
     children: [(0, jsx_runtime_1.jsx)("div", {
       className: "zen-form-step-buttons__left",
       children: !isFirstStep && (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {

package/dist/gridLayout/hooks/useStretch.js

@@ -4,7 +4,7 @@ exports.useStretch = void 0;
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const getGridRows_1 = require("../utils/getGridRows");
-const useTablet_1 = require("./useTablet");
+const useTablet_1 = require("../../commonHelpers/hooks/useTablet");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const useStretch = (stretch, childrenArr, ref, setChildrenArrState) => {
     const [elHeight, setElHeight] = (0, react_1.useState)([]);