@geotab/zenith 3.10.0-beta.2 → 3.10.0-beta.4

package/dist/index.d.ts

@@ -774,8 +774,6 @@ export { HeaderButtonsProvider } from "./utils/headerButtons/headerButtonsProvid
 export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelpers";
 export { LanguageProvider } from "./utils/localization/languageProvider";
 export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
-export { directionContext } from "./utils/localization/directionContext";
-export type { TTextDirection } from "./utils/localization/getTextDirection";
 export { useDirection } from "./utils/localization/useDirection";
 export { useLanguage } from "./utils/localization/useLanguage";
 export { ThemeDark } from "./utils/theme/themeDark";

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.useDirection = exports.directionContext = 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; } });
@@ -1663,8 +1663,6 @@ Object.defineProperty(exports, "LanguageProvider", { enumerable: true, get: func
 var translationsDictionary_1 = require("./utils/localization/translationsDictionary");
 Object.defineProperty(exports, "dictionaries", { enumerable: true, get: function () { return translationsDictionary_1.dictionaries; } });
 Object.defineProperty(exports, "injectString", { enumerable: true, get: function () { return translationsDictionary_1.injectString; } });
-var directionContext_1 = require("./utils/localization/directionContext");
-Object.defineProperty(exports, "directionContext", { enumerable: true, get: function () { return directionContext_1.directionContext; } });
 var useDirection_1 = require("./utils/localization/useDirection");
 Object.defineProperty(exports, "useDirection", { enumerable: true, get: function () { return useDirection_1.useDirection; } });
 var useLanguage_1 = require("./utils/localization/useLanguage");

package/dist/radioGroupRaw/radioGroupRaw.js

@@ -89,7 +89,8 @@ 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" : ""
+                        size === "small" ? "zen-radio-group__item--small" : "",
+                        direction === "horizontal" ? "zen-radio--align-start" : ""
                     ]), 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/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[]) => 0 | -1;
+export declare const getFirstIndex: (items: ISelectListItem[]) => number;
 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,31 +42,56 @@ const searchItemIndex = (items, searchStr) => {
     });
 };
 exports.searchItemIndex = searchItemIndex;
-const getFirstIndex = (items) => (items.length > 0 ? 0 : -1);
+const getFirstIndex = (items) => items.findIndex(item => !item.disabled);
 exports.getFirstIndex = getFirstIndex;
-const getLastIndex = (items) => (items.length > 0 ? items.length - 1 : -1);
+const getLastIndex = (items) => {
+    for (let i = items.length - 1; i >= 0; i--) {
+        if (!items[i].disabled) {
+            return i;
+        }
+    }
+    return -1;
+};
 exports.getLastIndex = getLastIndex;
 const getNextIndex = (currIndex, items) => {
+    var _a;
     if (items.length === 0) {
         return -1;
     }
-    return currIndex + 1 >= items.length ? 0 : currIndex + 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;
 };
 exports.getNextIndex = getNextIndex;
 const getPrevIndex = (currIndex, items) => {
+    var _a;
     if (items.length === 0) {
         return -1;
     }
-    return currIndex <= 0 || currIndex >= items.length ? items.length - 1 : currIndex - 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;
 };
 exports.getPrevIndex = getPrevIndex;
 const getFirstActiveIndex = (state, items, multiselect) => {
     for (let i = 0; i < items.length; i++) {
-        if (state.get(items[i].id) === checkboxState_1.CheckboxState.On) {
+        if (!items[i].disabled && state.get(items[i].id) === checkboxState_1.CheckboxState.On) {
             return i;
         }
     }
-    return multiselect && items.length > 0 ? 0 : -1;
+    return multiselect ? items.findIndex(item => !item.disabled) : -1;
 };
 exports.getFirstActiveIndex = getFirstActiveIndex;
 const getItemsState = (items, value, multiselect) => {

package/dist/selectList/selectList.js

@@ -51,7 +51,9 @@ const SelectList = (_a) => {
         if (!multiselect && selectItemOnFocus) {
             dispatchState({ type: selectList_actionTypes_1.ListAction.FocusFirst, payload: { items } });
         }
-        dispatchState({ type: selectList_actionTypes_1.ListAction.Focus, payload: { items, multiselect } });
+        if (!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,8 +120,7 @@ const selectListReducer = (state, action) => {
                 newItemsState = updatedState;
             });
             const prevActiveItemId = (0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex);
-            const newActiveItemIndex = !!prevActiveItemId && (0, selectList_helpers_1.getItemIndexById)(newItemsState, prevActiveItemId);
-            const activeIndex = newActiveItemIndex ? newActiveItemIndex : -1;
+            const activeIndex = prevActiveItemId !== undefined ? (0, selectList_helpers_1.getItemIndexById)(newItemsState, prevActiveItemId) : -1;
             return Object.assign(Object.assign({}, state), { itemsState: newItemsState, activeIndex, isItemsStateChanged: false });
         }
         case selectList_actionTypes_1.ListAction.SetLevel: {

package/dist/sortControl/sortControl.js

@@ -66,6 +66,60 @@ 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");
@@ -157,7 +211,6 @@ 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"
@@ -170,6 +223,9 @@ 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, {
@@ -197,4 +253,4 @@ const SortControl = ({
   });
 };
 exports.SortControl = SortControl;
-exports.TRANSLATIONS = ["Sort by", "Sort Options", "Change sort direction"];
+exports.TRANSLATIONS = ["Sort by", "Sort Options", "Change sort direction", "Ascending", "Descending"];

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, selectAll: () => void, turnOffSelectAll?: boolean, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
+export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, 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, selectAll, turnOffSelectAll, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
+const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, 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, onSelectAll: selectAll, turnOffSelectAll: turnOffSelectAll, 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, 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, selectAll, turnOffSelectAll, activeId, onCloseDetailPanel]);
+}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel]);
 exports.useTableChildren = useTableChildren;

package/dist/table/flexible/columnsList.js

@@ -65,6 +65,7 @@ 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;
@@ -84,8 +85,9 @@ const SubColumnsList = ({
     title: title || translate("Select visible columns"),
     multiselect: true,
     showCheckbox: true,
-    onChange: onChangeItem
-  }), [id, items, state, title, translate, onChangeItem]);
+    onChange: onChangeItem,
+    disabled: allDisabled
+  }), [id, items, state, title, translate, onChangeItem, allDisabled]);
   if (!title) {
     return list;
   }

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

@@ -16,6 +16,14 @@ 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;

package/dist/table/selectable/useSelectableRows.js

@@ -188,8 +188,16 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     return translate("Deselect all");
   }, [selectable, selectableState, state, translate]);
   const isEntityChecked = (0, react_1.useCallback)((entity, isNested) => (0, isRowChecked_1.isRowChecked)(selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, entity, isNested), [selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
+  const hasSelectable = !!selectable;
+  const selectableCheckboxSelectsCurrentPage = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxSelectsCurrentPage;
+  const selectableTurnOffSelectAll = selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll;
+  const selectableCheckboxInHeader = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxInHeader;
+  const selectableSelectionLimit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
+  const selectableHeader = selectable === null || selectable === void 0 ? void 0 : selectable.header;
+  const checkboxEmitsCurrentPage = selectableCheckboxSelectsCurrentPage !== null && selectableCheckboxSelectsCurrentPage !== void 0 ? selectableCheckboxSelectsCurrentPage : selectableTurnOffSelectAll;
+  const checkboxInHeaderValue = selectableCheckboxInHeader !== undefined ? selectableCheckboxInHeader : selectableSelectionLimit !== undefined ? false : undefined;
   const wrapper = (0, react_1.useMemo)(() => {
-    if (!selectable) {
+    if (!hasSelectable) {
       return null;
     }
     return {
@@ -233,7 +241,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
           onChange: newValue => {
             var _a, _b;
             if (newValue) {
-              const newState = selectable.turnOffSelectAll ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All;
+              const newState = checkboxEmitsCurrentPage ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All;
               setState(newState);
               onChangeSelectionState(newState);
             } else {
@@ -251,18 +259,18 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
             }
           },
           calculateSelectionState: () => selectableState,
-          checkboxInHeader: selectable.checkboxInHeader !== undefined ? selectable.checkboxInHeader : selectable.selectionLimit !== undefined ? false : undefined,
-          header: selectable.header,
+          checkboxInHeader: checkboxInHeaderValue,
+          header: selectableHeader,
           onSelect: newState => {
             setState(newState);
             onChangeSelectionState(newState);
           },
-          turnOffSelectAll: selectable.turnOffSelectAll
+          turnOffSelectAll: selectableTurnOffSelectAll
         });
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
   const selectableFeedWrapper = (0, react_1.useCallback)((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/dist/table/table.js

@@ -227,12 +227,6 @@ const TableInner = ({
       selected: []
     });
   }, [selectable]);
-  const selectAll = (0, react_1.useCallback)(() => {
-    selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
-      all: true,
-      selected: []
-    });
-  }, [selectable]);
   const [activeIdInternal, setActiveInternal] = (0, react_1.useState)(undefined);
   const activeId = active !== undefined ? active : activeIdInternal;
   const onClickInternal = (0, react_1.useCallback)(id => setActiveInternal(id === activeIdInternal ? undefined : id), [activeIdInternal, setActiveInternal]);
@@ -249,7 +243,7 @@ const TableInner = ({
     detailPanel,
     footer,
     other
-  } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, selectAll, selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll, activeId, gridRef, onCloseDetailPanel);
+  } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, activeId, gridRef, onCloseDetailPanel);
   const hasDetailPanel = !!detailPanel;
   const shouldEnableRowClick = hasDetailPanel || !!onClick;
   const activeIdForRow = shouldEnableRowClick ? activeId : undefined;

package/dist/utils/localization/translations/ar.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "الصيغ المدعومة:",
     "Upload files.": "رفع الملفات.",
     "File upload area": "منطقة رفع الملفات",
-    "Uploaded": "تم الرفع"
+    "Uploaded": "تم الرفع",
+    "Ascending": "تصاعدي",
+    "Descending": "تنازلي"
 }

package/dist/utils/localization/translations/cs.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Vzestupně",
+    "Descending": "Sestupně"
 }

package/dist/utils/localization/translations/da-DK.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Stigende",
+    "Descending": "Faldende"
 }

package/dist/utils/localization/translations/de.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Aufsteigend",
+    "Descending": "Absteigend"
 }

package/dist/utils/localization/translations/en.json

@@ -328,5 +328,7 @@
     "File upload area": "File upload area",
     "Uploaded": "Uploaded",
     "Sort by Ascending": "Sort by Ascending",
-    "Sort by Descending": "Sort by Descending"
+    "Sort by Descending": "Sort by Descending",
+    "Ascending": "Ascending",
+    "Descending": "Descending"
 }

package/dist/utils/localization/translations/es.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Ascendente",
+    "Descending": "Descendente"
 }

package/dist/utils/localization/translations/fi-FI.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Nouseva",
+    "Descending": "Laskeva"
 }

package/dist/utils/localization/translations/fr-FR.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Croissant",
+    "Descending": "Descendant"
 }

package/dist/utils/localization/translations/fr.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Croissant",
+    "Descending": "Décroissant"
 }

package/dist/utils/localization/translations/hu-HU.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Növekvő",
+    "Descending": "Csökkenő"
 }

package/dist/utils/localization/translations/id.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Naik",
+    "Descending": "Menurun"
 }

package/dist/utils/localization/translations/it.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Crescente",
+    "Descending": "Decrescente"
 }

package/dist/utils/localization/translations/ja.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "昇順",
+    "Descending": "降順"
 }

package/dist/utils/localization/translations/ko-KR.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "오름차순",
+    "Descending": "내림차순"
 }

package/dist/utils/localization/translations/ms.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Menaik",
+    "Descending": "Menurun"
 }

package/dist/utils/localization/translations/nb-NO.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Stigende",
+    "Descending": "Synkende"
 }

package/dist/utils/localization/translations/nl.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Oplopend",
+    "Descending": "Aflopend"
 }

package/dist/utils/localization/translations/pl.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Rosnąco",
+    "Descending": "Malejąco"
 }

package/dist/utils/localization/translations/pt-BR.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Crescente",
+    "Descending": "Decrescente"
 }

package/dist/utils/localization/translations/pt-PT.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Ascendente",
+    "Descending": "Descendente"
 }

package/dist/utils/localization/translations/ro-RO.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Ascensiune",
+    "Descending": "Coborâre"
 }

package/dist/utils/localization/translations/sk-SK.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Vzostupne",
+    "Descending": "Zostupne"
 }

package/dist/utils/localization/translations/sv.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Stigande",
+    "Descending": "Fallande"
 }

package/dist/utils/localization/translations/th.json

@@ -323,5 +323,7 @@
     "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "จากน้อยไปมาก",
+    "Descending": "จากมากไปน้อย"
 }