@servicetitan/anvil2 3.0.7 → 3.0.8

package/dist/useChipLayout-BWZfKDgd.js

@@ -0,0 +1,51 @@
+import { useRef, useState, useLayoutEffect } from 'react';
+
+const hasMultipleRows = (container) => {
+  const children = Array.from(container.children);
+  if (children.length <= 1) return false;
+  const firstTop = children[0].getBoundingClientRect().top;
+  return children.some(
+    (child) => child.getBoundingClientRect().top !== firstTop
+  );
+};
+function useChipLayout({
+  selectedOptionsLength,
+  singleRow,
+  maxChips
+}) {
+  const rowsRef = useRef(null);
+  const [visibleCount, setVisibleCount] = useState(null);
+  const prevSelectedLengthRef = useRef(selectedOptionsLength);
+  useLayoutEffect(() => {
+    if (prevSelectedLengthRef.current !== selectedOptionsLength) {
+      prevSelectedLengthRef.current = selectedOptionsLength;
+      setVisibleCount(null);
+    }
+  }, [selectedOptionsLength]);
+  useLayoutEffect(() => {
+    if (!singleRow || !rowsRef.current) {
+      setVisibleCount(null);
+      return;
+    }
+    if (visibleCount === null) {
+      if (hasMultipleRows(rowsRef.current)) {
+        const firstRowTop = rowsRef.current.children[0]?.getBoundingClientRect().top;
+        const firstRowCount = Array.from(rowsRef.current.children).filter(
+          (c) => c.getBoundingClientRect().top === firstRowTop
+        ).length;
+        setVisibleCount(Math.max(firstRowCount - 1, 0));
+      }
+      return;
+    }
+    if (hasMultipleRows(rowsRef.current) && visibleCount > 0) {
+      setVisibleCount(visibleCount - 1);
+    }
+  }, [singleRow, selectedOptionsLength, visibleCount]);
+  const maxAllowed = maxChips ?? 10;
+  const displayCount = singleRow && visibleCount !== null ? Math.min(visibleCount, maxAllowed) : Math.min(selectedOptionsLength, maxAllowed);
+  const hiddenCount = selectedOptionsLength - displayCount;
+  return { rowsRef, displayCount, hiddenCount };
+}
+
+export { useChipLayout as u };
+//# sourceMappingURL=useChipLayout-BWZfKDgd.js.map

package/dist/useChipLayout-BWZfKDgd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChipLayout-BWZfKDgd.js","sources":["../src/beta/components/MultiSelectField/internal/useChipLayout.ts"],"sourcesContent":["import { useState, useLayoutEffect, useRef, RefObject } from \"react\";\n\nconst hasMultipleRows = (container: HTMLElement) => {\n  const children = Array.from(container.children);\n  if (children.length <= 1) return false;\n  const firstTop = children[0].getBoundingClientRect().top;\n  return children.some(\n    (child) => child.getBoundingClientRect().top !== firstTop,\n  );\n};\n\ntype UseChipLayoutOptions = {\n  selectedOptionsLength: number;\n  singleRow?: boolean;\n  maxChips?: number;\n};\n\n/**\n * Manages chip layout calculations shared between MultiSelectFieldInput and\n * MultiSelectFieldTrigger. Handles single-row overflow detection, visible chip\n * count, and the \"+N\" hidden chip indicator.\n * @param options - Configuration for chip layout behaviour\n * @returns rowsRef to attach to the chip container, plus computed display/hidden counts\n */\nexport function useChipLayout({\n  selectedOptionsLength,\n  singleRow,\n  maxChips,\n}: UseChipLayoutOptions): {\n  rowsRef: RefObject<HTMLDivElement>;\n  displayCount: number;\n  hiddenCount: number;\n} {\n  const rowsRef = useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = useState<number | null>(null);\n\n  const prevSelectedLengthRef = useRef(selectedOptionsLength);\n  useLayoutEffect(() => {\n    if (prevSelectedLengthRef.current !== selectedOptionsLength) {\n      prevSelectedLengthRef.current = selectedOptionsLength;\n      setVisibleCount(null);\n    }\n  }, [selectedOptionsLength]);\n\n  useLayoutEffect(() => {\n    if (!singleRow || !rowsRef.current) {\n      setVisibleCount(null);\n      return;\n    }\n\n    if (visibleCount === null) {\n      if (hasMultipleRows(rowsRef.current)) {\n        const firstRowTop =\n          rowsRef.current.children[0]?.getBoundingClientRect().top;\n        const firstRowCount = Array.from(rowsRef.current.children).filter(\n          (c) => c.getBoundingClientRect().top === firstRowTop,\n        ).length;\n        setVisibleCount(Math.max(firstRowCount - 1, 0));\n      }\n      return;\n    }\n\n    if (hasMultipleRows(rowsRef.current) && visibleCount > 0) {\n      setVisibleCount(visibleCount - 1);\n    }\n  }, [singleRow, selectedOptionsLength, visibleCount]);\n\n  const maxAllowed = maxChips ?? 10;\n  const displayCount =\n    singleRow && visibleCount !== null\n      ? Math.min(visibleCount, maxAllowed)\n      : Math.min(selectedOptionsLength, maxAllowed);\n  const hiddenCount = selectedOptionsLength - displayCount;\n\n  return { rowsRef, displayCount, hiddenCount };\n}\n"],"names":[],"mappings":";;AAEA,MAAM,eAAA,GAAkB,CAAC,SAAA,KAA2B;AAClD,EAAA,MAAM,QAAA,GAAW,KAAA,CAAM,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAA;AAC9C,EAAA,IAAI,QAAA,CAAS,MAAA,IAAU,CAAA,EAAG,OAAO,KAAA;AACjC,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,CAAC,CAAA,CAAE,uBAAsB,CAAE,GAAA;AACrD,EAAA,OAAO,QAAA,CAAS,IAAA;AAAA,IACd,CAAC,KAAA,KAAU,KAAA,CAAM,qBAAA,GAAwB,GAAA,KAAQ;AAAA,GACnD;AACF,CAAA;AAeO,SAAS,aAAA,CAAc;AAAA,EAC5B,qBAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIE;AACA,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEpE,EAAA,MAAM,qBAAA,GAAwB,OAAO,qBAAqB,CAAA;AAC1D,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,qBAAA,CAAsB,YAAY,qBAAA,EAAuB;AAC3D,MAAA,qBAAA,CAAsB,OAAA,GAAU,qBAAA;AAChC,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,IACtB;AAAA,EACF,CAAA,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAE1B,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,OAAA,CAAQ,OAAA,EAAS;AAClC,MAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,iBAAiB,IAAA,EAAM;AACzB,MAAA,IAAI,eAAA,CAAgB,OAAA,CAAQ,OAAO,CAAA,EAAG;AACpC,QAAA,MAAM,cACJ,OAAA,CAAQ,OAAA,CAAQ,SAAS,CAAC,CAAA,EAAG,uBAAsB,CAAE,GAAA;AACvD,QAAA,MAAM,gBAAgB,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,QAAQ,CAAA,CAAE,MAAA;AAAA,UACzD,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAA,GAAwB,GAAA,KAAQ;AAAA,SAC3C,CAAE,MAAA;AACF,QAAA,eAAA,CAAgB,IAAA,CAAK,GAAA,CAAI,aAAA,GAAgB,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,MAChD;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,eAAA,CAAgB,OAAA,CAAQ,OAAO,CAAA,IAAK,eAAe,CAAA,EAAG;AACxD,MAAA,eAAA,CAAgB,eAAe,CAAC,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,qBAAA,EAAuB,YAAY,CAAC,CAAA;AAEnD,EAAA,MAAM,aAAa,QAAA,IAAY,EAAA;AAC/B,EAAA,MAAM,YAAA,GACJ,SAAA,IAAa,YAAA,KAAiB,IAAA,GAC1B,IAAA,CAAK,GAAA,CAAI,YAAA,EAAc,UAAU,CAAA,GACjC,IAAA,CAAK,GAAA,CAAI,qBAAA,EAAuB,UAAU,CAAA;AAChD,EAAA,MAAM,cAAc,qBAAA,GAAwB,YAAA;AAE5C,EAAA,OAAO,EAAE,OAAA,EAAS,YAAA,EAAc,WAAA,EAAY;AAC9C;;;;"}

package/dist/{useDrilldown-KZ9rRsXQ.js → useDrilldown-BJ2dHHKV.js}

@@ -7,7 +7,7 @@ import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, b as
 import { u as useDrillDownContext } from './useDrillDownContext-iUvoTget.js';
 import { F as Flex } from './Flex-_orhvoxS.js';
 import { B as Button } from './Button-C_V2xQAs.js';
-import { T as Text } from './Text-BTzgTpqu.js';
+import { T as Text } from './Text-w2gWn4K6.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -1885,4 +1885,4 @@ function useDrillDown() {
 }
 
 export { DrillDown as D, DrillDownHeader as a, DrillDownContent as b, DrillDownFooter as c, DrillDownNextButton as d, DrillDownPrevButton as e, useDrillDown as u };
-//# sourceMappingURL=useDrilldown-KZ9rRsXQ.js.map
+//# sourceMappingURL=useDrilldown-BJ2dHHKV.js.map