@servicetitan/anvil2 1.28.0 → 1.30.0

package/dist/{Drawer-BqqZB3Sn.js → Drawer-3T2QLWa7.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useTrackingId } from './useTrackingId.js';
-import { D as Drawer$1, a as DrawerCancelButton$1, b as DrawerFooter$1, c as DrawerHeader$1, d as DrawerContent$1 } from './Drawer-CrXiK2w0-BMzKuNFt.js';
+import { D as Drawer$1, a as DrawerCancelButton$1, b as DrawerFooter$1, c as DrawerHeader$1, d as DrawerContent$1 } from './Drawer-iKaJNkT6-J-zqSmeZ.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
 
 const DrawerElement = forwardRef(
@@ -63,4 +63,4 @@ const Drawer = Object.assign(DrawerElement, {
 });
 
 export { Drawer as D, DrawerCancelButton as a, DrawerFooter as b, DrawerHeader as c, DrawerContent as d };
-//# sourceMappingURL=Drawer-BqqZB3Sn.js.map
+//# sourceMappingURL=Drawer-3T2QLWa7.js.map

package/dist/{Drawer-BqqZB3Sn.js.map → Drawer-3T2QLWa7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-BqqZB3Sn.js","sources":["../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  DrawerProps as CoreDrawerProps,\n  Drawer as CoreDrawer,\n  DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n  DrawerCancelButton as CoreDrawerCancelButton,\n  DrawerFooterProps as CoreDrawerFooterProps,\n  DrawerFooter as CoreDrawerFooter,\n  DrawerHeaderProps as CoreDrawerHeaderProps,\n  DrawerHeader as CoreDrawerHeader,\n  DrawerContentProps as CoreDrawerContentProps,\n  DrawerContent as CoreDrawerContent,\n  childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DrawerProps = CoreDrawerProps;\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n  DataTrackingId;\nexport type DrawerFooterProps = CoreDrawerFooterProps;\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n  (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n    return <CoreDrawer ref={ref} {...props} />;\n  },\n);\n\nexport const DrawerCancelButton = forwardRef(\n  (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerCancelButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerCancelButton\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const DrawerFooter = forwardRef(\n  (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerFooter ref={ref} {...props} />;\n  },\n);\n\nexport const DrawerHeader = forwardRef(\n  (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerHeader\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  },\n);\n\nexport const DrawerContent = forwardRef(\n  (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerContent ref={ref} {...props} />;\n  },\n);\n\nexport const Drawer = Object.assign(DrawerElement, {\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Content: DrawerContent,\n  CancelButton: DrawerCancelButton,\n});\n"],"names":["CoreDrawer","CoreDrawerCancelButton","CoreDrawerFooter","CoreDrawerHeader","CoreDrawerContent"],"mappings":";;;;;;AAwBA,MAAM,aAAgB,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAAgC,KAAA;AACnD,IAAA,uBAAQ,GAAA,CAAAA,QAAA,EAAA,EAAW,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5C,CAAA;AAEO,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAgC,GAAgC,KAAA;AAC/D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,oBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IACE,uBAAA,GAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAkB,EAAA,UAAA;AAAA,QACjB,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAC,cAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAA6B,KAAA;AACvD,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AAEa,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,EACjD,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YAAA;AAAA,EACR,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA;AAChB,CAAC;;;;"}
+{"version":3,"file":"Drawer-3T2QLWa7.js","sources":["../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  DrawerProps as CoreDrawerProps,\n  Drawer as CoreDrawer,\n  DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n  DrawerCancelButton as CoreDrawerCancelButton,\n  DrawerFooterProps as CoreDrawerFooterProps,\n  DrawerFooter as CoreDrawerFooter,\n  DrawerHeaderProps as CoreDrawerHeaderProps,\n  DrawerHeader as CoreDrawerHeader,\n  DrawerContentProps as CoreDrawerContentProps,\n  DrawerContent as CoreDrawerContent,\n  childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DrawerProps = CoreDrawerProps;\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n  DataTrackingId;\nexport type DrawerFooterProps = CoreDrawerFooterProps;\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n  (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n    return <CoreDrawer ref={ref} {...props} />;\n  },\n);\n\nexport const DrawerCancelButton = forwardRef(\n  (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerCancelButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerCancelButton\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const DrawerFooter = forwardRef(\n  (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerFooter ref={ref} {...props} />;\n  },\n);\n\nexport const DrawerHeader = forwardRef(\n  (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerHeader\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  },\n);\n\nexport const DrawerContent = forwardRef(\n  (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerContent ref={ref} {...props} />;\n  },\n);\n\nexport const Drawer = Object.assign(DrawerElement, {\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Content: DrawerContent,\n  CancelButton: DrawerCancelButton,\n});\n"],"names":["CoreDrawer","CoreDrawerCancelButton","CoreDrawerFooter","CoreDrawerHeader","CoreDrawerContent"],"mappings":";;;;;;AAwBA,MAAM,aAAgB,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAAgC,KAAA;AACnD,IAAA,uBAAQ,GAAA,CAAAA,QAAA,EAAA,EAAW,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5C,CAAA;AAEO,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAgC,GAAgC,KAAA;AAC/D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,oBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IACE,uBAAA,GAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAkB,EAAA,UAAA;AAAA,QACjB,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAC,cAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAA6B,KAAA;AACvD,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AAEa,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,EACjD,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YAAA;AAAA,EACR,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA;AAChB,CAAC;;;;"}

package/dist/{Drawer-CrXiK2w0-BMzKuNFt.js → Drawer-iKaJNkT6-J-zqSmeZ.js}

@@ -1,35 +1,35 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, createContext, useRef, useState, useId, useCallback, useEffect, useMemo, useContext } from 'react';
+import { forwardRef, createContext, useRef, useState, useEffect, useMemo, useContext } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { T as Text } from './Text-C2n3GDdC-rz_AelM0.js';
-import { B as Button } from './Button-Ce--YZ9L-Csh0Zzuf.js';
+import { T as Text } from './Text-Cww9Ifu2-CQ6MA3B0.js';
+import { B as Button } from './Button-d6MSiD0q-Cu4AHmR0.js';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
 import { u as useKeyboardFocusables } from './useKeyboardFocusables-CwVMAe5C-DtjYOAmt.js';
 
-import './Drawer-CrXiK2w0.css';const drawer = "_drawer_1gqlt_3";
-const container = "_container_1gqlt_28";
-const content = "_content_1gqlt_41";
-const header = "_header_1gqlt_48";
-const footer = "_footer_1gqlt_72";
-const remove = "_remove_1gqlt_90";
-const large = "_large_1gqlt_99";
-const sticky = "_sticky_1gqlt_102";
+import './Drawer-iKaJNkT6.css';const drawer = "_drawer_pysn1_3";
+const container = "_container_pysn1_29";
+const content = "_content_pysn1_42";
+const header = "_header_pysn1_49";
+const footer = "_footer_pysn1_73";
+const remove = "_remove_pysn1_91";
+const large = "_large_pysn1_100";
+const sticky = "_sticky_pysn1_103";
 const styles = {
 	drawer: drawer,
-	"close-drawer": "_close-drawer_1gqlt_1",
-	"open-drawer": "_open-drawer_1gqlt_1",
-	"open-backdrop": "_open-backdrop_1gqlt_1",
+	"close-drawer": "_close-drawer_pysn1_1",
+	"open-drawer": "_open-drawer_pysn1_1",
+	"open-backdrop": "_open-backdrop_pysn1_1",
 	container: container,
 	content: content,
 	header: header,
-	"close-container": "_close-container_1gqlt_65",
+	"close-container": "_close-container_pysn1_66",
 	footer: footer,
 	remove: remove,
-	"close-backdrop": "_close-backdrop_1gqlt_1",
+	"close-backdrop": "_close-backdrop_pysn1_1",
 	large: large,
 	sticky: sticky,
-	"close-button": "_close-button_1gqlt_108"
+	"close-button": "_close-button_pysn1_109"
 };
 
 const DrawerCancelButton = forwardRef((props, ref) => {
@@ -126,70 +126,94 @@ const DrawerElement = forwardRef(
       disableCloseOnEscape = false,
       disableCloseOnClickOutside = false,
       size = "medium",
+      enableScrollChaining,
       ...rest
     } = props;
     const elRef = useRef(null);
     const contentRef = useRef(null);
-    const bodyRef = useRef(null);
     const combinedRef = useMergeRefs([elRef, ref]);
     const [remove, setRemove] = useState(false);
-    const id = useId();
     const DrawerClassNames = cx([styles.drawer], className, {
       [styles.remove]: remove,
       [styles.large]: size === "large"
     });
-    const { focusables, updateFocusables } = useKeyboardFocusables(contentRef, {
+    const { focusables } = useKeyboardFocusables(contentRef, {
       observeChange: false
     });
     const firstFocusable = focusables?.[0];
     const lastFocusable = focusables?.[focusables.length - 1];
-    const removeBodyClass = useCallback(() => {
-      if (bodyRef.current) {
-        const drawersOpen = bodyRef.current.dataset.drawersOpen ? bodyRef.current.dataset.drawersOpen.split(" ") : [];
-        const newDrawersOpen = drawersOpen.filter((item) => item !== id);
-        if (newDrawersOpen.length === 0) {
-          bodyRef.current.removeAttribute("data-drawers-open");
-          bodyRef.current?.classList.remove("drawer-open");
-        } else {
-          bodyRef.current.dataset.drawersOpen = newDrawersOpen.join(" ");
-        }
-      }
-    }, [id]);
     useEffect(() => {
       if (open) {
         onOpen?.();
         elRef.current?.showModal();
-        if (!bodyRef.current) {
-          const body = elRef.current?.closest("body");
-          body && (bodyRef.current = body);
-        }
-        updateFocusables();
-        if (focusables) {
-          if (focusables[0]?.dataset.anv === "drawer-header-close-button" && focusables[1]) {
-            focusables[1].focus();
-          } else {
-            focusables[0]?.focus();
-          }
-        }
-        bodyRef.current?.classList.add("drawer-open");
-        if (bodyRef.current) {
-          const drawersOpen = bodyRef.current.dataset.drawersOpen ? bodyRef.current.dataset.drawersOpen.split(" ") : [];
-          if (drawersOpen.includes(id)) return;
-          drawersOpen.push(id);
-          bodyRef.current.dataset.drawersOpen = drawersOpen.join(" ");
-        }
         return;
       }
       setRemove(true);
       setTimeout(() => {
         elRef.current?.close();
-        removeBodyClass();
         setRemove(false);
       }, 200);
-    }, [id, onOpen, open, removeBodyClass]);
+    }, [onOpen, open]);
     useEffect(() => {
-      return () => removeBodyClass();
-    }, [removeBodyClass]);
+      if (!open) return;
+      if (!focusables) return;
+      const activeElement = document.activeElement;
+      if (activeElement.dataset.anv !== "drawer-header-close-button" && focusables.includes(activeElement)) {
+        return;
+      }
+      if (focusables[0]?.dataset.anv === "drawer-header-close-button" && focusables[1]) {
+        focusables[1].focus();
+      } else {
+        focusables[0]?.focus();
+      }
+    }, [open, focusables]);
+    useEffect(() => {
+      if (!open || enableScrollChaining) return;
+      let blockDocumentScroll = false;
+      const content = contentRef.current;
+      const scrollHandler = (e) => {
+        const target = e.target;
+        const isShadow2 = contentRef.current?.getRootNode() instanceof ShadowRoot;
+        const isOverflowing = elRef.current && elRef.current.scrollHeight > elRef.current.clientHeight;
+        if (isShadow2) {
+          if (blockDocumentScroll) {
+            e.preventDefault();
+            return;
+          }
+          return;
+        }
+        if (!isOverflowing || !content?.contains(target)) {
+          e.preventDefault();
+          return;
+        }
+        return;
+      };
+      const shadowScrollHandler = (e) => {
+        const target = e.target;
+        const isTargetInsideContent = content?.contains(target);
+        const isOverflowing = elRef.current && elRef.current.scrollHeight > elRef.current.clientHeight;
+        blockDocumentScroll = !isTargetInsideContent;
+        if (!isOverflowing || !content?.contains(target)) {
+          e.preventDefault();
+        }
+        return;
+      };
+      const isShadow = content?.getRootNode() instanceof ShadowRoot;
+      document.addEventListener("wheel", scrollHandler, {
+        passive: false
+      });
+      if (isShadow) {
+        content?.getRootNode().addEventListener("wheel", shadowScrollHandler, {
+          passive: false
+        });
+      }
+      return () => {
+        document.getRootNode().removeEventListener("wheel", scrollHandler);
+        if (isShadow) {
+          content?.getRootNode().removeEventListener("wheel", shadowScrollHandler);
+        }
+      };
+    }, [enableScrollChaining, open]);
     const onCancelHandler = (e) => {
       e.preventDefault();
       if (disableCloseOnEscape) return;
@@ -223,13 +247,12 @@ const DrawerElement = forwardRef(
       const close = () => {
         setRemove(true);
         setTimeout(() => {
-          removeBodyClass();
           elRef.current?.close();
           onClose?.();
         }, 200);
       };
       return { close };
-    }, [onClose, removeBodyClass]);
+    }, [onClose]);
     return (
       // dialog element does seem to be interactive on MDN guideline
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
@@ -243,7 +266,15 @@ const DrawerElement = forwardRef(
           onClick: onClickHandler,
           onKeyDown: onKeyDownHandler,
           ...rest,
-          children: /* @__PURE__ */ jsx(DrawerContext.Provider, { value, children: /* @__PURE__ */ jsx("section", { ref: contentRef, className: styles.container, children }) })
+          children: /* @__PURE__ */ jsx(DrawerContext.Provider, { value, children: /* @__PURE__ */ jsx(
+            "section",
+            {
+              ref: contentRef,
+              className: styles.container,
+              "data-open": open,
+              children
+            }
+          ) })
         }
       )
     );
@@ -267,4 +298,4 @@ const Drawer = Object.assign(DrawerElement, {
 });
 
 export { Drawer as D, DrawerCancelButton as a, DrawerFooter as b, DrawerHeader as c, DrawerContent as d, DrawerContext as e };
-//# sourceMappingURL=Drawer-CrXiK2w0-BMzKuNFt.js.map
+//# sourceMappingURL=Drawer-iKaJNkT6-J-zqSmeZ.js.map

package/dist/Drawer-iKaJNkT6-J-zqSmeZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-iKaJNkT6-J-zqSmeZ.js","sources":["../../hammer-react/dist/Drawer-iKaJNkT6.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, createContext, useRef, useState, useEffect, useMemo, useContext } from 'react';\nimport cx from 'classnames';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { T as Text } from './Text-Cww9Ifu2.js';\nimport { B as Button } from './Button-d6MSiD0q.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\nimport { u as useKeyboardFocusables } from './useKeyboardFocusables-CwVMAe5C.js';\n\nimport './Drawer.css';const drawer = \"_drawer_pysn1_3\";\nconst container = \"_container_pysn1_29\";\nconst content = \"_content_pysn1_42\";\nconst header = \"_header_pysn1_49\";\nconst footer = \"_footer_pysn1_73\";\nconst remove = \"_remove_pysn1_91\";\nconst large = \"_large_pysn1_100\";\nconst sticky = \"_sticky_pysn1_103\";\nconst styles = {\n\tdrawer: drawer,\n\t\"close-drawer\": \"_close-drawer_pysn1_1\",\n\t\"open-drawer\": \"_open-drawer_pysn1_1\",\n\t\"open-backdrop\": \"_open-backdrop_pysn1_1\",\n\tcontainer: container,\n\tcontent: content,\n\theader: header,\n\t\"close-container\": \"_close-container_pysn1_66\",\n\tfooter: footer,\n\tremove: remove,\n\t\"close-backdrop\": \"_close-backdrop_pysn1_1\",\n\tlarge: large,\n\tsticky: sticky,\n\t\"close-button\": \"_close-button_pysn1_109\"\n};\n\nconst DrawerCancelButton = forwardRef((props, ref) => {\n  const { onClick, ...rest } = props;\n  const { close } = useDrawerContext();\n  const onClickHandler = (e) => {\n    onClick?.(e);\n    close();\n  };\n  return /* @__PURE__ */ jsx(\n    Button,\n    {\n      \"aria-label\": \"Close drawer\",\n      \"data-anv\": \"drawer-cancel-button\",\n      onClick: onClickHandler,\n      ref,\n      ...rest\n    }\n  );\n});\nDrawerCancelButton.displayName = \"DrawerCancelButton\";\n\nconst DrawerHeader = forwardRef(\n  (props, ref) => {\n    const { children } = props;\n    return /* @__PURE__ */ jsxs(\"header\", { className: styles.header, \"data-anv\": \"drawer-header\", ref, children: [\n      /* @__PURE__ */ jsx(Text, { variant: \"headline\", el: \"h1\", children }),\n      /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n        DrawerCancelButton,\n        {\n          className: styles[\"close-button\"],\n          size: \"small\",\n          appearance: \"ghost\",\n          \"aria-label\": \"Close drawer\",\n          \"data-anv\": \"drawer-header-close-button\",\n          icon: Close\n        }\n      ) })\n    ] });\n  }\n);\nDrawerHeader.displayName = \"DrawerHeader\";\n\nconst DrawerFooter = forwardRef(\n  (props, ref) => {\n    const { children, sticky = false, ...rest } = props;\n    const DrawerFooterCX = cx(styles.footer, {\n      [styles[\"sticky\"]]: sticky\n    });\n    return /* @__PURE__ */ jsx(\n      \"footer\",\n      {\n        className: DrawerFooterCX,\n        \"data-anv\": \"drawer-footer\",\n        ref,\n        ...rest,\n        children\n      }\n    );\n  }\n);\nDrawerFooter.displayName = \"DrawerFooter\";\n\nconst DrawerContent = forwardRef(\n  (props, ref) => {\n    const { children, ...rest } = props;\n    const DrawerContentCX = cx(styles.content, {});\n    return /* @__PURE__ */ jsx(\n      \"div\",\n      {\n        className: DrawerContentCX,\n        \"data-anv\": \"drawer-content\",\n        ref,\n        ...rest,\n        children\n      }\n    );\n  }\n);\nDrawerContent.displayName = \"DrawerContent\";\n\nconst DrawerContext = createContext(null);\nconst DrawerElement = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      open = false,\n      children,\n      onOpen,\n      onClose,\n      onCancel,\n      onClick,\n      onKeyDown,\n      disableCloseOnEscape = false,\n      disableCloseOnClickOutside = false,\n      size = \"medium\",\n      enableScrollChaining,\n      ...rest\n    } = props;\n    const elRef = useRef(null);\n    const contentRef = useRef(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n    const [remove, setRemove] = useState(false);\n    const DrawerClassNames = cx([styles.drawer], className, {\n      [styles.remove]: remove,\n      [styles.large]: size === \"large\"\n    });\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: false\n    });\n    const firstFocusable = focusables?.[0];\n    const lastFocusable = focusables?.[focusables.length - 1];\n    useEffect(() => {\n      if (open) {\n        onOpen?.();\n        elRef.current?.showModal();\n        return;\n      }\n      setRemove(true);\n      setTimeout(() => {\n        elRef.current?.close();\n        setRemove(false);\n      }, 200);\n    }, [onOpen, open]);\n    useEffect(() => {\n      if (!open) return;\n      if (!focusables) return;\n      const activeElement = document.activeElement;\n      if (activeElement.dataset.anv !== \"drawer-header-close-button\" && focusables.includes(activeElement)) {\n        return;\n      }\n      if (focusables[0]?.dataset.anv === \"drawer-header-close-button\" && focusables[1]) {\n        focusables[1].focus();\n      } else {\n        focusables[0]?.focus();\n      }\n    }, [open, focusables]);\n    useEffect(() => {\n      if (!open || enableScrollChaining) return;\n      let blockDocumentScroll = false;\n      const content = contentRef.current;\n      const scrollHandler = (e) => {\n        const target = e.target;\n        const isShadow2 = contentRef.current?.getRootNode() instanceof ShadowRoot;\n        const isOverflowing = elRef.current && elRef.current.scrollHeight > elRef.current.clientHeight;\n        if (isShadow2) {\n          if (blockDocumentScroll) {\n            e.preventDefault();\n            return;\n          }\n          return;\n        }\n        if (!isOverflowing || !content?.contains(target)) {\n          e.preventDefault();\n          return;\n        }\n        return;\n      };\n      const shadowScrollHandler = (e) => {\n        const target = e.target;\n        const isTargetInsideContent = content?.contains(target);\n        const isOverflowing = elRef.current && elRef.current.scrollHeight > elRef.current.clientHeight;\n        blockDocumentScroll = !isTargetInsideContent;\n        if (!isOverflowing || !content?.contains(target)) {\n          e.preventDefault();\n        }\n        return;\n      };\n      const isShadow = content?.getRootNode() instanceof ShadowRoot;\n      document.addEventListener(\"wheel\", scrollHandler, {\n        passive: false\n      });\n      if (isShadow) {\n        content?.getRootNode().addEventListener(\"wheel\", shadowScrollHandler, {\n          passive: false\n        });\n      }\n      return () => {\n        document.getRootNode().removeEventListener(\"wheel\", scrollHandler);\n        if (isShadow) {\n          content?.getRootNode().removeEventListener(\"wheel\", shadowScrollHandler);\n        }\n      };\n    }, [enableScrollChaining, open]);\n    const onCancelHandler = (e) => {\n      e.preventDefault();\n      if (disableCloseOnEscape) return;\n      onClose?.();\n    };\n    const onClickHandler = (e) => {\n      onClick?.(e);\n      const target = e.target;\n      if (!contentRef.current?.contains(target)) {\n        e.preventDefault();\n        if (disableCloseOnClickOutside) return;\n        onClose?.();\n      }\n    };\n    const onKeyDownHandler = (e) => {\n      onKeyDown?.(e);\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === firstFocusable) {\n          e.preventDefault();\n          lastFocusable?.focus();\n          return;\n        }\n        if (e.target === lastFocusable && !e.shiftKey) {\n          e.preventDefault();\n          firstFocusable?.focus();\n          return;\n        }\n      }\n    };\n    const value = useMemo(() => {\n      const close = () => {\n        setRemove(true);\n        setTimeout(() => {\n          elRef.current?.close();\n          onClose?.();\n        }, 200);\n      };\n      return { close };\n    }, [onClose]);\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n      /* @__PURE__ */ jsx(\n        \"dialog\",\n        {\n          className: DrawerClassNames,\n          \"data-anv\": \"drawer\",\n          ref: combinedRef,\n          onCancel: onCancelHandler,\n          onClick: onClickHandler,\n          onKeyDown: onKeyDownHandler,\n          ...rest,\n          children: /* @__PURE__ */ jsx(DrawerContext.Provider, { value, children: /* @__PURE__ */ jsx(\n            \"section\",\n            {\n              ref: contentRef,\n              className: styles.container,\n              \"data-open\": open,\n              children\n            }\n          ) })\n        }\n      )\n    );\n  }\n);\nfunction useDrawerContext() {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\n      \"useDrawerContext must be used within a DrawerContextProvider\"\n    );\n  }\n  return context;\n}\nDrawerElement.displayName = \"Drawer\";\nconst Drawer = Object.assign(DrawerElement, {\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Content: DrawerContent,\n  CancelButton: DrawerCancelButton\n});\n\nexport { Drawer as D, DrawerContext as a, DrawerCancelButton as b, DrawerFooter as c, DrawerHeader as d, DrawerContent as e };\n//# sourceMappingURL=Drawer-iKaJNkT6.js.map\n"],"names":["Close"],"mappings":"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"}

package/dist/{Drawer-CrXiK2w0.css → Drawer-iKaJNkT6.css}

@@ -2,13 +2,13 @@
 
 @layer starter, reset, base, state, application;
 @layer base {
-  ._drawer_1gqlt_3 {
+  ._drawer_pysn1_3 {
     border: none;
     background: transparent;
     padding-block: 0;
     padding-inline: 0;
     outline: none;
-    animation: _close-drawer_1gqlt_1 2s forwards;
+    animation: _close-drawer_pysn1_1 2s forwards;
     transition: width 200ms;
     width: 35rem;
     height: 100%;
@@ -19,15 +19,16 @@
     margin-block-end: 0;
     max-height: 100dvh;
     margin-inline-end: 0;
+    overscroll-behavior: contain;
     --xpos: 10rem;
   }
-  ._drawer_1gqlt_3[open] {
-    animation: _open-drawer_1gqlt_1 300ms forwards;
+  ._drawer_pysn1_3[open] {
+    animation: _open-drawer_pysn1_1 300ms forwards;
   }
-  ._drawer_1gqlt_3[open]::backdrop {
-    animation: _open-backdrop_1gqlt_1 200ms forwards;
+  ._drawer_pysn1_3[open]::backdrop {
+    animation: _open-backdrop_pysn1_1 200ms forwards;
   }
-  ._drawer_1gqlt_3 ._container_1gqlt_28 {
+  ._drawer_pysn1_3 ._container_pysn1_29 {
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
     color: var(--foreground-color, #141414);
@@ -40,14 +41,14 @@
     gap: 1.5rem;
     min-height: 100%;
   }
-  ._drawer_1gqlt_3 ._container_1gqlt_28 ._content_1gqlt_41 {
+  ._drawer_pysn1_3 ._container_pysn1_29 ._content_pysn1_42 {
     flex-grow: 1;
     padding-block-start: 0.25rem;
     padding-block-end: 0.25rem;
     font-size: 1rem;
     isolation: isolate;
   }
-  ._header_1gqlt_48 {
+  ._header_pysn1_49 {
     position: sticky;
     inset-block-start: 0;
     display: flex;
@@ -60,18 +61,18 @@
     font-size: 1rem;
     z-index: 1;
   }
-  ._header_1gqlt_48 h1 {
+  ._header_pysn1_49 h1 {
     margin-block: 0;
     margin-inline: 0;
   }
-  ._header_1gqlt_48 ._close-container_1gqlt_65 {
+  ._header_pysn1_49 ._close-container_pysn1_66 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 1.5625rem;
     height: 1.5625rem;
   }
-  ._footer_1gqlt_72 {
+  ._footer_pysn1_73 {
     display: flex;
     gap: 0.75rem;
     justify-content: flex-end;
@@ -85,36 +86,36 @@
 }
 @layer state {
   @media (prefers-reduced-motion: reduce) {
-    ._drawer_1gqlt_3 {
+    ._drawer_pysn1_3 {
       --xpos: 0;
     }
   }
-  ._drawer_1gqlt_3._remove_1gqlt_90[open] {
-    animation: _close-drawer_1gqlt_1 300ms forwards;
+  ._drawer_pysn1_3._remove_pysn1_91[open] {
+    animation: _close-drawer_pysn1_1 300ms forwards;
   }
-  ._drawer_1gqlt_3._remove_1gqlt_90[open]::backdrop {
-    animation: _close-backdrop_1gqlt_1 200ms forwards;
+  ._drawer_pysn1_3._remove_pysn1_91[open]::backdrop {
+    animation: _close-backdrop_pysn1_1 200ms forwards;
   }
-  ._drawer_1gqlt_3::backdrop {
+  ._drawer_pysn1_3::backdrop {
     background: #040404;
   }
-  ._drawer_1gqlt_3._large_1gqlt_99 {
+  ._drawer_pysn1_3._large_pysn1_100 {
     width: 48rem;
   }
-  ._drawer_1gqlt_3 ._footer_1gqlt_72._sticky_1gqlt_102 {
+  ._drawer_pysn1_3 ._footer_pysn1_73._sticky_pysn1_103 {
     position: sticky;
     inset-block-end: 0;
   }
 }
 @layer application {
-  ._drawer_1gqlt_3 ._header_1gqlt_48 ._close-button_1gqlt_108 {
+  ._drawer_pysn1_3 ._header_pysn1_49 ._close-button_pysn1_109 {
     color: var(--foreground-color, #141414);
   }
 }
 .drawer-open {
   overflow: hidden;
 }
-@keyframes _open-drawer_1gqlt_1 {
+@keyframes _open-drawer_pysn1_1 {
   from {
     opacity: 0;
     transform: translateX(var(--xpos));
@@ -124,7 +125,7 @@
     transform: translateX(0%);
   }
 }
-@keyframes _close-drawer_1gqlt_1 {
+@keyframes _close-drawer_pysn1_1 {
   from {
     opacity: 1;
     transform: translateX(0%);
@@ -134,7 +135,7 @@
     transform: translateX(var(--xpos));
   }
 }
-@keyframes _open-backdrop_1gqlt_1 {
+@keyframes _open-backdrop_pysn1_1 {
   from {
     opacity: 0;
   }
@@ -142,7 +143,7 @@
     opacity: 0.6;
   }
 }
-@keyframes _close-backdrop_1gqlt_1 {
+@keyframes _close-backdrop_pysn1_1 {
   from {
     opacity: 0.6;
   }

package/dist/Drawer.js

@@ -1,2 +1,2 @@
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader, D as default } from './Drawer-BqqZB3Sn.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader, D as default } from './Drawer-3T2QLWa7.js';
 //# sourceMappingURL=Drawer.js.map

package/dist/{EditCard-Nwz2BjY0.js → EditCard-C6oNHLbs.js}

@@ -2,30 +2,32 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { C as Card } from './Card-js75vKLt-Bk6ujopM.js';
-import { T as Text } from './Text-C2n3GDdC-rz_AelM0.js';
-import { I as Icon } from './Icon-DbHA5GV1-DwO2aGkj.js';
-import { B as Button } from './Button-Ce--YZ9L-Csh0Zzuf.js';
+import { C as Card } from './Card-BMCXcu4G-1lTzfu7j.js';
+import { T as Text } from './Text-Cww9Ifu2-CQ6MA3B0.js';
+import { I as Icon } from './Icon-CBPJUFc8-vsWbtf2w.js';
+import { B as Button } from './Button-d6MSiD0q-Cu4AHmR0.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6-BkgAan7h.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-nygE3Tbf-DIwTnwoj.js';
 
 import './EditCard.css';const SvgPriorityHigh = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 19, r: 2 }), /* @__PURE__ */ React.createElement("path", { d: "M12 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z" }));
 
-const container = "_container_k0jkl_12";
-const header = "_header_k0jkl_18";
-const indicator = "_indicator_k0jkl_26";
-const heading = "_heading_k0jkl_55";
-const footer = "_footer_k0jkl_58";
+const container = "_container_zpv1y_12";
+const header = "_header_zpv1y_18";
+const content = "_content_zpv1y_26";
+const indicator = "_indicator_zpv1y_29";
+const heading = "_heading_zpv1y_58";
+const footer = "_footer_zpv1y_61";
 const styles = {
-	"edit-card": "_edit-card_k0jkl_3",
-	"edit-card-error": "_edit-card-error_k0jkl_6",
-	"edit-card-in-progress": "_edit-card-in-progress_k0jkl_9",
+	"edit-card": "_edit-card_zpv1y_3",
+	"edit-card-error": "_edit-card-error_zpv1y_6",
+	"edit-card-in-progress": "_edit-card-in-progress_zpv1y_9",
 	container: container,
 	header: header,
+	content: content,
 	indicator: indicator,
-	"indicator-in-progress": "_indicator-in-progress_k0jkl_37",
-	"indicator-complete": "_indicator-complete_k0jkl_41",
-	"indicator-error": "_indicator-error_k0jkl_45",
+	"indicator-in-progress": "_indicator-in-progress_zpv1y_40",
+	"indicator-complete": "_indicator-complete_zpv1y_44",
+	"indicator-error": "_indicator-error_zpv1y_48",
 	heading: heading,
 	footer: footer
 };
@@ -52,17 +54,13 @@ const EditCard$1 = forwardRef(
       styles[`edit-card-${kebabState}`],
       className
     );
-    const styleCombined = {
-      ...style,
-      ...layoutStyles
-    };
     return /* @__PURE__ */ jsxs(
       Card,
       {
         padding: "large",
         className: editCardClassNames,
         "data-anv": "edit-card",
-        style: styleCombined,
+        style,
         ref,
         ...rest,
         children: [
@@ -88,7 +86,7 @@ const EditCard$1 = forwardRef(
                 }
               )
             ] }),
-            children && /* @__PURE__ */ jsx("div", { className: styles.content, children }),
+            children && /* @__PURE__ */ jsx("div", { className: styles.content, style: layoutStyles, children }),
             state === "in progress" && /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
               /* @__PURE__ */ jsx(Button, { onClick: () => onStateChange?.("cancel"), children: "Cancel" }),
               /* @__PURE__ */ jsx(
@@ -116,4 +114,4 @@ const EditCard = forwardRef(
 );
 
 export { EditCard as E };
-//# sourceMappingURL=EditCard-Nwz2BjY0.js.map
+//# sourceMappingURL=EditCard-C6oNHLbs.js.map

package/dist/EditCard-C6oNHLbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCard-C6oNHLbs.js","sources":["../../hammer-icon/mdi/round/priority_high.svg","../../hammer-react/dist/EditCard-CAI1Gp29.js","../src/components/EditCard/EditCard.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgPriorityHigh = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"circle\", { cx: 12, cy: 19, r: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgPriorityHigh;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { C as Card } from './Card-BMCXcu4G.js';\nimport { T as Text } from './Text-Cww9Ifu2.js';\nimport { I as Icon } from './Icon-CBPJUFc8.js';\nimport { B as Button } from './Button-d6MSiD0q.js';\nimport Check from '@servicetitan/hammer-icon/mdi/round/check.svg';\nimport PriorityHigh from '@servicetitan/hammer-icon/mdi/round/priority_high.svg';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-nygE3Tbf.js';\n\nimport './EditCard.css';const container = \"_container_zpv1y_12\";\nconst header = \"_header_zpv1y_18\";\nconst content = \"_content_zpv1y_26\";\nconst indicator = \"_indicator_zpv1y_29\";\nconst heading = \"_heading_zpv1y_58\";\nconst footer = \"_footer_zpv1y_61\";\nconst styles = {\n\t\"edit-card\": \"_edit-card_zpv1y_3\",\n\t\"edit-card-error\": \"_edit-card-error_zpv1y_6\",\n\t\"edit-card-in-progress\": \"_edit-card-in-progress_zpv1y_9\",\n\tcontainer: container,\n\theader: header,\n\tcontent: content,\n\tindicator: indicator,\n\t\"indicator-in-progress\": \"_indicator-in-progress_zpv1y_40\",\n\t\"indicator-complete\": \"_indicator-complete_zpv1y_44\",\n\t\"indicator-error\": \"_indicator-error_zpv1y_48\",\n\theading: heading,\n\tfooter: footer\n};\n\nconst EditCard = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      style,\n      headerText,\n      state,\n      editButtonText = \"Edit\",\n      saveButtonText = \"Save\",\n      disableEdit = false,\n      disableSave = false,\n      onStateChange,\n      ...rest\n    } = componentProps;\n    const kebabState = state?.replaceAll(\" \", \"-\");\n    const editCardClassNames = cx(\n      styles[\"edit-card\"],\n      styles[`edit-card-${kebabState}`],\n      className\n    );\n    return /* @__PURE__ */ jsxs(\n      Card,\n      {\n        padding: \"large\",\n        className: editCardClassNames,\n        \"data-anv\": \"edit-card\",\n        style,\n        ref,\n        ...rest,\n        children: [\n          /* @__PURE__ */ jsxs(\n            \"div\",\n            {\n              className: cx(styles.indicator, styles[`indicator-${kebabState}`]),\n              children: [\n                state === \"complete\" && /* @__PURE__ */ jsx(Icon, { svg: Check }),\n                state === \"error\" && /* @__PURE__ */ jsx(Icon, { svg: PriorityHigh })\n              ]\n            }\n          ),\n          /* @__PURE__ */ jsxs(\"div\", { className: styles.container, children: [\n            /* @__PURE__ */ jsxs(\"div\", { className: styles.header, children: [\n              /* @__PURE__ */ jsx(Text, { className: styles.heading, variant: \"headline\", el: \"h3\", children: typeof headerText === \"string\" ? headerText : headerText[state] }),\n              state !== \"in progress\" && /* @__PURE__ */ jsx(\n                Button,\n                {\n                  disabled: disableEdit,\n                  onClick: () => onStateChange?.(\"edit\"),\n                  children: editButtonText\n                }\n              )\n            ] }),\n            children && /* @__PURE__ */ jsx(\"div\", { className: styles.content, style: layoutStyles, children }),\n            state === \"in progress\" && /* @__PURE__ */ jsxs(\"div\", { className: styles.footer, children: [\n              /* @__PURE__ */ jsx(Button, { onClick: () => onStateChange?.(\"cancel\"), children: \"Cancel\" }),\n              /* @__PURE__ */ jsx(\n                Button,\n                {\n                  appearance: \"primary\",\n                  onClick: () => onStateChange?.(\"save\"),\n                  disabled: disableSave,\n                  children: saveButtonText\n                }\n              )\n            ] })\n          ] })\n        ]\n      }\n    );\n  }\n);\nEditCard.displayName = \"EditCard\";\n\nexport { EditCard as E };\n//# sourceMappingURL=EditCard-CAI1Gp29.js.map\n","import {\n  EditCardProps as CoreEditCardProps,\n  EditCard as CoreEditCard,\n  EditCardChange as CoreEditCardChange,\n  EditCardState as CoreEditCardState,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type EditCardProps = CoreEditCardProps;\nexport type EditCardChange = CoreEditCardChange;\nexport type EditCardState = CoreEditCardState;\n\nexport const EditCard = forwardRef(\n  (props: EditCardProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreEditCard ref={ref} {...props} />;\n  },\n);\n"],"names":["EditCard","Check","PriorityHigh","CoreEditCard"],"mappings":"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"}

package/dist/EditCard.css

@@ -2,22 +2,22 @@
 
 @layer starter, reset, base, state, application;
 @layer base {
-  ._edit-card_k0jkl_3 {
+  ._edit-card_zpv1y_3 {
     box-sizing: border-box;
   }
-  ._edit-card-error_k0jkl_6 {
+  ._edit-card-error_zpv1y_6 {
     border-inline-start: 0.375rem solid var(--status-color-danger, #e13212);
   }
-  ._edit-card-in-progress_k0jkl_9 {
+  ._edit-card-in-progress_zpv1y_9 {
     border-inline-start: 0.375rem solid var(--status-color-info, #0265DC);
   }
-  ._container_k0jkl_12 {
+  ._container_zpv1y_12 {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
     flex-grow: 1;
   }
-  ._header_k0jkl_18 {
+  ._header_zpv1y_18 {
     display: flex;
     flex-direction: row;
     font-weight: 700;
@@ -25,7 +25,10 @@
     min-height: 2.5rem;
     justify-content: space-between;
   }
-  ._indicator_k0jkl_26 {
+  ._content_zpv1y_26 {
+    display: flex;
+  }
+  ._indicator_zpv1y_29 {
     width: 1rem;
     height: 1rem;
     min-width: 1rem;
@@ -36,28 +39,28 @@
     margin-top: 0.75rem;
     margin-inline-end: 0.5rem;
   }
-  ._indicator_k0jkl_26._indicator-in-progress_k0jkl_37 {
+  ._indicator_zpv1y_29._indicator-in-progress_zpv1y_40 {
     border: 0.0625rem solid var(--status-color-info, #0265DC);
     margin-inline-start: -0.3125rem;
   }
-  ._indicator_k0jkl_26._indicator-complete_k0jkl_41 {
+  ._indicator_zpv1y_29._indicator-complete_zpv1y_44 {
     border: 0.0625rem solid var(--status-color-info, #0265DC);
     background-color: var(--status-color-info, #0265DC);
   }
-  ._indicator_k0jkl_26._indicator-error_k0jkl_45 {
+  ._indicator_zpv1y_29._indicator-error_zpv1y_48 {
     border: 0.0625rem solid var(--status-color-danger, #e13212);
     background-color: var(--status-color-danger, #e13212);
     margin-inline-start: -0.3125rem;
   }
-  ._indicator_k0jkl_26 svg {
+  ._indicator_zpv1y_29 svg {
     width: 1rem;
     height: 1rem;
     fill: var(--background-color, #ffffff);
   }
-  ._heading_k0jkl_55 {
+  ._heading_zpv1y_58 {
     margin-top: 0.5rem;
   }
-  ._footer_k0jkl_58 {
+  ._footer_zpv1y_61 {
     display: flex;
     gap: 0.75rem;
     justify-content: flex-end;

package/dist/EditCard.js

@@ -1,2 +1,2 @@
-export { E as EditCard, E as default } from './EditCard-Nwz2BjY0.js';
+export { E as EditCard, E as default } from './EditCard-C6oNHLbs.js';
 //# sourceMappingURL=EditCard.js.map