@itcase/forms-web 1.1.121 → 1.1.123
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/css/styles/bundles.css +35 -2
- package/dist/form/Field/Repeater/FormFieldRepeater.js +1 -1
- package/dist/form/Field/Repeater/appearance/repeaterAppearance.js +1 -0
- package/dist/form/Field/Repeater/index.js +1 -1
- package/dist/form/Field/index.js +1 -1
- package/dist/form/FieldWrapper/FieldWrapper.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/constants/index.d.ts +60 -1
- package/dist/types/form/Field/Repeater/FormFieldRepeater.interface.d.ts +69 -9
- package/dist/types/form/Field/Repeater/appearance/repeaterAppearance.d.ts +90 -0
- package/dist/types/form/FieldWrapper/FieldWrapper.interface.d.ts +1 -1
- package/package.json +10 -7
|
@@ -436,9 +436,42 @@ body {
|
|
|
436
436
|
width: 100%;
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
.form-
|
|
440
|
-
.form-repeater-item__fields {
|
|
439
|
+
.form-repeater__control {
|
|
441
440
|
width: 100%;
|
|
441
|
+
display: flex;
|
|
442
|
+
flex-direction: column;
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
.form-repeater__fields {
|
|
446
|
+
padding: 16px 0;
|
|
447
|
+
display: flex;
|
|
448
|
+
flex-direction: column;
|
|
449
|
+
gap: 12px;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
.form-repeater__fields-field {
|
|
453
|
+
display: flex;
|
|
454
|
+
align-items: center;
|
|
455
|
+
gap: 12px;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
.form-repeater__fields-field > .input,
|
|
459
|
+
.form-repeater__fields-field > .select {
|
|
460
|
+
min-width: 0;
|
|
461
|
+
flex: 1 1 0;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
.form-repeater__fields-field-button {
|
|
465
|
+
flex: none;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
.form-repeater__empty {
|
|
469
|
+
height: auto;
|
|
470
|
+
padding: 16px 0;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
.form-repeater .form-field__message {
|
|
474
|
+
padding: 4px 0 0;
|
|
442
475
|
}
|
|
443
476
|
|
|
444
477
|
.form-segmented {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import r,{useCallback as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as i,useCallback as a}from"react";import o from"clsx";import{Field as n}from"react-final-form";import{useFieldValidationState as s,useValidationAppearanceInputProps as l}from"@itcase/forms-core";import{useAppearanceConfig as p,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as m}from"@itcase/ui-core/utils";import{Button as d}from"@itcase/ui-web/components/Button";import{Input as u}from"@itcase/ui-web/components/Input";import{Select as f}from"@itcase/ui-web/components/Select";import{Text as b}from"@itcase/ui-web/components/Text";import{FormFieldBefore as h}from"../Before/FormFieldBefore.js";import"../../FieldWrapper/appearance/default.js";import{FieldWrapper as g}from"../../FieldWrapper/FieldWrapper.js";import{repeaterAppearance as v}from"./appearance/repeaterAppearance.js";import"@itcase/ui-web/components/Group";import"@itcase/ui-web/components/Title";import"../Before/FormFieldBefore.constants.js";import"@itcase/ui-web/components/Divider";import"@itcase/icons-default";const y={appearance:v};function C(e,t){const r=e[t];return null==r?"":String(r)}function D(t,r,i,a,o){if("select"===t.type){const n=t.options.find(e=>String(e.value)===r)??null;return e(f,{appearance:i,options:t.options,placeholder:t.placeholder,value:n,isDisabled:a,onChange:e=>{e&&!function(e){return Array.isArray(e)}(e)?o(String(e.value)):o("")}})}return e(u,{appearance:i,width:"fill",placeholder:t.placeholder,value:r,isDisabled:a,onChange:e=>{o(e.target.value)}})}function S(e){return Object.entries(e).some(([e,t])=>"id"!==e&&(null!=t&&""!==t))}const T=r.memo(function(u){const{dataTestId:f,name:v,classNameGroupItem:T,fieldProps:_={},fieldsList:x,inputProps:A={},repeater:I={},showMessage:w,isDisabled:N,isRequired:F,onChange:j}=u,z=i(null);return null===z.current&&(z.current=function(e){return e?.length?e:[{id:crypto.randomUUID()}]}(x)),e(n,{name:v,initialValue:z.current,children:function({input:i,meta:n}){const u=Array.isArray(i.value)?i.value:[],v=u.some(S),{errorKey:x,errorMessage:z,successKey:B,isErrorState:K,isValidState:M}=s({fieldProps:_,input:{...i,value:v?i.value:""},meta:n}),P=l({inputProps:A,validationStateKey:K?x:M?B:null}),U={dataTestId:`${f}Repeater`,fieldsList:u,isDisabled:N,...P},{appearance:V,className:k,maxFields:E,title:L,description:R,emptyText:W}=U,q=p(V,y,U.isDisabled),G=c(U,q),{titleSize:O,titleTextColor:$,descriptionTextColor:H,descriptionTextSize:J,buttonAppearance:Q,buttonDeleteAppearance:X,buttonDeleteIcon:Y,buttonIcon:Z,buttonLabel:ee,inputAppearance:te,inputAppearanceShape:re,inputAppearanceSize:ie,inputAppearanceStyle:ae,sizeClass:oe}=G,ne=m(te,ie,ae,re),se=a(e=>{P.onChange?P.onChange(e):(i.onChange(e),j&&j(e))},[i,j,P.onChange]),le=a(()=>{const e={id:crypto.randomUUID()};se([...u,e])},[u,se]),pe=a(e=>{const t=u.filter((t,r)=>r!==e);se(t)},[u,se]);return e(g,{className:o("form-repeater","form__item_repeater",T),dataTestId:f,errorKey:x,errorMessage:z,fieldClassName:"form-repeater",inputName:i.name,inputValue:u.some(S)?"filled":"",metaActive:n.active,metaError:n.error,showMessage:w,isDisabled:N,isErrorState:K,isRequired:F,isValidState:M,..._,type:null,children:t("div",{className:o(k,"form-repeater__control",oe&&`form-repeater_size_${oe}`),"data-testid":U.dataTestId,children:[e(h,{dataTestId:U.dataTestId,type:"title",title:L,titleTextColor:$,titleTextSize:O,desc:R,descTextColor:H,descTextSize:J}),Boolean(u.length)&&e("div",{className:"form-repeater__fields",children:u.map((i,a)=>t("div",{className:"form-repeater__fields-field",children:[Object.entries(I).map(([t,o])=>{const n=o.name||t;return e(r.Fragment,{children:D(o,C(i,n),ne,U.isDisabled,e=>{const t=u.map((t,r)=>r!==a?t:{...t,[n]:e});se(t)})},n)}),e(d,{appearance:X,className:"form-repeater__fields-field-button",icon:Y,isDisabled:U.isDisabled,onClick:()=>pe(a)})]},i.id??a))}),!u.length&&Boolean(W)&&e("div",{className:"form-repeater__empty",children:e(b,{size:J,textColor:H,children:W})}),(null==E||u.length<E)&&e(d,{appearance:Q,label:ee,iconAfter:Z,isDisabled:U.isDisabled,onClick:le})]})})}})});export{T as FormFieldRepeater};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{icons14 as e,icons16 as r}from"@itcase/icons-default";const t={defaultPrimary:{titleTextColor:"surfaceTextPrimary",descriptionTextColor:"surfaceTextPrimary",buttonLabel:"Добавить",inputAppearance:"defaultPrimary"},errorPrimary:{titleTextColor:"surfaceTextPrimary",descriptionTextColor:"surfaceTextPrimary",buttonLabel:"Добавить",inputAppearance:"errorPrimary"},successPrimary:{titleTextColor:"surfaceTextPrimary",descriptionTextColor:"surfaceTextPrimary",buttonLabel:"Добавить",inputAppearance:"successPrimary"},requirePrimary:{titleTextColor:"surfaceTextPrimary",descriptionTextColor:"surfaceTextPrimary",buttonLabel:"Добавить",inputAppearance:"requirePrimary"},disabledPrimary:{titleTextColor:"surfaceTextPrimary",descriptionTextColor:"surfaceTextPrimary",buttonAppearance:"disabledPrimary sizeL full rounded",buttonLabel:"Добавить",inputAppearance:"disabledPrimary"},...{sizeM:{size:"m",titleSize:"h4",descriptionTextSize:"s",buttonAppearance:"accentPrimary sizeM solid rounded",buttonDeleteAppearance:"surfacePrimary sizeXL solid rounded",buttonDeleteIcon:r.Solid.Action.Close,buttonIcon:r.Solid.Plus,inputAppearanceSize:"sizeM"},sizeS:{size:"s",titleSize:"h4",descriptionTextSize:"s",buttonAppearance:"accentPrimary sizeS solid rounded",buttonDeleteAppearance:"surfacePrimary sizeM solid rounded",buttonDeleteIcon:e.Solid.Action.Close,buttonIcon:e.Solid.Plus,inputAppearanceSize:"sizeS"}},solid:{inputAppearanceStyle:"solid"},outlined:{inputAppearanceStyle:"outlined"},full:{inputAppearanceStyle:"full"},ghost:{inputAppearanceStyle:"ghost"},circular:{inputAppearanceShape:"circular",shape:"circular"},rounded:{inputAppearanceShape:"rounded",shape:"rounded"},roundedXL:{inputAppearanceShape:"roundedXL",shape:"roundedXL"},roundedL:{inputAppearanceShape:"roundedL",shape:"roundedL"},roundedM:{inputAppearanceShape:"roundedM",shape:"roundedM"},roundedS:{inputAppearanceShape:"roundedS",shape:"roundedS"}};export{t as repeaterAppearance};
|
|
@@ -1 +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-
|
|
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-core/hooks";import"@itcase/ui-core/utils";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Input";import"@itcase/ui-web/components/Select";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"../../FieldWrapper/appearance/default.js";import"../../FieldWrapper/FieldWrapper.js";import"@itcase/ui-web/components/Divider";import"./appearance/repeaterAppearance.js";import"@itcase/icons-default";
|
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{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/
|
|
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-core/utils";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Select";import"./Repeater/appearance/repeaterAppearance.js";import"@itcase/icons-default";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Switch";import"@itcase/ui-web/components/Textarea";
|
|
@@ -1 +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:
|
|
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:v,dividerDirection:z,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",void 0===c?"form-field_type_classic":c&&`form-field_type_${c}`,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:[v,X,$]}),A&&e(m,{className:"form-field__item-divider",width:y,direction:z,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};
|
|
@@ -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"../../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/
|
|
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-core/utils";import"@itcase/ui-web/components/Select";import"../Field/Repeater/appearance/repeaterAppearance.js";import"@itcase/icons-default";import"../Field/Segmented/FormFieldSegmented.js";import"@itcase/ui-web/components/Segmented";import"../Field/Select/FormFieldSelect.js";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/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-
|
|
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-core/utils";import"@itcase/ui-web/components/Select";import"../Field/Repeater/appearance/repeaterAppearance.js";import"@itcase/icons-default";import"@itcase/ui-web/components/Segmented";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"../../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/
|
|
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-core/utils";import"@itcase/ui-web/components/Select";import"../Field/Repeater/appearance/repeaterAppearance.js";import"@itcase/icons-default";import"../Field/Segmented/FormFieldSegmented.js";import"@itcase/ui-web/components/Segmented";import"../Field/Select/FormFieldSelect.js";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"../../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/
|
|
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-core/utils";import"@itcase/ui-web/components/Select";import"../Field/Repeater/appearance/repeaterAppearance.js";import"@itcase/icons-default";import"../Field/Segmented/FormFieldSegmented.js";import"@itcase/ui-web/components/Segmented";import"../Field/Select/FormFieldSelect.js";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{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-
|
|
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-core/utils";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Select";import"./Field/Repeater/appearance/repeaterAppearance.js";import"@itcase/icons-default";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Switch";import"@itcase/ui-web/components/Textarea";import"@itcase/ui-web/components/Divider";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{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-
|
|
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-core/utils";import"@itcase/ui-web/components/Button";import"@itcase/ui-web/components/Select";import"./form/Field/Repeater/appearance/repeaterAppearance.js";import"@itcase/icons-default";import"@itcase/ui-web/components/Segmented";import"@itcase/ui-web/components/Switch";import"@itcase/ui-web/components/Textarea";import"@itcase/ui-web/components/Divider";import"@itcase/ui-web/components/Loader";import"@itcase/ui-web/components/Notification";
|
|
@@ -1,4 +1,63 @@
|
|
|
1
1
|
import type { Messages } from './messages.interface';
|
|
2
|
-
declare const DEFAULT_MESSAGES_FIELDS:
|
|
2
|
+
declare const DEFAULT_MESSAGES_FIELDS: {
|
|
3
|
+
url: {
|
|
4
|
+
key: string;
|
|
5
|
+
message: string;
|
|
6
|
+
};
|
|
7
|
+
required: {
|
|
8
|
+
key: string;
|
|
9
|
+
message: string;
|
|
10
|
+
};
|
|
11
|
+
phone_error: {
|
|
12
|
+
key: string;
|
|
13
|
+
message: string;
|
|
14
|
+
};
|
|
15
|
+
phone_or_email_required: {
|
|
16
|
+
key: string;
|
|
17
|
+
message: string;
|
|
18
|
+
};
|
|
19
|
+
phone_required: {
|
|
20
|
+
key: string;
|
|
21
|
+
message: string;
|
|
22
|
+
};
|
|
23
|
+
password_required: {
|
|
24
|
+
key: string;
|
|
25
|
+
message: string;
|
|
26
|
+
};
|
|
27
|
+
matches: {
|
|
28
|
+
key: string;
|
|
29
|
+
message: string;
|
|
30
|
+
};
|
|
31
|
+
numeric_value: {
|
|
32
|
+
key: string;
|
|
33
|
+
message: string;
|
|
34
|
+
};
|
|
35
|
+
min: {
|
|
36
|
+
key: string;
|
|
37
|
+
message: ({ min }: {
|
|
38
|
+
max: number;
|
|
39
|
+
min: number;
|
|
40
|
+
}) => string;
|
|
41
|
+
};
|
|
42
|
+
max: {
|
|
43
|
+
key: string;
|
|
44
|
+
message: ({ max }: {
|
|
45
|
+
max: number;
|
|
46
|
+
min: number;
|
|
47
|
+
}) => string;
|
|
48
|
+
};
|
|
49
|
+
invalid_value: {
|
|
50
|
+
key: string;
|
|
51
|
+
message: string;
|
|
52
|
+
};
|
|
53
|
+
email_error: {
|
|
54
|
+
key: string;
|
|
55
|
+
message: string;
|
|
56
|
+
};
|
|
57
|
+
email_required: {
|
|
58
|
+
key: string;
|
|
59
|
+
message: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
3
62
|
export type { Messages };
|
|
4
63
|
export { DEFAULT_MESSAGES_FIELDS };
|
|
@@ -1,19 +1,79 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
1
|
+
import type { Option } from '@itcase/types-core';
|
|
2
|
+
import type { AppearanceConfig, AppearanceKeysState, AppearancePartialRecord, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, CompositeAppearanceKeys, CompositeAppearanceStateDefault, ElevationProps, ShapeProps, SizeProps } from '@itcase/types-ui';
|
|
3
|
+
import type { ButtonProps } from '@itcase/ui-web/components/Button';
|
|
4
|
+
import type { IconProps } from '@itcase/ui-web/components/Icon';
|
|
5
|
+
import type { TextProps } from '@itcase/ui-web/components/Text';
|
|
6
|
+
import type { TitleProps } from '@itcase/ui-web/components/Title';
|
|
3
7
|
import type { BaseField, FormTypes } from 'src/form';
|
|
8
|
+
interface RepeaterInputElement {
|
|
9
|
+
name: string;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
type: 'input';
|
|
12
|
+
}
|
|
13
|
+
interface RepeaterSelectElement {
|
|
14
|
+
name: string;
|
|
15
|
+
options: Option[];
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
type: 'select';
|
|
18
|
+
}
|
|
19
|
+
type RepeaterElement = RepeaterInputElement | RepeaterSelectElement;
|
|
20
|
+
type RepeaterAppearanceProps = {
|
|
21
|
+
buttonAppearance?: CompositeAppearanceKeys;
|
|
22
|
+
buttonDeleteAppearance?: CompositeAppearanceKeys;
|
|
23
|
+
buttonDeleteIcon?: IconProps['SvgImage'];
|
|
24
|
+
buttonIcon?: IconProps['SvgImage'];
|
|
25
|
+
buttonLabel?: ButtonProps['label'];
|
|
26
|
+
descriptionTextColor?: TextProps['textColor'];
|
|
27
|
+
descriptionTextSize?: TextProps['size'];
|
|
28
|
+
elevation?: ElevationProps;
|
|
29
|
+
inputAppearance?: AppearanceStateKeysDefault;
|
|
30
|
+
inputAppearanceShape?: AppearanceShapeKey;
|
|
31
|
+
inputAppearanceSize?: AppearanceSizeKey;
|
|
32
|
+
inputAppearanceStyle?: AppearanceStyleKey;
|
|
33
|
+
placeholder?: string;
|
|
34
|
+
shape?: ShapeProps;
|
|
35
|
+
size?: SizeProps;
|
|
36
|
+
titleSize?: TitleProps['size'];
|
|
37
|
+
titleTextColor?: TitleProps['textColor'];
|
|
38
|
+
};
|
|
39
|
+
type RepeaterRow = {
|
|
40
|
+
id?: number | string;
|
|
41
|
+
[fieldName: string]: unknown;
|
|
42
|
+
};
|
|
43
|
+
type FieldsList = RepeaterRow[];
|
|
44
|
+
type RepeaterProps = RepeaterAppearanceProps & {
|
|
45
|
+
appearance?: CompositeAppearanceStateDefault;
|
|
46
|
+
className?: string;
|
|
47
|
+
dataTestId?: string;
|
|
48
|
+
description?: string;
|
|
49
|
+
emptyText?: string;
|
|
50
|
+
fieldsList?: FieldsList;
|
|
51
|
+
isDisabled?: boolean;
|
|
52
|
+
maxFields?: number;
|
|
53
|
+
onChange?: (fields: FieldsList) => void;
|
|
54
|
+
placeholder?: string;
|
|
55
|
+
title?: string;
|
|
56
|
+
type?: 'label' | 'label-value';
|
|
57
|
+
};
|
|
58
|
+
type RepeaterConfig = AppearanceConfig<AppearanceKeysState, RepeaterAppearanceProps>;
|
|
59
|
+
type RepeaterAppearance = RepeaterConfig['appearance'];
|
|
60
|
+
type RepeaterAppearanceStyle = Partial<Record<AppearanceStyleKey, Partial<RepeaterAppearanceProps>>>;
|
|
61
|
+
type RepeaterAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<RepeaterAppearanceProps, 'inputAppearanceShape' | 'shape'>>>>;
|
|
62
|
+
type RepeaterAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, RepeaterAppearanceProps, 'buttonAppearance' | 'buttonDeleteAppearance' | 'buttonDeleteIcon' | 'buttonIcon' | 'descriptionTextSize' | 'inputAppearanceSize' | 'size' | 'titleSize'>;
|
|
63
|
+
type DefaultRepeaterProps = {
|
|
64
|
+
appearance: CompositeAppearanceStateDefault;
|
|
65
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
66
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
67
|
+
successAppearance: CompositeAppearanceStateDefault;
|
|
68
|
+
};
|
|
4
69
|
type RepeaterInputProps = Partial<DefaultRepeaterProps> & Partial<RepeaterProps>;
|
|
5
70
|
type RepeaterField = Omit<BaseField, 'inputProps'> & {
|
|
6
71
|
inputProps: RepeaterInputProps;
|
|
7
72
|
onChange?: (fieldsList: FieldsList) => void;
|
|
73
|
+
repeater: Record<string, RepeaterElement>;
|
|
8
74
|
type: Extract<FormTypes, 'repeater'>;
|
|
9
75
|
};
|
|
10
76
|
interface FormFieldRepeaterProps extends RepeaterField {
|
|
11
77
|
fieldsList?: FieldsList;
|
|
12
78
|
}
|
|
13
|
-
type DefaultRepeaterProps
|
|
14
|
-
appearance: CompositeAppearanceStateDefault;
|
|
15
|
-
errorAppearance: CompositeAppearanceStateDefault;
|
|
16
|
-
requiredAppearance: CompositeAppearanceStateDefault;
|
|
17
|
-
successAppearance: CompositeAppearanceStateDefault;
|
|
18
|
-
};
|
|
19
|
-
export type { DefaultRepeaterProps, FormFieldRepeaterProps, RepeaterField, RepeaterInputProps, };
|
|
79
|
+
export type { DefaultRepeaterProps, FieldsList, FormFieldRepeaterProps, RepeaterAppearance, RepeaterAppearanceProps, RepeaterAppearanceShape, RepeaterAppearanceSize, RepeaterAppearanceStyle, RepeaterElement, RepeaterField, RepeaterInputElement, RepeaterInputProps, RepeaterProps, RepeaterRow, RepeaterSelectElement, };
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
declare const repeaterAppearance: {
|
|
2
|
+
circular: {
|
|
3
|
+
inputAppearanceShape: "circular";
|
|
4
|
+
shape: "circular";
|
|
5
|
+
};
|
|
6
|
+
rounded: {
|
|
7
|
+
inputAppearanceShape: "rounded";
|
|
8
|
+
shape: "rounded";
|
|
9
|
+
};
|
|
10
|
+
roundedXL: {
|
|
11
|
+
inputAppearanceShape: "roundedXL";
|
|
12
|
+
shape: "roundedXL";
|
|
13
|
+
};
|
|
14
|
+
roundedL: {
|
|
15
|
+
inputAppearanceShape: "roundedL";
|
|
16
|
+
shape: "roundedL";
|
|
17
|
+
};
|
|
18
|
+
roundedM: {
|
|
19
|
+
inputAppearanceShape: "roundedM";
|
|
20
|
+
shape: "roundedM";
|
|
21
|
+
};
|
|
22
|
+
roundedS: {
|
|
23
|
+
inputAppearanceShape: "roundedS";
|
|
24
|
+
shape: "roundedS";
|
|
25
|
+
};
|
|
26
|
+
solid: {
|
|
27
|
+
inputAppearanceStyle: "solid";
|
|
28
|
+
};
|
|
29
|
+
outlined: {
|
|
30
|
+
inputAppearanceStyle: "outlined";
|
|
31
|
+
};
|
|
32
|
+
full: {
|
|
33
|
+
inputAppearanceStyle: "full";
|
|
34
|
+
};
|
|
35
|
+
ghost: {
|
|
36
|
+
inputAppearanceStyle: "ghost";
|
|
37
|
+
};
|
|
38
|
+
sizeM: {
|
|
39
|
+
size: "m";
|
|
40
|
+
titleSize: "h4";
|
|
41
|
+
descriptionTextSize: "s";
|
|
42
|
+
buttonAppearance: "accentPrimary sizeM solid rounded";
|
|
43
|
+
buttonDeleteAppearance: "surfacePrimary sizeXL solid rounded";
|
|
44
|
+
buttonDeleteIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
45
|
+
buttonIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
46
|
+
inputAppearanceSize: "sizeM";
|
|
47
|
+
};
|
|
48
|
+
sizeS: {
|
|
49
|
+
size: "s";
|
|
50
|
+
titleSize: "h4";
|
|
51
|
+
descriptionTextSize: "s";
|
|
52
|
+
buttonAppearance: "accentPrimary sizeS solid rounded";
|
|
53
|
+
buttonDeleteAppearance: "surfacePrimary sizeM solid rounded";
|
|
54
|
+
buttonDeleteIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
55
|
+
buttonIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
56
|
+
inputAppearanceSize: "sizeS";
|
|
57
|
+
};
|
|
58
|
+
disabledPrimary: {
|
|
59
|
+
titleTextColor: string;
|
|
60
|
+
descriptionTextColor: "surfaceTextPrimary";
|
|
61
|
+
buttonAppearance: "disabledPrimary sizeL full rounded";
|
|
62
|
+
buttonLabel: string;
|
|
63
|
+
inputAppearance: "disabledPrimary";
|
|
64
|
+
};
|
|
65
|
+
requirePrimary: {
|
|
66
|
+
titleTextColor: string;
|
|
67
|
+
descriptionTextColor: "surfaceTextPrimary";
|
|
68
|
+
buttonLabel: string;
|
|
69
|
+
inputAppearance: "requirePrimary";
|
|
70
|
+
};
|
|
71
|
+
successPrimary: {
|
|
72
|
+
titleTextColor: string;
|
|
73
|
+
descriptionTextColor: "surfaceTextPrimary";
|
|
74
|
+
buttonLabel: string;
|
|
75
|
+
inputAppearance: "successPrimary";
|
|
76
|
+
};
|
|
77
|
+
errorPrimary: {
|
|
78
|
+
titleTextColor: string;
|
|
79
|
+
descriptionTextColor: "surfaceTextPrimary";
|
|
80
|
+
buttonLabel: string;
|
|
81
|
+
inputAppearance: "errorPrimary";
|
|
82
|
+
};
|
|
83
|
+
defaultPrimary: {
|
|
84
|
+
titleTextColor: string;
|
|
85
|
+
descriptionTextColor: "surfaceTextPrimary";
|
|
86
|
+
buttonLabel: string;
|
|
87
|
+
inputAppearance: "defaultPrimary";
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
export { repeaterAppearance };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/forms-web",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.123",
|
|
4
4
|
"description": "Forms fields, inputs, etc.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,14 +50,15 @@
|
|
|
50
50
|
]
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@itcase/forms-core": "^1.1.
|
|
53
|
+
"@itcase/forms-core": "^1.1.116",
|
|
54
|
+
"@itcase/icons-default": "^2.1.0",
|
|
54
55
|
"@itcase/tokens-am": "^1.1.63",
|
|
55
56
|
"@itcase/tokens-baikal": "^1.1.62",
|
|
56
57
|
"@itcase/tokens-palette": "^1.1.63",
|
|
57
58
|
"@itcase/types-core": "^1.1.106",
|
|
58
59
|
"@itcase/types-ui": "^1.1.106",
|
|
59
60
|
"@itcase/ui-core": "^1.11.5",
|
|
60
|
-
"@itcase/ui-web": "^1.11.
|
|
61
|
+
"@itcase/ui-web": "^1.11.11",
|
|
61
62
|
"clsx": "^2.1.1",
|
|
62
63
|
"final-form": "4.20.10",
|
|
63
64
|
"lodash": "^4.18.1",
|
|
@@ -69,9 +70,11 @@
|
|
|
69
70
|
"yup": "^1.7.1"
|
|
70
71
|
},
|
|
71
72
|
"devDependencies": {
|
|
72
|
-
"@itcase/storybook-config": "^1.3.
|
|
73
|
-
"@types/lodash": "^4.17.
|
|
74
|
-
"
|
|
73
|
+
"@itcase/storybook-config": "^1.3.21",
|
|
74
|
+
"@types/lodash": "^4.17.27",
|
|
75
|
+
"@vitest/browser-playwright": "^5.1.0",
|
|
76
|
+
"concurrently": "^10.0.7",
|
|
77
|
+
"vitest": "^5.1.0"
|
|
75
78
|
},
|
|
76
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "e4ba4ac30bdb260effea82b52f700e7954c72cfb"
|
|
77
80
|
}
|