@servicetitan/anvil2 3.0.5 → 3.0.7

package/dist/{DataTable-BFzj8cZG.js → DataTable-E8z0H8c7.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-0-Yx9SGX.js';
+import { C as Chip } from './Chip-D2k5X_wX.js';
 import { F as Flex } from './Flex-_orhvoxS.js';
 import * as React from 'react';
 import { useId, useRef, useCallback, useMemo, createContext, forwardRef, useEffect, useContext, useState, useLayoutEffect, useImperativeHandle, memo as memo$1, Fragment as Fragment$1, isValidElement } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { C as Checkbox } from './Checkbox-CVidv1sO.js';
+import { C as Checkbox } from './Checkbox-BeIzx_ZX.js';
 import { B as Button } from './Button-C_V2xQAs.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
@@ -13,18 +13,20 @@ import { I as Icon } from './Icon-feeG7gXA.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { u as useNumberField } from './useNumberField-D_ic9i2q.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-Cf1Zradm.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-BJfvZGf3.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-DTQ8Ofoz.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-EKtvlL62.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { a as useOnClickOutside, r as registerLayer, u as unregisterLayer } from './useOnClickOutside-Zw5vzxSq.js';
 import { c as computePosition, o as offset, v as autoPlacement, d as shift, g as size, a as autoUpdate, s as safeShowPopover, b as safeHidePopover } from './floating-ui.react-dom-CHrYz13o.js';
-import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { F as FieldLabel } from './FieldLabel-D1qPAGtB.js';
 import { S as SvgError } from './error-DR_wWdYY.js';
 import { S as SvgWarning } from './warning-c4Wj1rI4.js';
-import { T as Tooltip } from './Tooltip-DGo3OWqL.js';
+import { T as Tooltip } from './Tooltip-yr1D06BE.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
-import { P as Pagination } from './Pagination-DTN4FovY.js';
+import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
+import { a as Pagination, P as Pagination$1 } from './Pagination-Bmd4JORe.js';
+import { useTrackingId } from './useTrackingId.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -8078,8 +8080,10 @@ const TableContainer = forwardRef(
 );
 TableContainer.displayName = "TableContainer";
 
-const pagination = "_pagination_n9r8d_4";
+const pagination = "_pagination_12wyu_4";
 const styles$1 = {
+	"cursor-pagination-list": "_cursor-pagination-list_12wyu_43",
+	"cursor-pagination-item": "_cursor-pagination-item_12wyu_60",
 	pagination: pagination
 };
 
@@ -8088,7 +8092,7 @@ const DataTablePagination = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(
-    Pagination,
+    Pagination$1,
     {
       className: styles$1["pagination"],
       ...props,
@@ -8096,6 +8100,88 @@ const DataTablePagination = ({
     }
   );
 };
+const DataTableCursorPagination = ({
+  page,
+  itemsPerPage,
+  itemsPerPageOptions,
+  hasNextPage,
+  hasPrevPage,
+  onPageChange,
+  onItemsPerPageChange
+}) => {
+  const canGoToPreviousPage = hasPrevPage === true && page > 1;
+  const canGoToNextPage = hasNextPage === true;
+  const trackingId = useTrackingId({
+    name: "Pagination",
+    data: {
+      "aria-label": "Pagination navigation"
+    }
+  });
+  const previousPageAvailability = canGoToPreviousPage ? "available" : "unavailable";
+  const nextPageAvailability = canGoToNextPage ? "available" : "unavailable";
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: styles$1["pagination"],
+      "aria-label": "Pagination navigation",
+      "data-tracking-id": trackingId,
+      children: [
+        /* @__PURE__ */ jsxs("ul", { className: styles$1["cursor-pagination-list"], children: [
+          /* @__PURE__ */ jsx("li", { className: styles$1["cursor-pagination-item"], children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "ghost",
+              icon: SvgKeyboardArrowLeft,
+              size: "small",
+              "aria-label": "Previous page",
+              disabled: !canGoToPreviousPage,
+              onClick: () => {
+                if (canGoToPreviousPage) {
+                  onPageChange?.(Math.max(1, page - 1));
+                }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles$1["cursor-pagination-item"], children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "ghost",
+              icon: SvgKeyboardArrowRight,
+              size: "small",
+              "aria-label": "Next page",
+              disabled: !canGoToNextPage,
+              onClick: () => {
+                if (canGoToNextPage) {
+                  onPageChange?.(page + 1);
+                }
+              }
+            }
+          ) })
+        ] }),
+        itemsPerPageOptions && /* @__PURE__ */ jsx(
+          Pagination.ItemsPerPageMenu,
+          {
+            itemsPerPage,
+            itemsPerPageOptions,
+            onItemsPerPageChange: (itemsPerPage2) => {
+              onItemsPerPageChange?.(itemsPerPage2);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(SrOnly, { "aria-live": "polite", "aria-atomic": "true", children: [
+          "Page ",
+          page,
+          ". Previous page ",
+          previousPageAvailability,
+          ". Next page",
+          " ",
+          nextPageAvailability,
+          "."
+        ] })
+      ]
+    }
+  );
+};
 
 const expanded = "_expanded_1pd1e_27";
 const styles = {
@@ -8110,26 +8196,43 @@ const useAsyncData = (dataOrPromise) => {
   const [resolvedData, setResolvedData] = useState(null);
   const [error, setError] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
+  const latestRequestRef = useRef({ dataOrPromise, id: 0 });
+  if (latestRequestRef.current.dataOrPromise !== dataOrPromise) {
+    latestRequestRef.current = {
+      dataOrPromise,
+      id: latestRequestRef.current.id + 1
+    };
+  }
+  const requestId = latestRequestRef.current.id;
   useEffect(() => {
     async function resolveData() {
       if (dataOrPromise instanceof Promise) {
         setIsLoading(true);
+        setError(false);
         try {
           const data = await dataOrPromise;
+          if (latestRequestRef.current.id !== requestId) {
+            return;
+          }
           setResolvedData(data);
+          setError(false);
           setIsLoading(false);
         } catch (_error) {
+          if (latestRequestRef.current.id !== requestId) {
+            return;
+          }
           setError(true);
           setIsLoading(false);
           setResolvedData(null);
         }
       } else {
         setResolvedData(dataOrPromise);
+        setError(false);
         setIsLoading(false);
       }
     }
     resolveData();
-  }, [dataOrPromise]);
+  }, [dataOrPromise, requestId]);
   if (!(dataOrPromise instanceof Promise)) {
     return { data: dataOrPromise, error: false, isLoading: false };
   }
@@ -8608,6 +8711,7 @@ function DataTableInner(props, ref) {
   const paginationObject = typeof pagination === "object" ? pagination : void 0;
   const rowsPerPage = paginationObject?.rowsPerPage ?? 25;
   const refreshKey = paginationObject?.refreshKey;
+  const isCursorPagination = paginationObject?.mode === "cursor";
   const [currentPageIndex, setCurrentPageIndex] = useOptionallyControlledState({
     controlledValue: paginationObject?.currentPageIndex,
     defaultValue: paginationObject?.defaultPageIndex ?? 0,
@@ -8618,9 +8722,15 @@ function DataTableInner(props, ref) {
   const [refreshCounter, setRefreshCounter] = useState(0);
   const pageLoader = paginationObject?.loadPageData;
   const isAsyncPaginated = !!pageLoader && typeof pageLoader === "function";
+  const effectiveCacheConfig = useMemo(() => {
+    if (isCursorPagination && paginationObject?.cache === void 0) {
+      return { enabled: false };
+    }
+    return paginationObject?.cache;
+  }, [isCursorPagination, paginationObject?.cache]);
   const { getOrLoad, clearCache } = usePageDataCache({
     loadPageData: pageLoader,
-    cache: paginationObject?.cache,
+    cache: effectiveCacheConfig,
     refreshKey,
     refreshCounter,
     rowsPerPage,
@@ -8668,7 +8778,7 @@ function DataTableInner(props, ref) {
     error: _error,
     isLoading
   } = useAsyncData(dataSource);
-  const totalItemCount = paginationObject?.totalRowCount ?? resolvedData?.length ?? 0;
+  const totalItemCount = isCursorPagination ? void 0 : paginationObject?.totalRowCount ?? resolvedData?.length ?? 0;
   const hasSubRows = useMemo(
     () => !!resolvedData?.some((row) => (row?.subRows?.length ?? 0) > 0),
     [resolvedData]
@@ -8851,7 +8961,9 @@ function DataTableInner(props, ref) {
     columns,
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),
-    ...isPaginated && { getPaginationRowModel: getPaginationRowModel() },
+    ...isPaginated && !isCursorPagination && {
+      getPaginationRowModel: getPaginationRowModel()
+    },
     ...isExpandable && { getExpandedRowModel: getExpandedRowModel() },
     // Grouping row model is retained for future use; cheap to exclude now.
     getRowId: (row) => row.id.toString(),
@@ -8872,7 +8984,7 @@ function DataTableInner(props, ref) {
         }
       }
     },
-    manualPagination: !isPaginated || isAsyncPaginated,
+    manualPagination: !isPaginated || isAsyncPaginated || isCursorPagination,
     // Server provides sorted data via loadPageData; disable client-side sort.
     manualSorting: isAsyncPaginated,
     autoResetPageIndex: false,
@@ -9078,7 +9190,22 @@ function DataTableInner(props, ref) {
                 ]
               }
             ),
-            pagination && /* @__PURE__ */ jsx(
+            pagination && (isCursorPagination ? /* @__PURE__ */ jsx(
+              DataTableCursorPagination,
+              {
+                itemsPerPage: rowsPerPage,
+                page: (currentPageIndex ?? 0) + 1,
+                hasNextPage: paginationObject?.hasNextPage,
+                hasPrevPage: paginationObject?.hasPrevPage,
+                onPageChange: (page) => {
+                  setCurrentPageIndex(page - 1);
+                },
+                onItemsPerPageChange: (itemsPerPage) => {
+                  paginationObject?.onRowsPerPageChange?.(itemsPerPage);
+                },
+                itemsPerPageOptions: paginationObject?.onRowsPerPageChange ? paginationObject.rowsPerPageOptions : void 0
+              }
+            ) : /* @__PURE__ */ jsx(
               DataTablePagination,
               {
                 itemsPerPage: rowsPerPage,
@@ -9093,7 +9220,7 @@ function DataTableInner(props, ref) {
                 },
                 itemsPerPageOptions: paginationObject?.rowsPerPageOptions
               }
-            )
+            ))
           ]
         }
       )
@@ -9103,4 +9230,4 @@ function DataTableInner(props, ref) {
 const DataTable = forwardRef(DataTableInner);
 
 export { COLUMN_TYPE_DEFAULTS as C, DataTable as D, chipsFormatter as a, booleanFormatter as b, createColumnHelper$1 as c, currencyFormatter as d, dateFormatter as e, dateTimeFormatter as f, getColumnTypeDefaults as g, htmlFormatter as h, dateFormatPresets as i, timeFormatter as j, markdownFormatter as m, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
-//# sourceMappingURL=DataTable-BFzj8cZG.js.map
+//# sourceMappingURL=DataTable-E8z0H8c7.js.map