@servicetitan/anvil2 2.9.2 → 2.9.4

package/dist/InteractiveCard-GTYbR6Xy.js

@@ -1,87 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { C as Card } from './Card-wz71dEVA.js';
-import { c as cx } from './index-De1g9FRV.js';
-
-import './InteractiveCard.css';const styles = {
-	"card-wrapper": "_card-wrapper_h7t6p_1",
-	"card-action": "_card-action_h7t6p_11",
-	"bg-stronger": "_bg-stronger_h7t6p_23",
-	"bg-strong": "_bg-strong_h7t6p_23",
-	"card-content": "_card-content_h7t6p_29"
-};
-
-const InteractiveCard = forwardRef(
-  (props, ref) => {
-    const {
-      wrapperProps,
-      actionProps,
-      contentProps = {},
-      children,
-      "data-interactive": dataInteractive
-    } = props;
-    const {
-      "aria-label": ariaLabel,
-      className: wrapperClassName,
-      style: wrapperStyle,
-      ...restWrapperProps
-    } = wrapperProps;
-    const { "aria-label": actionAriaLabel, ...restActionProps } = actionProps;
-    const {
-      padding = "medium",
-      background,
-      className: contentClassName,
-      ...restContentProps
-    } = contentProps;
-    const actionClassNames = cx(styles["card-action"], {
-      [styles[`bg-${background}`]]: !!background
-    });
-    const contentClassNames = cx(styles["card-content"], contentClassName);
-    const wrapperClassNames = cx(styles["card-wrapper"], wrapperClassName);
-    const isLink = "href" in restActionProps;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...restWrapperProps,
-        role: "group",
-        "aria-label": ariaLabel,
-        className: wrapperClassNames,
-        style: wrapperStyle,
-        ref,
-        children: [
-          isLink ? /* @__PURE__ */ jsx(
-            "a",
-            {
-              ...restActionProps,
-              "aria-label": actionAriaLabel,
-              className: actionClassNames,
-              "data-interactive": dataInteractive
-            }
-          ) : /* @__PURE__ */ jsx(
-            "button",
-            {
-              ...restActionProps,
-              "aria-label": actionAriaLabel,
-              className: actionClassNames,
-              "data-interactive": dataInteractive,
-              type: "button"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Card,
-            {
-              padding,
-              className: contentClassNames,
-              ...restContentProps,
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-InteractiveCard.displayName = "InteractiveCard";
-
-export { InteractiveCard as I };
-//# sourceMappingURL=InteractiveCard-GTYbR6Xy.js.map

package/dist/InteractiveCard-GTYbR6Xy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InteractiveCard-GTYbR6Xy.js","sources":["../src/beta/components/InteractiveCard/InteractiveCard.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  InteractiveCardProps,\n  ActionLinkProps,\n  ActionButtonProps,\n} from \"./types\";\nimport { Card } from \"../../../components/Card\";\n\nimport cx from \"classnames\";\nimport styles from \"./InteractiveCard.module.scss\";\n\n/**\n * InteractiveCard component for creating clickable cards with nested interactive elements.\n *\n * Features:\n * - Clickable card area that can be a button or link\n * - Supports nested interactive elements without accessibility violations\n * - Uses sibling structure with pointer-events to avoid nested button issues\n * - Box-shadow feedback on hover and focus of any interactive element\n * - Full keyboard accessibility with proper focus management\n * - Touch-friendly with mobile support\n * - Customizable padding and background variants via contentProps\n * - WCAG AA 2.2 compliant\n * - Required ARIA labels for screen reader support\n * - Supports all Card props for styling and layout via contentProps\n *\n * @example\n * // Button card with nested actions\n * <InteractiveCard\n *   wrapperProps={{ \"aria-label\": \"Kitchen Measurement 2 card\" }}\n *   actionProps={{\n *     \"aria-label\": \"Expand Kitchen Measurement 2\",\n *     onClick: handleExpand,\n *   }}\n *   contentProps={{ padding: \"large\" }}\n * >\n *   <Text variant=\"headline\">Kitchen Measurement 2</Text>\n *   <Button>Exact Size</Button>\n *   <Button>Block Size</Button>\n * </InteractiveCard>\n *\n * @example\n * // Link card with nested actions\n * <InteractiveCard\n *   wrapperProps={{ \"aria-label\": \"Tommy Lee's Project card\" }}\n *   actionProps={{\n *     \"aria-label\": \"Navigate to Tommy Lee's Project\",\n *     href: \"/project/123\",\n *   }}\n *   contentProps={{ padding: \"large\" }}\n * >\n *   <Text variant=\"headline\">Tommy Lee's Project</Text>\n *   <IconButton icon={Edit} onClick={(e) => {\n *     e.preventDefault();\n *     handleEdit();\n *   }} />\n * </InteractiveCard>\n */\nexport const InteractiveCard = forwardRef<HTMLDivElement, InteractiveCardProps>(\n  (props, ref) => {\n    const {\n      wrapperProps,\n      actionProps,\n      contentProps = {},\n      children,\n      \"data-interactive\": dataInteractive,\n    } = props as InteractiveCardProps & {\n      \"data-interactive\"?: string;\n    };\n\n    // Destructure className and style from wrapperProps to merge with internal values\n    const {\n      \"aria-label\": ariaLabel,\n      className: wrapperClassName,\n      style: wrapperStyle,\n      ...restWrapperProps\n    } = wrapperProps;\n\n    // Destructure aria-label from actionProps\n    const { \"aria-label\": actionAriaLabel, ...restActionProps } = actionProps;\n\n    // Destructure contentProps\n    const {\n      padding = \"medium\",\n      background,\n      className: contentClassName,\n      ...restContentProps\n    } = contentProps;\n\n    const actionClassNames = cx(styles[\"card-action\"], {\n      [styles[`bg-${background}`]]: !!background,\n    });\n\n    const contentClassNames = cx(styles[\"card-content\"], contentClassName);\n\n    const wrapperClassNames = cx(styles[\"card-wrapper\"], wrapperClassName);\n\n    // Determine the interactive element type based on href presence\n    const isLink = \"href\" in restActionProps;\n\n    return (\n      <div\n        {...restWrapperProps}\n        role=\"group\"\n        aria-label={ariaLabel}\n        className={wrapperClassNames}\n        style={wrapperStyle}\n        ref={ref}\n      >\n        {/* Interactive layer (button or link) - provides background and hover effects */}\n        {isLink ? (\n          <a\n            {...(restActionProps as ActionLinkProps)}\n            aria-label={actionAriaLabel}\n            className={actionClassNames}\n            data-interactive={dataInteractive}\n          />\n        ) : (\n          <button\n            {...(restActionProps as ActionButtonProps)}\n            aria-label={actionAriaLabel}\n            className={actionClassNames}\n            data-interactive={dataInteractive}\n            type=\"button\"\n          />\n        )}\n\n        {/* Content layer - transparent card with padding */}\n        <Card\n          padding={padding}\n          className={contentClassNames}\n          {...restContentProps}\n        >\n          {children}\n        </Card>\n      </div>\n    );\n  },\n);\n\nInteractiveCard.displayName = \"InteractiveCard\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AA0DO,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM;AAAA,MACJ,YAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAe,EAAC;AAAA,MAChB,QAAA;AAAA,MACA,kBAAA,EAAoB;AAAA,KACtB,GAAI,KAAA;AAKJ,IAAA,MAAM;AAAA,MACJ,YAAA,EAAc,SAAA;AAAA,MACd,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO,YAAA;AAAA,MACP,GAAG;AAAA,KACL,GAAI,YAAA;AAGJ,IAAA,MAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,GAAG,iBAAgB,GAAI,WAAA;AAG9D,IAAA,MAAM;AAAA,MACJ,OAAA,GAAU,QAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAW,gBAAA;AAAA,MACX,GAAG;AAAA,KACL,GAAI,YAAA;AAEJ,IAAA,MAAM,gBAAA,GAAmB,EAAA,CAAG,MAAA,CAAO,aAAa,CAAA,EAAG;AAAA,MACjD,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA,KACjC,CAAA;AAED,IAAA,MAAM,iBAAA,GAAoB,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,gBAAgB,CAAA;AAErE,IAAA,MAAM,iBAAA,GAAoB,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,gBAAgB,CAAA;AAGrE,IAAA,MAAM,SAAS,MAAA,IAAU,eAAA;AAEzB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,gBAAA;AAAA,QACJ,IAAA,EAAK,OAAA;AAAA,QACL,YAAA,EAAY,SAAA;AAAA,QACZ,SAAA,EAAW,iBAAA;AAAA,QACX,KAAA,EAAO,YAAA;AAAA,QACP,GAAA;AAAA,QAGC,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACE,GAAI,eAAA;AAAA,cACL,YAAA,EAAY,eAAA;AAAA,cACZ,SAAA,EAAW,gBAAA;AAAA,cACX,kBAAA,EAAkB;AAAA;AAAA,WACpB,mBAEA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACE,GAAI,eAAA;AAAA,cACL,YAAA,EAAY,eAAA;AAAA,cACZ,SAAA,EAAW,gBAAA;AAAA,cACX,kBAAA,EAAkB,eAAA;AAAA,cAClB,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,0BAIF,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAA;AAAA,cACA,SAAA,EAAW,iBAAA;AAAA,cACV,GAAG,gBAAA;AAAA,cAEH;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;"}

package/dist/getKeyboardFocusableElements-QqcABz0D.js

@@ -1,12 +0,0 @@
-function getKeyboardFocusableElements(element) {
-  if (!element) return [];
-  const elements = element.querySelectorAll(
-    'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])'
-  );
-  return Array.from(elements).filter(
-    (el) => !el.hasAttribute("disabled") && !el.getAttribute("aria-hidden") && !el.getAttribute("inert") && !(globalThis.getComputedStyle(el).display === "none")
-  );
-}
-
-export { getKeyboardFocusableElements as g };
-//# sourceMappingURL=getKeyboardFocusableElements-QqcABz0D.js.map

package/dist/getKeyboardFocusableElements-QqcABz0D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getKeyboardFocusableElements-QqcABz0D.js","sources":["../src/internal/functions/getKeyboardFocusableElements.ts"],"sourcesContent":["/**\n * Retrieves all keyboard focusable elements within a given container element.\n *\n * Features:\n * - Finds all elements that can receive keyboard focus\n * - Filters out disabled, hidden, and inert elements\n * - Respects ARIA attributes for accessibility\n * - Checks computed styles for visibility\n * - Supports all standard focusable elements (links, buttons, inputs, etc.)\n * - Handles null and undefined input gracefully\n * - Returns array of focusable HTMLElements\n * - Excludes elements with tabindex=\"-1\"\n *\n * Focusable Elements Detected:\n * - Links with href attributes\n * - Buttons (all types)\n * - Form inputs (text, checkbox, radio, etc.)\n * - Textareas and select elements\n * - Details elements\n * - Elements with positive tabindex values\n *\n * @param element - The container element to search for focusable elements\n * @returns Array of focusable HTMLElements, or empty array if no element provided\n */\nexport function getKeyboardFocusableElements(element?: HTMLElement | null) {\n  if (!element) return [];\n  const elements = element.querySelectorAll(\n    'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])',\n  );\n\n  return Array.from(elements).filter(\n    (el) =>\n      !el.hasAttribute(\"disabled\") &&\n      !el.getAttribute(\"aria-hidden\") &&\n      !el.getAttribute(\"inert\") &&\n      !(globalThis.getComputedStyle(el).display === \"none\"),\n  );\n}\n"],"names":[],"mappings":"AAwBO,SAAS,6BAA6B,OAAA,EAA8B;AACzE,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,EAAA,MAAM,WAAW,OAAA,CAAQ,gBAAA;AAAA,IACvB;AAAA,GACF;AAEA,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAA,CAAE,MAAA;AAAA,IAC1B,CAAC,OACC,CAAC,EAAA,CAAG,aAAa,UAAU,CAAA,IAC3B,CAAC,EAAA,CAAG,YAAA,CAAa,aAAa,KAC9B,CAAC,EAAA,CAAG,aAAa,OAAO,CAAA,IACxB,EAAE,UAAA,CAAW,gBAAA,CAAiB,EAAE,CAAA,CAAE,OAAA,KAAY,MAAA;AAAA,GAClD;AACF;;;;"}