@geotab/zenith 3.14.0 → 3.15.0-beta.0

package/esm/table/selectable/useSelectableRows.js

@@ -37,6 +37,12 @@ injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
 injectString("ar", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("lt-LT", "Select all", "Pasirinkti visus");
+injectString("lv-LV", "Select all", "Atlas\u012Bt visus");
+injectString("ka-GE", "Select all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
+injectString("el-GR", "Select all", "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03CC\u03BB\u03C9\u03BD");
+injectString("et-EE", "Select all", "Vali k\xF5ik");
+injectString("bg-BG", "Select all", "\u0418\u0437\u0431\u0438\u0440\u0430\u043D\u0435 \u043D\u0430 \u0432\u0441\u0438\u0447\u043A\u0438");
 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");
@@ -64,12 +70,20 @@ 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", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("lt-LT", "Deselect all", "At\u017Eym\u0117ti visus");
+injectString("lv-LV", "Deselect all", "Atcelt visas atlases");
+injectString("ka-GE", "Deselect all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10DB\u10DD\u10EE\u10E1\u10DC\u10D0");
+injectString("el-GR", "Deselect all", "\u039A\u03B1\u03C4\u03AC\u03C1\u03B3\u03B7\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD");
+injectString("et-EE", "Deselect all", "T\xFChista k\xF5ik valikud");
+injectString("bg-BG", "Deselect all", "\u041F\u0440\u0435\u043C\u0430\u0445\u0432\u0430\u043D\u0435 \u043D\u0430 \u0432\u0441\u0438\u0447\u043A\u0438 \u0438\u0437\u0431\u043E\u0440\u0438");
 export const getEmptySelection = () => ({
   all: false,
   selected: []
 });
 export const SelectableWrapperName = "Selectable";
-export const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMode, selectable) => {
+// Infinite scroll has no pages, so the header checkbox always means "select all" (never current page).
+const resolveCheckboxEmitsCurrentPage = (isInfinite, checkboxSelectsCurrentPage, turnOffSelectAll) => isInfinite ? false : checkboxSelectsCurrentPage !== null && checkboxSelectsCurrentPage !== void 0 ? checkboxSelectsCurrentPage : turnOffSelectAll;
+export const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMode, selectable, isInfinite = false) => {
   var _a;
   const {
     translate
@@ -185,7 +199,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
   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 checkboxEmitsCurrentPage = resolveCheckboxEmitsCurrentPage(isInfinite, selectableCheckboxSelectsCurrentPage, selectableTurnOffSelectAll);
   const checkboxInHeaderValue = selectableCheckboxInHeader !== undefined ? selectableCheckboxInHeader : selectableSelectionLimit !== undefined ? false : undefined;
   const wrapper = useMemo(() => {
     if (!hasSelectable) {
@@ -256,12 +270,13 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
             setState(newState);
             onChangeSelectionState(newState);
           },
-          turnOffSelectAll: selectableTurnOffSelectAll
+          turnOffSelectAll: selectableTurnOffSelectAll,
+          turnOffSelectCurrentPage: isInfinite
         });
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, isInfinite, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
   const selectableFeedWrapper = useCallback((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/esm/table/sortable/mobileSortControl.js

@@ -8,7 +8,39 @@ import { useLanguage } from "../../utils/localization/useLanguage";
 import { Button } from "../../button/button";
 import { ButtonType } from "../../button/buttonType";
 import { Menu } from "../../menu/menu";
+injectString("cs", "Sort by Ascending", "Se\u0159adit vzestupn\u011B");
+injectString("da-DK", "Sort by Ascending", "Sorter stigende");
+injectString("de", "Sort by Ascending", "Aufsteigend sortieren");
 injectString("en", "Sort by Ascending", "Sort by Ascending");
+injectString("es", "Sort by Ascending", "Ordenar de forma ascendente");
+injectString("fi-FI", "Sort by Ascending", "Lajittele nousevasti");
+injectString("fr", "Sort by Ascending", "Trier par ordre croissant");
+injectString("fr-FR", "Sort by Ascending", "Trier par ordre croissant");
+injectString("hu-HU", "Sort by Ascending", "Rendez\xE9s n\xF6vekv\u0151 sorrendbe");
+injectString("id", "Sort by Ascending", "Urutkan secara menaik");
+injectString("it", "Sort by Ascending", "Ordina in modo crescente");
+injectString("ja", "Sort by Ascending", "\u6607\u9806\u3067\u4E26\u3079\u66FF\u3048");
+injectString("ko-KR", "Sort by Ascending", "\uC624\uB984\uCC28\uC21C \uC815\uB82C");
+injectString("ms", "Sort by Ascending", "Isih secara menaik");
+injectString("nb-NO", "Sort by Ascending", "Sorter stigende");
+injectString("nl", "Sort by Ascending", "Oplopend sorteren");
+injectString("pl", "Sort by Ascending", "Sortuj rosn\u0105co");
+injectString("pt-BR", "Sort by Ascending", "Ordenar de forma crescente");
+injectString("pt-PT", "Sort by Ascending", "Ordenar por ordem crescente");
+injectString("sk-SK", "Sort by Ascending", "Zoradi\u0165 vzostupne");
+injectString("sv", "Sort by Ascending", "Sortera stigande");
+injectString("th", "Sort by Ascending", "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E25\u0E33\u0E14\u0E31\u0E1A\u0E08\u0E32\u0E01\u0E19\u0E49\u0E2D\u0E22\u0E44\u0E1B\u0E21\u0E32\u0E01");
+injectString("tr", "Sort by Ascending", "Artan s\u0131rada s\u0131rala");
+injectString("zh-Hans", "Sort by Ascending", "\u5347\u5E8F\u6392\u5E8F");
+injectString("zh-TW", "Sort by Ascending", "\u5347\u5E8F\u6392\u5E8F");
+injectString("ro-RO", "Sort by Ascending", "Sortare cresc\u0103toare");
+injectString("ar", "Sort by Ascending", "\u062A\u0631\u062A\u064A\u0628 \u062A\u0635\u0627\u0639\u062F\u064A");
+injectString("lt-LT", "Sort by Ascending", "R\u016B\u0161iuoti did\u0117jan\u010Dia tvarka");
+injectString("lv-LV", "Sort by Ascending", "K\u0101rtot augo\u0161\u0101 sec\u012Bb\u0101");
+injectString("ka-GE", "Sort by Ascending", "\u10DB\u10D6\u10D0\u10E0\u10D3\u10D8 \u10D3\u10D0\u10EE\u10D0\u10E0\u10D8\u10E1\u10EE\u10D4\u10D1\u10D0");
+injectString("el-GR", "Sort by Ascending", "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u03B1\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1");
+injectString("et-EE", "Sort by Ascending", "Sordi kasvavas j\xE4rjekorras");
+injectString("bg-BG", "Sort by Ascending", "\u0421\u043E\u0440\u0442\u0438\u0440\u0430\u043D\u0435 \u043F\u043E \u0432\u044A\u0437\u0445\u043E\u0434\u044F\u0449 \u0440\u0435\u0434");
 injectString("cs", "Selected", "Vybr\xE1no");
 injectString("da-DK", "Selected", "Valgt");
 injectString("de", "Selected", "Ausgew\xE4hlt");
@@ -35,8 +67,46 @@ 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", "Selected", "\u0645\u062D\u062F\u062F");
+injectString("ar", "Selected", "\u0627\u0644\u0645\u062D\u062F\u062F");
+injectString("lt-LT", "Selected", "Pasirinkta");
+injectString("lv-LV", "Selected", "Atlas\u012Bts");
+injectString("ka-GE", "Selected", "\u10D0\u10E0\u10E9\u10D4\u10E3\u10DA\u10D8");
+injectString("el-GR", "Selected", "\u0395\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03B1");
+injectString("et-EE", "Selected", "Valitud");
+injectString("bg-BG", "Selected", "\u0418\u0437\u0431\u0440\u0430\u043D\u0438");
+injectString("cs", "Sort by Descending", "Se\u0159adit sestupn\u011B");
+injectString("da-DK", "Sort by Descending", "Sorter faldende");
+injectString("de", "Sort by Descending", "Absteigend sortieren");
 injectString("en", "Sort by Descending", "Sort by Descending");
+injectString("es", "Sort by Descending", "Ordenar de forma descendente");
+injectString("fi-FI", "Sort by Descending", "Lajittele laskevasti");
+injectString("fr", "Sort by Descending", "Trier par ordre d\xE9croissant");
+injectString("fr-FR", "Sort by Descending", "Trier par ordre d\xE9croissant");
+injectString("hu-HU", "Sort by Descending", "Rendez\xE9s cs\xF6kken\u0151 sorrendbe");
+injectString("id", "Sort by Descending", "Urutkan secara menurun");
+injectString("it", "Sort by Descending", "Ordina in modo decrescente");
+injectString("ja", "Sort by Descending", "\u964D\u9806\u3067\u4E26\u3079\u66FF\u3048");
+injectString("ko-KR", "Sort by Descending", "\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C");
+injectString("ms", "Sort by Descending", "Isih secara menurun");
+injectString("nb-NO", "Sort by Descending", "Sorter synkende");
+injectString("nl", "Sort by Descending", "Aflopend sorteren");
+injectString("pl", "Sort by Descending", "Sortuj malej\u0105co");
+injectString("pt-BR", "Sort by Descending", "Ordenar de forma decrescente");
+injectString("pt-PT", "Sort by Descending", "Ordenar por ordem decrescente");
+injectString("sk-SK", "Sort by Descending", "Zoradi\u0165 zostupne");
+injectString("sv", "Sort by Descending", "Sortera fallande");
+injectString("th", "Sort by Descending", "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E25\u0E33\u0E14\u0E31\u0E1A\u0E08\u0E32\u0E01\u0E21\u0E32\u0E01\u0E44\u0E1B\u0E19\u0E49\u0E2D\u0E22");
+injectString("tr", "Sort by Descending", "Azalan s\u0131rada s\u0131rala");
+injectString("zh-Hans", "Sort by Descending", "\u964D\u5E8F\u6392\u5E8F");
+injectString("zh-TW", "Sort by Descending", "\u964D\u5E8F\u6392\u5E8F");
+injectString("ro-RO", "Sort by Descending", "Sortare descresc\u0103toare");
+injectString("ar", "Sort by Descending", "\u062A\u0631\u062A\u064A\u0628 \u062A\u0646\u0627\u0632\u0644\u064A");
+injectString("lt-LT", "Sort by Descending", "R\u016B\u0161iuoti ma\u017E\u0117jan\u010Dia tvarka");
+injectString("lv-LV", "Sort by Descending", "K\u0101rtot dilsto\u0161\u0101 sec\u012Bb\u0101");
+injectString("ka-GE", "Sort by Descending", "\u10D9\u10DA\u10D4\u10D1\u10D0\u10D3\u10D8 \u10D3\u10D0\u10EE\u10D0\u10E0\u10D8\u10E1\u10EE\u10D4\u10D1\u10D0");
+injectString("el-GR", "Sort by Descending", "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u03C6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1");
+injectString("et-EE", "Sort by Descending", "Sordi kahanevas j\xE4rjekorras");
+injectString("bg-BG", "Sort by Descending", "\u0421\u043E\u0440\u0442\u0438\u0440\u0430\u043D\u0435 \u043F\u043E \u043D\u0438\u0437\u0445\u043E\u0434\u044F\u0449 \u0440\u0435\u0434");
 const SORT_ASC = "sort-ascending";
 const SORT_DESC = "sort-descending";
 export const MobileSortControl = ({

package/esm/table/sortable/sortableHeader.js

@@ -33,7 +33,13 @@ 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", "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", "\u0641\u0631\u0632 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0646\u0627\u0632\u0644\u064A\u064B\u0627");
+injectString("lt-LT", "Sort by {COLUMN_NAME} descending", "R\u016B\u0161iuoti pagal {COLUMN_NAME} ma\u017E\u0117jan\u010Dia tvarka");
+injectString("lv-LV", "Sort by {COLUMN_NAME} descending", "K\u0101rtot p\u0113c {COLUMN_NAME} dilsto\u0161\u0101 sec\u012Bb\u0101");
+injectString("ka-GE", "Sort by {COLUMN_NAME} descending", "{COLUMN_NAME}-\u10D8\u10D7 \u10D9\u10DA\u10D4\u10D1\u10D0\u10D3\u10D8 \u10D3\u10D0\u10EE\u10D0\u10E0\u10D8\u10E1\u10EE\u10D4\u10D1\u10D0");
+injectString("el-GR", "Sort by {COLUMN_NAME} descending", "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u03BA\u03B1\u03C4\u03AC {COLUMN_NAME} \u03C6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1");
+injectString("et-EE", "Sort by {COLUMN_NAME} descending", "Sordi {COLUMN_NAME} kahanevas j\xE4rjekorras");
+injectString("bg-BG", "Sort by {COLUMN_NAME} descending", "\u0421\u043E\u0440\u0442\u0438\u0440\u0430\u043D\u0435 \u043F\u043E {COLUMN_NAME} \u043D\u0438\u0437\u0445\u043E\u0434\u044F\u0449\u043E");
 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");
@@ -60,7 +66,13 @@ 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", "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", "\u0641\u0631\u0632 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0635\u0627\u0639\u062F\u064A\u064B\u0627");
+injectString("lt-LT", "Sort by {COLUMN_NAME} ascending", "R\u016B\u0161iuoti pagal {COLUMN_NAME} did\u0117jan\u010Dia tvarka");
+injectString("lv-LV", "Sort by {COLUMN_NAME} ascending", "K\u0101rtot p\u0113c {COLUMN_NAME} augo\u0161\u0101 sec\u012Bb\u0101");
+injectString("ka-GE", "Sort by {COLUMN_NAME} ascending", "{COLUMN_NAME}-\u10D8\u10D7 \u10DB\u10D6\u10D0\u10E0\u10D3\u10D8 \u10D3\u10D0\u10EE\u10D0\u10E0\u10D8\u10E1\u10EE\u10D4\u10D1\u10D0");
+injectString("el-GR", "Sort by {COLUMN_NAME} ascending", "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u03BA\u03B1\u03C4\u03AC {COLUMN_NAME} \u03B1\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1");
+injectString("et-EE", "Sort by {COLUMN_NAME} ascending", "Sordi {COLUMN_NAME} kasvavas j\xE4rjekorras");
+injectString("bg-BG", "Sort by {COLUMN_NAME} ascending", "\u0421\u043E\u0440\u0442\u0438\u0440\u0430\u043D\u0435 \u043F\u043E {COLUMN_NAME} \u0432\u044A\u0437\u0445\u043E\u0434\u044F\u0449\u043E");
 const getSortButtonTitle = (sortDirection, title, translate) => {
   const titleTemplate = sortDirection === ColumnSortDirection.Descending ? translate("Sort by {COLUMN_NAME} descending") : translate("Sort by {COLUMN_NAME} ascending");
   return titleTemplate.replace("{COLUMN_NAME}", title);

package/esm/table/table.d.ts

@@ -54,6 +54,11 @@ export interface IFeedExpandable {
 export interface ITable<T extends IRowEntity<N>, N extends IEntityWithId = T> extends IZenComponentProps, IZenGridItem {
     entities: T[];
     columns: IListColumn<T, N>[];
+    /**
+     * Renders skeleton placeholder rows while data is being fetched. In infinite-scroll mode
+     * (see `onScrollEnd`) this also drives the `aria-busy` state and the screen-reader
+     * "Loading more rows" / "{count} more rows loaded" announcements.
+     */
     isLoading?: boolean;
     selectable?: ISelectableRowsOptions<T, N>;
     sortable?: ISortableOptions;
@@ -62,6 +67,15 @@ export interface ITable<T extends IRowEntity<N>, N extends IEntityWithId = T> ex
     children?: ReturnType<typeof TableBulkActions> | ReturnType<typeof TablePagination> | ReturnType<typeof TableFullscreen> | ReturnType<typeof TableEmpty> | ReturnType<typeof TableFooter>;
     height?: string;
     onFeedEnd?: () => void;
+    /**
+     * Called when the user scrolls within ~100 px of the grid bottom (once per approach to the bottom).
+     * Also fires after each `entities` change while the grid is already near the bottom — this drives
+     * viewport-fill on initial load and greedy load-ahead on appends, so it can fire without new scroll
+     * input. The caller is responsible for preventing concurrent fetches (e.g. ignore it while `isLoading`).
+     * Wiring this prop enables desktop infinite scroll: pagination is hidden and "Select current page"
+     * becomes "Select all". Takes precedence over `onFeedEnd` when both are provided.
+     */
+    onScrollEnd?: () => void;
     rowClassName?: TRowClassName<T>;
     feedExpandable?: IFeedExpandable;
     expandedRows?: string[];
@@ -79,5 +93,6 @@ interface ITableComponents {
     BulkLink: React.FC<IBulkActionLink>;
     DetailPanel: React.FC<ITableDetailPanel>;
 }
-declare const Table: (<T extends IRowEntity<N>, N extends IEntityWithId = T>({ entities, columns, selectable, sortable, flexible, isLoading, loading, children, className, height, onFeedEnd, rowClassName, feedExpandable, expandedRows, onExpand, active, onClick }: ITable<T, N>) => import("react/jsx-runtime").JSX.Element) & ITableComponents;
+declare const TableInner: <T extends IRowEntity<N>, N extends IEntityWithId = T>({ entities, columns, selectable, sortable, flexible, isLoading, loading, children, className, height, onFeedEnd, onScrollEnd, rowClassName, feedExpandable, expandedRows, onExpand, active, onClick }: ITable<T, N>) => import("react/jsx-runtime").JSX.Element;
+declare const Table: typeof TableInner & ITableComponents;
 export { type IListColumnWrapper, Table, getEmptySelection, ColumnSortDirection, getSortableValue, ActionsColumn, MainColumn, CheckboxColumn, ActionLinkColumn };

package/esm/table/table.js

@@ -1,6 +1,6 @@
 import { injectString } from "../utils/localization/translationsDictionary";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback, useMemo, useRef, useState } from "react";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DataFeed } from "../dataFeed/dataFeed";
 import { DataGrid as DataGridInternal } from "../dataGrid/dataGrid";
 import { useSelectableRows } from "./selectable/useSelectableRows";
@@ -38,60 +38,129 @@ import { getGridClasses } from "../gridLayout/utils/getGridClasses";
 import { useNestedRows } from "./nested/useNestedRows";
 import { TableDetailPanel } from "./children/tableDetailPanel";
 import { useLanguage } from "../utils/localization/useLanguage";
+// Interpolation placeholder used in the "{count} more rows loaded" translation key.
+// `translate()` has no interpolation overload, so the count is substituted at runtime via
+// `.replace()`. The translation KEY must stay a string literal (the build-time translation
+// injector statically extracts literal keys — see build-utils/translations/translation-injector.js),
+// so this constant is only the replacement token, keeping the `.replace()` call from hard-coding it.
+injectString("da-DK", "Loading more rows", "Indl\xE6ser flere r\xE6kker");
+injectString("en", "Loading more rows", "Loading more rows");
+injectString("fi-FI", "Loading more rows", "Ladataan lis\xE4\xE4 rivej\xE4");
+injectString("hu-HU", "Loading more rows", "Tov\xE1bbi sorok bet\xF6lt\xE9se");
+injectString("ms", "Loading more rows", "Memuatkan lebih banyak baris");
+injectString("nb-NO", "Loading more rows", "Laster inn flere rader");
+injectString("nl", "Loading more rows", "Meer rijen laden");
+injectString("pt-BR", "Loading more rows", "Carregando mais linhas");
+injectString("sk-SK", "Loading more rows", "Na\u010D\xEDtavanie \u010Fal\u0161\xEDch riadkov");
+injectString("sv", "Loading more rows", "Laddar fler rader");
+injectString("ar", "Loading more rows", "\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u0632\u064A\u062F \u0645\u0646 \u0627\u0644\u0635\u0641\u0648\u0641");
+injectString("lt-LT", "Loading more rows", "\u012Ekeliama daugiau eilu\u010Di\u0173");
+injectString("lv-LV", "Loading more rows", "Iel\u0101d\u0113 vair\u0101k rindu");
+injectString("ka-GE", "Loading more rows", "\u10DB\u10D4\u10E2\u10D8 \u10E1\u10E2\u10E0\u10D8\u10E5\u10DD\u10DC\u10D8\u10E1 \u10E9\u10D0\u10E2\u10D5\u10D8\u10E0\u10D7\u10D5\u10D0");
+injectString("el-GR", "Loading more rows", "\u03A6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03C9\u03BD \u03B3\u03C1\u03B1\u03BC\u03BC\u03CE\u03BD");
+injectString("et-EE", "Loading more rows", "Laen rohkem ridu");
+injectString("bg-BG", "Loading more rows", "\u0417\u0430\u0440\u0435\u0436\u0434\u0430\u043D\u0435 \u043D\u0430 \u043E\u0449\u0435 \u0440\u0435\u0434\u043E\u0432\u0435");
+injectString("da-DK", "1 more row loaded", "1 ekstra r\xE6kke indl\xE6st");
+injectString("en", "1 more row loaded", "1 more row loaded");
+injectString("fi-FI", "1 more row loaded", "1 rivi lis\xE4\xE4 ladattu");
+injectString("hu-HU", "1 more row loaded", "1 tov\xE1bbi sor bet\xF6ltve");
+injectString("ms", "1 more row loaded", "1 baris lagi dimuatkan");
+injectString("nb-NO", "1 more row loaded", "1 ekstra rad lastet inn");
+injectString("nl", "1 more row loaded", "1 extra rij geladen");
+injectString("pt-BR", "1 more row loaded", "1 linha adicional carregada");
+injectString("sk-SK", "1 more row loaded", "1 \u010Fal\u0161\xED riadok na\u010D\xEDtan\xFD");
+injectString("sv", "1 more row loaded", "1 ytterligare rad laddad");
+injectString("ar", "1 more row loaded", "\u062A\u0645 \u062A\u062D\u0645\u064A\u0644 \u0635\u0641 \u0648\u0627\u062D\u062F \u0625\u0636\u0627\u0641\u064A");
+injectString("lt-LT", "1 more row loaded", "\u012Ekelta dar 1 eilut\u0117");
+injectString("lv-LV", "1 more row loaded", "Iel\u0101d\u0113ta v\u0113l 1 rinda");
+injectString("ka-GE", "1 more row loaded", "\u10E9\u10D0\u10D8\u10E2\u10D5\u10D8\u10E0\u10D7\u10D0 \u10D9\u10D8\u10D3\u10D4\u10D5 1 \u10E1\u10E2\u10E0\u10D8\u10E5\u10DD\u10DC\u10D8");
+injectString("el-GR", "1 more row loaded", "\u03A6\u03BF\u03C1\u03C4\u03CE\u03B8\u03B7\u03BA\u03B5 1 \u03B1\u03BA\u03CC\u03BC\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE");
+injectString("et-EE", "1 more row loaded", "1 rida juurde laaditud");
+injectString("bg-BG", "1 more row loaded", "\u0417\u0430\u0440\u0435\u0434\u0435\u043D \u0435 1 \u043D\u043E\u0432 \u0440\u0435\u0434");
+injectString("da-DK", "{count} more rows loaded", "{count} ekstra r\xE6kker indl\xE6st");
+injectString("en", "{count} more rows loaded", "{count} more rows loaded");
+injectString("fi-FI", "{count} more rows loaded", "{count} rivi\xE4 lis\xE4\xE4 ladattu");
+injectString("hu-HU", "{count} more rows loaded", "{count} tov\xE1bbi sor bet\xF6ltve");
+injectString("ms", "{count} more rows loaded", "{count} baris lagi dimuatkan");
+injectString("nb-NO", "{count} more rows loaded", "{count} ekstra rader lastet inn");
+injectString("nl", "{count} more rows loaded", "{count} extra rijen geladen");
+injectString("pt-BR", "{count} more rows loaded", "{count} linhas adicionais carregadas");
+injectString("sk-SK", "{count} more rows loaded", "{count} \u010Fal\u0161\xEDch riadkov na\u010D\xEDtan\xFDch");
+injectString("sv", "{count} more rows loaded", "{count} ytterligare rader laddade");
+injectString("ar", "{count} more rows loaded", "\u062A\u0645 \u062A\u062D\u0645\u064A\u0644 {count} \u0635\u0641\u0648\u0641 \u0625\u0636\u0627\u0641\u064A\u0629");
+injectString("lt-LT", "{count} more rows loaded", "\u012Ekeltos dar {count} eilut\u0117s");
+injectString("lv-LV", "{count} more rows loaded", "Iel\u0101d\u0113tas v\u0113l {count} rindas");
+injectString("ka-GE", "{count} more rows loaded", "\u10E9\u10D0\u10D8\u10E2\u10D5\u10D8\u10E0\u10D7\u10D0 \u10D9\u10D8\u10D3\u10D4\u10D5 {count} \u10E1\u10E2\u10E0\u10D8\u10E5\u10DD\u10DC\u10D8");
+injectString("el-GR", "{count} more rows loaded", "\u03A6\u03BF\u03C1\u03C4\u03CE\u03B8\u03B7\u03BA\u03B1\u03BD {count} \u03B1\u03BA\u03CC\u03BC\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AD\u03C2");
+injectString("et-EE", "{count} more rows loaded", "{count} rida juurde laaditud");
+injectString("bg-BG", "{count} more rows loaded", "\u0417\u0430\u0440\u0435\u0434\u0435\u043D\u0438 \u0441\u0430 {count} \u043D\u043E\u0432\u0438 \u0440\u0435\u0434\u0430");
 injectString("cs", "Selection panel", "Selection panel");
-injectString("da-DK", "Selection panel", "Selection panel");
+injectString("da-DK", "Selection panel", "Valgpanel");
 injectString("de", "Selection panel", "Selection panel");
 injectString("en", "Selection panel", "Selection panel");
 injectString("es", "Selection panel", "Selection panel");
-injectString("fi-FI", "Selection panel", "Selection panel");
+injectString("fi-FI", "Selection panel", "Valintapaneeli");
 injectString("fr", "Selection panel", "Selection panel");
 injectString("fr-FR", "Selection panel", "Selection panel");
-injectString("hu-HU", "Selection panel", "Selection panel");
+injectString("hu-HU", "Selection panel", "Kijel\xF6l\xE9si panel");
 injectString("id", "Selection panel", "Selection panel");
 injectString("it", "Selection panel", "Selection panel");
 injectString("ja", "Selection panel", "Selection panel");
 injectString("ko-KR", "Selection panel", "Selection panel");
-injectString("ms", "Selection panel", "Selection panel");
-injectString("nb-NO", "Selection panel", "Selection panel");
-injectString("nl", "Selection panel", "Selection panel");
+injectString("ms", "Selection panel", "Panel pemilihan");
+injectString("nb-NO", "Selection panel", "Valgpanel");
+injectString("nl", "Selection panel", "Selectiepaneel");
 injectString("pl", "Selection panel", "Selection panel");
-injectString("pt-BR", "Selection panel", "Selection panel");
+injectString("pt-BR", "Selection panel", "Painel de sele\xE7\xE3o");
 injectString("pt-PT", "Selection panel", "Painel de sele\xE7\xE3o");
-injectString("sk-SK", "Selection panel", "Selection panel");
-injectString("sv", "Selection panel", "Selection panel");
+injectString("sk-SK", "Selection panel", "Panel v\xFDberu");
+injectString("sv", "Selection panel", "Urvalspanel");
 injectString("th", "Selection panel", "Selection panel");
 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", "Selection panel", "\u0644\u0648\u062D\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
+injectString("lt-LT", "Selection panel", "Pasirinkimo skydelis");
+injectString("lv-LV", "Selection panel", "Atlases panelis");
+injectString("ka-GE", "Selection panel", "\u10D0\u10E0\u10E9\u10D4\u10D5\u10D8\u10E1 \u10DE\u10D0\u10DC\u10D4\u10DA\u10D8");
+injectString("el-GR", "Selection panel", "\u03A0\u03AF\u03BD\u03B1\u03BA\u03B1\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE\u03C2");
+injectString("et-EE", "Selection panel", "Valimispaneel");
+injectString("bg-BG", "Selection panel", "\u041F\u0430\u043D\u0435\u043B \u0437\u0430 \u0438\u0437\u0431\u043E\u0440");
 injectString("cs", "Bulk select", "Bulk select");
-injectString("da-DK", "Bulk select", "Bulk select");
+injectString("da-DK", "Bulk select", "Massevalg");
 injectString("de", "Bulk select", "Bulk select");
 injectString("en", "Bulk select", "Bulk select");
 injectString("es", "Bulk select", "Bulk select");
-injectString("fi-FI", "Bulk select", "Bulk select");
+injectString("fi-FI", "Bulk select", "Joukkovalinta");
 injectString("fr", "Bulk select", "Bulk select");
 injectString("fr-FR", "Bulk select", "Bulk select");
-injectString("hu-HU", "Bulk select", "Bulk select");
+injectString("hu-HU", "Bulk select", "T\xF6meges kijel\xF6l\xE9s");
 injectString("id", "Bulk select", "Bulk select");
 injectString("it", "Bulk select", "Bulk select");
 injectString("ja", "Bulk select", "Bulk select");
 injectString("ko-KR", "Bulk select", "Bulk select");
-injectString("ms", "Bulk select", "Bulk select");
-injectString("nb-NO", "Bulk select", "Bulk select");
-injectString("nl", "Bulk select", "Bulk select");
+injectString("ms", "Bulk select", "Pilih pukal");
+injectString("nb-NO", "Bulk select", "Massevalg");
+injectString("nl", "Bulk select", "Bulkselectie");
 injectString("pl", "Bulk select", "Bulk select");
-injectString("pt-BR", "Bulk select", "Bulk select");
+injectString("pt-BR", "Bulk select", "Sele\xE7\xE3o em massa");
 injectString("pt-PT", "Bulk select", "Selecionar em massa");
-injectString("sk-SK", "Bulk select", "Bulk select");
-injectString("sv", "Bulk select", "Bulk select");
+injectString("sk-SK", "Bulk select", "Hromadn\xFD v\xFDber");
+injectString("sv", "Bulk select", "Massmarkera");
 injectString("th", "Bulk select", "Bulk select");
 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", "Bulk select", "\u062A\u062D\u062F\u064A\u062F \u062C\u0645\u0627\u0639\u064A");
+injectString("lt-LT", "Bulk select", "Masinis pasirinkimas");
+injectString("lv-LV", "Bulk select", "Lielapjoma atlase");
+injectString("ka-GE", "Bulk select", "\u10DB\u10D0\u10E1\u10D8\u10E3\u10E0\u10D8 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
+injectString("el-GR", "Bulk select", "\u039C\u03B1\u03B6\u03B9\u03BA\u03AE \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE");
+injectString("et-EE", "Bulk select", "Massvalimine");
+injectString("bg-BG", "Bulk select", "\u041C\u0430\u0441\u043E\u0432 \u0438\u0437\u0431\u043E\u0440");
+const ROW_COUNT_TOKEN = "{count}";
 const TableInner = ({
   entities,
   columns,
@@ -104,6 +173,7 @@ const TableInner = ({
   className,
   height,
   onFeedEnd,
+  onScrollEnd,
   rowClassName,
   feedExpandable,
   expandedRows,
@@ -128,6 +198,34 @@ const TableInner = ({
     }
     setSelectMode(value);
   }, [isMobile, setSelectMode]);
+  const feedEndCallback = onScrollEnd !== null && onScrollEnd !== void 0 ? onScrollEnd : onFeedEnd;
+  // Desktop infinite scroll is active when onScrollEnd is wired. In that mode there are no pages:
+  // pagination is hidden and "Select current page" is suppressed (the checkbox selects all instead).
+  const isInfinite = !!onScrollEnd;
+  // Announce loading/loaded state to screen readers (the skeleton rows are not perceivable to them).
+  // Scoped to infinite scroll only: paged tables also pass `isLoading` for initial-fetch skeletons,
+  // and "Loading more rows" / "N more rows loaded" are semantically wrong outside infinite scroll.
+  const [liveMessage, setLiveMessage] = useState("");
+  const prevEntitiesCountRef = useRef(entities.length);
+  useEffect(() => {
+    if (!isInfinite) {
+      return;
+    }
+    if (isLoading) {
+      setLiveMessage(translate("Loading more rows"));
+    } else if (entities.length > prevEntitiesCountRef.current) {
+      // Announce the delta (newly appended rows), not the running total — hearing
+      // "500 rows loaded" on a later page is confusing when only a page just arrived.
+      // Separate singular key because `translate()` has no plural support, so a raw
+      // "1 more rows loaded" would be ungrammatical for screen-reader users.
+      const appendedCount = entities.length - prevEntitiesCountRef.current;
+      const message = appendedCount === 1 ? translate("1 more row loaded") : translate("{count} more rows loaded").replace(ROW_COUNT_TOKEN, String(appendedCount));
+      setLiveMessage(message);
+    } else {
+      setLiveMessage("");
+    }
+    prevEntitiesCountRef.current = entities.length;
+  }, [isInfinite, isLoading, entities.length, translate]);
   const {
     expanded,
     onExpandedChange,
@@ -137,7 +235,7 @@ const TableInner = ({
   const {
     selectableColumns,
     selectableFeedWrapper
-  } = useSelectableRows(nestedColumns, entities, isMobile, selectMode, setMobileSelectMode, isLoading ? undefined : selectable);
+  } = useSelectableRows(nestedColumns, entities, isMobile, selectMode, setMobileSelectMode, isLoading ? undefined : selectable, isInfinite);
   const {
     sortableColumns,
     feedSortControl
@@ -201,7 +299,9 @@ const TableInner = ({
   const handleOnHidePanel = useCallback(() => setSelectMode(false), []);
   const handleOnTriggerClick = useCallback(() => setSelectMode(prev => !prev), []);
   const hasPostActions = useMemo(() => columnsPopup || isMobile && selectable || !isMobile && fullscreenButton || isFeedVisible, [columnsPopup, fullscreenButton, isFeedVisible, isMobile, selectable]);
-  const hasToolbar = useMemo(() => bulkActions || feedSortControl || pagination && !isMobile || other.length || columnsPopup || !isMobile && fullscreenButton || isFeedVisible, [bulkActions, columnsPopup, feedSortControl, fullscreenButton, isFeedVisible, isMobile, other.length, pagination]);
+  // Pagination is desktop-only and is hidden in infinite-scroll mode (no pages).
+  const showPagination = !!pagination && !isMobile && !isInfinite;
+  const hasToolbar = useMemo(() => bulkActions || feedSortControl || showPagination || other.length || columnsPopup || !isMobile && fullscreenButton || isFeedVisible, [bulkActions, columnsPopup, feedSortControl, fullscreenButton, isFeedVisible, isMobile, other.length, showPagination]);
   const gridAutoHeight = useMemo(() => contentHeight ? `${contentHeight}px` : undefined, [contentHeight]);
   const minHeight = "400px";
   const gridHeight = useMemo(() => height || gridAutoHeight || minHeight, [gridAutoHeight, height]);
@@ -221,10 +321,10 @@ const TableInner = ({
         gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop,
         children: [_jsxs(EntitiesListActions.Actions, {
           children: [!isMobile && bulkActions && selectionQty > 0 ? bulkActions : null, feedSortControl]
-        }), pagination || other.length > 0 ? _jsxs(EntitiesListActions.Pagination, {
+        }), showPagination || other.length > 0 ? _jsxs(EntitiesListActions.Pagination, {
           children: [_jsx(EntitiesListActions.CustomElements, {
             children: other
-          }), !isMobile ? pagination : null]
+          }), showPagination ? pagination : null]
         }) : null, hasPostActions ? _jsxs(EntitiesListActions.PostActions, {
           children: [columnsPopup ? _jsxs(_Fragment, {
             children: [_jsx(ColumnsListButton, {
@@ -242,6 +342,11 @@ const TableInner = ({
             children: bulkActions
           }) : null, !isMobile ? fullscreenButton : null]
         }) : null]
+      }) : null, isInfinite ? _jsx("div", {
+        className: "zen-visually-hidden",
+        role: "status",
+        "aria-live": "polite",
+        children: liveMessage
       }) : null, _jsxs("div", {
         className: "zen-table__content",
         children: [_jsx("div", {
@@ -255,7 +360,7 @@ const TableInner = ({
             entities: loadingEntities,
             expanded: isFeedExpanded,
             options: {
-              onFeedEnd: onFeedEnd,
+              onFeedEnd: feedEndCallback,
               visibleColumns
             },
             actions: actions,
@@ -268,6 +373,7 @@ const TableInner = ({
             activePage: activePage,
             active: activeIdForRow,
             onClick: onClickForRow,
+            isLoading: isLoading,
             children: [emptyList || _jsx(_Fragment, {}), footer || _jsx(_Fragment, {})]
           }) : _jsxs(DataGridInternal, {
             columns: loadingColumns,
@@ -278,6 +384,8 @@ const TableInner = ({
             onExpandedChange: onExpandedChange,
             active: activeIdForRow,
             onClick: onClickForRow,
+            onScrollEnd: onScrollEnd,
+            isLoading: isLoading,
             children: [emptyList || _jsx(_Fragment, {}), footer || _jsx(_Fragment, {})]
           })
         }), detailPanel !== null && detailPanel !== void 0 ? detailPanel : null]

package/esm/tabs/tabs.js

@@ -29,17 +29,24 @@ injectString("ja", "Scroll to start", "\u4E00\u756A\u4E0A\u306B\u30B9\u30AF\u30E
 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("nl", "Scroll to start", "Naar het begin scrollen");
 injectString("pl", "Scroll to start", "Przewi\u0144 do pocz\u0105tku");
-injectString("pt-BR", "Scroll to start", "Scroll to start");
+injectString("pt-BR", "Scroll to start", "Rolar para o in\xEDcio");
 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("sv", "Scroll to start", "Rulla till b\xF6rjan");
 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("ar", "Scroll to start", "\u0627\u0644\u062A\u0645\u0631\u064A\u0631 \u0625\u0644\u0649 \u0627\u0644\u0628\u062F\u0627\u064A\u0629");
+injectString("lt-LT", "Scroll to start", "Slinkti \u012F prad\u017Ei\u0105");
+injectString("lv-LV", "Scroll to start", "Ritin\u0101t uz s\u0101kumu");
+injectString("ka-GE", "Scroll to start", "\u10D3\u10D0\u10E1\u10D0\u10EC\u10E7\u10D8\u10E1\u10E8\u10D8 \u10D2\u10D0\u10D3\u10D0\u10EE\u10D5\u10D4\u10D5\u10D0");
+injectString("el-GR", "Scroll to start", "\u039A\u03CD\u03BB\u03B9\u03C3\u03B7 \u03C3\u03C4\u03B7\u03BD \u03B1\u03C1\u03C7\u03AE");
+injectString("et-EE", "Scroll to start", "Kerige algusesse");
+injectString("bg-BG", "Scroll to start", "\u041F\u0440\u0435\u0432\u044A\u0440\u0442\u0430\u043D\u0435 \u0434\u043E \u043D\u0430\u0447\u0430\u043B\u043E\u0442\u043E");
 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");
@@ -55,17 +62,24 @@ injectString("ja", "Scroll to end", "\u4E00\u756A\u4E0B\u307E\u3067\u30B9\u30AF\
 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("nl", "Scroll to end", "Naar het einde scrollen");
 injectString("pl", "Scroll to end", "Przewi\u0144 do ko\u0144ca");
-injectString("pt-BR", "Scroll to end", "Scroll to end");
+injectString("pt-BR", "Scroll to end", "Rolar para o fim");
 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("sv", "Scroll to end", "Rulla till slutet");
 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");
+injectString("ar", "Scroll to end", "\u0627\u0644\u062A\u0645\u0631\u064A\u0631 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064A\u0629");
+injectString("lt-LT", "Scroll to end", "Slinkti \u012F pabaig\u0105");
+injectString("lv-LV", "Scroll to end", "Ritin\u0101t uz beig\u0101m");
+injectString("ka-GE", "Scroll to end", "\u10D1\u10DD\u10DA\u10DD\u10E8\u10D8 \u10D2\u10D0\u10D3\u10D0\u10EE\u10D5\u10D4\u10D5\u10D0");
+injectString("el-GR", "Scroll to end", "\u039A\u03CD\u03BB\u03B9\u03C3\u03B7 \u03C3\u03C4\u03BF \u03C4\u03AD\u03BB\u03BF\u03C2");
+injectString("et-EE", "Scroll to end", "Kerige l\xF5ppu");
+injectString("bg-BG", "Scroll to end", "\u041F\u0440\u0435\u0432\u044A\u0440\u0442\u0430\u043D\u0435 \u0434\u043E \u043A\u0440\u0430\u044F");
 export const TabsDisplayName = "Tabs";
 const getScrollButtonType = (element, isRTL) => {
   const scrollLeft = element.scrollLeft;

package/esm/tag/tag.d.ts

@@ -0,0 +1,19 @@
+import "./tag.less";
+import { IZenComponentProps } from "../commonHelpers/zenComponent";
+export type TTagColor = "red" | "yellow" | "green" | "blue" | "grey";
+export interface ITag extends IZenComponentProps {
+    /** Status dot color, mapped to the categorical data tokens (`--data--categorical-*`). */
+    color: TTagColor;
+    /** Label text displayed next to the dot. */
+    children: string;
+}
+/**
+ * A small status indicator: a categorical color dot followed by a label.
+ *
+ * Presentational and grid-agnostic — use it standalone, inside a table cell
+ * (via a column's inline `render`), a detail panel, or a mobile card.
+ */
+export declare const Tag: {
+    ({ color, className, children }: ITag): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/esm/tag/tag.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "../commonHelpers/classNames/classNames";
+/**
+ * A small status indicator: a categorical color dot followed by a label.
+ *
+ * Presentational and grid-agnostic — use it standalone, inside a table cell
+ * (via a column's inline `render`), a detail panel, or a mobile card.
+ */
+export const Tag = ({ color, className, children }) => (_jsxs("span", { className: classNames(["zen-tag", className !== null && className !== void 0 ? className : ""]), children: [_jsx("span", { className: classNames(["zen-tag__dot", `zen-tag__dot--${color}`]), "aria-hidden": "true" }), _jsx("span", { className: "zen-tag__label", children: children })] }));
+Tag.displayName = "Tag";

package/esm/testHelpers/geotab-axe/index.d.ts

@@ -1,2 +1 @@
-/// <reference path="../../../testHelpers/geotab-axe/index.d.ts" />
 export {};