npm - @razorpay/blade - Versions diffs - 12.64.0 → 12.65.0 - Mend

@razorpay/blade 12.64.0 → 12.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (109) hide show

package/build/lib/web/development/components/Input/BaseInput/BaseInputVisuals.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps, SpacingValueType } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\nimport { isReactNative } from '~utils';\n\ntype InputVisuals = Pick<\n BaseInputProps,\n \| 'leadingIcon'\n \| 'prefix'\n \| 'trailingInteractionElement'\n \| 'onTrailingInteractionElementClick'\n \| 'leadingInteractionElement'\n \| 'leadingDropDown'\n \| 'trailingDropDown'\n \| 'suffix'\n \| 'trailingIcon'\n \| 'isDisabled'\n \| 'validationState'\n \| 'size'\n \| 'trailingButton'\n \| 'showHintsAsTooltip'\n \| 'errorText'\n \| 'successText'\n> & {\n size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = ({\n shouldStretchTrailingBox,\n}: {\n shouldStretchTrailingBox?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' \| 'flexDirection' \| 'alignItems' \| 'alignSelf'> => ({\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n alignSelf: shouldStretchTrailingBox ? 'stretch' : 'center',\n});\n\nconst trailingIconColor: Record<NonNullable<InputVisuals['validationState']>, IconColors> = {\n none: 'surface.icon.gray.subtle',\n error: 'feedback.icon.negative.intense',\n success: 'feedback.icon.positive.intense',\n};\n\nconst iconSize = {\n xsmall: 'small',\n medium: 'medium',\n large: 'large',\n} as const;\n\nconst textSize = {\n xsmall: 'small',\n medium: 'medium',\n large: 'large',\n} as const;\n\nconst getPrefixStyles = ({\n hasLeadingIcon,\n hasPrefix,\n}: {\n hasLeadingIcon: boolean;\n hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n if (hasPrefix && hasLeadingIcon) {\n return {\n paddingLeft: 'spacing.3',\n };\n }\n\n if (hasPrefix && !hasLeadingIcon) {\n return {\n paddingLeft: 'spacing.4',\n };\n }\n\n return {\n paddingLeft: 'spacing.0',\n };\n};\n\nconst getInteractionElementStyles = ({\n hasTrailingIcon,\n hasLeadingInteractionElement,\n hasLeadingDropDown,\n hasTrailingInteractionElement,\n hasSuffix,\n hasTrailingButton,\n hasTrailingDropDown,\n}: {\n hasTrailingIcon: boolean;\n hasLeadingInteractionElement?: boolean;\n hasLeadingDropDown?: boolean;\n hasTrailingInteractionElement?: boolean;\n hasSuffix: boolean;\n hasTrailingButton: boolean;\n hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n if (hasTrailingInteractionElement && (hasSuffix \|\| hasTrailingIcon \|\| hasTrailingButton)) {\n return 'spacing.2';\n }\n\n if (hasLeadingDropDown \|\| hasTrailingDropDown) {\n return 'spacing.2';\n }\n\n if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n return 'spacing.4';\n }\n\n if (hasLeadingInteractionElement) {\n return 'spacing.3';\n }\n\n return 'spacing.0';\n};\n\nconst getSuffixStyles = ({\n hasTrailingIcon,\n hasSuffix,\n hasTrailingButton,\n}: {\n hasTrailingIcon: boolean;\n hasSuffix: boolean;\n hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n if (hasSuffix && (hasTrailingIcon \|\| hasTrailingButton)) {\n return {\n paddingRight: 'spacing.3',\n };\n }\n\n if (hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n return {\n paddingRight: 'spacing.4',\n };\n }\n\n return {\n paddingRight: 'spacing.0',\n };\n};\n\nconst getTrailingIconStyles = ({\n hasTrailingIcon,\n hasTrailingButton,\n}: {\n hasTrailingIcon: boolean;\n hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n if (hasTrailingIcon && hasTrailingButton) {\n return {\n paddingRight: 'spacing.3',\n };\n }\n\n if (hasTrailingIcon && !hasTrailingButton) {\n return {\n paddingRight: 'spacing.4',\n };\n }\n\n return {\n paddingRight: 'spacing.0',\n };\n};\n\nexport const getInputVisualsToBeRendered = ({\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n trailingButton,\n leadingDropDown,\n trailingDropDown,\n}: InputVisuals) => ({\n hasLeadingIcon: Boolean(leadingIcon),\n hasPrefix: Boolean(prefix),\n hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n hasSuffix: Boolean(suffix),\n hasTrailingIcon: Boolean(trailingIcon),\n hasTrailingButton: Boolean(trailingButton),\n hasLeadingDropDown: Boolean(leadingDropDown),\n hasTrailingDropDown: Boolean(trailingDropDown),\n});\n\nconst getTooltipContent = ({\n validationState,\n errorText,\n successText,\n}: {\n validationState: BaseInputProps['validationState'];\n errorText: BaseInputProps['errorText'];\n successText: BaseInputProps['errorText'];\n}): string => {\n if (validationState === 'error' && errorText) {\n return errorText;\n }\n\n if (validationState === 'success' && successText) {\n return successText;\n }\n\n return '';\n};\n\nconst ValidationIconTooltip = ({\n children,\n validationState,\n errorText,\n successText,\n showHintsAsTooltip,\n}: {\n children: ReactElement;\n validationState: BaseInputProps['validationState'];\n errorText: BaseInputProps['errorText'];\n successText: BaseInputProps['errorText'];\n showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n if (\n (showHintsAsTooltip && validationState === 'error' && errorText) \|\|\n (validationState === 'success' && successText)\n ) {\n return (\n <Tooltip content={getTooltipContent({ validationState, errorText, successText })}>\n <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n {children}\n </Box>\n </Tooltip>\n );\n }\n\n return children;\n};\n\nexport const BaseInputVisuals = ({\n leadingIcon: LeadingIcon,\n prefix,\n trailingInteractionElement,\n onTrailingInteractionElementClick,\n leadingDropDown,\n trailingDropDown,\n leadingInteractionElement,\n suffix,\n trailingIcon: TrailingIcon,\n isDisabled,\n validationState = 'none',\n size,\n showHintsAsTooltip,\n errorText,\n successText,\n trailingButton: TrailingButton,\n}: InputVisuals): ReactElement \| null => {\n const {\n hasLeadingIcon,\n hasPrefix,\n hasSuffix,\n hasTrailingInteractionElement,\n hasLeadingInteractionElement,\n hasTrailingIcon,\n hasTrailingButton,\n hasLeadingDropDown,\n hasTrailingDropDown,\n } = getInputVisualsToBeRendered({\n leadingIcon: LeadingIcon,\n prefix,\n leadingInteractionElement,\n trailingInteractionElement,\n suffix,\n trailingIcon: TrailingIcon,\n trailingButton: TrailingButton,\n leadingDropDown,\n trailingDropDown,\n size,\n });\n\n const hasLeadingVisuals =\n hasLeadingInteractionElement \|\| hasLeadingIcon \|\| hasPrefix \|\| hasLeadingDropDown;\n const hasTrailingVisuals =\n hasTrailingInteractionElement \|\|\n hasSuffix \|\|\n hasTrailingIcon \|\|\n hasTrailingButton \|\|\n hasTrailingDropDown;\n\n if (__DEV__) {\n if (hasTrailingButton && !isValidAllowedChildren(TrailingButton, 'Link')) {\n throwBladeError({\n message: 'trailingButton must be a valid Blade Link component',\n moduleName: 'BaseInput',\n });\n }\n }\n\n if (hasLeadingVisuals) {\n return (\n <BaseBox {...getVisualContainerStyles()}>\n {hasLeadingInteractionElement ? (\n <BaseBox\n paddingLeft={getInteractionElementStyles({\n hasTrailingIcon,\n hasLeadingInteractionElement,\n hasSuffix,\n hasTrailingButton,\n })}\n display=\"flex\"\n alignItems=\"stretch\"\n alignSelf=\"stretch\"\n >\n {leadingInteractionElement}\n </BaseBox>\n ) : null}\n {LeadingIcon ? (\n <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n <LeadingIcon\n size={iconSize[size]}\n color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n />\n </BaseBox>\n ) : null}\n {hasPrefix ? (\n <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n <Text\n size={textSize[size]}\n variant=\"body\"\n weight=\"regular\"\n color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n >\n {prefix}\n </Text>\n </BaseBox>\n ) : null}\n {leadingDropDown ? (\n <BaseBox paddingLeft=\"spacing.2\" display=\"flex\">\n {leadingDropDown}\n </BaseBox>\n ) : null}\n </BaseBox>\n );\n }\n\n if (hasTrailingVisuals) {\n return (\n <BaseBox\n {...getVisualContainerStyles({\n shouldStretchTrailingBox:\n hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n })}\n >\n {hasTrailingInteractionElement ? (\n <BaseBox\n {...getVisualContainerStyles({\n shouldStretchTrailingBox:\n hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n })}\n >\n <BaseBox\n paddingRight={getInteractionElementStyles({\n hasTrailingIcon,\n hasTrailingInteractionElement,\n hasSuffix,\n hasTrailingButton,\n hasTrailingDropDown,\n })}\n display=\"flex\"\n alignItems=\"stretch\"\n alignSelf=\"stretch\"\n {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n >\n {trailingInteractionElement}\n </BaseBox>\n </BaseBox>\n ) : null}\n {hasSuffix ? (\n <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix, hasTrailingButton })}>\n <Text\n size={textSize[size]}\n variant=\"body\"\n weight=\"regular\"\n color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n >\n {suffix}\n </Text>\n </BaseBox>\n ) : null}\n {TrailingIcon ? (\n <BaseBox\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n >\n <ValidationIconTooltip\n showHintsAsTooltip={showHintsAsTooltip}\n errorText={errorText}\n successText={successText}\n validationState={validationState}\n >\n <TrailingIcon\n size={iconSize[size]}\n color={\n isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n }\n />\n </ValidationIconTooltip>\n </BaseBox>\n ) : null}\n {TrailingButton ? (\n <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n {React.cloneElement(TrailingButton, {\n size,\n variant: 'button',\n isDisabled,\n })}\n </BaseBox>\n ) : null}\n {hasTrailingDropDown ? (\n <BaseBox paddingRight=\"spacing.2\" display=\"flex\">\n {trailingDropDown}\n </BaseBox>\n ) : null}\n </BaseBox>\n );\n }\n\n return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretchTrailingBox","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","xsmall","medium","large","textSize","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","_objectSpread","color","Text","variant","weight","isReactNative","onClick","React","cloneElement"],"mappings":"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"}
1	+ {"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps, SpacingValueType } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\nimport { isReactNative } from '~utils';\n\ntype InputVisuals = Pick<\n BaseInputProps,\n \| 'leadingIcon'\n \| 'prefix'\n \| 'trailingInteractionElement'\n \| 'onTrailingInteractionElementClick'\n \| 'leadingInteractionElement'\n \| 'leadingDropDown'\n \| 'trailingDropDown'\n \| 'suffix'\n \| 'trailingIcon'\n \| 'isDisabled'\n \| 'validationState'\n \| 'size'\n \| 'trailingButton'\n \| 'showHintsAsTooltip'\n \| 'errorText'\n \| 'successText'\n> & {\n size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = ({\n shouldStretchTrailingBox,\n}: {\n shouldStretchTrailingBox?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' \| 'flexDirection' \| 'alignItems' \| 'alignSelf'> => ({\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n alignSelf: shouldStretchTrailingBox ? 'stretch' : 'center',\n});\n\nconst trailingIconColor: Record<NonNullable<InputVisuals['validationState']>, IconColors> = {\n none: 'surface.icon.gray.subtle',\n error: 'feedback.icon.negative.intense',\n success: 'feedback.icon.positive.intense',\n};\n\nconst iconSize = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'large',\n} as const;\n\nconst textSize = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'large',\n} as const;\n\nconst getPrefixStyles = ({\n hasLeadingIcon,\n hasPrefix,\n}: {\n hasLeadingIcon: boolean;\n hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n if (hasPrefix && hasLeadingIcon) {\n return {\n paddingLeft: 'spacing.3',\n };\n }\n\n if (hasPrefix && !hasLeadingIcon) {\n return {\n paddingLeft: 'spacing.4',\n };\n }\n\n return {\n paddingLeft: 'spacing.0',\n };\n};\n\nconst getInteractionElementStyles = ({\n hasTrailingIcon,\n hasLeadingInteractionElement,\n hasLeadingDropDown,\n hasTrailingInteractionElement,\n hasSuffix,\n hasTrailingButton,\n hasTrailingDropDown,\n}: {\n hasTrailingIcon: boolean;\n hasLeadingInteractionElement?: boolean;\n hasLeadingDropDown?: boolean;\n hasTrailingInteractionElement?: boolean;\n hasSuffix: boolean;\n hasTrailingButton: boolean;\n hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n if (hasTrailingInteractionElement && (hasSuffix \|\| hasTrailingIcon \|\| hasTrailingButton)) {\n return 'spacing.2';\n }\n\n if (hasLeadingDropDown \|\| hasTrailingDropDown) {\n return 'spacing.2';\n }\n\n if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n return 'spacing.4';\n }\n\n if (hasLeadingInteractionElement) {\n return 'spacing.3';\n }\n\n return 'spacing.0';\n};\n\nconst getSuffixStyles = ({\n hasTrailingIcon,\n hasSuffix,\n hasTrailingButton,\n}: {\n hasTrailingIcon: boolean;\n hasSuffix: boolean;\n hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n if (hasSuffix && (hasTrailingIcon \|\| hasTrailingButton)) {\n return {\n paddingRight: 'spacing.3',\n };\n }\n\n if (hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n return {\n paddingRight: 'spacing.4',\n };\n }\n\n return {\n paddingRight: 'spacing.0',\n };\n};\n\nconst getTrailingIconStyles = ({\n hasTrailingIcon,\n hasTrailingButton,\n}: {\n hasTrailingIcon: boolean;\n hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n if (hasTrailingIcon && hasTrailingButton) {\n return {\n paddingRight: 'spacing.3',\n };\n }\n\n if (hasTrailingIcon && !hasTrailingButton) {\n return {\n paddingRight: 'spacing.4',\n };\n }\n\n return {\n paddingRight: 'spacing.0',\n };\n};\n\nexport const getInputVisualsToBeRendered = ({\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n trailingButton,\n leadingDropDown,\n trailingDropDown,\n}: InputVisuals) => ({\n hasLeadingIcon: Boolean(leadingIcon),\n hasPrefix: Boolean(prefix),\n hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n hasSuffix: Boolean(suffix),\n hasTrailingIcon: Boolean(trailingIcon),\n hasTrailingButton: Boolean(trailingButton),\n hasLeadingDropDown: Boolean(leadingDropDown),\n hasTrailingDropDown: Boolean(trailingDropDown),\n});\n\nconst getTooltipContent = ({\n validationState,\n errorText,\n successText,\n}: {\n validationState: BaseInputProps['validationState'];\n errorText: BaseInputProps['errorText'];\n successText: BaseInputProps['errorText'];\n}): string => {\n if (validationState === 'error' && errorText) {\n return errorText;\n }\n\n if (validationState === 'success' && successText) {\n return successText;\n }\n\n return '';\n};\n\nconst ValidationIconTooltip = ({\n children,\n validationState,\n errorText,\n successText,\n showHintsAsTooltip,\n}: {\n children: ReactElement;\n validationState: BaseInputProps['validationState'];\n errorText: BaseInputProps['errorText'];\n successText: BaseInputProps['errorText'];\n showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n if (\n (showHintsAsTooltip && validationState === 'error' && errorText) \|\|\n (validationState === 'success' && successText)\n ) {\n return (\n <Tooltip content={getTooltipContent({ validationState, errorText, successText })}>\n <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n {children}\n </Box>\n </Tooltip>\n );\n }\n\n return children;\n};\n\nexport const BaseInputVisuals = ({\n leadingIcon: LeadingIcon,\n prefix,\n trailingInteractionElement,\n onTrailingInteractionElementClick,\n leadingDropDown,\n trailingDropDown,\n leadingInteractionElement,\n suffix,\n trailingIcon: TrailingIcon,\n isDisabled,\n validationState = 'none',\n size,\n showHintsAsTooltip,\n errorText,\n successText,\n trailingButton: TrailingButton,\n}: InputVisuals): ReactElement \| null => {\n const {\n hasLeadingIcon,\n hasPrefix,\n hasSuffix,\n hasTrailingInteractionElement,\n hasLeadingInteractionElement,\n hasTrailingIcon,\n hasTrailingButton,\n hasLeadingDropDown,\n hasTrailingDropDown,\n } = getInputVisualsToBeRendered({\n leadingIcon: LeadingIcon,\n prefix,\n leadingInteractionElement,\n trailingInteractionElement,\n suffix,\n trailingIcon: TrailingIcon,\n trailingButton: TrailingButton,\n leadingDropDown,\n trailingDropDown,\n size,\n });\n\n const hasLeadingVisuals =\n hasLeadingInteractionElement \|\| hasLeadingIcon \|\| hasPrefix \|\| hasLeadingDropDown;\n const hasTrailingVisuals =\n hasTrailingInteractionElement \|\|\n hasSuffix \|\|\n hasTrailingIcon \|\|\n hasTrailingButton \|\|\n hasTrailingDropDown;\n\n if (__DEV__) {\n if (hasTrailingButton && !isValidAllowedChildren(TrailingButton, 'Link')) {\n throwBladeError({\n message: 'trailingButton must be a valid Blade Link component',\n moduleName: 'BaseInput',\n });\n }\n }\n\n if (hasLeadingVisuals) {\n return (\n <BaseBox {...getVisualContainerStyles()}>\n {hasLeadingInteractionElement ? (\n <BaseBox\n paddingLeft={getInteractionElementStyles({\n hasTrailingIcon,\n hasLeadingInteractionElement,\n hasSuffix,\n hasTrailingButton,\n })}\n display=\"flex\"\n alignItems=\"stretch\"\n alignSelf=\"stretch\"\n >\n {leadingInteractionElement}\n </BaseBox>\n ) : null}\n {LeadingIcon ? (\n <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n <LeadingIcon\n size={iconSize[size]}\n color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n />\n </BaseBox>\n ) : null}\n {hasPrefix ? (\n <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n <Text\n size={textSize[size]}\n variant=\"body\"\n weight=\"regular\"\n color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n >\n {prefix}\n </Text>\n </BaseBox>\n ) : null}\n {leadingDropDown ? (\n <BaseBox paddingLeft=\"spacing.2\" display=\"flex\">\n {leadingDropDown}\n </BaseBox>\n ) : null}\n </BaseBox>\n );\n }\n\n if (hasTrailingVisuals) {\n return (\n <BaseBox\n {...getVisualContainerStyles({\n shouldStretchTrailingBox:\n hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n })}\n >\n {hasTrailingInteractionElement ? (\n <BaseBox\n {...getVisualContainerStyles({\n shouldStretchTrailingBox:\n hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n })}\n >\n <BaseBox\n paddingRight={getInteractionElementStyles({\n hasTrailingIcon,\n hasTrailingInteractionElement,\n hasSuffix,\n hasTrailingButton,\n hasTrailingDropDown,\n })}\n display=\"flex\"\n alignItems=\"stretch\"\n alignSelf=\"stretch\"\n {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n >\n {trailingInteractionElement}\n </BaseBox>\n </BaseBox>\n ) : null}\n {hasSuffix ? (\n <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix, hasTrailingButton })}>\n <Text\n size={textSize[size]}\n variant=\"body\"\n weight=\"regular\"\n color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n >\n {suffix}\n </Text>\n </BaseBox>\n ) : null}\n {TrailingIcon ? (\n <BaseBox\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n >\n <ValidationIconTooltip\n showHintsAsTooltip={showHintsAsTooltip}\n errorText={errorText}\n successText={successText}\n validationState={validationState}\n >\n <TrailingIcon\n size={iconSize[size]}\n color={\n isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n }\n />\n </ValidationIconTooltip>\n </BaseBox>\n ) : null}\n {TrailingButton ? (\n <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n {React.cloneElement(TrailingButton, {\n size,\n variant: 'button',\n isDisabled,\n })}\n </BaseBox>\n ) : null}\n {hasTrailingDropDown ? (\n <BaseBox paddingRight=\"spacing.2\" display=\"flex\">\n {trailingDropDown}\n </BaseBox>\n ) : null}\n </BaseBox>\n );\n }\n\n return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretchTrailingBox","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","xsmall","small","medium","large","textSize","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","_objectSpread","color","Text","variant","weight","isReactNative","onClick","React","cloneElement"],"mappings":"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"}

package/build/lib/web/development/components/Input/BaseInput/baseInputTokens.js CHANGED Viewed

@@ -11,6 +11,7 @@ var TAG_GAP = spacing['3'];
  */
 var baseInputHeight = {
   xsmall: size['26'],
+  small: size['30'],
   medium: size['36'],
   large: size['48']
 };
@@ -22,6 +23,7 @@ var baseInputHeight = {
 // we don't want exact number but rough number to be able to animate correctly in height.
 var baseInputWrapperMaxHeight = {
   xsmall: baseInputHeight.xsmall * BASEINPUT_MAX_ROWS,
+  small: baseInputHeight.small * BASEINPUT_MAX_ROWS,
   medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,
   large: baseInputHeight.large * BASEINPUT_MAX_ROWS
 };
@@ -70,21 +72,25 @@ var baseInputBorderBackgroundMotion = {
 var baseInputPaddingTokens = {
   top: {
     xsmall: 2,
+    small: 2,
     medium: 3,
     large: 4
   },
   bottom: {
     xsmall: 2,
+    small: 2,
     medium: 3,
     large: 4
   },
   left: {
     xsmall: 3,
+    small: 3,
     medium: 4,
     large: 4
   },
   right: {
     xsmall: 3,
+    small: 3,
     medium: 4,
     large: 4
   }
@@ -95,27 +101,32 @@ i.e 176 and then right margin
 i.e 16 which is the spacing between label and input field */
 var formHintLeftLabelMarginLeft = {
   xsmall: 136,
+  small: 136,
   medium: 136,
   large: 192
 };
 var baseInputCounterInputPaddingTokens = {
   top: {
     xsmall: 2,
+    small: 2,
     medium: 2,
     large: 2
   },
   bottom: {
     xsmall: 2,
+    small: 2,
     medium: 2,
     large: 2
   },
   left: {
     xsmall: 2,
+    small: 2,
     medium: 2,
     large: 2
   },
   right: {
     xsmall: 2,
+    small: 2,
     medium: 2,
     large: 2
   }

package/build/lib/web/development/components/Input/BaseInput/baseInputTokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseInputTokens.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/*\n 36px\n /\nexport const baseInputHeight: Record<\n NonNullable<BaseInputProps['size']>,\n typeof size[keyof typeof size]\n> = {\n xsmall: size['26'],\n medium: size['36'],\n large: size['48'],\n};\n\n/\n medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n /\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n xsmall: baseInputHeight.xsmall BASEINPUT_MAX_ROWS,\n medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n default: 'interactive.border.gray.default',\n hovered: 'interactive.border.gray.highlighted',\n focused: 'interactive.border.primary.default',\n disabled: 'interactive.border.gray.disabled',\n error: 'interactive.border.negative.default',\n success: 'interactive.border.positive.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n default: 'surface.background.gray.intense',\n hovered: 'surface.background.gray.moderate',\n focused: 'surface.background.gray.moderate',\n disabled: 'surface.background.gray.subtle',\n error: 'surface.background.gray.intense',\n success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n default: 'transparent',\n hovered: 'surface.background.gray.moderate',\n focused: 'surface.background.gray.moderate',\n disabled: 'surface.background.gray.intense',\n error: 'feedback.background.negative.subtle',\n success: 'feedback.background.positive.subtle',\n} as const;\n\nexport const baseInputBorderWidth = {\n default: 'thin',\n hovered: 'thin',\n disabled: 'thin',\n focused: 'thick',\n error: 'thick',\n success: 'thick',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n enter: { duration: 'xgentle', easing: 'emphasized' },\n exit: { duration: 'gentle', easing: 'standard' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n top: {\n xsmall: 2,\n medium: 3,\n large: 4,\n },\n bottom: {\n xsmall: 2,\n medium: 3,\n large: 4,\n },\n left: {\n xsmall: 3,\n medium: 4,\n large: 4,\n },\n right: {\n xsmall: 3,\n medium: 4,\n large: 4,\n },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n xsmall: 136,\n medium: 136,\n large: 192,\n} as const;\n\nexport const baseInputCounterInputPaddingTokens = {\n top: {\n xsmall: 2,\n medium: 2,\n large: 2,\n },\n bottom: {\n xsmall: 2,\n medium: 2,\n large: 2,\n },\n left: {\n xsmall: 2,\n medium: 2,\n large: 2,\n },\n right: {\n xsmall: 2,\n medium: 2,\n large: 2,\n },\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","TAG_HEIGHT","size","TAG_GAP","spacing","baseInputHeight","xsmall","medium","large","baseInputWrapperMaxHeight","baseInputBorderColor","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft","baseInputCounterInputPaddingTokens"],"mappings":";;;;AAGO,IAAMA,kBAAkB,GAAG,EAAC;IAEtBC,UAAU,GAAGC,IAAI,CAAC,IAAI,EAAC;IACvBC,OAAO,GAAGC,OAAO,CAAC,GAAG,EAAC;;AAEnC;AACA;AACA;AACO,IAAMC,eAGZ,GAAG;AACFC,EAAAA,MAAM,EAAEJ,IAAI,CAAC,IAAI,CAAC;AAClBK,EAAAA,~~MAAM~~,EAAEL,IAAI,CAAC,IAAI,CAAC;~~EAClBM~~,~~KAAK~~,EAAEN,IAAI,CAAC,IAAI,CAAA;AAClB,EAAC;;AAED;AACA;AACA;AACA;AACA;AACO,~~IAAMO~~,yBAAyB,GAAG;~~AACvCH~~,EAAAA,MAAM,EAAED,eAAe,CAACC,MAAM,GAAGN,kBAAkB;AACnDO,EAAAA,~~MAAM~~,EAAEF,eAAe,CAACE,~~MAAM~~,GAAGP,kBAAkB;~~AACnDQ~~,EAAAA,~~KAAK~~,EAAEH,eAAe,CAACG,~~KAAK~~,GAAGR,kBAAAA;AACjC,EAAU;AAEH,~~IAAMU~~,oBAAoB,GAAG;AAClC,EAAA,SAAA,EAAS,iCAAiC;AAC1CC,EAAAA,OAAO,EAAE,qCAAqC;AAC9CC,EAAAA,OAAO,EAAE,oCAAoC;AAC7CC,EAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,EAAAA,KAAK,EAAE,qCAAqC;AAC5CC,EAAAA,OAAO,EAAE,qCAAA;AACX,EAAU;AAEH,IAAMC,wBAAwB,GAAG;AACtC,EAAA,SAAA,EAAS,iCAAiC;AAC1CL,EAAAA,OAAO,EAAE,kCAAkC;AAC3CC,EAAAA,OAAO,EAAE,kCAAkC;AAC3CC,EAAAA,QAAQ,EAAE,gCAAgC;AAC1CC,EAAAA,KAAK,EAAE,iCAAiC;AACxCC,EAAAA,OAAO,EAAE,iCAAA;AACX,EAAU;AAEH,IAAME,kCAAkC,GAAG;AAChD,EAAA,SAAA,EAAS,aAAa;AACtBN,EAAAA,OAAO,EAAE,kCAAkC;AAC3CC,EAAAA,OAAO,EAAE,kCAAkC;AAC3CC,EAAAA,QAAQ,EAAE,iCAAiC;AAC3CC,EAAAA,KAAK,EAAE,qCAAqC;AAC5CC,EAAAA,OAAO,EAAE,qCAAA;AACX,EAAU;AAEH,IAAMG,oBAAoB,GAAG;AAClC,EAAA,SAAA,EAAS,MAAM;AACfP,EAAAA,OAAO,EAAE,MAAM;AACfE,EAAAA,QAAQ,EAAE,MAAM;AAChBD,EAAAA,OAAO,EAAE,OAAO;AAChBE,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,OAAA;AACX,EAAU;AAEH,IAAMI,+BAA+B,GAAG;AAC7CC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE,SAAS;AAAEC,IAAAA,MAAM,EAAE,YAAA;GAAc;AACpDC,EAAAA,IAAI,EAAE;AAAEF,IAAAA,QAAQ,EAAE,QAAQ;AAAEC,IAAAA,MAAM,EAAE,UAAA;AAAW,GAAA;AACjD,EAAU;AAEH,IAAME,sBAAsB,GAAG;AACpCC,EAAAA,GAAG,EAAE;~~AACHnB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;GACR;AACDkB,EAAAA,MAAM,EAAE;~~AACNpB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;GACR;AACDmB,EAAAA,IAAI,EAAE;~~AACJrB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;GACR;AACDoB,EAAAA,KAAK,EAAE;~~AACLtB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;AACT,GAAA;AACF,EAAU;;AAEV;AACA;AACA;AACO,IAAMqB,2BAA2B,GAAG;~~AACzCvB~~,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,KAAK,EAAE,GAAA;AACT,EAAU;AAEH,IAAMsB,kCAAkC,GAAG;AAChDL,EAAAA,GAAG,EAAE;~~AACHnB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;GACR;AACDkB,EAAAA,MAAM,EAAE;~~AACNpB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;GACR;AACDmB,EAAAA,IAAI,EAAE;~~AACJrB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;GACR;AACDoB,EAAAA,KAAK,EAAE;~~AACLtB~~,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAA;AACT,GAAA;AACF;;;;"}
1	+ {"version":3,"file":"baseInputTokens.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/*\n 36px\n /\nexport const baseInputHeight: Record<\n NonNullable<BaseInputProps['size']>,\n typeof size[keyof typeof size]\n> = {\n xsmall: size['26'],\n small: size['30'],\n medium: size['36'],\n large: size['48'],\n};\n\n/\n medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n /\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n xsmall: baseInputHeight.xsmall BASEINPUT_MAX_ROWS,\n small: baseInputHeight.small * BASEINPUT_MAX_ROWS,\n medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n default: 'interactive.border.gray.default',\n hovered: 'interactive.border.gray.highlighted',\n focused: 'interactive.border.primary.default',\n disabled: 'interactive.border.gray.disabled',\n error: 'interactive.border.negative.default',\n success: 'interactive.border.positive.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n default: 'surface.background.gray.intense',\n hovered: 'surface.background.gray.moderate',\n focused: 'surface.background.gray.moderate',\n disabled: 'surface.background.gray.subtle',\n error: 'surface.background.gray.intense',\n success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n default: 'transparent',\n hovered: 'surface.background.gray.moderate',\n focused: 'surface.background.gray.moderate',\n disabled: 'surface.background.gray.intense',\n error: 'feedback.background.negative.subtle',\n success: 'feedback.background.positive.subtle',\n} as const;\n\nexport const baseInputBorderWidth = {\n default: 'thin',\n hovered: 'thin',\n disabled: 'thin',\n focused: 'thick',\n error: 'thick',\n success: 'thick',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n enter: { duration: 'xgentle', easing: 'emphasized' },\n exit: { duration: 'gentle', easing: 'standard' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n top: {\n xsmall: 2,\n small: 2,\n medium: 3,\n large: 4,\n },\n bottom: {\n xsmall: 2,\n small: 2,\n medium: 3,\n large: 4,\n },\n left: {\n xsmall: 3,\n small: 3,\n medium: 4,\n large: 4,\n },\n right: {\n xsmall: 3,\n small: 3,\n medium: 4,\n large: 4,\n },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n xsmall: 136,\n small: 136,\n medium: 136,\n large: 192,\n} as const;\n\nexport const baseInputCounterInputPaddingTokens = {\n top: {\n xsmall: 2,\n small: 2,\n medium: 2,\n large: 2,\n },\n bottom: {\n xsmall: 2,\n small: 2,\n medium: 2,\n large: 2,\n },\n left: {\n xsmall: 2,\n small: 2,\n medium: 2,\n large: 2,\n },\n right: {\n xsmall: 2,\n small: 2,\n medium: 2,\n large: 2,\n },\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","TAG_HEIGHT","size","TAG_GAP","spacing","baseInputHeight","xsmall","small","medium","large","baseInputWrapperMaxHeight","baseInputBorderColor","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft","baseInputCounterInputPaddingTokens"],"mappings":"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"}

package/build/lib/web/development/components/Input/PhoneNumberInput/CountrySelector.web.js CHANGED Viewed

@@ -71,6 +71,7 @@ var CountrySelector = function CountrySelector(_ref) {
   });
   var flagSize = {
     xsmall: makeSize(size[16]),
+    small: makeSize(size[16]),
     medium: makeSize(size[20]),
     large: makeSize(size[24])
   };

package/build/lib/web/development/components/Input/PhoneNumberInput/CountrySelector.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountrySelector.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/CountrySelector.web.tsx"],"sourcesContent":["import type { CountryCodeType, getFlagsForAllCountries } from '@razorpay/i18nify-js';\nimport { getDialCodeByCountryCode, getFlagOfCountry } from '@razorpay/i18nify-js';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n ActionList,\n ActionListItem,\n ActionListItemAsset,\n ActionListItemText,\n} from '~components/ActionList';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport type { DropdownOverlayProps } from '~components/Dropdown';\nimport { Dropdown, DropdownButton, DropdownOverlay } from '~components/Dropdown';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { size as sizes } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst countryNameFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n\ntype CountryData = {\n code: CountryCodeType;\n name: string;\n}[];\ntype CounterSelectorProps = {\n selectedCountry: CountryCodeType;\n inputWrapperRef: DropdownOverlayProps['referenceRef'];\n countryData: CountryData;\n onItemClick: (props: { name: string }) => void;\n flags: ReturnType<typeof getFlagsForAllCountries>;\n isDisabled?: boolean;\n size: 'xsmall' \| 'medium' \| 'large';\n};\n\nconst CountryDropdownButtonWrapper = styled(BaseBox)(() => {\n return {\n '& > button': {\n padding: '0',\n width: '100%',\n },\n };\n});\n\nconst CountrySelector = ({\n isDisabled,\n selectedCountry,\n inputWrapperRef,\n countryData,\n onItemClick,\n flags,\n size,\n}: CounterSelectorProps): React.ReactElement => {\n const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\n const isMobile = useIsMobile();\n\n const actionList = (\n <ActionList isVirtualized={!isMobile}>\n {countryData.map((country) => {\n return (\n <ActionListItem\n key={country.code}\n onClick={onItemClick}\n leading={<ActionListItemAsset src={flags[country.code]['4X3']} alt={country.name} />}\n title={country.name}\n value={country.code}\n trailing={\n <ActionListItemText>{getDialCodeByCountryCode(country.code)}</ActionListItemText>\n }\n />\n );\n })}\n </ActionList>\n );\n\n const flagSize = {\n xsmall: makeSize(sizes[16]),\n medium: makeSize(sizes[20]),\n large: makeSize(sizes[24]),\n } as const;\n\n return (\n <Dropdown isOpen={isDropdownOpen} onOpenChange={setIsDropdownOpen}>\n {/* TODO: Remove once CountrySelector's button sizing is fixed in figma /}\n <CountryDropdownButtonWrapper\n width={size === 'medium' ? '45px' : '60px'}\n marginLeft={size === 'medium' ? '-3px' : '-2px'}\n >\n <DropdownButton\n isDisabled={isDisabled}\n size={size === 'medium' ? 'xsmall' : 'medium'}\n variant=\"tertiary\"\n //@ts-expect-error\n color=\"transparent\"\n accessibilityLabel={`${countryNameFormatter.of(selectedCountry)} - Select Country`}\n icon={ChevronUpDownIcon}\n iconPosition=\"right\"\n // We need to prevent the click event from propagating to the BaseInputWrapper,\n // Because the BaseInputWrapper is listening for click events to focus the input.\n // We don't want that to happen when the user clicks on the dropdown button\n // otherwise the dropdown will close immediately after opening\n onClick={(e) => {\n e.stopPropagation();\n }}\n >\n {/ @ts-expect-error */}\n <img\n loading=\"lazy\"\n role=\"presentation\"\n width={flagSize[size]}\n src={getFlagOfCountry(selectedCountry)['4X3']}\n alt=\"\"\n />\n </DropdownButton>\n </CountryDropdownButtonWrapper>\n {isMobile ? (\n <BottomSheet>\n <BottomSheetHeader title=\"Select A Country\" />\n <BottomSheetBody>{actionList}</BottomSheetBody>\n </BottomSheet>\n ) : (\n <DropdownOverlay referenceRef={inputWrapperRef}>{actionList}</DropdownOverlay>\n )}\n </Dropdown>\n );\n};\n\nexport { CountrySelector, countryNameFormatter };\n"],"names":["countryNameFormatter","Intl","DisplayNames","type","CountryDropdownButtonWrapper","styled","BaseBox","withConfig","displayName","componentId","padding","width","CountrySelector","_ref","isDisabled","selectedCountry","inputWrapperRef","countryData","onItemClick","flags","size","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","isMobile","useIsMobile","actionList","_jsx","ActionList","isVirtualized","children","map","country","ActionListItem","onClick","leading","ActionListItemAsset","src","code","alt","name","title","value","trailing","ActionListItemText","getDialCodeByCountryCode","flagSize","xsmall","makeSize","sizes","medium","large","_jsxs","Dropdown","isOpen","onOpenChange","marginLeft","DropdownButton","variant","color","accessibilityLabel","concat","of","icon","ChevronUpDownIcon","iconPosition","e","stopPropagation","loading","role","getFlagOfCountry","BottomSheet","BottomSheetHeader","BottomSheetBody","DropdownOverlay","referenceRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBMA,IAAAA,oBAAoB,GAAG,IAAIC,IAAI,CAACC,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE;AAAEC,EAAAA,IAAI,EAAE,QAAA;AAAS,CAAC,EAAC;AAgB9E,IAAMC,4BAA4B,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAC,YAAM;EACzD,OAAO;AACL,IAAA,YAAY,EAAE;AACZC,MAAAA,OAAO,EAAE,GAAG;AACZC,MAAAA,KAAK,EAAE,MAAA;AACT,KAAA;GACD,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAP9CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,eAAe,GAAAF,IAAA,CAAfE,eAAe;IACfC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,MAAI,GAAAP,IAAA,CAAJO,IAAI,CAAA;AAEJ,EAAA,IAAAC,eAAA,GAA4CC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA1DK,IAAAA,cAAc,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,iBAAiB,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAMI,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,EAAA,IAAMC,UAAU,gBACdC,GAAA,CAACC,UAAU,EAAA;IAACC,aAAa,EAAE,CAACL,QAAS;AAAAM,IAAAA,QAAA,EAClCjB,WAAW,CAACkB,GAAG,CAAC,UAACC,OAAO,EAAK;MAC5B,oBACEL,GAAA,CAACM,cAAc,EAAA;AAEbC,QAAAA,OAAO,EAAEpB,WAAY;QACrBqB,OAAO,eAAER,GAAA,CAACS,mBAAmB,EAAA;UAACC,GAAG,EAAEtB,KAAK,CAACiB,OAAO,CAACM,IAAI,CAAC,CAAC,KAAK,CAAE;UAACC,GAAG,EAAEP,OAAO,CAACQ,IAAAA;AAAK,SAAE,CAAE;QACrFC,KAAK,EAAET,OAAO,CAACQ,IAAK;QACpBE,KAAK,EAAEV,OAAO,CAACM,IAAK;QACpBK,QAAQ,eACNhB,GAAA,CAACiB,kBAAkB,EAAA;AAAAd,UAAAA,QAAA,EAAEe,wBAAwB,CAACb,OAAO,CAACM,IAAI,CAAA;SAAsB,CAAA;OAN7EN,EAAAA,OAAO,CAACM,IAQd,CAAC,CAAA;KAEL,CAAA;AAAC,GACQ,CACb,CAAA;AAED,EAAA,IAAMQ,QAAQ,GAAG;AACfC,IAAAA,MAAM,EAAEC,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;AAC3BC,IAAAA,~~MAAM~~,EAAEF,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;~~AAC3BE~~,IAAAA,~~KAAK~~,EAAEH,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAA;GACjB,CAAA;EAEV,~~oBACEG~~,IAAA,CAACC,QAAQ,EAAA;AAACC,IAAAA,MAAM,~~EAAEhC~~,cAAe;~~AAACiC~~,IAAAA,YAAY,~~EAAEhC~~,iBAAkB;IAAAO,QAAA,EAAA,cAEhEH,GAAA,CAAC3B,4BAA4B,EAAA;AAC3BO,MAAAA,KAAK,EAAES,MAAI,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAO;~~AAC3CwC~~,MAAAA,UAAU,~~EAAExC~~,MAAI,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAO;MAAAc,QAAA,eAEhDH,GAAA,~~CAAC8B~~,cAAc,EAAA;~~AACb/C~~,QAAAA,UAAU,EAAEA,UAAW;AACvBM,QAAAA,IAAI,EAAEA,MAAI,KAAK,QAAQ,GAAG,QAAQ,GAAG,QAAS;~~AAC9C0C~~,QAAAA,OAAO,EAAC,UAAA;AACR;AAAA;AACAC,QAAAA,KAAK,EAAC,aAAa;QACnBC,kBAAkB,EAAA,EAAA,CAAAC,MAAA,~~CAAKjE~~,oBAAoB,~~CAACkE~~,EAAE,~~CAACnD~~,eAAe,CAAC,EAAoB,mBAAA,CAAA;~~AACnFoD~~,QAAAA,IAAI,EAAEC,iBAAkB;AACxBC,QAAAA,YAAY,EAAC,OAAA;AACb;AACA;AACA;AACA;AAAA;~~AACA/B~~,QAAAA,OAAO,EAAE,SAATA,OAAOA,~~CAAGgC~~,CAAC,EAAK;UACdA,CAAC,CAACC,eAAe,EAAE,CAAA;SACnB;~~AAAArC~~,QAAAA,QAAA,eAGFH,GAAA,CAAA,KAAA,EAAA;~~AACEyC~~,UAAAA,OAAO,EAAC,MAAM;AACdC,UAAAA,IAAI,EAAC,cAAc;~~AACnB9D~~,UAAAA,KAAK,EAAEuC,QAAQ,CAAC9B,MAAI,CAAE;AACtBqB,UAAAA,GAAG,~~EAAEiC~~,gBAAgB,~~CAAC3D~~,eAAe,CAAC,CAAC,KAAK,CAAE;AAC9C4B,UAAAA,GAAG,EAAC,EAAA;SACL,CAAA;OACa,CAAA;AAAC,KACW,CAAC,EAC9Bf,QAAQ,~~gBACP4B~~,IAAA,CAACmB,WAAW,EAAA;~~MAAAzC~~,QAAA,EAAA,cACVH,GAAA,~~CAAC6C~~,iBAAiB,EAAA;~~AAAC/B~~,QAAAA,KAAK,EAAC,kBAAA;AAAkB,OAAE,CAAC,eAC9Cd,GAAA,~~CAAC8C~~,eAAe,EAAA;~~AAAA3C~~,QAAAA,QAAA,EAAEJ,UAAAA;AAAU,OAAkB,CAAC,CAAA;AAAA,KACpC,CAAC,gBAEdC,GAAA,~~CAAC+C~~,eAAe,EAAA;AAACC,MAAAA,YAAY,~~EAAE/D~~,eAAgB;AAAAkB,MAAAA,QAAA,EAAEJ,UAAAA;AAAU,KAAkB,CAC9E,CAAA;AAAA,GACO,CAAC,CAAA;AAEf;;;;"}
1	+ {"version":3,"file":"CountrySelector.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/CountrySelector.web.tsx"],"sourcesContent":["import type { CountryCodeType, getFlagsForAllCountries } from '@razorpay/i18nify-js';\nimport { getDialCodeByCountryCode, getFlagOfCountry } from '@razorpay/i18nify-js';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n ActionList,\n ActionListItem,\n ActionListItemAsset,\n ActionListItemText,\n} from '~components/ActionList';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport type { DropdownOverlayProps } from '~components/Dropdown';\nimport { Dropdown, DropdownButton, DropdownOverlay } from '~components/Dropdown';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { size as sizes } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst countryNameFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n\ntype CountryData = {\n code: CountryCodeType;\n name: string;\n}[];\ntype CounterSelectorProps = {\n selectedCountry: CountryCodeType;\n inputWrapperRef: DropdownOverlayProps['referenceRef'];\n countryData: CountryData;\n onItemClick: (props: { name: string }) => void;\n flags: ReturnType<typeof getFlagsForAllCountries>;\n isDisabled?: boolean;\n size: 'xsmall' \| 'small' \| 'medium' \| 'large';\n};\n\nconst CountryDropdownButtonWrapper = styled(BaseBox)(() => {\n return {\n '& > button': {\n padding: '0',\n width: '100%',\n },\n };\n});\n\nconst CountrySelector = ({\n isDisabled,\n selectedCountry,\n inputWrapperRef,\n countryData,\n onItemClick,\n flags,\n size,\n}: CounterSelectorProps): React.ReactElement => {\n const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\n const isMobile = useIsMobile();\n\n const actionList = (\n <ActionList isVirtualized={!isMobile}>\n {countryData.map((country) => {\n return (\n <ActionListItem\n key={country.code}\n onClick={onItemClick}\n leading={<ActionListItemAsset src={flags[country.code]['4X3']} alt={country.name} />}\n title={country.name}\n value={country.code}\n trailing={\n <ActionListItemText>{getDialCodeByCountryCode(country.code)}</ActionListItemText>\n }\n />\n );\n })}\n </ActionList>\n );\n\n const flagSize = {\n xsmall: makeSize(sizes[16]),\n small: makeSize(sizes[16]),\n medium: makeSize(sizes[20]),\n large: makeSize(sizes[24]),\n } as const;\n\n return (\n <Dropdown isOpen={isDropdownOpen} onOpenChange={setIsDropdownOpen}>\n {/* TODO: Remove once CountrySelector's button sizing is fixed in figma /}\n <CountryDropdownButtonWrapper\n width={size === 'medium' ? '45px' : '60px'}\n marginLeft={size === 'medium' ? '-3px' : '-2px'}\n >\n <DropdownButton\n isDisabled={isDisabled}\n size={size === 'medium' ? 'xsmall' : 'medium'}\n variant=\"tertiary\"\n //@ts-expect-error\n color=\"transparent\"\n accessibilityLabel={`${countryNameFormatter.of(selectedCountry)} - Select Country`}\n icon={ChevronUpDownIcon}\n iconPosition=\"right\"\n // We need to prevent the click event from propagating to the BaseInputWrapper,\n // Because the BaseInputWrapper is listening for click events to focus the input.\n // We don't want that to happen when the user clicks on the dropdown button\n // otherwise the dropdown will close immediately after opening\n onClick={(e) => {\n e.stopPropagation();\n }}\n >\n {/ @ts-expect-error */}\n <img\n loading=\"lazy\"\n role=\"presentation\"\n width={flagSize[size]}\n src={getFlagOfCountry(selectedCountry)['4X3']}\n alt=\"\"\n />\n </DropdownButton>\n </CountryDropdownButtonWrapper>\n {isMobile ? (\n <BottomSheet>\n <BottomSheetHeader title=\"Select A Country\" />\n <BottomSheetBody>{actionList}</BottomSheetBody>\n </BottomSheet>\n ) : (\n <DropdownOverlay referenceRef={inputWrapperRef}>{actionList}</DropdownOverlay>\n )}\n </Dropdown>\n );\n};\n\nexport { CountrySelector, countryNameFormatter };\n"],"names":["countryNameFormatter","Intl","DisplayNames","type","CountryDropdownButtonWrapper","styled","BaseBox","withConfig","displayName","componentId","padding","width","CountrySelector","_ref","isDisabled","selectedCountry","inputWrapperRef","countryData","onItemClick","flags","size","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","isMobile","useIsMobile","actionList","_jsx","ActionList","isVirtualized","children","map","country","ActionListItem","onClick","leading","ActionListItemAsset","src","code","alt","name","title","value","trailing","ActionListItemText","getDialCodeByCountryCode","flagSize","xsmall","makeSize","sizes","small","medium","large","_jsxs","Dropdown","isOpen","onOpenChange","marginLeft","DropdownButton","variant","color","accessibilityLabel","concat","of","icon","ChevronUpDownIcon","iconPosition","e","stopPropagation","loading","role","getFlagOfCountry","BottomSheet","BottomSheetHeader","BottomSheetBody","DropdownOverlay","referenceRef"],"mappings":"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"}

package/build/lib/web/development/components/ListView/ListViewFilters.web.js CHANGED Viewed

@@ -2,47 +2,28 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { useState } from 'react';
-import { AnimatePresence, m } from 'framer-motion';
 import styled from 'styled-components';
 import { ListViewFiltersProvider } from './ListViewFiltersContext.web.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
-import '../Icons/index.js';
-import '../Button/index.js';
-import '../Counter/index.js';
 import '../Box/index.js';
 import '../Input/SearchInput/index.js';
 import { useId } from '../../utils/useId.js';
-import { useControllableState } from '../../utils/useControllable.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
-import { msToSeconds } from '../../utils/msToSeconds.js';
-import '../BladeProvider/index.js';
-import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
-import '../../utils/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
-import useTheme from '../BladeProvider/useTheme.js';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { SearchInput } from '../Input/SearchInput/SearchInput.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Box } from '../Box/Box.js';
-import Button from '../Button/Button/Button.js';
-import FilterIcon from '../Icons/FilterIcon/FilterIcon.js';
-import { Counter } from '../Counter/Counter.js';
-import { castWebType } from '../../utils/platform/castUtils.js';
-var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "showFilters", "onShowFiltersChange", "onSearchClear", "selectedFiltersCount", "searchTrailing"];
+var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "showFilters", "onShowFiltersChange", "onSearchClear", "selectedFiltersCount", "searchTrailing", "actions"];
 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 CHILDREN_COUNTER_WIDTH = 36;
-var GAP_BETWEEN_CHILDREN_AND_SEARCH = 12;
-var SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN = 8;
-var CHILDREN_TOTAL_WIDTH = CHILDREN_COUNTER_WIDTH + SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN;
-var CHILDREN_WITH_SEARCH_WIDTH = CHILDREN_COUNTER_WIDTH + GAP_BETWEEN_CHILDREN_AND_SEARCH + SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN;
 var StyledQuickFilterContainer = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "ListViewFiltersweb__StyledQuickFilterContainer",
   componentId: "igy2td-0"
@@ -72,15 +53,8 @@ var ListViewFilters = function ListViewFilters(_ref) {
     _ref$selectedFiltersC = _ref.selectedFiltersCount,
     selectedFiltersCount = _ref$selectedFiltersC === void 0 ? 0 : _ref$selectedFiltersC,
     searchTrailing = _ref.searchTrailing,
+    actions = _ref.actions,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useControllableState = useControllableState({
-      defaultValue: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
-      value: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
-      onChange: onShowQuickFiltersChange !== null && onShowQuickFiltersChange !== void 0 ? onShowQuickFiltersChange : onShowFiltersChange
-    }),
-    _useControllableState2 = _slicedToArray(_useControllableState, 2),
-    showFilters = _useControllableState2[0],
-    setShowFilters = _useControllableState2[1];
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     listViewSelectedFilters = _useState2[0],
@@ -88,27 +62,8 @@ var ListViewFilters = function ListViewFilters(_ref) {
   var searchId = useId('search-input');
   var searchNameValue = searchName || searchId;
   var isMobile = useIsMobile();
-  var _useTheme = useTheme(),
-    theme = _useTheme.theme;
   var showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;
   var isSearchTrailingDropDown = /*#__PURE__*/React__default.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';
-  var getFilterContainerWidth = function getFilterContainerWidth() {
-    var hasChildren = Boolean(children);
-    if (isMobile) {
-      return hasChildren ? '88%' : '100%';
-    }
-    var searchInputWidth = isSearchTrailingDropDown ? '280px' : '208px';
-    if (showSearchInput && hasChildren) {
-      return "calc(100% - ".concat(searchInputWidth, " - ").concat(CHILDREN_WITH_SEARCH_WIDTH, "px)");
-    }
-    if (hasChildren) {
-      return "calc(100% - ".concat(CHILDREN_TOTAL_WIDTH, "px)");
-    }
-    if (showSearchInput) {
-      return "calc(100% - ".concat(searchInputWidth, " - ").concat(SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN, "px)");
-    }
-    return '100%';
-  };
   return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
     value: {
       listViewSelectedFilters: listViewSelectedFilters,
@@ -141,46 +96,22 @@ var ListViewFilters = function ListViewFilters(_ref) {
           position: "relative",
           display: "flex",
           flexDirection: "column",
-          width: getFilterContainerWidth(),
           marginRight: "spacing.3",
+          flex: "1",
+          minWidth: "0px",
           children: /*#__PURE__*/jsx(StyledQuickFilterContainer, {
             overflow: "scroll",
             width: "100%",
-            paddingY: "spacing.4",
-            paddingLeft: "spacing.2",
+            paddingTop: isMobile ? 'spacing.4' : 'spacing.1',
+            paddingBottom: "spacing.1",
+            paddingLeft: "spacing.1",
             children: quickFilters
           })
         }), /*#__PURE__*/jsxs(BaseBox, {
           display: "flex",
-          gap: "spacing.4",
           alignItems: "center",
-          children: [children ? /*#__PURE__*/jsxs(Box, {
-            position: "relative",
-            display: "inline-block",
-            children: [/*#__PURE__*/jsx(Button, {
-              variant: "tertiary",
-              size: "medium",
-              color: "primary",
-              onClick: function onClick() {
-                setShowFilters(function (prev) {
-                  return !prev;
-                });
-              },
-              icon: FilterIcon,
-              accessibilityLabel: "Show More Filters"
-            }), /*#__PURE__*/jsx(Box, {
-              position: "absolute",
-              right: "spacing.0",
-              top: "spacing.0",
-              transform: "translate(50%, -50%)",
-              children: /*#__PURE__*/jsx(Counter, {
-                value: selectedFiltersCount || Object.keys(listViewSelectedFilters).length,
-                color: "primary",
-                emphasis: "intense",
-                size: "small"
-              })
-            })]
-          }) : null, !isMobile && showSearchInput && /*#__PURE__*/jsx(Box, {
+          flexShrink: "0",
+          children: [!isMobile && showSearchInput && /*#__PURE__*/jsx(Box, {
             width: isSearchTrailingDropDown ? '280px' : '208px',
             children: /*#__PURE__*/jsx(SearchInput, {
               label: "",
@@ -199,31 +130,11 @@ var ListViewFilters = function ListViewFilters(_ref) {
               size: "medium",
               trailing: searchTrailing
             })
-          })]
+          }), actions]
         })]
-      })), /*#__PURE__*/jsx(AnimatePresence, {
-        children: showFilters && /*#__PURE__*/jsx(m.div, {
-          initial: {
-            height: 0
-          },
-          animate: {
-            height: showFilters ? 'auto' : 0
-          },
-          transition: {
-            duration: msToSeconds(theme.motion.duration.moderate),
-            ease: cssBezierToArray(castWebType(theme.motion.easing.standard))
-          },
-          exit: {
-            height: 0
-          },
-          children: /*#__PURE__*/jsx(BaseBox, {
-            display: "flex",
-            backgroundColor: isMobile ? 'surface.background.white' : 'surface.background.gray.moderate',
-            borderTop: !isMobile ? '1ps solid' : undefined,
-            borderTopColor: !isMobile ? 'surface.border.gray.muted' : undefined,
-            children: children
-          })
-        })
+      })), /*#__PURE__*/jsx(BaseBox, {
+        display: "flex",
+        children: children
       })]
     })]
   });

package/build/lib/web/development/components/ListView/ListViewFilters.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { FilterIcon } from '~components/Icons';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~components/BladeProvider';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst CHILDREN_COUNTER_WIDTH = 36;\nconst GAP_BETWEEN_CHILDREN_AND_SEARCH = 12;\nconst SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN = 8;\nconst CHILDREN_TOTAL_WIDTH = CHILDREN_COUNTER_WIDTH + SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN;\nconst CHILDREN_WITH_SEARCH_WIDTH =\n CHILDREN_COUNTER_WIDTH +\n GAP_BETWEEN_CHILDREN_AND_SEARCH +\n SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN;\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n /* For Webkit (Chrome, Safari) /\n '::-webkit-scrollbar': {\n display: 'none',\n },\n / For Firefox /\n scrollbarWidth: 'none',\n / For Edge */\n msOverflowStyle: 'none',\n});\n\nconst ListViewFilters = ({\n testID,\n children,\n quickFilters,\n onSearchChange,\n searchValue,\n searchValuePlaceholder,\n searchName,\n showQuickFilters,\n onShowQuickFiltersChange,\n showFilters: showFiltersProp,\n onShowFiltersChange,\n onSearchClear,\n selectedFiltersCount = 0,\n searchTrailing,\n ...rest\n}: ListViewFilterProps): React.ReactElement => {\n const [showFilters, setShowFilters] = useControllableState({\n defaultValue: showQuickFilters ?? showFiltersProp,\n value: showQuickFilters ?? showFiltersProp,\n onChange: onShowQuickFiltersChange ?? onShowFiltersChange,\n });\n const [\n listViewSelectedFilters,\n setListViewSelectedFilters,\n ] = useState<ListViewSelectedFiltersType>({});\n const searchId = useId('search-input');\n const searchNameValue = searchName \|\| searchId;\n const isMobile = useIsMobile();\n const { theme } = useTheme();\n\n const showSearchInput = onSearchChange \|\| onSearchClear \|\| searchValuePlaceholder \|\| searchName;\n const isSearchTrailingDropDown =\n React.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';\n\n const getFilterContainerWidth = (): BoxProps['width'] => {\n const hasChildren = Boolean(children);\n\n if (isMobile) {\n return hasChildren ? '88%' : '100%';\n }\n\n const searchInputWidth = isSearchTrailingDropDown ? '280px' : '208px';\n\n if (showSearchInput && hasChildren) {\n return `calc(100% - ${searchInputWidth} - ${CHILDREN_WITH_SEARCH_WIDTH}px)`;\n }\n if (hasChildren) {\n return `calc(100% - ${CHILDREN_TOTAL_WIDTH}px)`;\n }\n if (showSearchInput) {\n return `calc(100% - ${searchInputWidth} - ${SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN}px)`;\n }\n return '100%';\n };\n\n return (\n <ListViewFiltersProvider\n value={{\n listViewSelectedFilters,\n setListViewSelectedFilters,\n selectedFiltersCount,\n }}\n >\n {isMobile && showSearchInput && (\n <SearchInput\n label=\"\"\n value={searchValue}\n placeholder={searchValuePlaceholder}\n name={searchNameValue \|\| searchId}\n onChange={({ name, value }) => onSearchChange?.({ name, value })}\n onClearButtonClick={onSearchClear}\n trailing={searchTrailing}\n />\n )}\n <BaseBox>\n <BaseBox\n {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n {...makeAnalyticsAttribute(rest)}\n display=\"flex\"\n justifyContent=\"space-between\"\n >\n <Box\n position=\"relative\"\n display=\"flex\"\n flexDirection=\"column\"\n width={getFilterContainerWidth()}\n marginRight=\"spacing.3\"\n >\n <StyledQuickFilterContainer\n overflow=\"scroll\"\n width=\"100%\"\n paddingY=\"spacing.4\"\n paddingLeft=\"spacing.2\"\n >\n {quickFilters}\n </StyledQuickFilterContainer>\n </Box>\n\n <BaseBox display=\"flex\" gap=\"spacing.4\" alignItems=\"center\">\n {children ? (\n <Box position=\"relative\" display=\"inline-block\">\n <Button\n variant=\"tertiary\"\n size=\"medium\"\n color=\"primary\"\n onClick={() => {\n setShowFilters((prev) => !prev);\n }}\n icon={FilterIcon}\n accessibilityLabel=\"Show More Filters\"\n />\n\n <Box\n position=\"absolute\"\n right=\"spacing.0\"\n top=\"spacing.0\"\n transform=\"translate(50%, -50%)\"\n >\n <Counter\n value={selectedFiltersCount \|\| Object.keys(listViewSelectedFilters).length}\n color=\"primary\"\n emphasis=\"intense\"\n size=\"small\"\n />\n </Box>\n </Box>\n ) : null}\n {!isMobile && showSearchInput && (\n <Box width={isSearchTrailingDropDown ? '280px' : '208px'}>\n <SearchInput\n label=\"\"\n value={searchValue}\n placeholder={searchValuePlaceholder}\n name={searchNameValue \|\| searchId}\n onChange={({ name, value }) => onSearchChange?.({ name, value })}\n onClearButtonClick={onSearchClear}\n size=\"medium\"\n trailing={searchTrailing}\n />\n </Box>\n )}\n </BaseBox>\n </BaseBox>\n <AnimatePresence>\n {showFilters && (\n <m.div\n initial={{ height: 0 }}\n animate={{ height: showFilters ? 'auto' : 0 }}\n transition={{\n duration: msToSeconds(theme.motion.duration.moderate),\n ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n }}\n exit={{ height: 0 }}\n >\n <BaseBox\n display=\"flex\"\n backgroundColor={\n isMobile ? 'surface.background.white' : 'surface.background.gray.moderate'\n }\n borderTop={!isMobile ? '1ps solid' : undefined}\n borderTopColor={!isMobile ? 'surface.border.gray.muted' : undefined}\n >\n {children}\n </BaseBox>\n </m.div>\n )}\n </AnimatePresence>\n </BaseBox>\n </ListViewFiltersProvider>\n );\n};\n\nexport { ListViewFilters };\n"],"names":["CHILDREN_COUNTER_WIDTH","GAP_BETWEEN_CHILDREN_AND_SEARCH","SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN","CHILDREN_TOTAL_WIDTH","CHILDREN_WITH_SEARCH_WIDTH","StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","ListViewFilters","_ref","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","showFiltersProp","showFilters","onShowFiltersChange","onSearchClear","_ref$selectedFiltersC","selectedFiltersCount","searchTrailing","rest","_objectWithoutProperties","_excluded","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","_slicedToArray","setShowFilters","_useState","useState","_useState2","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","showSearchInput","isSearchTrailingDropDown","React","isValidElement","getComponentId","getFilterContainerWidth","hasChildren","Boolean","searchInputWidth","concat","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref2","onClearButtonClick","trailing","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","width","marginRight","overflow","paddingY","paddingLeft","gap","alignItems","Button","variant","size","color","onClick","prev","icon","FilterIcon","accessibilityLabel","right","top","transform","Counter","Object","keys","length","emphasis","_ref3","AnimatePresence","m","div","initial","height","animate","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","backgroundColor","borderTop","undefined","borderTopColor"],"mappings":"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"}
1	+ {"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n /* For Webkit (Chrome, Safari) /\n '::-webkit-scrollbar': {\n display: 'none',\n },\n / For Firefox /\n scrollbarWidth: 'none',\n / For Edge */\n msOverflowStyle: 'none',\n});\n\nconst ListViewFilters = ({\n testID,\n children,\n quickFilters,\n onSearchChange,\n searchValue,\n searchValuePlaceholder,\n searchName,\n showQuickFilters,\n onShowQuickFiltersChange,\n showFilters: showFiltersProp,\n onShowFiltersChange,\n onSearchClear,\n selectedFiltersCount = 0,\n searchTrailing,\n actions,\n ...rest\n}: ListViewFilterProps): React.ReactElement => {\n const [\n listViewSelectedFilters,\n setListViewSelectedFilters,\n ] = useState<ListViewSelectedFiltersType>({});\n const searchId = useId('search-input');\n const searchNameValue = searchName \|\| searchId;\n const isMobile = useIsMobile();\n\n const showSearchInput = onSearchChange \|\| onSearchClear \|\| searchValuePlaceholder \|\| searchName;\n const isSearchTrailingDropDown =\n React.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';\n\n return (\n <ListViewFiltersProvider\n value={{\n listViewSelectedFilters,\n setListViewSelectedFilters,\n selectedFiltersCount,\n }}\n >\n {isMobile && showSearchInput && (\n <SearchInput\n label=\"\"\n value={searchValue}\n placeholder={searchValuePlaceholder}\n name={searchNameValue \|\| searchId}\n onChange={({ name, value }) => onSearchChange?.({ name, value })}\n onClearButtonClick={onSearchClear}\n trailing={searchTrailing}\n />\n )}\n <BaseBox>\n <BaseBox\n {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n {...makeAnalyticsAttribute(rest)}\n display=\"flex\"\n justifyContent=\"space-between\"\n >\n <Box\n position=\"relative\"\n display=\"flex\"\n flexDirection=\"column\"\n marginRight=\"spacing.3\"\n flex=\"1\"\n minWidth=\"0px\"\n >\n <StyledQuickFilterContainer\n overflow=\"scroll\"\n width=\"100%\"\n paddingTop={isMobile ? 'spacing.4' : 'spacing.1'}\n paddingBottom=\"spacing.1\"\n paddingLeft=\"spacing.1\"\n >\n {quickFilters}\n </StyledQuickFilterContainer>\n </Box>\n\n <BaseBox display=\"flex\" alignItems=\"center\" flexShrink=\"0\">\n {!isMobile && showSearchInput && (\n <Box width={isSearchTrailingDropDown ? '280px' : '208px'}>\n <SearchInput\n label=\"\"\n value={searchValue}\n placeholder={searchValuePlaceholder}\n name={searchNameValue \|\| searchId}\n onChange={({ name, value }) => onSearchChange?.({ name, value })}\n onClearButtonClick={onSearchClear}\n size=\"medium\"\n trailing={searchTrailing}\n />\n </Box>\n )}\n {actions}\n </BaseBox>\n </BaseBox>\n <BaseBox display=\"flex\">{children}</BaseBox>\n </BaseBox>\n </ListViewFiltersProvider>\n );\n};\n\nexport { ListViewFilters };\n"],"names":["StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","ListViewFilters","_ref","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","showFiltersProp","showFilters","onShowFiltersChange","onSearchClear","_ref$selectedFiltersC","selectedFiltersCount","searchTrailing","actions","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","showSearchInput","isSearchTrailingDropDown","React","isValidElement","getComponentId","_jsxs","ListViewFiltersProvider","value","_jsx","SearchInput","label","placeholder","name","onChange","_ref2","onClearButtonClick","trailing","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","marginRight","flex","minWidth","overflow","width","paddingTop","paddingBottom","paddingLeft","alignItems","flexShrink","_ref3","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,0BAA0B,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,gDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAC,CAAA,CAAA;AACjD;AACA,EAAA,qBAAqB,EAAE;AACrBC,IAAAA,OAAO,EAAE,MAAA;GACV;AACD;AACAC,EAAAA,cAAc,EAAE,MAAM;AACtB;AACAC,EAAAA,eAAe,EAAE,MAAA;AACnB,CAAC,CAAC,CAAA;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAiB0B;AAAA,EAAA,IAhB7CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,sBAAsB,GAAAN,IAAA,CAAtBM,sBAAsB;IACtBC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,wBAAwB,GAAAT,IAAA,CAAxBS,wBAAwB;IACXC,eAAe,GAAAV,IAAA,CAA5BW,WAAW;IACXC,mBAAmB,GAAAZ,IAAA,CAAnBY,mBAAmB;IACnBC,aAAa,GAAAb,IAAA,CAAba,aAAa;IAAAC,qBAAA,GAAAd,IAAA,CACbe,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA;IACxBE,cAAc,GAAAhB,IAAA,CAAdgB,cAAc;IACdC,OAAO,GAAAjB,IAAA,CAAPiB,OAAO;AACJC,IAAAA,IAAI,GAAAC,wBAAA,CAAAnB,IAAA,EAAAoB,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAGIC,QAAQ,CAA8B,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAF3CI,IAAAA,uBAAuB,GAAAF,UAAA,CAAA,CAAA,CAAA;AACvBG,IAAAA,0BAA0B,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE5B,EAAA,IAAMI,QAAQ,GAAGC,KAAK,CAAC,cAAc,CAAC,CAAA;AACtC,EAAA,IAAMC,eAAe,GAAGtB,UAAU,IAAIoB,QAAQ,CAAA;AAC9C,EAAA,IAAMG,QAAQ,GAAGC,WAAW,EAAE,CAAA;EAE9B,IAAMC,eAAe,GAAG5B,cAAc,IAAIS,aAAa,IAAIP,sBAAsB,IAAIC,UAAU,CAAA;AAC/F,EAAA,IAAM0B,wBAAwB,gBAC5BC,cAAK,CAACC,cAAc,CAACnB,cAAc,CAAC,IAAIoB,cAAc,CAACpB,cAAc,CAAC,KAAK,UAAU,CAAA;EAEvF,oBACEqB,IAAA,CAACC,uBAAuB,EAAA;AACtBC,IAAAA,KAAK,EAAE;AACLd,MAAAA,uBAAuB,EAAvBA,uBAAuB;AACvBC,MAAAA,0BAA0B,EAA1BA,0BAA0B;AAC1BX,MAAAA,oBAAoB,EAApBA,oBAAAA;KACA;AAAAb,IAAAA,QAAA,GAED4B,QAAQ,IAAIE,eAAe,iBAC1BQ,GAAA,CAACC,WAAW,EAAA;AACVC,MAAAA,KAAK,EAAC,EAAE;AACRH,MAAAA,KAAK,EAAElC,WAAY;AACnBsC,MAAAA,WAAW,EAAErC,sBAAuB;MACpCsC,IAAI,EAAEf,eAAe,IAAIF,QAAS;AAClCkB,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,KAAA,EAAA;AAAA,QAAA,IAAKF,IAAI,GAAAE,KAAA,CAAJF,IAAI;UAAEL,KAAK,GAAAO,KAAA,CAALP,KAAK,CAAA;AAAA,QAAA,OAAOnC,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAG;AAAEwC,UAAAA,IAAI,EAAJA,IAAI;AAAEL,UAAAA,KAAK,EAALA,KAAAA;AAAM,SAAC,CAAC,CAAA;OAAC;AACjEQ,MAAAA,kBAAkB,EAAElC,aAAc;AAClCmC,MAAAA,QAAQ,EAAEhC,cAAAA;AAAe,KAC1B,CACF,eACDqB,IAAA,CAAC7C,OAAO,EAAA;AAAAU,MAAAA,QAAA,EACNmC,cAAAA,IAAA,CAAC7C,OAAO,EAAAyD,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;QAAEN,IAAI,EAAEO,aAAa,CAACC,cAAc;AAAEnD,QAAAA,MAAM,EAANA,MAAAA;AAAO,OAAC,CAAC,CAAA,EAC7DoD,sBAAsB,CAACnC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCtB,QAAAA,OAAO,EAAC,MAAM;AACd0D,QAAAA,cAAc,EAAC,eAAe;QAAApD,QAAA,EAAA,cAE9BsC,GAAA,CAACe,GAAG,EAAA;AACFC,UAAAA,QAAQ,EAAC,UAAU;AACnB5D,UAAAA,OAAO,EAAC,MAAM;AACd6D,UAAAA,aAAa,EAAC,QAAQ;AACtBC,UAAAA,WAAW,EAAC,WAAW;AACvBC,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,QAAQ,EAAC,KAAK;UAAA1D,QAAA,eAEdsC,GAAA,CAAClD,0BAA0B,EAAA;AACzBuE,YAAAA,QAAQ,EAAC,QAAQ;AACjBC,YAAAA,KAAK,EAAC,MAAM;AACZC,YAAAA,UAAU,EAAEjC,QAAQ,GAAG,WAAW,GAAG,WAAY;AACjDkC,YAAAA,aAAa,EAAC,WAAW;AACzBC,YAAAA,WAAW,EAAC,WAAW;AAAA/D,YAAAA,QAAA,EAEtBC,YAAAA;WACyB,CAAA;AAAC,SAC1B,CAAC,eAENkC,IAAA,CAAC7C,OAAO,EAAA;AAACI,UAAAA,OAAO,EAAC,MAAM;AAACsE,UAAAA,UAAU,EAAC,QAAQ;AAACC,UAAAA,UAAU,EAAC,GAAG;UAAAjE,QAAA,EAAA,CACvD,CAAC4B,QAAQ,IAAIE,eAAe,iBAC3BQ,GAAA,CAACe,GAAG,EAAA;AAACO,YAAAA,KAAK,EAAE7B,wBAAwB,GAAG,OAAO,GAAG,OAAQ;YAAA/B,QAAA,eACvDsC,GAAA,CAACC,WAAW,EAAA;AACVC,cAAAA,KAAK,EAAC,EAAE;AACRH,cAAAA,KAAK,EAAElC,WAAY;AACnBsC,cAAAA,WAAW,EAAErC,sBAAuB;cACpCsC,IAAI,EAAEf,eAAe,IAAIF,QAAS;AAClCkB,cAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAuB,KAAA,EAAA;AAAA,gBAAA,IAAKxB,IAAI,GAAAwB,KAAA,CAAJxB,IAAI;kBAAEL,KAAK,GAAA6B,KAAA,CAAL7B,KAAK,CAAA;AAAA,gBAAA,OAAOnC,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAG;AAAEwC,kBAAAA,IAAI,EAAJA,IAAI;AAAEL,kBAAAA,KAAK,EAALA,KAAAA;AAAM,iBAAC,CAAC,CAAA;eAAC;AACjEQ,cAAAA,kBAAkB,EAAElC,aAAc;AAClCwD,cAAAA,IAAI,EAAC,QAAQ;AACbrB,cAAAA,QAAQ,EAAEhC,cAAAA;aACX,CAAA;WACE,CACN,EACAC,OAAO,CAAA;AAAA,SACD,CAAC,CAAA;AAAA,OAAA,CACH,CAAC,eACVuB,GAAA,CAAChD,OAAO,EAAA;AAACI,QAAAA,OAAO,EAAC,MAAM;AAAAM,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAU,CAAC,CAAA;AAAA,KACrC,CAAC,CAAA;AAAA,GACa,CAAC,CAAA;AAE9B;;;;"}

package/build/lib/web/development/components/QuickFilters/QuickFilter.js CHANGED Viewed

@@ -51,7 +51,8 @@ var QuickFilterContent = function QuickFilterContent(_ref) {
       justifyContent: "center",
       alignItems: "center",
       children: [selectionType === 'single' ? /*#__PURE__*/jsx(Radio, _objectSpread({
-        value: value
+        value: value,
+        _hideRadioIcon: true
       }, makeAnalyticsAttribute(rest))) : /*#__PURE__*/jsx(Checkbox, _objectSpread({
         value: value
       }, makeAnalyticsAttribute(rest))), /*#__PURE__*/jsx(Text, {

package/build/lib/web/development/components/QuickFilters/QuickFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuickFilter.js","sources":["../../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n value,\n title,\n trailing,\n selectionType = 'single',\n isSelected = false,\n ...rest\n}: QuickFilterContentProps): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.3\"\n width=\"fit-content\"\n justifyContent=\"center\"\n alignItems=\"center\"\n paddingY=\"spacing.3\"\n paddingLeft=\"spacing.3\"\n paddingRight=\"spacing.4\"\n >\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n {selectionType === 'single' ? (\n <Radio value={value} {...makeAnalyticsAttribute(rest)} />\n ) : (\n <Checkbox value={value} {...makeAnalyticsAttribute(rest)} />\n )}\n <Text\n variant=\"body\"\n size=\"medium\"\n color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n weight=\"medium\"\n >\n {title}\n </Text>\n </Box>\n\n {trailing}\n </BaseBox>\n );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n const isQuickFilterSelected = selectedQuickFilters.includes(value);\n return (\n <Card\n padding=\"spacing.0\"\n as=\"label\"\n accessibilityLabel={title}\n borderRadius=\"medium\"\n elevation=\"none\"\n isSelected={isQuickFilterSelected}\n ref={ref}\n // Add margin to accommodate the box shadow that appears when selected, preventing visual cutoff\n marginRight=\"spacing.1\"\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID })}\n >\n <CardBody>\n <QuickFilterContent\n value={value}\n title={title}\n trailing={trailing}\n selectionType={selectionType}\n isSelected={isQuickFilterSelected}\n {...rest}\n />\n </CardBody>\n </Card>\n );\n },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","rest","_objectWithoutProperties","_excluded","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","_objectSpread","makeAnalyticsAttribute","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","_excluded2","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","padding","as","accessibilityLabel","borderRadius","elevation","marginRight","metaAttribute","CardBody"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IANjDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,kBAAA,GAAAJ,IAAA,CACRK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,kBAAA;IAAAE,eAAA,GAAAN,IAAA,CACxBO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACfE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EAEP,oBACEC,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,KAAK,EAAC,aAAa;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,QAAQ,EAAC,WAAW;AACpBC,IAAAA,WAAW,EAAC,WAAW;AACvBC,IAAAA,YAAY,EAAC,WAAW;IAAAC,QAAA,EAAA,cAExBX,IAAA,CAACY,GAAG,EAAA;AACFV,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,GAAG,EAAC,WAAW;AACfE,MAAAA,cAAc,EAAC,QAAQ;AACvBC,MAAAA,UAAU,EAAC,QAAQ;MAAAI,QAAA,EAAA,CAElBjB,aAAa,KAAK,QAAQ,gBACzBmB,GAAA,CAACC,KAAK,EAAAC,aAAA,CAAA;AAACzB,QAAAA,KAAK,EAAEA,~~KAAAA~~;~~OAAW0B~~,EAAAA,sBAAsB,~~CAACnB~~,IAAI,CAAC,CAAG,CAAC,~~gBAEzDgB~~,GAAA,~~CAACI~~,QAAQ,~~EAAAF~~,aAAA,CAAA;AAACzB,QAAAA,KAAK,EAAEA,KAAAA;~~OAAW0B~~,EAAAA,sBAAsB,~~CAACnB~~,IAAI,CAAC,CAAG,CAC5D,eACDgB,GAAA,~~CAACK~~,IAAI,EAAA;AACHC,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,KAAK,~~EAAEzB~~,UAAU,GAAG,iCAAiC,GAAG,8BAA+B;~~AACvF0B~~,QAAAA,MAAM,EAAC,QAAQ;~~AAAAX~~,QAAAA,QAAA,EAEdpB,KAAAA;AAAK,OACF,CAAC,CAAA;KACJ,CAAC,EAELC,QAAQ,CAAA;AAAA,GACF,CAAC,CAAA;AAEd,CAAC,CAAA;~~AAEK+B~~,IAAAA,WAAW,gBAAGC,UAAU,CAC5B,UAAAC,KAAA,EAA8CC,GAAG,EAAyB;AAAA,EAAA,~~IAAvEnC~~,KAAK,~~GAAAkC~~,KAAA,~~CAALlC~~,KAAK;IAAED,KAAK,~~GAAAmC~~,KAAA,~~CAALnC~~,KAAK;IAAEE,QAAQ,~~GAAAiC~~,KAAA,~~CAARjC~~,QAAQ;~~IAAEmC~~,MAAM,GAAAF,KAAA,CAANE,MAAM;~~AAAK9B~~,IAAAA,IAAI,GAAAC,wBAAA,~~CAAA2B~~,KAAA,EAAAG,UAAA,CAAA,CAAA;AACxC,EAAA,IAAAC,qBAAA,GAAgDC,0BAA0B,EAAE;IAApEC,oBAAoB,GAAAF,qBAAA,CAApBE,oBAAoB;~~IAAErC~~,aAAa,~~GAAAmC~~,qBAAA,~~CAAbnC~~,aAAa,CAAA;AAE3C,EAAA,~~IAAMsC~~,qBAAqB,GAAGD,oBAAoB,CAACE,QAAQ,~~CAAC3C~~,KAAK,CAAC,CAAA;EAClE,oBACEuB,GAAA,~~CAACqB~~,IAAI,~~EAAAnB~~,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;~~AACHoB~~,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,EAAE,EAAC,OAAO;AACVC,IAAAA,kBAAkB,~~EAAE9C~~,KAAM;~~AAC1B+C~~,IAAAA,YAAY,EAAC,QAAQ;AACrBC,IAAAA,SAAS,EAAC,MAAM;~~AAChB3C~~,IAAAA,UAAU,~~EAAEoC~~,qBAAsB;AAClCN,IAAAA,GAAG,EAAEA,GAAAA;AACL;AAAA;AACAc,IAAAA,WAAW,EAAC,WAAA;AAAW,GAAA,EACnBxB,sBAAsB,~~CAACnB~~,IAAI,CAAC,CAAA,~~EAC5B4C~~,aAAa,CAAC;AAAEd,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;~~IAAAhB~~,QAAA,eAE7BE,GAAA,~~CAAC6B~~,QAAQ,EAAA;~~AAAA/B~~,MAAAA,QAAA,eACPE,GAAA,CAACzB,kBAAkB,EAAA2B,aAAA,CAAA;AACjBzB,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,QAAQ,EAAEA,QAAS;AACnBE,QAAAA,aAAa,EAAEA,aAAc;AAC7BE,QAAAA,UAAU,~~EAAEoC~~,qBAAAA;AAAsB,OAAA,~~EAC9BnC~~,IAAI,CACT,CAAA;KACO,CAAA;AAAC,GAAA,CACP,CAAC,CAAA;AAEX,CACF;;;;"}
1	+ {"version":3,"file":"QuickFilter.js","sources":["../../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n value,\n title,\n trailing,\n selectionType = 'single',\n isSelected = false,\n ...rest\n}: QuickFilterContentProps): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.3\"\n width=\"fit-content\"\n justifyContent=\"center\"\n alignItems=\"center\"\n paddingY=\"spacing.3\"\n paddingLeft=\"spacing.3\"\n paddingRight=\"spacing.4\"\n >\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n {selectionType === 'single' ? (\n <Radio value={value} _hideRadioIcon {...makeAnalyticsAttribute(rest)} />\n ) : (\n <Checkbox value={value} {...makeAnalyticsAttribute(rest)} />\n )}\n <Text\n variant=\"body\"\n size=\"medium\"\n color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n weight=\"medium\"\n >\n {title}\n </Text>\n </Box>\n\n {trailing}\n </BaseBox>\n );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n const isQuickFilterSelected = selectedQuickFilters.includes(value);\n return (\n <Card\n padding=\"spacing.0\"\n as=\"label\"\n accessibilityLabel={title}\n borderRadius=\"medium\"\n elevation=\"none\"\n isSelected={isQuickFilterSelected}\n ref={ref}\n // Add margin to accommodate the box shadow that appears when selected, preventing visual cutoff\n marginRight=\"spacing.1\"\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID })}\n >\n <CardBody>\n <QuickFilterContent\n value={value}\n title={title}\n trailing={trailing}\n selectionType={selectionType}\n isSelected={isQuickFilterSelected}\n {...rest}\n />\n </CardBody>\n </Card>\n );\n },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","rest","_objectWithoutProperties","_excluded","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","_objectSpread","_hideRadioIcon","makeAnalyticsAttribute","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","_excluded2","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","padding","as","accessibilityLabel","borderRadius","elevation","marginRight","metaAttribute","CardBody"],"mappings":"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"}