@servicetitan/anvil2 2.7.1 → 2.8.0

package/dist/Combobox.js

@@ -1,3 +1,3 @@
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default } from './Combobox-BRtfrYyZ.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default } from './Combobox-BOxAzG9v.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/{DataTable-BmVPjMMg.js → DataTable-DK9xRjnq.js}

@@ -1,27 +1,27 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-CVyEctAz.js';
+import { C as Chip } from './Chip-BnofwIUN.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
 import * as React from 'react';
 import { useRef, useState, useLayoutEffect, createContext, useContext, useCallback, forwardRef, useMemo, useImperativeHandle, useEffect, useId, Fragment as Fragment$1, useReducer } 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-CTZdZym4.js';
-import { B as Button } from './Button-CVsGhVJz.js';
+import { C as Checkbox } from './Checkbox-DbaZrUE2.js';
+import { B as Button } from './Button-a_D7tUgM.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
 import { I as Icon } from './Icon-DuIlne4x.js';
 import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 import { u as useNumberField } from './useNumberField-eMyk7MB8.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-BQaSTcaN.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-62OeGmkz.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-CuZp9mnt.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-B_mXpTEe.js';
 import { S as SvgError } from './error-DR_wWdYY.js';
 import { S as SvgWarning } from './warning-c4Wj1rI4.js';
-import { T as Tooltip } from './Tooltip-BHwSTwsv.js';
+import { T as Tooltip } from './Tooltip-C1PBRnJv.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 import './anvil-fonts.css';import './DataTable.css';/* empty css                     */
-import { P as Pagination } from './Pagination-CbBte3GQ.js';
+import { P as Pagination } from './Pagination-CjGmJ_rU.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { S as Spinner } from './Spinner-BqmcE2pb.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -3921,22 +3921,21 @@ const getCommonPinningClasses = (column) => {
 };
 
 const styles$a = {
-	"data-table-body-cell-input": "_data-table-body-cell-input_hmeb7_2",
-	"data-table-body-cell-editable": "_data-table-body-cell-editable_hmeb7_36",
-	"data-table-body-cell-edit-icon": "_data-table-body-cell-edit-icon_hmeb7_36"
+	"data-table-body-cell-input": "_data-table-body-cell-input_wnkkd_2",
+	"data-table-body-cell-editable": "_data-table-body-cell-editable_wnkkd_36",
+	"data-table-body-cell-edit-icon-container": "_data-table-body-cell-edit-icon-container_wnkkd_36"
 };
 
 const DataTableEditableCellEditIcon = () => {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("span", { className: styles$a["data-table-body-cell-edit-icon-container"], children: /* @__PURE__ */ jsx(
     Icon,
     {
       svg: SvgEdit,
       size: "small",
       color: "subtle",
-      className: styles$a["data-table-body-cell-edit-icon"],
       "aria-label": "Edit cell value"
     }
-  );
+  ) });
 };
 
 const TableBodyCell = forwardRef(({ type, children, className, isExpandCell, isSelectCell, ...rest }, ref) => {
@@ -3960,19 +3959,19 @@ const TableBodyCell = forwardRef(({ type, children, className, isExpandCell, isS
 TableBodyCell.displayName = "TableBodyCell";
 
 const styles$9 = {
-	"data-table-body-cell": "_data-table-body-cell_kmr30_2",
-	"data-table-body-cell-input": "_data-table-body-cell-input_kmr30_3",
-	"table-body-cell": "_table-body-cell_kmr30_18",
-	"table-header-cell": "_table-header-cell_kmr30_19",
-	"table-footer-cell": "_table-footer-cell_kmr30_20",
-	"data-table-body-cell-editing": "_data-table-body-cell-editing_kmr30_32",
-	"data-table-header-cell": "_data-table-header-cell_kmr30_33",
-	"data-table-footer-cell": "_data-table-footer-cell_kmr30_36",
-	"data-table-body-cell-hovered": "_data-table-body-cell-hovered_kmr30_81",
-	"data-table-body-cell-error": "_data-table-body-cell-error_kmr30_84",
-	"data-table-body-cell-warning": "_data-table-body-cell-warning_kmr30_99",
-	"cell-error-icon": "_cell-error-icon_kmr30_106",
-	"cell-warning-icon": "_cell-warning-icon_kmr30_107"
+	"data-table-body-cell": "_data-table-body-cell_l8lyo_2",
+	"data-table-body-cell-input": "_data-table-body-cell-input_l8lyo_3",
+	"table-body-cell": "_table-body-cell_l8lyo_18",
+	"table-header-cell": "_table-header-cell_l8lyo_19",
+	"table-footer-cell": "_table-footer-cell_l8lyo_20",
+	"data-table-body-cell-editing": "_data-table-body-cell-editing_l8lyo_32",
+	"data-table-header-cell": "_data-table-header-cell_l8lyo_33",
+	"data-table-footer-cell": "_data-table-footer-cell_l8lyo_36",
+	"data-table-body-cell-hovered": "_data-table-body-cell-hovered_l8lyo_82",
+	"data-table-body-cell-error": "_data-table-body-cell-error_l8lyo_85",
+	"data-table-body-cell-warning": "_data-table-body-cell-warning_l8lyo_102",
+	"cell-error-icon": "_cell-error-icon_l8lyo_111",
+	"cell-warning-icon": "_cell-warning-icon_l8lyo_112"
 };
 
 function formatCellPositionString(cellPosition) {
@@ -6295,8 +6294,8 @@ function DataTableHeader({ table }) {
 }
 
 const styles$2 = {
-	"table-container": "_table-container_1r348_2",
-	"table-scroll-container": "_table-scroll-container_1r348_56"
+	"table-container": "_table-container_z7onx_2",
+	"table-scroll-container": "_table-scroll-container_z7onx_57"
 };
 
 const TableContainer = forwardRef(
@@ -6388,6 +6387,67 @@ const useAsyncData = (dataOrPromise) => {
   return { data: resolvedData, error, isLoading };
 };
 
+const DEFAULT_CACHE_MAX_SIZE = 15;
+function usePageDataCache(config) {
+  const { loadPageData, cache: cacheConfig } = config;
+  const cacheEnabled = cacheConfig?.enabled !== false;
+  const cacheMaxSize = cacheConfig?.maxSize ?? DEFAULT_CACHE_MAX_SIZE;
+  const pageCacheRef = useRef(/* @__PURE__ */ new Map());
+  const loadPageDataRef = useRef(loadPageData);
+  loadPageDataRef.current = loadPageData;
+  const generationRef = useRef(0);
+  const prevRefreshKeyRef = useRef(config.refreshKey);
+  const prevRefreshCounterRef = useRef(config.refreshCounter);
+  const prevRowsPerPageRef = useRef(config.rowsPerPage);
+  const prevSortingRef = useRef(config.sorting);
+  if (prevRefreshKeyRef.current !== config.refreshKey || prevRefreshCounterRef.current !== config.refreshCounter || prevRowsPerPageRef.current !== config.rowsPerPage || prevSortingRef.current?.id !== config.sorting?.id || prevSortingRef.current?.desc !== config.sorting?.desc) {
+    pageCacheRef.current = /* @__PURE__ */ new Map();
+    generationRef.current += 1;
+    prevRefreshKeyRef.current = config.refreshKey;
+    prevRefreshCounterRef.current = config.refreshCounter;
+    prevRowsPerPageRef.current = config.rowsPerPage;
+    prevSortingRef.current = config.sorting;
+  }
+  const getOrLoad = useCallback(
+    (pageIndex, pageSize, sorting) => {
+      if (cacheEnabled) {
+        const cached = pageCacheRef.current.get(pageIndex);
+        if (cached) return cached;
+      }
+      const loader = loadPageDataRef.current;
+      if (!loader) return [];
+      const result = loader({ pageIndex, pageSize, sorting });
+      if (!cacheEnabled) return result;
+      const requestGeneration = generationRef.current;
+      if (result instanceof Promise) {
+        return result.then((data) => {
+          if (generationRef.current !== requestGeneration) return data;
+          const cache2 = pageCacheRef.current;
+          if (cache2.size >= cacheMaxSize) {
+            const oldest = cache2.keys().next().value;
+            if (oldest != null) cache2.delete(oldest);
+          }
+          cache2.set(pageIndex, data);
+          return data;
+        });
+      }
+      const cache = pageCacheRef.current;
+      if (cache.size >= cacheMaxSize) {
+        const oldest = cache.keys().next().value;
+        if (oldest != null) cache.delete(oldest);
+      }
+      cache.set(pageIndex, result);
+      return result;
+    },
+    [cacheEnabled, cacheMaxSize]
+  );
+  const clearCache = useCallback(() => {
+    pageCacheRef.current = /* @__PURE__ */ new Map();
+    generationRef.current += 1;
+  }, []);
+  return { getOrLoad, clearCache };
+}
+
 function DTHoverProvider({ children }) {
   const [state, dispatch] = useReducer(reducer$1, initialState$1);
   return /* @__PURE__ */ jsx(DTHoverStateContext.Provider, { value: state, children: /* @__PURE__ */ jsx(DTHoverDispatchContext.Provider, { value: dispatch, children }) });
@@ -6718,15 +6778,26 @@ function DataTableInner(props, ref) {
     }
   });
   const [refreshCounter, setRefreshCounter] = useState(0);
+  const pageLoader = paginationObject?.loadPageData;
+  const isAsyncPaginated = !!pageLoader && typeof pageLoader === "function";
+  const { getOrLoad, clearCache } = usePageDataCache({
+    loadPageData: pageLoader,
+    cache: paginationObject?.cache,
+    refreshKey,
+    refreshCounter,
+    rowsPerPage,
+    sorting: sorting?.[0]
+  });
   useImperativeHandle(
     ref,
     () => ({
       refresh: () => {
         setRefreshCounter((c) => c + 1);
         setCurrentPageIndex(0);
-      }
+      },
+      clearCache
     }),
-    [setCurrentPageIndex]
+    [setCurrentPageIndex, clearCache]
   );
   const isFirstRender = useRef(true);
   useEffect(() => {
@@ -6738,17 +6809,11 @@ function DataTableInner(props, ref) {
       setCurrentPageIndex(0);
     }
   }, [refreshKey]);
-  const pageLoader = paginationObject?.loadPageData;
-  const isAsyncPaginated = !!pageLoader && typeof pageLoader === "function";
   const dataSource = useMemo(() => {
     if (!isAsyncPaginated) {
       return dataProp;
     }
-    return pageLoader({
-      pageIndex: currentPageIndex ?? 0,
-      pageSize: rowsPerPage,
-      sorting: sorting?.[0]
-    });
+    return getOrLoad(currentPageIndex ?? 0, rowsPerPage, sorting?.[0]);
   }, [
     isAsyncPaginated,
     currentPageIndex,
@@ -6756,6 +6821,7 @@ function DataTableInner(props, ref) {
     dataProp,
     refreshKey,
     refreshCounter,
+    getOrLoad,
     sorting
   ]);
   const {
@@ -7184,4 +7250,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, dateFormatPresets as h, timeFormatter as i, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
-//# sourceMappingURL=DataTable-BmVPjMMg.js.map
+//# sourceMappingURL=DataTable-DK9xRjnq.js.map