@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      incrementButtons,\n      max,\n      min,\n      step,\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent","handleWheel","blur"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      incrementButtons,\n      max,\n      min,\n      step,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n      onWheel,\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    const handleWheel = useCallback((e: React.WheelEvent<HTMLInputElement>) => {\n      if (refs.current[5]) {\n        refs.current[5](e);\n      } else {\n        inputRef.current?.blur();\n      }\n    }, []);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          onWheel={handleWheel}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"ikBAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,OAAzC,KAAwD,OAAxD,CAEA,OACEC,gBADF,CAEEC,kBAFF,CAGEC,YAHF,CAIEC,UAJF,CAKEC,UALF,6BAOA,OAASC,UAAT,iCACA,OAASC,OAAT,8BACA,OAASC,aAAT,kDACA,OAASC,YAAT,mCAGA,OAASC,YAAT,uBACA,OAASC,qBAAT,+BACA,OAASC,cAAT,CAAyBC,YAAzB,iBAEA,MAAO,IAAMC,oBAAqD,CAAGhB,UAAU,CAC7E,SAACiB,CAAD,CAAQC,CAAR,CAAyB,IAErBC,EAFqB,CA+CnBF,CA/CmB,CAErBE,SAFqB,CAGrBC,CAHqB,CA+CnBH,CA/CmB,CAGrBG,KAHqB,CAIrBC,CAJqB,CA+CnBJ,CA/CmB,CAIrBI,YAJqB,CAKrBC,CALqB,CA+CnBL,CA/CmB,CAKrBK,QALqB,CAMrBC,CANqB,CA+CnBN,CA/CmB,CAMrBM,EANqB,CAOrBC,CAPqB,CA+CnBP,CA/CmB,CAOrBO,IAPqB,CAQXC,CARW,CA+CnBR,CA/CmB,CAQrBS,QARqB,CASrBC,CATqB,CA+CnBV,CA/CmB,CASrBU,SATqB,CAUrBC,CAVqB,CA+CnBX,CA/CmB,CAUrBW,QAVqB,GA+CnBX,CA/CmB,CAWrBY,IAXqB,CAWrBA,CAXqB,YAWd,GAXc,KA+CnBZ,CA/CmB,CAYrBa,IAZqB,CAYrBA,CAZqB,YAYd,SAZc,GAarBC,CAbqB,CA+CnBd,CA/CmB,CAarBc,IAbqB,CAcrBC,CAdqB,CA+CnBf,CA/CmB,CAcrBe,MAdqB,CAerBC,CAfqB,CA+CnBhB,CA/CmB,CAerBgB,MAfqB,CAgBrBC,CAhBqB,CA+CnBjB,CA/CmB,CAgBrBiB,OAhBqB,CAiBrBC,CAjBqB,CA+CnBlB,CA/CmB,CAiBrBkB,SAjBqB,CAkBrBC,CAlBqB,CA+CnBnB,CA/CmB,CAkBrBmB,WAlBqB,CAmBrBC,CAnBqB,CA+CnBpB,CA/CmB,CAmBrBoB,QAnBqB,CAoBrBC,CApBqB,CA+CnBrB,CA/CmB,CAoBrBqB,SApBqB,CAqBrBC,CArBqB,CA+CnBtB,CA/CmB,CAqBrBsB,YArBqB,CAsBrBC,CAtBqB,CA+CnBvB,CA/CmB,CAsBrBuB,eAtBqB,CAuBrBC,CAvBqB,CA+CnBxB,CA/CmB,CAuBrBwB,QAvBqB,CAwBrBC,CAxBqB,CA+CnBzB,CA/CmB,CAwBrByB,IAxBqB,CAyBrBC,CAzBqB,CA+CnB1B,CA/CmB,CAyBrB0B,QAzBqB,CA0BrBC,CA1BqB,CA+CnB3B,CA/CmB,CA0BrB2B,SA1BqB,CA2BrBC,CA3BqB,CA+CnB5B,CA/CmB,CA2BrB4B,QA3BqB,CA4BrBC,CA5BqB,CA+CnB7B,CA/CmB,CA4BrB6B,OA5BqB,CA6BrBC,CA7BqB,CA+CnB9B,CA/CmB,CA6BrB8B,gBA7BqB,CA8BrBC,CA9BqB,CA+CnB/B,CA/CmB,CA8BrB+B,GA9BqB,CA+BrBC,CA/BqB,CA+CnBhC,CA/CmB,CA+BrBgC,GA/BqB,CAgCrBC,CAhCqB,CA+CnBjC,CA/CmB,CAgCrBiC,IAhCqB,CAkCrBC,CAlCqB,CA+CnBlC,CA/CmB,CAkCrBkC,SAlCqB,CAmCrBC,CAnCqB,CA+CnBnC,CA/CmB,CAmCrBmC,gBAnCqB,CAoCrBC,CApCqB,CA+CnBpC,CA/CmB,CAoCrBoC,OApCqB,CAqCrBC,CArCqB,CA+CnBrC,CA/CmB,CAqCrBqC,cArCqB,CAsCrBC,CAtCqB,CA+CnBtC,CA/CmB,CAsCrBsC,MAtCqB,CAuCrBC,CAvCqB,CA+CnBvC,CA/CmB,CAuCrBuC,aAvCqB,CAwCrBC,CAxCqB,CA+CnBxC,CA/CmB,CAwCrBwC,KAxCqB,CAyCrBC,CAzCqB,CA+CnBzC,CA/CmB,CAyCrByC,YAzCqB,CA0CrBC,CA1CqB,CA+CnB1C,CA/CmB,CA0CrB0C,OA1CqB,CA2CrBC,CA3CqB,CA+CnB3C,CA/CmB,CA2CrB2C,cA3CqB,CA4CrBC,CA5CqB,CA+CnB5C,CA/CmB,CA4CrB4C,OA5CqB,CA6CrBC,CA7CqB,CA+CnB7C,CA/CmB,CA6CrB6C,OA7CqB,CA8ClBC,CA9CkB,0BA+CnB9C,CA/CmB,cA6DnBL,YAAY,CAAC,CACfkC,OAAO,CAAPA,CADe,CAEfxB,QAAQ,CAARA,CAFe,CAGfW,MAAM,CAANA,CAHe,CAIfC,OAAO,CAAPA,CAJe,CAKfN,QAAQ,CAARA,CALe,CAMfiC,OAAO,CAAPA,CANe,CAAD,CA7DO,CAkDrBG,CAlDqB,GAkDrBA,UAlDqB,CAmDrBC,CAnDqB,GAmDrBA,YAnDqB,CAoDrBC,CApDqB,GAoDrBA,WApDqB,CAqDrBC,CArDqB,GAqDrBA,WArDqB,CAsDrBC,CAtDqB,GAsDrBA,OAtDqB,CAuDrBC,EAvDqB,GAuDrBA,SAvDqB,CAwDrBC,EAxDqB,GAwDrBA,GAxDqB,CAyDrB5C,EAzDqB,GAyDrBA,QAzDqB,CA0DrB6C,EA1DqB,GA0DrBA,WA1DqB,CA2DrBC,EA3DqB,GA2DrBA,WA3DqB,CA4DrBC,EA5DqB,GA4DrBA,YA5DqB,CAsEjBC,EAAS,CAAG/D,YAAY,CAAC,CAAEuC,IAAI,CAAJA,CAAF,CAAQD,GAAG,CAAHA,CAAR,CAAaD,GAAG,CAAHA,CAAb,CAAD,CAtEP,CAwEjB2B,EAAI,CAAGjE,aAAa,CAAC,CACzBgE,EADyB,CAEzBzB,CAFyB,CAGzBD,CAHyB,CAIzBG,CAJyB,CAKzBpC,YAAY,CAAC2D,EAAD,CAAY9C,CAAZ,CALa,CAMzBkC,CANyB,CAAD,CAxEH,CAiFjBc,EAAiB,CAAG3E,WAAW,CACnC,SACE4E,CADF,CAEEC,CAFF,CAGK,SACH,GAAKpD,EAAQ,CAACqD,OAAV,GAAqBP,EAAW,CAACO,OAAZ,CAAoB,CAApB,CAAzB,EAIA,GAAMC,EAAQ,CAAGlE,cAAc,CAC7B6D,EAAI,CAACI,OAAL,CAAa,CAAb,CAD6B,CAE7BrD,EAAQ,CAACqD,OAAT,CAAiB3D,KAFY,CAG7B0D,CAH6B,CAI7BH,EAAI,CAACI,OAAL,CAAa,CAAb,CAJ6B,CAK7BJ,EAAI,CAACI,OAAL,CAAa,CAAb,CAL6B,CAA/B,CAJA,UAYA,GAAAP,EAAW,CAACO,OAAZ,EAAoB,CAApB,CAZA,qBAYA,SAAyBC,CAAzB,CAAmC,CAAEH,CAAC,CAADA,CAAF,CAAnC,CAZA,CAcAnD,EAAQ,CAACqD,OAAT,CAAiB3D,KAAjB,CAAyB4D,CAdzB,CAeAP,EAAY,CAACQ,EAAb,EAfA,CAgBD,CArBkC,CAsBnC,EAtBmC,CAjFd,CA0GjBC,EAAqB,CAAGjF,WAAW,CACvC,SAAC4E,CAAD,QAA4CD,GAAiB,CAACC,CAAD,IAA7D,CADuC,CAEvC,EAFuC,CA1GlB,CA+GjBM,EAAqB,CAAGlF,WAAW,CACvC,SAAC4E,CAAD,QAA4CD,GAAiB,CAACC,CAAD,IAA7D,CADuC,CAEvC,EAFuC,CA/GlB,CAoHjBO,EAAkB,CAAG3E,OAAO,CAChCP,OAAO,CACL,iBAAO,CACLmF,QAAQ,GADH,CAELC,IAAI,CAAE,CACJC,OAAO,CAAE,iBAACV,CAAD,CAAO,CACdA,CAAC,CAACW,cAAF,EADc,CAEdb,EAAI,CAACI,OAAL,CAAa,CAAb,GAAmBH,EAAiB,CAACC,CAAD,IACrC,CAJG,CAKJY,SAAS,CAAE,mBAACZ,CAAD,CAAO,CAChBA,CAAC,CAACW,cAAF,EADgB,CAEhBb,EAAI,CAACI,OAAL,CAAa,CAAb,GAAmBH,EAAiB,CAACC,CAAD,IACrC,CARG,CAFD,CAYLa,OAAO,CAAEf,EAAI,CAACI,OAAL,CAAa,CAAb,CAZJ,CAAP,CADK,CAeL,EAfK,CADyB,CApHX,CAwIjBY,EAAW,CAAG1F,WAAW,CAAC,SAAC4E,CAAD,CAA2C,CACzE,GAAIF,EAAI,CAACI,OAAL,CAAa,CAAb,CAAJ,CACEJ,EAAI,CAACI,OAAL,CAAa,CAAb,EAAgBF,CAAhB,CADF,KAEO,iBACLnD,EAAQ,CAACqD,OADJ,qBACL,EAAkBa,IAAlB,EACD,CACF,CAN8B,CAM5B,EAN4B,CAxIR,CAgJvB,MACE,qBAAC,kBAAD,kBACM7B,CADN,EAEE,SAAS,CAAElD,qBAAqB,CAAC,CAAEkC,gBAAgB,CAAhBA,CAAF,CAAD,CAAuB,CAAC5B,CAAD,CAAvB,CAFlC,CAGE,IAAI,CAAEY,CAHR,CAIE,MAAM,CAAEC,CAJV,CAKE,IAAI,CAAEH,CALR,CAME,QAAQ,CAAEtB,UAAU,CAAC8B,CAAD,CAAWR,CAAX,CAAiBgB,CAAjB,CANtB,CAOE,SAAS,CAAE,CACTL,CAAe,EAAI,CAACZ,CAApB,EAAgCyC,EAAhC,EAA6C,CAACtB,CAA9C,EACE,oBAAC,gBAAD,EAAkB,IAAI,CAAElB,CAAxB,CAA8B,OAAO,CAAEqC,CAAvC,EAFO,CAITnB,CAAgB,EAAI4B,EAAI,CAACI,OAAL,CAAa,CAAb,CAApB,EACE,oBAAC,YAAD,EACE,gBAAgB,CAAEG,EADpB,CAEE,gBAAgB,CAAEf,CAFpB,CAGE,gBAAgB,CAAEgB,EAHpB,CAIE,gBAAgB,CAAEhB,CAJpB,EALO,CAPb,CAoBE,OAAO,CAAEC,CApBX,CAqBE,IAAI,CAAEtC,CArBR,CAsBE,GAAG,CAAEtB,UAAU,CAAC,CAACU,CAAD,CAAeoD,EAAf,CAAD,CAtBjB,CAuBE,QAAQ,CAAE1C,CAvBZ,CAwBE,OAAO,CAAE2C,EAxBX,GA0BE,oBAAC,UAAD,EACE,SAAS,CAAE1D,qBAAqB,CAAC,OAAD,CADlC,CAEE,WAAW,CAAEuB,CAFf,CAGE,SAAS,CAAED,CAHb,CAIE,YAAY,CAAEI,CAJhB,CAKE,MAAM,CAAEyB,CALV,CAME,QAAQ,CAAEC,CANZ,CAOE,OAAO,CAAEE,CAPX,CAQE,YAAY,CAAE9C,CAAY,QAR5B,CASE,KAAK,CAAY,IAAV,GAAAD,CAAK,CAAY,EAAZ,CAAiBA,CAT/B,CAUE,GAAG,CAAEZ,UAAU,CAAC,CAACiB,CAAD,CAAeC,EAAf,CAAD,CAVjB,CAWE,QAAQ,CAAEe,CAXZ,CAYE,QAAQ,CAAEE,CAZZ,CAaE,aAAYC,CAbd,CAcE,SAAS,CAAEwC,EAdb,CAeE,gBAAgB,CAAEhC,CAfpB,CAgBE,OAAO,CAAEC,CAhBX,CAiBE,cAAc,CAAEC,CAjBlB,CAkBE,OAAO,CAAEqC,EAlBX,CAmBE,SAAS,CAAEhE,CAnBb,CAoBE,QAAQ,CAAEC,CApBZ,CAqBE,IAAI,CAAEc,CArBR,CAsBE,GAAG,CAAEM,CAtBP,CAuBE,GAAG,CAAEC,CAvBP,CAwBE,EAAE,CAAE1B,CAxBN,CAyBE,IAAI,CAAEC,CAzBR,CA0BE,MAAM,CAAE+B,CA1BV,CA2BE,aAAa,CAAEC,CA3BjB,CA4BE,KAAK,CAAEC,CA5BT,CA6BE,YAAY,CAAEC,CA7BhB,CA8BE,OAAO,CAAEC,CA9BX,CA+BE,cAAc,CAAEC,CA/BlB,EA1BF,CA6DH,CA/M4E,CAAxE"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/cnTextFieldTypeNumber.d.ts

@@ -1,2 +1,2 @@
-import './TextFieldTypeNumber.css';
-export declare const cnTextFieldTypeNumber: import("@bem-react/classname").ClassNameFormatter;
+import './TextFieldTypeNumber.css';
+export declare const cnTextFieldTypeNumber: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/helpers.d.ts

@@ -1,4 +1,4 @@
-export declare const getValueByStepArray: (steps: number[], value: string | null | undefined, isIncrement: boolean) => number;
-export declare const getValueByStepNumber: (step: number | string, value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
-export declare const getValueByStep: (steps: number | number[], value: string | null | undefined, isIncrement: boolean, min?: number | string, max?: number | string) => string;
-export declare const stepIsActive: (step: number | string | number[], disabled?: boolean) => boolean;
+export declare const getValueByStepArray: (steps: number[], value: string | null | undefined, isIncrement: boolean) => number;
+export declare const getValueByStepNumber: (step: number | string, value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
+export declare const getValueByStep: (steps: number | number[], value: string | null | undefined, isIncrement: boolean, min?: number | string, max?: number | string) => string;
+export declare const stepIsActive: (step: number | string | number[], disabled?: boolean) => boolean;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypeNumber';
+export * from './TextFieldTypeNumber';

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldTypeComponent } from '..';
-export declare const TextFieldTypePassword: TextFieldTypeComponent<'password'>;
+import { TextFieldTypeComponent } from '..';
+export declare const TextFieldTypePassword: TextFieldTypeComponent<'password'>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,FieldToggleVisiblePasswordButton,renderSide}from"../../FieldComponents";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypePassword=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.onKeyDown,G=a.onKeyDownCapture,H=a.onKeyUp,I=a.onKeyUpCapture,J=a.onCopy,K=a.onCopyCapture,L=a.onCut,M=a.onCutCapture,N=a.onPaste,O=a.onPasteCapture,P=a.onClear,Q=_objectWithoutProperties(a,_excluded),R=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:P}),S=R.handleBlur,T=R.handleChange,U=R.handleClear,V=R.handleFocus,W=R.focused,X=R.withValue,Y=R.ref,Z=R.inputRef,$=R.handleClick,_=useFlag(),aa=_slicedToArray(_,2),ba=aa[0],ca=aa[1];return React.createElement(FieldControlLayout,Object.assign({},Q,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&X&&React.createElement(FieldClearButton,{size:m,onClick:U}),X&&React.createElement(FieldToggleVisiblePasswordButton,{size:m,onClick:ca.toggle,active:ba})],focused:W,view:o,ref:useForkRef([b,Y]),disabled:k,onClick:$}),React.createElement(FieldInput,{type:ba?"text":"password",placeholder:u,autoFocus:t,autoComplete:x,onBlur:S,onChange:T,onFocus:V,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,Z]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:F,onKeyDownCapture:G,onKeyUp:H,onKeyUpCapture:I,maxLength:j,disabled:k,id:g,name:h,onCopy:J,onCopyCapture:K,onCut:L,onCutCapture:M,onPaste:N,onPasteCapture:O}))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,FieldToggleVisiblePasswordButton,renderSide}from"../../FieldComponents";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypePassword=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.onKeyDown,G=a.onKeyDownCapture,H=a.onKeyUp,I=a.onKeyUpCapture,J=a.onCopy,K=a.onCopyCapture,L=a.onCut,M=a.onCutCapture,N=a.onPaste,O=a.onPasteCapture,P=a.onClear,Q=a.onWheel,R=_objectWithoutProperties(a,_excluded),S=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:P}),T=S.handleBlur,U=S.handleChange,V=S.handleClear,W=S.handleFocus,X=S.focused,Y=S.withValue,Z=S.ref,$=S.inputRef,_=S.handleClick,aa=useFlag(),ba=_slicedToArray(aa,2),ca=ba[0],da=ba[1];return React.createElement(FieldControlLayout,Object.assign({},R,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&Y&&React.createElement(FieldClearButton,{size:m,onClick:V}),Y&&React.createElement(FieldToggleVisiblePasswordButton,{size:m,onClick:da.toggle,active:ca})],focused:X,view:o,ref:useForkRef([b,Z]),disabled:k,onClick:_}),React.createElement(FieldInput,{type:ca?"text":"password",placeholder:u,autoFocus:t,autoComplete:x,onBlur:T,onChange:U,onFocus:W,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,$]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:F,onKeyDownCapture:G,onKeyUp:H,onKeyUpCapture:I,maxLength:j,disabled:k,id:g,name:h,onCopy:J,onCopyCapture:K,onCut:L,onCutCapture:M,onPaste:N,onPasteCapture:O,onWheel:Q}))});
 //# sourceMappingURL=TextFieldTypePassword.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypePassword.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","FieldToggleVisiblePasswordButton","renderSide","useFlag","useForkRef","useTextField","TextFieldTypePassword","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","visiblePassword","setVisiblePassword","toggle"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  FieldToggleVisiblePasswordButton,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypePassword: TextFieldTypeComponent<'password'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const [visiblePassword, setVisiblePassword] = useFlag();\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          withValue && (\n            <FieldToggleVisiblePasswordButton\n              size={size}\n              onClick={setVisiblePassword.toggle}\n              active={visiblePassword}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          type={visiblePassword ? 'text' : 'password'}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypePassword.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","FieldToggleVisiblePasswordButton","renderSide","useFlag","useForkRef","useTextField","TextFieldTypePassword","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","visiblePassword","setVisiblePassword","toggle"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  FieldToggleVisiblePasswordButton,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypePassword: TextFieldTypeComponent<'password'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const [visiblePassword, setVisiblePassword] = useFlag();\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          withValue && (\n            <FieldToggleVisiblePasswordButton\n              size={size}\n              onClick={setVisiblePassword.toggle}\n              active={visiblePassword}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          type={visiblePassword ? 'text' : 'password'}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypePassword';
+export * from './TextFieldTypePassword';

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldTypeComponent } from '..';
-export declare const TextFieldTypeText: TextFieldTypeComponent<string>;
+import { TextFieldTypeComponent } from '..';
+export declare const TextFieldTypeText: TextFieldTypeComponent<string>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypeText=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=void 0===A?"text":A,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.onKeyDown,H=a.onKeyDownCapture,I=a.onKeyUp,J=a.onKeyUpCapture,K=a.onCopy,L=a.onCopyCapture,M=a.onCut,N=a.onCutCapture,O=a.onPaste,P=a.onPasteCapture,Q=a.onClear,R=_objectWithoutProperties(a,_excluded),S=useTextField({onClick:F,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:Q}),T=S.handleBlur,U=S.handleChange,V=S.handleClear,W=S.handleFocus,X=S.focused,Y=S.withValue,Z=S.ref,$=S.inputRef,_=S.handleClick;return React.createElement(FieldControlLayout,Object.assign({},R,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,E),rightSide:[y&&!k&&Y&&React.createElement(FieldClearButton,{size:m,onClick:V}),renderSide(w,m,E)],focused:X,view:o,ref:useForkRef([b,Z]),disabled:k,onClick:_}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:T,onChange:U,onFocus:W,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,$]),readOnly:z,tabIndex:C,"aria-label":D,onKeyDown:G,onKeyDownCapture:H,onKeyUp:I,onKeyUpCapture:J,maxLength:j,disabled:k,type:B,id:g,name:h,onCopy:K,onCopyCapture:L,onCut:M,onCutCapture:N,onPaste:O,onPasteCapture:P}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypeText=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=void 0===A?"text":A,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.onKeyDown,H=a.onKeyDownCapture,I=a.onKeyUp,J=a.onKeyUpCapture,K=a.onCopy,L=a.onCopyCapture,M=a.onCut,N=a.onCutCapture,O=a.onPaste,P=a.onPasteCapture,Q=a.onClear,R=a.onWheel,S=_objectWithoutProperties(a,_excluded),T=useTextField({onClick:F,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:Q}),U=T.handleBlur,V=T.handleChange,W=T.handleClear,X=T.handleFocus,Y=T.focused,Z=T.withValue,$=T.ref,_=T.inputRef,aa=T.handleClick;return React.createElement(FieldControlLayout,Object.assign({},S,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,E),rightSide:[y&&!k&&Z&&React.createElement(FieldClearButton,{size:m,onClick:W}),renderSide(w,m,E)],focused:Y,view:o,ref:useForkRef([b,$]),disabled:k,onClick:aa}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:U,onChange:V,onFocus:X,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,_]),readOnly:z,tabIndex:C,"aria-label":D,onKeyDown:G,onKeyDownCapture:H,onKeyUp:I,onKeyUpCapture:J,maxLength:j,disabled:k,type:B,id:g,name:h,onCopy:K,onCopyCapture:L,onCut:M,onCutCapture:N,onPaste:O,onPasteCapture:P,onWheel:R}))});
 //# sourceMappingURL=TextFieldTypeText.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeText.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","renderSide","useForkRef","useTextField","TextFieldTypeText","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypeText: TextFieldTypeComponent<string> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type = 'text',\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeText.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","renderSide","useForkRef","useTextField","TextFieldTypeText","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypeText: TextFieldTypeComponent<string> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type = 'text',\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypeText';
+export * from './TextFieldTypeText';

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.css

@@ -1,3 +1,3 @@
-.TextFieldTypeTextArea{--text-field-textarea-padding:calc((var(--text-field-textarea-slot-sizes-lenght) + 1)*var(--field-control-layout-space) + var(--text-field-textarea-slot-sizes-width));--text-field-textarea-vertical-padding:calc((var(--field-control-layout-slot-height) - var(--field-control-layout-text-line-height))/2);--text-field-textarea-control-heigth:var(
-      --text-field-heigth,var(--field-control-layout-height)
-    );--text-field-textarea-heigth-calc:calc(var(--text-field-textarea-control-heigth) - var(--field-control-layout-border-width)*2);--text-field-textarea-min-heigth:var(--text-field-textarea-heigth-calc)}.TextFieldTypeTextArea_resize{--text-field-textarea-resize:vertical}.TextFieldTypeTextArea_resize_auto{--text-field-textarea-heigth:var(--text-field-textarea-heigth-calc)}.TextFieldTypeTextArea-TextArea{height:var(--text-field-textarea-heigth,auto);line-height:var(--field-control-layout-text-line-height);min-height:var(--text-field-textarea-min-heigth);padding-bottom:var(--text-field-textarea-vertical-padding);padding-right:var(--text-field-textarea-padding,0);padding-top:var(--text-field-textarea-vertical-padding);resize:var(--text-field-textarea-resize,none);width:calc(100% + var(--text-field-textarea-padding))}
+.TextFieldTypeTextArea{--text-field-textarea-padding:calc((var(--text-field-textarea-slot-sizes-length) + 1)*var(--field-control-layout-space) + var(--text-field-textarea-slot-sizes-width));--text-field-textarea-vertical-padding:calc((var(--field-control-layout-slot-height) - var(--field-control-layout-text-line-height))/2);--text-field-textarea-control-height:var(
+      --text-field-height,var(--field-control-layout-height)
+    );--text-field-textarea-height-calc:calc(var(--text-field-textarea-control-height) - var(--field-control-layout-border-width)*2);--text-field-textarea-min-height:var(--text-field-textarea-height-calc)}.TextFieldTypeTextArea_resize{--text-field-textarea-resize:vertical}.TextFieldTypeTextArea_resize_auto{--text-field-textarea-height:var(--text-field-textarea-height-calc)}.TextFieldTypeTextArea-TextArea{height:var(--text-field-textarea-height,auto);line-height:var(--field-control-layout-text-line-height);min-height:var(--text-field-textarea-min-height);padding-bottom:var(--text-field-textarea-vertical-padding);padding-right:var(--text-field-textarea-padding,0);padding-top:var(--text-field-textarea-vertical-padding);resize:var(--text-field-textarea-resize,none);width:calc(100% + var(--text-field-textarea-padding))}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.d.ts

@@ -1,4 +1,4 @@
-import './TextFieldTypeTextArea.css';
-import { TextFieldTypeComponent } from '../types';
-export declare const cnTextFieldTypeTextArea: import("@bem-react/classname").ClassNameFormatter;
-export declare const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'>;
+import './TextFieldTypeTextArea.css';
+import { TextFieldTypeComponent } from '../types';
+export declare const cnTextFieldTypeTextArea: import("@bem-react/classname").ClassNameFormatter;
+export declare const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];import"./TextFieldTypeTextArea.css";import React,{forwardRef}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{cnFieldInput,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{useTextField}from"../useTextField";export var cnTextFieldTypeTextArea=cn("TextFieldTypeTextArea");export var TextFieldTypeTextArea=forwardRef(function(a,b){var c,d=a.className,e=a.value,f=a.defaultValue,g=a.onChange,h=a.id,i=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.resize,H=a.rows,I=a.minRows,J=a.maxRows,K=a.onKeyDown,L=a.onKeyDownCapture,M=a.onKeyUp,N=a.onKeyUpCapture,O=a.onCopy,P=a.onCopyCapture,Q=a.onCut,R=a.onCutCapture,S=a.onPaste,T=a.onPasteCapture,U=a.onClear,V=_objectWithoutProperties(a,_excluded),W=useTextField({onClick:F,onChange:g,onBlur:s,onFocus:t,disabled:l,onClear:U}),X=W.handleBlur,Y=W.handleChange,Z=W.handleClear,$=W.handleFocus,_=W.focused,aa=W.withValue,ba=W.ref,ca=W.inputRef,da=W.handleClick,ea=useRefs(2,[!!x,z&&!l&&aa]),fa=useResizeObserved(ea,getElementWidth),ga={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:X,onChange:Y,onFocus:$,defaultValue:f||void 0,value:null===e?"":e,ref:useForkRef([j,ca]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:K,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,maxLength:k,disabled:l,id:h,name:i,autoFocus:u,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T};return React.createElement(FieldControlLayout,Object.assign({},V,{className:cnTextFieldTypeTextArea({resize:G},[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&aa&&React.createElement(FieldClearButton,{size:n,onClick:Z}),renderSide(x,n,E)],focused:_,view:p,ref:useForkRef([b,ba]),disabled:l,onClick:da,style:(c={},_defineProperty(c,"--text-field-textarea-slot-sizes-width","".concat(fa.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarea-slot-sizes-lenght",fa.filter(function(a){return!!a}).length),c),rightSlotsRefs:ea}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ga,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ga,{rows:H})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import"./TextFieldTypeTextArea.css";import React,{forwardRef}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{cnFieldInput,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{useTextField}from"../useTextField";export var cnTextFieldTypeTextArea=cn("TextFieldTypeTextArea");export var TextFieldTypeTextArea=forwardRef(function(a,b){var c,d=a.className,e=a.value,f=a.defaultValue,g=a.onChange,h=a.id,i=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.resize,H=a.rows,I=a.minRows,J=a.maxRows,K=a.onKeyDown,L=a.onKeyDownCapture,M=a.onKeyUp,N=a.onKeyUpCapture,O=a.onCopy,P=a.onCopyCapture,Q=a.onCut,R=a.onCutCapture,S=a.onPaste,T=a.onPasteCapture,U=a.onClear,V=a.onWheel,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:F,onChange:g,onBlur:s,onFocus:t,disabled:l,onClear:U}),Y=X.handleBlur,Z=X.handleChange,$=X.handleClear,_=X.handleFocus,aa=X.focused,ba=X.withValue,ca=X.ref,da=X.inputRef,ea=X.handleClick,fa=useRefs(2,[!!x,z&&!l&&ba]),ga=useResizeObserved(fa,getElementWidth),ha={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:Y,onChange:Z,onFocus:_,defaultValue:f||void 0,value:null===e?"":e,ref:useForkRef([j,da]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:K,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,maxLength:k,disabled:l,id:h,name:i,autoFocus:u,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T,onWheel:V};return React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeTextArea({resize:G},[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ba&&React.createElement(FieldClearButton,{size:n,onClick:$}),renderSide(x,n,E)],focused:aa,view:p,ref:useForkRef([b,ca]),disabled:l,onClick:ea,style:(c={},_defineProperty(c,"--text-field-textarea-slot-sizes-width","".concat(ga.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarea-slot-sizes-length",ga.filter(function(a){return!!a}).length),c),rightSlotsRefs:fa}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ha,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ha,{rows:H})))});
 //# sourceMappingURL=TextFieldTypeTextArea.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeTextArea.js","names":["React","forwardRef","TextAreaAutoSize","cnFieldInput","FieldClearButton","FieldControlLayout","renderSide","useForkRef","useRefs","getElementWidth","useResizeObserved","cnMixScrollBar","cn","useTextField","cnTextFieldTypeTextArea","TextFieldTypeTextArea","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","rightSlotsRefs","slotSizes","textareaProps","trackSize","reduce","a","b","filter","width","length"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.tsx"],"sourcesContent":["import './TextFieldTypeTextArea.css';\n\nimport React, { forwardRef } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport {\n  cnFieldInput,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\n\nexport const cnTextFieldTypeTextArea = cn('TextFieldTypeTextArea');\n\nexport const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      resize,\n      rows,\n      minRows,\n      maxRows,\n\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField<HTMLTextAreaElement>({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      withClearButton && !disabled && withValue,\n    ]);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const textareaProps = {\n      'className': cnTextFieldTypeTextArea('TextArea', [\n        cnFieldInput(),\n        cnMixScrollBar({ size: 'xs', trackSize: 'native' }),\n      ]),\n      placeholder,\n      autoComplete,\n      'onBlur': handleBlur,\n      'onChange': handleChange,\n      'onFocus': handleFocus,\n      'defaultValue': defaultValue || undefined,\n      'value': value === null ? '' : value,\n      'ref': useForkRef([inputRefProp, inputRef]),\n      readOnly,\n      tabIndex,\n      'aria-label': ariaLabel,\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      maxLength,\n      disabled,\n      id,\n      name,\n      autoFocus,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n    };\n\n    const textAreaNoAutoSizeProps = {\n      rows,\n    };\n\n    const textAreaAutoSizeProps = {\n      minRows: minRows || rows,\n      maxRows: maxRows || rows,\n    };\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArea({ resize }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        style={{\n          ['--text-field-textarea-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarea-slot-sizes-lenght' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n        rightSlotsRefs={rightSlotsRefs}\n      >\n        {resize === 'auto' ? (\n          <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n        ) : (\n          <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n        )}\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeTextArea.js","names":["React","forwardRef","TextAreaAutoSize","cnFieldInput","FieldClearButton","FieldControlLayout","renderSide","useForkRef","useRefs","getElementWidth","useResizeObserved","cnMixScrollBar","cn","useTextField","cnTextFieldTypeTextArea","TextFieldTypeTextArea","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","rightSlotsRefs","slotSizes","textareaProps","trackSize","reduce","a","b","filter","width","length"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.tsx"],"sourcesContent":["import './TextFieldTypeTextArea.css';\n\nimport React, { forwardRef } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport {\n  cnFieldInput,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\n\nexport const cnTextFieldTypeTextArea = cn('TextFieldTypeTextArea');\n\nexport const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      resize,\n      rows,\n      minRows,\n      maxRows,\n\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField<HTMLTextAreaElement>({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      withClearButton && !disabled && withValue,\n    ]);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const textareaProps = {\n      'className': cnTextFieldTypeTextArea('TextArea', [\n        cnFieldInput(),\n        cnMixScrollBar({ size: 'xs', trackSize: 'native' }),\n      ]),\n      placeholder,\n      autoComplete,\n      'onBlur': handleBlur,\n      'onChange': handleChange,\n      'onFocus': handleFocus,\n      'defaultValue': defaultValue || undefined,\n      'value': value === null ? '' : value,\n      'ref': useForkRef([inputRefProp, inputRef]),\n      readOnly,\n      tabIndex,\n      'aria-label': ariaLabel,\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      maxLength,\n      disabled,\n      id,\n      name,\n      autoFocus,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onWheel,\n    };\n\n    const textAreaNoAutoSizeProps = {\n      rows,\n    };\n\n    const textAreaAutoSizeProps = {\n      minRows: minRows || rows,\n      maxRows: maxRows || rows,\n    };\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArea({ resize }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        style={{\n          ['--text-field-textarea-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarea-slot-sizes-length' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n        rightSlotsRefs={rightSlotsRefs}\n      >\n        {resize === 'auto' ? (\n          <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n        ) : (\n          <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n        )}\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypeTextArea';
+export * from './TextFieldTypeTextArea';

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.css

@@ -1 +1 @@
-.TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--text-field-textarray-slot-sizes-lenght) + 1)*var(--field-control-layout-space) + var(--text-field-textarray-slot-sizes-width));--text-tield-textarray-scroll-wrapper-height:calc(var(--text-tield-textarray-max-height) - var(--field-control-layout-border-width)*2)}.TextFieldTypeTextArray-ScrollWrapper{max-height:var(--text-tield-textarray-scroll-wrapper-height);overflow:auto;padding-right:var(--text-field-textarray-padding,0);width:calc(100% + var(--text-field-textarray-padding))}
+.TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--text-field-textarray-slot-sizes-length) + 1)*var(--field-control-layout-space) + var(--text-field-textarray-slot-sizes-width));--text-field-textarray-scroll-wrapper-height:calc(var(--text-field-textarray-max-height) - var(--field-control-layout-border-width)*2)}.TextFieldTypeTextArray-ScrollWrapper{max-height:var(--text-field-textarray-scroll-wrapper-height);overflow:auto;padding-right:var(--text-field-textarray-padding,0);width:calc(100% + var(--text-field-textarray-padding))}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldTypeComponent } from '../types';
-export declare const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'>;
+import { TextFieldTypeComponent } from '../types';
+export declare const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useMemo,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{getStyleProps}from"../../../hooks/useStyleProps";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{useTextField}from"../useTextField";import{cnTextFieldTypeTextArray}from"./cnTextFieldTypeTextArray";var defaultRenderValueItem=function(a){var b=a.item,c=a.index,d=a.size,e=a.disabled,f=a.onRemove;return React.createElement(FieldArrayValueItem,{key:c,size:d,label:b,disabled:e,onRemove:f})};export var TextFieldTypeTextArray=forwardRef(function(a,b){var c,d=a.className,f=a.value,g=a.defaultValue,h=a.onChange,i=a.id,e=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.style,H=a.inputValue,I=a.renderValueItem,J=void 0===I?defaultRenderValueItem:I,K=a.onInputChange,L=a.onKeyDown,M=a.onKeyDownCapture,N=a.onKeyUp,O=a.onKeyUpCapture,P=a.onCopy,Q=a.onCopyCapture,R=a.onCut,S=a.onCutCapture,T=a.onPaste,U=a.onPasteCapture,V=a.onClear,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:F,onChange:K,onBlur:s,onFocus:t,disabled:l,onClear:void 0}),Y=X.handleBlur,Z=X.handleChange,$=X.handleClear,_=X.handleFocus,aa=X.focused,ba=X.withValue,ca=X.ref,da=X.inputRef,ea=X.handleClick,fa=ba||!!(null!==f&&void 0!==f&&f.length),ga=useRef(null),ha=useRef(null),ia=useMutableRef([h,$,f]),ja=function(a){return function(b){if(null!==f&&void 0!==f&&f.length){var c=_toConsumableArray(f);c.splice(a,1),null===h||void 0===h?void 0:h(c.length?c:null,{e:b})}}},ka=useCallback(function(a){var b;if(ia.current[1](a),null!==(b=ia.current[2])&&void 0!==b&&b.length){var c,d;null===(c=(d=ia.current)[0])||void 0===c?void 0:c.call(d,null,{e:a})}},[]),la=useMemo(function(){return{Enter:function Enter(a){var b=a.target.value;if(b){var c,d;null===(c=(d=ia.current)[0])||void 0===c?void 0:c.call(d,[].concat(_toConsumableArray(ia.current[2]||[]),[b]),{e:a}),ga.current&&ga.current.scrollTo({top:ga.current.scrollHeight})}},Backspace:function Backspace(a){var b=a.target.value,c=ia.current[2];if(!b&&null!==c&&void 0!==c&&c.length){var d,e;a.preventDefault();var f=_toConsumableArray(c);f.pop(),null===(d=(e=ia.current)[0])||void 0===d?void 0:d.call(e,f,{e:a})}}}},[]),ma=useKeys({isActive:!!h,keys:la,onEvent:L}),na=useRefs(2,[!!x,z&&!l&&fa]),oa=useComponentSize(ga),pa=useResizeObserved(na,getElementWidth),qa=ca.current?getStyleProps(ca.current,["max-height","height"]):void 0;return useEffect(function(){ga.current&&ha.current&&aa&&ha.current.scrollTo({top:oa.height})},[oa.height]),useEffect(function(){da.current&&da.current.value!==H&&(da.current.value=H||"")},[H,da.current]),React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeTextArray(null,[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&fa&&React.createElement(FieldClearButton,{size:n,onClick:V||ka}),renderSide(x,n,E)],focused:aa,view:p,ref:useForkRef([b,ca]),disabled:l,onClick:ea,rightSlotsRefs:na,style:_objectSpread(_objectSpread({},G),{},(c={},_defineProperty(c,"--text-tield-textarray-max-height",(null===qa||void 0===qa?void 0:qa["max-height"])||(null===qa||void 0===qa?void 0:qa.height)||"auto"),_defineProperty(c,"--text-field-textarray-slot-sizes-width","".concat(pa.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarray-slot-sizes-lenght",pa.filter(function(a){return!!a}).length),c))}),React.createElement("div",{ref:ha,className:cnTextFieldTypeTextArray("ScrollWrapper",[cnMixScrollBar({size:"xs"})])},React.createElement(FieldArrayValueInlineControl,{size:n,inputRef:useForkRef([da,j]),value:null!==f&&void 0!==f?f:void 0,onFocus:_,onBlur:Y,onChange:Z,autoFocus:u,onKeyDown:ma,ref:ga,placeholder:v,renderValue:function renderValue(a,b){return J({item:a,index:b,size:n,disabled:l,onRemove:ja(b)})},onCopy:P,onCopyCapture:Q,onCut:R,onCutCapture:S,onPaste:T,onPasteCapture:U,inputTabIndex:C,onKeyDownCapture:M,onKeyUp:N,onKeyUpCapture:O})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useMemo,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{getStyleProps}from"../../../hooks/useStyleProps";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{useTextField}from"../useTextField";import{cnTextFieldTypeTextArray}from"./cnTextFieldTypeTextArray";var defaultRenderValueItem=function(a){var b=a.item,c=a.index,d=a.size,e=a.disabled,f=a.onRemove;return React.createElement(FieldArrayValueItem,{key:c,size:d,label:b,disabled:e,onRemove:f})};export var TextFieldTypeTextArray=forwardRef(function(a,b){var c,d=a.className,f=a.value,g=a.defaultValue,h=a.onChange,i=a.id,e=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.style,H=a.inputValue,I=a.renderValueItem,J=void 0===I?defaultRenderValueItem:I,K=a.onInputChange,L=a.onKeyDown,M=a.onKeyDownCapture,N=a.onKeyUp,O=a.onKeyUpCapture,P=a.onCopy,Q=a.onCopyCapture,R=a.onCut,S=a.onCutCapture,T=a.onPaste,U=a.onPasteCapture,V=a.onClear,W=a.onWheel,X=_objectWithoutProperties(a,_excluded),Y=useTextField({onClick:F,onChange:K,onBlur:s,onFocus:t,disabled:l,onClear:void 0}),Z=Y.handleBlur,$=Y.handleChange,_=Y.handleClear,aa=Y.handleFocus,ba=Y.focused,ca=Y.withValue,da=Y.ref,ea=Y.inputRef,fa=Y.handleClick,ga=ca||!!(null!==f&&void 0!==f&&f.length),ha=useRef(null),ia=useRef(null),ja=useMutableRef([h,_,f]),ka=function(a){return function(b){if(null!==f&&void 0!==f&&f.length){var c=_toConsumableArray(f);c.splice(a,1),null===h||void 0===h?void 0:h(c.length?c:null,{e:b})}}},la=useCallback(function(a){var b;if(ja.current[1](a),null!==(b=ja.current[2])&&void 0!==b&&b.length){var c,d;null===(c=(d=ja.current)[0])||void 0===c?void 0:c.call(d,null,{e:a})}},[]),ma=useMemo(function(){return{Enter:function Enter(a){var b=a.target.value;if(b){var c,d;null===(c=(d=ja.current)[0])||void 0===c?void 0:c.call(d,[].concat(_toConsumableArray(ja.current[2]||[]),[b]),{e:a}),ha.current&&ha.current.scrollTo({top:ha.current.scrollHeight})}},Backspace:function Backspace(a){var b=a.target.value,c=ja.current[2];if(!b&&null!==c&&void 0!==c&&c.length){var d,e;a.preventDefault();var f=_toConsumableArray(c);f.pop(),null===(d=(e=ja.current)[0])||void 0===d?void 0:d.call(e,f,{e:a})}}}},[]),na=useKeys({isActive:!!h,keys:ma,onEvent:L}),oa=useRefs(2,[!!x,z&&!l&&ga]),pa=useComponentSize(ha),qa=useResizeObserved(oa,getElementWidth),ra=da.current?getStyleProps(da.current,["max-height","height"]):void 0;return useEffect(function(){ha.current&&ia.current&&ba&&ia.current.scrollTo({top:pa.height})},[pa.height]),useEffect(function(){ea.current&&ea.current.value!==H&&(ea.current.value=H||"")},[H,ea.current]),React.createElement(FieldControlLayout,Object.assign({},X,{className:cnTextFieldTypeTextArray(null,[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ga&&React.createElement(FieldClearButton,{size:n,onClick:V||la}),renderSide(x,n,E)],focused:ba,view:p,ref:useForkRef([b,da]),disabled:l,onClick:fa,rightSlotsRefs:oa,style:_objectSpread(_objectSpread({},G),{},(c={},_defineProperty(c,"--text-field-textarray-max-height",(null===ra||void 0===ra?void 0:ra["max-height"])||(null===ra||void 0===ra?void 0:ra.height)||"auto"),_defineProperty(c,"--text-field-textarray-slot-sizes-width","".concat(qa.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarray-slot-sizes-length",qa.filter(function(a){return!!a}).length),c))}),React.createElement("div",{ref:ia,className:cnTextFieldTypeTextArray("ScrollWrapper",[cnMixScrollBar({size:"xs"})])},React.createElement(FieldArrayValueInlineControl,{size:n,inputRef:useForkRef([ea,j]),value:null!==f&&void 0!==f?f:void 0,onFocus:aa,onBlur:Z,onChange:$,autoFocus:u,onKeyDown:na,ref:ha,placeholder:v,renderValue:function renderValue(a,b){return J({item:a,index:b,size:n,disabled:l,onRemove:ka(b)})},onCopy:P,onCopyCapture:Q,onCut:R,onCutCapture:S,onPaste:T,onPasteCapture:U,inputTabIndex:C,onKeyDownCapture:M,onKeyUp:N,onKeyUpCapture:O,onWheel:W})))});
 //# sourceMappingURL=TextFieldTypeTextArray.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","useRefs","getElementWidth","useResizeObserved","getStyleProps","cnMixScrollBar","useTextField","cnTextFieldTypeTextArray","defaultRenderValueItem","item","index","size","disabled","onRemove","TextFieldTypeTextArray","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controllRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","target","scrollTo","top","scrollHeight","Backspace","currnetValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","rightSlotsRefs","controlSize","slotSizes","stylesRoot","height","reduce","a","b","filter","width"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  FieldArrayValueInlineControl,\n  FieldArrayValueItem,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys, UseKeysPropKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { getStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { TextFieldPropRenderValueItem, TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeTextArray } from './cnTextFieldTypeTextArray';\n\nconst defaultRenderValueItem: TextFieldPropRenderValueItem = ({\n  item,\n  index,\n  size,\n  disabled,\n  onRemove,\n}) => (\n  <FieldArrayValueItem\n    key={index}\n    size={size}\n    label={item}\n    disabled={disabled}\n    onRemove={onRemove}\n  />\n);\n\nexport const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      style,\n      inputValue,\n      renderValueItem = defaultRenderValueItem,\n      onInputChange,\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear: inputHandleClear,\n      handleFocus,\n      focused,\n      withValue: withInputValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange: onInputChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear: undefined,\n    });\n\n    const withValue = withInputValue || !!value?.length;\n\n    const controllRef = useRef<HTMLDivElement>(null);\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const mutableRefs = useMutableRef([\n      onChange,\n      inputHandleClear,\n      value,\n    ] as const);\n\n    const getRemoveItem = (index: number) => (e: React.MouseEvent) => {\n      if (value?.length) {\n        const newValue = [...value];\n        newValue.splice(index, 1);\n        onChange?.(newValue.length ? newValue : null, { e });\n      }\n    };\n\n    const handleClear = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        mutableRefs.current[1](e);\n        if (mutableRefs.current[2]?.length) {\n          mutableRefs.current[0]?.(null, { e });\n        }\n      },\n      [],\n    );\n\n    const keys: UseKeysPropKeys<HTMLInputElement> = useMemo(\n      () => ({\n        Enter: (e) => {\n          const stringValue = e.target.value;\n          if (stringValue) {\n            mutableRefs.current[0]?.(\n              [...(mutableRefs.current[2] || []), stringValue],\n              {\n                e,\n              },\n            );\n\n            if (controllRef.current) {\n              controllRef.current.scrollTo({\n                top: controllRef.current.scrollHeight,\n              });\n            }\n          }\n        },\n        Backspace: (e) => {\n          const stringValue = e.target.value;\n          const currnetValue = mutableRefs.current[2];\n\n          if (!stringValue && currnetValue?.length) {\n            e.preventDefault();\n            const newValue = [...currnetValue];\n            newValue.pop();\n            mutableRefs.current[0]?.(newValue, {\n              e,\n            });\n          }\n        },\n      }),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<HTMLInputElement>({\n      isActive: !!onChange,\n      keys,\n      onEvent: onKeyDown,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      withClearButton && !disabled && withValue,\n    ]);\n\n    const controlSize = useComponentSize(controllRef);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const stylesRoot: Record<'max-height' | 'height', string> | undefined =\n      ref.current\n        ? getStyleProps(ref.current, ['max-height', 'height'])\n        : undefined;\n\n    useEffect(() => {\n      if (controllRef.current && scrollWrapperRef.current && focused) {\n        scrollWrapperRef.current.scrollTo({\n          top: controlSize.height,\n        });\n      }\n    }, [controlSize.height]);\n\n    useEffect(() => {\n      if (inputRef.current && inputRef.current.value !== inputValue) {\n        inputRef.current.value = inputValue || '';\n      }\n    }, [inputValue, inputRef.current]);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArray(null, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={onClear || handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        rightSlotsRefs={rightSlotsRefs}\n        style={{\n          ...style,\n          ['--text-tield-textarray-max-height' as string]:\n            stylesRoot?.['max-height'] || stylesRoot?.height || 'auto',\n          ['--text-field-textarray-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarray-slot-sizes-lenght' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n      >\n        <div\n          ref={scrollWrapperRef}\n          className={cnTextFieldTypeTextArray('ScrollWrapper', [\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n        >\n          <FieldArrayValueInlineControl\n            size={size}\n            inputRef={useForkRef([inputRef, inputRefProp])}\n            value={value ?? undefined}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            autoFocus={autoFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controllRef}\n            placeholder={placeholder}\n            renderValue={(item, index) =>\n              renderValueItem({\n                item,\n                index,\n                size,\n                disabled,\n                onRemove: getRemoveItem(index),\n              })\n            }\n            onCopy={onCopy}\n            onCopyCapture={onCopyCapture}\n            onCut={onCut}\n            onCutCapture={onCutCapture}\n            onPaste={onPaste}\n            onPasteCapture={onPasteCapture}\n            inputTabIndex={tabIndex}\n            onKeyDownCapture={onKeyDownCapture}\n            onKeyUp={onKeyUp}\n            onKeyUpCapture={onKeyUpCapture}\n          />\n        </div>\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","useRefs","getElementWidth","useResizeObserved","getStyleProps","cnMixScrollBar","useTextField","cnTextFieldTypeTextArray","defaultRenderValueItem","item","index","size","disabled","onRemove","TextFieldTypeTextArray","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controlRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","target","scrollTo","top","scrollHeight","Backspace","currentValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","rightSlotsRefs","controlSize","slotSizes","stylesRoot","height","reduce","a","b","filter","width"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  FieldArrayValueInlineControl,\n  FieldArrayValueItem,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys, UseKeysPropKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { getStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { TextFieldPropRenderValueItem, TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeTextArray } from './cnTextFieldTypeTextArray';\n\nconst defaultRenderValueItem: TextFieldPropRenderValueItem = ({\n  item,\n  index,\n  size,\n  disabled,\n  onRemove,\n}) => (\n  <FieldArrayValueItem\n    key={index}\n    size={size}\n    label={item}\n    disabled={disabled}\n    onRemove={onRemove}\n  />\n);\n\nexport const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      style,\n      inputValue,\n      renderValueItem = defaultRenderValueItem,\n      onInputChange,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear: inputHandleClear,\n      handleFocus,\n      focused,\n      withValue: withInputValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange: onInputChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear: undefined,\n    });\n\n    const withValue = withInputValue || !!value?.length;\n\n    const controlRef = useRef<HTMLDivElement>(null);\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const mutableRefs = useMutableRef([\n      onChange,\n      inputHandleClear,\n      value,\n    ] as const);\n\n    const getRemoveItem = (index: number) => (e: React.MouseEvent) => {\n      if (value?.length) {\n        const newValue = [...value];\n        newValue.splice(index, 1);\n        onChange?.(newValue.length ? newValue : null, { e });\n      }\n    };\n\n    const handleClear = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        mutableRefs.current[1](e);\n        if (mutableRefs.current[2]?.length) {\n          mutableRefs.current[0]?.(null, { e });\n        }\n      },\n      [],\n    );\n\n    const keys: UseKeysPropKeys<HTMLInputElement> = useMemo(\n      () => ({\n        Enter: (e) => {\n          const stringValue = e.target.value;\n          if (stringValue) {\n            mutableRefs.current[0]?.(\n              [...(mutableRefs.current[2] || []), stringValue],\n              {\n                e,\n              },\n            );\n\n            if (controlRef.current) {\n              controlRef.current.scrollTo({\n                top: controlRef.current.scrollHeight,\n              });\n            }\n          }\n        },\n        Backspace: (e) => {\n          const stringValue = e.target.value;\n          const currentValue = mutableRefs.current[2];\n\n          if (!stringValue && currentValue?.length) {\n            e.preventDefault();\n            const newValue = [...currentValue];\n            newValue.pop();\n            mutableRefs.current[0]?.(newValue, {\n              e,\n            });\n          }\n        },\n      }),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<HTMLInputElement>({\n      isActive: !!onChange,\n      keys,\n      onEvent: onKeyDown,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      withClearButton && !disabled && withValue,\n    ]);\n\n    const controlSize = useComponentSize(controlRef);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const stylesRoot: Record<'max-height' | 'height', string> | undefined =\n      ref.current\n        ? getStyleProps(ref.current, ['max-height', 'height'])\n        : undefined;\n\n    useEffect(() => {\n      if (controlRef.current && scrollWrapperRef.current && focused) {\n        scrollWrapperRef.current.scrollTo({\n          top: controlSize.height,\n        });\n      }\n    }, [controlSize.height]);\n\n    useEffect(() => {\n      if (inputRef.current && inputRef.current.value !== inputValue) {\n        inputRef.current.value = inputValue || '';\n      }\n    }, [inputValue, inputRef.current]);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArray(null, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={onClear || handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        rightSlotsRefs={rightSlotsRefs}\n        style={{\n          ...style,\n          ['--text-field-textarray-max-height' as string]:\n            stylesRoot?.['max-height'] || stylesRoot?.height || 'auto',\n          ['--text-field-textarray-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarray-slot-sizes-length' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n      >\n        <div\n          ref={scrollWrapperRef}\n          className={cnTextFieldTypeTextArray('ScrollWrapper', [\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n        >\n          <FieldArrayValueInlineControl\n            size={size}\n            inputRef={useForkRef([inputRef, inputRefProp])}\n            value={value ?? undefined}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            autoFocus={autoFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controlRef}\n            placeholder={placeholder}\n            renderValue={(item, index) =>\n              renderValueItem({\n                item,\n                index,\n                size,\n                disabled,\n                onRemove: getRemoveItem(index),\n              })\n            }\n            onCopy={onCopy}\n            onCopyCapture={onCopyCapture}\n            onCut={onCut}\n            onCutCapture={onCutCapture}\n            onPaste={onPaste}\n            onPasteCapture={onPasteCapture}\n            inputTabIndex={tabIndex}\n            onKeyDownCapture={onKeyDownCapture}\n            onKeyUp={onKeyUp}\n            onKeyUpCapture={onKeyUpCapture}\n            onWheel={onWheel}\n          />\n        </div>\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/cnTextFieldTypeTextArray.d.ts

@@ -1,2 +1,2 @@
-import './TextFieldTypeTextArray.css';
-export declare const cnTextFieldTypeTextArray: import("@bem-react/classname").ClassNameFormatter;
+import './TextFieldTypeTextArray.css';
+export declare const cnTextFieldTypeTextArray: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypeTextArray';
+export * from './TextFieldTypeTextArray';

package/__internal__/src/components/TextFieldCanary/index.d.ts

@@ -1,7 +1,7 @@
-export * from './TextField';
-export * from './TextFieldTypeText';
-export * from './TextFieldTypeTextArea';
-export * from './TextFieldTypePassword';
-export * from './TextFieldTypeNumber';
-export * from './TextFieldTypeTextArray';
-export * from './types';
+export * from './TextFieldCanary';
+export * from './TextFieldTypeText';
+export * from './TextFieldTypeTextArea';
+export * from './TextFieldTypePassword';
+export * from './TextFieldTypeNumber';
+export * from './TextFieldTypeTextArray';
+export * from './types';

package/__internal__/src/components/TextFieldCanary/index.js

@@ -1,2 +1,2 @@
-export*from"./TextField";export*from"./TextFieldTypeText";export*from"./TextFieldTypeTextArea";export*from"./TextFieldTypePassword";export*from"./TextFieldTypeNumber";export*from"./TextFieldTypeTextArray";export*from"./types";
+export*from"./TextFieldCanary";export*from"./TextFieldTypeText";export*from"./TextFieldTypeTextArea";export*from"./TextFieldTypePassword";export*from"./TextFieldTypeNumber";export*from"./TextFieldTypeTextArray";export*from"./types";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/TextFieldCanary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/index.ts"],"sourcesContent":["export * from './TextField';\n\nexport * from './TextFieldTypeText';\nexport * from './TextFieldTypeTextArea';\nexport * from './TextFieldTypePassword';\nexport * from './TextFieldTypeNumber';\nexport * from './TextFieldTypeTextArray';\n\nexport * from './types';\n"],"mappings":"AAAA,yBAEA,iCACA,qCACA,qCACA,mCACA,sCAEA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/index.ts"],"sourcesContent":["export * from './TextFieldCanary';\n\nexport * from './TextFieldTypeText';\nexport * from './TextFieldTypeTextArea';\nexport * from './TextFieldTypePassword';\nexport * from './TextFieldTypeNumber';\nexport * from './TextFieldTypeTextArray';\n\nexport * from './types';\n"],"mappings":"AAAA,+BAEA,iCACA,qCACA,qCACA,mCACA,sCAEA"}