@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/{ButtonLink-5qlX0uZx-b9H7MGhk.js → ButtonLink-CXv65WVV.js}

@@ -1,10 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { S as Spinner } from './Spinner-wmO8Epw0.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
-import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
-import { S as Spinner } from './Spinner-DliJVzdW-BQlZEj4V.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { s as styles } from './Button.module-pUNSKoVC.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
 
 const ButtonLink = forwardRef(
   (props, ref) => {
@@ -21,20 +23,18 @@ const ButtonLink = forwardRef(
       onKeyUp,
       onKeyDown,
       style,
+      href,
+      type,
       ...rest
     } = componentProps;
-    const buttonClassNames = cx(className, styles["button"], {
-      [styles["appearance-primary"]]: appearance === "primary",
-      [styles["appearance-secondary"]]: appearance === "secondary",
-      [styles["appearance-ghost"]]: appearance === "ghost",
-      [styles["danger-secondary"]]: appearance === "danger-secondary",
-      [styles["danger-primary"]]: appearance === "danger",
-      [styles["size-small"]]: size === "small",
-      [styles["size-medium"]]: size === "medium",
-      [styles["size-large"]]: size === "large",
-      [styles["type-icon"]]: !children,
-      [styles["loading"]]: loading
-    });
+    const data = {
+      children: childrenToString(props.children),
+      appearance,
+      href,
+      icon,
+      size,
+      type
+    };
     const iconBefore = (icon2) => {
       if (icon2 && typeof icon2 === "object" && "before" in icon2) {
         return /* @__PURE__ */ jsx(
@@ -76,6 +76,23 @@ const ButtonLink = forwardRef(
       }
       onKeyUp?.(e);
     };
+    const trackingId = useTrackingId({
+      name: "ButtonLink",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const buttonClassNames = cx(className, styles["button"], {
+      [styles["appearance-primary"]]: appearance === "primary",
+      [styles["appearance-secondary"]]: appearance === "secondary",
+      [styles["appearance-ghost"]]: appearance === "ghost",
+      [styles["danger-secondary"]]: appearance === "danger-secondary",
+      [styles["danger-primary"]]: appearance === "danger",
+      [styles["size-small"]]: size === "small",
+      [styles["size-medium"]]: size === "medium",
+      [styles["size-large"]]: size === "large",
+      [styles["type-icon"]]: !children,
+      [styles["loading"]]: loading
+    });
     const styleCombined = {
       ...style,
       ...layoutStyles
@@ -84,6 +101,7 @@ const ButtonLink = forwardRef(
       "a",
       {
         role: "link",
+        "data-tracking-id": trackingId,
         className: buttonClassNames,
         "aria-disabled": disabled || loading,
         "aria-busy": loading,
@@ -115,4 +133,4 @@ const ButtonLink = forwardRef(
 ButtonLink.displayName = "ButtonLink";
 
 export { ButtonLink as B };
-//# sourceMappingURL=ButtonLink-5qlX0uZx-b9H7MGhk.js.map
+//# sourceMappingURL=ButtonLink-CXv65WVV.js.map

package/dist/ButtonLink-CXv65WVV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink-CXv65WVV.js","sources":["../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  forwardRef,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  ButtonAppearance,\n  LayoutUtilProps,\n  Size,\n} from \"../../types\";\nimport Icon, { IconProps } from \"../Icon\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Spinner from \"../Spinner\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonLink component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type ButtonLinkProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"a\"> & {\n    /**\n     * The disabled state of the button link.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The visual variant of the button link.\n     * @default secondary\n     */\n    appearance?: ButtonAppearance;\n\n    /**\n     * The size of the button link.\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n    /**\n     * The icons of the button link.\n     */\n    icon?:\n      | IconProps[\"svg\"]\n      | {\n          after: IconProps[\"svg\"];\n        }\n      | {\n          before: IconProps[\"svg\"];\n        };\n\n    /**\n     * The loading state of the button link.\n     * If true, it will show infinite state of the loading.\n     * @default false\n     */\n    loading?: boolean;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonLink component for creating clickable links that look like buttons.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Three size options (small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with proper ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Keyboard navigation support (Space and Enter keys)\n * - Automatic disabled state when loading\n * - Prevents navigation when disabled or loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonLink href=\"/dashboard\" appearance=\"primary\" size=\"medium\">\n *   Go to Dashboard\n * </ButtonLink>\n */\nexport const ButtonLink = forwardRef(\n  (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n    const {\n      children,\n      className,\n      appearance = \"secondary\",\n      size = \"medium\",\n      icon,\n      loading = false,\n      disabled,\n      onClick,\n      onKeyUp,\n      onKeyDown,\n      style,\n      href,\n      type,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      appearance,\n      href,\n      icon,\n      size,\n      type,\n    };\n\n    const iconBefore = (icon: ButtonLinkProps[\"icon\"]) => {\n      if (icon && typeof icon === \"object\" && \"before\" in icon) {\n        return (\n          <Icon\n            aria-hidden\n            className={styles[\"icon\"]}\n            inherit\n            svg={icon.before}\n          />\n        );\n      }\n      if (icon && typeof icon !== \"object\") {\n        return (\n          <Icon aria-hidden className={styles[\"icon\"]} inherit svg={icon} />\n        );\n      }\n      return;\n    };\n\n    const handleOnClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\") {\n        e.preventDefault();\n        onKeyDown?.(e);\n        return;\n      }\n\n      onKeyDown?.(e);\n    };\n\n    const onKeyUpHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\" || e.code === \"Enter\") {\n        e.preventDefault();\n        if (onClick) {\n          e.currentTarget.click();\n        }\n      }\n\n      onKeyUp?.(e);\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonLink\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const buttonClassNames = cx(className, styles[\"button\"], {\n      [styles[\"appearance-primary\"]]: appearance === \"primary\",\n      [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n      [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n      [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n      [styles[\"danger-primary\"]]: appearance === \"danger\",\n      [styles[\"size-small\"]]: size === \"small\",\n      [styles[\"size-medium\"]]: size === \"medium\",\n      [styles[\"size-large\"]]: size === \"large\",\n      [styles[\"type-icon\"]]: !children,\n      [styles[\"loading\"]]: loading,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <a\n        role=\"link\"\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        data-anv=\"button-link\"\n        tabIndex={disabled || loading ? -1 : 0}\n        onClick={handleOnClick}\n        onKeyDown={onKeyDownHandler}\n        onKeyUp={onKeyUpHandler}\n        style={styleCombined}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? (\n          <Spinner inherit className={styles[\"loading-spinner\"]} />\n        ) : icon ? (\n          iconBefore(icon)\n        ) : null}\n        {children}\n        {typeof icon === \"object\" && \"after\" in icon ? (\n          <Icon\n            className={styles[\"icon\"]}\n            inherit\n            aria-hidden\n            svg={icon.after}\n          />\n        ) : null}\n      </a>\n    );\n  },\n);\n\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["icon"],"mappings":"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"}

package/dist/ButtonLink.js

@@ -1,2 +1,2 @@
-export { B as ButtonLink, B as default } from './ButtonLink-B0NJuVk5.js';
+export { B as ButtonLink, B as default } from './ButtonLink-CXv65WVV.js';
 //# sourceMappingURL=ButtonLink.js.map

package/dist/{ButtonToggle-Bm4KRl3o-B1-LbfjY.js → ButtonToggle-pSwg7NvT.js}

@@ -1,9 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
+import { B as Button } from './Button-BxFXQ0-n.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
-import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { s as styles } from './Button.module-pUNSKoVC.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
 
 const ButtonToggle = forwardRef(
   (props, ref) => {
@@ -17,10 +19,12 @@ const ButtonToggle = forwardRef(
       onChange,
       onKeyDown,
       style,
+      icon,
+      size,
+      type,
       ...rest
     } = componentProps;
     const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);
-    const ButtonToggleClassNames = cx(className, styles["button-toggle"]);
     const onClickHandler = (e) => {
       if (typeof checked === "undefined") {
         setIsPressed(!isPressed);
@@ -32,6 +36,19 @@ const ButtonToggle = forwardRef(
       if (typeof checked === "undefined") return;
       setIsPressed(checked);
     }, [checked]);
+    const data = {
+      children: childrenToString(props.children),
+      icon,
+      size,
+      value,
+      type
+    };
+    const trackingId = useTrackingId({
+      name: "ButtonToggle",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const ButtonToggleClassNames = cx(className, styles["button-toggle"]);
     const styleCombined = {
       ...style,
       ...layoutStyles
@@ -39,12 +56,16 @@ const ButtonToggle = forwardRef(
     return /* @__PURE__ */ jsx(
       Button,
       {
+        "data-tracking-id": trackingId,
         "data-anv": "button-toggle",
         "aria-pressed": isPressed,
         onClick: onClickHandler,
         className: ButtonToggleClassNames,
         value,
         style: styleCombined,
+        icon,
+        size,
+        type,
         ref,
         ...rest
       }
@@ -54,4 +75,4 @@ const ButtonToggle = forwardRef(
 ButtonToggle.displayName = "ButtonToggle";
 
 export { ButtonToggle as B };
-//# sourceMappingURL=ButtonToggle-Bm4KRl3o-B1-LbfjY.js.map
+//# sourceMappingURL=ButtonToggle-pSwg7NvT.js.map

package/dist/ButtonToggle-pSwg7NvT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonToggle-pSwg7NvT.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\nexport type ButtonToggleState = {\n  pressed: boolean;\n  value?: string;\n};\n\n/**\n * Props for the ButtonToggle component\n * @extends Omit<ButtonProps, \"appearance\" | \"loading\">\n */\nexport type ButtonToggleProps = Omit<ButtonProps, \"appearance\" | \"loading\"> & {\n  /**\n   * The default pressed(selected) state of the toggle button.\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The controlled pressed(selected) state of the toggle button.\n   */\n  checked?: boolean;\n\n  /**\n   * The value of the toggle button.\n   */\n  value?: string;\n\n  /**\n   * Callback for when pressed(selected) changes.\n   */\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    state: ButtonToggleState,\n  ) => void;\n} &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n *   defaultChecked={false}\n *   onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n *   Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n  (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      value,\n      defaultChecked = false,\n      checked,\n      className,\n      onClick,\n      onChange,\n      onKeyDown,\n      style,\n      icon,\n      size,\n      type,\n      ...rest\n    } = componentProps;\n\n    const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      if (typeof checked === \"undefined\") {\n        setIsPressed(!isPressed);\n        onChange?.(e, { pressed: !isPressed, value });\n      }\n      onClick?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof checked === \"undefined\") return;\n      setIsPressed(checked);\n    }, [checked]);\n\n    const data = {\n      children: childrenToString(props.children),\n      icon,\n      size,\n      value,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonToggle\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <Button\n        data-tracking-id={trackingId}\n        data-anv=\"button-toggle\"\n        aria-pressed={isPressed}\n        onClick={onClickHandler}\n        className={ButtonToggleClassNames}\n        value={value}\n        style={styleCombined}\n        icon={icon}\n        size={size}\n        type={type}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n\nButtonToggle.displayName = \"ButtonToggle\";\n"],"names":[],"mappings":";;;;;;;;;AA+EO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAgC,KAAA;AACzD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,cAAiB,GAAA,KAAA;AAAA,MACjB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,cAAA;AAEJ,IAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAS,WAAW,cAAc,CAAA;AAEpE,IAAM,MAAA,cAAA,GAAiB,CAAC,CAAqC,KAAA;AAC3D,MAAI,IAAA,OAAO,YAAY,WAAa,EAAA;AAClC,QAAA,YAAA,CAAa,CAAC,SAAS,CAAA;AACvB,QAAA,QAAA,GAAW,GAAG,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,OAAO,CAAA;AAAA;AAE9C,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,KACb;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,OAAO,YAAY,WAAa,EAAA;AACpC,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,KACtB,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF;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;AAED,IAAA,MAAM,sBAAyB,GAAA,EAAA,CAAG,SAAW,EAAA,MAAA,CAAO,eAAe,CAAC,CAAA;AAEpE,IAAA,MAAM,aAAgB,GAAA;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IACE,uBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,kBAAkB,EAAA,UAAA;AAAA,QAClB,UAAS,EAAA,eAAA;AAAA,QACT,cAAc,EAAA,SAAA;AAAA,QACd,OAAS,EAAA,cAAA;AAAA,QACT,SAAW,EAAA,sBAAA;AAAA,QACX,KAAA;AAAA,QACA,KAAO,EAAA,aAAA;AAAA,QACP,IAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/dist/ButtonToggle.js

@@ -1,2 +1,2 @@
-export { B as ButtonToggle, B as default } from './ButtonToggle-CKVyEODc.js';
+export { B as ButtonToggle, B as default } from './ButtonToggle-pSwg7NvT.js';
 //# sourceMappingURL=ButtonToggle.js.map