@geotab/zenith 3.10.0-beta.7 → 3.11.0-beta.0

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");
@@ -100,7 +154,6 @@ 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) {
@@ -157,7 +210,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 +222,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, {
@@ -183,7 +238,7 @@ const SortControl = ({
           size: isDrive ? "huge" : "large"
         })
       }),
-      alignment: MENU_POSITION,
+      alignment: "bottom-left",
       onOpenChange: isCurrentlyOpen => onOptionsToggle(isCurrentlyOpen),
       children: (0, jsx_runtime_1.jsx)(selectList_1.SelectList, {
         id: "sortControlSelectList",
@@ -197,4 +252,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/tabs/tabs.js

@@ -9,65 +9,65 @@ Object.defineProperty(exports, "__esModule", {
 exports.Tabs = exports.TabsDisplayName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-injectString("cs", "Scroll left", "P\u0159ej\xEDt doleva");
-injectString("da-DK", "Scroll left", "Rul til venstre");
-injectString("de", "Scroll left", "Nach links scrollen");
-injectString("en", "Scroll left", "Scroll left");
-injectString("es", "Scroll left", "Desplazarse a la izquierda");
-injectString("fi-FI", "Scroll left", "Selaa vasemmalle");
-injectString("fr", "Scroll left", "D\xE9filer vers la gauche");
-injectString("fr-FR", "Scroll left", "Faire d\xE9filer vers la gauche");
-injectString("hu-HU", "Scroll left", "Lapozz balra.");
-injectString("id", "Scroll left", "Gulir ke kiri");
-injectString("it", "Scroll left", "Scorrere verso sinistra");
-injectString("ja", "Scroll left", "\u5DE6\u306B\u30B9\u30AF\u30ED\u30FC\u30EB");
-injectString("ko-KR", "Scroll left", "\uC67C\uCABD\uC73C\uB85C \uC2A4\uD06C\uB864");
-injectString("ms", "Scroll left", "Skrol ke kiri");
-injectString("nb-NO", "Scroll left", "Rull til venstre");
-injectString("nl", "Scroll left", "Blader naar links");
-injectString("pl", "Scroll left", "Przewi\u0144 w lewo");
-injectString("pt-BR", "Scroll left", "Rolar para a esquerda");
-injectString("pt-PT", "Scroll left", "Deslizar para a esquerda");
-injectString("sk-SK", "Scroll left", "Posu\u0148 do\u013Eava");
-injectString("sv", "Scroll left", "Bl\xE4ddra \xE5t v\xE4nster");
-injectString("th", "Scroll left", "\u0E40\u0E25\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E1B\u0E17\u0E32\u0E07\u0E0B\u0E49\u0E32\u0E22");
-injectString("tr", "Scroll left", "Sola kayd\u0131r");
-injectString("zh-Hans", "Scroll left", "\u5411\u5DE6\u6EDA\u52A8");
-injectString("zh-TW", "Scroll left", "\u5411\u5DE6\u6372\u52D5");
-injectString("ro-RO", "Scroll left", "Derula\u021Bi la st\xE2nga");
-injectString("ar-SA", "Scroll left", "\u0627\u0644\u062A\u0645\u0631\u064A\u0631 \u0644\u0644\u064A\u0633\u0627\u0631");
-injectString("cs", "Scroll right", "P\u0159ej\xEDt doprava");
-injectString("da-DK", "Scroll right", "Rul til h\xF8jre");
-injectString("de", "Scroll right", "Nach rechts scrollen");
-injectString("en", "Scroll right", "Scroll right");
-injectString("es", "Scroll right", "Desplazarse a la derecha");
-injectString("fi-FI", "Scroll right", "Selaa oikealle");
-injectString("fr", "Scroll right", "D\xE9filer vers la droite");
-injectString("fr-FR", "Scroll right", "Faire d\xE9filer vers la droite");
-injectString("hu-HU", "Scroll right", "Lapozz jobbra.");
-injectString("id", "Scroll right", "Gulir ke kanan");
-injectString("it", "Scroll right", "Scorrere verso destra");
-injectString("ja", "Scroll right", "\u53F3\u306B\u30B9\u30AF\u30ED\u30FC\u30EB");
-injectString("ko-KR", "Scroll right", "\uC624\uB978\uCABD\uC73C\uB85C \uC2A4\uD06C\uB864");
-injectString("ms", "Scroll right", "Skrol ke kanan");
-injectString("nb-NO", "Scroll right", "Rull til h\xF8yre");
-injectString("nl", "Scroll right", "Blader naar rechts");
-injectString("pl", "Scroll right", "Przewi\u0144 w prawo");
-injectString("pt-BR", "Scroll right", "Rolar para a direita");
-injectString("pt-PT", "Scroll right", "Deslizar para a direita");
-injectString("sk-SK", "Scroll right", "Posu\u0148 doprava");
-injectString("sv", "Scroll right", "Bl\xE4ddra \xE5t h\xF6ger");
-injectString("th", "Scroll right", "\u0E40\u0E25\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E1B\u0E17\u0E32\u0E07\u0E02\u0E27\u0E32");
-injectString("tr", "Scroll right", "Sa\u011Fa Kayd\u0131r");
-injectString("zh-Hans", "Scroll right", "\u5411\u53F3\u6EDA\u52A8");
-injectString("zh-TW", "Scroll right", "\u5411\u53F3\u6372\u52D5");
-injectString("ro-RO", "Scroll right", "Derula\u021Bi la dreapta");
-injectString("ar-SA", "Scroll right", "\u0627\u0644\u062A\u0645\u0631\u064A\u0631 \u0644\u0644\u064A\u0645\u064A\u0646");
+injectString("cs", "Scroll to start", "P\u0159ej\xEDt na za\u010D\xE1tek");
+injectString("da-DK", "Scroll to start", "Rul til start");
+injectString("de", "Scroll to start", "Zum Start scrollen");
+injectString("en", "Scroll to start", "Scroll to start");
+injectString("es", "Scroll to start", "Desplazarse al inicio");
+injectString("fi-FI", "Scroll to start", "Vierit\xE4 alkuun");
+injectString("fr", "Scroll to start", "D\xE9filement au d\xE9but");
+injectString("fr-FR", "Scroll to start", "Faites d\xE9filer pour d\xE9marrer");
+injectString("hu-HU", "Scroll to start", "G\xF6rget\xE9s az elej\xE9re");
+injectString("id", "Scroll to start", "Gulirkan untuk memulai");
+injectString("it", "Scroll to start", "Scorrere fino all'inizio");
+injectString("ja", "Scroll to start", "\u4E00\u756A\u4E0A\u306B\u30B9\u30AF\u30ED\u30FC\u30EB");
+injectString("ko-KR", "Scroll to start", "\uC2DC\uC791 \uC704\uCE58\uB85C \uC2A4\uD06C\uB864");
+injectString("ms", "Scroll to start", "Tatal ke permulaan");
+injectString("nb-NO", "Scroll to start", "Rull til start");
+injectString("nl", "Scroll to start", "Scroll to start");
+injectString("pl", "Scroll to start", "Przewi\u0144 do pocz\u0105tku");
+injectString("pt-BR", "Scroll to start", "Scroll to start");
+injectString("pt-PT", "Scroll to start", "Scroll to start");
+injectString("sk-SK", "Scroll to start", "Posun\xFA\u0165 na za\u010Diatok");
+injectString("sv", "Scroll to start", "Scroll to start");
+injectString("th", "Scroll to start", "\u0E40\u0E25\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E1B\u0E17\u0E35\u0E48\u0E08\u0E38\u0E14\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19");
+injectString("tr", "Scroll to start", "Ba\u015Flang\u0131ca kayd\u0131r");
+injectString("zh-Hans", "Scroll to start", "\u6EDA\u52A8\u81F3\u5F00\u5934");
+injectString("zh-TW", "Scroll to start", "\u6372\u52D5\u81F3\u958B\u59CB\u8655");
+injectString("ro-RO", "Scroll to start", "Derulare la \xEEnceput");
+injectString("cs", "Scroll to end", "P\u0159ej\xEDt na konec");
+injectString("da-DK", "Scroll to end", "Rul til slutning");
+injectString("de", "Scroll to end", "Zum Ende scrollen");
+injectString("en", "Scroll to end", "Scroll to end");
+injectString("es", "Scroll to end", "Desplazarse al final");
+injectString("fi-FI", "Scroll to end", "Vierit\xE4 loppuun");
+injectString("fr", "Scroll to end", "D\xE9filement \xE0 la fin");
+injectString("fr-FR", "Scroll to end", "Faites d\xE9filer jusqu\u2019\xE0 la fin");
+injectString("hu-HU", "Scroll to end", "G\xF6rget\xE9s a v\xE9g\xE9re");
+injectString("id", "Scroll to end", "Gulirkan ke akhir");
+injectString("it", "Scroll to end", "Scorrere fino alla fine");
+injectString("ja", "Scroll to end", "\u4E00\u756A\u4E0B\u307E\u3067\u30B9\u30AF\u30ED\u30FC\u30EB");
+injectString("ko-KR", "Scroll to end", "\uB9C8\uC9C0\uB9C9 \uC704\uCE58\uB85C \uC2A4\uD06C\uB864");
+injectString("ms", "Scroll to end", "Tatal ke penghujung");
+injectString("nb-NO", "Scroll to end", "Rull til slutt");
+injectString("nl", "Scroll to end", "Scroll to end");
+injectString("pl", "Scroll to end", "Przewi\u0144 do ko\u0144ca");
+injectString("pt-BR", "Scroll to end", "Scroll to end");
+injectString("pt-PT", "Scroll to end", "Scroll to end");
+injectString("sk-SK", "Scroll to end", "Posun\xFA\u0165 na koniec");
+injectString("sv", "Scroll to end", "Scroll to end");
+injectString("th", "Scroll to end", "\u0E40\u0E25\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E1B\u0E17\u0E35\u0E48\u0E08\u0E38\u0E14\u0E2A\u0E34\u0E49\u0E19\u0E2A\u0E38\u0E14");
+injectString("tr", "Scroll to end", "Sona kayd\u0131r");
+injectString("zh-Hans", "Scroll to end", "\u6EDA\u52A8\u81F3\u672B\u5C3E");
+injectString("zh-TW", "Scroll to end", "\u6372\u52D5\u81F3\u7D50\u5C3E\u8655");
+injectString("ro-RO", "Scroll to end", "Derulare la sf\xE2r\u0219it");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const tabItem_1 = require("./tabItem/tabItem");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
+const iconChevronLeft_1 = require("../icons/iconChevronLeft");
+const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const tabsKeyboard_1 = require("../commonHelpers/tabsKeyboard");
 const useMobileClassName_1 = require("../utils/theme/useMobileClassName");
@@ -101,6 +101,8 @@ const Tabs = ({
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
+  const ScrollStartIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronLeft_1.IconChevronLeft, iconChevronRight_1.IconChevronRight);
+  const ScrollEndIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
   const driveClassNameScroller = (0, useDriveClassName_1.useDriveClassName)("zen-tabs__scroller");
   const mobileClassNameScroller = (0, useMobileClassName_1.useMobileClassName)("zen-tabs__scroller");
   const driveClassNameGradient = (0, useDriveClassName_1.useDriveClassName)("zen-tabs__gradient");
@@ -218,9 +220,9 @@ const Tabs = ({
         children: [(0, jsx_runtime_1.jsx)("div", {
           className: (0, classNames_1.classNames)(["zen-tabs__gradient", driveClassNameGradient || mobileClassNameGradient || "", "zen-tabs__gradient--left"])
         }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
-          title: translate("Scroll left"),
+          title: translate("Scroll to start"),
           className: (0, classNames_1.classNames)(["zen-tabs__scroller", driveClassNameScroller || mobileClassNameScroller || "", "zen-tabs__start"]),
-          icon: iconChevronRight_1.IconChevronRight,
+          icon: ScrollStartIcon,
           type: "tertiary",
           iconPosition: textIconButton_1.ButtonIconPosition.Start,
           onClick: handleScrollButtonClick(scrollableRef.current, -scrollableStep),
@@ -251,9 +253,9 @@ const Tabs = ({
         children: [(0, jsx_runtime_1.jsx)("div", {
           className: (0, classNames_1.classNames)(["zen-tabs__gradient", driveClassNameGradient || mobileClassNameGradient || "", "zen-tabs__gradient--right"])
         }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
-          title: translate("Scroll right"),
+          title: translate("Scroll to end"),
           className: (0, classNames_1.classNames)(["zen-tabs__scroller", driveClassNameScroller || mobileClassNameScroller || "", "zen-tabs__end"]),
-          icon: iconChevronRight_1.IconChevronRight,
+          icon: ScrollEndIcon,
           type: "tertiary",
           onClick: handleScrollButtonClick(scrollableRef.current, scrollableStep),
           iconPosition: textIconButton_1.ButtonIconPosition.End

package/dist/tabs/tabsTestHelper.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabsDataOverflow = exports.tabsData = exports.getRightArrowElement = exports.getLeftArrowElement = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const getLeftArrowElement = (el) => el.querySelector(".zen-tabs__scroller[aria-label='Scroll left']");
+const getLeftArrowElement = (el) => el.querySelector(".zen-tabs__scroller[aria-label='Scroll to start']");
 exports.getLeftArrowElement = getLeftArrowElement;
-const getRightArrowElement = (el) => el.querySelector(".zen-tabs__scroller[aria-label='Scroll right']");
+const getRightArrowElement = (el) => el.querySelector(".zen-tabs__scroller[aria-label='Scroll to end']");
 exports.getRightArrowElement = getRightArrowElement;
 exports.tabsData = [
     { id: "id1", name: "Tab Text 1", content: (0, jsx_runtime_1.jsx)("div", { children: "Tab content1" }) },

package/dist/timePickerRaw/timePickerRaw.js

@@ -275,7 +275,7 @@ const TimePickerRaw = props => {
     }
   }, [hourValue, isOpen, minutesValue]);
   const triggerClassName = (0, classNames_1.classNames)(["zen-time-picker__trigger", fullWidth ? "zen-time-picker__trigger--full-width" : "", isError ? "zen-time-picker__trigger--error" : "", className || ""]);
-  const shownValue = `${hourValue || "24"}:${minutesValue || "00"}`;
+  const shownValue = `${hourValue || "00"}:${minutesValue || "00"}`;
   if (isReadOnly) {
     return (0, jsx_runtime_1.jsx)(reviewTextControl_1.ReviewTextControl, {
       value: shownValue

package/dist/toggleButtonRaw/toggleButtonRaw.js

@@ -141,6 +141,8 @@ const ToggleButtonRaw = props => {
   }
   return (0, jsx_runtime_1.jsxs)("div", {
     className: (0, classNames_1.classNames)(["zen-toggler", driveClassesToggler || "", className || ""]),
+    role: "group",
+    "aria-label": title,
     "data-analytics-id": dataAnalyticsId,
     children: [(0, jsx_runtime_1.jsx)(triStateCheckbox_1.TriStateCheckbox, {
       name: name,
@@ -149,14 +151,15 @@ const ToggleButtonRaw = props => {
       onChange: onChangeHandler,
       checked: value,
       disabled: disabled,
-      role: "switch"
+      role: "switch",
+      "aria-label": title
     }), (0, jsx_runtime_1.jsxs)("label", {
       className: (0, classNames_1.classNames)(["zen-toggler__label", isReverted ? "zen-toggler__label--reverted" : ""]),
       htmlFor: checkBoxId,
       title: title,
-      "aria-label": title,
       children: [(0, jsx_runtime_1.jsxs)("div", {
         className: (0, classNames_1.classNames)(["zen-toggler-component", driveClassesComponent || ""]),
+        "aria-hidden": "true",
         children: [(0, jsx_runtime_1.jsx)("div", {
           className: "zen-toggler-component__focus"
         }), (0, jsx_runtime_1.jsx)("div", {

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

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Přetáhněte soubory nebo",
+    "Browse": "Procházet",
+    "Tap to add files": "Klepnutím přidejte soubory",
+    "Supported Formats:": "Podporované formáty:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Vzestupně",
+    "Descending": "Sestupně",
+    "Scroll to start": "Přejít na začátek",
+    "Scroll to end": "Přejít na konec"
 }

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

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Træk og slip filer eller",
+    "Browse": "Gennemse",
+    "Tap to add files": "Tryk for at tilføje filer",
+    "Supported Formats:": "Understøttede formater:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Stigende",
+    "Descending": "Faldende",
+    "Scroll to start": "Rul til start",
+    "Scroll to end": "Rul til slutning"
 }

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

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Dateien hierher ziehen oder",
+    "Browse": "Durchsuchen",
+    "Tap to add files": "Tippen, um Dateien hinzuzufügen",
+    "Supported Formats:": "Unterstützte Formate:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Aufsteigend",
+    "Descending": "Absteigend",
+    "Scroll to start": "Zum Start scrollen",
+    "Scroll to end": "Zum Ende scrollen"
 }

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

@@ -62,6 +62,8 @@
     "Search": "Search",
     "Scroll left": "Scroll left",
     "Scroll right": "Scroll right",
+    "Scroll to start": "Scroll to start",
+    "Scroll to end": "Scroll to end",
     "Organization groups filter": "Organization groups filter",
     "Home": "Home",
     "Built-in Groups": "Built-in Groups",
@@ -328,5 +330,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

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Arrastrar y soltar archivos o",
+    "Browse": "Explorar",
+    "Tap to add files": "Toca para agregar archivos",
+    "Supported Formats:": "Formatos compatibles:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Ascendente",
+    "Descending": "Descendente",
+    "Scroll to start": "Desplazarse al inicio",
+    "Scroll to end": "Desplazarse al final"
 }

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

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Vedä ja pudota tiedostoja tai",
+    "Browse": "Selaa",
+    "Tap to add files": "Lisää tiedostoja napauttamalla",
+    "Supported Formats:": "Tuetut muodot:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Nouseva",
+    "Descending": "Laskeva",
+    "Scroll to start": "Vieritä alkuun",
+    "Scroll to end": "Vieritä loppuun"
 }