@itcase/forms-web 1.1.117 → 1.1.118

package/dist/form/Field/Select/FormFieldSelect.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useState as r,useMemo as i,useCallback as o,useEffect as a}from"react";import s from"clsx";import{Field as n}from"react-final-form";import{useFieldValidationState as l,useValidationAppearanceInputProps as c}from"@itcase/forms-core";import{Select as m}from"@itcase/ui-web/components/Select";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as p}from"../../FieldWrapper/FieldWrapper.js";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Divider";import"@itcase/ui-web/components/Text";import"../Before/FormFieldBefore.js";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Title";import"../Before/FormFieldBefore.constants.js";function u(e){const{options:t,selectValue:r}=e,i=Array.isArray(r)?r:[r];let o=[];return t.forEach(e=>{const t=i.includes(String(e.value)),a=i.includes(String(e.label));let s=[];e.options&&(s=u({options:e.options,selectValue:r})),t||a?o.push(e):s.length&&(o=o.concat(s))}),o}const f=t.memo(function(t){const{dataTestId:f,name:d,initialValue:g,classNameGroupItem:h,fieldProps:v,options:y=[],selectProps:S,selectRef:b,showMessage:A,isDisabled:V,isRequired:w,onChange:F,onInputChange:I}=t;return e(n,{name:d,initialValue:g,children:function({input:t,meta:n}){const[d,g]=r(null),C=i(()=>{const e=(r=t.value,Array.isArray(r)?r.map(String):"string"==typeof r||"number"==typeof r?String(r):"");var r;const i=u({options:y,selectValue:e});if(!i.length&&e.length){(Array.isArray(e)?e:[e]).forEach(e=>{i.push({label:String(e),value:String(e)})})}return i},[t.value]),j=o(e=>{t.onChange(e),F&&F(e,{name:t.name})},[F,t]),E=o(e=>{if(!e)return g(null),void j(null);if(function(e){return Array.isArray(e)}(e)){const t=[...e];return g(t),void j(t.map(e=>e.value))}g([e]),j(e.value)},[j]);a(()=>{g(C)},[C]);const{errorKey:N,errorMessage:T,successKey:_,isErrorState:x,isValidState:B}=l({fieldProps:v,input:t,meta:n}),D=c({inputProps:S,validationStateKey:x?N:B?_:null});return e(p,{className:s("form-field_select","form__item_select",h),dataTestId:f,errorKey:N,errorMessage:T,fieldClassName:"form-select",inputName:t.name,inputValue:String(t.value??""),metaActive:n.active,metaError:n.error,showMessage:A,isDisabled:V,isErrorState:x,isRequired:w,isValidState:B,...v,children:e(m,{className:"form-select-item",dataTestId:`${f}Select`,ref:b,instanceId:`id_${t.name}`,options:y,value:d,isDisabled:V,onChange:E,onInputChange:I,...D})})}})});export{f as FormFieldSelect};
+import{jsx as e}from"react/jsx-runtime";import t,{useState as r,useMemo as i,useCallback as o,useEffect as a}from"react";import s from"clsx";import{Field as n}from"react-final-form";import{useFieldValidationState as l,useValidationAppearanceInputProps as c}from"@itcase/forms-core";import{Select as m}from"@itcase/ui-web/components/Select";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as p}from"../../FieldWrapper/FieldWrapper.js";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Divider";import"@itcase/ui-web/components/Text";import"../Before/FormFieldBefore.js";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Title";import"../Before/FormFieldBefore.constants.js";function u(e){const{options:t,selectValue:r}=e,i=Array.isArray(r)?r:[r];let o=[];return t.forEach(e=>{const t=i.includes(String(e.value));let a=[];e.options&&(a=u({options:e.options,selectValue:r})),t?o.push(e):a.length&&(o=o.concat(a))}),o}const f=t.memo(function(t){const{dataTestId:f,name:d,initialValue:g,classNameGroupItem:h,fieldProps:v,options:y=[],selectProps:S,selectRef:b,showMessage:A,isDisabled:V,isRequired:w,onChange:F,onInputChange:I}=t;return e(n,{name:d,initialValue:g,children:function({input:t,meta:n}){const[d,g]=r(null),C=i(()=>{const e=(r=t.value,Array.isArray(r)?r.map(String):"string"==typeof r||"number"==typeof r?String(r):"");var r;const i=u({options:y,selectValue:e});if(!i.length&&e.length){(Array.isArray(e)?e:[e]).forEach(e=>{i.push({label:String(e),value:String(e)})})}return i},[t.value]),j=o(e=>{t.onChange(e),F&&F(e,{name:t.name})},[F,t]),E=o(e=>{if(!e)return g(null),void j(null);if(function(e){return Array.isArray(e)}(e)){const t=[...e];return g(t),void j(t.map(e=>e.value))}g([e]),j(e.value)},[j]);a(()=>{g(C)},[C]);const{errorKey:N,errorMessage:T,successKey:_,isErrorState:x,isValidState:B}=l({fieldProps:v,input:t,meta:n}),D=c({inputProps:S,validationStateKey:x?N:B?_:null});return e(p,{className:s("form-field_select","form__item_select",h),dataTestId:f,errorKey:N,errorMessage:T,fieldClassName:"form-select",inputName:t.name,inputValue:String(t.value??""),metaActive:n.active,metaError:n.error,showMessage:A,isDisabled:V,isErrorState:x,isRequired:w,isValidState:B,...v,children:e(m,{className:"form-select-item",dataTestId:`${f}Select`,ref:b,instanceId:`id_${t.name}`,options:y,value:d,isDisabled:V,onChange:E,onInputChange:I,...D})})}})});export{f as FormFieldSelect};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms-web",
-  "version": "1.1.117",
+  "version": "1.1.118",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -77,5 +77,5 @@
     "@types/lodash": "^4.17.25",
     "concurrently": "^10.0.6"
   },
-  "gitHead": "e7f543f3a7ebab28c76953ec0150cbb623603b36"
+  "gitHead": "7ffc776aa04a62b879af2405b4547345b9266dc9"
 }