@razorpay/blade 12.98.0 → 12.110.0

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

@@ -1,9 +1,8 @@
-import '../../../tokens/global/typography.js';
-import { spacing } from '../../../tokens/global/spacing.js';
-import '../../../tokens/global/motion.js';
+import '../../../tokens/global/index.js';
 import { size } from '../../../tokens/global/size.js';
+import { spacing } from '../../../tokens/global/spacing.js';
 
-var BASEINPUT_MAX_ROWS=4;spacing['3'];var baseInputHeight={xsmall:size['26'],small:size['30'],medium:size['36'],large:size['48']};var baseInputWrapperMaxHeight={xsmall:baseInputHeight.xsmall*BASEINPUT_MAX_ROWS,small:baseInputHeight.small*BASEINPUT_MAX_ROWS,medium:baseInputHeight.medium*BASEINPUT_MAX_ROWS,large:baseInputHeight.large*BASEINPUT_MAX_ROWS};var baseInputBorderColor={default:'interactive.border.gray.default',hovered:'interactive.border.gray.highlighted',focused:'interactive.border.primary.default',disabled:'interactive.border.gray.disabled',error:'interactive.border.negative.default',success:'interactive.border.positive.default'};var baseInputBackgroundColor={default:'surface.background.gray.intense',hovered:'surface.background.gray.intense',focused:'surface.background.gray.intense',disabled:'surface.background.gray.moderate',error:'surface.background.gray.intense',success:'surface.background.gray.intense'};var baseInputBorderlessBackgroundColor={default:'transparent',hovered:'surface.background.gray.intense',focused:'surface.background.gray.intense',disabled:'surface.background.gray.moderate',error:'feedback.background.negative.subtle',success:'feedback.background.positive.subtle'};var baseInputBorderRadius={xsmall:'small',small:'small',medium:'small',large:'medium'};var inputDropdownButtonPadding={xsmall:1,small:1,medium:2,large:2};var baseInputBorderWidth={default:'thin',hovered:'thin',disabled:'thin',focused:'thick',error:'thick',success:'thick'};var baseInputBorderBackgroundMotion={enter:{duration:'xgentle',easing:'emphasized'},exit:{duration:'xgentle',easing:'emphasized'}};var baseInputPaddingTokens={top:{xsmall:2,small:2,medium:3,large:4},bottom:{xsmall:2,small:2,medium:3,large:4},left:{xsmall:3,small:3,medium:4,large:4},right:{xsmall:3,small:3,medium:4,large:4}};var formHintLeftLabelMarginLeft={xsmall:136,small:136,medium:136,large:192};var baseInputCounterInputPaddingTokens={top:{xsmall:2,small:2,medium:2,large:2},bottom:{xsmall:2,small:2,medium:2,large:2},left:{xsmall:2,small:2,medium:2,large:2},right:{xsmall:2,small:2,medium:2,large:2}};
+var BASEINPUT_MAX_ROWS=4;var TAG_HEIGHT=size['20'];var TAG_GAP=spacing['3'];var baseInputHeight={xsmall:size['28'],small:size['32'],medium:size['36'],large:size['48']};var baseInputWrapperMaxHeight={xsmall:baseInputHeight.xsmall*BASEINPUT_MAX_ROWS,small:baseInputHeight.small*BASEINPUT_MAX_ROWS,medium:baseInputHeight.medium*BASEINPUT_MAX_ROWS,large:baseInputHeight.large*BASEINPUT_MAX_ROWS};var baseInputBorderColor={default:'interactive.border.gray.default',hovered:'interactive.border.gray.highlighted',focused:'interactive.border.primary.default',disabled:'interactive.border.gray.disabled',error:'interactive.border.negative.default',success:'interactive.border.gray.default'};var baseInputBackgroundColor={default:'surface.background.gray.intense',hovered:'surface.background.gray.intense',focused:'surface.background.gray.intense',disabled:'surface.background.gray.moderate',error:'surface.background.gray.intense',success:'surface.background.gray.intense'};var baseInputBorderlessBackgroundColor={default:'transparent',hovered:'surface.background.gray.intense',focused:'surface.background.gray.intense',disabled:'surface.background.gray.moderate',error:'feedback.background.negative.subtle',success:'feedback.background.positive.subtle'};var baseInputBorderRadius={xsmall:'small',small:'small',medium:'small',large:'medium'};var inputDropdownButtonBorderRadius={xsmall:size['6'],small:size['6'],medium:size['6'],large:size['8']};var inputDropdownButtonPadding={xsmall:1,small:1,medium:2,large:2};var baseInputBorderWidth={default:'thin',hovered:'thin',disabled:'thin',focused:'thick',error:'thick',success:'thin'};var baseInputBorderBackgroundMotion={enter:{duration:'xgentle',easing:'emphasized'},exit:{duration:'xgentle',easing:'emphasized'}};var baseInputPaddingTokens={top:{xsmall:2,small:2,medium:3,large:4},bottom:{xsmall:2,small:2,medium:3,large:4},left:{xsmall:3,small:3,medium:4,large:4},right:{xsmall:3,small:3,medium:4,large:4}};var formHintLeftLabelMarginLeft={xsmall:136,small:136,medium:136,large:192};var baseInputCounterInputPaddingTokens={top:{xsmall:2,small:2,medium:2,large:2},bottom:{xsmall:2,small:2,medium:2,large:2},left:{xsmall:2,small:2,medium:2,large:2},right:{xsmall:2,small:2,medium:2,large:2}};
 
-export { BASEINPUT_MAX_ROWS, baseInputBackgroundColor, baseInputBorderBackgroundMotion, baseInputBorderColor, baseInputBorderRadius, baseInputBorderWidth, baseInputBorderlessBackgroundColor, baseInputCounterInputPaddingTokens, baseInputHeight, baseInputPaddingTokens, baseInputWrapperMaxHeight, formHintLeftLabelMarginLeft, inputDropdownButtonPadding };
+export { BASEINPUT_MAX_ROWS, TAG_GAP, TAG_HEIGHT, baseInputBackgroundColor, baseInputBorderBackgroundMotion, baseInputBorderColor, baseInputBorderRadius, baseInputBorderWidth, baseInputBorderlessBackgroundColor, baseInputCounterInputPaddingTokens, baseInputHeight, baseInputPaddingTokens, baseInputWrapperMaxHeight, formHintLeftLabelMarginLeft, inputDropdownButtonBorderRadius, inputDropdownButtonPadding };
 //# sourceMappingURL=baseInputTokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"baseInputTokens.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/**\n * 36px\n */\nexport const baseInputHeight: Record<\n  NonNullable<BaseInputProps['size']>,\n  typeof size[keyof typeof size]\n> = {\n  xsmall: size['26'],\n  small: size['30'],\n  medium: size['36'],\n  large: size['48'],\n};\n\n/**\n * medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n */\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n  xsmall: baseInputHeight.xsmall * BASEINPUT_MAX_ROWS,\n  small: baseInputHeight.small * BASEINPUT_MAX_ROWS,\n  medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n  large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n  default: 'interactive.border.gray.default',\n  hovered: 'interactive.border.gray.highlighted',\n  focused: 'interactive.border.primary.default',\n  disabled: 'interactive.border.gray.disabled',\n  error: 'interactive.border.negative.default',\n  success: 'interactive.border.positive.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n  default: 'surface.background.gray.intense',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'surface.background.gray.intense',\n  success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n  default: 'transparent',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'feedback.background.negative.subtle',\n  success: 'feedback.background.positive.subtle',\n} as const;\n\n/**\n * Border radius tokens for input sizes\n * - xsmall, small: 8px (small)\n * - medium: 8px (small)\n * - large: 12px (medium)\n */\nexport const baseInputBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\n/**\n * Border radius for input dropdown buttons (in px)\n * - xsmall, small: 6px\n * - medium: 6px\n * - large: 8px\n */\nexport const inputDropdownButtonBorderRadius = {\n  xsmall: size['6'],\n  small: size['6'],\n  medium: size['6'],\n  large: size['8'],\n} as const;\n\n/**\n * Padding for input dropdown button wrapper\n * Uses spacing tokens (1 = 2px, 2 = 4px)\n */\nexport const inputDropdownButtonPadding = {\n  xsmall: 1,\n  small: 1,\n  medium: 2,\n  large: 2,\n} as const;\n\nexport const baseInputBorderWidth = {\n  default: 'thin',\n  hovered: 'thin',\n  disabled: 'thin',\n  focused: 'thick',\n  error: 'thick',\n  success: 'thick',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n  enter: { duration: 'xgentle', easing: 'emphasized' },\n  exit: { duration: 'xgentle', easing: 'emphasized' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  left: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n  right: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n  xsmall: 136,\n  small: 136,\n  medium: 136,\n  large: 192,\n} as const;\n\nexport const baseInputCounterInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  left: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  right: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","spacing","baseInputHeight","xsmall","size","small","medium","large","baseInputWrapperMaxHeight","baseInputBorderColor","default","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderRadius","inputDropdownButtonPadding","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft","baseInputCounterInputPaddingTokens"],"mappings":"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"}
+{"version":3,"file":"baseInputTokens.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/**\n * 36px\n */\nexport const baseInputHeight: Record<\n  NonNullable<BaseInputProps['size']>,\n  typeof size[keyof typeof size]\n> = {\n  xsmall: size['28'],\n  small: size['32'],\n  medium: size['36'],\n  large: size['48'],\n};\n\n/**\n * medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n */\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n  xsmall: baseInputHeight.xsmall * BASEINPUT_MAX_ROWS,\n  small: baseInputHeight.small * BASEINPUT_MAX_ROWS,\n  medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n  large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n  default: 'interactive.border.gray.default',\n  hovered: 'interactive.border.gray.highlighted',\n  focused: 'interactive.border.primary.default',\n  disabled: 'interactive.border.gray.disabled',\n  error: 'interactive.border.negative.default',\n  success: 'interactive.border.gray.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n  default: 'surface.background.gray.intense',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'surface.background.gray.intense',\n  success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n  default: 'transparent',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'feedback.background.negative.subtle',\n  success: 'feedback.background.positive.subtle',\n} as const;\n\n/**\n * Border radius tokens for input sizes\n * - xsmall, small: 8px (small)\n * - medium: 8px (small)\n * - large: 12px (medium)\n */\nexport const baseInputBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\n/**\n * Border radius for input dropdown buttons (in px)\n * - xsmall, small: 6px\n * - medium: 6px\n * - large: 8px\n */\nexport const inputDropdownButtonBorderRadius = {\n  xsmall: size['6'],\n  small: size['6'],\n  medium: size['6'],\n  large: size['8'],\n} as const;\n\n/**\n * Padding for input dropdown button wrapper\n * Uses spacing tokens (1 = 2px, 2 = 4px)\n */\nexport const inputDropdownButtonPadding = {\n  xsmall: 1,\n  small: 1,\n  medium: 2,\n  large: 2,\n} as const;\n\nexport const baseInputBorderWidth = {\n  default: 'thin',\n  hovered: 'thin',\n  disabled: 'thin',\n  focused: 'thick',\n  error: 'thick',\n  success: 'thin',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n  enter: { duration: 'xgentle', easing: 'emphasized' },\n  exit: { duration: 'xgentle', easing: 'emphasized' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  left: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n  right: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n  xsmall: 136,\n  small: 136,\n  medium: 136,\n  large: 192,\n} as const;\n\nexport const baseInputCounterInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  left: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  right: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","TAG_HEIGHT","size","TAG_GAP","spacing","baseInputHeight","xsmall","small","medium","large","baseInputWrapperMaxHeight","baseInputBorderColor","default","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderRadius","inputDropdownButtonBorderRadius","inputDropdownButtonPadding","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft","baseInputCounterInputPaddingTokens"],"mappings":"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"}

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

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

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

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

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

@@ -2,12 +2,9 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { getTagsGroup } from '../../Tag/getTagsGroup.js';
-import 'react-native';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
+import '../../../utils/index.js';
 import { useControllableState } from '../../../utils/useControllable.js';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
 
 var useTaggedInput=function useTaggedInput(_ref){var tags=_ref.tags,isDisabled=_ref.isDisabled,onTagChange=_ref.onTagChange,isTaggedInput=_ref.isTaggedInput,inputRef=_ref.inputRef,onChange=_ref.onChange,name=_ref.name,value=_ref.value,defaultValue=_ref.defaultValue;var _React$useState=React__default.useState(-1),_React$useState2=_slicedToArray(_React$useState,2),activeTagIndex=_React$useState2[0],setActiveTagIndex=_React$useState2[1];var _React$useState3=React__default.useState(defaultValue!=null?defaultValue:''),_React$useState4=_slicedToArray(_React$useState3,2),inputValueUncontrolled=_React$useState4[0],setInputValueUncontrolled=_React$useState4[1];var _useControllableState=useControllableState({value:tags,defaultValue:[],onChange:function onChange(tags){onTagChange==null?void 0:onTagChange({tags:tags});}}),_useControllableState2=_slicedToArray(_useControllableState,2),tagsValue=_useControllableState2[0],setTagsValue=_useControllableState2[1];var getNewTagsArray=function getNewTagsArray(indexToRemove){var currentTags=tagsValue;if(!currentTags){return [];}if(indexToRemove<0||indexToRemove>=currentTags.length){return currentTags;}var newArray=currentTags.slice(0,indexToRemove).concat(currentTags.slice(indexToRemove+1));return newArray;};var getTags=React__default.useMemo(function(){return function(_ref2){var size=_ref2.size;return getTagsGroup({size:size,tags:tagsValue,activeTagIndex:activeTagIndex,isDisabled:isDisabled,onDismiss:function onDismiss(_ref3){var tagIndex=_ref3.tagIndex;setTagsValue(function(){return getNewTagsArray(tagIndex);});}});};},[activeTagIndex,tags,tagsValue,isDisabled]);var handleTaggedInputChange=function handleTaggedInputChange(_ref4){var value=_ref4.value;if(!isTaggedInput){return;}setInputValueUncontrolled(value!=null?value:'');};var handleTagsClear=function handleTagsClear(){if(!isTaggedInput){return;}setTagsValue(function(){return [];});};var clearInput=function clearInput(){var isControlledValue=value!==undefined;if(isControlledValue){onChange==null?void 0:onChange({name:name,value:''});return;}if(!inputRef.current){return;}setInputValueUncontrolled('');if(isReactNative()){setTimeout(function(){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.clear();},10);return;}inputRef.current.value='';};var handleTaggedInputKeydown=function handleTaggedInputKeydown(e){if(!isTaggedInput){return;}var currentTags=tagsValue;var isControlledValue=value!==undefined;var inputValue=isControlledValue?value==null?void 0:value.trim():inputValueUncontrolled.trim();if(e.key==='Enter'||e.key===','){e.event.preventDefault==null?void 0:e.event.preventDefault();if(inputValue){setTagsValue(function(){return [].concat(_toConsumableArray(currentTags),[inputValue]);});clearInput();setActiveTagIndex(-1);}}if(e.key==='Backspace'&&!inputValue&&activeTagIndex<0&&currentTags.length>0){setTagsValue(function(){return currentTags.slice(0,-1);});}};return {activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,getTags:getTags,handleTaggedInputKeydown:handleTaggedInputKeydown,handleTaggedInputChange:handleTaggedInputChange,handleTagsClear:handleTagsClear};};
 

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

@@ -1 +1 @@
-{"version":3,"file":"useTaggedInput.js","sources":["../../../../../../src/components/Input/BaseInput/useTaggedInput.ts"],"sourcesContent":["import React from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport type { BladeElementRefWithValue } from '~utils/types';\nimport type { FormInputOnEvent, FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { getTagsGroup } from '~components/Tag/getTagsGroup';\nimport { isReactNative } from '~utils';\nimport { useControllableState } from '~utils/useControllable';\n\ntype TaggedInputProps = {\n  isTaggedInput?: boolean;\n  tags?: string[];\n  onTagChange?: ({ tags }: { tags: string[] }) => void;\n};\n\ntype UseTaggedInputProps = TaggedInputProps &\n  Pick<BaseInputProps, 'isDisabled' | 'onChange' | 'name' | 'value' | 'defaultValue'> & {\n    inputRef: React.RefObject<BladeElementRefWithValue | null>;\n  };\n\ntype UseTaggedInputReturn = {\n  activeTagIndex: number;\n  setActiveTagIndex: (activeTagIndex: number) => void;\n  getTags: ({ size }: { size: NonNullable<BaseInputProps['size']> }) => React.ReactElement[];\n  handleTaggedInputKeydown: (e: FormInputOnKeyDownEvent) => void;\n  handleTaggedInputChange: FormInputOnEvent;\n  handleTagsClear: () => void;\n};\n\nconst useTaggedInput = ({\n  tags,\n  isDisabled,\n  onTagChange,\n  isTaggedInput,\n  inputRef,\n  onChange,\n  name,\n  value,\n  defaultValue,\n}: UseTaggedInputProps): UseTaggedInputReturn => {\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [inputValueUncontrolled, setInputValueUncontrolled] = React.useState(defaultValue ?? '');\n  const [tagsValue, setTagsValue] = useControllableState({\n    value: tags,\n    defaultValue: [],\n    onChange: (tags) => {\n      onTagChange?.({ tags });\n    },\n  });\n\n  const getNewTagsArray = (indexToRemove: number): string[] => {\n    const currentTags = tagsValue;\n\n    if (!currentTags) {\n      return [];\n    }\n\n    // Check if the index is valid\n    if (indexToRemove < 0 || indexToRemove >= currentTags.length) {\n      return currentTags; // Return the original array\n    }\n\n    // Create a new array without the element at the specified index\n    const newArray = currentTags\n      .slice(0, indexToRemove)\n      .concat(currentTags.slice(indexToRemove + 1));\n\n    return newArray;\n  };\n\n  const getTags = React.useMemo(\n    () => ({ size }: { size: NonNullable<BaseInputProps['size']> }): React.ReactElement[] => {\n      return getTagsGroup({\n        size,\n        tags: tagsValue,\n        activeTagIndex,\n        isDisabled,\n        onDismiss: ({ tagIndex }) => {\n          setTagsValue(() => getNewTagsArray(tagIndex));\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [activeTagIndex, tags, tagsValue, isDisabled],\n  );\n\n  const handleTaggedInputChange: FormInputOnEvent = ({ value }) => {\n    if (!isTaggedInput) {\n      return;\n    }\n    setInputValueUncontrolled(value ?? '');\n  };\n\n  const handleTagsClear = (): void => {\n    if (!isTaggedInput) {\n      return;\n    }\n\n    setTagsValue(() => []);\n  };\n\n  const clearInput = (): void => {\n    const isControlledValue = value !== undefined;\n\n    if (isControlledValue) {\n      // In Controlled component, we don't clear input ourselves. We just call onChange with empty value\n      onChange?.({ name, value: '' });\n      return;\n    }\n\n    if (!inputRef.current) {\n      return;\n    }\n\n    setInputValueUncontrolled('');\n\n    if (isReactNative()) {\n      setTimeout(() => {\n        // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n        // @ts-ignore: clear does exist in react native\n        inputRef.current?.clear();\n      }, 10);\n      return;\n    }\n\n    inputRef.current.value = '';\n  };\n\n  const handleTaggedInputKeydown = (e: FormInputOnKeyDownEvent): void => {\n    if (!isTaggedInput) {\n      return;\n    }\n\n    const currentTags = tagsValue;\n    const isControlledValue = value !== undefined;\n    const inputValue = isControlledValue ? value?.trim() : inputValueUncontrolled.trim();\n    if (e.key === 'Enter' || e.key === ',') {\n      e.event.preventDefault?.(); // we don't want textarea to treat enter as line break in tagged inputs\n      if (inputValue) {\n        setTagsValue(() => [...currentTags, inputValue]);\n        clearInput();\n        setActiveTagIndex(-1);\n      }\n    }\n    if (e.key === 'Backspace' && !inputValue && activeTagIndex < 0 && currentTags.length > 0) {\n      setTagsValue(() => currentTags.slice(0, -1));\n    }\n  };\n\n  return {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  };\n};\n\nexport type { TaggedInputProps };\nexport { useTaggedInput };\n"],"names":["useTaggedInput","_ref","tags","isDisabled","onTagChange","isTaggedInput","inputRef","onChange","name","value","defaultValue","_React$useState","React","useState","_React$useState2","_slicedToArray","activeTagIndex","setActiveTagIndex","_React$useState3","_React$useState4","inputValueUncontrolled","setInputValueUncontrolled","_useControllableState","useControllableState","_useControllableState2","tagsValue","setTagsValue","getNewTagsArray","indexToRemove","currentTags","length","newArray","slice","concat","getTags","useMemo","_ref2","size","getTagsGroup","onDismiss","_ref3","tagIndex","handleTaggedInputChange","_ref4","handleTagsClear","clearInput","isControlledValue","undefined","current","isReactNative","setTimeout","_inputRef$current","clear","handleTaggedInputKeydown","e","inputValue","trim","key","event","preventDefault","_toConsumableArray"],"mappings":"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"}
+{"version":3,"file":"useTaggedInput.js","sources":["../../../../../../src/components/Input/BaseInput/useTaggedInput.ts"],"sourcesContent":["import React from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport type { BladeElementRefWithValue } from '~utils/types';\nimport type { FormInputOnEvent, FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { getTagsGroup } from '~components/Tag/getTagsGroup';\nimport { isReactNative } from '~utils';\nimport { useControllableState } from '~utils/useControllable';\n\ntype TaggedInputProps = {\n  isTaggedInput?: boolean;\n  tags?: string[];\n  onTagChange?: ({ tags }: { tags: string[] }) => void;\n};\n\ntype UseTaggedInputProps = TaggedInputProps &\n  Pick<BaseInputProps, 'isDisabled' | 'onChange' | 'name' | 'value' | 'defaultValue'> & {\n    inputRef: React.RefObject<BladeElementRefWithValue | null>;\n  };\n\ntype UseTaggedInputReturn = {\n  activeTagIndex: number;\n  setActiveTagIndex: (activeTagIndex: number) => void;\n  getTags: ({ size }: { size: NonNullable<BaseInputProps['size']> }) => React.ReactElement[];\n  handleTaggedInputKeydown: (e: FormInputOnKeyDownEvent) => void;\n  handleTaggedInputChange: FormInputOnEvent;\n  handleTagsClear: () => void;\n};\n\nconst useTaggedInput = ({\n  tags,\n  isDisabled,\n  onTagChange,\n  isTaggedInput,\n  inputRef,\n  onChange,\n  name,\n  value,\n  defaultValue,\n}: UseTaggedInputProps): UseTaggedInputReturn => {\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [inputValueUncontrolled, setInputValueUncontrolled] = React.useState(defaultValue ?? '');\n  const [tagsValue, setTagsValue] = useControllableState({\n    value: tags,\n    defaultValue: [],\n    onChange: (tags) => {\n      onTagChange?.({ tags });\n    },\n  });\n\n  const getNewTagsArray = (indexToRemove: number): string[] => {\n    const currentTags = tagsValue;\n\n    if (!currentTags) {\n      return [];\n    }\n\n    // Check if the index is valid\n    if (indexToRemove < 0 || indexToRemove >= currentTags.length) {\n      return currentTags; // Return the original array\n    }\n\n    // Create a new array without the element at the specified index\n    const newArray = currentTags\n      .slice(0, indexToRemove)\n      .concat(currentTags.slice(indexToRemove + 1));\n\n    return newArray;\n  };\n\n  const getTags = React.useMemo(\n    () => ({ size }: { size: NonNullable<BaseInputProps['size']> }): React.ReactElement[] => {\n      return getTagsGroup({\n        size,\n        tags: tagsValue,\n        activeTagIndex,\n        isDisabled,\n        onDismiss: ({ tagIndex }) => {\n          setTagsValue(() => getNewTagsArray(tagIndex));\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [activeTagIndex, tags, tagsValue, isDisabled],\n  );\n\n  const handleTaggedInputChange: FormInputOnEvent = ({ value }) => {\n    if (!isTaggedInput) {\n      return;\n    }\n    setInputValueUncontrolled(value ?? '');\n  };\n\n  const handleTagsClear = (): void => {\n    if (!isTaggedInput) {\n      return;\n    }\n\n    setTagsValue(() => []);\n  };\n\n  const clearInput = (): void => {\n    const isControlledValue = value !== undefined;\n\n    if (isControlledValue) {\n      // In Controlled component, we don't clear input ourselves. We just call onChange with empty value\n      onChange?.({ name, value: '' });\n      return;\n    }\n\n    if (!inputRef.current) {\n      return;\n    }\n\n    setInputValueUncontrolled('');\n\n    if (isReactNative()) {\n      setTimeout(() => {\n        // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n        // @ts-ignore: clear does exist in react native\n        inputRef.current?.clear();\n      }, 10);\n      return;\n    }\n\n    inputRef.current.value = '';\n  };\n\n  const handleTaggedInputKeydown = (e: FormInputOnKeyDownEvent): void => {\n    if (!isTaggedInput) {\n      return;\n    }\n\n    const currentTags = tagsValue;\n    const isControlledValue = value !== undefined;\n    const inputValue = isControlledValue ? value?.trim() : inputValueUncontrolled.trim();\n    if (e.key === 'Enter' || e.key === ',') {\n      e.event.preventDefault?.(); // we don't want textarea to treat enter as line break in tagged inputs\n      if (inputValue) {\n        setTagsValue(() => [...currentTags, inputValue]);\n        clearInput();\n        setActiveTagIndex(-1);\n      }\n    }\n    if (e.key === 'Backspace' && !inputValue && activeTagIndex < 0 && currentTags.length > 0) {\n      setTagsValue(() => currentTags.slice(0, -1));\n    }\n  };\n\n  return {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  };\n};\n\nexport type { TaggedInputProps };\nexport { useTaggedInput };\n"],"names":["useTaggedInput","_ref","tags","isDisabled","onTagChange","isTaggedInput","inputRef","onChange","name","value","defaultValue","_React$useState","React","useState","_React$useState2","_slicedToArray","activeTagIndex","setActiveTagIndex","_React$useState3","_React$useState4","inputValueUncontrolled","setInputValueUncontrolled","_useControllableState","useControllableState","_useControllableState2","tagsValue","setTagsValue","getNewTagsArray","indexToRemove","currentTags","length","newArray","slice","concat","getTags","useMemo","_ref2","size","getTagsGroup","onDismiss","_ref3","tagIndex","handleTaggedInputChange","_ref4","handleTagsClear","clearInput","isControlledValue","undefined","current","isReactNative","setTimeout","_inputRef$current","clear","handleTaggedInputKeydown","e","inputValue","trim","key","event","preventDefault","_toConsumableArray"],"mappings":";;;;;;;;AA4BM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAU6B,CAT/C,IAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CACJC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CACXC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,QAAQ,CAAAL,IAAA,CAARK,QAAQ,CACRC,QAAQ,CAAAN,IAAA,CAARM,QAAQ,CACRC,IAAI,CAAAP,IAAA,CAAJO,IAAI,CACJC,KAAK,CAAAR,IAAA,CAALQ,KAAK,CACLC,YAAY,CAAAT,IAAA,CAAZS,YAAY,CAEZ,IAAAC,eAAA,CAA4CC,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAvDK,CAAAA,CAAAA,CAAAA,cAAc,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAAEG,iBAAiB,CAAAH,gBAAA,CACxC,CAAA,CAAA,CAAA,IAAAI,gBAAA,CAA4DN,cAAK,CAACC,QAAQ,CAACH,YAAY,EAAA,IAAA,CAAZA,YAAY,CAAI,EAAE,CAAC,CAAAS,gBAAA,CAAAJ,cAAA,CAAAG,gBAAA,CAAA,CAAA,CAAA,CAAvFE,sBAAsB,CAAAD,gBAAA,CAAEE,CAAAA,CAAAA,CAAAA,yBAAyB,CAAAF,gBAAA,IACxD,IAAAG,qBAAA,CAAkCC,oBAAoB,CAAC,CACrDd,KAAK,CAAEP,IAAI,CACXQ,YAAY,CAAE,EAAE,CAChBH,QAAQ,CAAE,SAAVA,QAAQA,CAAGL,IAAI,CAAK,CAClBE,WAAW,EAAXA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,WAAW,CAAG,CAAEF,IAAI,CAAJA,IAAK,CAAC,CAAC,CACzB,CACF,CAAC,CAAC,CAAAsB,sBAAA,CAAAT,cAAA,CAAAO,qBAAA,CANKG,CAAAA,CAAAA,CAAAA,SAAS,CAAAD,sBAAA,IAAEE,YAAY,CAAAF,sBAAA,CAQ9B,CAAA,CAAA,CAAA,IAAMG,eAAe,CAAG,SAAlBA,eAAeA,CAAIC,aAAqB,CAAe,CAC3D,IAAMC,WAAW,CAAGJ,SAAS,CAE7B,GAAI,CAACI,WAAW,CAAE,CAChB,OAAO,EAAE,CACX,CAGA,GAAID,aAAa,CAAG,CAAC,EAAIA,aAAa,EAAIC,WAAW,CAACC,MAAM,CAAE,CAC5D,OAAOD,WAAW,CACpB,CAGA,IAAME,QAAQ,CAAGF,WAAW,CACzBG,KAAK,CAAC,CAAC,CAAEJ,aAAa,CAAC,CACvBK,MAAM,CAACJ,WAAW,CAACG,KAAK,CAACJ,aAAa,CAAG,CAAC,CAAC,CAAC,CAE/C,OAAOG,QAAQ,CACjB,CAAC,CAED,IAAMG,OAAO,CAAGtB,cAAK,CAACuB,OAAO,CAC3B,UAAA,CAAA,gBAAMC,KAAA,CAAmF,KAAhFC,IAAI,CAAAD,KAAA,CAAJC,IAAI,CACX,OAAOC,YAAY,CAAC,CAClBD,IAAI,CAAJA,IAAI,CACJnC,IAAI,CAAEuB,SAAS,CACfT,cAAc,CAAdA,cAAc,CACdb,UAAU,CAAVA,UAAU,CACVoC,SAAS,CAAE,SAAXA,SAASA,CAAAC,KAAA,CAAoB,CAAf,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACpBf,YAAY,CAAC,kBAAMC,eAAe,CAACc,QAAQ,CAAC,GAAC,CAC/C,CACF,CAAC,CAAC,CACJ,CAAC,CAAA,CAAA,CAED,CAACzB,cAAc,CAAEd,IAAI,CAAEuB,SAAS,CAAEtB,UAAU,CAC9C,CAAC,CAED,IAAMuC,uBAAyC,CAAG,SAA5CA,uBAAyCA,CAAAC,KAAA,CAAkB,KAAZlC,KAAK,CAAAkC,KAAA,CAALlC,KAAK,CACxD,GAAI,CAACJ,aAAa,CAAE,CAClB,OACF,CACAgB,yBAAyB,CAACZ,KAAK,OAALA,KAAK,CAAI,EAAE,CAAC,CACxC,CAAC,CAED,IAAMmC,eAAe,CAAG,SAAlBA,eAAeA,EAAe,CAClC,GAAI,CAACvC,aAAa,CAAE,CAClB,OACF,CAEAqB,YAAY,CAAC,kBAAM,EAAE,CAAA,CAAA,CAAC,CACxB,CAAC,CAED,IAAMmB,UAAU,CAAG,SAAbA,UAAUA,EAAe,CAC7B,IAAMC,iBAAiB,CAAGrC,KAAK,GAAKsC,SAAS,CAE7C,GAAID,iBAAiB,CAAE,CAErBvC,QAAQ,EAAA,IAAA,CAAA,KAAA,CAAA,CAARA,QAAQ,CAAG,CAAEC,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAAE,EAAG,CAAC,CAAC,CAC/B,OACF,CAEA,GAAI,CAACH,QAAQ,CAAC0C,OAAO,CAAE,CACrB,OACF,CAEA3B,yBAAyB,CAAC,EAAE,CAAC,CAE7B,GAAI4B,aAAa,EAAE,CAAE,CACnBC,UAAU,CAAC,UAAM,CAAA,IAAAC,iBAAA,CAGf,CAAAA,iBAAA,CAAA7C,QAAQ,CAAC0C,OAAO,GAAhBG,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,iBAAA,CAAkBC,KAAK,EAAE,CAC3B,CAAC,CAAE,EAAE,CAAC,CACN,OACF,CAEA9C,QAAQ,CAAC0C,OAAO,CAACvC,KAAK,CAAG,EAAE,CAC7B,CAAC,CAED,IAAM4C,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAIC,CAA0B,CAAW,CACrE,GAAI,CAACjD,aAAa,CAAE,CAClB,OACF,CAEA,IAAMwB,WAAW,CAAGJ,SAAS,CAC7B,IAAMqB,iBAAiB,CAAGrC,KAAK,GAAKsC,SAAS,CAC7C,IAAMQ,UAAU,CAAGT,iBAAiB,CAAGrC,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAE+C,IAAI,EAAE,CAAGpC,sBAAsB,CAACoC,IAAI,EAAE,CACpF,GAAIF,CAAC,CAACG,GAAG,GAAK,OAAO,EAAIH,CAAC,CAACG,GAAG,GAAK,GAAG,CAAE,CACtCH,CAAC,CAACI,KAAK,CAACC,cAAc,EAAA,IAAA,CAAA,KAAA,CAAA,CAAtBL,CAAC,CAACI,KAAK,CAACC,cAAc,EAAI,CAC1B,GAAIJ,UAAU,CAAE,CACd7B,YAAY,CAAC,UAAAO,CAAAA,OAAAA,EAAAA,CAAAA,MAAA,CAAA2B,kBAAA,CAAU/B,WAAW,CAAE0B,CAAAA,CAAAA,UAAU,CAAC,CAAA,CAAA,CAAA,CAAC,CAChDV,UAAU,EAAE,CACZ5B,iBAAiB,CAAC,CAAC,CAAC,CAAC,CACvB,CACF,CACA,GAAIqC,CAAC,CAACG,GAAG,GAAK,WAAW,EAAI,CAACF,UAAU,EAAIvC,cAAc,CAAG,CAAC,EAAIa,WAAW,CAACC,MAAM,CAAG,CAAC,CAAE,CACxFJ,YAAY,CAAC,UAAM,CAAA,OAAAG,WAAW,CAACG,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC,CAC9C,CACF,CAAC,CAED,OAAO,CACLhB,cAAc,CAAdA,cAAc,CACdC,iBAAiB,CAAjBA,iBAAiB,CACjBiB,OAAO,CAAPA,OAAO,CACPmB,wBAAwB,CAAxBA,wBAAwB,CACxBX,uBAAuB,CAAvBA,uBAAuB,CACvBE,eAAe,CAAfA,eACF,CAAC,CACH;;;;"}

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

@@ -0,0 +1,30 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import { ColorSwatch } from './ColorSwatch.native.js';
+import { DEFAULT_COLOR_VALUE, isValidHex, isPartialHex, isValidOpacity } from './ColorInput.utils.js';
+import { BaseInput, getHintType } from '../BaseInput/BaseInput.js';
+import { FormLabel } from '../../Form/FormLabel.js';
+import { FormHint } from '../../Form/FormHint.js';
+import { useFormId } from '../../Form/useFormId.js';
+import { useControllableState } from '../../../utils/useControllable.js';
+import { useId } from '../../../utils/useId.js';
+import '../../Box/BaseBox/index.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/logger/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded=["label","accessibilityLabel","labelPosition","size","name","value","defaultValue","onChange","onFocus","onBlur","showOpacity","validationState","helpText","errorText","successText","necessityIndicator","isRequired","isDisabled","autoFocus","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/ColorInput/ColorInput.native.tsx";var _ColorInput=function _ColorInput(_ref,ref){var _ref7;var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,name=_ref.name,value=_ref.value,defaultValue=_ref.defaultValue,_onChange=_ref.onChange,onFocus=_ref.onFocus,onBlur=_ref.onBlur,_ref$showOpacity=_ref.showOpacity,showOpacity=_ref$showOpacity===void 0?true:_ref$showOpacity,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,helpText=_ref.helpText,errorText=_ref.errorText,successText=_ref.successText,necessityIndicator=_ref.necessityIndicator,isRequired=_ref.isRequired,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,autoFocus=_ref.autoFocus,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);if(__DEV__){var _value$opacity;var initialOpacity=(_value$opacity=value==null?void 0:value.opacity)!=null?_value$opacity:defaultValue==null?void 0:defaultValue.opacity;if(initialOpacity!==undefined&&(!Number.isInteger(initialOpacity)||initialOpacity<0||initialOpacity>100)){throwBladeError({message:`ColorInput: opacity must be an integer between 0 and 100, received ${initialOpacity}`,moduleName:'ColorInput'});}}var _useControllableState=useControllableState({value:value,defaultValue:defaultValue!=null?defaultValue:DEFAULT_COLOR_VALUE,onChange:function onChange(newValue){_onChange==null?void 0:_onChange({name:name,value:newValue});},shouldUpdate:function shouldUpdate(prev,next){return prev.hex!==next.hex||prev.opacity!==next.opacity;}}),_useControllableState2=_slicedToArray(_useControllableState,2),colorValue=_useControllableState2[0],setColorValue=_useControllableState2[1];var _useState=useState(function(){var _ref2,_value$opacity2;return String((_ref2=(_value$opacity2=value==null?void 0:value.opacity)!=null?_value$opacity2:defaultValue==null?void 0:defaultValue.opacity)!=null?_ref2:DEFAULT_COLOR_VALUE.opacity);}),_useState2=_slicedToArray(_useState,2),opacityDisplayValue=_useState2[0],setOpacityDisplayValue=_useState2[1];var _useState3=useState(function(){var _ref3,_value$hex;return ((_ref3=(_value$hex=value==null?void 0:value.hex)!=null?_value$hex:defaultValue==null?void 0:defaultValue.hex)!=null?_ref3:DEFAULT_COLOR_VALUE.hex).replace(/^#/,'');}),_useState4=_slicedToArray(_useState3,2),hexDisplayValue=_useState4[0],setHexDisplayValue=_useState4[1];var isFocusedRef=useRef(false);var blurTimeoutRef=useRef(null);var onFocusRef=useRef(onFocus);useEffect(function(){onFocusRef.current=onFocus;},[onFocus]);var onBlurRef=useRef(onBlur);useEffect(function(){onBlurRef.current=onBlur;},[onBlur]);var colorValueRef=useRef(colorValue);useEffect(function(){colorValueRef.current=colorValue;},[colorValue]);var nameRef=useRef(name);useEffect(function(){nameRef.current=name;},[name]);useEffect(function(){if(!isFocusedRef.current){setHexDisplayValue(colorValue.hex.replace(/^#/,''));}},[colorValue.hex]);useEffect(function(){return function(){if(blurTimeoutRef.current!==null)clearTimeout(blurTimeoutRef.current);};},[]);var handleInputFocus=useCallback(function(){if(blurTimeoutRef.current!==null){clearTimeout(blurTimeoutRef.current);blurTimeoutRef.current=null;}if(!isFocusedRef.current){isFocusedRef.current=true;onFocusRef.current==null?void 0:onFocusRef.current({name:nameRef.current,value:colorValueRef.current});}},[]);var handleInputBlurBoundary=useCallback(function(blurValue){blurTimeoutRef.current=setTimeout(function(){blurTimeoutRef.current=null;isFocusedRef.current=false;onBlurRef.current==null?void 0:onBlurRef.current({name:nameRef.current,value:blurValue});},0);},[]);var _useFormId=useFormId('color-input'),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var idBase=useId('color-input');var labelId=`${idBase}-label`;var handleHexChange=useCallback(function(_ref4){var inputValue=_ref4.value;var raw=(inputValue!=null?inputValue:'').replace(/^#/,'').trim().toUpperCase();if(raw===''){setHexDisplayValue('');return;}if(isValidHex(raw)||isPartialHex(raw)){setHexDisplayValue(raw);}if(isValidHex(raw)){setColorValue(function(prev){return Object.assign({},prev,{hex:`#${raw}`});});}},[setColorValue]);var handleOpacityChange=useCallback(function(_ref5){var inputValue=_ref5.value;var raw=inputValue!=null?inputValue:'';setOpacityDisplayValue(raw);if(raw===''){return;}if(!/^\d+$/.test(raw)){return;}var num=parseInt(raw,10);if(!Number.isNaN(num)&&isValidOpacity(num)){setColorValue(function(prev){return Object.assign({},prev,{opacity:num});});}},[setColorValue]);var handleOpacityBlur=useCallback(function(_ref6){var inputValue=_ref6.value;var raw=inputValue!=null?inputValue:'';var num=parseInt(raw,10);if(raw===''||!/^\d+$/.test(raw)||Number.isNaN(num)||!isValidOpacity(num)){setOpacityDisplayValue(String(colorValue.opacity));}handleInputBlurBoundary(colorValue);},[colorValue,handleInputBlurBoundary]);var handleSwatchChange=useCallback(function(hex){setHexDisplayValue(hex.replace(/^#/,''));setColorValue(function(prev){return Object.assign({},prev,{hex:hex});});},[setColorValue]);var handleHexInputBlur=useCallback(function(){setHexDisplayValue(colorValue.hex.replace(/^#/,''));handleInputBlurBoundary(colorValue);},[colorValue,handleInputBlurBoundary]);React__default.useEffect(function(){if(!isFocusedRef.current){setOpacityDisplayValue(String(colorValue.opacity));}},[colorValue.opacity]);var willRenderHintText=Boolean(helpText)||validationState==='success'&&Boolean(successText)||validationState==='error'&&Boolean(errorText);return jsxs(BaseBox,Object.assign({ref:ref,display:"flex",flexDirection:"column",width:"100%"},metaAttribute({name:MetaConstants.ColorInput,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:[jsxs(BaseBox,{display:"flex",flexDirection:"column",children:[label&&jsx(FormLabel,{as:"span",position:labelPosition,id:labelId,size:size,necessityIndicator:necessityIndicator,children:label}),jsxs(BaseBox,{display:"flex",flexDirection:"row",children:[jsx(BaseBox,{flex:"1",children:jsx(BaseInput,{id:inputId,label:label,hideLabelText:true,accessibilityLabel:(_ref7=accessibilityLabel!=null?accessibilityLabel:label)!=null?_ref7:'Color hex code',labelId:labelId,size:size,placeholder:"000000",value:hexDisplayValue,onChange:handleHexChange,onFocus:handleInputFocus,onBlur:handleHexInputBlur,isDisabled:isDisabled,isRequired:isRequired,validationState:validationState,autoFocus:autoFocus,maxCharacters:6,hideFormHint:true,textAlign:"left",leadingInteractionElement:jsx(ColorSwatch,{color:colorValue.hex,size:size,isDisabled:isDisabled,onChange:handleSwatchChange})})}),showOpacity&&jsx(BaseBox,{width:"80px",flexShrink:0,children:jsx(BaseInput,{id:`${inputId}-opacity`,label:"Opacity",hideLabelText:true,accessibilityLabel:"Color opacity percentage",size:size,placeholder:"100",value:opacityDisplayValue,onChange:handleOpacityChange,onFocus:handleInputFocus,onBlur:handleOpacityBlur,isDisabled:isDisabled,validationState:validationState,suffix:"%",textAlign:"right",hideFormHint:true})})]})]}),willRenderHintText&&jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size})]}));};var ColorInput=assignWithoutSideEffects(React__default.forwardRef(_ColorInput),{displayName:'ColorInput',componentId:'ColorInput'});
+
+export { ColorInput };
+//# sourceMappingURL=ColorInput.native.js.map

package/build/lib/native/components/Input/ColorInput/ColorInput.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.native.js","sources":["../../../../../../src/components/Input/ColorInput/ColorInput.native.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { View } from 'react-native';\nimport type { ColorInputProps, ColorInputValue } from './types';\nimport { ColorSwatch } from './ColorSwatch.native';\nimport { DEFAULT_COLOR_VALUE, isValidHex, isPartialHex, isValidOpacity } from './ColorInput.utils';\nimport { BaseInput, getHintType } from '~components/Input/BaseInput/BaseInput';\nimport { FormLabel } from '~components/Form/FormLabel';\nimport { FormHint } from '~components/Form/FormHint';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\nimport { throwBladeError } from '~utils/logger';\n\nconst _ColorInput: React.ForwardRefRenderFunction<BladeElementRef, ColorInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    size = 'medium',\n    name,\n    value,\n    defaultValue,\n    onChange,\n    onFocus,\n    onBlur,\n    showOpacity = true,\n    validationState = 'none',\n    helpText,\n    errorText,\n    successText,\n    necessityIndicator,\n    isRequired,\n    isDisabled = false,\n    autoFocus,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  if (__DEV__) {\n    const initialOpacity = value?.opacity ?? defaultValue?.opacity;\n    if (\n      initialOpacity !== undefined &&\n      (!Number.isInteger(initialOpacity) || initialOpacity < 0 || initialOpacity > 100)\n    ) {\n      throwBladeError({\n        message: `ColorInput: opacity must be an integer between 0 and 100, received ${initialOpacity}`,\n        moduleName: 'ColorInput',\n      });\n    }\n  }\n\n  const [colorValue, setColorValue] = useControllableState<ColorInputValue>({\n    value,\n    defaultValue: defaultValue ?? DEFAULT_COLOR_VALUE,\n    onChange: (newValue) => {\n      onChange?.({ name, value: newValue });\n    },\n    shouldUpdate: (prev, next) => prev.hex !== next.hex || prev.opacity !== next.opacity,\n  });\n\n  const [opacityDisplayValue, setOpacityDisplayValue] = useState<string>(() =>\n    String(value?.opacity ?? defaultValue?.opacity ?? DEFAULT_COLOR_VALUE.opacity),\n  );\n\n  // Local display state for the hex input so partial typing (1–5 chars) stays local\n  // and doesn't corrupt the color model until exactly 6 valid chars are present.\n  const [hexDisplayValue, setHexDisplayValue] = useState<string>(() =>\n    (value?.hex ?? defaultValue?.hex ?? DEFAULT_COLOR_VALUE.hex).replace(/^#/, ''),\n  );\n\n  // Focus boundary tracking (mirrors web): fire onFocus/onBlur once on composite enter/leave.\n  const isFocusedRef = useRef(false);\n  const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Store callbacks and current values in refs so handlers stay referentially stable.\n  const onFocusRef = useRef(onFocus);\n  useEffect(() => {\n    onFocusRef.current = onFocus;\n  }, [onFocus]);\n  const onBlurRef = useRef(onBlur);\n  useEffect(() => {\n    onBlurRef.current = onBlur;\n  }, [onBlur]);\n  const colorValueRef = useRef(colorValue);\n  useEffect(() => {\n    colorValueRef.current = colorValue;\n  }, [colorValue]);\n  const nameRef = useRef(name);\n  useEffect(() => {\n    nameRef.current = name;\n  }, [name]);\n\n  // Skip while focused so a controlled parent updating value mid-edit doesn't clobber partial input.\n  useEffect(() => {\n    if (!isFocusedRef.current) {\n      setHexDisplayValue(colorValue.hex.replace(/^#/, ''));\n    }\n  }, [colorValue.hex]);\n\n  useEffect(() => {\n    return () => {\n      if (blurTimeoutRef.current !== null) clearTimeout(blurTimeoutRef.current);\n    };\n  }, []);\n\n  const handleInputFocus = useCallback(() => {\n    if (blurTimeoutRef.current !== null) {\n      clearTimeout(blurTimeoutRef.current);\n      blurTimeoutRef.current = null;\n    }\n    if (!isFocusedRef.current) {\n      isFocusedRef.current = true;\n      onFocusRef.current?.({ name: nameRef.current, value: colorValueRef.current });\n    }\n  }, []);\n\n  const handleInputBlurBoundary = useCallback((blurValue: ColorInputValue) => {\n    blurTimeoutRef.current = setTimeout(() => {\n      blurTimeoutRef.current = null;\n      isFocusedRef.current = false;\n      onBlurRef.current?.({ name: nameRef.current, value: blurValue });\n    }, 0);\n  }, []);\n\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId('color-input');\n  const idBase = useId('color-input');\n  const labelId = `${idBase}-label`;\n\n  const handleHexChange = useCallback(\n    ({ value: inputValue }: { name?: string; value?: string }) => {\n      // Strip a leading '#' and trim whitespace so pasting '#FF5733 ' or typing '#' works naturally.\n      const raw = (inputValue ?? '').replace(/^#/, '').trim().toUpperCase();\n      if (raw === '') {\n        setHexDisplayValue('');\n        return;\n      }\n      if (isValidHex(raw) || isPartialHex(raw)) {\n        setHexDisplayValue(raw);\n      }\n      if (isValidHex(raw)) {\n        setColorValue((prev) => ({ ...prev, hex: `#${raw}` }));\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleOpacityChange = useCallback(\n    ({ value: inputValue }: { name?: string; value?: string }) => {\n      const raw = inputValue ?? '';\n      setOpacityDisplayValue(raw);\n\n      if (raw === '') {\n        return;\n      }\n\n      // Reject strings with non-digit characters (e.g. '5a', '100x').\n      if (!/^\\d+$/.test(raw)) {\n        return;\n      }\n\n      const num = parseInt(raw, 10);\n      if (!Number.isNaN(num) && isValidOpacity(num)) {\n        setColorValue((prev) => ({ ...prev, opacity: num }));\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleOpacityBlur = useCallback(\n    ({ value: inputValue }: { name?: string; value?: string }) => {\n      const raw = inputValue ?? '';\n      const num = parseInt(raw, 10);\n      if (raw === '' || !/^\\d+$/.test(raw) || Number.isNaN(num) || !isValidOpacity(num)) {\n        setOpacityDisplayValue(String(colorValue.opacity));\n      }\n      handleInputBlurBoundary(colorValue);\n    },\n    [colorValue, handleInputBlurBoundary],\n  );\n\n  const handleSwatchChange = useCallback(\n    (hex: string) => {\n      setHexDisplayValue(hex.replace(/^#/, ''));\n      setColorValue((prev) => ({ ...prev, hex }));\n    },\n    [setColorValue],\n  );\n\n  // Hex blur resets partial display to the last committed valid value.\n  const handleHexInputBlur = useCallback(() => {\n    setHexDisplayValue(colorValue.hex.replace(/^#/, ''));\n    handleInputBlurBoundary(colorValue);\n  }, [colorValue, handleInputBlurBoundary]);\n\n  // Sync opacityDisplayValue when controlled value changes externally.\n  // Skip while focused so a controlled parent updating value mid-edit doesn't clobber partial input.\n  React.useEffect(() => {\n    if (!isFocusedRef.current) {\n      setOpacityDisplayValue(String(colorValue.opacity));\n    }\n  }, [colorValue.opacity]);\n\n  const willRenderHintText =\n    Boolean(helpText) ||\n    (validationState === 'success' && Boolean(successText)) ||\n    (validationState === 'error' && Boolean(errorText));\n\n  return (\n    <BaseBox\n      ref={ref as React.Ref<View>}\n      display=\"flex\"\n      flexDirection=\"column\"\n      width=\"100%\"\n      {...metaAttribute({ name: MetaConstants.ColorInput, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"column\">\n        {label && (\n          <FormLabel\n            as=\"span\"\n            position={labelPosition}\n            id={labelId}\n            size={size}\n            necessityIndicator={necessityIndicator}\n          >\n            {label}\n          </FormLabel>\n        )}\n\n        <BaseBox display=\"flex\" flexDirection=\"row\">\n          <BaseBox flex=\"1\">\n            <BaseInput\n              id={inputId}\n              label={label}\n              hideLabelText\n              accessibilityLabel={accessibilityLabel ?? label ?? 'Color hex code'}\n              labelId={labelId}\n              size={size}\n              placeholder=\"000000\"\n              value={hexDisplayValue}\n              onChange={handleHexChange}\n              onFocus={handleInputFocus}\n              onBlur={handleHexInputBlur}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              validationState={validationState}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              maxCharacters={6}\n              hideFormHint\n              textAlign=\"left\"\n              leadingInteractionElement={\n                <ColorSwatch\n                  color={colorValue.hex}\n                  size={size}\n                  isDisabled={isDisabled}\n                  onChange={handleSwatchChange}\n                />\n              }\n            />\n          </BaseBox>\n\n          {showOpacity && (\n            <BaseBox width=\"80px\" flexShrink={0}>\n              <BaseInput\n                id={`${inputId}-opacity`}\n                label=\"Opacity\"\n                hideLabelText\n                accessibilityLabel=\"Color opacity percentage\"\n                size={size}\n                placeholder=\"100\"\n                value={opacityDisplayValue}\n                onChange={handleOpacityChange}\n                onFocus={handleInputFocus}\n                onBlur={handleOpacityBlur}\n                isDisabled={isDisabled}\n                validationState={validationState}\n                suffix=\"%\"\n                textAlign=\"right\"\n                hideFormHint\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </BaseBox>\n\n      {willRenderHintText && (\n        <FormHint\n          type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n          helpText={helpText}\n          errorText={errorText}\n          successText={successText}\n          helpTextId={helpTextId}\n          errorTextId={errorTextId}\n          successTextId={successTextId}\n          size={size}\n        />\n      )}\n    </BaseBox>\n  );\n};\n\nconst ColorInput = assignWithoutSideEffects(React.forwardRef(_ColorInput), {\n  displayName: 'ColorInput',\n  componentId: 'ColorInput',\n});\n\nexport { ColorInput };\n"],"names":["_ColorInput","_ref","ref","_ref7","label","accessibilityLabel","_ref$labelPosition","labelPosition","_ref$size","size","name","value","defaultValue","onChange","onFocus","onBlur","_ref$showOpacity","showOpacity","_ref$validationState","validationState","helpText","errorText","successText","necessityIndicator","isRequired","_ref$isDisabled","isDisabled","autoFocus","testID","rest","_objectWithoutProperties","_excluded","__DEV__","_value$opacity","initialOpacity","opacity","undefined","Number","isInteger","throwBladeError","message","moduleName","_useControllableState","useControllableState","DEFAULT_COLOR_VALUE","newValue","shouldUpdate","prev","next","hex","_useControllableState2","_slicedToArray","colorValue","setColorValue","_useState","useState","_ref2","_value$opacity2","String","_useState2","opacityDisplayValue","setOpacityDisplayValue","_useState3","_ref3","_value$hex","replace","_useState4","hexDisplayValue","setHexDisplayValue","isFocusedRef","useRef","blurTimeoutRef","onFocusRef","useEffect","current","onBlurRef","colorValueRef","nameRef","clearTimeout","handleInputFocus","useCallback","handleInputBlurBoundary","blurValue","setTimeout","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","idBase","useId","labelId","handleHexChange","_ref4","inputValue","raw","trim","toUpperCase","isValidHex","isPartialHex","Object","assign","handleOpacityChange","_ref5","test","num","parseInt","isNaN","isValidOpacity","handleOpacityBlur","_ref6","handleSwatchChange","handleHexInputBlur","React","willRenderHintText","Boolean","_jsxs","BaseBox","display","flexDirection","width","metaAttribute","MetaConstants","ColorInput","getStyledProps","makeAnalyticsAttribute","children","_jsx","FormLabel","as","position","id","flex","BaseInput","hideLabelText","placeholder","maxCharacters","hideFormHint","textAlign","leadingInteractionElement","ColorSwatch","color","flexShrink","suffix","FormHint","type","getHintType","hasHelpText","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Input/ColorInput/ColorInput.utils.js

@@ -0,0 +1,4 @@
+var DEFAULT_COLOR_VALUE={hex:'#FFFFFF',opacity:100};var isValidHex=function isValidHex(value){return /^[0-9A-Fa-f]{6}$/.test(value);};var isPartialHex=function isPartialHex(value){return /^[0-9A-Fa-f]{1,5}$/.test(value);};var isValidOpacity=function isValidOpacity(value){return Number.isInteger(value)&&value>=0&&value<=100;};var padHexForPicker=function padHexForPicker(hex){var stripped=hex.startsWith('#')?hex.slice(1):hex;return `#${(stripped||'FFFFFF').padEnd(6,'0')}`;};
+
+export { DEFAULT_COLOR_VALUE, isPartialHex, isValidHex, isValidOpacity, padHexForPicker };
+//# sourceMappingURL=ColorInput.utils.js.map

package/build/lib/native/components/Input/ColorInput/ColorInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.utils.js","sources":["../../../../../../src/components/Input/ColorInput/ColorInput.utils.ts"],"sourcesContent":["import type { ColorInputValue } from './types';\n\nconst DEFAULT_COLOR_VALUE: ColorInputValue = { hex: '#FFFFFF', opacity: 100 };\n\n/** Accepts exactly 6 valid hex characters — used to determine when to commit the color model */\nconst isValidHex = (value: string): boolean => /^[0-9A-Fa-f]{6}$/.test(value);\n\n/** Accepts 1–5 valid hex characters — used to allow progressive typing without blocking */\nconst isPartialHex = (value: string): boolean => /^[0-9A-Fa-f]{1,5}$/.test(value);\n\nconst isValidOpacity = (value: number): boolean =>\n  Number.isInteger(value) && value >= 0 && value <= 100;\n\n/** Pads a short hex string to 6 chars using padEnd so partial values extend right-to-left\n *  (e.g. 'F' → '#F00000' dark red), reflecting the user's left-to-right input direction.\n *  Accepts hex with or without '#' prefix. */\nconst padHexForPicker = (hex: string): string => {\n  const stripped = hex.startsWith('#') ? hex.slice(1) : hex;\n  return `#${(stripped || 'FFFFFF').padEnd(6, '0')}`;\n};\n\nexport { DEFAULT_COLOR_VALUE, isValidHex, isPartialHex, isValidOpacity, padHexForPicker };\n"],"names":["DEFAULT_COLOR_VALUE","hex","opacity","isValidHex","value","test","isPartialHex","isValidOpacity","Number","isInteger","padHexForPicker","stripped","startsWith","slice","padEnd"],"mappings":"AAEM,IAAAA,mBAAoC,CAAG,CAAEC,GAAG,CAAE,SAAS,CAAEC,OAAO,CAAE,GAAI,EAGtE,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAa,CAAc,CAAA,OAAA,kBAAkB,CAACC,IAAI,CAACD,KAAK,CAAC,CAG7E,EAAM,IAAAE,YAAY,CAAG,SAAfA,YAAYA,CAAIF,KAAa,CAAc,CAAA,OAAA,oBAAoB,CAACC,IAAI,CAACD,KAAK,CAAC,CAEjF,EAAM,IAAAG,cAAc,CAAG,SAAjBA,cAAcA,CAAIH,KAAa,CACnC,CAAA,OAAAI,MAAM,CAACC,SAAS,CAACL,KAAK,CAAC,EAAIA,KAAK,EAAI,CAAC,EAAIA,KAAK,EAAI,GAAG,CAAA,EAKjD,IAAAM,eAAe,CAAG,SAAlBA,eAAeA,CAAIT,GAAW,CAAa,CAC/C,IAAMU,QAAQ,CAAGV,GAAG,CAACW,UAAU,CAAC,GAAG,CAAC,CAAGX,GAAG,CAACY,KAAK,CAAC,CAAC,CAAC,CAAGZ,GAAG,CACzD,OAAO,CAAA,CAAA,EAAI,CAACU,QAAQ,EAAI,QAAQ,EAAEG,MAAM,CAAC,CAAC,CAAE,GAAG,CAAC,CAAE,CAAA,CACpD;;;;"}

package/build/lib/native/components/Input/ColorInput/ColorSwatch.native.js

@@ -0,0 +1,14 @@
+import 'react';
+import { Pressable, View } from 'react-native';
+import '../../BladeProvider/index.js';
+import '../../../tokens/global/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import { padHexForPicker } from './ColorInput.utils.js';
+import { jsx } from 'react/jsx-runtime';
+import { size } from '../../../tokens/global/size.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/ColorInput/ColorSwatch.native.tsx";var swatchSizeTokens={xsmall:size['20'],small:size['24'],medium:size['28'],large:size['40']};var ColorSwatch=function ColorSwatch(_ref){var color=_ref.color,inputSize=_ref.size,isDisabled=_ref.isDisabled,_onChange=_ref.onChange,onPress=_ref.onPress;var dimension=swatchSizeTokens[inputSize];var _useTheme=useTheme(),theme=_useTheme.theme;var borderColor=getIn(theme.colors,'interactive.border.gray.default');var handlePress=function handlePress(){onPress==null?void 0:onPress();if(__DEV__){console.warn('[Blade ColorInput]: Native color picker is not supported. The swatch is display-only on React Native.');}};return jsx(Pressable,{onPress:handlePress,disabled:isDisabled,children:jsx(View,{style:{width:dimension,height:dimension,backgroundColor:padHexForPicker(color),borderRadius:theme.border.radius.xsmall,borderWidth:theme.border.width.thin,borderColor:borderColor,opacity:isDisabled?0.5:1}})});};
+
+export { ColorSwatch };
+//# sourceMappingURL=ColorSwatch.native.js.map

package/build/lib/native/components/Input/ColorInput/ColorSwatch.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.native.js","sources":["../../../../../../src/components/Input/ColorInput/ColorSwatch.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport getIn from '~utils/lodashButBetter/get';\nimport { padHexForPicker } from './ColorInput.utils';\n\ntype ColorSwatchProps = {\n  color: string;\n  size: NonNullable<BaseInputProps['size']>;\n  isDisabled?: boolean;\n  // eslint-disable-next-line react/no-unused-prop-types -- kept for API consistency with web; native picker not supported\n  onChange: (hex: string) => void;\n  onPress?: () => void;\n};\n\nconst swatchSizeTokens = {\n  xsmall: size['20'],\n  small: size['24'],\n  medium: size['28'],\n  large: size['40'],\n} as const;\n\nconst ColorSwatch = ({\n  color,\n  size: inputSize,\n  isDisabled,\n  onChange: _onChange,\n  onPress,\n}: ColorSwatchProps): React.ReactElement => {\n  const dimension = swatchSizeTokens[inputSize];\n  const { theme } = useTheme();\n  const borderColor = getIn(theme.colors, 'interactive.border.gray.default');\n\n  const handlePress = (): void => {\n    onPress?.();\n    if (__DEV__) {\n      console.warn(\n        '[Blade ColorInput]: Native color picker is not supported. The swatch is display-only on React Native.',\n      );\n    }\n  };\n\n  return (\n    <Pressable onPress={handlePress} disabled={isDisabled}>\n      <View\n        style={{\n          width: dimension,\n          height: dimension,\n          backgroundColor: padHexForPicker(color),\n          borderRadius: theme.border.radius.xsmall,\n          borderWidth: theme.border.width.thin,\n          borderColor,\n          opacity: isDisabled ? 0.5 : 1,\n        }}\n      />\n    </Pressable>\n  );\n};\n\nexport { ColorSwatch };\n"],"names":["swatchSizeTokens","xsmall","size","small","medium","large","ColorSwatch","_ref","color","inputSize","isDisabled","_onChange","onChange","onPress","dimension","_useTheme","useTheme","theme","borderColor","getIn","colors","handlePress","__DEV__","console","warn","_jsx","Pressable","disabled","children","View","style","width","height","backgroundColor","padHexForPicker","borderRadius","border","radius","borderWidth","thin","opacity"],"mappings":";;;;;;;;;;uIAiBA,IAAMA,gBAAgB,CAAG,CACvBC,MAAM,CAAEC,IAAI,CAAC,IAAI,CAAC,CAClBC,KAAK,CAAED,IAAI,CAAC,IAAI,CAAC,CACjBE,MAAM,CAAEF,IAAI,CAAC,IAAI,CAAC,CAClBG,KAAK,CAAEH,IAAI,CAAC,IAAI,CAClB,CAAU,CAEJ,IAAAI,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAM2B,CAL1C,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACCC,SAAS,CAAAF,IAAA,CAAfL,IAAI,CACJQ,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACAC,SAAS,CAAAJ,IAAA,CAAnBK,QAAQ,CACRC,OAAO,CAAAN,IAAA,CAAPM,OAAO,CAEP,IAAMC,SAAS,CAAGd,gBAAgB,CAACS,SAAS,CAAC,CAC7C,IAAAM,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,WAAW,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAE,iCAAiC,CAAC,CAE1E,IAAMC,WAAW,CAAG,SAAdA,WAAWA,EAAe,CAC9BR,OAAO,EAAA,IAAA,CAAA,KAAA,CAAA,CAAPA,OAAO,EAAI,CACX,GAAIS,OAAO,CAAE,CACXC,OAAO,CAACC,IAAI,CACV,uGACF,CAAC,CACH,CACF,CAAC,CAED,OACEC,GAAA,CAACC,SAAS,CAAA,CAACb,OAAO,CAAEQ,WAAY,CAACM,QAAQ,CAAEjB,UAAW,CAAAkB,QAAA,CACpDH,GAAA,CAACI,IAAI,CAAA,CACHC,KAAK,CAAE,CACLC,KAAK,CAAEjB,SAAS,CAChBkB,MAAM,CAAElB,SAAS,CACjBmB,eAAe,CAAEC,eAAe,CAAC1B,KAAK,CAAC,CACvC2B,YAAY,CAAElB,KAAK,CAACmB,MAAM,CAACC,MAAM,CAACpC,MAAM,CACxCqC,WAAW,CAAErB,KAAK,CAACmB,MAAM,CAACL,KAAK,CAACQ,IAAI,CACpCrB,WAAW,CAAXA,WAAW,CACXsB,OAAO,CAAE9B,UAAU,CAAG,GAAG,CAAG,CAC9B,CAAE,CACH,CAAC,CACO,CAAC,CAEhB;;;;"}

package/build/lib/native/components/Input/ColorInput/index.js

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

package/build/lib/native/components/Input/ColorInput/index.js.map

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

package/build/lib/native/components/Input/DropdownInputTriggers/AutoComplete.js

@@ -2,17 +2,16 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { useDropdown } from '../../Dropdown/useDropdown.js';
 import { BaseDropdownInputTrigger } from './BaseDropdownInputTrigger.js';
-import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../Box/BaseBox/index.js';
 import { dropdownComponentIds } from '../../Dropdown/dropdownComponentIds.js';
-import 'react-native';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
+import '../../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var useAutoComplete=function useAutoComplete(_ref){var props=_ref.props,inputValue=_ref.inputValue,setInputValue=_ref.setInputValue,getOptionValues=_ref.getOptionValues;var _useDropdown=useDropdown(),onBaseDropdownInputKeydown=_useDropdown.onTriggerKeydown,isOpen=_useDropdown.isOpen,setIsOpen=_useDropdown.setIsOpen,selectedIndices=_useDropdown.selectedIndices,setSelectedIndices=_useDropdown.setSelectedIndices,setControlledValueIndices=_useDropdown.setControlledValueIndices,isControlled=_useDropdown.isControlled,options=_useDropdown.options,setGlobalFilteredValues=_useDropdown.setFilteredValues,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,setActiveIndex=_useDropdown.setActiveIndex,globalFilteredValues=_useDropdown.filteredValues,selectionType=_useDropdown.selectionType,triggererRef=_useDropdown.triggererRef,hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader;var resetFilters=function resetFilters(){return setGlobalFilteredValues(getOptionValues());};React__default.useEffect(function(){var firstItemOptionIndex=options.findIndex(function(option){return option.value===globalFilteredValues[0];});if(firstItemOptionIndex>=0){setActiveIndex(firstItemOptionIndex);}},[globalFilteredValues.length,options.length]);React__default.useEffect(function(){if(isOpen&&!inputValue){resetFilters();}},[isOpen,options]);React__default.useEffect(function(){if(isOpen&&selectionType==='single'){resetFilters();}if(hasAutoCompleteInHeader&&isOpen&&!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}},[isOpen]);var onInputValueChange=function onInputValueChange(_ref2){var name=_ref2.name,value=_ref2.value;setInputValue(value!=null?value:'');props.onInputValueChange==null?void 0:props.onInputValueChange({name:name,value:value});setActiveTagIndex(-1);if(!isOpen){setIsOpen(true);}if(!props.filteredValues){if(value&&options&&options.length>0){var filteredOptions=getOptionValues().filter(function(optionValue){return String(optionValue).toLowerCase().includes(value.toLowerCase());});setGlobalFilteredValues(filteredOptions);}else {resetFilters();}}};var onTriggerKeydown=function onTriggerKeydown(e){if(e.key==='Backspace'&&!inputValue&&activeTagIndex<0&&selectedIndices.length>0){if(isControlled){setControlledValueIndices(selectedIndices.slice(0,-1));}else {setSelectedIndices(selectedIndices.slice(0,-1));}}onBaseDropdownInputKeydown==null?void 0:onBaseDropdownInputKeydown(e);};var onSelectionChange=function onSelectionChange(_ref3){var values=_ref3.values;console.log('selection change',values);if(selectionType==='multiple'){setInputValue('');props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:''});setActiveTagIndex(-1);resetFilters();}else {var _options$find;var displayText=(_options$find=options.find(function(option){return option.value===values[0];}))==null?void 0:_options$find.title;props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:displayText});if(hasAutoCompleteInHeader){setInputValue('');}else if(typeof props.value==='undefined'){setInputValue(displayText!=null?displayText:'');}}props.onChange==null?void 0:props.onChange({name:props.name,values:values});};return {onSelectionChange:onSelectionChange,onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange};};var _AutoComplete=function _AutoComplete(props,ref){var _props$inputValue,_props$autoFocus;var _React$useState=React__default.useState(''),_React$useState2=_slicedToArray(_React$useState,2),uncontrolledInputValue=_React$useState2[0],setInputValue=_React$useState2[1];var inputValue=(_props$inputValue=props.inputValue)!=null?_props$inputValue:uncontrolledInputValue;var _useDropdown2=useDropdown(),options=_useDropdown2.options,setGlobalFilteredValues=_useDropdown2.setFilteredValues,hasAutoCompleteInHeader=_useDropdown2.hasAutoCompleteInHeader,setHasAutoCompleteInHeader=_useDropdown2.setHasAutoCompleteInHeader,_onTriggerClick=_useDropdown2.onTriggerClick,dropdownTriggerer=_useDropdown2.dropdownTriggerer;var getOptionValues=React__default.useCallback(function(){return options.map(function(option){return option.value;});},[options]);var _useAutoComplete=useAutoComplete({props:props,inputValue:inputValue,setInputValue:setInputValue,getOptionValues:getOptionValues}),onSelectionChange=_useAutoComplete.onSelectionChange,onTriggerKeydown=_useAutoComplete.onTriggerKeydown,onInputValueChange=_useAutoComplete.onInputValueChange;React__default.useEffect(function(){if(dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete){setHasAutoCompleteInHeader(true);}},[]);React__default.useEffect(function(){if(props.filteredValues){setGlobalFilteredValues(props.filteredValues);}},[props.filteredValues,setGlobalFilteredValues]);var defaultAutoFocusState=hasAutoCompleteInHeader?true:undefined;return jsx(BaseBox,{position:"relative",children:jsx(BaseDropdownInputTrigger,Object.assign({},props,{autoFocus:(_props$autoFocus=props.autoFocus)!=null?_props$autoFocus:defaultAutoFocusState,ref:ref,onChange:onSelectionChange,isSelectInput:false,inputValue:inputValue,syncInputValueWithSelection:function syncInputValueWithSelection(value){var _selectedOption$title;if(!value){setInputValue('');return;}var selectedOption=options.find(function(option){return option.value===value;});setInputValue((_selectedOption$title=selectedOption==null?void 0:selectedOption.title)!=null?_selectedOption$title:'');},onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange,onTriggerClick:function onTriggerClick(triggerEvent){if(!hasAutoCompleteInHeader){_onTriggerClick();}props==null?void 0:props.onClick==null?void 0:props.onClick(triggerEvent);}}))});};var AutoComplete=assignWithoutSideEffects(React__default.forwardRef(_AutoComplete),{componentId:dropdownComponentIds.triggers.AutoComplete});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/DropdownInputTriggers/AutoComplete.tsx";var useAutoComplete=function useAutoComplete(_ref){var props=_ref.props,inputValue=_ref.inputValue,setInputValue=_ref.setInputValue,getOptionValues=_ref.getOptionValues;var _useDropdown=useDropdown(),onBaseDropdownInputKeydown=_useDropdown.onTriggerKeydown,isOpen=_useDropdown.isOpen,setIsOpen=_useDropdown.setIsOpen,selectedIndices=_useDropdown.selectedIndices,setSelectedIndices=_useDropdown.setSelectedIndices,setControlledValueIndices=_useDropdown.setControlledValueIndices,isControlled=_useDropdown.isControlled,options=_useDropdown.options,setGlobalFilteredValues=_useDropdown.setFilteredValues,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,setActiveIndex=_useDropdown.setActiveIndex,globalFilteredValues=_useDropdown.filteredValues,selectionType=_useDropdown.selectionType,triggererRef=_useDropdown.triggererRef,hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader;var resetFilters=function resetFilters(){return setGlobalFilteredValues(getOptionValues());};React__default.useEffect(function(){var firstItemOptionIndex=options.findIndex(function(option){return option.value===globalFilteredValues[0];});if(firstItemOptionIndex>=0){setActiveIndex(firstItemOptionIndex);}},[globalFilteredValues.length,options.length]);React__default.useEffect(function(){if(isOpen&&!inputValue){resetFilters();}},[isOpen,options]);React__default.useEffect(function(){if(isOpen&&selectionType==='single'){resetFilters();}if(hasAutoCompleteInHeader&&isOpen&&!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}},[isOpen]);var onInputValueChange=function onInputValueChange(_ref2){var name=_ref2.name,value=_ref2.value;setInputValue(value!=null?value:'');props.onInputValueChange==null?void 0:props.onInputValueChange({name:name,value:value});setActiveTagIndex(-1);if(!isOpen){setIsOpen(true);}if(!props.filteredValues){if(value&&options&&options.length>0){var filteredOptions=getOptionValues().filter(function(optionValue){return String(optionValue).toLowerCase().includes(value.toLowerCase());});setGlobalFilteredValues(filteredOptions);}else {resetFilters();}}};var onTriggerKeydown=function onTriggerKeydown(e){if(e.key==='Backspace'&&!inputValue&&activeTagIndex<0&&selectedIndices.length>0){if(isControlled){setControlledValueIndices(selectedIndices.slice(0,-1));}else {setSelectedIndices(selectedIndices.slice(0,-1));}}onBaseDropdownInputKeydown==null?void 0:onBaseDropdownInputKeydown(e);};var onSelectionChange=function onSelectionChange(_ref3){var values=_ref3.values;console.log('selection change',values);if(selectionType==='multiple'){setInputValue('');props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:''});setActiveTagIndex(-1);resetFilters();}else {var _options$find;var displayText=(_options$find=options.find(function(option){return option.value===values[0];}))==null?void 0:_options$find.title;props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:displayText});if(hasAutoCompleteInHeader){setInputValue('');}else if(typeof props.value==='undefined'){setInputValue(displayText!=null?displayText:'');}}props.onChange==null?void 0:props.onChange({name:props.name,values:values});};return {onSelectionChange:onSelectionChange,onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange};};var _AutoComplete=function _AutoComplete(props,ref){var _props$inputValue,_props$autoFocus;var _React$useState=React__default.useState(''),_React$useState2=_slicedToArray(_React$useState,2),uncontrolledInputValue=_React$useState2[0],setInputValue=_React$useState2[1];var inputValue=(_props$inputValue=props.inputValue)!=null?_props$inputValue:uncontrolledInputValue;var _useDropdown2=useDropdown(),options=_useDropdown2.options,setGlobalFilteredValues=_useDropdown2.setFilteredValues,hasAutoCompleteInHeader=_useDropdown2.hasAutoCompleteInHeader,setHasAutoCompleteInHeader=_useDropdown2.setHasAutoCompleteInHeader,_onTriggerClick=_useDropdown2.onTriggerClick,dropdownTriggerer=_useDropdown2.dropdownTriggerer;var getOptionValues=React__default.useCallback(function(){return options.map(function(option){return option.value;});},[options]);var _useAutoComplete=useAutoComplete({props:props,inputValue:inputValue,setInputValue:setInputValue,getOptionValues:getOptionValues}),onSelectionChange=_useAutoComplete.onSelectionChange,onTriggerKeydown=_useAutoComplete.onTriggerKeydown,onInputValueChange=_useAutoComplete.onInputValueChange;React__default.useEffect(function(){if(dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete){setHasAutoCompleteInHeader(true);}},[]);React__default.useEffect(function(){if(props.filteredValues){setGlobalFilteredValues(props.filteredValues);}},[props.filteredValues,setGlobalFilteredValues]);var defaultAutoFocusState=hasAutoCompleteInHeader?true:undefined;return jsx(BaseBox,{position:"relative",children:jsx(BaseDropdownInputTrigger,Object.assign({},props,{autoFocus:(_props$autoFocus=props.autoFocus)!=null?_props$autoFocus:defaultAutoFocusState,ref:ref,onChange:onSelectionChange,isSelectInput:false,inputValue:inputValue,syncInputValueWithSelection:function syncInputValueWithSelection(value){var _selectedOption$title;if(!value){setInputValue('');return;}var selectedOption=options.find(function(option){return option.value===value;});setInputValue((_selectedOption$title=selectedOption==null?void 0:selectedOption.title)!=null?_selectedOption$title:'');},onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange,onTriggerClick:function onTriggerClick(triggerEvent){if(!hasAutoCompleteInHeader){_onTriggerClick();}props==null?void 0:props.onClick==null?void 0:props.onClick(triggerEvent);}}))});};var AutoComplete=assignWithoutSideEffects(React__default.forwardRef(_AutoComplete),{componentId:dropdownComponentIds.triggers.AutoComplete});
 
 export { AutoComplete };
 //# sourceMappingURL=AutoComplete.js.map

package/build/lib/native/components/Input/DropdownInputTriggers/AutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/AutoComplete.tsx"],"sourcesContent":["import React from 'react';\nimport { useDropdown } from '../../Dropdown/useDropdown';\nimport type { AutoCompleteProps, BaseDropdownInputTriggerProps } from './types';\nimport { BaseDropdownInputTrigger } from './BaseDropdownInputTrigger';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { isReactNative } from '~utils';\n\nconst useAutoComplete = ({\n  props,\n  inputValue,\n  setInputValue,\n  getOptionValues,\n}: {\n  props: AutoCompleteProps;\n  setInputValue: (inputValue: string) => void;\n  inputValue: string;\n  getOptionValues: () => string[];\n}): {\n  onTriggerKeydown: BaseDropdownInputTriggerProps['onTriggerKeydown'];\n  onSelectionChange: BaseDropdownInputTriggerProps['onChange'];\n  onInputValueChange: BaseDropdownInputTriggerProps['onInputValueChange'];\n} => {\n  const {\n    onTriggerKeydown: onBaseDropdownInputKeydown,\n    isOpen,\n    setIsOpen,\n    selectedIndices,\n    setSelectedIndices,\n    setControlledValueIndices,\n    isControlled,\n    options,\n    setFilteredValues: setGlobalFilteredValues,\n    activeTagIndex,\n    setActiveTagIndex,\n    setActiveIndex,\n    filteredValues: globalFilteredValues,\n    selectionType,\n    triggererRef,\n    hasAutoCompleteInHeader,\n  } = useDropdown();\n\n  const resetFilters = (): void => setGlobalFilteredValues(getOptionValues());\n\n  // Makes sure that first item is always in focus\n  React.useEffect((): void => {\n    const firstItemOptionIndex = options.findIndex(\n      (option) => option.value === globalFilteredValues[0],\n    );\n\n    if (firstItemOptionIndex >= 0) {\n      setActiveIndex(firstItemOptionIndex);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [globalFilteredValues.length, options.length]);\n\n  // When input is empty or its single select, we want all items to be shown in filter on open of dropdown\n  React.useEffect(() => {\n    if (isOpen && !inputValue) {\n      resetFilters();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, options]);\n\n  React.useEffect(() => {\n    if (isOpen && selectionType === 'single') {\n      resetFilters();\n    }\n\n    // Just setting autoFocus is setting the input in focus state but its not showing keyboard active.\n    // We do this in web to get around that\n    if (hasAutoCompleteInHeader && isOpen && !isReactNative()) {\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const onInputValueChange: BaseDropdownInputTriggerProps['onInputValueChange'] = ({\n    name,\n    value,\n  }) => {\n    setInputValue(value ?? '');\n    props.onInputValueChange?.({ name, value });\n    setActiveTagIndex(-1);\n\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n\n    // default filtering when filteredValues is uncontrolled\n    if (!props.filteredValues) {\n      // eslint-disable-next-line no-lonely-if\n      if (value && options && options.length > 0) {\n        const filteredOptions = getOptionValues().filter((optionValue) =>\n          String(optionValue).toLowerCase().includes(value.toLowerCase()),\n        );\n        setGlobalFilteredValues(filteredOptions);\n      } else {\n        resetFilters();\n      }\n    }\n  };\n\n  const onTriggerKeydown: BaseDropdownInputTriggerProps['onTriggerKeydown'] = (e) => {\n    // Pressing backspace on empty input should remove the last tag\n    if (e.key === 'Backspace' && !inputValue && activeTagIndex < 0 && selectedIndices.length > 0) {\n      if (isControlled) {\n        setControlledValueIndices(selectedIndices.slice(0, -1));\n      } else {\n        setSelectedIndices(selectedIndices.slice(0, -1));\n      }\n    }\n    onBaseDropdownInputKeydown?.(e);\n  };\n\n  const onSelectionChange: BaseDropdownInputTriggerProps['onChange'] = ({ values }) => {\n    console.log('selection change', values);\n    if (selectionType === 'multiple') {\n      setInputValue('');\n      props.onInputValueChange?.({ name: props.name, value: '' });\n      setActiveTagIndex(-1);\n      resetFilters();\n    } else {\n      const displayText = options.find((option) => option.value === values[0])?.title;\n      props.onInputValueChange?.({\n        name: props.name,\n        value: displayText,\n      });\n      // Use displayText as inputValue only if its not controlled by user\n      if (hasAutoCompleteInHeader) {\n        setInputValue('');\n      } else if (typeof props.value === 'undefined') {\n        setInputValue(displayText ?? '');\n      }\n    }\n    props.onChange?.({ name: props.name, values });\n  };\n  return {\n    onSelectionChange,\n    onTriggerKeydown,\n    onInputValueChange,\n  };\n};\n\nconst _AutoComplete = (\n  props: AutoCompleteProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  const [uncontrolledInputValue, setInputValue] = React.useState('');\n  const inputValue = props.inputValue ?? uncontrolledInputValue;\n\n  const {\n    options,\n    setFilteredValues: setGlobalFilteredValues,\n    hasAutoCompleteInHeader,\n    setHasAutoCompleteInHeader,\n    onTriggerClick,\n    dropdownTriggerer,\n  } = useDropdown();\n\n  const getOptionValues = React.useCallback(() => {\n    return options.map((option) => option.value);\n  }, [options]);\n\n  const { onSelectionChange, onTriggerKeydown, onInputValueChange } = useAutoComplete({\n    props,\n    inputValue,\n    setInputValue,\n    getOptionValues,\n  });\n\n  React.useEffect(() => {\n    if (dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete) {\n      // When AutoComplete is mounted but not as trigger,\n      // it has to be somewhere in the BottomSheet (most likely header based on UI but works in other parts too)\n      setHasAutoCompleteInHeader(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // handles controlled filteredValues state (syncs it with our global filteredValues)\n  React.useEffect(() => {\n    if (props.filteredValues) {\n      setGlobalFilteredValues(props.filteredValues);\n    }\n  }, [props.filteredValues, setGlobalFilteredValues]);\n\n  // set autoFocus to true when used inside bottomsheet\n  const defaultAutoFocusState = hasAutoCompleteInHeader ? true : undefined;\n\n  return (\n    <BaseBox position=\"relative\">\n      <BaseDropdownInputTrigger\n        {...props}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={props.autoFocus ?? defaultAutoFocusState}\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ref={ref as any}\n        onChange={onSelectionChange}\n        isSelectInput={false}\n        inputValue={inputValue}\n        syncInputValueWithSelection={(value) => {\n          if (!value) {\n            setInputValue('');\n            return;\n          }\n          const selectedOption = options.find((option) => option.value === value);\n          setInputValue(selectedOption?.title ?? '');\n        }}\n        onTriggerKeydown={onTriggerKeydown}\n        onInputValueChange={onInputValueChange}\n        onTriggerClick={(triggerEvent) => {\n          if (!hasAutoCompleteInHeader) {\n            // we don't want clicking on autocomplete to open / close Dropdown when it is used inside BottomSheet's header\n            onTriggerClick();\n          }\n          props?.onClick?.(triggerEvent);\n        }}\n      />\n    </BaseBox>\n  );\n};\n\n/**\n * ### AutoComplete\n *\n * Extension on top of SelectInput which allows you type and filter between ActionList items\n *\n * To be used in combination of `Dropdown` and `ActionList` component\n *\n * ---\n *\n * #### Usage in Desktop\n *\n * ```diff\n * <Dropdown>\n * + <AutoComplete label=\"Select Fruits\" />\n *   <DropdownOverlay>\n *     <ActionList>\n *       <ActionListItem title=\"Mango\" value=\"mango\" />\n *       <ActionListItem title=\"Apple\" value=\"apple\" />\n *     </ActionList>\n *   </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * #### Usage in Mobile\n *\n * ```diff\n * <Dropdown>\n * + <SelectInput label=\"Select Fruits\" />\n *   <BottomSheet>\n *      <BottomSheetHeader>\n * +      <AutoComplete label=\"Select Fruits\" />\n *      </BottomSheetHeader>\n *      <BottomSheetBody>\n *       <ActionList>\n *         <ActionListItem title=\"Mango\" value=\"mango\" />\n *         <ActionListItem title=\"Apple\" value=\"apple\" />\n *       </ActionList>\n *      </BottomSheetBody>\n *   </BottomSheet>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-autocomplete--with-single-select AutoComplete Documentation}.\n */\nconst AutoComplete = assignWithoutSideEffects(React.forwardRef(_AutoComplete), {\n  componentId: dropdownComponentIds.triggers.AutoComplete,\n});\n\nexport { AutoComplete };\n"],"names":["useAutoComplete","_ref","props","inputValue","setInputValue","getOptionValues","_useDropdown","useDropdown","onBaseDropdownInputKeydown","onTriggerKeydown","isOpen","setIsOpen","selectedIndices","setSelectedIndices","setControlledValueIndices","isControlled","options","setGlobalFilteredValues","setFilteredValues","activeTagIndex","setActiveTagIndex","setActiveIndex","globalFilteredValues","filteredValues","selectionType","triggererRef","hasAutoCompleteInHeader","resetFilters","React","useEffect","firstItemOptionIndex","findIndex","option","value","length","isReactNative","_triggererRef$current","current","focus","onInputValueChange","_ref2","name","filteredOptions","filter","optionValue","String","toLowerCase","includes","e","key","slice","onSelectionChange","_ref3","values","console","log","_options$find","displayText","find","title","onChange","_AutoComplete","ref","_props$inputValue","_props$autoFocus","_React$useState","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","_useDropdown2","setHasAutoCompleteInHeader","onTriggerClick","dropdownTriggerer","useCallback","map","_useAutoComplete","dropdownComponentIds","triggers","AutoComplete","defaultAutoFocusState","undefined","_jsx","BaseBox","position","children","BaseDropdownInputTrigger","Object","assign","autoFocus","isSelectInput","syncInputValueWithSelection","_selectedOption$title","selectedOption","triggerEvent","onClick","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}
+{"version":3,"file":"AutoComplete.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/AutoComplete.tsx"],"sourcesContent":["import React from 'react';\nimport { useDropdown } from '../../Dropdown/useDropdown';\nimport type { AutoCompleteProps, BaseDropdownInputTriggerProps } from './types';\nimport { BaseDropdownInputTrigger } from './BaseDropdownInputTrigger';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { isReactNative } from '~utils';\n\nconst useAutoComplete = ({\n  props,\n  inputValue,\n  setInputValue,\n  getOptionValues,\n}: {\n  props: AutoCompleteProps;\n  setInputValue: (inputValue: string) => void;\n  inputValue: string;\n  getOptionValues: () => string[];\n}): {\n  onTriggerKeydown: BaseDropdownInputTriggerProps['onTriggerKeydown'];\n  onSelectionChange: BaseDropdownInputTriggerProps['onChange'];\n  onInputValueChange: BaseDropdownInputTriggerProps['onInputValueChange'];\n} => {\n  const {\n    onTriggerKeydown: onBaseDropdownInputKeydown,\n    isOpen,\n    setIsOpen,\n    selectedIndices,\n    setSelectedIndices,\n    setControlledValueIndices,\n    isControlled,\n    options,\n    setFilteredValues: setGlobalFilteredValues,\n    activeTagIndex,\n    setActiveTagIndex,\n    setActiveIndex,\n    filteredValues: globalFilteredValues,\n    selectionType,\n    triggererRef,\n    hasAutoCompleteInHeader,\n  } = useDropdown();\n\n  const resetFilters = (): void => setGlobalFilteredValues(getOptionValues());\n\n  // Makes sure that first item is always in focus\n  React.useEffect((): void => {\n    const firstItemOptionIndex = options.findIndex(\n      (option) => option.value === globalFilteredValues[0],\n    );\n\n    if (firstItemOptionIndex >= 0) {\n      setActiveIndex(firstItemOptionIndex);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [globalFilteredValues.length, options.length]);\n\n  // When input is empty or its single select, we want all items to be shown in filter on open of dropdown\n  React.useEffect(() => {\n    if (isOpen && !inputValue) {\n      resetFilters();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, options]);\n\n  React.useEffect(() => {\n    if (isOpen && selectionType === 'single') {\n      resetFilters();\n    }\n\n    // Just setting autoFocus is setting the input in focus state but its not showing keyboard active.\n    // We do this in web to get around that\n    if (hasAutoCompleteInHeader && isOpen && !isReactNative()) {\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const onInputValueChange: BaseDropdownInputTriggerProps['onInputValueChange'] = ({\n    name,\n    value,\n  }) => {\n    setInputValue(value ?? '');\n    props.onInputValueChange?.({ name, value });\n    setActiveTagIndex(-1);\n\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n\n    // default filtering when filteredValues is uncontrolled\n    if (!props.filteredValues) {\n      // eslint-disable-next-line no-lonely-if\n      if (value && options && options.length > 0) {\n        const filteredOptions = getOptionValues().filter((optionValue) =>\n          String(optionValue).toLowerCase().includes(value.toLowerCase()),\n        );\n        setGlobalFilteredValues(filteredOptions);\n      } else {\n        resetFilters();\n      }\n    }\n  };\n\n  const onTriggerKeydown: BaseDropdownInputTriggerProps['onTriggerKeydown'] = (e) => {\n    // Pressing backspace on empty input should remove the last tag\n    if (e.key === 'Backspace' && !inputValue && activeTagIndex < 0 && selectedIndices.length > 0) {\n      if (isControlled) {\n        setControlledValueIndices(selectedIndices.slice(0, -1));\n      } else {\n        setSelectedIndices(selectedIndices.slice(0, -1));\n      }\n    }\n    onBaseDropdownInputKeydown?.(e);\n  };\n\n  const onSelectionChange: BaseDropdownInputTriggerProps['onChange'] = ({ values }) => {\n    console.log('selection change', values);\n    if (selectionType === 'multiple') {\n      setInputValue('');\n      props.onInputValueChange?.({ name: props.name, value: '' });\n      setActiveTagIndex(-1);\n      resetFilters();\n    } else {\n      const displayText = options.find((option) => option.value === values[0])?.title;\n      props.onInputValueChange?.({\n        name: props.name,\n        value: displayText,\n      });\n      // Use displayText as inputValue only if its not controlled by user\n      if (hasAutoCompleteInHeader) {\n        setInputValue('');\n      } else if (typeof props.value === 'undefined') {\n        setInputValue(displayText ?? '');\n      }\n    }\n    props.onChange?.({ name: props.name, values });\n  };\n  return {\n    onSelectionChange,\n    onTriggerKeydown,\n    onInputValueChange,\n  };\n};\n\nconst _AutoComplete = (\n  props: AutoCompleteProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  const [uncontrolledInputValue, setInputValue] = React.useState('');\n  const inputValue = props.inputValue ?? uncontrolledInputValue;\n\n  const {\n    options,\n    setFilteredValues: setGlobalFilteredValues,\n    hasAutoCompleteInHeader,\n    setHasAutoCompleteInHeader,\n    onTriggerClick,\n    dropdownTriggerer,\n  } = useDropdown();\n\n  const getOptionValues = React.useCallback(() => {\n    return options.map((option) => option.value);\n  }, [options]);\n\n  const { onSelectionChange, onTriggerKeydown, onInputValueChange } = useAutoComplete({\n    props,\n    inputValue,\n    setInputValue,\n    getOptionValues,\n  });\n\n  React.useEffect(() => {\n    if (dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete) {\n      // When AutoComplete is mounted but not as trigger,\n      // it has to be somewhere in the BottomSheet (most likely header based on UI but works in other parts too)\n      setHasAutoCompleteInHeader(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // handles controlled filteredValues state (syncs it with our global filteredValues)\n  React.useEffect(() => {\n    if (props.filteredValues) {\n      setGlobalFilteredValues(props.filteredValues);\n    }\n  }, [props.filteredValues, setGlobalFilteredValues]);\n\n  // set autoFocus to true when used inside bottomsheet\n  const defaultAutoFocusState = hasAutoCompleteInHeader ? true : undefined;\n\n  return (\n    <BaseBox position=\"relative\">\n      <BaseDropdownInputTrigger\n        {...props}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={props.autoFocus ?? defaultAutoFocusState}\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ref={ref as any}\n        onChange={onSelectionChange}\n        isSelectInput={false}\n        inputValue={inputValue}\n        syncInputValueWithSelection={(value) => {\n          if (!value) {\n            setInputValue('');\n            return;\n          }\n          const selectedOption = options.find((option) => option.value === value);\n          setInputValue(selectedOption?.title ?? '');\n        }}\n        onTriggerKeydown={onTriggerKeydown}\n        onInputValueChange={onInputValueChange}\n        onTriggerClick={(triggerEvent) => {\n          if (!hasAutoCompleteInHeader) {\n            // we don't want clicking on autocomplete to open / close Dropdown when it is used inside BottomSheet's header\n            onTriggerClick();\n          }\n          props?.onClick?.(triggerEvent);\n        }}\n      />\n    </BaseBox>\n  );\n};\n\n/**\n * ### AutoComplete\n *\n * Extension on top of SelectInput which allows you type and filter between ActionList items\n *\n * To be used in combination of `Dropdown` and `ActionList` component\n *\n * ---\n *\n * #### Usage in Desktop\n *\n * ```diff\n * <Dropdown>\n * + <AutoComplete label=\"Select Fruits\" />\n *   <DropdownOverlay>\n *     <ActionList>\n *       <ActionListItem title=\"Mango\" value=\"mango\" />\n *       <ActionListItem title=\"Apple\" value=\"apple\" />\n *     </ActionList>\n *   </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * #### Usage in Mobile\n *\n * ```diff\n * <Dropdown>\n * + <SelectInput label=\"Select Fruits\" />\n *   <BottomSheet>\n *      <BottomSheetHeader>\n * +      <AutoComplete label=\"Select Fruits\" />\n *      </BottomSheetHeader>\n *      <BottomSheetBody>\n *       <ActionList>\n *         <ActionListItem title=\"Mango\" value=\"mango\" />\n *         <ActionListItem title=\"Apple\" value=\"apple\" />\n *       </ActionList>\n *      </BottomSheetBody>\n *   </BottomSheet>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-autocomplete--with-single-select AutoComplete Documentation}.\n */\nconst AutoComplete = assignWithoutSideEffects(React.forwardRef(_AutoComplete), {\n  componentId: dropdownComponentIds.triggers.AutoComplete,\n});\n\nexport { AutoComplete };\n"],"names":["this","useAutoComplete","_ref","props","inputValue","setInputValue","getOptionValues","_useDropdown","useDropdown","onBaseDropdownInputKeydown","onTriggerKeydown","isOpen","setIsOpen","selectedIndices","setSelectedIndices","setControlledValueIndices","isControlled","options","setGlobalFilteredValues","setFilteredValues","activeTagIndex","setActiveTagIndex","setActiveIndex","globalFilteredValues","filteredValues","selectionType","triggererRef","hasAutoCompleteInHeader","resetFilters","React","useEffect","firstItemOptionIndex","findIndex","option","value","length","isReactNative","_triggererRef$current","current","focus","onInputValueChange","_ref2","name","filteredOptions","filter","optionValue","String","toLowerCase","includes","e","key","slice","onSelectionChange","_ref3","values","console","log","_options$find","displayText","find","title","onChange","_AutoComplete","ref","_props$inputValue","_props$autoFocus","_React$useState","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","_useDropdown2","setHasAutoCompleteInHeader","onTriggerClick","dropdownTriggerer","useCallback","map","_useAutoComplete","dropdownComponentIds","triggers","AutoComplete","defaultAutoFocusState","undefined","_jsx","BaseBox","position","children","BaseDropdownInputTrigger","Object","assign","autoFocus","isSelectInput","syncInputValueWithSelection","_selectedOption$title","selectedOption","triggerEvent","onClick","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}

package/build/lib/native/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js

@@ -1,26 +1,25 @@
 import React__default from 'react';
-import { BaseInput } from '../BaseInput/BaseInput.js';
+import '../BaseInput/index.js';
 import { InputChevronIcon } from './InputChevronIcon.native.js';
 import { useDropdown } from '../../Dropdown/useDropdown.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
+import '../../../utils/index.js';
 import { getActionListContainerRole } from '../../ActionList/getA11yRoles.js';
-import '@babel/runtime/helpers/defineProperty';
-import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
+import '../../../utils/metaAttribute/index.js';
 import { getTagsGroup } from '../../Tag/getTagsGroup.js';
 import { useTableContext } from '../../Table/TableContext.js';
 import { rowDensityToIsTableInputCellMapping, tableEditableCellRowDensityToInputSizeMap, validationStateToInputTrailingIconMap } from '../../Table/tokens.js';
 import { useTableEditableCell } from '../../Table/TableEditableCellContext.js';
-import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { dropdownComponentIds } from '../../Dropdown/dropdownComponentIds.js';
-import { useControlledDropdownInput } from '../../../utils/useControlledDropdownInput/useControlledDropdownInput.js';
+import '../../../utils/useControlledDropdownInput/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { useControlledDropdownInput } from '../../../utils/useControlledDropdownInput/useControlledDropdownInput.js';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import { BaseInput } from '../BaseInput/BaseInput.js';
+import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$validationStat,_props$maxRows,_props$label;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,displayValue=_useDropdown.displayValue,selectionType=_useDropdown.selectionType,dropdownTriggerer=_useDropdown.dropdownTriggerer,dropdownBaseId=_useDropdown.dropdownBaseId,selectedIndices=_useDropdown.selectedIndices,triggererRef=_useDropdown.triggererRef,headerAutoCompleteRef=_useDropdown.headerAutoCompleteRef,triggererWrapperRef=_useDropdown.triggererWrapperRef,isTagDismissedRef=_useDropdown.isTagDismissedRef,onTriggerClick=_useDropdown.onTriggerClick,value=_useDropdown.value,shouldIgnoreBlurAnimation=_useDropdown.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,options=_useDropdown.options,removeOption=_useDropdown.removeOption,setChangeCallbackTriggerer=_useDropdown.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer;var _useTableContext=useTableContext(),rowDensity=_useTableContext.rowDensity;var _useTableEditableCell=useTableEditableCell(),isInsideTableEditableCell=_useTableEditableCell.isInsideTableEditableCell;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete;var getShowAllTags=React__default.useCallback(function(){if(isAutoCompleteInHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[isAutoCompleteInHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput,triggererRef:triggererRef});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(_ref){var size=_ref.size;if(selectionType==='single'){return undefined;}return getTagsGroup({size:size,tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref2){var tagIndex=_ref2.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);var tableInputProps={isTableInputCell:rowDensityToIsTableInputCellMapping[rowDensity],id:'table-editable-cell-input',size:tableEditableCellRowDensityToInputSizeMap[rowDensity],trailingIcon:validationStateToInputTrailingIconMap[(_props$validationStat=props.validationState)!=null?_props$validationStat:'none'],showHintsAsTooltip:true};var isValidationStateNone=props.validationState==='none'||props.validationState===undefined;return jsx(BaseInput,Object.assign({as:props.isSelectInput?'button':'input',ref:isReactNative()?null:function(node){if(isAutoCompleteInHeader){headerAutoCompleteRef.current=node;}else {triggererRef.current=node;}if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}},isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){if(!isAutoCompleteInHeader){triggererWrapperRef.current=wrapperNode;}},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags({size:props.size||'medium'}),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,valueSuffix:typeof props.valueSuffix==='function'?props.valueSuffix({values:options.filter(function(option,index){return selectedIndices.includes(index);}).map(function(option){return option.value;})}):undefined,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref3){var name=_ref3.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,role:isAutoCompleteInHeader?'searchbox':'combobox',hasPopup:isAutoCompleteInHeader?false:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:isAutoCompleteInHeader?undefined:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size},makeAnalyticsAttribute(props),{onTrailingInteractionElementClick:function onTrailingInteractionElementClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},trailingInteractionElement:isAutoCompleteInHeader||isInsideTableEditableCell&&!isValidationStateNone?null:jsx(InputChevronIcon,{isDisabled:props.isDisabled,isOpen:isOpen})},isInsideTableEditableCell?tableInputProps:undefined,{tabIndex:isAutoCompleteInHeader?0:undefined}));};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.tsx";var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$validationStat,_props$maxRows,_props$label;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,displayValue=_useDropdown.displayValue,selectionType=_useDropdown.selectionType,dropdownTriggerer=_useDropdown.dropdownTriggerer,dropdownBaseId=_useDropdown.dropdownBaseId,selectedIndices=_useDropdown.selectedIndices,triggererRef=_useDropdown.triggererRef,headerAutoCompleteRef=_useDropdown.headerAutoCompleteRef,triggererWrapperRef=_useDropdown.triggererWrapperRef,isTagDismissedRef=_useDropdown.isTagDismissedRef,onTriggerClick=_useDropdown.onTriggerClick,value=_useDropdown.value,shouldIgnoreBlurAnimation=_useDropdown.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,options=_useDropdown.options,removeOption=_useDropdown.removeOption,setChangeCallbackTriggerer=_useDropdown.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer;var _useTableContext=useTableContext(),rowDensity=_useTableContext.rowDensity;var _useTableEditableCell=useTableEditableCell(),isInsideTableEditableCell=_useTableEditableCell.isInsideTableEditableCell;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete;var getShowAllTags=React__default.useCallback(function(){if(isAutoCompleteInHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[isAutoCompleteInHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput,triggererRef:triggererRef});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(_ref){var size=_ref.size;if(selectionType==='single'){return undefined;}return getTagsGroup({size:size,tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref2){var tagIndex=_ref2.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);var tableInputProps={isTableInputCell:rowDensityToIsTableInputCellMapping[rowDensity],id:'table-editable-cell-input',size:tableEditableCellRowDensityToInputSizeMap[rowDensity],trailingIcon:validationStateToInputTrailingIconMap[(_props$validationStat=props.validationState)!=null?_props$validationStat:'none'],showHintsAsTooltip:true};var isValidationStateNone=props.validationState==='none'||props.validationState===undefined;return jsx(BaseInput,Object.assign({as:props.isSelectInput?'button':'input',ref:isReactNative()?null:function(node){if(isAutoCompleteInHeader){headerAutoCompleteRef.current=node;}else {triggererRef.current=node;}if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}},isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){if(!isAutoCompleteInHeader){triggererWrapperRef.current=wrapperNode;}},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags({size:props.size||'medium'}),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,valueSuffix:typeof props.valueSuffix==='function'?props.valueSuffix({values:options.filter(function(option,index){return selectedIndices.includes(index);}).map(function(option){return option.value;})}):undefined,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref3){var name=_ref3.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,role:isAutoCompleteInHeader?'searchbox':'combobox',hasPopup:isAutoCompleteInHeader?false:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:isAutoCompleteInHeader?undefined:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size},makeAnalyticsAttribute(props),{onTrailingInteractionElementClick:function onTrailingInteractionElementClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},trailingInteractionElement:isAutoCompleteInHeader||isInsideTableEditableCell&&!isValidationStateNone?null:jsx(InputChevronIcon,{isDisabled:props.isDisabled,isOpen:isOpen})},isInsideTableEditableCell?tableInputProps:undefined,{tabIndex:isAutoCompleteInHeader?0:undefined}));};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
 
 export { BaseDropdownInputTrigger };
 //# sourceMappingURL=BaseDropdownInputTrigger.js.map