@geotab/zenith 3.11.1 → 3.12.0

package/dist/table/selectable/useSelectableRows.js

@@ -38,7 +38,7 @@ injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
 injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
-injectString("ar-SA", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "Deselect all", "Zru\u0161it v\xFDb\u011Br v\u0161ech");
 injectString("da-DK", "Deselect all", "Frav\xE6lg alle");
 injectString("de", "Deselect all", "Auswahl f\xFCr alle aufheben");
@@ -65,7 +65,7 @@ injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
 injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
 injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
 injectString("ro-RO", "Deselect all", "Deselecta\u021Bi tot");
-injectString("ar-SA", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 const getSelection_1 = require("./utils/getSelection");
 const calculateSelectionState_1 = require("./utils/calculateSelectionState");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
@@ -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/sortable/mobileSortControl.js

@@ -40,7 +40,7 @@ injectString("tr", "Selected", "Se\xE7ildi");
 injectString("zh-Hans", "Selected", "\u9009\u4E2D\u7684");
 injectString("zh-TW", "Selected", "\u5DF2\u9078\u53D6");
 injectString("ro-RO", "Selected", "Selec\u021Bie");
-injectString("ar-SA", "Selected", "\u0645\u062D\u062F\u062F");
+injectString("ar", "Selected", "\u0645\u062D\u062F\u062F");
 injectString("en", "Sort by Descending", "Sort by Descending");
 const button_1 = require("../../button/button");
 const buttonType_1 = require("../../button/buttonType");

package/dist/table/sortable/sortableHeader.js

@@ -41,7 +41,7 @@ injectString("tr", "Sort by {COLUMN_NAME} descending", "{COLUMN_NAME} s\xFCtunun
 injectString("zh-Hans", "Sort by {COLUMN_NAME} descending", "\u6309 {COLUMN_NAME} \u964D\u5E8F\u6392\u5E8F");
 injectString("zh-TW", "Sort by {COLUMN_NAME} descending", "\u4F9D\u300C{COLUMN_NAME}\u300D\u905E\u6E1B\u6392\u5E8F");
 injectString("ro-RO", "Sort by {COLUMN_NAME} descending", "Sorta\u021Bi descendent dup\u0103 {COLUMN_NAME}");
-injectString("ar-SA", "Sort by {COLUMN_NAME} descending", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0646\u0627\u0632\u0644\u064A\u0627\u064B");
+injectString("ar", "Sort by {COLUMN_NAME} descending", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0646\u0627\u0632\u0644\u064A\u0627\u064B");
 injectString("cs", "Sort by {COLUMN_NAME} ascending", "Se\u0159adit vzestupn\u011B podle {COLUMN_NAME}");
 injectString("da-DK", "Sort by {COLUMN_NAME} ascending", "Sorter efter {COLUMN_NAME} stigende");
 injectString("de", "Sort by {COLUMN_NAME} ascending", "Aufsteigend nach {COLUMN_NAME} sortieren");
@@ -68,7 +68,7 @@ injectString("tr", "Sort by {COLUMN_NAME} ascending", "{COLUMN_NAME} s\xFCtununa
 injectString("zh-Hans", "Sort by {COLUMN_NAME} ascending", "\u6309 {COLUMN_NAME} \u5347\u5E8F\u6392\u5E8F");
 injectString("zh-TW", "Sort by {COLUMN_NAME} ascending", "\u4F9D\u300C{COLUMN_NAME}\u300D\u905E\u589E\u6392\u5E8F");
 injectString("ro-RO", "Sort by {COLUMN_NAME} ascending", "Sorta\u021Bi ascendent dup\u0103 {COLUMN_NAME}");
-injectString("ar-SA", "Sort by {COLUMN_NAME} ascending", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0635\u0627\u0639\u062F\u064A\u0627\u064B");
+injectString("ar", "Sort by {COLUMN_NAME} ascending", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0635\u0627\u0639\u062F\u064A\u0627\u064B");
 const getSortButtonTitle = (sortDirection, title, translate) => {
   const titleTemplate = sortDirection === interfaces_1.ColumnSortDirection.Descending ? translate("Sort by {COLUMN_NAME} descending") : translate("Sort by {COLUMN_NAME} ascending");
   return titleTemplate.replace("{COLUMN_NAME}", title);

package/dist/table/table.js

@@ -54,7 +54,7 @@ injectString("tr", "Selection panel", "Selection panel");
 injectString("zh-Hans", "Selection panel", "Selection panel");
 injectString("zh-TW", "Selection panel", "Selection panel");
 injectString("ro-RO", "Selection panel", "Panou selec\u021Bie");
-injectString("ar-SA", "Selection panel", "\u0644\u0648\u062D\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
+injectString("ar", "Selection panel", "\u0644\u0648\u062D\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
 injectString("cs", "Bulk select", "Bulk select");
 injectString("da-DK", "Bulk select", "Bulk select");
 injectString("de", "Bulk select", "Bulk select");
@@ -81,7 +81,7 @@ injectString("tr", "Bulk select", "Bulk select");
 injectString("zh-Hans", "Bulk select", "Bulk select");
 injectString("zh-TW", "Bulk select", "Bulk select");
 injectString("ro-RO", "Bulk select", "Selecta\u021Bi \xEEn bloc");
-injectString("ar-SA", "Bulk select", "\u062A\u062D\u062F\u064A\u062F \u062C\u0645\u0627\u0639\u064A");
+injectString("ar", "Bulk select", "\u062A\u062D\u062F\u064A\u062F \u062C\u0645\u0627\u0639\u064A");
 const useSelectableRows_2 = require("./selectable/useSelectableRows");
 Object.defineProperty(exports, "getEmptySelection", {
   enumerable: true,
@@ -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/tabItem/tabItem.d.ts

@@ -10,5 +10,6 @@ export interface ITabItem extends IZenComponentProps {
     ariaControl?: string;
     handleButtonClick: (e: React.MouseEvent<HTMLElement>) => void;
     dataAnalyticsId?: string;
+    disabled?: boolean;
 }
-export declare const TabItem: ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity, dataAnalyticsId }: ITabItem) => import("react/jsx-runtime").JSX.Element;
+export declare const TabItem: ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity, dataAnalyticsId, disabled }: ITabItem) => import("react/jsx-runtime").JSX.Element;

package/dist/tabs/tabItem/tabItem.js

@@ -6,10 +6,15 @@ const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useMobileClassName_1 = require("../../utils/theme/useMobileClassName");
 const toKebabCase_1 = require("../../utils/toKebabCase");
-const TabItem = ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity, dataAnalyticsId }) => {
+const TabItem = ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity, dataAnalyticsId, disabled }) => {
     const driveClassname = (0, useDriveClassName_1.useDriveClassName)("zen-tab-item");
     const mobileClassname = (0, useMobileClassName_1.useMobileClassName)("zen-tab-item");
     const analyticsId = dataAnalyticsId || `tab-${(0, toKebabCase_1.toKebabCase)(tabName)}`;
-    return ((0, jsx_runtime_1.jsx)("button", { id: tabId, type: "button", className: (0, classNames_1.classNames)(["zen-tab-item", driveClassname || mobileClassname || "", active ? "zen-tab-item--active" : ""]), role: "tab", "aria-controls": ariaControl, "aria-selected": active ? "true" : "false", "aria-label": tabName, title: tabName, onClick: handleButtonClick, "data-analytics-id": analyticsId, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-tab-item__content", children: [icon && ((0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)(["zen-tab-item__content-icon", active ? "zen-tab-item__content-icon--active" : ""]), children: icon })), (0, jsx_runtime_1.jsx)("span", { className: "zen-tab-item__content-text", children: tabName }), quantity && (0, jsx_runtime_1.jsx)("div", { className: "zen-tab-item__content-quantity", children: quantity })] }) }));
+    return ((0, jsx_runtime_1.jsx)("button", { id: tabId, type: "button", className: (0, classNames_1.classNames)([
+            "zen-tab-item",
+            driveClassname || mobileClassname || "",
+            active ? "zen-tab-item--active" : "",
+            disabled ? "zen-tab-item--disabled" : ""
+        ]), role: "tab", "aria-controls": disabled ? undefined : ariaControl, "aria-selected": active ? "true" : "false", "aria-disabled": disabled ? "true" : undefined, "aria-label": tabName, title: tabName, tabIndex: disabled && !active ? -1 : undefined, onClick: disabled ? undefined : handleButtonClick, "data-analytics-id": analyticsId, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-tab-item__content", children: [icon && ((0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)(["zen-tab-item__content-icon", active ? "zen-tab-item__content-icon--active" : ""]), children: icon })), (0, jsx_runtime_1.jsx)("span", { className: "zen-tab-item__content-text", children: tabName }), quantity && (0, jsx_runtime_1.jsx)("div", { className: "zen-tab-item__content-quantity", children: quantity })] }) }));
 };
 exports.TabItem = TabItem;

package/dist/tabs/tabs.d.ts

@@ -14,9 +14,10 @@ export interface ITabs extends IZenComponentProps {
     tabs: ITabElement[];
     activeTabId: string;
     onTabChange: (newTabId: string) => void;
+    disabled?: boolean;
 }
 export declare const TabsDisplayName = "Tabs";
 export declare const Tabs: {
-    ({ className, tabs, activeTabId, onTabChange }: ITabs): import("react/jsx-runtime").JSX.Element;
+    ({ className, tabs, activeTabId, onTabChange, disabled }: ITabs): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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");
@@ -93,7 +93,8 @@ const Tabs = ({
   className,
   tabs = [],
   activeTabId,
-  onTabChange
+  onTabChange,
+  disabled
 }) => {
   const driveClassname = (0, useDriveClassName_1.useDriveClassName)("zen-tabs");
   const mobileClassname = (0, useMobileClassName_1.useMobileClassName)("zen-tabs");
@@ -101,6 +102,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");
@@ -110,6 +113,9 @@ const Tabs = ({
   const scrollRef = (0, react_1.useRef)(0);
   const focusableTabIdRef = (0, react_1.useRef)("");
   const handleButtonClick = e => {
+    if (disabled) {
+      return;
+    }
     const newState = e.currentTarget.id;
     focusableTabIdRef.current = newState;
     if (newState !== activeTabId) {
@@ -122,6 +128,9 @@ const Tabs = ({
       return;
     }
     if (e.key === "Enter" || e.key === " ") {
+      if (disabled) {
+        return;
+      }
       const target = e.target;
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
       if (target && target.id && tabs.some(tab => tab.id === target.id)) {
@@ -142,7 +151,7 @@ const Tabs = ({
     focusableTabIdRef.current = newActiveTabId;
     const focusableTab = (_b = scrollableRef.current) === null || _b === void 0 ? void 0 : _b.querySelector(`.zen-tab-item[id='${newActiveTabId}']`);
     focusableTab === null || focusableTab === void 0 ? void 0 : focusableTab.focus();
-  }, [tabs, activeTabId, onTabChange]);
+  }, [tabs, activeTabId, onTabChange, disabled]);
   (0, react_1.useEffect)(() => {
     var _a;
     if (!scrollableRef.current) {
@@ -218,9 +227,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),
@@ -244,16 +253,17 @@ const Tabs = ({
             active: activeTabId === tab.id,
             ariaControl: `panel-${tab.id}`,
             handleButtonClick: handleButtonClick,
-            dataAnalyticsId: tab.dataAnalyticsId
+            dataAnalyticsId: tab.dataAnalyticsId,
+            disabled: disabled
           }, tab.id))
         })
       }), scrollButtonType === "end" || scrollButtonType === "both" ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
         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

@@ -45,7 +45,7 @@ injectString("tr", "Time", "Zaman");
 injectString("zh-Hans", "Time", "\u65F6\u95F4");
 injectString("zh-TW", "Time", "\u6642\u9593");
 injectString("ro-RO", "Time", "Or\u0103");
-injectString("ar-SA", "Time", "\u0627\u0644\u0648\u0642\u062A");
+injectString("ar", "Time", "\u0627\u0644\u0648\u0642\u062A");
 injectString("cs", "Select hour", "Vybrat hodiny");
 injectString("da-DK", "Select hour", "V\xE6lg time");
 injectString("de", "Select hour", "Stunde ausw\xE4hlen");
@@ -72,7 +72,7 @@ injectString("tr", "Select hour", "Saat se\xE7");
 injectString("zh-Hans", "Select hour", "\u9009\u62E9\u5C0F\u65F6");
 injectString("zh-TW", "Select hour", "\u9078\u53D6\u5C0F\u6642");
 injectString("ro-RO", "Select hour", "Selecta\u021Bi ora");
-injectString("ar-SA", "Select hour", "\u0627\u062E\u062A\u064A\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629");
+injectString("ar", "Select hour", "\u0627\u062E\u062A\u064A\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629");
 injectString("cs", "Select minutes", "Select minutes");
 injectString("da-DK", "Select minutes", "V\xE6lg minutter");
 injectString("de", "Select minutes", "Select minutes");
@@ -99,7 +99,7 @@ injectString("tr", "Select minutes", "Select minutes");
 injectString("zh-Hans", "Select minutes", "Select minutes");
 injectString("zh-TW", "Select minutes", "\u9078\u53D6\u5206\u9418");
 injectString("ro-RO", "Select minutes", "Selecta\u021Bi minutele");
-injectString("ar-SA", "Select minutes", "\u0627\u062E\u062A\u064A\u0627\u0631 \u0627\u0644\u062F\u0642\u0627\u0626\u0642");
+injectString("ar", "Select minutes", "\u0627\u062E\u062A\u064A\u0627\u0631 \u0627\u0644\u062F\u0642\u0627\u0626\u0642");
 injectString("cs", "Apply changes", "Pou\u017E\xEDt zm\u011Bny");
 injectString("da-DK", "Apply changes", "Anvend \xE6ndringer");
 injectString("de", "Apply changes", "\xC4nderungen anwenden");
@@ -126,7 +126,7 @@ injectString("tr", "Apply changes", "De\u011Fi\u015Fiklikleri uygula");
 injectString("zh-Hans", "Apply changes", "\u5E94\u7528\u66F4\u6539");
 injectString("zh-TW", "Apply changes", "\u5957\u7528\u8B8A\u66F4");
 injectString("ro-RO", "Apply changes", "Aplica\u021Bi schimb\u0103rile");
-injectString("ar-SA", "Apply changes", "\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u062A\u063A\u064A\u064A\u0631\u0627\u062A");
+injectString("ar", "Apply changes", "\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u062A\u063A\u064A\u064A\u0631\u0627\u062A");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -153,7 +153,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
-injectString("ar-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "Cancel changes", "Zru\u0161it zm\u011Bny");
 injectString("da-DK", "Cancel changes", "Annuller \xE6ndringer");
 injectString("de", "Cancel changes", "\xC4nderungen abbrechen");
@@ -180,7 +180,7 @@ injectString("tr", "Cancel changes", "De\u011Fi\u015Fiklikleri iptal et");
 injectString("zh-Hans", "Cancel changes", "\u53D6\u6D88\u66F4\u6539");
 injectString("zh-TW", "Cancel changes", "\u53D6\u6D88\u8B8A\u66F4");
 injectString("ro-RO", "Cancel changes", "Anula\u021Bi schimb\u0103rile");
-injectString("ar-SA", "Cancel changes", "\u0625\u0644\u063A\u0627\u0621 \u0627\u0644\u062A\u063A\u064A\u064A\u0631\u0627\u062A");
+injectString("ar", "Cancel changes", "\u0625\u0644\u063A\u0627\u0621 \u0627\u0644\u062A\u063A\u064A\u064A\u0631\u0627\u062A");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -207,7 +207,7 @@ injectString("tr", "Cancel", "\u0130ptal");
 injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
-injectString("ar-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
+injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const getAriaAttributes_1 = require("../commonHelpers/getAriaAttributes");
 const useFormFieldValues_1 = require("../commonHelpers/hooks/useFormFieldValues/useFormFieldValues");
@@ -219,7 +219,8 @@ const TimePickerRaw = props => {
     fullWidth,
     dataTimeId,
     isReadOnly,
-    isError
+    isError,
+    id
   } = props;
   const ariaAttributes = (0, getAriaAttributes_1.getAriaAttributes)(props);
   const {
@@ -275,7 +276,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
@@ -284,6 +285,7 @@ const TimePickerRaw = props => {
   return (0, jsx_runtime_1.jsxs)("div", {
     className: classes,
     children: [(0, jsx_runtime_1.jsx)(filterButton_1.FilterButton, Object.assign({
+      id: id,
       onBlur: onBlur,
       name: name,
       ref: innerTriggerRef,

package/dist/timePickerRaw/types.d.ts

@@ -1,6 +1,7 @@
 import { Exclusive } from "../commonHelpers/types/exclusive";
 import { IReactFormItemController, IZenComponentProps } from "../commonHelpers/zenComponent";
 export interface ITimePickerRawBase extends IZenComponentProps {
+    id?: string;
     fullWidth?: boolean;
     /**
      * @deprecated

package/dist/toastRaw/toastRaw.js

@@ -34,7 +34,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const toastAnimation_1 = require("./components/toastAnimation");
 const iconCheckRadio_1 = require("../icons/iconCheckRadio");
 const iconInfoCircle_1 = require("../icons/iconInfoCircle");

package/dist/toggleButtonRaw/toggleButtonRaw.js

@@ -65,7 +65,7 @@ injectString("tr", "On", "A\xE7\u0131k");
 injectString("zh-Hans", "On", "\u5F00\u542F");
 injectString("zh-TW", "On", "\u958B\u555F");
 injectString("ro-RO", "On", "Pe");
-injectString("ar-SA", "On", "\u062A\u0634\u063A\u064A\u0644");
+injectString("ar", "On", "\u062A\u0634\u063A\u064A\u0644");
 injectString("cs", "Off", "Vypnuto");
 injectString("da-DK", "Off", "Slukket");
 injectString("de", "Off", "Aus");
@@ -92,7 +92,7 @@ injectString("tr", "Off", "Kapal\u0131");
 injectString("zh-Hans", "Off", "\u5173\u95ED");
 injectString("zh-TW", "Off", "\u95DC\u9589");
 injectString("ro-RO", "Off", "Off");
-injectString("ar-SA", "Off", "\u0625\u064A\u0642\u0627\u0641");
+injectString("ar", "Off", "\u0625\u064A\u0642\u0627\u0641");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useFormFieldValues_1 = require("../commonHelpers/hooks/useFormFieldValues/useFormFieldValues");
@@ -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", {