@itcase/forms-web 0.0.0-stage → 1.1.118

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.
Files changed (174) hide show
  1. package/dist/FinalForm_CDnQeCDK.js +1 -0
  2. package/dist/constants/index.js +1 -0
  3. package/dist/constants/messages.constant.js +1 -0
  4. package/dist/css/styles/bundles.css +786 -0
  5. package/dist/form/Field/Before/FormFieldBefore.constants.js +1 -0
  6. package/dist/form/Field/Before/FormFieldBefore.js +1 -0
  7. package/dist/form/Field/Before/index.js +1 -0
  8. package/dist/form/Field/Checkbox/FormFieldCheckbox.js +1 -0
  9. package/dist/form/Field/Checkbox/appearance/default.js +1 -0
  10. package/dist/form/Field/Checkbox/index.js +1 -0
  11. package/dist/form/Field/Chips/FormFieldChips.js +1 -0
  12. package/dist/form/Field/Chips/appearance/default.js +1 -0
  13. package/dist/form/Field/Chips/index.js +1 -0
  14. package/dist/form/Field/Choice/FormFieldChoice.js +1 -0
  15. package/dist/form/Field/Choice/appearance/default.js +1 -0
  16. package/dist/form/Field/Choice/index.js +1 -0
  17. package/dist/form/Field/Code/FormFieldCode.js +1 -0
  18. package/dist/form/Field/Code/appearance/default.js +1 -0
  19. package/dist/form/Field/Code/index.js +1 -0
  20. package/dist/form/Field/ColorInput/FormFieldColorInput.js +1 -0
  21. package/dist/form/Field/ColorInput/appearance/default.js +1 -0
  22. package/dist/form/Field/ColorInput/index.js +1 -0
  23. package/dist/form/Field/Custom/FormFieldCustom.js +1 -0
  24. package/dist/form/Field/Custom/index.js +1 -0
  25. package/dist/form/Field/Dadata/FormFieldDadataInput.js +1 -0
  26. package/dist/form/Field/Dadata/appearance/default.js +1 -0
  27. package/dist/form/Field/Dadata/index.js +1 -0
  28. package/dist/form/Field/DatePicker/FormFieldDatePicker.js +1 -0
  29. package/dist/form/Field/DatePicker/appearance/default.js +1 -0
  30. package/dist/form/Field/DatePicker/index.js +1 -0
  31. package/dist/form/Field/FileInput/FormFieldFileInput.js +1 -0
  32. package/dist/form/Field/FileInput/appearance/default.js +1 -0
  33. package/dist/form/Field/FileInput/index.js +1 -0
  34. package/dist/form/Field/Group/FormGroup.js +1 -0
  35. package/dist/form/Field/Group/appearance/default.js +1 -0
  36. package/dist/form/Field/Group/index.js +1 -0
  37. package/dist/form/Field/Input/FormFieldInput.js +1 -0
  38. package/dist/form/Field/Input/appearance/default.js +1 -0
  39. package/dist/form/Field/Input/index.js +1 -0
  40. package/dist/form/Field/InputNumber/FormFieldInputNumber.js +1 -0
  41. package/dist/form/Field/InputNumber/appearance/default.js +1 -0
  42. package/dist/form/Field/InputNumber/index.js +1 -0
  43. package/dist/form/Field/MaskedInput/FormFieldMaskedInput.js +1 -0
  44. package/dist/form/Field/MaskedInput/appearance/default.js +1 -0
  45. package/dist/form/Field/MaskedInput/index.js +1 -0
  46. package/dist/form/Field/Password/FormFieldPassword.js +1 -0
  47. package/dist/form/Field/Password/appearance/default.js +1 -0
  48. package/dist/form/Field/Password/index.js +1 -0
  49. package/dist/form/Field/RadioGroup/FormFieldRadioGroup.js +1 -0
  50. package/dist/form/Field/RadioGroup/FormFieldRadioGroupList.js +1 -0
  51. package/dist/form/Field/RadioGroup/appearance/default.js +1 -0
  52. package/dist/form/Field/RadioGroup/index.js +1 -0
  53. package/dist/form/Field/Segmented/FormFieldSegmented.js +1 -0
  54. package/dist/form/Field/Segmented/appearance/default.js +1 -0
  55. package/dist/form/Field/Segmented/index.js +1 -0
  56. package/dist/form/Field/Select/FormFieldSelect.js +1 -0
  57. package/dist/form/Field/Select/appearance/default.js +1 -0
  58. package/dist/form/Field/Select/index.js +1 -0
  59. package/dist/form/Field/Switch/FormFieldSwitch.js +1 -0
  60. package/dist/form/Field/Switch/appearance/default.js +1 -0
  61. package/dist/form/Field/Switch/index.js +1 -0
  62. package/dist/form/Field/Textarea/FormFieldTextarea.js +1 -0
  63. package/dist/form/Field/Textarea/appearance/default.js +1 -0
  64. package/dist/form/Field/Textarea/index.js +1 -0
  65. package/dist/form/Field/index.js +1 -0
  66. package/dist/form/FieldWrapper/FieldWrapper.js +1 -0
  67. package/dist/form/FieldWrapper/appearance/default.js +1 -0
  68. package/dist/form/FieldWrapper/index.js +1 -0
  69. package/dist/form/Form/FinalForm.js +1 -0
  70. package/dist/form/generator/generateField.constants.js +1 -0
  71. package/dist/form/generator/generateField.js +1 -0
  72. package/dist/form/generator/generateFormButtons.js +1 -0
  73. package/dist/form/generator/index.js +1 -0
  74. package/dist/form/index.js +1 -0
  75. package/dist/index.js +1 -0
  76. package/dist/types/constants/index.d.ts +4 -0
  77. package/dist/types/constants/messages.constant.d.ts +75 -0
  78. package/dist/types/constants/messages.interface.d.ts +8 -0
  79. package/dist/types/form/Field/Before/FormFieldBefore.constants.d.ts +16 -0
  80. package/dist/types/form/Field/Before/FormFieldBefore.d.ts +3 -0
  81. package/dist/types/form/Field/Before/FormFieldBefore.interface.d.ts +25 -0
  82. package/dist/types/form/Field/Before/index.d.ts +4 -0
  83. package/dist/types/form/Field/Checkbox/FormFieldCheckbox.d.ts +4 -0
  84. package/dist/types/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts +22 -0
  85. package/dist/types/form/Field/Checkbox/appearance/default.d.ts +3 -0
  86. package/dist/types/form/Field/Checkbox/index.d.ts +4 -0
  87. package/dist/types/form/Field/Chips/FormFieldChips.d.ts +3 -0
  88. package/dist/types/form/Field/Chips/FormFieldChips.interface.d.ts +28 -0
  89. package/dist/types/form/Field/Chips/appearance/default.d.ts +4 -0
  90. package/dist/types/form/Field/Chips/index.d.ts +4 -0
  91. package/dist/types/form/Field/Choice/FormFieldChoice.d.ts +4 -0
  92. package/dist/types/form/Field/Choice/FormFieldChoice.interface.d.ts +24 -0
  93. package/dist/types/form/Field/Choice/appearance/default.d.ts +4 -0
  94. package/dist/types/form/Field/Choice/index.d.ts +4 -0
  95. package/dist/types/form/Field/Code/FormFieldCode.d.ts +4 -0
  96. package/dist/types/form/Field/Code/FormFieldCode.interface.d.ts +20 -0
  97. package/dist/types/form/Field/Code/appearance/default.d.ts +4 -0
  98. package/dist/types/form/Field/Code/index.d.ts +4 -0
  99. package/dist/types/form/Field/ColorInput/FormFieldColorInput.d.ts +4 -0
  100. package/dist/types/form/Field/ColorInput/FormFieldColorInput.interface.d.ts +20 -0
  101. package/dist/types/form/Field/ColorInput/appearance/default.d.ts +4 -0
  102. package/dist/types/form/Field/ColorInput/index.d.ts +4 -0
  103. package/dist/types/form/Field/Custom/FormFieldCustom.d.ts +4 -0
  104. package/dist/types/form/Field/Custom/FormFieldCustom.interface.d.ts +19 -0
  105. package/dist/types/form/Field/Custom/index.d.ts +4 -0
  106. package/dist/types/form/Field/Dadata/FormFieldDadataInput.d.ts +4 -0
  107. package/dist/types/form/Field/Dadata/FormFieldDadataInput.interface.d.ts +21 -0
  108. package/dist/types/form/Field/Dadata/appearance/default.d.ts +3 -0
  109. package/dist/types/form/Field/Dadata/index.d.ts +4 -0
  110. package/dist/types/form/Field/DatePicker/FormFieldDatePicker.d.ts +3 -0
  111. package/dist/types/form/Field/DatePicker/FormFieldDatePicker.interface.d.ts +20 -0
  112. package/dist/types/form/Field/DatePicker/appearance/default.d.ts +15 -0
  113. package/dist/types/form/Field/DatePicker/index.d.ts +4 -0
  114. package/dist/types/form/Field/FileInput/FormFieldFileInput.d.ts +4 -0
  115. package/dist/types/form/Field/FileInput/FormFieldFileInput.interface.d.ts +20 -0
  116. package/dist/types/form/Field/FileInput/appearance/default.d.ts +3 -0
  117. package/dist/types/form/Field/FileInput/index.d.ts +4 -0
  118. package/dist/types/form/Field/Group/FormGroup.d.ts +4 -0
  119. package/dist/types/form/Field/Group/FormGroup.interface.d.ts +53 -0
  120. package/dist/types/form/Field/Group/appearance/default.d.ts +3 -0
  121. package/dist/types/form/Field/Group/index.d.ts +5 -0
  122. package/dist/types/form/Field/Input/FormFieldInput.d.ts +4 -0
  123. package/dist/types/form/Field/Input/FormFieldInput.interface.d.ts +28 -0
  124. package/dist/types/form/Field/Input/appearance/default.d.ts +4 -0
  125. package/dist/types/form/Field/Input/index.d.ts +4 -0
  126. package/dist/types/form/Field/InputNumber/FormFieldInputNumber.d.ts +4 -0
  127. package/dist/types/form/Field/InputNumber/FormFieldInputNumber.interface.d.ts +22 -0
  128. package/dist/types/form/Field/InputNumber/appearance/default.d.ts +4 -0
  129. package/dist/types/form/Field/InputNumber/index.d.ts +4 -0
  130. package/dist/types/form/Field/MaskedInput/FormFieldMaskedInput.d.ts +4 -0
  131. package/dist/types/form/Field/MaskedInput/FormFieldMaskedInput.interface.d.ts +30 -0
  132. package/dist/types/form/Field/MaskedInput/appearance/default.d.ts +4 -0
  133. package/dist/types/form/Field/MaskedInput/index.d.ts +4 -0
  134. package/dist/types/form/Field/Password/FormFieldPassword.d.ts +4 -0
  135. package/dist/types/form/Field/Password/FormFieldPassword.interface.d.ts +20 -0
  136. package/dist/types/form/Field/Password/appearance/default.d.ts +4 -0
  137. package/dist/types/form/Field/Password/index.d.ts +4 -0
  138. package/dist/types/form/Field/RadioGroup/FormFieldRadioGroup.d.ts +4 -0
  139. package/dist/types/form/Field/RadioGroup/FormFieldRadioGroup.interface.d.ts +31 -0
  140. package/dist/types/form/Field/RadioGroup/FormFieldRadioGroupList.d.ts +4 -0
  141. package/dist/types/form/Field/RadioGroup/appearance/default.d.ts +3 -0
  142. package/dist/types/form/Field/RadioGroup/index.d.ts +4 -0
  143. package/dist/types/form/Field/Segmented/FormFieldSegmented.d.ts +3 -0
  144. package/dist/types/form/Field/Segmented/FormFieldSegmented.interface.d.ts +20 -0
  145. package/dist/types/form/Field/Segmented/appearance/default.d.ts +4 -0
  146. package/dist/types/form/Field/Segmented/index.d.ts +4 -0
  147. package/dist/types/form/Field/Select/FormFieldSelect.d.ts +4 -0
  148. package/dist/types/form/Field/Select/FormFieldSelect.interface.d.ts +38 -0
  149. package/dist/types/form/Field/Select/appearance/default.d.ts +4 -0
  150. package/dist/types/form/Field/Select/index.d.ts +4 -0
  151. package/dist/types/form/Field/Switch/FormFieldSwitch.d.ts +5 -0
  152. package/dist/types/form/Field/Switch/FormFieldSwitch.interface.d.ts +20 -0
  153. package/dist/types/form/Field/Switch/appearance/default.d.ts +3 -0
  154. package/dist/types/form/Field/Switch/index.d.ts +4 -0
  155. package/dist/types/form/Field/Textarea/FormFieldTextarea.d.ts +4 -0
  156. package/dist/types/form/Field/Textarea/FormFieldTextarea.interface.d.ts +18 -0
  157. package/dist/types/form/Field/Textarea/appearance/default.d.ts +3 -0
  158. package/dist/types/form/Field/Textarea/index.d.ts +4 -0
  159. package/dist/types/form/Field/index.d.ts +42 -0
  160. package/dist/types/form/FieldWrapper/FieldWrapper.d.ts +4 -0
  161. package/dist/types/form/FieldWrapper/FieldWrapper.interface.d.ts +90 -0
  162. package/dist/types/form/FieldWrapper/appearance/default.d.ts +7 -0
  163. package/dist/types/form/FieldWrapper/index.d.ts +5 -0
  164. package/dist/types/form/Form/FinalForm.d.ts +5 -0
  165. package/dist/types/form/Form/FinalForm.interface.d.ts +112 -0
  166. package/dist/types/form/generator/generateField.constants.d.ts +23 -0
  167. package/dist/types/form/generator/generateField.d.ts +3 -0
  168. package/dist/types/form/generator/generateField.interface.d.ts +45 -0
  169. package/dist/types/form/generator/generateFormButtons.d.ts +3 -0
  170. package/dist/types/form/generator/index.d.ts +3 -0
  171. package/dist/types/form/index.d.ts +4 -0
  172. package/dist/types/index.d.ts +2 -0
  173. package/package.json +79 -4
  174. package/README.md +0 -3
@@ -0,0 +1 @@
1
+ const e="FormFieldBefore",t={title:{dataTestId:"FormFieldBeforeTitle"},label:{dataTestId:"FormFieldBeforeLabel"},desc:{dataTestId:"FormFieldBeforeDesc"},after:{dataTestId:"FormFieldBeforeAfter"}};export{e as FORM_FIELD_BEFORE_DATA_TEST_ID,t as FORM_FIELD_BEFORE_LABELS};
@@ -0,0 +1 @@
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import i from"clsx";import{Group as l}from"@itcase/ui-web/components/Group";import{Text as o}from"@itcase/ui-web/components/Text";import{Title as a}from"@itcase/ui-web/components/Title";import{FORM_FIELD_BEFORE_DATA_TEST_ID as r,FORM_FIELD_BEFORE_LABELS as s}from"./FormFieldBefore.constants.js";function d(d){const{className:c,dataTestId:n,type:m="text",title:f,titleTextColor:x,titleTextSize:T,titleTextWeight:h,label:_,labelHidden:b,labelTextColor:p,labelTextSize:g,labelTextWeight:z,desc:I,descTextColor:u,descTextSize:$,descTextWeight:N,after:C,children:W}=d,v="title"===m,w=Boolean(f),B=Boolean(_||b),S=v?w:B,j="string"==typeof I&&I.length>0;if(!(S||j||C||W))return null;const y=n?`${n}Before`:r,F=n?`${n}After`:s.after.dataTestId,A=n?`${n}Desc`:s.desc.dataTestId,D=n?`${n}Label`:s.label.dataTestId,G=n?`${n}Title`:s.title.dataTestId;return e(l,{className:i("form-field__before",c),dataTestId:y,width:"fill",direction:"horizontal",alignItems:"center",gap:"1.5m",children:[(S||j)&&e(l,{className:"form-field__before-content",direction:"vertical",children:[v&&w&&t("div",{className:i("form-field__label",`text_size_${T}`),children:t(a,{dataTestId:G,size:T,text:f,textColor:x,textWeight:h})}),!v&&B&&t("div",{className:i("form-field__label",`text_size_${g}`),"data-testid":D,children:e(o,{size:g,textColor:p,textWeight:z,children:[_,b&&" "]})}),j&&t("div",{className:i("form-field__desc",`text_size_${$}`),"data-testid":A,children:t(o,{size:$,text:I,textColor:u,textWeight:N})})]}),C&&t(l,{className:"form-field__before-after",dataTestId:F,direction:"horizontal",alignItems:"center",gap:"1.5m",children:C}),W]})}export{d as FormFieldBefore};
@@ -0,0 +1 @@
1
+ export{FormFieldBefore}from"./FormFieldBefore.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";import"./FormFieldBefore.constants.js";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r,{useCallback as o}from"react";import i from"clsx";import{Field as t}from"react-final-form";import{useFieldValidationState as a,useValidationAppearanceInputProps as s}from"@itcase/forms-core";import{Checkbox as c}from"@itcase/ui-web/components/Checkbox";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as n}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";const m=r.memo(function(r){const{dataTestId:m,name:p,initialValue:l,classNameGroupItem:u,fieldProps:d={},inputProps:f={},showMessage:h,isDisabled:b,isRequired:k,onChange:g}=r;return e(t,{type:"checkbox",name:p,initialValue:l,children:function({input:r,meta:t}){const p=o(e=>{e&&(r.onChange(e),g&&g(e.target.checked,r.name))},[g,r.onChange]),{errorKey:l,errorMessage:x,successKey:F,isErrorState:w,isValidState:v}=a({fieldProps:d,input:{...r,value:r.checked},meta:t}),B=s({inputProps:f,validationStateKey:w?l:v?F:null});return e(n,{className:i("form-field-checkbox","form__item_checkbox",u),dataTestId:m,errorKey:l,errorMessage:x,fieldClassName:"form-checkbox",inputName:r.name,inputValue:r.checked,metaActive:t.active,metaError:t.error,showMessage:h,tag:"label",isDisabled:b,isErrorState:w,isRequired:k,isValidState:v,...d,children:e(c,{checked:r.checked,isActive:r.checked,isDisabled:b,onBlur:r.onBlur,onChange:p,onFocus:r.onFocus,...B})})}})});export{m as FormFieldCheckbox};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeL solid rounded",requiredAppearance:"requirePrimary sizeL solid rounded",successAppearance:"successPrimary sizeL solid rounded"};export{r as defaultCheckboxProps};
@@ -0,0 +1 @@
1
+ export{defaultCheckboxProps}from"./appearance/default.js";export{FormFieldCheckbox}from"./FormFieldCheckbox.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Checkbox";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{useCallback as i,useEffect as r,useMemo as t}from"react";import o from"clsx";import{useForm as s,Field as a}from"react-final-form";import{useFieldValidationState as l,useValidationAppearanceInputProps as m}from"@itcase/forms-core";import{ChipsGroup as n,Chips as p}from"@itcase/ui-web/components/Chips";import{Text as c}from"@itcase/ui-web/components/Text";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as u}from"../../FieldWrapper/FieldWrapper.js";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Divider";import"../Before/FormFieldBefore.js";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Title";import"../Before/FormFieldBefore.constants.js";function d(d){const{dataTestId:f,name:h,initialValue:v,classNameGroupItem:g,emptyMessage:b,emptyMessageTextColor:w,emptyMessageTextSize:_,fieldProps:x,inputProps:y,options:F,showMessage:M,isDisabled:S,isRequired:C,onChange:T}=d,{change:j}=s(),D=i((e,i)=>{const r=e.includes(i)?e.filter(e=>e!==i):[...e,i];j(h,r),T&&T(r)},[j,h,T]);return r(()=>{v&&j(h,v)},[v]),e(a,{name:h,initialValue:v,children:function({input:i,meta:r}){const{errorKey:s,errorMessage:a,successKey:d,isErrorState:h,isValidState:v}=l({fieldProps:x,input:i,meta:r}),T=m({inputProps:y,validationStateKey:h?s:v?d:null}),j=t(()=>{const e=F.filter(e=>i.value?.includes(e.value));return e.length>0?e:[{label:null,value:null}]},[i.value]);return e(u,{className:o("form-field_chips","form__item_chips",g),dataTestId:f,errorKey:s,errorMessage:a,fieldClassName:"form-chips",inputName:i.name,inputValue:String(i.value??""),metaActive:r.active,metaError:r.error,showMessage:M,isDisabled:S,isErrorState:h,isRequired:C,isValidState:v,...x,children:F?.length?e(n,{direction:"horizontal",gap:"1m",wrap:"wrap",children:F.map(t=>e(p,{className:o(r.active&&"form-chips_state_focus",r.error&&r.touched&&`form-chips_state_${s}`),label:t.label,isActive:t.isActive||j.some(e=>e.value===t.value),isDisabled:t.isDisabled,onClick:()=>D(i.value,t.value),...T},t.value))}):e(c,{size:_,textColor:w,children:b})})}})}export{d as FormFieldChips};
@@ -0,0 +1 @@
1
+ const r={appearance:"surfacePrimary sizeM outlined rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"warningPrimary sizeM solid rounded"},e={appearance:"surfacePrimary sizeXL outlined rounded",width:"fill",errorAppearance:"errorPrimary sizeXL solid rounded",requiredAppearance:"warningPrimary sizeXL solid rounded"};export{r as defaultChipsProps,e as defaultChipsPropsSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultChipsProps,defaultChipsPropsSizeXL}from"./appearance/default.js";export{FormFieldChips}from"./FormFieldChips.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Chips";import"@itcase/ui-web/components/Text";import"../../FieldWrapper/appearance/default.js";import"../../FieldWrapper/FieldWrapper.js";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Divider";import"../Before/FormFieldBefore.js";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Title";import"../Before/FormFieldBefore.constants.js";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import i,{useCallback as r,useMemo as o}from"react";import t from"clsx";import{useForm as a,Field as s}from"react-final-form";import{useFieldValidationState as m,useValidationAppearanceInputProps as c}from"@itcase/forms-core";import{Choice as n}from"@itcase/ui-web/components/Choice";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as l}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";const p=i.memo(function(i){const{dataTestId:p,name:u,initialValue:f,label:d,classNameGroupItem:h,fieldProps:v,inputProps:b,options:g,showMessage:_,isDisabled:w,isCheckbox:F,isRequired:S,onChange:x}=i,{change:j}=a(),C=r((e,i)=>{j(u,i&&e.value),x&&x(e.value,u,i)},[j,x]);return e(s,{name:u,initialValue:f,children:function({input:i,meta:r}){const a=o(()=>{const e=g.find(e=>e.value===i.value);return e||{value:null}},[i.value]),{errorKey:s,errorMessage:u,successKey:f,isErrorState:x,isValidState:j}=m({fieldProps:v,input:i,meta:r}),N=c({inputProps:b,validationStateKey:x?s:j?f:null});return e(l,{className:t("form-field_choice","form__item_choice",h),dataTestId:p,label:d,errorKey:s,errorMessage:u,fieldClassName:"form-choice",inputName:i.name,inputValue:String(i.value??""),metaActive:r.active,metaError:r.error,showMessage:_,isDisabled:w,isErrorState:x,isRequired:S,isValidState:j,...v,children:e(n,{className:t(r.active&&"form-choice_state_focus",r.error&&r.touched&&`form-choice_state_${s}`),name:i.name,active:a,options:g,isDisabled:w,isCheckbox:F,setActiveSegment:C,...N})})}})});export{p as FormFieldChoice};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeL solid rounded",requiredAppearance:"requirePrimary sizeL solid rounded",successAppearance:"successPrimary sizeL solid rounded"};export{r as defaultChoiceProps,e as defaultChoicePropsSizeL};
@@ -0,0 +1 @@
1
+ export{defaultChoiceProps,defaultChoicePropsSizeL}from"./appearance/default.js";export{FormFieldChoice}from"./FormFieldChoice.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Choice";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import i from"react";import r from"clsx";import{Field as o}from"react-final-form";import{useFieldValidationState as t,useValidationAppearanceInputProps as a}from"@itcase/forms-core";import{Code as s}from"@itcase/ui-web/components/Code";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as m}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";const n=i.memo(function(i){const{dataTestId:n,name:l,initialValue:p,label:c,classNameGroupItem:u,fieldProps:d={},inputProps:f={},showMessage:b,isDisabled:F,isRequired:g}=i;return e(o,{name:l,initialValue:p,children:function({input:i,meta:o}){const{errorKey:l,errorMessage:p,successKey:h,isErrorState:w,isValidState:v}=t({fieldProps:d,input:i,meta:o}),B=a({inputProps:f,validationStateKey:w?l:v?h:null});return e(m,{className:r("form-field-code","form__item_code",u),dataTestId:n,label:c,errorKey:l,errorMessage:p,fieldClassName:"form-code",inputName:i.name,inputValue:String(i.value??""),metaActive:o.active,showMessage:b,isDisabled:F,isErrorState:w,isRequired:g,isValidState:v,...d,children:e(s,{initialValue:i.value,isDisabled:F,onBlur:i.onBlur,onChange:i.onChange,onFocus:i.onFocus,...B})})}})});export{n as FormFieldCode};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeL solid rounded",requiredAppearance:"requirePrimary sizeL solid rounded",successAppearance:"successPrimary sizeL solid rounded"};export{r as defaultCodeProps,e as defaultCodePropsSizeL};
@@ -0,0 +1 @@
1
+ export{defaultCodeProps,defaultCodePropsSizeL}from"./appearance/default.js";export{FormFieldCode}from"./FormFieldCode.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Code";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r,{useCallback as i}from"react";import t from"clsx";import{Field as o}from"react-final-form";import{useFieldValidationState as a,useValidationAppearanceInputProps as s}from"@itcase/forms-core";import{ColorInput as n}from"@itcase/ui-web/components/ColorInput";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as m}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";const p=r.memo(function(r){const{dataTestId:p,name:l,initialValue:u,classNameGroupItem:c,fieldProps:d={},inputProps:f={},showMessage:g,isDisabled:b,isRequired:h,onChange:v}=r;return e(o,{name:l,initialValue:u,children:function({input:r,meta:o}){const l=i(e=>{r.onChange(e),v&&v(e)},[r,v]),{errorKey:u,errorMessage:w,successKey:F,isErrorState:S,isValidState:C}=a({fieldProps:d,input:r,meta:o}),I=s({inputProps:f,validationStateKey:S?u:C?F:null});return e(m,{className:t("form-field_input","form__item_input",c),dataTestId:p,errorKey:u,errorMessage:w,fieldClassName:"form-input",inputName:r.name,inputValue:String(r.value??""),metaActive:o.active,metaError:o.error,showMessage:g,isDisabled:b,isErrorState:S,isRequired:h,isValidState:C,...d,children:e(n,{dataTestId:`${p}ColorInput`,value:String(r.value??""),isDisabled:b,onChange:l,...I})})}})});export{p as FormFieldColorInput};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeXL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeXL solid rounded",requiredAppearance:"requirePrimary sizeXL solid rounded",successAppearance:"successPrimary sizeXL solid rounded"};export{r as defaultColorInputProps,e as defaultColorInputPropsSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultColorInputProps,defaultColorInputPropsSizeXL}from"./appearance/default.js";export{FormFieldColorInput}from"./FormFieldColorInput.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/ColorInput";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"react";import o from"clsx";import{Field as t}from"react-final-form";import{useFieldValidationState as a,useValidationAppearanceInputProps as s}from"@itcase/forms-core";import{Icon as m}from"@itcase/ui-web/components/Icon";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as n}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";const c=r.memo(function(r){const{dataTestId:c,name:l,initialValue:p,classNameGroupItem:d,clearIcon:u,clearIconFill:f,clearIconFillHover:F,clearIconShape:I,clearIconSize:g,Component:v,fieldProps:S={},showMessage:b,isDisabled:h,isHidden:w,isRequired:_,onClickClearIcon:j}=r;return e(t,{name:l,initialValue:p,children:function({input:t,meta:l}){const{errorKey:p,errorMessage:y,isErrorState:C,isValidState:N}=a({fieldProps:S,input:t,meta:l}),V=s({inputProps:r,validationStateKey:C?p:"success"}),x="string"==typeof u?u:void 0,B=u&&"string"!=typeof u?u:void 0;return i(n,{className:o("form-field_custom","form__item_custom",d),dataTestId:c,errorKey:p,errorMessage:y,fieldClassName:"form-custom",inputName:t.name,inputValue:String(t.value??""),metaActive:l.active,metaError:l.error,showMessage:b,isDisabled:h,isErrorState:C,isHidden:w,isRequired:_,isValidState:N,...S,children:[e(v,{...V,input:t,meta:l,isDisabled:h}),u&&e(m,{className:"form-field__icon",size:g,iconFill:f,iconFillHover:F,imageSrc:x,shape:I,SvgImage:B,onClick:j})]})}})});export{c as FormFieldCustom};
@@ -0,0 +1 @@
1
+ export{FormFieldCustom}from"./FormFieldCustom.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Icon";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import t from"react";import r from"clsx";import{Field as i}from"react-final-form";import{useFieldValidationState as o,useValidationAppearanceInputProps as a}from"@itcase/forms-core";import{Dadata as s}from"@itcase/ui-web/components/Dadata";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as n}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";const m=t.memo(function(t){const{dataTestId:m,name:p,initialValue:d,classNameGroupItem:l,fieldProps:c,inputProps:u,parse:f,showMessage:w,token:F,isDisabled:g,isRequired:b,onDadataAutocomplete:D}=t;if("development"===process.env.NODE_ENV){const e=`Check your form config at field "${p}".`;if(!F){throw new Error(`FormFieldDadataInput: 'token' prop is missing, instead got ${F}.`+"\n"+e)}if(!D){throw new Error(`FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got ${D}.`+"\n"+e)}}return e(i,{name:p,initialValue:d,parse:f,children:function({input:t,meta:i}){const{errorKey:p,errorMessage:d,successKey:f,isErrorState:h,isValidState:v}=o({fieldProps:c,input:t,meta:i}),E=a({inputProps:u,validationStateKey:h?p:v?f:null});return e(n,{className:r("form-field_input-dadata","form__item_input-dadata",l),dataTestId:m,errorKey:p,errorMessage:d,fieldClassName:"form-dadata",inputName:t.name,inputValue:String(t.value??""),metaActive:i.active,metaError:i.error,showMessage:w,isDisabled:g,isErrorState:h,isRequired:b,isValidState:v,...c,children:e(s,{dataTestId:`${m}Input`,input:t,inputProps:{...E,disabled:g||E?.disabled},meta:i,token:F,setValue:D})})}})});export{m as FormFieldDadataInput};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"};export{r as defaultDadataInputProps};
@@ -0,0 +1 @@
1
+ export{defaultDadataInputProps}from"./appearance/default.js";export{FormFieldDadataInput}from"./FormFieldDadataInput.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Dadata";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{useCallback as r}from"react";import t from"clsx";import{Field as a}from"react-final-form";import{useFieldValidationState as o,useValidationAppearanceInputProps as i}from"@itcase/forms-core";import{DatePickerInput as s}from"@itcase/ui-web/components/DatePicker";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as n}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 m(m){const{dataTestId:p,name:c,classNameGroupItem:l,datePickerProps:u,fieldProps:d={},inputProps:f={},showMessage:g,isDisabled:h,isRequired:D,onChange:P}=m;return e(a,{name:c,children:function({input:a,meta:m}){const c=r((e,r)=>{u?.selectsRange?a.onChange({endDate:r,startDate:e}):a.onChange(e),P&&P(e,r)},[a.onChange,P]),{errorKey:b,errorMessage:v,successKey:F,isErrorState:k,isValidState:w}=o({fieldProps:d,input:a,meta:m}),B=i({inputProps:f,validationStateKey:k?b:w?F:null});return e(n,{className:t("form-field_datepicker","form__item_datepicker",l),dataTestId:p,errorKey:b,errorMessage:v,fieldClassName:"form-datepicker",inputName:a.name,inputValue:String(a.value??""),metaActive:m.active,metaError:m.error,showMessage:g,isDisabled:h,isErrorState:k,isRequired:D,isValidState:w,...d,children:e(s,{name:a.name,datePickerProps:u,endValue:u?.selectsRange?a.value.endDate:null,inputProps:{...B,isDisabled:h||B.isDisabled},value:u?.selectsRange?a.value.startDate:a.value,onBlur:a.onBlur,onChange:c,onFocus:a.onFocus})})}})}export{m as FormFieldDatePicker};
@@ -0,0 +1 @@
1
+ const e={appearance:"surfacePrimary sizeM solid rounded",dateFormat:"dd/MM/yyyy - HH:mm",readOnly:!1,selectsRange:!1,showTimeSelect:!0,timeCaption:"Время",timeFormat:"p",timeIntervals:60,isClearable:!0,isStartDefaultNull:!0},r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"};export{r as defaultDatepickerInputProps,e as defaultDatepickerProps};
@@ -0,0 +1 @@
1
+ export{defaultDatepickerInputProps,defaultDatepickerProps}from"./appearance/default.js";export{FormFieldDatePicker}from"./FormFieldDatePicker.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/DatePicker";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r,{useCallback as o,useMemo as i}from"react";import t from"clsx";import a from"lodash/castArray";import{Field as s}from"react-final-form";import{useFieldValidationState as m,useValidationAppearanceInputProps as n}from"@itcase/forms-core";import{Dropzone as p}from"@itcase/ui-web/components/Dropzone";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as l}from"../../FieldWrapper/FieldWrapper.js";import{defaultDropzoneProps as d}from"./appearance/default.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";const c=r.memo(function(r){const{dataTestId:c,type:u,name:f,width:F,maxFiles:v,label:h,classNameGroupItem:w,dropzoneProps:y,fieldProps:b={},inputProps:P={},showMessage:g,isDisabled:x,isRequired:j,onClickPreview:z,onAddFiles:A,onDeleteFile:D,..._}=r,C={...d,..._,...P};return e(s,{name:f,children:function({input:r,meta:s}){const{errorKey:d,errorMessage:u,successKey:f,isErrorState:P,isValidState:_}=m({fieldProps:b,input:r,meta:s}),N=n({inputProps:C,validationStateKey:P?d:_?f:null}),S=y?.maxFiles??v??5,B=o(e=>{r.onChange(1===S?e[0]:e)},[r,S]),K=i(()=>null==r.value||""===r.value?[]:a(r.value),[r.value]);return e(l,{className:t("form-field_type_dropzone","form__item_type_dropzone",w),dataTestId:c,width:F,label:h,errorKey:d,errorMessage:u,fieldClassName:"form-dropzone",inputName:r.name,inputValue:(M=r.value,Array.isArray(M)?M.length>0?M:"":M??""),metaActive:s.active,metaError:s.error,showMessage:g,isDisabled:x,isErrorState:P,isRequired:j,isValidState:_,...b,children:e(p,{...N,maxFiles:v,dropzoneProps:y,fieldValuesList:K,inputName:r.name,onClickPreview:z,onAddFiles:A,onChangeFiles:B,onDeleteFile:D})});var M}})});export{c as FormFieldFileInput};
@@ -0,0 +1 @@
1
+ const e={appearance:"defaultSecondary sizeM solid rounded",errorAppearance:"errorTertiary sizeM solid rounded",requiredAppearance:"requireTertiary sizeM solid rounded",showFilename:!0,showFileSize:!0,successAppearance:"successTertiary sizeM solid rounded",isPreviews:!0};export{e as defaultDropzoneProps};
@@ -0,0 +1 @@
1
+ export{defaultDropzoneProps}from"./appearance/default.js";export{FormFieldFileInput}from"./FormFieldFileInput.js";import"react/jsx-runtime";import"react";import"clsx";import"lodash/castArray";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Dropzone";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import s from"react";import r from"clsx";import{Field as i}from"react-final-form";import{useFieldValidationState as o,useValidationAppearanceInputProps as l}from"@itcase/forms-core";import{useDevicePropsGenerator as a,useStyles as m}from"@itcase/ui-core/hooks";import{Text as c}from"@itcase/ui-web/components/Text";import{Title as n}from"@itcase/ui-web/components/Title";const d=s.memo(function(d){const{className:f,dataTestId:_,name:g,title:p,titleTextColor:h,titleTextSize:u,titleTextWeight:x,label:T,labelTextColor:v,labelTextSize:C,labelTextWeight:$,message:b,messageTextColor:z,messageTextSize:N,messageTextWeight:W,column:S,showGroupMessage:y,before:I,after:w,isActive:M,isDisabled:A,isHidden:H,children:D}=d,E=a(d),{fillActiveClass:G,fillActiveHoverClass:K,fillClass:P,fillDisabledClass:j,fillHoverClass:k,shapeClass:B}=E,{styles:F}=m(d);return e(i,{name:g,children:function({input:i,meta:a}){const{errorKey:m,errorMessage:E,isErrorState:L}=o({fieldProps:d,input:i,meta:a}),q=l({inputProps:d,validationStateKey:L?m:"success"});return t("div",{className:r("form__group",f,H&&"form__group_hidden",A?j&&`fill_${j}`:M?G&&`fill_active_${G}`:P&&`fill_${P}`,A?j&&`fill_${j}`:M?K&&`fill_active_hover_${K}`:k&&`fill_hover_${k}`,B&&`shape_${B}`,S&&`form__group_column_${S}`),"data-testid":_,style:F,children:[t("div",{className:"form__group-wrapper",children:[I,p&&e("div",{className:"form__group-title",children:e(n,{dataTestId:`${_}Title`,size:u,textColor:h,textWeight:x,children:p})}),T&&e("div",{className:"form__group-label",children:e(c,{dataTestId:`${_}Label`,size:C,textColor:v,textWeight:$,children:T})}),e("div",{className:"form__group-items",children:D}),w]}),y&&t(s.Fragment,{children:[L&&E&&e(c,{className:`form__group-message form__group-message_type-${m}`,dataTestId:`${_}MessageError`,size:q.messageTextSize,textColor:q.messageTextColor,textWeight:q.messageTextWeight,children:E}),Boolean(b)&&(!L||!E)&&e(c,{className:"form__group-message",dataTestId:`${g}GroupMessage`,size:N,textColor:z,textWeight:W,children:b}),!L&&!b&&e(c,{className:"form__group-message",size:N,children:" "})]})]})}})});export{d as FormGroup};
@@ -0,0 +1 @@
1
+ const e={width:"fill",labelTextSize:"s",messageTextColor:"surfaceTextPrimary",messageTextSize:"s",errorMessageTextColor:"errorTextSecondary",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextColor:"warningTextSecondary",requiredMessageTextSize:"s"};export{e as defaultGroupProps};
@@ -0,0 +1 @@
1
+ export{defaultGroupProps}from"./appearance/default.js";export{FormGroup}from"./FormGroup.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";
@@ -0,0 +1 @@
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import r,{useCallback as t}from"react";import i from"clsx";import{Field as a}from"react-final-form";import{useFieldValidationState as s,useValidationAppearanceInputProps as n}from"@itcase/forms-core";import{Icon as c}from"@itcase/ui-web/components/Icon";import{Input as m}from"@itcase/ui-web/components/Input";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";const l=r.memo(function(r){const{dataTestId:l,name:u,initialValue:d,classNameGroupItem:f,clearIcon:I,clearIconFill:g,clearIconFillHover:v,clearIconShape:F,clearIconSize:h,fieldProps:S={},inputProps:_={},parse:b,showMessage:w,isDisabled:y,isRequired:C,onClickClearIcon:B,onChange:N}=r;return e(a,{name:u,initialValue:d,parse:b,children:function({input:r,meta:a}){const u=t(e=>{r.onChange(e),N&&N(e.target.value,r.name)},[N,r]),{errorKey:d,errorMessage:b,successKey:T,isErrorState:j,isValidState:x}=s({fieldProps:S,input:r,meta:a}),V=n({inputProps:_,validationStateKey:j?d:x?T:null}),D="string"==typeof I?I:void 0,K=I&&"string"!=typeof I?I:void 0;return o(p,{className:i("form-field_input","form__item_input",f),dataTestId:l,errorKey:d,errorMessage:b,fieldClassName:"form-input",inputName:r.name,inputValue:String(r.value??""),metaActive:a.active,metaError:a.error,showMessage:w,isDisabled:y,isErrorState:j,isRequired:C,isValidState:x,...S,children:[e(m,{className:i(a.active&&"input_state_focus",a.error&&a.touched&&`input_state_${d}`),dataTestId:`${l}Input`,type:"text",name:r.name,autocomplete:"off",value:String(r.value??""),isDisabled:y,onBlur:r.onBlur,onChange:u,onFocus:r.onFocus,...V}),I&&e(c,{className:"form-field__icon",dataTestId:`${l}InputIcon`,size:h,iconFill:g,iconFillHover:v,imageSrc:D,shape:F,SvgImage:K,onClick:B})]})}})});export{l as FormFieldInput};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeXL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeXL solid rounded",requiredAppearance:"requirePrimary sizeXL solid rounded",successAppearance:"successPrimary sizeXL solid rounded"};export{r as defaultInputProps,e as defaultInputPropsSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultInputProps,defaultInputPropsSizeXL}from"./appearance/default.js";export{FormFieldInput}from"./FormFieldInput.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Icon";import"@itcase/ui-web/components/Input";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r,{useCallback as t}from"react";import i from"clsx";import{Field as o}from"react-final-form";import{useFieldValidationState as a,useValidationAppearanceInputProps as s}from"@itcase/forms-core";import{InputNumber as m}from"@itcase/ui-web/components/InputNumber";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as n}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";const p=r.memo(function(r){const{dataTestId:p,name:u,initialValue:c,classNameGroupItem:l,fieldProps:d={},inputProps:f={},inputType:b="custom",parse:g,showMessage:h,isDisabled:v,isRequired:F,onChange:N}=r;return e(o,{name:u,initialValue:c,parse:g,children:function({input:r,meta:o}){const u=t(e=>{r.onChange(e),N&&N(String(e))},[N,r]),{errorKey:c,errorMessage:g,successKey:_,isErrorState:w,isValidState:S}=a({fieldProps:d,input:r,meta:o}),y=s({inputProps:f,validationStateKey:w?c:S?_:null});return e(n,{className:i("form-field_input-number","form__item_input-number",l),dataTestId:p,errorKey:c,errorMessage:g,fieldClassName:"form-input-number",inputName:r.name,inputValue:String(r.value??""),metaActive:o.active,metaError:o.error,showMessage:h,isDisabled:v,isErrorState:w,isRequired:F,isValidState:S,...d,children:e(m,{className:i(o.active&&"input_state_focus",(o.submitFailed||o.touched)&&o.error&&`input_state_${c}`),dataTestId:`${p}InputNumber`,type:b,name:r.name,value:Number(r.value)||0,onChange:u,...y})})}})});export{p as FormFieldInputNumber};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeXL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeXL solid rounded",requiredAppearance:"requirePrimary sizeXL solid rounded",successAppearance:"successPrimary sizeXL solid rounded"};export{r as defaultInputNumberProps,e as defaultInputNumberPropsSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultInputNumberProps,defaultInputNumberPropsSizeXL}from"./appearance/default.js";export{FormFieldInputNumber}from"./FormFieldInputNumber.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/InputNumber";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import o,{useEffect as i}from"react";import t from"clsx";import{Field as a}from"react-final-form";import{useIMask as s}from"react-imask";import{useFieldValidationState as n,useValidationAppearanceInputProps as m}from"@itcase/forms-core";import{Icon as c}from"@itcase/ui-web/components/Icon";import{Input as l}from"@itcase/ui-web/components/Input";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";const u=o.memo(function(o){const{dataTestId:u,name:d,initialValue:f,classNameGroupItem:I,clearIcon:v,clearIconFill:F,clearIconFillHover:k,clearIconShape:g,clearIconSize:S,fieldProps:_={},inputProps:b={},optionsMask:h,showMessage:V,unmasked:w,isDisabled:y,isRequired:B,onClickClearIcon:N}=o;return e(a,{name:d,initialValue:f,children:function({input:o,meta:a}){const{ref:d,unmaskedValue:j,setUnmaskedValue:C}=s(h,{defaultValue:f,onAccept:(e,r,i)=>{i&&o.onChange(r._unmaskedValue)}});i(()=>{o.value!==j&&C(o.value.replace(w,""))},[o.value]);const{errorKey:M,errorMessage:T,successKey:x,isErrorState:D,isValidState:K}=n({fieldProps:_,input:o,meta:a}),P=m({inputProps:b,validationStateKey:D?M:K?x:null}),E="string"==typeof v?v:void 0,W=v&&"string"!=typeof v?v:void 0;return r(p,{className:t("form-field-masked-input","form__item_masked-input",I),dataTestId:u,errorKey:M,errorMessage:T,fieldClassName:"form-maskedInput",inputName:o.name,inputValue:String(o.value??w??""),metaActive:a.active,metaError:a.error,showMessage:V,isDisabled:y,isErrorState:D,isRequired:B,isValidState:K,..._,children:[e(l,{className:t(a.active&&"input_state_focus",a.error&&a.touched&&`input_state_${M}`),dataTestId:`${u}Input`,ref:d,isDisabled:y,onBlur:o.onBlur,onFocus:o.onFocus,...P}),v&&e(c,{className:"form-field__icon",size:S,iconFill:F,iconFillHover:k,imageSrc:E,shape:g,SvgImage:W,onClick:N})]})}})});export{u as FormFieldMaskedInput};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeXL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeXL solid rounded",requiredAppearance:"requirePrimary sizeXL solid rounded",successAppearance:"successPrimary sizeXL solid rounded"};export{r as defaultMaskedInputProps,e as defaultMaskedInputPropsSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultMaskedInputProps,defaultMaskedInputPropsSizeXL}from"./appearance/default.js";export{FormFieldMaskedInput}from"./FormFieldMaskedInput.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"react-imask";import"@itcase/forms-core";import"@itcase/ui-web/components/Icon";import"@itcase/ui-web/components/Input";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r,{useCallback as o}from"react";import t from"clsx";import{Field as a}from"react-final-form";import{useFieldValidationState as i,useValidationAppearanceInputProps as s}from"@itcase/forms-core";import{InputPassword as n}from"@itcase/ui-web/components/InputPassword";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";const m=r.memo(function(r){const{dataTestId:m,name:u,initialValue:c,classNameGroupItem:l,fieldProps:d,inputProps:f,parse:w,showMessage:g,isDisabled:h,isRequired:v,onChange:F}=r;return e(a,{name:u,initialValue:c,parse:w,children:function({input:r,meta:a}){const u=o(e=>{r.onChange(e),F&&F(e.target.value,r.name)},[F,r.onChange]),{errorKey:c,errorMessage:w,successKey:b,isErrorState:_,isValidState:S}=i({fieldProps:d,input:r,meta:a}),B=s({inputProps:f,validationStateKey:_?c:S?b:null});return e(p,{className:t("form-field_input-password","form__item_input-password",l),dataTestId:m,errorKey:c,errorMessage:w,fieldClassName:"form-password",inputName:r.name,inputValue:String(r.value??""),metaActive:a.active,metaError:a.error,showMessage:g,isDisabled:h,isErrorState:_,isRequired:v,isValidState:S,...d,children:e(n,{className:t(a.active&&"input-password_state_focus",a.error&&a.touched&&`input-password_state_${c}`),dataTestId:`${m}InputPassword`,name:r.name,autoComplete:"nope",value:String(r.value??""),isDisabled:h,onBlur:r.onBlur,onChange:u,onFocus:r.onFocus,...B})})}})});export{m as FormFieldPassword};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeXL solid rounded",errorAppearance:"errorPrimary sizeXL solid rounded",requiredAppearance:"requirePrimary sizeXL solid rounded",successAppearance:"successPrimary sizeXL solid rounded"};export{r as defaultPasswordProps,e as defaultPasswordPropsSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultPasswordProps,defaultPasswordPropsSizeXL}from"./appearance/default.js";export{FormFieldPassword}from"./FormFieldPassword.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/InputPassword";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r from"react";import i from"clsx";import{Field as o}from"react-final-form";import{useFieldValidationState as t,useValidationAppearanceInputProps as a}from"@itcase/forms-core";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as s}from"../../FieldWrapper/FieldWrapper.js";import{FormFieldRadioGroupList as m}from"./FormFieldRadioGroupList.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";import"@itcase/ui-web/components/Radio";const n=r.memo(function(r){const{dataTestId:n,name:p,initialValue:c,classNameGroupItem:l,fieldProps:d={},inputProps:u={},options:f=[],showMessage:F,isDisabled:b,isRequired:g,onChange:h}=r;return e(o,{name:p,initialValue:c,children:function({input:r,meta:o}){const{errorKey:p,errorMessage:c,successKey:w,isErrorState:j,isValidState:S}=t({fieldProps:d,input:r,meta:o}),v=a({inputProps:u,validationStateKey:j?p:S?w:null});return e(s,{className:i("form-field_radio","form__item_radio",l),dataTestId:n,errorKey:p,errorMessage:c,fieldClassName:"form-radio",inputName:r.name,inputValue:String(r.value??""),metaActive:o.active,metaError:o.error,showMessage:F,isDisabled:b,isErrorState:j,isRequired:g,isValidState:S,...d,children:e(m,{input:r,inputProps:v,options:f,isDisabled:b,onChange:h})})}})});export{n as FormFieldRadioGroup};
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import a,{useCallback as t}from"react";import{Radio as o}from"@itcase/ui-web/components/Radio";function n(n){const{input:r,inputProps:i,options:c,isDisabled:l,onChange:m}=n,s=t(e=>{r.onChange(e),m&&m(e,r.name)},[r,m]),u=t(e=>{e.target.checked&&s(e.target.value)},[m]);return e(a.Fragment,{children:c.map(a=>e(o,{className:"form-radio__item",label:a.label,desc:a.desc,checked:a.value===r.value,value:a.value,isDisabled:l,onChange:u,...i},a.value))})}export{n as FormFieldRadioGroupList};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid circular",errorAppearance:"errorPrimary sizeM solid circular",requiredAppearance:"requirePrimary sizeM solid circular",successAppearance:"successPrimary sizeM solid circular"};export{r as defaultRadioProps};
@@ -0,0 +1 @@
1
+ export{defaultRadioProps}from"./appearance/default.js";export{FormFieldRadioGroup}from"./FormFieldRadioGroup.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"../../FieldWrapper/appearance/default.js";import"../../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";import"./FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{useCallback as t,useMemo as r}from"react";import i from"clsx";import{useForm as o,Field as a}from"react-final-form";import{useFieldValidationState as s,useValidationAppearanceInputProps as n}from"@itcase/forms-core";import{Segmented as m}from"@itcase/ui-web/components/Segmented";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as l}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 p(p){const{dataTestId:u,name:c,initialValue:d,fieldProps:f,inputProps:g,options:v,showMessage:S,isDisabled:b,isRequired:w}=p,{change:F}=o(),h=t(e=>{F(c,e.value)},[F]);return e(a,{name:c,initialValue:d,children:function({input:t,meta:o}){const a=r(()=>{const e={label:null,value:null};if(t.value){return v.find(e=>e.value===t.value)||e}return e},[t.value]),{errorKey:p,errorMessage:c,successKey:d,isErrorState:F,isValidState:j}=s({fieldProps:f,input:t,meta:o}),T=n({inputProps:g,validationStateKey:F?p:j?d:null});return e(l,{className:i("form-field_segmented","form__item_segmented"),dataTestId:u,errorKey:p,errorMessage:c,fieldClassName:"form-segmented",inputName:t.name,inputValue:String(t.value??""),metaActive:o.active,metaError:o.error,showMessage:S,isDisabled:b,isErrorState:F,isRequired:w,isValidState:j,...f,children:e(m,{dataTestId:`${u}Segment`,activeSegment:a,segments:v,isDisabled:b,setActiveSegment:h,...T})})}})}export{p as FormFieldSegmented};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeL solid rounded",width:"fill",errorAppearance:"errorPrimary sizeL solid rounded",requiredAppearance:"requirePrimary sizeL solid rounded",successAppearance:"successPrimary sizeL solid rounded"};export{r as defaultSegmentedProps,e as defaultSegmentedPropsSizeL};
@@ -0,0 +1 @@
1
+ export{defaultSegmentedProps,defaultSegmentedPropsSizeL}from"./appearance/default.js";export{FormFieldSegmented}from"./FormFieldSegmented.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Segmented";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +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));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};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},e={appearance:"defaultPrimary sizeXL solid rounded",errorAppearance:"errorPrimary sizeXL solid rounded",requiredAppearance:"requirePrimary sizeXL solid rounded",successAppearance:"successPrimary sizeXL solid rounded"};export{r as defaultSelectProps,e as defaultSelectPropsSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultSelectProps,defaultSelectPropsSizeXL}from"./appearance/default.js";export{FormFieldSelect}from"./FormFieldSelect.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Select";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r,{useCallback as t}from"react";import i from"clsx";import{Field as o}from"react-final-form";import{useFieldValidationState as a,useValidationAppearanceInputProps as s}from"@itcase/forms-core";import{Switch as m}from"@itcase/ui-web/components/Switch";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as c}from"../../FieldWrapper/FieldWrapper.js";export{defaultSwitchProps}from"./appearance/default.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";const n=r.memo(function(r){const{dataTestId:n,name:p,initialValue:l,classNameGroupItem:d,fieldProps:u={},inputProps:f={},showMessage:h,isDisabled:w,isRequired:b,onChange:g}=r;return e(o,{type:"checkbox",name:p,initialValue:l,children:function({input:r,meta:o}){const p=t(e=>{r.onChange(e),g&&g(e.target.checked,r.name)},[g,r.onChange]),{errorKey:l,errorMessage:F,successKey:S,isErrorState:j,isValidState:k}=a({fieldProps:u,input:{...r,value:r.checked},meta:o}),v=s({inputProps:f,validationStateKey:j?l:k?S:null});return e(c,{className:i("form-field-switch","form__item_switch",d),dataTestId:n,errorKey:l,errorMessage:F,fieldClassName:"form-switch",inputName:r.name,inputValue:r.checked,metaActive:o.active,metaError:o.error,showMessage:h,tag:"label",isDisabled:w,isErrorState:j,isRequired:b,isValidState:k,...u,children:e(m,{isActive:r.checked,isDisabled:w,onChange:p,...v})})}})});export{n as FormFieldSwitch};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeL solid rounded",errorAppearance:"errorPrimary sizeL solid rounded",requiredAppearance:"requirePrimary sizeL solid rounded",successAppearance:"successPrimary sizeL solid rounded"};export{r as defaultSwitchProps};
@@ -0,0 +1 @@
1
+ export{defaultSwitchProps}from"./appearance/default.js";export{FormFieldSwitch}from"./FormFieldSwitch.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Switch";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"clsx";import{Field as a}from"react-final-form";import{useFieldValidationState as o,useValidationAppearanceInputProps as i}from"@itcase/forms-core";import{Textarea as s}from"@itcase/ui-web/components/Textarea";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as m}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";const n=r.memo(function(r){const{dataTestId:n,name:p,initialValue:c,classNameGroupItem:l,fieldProps:u={},inputProps:d={},showMessage:f,isDisabled:x,isRequired:F}=r;return e(a,{name:p,initialValue:c,children:function({input:r,meta:a}){const{errorKey:p,errorMessage:c,successKey:b,isErrorState:g,isValidState:h}=o({fieldProps:u,input:r,meta:a}),v=i({inputProps:d,validationStateKey:g?p:h?b:null});return e(m,{className:t("form-field_textarea","form__item_textarea",l),dataTestId:n,errorKey:p,errorMessage:c,fieldClassName:"form-textarea",inputName:r.name,inputValue:String(r.value??""),metaActive:a.active,metaError:a.error,showMessage:f,isDisabled:x,isErrorState:g,isRequired:F,isValidState:h,...u,children:e(s,{className:t(a.active&&"textarea_state_focus",a.error&&a.touched&&`textarea_state_${p}`),dataTestId:`${n}Textarea`,name:r.name,value:String(r.value??""),isDisabled:x,onBlur:r.onBlur,onChange:r.onChange,onFocus:r.onFocus,...v})})}})});export{n as FormFieldTextarea};
@@ -0,0 +1 @@
1
+ const r={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"};export{r as defaultTextareaProps};
@@ -0,0 +1 @@
1
+ export{defaultTextareaProps}from"./appearance/default.js";export{FormFieldTextarea}from"./FormFieldTextarea.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Textarea";import"../../FieldWrapper/appearance/default.js";import"../../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";
@@ -0,0 +1 @@
1
+ export{Field}from"react-final-form";export{FormFieldBefore}from"./Before/FormFieldBefore.js";export{defaultCheckboxProps}from"./Checkbox/appearance/default.js";export{FormFieldCheckbox}from"./Checkbox/FormFieldCheckbox.js";export{defaultChipsProps,defaultChipsPropsSizeXL}from"./Chips/appearance/default.js";export{FormFieldChips}from"./Chips/FormFieldChips.js";export{defaultChoiceProps,defaultChoicePropsSizeL}from"./Choice/appearance/default.js";export{FormFieldChoice}from"./Choice/FormFieldChoice.js";export{defaultCodeProps,defaultCodePropsSizeL}from"./Code/appearance/default.js";export{FormFieldCode}from"./Code/FormFieldCode.js";export{defaultColorInputProps,defaultColorInputPropsSizeXL}from"./ColorInput/appearance/default.js";export{FormFieldColorInput}from"./ColorInput/FormFieldColorInput.js";export{FormFieldCustom}from"./Custom/FormFieldCustom.js";export{defaultDadataInputProps}from"./Dadata/appearance/default.js";export{FormFieldDadataInput}from"./Dadata/FormFieldDadataInput.js";export{defaultDatepickerInputProps,defaultDatepickerProps}from"./DatePicker/appearance/default.js";export{FormFieldDatePicker}from"./DatePicker/FormFieldDatePicker.js";export{defaultDropzoneProps}from"./FileInput/appearance/default.js";export{FormFieldFileInput}from"./FileInput/FormFieldFileInput.js";export{defaultGroupProps}from"./Group/appearance/default.js";export{FormGroup}from"./Group/FormGroup.js";export{defaultInputProps,defaultInputPropsSizeXL}from"./Input/appearance/default.js";export{FormFieldInput}from"./Input/FormFieldInput.js";export{defaultInputNumberProps,defaultInputNumberPropsSizeXL}from"./InputNumber/appearance/default.js";export{FormFieldInputNumber}from"./InputNumber/FormFieldInputNumber.js";export{defaultMaskedInputProps,defaultMaskedInputPropsSizeXL}from"./MaskedInput/appearance/default.js";export{FormFieldMaskedInput}from"./MaskedInput/FormFieldMaskedInput.js";export{defaultPasswordProps,defaultPasswordPropsSizeXL}from"./Password/appearance/default.js";export{FormFieldPassword}from"./Password/FormFieldPassword.js";export{defaultRadioProps}from"./RadioGroup/appearance/default.js";export{FormFieldRadioGroup}from"./RadioGroup/FormFieldRadioGroup.js";export{defaultSegmentedProps,defaultSegmentedPropsSizeL}from"./Segmented/appearance/default.js";export{FormFieldSegmented}from"./Segmented/FormFieldSegmented.js";export{defaultSelectProps,defaultSelectPropsSizeXL}from"./Select/appearance/default.js";export{FormFieldSelect}from"./Select/FormFieldSelect.js";export{defaultSwitchProps}from"./Switch/appearance/default.js";export{FormFieldSwitch}from"./Switch/FormFieldSwitch.js";export{defaultTextareaProps}from"./Textarea/appearance/default.js";export{FormFieldTextarea}from"./Textarea/FormFieldTextarea.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";import"./Before/FormFieldBefore.constants.js";import"react";import"@itcase/forms-core";import"@itcase/ui-web/components/Checkbox";import"../FieldWrapper/appearance/default.js";import"../FieldWrapper/FieldWrapper.js";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Divider";import"@itcase/ui-web/components/Chips";import"@itcase/ui-web/components/Choice";import"@itcase/ui-web/components/Code";import"@itcase/ui-web/components/ColorInput";import"@itcase/ui-web/components/Icon";import"@itcase/ui-web/components/Dadata";import"@itcase/ui-web/components/DatePicker";import"lodash/castArray";import"@itcase/ui-web/components/Dropzone";import"@itcase/ui-web/components/Input";import"@itcase/ui-web/components/InputNumber";import"react-imask";import"@itcase/ui-web/components/InputPassword";import"./RadioGroup/FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Select";import"@itcase/ui-web/components/Switch";import"@itcase/ui-web/components/Textarea";
@@ -0,0 +1 @@
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEffect as i,useMemo as s}from"react";import r from"clsx";import{useForm as a}from"react-final-form";import{useDevicePropsGenerator as l,useStyles as o}from"@itcase/ui-core/hooks";import{Divider as m}from"@itcase/ui-web/components/Divider";import{Text as d}from"@itcase/ui-web/components/Text";import{FormFieldBefore as _}from"../Field/Before/FormFieldBefore.js";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Title";import"../Field/Before/FormFieldBefore.constants.js";function f(i){const{className:a,dataTestId:f,type:c,label:n,labelHidden:p,labelTextColor:x,labelTextSize:g,labelTextWeight:h,messageTextSize:T,desc:u,descTextColor:b,descTextSize:N,descTextWeight:C,afterItem:$,beforeItem:z,dividerDirection:v,dividerFill:S,dividerSize:w,dividerWidth:y,errorKey:F,errorMessage:M,fieldClassName:W,helpText:I,helpTextColor:B,helpTextColorSuccess:H,helpTextSize:D,helpTextWeight:E,inputName:j,inputValue:V,metaActive:q,metaError:k,showDivider:A,showMessage:G,tag:K="div",before:R,after:J,isDisabled:L,isErrorState:O,isHidden:P,isRequired:Q,isValidState:U,children:X}=i,Y=s(()=>r(a,U&&"form__item_state_success",Q&&"form__item_state_required",L&&"form__item_state_disabled",q&&"form__item_state_focus",V&&"form__item_state_filled",O&&`form__item_state_${F}`),[a,O,U,Q,q,V,L,k]),Z=s(()=>r(W,U&&`${W}_state_success`,q&&`${W}_state_focus`,V&&`${W}_state_filled`,L&&`${W}_state_disabled`,O&&`${W}_state_${F}`),[W,O,U,q,V,L,k]),ee=l(i),te=ee.getClassName("size",{prefix:"form-field_size_"}),ie=ee.getClassName("fill",{prefix:"fill_"}),se=ee.getClassName("inputFill",{prefix:"fill_"}),re=ee.getClassName("shape",{prefix:"form-field_shape_"}),ae=ee.getClassName("inputShape",{prefix:"form-field__item-value_shape_"}),le=ee.getClassName("direction",{prefix:"direction_"}),oe=ee.getClassName("width",{prefix:"width_"}),{styles:me}=o(i),de=i[`${F}MessageTextSize`],_e=i[`${F}MessageTextColor`],fe=i[`${F}MessageTextWeight`],ce=`${f||`${j}Field`}Message`;return t(K,{className:r(Y,"form__item","form-field",c?`form-field_type_${c}`:"form-field_type_classic",te,ie,re,L&&"form-field_state_disabled",P&&"form-field_state_hidden",le,oe),"data-testid":f,style:me,children:[e(_,{dataTestId:f,label:n,labelHidden:p,labelTextColor:x,labelTextSize:g,labelTextWeight:h,desc:u,descTextColor:b,descTextSize:N,descTextWeight:C,after:R}),t("div",{className:r("form-field__content",se,ae),children:[t("div",{className:r("form-field__content-inner",Z),children:[z,X,$]}),A&&e(m,{className:"form-field__item-divider",width:y,direction:v,size:w,fill:S})]}),G&&t("div",{className:r("form-field__message",`text_size_${de||D||T}`),"data-testid":ce,children:[O&&M&&e(d,{className:"form-field__message-item form-field__message-item_type-error",dataTestId:`${f}MessageError`,size:de,textColor:_e,textWeight:fe,children:M}),Boolean(I)&&(!O||!M)&&e(d,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${f}MessageHelpText`,size:D,textColor:U?H:B,textWeight:E,children:I}),(!O&&!I||O&&!I&&!M)&&e(d,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${f}MessageHelpText`,size:T,children:" "})]}),J]})}function c(t){const{inputName:s}=t,r=a();return i(()=>()=>{const{lastSubmittedValues:e,submitError:t,submitting:i}=r.getState();e||t||i||r.change(s,void 0)},[]),e(f,{...t})}export{c as FieldWrapper,f as FieldWrapperBase};
@@ -0,0 +1 @@
1
+ const e={width:"fill",direction:"vertical",labelTextColor:"surfaceTextPrimary",messageTextColor:"surfaceTextSecondary",descTextColor:"surfaceTextSecondary",descTextSize:"s",dividerFill:"errorPrimary",errorMessageTextColor:"errorTextSecondary",helpTextColor:"surfaceTextQuaternary",requiredMessageTextColor:"warningTextSecondary",showMessage:!0},s={size:"s",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...e},r={size:"m",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...e},i={size:"l",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...e},t={size:"xl",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...e};export{e as defaultFieldProps,i as defaultFieldSizeL,r as defaultFieldSizeM,s as defaultFieldSizeS,t as defaultFieldSizeXL};
@@ -0,0 +1 @@
1
+ export{defaultFieldProps,defaultFieldSizeL,defaultFieldSizeM,defaultFieldSizeS,defaultFieldSizeXL}from"./appearance/default.js";export{FieldWrapper,FieldWrapperBase}from"./FieldWrapper.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Divider";import"@itcase/ui-web/components/Text";import"../Field/Before/FormFieldBefore.js";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Title";import"../Field/Before/FormFieldBefore.constants.js";
@@ -0,0 +1 @@
1
+ import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Loader";import"@itcase/ui-web/components/Notification";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";export{F as default}from"../../FinalForm_CDnQeCDK.js";import"../generator/generateFormButtons.js";import"../Field/Checkbox/FormFieldCheckbox.js";import"@itcase/ui-web/components/Checkbox";import"../FieldWrapper/appearance/default.js";import"../FieldWrapper/FieldWrapper.js";import"@itcase/ui-web/components/Divider";import"../Field/Before/FormFieldBefore.js";import"../Field/Before/FormFieldBefore.constants.js";import"../Field/Chips/FormFieldChips.js";import"@itcase/ui-web/components/Chips";import"../Field/Choice/FormFieldChoice.js";import"@itcase/ui-web/components/Choice";import"../Field/Code/FormFieldCode.js";import"@itcase/ui-web/components/Code";import"../Field/ColorInput/FormFieldColorInput.js";import"@itcase/ui-web/components/ColorInput";import"../Field/Custom/FormFieldCustom.js";import"@itcase/ui-web/components/Icon";import"../Field/Dadata/FormFieldDadataInput.js";import"@itcase/ui-web/components/Dadata";import"../Field/DatePicker/FormFieldDatePicker.js";import"@itcase/ui-web/components/DatePicker";import"../Field/FileInput/FormFieldFileInput.js";import"lodash/castArray";import"@itcase/ui-web/components/Dropzone";import"../Field/FileInput/appearance/default.js";import"../Field/Group/FormGroup.js";import"../Field/Input/FormFieldInput.js";import"@itcase/ui-web/components/Input";import"../Field/InputNumber/FormFieldInputNumber.js";import"@itcase/ui-web/components/InputNumber";import"../Field/MaskedInput/FormFieldMaskedInput.js";import"react-imask";import"../Field/Password/FormFieldPassword.js";import"@itcase/ui-web/components/InputPassword";import"../Field/RadioGroup/FormFieldRadioGroup.js";import"../Field/RadioGroup/FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";import"../Field/Segmented/FormFieldSegmented.js";import"@itcase/ui-web/components/Segmented";import"../Field/Select/FormFieldSelect.js";import"@itcase/ui-web/components/Select";import"../Field/Switch/FormFieldSwitch.js";import"@itcase/ui-web/components/Switch";import"../Field/Switch/appearance/default.js";import"../Field/Textarea/FormFieldTextarea.js";import"@itcase/ui-web/components/Textarea";
@@ -0,0 +1 @@
1
+ import"@itcase/forms-core";import"react-final-form";import"react/jsx-runtime";import"clsx";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";import"../Field/Checkbox/FormFieldCheckbox.js";import"../Field/Chips/FormFieldChips.js";import"../Field/Choice/FormFieldChoice.js";import"../Field/Code/FormFieldCode.js";import"../Field/ColorInput/FormFieldColorInput.js";import"../Field/Custom/FormFieldCustom.js";import"../Field/Dadata/FormFieldDadataInput.js";import"../Field/DatePicker/FormFieldDatePicker.js";import"../Field/FileInput/FormFieldFileInput.js";import"../Field/Group/FormGroup.js";import"../Field/Input/FormFieldInput.js";import"../Field/InputNumber/FormFieldInputNumber.js";import"../Field/MaskedInput/FormFieldMaskedInput.js";import"../Field/Password/FormFieldPassword.js";import"../Field/RadioGroup/FormFieldRadioGroup.js";import"../Field/Segmented/FormFieldSegmented.js";import"../Field/Select/FormFieldSelect.js";import"../Field/Switch/FormFieldSwitch.js";import"../Field/Textarea/FormFieldTextarea.js";import"../FieldWrapper/appearance/default.js";import"react";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Divider";export{a as FORM_FIELDS}from"../../FinalForm_CDnQeCDK.js";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Checkbox";import"../FieldWrapper/FieldWrapper.js";import"../Field/Before/FormFieldBefore.js";import"../Field/Before/FormFieldBefore.constants.js";import"@itcase/ui-web/components/Chips";import"@itcase/ui-web/components/Choice";import"@itcase/ui-web/components/Code";import"@itcase/ui-web/components/ColorInput";import"@itcase/ui-web/components/Icon";import"@itcase/ui-web/components/Dadata";import"@itcase/ui-web/components/DatePicker";import"lodash/castArray";import"@itcase/ui-web/components/Dropzone";import"../Field/FileInput/appearance/default.js";import"@itcase/ui-web/components/Input";import"@itcase/ui-web/components/InputNumber";import"react-imask";import"@itcase/ui-web/components/InputPassword";import"../Field/RadioGroup/FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Select";import"@itcase/ui-web/components/Switch";import"../Field/Switch/appearance/default.js";import"@itcase/ui-web/components/Textarea";import"@itcase/ui-web/components/Loader";import"@itcase/ui-web/components/Notification";import"./generateFormButtons.js";
@@ -0,0 +1 @@
1
+ import"@itcase/forms-core";export{g as generateField}from"../../FinalForm_CDnQeCDK.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Loader";import"@itcase/ui-web/components/Notification";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";import"../Field/Checkbox/FormFieldCheckbox.js";import"@itcase/ui-web/components/Checkbox";import"../FieldWrapper/appearance/default.js";import"../FieldWrapper/FieldWrapper.js";import"@itcase/ui-web/components/Divider";import"../Field/Before/FormFieldBefore.js";import"../Field/Before/FormFieldBefore.constants.js";import"../Field/Chips/FormFieldChips.js";import"@itcase/ui-web/components/Chips";import"../Field/Choice/FormFieldChoice.js";import"@itcase/ui-web/components/Choice";import"../Field/Code/FormFieldCode.js";import"@itcase/ui-web/components/Code";import"../Field/ColorInput/FormFieldColorInput.js";import"@itcase/ui-web/components/ColorInput";import"../Field/Custom/FormFieldCustom.js";import"@itcase/ui-web/components/Icon";import"../Field/Dadata/FormFieldDadataInput.js";import"@itcase/ui-web/components/Dadata";import"../Field/DatePicker/FormFieldDatePicker.js";import"@itcase/ui-web/components/DatePicker";import"../Field/FileInput/FormFieldFileInput.js";import"lodash/castArray";import"@itcase/ui-web/components/Dropzone";import"../Field/FileInput/appearance/default.js";import"../Field/Group/FormGroup.js";import"../Field/Input/FormFieldInput.js";import"@itcase/ui-web/components/Input";import"../Field/InputNumber/FormFieldInputNumber.js";import"@itcase/ui-web/components/InputNumber";import"../Field/MaskedInput/FormFieldMaskedInput.js";import"react-imask";import"../Field/Password/FormFieldPassword.js";import"@itcase/ui-web/components/InputPassword";import"../Field/RadioGroup/FormFieldRadioGroup.js";import"../Field/RadioGroup/FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";import"../Field/Segmented/FormFieldSegmented.js";import"@itcase/ui-web/components/Segmented";import"../Field/Select/FormFieldSelect.js";import"@itcase/ui-web/components/Select";import"../Field/Switch/FormFieldSwitch.js";import"@itcase/ui-web/components/Switch";import"../Field/Switch/appearance/default.js";import"../Field/Textarea/FormFieldTextarea.js";import"@itcase/ui-web/components/Textarea";import"./generateFormButtons.js";
@@ -0,0 +1 @@
1
+ import{createElement as t}from"react";import{formTypes as e}from"@itcase/forms-core";import{Button as o}from"@itcase/ui-web/components/Button";function a(a,i){switch(a.type){case e.primaryButton:return t(o,{...a,className:"form__button-item",dataTestId:a.dataTestId||"FormPrimaryButton",key:i.key,width:"fill",htmlType:i.primaryButtonHtmlType||"submit",isDisabled:i.primaryButtonIsDisabled,isLoading:i.primaryButtonIsLoading});case e.secondaryButton:return t(o,{...a,className:"form__button-item",dataTestId:a.dataTestId||"FormSecondaryButton",key:i.key,width:"fill",htmlType:i.secondaryButtonHtmlType,isDisabled:i.secondaryButtonIsDisabled,isLoading:i.secondaryButtonIsLoading,onClick:i.onClickSecondaryButton});case e.tertiaryButton:return t(o,{...a,className:"form__button-item",dataTestId:a.dataTestId||"FormTertiaryButton",key:i.key,width:"fill",htmlType:i.tertiaryButtonHtmlType,isDisabled:i.tertiaryButtonIsDisabled,isLoading:i.tertiaryButtonIsLoading,onClick:i.onClickTertiaryButton})}}export{a as generateFormButtons};
@@ -0,0 +1 @@
1
+ export{g as generateField}from"../../FinalForm_CDnQeCDK.js";export{generateFormButtons}from"./generateFormButtons.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Loader";import"@itcase/ui-web/components/Notification";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";import"../Field/Checkbox/FormFieldCheckbox.js";import"@itcase/ui-web/components/Checkbox";import"../FieldWrapper/appearance/default.js";import"../FieldWrapper/FieldWrapper.js";import"@itcase/ui-web/components/Divider";import"../Field/Before/FormFieldBefore.js";import"../Field/Before/FormFieldBefore.constants.js";import"../Field/Chips/FormFieldChips.js";import"@itcase/ui-web/components/Chips";import"../Field/Choice/FormFieldChoice.js";import"@itcase/ui-web/components/Choice";import"../Field/Code/FormFieldCode.js";import"@itcase/ui-web/components/Code";import"../Field/ColorInput/FormFieldColorInput.js";import"@itcase/ui-web/components/ColorInput";import"../Field/Custom/FormFieldCustom.js";import"@itcase/ui-web/components/Icon";import"../Field/Dadata/FormFieldDadataInput.js";import"@itcase/ui-web/components/Dadata";import"../Field/DatePicker/FormFieldDatePicker.js";import"@itcase/ui-web/components/DatePicker";import"../Field/FileInput/FormFieldFileInput.js";import"lodash/castArray";import"@itcase/ui-web/components/Dropzone";import"../Field/FileInput/appearance/default.js";import"../Field/Group/FormGroup.js";import"../Field/Input/FormFieldInput.js";import"@itcase/ui-web/components/Input";import"../Field/InputNumber/FormFieldInputNumber.js";import"@itcase/ui-web/components/InputNumber";import"../Field/MaskedInput/FormFieldMaskedInput.js";import"react-imask";import"../Field/Password/FormFieldPassword.js";import"@itcase/ui-web/components/InputPassword";import"../Field/RadioGroup/FormFieldRadioGroup.js";import"../Field/RadioGroup/FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";import"../Field/Segmented/FormFieldSegmented.js";import"@itcase/ui-web/components/Segmented";import"../Field/Select/FormFieldSelect.js";import"@itcase/ui-web/components/Select";import"../Field/Switch/FormFieldSwitch.js";import"@itcase/ui-web/components/Switch";import"../Field/Switch/appearance/default.js";import"../Field/Textarea/FormFieldTextarea.js";import"@itcase/ui-web/components/Textarea";
@@ -0,0 +1 @@
1
+ export{Field}from"react-final-form";export{FormFieldBefore}from"./Field/Before/FormFieldBefore.js";export{defaultCheckboxProps}from"./Field/Checkbox/appearance/default.js";export{FormFieldCheckbox}from"./Field/Checkbox/FormFieldCheckbox.js";export{defaultChipsProps,defaultChipsPropsSizeXL}from"./Field/Chips/appearance/default.js";export{FormFieldChips}from"./Field/Chips/FormFieldChips.js";export{defaultChoiceProps,defaultChoicePropsSizeL}from"./Field/Choice/appearance/default.js";export{FormFieldChoice}from"./Field/Choice/FormFieldChoice.js";export{defaultCodeProps,defaultCodePropsSizeL}from"./Field/Code/appearance/default.js";export{FormFieldCode}from"./Field/Code/FormFieldCode.js";export{defaultColorInputProps,defaultColorInputPropsSizeXL}from"./Field/ColorInput/appearance/default.js";export{FormFieldColorInput}from"./Field/ColorInput/FormFieldColorInput.js";export{FormFieldCustom}from"./Field/Custom/FormFieldCustom.js";export{defaultDadataInputProps}from"./Field/Dadata/appearance/default.js";export{FormFieldDadataInput}from"./Field/Dadata/FormFieldDadataInput.js";export{defaultDatepickerInputProps,defaultDatepickerProps}from"./Field/DatePicker/appearance/default.js";export{FormFieldDatePicker}from"./Field/DatePicker/FormFieldDatePicker.js";export{defaultDropzoneProps}from"./Field/FileInput/appearance/default.js";export{FormFieldFileInput}from"./Field/FileInput/FormFieldFileInput.js";export{defaultGroupProps}from"./Field/Group/appearance/default.js";export{FormGroup}from"./Field/Group/FormGroup.js";export{defaultInputProps,defaultInputPropsSizeXL}from"./Field/Input/appearance/default.js";export{FormFieldInput}from"./Field/Input/FormFieldInput.js";export{defaultInputNumberProps,defaultInputNumberPropsSizeXL}from"./Field/InputNumber/appearance/default.js";export{FormFieldInputNumber}from"./Field/InputNumber/FormFieldInputNumber.js";export{defaultMaskedInputProps,defaultMaskedInputPropsSizeXL}from"./Field/MaskedInput/appearance/default.js";export{FormFieldMaskedInput}from"./Field/MaskedInput/FormFieldMaskedInput.js";export{defaultPasswordProps,defaultPasswordPropsSizeXL}from"./Field/Password/appearance/default.js";export{FormFieldPassword}from"./Field/Password/FormFieldPassword.js";export{defaultRadioProps}from"./Field/RadioGroup/appearance/default.js";export{FormFieldRadioGroup}from"./Field/RadioGroup/FormFieldRadioGroup.js";export{defaultSegmentedProps,defaultSegmentedPropsSizeL}from"./Field/Segmented/appearance/default.js";export{FormFieldSegmented}from"./Field/Segmented/FormFieldSegmented.js";export{defaultSelectProps,defaultSelectPropsSizeXL}from"./Field/Select/appearance/default.js";export{FormFieldSelect}from"./Field/Select/FormFieldSelect.js";export{defaultSwitchProps}from"./Field/Switch/appearance/default.js";export{FormFieldSwitch}from"./Field/Switch/FormFieldSwitch.js";export{defaultTextareaProps}from"./Field/Textarea/appearance/default.js";export{FormFieldTextarea}from"./Field/Textarea/FormFieldTextarea.js";export{defaultFieldProps,defaultFieldSizeL,defaultFieldSizeM,defaultFieldSizeS,defaultFieldSizeXL}from"./FieldWrapper/appearance/default.js";export{FieldWrapper,FieldWrapperBase}from"./FieldWrapper/FieldWrapper.js";export{F as FinalForm,g as generateField}from"../FinalForm_CDnQeCDK.js";export{generateFormButtons}from"./generator/generateFormButtons.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";import"./Field/Before/FormFieldBefore.constants.js";import"react";import"@itcase/forms-core";import"@itcase/ui-web/components/Checkbox";import"@itcase/ui-web/components/Chips";import"@itcase/ui-web/components/Choice";import"@itcase/ui-web/components/Code";import"@itcase/ui-web/components/ColorInput";import"@itcase/ui-web/components/Icon";import"@itcase/ui-web/components/Dadata";import"@itcase/ui-web/components/DatePicker";import"lodash/castArray";import"@itcase/ui-web/components/Dropzone";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Input";import"@itcase/ui-web/components/InputNumber";import"react-imask";import"@itcase/ui-web/components/InputPassword";import"./Field/RadioGroup/FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Select";import"@itcase/ui-web/components/Switch";import"@itcase/ui-web/components/Textarea";import"@itcase/ui-web/components/Divider";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Loader";import"@itcase/ui-web/components/Notification";
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ export{DEFAULT_MESSAGES_FIELDS}from"./constants/index.js";export{Field}from"react-final-form";export{FormFieldBefore}from"./form/Field/Before/FormFieldBefore.js";export{defaultCheckboxProps}from"./form/Field/Checkbox/appearance/default.js";export{FormFieldCheckbox}from"./form/Field/Checkbox/FormFieldCheckbox.js";export{defaultChipsProps,defaultChipsPropsSizeXL}from"./form/Field/Chips/appearance/default.js";export{FormFieldChips}from"./form/Field/Chips/FormFieldChips.js";export{defaultChoiceProps,defaultChoicePropsSizeL}from"./form/Field/Choice/appearance/default.js";export{FormFieldChoice}from"./form/Field/Choice/FormFieldChoice.js";export{defaultCodeProps,defaultCodePropsSizeL}from"./form/Field/Code/appearance/default.js";export{FormFieldCode}from"./form/Field/Code/FormFieldCode.js";export{defaultColorInputProps,defaultColorInputPropsSizeXL}from"./form/Field/ColorInput/appearance/default.js";export{FormFieldColorInput}from"./form/Field/ColorInput/FormFieldColorInput.js";export{FormFieldCustom}from"./form/Field/Custom/FormFieldCustom.js";export{defaultDadataInputProps}from"./form/Field/Dadata/appearance/default.js";export{FormFieldDadataInput}from"./form/Field/Dadata/FormFieldDadataInput.js";export{defaultDatepickerInputProps,defaultDatepickerProps}from"./form/Field/DatePicker/appearance/default.js";export{FormFieldDatePicker}from"./form/Field/DatePicker/FormFieldDatePicker.js";export{defaultDropzoneProps}from"./form/Field/FileInput/appearance/default.js";export{FormFieldFileInput}from"./form/Field/FileInput/FormFieldFileInput.js";export{defaultGroupProps}from"./form/Field/Group/appearance/default.js";export{FormGroup}from"./form/Field/Group/FormGroup.js";export{defaultInputProps,defaultInputPropsSizeXL}from"./form/Field/Input/appearance/default.js";export{FormFieldInput}from"./form/Field/Input/FormFieldInput.js";export{defaultInputNumberProps,defaultInputNumberPropsSizeXL}from"./form/Field/InputNumber/appearance/default.js";export{FormFieldInputNumber}from"./form/Field/InputNumber/FormFieldInputNumber.js";export{defaultMaskedInputProps,defaultMaskedInputPropsSizeXL}from"./form/Field/MaskedInput/appearance/default.js";export{FormFieldMaskedInput}from"./form/Field/MaskedInput/FormFieldMaskedInput.js";export{defaultPasswordProps,defaultPasswordPropsSizeXL}from"./form/Field/Password/appearance/default.js";export{FormFieldPassword}from"./form/Field/Password/FormFieldPassword.js";export{defaultRadioProps}from"./form/Field/RadioGroup/appearance/default.js";export{FormFieldRadioGroup}from"./form/Field/RadioGroup/FormFieldRadioGroup.js";export{defaultSegmentedProps,defaultSegmentedPropsSizeL}from"./form/Field/Segmented/appearance/default.js";export{FormFieldSegmented}from"./form/Field/Segmented/FormFieldSegmented.js";export{defaultSelectProps,defaultSelectPropsSizeXL}from"./form/Field/Select/appearance/default.js";export{FormFieldSelect}from"./form/Field/Select/FormFieldSelect.js";export{defaultSwitchProps}from"./form/Field/Switch/appearance/default.js";export{FormFieldSwitch}from"./form/Field/Switch/FormFieldSwitch.js";export{defaultTextareaProps}from"./form/Field/Textarea/appearance/default.js";export{FormFieldTextarea}from"./form/Field/Textarea/FormFieldTextarea.js";export{defaultFieldProps,defaultFieldSizeL,defaultFieldSizeM,defaultFieldSizeS,defaultFieldSizeXL}from"./form/FieldWrapper/appearance/default.js";export{FieldWrapper,FieldWrapperBase}from"./form/FieldWrapper/FieldWrapper.js";export{F as FinalForm,g as generateField}from"./FinalForm_CDnQeCDK.js";export{generateFormButtons}from"./form/generator/generateFormButtons.js";import"./constants/messages.constant.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Text";import"@itcase/ui-web/components/Title";import"./form/Field/Before/FormFieldBefore.constants.js";import"react";import"@itcase/forms-core";import"@itcase/ui-web/components/Checkbox";import"@itcase/ui-web/components/Chips";import"@itcase/ui-web/components/Choice";import"@itcase/ui-web/components/Code";import"@itcase/ui-web/components/ColorInput";import"@itcase/ui-web/components/Icon";import"@itcase/ui-web/components/Dadata";import"@itcase/ui-web/components/DatePicker";import"lodash/castArray";import"@itcase/ui-web/components/Dropzone";import"@itcase/ui-core/hooks";import"@itcase/ui-web/components/Input";import"@itcase/ui-web/components/InputNumber";import"react-imask";import"@itcase/ui-web/components/InputPassword";import"./form/Field/RadioGroup/FormFieldRadioGroupList.js";import"@itcase/ui-web/components/Radio";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Select";import"@itcase/ui-web/components/Switch";import"@itcase/ui-web/components/Textarea";import"@itcase/ui-web/components/Divider";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Loader";import"@itcase/ui-web/components/Notification";
@@ -0,0 +1,4 @@
1
+ import type { Messages } from './messages.interface';
2
+ declare const DEFAULT_MESSAGES_FIELDS: Messages;
3
+ export type { Messages };
4
+ export { DEFAULT_MESSAGES_FIELDS };
@@ -0,0 +1,75 @@
1
+ declare const DEFAULT_MESSAGES_REQUIRED: {
2
+ required: {
3
+ key: string;
4
+ message: string;
5
+ };
6
+ };
7
+ declare const DEFAULT_MESSAGES_ERROR: {
8
+ invalid_value: {
9
+ key: string;
10
+ message: string;
11
+ };
12
+ };
13
+ declare const DEFAULT_MESSAGES_URL: {
14
+ url: {
15
+ key: string;
16
+ message: string;
17
+ };
18
+ };
19
+ declare const DEFAULT_MESSAGES_PASSWORD: {
20
+ password_required: {
21
+ key: string;
22
+ message: string;
23
+ };
24
+ };
25
+ declare const DEFAULT_MESSAGES_NUMBER: {
26
+ matches: {
27
+ key: string;
28
+ message: string;
29
+ };
30
+ numeric_value: {
31
+ key: string;
32
+ message: string;
33
+ };
34
+ };
35
+ declare const DEFAULT_MESSAGES_MIN_MAX: {
36
+ min: {
37
+ key: string;
38
+ message: ({ min }: {
39
+ max: number;
40
+ min: number;
41
+ }) => string;
42
+ };
43
+ max: {
44
+ key: string;
45
+ message: ({ max }: {
46
+ max: number;
47
+ min: number;
48
+ }) => string;
49
+ };
50
+ };
51
+ declare const DEFAULT_MESSAGES_PHONE: {
52
+ phone_error: {
53
+ key: string;
54
+ message: string;
55
+ };
56
+ phone_or_email_required: {
57
+ key: string;
58
+ message: string;
59
+ };
60
+ phone_required: {
61
+ key: string;
62
+ message: string;
63
+ };
64
+ };
65
+ declare const DEFAULT_MESSAGES_EMAIL: {
66
+ email_error: {
67
+ key: string;
68
+ message: string;
69
+ };
70
+ email_required: {
71
+ key: string;
72
+ message: string;
73
+ };
74
+ };
75
+ export { DEFAULT_MESSAGES_EMAIL, DEFAULT_MESSAGES_ERROR, DEFAULT_MESSAGES_MIN_MAX, DEFAULT_MESSAGES_NUMBER, DEFAULT_MESSAGES_PASSWORD, DEFAULT_MESSAGES_PHONE, DEFAULT_MESSAGES_REQUIRED, DEFAULT_MESSAGES_URL, };
@@ -0,0 +1,8 @@
1
+ type Messages = Record<string, {
2
+ key: string;
3
+ message: ((params: {
4
+ max: number;
5
+ min: number;
6
+ }) => string) | string;
7
+ }>;
8
+ export type { Messages };
@@ -0,0 +1,16 @@
1
+ declare const FORM_FIELD_BEFORE_DATA_TEST_ID = "FormFieldBefore";
2
+ declare const FORM_FIELD_BEFORE_LABELS: {
3
+ title: {
4
+ dataTestId: string;
5
+ };
6
+ label: {
7
+ dataTestId: string;
8
+ };
9
+ desc: {
10
+ dataTestId: string;
11
+ };
12
+ after: {
13
+ dataTestId: string;
14
+ };
15
+ };
16
+ export { FORM_FIELD_BEFORE_DATA_TEST_ID, FORM_FIELD_BEFORE_LABELS };