@geotab/zenith 3.0.0 → 3.0.1-beta.0

package/README.md

@@ -40,6 +40,16 @@ Zenith library provides components defined in Zenith Design System. It includes
 
 ## Change log
 
+### 3.0.1
+
+* Fix accessibility issues in `SelectList`
+* Fix accessibility issue in Dropdown
+* Improve using multiple `FiltersBar`s per page
+* Fix dark mode in storybook
+* Improve API of `FormStepper` to support confirmation of step change
+* Fix primary actions in `Table` with conditions
+* Fix fr-CA string translation
+
 ### 3.0.0
 
 We're excited to announce **Zenith 3.0**, a major release that brings React 19 support and a cleaner, more streamlined API!

package/dist/commonHelpers/hooks/useTrapFocus.js

@@ -9,6 +9,7 @@ const isChildOf_1 = require("../../utils/isChildOf");
 const isElementHidden_1 = require("../../utils/isElementHidden");
 const findFirstVisible = (elems, isElementVisible) => elems.find(elem => isElementVisible(elem));
 const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, condition, isElementVisible) => {
+    // eslint-disable-next-line complexity
     const handleKeyDown = (0, react_1.useCallback)((e) => {
         var _a;
         const getChildCondition = () => triggerRef
@@ -30,6 +31,7 @@ const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, condition,
         if (e.key === "Tab") {
             const first = findFirstVisible(focusable, isElemVisible);
             const last = findFirstVisible([...focusable].reverse(), isElemVisible);
+            const isLastChildOfFirst = first && last ? (0, isChildOf_1.isChildOf)(last, first) : false;
             const firstContainerFocusable = findFirstVisible(Array.from(containerSelectors), isElemVisible);
             const lastTriggerFocusable = findFirstVisible([...Array.from(triggerSelectors)].reverse(), isElemVisible);
             if (isTargetOutside) {
@@ -58,6 +60,9 @@ const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, condition,
                 e.preventDefault();
                 firstContainerFocusable === null || firstContainerFocusable === void 0 ? void 0 : firstContainerFocusable.focus();
             }
+            else if (isLastChildOfFirst && first && (0, isChildOf_1.isChildOf)(document.activeElement, first)) {
+                e.preventDefault();
+            }
             return;
         }
     }, [containerRef, triggerRef, isElementVisible]);

package/dist/dataFeed/dataFeedColumnsItems.js

@@ -27,10 +27,10 @@ const FeedItemInner = ({ columnsList, feedWrappers, expanded, collapsedColumnsQt
             let primaryActionsContent = undefined;
             if (primaryActions) {
                 if (typeof primaryActions === "function") {
-                    primaryActionsList = primaryActions(rowEntity, !nested);
+                    primaryActionsList = primaryActions(rowEntity, !nested).filter(action => action.condition === undefined || action.condition(entity));
                 }
                 else if (Array.isArray(primaryActions)) {
-                    primaryActionsList = primaryActions;
+                    primaryActionsList = primaryActions.filter(action => action.condition === undefined || action.condition(entity));
                 }
                 if (primaryActionsList && primaryActionsList.length > 0) {
                     primaryActionsContent = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: primaryActionsList.map((action) => (0, jsx_runtime_1.jsx)(menu_1.Menu.Item, { id: action.id, icon: action.icon, name: action.createTitle(rowEntity), onClick: typeof action.handler === "function" ?

package/dist/dataGrid/cell/cell.js

@@ -36,7 +36,7 @@ const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, render
     (0, react_1.useEffect)(() => {
         if (!isVisible) {
             setContent("");
-            return;
+            return undefined;
         }
         const placeholderTimeout = requestAnimationFrame(() => {
             setContent(placeholderRenderer());
@@ -48,6 +48,9 @@ const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, render
             cancelAnimationFrame(placeholderTimeout);
             setContent("");
         });
+        return () => {
+            cancelAnimationFrame(placeholderTimeout);
+        };
     }, [isVisible, entity, renderer, placeholderRenderer]);
     const onCellClick = (0, react_1.useCallback)((e) => {
         if (onClick && !(0, isActiveElement_1.isActiveElement)(e.target)) {

package/dist/dataGrid/entitiesListActions/actions/columnsListButton.js

@@ -9,8 +9,8 @@ const iconSettings3_1 = require("../../../icons/iconSettings3");
 const useLanguage_1 = require("../../../utils/localization/useLanguage");
 const ColumnsListButtonInner = ({ onClick, ref }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
-    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, icon: iconSettings3_1.IconSettings3, iconSize: svgIconSize_1.SvgIconSize.Large, iconPosition: textIconButton_1.ButtonIconPosition.Start, "aria-label": translate("Show list of columns"), title: translate("Show list of columns"), onClick: onClick, type: buttonType_1.ButtonType.TertiaryBlack });
+    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, icon: iconSettings3_1.IconSettings3, iconSize: svgIconSize_1.SvgIconSize.Large, iconPosition: textIconButton_1.ButtonIconPosition.Start, "aria-label": translate("Column Settings"), title: translate("Column Settings"), onClick: onClick, type: buttonType_1.ButtonType.TertiaryBlack });
 };
 exports.ColumnsListButton = Object.assign(ColumnsListButtonInner, { translations: [
-        "Show list of columns"
+        "Column Settings"
     ] });

package/dist/formStepperButtons/formStepperButtons.d.ts

@@ -4,8 +4,8 @@ import "./formStepperButtons.less";
 export interface IFormStepperButtons extends Pick<IFormStepper, "current" | "setCurrent" | "steps">, Pick<IZenIdComponentProps, "className"> {
     onSubmit: () => void;
     onCancel: () => void;
-    onPrevious?: () => void;
-    onContinue?: () => void;
+    onPrevious?: (prev?: string | null) => void | boolean;
+    onContinue?: (next?: string | null) => void | boolean;
     isNextDisabled?: boolean;
 }
 export declare const FormStepperButtons: ({ onPrevious, onCancel, onContinue, onSubmit, current, setCurrent, steps, isNextDisabled, className }: IFormStepperButtons) => import("react/jsx-runtime").JSX.Element;

package/dist/formStepperButtons/formStepperButtons.js

@@ -8,28 +8,39 @@ const iconChevronLeft_1 = require("../icons/iconChevronLeft");
 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 FormStepperButtons = ({ onPrevious, onCancel, onContinue, onSubmit, current, setCurrent, steps, isNextDisabled, className = "" }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
     const onPreviousHandler = (0, react_1.useCallback)(() => {
-        setCurrent((prev) => {
-            const currentIndex = prev === formStepper_1.STEPPER_LAST_STEP ? steps.length : steps.findIndex((step) => step.id === prev);
+        const currIndex = (0, getCurrentIndex_1.getCurrentIndex)(steps, current);
+        const prevStep = currIndex > 0 ? steps[currIndex - 1].id : null;
+        const res = onPrevious === null || onPrevious === void 0 ? void 0 : onPrevious(prevStep);
+        if (res === false) {
+            return;
+        }
+        setCurrent((curr) => {
+            const currentIndex = (0, getCurrentIndex_1.getCurrentIndex)(steps, curr);
             if (currentIndex === -1) {
-                return prev;
+                return curr;
             }
             return steps[currentIndex - 1].id;
         });
-        onPrevious === null || onPrevious === void 0 ? void 0 : onPrevious();
-    }, [onPrevious, setCurrent, steps]);
+    }, [onPrevious, setCurrent, steps, current]);
     const onContinueHandler = (0, react_1.useCallback)(() => {
-        setCurrent((prev) => {
-            const currentIndex = steps.findIndex((step) => step.id === prev);
+        const currIndex = (0, getCurrentIndex_1.getCurrentIndex)(steps, current);
+        const nextStep = currIndex < steps.length - 1 ? steps[currIndex + 1].id : null;
+        const res = onContinue === null || onContinue === void 0 ? void 0 : onContinue(nextStep);
+        if (res === false) {
+            return;
+        }
+        setCurrent((curr) => {
+            const currentIndex = (0, getCurrentIndex_1.getCurrentIndex)(steps, curr);
             if (currentIndex === -1) {
-                return prev;
+                return curr;
             }
             return steps[currentIndex + 1].id;
         });
-        onContinue === null || onContinue === void 0 ? void 0 : onContinue();
-    }, [onContinue, setCurrent, steps]);
+    }, [current, onContinue, setCurrent, steps]);
     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 ${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") }))] })] }));

package/dist/formStepperButtons/utils/getCurrentIndex.d.ts

@@ -0,0 +1,2 @@
+import { IFormStepper } from "../../formStepper/formStepper";
+export declare const getCurrentIndex: (steps: IFormStepper["steps"], current: IFormStepper["current"]) => number;

package/dist/formStepperButtons/utils/getCurrentIndex.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrentIndex = void 0;
+const formStepper_1 = require("../../formStepper/formStepper");
+const getCurrentIndex = (steps, current) => current === formStepper_1.STEPPER_LAST_STEP ? steps.length : steps.findIndex((step) => step.id === current);
+exports.getCurrentIndex = getCurrentIndex;

package/dist/header/header.js

@@ -182,17 +182,17 @@ const Header = ({ children, className, onFiltersBarOpen }) => {
         calculateMiddleWidth();
     }, [calculateMiddleWidth]);
     const moreButton = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(collapsedItemsControl_1.PageToolbarCollapsedItemsControl, { children: nonFittingElements }, "pageCollapsedToolbar"), [nonFittingElements]);
-    const mobileSearch = (0, react_1.useMemo)(() => searchComponent ?
-        (0, jsx_runtime_1.jsx)(mobileSearchControl_1.MobileSearchControl, { state: searchExpandedState, searchInput: searchComponent, onClick: (state) => setSearchExpandedState(state) }) : null, [searchComponent, searchExpandedState]);
+    const mobileSearch = (0, react_1.useMemo)(() => searchComponent && memoizedFiltersBar ?
+        (0, jsx_runtime_1.jsx)(mobileSearchControl_1.MobileSearchControl, { state: searchExpandedState, searchInput: searchComponent, onClick: (state) => setSearchExpandedState(state) }) : null, [memoizedFiltersBar, searchComponent, searchExpandedState]);
     const mobileFilterButton = (0, react_1.useMemo)(() => isMobile && memoizedFiltersBar ? (0, jsx_runtime_1.jsx)(mobileFilterControl_1.MobileFilterControl, { count: numberOfChangedFilters, onClick: filtersBarToggler, ref: mobileFilterControlRef }) : null, [filtersBarToggler, isMobile, memoizedFiltersBar, numberOfChangedFilters]);
     const mobileFilterNewlineButton = (0, react_1.useMemo)(() => isMobile && memoizedFiltersBar ? (0, jsx_runtime_1.jsx)(mobileFilterControl_1.MobileFilterControl, { count: numberOfChangedFilters, onClick: filtersBarToggler, ref: mobileFilterNewLineControlRef }) : null, [filtersBarToggler, isMobile, memoizedFiltersBar, numberOfChangedFilters]);
     const mobileNewLineContainer = (0, react_1.useMemo)(() => {
-        if (!searchComponent || isFilterHidden) {
+        if (!searchComponent || isFilterHidden || !memoizedFiltersBar) {
             return null;
         }
         const searchProps = searchComponent.props;
         return (0, jsx_runtime_1.jsxs)("div", { className: "zen-main-header__mobile-container-new-line", children: [(0, react_1.cloneElement)(searchComponent, { key: "searchComponentKey", className: `${searchProps.className || ""} zen-main-header__mobile-search-input` }), !isOnlySearch ? mobileFilterNewlineButton : null] });
-    }, [searchComponent, isFilterHidden, mobileFilterNewlineButton, isOnlySearch]);
+    }, [searchComponent, isFilterHidden, memoizedFiltersBar, isOnlySearch, mobileFilterNewlineButton]);
     const isFilterInNewLine = (0, react_1.useMemo)(() => !!searchComponent && !isOnlySearch && resizableElements.length > 0 && !searchExpandedState, [searchComponent, isOnlySearch, resizableElements.length, searchExpandedState]);
     const collapsedElements = (0, react_1.useMemo)(() => nonFittingElements.length ? [moreButton] : [], [moreButton, nonFittingElements.length]);
     const mobileSearchCondition = !resizableElements.length && mobileSearch !== null;

package/dist/index.css

@@ -2512,6 +2512,7 @@
 }
 .zen-dropdown-searchable-trigger {
   max-width: 420px;
+  cursor: pointer;
   box-sizing: border-box;
   display: flex;
   flex-wrap: nowrap;
@@ -2598,6 +2599,7 @@
   margin-left: -1px;
   cursor: pointer;
   flex-shrink: 0;
+  pointer-events: none;
 }
 .zen-dropdown-searchable-trigger__popup-trigger:focus-visible {
   outline: none;
@@ -8007,6 +8009,10 @@ button.zen-summary__clickable {
   display: flex;
   justify-content: flex-end;
 }
+.zen-columns-list__footer .zen-columns-list__reset:focus {
+  outline: none;
+  border: 1px solid var(--borders-form-field--active);
+}
 .zen-columns-list__sub-section {
   border-top: 1px solid var(--borders-general);
   padding: 8px 0;
@@ -8504,6 +8510,10 @@ button.zen-summary__clickable {
   display: flex;
   justify-content: flex-end;
 }
+.zen-columns-list__footer .zen-columns-list__reset:focus {
+  outline: none;
+  border: 1px solid var(--borders-form-field--active);
+}
 .zen-columns-list__sub-section {
   border-top: 1px solid var(--borders-general);
   padding: 8px 0;
@@ -10236,6 +10246,7 @@ button.zen-summary__clickable {
   box-sizing: border-box;
   display: flex;
   flex-wrap: nowrap;
+  cursor: pointer;
 }
 .zen-groups-filter * {
   box-sizing: border-box;
@@ -10350,6 +10361,7 @@ button.zen-summary__clickable {
   margin-left: -1px;
   cursor: pointer;
   flex-shrink: 0;
+  pointer-events: none;
 }
 .zen-groups-filter__popup-trigger:focus-visible {
   outline: none;
@@ -13256,16 +13268,18 @@ button.zen-summary__clickable {
 }
 .zen-nav {
   --nav-gap: 16px;
-  --nav-top-bottom-padding: 16px;
+  --nav-top-bottom-padding: 12px;
   --nav-left-right-padding: 12px;
   --nav-left-right-collapsed-padding: 8px;
+  --nav-top-bottom-mobile-padding: 12px;
+  --nav-background-color: var(--backgrounds-content-1);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   gap: var(--nav-gap);
   height: 100%;
   padding: var(--nav-top-bottom-padding) var(--nav-left-right-padding);
-  background-color: var(--backgrounds-content-0);
+  background-color: var(--nav-background-color);
 }
 .zen-nav__header {
   flex: 0 0 auto;
@@ -13279,14 +13293,8 @@ button.zen-summary__clickable {
 .zen-nav__content--has-scrollbar {
   margin-right: calc(-1 * var(--nav-left-right-padding));
 }
-.zen-nav__content--has-scrollbar .zen-nav__content-inner {
-  margin-right: -5px;
-}
-.zen-nav__content--overlay-scrollbar.zen-nav__content--has-scrollbar {
-  margin-right: 0;
-}
 .zen-nav__content--overlay-scrollbar.zen-nav__content--has-scrollbar .zen-nav__content-inner {
-  margin-right: 0;
+  margin-right: var(--nav-left-right-padding);
 }
 .zen-nav__content::before,
 .zen-nav__content::after {
@@ -13303,12 +13311,12 @@ button.zen-summary__clickable {
 }
 .zen-nav__content::before {
   top: 0;
-  background: linear-gradient(to bottom, var(--backgrounds-content-0), transparent);
+  background: linear-gradient(to bottom, var(--nav-background-color), transparent);
   margin-bottom: calc(-1 * var(--nav-gap));
 }
 .zen-nav__content::after {
   bottom: 0;
-  background: linear-gradient(to top, var(--backgrounds-content-0), transparent);
+  background: linear-gradient(to top, var(--nav-background-color), transparent);
   margin-top: calc(-1 * var(--nav-gap));
 }
 .zen-nav__content--show-top-shadow::before {
@@ -13326,12 +13334,20 @@ button.zen-summary__clickable {
   flex: 0 0 auto;
 }
 .zen-nav--mobile {
+  padding: var(--nav-top-bottom-mobile-padding) var(--nav-left-right-padding);
   overflow-y: auto;
+  gap: 8px;
 }
 .zen-nav--mobile .zen-nav__content {
   overflow: initial;
   flex-grow: 0;
 }
+.zen-nav--mobile .zen-nav__footer {
+  margin-top: 8px;
+}
+.zen-nav--mobile .zen-nav__header {
+  padding: 6px 0;
+}
 .zen-nav--collapsed {
   padding-left: var(--nav-left-right-collapsed-padding);
   padding-right: var(--nav-left-right-collapsed-padding);
@@ -13339,7 +13355,27 @@ button.zen-summary__clickable {
 .zen-nav--collapsed .zen-nav__content--has-scrollbar {
   margin-right: calc(-1 * var(--nav-left-right-collapsed-padding));
 }
-.zen-nav-l2-popup.zen-nav-l2-popup:not(.zen-nav-l2-popup .zen-nav-l2-popup):not(.zen-nav-l2-popup--mobile) {
+.zen-nav-button {
+  padding: 6px;
+}
+@media (hover: hover) {
+  .zen-nav__content {
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+  }
+  .zen-nav__content::-webkit-scrollbar-thumb,
+  .zen-nav__content::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+  .zen-nav__content:hover {
+    scrollbar-color: initial;
+  }
+  .zen-nav__content:hover::-webkit-scrollbar-thumb,
+  .zen-nav__content:hover::-webkit-scrollbar-track {
+    background-color: initial;
+  }
+}
+.zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) {
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -13355,14 +13391,14 @@ button.zen-summary__clickable {
   min-height: 30px;
   min-width: 170px;
   max-width: 232px;
-  background-color: var(--backgrounds-content-0);
+  background-color: var(--backgrounds-content-1);
   padding: 8px;
 }
-.zen-nav-l2-popup.zen-nav-l2-popup:not(.zen-nav-l2-popup .zen-nav-l2-popup):not(.zen-nav-l2-popup--mobile).zen-nav-l2-popup--narrow {
+.zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile).zen-nav-popup--narrow {
   width: 160px;
   min-width: 160px;
 }
-.zen-nav-l2-popup.zen-nav-l2-popup:not(.zen-nav-l2-popup .zen-nav-l2-popup):not(.zen-nav-l2-popup--mobile) .zen-nav-l2-popup__list:not(.zen-nav-l2-popup__list--mobile) {
+.zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) .zen-nav-popup__list:not(.zen-nav-popup__list--mobile) {
   padding: 0;
   margin: 0;
   display: flex;
@@ -13400,8 +13436,8 @@ button.zen-summary__clickable {
   width: 100%;
   display: flex;
   align-items: center;
-  padding: 4px 8px;
-  border-radius: 8px;
+  padding: 4px;
+  border-radius: var(--border-radius-default);
   color: var(--text-secondary);
   fill: var(--text-secondary);
   line-height: 1rem;
@@ -13478,6 +13514,13 @@ button.zen-summary__clickable {
   align-items: center;
   gap: 4px;
 }
+.zen-nav-item__tertiary-icon-button {
+  display: flex;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+}
 .zen-nav-item--button {
   border: 0;
   background: transparent;
@@ -13523,7 +13566,6 @@ button.zen-summary__clickable {
 }
 .zen-nav-item--collapsed .zen-nav-item__icon {
   padding: 6px;
-  border-radius: 8px;
   position: relative;
 }
 .zen-nav-item--collapsed .zen-nav-item__icon--with-counter::before {
@@ -13537,12 +13579,8 @@ button.zen-summary__clickable {
   border: 1px solid var(--backgrounds-content-0);
   border-radius: 50%;
 }
-.zen-nav-item--mobile {
-  padding: 6px;
-}
 .zen-nav-item--mobile-bar {
-  color: var(--text-primary);
-  fill: var(--text-primary);
+  margin: 6px;
 }
 .zen-nav-item--nested:not(.zen-nav-item--mobile) {
   min-height: 32px;
@@ -13560,14 +13598,14 @@ button.zen-summary__clickable {
   box-sizing: border-box;
   display: flex;
   gap: 8px;
-  justify-content: space-between;
   align-items: center;
 }
 .zen-nav-header__controls {
   display: flex;
-  gap: 8px;
+  gap: 4px;
   flex: 0 0 auto;
   align-items: center;
+  justify-content: flex-end;
 }
 .zen-nav-header__actions-icon {
   border-radius: 50%;
@@ -13584,6 +13622,9 @@ button.zen-summary__clickable {
 .zen-nav-header__logo-link {
   display: flex;
   align-items: center;
+  flex: 1 1 100%;
+  margin-bottom: -3px;
+  /* Adjust for visual centering (compensate y letter shift) */
 }
 .zen-nav-header--collapsed {
   align-items: center;
@@ -13599,9 +13640,6 @@ button.zen-summary__clickable {
 .zen-nav-header-search {
   flex: 1 1 auto;
 }
-.zen-nav-header-search__button {
-  border-radius: 50%;
-}
 .zen-nav-header-search__input {
   flex: 1 1 auto;
 }
@@ -13615,6 +13653,7 @@ button.zen-summary__clickable {
 }
 .zen-nav-divider {
   height: 1px;
+  min-height: 1px;
   width: 100%;
   background: linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--borders-general) 40%, transparent) 10%, var(--borders-general) 50%, color-mix(in srgb, var(--borders-general) 40%, transparent) 90%, transparent 100%);
   border: none;

package/dist/index.d.ts

@@ -95,6 +95,7 @@ export { type IFormField, type IFormFieldComponent, type TFormFieldComponentProp
 export { type IStepItem } from "./formStepper/components/formStep";
 export { STEPPER_LAST_STEP, type TFormStepperMode, type IFormStepper, FormStepper } from "./formStepper/formStepper";
 export { type IFormStepperButtons, FormStepperButtons } from "./formStepperButtons/formStepperButtons";
+export { getCurrentIndex } from "./formStepperButtons/utils/getCurrentIndex";
 export { type IGridLayout, GridLayout } from "./gridLayout/gridLayout";
 export { type IGroupButton, GroupButton } from "./groupButton/groupButton";
 export { groupsFilterTotalStateDefault, type IGroupsFilter, GroupsFilter } from "./groupsFilter/groupsFilter";

package/dist/index.js

@@ -2,21 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMaxNumberOfActions = exports.getIconFromStatus = exports.getDefaultFullWidthValue = exports.TitleLink = exports.Title = exports.Status = exports.Content = exports.CardButton = exports.Actions = exports.Card = exports.isDifferentPeriod = exports.isValidationDateError = exports.isValidDate = exports.getSelectableYears = exports.isDisableDate = exports.isDisableYear = exports.getAvailablePeriod = exports.toDayStart = exports.setYear = exports.getSameDateOrTheLastForMonth = exports.addMonth = exports.getEndOfWeek = exports.getStartOfWeek = exports.getDayOfWeekOffset = exports.addMonths = exports.addDays = exports.addMinutes = exports.getNewEndDate = exports.getNewStartDate = exports.getCalendarMonthDates = exports.getEndOfMonth = exports.getStartOfMonth = exports.dayNames = exports.Calendar = exports.ButtonType = exports.Button = exports.Bookmark = exports.BetaPillProvider = exports.BetaPill = exports.getBannerOptions = exports.options = exports.DEFAULT_BANNER_UPSELL_SIZE = exports.BannerUpsell = exports.Banner = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
 exports.GET_LAST_MONTH_OPTION = exports.GET_NEXT_MONTH_OPTION = exports.GET_THIS_MONTH_OPTION = exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.DateInput = exports.cutSeconds = exports.ControlledPopup = exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.useThrottle = exports.useScroll = exports.useResize = exports.useMobile = exports.useGridSize = exports.useDeviceType = exports.useDebouncedMemo = exports.useDebounce = exports.DeviceType = exports.generateId = exports.hexToRGBA = exports.classNames = exports.getCheckboxState = exports.CheckboxState = exports.Checkbox = exports.resampleArrayEvenly = exports.removeTrendDataFromDatasets = exports.getFormattedLabel = exports.Chart = exports.AccessibleChartTable = exports.AccessibleChartNarrative = exports.simplifyData = exports.collectAllPoints = exports.AccessibleChart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = exports.useCardSizeState = exports.useCardSize = void 0;
-exports.groupsFilterTotalStateDefault = exports.GroupButton = exports.GridLayout = exports.FormStepperButtons = exports.FormStepper = exports.STEPPER_LAST_STEP = exports.FormField = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FiltersBarDropdownWithCheckbox = exports.useFiltersSelection = exports.usePinnedFilters = exports.useFiltersSearch = exports.Filters = exports.FiltersDisplayName = exports.getAllOption = exports.getFiltersSearchTypeAllOption = exports.ALL_SELECT_OPTION_ID = exports.KEYWORD_TYPE = exports.KEYWORD_ID = exports.NO_TYPED_SEARCH_ITEM = exports.FiltersRange = exports.FiltersGroups = exports.FiltersDropdown = exports.FiltersDateRange = exports.FiltersChip = exports.FilterButton = exports.FeedbackProvider = exports.FavoriteButton = exports.useDropdownState = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = void 0;
-exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = exports.Header = exports.HeaderType = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.ENTIRE_ORGANIZATION_GROUP_ID = exports.FilterMenuStep = exports.GroupsFilter = void 0;
-exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = void 0;
-exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = void 0;
-exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = void 0;
-exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight = void 0;
-exports.IconHistory = exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = void 0;
-exports.IconLocationOff = exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = void 0;
-exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = void 0;
-exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = void 0;
-exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = void 0;
-exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageNothingFound = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = void 0;
-exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.PrimaryIcon = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.PageHeaderMenu = exports.PageHeaderMenuDisplayName = exports.PageHeaderButton = exports.PageHeaderButtonDisplayName = exports.PageHeader = exports.PageHeaderDisplayName = exports.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = void 0;
-exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.useNestedRows = exports.NestedData = exports.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Summary = exports.Summaries = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = void 0;
+exports.GroupButton = exports.GridLayout = exports.getCurrentIndex = exports.FormStepperButtons = exports.FormStepper = exports.STEPPER_LAST_STEP = exports.FormField = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FiltersBarDropdownWithCheckbox = exports.useFiltersSelection = exports.usePinnedFilters = exports.useFiltersSearch = exports.Filters = exports.FiltersDisplayName = exports.getAllOption = exports.getFiltersSearchTypeAllOption = exports.ALL_SELECT_OPTION_ID = exports.KEYWORD_TYPE = exports.KEYWORD_ID = exports.NO_TYPED_SEARCH_ITEM = exports.FiltersRange = exports.FiltersGroups = exports.FiltersDropdown = exports.FiltersDateRange = exports.FiltersChip = exports.FilterButton = exports.FeedbackProvider = exports.FavoriteButton = exports.useDropdownState = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = void 0;
+exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = exports.Header = exports.HeaderType = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.ENTIRE_ORGANIZATION_GROUP_ID = exports.FilterMenuStep = exports.GroupsFilter = exports.groupsFilterTotalStateDefault = void 0;
+exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = void 0;
+exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = void 0;
+exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = void 0;
+exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight = exports.IconCornerUpLeft = void 0;
+exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = void 0;
+exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = void 0;
+exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = exports.IconLocationOff = void 0;
+exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = void 0;
+exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = void 0;
+exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageNothingFound = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = void 0;
+exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.PrimaryIcon = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.PageHeaderMenu = exports.PageHeaderMenuDisplayName = exports.PageHeaderButton = exports.PageHeaderButtonDisplayName = exports.PageHeader = exports.PageHeaderDisplayName = exports.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = void 0;
+exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.useNestedRows = exports.NestedData = exports.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Summary = exports.Summaries = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -255,6 +255,8 @@ Object.defineProperty(exports, "STEPPER_LAST_STEP", { enumerable: true, get: fun
 Object.defineProperty(exports, "FormStepper", { enumerable: true, get: function () { return formStepper_1.FormStepper; } });
 var formStepperButtons_1 = require("./formStepperButtons/formStepperButtons");
 Object.defineProperty(exports, "FormStepperButtons", { enumerable: true, get: function () { return formStepperButtons_1.FormStepperButtons; } });
+var getCurrentIndex_1 = require("./formStepperButtons/utils/getCurrentIndex");
+Object.defineProperty(exports, "getCurrentIndex", { enumerable: true, get: function () { return getCurrentIndex_1.getCurrentIndex; } });
 var gridLayout_1 = require("./gridLayout/gridLayout");
 Object.defineProperty(exports, "GridLayout", { enumerable: true, get: function () { return gridLayout_1.GridLayout; } });
 var groupButton_1 = require("./groupButton/groupButton");

package/dist/mobileSheet/mobileSheet.js

@@ -62,11 +62,14 @@ const MobileSheet =
         setIsOpen(isOpen);
     }, [isOpen, setIsOpen]);
     (0, react_1.useEffect)(() => {
-        var _a, _b;
+        var _a, _b, _c;
         if (useTrapFocusWithTrigger) {
             return;
         }
-        showContent && ((_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR)) === null || _b === void 0 ? void 0 : _b.focus());
+        if ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(".zen-mobile-sheet")) {
+            return;
+        }
+        showContent && ((_c = (_b = ref.current) === null || _b === void 0 ? void 0 : _b.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR)) === null || _c === void 0 ? void 0 : _c.focus());
     }, [content, showContent, readyForFocus, useTrapFocusWithTrigger]);
     (0, react_1.useEffect)(() => {
         var _a;

package/dist/nav/context/nav.context.d.ts

@@ -6,6 +6,7 @@ export interface INavContext {
     onSearch?: (searchTerm: string) => void;
     searchOpen?: boolean;
     onSearchToggle?: (isOpen: boolean) => void;
+    onNavigate?: () => void;
 }
 /**
  * @beta This component is not fully ready yet and may change in future releases.

package/dist/nav/context/nav.context.js

@@ -11,7 +11,8 @@ exports.NavContext = (0, react_1.createContext)({
     searchTerm: "",
     onSearch: undefined,
     searchOpen: false,
-    onSearchToggle: undefined
+    onSearchToggle: undefined,
+    onNavigate: undefined
 });
 /**
  * @beta This component is not fully ready yet and may change in future releases.