@itcase/forms-web 0.0.0-stage → 1.1.117

package/dist/FinalForm_CDnQeCDK.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import o,{useCallback as i}from"react";import r from"clsx";import{Form as a,FormSpy as l}from"react-final-form";import{formTypes as n,generateFormFields as s,useYupValidationSchema as m,focusOnErrorDecorator as d}from"@itcase/forms-core";import{useDevicePropsGenerator as u,useStyles as p}from"@itcase/ui-core/hooks";import{Button as c}from"@itcase/ui-web/components/Button";import{Group as f}from"@itcase/ui-web/components/Group";import{Loader as y}from"@itcase/ui-web/components/Loader";import{Notification as F}from"@itcase/ui-web/components/Notification";import{Text as b}from"@itcase/ui-web/components/Text";import{Title as B}from"@itcase/ui-web/components/Title";import{FormFieldCheckbox as T}from"./form/Field/Checkbox/FormFieldCheckbox.js";import{FormFieldChips as h}from"./form/Field/Chips/FormFieldChips.js";import{FormFieldChoice as g}from"./form/Field/Choice/FormFieldChoice.js";import{FormFieldCode as C}from"./form/Field/Code/FormFieldCode.js";import{FormFieldColorInput as I}from"./form/Field/ColorInput/FormFieldColorInput.js";import{FormFieldCustom as x}from"./form/Field/Custom/FormFieldCustom.js";import{FormFieldDadataInput as S}from"./form/Field/Dadata/FormFieldDadataInput.js";import{FormFieldDatePicker as _}from"./form/Field/DatePicker/FormFieldDatePicker.js";import{FormFieldFileInput as j}from"./form/Field/FileInput/FormFieldFileInput.js";import{FormGroup as L}from"./form/Field/Group/FormGroup.js";import{FormFieldInput as k}from"./form/Field/Input/FormFieldInput.js";import{FormFieldInputNumber as w}from"./form/Field/InputNumber/FormFieldInputNumber.js";import{FormFieldMaskedInput as v}from"./form/Field/MaskedInput/FormFieldMaskedInput.js";import{FormFieldPassword as z}from"./form/Field/Password/FormFieldPassword.js";import{FormFieldRadioGroup as $}from"./form/Field/RadioGroup/FormFieldRadioGroup.js";import{FormFieldSegmented as N}from"./form/Field/Segmented/FormFieldSegmented.js";import{FormFieldSelect as D}from"./form/Field/Select/FormFieldSelect.js";import{FormFieldSwitch as P}from"./form/Field/Switch/FormFieldSwitch.js";import{FormFieldTextarea as H}from"./form/Field/Textarea/FormFieldTextarea.js";import"./form/FieldWrapper/appearance/default.js";import"@itcase/ui-web/components/Divider";import{generateFormButtons as W}from"./form/generator/generateFormButtons.js";const G={[n.checkbox]:T,[n.chips]:h,[n.choice]:g,[n.code]:C,[n.color]:I,[n.custom]:x,[n.dadataInput]:S,[n.datePicker]:_,[n.fileInput]:j,[n.group]:L,[n.inputNumber]:w,[n.maskedInput]:v,[n.password]:z,[n.radioGroup]:$,[n.segmented]:N,[n.select]:D,[n.switch]:P,[n.text]:k,[n.textarea]:H},A=s(G),V=o.forwardRef(function(n,s){const{className:T,dataTestId:h,type:g,initialValues:C,initialValuesEqual:I,config:x,validationSchema:S,title:_,desc:j,buttonGap:L,dataTestIdButtons:k,dataTestIdPrimaryButton:w,dataTestIdSecondaryButton:v,dataTestIdTertiaryButton:z,disableFieldsAutoComplete:$=!1,groupGap:N,language:D,mutators:P,notificationCloseButton:H,notificationTestAlign:G,notificationType:V,primaryButton:E,renderFieldsWrapper:O=t=>t,secondaryButton:R,tertiaryButton:q,before:M,after:J,isLoading:K,onClickSecondaryButton:Q,onClickTertiaryButton:U,onChangeFormValues:X,onSubmit:Y}=n,Z=x.form,tt=x.buttons,et=x.fields||x,ot=Z?x.form.title:"",it=Z&&Z.dataTestId?Z.dataTestId:h,rt=m(S,D),at=i(t=>{s&&"object"==typeof s&&(s.current=t)},[s]),lt=u(n),{directionClass:nt="vertical",fillClass:st,titleFill:mt,titlePosition:dt,titleTextColor:ut,titleTextSize:pt,titleTextWeight:ct,descSize:ft,descTextColor:yt,descTextWeight:Ft,buttonDirection:bt="vertical",buttonFill:Bt,buttonJustifyContent:Tt,buttonPadding:ht,buttonPosition:gt,elevationClass:Ct,heightClass:It,loader:xt,loaderAppearance:St,loaderFill:_t="surfacePrimary",loaderItemFill:jt="accentItemSecondary",loaderShape:Lt,loaderSize:kt="l",loaderText:wt,loaderType:vt="dot",primaryButtonAppearance:zt,primaryButtonFill:$t,primaryButtonFillHover:Nt,primaryButtonHtmlType:Dt,primaryButtonIsDisabled:Pt,primaryButtonIsLoading:Ht,primaryButtonLabel:Wt,primaryButtonLabelSize:Gt,primaryButtonLabelTextColor:At,primaryButtonLabelTextWeight:Vt,primaryButtonSize:Et,secondaryButtonAppearance:Ot,secondaryButtonFill:Rt,secondaryButtonFillHover:qt,secondaryButtonHtmlType:Mt,secondaryButtonIsDisabled:Jt,secondaryButtonIsLoading:Kt,secondaryButtonLabel:Qt,secondaryButtonLabelSize:Ut,secondaryButtonLabelTextColor:Xt,secondaryButtonLabelTextWeight:Yt,secondaryButtonSize:Zt,shapeClass:te,tertiaryButtonAppearance:ee,tertiaryButtonFill:oe,tertiaryButtonFillHover:ie,tertiaryButtonHtmlType:re,tertiaryButtonIsDisabled:ae,tertiaryButtonIsLoading:le,tertiaryButtonLabel:ne,tertiaryButtonLabelSize:se,tertiaryButtonLabelTextColor:me,tertiaryButtonLabelTextWeight:de,tertiaryButtonSize:ue,widthClass:pe}=lt,{styles:ce,wrapper:fe}=p(n);return t(a,{initialValues:C,initialValuesEqual:I,render:({form:i,handleSubmit:a,modifiedSinceLastSubmit:n,submitError:s})=>e("form",{className:r(T,"form",g&&`form_type_${g}`,pe&&`width_${pe}`,It&&`height_${It}`,dt&&`form_title-position_${dt}`,gt&&`form_button-position_${gt}`,st&&`fill_${st}`,te&&`shape_${te}`,nt&&`direction_${nt}`,Ct&&`elevation_${Ct}`),ref:()=>at(i),autoCapitalize:$?"off":void 0,autoComplete:$?"off":void 0,autoCorrect:$?"off":void 0,"data-testid":it||h&&`${h}Form`||"Form",spellCheck:$?"false":void 0,style:ce,onSubmit:a,children:[M,(_||ot)&&t(B,{className:"form__title",dataTestId:it?`${it}Title`:"FormTitle",size:pt,fill:mt,textColor:ut,textWeight:ct,children:_||ot}),j&&t(b,{className:"form__desc",size:ft,textColor:yt,textWeight:Ft,"data-testid":it?`${it}Desc`:"FormDesc",children:j}),s&&("sticky"===V||!n)&&t("div",{className:r("notification","form-notification",V?`form-notification_${V}`:"form-notification_global"),children:t(F,{appearance:"errorPrimary sizeS solid rounded",dataTestId:it?`${it}Notification`:"FormNotification",type:V||"global",width:"fill",status:"error",text:s,textAlign:G,closeIcon:H})}),X&&t(l,{subscription:{values:!0},onChange:X}),Boolean(et&&Object.keys(et).length)&&t(o.Fragment,{children:O(e(f,{className:"form__wrapper",direction:"vertical",gap:N,style:fe,children:[Object.keys(et).map(t=>A(et[t],{dataTestId:it,key:t})),K&&(xt||t(y,{appearance:St,className:"form__loader",dataTestId:it?`${it}Loader`:"FormLoader",type:vt,size:kt,fill:_t,text:wt,itemFill:jt,shape:Lt}))]}))}),tt?t(f,{className:"form__button",dataTestId:k||it&&`${it}Buttons`,direction:bt,justifyContent:Tt,fill:Bt,padding:ht,gap:L,children:Object.keys(tt).map(t=>W(tt[t],{key:t,primaryButtonHtmlType:Dt,primaryButtonIsDisabled:Pt,primaryButtonIsLoading:Ht,secondaryButtonHtmlType:Mt,secondaryButtonIsDisabled:Jt,secondaryButtonIsLoading:Kt,tertiaryButtonHtmlType:re,tertiaryButtonIsDisabled:ae,tertiaryButtonIsLoading:le,onClickSecondaryButton:Q,onClickTertiaryButton:U}))}):(Wt||E||Qt||R||q||ne)&&e(f,{className:"form__button",dataTestId:k||it&&`${it}Buttons`,direction:bt,justifyContent:Tt,fill:Bt,padding:ht,gap:L,children:[Wt?t(c,{appearance:zt,className:"form__button-item",dataTestId:w||it&&`${it}PrimaryButton`||"FormPrimaryButton",width:"fill",size:Et,fill:$t,fillHover:Nt,label:Wt,labelTextColor:At,labelTextSize:Gt,labelTextWeight:Vt,htmlType:Dt||"submit",isDisabled:Pt,isLoading:Ht}):E,Qt?t(c,{appearance:Ot,className:"form__button-item",dataTestId:v||it&&`${it}SecondaryButton`||"FormSecondaryButton",width:"fill",size:Zt,fill:Rt,fillHover:qt,label:Qt,labelTextColor:Xt,labelTextSize:Ut,labelTextWeight:Yt,htmlType:Mt,isDisabled:Jt,isLoading:Kt,onClick:Q}):R,ne?t(c,{appearance:ee,className:"form__button-item",dataTestId:z||it&&`${it}TertiaryButton`||"FormTertiaryButton",width:"fill",size:ue,fill:oe,fillHover:ie,label:ne,labelTextColor:me,labelTextSize:se,labelTextWeight:de,htmlType:re,isDisabled:ae,isLoading:le,onClick:U}):q]}),J]}),decorators:[d],mutators:P,subscription:{modifiedSinceLastSubmit:!0,pristine:!0,submitError:!0,submitting:!0},validate:rt,onSubmit:Y})});export{V as F,G as a,A as g};

package/dist/constants/index.js

@@ -0,0 +1 @@
+import{DEFAULT_MESSAGES_URL as s,DEFAULT_MESSAGES_REQUIRED as o,DEFAULT_MESSAGES_PHONE as t,DEFAULT_MESSAGES_PASSWORD as e,DEFAULT_MESSAGES_NUMBER as m,DEFAULT_MESSAGES_MIN_MAX as n,DEFAULT_MESSAGES_ERROR as r,DEFAULT_MESSAGES_EMAIL as a}from"./messages.constant.js";const c={...a,...r,...n,...m,...e,...t,...o,...s};export{c as DEFAULT_MESSAGES_FIELDS};

package/dist/constants/messages.constant.js

@@ -0,0 +1 @@
+const e={required:{key:"required",message:"Обязательное поле"}},r={invalid_value:{key:"error",message:"Некорректное значение"}},s={url:{key:"error",message:"Введите корректный URL-адрес"}},a={password_required:{key:"required",message:"Введите пароль"}},m={matches:{key:"error",message:"Допускается ввод только цифр от 0 до 9"},numeric_value:{key:"error",message:"Только числовое значение"}},i={min:{key:"error",message:({min:e})=>`Значение должно быть не менее ${e} символов`},max:{key:"error",message:({max:e})=>`Значение должно быть не менее ${e} символов`}},o={phone_error:{key:"error",message:"Введите корректный номер телефона"},phone_or_email_required:{key:"required",message:"Введите телефон или адрес эл. почты"},phone_required:{key:"required",message:"Укажите номер телефона"}},u={email_error:{key:"error",message:"Введите корректный адрес электронной почты"},email_required:{key:"required",message:"Укажите адрес электронной почты"}};export{u as DEFAULT_MESSAGES_EMAIL,r as DEFAULT_MESSAGES_ERROR,i as DEFAULT_MESSAGES_MIN_MAX,m as DEFAULT_MESSAGES_NUMBER,a as DEFAULT_MESSAGES_PASSWORD,o as DEFAULT_MESSAGES_PHONE,e as DEFAULT_MESSAGES_REQUIRED,s as DEFAULT_MESSAGES_URL};