@razorpay/blade 11.36.2 → 11.38.0

package/build/lib/web/development/components/BaseHeaderFooter/BaseFooter.js

@@ -1,15 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'react';
 import '../Divider/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Divider } from '../Divider/Divider.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+var _excluded = ["children", "showDivider", "metaComponentName", "padding", "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 _BaseFooter = function _BaseFooter(_ref) {
@@ -18,12 +22,13 @@ var _BaseFooter = function _BaseFooter(_ref) {
     showDivider = _ref$showDivider === void 0 ? true : _ref$showDivider,
     metaComponentName = _ref.metaComponentName,
     padding = _ref.padding,
-    testID = _ref.testID;
+    testID = _ref.testID,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [showDivider && /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, metaAttribute({
+    children: [showDivider && /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
       name: metaComponentName,
       testID: testID
-    })), {}, {
+    })), makeAnalyticsAttribute(rest)), {}, {
       padding: padding !== null && padding !== void 0 ? padding : {
         base: 'spacing.5',
         m: 'spacing.6'

package/build/lib/web/development/components/BaseHeaderFooter/BaseFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseFooter.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\n\ntype BaseFooterProps = {\n  children: React.ReactNode;\n  metaComponentName?: string;\n  showDivider?: boolean;\n  padding?: BoxProps['padding'];\n} & TestID;\n\nconst _BaseFooter = ({\n  children,\n  showDivider = true,\n  metaComponentName,\n  padding,\n  testID,\n}: BaseFooterProps): React.ReactElement => {\n  return (\n    <>\n      {showDivider && <Divider />}\n      <BaseBox\n        {...metaAttribute({ name: metaComponentName, testID })}\n        padding={padding ?? { base: 'spacing.5', m: 'spacing.6' }}\n      >\n        {children}\n      </BaseBox>\n    </>\n  );\n};\n\nconst BaseFooter = assignWithoutSideEffects(_BaseFooter, {\n  componentId: 'BaseFooter',\n});\n\nexport type { BaseFooterProps };\nexport { BaseFooter };\n"],"names":["_BaseFooter","_ref","children","_ref$showDivider","showDivider","metaComponentName","padding","testID","_jsxs","_Fragment","_jsx","Divider","BaseBox","_objectSpread","metaAttribute","name","base","m","BaseFooter","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAM0B;AAAA,EAAA,IALzCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,gBAAA,GAAAF,IAAA,CACRG,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAClBE,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,MAAM,GAAAN,IAAA,CAANM,MAAM,CAAA;EAEN,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAP,IAAAA,QAAA,GACGE,WAAW,iBAAIM,GAAA,CAACC,OAAO,IAAE,CAAC,eAC3BD,GAAA,CAACE,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFC,aAAa,CAAC;AAAEC,MAAAA,IAAI,EAAEV,iBAAiB;AAAEE,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACtDD,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI;AAAEU,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAAAf,MAAAA,QAAA,EAEzDA,QAAAA;AAAQ,KAAA,CACF,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEP,CAAC,CAAA;AAED,IAAMgB,UAAU,gBAAGC,wBAAwB,CAACnB,WAAW,EAAE;AACvDoB,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"BaseFooter.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseFooterProps = {\n  children: React.ReactNode;\n  metaComponentName?: string;\n  showDivider?: boolean;\n  padding?: BoxProps['padding'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _BaseFooter = ({\n  children,\n  showDivider = true,\n  metaComponentName,\n  padding,\n  testID,\n  ...rest\n}: BaseFooterProps): React.ReactElement => {\n  return (\n    <>\n      {showDivider && <Divider />}\n      <BaseBox\n        {...metaAttribute({ name: metaComponentName, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        padding={padding ?? { base: 'spacing.5', m: 'spacing.6' }}\n      >\n        {children}\n      </BaseBox>\n    </>\n  );\n};\n\nconst BaseFooter = assignWithoutSideEffects(_BaseFooter, {\n  componentId: 'BaseFooter',\n});\n\nexport type { BaseFooterProps };\nexport { BaseFooter };\n"],"names":["_BaseFooter","_ref","children","_ref$showDivider","showDivider","metaComponentName","padding","testID","rest","_objectWithoutProperties","_excluded","_jsxs","_Fragment","_jsx","Divider","BaseBox","_objectSpread","metaAttribute","name","makeAnalyticsAttribute","base","m","BaseFooter","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAO0B;AAAA,EAAA,IANzCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,gBAAA,GAAAF,IAAA,CACRG,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAClBE,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,MAAM,GAAAN,IAAA,CAANM,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAEP,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAV,QAAA,EAAA,CACGE,WAAW,iBAAIS,GAAA,CAACC,OAAO,EAAA,EAAE,CAAC,eAC3BD,GAAA,CAACE,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFC,aAAa,CAAC;AAAEC,MAAAA,IAAI,EAAEb,iBAAiB;AAAEE,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EAClDY,sBAAsB,CAACX,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCF,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI;AAAEc,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAAAnB,MAAAA,QAAA,EAEzDA,QAAAA;AAAQ,KAAA,CACF,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEP,CAAC,CAAA;AAED,IAAMoB,UAAU,gBAAGC,wBAAwB,CAACvB,WAAW,EAAE;AACvDwB,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/BaseHeaderFooter/BaseHeader.js

@@ -1,3 +1,4 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
@@ -13,12 +14,14 @@ import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/logger/index.js';
 import '../../tokens/global/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError, logger } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Box } from '../Box/Box.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
 import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
@@ -29,6 +32,7 @@ import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import { Divider } from '../Divider/Divider.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+var _excluded = ["title", "subtitle", "leading", "titleSuffix", "trailing", "showDivider", "showBackButton", "showCloseButton", "onBackButtonClick", "onCloseButtonClick", "closeButtonRef", "backButtonRef", "testID", "onClickCapture", "onKeyDown", "onKeyUp", "onLostPointerCapture", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "metaComponentName", "paddingX", "marginY", "marginBottom", "marginTop", "size", "isDisabled", "children", "trailingInteractionElement"];
 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 commonCenterBoxProps = {
@@ -173,7 +177,8 @@ var _BaseHeader = function _BaseHeader(_ref2) {
     size$1 = _ref2$size === void 0 ? 'large' : _ref2$size,
     isDisabled = _ref2.isDisabled,
     children = _ref2.children,
-    trailingInteractionElement = _ref2.trailingInteractionElement;
+    trailingInteractionElement = _ref2.trailingInteractionElement,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var validatedTrailingComponent = useTrailingRestriction({
     trailing: trailing,
     size: size$1
@@ -189,10 +194,10 @@ var _BaseHeader = function _BaseHeader(_ref2) {
     onPointerMove: onPointerMove,
     onPointerUp: onPointerUp
   };
-  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     name: metaComponentName,
     testID: testID
-  })), {}, {
+  })), makeAnalyticsAttribute(rest)), {}, {
     children: [/*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
       marginY: marginY !== null && marginY !== void 0 ? marginY : {
         base: 'spacing.5',

package/build/lib/web/development/components/BaseHeaderFooter/BaseHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseHeader.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative, makeSize } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { size as sizeToken } from '~tokens/global';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n\n  /**\n   * Slot for rendering any trailing interaction element into BaseHeader.\n   *\n   * E.g. Used in accordion to render CollapsibleChevronIcon\n   */\n  trailingInteractionElement?: React.ReactNode;\n\n  /**\n   * Decides size of the Header\n   */\n  size?: 'large' | 'medium';\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Disabled state of BaseHeader\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  paddingX?: BoxProps['paddingX'];\n  marginY?: BoxProps['marginY'];\n  marginTop?: BoxProps['marginTop'];\n  marginBottom?: BoxProps['marginBottom'];\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  backButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement | React.ReactElement[];\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst commonCenterBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n};\n\nconst centerBoxProps: { large: BoxProps; medium: BoxProps } = {\n  large: {\n    ...commonCenterBoxProps,\n    // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n    // But we also want to keep them center aligned to each other\n    // So we add a virtual Box around these slots with 28px and center align them to that box\n    // We have done similar thing in figma as well (which is where this 28px comes from)\n    height: '28px',\n  },\n  medium: {\n    ...commonCenterBoxProps,\n    height: '20px',\n  },\n};\n\nconst sizeTokensMapping = {\n  large: {\n    title: 'large',\n  },\n  medium: {\n    title: 'medium',\n  },\n} as const;\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  large: {\n    Button: {\n      size: 'xsmall',\n      variant: 'tertiary',\n    },\n    Badge: {\n      size: 'medium',\n    },\n    Link: {\n      size: 'medium',\n    },\n    Text: {\n      size: 'medium',\n      variant: 'body',\n    },\n    Amount: {\n      type: 'body',\n      size: 'medium',\n    },\n  },\n  medium: {\n    Button: {\n      size: 'xsmall',\n      variant: 'tertiary',\n    },\n    Badge: {\n      size: 'small',\n    },\n    Link: {\n      size: 'small',\n    },\n    Text: {\n      size: 'small',\n      variant: 'body',\n    },\n    Amount: {\n      type: 'body',\n      size: 'small',\n    },\n  },\n} as const;\n\nconst useTrailingRestriction = ({\n  trailing,\n  size,\n}: {\n  size: NonNullable<BaseHeaderProps['size']>;\n  trailing: BaseHeaderProps['trailing'];\n}): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[size][trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap[size]);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[size][trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing, size]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  backButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  paddingX,\n  marginY,\n  marginBottom,\n  marginTop,\n  size = 'large',\n  isDisabled,\n  children,\n  trailingInteractionElement,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction({ trailing, size });\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox {...metaAttribute({ name: metaComponentName, testID })}>\n      <BaseBox\n        marginY={marginY ?? { base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={paddingX ?? { base: 'spacing.5', m: 'spacing.6' }}\n        marginTop={marginTop}\n        marginBottom={marginBottom}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps[size]}>\n                <IconButton\n                  ref={backButtonRef}\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox marginRight=\"spacing.3\" {...centerBoxProps[size]}>\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Text\n                    size={sizeTokensMapping[size].title}\n                    marginTop={makeSize(sizeToken['1'])}\n                    weight=\"semibold\"\n                    color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'}\n                    wordBreak=\"break-word\"\n                  >\n                    {title}\n                  </Text>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps[size]}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text\n                  variant=\"body\"\n                  size=\"small\"\n                  weight=\"regular\"\n                  color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n                >\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps[size]}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n          {trailingInteractionElement && !children ? (\n            <Box {...centerBoxProps[size]}>{trailingInteractionElement}</Box>\n          ) : null}\n        </BaseBox>\n        <BaseBox\n          display=\"flex\"\n          width=\"100%\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n        >\n          <Box width=\"100%\">{children}</Box>\n          {trailingInteractionElement && children ? (\n            <Box alignSelf=\"flex-start\" {...centerBoxProps[size]}>\n              {trailingInteractionElement}\n            </Box>\n          ) : null}\n        </BaseBox>\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["commonCenterBoxProps","display","alignItems","justifyContent","centerBoxProps","large","_objectSpread","height","medium","sizeTokensMapping","title","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","type","useTrailingRestriction","_ref","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","throwBladeError","message","concat","join","moduleName","restrictedPropKeys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref2","subtitle","leading","titleSuffix","_ref2$showDivider","showDivider","_ref2$showBackButton","showBackButton","_ref2$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","backButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","paddingX","marginY","marginBottom","marginTop","_ref2$size","isDisabled","children","trailingInteractionElement","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","metaAttribute","name","base","m","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","undefined","flexShrink","makeSize","sizeToken","weight","color","wordBreak","marginLeft","CloseIcon","width","alignSelf","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseHeader.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative, makeSize } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n\n  /**\n   * Slot for rendering any trailing interaction element into BaseHeader.\n   *\n   * E.g. Used in accordion to render CollapsibleChevronIcon\n   */\n  trailingInteractionElement?: React.ReactNode;\n\n  /**\n   * Decides size of the Header\n   */\n  size?: 'large' | 'medium';\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Disabled state of BaseHeader\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  paddingX?: BoxProps['paddingX'];\n  marginY?: BoxProps['marginY'];\n  marginTop?: BoxProps['marginTop'];\n  marginBottom?: BoxProps['marginBottom'];\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  backButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement | React.ReactElement[];\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID &\n  DataAnalyticsAttribute;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst commonCenterBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n};\n\nconst centerBoxProps: { large: BoxProps; medium: BoxProps } = {\n  large: {\n    ...commonCenterBoxProps,\n    // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n    // But we also want to keep them center aligned to each other\n    // So we add a virtual Box around these slots with 28px and center align them to that box\n    // We have done similar thing in figma as well (which is where this 28px comes from)\n    height: '28px',\n  },\n  medium: {\n    ...commonCenterBoxProps,\n    height: '20px',\n  },\n};\n\nconst sizeTokensMapping = {\n  large: {\n    title: 'large',\n  },\n  medium: {\n    title: 'medium',\n  },\n} as const;\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  large: {\n    Button: {\n      size: 'xsmall',\n      variant: 'tertiary',\n    },\n    Badge: {\n      size: 'medium',\n    },\n    Link: {\n      size: 'medium',\n    },\n    Text: {\n      size: 'medium',\n      variant: 'body',\n    },\n    Amount: {\n      type: 'body',\n      size: 'medium',\n    },\n  },\n  medium: {\n    Button: {\n      size: 'xsmall',\n      variant: 'tertiary',\n    },\n    Badge: {\n      size: 'small',\n    },\n    Link: {\n      size: 'small',\n    },\n    Text: {\n      size: 'small',\n      variant: 'body',\n    },\n    Amount: {\n      type: 'body',\n      size: 'small',\n    },\n  },\n} as const;\n\nconst useTrailingRestriction = ({\n  trailing,\n  size,\n}: {\n  size: NonNullable<BaseHeaderProps['size']>;\n  trailing: BaseHeaderProps['trailing'];\n}): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[size][trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap[size]);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[size][trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing, size]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  backButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  paddingX,\n  marginY,\n  marginBottom,\n  marginTop,\n  size = 'large',\n  isDisabled,\n  children,\n  trailingInteractionElement,\n  ...rest\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction({ trailing, size });\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: metaComponentName, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        marginY={marginY ?? { base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={paddingX ?? { base: 'spacing.5', m: 'spacing.6' }}\n        marginTop={marginTop}\n        marginBottom={marginBottom}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps[size]}>\n                <IconButton\n                  ref={backButtonRef}\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox marginRight=\"spacing.3\" {...centerBoxProps[size]}>\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Text\n                    size={sizeTokensMapping[size].title}\n                    marginTop={makeSize(sizeToken['1'])}\n                    weight=\"semibold\"\n                    color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'}\n                    wordBreak=\"break-word\"\n                  >\n                    {title}\n                  </Text>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps[size]}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text\n                  variant=\"body\"\n                  size=\"small\"\n                  weight=\"regular\"\n                  color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n                >\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps[size]}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n          {trailingInteractionElement && !children ? (\n            <Box {...centerBoxProps[size]}>{trailingInteractionElement}</Box>\n          ) : null}\n        </BaseBox>\n        <BaseBox\n          display=\"flex\"\n          width=\"100%\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n        >\n          <Box width=\"100%\">{children}</Box>\n          {trailingInteractionElement && children ? (\n            <Box alignSelf=\"flex-start\" {...centerBoxProps[size]}>\n              {trailingInteractionElement}\n            </Box>\n          ) : null}\n        </BaseBox>\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["commonCenterBoxProps","display","alignItems","justifyContent","centerBoxProps","large","_objectSpread","height","medium","sizeTokensMapping","title","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","type","useTrailingRestriction","_ref","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","throwBladeError","message","concat","join","moduleName","restrictedPropKeys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref2","subtitle","leading","titleSuffix","_ref2$showDivider","showDivider","_ref2$showBackButton","showBackButton","_ref2$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","backButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","paddingX","marginY","marginBottom","marginTop","_ref2$size","isDisabled","children","trailingInteractionElement","rest","_objectWithoutProperties","_excluded","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","metaAttribute","name","makeAnalyticsAttribute","base","m","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","undefined","flexShrink","makeSize","sizeToken","weight","color","wordBreak","marginLeft","CloseIcon","width","alignSelf","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -11,19 +11,22 @@ import '../../utils/getFocusRingStyles/index.js';
 import '../../utils/logger/index.js';
 import '../../utils/makeAccessible/index.js';
 import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { Text } from '../Typography/Text/Text.js';
 
-var _excluded = ["children", "zIndex", "testID"];
+var _excluded = ["children", "zIndex", "testID"],
+  _excluded2 = ["title", "href", "rel", "target", "as", "isActive", "onClick", "icon", "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 BottomNav = function BottomNav(_ref) {
@@ -31,7 +34,7 @@ var BottomNav = function BottomNav(_ref) {
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? componentZIndices.bottomNav : _ref$zIndex,
     testID = _ref.testID,
-    styledProps = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   if (true) {
     var childrenCount = React__default.Children.count(children);
     if (childrenCount > 5 && childrenCount < 2) {
@@ -41,7 +44,7 @@ var BottomNav = function BottomNav(_ref) {
       });
     }
   }
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     role: "navigation",
     position: "fixed",
     bottom: "spacing.0",
@@ -54,12 +57,12 @@ var BottomNav = function BottomNav(_ref) {
     paddingX: "spacing.2",
     display: "flex",
     flexDirection: "row"
-  }, getStyledProps(styledProps)), {}, {
+  }, getStyledProps(rest)), {}, {
     zIndex: zIndex
   }, metaAttribute({
     testID: testID,
     name: MetaConstants.BottomNav
-  })), {}, {
+  })), makeAnalyticsAttribute(rest)), {}, {
     children: children
   }));
 };
@@ -92,11 +95,12 @@ var BottomNavItem = function BottomNavItem(_ref2) {
     isActive = _ref2.isActive,
     onClick = _ref2.onClick,
     Icon = _ref2.icon,
-    testID = _ref2.testID;
+    testID = _ref2.testID,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   var isRouterLink = as && href;
   var defaultRenderElement = href ? 'a' : 'button';
   var defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;
-  return /*#__PURE__*/jsxs(StyledBottomNavItem, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxs(StyledBottomNavItem, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     as: isRouterLink ? as : defaultRenderElement,
     href: as ? undefined : href,
     to: href // for react router
@@ -118,7 +122,7 @@ var BottomNavItem = function BottomNavItem(_ref2) {
   })), metaAttribute({
     name: MetaConstants.BottomNavItem,
     testID: testID
-  })), {}, {
+  })), makeAnalyticsAttribute(rest)), {}, {
     children: [/*#__PURE__*/jsx(Icon, {
       color: "currentColor",
       size: "large"

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNav.web.js","sources":["../../../../../../src/components/BottomNav/BottomNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { BottomNavItemProps, BottomNavProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { Text } from '~components/Typography';\nimport { makeMotionTime, makeSpace } from '~utils';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\n/**\n * ### BottomNav component\n *\n * Bottom navigation component is a persistent user interface element at the bottom of a mobile app screen, providing quick access to core functionalities through icons and labels.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * import { NavLink } from 'react-router-dom';\n *\n * <BottomNav>\n *   <BottomNavItem\n *     as={NavLink}\n *     isActive={true}\n *     title=\"Payments\"\n *     icon={WalletIcon}\n *     href=\"/payments\"\n *   />\n *   <BottomNavItem\n *     as={NavLink}\n *     title=\"Transactions\"\n *     icon={TransactionsIcon}\n *     href=\"/transactions\"\n *   />\n *   <BottomNavItem\n *     title=\"More\"\n *     icon={MoreIcon}\n *     onClick={() => {\n *       // This can be used to open SideNav drawer\n *       setIsSideNavOpen(true)\n *     }}\n *   />\n * </BottomNav>\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/??path=/docs/components-bottomnav--doc BottomNav Documentation}\n\n */\nconst BottomNav = ({\n  children,\n  zIndex = componentZIndices.bottomNav,\n  testID,\n  ...styledProps\n}: BottomNavProps): React.ReactElement => {\n  if (__DEV__) {\n    const childrenCount = React.Children.count(children);\n    if (childrenCount > 5 && childrenCount < 2) {\n      throwBladeError({\n        moduleName: 'BottomNav',\n        message: 'children cannot be less than 2 and more than 5',\n      });\n    }\n  }\n\n  return (\n    <BaseBox\n      role=\"navigation\"\n      position=\"fixed\"\n      bottom=\"spacing.0\"\n      left=\"spacing.0\"\n      elevation=\"midRaised\"\n      width=\"100%\"\n      backgroundColor=\"surface.background.gray.intense\"\n      borderTopWidth=\"thin\"\n      borderTopColor=\"surface.border.gray.muted\"\n      paddingX=\"spacing.2\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      {...getStyledProps(styledProps)}\n      zIndex={zIndex}\n      {...metaAttribute({\n        testID,\n        name: MetaConstants.BottomNav,\n      })}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StyledBottomNavItem = styled(BaseBox)<{ to?: string }>((props) => {\n  return {\n    textDecoration: 'none',\n    color: props.theme.colors.interactive.text.gray.subtle,\n    backgroundColor: 'transparent',\n    border: 'none',\n    paddingLeft: makeSpace(props.theme.spacing[0]),\n    paddingRight: makeSpace(props.theme.spacing[0]),\n    transition: `color ${makeMotionTime(props.theme.motion.duration['2xquick'])} ${\n      props.theme.motion.easing.standard.effective\n    }`,\n    '&[aria-current=\"page\"]': {\n      color: props.theme.colors.interactive.text.primary.subtle,\n    },\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme: props.theme }),\n    },\n  };\n});\n\nconst BottomNavItem = ({\n  title,\n  href,\n  rel,\n  target,\n  as,\n  isActive,\n  onClick,\n  icon: Icon,\n  testID,\n}: BottomNavItemProps): React.ReactElement => {\n  const isRouterLink = as && href;\n  const defaultRenderElement = href ? 'a' : 'button';\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <StyledBottomNavItem\n      as={isRouterLink ? as : defaultRenderElement}\n      href={as ? undefined : href}\n      to={href} // for react router\n      rel={rel ?? defaultRel}\n      target={target}\n      paddingTop=\"spacing.5\"\n      paddingBottom=\"spacing.4\"\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexDirection=\"column\"\n      flex=\"1\"\n      cursor=\"pointer\"\n      onClick={onClick}\n      gap=\"spacing.1\"\n      {...makeAccessible({\n        current: isActive ? 'page' : undefined,\n      })}\n      {...metaAttribute({\n        name: MetaConstants.BottomNavItem,\n        testID,\n      })}\n    >\n      <Icon color=\"currentColor\" size=\"large\" />\n      <Text truncateAfterLines={1} color=\"currentColor\" size=\"xsmall\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledBottomNavItem>\n  );\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["BottomNav","_ref","children","_ref$zIndex","zIndex","componentZIndices","bottomNav","testID","styledProps","_objectWithoutProperties","_excluded","childrenCount","React","Children","count","throwBladeError","moduleName","message","_jsx","BaseBox","_objectSpread","role","position","bottom","left","elevation","width","backgroundColor","borderTopWidth","borderTopColor","paddingX","display","flexDirection","getStyledProps","metaAttribute","name","MetaConstants","StyledBottomNavItem","styled","withConfig","displayName","componentId","props","textDecoration","color","theme","colors","interactive","text","gray","subtle","border","paddingLeft","makeSpace","spacing","paddingRight","transition","concat","makeMotionTime","motion","duration","easing","standard","effective","primary","getFocusRingStyles","BottomNavItem","_ref2","title","href","rel","target","as","isActive","onClick","Icon","icon","isRouterLink","defaultRenderElement","defaultRel","undefined","_jsxs","to","paddingTop","paddingBottom","alignItems","justifyContent","flex","cursor","gap","makeAccessible","current","size","Text","truncateAfterLines","weight"],"mappings":"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"}
+{"version":3,"file":"BottomNav.web.js","sources":["../../../../../../src/components/BottomNav/BottomNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { BottomNavItemProps, BottomNavProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { Text } from '~components/Typography';\nimport { makeMotionTime, makeSpace } from '~utils';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\n/**\n * ### BottomNav component\n *\n * Bottom navigation component is a persistent user interface element at the bottom of a mobile app screen, providing quick access to core functionalities through icons and labels.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * import { NavLink } from 'react-router-dom';\n *\n * <BottomNav>\n *   <BottomNavItem\n *     as={NavLink}\n *     isActive={true}\n *     title=\"Payments\"\n *     icon={WalletIcon}\n *     href=\"/payments\"\n *   />\n *   <BottomNavItem\n *     as={NavLink}\n *     title=\"Transactions\"\n *     icon={TransactionsIcon}\n *     href=\"/transactions\"\n *   />\n *   <BottomNavItem\n *     title=\"More\"\n *     icon={MoreIcon}\n *     onClick={() => {\n *       // This can be used to open SideNav drawer\n *       setIsSideNavOpen(true)\n *     }}\n *   />\n * </BottomNav>\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/??path=/docs/components-bottomnav--doc BottomNav Documentation}\n\n */\nconst BottomNav = ({\n  children,\n  zIndex = componentZIndices.bottomNav,\n  testID,\n  ...rest\n}: BottomNavProps): React.ReactElement => {\n  if (__DEV__) {\n    const childrenCount = React.Children.count(children);\n    if (childrenCount > 5 && childrenCount < 2) {\n      throwBladeError({\n        moduleName: 'BottomNav',\n        message: 'children cannot be less than 2 and more than 5',\n      });\n    }\n  }\n\n  return (\n    <BaseBox\n      role=\"navigation\"\n      position=\"fixed\"\n      bottom=\"spacing.0\"\n      left=\"spacing.0\"\n      elevation=\"midRaised\"\n      width=\"100%\"\n      backgroundColor=\"surface.background.gray.intense\"\n      borderTopWidth=\"thin\"\n      borderTopColor=\"surface.border.gray.muted\"\n      paddingX=\"spacing.2\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      {...getStyledProps(rest)}\n      zIndex={zIndex}\n      {...metaAttribute({\n        testID,\n        name: MetaConstants.BottomNav,\n      })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StyledBottomNavItem = styled(BaseBox)<{ to?: string }>((props) => {\n  return {\n    textDecoration: 'none',\n    color: props.theme.colors.interactive.text.gray.subtle,\n    backgroundColor: 'transparent',\n    border: 'none',\n    paddingLeft: makeSpace(props.theme.spacing[0]),\n    paddingRight: makeSpace(props.theme.spacing[0]),\n    transition: `color ${makeMotionTime(props.theme.motion.duration['2xquick'])} ${\n      props.theme.motion.easing.standard.effective\n    }`,\n    '&[aria-current=\"page\"]': {\n      color: props.theme.colors.interactive.text.primary.subtle,\n    },\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme: props.theme }),\n    },\n  };\n});\n\nconst BottomNavItem = ({\n  title,\n  href,\n  rel,\n  target,\n  as,\n  isActive,\n  onClick,\n  icon: Icon,\n  testID,\n  ...rest\n}: BottomNavItemProps): React.ReactElement => {\n  const isRouterLink = as && href;\n  const defaultRenderElement = href ? 'a' : 'button';\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <StyledBottomNavItem\n      as={isRouterLink ? as : defaultRenderElement}\n      href={as ? undefined : href}\n      to={href} // for react router\n      rel={rel ?? defaultRel}\n      target={target}\n      paddingTop=\"spacing.5\"\n      paddingBottom=\"spacing.4\"\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexDirection=\"column\"\n      flex=\"1\"\n      cursor=\"pointer\"\n      onClick={onClick}\n      gap=\"spacing.1\"\n      {...makeAccessible({\n        current: isActive ? 'page' : undefined,\n      })}\n      {...metaAttribute({\n        name: MetaConstants.BottomNavItem,\n        testID,\n      })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <Icon color=\"currentColor\" size=\"large\" />\n      <Text truncateAfterLines={1} color=\"currentColor\" size=\"xsmall\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledBottomNavItem>\n  );\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["BottomNav","_ref","children","_ref$zIndex","zIndex","componentZIndices","bottomNav","testID","rest","_objectWithoutProperties","_excluded","childrenCount","React","Children","count","throwBladeError","moduleName","message","_jsx","BaseBox","_objectSpread","role","position","bottom","left","elevation","width","backgroundColor","borderTopWidth","borderTopColor","paddingX","display","flexDirection","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","StyledBottomNavItem","styled","withConfig","displayName","componentId","props","textDecoration","color","theme","colors","interactive","text","gray","subtle","border","paddingLeft","makeSpace","spacing","paddingRight","transition","concat","makeMotionTime","motion","duration","easing","standard","effective","primary","getFocusRingStyles","BottomNavItem","_ref2","title","href","rel","target","as","isActive","onClick","Icon","icon","_excluded2","isRouterLink","defaultRenderElement","defaultRel","undefined","_jsxs","to","paddingTop","paddingBottom","alignItems","justifyContent","flex","cursor","gap","makeAccessible","current","size","Text","truncateAfterLines","weight"],"mappings":"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"}

package/build/lib/web/development/components/BottomSheet/BottomSheet.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 React__default from 'react';
 import styled from 'styled-components';
 import { useDrag, rubberbandIfOutOfBounds } from '@use-gesture/react';
@@ -27,6 +28,7 @@ import '../../utils/makeAccessible/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/makeMotionTime/index.web.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
@@ -35,9 +37,11 @@ import useTheme from '../BladeProvider/useTheme.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 { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+var _excluded = ["isOpen", "onDismiss", "children", "initialFocusRef", "snapPoints", "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 BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';
@@ -82,7 +86,8 @@ var _BottomSheet = function _BottomSheet(_ref2) {
     _ref2$snapPoints = _ref2.snapPoints,
     snapPoints = _ref2$snapPoints === void 0 ? [0.35, 0.5, 0.85] : _ref2$snapPoints,
     _ref2$zIndex = _ref2.zIndex,
-    zIndex = _ref2$zIndex === void 0 ? componentZIndices.bottomSheet : _ref2$zIndex;
+    zIndex = _ref2$zIndex === void 0 ? componentZIndices.bottomSheet : _ref2$zIndex,
+    dataAnalyticsProps = _objectWithoutProperties(_ref2, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var dimensions = useWindowSize();
@@ -450,7 +455,7 @@ var _BottomSheet = function _BottomSheet(_ref2) {
     value: contextValue,
     children: [/*#__PURE__*/jsx(BottomSheetBackdrop, {
       zIndex: bottomSheetZIndex
-    }), /*#__PURE__*/jsx(BottomSheetSurface, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    }), /*#__PURE__*/jsx(BottomSheetSurface, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
       name: MetaConstants.BottomSheet,
       testID: 'bottomsheet-surface'
     })), makeAccessible({
@@ -466,7 +471,8 @@ var _BottomSheet = function _BottomSheet(_ref2) {
         bottom: 0,
         top: 'auto',
         zIndex: bottomSheetZIndex
-      },
+      }
+    }, makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
       children: /*#__PURE__*/jsxs(BaseBox, {
         height: "100%",
         display: "flex",