@razorpay/blade 11.37.0 → 11.38.0

package/build/lib/web/development/components/BottomSheet/BottomSheetBody.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 { ComponentIds } from './componentIds.js';
 import { useBottomSheetContext } from './BottomSheetContext.js';
@@ -9,13 +10,16 @@ import { componentIds } from '../ActionList/componentIds.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 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", "overflow"];
 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 bodyStyles = {
@@ -32,7 +36,8 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
     _ref$padding = _ref.padding,
     padding = _ref$padding === void 0 ? 'spacing.5' : _ref$padding,
     _ref$overflow = _ref.overflow,
-    overflow = _ref$overflow === void 0 ? 'auto' : _ref$overflow;
+    overflow = _ref$overflow === void 0 ? 'auto' : _ref$overflow,
+    dataAnalyticsProps = _objectWithoutProperties(_ref, _excluded);
   var _useBottomSheetContex = useBottomSheetContext(),
     scrollRef = _useBottomSheetContex.scrollRef,
     setContentHeight = _useBottomSheetContex.setContentHeight,
@@ -62,10 +67,10 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [padding]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     testID: 'bottomsheet-body',
     name: MetaConstants.BottomSheetBody
-  })), {}, {
+  })), makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
     ref: scrollRef,
     flexGrow: 1,
     flexShrink: 1,

package/build/lib/web/development/components/BottomSheet/BottomSheetBody.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBody.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetBody.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\n\nconst bodyStyles: React.CSSProperties = {\n  WebkitTapHighlightColor: 'revert',\n  WebkitTouchCallout: 'revert',\n  WebkitUserSelect: 'auto',\n  overscrollBehavior: 'contain',\n  WebkitOverflowScrolling: 'touch',\n  userSelect: 'auto',\n  touchAction: 'none',\n};\n\nconst _BottomSheetBody = ({\n  children,\n  padding = 'spacing.5',\n  overflow = 'auto',\n}: BottomSheetBodyProps): React.ReactElement => {\n  const { scrollRef, setContentHeight, setHasBodyPadding, isOpen, bind } = useBottomSheetContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<boolean>(false);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n    setContentHeight(contentRef.current.getBoundingClientRect().height);\n  }, [contentRef, isOpen, children]);\n\n  React.useEffect(() => {\n    setBottomSheetHasActionList(false);\n    React.Children.forEach(children, (child) => {\n      if (isValidAllowedChildren(child, componentIds.ActionList)) {\n        setBottomSheetHasActionList(true);\n      }\n    });\n  }, [children]);\n\n  React.useEffect(() => {\n    if (padding === 'spacing.0') {\n      setHasBodyPadding(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [padding]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({\n        testID: 'bottomsheet-body',\n        name: MetaConstants.BottomSheetBody,\n      })}\n      ref={scrollRef}\n      flexGrow={1}\n      flexShrink={1}\n      style={bodyStyles}\n      overflow={overflow}\n      // Passing isContentDragging to bind()\n      // Inside the useDrag() hook this will let us know if user is dragging the content or not\n      {...bind?.({ isContentDragging: true })}\n    >\n      <BaseBox\n        paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n        ref={contentRef}\n        overflow={overflow}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n  componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["bodyStyles","WebkitTapHighlightColor","WebkitTouchCallout","WebkitUserSelect","overscrollBehavior","WebkitOverflowScrolling","userSelect","touchAction","_BottomSheetBody","_ref","children","_ref$padding","padding","_ref$overflow","overflow","_useBottomSheetContex","useBottomSheetContext","scrollRef","setContentHeight","setHasBodyPadding","isOpen","bind","contentRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","BaseBox","_objectSpread","metaAttribute","testID","name","MetaConstants","BottomSheetBody","ref","flexGrow","flexShrink","style","isContentDragging","paddingLeft","paddingRight","paddingTop","paddingBottom","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,UAA+B,GAAG;AACtCC,EAAAA,uBAAuB,EAAE,QAAQ;AACjCC,EAAAA,kBAAkB,EAAE,QAAQ;AAC5BC,EAAAA,gBAAgB,EAAE,MAAM;AACxBC,EAAAA,kBAAkB,EAAE,SAAS;AAC7BC,EAAAA,uBAAuB,EAAE,OAAO;AAChCC,EAAAA,UAAU,EAAE,MAAM;AAClBC,EAAAA,WAAW,EAAE,MAAA;AACf,CAAC,CAAA;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAI0B;AAAA,EAAA,IAH9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CACRG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,YAAA;IAAAE,aAAA,GAAAJ,IAAA,CACrBK,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,aAAA,CAAA;AAEjB,EAAA,IAAAE,qBAAA,GAAyEC,qBAAqB,EAAE;IAAxFC,SAAS,GAAAF,qBAAA,CAATE,SAAS;IAAEC,gBAAgB,GAAAH,qBAAA,CAAhBG,gBAAgB;IAAEC,iBAAiB,GAAAJ,qBAAA,CAAjBI,iBAAiB;IAAEC,MAAM,GAAAL,qBAAA,CAANK,MAAM;IAAEC,IAAI,GAAAN,qBAAA,CAAJM,IAAI,CAAA;AACpE,EAAA,IAAMC,UAAU,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,EAAA,IAAAC,eAAA,GAAgEF,cAAK,CAACG,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAvFI,IAAAA,wBAAwB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,2BAA2B,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAE5DI,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,IAAA,IAAI,CAACT,UAAU,CAACU,OAAO,EAAE,OAAA;IACzBd,gBAAgB,CAACI,UAAU,CAACU,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAAA;GACpE,EAAE,CAACZ,UAAU,EAAEF,MAAM,EAAEV,QAAQ,CAAC,CAAC,CAAA;EAElCa,cAAK,CAACY,SAAS,CAAC,YAAM;IACpBL,2BAA2B,CAAC,KAAK,CAAC,CAAA;IAClCP,cAAK,CAACa,QAAQ,CAACC,OAAO,CAAC3B,QAAQ,EAAE,UAAC4B,KAAK,EAAK;MAC1C,IAAIC,sBAAsB,CAACD,KAAK,EAAEE,YAAY,CAACC,UAAU,CAAC,EAAE;QAC1DX,2BAA2B,CAAC,IAAI,CAAC,CAAA;AACnC,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACpB,QAAQ,CAAC,CAAC,CAAA;EAEda,cAAK,CAACY,SAAS,CAAC,YAAM;IACpB,IAAIvB,OAAO,KAAK,WAAW,EAAE;MAC3BO,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC1B,KAAA;AACA;AACF,GAAC,EAAE,CAACP,OAAO,CAAC,CAAC,CAAA;EAEb,oBACE8B,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;AAChBC,IAAAA,MAAM,EAAE,kBAAkB;IAC1BC,IAAI,EAAEC,aAAa,CAACC,eAAAA;AACtB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFC,IAAAA,GAAG,EAAEjC,SAAU;AACfkC,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,KAAK,EAAErD,UAAW;AAClBc,IAAAA,QAAQ,EAAEA,QAAAA;AACV;AACA;AAAA,GAAA,EACIO,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAG;AAAEiC,IAAAA,iBAAiB,EAAE,IAAA;AAAK,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA5C,QAAA,eAEvCgC,GAAA,CAACC,OAAO,EAAA;AACNY,MAAAA,WAAW,EAAE1B,wBAAwB,GAAG,WAAW,GAAGjB,OAAQ;AAC9D4C,MAAAA,YAAY,EAAE3B,wBAAwB,GAAG,WAAW,GAAGjB,OAAQ;AAC/D6C,MAAAA,UAAU,EAAE5B,wBAAwB,GAAG,WAAW,GAAGjB,OAAQ;AAC7D8C,MAAAA,aAAa,EAAE7B,wBAAwB,GAAG,WAAW,GAAGjB,OAAQ;AAChEsC,MAAAA,GAAG,EAAE5B,UAAW;AAChBR,MAAAA,QAAQ,EAAEA,QAAS;AAAAJ,MAAAA,QAAA,EAElBA,QAAAA;KACM,CAAA;AAAC,GAAA,CACH,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMuC,eAAe,gBAAGU,wBAAwB,CAACnD,gBAAgB,EAAE;EACjEoD,WAAW,EAAEC,YAAY,CAACZ,eAAAA;AAC5B,CAAC;;;;"}
+{"version":3,"file":"BottomSheetBody.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetBody.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst bodyStyles: React.CSSProperties = {\n  WebkitTapHighlightColor: 'revert',\n  WebkitTouchCallout: 'revert',\n  WebkitUserSelect: 'auto',\n  overscrollBehavior: 'contain',\n  WebkitOverflowScrolling: 'touch',\n  userSelect: 'auto',\n  touchAction: 'none',\n};\n\nconst _BottomSheetBody = ({\n  children,\n  padding = 'spacing.5',\n  overflow = 'auto',\n  ...dataAnalyticsProps\n}: BottomSheetBodyProps): React.ReactElement => {\n  const { scrollRef, setContentHeight, setHasBodyPadding, isOpen, bind } = useBottomSheetContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<boolean>(false);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n    setContentHeight(contentRef.current.getBoundingClientRect().height);\n  }, [contentRef, isOpen, children]);\n\n  React.useEffect(() => {\n    setBottomSheetHasActionList(false);\n    React.Children.forEach(children, (child) => {\n      if (isValidAllowedChildren(child, componentIds.ActionList)) {\n        setBottomSheetHasActionList(true);\n      }\n    });\n  }, [children]);\n\n  React.useEffect(() => {\n    if (padding === 'spacing.0') {\n      setHasBodyPadding(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [padding]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({\n        testID: 'bottomsheet-body',\n        name: MetaConstants.BottomSheetBody,\n      })}\n      {...makeAnalyticsAttribute(dataAnalyticsProps)}\n      ref={scrollRef}\n      flexGrow={1}\n      flexShrink={1}\n      style={bodyStyles}\n      overflow={overflow}\n      // Passing isContentDragging to bind()\n      // Inside the useDrag() hook this will let us know if user is dragging the content or not\n      {...bind?.({ isContentDragging: true })}\n    >\n      <BaseBox\n        paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n        ref={contentRef}\n        overflow={overflow}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n  componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["bodyStyles","WebkitTapHighlightColor","WebkitTouchCallout","WebkitUserSelect","overscrollBehavior","WebkitOverflowScrolling","userSelect","touchAction","_BottomSheetBody","_ref","children","_ref$padding","padding","_ref$overflow","overflow","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","scrollRef","setContentHeight","setHasBodyPadding","isOpen","bind","contentRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","BaseBox","_objectSpread","metaAttribute","testID","name","MetaConstants","BottomSheetBody","makeAnalyticsAttribute","ref","flexGrow","flexShrink","style","isContentDragging","paddingLeft","paddingRight","paddingTop","paddingBottom","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":"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"}

package/build/lib/web/development/components/BottomSheet/BottomSheetFooter.web.js

@@ -1,19 +1,24 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { useBottomSheetContext } from './BottomSheetContext.js';
 import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
 import '../Box/BaseBox/index.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.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';
 
+var _excluded = ["children"];
 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 BottomSheetFooter = function BottomSheetFooter(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    dataAnalyticsProps = _objectWithoutProperties(_ref, _excluded);
   var _useBottomSheetContex = useBottomSheetContext(),
     setFooterHeight = _useBottomSheetContex.setFooterHeight,
     isOpen = _useBottomSheetContex.isOpen,
@@ -28,7 +33,7 @@ var BottomSheetFooter = function BottomSheetFooter(_ref) {
       setFooterHeight(ref.current.getBoundingClientRect().height);
     });
   }, [ref, isOpen]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     ref: ref,
     width: "100%",
     flexShrink: 0,
@@ -38,7 +43,7 @@ var BottomSheetFooter = function BottomSheetFooter(_ref) {
     zIndex: 2
   }, metaAttribute({
     name: MetaConstants.BottomSheetFooter
-  })), bind === null || bind === void 0 ? void 0 : bind()), {}, {
+  })), bind === null || bind === void 0 ? void 0 : bind()), makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
     children: /*#__PURE__*/jsx(BaseFooter, {
       children: children
     })

package/build/lib/web/development/components/BottomSheet/BottomSheetFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetFooter.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst BottomSheetFooter = ({ children }: BaseFooterProps): React.ReactElement => {\n  const { setFooterHeight, isOpen, bind } = useBottomSheetContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    // for some reason the calculated footer height is changing when user drags the sheet\n    // although i don't see a reason why, thus putting it in a setTimeout so that\n    // we calculate the height on the next browser paint\n    window.setTimeout(() => {\n      if (!ref.current) return;\n      setFooterHeight(ref.current.getBoundingClientRect().height);\n    });\n  }, [ref, isOpen]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      width=\"100%\"\n      flexShrink={0}\n      marginTop=\"auto\"\n      backgroundColor=\"popup.background.subtle\"\n      touchAction=\"none\"\n      zIndex={2}\n      {...metaAttribute({ name: MetaConstants.BottomSheetFooter })}\n      {...bind?.()}\n    >\n      <BaseFooter>{children}</BaseFooter>\n    </BaseBox>\n  );\n};\n\nexport { BottomSheetFooter };\n"],"names":["BottomSheetFooter","_ref","children","_useBottomSheetContex","useBottomSheetContext","setFooterHeight","isOpen","bind","ref","React","useRef","useIsomorphicLayoutEffect","window","setTimeout","current","getBoundingClientRect","height","_jsx","BaseBox","_objectSpread","width","flexShrink","marginTop","backgroundColor","touchAction","zIndex","metaAttribute","name","MetaConstants","BaseFooter"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA0D;AAAA,EAAA,IAApDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AACnC,EAAA,IAAAC,qBAAA,GAA0CC,qBAAqB,EAAE;IAAzDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,MAAM,GAAAH,qBAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI,CAAA;AACrC,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B;AACA;AACA;IACAC,MAAM,CAACC,UAAU,CAAC,YAAM;AACtB,MAAA,IAAI,CAACL,GAAG,CAACM,OAAO,EAAE,OAAA;MAClBT,eAAe,CAACG,GAAG,CAACM,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAAA;AAC7D,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACR,GAAG,EAAEF,MAAM,CAAC,CAAC,CAAA;EAEjB,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,eAAe,EAAC,yBAAyB;AACzCC,IAAAA,WAAW,EAAC,MAAM;AAClBC,IAAAA,MAAM,EAAE,CAAA;AAAE,GAAA,EACNC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAAC5B,iBAAAA;GAAmB,CAAC,GACxDO,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,EAAI,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,eAEZe,GAAA,CAACY,UAAU,EAAA;AAAA3B,MAAAA,QAAA,EAAEA,QAAAA;KAAqB,CAAA;AAAC,GAAA,CAC5B,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"BottomSheetFooter.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst BottomSheetFooter = ({\n  children,\n  ...dataAnalyticsProps\n}: BaseFooterProps): React.ReactElement => {\n  const { setFooterHeight, isOpen, bind } = useBottomSheetContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    // for some reason the calculated footer height is changing when user drags the sheet\n    // although i don't see a reason why, thus putting it in a setTimeout so that\n    // we calculate the height on the next browser paint\n    window.setTimeout(() => {\n      if (!ref.current) return;\n      setFooterHeight(ref.current.getBoundingClientRect().height);\n    });\n  }, [ref, isOpen]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      width=\"100%\"\n      flexShrink={0}\n      marginTop=\"auto\"\n      backgroundColor=\"popup.background.subtle\"\n      touchAction=\"none\"\n      zIndex={2}\n      {...metaAttribute({ name: MetaConstants.BottomSheetFooter })}\n      {...bind?.()}\n      {...makeAnalyticsAttribute(dataAnalyticsProps)}\n    >\n      <BaseFooter>{children}</BaseFooter>\n    </BaseBox>\n  );\n};\n\nexport { BottomSheetFooter };\n"],"names":["BottomSheetFooter","_ref","children","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","setFooterHeight","isOpen","bind","ref","React","useRef","useIsomorphicLayoutEffect","window","setTimeout","current","getBoundingClientRect","height","_jsx","BaseBox","_objectSpread","width","flexShrink","marginTop","backgroundColor","touchAction","zIndex","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","BaseFooter"],"mappings":";;;;;;;;;;;;;;;;;;AASA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAGoB;AAAA,EAAA,IAFzCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACLC,IAAAA,kBAAkB,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAErB,EAAA,IAAAC,qBAAA,GAA0CC,qBAAqB,EAAE;IAAzDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,MAAM,GAAAH,qBAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI,CAAA;AACrC,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B;AACA;AACA;IACAC,MAAM,CAACC,UAAU,CAAC,YAAM;AACtB,MAAA,IAAI,CAACL,GAAG,CAACM,OAAO,EAAE,OAAA;MAClBT,eAAe,CAACG,GAAG,CAACM,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAAA;AAC7D,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACR,GAAG,EAAEF,MAAM,CAAC,CAAC,CAAA;EAEjB,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,eAAe,EAAC,yBAAyB;AACzCC,IAAAA,WAAW,EAAC,MAAM;AAClBC,IAAAA,MAAM,EAAE,CAAA;AAAE,GAAA,EACNC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAAC/B,iBAAAA;AAAkB,GAAC,CAAC,CAAA,EACxDU,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,EAAI,CAAA,EACRsB,sBAAsB,CAAC7B,kBAAkB,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,eAE9CkB,GAAA,CAACa,UAAU,EAAA;AAAA/B,MAAAA,QAAA,EAAEA,QAAAA;KAAqB,CAAA;AAAC,GAAA,CAC5B,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/BottomSheet/BottomSheetHeader.web.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { ComponentIds } from './componentIds.js';
 import { useBottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext.js';
@@ -8,12 +9,15 @@ import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
 import '../../utils/assignWithoutSideEffects/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 = ["title", "subtitle", "leading", "titleSuffix", "trailing", "showBackButton", "onBackButtonClick", "children"];
 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 _BottomSheetHeader = function _BottomSheetHeader(_ref) {
@@ -25,7 +29,8 @@ var _BottomSheetHeader = function _BottomSheetHeader(_ref) {
     _ref$showBackButton = _ref.showBackButton,
     showBackButton = _ref$showBackButton === void 0 ? false : _ref$showBackButton,
     onBackButtonClick = _ref.onBackButtonClick,
-    children = _ref.children;
+    children = _ref.children,
+    dataAnalyticsProps = _objectWithoutProperties(_ref, _excluded);
   var _useBottomSheetContex = useBottomSheetContext(),
     setHeaderHeight = _useBottomSheetContex.setHeaderHeight,
     isOpen = _useBottomSheetContex.isOpen,
@@ -44,13 +49,13 @@ var _BottomSheetHeader = function _BottomSheetHeader(_ref) {
     setIsHeaderEmpty(isHeaderEmpty);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isHeaderEmpty]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
     ref: ref,
     overflow: isHeaderEmpty ? 'visible' : 'auto',
     flexShrink: 0
   }, metaAttribute({
     name: MetaConstants.BottomSheetHeader
-  })), {}, {
+  })), makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
     children: isHeaderEmpty ? /*#__PURE__*/jsx(BottomSheetEmptyHeader, {
       ref: defaultInitialFocusRef
     }) : /*#__PURE__*/jsx(BaseHeader, _objectSpread(_objectSpread({

package/build/lib/web/development/components/BottomSheet/BottomSheetHeader.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetHeader.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetHeader.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetAndDropdownGlue, useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetHeaderProps } from './types';\nimport { BottomSheetEmptyHeader } from './BottomSheetCommon';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _BottomSheetHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showBackButton = false,\n  onBackButtonClick,\n  children,\n}: BottomSheetHeaderProps): React.ReactElement => {\n  const {\n    setHeaderHeight,\n    isOpen,\n    close,\n    bind,\n    setIsHeaderEmpty,\n    defaultInitialFocusRef,\n  } = useBottomSheetContext();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) return;\n    setHeaderHeight(ref.current.getBoundingClientRect().height);\n  }, [ref, isOpen]);\n\n  const isHeaderEmpty = !(title || subtitle || leading || trailing || showBackButton || children);\n\n  React.useEffect(() => {\n    setIsHeaderEmpty(isHeaderEmpty);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isHeaderEmpty]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      overflow={isHeaderEmpty ? 'visible' : 'auto'}\n      flexShrink={0}\n      {...metaAttribute({ name: MetaConstants.BottomSheetHeader })}\n    >\n      {isHeaderEmpty ? (\n        <BottomSheetEmptyHeader ref={defaultInitialFocusRef} />\n      ) : (\n        <BaseHeader\n          title={title}\n          subtitle={subtitle}\n          leading={leading}\n          trailing={trailing}\n          titleSuffix={titleSuffix}\n          // we don't set focus on close button when it has AutoComplete inside.\n          // We set focus on AutoComplete instead inside AutoComplete component\n          closeButtonRef={\n            bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader\n              ? undefined\n              : defaultInitialFocusRef\n          }\n          // back button\n          showBackButton={showBackButton}\n          onBackButtonClick={onBackButtonClick}\n          // close button\n          showCloseButton={true}\n          onCloseButtonClick={close}\n          {...bind?.()}\n        >\n          {children}\n        </BaseHeader>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BottomSheetHeader = assignWithoutSideEffects(_BottomSheetHeader, {\n  componentId: ComponentIds.BottomSheetHeader,\n});\n\nexport { BottomSheetHeader };\n"],"names":["_BottomSheetHeader","_ref","title","subtitle","leading","titleSuffix","trailing","_ref$showBackButton","showBackButton","onBackButtonClick","children","_useBottomSheetContex","useBottomSheetContext","setHeaderHeight","isOpen","close","bind","setIsHeaderEmpty","defaultInitialFocusRef","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","ref","React","useRef","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","isHeaderEmpty","useEffect","_jsx","BaseBox","_objectSpread","overflow","flexShrink","metaAttribute","name","MetaConstants","BottomSheetHeader","BottomSheetEmptyHeader","BaseHeader","closeButtonRef","hasAutoCompleteInBottomSheetHeader","undefined","showCloseButton","onCloseButtonClick","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":"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"}
+{"version":3,"file":"BottomSheetHeader.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetHeader.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetAndDropdownGlue, useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetHeaderProps } from './types';\nimport { BottomSheetEmptyHeader } from './BottomSheetCommon';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _BottomSheetHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showBackButton = false,\n  onBackButtonClick,\n  children,\n  ...dataAnalyticsProps\n}: BottomSheetHeaderProps): React.ReactElement => {\n  const {\n    setHeaderHeight,\n    isOpen,\n    close,\n    bind,\n    setIsHeaderEmpty,\n    defaultInitialFocusRef,\n  } = useBottomSheetContext();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) return;\n    setHeaderHeight(ref.current.getBoundingClientRect().height);\n  }, [ref, isOpen]);\n\n  const isHeaderEmpty = !(title || subtitle || leading || trailing || showBackButton || children);\n\n  React.useEffect(() => {\n    setIsHeaderEmpty(isHeaderEmpty);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isHeaderEmpty]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      overflow={isHeaderEmpty ? 'visible' : 'auto'}\n      flexShrink={0}\n      {...metaAttribute({ name: MetaConstants.BottomSheetHeader })}\n      {...makeAnalyticsAttribute(dataAnalyticsProps)}\n    >\n      {isHeaderEmpty ? (\n        <BottomSheetEmptyHeader ref={defaultInitialFocusRef} />\n      ) : (\n        <BaseHeader\n          title={title}\n          subtitle={subtitle}\n          leading={leading}\n          trailing={trailing}\n          titleSuffix={titleSuffix}\n          // we don't set focus on close button when it has AutoComplete inside.\n          // We set focus on AutoComplete instead inside AutoComplete component\n          closeButtonRef={\n            bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader\n              ? undefined\n              : defaultInitialFocusRef\n          }\n          // back button\n          showBackButton={showBackButton}\n          onBackButtonClick={onBackButtonClick}\n          // close button\n          showCloseButton={true}\n          onCloseButtonClick={close}\n          {...bind?.()}\n        >\n          {children}\n        </BaseHeader>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BottomSheetHeader = assignWithoutSideEffects(_BottomSheetHeader, {\n  componentId: ComponentIds.BottomSheetHeader,\n});\n\nexport { BottomSheetHeader };\n"],"names":["_BottomSheetHeader","_ref","title","subtitle","leading","titleSuffix","trailing","_ref$showBackButton","showBackButton","onBackButtonClick","children","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","setHeaderHeight","isOpen","close","bind","setIsHeaderEmpty","defaultInitialFocusRef","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","ref","React","useRef","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","isHeaderEmpty","useEffect","_jsx","BaseBox","_objectSpread","overflow","flexShrink","metaAttribute","name","MetaConstants","BottomSheetHeader","makeAnalyticsAttribute","BottomSheetEmptyHeader","BaseHeader","closeButtonRef","hasAutoCompleteInBottomSheetHeader","undefined","showCloseButton","onCloseButtonClick","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":"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"}

package/build/lib/web/development/components/Box/BaseBox/BaseBox.web.js

@@ -4,17 +4,19 @@ import { useMemoizedStyles } from './useMemoizedStyles.web.js';
 import { omitPropsFromHTML } from '../../../utils/omitPropsFromHTML/index.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.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';
 
 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 _BaseBox = /*#__PURE__*/styled.div.attrs(function (props) {
-  return _objectSpread({}, metaAttribute({
+  return _objectSpread(_objectSpread({}, metaAttribute({
     name: props['data-blade-component'] || MetaConstants.BaseBox,
     testID: props['data-testid'] || props.testID
-  }));
+  })), makeAnalyticsAttribute(props));
 }).withConfig({
   shouldForwardProp: omitPropsFromHTML,
   displayName: 'BaseBox'

package/build/lib/web/development/components/Box/BaseBox/BaseBox.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseBox.web.js","sources":["../../../../../../../src/components/Box/BaseBox/BaseBox.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { BaseBoxProps } from './types';\nimport { useMemoizedStyles } from './useMemoizedStyles';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _BaseBox = styled.div\n  .attrs<BaseBoxProps>((props) => {\n    return {\n      ...metaAttribute({\n        name: (props as never)['data-blade-component'] || MetaConstants.BaseBox,\n        testID: (props as never)['data-testid'] || props.testID,\n      }),\n    };\n  })\n  .withConfig({\n    shouldForwardProp: omitPropsFromHTML,\n    displayName: 'BaseBox',\n  })<BaseBoxProps>((props) => {\n  const cssObject = useMemoizedStyles(props);\n  return cssObject;\n});\n\nconst BaseBox = assignWithoutSideEffects(_BaseBox, { componentId: 'BaseBox' });\n\nexport { BaseBox };\n"],"names":["_BaseBox","styled","div","attrs","props","_objectSpread","metaAttribute","name","MetaConstants","BaseBox","testID","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","cssObject","useMemoizedStyles","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,QAAQ,gBAAGC,MAAM,CAACC,GAAG,CACxBC,KAAK,CAAe,UAACC,KAAK,EAAK;EAC9B,OAAAC,aAAA,CACKC,EAAAA,EAAAA,aAAa,CAAC;IACfC,IAAI,EAAGH,KAAK,CAAW,sBAAsB,CAAC,IAAII,aAAa,CAACC,OAAO;AACvEC,IAAAA,MAAM,EAAGN,KAAK,CAAW,aAAa,CAAC,IAAIA,KAAK,CAACM,MAAAA;AACnD,GAAC,CAAC,CAAA,CAAA;AAEN,CAAC,CAAC,CACDC,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,SAAA;AACf,CAAC,CAAC,CAAe,UAACV,KAAK,EAAK;AAC5B,EAAA,IAAMW,SAAS,GAAGC,iBAAiB,CAACZ,KAAK,CAAC,CAAA;AAC1C,EAAA,OAAOW,SAAS,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,IAAMN,OAAO,gBAAGQ,wBAAwB,CAACjB,QAAQ,EAAE;AAAEkB,EAAAA,WAAW,EAAE,SAAA;AAAU,CAAC;;;;"}
+{"version":3,"file":"BaseBox.web.js","sources":["../../../../../../../src/components/Box/BaseBox/BaseBox.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { BaseBoxProps } from './types';\nimport { useMemoizedStyles } from './useMemoizedStyles';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _BaseBox = styled.div\n  .attrs<BaseBoxProps>((props) => {\n    return {\n      ...metaAttribute({\n        name: (props as never)['data-blade-component'] || MetaConstants.BaseBox,\n        testID: (props as never)['data-testid'] || props.testID,\n      }),\n      ...makeAnalyticsAttribute((props as unknown) as Record<string, unknown>),\n    };\n  })\n  .withConfig({\n    shouldForwardProp: omitPropsFromHTML,\n    displayName: 'BaseBox',\n  })<BaseBoxProps>((props) => {\n  const cssObject = useMemoizedStyles(props);\n  return cssObject;\n});\n\nconst BaseBox = assignWithoutSideEffects(_BaseBox, { componentId: 'BaseBox' });\n\nexport { BaseBox };\n"],"names":["_BaseBox","styled","div","attrs","props","_objectSpread","metaAttribute","name","MetaConstants","BaseBox","testID","makeAnalyticsAttribute","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","cssObject","useMemoizedStyles","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,gBAAGC,MAAM,CAACC,GAAG,CACxBC,KAAK,CAAe,UAACC,KAAK,EAAK;AAC9B,EAAA,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACKC,aAAa,CAAC;IACfC,IAAI,EAAGH,KAAK,CAAW,sBAAsB,CAAC,IAAII,aAAa,CAACC,OAAO;AACvEC,IAAAA,MAAM,EAAGN,KAAK,CAAW,aAAa,CAAC,IAAIA,KAAK,CAACM,MAAAA;AACnD,GAAC,CAAC,CAAA,EACCC,sBAAsB,CAAEP,KAA4C,CAAC,CAAA,CAAA;AAE5E,CAAC,CAAC,CACDQ,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,SAAA;AACf,CAAC,CAAC,CAAe,UAACX,KAAK,EAAK;AAC5B,EAAA,IAAMY,SAAS,GAAGC,iBAAiB,CAACb,KAAK,CAAC,CAAA;AAC1C,EAAA,OAAOY,SAAS,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,IAAMP,OAAO,gBAAGS,wBAAwB,CAAClB,QAAQ,EAAE;AAAEmB,EAAAA,WAAW,EAAE,SAAA;AAAU,CAAC;;;;"}

package/build/lib/web/development/components/Box/BaseBox/types/propsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"propsTypes.js","sources":["../../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n  {\n    height: SpacingValueType;\n    minHeight: SpacingValueType;\n    maxHeight: SpacingValueType;\n    width: SpacingValueType;\n    minWidth: SpacingValueType;\n    maxWidth: SpacingValueType;\n  } & PickCSSByPlatform<\n    'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'\n  >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n  {\n    /**\n     * This uses the native gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=gap\n     */\n    gap: SpacingValueType;\n    /**\n     * This uses the native row-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=row-gap\n     */\n    rowGap: SpacingValueType;\n    /**\n     * This uses the native column-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=column-gap\n     */\n    columnGap: SpacingValueType;\n    /**\n     * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n     *\n     * @see https://developer.mozilla.org/docs/Web/CSS/flex\n     */\n    flex: string | number;\n  } & PickCSSByPlatform<\n    | 'flexWrap'\n    | 'flexDirection'\n    | 'flexGrow'\n    | 'flexShrink'\n    | 'flexBasis'\n    | 'alignItems'\n    | 'alignContent'\n    | 'alignSelf'\n    | 'justifyItems'\n    | 'justifyContent'\n    | 'justifySelf'\n    | 'placeSelf'\n    | 'placeItems'\n    | 'order'\n  >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n  {\n    top: SpacingValueType;\n    right: SpacingValueType;\n    bottom: SpacingValueType;\n    left: SpacingValueType;\n  } & PickCSSByPlatform<'position' | 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n  PickCSSByPlatform<\n    | 'grid'\n    | 'gridColumn'\n    | 'gridRow'\n    | 'gridRowStart'\n    | 'gridRowEnd'\n    | 'gridColumnStart'\n    | 'gridColumnEnd'\n    | 'gridArea'\n    | 'gridAutoFlow'\n    | 'gridAutoRows'\n    | 'gridAutoColumns'\n    | 'gridTemplate'\n    | 'gridTemplateAreas'\n    | 'gridTemplateColumns'\n    | 'gridTemplateRows'\n  >\n>;\n\ntype ColorObjects = 'feedback' | 'surface' | 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' | 'overlay';\ntype BackgroundColorString<\n  T extends ColorObjects | BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n  Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n  'div',\n  'section',\n  'footer',\n  'header',\n  'main',\n  'aside',\n  'nav',\n  'span',\n  'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n  {\n    borderRadius: keyof Border['radius'];\n    borderWidth: keyof Border['width'];\n    borderColor: BorderColorString<'surface'>;\n    borderTopWidth: keyof Border['width'];\n    borderTopColor: BorderColorString<'surface'>;\n    borderRightWidth: keyof Border['width'];\n    borderRightColor: BorderColorString<'surface'>;\n    borderBottomWidth: keyof Border['width'];\n    borderBottomColor: BorderColorString<'surface'>;\n    borderLeftWidth: keyof Border['width'];\n    borderLeftColor: BorderColorString<'surface'>;\n    borderTopLeftRadius: keyof Border['radius'];\n    borderTopRightRadius: keyof Border['radius'];\n    borderBottomRightRadius: keyof Border['radius'];\n    borderBottomLeftRadius: keyof Border['radius'];\n  } & PickCSSByPlatform<\n    | 'backgroundImage'\n    | 'backgroundSize'\n    | 'backgroundPosition'\n    | 'backgroundOrigin'\n    | 'backgroundRepeat'\n    | 'pointerEvents'\n    | 'opacity'\n    | 'visibility'\n    | 'transform'\n    | 'transformOrigin'\n    | 'clipPath'\n    | 'borderStyle'\n    | 'borderTopStyle'\n    | 'borderBottomStyle'\n    | 'borderLeftStyle'\n    | 'borderRightStyle'\n  > & {\n      /**\n       * Sets the elevation for Box\n       *\n       * eg: `theme.elevation.midRaised`\n       *\n       * @default `theme.elevation.lowRaised`\n       *\n       * **Links:**\n       * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n       */\n      elevation?: keyof Elevation;\n    }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n  {\n    backgroundColor:\n      | BackgroundColorString<'feedback'>\n      | BackgroundColorString<'surface'>\n      | BackgroundColorString<'interactive'>\n      | BackgroundColorString<'overlay'>\n      | BackgroundColorString<'popup'>\n      | 'transparent'\n      | (string & Record<never, never>);\n    lineHeight: SpacingValueType;\n    touchAction: CSSObject['touchAction'];\n    userSelect: CSSObject['userSelect'];\n  } & PickCSSByPlatform<\n    | 'border'\n    | 'borderLeft'\n    | 'borderRight'\n    | 'borderTop'\n    | 'borderBottom'\n    | 'opacity'\n    | 'pointerEvents'\n    | 'cursor'\n  >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n  backgroundColor: BackgroundColorString<'surface'> | 'transparent';\n}> & {\n  // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n  // styled-components do not support passing `as` prop as an object\n  as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n  Omit<\n    MarginProps &\n      Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> &\n      PositionProps &\n      Pick<\n        GridProps,\n        | 'gridColumn'\n        | 'gridRow'\n        | 'gridRowStart'\n        | 'gridRowEnd'\n        | 'gridColumnStart'\n        | 'gridColumnEnd'\n        | 'gridArea'\n      > &\n      Pick<LayoutProps, 'display'> &\n      Pick<CommonBoxVisualProps, 'visibility'>,\n    '__brand__'\n  >\n>;\n\ntype BoxCallbackProps = Omit<\n  Platform.Select<{\n    web: {\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseOver: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseEnter: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseLeave: React.MouseEventHandler<HTMLElement>;\n      onScroll: React.UIEventHandler<HTMLElement>;\n    };\n    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;\n  }>,\n  '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n  Platform.Select<{\n    web: {\n      draggable: boolean;\n      onDragStart: React.DragEventHandler<HTMLElement>;\n      onDragEnter: React.DragEventHandler<HTMLElement>;\n      onDragLeave: React.DragEventHandler<HTMLElement>;\n      onDragOver: React.DragEventHandler<HTMLElement>;\n      onDragEnd: React.DragEventHandler<HTMLElement>;\n      onDrop: React.DragEventHandler<HTMLElement>;\n    };\n    native: Record<\n      | 'draggable'\n      | 'onDragStart'\n      | 'onDragEnter'\n      | 'onDragLeave'\n      | 'onDragOver'\n      | 'onDragEnd'\n      | 'onDrop',\n      undefined\n    >;\n  }>,\n  '__brand__'\n>;\n\ntype BoxProps = Partial<\n  PaddingProps &\n    MarginProps &\n    LayoutProps &\n    FlexboxProps &\n    PositionProps &\n    GridProps &\n    BoxCallbackProps &\n    BoxDragAndDropProps &\n    CommonBoxVisualProps &\n    BoxVisualProps & {\n      children?: React.ReactNode | React.ReactNode[];\n      tabIndex?: number;\n      id?: string;\n    } & TestID\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n  Partial<\n    BaseBoxVisualProps & {\n      className?: string;\n      id?: string;\n      tabIndex?: number;\n    }\n  > &\n  BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n  web: Omit<HTMLElement, 'style'>;\n  native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA6GA;AACMA,IAAAA,gBAAgB,GAAG,CACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO;;;;"}
+{"version":3,"file":"propsTypes.js","sources":["../../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { DataAnalyticsAttribute, PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n  {\n    height: SpacingValueType;\n    minHeight: SpacingValueType;\n    maxHeight: SpacingValueType;\n    width: SpacingValueType;\n    minWidth: SpacingValueType;\n    maxWidth: SpacingValueType;\n  } & PickCSSByPlatform<\n    'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'\n  >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n  {\n    /**\n     * This uses the native gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=gap\n     */\n    gap: SpacingValueType;\n    /**\n     * This uses the native row-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=row-gap\n     */\n    rowGap: SpacingValueType;\n    /**\n     * This uses the native column-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=column-gap\n     */\n    columnGap: SpacingValueType;\n    /**\n     * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n     *\n     * @see https://developer.mozilla.org/docs/Web/CSS/flex\n     */\n    flex: string | number;\n  } & PickCSSByPlatform<\n    | 'flexWrap'\n    | 'flexDirection'\n    | 'flexGrow'\n    | 'flexShrink'\n    | 'flexBasis'\n    | 'alignItems'\n    | 'alignContent'\n    | 'alignSelf'\n    | 'justifyItems'\n    | 'justifyContent'\n    | 'justifySelf'\n    | 'placeSelf'\n    | 'placeItems'\n    | 'order'\n  >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n  {\n    top: SpacingValueType;\n    right: SpacingValueType;\n    bottom: SpacingValueType;\n    left: SpacingValueType;\n  } & PickCSSByPlatform<'position' | 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n  PickCSSByPlatform<\n    | 'grid'\n    | 'gridColumn'\n    | 'gridRow'\n    | 'gridRowStart'\n    | 'gridRowEnd'\n    | 'gridColumnStart'\n    | 'gridColumnEnd'\n    | 'gridArea'\n    | 'gridAutoFlow'\n    | 'gridAutoRows'\n    | 'gridAutoColumns'\n    | 'gridTemplate'\n    | 'gridTemplateAreas'\n    | 'gridTemplateColumns'\n    | 'gridTemplateRows'\n  >\n>;\n\ntype ColorObjects = 'feedback' | 'surface' | 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' | 'overlay';\ntype BackgroundColorString<\n  T extends ColorObjects | BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n  Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n  'div',\n  'section',\n  'footer',\n  'header',\n  'main',\n  'aside',\n  'nav',\n  'span',\n  'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n  {\n    borderRadius: keyof Border['radius'];\n    borderWidth: keyof Border['width'];\n    borderColor: BorderColorString<'surface'>;\n    borderTopWidth: keyof Border['width'];\n    borderTopColor: BorderColorString<'surface'>;\n    borderRightWidth: keyof Border['width'];\n    borderRightColor: BorderColorString<'surface'>;\n    borderBottomWidth: keyof Border['width'];\n    borderBottomColor: BorderColorString<'surface'>;\n    borderLeftWidth: keyof Border['width'];\n    borderLeftColor: BorderColorString<'surface'>;\n    borderTopLeftRadius: keyof Border['radius'];\n    borderTopRightRadius: keyof Border['radius'];\n    borderBottomRightRadius: keyof Border['radius'];\n    borderBottomLeftRadius: keyof Border['radius'];\n  } & PickCSSByPlatform<\n    | 'backgroundImage'\n    | 'backgroundSize'\n    | 'backgroundPosition'\n    | 'backgroundOrigin'\n    | 'backgroundRepeat'\n    | 'pointerEvents'\n    | 'opacity'\n    | 'visibility'\n    | 'transform'\n    | 'transformOrigin'\n    | 'clipPath'\n    | 'borderStyle'\n    | 'borderTopStyle'\n    | 'borderBottomStyle'\n    | 'borderLeftStyle'\n    | 'borderRightStyle'\n  > & {\n      /**\n       * Sets the elevation for Box\n       *\n       * eg: `theme.elevation.midRaised`\n       *\n       * @default `theme.elevation.lowRaised`\n       *\n       * **Links:**\n       * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n       */\n      elevation?: keyof Elevation;\n    }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n  {\n    backgroundColor:\n      | BackgroundColorString<'feedback'>\n      | BackgroundColorString<'surface'>\n      | BackgroundColorString<'interactive'>\n      | BackgroundColorString<'overlay'>\n      | BackgroundColorString<'popup'>\n      | 'transparent'\n      | (string & Record<never, never>);\n    lineHeight: SpacingValueType;\n    touchAction: CSSObject['touchAction'];\n    userSelect: CSSObject['userSelect'];\n  } & PickCSSByPlatform<\n    | 'border'\n    | 'borderLeft'\n    | 'borderRight'\n    | 'borderTop'\n    | 'borderBottom'\n    | 'opacity'\n    | 'pointerEvents'\n    | 'cursor'\n  >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n  backgroundColor: BackgroundColorString<'surface'> | 'transparent';\n}> & {\n  // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n  // styled-components do not support passing `as` prop as an object\n  as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n  Omit<\n    MarginProps &\n      Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> &\n      PositionProps &\n      Pick<\n        GridProps,\n        | 'gridColumn'\n        | 'gridRow'\n        | 'gridRowStart'\n        | 'gridRowEnd'\n        | 'gridColumnStart'\n        | 'gridColumnEnd'\n        | 'gridArea'\n      > &\n      Pick<LayoutProps, 'display'> &\n      Pick<CommonBoxVisualProps, 'visibility'>,\n    '__brand__'\n  >\n>;\n\ntype BoxCallbackProps = Omit<\n  Platform.Select<{\n    web: {\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseOver: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseEnter: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseLeave: React.MouseEventHandler<HTMLElement>;\n      onScroll: React.UIEventHandler<HTMLElement>;\n    };\n    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;\n  }>,\n  '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n  Platform.Select<{\n    web: {\n      draggable: boolean;\n      onDragStart: React.DragEventHandler<HTMLElement>;\n      onDragEnter: React.DragEventHandler<HTMLElement>;\n      onDragLeave: React.DragEventHandler<HTMLElement>;\n      onDragOver: React.DragEventHandler<HTMLElement>;\n      onDragEnd: React.DragEventHandler<HTMLElement>;\n      onDrop: React.DragEventHandler<HTMLElement>;\n    };\n    native: Record<\n      | 'draggable'\n      | 'onDragStart'\n      | 'onDragEnter'\n      | 'onDragLeave'\n      | 'onDragOver'\n      | 'onDragEnd'\n      | 'onDrop',\n      undefined\n    >;\n  }>,\n  '__brand__'\n>;\n\ntype BoxProps = Partial<\n  PaddingProps &\n    MarginProps &\n    LayoutProps &\n    FlexboxProps &\n    PositionProps &\n    GridProps &\n    BoxCallbackProps &\n    BoxDragAndDropProps &\n    CommonBoxVisualProps &\n    BoxVisualProps & {\n      children?: React.ReactNode | React.ReactNode[];\n      tabIndex?: number;\n      id?: string;\n    } & TestID &\n    DataAnalyticsAttribute\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n  Partial<\n    DataAnalyticsAttribute &\n      BaseBoxVisualProps & {\n        className?: string;\n        id?: string;\n        tabIndex?: number;\n      }\n  > &\n  BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n  web: Omit<HTMLElement, 'style'>;\n  native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA6GA;AACMA,IAAAA,gBAAgB,GAAG,CACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO;;;;"}

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

@@ -6,12 +6,14 @@ import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { BaseBox } from './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';
 
 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; }
@@ -233,13 +235,13 @@ var _Box = function _Box(props, ref) {
   }, [props.as]);
   return /*#__PURE__*/jsx(BaseBox
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , _objectSpread(_objectSpread({
+  , _objectSpread(_objectSpread(_objectSpread({
     ref: ref,
     id: props.id
   }, metaAttribute({
     name: MetaConstants.Box,
     testID: props.testID
-  })), makeBoxProps(props)));
+  })), makeBoxProps(props)), makeAnalyticsAttribute(props)));
 };
 var Box = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Box), {
   displayName: 'Box',

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

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from './BaseBox';\nimport type { BoxProps, BoxRefType, MakeValueResponsive } from './BaseBox/types';\nimport { validBoxAsValues } from './BaseBox/types/propsTypes';\nimport type { KeysRequired } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\n\nconst validateBackgroundString = (stringBackgroundColorValue: string): void => {\n  if (__DEV__) {\n    if (\n      !stringBackgroundColorValue.startsWith('surface.background') &&\n      !stringBackgroundColorValue.startsWith('brand.') &&\n      stringBackgroundColorValue !== 'transparent'\n    ) {\n      throwBladeError({\n        message: `Oops! Currently you can only use \\`transparent\\`, \\`surface.background.*\\`, and \\`brand.*\\` tokens with backgroundColor property but we received \\`${stringBackgroundColorValue}\\` instead.\\n\\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss ✨`,\n        moduleName: 'Box',\n      });\n    }\n  }\n};\n\nconst validateBackgroundProp = (\n  responsiveBackgroundColor: MakeValueResponsive<string | undefined>,\n): void => {\n  if (__DEV__) {\n    if (responsiveBackgroundColor) {\n      if (typeof responsiveBackgroundColor === 'string') {\n        validateBackgroundString(responsiveBackgroundColor);\n        return;\n      }\n\n      Object.values(responsiveBackgroundColor).forEach((backgroundColor) => {\n        if (typeof backgroundColor === 'string') {\n          validateBackgroundString(backgroundColor);\n        }\n      });\n    }\n  }\n};\n\n/**\n * This function is to filter out any unexpected props passed by the user\n */\nconst makeBoxProps = (\n  props: BoxProps,\n): KeysRequired<Omit<BoxProps, 'testID' | 'id' | '__brand__'>> => {\n  return {\n    // Layout\n    display: props.display,\n    overflow: props.overflow,\n    overflowX: props.overflowX,\n    overflowY: props.overflowY,\n    whiteSpace: props.whiteSpace,\n    height: props.height,\n    minHeight: props.minHeight,\n    maxHeight: props.maxHeight,\n    width: props.width,\n    minWidth: props.minWidth,\n    maxWidth: props.maxWidth,\n    textAlign: props.textAlign,\n\n    // Flex\n    flex: props.flex,\n    flexWrap: props.flexWrap,\n    flexDirection: props.flexDirection,\n    flexGrow: props.flexGrow,\n    flexShrink: props.flexShrink,\n    flexBasis: props.flexBasis,\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    alignSelf: props.alignSelf,\n    justifyItems: props.justifyItems,\n    justifyContent: props.justifyContent,\n    justifySelf: props.justifySelf,\n    placeSelf: props.placeSelf,\n    placeItems: props.placeItems,\n    order: props.order,\n\n    // Grid\n    grid: props.grid,\n    gridColumn: props.gridColumn,\n    gridRow: props.gridRow,\n    gridRowStart: props.gridRowStart,\n    gridRowEnd: props.gridRowEnd,\n    gridColumnStart: props.gridColumnStart,\n    gridColumnEnd: props.gridColumnEnd,\n    gridArea: props.gridArea,\n    gridAutoFlow: props.gridAutoFlow,\n    gridAutoRows: props.gridAutoRows,\n    gridAutoColumns: props.gridAutoColumns,\n    gridTemplate: props.gridTemplate,\n    gridTemplateAreas: props.gridTemplateAreas,\n    gridTemplateColumns: props.gridTemplateColumns,\n    gridTemplateRows: props.gridTemplateRows,\n\n    // Spacing\n    padding: props.padding,\n    paddingTop: props.paddingTop,\n    paddingBottom: props.paddingBottom,\n    paddingRight: props.paddingRight,\n    paddingLeft: props.paddingLeft,\n    paddingX: props.paddingX,\n    paddingY: props.paddingY,\n    margin: props.margin,\n    marginBottom: props.marginBottom,\n    marginTop: props.marginTop,\n    marginRight: props.marginRight,\n    marginLeft: props.marginLeft,\n    marginX: props.marginX,\n    marginY: props.marginY,\n    gap: props.gap,\n    rowGap: props.rowGap,\n    columnGap: props.columnGap,\n\n    // Position\n    position: props.position,\n    zIndex: props.zIndex,\n    top: props.top,\n    right: props.right,\n    bottom: props.bottom,\n    left: props.left,\n\n    // Visual\n    backgroundColor: props.backgroundColor,\n    backgroundImage: props.backgroundImage,\n    backgroundSize: props.backgroundSize,\n    backgroundPosition: props.backgroundPosition,\n    backgroundOrigin: props.backgroundOrigin,\n    backgroundRepeat: props.backgroundRepeat,\n    elevation: props.elevation,\n    opacity: props.opacity,\n    visibility: props.visibility,\n\n    // Border\n    borderWidth: props.borderWidth,\n    borderColor: props.borderColor,\n    borderStyle: props.borderStyle,\n    borderTopWidth: props.borderTopWidth,\n    borderTopColor: props.borderTopColor,\n    borderTopStyle: props.borderTopStyle,\n    borderRightWidth: props.borderRightWidth,\n    borderRightColor: props.borderRightColor,\n    borderRightStyle: props.borderRightStyle,\n    borderBottomWidth: props.borderBottomWidth,\n    borderBottomColor: props.borderBottomColor,\n    borderBottomStyle: props.borderBottomStyle,\n    borderLeftWidth: props.borderLeftWidth,\n    borderLeftColor: props.borderLeftColor,\n    borderLeftStyle: props.borderLeftStyle,\n    borderRadius: props.borderRadius,\n    borderTopLeftRadius: props.borderTopLeftRadius,\n    borderTopRightRadius: props.borderTopRightRadius,\n    borderBottomRightRadius: props.borderBottomRightRadius,\n    borderBottomLeftRadius: props.borderBottomLeftRadius,\n\n    // Polygon Support\n    transform: props.transform,\n    transformOrigin: props.transformOrigin,\n    clipPath: props.clipPath,\n\n    // callbacks\n    onMouseEnter: props.onMouseEnter,\n    onMouseLeave: props.onMouseLeave,\n    onMouseOver: props.onMouseOver,\n    onScroll: props.onScroll,\n\n    // Drag and Drop\n    draggable: props.draggable,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n\n    pointerEvents: props.pointerEvents,\n    children: props.children,\n    tabIndex: props.tabIndex,\n    as: isReactNative() ? undefined : props.as, // as is not supported on react-native\n  };\n};\n\n/**\n * ## Box\n * \n * Box is the basic Layout component.\n *\n *\n * Box components supports most spacing CSS properties like `display`, `padding*`, `flex*`, `height`, `width`, etc.\n *\n *  Check out {@linkcode BoxProps BoxPropsType} for complete list of props and [Layout RFC](https://github.com/razorpay/blade/blob/master/rfcs/2023-01-06-layout.md) for more details on API decision.\n * \n * ----\n * \n * ### Usage\n * \n * ```jsx\n * <Box display=\"flex\">\n * ```\n\n * #### Responsive Props\n *\n * ```jsx\n * <Box padding={{ base: 'spacing.3', m: 'spacing.10' }} />\n * ```\n * \n * #### Margin and Padding Shorthands\n * \n * ```jsx\n * <Box padding={[\"spacing.3\", \"spacing.10\"]} />\n * ```\n *\n * ---\n * \n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-box Box Documentation}\n * \n */\nconst _Box: React.ForwardRefRenderFunction<BoxRefType, BoxProps> = (props, ref) => {\n  React.useEffect(() => {\n    if (__DEV__) {\n      validateBackgroundProp(props.backgroundColor);\n    }\n  }, [props.backgroundColor]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (props.as) {\n        if (isReactNative()) {\n          throwBladeError({\n            message: '`as` prop is not supported on React Native',\n            moduleName: 'Box',\n          });\n        }\n\n        if (!validBoxAsValues.includes(props.as)) {\n          throwBladeError({\n            message: `Invalid \\`as\\` prop value - ${props.as}. Only ${validBoxAsValues.join(\n              ', ',\n            )} are valid values`,\n            moduleName: 'Box',\n          });\n        }\n      }\n    }\n  }, [props.as]);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      id={props.id}\n      {...metaAttribute({ name: MetaConstants.Box, testID: props.testID })}\n      {...makeBoxProps(props)}\n    />\n  );\n};\n\nconst Box = assignWithoutSideEffects(React.forwardRef(_Box), {\n  displayName: 'Box',\n  componentId: 'Box',\n});\n\nexport { Box, makeBoxProps };\n"],"names":["validateBackgroundString","stringBackgroundColorValue","startsWith","throwBladeError","message","concat","moduleName","validateBackgroundProp","responsiveBackgroundColor","Object","values","forEach","backgroundColor","makeBoxProps","props","display","overflow","overflowX","overflowY","whiteSpace","height","minHeight","maxHeight","width","minWidth","maxWidth","textAlign","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingBottom","paddingRight","paddingLeft","paddingX","paddingY","margin","marginBottom","marginTop","marginRight","marginLeft","marginX","marginY","gap","rowGap","columnGap","position","zIndex","top","right","bottom","left","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","elevation","opacity","visibility","borderWidth","borderColor","borderStyle","borderTopWidth","borderTopColor","borderTopStyle","borderRightWidth","borderRightColor","borderRightStyle","borderBottomWidth","borderBottomColor","borderBottomStyle","borderLeftWidth","borderLeftColor","borderLeftStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","transform","transformOrigin","clipPath","onMouseEnter","onMouseLeave","onMouseOver","onScroll","draggable","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","pointerEvents","children","tabIndex","as","isReactNative","undefined","_Box","ref","React","useEffect","validBoxAsValues","includes","join","_jsx","BaseBox","_objectSpread","id","metaAttribute","name","MetaConstants","Box","testID","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Box.js","sources":["../../../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from './BaseBox';\nimport type { BoxProps, BoxRefType, MakeValueResponsive } from './BaseBox/types';\nimport { validBoxAsValues } from './BaseBox/types/propsTypes';\nimport type { KeysRequired } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validateBackgroundString = (stringBackgroundColorValue: string): void => {\n  if (__DEV__) {\n    if (\n      !stringBackgroundColorValue.startsWith('surface.background') &&\n      !stringBackgroundColorValue.startsWith('brand.') &&\n      stringBackgroundColorValue !== 'transparent'\n    ) {\n      throwBladeError({\n        message: `Oops! Currently you can only use \\`transparent\\`, \\`surface.background.*\\`, and \\`brand.*\\` tokens with backgroundColor property but we received \\`${stringBackgroundColorValue}\\` instead.\\n\\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss ✨`,\n        moduleName: 'Box',\n      });\n    }\n  }\n};\n\nconst validateBackgroundProp = (\n  responsiveBackgroundColor: MakeValueResponsive<string | undefined>,\n): void => {\n  if (__DEV__) {\n    if (responsiveBackgroundColor) {\n      if (typeof responsiveBackgroundColor === 'string') {\n        validateBackgroundString(responsiveBackgroundColor);\n        return;\n      }\n\n      Object.values(responsiveBackgroundColor).forEach((backgroundColor) => {\n        if (typeof backgroundColor === 'string') {\n          validateBackgroundString(backgroundColor);\n        }\n      });\n    }\n  }\n};\n\n/**\n * This function is to filter out any unexpected props passed by the user\n */\nconst makeBoxProps = (\n  props: BoxProps,\n): KeysRequired<Omit<BoxProps, 'testID' | 'id' | '__brand__'>> => {\n  return {\n    // Layout\n    display: props.display,\n    overflow: props.overflow,\n    overflowX: props.overflowX,\n    overflowY: props.overflowY,\n    whiteSpace: props.whiteSpace,\n    height: props.height,\n    minHeight: props.minHeight,\n    maxHeight: props.maxHeight,\n    width: props.width,\n    minWidth: props.minWidth,\n    maxWidth: props.maxWidth,\n    textAlign: props.textAlign,\n\n    // Flex\n    flex: props.flex,\n    flexWrap: props.flexWrap,\n    flexDirection: props.flexDirection,\n    flexGrow: props.flexGrow,\n    flexShrink: props.flexShrink,\n    flexBasis: props.flexBasis,\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    alignSelf: props.alignSelf,\n    justifyItems: props.justifyItems,\n    justifyContent: props.justifyContent,\n    justifySelf: props.justifySelf,\n    placeSelf: props.placeSelf,\n    placeItems: props.placeItems,\n    order: props.order,\n\n    // Grid\n    grid: props.grid,\n    gridColumn: props.gridColumn,\n    gridRow: props.gridRow,\n    gridRowStart: props.gridRowStart,\n    gridRowEnd: props.gridRowEnd,\n    gridColumnStart: props.gridColumnStart,\n    gridColumnEnd: props.gridColumnEnd,\n    gridArea: props.gridArea,\n    gridAutoFlow: props.gridAutoFlow,\n    gridAutoRows: props.gridAutoRows,\n    gridAutoColumns: props.gridAutoColumns,\n    gridTemplate: props.gridTemplate,\n    gridTemplateAreas: props.gridTemplateAreas,\n    gridTemplateColumns: props.gridTemplateColumns,\n    gridTemplateRows: props.gridTemplateRows,\n\n    // Spacing\n    padding: props.padding,\n    paddingTop: props.paddingTop,\n    paddingBottom: props.paddingBottom,\n    paddingRight: props.paddingRight,\n    paddingLeft: props.paddingLeft,\n    paddingX: props.paddingX,\n    paddingY: props.paddingY,\n    margin: props.margin,\n    marginBottom: props.marginBottom,\n    marginTop: props.marginTop,\n    marginRight: props.marginRight,\n    marginLeft: props.marginLeft,\n    marginX: props.marginX,\n    marginY: props.marginY,\n    gap: props.gap,\n    rowGap: props.rowGap,\n    columnGap: props.columnGap,\n\n    // Position\n    position: props.position,\n    zIndex: props.zIndex,\n    top: props.top,\n    right: props.right,\n    bottom: props.bottom,\n    left: props.left,\n\n    // Visual\n    backgroundColor: props.backgroundColor,\n    backgroundImage: props.backgroundImage,\n    backgroundSize: props.backgroundSize,\n    backgroundPosition: props.backgroundPosition,\n    backgroundOrigin: props.backgroundOrigin,\n    backgroundRepeat: props.backgroundRepeat,\n    elevation: props.elevation,\n    opacity: props.opacity,\n    visibility: props.visibility,\n\n    // Border\n    borderWidth: props.borderWidth,\n    borderColor: props.borderColor,\n    borderStyle: props.borderStyle,\n    borderTopWidth: props.borderTopWidth,\n    borderTopColor: props.borderTopColor,\n    borderTopStyle: props.borderTopStyle,\n    borderRightWidth: props.borderRightWidth,\n    borderRightColor: props.borderRightColor,\n    borderRightStyle: props.borderRightStyle,\n    borderBottomWidth: props.borderBottomWidth,\n    borderBottomColor: props.borderBottomColor,\n    borderBottomStyle: props.borderBottomStyle,\n    borderLeftWidth: props.borderLeftWidth,\n    borderLeftColor: props.borderLeftColor,\n    borderLeftStyle: props.borderLeftStyle,\n    borderRadius: props.borderRadius,\n    borderTopLeftRadius: props.borderTopLeftRadius,\n    borderTopRightRadius: props.borderTopRightRadius,\n    borderBottomRightRadius: props.borderBottomRightRadius,\n    borderBottomLeftRadius: props.borderBottomLeftRadius,\n\n    // Polygon Support\n    transform: props.transform,\n    transformOrigin: props.transformOrigin,\n    clipPath: props.clipPath,\n\n    // callbacks\n    onMouseEnter: props.onMouseEnter,\n    onMouseLeave: props.onMouseLeave,\n    onMouseOver: props.onMouseOver,\n    onScroll: props.onScroll,\n\n    // Drag and Drop\n    draggable: props.draggable,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n\n    pointerEvents: props.pointerEvents,\n    children: props.children,\n    tabIndex: props.tabIndex,\n    as: isReactNative() ? undefined : props.as, // as is not supported on react-native\n  };\n};\n\n/**\n * ## Box\n * \n * Box is the basic Layout component.\n *\n *\n * Box components supports most spacing CSS properties like `display`, `padding*`, `flex*`, `height`, `width`, etc.\n *\n *  Check out {@linkcode BoxProps BoxPropsType} for complete list of props and [Layout RFC](https://github.com/razorpay/blade/blob/master/rfcs/2023-01-06-layout.md) for more details on API decision.\n * \n * ----\n * \n * ### Usage\n * \n * ```jsx\n * <Box display=\"flex\">\n * ```\n\n * #### Responsive Props\n *\n * ```jsx\n * <Box padding={{ base: 'spacing.3', m: 'spacing.10' }} />\n * ```\n * \n * #### Margin and Padding Shorthands\n * \n * ```jsx\n * <Box padding={[\"spacing.3\", \"spacing.10\"]} />\n * ```\n *\n * ---\n * \n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-box Box Documentation}\n * \n */\nconst _Box: React.ForwardRefRenderFunction<BoxRefType, BoxProps> = (props, ref) => {\n  React.useEffect(() => {\n    if (__DEV__) {\n      validateBackgroundProp(props.backgroundColor);\n    }\n  }, [props.backgroundColor]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (props.as) {\n        if (isReactNative()) {\n          throwBladeError({\n            message: '`as` prop is not supported on React Native',\n            moduleName: 'Box',\n          });\n        }\n\n        if (!validBoxAsValues.includes(props.as)) {\n          throwBladeError({\n            message: `Invalid \\`as\\` prop value - ${props.as}. Only ${validBoxAsValues.join(\n              ', ',\n            )} are valid values`,\n            moduleName: 'Box',\n          });\n        }\n      }\n    }\n  }, [props.as]);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      id={props.id}\n      {...metaAttribute({ name: MetaConstants.Box, testID: props.testID })}\n      {...makeBoxProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    />\n  );\n};\n\nconst Box = assignWithoutSideEffects(React.forwardRef(_Box), {\n  displayName: 'Box',\n  componentId: 'Box',\n});\n\nexport { Box, makeBoxProps };\n"],"names":["validateBackgroundString","stringBackgroundColorValue","startsWith","throwBladeError","message","concat","moduleName","validateBackgroundProp","responsiveBackgroundColor","Object","values","forEach","backgroundColor","makeBoxProps","props","display","overflow","overflowX","overflowY","whiteSpace","height","minHeight","maxHeight","width","minWidth","maxWidth","textAlign","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingBottom","paddingRight","paddingLeft","paddingX","paddingY","margin","marginBottom","marginTop","marginRight","marginLeft","marginX","marginY","gap","rowGap","columnGap","position","zIndex","top","right","bottom","left","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","elevation","opacity","visibility","borderWidth","borderColor","borderStyle","borderTopWidth","borderTopColor","borderTopStyle","borderRightWidth","borderRightColor","borderRightStyle","borderBottomWidth","borderBottomColor","borderBottomStyle","borderLeftWidth","borderLeftColor","borderLeftStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","transform","transformOrigin","clipPath","onMouseEnter","onMouseLeave","onMouseOver","onScroll","draggable","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","pointerEvents","children","tabIndex","as","isReactNative","undefined","_Box","ref","React","useEffect","validBoxAsValues","includes","join","_jsx","BaseBox","_objectSpread","id","metaAttribute","name","MetaConstants","Box","testID","makeAnalyticsAttribute","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,0BAAkC,EAAW;AAC7E,EAAA,IAAI,IAAO,EAAE;AACX,IAAA,IACE,CAACA,0BAA0B,CAACC,UAAU,CAAC,oBAAoB,CAAC,IAC5D,CAACD,0BAA0B,CAACC,UAAU,CAAC,QAAQ,CAAC,IAChDD,0BAA0B,KAAK,aAAa,EAC5C;AACAE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAAC,8IAAAA,CAAAA,MAAA,CAAwJJ,0BAA0B,EAA4J,gKAAA,CAAA;AACrVK,QAAAA,UAAU,EAAE,KAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AACF,CAAC,CAAA;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC1BC,yBAAkE,EACzD;AACT,EAAA,IAAI,IAAO,EAAE;AACX,IAAA,IAAIA,yBAAyB,EAAE;AAC7B,MAAA,IAAI,OAAOA,yBAAyB,KAAK,QAAQ,EAAE;QACjDR,wBAAwB,CAACQ,yBAAyB,CAAC,CAAA;AACnD,QAAA,OAAA;AACF,OAAA;MAEAC,MAAM,CAACC,MAAM,CAACF,yBAAyB,CAAC,CAACG,OAAO,CAAC,UAACC,eAAe,EAAK;AACpE,QAAA,IAAI,OAAOA,eAAe,KAAK,QAAQ,EAAE;UACvCZ,wBAAwB,CAACY,eAAe,CAAC,CAAA;AAC3C,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AACF,CAAC,CAAA;;AAED;AACA;AACA;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAChBC,KAAe,EACiD;EAChE,OAAO;AACL;IACAC,OAAO,EAAED,KAAK,CAACC,OAAO;IACtBC,QAAQ,EAAEF,KAAK,CAACE,QAAQ;IACxBC,SAAS,EAAEH,KAAK,CAACG,SAAS;IAC1BC,SAAS,EAAEJ,KAAK,CAACI,SAAS;IAC1BC,UAAU,EAAEL,KAAK,CAACK,UAAU;IAC5BC,MAAM,EAAEN,KAAK,CAACM,MAAM;IACpBC,SAAS,EAAEP,KAAK,CAACO,SAAS;IAC1BC,SAAS,EAAER,KAAK,CAACQ,SAAS;IAC1BC,KAAK,EAAET,KAAK,CAACS,KAAK;IAClBC,QAAQ,EAAEV,KAAK,CAACU,QAAQ;IACxBC,QAAQ,EAAEX,KAAK,CAACW,QAAQ;IACxBC,SAAS,EAAEZ,KAAK,CAACY,SAAS;AAE1B;IACAC,IAAI,EAAEb,KAAK,CAACa,IAAI;IAChBC,QAAQ,EAAEd,KAAK,CAACc,QAAQ;IACxBC,aAAa,EAAEf,KAAK,CAACe,aAAa;IAClCC,QAAQ,EAAEhB,KAAK,CAACgB,QAAQ;IACxBC,UAAU,EAAEjB,KAAK,CAACiB,UAAU;IAC5BC,SAAS,EAAElB,KAAK,CAACkB,SAAS;IAC1BC,UAAU,EAAEnB,KAAK,CAACmB,UAAU;IAC5BC,YAAY,EAAEpB,KAAK,CAACoB,YAAY;IAChCC,SAAS,EAAErB,KAAK,CAACqB,SAAS;IAC1BC,YAAY,EAAEtB,KAAK,CAACsB,YAAY;IAChCC,cAAc,EAAEvB,KAAK,CAACuB,cAAc;IACpCC,WAAW,EAAExB,KAAK,CAACwB,WAAW;IAC9BC,SAAS,EAAEzB,KAAK,CAACyB,SAAS;IAC1BC,UAAU,EAAE1B,KAAK,CAAC0B,UAAU;IAC5BC,KAAK,EAAE3B,KAAK,CAAC2B,KAAK;AAElB;IACAC,IAAI,EAAE5B,KAAK,CAAC4B,IAAI;IAChBC,UAAU,EAAE7B,KAAK,CAAC6B,UAAU;IAC5BC,OAAO,EAAE9B,KAAK,CAAC8B,OAAO;IACtBC,YAAY,EAAE/B,KAAK,CAAC+B,YAAY;IAChCC,UAAU,EAAEhC,KAAK,CAACgC,UAAU;IAC5BC,eAAe,EAAEjC,KAAK,CAACiC,eAAe;IACtCC,aAAa,EAAElC,KAAK,CAACkC,aAAa;IAClCC,QAAQ,EAAEnC,KAAK,CAACmC,QAAQ;IACxBC,YAAY,EAAEpC,KAAK,CAACoC,YAAY;IAChCC,YAAY,EAAErC,KAAK,CAACqC,YAAY;IAChCC,eAAe,EAAEtC,KAAK,CAACsC,eAAe;IACtCC,YAAY,EAAEvC,KAAK,CAACuC,YAAY;IAChCC,iBAAiB,EAAExC,KAAK,CAACwC,iBAAiB;IAC1CC,mBAAmB,EAAEzC,KAAK,CAACyC,mBAAmB;IAC9CC,gBAAgB,EAAE1C,KAAK,CAAC0C,gBAAgB;AAExC;IACAC,OAAO,EAAE3C,KAAK,CAAC2C,OAAO;IACtBC,UAAU,EAAE5C,KAAK,CAAC4C,UAAU;IAC5BC,aAAa,EAAE7C,KAAK,CAAC6C,aAAa;IAClCC,YAAY,EAAE9C,KAAK,CAAC8C,YAAY;IAChCC,WAAW,EAAE/C,KAAK,CAAC+C,WAAW;IAC9BC,QAAQ,EAAEhD,KAAK,CAACgD,QAAQ;IACxBC,QAAQ,EAAEjD,KAAK,CAACiD,QAAQ;IACxBC,MAAM,EAAElD,KAAK,CAACkD,MAAM;IACpBC,YAAY,EAAEnD,KAAK,CAACmD,YAAY;IAChCC,SAAS,EAAEpD,KAAK,CAACoD,SAAS;IAC1BC,WAAW,EAAErD,KAAK,CAACqD,WAAW;IAC9BC,UAAU,EAAEtD,KAAK,CAACsD,UAAU;IAC5BC,OAAO,EAAEvD,KAAK,CAACuD,OAAO;IACtBC,OAAO,EAAExD,KAAK,CAACwD,OAAO;IACtBC,GAAG,EAAEzD,KAAK,CAACyD,GAAG;IACdC,MAAM,EAAE1D,KAAK,CAAC0D,MAAM;IACpBC,SAAS,EAAE3D,KAAK,CAAC2D,SAAS;AAE1B;IACAC,QAAQ,EAAE5D,KAAK,CAAC4D,QAAQ;IACxBC,MAAM,EAAE7D,KAAK,CAAC6D,MAAM;IACpBC,GAAG,EAAE9D,KAAK,CAAC8D,GAAG;IACdC,KAAK,EAAE/D,KAAK,CAAC+D,KAAK;IAClBC,MAAM,EAAEhE,KAAK,CAACgE,MAAM;IACpBC,IAAI,EAAEjE,KAAK,CAACiE,IAAI;AAEhB;IACAnE,eAAe,EAAEE,KAAK,CAACF,eAAe;IACtCoE,eAAe,EAAElE,KAAK,CAACkE,eAAe;IACtCC,cAAc,EAAEnE,KAAK,CAACmE,cAAc;IACpCC,kBAAkB,EAAEpE,KAAK,CAACoE,kBAAkB;IAC5CC,gBAAgB,EAAErE,KAAK,CAACqE,gBAAgB;IACxCC,gBAAgB,EAAEtE,KAAK,CAACsE,gBAAgB;IACxCC,SAAS,EAAEvE,KAAK,CAACuE,SAAS;IAC1BC,OAAO,EAAExE,KAAK,CAACwE,OAAO;IACtBC,UAAU,EAAEzE,KAAK,CAACyE,UAAU;AAE5B;IACAC,WAAW,EAAE1E,KAAK,CAAC0E,WAAW;IAC9BC,WAAW,EAAE3E,KAAK,CAAC2E,WAAW;IAC9BC,WAAW,EAAE5E,KAAK,CAAC4E,WAAW;IAC9BC,cAAc,EAAE7E,KAAK,CAAC6E,cAAc;IACpCC,cAAc,EAAE9E,KAAK,CAAC8E,cAAc;IACpCC,cAAc,EAAE/E,KAAK,CAAC+E,cAAc;IACpCC,gBAAgB,EAAEhF,KAAK,CAACgF,gBAAgB;IACxCC,gBAAgB,EAAEjF,KAAK,CAACiF,gBAAgB;IACxCC,gBAAgB,EAAElF,KAAK,CAACkF,gBAAgB;IACxCC,iBAAiB,EAAEnF,KAAK,CAACmF,iBAAiB;IAC1CC,iBAAiB,EAAEpF,KAAK,CAACoF,iBAAiB;IAC1CC,iBAAiB,EAAErF,KAAK,CAACqF,iBAAiB;IAC1CC,eAAe,EAAEtF,KAAK,CAACsF,eAAe;IACtCC,eAAe,EAAEvF,KAAK,CAACuF,eAAe;IACtCC,eAAe,EAAExF,KAAK,CAACwF,eAAe;IACtCC,YAAY,EAAEzF,KAAK,CAACyF,YAAY;IAChCC,mBAAmB,EAAE1F,KAAK,CAAC0F,mBAAmB;IAC9CC,oBAAoB,EAAE3F,KAAK,CAAC2F,oBAAoB;IAChDC,uBAAuB,EAAE5F,KAAK,CAAC4F,uBAAuB;IACtDC,sBAAsB,EAAE7F,KAAK,CAAC6F,sBAAsB;AAEpD;IACAC,SAAS,EAAE9F,KAAK,CAAC8F,SAAS;IAC1BC,eAAe,EAAE/F,KAAK,CAAC+F,eAAe;IACtCC,QAAQ,EAAEhG,KAAK,CAACgG,QAAQ;AAExB;IACAC,YAAY,EAAEjG,KAAK,CAACiG,YAAY;IAChCC,YAAY,EAAElG,KAAK,CAACkG,YAAY;IAChCC,WAAW,EAAEnG,KAAK,CAACmG,WAAW;IAC9BC,QAAQ,EAAEpG,KAAK,CAACoG,QAAQ;AAExB;IACAC,SAAS,EAAErG,KAAK,CAACqG,SAAS;IAC1BC,WAAW,EAAEtG,KAAK,CAACsG,WAAW;IAC9BC,SAAS,EAAEvG,KAAK,CAACuG,SAAS;IAC1BC,WAAW,EAAExG,KAAK,CAACwG,WAAW;IAC9BC,WAAW,EAAEzG,KAAK,CAACyG,WAAW;IAC9BC,UAAU,EAAE1G,KAAK,CAAC0G,UAAU;IAC5BC,MAAM,EAAE3G,KAAK,CAAC2G,MAAM;IAEpBC,aAAa,EAAE5G,KAAK,CAAC4G,aAAa;IAClCC,QAAQ,EAAE7G,KAAK,CAAC6G,QAAQ;IACxBC,QAAQ,EAAE9G,KAAK,CAAC8G,QAAQ;IACxBC,EAAE,EAAEC,aAAa,EAAE,GAAGC,SAAS,GAAGjH,KAAK,CAAC+G,EAAE;GAC3C,CAAA;AACH,EAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMG,IAA0D,GAAG,SAA7DA,IAA0DA,CAAIlH,KAAK,EAAEmH,GAAG,EAAK;EACjFC,cAAK,CAACC,SAAS,CAAC,YAAM;AACpB,IAAA,IAAI,IAAO,EAAE;AACX5H,MAAAA,sBAAsB,CAACO,KAAK,CAACF,eAAe,CAAC,CAAA;AAC/C,KAAA;AACF,GAAC,EAAE,CAACE,KAAK,CAACF,eAAe,CAAC,CAAC,CAAA;EAE3BsH,cAAK,CAACC,SAAS,CAAC,YAAM;AACpB,IAAA,IAAI,IAAO,EAAE;MACX,IAAIrH,KAAK,CAAC+G,EAAE,EAAE;QACZ,IAAIC,aAAa,EAAE,EAAE;AACnB3H,UAAAA,eAAe,CAAC;AACdC,YAAAA,OAAO,EAAE,4CAA4C;AACrDE,YAAAA,UAAU,EAAE,KAAA;AACd,WAAC,CAAC,CAAA;AACJ,SAAA;QAEA,IAAI,CAAC8H,gBAAgB,CAACC,QAAQ,CAACvH,KAAK,CAAC+G,EAAE,CAAC,EAAE;AACxC1H,UAAAA,eAAe,CAAC;AACdC,YAAAA,OAAO,EAAAC,4BAAAA,CAAAA,MAAA,CAAiCS,KAAK,CAAC+G,EAAE,EAAA,SAAA,CAAA,CAAAxH,MAAA,CAAU+H,gBAAgB,CAACE,IAAI,CAC7E,IACF,CAAC,EAAmB,mBAAA,CAAA;AACpBhI,YAAAA,UAAU,EAAE,KAAA;AACd,WAAC,CAAC,CAAA;AACJ,SAAA;AACF,OAAA;AACF,KAAA;AACF,GAAC,EAAE,CAACQ,KAAK,CAAC+G,EAAE,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEU,GAAA,CAACC,OAAAA;AACC;AAAA,IAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACAR,IAAAA,GAAG,EAAEA,GAAW;IAChBS,EAAE,EAAE5H,KAAK,CAAC4H,EAAAA;AAAG,GAAA,EACTC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,GAAG;IAAEC,MAAM,EAAEjI,KAAK,CAACiI,MAAAA;AAAO,GAAC,CAAC,CAAA,EAChElI,YAAY,CAACC,KAAK,CAAC,CACnBkI,EAAAA,sBAAsB,CAAClI,KAAK,CAAC,CAClC,CAAC,CAAA;AAEN,CAAC,CAAA;AAEKgI,IAAAA,GAAG,gBAAGG,wBAAwB,eAACf,cAAK,CAACgB,UAAU,CAAClB,IAAI,CAAC,EAAE;AAC3DmB,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,WAAW,EAAE,KAAA;AACf,CAAC;;;;"}

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

@@ -7,12 +7,14 @@ import '../Typography/index.js';
 import '../../utils/makeAccessible/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Text } from '../Typography/Text/Text.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 { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 
 var _excluded = ["size", "color", "showLastSeparator", "accessibilityLabel", "children"];
@@ -42,18 +44,18 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     _ref2$accessibilityLa = _ref2.accessibilityLabel,
     accessibilityLabel = _ref2$accessibilityLa === void 0 ? 'Breadcrumb' : _ref2$accessibilityLa,
     children = _ref2.children,
-    styledProps = _objectWithoutProperties(_ref2, _excluded);
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var contextValue = React__default.useMemo(function () {
     return {
       size: size,
       color: color
     };
   }, [size, color]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     as: "nav"
-  }, getStyledProps(styledProps)), metaAttribute({
+  }, getStyledProps(rest)), metaAttribute({
     name: MetaConstants.Breadcrumb
-  })), {}, {
+  })), makeAnalyticsAttribute(rest)), {}, {
     children: /*#__PURE__*/jsx(BreadcrumbContext.Provider, {
       value: contextValue,
       children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.web.js","sources":["../../../../../../src/components/Breadcrumb/Breadcrumb.web.tsx"],"sourcesContent":["/* eslint-disable react-native-a11y/has-valid-accessibility-role */\nimport React from 'react';\nimport type { BreadcrumbProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst Separator = ({\n  size,\n  color,\n}: Pick<BreadcrumbProps, 'size' | 'color'>): React.ReactElement => {\n  return (\n    <Text\n      as=\"span\"\n      color={color === 'white' ? 'surface.text.staticWhite.muted' : 'surface.text.gray.muted'}\n      size={size}\n      weight=\"medium\"\n    >\n      /\n    </Text>\n  );\n};\n\nconst listStyleNone = { listStyle: 'none' };\n\nconst Breadcrumb = ({\n  size = 'medium',\n  color = 'primary',\n  showLastSeparator = false,\n  accessibilityLabel = 'Breadcrumb',\n  children,\n  ...styledProps\n}: BreadcrumbProps): React.ReactElement => {\n  const contextValue = React.useMemo(() => ({ size, color }), [size, color]);\n\n  return (\n    <BaseBox\n      as=\"nav\"\n      {...getStyledProps(styledProps)}\n      {...metaAttribute({ name: MetaConstants.Breadcrumb })}\n    >\n      <BreadcrumbContext.Provider value={contextValue}>\n        <BaseBox\n          as=\"ol\"\n          margin=\"spacing.0\"\n          padding=\"spacing.0\"\n          display=\"flex\"\n          flexWrap=\"wrap\"\n          gap=\"spacing.2\"\n          alignItems=\"center\"\n          style={listStyleNone}\n          {...makeAccessible({ label: accessibilityLabel })}\n        >\n          {React.Children.map(children, (child, index) => {\n            const ariaCurrent = (child as React.ReactElement)?.props?.isCurrentPage\n              ? 'page'\n              : undefined;\n\n            return (\n              <BaseBox\n                key={index}\n                as=\"li\"\n                display=\"flex\"\n                alignItems=\"center\"\n                gap=\"spacing.2\"\n                {...makeAccessible({ current: ariaCurrent })}\n                {...metaAttribute({ name: MetaConstants.BreadcrumbItem })}\n              >\n                {child}\n                <BaseBox as=\"span\" {...makeAccessible({ hidden: true })}>\n                  {index !== React.Children.count(children) - 1 && <Separator size={size} />}\n                  {index === React.Children.count(children) - 1 && showLastSeparator && (\n                    <Separator size={size} color={color} />\n                  )}\n                </BaseBox>\n              </BaseBox>\n            );\n          })}\n        </BaseBox>\n      </BreadcrumbContext.Provider>\n    </BaseBox>\n  );\n};\n\nexport { Breadcrumb };\n"],"names":["Separator","_ref","size","color","_jsx","Text","as","weight","children","listStyleNone","listStyle","Breadcrumb","_ref2","_ref2$size","_ref2$color","_ref2$showLastSeparat","showLastSeparator","_ref2$accessibilityLa","accessibilityLabel","styledProps","_objectWithoutProperties","_excluded","contextValue","React","useMemo","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","MetaConstants","BreadcrumbContext","Provider","value","margin","padding","display","flexWrap","gap","alignItems","style","makeAccessible","label","Children","map","child","index","_props","ariaCurrent","props","isCurrentPage","undefined","_jsxs","current","BreadcrumbItem","hidden","count"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.web.js","sources":["../../../../../../src/components/Breadcrumb/Breadcrumb.web.tsx"],"sourcesContent":["/* eslint-disable react-native-a11y/has-valid-accessibility-role */\nimport React from 'react';\nimport type { BreadcrumbProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst Separator = ({\n  size,\n  color,\n}: Pick<BreadcrumbProps, 'size' | 'color'>): React.ReactElement => {\n  return (\n    <Text\n      as=\"span\"\n      color={color === 'white' ? 'surface.text.staticWhite.muted' : 'surface.text.gray.muted'}\n      size={size}\n      weight=\"medium\"\n    >\n      /\n    </Text>\n  );\n};\n\nconst listStyleNone = { listStyle: 'none' };\n\nconst Breadcrumb = ({\n  size = 'medium',\n  color = 'primary',\n  showLastSeparator = false,\n  accessibilityLabel = 'Breadcrumb',\n  children,\n  ...rest\n}: BreadcrumbProps): React.ReactElement => {\n  const contextValue = React.useMemo(() => ({ size, color }), [size, color]);\n\n  return (\n    <BaseBox\n      as=\"nav\"\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.Breadcrumb })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BreadcrumbContext.Provider value={contextValue}>\n        <BaseBox\n          as=\"ol\"\n          margin=\"spacing.0\"\n          padding=\"spacing.0\"\n          display=\"flex\"\n          flexWrap=\"wrap\"\n          gap=\"spacing.2\"\n          alignItems=\"center\"\n          style={listStyleNone}\n          {...makeAccessible({ label: accessibilityLabel })}\n        >\n          {React.Children.map(children, (child, index) => {\n            const ariaCurrent = (child as React.ReactElement)?.props?.isCurrentPage\n              ? 'page'\n              : undefined;\n\n            return (\n              <BaseBox\n                key={index}\n                as=\"li\"\n                display=\"flex\"\n                alignItems=\"center\"\n                gap=\"spacing.2\"\n                {...makeAccessible({ current: ariaCurrent })}\n                {...metaAttribute({ name: MetaConstants.BreadcrumbItem })}\n              >\n                {child}\n                <BaseBox as=\"span\" {...makeAccessible({ hidden: true })}>\n                  {index !== React.Children.count(children) - 1 && <Separator size={size} />}\n                  {index === React.Children.count(children) - 1 && showLastSeparator && (\n                    <Separator size={size} color={color} />\n                  )}\n                </BaseBox>\n              </BaseBox>\n            );\n          })}\n        </BaseBox>\n      </BreadcrumbContext.Provider>\n    </BaseBox>\n  );\n};\n\nexport { Breadcrumb };\n"],"names":["Separator","_ref","size","color","_jsx","Text","as","weight","children","listStyleNone","listStyle","Breadcrumb","_ref2","_ref2$size","_ref2$color","_ref2$showLastSeparat","showLastSeparator","_ref2$accessibilityLa","accessibilityLabel","rest","_objectWithoutProperties","_excluded","contextValue","React","useMemo","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","BreadcrumbContext","Provider","value","margin","padding","display","flexWrap","gap","alignItems","style","makeAccessible","label","Children","map","child","index","_props","ariaCurrent","props","isCurrentPage","undefined","_jsxs","current","BreadcrumbItem","hidden","count"],"mappings":"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"}