@razorpay/blade 11.37.0 → 11.38.0

package/build/lib/web/production/components/Collapsible/CollapsibleBody.js

@@ -1,17 +1,21 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { CollapsibleBodyContent } from './CollapsibleBodyContent.web.js';
 import { useCollapsible } from './CollapsibleContext.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/makeAccessible/index.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 { makeAccessible } from '../../utils/makeAccessible/makeAccessible.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", "testID", "width", "_hasMargin"];
 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 _CollapsibleBody = function _CollapsibleBody(_ref) {
@@ -19,11 +23,12 @@ var _CollapsibleBody = function _CollapsibleBody(_ref) {
     testID = _ref.testID,
     width = _ref.width,
     _ref$_hasMargin = _ref._hasMargin,
-    _hasMargin = _ref$_hasMargin === void 0 ? true : _ref$_hasMargin;
+    _hasMargin = _ref$_hasMargin === void 0 ? true : _ref$_hasMargin,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useCollapsible = useCollapsible(),
     collapsibleBodyId = _useCollapsible.collapsibleBodyId,
     isExpanded = _useCollapsible.isExpanded;
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: collapsibleBodyId,
     width: width
   }, makeAccessible({
@@ -32,7 +37,7 @@ var _CollapsibleBody = function _CollapsibleBody(_ref) {
   })), metaAttribute({
     name: MetaConstants.CollapsibleBody,
     testID: testID
-  })), {}, {
+  })), makeAnalyticsAttribute(rest)), {}, {
     children: /*#__PURE__*/jsx(CollapsibleBodyContent, {
       _hasMargin: _hasMargin,
       children: children

package/build/lib/web/production/components/Collapsible/CollapsibleBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleBody.js","sources":["../../../../../../src/components/Collapsible/CollapsibleBody.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { CollapsibleBodyContent } from './CollapsibleBodyContent';\nimport { useCollapsible } from './CollapsibleContext';\nimport type { CollapsibleBodyProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _CollapsibleBody = ({\n  children,\n  testID,\n  width,\n  _hasMargin = true,\n}: CollapsibleBodyProps): ReactElement => {\n  const { collapsibleBodyId, isExpanded } = useCollapsible();\n  return (\n    <BaseBox\n      id={collapsibleBodyId}\n      width={width}\n      {...makeAccessible({ role: 'region', hidden: !isExpanded })}\n      {...metaAttribute({ name: MetaConstants.CollapsibleBody, testID })}\n    >\n      <CollapsibleBodyContent _hasMargin={_hasMargin}>{children}</CollapsibleBodyContent>\n    </BaseBox>\n  );\n};\n\nconst CollapsibleBody = assignWithoutSideEffects(_CollapsibleBody, {\n  componentId: MetaConstants.CollapsibleBody,\n});\n\nexport type { CollapsibleBodyProps };\nexport { CollapsibleBody };\n"],"names":["_CollapsibleBody","_ref","children","testID","width","_ref$_hasMargin","_hasMargin","_useCollapsible","useCollapsible","collapsibleBodyId","isExpanded","_jsx","BaseBox","_objectSpread","id","makeAccessible","role","hidden","metaAttribute","name","MetaConstants","CollapsibleBody","CollapsibleBodyContent","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAKoB;AAAA,EAAA,IAJxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,eAAA,GAAAJ,IAAA,CACLK,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA,CAAA;AAEjB,EAAA,IAAAE,eAAA,GAA0CC,cAAc,EAAE;IAAlDC,iBAAiB,GAAAF,eAAA,CAAjBE,iBAAiB;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU,CAAA;EACrC,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,EAAE,EAAEL,iBAAkB;AACtBL,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EACTW,cAAc,CAAC;AAAEC,IAAAA,IAAI,EAAE,QAAQ;AAAEC,IAAAA,MAAM,EAAE,CAACP,UAAAA;GAAY,CAAC,CACvDQ,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,eAAe;AAAElB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,eAElES,GAAA,CAACW,sBAAsB,EAAA;AAAChB,MAAAA,UAAU,EAAEA,UAAW;AAAAJ,MAAAA,QAAA,EAAEA,QAAAA;KAAiC,CAAA;AAAC,GAAA,CAC5E,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMmB,eAAe,gBAAGE,wBAAwB,CAACvB,gBAAgB,EAAE;EACjEwB,WAAW,EAAEJ,aAAa,CAACC,eAAAA;AAC7B,CAAC;;;;"}
+{"version":3,"file":"CollapsibleBody.js","sources":["../../../../../../src/components/Collapsible/CollapsibleBody.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { CollapsibleBodyContent } from './CollapsibleBodyContent';\nimport { useCollapsible } from './CollapsibleContext';\nimport type { CollapsibleBodyProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CollapsibleBody = ({\n  children,\n  testID,\n  width,\n  _hasMargin = true,\n  ...rest\n}: CollapsibleBodyProps): ReactElement => {\n  const { collapsibleBodyId, isExpanded } = useCollapsible();\n  return (\n    <BaseBox\n      id={collapsibleBodyId}\n      width={width}\n      {...makeAccessible({ role: 'region', hidden: !isExpanded })}\n      {...metaAttribute({ name: MetaConstants.CollapsibleBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <CollapsibleBodyContent _hasMargin={_hasMargin}>{children}</CollapsibleBodyContent>\n    </BaseBox>\n  );\n};\n\nconst CollapsibleBody = assignWithoutSideEffects(_CollapsibleBody, {\n  componentId: MetaConstants.CollapsibleBody,\n});\n\nexport type { CollapsibleBodyProps };\nexport { CollapsibleBody };\n"],"names":["_CollapsibleBody","_ref","children","testID","width","_ref$_hasMargin","_hasMargin","rest","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","collapsibleBodyId","isExpanded","_jsx","BaseBox","_objectSpread","id","makeAccessible","role","hidden","metaAttribute","name","MetaConstants","CollapsibleBody","makeAnalyticsAttribute","CollapsibleBodyContent","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAMoB;AAAA,EAAA,IALxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,eAAA,GAAAJ,IAAA,CACLK,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;AACdE,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,eAAA,GAA0CC,cAAc,EAAE;IAAlDC,iBAAiB,GAAAF,eAAA,CAAjBE,iBAAiB;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU,CAAA;EACrC,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,EAAE,EAAEL,iBAAkB;AACtBR,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EACTc,cAAc,CAAC;AAAEC,IAAAA,IAAI,EAAE,QAAQ;AAAEC,IAAAA,MAAM,EAAE,CAACP,UAAAA;GAAY,CAAC,CACvDQ,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,eAAe;AAAErB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9DsB,sBAAsB,CAAClB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,eAEhCY,GAAA,CAACY,sBAAsB,EAAA;AAACpB,MAAAA,UAAU,EAAEA,UAAW;AAAAJ,MAAAA,QAAA,EAAEA,QAAAA;KAAiC,CAAA;AAAC,GAAA,CAC5E,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMsB,eAAe,gBAAGG,wBAAwB,CAAC3B,gBAAgB,EAAE;EACjE4B,WAAW,EAAEL,aAAa,CAACC,eAAAA;AAC7B,CAAC;;;;"}

package/build/lib/web/production/components/Collapsible/CollapsibleButton.js

@@ -1,15 +1,22 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useCallback, forwardRef } from 'react';
 import { useCollapsible } from './CollapsibleContext.js';
 import '../Button/BaseButton/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import BaseButton from '../Button/BaseButton/BaseButton.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 
+var _excluded = ["children", "variant", "size", "icon", "iconPosition", "isDisabled", "testID", "accessibilityLabel"];
+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 _CollapsibleButton = function _CollapsibleButton(_ref, ref) {
   var children = _ref.children,
     variant = _ref.variant,
@@ -18,7 +25,8 @@ var _CollapsibleButton = function _CollapsibleButton(_ref, ref) {
     iconPosition = _ref.iconPosition,
     isDisabled = _ref.isDisabled,
     testID = _ref.testID,
-    accessibilityLabel = _ref.accessibilityLabel;
+    accessibilityLabel = _ref.accessibilityLabel,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useCollapsible = useCollapsible(),
     onExpandChange = _useCollapsible.onExpandChange,
     isExpanded = _useCollapsible.isExpanded,
@@ -26,7 +34,7 @@ var _CollapsibleButton = function _CollapsibleButton(_ref, ref) {
   var toggleIsExpanded = useCallback(function () {
     return onExpandChange(!isExpanded);
   }, [onExpandChange, isExpanded]);
-  return /*#__PURE__*/jsx(BaseButton, {
+  return /*#__PURE__*/jsx(BaseButton, _objectSpread(_objectSpread({
     variant: variant,
     size: size
     // Button handles case of icon and children so we don't care about icon type safety here
@@ -42,9 +50,10 @@ var _CollapsibleButton = function _CollapsibleButton(_ref, ref) {
       label: accessibilityLabel,
       controls: collapsibleBodyId,
       expanded: isExpanded
-    },
+    }
+  }, makeAnalyticsAttribute(rest)), {}, {
     children: children
-  });
+  }));
 };
 var CollapsibleButton = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/forwardRef(_CollapsibleButton), {
   displayName: 'CollapsibleButton',

package/build/lib/web/production/components/Collapsible/CollapsibleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleButton.js","sources":["../../../../../../src/components/Collapsible/CollapsibleButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { forwardRef, useCallback } from 'react';\nimport { useCollapsible } from './CollapsibleContext';\nimport type { ButtonProps } from '~components/Button';\nimport type { IconComponent } from '~components/Icons';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { BladeElementRef } from '~utils/types';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative } from '~utils';\n\ntype CollapsibleButtonProps = Pick<\n  ButtonProps,\n  | 'variant'\n  | 'size'\n  | 'iconPosition'\n  | 'isDisabled'\n  | 'testID'\n  | 'accessibilityLabel'\n  | 'icon'\n  | 'children'\n>;\n\nconst _CollapsibleButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  CollapsibleButtonProps\n> = (\n  { children, variant, size, icon, iconPosition, isDisabled, testID, accessibilityLabel },\n  ref,\n): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleIsExpanded = useCallback(() => onExpandChange(!isExpanded), [\n    onExpandChange,\n    isExpanded,\n  ]);\n\n  return (\n    <BaseButton\n      variant={variant}\n      size={size}\n      // Button handles case of icon and children so we don't care about icon type safety here\n      icon={icon as IconComponent}\n      iconPosition={iconPosition}\n      isDisabled={isDisabled}\n      testID={testID}\n      ref={ref}\n      onClick={toggleIsExpanded}\n      alignSelf={isReactNative() ? 'flex-start' : undefined}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        controls: collapsibleBodyId,\n        expanded: isExpanded,\n      }}\n    >\n      {children}\n    </BaseButton>\n  );\n};\n\nconst CollapsibleButton = assignWithoutSideEffects(forwardRef(_CollapsibleButton), {\n  displayName: 'CollapsibleButton',\n  componentId: MetaConstants.CollapsibleButton,\n});\n\nexport type { CollapsibleButtonProps };\nexport { CollapsibleButton };\n"],"names":["_CollapsibleButton","_ref","ref","children","variant","size","icon","iconPosition","isDisabled","testID","accessibilityLabel","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleIsExpanded","useCallback","_jsx","BaseButton","onClick","alignSelf","isReactNative","undefined","accessibilityProps","label","controls","expanded","CollapsibleButton","assignWithoutSideEffects","forwardRef","displayName","componentId","MetaConstants"],"mappings":";;;;;;;;;;;;AAuBA,IAAMA,kBAGL,GAAG,SAHEA,kBAGLA,CAAAC,IAAA,EAECC,GAAG,EACc;AAAA,EAAA,IAFfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IAAEC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAEC,kBAAkB,GAAAT,IAAA,CAAlBS,kBAAkB,CAAA;AAGrF,EAAA,IAAAC,eAAA,GAA0DC,cAAc,EAAE;IAAlEC,cAAc,GAAAF,eAAA,CAAdE,cAAc;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU;IAAEC,iBAAiB,GAAAJ,eAAA,CAAjBI,iBAAiB,CAAA;EAErD,IAAMC,gBAAgB,GAAGC,WAAW,CAAC,YAAA;AAAA,IAAA,OAAMJ,cAAc,CAAC,CAACC,UAAU,CAAC,CAAA;AAAA,GAAA,EAAE,CACtED,cAAc,EACdC,UAAU,CACX,CAAC,CAAA;EAEF,oBACEI,GAAA,CAACC,UAAU,EAAA;AACTf,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,IAAI,EAAEA,IAAAA;AACN;AAAA;AACAC,IAAAA,IAAI,EAAEA,IAAsB;AAC5BC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfP,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,OAAO,EAAEJ,gBAAiB;AAC1BK,IAAAA,SAAS,EAAEC,aAAa,EAAE,GAAG,YAAY,GAAGC,SAAU;AACtDC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,KAAK,EAAEf,kBAAkB;AACzBgB,MAAAA,QAAQ,EAAEX,iBAAiB;AAC3BY,MAAAA,QAAQ,EAAEb,UAAAA;KACV;AAAAX,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACC,CAAC,CAAA;AAEjB,CAAC,CAAA;AAEKyB,IAAAA,iBAAiB,gBAAGC,wBAAwB,eAACC,UAAU,CAAC9B,kBAAkB,CAAC,EAAE;AACjF+B,EAAAA,WAAW,EAAE,mBAAmB;EAChCC,WAAW,EAAEC,aAAa,CAACL,iBAAAA;AAC7B,CAAC;;;;"}
+{"version":3,"file":"CollapsibleButton.js","sources":["../../../../../../src/components/Collapsible/CollapsibleButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { forwardRef, useCallback } from 'react';\nimport { useCollapsible } from './CollapsibleContext';\nimport type { ButtonProps } from '~components/Button';\nimport type { IconComponent } from '~components/Icons';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CollapsibleButtonProps = Pick<\n  ButtonProps,\n  | 'variant'\n  | 'size'\n  | 'iconPosition'\n  | 'isDisabled'\n  | 'testID'\n  | 'accessibilityLabel'\n  | 'icon'\n  | 'children'\n> &\n  DataAnalyticsAttribute;\n\nconst _CollapsibleButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  CollapsibleButtonProps\n> = (\n  { children, variant, size, icon, iconPosition, isDisabled, testID, accessibilityLabel, ...rest },\n  ref,\n): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleIsExpanded = useCallback(() => onExpandChange(!isExpanded), [\n    onExpandChange,\n    isExpanded,\n  ]);\n\n  return (\n    <BaseButton\n      variant={variant}\n      size={size}\n      // Button handles case of icon and children so we don't care about icon type safety here\n      icon={icon as IconComponent}\n      iconPosition={iconPosition}\n      isDisabled={isDisabled}\n      testID={testID}\n      ref={ref}\n      onClick={toggleIsExpanded}\n      alignSelf={isReactNative() ? 'flex-start' : undefined}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        controls: collapsibleBodyId,\n        expanded: isExpanded,\n      }}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseButton>\n  );\n};\n\nconst CollapsibleButton = assignWithoutSideEffects(forwardRef(_CollapsibleButton), {\n  displayName: 'CollapsibleButton',\n  componentId: MetaConstants.CollapsibleButton,\n});\n\nexport type { CollapsibleButtonProps };\nexport { CollapsibleButton };\n"],"names":["_CollapsibleButton","_ref","ref","children","variant","size","icon","iconPosition","isDisabled","testID","accessibilityLabel","rest","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleIsExpanded","useCallback","_jsx","BaseButton","_objectSpread","onClick","alignSelf","isReactNative","undefined","accessibilityProps","label","controls","expanded","makeAnalyticsAttribute","CollapsibleButton","assignWithoutSideEffects","forwardRef","displayName","componentId","MetaConstants"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,IAAMA,kBAGL,GAAG,SAHEA,kBAGLA,CAAAC,IAAA,EAECC,GAAG,EACc;AAAA,EAAA,IAFfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IAAEC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAEC,kBAAkB,GAAAT,IAAA,CAAlBS,kBAAkB;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAG9F,EAAA,IAAAC,eAAA,GAA0DC,cAAc,EAAE;IAAlEC,cAAc,GAAAF,eAAA,CAAdE,cAAc;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU;IAAEC,iBAAiB,GAAAJ,eAAA,CAAjBI,iBAAiB,CAAA;EAErD,IAAMC,gBAAgB,GAAGC,WAAW,CAAC,YAAA;AAAA,IAAA,OAAMJ,cAAc,CAAC,CAACC,UAAU,CAAC,CAAA;AAAA,GAAA,EAAE,CACtED,cAAc,EACdC,UAAU,CACX,CAAC,CAAA;AAEF,EAAA,oBACEI,GAAA,CAACC,UAAU,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACTnB,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,IAAI,EAAEA,IAAAA;AACN;AAAA;AACAC,IAAAA,IAAI,EAAEA,IAAsB;AAC5BC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfP,IAAAA,GAAG,EAAEA,GAAI;AACTsB,IAAAA,OAAO,EAAEL,gBAAiB;AAC1BM,IAAAA,SAAS,EAAEC,aAAa,EAAE,GAAG,YAAY,GAAGC,SAAU;AACtDC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,KAAK,EAAEnB,kBAAkB;AACzBoB,MAAAA,QAAQ,EAAEZ,iBAAiB;AAC3Ba,MAAAA,QAAQ,EAAEd,UAAAA;AACZ,KAAA;GACIe,EAAAA,sBAAsB,CAACrB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAR,IAAAA,QAAA,EAE/BA,QAAAA;AAAQ,GAAA,CACC,CAAC,CAAA;AAEjB,CAAC,CAAA;AAEK8B,IAAAA,iBAAiB,gBAAGC,wBAAwB,eAACC,UAAU,CAACnC,kBAAkB,CAAC,EAAE;AACjFoC,EAAAA,WAAW,EAAE,mBAAmB;EAChCC,WAAW,EAAEC,aAAa,CAACL,iBAAAA;AAC7B,CAAC;;;;"}

package/build/lib/web/production/components/Collapsible/CollapsibleLink.js

@@ -7,9 +7,11 @@ import '../../utils/metaAttribute/index.js';
 import '../Link/BaseLink/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../Box/styledProps/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import BaseLink from '../Link/BaseLink/BaseLink.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 
@@ -24,7 +26,7 @@ var _CollapsibleLink = function _CollapsibleLink(_ref) {
     isDisabled = _ref.isDisabled,
     testID = _ref.testID,
     accessibilityLabel = _ref.accessibilityLabel,
-    styledProps = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useCollapsible = useCollapsible(),
     onExpandChange = _useCollapsible.onExpandChange,
     isExpanded = _useCollapsible.isExpanded,
@@ -32,7 +34,7 @@ var _CollapsibleLink = function _CollapsibleLink(_ref) {
   var toggleIsExpanded = useCallback(function () {
     return onExpandChange(!isExpanded);
   }, [onExpandChange, isExpanded]);
-  return /*#__PURE__*/jsx(BaseLink, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseLink, _objectSpread(_objectSpread(_objectSpread({
     variant: "button",
     size: size,
     color: color,
@@ -46,7 +48,7 @@ var _CollapsibleLink = function _CollapsibleLink(_ref) {
       controls: collapsibleBodyId,
       expanded: isExpanded
     }
-  }, getStyledProps(styledProps)), {}, {
+  }, getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
     children: children
   }));
 };

package/build/lib/web/production/components/Collapsible/CollapsibleLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleLink.js","sources":["../../../../../../src/components/Collapsible/CollapsibleLink.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback } from 'react';\nimport { useCollapsible } from './CollapsibleContext';\nimport { CollapsibleChevronIcon } from './CollapsibleChevronIcon';\nimport type { LinkProps } from '~components/Link';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\n\ntype CollapsibleLinkProps = Pick<\n  LinkProps,\n  'color' | 'size' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'children'\n> &\n  StyledPropsBlade;\n\nconst _CollapsibleLink = ({\n  children,\n  size,\n  color = 'primary',\n  isDisabled,\n  testID,\n  accessibilityLabel,\n  ...styledProps\n}: CollapsibleLinkProps): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleIsExpanded = useCallback(() => onExpandChange(!isExpanded), [\n    onExpandChange,\n    isExpanded,\n  ]);\n\n  return (\n    <BaseLink\n      variant=\"button\"\n      size={size}\n      color={color}\n      icon={CollapsibleChevronIcon}\n      iconPosition=\"right\"\n      isDisabled={isDisabled}\n      testID={testID}\n      onClick={toggleIsExpanded}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        controls: collapsibleBodyId,\n        expanded: isExpanded,\n      }}\n      {...getStyledProps(styledProps)}\n    >\n      {children}\n    </BaseLink>\n  );\n};\n\nconst CollapsibleLink = assignWithoutSideEffects(_CollapsibleLink, {\n  componentId: MetaConstants.CollapsibleLink,\n});\n\nexport type { CollapsibleLinkProps };\nexport { CollapsibleLink };\n"],"names":["_CollapsibleLink","_ref","children","size","_ref$color","color","isDisabled","testID","accessibilityLabel","styledProps","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleIsExpanded","useCallback","_jsx","BaseLink","_objectSpread","variant","icon","CollapsibleChevronIcon","iconPosition","onClick","accessibilityProps","label","controls","expanded","getStyledProps","CollapsibleLink","assignWithoutSideEffects","componentId","MetaConstants"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAQoB;AAAA,EAAA,IAPxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,UAAA,GAAAH,IAAA,CACJI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;AACfC,IAAAA,WAAW,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,eAAA,GAA0DC,cAAc,EAAE;IAAlEC,cAAc,GAAAF,eAAA,CAAdE,cAAc;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU;IAAEC,iBAAiB,GAAAJ,eAAA,CAAjBI,iBAAiB,CAAA;EAErD,IAAMC,gBAAgB,GAAGC,WAAW,CAAC,YAAA;AAAA,IAAA,OAAMJ,cAAc,CAAC,CAACC,UAAU,CAAC,CAAA;AAAA,GAAA,EAAE,CACtED,cAAc,EACdC,UAAU,CACX,CAAC,CAAA;AAEF,EAAA,oBACEI,GAAA,CAACC,QAAQ,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACPC,IAAAA,OAAO,EAAC,QAAQ;AAChBnB,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,KAAK,EAAEA,KAAM;AACbkB,IAAAA,IAAI,EAAEC,sBAAuB;AAC7BC,IAAAA,YAAY,EAAC,OAAO;AACpBnB,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfmB,IAAAA,OAAO,EAAET,gBAAiB;AAC1BU,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,KAAK,EAAEpB,kBAAkB;AACzBqB,MAAAA,QAAQ,EAAEb,iBAAiB;AAC3Bc,MAAAA,QAAQ,EAAEf,UAAAA;AACZ,KAAA;GACIgB,EAAAA,cAAc,CAACtB,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAE9BA,QAAAA;AAAQ,GAAA,CACD,CAAC,CAAA;AAEf,CAAC,CAAA;AAED,IAAM8B,eAAe,gBAAGC,wBAAwB,CAACjC,gBAAgB,EAAE;EACjEkC,WAAW,EAAEC,aAAa,CAACH,eAAAA;AAC7B,CAAC;;;;"}
+{"version":3,"file":"CollapsibleLink.js","sources":["../../../../../../src/components/Collapsible/CollapsibleLink.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback } from 'react';\nimport { useCollapsible } from './CollapsibleContext';\nimport { CollapsibleChevronIcon } from './CollapsibleChevronIcon';\nimport type { LinkProps } from '~components/Link';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CollapsibleLinkProps = Pick<\n  LinkProps,\n  'color' | 'size' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'children'\n> &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _CollapsibleLink = ({\n  children,\n  size,\n  color = 'primary',\n  isDisabled,\n  testID,\n  accessibilityLabel,\n  ...rest\n}: CollapsibleLinkProps): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleIsExpanded = useCallback(() => onExpandChange(!isExpanded), [\n    onExpandChange,\n    isExpanded,\n  ]);\n\n  return (\n    <BaseLink\n      variant=\"button\"\n      size={size}\n      color={color}\n      icon={CollapsibleChevronIcon}\n      iconPosition=\"right\"\n      isDisabled={isDisabled}\n      testID={testID}\n      onClick={toggleIsExpanded}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        controls: collapsibleBodyId,\n        expanded: isExpanded,\n      }}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseLink>\n  );\n};\n\nconst CollapsibleLink = assignWithoutSideEffects(_CollapsibleLink, {\n  componentId: MetaConstants.CollapsibleLink,\n});\n\nexport type { CollapsibleLinkProps };\nexport { CollapsibleLink };\n"],"names":["_CollapsibleLink","_ref","children","size","_ref$color","color","isDisabled","testID","accessibilityLabel","rest","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleIsExpanded","useCallback","_jsx","BaseLink","_objectSpread","variant","icon","CollapsibleChevronIcon","iconPosition","onClick","accessibilityProps","label","controls","expanded","getStyledProps","makeAnalyticsAttribute","CollapsibleLink","assignWithoutSideEffects","componentId","MetaConstants"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAQoB;AAAA,EAAA,IAPxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,UAAA,GAAAH,IAAA,CACJI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;AACfC,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,eAAA,GAA0DC,cAAc,EAAE;IAAlEC,cAAc,GAAAF,eAAA,CAAdE,cAAc;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU;IAAEC,iBAAiB,GAAAJ,eAAA,CAAjBI,iBAAiB,CAAA;EAErD,IAAMC,gBAAgB,GAAGC,WAAW,CAAC,YAAA;AAAA,IAAA,OAAMJ,cAAc,CAAC,CAACC,UAAU,CAAC,CAAA;AAAA,GAAA,EAAE,CACtED,cAAc,EACdC,UAAU,CACX,CAAC,CAAA;EAEF,oBACEI,GAAA,CAACC,QAAQ,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACPC,IAAAA,OAAO,EAAC,QAAQ;AAChBnB,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,KAAK,EAAEA,KAAM;AACbkB,IAAAA,IAAI,EAAEC,sBAAuB;AAC7BC,IAAAA,YAAY,EAAC,OAAO;AACpBnB,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfmB,IAAAA,OAAO,EAAET,gBAAiB;AAC1BU,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,KAAK,EAAEpB,kBAAkB;AACzBqB,MAAAA,QAAQ,EAAEb,iBAAiB;AAC3Bc,MAAAA,QAAQ,EAAEf,UAAAA;AACZ,KAAA;GACIgB,EAAAA,cAAc,CAACtB,IAAI,CAAC,GACpBuB,sBAAsB,CAACvB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAE/BA,QAAAA;AAAQ,GAAA,CACD,CAAC,CAAA;AAEf,CAAC,CAAA;AAED,IAAM+B,eAAe,gBAAGC,wBAAwB,CAAClC,gBAAgB,EAAE;EACjEmC,WAAW,EAAEC,aAAa,CAACH,eAAAA;AAC7B,CAAC;;;;"}

package/build/lib/web/production/components/Counter/Counter.js

@@ -9,6 +9,7 @@ import '../../utils/metaAttribute/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
@@ -16,6 +17,7 @@ import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
@@ -53,7 +55,7 @@ var _Counter = function _Counter(_ref2) {
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'medium' : _ref2$size,
     testID = _ref2.testID,
-    styledProps = _objectWithoutProperties(_ref2, _excluded);
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var content = "".concat(value);
   if (max && value > max) {
     content = "".concat(max, "+");
@@ -80,12 +82,12 @@ var _Counter = function _Counter(_ref2) {
       size: 'medium'
     }
   };
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: isReactNative() ? 'flex' : 'inline-flex'
   }, metaAttribute({
     name: MetaConstants.Counter,
     testID: testID
-  })), getStyledProps(styledProps)), {}, {
+  })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
     children: /*#__PURE__*/jsx(StyledCounter, {
       minHeight: makeSize(counterHeight[size]),
       backgroundColor: backgroundColor,

package/build/lib/web/production/components/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = ({\n  value,\n  max,\n  color = 'neutral',\n  emphasis = 'subtle',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: CounterProps): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(_Counter, {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","concat","_Counter","_ref2","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Counter.js","sources":["../../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = ({\n  value,\n  max,\n  color = 'neutral',\n  emphasis = 'subtle',\n  size = 'medium',\n  testID,\n  ...rest\n}: CounterProps): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(_Counter, {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","concat","_Counter","_ref2","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/DatePicker/DateInput.web.js

@@ -9,16 +9,19 @@ import '../Input/BaseInput/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/index.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { BaseInput } from '../Input/BaseInput/BaseInput.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { size } from '../../tokens/global/size.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import CalendarIcon from '../Icons/CalendarIcon/CalendarIcon.js';
 import ArrowRightIcon from '../Icons/ArrowRightIcon/ArrowRightIcon.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 
-var _excluded = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText"];
+var _excluded = ["value", "name", "isRequired", "isDisabled"],
+  _excluded2 = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText"];
 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 _DateInput = function _DateInput(props, ref) {
@@ -50,16 +53,17 @@ var HiddenInput = function HiddenInput(_ref2) {
   var value = _ref2.value,
     name = _ref2.name,
     isRequired = _ref2.isRequired,
-    isDisabled = _ref2.isDisabled;
+    isDisabled = _ref2.isDisabled,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   if (isReactNative()) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("input", {
+  return /*#__PURE__*/jsx("input", _objectSpread({
     hidden: true,
     name: name,
     value: value,
     required: isRequired,
     disabled: isDisabled,
     readOnly: true
-  });
+  }, makeAnalyticsAttribute(rest)));
 };
 var iconVerticalMargin = {
   medium: size[14],
@@ -81,7 +85,7 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
     successText = _ref3.successText,
     errorText = _ref3.errorText,
     helpText = _ref3.helpText,
-    props = _objectWithoutProperties(_ref3, _excluded);
+    props = _objectWithoutProperties(_ref3, _excluded2);
   var isMobile = useIsMobile();
   var format = 'DD/MM/YYYY';
   var isLarge = size$1 === 'large';
@@ -199,12 +203,12 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
         })
       }), /*#__PURE__*/jsxs(BaseBox, {
         flex: 1,
-        children: [/*#__PURE__*/jsx(HiddenInput, {
+        children: [/*#__PURE__*/jsx(HiddenInput, _objectSpread({
           value: endValue,
           name: name === null || name === void 0 ? void 0 : name.end,
           isRequired: props.isRequired,
           isDisabled: props.isDisabled
-        }), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
+        }, makeAnalyticsAttribute(props))), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
           id: "end-date",
           placeholder: format,
           leadingIcon: CalendarIcon,

package/build/lib/web/production/components/DatePicker/DateInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n  value,\n  name,\n  isRequired,\n  isDisabled,\n}: {\n  value: string;\n  name?: string;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return (\n    <input\n      hidden={true}\n      name={name}\n      value={value}\n      required={isRequired}\n      disabled={isDisabled}\n      readOnly\n    />\n  );\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[14],\n  large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    successText,\n    errorText,\n    helpText,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const format = 'DD/MM/YYYY';\n  const isLarge = size === 'large';\n  const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n  const isLabelPositionLeft = labelPosition === 'left';\n  const isLabelPositionTop = labelPosition === 'top';\n  const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput\n          value={dateValue}\n          name={name}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          necessityIndicator={necessityIndicator}\n          successText={successText}\n          errorText={errorText}\n          helpText={helpText}\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const shouldRenderEndLabel = (): string | undefined => {\n      let finalLabel: string | undefined = '';\n\n      const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n      if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n        // Empty space, nbsp;\n        finalLabel = '\\u00A0';\n      } else if (isLabelPositionLeft) {\n        finalLabel = undefined;\n      } else {\n        finalLabel = label?.end;\n      }\n      return finalLabel;\n    };\n\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-start\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n          <HiddenInput\n            value={startValue}\n            name={name?.start}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n          />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={format}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            necessityIndicator={necessityIndicator}\n            successText={successText?.start}\n            errorText={errorText?.start}\n            helpText={helpText?.start}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              hasLabel && (!isLabelPositionLeft || isMobile)\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput\n            value={endValue}\n            name={name?.end}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n          />\n          <DateInput\n            id=\"end-date\"\n            placeholder={format}\n            leadingIcon={CalendarIcon}\n            label={shouldRenderEndLabel()}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            successText={successText?.end}\n            errorText={errorText?.end}\n            helpText={helpText?.end}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","isReactNative","_Fragment","hidden","required","disabled","readOnly","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","_objectWithoutProperties","_excluded","isMobile","useIsMobile","format","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n  value,\n  name,\n  isRequired,\n  isDisabled,\n  ...rest\n}: {\n  value: string;\n  name?: string;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return (\n    <input\n      hidden={true}\n      name={name}\n      value={value}\n      required={isRequired}\n      disabled={isDisabled}\n      readOnly\n      {...makeAnalyticsAttribute(rest)}\n    />\n  );\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[14],\n  large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    successText,\n    errorText,\n    helpText,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const format = 'DD/MM/YYYY';\n  const isLarge = size === 'large';\n  const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n  const isLabelPositionLeft = labelPosition === 'left';\n  const isLabelPositionTop = labelPosition === 'top';\n  const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput\n          value={dateValue}\n          name={name}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          necessityIndicator={necessityIndicator}\n          successText={successText}\n          errorText={errorText}\n          helpText={helpText}\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const shouldRenderEndLabel = (): string | undefined => {\n      let finalLabel: string | undefined = '';\n\n      const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n      if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n        // Empty space, nbsp;\n        finalLabel = '\\u00A0';\n      } else if (isLabelPositionLeft) {\n        finalLabel = undefined;\n      } else {\n        finalLabel = label?.end;\n      }\n      return finalLabel;\n    };\n\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-start\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n          <HiddenInput\n            value={startValue}\n            name={name?.start}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n          />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={format}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            necessityIndicator={necessityIndicator}\n            successText={successText?.start}\n            errorText={errorText?.start}\n            helpText={helpText?.start}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              hasLabel && (!isLabelPositionLeft || isMobile)\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput\n            value={endValue}\n            name={name?.end}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n            {...makeAnalyticsAttribute(props)}\n          />\n          <DateInput\n            id=\"end-date\"\n            placeholder={format}\n            leadingIcon={CalendarIcon}\n            label={shouldRenderEndLabel()}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            successText={successText?.end}\n            errorText={errorText?.end}\n            helpText={helpText?.end}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","rest","_objectWithoutProperties","_excluded","isReactNative","_Fragment","hidden","required","disabled","readOnly","makeAnalyticsAttribute","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","_excluded2","isMobile","useIsMobile","format","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}

package/build/lib/web/production/components/DatePicker/DatePicker.web.js

@@ -26,6 +26,7 @@ import '../../utils/logger/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/metaAttribute/index.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import '../../utils/fireNativeEvent/index.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
@@ -35,6 +36,7 @@ import { logger } from '../../utils/logger/logger.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 { BottomSheet } from '../BottomSheet/BottomSheet.web.js';
 import { BottomSheetHeader } from '../BottomSheet/BottomSheetHeader.web.js';
 import { BottomSheetBody } from '../BottomSheet/BottomSheetBody.web.js';
@@ -309,7 +311,7 @@ var DatePicker = function DatePicker(_ref) {
       }, getStyledProps(props)), metaAttribute({
         name: MetaConstants.DatePicker
       })), {}, {
-        children: [/*#__PURE__*/jsx(DatePickerInput, {
+        children: [/*#__PURE__*/jsx(DatePickerInput, _objectSpread({
           selectionType: _selectionType,
           date: controlledValue,
           ref: referenceRef,
@@ -328,7 +330,7 @@ var DatePicker = function DatePicker(_ref) {
           validationState: validationState,
           autoFocus: autoFocus,
           necessityIndicator: necessityIndicator
-        }), isMobile ? /*#__PURE__*/jsxs(BottomSheet, {
+        }, makeAnalyticsAttribute(props))), isMobile ? /*#__PURE__*/jsxs(BottomSheet, {
           snapPoints: [0.9, 0.9, 1],
           isOpen: controllableIsOpen,
           onDismiss: function onDismiss() {