@razorpay/blade 11.37.0 → 11.38.0

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, color, testID, ...styledProps },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(styledProps)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={ref}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, color, testID, ...rest },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={ref}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","makeAnalyticsAttribute","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAMA,KAAiE,GAAG,SAApEA,KAAiEA,CAAAC,IAAA,EAErEC,GAAG,EACA;AAAA,EAAA,IAAAC,iBAAA,EAAAC,qBAAA,EAAAC,KAAA,CAAA;AAAA,EAAA,IAFDC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAQC,IAAI,GAAAR,IAAA,CAAVS,IAAI;IAAQC,KAAK,GAAAV,IAAA,CAALU,KAAK;IAAEC,MAAM,GAAAX,IAAA,CAANW,MAAM;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAGjE,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,UAAU,GAAGC,mBAAmB,EAAE,CAAA;AACxC,EAAA,IAAMC,aAAa,GAAG,CAACC,OAAO,CAACH,UAAU,CAAC,CAAA;AAC1C,EAAA,IAAAI,eAAA,GAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAhDK,IAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAI,IAAO,EAAE;IACX,IAAI,CAACL,aAAa,EAAE;AAClBS,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,MAAM;AAClBC,QAAAA,OAAO,EACL,wFAAA;AACJ,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,IAAMC,QAAQ,GAAG,CAAAd,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEe,eAAe,MAAK,OAAO,CAAA;AACxD,EAAA,IAAMC,WAAW,GAAGjC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAIiB,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEjB,UAAU,CAAA;EACxD,IAAMkC,WAAW,GAAG,CAAAjB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEkB,UAAU,KAAI,CAAAlB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEmB,kBAAkB,MAAK,UAAU,CAAA;EAC3F,IAAMC,KAAK,GAAGpB,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEqB,IAAI,CAAA;AAC9B;AACA,EAAA,IAAMC,UAAU,GAAGtB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAApB,iBAAA,GAAVoB,UAAU,CAAEuB,KAAK,MAAA,IAAA,IAAA3C,iBAAA,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAA,CAAmB4C,SAAS,CAACxC,KAAM,CAAC,CAAA;AACvD;AACA,EAAA,IAAMyC,cAAc,GAClB,QAAOzB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE0B,YAAY,CAAA,KAAK,WAAW,GAC3CC,SAAS;AAAC,IACV3B,UAAU,KAAVA,IAAAA,IAAAA,UAAU,wBAAAnB,qBAAA,GAAVmB,UAAU,CAAE0B,YAAY,cAAA7C,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxBA,qBAAA,CAA0B+C,QAAQ,CAAC5C,KAAe,CAAC,CAAC;AAC1D,EAAA,IAAM6C,OAAO,GAAG,CAAA7B,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE8B,aAAa,MAAK,QAAQ,GAAGC,QAAQ,GAAGC,WAAW,CAAA;EAC/E,IAAMC,KAAK,GAAG,CAAAjC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEkC,IAAI,KAAI,OAAO,CAAA;EACzC,IAAMC,SAAS,IAAArD,KAAA,GAAGM,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAIY,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEZ,KAAK,cAAAN,KAAA,KAAA,KAAA,CAAA,GAAAA,KAAA,GAAI,SAAS,CAAA;AAEzD,EAAA,IAAMsD,YAAsB,GAAG,SAAzBA,YAAsBA,CAAAC,KAAA,EAA6B;AAAA,IAAA,IAAvBb,SAAS,GAAAa,KAAA,CAATb,SAAS;MAAExC,KAAK,GAAAqD,KAAA,CAALrD,KAAK,CAAA;AAChD,IAAA,IAAIwC,SAAS,EAAE;AAAA,MAAA,IAAAc,kBAAA,CAAA;AACbtC,MAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAsC,kBAAA,GAAVtC,UAAU,CAAEuB,KAAK,MAAAe,IAAAA,IAAAA,kBAAA,uBAAjBA,kBAAA,CAAmBC,QAAQ,CAACvD,KAAM,CAAC,CAAA;AACrC,KAAC,MAAM;AAAA,MAAA,IAAAwD,kBAAA,CAAA;AACLxC,MAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAwC,kBAAA,GAAVxC,UAAU,CAAEuB,KAAK,MAAAiB,IAAAA,IAAAA,kBAAA,uBAAjBA,kBAAA,CAAmBC,WAAW,CAACzD,KAAM,CAAC,CAAA;AACxC,KAAA;GACD,CAAA;EAED,IAAA0D,QAAA,GAA8Bb,OAAO,CAAC;AACpCJ,MAAAA,cAAc,EAAdA,cAAc;AACdD,MAAAA,SAAS,EAAEF,UAAU;AACrBvC,MAAAA,UAAU,EAAEiC,WAAW;AACvBE,MAAAA,UAAU,EAAED,WAAW;AACvBH,MAAAA,QAAQ,EAARA,QAAQ;AACRO,MAAAA,IAAI,EAAED,KAAK;AACXpC,MAAAA,KAAK,EAALA,KAAK;AACL2D,MAAAA,QAAQ,EAAEP,YAAAA;AACZ,KAAC,CAAC;IATMb,KAAK,GAAAmB,QAAA,CAALnB,KAAK;IAAEqB,UAAU,GAAAF,QAAA,CAAVE,UAAU,CAAA;AAWzB,EAAA,IAAMC,sBAAsB,GAAGxC,cAAK,CAACyC,WAAW,CAAC,YAAM;AACrD,IAAA,IAAI9B,WAAW,EAAE,OAAA;IACjBN,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,GAAC,EAAE,CAACM,WAAW,CAAC,CAAC,CAAA;AAEjB,EAAA,IAAM+B,uBAAuB,GAAG1C,cAAK,CAACyC,WAAW,CAAC,YAAM;AACtD,IAAA,IAAI9B,WAAW,EAAE,OAAA;IACjBN,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,GAAC,EAAE,CAACM,WAAW,CAAC,CAAC,CAAA;EAEjB,IAAMgC,uBAAuB,GAAG3C,cAAK,CAACyC,WAAW,CAC/C,UAACG,CAAsB,EAAK;AAC1B,IAAA,IAAIjC,WAAW,EAAE,OAAA;AACjB,IAAA,IAAIiC,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACjBxC,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,KAAA;AACF,GAAC,EACD,CAACM,WAAW,CACd,CAAC,CAAA;EAED,IAAMmC,wBAAwB,GAAG9C,cAAK,CAACyC,WAAW,CAChD,UAACG,CAAsB,EAAK;AAC1B,IAAA,IAAIjC,WAAW,EAAE,OAAA;AACjB,IAAA,IAAIiC,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACjBxC,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,KAAA;AACF,GAAC,EACD,CAACM,WAAW,CACd,CAAC,CAAA;EAED,IAAIoC,WAAW,GAAG,WAAW,CAAA;EAC7B,IAAI9B,UAAU,IAAIa,SAAS,EAAE;AAC3BiB,IAAAA,WAAW,GAAGjB,SAAS,CAAA;AACzB,GAAA;AACA,EAAA,IAAInB,WAAW,EAAE;AACfoC,IAAAA,WAAW,GAAG,UAAU,CAAA;AAC1B,GAAA;AACA,EAAA,IAAMC,aAAa,GAAGC,eAAe,CAACC,IAAI,CAACH,WAAW,CAAC,CAAA;AACvD,EAAA,IAAMI,aAAa,GAAGF,eAAe,CAACnE,IAAI,CAACiE,WAAW,CAAC,CAAA;EAEvD,IAAIK,YAAY,GAAG,WAAW,CAAA;AAC9B,EAAA,IAAMC,YAAY,GAAG1C,WAAW,GAAG,UAAU,GAAG,SAAS,CAAA;EACzD,IAAIM,UAAU,IAAIa,SAAS,EAAE;AAC3BsB,IAAAA,YAAY,GAAGtB,SAAS,CAAA;AAC1B,GAAA;EACA,IAAMwB,mBAAmB,GAAGL,eAAe,CAACM,UAAU,CAACH,YAAY,CAAC,CAACC,YAAY,CAAC,CAAA;EAClF,IAAMG,eAAe,GAAGP,eAAe,CAACQ,MAAM,CAACL,YAAY,CAAC,CAACC,YAAY,CAAC,CAAA;AAE1E,EAAA,oBACEK,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFC,aAAa,CAAC;IAAE7C,IAAI,EAAE8C,aAAa,CAACC,IAAI;AAAE/E,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CACnDgF,EAAAA,cAAc,CAAC/E,IAAI,CAAC,CACpBgF,EAAAA,sBAAsB,CAAChF,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCiF,IAAAA,OAAO,EAAGC,aAAa,EAAE,GAAG,MAAM,GAAG,aAAwB;IAAAvF,QAAA,eAE7D8E,GAAA,CAACU,aAAa,EAAA;MACZC,aAAa,EAAEP,aAAa,CAACQ,SAAU;AACvCC,MAAAA,YAAY,EAAE/B,sBAAuB;AACrCgC,MAAAA,UAAU,EAAE9B,uBAAwB;AACpC+B,MAAAA,WAAW,EAAEjC,sBAAuB;AACpCkC,MAAAA,SAAS,EAAEhC,uBAAwB;AACnCiC,MAAAA,UAAU,EAAEjC,uBAAwB;AACpCkC,MAAAA,SAAS,EAAEjC,uBAAwB;AACnCkC,MAAAA,OAAO,EAAE/B,wBAAyB;MAClCP,UAAU,EAAE4B,aAAa,EAAE,GAAG5B,UAAU,GAAG,EAAG;AAC9CuC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAEpE,WAAW,GAAG,aAAa,GAAG,SAAA;OAAY;MAAA/B,QAAA,eAE3D8E,GAAA,CAACC,OAAO,EAAA;AAACO,QAAAA,OAAO,EAAC,MAAM;AAACc,QAAAA,aAAa,EAAC,QAAQ;QAAApG,QAAA,eAC5CqG,IAAA,CAACtB,OAAO,EAAA;AAACO,UAAAA,OAAO,EAAC,MAAM;AAACgB,UAAAA,UAAU,EAAC,QAAQ;AAACF,UAAAA,aAAa,EAAC,KAAK;UAAApG,QAAA,EAAA,cAC7D8E,GAAA,CAACyB,aAAa,EAAA;AACZC,YAAAA,WAAW,EAAEC,uBAAuB,CAACvD,SAAS,CAAE;YAChDX,SAAS,EAAED,KAAK,CAACC,SAAU;AAC3BzC,YAAAA,UAAU,EAAEiC,WAAY;AACxB4B,YAAAA,UAAU,EAAEA,UAAW;AACvB9B,YAAAA,QAAQ,EAAEA,QAAS;AACnBnC,YAAAA,GAAG,EAAEA,GAAAA;AAAI,WACV,CAAC,eACFoF,GAAA,CAAC4B,YAAY,EAAA;AACXC,YAAAA,WAAW,EAAE/B,eAAgB;AAC7B9E,YAAAA,UAAU,EAAEiC,WAAY;AACxBP,YAAAA,SAAS,EAAEA,SAAU;YACrBoF,SAAS,EAAE9F,iBAAiB,KAAK,SAAU;YAAAd,QAAA,eAE3CqG,IAAA,CAACQ,iBAAiB,EAAA;AAChBF,cAAAA,WAAW,EAAE/B,eAAgB;AAC7BrC,cAAAA,SAAS,EAAEF,UAAW;AACtBvC,cAAAA,UAAU,EAAEiC,WAAY;AACxB5B,cAAAA,KAAK,EAAE+C,SAAU;AACjBoC,cAAAA,OAAO,EAAC,MAAM;AACdc,cAAAA,aAAa,EAAC,KAAK;AACnBU,cAAAA,cAAc,EAAC,QAAQ;AACvBR,cAAAA,UAAU,EAAC,QAAQ;AACnBS,cAAAA,QAAQ,EAAC,QAAQ;AACjBC,cAAAA,eAAe,EAAEtC,mBAAoB;AACrCuC,cAAAA,YAAY,EAAC,KAAK;AAClBC,cAAAA,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAACvE,QAAQ,CAACK,KAAK,CAAC,GAAG,SAAS,GAAG,MAAO;AACtEmE,cAAAA,WAAW,EACTC,2BAA2B,CAACC,OAAO,CAACpH,IAAI,CAAC,GAAG,UAAU,GAAG,aAAa,CAAC,CAACqH,IAAI,CAC1EtE,KAAK,CAER;AACDuE,cAAAA,YAAY,EACVH,2BAA2B,CAACC,OAAO,CAACpH,IAAI,CAAC,GAAG,UAAU,GAAG,aAAa,CAAC,CAACuH,KAAK,CAC3ExE,KAAK,CAER;AACDyE,cAAAA,MAAM,EAAEC,QAAQ,CAACC,gBAAgB,CAAC3E,KAAK,CAAC,CAAE;AAAAhD,cAAAA,QAAA,EAEzCC,CAAAA,IAAI,gBACH6E,GAAA,CAACC,OAAO,EAAA;AAACwC,gBAAAA,YAAY,EAAC,WAAW;AAACjC,gBAAAA,OAAO,EAAC,MAAM;gBAAAtF,QAAA,eAC9C8E,GAAA,CAAC7E,IAAI,EAAA;AAACE,kBAAAA,KAAK,EAAEoE,aAAc;kBAACtB,IAAI,EAAE2E,aAAa,CAAC5E,KAAK,CAAA;iBAAI,CAAA;AAAC,eACnD,CAAC,GACR,IAAI,eACR8B,GAAA,CAAC+C,IAAI,EAAA7C,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAK8C,aAAa,CAAC9E,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAE+E,gBAAAA,kBAAkB,EAAE,CAAE;AAAC5H,gBAAAA,KAAK,EAAEiE,aAAc;AAAApE,gBAAAA,QAAA,EACzEA,QAAAA;AAAQ,eAAA,CACL,CAAC,CAAA;aACU,CAAA;AAAC,WACR,CAAC,CAAA;SACR,CAAA;OACF,CAAA;KACI,CAAA;AAAC,GAAA,CACT,CAAC,CAAA;AAEd,CAAC,CAAA;AAEKmF,IAAAA,IAAI,gBAAG6C,wBAAwB,eAAC5G,cAAK,CAAC6G,UAAU,CAACzI,KAAK,CAAC,EAAE;AAC7D0I,EAAAA,WAAW,EAAE,MAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/Chip/ChipGroup.js

@@ -11,10 +11,12 @@ import '../Box/styledProps/index.js';
 import '../VisuallyHidden/index.web.js';
 import '../Typography/index.js';
 import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { FormLabel } from '../Form/FormLabel.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.web.js';
 import { Text } from '../Typography/Text/Text.js';
@@ -50,7 +52,7 @@ var ChipGroup = function ChipGroup(_ref) {
     testID = _ref.testID,
     _ref$selectionType = _ref.selectionType,
     selectionType = _ref$selectionType === void 0 ? 'single' : _ref$selectionType,
-    styledProps = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useChipGroup = useChipGroup({
       defaultValue: defaultValue,
       onChange: onChange,
@@ -85,13 +87,14 @@ var ChipGroup = function ChipGroup(_ref) {
   }
   return /*#__PURE__*/jsx(ChipGroupProvider, {
     value: contextValue,
-    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, getStyledProps(styledProps)), {}, {
-      children: /*#__PURE__*/jsxs(SelectorGroupField, {
+    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, getStyledProps(rest)), {}, {
+      children: /*#__PURE__*/jsxs(SelectorGroupField, _objectSpread(_objectSpread({
         position: labelPosition,
         accessibilityRole: selectionType === 'single' ? 'radiogroup' : 'group',
         labelledBy: ids.labelId,
         componentName: "chip-group",
-        testID: testID,
+        testID: testID
+      }, makeAnalyticsAttribute(rest)), {}, {
         children: [label ? /*#__PURE__*/jsx(FormLabel, {
           as: "span",
           necessityIndicator: necessityIndicator,
@@ -123,7 +126,7 @@ var ChipGroup = function ChipGroup(_ref) {
             helpText: helpText
           })]
         })]
-      })
+      }))
     }))
   });
 };

package/build/lib/web/development/components/Chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens, chipGroupLabelSizeTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroup = ({\n  accessibilityLabel,\n  label,\n  labelPosition = 'top',\n  necessityIndicator = 'none',\n  validationState = 'none',\n  errorText,\n  helpText,\n  isRequired = false,\n  children,\n  isDisabled = false,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'small',\n  color = 'primary',\n  testID,\n  selectionType = 'single',\n  ...styledProps\n}: ChipGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n    isRequired,\n    validationState,\n    necessityIndicator,\n  });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <SelectorGroupField\n          position={labelPosition}\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={chipGroupLabelSizeTokens[size]}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n            <FormHint\n              size={chipGroupLabelSizeTokens[size]}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","styledProps","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","concat","trim","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right","FormHint","type"],"mappings":"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"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens, chipGroupLabelSizeTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst ChipGroup = ({\n  accessibilityLabel,\n  label,\n  labelPosition = 'top',\n  necessityIndicator = 'none',\n  validationState = 'none',\n  errorText,\n  helpText,\n  isRequired = false,\n  children,\n  isDisabled = false,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'small',\n  color = 'primary',\n  testID,\n  selectionType = 'single',\n  ...rest\n}: ChipGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n    isRequired,\n    validationState,\n    necessityIndicator,\n  });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={chipGroupLabelSizeTokens[size]}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n            <FormHint\n              size={chipGroupLabelSizeTokens[size]}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","rest","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","concat","trim","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right","FormHint","type"],"mappings":"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"}

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

@@ -12,6 +12,7 @@ import '../../utils/metaAttribute/index.js';
 import { useId } from '../../utils/useId.js';
 import '../../utils/isValidAllowedChildren/index.js';
 import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
@@ -21,6 +22,7 @@ import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
 var _excluded = ["children", "direction", "defaultIsExpanded", "isExpanded", "onExpandChange", "testID", "_shouldApplyWidthRestrictions", "_dangerouslyDisableValidations"];
 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; }
@@ -39,7 +41,7 @@ var Collapsible = function Collapsible(_ref) {
     _shouldApplyWidthRestrictions = _ref$_shouldApplyWidt === void 0 ? true : _ref$_shouldApplyWidt,
     _ref$_dangerouslyDisa = _ref._dangerouslyDisableValidations,
     _dangerouslyDisableValidations = _ref$_dangerouslyDisa === void 0 ? false : _ref$_dangerouslyDisa,
-    styledProps = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(isExpanded !== null && isExpanded !== void 0 ? isExpanded : defaultIsExpanded),
     _useState2 = _slicedToArray(_useState, 2),
     isBodyExpanded = _useState2[0],
@@ -87,10 +89,10 @@ var Collapsible = function Collapsible(_ref) {
   }
   return /*#__PURE__*/jsx(CollapsibleContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
       name: MetaConstants.Collapsible,
       testID: testID
-    })), getStyledProps(styledProps)), {}, {
+    })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
       children: /*#__PURE__*/jsx(BaseBox, {
         display: "flex",
         flexDirection: direction === 'bottom' ? 'column' : 'column-reverse',

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype CollapsibleProps = {\n  /**\n   * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`\n   */\n  children: ReactNode;\n\n  /**\n   * Direction in which the content expands\n   *\n   * @default bottom\n   */\n  direction?: 'bottom' | 'top';\n\n  /**\n   * Expands the collapsible content by default (uncontrolled)\n   *\n   * @default false\n   */\n  defaultIsExpanded?: boolean;\n\n  /**\n   * Expands the collapsible content (controlled)\n   *\n   * @default undefined\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Callback for change in collapsible's expanded state\n   *\n   * @default undefined\n   */\n  onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n  /**\n   * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n   */\n  _dangerouslyDisableValidations?: boolean;\n  /**\n   * **Internal**: used to override responsive width restrictions\n   */\n  _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst Collapsible = ({\n  children,\n  direction = 'bottom',\n  defaultIsExpanded = false,\n  isExpanded,\n  onExpandChange,\n  testID,\n  _shouldApplyWidthRestrictions = true,\n  _dangerouslyDisableValidations = false,\n  ...styledProps\n}: CollapsibleProps): ReactElement => {\n  const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n  const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n  /**\n   * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n   * This will help in determining the correct initial height of collapsing body content\n   */\n  const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n  const handleExpandChange = useCallback(\n    (nextIsExpanded: boolean) => {\n      if (typeof isExpanded !== 'undefined') {\n        // controlled\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      } else {\n        // uncontrolled\n        setIsBodyExpanded(nextIsExpanded);\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      }\n    },\n    [onExpandChange, isExpanded],\n  );\n\n  const contextValue = useMemo<CollapsibleContextState>(\n    () => ({\n      // controlled behavior if isExpanded is provided\n      isExpanded: isExpanded ?? isBodyExpanded,\n      onExpandChange: handleExpandChange,\n      defaultIsExpanded: initialDefaultExpanded.current,\n      direction,\n      collapsibleBodyId,\n    }),\n    [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n  );\n\n  if (__DEV__) {\n    Children.forEach(children, (child) => {\n      if (\n        !(\n          isValidAllowedChildren(child, MetaConstants.CollapsibleBody) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleButton) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleLink)\n        ) &&\n        !_dangerouslyDisableValidations\n      ) {\n        throwBladeError({\n          message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,\n          moduleName: 'Collapsible',\n        });\n      }\n    });\n  }\n\n  return (\n    <CollapsibleContext.Provider value={contextValue}>\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n        {...getStyledProps(styledProps)}\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n          alignItems=\"flex-start\"\n          minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n          maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n        >\n          {children}\n        </BaseBox>\n      </BaseBox>\n    </CollapsibleContext.Provider>\n  );\n};\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["MIN_WIDTH","makeSize","size","Collapsible","_ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","styledProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","Children","forEach","child","isValidAllowedChildren","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","_objectSpread","metaAttribute","name","getStyledProps","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS"],"mappings":"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"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CollapsibleProps = {\n  /**\n   * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`\n   */\n  children: ReactNode;\n\n  /**\n   * Direction in which the content expands\n   *\n   * @default bottom\n   */\n  direction?: 'bottom' | 'top';\n\n  /**\n   * Expands the collapsible content by default (uncontrolled)\n   *\n   * @default false\n   */\n  defaultIsExpanded?: boolean;\n\n  /**\n   * Expands the collapsible content (controlled)\n   *\n   * @default undefined\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Callback for change in collapsible's expanded state\n   *\n   * @default undefined\n   */\n  onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n  /**\n   * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n   */\n  _dangerouslyDisableValidations?: boolean;\n  /**\n   * **Internal**: used to override responsive width restrictions\n   */\n  _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst Collapsible = ({\n  children,\n  direction = 'bottom',\n  defaultIsExpanded = false,\n  isExpanded,\n  onExpandChange,\n  testID,\n  _shouldApplyWidthRestrictions = true,\n  _dangerouslyDisableValidations = false,\n  ...rest\n}: CollapsibleProps): ReactElement => {\n  const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n  const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n  /**\n   * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n   * This will help in determining the correct initial height of collapsing body content\n   */\n  const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n  const handleExpandChange = useCallback(\n    (nextIsExpanded: boolean) => {\n      if (typeof isExpanded !== 'undefined') {\n        // controlled\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      } else {\n        // uncontrolled\n        setIsBodyExpanded(nextIsExpanded);\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      }\n    },\n    [onExpandChange, isExpanded],\n  );\n\n  const contextValue = useMemo<CollapsibleContextState>(\n    () => ({\n      // controlled behavior if isExpanded is provided\n      isExpanded: isExpanded ?? isBodyExpanded,\n      onExpandChange: handleExpandChange,\n      defaultIsExpanded: initialDefaultExpanded.current,\n      direction,\n      collapsibleBodyId,\n    }),\n    [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n  );\n\n  if (__DEV__) {\n    Children.forEach(children, (child) => {\n      if (\n        !(\n          isValidAllowedChildren(child, MetaConstants.CollapsibleBody) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleButton) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleLink)\n        ) &&\n        !_dangerouslyDisableValidations\n      ) {\n        throwBladeError({\n          message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,\n          moduleName: 'Collapsible',\n        });\n      }\n    });\n  }\n\n  return (\n    <CollapsibleContext.Provider value={contextValue}>\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n          alignItems=\"flex-start\"\n          minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n          maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n        >\n          {children}\n        </BaseBox>\n      </BaseBox>\n    </CollapsibleContext.Provider>\n  );\n};\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["MIN_WIDTH","makeSize","size","Collapsible","_ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","Children","forEach","child","isValidAllowedChildren","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","_objectSpread","metaAttribute","name","getStyledProps","makeAnalyticsAttribute","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS"],"mappings":"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"}

package/build/lib/web/development/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/development/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/development/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/development/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/development/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/development/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/development/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/development/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":";;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAMD;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CALhBE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,aAAA,GAAAH,IAAA,CACjBI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,aAAA,CAAA;AAKnB,EAAA,IAAME,KAAiB,GAAG;AACxBC,IAAAA,SAAS,EAAE,+BAA+B;AAC1CC,IAAAA,eAAe,EAAE,oCAAA;GAClB,CAAA;EAED,IAAIL,KAAK,KAAK,SAAS,EAAE;AACvB;AACAG,IAAAA,KAAK,CAACC,SAAS,GACbF,QAAQ,KAAK,SAAS,GAAoE,iCAAA,GAAA,6BAAA,CAAA;AAC5FC,IAAAA,KAAK,CAACE,eAAe,GAAA,6BAAA,CAAAC,MAAA,CAAiCJ,QAAQ,CAAE,CAAA;AAClE,GAAC,MAAM;AACL;IACAC,KAAK,CAACC,SAAS,GACbF,QAAQ,KAAK,SAAS,GAAAI,iCAAAA,GAAAA,gBAAAA,CAAAA,MAAA,CAAwDN,KAAK,EAAU,UAAA,CAAA,CAAA;IAC/FG,KAAK,CAACE,eAAe,GAAA,sBAAA,CAAAC,MAAA,CAA0BN,KAAK,EAAAM,GAAAA,CAAAA,CAAAA,MAAA,CAAIJ,QAAQ,CAAE,CAAA;AACpE,GAAA;AACA,EAAA,OAAOC,KAAK,CAAA;AACd,CAAC,CAAA;AAED,IAAMI,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAQ0B;AAAA,EAAA,IAPtCC,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLC,GAAG,GAAAF,KAAA,CAAHE,GAAG;IAAAC,WAAA,GAAAH,KAAA,CACHR,KAAK;AAALA,IAAAA,KAAK,GAAAW,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA;IAAAC,cAAA,GAAAJ,KAAA,CACjBN,QAAQ;AAARA,IAAAA,QAAQ,GAAAU,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;IAAAC,UAAA,GAAAL,KAAA,CACnBM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;IACfE,MAAM,GAAAP,KAAA,CAANO,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAT,KAAA,EAAAU,SAAA,CAAA,CAAA;AAEd,EAAA,IAAIC,OAAO,GAAA,EAAA,CAAAb,MAAA,CAAMG,KAAK,CAAE,CAAA;AACxB,EAAA,IAAIC,GAAG,IAAID,KAAK,GAAGC,GAAG,EAAE;AACtBS,IAAAA,OAAO,GAAAb,EAAAA,CAAAA,MAAA,CAAMI,GAAG,EAAG,GAAA,CAAA,CAAA;AACrB,GAAA;AAEA,EAAA,IAAAU,SAAA,GAAqBC,QAAQ,EAAE;IAAvBC,QAAQ,GAAAF,SAAA,CAARE,QAAQ,CAAA;EAChB,IAAAC,cAAA,GAAuC1B,aAAa,CAAC;AACnDG,MAAAA,KAAK,EAALA,KAAK;AACLE,MAAAA,QAAQ,EAARA,QAAAA;AACF,KAAC,CAAC;IAHMG,eAAe,GAAAkB,cAAA,CAAflB,eAAe;IAAED,SAAS,GAAAmB,cAAA,CAATnB,SAAS,CAAA;AAKlC,EAAA,IAAMoB,gBAAgB,GAAG;AACvBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE,MAAM;AACfZ,MAAAA,IAAI,EAAE,QAAA;KACP;AACDa,IAAAA,MAAM,EAAE;AACND,MAAAA,OAAO,EAAE,MAAM;AACfZ,MAAAA,IAAI,EAAE,OAAA;KACP;AACDc,IAAAA,KAAK,EAAE;AACLF,MAAAA,OAAO,EAAE,MAAM;AACfZ,MAAAA,IAAI,EAAE,QAAA;AACR,KAAA;GACQ,CAAA;EAEV,oBACEe,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAGC,aAAa,EAAE,GAAG,MAAM,GAAG,aAAA;AAAwB,GAAA,EACzDC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,OAAO;AAAEtB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACtDuB,cAAc,CAACtB,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAuB,QAAA,eAE/BV,GAAA,CAACW,aAAa,EAAA;AACZC,MAAAA,SAAS,EAAEC,QAAQ,CAACC,aAAa,CAAC7B,IAAI,CAAC,CAAE;AACzCT,MAAAA,eAAe,EAAEA,eAAgB;AACjCS,MAAAA,IAAI,EAAEA,IAAK;AACXQ,MAAAA,QAAQ,EAAEA,QAAS;MAAAiB,QAAA,eAEnBV,GAAA,CAACC,OAAO,EAAA;AACNc,QAAAA,QAAQ,EAAEC,iBAAiB,CAAC/B,IAAI,CAAE;AAClCkB,QAAAA,OAAO,EAAC,MAAM;AACdc,QAAAA,aAAa,EAAC,KAAK;AACnBC,QAAAA,cAAc,EAAC,QAAQ;AACvBC,QAAAA,UAAU,EAAC,QAAQ;AACnBC,QAAAA,QAAQ,EAAC,QAAQ;AAAAV,QAAAA,QAAA,eAEjBV,GAAA,CAACqB,IAAI,EAAAnB,aAAA,CAAAA,aAAA,CACCP,EAAAA,EAAAA,gBAAgB,CAACV,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAC1BqC,UAAAA,SAAS,EAAC,QAAQ;AAClBC,UAAAA,MAAM,EAAC,QAAQ;AACfC,UAAAA,kBAAkB,EAAE,CAAE;AACtBrD,UAAAA,KAAK,EAAEI,SAAU;AAAAmC,UAAAA,QAAA,EAEhBpB,OAAAA;SACG,CAAA,CAAA;OACC,CAAA;KACI,CAAA;AAAC,GAAA,CACT,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMkB,OAAO,gBAAGiB,wBAAwB,CAAC/C,QAAQ,EAAE;AACjDgD,EAAAA,WAAW,EAAE,SAAS;AACtBC,EAAAA,WAAW,EAAE,SAAA;AACf,CAAC;;;;"}
+{"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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"}