@razorpay/blade 11.9.1 → 11.11.0

package/build/lib/web/development/components/Button/BaseButton/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography } from './buttonTokens';\nimport {\n  textColor,\n  backgroundColor,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n} from './buttonTokens';\nimport type { BaseButtonStyleProps, IconColor } from './types';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'background' | 'border';\n}): DotNotationToken<Theme['colors']> => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokens = backgroundColor(property);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getTextColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'icon' | 'text';\n}): DotNotationToken<Theme['colors']> => {\n  const tokens = textColor(property);\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  children,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  children?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!children || children?.trim().length === 0);\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    iconPadding: hasIcon && children?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n    iconColor: getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? children?.trim().toUpperCase() : children?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'primary',\n    color = 'primary',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const buttonGroupProps = useButtonGroupContext();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  // Button cannot be disabled when its rendered as Link\n  const disabled = buttonGroupProps.isDisabled ?? (isLoading || (isDisabled && !isLink));\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  const {\n    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    height,\n    width,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    children: childrenString,\n    isDisabled: disabled,\n    size: buttonGroupProps.size ?? size,\n    variant: buttonGroupProps.variant ?? variant,\n    theme,\n    color: buttonGroupProps.color ?? color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(true);\n  }, [disabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(false);\n  }, [disabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      // Setting type for web fails it on native typecheck and vice versa\n      onKeyDown={(event: any) => {\n        handleKeyboardPressedIn(event);\n        onKeyDown?.(event);\n      }}\n      onTouchStart={(event: React.TouchEvent) => {\n        handlePointerPressedIn();\n        onTouchStart?.(event);\n      }}\n      onTouchEnd={(event: React.TouchEvent) => {\n        handlePointerPressedOut();\n        onTouchEnd?.(event);\n      }}\n      type={type}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      height={height}\n      width={width}\n      isPressed={isPressed}\n      onMouseDown={handlePointerPressedIn}\n      onMouseUp={handlePointerPressedOut}\n      onMouseOut={handlePointerPressedOut}\n      onKeyUp={handleKeyboardPressedOut}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n    >\n      <AnimatedButtonContent\n        motionDuration={motionDuration}\n        motionEasing={motionEasing}\n        isPressed={isPressed}\n      >\n        {isLoading ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            position=\"absolute\"\n            top=\"0px\"\n            left=\"0px\"\n            bottom=\"0px\"\n            right=\"0px\"\n            zIndex={1}\n          >\n            <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n          </BaseBox>\n        ) : null}\n        <ButtonContent\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          flex={1}\n          isHidden={isLoading}\n          zIndex={1}\n        >\n          {Icon && iconPosition == 'left' ? (\n            <BaseBox\n              paddingRight={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n          {text ? (\n            <BaseText\n              lineHeight={lineHeight}\n              fontSize={fontSize}\n              // figma and web have different font-smoothing properties\n              // which causes web version of button text to look much bolder\n              // than figma version. To fix this we are changing font-weight from 600 to 500\n              // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n              fontWeight=\"medium\"\n              textAlign=\"center\"\n              color={textColor}\n            >\n              {text}\n            </BaseText>\n          ) : null}\n          {Icon && iconPosition == 'right' ? (\n            <BaseBox\n              paddingLeft={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n        </ButtonContent>\n      </AnimatedButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","property","variant","state","color","_state","tokens","backgroundColor","white","Error","concat","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","children","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","height","buttonIconOnlyHeightWidth","width","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonPadding","top","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","withConfig","displayName","componentId","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","_buttonGroupProps$isD","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$isF","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","childrenString","getStringFromReactText","disabled","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","_objectSpread","as","makeAccessible","role","event","onMouseDown","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseButton.js","sources":["../../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography } from './buttonTokens';\nimport {\n  textColor,\n  backgroundColor,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n} from './buttonTokens';\nimport type { BaseButtonStyleProps, IconColor } from './types';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'background' | 'border';\n}): DotNotationToken<Theme['colors']> => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokens = backgroundColor(property);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getTextColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'icon' | 'text';\n}): DotNotationToken<Theme['colors']> => {\n  const tokens = textColor(property);\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  childrenString,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  childrenString?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!childrenString || childrenString?.trim().length === 0);\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    iconPadding:\n      hasIcon && childrenString?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n    iconColor: getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? childrenString?.trim().toUpperCase() : childrenString?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'primary',\n    color = 'primary',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const buttonGroupProps = useButtonGroupContext();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  const isChildrenComponent = React.isValidElement(children);\n\n  // Button cannot be disabled when its rendered as Link\n  const disabled = buttonGroupProps.isDisabled ?? (isLoading || (isDisabled && !isLink));\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  const {\n    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    height,\n    width,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    childrenString,\n    isDisabled: disabled,\n    size: buttonGroupProps.size ?? size,\n    variant: buttonGroupProps.variant ?? variant,\n    theme,\n    color: buttonGroupProps.color ?? color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(true);\n  }, [disabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(false);\n  }, [disabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      // Setting type for web fails it on native typecheck and vice versa\n      onKeyDown={(event: any) => {\n        handleKeyboardPressedIn(event);\n        onKeyDown?.(event);\n      }}\n      onTouchStart={(event: React.TouchEvent) => {\n        handlePointerPressedIn();\n        onTouchStart?.(event);\n      }}\n      onTouchEnd={(event: React.TouchEvent) => {\n        handlePointerPressedOut();\n        onTouchEnd?.(event);\n      }}\n      type={type}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      height={height}\n      width={width}\n      isPressed={isPressed}\n      onMouseDown={handlePointerPressedIn}\n      onMouseUp={handlePointerPressedOut}\n      onMouseOut={handlePointerPressedOut}\n      onKeyUp={handleKeyboardPressedOut}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n    >\n      <AnimatedButtonContent\n        motionDuration={motionDuration}\n        motionEasing={motionEasing}\n        isPressed={isPressed}\n      >\n        {isLoading ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            position=\"absolute\"\n            top=\"0px\"\n            left=\"0px\"\n            bottom=\"0px\"\n            right=\"0px\"\n            zIndex={1}\n          >\n            <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n          </BaseBox>\n        ) : null}\n        <ButtonContent\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          flex={1}\n          isHidden={isLoading}\n          zIndex={1}\n        >\n          {Icon && iconPosition == 'left' ? (\n            <BaseBox\n              paddingRight={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n          {text ? (\n            isChildrenComponent ? (\n              children\n            ) : (\n              <BaseText\n                lineHeight={lineHeight}\n                fontSize={fontSize}\n                // figma and web have different font-smoothing properties\n                // which causes web version of button text to look much bolder\n                // than figma version. To fix this we are changing font-weight from 600 to 500\n                // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n                fontWeight=\"medium\"\n                textAlign=\"center\"\n                color={textColor}\n              >\n                {text}\n              </BaseText>\n            )\n          ) : null}\n          {Icon && iconPosition == 'right' ? (\n            <BaseBox\n              paddingLeft={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n        </ButtonContent>\n      </AnimatedButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","property","variant","state","color","_state","tokens","backgroundColor","white","Error","concat","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","childrenString","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","height","buttonIconOnlyHeightWidth","width","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonPadding","top","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","withConfig","displayName","componentId","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","_buttonGroupProps$isD","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$isF","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","children","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","getStringFromReactText","isChildrenComponent","isValidElement","disabled","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","_objectSpread","as","makeAccessible","role","event","onMouseDown","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

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

@@ -28,7 +28,9 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
 var _excluded = ["children", "isOpen", "onOpenChange", "selectionType", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var validDropdownChildren = [dropdownComponentIds.triggers.SelectInput, dropdownComponentIds.triggers.DropdownButton, dropdownComponentIds.triggers.DropdownLink, dropdownComponentIds.DropdownOverlay, dropdownComponentIds.triggers.AutoComplete, ComponentIds.BottomSheet];
+var validDropdownChildren = [
+// TODO: Remove Box once CountrySelector's button sizing is fixed
+dropdownComponentIds.BaseBox, dropdownComponentIds.triggers.SelectInput, dropdownComponentIds.triggers.DropdownButton, dropdownComponentIds.triggers.DropdownLink, dropdownComponentIds.DropdownOverlay, dropdownComponentIds.triggers.AutoComplete, ComponentIds.BottomSheet];
 
 /**
  * ### Dropdown component

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        const isOutsideClick =\n          !dropdown.contains(target) &&\n          !isTagDismissedRef.current?.value &&\n          document.body.contains(target);\n\n        const isDropdownOpenState = isDropdownOpenRef.current;\n        if (isOutsideClick && isDropdownOpenState) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","useEffect","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","isOutsideClick","contains","document","body","isDropdownOpenState","documentFocusHandler","relatedTarget","addEventListener","removeEventListener","undefined","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","BaseBox","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        const isOutsideClick =\n          !dropdown.contains(target) &&\n          !isTagDismissedRef.current?.value &&\n          document.body.contains(target);\n\n        const isDropdownOpenState = isDropdownOpenRef.current;\n        if (isOutsideClick && isDropdownOpenState) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","useEffect","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","isOutsideClick","contains","document","body","isDropdownOpenState","documentFocusHandler","relatedTarget","addEventListener","removeEventListener","undefined","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js

@@ -32,12 +32,13 @@ var OVERLAY_PADDING = size['12']; // doesn't have to be exact. Just rough paddin
  * Wrap your ActionList within this component
  */
 var _DropdownOverlay = function _DropdownOverlay(_ref) {
-  var _triggererWrapperRef$;
+  var _ref2, _referenceRef$current;
   var children = _ref.children,
     testID = _ref.testID,
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? componentZIndices.dropdownOverlay : _ref$zIndex,
     width = _ref.width,
+    referenceRef = _ref.referenceRef,
     _ref$defaultPlacement = _ref.defaultPlacement,
     defaultPlacement = _ref$defaultPlacement === void 0 ? 'bottom-start' : _ref$defaultPlacement;
   var _useDropdown = useDropdown(),
@@ -49,7 +50,7 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();
-  var isMenu = dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput && dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete;
+  var isMenu = dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput && dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete && referenceRef == undefined;
   var _useFloating = useFloating({
       open: isOpen,
       onOpenChange: setIsOpen,
@@ -59,16 +60,16 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
         // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed
         // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed
         // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920
-        reference: (_triggererWrapperRef$ = triggererWrapperRef.current) !== null && _triggererWrapperRef$ !== void 0 ? _triggererWrapperRef$ : triggererRef.current
+        reference: (_ref2 = (_referenceRef$current = referenceRef === null || referenceRef === void 0 ? void 0 : referenceRef.current) !== null && _referenceRef$current !== void 0 ? _referenceRef$current : triggererWrapperRef.current) !== null && _ref2 !== void 0 ? _ref2 : triggererRef.current
       },
       middleware: [offset({
         mainAxis: OVERLAY_OFFSET
       }), flip({
         padding: OVERLAY_OFFSET + OVERLAY_PADDING
       }), size$1({
-        apply: function apply(_ref2) {
-          var rects = _ref2.rects,
-            elements = _ref2.elements;
+        apply: function apply(_ref3) {
+          var rects = _ref3.rects,
+            elements = _ref3.elements;
           Object.assign(elements.floating.style, {
             // in menu, we have flexible width between min and max
             // in input triggers, we just take width of trigger

package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useTheme } from '~components/BladeProvider';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst OVERLAY_OFFSET: number = size['8'];\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  defaultPlacement = 'bottom-start',\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: triggererWrapperRef.current ?? triggererRef.current,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: isMenu ? undefined : makeSize(rects.reference.width),\n            minWidth: isMenu ? makeSize(size['240']) : undefined,\n            maxWidth: isMenu ? makeSize(size['400']) : undefined,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(size['8'])})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={refs.setFloating as any}\n      style={floatingStyles}\n      zIndex={zIndex}\n      display={isMounted ? 'flex' : 'none'}\n    >\n      <StyledDropdownOverlay\n        isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n        elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n        style={{ ...styles }}\n        width={width ? width : '100%'}\n        {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n      >\n        {children}\n      </StyledDropdownOverlay>\n    </BaseBox>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_OFFSET","size","OVERLAY_PADDING","_DropdownOverlay","_ref","_triggererWrapperRef$","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","_ref$defaultPlacement","defaultPlacement","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","AutoComplete","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","flip","padding","sizeMiddleware","apply","_ref2","rects","Object","assign","floating","style","undefined","makeSize","minWidth","maxWidth","whileElementsMounted","autoUpdate","refs","floatingStyles","context","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","BaseBox","ref","setFloating","display","StyledDropdownOverlay","_objectSpread","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useTheme } from '~components/BladeProvider';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst OVERLAY_OFFSET: number = size['8'];\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  referenceRef,\n  defaultPlacement = 'bottom-start',\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n    referenceRef == undefined;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: (referenceRef?.current ??\n        triggererWrapperRef.current ??\n        triggererRef.current) as Element,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: isMenu ? undefined : makeSize(rects.reference.width),\n            minWidth: isMenu ? makeSize(size['240']) : undefined,\n            maxWidth: isMenu ? makeSize(size['400']) : undefined,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(size['8'])})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={refs.setFloating as any}\n      style={floatingStyles}\n      zIndex={zIndex}\n      display={isMounted ? 'flex' : 'none'}\n    >\n      <StyledDropdownOverlay\n        isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n        elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n        style={{ ...styles }}\n        width={width ? width : '100%'}\n        {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n      >\n        {children}\n      </StyledDropdownOverlay>\n    </BaseBox>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_OFFSET","size","OVERLAY_PADDING","_DropdownOverlay","_ref","_ref2","_referenceRef$current","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","referenceRef","_ref$defaultPlacement","defaultPlacement","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","AutoComplete","undefined","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","flip","padding","sizeMiddleware","apply","_ref3","rects","Object","assign","floating","style","makeSize","minWidth","maxWidth","whileElementsMounted","autoUpdate","refs","floatingStyles","context","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","BaseBox","ref","setFloating","display","StyledDropdownOverlay","_objectSpread","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAMA,cAAsB,GAAGC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxC,IAAMC,eAAuB,GAAGD,IAAI,CAAC,IAAI,CAAC,CAAC;;AAE3C;AACA;AACA;AACA;AACA;AACA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAOiC;EAAA,IAAAC,KAAA,EAAAC,qBAAA,CAAA;AAAA,EAAA,IANrDC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,WAAA,GAAAL,IAAA,CACNM,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGE,iBAAiB,CAACC,eAAe,GAAAH,WAAA;IAC1CI,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IAAAC,qBAAA,GAAAX,IAAA,CACZY,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,cAAc,GAAAA,qBAAA,CAAA;AAEjC,EAAA,IAAAE,YAAA,GAAoFC,WAAW,EAAE;IAAzFC,MAAM,GAAAF,YAAA,CAANE,MAAM;IAAEC,YAAY,GAAAH,YAAA,CAAZG,YAAY;IAAEC,mBAAmB,GAAAJ,YAAA,CAAnBI,mBAAmB;IAAEC,iBAAiB,GAAAL,YAAA,CAAjBK,iBAAiB;IAAEC,SAAS,GAAAN,YAAA,CAATM,SAAS,CAAA;AAC/E,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,0BAA0B,GAAGC,6BAA6B,EAAE,CAAA;EAElE,IAAMC,MAAM,GACVP,iBAAiB,KAAKQ,oBAAoB,CAACC,QAAQ,CAACC,WAAW,IAC/DV,iBAAiB,KAAKQ,oBAAoB,CAACC,QAAQ,CAACE,YAAY,IAChEnB,YAAY,IAAIoB,SAAS,CAAA;EAE3B,IAAAC,YAAA,GAA0CC,WAAW,CAAC;AACpDC,MAAAA,IAAI,EAAElB,MAAM;AACZmB,MAAAA,YAAY,EAAEf,SAAS;AACvBgB,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,SAAS,EAAExB,gBAAgB;AAC3ByB,MAAAA,QAAQ,EAAE;AACR;AACA;AACA;QACAC,SAAS,EAAA,CAAArC,KAAA,GAAA,CAAAC,qBAAA,GAAGQ,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAE6B,OAAO,MAAA,IAAA,IAAArC,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAC/Be,mBAAmB,CAACsB,OAAO,MAAAtC,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAC3Be,YAAY,CAACuB,OAAAA;OAChB;MACDC,UAAU,EAAE,CACVC,MAAM,CAAC;AACLC,QAAAA,QAAQ,EAAE9C,cAAAA;OACX,CAAC,EACF+C,IAAI,CAAC;QACHC,OAAO,EAAEhD,cAAc,GAAGE,eAAAA;OAC3B,CAAC,EACF+C,MAAc,CAAC;QACbC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEX,QAAQ,GAAAU,KAAA,CAARV,QAAQ,CAAA;UACrBY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACc,QAAQ,CAACC,KAAK,EAAE;AACrC;AACA;AACA3C,YAAAA,KAAK,EAAEgB,MAAM,GAAGK,SAAS,GAAGuB,QAAQ,CAACL,KAAK,CAACV,SAAS,CAAC7B,KAAK,CAAC;YAC3D6C,QAAQ,EAAE7B,MAAM,GAAG4B,QAAQ,CAACxD,IAAI,CAAC,KAAK,CAAC,CAAC,GAAGiC,SAAS;YACpDyB,QAAQ,EAAE9B,MAAM,GAAG4B,QAAQ,CAACxD,IAAI,CAAC,KAAK,CAAC,CAAC,GAAGiC,SAAAA;AAC7C,WAAC,CAAC,CAAA;AACJ,SAAA;AACF,OAAC,CAAC,CACH;AACD0B,MAAAA,oBAAoB,EAAEC,UAAAA;AACxB,KAAC,CAAC;IAjCMC,IAAI,GAAA3B,YAAA,CAAJ2B,IAAI;IAAEC,cAAc,GAAA5B,YAAA,CAAd4B,cAAc;IAAEC,OAAO,GAAA7B,YAAA,CAAP6B,OAAO,CAAA;AAmCrC,EAAA,IAAAC,oBAAA,GAA8BC,mBAAmB,CAACF,OAAO,EAAE;AACzDG,MAAAA,QAAQ,EAAEzC,KAAK,CAAC0C,MAAM,CAACD,QAAQ,CAACE,KAAK;MACrCC,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAO;UACdC,SAAS,EAAA,cAAA,CAAAC,MAAA,CAAiBf,QAAQ,CAACxD,IAAI,CAAC,GAAG,CAAC,CAAC,EAAG,GAAA,CAAA;AAChDwE,UAAAA,OAAO,EAAE,CAAA;SACV,CAAA;AAAA,OAAA;AACH,KAAC,CAAC;IANMC,SAAS,GAAAT,oBAAA,CAATS,SAAS;IAAEC,MAAM,GAAAV,oBAAA,CAANU,MAAM,CAAA;EAQzBC,cAAK,CAACC,SAAS,CAAC,YAAM;AACpB,IAAA,IAAI1D,MAAM,EAAE;AAAA,MAAA,IAAA2D,qBAAA,CAAA;AACV;AACA,MAAA,CAAAA,qBAAA,GAAA1D,YAAY,CAACuB,OAAO,MAAA,IAAA,IAAAmC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,qBAAA,CAAsBC,KAAK,EAAE,CAAA;AAC/B,KAAA;AACA;AACF,GAAC,EAAE,CAAC5D,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,oBACE6D,GAAA,CAACC,OAAAA;AACC;AAAA,IAAA;IACAC,GAAG,EAAEpB,IAAI,CAACqB,WAAmB;AAC7B3B,IAAAA,KAAK,EAAEO,cAAe;AACtBrD,IAAAA,MAAM,EAAEA,MAAO;AACf0E,IAAAA,OAAO,EAAEV,SAAS,GAAG,MAAM,GAAG,MAAO;AAAAnE,IAAAA,QAAA,eAErCyE,GAAA,CAACK,qBAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACpBC,MAAAA,eAAe,EAAE5D,0BAA0B,KAAA,IAAA,IAA1BA,0BAA0B,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,0BAA0B,CAAE6D,sBAAuB;MACpEC,SAAS,EAAE9D,0BAA0B,KAAA,IAAA,IAA1BA,0BAA0B,KAAA,KAAA,CAAA,IAA1BA,0BAA0B,CAAE6D,sBAAsB,GAAGtD,SAAS,GAAG,WAAY;AACxFsB,MAAAA,KAAK,EAAA8B,aAAA,CAAOX,EAAAA,EAAAA,MAAM,CAAG;AACrB9D,MAAAA,KAAK,EAAEA,KAAK,GAAGA,KAAK,GAAG,MAAA;AAAO,KAAA,EAC1B6E,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACC,eAAe;AAAErF,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAEjEA,QAAAA;KACoB,CAAA,CAAA;AAAC,GACjB,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMsF,eAAe,gBAAGC,wBAAwB,CAAC3F,gBAAgB,EAAE;EACjE4F,WAAW,EAAEjE,oBAAoB,CAAC+D,eAAAA;AACpC,CAAC;;;;"}

package/build/lib/web/development/components/Dropdown/dropdownComponentIds.js

@@ -1,6 +1,7 @@
 var dropdownComponentIds = {
   DropdownOverlay: 'DropdownOverlay',
   Dropdown: 'Dropdown',
+  BaseBox: 'BaseBox',
   triggers: {
     SelectInput: 'SelectInput',
     DropdownButton: 'DropdownButton',

package/build/lib/web/development/components/Dropdown/dropdownComponentIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownComponentIds.js","sources":["../../../../../../src/components/Dropdown/dropdownComponentIds.ts"],"sourcesContent":["export const dropdownComponentIds = {\n  DropdownOverlay: 'DropdownOverlay',\n  Dropdown: 'Dropdown',\n  triggers: {\n    SelectInput: 'SelectInput',\n    DropdownButton: 'DropdownButton',\n    DropdownLink: 'DropdownLink',\n    AutoComplete: 'AutoComplete',\n  },\n};\n"],"names":["dropdownComponentIds","DropdownOverlay","Dropdown","triggers","SelectInput","DropdownButton","DropdownLink","AutoComplete"],"mappings":"AAAO,IAAMA,oBAAoB,GAAG;AAClCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,cAAc,EAAE,gBAAgB;AAChCC,IAAAA,YAAY,EAAE,cAAc;AAC5BC,IAAAA,YAAY,EAAE,cAAA;AAChB,GAAA;AACF;;;;"}
+{"version":3,"file":"dropdownComponentIds.js","sources":["../../../../../../src/components/Dropdown/dropdownComponentIds.ts"],"sourcesContent":["export const dropdownComponentIds = {\n  DropdownOverlay: 'DropdownOverlay',\n  Dropdown: 'Dropdown',\n  BaseBox: 'BaseBox',\n  triggers: {\n    SelectInput: 'SelectInput',\n    DropdownButton: 'DropdownButton',\n    DropdownLink: 'DropdownLink',\n    AutoComplete: 'AutoComplete',\n  },\n};\n"],"names":["dropdownComponentIds","DropdownOverlay","Dropdown","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","AutoComplete"],"mappings":"AAAO,IAAMA,oBAAoB,GAAG;AAClCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,cAAc,EAAE,gBAAgB;AAChCC,IAAAA,YAAY,EAAE,cAAc;AAC5BC,IAAAA,YAAY,EAAE,cAAA;AAChB,GAAA;AACF;;;;"}

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

@@ -21,6 +21,7 @@ import '../../utils/index.js';
 import '../Typography/index.js';
 import { getHintType } from '../Input/BaseInput/BaseInput.js';
 import '../../utils/makeAccessible/index.js';
+import { formHintLeftLabelMarginLeft } from '../Input/BaseInput/baseInputTokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
@@ -36,7 +37,7 @@ import { Text } from '../Typography/Text/Text.js';
 import { FormHint } from '../Form/FormHint.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["name", "accept", "uploadType", "onChange", "onPreview", "onRemove", "onDismiss", "onDrop", "isDisabled", "isRequired", "necessityIndicator", "fileList", "testID", "label", "labelPosition", "accessibilityLabel", "validationState", "helpText", "errorText", "maxCount", "maxSize"];
+var _excluded = ["name", "accept", "uploadType", "onChange", "onPreview", "onRemove", "onDismiss", "onDrop", "isDisabled", "isRequired", "necessityIndicator", "fileList", "testID", "label", "labelPosition", "accessibilityLabel", "validationState", "helpText", "errorText", "maxCount", "maxSize", "size"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
@@ -66,6 +67,8 @@ var _FileUpload = function _FileUpload(_ref, ref) {
     errorText = _ref.errorText,
     maxCount = _ref.maxCount,
     maxSize = _ref.maxSize,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     platform = _useTheme.platform;
@@ -210,6 +213,7 @@ var _FileUpload = function _FileUpload(_ref, ref) {
       position: "relative",
       width: "100%",
       children: [label ? /*#__PURE__*/jsx(FormLabel, {
+        size: size,
         as: "span",
         necessityIndicator: necessityIndicator,
         position: labelPosition,
@@ -220,7 +224,8 @@ var _FileUpload = function _FileUpload(_ref, ref) {
         componentName: MetaConstants.FileUploadLabel,
         inputProps: {},
         style: {
-          cursor: isDisabled ? 'not-allowed' : 'pointer'
+          cursor: isDisabled ? 'not-allowed' : 'pointer',
+          width: '100%'
         },
         children: /*#__PURE__*/jsx(BaseBox, {
           display: "flex",
@@ -228,6 +233,7 @@ var _FileUpload = function _FileUpload(_ref, ref) {
           width: "100%",
           marginBottom: willRenderHintText ? 'spacing.0' : 'spacing.5',
           children: /*#__PURE__*/jsx(StyledFileUploadWrapper, {
+            size: size,
             isDisabled: isDisabled,
             isActive: isActive,
             display: "flex",
@@ -301,6 +307,7 @@ var _FileUpload = function _FileUpload(_ref, ref) {
         })
       }), isOneFileSelectedWithSingleUpload && /*#__PURE__*/jsx(FileUploadItem, {
         file: selectedFiles[0],
+        size: size,
         onRemove: function onRemove() {
           var newFiles = selectedFiles.filter(function (_ref2) {
             var id = _ref2.id;
@@ -324,13 +331,14 @@ var _FileUpload = function _FileUpload(_ref, ref) {
         onPreview: onPreview
       })]
     }), willRenderHintText && /*#__PURE__*/jsx(BaseBox, {
-      marginLeft: makeSize(label && isLabelLeftPositioned ? 136 : 0),
+      marginLeft: makeSize(label && isLabelLeftPositioned ? formHintLeftLabelMarginLeft[size] : 0),
       marginBottom: "spacing.5",
       children: /*#__PURE__*/jsx(BaseBox, {
         display: "flex",
         flexDirection: "row",
         justifyContent: "'space-between",
         children: /*#__PURE__*/jsx(FormHint, {
+          size: size,
           type: getHintType({
             validationState: showError ? 'error' : validationState,
             hasHelpText: Boolean(helpText)
@@ -343,10 +351,11 @@ var _FileUpload = function _FileUpload(_ref, ref) {
       })
     }), !isOneFileSelectedWithSingleUpload && selectedFiles.map(function (file) {
       return /*#__PURE__*/jsx(BaseBox, {
-        marginLeft: makeSize(label && isLabelLeftPositioned ? 136 : 0),
+        marginLeft: makeSize(label && isLabelLeftPositioned ? formHintLeftLabelMarginLeft[size] : 0),
         marginBottom: "spacing.3",
         children: /*#__PURE__*/jsx(FileUploadItem, {
           file: file,
+          size: size,
           onRemove: function onRemove() {
             var newFiles = selectedFiles.filter(function (_ref4) {
               var id = _ref4.id;