@razorpay/blade 12.110.0 → 12.119.1

package/build/lib/native/components/FilterChip/BaseFilterChip.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseFilterChip.native.js","sources":["../../../../../src/components/FilterChip/BaseFilterChip.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleSheet, View } from 'react-native';\nimport type { LayoutChangeEvent, GestureResponderEvent } from 'react-native';\nimport styled from 'styled-components/native';\nimport Svg, { Rect } from 'react-native-svg';\nimport type { BaseFilterChipProps } from './types';\nimport { size } from '~tokens/global';\nimport { makeBorderSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { Box } from '~components/Box';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport type { Theme } from '~components/BladeProvider';\n\nconst FILTER_CHIP_HEIGHT_NATIVE = size['28'];\n\n/**\n * React Native's `borderStyle: 'dashed'` combined with `borderRadius` is buggy on iOS —\n * dashes render inconsistently and produce a broken/overlapping artifact near the corners\n * and the right edge. To match web's clean dashed pill, we draw the dashed border ourselves\n * with `react-native-svg` as a rounded `Rect` whose dash pattern divides evenly around the\n * perimeter (so there's no visible seam where the stroke path closes).\n */\nconst DashedBorder = ({\n  width,\n  height,\n  borderRadius,\n  strokeWidth,\n  color,\n}: {\n  width: number;\n  height: number;\n  borderRadius: number;\n  strokeWidth: number;\n  color: string;\n}): React.ReactElement | null => {\n  if (width <= 0 || height <= 0) {\n    return null;\n  }\n\n  // Inset the stroke by half its width so it sits fully inside the bounds and the\n  // right/bottom edges aren't clipped.\n  const inset = strokeWidth / 2;\n  const rectWidth = width - strokeWidth;\n  const rectHeight = height - strokeWidth;\n  const radius = Math.max(borderRadius - inset, 0);\n\n  // Perimeter of a rounded rectangle = straight edges + the four quarter-circle corners.\n  const straightWidth = Math.max(rectWidth - 2 * radius, 0);\n  const straightHeight = Math.max(rectHeight - 2 * radius, 0);\n  const perimeter = 2 * straightWidth + 2 * straightHeight + 2 * Math.PI * radius;\n\n  // Target a small dot-like dash+gap (~4pt) and round to an integer number of segments so\n  // the pattern lands exactly on the path's start/end point (no broken dash on the right edge).\n  const targetSegment = 4;\n  const segmentCount = Math.max(1, Math.round(perimeter / targetSegment));\n  const segmentLength = perimeter / segmentCount;\n  const dashLength = segmentLength / 2;\n\n  return (\n    <View style={StyleSheet.absoluteFill} pointerEvents=\"none\">\n      <Svg width={width} height={height}>\n        <Rect\n          x={inset}\n          y={inset}\n          width={rectWidth}\n          height={rectHeight}\n          rx={radius}\n          ry={radius}\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeDasharray={[dashLength, segmentLength - dashLength]}\n        />\n      </Svg>\n    </View>\n  );\n};\n\nconst StyledFilterChip = styled(View)<{\n  theme: Theme;\n  $isSelected?: boolean;\n  $isDisabled?: boolean;\n}>(({ theme, $isDisabled, $isSelected }) => {\n  return {\n    // When unselected the dashed border is drawn via an SVG overlay (see DashedBorder) so we\n    // rely on it entirely: the native border has zero width, keeping the overlay's coordinate\n    // space aligned with the border-box and avoiding iOS's buggy dashed+radius render.\n    borderWidth: $isSelected ? makeBorderSize(theme.border.width.thin) : 0,\n    borderColor: $isSelected\n      ? theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'faded']\n      : 'transparent',\n    height: FILTER_CHIP_HEIGHT_NATIVE,\n    borderRadius: theme.border.radius.small,\n    borderStyle: 'solid',\n    backgroundColor: theme.colors.surface.background.gray.intense,\n    flexDirection: 'row',\n    alignSelf: 'flex-start',\n    // The SVG dashed border must not be clipped when unselected; the selected state clips its\n    // divider/close button to the rounded corners.\n    overflow: $isSelected ? 'hidden' : 'visible',\n  };\n});\n\nconst StyledFilterTrigger = styled(Pressable)<{\n  theme: Theme;\n  $isSelected?: boolean;\n}>(({ theme, $isSelected }) => {\n  const { spacing } = theme;\n  return {\n    backgroundColor: 'transparent',\n    borderRadius: $isSelected ? 0 : theme.border.radius.small,\n    borderTopLeftRadius: theme.border.radius.small,\n    borderBottomLeftRadius: theme.border.radius.small,\n    paddingLeft: spacing[4],\n    paddingRight: $isSelected ? spacing[2] : spacing[3],\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: '100%',\n    gap: spacing[2],\n  };\n});\n\nconst StyledFilterCloseButton = styled(Pressable)<{ theme: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: 'transparent',\n    borderTopRightRadius: theme.border.radius.small,\n    borderBottomRightRadius: theme.border.radius.small,\n    paddingLeft: theme.spacing[2] + theme.spacing[1],\n    paddingRight: theme.spacing[2] + theme.spacing[1],\n    justifyContent: 'center',\n    alignItems: 'center',\n    height: '100%',\n  };\n});\n\nconst renderValue = (\n  selectionType: BaseFilterChipProps['selectionType'],\n  value: BaseFilterChipProps['value'],\n  isDisabled?: boolean,\n): React.ReactElement => {\n  if (selectionType === 'multiple' && Array.isArray(value)) {\n    return (\n      <Box alignItems=\"center\" flexDirection=\"row\">\n        <Counter value={value.length} color=\"neutral\" size=\"small\" />\n      </Box>\n    );\n  }\n\n  return (\n    <Text\n      size=\"small\"\n      weight=\"medium\"\n      color={isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.normal'}\n    >\n      {typeof value === 'string' ? value : ''}\n    </Text>\n  );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<View, BaseFilterChipProps> = (\n  {\n    value,\n    onClearButtonClick,\n    label,\n    isDisabled,\n    selectionType = 'single',\n    onClick,\n    onKeyDown,\n    accessibilityProps,\n    id,\n    ...rest\n  }: BaseFilterChipProps,\n  ref: React.Ref<View>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const isSelected =\n    selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n  const [chipSize, setChipSize] = React.useState({ width: 0, height: 0 });\n  const handleLayout = (event: LayoutChangeEvent): void => {\n    const { width, height } = event.nativeEvent.layout;\n    setChipSize((prev) =>\n      prev.width === width && prev.height === height ? prev : { width, height },\n    );\n  };\n\n  return (\n    <StyledFilterChip\n      $isDisabled={isDisabled}\n      $isSelected={isSelected}\n      ref={ref}\n      onLayout={isSelected ? undefined : handleLayout}\n    >\n      <StyledFilterTrigger\n        $isSelected={isSelected}\n        disabled={isDisabled}\n        id={id}\n        onPress={\n          isDisabled\n            ? undefined\n            : (e: GestureResponderEvent) => {\n                onClick?.((e as unknown) as React.MouseEventHandler);\n              }\n        }\n        {...(({\n          onKeyDown: isDisabled\n            ? undefined\n            : (e: GestureResponderEvent) => {\n                onKeyDown?.((e as unknown) as React.KeyboardEvent<Element>);\n              },\n        } as unknown) as Record<string, unknown>)}\n        {...makeAccessible({\n          ...accessibilityProps,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ name: 'filter-chip-trigger', testID: rest.testID })}\n      >\n        <Box flexDirection=\"row\" gap=\"spacing.2\" alignItems=\"center\">\n          <Text\n            size=\"small\"\n            weight=\"medium\"\n            color=\"interactive.text.gray.subtle\"\n            truncateAfterLines={1}\n          >\n            {label}\n            {isSelected ? ':' : null}\n          </Text>\n          {isSelected ? renderValue(selectionType, value, isDisabled) : null}\n        </Box>\n        <Box flexDirection=\"row\" alignItems=\"center\" paddingRight=\"spacing.1\">\n          <ChevronDownIcon size=\"small\" color=\"interactive.icon.gray.muted\" />\n        </Box>\n      </StyledFilterTrigger>\n      {isSelected ? (\n        <>\n          <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n          <StyledFilterCloseButton\n            {...makeAccessible({ label: `Clear ${label} value`, role: 'button' })}\n            // value can never be undefined because when it's undefined the button itself doesn't render\n            onPress={isDisabled ? undefined : () => onClearButtonClick?.({ value: value ?? '' })}\n            disabled={isDisabled}\n            {...metaAttribute({ name: 'filter-chip-close-button' })}\n          >\n            <CloseIcon size=\"small\" color=\"interactive.icon.gray.muted\" />\n          </StyledFilterCloseButton>\n        </>\n      ) : null}\n      {isSelected ? null : (\n        <DashedBorder\n          width={chipSize.width}\n          height={chipSize.height}\n          borderRadius={theme.border.radius.small}\n          strokeWidth={makeBorderSize(theme.border.width.thin)}\n          color={theme.colors.interactive.border.gray[isDisabled ? 'disabled' : 'faded']}\n        />\n      )}\n    </StyledFilterChip>\n  );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n  componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["this","FILTER_CHIP_HEIGHT_NATIVE","size","DashedBorder","_ref","width","height","borderRadius","strokeWidth","color","inset","rectWidth","rectHeight","radius","Math","max","straightWidth","straightHeight","perimeter","PI","targetSegment","segmentCount","round","segmentLength","dashLength","_jsx","View","style","StyleSheet","absoluteFill","pointerEvents","children","Svg","Rect","x","y","rx","ry","fill","stroke","strokeDasharray","StyledFilterChip","styled","_ref2","theme","$isDisabled","$isSelected","borderWidth","makeBorderSize","border","thin","borderColor","colors","interactive","gray","small","borderStyle","backgroundColor","surface","background","intense","flexDirection","alignSelf","overflow","StyledFilterTrigger","Pressable","_ref3","spacing","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","alignItems","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","isDisabled","Array","isArray","Box","Counter","length","Text","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","isSelected","_React$useState","React","useState","_React$useState2","_slicedToArray","chipSize","setChipSize","handleLayout","event","_event$nativeEvent$la","nativeEvent","layout","prev","_jsxs","onLayout","undefined","Object","assign","disabled","onPress","e","makeAccessible","role","makeAnalyticsAttribute","metaAttribute","name","testID","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","CloseIcon","BaseFilterChip","assignWithoutSideEffects","forwardRef","componentId","MetaConstants"],"mappings":"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"}
+{"version":3,"file":"BaseFilterChip.native.js","sources":["../../../../../src/components/FilterChip/BaseFilterChip.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleSheet, View } from 'react-native';\nimport type { LayoutChangeEvent, GestureResponderEvent } from 'react-native';\nimport styled from 'styled-components/native';\nimport Svg, { Rect } from 'react-native-svg';\nimport type { BaseFilterChipProps } from './types';\nimport { size } from '~tokens/global';\nimport { makeBorderSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { Box } from '~components/Box';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport type { Theme } from '~components/BladeProvider';\n\nconst FILTER_CHIP_HEIGHT_NATIVE = size['28'];\n\n/**\n * React Native's `borderStyle: 'dashed'` combined with `borderRadius` is buggy on iOS —\n * dashes render inconsistently and produce a broken/overlapping artifact near the corners\n * and the right edge. To match web's clean dashed pill, we draw the dashed border ourselves\n * with `react-native-svg` as a rounded `Rect` whose dash pattern divides evenly around the\n * perimeter (so there's no visible seam where the stroke path closes).\n */\nconst DashedBorder = ({\n  width,\n  height,\n  borderRadius,\n  strokeWidth,\n  color,\n}: {\n  width: number;\n  height: number;\n  borderRadius: number;\n  strokeWidth: number;\n  color: string;\n}): React.ReactElement | null => {\n  if (width <= 0 || height <= 0) {\n    return null;\n  }\n\n  // Inset the stroke by half its width so it sits fully inside the bounds and the\n  // right/bottom edges aren't clipped.\n  const inset = strokeWidth / 2;\n  const rectWidth = width - strokeWidth;\n  const rectHeight = height - strokeWidth;\n  const radius = Math.max(borderRadius - inset, 0);\n\n  // Perimeter of a rounded rectangle = straight edges + the four quarter-circle corners.\n  const straightWidth = Math.max(rectWidth - 2 * radius, 0);\n  const straightHeight = Math.max(rectHeight - 2 * radius, 0);\n  const perimeter = 2 * straightWidth + 2 * straightHeight + 2 * Math.PI * radius;\n\n  // Target a small dot-like dash+gap (~4pt) and round to an integer number of segments so\n  // the pattern lands exactly on the path's start/end point (no broken dash on the right edge).\n  const targetSegment = 4;\n  const segmentCount = Math.max(1, Math.round(perimeter / targetSegment));\n  const segmentLength = perimeter / segmentCount;\n  const dashLength = segmentLength / 2;\n\n  return (\n    <View style={StyleSheet.absoluteFill} pointerEvents=\"none\">\n      <Svg width={width} height={height}>\n        <Rect\n          x={inset}\n          y={inset}\n          width={rectWidth}\n          height={rectHeight}\n          rx={radius}\n          ry={radius}\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeDasharray={[dashLength, segmentLength - dashLength]}\n        />\n      </Svg>\n    </View>\n  );\n};\n\nconst StyledFilterChip = styled(View)<{\n  theme: Theme;\n  $isSelected?: boolean;\n  $isDisabled?: boolean;\n}>(({ theme, $isDisabled, $isSelected }) => {\n  return {\n    // When unselected the dashed border is drawn via an SVG overlay (see DashedBorder) so we\n    // rely on it entirely: the native border has zero width, keeping the overlay's coordinate\n    // space aligned with the border-box and avoiding iOS's buggy dashed+radius render.\n    borderWidth: $isSelected ? makeBorderSize(theme.border.width.thin) : 0,\n    borderColor: $isSelected\n      ? theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'faded']\n      : 'transparent',\n    height: FILTER_CHIP_HEIGHT_NATIVE,\n    borderRadius: theme.border.radius.small,\n    borderStyle: 'solid',\n    backgroundColor: theme.colors.surface.background.gray.intense,\n    flexDirection: 'row',\n    alignSelf: 'flex-start',\n    // The SVG dashed border must not be clipped when unselected; the selected state clips its\n    // divider/close button to the rounded corners.\n    overflow: $isSelected ? 'hidden' : 'visible',\n  };\n});\n\nconst StyledFilterTrigger = styled(Pressable)<{\n  theme: Theme;\n  $hasClearButton?: boolean;\n}>(({ theme, $hasClearButton }) => {\n  const { spacing } = theme;\n  return {\n    backgroundColor: 'transparent',\n    // When a clear button follows the trigger its right corners butt against the divider,\n    // so they're squared off. Without a clear button the trigger is a self-contained pill.\n    borderRadius: $hasClearButton ? 0 : theme.border.radius.small,\n    borderTopLeftRadius: theme.border.radius.small,\n    borderBottomLeftRadius: theme.border.radius.small,\n    paddingLeft: spacing[4],\n    paddingRight: $hasClearButton ? spacing[2] : spacing[3],\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: '100%',\n    gap: spacing[2],\n  };\n});\n\nconst StyledFilterCloseButton = styled(Pressable)<{ theme: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: 'transparent',\n    borderTopRightRadius: theme.border.radius.small,\n    borderBottomRightRadius: theme.border.radius.small,\n    paddingLeft: theme.spacing[2] + theme.spacing[1],\n    paddingRight: theme.spacing[2] + theme.spacing[1],\n    justifyContent: 'center',\n    alignItems: 'center',\n    height: '100%',\n  };\n});\n\nconst renderValue = (\n  selectionType: BaseFilterChipProps['selectionType'],\n  value: BaseFilterChipProps['value'],\n  isDisabled?: boolean,\n): React.ReactElement => {\n  const valueColor = isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.normal';\n\n  // For multiple selection: when a single option is selected we show its name (no redundant\n  // \"1\" counter); once more than one is selected we collapse to a compact counter.\n  // Use an explicit type guard so a non-array value (e.g. a plain string returned by\n  // getFilterChipDisplayValue) never enters the array branch where .length would be\n  // misinterpreted as character count.\n  if (selectionType === 'multiple') {\n    const valueArray = Array.isArray(value) ? value : value != null ? [value] : [];\n    if (valueArray.length === 1) {\n      return (\n        <Text size=\"small\" weight=\"medium\" color={valueColor} truncateAfterLines={1}>\n          {String(valueArray[0] ?? '')}\n        </Text>\n      );\n    }\n    return (\n      <Box alignItems=\"center\" flexDirection=\"row\">\n        <Counter value={valueArray.length} color=\"neutral\" size=\"small\" />\n      </Box>\n    );\n  }\n\n  return (\n    <Text size=\"small\" weight=\"medium\" color={valueColor}>\n      {value != null ? String(value) : ''}\n    </Text>\n  );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<View, BaseFilterChipProps> = (\n  {\n    value,\n    onClearButtonClick,\n    label,\n    isDisabled,\n    selectionType = 'single',\n    showClearButton = true,\n    onClick,\n    onKeyDown,\n    accessibilityProps,\n    id,\n    ...rest\n  }: BaseFilterChipProps,\n  ref: React.Ref<View>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const isSelected =\n    selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n  const shouldShowClearButton = isSelected && showClearButton;\n\n  const [chipSize, setChipSize] = React.useState({ width: 0, height: 0 });\n  const handleLayout = (event: LayoutChangeEvent): void => {\n    const { width, height } = event.nativeEvent.layout;\n    setChipSize((prev) =>\n      prev.width === width && prev.height === height ? prev : { width, height },\n    );\n  };\n\n  return (\n    <StyledFilterChip\n      $isDisabled={isDisabled}\n      $isSelected={isSelected}\n      ref={ref}\n      onLayout={isSelected ? undefined : handleLayout}\n    >\n      <StyledFilterTrigger\n        $hasClearButton={shouldShowClearButton}\n        disabled={isDisabled}\n        id={id}\n        onPress={\n          isDisabled\n            ? undefined\n            : (e: GestureResponderEvent) => {\n                onClick?.((e as unknown) as React.MouseEventHandler);\n              }\n        }\n        {...(({\n          onKeyDown: isDisabled\n            ? undefined\n            : (e: GestureResponderEvent) => {\n                onKeyDown?.((e as unknown) as React.KeyboardEvent<Element>);\n              },\n        } as unknown) as Record<string, unknown>)}\n        {...makeAccessible({\n          ...accessibilityProps,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ name: 'filter-chip-trigger', testID: rest.testID })}\n      >\n        <Box flexDirection=\"row\" gap=\"spacing.2\" alignItems=\"center\">\n          <Text\n            size=\"small\"\n            weight=\"medium\"\n            color=\"interactive.text.gray.subtle\"\n            truncateAfterLines={1}\n          >\n            {label}\n            {isSelected ? ':' : null}\n          </Text>\n          {isSelected ? renderValue(selectionType, value, isDisabled) : null}\n        </Box>\n        <Box flexDirection=\"row\" alignItems=\"center\" paddingRight=\"spacing.1\">\n          <ChevronDownIcon size=\"small\" color=\"interactive.icon.gray.muted\" />\n        </Box>\n      </StyledFilterTrigger>\n      {shouldShowClearButton ? (\n        <>\n          <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n          <StyledFilterCloseButton\n            {...makeAccessible({ label: `Clear ${label} value`, role: 'button' })}\n            // value can never be undefined because when it's undefined the button itself doesn't render\n            onPress={isDisabled ? undefined : () => onClearButtonClick?.({ value: value ?? '' })}\n            disabled={isDisabled}\n            {...metaAttribute({ name: 'filter-chip-close-button' })}\n          >\n            <CloseIcon size=\"small\" color=\"interactive.icon.gray.muted\" />\n          </StyledFilterCloseButton>\n        </>\n      ) : null}\n      {isSelected ? null : (\n        <DashedBorder\n          width={chipSize.width}\n          height={chipSize.height}\n          borderRadius={theme.border.radius.small}\n          strokeWidth={makeBorderSize(theme.border.width.thin)}\n          color={theme.colors.interactive.border.gray[isDisabled ? 'disabled' : 'faded']}\n        />\n      )}\n    </StyledFilterChip>\n  );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n  componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["FILTER_CHIP_HEIGHT_NATIVE","size","DashedBorder","_ref","width","height","borderRadius","strokeWidth","color","inset","rectWidth","rectHeight","radius","Math","max","straightWidth","straightHeight","perimeter","PI","targetSegment","segmentCount","round","segmentLength","dashLength","_jsx","View","style","StyleSheet","absoluteFill","pointerEvents","children","Svg","Rect","x","y","rx","ry","fill","stroke","strokeDasharray","StyledFilterChip","styled","_ref2","theme","$isDisabled","$isSelected","borderWidth","makeBorderSize","border","thin","borderColor","colors","interactive","gray","small","borderStyle","backgroundColor","surface","background","intense","flexDirection","alignSelf","overflow","StyledFilterTrigger","Pressable","_ref3","$hasClearButton","spacing","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","alignItems","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","isDisabled","valueColor","valueArray","Array","isArray","length","_valueArray$","Text","weight","truncateAfterLines","String","Box","Counter","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","_ref5$selectionType","_ref5$showClearButton","showClearButton","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","isSelected","shouldShowClearButton","_React$useState","React","useState","_React$useState2","_slicedToArray","chipSize","setChipSize","handleLayout","event","_event$nativeEvent$la","nativeEvent","layout","prev","_jsxs","onLayout","undefined","Object","assign","disabled","onPress","e","makeAccessible","role","makeAnalyticsAttribute","metaAttribute","name","testID","ChevronDownIcon","_Fragment","Divider","orientation","variant","CloseIcon","BaseFilterChip","assignWithoutSideEffects","forwardRef","componentId","MetaConstants"],"mappings":"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"}

package/build/lib/native/components/FloatingActionButton/FloatingActionButton.js

@@ -0,0 +1,14 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { FloatingActionButtonContainer } from './FloatingActionButtonContainer.native.js';
+import '../Button/BaseButton/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
+import BaseButton from '../Button/BaseButton/BaseButton.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded=["children","icon","color","placement","offset","zIndex","isDisabled","isLoading","href","target","rel","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/FloatingActionButton/FloatingActionButton.tsx";var colorToSpinnerColor={primary:'white',black:'white',white:'neutral'};var _FloatingActionButton=function _FloatingActionButton(_ref,ref){var children=_ref.children,icon=_ref.icon,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'bottom-end':_ref$placement,_ref$offset=_ref.offset,offset=_ref$offset===void 0?'spacing.5':_ref$offset,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.fab:_ref$zIndex,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,href=_ref.href,target=_ref.target,rel=_ref.rel,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,accessibilityLabel=_ref.accessibilityLabel,onClick=_ref.onClick,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onMouseDown=_ref.onMouseDown,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchStart=_ref.onTouchStart,onTouchEnd=_ref.onTouchEnd,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);return jsx(FloatingActionButtonContainer,Object.assign({placement:placement,offset:offset,zIndex:zIndex,testID:testID},rest,{children:jsx(BaseButton,{ref:ref,icon:icon,variant:"primary",color:color,size:"large",_borderRadius:"max",_iconSize:"xlarge",_spinnerColor:colorToSpinnerColor[color],accessibilityProps:{label:accessibilityLabel},href:href,target:target,rel:rel,type:type,isDisabled:isDisabled,isLoading:isLoading,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onMouseDown:onMouseDown,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd,children:children})}));};var FloatingActionButton=assignWithoutSideEffects(React__default.forwardRef(_FloatingActionButton),{displayName:'FloatingActionButton',componentId:'FloatingActionButton'});
+
+export { FloatingActionButton };
+//# sourceMappingURL=FloatingActionButton.js.map

package/build/lib/native/components/FloatingActionButton/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.js","sources":["../../../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingActionButtonContainer } from './FloatingActionButtonContainer';\nimport type { FloatingActionButtonProps } from './types';\nimport BaseButton from '~components/Button/BaseButton';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\n\n/**\n * The shared spinner map would render a white spinner on the white button, where\n * it is invisible.\n */\nconst colorToSpinnerColor = {\n  primary: 'white',\n  black: 'white',\n  white: 'neutral',\n} as const;\n\n/**\n * ### FloatingActionButton component\n *\n * A persistent, elevated button anchored to the bottom of the viewport, used for the single most important action on a screen.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <FloatingActionButton icon={PlusIcon} onClick={() => createPayment()}>\n *   Create payment\n * </FloatingActionButton>\n *\n * // icon-only, accessibilityLabel is required\n * <FloatingActionButton\n *   icon={PlusIcon}\n *   accessibilityLabel=\"Create payment\"\n *   onClick={() => createPayment()}\n * />\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-floatingactionbutton--docs FloatingActionButton Documentation}\n */\nconst _FloatingActionButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  FloatingActionButtonProps\n> = (\n  {\n    children,\n    icon,\n    color = 'primary',\n    placement = 'bottom-end',\n    offset = 'spacing.5',\n    zIndex = componentZIndices.fab,\n    isDisabled = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    type = 'button',\n    accessibilityLabel,\n    onClick,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <FloatingActionButtonContainer\n      placement={placement}\n      offset={offset}\n      zIndex={zIndex}\n      testID={testID}\n      {...rest}\n    >\n      <BaseButton\n        ref={ref}\n        icon={icon}\n        variant=\"primary\"\n        color={color}\n        size=\"large\"\n        _borderRadius=\"max\"\n        _iconSize=\"xlarge\"\n        _spinnerColor={colorToSpinnerColor[color]}\n        accessibilityProps={{ label: accessibilityLabel }}\n        href={href}\n        target={target}\n        rel={rel}\n        type={type}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchStart={onTouchStart}\n        onTouchEnd={onTouchEnd}\n      >\n        {children}\n      </BaseButton>\n    </FloatingActionButtonContainer>\n  );\n};\n\nconst FloatingActionButton = assignWithoutSideEffects(React.forwardRef(_FloatingActionButton), {\n  displayName: 'FloatingActionButton',\n  componentId: 'FloatingActionButton',\n});\n\nexport { FloatingActionButton };\n"],"names":["colorToSpinnerColor","primary","black","white","_FloatingActionButton","_ref","ref","children","icon","_ref$color","color","_ref$placement","placement","_ref$offset","offset","_ref$zIndex","zIndex","componentZIndices","fab","_ref$isDisabled","isDisabled","_ref$isLoading","isLoading","href","target","rel","_ref$type","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID","rest","_objectWithoutProperties","_excluded","_jsx","FloatingActionButtonContainer","Object","assign","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/FloatingActionButton/FloatingActionButtonContainer.native.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import '../Box/BaseBox/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeSpace/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+
+var _excluded=["children","placement","offset","zIndex","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/FloatingActionButton/FloatingActionButtonContainer.native.tsx";var placementToJustifyContent={'bottom-start':'flex-start','bottom-end':'flex-end',bottom:'center'};var FloatingActionButtonContainer=function FloatingActionButtonContainer(_ref){var children=_ref.children,placement=_ref.placement,offset=_ref.offset,zIndex=_ref.zIndex,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var insets=useSafeAreaInsets();return jsx(BaseBox,Object.assign({position:"absolute",bottom:makeSpace(insets.bottom),left:"0px",right:"0px",paddingLeft:offset,paddingRight:offset,paddingBottom:offset,display:"flex",flexDirection:"row",justifyContent:placementToJustifyContent[placement],pointerEvents:"box-none",zIndex:zIndex},metaAttribute({testID:testID,name:MetaConstants.FloatingActionButton}),makeAnalyticsAttribute(rest),getStyledProps(rest),{children:jsx(BaseBox,{borderRadius:"max",elevation:"midRaised",children:children})}));};
+
+export { FloatingActionButtonContainer };
+//# sourceMappingURL=FloatingActionButtonContainer.native.js.map

package/build/lib/native/components/FloatingActionButton/FloatingActionButtonContainer.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButtonContainer.native.js","sources":["../../../../../src/components/FloatingActionButton/FloatingActionButtonContainer.native.tsx"],"sourcesContent":["import React from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport type { FloatingActionButtonContainerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst placementToJustifyContent = {\n  'bottom-start': 'flex-start',\n  'bottom-end': 'flex-end',\n  bottom: 'center',\n} as const;\n\n/**\n * Anchors the button to the bottom of the screen and owns its drop shadow.\n *\n * React Native has no `position: fixed`, so the button is absolutely positioned\n * and is expected to be mounted inside a filling parent.\n *\n * The positioning is done with a full-width row rather than by setting `left` /\n * `right` directly, because centering would otherwise need a percentage\n * `translateX`, which React Native does not support reliably. The row is\n * `pointerEvents=\"box-none\"` so it does not swallow touches meant for the\n * content behind it, and the drop shadow sits on the inner, button-sized box so\n * it traces the pill rather than the row.\n *\n * The bottom safe-area inset is applied to the row so the `offset` is measured\n * from the top of the home indicator / navigation bar rather than from the\n * physical bottom of the screen.\n */\nconst FloatingActionButtonContainer = ({\n  children,\n  placement,\n  offset,\n  zIndex,\n  testID,\n  ...rest\n}: FloatingActionButtonContainerProps): React.ReactElement => {\n  const insets = useSafeAreaInsets();\n\n  return (\n    <BaseBox\n      position=\"absolute\"\n      bottom={makeSpace(insets.bottom)}\n      left=\"0px\"\n      right=\"0px\"\n      paddingLeft={offset}\n      paddingRight={offset}\n      paddingBottom={offset}\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent={placementToJustifyContent[placement]}\n      pointerEvents=\"box-none\"\n      zIndex={zIndex}\n      {...metaAttribute({ testID, name: MetaConstants.FloatingActionButton })}\n      {...makeAnalyticsAttribute(rest)}\n      {...getStyledProps(rest)}\n    >\n      <BaseBox borderRadius=\"max\" elevation=\"midRaised\">\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { FloatingActionButtonContainer };\n"],"names":["placementToJustifyContent","bottom","FloatingActionButtonContainer","_ref","children","placement","offset","zIndex","testID","rest","_objectWithoutProperties","_excluded","insets","useSafeAreaInsets","_jsx","BaseBox","Object","assign","position","makeSpace","left","right","paddingLeft","paddingRight","paddingBottom","display","flexDirection","justifyContent","pointerEvents","metaAttribute","name","MetaConstants","FloatingActionButton","makeAnalyticsAttribute","getStyledProps","borderRadius","elevation"],"mappings":";;;;;;;;;;;;;;;;+NASA,IAAMA,yBAAyB,CAAG,CAChC,cAAc,CAAE,YAAY,CAC5B,YAAY,CAAE,UAAU,CACxBC,MAAM,CAAE,QACV,CAAU,CAmBJ,IAAAC,6BAA6B,CAAG,SAAhCA,6BAA6BA,CAAAC,IAAA,CAO2B,CAAA,IAN5DC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,MAAM,CAAAJ,IAAA,CAANI,MAAM,CACNC,MAAM,CAAAL,IAAA,CAANK,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAP,IAAA,CAAAQ,SAAA,CAEP,CAAA,IAAMC,MAAM,CAAGC,iBAAiB,EAAE,CAElC,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACNC,QAAQ,CAAC,UAAU,CACnBjB,MAAM,CAAEkB,SAAS,CAACP,MAAM,CAACX,MAAM,CAAE,CACjCmB,IAAI,CAAC,KAAK,CACVC,KAAK,CAAC,KAAK,CACXC,WAAW,CAAEhB,MAAO,CACpBiB,YAAY,CAAEjB,MAAO,CACrBkB,aAAa,CAAElB,MAAO,CACtBmB,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,cAAc,CAAE3B,yBAAyB,CAACK,SAAS,CAAE,CACrDuB,aAAa,CAAC,UAAU,CACxBrB,MAAM,CAAEA,MAAO,CACXsB,CAAAA,aAAa,CAAC,CAAErB,MAAM,CAANA,MAAM,CAAEsB,IAAI,CAAEC,aAAa,CAACC,oBAAqB,CAAC,CAAC,CACnEC,sBAAsB,CAACxB,IAAI,CAAC,CAC5ByB,cAAc,CAACzB,IAAI,CAAC,CAAAL,CAAAA,QAAA,CAExBU,GAAA,CAACC,OAAO,EAACoB,YAAY,CAAC,KAAK,CAACC,SAAS,CAAC,WAAW,CAAAhC,QAAA,CAC9CA,QAAQ,CACF,CAAC,CACH,CAAA,CAAC,CAEd;;;;"}

package/build/lib/native/components/FloatingActionButton/index.js

@@ -0,0 +1,2 @@
+export { FloatingActionButton } from './FloatingActionButton.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/FloatingActionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/GenUI/GenUIContext.native.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
-var GenUIContext=React__default.createContext(null);var useGenUI=function useGenUI(){throwBladeError({message:'useGenUI is not yet implemented for React Native',moduleName:'useGenUI'});return null;};var useGenUIAction=function useGenUIAction(){throwBladeError({message:'useGenUIAction is not yet implemented for React Native',moduleName:'useGenUIAction'});return undefined;};
+var GenUIContext=React__default.createContext(null);var useGenUI=function useGenUI(){throwBladeError({message:'useGenUI is not yet implemented for React Native',moduleName:'useGenUI'});return null;};var useGenUIAction=function useGenUIAction(){throwBladeError({message:'useGenUIAction is not yet implemented for React Native',moduleName:'useGenUIAction'});return undefined;};var useGenUIComponentActions=function useGenUIComponentActions(){throwBladeError({message:'useGenUIComponentActions is not yet implemented for React Native',moduleName:'useGenUIComponentActions'});return undefined;};
 
-export { GenUIContext, useGenUI, useGenUIAction };
+export { GenUIContext, useGenUI, useGenUIAction, useGenUIComponentActions };
 //# sourceMappingURL=GenUIContext.native.js.map

package/build/lib/native/components/GenUI/GenUIContext.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenUIContext.native.js","sources":["../../../../../src/components/GenUI/GenUIContext.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { GenUIAction } from './types';\nimport { throwBladeError } from '~utils/logger';\n\ntype GenUIContextValue = any;\nconst GenUIContext = React.createContext<GenUIContextValue | null>(null);\n\n/**\n * Hook to access GenUI context\n * @throws Error if used outside GenUIProvider\n */\nconst useGenUI = (): GenUIContextValue => {\n  throwBladeError({\n    message: 'useGenUI is not yet implemented for React Native',\n    moduleName: 'useGenUI',\n  });\n  return null;\n};\n\n/**\n * Hook to access action click handler (safe version that doesn't throw)\n */\nconst useGenUIAction = (): ((action: GenUIAction) => void) | undefined => {\n  throwBladeError({\n    message: 'useGenUIAction is not yet implemented for React Native',\n    moduleName: 'useGenUIAction',\n  });\n  return undefined;\n};\n\nexport { GenUIContext, useGenUI, useGenUIAction };\nexport type { GenUIContextValue };\n"],"names":["GenUIContext","React","createContext","useGenUI","throwBladeError","message","moduleName","useGenUIAction","undefined"],"mappings":";;;;AAMM,IAAAA,YAAY,CAAGC,cAAK,CAACC,aAAa,CAA2B,IAAI,EAMjE,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,EAA4B,CACxCC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,UACd,CAAC,CAAC,CACF,OAAW,IAAA,CACb,EAKM,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAAsD,CACxEH,eAAe,CAAC,CACdC,OAAO,CAAE,wDAAwD,CACjEC,UAAU,CAAE,gBACd,CAAC,CAAC,CACF,OAAOE,SAAS,CAClB;;;;"}
+{"version":3,"file":"GenUIContext.native.js","sources":["../../../../../src/components/GenUI/GenUIContext.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { GenUIAction } from './types';\nimport { throwBladeError } from '~utils/logger';\n\ntype GenUIContextValue = any;\nconst GenUIContext = React.createContext<GenUIContextValue | null>(null);\n\n/**\n * Hook to access GenUI context\n * @throws Error if used outside GenUIProvider\n */\nconst useGenUI = (): GenUIContextValue => {\n  throwBladeError({\n    message: 'useGenUI is not yet implemented for React Native',\n    moduleName: 'useGenUI',\n  });\n  return null;\n};\n\n/**\n * Hook to access action click handler (safe version that doesn't throw)\n */\nconst useGenUIAction = (): ((action: GenUIAction) => void) | undefined => {\n  throwBladeError({\n    message: 'useGenUIAction is not yet implemented for React Native',\n    moduleName: 'useGenUIAction',\n  });\n  return undefined;\n};\n\n/**\n * Hook to access the consumer-registered action slot registry (safe version that doesn't throw)\n */\nconst useGenUIComponentActions = (): undefined => {\n  throwBladeError({\n    message: 'useGenUIComponentActions is not yet implemented for React Native',\n    moduleName: 'useGenUIComponentActions',\n  });\n  return undefined;\n};\n\nexport { GenUIContext, useGenUI, useGenUIAction, useGenUIComponentActions };\nexport type { GenUIContextValue };\n"],"names":["GenUIContext","React","createContext","useGenUI","throwBladeError","message","moduleName","useGenUIAction","undefined","useGenUIComponentActions"],"mappings":";;;;AAMM,IAAAA,YAAY,CAAGC,cAAK,CAACC,aAAa,CAA2B,IAAI,EAMjE,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,EAA4B,CACxCC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,UACd,CAAC,CAAC,CACF,OAAO,IAAI,CACb,EAKM,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAAsD,CACxEH,eAAe,CAAC,CACdC,OAAO,CAAE,wDAAwD,CACjEC,UAAU,CAAE,gBACd,CAAC,CAAC,CACF,OAAOE,SAAS,CAClB,EAKM,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,EAAoB,CAChDL,eAAe,CAAC,CACdC,OAAO,CAAE,kEAAkE,CAC3EC,UAAU,CAAE,0BACd,CAAC,CAAC,CACF,OAAOE,SAAS,CAClB;;;;"}

package/build/lib/native/components/GenUI/index.js

@@ -1,4 +1,4 @@
 export { GenUIProvider } from './GenUIProvider.native.js';
-export { useGenUI, useGenUIAction } from './GenUIContext.native.js';
+export { useGenUI, useGenUIAction, useGenUIComponentActions } from './GenUIContext.native.js';
 export { GenUISchemaRenderer } from './GenUISchemaRenderer.native.js';
 //# sourceMappingURL=index.js.map

package/build/lib/native/components/Icons/BookmarkFilledIcon/BookmarkFilledIcon.js

@@ -0,0 +1,14 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import '../_Svg/index.js';
+import '../useIconProps/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useIconProps from '../useIconProps/useIconProps.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import Path from '../_Svg/Path/Path.native.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded=["size","color"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Icons/BookmarkFilledIcon/BookmarkFilledIcon.tsx";var _BookmarkFilledIcon=function _BookmarkFilledIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsx(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M4 5C4 3.34315 5.34315 2 7 2H17C18.6569 2 20 3.34315 20 5V21C20 21.3746 19.7907 21.7178 19.4576 21.8892C19.1245 22.0606 18.7236 22.0315 18.4188 21.8137L12 17.2289L5.58124 21.8137C5.27642 22.0315 4.87549 22.0606 4.54242 21.8892C4.20935 21.7178 4 21.3746 4 21V5Z",fill:iconColor})}));};var BookmarkFilledIcon=assignWithoutSideEffects(_BookmarkFilledIcon,{componentId:'BookmarkFilledIcon'});
+
+export { BookmarkFilledIcon as default };
+//# sourceMappingURL=BookmarkFilledIcon.js.map

package/build/lib/native/components/Icons/BookmarkFilledIcon/BookmarkFilledIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookmarkFilledIcon.js","sources":["../../../../../../src/components/Icons/BookmarkFilledIcon/BookmarkFilledIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _BookmarkFilledIcon: IconComponent = ({ size, color, ...styledProps }) => {\n  const { height, width, iconColor } = useIconProps({ size, color });\n\n  return (\n    <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 5C4 3.34315 5.34315 2 7 2H17C18.6569 2 20 3.34315 20 5V21C20 21.3746 19.7907 21.7178 19.4576 21.8892C19.1245 22.0606 18.7236 22.0315 18.4188 21.8137L12 17.2289L5.58124 21.8137C5.27642 22.0315 4.87549 22.0606 4.54242 21.8892C4.20935 21.7178 4 21.3746 4 21V5Z\"\n        fill={iconColor}\n      />\n    </Svg>\n  );\n};\n\nconst BookmarkFilledIcon = assignWithoutSideEffects(_BookmarkFilledIcon, {\n  componentId: 'BookmarkFilledIcon',\n});\n\nexport default BookmarkFilledIcon;\n"],"names":["this","_BookmarkFilledIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsx","Svg","Object","assign","viewBox","fill","children","Path","fillRule","clipRule","d","BookmarkFilledIcon","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,6GAAA,CAKA,IAAMC,mBAAkC,CAAG,SAArCA,mBAAkCA,CAAAC,IAAA,CAAwC,CAAA,IAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CACvE,CAAA,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,GAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKX,WAAW,CAAA,CAAEM,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CACjFN,GAAA,CAACO,IAAI,CACHC,CAAAA,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,sQAAsQ,CACxQL,IAAI,CAAEN,SAAU,CACjB,CAAC,CAAA,CACC,CAAC,CAEV,CAAC,CAEK,IAAAY,kBAAkB,CAAGC,wBAAwB,CAACxB,mBAAmB,CAAE,CACvEyB,WAAW,CAAE,oBACf,CAAC;;;;"}

package/build/lib/native/components/Icons/BookmarkFilledIcon/index.js

@@ -0,0 +1,2 @@
+export { default } from './BookmarkFilledIcon.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Icons/BookmarkFilledIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/Icons/index.js

@@ -66,6 +66,7 @@ import './BillMeIcon/index.js';
 import './BluetoothIcon/index.js';
 import './BoldIcon/index.js';
 import './BookIcon/index.js';
+import './BookmarkFilledIcon/index.js';
 import './BookmarkIcon/index.js';
 import './BoxIcon/index.js';
 import './BriefcaseIcon/index.js';

package/build/lib/native/components/Icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js

@@ -19,7 +19,7 @@ import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { Text } from '../../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","autoGrowMaxHeight","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as","$size","valueSuffix"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/BaseInput/StyledBaseInput.native.tsx";var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,isDropdownTrigger=_ref.isDropdownTrigger,size$1=_ref.size,autoGrowMaxHeight=_ref.autoGrowMaxHeight;if(isTextArea){if(autoGrowMaxHeight){return undefined;}var lines=isDropdownTrigger?1:numberOfLines!=null?numberOfLines:0;return `${baseInputHeight[size$1]*lines}px`;}if(hasTags){return undefined;}return makeSize(size[baseInputHeight[size$1]]);};var getRNInputStyles=function getRNInputStyles(props){var _props$numberOfLines;return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,trailingInteractionElement:props.trailingInteractionElement,leadingInteractionElement:props.leadingInteractionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,padding:props.$padding,valueComponentType:props.valueComponentType,isTableInputCell:props.isTableInputCell}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:props.isTextArea?'top':'center'},props.isTextArea?{}:{paddingTop:0,paddingBottom:0,height:undefined,minHeight:undefined},props.isTextArea||props.hasTags?Object.assign({height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,autoGrowMaxHeight:props.$autoGrowMaxHeight})},props.isTextArea&&props.$autoGrowMaxHeight?{minHeight:`${baseInputHeight[props.$size]*(props.isDropdownTrigger?1:(_props$numberOfLines=props.numberOfLines)!=null?_props$numberOfLines:1)}px`}:{}):{});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,trailingInteractionElement=_ref2.trailingInteractionElement,leadingInteractionElement=_ref2.leadingInteractionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,$autoGrowMaxHeight=_ref2.$autoGrowMaxHeight,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags,$size=_ref2.$size,$padding=_ref2.$padding,isTableInputCell=_ref2.isTableInputCell,valueComponentType=_ref2.valueComponentType;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,$autoGrowMaxHeight:$autoGrowMaxHeight,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger,$size:$size,$padding:$padding,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,trailingInteractionElement=_ref3.trailingInteractionElement,leadingInteractionElement=_ref3.leadingInteractionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,$autoGrowMaxHeight=_ref3.$autoGrowMaxHeight,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags,$size=_ref3.$size,$padding=_ref3.$padding,isTableInputCell=_ref3.isTableInputCell,valueComponentType=_ref3.valueComponentType;return Object.assign({},getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,$autoGrowMaxHeight:$autoGrowMaxHeight,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags,$size:$size,$padding:$padding,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell}));});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var _props$textAlign;var name=_ref4.name,isRequired=_ref4.isRequired,isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,autoGrowMaxHeight=_ref4.autoGrowMaxHeight,isTextArea=_ref4.isTextArea,hasPopup=_ref4.hasPopup,shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,$size=_ref4.$size,valueSuffix=_ref4.valueSuffix,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var isAutoGrowing=Boolean(isTextArea&&autoGrowMaxHeight);var minAutoGrowHeight=baseInputHeight[$size]*(props.isDropdownTrigger?1:numberOfLines!=null?numberOfLines:1);var _React$useState=React__default.useState(minAutoGrowHeight),_React$useState2=_slicedToArray(_React$useState,2),autoGrowHeight=_React$useState2[0],setAutoGrowHeight=_React$useState2[1];React__default.useEffect(function(){if(!isAutoGrowing){return;}setAutoGrowHeight(minAutoGrowHeight);},[isAutoGrowing,minAutoGrowHeight]);var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='focus'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('focus');},as:undefined,$size:$size},commonProps,props,accessibilityProps,{children:jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.3",width:"100%",children:[jsx(Text,{color:props.value&&!isDisabled?'interactive.text.gray.normal':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:(_props$textAlign=props.textAlign)!=null?_props$textAlign:'left',size:$size,children:buttonValue}),valueSuffix]})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.gray.disabled,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('focus');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},onContentSizeChange:isAutoGrowing&&autoGrowMaxHeight?function(event){var nextHeight=Math.min(Math.max(event.nativeEvent.contentSize.height,minAutoGrowHeight),autoGrowMaxHeight);setAutoGrowHeight(nextHeight);}:undefined,keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,$autoGrowMaxHeight:isAutoGrowing?autoGrowMaxHeight:undefined,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize,includeFontPadding:false,$size:$size,scrollEnabled:isAutoGrowing?autoGrowHeight>=autoGrowMaxHeight:undefined},commonProps,props,accessibilityProps,{style:isAutoGrowing?{height:autoGrowHeight,maxHeight:autoGrowMaxHeight}:undefined}));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
+var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","autoGrowMaxHeight","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as","$size","valueSuffix"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/BaseInput/StyledBaseInput.native.tsx";var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,isDropdownTrigger=_ref.isDropdownTrigger,size$1=_ref.size,autoGrowMaxHeight=_ref.autoGrowMaxHeight;if(isTextArea){if(autoGrowMaxHeight){return undefined;}var lines=isDropdownTrigger?1:numberOfLines!=null?numberOfLines:0;return `${baseInputHeight[size$1]*lines}px`;}if(hasTags){return undefined;}return makeSize(size[baseInputHeight[size$1]]);};var getRNInputStyles=function getRNInputStyles(props){var _props$numberOfLines;return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,trailingInteractionElement:props.trailingInteractionElement,leadingInteractionElement:props.leadingInteractionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,padding:props.$padding,valueComponentType:props.valueComponentType,isTableInputCell:props.isTableInputCell}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:props.isTextArea?'top':'center'},props.isTextArea?{}:{paddingTop:0,paddingBottom:0,height:undefined,minHeight:undefined},props.isTextArea||props.hasTags?Object.assign({height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,autoGrowMaxHeight:props.$autoGrowMaxHeight})},props.isTextArea&&props.$autoGrowMaxHeight?{minHeight:`${baseInputHeight[props.$size]*(props.isDropdownTrigger?1:(_props$numberOfLines=props.numberOfLines)!=null?_props$numberOfLines:1)}px`}:{}):{});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,trailingInteractionElement=_ref2.trailingInteractionElement,leadingInteractionElement=_ref2.leadingInteractionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,$autoGrowMaxHeight=_ref2.$autoGrowMaxHeight,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags,$size=_ref2.$size,$padding=_ref2.$padding,isTableInputCell=_ref2.isTableInputCell,valueComponentType=_ref2.valueComponentType;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,$autoGrowMaxHeight:$autoGrowMaxHeight,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger,$size:$size,$padding:$padding,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,trailingInteractionElement=_ref3.trailingInteractionElement,leadingInteractionElement=_ref3.leadingInteractionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,$autoGrowMaxHeight=_ref3.$autoGrowMaxHeight,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags,$size=_ref3.$size,$padding=_ref3.$padding,isTableInputCell=_ref3.isTableInputCell,valueComponentType=_ref3.valueComponentType;return Object.assign({},getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,$autoGrowMaxHeight:$autoGrowMaxHeight,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags,$size:$size,$padding:$padding,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell}));});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var _props$textAlign;var name=_ref4.name,isRequired=_ref4.isRequired,isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,autoGrowMaxHeight=_ref4.autoGrowMaxHeight,isTextArea=_ref4.isTextArea,hasPopup=_ref4.hasPopup,shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,$size=_ref4.$size,valueSuffix=_ref4.valueSuffix,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var isAutoGrowing=Boolean(isTextArea&&autoGrowMaxHeight);var minAutoGrowHeight=baseInputHeight[$size]*(props.isDropdownTrigger?1:numberOfLines!=null?numberOfLines:1);var _React$useState=React__default.useState(minAutoGrowHeight),_React$useState2=_slicedToArray(_React$useState,2),autoGrowHeight=_React$useState2[0],setAutoGrowHeight=_React$useState2[1];React__default.useEffect(function(){if(!isAutoGrowing){return;}setAutoGrowHeight(minAutoGrowHeight);},[isAutoGrowing,minAutoGrowHeight]);var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='focus'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('focus');},as:undefined,$size:$size},commonProps,props,accessibilityProps,{children:jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.3",width:"100%",children:[jsx(Text,{color:props.value&&!isDisabled?'interactive.text.gray.normal':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:(_props$textAlign=props.textAlign)!=null?_props$textAlign:'left',size:$size,children:buttonValue}),valueSuffix]})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.gray.disabled,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('focus');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},onContentSizeChange:isAutoGrowing&&autoGrowMaxHeight?function(event){var nextHeight=Math.min(Math.max(event.nativeEvent.contentSize.height,minAutoGrowHeight),autoGrowMaxHeight);setAutoGrowHeight(nextHeight);}:undefined,keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoComplete:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,$autoGrowMaxHeight:isAutoGrowing?autoGrowMaxHeight:undefined,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize,includeFontPadding:false,$size:$size,scrollEnabled:isAutoGrowing?autoGrowHeight>=autoGrowMaxHeight:undefined},commonProps,props,accessibilityProps,{style:isAutoGrowing?{height:autoGrowHeight,maxHeight:autoGrowMaxHeight}:undefined}));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
 
 export { StyledBaseInput };
 //# sourceMappingURL=StyledBaseInput.native.js.map

package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n  TextInput,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'postal-code'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction' | 'autoGrowMaxHeight'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  $size: NonNullable<BaseInputProps['size']>;\n  /** Transient — must not forward to native TextInput */\n  $autoGrowMaxHeight?: number;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  isDropdownTrigger,\n  size,\n  autoGrowMaxHeight,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n  size: NonNullable<BaseInputProps['size']>;\n  autoGrowMaxHeight?: number;\n}): string | undefined => {\n  if (isTextArea) {\n    // Auto-grow textareas manage height via inline styles + onContentSizeChange\n    if (autoGrowMaxHeight) {\n      return undefined;\n    }\n    const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n    return `${baseInputHeight[size] * lines}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(sizeToken[baseInputHeight[size]]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      padding: props.$padding,\n      valueComponentType: props.valueComponentType,\n      isTableInputCell: props.isTableInputCell,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: props.isTextArea ? 'top' : 'center',\n    ...(props.isTextArea\n      ? {}\n      : {\n          paddingTop: 0,\n          paddingBottom: 0,\n          height: undefined,\n          minHeight: undefined,\n        }),\n    ...(props.isTextArea || props.hasTags\n      ? {\n          height: getInputHeight({\n            isTextArea: props.isTextArea,\n            hasTags: props.hasTags,\n            numberOfLines: props.numberOfLines,\n            isDropdownTrigger: props.isDropdownTrigger,\n            size: props.$size,\n            autoGrowMaxHeight: props.$autoGrowMaxHeight,\n          }),\n          ...(props.isTextArea && props.$autoGrowMaxHeight\n            ? {\n                minHeight: `${\n                  baseInputHeight[props.$size] *\n                  (props.isDropdownTrigger ? 1 : props.numberOfLines ?? 1)\n                }px`,\n              }\n            : {}),\n        }\n      : {}),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    $autoGrowMaxHeight,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    $padding,\n    isTableInputCell,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      $autoGrowMaxHeight,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      $padding,\n      valueComponentType,\n      isTableInputCell,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    $autoGrowMaxHeight,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    $padding,\n    isTableInputCell,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      $autoGrowMaxHeight,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      $padding,\n      valueComponentType,\n      isTableInputCell,\n    }),\n  }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    autoGrowMaxHeight,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    $size,\n    valueSuffix,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  // Auto-grow is opt-in (ChatInput only today). Default path must match prior textarea height behavior.\n  const isAutoGrowing = Boolean(isTextArea && autoGrowMaxHeight);\n  const minAutoGrowHeight =\n    baseInputHeight[$size] * (props.isDropdownTrigger ? 1 : numberOfLines ?? 1);\n  const [autoGrowHeight, setAutoGrowHeight] = React.useState(minAutoGrowHeight);\n\n  React.useEffect(() => {\n    if (!isAutoGrowing) {\n      return;\n    }\n    setAutoGrowHeight(minAutoGrowHeight);\n  }, [isAutoGrowing, minAutoGrowHeight]);\n\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'focus',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('focus');\n      }}\n      as={undefined}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.3\" width=\"100%\">\n        <Text\n          color={\n            props.value && !isDisabled\n              ? 'interactive.text.gray.normal'\n              : 'surface.text.gray.disabled'\n          }\n          truncateAfterLines={1}\n          textAlign={props.textAlign ?? 'left'}\n          size={$size}\n        >\n          {buttonValue}\n        </Text>\n        {valueSuffix}\n      </BaseBox>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.gray.disabled}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('focus');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      onContentSizeChange={\n        isAutoGrowing && autoGrowMaxHeight\n          ? (event): void => {\n              const nextHeight = Math.min(\n                Math.max(event.nativeEvent.contentSize.height, minAutoGrowHeight),\n                autoGrowMaxHeight,\n              );\n              setAutoGrowHeight(nextHeight);\n            }\n          : undefined\n      }\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoCompleteType={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      // Transient styled prop — never forwarded to native TextInput\n      $autoGrowMaxHeight={isAutoGrowing ? autoGrowMaxHeight : undefined}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      includeFontPadding={false}\n      $size={$size}\n      scrollEnabled={isAutoGrowing ? autoGrowHeight >= (autoGrowMaxHeight as number) : undefined}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n      style={isAutoGrowing ? { height: autoGrowHeight, maxHeight: autoGrowMaxHeight } : undefined}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","isDropdownTrigger","size","autoGrowMaxHeight","undefined","lines","baseInputHeight","makeSize","sizeToken","getRNInputStyles","props","_props$numberOfLines","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","padding","$padding","valueComponentType","isTableInputCell","lineHeight","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","paddingTop","paddingBottom","height","minHeight","$autoGrowMaxHeight","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","_props$textAlign","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","valueSuffix","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","isAutoGrowing","Boolean","minAutoGrowHeight","_React$useState","React","useState","_React$useState2","_slicedToArray","autoGrowHeight","setAutoGrowHeight","useEffect","commonProps","onBlur","_jsx","onPress","onFocus","children","_jsxs","BaseBox","display","flexDirection","alignItems","gap","width","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","onContentSizeChange","nextHeight","Math","min","max","contentSize","returnKeyType","autoCompleteType","secureTextEntry","textContentType","includeFontPadding","scrollEnabled","style","maxHeight","StyledBaseInput","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n  TextInput,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'password-new'\n  | 'sms-otp'\n  | 'postal-code'\n  | 'postal-address-country'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction' | 'autoGrowMaxHeight'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoComplete?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  $size: NonNullable<BaseInputProps['size']>;\n  /** Transient — must not forward to native TextInput */\n  $autoGrowMaxHeight?: number;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  isDropdownTrigger,\n  size,\n  autoGrowMaxHeight,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n  size: NonNullable<BaseInputProps['size']>;\n  autoGrowMaxHeight?: number;\n}): string | undefined => {\n  if (isTextArea) {\n    // Auto-grow textareas manage height via inline styles + onContentSizeChange\n    if (autoGrowMaxHeight) {\n      return undefined;\n    }\n    const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n    return `${baseInputHeight[size] * lines}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(sizeToken[baseInputHeight[size]]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      padding: props.$padding,\n      valueComponentType: props.valueComponentType,\n      isTableInputCell: props.isTableInputCell,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: props.isTextArea ? 'top' : 'center',\n    ...(props.isTextArea\n      ? {}\n      : {\n          paddingTop: 0,\n          paddingBottom: 0,\n          height: undefined,\n          minHeight: undefined,\n        }),\n    ...(props.isTextArea || props.hasTags\n      ? {\n          height: getInputHeight({\n            isTextArea: props.isTextArea,\n            hasTags: props.hasTags,\n            numberOfLines: props.numberOfLines,\n            isDropdownTrigger: props.isDropdownTrigger,\n            size: props.$size,\n            autoGrowMaxHeight: props.$autoGrowMaxHeight,\n          }),\n          ...(props.isTextArea && props.$autoGrowMaxHeight\n            ? {\n                minHeight: `${\n                  baseInputHeight[props.$size] *\n                  (props.isDropdownTrigger ? 1 : props.numberOfLines ?? 1)\n                }px`,\n              }\n            : {}),\n        }\n      : {}),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    $autoGrowMaxHeight,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    $padding,\n    isTableInputCell,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      $autoGrowMaxHeight,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      $padding,\n      valueComponentType,\n      isTableInputCell,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    $autoGrowMaxHeight,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    $padding,\n    isTableInputCell,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      $autoGrowMaxHeight,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      $padding,\n      valueComponentType,\n      isTableInputCell,\n    }),\n  }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    autoGrowMaxHeight,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    $size,\n    valueSuffix,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  // Auto-grow is opt-in (ChatInput only today). Default path must match prior textarea height behavior.\n  const isAutoGrowing = Boolean(isTextArea && autoGrowMaxHeight);\n  const minAutoGrowHeight =\n    baseInputHeight[$size] * (props.isDropdownTrigger ? 1 : numberOfLines ?? 1);\n  const [autoGrowHeight, setAutoGrowHeight] = React.useState(minAutoGrowHeight);\n\n  React.useEffect(() => {\n    if (!isAutoGrowing) {\n      return;\n    }\n    setAutoGrowHeight(minAutoGrowHeight);\n  }, [isAutoGrowing, minAutoGrowHeight]);\n\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'focus',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('focus');\n      }}\n      as={undefined}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.3\" width=\"100%\">\n        <Text\n          color={\n            props.value && !isDisabled\n              ? 'interactive.text.gray.normal'\n              : 'surface.text.gray.disabled'\n          }\n          truncateAfterLines={1}\n          textAlign={props.textAlign ?? 'left'}\n          size={$size}\n        >\n          {buttonValue}\n        </Text>\n        {valueSuffix}\n      </BaseBox>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.gray.disabled}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('focus');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      onContentSizeChange={\n        isAutoGrowing && autoGrowMaxHeight\n          ? (event): void => {\n              const nextHeight = Math.min(\n                Math.max(event.nativeEvent.contentSize.height, minAutoGrowHeight),\n                autoGrowMaxHeight,\n              );\n              setAutoGrowHeight(nextHeight);\n            }\n          : undefined\n      }\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoComplete={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      // Transient styled prop — never forwarded to native TextInput\n      $autoGrowMaxHeight={isAutoGrowing ? autoGrowMaxHeight : undefined}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      includeFontPadding={false}\n      $size={$size}\n      scrollEnabled={isAutoGrowing ? autoGrowHeight >= (autoGrowMaxHeight as number) : undefined}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n      style={isAutoGrowing ? { height: autoGrowHeight, maxHeight: autoGrowMaxHeight } : undefined}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","isDropdownTrigger","size","autoGrowMaxHeight","undefined","lines","baseInputHeight","makeSize","sizeToken","getRNInputStyles","props","_props$numberOfLines","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","padding","$padding","valueComponentType","isTableInputCell","lineHeight","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","paddingTop","paddingBottom","height","minHeight","$autoGrowMaxHeight","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","_props$textAlign","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","valueSuffix","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","isAutoGrowing","Boolean","minAutoGrowHeight","_React$useState","React","useState","_React$useState2","_slicedToArray","autoGrowHeight","setAutoGrowHeight","useEffect","commonProps","onBlur","_jsx","onPress","onFocus","children","_jsxs","BaseBox","display","flexDirection","alignItems","gap","width","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","onContentSizeChange","nextHeight","Math","min","max","contentSize","returnKeyType","autoComplete","secureTextEntry","textContentType","includeFontPadding","scrollEnabled","style","maxHeight","StyledBaseInput","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Input/OTPInput/OTPInput.js

@@ -23,7 +23,7 @@ import { FormLabel } from '../../Form/FormLabel.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { FormHint } from '../../Form/FormHint.js';
 
-var _excluded=["autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","otpLength","placeholder","successText","validationState","value","isMasked","autoCompleteSuggestionType","testID","size"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/OTPInput/OTPInput.tsx";var isReactNative=getPlatformType()==='react-native';var otpToArray=function otpToArray(code){var _code$split;return (_code$split=code==null?void 0:code.split(''))!=null?_code$split:Array(6).fill('');};var _OTPInput=function _OTPInput(_ref,incomingRef){var autoFocus=_ref.autoFocus,errorText=_ref.errorText,helpText=_ref.helpText,isDisabled=_ref.isDisabled,keyboardReturnKeyType=_ref.keyboardReturnKeyType,_ref$keyboardType=_ref.keyboardType,keyboardType=_ref$keyboardType===void 0?'decimal':_ref$keyboardType,label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,labelPosition=_ref.labelPosition,labelSuffix=_ref.labelSuffix,labelTrailing=_ref.labelTrailing,name=_ref.name,onChange=_ref.onChange,_onFocus=_ref.onFocus,_onBlur=_ref.onBlur,onOTPFilled=_ref.onOTPFilled,_ref$otpLength=_ref.otpLength,otpLength=_ref$otpLength===void 0?6:_ref$otpLength,placeholder=_ref.placeholder,successText=_ref.successText,validationState=_ref.validationState,inputValue=_ref.value,isMasked=_ref.isMasked,_ref$autoCompleteSugg=_ref.autoCompleteSuggestionType,autoCompleteSuggestionType=_ref$autoCompleteSugg===void 0?'oneTimeCode':_ref$autoCompleteSugg,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,rest=_objectWithoutProperties(_ref,_excluded);var inputRefs=[];var _useState=useState(otpToArray(inputValue)),_useState2=_slicedToArray(_useState,2),otpValue=_useState2[0],setOtpValue=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),inputType=_useState4[0],setInputType=_useState4[1];var isLabelLeftPositioned=labelPosition==='left';var _useFormId=useFormId('otp'),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;useImperativeHandle(incomingRef,function(){return inputRefs.map(function(ref){return ref.current;});},[inputRefs]);useEffect(function(){if(inputValue&&inputValue.length>=otpLength){onOTPFilled==null?void 0:onOTPFilled({value:inputValue.slice(0,otpLength),name:name});}else if(!inputValue&&otpValue.join('').length>=otpLength){onOTPFilled==null?void 0:onOTPFilled({value:otpValue.slice(0,otpLength).join(''),name:name});}},[otpValue,otpLength,name,inputValue,onOTPFilled]);useEffect(function(){otpValue.forEach(function(otp,index){if(!isEmpty(otp)&&!inputType[index]&&isMasked){var newInputType=Array.from(inputType);newInputType[index]='password';setInputType(newInputType);}if(isEmpty(otp)&&inputType[index]){var _newInputType=Array.from(inputType);_newInputType[index]=undefined;setInputType(_newInputType);}});},[otpValue,inputType,isMasked]);var setOtpValueByIndex=function setOtpValueByIndex(_ref2){var value=_ref2.value,index=_ref2.index;var newOtpValue=Array.from(otpValue);newOtpValue[index]=value;setOtpValue(newOtpValue);return newOtpValue.join('');};var focusOnOtpByIndex=function focusOnOtpByIndex(index){var _inputRefs$index,_inputRefs$index$curr;(_inputRefs$index=inputRefs[index])==null?void 0:(_inputRefs$index$curr=_inputRefs$index.current)==null?void 0:_inputRefs$index$curr.focus();if(!isReactNative){var _inputRefs$index2,_inputRefs$index2$cur;(_inputRefs$index2=inputRefs[index])==null?void 0:(_inputRefs$index2$cur=_inputRefs$index2.current)==null?void 0:_inputRefs$index2$cur.select();}};var handleOnChange=function handleOnChange(_ref3){var value=_ref3.value,currentOtpIndex=_ref3.currentOtpIndex;if(value&&value===' '){return;}if(inputValue&&inputValue.length>0){var newOtpValue=Array.from(inputValue);newOtpValue[currentOtpIndex]=value!=null?value:'';setOtpValue(newOtpValue);onChange==null?void 0:onChange({name:name,value:newOtpValue.join('')});}else if(value&&value.trim().length>1){setOtpValue(Array.from(value));onChange==null?void 0:onChange({name:name,value:value.trim().slice(0,otpLength)});}else if(otpValue[currentOtpIndex]!==(value==null?void 0:value.trim())){var _value$trim;var newValue=setOtpValueByIndex({value:(_value$trim=value==null?void 0:value.trim())!=null?_value$trim:'',index:currentOtpIndex});onChange==null?void 0:onChange({name:name,value:newValue});}};var handleOnInput=function handleOnInput(_ref4){var value=_ref4.value,currentOtpIndex=_ref4.currentOtpIndex;if(value&&value.trim().length===1){focusOnOtpByIndex(++currentOtpIndex);}};var handleOnKeyDown=function handleOnKeyDown(_ref5){var key=_ref5.key,code=_ref5.code,event=_ref5.event,currentOtpIndex=_ref5.currentOtpIndex;if(key==='Backspace'||code==='Backspace'||code==='Delete'||key==='Delete'){event.preventDefault==null?void 0:event.preventDefault();if(otpValue[currentOtpIndex]){handleOnChange({value:'',currentOtpIndex:currentOtpIndex});}else {focusOnOtpByIndex(--currentOtpIndex);handleOnChange({value:'',currentOtpIndex:currentOtpIndex});}}else if(key==='ArrowLeft'||code==='ArrowLeft'){event.preventDefault==null?void 0:event.preventDefault();focusOnOtpByIndex(--currentOtpIndex);}else if(key==='ArrowRight'||code==='ArrowRight'){event.preventDefault==null?void 0:event.preventDefault();focusOnOtpByIndex(++currentOtpIndex);}else if(key===' '||code==='Space'){event.preventDefault==null?void 0:event.preventDefault();}};var getHiddenInput=function getHiddenInput(){if(!isReactNative){var _ref6;return jsx("input",{hidden:true,id:inputId,name:name,value:(_ref6=inputValue!=null?inputValue:otpValue.join(''))!=null?_ref6:'',readOnly:true});}return null;};var getOTPInputFields=function getOTPInputFields(){var inputs=[];var _loop=function _loop(index){var _otpValue$index,_Array$from$index;var currentValue=inputValue?otpToArray(inputValue)[index]||'':otpValue[index]||'';var ref=React__default.createRef();var currentInputType;if(isMasked){currentInputType=inputValue?'password':inputType[index];}inputRefs.push(ref);inputs.push(jsx(BaseBox,{flex:1,marginLeft:index==0?'spacing.0':'spacing.3',children:jsx(BaseInput,Object.assign({autoFocus:autoFocus&&index===0,accessibilityLabel:`${index===0?label||accessibilityLabel:''} character ${index+1}`,label:label,hideLabelText:true,id:`${inputId}-${index}`,textAlign:"center",ref:ref,name:name,value:currentValue,maxCharacters:((_otpValue$index=otpValue[index])==null?void 0:_otpValue$index.length)>0?1:undefined,onChange:function onChange(formEvent){return handleOnChange(Object.assign({},formEvent,{currentOtpIndex:index}));},onFocus:function onFocus(formEvent){return _onFocus==null?void 0:_onFocus(Object.assign({},formEvent,{inputIndex:index}));},onBlur:function onBlur(formEvent){return _onBlur==null?void 0:_onBlur(Object.assign({},formEvent,{inputIndex:index}));},onInput:function onInput(formEvent){return handleOnInput(Object.assign({},formEvent,{currentOtpIndex:index}));},onKeyDown:function onKeyDown(keyboardEvent){return handleOnKeyDown(Object.assign({},keyboardEvent,{currentOtpIndex:index}));},isDisabled:isDisabled,placeholder:(_Array$from$index=Array.from(placeholder!=null?placeholder:'')[index])!=null?_Array$from$index:'',isRequired:true,autoCompleteSuggestionType:autoCompleteSuggestionType,keyboardType:keyboardType,keyboardReturnKeyType:keyboardReturnKeyType,validationState:validationState,successText:successText,errorText:errorText,helpText:helpText,hideFormHint:true,type:currentInputType,size:size,valueComponentType:"heading"},makeAnalyticsAttribute(rest)))},`${inputId}-${index}`));};for(var index=0;index<otpLength;index++){_loop(index);}return inputs;};return jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.OTPInput,testID:testID}),getStyledProps(rest),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",children:[Boolean(label)&&jsx(FormLabel,{as:"label",position:labelPosition,htmlFor:inputId,size:size,labelSuffix:labelSuffix,labelTrailing:labelTrailing,children:label}),jsxs(BaseBox,{display:"flex",flexDirection:"row",children:[getHiddenInput(),getOTPInputFields()]})]}),jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned?136:0),children:jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size})})]}));};var OTPInput=React__default.forwardRef(_OTPInput);
+var _excluded=["autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","otpLength","placeholder","successText","validationState","value","isMasked","autoCompleteSuggestionType","testID","size"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/OTPInput/OTPInput.tsx";var isReactNative=getPlatformType()==='react-native';var otpToArray=function otpToArray(code){var _code$split;return (_code$split=code==null?void 0:code.split(''))!=null?_code$split:Array(6).fill('');};var _OTPInput=function _OTPInput(_ref,incomingRef){var autoFocus=_ref.autoFocus,errorText=_ref.errorText,helpText=_ref.helpText,isDisabled=_ref.isDisabled,keyboardReturnKeyType=_ref.keyboardReturnKeyType,_ref$keyboardType=_ref.keyboardType,keyboardType=_ref$keyboardType===void 0?'decimal':_ref$keyboardType,label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,labelPosition=_ref.labelPosition,labelSuffix=_ref.labelSuffix,labelTrailing=_ref.labelTrailing,name=_ref.name,onChange=_ref.onChange,_onFocus=_ref.onFocus,_onBlur=_ref.onBlur,onOTPFilled=_ref.onOTPFilled,_ref$otpLength=_ref.otpLength,otpLength=_ref$otpLength===void 0?6:_ref$otpLength,placeholder=_ref.placeholder,successText=_ref.successText,validationState=_ref.validationState,inputValue=_ref.value,isMasked=_ref.isMasked,_ref$autoCompleteSugg=_ref.autoCompleteSuggestionType,autoCompleteSuggestionType=_ref$autoCompleteSugg===void 0?'oneTimeCode':_ref$autoCompleteSugg,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,rest=_objectWithoutProperties(_ref,_excluded);var inputRefs=[];var _useState=useState(otpToArray(inputValue)),_useState2=_slicedToArray(_useState,2),otpValue=_useState2[0],setOtpValue=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),inputType=_useState4[0],setInputType=_useState4[1];var isLabelLeftPositioned=labelPosition==='left';var _useFormId=useFormId('otp'),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;useImperativeHandle(incomingRef,function(){return inputRefs.map(function(ref){return ref.current;});},[inputRefs]);useEffect(function(){if(inputValue&&inputValue.length>=otpLength){onOTPFilled==null?void 0:onOTPFilled({value:inputValue.slice(0,otpLength),name:name});}else if(!inputValue&&otpValue.join('').length>=otpLength){onOTPFilled==null?void 0:onOTPFilled({value:otpValue.slice(0,otpLength).join(''),name:name});}},[otpValue,otpLength,name,inputValue,onOTPFilled]);useEffect(function(){otpValue.forEach(function(otp,index){if(!isEmpty(otp)&&!inputType[index]&&isMasked){var newInputType=Array.from(inputType);newInputType[index]='password';setInputType(newInputType);}if(isEmpty(otp)&&inputType[index]){var _newInputType=Array.from(inputType);_newInputType[index]=undefined;setInputType(_newInputType);}});},[otpValue,inputType,isMasked]);var setOtpValueByIndex=function setOtpValueByIndex(_ref2){var value=_ref2.value,index=_ref2.index;var newOtpValue=Array.from(otpValue);newOtpValue[index]=value;setOtpValue(newOtpValue);return newOtpValue.join('');};var focusOnOtpByIndex=function focusOnOtpByIndex(index){var _inputRefs$index,_inputRefs$index$curr;(_inputRefs$index=inputRefs[index])==null?void 0:(_inputRefs$index$curr=_inputRefs$index.current)==null?void 0:_inputRefs$index$curr.focus();if(!isReactNative){var _inputRefs$index2,_inputRefs$index2$cur;(_inputRefs$index2=inputRefs[index])==null?void 0:(_inputRefs$index2$cur=_inputRefs$index2.current)==null?void 0:_inputRefs$index2$cur.select();}};var handleOnChange=function handleOnChange(_ref3){var value=_ref3.value,currentOtpIndex=_ref3.currentOtpIndex;if(value&&value===' '){return;}if(inputValue&&inputValue.length>0){var newOtpValue=Array.from(inputValue);newOtpValue[currentOtpIndex]=value!=null?value:'';setOtpValue(newOtpValue);onChange==null?void 0:onChange({name:name,value:newOtpValue.join('')});}else if(value&&value.trim().length>1){setOtpValue(Array.from(value));onChange==null?void 0:onChange({name:name,value:value.trim().slice(0,otpLength)});var lastFilledIndex=Math.min(value.trim().length,otpLength)-1;focusOnOtpByIndex(lastFilledIndex);}else if(otpValue[currentOtpIndex]!==(value==null?void 0:value.trim())){var _value$trim;var newValue=setOtpValueByIndex({value:(_value$trim=value==null?void 0:value.trim())!=null?_value$trim:'',index:currentOtpIndex});onChange==null?void 0:onChange({name:name,value:newValue});}};var handleOnInput=function handleOnInput(_ref4){var value=_ref4.value,currentOtpIndex=_ref4.currentOtpIndex;if(value&&value.trim().length===1){focusOnOtpByIndex(++currentOtpIndex);}};var handleOnKeyDown=function handleOnKeyDown(_ref5){var key=_ref5.key,code=_ref5.code,event=_ref5.event,currentOtpIndex=_ref5.currentOtpIndex;if(key==='Backspace'||code==='Backspace'||code==='Delete'||key==='Delete'){event.preventDefault==null?void 0:event.preventDefault();if(otpValue[currentOtpIndex]){handleOnChange({value:'',currentOtpIndex:currentOtpIndex});}else {focusOnOtpByIndex(--currentOtpIndex);handleOnChange({value:'',currentOtpIndex:currentOtpIndex});}}else if(key==='ArrowLeft'||code==='ArrowLeft'){event.preventDefault==null?void 0:event.preventDefault();focusOnOtpByIndex(--currentOtpIndex);}else if(key==='ArrowRight'||code==='ArrowRight'){event.preventDefault==null?void 0:event.preventDefault();focusOnOtpByIndex(++currentOtpIndex);}else if(key===' '||code==='Space'){event.preventDefault==null?void 0:event.preventDefault();}};var getHiddenInput=function getHiddenInput(){if(!isReactNative){var _ref6;return jsx("input",{hidden:true,id:inputId,name:name,value:(_ref6=inputValue!=null?inputValue:otpValue.join(''))!=null?_ref6:'',readOnly:true});}return null;};var getOTPInputFields=function getOTPInputFields(){var inputs=[];var _loop=function _loop(index){var _otpValue$index,_Array$from$index;var currentValue=inputValue?otpToArray(inputValue)[index]||'':otpValue[index]||'';var ref=React__default.createRef();var currentInputType;if(isMasked){currentInputType=inputValue?'password':inputType[index];}inputRefs.push(ref);inputs.push(jsx(BaseBox,{flex:1,marginLeft:index==0?'spacing.0':'spacing.3',children:jsx(BaseInput,Object.assign({autoFocus:autoFocus&&index===0,accessibilityLabel:`${index===0?label||accessibilityLabel:''} character ${index+1}`,label:label,hideLabelText:true,id:`${inputId}-${index}`,textAlign:"center",ref:ref,name:name,value:currentValue,maxCharacters:((_otpValue$index=otpValue[index])==null?void 0:_otpValue$index.length)>0?1:undefined,onChange:function onChange(formEvent){return handleOnChange(Object.assign({},formEvent,{currentOtpIndex:index}));},onFocus:function onFocus(formEvent){return _onFocus==null?void 0:_onFocus(Object.assign({},formEvent,{inputIndex:index}));},onBlur:function onBlur(formEvent){return _onBlur==null?void 0:_onBlur(Object.assign({},formEvent,{inputIndex:index}));},onInput:function onInput(formEvent){return handleOnInput(Object.assign({},formEvent,{currentOtpIndex:index}));},onKeyDown:function onKeyDown(keyboardEvent){return handleOnKeyDown(Object.assign({},keyboardEvent,{currentOtpIndex:index}));},isDisabled:isDisabled,placeholder:(_Array$from$index=Array.from(placeholder!=null?placeholder:'')[index])!=null?_Array$from$index:'',isRequired:true,autoCompleteSuggestionType:autoCompleteSuggestionType,keyboardType:keyboardType,keyboardReturnKeyType:keyboardReturnKeyType,validationState:validationState,successText:successText,errorText:errorText,helpText:helpText,hideFormHint:true,type:currentInputType,size:size,valueComponentType:"heading"},makeAnalyticsAttribute(rest)))},`${inputId}-${index}`));};for(var index=0;index<otpLength;index++){_loop(index);}return inputs;};return jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.OTPInput,testID:testID}),getStyledProps(rest),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",children:[Boolean(label)&&jsx(FormLabel,{as:"label",position:labelPosition,htmlFor:inputId,size:size,labelSuffix:labelSuffix,labelTrailing:labelTrailing,children:label}),jsxs(BaseBox,{display:"flex",flexDirection:"row",children:[getHiddenInput(),getOTPInputFields()]})]}),jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned?136:0),children:jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size})})]}));};var OTPInput=React__default.forwardRef(_OTPInput);
 
 export { OTPInput };
 //# sourceMappingURL=OTPInput.js.map