@servicetitan/anvil2 1.46.2 → 1.46.4

package/dist/{useOnClickOutside-B1ddwORK.js → useOnClickOutside-C5AZE_I6.js}

@@ -1,5 +1,4 @@
 import { useRef, useState, useEffect, useCallback } from 'react';
-import { t as tabbable } from './DrawerContext-D4tWTLVf.js';
 
 const useOpenCloseTransitionStates = (openProp, options = {
   durationMs: 0
@@ -65,72 +64,14 @@ const useOpenCloseTransitionStates = (openProp, options = {
   };
 };
 
-const useKeyboardFocusables = (element, options = {
-  observeChange: true,
-  attributes: true,
-  characterData: true,
-  childList: true,
-  subtree: true
-}) => {
-  const [focusables, setFocusables] = useState(null);
-  const observerRef = useRef();
-  const mountedRef = useRef(true);
-  useEffect(() => {
-    const target = element instanceof HTMLElement ? element : element?.current;
-    if (!target) return;
-    if (observerRef.current) return;
-    if (!options.observeChange && !focusables) {
-      setFocusables(tabbable(target));
-      return;
-    }
-    let timeoutId = null;
-    const debounceDelay = 100;
-    const mutationCallback = () => {
-      const targetArr = tabbable(target);
-      if (targetArr.length === 0) return;
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-      timeoutId = setTimeout(() => {
-        if (!mountedRef.current) return;
-        setFocusables(targetArr);
-      }, debounceDelay);
-    };
-    const observer = new MutationObserver(mutationCallback);
-    observerRef.current = observer;
-    observer.observe(target, {
-      childList: true,
-      // Observe changes to child elements
-      subtree: true,
-      // Observe changes to descendants of the target
-      attributes: true,
-      // Observe changes to attributes
-      characterData: true
-      // Observe changes to text content
-    });
-  }, [element, options]);
-  useEffect(() => {
-    return () => {
-      mountedRef.current = false;
-      if (!observerRef.current) return;
-      observerRef.current.disconnect();
-    };
-  }, []);
-  const updateFocusables = () => {
-    const target = element instanceof HTMLElement ? element : element?.current;
-    if (!target) return;
-    setFocusables(tabbable(target));
-  };
-  return { focusables, updateFocusables };
-};
-
 const useOnClickOutside = ({
   onOutsidePress,
   targets,
-  onClose
+  onClose,
+  disable
 }) => {
   useEffect(() => {
-    if (typeof document === "undefined") return;
+    if (disable || typeof document === "undefined") return;
     let isClosable = false;
     const onMouseDownHandler = (e) => {
       let isTarget = false;
@@ -166,8 +107,8 @@ const useOnClickOutside = ({
       document.removeEventListener("mousedown", onMouseDownHandler);
       document.removeEventListener("mouseup", onMouseUpHandler);
     };
-  }, [onClose, onOutsidePress, targets]);
+  }, [onClose, onOutsidePress, targets, disable]);
 };
 
-export { useKeyboardFocusables as a, useOnClickOutside as b, useOpenCloseTransitionStates as u };
-//# sourceMappingURL=useOnClickOutside-B1ddwORK.js.map
+export { useOnClickOutside as a, useOpenCloseTransitionStates as u };
+//# sourceMappingURL=useOnClickOutside-C5AZE_I6.js.map

package/dist/useOnClickOutside-C5AZE_I6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside-C5AZE_I6.js","sources":["../src/internal/hooks/useOpenCloseTransitionStates/useOpenCloseTransitionStates.ts","../src/internal/hooks/useOnClickOutside/useOnClickOutside.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","import { useEffect } from \"react\";\n\n/**\n * Props for the useOnClickOutside hook\n */\ntype UseOnClickOutsideProps = {\n  /**\n   * Callback when clicking outside targets\n   */\n  onOutsidePress?: (e: globalThis.MouseEvent) => void;\n  /**\n   * Callback when closing (after outside press)\n   */\n  onClose?: () => void;\n  /**\n   * Array of target elements to monitor\n   */\n  targets: (HTMLElement | undefined)[];\n  /**\n   * Whether to disable the useOnClickOutside hook\n   */\n  disable?: boolean;\n};\n\n/**\n * Custom hook for detecting clicks outside of specified target elements.\n *\n * Features:\n * - Detects clicks outside of multiple target elements\n * - Supports both mousedown and mouseup event handling\n * - Provides separate callbacks for outside press and close actions\n * - Handles SSR environments gracefully\n * - Automatically cleans up event listeners\n * - Uses composedPath for accurate event target detection\n * - Supports optional callbacks for flexible usage\n *\n * @param props - Configuration object containing targets and optional callbacks\n * @returns void\n */\nexport const useOnClickOutside = ({\n  onOutsidePress,\n  targets,\n  onClose,\n  disable,\n}: UseOnClickOutsideProps) => {\n  useEffect(() => {\n    if (disable || typeof document === \"undefined\") return;\n\n    let isClosable = false;\n    const onMouseDownHandler = (e: globalThis.MouseEvent) => {\n      let isTarget = false;\n      const path = e.composedPath();\n      for (const el of targets) {\n        if (el && path.includes(el)) {\n          isTarget = true;\n          break;\n        }\n      }\n\n      if (!isTarget) {\n        onOutsidePress?.(e);\n        isClosable = true;\n      }\n    };\n    const onMouseUpHandler = (e: globalThis.MouseEvent) => {\n      if (!isClosable) return;\n      let isTarget = false;\n      const path = e.composedPath();\n      for (const el of targets) {\n        if (el && path.includes(el)) {\n          isTarget = true;\n          break;\n        }\n      }\n      if (!isTarget) {\n        onClose?.();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", onMouseDownHandler);\n    document.addEventListener(\"mouseup\", onMouseUpHandler);\n    return () => {\n      document.removeEventListener(\"mousedown\", onMouseDownHandler);\n      document.removeEventListener(\"mouseup\", onMouseUpHandler);\n    };\n  }, [onClose, onOutsidePress, targets, disable]);\n};\n"],"names":[],"mappings":"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"}

package/dist/utils-Dh3aegV3.js

@@ -0,0 +1,50 @@
+import { D as DateTime } from './Calendar-BqOvsaby.js';
+
+const DateModeToFormatMap = {
+  "mm/dd/yyyy": "MM/dd/yyyy",
+  "dd/mm/yyyy": "dd/MM/yyyy",
+  "yyyy/mm/dd": "yyyy/MM/dd"
+};
+const DateModeToPlaceholderMap = {
+  "dd/mm/yyyy": "__/__/____",
+  "mm/dd/yyyy": "__/__/____",
+  "yyyy/mm/dd": "____/__/__"
+};
+
+function convertStringToDate(v) {
+  if (v === void 0 || v === null) {
+    return v;
+  }
+  const date = DateTime.fromISO(v, { setZone: true, zone: "utc" }).startOf(
+    "day"
+  );
+  if (date.isValid) {
+    return date;
+  }
+  return null;
+}
+function validateDate({
+  date,
+  constraints
+}) {
+  const { required, unavailable, minDate, maxDate } = constraints;
+  if (!date) {
+    return required ? false : true;
+  }
+  if (unavailable?.dates?.some((d) => d.equals(date))) {
+    return false;
+  }
+  if (unavailable?.daysOfWeek?.includes(date.weekday)) {
+    return false;
+  }
+  if (minDate && date < minDate) {
+    return false;
+  }
+  if (maxDate && date > maxDate) {
+    return false;
+  }
+  return true;
+}
+
+export { DateModeToPlaceholderMap as D, DateModeToFormatMap as a, convertStringToDate as c, validateDate as v };
+//# sourceMappingURL=utils-Dh3aegV3.js.map

package/dist/utils-Dh3aegV3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Dh3aegV3.js","sources":["../src/components/DateFieldSingle/internal/constants.ts","../src/components/DateFieldSingle/internal/utils.ts"],"sourcesContent":["import { DateMode } from \"../types\";\n\nexport const DateModeToFormatMap: Record<DateMode, string> = {\n  \"mm/dd/yyyy\": \"MM/dd/yyyy\",\n  \"dd/mm/yyyy\": \"dd/MM/yyyy\",\n  \"yyyy/mm/dd\": \"yyyy/MM/dd\",\n};\n\nexport const DateModeToPlaceholderMap: Record<DateMode, string> = {\n  \"dd/mm/yyyy\": \"__/__/____\",\n  \"mm/dd/yyyy\": \"__/__/____\",\n  \"yyyy/mm/dd\": \"____/__/__\",\n};\n","import { DateTime } from \"luxon\";\n\nexport function convertStringToDate(\n  v: string | null | undefined,\n): DateTime | null | undefined {\n  if (v === undefined || v === null) {\n    return v;\n  }\n  const date = DateTime.fromISO(v, { setZone: true, zone: \"utc\" }).startOf(\n    \"day\",\n  );\n  if (date.isValid) {\n    return date;\n  }\n  return null;\n}\nexport function validateDate({\n  date,\n  constraints,\n}: {\n  date: DateTime | null;\n  constraints: {\n    required?: boolean;\n    unavailable?: {\n      dates?: DateTime[];\n      daysOfWeek?: number[];\n    };\n    minDate?: DateTime;\n    maxDate?: DateTime;\n  };\n}) {\n  const { required, unavailable, minDate, maxDate } = constraints;\n  if (!date) {\n    return required ? false : true;\n  }\n  if (unavailable?.dates?.some((d) => d.equals(date))) {\n    return false;\n  }\n  if (unavailable?.daysOfWeek?.includes(date.weekday)) {\n    return false;\n  }\n  if (minDate && date < minDate) {\n    return false;\n  }\n  if (maxDate && date > maxDate) {\n    return false;\n  }\n  return true;\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAA,GAAgD;AAAA,EAC3D,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc;AAChB;AAEO,MAAM,wBAAA,GAAqD;AAAA,EAChE,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc,YAAA;AAAA,EACd,YAAA,EAAc;AAChB;;ACVO,SAAS,oBACd,CAAA,EAC6B;AAC7B,EAAA,IAAI,CAAA,KAAM,MAAA,IAAa,CAAA,KAAM,IAAA,EAAM;AACjC,IAAA,OAAO,CAAA;AAAA,EACT;AACA,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,OAAA,CAAQ,CAAA,EAAG,EAAE,SAAS,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,CAAA,CAAE,OAAA;AAAA,IAC/D;AAAA,GACF;AACA,EAAA,IAAI,KAAK,OAAA,EAAS;AAChB,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;AACO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA;AACF,CAAA,EAWG;AACD,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAa,OAAA,EAAS,SAAQ,GAAI,WAAA;AACpD,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,WAAW,KAAA,GAAQ,IAAA;AAAA,EAC5B;AACA,EAAA,IAAI,WAAA,EAAa,OAAO,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,MAAA,CAAO,IAAI,CAAC,CAAA,EAAG;AACnD,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,WAAA,EAAa,UAAA,EAAY,QAAA,CAAS,IAAA,CAAK,OAAO,CAAA,EAAG;AACnD,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAA,IAAW,OAAO,OAAA,EAAS;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAA,IAAW,OAAO,OAAA,EAAS;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "1.46.2",
+  "version": "1.46.4",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",