@razorpay/blade 12.49.4 → 12.49.6

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

@@ -47,7 +47,7 @@ var renderElement = function renderElement(element, size) {
   if (!element) return null;
 
   // Check if it's already a JSX element (React element)
-  if ( /*#__PURE__*/React__default.isValidElement(element)) {
+  if (/*#__PURE__*/React__default.isValidElement(element)) {
     return element;
   }
 
@@ -72,7 +72,7 @@ var TitleCollection = function TitleCollection(_ref) {
     size = _useInfoGroup.size;
   var _useInfoItem = useInfoItem(),
     setHasAvatar = _useInfoItem.setHasAvatar;
-  var isAvatar = getComponentId( /*#__PURE__*/React__default.isValidElement(leading) ? leading : undefined) === 'Avatar';
+  var isAvatar = getComponentId(/*#__PURE__*/React__default.isValidElement(leading) ? leading : undefined) === 'Avatar';
 
   // Set hasAvatar context when an avatar is detected
   useIsomorphicLayoutEffect(function () {
@@ -179,7 +179,7 @@ var _InfoItemKey = function _InfoItemKey(_ref2, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoItemKey = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoItemKey), {
+var InfoItemKey = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoItemKey), {
   displayName: 'InfoItemKey',
   componentId: 'InfoItemKey'
 });
@@ -243,7 +243,7 @@ var _InfoItemValue = function _InfoItemValue(_ref3, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoItemValue = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoItemValue), {
+var InfoItemValue = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoItemValue), {
   displayName: 'InfoItemValue',
   componentId: 'InfoItemValue'
 });
@@ -343,7 +343,7 @@ var _InfoItem = function _InfoItem(_ref6, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoItem = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoItem), {
+var InfoItem = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoItem), {
   displayName: 'InfoItem',
   componentId: 'InfoItem'
 });
@@ -439,7 +439,7 @@ var _InfoGroup = function _InfoGroup(_ref7, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoGroup = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoGroup), {
+var InfoGroup = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoGroup), {
   displayName: 'InfoGroup',
   componentId: 'InfoGroup'
 });

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

@@ -1 +1 @@
-{"version":3,"file":"InfoGroup.web.js","sources":["../../../../../../src/components/InfoGroup/InfoGroup.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type {\n  InfoGroupProps,\n  InfoItemProps,\n  InfoItemKeyProps,\n  InfoItemValueProps,\n  TitleCollectionProps,\n} from './types';\nimport {\n  elementGap,\n  titleTextSize,\n  helpTextSize,\n  iconSize,\n  itemTitleHeight,\n  avatarAdjustmentPaddingY,\n} from './infoGroupTokens';\nimport { InfoGroupContext, useInfoGroup, InfoItemContext, useInfoItem } from './InfoGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport type { BoxProps } from '~components/Box';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst getCenterBoxProps = (\n  size: NonNullable<InfoGroupProps['size']>,\n  strictHeight = false,\n): BoxProps => {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    ...(strictHeight\n      ? { height: makeSize(itemTitleHeight[size]) }\n      : {\n          minHeight: makeSize(itemTitleHeight[size]),\n        }),\n  };\n};\n\n// Helper function to render leading/trailing elements (icons or JSX)\nconst renderElement = (\n  element: IconComponent | React.ReactElement | undefined,\n  size: NonNullable<InfoGroupProps['size']>,\n): React.ReactNode => {\n  if (!element) return null;\n\n  // Check if it's already a JSX element (React element)\n  if (React.isValidElement(element)) {\n    return element;\n  }\n\n  // Otherwise, it's a component function - render it with size prop\n  const IconComponent = element as IconComponent;\n  return <IconComponent size={iconSize[size]} color=\"surface.icon.gray.muted\" />;\n};\n\nconst TitleCollection = ({\n  children,\n  leading,\n  trailing,\n  helpText,\n  titleWeight,\n  titleColor,\n  paddingLeft,\n  paddingRight,\n  truncateAfterLines,\n}: TitleCollectionProps): React.ReactElement => {\n  const { size } = useInfoGroup();\n  const { setHasAvatar } = useInfoItem();\n\n  const isAvatar = getComponentId(React.isValidElement(leading) ? leading : undefined) === 'Avatar';\n\n  // Set hasAvatar context when an avatar is detected\n  useIsomorphicLayoutEffect(() => {\n    if (isAvatar) {\n      setHasAvatar(true);\n    }\n  }, [isAvatar, setHasAvatar]);\n\n  const { containerRef, textRef } = useTruncationTitle({\n    content: typeof children === 'string' ? children : undefined,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"flex-start\"\n      gap={elementGap[size]}\n      paddingLeft={paddingLeft}\n      paddingRight={paddingRight}\n    >\n      {leading && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(leading, size)}</BaseBox>\n      )}\n      <BaseBox display=\"flex\" flexDirection=\"column\" flex=\"1\">\n        <BaseBox ref={containerRef} {...getCenterBoxProps(size)}>\n          {typeof children === 'string' ? (\n            <Text\n              ref={textRef}\n              variant=\"body\"\n              size={titleTextSize[size]}\n              weight={titleWeight}\n              color={titleColor}\n              truncateAfterLines={truncateAfterLines}\n            >\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </BaseBox>\n\n        {helpText && (\n          <Text\n            variant=\"body\"\n            size={helpTextSize[size]}\n            weight=\"regular\"\n            color=\"surface.text.gray.muted\"\n          >\n            {helpText}\n          </Text>\n        )}\n      </BaseBox>\n      {trailing && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(trailing, size)}</BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst _InfoItemKey = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemKeyProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dt\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent=\"flex-start\"\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemKey, testID })}\n    >\n      {itemOrientation === 'horizontal' && isHighlighted ? (\n        <Divider orientation=\"vertical\" />\n      ) : null}\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"medium\"\n        titleColor=\"surface.text.gray.muted\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted ? 'spacing.4' : 'spacing.0'}\n        paddingRight=\"spacing.0\"\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemKey\n *\n * Displays the key portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemKey = assignWithoutSideEffects(React.forwardRef(_InfoItemKey), {\n  displayName: 'InfoItemKey',\n  componentId: 'InfoItemKey',\n});\n\nconst _InfoItemValue = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemValueProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, valueAlign, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dd\"\n      margin=\"spacing.0\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent={valueAlign === 'right' ? 'flex-end' : 'flex-start'}\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemValue, testID })}\n    >\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"semibold\"\n        titleColor=\"surface.text.gray.subtle\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0'}\n        paddingRight={isHighlighted ? 'spacing.4' : 'spacing.0'}\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemValue\n *\n * Displays the value portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemValue helpText=\"Customer name\" trailing={CheckIcon}>\n *   Saurabh Daware\n * </InfoItemValue>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemValue = assignWithoutSideEffects(React.forwardRef(_InfoItemValue), {\n  displayName: 'InfoItemValue',\n  componentId: 'InfoItemValue',\n});\n\nconst ContentsItemBox = React.forwardRef<\n  BladeElementRef,\n  {\n    children: React.ReactNode;\n    testID?: string;\n  }\n>(\n  ({ children, testID }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"contents\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {children}\n      </BaseBox>\n    );\n  },\n);\n\nconst FlexItemBox = React.forwardRef<\n  BladeElementRef,\n  { children: React.ReactNode; testID?: string; isHighlighted?: boolean }\n>(\n  ({ children, testID, isHighlighted = false }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"flex\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {isHighlighted && <Divider orientation=\"vertical\" />}\n        <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n          {children}\n        </BaseBox>\n      </BaseBox>\n    );\n  },\n);\n\nconst _InfoItem = (\n  { children, testID, isHighlighted }: InfoItemProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, isHighlighted: contextIsHighlighted } = useInfoGroup();\n  const [hasAvatar, setHasAvatar] = React.useState(false);\n  const isVertical = itemOrientation === 'vertical';\n  const shouldHighlight = isHighlighted ?? contextIsHighlighted;\n\n  const infoItemContextValue = React.useMemo(\n    () => ({\n      hasAvatar,\n      setHasAvatar,\n      isHighlighted: shouldHighlight,\n    }),\n    [hasAvatar, shouldHighlight],\n  );\n\n  if (isVertical) {\n    return (\n      <InfoItemContext.Provider value={infoItemContextValue}>\n        <FlexItemBox ref={ref as never} testID={testID} isHighlighted={shouldHighlight}>\n          {children}\n        </FlexItemBox>\n      </InfoItemContext.Provider>\n    );\n  }\n\n  return (\n    <InfoItemContext.Provider value={infoItemContextValue}>\n      <ContentsItemBox ref={ref as never} testID={testID}>\n        {children}\n      </ContentsItemBox>\n    </InfoItemContext.Provider>\n  );\n};\n\n/**\n * InfoItem\n *\n * Container component that wraps InfoItemKey and InfoItemValue pairs.\n * Manages the layout and visual connection between key-value elements.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItem>\n *   <InfoItemKey>Account Holder</InfoItemKey>\n *   <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItem = assignWithoutSideEffects(React.forwardRef(_InfoItem), {\n  displayName: 'InfoItem',\n  componentId: 'InfoItem',\n});\n\n// InfoGroup Component\nconst _InfoGroup = (\n  {\n    children,\n    itemOrientation = 'horizontal',\n    size = 'medium',\n    valueAlign = 'left',\n    isHighlighted = false,\n    gridTemplateColumns,\n    width,\n    maxWidth,\n    minWidth,\n    testID,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    paddingBottom,\n    padding,\n    paddingX,\n    paddingY,\n    ...rest\n  }: InfoGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const contextValue = React.useMemo(\n    () => ({\n      size,\n      itemOrientation,\n      valueAlign,\n      isHighlighted,\n    }),\n    [size, itemOrientation, valueAlign, isHighlighted],\n  );\n\n  const defaultGridTemplateColumns =\n    itemOrientation === 'horizontal'\n      ? 'max-content 1fr'\n      : `repeat(min(4, ${React.Children.count(children)}), 1fr)`;\n\n  // Use provided gridTemplateColumns or default based on itemOrientation\n  const templateColumns = gridTemplateColumns ?? defaultGridTemplateColumns;\n\n  return (\n    <InfoGroupContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        as=\"dl\"\n        display=\"grid\"\n        gridTemplateColumns={templateColumns}\n        rowGap=\"spacing.4\"\n        columnGap={{ base: 'spacing.6', m: 'spacing.10' }}\n        flexDirection=\"column\"\n        margin=\"spacing.0\"\n        width={width}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        paddingLeft={paddingLeft}\n        paddingRight={paddingRight}\n        paddingTop={paddingTop}\n        paddingBottom={paddingBottom}\n        padding={padding}\n        paddingX={paddingX}\n        paddingY={paddingY}\n        {...metaAttribute({ name: MetaConstants.InfoGroup, testID })}\n        {...getStyledProps(rest)}\n      >\n        {children}\n      </BaseBox>\n    </InfoGroupContext.Provider>\n  );\n};\n\n/**\n * InfoGroup\n *\n * A structured component for displaying key-value pairs in a consistent, organized format.\n * Provides standardized presentation for transaction details, user data, or any related data pairs.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoGroup itemOrientation=\"horizontal\" size=\"medium\">\n *   <InfoItem>\n *     <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n *     <InfoItemValue>Saurabh Daware</InfoItemValue>\n *   </InfoItem>\n * </InfoGroup>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoGroup = assignWithoutSideEffects(React.forwardRef(_InfoGroup), {\n  displayName: 'InfoGroup',\n  componentId: 'InfoGroup',\n});\n\nexport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps };\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["getCenterBoxProps","size","strictHeight","arguments","length","undefined","_objectSpread","display","alignItems","justifyContent","height","makeSize","itemTitleHeight","minHeight","renderElement","element","React","isValidElement","IconComponent","_jsx","iconSize","color","TitleCollection","_ref","children","leading","trailing","helpText","titleWeight","titleColor","paddingLeft","paddingRight","truncateAfterLines","_useInfoGroup","useInfoGroup","_useInfoItem","useInfoItem","setHasAvatar","isAvatar","getComponentId","useIsomorphicLayoutEffect","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","BaseBox","gap","elementGap","flexDirection","flex","ref","Text","variant","titleTextSize","weight","helpTextSize","_InfoItemKey","_ref2","testID","_useInfoGroup2","itemOrientation","_useInfoItem2","hasAvatar","isHighlighted","as","alignSelf","paddingY","avatarAdjustmentPaddingY","metaAttribute","name","MetaConstants","InfoItemKey","Divider","orientation","assignWithoutSideEffects","forwardRef","displayName","componentId","_InfoItemValue","_ref3","_useInfoGroup3","valueAlign","_useInfoItem3","margin","InfoItemValue","ContentsItemBox","_ref4","InfoItem","FlexItemBox","_ref5","_ref5$isHighlighted","_InfoItem","_ref6","_useInfoGroup4","contextIsHighlighted","_React$useState","useState","_React$useState2","_slicedToArray","isVertical","shouldHighlight","infoItemContextValue","useMemo","InfoItemContext","Provider","value","_InfoGroup","_ref7","_ref7$itemOrientation","_ref7$size","_ref7$valueAlign","_ref7$isHighlighted","gridTemplateColumns","width","maxWidth","minWidth","paddingTop","paddingBottom","padding","paddingX","rest","_objectWithoutProperties","_excluded","contextValue","defaultGridTemplateColumns","concat","Children","count","templateColumns","InfoGroupContext","rowGap","columnGap","base","m","InfoGroup","getStyledProps"],"mappings":"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"}
+{"version":3,"file":"InfoGroup.web.js","sources":["../../../../../../src/components/InfoGroup/InfoGroup.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type {\n  InfoGroupProps,\n  InfoItemProps,\n  InfoItemKeyProps,\n  InfoItemValueProps,\n  TitleCollectionProps,\n} from './types';\nimport {\n  elementGap,\n  titleTextSize,\n  helpTextSize,\n  iconSize,\n  itemTitleHeight,\n  avatarAdjustmentPaddingY,\n} from './infoGroupTokens';\nimport { InfoGroupContext, useInfoGroup, InfoItemContext, useInfoItem } from './InfoGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport type { BoxProps } from '~components/Box';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst getCenterBoxProps = (\n  size: NonNullable<InfoGroupProps['size']>,\n  strictHeight = false,\n): BoxProps => {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    ...(strictHeight\n      ? { height: makeSize(itemTitleHeight[size]) }\n      : {\n          minHeight: makeSize(itemTitleHeight[size]),\n        }),\n  };\n};\n\n// Helper function to render leading/trailing elements (icons or JSX)\nconst renderElement = (\n  element: IconComponent | React.ReactElement | undefined,\n  size: NonNullable<InfoGroupProps['size']>,\n): React.ReactNode => {\n  if (!element) return null;\n\n  // Check if it's already a JSX element (React element)\n  if (React.isValidElement(element)) {\n    return element;\n  }\n\n  // Otherwise, it's a component function - render it with size prop\n  const IconComponent = element as IconComponent;\n  return <IconComponent size={iconSize[size]} color=\"surface.icon.gray.muted\" />;\n};\n\nconst TitleCollection = ({\n  children,\n  leading,\n  trailing,\n  helpText,\n  titleWeight,\n  titleColor,\n  paddingLeft,\n  paddingRight,\n  truncateAfterLines,\n}: TitleCollectionProps): React.ReactElement => {\n  const { size } = useInfoGroup();\n  const { setHasAvatar } = useInfoItem();\n\n  const isAvatar = getComponentId(React.isValidElement(leading) ? leading : undefined) === 'Avatar';\n\n  // Set hasAvatar context when an avatar is detected\n  useIsomorphicLayoutEffect(() => {\n    if (isAvatar) {\n      setHasAvatar(true);\n    }\n  }, [isAvatar, setHasAvatar]);\n\n  const { containerRef, textRef } = useTruncationTitle({\n    content: typeof children === 'string' ? children : undefined,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"flex-start\"\n      gap={elementGap[size]}\n      paddingLeft={paddingLeft}\n      paddingRight={paddingRight}\n    >\n      {leading && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(leading, size)}</BaseBox>\n      )}\n      <BaseBox display=\"flex\" flexDirection=\"column\" flex=\"1\">\n        <BaseBox ref={containerRef} {...getCenterBoxProps(size)}>\n          {typeof children === 'string' ? (\n            <Text\n              ref={textRef}\n              variant=\"body\"\n              size={titleTextSize[size]}\n              weight={titleWeight}\n              color={titleColor}\n              truncateAfterLines={truncateAfterLines}\n            >\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </BaseBox>\n\n        {helpText && (\n          <Text\n            variant=\"body\"\n            size={helpTextSize[size]}\n            weight=\"regular\"\n            color=\"surface.text.gray.muted\"\n          >\n            {helpText}\n          </Text>\n        )}\n      </BaseBox>\n      {trailing && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(trailing, size)}</BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst _InfoItemKey = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemKeyProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dt\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent=\"flex-start\"\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemKey, testID })}\n    >\n      {itemOrientation === 'horizontal' && isHighlighted ? (\n        <Divider orientation=\"vertical\" />\n      ) : null}\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"medium\"\n        titleColor=\"surface.text.gray.muted\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted ? 'spacing.4' : 'spacing.0'}\n        paddingRight=\"spacing.0\"\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemKey\n *\n * Displays the key portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemKey = assignWithoutSideEffects(React.forwardRef(_InfoItemKey), {\n  displayName: 'InfoItemKey',\n  componentId: 'InfoItemKey',\n});\n\nconst _InfoItemValue = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemValueProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, valueAlign, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dd\"\n      margin=\"spacing.0\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent={valueAlign === 'right' ? 'flex-end' : 'flex-start'}\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemValue, testID })}\n    >\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"semibold\"\n        titleColor=\"surface.text.gray.subtle\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0'}\n        paddingRight={isHighlighted ? 'spacing.4' : 'spacing.0'}\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemValue\n *\n * Displays the value portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemValue helpText=\"Customer name\" trailing={CheckIcon}>\n *   Saurabh Daware\n * </InfoItemValue>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemValue = assignWithoutSideEffects(React.forwardRef(_InfoItemValue), {\n  displayName: 'InfoItemValue',\n  componentId: 'InfoItemValue',\n});\n\nconst ContentsItemBox = React.forwardRef<\n  BladeElementRef,\n  {\n    children: React.ReactNode;\n    testID?: string;\n  }\n>(\n  ({ children, testID }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"contents\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {children}\n      </BaseBox>\n    );\n  },\n);\n\nconst FlexItemBox = React.forwardRef<\n  BladeElementRef,\n  { children: React.ReactNode; testID?: string; isHighlighted?: boolean }\n>(\n  ({ children, testID, isHighlighted = false }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"flex\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {isHighlighted && <Divider orientation=\"vertical\" />}\n        <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n          {children}\n        </BaseBox>\n      </BaseBox>\n    );\n  },\n);\n\nconst _InfoItem = (\n  { children, testID, isHighlighted }: InfoItemProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, isHighlighted: contextIsHighlighted } = useInfoGroup();\n  const [hasAvatar, setHasAvatar] = React.useState(false);\n  const isVertical = itemOrientation === 'vertical';\n  const shouldHighlight = isHighlighted ?? contextIsHighlighted;\n\n  const infoItemContextValue = React.useMemo(\n    () => ({\n      hasAvatar,\n      setHasAvatar,\n      isHighlighted: shouldHighlight,\n    }),\n    [hasAvatar, shouldHighlight],\n  );\n\n  if (isVertical) {\n    return (\n      <InfoItemContext.Provider value={infoItemContextValue}>\n        <FlexItemBox ref={ref as never} testID={testID} isHighlighted={shouldHighlight}>\n          {children}\n        </FlexItemBox>\n      </InfoItemContext.Provider>\n    );\n  }\n\n  return (\n    <InfoItemContext.Provider value={infoItemContextValue}>\n      <ContentsItemBox ref={ref as never} testID={testID}>\n        {children}\n      </ContentsItemBox>\n    </InfoItemContext.Provider>\n  );\n};\n\n/**\n * InfoItem\n *\n * Container component that wraps InfoItemKey and InfoItemValue pairs.\n * Manages the layout and visual connection between key-value elements.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItem>\n *   <InfoItemKey>Account Holder</InfoItemKey>\n *   <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItem = assignWithoutSideEffects(React.forwardRef(_InfoItem), {\n  displayName: 'InfoItem',\n  componentId: 'InfoItem',\n});\n\n// InfoGroup Component\nconst _InfoGroup = (\n  {\n    children,\n    itemOrientation = 'horizontal',\n    size = 'medium',\n    valueAlign = 'left',\n    isHighlighted = false,\n    gridTemplateColumns,\n    width,\n    maxWidth,\n    minWidth,\n    testID,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    paddingBottom,\n    padding,\n    paddingX,\n    paddingY,\n    ...rest\n  }: InfoGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const contextValue = React.useMemo(\n    () => ({\n      size,\n      itemOrientation,\n      valueAlign,\n      isHighlighted,\n    }),\n    [size, itemOrientation, valueAlign, isHighlighted],\n  );\n\n  const defaultGridTemplateColumns =\n    itemOrientation === 'horizontal'\n      ? 'max-content 1fr'\n      : `repeat(min(4, ${React.Children.count(children)}), 1fr)`;\n\n  // Use provided gridTemplateColumns or default based on itemOrientation\n  const templateColumns = gridTemplateColumns ?? defaultGridTemplateColumns;\n\n  return (\n    <InfoGroupContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        as=\"dl\"\n        display=\"grid\"\n        gridTemplateColumns={templateColumns}\n        rowGap=\"spacing.4\"\n        columnGap={{ base: 'spacing.6', m: 'spacing.10' }}\n        flexDirection=\"column\"\n        margin=\"spacing.0\"\n        width={width}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        paddingLeft={paddingLeft}\n        paddingRight={paddingRight}\n        paddingTop={paddingTop}\n        paddingBottom={paddingBottom}\n        padding={padding}\n        paddingX={paddingX}\n        paddingY={paddingY}\n        {...metaAttribute({ name: MetaConstants.InfoGroup, testID })}\n        {...getStyledProps(rest)}\n      >\n        {children}\n      </BaseBox>\n    </InfoGroupContext.Provider>\n  );\n};\n\n/**\n * InfoGroup\n *\n * A structured component for displaying key-value pairs in a consistent, organized format.\n * Provides standardized presentation for transaction details, user data, or any related data pairs.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoGroup itemOrientation=\"horizontal\" size=\"medium\">\n *   <InfoItem>\n *     <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n *     <InfoItemValue>Saurabh Daware</InfoItemValue>\n *   </InfoItem>\n * </InfoGroup>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoGroup = assignWithoutSideEffects(React.forwardRef(_InfoGroup), {\n  displayName: 'InfoGroup',\n  componentId: 'InfoGroup',\n});\n\nexport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps };\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["getCenterBoxProps","size","strictHeight","arguments","length","undefined","_objectSpread","display","alignItems","justifyContent","height","makeSize","itemTitleHeight","minHeight","renderElement","element","React","isValidElement","IconComponent","_jsx","iconSize","color","TitleCollection","_ref","children","leading","trailing","helpText","titleWeight","titleColor","paddingLeft","paddingRight","truncateAfterLines","_useInfoGroup","useInfoGroup","_useInfoItem","useInfoItem","setHasAvatar","isAvatar","getComponentId","useIsomorphicLayoutEffect","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","BaseBox","gap","elementGap","flexDirection","flex","ref","Text","variant","titleTextSize","weight","helpTextSize","_InfoItemKey","_ref2","testID","_useInfoGroup2","itemOrientation","_useInfoItem2","hasAvatar","isHighlighted","as","alignSelf","paddingY","avatarAdjustmentPaddingY","metaAttribute","name","MetaConstants","InfoItemKey","Divider","orientation","assignWithoutSideEffects","forwardRef","displayName","componentId","_InfoItemValue","_ref3","_useInfoGroup3","valueAlign","_useInfoItem3","margin","InfoItemValue","ContentsItemBox","_ref4","InfoItem","FlexItemBox","_ref5","_ref5$isHighlighted","_InfoItem","_ref6","_useInfoGroup4","contextIsHighlighted","_React$useState","useState","_React$useState2","_slicedToArray","isVertical","shouldHighlight","infoItemContextValue","useMemo","InfoItemContext","Provider","value","_InfoGroup","_ref7","_ref7$itemOrientation","_ref7$size","_ref7$valueAlign","_ref7$isHighlighted","gridTemplateColumns","width","maxWidth","minWidth","paddingTop","paddingBottom","padding","paddingX","rest","_objectWithoutProperties","_excluded","contextValue","defaultGridTemplateColumns","concat","Children","count","templateColumns","InfoGroupContext","rowGap","columnGap","base","m","InfoGroup","getStyledProps"],"mappings":"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"}

package/build/lib/web/production/components/InfoGroup/InfoGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoGroupContext.js","sources":["../../../../../../src/components/InfoGroup/InfoGroupContext.ts"],"sourcesContent":["import React from 'react';\nimport type { InfoGroupProps } from './types';\n\ntype InfoGroupContextType = {\n  size: NonNullable<InfoGroupProps['size']>;\n  itemOrientation: NonNullable<InfoGroupProps['itemOrientation']>;\n  valueAlign: NonNullable<InfoGroupProps['valueAlign']>;\n  isHighlighted: NonNullable<InfoGroupProps['isHighlighted']>;\n};\n\ntype InfoItemContextType = {\n  hasAvatar: boolean;\n  setHasAvatar: (hasAvatar: boolean) => void;\n  isHighlighted: boolean;\n};\n\nconst InfoGroupContext = React.createContext<InfoGroupContextType>({\n  size: 'medium',\n  itemOrientation: 'horizontal',\n  valueAlign: 'left',\n  isHighlighted: false,\n});\n\nconst InfoItemContext = React.createContext<InfoItemContextType>({\n  hasAvatar: false,\n  setHasAvatar: () => {\n    // no-op default implementation\n  },\n  isHighlighted: false,\n});\n\n// Add hooks to use the context\nconst useInfoGroup = (): InfoGroupContextType => React.useContext(InfoGroupContext);\nconst useInfoItem = (): InfoItemContextType => React.useContext(InfoItemContext);\n\nexport { InfoGroupContext, InfoItemContext, useInfoGroup, useInfoItem };\n"],"names":["InfoGroupContext","React","createContext","size","itemOrientation","valueAlign","isHighlighted","InfoItemContext","hasAvatar","setHasAvatar","useInfoGroup","useContext","useInfoItem"],"mappings":";;AAgBA,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAuB;AACjEC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,eAAe,EAAE,YAAY;AAC7BC,EAAAA,UAAU,EAAE,MAAM;AAClBC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;AAEF,IAAMC,eAAe,gBAAGN,cAAK,CAACC,aAAa,CAAsB;AAC/DM,EAAAA,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAE,SAAAA,YAAAA,GAAM;AAClB;GACD;AACDH,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;;AAEF;AACA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,GAAA;AAAA,EAAA,OAA+BT,cAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC,CAAA;AAAA,EAAA;AACnF,IAAMY,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,OAA8BX,cAAK,CAACU,UAAU,CAACJ,eAAe,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"InfoGroupContext.js","sources":["../../../../../../src/components/InfoGroup/InfoGroupContext.ts"],"sourcesContent":["import React from 'react';\nimport type { InfoGroupProps } from './types';\n\ntype InfoGroupContextType = {\n  size: NonNullable<InfoGroupProps['size']>;\n  itemOrientation: NonNullable<InfoGroupProps['itemOrientation']>;\n  valueAlign: NonNullable<InfoGroupProps['valueAlign']>;\n  isHighlighted: NonNullable<InfoGroupProps['isHighlighted']>;\n};\n\ntype InfoItemContextType = {\n  hasAvatar: boolean;\n  setHasAvatar: (hasAvatar: boolean) => void;\n  isHighlighted: boolean;\n};\n\nconst InfoGroupContext = React.createContext<InfoGroupContextType>({\n  size: 'medium',\n  itemOrientation: 'horizontal',\n  valueAlign: 'left',\n  isHighlighted: false,\n});\n\nconst InfoItemContext = React.createContext<InfoItemContextType>({\n  hasAvatar: false,\n  setHasAvatar: () => {\n    // no-op default implementation\n  },\n  isHighlighted: false,\n});\n\n// Add hooks to use the context\nconst useInfoGroup = (): InfoGroupContextType => React.useContext(InfoGroupContext);\nconst useInfoItem = (): InfoItemContextType => React.useContext(InfoItemContext);\n\nexport { InfoGroupContext, InfoItemContext, useInfoGroup, useInfoItem };\n"],"names":["InfoGroupContext","React","createContext","size","itemOrientation","valueAlign","isHighlighted","InfoItemContext","hasAvatar","setHasAvatar","useInfoGroup","useContext","useInfoItem"],"mappings":";;AAgBA,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAuB;AACjEC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,eAAe,EAAE,YAAY;AAC7BC,EAAAA,UAAU,EAAE,MAAM;AAClBC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;AAEF,IAAMC,eAAe,gBAAGN,cAAK,CAACC,aAAa,CAAsB;AAC/DM,EAAAA,SAAS,EAAE,KAAK;AAChBC,EAAAA,YAAY,EAAE,SAAdA,YAAYA,GAAQ;AAClB;GACD;AACDH,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;;AAEF;AACA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,GAAA;AAAA,EAAA,OAA+BT,cAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC,CAAA;AAAA,EAAA;AACnF,IAAMY,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,OAA8BX,cAAK,CAACU,UAAU,CAACJ,eAAe,CAAC,CAAA;AAAA;;;;"}

package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js

@@ -95,7 +95,7 @@ var _AnimatedBaseInputWrapper = function _AnimatedBaseInputWrapper(_ref, ref) {
     onAnimationEnd: function onAnimationEnd(e) {
       if (!showAllTags && e.animationName === collapseAnimation.getName()) {
         // Triggered for the collapse animation
-        setShowAllTagsWithAnimation === null || setShowAllTagsWithAnimation === void 0 ? void 0 : setShowAllTagsWithAnimation(false);
+        setShowAllTagsWithAnimation === null || setShowAllTagsWithAnimation === void 0 || setShowAllTagsWithAnimation(false);
       }
     },
     isTableInputCell: rest.isTableInputCell,

package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedBaseInputWrapper.web.js","sources":["../../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n  getAnimatedBaseInputWrapperMaxHeight,\n  getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport { baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { motion } from '~tokens/global';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseInputWrapper = styled(BaseBox)<\n  Pick<\n    BaseInputWrapperProps,\n    | 'currentInteraction'\n    | 'isDisabled'\n    | 'validationState'\n    | 'isTextArea'\n    | 'isDropdownTrigger'\n    | 'maxTagRows'\n    | 'isTableInputCell'\n  >\n>((props) => ({\n  ...getInputBackgroundAndBorderStyles({\n    theme: props.theme,\n    isFocused: props.currentInteraction === 'focus',\n    isDisabled: props.isDisabled,\n    validationState: props.validationState,\n    isTextArea: props.isTextArea,\n    isDropdownTrigger: props.isDropdownTrigger,\n    isTableInputCell: props.isTableInputCell,\n  }),\n  '&:hover': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isHovered: true,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n      isTextArea: props.isTextArea,\n      isTableInputCell: props.isTableInputCell,\n    }),\n    transitionProperty: 'background-color',\n    transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),\n    transitionTimingFunction: castWebType(props.theme.motion.easing.standard),\n  },\n  ':focus-within': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n      isTextArea: props.isTextArea,\n      isTableInputCell: props.isTableInputCell,\n    }),\n  },\n}));\n\n// Styled component with animation\nconst StyledAnimatedBaseInputWrapper = styled(StyledBaseInputWrapper)<{\n  transition?: FlattenSimpleInterpolation;\n  maxTagRows: BaseInputWrapperProps['maxTagRows'];\n  showAllTags: BaseInputWrapperProps['showAllTags'];\n  isDropdownTrigger: BaseInputWrapperProps['isDropdownTrigger'];\n  size: NonNullable<BaseInputWrapperProps['size']>;\n}>((props) =>\n  props.isDropdownTrigger && !props.isTableInputCell\n    ? css`\n        ${props.transition};\n        max-height: ${makeSize(\n          getAnimatedBaseInputWrapperMaxHeight({\n            maxTagRows: props.maxTagRows,\n            showAllTags: props.showAllTags,\n            size: props.size,\n          }),\n        )};\n      `\n    : undefined,\n);\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  BaseInputWrapperProps & {\n    showAllTags?: boolean;\n  }\n> = (\n  { showAllTags, setShowAllTagsWithAnimation, maxTagRows, isDropdownTrigger, ...rest },\n  ref,\n): React.ReactElement => {\n  // Define the animation keyframes\n  const expandAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\n`;\n\n  const collapseAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\n`;\n\n  const expandTransition = css`\n    animation: ${expandAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.entrance)};\n  `;\n\n  const collapseTransition = css`\n    animation: ${collapseAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.exit)};\n  `;\n\n  const noTransition = css`\n    animation: none;\n  `;\n  return (\n    <StyledAnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...rest}\n      transition={\n        maxTagRows !== 'expandable'\n          ? noTransition\n          : showAllTags\n          ? expandTransition\n          : collapseTransition\n      }\n      height={\n        rest.isTextArea && isDropdownTrigger\n          ? makeSpace((rest.numberOfLines ?? 0) * baseInputHeight[rest.size])\n          : undefined\n      }\n      cursor={rest.isTextArea && isDropdownTrigger ? 'text' : undefined}\n      isDropdownTrigger={isDropdownTrigger}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      onAnimationEnd={(e) => {\n        if (!showAllTags && e.animationName === collapseAnimation.getName()) {\n          // Triggered for the collapse animation\n          setShowAllTagsWithAnimation?.(false);\n        }\n      }}\n      isTableInputCell={rest.isTableInputCell}\n      className=\"__blade-base-input-wrapper\"\n    />\n  );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isTableInputCell","isHovered","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","StyledAnimatedBaseInputWrapper","css","transition","makeSize","getAnimatedBaseInputWrapperMaxHeight","maxTagRows","showAllTags","size","undefined","_AnimatedBaseInputWrapper","_ref","ref","_rest$numberOfLines","setShowAllTagsWithAnimation","rest","_objectWithoutProperties","_excluded","expandAnimation","keyframes","baseInputHeight","baseInputWrapperMaxHeight","collapseAnimation","expandTransition","quick","String","entrance","collapseTransition","exit","noTransition","_jsx","height","makeSpace","numberOfLines","cursor","onAnimationEnd","e","animationName","getName","className","AnimatedBaseInputWrapper","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"AnimatedBaseInputWrapper.web.js","sources":["../../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n  getAnimatedBaseInputWrapperMaxHeight,\n  getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport { baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { motion } from '~tokens/global';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseInputWrapper = styled(BaseBox)<\n  Pick<\n    BaseInputWrapperProps,\n    | 'currentInteraction'\n    | 'isDisabled'\n    | 'validationState'\n    | 'isTextArea'\n    | 'isDropdownTrigger'\n    | 'maxTagRows'\n    | 'isTableInputCell'\n  >\n>((props) => ({\n  ...getInputBackgroundAndBorderStyles({\n    theme: props.theme,\n    isFocused: props.currentInteraction === 'focus',\n    isDisabled: props.isDisabled,\n    validationState: props.validationState,\n    isTextArea: props.isTextArea,\n    isDropdownTrigger: props.isDropdownTrigger,\n    isTableInputCell: props.isTableInputCell,\n  }),\n  '&:hover': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isHovered: true,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n      isTextArea: props.isTextArea,\n      isTableInputCell: props.isTableInputCell,\n    }),\n    transitionProperty: 'background-color',\n    transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),\n    transitionTimingFunction: castWebType(props.theme.motion.easing.standard),\n  },\n  ':focus-within': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n      isTextArea: props.isTextArea,\n      isTableInputCell: props.isTableInputCell,\n    }),\n  },\n}));\n\n// Styled component with animation\nconst StyledAnimatedBaseInputWrapper = styled(StyledBaseInputWrapper)<{\n  transition?: FlattenSimpleInterpolation;\n  maxTagRows: BaseInputWrapperProps['maxTagRows'];\n  showAllTags: BaseInputWrapperProps['showAllTags'];\n  isDropdownTrigger: BaseInputWrapperProps['isDropdownTrigger'];\n  size: NonNullable<BaseInputWrapperProps['size']>;\n}>((props) =>\n  props.isDropdownTrigger && !props.isTableInputCell\n    ? css`\n        ${props.transition};\n        max-height: ${makeSize(\n          getAnimatedBaseInputWrapperMaxHeight({\n            maxTagRows: props.maxTagRows,\n            showAllTags: props.showAllTags,\n            size: props.size,\n          }),\n        )};\n      `\n    : undefined,\n);\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  BaseInputWrapperProps & {\n    showAllTags?: boolean;\n  }\n> = (\n  { showAllTags, setShowAllTagsWithAnimation, maxTagRows, isDropdownTrigger, ...rest },\n  ref,\n): React.ReactElement => {\n  // Define the animation keyframes\n  const expandAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\n`;\n\n  const collapseAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\n`;\n\n  const expandTransition = css`\n    animation: ${expandAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.entrance)};\n  `;\n\n  const collapseTransition = css`\n    animation: ${collapseAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.exit)};\n  `;\n\n  const noTransition = css`\n    animation: none;\n  `;\n  return (\n    <StyledAnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...rest}\n      transition={\n        maxTagRows !== 'expandable'\n          ? noTransition\n          : showAllTags\n          ? expandTransition\n          : collapseTransition\n      }\n      height={\n        rest.isTextArea && isDropdownTrigger\n          ? makeSpace((rest.numberOfLines ?? 0) * baseInputHeight[rest.size])\n          : undefined\n      }\n      cursor={rest.isTextArea && isDropdownTrigger ? 'text' : undefined}\n      isDropdownTrigger={isDropdownTrigger}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      onAnimationEnd={(e) => {\n        if (!showAllTags && e.animationName === collapseAnimation.getName()) {\n          // Triggered for the collapse animation\n          setShowAllTagsWithAnimation?.(false);\n        }\n      }}\n      isTableInputCell={rest.isTableInputCell}\n      className=\"__blade-base-input-wrapper\"\n    />\n  );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isTableInputCell","isHovered","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","StyledAnimatedBaseInputWrapper","css","transition","makeSize","getAnimatedBaseInputWrapperMaxHeight","maxTagRows","showAllTags","size","undefined","_AnimatedBaseInputWrapper","_ref","ref","_rest$numberOfLines","setShowAllTagsWithAnimation","rest","_objectWithoutProperties","_excluded","expandAnimation","keyframes","baseInputHeight","baseInputWrapperMaxHeight","collapseAnimation","expandTransition","quick","String","entrance","collapseTransition","exit","noTransition","_jsx","height","makeSpace","numberOfLines","cursor","onAnimationEnd","e","animationName","getName","className","AnimatedBaseInputWrapper","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Input/BaseInput/BaseInput.js

@@ -56,8 +56,8 @@ var useTags = function useTags(tags, activeTagIndex, setActiveTagIndex) {
   var visibleTagsCountRef = React__default.useRef(0);
   React__default.useEffect(function () {
     if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {
-      var _tags$activeTagIndex, _tags$activeTagIndex$;
-      var tagTitle = (_tags$activeTagIndex = tags[activeTagIndex]) === null || _tags$activeTagIndex === void 0 ? void 0 : (_tags$activeTagIndex$ = _tags$activeTagIndex.props) === null || _tags$activeTagIndex$ === void 0 ? void 0 : _tags$activeTagIndex$.children;
+      var _tags$activeTagIndex;
+      var tagTitle = (_tags$activeTagIndex = tags[activeTagIndex]) === null || _tags$activeTagIndex === void 0 || (_tags$activeTagIndex = _tags$activeTagIndex.props) === null || _tags$activeTagIndex === void 0 ? void 0 : _tags$activeTagIndex.children;
       if (tagTitle) {
         announce("Close ".concat(tagTitle, " Tag"));
       }
@@ -66,15 +66,15 @@ var useTags = function useTags(tags, activeTagIndex, setActiveTagIndex) {
   }, [activeTagIndex, tags === null || tags === void 0 ? void 0 : tags.length]);
   var onTagLeft = function onTagLeft() {
     if (activeTagIndex < 0) {
-      setActiveTagIndex === null || setActiveTagIndex === void 0 ? void 0 : setActiveTagIndex(visibleTagsCountRef.current - 1);
+      setActiveTagIndex === null || setActiveTagIndex === void 0 || setActiveTagIndex(visibleTagsCountRef.current - 1);
     }
     if (activeTagIndex > 0) {
-      setActiveTagIndex === null || setActiveTagIndex === void 0 ? void 0 : setActiveTagIndex(activeTagIndex - 1);
+      setActiveTagIndex === null || setActiveTagIndex === void 0 || setActiveTagIndex(activeTagIndex - 1);
     }
   };
   var onTagRight = function onTagRight() {
     if (activeTagIndex < visibleTagsCountRef.current - 1) {
-      setActiveTagIndex === null || setActiveTagIndex === void 0 ? void 0 : setActiveTagIndex(activeTagIndex + 1);
+      setActiveTagIndex === null || setActiveTagIndex === void 0 || setActiveTagIndex(activeTagIndex + 1);
     }
   };
   var onTagRemove = function onTagRemove() {
@@ -136,7 +136,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value !== void 0 ? _value$target$value : '';
     }
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus({
+    onFocus === null || onFocus === void 0 || onFocus({
       name: name,
       value: _value
     });
@@ -152,7 +152,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$currentTarget$ = value === null || value === void 0 ? void 0 : value.currentTarget.value) !== null && _value$currentTarget$ !== void 0 ? _value$currentTarget$ : '';
     }
-    onClick === null || onClick === void 0 ? void 0 : onClick({
+    onClick === null || onClick === void 0 || onClick({
       name: name,
       value: _value
     });
@@ -171,7 +171,7 @@ var useInput = function useInput(_ref) {
     if (isReactNative()) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
       //@ts-ignore need to ignore this since it will throw a TS error for web but not for native
-      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
+      onSubmit === null || onSubmit === void 0 || onSubmit({
         name: name,
         value: _value
       });
@@ -188,7 +188,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value3 = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value3 !== void 0 ? _value$target$value3 : '';
     }
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+    onBlur === null || onBlur === void 0 || onBlur({
       name: name,
       value: _value
     });
@@ -204,7 +204,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value4 = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value4 !== void 0 ? _value$target$value4 : '';
     }
-    onChange === null || onChange === void 0 ? void 0 : onChange({
+    onChange === null || onChange === void 0 || onChange({
       name: name,
       value: _value
     });
@@ -221,7 +221,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value5 = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value5 !== void 0 ? _value$target$value5 : '';
     }
-    onInput === null || onInput === void 0 ? void 0 : onInput({
+    onInput === null || onInput === void 0 || onInput({
       name: name,
       value: _value
     });
@@ -232,7 +232,7 @@ var useInput = function useInput(_ref) {
       code = _ref8.code,
       event = _ref8.event;
     onInputKeydownTagHandler(key);
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown({
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown({
       name: name,
       key: key,
       code: code,
@@ -266,14 +266,14 @@ var getHintType = function getHintType(_ref9) {
   }
   return 'help';
 };
-var getDescribedByElementId = function getDescribedByElementId(_ref10) {
-  var validationState = _ref10.validationState,
-    hasErrorText = _ref10.hasErrorText,
-    hasSuccessText = _ref10.hasSuccessText,
-    hasHelpText = _ref10.hasHelpText,
-    errorTextId = _ref10.errorTextId,
-    successTextId = _ref10.successTextId,
-    helpTextId = _ref10.helpTextId;
+var getDescribedByElementId = function getDescribedByElementId(_ref0) {
+  var validationState = _ref0.validationState,
+    hasErrorText = _ref0.hasErrorText,
+    hasSuccessText = _ref0.hasSuccessText,
+    hasHelpText = _ref0.hasHelpText,
+    errorTextId = _ref0.errorTextId,
+    successTextId = _ref0.successTextId,
+    helpTextId = _ref0.helpTextId;
   if (validationState === 'error' && hasErrorText) {
     return errorTextId;
   }
@@ -288,10 +288,10 @@ var getDescribedByElementId = function getDescribedByElementId(_ref10) {
 var FocusRingWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "BaseInput__FocusRingWrapper",
   componentId: "sc-177qd3e-0"
-})(function (_ref11) {
-  var theme = _ref11.theme,
-    currentInteraction = _ref11.currentInteraction,
-    isTableInputCell = _ref11.isTableInputCell;
+})(function (_ref1) {
+  var theme = _ref1.theme,
+    currentInteraction = _ref1.currentInteraction,
+    isTableInputCell = _ref1.isTableInputCell;
   return {
     borderRadius: makeBorderSize(isTableInputCell ? theme.border.radius.none : theme.border.radius.medium),
     width: '100%',
@@ -303,90 +303,90 @@ var FocusRingWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     }) : {}
   };
 });
-var _BaseInput = function _BaseInput(_ref12, ref) {
+var _BaseInput = function _BaseInput(_ref10, ref) {
   var _inputGroupProps$isDi, _inputGroupProps$size;
-  var _ref12$as = _ref12.as,
-    as = _ref12$as === void 0 ? 'input' : _ref12$as,
-    label = _ref12.label,
-    _ref12$labelPosition = _ref12.labelPosition,
-    labelPosition = _ref12$labelPosition === void 0 ? 'top' : _ref12$labelPosition,
-    placeholder = _ref12.placeholder,
-    _ref12$type = _ref12.type,
-    type = _ref12$type === void 0 ? 'text' : _ref12$type,
-    defaultValue = _ref12.defaultValue,
-    tags = _ref12.tags,
-    _ref12$showAllTags = _ref12.showAllTags,
-    showAllTags = _ref12$showAllTags === void 0 ? false : _ref12$showAllTags,
-    _ref12$activeTagIndex = _ref12.activeTagIndex,
-    activeTagIndex = _ref12$activeTagIndex === void 0 ? -1 : _ref12$activeTagIndex,
-    setActiveTagIndex = _ref12.setActiveTagIndex,
-    name = _ref12.name,
-    value = _ref12.value,
-    onFocus = _ref12.onFocus,
-    onChange = _ref12.onChange,
-    onInput = _ref12.onInput,
-    onBlur = _ref12.onBlur,
-    onSubmit = _ref12.onSubmit,
-    onClick = _ref12.onClick,
-    onKeyDown = _ref12.onKeyDown,
-    isDisabled = _ref12.isDisabled,
-    necessityIndicator = _ref12.necessityIndicator,
-    validationState = _ref12.validationState,
-    errorText = _ref12.errorText,
-    helpText = _ref12.helpText,
-    successText = _ref12.successText,
-    isRequired = _ref12.isRequired,
-    leadingIcon = _ref12.leadingIcon,
-    prefix = _ref12.prefix,
-    trailingInteractionElement = _ref12.trailingInteractionElement,
-    onTrailingInteractionElementClick = _ref12.onTrailingInteractionElementClick,
-    leadingInteractionElement = _ref12.leadingInteractionElement,
-    suffix = _ref12.suffix,
-    trailingIcon = _ref12.trailingIcon,
-    maxCharacters = _ref12.maxCharacters,
-    textAlign = _ref12.textAlign,
-    autoFocus = _ref12.autoFocus,
-    keyboardReturnKeyType = _ref12.keyboardReturnKeyType,
-    keyboardType = _ref12.keyboardType,
-    autoCompleteSuggestionType = _ref12.autoCompleteSuggestionType,
-    trailingHeaderSlot = _ref12.trailingHeaderSlot,
-    trailingFooterSlot = _ref12.trailingFooterSlot,
-    numberOfLines = _ref12.numberOfLines,
-    id = _ref12.id,
-    componentName = _ref12.componentName,
-    accessibilityLabel = _ref12.accessibilityLabel,
-    labelId = _ref12.labelId,
-    activeDescendant = _ref12.activeDescendant,
-    hideLabelText = _ref12.hideLabelText,
-    hideFormHint = _ref12.hideFormHint,
-    hasPopup = _ref12.hasPopup,
-    popupId = _ref12.popupId,
-    isPopupExpanded = _ref12.isPopupExpanded,
-    maxTagRows = _ref12.maxTagRows,
-    shouldIgnoreBlurAnimation = _ref12.shouldIgnoreBlurAnimation,
-    setShouldIgnoreBlurAnimation = _ref12.setShouldIgnoreBlurAnimation,
-    autoCapitalize = _ref12.autoCapitalize,
-    setInputWrapperRef = _ref12.setInputWrapperRef,
-    testID = _ref12.testID,
-    isDropdownTrigger = _ref12.isDropdownTrigger,
-    isLabelInsideInput = _ref12.isLabelInsideInput,
-    _ref12$size = _ref12.size,
-    size = _ref12$size === void 0 ? 'medium' : _ref12$size,
-    trailingButton = _ref12.trailingButton,
-    _ref12$valueComponent = _ref12.valueComponentType,
-    valueComponentType = _ref12$valueComponent === void 0 ? 'text' : _ref12$valueComponent,
-    _ref12$isTableInputCe = _ref12.isTableInputCell,
-    isTableInputCell = _ref12$isTableInputCe === void 0 ? false : _ref12$isTableInputCe,
-    _ref12$showHintsAsToo = _ref12.showHintsAsTooltip,
-    showHintsAsTooltip = _ref12$showHintsAsToo === void 0 ? false : _ref12$showHintsAsToo,
-    _motionMeta = _ref12._motionMeta,
-    role = _ref12.role,
-    tabIndex = _ref12.tabIndex,
-    leadingDropDown = _ref12.leadingDropDown,
-    trailingDropDown = _ref12.trailingDropDown,
-    labelSuffix = _ref12.labelSuffix,
-    labelTrailing = _ref12.labelTrailing,
-    rest = _objectWithoutProperties(_ref12, _excluded);
+  var _ref10$as = _ref10.as,
+    as = _ref10$as === void 0 ? 'input' : _ref10$as,
+    label = _ref10.label,
+    _ref10$labelPosition = _ref10.labelPosition,
+    labelPosition = _ref10$labelPosition === void 0 ? 'top' : _ref10$labelPosition,
+    placeholder = _ref10.placeholder,
+    _ref10$type = _ref10.type,
+    type = _ref10$type === void 0 ? 'text' : _ref10$type,
+    defaultValue = _ref10.defaultValue,
+    tags = _ref10.tags,
+    _ref10$showAllTags = _ref10.showAllTags,
+    showAllTags = _ref10$showAllTags === void 0 ? false : _ref10$showAllTags,
+    _ref10$activeTagIndex = _ref10.activeTagIndex,
+    activeTagIndex = _ref10$activeTagIndex === void 0 ? -1 : _ref10$activeTagIndex,
+    setActiveTagIndex = _ref10.setActiveTagIndex,
+    name = _ref10.name,
+    value = _ref10.value,
+    onFocus = _ref10.onFocus,
+    onChange = _ref10.onChange,
+    onInput = _ref10.onInput,
+    onBlur = _ref10.onBlur,
+    onSubmit = _ref10.onSubmit,
+    onClick = _ref10.onClick,
+    onKeyDown = _ref10.onKeyDown,
+    isDisabled = _ref10.isDisabled,
+    necessityIndicator = _ref10.necessityIndicator,
+    validationState = _ref10.validationState,
+    errorText = _ref10.errorText,
+    helpText = _ref10.helpText,
+    successText = _ref10.successText,
+    isRequired = _ref10.isRequired,
+    leadingIcon = _ref10.leadingIcon,
+    prefix = _ref10.prefix,
+    trailingInteractionElement = _ref10.trailingInteractionElement,
+    onTrailingInteractionElementClick = _ref10.onTrailingInteractionElementClick,
+    leadingInteractionElement = _ref10.leadingInteractionElement,
+    suffix = _ref10.suffix,
+    trailingIcon = _ref10.trailingIcon,
+    maxCharacters = _ref10.maxCharacters,
+    textAlign = _ref10.textAlign,
+    autoFocus = _ref10.autoFocus,
+    keyboardReturnKeyType = _ref10.keyboardReturnKeyType,
+    keyboardType = _ref10.keyboardType,
+    autoCompleteSuggestionType = _ref10.autoCompleteSuggestionType,
+    trailingHeaderSlot = _ref10.trailingHeaderSlot,
+    trailingFooterSlot = _ref10.trailingFooterSlot,
+    numberOfLines = _ref10.numberOfLines,
+    id = _ref10.id,
+    componentName = _ref10.componentName,
+    accessibilityLabel = _ref10.accessibilityLabel,
+    labelId = _ref10.labelId,
+    activeDescendant = _ref10.activeDescendant,
+    hideLabelText = _ref10.hideLabelText,
+    hideFormHint = _ref10.hideFormHint,
+    hasPopup = _ref10.hasPopup,
+    popupId = _ref10.popupId,
+    isPopupExpanded = _ref10.isPopupExpanded,
+    maxTagRows = _ref10.maxTagRows,
+    shouldIgnoreBlurAnimation = _ref10.shouldIgnoreBlurAnimation,
+    setShouldIgnoreBlurAnimation = _ref10.setShouldIgnoreBlurAnimation,
+    autoCapitalize = _ref10.autoCapitalize,
+    setInputWrapperRef = _ref10.setInputWrapperRef,
+    testID = _ref10.testID,
+    isDropdownTrigger = _ref10.isDropdownTrigger,
+    isLabelInsideInput = _ref10.isLabelInsideInput,
+    _ref10$size = _ref10.size,
+    size = _ref10$size === void 0 ? 'medium' : _ref10$size,
+    trailingButton = _ref10.trailingButton,
+    _ref10$valueComponent = _ref10.valueComponentType,
+    valueComponentType = _ref10$valueComponent === void 0 ? 'text' : _ref10$valueComponent,
+    _ref10$isTableInputCe = _ref10.isTableInputCell,
+    isTableInputCell = _ref10$isTableInputCe === void 0 ? false : _ref10$isTableInputCe,
+    _ref10$showHintsAsToo = _ref10.showHintsAsTooltip,
+    showHintsAsTooltip = _ref10$showHintsAsToo === void 0 ? false : _ref10$showHintsAsToo,
+    _motionMeta = _ref10._motionMeta,
+    role = _ref10.role,
+    tabIndex = _ref10.tabIndex,
+    leadingDropDown = _ref10.leadingDropDown,
+    trailingDropDown = _ref10.trailingDropDown,
+    labelSuffix = _ref10.labelSuffix,
+    labelTrailing = _ref10.labelTrailing,
+    rest = _objectWithoutProperties(_ref10, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var inputRef = React__default.useRef(null);
@@ -524,7 +524,7 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
           setShowAllTagsWithAnimation: setShowAllTagsWithAnimation,
           ref: function ref(refNode) {
             if (refNode) {
-              setInputWrapperRef === null || setInputWrapperRef === void 0 ? void 0 : setInputWrapperRef(refNode);
+              setInputWrapperRef === null || setInputWrapperRef === void 0 || setInputWrapperRef(refNode);
               inputWrapperRef.current = refNode;
             }
           },
@@ -534,7 +534,7 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
           onClick: function onClick() {
             if (!isReactNative) {
               var _inputRef$current;
-              (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+              (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
             }
           },
           isTableInputCell: isTableInputCell,
@@ -557,7 +557,7 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
               });
               if (innerRef && !isReactNative && 'current' in innerRef) {
                 var _innerRef$current;
-                (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
+                (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.focus();
               }
             },
             labelPrefix: isLabelInsideInput ? label : undefined,