@servicetitan/anvil2 2.2.0 → 2.3.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-CSGn20KQ.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default } from './Combobox-B6saoDAP.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/{DataTable-D30sE1Xt.js → DataTable-NzX8SCYT.js}

@@ -6,26 +6,28 @@ import { useRef, useState, useLayoutEffect, createContext, useContext, useCallba
 import { c as cx } from './index-SvGbrGuT.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
 import { a as warnOnce } from './utils-pudAMGnO.js';
-import { C as Checkbox } from './Checkbox-DuzAqrE7.js';
-import { B as Button } from './Button-l7pTJdPc.js';
+import { C as Checkbox } from './Checkbox-CFgjreAl.js';
+import { B as Button } from './Button-DrNDkO2f.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
 import { I as Icon } from './Icon-Bcil6aBo.js';
 import { S as SrOnly } from './SrOnly-CrdBTl6E.js';
 import { u as useNumberField } from './useNumberField-eMyk7MB8.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { M as Menu } from './Menu-3LIfRdTk.js';
-import { P as Popover } from './Popover-4C5IVk8T.js';
-import { S as SearchField } from './SearchField-CoeaOip5.js';
-import { L as ListView } from './ListView-MMmJDM--.js';
+import { M as Menu } from './Menu-CpRnsr0v.js';
+import { P as Popover } from './Popover-D_BmwIOW.js';
+import { S as SearchField } from './SearchField-CtdtcrVV.js';
+import { L as ListView } from './ListView-CN8zu-cq.js';
 import { S as SvgError } from './error-DR_wWdYY.js';
 import { T as Tooltip } from './Tooltip-Bt62hC5J.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
 import './anvil-fonts.css';import './DataTable.css';/* empty css                     */
-import { P as Pagination } from './Pagination-DIatYUXX.js';
+import { P as Pagination } from './Pagination-DO9NORlw.js';
+import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { S as Spinner } from './Spinner-CpEm3Lud.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
+import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
 
 const booleanFormatter = (value, { trueLabel = "True", falseLabel = "False" } = {}) => {
   if (value == null) {
@@ -6051,11 +6053,12 @@ const DataTablePagination = ({
   );
 };
 
-const expanded = "_expanded_1r902_17";
+const expanded = "_expanded_1shcm_21";
 const styles = {
-	"container-with-pagination": "_container-with-pagination_1r902_2",
-	"footer-with-pagination": "_footer-with-pagination_1r902_5",
-	"expand-button": "_expand-button_1r902_8",
+	"container-with-pagination": "_container-with-pagination_1shcm_2",
+	"footer-with-pagination": "_footer-with-pagination_1shcm_5",
+	"empty-state-container": "_empty-state-container_1shcm_8",
+	"expand-button": "_expand-button_1shcm_12",
 	expanded: expanded
 };
 
@@ -6379,6 +6382,7 @@ function DataTableInner(props, ref) {
     pagination,
     selectedRowIds,
     sortedColumn,
+    emptyState,
     className,
     style,
     ...rest
@@ -6708,6 +6712,16 @@ function DataTableInner(props, ref) {
     () => bodyRowCount + headerRowCount + footerLength,
     [bodyRowCount, headerRowCount, footerLength]
   );
+  const isEmpty = !isLoading && (!tableData || tableData.length === 0);
+  const { mode: themeMode } = useContext(ThemeProviderContext);
+  const { mode: sysMode } = usePrefersColorScheme();
+  const colorSchemeMode = themeMode ?? sysMode;
+  const EmptyStateSvg = (() => {
+    const svg = emptyState?.svg;
+    if (!svg) return void 0;
+    if (typeof svg === "function") return svg;
+    return colorSchemeMode === "dark" ? svg.dark ?? svg.light : svg.light ?? svg.dark;
+  })();
   const cssVars = useMemo(() => {
     const vars = {};
     const leafHeaders = headers.filter(
@@ -6770,6 +6784,22 @@ function DataTableInner(props, ref) {
                 children: [
                   /* @__PURE__ */ jsx(DataTableHeader, { table }),
                   /* @__PURE__ */ jsx(DataTableBody, { table, hasSubRows }),
+                  isEmpty && emptyState && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(SrOnly, { children: "No data to display." }),
+                    /* @__PURE__ */ jsx("div", { className: styles["empty-state-container"], children: /* @__PURE__ */ jsxs(
+                      Flex,
+                      {
+                        justifyContent: "center",
+                        alignItems: "center",
+                        direction: "column",
+                        gap: 2,
+                        children: [
+                          EmptyStateSvg && /* @__PURE__ */ jsx(EmptyStateSvg, { "aria-hidden": "true" }),
+                          emptyState.content
+                        ]
+                      }
+                    ) })
+                  ] }),
                   isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(SrOnly, { children: "Loading data. Please wait." }),
                     /* @__PURE__ */ jsx(
@@ -6837,4 +6867,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-D30sE1Xt.js.map
+//# sourceMappingURL=DataTable-NzX8SCYT.js.map