@toptal/picasso-forms 66.3.2 → 67.0.0
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/{Autocomplete → dist-package/src/Autocomplete}/Autocomplete.d.ts +1 -0
- package/dist-package/src/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/dist-package/src/Autocomplete/Autocomplete.js.map +1 -0
- package/{Autocomplete → dist-package/src/Autocomplete}/index.d.ts +1 -0
- package/dist-package/src/Autocomplete/index.d.ts.map +1 -0
- package/dist-package/src/Autocomplete/index.js.map +1 -0
- package/{AvatarUpload → dist-package/src/AvatarUpload}/AvatarUpload.d.ts +1 -0
- package/dist-package/src/AvatarUpload/AvatarUpload.d.ts.map +1 -0
- package/dist-package/src/AvatarUpload/AvatarUpload.js.map +1 -0
- package/{AvatarUpload → dist-package/src/AvatarUpload}/index.d.ts +1 -0
- package/dist-package/src/AvatarUpload/index.d.ts.map +1 -0
- package/dist-package/src/AvatarUpload/index.js.map +1 -0
- package/{ButtonCheckbox → dist-package/src/ButtonCheckbox}/ButtonCheckbox.d.ts +1 -0
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.d.ts.map +1 -0
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.js.map +1 -0
- package/{ButtonCheckbox → dist-package/src/ButtonCheckbox}/index.d.ts +1 -0
- package/dist-package/src/ButtonCheckbox/index.d.ts.map +1 -0
- package/dist-package/src/ButtonCheckbox/index.js.map +1 -0
- package/{ButtonRadio → dist-package/src/ButtonRadio}/ButtonRadio.d.ts +1 -0
- package/dist-package/src/ButtonRadio/ButtonRadio.d.ts.map +1 -0
- package/dist-package/src/ButtonRadio/ButtonRadio.js.map +1 -0
- package/{ButtonRadio → dist-package/src/ButtonRadio}/index.d.ts +1 -0
- package/dist-package/src/ButtonRadio/index.d.ts.map +1 -0
- package/dist-package/src/ButtonRadio/index.js.map +1 -0
- package/{Checkbox → dist-package/src/Checkbox}/Checkbox.d.ts +1 -0
- package/dist-package/src/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist-package/src/Checkbox/Checkbox.js.map +1 -0
- package/dist-package/src/Checkbox/index.d.ts +3 -0
- package/dist-package/src/Checkbox/index.d.ts.map +1 -0
- package/dist-package/src/Checkbox/index.js.map +1 -0
- package/{CheckboxGroup → dist-package/src/CheckboxGroup}/CheckboxGroup.d.ts +1 -0
- package/dist-package/src/CheckboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/dist-package/src/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/{CheckboxGroup → dist-package/src/CheckboxGroup}/CheckboxGroupContext.d.ts +1 -0
- package/dist-package/src/CheckboxGroup/CheckboxGroupContext.d.ts.map +1 -0
- package/dist-package/src/CheckboxGroup/CheckboxGroupContext.js.map +1 -0
- package/{CheckboxGroup → dist-package/src/CheckboxGroup}/index.d.ts +1 -0
- package/dist-package/src/CheckboxGroup/index.d.ts.map +1 -0
- package/dist-package/src/CheckboxGroup/index.js.map +1 -0
- package/{DatePicker → dist-package/src/DatePicker}/DatePicker.d.ts +1 -0
- package/dist-package/src/DatePicker/DatePicker.d.ts.map +1 -0
- package/dist-package/src/DatePicker/DatePicker.js.map +1 -0
- package/{DatePicker → dist-package/src/DatePicker}/index.d.ts +1 -0
- package/dist-package/src/DatePicker/index.d.ts.map +1 -0
- package/dist-package/src/DatePicker/index.js.map +1 -0
- package/{Dropzone → dist-package/src/Dropzone}/Dropzone.d.ts +1 -0
- package/dist-package/src/Dropzone/Dropzone.d.ts.map +1 -0
- package/dist-package/src/Dropzone/Dropzone.js.map +1 -0
- package/{Dropzone → dist-package/src/Dropzone}/index.d.ts +1 -0
- package/dist-package/src/Dropzone/index.d.ts.map +1 -0
- package/dist-package/src/Dropzone/index.js.map +1 -0
- package/{Field → dist-package/src/Field}/Field.d.ts +1 -0
- package/dist-package/src/Field/Field.d.ts.map +1 -0
- package/dist-package/src/Field/Field.js.map +1 -0
- package/{Field → dist-package/src/Field}/index.d.ts +1 -0
- package/dist-package/src/Field/index.d.ts.map +1 -0
- package/dist-package/src/Field/index.js.map +1 -0
- package/dist-package/src/FieldBase/index.d.ts +2 -0
- package/dist-package/src/FieldBase/index.d.ts.map +1 -0
- package/dist-package/src/FieldBase/index.js.map +1 -0
- package/dist-package/src/FieldBase/types.d.ts +6 -0
- package/dist-package/src/FieldBase/types.d.ts.map +1 -0
- package/{FieldBase → dist-package/src/FieldBase}/types.js.map +1 -1
- package/{FieldLabel → dist-package/src/FieldLabel}/FieldLabel.d.ts +1 -0
- package/dist-package/src/FieldLabel/FieldLabel.d.ts.map +1 -0
- package/dist-package/src/FieldLabel/FieldLabel.js.map +1 -0
- package/{FieldLabel → dist-package/src/FieldLabel}/index.d.ts +1 -0
- package/dist-package/src/FieldLabel/index.d.ts.map +1 -0
- package/dist-package/src/FieldLabel/index.js.map +1 -0
- package/{FieldWrapper → dist-package/src/FieldWrapper}/FieldWrapper.d.ts +1 -0
- package/dist-package/src/FieldWrapper/FieldWrapper.d.ts.map +1 -0
- package/dist-package/src/FieldWrapper/FieldWrapper.js.map +1 -0
- package/{FieldWrapper → dist-package/src/FieldWrapper}/index.d.ts +1 -0
- package/dist-package/src/FieldWrapper/index.d.ts.map +1 -0
- package/dist-package/src/FieldWrapper/index.js.map +1 -0
- package/{FileInput → dist-package/src/FileInput}/FileInput.d.ts +1 -0
- package/dist-package/src/FileInput/FileInput.d.ts.map +1 -0
- package/dist-package/src/FileInput/FileInput.js.map +1 -0
- package/{FileInput → dist-package/src/FileInput}/index.d.ts +1 -0
- package/dist-package/src/FileInput/index.d.ts.map +1 -0
- package/dist-package/src/FileInput/index.js.map +1 -0
- package/{Form → dist-package/src/Form}/Form.d.ts +1 -0
- package/dist-package/src/Form/Form.d.ts.map +1 -0
- package/{Form → dist-package/src/Form}/Form.js +1 -1
- package/dist-package/src/Form/Form.js.map +1 -0
- package/{Form → dist-package/src/Form}/FormContext.d.ts +1 -0
- package/dist-package/src/Form/FormContext.d.ts.map +1 -0
- package/dist-package/src/Form/FormContext.js.map +1 -0
- package/{Form → dist-package/src/Form}/FormRenderer.d.ts +1 -0
- package/dist-package/src/Form/FormRenderer.d.ts.map +1 -0
- package/dist-package/src/Form/FormRenderer.js.map +1 -0
- package/{Form → dist-package/src/Form}/index.d.ts +1 -0
- package/dist-package/src/Form/index.d.ts.map +1 -0
- package/dist-package/src/Form/index.js.map +1 -0
- package/{Form → dist-package/src/Form}/mutators/index.d.ts +1 -0
- package/dist-package/src/Form/mutators/index.d.ts.map +1 -0
- package/dist-package/src/Form/mutators/index.js.map +1 -0
- package/{Form → dist-package/src/Form}/mutators/set-active-field-touched.d.ts +1 -0
- package/dist-package/src/Form/mutators/set-active-field-touched.d.ts.map +1 -0
- package/dist-package/src/Form/mutators/set-active-field-touched.js.map +1 -0
- package/{Form → dist-package/src/Form}/mutators/set-has-multiline-counter.d.ts +1 -0
- package/dist-package/src/Form/mutators/set-has-multiline-counter.d.ts.map +1 -0
- package/dist-package/src/Form/mutators/set-has-multiline-counter.js.map +1 -0
- package/{FormCompound → dist-package/src/FormCompound}/index.d.ts +7 -6
- package/dist-package/src/FormCompound/index.d.ts.map +1 -0
- package/dist-package/src/FormCompound/index.js.map +1 -0
- package/{FormConfig → dist-package/src/FormConfig}/FormConfig.d.ts +1 -0
- package/dist-package/src/FormConfig/FormConfig.d.ts.map +1 -0
- package/dist-package/src/FormConfig/FormConfig.js.map +1 -0
- package/dist-package/src/FormConfig/index.d.ts +2 -0
- package/dist-package/src/FormConfig/index.d.ts.map +1 -0
- package/dist-package/src/FormConfig/index.js.map +1 -0
- package/{Input → dist-package/src/Input}/Input.d.ts +1 -0
- package/dist-package/src/Input/Input.d.ts.map +1 -0
- package/dist-package/src/Input/Input.js.map +1 -0
- package/{Input → dist-package/src/Input}/index.d.ts +1 -0
- package/dist-package/src/Input/index.d.ts.map +1 -0
- package/dist-package/src/Input/index.js.map +1 -0
- package/{InputField → dist-package/src/InputField}/InputField.d.ts +1 -0
- package/dist-package/src/InputField/InputField.d.ts.map +1 -0
- package/dist-package/src/InputField/InputField.js.map +1 -0
- package/{InputField → dist-package/src/InputField}/index.d.ts +1 -0
- package/dist-package/src/InputField/index.d.ts.map +1 -0
- package/dist-package/src/InputField/index.js.map +1 -0
- package/{NumberInput → dist-package/src/NumberInput}/NumberInput.d.ts +1 -0
- package/dist-package/src/NumberInput/NumberInput.d.ts.map +1 -0
- package/dist-package/src/NumberInput/NumberInput.js.map +1 -0
- package/dist-package/src/NumberInput/index.d.ts +3 -0
- package/dist-package/src/NumberInput/index.d.ts.map +1 -0
- package/dist-package/src/NumberInput/index.js.map +1 -0
- package/{PasswordInput → dist-package/src/PasswordInput}/FieldRenderer.d.ts +1 -0
- package/dist-package/src/PasswordInput/FieldRenderer.d.ts.map +1 -0
- package/dist-package/src/PasswordInput/FieldRenderer.js.map +1 -0
- package/{PasswordInput → dist-package/src/PasswordInput}/PasswordInput.d.ts +1 -0
- package/dist-package/src/PasswordInput/PasswordInput.d.ts.map +1 -0
- package/dist-package/src/PasswordInput/PasswordInput.js.map +1 -0
- package/{PasswordInput → dist-package/src/PasswordInput}/index.d.ts +1 -0
- package/dist-package/src/PasswordInput/index.d.ts.map +1 -0
- package/dist-package/src/PasswordInput/index.js.map +1 -0
- package/{PasswordInput → dist-package/src/PasswordInput}/validators.d.ts +1 -0
- package/dist-package/src/PasswordInput/validators.d.ts.map +1 -0
- package/dist-package/src/PasswordInput/validators.js.map +1 -0
- package/{Radio → dist-package/src/Radio}/Radio.d.ts +1 -0
- package/dist-package/src/Radio/Radio.d.ts.map +1 -0
- package/dist-package/src/Radio/Radio.js.map +1 -0
- package/{Radio → dist-package/src/Radio}/index.d.ts +1 -0
- package/dist-package/src/Radio/index.d.ts.map +1 -0
- package/dist-package/src/Radio/index.js.map +1 -0
- package/{RadioGroup → dist-package/src/RadioGroup}/RadioGroup.d.ts +1 -0
- package/dist-package/src/RadioGroup/RadioGroup.d.ts.map +1 -0
- package/dist-package/src/RadioGroup/RadioGroup.js.map +1 -0
- package/{RadioGroup → dist-package/src/RadioGroup}/RadioGroupContext.d.ts +1 -0
- package/dist-package/src/RadioGroup/RadioGroupContext.d.ts.map +1 -0
- package/dist-package/src/RadioGroup/RadioGroupContext.js.map +1 -0
- package/{RadioGroup → dist-package/src/RadioGroup}/index.d.ts +1 -0
- package/dist-package/src/RadioGroup/index.d.ts.map +1 -0
- package/dist-package/src/RadioGroup/index.js.map +1 -0
- package/{Rating → dist-package/src/Rating}/Rating.d.ts +1 -0
- package/dist-package/src/Rating/Rating.d.ts.map +1 -0
- package/dist-package/src/Rating/Rating.js.map +1 -0
- package/{Rating → dist-package/src/Rating}/index.d.ts +1 -0
- package/dist-package/src/Rating/index.d.ts.map +1 -0
- package/dist-package/src/Rating/index.js.map +1 -0
- package/{RichTextEditor → dist-package/src/RichTextEditor}/RichTextEditor.d.ts +2 -1
- package/dist-package/src/RichTextEditor/RichTextEditor.d.ts.map +1 -0
- package/dist-package/src/RichTextEditor/RichTextEditor.js.map +1 -0
- package/dist-package/src/RichTextEditor/hooks/index.d.ts +2 -0
- package/dist-package/src/RichTextEditor/hooks/index.d.ts.map +1 -0
- package/dist-package/src/RichTextEditor/hooks/index.js.map +1 -0
- package/{RichTextEditor → dist-package/src/RichTextEditor}/hooks/use-enforce-highlight-autofill.d.ts +1 -0
- package/dist-package/src/RichTextEditor/hooks/use-enforce-highlight-autofill.d.ts.map +1 -0
- package/dist-package/src/RichTextEditor/hooks/use-enforce-highlight-autofill.js.map +1 -0
- package/{RichTextEditor → dist-package/src/RichTextEditor}/index.d.ts +1 -0
- package/dist-package/src/RichTextEditor/index.d.ts.map +1 -0
- package/dist-package/src/RichTextEditor/index.js.map +1 -0
- package/{Select → dist-package/src/Select}/Select.d.ts +1 -0
- package/dist-package/src/Select/Select.d.ts.map +1 -0
- package/{Select → dist-package/src/Select}/Select.js +1 -1
- package/dist-package/src/Select/Select.js.map +1 -0
- package/dist-package/src/Select/index.d.ts +3 -0
- package/dist-package/src/Select/index.d.ts.map +1 -0
- package/dist-package/src/Select/index.js.map +1 -0
- package/{SubmitButton → dist-package/src/SubmitButton}/SubmitButton.d.ts +2 -2
- package/dist-package/src/SubmitButton/SubmitButton.d.ts.map +1 -0
- package/dist-package/src/SubmitButton/SubmitButton.js.map +1 -0
- package/{SubmitButton → dist-package/src/SubmitButton}/index.d.ts +1 -0
- package/dist-package/src/SubmitButton/index.d.ts.map +1 -0
- package/dist-package/src/SubmitButton/index.js.map +1 -0
- package/{Switch → dist-package/src/Switch}/Switch.d.ts +1 -0
- package/dist-package/src/Switch/Switch.d.ts.map +1 -0
- package/dist-package/src/Switch/Switch.js.map +1 -0
- package/{Switch → dist-package/src/Switch}/index.d.ts +1 -0
- package/dist-package/src/Switch/index.d.ts.map +1 -0
- package/dist-package/src/Switch/index.js.map +1 -0
- package/{TagSelector → dist-package/src/TagSelector}/TagSelector.d.ts +1 -0
- package/dist-package/src/TagSelector/TagSelector.d.ts.map +1 -0
- package/dist-package/src/TagSelector/TagSelector.js.map +1 -0
- package/dist-package/src/TagSelector/index.d.ts +3 -0
- package/dist-package/src/TagSelector/index.d.ts.map +1 -0
- package/dist-package/src/TagSelector/index.js.map +1 -0
- package/{TimePicker → dist-package/src/TimePicker}/TimePicker.d.ts +1 -0
- package/dist-package/src/TimePicker/TimePicker.d.ts.map +1 -0
- package/dist-package/src/TimePicker/TimePicker.js.map +1 -0
- package/{TimePicker → dist-package/src/TimePicker}/index.d.ts +1 -0
- package/dist-package/src/TimePicker/index.d.ts.map +1 -0
- package/dist-package/src/TimePicker/index.js.map +1 -0
- package/{index.d.ts → dist-package/src/index.d.ts} +10 -0
- package/dist-package/src/index.d.ts.map +1 -0
- package/{index.js → dist-package/src/index.js} +3 -0
- package/dist-package/src/index.js.map +1 -0
- package/{utils → dist-package/src/utils}/flat-map.d.ts +1 -0
- package/dist-package/src/utils/flat-map.d.ts.map +1 -0
- package/dist-package/src/utils/flat-map.js.map +1 -0
- package/{utils → dist-package/src/utils}/form-values-change-decorator/form-values-change-decorator.d.ts +1 -0
- package/dist-package/src/utils/form-values-change-decorator/form-values-change-decorator.d.ts.map +1 -0
- package/dist-package/src/utils/form-values-change-decorator/form-values-change-decorator.js.map +1 -0
- package/{utils → dist-package/src/utils}/form-values-change-decorator/index.d.ts +1 -0
- package/dist-package/src/utils/form-values-change-decorator/index.d.ts.map +1 -0
- package/dist-package/src/utils/form-values-change-decorator/index.js.map +1 -0
- package/{utils → dist-package/src/utils}/index.d.ts +1 -0
- package/dist-package/src/utils/index.d.ts.map +1 -0
- package/dist-package/src/utils/index.js.map +1 -0
- package/{utils → dist-package/src/utils}/scroll-to-error-decorator.d.ts +1 -0
- package/dist-package/src/utils/scroll-to-error-decorator.d.ts.map +1 -0
- package/dist-package/src/utils/scroll-to-error-decorator.js.map +1 -0
- package/{utils → dist-package/src/utils}/scroll-to.d.ts +1 -0
- package/dist-package/src/utils/scroll-to.d.ts.map +1 -0
- package/dist-package/src/utils/scroll-to.js.map +1 -0
- package/{utils → dist-package/src/utils}/use-field-validation/index.d.ts +1 -0
- package/dist-package/src/utils/use-field-validation/index.d.ts.map +1 -0
- package/dist-package/src/utils/use-field-validation/index.js.map +1 -0
- package/{utils → dist-package/src/utils}/use-field-validation/use-field-validation.d.ts +1 -0
- package/dist-package/src/utils/use-field-validation/use-field-validation.d.ts.map +1 -0
- package/dist-package/src/utils/use-field-validation/use-field-validation.js.map +1 -0
- package/{utils → dist-package/src/utils}/use-form-auto-save/index.d.ts +1 -0
- package/dist-package/src/utils/use-form-auto-save/index.d.ts.map +1 -0
- package/dist-package/src/utils/use-form-auto-save/index.js.map +1 -0
- package/{utils → dist-package/src/utils}/use-form-auto-save/use-form-auto-save.d.ts +1 -0
- package/dist-package/src/utils/use-form-auto-save/use-form-auto-save.d.ts.map +1 -0
- package/dist-package/src/utils/use-form-auto-save/use-form-auto-save.js.map +1 -0
- package/{utils → dist-package/src/utils}/use-form-input-reset/index.d.ts +1 -0
- package/dist-package/src/utils/use-form-input-reset/index.d.ts.map +1 -0
- package/dist-package/src/utils/use-form-input-reset/index.js.map +1 -0
- package/{utils → dist-package/src/utils}/use-form-input-reset/use-form-input-reset.d.ts +1 -0
- package/dist-package/src/utils/use-form-input-reset/use-form-input-reset.d.ts.map +1 -0
- package/dist-package/src/utils/use-form-input-reset/use-form-input-reset.js.map +1 -0
- package/{utils → dist-package/src/utils}/validators.d.ts +1 -0
- package/dist-package/src/utils/validators.d.ts.map +1 -0
- package/dist-package/src/utils/validators.js.map +1 -0
- package/package.json +24 -11
- package/src/Autocomplete/Autocomplete.tsx +37 -0
- package/src/Autocomplete/index.ts +1 -0
- package/src/AvatarUpload/AvatarUpload.tsx +92 -0
- package/src/AvatarUpload/index.ts +1 -0
- package/src/ButtonCheckbox/ButtonCheckbox.tsx +63 -0
- package/src/ButtonCheckbox/index.ts +1 -0
- package/src/ButtonRadio/ButtonRadio.tsx +25 -0
- package/src/ButtonRadio/index.ts +1 -0
- package/src/Checkbox/Checkbox.tsx +79 -0
- package/src/Checkbox/__snapshots__/test.tsx.snap +259 -0
- package/src/Checkbox/index.ts +2 -0
- package/src/Checkbox/test.tsx +92 -0
- package/src/CheckboxGroup/CheckboxGroup.tsx +47 -0
- package/src/CheckboxGroup/CheckboxGroupContext.ts +3 -0
- package/src/CheckboxGroup/index.ts +3 -0
- package/src/CheckboxGroup/test.tsx +36 -0
- package/src/DatePicker/DatePicker.tsx +40 -0
- package/src/DatePicker/index.ts +1 -0
- package/src/Dropzone/Dropzone.tsx +102 -0
- package/src/Dropzone/index.ts +6 -0
- package/src/Field/Field.tsx +196 -0
- package/src/Field/index.ts +2 -0
- package/src/FieldBase/index.ts +1 -0
- package/src/FieldBase/types.ts +23 -0
- package/src/FieldLabel/FieldLabel.tsx +64 -0
- package/src/FieldLabel/__snapshots__/test.tsx.snap +21 -0
- package/src/FieldLabel/index.ts +2 -0
- package/src/FieldLabel/test.tsx +52 -0
- package/src/FieldWrapper/FieldWrapper.tsx +48 -0
- package/src/FieldWrapper/index.ts +6 -0
- package/src/FieldWrapper/story/index.jsx +153 -0
- package/src/FieldWrapper/test.tsx +32 -0
- package/src/FileInput/FileInput.tsx +85 -0
- package/src/FileInput/index.ts +1 -0
- package/src/Form/Form.tsx +161 -0
- package/src/Form/FormContext.ts +38 -0
- package/src/Form/FormRenderer.tsx +38 -0
- package/src/Form/__snapshots__/test.tsx.snap +140 -0
- package/src/Form/index.ts +2 -0
- package/src/Form/mutators/index.ts +2 -0
- package/src/Form/mutators/set-active-field-touched.ts +16 -0
- package/src/Form/mutators/set-has-multiline-counter.ts +16 -0
- package/src/Form/story/AutoSave.example.tsx +120 -0
- package/src/Form/story/AvatarUpload.example.tsx +81 -0
- package/src/Form/story/BackendCommunication.example.tsx +137 -0
- package/src/Form/story/CustomFormLevelConfiguration.example.tsx +35 -0
- package/src/Form/story/CustomValidator.example.tsx +53 -0
- package/src/Form/story/Default.example.tsx +218 -0
- package/src/Form/story/Dropzone.example.tsx +42 -0
- package/src/Form/story/FieldRequirements.example.tsx +58 -0
- package/src/Form/story/FileInput.example.tsx +43 -0
- package/src/Form/story/HighlightAutofill.example.tsx +96 -0
- package/src/Form/story/Horizontal.example.tsx +281 -0
- package/src/Form/story/HorizontalLabelWidth.example.tsx +26 -0
- package/src/Form/story/NoScrolling.example.tsx +42 -0
- package/src/Form/story/ParseInput.example.tsx +31 -0
- package/src/Form/story/RichTextEditor.example.tsx +32 -0
- package/src/Form/story/Status.example.tsx +35 -0
- package/src/Form/story/TitleCase.example.tsx +194 -0
- package/src/Form/story/ValidateOnSubmit.example.tsx +99 -0
- package/src/Form/story/index.jsx +289 -0
- package/src/Form/test.tsx +202 -0
- package/src/FormCompound/index.ts +51 -0
- package/src/FormConfig/FormConfig.ts +35 -0
- package/src/FormConfig/index.ts +1 -0
- package/src/FormConfig/test.tsx +44 -0
- package/src/Input/Input.tsx +80 -0
- package/src/Input/index.ts +2 -0
- package/src/Input/test.tsx +35 -0
- package/src/InputField/InputField.tsx +71 -0
- package/src/InputField/index.ts +1 -0
- package/src/InputField/test.ts +105 -0
- package/src/NumberInput/NumberInput.tsx +58 -0
- package/src/NumberInput/index.ts +2 -0
- package/src/PasswordInput/FieldRenderer.tsx +36 -0
- package/src/PasswordInput/PasswordInput.tsx +144 -0
- package/src/PasswordInput/index.ts +1 -0
- package/src/PasswordInput/test.ts +45 -0
- package/src/PasswordInput/validators.ts +28 -0
- package/src/Radio/Radio.tsx +25 -0
- package/src/Radio/__snapshots__/test.tsx.snap +235 -0
- package/src/Radio/index.ts +1 -0
- package/src/Radio/test.tsx +49 -0
- package/src/RadioGroup/RadioGroup.tsx +53 -0
- package/src/RadioGroup/RadioGroupContext.ts +3 -0
- package/src/RadioGroup/index.ts +3 -0
- package/src/RadioGroup/test.tsx +36 -0
- package/src/Rating/Rating.tsx +95 -0
- package/src/Rating/__snapshots__/test.tsx.snap +226 -0
- package/src/Rating/index.ts +1 -0
- package/src/Rating/test.tsx +171 -0
- package/src/RichTextEditor/RichTextEditor.tsx +87 -0
- package/{RichTextEditor/hooks/index.d.ts → src/RichTextEditor/hooks/index.ts} +1 -1
- package/src/RichTextEditor/hooks/use-enforce-highlight-autofill.test.tsx +67 -0
- package/src/RichTextEditor/hooks/use-enforce-highlight-autofill.ts +48 -0
- package/src/RichTextEditor/index.ts +1 -0
- package/src/Select/Select.tsx +55 -0
- package/src/Select/index.ts +2 -0
- package/src/SubmitButton/SubmitButton.tsx +71 -0
- package/src/SubmitButton/index.ts +6 -0
- package/src/SubmitButton/story/ButtonTypes.example.tsx +45 -0
- package/src/SubmitButton/story/Default.example.tsx +16 -0
- package/src/SubmitButton/story/index.jsx +35 -0
- package/src/Switch/Switch.tsx +40 -0
- package/src/Switch/index.ts +1 -0
- package/src/TagSelector/TagSelector.tsx +41 -0
- package/src/TagSelector/index.ts +2 -0
- package/src/TimePicker/TimePicker.tsx +43 -0
- package/src/TimePicker/index.ts +1 -0
- package/src/index.ts +86 -0
- package/src/story/Deserialization.example.tsx +40 -0
- package/src/story/FormSpy.example.tsx +50 -0
- package/src/story/index.jsx +39 -0
- package/src/utils/flat-map.ts +4 -0
- package/src/utils/form-values-change-decorator/form-values-change-decorator.ts +64 -0
- package/src/utils/form-values-change-decorator/index.ts +3 -0
- package/src/utils/form-values-change-decorator/test.tsx +77 -0
- package/src/utils/index.ts +6 -0
- package/src/utils/scroll-to-error-decorator.ts +85 -0
- package/src/utils/scroll-to.ts +10 -0
- package/src/utils/use-field-validation/index.ts +1 -0
- package/src/utils/use-field-validation/test.tsx +73 -0
- package/src/utils/use-field-validation/use-field-validation.ts +63 -0
- package/src/utils/use-form-auto-save/index.ts +1 -0
- package/src/utils/use-form-auto-save/use-form-auto-save.ts +59 -0
- package/src/utils/use-form-input-reset/index.ts +1 -0
- package/src/utils/use-form-input-reset/test.ts +72 -0
- package/src/utils/use-form-input-reset/use-form-input-reset.ts +32 -0
- package/src/utils/validators.ts +18 -0
- package/utils.d.ts +1 -0
- package/utils.js +4 -0
- package/Autocomplete/Autocomplete.js.map +0 -1
- package/Autocomplete/index.js.map +0 -1
- package/AvatarUpload/AvatarUpload.js.map +0 -1
- package/AvatarUpload/index.js.map +0 -1
- package/ButtonCheckbox/ButtonCheckbox.js.map +0 -1
- package/ButtonCheckbox/index.js.map +0 -1
- package/ButtonRadio/ButtonRadio.js.map +0 -1
- package/ButtonRadio/index.js.map +0 -1
- package/Checkbox/Checkbox.js.map +0 -1
- package/Checkbox/index.d.ts +0 -1
- package/Checkbox/index.js.map +0 -1
- package/CheckboxGroup/CheckboxGroup.js.map +0 -1
- package/CheckboxGroup/CheckboxGroupContext.js.map +0 -1
- package/CheckboxGroup/index.js.map +0 -1
- package/DatePicker/DatePicker.js.map +0 -1
- package/DatePicker/index.js.map +0 -1
- package/Dropzone/Dropzone.js.map +0 -1
- package/Dropzone/index.js.map +0 -1
- package/Field/Field.js.map +0 -1
- package/Field/index.js.map +0 -1
- package/FieldBase/index.d.ts +0 -1
- package/FieldBase/index.js.map +0 -1
- package/FieldBase/types.d.ts +0 -8
- package/FieldLabel/FieldLabel.js.map +0 -1
- package/FieldLabel/index.js.map +0 -1
- package/FieldWrapper/FieldWrapper.js.map +0 -1
- package/FieldWrapper/index.js.map +0 -1
- package/FileInput/FileInput.js.map +0 -1
- package/FileInput/index.js.map +0 -1
- package/Form/Form.js.map +0 -1
- package/Form/FormContext.js.map +0 -1
- package/Form/FormRenderer.js.map +0 -1
- package/Form/index.js.map +0 -1
- package/Form/mutators/index.js.map +0 -1
- package/Form/mutators/set-active-field-touched.js.map +0 -1
- package/Form/mutators/set-has-multiline-counter.js.map +0 -1
- package/FormCompound/index.js.map +0 -1
- package/FormConfig/FormConfig.js.map +0 -1
- package/FormConfig/index.d.ts +0 -1
- package/FormConfig/index.js.map +0 -1
- package/Input/Input.js.map +0 -1
- package/Input/index.js.map +0 -1
- package/InputField/InputField.js.map +0 -1
- package/InputField/index.js.map +0 -1
- package/LICENSE +0 -20
- package/NumberInput/NumberInput.js.map +0 -1
- package/NumberInput/index.d.ts +0 -1
- package/NumberInput/index.js.map +0 -1
- package/PasswordInput/FieldRenderer.js.map +0 -1
- package/PasswordInput/PasswordInput.js.map +0 -1
- package/PasswordInput/index.js.map +0 -1
- package/PasswordInput/validators.js.map +0 -1
- package/Radio/Radio.js.map +0 -1
- package/Radio/index.js.map +0 -1
- package/RadioGroup/RadioGroup.js.map +0 -1
- package/RadioGroup/RadioGroupContext.js.map +0 -1
- package/RadioGroup/index.js.map +0 -1
- package/Rating/Rating.js.map +0 -1
- package/Rating/index.js.map +0 -1
- package/RichTextEditor/RichTextEditor.js.map +0 -1
- package/RichTextEditor/hooks/index.js.map +0 -1
- package/RichTextEditor/hooks/use-enforce-highlight-autofill.js.map +0 -1
- package/RichTextEditor/hooks/use-enforce-highlight-autofill.test.d.ts +0 -1
- package/RichTextEditor/hooks/use-enforce-highlight-autofill.test.js +0 -51
- package/RichTextEditor/hooks/use-enforce-highlight-autofill.test.js.map +0 -1
- package/RichTextEditor/index.js.map +0 -1
- package/Select/Select.js.map +0 -1
- package/Select/index.d.ts +0 -1
- package/Select/index.js.map +0 -1
- package/SubmitButton/SubmitButton.js.map +0 -1
- package/SubmitButton/index.js.map +0 -1
- package/Switch/Switch.js.map +0 -1
- package/Switch/index.js.map +0 -1
- package/TagSelector/TagSelector.js.map +0 -1
- package/TagSelector/index.d.ts +0 -1
- package/TagSelector/index.js.map +0 -1
- package/TimePicker/TimePicker.js.map +0 -1
- package/TimePicker/index.js.map +0 -1
- package/index.js.map +0 -1
- package/utils/flat-map.js.map +0 -1
- package/utils/form-values-change-decorator/form-values-change-decorator.js.map +0 -1
- package/utils/form-values-change-decorator/index.js.map +0 -1
- package/utils/index.js.map +0 -1
- package/utils/scroll-to-error-decorator.js.map +0 -1
- package/utils/scroll-to.js.map +0 -1
- package/utils/use-field-validation/index.js.map +0 -1
- package/utils/use-field-validation/use-field-validation.js.map +0 -1
- package/utils/use-form-auto-save/index.js.map +0 -1
- package/utils/use-form-auto-save/use-form-auto-save.js.map +0 -1
- package/utils/use-form-input-reset/index.js.map +0 -1
- package/utils/use-form-input-reset/use-form-input-reset.js.map +0 -1
- package/utils/validators.js.map +0 -1
- /package/{Autocomplete → dist-package/src/Autocomplete}/Autocomplete.js +0 -0
- /package/{Autocomplete → dist-package/src/Autocomplete}/index.js +0 -0
- /package/{AvatarUpload → dist-package/src/AvatarUpload}/AvatarUpload.js +0 -0
- /package/{AvatarUpload → dist-package/src/AvatarUpload}/index.js +0 -0
- /package/{ButtonCheckbox → dist-package/src/ButtonCheckbox}/ButtonCheckbox.js +0 -0
- /package/{ButtonCheckbox → dist-package/src/ButtonCheckbox}/index.js +0 -0
- /package/{ButtonRadio → dist-package/src/ButtonRadio}/ButtonRadio.js +0 -0
- /package/{ButtonRadio → dist-package/src/ButtonRadio}/index.js +0 -0
- /package/{Checkbox → dist-package/src/Checkbox}/Checkbox.js +0 -0
- /package/{Checkbox → dist-package/src/Checkbox}/index.js +0 -0
- /package/{CheckboxGroup → dist-package/src/CheckboxGroup}/CheckboxGroup.js +0 -0
- /package/{CheckboxGroup → dist-package/src/CheckboxGroup}/CheckboxGroupContext.js +0 -0
- /package/{CheckboxGroup → dist-package/src/CheckboxGroup}/index.js +0 -0
- /package/{DatePicker → dist-package/src/DatePicker}/DatePicker.js +0 -0
- /package/{DatePicker → dist-package/src/DatePicker}/index.js +0 -0
- /package/{Dropzone → dist-package/src/Dropzone}/Dropzone.js +0 -0
- /package/{Dropzone → dist-package/src/Dropzone}/index.js +0 -0
- /package/{Field → dist-package/src/Field}/Field.js +0 -0
- /package/{Field → dist-package/src/Field}/index.js +0 -0
- /package/{FieldBase → dist-package/src/FieldBase}/index.js +0 -0
- /package/{FieldBase → dist-package/src/FieldBase}/types.js +0 -0
- /package/{FieldLabel → dist-package/src/FieldLabel}/FieldLabel.js +0 -0
- /package/{FieldLabel → dist-package/src/FieldLabel}/index.js +0 -0
- /package/{FieldWrapper → dist-package/src/FieldWrapper}/FieldWrapper.js +0 -0
- /package/{FieldWrapper → dist-package/src/FieldWrapper}/index.js +0 -0
- /package/{FileInput → dist-package/src/FileInput}/FileInput.js +0 -0
- /package/{FileInput → dist-package/src/FileInput}/index.js +0 -0
- /package/{Form → dist-package/src/Form}/FormContext.js +0 -0
- /package/{Form → dist-package/src/Form}/FormRenderer.js +0 -0
- /package/{Form → dist-package/src/Form}/index.js +0 -0
- /package/{Form → dist-package/src/Form}/mutators/index.js +0 -0
- /package/{Form → dist-package/src/Form}/mutators/set-active-field-touched.js +0 -0
- /package/{Form → dist-package/src/Form}/mutators/set-has-multiline-counter.js +0 -0
- /package/{FormCompound → dist-package/src/FormCompound}/index.js +0 -0
- /package/{FormConfig → dist-package/src/FormConfig}/FormConfig.js +0 -0
- /package/{FormConfig → dist-package/src/FormConfig}/index.js +0 -0
- /package/{Input → dist-package/src/Input}/Input.js +0 -0
- /package/{Input → dist-package/src/Input}/index.js +0 -0
- /package/{InputField → dist-package/src/InputField}/InputField.js +0 -0
- /package/{InputField → dist-package/src/InputField}/index.js +0 -0
- /package/{NumberInput → dist-package/src/NumberInput}/NumberInput.js +0 -0
- /package/{NumberInput → dist-package/src/NumberInput}/index.js +0 -0
- /package/{PasswordInput → dist-package/src/PasswordInput}/FieldRenderer.js +0 -0
- /package/{PasswordInput → dist-package/src/PasswordInput}/PasswordInput.js +0 -0
- /package/{PasswordInput → dist-package/src/PasswordInput}/index.js +0 -0
- /package/{PasswordInput → dist-package/src/PasswordInput}/validators.js +0 -0
- /package/{Radio → dist-package/src/Radio}/Radio.js +0 -0
- /package/{Radio → dist-package/src/Radio}/index.js +0 -0
- /package/{RadioGroup → dist-package/src/RadioGroup}/RadioGroup.js +0 -0
- /package/{RadioGroup → dist-package/src/RadioGroup}/RadioGroupContext.js +0 -0
- /package/{RadioGroup → dist-package/src/RadioGroup}/index.js +0 -0
- /package/{Rating → dist-package/src/Rating}/Rating.js +0 -0
- /package/{Rating → dist-package/src/Rating}/index.js +0 -0
- /package/{RichTextEditor → dist-package/src/RichTextEditor}/RichTextEditor.js +0 -0
- /package/{RichTextEditor → dist-package/src/RichTextEditor}/hooks/index.js +0 -0
- /package/{RichTextEditor → dist-package/src/RichTextEditor}/hooks/use-enforce-highlight-autofill.js +0 -0
- /package/{RichTextEditor → dist-package/src/RichTextEditor}/index.js +0 -0
- /package/{Select → dist-package/src/Select}/index.js +0 -0
- /package/{SubmitButton → dist-package/src/SubmitButton}/SubmitButton.js +0 -0
- /package/{SubmitButton → dist-package/src/SubmitButton}/index.js +0 -0
- /package/{Switch → dist-package/src/Switch}/Switch.js +0 -0
- /package/{Switch → dist-package/src/Switch}/index.js +0 -0
- /package/{TagSelector → dist-package/src/TagSelector}/TagSelector.js +0 -0
- /package/{TagSelector → dist-package/src/TagSelector}/index.js +0 -0
- /package/{TimePicker → dist-package/src/TimePicker}/TimePicker.js +0 -0
- /package/{TimePicker → dist-package/src/TimePicker}/index.js +0 -0
- /package/{utils → dist-package/src/utils}/flat-map.js +0 -0
- /package/{utils → dist-package/src/utils}/form-values-change-decorator/form-values-change-decorator.js +0 -0
- /package/{utils → dist-package/src/utils}/form-values-change-decorator/index.js +0 -0
- /package/{utils → dist-package/src/utils}/index.js +0 -0
- /package/{utils → dist-package/src/utils}/scroll-to-error-decorator.js +0 -0
- /package/{utils → dist-package/src/utils}/scroll-to.js +0 -0
- /package/{utils → dist-package/src/utils}/use-field-validation/index.js +0 -0
- /package/{utils → dist-package/src/utils}/use-field-validation/use-field-validation.js +0 -0
- /package/{utils → dist-package/src/utils}/use-form-auto-save/index.js +0 -0
- /package/{utils → dist-package/src/utils}/use-form-auto-save/use-form-auto-save.js +0 -0
- /package/{utils → dist-package/src/utils}/use-form-input-reset/index.js +0 -0
- /package/{utils → dist-package/src/utils}/use-form-input-reset/use-form-input-reset.js +0 -0
- /package/{utils → dist-package/src/utils}/validators.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flat-map.d.ts","sourceRoot":"","sources":["../../../src/utils/flat-map.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,+CACsC,CAAA;AAE1D,eAAe,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flat-map.js","sourceRoot":"","sources":["../../../src/utils/flat-map.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAO,GAAQ,EAAE,EAAoB,EAAE,EAAE,CAC9D,GAAG,CAAC,MAAM,CAAM,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;AAE1D,eAAe,OAAO,CAAA"}
|
|
@@ -7,3 +7,4 @@ interface Props<T extends AnyObject> {
|
|
|
7
7
|
}
|
|
8
8
|
declare const createFormValuesChangeDecorator: <T extends AnyObject>({ onChange, subscribedFields, }: Props<T>) => (form: FormApi<T, Partial<T>>) => () => void;
|
|
9
9
|
export default createFormValuesChangeDecorator;
|
|
10
|
+
//# sourceMappingURL=form-values-change-decorator.d.ts.map
|
package/dist-package/src/utils/form-values-change-decorator/form-values-change-decorator.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-values-change-decorator.d.ts","sourceRoot":"","sources":["../../../../src/utils/form-values-change-decorator/form-values-change-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpD,oBAAY,aAAa,CAAC,CAAC,SAAS,SAAS,IAAI,OAAO,CACtD,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CACzB,CAAA;AAED,eAAO,MAAM,gBAAgB,sJAoB5B,CAAA;AAED,UAAU,KAAK,CAAC,CAAC,SAAS,SAAS;IACjC,QAAQ,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9D,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAA;CAC/B;AAID,QAAA,MAAM,+BAA+B,kHA0BpC,CAAA;AAED,eAAe,+BAA+B,CAAA"}
|
package/dist-package/src/utils/form-values-change-decorator/form-values-change-decorator.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-values-change-decorator.js","sourceRoot":"","sources":["../../../../src/utils/form-values-change-decorator/form-values-change-decorator.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,SAAY,EACZ,cAAkB,EAClB,gBAA8B,EACZ,EAAE;IACpB,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,EAAE,CAAA;KACV;IAED,MAAM,SAAS,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAK,MAAM,CAAC,IAAI,CAAC,SAAS,CAAiB,CAAA;IAE7E,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAmB,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;QACzE,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK,cAAc,CAAC,KAAK,CAAC,EAAE;YAC9C,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI,CAAA;SAC5B;QAED,OAAO,aAAa,CAAA;IACtB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAOD,IAAI,SAAS,GAAc,EAAE,CAAA;AAE7B,MAAM,+BAA+B,GAAG,CAAsB,EAC5D,QAAQ,EACR,gBAAgB,GACP,EAAE,EAAE;IACb,OAAO,CAAC,IAAgB,EAAE,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAChC,SAAS,CAAC,EAAE;YACV,MAAM,aAAa,GAAG,gBAAgB,CACpC,SAAS,CAAC,MAAM,EAChB,SAAc,EACd,gBAAgB,CACjB,CAAA;YAED,IAAI,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzC,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;gBAEzC,SAAS,GAAG,SAAS,CAAC,MAAM,CAAA;aAC7B;QACH,CAAC,EACD,EAAE,MAAM,EAAE,IAAI,EAAE,CACjB,CAAA;QAED,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAA;QACf,CAAC,CAAA;IACH,CAAC,CAAA;AACH,CAAC,CAAA;AAED,eAAe,+BAA+B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/form-values-change-decorator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/form-values-change-decorator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA"}
|
|
@@ -4,3 +4,4 @@ export { default as createFormValuesChangeDecorator } from './form-values-change
|
|
|
4
4
|
export { default as useFormAutoSave } from './use-form-auto-save';
|
|
5
5
|
export { default as flatMap } from './flat-map';
|
|
6
6
|
export { default as useFieldValidation } from './use-field-validation';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,gCAAgC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,gCAAgC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-to-error-decorator.d.ts","sourceRoot":"","sources":["../../../src/utils/scroll-to-error-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAIzC,aAAK,kBAAkB,GAAG;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;oDA4ByC,kBAAkB;AAA5D,wBAkDG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-to-error-decorator.js","sourceRoot":"","sources":["../../../src/utils/scroll-to-error-decorator.ts"],"names":[],"mappings":";;;;;;;;;AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAMtC,MAAM,aAAa,GAAG,GAAG,EAAE,CACzB,QAAQ,CAAC,aAAa,CAAc,+BAA+B,CAAC,CAAA;AAEtE,MAAM,2BAA2B,GAAG,GAAG,EAAE,CACvC,IAAI,OAAO,CAAqB,OAAO,CAAC,EAAE;IACxC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAA;IAEnD,IAAI,OAAO,qBAAqB,KAAK,WAAW,EAAE;QAChD,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;KAC7B;SAAM;QACL,qBAAqB,CAAC,YAAY,CAAC,CAAA;KACpC;AACH,CAAC,CAAC,CAAA;AAEJ,MAAM,wBAAwB,GAAG,GAAS,EAAE;IAC1C,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,MAAM,2BAA2B,EAAE,CAAA;QAEjD,IAAI,KAAK,EAAE;YACT,OAAO,KAAK,CAAA;SACb;KACF;AACH,CAAC,CAAA,CAAA;AAED,IAAI,KAAK,GAA+C,EAAE,CAAA;AAE1D,eAAe,CAAC,EAAE,oBAAoB,KAAyB,EAAE,EAAE,EAAE,CACnE,CAAI,IAAgB,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAA;IAElC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAChC,SAAS,CAAC,EAAE;QACV,KAAK,GAAG,SAAS,CAAA;IACnB,CAAC,EACD,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CACrC,CAAA;IAED,MAAM,cAAc,GAAG,GAAS,EAAE;QAChC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;QAEhD,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,EAAE;YAClE,MAAM,KAAK,GAAG,MAAM,wBAAwB,EAAE,CAAA;YAE9C,IAAI,KAAK,EAAE;gBACT,QAAQ,CAAC,KAAK,CAAC,CAAA;aAChB;SACF;IACH,CAAC,CAAA,CAAA;IAED,0BAA0B;IAC1B,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE;QACjB,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAExC,IAAI,oBAAoB,EAAE;YACxB,OAAO,MAAM,CAAA;SACd;QAED,IAAI,MAAM,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;YAC/C,wDAAwD;YACxD,yCAAyC;YACzC,4DAA4D;YAC5D,6DAA6D;YAC7D,mDAAmD;YACnD,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;SAC5B;aAAM;YACL,cAAc,EAAE,CAAA;SACjB;QAED,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,OAAO,GAAG,EAAE;QACV,KAAK,GAAG,EAAE,CAAA;QACV,WAAW,EAAE,CAAA;QACb,IAAI,CAAC,MAAM,GAAG,cAAc,CAAA;IAC9B,CAAC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-to.d.ts","sourceRoot":"","sources":["../../../src/utils/scroll-to.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,UAAW,WAAW,SAO1C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-to.js","sourceRoot":"","sources":["../../../src/utils/scroll-to.ts"],"names":[],"mappings":"AAAA,MAAM,yBAAyB,GAAG,0BAA0B,CAAA;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE;;IAC7C,IAAI,OAAO,KAAK,CAAC,cAAc,KAAK,UAAU,EAAE;QAC9C,KAAK,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;KAC9D;IACD,MAAA,KAAK;SACF,aAAa,CAAmB,yBAAyB,CAAC,0CACzD,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;AACpC,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-field-validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/use-field-validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -10,3 +10,4 @@ export declare type Props<T extends ValueType> = {
|
|
|
10
10
|
export declare const getFieldError: <T extends ValueType>(meta: FieldMetaState<T>, shouldValidateOnSubmit?: boolean) => any;
|
|
11
11
|
declare const useFieldValidation: <T extends ValueType>({ name, meta, validators, shouldValidateOnSubmit, }: Props<T>) => any;
|
|
12
12
|
export default useFieldValidation;
|
|
13
|
+
//# sourceMappingURL=use-field-validation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-field-validation.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-field-validation/use-field-validation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAGhD,oBAAY,KAAK,CAAC,CAAC,SAAS,SAAS,IAAI;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;IACvB,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,0EAEC,OAAO,QAuBjC,CAAA;AAED,QAAA,MAAM,kBAAkB,6FAmBvB,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-field-validation.js","sourceRoot":"","sources":["../../../../src/utils/use-field-validation/use-field-validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AASvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAuB,EACvB,sBAAgC,EAChC,EAAE;IACF,IAAI,sBAAsB,IAAI,IAAI,CAAC,uBAAuB,EAAE;QAC1D,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;QACpC,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,OAAO,IAAI,CAAC,KAAK,CAAA;KAClB;IAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;QAC7B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,IAAI,CAAC,WAAW,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAsB,EAC/C,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,sBAAsB,GACb,EAAE,EAAE;IACb,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAAA;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,sBAAsB,EAAE;YAC1B,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;SAChC;QAED,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,sBAAsB,EAAE,IAAI,CAAC,CAAC,CAAA;IAE9E,OAAO,aAAa,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAA;AACpD,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-form-auto-save/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/use-form-auto-save/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-form-auto-save.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-form-auto-save/use-form-auto-save.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAI3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAGpE,UAAU,KAAK,CAAC,CAAC,SAAS,SAAS;IACjC,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAA;IAC9B,kBAAkB,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IACxE,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,eAAe;;;CA2CpB,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-form-auto-save.js","sourceRoot":"","sources":["../../../../src/utils/use-form-auto-save/use-form-auto-save.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,QAAQ,MAAM,UAAU,CAAA;AAG/B,OAAO,+BAA+B,MAAM,iCAAiC,CAAA;AAQ7E,MAAM,eAAe,GAAG,CAAsB,KAAe,EAAE,EAAE;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAE7C,CAAA;IAEH,MAAM,EACJ,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EAAE,KAAK,GAAG,IAAI,GAC5B,GAAG,KAAK,CAAA;IAET,uDAAuD;IACvD,MAAM,iBAAiB,GAAG,WAAW,CACnC,QAAQ,CAAC,CAAO,aAA+B,EAAE,eAAkB,EAAE,EAAE;QACrE,MAAM,kBAAkB,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;QAExD,eAAe,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC,CAAA,EAAE,KAAK,CAAC,EACT,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAC5B,CAAA;IAED,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,aAA+B,EAAE,MAAS,EAAE,EAAE;QAC7C,eAAe,CAAC,aAAa,CAAC,CAAA;QAE9B,iBAAiB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IAC1C,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAA;IAED,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,+BAA+B,CAAC;QAC9B,gBAAgB;QAChB,QAAQ,EAAE,sBAAsB;KACjC,CAAC,EACJ,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAC3C,CAAA;IAED,OAAO;QACL,YAAY;QACZ,iBAAiB;KAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-form-input-reset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/use-form-input-reset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-form-input-reset.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-form-input-reset/use-form-input-reset.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,oBAAY,KAAK,CAAC,WAAW,IAAI;IAC/B,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;IACrD,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAA;CAChE,CAAA;AAMD,QAAA,MAAM,iBAAiB,8EAIC,CAAC,MAAM,IAAI,CAAC,GAAG,SAYtC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-form-input-reset.js","sourceRoot":"","sources":["../../../../src/utils/use-form-input-reset/use-form-input-reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AASnC,MAAM,mBAAmB,GAAG,CAAC,QAAsC,EAAE,EAAE;IACrE,QAAQ,CAAC,EAAE,CAAC,CAAA;AACd,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAc,EACtC,KAAK,EACL,WAAW,EACX,YAAY,GAAG,mBAAmB,GACf,EAA4B,EAAE;IACjD,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,YAAa,CAAC,CAAC,UAAkB,EAAE,EAAE;YACnC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzB,IAAI,CAAC,WAAW,EAAE;QAChB,OAAM;KACP;IAED,OAAO,iBAAiB,CAAA;AAC1B,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../src/utils/validators.ts"],"names":[],"mappings":";;;;AAiBA,wBAA8C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/utils/validators.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,CAAC,UAAiB,EAAE,EAAE,CAAC,CAAC,KAAU,EAAE,SAAc,EAAE,EAAE,CAC9E,UAAU;KACP,MAAM,CAAC,OAAO,CAAC;KACf,MAAM,CACL,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,EAC1D,SAAS,CACV,CAAA;AAEL,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAE,EAAE,CAClC,KAAK,KAAK,SAAS;IACnB,KAAK,KAAK,KAAK;IACf,KAAK,KAAK,EAAE;IACZ,KAAK,KAAK,IAAI;IACd,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,6BAA6B;IAC/B,CAAC,CAAC,SAAS,CAAA;AAEf,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-forms",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "67.0.0",
|
|
4
4
|
"description": "Picasso form components",
|
|
5
5
|
"author": "Toptal",
|
|
6
6
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
|
|
7
7
|
"license": "MIT",
|
|
8
|
-
"main": "index.js",
|
|
9
|
-
"module": "index.js",
|
|
8
|
+
"main": "./dist-package/src/index.js",
|
|
9
|
+
"module": "./dist-package/src/index.js",
|
|
10
10
|
"publishConfig": {
|
|
11
|
-
"access": "public"
|
|
12
|
-
"directory": "dist-package"
|
|
11
|
+
"access": "public"
|
|
13
12
|
},
|
|
14
13
|
"repository": {
|
|
15
14
|
"type": "git",
|
|
16
15
|
"url": "git+https://github.com/toptal/picasso.git"
|
|
17
16
|
},
|
|
18
17
|
"scripts": {
|
|
19
|
-
"build:package": "
|
|
20
|
-
"prepublishOnly": "
|
|
18
|
+
"build:package": "tsc -b tsconfig.json",
|
|
19
|
+
"prepublishOnly": "yarn build:package"
|
|
21
20
|
},
|
|
22
21
|
"bugs": {
|
|
23
22
|
"url": "https://github.com/toptal/picasso/issues"
|
|
24
23
|
},
|
|
25
24
|
"peerDependencies": {
|
|
26
|
-
"@toptal/picasso": "^
|
|
27
|
-
"@toptal/picasso-shared": "^
|
|
25
|
+
"@toptal/picasso": "^43.0.0",
|
|
26
|
+
"@toptal/picasso-shared": "^14.0.0",
|
|
28
27
|
"react": ">=16.12.0 < 19.0.0",
|
|
29
28
|
"react-dom": ">=16.12.0 < 19.0.0",
|
|
30
29
|
"typescript": "~4.7.0"
|
|
31
30
|
},
|
|
32
31
|
"dependencies": {
|
|
33
|
-
"@toptal/picasso-rich-text-editor": "
|
|
32
|
+
"@toptal/picasso-rich-text-editor": "11.0.0",
|
|
33
|
+
"@toptal/picasso-utils": "1.0.1",
|
|
34
|
+
"@toptal/picasso-notification": "1.0.1",
|
|
34
35
|
"classnames": "^2.5.1",
|
|
35
36
|
"debounce": "^1.2.1",
|
|
36
37
|
"detect-browser": "^5.3.0",
|
|
@@ -42,10 +43,22 @@
|
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|
|
44
45
|
"@testing-library/react-hooks": "^8.0.1",
|
|
46
|
+
"@toptal/picasso-test-utils": "1.0.1",
|
|
45
47
|
"@types/classnames": "^2.3.1",
|
|
46
48
|
"@types/react-final-form-listeners": "^1.0.0",
|
|
47
49
|
"storybook-readme": "^5.0.9",
|
|
48
50
|
"type-fest": "^4.8.3"
|
|
49
51
|
},
|
|
50
|
-
"sideEffects": false
|
|
52
|
+
"sideEffects": false,
|
|
53
|
+
"exports": {
|
|
54
|
+
".": "./dist-package/src/index.js",
|
|
55
|
+
"./utils": "./dist-package/src/utils/index.js"
|
|
56
|
+
},
|
|
57
|
+
"files": [
|
|
58
|
+
"dist-package/**",
|
|
59
|
+
"!dist-package/tsconfig.tsbuildinfo",
|
|
60
|
+
"utils.d.ts",
|
|
61
|
+
"utils.js",
|
|
62
|
+
"src"
|
|
63
|
+
]
|
|
51
64
|
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import type { AutocompleteProps } from '@toptal/picasso'
|
|
3
|
+
import { Autocomplete as PicassoAutocomplete } from '@toptal/picasso'
|
|
4
|
+
|
|
5
|
+
import type { FieldProps } from '../Field'
|
|
6
|
+
import FieldLabel from '../FieldLabel'
|
|
7
|
+
import InputField from '../InputField'
|
|
8
|
+
|
|
9
|
+
export type Props = AutocompleteProps & FieldProps<AutocompleteProps['value']>
|
|
10
|
+
|
|
11
|
+
export const Autocomplete = (props: Props) => {
|
|
12
|
+
const { label, titleCase, ...rest } = props
|
|
13
|
+
|
|
14
|
+
return (
|
|
15
|
+
<InputField<AutocompleteProps>
|
|
16
|
+
{...rest}
|
|
17
|
+
label={
|
|
18
|
+
label ? (
|
|
19
|
+
<FieldLabel
|
|
20
|
+
name={props.name}
|
|
21
|
+
required={props.required}
|
|
22
|
+
label={label}
|
|
23
|
+
titleCase={titleCase}
|
|
24
|
+
/>
|
|
25
|
+
) : null
|
|
26
|
+
}
|
|
27
|
+
>
|
|
28
|
+
{(inputProps: AutocompleteProps) => {
|
|
29
|
+
return <PicassoAutocomplete {...inputProps} />
|
|
30
|
+
}}
|
|
31
|
+
</InputField>
|
|
32
|
+
)
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
Autocomplete.displayName = 'Autocomplete'
|
|
36
|
+
|
|
37
|
+
export default Autocomplete
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Autocomplete'
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import type { AvatarUploadProps, AvatarUploadFileUpload } from '@toptal/picasso'
|
|
3
|
+
import { AvatarUpload as PicassoAvatarUpload } from '@toptal/picasso'
|
|
4
|
+
import type { FieldInputProps as FinalFieldInputProps } from 'react-final-form'
|
|
5
|
+
|
|
6
|
+
import type { FieldProps } from '../Field'
|
|
7
|
+
import FieldLabel from '../FieldLabel'
|
|
8
|
+
import InputField from '../InputField'
|
|
9
|
+
|
|
10
|
+
type Props = AvatarUploadProps & FieldProps<AvatarUploadProps['value']>
|
|
11
|
+
|
|
12
|
+
type FinalFormOnChangeType = FinalFieldInputProps<
|
|
13
|
+
AvatarUploadProps['value']
|
|
14
|
+
>['onChange']
|
|
15
|
+
|
|
16
|
+
const AvatarUpload = (props: Props) => {
|
|
17
|
+
const {
|
|
18
|
+
label,
|
|
19
|
+
titleCase,
|
|
20
|
+
size = 'small',
|
|
21
|
+
// dropping 'src' value here out from 'rest'. 'src' value should be provided via form context
|
|
22
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23
|
+
src,
|
|
24
|
+
...rest
|
|
25
|
+
} = props
|
|
26
|
+
|
|
27
|
+
const handleDropAccepted = async ({
|
|
28
|
+
acceptedFile,
|
|
29
|
+
finalFormOnChange,
|
|
30
|
+
}: {
|
|
31
|
+
acceptedFile: File
|
|
32
|
+
finalFormOnChange: FinalFormOnChangeType
|
|
33
|
+
}) => {
|
|
34
|
+
const reader = new FileReader()
|
|
35
|
+
|
|
36
|
+
reader.readAsDataURL(acceptedFile)
|
|
37
|
+
|
|
38
|
+
reader.onload = () => {
|
|
39
|
+
// setting form value to the new file
|
|
40
|
+
finalFormOnChange({ file: acceptedFile, src: reader.result as string })
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
const alignmentTopSizes: AvatarUploadProps['size'][] = [
|
|
45
|
+
'small',
|
|
46
|
+
'medium',
|
|
47
|
+
'large',
|
|
48
|
+
]
|
|
49
|
+
const alignment = alignmentTopSizes.includes(size) ? 'top' : 'middle'
|
|
50
|
+
|
|
51
|
+
return (
|
|
52
|
+
<InputField<AvatarUploadProps, AvatarUploadFileUpload | undefined>
|
|
53
|
+
size={size}
|
|
54
|
+
{...rest}
|
|
55
|
+
label={
|
|
56
|
+
label ? (
|
|
57
|
+
<FieldLabel
|
|
58
|
+
name={props.name}
|
|
59
|
+
required={props.required}
|
|
60
|
+
label={label}
|
|
61
|
+
titleCase={titleCase}
|
|
62
|
+
alignment={alignment}
|
|
63
|
+
/>
|
|
64
|
+
) : null
|
|
65
|
+
}
|
|
66
|
+
>
|
|
67
|
+
{({
|
|
68
|
+
// omit 'highlight' as it is used only for classic inputs
|
|
69
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
70
|
+
highlight,
|
|
71
|
+
...inputProps
|
|
72
|
+
}) => (
|
|
73
|
+
<PicassoAvatarUpload
|
|
74
|
+
{...inputProps}
|
|
75
|
+
src={inputProps.value?.src}
|
|
76
|
+
onDropAccepted={acceptedFile =>
|
|
77
|
+
handleDropAccepted({
|
|
78
|
+
acceptedFile,
|
|
79
|
+
finalFormOnChange: inputProps.onChange,
|
|
80
|
+
})
|
|
81
|
+
}
|
|
82
|
+
/>
|
|
83
|
+
)}
|
|
84
|
+
</InputField>
|
|
85
|
+
)
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
AvatarUpload.defaultProps = {}
|
|
89
|
+
|
|
90
|
+
AvatarUpload.displayName = 'AvatarUpload'
|
|
91
|
+
|
|
92
|
+
export default AvatarUpload
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './AvatarUpload'
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React, { useContext } from 'react'
|
|
2
|
+
import type { ButtonCheckboxProps } from '@toptal/picasso'
|
|
3
|
+
import { Button } from '@toptal/picasso'
|
|
4
|
+
import type { FieldRenderProps as FinalFormFieldProps } from 'react-final-form'
|
|
5
|
+
import { Field } from 'react-final-form'
|
|
6
|
+
|
|
7
|
+
import type { FieldProps } from '../Field'
|
|
8
|
+
import PicassoField from '../Field'
|
|
9
|
+
import { CheckboxGroupContext } from '../CheckboxGroup'
|
|
10
|
+
|
|
11
|
+
type CheckboxValue =
|
|
12
|
+
| ButtonCheckboxProps['value']
|
|
13
|
+
| ButtonCheckboxProps['checked']
|
|
14
|
+
|
|
15
|
+
type CheckboxFormProps = Omit<ButtonCheckboxProps, 'requiredDecoration'> & {
|
|
16
|
+
required?: boolean
|
|
17
|
+
}
|
|
18
|
+
type CheckboxWithoutGroup = CheckboxFormProps & FieldProps<CheckboxValue>
|
|
19
|
+
type CheckboxInGroup = CheckboxFormProps & { name?: string }
|
|
20
|
+
|
|
21
|
+
export type Props = CheckboxWithoutGroup | CheckboxInGroup
|
|
22
|
+
|
|
23
|
+
const ButtonCheckbox = ({ name, value, required, ...restProps }: Props) => {
|
|
24
|
+
const groupName = useContext(CheckboxGroupContext)
|
|
25
|
+
const isCheckboxInGroup = Boolean(groupName)
|
|
26
|
+
|
|
27
|
+
if (isCheckboxInGroup) {
|
|
28
|
+
return (
|
|
29
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
30
|
+
<Field type='checkbox' name={name || groupName!} value={value}>
|
|
31
|
+
{({
|
|
32
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
33
|
+
input: { value: inputValue, type, ...restInput },
|
|
34
|
+
}: FinalFormFieldProps<CheckboxValue>) => {
|
|
35
|
+
return <Button.Checkbox {...restProps} {...restInput} />
|
|
36
|
+
}}
|
|
37
|
+
</Field>
|
|
38
|
+
)
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
return (
|
|
42
|
+
<PicassoField
|
|
43
|
+
type='checkbox'
|
|
44
|
+
required={required}
|
|
45
|
+
{...restProps}
|
|
46
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
47
|
+
name={name!}
|
|
48
|
+
>
|
|
49
|
+
{({
|
|
50
|
+
// omit 'highlight' as it is used only for classic inputs
|
|
51
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
52
|
+
highlight,
|
|
53
|
+
...input
|
|
54
|
+
}: ButtonCheckboxProps & { highlight?: 'autofill' }) => (
|
|
55
|
+
<Button.Checkbox {...input} />
|
|
56
|
+
)}
|
|
57
|
+
</PicassoField>
|
|
58
|
+
)
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
ButtonCheckbox.displayName = 'ButtonCheckbox'
|
|
62
|
+
|
|
63
|
+
export default ButtonCheckbox
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ButtonCheckbox'
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { useContext } from 'react'
|
|
2
|
+
import type { ButtonRadioProps } from '@toptal/picasso'
|
|
3
|
+
import { Button } from '@toptal/picasso'
|
|
4
|
+
import { Field } from 'react-final-form'
|
|
5
|
+
|
|
6
|
+
import { RadioGroupContext } from '../RadioGroup'
|
|
7
|
+
|
|
8
|
+
export type Props = ButtonRadioProps & {
|
|
9
|
+
name?: string
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const ButtonRadio = ({ name, ...rest }: Props) => {
|
|
13
|
+
const groupName = useContext(RadioGroupContext)
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
17
|
+
<Field name={name || groupName!} type='radio' value={rest.value}>
|
|
18
|
+
{({ input }) => <Button.Radio checked={input.checked} {...rest} />}
|
|
19
|
+
</Field>
|
|
20
|
+
)
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
ButtonRadio.displayName = 'ButtonRadio'
|
|
24
|
+
|
|
25
|
+
export default ButtonRadio
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ButtonRadio'
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import React, { useContext } from 'react'
|
|
2
|
+
import type { CheckboxProps } from '@toptal/picasso'
|
|
3
|
+
import { Checkbox as PicassoCheckbox } from '@toptal/picasso'
|
|
4
|
+
import type { FieldRenderProps as FinalFormFieldProps } from 'react-final-form'
|
|
5
|
+
import { Field } from 'react-final-form'
|
|
6
|
+
|
|
7
|
+
import type { FieldProps } from '../Field'
|
|
8
|
+
import PicassoField from '../Field'
|
|
9
|
+
import { CheckboxGroupContext } from '../CheckboxGroup'
|
|
10
|
+
import { useFormConfig } from '../FormConfig'
|
|
11
|
+
|
|
12
|
+
type CheckboxValue = CheckboxProps['value'] | CheckboxProps['checked']
|
|
13
|
+
|
|
14
|
+
type CheckboxFormProps = Omit<CheckboxProps, 'requiredDecoration'> & {
|
|
15
|
+
required?: boolean
|
|
16
|
+
}
|
|
17
|
+
type CheckboxWithoutGroup = CheckboxFormProps & FieldProps<CheckboxValue>
|
|
18
|
+
type CheckboxInGroup = CheckboxFormProps & { name?: string }
|
|
19
|
+
|
|
20
|
+
export type Props = CheckboxWithoutGroup | CheckboxInGroup
|
|
21
|
+
|
|
22
|
+
export const Checkbox = ({
|
|
23
|
+
name,
|
|
24
|
+
value,
|
|
25
|
+
required,
|
|
26
|
+
label,
|
|
27
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
28
|
+
defaultValue,
|
|
29
|
+
...restProps
|
|
30
|
+
}: Props) => {
|
|
31
|
+
const formConfig = useFormConfig()
|
|
32
|
+
const groupName = useContext(CheckboxGroupContext)
|
|
33
|
+
const isCheckboxInGroup = Boolean(groupName)
|
|
34
|
+
|
|
35
|
+
if (isCheckboxInGroup) {
|
|
36
|
+
return (
|
|
37
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
38
|
+
<Field type='checkbox' name={name || groupName!} value={value}>
|
|
39
|
+
{({
|
|
40
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
41
|
+
input: { value: inputValue, type, ...restInput },
|
|
42
|
+
}: FinalFormFieldProps<CheckboxValue>) => {
|
|
43
|
+
return <PicassoCheckbox {...restProps} {...restInput} label={label} />
|
|
44
|
+
}}
|
|
45
|
+
</Field>
|
|
46
|
+
)
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
const showAsterisk = required && formConfig.requiredVariant === 'asterisk'
|
|
50
|
+
const requiredDecoration = showAsterisk ? 'asterisk' : undefined
|
|
51
|
+
|
|
52
|
+
return (
|
|
53
|
+
<PicassoField
|
|
54
|
+
type='checkbox'
|
|
55
|
+
required={required}
|
|
56
|
+
{...restProps}
|
|
57
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
58
|
+
name={name!}
|
|
59
|
+
>
|
|
60
|
+
{({
|
|
61
|
+
// omit 'highlight' as it is used only for classic inputs
|
|
62
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
63
|
+
highlight,
|
|
64
|
+
...input
|
|
65
|
+
}: CheckboxProps & { highlight?: 'autofill' }) => (
|
|
66
|
+
<PicassoCheckbox
|
|
67
|
+
{...input}
|
|
68
|
+
label={label}
|
|
69
|
+
titleCase={restProps.titleCase}
|
|
70
|
+
requiredDecoration={requiredDecoration}
|
|
71
|
+
/>
|
|
72
|
+
)}
|
|
73
|
+
</PicassoField>
|
|
74
|
+
)
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
Checkbox.displayName = 'Checkbox'
|
|
78
|
+
|
|
79
|
+
export default Checkbox
|