@servicetitan/anvil2 3.16.0 → 3.17.0

package/dist/{use-reduced-motion-yYB9Tb0D.js.map → use-reduced-motion-CUshwaEW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-reduced-motion-yYB9Tb0D.js","sources":["../../../node_modules/.pnpm/framer-motion@12.43.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"],"sourcesContent":["\"use client\";\nimport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion } from 'motion-dom';\nimport { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n//# sourceMappingURL=use-reduced-motion.mjs.map\n"],"names":[],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,GAAG;AAC5B;AACA;AACA;AACA,IAAI,CAAC,wBAAwB,CAAC,OAAO,IAAI,wBAAwB,EAAE;AACnE,IAAI,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC;AACvE,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC/C,QAAQ,QAAQ,CAAC,kBAAkB,KAAK,IAAI,EAAE,wFAAwF,EAAE,yBAAyB,CAAC;AAClK,IAAI;AACJ;AACA;AACA;AACA,IAAI,OAAO,kBAAkB;AAC7B;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"use-reduced-motion-CUshwaEW.js","sources":["../../../node_modules/.pnpm/framer-motion@12.43.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"],"sourcesContent":["\"use client\";\nimport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion } from 'motion-dom';\nimport { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n//# sourceMappingURL=use-reduced-motion.mjs.map\n"],"names":[],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,GAAG;AAC5B;AACA;AACA;AACA,IAAI,CAAC,wBAAwB,CAAC,OAAO,IAAI,wBAAwB,EAAE;AACnE,IAAI,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC;AACvE,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC/C,QAAQ,QAAQ,CAAC,kBAAkB,KAAK,IAAI,EAAE,wFAAwF,EAAE,yBAAyB,CAAC;AAClK,IAAI;AACJ;AACA;AACA;AACA,IAAI,OAAO,kBAAkB;AAC7B;;;;","x_google_ignoreList":[0]}

package/dist/{useDrillDownContext-D5_NjqY4.js → useDrillDownContext-BLDjyNEt.js}

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

package/dist/{useDrillDownContext-D5_NjqY4.js.map → useDrillDownContext-BLDjyNEt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDrillDownContext-D5_NjqY4.js","sources":["../src/components/DrillDown/internal/useDrillDownContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrillDownContext } from \"./DrillDownContext\";\n\n/** Reads host DrillDown state. Throws outside Dialog, Drawer, or Page.Panel. */\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":";;;AAIO,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-BLDjyNEt.js","sources":["../src/components/DrillDown/internal/useDrillDownContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrillDownContext } from \"./DrillDownContext\";\n\n/** Reads host DrillDown state. Throws outside Dialog, Drawer, or Page.Panel. */\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":";;;AAIO,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-BOeeNUsy.js → useDrilldown-CGdhHs8L.js}

@@ -2,13 +2,15 @@ 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-1VBKDZRA.js';
+import { d as drillDownStyles } from './DrillDown.module-BFE5BcJB.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-D5_NjqY4.js';
+import { u as useDrillDownContext } from './useDrillDownContext-BLDjyNEt.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
-import { B as Button } from './Button-Dn6-01xl.js';
-import { T as Text } from './Text-rihxXHSe.js';
+import { B as Button } from './Button-B_E6ybA-.js';
+import { M as Menu } from './Menu-DqP7YQgE.js';
+import { T as Text } from './Text-BRbkPr5s.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
+import { S as SvgMoreVert } from './more_vert-C_lJSyxt.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -1646,7 +1648,7 @@ const SvgArrowBackIos = (props) => /* @__PURE__ */ React.createElement("svg", {
 
 const DrillDownHeader = forwardRef(
   (props, ref) => {
-    const { el, className, children, ...rest } = props;
+    const { el, className, children, actions, ...rest } = props;
     const { index, back, onClose } = useDrillDownContext();
     const data = {
       children: childrenToString(props.children)
@@ -1656,6 +1658,18 @@ const DrillDownHeader = forwardRef(
       data,
       hasOverride: !!props["data-tracking-id"]
     });
+    const closeButton = index != null && onClose && onClose[index] ? /* @__PURE__ */ jsx("span", { className: drillDownStyles["close-container"], children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: drillDownStyles["close-button"],
+        size: "small",
+        appearance: "ghost",
+        "aria-label": "Close",
+        "data-anv": "drilldown-header-close-button",
+        icon: SvgClose,
+        onClick: onClose[index]
+      }
+    ) }) : null;
     return /* @__PURE__ */ jsx(
       "header",
       {
@@ -1663,8 +1677,8 @@ const DrillDownHeader = forwardRef(
         className: cx(drillDownStyles["header"], className),
         "data-tracking-id": trackingId,
         ref,
-        children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", flex: "1", children: [
-          /* @__PURE__ */ jsxs(Flex, { gap: "4", children: [
+        children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", flex: "1", children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: "4", alignItems: "flex-start", children: [
             /* @__PURE__ */ jsx("span", { className: drillDownStyles["close-container"], children: /* @__PURE__ */ jsx(
               Button,
               {
@@ -1678,18 +1692,37 @@ const DrillDownHeader = forwardRef(
             ) }),
             /* @__PURE__ */ jsx(Text, { variant: "headline", el: el ?? "h1", children })
           ] }),
-          index != null && onClose && onClose[index] ? /* @__PURE__ */ jsx("span", { className: drillDownStyles["close-container"], children: /* @__PURE__ */ jsx(
-            Button,
+          /* @__PURE__ */ jsxs(
+            Flex,
             {
-              className: drillDownStyles["close-button"],
-              size: "small",
-              appearance: "ghost",
-              "aria-label": "Close",
-              "data-anv": "drilldown-header-close-button",
-              icon: SvgClose,
-              onClick: onClose[index]
+              gap: "1",
+              alignItems: "center",
+              className: drillDownStyles["header-actions"],
+              children: [
+                actions?.length ? /* @__PURE__ */ jsx(
+                  Menu,
+                  {
+                    icon: SvgMoreVert,
+                    size: "small",
+                    appearance: "ghost",
+                    "aria-label": "More actions",
+                    "data-anv": "drilldown-header-actions-button",
+                    children: actions.map((action, actionIndex) => /* @__PURE__ */ jsx(
+                      Menu.Item,
+                      {
+                        label: action.label,
+                        onClick: action.onClick,
+                        disabled: action.disabled,
+                        icon: action.icon
+                      },
+                      `${action.label}-${actionIndex}`
+                    ))
+                  }
+                ) : null,
+                closeButton
+              ]
             }
-          ) }) : null
+          )
         ] })
       }
     );
@@ -1838,9 +1871,9 @@ const DrillDown = Object.assign(
         };
       }, [indexProp, setRegisteredIndices]);
       useEffect(() => {
-        if (onClose && indexProp != null) {
-          setOnClose?.(onClose, indexProp);
-        }
+        if (!onClose || indexProp == null) return;
+        setOnClose?.(onClose, indexProp);
+        return () => setOnClose?.(void 0, indexProp);
       }, [setOnClose, onClose, indexProp]);
       return isActiveScreen ? /* @__PURE__ */ jsx(
         "div",
@@ -1916,4 +1949,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-BOeeNUsy.js.map
+//# sourceMappingURL=useDrilldown-CGdhHs8L.js.map