@servicetitan/anvil2 2.7.0 → 2.8.0

package/dist/useOpenCloseTransitionStates-CiTYrLGi.js

@@ -1,68 +0,0 @@
-import { useRef, useState, useEffect, useCallback } from 'react';
-
-const useOpenCloseTransitionStates = (openProp, options = {
-  durationMs: 0
-}) => {
-  const {
-    onOpenAnimationStart,
-    onCloseAnimationStart,
-    onOpenAnimationComplete,
-    onCloseAnimationComplete,
-    durationMs
-  } = options;
-  const prevOpenProp = useRef(openProp);
-  const [state, setState] = useState(
-    openProp ? "open" : "closed"
-  );
-  useEffect(() => {
-    if (prevOpenProp.current && !openProp) {
-      setState("closing");
-    } else if (!prevOpenProp.current && openProp) {
-      setState("opening");
-    } else {
-      setState(openProp ? "opening" : "closed");
-    }
-    prevOpenProp.current = openProp;
-  }, [openProp]);
-  useEffect(() => {
-    if (!durationMs) return;
-    if (state === "open" || state === "closed") return;
-    if (state === "opening") {
-      onOpenAnimationStart?.();
-    } else if (state === "closing") {
-      onCloseAnimationStart?.();
-    }
-    const d = typeof durationMs === "function" ? durationMs() : durationMs;
-    const timeout = setTimeout(() => {
-      if (state === "opening") {
-        setState("open");
-        onOpenAnimationComplete?.();
-      } else if (state === "closing") {
-        setState("closed");
-        onCloseAnimationComplete?.();
-      }
-    }, d);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [
-    state,
-    onOpenAnimationComplete,
-    onCloseAnimationComplete,
-    onOpenAnimationStart,
-    onCloseAnimationStart,
-    durationMs
-  ]);
-  const beginClosing = useCallback(() => {
-    setState("closing");
-  }, []);
-  return {
-    state,
-    beginClosing,
-    isOpenOrOpening: state === "open" || state === "opening",
-    isClosedOrClosing: state === "closed" || state === "closing"
-  };
-};
-
-export { useOpenCloseTransitionStates as u };
-//# sourceMappingURL=useOpenCloseTransitionStates-CiTYrLGi.js.map

package/dist/useOpenCloseTransitionStates-CiTYrLGi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOpenCloseTransitionStates-CiTYrLGi.js","sources":["../src/internal/hooks/useOpenCloseTransitionStates/useOpenCloseTransitionStates.ts"],"sourcesContent":["import { useEffect, useState, useRef, useCallback } from \"react\";\n\n/**\n * Possible states for open/close transitions\n */\nexport type OpenCloseTransitionStates =\n  | \"opening\"\n  | \"open\"\n  | \"closing\"\n  | \"closed\";\n\n/**\n * Effects configuration for open/close transition states\n * @property {() => void} [onOpenAnimationStart] - Callback when opening animation starts\n * @property {() => void} [onCloseAnimationStart] - Callback when closing animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback when opening animation completes\n * @property {() => void} [onCloseAnimationComplete] - Callback when closing animation completes\n * @property {number | (() => number)} [durationMs] - Duration of the animation in milliseconds (or a function that returns the duration)\n */\nexport type OpenCloseTransitionStateEffects = {\n  /**\n   * Callback when opening animation starts\n   */\n  onOpenAnimationStart?: () => void;\n  /**\n   * Callback when closing animation starts\n   */\n  onCloseAnimationStart?: () => void;\n  /**\n   * Callback when opening animation completes\n   */\n  onOpenAnimationComplete?: () => void;\n  /**\n   * Callback when closing animation completes\n   */\n  onCloseAnimationComplete?: () => void;\n};\n\nexport type OpenCloseTransitionState = {\n  state: OpenCloseTransitionStates;\n  beginClosing: () => void;\n  isOpenOrOpening: boolean;\n  isClosedOrClosing: boolean;\n};\n\nexport type OpenCloseTransitionStateOptions = {\n  durationMs: number | (() => number);\n  onOpenAnimationStart?: () => void;\n  onCloseAnimationStart?: () => void;\n  onOpenAnimationComplete?: () => void;\n  onCloseAnimationComplete?: () => void;\n};\n\n/**\n * Custom hook for managing open/close transition states and animations.\n *\n * @param openProp - The open prop controlling visibility\n * @param options - Additional, optional options including callbacks for animation start, complete, and initialization\n * @returns Object containing state, control functions, and utility flags\n */\nexport const useOpenCloseTransitionStates = (\n  openProp: boolean | undefined,\n  options: OpenCloseTransitionStateOptions = {\n    durationMs: 0,\n  },\n): OpenCloseTransitionState => {\n  const {\n    onOpenAnimationStart,\n    onCloseAnimationStart,\n    onOpenAnimationComplete,\n    onCloseAnimationComplete,\n    durationMs,\n  } = options;\n  const prevOpenProp = useRef<boolean | undefined>(openProp);\n  const [state, setState] = useState<OpenCloseTransitionStates>(\n    openProp ? \"open\" : \"closed\",\n  );\n\n  // Handle open/close prop changes\n  useEffect(() => {\n    if (prevOpenProp.current && !openProp) {\n      // previously open, now closed\n      setState(\"closing\");\n    } else if (!prevOpenProp.current && openProp) {\n      // previously closed, now open\n      setState(\"opening\");\n    } else {\n      // Note: Using \"opening\" here catches the case where the element is initially open, allowing callbacks and animations to run.\n      setState(openProp ? \"opening\" : \"closed\");\n    }\n    prevOpenProp.current = openProp;\n  }, [openProp]);\n\n  // Handle opening/closing animations\n  useEffect(() => {\n    if (!durationMs) return;\n    if (state === \"open\" || state === \"closed\") return;\n    if (state === \"opening\") {\n      onOpenAnimationStart?.();\n    } else if (state === \"closing\") {\n      onCloseAnimationStart?.();\n    }\n    const d: number =\n      typeof durationMs === \"function\" ? durationMs() : durationMs;\n    const timeout = setTimeout(() => {\n      if (state === \"opening\") {\n        setState(\"open\");\n        onOpenAnimationComplete?.();\n      } else if (state === \"closing\") {\n        setState(\"closed\");\n        onCloseAnimationComplete?.();\n      }\n    }, d);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [\n    state,\n    onOpenAnimationComplete,\n    onCloseAnimationComplete,\n    onOpenAnimationStart,\n    onCloseAnimationStart,\n    durationMs,\n  ]);\n\n  const beginClosing = useCallback(() => {\n    setState(\"closing\");\n  }, []);\n\n  return {\n    state,\n    beginClosing,\n    isOpenOrOpening: state === \"open\" || state === \"opening\",\n    isClosedOrClosing: state === \"closed\" || state === \"closing\",\n  };\n};\n"],"names":[],"mappings":";;AA4DO,MAAM,4BAAA,GAA+B,CAC1C,QAAA,EACA,OAAA,GAA2C;AAAA,EACzC,UAAA,EAAY;AACd,CAAA,KAC6B;AAC7B,EAAA,MAAM;AAAA,IACJ,oBAAA;AAAA,IACA,qBAAA;AAAA,IACA,uBAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACF,GAAI,OAAA;AACJ,EAAA,MAAM,YAAA,GAAe,OAA4B,QAAQ,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA;AAAA,IACxB,WAAW,MAAA,GAAS;AAAA,GACtB;AAGA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,CAAa,OAAA,IAAW,CAAC,QAAA,EAAU;AAErC,MAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IACpB,CAAA,MAAA,IAAW,CAAC,YAAA,CAAa,OAAA,IAAW,QAAA,EAAU;AAE5C,MAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IACpB,CAAA,MAAO;AAEL,MAAA,QAAA,CAAS,QAAA,GAAW,YAAY,QAAQ,CAAA;AAAA,IAC1C;AACA,IAAA,YAAA,CAAa,OAAA,GAAU,QAAA;AAAA,EACzB,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAGb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAA,EAAY;AACjB,IAAA,IAAI,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,QAAA,EAAU;AAC5C,IAAA,IAAI,UAAU,SAAA,EAAW;AACvB,MAAA,oBAAA,IAAuB;AAAA,IACzB,CAAA,MAAA,IAAW,UAAU,SAAA,EAAW;AAC9B,MAAA,qBAAA,IAAwB;AAAA,IAC1B;AACA,IAAA,MAAM,CAAA,GACJ,OAAO,UAAA,KAAe,UAAA,GAAa,YAAW,GAAI,UAAA;AACpD,IAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAC/B,MAAA,IAAI,UAAU,SAAA,EAAW;AACvB,QAAA,QAAA,CAAS,MAAM,CAAA;AACf,QAAA,uBAAA,IAA0B;AAAA,MAC5B,CAAA,MAAA,IAAW,UAAU,SAAA,EAAW;AAC9B,QAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,QAAA,wBAAA,IAA2B;AAAA,MAC7B;AAAA,IACF,GAAG,CAAC,CAAA;AAEJ,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG;AAAA,IACD,KAAA;AAAA,IACA,uBAAA;AAAA,IACA,wBAAA;AAAA,IACA,oBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA,EAAiB,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,SAAA;AAAA,IAC/C,iBAAA,EAAmB,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU;AAAA,GACrD;AACF;;;;"}

package/dist/usePopoverTransitionStates-CDIoNUuf.js

@@ -1,24 +0,0 @@
-import { u as useOpenCloseTransitionStates } from './useOpenCloseTransitionStates-CiTYrLGi.js';
-
-const usePopoverTransitionStates = (popover, openProp, options = {}) => {
-  const { onOpenAnimationStart, onCloseAnimationComplete } = options;
-  return useOpenCloseTransitionStates(openProp, {
-    ...options,
-    onOpenAnimationStart: () => {
-      if (!popover) return;
-      onOpenAnimationStart?.();
-    },
-    onCloseAnimationComplete: () => {
-      if (!popover) return;
-      onCloseAnimationComplete?.();
-    },
-    durationMs: () => {
-      if (!popover || !window) return 0;
-      const duration = window.getComputedStyle(popover).animationDuration;
-      return parseFloat(duration) * 1e3;
-    }
-  });
-};
-
-export { usePopoverTransitionStates as u };
-//# sourceMappingURL=usePopoverTransitionStates-CDIoNUuf.js.map

package/dist/usePopoverTransitionStates-CDIoNUuf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopoverTransitionStates-CDIoNUuf.js","sources":["../src/internal/hooks/usePopoverTransitionStates/usePopoverTransitionStates.ts"],"sourcesContent":["import {\n  useOpenCloseTransitionStates,\n  type OpenCloseTransitionStateEffects,\n} from \"../useOpenCloseTransitionStates\";\n\n/**\n * Effects configuration for dialog transition states\n * @property {() => void} [onOpenAnimationStart] - Callback when opening animation starts\n * @property {() => void} [onCloseAnimationStart] - Callback when closing animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback when opening animation completes\n * @property {() => void} [onCloseAnimationComplete] - Callback when closing animation completes\n */\n\n/**\n * Custom hook for managing popover transition states and animations.\n *\n * Features:\n * - Manages popover open/close transition states\n * - Handles animation timing based on CSS animation duration\n * - Provides callbacks for animation lifecycle events\n * - Supports controlled popover state management\n * - Automatically handles showPopover() and closePopover() calls\n * - Provides utility flags for open/closed states\n *\n * @param popover - The popover element\n * @param openProp - The open prop controlling popover visibility\n * @param options - Additional, optional options including callbacks for animation start, complete, and initialization\n * @returns Object containing popover state, control functions, and utility flags\n */\nexport const usePopoverTransitionStates = (\n  popover: HTMLElement | undefined,\n  openProp: boolean | undefined,\n  options: OpenCloseTransitionStateEffects = {},\n) => {\n  const { onOpenAnimationStart, onCloseAnimationComplete } = options;\n  return useOpenCloseTransitionStates(openProp, {\n    ...options,\n    onOpenAnimationStart: () => {\n      if (!popover) return;\n      onOpenAnimationStart?.();\n    },\n    onCloseAnimationComplete: () => {\n      if (!popover) return;\n      onCloseAnimationComplete?.();\n    },\n    durationMs: () => {\n      if (!popover || !window) return 0;\n      const duration = window.getComputedStyle(popover).animationDuration;\n      return parseFloat(duration) * 1000;\n    },\n  });\n};\n"],"names":[],"mappings":";;AA6BO,MAAM,6BAA6B,CACxC,OAAA,EACA,QAAA,EACA,OAAA,GAA2C,EAAC,KACzC;AACH,EAAA,MAAM,EAAE,oBAAA,EAAsB,wBAAA,EAAyB,GAAI,OAAA;AAC3D,EAAA,OAAO,6BAA6B,QAAA,EAAU;AAAA,IAC5C,GAAG,OAAA;AAAA,IACH,sBAAsB,MAAM;AAC1B,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,oBAAA,IAAuB;AAAA,IACzB,CAAA;AAAA,IACA,0BAA0B,MAAM;AAC9B,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,wBAAA,IAA2B;AAAA,IAC7B,CAAA;AAAA,IACA,YAAY,MAAM;AAChB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ,OAAO,CAAA;AAChC,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,gBAAA,CAAiB,OAAO,CAAA,CAAE,iBAAA;AAClD,MAAA,OAAO,UAAA,CAAW,QAAQ,CAAA,GAAI,GAAA;AAAA,IAChC;AAAA,GACD,CAAA;AACH;;;;"}