@consta/uikit 5.28.2 → 5.28.4
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/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/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/package.json +1 -1
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:
|
|
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:1;width:0}
|
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":"k+BAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,OAAT,8BACA,OAASC,OAAT,iCACA,OAASC,OAAT,8BACA,OAASC,eAAT,CAA0BC,iBAA1B,wCAEA,OAASC,oBAAT,8BACA,OACEC,SADF,CAEEC,UAFF,CAGEC,cAHF,CAIEC,eAJF,CAKEC,cALF,CAMEC,cANF,CAOEC,eAPF,CAQEC,kBARF,CASEC,QATF,CAUEC,mBAVF,iBAcA,GAAMC,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGxBC,CAHwB,CAIxBC,CAJwB,QAMxB,4BACE,GAAG,CAAEF,CADP,CAEE,GAAG,CAAEjB,OAAO,CAAC,QAACkB,CAAD,WAACA,CAAD,QAACA,CAAc,CAAGD,CAAH,CAAf,QAA0BE,CAA1B,WAA0BA,CAA1B,QAA0BA,CAAS,CAAGF,CAAH,CAAnC,CAAD,CAFd,CAGE,SAAS,CAAEb,oBAAoB,CAAC,MAAD,CAHjC,EAKGY,CALH,CANwB,CAA1B,CAeA,MAAO,IAAMI,mBAAkB,CAAGtB,UAAU,CAG1C,SAACuB,CAAD,CAAQC,CAAR,CAAgB,OAEdC,CAFc,CAiBZF,CAjBY,CAEdE,SAFc,GAiBZF,CAjBY,CAGdG,IAHc,CAGdA,CAHc,YAGP,GAHO,KAiBZH,CAjBY,CAIdI,IAJc,CAIRC,CAJQ,YAIG,SAJH,KAiBZL,CAjBY,CAKdM,QALc,CAKdA,CALc,iBAiBZN,CAjBY,CAMdO,IANc,CAMdA,CANc,YAMP,SANO,GAOdC,CAPc,CAiBZR,CAjBY,CAOdQ,MAPc,CAQdC,CARc,CAiBZT,CAjBY,CAQdS,QARc,CASdC,CATc,CAiBZV,CAjBY,CASdU,SATc,CAUdC,CAVc,CAiBZX,CAjBY,CAUdW,QAVc,CAWdC,CAXc,CAiBZZ,CAjBY,CAWdY,KAXc,CAYdC,CAZc,CAiBZb,CAjBY,CAYda,OAZc,CAaCC,CAbD,CAiBZd,CAjBY,CAade,aAbc,CAcEC,CAdF,CAiBZhB,CAjBY,CAcdiB,cAdc,GAiBZjB,CAjBY,CAedkB,UAfc,CAedA,CAfc,YAeD,KAfC,GAgBXC,CAhBW,0BAiBZnB,CAjBY,YAkBVoB,CAAS,CAAG5B,QAAQ,CAACiB,CAAD,CAlBV,CAmBVY,CAAU,CAAG7B,QAAQ,CAACkB,CAAD,CAnBX,CAoBVK,CAAa,CAAGnC,OAAO,CAAiBwC,CAAS,CAACE,MAA3B,CApBb,CAqBVC,CAAa,CAAG3C,OAAO,CAAiB,CAAjB,CArBb,CAsBVqC,CAAc,CAAGrC,OAAO,CAAiByC,CAAU,CAACC,MAA5B,CAtBd,CAuBVE,CAAc,CAAG1C,iBAAiB,CAACiC,CAAD,CAAgBlC,eAAhB,CAvBxB,CAwBV4C,CAAe,CAAG3C,iBAAiB,CAACmC,CAAD,CAAiBpC,eAAjB,CAxBzB,CAyBV6C,CAAc,CAAG5C,iBAAiB,CAACyC,CAAD,CAAgB1C,eAAhB,CAAjB,CAAkD,CAAlD,CAzBP,CA4BVuB,CAAI,CAAGpB,SAAS,CAACqB,CAAD,CA5BN,GA8Bc3B,OAAO,EA9BrB,uBA8BTiD,CA9BS,MA8BAC,CA9BA,MAgChB,MACE,4CACMT,CADN,EAEE,GAAG,CAAElB,CAFP,CAGE,SAAS,CAAElB,oBAAoB,CAC7B,CAAEqB,IAAI,CAAJA,CAAF,CAAQE,QAAQ,CAARA,CAAR,CAAkBC,IAAI,CAAJA,CAAlB,CAAwBW,UAAU,CAAVA,CAAxB,CAAoCV,MAAM,CAANA,CAApC,CAD6B,CAE7B,CAACN,CAAD,CAF6B,CAHjC,CAOE,KAAK,8CACAU,CADA,6BAEF,qCAFE,CAEgD1B,cAAc,CAC/D2B,CAD+D,CAE/Dc,CAF+D,CAG/DnB,CAH+D,CAI/DF,CAJ+D,CAF9D,oBAQF,+BARE,gCAQkEH,CARlE,yBASF,8BATE,oCASqEA,CATrE,gCAUF,kCAVE,mCAUwEA,CAVxE,yBAWF,yCAXE,kCAW8EA,CAX9E,yBAYF,sCAZE,CAYiDhB,eAAe,CACjEiB,CADiE,CAEjEG,CAFiE,CAZhE,oBAgBF,qCAhBE,CAgBgDnB,cAAc,CAC/DgB,CAD+D,CAE/DG,CAF+D,CAhB9D,oBAoBF,oCApBE,CAqBDhB,kBAAkB,CAACgB,CAAD,CArBjB,oBAsBF,uCAtBE,CAuBDhB,kBAAkB,CAACgB,CAAD,CAvBjB,oBAwBF,qCAxBE,CAwBgDlB,cAAc,CAC/DkB,CAD+D,CAE/DH,CAF+D,CAxB9D,oBA4BF,sCA5BE,CA4BiDd,eAAe,CACjEiB,CADiE,CAEjEH,CAFiE,CA5BhE,oBAiCF,iCAjCE,CAiC4CnB,UAAU,CACvDsB,CADuD,CAEvDD,CAFuD,CAjCtD,oBAqCF,qCArCE,CAsCQ,SAAT,GAAAC,CAAI,CAAiB,6BAAjB,CAAiD,KAtCpD,oBAuCF,wCAvCE,WAuCsDmB,CAvCtD,WAwCAjC,mBAAmB,CAAC+B,CAAD,CAAiB,MAAjB,CAxCnB,EAyCA/B,mBAAmB,CAACgC,CAAD,CAAkB,OAAlB,CAzCnB,CAPP,CAkDE,YAAY,CAAEG,CAAU,CAACC,EAlD3B,CAmDE,YAAY,CAAED,CAAU,CAACE,GAnD3B,GAqDE,2BAAK,GAAG,CAAEP,CAAa,CAAC,CAAD,CAAvB,CAA4B,SAAS,CAAExC,oBAAoB,CAAC,WAAD,CAA3D,EACG,CAAC,CAACqC,CAAS,CAACE,MAAZ,EACCF,CAAS,CAACW,GAAV,CAAc,SAACC,CAAD,CAAOpC,CAAP,QACZF,kBAAiB,CAACsC,CAAD,CAAOpC,CAAP,CAAcmB,CAAd,CAA6BD,CAA7B,CADL,CAAd,CAFJ,CAKE,2BAAK,SAAS,CAAE/B,oBAAoB,CAAC,UAAD,CAApC,EAAmD4B,CAAnD,CALF,CAMG,CAAC,CAACU,CAAU,CAACC,MAAb,EACCD,CAAU,CAACU,GAAX,CAAe,SAACC,CAAD,CAAOpC,CAAP,QACbF,kBAAiB,CAACsC,CAAD,CAAOpC,CAAP,CAAcqB,CAAd,CAA8BD,CAA9B,CADJ,CAAf,CAPJ,CArDF,CAkEH,CAtG2C,CAArC"}
|
|
@@ -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":"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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","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","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 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 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 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 style={{\n ['--text-field-textarea-slot-sizes-width' as string]: `${slotSizes.reduce(\n (a, b) => a + b,\n )}px`,\n ['--text-field-textarea-slot-sizes-length' as string]:\n slotSizes.filter((width) => !!width).length,\n }}\n rightSlotsRefs={rightSlotsRefs}\n >\n {resize === 'auto' ? (\n <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n ) : (\n <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n )}\n </FieldControlLayout>\n );\n });\n"],"mappings":"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"}
|
|
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(
|
|
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","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","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 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 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 inputMaxLength={maxLength}\n inputMinLength={minLength}\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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"}
|