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

package/dist/{DataTable-Cau6ylNR.js → DataTable-BYOS6icI.js}

@@ -1,31 +1,32 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-BJmzOMOd.js';
-import { F as Flex } from './Flex-DZu-_z-U.js';
+import { C as Chip } from './Chip-DjTAR0va.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-SvGbrGuT.js';
+import { c as cx } from './index-De1g9FRV.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { a as warnOnce } from './utils-pudAMGnO.js';
-import { C as Checkbox } from './Checkbox-Czx6UCfq.js';
-import { B as Button } from './Button-DuvaXRZ5.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
+import { C as Checkbox } from './Checkbox-CjEKa5Iv.js';
+import { B as Button } from './Button-CVsGhVJz.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
-import { I as Icon } from './Icon-Bgkq1egx.js';
-import { S as SrOnly } from './SrOnly-CrdBTl6E.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 { M as Menu } from './Menu-Bxbrulia.js';
-import { P as Popover } from './Popover-CsVesD9_.js';
-import { S as SearchField } from './SearchField-Dn_5cMo3.js';
-import { L as ListView } from './ListView-VzdUffCe.js';
+import { M as Menu } from './Menu-BXsmCP20.js';
+import { P as Popover } from './Popover-D0qSKZ1J.js';
+import { S as SearchField } from './SearchField-im7AHGYo.js';
+import { L as ListView } from './ListView-mujFK6mQ.js';
 import { S as SvgError } from './error-DR_wWdYY.js';
-import { T as Tooltip } from './Tooltip-BiW5nNAy.js';
+import { S as SvgWarning } from './warning-c4Wj1rI4.js';
+import { T as Tooltip } from './Tooltip-Bupqao9B.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-DIredMzG.js';
+import { P as Pagination } from './Pagination-BAwqfl_2.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
-import { S as Spinner } from './Spinner-CpEm3Lud.js';
+import { S as Spinner } from './Spinner-BqmcE2pb.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
 
@@ -3957,13 +3958,19 @@ const TableBodyCell = forwardRef(({ type, children, className, isExpandCell, isS
 TableBodyCell.displayName = "TableBodyCell";
 
 const styles$9 = {
-	"data-table-body-cell": "_data-table-body-cell_1rxk3_2",
-	"data-table-body-cell-editing": "_data-table-body-cell-editing_1rxk3_32",
-	"data-table-header-cell": "_data-table-header-cell_1rxk3_33",
-	"data-table-footer-cell": "_data-table-footer-cell_1rxk3_36",
-	"data-table-body-cell-hovered": "_data-table-body-cell-hovered_1rxk3_81",
-	"data-table-body-cell-error": "_data-table-body-cell-error_1rxk3_84",
-	"cell-error-icon": "_cell-error-icon_1rxk3_99"
+	"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"
 };
 
 function formatCellPositionString(cellPosition) {
@@ -4049,10 +4056,13 @@ function DataTableBodyImmutableCell(props) {
   const isNestedRow = !!cell.row.getParentRow()?.getCanExpand();
   const isExpandCell = isPrimaryActionColumn && rowCanExpand;
   const isSelectCell = isPrimaryActionColumn && isNestedRow && cell.row.getCanSelect() || isSecondaryActionColumn && !isNestedRow;
-  const cellError = cell.row.original.meta?.errors?.[column.id];
+  const meta = cell.row.original.meta;
+  const cellError = meta?.errors?.[column.id];
+  const cellWarning = meta?.warnings?.[column.id];
   const classes = cx(styles$9["data-table-body-cell"], rest.className, {
     [styles$9["data-table-body-cell-hovered"]]: isHovered,
     [styles$9["data-table-body-cell-error"]]: !!cellError,
+    [styles$9["data-table-body-cell-warning"]]: !cellError && !!cellWarning,
     [styles$e["table-cell-internal-expand"]]: isExpandCell,
     [styles$e["table-cell-internal-select"]]: isSelectCell
   });
@@ -5239,10 +5249,13 @@ function DataTableBodyMutableCell(props) {
   const rowCanExpand = cell.row.getCanExpand();
   const rowIsExpanded = cell.row.getIsExpanded();
   const toggleRowExpanded = cell.row.toggleExpanded;
-  const cellError = cell.row.original.meta?.errors?.[column.id];
+  const meta = cell.row.original.meta;
+  const cellError = meta?.errors?.[column.id];
+  const cellWarning = meta?.warnings?.[column.id];
   const classes = cx(styles$9["data-table-body-cell"], rest.className, {
     [styles$9["data-table-body-cell-hovered"]]: isHovered,
-    [styles$9["data-table-body-cell-error"]]: !!cellError
+    [styles$9["data-table-body-cell-error"]]: !!cellError,
+    [styles$9["data-table-body-cell-warning"]]: !cellError && !!cellWarning
   });
   const commonPinningStyles = useCommonPinningStyles(column);
   const { jumpFocus, moveFocus } = useDTFocusDispatchContext();
@@ -5731,19 +5744,32 @@ function DataTableFooter({
   ) : /* @__PURE__ */ jsx(DefaultTableFooterRows, { table, columns }) });
 }
 
-function CellError({ error }) {
-  const errorMessage = typeof error === "string" ? error : void 0;
+const variantConfig = {
+  error: {
+    icon: SvgError,
+    className: "cell-error-icon",
+    label: "Cell has an error"
+  },
+  warning: {
+    icon: SvgWarning,
+    className: "cell-warning-icon",
+    label: "Cell has a warning"
+  }
+};
+function CellStatus({ status, variant }) {
+  const message = typeof status === "string" ? status : void 0;
   const cellFocusContext = useCellFocusContext();
   const [isHovered, setIsHovered] = useState(false);
+  const config = variantConfig[variant];
   const icon = /* @__PURE__ */ jsx(
     Icon,
     {
-      svg: SvgError,
-      className: styles$9["cell-error-icon"],
-      "aria-label": errorMessage ? `Cell has an error: ${errorMessage}` : "Cell has an error."
+      svg: config.icon,
+      className: styles$9[config.className],
+      "aria-label": message ? `${config.label}: ${message}` : `${config.label}.`
     }
   );
-  if (!errorMessage) {
+  if (!message) {
     return icon;
   }
   const isTooltipOpen = cellFocusContext?.isCellFocused || isHovered;
@@ -5756,12 +5782,13 @@ function CellError({ error }) {
         children: icon
       }
     ),
-    /* @__PURE__ */ jsx(Tooltip.Content, { children: errorMessage })
+    /* @__PURE__ */ jsx(Tooltip.Content, { children: message })
   ] });
 }
 
 function getTanStackColumnDef({
-  columnDef
+  columnDef,
+  emptyCellContent
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
 }) {
   const columnHelper = createColumnHelper();
@@ -5771,7 +5798,8 @@ function getTanStackColumnDef({
       header: columnDef.headerLabel,
       columns: columnDef.columns.map(
         (column) => getTanStackColumnDef({
-          columnDef: column
+          columnDef: column,
+          emptyCellContent
         })
       ),
       footer: columnDef.footerContent ? () => columnDef.footerContent : void 0,
@@ -5794,6 +5822,7 @@ function getTanStackColumnDef({
       );
     }
   }
+  const resolvedEmptyContent = columnDef.emptyCellContent ?? emptyCellContent ?? /* @__PURE__ */ jsx(TableEmptyCellContent, {});
   return columnHelper.accessor((row) => row[columnDef.id], {
     id: columnDef.id,
     cell: (info) => {
@@ -5807,9 +5836,11 @@ function getTanStackColumnDef({
         cellContent = info.getValue();
       }
       if (cellContent === "") {
-        cellContent = /* @__PURE__ */ jsx(TableEmptyCellContent, {});
+        cellContent = resolvedEmptyContent;
       }
-      const cellError = info.row.original.meta?.errors?.[columnDef.id];
+      const meta = info.row.original.meta;
+      const cellError = meta?.errors?.[columnDef.id];
+      const cellWarning = meta?.warnings?.[columnDef.id];
       return /* @__PURE__ */ jsxs(
         Flex,
         {
@@ -5818,11 +5849,12 @@ function getTanStackColumnDef({
           wrap: "wrap",
           gap: "1",
           style: {
-            width: "100%"
+            width: "100%",
+            textAlign: resolvedAlign
           },
           children: [
-            cellError && /* @__PURE__ */ jsx(CellError, { error: cellError }),
-            cellContent ?? /* @__PURE__ */ jsx(TableEmptyCellContent, {})
+            cellError ? /* @__PURE__ */ jsx(CellStatus, { status: cellError, variant: "error" }) : cellWarning ? /* @__PURE__ */ jsx(CellStatus, { status: cellWarning, variant: "warning" }) : null,
+            cellContent ?? resolvedEmptyContent
           ]
         }
       );
@@ -6599,6 +6631,7 @@ function DataTableInner(props, ref) {
     selectedRowIds,
     sortedColumn,
     emptyState,
+    emptyCellContent,
     className,
     style,
     ...rest
@@ -6720,15 +6753,18 @@ function DataTableInner(props, ref) {
     rowsPerPage,
     currentPageIndex
   ]);
-  const hasRowErrors = useMemo(() => {
-    return tableData?.some((row) => row.meta?.rowError);
+  const hasRowStatus = useMemo(() => {
+    return tableData?.some((row) => {
+      const meta = row.meta;
+      return meta?.rowError || meta?.rowWarning;
+    });
   }, [tableData]);
   const columnPinning = useMemo(() => {
     const { left, right } = {
       left: columnsProp.filter((column) => column.pinned === "left").map((c) => String(c.id)),
       right: columnsProp.filter((column) => column.pinned === "right").map((c) => String(c.id))
     };
-    const hasInternalColumns = isSelectable || isExpandable || hasRowErrors;
+    const hasInternalColumns = isSelectable || isExpandable || hasRowStatus;
     const standardPinnedColumns = [];
     if (isSelectable) {
       standardPinnedColumns.push(INTERNAL_ROW_ACTION_SECONDARY_COLUMN_ID);
@@ -6736,31 +6772,36 @@ function DataTableInner(props, ref) {
     if (isExpandable) {
       standardPinnedColumns.push(INTERNAL_ROW_ACTION_PRIMARY_COLUMN_ID);
     }
-    if (hasRowErrors) {
-      standardPinnedColumns.push("a2-table-internal-row-error");
+    if (hasRowStatus) {
+      standardPinnedColumns.push("a2-table-internal-row-status");
     }
     return {
       left: hasInternalColumns && left && left.length > 0 ? [...standardPinnedColumns, ...left] : left ?? [],
       right: right ?? []
     };
-  }, [columnsProp, hasRowErrors, isSelectable, isExpandable]);
+  }, [columnsProp, hasRowStatus, isSelectable, isExpandable]);
   const columns = useMemo(() => {
     const tableColumns = columnsProp.map(
       (column) => getTanStackColumnDef({
-        columnDef: column
+        columnDef: column,
+        emptyCellContent
       })
     );
-    if (hasRowErrors) {
+    if (hasRowStatus) {
       tableColumns.unshift({
-        id: "a2-table-internal-row-error",
+        id: "a2-table-internal-row-status",
         size: 32,
         maxSize: 32,
         minSize: 32,
         header: () => null,
         cell: ({ row }) => {
-          const rowError = row.original.meta?.rowError;
-          if (!rowError) return null;
-          return /* @__PURE__ */ jsx(CellError, { error: rowError });
+          const meta = row.original.meta;
+          const rowError = meta?.rowError;
+          const rowWarning = meta?.rowWarning;
+          if (rowError) return /* @__PURE__ */ jsx(CellStatus, { status: rowError, variant: "error" });
+          if (rowWarning)
+            return /* @__PURE__ */ jsx(CellStatus, { status: rowWarning, variant: "warning" });
+          return null;
         }
       });
     }
@@ -6870,7 +6911,8 @@ function DataTableInner(props, ref) {
     columnsProp,
     disableExpandAll,
     disableSelectAll,
-    hasRowErrors,
+    emptyCellContent,
+    hasRowStatus,
     hasSubComponent,
     isExpandable,
     isSelectable
@@ -7097,4 +7139,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-Cau6ylNR.js.map
+//# sourceMappingURL=DataTable-BYOS6icI.js.map