@mantis-core/ui 0.4.0 → 0.6.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/CHANGELOG.md +144 -0
- package/COMPONENTS.md +113 -15
- package/README.md +13 -6
- package/catalog.json +3031 -0
- package/dist/components/Buttons/Button.d.ts +39 -9
- package/dist/components/Buttons/Button.d.ts.map +1 -1
- package/dist/components/Buttons/Button.js +21 -13
- package/dist/components/Buttons/Button.js.map +1 -1
- package/dist/components/Forms/AutoCompleteField.d.ts +60 -0
- package/dist/components/Forms/AutoCompleteField.d.ts.map +1 -0
- package/dist/components/Forms/AutoCompleteField.js +125 -0
- package/dist/components/Forms/AutoCompleteField.js.map +1 -0
- package/dist/components/Forms/CKEditorInput.d.ts +5 -2
- package/dist/components/Forms/CKEditorInput.d.ts.map +1 -1
- package/dist/components/Forms/CKEditorInput.js +5 -2
- package/dist/components/Forms/CKEditorInput.js.map +1 -1
- package/dist/components/Forms/CheckboxField.d.ts +14 -0
- package/dist/components/Forms/CheckboxField.d.ts.map +1 -0
- package/dist/components/Forms/CheckboxField.js +26 -0
- package/dist/components/Forms/CheckboxField.js.map +1 -0
- package/dist/components/Forms/ColorPickerInput.d.ts +27 -8
- package/dist/components/Forms/ColorPickerInput.d.ts.map +1 -1
- package/dist/components/Forms/ColorPickerInput.js +57 -11
- package/dist/components/Forms/ColorPickerInput.js.map +1 -1
- package/dist/components/Forms/DateField.d.ts +68 -0
- package/dist/components/Forms/DateField.d.ts.map +1 -0
- package/dist/components/Forms/DateField.js +108 -0
- package/dist/components/Forms/DateField.js.map +1 -0
- package/dist/components/Forms/DatePresets.d.ts.map +1 -1
- package/dist/components/Forms/DatePresets.js +6 -3
- package/dist/components/Forms/DatePresets.js.map +1 -1
- package/dist/components/Forms/FieldShell.d.ts +24 -0
- package/dist/components/Forms/FieldShell.d.ts.map +1 -0
- package/dist/components/Forms/FieldShell.js +39 -0
- package/dist/components/Forms/FieldShell.js.map +1 -0
- package/dist/components/Forms/FileDropzone.d.ts +4 -2
- package/dist/components/Forms/FileDropzone.d.ts.map +1 -1
- package/dist/components/Forms/FileDropzone.js.map +1 -1
- package/dist/components/Forms/FormActionsBar.js +2 -2
- package/dist/components/Forms/FormActionsBar.js.map +1 -1
- package/dist/components/Forms/FormWizard.d.ts +1 -1
- package/dist/components/Forms/FormWizard.d.ts.map +1 -1
- package/dist/components/Forms/FormWizard.js +4 -5
- package/dist/components/Forms/FormWizard.js.map +1 -1
- package/dist/components/Forms/HiddenField.d.ts +12 -6
- package/dist/components/Forms/HiddenField.d.ts.map +1 -1
- package/dist/components/Forms/HiddenField.js +14 -5
- package/dist/components/Forms/HiddenField.js.map +1 -1
- package/dist/components/Forms/MaskField.d.ts +28 -0
- package/dist/components/Forms/MaskField.d.ts.map +1 -0
- package/dist/components/Forms/MaskField.js +74 -0
- package/dist/components/Forms/MaskField.js.map +1 -0
- package/dist/components/Forms/NumberField.d.ts +14 -0
- package/dist/components/Forms/NumberField.d.ts.map +1 -0
- package/dist/components/Forms/NumberField.js +51 -0
- package/dist/components/Forms/NumberField.js.map +1 -0
- package/dist/components/Forms/OtpInput.d.ts +23 -8
- package/dist/components/Forms/OtpInput.d.ts.map +1 -1
- package/dist/components/Forms/OtpInput.js +37 -8
- package/dist/components/Forms/OtpInput.js.map +1 -1
- package/dist/components/Forms/PasswordInput.d.ts +22 -9
- package/dist/components/Forms/PasswordInput.d.ts.map +1 -1
- package/dist/components/Forms/PasswordInput.js +63 -28
- package/dist/components/Forms/PasswordInput.js.map +1 -1
- package/dist/components/Forms/PhoneInput.d.ts +16 -8
- package/dist/components/Forms/PhoneInput.d.ts.map +1 -1
- package/dist/components/Forms/PhoneInput.js +13 -6
- package/dist/components/Forms/PhoneInput.js.map +1 -1
- package/dist/components/Forms/RadioGroup.d.ts +34 -13
- package/dist/components/Forms/RadioGroup.d.ts.map +1 -1
- package/dist/components/Forms/RadioGroup.js +49 -6
- package/dist/components/Forms/RadioGroup.js.map +1 -1
- package/dist/components/Forms/RangeSlider.d.ts +26 -11
- package/dist/components/Forms/RangeSlider.d.ts.map +1 -1
- package/dist/components/Forms/RangeSlider.js +40 -7
- package/dist/components/Forms/RangeSlider.js.map +1 -1
- package/dist/components/Forms/RatingInput.d.ts +24 -8
- package/dist/components/Forms/RatingInput.d.ts.map +1 -1
- package/dist/components/Forms/RatingInput.js +41 -9
- package/dist/components/Forms/RatingInput.js.map +1 -1
- package/dist/components/Forms/SearchInput.d.ts +18 -10
- package/dist/components/Forms/SearchInput.d.ts.map +1 -1
- package/dist/components/Forms/SearchInput.js +44 -23
- package/dist/components/Forms/SearchInput.js.map +1 -1
- package/dist/components/Forms/SelectField.d.ts +41 -0
- package/dist/components/Forms/SelectField.d.ts.map +1 -0
- package/dist/components/Forms/SelectField.js +110 -0
- package/dist/components/Forms/SelectField.js.map +1 -0
- package/dist/components/Forms/SwitchField.d.ts +14 -0
- package/dist/components/Forms/SwitchField.d.ts.map +1 -0
- package/dist/components/Forms/SwitchField.js +26 -0
- package/dist/components/Forms/SwitchField.js.map +1 -0
- package/dist/components/Forms/TagsInput.d.ts +29 -8
- package/dist/components/Forms/TagsInput.d.ts.map +1 -1
- package/dist/components/Forms/TagsInput.js +53 -9
- package/dist/components/Forms/TagsInput.js.map +1 -1
- package/dist/components/Forms/TextArea.d.ts +13 -10
- package/dist/components/Forms/TextArea.d.ts.map +1 -1
- package/dist/components/Forms/TextArea.js +27 -9
- package/dist/components/Forms/TextArea.js.map +1 -1
- package/dist/components/Forms/TextField.d.ts +14 -0
- package/dist/components/Forms/TextField.d.ts.map +1 -0
- package/dist/components/Forms/TextField.js +29 -0
- package/dist/components/Forms/TextField.js.map +1 -0
- package/dist/components/Forms/ToggleInlineButton.d.ts +33 -12
- package/dist/components/Forms/ToggleInlineButton.d.ts.map +1 -1
- package/dist/components/Forms/ToggleInlineButton.js +56 -6
- package/dist/components/Forms/ToggleInlineButton.js.map +1 -1
- package/dist/components/Forms/UploadFilesPreview.js +3 -3
- package/dist/components/Forms/UploadFilesPreview.js.map +1 -1
- package/dist/components/Forms/field-typing.test-d.d.ts +2 -0
- package/dist/components/Forms/field-typing.test-d.d.ts.map +1 -0
- package/dist/components/Forms/field-typing.test-d.js +24 -0
- package/dist/components/Forms/field-typing.test-d.js.map +1 -0
- package/dist/components/Forms/useFieldController.d.ts +85 -0
- package/dist/components/Forms/useFieldController.d.ts.map +1 -0
- package/dist/components/Forms/useFieldController.js +54 -0
- package/dist/components/Forms/useFieldController.js.map +1 -0
- package/dist/components/Loaders/Loading.d.ts.map +1 -1
- package/dist/components/Loaders/Loading.js +3 -2
- package/dist/components/Loaders/Loading.js.map +1 -1
- package/dist/components/Tables/ActionColumn.d.ts +20 -4
- package/dist/components/Tables/ActionColumn.d.ts.map +1 -1
- package/dist/components/Tables/ActionColumn.js +24 -5
- package/dist/components/Tables/ActionColumn.js.map +1 -1
- package/dist/components/Tables/FilterPannel.d.ts +9 -2
- package/dist/components/Tables/FilterPannel.d.ts.map +1 -1
- package/dist/components/Tables/FilterPannel.js +15 -11
- package/dist/components/Tables/FilterPannel.js.map +1 -1
- package/dist/components/Tables/IndexColumn.d.ts +12 -3
- package/dist/components/Tables/IndexColumn.d.ts.map +1 -1
- package/dist/components/Tables/IndexColumn.js +21 -5
- package/dist/components/Tables/IndexColumn.js.map +1 -1
- package/dist/components/Tables/MantisDataTable.d.ts +45 -0
- package/dist/components/Tables/MantisDataTable.d.ts.map +1 -0
- package/dist/components/Tables/MantisDataTable.js +63 -0
- package/dist/components/Tables/MantisDataTable.js.map +1 -0
- package/dist/components/Tables/MenuButton.d.ts +28 -7
- package/dist/components/Tables/MenuButton.d.ts.map +1 -1
- package/dist/components/Tables/MenuButton.js +20 -10
- package/dist/components/Tables/MenuButton.js.map +1 -1
- package/dist/components/Tables/PaginatedTable.d.ts +26 -17
- package/dist/components/Tables/PaginatedTable.d.ts.map +1 -1
- package/dist/components/Tables/PaginatedTable.js +24 -22
- package/dist/components/Tables/PaginatedTable.js.map +1 -1
- package/dist/components/Tables/cell-presets.d.ts +35 -0
- package/dist/components/Tables/cell-presets.d.ts.map +1 -0
- package/dist/components/Tables/cell-presets.js +40 -0
- package/dist/components/Tables/cell-presets.js.map +1 -0
- package/dist/components/Tables/columns.d.ts +40 -0
- package/dist/components/Tables/columns.d.ts.map +1 -0
- package/dist/components/Tables/columns.js +2 -0
- package/dist/components/Tables/columns.js.map +1 -0
- package/dist/components/Tables/filters/MultiSelectFilter.d.ts +24 -6
- package/dist/components/Tables/filters/MultiSelectFilter.d.ts.map +1 -1
- package/dist/components/Tables/filters/MultiSelectFilter.js +19 -6
- package/dist/components/Tables/filters/MultiSelectFilter.js.map +1 -1
- package/dist/components/auth/ChangePasswordForm.d.ts.map +1 -1
- package/dist/components/auth/ChangePasswordForm.js +12 -12
- package/dist/components/auth/ChangePasswordForm.js.map +1 -1
- package/dist/components/auth/ForgotPasswordForm.d.ts.map +1 -1
- package/dist/components/auth/ForgotPasswordForm.js +7 -5
- package/dist/components/auth/ForgotPasswordForm.js.map +1 -1
- package/dist/components/auth/LoginForm.d.ts +2 -2
- package/dist/components/auth/LoginForm.d.ts.map +1 -1
- package/dist/components/auth/LoginForm.js +15 -15
- package/dist/components/auth/LoginForm.js.map +1 -1
- package/dist/components/auth/ResetPasswordForm.d.ts.map +1 -1
- package/dist/components/auth/ResetPasswordForm.js +11 -12
- package/dist/components/auth/ResetPasswordForm.js.map +1 -1
- package/dist/components/auth/UserMenu.d.ts +11 -1
- package/dist/components/auth/UserMenu.d.ts.map +1 -1
- package/dist/components/auth/UserMenu.js +30 -87
- package/dist/components/auth/UserMenu.js.map +1 -1
- package/dist/components/data/Timeline.d.ts +2 -2
- package/dist/components/data/Timeline.d.ts.map +1 -1
- package/dist/components/data/Timeline.js +17 -17
- package/dist/components/data/Timeline.js.map +1 -1
- package/dist/components/feedback/Avatar.d.ts +4 -2
- package/dist/components/feedback/Avatar.d.ts.map +1 -1
- package/dist/components/feedback/Avatar.js +4 -4
- package/dist/components/feedback/Avatar.js.map +1 -1
- package/dist/components/feedback/CardSkeleton.d.ts.map +1 -1
- package/dist/components/feedback/CardSkeleton.js +3 -3
- package/dist/components/feedback/CardSkeleton.js.map +1 -1
- package/dist/components/feedback/TableSkeleton.d.ts.map +1 -1
- package/dist/components/feedback/TableSkeleton.js +3 -3
- package/dist/components/feedback/TableSkeleton.js.map +1 -1
- package/dist/components/feedback/Tag.d.ts +4 -2
- package/dist/components/feedback/Tag.d.ts.map +1 -1
- package/dist/components/feedback/Tag.js +4 -4
- package/dist/components/feedback/Tag.js.map +1 -1
- package/dist/components/navigation/CommandPalette.d.ts.map +1 -1
- package/dist/components/navigation/CommandPalette.js +5 -2
- package/dist/components/navigation/CommandPalette.js.map +1 -1
- package/dist/components/navigation/PageTabs.d.ts +10 -8
- package/dist/components/navigation/PageTabs.d.ts.map +1 -1
- package/dist/components/navigation/PageTabs.js +17 -13
- package/dist/components/navigation/PageTabs.js.map +1 -1
- package/dist/components/overlays/Drawer.d.ts +16 -3
- package/dist/components/overlays/Drawer.d.ts.map +1 -1
- package/dist/components/overlays/Drawer.js +9 -5
- package/dist/components/overlays/Drawer.js.map +1 -1
- package/dist/components/overlays/Modal.d.ts +18 -3
- package/dist/components/overlays/Modal.d.ts.map +1 -1
- package/dist/components/overlays/Modal.js +13 -5
- package/dist/components/overlays/Modal.js.map +1 -1
- package/dist/components/pages/app-shell/AppShell.d.ts.map +1 -1
- package/dist/components/pages/app-shell/AppShell.js +6 -6
- package/dist/components/pages/app-shell/AppShell.js.map +1 -1
- package/dist/components/ui/ConfirmDialog.d.ts +1 -2
- package/dist/components/ui/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/ui/ConfirmDialog.js +10 -4
- package/dist/components/ui/ConfirmDialog.js.map +1 -1
- package/dist/components/ui/DataState.js +2 -2
- package/dist/components/ui/DataState.js.map +1 -1
- package/dist/index.d.ts +71 -42
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +114 -22
- package/dist/index.js.map +1 -1
- package/docs/README.md +1 -1
- package/docs/components/action-column.md +39 -12
- package/docs/components/admin-page-configurator.md +42 -0
- package/docs/components/admin-page-header.md +32 -16
- package/docs/components/admin-page-layout-shell.md +36 -0
- package/docs/components/admin-page-layout.md +41 -21
- package/docs/components/app-shell.md +45 -0
- package/docs/components/auto-complete-field.md +60 -0
- package/docs/components/avatar.md +29 -0
- package/docs/components/bar-chart.md +39 -0
- package/docs/components/breadcrumbs.md +28 -0
- package/docs/components/button.md +41 -17
- package/docs/components/card-skeleton.md +21 -0
- package/docs/components/change-password-form.md +36 -0
- package/docs/components/checkbox-field.md +38 -0
- package/docs/components/ckeditor-input.md +47 -16
- package/docs/components/color-picker-input.md +30 -0
- package/docs/components/command-palette.md +38 -0
- package/docs/components/confirm-dialog.md +45 -16
- package/docs/components/data-state.md +39 -14
- package/docs/components/date-field.md +39 -0
- package/docs/components/date-presets.md +32 -0
- package/docs/components/description-list.md +34 -0
- package/docs/components/dirty-form-guard.md +28 -24
- package/docs/components/donut-chart.md +38 -0
- package/docs/components/drawer.md +38 -0
- package/docs/components/empty-state.md +28 -0
- package/docs/components/error-boundary.md +31 -0
- package/docs/components/error-message.md +29 -8
- package/docs/components/field-shell.md +47 -0
- package/docs/components/file-dropzone.md +45 -17
- package/docs/components/filter-pannel.md +40 -15
- package/docs/components/forgot-password-form.md +36 -0
- package/docs/components/form-actions-bar.md +47 -17
- package/docs/components/form-field-render.md +43 -15
- package/docs/components/form-section.md +26 -10
- package/docs/components/form-wizard.md +47 -0
- package/docs/components/hidden-field.md +27 -14
- package/docs/components/index-column.md +31 -8
- package/docs/components/line-chart.md +39 -0
- package/docs/components/loading.md +23 -12
- package/docs/components/login-form.md +47 -0
- package/docs/components/mantis-data-table.md +61 -0
- package/docs/components/map-picker-client.md +35 -14
- package/docs/components/map-picker-osm.md +33 -13
- package/docs/components/map-picker.md +34 -16
- package/docs/components/mask-field.md +31 -0
- package/docs/components/menu-button.md +28 -17
- package/docs/components/modal.md +45 -0
- package/docs/components/multi-select-filter.md +31 -15
- package/docs/components/number-field.md +40 -0
- package/docs/components/otp-input.md +31 -0
- package/docs/components/page-tabs.md +35 -0
- package/docs/components/page-title.md +15 -8
- package/docs/components/paginated-table.md +42 -26
- package/docs/components/pagination.md +28 -18
- package/docs/components/password-input.md +31 -0
- package/docs/components/phone-input.md +28 -0
- package/docs/components/radio-group.md +50 -0
- package/docs/components/range-slider.md +32 -0
- package/docs/components/rating-input.md +30 -0
- package/docs/components/render-field.md +41 -18
- package/docs/components/reset-password-form.md +37 -0
- package/docs/components/rich-text-preview.md +26 -13
- package/docs/components/search-input.md +30 -0
- package/docs/components/select-field.md +55 -0
- package/docs/components/stat-card.md +30 -0
- package/docs/components/status-badge.md +25 -9
- package/docs/components/switch-field.md +32 -0
- package/docs/components/table-filter-field.md +30 -16
- package/docs/components/table-skeleton.md +22 -0
- package/docs/components/table-toolbar.md +28 -14
- package/docs/components/tag.md +27 -0
- package/docs/components/tags-input.md +32 -0
- package/docs/components/text-area.md +25 -15
- package/docs/components/text-field.md +32 -0
- package/docs/components/timeline.md +31 -0
- package/docs/components/toggle-inline-button.md +48 -17
- package/docs/components/upload-files-preview.md +39 -20
- package/docs/components/use-field-controller.md +58 -0
- package/docs/components/user-menu.md +39 -0
- package/docs/contracts/STORYBOOK_IMPLEMENTATION_AND_VOBO.md +92 -0
- package/docs/contracts/STORYBOOK_VOBO_LEDGER.md +195 -0
- package/docs/contracts/component-doc-schema.md +120 -0
- package/docs/contracts/dependency-map.md +76 -39
- package/docs/contracts/field-controller.md +138 -0
- package/docs/contracts/style-imports.md +21 -14
- package/llms.txt +104 -0
- package/package.json +39 -10
- package/PRIMEREACT_MAPPING.md +0 -6
- package/dist/components/Forms/AsyncSelect.d.ts +0 -20
- package/dist/components/Forms/AsyncSelect.d.ts.map +0 -1
- package/dist/components/Forms/AsyncSelect.js +0 -77
- package/dist/components/Forms/AsyncSelect.js.map +0 -1
- package/dist/components/Forms/Combobox.d.ts +0 -10
- package/dist/components/Forms/Combobox.d.ts.map +0 -1
- package/dist/components/Forms/Combobox.js +0 -11
- package/dist/components/Forms/Combobox.js.map +0 -1
- package/dist/components/Forms/CurrencyInput.d.ts +0 -12
- package/dist/components/Forms/CurrencyInput.d.ts.map +0 -1
- package/dist/components/Forms/CurrencyInput.js +0 -9
- package/dist/components/Forms/CurrencyInput.js.map +0 -1
- package/dist/components/Forms/DateInput.d.ts +0 -10
- package/dist/components/Forms/DateInput.d.ts.map +0 -1
- package/dist/components/Forms/DateInput.js +0 -11
- package/dist/components/Forms/DateInput.js.map +0 -1
- package/dist/components/Forms/DateRangeInput.d.ts +0 -10
- package/dist/components/Forms/DateRangeInput.d.ts.map +0 -1
- package/dist/components/Forms/DateRangeInput.js +0 -13
- package/dist/components/Forms/DateRangeInput.js.map +0 -1
- package/dist/components/Forms/DropDown.d.ts +0 -10
- package/dist/components/Forms/DropDown.d.ts.map +0 -1
- package/dist/components/Forms/DropDown.js +0 -11
- package/dist/components/Forms/DropDown.js.map +0 -1
- package/dist/components/Forms/MultiSelect.d.ts +0 -10
- package/dist/components/Forms/MultiSelect.d.ts.map +0 -1
- package/dist/components/Forms/MultiSelect.js +0 -13
- package/dist/components/Forms/MultiSelect.js.map +0 -1
- package/dist/components/Forms/NumberInput.d.ts +0 -10
- package/dist/components/Forms/NumberInput.d.ts.map +0 -1
- package/dist/components/Forms/NumberInput.js +0 -16
- package/dist/components/Forms/NumberInput.js.map +0 -1
- package/dist/components/Forms/Select.d.ts +0 -15
- package/dist/components/Forms/Select.d.ts.map +0 -1
- package/dist/components/Forms/Select.js +0 -48
- package/dist/components/Forms/Select.js.map +0 -1
- package/dist/components/Forms/Switch.d.ts +0 -18
- package/dist/components/Forms/Switch.d.ts.map +0 -1
- package/dist/components/Forms/Switch.js +0 -30
- package/dist/components/Forms/Switch.js.map +0 -1
- package/dist/components/Forms/TextInput.d.ts +0 -11
- package/dist/components/Forms/TextInput.d.ts.map +0 -1
- package/dist/components/Forms/TextInput.js +0 -12
- package/dist/components/Forms/TextInput.js.map +0 -1
- package/dist/components/Forms/TimePicker.d.ts +0 -13
- package/dist/components/Forms/TimePicker.d.ts.map +0 -1
- package/dist/components/Forms/TimePicker.js +0 -19
- package/dist/components/Forms/TimePicker.js.map +0 -1
- package/dist/components/Forms/Toggle.d.ts +0 -14
- package/dist/components/Forms/Toggle.d.ts.map +0 -1
- package/dist/components/Forms/Toggle.js +0 -10
- package/dist/components/Forms/Toggle.js.map +0 -1
- package/dist/components/Forms/types.d.ts +0 -9
- package/dist/components/Forms/types.d.ts.map +0 -1
- package/dist/components/Forms/types.js +0 -2
- package/dist/components/Forms/types.js.map +0 -1
- package/docs/components/async-select.md +0 -26
- package/docs/components/date-input.md +0 -22
- package/docs/components/drop-down.md +0 -28
- package/docs/components/multi-select.md +0 -23
- package/docs/components/number-input.md +0 -20
- package/docs/components/select.md +0 -28
- package/docs/components/switch.md +0 -27
- package/docs/components/text-input.md +0 -23
- package/docs/components/time-picker.md +0 -22
- package/docs/components/toggle.md +0 -21
- package/docs/contracts/controller-props.md +0 -28
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ButtonVariant } from "../Buttons/Button";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Props as ReactSelectProps } from "react-select";
|
|
4
|
-
import { ControllerProps } from "./types";
|
|
5
|
-
export interface SelectProps extends Omit<ReactSelectProps, "name" | "defaultValue"> {
|
|
6
|
-
controller: ControllerProps;
|
|
7
|
-
block?: boolean;
|
|
8
|
-
variant?: ButtonVariant;
|
|
9
|
-
isCreatable?: boolean;
|
|
10
|
-
onCreateOption?: (inputValue: string) => void | Promise<void>;
|
|
11
|
-
formatCreateLabel?: (inputValue: string) => React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
declare const Select: React.FC<SelectProps>;
|
|
14
|
-
export default Select;
|
|
15
|
-
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,KAAK,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,cAAc,CAAC;IAClF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AAcD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import classNames from "classnames";
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { Controller } from "react-hook-form";
|
|
6
|
-
import { default as RSelect } from "react-select";
|
|
7
|
-
import { default as RCreatableSelect } from "react-select/creatable";
|
|
8
|
-
const SELECT_VARIANT_TOKENS = {
|
|
9
|
-
primary: { color: "--primary", foreground: "--primary-foreground" },
|
|
10
|
-
secondary: { color: "--secondary", foreground: "--secondary-foreground" },
|
|
11
|
-
accent: { color: "--accent", foreground: "--accent-foreground" },
|
|
12
|
-
success: { color: "--success", foreground: "--success-foreground" },
|
|
13
|
-
warning: { color: "--warning", foreground: "--warning-foreground" },
|
|
14
|
-
error: { color: "--error", foreground: "--error-foreground" },
|
|
15
|
-
info: { color: "--info", foreground: "--info-foreground" },
|
|
16
|
-
gray: { color: "--bluegray-500", foreground: "--primary-foreground" },
|
|
17
|
-
danger: { color: "--error", foreground: "--error-foreground" },
|
|
18
|
-
};
|
|
19
|
-
const Select = (props) => {
|
|
20
|
-
const { controller, block, variant = "primary", isCreatable = false, onCreateOption, formatCreateLabel, ...rest } = props;
|
|
21
|
-
const variantTokens = SELECT_VARIANT_TOKENS[variant];
|
|
22
|
-
const SelectComponent = (isCreatable ? RCreatableSelect : RSelect);
|
|
23
|
-
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(React.Fragment, { children: _jsx(SelectComponent, { instanceId: field.name, id: field.name, className: classNames("select-input cursor-pointer", `select-variant-${variant}`, rest.className, {
|
|
24
|
-
"w-full": block,
|
|
25
|
-
"select-invalid": fieldState.invalid,
|
|
26
|
-
}), classNamePrefix: 'react-select', value: field.value, onChange: field.onChange, onBlur: field.onBlur, name: field.name, placeholder: 'SELECCIONAR', noOptionsMessage: () => "Sin resultados", loadingMessage: () => "Cargando...", options: rest.options, ref: field.ref, menuPortalTarget: typeof document !== "undefined" ? document.body : undefined, menuPosition: "fixed", ...rest, ...(isCreatable
|
|
27
|
-
? {
|
|
28
|
-
onCreateOption: (inputValue) => {
|
|
29
|
-
void onCreateOption?.(inputValue);
|
|
30
|
-
},
|
|
31
|
-
formatCreateLabel: formatCreateLabel ?? ((inputValue) => `Crear "${inputValue}"`),
|
|
32
|
-
}
|
|
33
|
-
: {}), isDisabled: formState.isSubmitting || rest.isDisabled || rest.isLoading, styles: {
|
|
34
|
-
menuPortal: (base) => ({
|
|
35
|
-
...base,
|
|
36
|
-
zIndex: 1300,
|
|
37
|
-
["--select-accent"]: `var(${variantTokens.color})`,
|
|
38
|
-
["--select-accent-foreground"]: `var(${variantTokens.foreground})`,
|
|
39
|
-
}),
|
|
40
|
-
menu: (base) => ({
|
|
41
|
-
...base,
|
|
42
|
-
zIndex: 1300,
|
|
43
|
-
}),
|
|
44
|
-
...(rest.styles || {}),
|
|
45
|
-
} }) })) }));
|
|
46
|
-
};
|
|
47
|
-
export default Select;
|
|
48
|
-
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Forms/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ControllerProps } from './types';
|
|
3
|
-
export interface SwitchProps extends ControllerProps {
|
|
4
|
-
onLabel?: string;
|
|
5
|
-
offLabel?: string;
|
|
6
|
-
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
-
onStyle?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light';
|
|
8
|
-
offStyle?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light';
|
|
9
|
-
width?: string | number;
|
|
10
|
-
height?: string | number;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
onChange?: (checked: boolean) => void;
|
|
13
|
-
className?: string;
|
|
14
|
-
style?: React.CSSProperties;
|
|
15
|
-
}
|
|
16
|
-
declare const Switch: React.FC<SwitchProps>;
|
|
17
|
-
export default Switch;
|
|
18
|
-
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjG,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Controller } from 'react-hook-form';
|
|
3
|
-
const Switch = ({ name, rules, defaultValue = false, control, onLabel = 'On', offLabel = 'Off', size = 'md', onStyle = 'primary', offStyle = 'secondary', width, height, disabled = false, onChange, className = '', style, }) => {
|
|
4
|
-
return (_jsx(Controller, { name: name, rules: rules, defaultValue: defaultValue, control: control, render: ({ field }) => {
|
|
5
|
-
const handleClick = () => {
|
|
6
|
-
if (disabled)
|
|
7
|
-
return;
|
|
8
|
-
const newValue = !field.value;
|
|
9
|
-
field.onChange(newValue);
|
|
10
|
-
onChange?.(newValue);
|
|
11
|
-
};
|
|
12
|
-
return (_jsx("div", { className: `bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-${size} bootstrap-switch-animate ${field.value ? 'bootstrap-switch-on' : 'bootstrap-switch-off'} ${disabled ? 'bootstrap-switch-disabled' : ''} ${className}`, style: {
|
|
13
|
-
width: width ? (typeof width === 'number' ? `${width}px` : width) : undefined,
|
|
14
|
-
...style,
|
|
15
|
-
}, onClick: handleClick, role: "switch", "aria-checked": field.value, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => {
|
|
16
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
17
|
-
e.preventDefault();
|
|
18
|
-
handleClick();
|
|
19
|
-
}
|
|
20
|
-
}, children: _jsxs("div", { className: "bootstrap-switch-container", children: [_jsx("span", { className: `bootstrap-switch-handle-on bootstrap-switch-${onStyle}`, style: {
|
|
21
|
-
height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
|
|
22
|
-
}, children: onLabel }), _jsx("span", { className: "bootstrap-switch-label", style: {
|
|
23
|
-
height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
|
|
24
|
-
}, children: "\u00A0" }), _jsx("span", { className: `bootstrap-switch-handle-off bootstrap-switch-${offStyle}`, style: {
|
|
25
|
-
height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
|
|
26
|
-
}, children: offLabel })] }) }));
|
|
27
|
-
} }));
|
|
28
|
-
};
|
|
29
|
-
export default Switch;
|
|
30
|
-
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Forms/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB7C,MAAM,MAAM,GAA0B,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,OAAO,EACP,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,WAAW,EACtB,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACpB,MAAM,WAAW,GAAG,GAAG,EAAE;gBACvB,IAAI,QAAQ;oBAAE,OAAO;gBACrB,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC9B,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACzB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC,CAAC;YAEF,OAAO,CACL,cACE,SAAS,EAAE,8DAA8D,IAAI,6BAC3E,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBACxC,IAAI,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAC9D,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;oBAC7E,GAAG,KAAK;iBACT,EACD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,kBACC,KAAK,CAAC,KAAK,mBACV,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,WAAW,EAAE,CAAC;oBAChB,CAAC;gBACH,CAAC,YAED,eAAK,SAAS,EAAC,4BAA4B,aACzC,eACE,SAAS,EAAE,+CAA+C,OAAO,EAAE,EACnE,KAAK,EAAE;gCACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;6BACnF,YAEA,OAAO,GACH,EACP,eACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE;gCACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;6BACnF,uBAGI,EACP,eACE,SAAS,EAAE,gDAAgD,QAAQ,EAAE,EACrE,KAAK,EAAE;gCACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;6BACnF,YAEA,QAAQ,GACJ,IACH,GACF,CACP,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { InputTextProps } from 'primereact/inputtext';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ControllerProps } from './types';
|
|
4
|
-
export interface TextInputProps extends Omit<InputTextProps, 'name' | 'defaultValue'> {
|
|
5
|
-
controller: ControllerProps;
|
|
6
|
-
block?: boolean;
|
|
7
|
-
defaultValue?: string;
|
|
8
|
-
}
|
|
9
|
-
declare const TextInput: React.FC<TextInputProps>;
|
|
10
|
-
export default TextInput;
|
|
11
|
-
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAC;IACrD,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { InputText } from 'primereact/inputtext';
|
|
4
|
-
import { Controller } from 'react-hook-form';
|
|
5
|
-
const TextInput = (props) => {
|
|
6
|
-
const { controller, block, defaultValue = '', ...rest } = props;
|
|
7
|
-
return (_jsx(Controller, { defaultValue: controller?.defaultValue || defaultValue, ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputText, { id: rest.id || field.name, ...rest, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, {
|
|
8
|
-
'w-full': block,
|
|
9
|
-
}), ...field })) }));
|
|
10
|
-
};
|
|
11
|
-
export default TextInput;
|
|
12
|
-
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/Forms/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,KAAC,UAAU,IACT,YAAY,EAAE,UAAU,EAAE,YAAY,IAAI,YAAY,KAClD,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,SAAS,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,KACrB,IAAI,EACR,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE;gBACpC,QAAQ,EAAE,KAAK;aAChB,CAAC,KACE,KAAK,GACT,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { DatePickerProps } from "react-datepicker";
|
|
3
|
-
import { ControllerProps } from "./types";
|
|
4
|
-
export interface TimePickerProps {
|
|
5
|
-
controller: ControllerProps;
|
|
6
|
-
block?: boolean;
|
|
7
|
-
datePicker?: DatePickerProps;
|
|
8
|
-
className?: string;
|
|
9
|
-
timePeriod?: "AM" | "PM";
|
|
10
|
-
}
|
|
11
|
-
declare const TimePicker: React.FC<TimePickerProps>;
|
|
12
|
-
export default TimePicker;
|
|
13
|
-
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/TimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC1B;AAiBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { InputText } from "primereact/inputtext";
|
|
4
|
-
import { forwardRef } from "react";
|
|
5
|
-
import DatePicker from "react-datepicker";
|
|
6
|
-
import { Controller } from "react-hook-form";
|
|
7
|
-
const TimeInput = forwardRef(({ value, onClick, className, disabled, ...rest }, ref) => (_jsx(InputText, { role: 'button', value: value, onClick: onClick, ...rest, className: classNames("cursor-pointer", className), ref: ref, readOnly: true, disabled: disabled })));
|
|
8
|
-
TimeInput.displayName = "TimeInput";
|
|
9
|
-
const TimePicker = (props) => {
|
|
10
|
-
const { controller, block, datePicker, className } = props;
|
|
11
|
-
return (_jsx(Controller, { ...controller, render: ({ field, fieldState }) => (_jsx(DatePicker, { locale: 'es', className: classNames("p-inputtext p-component font-semibold text-center uppercase", className, {
|
|
12
|
-
"w-full": block,
|
|
13
|
-
"p-invalid": fieldState.invalid,
|
|
14
|
-
}), calendarClassName: 'p-input w-full', showTimeSelect: true, showTimeSelectOnly: true, timeIntervals: 15, timeCaption: 'Horas', dateFormat: 'h:mm aa', timeFormat: 'h:mm aa', ...datePicker, selected: field.value, onChange: field.onChange, onBlur: field.onBlur, wrapperClassName: classNames(datePicker?.wrapperClassName, {
|
|
15
|
-
"w-full": block,
|
|
16
|
-
}), customInput: _jsx(TimeInput, {}) })) }));
|
|
17
|
-
};
|
|
18
|
-
export default TimePicker;
|
|
19
|
-
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/Forms/TimePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAA+B,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,SAAS,GAAG,UAAU,CAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,GAAG,EAAE,GAAG,EACR,QAAQ,QACR,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,UAAU,GAA8B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,IACT,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,UAAU,CACnB,6DAA6D,EAC7D,SAAS,EACT;gBACE,QAAQ,EAAE,KAAK;gBACf,WAAW,EAAE,UAAU,CAAC,OAAO;aAChC,CACF,EACD,iBAAiB,EAAC,gBAAgB,EAClC,cAAc,QACd,kBAAkB,QAClB,aAAa,EAAE,EAAE,EACjB,WAAW,EAAC,OAAO,EACnB,UAAU,EAAC,SAAS,EACpB,UAAU,EAAC,SAAS,KAChB,UAAU,EACd,QAAQ,EAAE,KAAK,CAAC,KAAK,EACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,gBAAgB,EAAE,UAAU,CAAC,UAAU,EAAE,gBAAgB,EAAE;gBACzD,QAAQ,EAAE,KAAK;aAChB,CAAC,EACF,WAAW,EAAE,KAAC,SAAS,KAAG,GAE1B,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ControllerProps } from "./types";
|
|
3
|
-
export interface ToggleProps extends ControllerProps {
|
|
4
|
-
on?: string | any;
|
|
5
|
-
off?: string | any;
|
|
6
|
-
size?: "sm" | "lg" | "md";
|
|
7
|
-
offstyle?: "primary" | "secondary" | "dark";
|
|
8
|
-
onstyle?: "primary" | "secondary" | "dark";
|
|
9
|
-
onClick?: any;
|
|
10
|
-
active?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const Toggle: React.FC<ToggleProps>;
|
|
13
|
-
export default Toggle;
|
|
14
|
-
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IAC3C,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Checkbox } from "primereact/checkbox";
|
|
3
|
-
import { Controller } from "react-hook-form";
|
|
4
|
-
const Toggle = ({ name, rules, defaultValue, on = "SI", off = "NO", size, }) => {
|
|
5
|
-
return (_jsx(Controller, { name: name, rules: rules, defaultValue: defaultValue, render: ({ field }) => (_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(Checkbox, { inputId: name, checked: field.value, onChange: (e) => {
|
|
6
|
-
field.onChange(e.checked);
|
|
7
|
-
} }), field?.value && (_jsx("label", { className: 'text-base text-primary', htmlFor: name, children: on })), !field?.value && (_jsx("label", { className: 'text-base text-primary', htmlFor: name, children: off }))] })) }));
|
|
8
|
-
};
|
|
9
|
-
export default Toggle;
|
|
10
|
-
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Forms/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,MAAM,GAA0B,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,EAAE,GAAG,IAAI,EACT,GAAG,GAAG,IAAI,EACV,IAAI,GACL,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,QAAQ,IACP,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;oBAC5B,CAAC,GACD,EACD,KAAK,EAAE,KAAK,IAAI,CACf,gBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,IAAI,YACpD,EAAE,GACG,CACT,EACA,CAAC,KAAK,EAAE,KAAK,IAAI,CAChB,gBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,IAAI,YACpD,GAAG,GACE,CACT,IACG,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Forms/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
# AsyncSelect
|
|
2
|
-
|
|
3
|
-
- Export: `AsyncSelect`
|
|
4
|
-
- Extra exports: `AsyncSelectProps`
|
|
5
|
-
- Import: `import { AsyncSelect } from "@mantis-core/ui";`
|
|
6
|
-
- Base library: `react-select/async` or `react-select/async-creatable`
|
|
7
|
-
- Base typing: `Omit<ReactSelectProps<SelectOption>, "name" | "defaultValue" | "options"> & { controller: ControllerProps; block?: boolean; variant?: ButtonVariant; isCreatable?: boolean; loadOptions; defaultOptions?; cacheOptions?; debounceMs?; onCreateOption?; formatCreateLabel? }`
|
|
8
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
9
|
-
- Required styles: `@mantis-core/styles/scss/select.scss`
|
|
10
|
-
|
|
11
|
-
## Example
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
<AsyncSelect
|
|
15
|
-
controller={{ name: "city", control: form.control }}
|
|
16
|
-
block
|
|
17
|
-
loadOptions={async (input) => searchCities(input)}
|
|
18
|
-
defaultOptions
|
|
19
|
-
debounceMs={300}
|
|
20
|
-
/>
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
## Notes
|
|
24
|
-
|
|
25
|
-
- `loadOptions` is required.
|
|
26
|
-
- Debouncing is implemented inside the wrapper.
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
# DateInput
|
|
2
|
-
|
|
3
|
-
- Export: `DateInput`
|
|
4
|
-
- Extra exports: `DateInputProps`
|
|
5
|
-
- Import: `import { DateInput } from "@mantis-core/ui";`
|
|
6
|
-
- Base library: `primereact/calendar`
|
|
7
|
-
- Base typing: `Omit<CalendarProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
|
|
8
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
9
|
-
- Required styles:
|
|
10
|
-
- `@mantis-core/styles/scss/inputs.scss`
|
|
11
|
-
- `@mantis-core/styles/scss/date-picker.scss`
|
|
12
|
-
|
|
13
|
-
## Example
|
|
14
|
-
|
|
15
|
-
```tsx
|
|
16
|
-
<DateInput
|
|
17
|
-
controller={{ name: "publishAt", control: form.control }}
|
|
18
|
-
block
|
|
19
|
-
showIcon
|
|
20
|
-
dateFormat="yy-mm-dd"
|
|
21
|
-
/>
|
|
22
|
-
```
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
# DropDown
|
|
2
|
-
|
|
3
|
-
- Export: `DropDown`
|
|
4
|
-
- Extra exports: `DropDownProps`
|
|
5
|
-
- Import: `import { DropDown } from "@mantis-core/ui";`
|
|
6
|
-
- Base library: `primereact/dropdown`
|
|
7
|
-
- Base typing: `Omit<DropdownProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
|
|
8
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
9
|
-
- Required styles: `@mantis-core/styles/scss/inputs.scss`
|
|
10
|
-
|
|
11
|
-
## Example
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
<DropDown
|
|
15
|
-
controller={{ name: "status", control: form.control }}
|
|
16
|
-
block
|
|
17
|
-
options={[
|
|
18
|
-
{ label: "Draft", value: "draft" },
|
|
19
|
-
{ label: "Published", value: "published" },
|
|
20
|
-
]}
|
|
21
|
-
optionLabel="label"
|
|
22
|
-
optionValue="value"
|
|
23
|
-
/>
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
## Notes
|
|
27
|
-
|
|
28
|
-
- This is the PrimeReact dropdown wrapper, not the `react-select` wrapper.
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
# MultiSelect
|
|
2
|
-
|
|
3
|
-
- Export: `MultiSelect`
|
|
4
|
-
- Import: `import { MultiSelect } from "@mantis-core/ui";`
|
|
5
|
-
- Base library: `primereact/multiselect`
|
|
6
|
-
- Base typing: `Omit<PrimeMultiSelectProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
|
|
7
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
8
|
-
- Required styles: `@mantis-core/styles/scss/inputs.scss`
|
|
9
|
-
|
|
10
|
-
## Example
|
|
11
|
-
|
|
12
|
-
```tsx
|
|
13
|
-
<MultiSelect
|
|
14
|
-
controller={{ name: "tags", control: form.control }}
|
|
15
|
-
block
|
|
16
|
-
options={[
|
|
17
|
-
{ label: "Featured", value: "featured" },
|
|
18
|
-
{ label: "Luxury", value: "luxury" },
|
|
19
|
-
]}
|
|
20
|
-
optionLabel="label"
|
|
21
|
-
optionValue="value"
|
|
22
|
-
/>
|
|
23
|
-
```
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
# NumberInput
|
|
2
|
-
|
|
3
|
-
- Export: `NumberInput`
|
|
4
|
-
- Extra exports: `NumberInputProps`
|
|
5
|
-
- Import: `import { NumberInput } from "@mantis-core/ui";`
|
|
6
|
-
- Base library: `primereact/inputnumber`
|
|
7
|
-
- Base typing: `Omit<InputNumberProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean }`
|
|
8
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
9
|
-
- Required styles: `@mantis-core/styles/scss/inputs.scss`
|
|
10
|
-
|
|
11
|
-
## Example
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
<NumberInput
|
|
15
|
-
controller={{ name: "price", control: form.control }}
|
|
16
|
-
block
|
|
17
|
-
mode="currency"
|
|
18
|
-
currency="USD"
|
|
19
|
-
/>
|
|
20
|
-
```
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
# Select
|
|
2
|
-
|
|
3
|
-
- Export: `Select`
|
|
4
|
-
- Import: `import { Select } from "@mantis-core/ui";`
|
|
5
|
-
- Base library: `react-select` or `react-select/creatable`
|
|
6
|
-
- Base typing: `Omit<ReactSelectProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean; variant?: ButtonVariant; isCreatable?: boolean; onCreateOption?; formatCreateLabel? }`
|
|
7
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
8
|
-
- Required styles: `@mantis-core/styles/scss/select.scss`
|
|
9
|
-
|
|
10
|
-
## Example
|
|
11
|
-
|
|
12
|
-
```tsx
|
|
13
|
-
<Select
|
|
14
|
-
controller={{ name: "agent", control: form.control }}
|
|
15
|
-
block
|
|
16
|
-
variant="secondary"
|
|
17
|
-
options={[
|
|
18
|
-
{ label: "Alice", value: "alice" },
|
|
19
|
-
{ label: "Bob", value: "bob" },
|
|
20
|
-
]}
|
|
21
|
-
isClearable
|
|
22
|
-
/>
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## Notes
|
|
26
|
-
|
|
27
|
-
- This is not PrimeReact.
|
|
28
|
-
- Keep `classNamePrefix="react-select"` behavior so the shared SCSS continues to match.
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
# Switch
|
|
2
|
-
|
|
3
|
-
- Export: `Switch`
|
|
4
|
-
- Extra exports: `SwitchProps`
|
|
5
|
-
- Import: `import { Switch } from "@mantis-core/ui";`
|
|
6
|
-
- Base library: custom bootstrap-switch-like markup
|
|
7
|
-
- Base typing: `ControllerProps & { onLabel?; offLabel?; size?; onStyle?; offStyle?; width?; height?; disabled?; onChange?; className?; style? }`
|
|
8
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
9
|
-
- Required styles: `@mantis-core/styles/scss/switch.scss`
|
|
10
|
-
|
|
11
|
-
## Example
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
<Switch
|
|
15
|
-
name="enabled"
|
|
16
|
-
control={form.control}
|
|
17
|
-
defaultValue={true}
|
|
18
|
-
onLabel="Enabled"
|
|
19
|
-
offLabel="Disabled"
|
|
20
|
-
onStyle="success"
|
|
21
|
-
offStyle="light"
|
|
22
|
-
/>
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## Notes
|
|
26
|
-
|
|
27
|
-
- This is not PrimeReact `InputSwitch`.
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
# TextInput
|
|
2
|
-
|
|
3
|
-
- Export: `TextInput`
|
|
4
|
-
- Extra exports: `TextInputProps`
|
|
5
|
-
- Import: `import { TextInput } from "@mantis-core/ui";`
|
|
6
|
-
- Base library: `primereact/inputtext`
|
|
7
|
-
- Base typing: `Omit<InputTextProps, "name" | "defaultValue"> & { controller: ControllerProps; block?: boolean; defaultValue?: string }`
|
|
8
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
9
|
-
- Required styles: `@mantis-core/styles/scss/inputs.scss`
|
|
10
|
-
|
|
11
|
-
## Example
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
<TextInput
|
|
15
|
-
controller={{ name: "title", control: form.control }}
|
|
16
|
-
block
|
|
17
|
-
placeholder="Listing title"
|
|
18
|
-
/>
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
## Notes
|
|
22
|
-
|
|
23
|
-
- Use this when you want PrimeReact `InputText` behavior with `react-hook-form` wiring.
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
# TimePicker
|
|
2
|
-
|
|
3
|
-
- Export: `TimePicker`
|
|
4
|
-
- Import: `import { TimePicker } from "@mantis-core/ui";`
|
|
5
|
-
- Base library: `react-datepicker`
|
|
6
|
-
- Base typing: explicit `TimePickerProps`
|
|
7
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
8
|
-
- Required styles: none
|
|
9
|
-
|
|
10
|
-
## Example
|
|
11
|
-
|
|
12
|
-
```tsx
|
|
13
|
-
<TimePicker
|
|
14
|
-
controller={{ name: "openingTime", control: form.control }}
|
|
15
|
-
block
|
|
16
|
-
datePicker={{ showTimeSelectOnly: true, timeIntervals: 30 }}
|
|
17
|
-
/>
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
## Notes
|
|
21
|
-
|
|
22
|
-
- This is not PrimeReact `Calendar`.
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
# Toggle
|
|
2
|
-
|
|
3
|
-
- Export: `Toggle`
|
|
4
|
-
- Extra exports: `ToggleProps`
|
|
5
|
-
- Import: `import { Toggle } from "@mantis-core/ui";`
|
|
6
|
-
- Base library: `primereact/checkbox`
|
|
7
|
-
- Base typing: `ControllerProps & { on?; off?; size?; offstyle?; onstyle?; onClick?; active? }`
|
|
8
|
-
- Form contract: [`ControllerProps`](../contracts/controller-props.md)
|
|
9
|
-
- Required styles: none
|
|
10
|
-
|
|
11
|
-
## Example
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
<Toggle
|
|
15
|
-
name="published"
|
|
16
|
-
control={form.control}
|
|
17
|
-
defaultValue={false}
|
|
18
|
-
on="YES"
|
|
19
|
-
off="NO"
|
|
20
|
-
/>
|
|
21
|
-
```
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
# Controller Props
|
|
2
|
-
|
|
3
|
-
Shared form wrappers in `@mantis-core/ui` use this contract:
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
export interface ControllerProps {
|
|
7
|
-
name: string;
|
|
8
|
-
rules?: RegisterOptions;
|
|
9
|
-
shouldUnregister?: boolean;
|
|
10
|
-
defaultValue?: any;
|
|
11
|
-
control?: Control;
|
|
12
|
-
}
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
## Usage
|
|
16
|
-
|
|
17
|
-
```tsx
|
|
18
|
-
controller={{
|
|
19
|
-
name: "title",
|
|
20
|
-
control: form.control,
|
|
21
|
-
rules: { required: "Title is required" },
|
|
22
|
-
}}
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## Notes
|
|
26
|
-
|
|
27
|
-
- Components that expose `controller: ControllerProps` are designed for `react-hook-form`.
|
|
28
|
-
- Some components, such as `FileDropzone`, also support plain controlled mode without `controller`.
|