@servicetitan/anvil2 1.48.1 → 1.49.1

package/dist/Combobox.js

@@ -1,3 +1,3 @@
-export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger, C as default } from './Combobox-BfqKpX1v.js';
+export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger, C as default } from './Combobox-C4COM7BZ.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/{DataTable-xUON92DR.js → DataTable-BkNCMaVu.js}

@@ -1,21 +1,21 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-BGa1Inb8.js';
-import { F as Flex } from './Flex-GLF5XRJg.js';
+import { C as Chip } from './Chip-X2EwdZ97.js';
+import { F as Flex } from './Flex-CjPHUTeq.js';
 import * as React from 'react';
 import { useRef, useState, useLayoutEffect, createContext, useContext, forwardRef, useCallback, useMemo, useEffect, memo as memo$1, Fragment as Fragment$1 } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { C as Checkbox } from './Checkbox-BJnt8TFk.js';
-import { B as Button } from './Button-DzcOa6iJ.js';
+import { C as Checkbox } from './Checkbox-C5Qjq_tU.js';
+import { B as Button } from './Button-92_FKAyV.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
-import { I as Icon } from './Icon-TcJbUdTz.js';
+import { I as Icon } from './Icon-BSuTVNaa.js';
 import { S as SrOnly } from './SrOnly-CTsYSuby.js';
-import { M as Menu } from './Menu-CBbUK_sX.js';
-import { P as Popover } from './Popover--c9PXAVi.js';
-import { S as SearchField } from './SearchField-DLqva3o3.js';
-import { L as ListView } from './ListView-fBFSagWO.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
+import { M as Menu } from './Menu-DUAfSImY.js';
+import { P as Popover } from './Popover-CIPg_ZgX.js';
+import { S as SearchField } from './SearchField-DrgNbG3I.js';
+import { L as ListView } from './ListView-CZ5T8bR1.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 import './anvil-fonts.css';import './DataTable.css';/* empty css                     */
-import { P as Pagination } from './Pagination-CQjNN1yN.js';
+import { P as Pagination } from './Pagination-BHEEnNas.js';
 import { S as Spinner } from './Spinner-xEFwsq8_.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 
@@ -5409,6 +5409,36 @@ const styles = {
 	expanded: expanded
 };
 
+const useAsyncData = (dataOrPromise) => {
+  const [resolvedData, setResolvedData] = useState(null);
+  const [error, setError] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    async function resolveData() {
+      if (dataOrPromise instanceof Promise) {
+        setIsLoading(true);
+        try {
+          const data = await dataOrPromise;
+          setResolvedData(data);
+          setIsLoading(false);
+        } catch (_error) {
+          setError(true);
+          setIsLoading(false);
+          setResolvedData(null);
+        }
+      } else {
+        setResolvedData(dataOrPromise);
+        setIsLoading(false);
+      }
+    }
+    resolveData();
+  }, [dataOrPromise]);
+  if (!(dataOrPromise instanceof Promise)) {
+    return { data: dataOrPromise, error: false, isLoading: false };
+  }
+  return { data: resolvedData, error, isLoading };
+};
+
 function DataTable(props) {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
   const {
@@ -5436,7 +5466,7 @@ function DataTable(props) {
   };
   const [rowSelection, setRowSelection] = useOptionallyControlledState({
     controlledValue: isSelectable && selectedRowIds ? Object.fromEntries(selectedRowIds.map((id) => [id, true])) : void 0,
-    defaultValue: isSelectable ? defaultSelectedRowIds ? Object.fromEntries(defaultSelectedRowIds.map((id) => [id, true])) : {} : void 0,
+    defaultValue: isSelectable ? defaultSelectedRowIds ? Object.fromEntries(defaultSelectedRowIds.map((id) => [id, true])) : {} : {},
     onChange: (newRowSelection) => {
       onSelectRow?.(Object.keys(newRowSelection));
     }
@@ -5448,70 +5478,44 @@ function DataTable(props) {
       onSort?.(newSorting[0]);
     }
   });
+  const isPaginated = !!pagination;
+  const paginationObject = typeof pagination === "object" ? pagination : void 0;
+  const rowsPerPage = paginationObject?.rowsPerPage ?? 25;
   const [currentPageIndex, setCurrentPageIndex] = useOptionallyControlledState({
-    controlledValue: typeof pagination === "object" ? pagination.currentPageIndex : void 0,
-    defaultValue: typeof pagination === "object" ? pagination.defaultPageIndex ?? 0 : 0,
+    controlledValue: paginationObject?.currentPageIndex,
+    defaultValue: paginationObject?.defaultPageIndex ?? 0,
     onChange: (newPageIndex) => {
-      if (typeof pagination === "object") {
-        pagination.onPageChange?.(newPageIndex);
-      }
+      paginationObject?.onPageChange?.(newPageIndex);
     }
   });
-  const [isLoading, setIsLoading] = useState(false);
-  const [resolvedData, setResolvedData] = useState(null);
-  const resolveData = useCallback(
-    (data2) => {
-      if (data2 instanceof Promise) {
-        setIsLoading(true);
-        setResolvedData(null);
-        let isCancelled = false;
-        data2.then((d) => {
-          if (!isCancelled) {
-            setResolvedData(d);
-            setIsLoading(false);
-          }
-        }).catch((error) => {
-          if (!isCancelled) {
-            setIsLoading(false);
-            setResolvedData([]);
-            console.error("DataTable: Failed to load data", error);
-          }
-        });
-        return () => {
-          isCancelled = true;
-        };
-      } else {
-        setResolvedData(null);
-        setIsLoading(false);
-      }
-    },
-    []
-  );
-  useEffect(() => {
-    resolveData(dataProp);
-  }, [dataProp, resolveData]);
-  useEffect(() => {
-    if (typeof pagination === "object" && pagination.loadPageData) {
-      resolveData(
-        pagination.loadPageData({
-          pageIndex: currentPageIndex ?? 0,
-          pageSize: pagination.rowsPerPage ?? 25
-        })
-      );
+  const pageLoader = paginationObject?.loadPageData;
+  const isAsyncPaginated = !!pageLoader && typeof pageLoader === "function";
+  const dataSource = useMemo(() => {
+    if (!isAsyncPaginated) {
+      return dataProp;
     }
-  }, [pagination, currentPageIndex, resolveData]);
-  const data = useMemo(() => {
-    if (dataProp instanceof Promise || typeof pagination === "object" && pagination.loadPageData) {
-      return resolvedData ?? [];
-    }
-    return dataProp;
-  }, [dataProp, resolvedData, pagination]);
-  const hasSubRows = data.some((row) => row?.subRows?.length ?? 0 > 0);
-  const hasSubComponent = data.some((row) => row?.subComponent != null);
+    return pageLoader({
+      pageIndex: currentPageIndex ?? 0,
+      pageSize: rowsPerPage
+    });
+  }, [isAsyncPaginated, currentPageIndex, rowsPerPage, dataProp]);
+  const {
+    data: resolvedData,
+    //TODO: Table should represent error state
+    error: _error,
+    isLoading
+  } = useAsyncData(dataSource);
+  const totalItemCount = paginationObject?.totalRowCount ?? resolvedData?.length ?? 0;
+  const hasSubRows = !!resolvedData?.some(
+    (row) => row?.subRows?.length ?? 0 > 0
+  );
+  const hasSubComponent = !!resolvedData?.some(
+    (row) => row?.subComponent != null
+  );
   const isExpandable = hasSubRows || hasSubComponent;
   const [expanded, setExpanded] = useOptionallyControlledState({
     controlledValue: isExpandable && expandedRowIds ? expandedRowIds === "all" ? true : Object.fromEntries(expandedRowIds.map((id) => [id, true])) : void 0,
-    defaultValue: isExpandable ? defaultExpandedRowIds ? defaultExpandedRowIds === "all" ? true : Object.fromEntries(defaultExpandedRowIds.map((id) => [id, true])) : {} : void 0,
+    defaultValue: isExpandable ? defaultExpandedRowIds ? defaultExpandedRowIds === "all" ? true : Object.fromEntries(defaultExpandedRowIds.map((id) => [id, true])) : {} : {},
     onChange: (newExpanded) => {
       if (newExpanded === true) {
         onExpandRow?.("all");
@@ -5520,28 +5524,29 @@ function DataTable(props) {
       }
     }
   });
-  const itemsPerPage = useMemo(() => {
-    return typeof pagination === "object" ? pagination.rowsPerPage ?? 25 : 25;
-  }, [pagination]);
-  const paginatedData = useMemo(() => {
-    if (!pagination) return data;
-    if (typeof pagination === "object" && pagination.loadPageData) {
-      return resolvedData ?? [];
-    }
-    const totalItemCount2 = typeof pagination === "object" ? pagination.totalRowCount ?? data.length : data.length;
+  const tableData = useMemo(() => {
+    if (isLoading) return [];
+    if (!isPaginated || isAsyncPaginated) return resolvedData;
     const maxPageIndex = Math.max(
       0,
-      Math.ceil(totalItemCount2 / itemsPerPage) - 1
+      Math.ceil(totalItemCount / rowsPerPage) - 1
     );
     const clampedPageIndex = Math.max(
       0,
       Math.min(currentPageIndex ?? 0, maxPageIndex)
     );
-    const startIndex = clampedPageIndex * itemsPerPage;
-    const endIndex = startIndex + itemsPerPage;
-    return data.slice(startIndex, endIndex);
-  }, [data, currentPageIndex, itemsPerPage, pagination, resolvedData]);
-  const tableData = pagination ? paginatedData : data;
+    const startIndex = clampedPageIndex * rowsPerPage;
+    const endIndex = startIndex + rowsPerPage;
+    return resolvedData?.slice(startIndex, endIndex) ?? [];
+  }, [
+    isLoading,
+    isPaginated,
+    isAsyncPaginated,
+    resolvedData,
+    totalItemCount,
+    rowsPerPage,
+    currentPageIndex
+  ]);
   const columnPinning = useMemo(() => {
     const { left, right } = {
       left: columnsProp.filter((column) => column.pinned === "left").map((c) => String(c.id)),
@@ -5650,7 +5655,7 @@ function DataTable(props) {
     return tableColumns;
   }, [columnsProp, hasSubComponent, isExpandable, isSelectable]);
   const table = useReactTable({
-    data: tableData,
+    data: tableData ?? [],
     columns,
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),
@@ -5727,7 +5732,6 @@ function DataTable(props) {
   const columnCount = useMemo(() => {
     return headers.filter((header) => header.subHeaders?.length === 0).length;
   }, [headers]);
-  const totalItemCount = typeof pagination === "object" ? pagination.totalRowCount ?? data.length : data.length;
   return /* @__PURE__ */ jsx(DataTableContextProvider, { table, hasSubRows, children: /* @__PURE__ */ jsxs(
     DataTableContainer,
     {
@@ -5753,7 +5757,7 @@ function DataTable(props) {
                   "div",
                   {
                     style: {
-                      height: itemsPerPage ? `${itemsPerPage * 35}px` : "200px"
+                      height: rowsPerPage ? `${rowsPerPage * 35}px` : "200px"
                     },
                     role: "presentation",
                     "aria-hidden": "true",
@@ -5792,8 +5796,8 @@ function DataTable(props) {
         pagination && /* @__PURE__ */ jsx(
           DataTablePagination,
           {
-            itemsPerPage: typeof pagination === "object" ? pagination.rowsPerPage ?? 25 : 25,
-            showCount: typeof pagination === "object" ? pagination.showCount : true,
+            itemsPerPage: rowsPerPage,
+            showCount: paginationObject?.showCount ?? true,
             page: (currentPageIndex ?? 0) + 1,
             totalItemCount,
             onPageChange: (page) => {
@@ -5807,4 +5811,4 @@ function DataTable(props) {
 }
 
 export { DataTable as D, chipsFormatter as a, currencyFormatter as b, createColumnHelper$1 as c, percentFormatter as p };
-//# sourceMappingURL=DataTable-xUON92DR.js.map
+//# sourceMappingURL=DataTable-BkNCMaVu.js.map