@itcase/forms-web 1.1.122 → 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.
@@ -436,13 +436,42 @@ body {
436
436
  width: 100%;
437
437
  }
438
438
 
439
- .repeater__empty {
439
+ .form-repeater__control {
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 {
440
469
  height: auto;
470
+ padding: 16px 0;
441
471
  }
442
472
 
443
- .form-repeater-item,
444
- .form-repeater-item__fields {
445
- width: 100%;
473
+ .form-repeater .form-field__message {
474
+ padding: 4px 0 0;
446
475
  }
447
476
 
448
477
  .form-segmented {
@@ -1 +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};
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-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";
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";
@@ -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/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
+ 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:z,dividerDirection:v,dividerFill:S,dividerSize:w,dividerWidth:y,errorKey:F,errorMessage:M,fieldClassName:W,helpText:I,helpTextColor:B,helpTextColorSuccess:H,helpTextSize:D,helpTextWeight:E,inputName:j,inputValue:V,metaActive:q,metaError:k,showDivider:A,showMessage:G,tag:K="div",before:R,after:J,isDisabled:L,isErrorState:O,isHidden:P,isRequired:Q,isValidState:U,children:X}=i,Y=s(()=>r(a,U&&"form__item_state_success",Q&&"form__item_state_required",L&&"form__item_state_disabled",q&&"form__item_state_focus",V&&"form__item_state_filled",O&&`form__item_state_${F}`),[a,O,U,Q,q,V,L,k]),Z=s(()=>r(W,U&&`${W}_state_success`,q&&`${W}_state_focus`,V&&`${W}_state_filled`,L&&`${W}_state_disabled`,O&&`${W}_state_${F}`),[W,O,U,q,V,L,k]),ee=l(i),te=ee.getClassName("size",{prefix:"form-field_size_"}),ie=ee.getClassName("fill",{prefix:"fill_"}),se=ee.getClassName("inputFill",{prefix:"fill_"}),re=ee.getClassName("shape",{prefix:"form-field_shape_"}),ae=ee.getClassName("inputShape",{prefix:"form-field__item-value_shape_"}),le=ee.getClassName("direction",{prefix:"direction_"}),oe=ee.getClassName("width",{prefix:"width_"}),{styles:me}=o(i),de=i[`${F}MessageTextSize`],_e=i[`${F}MessageTextColor`],fe=i[`${F}MessageTextWeight`],ce=`${f||`${j}Field`}Message`;return t(K,{className:r(Y,"form__item","form-field",c?`form-field_type_${c}`:"form-field_type_classic",te,ie,re,L&&"form-field_state_disabled",P&&"form-field_state_hidden",le,oe),"data-testid":f,style:me,children:[e(_,{dataTestId:f,label:n,labelHidden:p,labelTextColor:x,labelTextSize:g,labelTextWeight:h,desc:u,descTextColor:b,descTextSize:N,descTextWeight:C,after:R}),t("div",{className:r("form-field__content",se,ae),children:[t("div",{className:r("form-field__content-inner",Z),children:[z,X,$]}),A&&e(m,{className:"form-field__item-divider",width:y,direction:v,size:w,fill:S})]}),G&&t("div",{className:r("form-field__message",`text_size_${de||D||T}`),"data-testid":ce,children:[O&&M&&e(d,{className:"form-field__message-item form-field__message-item_type-error",dataTestId:`${f}MessageError`,size:de,textColor:_e,textWeight:fe,children:M}),Boolean(I)&&(!O||!M)&&e(d,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${f}MessageHelpText`,size:D,textColor:U?H:B,textWeight:E,children:I}),(!O&&!I||O&&!I&&!M)&&e(d,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${f}MessageHelpText`,size:T,children:" "})]}),J]})}function c(t){const{inputName:s}=t,r=a();return i(()=>()=>{const{lastSubmittedValues:e,submitError:t,submitting:i}=r.getState();e||t||i||r.change(s,void 0)},[]),e(f,{...t})}export{c as FieldWrapper,f as FieldWrapperBase};
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/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
+ 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-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
+ 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/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
+ 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/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
+ 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";
@@ -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-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";
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-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";
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,19 +1,79 @@
1
- import type { CompositeAppearanceStateDefault } from '@itcase/types-ui';
2
- import type { FieldsList, RepeaterProps } from '@itcase/ui-web/components/Repeater';
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 };
@@ -62,7 +62,7 @@ interface FieldWrapperBaseProps {
62
62
  showMessage?: boolean;
63
63
  size?: TextProps['size'];
64
64
  tag?: 'div' | 'label';
65
- type?: FormTypes;
65
+ type?: FormTypes | null;
66
66
  width?: WidthProps;
67
67
  }
68
68
  interface FieldBaseProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/forms-web",
3
- "version": "1.1.122",
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.121",
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.10",
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.16",
73
- "@types/lodash": "^4.17.25",
74
- "concurrently": "^10.0.6"
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": "d4bbc73f00a653d6b8356e1725c82a1c4b1ebc20"
79
+ "gitHead": "e4ba4ac30bdb260effea82b52f700e7954c72cfb"
77
80
  }