@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/{useBreakpoint-okJ64T1D.js → useBreakpoint-CeaUyHxh.js}

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { B as BreakpointXxl, a as BreakpointXl, b as BreakpointLg, c as BreakpointMd, d as BreakpointSm } from './primitive-C3RFDRA8.js';
+import { B as BreakpointXxl, a as BreakpointXl, b as BreakpointLg, c as BreakpointMd, d as BreakpointSm } from './primitive-DXlHdTFb.js';
 
 const breakpoints = {
   sm: parseInt(BreakpointSm.value),
@@ -66,4 +66,4 @@ const useBreakpoint = (props) => {
 };
 
 export { useBreakpoint as u };
-//# sourceMappingURL=useBreakpoint-okJ64T1D.js.map
+//# sourceMappingURL=useBreakpoint-CeaUyHxh.js.map

package/dist/{useBreakpoint-okJ64T1D.js.map → useBreakpoint-CeaUyHxh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint-okJ64T1D.js","sources":["../src/hooks/useBreakpoint/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nconst breakpoints = {\n  sm: parseInt(core.primitive?.BreakpointSm.value),\n  md: parseInt(core.primitive?.BreakpointMd.value),\n  lg: parseInt(core.primitive?.BreakpointLg.value),\n  xl: parseInt(core.primitive?.BreakpointXl.value),\n  xxl: parseInt(core.primitive?.BreakpointXxl.value),\n};\n\nconst areBreakpointsDefined = Object.values(breakpoints).every(\n  (breakpoint) => breakpoint,\n);\n\n/**\n * Return type for the useBreakpoint hook\n */\nexport type BreakpointReturnProps = {\n  /**\n   * The breakpoint name\n   */\n  name: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n  /**\n   * Minimum width for this breakpoint\n   */\n  min: number | undefined;\n  /**\n   * Maximum width for this breakpoint\n   */\n  max: number | undefined;\n  /**\n   * Current device orientation\n   */\n  orientation: \"portrait\" | \"landscape\";\n  /**\n   * Current viewport width in CSS pixels (from window.innerWidth)\n   */\n  innerWidth: number;\n  /**\n   * Current viewport height in CSS pixels (from window.innerHeight)\n   */\n  innerHeight: number;\n  /**\n   * True for all breakpoints (mobile-first: xs and above)\n   */\n  xs: boolean;\n  /**\n   * True when viewport width >= 640px (mobile-first: sm and above)\n   */\n  sm: boolean;\n  /**\n   * True when viewport width >= 768px (mobile-first: md and above)\n   */\n  md: boolean;\n  /**\n   * True when viewport width >= 1024px (mobile-first: lg and above)\n   */\n  lg: boolean;\n  /**\n   * True when viewport width >= 1280px (mobile-first: xl and above)\n   */\n  xl: boolean;\n  /**\n   * True when viewport width >= 1536px (mobile-first: xxl and above)\n   */\n  xxl: boolean;\n};\n\n/**\n * Calculates mobile-first breakpoint boolean values based on the current breakpoint name.\n * Each property is true when the viewport is at or above that breakpoint.\n *\n * @param name - The current breakpoint name\n * @returns Object with boolean flags for each breakpoint\n */\nfunction getBreakpointFlags(name: BreakpointReturnProps[\"name\"]) {\n  const breakpointOrder = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"] as const;\n  const currentIndex = breakpointOrder.indexOf(name);\n\n  return {\n    xs: currentIndex >= 0,\n    sm: currentIndex >= 1,\n    md: currentIndex >= 2,\n    lg: currentIndex >= 3,\n    xl: currentIndex >= 4,\n    xxl: currentIndex >= 5,\n  };\n}\n\n/**\n * Determines if the current viewport matches a specific breakpoint\n * @param name - The breakpoint name\n * @param min - Minimum width for this breakpoint\n * @param max - Maximum width for this breakpoint\n * @returns Breakpoint information if matched, undefined otherwise\n */\nfunction breakpoint(\n  name: BreakpointReturnProps[\"name\"],\n  min?: number,\n  max?: number,\n): BreakpointReturnProps | undefined {\n  if (globalThis.innerWidth == null || globalThis.innerHeight == null) {\n    return undefined;\n  }\n\n  const viewportWidth = globalThis.innerWidth;\n  const viewportHeight = globalThis.innerHeight;\n\n  if (\n    (min == null || viewportWidth >= min) &&\n    (max == null || viewportWidth < max)\n  ) {\n    return {\n      name,\n      min,\n      max,\n      orientation: viewportHeight > viewportWidth ? \"portrait\" : \"landscape\",\n      innerWidth: viewportWidth,\n      innerHeight: viewportHeight,\n      ...getBreakpointFlags(name),\n    } as const;\n  }\n\n  return undefined;\n}\n\n/**\n * Determines the current breakpoint based on viewport width and hammer-token breakpoint values.\n *\n * Features:\n * - Validates that all required hammer-token breakpoint values are available\n * - Uses cascade logic to determine the appropriate breakpoint\n * - Returns the first matching breakpoint in order of preference\n * - Handles edge cases where breakpoint values are missing\n * - Uses window.innerWidth/innerHeight for viewport measurements\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n *\n * @returns Current breakpoint information or undefined if breakpoint values are unavailable\n */\nconst onResize = () => {\n  if (!areBreakpointsDefined) {\n    return;\n  }\n\n  const { sm, md, lg, xl, xxl } = breakpoints;\n\n  return (\n    breakpoint(\"xs\", undefined, sm) ??\n    breakpoint(\"sm\", sm, md) ??\n    breakpoint(\"md\", md, lg) ??\n    breakpoint(\"lg\", lg, xl) ??\n    breakpoint(\"xl\", xl, xxl) ??\n    breakpoint(\"xxl\", xxl, undefined)\n  );\n};\n\n/**\n * Custom hook for detecting current breakpoint and viewport information.\n *\n * Features:\n * - Detects current breakpoint based on viewport width\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n * - Provides mobile-first boolean props (e.g., `lg` is true for lg, xl, and xxl)\n * - Provides device orientation information\n * - Returns current viewport dimensions\n * - Uses hammer-token breakpoint values for consistency\n * - Listens for window resize events\n * - Supports optional disable functionality\n * - Uses window.innerWidth/innerHeight for viewport measurements\n *\n * @example\n * ```tsx\n * const breakpoint = useBreakpoint();\n * // Mobile-first approach:\n * <div className={cn({ 'p-block-4': breakpoint?.lg })} />\n * ```\n *\n * @param props - Optional configuration object\n * @param props.disable - Whether to disable the hook\n * @returns Current breakpoint information or undefined if disabled\n */\nexport const useBreakpoint = (props?: { disable?: boolean }) => {\n  const [size, setSize] = useState(onResize);\n\n  useEffect(() => {\n    if (!areBreakpointsDefined || props?.disable) return;\n\n    const updateSize = () => {\n      setSize(onResize());\n    };\n\n    globalThis.addEventListener(\"resize\", updateSize);\n\n    return () => {\n      globalThis.removeEventListener(\"resize\", updateSize);\n    };\n  }, [props?.disable]);\n\n  if (props?.disable) return;\n\n  return size;\n};\n"],"names":["core.primitive?.BreakpointSm","core.primitive?.BreakpointMd","core.primitive?.BreakpointLg","core.primitive?.BreakpointXl","core.primitive?.BreakpointXxl","breakpoint"],"mappings":"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"}
+{"version":3,"file":"useBreakpoint-CeaUyHxh.js","sources":["../src/hooks/useBreakpoint/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nconst breakpoints = {\n  sm: parseInt(core.primitive?.BreakpointSm.value),\n  md: parseInt(core.primitive?.BreakpointMd.value),\n  lg: parseInt(core.primitive?.BreakpointLg.value),\n  xl: parseInt(core.primitive?.BreakpointXl.value),\n  xxl: parseInt(core.primitive?.BreakpointXxl.value),\n};\n\nconst areBreakpointsDefined = Object.values(breakpoints).every(\n  (breakpoint) => breakpoint,\n);\n\n/**\n * Return type for the useBreakpoint hook\n */\nexport type BreakpointReturnProps = {\n  /**\n   * The breakpoint name\n   */\n  name: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n  /**\n   * Minimum width for this breakpoint\n   */\n  min: number | undefined;\n  /**\n   * Maximum width for this breakpoint\n   */\n  max: number | undefined;\n  /**\n   * Current device orientation\n   */\n  orientation: \"portrait\" | \"landscape\";\n  /**\n   * Current viewport width in CSS pixels (from window.innerWidth)\n   */\n  innerWidth: number;\n  /**\n   * Current viewport height in CSS pixels (from window.innerHeight)\n   */\n  innerHeight: number;\n  /**\n   * True for all breakpoints (mobile-first: xs and above)\n   */\n  xs: boolean;\n  /**\n   * True when viewport width >= 640px (mobile-first: sm and above)\n   */\n  sm: boolean;\n  /**\n   * True when viewport width >= 768px (mobile-first: md and above)\n   */\n  md: boolean;\n  /**\n   * True when viewport width >= 1024px (mobile-first: lg and above)\n   */\n  lg: boolean;\n  /**\n   * True when viewport width >= 1280px (mobile-first: xl and above)\n   */\n  xl: boolean;\n  /**\n   * True when viewport width >= 1536px (mobile-first: xxl and above)\n   */\n  xxl: boolean;\n};\n\n/**\n * Calculates mobile-first breakpoint boolean values based on the current breakpoint name.\n * Each property is true when the viewport is at or above that breakpoint.\n *\n * @param name - The current breakpoint name\n * @returns Object with boolean flags for each breakpoint\n */\nfunction getBreakpointFlags(name: BreakpointReturnProps[\"name\"]) {\n  const breakpointOrder = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"] as const;\n  const currentIndex = breakpointOrder.indexOf(name);\n\n  return {\n    xs: currentIndex >= 0,\n    sm: currentIndex >= 1,\n    md: currentIndex >= 2,\n    lg: currentIndex >= 3,\n    xl: currentIndex >= 4,\n    xxl: currentIndex >= 5,\n  };\n}\n\n/**\n * Determines if the current viewport matches a specific breakpoint\n * @param name - The breakpoint name\n * @param min - Minimum width for this breakpoint\n * @param max - Maximum width for this breakpoint\n * @returns Breakpoint information if matched, undefined otherwise\n */\nfunction breakpoint(\n  name: BreakpointReturnProps[\"name\"],\n  min?: number,\n  max?: number,\n): BreakpointReturnProps | undefined {\n  if (globalThis.innerWidth == null || globalThis.innerHeight == null) {\n    return undefined;\n  }\n\n  const viewportWidth = globalThis.innerWidth;\n  const viewportHeight = globalThis.innerHeight;\n\n  if (\n    (min == null || viewportWidth >= min) &&\n    (max == null || viewportWidth < max)\n  ) {\n    return {\n      name,\n      min,\n      max,\n      orientation: viewportHeight > viewportWidth ? \"portrait\" : \"landscape\",\n      innerWidth: viewportWidth,\n      innerHeight: viewportHeight,\n      ...getBreakpointFlags(name),\n    } as const;\n  }\n\n  return undefined;\n}\n\n/**\n * Determines the current breakpoint based on viewport width and hammer-token breakpoint values.\n *\n * Features:\n * - Validates that all required hammer-token breakpoint values are available\n * - Uses cascade logic to determine the appropriate breakpoint\n * - Returns the first matching breakpoint in order of preference\n * - Handles edge cases where breakpoint values are missing\n * - Uses window.innerWidth/innerHeight for viewport measurements\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n *\n * @returns Current breakpoint information or undefined if breakpoint values are unavailable\n */\nconst onResize = () => {\n  if (!areBreakpointsDefined) {\n    return;\n  }\n\n  const { sm, md, lg, xl, xxl } = breakpoints;\n\n  return (\n    breakpoint(\"xs\", undefined, sm) ??\n    breakpoint(\"sm\", sm, md) ??\n    breakpoint(\"md\", md, lg) ??\n    breakpoint(\"lg\", lg, xl) ??\n    breakpoint(\"xl\", xl, xxl) ??\n    breakpoint(\"xxl\", xxl, undefined)\n  );\n};\n\n/**\n * Custom hook for detecting current breakpoint and viewport information.\n *\n * Features:\n * - Detects current breakpoint based on viewport width\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n * - Provides mobile-first boolean props (e.g., `lg` is true for lg, xl, and xxl)\n * - Provides device orientation information\n * - Returns current viewport dimensions\n * - Uses hammer-token breakpoint values for consistency\n * - Listens for window resize events\n * - Supports optional disable functionality\n * - Uses window.innerWidth/innerHeight for viewport measurements\n *\n * @example\n * ```tsx\n * const breakpoint = useBreakpoint();\n * // Mobile-first approach:\n * <div className={cn({ 'p-block-4': breakpoint?.lg })} />\n * ```\n *\n * @param props - Optional configuration object\n * @param props.disable - Whether to disable the hook\n * @returns Current breakpoint information or undefined if disabled\n */\nexport const useBreakpoint = (props?: { disable?: boolean }) => {\n  const [size, setSize] = useState(onResize);\n\n  useEffect(() => {\n    if (!areBreakpointsDefined || props?.disable) return;\n\n    const updateSize = () => {\n      setSize(onResize());\n    };\n\n    globalThis.addEventListener(\"resize\", updateSize);\n\n    return () => {\n      globalThis.removeEventListener(\"resize\", updateSize);\n    };\n  }, [props?.disable]);\n\n  if (props?.disable) return;\n\n  return size;\n};\n"],"names":["core.primitive?.BreakpointSm","core.primitive?.BreakpointMd","core.primitive?.BreakpointLg","core.primitive?.BreakpointXl","core.primitive?.BreakpointXxl","breakpoint"],"mappings":"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"}

package/dist/useBreakpoint.js

@@ -1,2 +1,2 @@
-export { u as default, u as useBreakpoint } from './useBreakpoint-okJ64T1D.js';
+export { u as default, u as useBreakpoint } from './useBreakpoint-CeaUyHxh.js';
 //# sourceMappingURL=useBreakpoint.js.map

package/dist/{useDrillDownContext-BssSasVB.js → useDrillDownContext-iUvoTget.js}

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { D as DrillDownContext } from './DrillDown.module-C8VOhzaF.js';
+import { D as DrillDownContext } from './DrillDown.module-D1Bf9_yP.js';
 
 function useDrillDownContext() {
   const context = useContext(DrillDownContext);
@@ -12,4 +12,4 @@ function useDrillDownContext() {
 }
 
 export { useDrillDownContext as u };
-//# sourceMappingURL=useDrillDownContext-BssSasVB.js.map
+//# sourceMappingURL=useDrillDownContext-iUvoTget.js.map

package/dist/{useDrillDownContext-BssSasVB.js.map → useDrillDownContext-iUvoTget.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDrillDownContext-BssSasVB.js","sources":["../src/components/DrillDown/internal/useDrillDownContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrillDownContext } from \"./DrillDownContext\";\n\nexport function useDrillDownContext() {\n  const context = useContext(DrillDownContext);\n  if (!context) {\n    throw new Error(\n      \"useDrillDownContext must be used within a DrillDownContextProvider\",\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,mBAAA,GAAsB;AACpC,EAAA,MAAM,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}
+{"version":3,"file":"useDrillDownContext-iUvoTget.js","sources":["../src/components/DrillDown/internal/useDrillDownContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrillDownContext } from \"./DrillDownContext\";\n\nexport function useDrillDownContext() {\n  const context = useContext(DrillDownContext);\n  if (!context) {\n    throw new Error(\n      \"useDrillDownContext must be used within a DrillDownContextProvider\",\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,mBAAA,GAAsB;AACpC,EAAA,MAAM,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/{useDrilldown-CK9KzXvI.js → useDrilldown-DwzT0Fse.js}

@@ -2,12 +2,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { forwardRef, useRef, useEffect, useCallback } from 'react';
 import { a as getAugmentedNamespace, c as cx } from './index-De1g9FRV.js';
-import { d as drillDownStyles } from './DrillDown.module-C8VOhzaF.js';
-import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, b as isFocusable, c as index_esm } from './usePopoverTransitionStates-B1opfxxn.js';
-import { u as useDrillDownContext } from './useDrillDownContext-BssSasVB.js';
-import { F as Flex } from './Flex-WyyZm1bf.js';
-import { B as Button } from './Button-BdrrhBTI.js';
-import { T as Text } from './Text-DQ78JchQ.js';
+import { d as drillDownStyles } from './DrillDown.module-D1Bf9_yP.js';
+import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, b as isFocusable, c as index_esm } from './usePopoverTransitionStates-CDXCdyKa.js';
+import { u as useDrillDownContext } from './useDrillDownContext-iUvoTget.js';
+import { F as Flex } from './Flex-DOUtHiPi.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
+import { T as Text } from './Text-BH8gglCL.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -1663,7 +1663,7 @@ const DrillDownHeader = forwardRef(
         className: cx(drillDownStyles["header"], className),
         "data-tracking-id": trackingId,
         ref,
-        children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+        children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", flex: "1", children: [
           /* @__PURE__ */ jsxs(Flex, { gap: "4", children: [
             /* @__PURE__ */ jsx("span", { className: drillDownStyles["close-container"], children: /* @__PURE__ */ jsx(
               Button,
@@ -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-CK9KzXvI.js.map
+//# sourceMappingURL=useDrilldown-DwzT0Fse.js.map