@servicetitan/anvil2 3.0.2 → 3.0.3

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-BqhvHG9H.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, C as default } from './Combobox-BwItJKgY.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/{DataTable-CB-exG-7.js → DataTable-CME7SbPc.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { C as Chip } from './Chip-DBn3KRak.js';
-import { F as Flex } from './Flex-DOUtHiPi.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';
@@ -11,10 +11,10 @@ import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
 import { I as Icon } from './Icon-BMMbp40n.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
-import { u as useNumberField } from './useNumberField-eMyk7MB8.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-CBMdmGTU.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-Bl4ty0je.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-s2IzEHug.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-DKt2MBno.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';
@@ -24,7 +24,7 @@ import { S as SvgWarning } from './warning-c4Wj1rI4.js';
 import { T as Tooltip } from './Tooltip-lBmgi5ZB.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
-import { P as Pagination } from './Pagination-DYNH3WeU.js';
+import { P as Pagination } from './Pagination-8JccjxhO.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';
@@ -341,8 +341,10 @@ const TruncateChips = ({
   const hiddenChips = useRef([]);
   const plusChipRef = useRef(null);
   const [plusChipWidth, setPlusChipWidth] = useState(0);
+  const overflowChipSize = items[0]?.size;
   useLayoutEffect(() => {
     if (!chipsContainerRef.current) return;
+    hiddenChips.current = [];
     let totalHiddenCount = 0;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -383,14 +385,29 @@ const TruncateChips = ({
       observer.disconnect();
     };
   }, [items]);
+  useLayoutEffect(() => {
+    const measurePlusChipWidth = () => {
+      const nextPlusChipWidth = plusChipRef.current?.getBoundingClientRect().width ?? 0;
+      setPlusChipWidth(
+        (currentPlusChipWidth) => currentPlusChipWidth === nextPlusChipWidth ? currentPlusChipWidth : nextPlusChipWidth
+      );
+    };
+    measurePlusChipWidth();
+    if (!plusChipRef.current) return;
+    const observer = new ResizeObserver(() => {
+      measurePlusChipWidth();
+    });
+    observer.observe(plusChipRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [hiddenCount, overflowChipSize]);
   useLayoutEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver((entries) => {
       const entry = entries[entries.length - 1];
       if (entry) {
         if (hiddenCount > 0 && containerRef.current) {
-          const plusChipRect = plusChipRef.current?.getBoundingClientRect();
-          setPlusChipWidth(plusChipRect?.width ?? 0);
           const containerRect = containerRef.current.getBoundingClientRect();
           const chipRect = hiddenChips.current[hiddenChips.current.length - 1].rect;
           const fitsHorizontally = chipRect.width <= containerRect.width && chipRect.left >= containerRect.left && chipRect.right <= containerRect.right;
@@ -419,12 +436,52 @@ const TruncateChips = ({
       ...rest,
       children: [
         /* @__PURE__ */ jsx("div", { ref: chipsContainerRef, style: { display: "contents" }, children: items.map((chip, index) => /* @__PURE__ */ jsx(Chip, { ...chip, style: { visibility: "hidden" } }, index)) }),
-        hiddenCount > 0 && /* @__PURE__ */ jsx(Chip, { label: `+${hiddenCount}`, ref: plusChipRef })
+        hiddenCount > 0 && /* @__PURE__ */ jsx(
+          Chip,
+          {
+            label: `+${hiddenCount}`,
+            ref: plusChipRef,
+            size: overflowChipSize
+          }
+        )
       ]
     }
   );
 };
 
+const getChipPropsWithDefaultSize = (chipProps) => {
+  if (chipProps.size !== void 0) {
+    return chipProps;
+  }
+  if (chipProps.onClick !== void 0 && chipProps.onClose !== void 0) {
+    return {
+      ...chipProps,
+      size: "medium"
+    };
+  }
+  if (chipProps.onClick !== void 0) {
+    return {
+      ...chipProps,
+      onClick: chipProps.onClick,
+      onClose: void 0,
+      size: "small"
+    };
+  }
+  if (chipProps.onClose !== void 0) {
+    return {
+      ...chipProps,
+      onClick: void 0,
+      onClose: chipProps.onClose,
+      size: "small"
+    };
+  }
+  return {
+    ...chipProps,
+    onClick: void 0,
+    onClose: void 0,
+    size: "small"
+  };
+};
 const chipsFormatter = (value, { truncateChips } = { truncateChips: false }) => {
   if (!value) return /* @__PURE__ */ jsx(TableEmptyCellContent, {});
   if (Array.isArray(value)) {
@@ -432,16 +489,16 @@ const chipsFormatter = (value, { truncateChips } = { truncateChips: false }) =>
       return /* @__PURE__ */ jsx(TableEmptyCellContent, {});
     }
     const isStringArray = value.every((v) => typeof v === "string");
-    const items = isStringArray ? value.map((v) => ({ label: v })) : value;
+    const items = isStringArray ? value.map((v) => getChipPropsWithDefaultSize({ label: v })) : value.map(getChipPropsWithDefaultSize);
     if (truncateChips) {
       return /* @__PURE__ */ jsx(TruncateChips, { items });
     }
     return /* @__PURE__ */ jsx(Flex, { direction: "row", gap: "2", wrap: "wrap", children: items.map((item, index) => /* @__PURE__ */ jsx(Chip, { ...item }, `${item.label}-${index}`)) });
   }
   if (typeof value === "string") {
-    return /* @__PURE__ */ jsx(Chip, { label: value });
+    return /* @__PURE__ */ jsx(Chip, { label: value, size: "small" });
   }
-  return /* @__PURE__ */ jsx(Chip, { ...value });
+  return /* @__PURE__ */ jsx(Chip, { ...getChipPropsWithDefaultSize(value) });
 };
 
 const currencyFormatter = (value, options = {}) => {
@@ -8647,4 +8704,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-CB-exG-7.js.map
+//# sourceMappingURL=DataTable-CME7SbPc.js.map