@geotab/zenith 3.11.0-beta.0 → 3.11.0

package/dist/index.d.ts

@@ -775,7 +775,6 @@ export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelp
 export { LanguageProvider } from "./utils/localization/languageProvider";
 export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
 export { useDirection } from "./utils/localization/useDirection";
-export { useDirectionalIcon } from "./utils/localization/useDirectionalIcon";
 export { useLanguage } from "./utils/localization/useLanguage";
 export { ThemeDark } from "./utils/theme/themeDark";
 export { ThemeDrive } from "./utils/theme/themeDrive";

package/dist/index.js

@@ -17,7 +17,7 @@ exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconSha
 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 = 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 = void 0;
 exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.isDragNotClick = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageTapToUpload = exports.ImageNothingFound = exports.ImageNoMatchingAssets = exports.ImageLooking = exports.ImageCloudUpload = exports.ImageAdjustFilter = 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 = void 0;
 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 = 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 = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.useDirectionalIcon = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = 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 = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = 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 = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -1665,8 +1665,6 @@ Object.defineProperty(exports, "dictionaries", { enumerable: true, get: function
 Object.defineProperty(exports, "injectString", { enumerable: true, get: function () { return translationsDictionary_1.injectString; } });
 var useDirection_1 = require("./utils/localization/useDirection");
 Object.defineProperty(exports, "useDirection", { enumerable: true, get: function () { return useDirection_1.useDirection; } });
-var useDirectionalIcon_1 = require("./utils/localization/useDirectionalIcon");
-Object.defineProperty(exports, "useDirectionalIcon", { enumerable: true, get: function () { return useDirectionalIcon_1.useDirectionalIcon; } });
 var useLanguage_1 = require("./utils/localization/useLanguage");
 Object.defineProperty(exports, "useLanguage", { enumerable: true, get: function () { return useLanguage_1.useLanguage; } });
 var themeDark_1 = require("./utils/theme/themeDark");

package/dist/lineChartMini/lineChartMini.js

@@ -21,7 +21,6 @@ const utils_2 = require("../lineChart/utils");
 const useDrive_1 = require("../utils/theme/useDrive");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const themeContext_1 = require("../utils/theme/themeContext");
-const useIsRTL_1 = require("../utils/localization/useIsRTL");
 const accessibleChart_1 = require("../chart/accessibleChart/accessibleChart");
 auto_1.Chart.defaults.font = {
     family: "Roboto",
@@ -34,26 +33,17 @@ const defaultGridStyle = {
 const defaultGridBorderStyle = {
     display: false
 };
-const getDefaultOptions = (isRtl) => ({
+const defaultOptions = {
     responsive: true,
     maintainAspectRatio: false,
-    layout: {
-        padding: {
-            left: isRtl ? 16 : 0,
-            right: isRtl ? 0 : 16
-        }
-    },
     scales: {
         x: {
             grid: defaultGridStyle,
-            border: defaultGridBorderStyle,
-            reverse: isRtl,
-            offset: false
+            border: defaultGridBorderStyle
         },
         y: {
             grid: defaultGridStyle,
             border: defaultGridBorderStyle,
-            position: isRtl ? "right" : "left",
             ticks: {
                 display: false
             }
@@ -67,7 +57,7 @@ const getDefaultOptions = (isRtl) => ({
             enabled: false
         }
     }
-});
+};
 const LineChartMini = (_a) => {
     var _b, _c;
     var { data, options = {} } = _a, rest = __rest(_a, ["data", "options"]);
@@ -75,7 +65,6 @@ const LineChartMini = (_a) => {
     const isMobile = (0, useMobile_1.useMobile)();
     const memoizedFontSize = (0, react_1.useMemo)(() => (isDrive ? (isMobile ? 14 : 16) : 12), [isDrive, isMobile]);
     const { dark } = (0, react_1.useContext)(themeContext_1.themeContext);
-    const isRtl = (0, useIsRTL_1.useIsRTL)();
     (0, react_1.useEffect)(() => {
         auto_1.Chart.defaults.font = {
             family: "Roboto",
@@ -84,7 +73,6 @@ const LineChartMini = (_a) => {
         auto_1.Chart.defaults.color = dark ? "#FFFFFF" : "#1F2833";
     }, [memoizedFontSize, dark]);
     const adaptedData = Object.assign({}, data);
-    const defaultOptions = (0, react_1.useMemo)(() => getDefaultOptions(isRtl), [isRtl]);
     const adaptedOptions = (0, utils_1.deepMerge)(defaultOptions, options);
     if (((_b = adaptedData.labels) === null || _b === void 0 ? void 0 : _b.length) === 2) {
         const maxLabelsCount = Math.max(...data.datasets.map(ds => ds.data.length));

package/dist/list/itemData/itemDataInternal.js

@@ -14,8 +14,6 @@ const useLanguage_1 = require("../../utils/localization/useLanguage");
 const button_1 = require("../../button/button");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const iconChevronRight_1 = require("../../icons/iconChevronRight");
-const iconChevronLeft_1 = require("../../icons/iconChevronLeft");
-const useDirectionalIcon_1 = require("../../utils/localization/useDirectionalIcon");
 const iconDotVertical_1 = require("../../icons/iconDotVertical");
 const menu_1 = require("../../menu/menu");
 const isActiveElement_1 = require("../utils/isActiveElement");
@@ -97,7 +95,6 @@ const ItemDataInternalInner = ({
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
-  const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
   const driveClassName = (0, react_1.useMemo)(() => isDrive ? isMobile ? "zen-item-data-drive" : "zen-item-data-drive-tablet" : "", [isDrive, isMobile]);
   const mobileClassName = (0, useMobileClassName_1.useMobileClassName)("zen-item-data");
   const aceClassName = (0, react_1.useMemo)(() => isTall ? "zen-item-data--tall" : "", [isTall]);
@@ -205,7 +202,7 @@ const ItemDataInternalInner = ({
           onClick: onClick,
           title: translate("Open"),
           "aria-label": translate("Open"),
-          children: (0, jsx_runtime_1.jsx)(ChevronIcon, {
+          children: (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, {
             size: "large",
             className: "zen-item-data__click-icon"
           })

package/dist/list/listItem/listItem.js

@@ -74,8 +74,6 @@ const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const useIconSize_1 = require("../../utils/theme/useIconSize");
 const iconChevronRight_1 = require("../../icons/iconChevronRight");
-const iconChevronLeft_1 = require("../../icons/iconChevronLeft");
-const useDirectionalIcon_1 = require("../../utils/localization/useDirectionalIcon");
 const isActiveElement_1 = require("../utils/isActiveElement");
 const useMobileClassName_1 = require("../../utils/theme/useMobileClassName");
 const ListItem = ({
@@ -99,7 +97,6 @@ const ListItem = ({
     translate
   } = (0, useLanguage_1.useLanguage)();
   const itemRef = (0, react_1.useRef)(null);
-  const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
   const renderActions = (0, react_1.useCallback)(() => {
     if (!actions || actions.length === 0) {
       return null;
@@ -212,7 +209,7 @@ const ListItem = ({
       link: link,
       target: target,
       title: translate("View details"),
-      children: (0, jsx_runtime_1.jsx)(ChevronIcon, {
+      children: (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, {
         size: isMobile ? "huge" : "large",
         className: "zen-list-item__click-icon"
       })

package/dist/menu/components/controlledMenuList/controlledMenuList.js

@@ -20,12 +20,9 @@ const generateId_1 = require("../../../commonHelpers/generateId");
 const pathProvider_1 = require("../../contexts/pathProvider");
 const mobileSheet_1 = require("../../../mobileSheet/mobileSheet");
 const menuSeparator_1 = require("../menuSeparator");
-const iconArrowRight_1 = require("../../../icons/iconArrowRight");
-const useDirectionalIcon_1 = require("../../../utils/localization/useDirectionalIcon");
 const ControlledMenuListBase = (0, react_1.forwardRef)(({ children, setIsOpen, isOpen, className = "", listClassName = "", ariaLabel, defaultTooltipAlignment, defaultAlignment, direction = "vertical" }, ref) => {
     const [deviceType, setDeviceType] = (0, react_1.useState)(deviceType_1.DeviceType.Desktop);
     const isMobile = deviceType === deviceType_1.DeviceType.Mobile;
-    const BackArrowIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconArrowLeft_1.IconArrowLeft, iconArrowRight_1.IconArrowRight);
     (0, useDeviceType_1.useDeviceType)(setDeviceType);
     // True when mounted inside ControlledMenu, which injects setIsOpen and isOpen.
     // Standalone usage leaves both undefined.
@@ -116,7 +113,7 @@ const ControlledMenuListBase = (0, react_1.forwardRef)(({ children, setIsOpen, i
                 className,
                 listClassName,
                 applyDirection && direction === "horizontal" ? "zen-menu-item--horizontal" : ""
-            ]), children: [backParent ? ((0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: "root", name: (0, getItemLabel_1.getItemLabel)(backParent), icon: BackArrowIcon, onClick: closeBranch, hasChildren: false, disabled: false }, "root")) : null, listContent] }) }));
+            ]), children: [backParent ? ((0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: "root", name: (0, getItemLabel_1.getItemLabel)(backParent), icon: iconArrowLeft_1.IconArrowLeft, onClick: closeBranch, hasChildren: false, disabled: false }, "root")) : null, listContent] }) }));
     const { sheetContent, sheetParent, sheetPathLength, sheetParentName } = (0, useLastValidSheet_1.useLastValidSheet)(nestedContent, nestedParent, path, children);
     return ((0, jsx_runtime_1.jsxs)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: [renderList(content, parent, divRefCallback), !isEmbedded && isMobile && ((0, jsx_runtime_1.jsxs)(mobileSheet_1.MobileSheet, { label: sheetParentName, isOpen: path.length > 0, triggerRef: internalRef, onHidePanel: closeAll, onCloseClick: closeAll, children: [(0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Title, { children: sheetParentName }), (0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Content, { children: renderList(sheetContent, sheetPathLength > 1 ? sheetParent : null, undefined, false, onKeyDownVertical) })] }))] }));
 });

package/dist/menu/components/menuButton.js

@@ -5,8 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const iconChevronRight_1 = require("../../icons/iconChevronRight");
-const iconChevronLeft_1 = require("../../icons/iconChevronLeft");
-const useDirectionalIcon_1 = require("../../utils/localization/useDirectionalIcon");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useDrive_1 = require("../../utils/theme/useDrive");
 const getMenuButtonState_1 = require("../utils/getMenuButtonState");
@@ -16,7 +14,6 @@ const MenuButton = ({ id, onClick, hasChildren, disabled, icon, name, link, targ
     const { hasState, isActive } = (0, getMenuButtonState_1.getMenuButtonState)(active, disabled);
     const driveMenuButtonActionClasses = (0, useDriveClassName_1.useDriveClassName)("zen-menu-button__action");
     const isDrive = (0, useDrive_1.useDrive)();
-    const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
     const linkEvents = (0, react_1.useMemo)(() => ({
         onKeyDown: e => {
             if (e.key === " ") {
@@ -52,7 +49,7 @@ const MenuButton = ({ id, onClick, hasChildren, disabled, icon, name, link, targ
                 (0, react_1.createElement)(icon, {
                     size: isDrive ? "huge" : "large",
                     className: (0, classNames_1.classNames)(["zen-caption__pre-content", "zen-menu-button__icon"])
-                }), (0, jsx_runtime_1.jsx)("span", { className: "zen-menu-button__action-text", children: name }), !!hasChildren && ((0, jsx_runtime_1.jsx)(ChevronIcon, { size: isDrive ? "huge" : "large", className: (0, classNames_1.classNames)(["zen-caption__pre-content", "zen-menu-button__more-icon"]) }))] }));
+                }), (0, jsx_runtime_1.jsx)("span", { className: "zen-menu-button__action-text", children: name }), !!hasChildren && ((0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: isDrive ? "huge" : "large", className: (0, classNames_1.classNames)(["zen-caption__pre-content", "zen-menu-button__more-icon"]) }))] }));
     const linkTemplate = ((0, jsx_runtime_1.jsxs)("a", Object.assign({ "data-id": id, role: "menuitem", className: (0, classNames_1.classNames)([
             "zen-menu-button__action",
             "zen-caption",

package/dist/menu/utils/useMenuItemCore.js

@@ -6,16 +6,15 @@ const pathContext_1 = require("../contexts/pathContext");
 const headerContext_1 = require("../../header/headerContext");
 const buildMenuContent_1 = require("./buildMenuContent");
 const useMenuItemKeyboardNav_1 = require("./useMenuItemKeyboardNav");
-const directionContext_1 = require("../../utils/localization/directionContext");
+const useRTLAlignment_1 = require("../../utils/localization/useRTLAlignment");
 /**
  * Core menu item logic shared between MenuItem and createMenuItem.
  * Consolidates context access, state computation, and callback memoization.
  */
 const useMenuItemCore = ({ id, children, className, alignment, isMobile = false, setIsOpen, onClick, onOpenChange }) => {
     const alignmentContext = (0, react_1.useContext)(headerContext_1.MenuAlignmentContext);
-    const direction = (0, react_1.useContext)(directionContext_1.directionContext);
-    const defaultAlignment = direction === "rtl" ? "left-top" : "right-top";
-    const contentAlignment = alignment || alignmentContext.alignment || defaultAlignment;
+    const rawAlignment = alignment || alignmentContext.alignment || "right-top";
+    const contentAlignment = (0, useRTLAlignment_1.useRTLAlignment)(rawAlignment);
     const { path, onOpenBranch, closeBranch, navigatedViaKeyboardRef } = (0, react_1.useContext)(pathContext_1.PathContext);
     const ref = (0, react_1.useRef)(null);
     const content = (0, react_1.useMemo)(() => (0, buildMenuContent_1.buildMenuContent)(children, isMobile, setIsOpen, className), [children, isMobile, setIsOpen, className]);

package/dist/nav/navItem/navItem.js

@@ -17,9 +17,7 @@ const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const react_1 = require("react");
 const iconBeta_1 = require("../../icons/iconBeta");
 const iconChevronRight_1 = require("../../icons/iconChevronRight");
-const iconChevronLeft_1 = require("../../icons/iconChevronLeft");
 const iconOpen2_1 = require("../../icons/iconOpen2");
-const useDirectionalIcon_1 = require("../../utils/localization/useDirectionalIcon");
 const tooltip_1 = require("../../tooltip/tooltip");
 const controlledMenu_1 = require("../../menu/controlledMenu");
 const nav_context_1 = require("../context/nav.context");
@@ -31,12 +29,11 @@ const defaultTooltipAlignment = "right";
 const isLinkNavItem = (item) => !!item.link;
 const NavItemContent = ({ primaryIcon, secondaryIcon, isBeta, counter, collapsed, hasSubmenu, iconClass, level = 1, children }) => {
     const primaryIconRef = (0, react_1.useRef)(null);
-    const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
     const PrimaryIconComponent = typeof primaryIcon === "function" ? primaryIcon : null;
     const SecondaryIconComponent = secondaryIcon;
     const iconSize = level > 1 ? SUBMENU_ICON_SIZE : ICON_SIZE;
     const primaryIconComponent = primaryIcon ? ((0, jsx_runtime_1.jsx)("span", { ref: primaryIconRef, className: (0, classNames_1.classNames)(["zen-nav-item__icon", counter ? "zen-nav-item__icon--with-counter" : "", iconClass || ""]), children: PrimaryIconComponent ? (0, jsx_runtime_1.jsx)(PrimaryIconComponent, { size: iconSize }) : primaryIcon })) : null;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-left", children: [isBeta && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__beta", children: (0, jsx_runtime_1.jsx)(iconBeta_1.IconBeta, { size: "big" }) })) : null, primaryIconComponent, SecondaryIconComponent && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__icon", children: (0, jsx_runtime_1.jsx)(SecondaryIconComponent, { size: iconSize }) })) : null, !collapsed ? (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title", children: children }) : null] }), !collapsed && (counter || hasSubmenu) ? ((0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-right", children: [counter ? (0, jsx_runtime_1.jsx)("div", { className: "zen-nav-item__counter", children: counter }) : null, hasSubmenu ? (0, jsx_runtime_1.jsx)(ChevronIcon, { className: "zen-nav-item__title-icon", size: iconSize }) : null] })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-left", children: [isBeta && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__beta", children: (0, jsx_runtime_1.jsx)(iconBeta_1.IconBeta, { size: "big" }) })) : null, primaryIconComponent, SecondaryIconComponent && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__icon", children: (0, jsx_runtime_1.jsx)(SecondaryIconComponent, { size: iconSize }) })) : null, !collapsed ? (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title", children: children }) : null] }), !collapsed && (counter || hasSubmenu) ? ((0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-right", children: [counter ? (0, jsx_runtime_1.jsx)("div", { className: "zen-nav-item__counter", children: counter }) : null, hasSubmenu ? (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { className: "zen-nav-item__title-icon", size: iconSize }) : null] })) : null] }));
 };
 const NavItemAction = ({ actionIcon, actionIconTitle = "", onActionIconClick, collapsed, isMenuItem, level = 1 }) => {
     const ActionIconComponent = actionIcon;

package/dist/pagination/paginationArrow.js

@@ -8,16 +8,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TRANSLATIONS = exports.PaginationArrow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
 const svgIconSize_1 = require("../svgIcon/svgIconSize");
 const paginationType_1 = require("./paginationType");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const buttonType_1 = require("../button/buttonType");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
-const iconChevronLeft_1 = require("../icons/iconChevronLeft");
 const iconArrowRight_1 = require("../icons/iconArrowRight");
-const iconArrowLeft_1 = require("../icons/iconArrowLeft");
-const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 injectString("cs", "Previous page", "P\u0159edchoz\xED str\xE1nka");
 injectString("da-DK", "Previous page", "Forrige side");
 injectString("de", "Previous page", "Vorherige Seite");
@@ -81,11 +79,6 @@ const PaginationArrow = ({
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
-  const isPrevious = value === "previous";
-  const [ltrCompact, rtlCompact] = isPrevious ? [iconChevronLeft_1.IconChevronLeft, iconChevronRight_1.IconChevronRight] : [iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft];
-  const [ltrNormal, rtlNormal] = isPrevious ? [iconArrowLeft_1.IconArrowLeft, iconArrowRight_1.IconArrowRight] : [iconArrowRight_1.IconArrowRight, iconArrowLeft_1.IconArrowLeft];
-  const CompactIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(ltrCompact, rtlCompact);
-  const NormalIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(ltrNormal, rtlNormal);
   const previousButtonTitle = translate("Previous page");
   const nextButtonTitle = translate("Next page");
   const buttonTitle = value === "next" ? nextButtonTitle : previousButtonTitle;
@@ -97,10 +90,10 @@ const PaginationArrow = ({
     disabled: disabled,
     onClick: arrowButtonHandler,
     type: type === paginationType_1.PaginationType.Compact ? buttonType_1.ButtonType.TertiaryBlack : buttonType_1.ButtonType.Secondary,
-    icon: type === paginationType_1.PaginationType.Compact ? CompactIcon : NormalIcon,
+    icon: type === paginationType_1.PaginationType.Compact ? iconChevronRight_1.IconChevronRight : iconArrowRight_1.IconArrowRight,
     iconSize: type === paginationType_1.PaginationType.Compact ? svgIconSize_1.SvgIconSize.Big : svgIconSize_1.SvgIconSize.Large,
     iconPosition: textIconButton_1.ButtonIconPosition.Start,
-    iconClasses: "zen-pagination__arrow-navigation-button-icon"
+    iconClasses: (0, classNames_1.classNames)(["zen-pagination__arrow-navigation-button-icon", value === "previous" ? "zen-pagination__arrow-navigation-button-icon--rotate" : ""])
   });
 };
 exports.PaginationArrow = PaginationArrow;

package/dist/radioGroupRaw/radioGroupRaw.js

@@ -89,8 +89,7 @@ const RadioGroupRaw = (props) => {
                         "zen-radio-group__item",
                         wrappedInLabel ? "zen-radio-group__item--no-paddings" : "",
                         type === "interactive" ? "zen-radio--interactive" : "",
-                        size === "small" ? "zen-radio-group__item--small" : "",
-                        direction === "horizontal" ? "zen-radio--align-start" : ""
+                        size === "small" ? "zen-radio-group__item--small" : ""
                     ]), key: ind, checked: item.value === value, disabled: disabled ? disabled : item.disabled, name: name, reverse: reverse, fullWidth: fullWidth, value: item.value, onChange: onChangeInner, wrappedInLabel: wrappedInLabel, tabIndex: selectItemOnFocus || disabled || item.disabled ? undefined : ind === focusedIndex ? 0 : -1, ref: selectItemOnFocus ? undefined : ind === focusedIndex ? focusElementRef : undefined, role: itemRole }), item.children) }, `${ind}-li`))) })) }));
 };
 exports.RadioGroupRaw = RadioGroupRaw;

package/dist/rangeRaw/rangeRaw.js

@@ -427,6 +427,7 @@ const RangeRaw = props => {
     className: (0, classNames_1.classNames)(["zen-range-popup zen-shadow-dropdown-default", className ? className : ""]),
     onOpenChange: handleTriggerClick,
     useTrapFocusWithTrigger: "on",
+    alignment: "bottom-left",
     shouldHoldScroll: true,
     triggerRef: triggerRef,
     ariaLabel: translate("Range Filter popup"),

package/dist/selectList/selectList.helpers.d.ts

@@ -5,7 +5,7 @@ export declare const getItemIdByIndex: (state: Map<string, CheckboxState>, index
 export declare const getItemIndexById: (state: Map<string, CheckboxState>, id: string) => number;
 export declare const updateItemState: (initialState: Map<string, CheckboxState>, multiselect: boolean, updatedId: string, newState: CheckboxState) => [Map<string, CheckboxState>, boolean];
 export declare const searchItemIndex: (items: ISelectListItem[], searchStr: string) => number;
-export declare const getFirstIndex: (items: ISelectListItem[]) => number;
+export declare const getFirstIndex: (items: ISelectListItem[]) => 0 | -1;
 export declare const getLastIndex: (items: ISelectListItem[]) => number;
 export declare const getNextIndex: (currIndex: number, items: ISelectListItem[]) => number;
 export declare const getPrevIndex: (currIndex: number, items: ISelectListItem[]) => number;

package/dist/selectList/selectList.helpers.js

@@ -42,47 +42,22 @@ const searchItemIndex = (items, searchStr) => {
     });
 };
 exports.searchItemIndex = searchItemIndex;
-const getFirstIndex = (items) => items.findIndex(item => !item.disabled);
+const getFirstIndex = (items) => (items.length > 0 ? 0 : -1);
 exports.getFirstIndex = getFirstIndex;
-const getLastIndex = (items) => {
-    for (let i = items.length - 1; i >= 0; i--) {
-        if (!items[i].disabled) {
-            return i;
-        }
-    }
-    return -1;
-};
+const getLastIndex = (items) => (items.length > 0 ? items.length - 1 : -1);
 exports.getLastIndex = getLastIndex;
 const getNextIndex = (currIndex, items) => {
-    var _a;
     if (items.length === 0) {
         return -1;
     }
-    let nextIndex = currIndex + 1 >= items.length ? 0 : currIndex + 1;
-    const startIndex = nextIndex;
-    while ((_a = items[nextIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
-        nextIndex = nextIndex + 1 >= items.length ? 0 : nextIndex + 1;
-        if (nextIndex === startIndex) {
-            return currIndex;
-        }
-    }
-    return nextIndex;
+    return currIndex + 1 >= items.length ? 0 : currIndex + 1;
 };
 exports.getNextIndex = getNextIndex;
 const getPrevIndex = (currIndex, items) => {
-    var _a;
     if (items.length === 0) {
         return -1;
     }
-    let prevIndex = currIndex <= 0 || currIndex >= items.length ? items.length - 1 : currIndex - 1;
-    const startIndex = prevIndex;
-    while ((_a = items[prevIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
-        prevIndex = prevIndex <= 0 ? items.length - 1 : prevIndex - 1;
-        if (prevIndex === startIndex) {
-            return currIndex;
-        }
-    }
-    return prevIndex;
+    return currIndex <= 0 || currIndex >= items.length ? items.length - 1 : currIndex - 1;
 };
 exports.getPrevIndex = getPrevIndex;
 const getFirstActiveIndex = (state, items, multiselect) => {

package/dist/selectList/selectList.js

@@ -51,9 +51,7 @@ const SelectList = (_a) => {
         if (!multiselect && selectItemOnFocus) {
             dispatchState({ type: selectList_actionTypes_1.ListAction.FocusFirst, payload: { items } });
         }
-        if (!multiselect) {
-            dispatchState({ type: selectList_actionTypes_1.ListAction.Focus, payload: { items, multiselect } });
-        }
+        dispatchState({ type: selectList_actionTypes_1.ListAction.Focus, payload: { items, multiselect } });
     }, [multiselect, items, selectItemOnFocus]);
     (0, react_2.useEffect)(() => {
         onChange && state.isItemsStateChanged && onChange(new Map(state.itemsState));

package/dist/selectList/selectList.reducer.js

@@ -120,7 +120,8 @@ const selectListReducer = (state, action) => {
                 newItemsState = updatedState;
             });
             const prevActiveItemId = (0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex);
-            const activeIndex = prevActiveItemId !== undefined ? (0, selectList_helpers_1.getItemIndexById)(newItemsState, prevActiveItemId) : -1;
+            const newActiveItemIndex = !!prevActiveItemId && (0, selectList_helpers_1.getItemIndexById)(newItemsState, prevActiveItemId);
+            const activeIndex = newActiveItemIndex ? newActiveItemIndex : -1;
             return Object.assign(Object.assign({}, state), { itemsState: newItemsState, activeIndex, isItemsStateChanged: false });
         }
         case selectList_actionTypes_1.ListAction.SetLevel: {

package/dist/selectList/selectListItem.js

@@ -6,12 +6,9 @@ const checkboxState_1 = require("../checkbox/checkboxState");
 const checkboxNonInteractive_1 = require("../checkboxNonInteractive/checkboxNonInteractive");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
-const iconChevronLeft_1 = require("../icons/iconChevronLeft");
-const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const SelectListItem = ({ id, disabled = false, state = checkboxState_1.CheckboxState.Off, showCheckbox = false, focused = false, onChange, onClick, multiLevel, className = "", children }) => {
     const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-select-item");
-    const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
     const onClickFunc = () => {
         if (disabled) {
             return;
@@ -33,6 +30,6 @@ const SelectListItem = ({ id, disabled = false, state = checkboxState_1.Checkbox
                 "zen-select-item__wrapper",
                 "zen-ellipsis",
                 multiLevel ? "zen-select-item__wrapper--with-arrow" : ""
-            ]), children: [showCheckbox ? ((0, jsx_runtime_1.jsx)(checkboxNonInteractive_1.CheckboxNonInteractive, { className: "zen-select-item__control-view", checked: state === checkboxState_1.CheckboxState.On, indeterminate: state === checkboxState_1.CheckboxState.Indeterminate, disabled: disabled, children: children })) : (children), multiLevel && !showCheckbox ? (0, jsx_runtime_1.jsx)(ChevronIcon, { size: "large" }) : null] }) }));
+            ]), children: [showCheckbox ? ((0, jsx_runtime_1.jsx)(checkboxNonInteractive_1.CheckboxNonInteractive, { className: "zen-select-item__control-view", checked: state === checkboxState_1.CheckboxState.On, indeterminate: state === checkboxState_1.CheckboxState.Indeterminate, disabled: disabled, children: children })) : (children), multiLevel && !showCheckbox ? (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: "large" }) : null] }) }));
 };
 exports.SelectListItem = SelectListItem;

package/dist/sortControl/sortControl.js

@@ -66,60 +66,6 @@ injectString("zh-Hans", "Change sort direction", "\u66F4\u6539\u6392\u5E8F");
 injectString("zh-TW", "Change sort direction", "\u8B8A\u66F4\u6392\u5E8F\u65B9\u5411");
 injectString("ro-RO", "Change sort direction", "Schimba\u021Bi direc\u021Bia sort\u0103rii");
 injectString("ar-SA", "Change sort direction", "\u062A\u063A\u064A\u064A\u0631 \u0627\u062A\u062C\u0627\u0647 \u0627\u0644\u062A\u0631\u062A\u064A\u0628");
-injectString("cs", "Ascending", "Vzestupn\u011B");
-injectString("da-DK", "Ascending", "Stigende");
-injectString("de", "Ascending", "Aufsteigend");
-injectString("en", "Ascending", "Ascending");
-injectString("es", "Ascending", "Ascendente");
-injectString("fi-FI", "Ascending", "Nouseva");
-injectString("fr", "Ascending", "Croissant");
-injectString("fr-FR", "Ascending", "Croissant");
-injectString("hu-HU", "Ascending", "N\xF6vekv\u0151");
-injectString("id", "Ascending", "Naik");
-injectString("it", "Ascending", "Crescente");
-injectString("ja", "Ascending", "\u6607\u9806");
-injectString("ko-KR", "Ascending", "\uC624\uB984\uCC28\uC21C");
-injectString("ms", "Ascending", "Menaik");
-injectString("nb-NO", "Ascending", "Stigende");
-injectString("nl", "Ascending", "Oplopend");
-injectString("pl", "Ascending", "Rosn\u0105co");
-injectString("pt-BR", "Ascending", "Crescente");
-injectString("pt-PT", "Ascending", "Ascendente");
-injectString("sk-SK", "Ascending", "Vzostupne");
-injectString("sv", "Ascending", "Stigande");
-injectString("th", "Ascending", "\u0E08\u0E32\u0E01\u0E19\u0E49\u0E2D\u0E22\u0E44\u0E1B\u0E21\u0E32\u0E01");
-injectString("tr", "Ascending", "Artan");
-injectString("zh-Hans", "Ascending", "\u5347\u5E8F");
-injectString("zh-TW", "Ascending", "\u905E\u589E");
-injectString("ro-RO", "Ascending", "Ascensiune");
-injectString("ar-SA", "Ascending", "\u062A\u0635\u0627\u0639\u062F\u064A");
-injectString("cs", "Descending", "Sestupn\u011B");
-injectString("da-DK", "Descending", "Faldende");
-injectString("de", "Descending", "Absteigend");
-injectString("en", "Descending", "Descending");
-injectString("es", "Descending", "Descendente");
-injectString("fi-FI", "Descending", "Laskeva");
-injectString("fr", "Descending", "D\xE9croissant");
-injectString("fr-FR", "Descending", "Descendant");
-injectString("hu-HU", "Descending", "Cs\xF6kken\u0151");
-injectString("id", "Descending", "Menurun");
-injectString("it", "Descending", "Decrescente");
-injectString("ja", "Descending", "\u964D\u9806");
-injectString("ko-KR", "Descending", "\uB0B4\uB9BC\uCC28\uC21C");
-injectString("ms", "Descending", "Menurun");
-injectString("nb-NO", "Descending", "Synkende");
-injectString("nl", "Descending", "Aflopend");
-injectString("pl", "Descending", "Malej\u0105co");
-injectString("pt-BR", "Descending", "Decrescente");
-injectString("pt-PT", "Descending", "Descendente");
-injectString("sk-SK", "Descending", "Zostupne");
-injectString("sv", "Descending", "Fallande");
-injectString("th", "Descending", "\u0E08\u0E32\u0E01\u0E21\u0E32\u0E01\u0E44\u0E1B\u0E19\u0E49\u0E2D\u0E22");
-injectString("tr", "Descending", "Azalan");
-injectString("zh-Hans", "Descending", "\u964D\u5E8F");
-injectString("zh-TW", "Descending", "\u905E\u6E1B");
-injectString("ro-RO", "Descending", "Cobor\xE2re");
-injectString("ar-SA", "Descending", "\u062A\u0646\u0627\u0632\u0644\u064A");
 injectString("cs", "Sort Options", "Sort Options");
 injectString("da-DK", "Sort Options", "Sorteringsmuligheder");
 injectString("de", "Sort Options", "Sort Options");
@@ -154,6 +100,7 @@ const useDrive_1 = require("../utils/theme/useDrive");
 const iconChevronDownSmall_1 = require("../icons/iconChevronDownSmall");
 const iconFilter3Asc_1 = require("../icons/iconFilter3Asc");
 const iconFilter3Desc_1 = require("../icons/iconFilter3Desc");
+const MENU_POSITION = "bottom-left";
 const BUTTON_TEXT_DEFAULT = "Sort by";
 var SortDirections;
 (function (SortDirections) {
@@ -210,6 +157,7 @@ const SortControl = ({
       onClick: () => onSortDirectionToggle(),
       disabled: disabled,
       title: translate("Change sort direction"),
+      "aria-label": translate("Change sort direction"),
       children: [directionIcon ? sortDirection === SortDirections.Ascending ? (0, jsx_runtime_1.jsx)(iconFilter3Asc_1.IconFilter3Asc, {
         className: "zen-sort-container__sort-icon",
         size: isDrive ? "huge" : "large"
@@ -222,9 +170,6 @@ const SortControl = ({
           children: [buttonTextValue, ": "]
         }), (0, jsx_runtime_1.jsx)("span", {
           children: (items.find(item => item.id === sortBy) || items[0]).children
-        }), (0, jsx_runtime_1.jsxs)("span", {
-          className: "zen-visually-hidden",
-          children: [" ", sortDirection === SortDirections.Ascending ? translate("Ascending") : translate("Descending")]
         })]
       })]
     }), isSingleItem ? "" : (0, jsx_runtime_1.jsx)(popup_1.Popup, {
@@ -238,7 +183,7 @@ const SortControl = ({
           size: isDrive ? "huge" : "large"
         })
       }),
-      alignment: "bottom-left",
+      alignment: MENU_POSITION,
       onOpenChange: isCurrentlyOpen => onOptionsToggle(isCurrentlyOpen),
       children: (0, jsx_runtime_1.jsx)(selectList_1.SelectList, {
         id: "sortControlSelectList",
@@ -252,4 +197,4 @@ const SortControl = ({
   });
 };
 exports.SortControl = SortControl;
-exports.TRANSLATIONS = ["Sort by", "Sort Options", "Change sort direction", "Ascending", "Descending"];
+exports.TRANSLATIONS = ["Sort by", "Sort Options", "Change sort direction"];

package/dist/table/children/useTableChildren.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode, RefObject } from "react";
-export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
+export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, turnOffSelectAll?: boolean, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
     bulkActions: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
     pagination: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
     activePage: number | undefined;

package/dist/table/children/useTableChildren.js

@@ -27,7 +27,7 @@ const isChildElement = function (child, expectedType) {
     }
     return false;
 };
-const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
+const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
     let bulkActions = undefined;
     let tablePagination = undefined;
     let activePage = undefined;
@@ -42,7 +42,7 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
         }
         if (isChildElement(child, tableBulkActions_1.TableBulkActions.displayName)) {
             const bulkActionButtons = child.props.children || [];
-            bulkActions = ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, children: bulkActionButtons }));
+            bulkActions = ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, onSelectAll: selectAll, turnOffSelectAll: turnOffSelectAll, children: bulkActionButtons }));
             return;
         }
         if (isChildElement(child, tablePagination_1.TablePagination.displayName)) {
@@ -103,5 +103,5 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
         detailPanel: detailPanel,
         other: other
     };
-}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel]);
+}, [children, clearSelection, isMobile, selected, gridRef, allSelected, selectAll, turnOffSelectAll, activeId, onCloseDetailPanel]);
 exports.useTableChildren = useTableChildren;

package/dist/table/flexible/columnsList.js

@@ -65,7 +65,6 @@ const SubColumnsList = ({
     showCheckbox: true,
     children: c.title
   })), [columns, sortColumnsInt, lastVisibleColumnId]);
-  const allDisabled = (0, react_1.useMemo)(() => items.every(item => item.disabled), [items]);
   const state = columns.reduce((res, c) => {
     res.set(c.id, settings.get(c.id) !== false ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off);
     return res;
@@ -85,9 +84,8 @@ const SubColumnsList = ({
     title: title || translate("Select visible columns"),
     multiselect: true,
     showCheckbox: true,
-    onChange: onChangeItem,
-    disabled: allDisabled
-  }), [id, items, state, title, translate, onChangeItem, allDisabled]);
+    onChange: onChangeItem
+  }), [id, items, state, title, translate, onChangeItem]);
   if (!title) {
     return list;
   }

package/dist/table/selectable/useSelectableRows.d.ts

@@ -16,14 +16,6 @@ export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEnti
     checkboxTitle?: (entity: T | N) => string;
     headerTitle?: (state: SelectionState) => string;
     turnOffSelectAll?: boolean;
-    /**
-     * When `true`, the header checkbox emits the current page's IDs instead of `{ all: true }`.
-     * When `undefined`, falls back to `turnOffSelectAll` for backward compatibility.
-     *
-     * Note: avoid setting this to `false` alongside `turnOffSelectAll: true` — the checkbox
-     * will emit `{ all: true }` while the dropdown hides the "Select all" option, which is inconsistent.
-     */
-    checkboxSelectsCurrentPage?: boolean;
     checkboxPlaceholder?: boolean;
     strategy?: TSelectionStrategy;
     selectAll?: boolean;