@geotab/zenith 3.16.0 → 3.17.0-beta.0

package/esm/table/table.js

@@ -2,8 +2,9 @@ import { injectString } from "../utils/localization/translationsDictionary";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 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";
+import { DataGrid as DataGridInternal, EndOfList as DataGridEndOfList } from "../dataGrid/dataGrid";
+import { LazyLoadingEnd } from "../dataGrid/lazyLoadingEnd/lazyLoadingEnd";
+import { getEmptySelection, isAllSelection, useSelectableRows } from "./selectable/useSelectableRows";
 import { useSortableColumns } from "./sortable/useSortableColumns";
 import { useFlexibleColumns } from "./flexible/useFlexibleColumns";
 import { useActions } from "./actions/useActions";
@@ -15,12 +16,12 @@ import { ColumnsListButton } from "../dataGrid/entitiesListActions/actions/colum
 import { useTableChildren } from "./children/useTableChildren";
 import { DeviceType } from "../commonHelpers/hooks/deviceType";
 import { useMobile } from "../commonHelpers/hooks/useMobile";
+import { getCurrentPageSelection } from "./selectable/utils/getCurrentPageSelection";
 import { TableFullscreen } from "./children/tableFullscreen";
 import { TableBulkActions } from "./children/tableBulkActions";
 import { TablePagination } from "./children/tablePagination";
 import { TableEmpty } from "./children/tableEmpty";
 import { TableFooter } from "./children/tableFooter";
-import { getEmptySelection } from "./selectable/useSelectableRows";
 import { ColumnSortDirection } from "./sortable/interfaces";
 import { getSortableValue } from "./sortable/useSortableColumns";
 import { ActionsColumn } from "../dataGrid/columns/actionsColumn/actionsColumn";
@@ -184,7 +185,7 @@ const TableInner = ({
   active,
   onClick
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   const isMobile = useMobile();
   const {
     translate
@@ -205,6 +206,8 @@ const TableInner = ({
   // 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;
+  const isAppendLoading = isLoading && (loading === null || loading === void 0 ? void 0 : loading.addToEnd) === true && entities.length > 0;
+  const selectableForRender = isLoading && !isAppendLoading ? undefined : selectable;
   // 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.
@@ -216,7 +219,13 @@ const TableInner = ({
     }
     if (isLoading) {
       setLiveMessage(translate("Loading more rows"));
-    } else if (entities.length > prevEntitiesCountRef.current) {
+      // Don't advance the ref while loading: if `entities` and `isLoading` ever update across
+      // separate renders instead of together (e.g. without automatic batching), advancing here
+      // would make the next render see entities.length === prevEntitiesCountRef.current and
+      // silently skip the "N more rows loaded" announcement below.
+      return;
+    }
+    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
@@ -238,7 +247,7 @@ const TableInner = ({
   const {
     selectableColumns,
     selectableFeedWrapper
-  } = useSelectableRows(nestedColumns, entities, isMobile, selectMode, setMobileSelectMode, isLoading ? undefined : selectable, isInfinite);
+  } = useSelectableRows(nestedColumns, entities, isMobile, selectMode, setMobileSelectMode, selectableForRender, isInfinite, gridRef, expanded);
   const {
     sortableColumns,
     feedSortControl
@@ -264,13 +273,21 @@ const TableInner = ({
     isFeedVisible,
     visibleColumns
   } = useFeedExpandable(isMobile, feedExpandable);
-  const selectionQty = useMemo(() => {
+  // Keep bulk-action state available during initial/replacement loading for backward compatibility.
+  // The row controls themselves still use selectableForRender and remain hidden until real rows can render.
+  const allSelected = useMemo(() => {
     var _a, _b;
+    return isAllSelection((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all, (_b = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _b === void 0 ? void 0 : _b.selected.length, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions);
+  }, [(_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions, (_d = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _d === void 0 ? void 0 : _d.selected.length]);
+  const selectionQty = useMemo(() => {
+    var _a;
     if (!selectable) {
       return 0;
     }
-    return ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all) ? loadingEntities.length : ((_b = selectable.selection) === null || _b === void 0 ? void 0 : _b.selected.length) || 0;
-  }, [selectable, loadingEntities.length]);
+    const ids = new Set((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.selected);
+    const base = entities.length > 0 ? entities : loadingEntities;
+    return allSelected ? [...getCurrentPageSelection(base, selectable)].filter(id => !selectable.allowExclusions || !ids.has(id)).length : ids.size;
+  }, [selectable, entities, loadingEntities, allSelected]);
   const clearSelection = useCallback(() => {
     setSelectMode(false);
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
@@ -287,23 +304,31 @@ const TableInner = ({
   }, [onClickRow]);
   const {
     bulkActions,
+    hasSelection,
     pagination,
+    paginationTotal,
     activePage,
     fullscreenButton,
     emptyList,
     detailPanel,
     footer,
     other
-  } = 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);
+  } = useTableChildren(children, isMobile, selectionQty, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel, isInfinite, entities.length, (selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && ((_e = selectable.selection) === null || _e === void 0 ? void 0 : _e.all) ? new Set(selectable.selection.selected).size : 0, (selectable === null || selectable === void 0 ? void 0 : selectable.strategy) !== "nested" && !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxDisabled) && !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible), !!feedEndCallback || !!isLoading);
   const hasDetailPanel = !!detailPanel;
   const shouldEnableRowClick = hasDetailPanel || !!onClick;
   const activeIdForRow = shouldEnableRowClick ? activeId : undefined;
   const onClickForRow = shouldEnableRowClick ? onClickRow : undefined;
   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]);
-  // Pagination is desktop-only and is hidden in infinite-scroll mode (no pages).
-  const showPagination = !!pagination && !isMobile && !isInfinite;
+  const hasPostActions = useMemo(() => columnsPopup || isMobile && selectableForRender || !isMobile && fullscreenButton || isFeedVisible, [columnsPopup, fullscreenButton, isFeedVisible, isMobile, selectableForRender]);
+  // Pagination is desktop-only. In infinite-scroll mode there are no pages, so when a
+  // Table.Pagination child is supplied, `pagination` is already the chevron-less "loaded X of Y"
+  // variant (see useTableChildren's `isInfinite` handling) rather than being hidden outright.
+  const showPagination = !!pagination && !isMobile;
+  // Shown as the last row once every row has been loaded (desktop infinite scroll only). Guarded
+  // on `paginationTotal` being a real, positive total from a Table.Pagination child — a consumer
+  // that hasn't opted in (no total) never sees this, and an empty list is handled by Table.Empty.
+  const isEndOfList = isInfinite && !isMobile && !isLoading && !!paginationTotal && entities.length >= paginationTotal;
   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";
@@ -323,7 +348,7 @@ const TableInner = ({
       children: [hasToolbar ? _jsxs(EntitiesListActions, {
         gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop,
         children: [_jsxs(EntitiesListActions.Actions, {
-          children: [!isMobile && bulkActions && selectionQty > 0 ? bulkActions : null, feedSortControl]
+          children: [!isMobile && hasSelection ? bulkActions : null, feedSortControl]
         }), showPagination || other.length > 0 ? _jsxs(EntitiesListActions.Pagination, {
           children: [_jsx(EntitiesListActions.CustomElements, {
             children: other
@@ -336,7 +361,7 @@ const TableInner = ({
           }) : null, isFeedVisible ? _jsx(FeedExpandControl, {
             isExpanded: isFeedExpanded,
             onClick: handleExpanded
-          }) : null, isMobile && selectable ? _jsx(DataFeedSelectPanel, {
+          }) : null, isMobile && selectableForRender ? _jsx(DataFeedSelectPanel, {
             panelTitle: translate("Selection panel"),
             buttonTitle: translate("Bulk select"),
             onTriggerClick: handleOnTriggerClick,
@@ -389,7 +414,9 @@ const TableInner = ({
             onClick: onClickForRow,
             onScrollEnd: onScrollEnd,
             isLoading: isLoading,
-            children: [emptyList || _jsx(_Fragment, {}), footer || _jsx(_Fragment, {})]
+            children: [emptyList || _jsx(_Fragment, {}), footer || _jsx(_Fragment, {}), isEndOfList ? _jsx(DataGridEndOfList, {
+              children: _jsx(LazyLoadingEnd, {})
+            }) : _jsx(_Fragment, {})]
           })
         }), detailPanel !== null && detailPanel !== void 0 ? detailPanel : null]
       })]

package/esm/tabs/tabs.d.ts

@@ -9,6 +9,7 @@ export interface ITabElement {
     id: string;
     quantity?: number;
     dataAnalyticsId?: string;
+    ariaControls?: string | null;
 }
 export interface ITabs extends IZenComponentProps {
     tabs: ITabElement[];

package/esm/tabs/tabs.js

@@ -133,6 +133,27 @@ export const Tabs = ({
   const scrollRef = useRef(0);
   const focusableTabIdRef = useRef("");
   const userInitiatedTabChangeRef = useRef(false);
+  const scrollTabIntoView = useCallback(tabId => {
+    var _a, _b;
+    const scrollableElement = scrollableRef.current;
+    if (!scrollableElement) {
+      return;
+    }
+    if (tabId === ((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.id)) {
+      scrollableElement.scrollLeft = 0;
+    } else if (tabId === ((_b = tabs[tabs.length - 1]) === null || _b === void 0 ? void 0 : _b.id)) {
+      scrollableElement.scrollLeft = isRTL ? scrollableElement.clientWidth - scrollableElement.scrollWidth : scrollableElement.scrollWidth - scrollableElement.clientWidth;
+    } else {
+      const tab = scrollableElement.querySelector(`.zen-tab-item[id='${tabId}']`);
+      if (tab instanceof HTMLElement) {
+        tab.scrollIntoView({
+          block: "nearest",
+          inline: "nearest"
+        });
+      }
+    }
+    setScrollButtonType(getScrollButtonType(scrollableElement, isRTL));
+  }, [isRTL, tabs]);
   const handleButtonClick = e => {
     if (disabled) {
       return;
@@ -167,14 +188,23 @@ export const Tabs = ({
       const nextTabId = tabsKeyboardTabHandler(e, tabs, (_a = zen === null || zen === void 0 ? void 0 : zen.document) === null || _a === void 0 ? void 0 : _a.activeElement);
       if (nextTabId) {
         focusableTabIdRef.current = nextTabId;
+        scrollTabIntoView(nextTabId);
       }
       return;
     }
-    const newActiveTabId = tabsKeyboardHandler(e, tabs, focusableTabIdRef.current) || activeTabId;
+    const newActiveTabId = tabsKeyboardHandler(e, tabs, focusableTabIdRef.current, isRTL);
+    if (!newActiveTabId) {
+      return;
+    }
     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, disabled]);
+    if (focusableTab instanceof HTMLElement) {
+      focusableTab.focus({
+        preventScroll: true
+      });
+      scrollTabIntoView(newActiveTabId);
+    }
+  }, [tabs, onTabChange, disabled, isRTL, scrollTabIntoView]);
   useEffect(() => {
     var _a;
     if (!scrollableRef.current) {
@@ -268,20 +298,23 @@ export const Tabs = ({
         children: _jsx("div", {
           className: "zen-tabs__tabs",
           role: "tablist",
-          children: tabs.map(tab => _jsx(TabItem, {
-            className: "zen-tabs__tab-item",
-            tabId: tab.id,
-            tabName: tab.name,
-            icon: typeof tab.icon === "function" ? createElement(tab.icon, {
-              size: "large"
-            }) : tab.icon,
-            quantity: tab.quantity,
-            active: activeTabId === tab.id,
-            ariaControl: `panel-${tab.id}`,
-            handleButtonClick: handleButtonClick,
-            dataAnalyticsId: tab.dataAnalyticsId,
-            disabled: disabled
-          }, tab.id))
+          children: tabs.map(tab => {
+            var _a;
+            return _jsx(TabItem, {
+              className: "zen-tabs__tab-item",
+              tabId: tab.id,
+              tabName: tab.name,
+              icon: typeof tab.icon === "function" ? createElement(tab.icon, {
+                size: "large"
+              }) : tab.icon,
+              quantity: tab.quantity,
+              active: activeTabId === tab.id,
+              ariaControl: tab.ariaControls === undefined ? `panel-${tab.id}` : (_a = tab.ariaControls) !== null && _a !== void 0 ? _a : undefined,
+              handleButtonClick: handleButtonClick,
+              dataAnalyticsId: tab.dataAnalyticsId,
+              disabled: disabled
+            }, tab.id);
+          })
         })
       }), scrollButtonType === "end" || scrollButtonType === "both" ? _jsxs(_Fragment, {
         children: [_jsx("div", {

package/esm/textInputRaw/textInputRaw.js

@@ -4,6 +4,7 @@ import { useDriveClassName } from "../utils/theme/useDriveClassName";
 import { ReviewTextControl } from "../formGroup/components/reviewTextControl";
 import { useFormFieldValues } from "../commonHelpers/hooks/useFormFieldValues/useFormFieldValues";
 import { useMobileClassName } from "../utils/theme/useMobileClassName";
+import { getAriaAttributes } from "../commonHelpers/getAriaAttributes";
 export const TextInputRaw = (props) => {
     const driveComponentClass = useDriveClassName("zen-text-input");
     const mobileComponentClass = useMobileClassName("zen-text-input");
@@ -11,13 +12,13 @@ export const TextInputRaw = (props) => {
     if (props.isReadOnly) {
         return _jsx(ReviewTextControl, { value: value, password: props.type === "password" });
     }
-    return (_jsx("input", { id: props.id, ref: props.ref, type: props.type || "text", className: classNames([
+    return (_jsx("input", Object.assign({ id: props.id, ref: props.ref, type: props.type || "text", className: classNames([
             "zen-text-input",
             mobileComponentClass || driveComponentClass || "",
             props.className || "",
             props.isError ? "zen-text-input--error" : ""
         ]), value: maxLength ? value.substring(0, maxLength) : value, placeholder: props.placeholder, disabled: disabled, onChange: onChange, onKeyDown: props.onKeyDown, onBlur: onBlur, maxLength: maxLength, autoComplete: props.autocomplete, 
         // TODO: add tests
-        min: min, max: max, step: props.step, "aria-labelledby": props.ariaLabelledby, "aria-label": props.ariaLabel, autoFocus: props.autoFocus, required: !!required, onFocus: props.onFocus, minLength: minLength, name: name, pattern: pattern, role: props.role, "aria-expanded": props.ariaExpanded === undefined ? undefined : props.ariaExpanded === "true" || props.ariaExpanded === true, "aria-haspopup": props.ariaHaspopup, "aria-controls": props.ariaControls, "aria-autocomplete": props.ariaAutocomplete, "aria-describedby": props.ariaDescribedby }));
+        min: min, max: max, step: props.step, autoFocus: props.autoFocus, required: !!required, onFocus: props.onFocus, minLength: minLength, name: name, pattern: pattern, role: props.role }, getAriaAttributes(props), { "aria-expanded": props.ariaExpanded === undefined ? undefined : props.ariaExpanded === "true" || props.ariaExpanded === true })));
 };
 TextInputRaw.displayName = "TextInputRaw";

package/esm/tooltip/tooltip.d.ts

@@ -8,6 +8,8 @@ export type TMobileView = "default" | "mobileSheet";
 interface ITooltip extends IZenComponentProps {
     trigger?: ReactElement<PropsWithChildren & {
         onClick?: (e: React.MouseEvent) => void;
+        disabled?: boolean;
+        focusableWhenDisabled?: boolean;
     }>;
     alignment?: TAlignment;
     triggerClassName?: string;

package/esm/tooltip/tooltip.js

@@ -115,13 +115,17 @@ const EventWrapper = ({
   deviceType,
   onKeyDownHandler,
   handleUniversalClick,
+  isTriggerDisabledFocusable,
   setTooltipVisible,
   timerRef,
   timerMouseLeaveRef,
   tooltipRef
 }) => {
   const isCurrentDeviceDesktop = deviceType === DeviceType.Desktop;
-  const originalOnClick = children.props.onClick;
+  const triggerProps = children.props;
+  const originalOnClick = triggerProps.onClick;
+  // A disabled-focusable trigger's own `onClick` is a no-op guard, so `composedOnClick` never runs on
+  // mobile — see the `onClickCapture` handling in `mobileEvents` below.
   const composedOnClick = useCallback(e => {
     // Call original onClick first if it exists
     if (originalOnClick) {
@@ -158,10 +162,13 @@ const EventWrapper = ({
       handleUniversalClick(undefined);
     }
   }, [handleUniversalClick]);
-  const mobileEvents = {
-    onClick: composedOnClick,
+  const mobileEvents = Object.assign({
     onKeyDown: mobileOnKeyDown
-  };
+  }, isTriggerDisabledFocusable ? {
+    onClickCapture: handleUniversalClick
+  } : {
+    onClick: composedOnClick
+  });
   const propsToApply = isCurrentDeviceDesktop ? desktopEvents : mobileEvents;
   return React.cloneElement(children, propsToApply);
 };
@@ -191,6 +198,8 @@ export const Tooltip = ({
   const [isTooltipVisible, setTooltipVisible] = useState(false);
   const [deviceType, setDeviceType] = useState(getInitialDeviceType);
   const isMobile = deviceType === DeviceType.Mobile;
+  const triggerProps = trigger === null || trigger === void 0 ? void 0 : trigger.props;
+  const isTriggerDisabledFocusable = Boolean(triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.disabled) && (triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.focusableWhenDisabled) !== false;
   const tooltipId = useId();
   const {
     translate
@@ -221,7 +230,7 @@ export const Tooltip = ({
     }
   };
   const handleUniversalClick = useCallback(e => {
-    const hasExternalClickHandler = !!(trigger === null || trigger === void 0 ? void 0 : trigger.props.onClick);
+    const hasExternalClickHandler = !!(triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onClick) && !isTriggerDisabledFocusable;
     if (deviceType === DeviceType.Desktop) {
       setTooltipVisible(currentVisible => {
         if (currentVisible) {
@@ -230,12 +239,14 @@ export const Tooltip = ({
         return currentVisible;
       });
     } else {
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
+      if (!isTriggerDisabledFocusable) {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+      }
       if (!hasExternalClickHandler) {
         setTooltipVisible(isVisible => !isVisible);
       }
     }
-  }, [trigger === null || trigger === void 0 ? void 0 : trigger.props, deviceType]);
+  }, [deviceType, isTriggerDisabledFocusable, triggerProps]);
   // Apply `triggerAriaLabel` to a `Tooltip.InlineTrigger` trigger (it has no `ariaLabel` prop
   // of its own); the default info-icon trigger below handles `triggerAriaLabel` separately.
   // An `aria-label` set directly on the `Tooltip.InlineTrigger` element takes priority over
@@ -262,6 +273,7 @@ export const Tooltip = ({
     isTooltipVisible: isTooltipVisible,
     onKeyDownHandler: onKeyDownHandler,
     handleUniversalClick: handleUniversalClick,
+    isTriggerDisabledFocusable: isTriggerDisabledFocusable,
     setTooltipVisible: setTooltipVisible,
     timerRef: timerRef,
     timerMouseLeaveRef: timerMouseLeaveRef,

package/esm/utils/localization/translations/ar-001.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "محرك مصنف يدوياً",
     "GroupFuelCellElectricVehicleId": "مركبة كهربائية بخلايا الوقود",
     "and {0} more": "و {0} إضافي",
+    "+{0} more": "+{0} أخرى",
     "Clear selection": "مسح التحديد",
     "Select current page": "تحديد الصفحة الحالية",
     "OperatorOr": "معامل أو",

package/esm/utils/localization/translations/bg-BG.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "Ръчно класифицирана задвижваща система",
     "GroupFuelCellElectricVehicleId": "Електрическо превозно средство с горивни клетки",
     "and {0} more": "и {0} повече",
+    "+{0} more": "+ още {0}",
     "Clear selection": "Изчистване на избора",
     "Select current page": "Избиране на текущата страница",
     "OperatorOr": "ИЛИ",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Elektromobil s palivovým článkem",
     "{1} selected": "{1} vybraný/vybrané",
     "and {0} more": "a {0} dalších",
+    "+{0} more": "+{0} další",
     "Clear selection": "Vymazat výběr",
     "Select current page": "Vybrat aktuální stránku",
     "OperatorOr": "NEBO",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manuelt klassificeret drivlinje",
     "GroupFuelCellElectricVehicleId": "Brændselscelle elektrisk køretøj",
     "and {0} more": "og {0} mere",
+    "+{0} more": "+{0} mere",
     "Clear selection": "Ryd markering",
     "Select current page": "Vælg aktuel side",
     "OperatorOr": "ELLER",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Brennstoffzellenfahrzeug",
     "{1} selected": "{1} ausgewählt",
     "and {0} more": "und {0} weitere",
+    "+{0} more": "+{0} weitere",
     "Select current page": "Aktuelle Seite auswählen",
     "OperatorOr": "ODER",
     "OperatorAnd": "UND",

package/esm/utils/localization/translations/el-GR.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "Χειροκίνητα ταξινομημένο σύστημα κίνησης",
     "GroupFuelCellElectricVehicleId": "Ηλεκτρικό όχημα κυψελών καυσίμου",
     "and {0} more": "και {0} ακόμη",
+    "+{0} more": "+{0} ακόμα",
     "Clear selection": "Εκκαθάριση επιλογής",
     "Select current page": "Επιλογή τρέχουσας σελίδας",
     "OperatorOr": "Ή",

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

@@ -87,6 +87,7 @@
     "Previous page": "Previous page",
     "Next page": "Next page",
     "Showing {from} - {to} of {total}": "Showing {from} - {to} of {total}",
+    "{from}-{to} of {total}": "{from}-{to} of {total}",
     "Selected:": "Selected:",
     "All": "All",
     "Go to My Reports": "Go to My Reports",
@@ -129,6 +130,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manually Classified Powertrain",
     "GroupFuelCellElectricVehicleId": "Fuel Cell Electric Vehicle",
     "and {0} more": "and {0} more",
+    "+{0} more": "+{0} more",
     "Clear selection": "Clear selection",
     "Select current page": "Select current page",
     "OperatorOr": "OR",
@@ -348,6 +350,8 @@
     "Loading more rows": "Loading more rows",
     "1 more row loaded": "1 more row loaded",
     "{count} more rows loaded": "{count} more rows loaded",
+    "No further results found": "No further results found",
+    "We couldn't find any more data matching your current selection. Try broadening your search.": "We couldn't find any more data matching your current selection. Try broadening your search.",
     "Line chart": "Line chart",
     "Bar chart": "Bar chart",
     "Pie chart": "Pie chart",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Vehículo eléctrico con celdas de combustible",
     "{1} selected": "Seleccionados: {1}",
     "and {0} more": "y {0} más",
+    "+{0} more": "+{0} más",
     "Clear selection": "Borrar selección",
     "Select current page": "Seleccionar página actual",
     "OperatorOr": "O",

package/esm/utils/localization/translations/et-EE.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "Käsitsi klassifitseeritud jõuülekanne",
     "GroupFuelCellElectricVehicleId": "Kütuseelementidega elektrisõiduk",
     "and {0} more": "ja {0} veel",
+    "+{0} more": "+{0} veel",
     "Clear selection": "Tühjenda valik",
     "Select current page": "Vali praegune leht",
     "OperatorOr": "VÕI",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manuaalisesti luokiteltu voimansiirto",
     "GroupFuelCellElectricVehicleId": "Polttokenno­sähköajoneuvo",
     "and {0} more": "ja {0} lisää",
+    "+{0} more": "+{0} lisää",
     "Clear selection": "Tyhjennä valinta",
     "Select current page": "Valitse nykyinen sivu",
     "OperatorOr": "TAI",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Véhicule électrique à pile combustible",
     "{1} selected": "{1} sélectionné(s)",
     "and {0} more": "et {0} de plus",
+    "+{0} more": "+{0} autres",
     "Clear selection": "Effacer la sélection",
     "Select current page": "Sélectionner toute la page",
     "OperatorOr": "OU",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Véhicule électrique à pile à combustible",
     "{1} selected": "{1} sélectionné(s)",
     "and {0} more": "et {0} de plus",
+    "+{0} more": "+{0} autres",
     "Clear selection": "Effacer la sélection",
     "Select current page": "Sélectionner la page actuelle",
     "OperatorOr": "OU",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "Kézi besorolású hajtáslánc",
     "GroupFuelCellElectricVehicleId": "Üzemanyagcellás elektromos jármű",
     "and {0} more": "és még {0}",
+    "+{0} more": "+{0} több",
     "Clear selection": "Töröld a kijelölést.",
     "Select current page": "Válaszd ki az aktuális oldalt.",
     "OperatorOr": "VAGY",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Kendaraan Listrik Sel Bahan Bakar",
     "{1} selected": "{1} dipilih",
     "and {0} more": "dan {0} lainnya",
+    "+{0} more": "+{0} lebih",
     "Clear selection": "Hapus pilihan",
     "Select current page": "Pilih halaman saat ini",
     "OperatorOr": "ATAU",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Veicolo elettrico a celle a combustibile",
     "{1} selected": "Elementi selezionati: {1}",
     "and {0} more": "e altri {0}",
+    "+{0} more": "+{0} in più",
     "Clear selection": "Cancellare selezione",
     "Select current page": "Selezionare pagina corrente",
     "OperatorOr": "O",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "燃料電池電気自動車",
     "{1} selected": "{1} つ選択",
     "and {0} more": "{0} 以上",
+    "+{0} more": "さらに {0} 個",
     "Clear selection": "選択をクリアします",
     "Select current page": "現在のページを選択",
     "OperatorOr": "または",

package/esm/utils/localization/translations/ka-GE.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "ხელით კლასიფიცირებული ძრავის სისტემა",
     "GroupFuelCellElectricVehicleId": "საწვავის ელემენტის ელექტრო მანქანა",
     "and {0} more": "და კიდევ {0}",
+    "+{0} more": "+{0} მეტი",
     "Clear selection": "მონიშვნის გასუფთავება",
     "Select current page": "მიმდინარე გვერდის არჩევა",
     "OperatorOr": "ან",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "수동 분류 파워트레인",
     "GroupFuelCellElectricVehicleId": "연료 전지 전기 자동차",
     "and {0} more": "및 {0}개 더",
+    "+{0} more": "+{0} 더보기",
     "Clear selection": "선택 지우기",
     "Select current page": "현재 페이지 선택",
     "OperatorOr": "OperatorOr",

package/esm/utils/localization/translations/lt-LT.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "Rankiniu būdu klasifikuota pavara",
     "GroupFuelCellElectricVehicleId": "Kuro elementų elektrinis automobilis",
     "and {0} more": "ir dar {0}",
+    "+{0} more": "+{0} daugiau",
     "Clear selection": "Išvalyti pasirinkimą",
     "Select current page": "Pasirinkti dabartinį puslapį",
     "OperatorOr": "ARBA",

package/esm/utils/localization/translations/lv-LV.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manuāli klasificēta piedziņas sistēma",
     "GroupFuelCellElectricVehicleId": "Degvielas elementu elektriskais transportlīdzeklis",
     "and {0} more": "un vēl {0}",
+    "+{0} more": "+{0} vēl",
     "Clear selection": "Notīrīt atlasi",
     "Select current page": "Atlasīt pašreizējo lapu",
     "OperatorOr": "VAI",

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

@@ -115,6 +115,7 @@
     "{1} selected": "{1} dipilih",
     "GroupElectricHybridPluginId": "Pasang Masuk Elektrik atau Hibrid",
     "and {0} more": "dan {0} lagi",
+    "+{0} more": "+{0} lagi",
     "Clear selection": "Kosongkan pilihan",
     "Select current page": "Pilih halaman semasa",
     "OperatorOr": "ATAU",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manuelt klassifisert drivlinje",
     "GroupFuelCellElectricVehicleId": "Brenselcelle-elektrisk kjøretøy",
     "and {0} more": "og {0} flere",
+    "+{0} more": "+{0} mer",
     "Clear selection": "Fjern utvalg",
     "Select current page": "Velg nåværende side",
     "OperatorOr": "ELLER",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Elektrisch voertuig met brandstofcel",
     "{1} selected": "{1} geselecteerd",
     "and {0} more": "en {0} meer",
+    "+{0} more": "+{0} meer",
     "Clear selection": "Selectie wissen",
     "Select current page": "Huidige pagina selecteren",
     "OperatorOr": "OF",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Elektryczny pojazd z ogniwem paliwowym",
     "{1} selected": "Wybrano {1}",
     "and {0} more": "i jeszcze {0}",
+    "+{0} more": "Jeszcze {0}",
     "Clear selection": "Wyczyść wybór",
     "Select current page": "Wybierz bieżącą stronę",
     "OperatorOr": "LUB",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Veículo elétrico com célula de combustível",
     "{1} selected": "{1} selecionado(s)",
     "and {0} more": "e {0} mais",
+    "+{0} more": "+{0} mais",
     "Clear selection": "Limpar seleção",
     "Select current page": "Selecionar página atual",
     "OperatorOr": "OU",