@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16
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 +1 -1
- package/dist/assets/locales/en/{translation.json.js → translation.js} +1 -0
- package/dist/assets/locales/sl/{translation.json.js → translation.js} +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +17 -14
- package/dist/components/Breadcrumbs/Breadcrumbs.js +206 -55
- package/dist/components/Breadcrumbs/breadcrumbs.cva.d.ts +39 -40
- package/dist/components/Breadcrumbs/breadcrumbs.cva.js +5 -5
- package/dist/components/Menu/Menu.d.ts +20 -18
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/MenuDesktop.js +2 -2
- package/dist/components/Menu/MenuItem.d.ts +6 -3
- package/dist/components/Menu/MenuItem.js +2 -2
- package/dist/components/Menu/MenuMobile.js +2 -2
- package/dist/components/Menu/MenuPopover.d.ts +7 -5
- package/dist/components/Menu/MenuPopover.js +2 -2
- package/dist/components/Menu/menu.cva.d.ts +35 -35
- package/dist/components/Menu/menu.cva.js +4 -4
- package/dist/components/buttons/Button/Button.d.ts +25 -23
- package/dist/components/buttons/Button/Button.js +1 -1
- package/dist/components/buttons/Button/button.cva.d.ts +89 -95
- package/dist/components/buttons/Button/button.cva.js +8 -44
- package/dist/components/buttons/IconButton/IconButton.d.ts +13 -10
- package/dist/components/buttons/IconButton/IconButton.js +1 -1
- package/dist/components/buttons/InlineIconButton/InlineIconButton.d.ts +15 -12
- package/dist/components/buttons/InlineIconButton/InlineIconButton.js +34 -9
- package/dist/components/buttons/PillButton/PillButton.d.ts +14 -11
- package/dist/components/buttons/PillButton/PillButton.js +2 -2
- package/dist/components/buttons/PillButton/pillButton.cva.d.ts +33 -38
- package/dist/components/buttons/PillButton/pillButton.cva.js +5 -5
- package/dist/components/buttons/SplitButton/SplitButton.d.ts +14 -11
- package/dist/components/buttons/SplitButton/SplitButton.js +2 -2
- package/dist/components/buttons/TextButton/TextButton.d.ts +14 -11
- package/dist/components/buttons/TextButton/TextButton.js +1 -1
- package/dist/components/buttons/ToggleButton/ToggleButton.d.ts +11 -8
- package/dist/components/buttons/ToggleButton/ToggleButton.js +1 -1
- package/dist/components/buttons/shared/ButtonContent.js +80 -22
- package/dist/components/buttons/shared/buttonContent.cva.d.ts +6 -8
- package/dist/components/buttons/shared/buttonContent.cva.js +1 -1
- package/dist/components/inputs/Checkbox/Checkbox.d.ts +22 -19
- package/dist/components/inputs/Checkbox/Checkbox.js +45 -201
- package/dist/components/inputs/Checkbox/CheckboxCheckmark.js +1 -1
- package/dist/components/inputs/Checkbox/CheckboxGroup.d.ts +27 -25
- package/dist/components/inputs/Checkbox/CheckboxGroup.js +126 -355
- package/dist/components/inputs/Checkbox/checkbox.cva.d.ts +73 -89
- package/dist/components/inputs/Checkbox/checkbox.cva.js +8 -8
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts +40 -37
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +44 -35
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +46 -43
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +172 -168
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts +41 -38
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +21 -18
- package/dist/components/inputs/DateTime/TimePicker/TimePicker.d.ts +29 -26
- package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +166 -541
- package/dist/components/inputs/DateTime/shared/Calendar.js +17 -14
- package/dist/components/inputs/DateTime/shared/CalendarCell.js +17 -17
- package/dist/components/inputs/DateTime/shared/CalendarGrid.js +5 -4
- package/dist/components/inputs/DateTime/shared/CalendarHeader.js +8 -7
- package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js +43 -43
- package/dist/components/inputs/DateTime/shared/DateField.js +19 -20
- package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts +11 -45
- package/dist/components/inputs/DateTime/shared/DatePickerInput.js +1 -1
- package/dist/components/inputs/DateTime/shared/DateSegmentItem.js +26 -102
- package/dist/components/inputs/DateTime/shared/DateTimeDialog.js +28 -83
- package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js +2 -2
- package/dist/components/inputs/DateTime/shared/MonthPicker.js +58 -103
- package/dist/components/inputs/DateTime/shared/RangeCalendar.js +82 -193
- package/dist/components/inputs/DateTime/shared/TimeField.js +8 -27
- package/dist/components/inputs/DateTime/shared/TimePickerForm.js +111 -281
- package/dist/components/inputs/DateTime/shared/TimePickerInput.js +71 -214
- package/dist/components/inputs/DateTime/shared/YearPicker.js +68 -119
- package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts +8 -5
- package/dist/components/inputs/DateTime/shared/datePickerInput.cva.d.ts +16 -15
- package/dist/components/inputs/DateTime/shared/datePickerInput.cva.js +1 -1
- package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js +11 -50
- package/dist/components/inputs/DateTime/shared/datePickerValue.utils.js +4 -0
- package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js +12 -11
- package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.js +12 -26
- package/dist/components/inputs/File/FileUpload.d.ts +7 -4
- package/dist/components/inputs/File/FileUpload.js +49 -88
- package/dist/components/inputs/File/FileUploadContainer.d.ts +5 -3
- package/dist/components/inputs/File/FileUploadContainer.js +10 -17
- package/dist/components/inputs/File/InputUpload.d.ts +7 -4
- package/dist/components/inputs/File/InputUpload.js +26 -65
- package/dist/components/inputs/File/fileUpload.types.d.ts +87 -84
- package/dist/components/inputs/File/inputUpload.types.d.ts +34 -32
- package/dist/components/inputs/File/inputUpload.types.js +1 -1
- package/dist/components/inputs/File/shared/FileCard.js +47 -110
- package/dist/components/inputs/File/shared/FileCardList.js +16 -54
- package/dist/components/inputs/File/shared/FileUploadContent.js +47 -188
- package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +1 -1
- package/dist/components/inputs/File/shared/FileUploadContentError.js +3 -3
- package/dist/components/inputs/File/shared/FileUploadContentFilled.js +3 -3
- package/dist/components/inputs/File/shared/FileUploadContentLoading.js +1 -1
- package/dist/components/inputs/File/shared/InputUploadContent.js +36 -149
- package/dist/components/inputs/File/shared/InputUploadFilled.js +8 -48
- package/dist/components/inputs/File/shared/ProgressBar.d.ts +6 -4
- package/dist/components/inputs/File/shared/ProgressBar.js +1 -1
- package/dist/components/inputs/File/shared/fileUpload.cva.d.ts +17 -16
- package/dist/components/inputs/File/shared/fileUpload.cva.js +1 -1
- package/dist/components/inputs/File/shared/inputUploadButton.cva.d.ts +24 -25
- package/dist/components/inputs/File/shared/inputUploadButton.cva.js +5 -5
- package/dist/components/inputs/File/shared/progressBar.cva.d.ts +34 -33
- package/dist/components/inputs/File/shared/progressBar.cva.js +5 -5
- package/dist/components/inputs/FormField/FormField.d.ts +21 -17
- package/dist/components/inputs/FormField/FormField.js +39 -119
- package/dist/components/inputs/FormField/FormFieldError.d.ts +9 -6
- package/dist/components/inputs/FormField/FormFieldError.js +6 -24
- package/dist/components/inputs/FormField/FormFieldHeader.d.ts +15 -13
- package/dist/components/inputs/FormField/FormFieldHeader.js +22 -78
- package/dist/components/inputs/FormField/FormFieldHeaderClose.js +7 -31
- package/dist/components/inputs/FormField/FormFieldHelper.js +7 -25
- package/dist/components/inputs/FormField/FormFieldLabel.js +9 -40
- package/dist/components/inputs/FormField/formFieldError.cva.d.ts +13 -12
- package/dist/components/inputs/FormField/formFieldError.cva.js +1 -1
- package/dist/components/inputs/FormField/formFieldHeader.cva.d.ts +13 -12
- package/dist/components/inputs/FormField/formFieldHeader.cva.js +1 -1
- package/dist/components/inputs/FormField/formFieldHelper.cva.d.ts +13 -12
- package/dist/components/inputs/FormField/formFieldHelper.cva.js +1 -1
- package/dist/components/inputs/Input/NumberInput/NumberInput.d.ts +25 -21
- package/dist/components/inputs/Input/NumberInput/NumberInput.js +145 -394
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts +11 -45
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.js +120 -553
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.d.ts +37 -34
- package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js +93 -164
- package/dist/components/inputs/Input/PasswordInput/PasswordInput.d.ts +10 -7
- package/dist/components/inputs/Input/PasswordInput/PasswordInput.js +12 -50
- package/dist/components/inputs/Input/TextArea/TextArea.cva.d.ts +8 -7
- package/dist/components/inputs/Input/TextArea/TextArea.cva.js +1 -1
- package/dist/components/inputs/Input/TextArea/TextArea.d.ts +20 -18
- package/dist/components/inputs/Input/TextArea/TextArea.js +96 -304
- package/dist/components/inputs/Input/TextInput/TextInput.d.ts +24 -20
- package/dist/components/inputs/Input/TextInput/TextInput.js +151 -380
- package/dist/components/inputs/Input/shared/InputContent.d.ts +25 -27
- package/dist/components/inputs/Input/shared/InputContent.js +59 -193
- package/dist/components/inputs/Input/shared/numberStatic.utils.js +1 -1
- package/dist/components/inputs/Inputs/Form.d.ts +19 -19
- package/dist/components/inputs/Inputs/Form.js +23 -51
- package/dist/components/inputs/Inputs/InputItem.d.ts +77 -58
- package/dist/components/inputs/Inputs/InputItem.js +16 -65
- package/dist/components/inputs/Inputs/Inputs.d.ts +12 -9
- package/dist/components/inputs/Inputs/Inputs.js +11 -37
- package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +23 -21
- package/dist/components/inputs/RadioGroup/RadioGroup.js +114 -320
- package/dist/components/inputs/RadioGroup/radio.cva.d.ts +49 -59
- package/dist/components/inputs/RadioGroup/radio.cva.js +6 -6
- package/dist/components/inputs/Selection/Autocomplete/Autocomplete.d.ts +15 -11
- package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +25 -55
- package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts +8 -4
- package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +46 -117
- package/dist/components/inputs/Selection/Autocomplete/queryAutocomplete.types.d.ts +25 -38
- package/dist/components/inputs/Selection/Select/QuerySelect.d.ts +18 -14
- package/dist/components/inputs/Selection/Select/QuerySelect.js +58 -115
- package/dist/components/inputs/Selection/Select/Select.d.ts +15 -11
- package/dist/components/inputs/Selection/Select/Select.js +35 -111
- package/dist/components/inputs/Selection/shared/SelectBase.d.ts +39 -37
- package/dist/components/inputs/Selection/shared/SelectBase.js +26 -70
- package/dist/components/inputs/Selection/shared/SelectDesktop.js +144 -392
- package/dist/components/inputs/Selection/shared/SelectInput.js +161 -428
- package/dist/components/inputs/Selection/shared/SelectInputTags.js +26 -100
- package/dist/components/inputs/Selection/shared/SelectListBox.js +1 -1
- package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +35 -85
- package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +16 -69
- package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js +23 -71
- package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js +9 -58
- package/dist/components/inputs/Selection/shared/SelectMobile.js +1 -1
- package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.js +14 -39
- package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts +8 -15
- package/dist/components/inputs/Selection/shared/querySelect.utils.js +6 -6
- package/dist/components/inputs/Selection/shared/select.context.js +52 -52
- package/dist/components/inputs/Selection/shared/select.types.d.ts +60 -62
- package/dist/components/inputs/Selection/shared/selectDesktop.cva.d.ts +8 -5
- package/dist/components/inputs/Selection/shared/selectDesktop.cva.js +1 -1
- package/dist/components/inputs/Selection/shared/selectInput.cva.d.ts +12 -11
- package/dist/components/inputs/Selection/shared/selectInput.cva.js +1 -1
- package/dist/components/inputs/Selection/shared/selectItem.cva.d.ts +16 -15
- package/dist/components/inputs/Selection/shared/selectItem.cva.js +1 -1
- package/dist/components/inputs/Selection/shared/staticSelect.utils.js +3 -3
- package/dist/components/inputs/Selection/shared/useSelectItems.js +12 -12
- package/dist/components/inputs/Skeleton/InputFrame.js +27 -27
- package/dist/components/inputs/Slider/Slider.d.ts +20 -17
- package/dist/components/inputs/Slider/Slider.js +86 -268
- package/dist/components/inputs/TextEditor/TextEditor.d.ts +24 -20
- package/dist/components/inputs/TextEditor/TextEditor.js +21 -62
- package/dist/components/inputs/TextEditor/Toolbar/ColorPicker.js +11 -37
- package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +30 -102
- package/dist/components/inputs/TextEditor/Toolbar/HyperlinkAction.js +45 -194
- package/dist/components/inputs/TextEditor/Toolbar/TextAlignSelect.js +28 -88
- package/dist/components/inputs/TextEditor/Toolbar/TextColorSelect.js +14 -48
- package/dist/components/inputs/TextEditor/Toolbar/TextEditorToolbar.js +19 -66
- package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.js +15 -49
- package/dist/components/inputs/TextEditor/Toolbar/TextListActions.js +32 -92
- package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.js +54 -126
- package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js +38 -141
- package/dist/components/inputs/TextEditor/textEditor.types.js +1 -1
- package/dist/components/inputs/Toggle/Toggle.d.ts +18 -15
- package/dist/components/inputs/Toggle/Toggle.js +50 -210
- package/dist/components/inputs/Toggle/toggle.cva.d.ts +15 -18
- package/dist/components/inputs/Toggle/toggle.cva.js +3 -3
- package/dist/components/inputs/shared/CheckContent.js +11 -21
- package/dist/components/inputs/shared/InputClear.js +30 -102
- package/dist/components/inputs/shared/TooltipWrapper.js +13 -48
- package/dist/components/inputs/shared/form.binding.d.ts +7 -27
- package/dist/components/inputs/shared/form.binding.js +8 -37
- package/dist/components/inputs/shared/form.types.d.ts +11 -11
- package/dist/components/inputs/shared/form.types.js +1 -1
- package/dist/components/inputs/shared/input.cva.d.ts +76 -85
- package/dist/components/inputs/shared/input.cva.js +9 -19
- package/dist/components/inputs/shared/label.cva.d.ts +18 -18
- package/dist/components/inputs/shared/label.cva.js +2 -2
- package/dist/components/inputs/shared/tooltipWrapper.cva.d.ts +10 -7
- package/dist/components/inputs/shared/tooltipWrapper.cva.js +1 -1
- package/dist/components/inputs/shared/useFieldAccessibility.js +19 -0
- package/dist/components/inputs/shared/useStaticInputHandoff.js +50 -105
- package/dist/components/navigation/Accordion/Accordion.d.ts +5 -3
- package/dist/components/navigation/Accordion/Accordion.js +69 -22
- package/dist/components/navigation/Accordion/AccordionItem.js +86 -41
- package/dist/components/navigation/Accordion/accordion.cva.d.ts +76 -100
- package/dist/components/navigation/Accordion/accordion.cva.js +10 -10
- package/dist/components/navigation/Accordion/accordion.types.d.ts +52 -49
- package/dist/components/navigation/Stepper/Stepper.d.ts +5 -2
- package/dist/components/navigation/Stepper/Stepper.js +67 -22
- package/dist/components/navigation/Stepper/StepperItem.js +2 -2
- package/dist/components/navigation/Stepper/StepperSeparator.js +1 -1
- package/dist/components/navigation/Stepper/stepper.cva.d.ts +73 -86
- package/dist/components/navigation/Stepper/stepper.cva.js +7 -7
- package/dist/components/navigation/Stepper/stepper.types.d.ts +29 -37
- package/dist/components/outline.clsx.d.ts +4 -2
- package/dist/components/outline.clsx.js +2 -2
- package/dist/components/overlays/ActionModal/ActionModal.d.ts +23 -21
- package/dist/components/overlays/ActionModal/ActionModal.js +170 -36
- package/dist/components/overlays/BottomSheet/BottomSheet.d.ts +30 -28
- package/dist/components/overlays/BottomSheet/BottomSheet.js +13 -10
- package/dist/components/overlays/BottomSheet/BottomSheetHeader.js +2 -2
- package/dist/components/overlays/Drawer/Drawer.d.ts +17 -14
- package/dist/components/overlays/Drawer/Drawer.js +3 -3
- package/dist/components/overlays/Modal/Modal.d.ts +18 -14
- package/dist/components/overlays/Modal/Modal.js +3 -1
- package/dist/components/overlays/Modal/modal.cva.d.ts +34 -34
- package/dist/components/overlays/Modal/modal.cva.js +4 -4
- package/dist/components/overlays/ResponsivePopover/ResponsivePopover.d.ts +16 -14
- package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js +110 -29
- package/dist/components/overlays/Tooltip/Tooltip.d.ts +15 -12
- package/dist/components/overlays/Tooltip/Tooltip.js +3 -3
- package/dist/components/overlays/Tooltip/TooltipEllipsis.d.ts +10 -7
- package/dist/components/overlays/Tooltip/TooltipEllipsis.js +2 -2
- package/dist/components/overlays/Tooltip/tooltip.cva.d.ts +39 -45
- package/dist/components/overlays/Tooltip/tooltip.cva.js +4 -4
- package/dist/components/segment/Segment.d.ts +7 -4
- package/dist/components/segment/Segment.js +3 -3
- package/dist/components/segment/SegmentItem.js +2 -2
- package/dist/components/segment/segment.cva.d.ts +20 -18
- package/dist/components/segment/segment.cva.js +2 -2
- package/dist/components/segment/segment.types.d.ts +33 -30
- package/dist/components/shared/pagination/Pagination.d.ts +11 -8
- package/dist/components/shared/pagination/Pagination.js +108 -22
- package/dist/components/shared/pagination/PaginationList.d.ts +17 -14
- package/dist/components/shared/pagination/PaginationList.js +2 -2
- package/dist/components/shared/pagination/minWidth.cva.js +1 -1
- package/dist/components/shared/popover.cva.d.ts +8 -7
- package/dist/components/shared/popover.cva.js +1 -1
- package/dist/components/status/Alert/Alert.d.ts +13 -10
- package/dist/components/status/Alert/Alert.js +97 -30
- package/dist/components/status/Alert/alert.cva.d.ts +21 -18
- package/dist/components/status/Alert/alert.cva.js +1 -1
- package/dist/components/status/Loader/Loader.d.ts +7 -5
- package/dist/components/status/Loader/Loader.js +1 -1
- package/dist/components/status/Loader/loader.cva.d.ts +23 -26
- package/dist/components/status/Loader/loader.cva.js +4 -4
- package/dist/components/status/Toast/Toast.d.ts +15 -12
- package/dist/components/status/Toast/Toast.js +2 -2
- package/dist/components/status/Toast/toast.cva.d.ts +58 -77
- package/dist/components/status/Toast/toast.cva.js +6 -6
- package/dist/components/status/Toast/useToast.d.ts +14 -11
- package/dist/components/status/Toast/useToast.js +1 -1
- package/dist/components/status/shared/status.cva.d.ts +32 -28
- package/dist/components/status/shared/status.cva.js +2 -2
- package/dist/components/table/CellText.d.ts +10 -7
- package/dist/components/table/CellText.js +3 -2
- package/dist/components/table/ColumnConfig.d.ts +12 -9
- package/dist/components/table/ColumnConfig.js +6 -5
- package/dist/components/table/HeaderText.d.ts +10 -7
- package/dist/components/table/HeaderText.js +3 -2
- package/dist/components/table/InfiniteTable.d.ts +10 -8
- package/dist/components/table/InfiniteTable.js +67 -16
- package/dist/components/table/PaginatedTable.d.ts +12 -10
- package/dist/components/table/PaginatedTable.js +1 -1
- package/dist/components/table/Table.d.ts +34 -35
- package/dist/components/table/Table.js +18 -16
- package/dist/components/table/table.cva.d.ts +40 -59
- package/dist/components/table/table.cva.js +7 -7
- package/dist/components/text/Link/Link.d.ts +10 -8
- package/dist/components/text/Link/Link.js +2 -2
- package/dist/components/text/Link/link.cva.d.ts +14 -11
- package/dist/components/text/Link/link.cva.js +1 -1
- package/dist/components/text/Pill/Pill.d.ts +17 -14
- package/dist/components/text/Pill/Pill.js +1 -1
- package/dist/components/text/Tag/Tag.d.ts +17 -14
- package/dist/components/text/Tag/Tag.js +1 -1
- package/dist/components/text/Tag/tag.cva.d.ts +18 -15
- package/dist/components/text/Tag/tag.cva.js +1 -1
- package/dist/components/text/Typography/Typography.d.ts +10 -9
- package/dist/components/text/Typography/Typography.js +23 -8
- package/dist/components/text/Typography/typography.cva.d.ts +51 -48
- package/dist/components/text/Typography/typography.cva.js +1 -1
- package/dist/config/confirmation.context.d.ts +22 -19
- package/dist/config/confirmation.context.js +2 -2
- package/dist/config/i18n.d.ts +311 -308
- package/dist/config/i18n.js +4 -4
- package/dist/config/link.context.d.ts +9 -7
- package/dist/config/link.context.js +2 -2
- package/dist/config/router.context.d.ts +11 -9
- package/dist/config/router.context.js +2 -2
- package/dist/config/theme.context.d.ts +19 -16
- package/dist/config/theme.context.js +99 -46
- package/dist/config/uiConfig.context.d.ts +80 -75
- package/dist/config/uiConfig.context.js +46 -9
- package/dist/config/uiOverrides.context.d.ts +205 -204
- package/dist/config/uiOverrides.context.js +2 -2
- package/dist/helpers/dynamicColumns.d.ts +27 -28
- package/dist/helpers/dynamicColumns.js +32 -31
- package/dist/helpers/dynamicInputs.d.ts +66 -74
- package/dist/helpers/dynamicInputs.js +21 -20
- package/dist/hooks/useAutosave.d.ts +12 -9
- package/dist/hooks/useAutosave.js +1 -1
- package/dist/hooks/useBreakpoint.d.ts +4 -2
- package/dist/hooks/useBreakpoint.js +37 -10
- package/dist/hooks/useDebounceCallback.d.ts +7 -4
- package/dist/hooks/useDebounceCallback.js +51 -17
- package/dist/hooks/useDeepCompare.d.ts +7 -4
- package/dist/hooks/useDeepCompare.js +4 -4
- package/dist/hooks/useFilters.d.ts +10 -7
- package/dist/hooks/useFilters.js +8 -6
- package/dist/hooks/useForm.d.ts +35 -35
- package/dist/hooks/useForm.js +6 -6
- package/dist/hooks/useFormAutosave.d.ts +16 -13
- package/dist/hooks/useFormAutosave.js +18 -17
- package/dist/hooks/useIntersectionObserver.d.ts +7 -5
- package/dist/hooks/useIntersectionObserver.js +2 -2
- package/dist/hooks/useKeyInteractions.d.ts +19 -16
- package/dist/hooks/useKeyInteractions.js +5 -5
- package/dist/hooks/useLocalStorage.d.ts +10 -8
- package/dist/hooks/useLocalStorage.js +3 -3
- package/dist/hooks/useLongPressRepeat.d.ts +10 -7
- package/dist/hooks/useLongPressRepeat.js +55 -20
- package/dist/hooks/usePagination.d.ts +9 -6
- package/dist/hooks/usePagination.js +2 -2
- package/dist/hooks/useQueryAutocomplete.js +2 -2
- package/dist/hooks/useScrollableListBox.d.ts +5 -2
- package/dist/hooks/useScrollableListBox.js +1 -1
- package/dist/hooks/useSorting.d.ts +8 -5
- package/dist/hooks/useSorting.js +1 -1
- package/dist/hooks/useStateAndRef.d.ts +5 -3
- package/dist/hooks/useStateAndRef.js +2 -2
- package/dist/hooks/useTableColumnConfig.d.ts +15 -13
- package/dist/hooks/useTableColumnConfig.js +1 -1
- package/dist/hooks/useTableNav.d.ts +79 -77
- package/dist/hooks/useTableNav.js +19 -37
- package/dist/hooks/useTranslationMemo.d.ts +5 -3
- package/dist/index.d.ts +145 -1
- package/dist/index.js +3 -3
- package/dist/rhf/Inputs.d.ts +55 -54
- package/dist/rhf/Inputs.js +62 -17
- package/dist/rhf/components.d.ts +77 -75
- package/dist/rhf/components.js +27 -27
- package/dist/rhf/dynamicInputs.d.ts +16 -14
- package/dist/rhf/dynamicInputs.js +1 -1
- package/dist/rhf/fieldAdapter.d.ts +8 -6
- package/dist/rhf/form.types.d.ts +11 -10
- package/dist/rhf/useAutosave.d.ts +12 -9
- package/dist/rhf/useForm.d.ts +13 -13
- package/dist/rhf/useFormAutosave.d.ts +17 -14
- package/dist/rhf/useFormAutosave.js +121 -34
- package/dist/rhf.d.ts +146 -225
- package/dist/rhf.js +120 -0
- package/dist/tanstack.d.ts +151 -224
- package/dist/tanstack.js +3 -3
- package/dist/text-editor.d.ts +2 -2
- package/dist/tw-ui-plugin.d.ts +4 -2
- package/dist/tw-ui-plugin.js +1 -1
- package/dist/types/common.d.ts +11 -12
- package/dist/types/error-handling.d.ts +8 -5
- package/dist/utils/array.utils.d.ts +5 -2
- package/dist/utils/array.utils.js +1 -1
- package/dist/utils/compoundMapper.d.ts +12 -14
- package/dist/utils/compoundMapper.js +1 -1
- package/dist/utils/date-time.utils.d.ts +44 -41
- package/dist/utils/date-time.utils.js +7 -9
- package/dist/utils/date.utils.d.ts +6 -4
- package/dist/utils/date.utils.js +29 -6
- package/dist/utils/dom.utils.d.ts +7 -4
- package/dist/utils/dom.utils.js +2 -2
- package/dist/utils/file.utils.d.ts +20 -12
- package/dist/utils/file.utils.js +19 -8
- package/dist/utils/intl.utils.d.ts +7 -5
- package/dist/utils/intl.utils.js +2 -2
- package/dist/utils/isEqual.d.ts +4 -1
- package/dist/utils/isEqual.js +3 -3
- package/dist/utils/logger.d.ts +9 -6
- package/dist/utils/logger.js +1 -1
- package/dist/utils/object.utils.d.ts +12 -9
- package/dist/utils/object.utils.js +1 -1
- package/dist/utils/queries.utils.d.ts +6 -3
- package/dist/utils/queries.utils.js +1 -1
- package/dist/utils/query.utils.js +1 -1
- package/dist/utils/routing.utils.d.ts +6 -3
- package/dist/utils/routing.utils.js +1 -1
- package/dist/utils/string.utils.d.ts +6 -3
- package/dist/utils/string.utils.js +1 -1
- package/dist/utils/style-merge.util.d.ts +38 -41
- package/dist/utils/style-merge.util.js +7 -4
- package/dist/utils/zod.utils.d.ts +22 -19
- package/dist/utils/zod.utils.js +1 -1
- package/package.json +30 -8
- 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/Menu/MenuDesktop.d.ts +0 -2
- package/dist/components/Menu/MenuMobile.d.ts +0 -2
- package/dist/components/buttons/shared/ButtonContent.d.ts +0 -14
- package/dist/components/inputs/Checkbox/CheckboxCheckmark.d.ts +0 -9
- package/dist/components/inputs/DateTime/shared/Calendar.d.ts +0 -29
- package/dist/components/inputs/DateTime/shared/CalendarCell.d.ts +0 -22
- package/dist/components/inputs/DateTime/shared/CalendarGrid.d.ts +0 -27
- package/dist/components/inputs/DateTime/shared/CalendarHeader.d.ts +0 -18
- package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.d.ts +0 -17
- package/dist/components/inputs/DateTime/shared/DateField.d.ts +0 -21
- package/dist/components/inputs/DateTime/shared/DateSegmentItem.d.ts +0 -28
- package/dist/components/inputs/DateTime/shared/DateTimeDialog.d.ts +0 -18
- package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.d.ts +0 -8
- package/dist/components/inputs/DateTime/shared/MonthPicker.d.ts +0 -11
- package/dist/components/inputs/DateTime/shared/RangeCalendar.d.ts +0 -26
- package/dist/components/inputs/DateTime/shared/TimeField.d.ts +0 -12
- package/dist/components/inputs/DateTime/shared/TimePickerForm.d.ts +0 -10
- package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts +0 -25
- package/dist/components/inputs/DateTime/shared/YearPicker.d.ts +0 -12
- package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.d.ts +0 -15
- package/dist/components/inputs/DateTime/shared/dateSegment.utils.d.ts +0 -2
- package/dist/components/inputs/DateTime/shared/dateSegment.utils.spec.d.ts +0 -1
- package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.d.ts +0 -41
- package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.spec.d.ts +0 -1
- package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.d.ts +0 -2
- package/dist/components/inputs/File/index.d.ts +0 -9
- package/dist/components/inputs/File/shared/FileCard.d.ts +0 -9
- package/dist/components/inputs/File/shared/FileCardList.d.ts +0 -9
- package/dist/components/inputs/File/shared/FileUploadContent.d.ts +0 -10
- package/dist/components/inputs/File/shared/FileUploadContentEmpty.d.ts +0 -9
- package/dist/components/inputs/File/shared/FileUploadContentError.d.ts +0 -11
- package/dist/components/inputs/File/shared/FileUploadContentFilled.d.ts +0 -11
- package/dist/components/inputs/File/shared/FileUploadContentLoading.d.ts +0 -9
- package/dist/components/inputs/File/shared/InputUploadContent.d.ts +0 -9
- package/dist/components/inputs/File/shared/InputUploadFilled.d.ts +0 -8
- package/dist/components/inputs/FormField/FormFieldHeaderClose.d.ts +0 -5
- package/dist/components/inputs/FormField/FormFieldHelper.d.ts +0 -8
- package/dist/components/inputs/FormField/FormFieldLabel.d.ts +0 -13
- package/dist/components/inputs/Input/shared/numberStatic.utils.d.ts +0 -1
- package/dist/components/inputs/Selection/shared/SelectDesktop.d.ts +0 -5
- package/dist/components/inputs/Selection/shared/SelectInput.d.ts +0 -15
- package/dist/components/inputs/Selection/shared/SelectInputTags.d.ts +0 -12
- package/dist/components/inputs/Selection/shared/SelectListBox.d.ts +0 -9
- package/dist/components/inputs/Selection/shared/SelectListBoxItem.d.ts +0 -7
- package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.d.ts +0 -4
- package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.d.ts +0 -6
- package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.d.ts +0 -5
- package/dist/components/inputs/Selection/shared/SelectMobile.d.ts +0 -5
- package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.d.ts +0 -9
- package/dist/components/inputs/Selection/shared/select.context.d.ts +0 -32
- package/dist/components/inputs/Selection/shared/staticSelect.utils.d.ts +0 -23
- package/dist/components/inputs/Selection/shared/staticSelect.utils.spec.d.ts +0 -1
- package/dist/components/inputs/Selection/shared/useSelectItems.d.ts +0 -23
- package/dist/components/inputs/Skeleton/InputFrame.d.ts +0 -84
- package/dist/components/inputs/TextEditor/Toolbar/ColorPicker.d.ts +0 -7
- package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.d.ts +0 -10
- package/dist/components/inputs/TextEditor/Toolbar/HyperlinkAction.d.ts +0 -2
- package/dist/components/inputs/TextEditor/Toolbar/TextAlignSelect.d.ts +0 -2
- package/dist/components/inputs/TextEditor/Toolbar/TextColorSelect.d.ts +0 -2
- package/dist/components/inputs/TextEditor/Toolbar/TextEditorToolbar.d.ts +0 -6
- package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.d.ts +0 -2
- package/dist/components/inputs/TextEditor/Toolbar/TextListActions.d.ts +0 -2
- package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.d.ts +0 -2
- package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.d.ts +0 -2
- package/dist/components/inputs/TextEditor/textEditor.types.d.ts +0 -5
- package/dist/components/inputs/shared/CheckContent.d.ts +0 -9
- package/dist/components/inputs/shared/InputClear.d.ts +0 -10
- package/dist/components/inputs/shared/TooltipWrapper.d.ts +0 -10
- package/dist/components/inputs/shared/useStaticInputHandoff.d.ts +0 -15
- package/dist/components/navigation/Accordion/AccordionItem.d.ts +0 -2
- package/dist/components/navigation/Stepper/StepperItem.d.ts +0 -2
- package/dist/components/navigation/Stepper/StepperSeparator.d.ts +0 -5
- package/dist/components/overlays/BottomSheet/BottomSheetHeader.d.ts +0 -13
- package/dist/components/segment/SegmentItem.d.ts +0 -2
- package/dist/components/shared/pagination/minWidth.cva.d.ts +0 -3
- package/dist/hooks/useFormAutosave.spec.d.ts +0 -1
- package/dist/hooks/useKeyInteractions.spec.d.ts +0 -1
- package/dist/hooks/useQueryAutocomplete.d.ts +0 -13
- package/dist/rhf/entrypoints.type-test.d.ts +0 -1
- package/dist/types/react-query.d.ts +0 -6
- package/dist/utils/array.utils.spec.d.ts +0 -1
- package/dist/utils/compoundMapper.spec.d.ts +0 -1
- package/dist/utils/date-time.utils.spec.d.ts +0 -1
- package/dist/utils/date.utils.spec.d.ts +0 -1
- package/dist/utils/intl.utils.spec.d.ts +0 -1
- package/dist/utils/query.utils.d.ts +0 -4
- package/dist/utils/rest.utils.d.ts +0 -10
- package/dist/utils/rest.utils.js +0 -33
- package/dist/utils/style-merge.util.spec.d.ts +0 -1
|
@@ -2,16 +2,31 @@ import { Typography } from "../../text/Typography/Typography.js";
|
|
|
2
2
|
import "../../../config/i18n.js";
|
|
3
3
|
import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
|
|
4
4
|
import { PaginationList } from "./PaginationList.js";
|
|
5
|
+
import { c } from "react/compiler-runtime";
|
|
5
6
|
import { clsx } from "clsx";
|
|
6
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
8
|
import { useTranslation } from "react-i18next";
|
|
8
9
|
//#region src/components/shared/pagination/Pagination.tsx
|
|
9
|
-
|
|
10
|
+
const Pagination = (t0) => {
|
|
11
|
+
const $ = c(34);
|
|
12
|
+
const { size: t1, variant: t2, color: t3, page, totalItems, totalPages, pageSize, hideText: t4, hideFirstLast: t5, hidePrevNext: t6, hideNumbers: t7, className, onPageChange, onPageSizeChange } = t0;
|
|
13
|
+
const size = t1 === void 0 ? "s" : t1;
|
|
14
|
+
const variant = t2 === void 0 ? "subtle" : t2;
|
|
15
|
+
const color = t3 === void 0 ? "secondary" : t3;
|
|
16
|
+
const hideText = t4 === void 0 ? true : t4;
|
|
17
|
+
const hideFirstLast = t5 === void 0 ? true : t5;
|
|
18
|
+
const hidePrevNext = t6 === void 0 ? false : t6;
|
|
19
|
+
const hideNumbers = t7 === void 0 ? false : t7;
|
|
10
20
|
const { t } = useTranslation("ui");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
21
|
+
let t8;
|
|
22
|
+
if ($[0] !== className) {
|
|
23
|
+
t8 = clsx("flex items-center gap-2", className);
|
|
24
|
+
$[0] = className;
|
|
25
|
+
$[1] = t8;
|
|
26
|
+
} else t8 = $[1];
|
|
27
|
+
let t9;
|
|
28
|
+
if ($[2] !== color || $[3] !== hideFirstLast || $[4] !== hideNumbers || $[5] !== hidePrevNext || $[6] !== hideText || $[7] !== onPageChange || $[8] !== page || $[9] !== pageSize || $[10] !== size || $[11] !== totalItems || $[12] !== totalPages || $[13] !== variant) {
|
|
29
|
+
t9 = totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
|
|
15
30
|
page,
|
|
16
31
|
size,
|
|
17
32
|
color,
|
|
@@ -22,24 +37,95 @@ var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, t
|
|
|
22
37
|
hideNumbers,
|
|
23
38
|
totalPages: totalPages ?? Math.ceil(totalItems / pageSize),
|
|
24
39
|
onPageChange
|
|
25
|
-
})
|
|
40
|
+
});
|
|
41
|
+
$[2] = color;
|
|
42
|
+
$[3] = hideFirstLast;
|
|
43
|
+
$[4] = hideNumbers;
|
|
44
|
+
$[5] = hidePrevNext;
|
|
45
|
+
$[6] = hideText;
|
|
46
|
+
$[7] = onPageChange;
|
|
47
|
+
$[8] = page;
|
|
48
|
+
$[9] = pageSize;
|
|
49
|
+
$[10] = size;
|
|
50
|
+
$[11] = totalItems;
|
|
51
|
+
$[12] = totalPages;
|
|
52
|
+
$[13] = variant;
|
|
53
|
+
$[14] = t9;
|
|
54
|
+
} else t9 = $[14];
|
|
55
|
+
let t10;
|
|
56
|
+
if ($[15] !== t) {
|
|
57
|
+
t10 = t(_temp);
|
|
58
|
+
$[15] = t;
|
|
59
|
+
$[16] = t10;
|
|
60
|
+
} else t10 = $[16];
|
|
61
|
+
let t11;
|
|
62
|
+
if ($[17] !== t10) {
|
|
63
|
+
t11 = /* @__PURE__ */ jsx(Typography, {
|
|
64
|
+
variant: "default",
|
|
65
|
+
size: "label-2",
|
|
66
|
+
as: "span",
|
|
67
|
+
className: "whitespace-nowrap text-text-default-1",
|
|
68
|
+
children: t10
|
|
69
|
+
});
|
|
70
|
+
$[17] = t10;
|
|
71
|
+
$[18] = t11;
|
|
72
|
+
} else t11 = $[18];
|
|
73
|
+
let t12;
|
|
74
|
+
if ($[19] !== onPageSizeChange) {
|
|
75
|
+
t12 = (value) => onPageSizeChange?.(Number(value));
|
|
76
|
+
$[19] = onPageSizeChange;
|
|
77
|
+
$[20] = t12;
|
|
78
|
+
} else t12 = $[20];
|
|
79
|
+
let t13;
|
|
80
|
+
if ($[21] !== t) {
|
|
81
|
+
t13 = t(_temp2);
|
|
82
|
+
$[21] = t;
|
|
83
|
+
$[22] = t13;
|
|
84
|
+
} else t13 = $[22];
|
|
85
|
+
let t14;
|
|
86
|
+
if ($[23] !== pageSize || $[24] !== t12 || $[25] !== t13) {
|
|
87
|
+
t14 = /* @__PURE__ */ jsx(NumberInput, {
|
|
88
|
+
value: pageSize,
|
|
89
|
+
onChange: t12,
|
|
90
|
+
label: t13,
|
|
91
|
+
hideLabel: true,
|
|
92
|
+
className: "w-min",
|
|
93
|
+
inputClassName: "min-w-12 !px-3 !py-0-5"
|
|
94
|
+
});
|
|
95
|
+
$[23] = pageSize;
|
|
96
|
+
$[24] = t12;
|
|
97
|
+
$[25] = t13;
|
|
98
|
+
$[26] = t14;
|
|
99
|
+
} else t14 = $[26];
|
|
100
|
+
let t15;
|
|
101
|
+
if ($[27] !== t11 || $[28] !== t14) {
|
|
102
|
+
t15 = /* @__PURE__ */ jsxs("div", {
|
|
26
103
|
className: "flex items-center gap-2",
|
|
27
|
-
children: [
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
104
|
+
children: [t11, t14]
|
|
105
|
+
});
|
|
106
|
+
$[27] = t11;
|
|
107
|
+
$[28] = t14;
|
|
108
|
+
$[29] = t15;
|
|
109
|
+
} else t15 = $[29];
|
|
110
|
+
let t16;
|
|
111
|
+
if ($[30] !== t15 || $[31] !== t8 || $[32] !== t9) {
|
|
112
|
+
t16 = /* @__PURE__ */ jsxs("nav", {
|
|
113
|
+
id: "pagination",
|
|
114
|
+
className: t8,
|
|
115
|
+
children: [t9, t15]
|
|
116
|
+
});
|
|
117
|
+
$[30] = t15;
|
|
118
|
+
$[31] = t8;
|
|
119
|
+
$[32] = t9;
|
|
120
|
+
$[33] = t16;
|
|
121
|
+
} else t16 = $[33];
|
|
122
|
+
return t16;
|
|
43
123
|
};
|
|
124
|
+
function _temp($) {
|
|
125
|
+
return $.ui.pagination.resultsPerPage;
|
|
126
|
+
}
|
|
127
|
+
function _temp2($_0) {
|
|
128
|
+
return $_0.ui.pagination.resultsPerPage;
|
|
129
|
+
}
|
|
44
130
|
//#endregion
|
|
45
131
|
export { Pagination };
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
import { ButtonProps } from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { ButtonProps } from "../../buttons/Button/Button.js";
|
|
2
|
+
//#region src/components/shared/pagination/PaginationList.d.ts
|
|
3
|
+
interface PaginationListProps {
|
|
4
|
+
page: number;
|
|
5
|
+
totalPages: number;
|
|
6
|
+
hideText?: boolean;
|
|
7
|
+
hideFirstLast?: boolean;
|
|
8
|
+
hidePrevNext?: boolean;
|
|
9
|
+
hideNumbers?: boolean;
|
|
10
|
+
size?: Exclude<ButtonProps["size"], "none">;
|
|
11
|
+
color?: ButtonProps["color"];
|
|
12
|
+
variant?: ButtonProps["variant"];
|
|
13
|
+
className?: string;
|
|
14
|
+
onPageChange?: (page: number) => void;
|
|
14
15
|
}
|
|
15
|
-
|
|
16
|
+
declare const PaginationList: ({ page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange }: PaginationListProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { PaginationList, PaginationListProps };
|
|
@@ -2,12 +2,12 @@ import { Button } from "../../buttons/Button/Button.js";
|
|
|
2
2
|
import "../../../config/i18n.js";
|
|
3
3
|
import { minWidth } from "./minWidth.cva.js";
|
|
4
4
|
import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
|
|
5
|
-
import { clsx } from "clsx";
|
|
6
5
|
import { c } from "react/compiler-runtime";
|
|
6
|
+
import { clsx } from "clsx";
|
|
7
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
import { useTranslation } from "react-i18next";
|
|
9
9
|
//#region src/components/shared/pagination/PaginationList.tsx
|
|
10
|
-
|
|
10
|
+
const PaginationList = (t0) => {
|
|
11
11
|
const $ = c(61);
|
|
12
12
|
const { page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange } = t0;
|
|
13
13
|
const { t } = useTranslation("ui");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cva } from "class-variance-authority";
|
|
2
2
|
//#region src/components/shared/pagination/minWidth.cva.ts
|
|
3
|
-
|
|
3
|
+
const minWidth = cva("", { variants: { size: {
|
|
4
4
|
xxs: ["min-w-button-width-min-width-xxs"],
|
|
5
5
|
xs: ["min-w-button-width-min-width-xs"],
|
|
6
6
|
s: ["min-w-button-width-min-width-s"],
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { StyleMergeUtils } from "../../utils/style-merge.util.js";
|
|
2
|
+
import "../../config/uiOverrides.context.js";
|
|
3
|
+
//#region src/components/shared/popover.cva.d.ts
|
|
4
|
+
declare const popoverDefinition: {
|
|
5
|
+
base: string[];
|
|
6
|
+
config?: StyleMergeUtils.Config<Record<never, never>>;
|
|
5
7
|
};
|
|
6
|
-
|
|
7
|
-
export
|
|
8
|
-
}
|
|
8
|
+
//#endregion
|
|
9
|
+
export { popoverDefinition };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { UIOverrides } from "../../config/uiOverrides.context.js";
|
|
2
2
|
//#region src/components/shared/popover.cva.ts
|
|
3
|
-
|
|
3
|
+
const popoverDefinition = UIOverrides.defineConfig({ base: ["rounded-list-rounding-dropdown border border-elevation-outline-default-1 border-solid bg-elevation-fill-default-1 shadow-5 outline-none"] });
|
|
4
4
|
//#endregion
|
|
5
5
|
export { popoverDefinition };
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { AlertVariantProps } from "./alert.cva.js";
|
|
2
|
+
import { FC, ReactNode, SVGProps } from "react";
|
|
3
|
+
//#region src/components/status/Alert/Alert.d.ts
|
|
4
|
+
interface AlertProps extends AlertVariantProps {
|
|
5
|
+
text: string;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
8
|
+
rightContent?: ReactNode;
|
|
9
|
+
hasSeparator?: boolean;
|
|
10
|
+
className?: string;
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
+
declare const Alert: ({ variant, color, text, isLoading, rightContent, hasSeparator, icon: Icon, className }: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { Alert, AlertProps };
|
|
@@ -3,45 +3,112 @@ import { Typography } from "../../text/Typography/Typography.js";
|
|
|
3
3
|
import { Loader } from "../Loader/Loader.js";
|
|
4
4
|
import { alertDefinition } from "./alert.cva.js";
|
|
5
5
|
import { statusIconDefinition, statusSeparatorDefinition } from "../shared/status.cva.js";
|
|
6
|
+
import { c } from "react/compiler-runtime";
|
|
6
7
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
8
|
//#region src/components/status/Alert/Alert.tsx
|
|
8
|
-
|
|
9
|
+
const Alert = (t0) => {
|
|
10
|
+
const $ = c(31);
|
|
11
|
+
const { variant, color, text, isLoading: t1, rightContent, hasSeparator, icon: Icon, className } = t0;
|
|
12
|
+
const isLoading = t1 === void 0 ? false : t1;
|
|
9
13
|
const alertCva = UIOverrides.useCva("alert.cva", alertDefinition);
|
|
10
14
|
const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
|
|
11
15
|
const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
let t2;
|
|
17
|
+
if ($[0] !== alertCva || $[1] !== className || $[2] !== color || $[3] !== variant) {
|
|
18
|
+
t2 = alertCva({
|
|
14
19
|
variant,
|
|
15
20
|
color,
|
|
16
21
|
className
|
|
17
|
-
})
|
|
18
|
-
|
|
22
|
+
});
|
|
23
|
+
$[0] = alertCva;
|
|
24
|
+
$[1] = className;
|
|
25
|
+
$[2] = color;
|
|
26
|
+
$[3] = variant;
|
|
27
|
+
$[4] = t2;
|
|
28
|
+
} else t2 = $[4];
|
|
29
|
+
let t3;
|
|
30
|
+
if ($[5] !== isLoading) {
|
|
31
|
+
t3 = isLoading && /* @__PURE__ */ jsx(Loader, {
|
|
32
|
+
size: "default",
|
|
33
|
+
className: "shrink-0"
|
|
34
|
+
});
|
|
35
|
+
$[5] = isLoading;
|
|
36
|
+
$[6] = t3;
|
|
37
|
+
} else t3 = $[6];
|
|
38
|
+
let t4;
|
|
39
|
+
if ($[7] !== Icon || $[8] !== color || $[9] !== iconCva || $[10] !== isLoading || $[11] !== variant) {
|
|
40
|
+
t4 = !isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
|
|
41
|
+
variant,
|
|
42
|
+
color
|
|
43
|
+
}) });
|
|
44
|
+
$[7] = Icon;
|
|
45
|
+
$[8] = color;
|
|
46
|
+
$[9] = iconCva;
|
|
47
|
+
$[10] = isLoading;
|
|
48
|
+
$[11] = variant;
|
|
49
|
+
$[12] = t4;
|
|
50
|
+
} else t4 = $[12];
|
|
51
|
+
let t5;
|
|
52
|
+
if ($[13] !== text) {
|
|
53
|
+
t5 = /* @__PURE__ */ jsx(Typography, {
|
|
54
|
+
size: "label-2",
|
|
55
|
+
children: text
|
|
56
|
+
});
|
|
57
|
+
$[13] = text;
|
|
58
|
+
$[14] = t5;
|
|
59
|
+
} else t5 = $[14];
|
|
60
|
+
let t6;
|
|
61
|
+
if ($[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
|
|
62
|
+
t6 = /* @__PURE__ */ jsxs("div", {
|
|
63
|
+
className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
|
|
64
|
+
children: [
|
|
65
|
+
t3,
|
|
66
|
+
t4,
|
|
67
|
+
t5
|
|
68
|
+
]
|
|
69
|
+
});
|
|
70
|
+
$[15] = t3;
|
|
71
|
+
$[16] = t4;
|
|
72
|
+
$[17] = t5;
|
|
73
|
+
$[18] = t6;
|
|
74
|
+
} else t6 = $[18];
|
|
75
|
+
let t7;
|
|
76
|
+
if ($[19] !== color || $[20] !== hasSeparator || $[21] !== rightContent || $[22] !== separatorCva || $[23] !== variant) {
|
|
77
|
+
t7 = !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
|
|
78
|
+
variant,
|
|
79
|
+
color
|
|
80
|
+
}) }), /* @__PURE__ */ jsx("div", {
|
|
81
|
+
className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
|
|
82
|
+
children: rightContent
|
|
83
|
+
})] });
|
|
84
|
+
$[19] = color;
|
|
85
|
+
$[20] = hasSeparator;
|
|
86
|
+
$[21] = rightContent;
|
|
87
|
+
$[22] = separatorCva;
|
|
88
|
+
$[23] = variant;
|
|
89
|
+
$[24] = t7;
|
|
90
|
+
} else t7 = $[24];
|
|
91
|
+
let t8;
|
|
92
|
+
if ($[25] !== t6 || $[26] !== t7) {
|
|
93
|
+
t8 = /* @__PURE__ */ jsxs("div", {
|
|
19
94
|
className: "flex w-auto flex-col items-center md:flex-row",
|
|
20
|
-
children: [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
variant,
|
|
38
|
-
color
|
|
39
|
-
}) }), /* @__PURE__ */ jsx("div", {
|
|
40
|
-
className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
|
|
41
|
-
children: rightContent
|
|
42
|
-
})] })]
|
|
43
|
-
})
|
|
44
|
-
});
|
|
95
|
+
children: [t6, t7]
|
|
96
|
+
});
|
|
97
|
+
$[25] = t6;
|
|
98
|
+
$[26] = t7;
|
|
99
|
+
$[27] = t8;
|
|
100
|
+
} else t8 = $[27];
|
|
101
|
+
let t9;
|
|
102
|
+
if ($[28] !== t2 || $[29] !== t8) {
|
|
103
|
+
t9 = /* @__PURE__ */ jsx("div", {
|
|
104
|
+
className: t2,
|
|
105
|
+
children: t8
|
|
106
|
+
});
|
|
107
|
+
$[28] = t2;
|
|
108
|
+
$[29] = t8;
|
|
109
|
+
$[30] = t9;
|
|
110
|
+
} else t9 = $[30];
|
|
111
|
+
return t9;
|
|
45
112
|
};
|
|
46
113
|
//#endregion
|
|
47
114
|
export { Alert };
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
|
|
2
|
+
import { UIOverrides } from "../../../config/uiOverrides.context.js";
|
|
3
|
+
//#region src/components/status/Alert/alert.cva.d.ts
|
|
4
|
+
declare const alertDefinition: {
|
|
5
|
+
base: string[];
|
|
6
|
+
config: StyleMergeUtils.Config<{
|
|
7
|
+
readonly variant: {
|
|
8
|
+
readonly outlined: "border bg-elevation-fill-default-1 text-text-default-1";
|
|
9
|
+
readonly contained: "text-text-inverted-1";
|
|
10
|
+
};
|
|
11
|
+
readonly color: {
|
|
12
|
+
readonly neutral: "";
|
|
13
|
+
readonly success: "";
|
|
14
|
+
readonly warning: "";
|
|
15
|
+
readonly error: "";
|
|
16
|
+
};
|
|
17
|
+
}>;
|
|
16
18
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
type AlertConfig = NonNullable<typeof alertDefinition.config>;
|
|
20
|
+
interface AlertVariantProps extends UIOverrides.VariantProps<AlertConfig> {}
|
|
21
|
+
//#endregion
|
|
22
|
+
export { AlertConfig, AlertVariantProps, alertDefinition };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { UIOverrides } from "../../../config/uiOverrides.context.js";
|
|
2
2
|
//#region src/components/status/Alert/alert.cva.ts
|
|
3
|
-
|
|
3
|
+
const alertDefinition = UIOverrides.defineConfig({
|
|
4
4
|
base: ["min-h-0 overflow-hidden rounded-alert-rounding-default p-0"],
|
|
5
5
|
config: {
|
|
6
6
|
variants: {
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
|
|
1
|
+
import { LoaderVariantProps } from "./loader.cva.js";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
//#region src/components/status/Loader/Loader.d.ts
|
|
4
|
+
interface LoaderProps extends LoaderVariantProps, SVGProps<SVGSVGElement> {}
|
|
5
|
+
declare const Loader: ({ size, className, ...props }: Omit<LoaderProps, "color">) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { Loader, LoaderProps };
|
|
@@ -2,7 +2,7 @@ import { loader, loaderWrapper } from "./loader.cva.js";
|
|
|
2
2
|
import { c } from "react/compiler-runtime";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
//#region src/components/status/Loader/Loader.tsx
|
|
5
|
-
|
|
5
|
+
const Loader = (t0) => {
|
|
6
6
|
const $ = c(18);
|
|
7
7
|
let className;
|
|
8
8
|
let props;
|
|
@@ -1,28 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
|
|
2
|
+
import { UIOverrides } from "../../../config/uiOverrides.context.js";
|
|
3
|
+
//#region src/components/status/Loader/loader.cva.d.ts
|
|
4
|
+
declare const loaderWrapperDefinition: {
|
|
5
|
+
base: string[];
|
|
6
|
+
config: StyleMergeUtils.Config<{
|
|
7
|
+
readonly size: {
|
|
8
|
+
readonly default: "size-6";
|
|
9
|
+
readonly l: "size-16";
|
|
10
|
+
};
|
|
11
|
+
}>;
|
|
10
12
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
readonly l: "size-8";
|
|
20
|
-
};
|
|
21
|
-
}>;
|
|
13
|
+
declare const loaderDefinition: {
|
|
14
|
+
base: string[];
|
|
15
|
+
config: StyleMergeUtils.Config<{
|
|
16
|
+
readonly size: {
|
|
17
|
+
readonly default: "size-3-5";
|
|
18
|
+
readonly l: "size-8";
|
|
19
|
+
};
|
|
20
|
+
}>;
|
|
22
21
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
export
|
|
27
|
-
export interface LoaderVariantProps extends UIOverrides.VariantProps<LoaderConfig> {
|
|
28
|
-
}
|
|
22
|
+
type LoaderConfig = NonNullable<typeof loaderDefinition.config>;
|
|
23
|
+
interface LoaderVariantProps extends UIOverrides.VariantProps<LoaderConfig> {}
|
|
24
|
+
//#endregion
|
|
25
|
+
export { LoaderConfig, LoaderVariantProps, loaderDefinition, loaderWrapperDefinition };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { UIOverrides } from "../../../config/uiOverrides.context.js";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
//#region src/components/status/Loader/loader.cva.ts
|
|
4
|
-
|
|
4
|
+
const loaderWrapperDefinition = UIOverrides.defineConfig({
|
|
5
5
|
base: ["flex items-center justify-center"],
|
|
6
6
|
config: {
|
|
7
7
|
variants: { size: {
|
|
@@ -11,8 +11,8 @@ var loaderWrapperDefinition = UIOverrides.defineConfig({
|
|
|
11
11
|
defaultVariants: { size: "default" }
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
const loaderWrapper = cva(loaderWrapperDefinition.base, loaderWrapperDefinition.config);
|
|
15
|
+
const loaderDefinition = UIOverrides.defineConfig({
|
|
16
16
|
base: ["animate-loader-spin"],
|
|
17
17
|
config: {
|
|
18
18
|
variants: { size: {
|
|
@@ -22,6 +22,6 @@ var loaderDefinition = UIOverrides.defineConfig({
|
|
|
22
22
|
defaultVariants: { size: "default" }
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
|
|
25
|
+
const loader = cva(loaderDefinition.base, loaderDefinition.config);
|
|
26
26
|
//#endregion
|
|
27
27
|
export { loader, loaderDefinition, loaderWrapper, loaderWrapperDefinition };
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { ToastVariantProps } from "./toast.cva.js";
|
|
2
|
+
import { FC, ReactNode, SVGProps } from "react";
|
|
3
|
+
//#region src/components/status/Toast/Toast.d.ts
|
|
4
|
+
interface ToastAction {
|
|
5
|
+
text: string;
|
|
6
|
+
onPress: () => void;
|
|
6
7
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
interface ToastProps extends ToastVariantProps {
|
|
9
|
+
text: ReactNode;
|
|
10
|
+
isLoading?: boolean;
|
|
11
|
+
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
12
|
+
actions?: ToastAction[];
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
declare const Toast: ({ text, isLoading, actions, icon: Icon, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare const ToastContainer: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { Toast, ToastAction, ToastContainer, ToastProps };
|
|
@@ -8,7 +8,7 @@ import { c } from "react/compiler-runtime";
|
|
|
8
8
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
import { ToastContainer } from "react-toastify";
|
|
10
10
|
//#region src/components/status/Toast/Toast.tsx
|
|
11
|
-
|
|
11
|
+
const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
|
|
12
12
|
const uiConfig = UIConfig.useConfig();
|
|
13
13
|
const { variant = uiConfig.toast.variant, ...restProps } = props;
|
|
14
14
|
const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
|
|
@@ -47,7 +47,7 @@ var Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) =>
|
|
|
47
47
|
})] })]
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
|
-
|
|
50
|
+
const ToastContainer$1 = () => {
|
|
51
51
|
const $ = c(6);
|
|
52
52
|
const uiConfig = UIConfig.useConfig();
|
|
53
53
|
const containerCva = UIOverrides.useCva("toast.containerCva", toastContainerDefinition);
|