@itcase/forms-web 1.1.118 → 1.1.120
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FinalForm_DIMgLp9s.js +1 -0
- package/dist/css/styles/bundles.css +9 -0
- package/dist/form/Field/Repeater/FormFieldRepeater.js +1 -0
- package/dist/form/Field/Repeater/appearance/default.js +1 -0
- package/dist/form/Field/Repeater/index.js +1 -0
- package/dist/form/Field/index.js +1 -1
- package/dist/form/Form/FinalForm.js +1 -1
- package/dist/form/generator/generateField.constants.js +1 -1
- package/dist/form/generator/generateField.js +1 -1
- package/dist/form/generator/index.js +1 -1
- package/dist/form/index.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/form/Field/Repeater/FormFieldRepeater.d.ts +4 -0
- package/dist/types/form/Field/Repeater/FormFieldRepeater.interface.d.ts +19 -0
- package/dist/types/form/Field/Repeater/appearance/default.d.ts +4 -0
- package/dist/types/form/Field/Repeater/index.d.ts +4 -0
- package/dist/types/form/Field/index.d.ts +2 -0
- package/dist/types/form/generator/generateField.constants.d.ts +1 -0
- package/dist/types/form/generator/generateField.interface.d.ts +2 -2
- package/package.json +5 -5
- package/dist/FinalForm_CDnQeCDK.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
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 p,useStyles as u}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{FormFieldRepeater as N}from"./form/Field/Repeater/FormFieldRepeater.js";import{FormFieldSegmented as D}from"./form/Field/Segmented/FormFieldSegmented.js";import{FormFieldSelect as P}from"./form/Field/Select/FormFieldSelect.js";import{FormFieldSwitch as H}from"./form/Field/Switch/FormFieldSwitch.js";import{FormFieldTextarea as W}from"./form/Field/Textarea/FormFieldTextarea.js";import"./form/FieldWrapper/appearance/default.js";import"@itcase/ui-web/components/Divider";import{generateFormButtons as G}from"./form/generator/generateFormButtons.js";const A={[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.repeater]:N,[n.segmented]:D,[n.select]:P,[n.switch]:H,[n.text]:k,[n.textarea]:W},R=s(A),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:W,notificationType:A,primaryButton:V,renderFieldsWrapper:E=t=>t,secondaryButton:O,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=p(n),{directionClass:nt="vertical",fillClass:st,titleFill:mt,titlePosition:dt,titleTextColor:pt,titleTextSize:ut,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:Rt,primaryButtonSize:Vt,secondaryButtonAppearance:Et,secondaryButtonFill:Ot,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:pe,widthClass:ue}=lt,{styles:ce,wrapper:fe}=u(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}`,ue&&`width_${ue}`,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:ut,fill:mt,textColor:pt,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"===A||!n)&&t("div",{className:r("notification","form-notification",A?`form-notification_${A}`:"form-notification_global"),children:t(F,{appearance:"errorPrimary sizeS solid rounded",dataTestId:it?`${it}Notification`:"FormNotification",type:A||"global",width:"fill",status:"error",text:s,textAlign:W,closeIcon:H})}),X&&t(l,{subscription:{values:!0},onChange:X}),Boolean(et&&Object.keys(et).length)&&t(o.Fragment,{children:E(e(f,{className:"form__wrapper",direction:"vertical",gap:N,style:fe,children:[Object.keys(et).map(t=>R(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=>G(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||V||Qt||O||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:Vt,fill:$t,fillHover:Nt,label:Wt,labelTextColor:At,labelTextSize:Gt,labelTextWeight:Rt,htmlType:Dt||"submit",isDisabled:Pt,isLoading:Ht}):V,Qt?t(c,{appearance:Et,className:"form__button-item",dataTestId:v||it&&`${it}SecondaryButton`||"FormSecondaryButton",width:"fill",size:Zt,fill:Ot,fillHover:qt,label:Qt,labelTextColor:Xt,labelTextSize:Ut,labelTextWeight:Yt,htmlType:Mt,isDisabled:Jt,isLoading:Kt,onClick:Q}):O,ne?t(c,{appearance:ee,className:"form__button-item",dataTestId:z||it&&`${it}TertiaryButton`||"FormTertiaryButton",width:"fill",size:pe,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,A as a,R as g};
|
|
@@ -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{Repeater as m}from"@itcase/ui-web/components/Repeater";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:c,classNameGroupItem:l,fieldProps:d={},fieldsList:f=[],inputProps:u={},showMessage:h,isDisabled:b,isRequired:g,onChange:w}=r;return e(o,{name:c,initialValue:f,children:function({input:r,meta:o}){const{errorKey:c,errorMessage:f,successKey:F,isErrorState:j,isValidState:v}=a({fieldProps:d,input:r,meta:o}),C=s({inputProps:u,validationStateKey:j?c:v?F:null}),S=t(e=>{r.onChange(e),w&&w(e)},[w,r.onChange]);return e(n,{className:i("form-field_repeater","form__item_repeater",l),dataTestId:p,errorKey:c,errorMessage:f,fieldClassName:"form-repeater",inputName:r.name,metaActive:o.active,metaError:o.error,showMessage:h,isDisabled:b,isErrorState:j,isRequired:g,isValidState:v,...d,children:e(m,{dataTestId:`${p}Repeater`,fieldsList:r.value,isDisabled:b,onChange:S,...C})})}})});export{p as FormFieldRepeater};
|
|
@@ -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 sizeS solid rounded",errorAppearance:"errorPrimary sizeS solid rounded",requiredAppearance:"requirePrimary sizeS solid rounded",successAppearance:"successPrimary sizeS solid rounded"};export{r as defaultRepeaterProps,e as defaultRepeaterPropsSizeS};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{defaultRepeaterProps,defaultRepeaterPropsSizeS}from"./appearance/default.js";export{FormFieldRepeater}from"./FormFieldRepeater.js";import"react/jsx-runtime";import"react";import"clsx";import"react-final-form";import"@itcase/forms-core";import"@itcase/ui-web/components/Repeater";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";
|
package/dist/form/Field/index.js
CHANGED
|
@@ -1 +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";
|
|
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{defaultRepeaterProps,defaultRepeaterPropsSizeS}from"./Repeater/appearance/default.js";export{FormFieldRepeater}from"./Repeater/FormFieldRepeater.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/Repeater";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Select";import"@itcase/ui-web/components/Switch";import"@itcase/ui-web/components/Textarea";
|
|
@@ -1 +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"../../
|
|
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_DIMgLp9s.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/Repeater/FormFieldRepeater.js";import"@itcase/ui-web/components/Repeater";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";
|
|
@@ -1 +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"../../
|
|
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/Repeater/FormFieldRepeater.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_DIMgLp9s.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/Repeater";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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"@itcase/forms-core";export{g as generateField}from"../../
|
|
1
|
+
import"@itcase/forms-core";export{g as generateField}from"../../FinalForm_DIMgLp9s.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/Repeater/FormFieldRepeater.js";import"@itcase/ui-web/components/Repeater";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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{g as generateField}from"../../
|
|
1
|
+
export{g as generateField}from"../../FinalForm_DIMgLp9s.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/Repeater/FormFieldRepeater.js";import"@itcase/ui-web/components/Repeater";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";
|
package/dist/form/index.js
CHANGED
|
@@ -1 +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"../
|
|
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{defaultRepeaterProps,defaultRepeaterPropsSizeS}from"./Field/Repeater/appearance/default.js";export{FormFieldRepeater}from"./Field/Repeater/FormFieldRepeater.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_DIMgLp9s.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/Repeater";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
CHANGED
|
@@ -1 +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"./
|
|
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{defaultRepeaterProps,defaultRepeaterPropsSizeS}from"./form/Field/Repeater/appearance/default.js";export{FormFieldRepeater}from"./form/Field/Repeater/FormFieldRepeater.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_DIMgLp9s.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/Repeater";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,19 @@
|
|
|
1
|
+
import type { CompositeAppearanceStateDefault } from '@itcase/types-ui';
|
|
2
|
+
import type { FieldsList, RepeaterProps } from '@itcase/ui-web/components/Repeater';
|
|
3
|
+
import type { BaseField, FormTypes } from 'src/form';
|
|
4
|
+
type RepeaterInputProps = Partial<DefaultRepeaterProps> & Partial<RepeaterProps>;
|
|
5
|
+
type RepeaterField = Omit<BaseField, 'inputProps'> & {
|
|
6
|
+
inputProps: RepeaterInputProps;
|
|
7
|
+
onChange?: (fieldsList: FieldsList) => void;
|
|
8
|
+
type: Extract<FormTypes, 'repeater'>;
|
|
9
|
+
};
|
|
10
|
+
interface FormFieldRepeaterProps extends RepeaterField {
|
|
11
|
+
fieldsList?: FieldsList;
|
|
12
|
+
}
|
|
13
|
+
type DefaultRepeaterProps = {
|
|
14
|
+
appearance: CompositeAppearanceStateDefault;
|
|
15
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
16
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
17
|
+
successAppearance: CompositeAppearanceStateDefault;
|
|
18
|
+
};
|
|
19
|
+
export type { DefaultRepeaterProps, FormFieldRepeaterProps, RepeaterField, RepeaterInputProps, };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defaultRepeaterProps, defaultRepeaterPropsSizeS } from './appearance/default';
|
|
2
|
+
import { FormFieldRepeater } from './FormFieldRepeater';
|
|
3
|
+
export { defaultRepeaterProps, defaultRepeaterPropsSizeS, FormFieldRepeater };
|
|
4
|
+
export type { DefaultRepeaterProps, FormFieldRepeaterProps, RepeaterField, RepeaterInputProps, } from './FormFieldRepeater.interface';
|
|
@@ -32,6 +32,8 @@ export { defaultPasswordProps, defaultPasswordPropsSizeXL, FormFieldPassword, }
|
|
|
32
32
|
export type { DefaultPasswordProps, FormFieldPasswordProps, PasswordField, PasswordInputProps, } from './Password';
|
|
33
33
|
export { defaultRadioProps, FormFieldRadioGroup } from './RadioGroup';
|
|
34
34
|
export type { DefaultRadioProps, FormFieldRadioGroupListProps, FormFieldRadioGroupProps, RadioGroupField, RadioGroupInputProps, } from './RadioGroup';
|
|
35
|
+
export { defaultRepeaterProps, defaultRepeaterPropsSizeS, FormFieldRepeater, } from './Repeater';
|
|
36
|
+
export type { DefaultRepeaterProps, FormFieldRepeaterProps, RepeaterField, RepeaterInputProps, } from './Repeater';
|
|
35
37
|
export { defaultSegmentedProps, defaultSegmentedPropsSizeL, FormFieldSegmented, } from './Segmented';
|
|
36
38
|
export type { DefaultSegmentedProps, FormFieldSegmentedProps, SegmentedField, SegmentedInputProps, } from './Segmented';
|
|
37
39
|
export { defaultSelectProps, defaultSelectPropsSizeXL, FormFieldSelect, } from './Select';
|
|
@@ -14,6 +14,7 @@ declare const FORM_FIELDS: {
|
|
|
14
14
|
maskedInput: import("react").MemoExoticComponent<(props: import("src/form").FormFieldMaskedInputProps) => import("react").JSX.Element>;
|
|
15
15
|
password: import("react").MemoExoticComponent<(props: import("src/form").FormFieldPasswordProps) => import("react").JSX.Element>;
|
|
16
16
|
radioGroup: import("react").MemoExoticComponent<(props: import("src/form").FormFieldRadioGroupProps) => import("react").JSX.Element>;
|
|
17
|
+
repeater: import("react").MemoExoticComponent<(props: import("src/form").FormFieldRepeaterProps) => import("react").JSX.Element>;
|
|
17
18
|
segmented: typeof FormFieldSegmented;
|
|
18
19
|
select: import("react").MemoExoticComponent<(props: import("src/form").FormFieldSelectProps) => import("react").JSX.Element>;
|
|
19
20
|
switch: import("react").MemoExoticComponent<(props: import("src/form").FormFieldSwitchProps) => import("react").JSX.Element>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { formTypes } from '@itcase/forms-core';
|
|
2
2
|
import type { ButtonProps } from '@itcase/ui-web/components/Button';
|
|
3
|
-
import type { CheckboxField, ChipsField, ChoiceField, CodeField, ColorInputField, CustomField, DadataField, DatePickerField, FieldProps, FileInputField, FinalFormProps, GroupField, InputField, InputNumberField, MaskedInputField, PasswordField, RadioGroupField, SegmentedField, SelectField, SwitchField, TextareaField } from 'src/form';
|
|
3
|
+
import type { CheckboxField, ChipsField, ChoiceField, CodeField, ColorInputField, CustomField, DadataField, DatePickerField, FieldProps, FileInputField, FinalFormProps, GroupField, InputField, InputNumberField, MaskedInputField, PasswordField, RadioGroupField, RepeaterField, SegmentedField, SelectField, SwitchField, TextareaField } from 'src/form';
|
|
4
4
|
type FormTypes = keyof typeof formTypes;
|
|
5
5
|
type GeneratorConfig = Omit<ButtonPrimaryField, 'type'> & Omit<ButtonSecondaryField, 'type'> & Omit<ButtonTertiaryField, 'type'> & {
|
|
6
6
|
key: string;
|
|
@@ -41,5 +41,5 @@ type ButtonTertiaryField = Omit<Partial<ButtonProps>, 'type'> & {
|
|
|
41
41
|
type: Extract<FormTypes, 'tertiaryButton'>;
|
|
42
42
|
};
|
|
43
43
|
type ButtonFields = ButtonPrimaryField | ButtonSecondaryField | ButtonTertiaryField;
|
|
44
|
-
type GeneratorField = CheckboxField | ChipsField | ChoiceField | CodeField | ColorInputField | CustomField | DadataField | DatePickerField | FileInputField | GroupField | InputField | InputNumberField | MaskedInputField | PasswordField | RadioGroupField | SegmentedField | SelectField | SwitchField | TextareaField;
|
|
44
|
+
type GeneratorField = CheckboxField | ChipsField | ChoiceField | CodeField | ColorInputField | CustomField | DadataField | DatePickerField | FileInputField | GroupField | InputField | InputNumberField | MaskedInputField | PasswordField | RadioGroupField | RepeaterField | SegmentedField | SelectField | SwitchField | TextareaField;
|
|
45
45
|
export type { BaseField, ButtonFields, FormTypes, GeneratorConfig, GeneratorField, };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/forms-web",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.120",
|
|
4
4
|
"description": "Forms fields, inputs, etc.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,14 +50,14 @@
|
|
|
50
50
|
]
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@itcase/forms-core": "^1.1.
|
|
53
|
+
"@itcase/forms-core": "^1.1.119",
|
|
54
54
|
"@itcase/tokens-am": "^1.1.63",
|
|
55
55
|
"@itcase/tokens-baikal": "^1.1.62",
|
|
56
56
|
"@itcase/tokens-palette": "^1.1.63",
|
|
57
57
|
"@itcase/types-core": "^1.1.106",
|
|
58
58
|
"@itcase/types-ui": "^1.1.106",
|
|
59
|
-
"@itcase/ui-core": "^1.
|
|
60
|
-
"@itcase/ui-web": "^1.
|
|
59
|
+
"@itcase/ui-core": "^1.11.5",
|
|
60
|
+
"@itcase/ui-web": "^1.11.9",
|
|
61
61
|
"axios": "^1.20.0",
|
|
62
62
|
"clsx": "^2.1.1",
|
|
63
63
|
"final-form": "4.20.10",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"@types/lodash": "^4.17.25",
|
|
78
78
|
"concurrently": "^10.0.6"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "a4bf06ce25be477dc95b4d6ff87bfce2d3d71354"
|
|
81
81
|
}
|
|
@@ -1 +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};
|