@povio/ui 3.4.0-rc.10 → 3.4.0-rc.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/Account.d.ts +2 -0
- package/dist/assets/icons/AlignCenter.d.ts +2 -0
- package/dist/assets/icons/AlignCenter.js +30 -0
- package/dist/assets/icons/AlignLeft.d.ts +2 -0
- package/dist/assets/icons/AlignLeft.js +30 -0
- package/dist/assets/icons/AlignLeftRight.d.ts +2 -0
- package/dist/assets/icons/AlignLeftRight.js +30 -0
- package/dist/assets/icons/AlignRight.d.ts +2 -0
- package/dist/assets/icons/AlignRight.js +30 -0
- package/dist/assets/icons/ArrowDropDown.d.ts +2 -0
- package/dist/assets/icons/ArrowDropDown.js +30 -0
- package/dist/assets/icons/ArrowDropUp.d.ts +2 -0
- package/dist/assets/icons/ArrowDropUp.js +30 -0
- package/dist/assets/icons/ArrowLeft.d.ts +2 -0
- package/dist/assets/icons/ArrowLeft.js +30 -0
- package/dist/assets/icons/ArrowRight.d.ts +2 -0
- package/dist/assets/icons/ArrowRight.js +30 -0
- package/dist/assets/icons/Board.d.ts +2 -0
- package/dist/assets/icons/Bold.d.ts +2 -0
- package/dist/assets/icons/Bold.js +30 -0
- package/dist/assets/icons/BulletedList.d.ts +2 -0
- package/dist/assets/icons/BulletedList.js +30 -0
- package/dist/assets/icons/Calendar.d.ts +2 -0
- package/dist/assets/icons/Calendar.js +32 -0
- package/dist/assets/icons/Check.d.ts +2 -0
- package/dist/assets/icons/Check.js +32 -0
- package/dist/assets/icons/CheckCircle.d.ts +2 -0
- package/dist/assets/icons/CheckCircle.js +30 -0
- package/dist/assets/icons/CheckboxCheckmark.d.ts +2 -0
- package/dist/assets/icons/CheckboxCheckmark.js +33 -0
- package/dist/assets/icons/CheckboxIndeterminate.d.ts +2 -0
- package/dist/assets/icons/CheckboxIndeterminate.js +33 -0
- package/dist/assets/icons/ChevronDown.d.ts +2 -0
- package/dist/assets/icons/ChevronDown.js +32 -0
- package/dist/assets/icons/ChevronLeft.d.ts +2 -0
- package/dist/assets/icons/ChevronLeft.js +32 -0
- package/dist/assets/icons/ChevronRight.d.ts +2 -0
- package/dist/assets/icons/ChevronRight.js +32 -0
- package/dist/assets/icons/ChevronUp.d.ts +2 -0
- package/dist/assets/icons/ChevronUp.js +32 -0
- package/dist/assets/icons/ChevronsLeft.d.ts +2 -0
- package/dist/assets/icons/ChevronsLeft.js +32 -0
- package/dist/assets/icons/ChevronsRight.d.ts +2 -0
- package/dist/assets/icons/ChevronsRight.js +32 -0
- package/dist/assets/icons/Clock.d.ts +2 -0
- package/dist/assets/icons/Clock.js +30 -0
- package/dist/assets/icons/Close.d.ts +2 -0
- package/dist/assets/icons/Close.js +30 -0
- package/dist/assets/icons/DateTime.d.ts +2 -0
- package/dist/assets/icons/DateTime.js +39 -0
- package/dist/assets/icons/DragIndicator.d.ts +2 -0
- package/dist/assets/icons/DragIndicator.js +30 -0
- package/dist/assets/icons/Edit.d.ts +2 -0
- package/dist/assets/icons/Emoji.d.ts +2 -0
- package/dist/assets/icons/File.d.ts +2 -0
- package/dist/assets/icons/File.js +32 -0
- package/dist/assets/icons/Grid.d.ts +2 -0
- package/dist/assets/icons/Highlight.d.ts +2 -0
- package/dist/assets/icons/Highlight.js +30 -0
- package/dist/assets/icons/HighlightOn.d.ts +6 -0
- package/dist/assets/icons/HighlightOn.js +55 -0
- package/dist/assets/icons/Home.d.ts +2 -0
- package/dist/assets/icons/Home.js +30 -0
- package/dist/assets/icons/Image.d.ts +2 -0
- package/dist/assets/icons/ImageError.d.ts +2 -0
- package/dist/assets/icons/Info.d.ts +2 -0
- package/dist/assets/icons/Info.js +41 -0
- package/dist/assets/icons/Italic.d.ts +2 -0
- package/dist/assets/icons/Italic.js +30 -0
- package/dist/assets/icons/Link.d.ts +2 -0
- package/dist/assets/icons/Link.js +30 -0
- package/dist/assets/icons/Loader.d.ts +2 -0
- package/dist/assets/icons/MapPin.d.ts +2 -0
- package/dist/assets/icons/Menu.d.ts +2 -0
- package/dist/assets/icons/Menu.js +30 -0
- package/dist/assets/icons/Minus.d.ts +2 -0
- package/dist/assets/icons/MoreHoriz.d.ts +2 -0
- package/dist/assets/icons/NumberedList.d.ts +2 -0
- package/dist/assets/icons/NumberedList.js +30 -0
- package/dist/assets/icons/Pause.d.ts +2 -0
- package/dist/assets/icons/Plus.d.ts +2 -0
- package/dist/assets/icons/PointerHorizontal.d.ts +2 -0
- package/dist/assets/icons/PointerHorizontal.js +30 -0
- package/dist/assets/icons/PointerVertical.d.ts +2 -0
- package/dist/assets/icons/PointerVertical.js +30 -0
- package/dist/assets/icons/Retry.d.ts +2 -0
- package/dist/assets/icons/Search.d.ts +2 -0
- package/dist/assets/icons/Search.js +30 -0
- package/dist/assets/icons/Send.d.ts +2 -0
- package/dist/assets/icons/Send.js +32 -0
- package/dist/assets/icons/Share.d.ts +2 -0
- package/dist/assets/icons/Slash.d.ts +2 -0
- package/dist/assets/icons/Strikethrough.d.ts +2 -0
- package/dist/assets/icons/Strikethrough.js +30 -0
- package/dist/assets/icons/TextColor.d.ts +6 -0
- package/dist/assets/icons/TextColor.js +52 -0
- package/dist/assets/icons/Today.d.ts +2 -0
- package/dist/assets/icons/Today.js +30 -0
- package/dist/assets/icons/Trash.d.ts +2 -0
- package/dist/assets/icons/Underlined.d.ts +2 -0
- package/dist/assets/icons/Underlined.js +32 -0
- package/dist/assets/icons/Upload.d.ts +2 -0
- package/dist/assets/icons/Upload.js +39 -0
- package/dist/assets/icons/User.d.ts +2 -0
- package/dist/assets/icons/Visibility.d.ts +2 -0
- package/dist/assets/icons/Visibility.js +30 -0
- package/dist/assets/icons/VisibilityOff.d.ts +2 -0
- package/dist/assets/icons/VisibilityOff.js +30 -0
- package/dist/assets/icons/WarningFilled.d.ts +2 -0
- package/dist/assets/icons/WarningFilled.js +32 -0
- package/dist/assets/icons/WarningOutlined.d.ts +2 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js +7 -7
- package/dist/components/Menu/MenuDesktop.js +1 -1
- package/dist/components/Menu/MenuItem.js +4 -4
- package/dist/components/Menu/MenuMobile.js +5 -5
- package/dist/components/Menu/MenuPopover.js +2 -2
- package/dist/components/buttons/Button/Button.js +1 -1
- package/dist/components/buttons/PillButton/PillButton.js +4 -4
- package/dist/components/buttons/PillButton/pillButton.cva.d.ts +1 -1
- package/dist/components/buttons/SplitButton/SplitButton.js +3 -3
- package/dist/components/buttons/shared/ButtonContent.js +2 -2
- package/dist/components/buttons/shared/buttonContent.cva.d.ts +1 -1
- package/dist/components/inputs/Checkbox/Checkbox.d.ts +2 -1
- package/dist/components/inputs/Checkbox/Checkbox.js +102 -95
- package/dist/components/inputs/Checkbox/CheckboxCheckmark.js +3 -2
- package/dist/components/inputs/Checkbox/CheckboxGroup.d.ts +2 -1
- package/dist/components/inputs/Checkbox/CheckboxGroup.js +115 -111
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts +2 -2
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +22 -17
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +23 -17
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts +2 -2
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +25 -21
- package/dist/components/inputs/DateTime/TimePicker/TimePicker.d.ts +2 -2
- package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +238 -225
- package/dist/components/inputs/DateTime/shared/Calendar.js +1 -1
- package/dist/components/inputs/DateTime/shared/CalendarCell.js +1 -1
- package/dist/components/inputs/DateTime/shared/CalendarGrid.js +1 -1
- package/dist/components/inputs/DateTime/shared/CalendarHeader.js +10 -7
- package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js +12 -8
- package/dist/components/inputs/DateTime/shared/DateField.d.ts +1 -2
- package/dist/components/inputs/DateTime/shared/DateField.js +4 -4
- package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts +2 -2
- package/dist/components/inputs/DateTime/shared/DatePickerInput.js +16 -8
- package/dist/components/inputs/DateTime/shared/DateSegmentItem.js +3 -3
- package/dist/components/inputs/DateTime/shared/DateTimeDialog.js +2 -2
- package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js +1 -1
- package/dist/components/inputs/DateTime/shared/MonthPicker.js +2 -2
- package/dist/components/inputs/DateTime/shared/RangeCalendar.js +2 -2
- package/dist/components/inputs/DateTime/shared/TimePickerForm.js +5 -4
- package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts +2 -2
- package/dist/components/inputs/DateTime/shared/TimePickerInput.js +11 -10
- package/dist/components/inputs/DateTime/shared/YearPicker.js +2 -2
- package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js +1 -46
- package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.js +1 -1
- package/dist/components/inputs/File/FileUpload.d.ts +1 -1
- package/dist/components/inputs/File/FileUpload.js +20 -20
- package/dist/components/inputs/File/InputUpload.d.ts +1 -1
- package/dist/components/inputs/File/InputUpload.js +19 -19
- package/dist/components/inputs/File/fileUpload.types.d.ts +1 -1
- package/dist/components/inputs/File/inputUpload.types.d.ts +1 -1
- package/dist/components/inputs/File/shared/FileCard.js +1 -1
- package/dist/components/inputs/File/shared/FileCardList.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContent.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +3 -3
- package/dist/components/inputs/File/shared/FileUploadContentError.js +6 -5
- package/dist/components/inputs/File/shared/FileUploadContentFilled.js +6 -5
- package/dist/components/inputs/File/shared/FileUploadContentLoading.js +5 -4
- package/dist/components/inputs/File/shared/InputUploadContent.js +4 -4
- package/dist/components/inputs/File/shared/InputUploadFilled.js +3 -3
- package/dist/components/inputs/FormField/FormFieldError.js +1 -1
- package/dist/components/inputs/FormField/FormFieldHeader.js +4 -4
- package/dist/components/inputs/FormField/FormFieldHeaderClose.js +3 -3
- package/dist/components/inputs/FormField/FormFieldHelper.js +1 -1
- package/dist/components/inputs/FormField/FormFieldLabel.js +2 -2
- package/dist/components/inputs/Input/NumberInput/NumberInput.d.ts +1 -1
- package/dist/components/inputs/Input/NumberInput/NumberInput.js +107 -109
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts +1 -2
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.js +254 -265
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.d.ts +1 -2
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js +24 -25
- package/dist/components/inputs/Input/PasswordInput/PasswordInput.d.ts +1 -1
- package/dist/components/inputs/Input/PasswordInput/PasswordInput.js +4 -3
- package/dist/components/inputs/Input/TextArea/TextArea.d.ts +1 -2
- package/dist/components/inputs/Input/TextArea/TextArea.js +117 -118
- package/dist/components/inputs/Input/TextInput/TextInput.d.ts +2 -2
- package/dist/components/inputs/Input/TextInput/TextInput.js +129 -129
- package/dist/components/inputs/Input/shared/InputContent.d.ts +1 -2
- package/dist/components/inputs/Input/shared/InputContent.js +48 -50
- package/dist/components/inputs/Inputs/Form.d.ts +4 -4
- package/dist/components/inputs/Inputs/Form.js +1 -1
- package/dist/components/inputs/Inputs/InputItem.d.ts +22 -22
- package/dist/components/inputs/Inputs/InputItem.js +37 -36
- package/dist/components/inputs/Inputs/Inputs.d.ts +2 -2
- package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +2 -1
- package/dist/components/inputs/RadioGroup/RadioGroup.js +113 -109
- package/dist/components/inputs/Selection/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +16 -16
- package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts +1 -1
- package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +20 -20
- package/dist/components/inputs/Selection/Autocomplete/queryAutocomplete.types.d.ts +1 -1
- package/dist/components/inputs/Selection/Select/QuerySelect.d.ts +1 -1
- package/dist/components/inputs/Selection/Select/QuerySelect.js +20 -20
- package/dist/components/inputs/Selection/Select/Select.d.ts +1 -1
- package/dist/components/inputs/Selection/Select/Select.js +23 -23
- package/dist/components/inputs/Selection/shared/SelectBase.d.ts +1 -1
- package/dist/components/inputs/Selection/shared/SelectBase.js +37 -34
- package/dist/components/inputs/Selection/shared/SelectDesktop.js +56 -58
- package/dist/components/inputs/Selection/shared/SelectInput.d.ts +2 -2
- package/dist/components/inputs/Selection/shared/SelectInput.js +56 -57
- package/dist/components/inputs/Selection/shared/SelectListBox.js +1 -1
- package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +2 -2
- package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +2 -2
- package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js +1 -1
- package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js +1 -1
- package/dist/components/inputs/Selection/shared/SelectMobile.js +4 -5
- package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.js +3 -3
- package/dist/components/inputs/Selection/shared/select.context.d.ts +2 -2
- package/dist/components/inputs/Selection/shared/select.context.js +9 -5
- package/dist/components/inputs/Selection/shared/select.types.d.ts +1 -1
- package/dist/components/inputs/Skeleton/InputFrame.d.ts +0 -1
- package/dist/components/inputs/Skeleton/InputFrame.js +7 -10
- package/dist/components/inputs/Slider/Slider.d.ts +1 -1
- package/dist/components/inputs/Slider/Slider.js +20 -20
- package/dist/components/inputs/TextEditor/TextEditor.d.ts +1 -1
- package/dist/components/inputs/TextEditor/TextEditor.js +20 -20
- package/dist/components/inputs/TextEditor/Toolbar/ColorPicker.js +2 -2
- package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +4 -4
- package/dist/components/inputs/TextEditor/Toolbar/HyperlinkAction.js +4 -4
- package/dist/components/inputs/TextEditor/Toolbar/TextAlignSelect.js +8 -5
- package/dist/components/inputs/TextEditor/Toolbar/TextColorSelect.js +3 -3
- package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.js +5 -4
- package/dist/components/inputs/TextEditor/Toolbar/TextListActions.js +5 -4
- package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.js +9 -6
- package/dist/components/inputs/Toggle/Toggle.d.ts +2 -1
- package/dist/components/inputs/Toggle/Toggle.js +65 -61
- package/dist/components/inputs/shared/CheckContent.js +1 -1
- package/dist/components/inputs/shared/InputClear.js +28 -45
- package/dist/components/inputs/shared/TooltipWrapper.d.ts +1 -1
- package/dist/components/inputs/shared/form.types.d.ts +8 -9
- package/dist/components/inputs/shared/input.cva.js +1 -1
- package/dist/components/inputs/shared/useStaticInputHandoff.js +38 -64
- package/dist/components/navigation/Accordion/Accordion.js +1 -1
- package/dist/components/navigation/Accordion/AccordionItem.js +3 -3
- package/dist/components/navigation/Stepper/Stepper.js +2 -2
- package/dist/components/navigation/Stepper/StepperItem.js +4 -4
- package/dist/components/overlays/ActionModal/ActionModal.js +1 -1
- package/dist/components/overlays/BottomSheet/BottomSheet.js +3 -3
- package/dist/components/overlays/BottomSheet/BottomSheetHeader.js +4 -4
- package/dist/components/overlays/Drawer/Drawer.js +2 -2
- package/dist/components/overlays/Modal/Modal.js +3 -3
- package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js +1 -1
- package/dist/components/overlays/Tooltip/Tooltip.js +8 -15
- package/dist/components/overlays/Tooltip/TooltipEllipsis.js +1 -1
- package/dist/components/segment/Segment.d.ts +1 -1
- package/dist/components/segment/Segment.js +21 -21
- package/dist/components/segment/SegmentItem.js +1 -1
- package/dist/components/segment/segment.types.d.ts +1 -1
- package/dist/components/shared/pagination/Pagination.js +1 -1
- package/dist/components/shared/pagination/PaginationList.js +9 -6
- package/dist/components/table/ColumnConfig.js +1 -1
- package/dist/components/table/InfiniteTable.js +1 -1
- package/dist/components/table/Table.js +8 -6
- package/dist/components/text/Link/Link.js +1 -1
- package/dist/components/text/Pill/Pill.js +3 -3
- package/dist/components/text/Tag/Tag.js +3 -3
- package/dist/config/confirmation.context.js +1 -1
- package/dist/config/link.context.js +1 -1
- package/dist/config/router.context.js +1 -1
- package/dist/config/theme.context.js +1 -1
- package/dist/config/uiConfig.context.d.ts +5 -14
- package/dist/config/uiConfig.context.js +11 -9
- package/dist/config/uiOverrides.context.js +2 -2
- package/dist/helpers/dynamicColumns.d.ts +1 -1
- package/dist/helpers/dynamicInputs.d.ts +7 -7
- package/dist/hooks/useAutosave.d.ts +4 -4
- package/dist/hooks/useAutosave.js +49 -64
- package/dist/hooks/useFilters.js +1 -1
- package/dist/hooks/useForm.d.ts +15 -39
- package/dist/hooks/useForm.js +43 -96
- package/dist/hooks/useFormAutosave.d.ts +9 -8
- package/dist/hooks/useFormAutosave.js +9 -23
- package/dist/hooks/useIntersectionObserver.js +1 -1
- package/dist/hooks/useLocalStorage.js +1 -1
- package/dist/hooks/usePagination.js +1 -1
- package/dist/hooks/useScrollableListBox.js +1 -1
- package/dist/hooks/useSorting.js +1 -1
- package/dist/hooks/useStateAndRef.js +1 -1
- package/dist/hooks/useTableColumnConfig.js +1 -1
- package/dist/index.d.ts +263 -1
- package/dist/index.js +71 -11
- package/package.json +3 -15
- package/dist/assets/locales/en/translation.json.d.ts +0 -158
- package/dist/assets/locales/sl/translation.json.d.ts +0 -154
- package/dist/components/inputs/shared/form.binding.d.ts +0 -27
- package/dist/components/inputs/shared/form.binding.js +0 -57
- package/dist/components/inputs/shared/form.types.js +0 -8
- package/dist/rhf/Inputs.d.ts +0 -60
- package/dist/rhf/Inputs.js +0 -148
- package/dist/rhf/components.d.ts +0 -80
- package/dist/rhf/components.js +0 -101
- package/dist/rhf/dynamicInputs.d.ts +0 -18
- package/dist/rhf/dynamicInputs.js +0 -5
- package/dist/rhf/fieldAdapter.d.ts +0 -7
- package/dist/rhf/fieldAdapter.js +0 -40
- package/dist/rhf/form.types.d.ts +0 -12
- package/dist/rhf/useAutosave.d.ts +0 -10
- package/dist/rhf/useAutosave.js +0 -71
- package/dist/rhf/useForm.d.ts +0 -18
- package/dist/rhf/useForm.js +0 -48
- package/dist/rhf/useFormAutosave.d.ts +0 -15
- package/dist/rhf/useFormAutosave.js +0 -59
- package/dist/rhf.d.ts +0 -225
- package/dist/tanstack.d.ts +0 -224
- package/dist/tanstack.js +0 -141
- /package/dist/{rhf/entrypoints.type-test.d.ts → hooks/useAutosave.spec.d.ts} +0 -0
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
"ui": {
|
|
3
|
-
"openAlt": "Open",
|
|
4
|
-
"closeAlt": "Close",
|
|
5
|
-
"clearAlt": "Clear",
|
|
6
|
-
"loadingState": {
|
|
7
|
-
"text": "Loading..."
|
|
8
|
-
},
|
|
9
|
-
"select": {
|
|
10
|
-
"closeAlt": "Close the menu",
|
|
11
|
-
"selectAll": "Select all",
|
|
12
|
-
"clearSelection": "Clear",
|
|
13
|
-
"allOption": "All",
|
|
14
|
-
"search": "Search",
|
|
15
|
-
"clearSearch": "Clear search"
|
|
16
|
-
},
|
|
17
|
-
"datePicker": {
|
|
18
|
-
"today": "Today",
|
|
19
|
-
"clear": "Clear",
|
|
20
|
-
"save": "Save",
|
|
21
|
-
"presets": {
|
|
22
|
-
"thisWeek": "This week",
|
|
23
|
-
"lastWeek": "Last week",
|
|
24
|
-
"thisAndLastWeek": "This & Last week",
|
|
25
|
-
"thisMonth": "This month",
|
|
26
|
-
"thisAndLastMonth": "This & Last month",
|
|
27
|
-
"thisYear": "This year",
|
|
28
|
-
"lastYear": "Last year",
|
|
29
|
-
"thisAndLastYear": "This & Last year",
|
|
30
|
-
"soFar": "So far"
|
|
31
|
-
},
|
|
32
|
-
"navigation": {
|
|
33
|
-
"previousMonth": "Previous month",
|
|
34
|
-
"nextMonth": "Next month",
|
|
35
|
-
"previousYear": "Previous year",
|
|
36
|
-
"nextYear": "Next year"
|
|
37
|
-
},
|
|
38
|
-
"errors": {
|
|
39
|
-
"endDateBeforeStart": "End date cannot be before start date"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
"modal": {
|
|
43
|
-
"closeBtn": "Close"
|
|
44
|
-
},
|
|
45
|
-
"autocomplete": {
|
|
46
|
-
"createNewBtn": "Create"
|
|
47
|
-
},
|
|
48
|
-
"password": {
|
|
49
|
-
"reveal": "Reveal password",
|
|
50
|
-
"hide": "Hide password"
|
|
51
|
-
},
|
|
52
|
-
"textEditor": {
|
|
53
|
-
"textStyle": {
|
|
54
|
-
"label": "Text style",
|
|
55
|
-
"normal": "Normal text",
|
|
56
|
-
"heading1": "Heading 1",
|
|
57
|
-
"heading2": "Heading 2",
|
|
58
|
-
"heading3": "Heading 3",
|
|
59
|
-
"heading4": "Heading 4",
|
|
60
|
-
"heading5": "Heading 5",
|
|
61
|
-
"heading6": "Heading 6"
|
|
62
|
-
},
|
|
63
|
-
"marks": {
|
|
64
|
-
"bold": "Bold",
|
|
65
|
-
"italic": "Italic",
|
|
66
|
-
"underline": "Underline",
|
|
67
|
-
"strikethrough": "Strikethrough"
|
|
68
|
-
},
|
|
69
|
-
"textAlign": {
|
|
70
|
-
"label": "Text align",
|
|
71
|
-
"left": "Left",
|
|
72
|
-
"center": "Center",
|
|
73
|
-
"right": "Right",
|
|
74
|
-
"justify": "Justify"
|
|
75
|
-
},
|
|
76
|
-
"link": {
|
|
77
|
-
"label": "Hyperlink",
|
|
78
|
-
"apply": "Apply",
|
|
79
|
-
"remove": "Remove",
|
|
80
|
-
"urlLabel": "URL",
|
|
81
|
-
"urlPlaceholder": "Enter the URL"
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
"tag": {
|
|
85
|
-
"dismiss": "Dismiss"
|
|
86
|
-
},
|
|
87
|
-
"clearInput": "Clear input",
|
|
88
|
-
"pagination": {
|
|
89
|
-
"nextBtn": "Next",
|
|
90
|
-
"backBtn": "Previous",
|
|
91
|
-
"firstBtn": "First",
|
|
92
|
-
"lastBtn": "Last",
|
|
93
|
-
"resultsPerPage": "Results per page"
|
|
94
|
-
},
|
|
95
|
-
"confirmation": {
|
|
96
|
-
"cancel": "Cancel",
|
|
97
|
-
"confirm": "Confirm"
|
|
98
|
-
},
|
|
99
|
-
"fileUpload": {
|
|
100
|
-
"emptyText": "Upload file",
|
|
101
|
-
"uploadText": "Drag & drop files here or",
|
|
102
|
-
"browse": "Browse",
|
|
103
|
-
"noFileUploaded": "No file uploaded",
|
|
104
|
-
"upload": "Upload",
|
|
105
|
-
"uploadFile": "Upload file",
|
|
106
|
-
"or": "or",
|
|
107
|
-
"removeFile": "Remove file",
|
|
108
|
-
"cancel": "Cancel"
|
|
109
|
-
},
|
|
110
|
-
"table": {
|
|
111
|
-
"column": "Column",
|
|
112
|
-
"show": "Show",
|
|
113
|
-
"configureColumns": "Configure columns"
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
"zodErrors": {
|
|
117
|
-
"required": "Required",
|
|
118
|
-
"invalid": "Invalid",
|
|
119
|
-
"string": {
|
|
120
|
-
"includes": "Must include \"{{text}}\"",
|
|
121
|
-
"startsWith": "Must start with \"{{text}}\"",
|
|
122
|
-
"endsWith": "Must end with \"{{text}}\"",
|
|
123
|
-
"constraint": "Invalid {{text}}",
|
|
124
|
-
"contains": "Must contain exactly {{count}} character(s)",
|
|
125
|
-
"containsAtLeast": "Must contain at least {{count}} character(s)",
|
|
126
|
-
"containsOver": "Must contain over {{count}} character(s)",
|
|
127
|
-
"containsAtMost": "Must contain at most {{count}} character(s)",
|
|
128
|
-
"containsUnder": "Must contain under {{count}} character(s)"
|
|
129
|
-
},
|
|
130
|
-
"array": {
|
|
131
|
-
"contains": "Array must contain exactly {{count}} element(s)",
|
|
132
|
-
"containsAtLeast": "Array must contain at least {{count}} element(s)",
|
|
133
|
-
"containsMoreThan": "Array must contain more than {{count}} element(s)",
|
|
134
|
-
"containsAtMost": "Array must contain at most {{count}} element(s)",
|
|
135
|
-
"containsLessThan": "Array must contain less than {{count}} element(s)"
|
|
136
|
-
},
|
|
137
|
-
"number": {
|
|
138
|
-
"exact": "Number must be exactly equal to {{number}}",
|
|
139
|
-
"greaterThanOrEqual": "Number must be greater than or equal to {{number}}",
|
|
140
|
-
"greaterThan": "Number must be greater than {{number}}",
|
|
141
|
-
"over": "Number must be over {{number}}",
|
|
142
|
-
"lessThanOrEqual": "Number must be less than or equal to {{number}}",
|
|
143
|
-
"lessThan": "Number must be less than {{number}}",
|
|
144
|
-
"multipleOf": "Number must be a multiple of {{multipleOf}}"
|
|
145
|
-
},
|
|
146
|
-
"date": {
|
|
147
|
-
"invalid": "Invalid date",
|
|
148
|
-
"exact": "Date must be exactly equal to {{date}}",
|
|
149
|
-
"greaterThanOrEqual": "Date must be greater than or equal to {{date}}",
|
|
150
|
-
"greaterThan": "Date must be greater than {{date}}",
|
|
151
|
-
"smallerThanOrEqual": "Date must be smaller than or equal to {{date}}",
|
|
152
|
-
"smallerThan": "Date must be smaller than {{date}}"
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
;
|
|
157
|
-
|
|
158
|
-
export default _default;
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
"ui": {
|
|
3
|
-
"openAlt": "Odpri",
|
|
4
|
-
"closeAlt": "Zapri",
|
|
5
|
-
"clearAlt": "Sprazni",
|
|
6
|
-
"loadingState": {
|
|
7
|
-
"text": "Nalaganje..."
|
|
8
|
-
},
|
|
9
|
-
"select": {
|
|
10
|
-
"closeAlt": "Zapri meni",
|
|
11
|
-
"selectAll": "Izberi vse",
|
|
12
|
-
"clearSelection": "Sprazni",
|
|
13
|
-
"allOption": "Vse",
|
|
14
|
-
"search": "Išči",
|
|
15
|
-
"clearSearch": "Sprazni iskanje"
|
|
16
|
-
},
|
|
17
|
-
"datePicker": {
|
|
18
|
-
"today": "Danes",
|
|
19
|
-
"clear": "Sprazni",
|
|
20
|
-
"save": "Shrani",
|
|
21
|
-
"presets": {
|
|
22
|
-
"thisWeek": "Ta teden",
|
|
23
|
-
"lastWeek": "Prejšnji teden",
|
|
24
|
-
"thisAndLastWeek": "Ta in prejšnji teden",
|
|
25
|
-
"thisMonth": "Ta mesec",
|
|
26
|
-
"thisAndLastMonth": "Ta in prejšnji mesec",
|
|
27
|
-
"thisYear": "To leto",
|
|
28
|
-
"lastYear": "Prejšnje leto",
|
|
29
|
-
"thisAndLastYear": "To in prejšnje leto",
|
|
30
|
-
"soFar": "Od začetka"
|
|
31
|
-
},
|
|
32
|
-
"navigation": {
|
|
33
|
-
"previousMonth": "Prejšnji mesec",
|
|
34
|
-
"nextMonth": "Naslednji mesec",
|
|
35
|
-
"previousYear": "Prejšnje leto",
|
|
36
|
-
"nextYear": "Naslednje leto"
|
|
37
|
-
},
|
|
38
|
-
"errors": {
|
|
39
|
-
"endDateBeforeStart": "Datum konca ne more biti pred datumom začetka"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
"modal": {
|
|
43
|
-
"closeBtn": "Zapri"
|
|
44
|
-
},
|
|
45
|
-
"autocomplete": {
|
|
46
|
-
"createNewBtn": "Ustvari"
|
|
47
|
-
},
|
|
48
|
-
"password": {
|
|
49
|
-
"reveal": "Prikaži geslo",
|
|
50
|
-
"hide": "Skrij geslo"
|
|
51
|
-
},
|
|
52
|
-
"textEditor": {
|
|
53
|
-
"textStyle": {
|
|
54
|
-
"label": "Vrsta besedila",
|
|
55
|
-
"normal": "Normalni tekst",
|
|
56
|
-
"heading1": "Naslov 1",
|
|
57
|
-
"heading2": "Naslov 2",
|
|
58
|
-
"heading3": "Naslov 3",
|
|
59
|
-
"heading4": "Naslov 4",
|
|
60
|
-
"heading5": "Naslov 5",
|
|
61
|
-
"heading6": "Naslov 6"
|
|
62
|
-
},
|
|
63
|
-
"marks": {
|
|
64
|
-
"bold": "Krepko",
|
|
65
|
-
"italic": "Poševno",
|
|
66
|
-
"underline": "Podčrtano",
|
|
67
|
-
"strikethrough": "Prečrtano"
|
|
68
|
-
},
|
|
69
|
-
"textAlign": {
|
|
70
|
-
"label": "Poravnava besedila",
|
|
71
|
-
"left": "Levo",
|
|
72
|
-
"center": "Sredina",
|
|
73
|
-
"right": "Desno",
|
|
74
|
-
"justify": "Obojestransko"
|
|
75
|
-
},
|
|
76
|
-
"link": {
|
|
77
|
-
"label": "Povezava",
|
|
78
|
-
"apply": "Ustvari",
|
|
79
|
-
"remove": "Odstrani",
|
|
80
|
-
"urlLabel": "URL",
|
|
81
|
-
"urlPlaceholder": "Vnesite URL"
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
"pagination": {
|
|
85
|
-
"nextBtn": "Naprej",
|
|
86
|
-
"backBtn": "Nazaj",
|
|
87
|
-
"firstBtn": "Prva",
|
|
88
|
-
"lastBtn": "Zadnja",
|
|
89
|
-
"resultsPerPage": "Rezultatov na stran"
|
|
90
|
-
},
|
|
91
|
-
"confirmation": {
|
|
92
|
-
"cancel": "Prekliči",
|
|
93
|
-
"confirm": "Potrdi"
|
|
94
|
-
},
|
|
95
|
-
"fileUpload": {
|
|
96
|
-
"emptyText": "Naloži datoteko",
|
|
97
|
-
"uploadText": "Povlecite datoteke sem ali",
|
|
98
|
-
"browse": "Izberi",
|
|
99
|
-
"noFileUploaded": "Ni datotek",
|
|
100
|
-
"upload": "Naloži",
|
|
101
|
-
"uploadFile": "Naloži datoteko",
|
|
102
|
-
"or": "ali",
|
|
103
|
-
"removeFile": "Odstrani datoteko",
|
|
104
|
-
"cancel": "Prekliči"
|
|
105
|
-
},
|
|
106
|
-
"table": {
|
|
107
|
-
"column": "Stolpec",
|
|
108
|
-
"show": "Prikaži",
|
|
109
|
-
"configureColumns": "Nastavi stolpce"
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
"zodErrors": {
|
|
113
|
-
"required": "Obvezno",
|
|
114
|
-
"invalid": "Neveljavno",
|
|
115
|
-
"string": {
|
|
116
|
-
"includes": "Mora vključevati \"{{text}}\"",
|
|
117
|
-
"startsWith": "Se mora začeti z \"{{text}}\"",
|
|
118
|
-
"endsWith": "Se mora končati z \"{{text}}\"",
|
|
119
|
-
"constraint": "Neveljaven {{text}}",
|
|
120
|
-
"contains": "Mora vsebovati natančno {{count}} znak(ov)",
|
|
121
|
-
"containsAtLeast": "Mora vsebovati vsaj {{count}} znak(ov)",
|
|
122
|
-
"containsOver": "Mora vsebovati več kot {{count}} znak(ov)",
|
|
123
|
-
"containsAtMost": "Mora vsebovati največ {{count}} znak(ov)",
|
|
124
|
-
"containsUnder": "Mora vsebovati manj kot {{count}} znak(ov)"
|
|
125
|
-
},
|
|
126
|
-
"array": {
|
|
127
|
-
"contains": "Polje mora vsebovati natančno {{count}} element(ov)",
|
|
128
|
-
"containsAtLeast": "Polje mora vsebovati vsaj {{count}} element(ov)",
|
|
129
|
-
"containsMoreThan": "Polje mora vsebovati več kot {{count}} element(ov)",
|
|
130
|
-
"containsAtMost": "Polje mora vsebovati največ {{count}} element(ov)",
|
|
131
|
-
"containsLessThan": "Polje mora vsebovati manj kot {{count}} element(ov)"
|
|
132
|
-
},
|
|
133
|
-
"number": {
|
|
134
|
-
"exact": "Število mora biti natančno enako {{number}}",
|
|
135
|
-
"greaterThanOrEqual": "Število mora biti večje ali enako {{number}}",
|
|
136
|
-
"greaterThan": "Število mora biti večje od {{number}}",
|
|
137
|
-
"over": "Število mora biti nad {{number}}",
|
|
138
|
-
"lessThanOrEqual": "Število mora biti manjše ali enako {{number}}",
|
|
139
|
-
"lessThan": "Število mora biti manjše od {{number}}",
|
|
140
|
-
"multipleOf": "Število mora biti večkratnik števila {{multipleOf}}"
|
|
141
|
-
},
|
|
142
|
-
"date": {
|
|
143
|
-
"invalid": "Neveljaven datum",
|
|
144
|
-
"exact": "Datum mora biti natančno enak {{date}}",
|
|
145
|
-
"greaterThanOrEqual": "Datum mora biti večji ali enak {{date}}",
|
|
146
|
-
"greaterThan": "Datum mora biti večji od {{date}}",
|
|
147
|
-
"smallerThanOrEqual": "Datum mora biti manjši ali enak {{date}}",
|
|
148
|
-
"smallerThan": "Datum mora biti manjši od {{date}}"
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
;
|
|
153
|
-
|
|
154
|
-
export default _default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
|
|
2
|
-
export type FieldValues = Record<string, any>;
|
|
3
|
-
export type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
|
|
4
|
-
export type FieldPathValue<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = DeepValue<TFieldValues, TName>;
|
|
5
|
-
export type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
|
|
6
|
-
interface FieldControllerProps<TFieldValues extends FieldValues> {
|
|
7
|
-
control: UIForm<TFieldValues>;
|
|
8
|
-
name: DeepKeys<TFieldValues>;
|
|
9
|
-
render: (props: {
|
|
10
|
-
field: {
|
|
11
|
-
disabled: boolean;
|
|
12
|
-
name: string;
|
|
13
|
-
onBlur: () => void;
|
|
14
|
-
onChange: (value: any) => void;
|
|
15
|
-
ref: () => void;
|
|
16
|
-
value: any;
|
|
17
|
-
};
|
|
18
|
-
fieldState: {
|
|
19
|
-
error?: {
|
|
20
|
-
message: string;
|
|
21
|
-
};
|
|
22
|
-
isDirty: boolean;
|
|
23
|
-
};
|
|
24
|
-
}) => React.ReactNode;
|
|
25
|
-
}
|
|
26
|
-
export declare function FieldController<TFieldValues extends FieldValues>({ control: form, name, render, }: FieldControllerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
export {};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { getFieldError } from "./form.types.js";
|
|
2
|
-
import { c } from "react/compiler-runtime";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region src/components/inputs/shared/form.binding.tsx
|
|
5
|
-
function FieldController(t0) {
|
|
6
|
-
const $ = c(12);
|
|
7
|
-
const { control: form, name, render } = t0;
|
|
8
|
-
const T0 = form.Field;
|
|
9
|
-
let t1;
|
|
10
|
-
if ($[0] !== form || $[1] !== name) {
|
|
11
|
-
t1 = form.getFieldValidators(name);
|
|
12
|
-
$[0] = form;
|
|
13
|
-
$[1] = name;
|
|
14
|
-
$[2] = t1;
|
|
15
|
-
} else t1 = $[2];
|
|
16
|
-
let t2;
|
|
17
|
-
if ($[3] !== form || $[4] !== name || $[5] !== render) {
|
|
18
|
-
t2 = (field) => render({
|
|
19
|
-
field: {
|
|
20
|
-
disabled: form.disabled,
|
|
21
|
-
name: field.name,
|
|
22
|
-
onBlur: () => {
|
|
23
|
-
field.handleBlur();
|
|
24
|
-
form.notifyBlur(name);
|
|
25
|
-
},
|
|
26
|
-
onChange: field.handleChange,
|
|
27
|
-
ref: _temp,
|
|
28
|
-
value: field.state.value
|
|
29
|
-
},
|
|
30
|
-
fieldState: {
|
|
31
|
-
error: getFieldError(field.state.meta.errors) ? { message: getFieldError(field.state.meta.errors) } : void 0,
|
|
32
|
-
isDirty: field.state.meta.isDirty
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
$[3] = form;
|
|
36
|
-
$[4] = name;
|
|
37
|
-
$[5] = render;
|
|
38
|
-
$[6] = t2;
|
|
39
|
-
} else t2 = $[6];
|
|
40
|
-
let t3;
|
|
41
|
-
if ($[7] !== form.Field || $[8] !== name || $[9] !== t1 || $[10] !== t2) {
|
|
42
|
-
t3 = /* @__PURE__ */ jsx(T0, {
|
|
43
|
-
name,
|
|
44
|
-
validators: t1,
|
|
45
|
-
children: t2
|
|
46
|
-
});
|
|
47
|
-
$[7] = form.Field;
|
|
48
|
-
$[8] = name;
|
|
49
|
-
$[9] = t1;
|
|
50
|
-
$[10] = t2;
|
|
51
|
-
$[11] = t3;
|
|
52
|
-
} else t3 = $[11];
|
|
53
|
-
return t3;
|
|
54
|
-
}
|
|
55
|
-
function _temp() {}
|
|
56
|
-
//#endregion
|
|
57
|
-
export { FieldController };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
//#region src/components/inputs/shared/form.types.ts
|
|
2
|
-
var getFieldError = (errors) => errors.flatMap((error) => {
|
|
3
|
-
if (typeof error === "string") return [error];
|
|
4
|
-
if (error && typeof error === "object" && "message" in error) return [String(error.message)];
|
|
5
|
-
return [];
|
|
6
|
-
}).at(0);
|
|
7
|
-
//#endregion
|
|
8
|
-
export { getFieldError };
|
package/dist/rhf/Inputs.d.ts
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { SubmitErrorHandler, SubmitHandler, UseFormReturn } from 'react-hook-form';
|
|
3
|
-
import { z } from 'zod';
|
|
4
|
-
declare const componentRegistry: {
|
|
5
|
-
readonly autocomplete: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('..').DefaultInitialSelectItem<TKey>>(props: import('./components').ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>) => ReactNode;
|
|
6
|
-
readonly checkbox: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledCheckboxProps<TFieldValues>) => ReactNode;
|
|
7
|
-
readonly checkboxGroup: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledCheckboxGroupProps<TFieldValues>) => ReactNode;
|
|
8
|
-
readonly datePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledDatePickerProps<TFieldValues>) => ReactNode;
|
|
9
|
-
readonly dateRangePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledDateRangePickerProps<TFieldValues>) => ReactNode;
|
|
10
|
-
readonly dateTimePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledDateTimePickerProps<TFieldValues>) => ReactNode;
|
|
11
|
-
readonly numberInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledNumberInputProps<TFieldValues>) => ReactNode;
|
|
12
|
-
readonly numberRangeInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledNumberRangeInputProps<TFieldValues>) => ReactNode;
|
|
13
|
-
readonly passwordInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledPasswordInputProps<TFieldValues>) => ReactNode;
|
|
14
|
-
readonly queryAutocomplete: <TFieldValues extends import('react-hook-form').FieldValues, TSelectItem extends import('..').SelectItem<any>, TQueryFn extends import('../components/inputs/Selection/Autocomplete/queryAutocomplete.types').QueryFn>(props: import('./components').RHFQueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => ReactNode;
|
|
15
|
-
readonly querySelect: <TFieldValues extends import('react-hook-form').FieldValues, TQueryFn extends Parameters<typeof import('../tanstack').QuerySelect>[0]["query"], TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('..').DefaultInitialSelectItem<TKey>>(props: import('./components').RHFQuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => ReactNode;
|
|
16
|
-
readonly segment: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key>(props: import('./components').ControlledSegmentProps<TFieldValues, TKey>) => ReactNode;
|
|
17
|
-
readonly select: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('..').DefaultInitialSelectItem<TKey>>(props: import('./components').ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>) => ReactNode;
|
|
18
|
-
readonly slider: <TFieldValues extends import('react-hook-form').FieldValues, IsRange extends boolean = false>(props: import('./components').ControlledSliderProps<TFieldValues, IsRange>) => ReactNode;
|
|
19
|
-
readonly textArea: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledTextAreaProps<TFieldValues>) => ReactNode;
|
|
20
|
-
readonly textInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledTextInputProps<TFieldValues>) => ReactNode;
|
|
21
|
-
readonly timePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledTimePickerProps<TFieldValues>) => ReactNode;
|
|
22
|
-
readonly toggle: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledToggleProps<TFieldValues>) => ReactNode;
|
|
23
|
-
};
|
|
24
|
-
export type InputComponentType = keyof typeof componentRegistry;
|
|
25
|
-
export type InputWrapperType = (children: ReactNode, label: string) => ReactElement;
|
|
26
|
-
export interface InputDef<TFieldValues extends Record<string, any>> {
|
|
27
|
-
name: keyof TFieldValues;
|
|
28
|
-
type?: InputComponentType;
|
|
29
|
-
label?: string;
|
|
30
|
-
placeholder?: string;
|
|
31
|
-
props?: Record<string, unknown>;
|
|
32
|
-
inputWrapper?: InputWrapperType;
|
|
33
|
-
render?: (formControl: {
|
|
34
|
-
control: UseFormReturn<TFieldValues>["control"];
|
|
35
|
-
name: keyof TFieldValues;
|
|
36
|
-
}, form: UseFormReturn<TFieldValues>) => ReactElement;
|
|
37
|
-
}
|
|
38
|
-
export interface InputsProps<TFieldValues extends Record<string, any>> {
|
|
39
|
-
form: UseFormReturn<TFieldValues>;
|
|
40
|
-
inputDefs: Array<InputDef<TFieldValues>>;
|
|
41
|
-
children?: (inputs: Record<keyof TFieldValues, ReactNode>) => ReactNode;
|
|
42
|
-
}
|
|
43
|
-
export declare function Inputs<TFieldValues extends Record<string, any>>({ form, inputDefs, children, }: InputsProps<TFieldValues>): string | number | bigint | boolean | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element[] | null | undefined;
|
|
44
|
-
type FieldComponents<TSchema extends z.ZodObject<any>> = {
|
|
45
|
-
[K in keyof Required<z.infer<TSchema>> as Capitalize<K & string>]: (props: {
|
|
46
|
-
inputType?: InputComponentType;
|
|
47
|
-
label: string;
|
|
48
|
-
placeholder?: string;
|
|
49
|
-
[key: string]: unknown;
|
|
50
|
-
}) => ReactNode;
|
|
51
|
-
};
|
|
52
|
-
export declare function Form<TSchema extends z.ZodObject<any>>({ form, schema, onSubmit, onError, className, children, }: {
|
|
53
|
-
form: UseFormReturn<z.infer<TSchema>>;
|
|
54
|
-
schema: TSchema;
|
|
55
|
-
onSubmit: SubmitHandler<z.infer<TSchema>>;
|
|
56
|
-
onError?: SubmitErrorHandler<z.infer<TSchema>>;
|
|
57
|
-
className?: string;
|
|
58
|
-
children: (components: FieldComponents<TSchema>) => ReactNode;
|
|
59
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
60
|
-
export {};
|
package/dist/rhf/Inputs.js
DELETED
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import { Autocomplete, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, DateTimePicker, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./components.js";
|
|
2
|
-
import { StringUtils } from "../utils/string.utils.js";
|
|
3
|
-
import { ZodUtils } from "../utils/zod.utils.js";
|
|
4
|
-
import { c } from "react/compiler-runtime";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
import { z } from "zod";
|
|
7
|
-
//#region src/rhf/Inputs.tsx
|
|
8
|
-
var componentRegistry = {
|
|
9
|
-
autocomplete: Autocomplete,
|
|
10
|
-
checkbox: Checkbox,
|
|
11
|
-
checkboxGroup: CheckboxGroup,
|
|
12
|
-
datePicker: DatePicker,
|
|
13
|
-
dateRangePicker: DateRangePicker,
|
|
14
|
-
dateTimePicker: DateTimePicker,
|
|
15
|
-
numberInput: NumberInput,
|
|
16
|
-
numberRangeInput: NumberRangeInput,
|
|
17
|
-
passwordInput: PasswordInput,
|
|
18
|
-
queryAutocomplete: QueryAutocomplete,
|
|
19
|
-
querySelect: QuerySelect,
|
|
20
|
-
segment: Segment,
|
|
21
|
-
select: Select,
|
|
22
|
-
slider: Slider,
|
|
23
|
-
textArea: TextArea,
|
|
24
|
-
textInput: TextInput,
|
|
25
|
-
timePicker: TimePicker,
|
|
26
|
-
toggle: Toggle
|
|
27
|
-
};
|
|
28
|
-
function InputItem({ form, inputDef }) {
|
|
29
|
-
const { name, label = "", placeholder, props, inputWrapper, render, type } = inputDef;
|
|
30
|
-
const formControl = {
|
|
31
|
-
control: form.control,
|
|
32
|
-
name
|
|
33
|
-
};
|
|
34
|
-
if (render) return render(formControl, form);
|
|
35
|
-
if (!type) return null;
|
|
36
|
-
const Component = componentRegistry[type];
|
|
37
|
-
const usesChildrenAsLabel = type === "toggle" || type === "checkbox";
|
|
38
|
-
const inputComponent = /* @__PURE__ */ jsx(Component, {
|
|
39
|
-
...props,
|
|
40
|
-
label: usesChildrenAsLabel ? void 0 : label,
|
|
41
|
-
placeholder,
|
|
42
|
-
formControl,
|
|
43
|
-
children: usesChildrenAsLabel ? label : void 0
|
|
44
|
-
});
|
|
45
|
-
return inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
|
|
46
|
-
}
|
|
47
|
-
function Inputs(t0) {
|
|
48
|
-
const $ = c(9);
|
|
49
|
-
const { form, inputDefs, children } = t0;
|
|
50
|
-
if (!children) {
|
|
51
|
-
let t1;
|
|
52
|
-
if ($[0] !== form || $[1] !== inputDefs) {
|
|
53
|
-
let t2;
|
|
54
|
-
if ($[3] !== form) {
|
|
55
|
-
t2 = (inputDef) => /* @__PURE__ */ jsx(InputItem, {
|
|
56
|
-
form,
|
|
57
|
-
inputDef
|
|
58
|
-
}, String(inputDef.name));
|
|
59
|
-
$[3] = form;
|
|
60
|
-
$[4] = t2;
|
|
61
|
-
} else t2 = $[4];
|
|
62
|
-
t1 = inputDefs.map(t2);
|
|
63
|
-
$[0] = form;
|
|
64
|
-
$[1] = inputDefs;
|
|
65
|
-
$[2] = t1;
|
|
66
|
-
} else t1 = $[2];
|
|
67
|
-
return t1;
|
|
68
|
-
}
|
|
69
|
-
let t1;
|
|
70
|
-
if ($[5] !== children || $[6] !== form || $[7] !== inputDefs) {
|
|
71
|
-
const rendered = {};
|
|
72
|
-
for (const inputDef_0 of inputDefs) rendered[inputDef_0.name] = /* @__PURE__ */ jsx(InputItem, {
|
|
73
|
-
form,
|
|
74
|
-
inputDef: inputDef_0
|
|
75
|
-
});
|
|
76
|
-
t1 = children(rendered);
|
|
77
|
-
$[5] = children;
|
|
78
|
-
$[6] = form;
|
|
79
|
-
$[7] = inputDefs;
|
|
80
|
-
$[8] = t1;
|
|
81
|
-
} else t1 = $[8];
|
|
82
|
-
return t1;
|
|
83
|
-
}
|
|
84
|
-
function Form(t0) {
|
|
85
|
-
const $ = c(16);
|
|
86
|
-
const { form, schema, onSubmit, onError, className, children } = t0;
|
|
87
|
-
let fields;
|
|
88
|
-
if ($[0] !== form || $[1] !== schema.shape) {
|
|
89
|
-
fields = {};
|
|
90
|
-
let t1;
|
|
91
|
-
if ($[3] !== schema.shape) {
|
|
92
|
-
t1 = Object.keys(schema.shape);
|
|
93
|
-
$[3] = schema.shape;
|
|
94
|
-
$[4] = t1;
|
|
95
|
-
} else t1 = $[4];
|
|
96
|
-
for (const field of t1) {
|
|
97
|
-
const componentName = StringUtils.capitalize(String(field));
|
|
98
|
-
fields[componentName] = ((t2) => {
|
|
99
|
-
const { inputType, label, placeholder, ...props } = t2;
|
|
100
|
-
const schemaType = ZodUtils.unwrapZodType(schema.shape[field]);
|
|
101
|
-
return /* @__PURE__ */ jsx(InputItem, {
|
|
102
|
-
form,
|
|
103
|
-
inputDef: {
|
|
104
|
-
name: field,
|
|
105
|
-
type: inputType ?? (schemaType instanceof z.ZodBoolean ? "toggle" : schemaType instanceof z.ZodNumber ? "numberInput" : "textInput"),
|
|
106
|
-
label,
|
|
107
|
-
placeholder,
|
|
108
|
-
props
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
$[0] = form;
|
|
114
|
-
$[1] = schema.shape;
|
|
115
|
-
$[2] = fields;
|
|
116
|
-
} else fields = $[2];
|
|
117
|
-
const components = fields;
|
|
118
|
-
let t1;
|
|
119
|
-
if ($[5] !== form || $[6] !== onError || $[7] !== onSubmit) {
|
|
120
|
-
t1 = form.handleSubmit(onSubmit, onError);
|
|
121
|
-
$[5] = form;
|
|
122
|
-
$[6] = onError;
|
|
123
|
-
$[7] = onSubmit;
|
|
124
|
-
$[8] = t1;
|
|
125
|
-
} else t1 = $[8];
|
|
126
|
-
let t2;
|
|
127
|
-
if ($[9] !== children || $[10] !== components) {
|
|
128
|
-
t2 = children(components);
|
|
129
|
-
$[9] = children;
|
|
130
|
-
$[10] = components;
|
|
131
|
-
$[11] = t2;
|
|
132
|
-
} else t2 = $[11];
|
|
133
|
-
let t3;
|
|
134
|
-
if ($[12] !== className || $[13] !== t1 || $[14] !== t2) {
|
|
135
|
-
t3 = /* @__PURE__ */ jsx("form", {
|
|
136
|
-
className,
|
|
137
|
-
onSubmit: t1,
|
|
138
|
-
children: t2
|
|
139
|
-
});
|
|
140
|
-
$[12] = className;
|
|
141
|
-
$[13] = t1;
|
|
142
|
-
$[14] = t2;
|
|
143
|
-
$[15] = t3;
|
|
144
|
-
} else t3 = $[15];
|
|
145
|
-
return t3;
|
|
146
|
-
}
|
|
147
|
-
//#endregion
|
|
148
|
-
export { Form, Inputs };
|