@consta/uikit 5.28.1 → 5.28.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js +1 -1
- package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js.map +1 -1
- package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.d.ts +1 -0
- package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.js.map +1 -1
- package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.css +1 -1
- package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js +1 -1
- package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js.map +1 -1
- package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.d.ts +3 -1
- package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.js +1 -1
- package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.js.map +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js.map +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js.map +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js.map +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.css +2 -2
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js.map +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.css +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js +1 -1
- package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js.map +1 -1
- package/__internal__/src/components/TextFieldCanary/types.d.ts +6 -7
- package/__internal__/src/components/TextFieldCanary/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["valueAtom","inputMinWidthAtom"],_excluded2=["children","className","inputMinWidthAtom","size","style"],_excluded3=["className","inputRef","inputMaxLength","value","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput"];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{useAction,useAtom,useUpdate}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{usePropAtom,useSendToAtom,withCtx}from"../../../utils/state";import{useCreateAtom}from"../../../utils/state/useCreateAtom";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},InputFakeElement=forwardRef(function(a,b){var c=a.valueAtom,d=a.inputMinWidthAtom,e=_objectWithoutProperties(a,_excluded),f=useAtom(c),g=_slicedToArray(f,1),h=g[0],i=useRef(null),j=useComponentSize(i),k=j.width;return useUpdate(function(a,b){d(a,b)},[k]),React.createElement("div",Object.assign({},e,{ref:useForkRef([b,i])}),h)}),Root=forwardRef(function(a,b){var c,d=a.children,e=a.className,f=a.inputMinWidthAtom,g=a.size,h=void 0===g?"m":g,i=a.style,j=_objectWithoutProperties(a,_excluded2),k=useAtom(f),l=_slicedToArray(k,1),m=l[0];return React.createElement("div",Object.assign({},j,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},i),{},(c={},_defineProperty(c,"--field-array-value-inline-control-items-gap",gapMap[h]),_defineProperty(c,"--field-array-value-inline-control-input-min-width","".concat(m,"px")),_defineProperty(c,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[h])),_defineProperty(c,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[h])),c))}),d)}),FieldArrayValueInlineControlRender=function(a,b){var c=a.className,d=a.inputRef,e=a.inputMaxLength,f=a.
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["valueAtom","inputMinWidthAtom"],_excluded2=["children","className","inputMinWidthAtom","size","style"],_excluded3=["className","inputRef","inputMaxLength","inputMinLength","value","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput"];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{useAction,useAtom,useUpdate}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{usePropAtom,useSendToAtom,withCtx}from"../../../utils/state";import{useCreateAtom}from"../../../utils/state/useCreateAtom";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},InputFakeElement=forwardRef(function(a,b){var c=a.valueAtom,d=a.inputMinWidthAtom,e=_objectWithoutProperties(a,_excluded),f=useAtom(c),g=_slicedToArray(f,1),h=g[0],i=useRef(null),j=useComponentSize(i),k=j.width;return useUpdate(function(a,b){d(a,b)},[k]),React.createElement("div",Object.assign({},e,{ref:useForkRef([b,i])}),h)}),Root=forwardRef(function(a,b){var c,d=a.children,e=a.className,f=a.inputMinWidthAtom,g=a.size,h=void 0===g?"m":g,i=a.style,j=_objectWithoutProperties(a,_excluded2),k=useAtom(f),l=_slicedToArray(k,1),m=l[0];return React.createElement("div",Object.assign({},j,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},i),{},(c={},_defineProperty(c,"--field-array-value-inline-control-items-gap",gapMap[h]),_defineProperty(c,"--field-array-value-inline-control-input-min-width","".concat(m,"px")),_defineProperty(c,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[h])),_defineProperty(c,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[h])),c))}),d)}),FieldArrayValueInlineControlRender=function(a,b){var c=a.className,d=a.inputRef,e=a.inputMaxLength,f=a.inputMinLength,g=a.value,h=void 0===g?[]:g,i=a.inputValue,j=a.inputDefaultValue,k=void 0===j?"":j,l=a.renderValue,m=a.onFocus,n=a.onBlur,o=a.autoFocus,p=a.inputTabIndex,q=a.inputAriaLabel,r=a.disabled,s=a.size,t=void 0===s?"m":s,u=a.placeholder,v=a.onKeyDown,w=a.onKeyDownCapture,x=a.onChange,y=a.onKeyUp,z=a.onKeyUpCapture,A=a.onCopy,B=a.onCopyCapture,C=a.onCut,D=a.onCutCapture,E=a.onPaste,F=a.onPasteCapture,G=a.onWheel,H=a.disableInput,I=_objectWithoutProperties(a,_excluded3),J=useSendToAtom(a),K=usePropAtom(J,"inputValue"),L=useCreateAtom(i||k),M=useCreateAtom(k),N=useCreateAtom(0),O=useRef(null),P=useRef(null),Q=useAction(function(a,b){L(a,b.target.value);var c=a.get(J),d=c.onChange;d&&d(b)},[]);return useAtom(function(a){var b=a.spy(K),c=a.get(M);c?M(a,""):(P.current&&(P.current.value=b||""),L(a,b))}),React.createElement(Root,Object.assign({},I,{className:cnFieldArrayValueInlineControl(null,[c]),ref:b,size:t,inputMinWidthAtom:N}),l(h||[]),React.createElement("input",{className:cnFieldArrayValueInlineControl("Input",{disabled:H}),onChange:Q,ref:useForkRef([P,d]),maxLength:e,onFocus:m,onBlur:n,autoFocus:o,tabIndex:p,"aria-label":q,onKeyDown:v,onKeyDownCapture:w,onKeyUp:y,onKeyUpCapture:z,disabled:r,type:"text",placeholder:h.length?void 0:u,onCopy:A,onCopyCapture:B,onCut:C,onCutCapture:D,onPaste:E,onPasteCapture:F,onWheel:G,defaultValue:k,readOnly:H}),React.createElement(InputFakeElement,{ref:O,className:cnFieldArrayValueInlineControl("HelperInputFakeElement"),valueAtom:L,inputMinWidthAtom:N}))};export var FieldArrayValueInlineControl=withCtx(forwardRef(FieldArrayValueInlineControlRender));
|
|
2
2
|
//# sourceMappingURL=FieldArrayValueInlineControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldArrayValueInlineControl.js","names":["useAction","useAtom","useUpdate","React","forwardRef","useRef","useComponentSize","useForkRef","usePropAtom","useSendToAtom","withCtx","useCreateAtom","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","InputFakeElement","componentRef","valueAtom","inputMinWidthAtom","otherProps","value","ref","width","ctx","Root","children","className","size","style","inputMinWidth","FieldArrayValueInlineControlRender","props","inputRefProp","inputRef","inputMaxLength","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput","propsAtom","inputValuePropAtom","inputValueAtom","inputDefaultValueAtom","fakeInputRef","handleChange","e","target","get","inputValueProp","spy","current","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useAtom, useUpdate } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { usePropAtom, useSendToAtom, withCtx } from '##/utils/state';\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n FieldArrayValueInlineControlComponent,\n FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n l: 'calc(var(--space-3xs) + var(--space-2xs))',\n m: 'var(--space-2xs)',\n s: 'var(--space-3xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n l: 'var(--space-xs)',\n m: 'calc(var(--space-xs) - var(--space-3xs))',\n s: 'var(--space-2xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n l: 'var(--space-2xl)',\n m: 'calc(var(--space-2xl) - var(--space-2xs))',\n s: 'var(--space-xl)',\n xs: 'var(--space-l)',\n};\n\nconst InputFakeElement = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n valueAtom: AtomMut<string | undefined>;\n inputMinWidthAtom: AtomMut<number>;\n },\n HTMLDivElement\n >\n>(({ valueAtom, inputMinWidthAtom, ...otherProps }, componentRef) => {\n const [value] = useAtom(valueAtom);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width } = useComponentSize(ref);\n\n useUpdate(\n (ctx, width) => {\n inputMinWidthAtom(ctx, width);\n },\n [width],\n );\n\n return (\n <div {...otherProps} ref={useForkRef([componentRef, ref])}>\n {value}\n </div>\n );\n});\n\nconst Root = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n inputMinWidthAtom: AtomMut<number>;\n size: FieldArrayValueInlineControlProps<unknown>['size'];\n },\n HTMLDivElement\n >\n>(\n (\n {\n children,\n className,\n inputMinWidthAtom,\n size = 'm',\n style,\n ...otherProps\n },\n ref,\n ) => {\n const [inputMinWidth] = useAtom(inputMinWidthAtom);\n\n return (\n <div\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n style={{\n ...style,\n ['--field-array-value-inline-control-items-gap' as string]:\n gapMap[size],\n ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n }}\n >\n {children}\n </div>\n );\n },\n);\n\nconst FieldArrayValueInlineControlRender = (\n props: FieldArrayValueInlineControlProps<unknown>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n className,\n inputRef: inputRefProp,\n inputMaxLength,\n value = [],\n inputValue,\n inputDefaultValue = '',\n renderValue,\n onFocus,\n onBlur,\n autoFocus,\n inputTabIndex,\n inputAriaLabel,\n disabled,\n size = 'm',\n placeholder,\n onKeyDown,\n onKeyDownCapture,\n onChange,\n onKeyUp,\n onKeyUpCapture,\n onCopy,\n onCopyCapture,\n onCut,\n onCutCapture,\n onPaste,\n onPasteCapture,\n onWheel,\n disableInput,\n ...otherProps\n } = props;\n\n const propsAtom = useSendToAtom(props);\n const inputValuePropAtom = usePropAtom(propsAtom, 'inputValue');\n // const valueAtom = usePropAtom(propsAtom, 'value');\n const inputValueAtom = useCreateAtom<string | undefined>(\n inputValue || inputDefaultValue,\n );\n const inputDefaultValueAtom = useCreateAtom(inputDefaultValue);\n const inputMinWidthAtom = useCreateAtom(0);\n\n const fakeInputRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleChange = useAction(\n (ctx, e: React.ChangeEvent<HTMLInputElement>) => {\n inputValueAtom(ctx, e.target.value);\n const { onChange } = ctx.get(propsAtom);\n if (onChange) {\n onChange(e);\n }\n },\n [],\n );\n\n useAtom((ctx) => {\n const inputValueProp = ctx.spy(inputValuePropAtom);\n const inputDefaultValue = ctx.get(inputDefaultValueAtom);\n if (inputDefaultValue) {\n inputDefaultValueAtom(ctx, '');\n } else {\n if (inputRef.current) {\n inputRef.current.value = inputValueProp || '';\n }\n\n inputValueAtom(ctx, inputValueProp);\n }\n });\n\n return (\n <Root\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n size={size}\n inputMinWidthAtom={inputMinWidthAtom}\n >\n {renderValue(value || [])}\n <input\n className={cnFieldArrayValueInlineControl('Input', {\n disabled: disableInput,\n })}\n onChange={handleChange}\n ref={useForkRef([inputRef, inputRefProp])}\n maxLength={inputMaxLength}\n onFocus={onFocus}\n onBlur={onBlur}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n tabIndex={inputTabIndex}\n aria-label={inputAriaLabel}\n onKeyDown={onKeyDown}\n onKeyDownCapture={onKeyDownCapture}\n onKeyUp={onKeyUp}\n onKeyUpCapture={onKeyUpCapture}\n disabled={disabled}\n type=\"text\"\n placeholder={value.length ? undefined : placeholder}\n onCopy={onCopy}\n onCopyCapture={onCopyCapture}\n onCut={onCut}\n onCutCapture={onCutCapture}\n onPaste={onPaste}\n onPasteCapture={onPasteCapture}\n onWheel={onWheel}\n defaultValue={inputDefaultValue}\n readOnly={disableInput}\n />\n <InputFakeElement\n ref={fakeInputRef}\n className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n valueAtom={inputValueAtom}\n inputMinWidthAtom={inputMinWidthAtom}\n />\n </Root>\n );\n};\n\nexport const FieldArrayValueInlineControl = withCtx(\n forwardRef(FieldArrayValueInlineControlRender),\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FieldArrayValueInlineControl.js","names":["useAction","useAtom","useUpdate","React","forwardRef","useRef","useComponentSize","useForkRef","usePropAtom","useSendToAtom","withCtx","useCreateAtom","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","InputFakeElement","componentRef","valueAtom","inputMinWidthAtom","otherProps","value","ref","width","ctx","Root","children","className","size","style","inputMinWidth","FieldArrayValueInlineControlRender","props","inputRefProp","inputRef","inputMaxLength","inputMinLength","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput","propsAtom","inputValuePropAtom","inputValueAtom","inputDefaultValueAtom","fakeInputRef","handleChange","e","target","get","inputValueProp","spy","current","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useAtom, useUpdate } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { usePropAtom, useSendToAtom, withCtx } from '##/utils/state';\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n FieldArrayValueInlineControlComponent,\n FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n l: 'calc(var(--space-3xs) + var(--space-2xs))',\n m: 'var(--space-2xs)',\n s: 'var(--space-3xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n l: 'var(--space-xs)',\n m: 'calc(var(--space-xs) - var(--space-3xs))',\n s: 'var(--space-2xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n l: 'var(--space-2xl)',\n m: 'calc(var(--space-2xl) - var(--space-2xs))',\n s: 'var(--space-xl)',\n xs: 'var(--space-l)',\n};\n\nconst InputFakeElement = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n valueAtom: AtomMut<string | undefined>;\n inputMinWidthAtom: AtomMut<number>;\n },\n HTMLDivElement\n >\n>(({ valueAtom, inputMinWidthAtom, ...otherProps }, componentRef) => {\n const [value] = useAtom(valueAtom);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width } = useComponentSize(ref);\n\n useUpdate(\n (ctx, width) => {\n inputMinWidthAtom(ctx, width);\n },\n [width],\n );\n\n return (\n <div {...otherProps} ref={useForkRef([componentRef, ref])}>\n {value}\n </div>\n );\n});\n\nconst Root = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n inputMinWidthAtom: AtomMut<number>;\n size: FieldArrayValueInlineControlProps<unknown>['size'];\n },\n HTMLDivElement\n >\n>(\n (\n {\n children,\n className,\n inputMinWidthAtom,\n size = 'm',\n style,\n ...otherProps\n },\n ref,\n ) => {\n const [inputMinWidth] = useAtom(inputMinWidthAtom);\n\n return (\n <div\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n style={{\n ...style,\n ['--field-array-value-inline-control-items-gap' as string]:\n gapMap[size],\n ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n }}\n >\n {children}\n </div>\n );\n },\n);\n\nconst FieldArrayValueInlineControlRender = (\n props: FieldArrayValueInlineControlProps<unknown>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n className,\n inputRef: inputRefProp,\n inputMaxLength,\n inputMinLength,\n value = [],\n inputValue,\n inputDefaultValue = '',\n renderValue,\n onFocus,\n onBlur,\n autoFocus,\n inputTabIndex,\n inputAriaLabel,\n disabled,\n size = 'm',\n placeholder,\n onKeyDown,\n onKeyDownCapture,\n onChange,\n onKeyUp,\n onKeyUpCapture,\n onCopy,\n onCopyCapture,\n onCut,\n onCutCapture,\n onPaste,\n onPasteCapture,\n onWheel,\n disableInput,\n ...otherProps\n } = props;\n\n const propsAtom = useSendToAtom(props);\n const inputValuePropAtom = usePropAtom(propsAtom, 'inputValue');\n // const valueAtom = usePropAtom(propsAtom, 'value');\n const inputValueAtom = useCreateAtom<string | undefined>(\n inputValue || inputDefaultValue,\n );\n const inputDefaultValueAtom = useCreateAtom(inputDefaultValue);\n const inputMinWidthAtom = useCreateAtom(0);\n\n const fakeInputRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleChange = useAction(\n (ctx, e: React.ChangeEvent<HTMLInputElement>) => {\n inputValueAtom(ctx, e.target.value);\n const { onChange } = ctx.get(propsAtom);\n if (onChange) {\n onChange(e);\n }\n },\n [],\n );\n\n useAtom((ctx) => {\n const inputValueProp = ctx.spy(inputValuePropAtom);\n const inputDefaultValue = ctx.get(inputDefaultValueAtom);\n if (inputDefaultValue) {\n inputDefaultValueAtom(ctx, '');\n } else {\n if (inputRef.current) {\n inputRef.current.value = inputValueProp || '';\n }\n\n inputValueAtom(ctx, inputValueProp);\n }\n });\n\n return (\n <Root\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n size={size}\n inputMinWidthAtom={inputMinWidthAtom}\n >\n {renderValue(value || [])}\n <input\n className={cnFieldArrayValueInlineControl('Input', {\n disabled: disableInput,\n })}\n onChange={handleChange}\n ref={useForkRef([inputRef, inputRefProp])}\n maxLength={inputMaxLength}\n onFocus={onFocus}\n onBlur={onBlur}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n tabIndex={inputTabIndex}\n aria-label={inputAriaLabel}\n onKeyDown={onKeyDown}\n onKeyDownCapture={onKeyDownCapture}\n onKeyUp={onKeyUp}\n onKeyUpCapture={onKeyUpCapture}\n disabled={disabled}\n type=\"text\"\n placeholder={value.length ? undefined : placeholder}\n onCopy={onCopy}\n onCopyCapture={onCopyCapture}\n onCut={onCut}\n onCutCapture={onCutCapture}\n onPaste={onPaste}\n onPasteCapture={onPasteCapture}\n onWheel={onWheel}\n defaultValue={inputDefaultValue}\n readOnly={disableInput}\n />\n <InputFakeElement\n ref={fakeInputRef}\n className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n valueAtom={inputValueAtom}\n inputMinWidthAtom={inputMinWidthAtom}\n />\n </Root>\n );\n};\n\nexport const FieldArrayValueInlineControl = withCtx(\n forwardRef(FieldArrayValueInlineControlRender),\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export type FieldArrayValueInlineControlProps<ITEM> = PropsWithHTMLAttributesAnd
|
|
|
6
6
|
value?: ITEM[];
|
|
7
7
|
renderValue: (items: ITEM[]) => React.ReactNode;
|
|
8
8
|
inputMaxLength?: number;
|
|
9
|
+
inputMinLength?: number;
|
|
9
10
|
inputValue?: string;
|
|
10
11
|
inputDefaultValue?: string;
|
|
11
12
|
inputRef?: React.Ref<HTMLInputElement>;
|
package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n PropsWithHTMLAttributesAndRef<\n {\n children?: never;\n value?: ITEM[];\n renderValue: (items: ITEM[]) => React.ReactNode;\n inputMaxLength?: number;\n inputValue?: string;\n inputDefaultValue?: string;\n inputRef?: React.Ref<HTMLInputElement>;\n onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n inputTabIndex?: number;\n inputAriaLabel?: string;\n onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n disabled?: boolean;\n placeholder?: string;\n size?: FieldPropSize;\n onWheel?: React.WheelEventHandler<HTMLInputElement>;\n disableInput?: boolean;\n },\n HTMLDivElement\n >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n PropsWithHTMLAttributesAndRef<\n {\n children?: never;\n value?: ITEM[];\n renderValue: (items: ITEM[]) => React.ReactNode;\n inputMaxLength?: number;\n inputMinLength?: number;\n inputValue?: string;\n inputDefaultValue?: string;\n inputRef?: React.Ref<HTMLInputElement>;\n onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n inputTabIndex?: number;\n inputAriaLabel?: string;\n onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n disabled?: boolean;\n placeholder?: string;\n size?: FieldPropSize;\n onWheel?: React.WheelEventHandler<HTMLInputElement>;\n disableInput?: boolean;\n },\n HTMLDivElement\n >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":""}
|
package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.FieldControlLayout{--field-control-layout-slot-height:calc(var(--field-control-layout-height) - var(--field-control-layout-border-width)*2);--field-control-layout-slot-color:var(--color-control-typo-placeholder);--field-control-layout-placeholder-color:var(
|
|
2
2
|
--color-control-typo-placeholder
|
|
3
|
-
);--field-control-layout-input-color:var(--color-control-typo-default);--field-control-layout-left-slots-width:calc(var(--field-control-layout-left-slots-length)*var(--field-control-layout-space) + var(--field-control-layout-left-slot-contents-width));--field-control-layout-right-slots-width:calc(var(--field-control-layout-right-slots-length)*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width));--field-control-layout-children-width:calc(var(--field-control-layout-container-width) - var(--field-control-layout-right-slots-width) - var(--field-control-layout-left-slots-width));background-color:var(--field-control-layout-bg-color);border-color:var(--field-control-layout-border-color);border-radius:var(--field-control-layout-border-radius);border-style:var(--field-control-layout-border-style);border-width:var(--field-control-layout-border-width);box-sizing:border-box;font-size:var(--field-control-layout-text-size);line-height:var(--field-control-layout-text-line-height);min-height:var(--field-control-layout-height);padding:var(--field-control-layout-padding);transition:border-color .15s,box-shadow .15s;width:100%}.FieldControlLayout_disabled{--field-control-layout-placeholder-color:var(--color-control-typo-disable);--field-control-layout-input-color:var(--color-control-typo-disable);--field-control-layout-slot-color:var(--color-control-typo-disable)}.FieldControlLayout_alignSlots_top .FieldControlLayout-Slot{height:var(--field-control-layout-slot-height)}.FieldControlLayout_alignSlots_center .FieldControlLayout-Slot{height:auto}.FieldControlLayout-Container{display:flex;gap:var(--field-control-layout-space);min-height:var(--field-control-layout-slot-height)}.FieldControlLayout-Slot{align-items:center;color:var(--field-control-layout-slot-color);display:flex;flex:none;font-size:var(--field-control-layout-text-size);justify-content:center}.FieldControlLayout-Children{flex:auto}
|
|
3
|
+
);--field-control-layout-input-color:var(--color-control-typo-default);--field-control-layout-left-slots-width:calc(var(--field-control-layout-left-slots-length)*var(--field-control-layout-space) + var(--field-control-layout-left-slot-contents-width));--field-control-layout-right-slots-width:calc(var(--field-control-layout-right-slots-length)*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width));--field-control-layout-children-width:calc(var(--field-control-layout-container-width) - var(--field-control-layout-right-slots-width) - var(--field-control-layout-left-slots-width));--field-control-layout-padding:var(--field-control-layout-padding-top) var(--field-control-layout-padding-right) var(--field-control-layout-padding-bottom) var(--field-control-layout-padding-left);background-color:var(--field-control-layout-bg-color);border-color:var(--field-control-layout-border-color);border-radius:var(--field-control-layout-border-radius);border-style:var(--field-control-layout-border-style);border-width:var(--field-control-layout-border-width);box-sizing:border-box;font-size:var(--field-control-layout-text-size);line-height:var(--field-control-layout-text-line-height);min-height:var(--field-control-layout-height);padding:var(--field-control-layout-padding);transition:border-color .15s,box-shadow .15s;width:100%}.FieldControlLayout_disabled{--field-control-layout-placeholder-color:var(--color-control-typo-disable);--field-control-layout-input-color:var(--color-control-typo-disable);--field-control-layout-slot-color:var(--color-control-typo-disable)}.FieldControlLayout_alignSlots_top .FieldControlLayout-Slot{height:var(--field-control-layout-slot-height)}.FieldControlLayout_alignSlots_center .FieldControlLayout-Slot{height:auto}.FieldControlLayout-Container{display:flex;gap:var(--field-control-layout-space);min-height:var(--field-control-layout-slot-height)}.FieldControlLayout-Slot{align-items:center;color:var(--field-control-layout-slot-color);display:flex;flex:none;font-size:var(--field-control-layout-text-size);justify-content:center}.FieldControlLayout-Children{flex:auto}
|
package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","form","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs","alignSlots"];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}from"react";import{useFlag}from"../../../hooks/useFlag";import{forkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnFieldControlLayout}from"./cnFieldControlLayout";import{formGuard,getBgColor,getBorderColor,getBorderRadius,getBorderStyle,
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","form","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs","alignSlots"];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}from"react";import{useFlag}from"../../../hooks/useFlag";import{forkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnFieldControlLayout}from"./cnFieldControlLayout";import{formGuard,getBgColor,getBorderColor,getBorderRadius,getBorderStyle,getPaddingLeft,getPaddingRight,getPaddingVertical,getSlots,getSlotsWidthStyles}from"./helpers";var renderContentSlot=function(a,b,c,d){return React.createElement("div",{key:b,ref:forkRef([null===c||void 0===c?void 0:c[b],null===d||void 0===d?void 0:d[b]]),className:cnFieldControlLayout("Slot")},a)};export var FieldControlLayout=forwardRef(function(a,b){var c,d=a.className,e=a.size,f=void 0===e?"m":e,g=a.form,h=void 0===g?"default":g,i=a.disabled,j=void 0!==i&&i,k=a.view,l=void 0===k?"default":k,m=a.status,n=a.leftSide,o=a.rightSide,p=a.children,q=a.style,r=a.focused,s=a.leftSlotsRefs,t=a.rightSlotsRefs,u=a.alignSlots,v=void 0===u?"top":u,w=_objectWithoutProperties(a,_excluded),x=getSlots(n),y=getSlots(o),z=useRefs(x.length),A=useRefs(1),B=useRefs(y.length),C=useResizeObserved(z,getElementWidth),D=useResizeObserved(B,getElementWidth),E=useResizeObserved(A,getElementWidth)[0],F=formGuard(h),G=useFlag(),H=_slicedToArray(G,2),I=H[0],J=H[1];return React.createElement("div",Object.assign({},w,{ref:b,className:cnFieldControlLayout({form:F,disabled:j,view:l,alignSlots:v,status:m},[d]),style:_objectSpread(_objectSpread(_objectSpread({},q),{},(c={},_defineProperty(c,"--field-control-layout-border-color",getBorderColor(r,I,m,j)),_defineProperty(c,"--field-control-layout-height","var(--control-height-".concat(f,")")),_defineProperty(c,"--field-control-layout-space","calc(var(--control-space-".concat(f,") * 0.5)")),_defineProperty(c,"--field-control-layout-text-size","var(--control-text-size-".concat(f,")")),_defineProperty(c,"--field-control-layout-text-line-height","var(--line-height-text-".concat(f,")")),_defineProperty(c,"--field-control-layout-border-radius",getBorderRadius(F,l)),_defineProperty(c,"--field-control-layout-border-style",getBorderStyle(F,l)),_defineProperty(c,"--field-control-layout-padding-top",getPaddingVertical(l)),_defineProperty(c,"--field-control-layout-padding-bottom",getPaddingVertical(l)),_defineProperty(c,"--field-control-layout-padding-left",getPaddingLeft(l,F)),_defineProperty(c,"--field-control-layout-padding-right",getPaddingRight(l,F)),_defineProperty(c,"--field-control-layout-bg-color",getBgColor(l,j)),_defineProperty(c,"--field-control-layout-border-width","default"===l?"var(--control-border-width)":"0px"),_defineProperty(c,"--field-control-layout-container-width","".concat(E,"px")),c),getSlotsWidthStyles(C,"left")),getSlotsWidthStyles(D,"right")),onMouseEnter:J.on,onMouseLeave:J.off}),React.createElement("div",{ref:A[0],className:cnFieldControlLayout("Container")},!!x.length&&x.map(function(a,b){return renderContentSlot(a,b,z,s)}),React.createElement("div",{className:cnFieldControlLayout("Children")},p),!!y.length&&y.map(function(a,b){return renderContentSlot(a,b,B,t)})))});
|
|
2
2
|
//# sourceMappingURL=FieldControlLayout.js.map
|
package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldControlLayout.js","names":["React","forwardRef","useFlag","forkRef","useRefs","getElementWidth","useResizeObserved","cnFieldControlLayout","formGuard","getBgColor","getBorderColor","getBorderRadius","getBorderStyle","
|
|
1
|
+
{"version":3,"file":"FieldControlLayout.js","names":["React","forwardRef","useFlag","forkRef","useRefs","getElementWidth","useResizeObserved","cnFieldControlLayout","formGuard","getBgColor","getBorderColor","getBorderRadius","getBorderStyle","getPaddingLeft","getPaddingRight","getPaddingVertical","getSlots","getSlotsWidthStyles","renderContentSlot","node","index","slotsInnerRefs","slotsRefs","FieldControlLayout","props","ref","className","size","form","formProp","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefsProp","leftSlotsRefs","rightSlotsRefsProp","rightSlotsRefs","alignSlots","otherProps","leftSlots","rightSlots","length","containerRefs","leftSlotsWidth","rightSlotsWidth","containerWidth","hovered","setHovered","on","off","map","slot"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/FieldControlLayout.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { cnFieldControlLayout } from './cnFieldControlLayout';\nimport {\n formGuard,\n getBgColor,\n getBorderColor,\n getBorderRadius,\n getBorderStyle,\n getPaddingLeft,\n getPaddingRight,\n getPaddingVertical,\n getSlots,\n getSlotsWidthStyles,\n} from './helpers';\nimport { FieldControlLayoutProps } from './types';\n\nconst renderContentSlot = (\n node: React.ReactNode,\n index: number,\n slotsInnerRefs?: React.Ref<HTMLDivElement>[],\n slotsRefs?: React.Ref<HTMLDivElement>[],\n) => (\n <div\n key={index}\n ref={forkRef([slotsInnerRefs?.[index], slotsRefs?.[index]])}\n className={cnFieldControlLayout('Slot')}\n >\n {node}\n </div>\n);\n\nexport const FieldControlLayout = forwardRef<\n HTMLDivElement,\n FieldControlLayoutProps\n>((props, ref) => {\n const {\n className,\n size = 'm',\n form: formProp = 'default',\n disabled = false,\n view = 'default',\n status,\n leftSide,\n rightSide,\n children,\n style,\n focused,\n leftSlotsRefs: leftSlotsRefsProp,\n rightSlotsRefs: rightSlotsRefsProp,\n alignSlots = 'top',\n ...otherProps\n } = props;\n const leftSlots = getSlots(leftSide);\n const rightSlots = getSlots(rightSide);\n const leftSlotsRefs = useRefs<HTMLDivElement>(leftSlots.length);\n const containerRefs = useRefs<HTMLDivElement>(1);\n const rightSlotsRefs = useRefs<HTMLDivElement>(rightSlots.length);\n const leftSlotsWidth = useResizeObserved(leftSlotsRefs, getElementWidth);\n const rightSlotsWidth = useResizeObserved(rightSlotsRefs, getElementWidth);\n const containerWidth = useResizeObserved(containerRefs, getElementWidth)[0];\n\n // ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\n const form = formGuard(formProp);\n\n const [hovered, setHovered] = useFlag();\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnFieldControlLayout(\n { form, disabled, view, alignSlots, status },\n [className],\n )}\n style={{\n ...style,\n ['--field-control-layout-border-color' as string]: getBorderColor(\n focused,\n hovered,\n status,\n disabled,\n ),\n ['--field-control-layout-height' as string]: `var(--control-height-${size})`,\n ['--field-control-layout-space' as string]: `calc(var(--control-space-${size}) * 0.5)`,\n ['--field-control-layout-text-size' as string]: `var(--control-text-size-${size})`,\n ['--field-control-layout-text-line-height' as string]: `var(--line-height-text-${size})`,\n ['--field-control-layout-border-radius' as string]: getBorderRadius(\n form,\n view,\n ),\n ['--field-control-layout-border-style' as string]: getBorderStyle(\n form,\n view,\n ),\n ['--field-control-layout-padding-top' as string]:\n getPaddingVertical(view),\n ['--field-control-layout-padding-bottom' as string]:\n getPaddingVertical(view),\n ['--field-control-layout-padding-left' as string]: getPaddingLeft(\n view,\n form,\n ),\n ['--field-control-layout-padding-right' as string]: getPaddingRight(\n view,\n form,\n ),\n // ['--field-control-layout-padding' as string]: getPadding(form, view),\n ['--field-control-layout-bg-color' as string]: getBgColor(\n view,\n disabled,\n ),\n ['--field-control-layout-border-width' as string]:\n view === 'default' ? 'var(--control-border-width)' : '0px',\n ['--field-control-layout-container-width' as string]: `${containerWidth}px`,\n ...getSlotsWidthStyles(leftSlotsWidth, 'left'),\n ...getSlotsWidthStyles(rightSlotsWidth, 'right'),\n }}\n onMouseEnter={setHovered.on}\n onMouseLeave={setHovered.off}\n >\n <div ref={containerRefs[0]} className={cnFieldControlLayout('Container')}>\n {!!leftSlots.length &&\n leftSlots.map((slot, index) =>\n renderContentSlot(slot, index, leftSlotsRefs, leftSlotsRefsProp),\n )}\n <div className={cnFieldControlLayout('Children')}>{children}</div>\n {!!rightSlots.length &&\n rightSlots.map((slot, index) =>\n renderContentSlot(slot, index, rightSlotsRefs, rightSlotsRefsProp),\n )}\n </div>\n </div>\n );\n});\n"],"mappings":"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"}
|
|
@@ -2,7 +2,9 @@ import React, { CSSProperties } from 'react';
|
|
|
2
2
|
import { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';
|
|
3
3
|
export declare const getSlots: (side: React.ReactNode | React.ReactNode[]) => React.ReactNode[];
|
|
4
4
|
export declare const getBorderStyle: (form: FieldPropForm, view: FieldPropView) => string;
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const getPaddingVertical: (view: FieldPropView) => string;
|
|
6
|
+
export declare const getPaddingLeft: (view: FieldPropView, form: FieldPropForm) => string;
|
|
7
|
+
export declare const getPaddingRight: (view: FieldPropView, form: FieldPropForm) => string;
|
|
6
8
|
export declare const getBorderRadius: (form: FieldPropForm, view: FieldPropView) => string;
|
|
7
9
|
export declare const getBorderColor: (focused?: boolean, hovered?: boolean, status?: FieldPropStatus, disabled?: boolean) => string;
|
|
8
10
|
export declare const getBgColor: (view: FieldPropView, disabled?: boolean) => "var(--color-control-bg-disable)" | "var(--color-bg-default)" | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isNotNil}from"../../../utils/type-guards";import{borderRadiusMap,borderWidthMap,paddingMap}from"./maps";export var getSlots=function(a){return(Array.isArray(a)?a:[a]).filter(function(a){return isNotNil(a)&&!1!==a})};var borderToCss=function(a){return a?"solid":"none"};export var getBorderStyle=function(a,b){return"default"===b?"solid ".concat(borderToCss(borderWidthMap[a][1])," solid ").concat(borderToCss(borderWidthMap[a][0])):"none"};var paddingToCss=function(a){return"increased"===a?"calc(var(--field-control-layout-space) * 1.6)":"var(--field-control-layout-space)"};export var
|
|
1
|
+
import{isNotNil}from"../../../utils/type-guards";import{borderRadiusMap,borderWidthMap,paddingMap}from"./maps";export var getSlots=function(a){return(Array.isArray(a)?a:[a]).filter(function(a){return isNotNil(a)&&!1!==a})};var borderToCss=function(a){return a?"solid":"none"};export var getBorderStyle=function(a,b){return"default"===b?"solid ".concat(borderToCss(borderWidthMap[a][1])," solid ").concat(borderToCss(borderWidthMap[a][0])):"none"};var paddingToCss=function(a){return"increased"===a?"calc(var(--field-control-layout-space) * 1.6)":"var(--field-control-layout-space)"};export var getPaddingVertical=function(a){return"default"===a?"0px":"var(--control-border-width)"};export var getPaddingLeft=function(a,b){return"default"===a?paddingToCss(paddingMap[b][0]):"0px"};export var getPaddingRight=function(a,b){return"default"===a?paddingToCss(paddingMap[b][1]):"0px"};var borderRadiusToCss=function(a){return"default"===a?"var(--control-radius)":"round"===a?"calc(var(--field-control-layout-height) / 2)":"0px"};export var getBorderRadius=function(a,b){return"default"===b?borderRadiusMap[a].map(borderRadiusToCss).join(" "):"0px 0px 0px 0px"};export var getBorderColor=function(a,b,c,d){return d?"transparent":a?"var(--color-control-bg-border-focus)":b?"var(--color-control-bg-border-default-hover)":c?"var(--color-bg-".concat(c,")"):"var(--color-control-bg-border-default)"};export var getBgColor=function(a,b){return"default"===a&&b?"var(--color-control-bg-disable)":"default"===a?"var(--color-bg-default)":void 0};export var getSlotsWidthStyles=function(a,b){for(var c={},d=0;d<a.length;d++)c["--field-control-layout-".concat(b,"-slot-content-width-").concat(d)]="".concat(a[d],"px");return c["--field-control-layout-".concat(b,"-slot-contents-width")]="".concat(a.length?a.reduce(function(c,a){return c+a}):0,"px"),c["--field-control-layout-".concat(b,"-slots-length")]="".concat(a.length),c};export var formGuard=function(a){return"clearClear"===a?"clear":a};
|
|
2
2
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","
|
|
1
|
+
{"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","getPaddingVertical","getPaddingLeft","getPaddingRight","borderRadiusToCss","getBorderRadius","map","join","getBorderColor","focused","hovered","status","disabled","getBgColor","getSlotsWidthStyles","sizes","postfix","style","index","length","reduce","a","b","formGuard","from"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/helpers.ts"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';\nimport {\n borderRadiusMap,\n borderWidthMap,\n FieldControlLayoutBorderRadiusNode,\n FieldControlLayoutBorderWidthNode,\n FieldControlLayoutPaddingNode,\n paddingMap,\n} from './maps';\n\nexport const getSlots = (\n side: React.ReactNode | React.ReactNode[],\n): React.ReactNode[] => {\n return ((Array.isArray(side) ? side : [side]) as []).filter(\n (item) => isNotNil(item) && item !== false,\n );\n};\n\nconst borderToCss = (value: FieldControlLayoutBorderWidthNode) => {\n return value ? 'solid' : 'none';\n};\n\nexport const getBorderStyle = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? `solid ${borderToCss(borderWidthMap[form][1])} solid ${borderToCss(\n borderWidthMap[form][0],\n )}`\n : `none`;\n};\n\nconst paddingToCss = (value: FieldControlLayoutPaddingNode): string => {\n return value === 'increased'\n ? 'calc(var(--field-control-layout-space) * 1.6)'\n : 'var(--field-control-layout-space)';\n};\n\nexport const getPaddingVertical = (view: FieldPropView): string => {\n return view === 'default' ? '0px' : 'var(--control-border-width)';\n};\n\nexport const getPaddingLeft = (\n view: FieldPropView,\n form: FieldPropForm,\n): string => {\n return view === 'default' ? paddingToCss(paddingMap[form][0]) : `0px`;\n};\n\nexport const getPaddingRight = (\n view: FieldPropView,\n form: FieldPropForm,\n): string => {\n return view === 'default' ? paddingToCss(paddingMap[form][1]) : `0px`;\n};\n\nconst borderRadiusToCss = (\n value: FieldControlLayoutBorderRadiusNode,\n): string => {\n if (value === 'default') {\n return 'var(--control-radius)';\n }\n if (value === 'round') {\n return 'calc(var(--field-control-layout-height) / 2)';\n }\n return '0px';\n};\n\nexport const getBorderRadius = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? borderRadiusMap[form].map(borderRadiusToCss).join(' ')\n : `0px 0px 0px 0px`;\n};\n\nexport const getBorderColor = (\n focused?: boolean,\n hovered?: boolean,\n status?: FieldPropStatus,\n disabled?: boolean,\n) => {\n if (disabled) {\n return 'transparent';\n }\n if (focused) {\n return 'var(--color-control-bg-border-focus)';\n }\n if (hovered) {\n return 'var(--color-control-bg-border-default-hover)';\n }\n if (status) {\n return `var(--color-bg-${status})`;\n }\n return 'var(--color-control-bg-border-default)';\n};\n\nexport const getBgColor = (view: FieldPropView, disabled?: boolean) => {\n if (view === 'default' && disabled) {\n return 'var(--color-control-bg-disable)';\n }\n if (view === 'default') {\n return 'var(--color-bg-default)';\n }\n};\n\nexport const getSlotsWidthStyles = (\n sizes: number[],\n postfix: string,\n): CSSProperties => {\n const style: CSSProperties = {};\n for (let index = 0; index < sizes.length; index++) {\n style[\n `--field-control-layout-${postfix}-slot-content-width-${index}` as 'width'\n ] = `${sizes[index]}px`;\n }\n\n style[\n `--field-control-layout-${postfix}-slot-contents-width` as 'width'\n ] = `${sizes.length ? sizes.reduce((a, b) => a + b) : 0}px`;\n\n style[\n `--field-control-layout-${postfix}-slots-length` as 'width'\n ] = `${sizes.length}`;\n\n return style;\n};\n\n// ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\nexport const formGuard = (from: FieldPropForm | 'clearClear'): FieldPropForm =>\n from === 'clearClear' ? 'clear' : from;\n"],"mappings":"AAEA,OAASA,QAAT,kCAGA,OACEC,eADF,CAEEC,cAFF,CAMEC,UANF,cASA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEA,CACtB,MAAO,CAAEC,KAAK,CAACC,OAAN,CAAcF,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA/B,EAA8CG,MAA9C,CACL,SAACC,CAAD,QAAUT,SAAQ,CAACS,CAAD,CAAR,EAAkB,KAAAA,CAA5B,CADK,CAGR,CANM,CAQP,GAAMC,YAAW,CAAG,SAACC,CAAD,CAA8C,CAChE,MAAOA,EAAK,CAAG,OAAH,CAAa,MAC1B,CAFD,CAIA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGjB,CACX,MAAgB,SAAT,GAAAA,CAAI,iBACEJ,WAAW,CAACR,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CAAD,CADb,mBACgDH,WAAW,CAChER,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CADgE,CAD3D,QAKZ,CATM,CAWP,GAAME,aAAY,CAAG,SAACJ,CAAD,CAAkD,CACrE,MAAiB,WAAV,GAAAA,CAAK,CACR,+CADQ,CAER,mCACL,CAJD,CAMA,MAAO,IAAMK,mBAAkB,CAAG,SAACF,CAAD,CAAiC,CACjE,MAAgB,SAAT,GAAAA,CAAI,CAAiB,KAAjB,CAAyB,6BACrC,CAFM,CAIP,MAAO,IAAMG,eAAc,CAAG,SAC5BH,CAD4B,CAE5BD,CAF4B,CAGjB,CACX,MAAgB,SAAT,GAAAC,CAAI,CAAiBC,YAAY,CAACZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAAD,CAA7B,MACZ,CALM,CAOP,MAAO,IAAMK,gBAAe,CAAG,SAC7BJ,CAD6B,CAE7BD,CAF6B,CAGlB,CACX,MAAgB,SAAT,GAAAC,CAAI,CAAiBC,YAAY,CAACZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAAD,CAA7B,MACZ,CALM,CAOP,GAAMM,kBAAiB,CAAG,SACxBR,CADwB,CAEb,OACG,SAAV,GAAAA,CADO,CAEF,uBAFE,CAIG,OAAV,GAAAA,CAJO,CAKF,8CALE,CAOJ,KACR,CAVD,CAYA,MAAO,IAAMS,gBAAe,CAAG,SAC7BP,CAD6B,CAE7BC,CAF6B,CAGlB,CACX,MAAgB,SAAT,GAAAA,CAAI,CACPb,eAAe,CAACY,CAAD,CAAf,CAAsBQ,GAAtB,CAA0BF,iBAA1B,EAA6CG,IAA7C,CAAkD,GAAlD,CADO,kBAGZ,CAPM,CASP,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BC,CAJ4B,CAKzB,OACCA,EADD,CAEM,aAFN,CAICH,CAJD,CAKM,sCALN,CAOCC,CAPD,CAQM,8CARN,CAUCC,CAVD,0BAWwBA,CAXxB,MAaI,wCACR,CAnBM,CAqBP,MAAO,IAAME,WAAU,CAAG,SAACd,CAAD,CAAsBa,CAAtB,CAA6C,OACxD,SAAT,GAAAb,CAAI,EAAkBa,CAD2C,CAE5D,iCAF4D,CAIxD,SAAT,GAAAb,CAJiE,CAK5D,yBAL4D,OAOtE,CAPM,CASP,MAAO,IAAMe,oBAAmB,CAAG,SACjCC,CADiC,CAEjCC,CAFiC,CAGf,CAElB,OADMC,EAAoB,CAAG,EAC7B,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGH,CAAK,CAACI,MAAlC,CAA0CD,CAAK,EAA/C,CACED,CAAK,kCACuBD,CADvB,gCACqDE,CADrD,EAAL,WAEOH,CAAK,CAACG,CAAD,CAFZ,OAaF,MARAD,EAAK,kCACuBD,CADvB,yBAAL,WAEOD,CAAK,CAACI,MAAN,CAAeJ,CAAK,CAACK,MAAN,CAAa,SAACC,CAAD,CAAIC,CAAJ,QAAUD,EAAC,CAAGC,CAAd,CAAb,CAAf,CAA+C,CAFtD,MAQA,CAJAL,CAAK,kCACuBD,CADvB,kBAAL,WAEOD,CAAK,CAACI,MAFb,CAIA,CAAOF,CACR,CApBM,CAuBP,MAAO,IAAMM,UAAS,CAAG,SAACC,CAAD,QACd,YAAT,GAAAA,CAAI,CAAoB,OAApB,CAA8BA,CADX,CAAlB"}
|
package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];import React,{forwardRef,useCallback,useMemo}from"react";import{FieldClearButton,FieldControlLayout,FieldCounter,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../../hooks/useSortSteps";import{useTextField}from"../useTextField";import{cnTextFieldTypeNumber}from"./cnTextFieldTypeNumber";import{getValueByStep,stepIsActive}from"./helpers";export var TextFieldTypeNumber=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.
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];import React,{forwardRef,useCallback,useMemo}from"react";import{FieldClearButton,FieldControlLayout,FieldCounter,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../../hooks/useSortSteps";import{useTextField}from"../useTextField";import{cnTextFieldTypeNumber}from"./cnTextFieldTypeNumber";import{getValueByStep,stepIsActive}from"./helpers";export var TextFieldTypeNumber=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.minLength,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.clearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.incrementButtons,H=a.max,I=a.min,J=a.step,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=a.iconClear,X=_objectWithoutProperties(a,_excluded),Y=useTextField({onClick:F,onChange:f,onBlur:s,onFocus:t,disabled:l,onClear:U}),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=Y.mutableRefs,ha=Y.setWithValue,ia=useSortSteps({step:J,min:I,max:H}),ja=useMutableRef([ia,I,H,K,stepIsActive(ia,l),V]),ka=useCallback(function(a,b){var c,d;if(ea.current&&!ga.current[4]){var e=getValueByStep(ja.current[0],ea.current.value,b,ja.current[1],ja.current[2]);null===(c=(d=ga.current)[0])||void 0===c?void 0:c.call(d,e,{e:a}),ea.current.value=e,ha.on()}},[]),la=useCallback(function(a){return ka(a,!0)},[]),ma=useCallback(function(a){return ka(a,!1)},[]),na=useKeys(useMemo(function(){return{isActive:!0,keys:{ArrowUp:function ArrowUp(a){a.preventDefault(),ja.current[4]&&ka(a,!0)},ArrowDown:function ArrowDown(a){a.preventDefault(),ja.current[4]&&ka(a,!1)}},onEvent:ja.current[3]}},[])),oa=useCallback(function(a){if(ja.current[5])ja.current[5](a);else{var b;null===(b=ea.current)||void 0===b?void 0:b.blur()}},[]);return React.createElement(FieldControlLayout,Object.assign({},X,{className:cnTextFieldTypeNumber({incrementButtons:G},[c]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ca&&!G&&React.createElement(FieldClearButton,{size:n,onClick:_,icon:W}),G&&ja.current[4]&&React.createElement(FieldCounter,{onIncrementClick:la,onIncrementFocus:aa,onDecrementClick:ma,onDecrementFocus:aa})],focused:ba,view:p,ref:useForkRef([b,da]),disabled:l,onClick:fa}),React.createElement(FieldInput,{className:cnTextFieldTypeNumber("Input"),placeholder:v,autoFocus:u,autoComplete:y,onBlur:Z,onChange:$,onFocus:aa,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ea]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:na,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,onWheel:oa,maxLength:j,minLength:k,disabled:l,type:B,max:H,min:I,id:g,name:h,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T}))});
|
|
2
2
|
//# sourceMappingURL=TextFieldTypeNumber.js.map
|
package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js.map
CHANGED
|
@@ -1 +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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","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 clearButton,\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 iconClear,\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<Element>(\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 clearButton && !disabled && withValue && !incrementButtons && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\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":"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"}
|
|
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","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","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 minLength,\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 clearButton,\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 iconClear,\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<Element>(\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 clearButton && !disabled && withValue && !incrementButtons && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\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 minLength={minLength}\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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"}
|
package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword"];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.
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword"];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.minLength,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.clearButton,A=a.readOnly,B=a.type,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=a.iconClear,T=a.iconShowPassword,U=a.iconHidePassword,V=_objectWithoutProperties(a,_excluded),W=useTextField({onClick:F,onChange:f,onBlur:s,onFocus:t,disabled:l,onClear:Q}),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=useFlag(),fa=_slicedToArray(ea,2),ga=fa[0],ha=fa[1];return React.createElement(FieldControlLayout,Object.assign({},V,{className:c,form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&aa&&React.createElement(FieldClearButton,{size:n,onClick:Z,icon:S}),aa&&React.createElement(FieldToggleVisiblePasswordButton,{size:n,onClick:ha.toggle,active:ga,startIcon:T,endIcon:U})],focused:_,view:p,ref:useForkRef([b,ba]),disabled:l,onClick:da}),React.createElement(FieldInput,{type:ga?"text":"password",placeholder:v,autoFocus:u,autoComplete:y,onBlur:X,onChange:Y,onFocus:$,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ca]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:G,onKeyDownCapture:H,onKeyUp:I,onKeyUpCapture:J,maxLength:j,minLength:k,disabled:l,id:g,name:h,onCopy:K,onCopyCapture:L,onCut:M,onCutCapture:N,onPaste:O,onPasteCapture:P,onWheel:R}))});
|
|
2
2
|
//# sourceMappingURL=TextFieldTypePassword.js.map
|
|
@@ -1 +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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword","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 clearButton,\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 iconClear,\n iconShowPassword,\n iconHidePassword,\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 clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\n ),\n withValue && (\n <FieldToggleVisiblePasswordButton\n size={size}\n onClick={setVisiblePassword.toggle}\n active={visiblePassword}\n startIcon={iconShowPassword}\n endIcon={iconHidePassword}\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":"
|
|
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","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword","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 minLength,\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 clearButton,\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 iconClear,\n iconShowPassword,\n iconHidePassword,\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 clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\n ),\n withValue && (\n <FieldToggleVisiblePasswordButton\n size={size}\n onClick={setVisiblePassword.toggle}\n active={visiblePassword}\n startIcon={iconShowPassword}\n endIcon={iconHidePassword}\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 minLength={minLength}\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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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];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.
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];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.minLength,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.clearButton,A=a.readOnly,B=a.type,C=void 0===B?"text":B,D=a.tabIndex,E=a.ariaLabel,F=a.iconSize,G=a.onClick,H=a.onKeyDown,I=a.onKeyDownCapture,J=a.onKeyUp,K=a.onKeyUpCapture,L=a.onCopy,M=a.onCopyCapture,N=a.onCut,O=a.onCutCapture,P=a.onPaste,Q=a.onPasteCapture,R=a.onClear,S=a.onWheel,T=a.iconClear,U=_objectWithoutProperties(a,_excluded),V=useTextField({onClick:G,onChange:f,onBlur:s,onFocus:t,disabled:l,onClear:R}),W=V.handleBlur,X=V.handleChange,Y=V.handleClear,Z=V.handleFocus,$=V.focused,_=V.withValue,aa=V.ref,ba=V.inputRef,ca=V.handleClick;return React.createElement(FieldControlLayout,Object.assign({},U,{className:c,form:q,status:r,size:n,leftSide:renderSide(w,n,F),rightSide:[z&&!l&&_&&React.createElement(FieldClearButton,{size:n,onClick:Y,icon:T}),renderSide(x,n,F)],focused:$,view:p,ref:useForkRef([b,aa]),disabled:l,onClick:ca}),React.createElement(FieldInput,{placeholder:v,autoFocus:u,autoComplete:y,onBlur:W,onChange:X,onFocus:Z,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ba]),readOnly:A,tabIndex:D,"aria-label":E,onKeyDown:H,onKeyDownCapture:I,onKeyUp:J,onKeyUpCapture:K,maxLength:j,minLength:k,disabled:l,type:C,id:g,name:h,onCopy:L,onCopyCapture:M,onCut:N,onCutCapture:O,onPaste:P,onPasteCapture:Q,onWheel:S}))});
|
|
2
2
|
//# sourceMappingURL=TextFieldTypeText.js.map
|
package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js.map
CHANGED
|
@@ -1 +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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","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 clearButton,\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 iconClear,\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 clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\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":"
|
|
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","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","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 minLength,\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 clearButton,\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 iconClear,\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 clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\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 minLength={minLength}\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/TextFieldTypeTextArea/TextFieldTypeTextArea.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.TextFieldTypeTextArea{--text-field-textarea-padding:calc((var(--
|
|
1
|
+
.TextFieldTypeTextArea{--text-field-textarea-padding-right:calc((var(--field-control-layout-right-slots-length))*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width) + var(--field-control-layout-padding-right));--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(
|
|
2
2
|
--text-field-height,var(--field-control-layout-height)
|
|
3
|
-
);--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))}
|
|
3
|
+
);--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;overflow:hidden}.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-right,0);padding-top:var(--text-field-textarea-vertical-padding);resize:var(--text-field-textarea-resize,none);width:calc(100% + var(--text-field-textarea-padding-right))}
|
package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];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{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=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.minLength,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.clearButton,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=a.iconClear,X=_objectWithoutProperties(a,_excluded),Y=useTextField({onClick:F,onChange:f,onBlur:s,onFocus:t,disabled:l,onClear:U}),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={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:Z,onChange:$,onFocus:aa,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ea]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:K,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,maxLength:j,minLength:k,disabled:l,id:g,name:h,autoFocus:u,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T,onWheel:V};return React.createElement(FieldControlLayout,Object.assign({},X,{className:cnTextFieldTypeTextArea({resize:G},[c]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ca&&React.createElement(FieldClearButton,{size:n,onClick:_,icon:W}),renderSide(x,n,E)],focused:ba,view:p,ref:useForkRef([b,da]),disabled:l,onClick:fa}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ga,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ga,{rows:H})))});
|
|
2
2
|
//# sourceMappingURL=TextFieldTypeTextArea.js.map
|
|
@@ -1 +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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","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 clearButton,\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 iconClear,\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 clearButton && !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 clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\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":"0oBAAA,oCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CACA,MAAOC,iBAAP,KAA6B,yBAA7B,CAEA,OACEC,YADF,CAEEC,gBAFF,CAGEC,kBAHF,CAIEC,UAJF,6BAMA,OAASC,UAAT,iCACA,OAASC,OAAT,8BACA,OAASC,eAAT,CAA0BC,iBAA1B,wCACA,OAASC,cAAT,kCACA,OAASC,EAAT,0BAGA,OAASC,YAAT,uBAEA,MAAO,IAAMC,wBAAuB,CAAGF,EAAE,CAAC,uBAAD,CAAlC,CAEP,MAAO,IAAMG,sBAAyD,CACpEd,UAAU,CAAC,SAACe,CAAD,CAAQC,CAAR,CAAyB,OAEhCC,CAFgC,CAiD9BF,CAjD8B,CAEhCE,SAFgC,CAGhCC,CAHgC,CAiD9BH,CAjD8B,CAGhCG,KAHgC,CAIhCC,CAJgC,CAiD9BJ,CAjD8B,CAIhCI,YAJgC,CAKhCC,CALgC,CAiD9BL,CAjD8B,CAKhCK,QALgC,CAMhCC,CANgC,CAiD9BN,CAjD8B,CAMhCM,EANgC,CAOhCC,CAPgC,CAiD9BP,CAjD8B,CAOhCO,IAPgC,CAQtBC,CARsB,CAiD9BR,CAjD8B,CAQhCS,QARgC,CAShCC,CATgC,CAiD9BV,CAjD8B,CAShCU,SATgC,CAUhCC,CAVgC,CAiD9BX,CAjD8B,CAUhCW,QAVgC,GAiD9BX,CAjD8B,CAWhCY,IAXgC,CAWhCA,CAXgC,YAWzB,GAXyB,KAiD9BZ,CAjD8B,CAYhCa,IAZgC,CAYhCA,CAZgC,YAYzB,SAZyB,GAahCC,CAbgC,CAiD9Bd,CAjD8B,CAahCc,IAbgC,CAchCC,CAdgC,CAiD9Bf,CAjD8B,CAchCe,MAdgC,CAehCC,CAfgC,CAiD9BhB,CAjD8B,CAehCgB,MAfgC,CAgBhCC,CAhBgC,CAiD9BjB,CAjD8B,CAgBhCiB,OAhBgC,CAiBhCC,CAjBgC,CAiD9BlB,CAjD8B,CAiBhCkB,SAjBgC,CAkBhCC,CAlBgC,CAiD9BnB,CAjD8B,CAkBhCmB,WAlBgC,CAmBhCC,CAnBgC,CAiD9BpB,CAjD8B,CAmBhCoB,QAnBgC,CAoBhCC,CApBgC,CAiD9BrB,CAjD8B,CAoBhCqB,SApBgC,CAqBhCC,CArBgC,CAiD9BtB,CAjD8B,CAqBhCsB,YArBgC,CAsBhCC,CAtBgC,CAiD9BvB,CAjD8B,CAsBhCuB,WAtBgC,CAuBhCC,CAvBgC,CAiD9BxB,CAjD8B,CAuBhCwB,QAvBgC,CAwBhCC,CAxBgC,CAiD9BzB,CAjD8B,CAwBhCyB,IAxBgC,CAyBhCC,CAzBgC,CAiD9B1B,CAjD8B,CAyBhC0B,QAzBgC,CA0BhCC,CA1BgC,CAiD9B3B,CAjD8B,CA0BhC2B,SA1BgC,CA2BhCC,CA3BgC,CAiD9B5B,CAjD8B,CA2BhC4B,QA3BgC,CA4BhCC,CA5BgC,CAiD9B7B,CAjD8B,CA4BhC6B,OA5BgC,CA6BhCC,CA7BgC,CAiD9B9B,CAjD8B,CA6BhC8B,MA7BgC,CA8BhCC,CA9BgC,CAiD9B/B,CAjD8B,CA8BhC+B,IA9BgC,CA+BhCC,CA/BgC,CAiD9BhC,CAjD8B,CA+BhCgC,OA/BgC,CAgChCC,CAhCgC,CAiD9BjC,CAjD8B,CAgChCiC,OAhCgC,CAmChCC,CAnCgC,CAiD9BlC,CAjD8B,CAmChCkC,SAnCgC,CAoChCC,CApCgC,CAiD9BnC,CAjD8B,CAoChCmC,gBApCgC,CAqChCC,CArCgC,CAiD9BpC,CAjD8B,CAqChCoC,OArCgC,CAsChCC,CAtCgC,CAiD9BrC,CAjD8B,CAsChCqC,cAtCgC,CAuChCC,CAvCgC,CAiD9BtC,CAjD8B,CAuChCsC,MAvCgC,CAwChCC,CAxCgC,CAiD9BvC,CAjD8B,CAwChCuC,aAxCgC,CAyChCC,CAzCgC,CAiD9BxC,CAjD8B,CAyChCwC,KAzCgC,CA0ChCC,CA1CgC,CAiD9BzC,CAjD8B,CA0ChCyC,YA1CgC,CA2ChCC,CA3CgC,CAiD9B1C,CAjD8B,CA2ChC0C,OA3CgC,CA4ChCC,CA5CgC,CAiD9B3C,CAjD8B,CA4ChC2C,cA5CgC,CA6ChCC,CA7CgC,CAiD9B5C,CAjD8B,CA6ChC4C,OA7CgC,CA8ChCC,CA9CgC,CAiD9B7C,CAjD8B,CA8ChC6C,OA9CgC,CA+ChCC,CA/CgC,CAiD9B9C,CAjD8B,CA+ChC8C,SA/CgC,CAgD7BC,CAhD6B,0BAiD9B/C,CAjD8B,cA6D9BH,YAAY,CAAsB,CACpCgC,OAAO,CAAPA,CADoC,CAEpCxB,QAAQ,CAARA,CAFoC,CAGpCW,MAAM,CAANA,CAHoC,CAIpCC,OAAO,CAAPA,CAJoC,CAKpCN,QAAQ,CAARA,CALoC,CAMpCiC,OAAO,CAAPA,CANoC,CAAtB,CA7DkB,CAoDhCI,CApDgC,GAoDhCA,UApDgC,CAqDhCC,CArDgC,GAqDhCA,YArDgC,CAsDhCC,CAtDgC,GAsDhCA,WAtDgC,CAuDhCC,EAvDgC,GAuDhCA,WAvDgC,CAwDhCC,EAxDgC,GAwDhCA,OAxDgC,CAyDhCC,EAzDgC,GAyDhCA,SAzDgC,CA0DhCC,EA1DgC,GA0DhCA,GA1DgC,CA2DhC7C,EA3DgC,GA2DhCA,QA3DgC,CA4DhC8C,EA5DgC,GA4DhCA,WA5DgC,CAsE5BC,EAAc,CAAGhE,OAAO,CAAiB,CAAjB,CAAoB,CAChD,CAAC,CAAC6B,CAD8C,CAEhDE,CAAW,EAAI,CAACZ,CAAhB,EAA4B0C,EAFoB,CAApB,CAtEI,CA2E5BI,EAAS,CAAG/D,iBAAiB,CAAC8D,EAAD,CAAiB/D,eAAjB,CA3ED,CA6E5BiE,EAAa,CAAG,CACpB,UAAa5D,uBAAuB,CAAC,UAAD,CAAa,CAC/CX,YAAY,EADmC,CAE/CQ,cAAc,CAAC,CAAEiB,IAAI,CAAE,IAAR,CAAc+C,SAAS,CAAE,QAAzB,CAAD,CAFiC,CAAb,CADhB,CAKpBxC,WAAW,CAAXA,CALoB,CAMpBG,YAAY,CAAZA,CANoB,CAOpB,OAAU0B,CAPU,CAQpB,SAAYC,CARQ,CASpB,QAAWE,EATS,CAUpB,aAAgB/C,CAAY,QAVR,CAWpB,MAAmB,IAAV,GAAAD,CAAK,CAAY,EAAZ,CAAiBA,CAXX,CAYpB,IAAOZ,UAAU,CAAC,CAACiB,CAAD,CAAeC,EAAf,CAAD,CAZG,CAapBe,QAAQ,CAARA,CAboB,CAcpBE,QAAQ,CAARA,CAdoB,CAepB,aAAcC,CAfM,CAgBpBO,SAAS,CAATA,CAhBoB,CAiBpBC,gBAAgB,CAAhBA,CAjBoB,CAkBpBC,OAAO,CAAPA,CAlBoB,CAmBpBC,cAAc,CAAdA,CAnBoB,CAoBpB3B,SAAS,CAATA,CApBoB,CAqBpBC,QAAQ,CAARA,CArBoB,CAsBpBL,EAAE,CAAFA,CAtBoB,CAuBpBC,IAAI,CAAJA,CAvBoB,CAwBpBW,SAAS,CAATA,CAxBoB,CAyBpBoB,MAAM,CAANA,CAzBoB,CA0BpBC,aAAa,CAAbA,CA1BoB,CA2BpBC,KAAK,CAALA,CA3BoB,CA4BpBC,YAAY,CAAZA,CA5BoB,CA6BpBC,OAAO,CAAPA,CA7BoB,CA8BpBC,cAAc,CAAdA,CA9BoB,CA+BpBE,OAAO,CAAPA,CA/BoB,CA7EY,CAwHlC,MACE,qBAAC,kBAAD,kBACME,CADN,EAEE,SAAS,CAAEjD,uBAAuB,CAAC,CAAEgC,MAAM,CAANA,CAAF,CAAD,CAAa,CAAC5B,CAAD,CAAb,CAFpC,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,CAAW,EAAI,CAACZ,CAAhB,EAA4B0C,EAA5B,EACE,oBAAC,gBAAD,EACE,IAAI,CAAEzC,CADR,CAEE,OAAO,CAAEsC,CAFX,CAGE,IAAI,CAAEJ,CAHR,EAFO,CAQTxD,UAAU,CAAC+B,CAAD,CAAYT,CAAZ,CAAkBgB,CAAlB,CARD,CAPb,CAiBE,OAAO,CAAEwB,EAjBX,CAkBE,IAAI,CAAEvC,CAlBR,CAmBE,GAAG,CAAEtB,UAAU,CAAC,CAACU,CAAD,CAAeqD,EAAf,CAAD,CAnBjB,CAoBE,QAAQ,CAAE3C,CApBZ,CAqBE,OAAO,CAAE4C,EArBX,CAsBE,KAAK,yBACF,wCADE,WACsDE,EAAS,CAACG,MAAV,CACvD,SAACC,CAAD,CAAIC,CAAJ,QAAUD,EAAC,CAAGC,CAAd,CADuD,CADtD,0BAIF,yCAJE,CAKDL,EAAS,CAACM,MAAV,CAAiB,SAACC,CAAD,QAAW,CAAC,CAACA,CAAb,CAAjB,EAAqCC,MALpC,IAtBP,CA6BE,cAAc,CAAET,EA7BlB,GA+Bc,MAAX,GAAA1B,CAAM,CACL,oBAAC,gBAAD,kBAAsB4B,EAAtB,CAtCwB,CAC5B1B,OAAO,CAAEA,CAAO,EAAID,CADQ,CAE5BE,OAAO,CAAEA,CAAO,EAAIF,CAFQ,CAsCxB,EADK,CAGL,gDAAc2B,EAAd,CA5C0B,CAC9B3B,IAAI,CAAJA,CAD8B,CA4C1B,EAlCJ,CAsCH,CA/JS,CADL"}
|
|
1
|
+
{"version":3,"file":"TextFieldTypeTextArea.js","names":["React","forwardRef","TextAreaAutoSize","cnFieldInput","FieldClearButton","FieldControlLayout","renderSide","useForkRef","cnMixScrollBar","cn","useTextField","cnTextFieldTypeTextArea","TextFieldTypeTextArea","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","textareaProps","trackSize"],"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 { 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 minLength,\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 clearButton,\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 iconClear,\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 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 minLength,\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 clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={handleClear}\n icon={iconClear}\n />\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 {resize === 'auto' ? (\n <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n ) : (\n <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n )}\n </FieldControlLayout>\n );\n });\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--field-control-layout-right-slots-length)
|
|
1
|
+
.TextFieldTypeTextArray{--text-field-textarray-padding-right:calc((var(--field-control-layout-right-slots-length))*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width) + var(--field-control-layout-padding-right));overflow:hidden}.TextFieldTypeTextArray .FieldControlLayout-Children,.TextFieldTypeTextArray .FieldControlLayout-Container,.TextFieldTypeTextArray .TextFieldTypeTextArray-ScrollWrapper{height:inherit;max-height:inherit}.TextFieldTypeTextArray-ScrollWrapper{overflow:auto;padding-right:var(--text-field-textarray-padding-right,0);width:calc(100% + var(--text-field-textarray-padding-right))}
|
package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","minLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];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{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=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.minLength,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.clearButton,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=a.iconClear,Y=_objectWithoutProperties(a,_excluded),Z=useTextField({onClick:F,onChange:K,onBlur:s,onFocus:t,disabled:l,onClear:void 0}),$=Z.handleBlur,_=Z.handleChange,aa=Z.handleClear,ba=Z.handleFocus,ca=Z.focused,da=Z.withValue,ea=Z.ref,fa=Z.inputRef,ga=Z.handleClick,ha=da||!!(null!==d&&void 0!==d&&d.length),ia=useRef(null),ja=useRef(null),ka=useMutableRef([f,aa,d]),la=function(a){return function(b){if(null!==d&&void 0!==d&&d.length){var c=_toConsumableArray(d);c.splice(a,1),null===f||void 0===f?void 0:f(c.length?c:null,{e:b})}}},ma=useCallback(function(a){var b;if(ka.current[1](a),null!==(b=ka.current[2])&&void 0!==b&&b.length){var c,d;null===(c=(d=ka.current)[0])||void 0===c?void 0:c.call(d,null,{e:a})}},[]),na=useMemo(function(){return{Enter:function Enter(a){var b,c=null===(b=fa.current)||void 0===b?void 0:b.value;if(c){var d,e;null===(d=(e=ka.current)[0])||void 0===d?void 0:d.call(e,[].concat(_toConsumableArray(ka.current[2]||[]),[c]),{e:a}),ia.current&&"function"==typeof ia.current.scrollTo&&ia.current.scrollTo({top:ia.current.scrollHeight})}},Backspace:function Backspace(a){var b,c=null===(b=fa.current)||void 0===b?void 0:b.value,d=ka.current[2];if(!c&&null!==d&&void 0!==d&&d.length){var e,f;a.preventDefault();var g=_toConsumableArray(d);g.pop(),null===(e=(f=ka.current)[0])||void 0===e?void 0:e.call(f,g,{e:a})}}}},[]),oa=useKeys({isActive:!!f,keys:na,onEvent:L}),pa=useComponentSize(ia);return useEffect(function(){ia.current&&ja.current&&ca&&ja.current.scrollTo({top:pa.height})},[pa.height]),useEffect(function(){fa.current&&fa.current.value!==H&&(fa.current.value=H||"")},[H,fa.current]),React.createElement(FieldControlLayout,Object.assign({},Y,{className:cnTextFieldTypeTextArray({withValue:ha},[c]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ha&&React.createElement(FieldClearButton,{size:n,onClick:V||ma,icon:X}),renderSide(x,n,E)],focused:ca,view:p,ref:useForkRef([b,ea]),disabled:l,onClick:ga,style:G}),React.createElement("div",{ref:ja,className:cnTextFieldTypeTextArray("ScrollWrapper",[cnMixScrollBar({size:"xs"})])},React.createElement(FieldArrayValueInlineControl,{size:n,inputRef:useForkRef([fa,i]),value:null!==d&&void 0!==d?d:void 0,onFocus:ba,onBlur:$,onChange:_,autoFocus:u,onKeyDown:oa,ref:ia,placeholder:v,renderValue:function renderValue(a){return a.map(function(a,b){return J({item:a,index:b,size:n,disabled:l,onRemove:la(b)})})},onCopy:P,onCopyCapture:Q,onCut:R,onCutCapture:S,onPaste:T,onPasteCapture:U,inputTabIndex:C,onKeyDownCapture:M,onKeyUp:N,onKeyUpCapture:O,onWheel:W,disabled:l,inputValue:H||"",inputMaxLength:j,inputMinLength:k})))});
|
|
2
2
|
//# sourceMappingURL=TextFieldTypeTextArray.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controlRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","scrollTo","top","scrollHeight","Backspace","currentValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","controlSize","stylesRoot","height","items","map"],"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 { 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 clearButton,\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 iconClear,\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 = inputRef.current?.value;\n\n if (stringValue) {\n mutableRefs.current[0]?.(\n [...(mutableRefs.current[2] || []), stringValue],\n {\n e,\n },\n );\n\n if (\n controlRef.current &&\n typeof controlRef.current.scrollTo === 'function'\n ) {\n controlRef.current.scrollTo({\n top: controlRef.current.scrollHeight,\n });\n }\n }\n },\n Backspace: (e) => {\n const stringValue = inputRef.current?.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 controlSize = useComponentSize(controlRef);\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({ withValue }, [className])}\n form={form}\n status={status}\n size={size}\n leftSide={renderSide(leftSide, size, iconSize)}\n rightSide={[\n clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={onClear || handleClear}\n icon={iconClear}\n />\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 ...style,\n ['--text-field-textarray-max-height' as string]:\n stylesRoot?.['max-height'] || stylesRoot?.height || 'auto',\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={(items) =>\n items.map((item, index) =>\n renderValueItem({\n item,\n index,\n size,\n disabled,\n onRemove: getRemoveItem(index),\n }),\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 disabled={disabled}\n inputValue={inputValue || ''}\n />\n </div>\n </FieldControlLayout>\n );\n });\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","cnMixScrollBar","useTextField","cnTextFieldTypeTextArray","defaultRenderValueItem","item","index","size","disabled","onRemove","TextFieldTypeTextArray","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","minLength","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controlRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","scrollTo","top","scrollHeight","Backspace","currentValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","controlSize","height","items","map"],"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 { 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 minLength,\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 clearButton,\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 iconClear,\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 = inputRef.current?.value;\n\n if (stringValue) {\n mutableRefs.current[0]?.(\n [...(mutableRefs.current[2] || []), stringValue],\n {\n e,\n },\n );\n\n if (\n controlRef.current &&\n typeof controlRef.current.scrollTo === 'function'\n ) {\n controlRef.current.scrollTo({\n top: controlRef.current.scrollHeight,\n });\n }\n }\n },\n Backspace: (e) => {\n const stringValue = inputRef.current?.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 controlSize = useComponentSize(controlRef);\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({ withValue }, [className])}\n form={form}\n status={status}\n size={size}\n leftSide={renderSide(leftSide, size, iconSize)}\n rightSide={[\n clearButton && !disabled && withValue && (\n <FieldClearButton\n size={size}\n onClick={onClear || handleClear}\n icon={iconClear}\n />\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={style}\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={(items) =>\n items.map((item, index) =>\n renderValueItem({\n item,\n index,\n size,\n disabled,\n onRemove: getRemoveItem(index),\n }),\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 disabled={disabled}\n inputValue={inputValue || ''}\n inputMaxLength={maxLength}\n inputMinLength={minLength}\n />\n </div>\n </FieldControlLayout>\n );\n });\n"],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@ export type TextFieldPropSize = FieldPropSize;
|
|
|
9
9
|
export type TextFieldPropOnChange<TYPE> = (value: TextFieldPropValue<TYPE>, params: {
|
|
10
10
|
e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
|
|
11
11
|
}) => void;
|
|
12
|
-
type InputType<TYPE extends string> = TYPE extends 'textarea' ? HTMLTextAreaElement : HTMLInputElement;
|
|
13
|
-
type TextFieldPropsTypeTextArea<TYPE> = TYPE extends 'textarea' ? {
|
|
12
|
+
export type InputType<TYPE extends string> = TYPE extends 'textarea' ? HTMLTextAreaElement : HTMLInputElement;
|
|
13
|
+
export type TextFieldPropsTypeTextArea<TYPE> = TYPE extends 'textarea' ? {
|
|
14
14
|
resize?: boolean | 'auto';
|
|
15
15
|
} & ({
|
|
16
16
|
minRows?: never;
|
|
@@ -28,18 +28,18 @@ export type TextFieldPropRenderValueItem = (props: {
|
|
|
28
28
|
size: FieldPropSize;
|
|
29
29
|
disabled: boolean | undefined;
|
|
30
30
|
}) => React.ReactNode;
|
|
31
|
-
type TextFieldPropsTypeTextArray<TYPE> = TYPE extends 'textarray' ? {
|
|
31
|
+
export type TextFieldPropsTypeTextArray<TYPE> = TYPE extends 'textarray' ? {
|
|
32
32
|
renderValueItem?: TextFieldPropRenderValueItem;
|
|
33
33
|
inputValue?: string | null;
|
|
34
34
|
onInputChange?: TextFieldPropOnChange<string>;
|
|
35
35
|
} : {};
|
|
36
|
-
type TextFieldPropsTypeNumber<TYPE> = TYPE extends 'number' ? {
|
|
36
|
+
export type TextFieldPropsTypeNumber<TYPE> = TYPE extends 'number' ? {
|
|
37
37
|
max?: number | string;
|
|
38
38
|
min?: number | string;
|
|
39
39
|
step?: number | string | number[];
|
|
40
40
|
incrementButtons?: boolean;
|
|
41
41
|
} : {};
|
|
42
|
-
type TextFieldPropsTypePassword<TYPE> = TYPE extends 'password' ? {
|
|
42
|
+
export type TextFieldPropsTypePassword<TYPE> = TYPE extends 'password' ? {
|
|
43
43
|
iconShowPassword?: IconComponent;
|
|
44
44
|
iconHidePassword?: IconComponent;
|
|
45
45
|
} : {};
|
|
@@ -52,7 +52,7 @@ export type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<
|
|
|
52
52
|
name?: string;
|
|
53
53
|
type?: TYPE;
|
|
54
54
|
disabled?: boolean;
|
|
55
|
-
|
|
55
|
+
minLength?: number;
|
|
56
56
|
maxLength?: number;
|
|
57
57
|
size?: TextFieldPropSize;
|
|
58
58
|
view?: FieldPropView;
|
|
@@ -88,4 +88,3 @@ export type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<
|
|
|
88
88
|
}, HTMLDivElement> & TextFieldPropsTypeTextArea<TYPE> & TextFieldPropsTypeTextArray<TYPE> & TextFieldPropsTypeNumber<TYPE> & TextFieldPropsTypePassword<TYPE>;
|
|
89
89
|
export type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactNode | null;
|
|
90
90
|
export type TextFieldTypeComponent<TYPE extends string> = (props: TextFieldProps<TYPE>) => React.ReactNode | null;
|
|
91
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n FieldPropForm,\n FieldPropSize,\n FieldPropStatus,\n FieldPropView,\n} from '##/components/FieldComponents';\nimport { AutoCompete } from '##/utils/types/AutoComplete';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue<TYPE> = TYPE extends 'textarray'\n ? string[] | null\n : string | null;\n\nexport type TextFieldPropDefaultValue<TYPE> = TYPE extends 'textarray'\n ? never\n : string | null;\n\nexport type TextFieldPropSize = FieldPropSize;\n\nexport type TextFieldPropOnChange<TYPE> = (\n value: TextFieldPropValue<TYPE>,\n params: {\n e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n },\n) => void;\n\
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n FieldPropForm,\n FieldPropSize,\n FieldPropStatus,\n FieldPropView,\n} from '##/components/FieldComponents';\nimport { AutoCompete } from '##/utils/types/AutoComplete';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue<TYPE> = TYPE extends 'textarray'\n ? string[] | null\n : string | null;\n\nexport type TextFieldPropDefaultValue<TYPE> = TYPE extends 'textarray'\n ? never\n : string | null;\n\nexport type TextFieldPropSize = FieldPropSize;\n\nexport type TextFieldPropOnChange<TYPE> = (\n value: TextFieldPropValue<TYPE>,\n params: {\n e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n },\n) => void;\n\nexport type InputType<TYPE extends string> = TYPE extends 'textarea'\n ? HTMLTextAreaElement\n : HTMLInputElement;\n\nexport type TextFieldPropsTypeTextArea<TYPE> = TYPE extends 'textarea'\n ? {\n resize?: boolean | 'auto';\n } & (\n | {\n minRows?: never;\n maxRows?: never;\n rows?: number;\n }\n | {\n rows?: never;\n minRows?: number;\n maxRows?: number;\n }\n )\n : {};\n\nexport type TextFieldPropRenderValueItem = (props: {\n item: string;\n index: number;\n onRemove: (e: React.MouseEvent) => void;\n size: FieldPropSize;\n disabled: boolean | undefined;\n}) => React.ReactNode;\n\nexport type TextFieldPropsTypeTextArray<TYPE> = TYPE extends 'textarray'\n ? {\n renderValueItem?: TextFieldPropRenderValueItem;\n inputValue?: string | null;\n onInputChange?: TextFieldPropOnChange<string>;\n }\n : {};\n\nexport type TextFieldPropsTypeNumber<TYPE> = TYPE extends 'number'\n ? {\n max?: number | string;\n min?: number | string;\n step?: number | string | number[];\n incrementButtons?: boolean;\n }\n : {};\n\nexport type TextFieldPropsTypePassword<TYPE> = TYPE extends 'password'\n ? {\n iconShowPassword?: IconComponent;\n iconHidePassword?: IconComponent;\n }\n : {};\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<\n {\n className?: string;\n value?: TextFieldPropValue<TYPE>;\n defaultValue?: TextFieldPropDefaultValue<TYPE>;\n onChange?: TextFieldPropOnChange<TYPE>;\n id?: string;\n name?: string;\n type?: TYPE;\n disabled?: boolean;\n minLength?: number;\n maxLength?: number;\n size?: TextFieldPropSize;\n view?: FieldPropView;\n form?: FieldPropForm;\n status?: FieldPropStatus;\n onFocus?: React.FocusEventHandler<InputType<TYPE>>;\n onBlur?: React.FocusEventHandler<InputType<TYPE>>;\n autoFocus?: boolean;\n placeholder?: string;\n leftSide?: string | IconComponent;\n rightSide?: string | IconComponent;\n clearButton?: boolean;\n iconClear?: IconComponent;\n autoComplete?: AutoCompete;\n readOnly?: boolean;\n tabIndex?: number;\n ariaLabel?: string;\n iconSize?: IconPropSize;\n children?: never;\n onClear?: React.MouseEventHandler<HTMLButtonElement>;\n inputRef?: React.Ref<InputType<TYPE>>;\n onKeyUp?: React.KeyboardEventHandler<InputType<TYPE>>;\n onKeyUpCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n onKeyDown?: React.KeyboardEventHandler<InputType<TYPE>>;\n onKeyDownCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n onCopy?: React.ClipboardEventHandler<InputType<TYPE>>;\n onCopyCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n onCut?: React.ClipboardEventHandler<InputType<TYPE>>;\n onCutCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n onPaste?: React.ClipboardEventHandler<InputType<TYPE>>;\n onPasteCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n onWheel?: React.WheelEventHandler<InputType<TYPE>>;\n },\n HTMLDivElement\n> &\n TextFieldPropsTypeTextArea<TYPE> &\n TextFieldPropsTypeTextArray<TYPE> &\n TextFieldPropsTypeNumber<TYPE> &\n TextFieldPropsTypePassword<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n props: TextFieldProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type TextFieldTypeComponent<TYPE extends string> = (\n props: TextFieldProps<TYPE>,\n) => React.ReactNode | null;\n"],"mappings":""}
|