@razorpay/blade 11.36.2 → 11.38.0

package/build/lib/web/development/components/Link/Link/Link.js

@@ -4,9 +4,11 @@ import React__default from 'react';
 import '../BaseLink/index.js';
 import '../../Box/styledProps/index.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import BaseLink from '../BaseLink/BaseLink.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 var _excluded = ["children", "icon", "iconPosition", "isDisabled", "onClick", "variant", "color", "href", "target", "rel", "accessibilityLabel", "size", "testID", "hitSlop", "htmlTitle", "onBlur", "onFocus", "onMouseLeave", "onMouseMove", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd", "onMouseDown", "onMouseUp"];
@@ -44,7 +46,7 @@ var _Link = function _Link(_ref, ref) {
     onMouseDown = _ref.onMouseDown,
     onMouseUp = _ref.onMouseUp,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx(BaseLink, _objectSpread(_objectSpread(_objectSpread({}, icon ? {
+  return /*#__PURE__*/jsx(BaseLink, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, icon ? {
     icon: icon,
     children: children
   } : {
@@ -80,7 +82,7 @@ var _Link = function _Link(_ref, ref) {
     onTouchEnd: onTouchEnd,
     onMouseDown: onMouseDown,
     onMouseUp: onMouseUp
-  }, getStyledProps(rest)));
+  }, getStyledProps(rest)), makeAnalyticsAttribute(rest)));
 };
 var Link = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Link), {
   displayName: 'Link',

package/build/lib/web/development/components/Link/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID, BladeElementRef } from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'primary' | 'white' | 'neutral' | 'negative' | 'positive';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'primary',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    onMouseDown,\n    onMouseUp,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      {...getStyledProps(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","_objectSpread","accessibilityProps","label","describedBy","getStyledProps","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type {\n  StringChildrenType,\n  TestID,\n  BladeElementRef,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'primary' | 'white' | 'neutral' | 'negative' | 'positive';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n} & DataAnalyticsAttribute;\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n} & DataAnalyticsAttribute;\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'primary',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    onMouseDown,\n    onMouseUp,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","_objectSpread","accessibilityProps","label","describedBy","getStyledProps","makeAnalyticsAttribute","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Menu/VisualSubComponents/MenuHeaderFooter.web.js

@@ -1,3 +1,5 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'react';
 import { overlayPaddingX, headerMarginBottom, footerPaddingTop } from '../tokens.js';
 import { MenuDivider } from './MenuDivider.web.js';
@@ -6,21 +8,27 @@ import { BaseHeader } from '../../BaseHeaderFooter/BaseHeader.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import '../../Box/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Box } from '../../Box/Box.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+var _excluded = ["title", "subtitle", "leading", "titleSuffix", "trailing", "testID"],
+  _excluded2 = ["children", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _MenuHeader = function _MenuHeader(_ref) {
   var title = _ref.title,
     subtitle = _ref.subtitle,
     leading = _ref.leading,
     titleSuffix = _ref.titleSuffix,
     trailing = _ref.trailing,
-    testID = _ref.testID;
+    testID = _ref.testID,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxs(Box, {
     marginBottom: "spacing.3",
-    children: [/*#__PURE__*/jsx(BaseHeader, {
+    children: [/*#__PURE__*/jsx(BaseHeader, _objectSpread({
       title: title,
       subtitle: subtitle,
       leading: leading,
@@ -38,7 +46,7 @@ var _MenuHeader = function _MenuHeader(_ref) {
       marginTop: "spacing.0",
       marginBottom: headerMarginBottom,
       showDivider: false
-    }), /*#__PURE__*/jsx(MenuDivider, {})]
+    }, makeAnalyticsAttribute(rest))), /*#__PURE__*/jsx(MenuDivider, {})]
   });
 };
 var MenuHeader = /*#__PURE__*/assignWithoutSideEffects(_MenuHeader, {
@@ -46,16 +54,18 @@ var MenuHeader = /*#__PURE__*/assignWithoutSideEffects(_MenuHeader, {
 });
 var _MenuFooter = function _MenuFooter(_ref2) {
   var children = _ref2.children,
-    testID = _ref2.testID;
+    testID = _ref2.testID,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/jsxs(Box, {
     marginTop: "spacing.3",
-    children: [/*#__PURE__*/jsx(MenuDivider, {}), /*#__PURE__*/jsx(BaseFooter, {
+    children: [/*#__PURE__*/jsx(MenuDivider, {}), /*#__PURE__*/jsx(BaseFooter, _objectSpread(_objectSpread({
       metaComponentName: MetaConstants.MenuFooter,
       showDivider: false,
       padding: [footerPaddingTop, overlayPaddingX, 'spacing.0', overlayPaddingX],
-      testID: testID,
+      testID: testID
+    }, makeAnalyticsAttribute(rest)), {}, {
       children: children
-    })]
+    }))]
   });
 };
 var MenuFooter = /*#__PURE__*/assignWithoutSideEffects(_MenuFooter, {

package/build/lib/web/development/components/Menu/VisualSubComponents/MenuHeaderFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuHeaderFooter.web.js","sources":["../../../../../../../src/components/Menu/VisualSubComponents/MenuHeaderFooter.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { footerPaddingTop, headerMarginBottom, overlayPaddingX } from '../tokens';\nimport type { MenuFooterProps, MenuHeaderProps } from '../types';\nimport { MenuDivider } from './MenuDivider';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute/metaConstants';\nimport { Box } from '~components/Box';\n\nconst _MenuHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  testID,\n}: MenuHeaderProps): React.ReactElement => {\n  return (\n    <Box marginBottom=\"spacing.3\">\n      <BaseHeader\n        title={title}\n        subtitle={subtitle}\n        leading={leading}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        metaComponentName={MetaConstants.MenuHeader}\n        testID={testID}\n        // back button\n        showBackButton={false}\n        // close button\n        showCloseButton={false}\n        paddingX={overlayPaddingX}\n        marginTop=\"spacing.0\"\n        marginBottom={headerMarginBottom}\n        showDivider={false}\n      />\n      <MenuDivider />\n    </Box>\n  );\n};\n\nconst MenuHeader = assignWithoutSideEffects(_MenuHeader, {\n  componentId: 'MenuHeader',\n});\n\nconst _MenuFooter = ({ children, testID }: MenuFooterProps): React.ReactElement => {\n  return (\n    <Box marginTop=\"spacing.3\">\n      <MenuDivider />\n      <BaseFooter\n        metaComponentName={MetaConstants.MenuFooter}\n        showDivider={false}\n        padding={[footerPaddingTop, overlayPaddingX, 'spacing.0', overlayPaddingX]}\n        testID={testID}\n      >\n        {children}\n      </BaseFooter>\n    </Box>\n  );\n};\n\nconst MenuFooter = assignWithoutSideEffects(_MenuFooter, {\n  componentId: 'MenuFooter',\n});\n\nexport { MenuHeader, MenuFooter };\n"],"names":["_MenuHeader","_ref","title","subtitle","leading","titleSuffix","trailing","testID","_jsxs","Box","marginBottom","children","_jsx","BaseHeader","metaComponentName","MetaConstants","MenuHeader","showBackButton","showCloseButton","paddingX","overlayPaddingX","marginTop","headerMarginBottom","showDivider","MenuDivider","assignWithoutSideEffects","componentId","_MenuFooter","_ref2","BaseFooter","MenuFooter","padding","footerPaddingTop"],"mappings":";;;;;;;;;;;;AAAA;AAWA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAO0B;AAAA,EAAA,IANzCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,MAAM,GAAAN,IAAA,CAANM,MAAM,CAAA;EAEN,oBACEC,IAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,YAAY,EAAC,WAAW;IAAAC,QAAA,EAAA,cAC3BC,GAAA,CAACC,UAAU,EAAA;AACTX,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,OAAO,EAAEA,OAAQ;AACjBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,WAAW,EAAEA,WAAY;MACzBS,iBAAiB,EAAEC,aAAa,CAACC,UAAW;AAC5CT,MAAAA,MAAM,EAAEA,MAAAA;AACR;AAAA;AACAU,MAAAA,cAAc,EAAE,KAAA;AAChB;AAAA;AACAC,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,QAAQ,EAAEC,eAAgB;AAC1BC,MAAAA,SAAS,EAAC,WAAW;AACrBX,MAAAA,YAAY,EAAEY,kBAAmB;AACjCC,MAAAA,WAAW,EAAE,KAAA;AAAM,KACpB,CAAC,eACFX,GAAA,CAACY,WAAW,IAAE,CAAC,CAAA;AAAA,GACZ,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMR,UAAU,gBAAGS,wBAAwB,CAACzB,WAAW,EAAE;AACvD0B,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC,EAAC;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAkE;AAAA,EAAA,IAA5DjB,QAAQ,GAAAiB,KAAA,CAARjB,QAAQ;IAAEJ,MAAM,GAAAqB,KAAA,CAANrB,MAAM,CAAA;EACrC,oBACEC,IAAA,CAACC,GAAG,EAAA;AAACY,IAAAA,SAAS,EAAC,WAAW;IAAAV,QAAA,EAAA,cACxBC,GAAA,CAACY,WAAW,IAAE,CAAC,eACfZ,GAAA,CAACiB,UAAU,EAAA;MACTf,iBAAiB,EAAEC,aAAa,CAACe,UAAW;AAC5CP,MAAAA,WAAW,EAAE,KAAM;MACnBQ,OAAO,EAAE,CAACC,gBAAgB,EAAEZ,eAAe,EAAE,WAAW,EAAEA,eAAe,CAAE;AAC3Eb,MAAAA,MAAM,EAAEA,MAAO;AAAAI,MAAAA,QAAA,EAEdA,QAAAA;AAAQ,KACC,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMmB,UAAU,gBAAGL,wBAAwB,CAACE,WAAW,EAAE;AACvDD,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"MenuHeaderFooter.web.js","sources":["../../../../../../../src/components/Menu/VisualSubComponents/MenuHeaderFooter.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { footerPaddingTop, headerMarginBottom, overlayPaddingX } from '../tokens';\nimport type { MenuFooterProps, MenuHeaderProps } from '../types';\nimport { MenuDivider } from './MenuDivider';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute/metaConstants';\nimport { Box } from '~components/Box';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _MenuHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  testID,\n  ...rest\n}: MenuHeaderProps): React.ReactElement => {\n  return (\n    <Box marginBottom=\"spacing.3\">\n      <BaseHeader\n        title={title}\n        subtitle={subtitle}\n        leading={leading}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        metaComponentName={MetaConstants.MenuHeader}\n        testID={testID}\n        // back button\n        showBackButton={false}\n        // close button\n        showCloseButton={false}\n        paddingX={overlayPaddingX}\n        marginTop=\"spacing.0\"\n        marginBottom={headerMarginBottom}\n        showDivider={false}\n        {...makeAnalyticsAttribute(rest)}\n      />\n      <MenuDivider />\n    </Box>\n  );\n};\n\nconst MenuHeader = assignWithoutSideEffects(_MenuHeader, {\n  componentId: 'MenuHeader',\n});\n\nconst _MenuFooter = ({ children, testID, ...rest }: MenuFooterProps): React.ReactElement => {\n  return (\n    <Box marginTop=\"spacing.3\">\n      <MenuDivider />\n      <BaseFooter\n        metaComponentName={MetaConstants.MenuFooter}\n        showDivider={false}\n        padding={[footerPaddingTop, overlayPaddingX, 'spacing.0', overlayPaddingX]}\n        testID={testID}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseFooter>\n    </Box>\n  );\n};\n\nconst MenuFooter = assignWithoutSideEffects(_MenuFooter, {\n  componentId: 'MenuFooter',\n});\n\nexport { MenuHeader, MenuFooter };\n"],"names":["_MenuHeader","_ref","title","subtitle","leading","titleSuffix","trailing","testID","rest","_objectWithoutProperties","_excluded","_jsxs","Box","marginBottom","children","_jsx","BaseHeader","_objectSpread","metaComponentName","MetaConstants","MenuHeader","showBackButton","showCloseButton","paddingX","overlayPaddingX","marginTop","headerMarginBottom","showDivider","makeAnalyticsAttribute","MenuDivider","assignWithoutSideEffects","componentId","_MenuFooter","_ref2","_excluded2","BaseFooter","MenuFooter","padding","footerPaddingTop"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAQ0B;AAAA,EAAA,IAPzCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,MAAM,GAAAN,IAAA,CAANM,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAEP,oBACEC,IAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,YAAY,EAAC,WAAW;AAAAC,IAAAA,QAAA,EAC3BC,cAAAA,GAAA,CAACC,UAAU,EAAAC,aAAA,CAAA;AACTf,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,OAAO,EAAEA,OAAQ;AACjBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,WAAW,EAAEA,WAAY;MACzBa,iBAAiB,EAAEC,aAAa,CAACC,UAAW;AAC5Cb,MAAAA,MAAM,EAAEA,MAAAA;AACR;AAAA;AACAc,MAAAA,cAAc,EAAE,KAAA;AAChB;AAAA;AACAC,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,QAAQ,EAAEC,eAAgB;AAC1BC,MAAAA,SAAS,EAAC,WAAW;AACrBZ,MAAAA,YAAY,EAAEa,kBAAmB;AACjCC,MAAAA,WAAW,EAAE,KAAA;KACTC,EAAAA,sBAAsB,CAACpB,IAAI,CAAC,CACjC,CAAC,eACFO,GAAA,CAACc,WAAW,EAAA,EAAE,CAAC,CAAA;AAAA,GACZ,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMT,UAAU,gBAAGU,wBAAwB,CAAC9B,WAAW,EAAE;AACvD+B,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC,EAAC;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAA2E;AAAA,EAAA,IAArEnB,QAAQ,GAAAmB,KAAA,CAARnB,QAAQ;IAAEP,MAAM,GAAA0B,KAAA,CAAN1B,MAAM;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAwB,KAAA,EAAAC,UAAA,CAAA,CAAA;EAC9C,oBACEvB,IAAA,CAACC,GAAG,EAAA;AAACa,IAAAA,SAAS,EAAC,WAAW;AAAAX,IAAAA,QAAA,EACxBC,cAAAA,GAAA,CAACc,WAAW,EAAE,EAAA,CAAC,eACfd,GAAA,CAACoB,UAAU,EAAAlB,aAAA,CAAAA,aAAA,CAAA;MACTC,iBAAiB,EAAEC,aAAa,CAACiB,UAAW;AAC5CT,MAAAA,WAAW,EAAE,KAAM;MACnBU,OAAO,EAAE,CAACC,gBAAgB,EAAEd,eAAe,EAAE,WAAW,EAAEA,eAAe,CAAE;AAC3EjB,MAAAA,MAAM,EAAEA,MAAAA;KACJqB,EAAAA,sBAAsB,CAACpB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAM,MAAAA,QAAA,EAE/BA,QAAAA;AAAQ,KAAA,CACC,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMsB,UAAU,gBAAGN,wBAAwB,CAACE,WAAW,EAAE;AACvDD,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/Modal/Modal.web.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { useEffect } from 'react';
 import styled, { keyframes, css } from 'styled-components';
 import { useFloating, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
@@ -19,6 +20,7 @@ import '../../utils/makeAccessible/index.js';
 import '../../utils/logger/index.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
 import '../../utils/useVerifyAllowedChildren/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
@@ -27,11 +29,13 @@ import useTheme from '../BladeProvider/useTheme.js';
 import { logger } from '../../utils/logger/logger.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
 import { Box } from '../Box/Box.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 
+var _excluded = ["isOpen", "children", "onDismiss", "initialFocusRef", "size", "accessibilityLabel", "zIndex"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var entry = /*#__PURE__*/keyframes(["from{opacity:0;transform:translate(-50%,-50%) scale(0.9) translateY(20px);}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0px);}"]);
@@ -54,7 +58,8 @@ var Modal = function Modal(_ref2) {
     size = _ref2$size === void 0 ? 'small' : _ref2$size,
     accessibilityLabel = _ref2.accessibilityLabel,
     _ref2$zIndex = _ref2.zIndex,
-    zIndex = _ref2$zIndex === void 0 ? componentZIndices.modal : _ref2$zIndex;
+    zIndex = _ref2$zIndex === void 0 ? componentZIndices.modal : _ref2$zIndex,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme,
     platform = _useTheme.platform;
@@ -114,10 +119,11 @@ var Modal = function Modal(_ref2) {
         initialFocus: initialFocusRef !== null && initialFocusRef !== void 0 ? initialFocusRef : defaultInitialFocusRef,
         context: context,
         modal: true,
-        children: /*#__PURE__*/jsxs(Box, {
+        children: /*#__PURE__*/jsxs(Box, _objectSpread(_objectSpread({
           zIndex: zIndex,
           position: "fixed",
-          testID: "modal-wrapper",
+          testID: "modal-wrapper"
+        }, makeAnalyticsAttribute(rest)), {}, {
           children: [/*#__PURE__*/jsx(ModalBackdrop, {}), /*#__PURE__*/jsx(ModalContent, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
             name: MetaConstants.Modal
           })), makeAccessible({
@@ -141,7 +147,7 @@ var Modal = function Modal(_ref2) {
             ref: refs.setFloating,
             children: children
           }))]
-        })
+        }))
       }) : null
     })
   });

package/build/lib/web/development/components/Modal/Modal.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.web.js","sources":["../../../../../../src/components/Modal/Modal.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect } from 'react';\nimport styled, { css, keyframes } from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport usePresence from 'use-presence';\nimport { ModalHeader } from './ModalHeader';\nimport type { ModalHeaderProps } from './ModalHeader';\nimport { ModalFooter } from './ModalFooter';\nimport type { ModalFooterProps } from './ModalFooter';\nimport { ModalBody } from './ModalBody';\nimport type { ModalBodyProps } from './ModalBody';\nimport { ModalContext } from './ModalContext';\nimport { ModalBackdrop } from './ModalBackdrop';\nimport {\n  modalBorderRadius,\n  modalMaxHeight,\n  modalMaxWidth,\n  modalMinWidth,\n  modalResponsiveScreenGap,\n} from './modalTokens';\nimport type { ModalProps } from './types';\nimport { componentIds } from './constants';\nimport { castWebType, makeMotionTime, makeSize } from '~utils';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { Box } from '~components/Box';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { logger } from '~utils/logger';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\n\nconst entry = keyframes`\n  from {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.9) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1) translateY(0px);\n  }\n`;\n\nconst exit = keyframes`\n  from {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.9) translateY(20px);\n  }\n`;\n\nconst ModalContent = styled(BaseBox)<{ isVisible: boolean }>(({ isVisible, theme }) => {\n  return css`\n    box-shadow: ${theme.elevation.highRaised};\n    position: fixed;\n    transform: translate(-50%, -50%);\n    opacity: ${isVisible ? 1 : 0};\n    animation: ${isVisible ? entry : exit}\n      ${castWebType(makeMotionTime(theme.motion.duration.xmoderate))}\n      ${isVisible\n        ? castWebType(theme.motion.easing.entrance.revealing)\n        : castWebType(theme.motion.easing.exit.revealing)};\n  `;\n});\n\nconst Modal = ({\n  isOpen = false,\n  children,\n  onDismiss,\n  initialFocusRef,\n  size = 'small',\n  accessibilityLabel,\n  zIndex = componentZIndices.modal,\n}: ModalProps): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { isMounted, isVisible } = usePresence(isOpen, {\n    transitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  // Warn consumer if modal is opened on mobile\n  useEffect(() => {\n    if (__DEV__) {\n      if (platform === 'onMobile') {\n        logger({\n          message: 'Modal is not supported on mobile devices. Please use BottomSheet instead.',\n          moduleName: 'Modal',\n          type: 'warn',\n        });\n      }\n    }\n  }, [platform]);\n\n  // required by floating ui to handle focus\n  const { refs, context } = useFloating({\n    open: isMounted,\n  });\n\n  const defaultInitialFocusRef = React.useRef<any>(null);\n\n  const modalContext = React.useMemo(\n    () => ({\n      isOpen,\n      close: onDismiss,\n      defaultInitialFocusRef,\n      isVisible,\n    }),\n    [isOpen, onDismiss, defaultInitialFocusRef, isVisible],\n  );\n  const handleKeyDown = (event: React.KeyboardEvent): void => {\n    // close modal on escape key press\n    if (event?.key === 'Escape' || event?.code === 'Escape') {\n      onDismiss();\n    }\n  };\n\n  // Only allow ModalHeader, ModalBody and ModalFooter as children\n  useVerifyAllowedChildren({\n    allowedComponents: [componentIds.ModalHeader, componentIds.ModalBody, componentIds.ModalFooter],\n    children,\n    componentName: 'Modal',\n  });\n\n  return (\n    <FloatingPortal>\n      <ModalContext.Provider value={modalContext}>\n        {isMounted ? (\n          <FloatingFocusManager\n            returnFocus\n            initialFocus={initialFocusRef ?? defaultInitialFocusRef}\n            context={context}\n            modal={true}\n          >\n            <Box zIndex={zIndex} position=\"fixed\" testID=\"modal-wrapper\">\n              <ModalBackdrop />\n              <ModalContent\n                {...metaAttribute({\n                  name: MetaConstants.Modal,\n                })}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                maxWidth={makeSize(modalMaxWidth[size])}\n                minWidth={makeSize(modalMinWidth)}\n                maxHeight={modalMaxHeight}\n                width={`calc(100vw - ${makeSize(modalResponsiveScreenGap)})`}\n                borderRadius={modalBorderRadius}\n                backgroundColor=\"popup.background.subtle\"\n                position=\"absolute\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                top=\"50%\"\n                left=\"50%\"\n                onKeyDown={handleKeyDown}\n                isVisible={isVisible}\n                ref={refs.setFloating}\n              >\n                {children}\n              </ModalContent>\n            </Box>\n          </FloatingFocusManager>\n        ) : null}\n      </ModalContext.Provider>\n    </FloatingPortal>\n  );\n};\n\nexport { Modal, ModalHeader, ModalFooter, ModalBody };\nexport type { ModalProps, ModalHeaderProps, ModalFooterProps, ModalBodyProps };\n"],"names":["entry","keyframes","exit","ModalContent","styled","BaseBox","withConfig","displayName","componentId","_ref","isVisible","theme","css","elevation","highRaised","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","revealing","Modal","_ref2","_ref2$isOpen","isOpen","children","onDismiss","initialFocusRef","_ref2$size","size","accessibilityLabel","_ref2$zIndex","zIndex","componentZIndices","modal","_useTheme","useTheme","platform","_usePresence","usePresence","transitionDuration","initialEnter","isMounted","useEffect","logger","message","moduleName","type","_useFloating","useFloating","open","refs","context","defaultInitialFocusRef","React","useRef","modalContext","useMemo","close","handleKeyDown","event","key","code","useVerifyAllowedChildren","allowedComponents","componentIds","ModalHeader","ModalBody","ModalFooter","componentName","_jsx","FloatingPortal","ModalContext","Provider","value","FloatingFocusManager","returnFocus","initialFocus","_jsxs","Box","position","testID","ModalBackdrop","_objectSpread","metaAttribute","name","MetaConstants","makeAccessible","role","label","maxWidth","makeSize","modalMaxWidth","minWidth","modalMinWidth","maxHeight","modalMaxHeight","width","concat","modalResponsiveScreenGap","borderRadius","modalBorderRadius","backgroundColor","display","flexDirection","top","left","onKeyDown","ref","setFloating"],"mappings":"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"}
+{"version":3,"file":"Modal.web.js","sources":["../../../../../../src/components/Modal/Modal.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect } from 'react';\nimport styled, { css, keyframes } from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport usePresence from 'use-presence';\nimport { ModalHeader } from './ModalHeader';\nimport type { ModalHeaderProps } from './ModalHeader';\nimport { ModalFooter } from './ModalFooter';\nimport type { ModalFooterProps } from './ModalFooter';\nimport { ModalBody } from './ModalBody';\nimport type { ModalBodyProps } from './ModalBody';\nimport { ModalContext } from './ModalContext';\nimport { ModalBackdrop } from './ModalBackdrop';\nimport {\n  modalBorderRadius,\n  modalMaxHeight,\n  modalMaxWidth,\n  modalMinWidth,\n  modalResponsiveScreenGap,\n} from './modalTokens';\nimport type { ModalProps } from './types';\nimport { componentIds } from './constants';\nimport { castWebType, makeMotionTime, makeSize } from '~utils';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { Box } from '~components/Box';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { logger } from '~utils/logger';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst entry = keyframes`\n  from {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.9) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1) translateY(0px);\n  }\n`;\n\nconst exit = keyframes`\n  from {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.9) translateY(20px);\n  }\n`;\n\nconst ModalContent = styled(BaseBox)<{ isVisible: boolean }>(({ isVisible, theme }) => {\n  return css`\n    box-shadow: ${theme.elevation.highRaised};\n    position: fixed;\n    transform: translate(-50%, -50%);\n    opacity: ${isVisible ? 1 : 0};\n    animation: ${isVisible ? entry : exit}\n      ${castWebType(makeMotionTime(theme.motion.duration.xmoderate))}\n      ${isVisible\n        ? castWebType(theme.motion.easing.entrance.revealing)\n        : castWebType(theme.motion.easing.exit.revealing)};\n  `;\n});\n\nconst Modal = ({\n  isOpen = false,\n  children,\n  onDismiss,\n  initialFocusRef,\n  size = 'small',\n  accessibilityLabel,\n  zIndex = componentZIndices.modal,\n  ...rest\n}: ModalProps): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { isMounted, isVisible } = usePresence(isOpen, {\n    transitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  // Warn consumer if modal is opened on mobile\n  useEffect(() => {\n    if (__DEV__) {\n      if (platform === 'onMobile') {\n        logger({\n          message: 'Modal is not supported on mobile devices. Please use BottomSheet instead.',\n          moduleName: 'Modal',\n          type: 'warn',\n        });\n      }\n    }\n  }, [platform]);\n\n  // required by floating ui to handle focus\n  const { refs, context } = useFloating({\n    open: isMounted,\n  });\n\n  const defaultInitialFocusRef = React.useRef<any>(null);\n\n  const modalContext = React.useMemo(\n    () => ({\n      isOpen,\n      close: onDismiss,\n      defaultInitialFocusRef,\n      isVisible,\n    }),\n    [isOpen, onDismiss, defaultInitialFocusRef, isVisible],\n  );\n  const handleKeyDown = (event: React.KeyboardEvent): void => {\n    // close modal on escape key press\n    if (event?.key === 'Escape' || event?.code === 'Escape') {\n      onDismiss();\n    }\n  };\n\n  // Only allow ModalHeader, ModalBody and ModalFooter as children\n  useVerifyAllowedChildren({\n    allowedComponents: [componentIds.ModalHeader, componentIds.ModalBody, componentIds.ModalFooter],\n    children,\n    componentName: 'Modal',\n  });\n\n  return (\n    <FloatingPortal>\n      <ModalContext.Provider value={modalContext}>\n        {isMounted ? (\n          <FloatingFocusManager\n            returnFocus\n            initialFocus={initialFocusRef ?? defaultInitialFocusRef}\n            context={context}\n            modal={true}\n          >\n            <Box\n              zIndex={zIndex}\n              position=\"fixed\"\n              testID=\"modal-wrapper\"\n              {...makeAnalyticsAttribute(rest)}\n            >\n              <ModalBackdrop />\n              <ModalContent\n                {...metaAttribute({\n                  name: MetaConstants.Modal,\n                })}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                maxWidth={makeSize(modalMaxWidth[size])}\n                minWidth={makeSize(modalMinWidth)}\n                maxHeight={modalMaxHeight}\n                width={`calc(100vw - ${makeSize(modalResponsiveScreenGap)})`}\n                borderRadius={modalBorderRadius}\n                backgroundColor=\"popup.background.subtle\"\n                position=\"absolute\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                top=\"50%\"\n                left=\"50%\"\n                onKeyDown={handleKeyDown}\n                isVisible={isVisible}\n                ref={refs.setFloating}\n              >\n                {children}\n              </ModalContent>\n            </Box>\n          </FloatingFocusManager>\n        ) : null}\n      </ModalContext.Provider>\n    </FloatingPortal>\n  );\n};\n\nexport { Modal, ModalHeader, ModalFooter, ModalBody };\nexport type { ModalProps, ModalHeaderProps, ModalFooterProps, ModalBodyProps };\n"],"names":["entry","keyframes","exit","ModalContent","styled","BaseBox","withConfig","displayName","componentId","_ref","isVisible","theme","css","elevation","highRaised","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","revealing","Modal","_ref2","_ref2$isOpen","isOpen","children","onDismiss","initialFocusRef","_ref2$size","size","accessibilityLabel","_ref2$zIndex","zIndex","componentZIndices","modal","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","_usePresence","usePresence","transitionDuration","initialEnter","isMounted","useEffect","logger","message","moduleName","type","_useFloating","useFloating","open","refs","context","defaultInitialFocusRef","React","useRef","modalContext","useMemo","close","handleKeyDown","event","key","code","useVerifyAllowedChildren","allowedComponents","componentIds","ModalHeader","ModalBody","ModalFooter","componentName","_jsx","FloatingPortal","ModalContext","Provider","value","FloatingFocusManager","returnFocus","initialFocus","_jsxs","Box","_objectSpread","position","testID","makeAnalyticsAttribute","ModalBackdrop","metaAttribute","name","MetaConstants","makeAccessible","role","label","maxWidth","makeSize","modalMaxWidth","minWidth","modalMinWidth","maxHeight","modalMaxHeight","width","concat","modalResponsiveScreenGap","borderRadius","modalBorderRadius","backgroundColor","display","flexDirection","top","left","onKeyDown","ref","setFloating"],"mappings":"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"}

package/build/lib/web/development/components/Modal/ModalBody.web.js

@@ -1,29 +1,35 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { componentIds } from './constants.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+var _excluded = ["children", "padding"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _ModalBody = function _ModalBody(_ref) {
   var children = _ref.children,
     _ref$padding = _ref.padding,
-    padding = _ref$padding === void 0 ? 'spacing.6' : _ref$padding;
+    padding = _ref$padding === void 0 ? 'spacing.6' : _ref$padding,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var contentRef = React__default.useRef(null);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     name: MetaConstants.ModalBody
   })), {}, {
     padding: padding,
     ref: contentRef,
     overflowY: "auto",
-    overflowX: "hidden",
+    overflowX: "hidden"
+  }, makeAnalyticsAttribute(rest)), {}, {
     children: children
   }));
 };

package/build/lib/web/development/components/Modal/ModalBody.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.web.js","sources":["../../../../../../src/components/Modal/ModalBody.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { componentIds } from './constants';\nimport { assignWithoutSideEffects } from '~src/utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\n\ntype ModalBodyProps = {\n  children: React.ReactNode;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.6`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;\n};\n\nconst _ModalBody = ({ children, padding = 'spacing.6' }: ModalBodyProps): React.ReactElement => {\n  const contentRef = React.useRef<any>(null);\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.ModalBody })}\n      padding={padding}\n      ref={contentRef}\n      overflowY=\"auto\"\n      overflowX=\"hidden\"\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst ModalBody = assignWithoutSideEffects(_ModalBody, {\n  componentId: componentIds.ModalBody,\n});\n\nexport { ModalBody };\nexport type { ModalBodyProps };\n"],"names":["_ModalBody","_ref","children","_ref$padding","padding","contentRef","React","useRef","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","ModalBody","ref","overflowY","overflowX","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAgF;AAAA,EAAA,IAA1EC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CAAEG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,YAAA,CAAA;AACnD,EAAA,IAAME,UAAU,GAAGC,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC,CAAA;EAE1C,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,SAAAA;AAAU,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACpDV,IAAAA,OAAO,EAAEA,OAAQ;AACjBW,IAAAA,GAAG,EAAEV,UAAW;AAChBW,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,SAAS,EAAC,QAAQ;AAAAf,IAAAA,QAAA,EAEjBA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMY,SAAS,gBAAGI,wBAAwB,CAAClB,UAAU,EAAE;EACrDmB,WAAW,EAAEC,YAAY,CAACN,SAAAA;AAC5B,CAAC;;;;"}
+{"version":3,"file":"ModalBody.web.js","sources":["../../../../../../src/components/Modal/ModalBody.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { componentIds } from './constants';\nimport { assignWithoutSideEffects } from '~src/utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ModalBodyProps = {\n  children: React.ReactNode;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.6`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;\n} & DataAnalyticsAttribute;\n\nconst _ModalBody = ({\n  children,\n  padding = 'spacing.6',\n  ...rest\n}: ModalBodyProps): React.ReactElement => {\n  const contentRef = React.useRef<any>(null);\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.ModalBody })}\n      padding={padding}\n      ref={contentRef}\n      overflowY=\"auto\"\n      overflowX=\"hidden\"\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst ModalBody = assignWithoutSideEffects(_ModalBody, {\n  componentId: componentIds.ModalBody,\n});\n\nexport { ModalBody };\nexport type { ModalBodyProps };\n"],"names":["_ModalBody","_ref","children","_ref$padding","padding","rest","_objectWithoutProperties","_excluded","contentRef","React","useRef","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","ModalBody","ref","overflowY","overflowX","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;AAsBA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAI0B;AAAA,EAAA,IAHxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CACRG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,YAAA;AAClBE,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC,CAAA;EAE1C,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,SAAAA;AAAU,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACpDb,IAAAA,OAAO,EAAEA,OAAQ;AACjBc,IAAAA,GAAG,EAAEV,UAAW;AAChBW,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,SAAS,EAAC,QAAA;GACNC,EAAAA,sBAAsB,CAAChB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAH,IAAAA,QAAA,EAE/BA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMe,SAAS,gBAAGK,wBAAwB,CAACtB,UAAU,EAAE;EACrDuB,WAAW,EAAEC,YAAY,CAACP,SAAAA;AAC5B,CAAC;;;;"}

package/build/lib/web/development/components/Modal/ModalFooter.web.js

@@ -1,24 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import { componentIds } from './constants.js';
 import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
 import '../Box/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { Box } from '../Box/Box.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _ModalFooter = function _ModalFooter(props) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var containerRef = React__default.useRef(null);
   return /*#__PURE__*/jsx(Box, {
     ref: containerRef,
-    children: /*#__PURE__*/jsx(BaseFooter, {
+    children: /*#__PURE__*/jsx(BaseFooter, _objectSpread({
       metaComponentName: MetaConstants.ModalFooter,
       children: props.children,
       showDivider: true
-    })
+    }, makeAnalyticsAttribute(props)))
   });
 };
 var ModalFooter = /*#__PURE__*/assignWithoutSideEffects(_ModalFooter, {

package/build/lib/web/development/components/Modal/ModalFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.web.js","sources":["../../../../../../src/components/Modal/ModalFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './constants';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { Box } from '~components/Box';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype ModalFooterProps = Pick<BaseFooterProps, 'children'>;\n\nconst _ModalFooter = (props: ModalFooterProps): React.ReactElement => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const containerRef = React.useRef<any>(null);\n\n  return (\n    <Box ref={containerRef}>\n      <BaseFooter\n        metaComponentName={MetaConstants.ModalFooter}\n        children={props.children}\n        showDivider={true}\n      />\n    </Box>\n  );\n};\n\nconst ModalFooter = assignWithoutSideEffects(_ModalFooter, {\n  componentId: componentIds.ModalFooter,\n});\n\nexport { ModalFooter };\nexport type { ModalFooterProps };\n"],"names":["_ModalFooter","props","containerRef","React","useRef","_jsx","Box","ref","children","BaseFooter","metaComponentName","MetaConstants","ModalFooter","showDivider","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAuB,EAAyB;AACpE;AACA,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC,CAAA;EAE5C,oBACEC,GAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,GAAG,EAAEL,YAAa;IAAAM,QAAA,eACrBH,GAAA,CAACI,UAAU,EAAA;MACTC,iBAAiB,EAAEC,aAAa,CAACC,WAAY;MAC7CJ,QAAQ,EAAEP,KAAK,CAACO,QAAS;AACzBK,MAAAA,WAAW,EAAE,IAAA;KACd,CAAA;AAAC,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMD,WAAW,gBAAGE,wBAAwB,CAACd,YAAY,EAAE;EACzDe,WAAW,EAAEC,YAAY,CAACJ,WAAAA;AAC5B,CAAC;;;;"}
+{"version":3,"file":"ModalFooter.web.js","sources":["../../../../../../src/components/Modal/ModalFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './constants';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { Box } from '~components/Box';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ModalFooterProps = Pick<BaseFooterProps, 'children' | keyof DataAnalyticsAttribute>;\n\nconst _ModalFooter = (props: ModalFooterProps): React.ReactElement => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const containerRef = React.useRef<any>(null);\n\n  return (\n    <Box ref={containerRef}>\n      <BaseFooter\n        metaComponentName={MetaConstants.ModalFooter}\n        children={props.children}\n        showDivider={true}\n        {...makeAnalyticsAttribute(props)}\n      />\n    </Box>\n  );\n};\n\nconst ModalFooter = assignWithoutSideEffects(_ModalFooter, {\n  componentId: componentIds.ModalFooter,\n});\n\nexport { ModalFooter };\nexport type { ModalFooterProps };\n"],"names":["_ModalFooter","props","containerRef","React","useRef","_jsx","Box","ref","children","BaseFooter","_objectSpread","metaComponentName","MetaConstants","ModalFooter","showDivider","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;AAYA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAuB,EAAyB;AACpE;AACA,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC,CAAA;EAE5C,oBACEC,GAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,GAAG,EAAEL,YAAa;AAAAM,IAAAA,QAAA,eACrBH,GAAA,CAACI,UAAU,EAAAC,aAAA,CAAA;MACTC,iBAAiB,EAAEC,aAAa,CAACC,WAAY;MAC7CL,QAAQ,EAAEP,KAAK,CAACO,QAAS;AACzBM,MAAAA,WAAW,EAAE,IAAA;AAAK,KAAA,EACdC,sBAAsB,CAACd,KAAK,CAAC,CAClC,CAAA;AAAC,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMY,WAAW,gBAAGG,wBAAwB,CAAChB,YAAY,EAAE;EACzDiB,WAAW,EAAEC,YAAY,CAACL,WAAAA;AAC5B,CAAC;;;;"}

package/build/lib/web/development/components/Modal/ModalHeader.web.js

@@ -1,3 +1,5 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useModalContext } from './ModalContext.js';
 import { componentIds } from './constants.js';
 import '../../utils/index.js';
@@ -9,27 +11,32 @@ import '../Icons/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+var _excluded = ["leading", "subtitle", "title", "titleSuffix", "trailing"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _ModalHeader = function _ModalHeader(_ref) {
   var leading = _ref.leading,
     subtitle = _ref.subtitle,
     title = _ref.title,
     titleSuffix = _ref.titleSuffix,
-    trailing = _ref.trailing;
+    trailing = _ref.trailing,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useModalContext = useModalContext(),
     close = _useModalContext.close,
     defaultInitialFocusRef = _useModalContext.defaultInitialFocusRef;
   var isHeaderEmpty = !(title || subtitle || leading || trailing);
-  return isHeaderEmpty ? /*#__PURE__*/jsx(BaseBox, {
+  return isHeaderEmpty ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -41,7 +48,8 @@ var _ModalHeader = function _ModalHeader(_ref) {
     flexShrink: 0,
     backgroundColor: "popup.background.subtle",
     borderRadius: "max",
-    zIndex: componentZIndices.modal,
+    zIndex: componentZIndices.modal
+  }, makeAnalyticsAttribute(rest)), {}, {
     children: /*#__PURE__*/jsx(IconButton, {
       ref: defaultInitialFocusRef,
       size: "large",
@@ -49,7 +57,7 @@ var _ModalHeader = function _ModalHeader(_ref) {
       accessibilityLabel: "Close",
       onClick: close
     })
-  }) : /*#__PURE__*/jsx(BaseHeader, {
+  })) : /*#__PURE__*/jsx(BaseHeader, _objectSpread({
     metaComponentName: MetaConstants.ModalHeader,
     title: title,
     subtitle: subtitle,
@@ -59,7 +67,7 @@ var _ModalHeader = function _ModalHeader(_ref) {
     closeButtonRef: defaultInitialFocusRef,
     showCloseButton: true,
     onCloseButtonClick: close
-  });
+  }, makeAnalyticsAttribute(rest)));
 };
 var ModalHeader = /*#__PURE__*/assignWithoutSideEffects(_ModalHeader, {
   componentId: componentIds.ModalHeader

package/build/lib/web/development/components/Modal/ModalHeader.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.web.js","sources":["../../../../../../src/components/Modal/ModalHeader.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useModalContext } from './ModalContext';\nimport { componentIds } from './constants';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { makeSize } from '~utils';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { size } from '~tokens/global';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\n\ntype ModalHeaderProps = Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'\n>;\n\nconst _ModalHeader = ({\n  leading,\n  subtitle,\n  title,\n  titleSuffix,\n  trailing,\n}: ModalHeaderProps): React.ReactElement => {\n  const { close, defaultInitialFocusRef } = useModalContext();\n\n  const isHeaderEmpty = !(title || subtitle || leading || trailing);\n  return isHeaderEmpty ? (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      position=\"absolute\"\n      top=\"spacing.5\"\n      right=\"spacing.5\"\n      width={makeSize(size[28])}\n      height={makeSize(size[28])}\n      flexShrink={0}\n      backgroundColor=\"popup.background.subtle\"\n      borderRadius=\"max\"\n      zIndex={componentZIndices.modal}\n    >\n      <IconButton\n        ref={defaultInitialFocusRef}\n        size=\"large\"\n        icon={CloseIcon}\n        accessibilityLabel=\"Close\"\n        onClick={close}\n      />\n    </BaseBox>\n  ) : (\n    <BaseHeader\n      metaComponentName={MetaConstants.ModalHeader}\n      title={title}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n      titleSuffix={titleSuffix}\n      closeButtonRef={defaultInitialFocusRef}\n      showCloseButton={true}\n      onCloseButtonClick={close}\n    />\n  );\n};\nconst ModalHeader = assignWithoutSideEffects(_ModalHeader, {\n  componentId: componentIds.ModalHeader,\n});\n\nexport { ModalHeader };\nexport type { ModalHeaderProps };\n"],"names":["_ModalHeader","_ref","leading","subtitle","title","titleSuffix","trailing","_useModalContext","useModalContext","close","defaultInitialFocusRef","isHeaderEmpty","_jsx","BaseBox","display","alignItems","justifyContent","position","top","right","width","makeSize","size","height","flexShrink","backgroundColor","borderRadius","zIndex","componentZIndices","modal","children","IconButton","ref","icon","CloseIcon","accessibilityLabel","onClick","BaseHeader","metaComponentName","MetaConstants","ModalHeader","closeButtonRef","showCloseButton","onCloseButtonClick","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAmBA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAM0B;AAAA,EAAA,IAL1CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AAER,EAAA,IAAAC,gBAAA,GAA0CC,eAAe,EAAE;IAAnDC,KAAK,GAAAF,gBAAA,CAALE,KAAK;IAAEC,sBAAsB,GAAAH,gBAAA,CAAtBG,sBAAsB,CAAA;EAErC,IAAMC,aAAa,GAAG,EAAEP,KAAK,IAAID,QAAQ,IAAID,OAAO,IAAII,QAAQ,CAAC,CAAA;AACjE,EAAA,OAAOK,aAAa,gBAClBC,GAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,QAAQ,EAAC,UAAU;AACnBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,KAAK,EAAC,WAAW;AACjBC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAE;AAC1BC,IAAAA,MAAM,EAAEF,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAE;AAC3BE,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,eAAe,EAAC,yBAAyB;AACzCC,IAAAA,YAAY,EAAC,KAAK;IAClBC,MAAM,EAAEC,iBAAiB,CAACC,KAAM;IAAAC,QAAA,eAEhClB,GAAA,CAACmB,UAAU,EAAA;AACTC,MAAAA,GAAG,EAAEtB,sBAAuB;AAC5BY,MAAAA,IAAI,EAAC,OAAO;AACZW,MAAAA,IAAI,EAAEC,SAAU;AAChBC,MAAAA,kBAAkB,EAAC,OAAO;AAC1BC,MAAAA,OAAO,EAAE3B,KAAAA;KACV,CAAA;AAAC,GACK,CAAC,gBAEVG,GAAA,CAACyB,UAAU,EAAA;IACTC,iBAAiB,EAAEC,aAAa,CAACC,WAAY;AAC7CpC,IAAAA,KAAK,EAAEA,KAAM;AACbD,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBI,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,WAAW,EAAEA,WAAY;AACzBoC,IAAAA,cAAc,EAAE/B,sBAAuB;AACvCgC,IAAAA,eAAe,EAAE,IAAK;AACtBC,IAAAA,kBAAkB,EAAElC,KAAAA;AAAM,GAC3B,CACF,CAAA;AACH,CAAC,CAAA;AACD,IAAM+B,WAAW,gBAAGI,wBAAwB,CAAC5C,YAAY,EAAE;EACzD6C,WAAW,EAAEC,YAAY,CAACN,WAAAA;AAC5B,CAAC;;;;"}
+{"version":3,"file":"ModalHeader.web.js","sources":["../../../../../../src/components/Modal/ModalHeader.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useModalContext } from './ModalContext';\nimport { componentIds } from './constants';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { makeSize } from '~utils';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { size } from '~tokens/global';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ModalHeaderProps = Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | keyof DataAnalyticsAttribute\n>;\n\nconst _ModalHeader = ({\n  leading,\n  subtitle,\n  title,\n  titleSuffix,\n  trailing,\n  ...rest\n}: ModalHeaderProps): React.ReactElement => {\n  const { close, defaultInitialFocusRef } = useModalContext();\n\n  const isHeaderEmpty = !(title || subtitle || leading || trailing);\n  return isHeaderEmpty ? (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      position=\"absolute\"\n      top=\"spacing.5\"\n      right=\"spacing.5\"\n      width={makeSize(size[28])}\n      height={makeSize(size[28])}\n      flexShrink={0}\n      backgroundColor=\"popup.background.subtle\"\n      borderRadius=\"max\"\n      zIndex={componentZIndices.modal}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <IconButton\n        ref={defaultInitialFocusRef}\n        size=\"large\"\n        icon={CloseIcon}\n        accessibilityLabel=\"Close\"\n        onClick={close}\n      />\n    </BaseBox>\n  ) : (\n    <BaseHeader\n      metaComponentName={MetaConstants.ModalHeader}\n      title={title}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n      titleSuffix={titleSuffix}\n      closeButtonRef={defaultInitialFocusRef}\n      showCloseButton={true}\n      onCloseButtonClick={close}\n      {...makeAnalyticsAttribute(rest)}\n    />\n  );\n};\nconst ModalHeader = assignWithoutSideEffects(_ModalHeader, {\n  componentId: componentIds.ModalHeader,\n});\n\nexport { ModalHeader };\nexport type { ModalHeaderProps };\n"],"names":["_ModalHeader","_ref","leading","subtitle","title","titleSuffix","trailing","rest","_objectWithoutProperties","_excluded","_useModalContext","useModalContext","close","defaultInitialFocusRef","isHeaderEmpty","_jsx","BaseBox","_objectSpread","display","alignItems","justifyContent","position","top","right","width","makeSize","size","height","flexShrink","backgroundColor","borderRadius","zIndex","componentZIndices","modal","makeAnalyticsAttribute","children","IconButton","ref","icon","CloseIcon","accessibilityLabel","onClick","BaseHeader","metaComponentName","MetaConstants","ModalHeader","closeButtonRef","showCloseButton","onCloseButtonClick","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAO0B;AAAA,EAAA,IAN1CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,gBAAA,GAA0CC,eAAe,EAAE;IAAnDC,KAAK,GAAAF,gBAAA,CAALE,KAAK;IAAEC,sBAAsB,GAAAH,gBAAA,CAAtBG,sBAAsB,CAAA;EAErC,IAAMC,aAAa,GAAG,EAAEV,KAAK,IAAID,QAAQ,IAAID,OAAO,IAAII,QAAQ,CAAC,CAAA;EACjE,OAAOQ,aAAa,gBAClBC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,QAAQ,EAAC,UAAU;AACnBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,KAAK,EAAC,WAAW;AACjBC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAE;AAC1BC,IAAAA,MAAM,EAAEF,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAE;AAC3BE,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,eAAe,EAAC,yBAAyB;AACzCC,IAAAA,YAAY,EAAC,KAAK;IAClBC,MAAM,EAAEC,iBAAiB,CAACC,KAAAA;GACtBC,EAAAA,sBAAsB,CAAC3B,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA4B,QAAA,eAEhCpB,GAAA,CAACqB,UAAU,EAAA;AACTC,MAAAA,GAAG,EAAExB,sBAAuB;AAC5Ba,MAAAA,IAAI,EAAC,OAAO;AACZY,MAAAA,IAAI,EAAEC,SAAU;AAChBC,MAAAA,kBAAkB,EAAC,OAAO;AAC1BC,MAAAA,OAAO,EAAE7B,KAAAA;KACV,CAAA;AAAC,GAAA,CACK,CAAC,gBAEVG,GAAA,CAAC2B,UAAU,EAAAzB,aAAA,CAAA;IACT0B,iBAAiB,EAAEC,aAAa,CAACC,WAAY;AAC7CzC,IAAAA,KAAK,EAAEA,KAAM;AACbD,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBI,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,WAAW,EAAEA,WAAY;AACzByC,IAAAA,cAAc,EAAEjC,sBAAuB;AACvCkC,IAAAA,eAAe,EAAE,IAAK;AACtBC,IAAAA,kBAAkB,EAAEpC,KAAAA;AAAM,GAAA,EACtBsB,sBAAsB,CAAC3B,IAAI,CAAC,CACjC,CACF,CAAA;AACH,CAAC,CAAA;AACD,IAAMsC,WAAW,gBAAGI,wBAAwB,CAACjD,YAAY,EAAE;EACzDkD,WAAW,EAAEC,YAAY,CAACN,WAAAA;AAC5B,CAAC;;;;"}

package/build/lib/web/development/components/Popover/Popover.web.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useFloating, shift, flip, offset, arrow, autoUpdate, useTransitionStyles, useClick, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
 import React__default from 'react';
 import { PopoverContent } from './PopoverContent.js';
@@ -17,6 +18,7 @@ import '../../utils/makeAccessible/index.js';
 import { useId } from '../../utils/useId.js';
 import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { size } from '../../tokens/global/size.js';
@@ -24,8 +26,10 @@ import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { PopupArrow } from '../PopupArrow/PopupArrow.web.js';
 
+var _excluded = ["content", "title", "titleLeading", "footer", "children", "placement", "onOpenChange", "zIndex", "isOpen", "defaultIsOpen", "initialFocusRef"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Popover = function Popover(_ref) {
@@ -41,7 +45,8 @@ var Popover = function Popover(_ref) {
     zIndex = _ref$zIndex === void 0 ? componentZIndices.popover : _ref$zIndex,
     isOpen = _ref.isOpen,
     defaultIsOpen = _ref.defaultIsOpen,
-    initialFocusRef = _ref.initialFocusRef;
+    initialFocusRef = _ref.initialFocusRef,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var defaultInitialFocusRef = React__default.useRef(null);
@@ -157,7 +162,7 @@ var Popover = function Popover(_ref) {
         context: context,
         modal: true,
         guards: true,
-        children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
           ref: refs.setFloating,
           style: floatingStyles
           // TODO: Tokenize zIndex values
@@ -167,7 +172,7 @@ var Popover = function Popover(_ref) {
           name: MetaConstants.Popover
         })), makeAccessible({
           labelledBy: titleId
-        })), {}, {
+        })), makeAnalyticsAttribute(rest)), {}, {
           children: /*#__PURE__*/jsx(PopoverContent, {
             title: title,
             titleLeading: titleLeading,