@geotab/zenith 3.14.1 → 3.15.0-beta.0

package/dist/react-chartjs/dateFns/dateFns.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.format = exports.addYears = exports.addQuarters = exports.addWeeks = exports.addHours = exports.addMinutes = exports.addSeconds = exports.addMilliseconds = exports.addMonths = exports.addDays = void 0;
+exports.addDays = addDays;
+exports.addMonths = addMonths;
+exports.addMilliseconds = addMilliseconds;
+exports.addSeconds = addSeconds;
+exports.addMinutes = addMinutes;
+exports.addHours = addHours;
+exports.addWeeks = addWeeks;
+exports.addQuarters = addQuarters;
+exports.addYears = addYears;
+exports.format = format;
 function addDays(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -12,7 +21,6 @@ function addDays(date, amount) {
     result.setDate(result.getDate() + amount);
     return result;
 }
-exports.addDays = addDays;
 function addMonths(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -24,7 +32,6 @@ function addMonths(date, amount) {
     result.setMonth(result.getMonth() + amount);
     return result;
 }
-exports.addMonths = addMonths;
 function addMilliseconds(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -36,7 +43,6 @@ function addMilliseconds(date, amount) {
     result.setTime(result.getTime() + amount);
     return result;
 }
-exports.addMilliseconds = addMilliseconds;
 function addSeconds(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -48,7 +54,6 @@ function addSeconds(date, amount) {
     result.setSeconds(result.getSeconds() + amount);
     return result;
 }
-exports.addSeconds = addSeconds;
 function addMinutes(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -60,7 +65,6 @@ function addMinutes(date, amount) {
     result.setMinutes(result.getMinutes() + amount);
     return result;
 }
-exports.addMinutes = addMinutes;
 function addHours(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -72,7 +76,6 @@ function addHours(date, amount) {
     result.setHours(result.getHours() + amount);
     return result;
 }
-exports.addHours = addHours;
 function addWeeks(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -84,7 +87,6 @@ function addWeeks(date, amount) {
     result.setDate(result.getDate() + 7 * amount);
     return result;
 }
-exports.addWeeks = addWeeks;
 function addQuarters(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -96,7 +98,6 @@ function addQuarters(date, amount) {
     result.setMonth(result.getMonth() + 3 * amount);
     return result;
 }
-exports.addQuarters = addQuarters;
 function addYears(date, amount) {
     let result;
     if (date instanceof Date) {
@@ -108,7 +109,6 @@ function addYears(date, amount) {
     result.setFullYear(result.getFullYear() + amount);
     return result;
 }
-exports.addYears = addYears;
 const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 const quarterNames = ["Q1", "Q2", "Q3", "Q4"];
 const formatHours = (date) => (date.getHours() > 12 ? date.getHours() - 12 : date.getHours());
@@ -153,4 +153,3 @@ function format(date, formatString) {
     });
     return formattedDate;
 }
-exports.format = format;

package/dist/react-chartjs/utils.d.ts

@@ -12,18 +12,18 @@ export declare function cloneData<TType extends ChartType = ChartType, TData = D
  * @param event - Mouse click event
  * @returns Dataset
  */
-export declare function getDatasetAtEvent(chart: Chart, event: MouseEvent<HTMLCanvasElement>): import("chart.js/auto").InteractionItem[];
+export declare function getDatasetAtEvent(chart: Chart, event: MouseEvent<HTMLCanvasElement>): import("chart.js").InteractionItem[];
 /**
  * Get single dataset element from mouse click event
  * @param chart - Chart.js instance
  * @param event - Mouse click event
  * @returns Dataset
  */
-export declare function getElementAtEvent(chart: Chart, event: MouseEvent<HTMLCanvasElement>): import("chart.js/auto").InteractionItem[];
+export declare function getElementAtEvent(chart: Chart, event: MouseEvent<HTMLCanvasElement>): import("chart.js").InteractionItem[];
 /**
  * Get all dataset elements from mouse click event
  * @param chart - Chart.js instance
  * @param event - Mouse click event
  * @returns Dataset
  */
-export declare function getElementsAtEvent(chart: Chart, event: MouseEvent<HTMLCanvasElement>): import("chart.js/auto").InteractionItem[];
+export declare function getElementsAtEvent(chart: Chart, event: MouseEvent<HTMLCanvasElement>): import("chart.js").InteractionItem[];

package/dist/react-chartjs/utils.js

@@ -1,6 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getElementsAtEvent = exports.getElementAtEvent = exports.getDatasetAtEvent = exports.cloneData = exports.setDatasets = exports.setLabels = exports.setOptions = exports.reforwardRef = void 0;
+exports.reforwardRef = reforwardRef;
+exports.setOptions = setOptions;
+exports.setLabels = setLabels;
+exports.setDatasets = setDatasets;
+exports.cloneData = cloneData;
+exports.getDatasetAtEvent = getDatasetAtEvent;
+exports.getElementAtEvent = getElementAtEvent;
+exports.getElementsAtEvent = getElementsAtEvent;
 const defaultDatasetIdKey = "label";
 function reforwardRef(ref, value) {
     if (typeof ref === "function") {
@@ -10,18 +17,15 @@ function reforwardRef(ref, value) {
         ref.current = value;
     }
 }
-exports.reforwardRef = reforwardRef;
 function setOptions(chart, nextOptions) {
     const options = chart.options;
     if (options && nextOptions) {
         Object.assign(options, nextOptions);
     }
 }
-exports.setOptions = setOptions;
 function setLabels(currentData, nextLabels) {
     currentData.labels = nextLabels;
 }
-exports.setLabels = setLabels;
 function setDatasets(currentData, nextDatasets, datasetIdKey = defaultDatasetIdKey) {
     const addedDatasets = [];
     currentData.datasets = nextDatasets.map((nextDataset) => {
@@ -36,7 +40,6 @@ function setDatasets(currentData, nextDatasets, datasetIdKey = defaultDatasetIdK
         return currentDataset;
     });
 }
-exports.setDatasets = setDatasets;
 function cloneData(data, datasetIdKey = defaultDatasetIdKey) {
     const nextData = {
         labels: [],
@@ -46,7 +49,6 @@ function cloneData(data, datasetIdKey = defaultDatasetIdKey) {
     setDatasets(nextData, data.datasets, datasetIdKey);
     return nextData;
 }
-exports.cloneData = cloneData;
 /**
  * Get dataset from mouse click event
  * @param chart - Chart.js instance
@@ -56,7 +58,6 @@ exports.cloneData = cloneData;
 function getDatasetAtEvent(chart, event) {
     return chart.getElementsAtEventForMode(event.nativeEvent, "dataset", { intersect: true }, false);
 }
-exports.getDatasetAtEvent = getDatasetAtEvent;
 /**
  * Get single dataset element from mouse click event
  * @param chart - Chart.js instance
@@ -66,7 +67,6 @@ exports.getDatasetAtEvent = getDatasetAtEvent;
 function getElementAtEvent(chart, event) {
     return chart.getElementsAtEventForMode(event.nativeEvent, "nearest", { intersect: true }, false);
 }
-exports.getElementAtEvent = getElementAtEvent;
 /**
  * Get all dataset elements from mouse click event
  * @param chart - Chart.js instance
@@ -76,4 +76,3 @@ exports.getElementAtEvent = getElementAtEvent;
 function getElementsAtEvent(chart, event) {
     return chart.getElementsAtEventForMode(event.nativeEvent, "index", { intersect: true }, false);
 }
-exports.getElementsAtEvent = getElementsAtEvent;

package/dist/searchInputRaw/searchInputRaw.js

@@ -27,13 +27,23 @@ var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? fun
 } : function (o, v) {
   o["default"] = v;
 });
-var __importStar = this && this.__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-  __setModuleDefault(result, mod);
-  return result;
-};
+var __importStar = this && this.__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/dist/searchInputRaw/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Exclusive } from "../commonHelpers/types/exclusive";
 import { IReactFormItemController } from "../commonHelpers/zenComponent";
 export interface ISearchInputRawBase {

package/dist/selectField/selectField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const SelectField: ({ ...props }: import("../select/select").TSelect & {
-    children?: import("react").ReactNode;
+export declare const SelectField: ({ ...props }: import("..").TSelect & {
+    children?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/selectList/selectList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxState } from "../checkbox/checkboxState";
 import "./selectList.less";
 import { ISelectListItem } from "./selectListItem";

package/dist/selectRaw/hooks/usePopupWidth.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupWidth = void 0;
 const react_1 = __importStar(require("react"));

package/dist/selectRaw/selectRaw.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectRaw = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -41,6 +51,7 @@ const usePopupWidth_1 = require("./hooks/usePopupWidth");
 const reviewTextControl_1 = require("../formGroup/components/reviewTextControl");
 const useFormFieldValues_1 = require("../commonHelpers/hooks/useFormFieldValues/useFormFieldValues");
 const zen_1 = require("../utils/zen");
+const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 // get default active item (based on items array)
 const getItemById = (items, id) => items.find(item => item.id === id);
 const closedListActionGetters = {
@@ -70,6 +81,7 @@ const openListActionGetters = {
 const PassiveSelectListComp = react_1.default.memo(selectList_1.PassiveSelectList);
 const SelectRaw = (props) => {
     var _a, _b;
+    const driveComponentClass = (0, useDriveClassName_1.useDriveClassName)("zen-text-input");
     const { id, title, pageSize = 10, placeholder, className, classNamePopup, items: outerItems, isError, isReadOnly, ref: selectRef, forceSelection = false } = props;
     const { value, onChange, onBlur, disabled } = (0, useFormFieldValues_1.useFormFieldValues)(props.controller, props);
     const items = react_1.default.useMemo(() => outerItems, [outerItems]);
@@ -166,6 +178,7 @@ const SelectRaw = (props) => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: classes, ref: ref, children: [(0, jsx_runtime_1.jsxs)("div", { "aria-controls": listId, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-label": title, "aria-disabled": disabled, id: id, className: (0, classNames_1.classNames)([
                     "zen-select__trigger",
                     "zen-text-input",
+                    driveComponentClass || "",
                     isError ? "zen-text-input--error" : "",
                     "zen-caption zen-caption--full-width"
                 ]), role: "combobox", tabIndex: disabled ? -1 : 0, "aria-activedescendant": isOpen && state.activeIndex > -1 ? items[state.activeIndex].id : undefined, onClick: onPopupVisibilityChange, onKeyDown: onTriggerKeyDown, onBlur: onBlurHandler, ref: innerTriggerRef, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([

package/dist/sidePanel/sidePanelCell/sidePanelCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./sidePanelCell.less";
 import { IZenComponentProps } from "../../commonHelpers/zenComponent";
 export interface ISidePanelCell extends IZenComponentProps {

package/dist/summaries/utils/splitIntoPairs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.splitIntoPairs = void 0;
+exports.splitIntoPairs = splitIntoPairs;
 function splitIntoPairs(arr) {
     const pairs = [];
     for (let i = 0; i < arr.length; i += 2) {
@@ -9,4 +9,3 @@ function splitIntoPairs(arr) {
     }
     return pairs;
 }
-exports.splitIntoPairs = splitIntoPairs;

package/dist/summaryTile/summaryTile.js

@@ -27,13 +27,23 @@ var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? fun
 } : function (o, v) {
   o["default"] = v;
 });
-var __importStar = this && this.__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-  __setModuleDefault(result, mod);
-  return result;
-};
+var __importStar = this && this.__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];

package/dist/summaryTile/summaryTileTrigger.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/table/actions/actionsMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IEntityWithId } from "../../commonHelpers/entity";
 interface IActionsMenuProps<T extends object> {
     entity: T;

package/dist/table/children/useTableChildren.d.ts

@@ -1,11 +1,11 @@
 import { ReactElement, ReactNode, RefObject } from "react";
 export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
-    bulkActions: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
-    pagination: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
-    activePage: number | undefined;
-    fullscreenButton: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
-    emptyList: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
-    footer: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
-    detailPanel: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
+    bulkActions: ReactElement | undefined;
+    pagination: ReactElement | undefined;
+    activePage: undefined;
+    fullscreenButton: ReactElement | undefined;
+    emptyList: ReactElement | undefined;
+    footer: ReactElement | undefined;
+    detailPanel: ReactElement | undefined;
     other: ReactNode[];
 };

package/dist/table/detailPanel/interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IDetailPanelHeader {
     id?: string | undefined;
     title?: string | ((id: string) => string | React.JSX.Element | null);

package/dist/table/flexible/columnsList.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnSettingsList = void 0;
+exports.ColumnSettingsList = ColumnSettingsList;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const checkboxState_1 = require("../../checkbox/checkboxState");
@@ -54,4 +54,3 @@ function ColumnSettingsList({ columns, settings, onChange, sortGroups, sortColum
         .sort(sortGroupsInt)
         .map(([title, cs]) => ((0, jsx_runtime_1.jsx)(SubColumnsList, { title: title, columns: cs, settings: settings, lastVisibleColumnId: lastVisibleColumnId, onChange: onChange, sortColumns: sortColumns }, cs.map(c => c.id).join("-"))));
 }
-exports.ColumnSettingsList = ColumnSettingsList;

package/dist/table/loading/useLoading.d.ts

@@ -19,22 +19,22 @@ export declare const useLoading: <T extends IRowEntity<N>, N extends IEntityWith
         meta: {
             renderPlaceholder: () => import("react/jsx-runtime").JSX.Element;
             renderFeedPlaceholder: (_: ReactNode) => [ReactNode, ReactNode];
-            defaultWidth?: number | undefined;
-            multilineHeader?: boolean | undefined;
-            initialSortDirection?: import("../table").ColumnSortDirection | undefined;
+            defaultWidth?: number;
+            multilineHeader?: boolean;
+            initialSortDirection?: import("../table").ColumnSortDirection;
         };
         columnComponent: IListColumnBasic<T & ILoadingEntity<N>, N & ILoading>;
         id: string;
         title: string;
-        defaultValue?: string | undefined;
-        visibleOnHover?: boolean | undefined;
+        defaultValue?: string;
+        visibleOnHover?: boolean;
         wrappers?: import("../table").IListColumnWrapper<T, N>[] | undefined;
-        sortable?: boolean | undefined;
-        draggable?: boolean | undefined;
-        alwaysVisible?: boolean | undefined;
+        sortable?: boolean;
+        draggable?: boolean;
+        alwaysVisible?: boolean;
         colspan?: number | ((entity: T | N) => number | undefined) | undefined;
-        group?: string | undefined;
-        visible?: boolean | undefined;
+        group?: string;
+        visible?: boolean;
     }[];
     loadingEntities: T[];
 };

package/dist/table/nested/nestedData.d.ts

@@ -1,5 +1,5 @@
 import { IEntityWithId } from "../../commonHelpers/entity";
-export declare const NestedData: <TParent extends IEntityWithId, TChild extends IEntityWithId>({ entities, children, expandedRows, useChildrenDataHook, maxHooks }: {
+declare const NestedDataInt: <TParent extends IEntityWithId, TChild extends IEntityWithId>({ entities, children, expandedRows, useChildrenDataHook, maxHooks }: {
     entities: TParent[];
     expandedRows: string[];
     useChildrenDataHook: (parentId: string, enabled: boolean) => {
@@ -11,3 +11,5 @@ export declare const NestedData: <TParent extends IEntityWithId, TChild extends
     children: React.ReactNode;
     maxHooks?: number;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const NestedData: typeof NestedDataInt;
+export {};

package/dist/table/nested/useNestedRows.d.ts

@@ -11,8 +11,8 @@ export declare const useNestedRows: <T extends IRowEntity<N>, N extends IEntityW
         title: string;
         meta?: import("../../dataGrid/listColumn").IListColumnMeta<T, N> | undefined;
         columnComponent?: import("../../dataGrid/listColumn").IColumnComponent<T, N> | undefined;
-        wrappers?: import("../../dataGrid/listColumn").IListColumnWrapper<T, N>[] | undefined;
-        alwaysVisible?: boolean | undefined;
+        wrappers?: import("../table").IListColumnWrapper<T, N>[] | undefined;
+        alwaysVisible?: boolean;
         colspan?: number | ((entity: T | N) => number | undefined) | undefined;
     }[];
     nestedFeedWrapper: (primaryData: ReactNode, secondaryData: ReactNode, entity: T | N, isNested: boolean) => [ReactNode, ReactNode];

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

@@ -13,7 +13,8 @@ interface ISelectableHeader extends IZenComponentProps {
     checkboxInHeader?: boolean;
     header?: boolean;
     turnOffSelectAll?: boolean;
+    turnOffSelectCurrentPage?: boolean;
 }
-export declare const SelectableHeader: ({ label, title, checked, indeterminate, disabled, onChange, calculateSelectionState, onSelect, checkboxInHeader, header, turnOffSelectAll }: ISelectableHeader) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectableHeader: ({ label, title, checked, indeterminate, disabled, onChange, calculateSelectionState, onSelect, checkboxInHeader, header, turnOffSelectAll, turnOffSelectCurrentPage }: ISelectableHeader) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];
 export {};

package/dist/table/selectable/selectableHeader.js

@@ -207,16 +207,17 @@ const SelectableHeader = ({
   onSelect,
   checkboxInHeader,
   header,
-  turnOffSelectAll
+  turnOffSelectAll,
+  turnOffSelectCurrentPage
 }) => {
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
-  const listItems = (0, react_1.useMemo)(() => getSelectionOptions(translate).filter(option => !turnOffSelectAll || option.value !== interfaces_1.SelectionState.All).map(option => ({
+  const listItems = (0, react_1.useMemo)(() => getSelectionOptions(translate).filter(option => !turnOffSelectAll || option.value !== interfaces_1.SelectionState.All).filter(option => !turnOffSelectCurrentPage || option.value !== interfaces_1.SelectionState.CurrentPage).map(option => ({
     id: option.id,
     name: option.label,
     onClick: () => onSelect && onSelect(option.id)
-  })).filter(option => option.id !== calculateSelectionState()), [calculateSelectionState, onSelect, translate, turnOffSelectAll]);
+  })).filter(option => option.id !== calculateSelectionState()), [calculateSelectionState, onSelect, translate, turnOffSelectAll, turnOffSelectCurrentPage]);
   const actionsMenu = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(menu_1.Menu, {
     title: translate("Select menu"),
     className: "zen-selectable-column__menu",

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

@@ -33,7 +33,7 @@ export declare const getEmptySelection: () => {
     selected: string[];
 };
 export declare const SelectableWrapperName = "Selectable";
-export declare const useSelectableRows: <T extends IRowEntity<N>, N extends IEntityWithId>(columns: IListColumn<T, N>[], entities: T[], isMobile: boolean, selectMode: boolean, setSelectMode: (value: boolean) => void, selectable?: ISelectableRowsOptions<T, N>) => {
+export declare const useSelectableRows: <T extends IRowEntity<N>, N extends IEntityWithId>(columns: IListColumn<T, N>[], entities: T[], isMobile: boolean, selectMode: boolean, setSelectMode: (value: boolean) => void, selectable?: ISelectableRowsOptions<T, N>, isInfinite?: boolean) => {
     selectableColumns: IListColumn<T, N>[];
     selectableFeedWrapper: (primaryData: ReactNode, secondaryData: ReactNode, entity: T | N, isNested: boolean) => [ReactNode, ReactNode];
 };

package/dist/table/selectable/useSelectableRows.js

@@ -90,7 +90,9 @@ const getEmptySelection = () => ({
 });
 exports.getEmptySelection = getEmptySelection;
 exports.SelectableWrapperName = "Selectable";
-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;
+const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMode, selectable, isInfinite = false) => {
   var _a;
   const {
     translate
@@ -206,7 +208,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
   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 = (0, react_1.useMemo)(() => {
     if (!hasSelectable) {
@@ -277,12 +279,13 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
             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 = (0, react_1.useCallback)((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/dist/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 };