@servicetitan/anvil2 2.6.1 → 2.7.1

package/dist/{syncFilterUtils-BRKjFwxk.js → syncFilterUtils-B03Pc941.js}

@@ -10,13 +10,13 @@ import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
 import { I as Icon } from './Icon-DuIlne4x.js';
-import { A as Avatar } from './Avatar--CnTAnfD.js';
-import { C as Chip } from './Chip-DjTAR0va.js';
+import { A as Avatar } from './Avatar-ChybzixS.js';
+import { C as Chip } from './Chip-CVyEctAz.js';
 import { a as SvgCheckBox, b as SvgCheckBoxOutlineBlank, S as SvgIndeterminateCheckBox } from './indeterminate_check_box-B4zobNlt.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { d as defaultRangeExtractor, u as useVirtualizer } from './index-DXeGMe23.js';
 import { a as useOnClickOutside } from './useOnClickOutside-Zw5vzxSq.js';
-import { k as computePosition, l as autoUpdate, o as offset, r as autoPlacement, q as size } from './floating-ui.react-dom-imrk9N49.js';
+import { k as computePosition, o as offset, r as autoPlacement, q as size, l as autoUpdate } from './floating-ui.react-dom-imrk9N49.js';
 import './anvil-fonts.css';import './syncFilterUtils.css';/* empty css                     */
 import { D as DialogCancelButton } from './DialogCancelButton-DQDMzGeT.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
@@ -903,6 +903,192 @@ function useDebouncedCallback(callback, delay = 300) {
   return debouncedCallback;
 }
 
+const styles$1 = {
+	"options-popover": "_options-popover_185l7_2"
+};
+
+function resolveWidth(width, referenceWidth) {
+  if (width === "reference") return `${referenceWidth}px`;
+  if (typeof width === "number") return `${width}px`;
+  if (typeof width === "string") return width;
+  return void 0;
+}
+const OptionsPopover = (props) => {
+  const ref = useRef(null);
+  const { id, children, referenceElement, open, onClickOutside, width } = props;
+  useOnClickOutside({
+    targets: [ref.current ?? void 0, referenceElement.current ?? void 0],
+    onClickOutside,
+    disable: !open
+  });
+  useEffect(() => {
+    if (open) {
+      ref.current?.showPopover();
+    } else {
+      ref.current?.hidePopover();
+    }
+  }, [open]);
+  const updatePosition = useCallback(async () => {
+    if (!ref.current || !referenceElement.current) return;
+    const position = await computePosition(
+      referenceElement.current,
+      ref.current,
+      {
+        placement: "bottom-start",
+        middleware: [
+          offset(8),
+          autoPlacement({
+            allowedPlacements: [
+              "bottom-start",
+              "bottom-end",
+              "top-start",
+              "top-end"
+            ],
+            padding: 8
+          }),
+          size({
+            padding: 8,
+            apply({ rects, elements, availableHeight, availableWidth }) {
+              const resolved = resolveWidth(width, rects.reference.width);
+              Object.assign(elements.floating.style, {
+                ...resolved != null && { width: resolved },
+                maxWidth: `${Math.max(0, availableWidth)}px`,
+                maxHeight: `${Math.max(0, availableHeight)}px`
+              });
+            }
+          })
+        ]
+      }
+    );
+    ref.current.style.left = `${position.x}px`;
+    ref.current.style.top = `${position.y}px`;
+  }, [ref, referenceElement, width]);
+  useEffect(() => {
+    if (!ref.current || !referenceElement.current || !open) return;
+    const cleanup = autoUpdate(
+      referenceElement.current,
+      ref.current,
+      updatePosition
+    );
+    return () => {
+      cleanup();
+    };
+  }, [referenceElement, ref, updatePosition, open]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      id,
+      className: styles$1["options-popover"],
+      popover: "manual",
+      children
+    }
+  );
+};
+
+const header = "_header_1lctb_34";
+const field = "_field_1lctb_2";
+const content = "_content_1lctb_45";
+const styles = {
+	"field-dialog": "_field-dialog_1lctb_2",
+	"field-dialog-visual-viewport-height": "_field-dialog-visual-viewport-height_1lctb_17",
+	header: header,
+	field: field,
+	content: content
+};
+
+const OptionsDialog = ({
+  id,
+  isOpen,
+  onClose,
+  field,
+  children,
+  title,
+  initialFocusResolver
+}) => {
+  const elRef = useRef(null);
+  const visualViewportHeightRef = useRef(null);
+  useDialogScrollLock({
+    open: isOpen,
+    id,
+    enableScrollChaining: false,
+    elementRef: elRef
+  });
+  const computeFocus = useCallback(
+    (focusables) => {
+      if (initialFocusResolver) {
+        return initialFocusResolver(focusables);
+      }
+      return focusables.find(
+        (focusable) => focusable.dataset.anv !== "dialog-cancel-button"
+      ) || focusables[0];
+    },
+    [initialFocusResolver]
+  );
+  useEffect(() => {
+    if (isOpen) {
+      elRef.current?.showModal();
+      if (elRef.current) {
+        computeFocus(tabbable(elRef.current)).focus();
+      }
+    } else {
+      elRef.current?.close();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen) {
+      const handleResize = () => {
+        if (!visualViewportHeightRef.current) return;
+        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;
+        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;
+      };
+      window.visualViewport?.addEventListener("resize", handleResize);
+      return () => {
+        window.visualViewport?.removeEventListener("resize", handleResize);
+      };
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ref: elRef,
+      id,
+      "data-anv": "field-dialog",
+      className: styles["field-dialog"],
+      onKeyDown: (e) => {
+        if (e.code === "Escape") {
+          e.preventDefault();
+          onClose();
+        }
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: styles["field-dialog-visual-viewport-height"],
+          ref: visualViewportHeightRef,
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", className: styles["header"], children: [
+              /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children: title }),
+              /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(DialogContext.Provider, { value: { close: onClose }, children: /* @__PURE__ */ jsx(
+                DialogCancelButton,
+                {
+                  className: styles["close-button"],
+                  size: "small",
+                  appearance: "ghost",
+                  "aria-label": "Close dialog",
+                  icon: SvgClose
+                }
+              ) }) })
+            ] }),
+            field ? /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["field"], children: field }) : null,
+            /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["content"], children })
+          ]
+        }
+      )
+    }
+  );
+};
+
 const DEFAULT_CACHE_SIZE = 15;
 const STATIC_CACHE_KEY = "__static__";
 function cacheSet(sectionCache, key, value, maxSize) {
@@ -1175,192 +1361,6 @@ function buildSelectItems({
   return { items, sectionsMeta: meta };
 }
 
-const styles$1 = {
-	"options-popover": "_options-popover_185l7_2"
-};
-
-function resolveWidth(width, referenceWidth) {
-  if (width === "reference") return `${referenceWidth}px`;
-  if (typeof width === "number") return `${width}px`;
-  if (typeof width === "string") return width;
-  return void 0;
-}
-const OptionsPopover = (props) => {
-  const ref = useRef(null);
-  const { id, children, referenceElement, open, onClickOutside, width } = props;
-  useOnClickOutside({
-    targets: [ref.current ?? void 0, referenceElement.current ?? void 0],
-    onClickOutside,
-    disable: !open
-  });
-  useEffect(() => {
-    if (open) {
-      ref.current?.showPopover();
-    } else {
-      ref.current?.hidePopover();
-    }
-  }, [open]);
-  const updatePosition = useCallback(async () => {
-    if (!ref.current || !referenceElement.current) return;
-    const position = await computePosition(
-      referenceElement.current,
-      ref.current,
-      {
-        placement: "bottom-start",
-        middleware: [
-          offset(8),
-          autoPlacement({
-            allowedPlacements: [
-              "bottom-start",
-              "bottom-end",
-              "top-start",
-              "top-end"
-            ],
-            padding: 8
-          }),
-          size({
-            padding: 8,
-            apply({ rects, elements, availableHeight, availableWidth }) {
-              const resolved = resolveWidth(width, rects.reference.width);
-              Object.assign(elements.floating.style, {
-                ...resolved != null && { width: resolved },
-                maxWidth: `${Math.max(0, availableWidth)}px`,
-                maxHeight: `${Math.max(0, availableHeight)}px`
-              });
-            }
-          })
-        ]
-      }
-    );
-    ref.current.style.left = `${position.x}px`;
-    ref.current.style.top = `${position.y}px`;
-  }, [ref, referenceElement, width]);
-  useEffect(() => {
-    if (!ref.current || !referenceElement.current || !open) return;
-    const cleanup = autoUpdate(
-      referenceElement.current,
-      ref.current,
-      updatePosition
-    );
-    return () => {
-      cleanup();
-    };
-  }, [referenceElement, ref, updatePosition, open]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      id,
-      className: styles$1["options-popover"],
-      popover: "manual",
-      children
-    }
-  );
-};
-
-const header = "_header_1lctb_34";
-const field = "_field_1lctb_2";
-const content = "_content_1lctb_45";
-const styles = {
-	"field-dialog": "_field-dialog_1lctb_2",
-	"field-dialog-visual-viewport-height": "_field-dialog-visual-viewport-height_1lctb_17",
-	header: header,
-	field: field,
-	content: content
-};
-
-const OptionsDialog = ({
-  id,
-  isOpen,
-  onClose,
-  field,
-  children,
-  title,
-  initialFocusResolver
-}) => {
-  const elRef = useRef(null);
-  const visualViewportHeightRef = useRef(null);
-  useDialogScrollLock({
-    open: isOpen,
-    id,
-    enableScrollChaining: false,
-    elementRef: elRef
-  });
-  const computeFocus = useCallback(
-    (focusables) => {
-      if (initialFocusResolver) {
-        return initialFocusResolver(focusables);
-      }
-      return focusables.find(
-        (focusable) => focusable.dataset.anv !== "dialog-cancel-button"
-      ) || focusables[0];
-    },
-    [initialFocusResolver]
-  );
-  useEffect(() => {
-    if (isOpen) {
-      elRef.current?.showModal();
-      if (elRef.current) {
-        computeFocus(tabbable(elRef.current)).focus();
-      }
-    } else {
-      elRef.current?.close();
-    }
-  }, [isOpen]);
-  useEffect(() => {
-    if (isOpen) {
-      const handleResize = () => {
-        if (!visualViewportHeightRef.current) return;
-        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;
-        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;
-      };
-      window.visualViewport?.addEventListener("resize", handleResize);
-      return () => {
-        window.visualViewport?.removeEventListener("resize", handleResize);
-      };
-    }
-  }, [isOpen]);
-  return /* @__PURE__ */ jsx(
-    "dialog",
-    {
-      ref: elRef,
-      id,
-      "data-anv": "field-dialog",
-      className: styles["field-dialog"],
-      onKeyDown: (e) => {
-        if (e.code === "Escape") {
-          e.preventDefault();
-          onClose();
-        }
-      },
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: styles["field-dialog-visual-viewport-height"],
-          ref: visualViewportHeightRef,
-          children: [
-            /* @__PURE__ */ jsxs(Flex, { direction: "row", className: styles["header"], children: [
-              /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children: title }),
-              /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(DialogContext.Provider, { value: { close: onClose }, children: /* @__PURE__ */ jsx(
-                DialogCancelButton,
-                {
-                  className: styles["close-button"],
-                  size: "small",
-                  appearance: "ghost",
-                  "aria-label": "Close dialog",
-                  icon: SvgClose
-                }
-              ) }) })
-            ] }),
-            field ? /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["field"], children: field }) : null,
-            /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["content"], children })
-          ]
-        }
-      )
-    }
-  );
-};
-
 function detectCoarsePointer() {
   if (typeof window === "undefined" || !window.matchMedia) {
     return false;
@@ -1503,4 +1503,4 @@ const sortByGroup = (options, groupSorter) => {
 };
 
 export { OptionsPanel as O, VirtualizedOptionsPanel as V, useSelectOrchestration as a, useProcessedOptions as b, buildSelectItems as c, useDebouncedCallback as d, OptionsDialog as e, OptionsPopover as f, defaultSyncFilter as g, toSelectItem as h, sortByGroup as s, toSyncFilterFn as t, useAdaptiveView as u };
-//# sourceMappingURL=syncFilterUtils-BRKjFwxk.js.map
+//# sourceMappingURL=syncFilterUtils-B03Pc941.js.map