@geotab/zenith 3.14.1 → 3.15.0-beta.0

package/dist/chip/utils/useChip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ITriggerModeProps {
     triggerRef: React.Ref<HTMLElement>;
     children: React.ReactNode;

package/dist/commonHelpers/HOC/reducerLogger/reducerLogger.d.ts

@@ -1 +1 @@
-export declare const reducerLogger: <S, A extends IAction<string, unknown>>(reducer: React.Reducer<S, A>, onBeforeAction?: (state: S, action: A) => void, onAfterAction?: (state: S, action: A) => void) => (state: S, action: A) => S;
+export declare const reducerLogger: <S, A extends IAction<string>>(reducer: React.Reducer<S, A>, onBeforeAction?: (state: S, action: A) => void, onAfterAction?: (state: S, action: A) => void) => (state: S, action: A) => S;

package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TArrowsNavValue } from "../../arrowNavigationHelper";
 import "./arrowButton.less";
 export interface IArrowNavButton {

package/dist/commonHelpers/arrowNavigation/hooks/useHoldOnScroll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useHoldOnScroll: <E extends HTMLElement>() => {
     isScrollable: boolean;
     scrollableElementRef: import("react").RefObject<E | null>;

package/dist/commonHelpers/generateId.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateId = void 0;
+exports.generateId = generateId;
 /**
  * Generates a random unique ID string.
  *
@@ -12,4 +12,3 @@ exports.generateId = void 0;
 function generateId() {
     return "id" + Math.random().toString().substring(2) + Math.random().toString().substring(2);
 }
-exports.generateId = generateId;

package/dist/commonHelpers/hooks/breakpoints.d.ts

@@ -0,0 +1,4 @@
+export declare const Breakpoints: {
+    readonly MobileMaxWidth: 640;
+    readonly TabletMaxWidth: 1024;
+};

package/dist/commonHelpers/hooks/breakpoints.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breakpoints = void 0;
+exports.Breakpoints = {
+    MobileMaxWidth: 640,
+    TabletMaxWidth: 1024
+};

package/dist/commonHelpers/hooks/fetch.reducer.d.ts

@@ -6,5 +6,5 @@ export interface IFetchReducer<T> extends Reducer<IFetchState<T>, TFetchAction<T
 export declare function fetchReducer<T>(state: IFetchState<T>, action: TFetchAction<T>): {
     isLoading: boolean;
     data?: T | undefined;
-    error?: Error | undefined;
+    error?: Error;
 };

package/dist/commonHelpers/hooks/fetch.reducer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchReducer = void 0;
+exports.fetchReducer = fetchReducer;
 const fetch_actionType_1 = require("./fetch.actionType");
 const isAbortError = (e) => e.message === "Aborted";
 function fetchReducer(state, action) {
@@ -16,4 +16,3 @@ function fetchReducer(state, action) {
             throw new Error("Unknown action type");
     }
 }
-exports.fetchReducer = fetchReducer;

package/dist/commonHelpers/hooks/useDebouncedMemo.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useDebouncedMemo<T>(factory: () => T, deps: React.DependencyList, delay: number): T;

package/dist/commonHelpers/hooks/useDebouncedMemo.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDebouncedMemo = void 0;
+exports.useDebouncedMemo = useDebouncedMemo;
 const react_1 = require("react");
 const zen_1 = require("../../utils/zen");
 function useDebouncedMemo(factory, deps, delay) {
@@ -26,4 +26,3 @@ function useDebouncedMemo(factory, deps, delay) {
     }, [delay, factory, ...deps]);
     return state;
 }
-exports.useDebouncedMemo = useDebouncedMemo;

package/dist/commonHelpers/hooks/useDeviceType.js

@@ -5,13 +5,13 @@ const react_1 = require("react");
 const useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
 const useResize_1 = require("./useResize");
 const deviceType_1 = require("./deviceType");
+const breakpoints_1 = require("./breakpoints");
 const topWindowContext_1 = require("../../utils/topWindow/topWindowContext");
 const getParentWindow_1 = require("../../utils/getParentWindow");
 const zen_1 = require("../../utils/zen");
 const ssrProvider_1 = require("./ssrProvider");
-const MobileMaxWidth = 640;
 const getDeviceType = (width) => {
-    if (width > MobileMaxWidth) {
+    if (width > breakpoints_1.Breakpoints.MobileMaxWidth) {
         return deviceType_1.DeviceType.Desktop;
     }
     return deviceType_1.DeviceType.Mobile;

package/dist/commonHelpers/hooks/useEscape.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from "react";
-export declare const useEscape: (containerRef: RefObject<HTMLElement | null>, callback: (e) => void, subscriptionTrigger: unknown, condition?: (t: unknown) => boolean) => void;
+export declare const useEscape: (containerRef: RefObject<HTMLElement | null>, callback: (e: any) => void, subscriptionTrigger: unknown, condition?: (t: unknown) => boolean) => void;

package/dist/commonHelpers/hooks/useGridSize.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DeviceType } from "./deviceType";
 export declare const useGridSize: () => readonly [import("react").RefObject<HTMLDivElement | null>, boolean, DeviceType | null];

package/dist/commonHelpers/hooks/useMobileOrTablet.d.ts

@@ -0,0 +1 @@
+export declare const useMobileOrTablet: () => boolean;

package/dist/commonHelpers/hooks/useMobileOrTablet.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMobileOrTablet = void 0;
+const react_1 = require("react");
+const topWindowContext_1 = require("../../utils/topWindow/topWindowContext");
+const getParentWindow_1 = require("../../utils/getParentWindow");
+const useResize_1 = require("./useResize");
+const zen_1 = require("../../utils/zen");
+const breakpoints_1 = require("./breakpoints");
+const isMobileOrTabletUtil = (width) => width <= breakpoints_1.Breakpoints.TabletMaxWidth;
+const useMobileOrTablet = () => {
+    const { topWindow } = (0, react_1.useContext)(topWindowContext_1.topWindowContext);
+    const win = (0, react_1.useMemo)(() => topWindow || (0, getParentWindow_1.getParentWindow)(zen_1.zen), [topWindow]);
+    const [value, setValue] = (0, react_1.useState)(isMobileOrTabletUtil(win.innerWidth));
+    const onResize = (0, react_1.useCallback)(() => {
+        setValue(isMobileOrTabletUtil(win.innerWidth));
+    }, [win]);
+    (0, useResize_1.useResize)(onResize, true);
+    return value;
+};
+exports.useMobileOrTablet = useMobileOrTablet;

package/dist/commonHelpers/hooks/usePillSize.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IPill } from "../../pill/interfaces/pill.interface";
 import { IPillNonActionable } from "../../pill/interfaces/pillNonActionable.interface";
 interface IPillSize extends Pick<IPill, "size">, Pick<IPillNonActionable, "onClose"> {

package/dist/{gridLayout → commonHelpers}/hooks/useTablet.js

@@ -4,21 +4,18 @@ exports.useTablet = void 0;
 const react_1 = require("react");
 const topWindowContext_1 = require("../../utils/topWindow/topWindowContext");
 const getParentWindow_1 = require("../../utils/getParentWindow");
-const useResize_1 = require("../../commonHelpers/hooks/useResize");
+const useResize_1 = require("./useResize");
 const zen_1 = require("../../utils/zen");
-const isTableUtil = (width) => {
-    if (width > 640 && width <= 1024) {
-        return true;
-    }
-    return false;
-};
+const breakpoints_1 = require("./breakpoints");
+const isTabletUtil = (width) => width > breakpoints_1.Breakpoints.MobileMaxWidth && width <= breakpoints_1.Breakpoints.TabletMaxWidth;
 const useTablet = () => {
     const { topWindow } = (0, react_1.useContext)(topWindowContext_1.topWindowContext);
     const win = (0, react_1.useMemo)(() => topWindow || (0, getParentWindow_1.getParentWindow)(zen_1.zen), [topWindow]);
-    const [isTablet, setIsTablet] = (0, react_1.useState)(isTableUtil(win.innerWidth));
-    (0, useResize_1.useResize)(() => {
-        setIsTablet(isTableUtil(win.innerWidth));
-    }, true);
+    const [isTablet, setIsTablet] = (0, react_1.useState)(isTabletUtil(win.innerWidth));
+    const onResize = (0, react_1.useCallback)(() => {
+        setIsTablet(isTabletUtil(win.innerWidth));
+    }, [win]);
+    (0, useResize_1.useResize)(onResize, true);
     return isTablet;
 };
 exports.useTablet = useTablet;

package/dist/commonHelpers/utils.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = void 0;
+exports.deepClone = exports.echo = void 0;
+exports.flattenArrays = flattenArrays;
+exports.deepMerge = deepMerge;
 const zen_1 = require("../utils/zen");
 const echo = (_) => _;
 exports.echo = echo;
 function flattenArrays(arrayOfArrays) {
     return arrayOfArrays.reduce((akk, arr) => akk.concat(arr), []);
 }
-exports.flattenArrays = flattenArrays;
 function isObject(item) {
     return typeof item === "object" && !Array.isArray(item) && item !== null;
 }
@@ -23,7 +24,6 @@ function deepMerge(obj1, obj2) {
     });
     return output;
 }
-exports.deepMerge = deepMerge;
 const deepCloneFallback = (candidateToCopy) => {
     if (typeof candidateToCopy !== "object" || candidateToCopy === null) {
         return candidateToCopy;

package/dist/commonStyles/colors/colors.less

@@ -83,6 +83,7 @@
 }
 
 .zen-dark {
+    color: var(--text-primary);
     // text
     --text-primary: #ffffff;
     --text-secondary: #c0ccd8;

package/dist/dataFeed/dataFeed.d.ts

@@ -30,7 +30,7 @@ export interface IDataFeed<T, N = T> extends IDataGrid<T, N> {
 }
 export declare const EmptyList: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const Footer: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-declare const DataFeedInner: <T extends IRowEntity<N>, N extends IEntityWithId>({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage, rowClassName, expandedRows, onExpandedChange, activePage, onClick }: IDataFeed<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DataFeedInner: <T extends IRowEntity<N>, N extends IEntityWithId>({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage, rowClassName, expandedRows, onExpandedChange, activePage, onClick, isLoading }: IDataFeed<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 export interface IDataFeedStaticProps {
     EmptyList: typeof EmptyList;
     Footer: typeof Footer;

package/dist/dataFeed/dataFeed.js

@@ -25,7 +25,7 @@ const checkCloseToTheEnd = (feedContainerElt) => {
     return distanceToTheBottom < endOfFeedThreshold;
 };
 const FIRST_RENDERED_ROWS = 50;
-const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage = 1000, rowClassName, expandedRows, onExpandedChange, activePage, onClick }, ref) => {
+const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage = 1000, rowClassName, expandedRows, onExpandedChange, activePage, onClick, isLoading }, ref) => {
     const [pages, setPages] = (0, react_1.useState)(1);
     const data = (0, react_1.useMemo)(() => entities.slice(0, itemsPerPage * pages), [entities, itemsPerPage, pages]);
     const initialVisibleRows = (0, react_1.useMemo)(() => data.slice(0, FIRST_RENDERED_ROWS).map(r => r.id), [data]);
@@ -146,7 +146,7 @@ const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, o
         onExpandedChange,
         onClick
     ]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "zen-data-grid-wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-data-grid", className || ""]), ref: feedRef, onScroll: handleScroll, children: [(0, jsx_runtime_1.jsx)("div", { role: "feed", className: "zen-data-grid__feed zen-data-feed", "aria-label": description, "aria-busy": "false", children: feedItems }), emptyList && data.length === 0 ? emptyList : null, footer] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "zen-data-grid-wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-data-grid", className || ""]), ref: feedRef, onScroll: handleScroll, children: [(0, jsx_runtime_1.jsx)("div", { role: "feed", className: "zen-data-grid__feed zen-data-feed", "aria-label": description, "aria-busy": !!isLoading, children: feedItems }), emptyList && data.length === 0 ? emptyList : null, footer] }) }));
 };
 const DataFeed = (0, react_1.forwardRef)(DataFeedInner);
 exports.DataFeed = DataFeed;

package/dist/dataFeed/dataFeedCell/dataFeedCell.d.ts

@@ -15,4 +15,6 @@ export interface IDataFeedCell<T extends object> extends IZenComponentProps {
     isNested: boolean;
     onClick?: () => void;
 }
-export declare const DataFeedCell: <T extends object>({ limited, visibleOnHover, isVisible, title, render, renderWrappers, renderPlaceholder, defaultValue, entity, isNested }: IDataFeedCell<T>) => import("react/jsx-runtime").JSX.Element;
+declare const FeedCell: <T extends object>({ limited, visibleOnHover, isVisible, title, render, renderWrappers, renderPlaceholder, defaultValue, entity, isNested }: IDataFeedCell<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataFeedCell: typeof FeedCell;
+export {};

package/dist/dataFeed/dataFeedColumnsItems.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IActionWithId } from "../dataGrid/columns/actionsColumn/actionsColumn";
 import { IListColumnStrict } from "../dataGrid/extensions/toBasicColumn";
 import { IRowEntity } from "../dataGrid/row/row";
@@ -25,5 +24,6 @@ interface IFeedItem<T extends IRowEntity<N>, N extends IEntityWithId> {
     primaryActions?: IActionWithId<T>[] | ((e: T, isNested: boolean) => IActionWithId<T>[]);
     onClick?: (id: string) => void;
 }
-export declare const FeedItem: <T extends IRowEntity<N>, N extends IEntityWithId>({ columnsList, feedWrappers, expanded, collapsedColumnsQty, visibleColumns, visibleRows, entity, index, className, isRowExpanded, onExpandedChange, actions, actionsAsync, primaryActions, onClick }: IFeedItem<T, N>) => import("react/jsx-runtime").JSX.Element;
+declare const FeedItemInner: <T extends IRowEntity<N>, N extends IEntityWithId>({ columnsList, feedWrappers, expanded, collapsedColumnsQty, visibleColumns, visibleRows, entity, index, className, isRowExpanded, onExpandedChange, actions, actionsAsync, primaryActions, onClick }: IFeedItem<T, N>) => import("react/jsx-runtime").JSX.Element;
+export declare const FeedItem: typeof FeedItemInner;
 export {};

package/dist/dataGrid/cell/cell.d.ts

@@ -18,4 +18,6 @@ export interface IDataGridCell<T extends IEntityWithId> extends IZenComponentPro
     onClick?: () => void;
     isActive?: boolean;
 }
-export declare const DataGridCell: <T extends IEntityWithId>({ index, limited, visibleOnHover, isVisible, width, maxWidth, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick, isActive }: IDataGridCell<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Cell: <T extends IEntityWithId>({ index, limited, visibleOnHover, isVisible, width, maxWidth, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick, isActive }: IDataGridCell<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGridCell: typeof Cell;
+export {};

package/dist/dataGrid/columns/actionsColumn/actionsButton.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsButton = void 0;
+exports.ActionsButton = ActionsButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const actionsColumnCell_1 = require("./actionsColumnCell");
@@ -39,4 +39,3 @@ function ActionsButton({ action, entity }) {
                     action.handler && action.handler(entity, e.target);
                 } }, action.id), items.length ? ((0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: buttonRef, alignment: "bottom-end", isOpen: isMenuOpen, setIsOpen: setIsMenuOpen, title: action.createTitle(entity), children: items }, entityId + "-" + action.id + "-menu")) : null] }));
 }
-exports.ActionsButton = ActionsButton;

package/dist/dataGrid/columns/actionsColumn/actionsColumn.d.ts

@@ -46,8 +46,8 @@ export declare class ActionsColumn<T extends IRowEntity<N>, N extends IEntityWit
     constructor(actionsOptions: IActionsColumnOptions<T | N>);
     get options(): IActionsColumnOptions<T | N>;
     set options(actionsOptions: IActionsColumnOptions<T | N>);
-    get columnActions(): IActionWithId<N | T> | ((entity: T, isNested: boolean) => import("react").JSX.Element) | undefined;
-    get columnActionsAsync(): ((entity: T, isNested: boolean) => PromiseLike<import("react").JSX.Element>) | undefined;
-    get columnPrimaryActions(): IActionWithId<N | T>[] | ((entity: N | T, isNested: boolean) => IAction<T>[]) | undefined;
+    get columnActions(): IActionWithId<N | T> | ((entity: T, isNested: boolean) => React.JSX.Element) | undefined;
+    get columnActionsAsync(): ((entity: T, isNested: boolean) => PromiseLike<React.JSX.Element>) | undefined;
+    get columnPrimaryActions(): IActionWithId<N | T>[] | ((entity: T | N, isNested: boolean) => IAction<T>[]) | undefined;
 }
 export {};

package/dist/dataGrid/dataGrid.d.ts

@@ -17,6 +17,18 @@ export interface IDataGrid<T, N = T> extends Omit<IZenComponentProps, "children"
     onExpandedChange?: (id: string, isExpanded: boolean) => void;
     active?: string | undefined;
     onClick?: (id: string) => 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`).
+     */
+    onScrollEnd?: () => void;
+    /**
+     * When true, sets `aria-busy` on the grid `<table>` for assistive technology while a fetch is in
+     * flight. Callers should also treat it as the guard signal for `onScrollEnd` (skip re-entrant fetches).
+     */
+    isLoading?: boolean;
 }
 export declare const NOT_INTERACTIVE_MODIFIER = "zen-data-grid--not-interactive";
 export declare const DRAGGING_MODIFIER = "zen-data-grid--dragging";
@@ -25,7 +37,7 @@ export declare const VERTICAL_SCROLL_MODIFIER = "zen-data-grid--vertical-scroll"
 export declare const MIN_CELL_WIDTH = 100;
 export declare const EmptyList: FC<PropsWithChildren>;
 export declare const Footer: FC<PropsWithChildren>;
-declare const DataGridInner: <T extends IRowEntity<N>, N extends IEntityWithId = T>({ entities, columns, className, description, emptyCellTitle, children, rowClassName, expandedRows, onExpandedChange, active, onClick }: IDataGrid<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DataGridInner: <T extends IRowEntity<N>, N extends IEntityWithId = T>({ entities, columns, className, description, emptyCellTitle, children, rowClassName, expandedRows, onExpandedChange, active, onClick, onScrollEnd, isLoading }: IDataGrid<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 export interface IDataGridStaticProps {
     EmptyList: typeof EmptyList;
     Footer: typeof Footer;

package/dist/dataGrid/dataGrid.js

@@ -79,6 +79,7 @@ const Footer = ({
 });
 exports.Footer = Footer;
 const FIRST_RENDERED_ROWS = 100;
+const SCROLL_END_THRESHOLD = 100;
 const DataGridInner = ({
   entities,
   columns,
@@ -90,7 +91,9 @@ const DataGridInner = ({
   expandedRows,
   onExpandedChange,
   active,
-  onClick
+  onClick,
+  onScrollEnd,
+  isLoading
 }, ref) => {
   const {
     translate
@@ -106,6 +109,8 @@ const DataGridInner = ({
   const gridRef = (0, react_1.useRef)(null);
   const bodyRef = (0, react_1.useRef)(null);
   const lazyRenderTimerRef = (0, react_1.useRef)(0);
+  const scrollEndFiredRef = (0, react_1.useRef)(false);
+  const prevEntitiesRef = (0, react_1.useRef)(entities);
   const rowsMap = (0, react_1.useMemo)(() => new Map(entities.map(entity => [entity.id, entity])), [entities]);
   const emptyList = (0, react_1.useMemo)(() => react_1.Children.toArray(children).find(child => child.type === exports.EmptyList), [children]);
   const footer = (0, react_1.useMemo)(() => react_1.Children.toArray(children).find(child => child.type === exports.Footer), [children]);
@@ -183,10 +188,48 @@ const DataGridInner = ({
       setVerticalScrollApplied(scrollTop > 0);
     }
   }, [horizontalScrollApplied, setHorizontalScrollApplied, verticalScrollApplied, setVerticalScrollApplied]);
+  const checkScrollEnd = (0, react_1.useCallback)(() => {
+    const grid = gridRef.current;
+    if (!grid || !onScrollEnd) {
+      return;
+    }
+    // scrollHeight is 0 before layout (or for an empty grid) — nothing to measure yet.
+    if (grid.scrollHeight === 0) {
+      return;
+    }
+    const distanceToTheBottom = grid.scrollHeight - grid.scrollTop - grid.clientHeight;
+    if (distanceToTheBottom < SCROLL_END_THRESHOLD) {
+      if (!scrollEndFiredRef.current) {
+        scrollEndFiredRef.current = true;
+        onScrollEnd();
+      }
+    } else {
+      scrollEndFiredRef.current = false;
+    }
+  }, [onScrollEnd]);
   const handleScroll = (0, react_1.useCallback)(() => {
     updateScroll();
     scheduleLazyRender();
-  }, [updateScroll, scheduleLazyRender]);
+    checkScrollEnd();
+  }, [updateScroll, scheduleLazyRender, checkScrollEnd]);
+  (0, react_1.useEffect)(() => {
+    // On a data change (load-more append, or a sort/filter that replaces the list):
+    // re-arm the once-per-approach guard so a stale "already fired" flag can't suppress the
+    // next trigger, then re-check fit. The re-check covers the viewport-fit case: if the new
+    // content doesn't fill the viewport there is no scrollbar and no scroll event, so the next
+    // page must be requested here. Resize alone intentionally does not run this (see useResize).
+    if (prevEntitiesRef.current !== entities) {
+      prevEntitiesRef.current = entities;
+      scrollEndFiredRef.current = false;
+    }
+    // Intentionally unconditional: this covers BOTH viewport-fill (new content too short to
+    // scroll) AND greedy load-ahead (user parked near the bottom while a page lands, so the
+    // next page is requested without further scroll input). Consequence: onScrollEnd is NOT
+    // strictly "once per manual approach" — it keeps firing while near the bottom until
+    // hasMore is false or the user scrolls away. Callers MUST guard with their own isLoading
+    // to avoid concurrent fetches (documented on the onScrollEnd prop).
+    checkScrollEnd();
+  }, [entities, checkScrollEnd]);
   const getCellParams = (0, react_1.useCallback)(columnIndex => {
     const defaultWidth = listOfDefaultWidthColumns[columnIndex];
     const minWidth = listOfMinWidthColumns[columnIndex];
@@ -249,7 +292,8 @@ const DataGridInner = ({
   const body = (0, react_1.useMemo)(() => entities.map((entity, entityIndex) => renderRow(entity, entityIndex, entities.length)), [entities, renderRow]);
   const headerContent = (0, react_1.useMemo)(() => columnsList.map((column, index) => renderHeaderCell(column, index)), [columnsList, renderHeaderCell]);
   (0, useResize_1.useResize)(() => {
-    handleScroll();
+    updateScroll();
+    scheduleLazyRender();
   }, true);
   const gridClasses = (0, classNames_1.classNames)(["zen-data-grid", className, horizontalScrollApplied ? exports.HORIZONTAL_SCROLL_MODIFIER : "", verticalScrollApplied ? exports.VERTICAL_SCROLL_MODIFIER : ""]);
   return (0, jsx_runtime_1.jsx)("div", {
@@ -262,6 +306,7 @@ const DataGridInner = ({
       children: [(0, jsx_runtime_1.jsxs)("table", {
         className: "zen-data-grid__table",
         "aria-label": description,
+        "aria-busy": !!isLoading,
         role: isTreeGrid ? "treegrid" : undefined,
         children: [(0, jsx_runtime_1.jsx)("thead", {
           className: "zen-data-grid__header",

package/dist/dataGrid/emptySearchList/emptySearchList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IEmptyState } from "../../emptyState/emptyState";
 export interface IEmptySearchList extends Omit<IEmptyState, "children"> {
     image?: React.ReactNode;

package/dist/dataGrid/row/row.d.ts

@@ -20,4 +20,6 @@ export interface IDataGridRow<T extends IRowEntity<N>, N extends IEntityWithId>
     onClick?: (id: string) => void;
 }
 export declare const MIN_CELL_WIDTH = 100;
-export declare const DataGridRow: <T extends IRowEntity<N>, N extends IEntityWithId = T>({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow, className, expanded, onExpandedChange, isTreeGrid, ariaPosinset, ariaSetsize, onClick, isActive, active }: IDataGridRow<T, N>) => import("react/jsx-runtime").JSX.Element;
+declare const Row: <T extends IRowEntity<N>, N extends IEntityWithId = T>({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow, className, expanded, onExpandedChange, isTreeGrid, ariaPosinset, ariaSetsize, onClick, isActive, active }: IDataGridRow<T, N>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGridRow: typeof Row;
+export {};

package/dist/dataGrid/withActions/withActions.d.ts

@@ -7,7 +7,7 @@ export interface IActionColumnsProps<T extends IEntityWithId> {
     columns: IListColumn<T, T>[];
     ref?: RefObject<HTMLElement | null>;
 }
-export declare const withActions: <T extends IEntityWithId, P extends IDataGrid<T, T>>(DataGridComponent: ComponentType<P>) => {
+export declare const withActions: <T extends IEntityWithId, P extends IDataGrid<T>>(DataGridComponent: ComponentType<P>) => {
     (props: IActionColumnsProps<T> & P): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/dataGrid/withFlexibleColumns/components/columnSettingsList.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 groupColumns_1 = require("../../extensions/groupColumns");
@@ -52,4 +52,3 @@ function ColumnSettingsList({ columns, settings, disabledColumns, onChange, sort
         .sort(sortGroupsInt)
         .map(([title, cs]) => ((0, jsx_runtime_1.jsx)(SubColumnsList, { title: title, columns: cs, settings: settings, disabledColumns: disabledColumns, onChange: onChange, sortColumns: sortColumns }, cs.map(c => c.id).join("-"))));
 }
-exports.ColumnSettingsList = ColumnSettingsList;

package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.d.ts

@@ -23,7 +23,7 @@ export interface IFlexibleColumnsListProps<T> {
     ref?: RefObject<HTMLElement | null>;
 }
 export declare const withFlexibleColumns: {
-    <T extends IEntityWithId, P extends IDataGrid<T, T>>(DataGridComponent: ComponentType<P>): {
+    <T extends IEntityWithId, P extends IDataGrid<T>>(DataGridComponent: ComponentType<P>): {
         (props: IFlexibleColumnsListProps<T> & P): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };

package/dist/dataGrid/withLoading/withLoading.d.ts

@@ -19,7 +19,7 @@ export interface IWithLoadingProps<T> {
 export interface ILoadingEntity extends IEntityWithId {
     isLoading?: boolean;
 }
-export declare const withLoading: <T extends IEntityWithId, P extends IDataGrid<T, T>>(DataGridComponent: ComponentType<P>) => {
+export declare const withLoading: <T extends IEntityWithId, P extends IDataGrid<T>>(DataGridComponent: ComponentType<P>) => {
     (props: IWithLoadingProps<T> & Partial<Pick<ISelectableRowsList<T, T>, "selectMode">> & P): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/dataGrid/withSelectableRows/withLimitedSelectableRows.d.ts

@@ -12,7 +12,7 @@ export interface ILimitedSelectableRowsList<T extends IEntityWithId> extends ISe
 /**
  * @deprecated Please use withSelectableRows with options checkboxVisible/checkboxDisabled instead
  */
-export declare const withLimitedSelectableRows: <T extends IEntityWithId, P extends IDataGrid<T, T>>(DataGridComponent: ComponentType<P>) => {
+export declare const withLimitedSelectableRows: <T extends IEntityWithId, P extends IDataGrid<T>>(DataGridComponent: ComponentType<P>) => {
     (props: ILimitedSelectableRowsList<T> & P): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/dataGrid/withSelectableRows/withSelectableRows.d.ts

@@ -33,7 +33,7 @@ export interface ISelectableRowsList<T, N = T> {
     ref?: RefObject<HTMLElement | null>;
 }
 export declare const getSelections: (selections: ISelectableRowsListSelections | undefined) => Set<string>;
-export declare const withSelectableRows: <T extends IEntityWithId, P extends IDataGrid<T, T>>(DataGridComponent: ComponentType<P>) => {
+export declare const withSelectableRows: <T extends IEntityWithId, P extends IDataGrid<T>>(DataGridComponent: ComponentType<P>) => {
     (props: ISelectableRowsList<T, T> & P): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     translations: string[];

package/dist/dataGrid/withSortableColumns/withSortableColumns.d.ts

@@ -18,7 +18,7 @@ export interface ISortableColumnsListProps<T> {
     ref?: RefObject<HTMLElement | null>;
 }
 export declare const withSortableColumns: {
-    <T extends IEntityWithId, P extends IDataGrid<T, T>>(DataGridComponent: ComponentType<P>): (props: ISortableColumnsListProps<T> & P) => import("react/jsx-runtime").JSX.Element;
+    <T extends IEntityWithId, P extends IDataGrid<T>>(DataGridComponent: ComponentType<P>): (props: ISortableColumnsListProps<T> & P) => import("react/jsx-runtime").JSX.Element;
     translations: string[];
 };
 export {};

package/dist/dateInputInner/dateInputInnerReducer.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateInputInnerReducer = exports.getInitialDateInputInnerState = exports.DateInputInnerStateActionType = exports.AssistiveText = void 0;
+exports.getInitialDateInputInnerState = exports.DateInputInnerStateActionType = exports.AssistiveText = void 0;
+exports.dateInputInnerReducer = dateInputInnerReducer;
 exports.AssistiveText = {
     DateAdjusted: "date-adjusted",
     TimeAdjusted: "time-adjusted",
@@ -131,4 +132,3 @@ function dateInputInnerReducer(state, action) {
     }
     return state;
 }
-exports.dateInputInnerReducer = dateInputInnerReducer;

package/dist/dateRangeRaw/utils/areMapsEqual.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.areMapsEqual = void 0;
+exports.areMapsEqual = areMapsEqual;
 function areMapsEqual(map1, map2) {
     if (!(map1 instanceof Map) || !(map2 instanceof Map)) {
         return undefined;
@@ -34,4 +34,3 @@ function areMapsEqual(map1, map2) {
     }
     return true;
 }
-exports.areMapsEqual = areMapsEqual;

package/dist/dialog/dialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./dialog.less";
 import { DialogContent } from "./dialogContent";
 export interface IDialog {

package/dist/dropdown/dropdown.js

@@ -24,4 +24,4 @@ const Dropdown = (_a) => {
     return (0, jsx_runtime_1.jsx)(DropDownFormField, Object.assign({}, props));
 };
 exports.Dropdown = Dropdown;
-exports.TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Deselect all", "Clear", "Back", "No data"];
+exports.TRANSLATIONS = ["Filter by group", "Open filter", "Clear search", "Select all", "Clear", "Back", "No data"];

package/dist/dropdown/useDropdownState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useDropdownState: (withCheckbox?: boolean, debounceTimeout?: number) => {
     checked?: boolean | undefined;
     setChecked?: import("react").Dispatch<import("react").SetStateAction<boolean>> | undefined;

package/dist/dropdownRaw/dropdownHelper.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllyTriggerProps = exports.getSelectedCount = exports.getStringFromAllSelected = exports.getStringFromSelected = exports.checkIsDataProblem = exports.prepareSelectedIdsToItems = exports.compareObjectsArrays = exports.compareStringsArrays = exports.createListDataOptions = exports.createSingleListOptions = exports.sortDropdownItemArray = exports.createOptions = exports.prepareComboOptionsForList = exports.isAllItemsHasOneParent = exports.getDataForChange = exports.isEveryItemSelected = exports.isAllChildrenSelected = exports.getListDataWithDisabled = exports.getGroupsTreeItem = void 0;
+exports.getAllyTriggerProps = exports.getSelectedCount = exports.getStringFromAllSelected = exports.getStringFromSelected = exports.checkIsDataProblem = exports.prepareSelectedIdsToItems = exports.compareObjectsArrays = exports.compareStringsArrays = exports.createListDataOptions = exports.createSingleListOptions = exports.sortDropdownItemArray = exports.createOptions = exports.isAllItemsHasOneParent = exports.getDataForChange = exports.isEveryItemSelected = exports.isAllChildrenSelected = exports.getListDataWithDisabled = exports.getGroupsTreeItem = void 0;
+exports.prepareComboOptionsForList = prepareComboOptionsForList;
 const groupsHelper_1 = require("../groupsFilterRaw/groupsHelper");
 const stateReducerHelper_1 = require("./stateReducer/stateReducerHelper");
 const getGroupsTreeItem = (stateObj, itemId) => {
@@ -59,7 +60,6 @@ function prepareComboOptionsForList(actionListData, translate, options, getSelec
         : [];
     return preparedOptions;
 }
-exports.prepareComboOptionsForList = prepareComboOptionsForList;
 const getSelectedChildren = (stateObj, currentId) => {
     const currentEl = stateObj.groupsMap[currentId];
     let selectedChild = [];

package/dist/dropdownRaw/dropdownList.d.ts

@@ -13,7 +13,8 @@ export interface IDropdownList extends IZenComponentProps {
     onSelect: (id: string) => void;
     onSingleSelect: (reset: boolean, selected?: string) => void;
     backButtonName?: string;
-    isAllSelected: boolean;
+    isSelectAllActive?: boolean;
+    shouldBlockItems?: boolean;
     listData: ICheckboxListWithActionOption[] | ISelectListItem[];
     isWithFooter: boolean;
     width?: number;
@@ -39,6 +40,6 @@ interface IDropdownEmptyList extends Pick<IDropdownList, "className" | "width" |
     hasError: boolean;
 }
 export declare const EmptyList: ({ className, width, onClearClick, onApplyClick, onCancelClick, hasApplyButton, isApplyDisabled, isClearButtonDisabled, isWithFooter, hasError }: IDropdownEmptyList) => import("react/jsx-runtime").JSX.Element;
-export declare const DropdownList: ({ onBackButtonClick, onSelectAllClick, onClearClick, onApplyClick, onCancelClick, onChange, onSelect, onSingleSelect, listData, isAllSelected, backButtonName, width, minWidth, isSelectAllButtonDisable, hasSelectAllButton, filterName, isMultiselect, hasApplyButton, isApplyDisabled, isClearButtonDisabled, activeValue, forceSelection, isWithFooter, isMobile, handleCheckboxChange, checkboxLabel, isChecked, listElementRef, listId }: IDropdownList) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownList: ({ onBackButtonClick, onSelectAllClick, onClearClick, onApplyClick, onCancelClick, onChange, onSelect, onSingleSelect, listData, isSelectAllActive, shouldBlockItems, backButtonName, width, minWidth, isSelectAllButtonDisable, hasSelectAllButton, filterName, isMultiselect, hasApplyButton, isApplyDisabled, isClearButtonDisabled, activeValue, forceSelection, isWithFooter, isMobile, handleCheckboxChange, checkboxLabel, isChecked, listElementRef, listId }: IDropdownList) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];
 export {};