@povio/ui 3.4.0-rc.17 → 3.4.0-rc.19
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/README.md +20 -1
- package/dist/components/Menu/Menu.d.ts +23 -0
- package/dist/components/Menu/Menu.js +27 -0
- package/dist/components/Menu/MenuItem.d.ts +1 -1
- package/dist/components/Menu/MenuPopover.d.ts +1 -1
- package/dist/components/accordion.d.ts +3 -5
- package/dist/components/accordion.js +1 -80
- package/dist/components/action-modal.d.ts +1 -1
- package/dist/components/action-modal.js +1 -1
- package/dist/components/alert.js +1 -1
- package/dist/components/autocomplete.js +1 -1
- package/dist/components/breadcrumbs.js +1 -1
- package/dist/components/checkbox-group.js +2 -2
- package/dist/components/checkbox.js +2 -2
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +3 -3
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +4 -4
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +3 -3
- package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +3 -3
- 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/DatePickerInput.js +2 -2
- package/dist/components/inputs/DateTime/shared/MonthPicker.js +1 -1
- package/dist/components/inputs/DateTime/shared/TimePickerForm.js +1 -1
- package/dist/components/inputs/DateTime/shared/TimePickerInput.js +2 -2
- package/dist/components/inputs/DateTime/shared/YearPicker.js +1 -1
- package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentError.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentFilled.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentLoading.js +1 -1
- package/dist/components/inputs/File/shared/InputUploadContent.js +1 -1
- package/dist/components/inputs/File/shared/InputUploadFilled.js +1 -1
- package/dist/components/inputs/File/shared/ProgressBar.js +1 -1
- package/dist/components/inputs/FormField/FormFieldHeader.js +1 -1
- package/dist/components/inputs/Input/shared/InputContent.js +1 -1
- package/dist/components/inputs/Inputs/InputItem.d.ts +1 -1
- package/dist/components/inputs/Inputs/InputItem.js +5 -5
- package/dist/components/inputs/Selection/Select/Select.js +2 -2
- package/dist/components/inputs/Selection/shared/SelectDesktop.js +2 -2
- package/dist/components/inputs/Selection/shared/SelectInput.js +3 -3
- package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +1 -1
- package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +1 -1
- package/dist/components/inputs/Skeleton/InputFrame.js +1 -1
- package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +1 -1
- package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js +1 -1
- package/dist/components/menu.d.ts +3 -23
- package/dist/components/menu.js +3 -27
- package/dist/components/navigation/Accordion/Accordion.d.ts +5 -0
- package/dist/components/navigation/Accordion/Accordion.js +81 -0
- package/dist/components/navigation/Accordion/AccordionItem.js +1 -1
- package/dist/components/navigation/Stepper/Stepper.d.ts +5 -0
- package/dist/components/navigation/Stepper/Stepper.js +79 -0
- package/dist/components/navigation/Stepper/StepperItem.js +1 -1
- package/dist/components/number-input.js +3 -3
- package/dist/components/number-range-input.js +2 -2
- package/dist/components/overlays/BottomSheet/BottomSheetHeader.js +1 -1
- package/dist/components/{shared/pagination/PaginationList.d.ts → pagination-list.d.ts} +1 -1
- package/dist/components/{shared/pagination/PaginationList.js → pagination-list.js} +3 -3
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.js +2 -2
- package/dist/components/pill.d.ts +1 -1
- package/dist/components/pill.js +1 -1
- package/dist/components/progress-bar.d.ts +2 -0
- package/dist/components/progress-bar.js +2 -0
- package/dist/components/radio-group.js +1 -1
- package/dist/components/segment/Segment.d.ts +7 -0
- package/dist/components/segment/Segment.js +245 -0
- package/dist/components/segment/SegmentItem.js +1 -1
- package/dist/components/segment.d.ts +3 -7
- package/dist/components/segment.js +1 -244
- package/dist/components/slider.js +1 -1
- package/dist/components/split-button.d.ts +1 -1
- package/dist/components/split-button.js +1 -1
- package/dist/components/status/Toast/Toast.d.ts +17 -0
- package/dist/components/status/Toast/Toast.js +82 -0
- package/dist/components/stepper.d.ts +3 -5
- package/dist/components/stepper.js +1 -78
- package/dist/components/table/CellText.d.ts +1 -1
- package/dist/components/table/CellText.js +1 -1
- package/dist/components/table/ColumnConfig.d.ts +6 -4
- package/dist/components/table/ColumnConfig.js +1 -1
- package/dist/components/table/HeaderText.d.ts +1 -1
- package/dist/components/table/HeaderText.js +1 -1
- package/dist/components/table/InfiniteTable.d.ts +4 -3
- package/dist/components/table/PaginatedTable.d.ts +4 -4
- package/dist/components/table/Table.d.ts +13 -9
- package/dist/components/table/Table.js +8 -8
- package/dist/components/tag.d.ts +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text/Typography/Typography.d.ts +12 -0
- package/dist/components/text/Typography/Typography.js +31 -0
- package/dist/components/text-area.js +1 -1
- package/dist/components/text-input.js +2 -2
- package/dist/components/toast.d.ts +2 -16
- package/dist/components/toast.js +1 -81
- package/dist/components/tooltip.js +1 -1
- package/dist/components/typography.d.ts +2 -11
- package/dist/components/typography.js +1 -30
- package/dist/components/use-toast.d.ts +16 -0
- package/dist/components/{status/Toast/useToast.js → use-toast.js} +1 -1
- package/dist/config/confirmation.d.ts +2 -0
- package/dist/config/confirmation.js +2 -0
- package/dist/config/link-context.d.ts +3 -0
- package/dist/config/link-context.js +2 -0
- package/dist/config/resources.d.ts +2 -0
- package/dist/config/resources.js +2 -0
- package/dist/config/theme-context.d.ts +2 -0
- package/dist/config/theme-context.js +2 -0
- package/dist/config/ui-config.d.ts +2 -0
- package/dist/config/ui-config.js +2 -0
- package/dist/config/ui-overrides.d.ts +2 -0
- package/dist/config/ui-overrides.js +2 -0
- package/dist/config/ui-router.d.ts +2 -0
- package/dist/config/ui-router.js +2 -0
- package/dist/config/uiConfig.context.d.ts +1 -1
- package/dist/helpers/dynamicColumns.d.ts +13 -10
- package/dist/helpers/dynamicInputs.d.ts +1 -1
- package/dist/hooks/use-filters.d.ts +2 -0
- package/dist/hooks/use-filters.js +2 -0
- package/dist/hooks/use-local-storage.d.ts +2 -0
- package/dist/hooks/use-local-storage.js +2 -0
- package/dist/hooks/use-translation-memo.d.ts +2 -0
- package/dist/hooks/use-translation-memo.js +2 -0
- package/dist/hooks/useTableColumnConfig.d.ts +7 -5
- package/dist/hooks/useTableNav.js +1 -1
- package/dist/icons.d.ts +2 -0
- package/dist/icons.js +2 -0
- package/dist/index.d.ts +59 -39
- package/dist/index.js +43 -23
- package/dist/rhf/Inputs.d.ts +19 -1
- package/dist/rhf/{Inputs.js → Inputs2.js} +18 -1
- package/dist/rhf/autocomplete.d.ts +15 -2
- package/dist/rhf/autocomplete.js +8 -1
- package/dist/rhf/checkbox-group.d.ts +8 -2
- package/dist/rhf/checkbox-group.js +8 -1
- package/dist/rhf/checkbox.d.ts +8 -2
- package/dist/rhf/checkbox.js +8 -1
- package/dist/rhf/components.d.ts +30 -69
- package/dist/rhf/date-picker.d.ts +8 -2
- package/dist/rhf/date-picker.js +9 -1
- package/dist/rhf/date-range-picker.d.ts +8 -2
- package/dist/rhf/date-range-picker.js +9 -1
- package/dist/rhf/date-time-picker.d.ts +8 -2
- package/dist/rhf/date-time-picker.js +9 -1
- package/dist/rhf/date.transforms.js +15 -0
- package/dist/rhf/entry.utils.js +19 -2
- package/dist/rhf/file-upload.d.ts +10 -0
- package/dist/rhf/file-upload.js +7 -0
- package/dist/rhf/input-upload.d.ts +10 -0
- package/dist/rhf/input-upload.js +7 -0
- package/dist/rhf/inputs.js +3 -0
- package/dist/rhf/inputs2.d.ts +6 -0
- package/dist/rhf/number-input.js +2 -2
- package/dist/rhf/number-range-input.js +2 -2
- package/dist/rhf/password-input.js +2 -2
- package/dist/rhf/query-autocomplete.d.ts +14 -2
- package/dist/rhf/query-autocomplete.js +8 -1
- package/dist/rhf/query-select.d.ts +15 -2
- package/dist/rhf/query-select.js +8 -1
- package/dist/rhf/radio-group.d.ts +8 -2
- package/dist/rhf/radio-group.js +8 -1
- package/dist/rhf/segment.d.ts +8 -2
- package/dist/rhf/segment.js +6 -1
- package/dist/rhf/select.d.ts +15 -2
- package/dist/rhf/select.js +8 -1
- package/dist/rhf/slider.d.ts +7 -2
- package/dist/rhf/slider.js +6 -1
- package/dist/rhf/text-area.js +2 -2
- package/dist/rhf/text-editor.d.ts +8 -0
- package/dist/rhf/text-editor.js +7 -0
- package/dist/rhf/text-input.js +1 -1
- package/dist/rhf/time-picker.d.ts +8 -2
- package/dist/rhf/time-picker.js +9 -1
- package/dist/rhf/toggle.d.ts +8 -2
- package/dist/rhf/toggle.js +8 -1
- package/dist/rhf.d.ts +60 -39
- package/dist/rhf.js +43 -23
- package/dist/styles/input.d.ts +2 -0
- package/dist/styles/input.js +0 -0
- package/dist/styles/outline.d.ts +2 -0
- package/dist/styles/outline.js +2 -0
- package/dist/tanstack/file-upload.d.ts +3 -0
- package/dist/tanstack/file-upload.js +2 -0
- package/dist/tanstack/form.d.ts +2 -1
- package/dist/tanstack/form.js +2 -1
- package/dist/tanstack/input-upload.d.ts +3 -0
- package/dist/tanstack/input-upload.js +2 -0
- package/dist/tanstack/inputs.d.ts +6 -0
- package/dist/tanstack/inputs.js +3 -0
- package/dist/tanstack/segment.d.ts +1 -1
- package/dist/tanstack/segment.js +1 -1
- package/dist/tanstack/table.d.ts +2 -1
- package/dist/tanstack/table.js +2 -1
- package/dist/tanstack/text-editor.d.ts +2 -0
- package/dist/tanstack/text-editor.js +2 -0
- package/dist/tanstack.d.ts +40 -40
- package/dist/tanstack.js +30 -30
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.js +0 -0
- package/dist/utils/compound-mapper.d.ts +2 -0
- package/dist/utils/compound-mapper.js +2 -0
- package/dist/utils/date-time.d.ts +2 -0
- package/dist/utils/date-time.js +2 -0
- package/dist/utils/date.d.ts +2 -0
- package/dist/utils/date.js +2 -0
- package/dist/utils/file.d.ts +2 -0
- package/dist/utils/file.js +2 -0
- package/dist/utils/intl.d.ts +2 -0
- package/dist/utils/intl.js +2 -0
- package/dist/utils/logger.js +1 -18
- package/dist/utils/logger2.d.ts +2 -0
- package/dist/utils/logger2.js +19 -0
- package/dist/utils/string.d.ts +2 -0
- package/dist/utils/string.js +2 -0
- package/package.json +197 -10
- package/dist/components/status/Toast/useToast.d.ts +0 -16
- package/dist/rhf/components.js +0 -101
- /package/dist/styles/{editor.css → styles/editor.css} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -4,14 +4,14 @@ import { LinkVariantProps, linkDefinition } from "./components/text/Link/link.cv
|
|
|
4
4
|
import { Link, LinkNavigationProps, LinkProps } from "./components/link.js";
|
|
5
5
|
import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from "./components/breadcrumbs.js";
|
|
6
6
|
import { TypographyVariantProps, typographyDefinition } from "./components/text/Typography/typography.cva.js";
|
|
7
|
-
import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.js";
|
|
8
|
-
import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
|
|
9
|
-
import { Menu, MenuProps } from "./components/menu.js";
|
|
10
7
|
import { ButtonVariantProps, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition } from "./components/buttons/Button/button.cva.js";
|
|
11
8
|
import { IconButton, IconButtonProps } from "./components/icon-button.js";
|
|
12
9
|
import { InlineIconButton, InlineIconButtonProps } from "./components/inline-icon-button.js";
|
|
13
10
|
import { PillButtonVariants, pillButtonContentDefinition, pillButtonDefinition } from "./components/buttons/PillButton/pillButton.cva.js";
|
|
14
11
|
import { PillButton, PillButtonProps } from "./components/pill-button.js";
|
|
12
|
+
import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.js";
|
|
13
|
+
import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
|
|
14
|
+
import { Menu, MenuProps } from "./components/Menu/Menu.js";
|
|
15
15
|
import { SplitButton, SplitButtonProps } from "./components/split-button.js";
|
|
16
16
|
import { Button, ButtonProps } from "./components/buttons/Button/Button.js";
|
|
17
17
|
import { TextButton, TextButtonProps } from "./components/text-button.js";
|
|
@@ -40,38 +40,76 @@ import { SelectProps } from "./components/inputs/Selection/Select/Select.js";
|
|
|
40
40
|
import { SliderProps } from "./components/slider.js";
|
|
41
41
|
import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
|
|
42
42
|
import { ToggleProps } from "./components/toggle.js";
|
|
43
|
-
import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
|
|
44
|
-
import { Accordion } from "./components/accordion.js";
|
|
45
|
-
import { StepperVariantProps, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
|
|
46
|
-
import { StepItem, StepperProps } from "./components/navigation/Stepper/stepper.types.js";
|
|
47
|
-
import { Stepper } from "./components/stepper.js";
|
|
48
43
|
import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./components/overlays/Modal/modal.cva.js";
|
|
49
44
|
import { Modal, ModalProps } from "./components/overlays/Modal/Modal.js";
|
|
50
|
-
import { Typography, TypographyProps } from "./components/
|
|
45
|
+
import { Typography, TypographyProps } from "./components/text/Typography/Typography.js";
|
|
51
46
|
import { ActionModal, ActionModalProps } from "./components/action-modal.js";
|
|
52
47
|
import { Drawer, DrawerProps } from "./components/drawer.js";
|
|
53
48
|
import { ResponsivePopover, ResponsivePopoverProps } from "./components/responsive-popover.js";
|
|
54
49
|
import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
|
|
55
50
|
import { Tooltip, TooltipProps } from "./components/tooltip.js";
|
|
56
51
|
import { TooltipEllipsis, TooltipEllipsisProps } from "./components/tooltip-ellipsis.js";
|
|
57
|
-
import {
|
|
58
|
-
import { SegmentProps } from "./components/segment/segment.types.js";
|
|
59
|
-
import { PaginationList } from "./components/shared/pagination/PaginationList.js";
|
|
52
|
+
import { PaginationList } from "./components/pagination-list.js";
|
|
60
53
|
import { Pagination, PaginationProps } from "./components/pagination.js";
|
|
61
54
|
import { alertDefinition } from "./components/status/Alert/alert.cva.js";
|
|
62
55
|
import { Alert, AlertProps } from "./components/alert.js";
|
|
63
56
|
import { loaderDefinition, loaderWrapperDefinition } from "./components/status/Loader/loader.cva.js";
|
|
64
57
|
import { Loader, LoaderProps } from "./components/loader.js";
|
|
65
58
|
import { ToastVariantProps, statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
|
|
66
|
-
import { Toast, ToastAction, ToastContainer, ToastProps } from "./components/
|
|
59
|
+
import { Toast, ToastAction, ToastContainer, ToastProps } from "./components/status/Toast/Toast.js";
|
|
60
|
+
import { ToastOptions, ToastParams, useToast } from "./components/use-toast.js";
|
|
67
61
|
import { Pill, PillProps } from "./components/pill.js";
|
|
68
62
|
import { TagVariantProps, tagDefinition } from "./components/text/Tag/tag.cva.js";
|
|
69
63
|
import { Tag, TagProps } from "./components/tag.js";
|
|
64
|
+
import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
|
|
65
|
+
import { Accordion } from "./components/navigation/Accordion/Accordion.js";
|
|
66
|
+
import { Confirmation } from "./config/confirmation.context.js";
|
|
70
67
|
import { DatePickerProps } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
|
|
71
68
|
import { DateRangePickerProps } from "./components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
|
|
72
69
|
import { DateTimePickerProps } from "./components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
|
|
70
|
+
import { DateTimeUtils } from "./utils/date-time.utils.js";
|
|
71
|
+
import { DateUtils } from "./utils/date.utils.js";
|
|
72
|
+
import { FileUtils } from "./utils/file.utils.js";
|
|
73
|
+
import { IntlUtils } from "./utils/intl.utils.js";
|
|
74
|
+
import { LinkContext } from "./config/link.context.js";
|
|
75
|
+
import { logger } from "./utils/logger.js";
|
|
76
|
+
import { MenuItem, MenuListItemProps } from "./components/Menu/MenuItem.js";
|
|
77
|
+
import { uiOutlineClass } from "./components/outline.clsx.js";
|
|
78
|
+
import { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
|
|
79
|
+
import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
|
|
80
|
+
import { ns, resources } from "./config/i18n.js";
|
|
81
|
+
import { Autocomplete, ControlledAutocompleteProps } from "./rhf/autocomplete.js";
|
|
82
|
+
import { Checkbox, ControlledCheckboxProps } from "./rhf/checkbox.js";
|
|
83
|
+
import { CheckboxGroup, ControlledCheckboxGroupProps } from "./rhf/checkbox-group.js";
|
|
84
|
+
import { ControlledDatePickerProps, DatePicker } from "./rhf/date-picker.js";
|
|
85
|
+
import { ControlledDateRangePickerProps, DateRangePicker } from "./rhf/date-range-picker.js";
|
|
86
|
+
import { ControlledDateTimePickerProps, DateTimePicker } from "./rhf/date-time-picker.js";
|
|
87
|
+
import { FileUpload, RHFFileUploadProps } from "./rhf/file-upload.js";
|
|
88
|
+
import { InputUpload, RHFInputUploadProps } from "./rhf/input-upload.js";
|
|
89
|
+
import { ControlledNumberInputProps, NumberInput } from "./rhf/number-input.js";
|
|
90
|
+
import { ControlledNumberRangeInputProps, NumberRangeInput } from "./rhf/number-range-input.js";
|
|
91
|
+
import { ControlledPasswordInputProps, PasswordInput } from "./rhf/password-input.js";
|
|
92
|
+
import { QueryAutocomplete } from "./rhf/query-autocomplete.js";
|
|
93
|
+
import { QuerySelect, RHFQuerySelectProps } from "./rhf/query-select.js";
|
|
94
|
+
import { ControlledRadioGroupProps, RadioGroup } from "./rhf/radio-group.js";
|
|
95
|
+
import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
|
|
96
|
+
import { SegmentProps } from "./components/segment/segment.types.js";
|
|
97
|
+
import { ControlledSegmentProps, Segment } from "./rhf/segment.js";
|
|
98
|
+
import { ControlledSelectProps, Select } from "./rhf/select.js";
|
|
99
|
+
import { ControlledSliderProps, Slider } from "./rhf/slider.js";
|
|
100
|
+
import { ControlledTextAreaProps, TextArea } from "./rhf/text-area.js";
|
|
101
|
+
import { ControlledTextInputProps, TextInput } from "./rhf/text-input.js";
|
|
73
102
|
import { TimePickerProps } from "./components/inputs/DateTime/TimePicker/TimePicker.js";
|
|
74
|
-
import {
|
|
103
|
+
import { ControlledTimePickerProps, TimePicker } from "./rhf/time-picker.js";
|
|
104
|
+
import { ControlledToggleProps, Toggle } from "./rhf/toggle.js";
|
|
105
|
+
import { Form, InputDef, Inputs, InputsProps } from "./rhf/Inputs.js";
|
|
106
|
+
import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
|
|
107
|
+
import { TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
|
|
108
|
+
import { MenuPopover, MenuPopoverProps } from "./components/Menu/MenuPopover.js";
|
|
109
|
+
import { AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
|
|
110
|
+
import { StepperVariantProps, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
|
|
111
|
+
import { StepItem, StepperProps } from "./components/navigation/Stepper/stepper.types.js";
|
|
112
|
+
import { Stepper } from "./components/navigation/Stepper/Stepper.js";
|
|
75
113
|
import { CellText, CellTextProps } from "./components/table/CellText.js";
|
|
76
114
|
import { ColumnConfigModal, ColumnConfigModalProps } from "./components/table/ColumnConfig.js";
|
|
77
115
|
import { HeaderText, HeaderTextProps } from "./components/table/HeaderText.js";
|
|
@@ -79,23 +117,6 @@ import { TableRowVariantProps, tableCellTextDefinition, tableDataDefinition, tab
|
|
|
79
117
|
import { Table, TableProps, TableWrapperProps } from "./components/table/Table.js";
|
|
80
118
|
import { InfiniteTable, InfiniteTableProps, InfiniteTableWrapperProps } from "./components/table/InfiniteTable.js";
|
|
81
119
|
import { PaginatedTable, PaginatedTableProps, PaginatedTableWrapperProps } from "./components/table/PaginatedTable.js";
|
|
82
|
-
import { usePagination } from "./hooks/usePagination.js";
|
|
83
|
-
import { useSorting } from "./hooks/useSorting.js";
|
|
84
|
-
import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
|
|
85
|
-
import { useTableNav } from "./hooks/useTableNav.js";
|
|
86
|
-
import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
|
|
87
|
-
import { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
|
|
88
|
-
import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
|
|
89
|
-
import { Form, InputDef, Inputs, InputsProps } from "./rhf/Inputs.js";
|
|
90
|
-
import { TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
|
|
91
|
-
import { MenuItem, MenuListItemProps } from "./components/Menu/MenuItem.js";
|
|
92
|
-
import { MenuPopover, MenuPopoverProps } from "./components/Menu/MenuPopover.js";
|
|
93
|
-
import { AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
|
|
94
|
-
import { uiOutlineClass } from "./components/outline.clsx.js";
|
|
95
|
-
import { ToastOptions, ToastParams, useToast } from "./components/status/Toast/useToast.js";
|
|
96
|
-
import { Confirmation } from "./config/confirmation.context.js";
|
|
97
|
-
import { ns, resources } from "./config/i18n.js";
|
|
98
|
-
import { LinkContext } from "./config/link.context.js";
|
|
99
120
|
import { UIRouter } from "./config/router.context.js";
|
|
100
121
|
import { ThemeContext } from "./config/theme.context.js";
|
|
101
122
|
import { useBreakpoint } from "./hooks/useBreakpoint.js";
|
|
@@ -113,9 +134,6 @@ import { selectListBoxItemDefinition } from "./components/inputs/Selection/share
|
|
|
113
134
|
import { popoverDefinition } from "./components/shared/popover.cva.js";
|
|
114
135
|
import { statusIconDefinition, statusSeparatorDefinition } from "./components/status/shared/status.cva.js";
|
|
115
136
|
import { DynamicColumnsOptions, dynamicColumns } from "./helpers/dynamicColumns.js";
|
|
116
|
-
import { ZodUtils } from "./utils/zod.utils.js";
|
|
117
|
-
import { DynamicInputsObjectSchema } from "./helpers/dynamicInputs.js";
|
|
118
|
-
import { DynamicInputsOptions, dynamicInputs } from "./rhf/dynamicInputs.js";
|
|
119
137
|
import { UseAutosaveProps, useAutosave } from "./rhf/useAutosave.js";
|
|
120
138
|
import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
|
|
121
139
|
import { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo } from "./hooks/useDeepCompare.js";
|
|
@@ -126,20 +144,22 @@ import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
|
|
|
126
144
|
import { KeyInteraction, KeyInteractionAction, KeyInteractionCallback, KeyInteractionGroup, KeyInteractions, UseKeyInteractionsResult, createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
|
|
127
145
|
import { useLocalStorage } from "./hooks/useLocalStorage.js";
|
|
128
146
|
import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
|
|
147
|
+
import { usePagination } from "./hooks/usePagination.js";
|
|
129
148
|
import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
|
|
149
|
+
import { useSorting } from "./hooks/useSorting.js";
|
|
130
150
|
import { useStateAndRef } from "./hooks/useStateAndRef.js";
|
|
151
|
+
import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
|
|
152
|
+
import { useTableNav } from "./hooks/useTableNav.js";
|
|
131
153
|
import { useTranslationMemo } from "./hooks/useTranslationMemo.js";
|
|
132
154
|
import { ArrayUtils } from "./utils/array.utils.js";
|
|
133
|
-
import { DateUtils } from "./utils/date.utils.js";
|
|
134
|
-
import { DateTimeUtils } from "./utils/date-time.utils.js";
|
|
135
155
|
import { DomUtils } from "./utils/dom.utils.js";
|
|
136
|
-
import { FileUtils } from "./utils/file.utils.js";
|
|
137
156
|
import { isEqual } from "./utils/isEqual.js";
|
|
138
|
-
import { IntlUtils } from "./utils/intl.utils.js";
|
|
139
|
-
import { logger } from "./utils/logger.js";
|
|
140
157
|
import { ObjectUtils } from "./utils/object.utils.js";
|
|
141
158
|
import { QueriesUtils } from "./utils/queries.utils.js";
|
|
142
159
|
import { RoutingUtils } from "./utils/routing.utils.js";
|
|
143
160
|
import { StringUtils } from "./utils/string.utils.js";
|
|
161
|
+
import { ZodUtils } from "./utils/zod.utils.js";
|
|
144
162
|
import { CloseIcon } from "./rhf.js";
|
|
163
|
+
import { DynamicInputsObjectSchema } from "./helpers/dynamicInputs.js";
|
|
164
|
+
import { DynamicInputsOptions, dynamicInputs } from "./rhf/dynamicInputs.js";
|
|
145
165
|
export { Accordion, type AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionVariantProps, ActionModal, type ActionModalProps, Alert, type AlertProps, ArrayUtils, Autocomplete, type AutocompleteProps, BottomSheet, type BottomSheetProps, type BreadcrumbChevronVariantProps, type BreadcrumbIconVariantProps, type BreadcrumbItem, type BreadcrumbItemVariantProps, type BreadcrumbSegmentVariantProps, Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsVariantProps, Button, type ButtonProps, type ButtonVariantProps, CellText, type CellTextProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariantProps, CloseIcon, ColumnConfigModal, type ColumnConfigModalProps, type CompoundMapper, Confirmation, type ControlledAutocompleteProps, type ControlledCheckboxGroupProps, type ControlledCheckboxProps, type ControlledDatePickerProps, type ControlledDateRangePickerProps, type ControlledDateTimePickerProps, type ControlledNumberInputProps, type ControlledNumberRangeInputProps, type ControlledPasswordInputProps, type ControlledRadioGroupProps, type ControlledSegmentProps, type ControlledSelectProps, type ControlledSliderProps, type ControlledTextAreaProps, type ControlledTextInputProps, type ControlledTimePickerProps, type ControlledToggleProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeUtils, DateUtils, type DefaultInitialSelectItem, DomUtils, Drawer, type DrawerProps, type DynamicColumnsOptions, type DynamicInputsObjectSchema, type DynamicInputsOptions, FileUpload, FileUploadContainer, type FileUploadContainerProps, type FileUploadError, type RHFFileUploadProps as FileUploadProps, type FileUploadRequest, type FileUploadState, FileUtils, type FilterStore, Form, FormField, type FormFieldProps, type Function, type HasRequiredProperty, HeaderText, type HeaderTextProps, IconButton, type IconButtonProps, type IfAny, InfiniteTable, type InfiniteTableProps, type InfiniteTableWrapperProps, InlineIconButton, type InlineIconButtonProps, type InputDef, InputUpload, type RHFInputUploadProps as InputUploadProps, type InputVariantProps, Inputs, type InputsProps, IntlUtils, type IsAny, type IsRequiredChildrenProperty, type IsUnknown, type KeyInteraction, type KeyInteractionAction, type KeyInteractionCallback, type KeyInteractionGroup, type KeyInteractions, type LabelBaseProps, type LabelConfig, Link, LinkContext, type LinkNavigationProps, type LinkProps, type LinkVariantProps, Loader, type LoaderProps, Menu, type MenuCvaVariantProps, MenuItem, type MenuItemVariantProps, type MenuListItemProps, MenuPopover, type MenuPopoverProps, type MenuPopoverVariantProps, type MenuPopoverWrapperVariantProps, type MenuProps, Modal, type ModalProps, NumberInput, type NumberInputProps, NumberRangeInput, type NumberRangeInputProps, type NumberRangeValue, ObjectUtils, type OmitDiscriminatedUnion, PaginatedTable, type PaginatedTableProps, type PaginatedTableWrapperProps, Pagination, PaginationList, type PaginationProps, PasswordInput, type PasswordInputProps, Pill, PillButton, type PillButtonProps, type PillButtonVariants, type PillProps, ProgressBar, type ProgressBarConfig, type ProgressBarTrackConfig, type ProgressBarVariantProps, QueriesUtils, QueryAutocomplete, QuerySelect, type RHFQuerySelectProps as QuerySelectProps, RadioGroup, type RadioGroupProps, type RadioVariantProps, ResponsivePopover, type ResponsivePopoverProps, RoutingUtils, Segment, type SegmentProps, Select, type SelectAsyncProps, type SelectBaseProps, type SelectItem, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, type StepItem, Stepper, type StepperProps, type StepperVariantProps, StringUtils, Table, type TableProps, type TableRowVariantProps, type TableWrapperProps, Tag, type TagProps, type TagVariantProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ThemeContext, TimePicker, type TimePickerProps, Toast, type ToastAction, ToastContainer, type ToastOptions, type ToastParams, type ToastProps, type ToastVariantProps, Toggle, ToggleButton, type ToggleButtonProps, type ToggleProps, Tooltip, TooltipEllipsis, type TooltipEllipsisProps, type TooltipProps, type TooltipWrapperTriggerVariantProps, Typography, type TypographyProps, type TypographyVariantProps, UIConfig, UIOverrides, UIRouter, type UseAutosaveProps, type UseFormAutosaveProps, type UseFormProps, type UseFormResolverProps, type UseKeyInteractionsResult, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
|
package/dist/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { MenuItem } from "./components/Menu/MenuItem.js";
|
|
|
5
5
|
import { MenuPopover } from "./components/Menu/MenuPopover.js";
|
|
6
6
|
import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
|
|
7
7
|
import { typographyDefinition } from "./components/text/Typography/typography.cva.js";
|
|
8
|
-
import { Typography } from "./components/
|
|
8
|
+
import { Typography } from "./components/text/Typography/Typography.js";
|
|
9
9
|
import { Tooltip } from "./components/tooltip.js";
|
|
10
10
|
import { LinkContext } from "./config/link.context.js";
|
|
11
11
|
import { Breadcrumbs } from "./components/breadcrumbs.js";
|
|
@@ -28,69 +28,89 @@ import { useStateAndRef } from "./hooks/useStateAndRef.js";
|
|
|
28
28
|
import { DomUtils } from "./utils/dom.utils.js";
|
|
29
29
|
import { BottomSheet } from "./components/bottom-sheet.js";
|
|
30
30
|
import { useBreakpoint } from "./hooks/useBreakpoint.js";
|
|
31
|
-
import { Menu } from "./components/
|
|
31
|
+
import { Menu } from "./components/Menu/Menu.js";
|
|
32
32
|
import { SplitButton } from "./components/split-button.js";
|
|
33
33
|
import { TextButton } from "./components/text-button.js";
|
|
34
34
|
import { ToggleButton } from "./components/toggle-button.js";
|
|
35
|
-
import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
|
|
36
35
|
import { formFieldErrorDefinition } from "./components/inputs/FormField/formFieldError.cva.js";
|
|
37
36
|
import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
|
|
38
37
|
import { labelDefinition } from "./components/inputs/shared/label.cva.js";
|
|
39
38
|
import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
|
|
40
39
|
import { FormField } from "./components/form-field.js";
|
|
41
|
-
import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
|
|
42
|
-
import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
|
|
43
|
-
import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
|
|
44
|
-
import { IntlUtils } from "./utils/intl.utils.js";
|
|
45
|
-
import { DateTimeUtils } from "./utils/date-time.utils.js";
|
|
46
|
-
import { DateUtils } from "./utils/date.utils.js";
|
|
47
|
-
import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
|
|
48
|
-
import { popoverDefinition } from "./components/shared/popover.cva.js";
|
|
49
|
-
import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
|
|
50
40
|
import { tagDefinition } from "./components/text/Tag/tag.cva.js";
|
|
51
41
|
import { Tag } from "./components/tag.js";
|
|
52
42
|
import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
|
|
53
43
|
import { selectInputTagsContentWrapperDefinition } from "./components/inputs/Selection/shared/selectInput.cva.js";
|
|
44
|
+
import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
|
|
54
45
|
import { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
|
|
46
|
+
import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
|
|
55
47
|
import { selectListBoxItemDefinition } from "./components/inputs/Selection/shared/selectItem.cva.js";
|
|
56
48
|
import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
|
|
57
49
|
import { selectPopoverDefinition } from "./components/inputs/Selection/shared/selectDesktop.cva.js";
|
|
50
|
+
import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
|
|
51
|
+
import { popoverDefinition } from "./components/shared/popover.cva.js";
|
|
52
|
+
import { Autocomplete } from "./rhf/autocomplete.js";
|
|
53
|
+
import { Checkbox } from "./rhf/checkbox.js";
|
|
54
|
+
import { CheckboxGroup } from "./rhf/checkbox-group.js";
|
|
55
|
+
import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
|
|
56
|
+
import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
|
|
57
|
+
import { IntlUtils } from "./utils/intl.utils.js";
|
|
58
|
+
import { DateTimeUtils } from "./utils/date-time.utils.js";
|
|
59
|
+
import { DateUtils } from "./utils/date.utils.js";
|
|
60
|
+
import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
|
|
61
|
+
import { DatePicker } from "./rhf/date-picker.js";
|
|
62
|
+
import { DateRangePicker } from "./rhf/date-range-picker.js";
|
|
63
|
+
import { DateTimePicker } from "./rhf/date-time-picker.js";
|
|
58
64
|
import { FileUtils } from "./utils/file.utils.js";
|
|
59
65
|
import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
|
|
60
66
|
import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
|
|
61
67
|
import { fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
|
|
68
|
+
import { FileUpload } from "./rhf/file-upload.js";
|
|
62
69
|
import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
|
|
63
|
-
import {
|
|
70
|
+
import { InputUpload } from "./rhf/input-upload.js";
|
|
71
|
+
import { NumberInput } from "./rhf/number-input.js";
|
|
72
|
+
import { NumberRangeInput } from "./rhf/number-range-input.js";
|
|
73
|
+
import { PasswordInput } from "./rhf/password-input.js";
|
|
74
|
+
import { QueryAutocomplete } from "./rhf/query-autocomplete.js";
|
|
75
|
+
import { QuerySelect } from "./rhf/query-select.js";
|
|
64
76
|
import { radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
|
|
65
|
-
import {
|
|
66
|
-
import { ResponsivePopover } from "./components/responsive-popover.js";
|
|
77
|
+
import { RadioGroup } from "./rhf/radio-group.js";
|
|
67
78
|
import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
|
|
68
|
-
import {
|
|
79
|
+
import { Segment } from "./rhf/segment.js";
|
|
80
|
+
import { Select } from "./rhf/select.js";
|
|
81
|
+
import { Slider } from "./rhf/slider.js";
|
|
82
|
+
import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
|
|
83
|
+
import { TextArea } from "./rhf/text-area.js";
|
|
84
|
+
import { ResponsivePopover } from "./components/responsive-popover.js";
|
|
85
|
+
import { TextInput } from "./rhf/text-input.js";
|
|
86
|
+
import { TimePicker } from "./rhf/time-picker.js";
|
|
87
|
+
import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
|
|
88
|
+
import { Toggle } from "./rhf/toggle.js";
|
|
69
89
|
import { FileUploadContainer } from "./components/file-upload-container.js";
|
|
70
90
|
import { StringUtils } from "./utils/string.utils.js";
|
|
71
91
|
import { ZodUtils } from "./utils/zod.utils.js";
|
|
72
|
-
import { Form, Inputs } from "./rhf/
|
|
92
|
+
import { Form, Inputs } from "./rhf/Inputs2.js";
|
|
73
93
|
import { accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
|
|
74
|
-
import { Accordion } from "./components/
|
|
94
|
+
import { Accordion } from "./components/navigation/Accordion/Accordion.js";
|
|
75
95
|
import { stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
|
|
76
|
-
import { Stepper } from "./components/
|
|
96
|
+
import { Stepper } from "./components/navigation/Stepper/Stepper.js";
|
|
77
97
|
import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./components/overlays/Modal/modal.cva.js";
|
|
78
98
|
import { Modal } from "./components/overlays/Modal/Modal.js";
|
|
79
99
|
import { ActionModal } from "./components/action-modal.js";
|
|
80
100
|
import { Drawer } from "./components/drawer.js";
|
|
81
101
|
import { TooltipEllipsis } from "./components/tooltip-ellipsis.js";
|
|
82
|
-
import { PaginationList } from "./components/
|
|
102
|
+
import { PaginationList } from "./components/pagination-list.js";
|
|
83
103
|
import { Pagination } from "./components/pagination.js";
|
|
84
104
|
import { alertDefinition } from "./components/status/Alert/alert.cva.js";
|
|
85
105
|
import { statusIconDefinition, statusSeparatorDefinition } from "./components/status/shared/status.cva.js";
|
|
86
106
|
import { Alert } from "./components/alert.js";
|
|
87
107
|
import { statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
|
|
88
|
-
import { Toast, ToastContainer } from "./components/
|
|
89
|
-
import { useToast } from "./components/
|
|
108
|
+
import { Toast, ToastContainer } from "./components/status/Toast/Toast.js";
|
|
109
|
+
import { useToast } from "./components/use-toast.js";
|
|
90
110
|
import { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition } from "./components/table/table.cva.js";
|
|
91
111
|
import { CellText } from "./components/table/CellText.js";
|
|
92
112
|
import { HeaderText } from "./components/table/HeaderText.js";
|
|
93
|
-
import { logger } from "./utils/
|
|
113
|
+
import { logger } from "./utils/logger2.js";
|
|
94
114
|
import { useTableNav } from "./hooks/useTableNav.js";
|
|
95
115
|
import { Table } from "./components/table/Table.js";
|
|
96
116
|
import { useTranslationMemo } from "./hooks/useTranslationMemo.js";
|
package/dist/rhf/Inputs.d.ts
CHANGED
|
@@ -1,4 +1,22 @@
|
|
|
1
|
-
import { Autocomplete
|
|
1
|
+
import { Autocomplete } from "./autocomplete.js";
|
|
2
|
+
import { Checkbox } from "./checkbox.js";
|
|
3
|
+
import { CheckboxGroup } from "./checkbox-group.js";
|
|
4
|
+
import { DatePicker } from "./date-picker.js";
|
|
5
|
+
import { DateRangePicker } from "./date-range-picker.js";
|
|
6
|
+
import { DateTimePicker } from "./date-time-picker.js";
|
|
7
|
+
import { NumberInput } from "./number-input.js";
|
|
8
|
+
import { NumberRangeInput } from "./number-range-input.js";
|
|
9
|
+
import { PasswordInput } from "./password-input.js";
|
|
10
|
+
import { QueryAutocomplete } from "./query-autocomplete.js";
|
|
11
|
+
import { QuerySelect } from "./query-select.js";
|
|
12
|
+
import { Segment } from "./segment.js";
|
|
13
|
+
import { Select } from "./select.js";
|
|
14
|
+
import { Slider } from "./slider.js";
|
|
15
|
+
import { TextArea } from "./text-area.js";
|
|
16
|
+
import { TextInput } from "./text-input.js";
|
|
17
|
+
import { TimePicker } from "./time-picker.js";
|
|
18
|
+
import { Toggle } from "./toggle.js";
|
|
19
|
+
import "./components.js";
|
|
2
20
|
import { ReactElement, ReactNode } from "react";
|
|
3
21
|
import { SubmitErrorHandler, SubmitHandler, UseFormReturn } from "react-hook-form";
|
|
4
22
|
import { z } from "zod";
|
|
@@ -1,4 +1,21 @@
|
|
|
1
|
-
import { Autocomplete
|
|
1
|
+
import { Autocomplete } from "./autocomplete.js";
|
|
2
|
+
import { Checkbox } from "./checkbox.js";
|
|
3
|
+
import { CheckboxGroup } from "./checkbox-group.js";
|
|
4
|
+
import { DatePicker } from "./date-picker.js";
|
|
5
|
+
import { DateRangePicker } from "./date-range-picker.js";
|
|
6
|
+
import { DateTimePicker } from "./date-time-picker.js";
|
|
7
|
+
import { NumberInput } from "./number-input.js";
|
|
8
|
+
import { NumberRangeInput } from "./number-range-input.js";
|
|
9
|
+
import { PasswordInput } from "./password-input.js";
|
|
10
|
+
import { QueryAutocomplete } from "./query-autocomplete.js";
|
|
11
|
+
import { QuerySelect } from "./query-select.js";
|
|
12
|
+
import { Segment } from "./segment.js";
|
|
13
|
+
import { Select } from "./select.js";
|
|
14
|
+
import { Slider } from "./slider.js";
|
|
15
|
+
import { TextArea } from "./text-area.js";
|
|
16
|
+
import { TextInput } from "./text-input.js";
|
|
17
|
+
import { TimePicker } from "./time-picker.js";
|
|
18
|
+
import { Toggle } from "./toggle.js";
|
|
2
19
|
import { StringUtils } from "../utils/string.utils.js";
|
|
3
20
|
import { ZodUtils } from "../utils/zod.utils.js";
|
|
4
21
|
import { c } from "react/compiler-runtime";
|
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
import { DefaultInitialSelectItem, GroupedSelectProps, MultiSelectProps, SingleSelectProps } from "../components/inputs/Selection/shared/select.types.js";
|
|
1
2
|
import { AutocompleteProps } from "../components/autocomplete.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
3
|
+
import { ControlProps } from "./form.types.js";
|
|
4
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
5
|
+
import { Key } from "react-aria-components";
|
|
6
|
+
import { FieldValues } from "react-hook-form";
|
|
7
|
+
//#region src/entries/rhf/autocomplete.d.ts
|
|
8
|
+
type SelectionProps<T extends FieldValues, P, K extends Key, I> = ({
|
|
9
|
+
selectionMode: MultiSelectProps["selectionMode"];
|
|
10
|
+
} & ControlProps<Omit<P, keyof GroupedSelectProps> & MultiSelectProps<K, I>, T>) | ({
|
|
11
|
+
selectionMode?: SingleSelectProps["selectionMode"];
|
|
12
|
+
} & ControlProps<Omit<P, keyof GroupedSelectProps> & SingleSelectProps<K, I>, T>);
|
|
13
|
+
type ControlledAutocompleteProps<T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>> = SelectionProps<T, AutocompleteProps<K, I> & FireBlurOnChangeProps, K, I>;
|
|
14
|
+
declare const Autocomplete: <T extends FieldValues, K extends Key = Key, I = DefaultInitialSelectItem<K>>(props: ControlledAutocompleteProps<T, K, I>) => import("react").ReactNode;
|
|
15
|
+
//#endregion
|
|
16
|
+
export { Autocomplete, type AutocompleteProps, ControlledAutocompleteProps };
|
package/dist/rhf/autocomplete.js
CHANGED
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import { Autocomplete } from "
|
|
1
|
+
import { Autocomplete as Autocomplete$1 } from "../components/autocomplete.js";
|
|
2
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
3
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
4
|
+
//#region src/entries/rhf/autocomplete.ts
|
|
5
|
+
const Autocomplete = (props) => {
|
|
6
|
+
return renderRHFField(runtime(Autocomplete$1), useFireBlurOnChange(props, "select"));
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { Autocomplete };
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { CheckboxGroupProps } from "../components/checkbox-group.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/checkbox-group.d.ts
|
|
6
|
+
type ControlledCheckboxGroupProps<T extends FieldValues> = ControlProps<CheckboxGroupProps & FireBlurOnChangeProps, T>;
|
|
7
|
+
declare const CheckboxGroup: <T extends FieldValues>(props: ControlledCheckboxGroupProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { CheckboxGroup, type CheckboxGroupProps, ControlledCheckboxGroupProps };
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { CheckboxGroup as CheckboxGroup$1 } from "../components/checkbox-group.js";
|
|
4
|
+
//#region src/entries/rhf/checkbox-group.ts
|
|
5
|
+
const CheckboxGroup = (props) => {
|
|
6
|
+
return renderRHFField(runtime(CheckboxGroup$1), useFireBlurOnChange(props, "checkbox"));
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { CheckboxGroup };
|
package/dist/rhf/checkbox.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { CheckboxProps } from "../components/checkbox.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/checkbox.d.ts
|
|
6
|
+
type ControlledCheckboxProps<T extends FieldValues> = ControlProps<CheckboxProps & FireBlurOnChangeProps, T, "isSelected">;
|
|
7
|
+
declare const Checkbox: <T extends FieldValues>(props: ControlledCheckboxProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { Checkbox, type CheckboxProps, ControlledCheckboxProps };
|
package/dist/rhf/checkbox.js
CHANGED
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { Checkbox as Checkbox$1 } from "../components/checkbox.js";
|
|
4
|
+
//#region src/entries/rhf/checkbox.ts
|
|
5
|
+
const Checkbox = (props) => {
|
|
6
|
+
return renderRHFField(runtime(Checkbox$1), useFireBlurOnChange(props, "checkbox"), "isSelected");
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
2
9
|
export { Checkbox };
|
package/dist/rhf/components.d.ts
CHANGED
|
@@ -1,82 +1,43 @@
|
|
|
1
|
-
import { CheckboxProps
|
|
1
|
+
import { CheckboxProps } from "../components/checkbox.js";
|
|
2
2
|
import { TextInputProps } from "../components/text-input.js";
|
|
3
|
-
import { CheckboxGroupProps
|
|
3
|
+
import { CheckboxGroupProps } from "../components/checkbox-group.js";
|
|
4
4
|
import { FileUploadBaseProps } from "../components/inputs/File/fileUpload.types.js";
|
|
5
|
-
import "../components/file-upload.js";
|
|
6
5
|
import { InputUploadBaseProps } from "../components/inputs/File/inputUpload.types.js";
|
|
7
|
-
import "../components/input-upload.js";
|
|
8
6
|
import { NumberInputProps } from "../components/number-input.js";
|
|
9
7
|
import { NumberRangeInputProps } from "../components/number-range-input.js";
|
|
10
8
|
import { PasswordInputProps } from "../components/password-input.js";
|
|
11
|
-
import { TextAreaProps
|
|
12
|
-
import { RadioGroupProps
|
|
13
|
-
import { DefaultInitialSelectItem, GroupedSelectProps, MultiSelectProps, SelectItem, SingleSelectProps } from "../components/inputs/Selection/shared/select.types.js";
|
|
9
|
+
import { TextAreaProps } from "../components/text-area.js";
|
|
10
|
+
import { RadioGroupProps } from "../components/radio-group.js";
|
|
14
11
|
import { AutocompleteProps } from "../components/autocomplete.js";
|
|
15
|
-
import { QueryAutocompleteProps, QueryFn } from "../components/inputs/Selection/Autocomplete/queryAutocomplete.types.js";
|
|
16
12
|
import { SelectProps } from "../components/inputs/Selection/Select/Select.js";
|
|
17
|
-
import {
|
|
18
|
-
import { SliderProps as SliderProps$1 } from "../components/slider.js";
|
|
13
|
+
import { SliderProps } from "../components/slider.js";
|
|
19
14
|
import { ToggleProps } from "../components/toggle.js";
|
|
20
|
-
import { SegmentProps } from "../components/segment/segment.types.js";
|
|
21
15
|
import { DatePickerProps } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
|
|
22
16
|
import { DateRangePickerProps } from "../components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
|
|
23
17
|
import { DateTimePickerProps } from "../components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
|
|
24
|
-
import {
|
|
18
|
+
import { Autocomplete, ControlledAutocompleteProps } from "./autocomplete.js";
|
|
19
|
+
import { Checkbox, ControlledCheckboxProps } from "./checkbox.js";
|
|
20
|
+
import { CheckboxGroup, ControlledCheckboxGroupProps } from "./checkbox-group.js";
|
|
21
|
+
import { ControlledDatePickerProps, DatePicker } from "./date-picker.js";
|
|
22
|
+
import { ControlledDateRangePickerProps, DateRangePicker } from "./date-range-picker.js";
|
|
23
|
+
import { ControlledDateTimePickerProps, DateTimePicker } from "./date-time-picker.js";
|
|
24
|
+
import { FileUpload, FileUploadProps, RHFFileUploadProps } from "./file-upload.js";
|
|
25
|
+
import { InputUpload, InputUploadProps, RHFInputUploadProps } from "./input-upload.js";
|
|
26
|
+
import { ControlledNumberInputProps, NumberInput } from "./number-input.js";
|
|
27
|
+
import { ControlledNumberRangeInputProps, NumberRangeInput } from "./number-range-input.js";
|
|
28
|
+
import { ControlledPasswordInputProps, PasswordInput } from "./password-input.js";
|
|
29
|
+
import { QueryAutocomplete, QueryAutocompleteProps, RHFQueryAutocompleteProps } from "./query-autocomplete.js";
|
|
30
|
+
import { QuerySelect, QuerySelectProps, RHFQuerySelectProps } from "./query-select.js";
|
|
31
|
+
import { ControlledRadioGroupProps, RadioGroup } from "./radio-group.js";
|
|
32
|
+
import { SegmentProps } from "../components/segment/segment.types.js";
|
|
33
|
+
import { ControlledSegmentProps, Segment } from "./segment.js";
|
|
34
|
+
import { ControlledSelectProps, Select } from "./select.js";
|
|
35
|
+
import { ControlledSliderProps, Slider } from "./slider.js";
|
|
36
|
+
import { ControlledTextAreaProps, TextArea } from "./text-area.js";
|
|
25
37
|
import { TextEditorProps } from "../components/inputs/TextEditor/TextEditor.js";
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
|
|
31
|
-
type
|
|
32
|
-
declare const Checkbox$1: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react").ReactNode;
|
|
33
|
-
type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps$1 & FireBlurOnChangeProps, TFieldValues>;
|
|
34
|
-
declare const CheckboxGroup$1: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react").ReactNode;
|
|
35
|
-
type ControlledDatePickerProps<TFieldValues extends FieldValues> = ControlProps<DatePickerProps & FireBlurOnChangeProps, TFieldValues>;
|
|
36
|
-
declare const DatePicker: <TFieldValues extends FieldValues>(props: ControlledDatePickerProps<TFieldValues>) => import("react").ReactNode;
|
|
37
|
-
type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = ControlProps<DateRangePickerProps & FireBlurOnChangeProps, TFieldValues>;
|
|
38
|
-
declare const DateRangePicker: <TFieldValues extends FieldValues>(props: ControlledDateRangePickerProps<TFieldValues>) => import("react").ReactNode;
|
|
39
|
-
type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = ControlProps<DateTimePickerProps & FireBlurOnChangeProps, TFieldValues>;
|
|
40
|
-
declare const DateTimePicker: <TFieldValues extends FieldValues>(props: ControlledDateTimePickerProps<TFieldValues>) => import("react").ReactNode;
|
|
41
|
-
type ControlledTimePickerProps<TFieldValues extends FieldValues> = ControlProps<TimePickerProps & FireBlurOnChangeProps, TFieldValues>;
|
|
42
|
-
declare const TimePicker: <TFieldValues extends FieldValues>(props: ControlledTimePickerProps<TFieldValues>) => import("react").ReactNode;
|
|
43
|
-
type ControlledNumberInputProps<TFieldValues extends FieldValues> = ControlProps<NumberInputProps, TFieldValues>;
|
|
44
|
-
declare const NumberInput: <TFieldValues extends FieldValues>(props: ControlledNumberInputProps<TFieldValues>) => import("react").ReactNode;
|
|
45
|
-
type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = ControlProps<NumberRangeInputProps, TFieldValues>;
|
|
46
|
-
declare const NumberRangeInput: <TFieldValues extends FieldValues>(props: ControlledNumberRangeInputProps<TFieldValues>) => import("react").ReactNode;
|
|
47
|
-
type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;
|
|
48
|
-
declare const PasswordInput: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react").ReactNode;
|
|
49
|
-
type ControlledTextAreaProps<TFieldValues extends FieldValues> = ControlProps<TextAreaProps$1, TFieldValues>;
|
|
50
|
-
declare const TextArea$1: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react").ReactNode;
|
|
51
|
-
type ControlledTextInputProps<TFieldValues extends FieldValues> = ControlProps<TextInputProps, TFieldValues>;
|
|
52
|
-
declare const TextInput: <TFieldValues extends FieldValues>(props: ControlledTextInputProps<TFieldValues>) => import("react").ReactNode;
|
|
53
|
-
type ControlledRadioGroupProps<TFieldValues extends FieldValues> = ControlProps<RadioGroupProps$1 & FireBlurOnChangeProps, TFieldValues>;
|
|
54
|
-
declare const RadioGroup$1: <TFieldValues extends FieldValues>(props: ControlledRadioGroupProps<TFieldValues>) => import("react").ReactNode;
|
|
55
|
-
type ControlledSliderProps<TFieldValues extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps$1<IsRange>, TFieldValues>;
|
|
56
|
-
declare const Slider$1: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react").ReactNode;
|
|
57
|
-
type ControlledToggleProps<TFieldValues extends FieldValues> = ControlProps<ToggleProps & FireBlurOnChangeProps, TFieldValues, "isSelected">;
|
|
58
|
-
declare const Toggle: <TFieldValues extends FieldValues>(props: ControlledToggleProps<TFieldValues>) => import("react").ReactNode;
|
|
59
|
-
type ControlledSegmentProps<TFieldValues extends FieldValues, TKey extends Key = Key> = ControlProps<SegmentProps<TKey>, TFieldValues>;
|
|
60
|
-
declare const Segment: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<TFieldValues, TKey>) => import("react").ReactNode;
|
|
61
|
-
type RHFSelectionProps<TFieldValues extends FieldValues, TProps, TKey extends Key, TInitialSelectItem> = ({
|
|
62
|
-
selectionMode: MultiSelectProps["selectionMode"];
|
|
63
|
-
} & ControlProps<Omit<TProps, keyof GroupedSelectProps> & MultiSelectProps<TKey, TInitialSelectItem>, TFieldValues>) | ({
|
|
64
|
-
selectionMode?: SingleSelectProps["selectionMode"];
|
|
65
|
-
} & ControlProps<Omit<TProps, keyof GroupedSelectProps> & SingleSelectProps<TKey, TInitialSelectItem>, TFieldValues>);
|
|
66
|
-
type ControlledSelectProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = RHFSelectionProps<TFieldValues, SelectProps<TKey, TInitialSelectItem> & FireBlurOnChangeProps, TKey, TInitialSelectItem>;
|
|
67
|
-
declare const Select: <TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>) => import("react").ReactNode;
|
|
68
|
-
type ControlledAutocompleteProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = RHFSelectionProps<TFieldValues, AutocompleteProps<TKey, TInitialSelectItem> & FireBlurOnChangeProps, TKey, TInitialSelectItem>;
|
|
69
|
-
declare const Autocomplete: <TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>) => import("react").ReactNode;
|
|
70
|
-
type ReplaceFieldWithFormControl<TProps, TFieldValues extends FieldValues> = Omit<TProps, "field"> & {
|
|
71
|
-
formControl: FormControl<TFieldValues, unknown>;
|
|
72
|
-
} & FireBlurOnChangeProps;
|
|
73
|
-
type RHFQuerySelectProps<TFieldValues extends FieldValues, TQueryFn extends Parameters<typeof QuerySelect$1>[0]["query"], TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ReplaceFieldWithFormControl<QuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>, TFieldValues>;
|
|
74
|
-
declare const QuerySelect: <TFieldValues extends FieldValues, TQueryFn extends Parameters<typeof QuerySelect$1>[0]["query"], TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: RHFQuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => import("react").ReactNode;
|
|
75
|
-
type RHFQueryAutocompleteProps<TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn> = ReplaceFieldWithFormControl<QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>, TFieldValues>;
|
|
76
|
-
declare const QueryAutocomplete: <TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn>(props: RHFQueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react").ReactNode;
|
|
77
|
-
type RHFFileUploadProps<TFieldValues extends FieldValues> = ControlProps<FileUploadBaseProps, TFieldValues>;
|
|
78
|
-
declare const FileUpload: <TFieldValues extends FieldValues>(props: RHFFileUploadProps<TFieldValues>) => import("react").ReactNode;
|
|
79
|
-
type RHFInputUploadProps<TFieldValues extends FieldValues> = ControlProps<InputUploadBaseProps, TFieldValues>;
|
|
80
|
-
declare const InputUpload: <TFieldValues extends FieldValues>(props: RHFInputUploadProps<TFieldValues>) => import("react").ReactNode;
|
|
81
|
-
//#endregion
|
|
82
|
-
export { Autocomplete, type AutocompleteProps, Checkbox$1 as Checkbox, CheckboxGroup$1 as CheckboxGroup, type CheckboxGroupProps$1 as CheckboxGroupProps, type CheckboxProps$1 as CheckboxProps, ControlledAutocompleteProps, ControlledCheckboxGroupProps, ControlledCheckboxProps, ControlledDatePickerProps, ControlledDateRangePickerProps, ControlledDateTimePickerProps, ControlledNumberInputProps, ControlledNumberRangeInputProps, ControlledPasswordInputProps, ControlledRadioGroupProps, ControlledSegmentProps, ControlledSelectProps, ControlledSliderProps, ControlledTextAreaProps, ControlledTextInputProps, ControlledTimePickerProps, ControlledToggleProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, FileUpload, InputUpload, NumberInput, type NumberInputProps, NumberRangeInput, type NumberRangeInputProps, PasswordInput, type PasswordInputProps, QueryAutocomplete, QuerySelect, RHFFileUploadProps, RHFInputUploadProps, RHFQueryAutocompleteProps, RHFQuerySelectProps, RadioGroup$1 as RadioGroup, type RadioGroupProps$1 as RadioGroupProps, Segment, type SegmentProps, Select, type SelectProps, Slider$1 as Slider, type SliderProps$1 as SliderProps, TextArea$1 as TextArea, type TextAreaProps$1 as TextAreaProps, TextInput, type TextInputProps, TimePicker, type TimePickerProps, Toggle, type ToggleProps };
|
|
38
|
+
import { ControlledTextEditorProps, TextEditor } from "./text-editor.js";
|
|
39
|
+
import { ControlledTextInputProps, TextInput } from "./text-input.js";
|
|
40
|
+
import { TimePickerProps } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
|
|
41
|
+
import { ControlledTimePickerProps, TimePicker } from "./time-picker.js";
|
|
42
|
+
import { ControlledToggleProps, Toggle } from "./toggle.js";
|
|
43
|
+
export { Autocomplete, type AutocompleteProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ControlledAutocompleteProps, ControlledCheckboxGroupProps, ControlledCheckboxProps, ControlledDatePickerProps, ControlledDateRangePickerProps, ControlledDateTimePickerProps, ControlledNumberInputProps, ControlledNumberRangeInputProps, ControlledPasswordInputProps, ControlledRadioGroupProps, ControlledSegmentProps, ControlledSelectProps, ControlledSliderProps, ControlledTextAreaProps, ControlledTextEditorProps, ControlledTextInputProps, ControlledTimePickerProps, ControlledToggleProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, FileUpload, type FileUploadBaseProps, FileUploadProps, InputUpload, type InputUploadBaseProps, InputUploadProps, NumberInput, type NumberInputProps, NumberRangeInput, type NumberRangeInputProps, PasswordInput, type PasswordInputProps, QueryAutocomplete, QueryAutocompleteProps, QuerySelect, QuerySelectProps, RHFFileUploadProps, RHFInputUploadProps, RHFQueryAutocompleteProps, RHFQuerySelectProps, RadioGroup, type RadioGroupProps, Segment, type SegmentProps, Select, type SelectProps, Slider, type SliderProps, TextArea, type TextAreaProps, TextEditor, type TextEditorProps, TextInput, type TextInputProps, TimePicker, type TimePickerProps, Toggle, type ToggleProps };
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { DatePickerProps } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ControlProps } from "./form.types.js";
|
|
3
|
+
import { FireBlurOnChangeProps } from "./fieldAdapter.js";
|
|
4
|
+
import { FieldValues } from "react-hook-form";
|
|
5
|
+
//#region src/entries/rhf/date-picker.d.ts
|
|
6
|
+
type ControlledDatePickerProps<T extends FieldValues> = ControlProps<DatePickerProps & FireBlurOnChangeProps, T>;
|
|
7
|
+
declare const DatePicker: <T extends FieldValues>(props: ControlledDatePickerProps<T>) => import("react").ReactNode;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { ControlledDatePickerProps, DatePicker, type DatePickerProps };
|
package/dist/rhf/date-picker.js
CHANGED
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { runtime, useFireBlurOnChange } from "./entry.utils.js";
|
|
2
|
+
import { renderRHFField } from "./fieldAdapter.js";
|
|
3
|
+
import { DatePicker as DatePicker$1 } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
|
|
4
|
+
import { toCalendarDate } from "./date.transforms.js";
|
|
5
|
+
//#region src/entries/rhf/date-picker.ts
|
|
6
|
+
const DatePicker = (props) => {
|
|
7
|
+
return renderRHFField(runtime(DatePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toCalendarDate);
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
2
10
|
export { DatePicker };
|