@vaadin/react-components 24.4.0-alpha10
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/Accordion.d.ts +2 -0
- package/Accordion.d.ts.map +1 -0
- package/Accordion.js +2 -0
- package/Accordion.js.map +7 -0
- package/AccordionHeading.d.ts +2 -0
- package/AccordionHeading.d.ts.map +1 -0
- package/AccordionHeading.js +2 -0
- package/AccordionHeading.js.map +7 -0
- package/AccordionPanel.d.ts +2 -0
- package/AccordionPanel.d.ts.map +1 -0
- package/AccordionPanel.js +2 -0
- package/AccordionPanel.js.map +7 -0
- package/AppLayout.d.ts +2 -0
- package/AppLayout.d.ts.map +1 -0
- package/AppLayout.js +2 -0
- package/AppLayout.js.map +7 -0
- package/Avatar.d.ts +2 -0
- package/Avatar.d.ts.map +1 -0
- package/Avatar.js +2 -0
- package/Avatar.js.map +7 -0
- package/AvatarGroup.d.ts +2 -0
- package/AvatarGroup.d.ts.map +1 -0
- package/AvatarGroup.js +2 -0
- package/AvatarGroup.js.map +7 -0
- package/Button.d.ts +2 -0
- package/Button.d.ts.map +1 -0
- package/Button.js +2 -0
- package/Button.js.map +7 -0
- package/Checkbox.d.ts +2 -0
- package/Checkbox.d.ts.map +1 -0
- package/Checkbox.js +2 -0
- package/Checkbox.js.map +7 -0
- package/CheckboxGroup.d.ts +2 -0
- package/CheckboxGroup.d.ts.map +1 -0
- package/CheckboxGroup.js +2 -0
- package/CheckboxGroup.js.map +7 -0
- package/ComboBox.d.ts +26 -0
- package/ComboBox.d.ts.map +1 -0
- package/ComboBox.js +2 -0
- package/ComboBox.js.map +7 -0
- package/ComboBoxLight.d.ts +25 -0
- package/ComboBoxLight.d.ts.map +1 -0
- package/ComboBoxLight.js +2 -0
- package/ComboBoxLight.js.map +7 -0
- package/ConfirmDialog.d.ts +7 -0
- package/ConfirmDialog.d.ts.map +1 -0
- package/ConfirmDialog.js +2 -0
- package/ConfirmDialog.js.map +7 -0
- package/ContextMenu.d.ts +30 -0
- package/ContextMenu.d.ts.map +1 -0
- package/ContextMenu.js +2 -0
- package/ContextMenu.js.map +7 -0
- package/CustomField.d.ts +2 -0
- package/CustomField.d.ts.map +1 -0
- package/CustomField.js +2 -0
- package/CustomField.js.map +7 -0
- package/DatePicker.d.ts +2 -0
- package/DatePicker.d.ts.map +1 -0
- package/DatePicker.js +2 -0
- package/DatePicker.js.map +7 -0
- package/DatePickerLight.d.ts +2 -0
- package/DatePickerLight.d.ts.map +1 -0
- package/DatePickerLight.js +2 -0
- package/DatePickerLight.js.map +7 -0
- package/DateTimePicker.d.ts +10 -0
- package/DateTimePicker.d.ts.map +1 -0
- package/DateTimePicker.js +2 -0
- package/DateTimePicker.js.map +7 -0
- package/Details.d.ts +2 -0
- package/Details.d.ts.map +1 -0
- package/Details.js +2 -0
- package/Details.js.map +7 -0
- package/DetailsSummary.d.ts +2 -0
- package/DetailsSummary.d.ts.map +1 -0
- package/DetailsSummary.js +2 -0
- package/DetailsSummary.js.map +7 -0
- package/Dialog.d.ts +32 -0
- package/Dialog.d.ts.map +1 -0
- package/Dialog.js +2 -0
- package/Dialog.js.map +7 -0
- package/DrawerToggle.d.ts +2 -0
- package/DrawerToggle.d.ts.map +1 -0
- package/DrawerToggle.js +2 -0
- package/DrawerToggle.js.map +7 -0
- package/EmailField.d.ts +2 -0
- package/EmailField.d.ts.map +1 -0
- package/EmailField.js +2 -0
- package/EmailField.js.map +7 -0
- package/FormItem.d.ts +2 -0
- package/FormItem.d.ts.map +1 -0
- package/FormItem.js +2 -0
- package/FormItem.js.map +7 -0
- package/FormLayout.d.ts +2 -0
- package/FormLayout.d.ts.map +1 -0
- package/FormLayout.js +2 -0
- package/FormLayout.js.map +7 -0
- package/Grid.d.ts +30 -0
- package/Grid.d.ts.map +1 -0
- package/Grid.js +2 -0
- package/Grid.js.map +7 -0
- package/GridColumn.d.ts +49 -0
- package/GridColumn.d.ts.map +1 -0
- package/GridColumn.js +2 -0
- package/GridColumn.js.map +7 -0
- package/GridColumnGroup.d.ts +20 -0
- package/GridColumnGroup.d.ts.map +1 -0
- package/GridColumnGroup.js +2 -0
- package/GridColumnGroup.js.map +7 -0
- package/GridFilter.d.ts +2 -0
- package/GridFilter.d.ts.map +1 -0
- package/GridFilter.js +2 -0
- package/GridFilter.js.map +7 -0
- package/GridFilterColumn.d.ts +37 -0
- package/GridFilterColumn.d.ts.map +1 -0
- package/GridFilterColumn.js +2 -0
- package/GridFilterColumn.js.map +7 -0
- package/GridSelectionColumn.d.ts +51 -0
- package/GridSelectionColumn.d.ts.map +1 -0
- package/GridSelectionColumn.js +2 -0
- package/GridSelectionColumn.js.map +7 -0
- package/GridSortColumn.d.ts +39 -0
- package/GridSortColumn.d.ts.map +1 -0
- package/GridSortColumn.js +2 -0
- package/GridSortColumn.js.map +7 -0
- package/GridSorter.d.ts +2 -0
- package/GridSorter.d.ts.map +1 -0
- package/GridSorter.js +2 -0
- package/GridSorter.js.map +7 -0
- package/GridTreeColumn.d.ts +37 -0
- package/GridTreeColumn.d.ts.map +1 -0
- package/GridTreeColumn.js +2 -0
- package/GridTreeColumn.js.map +7 -0
- package/GridTreeToggle.d.ts +2 -0
- package/GridTreeToggle.d.ts.map +1 -0
- package/GridTreeToggle.js +2 -0
- package/GridTreeToggle.js.map +7 -0
- package/HorizontalLayout.d.ts +2 -0
- package/HorizontalLayout.d.ts.map +1 -0
- package/HorizontalLayout.js +2 -0
- package/HorizontalLayout.js.map +7 -0
- package/Icon.d.ts +2 -0
- package/Icon.d.ts.map +1 -0
- package/Icon.js +2 -0
- package/Icon.js.map +7 -0
- package/Iconset.d.ts +2 -0
- package/Iconset.d.ts.map +1 -0
- package/Iconset.js +2 -0
- package/Iconset.js.map +7 -0
- package/IntegerField.d.ts +2 -0
- package/IntegerField.d.ts.map +1 -0
- package/IntegerField.js +2 -0
- package/IntegerField.js.map +7 -0
- package/Item.d.ts +2 -0
- package/Item.d.ts.map +1 -0
- package/Item.js +2 -0
- package/Item.js.map +7 -0
- package/LICENSE +201 -0
- package/ListBox.d.ts +2 -0
- package/ListBox.d.ts.map +1 -0
- package/ListBox.js +2 -0
- package/ListBox.js.map +7 -0
- package/LoginForm.d.ts +2 -0
- package/LoginForm.d.ts.map +1 -0
- package/LoginForm.js +2 -0
- package/LoginForm.js.map +7 -0
- package/LoginOverlay.d.ts +7 -0
- package/LoginOverlay.d.ts.map +1 -0
- package/LoginOverlay.js +2 -0
- package/LoginOverlay.js.map +7 -0
- package/MenuBar.d.ts +26 -0
- package/MenuBar.d.ts.map +1 -0
- package/MenuBar.js +2 -0
- package/MenuBar.js.map +7 -0
- package/Message.d.ts +2 -0
- package/Message.d.ts.map +1 -0
- package/Message.js +2 -0
- package/Message.js.map +7 -0
- package/MessageInput.d.ts +2 -0
- package/MessageInput.d.ts.map +1 -0
- package/MessageInput.js +2 -0
- package/MessageInput.js.map +7 -0
- package/MessageList.d.ts +2 -0
- package/MessageList.d.ts.map +1 -0
- package/MessageList.js +2 -0
- package/MessageList.js.map +7 -0
- package/MultiSelectComboBox.d.ts +24 -0
- package/MultiSelectComboBox.d.ts.map +1 -0
- package/MultiSelectComboBox.js +2 -0
- package/MultiSelectComboBox.js.map +7 -0
- package/Notification.d.ts +16 -0
- package/Notification.d.ts.map +1 -0
- package/Notification.js +2 -0
- package/Notification.js.map +7 -0
- package/NumberField.d.ts +2 -0
- package/NumberField.d.ts.map +1 -0
- package/NumberField.js +2 -0
- package/NumberField.js.map +7 -0
- package/PasswordField.d.ts +2 -0
- package/PasswordField.d.ts.map +1 -0
- package/PasswordField.js +2 -0
- package/PasswordField.js.map +7 -0
- package/ProgressBar.d.ts +2 -0
- package/ProgressBar.d.ts.map +1 -0
- package/ProgressBar.js +2 -0
- package/ProgressBar.js.map +7 -0
- package/README.md +3 -0
- package/RadioButton.d.ts +2 -0
- package/RadioButton.d.ts.map +1 -0
- package/RadioButton.js +2 -0
- package/RadioButton.js.map +7 -0
- package/RadioGroup.d.ts +2 -0
- package/RadioGroup.d.ts.map +1 -0
- package/RadioGroup.js +2 -0
- package/RadioGroup.js.map +7 -0
- package/Scroller.d.ts +2 -0
- package/Scroller.d.ts.map +1 -0
- package/Scroller.js +2 -0
- package/Scroller.js.map +7 -0
- package/Select.d.ts +22 -0
- package/Select.d.ts.map +1 -0
- package/Select.js +2 -0
- package/Select.js.map +7 -0
- package/SideNav.d.ts +2 -0
- package/SideNav.d.ts.map +1 -0
- package/SideNav.js +2 -0
- package/SideNav.js.map +7 -0
- package/SideNavItem.d.ts +2 -0
- package/SideNavItem.d.ts.map +1 -0
- package/SideNavItem.js +2 -0
- package/SideNavItem.js.map +7 -0
- package/SplitLayout.d.ts +2 -0
- package/SplitLayout.d.ts.map +1 -0
- package/SplitLayout.js +2 -0
- package/SplitLayout.js.map +7 -0
- package/Tab.d.ts +2 -0
- package/Tab.d.ts.map +1 -0
- package/Tab.js +2 -0
- package/Tab.js.map +7 -0
- package/TabSheet.d.ts +61 -0
- package/TabSheet.d.ts.map +1 -0
- package/TabSheet.js +2 -0
- package/TabSheet.js.map +7 -0
- package/Tabs.d.ts +2 -0
- package/Tabs.d.ts.map +1 -0
- package/Tabs.js +2 -0
- package/Tabs.js.map +7 -0
- package/TextArea.d.ts +2 -0
- package/TextArea.d.ts.map +1 -0
- package/TextArea.js +2 -0
- package/TextArea.js.map +7 -0
- package/TextField.d.ts +2 -0
- package/TextField.d.ts.map +1 -0
- package/TextField.js +2 -0
- package/TextField.js.map +7 -0
- package/TimePicker.d.ts +12 -0
- package/TimePicker.d.ts.map +1 -0
- package/TimePicker.js +2 -0
- package/TimePicker.js.map +7 -0
- package/Tooltip.d.ts +2 -0
- package/Tooltip.d.ts.map +1 -0
- package/Tooltip.js +2 -0
- package/Tooltip.js.map +7 -0
- package/Upload.d.ts +2 -0
- package/Upload.d.ts.map +1 -0
- package/Upload.js +2 -0
- package/Upload.js.map +7 -0
- package/VerticalLayout.d.ts +2 -0
- package/VerticalLayout.d.ts.map +1 -0
- package/VerticalLayout.js +2 -0
- package/VerticalLayout.js.map +7 -0
- package/VirtualList.d.ts +23 -0
- package/VirtualList.d.ts.map +1 -0
- package/VirtualList.js +2 -0
- package/VirtualList.js.map +7 -0
- package/css/Lumo.css +15 -0
- package/css/Material.css +13 -0
- package/css/lumo/Badge.css +165 -0
- package/css/lumo/Color.css +119 -0
- package/css/lumo/ColorBase.css +87 -0
- package/css/lumo/Font.css +22 -0
- package/css/lumo/FontIcons.css +55 -0
- package/css/lumo/Globals.css +79 -0
- package/css/lumo/Sizing.css +17 -0
- package/css/lumo/Spacing.css +25 -0
- package/css/lumo/Style.css +21 -0
- package/css/lumo/Typography.css +96 -0
- package/css/lumo/UserColors.css +22 -0
- package/css/lumo/Utility.module.css +47 -0
- package/css/lumo/mixins/FieldButton.css +29 -0
- package/css/lumo/mixins/MenuOverlay.css +66 -0
- package/css/lumo/mixins/MenuOverlayCore.css +32 -0
- package/css/lumo/mixins/Overlay.css +65 -0
- package/css/lumo/mixins/RequiredField.css +114 -0
- package/css/lumo/utilities/Accessibility.module.css +15 -0
- package/css/lumo/utilities/Background.module.css +150 -0
- package/css/lumo/utilities/Border.module.css +141 -0
- package/css/lumo/utilities/Filter.module.css +28 -0
- package/css/lumo/utilities/FlexboxAndGrid.module.css +535 -0
- package/css/lumo/utilities/FlexboxGrid.module.css +3 -0
- package/css/lumo/utilities/Layout.module.css +492 -0
- package/css/lumo/utilities/Shadows.module.css +19 -0
- package/css/lumo/utilities/Sizing.module.css +115 -0
- package/css/lumo/utilities/Spacing.module.css +536 -0
- package/css/lumo/utilities/Transition.module.css +26 -0
- package/css/lumo/utilities/Typography.module.css +338 -0
- package/css/material/Color.css +7 -0
- package/css/material/ColorBase.css +26 -0
- package/css/material/ColorDark.css +47 -0
- package/css/material/ColorLight.css +96 -0
- package/css/material/Font.css +22 -0
- package/css/material/FontIcons.css +28 -0
- package/css/material/Shadow.css +15 -0
- package/css/material/Typography.css +80 -0
- package/css/material/UserColors.css +22 -0
- package/css/material/mixins/FieldButton.css +34 -0
- package/css/material/mixins/Overlay.css +36 -0
- package/css/material/mixins/RequiredField.css +60 -0
- package/generated/Accordion.d.ts +16 -0
- package/generated/Accordion.d.ts.map +1 -0
- package/generated/AccordionHeading.d.ts +9 -0
- package/generated/AccordionHeading.d.ts.map +1 -0
- package/generated/AccordionPanel.d.ts +14 -0
- package/generated/AccordionPanel.d.ts.map +1 -0
- package/generated/AppLayout.d.ts +18 -0
- package/generated/AppLayout.d.ts.map +1 -0
- package/generated/Avatar.d.ts +9 -0
- package/generated/Avatar.d.ts.map +1 -0
- package/generated/AvatarGroup.d.ts +9 -0
- package/generated/AvatarGroup.d.ts.map +1 -0
- package/generated/Button.d.ts +9 -0
- package/generated/Button.d.ts.map +1 -0
- package/generated/Checkbox.d.ts +18 -0
- package/generated/Checkbox.d.ts.map +1 -0
- package/generated/CheckboxGroup.d.ts +18 -0
- package/generated/CheckboxGroup.d.ts.map +1 -0
- package/generated/ComboBox.d.ts +30 -0
- package/generated/ComboBox.d.ts.map +1 -0
- package/generated/ComboBoxLight.d.ts +28 -0
- package/generated/ComboBoxLight.d.ts.map +1 -0
- package/generated/ConfirmDialog.d.ts +20 -0
- package/generated/ConfirmDialog.d.ts.map +1 -0
- package/generated/ContextMenu.d.ts +16 -0
- package/generated/ContextMenu.d.ts.map +1 -0
- package/generated/CustomField.d.ts +20 -0
- package/generated/CustomField.d.ts.map +1 -0
- package/generated/DatePicker.d.ts +24 -0
- package/generated/DatePicker.d.ts.map +1 -0
- package/generated/DatePickerLight.d.ts +22 -0
- package/generated/DatePickerLight.d.ts.map +1 -0
- package/generated/DateTimePicker.d.ts +20 -0
- package/generated/DateTimePicker.d.ts.map +1 -0
- package/generated/Details.d.ts +14 -0
- package/generated/Details.d.ts.map +1 -0
- package/generated/DetailsSummary.d.ts +9 -0
- package/generated/DetailsSummary.d.ts.map +1 -0
- package/generated/Dialog.d.ts +14 -0
- package/generated/Dialog.d.ts.map +1 -0
- package/generated/DrawerToggle.d.ts +9 -0
- package/generated/DrawerToggle.d.ts.map +1 -0
- package/generated/EmailField.d.ts +22 -0
- package/generated/EmailField.d.ts.map +1 -0
- package/generated/FormItem.d.ts +9 -0
- package/generated/FormItem.d.ts.map +1 -0
- package/generated/FormLayout.d.ts +9 -0
- package/generated/FormLayout.d.ts.map +1 -0
- package/generated/Grid.d.ts +38 -0
- package/generated/Grid.d.ts.map +1 -0
- package/generated/GridColumn.d.ts +11 -0
- package/generated/GridColumn.d.ts.map +1 -0
- package/generated/GridColumnGroup.d.ts +11 -0
- package/generated/GridColumnGroup.d.ts.map +1 -0
- package/generated/GridFilter.d.ts +14 -0
- package/generated/GridFilter.d.ts.map +1 -0
- package/generated/GridFilterColumn.d.ts +11 -0
- package/generated/GridFilterColumn.d.ts.map +1 -0
- package/generated/GridSelectionColumn.d.ts +16 -0
- package/generated/GridSelectionColumn.d.ts.map +1 -0
- package/generated/GridSortColumn.d.ts +16 -0
- package/generated/GridSortColumn.d.ts.map +1 -0
- package/generated/GridSorter.d.ts +14 -0
- package/generated/GridSorter.d.ts.map +1 -0
- package/generated/GridTreeColumn.d.ts +11 -0
- package/generated/GridTreeColumn.d.ts.map +1 -0
- package/generated/GridTreeToggle.d.ts +14 -0
- package/generated/GridTreeToggle.d.ts.map +1 -0
- package/generated/HorizontalLayout.d.ts +9 -0
- package/generated/HorizontalLayout.d.ts.map +1 -0
- package/generated/Icon.d.ts +9 -0
- package/generated/Icon.d.ts.map +1 -0
- package/generated/Iconset.d.ts +11 -0
- package/generated/Iconset.d.ts.map +1 -0
- package/generated/IntegerField.d.ts +22 -0
- package/generated/IntegerField.d.ts.map +1 -0
- package/generated/Item.d.ts +9 -0
- package/generated/Item.d.ts.map +1 -0
- package/generated/ListBox.d.ts +18 -0
- package/generated/ListBox.d.ts.map +1 -0
- package/generated/LoginForm.d.ts +20 -0
- package/generated/LoginForm.d.ts.map +1 -0
- package/generated/LoginOverlay.d.ts +22 -0
- package/generated/LoginOverlay.d.ts.map +1 -0
- package/generated/MenuBar.d.ts +14 -0
- package/generated/MenuBar.d.ts.map +1 -0
- package/generated/Message.d.ts +9 -0
- package/generated/Message.d.ts.map +1 -0
- package/generated/MessageInput.d.ts +14 -0
- package/generated/MessageInput.d.ts.map +1 -0
- package/generated/MessageList.d.ts +9 -0
- package/generated/MessageList.d.ts.map +1 -0
- package/generated/MultiSelectComboBox.d.ts +26 -0
- package/generated/MultiSelectComboBox.d.ts.map +1 -0
- package/generated/Notification.d.ts +14 -0
- package/generated/Notification.d.ts.map +1 -0
- package/generated/NumberField.d.ts +22 -0
- package/generated/NumberField.d.ts.map +1 -0
- package/generated/PasswordField.d.ts +22 -0
- package/generated/PasswordField.d.ts.map +1 -0
- package/generated/ProgressBar.d.ts +9 -0
- package/generated/ProgressBar.d.ts.map +1 -0
- package/generated/RadioButton.d.ts +14 -0
- package/generated/RadioButton.d.ts.map +1 -0
- package/generated/RadioGroup.d.ts +18 -0
- package/generated/RadioGroup.d.ts.map +1 -0
- package/generated/Scroller.d.ts +9 -0
- package/generated/Scroller.d.ts.map +1 -0
- package/generated/Select.d.ts +22 -0
- package/generated/Select.d.ts.map +1 -0
- package/generated/SideNav.d.ts +14 -0
- package/generated/SideNav.d.ts.map +1 -0
- package/generated/SideNavItem.d.ts +14 -0
- package/generated/SideNavItem.d.ts.map +1 -0
- package/generated/SplitLayout.d.ts +14 -0
- package/generated/SplitLayout.d.ts.map +1 -0
- package/generated/Tab.d.ts +9 -0
- package/generated/Tab.d.ts.map +1 -0
- package/generated/TabSheet.d.ts +16 -0
- package/generated/TabSheet.d.ts.map +1 -0
- package/generated/Tabs.d.ts +16 -0
- package/generated/Tabs.d.ts.map +1 -0
- package/generated/TextArea.d.ts +22 -0
- package/generated/TextArea.d.ts.map +1 -0
- package/generated/TextField.d.ts +22 -0
- package/generated/TextField.d.ts.map +1 -0
- package/generated/TimePicker.d.ts +24 -0
- package/generated/TimePicker.d.ts.map +1 -0
- package/generated/Tooltip.d.ts +9 -0
- package/generated/Tooltip.d.ts.map +1 -0
- package/generated/Upload.d.ts +36 -0
- package/generated/Upload.d.ts.map +1 -0
- package/generated/VerticalLayout.d.ts +9 -0
- package/generated/VerticalLayout.d.ts.map +1 -0
- package/generated/VirtualList.d.ts +9 -0
- package/generated/VirtualList.d.ts.map +1 -0
- package/index.d.ts +68 -0
- package/index.js +68 -0
- package/package.json +525 -0
- package/renderers/combobox.d.ts +8 -0
- package/renderers/grid.d.ts +18 -0
- package/renderers/multiSelectCombobox.d.ts +9 -0
- package/renderers/renderer.d.ts +7 -0
- package/renderers/useContextRenderer.d.ts +11 -0
- package/renderers/useContextRenderer.d.ts.map +1 -0
- package/renderers/useContextRenderer.js +2 -0
- package/renderers/useContextRenderer.js.map +7 -0
- package/renderers/useModelRenderer.d.ts +15 -0
- package/renderers/useModelRenderer.d.ts.map +1 -0
- package/renderers/useModelRenderer.js +2 -0
- package/renderers/useModelRenderer.js.map +7 -0
- package/renderers/useRenderer.d.ts +12 -0
- package/renderers/useRenderer.d.ts.map +1 -0
- package/renderers/useRenderer.js +2 -0
- package/renderers/useRenderer.js.map +7 -0
- package/renderers/useSimpleOrChildrenRenderer.d.ts +5 -0
- package/renderers/useSimpleOrChildrenRenderer.d.ts.map +1 -0
- package/renderers/useSimpleOrChildrenRenderer.js +2 -0
- package/renderers/useSimpleOrChildrenRenderer.js.map +7 -0
- package/renderers/useSimpleRenderer.d.ts +8 -0
- package/renderers/useSimpleRenderer.d.ts.map +1 -0
- package/renderers/useSimpleRenderer.js +2 -0
- package/renderers/useSimpleRenderer.js.map +7 -0
- package/utils/createComponent.d.ts +52 -0
- package/utils/createComponent.d.ts.map +1 -0
- package/utils/createComponent.js +2 -0
- package/utils/createComponent.js.map +7 -0
- package/utils/createComponentWithOrderedProps.d.ts +3 -0
- package/utils/createComponentWithOrderedProps.d.ts.map +1 -0
- package/utils/createComponentWithOrderedProps.js +2 -0
- package/utils/createComponentWithOrderedProps.js.map +7 -0
- package/utils/mapItemsWithComponents.d.ts +27 -0
- package/utils/mapItemsWithComponents.d.ts.map +1 -0
- package/utils/mapItemsWithComponents.js +2 -0
- package/utils/mapItemsWithComponents.js.map +7 -0
- package/utils/useMergedRefs.d.ts +3 -0
- package/utils/useMergedRefs.d.ts.map +1 -0
- package/utils/useMergedRefs.js +2 -0
- package/utils/useMergedRefs.js.map +7 -0
package/Tab.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/Tab.ts", "src/generated/Tab.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/tabs/vaadin-tab.js\";\nexport * from './generated/Tab.js';\n", "import type {} from \"@lit/react\";\nimport { Tab as TabElement, } from \"@vaadin/tabs/vaadin-tab.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabElement, };\nexport type TabEventMap = Readonly<{}>;\nconst events = {} as TabEventMap;\nexport type TabProps = WebComponentProps<TabElement, TabEventMap>;\nexport const Tab = createComponent({\n elementClass: TabElement, events, react: React, tagName: \"vaadin-tab\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,6BCCd,OAAS,OAAOA,MAAmB,6BACnC,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAMC,EAAgB,CAC/B,aAAcC,EAAY,OAAAH,EAAQ,MAAOI,EAAO,QAAS,YAC7D,CAAC",
|
|
6
|
+
"names": ["TabElement", "React", "createComponent", "events", "Tab", "createComponent", "TabElement", "React"]
|
|
7
|
+
}
|
package/TabSheet.d.ts
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { type TabProps } from './Tab.js';
|
|
3
|
+
import { type TabSheetElement, type TabSheetProps as _TabSheetProps } from './generated/TabSheet.js';
|
|
4
|
+
export * from './generated/TabSheet.js';
|
|
5
|
+
type TabSheetTabProps = Omit<TabProps, 'selected' | 'value'> & {
|
|
6
|
+
/**
|
|
7
|
+
* The label of the tab.
|
|
8
|
+
*/
|
|
9
|
+
label?: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* `TabSheetTab` is a helper component designed for creating tabs within a `<TabSheet/>`.
|
|
13
|
+
* Use this component as a direct child of the `<TabSheet/>` component.
|
|
14
|
+
* It accepts a `label` property, which can be either a string or a React node.
|
|
15
|
+
* The children of the component will be rendered as the content of the tab.
|
|
16
|
+
*
|
|
17
|
+
* ### Usage
|
|
18
|
+
*
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <TabSheet>
|
|
21
|
+
* <TabSheetTab label="Dashboard">
|
|
22
|
+
* <div>This is the Dashboard tab content</div>
|
|
23
|
+
* </TabSheetTab>
|
|
24
|
+
*
|
|
25
|
+
* <TabSheetTab label={<i>Payment</i>}>
|
|
26
|
+
* <div>This is the Payment tab content</div>
|
|
27
|
+
* </TabSheetTab>
|
|
28
|
+
* </TabSheet>
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export declare const TabSheetTab: (_props: TabSheetTabProps) => null;
|
|
32
|
+
export type TabSheetProps = Partial<Omit<_TabSheetProps, 'items'>>;
|
|
33
|
+
declare const ForwardedTabSheet: React.ForwardRefExoticComponent<Partial<Omit<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<TabSheetElement, Readonly<{
|
|
34
|
+
onItemsChanged: import("@lit/react").EventName<import("@vaadin/tabsheet/src/vaadin-tabsheet.js").TabSheetItemsChangedEvent>;
|
|
35
|
+
onSelectedChanged: import("@lit/react").EventName<import("@vaadin/tabsheet/src/vaadin-tabsheet.js").TabSheetSelectedChangedEvent>;
|
|
36
|
+
}>>>, "items">> & React.RefAttributes<TabSheetElement>>;
|
|
37
|
+
export { ForwardedTabSheet as TabSheet };
|
|
38
|
+
/**
|
|
39
|
+
* A helper function that allows declaring the tab identifier on the children
|
|
40
|
+
* of the `<TabSheet/>` component
|
|
41
|
+
*
|
|
42
|
+
* ### Usage
|
|
43
|
+
*
|
|
44
|
+
* ```tsx
|
|
45
|
+
* <TabSheet>
|
|
46
|
+
* <Tabs slot="tabs">
|
|
47
|
+
* <Tab id="about">About</Tab>
|
|
48
|
+
* <Tab id="contuct">Contact us</Tab>
|
|
49
|
+
* </Tabs>
|
|
50
|
+
* <div {...tab('about')}>This tab is all about,..</div>
|
|
51
|
+
* <div {...tab('contact')}>Our website: ...</div>
|
|
52
|
+
* </TabSheet>
|
|
53
|
+
* ```
|
|
54
|
+
*
|
|
55
|
+
* @param tab The identifier of the correspoding tab.
|
|
56
|
+
*
|
|
57
|
+
* @returns object with HTML attribute values recognized on tab sheet children.
|
|
58
|
+
* @deprecated Use `<TabSheetTab/>` instead.
|
|
59
|
+
*/
|
|
60
|
+
export declare function tab(tab: string): Record<string, string>;
|
|
61
|
+
//# sourceMappingURL=TabSheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabSheet.d.ts","sourceRoot":"","sources":["src/TabSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,IAAI,cAAc,EACrC,MAAM,yBAAyB,CAAC;AAGjC,cAAc,yBAAyB,CAAC;AAExC,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,WAAY,gBAAgB,SAAS,CAAC;AAiB9D,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AAyCnE,QAAA,MAAM,iBAAiB;;;uDAAuB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGvD"}
|
package/TabSheet.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var c=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},l=(e,t,o,b)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of M(t))!R.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(b=P(t,r))||b.enumerable});return e},n=(e,t,o)=>(l(e,t,"default"),o&&l(o,t,"default"));export*from"@vaadin/tabsheet/vaadin-tabsheet.js";import m,{forwardRef as U}from"react";var p={};S(p,{Tab:()=>i,TabElement:()=>f});n(p,Q);import*as Q from"@vaadin/tabs/vaadin-tab.js";import{Tab as f}from"@vaadin/tabs/vaadin-tab.js";import*as u from"react";import{createComponent as N}from"./utils/createComponent.js";var _={},i=N({elementClass:f,events:_,react:u,tagName:"vaadin-tab"});import{TabSheet as I}from"@vaadin/tabsheet/vaadin-tabsheet.js";import*as W from"react";import{createComponent as w}from"./utils/createComponent.js";var k={onItemsChanged:"items-changed",onSelectedChanged:"selected-changed"},E=w({elementClass:I,events:k,react:W,tagName:"vaadin-tabsheet"});var s={};S(s,{Tabs:()=>h,TabsElement:()=>v});n(s,ae);import*as ae from"@vaadin/tabs/vaadin-tabs.js";import{Tabs as v}from"@vaadin/tabs/vaadin-tabs.js";import*as F from"react";import{createComponent as A}from"./utils/createComponent.js";var O={onSelectedChanged:"selected-changed",onItemsChanged:"items-changed"},h=A({elementClass:v,events:O,react:F,tagName:"vaadin-tabs"});import{jsx as y,jsxs as B}from"react/jsx-runtime";import{createElement as z}from"react";var g=e=>null,V=0,d=new WeakMap;function T(e){return e.props.id?e.props.id:(d.has(e)||d.set(e,"tabsheet-tab-"+V++),d.get(e))}function q(e,t){let{children:o,...b}=e,r=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type===g),C=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type!==g);return B(E,{...b,ref:t,children:[r.length>0?y(h,{slot:"tabs",children:r.map(a=>{let{children:D,label:G,...x}=a.props;return z(i,{...x,id:T(a),key:T(a)},a.props.label)})}):null,r.map(a=>y("div",{tab:T(a),children:a.props.children},T(a))),C]})}var be=U(q);function me(e){return console.warn("Using the `tab` helper function is deprecated. Use <TabSheetTab/> instead."),{tab:e}}export{be as TabSheet,I as TabSheetElement,g as TabSheetTab,me as tab};
|
|
2
|
+
//# sourceMappingURL=TabSheet.js.map
|
package/TabSheet.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/TabSheet.tsx", "src/Tab.ts", "src/generated/Tab.ts", "src/generated/TabSheet.ts", "src/Tabs.ts", "src/generated/Tabs.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/tabsheet/vaadin-tabsheet.js\";\nimport React, { forwardRef, type ForwardedRef, type ReactNode } from 'react';\nimport { Tab, type TabProps } from './Tab.js';\nimport {\n TabSheet as _TabSheet,\n type TabSheetElement,\n type TabSheetProps as _TabSheetProps,\n} from './generated/TabSheet.js';\nimport { Tabs } from './Tabs.js';\n\nexport * from './generated/TabSheet.js';\n\ntype TabSheetTabProps = Omit<TabProps, 'selected' | 'value'> & {\n /**\n * The label of the tab.\n */\n label?: ReactNode;\n};\n\ntype TabSheetTab = React.ReactElement<TabSheetTabProps>;\n\n/**\n * `TabSheetTab` is a helper component designed for creating tabs within a `<TabSheet/>`.\n * Use this component as a direct child of the `<TabSheet/>` component.\n * It accepts a `label` property, which can be either a string or a React node.\n * The children of the component will be rendered as the content of the tab.\n *\n * ### Usage\n *\n * ```tsx\n * <TabSheet>\n * <TabSheetTab label=\"Dashboard\">\n * <div>This is the Dashboard tab content</div>\n * </TabSheetTab>\n *\n * <TabSheetTab label={<i>Payment</i>}>\n * <div>This is the Payment tab content</div>\n * </TabSheetTab>\n * </TabSheet>\n * ```\n */\nexport const TabSheetTab = (_props: TabSheetTabProps) => null;\n\nlet uniqueId = 0;\nconst generatedTabIds = new WeakMap<TabSheetTab, string>();\nfunction getTabId(tab: TabSheetTab) {\n if (tab.props.id) {\n // Support custom id for a tabsheet tab\n return tab.props.id;\n }\n\n if (!generatedTabIds.has(tab)) {\n // Generate a temporary id for the tab while it's being rendered\n generatedTabIds.set(tab, 'tabsheet-tab-' + uniqueId++);\n }\n return generatedTabIds.get(tab);\n}\n\nexport type TabSheetProps = Partial<Omit<_TabSheetProps, 'items'>>;\n\nfunction TabSheet(props: TabSheetProps, ref: ForwardedRef<TabSheetElement>) {\n const { children, ...tabSheetRest } = props;\n\n // The direct TabSheetTab children of the TabSheet\n const tabs = React.Children.toArray(children).filter((child): child is TabSheetTab => {\n return React.isValidElement(child) && child.type === TabSheetTab;\n });\n\n // All the other children of the TabSheet\n const remainingChildren = React.Children.toArray(children).filter((child) => {\n return React.isValidElement(child) && child.type !== TabSheetTab;\n });\n\n return (\n <_TabSheet {...tabSheetRest} ref={ref}>\n {tabs.length > 0 ? (\n <Tabs slot=\"tabs\">\n {tabs.map((child) => {\n const { children, label, ...tabRest } = child.props;\n return (\n <Tab {...tabRest} id={getTabId(child)} key={getTabId(child)}>\n {child.props.label}\n </Tab>\n );\n })}\n </Tabs>\n ) : null}\n\n {tabs.map((child) => (\n <div {...{ tab: getTabId(child) }} key={getTabId(child)}>\n {child.props.children}\n </div>\n ))}\n\n {remainingChildren}\n </_TabSheet>\n );\n}\n\nconst ForwardedTabSheet = forwardRef(TabSheet);\n\nexport { ForwardedTabSheet as TabSheet };\n\n/**\n * A helper function that allows declaring the tab identifier on the children\n * of the `<TabSheet/>` component\n *\n * ### Usage\n *\n * ```tsx\n * <TabSheet>\n * <Tabs slot=\"tabs\">\n * <Tab id=\"about\">About</Tab>\n * <Tab id=\"contuct\">Contact us</Tab>\n * </Tabs>\n * <div {...tab('about')}>This tab is all about,..</div>\n * <div {...tab('contact')}>Our website: ...</div>\n * </TabSheet>\n * ```\n *\n * @param tab The identifier of the correspoding tab.\n *\n * @returns object with HTML attribute values recognized on tab sheet children.\n * @deprecated Use `<TabSheetTab/>` instead.\n */\nexport function tab(tab: string): Record<string, string> {\n console.warn('Using the `tab` helper function is deprecated. Use <TabSheetTab/> instead.');\n return { tab } as Record<string, string>;\n}\n", "export * from \"@vaadin/tabs/vaadin-tab.js\";\nexport * from './generated/Tab.js';\n", "import type {} from \"@lit/react\";\nimport { Tab as TabElement, } from \"@vaadin/tabs/vaadin-tab.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabElement, };\nexport type TabEventMap = Readonly<{}>;\nconst events = {} as TabEventMap;\nexport type TabProps = WebComponentProps<TabElement, TabEventMap>;\nexport const Tab = createComponent({\n elementClass: TabElement, events, react: React, tagName: \"vaadin-tab\"\n});\n", "import type { EventName } from \"@lit/react\";\nimport { TabSheet as TabSheetElement, type TabSheetEventMap as _TabSheetEventMap, } from \"@vaadin/tabsheet/vaadin-tabsheet.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabSheetElement, };\nexport type TabSheetEventMap = Readonly<{\n onItemsChanged: EventName<_TabSheetEventMap[\"items-changed\"]>;\n onSelectedChanged: EventName<_TabSheetEventMap[\"selected-changed\"]>;\n}>;\nconst events = { onItemsChanged: \"items-changed\", onSelectedChanged: \"selected-changed\" } as TabSheetEventMap;\nexport type TabSheetProps = WebComponentProps<TabSheetElement, TabSheetEventMap>;\nexport const TabSheet = createComponent({\n elementClass: TabSheetElement, events, react: React, tagName: \"vaadin-tabsheet\"\n});\n", "export * from \"@vaadin/tabs/vaadin-tabs.js\";\nexport * from './generated/Tabs.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Tabs as TabsElement, type TabsEventMap as _TabsEventMap, } from \"@vaadin/tabs/vaadin-tabs.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabsElement, };\nexport type TabsEventMap = Readonly<{\n onSelectedChanged: EventName<_TabsEventMap[\"selected-changed\"]>;\n onItemsChanged: EventName<_TabsEventMap[\"items-changed\"]>;\n}>;\nconst events = { onSelectedChanged: \"selected-changed\", onItemsChanged: \"items-changed\" } as TabsEventMap;\nexport type TabsProps = WebComponentProps<TabsElement, TabsEventMap>;\nexport const Tabs = createComponent({\n elementClass: TabsElement, events, react: React, tagName: \"vaadin-tabs\"\n});\n"],
|
|
5
|
+
"mappings": "kaAAA,WAAc,sCACd,OAAOA,GAAS,cAAAC,MAAqD,QCDrE,IAAAC,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,eAAAC,IAAAC,EAAAJ,EAAAK,GAAA,UAAAA,MAAc,6BCCd,OAAS,OAAOC,MAAmB,6BACnC,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAMC,EAAgB,CAC/B,aAAcC,EAAY,OAAAH,EAAQ,MAAOI,EAAO,QAAS,YAC7D,CAAC,ECTD,OAAS,YAAYC,MAAoE,sCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,eAAgB,gBAAiB,kBAAmB,kBAAmB,EAE3EC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,iBAClE,CAAC,ECbD,IAAAC,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,IAAAC,EAAAJ,EAAAK,IAAA,UAAAA,OAAc,8BCCd,OAAS,QAAQC,MAAwD,8BACzE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,kBAAmB,mBAAoB,eAAgB,eAAgB,EAE3EC,EAAOC,EAAgB,CAChC,aAAcC,EAAa,OAAAH,EAAQ,MAAOI,EAAO,QAAS,aAC9D,CAAC,EL6DG,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAMU,wBAAAC,MAAA,QAvCP,IAAMC,EAAeC,GAA6B,KAErDC,EAAW,EACTC,EAAkB,IAAI,QAC5B,SAASC,EAASC,EAAkB,CAClC,OAAIA,EAAI,MAAM,GAELA,EAAI,MAAM,IAGdF,EAAgB,IAAIE,CAAG,GAE1BF,EAAgB,IAAIE,EAAK,gBAAkBH,GAAU,EAEhDC,EAAgB,IAAIE,CAAG,EAChC,CAIA,SAASC,EAASC,EAAsBC,EAAoC,CAC1E,GAAM,CAAE,SAAAC,EAAU,GAAGC,CAAa,EAAIH,EAGhCI,EAAOC,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC7CD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAGKc,EAAoBF,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC1DD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAED,OACEF,EAACQ,EAAA,CAAW,GAAGI,EAAc,IAAKF,EAC/B,UAAAG,EAAK,OAAS,EACbd,EAACkB,EAAA,CAAK,KAAK,OACR,SAAAJ,EAAK,IAAKE,GAAU,CACnB,GAAM,CAAE,SAAAJ,EAAU,MAAAO,EAAO,GAAGC,CAAQ,EAAIJ,EAAM,MAC9C,OACEd,EAACmB,EAAA,CAAK,GAAGD,EAAS,GAAIb,EAASS,CAAK,EAAG,IAAKT,EAASS,CAAK,GACvDA,EAAM,MAAM,KACf,CAEJ,CAAC,EACH,EACE,KAEHF,EAAK,IAAKE,GACThB,EAAC,OAAU,IAAKO,EAASS,CAAK,EAC3B,SAAAA,EAAM,MAAM,UADyBT,EAASS,CAAK,CAEtD,CACD,EAEAC,GACH,CAEJ,CAEA,IAAMK,GAAoBC,EAAWd,CAAQ,EA0BtC,SAASe,GAAIA,EAAqC,CACvD,eAAQ,KAAK,4EAA4E,EAClF,CAAE,IAAAA,CAAI,CACf",
|
|
6
|
+
"names": ["React", "forwardRef", "Tab_exports", "__export", "Tab", "TabElement", "__reExport", "vaadin_tab_star", "TabElement", "React", "createComponent", "events", "Tab", "createComponent", "TabElement", "React", "TabSheetElement", "React", "createComponent", "events", "TabSheet", "createComponent", "TabSheetElement", "React", "Tabs_exports", "__export", "Tabs", "TabsElement", "__reExport", "vaadin_tabs_star", "TabsElement", "React", "createComponent", "events", "Tabs", "createComponent", "TabsElement", "React", "jsx", "jsxs", "createElement", "TabSheetTab", "_props", "uniqueId", "generatedTabIds", "getTabId", "tab", "TabSheet", "props", "ref", "children", "tabSheetRest", "tabs", "React", "child", "remainingChildren", "Tabs", "label", "tabRest", "Tab", "ForwardedTabSheet", "forwardRef", "tab"]
|
|
7
|
+
}
|
package/Tabs.d.ts
ADDED
package/Tabs.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["src/Tabs.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
package/Tabs.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/tabs/vaadin-tabs.js";import{Tabs as e}from"@vaadin/tabs/vaadin-tabs.js";import*as t from"react";import{createComponent as a}from"./utils/createComponent.js";var n={onSelectedChanged:"selected-changed",onItemsChanged:"items-changed"},p=a({elementClass:e,events:n,react:t,tagName:"vaadin-tabs"});export{p as Tabs,e as TabsElement};
|
|
2
|
+
//# sourceMappingURL=Tabs.js.map
|
package/Tabs.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/Tabs.ts", "src/generated/Tabs.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/tabs/vaadin-tabs.js\";\nexport * from './generated/Tabs.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Tabs as TabsElement, type TabsEventMap as _TabsEventMap, } from \"@vaadin/tabs/vaadin-tabs.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabsElement, };\nexport type TabsEventMap = Readonly<{\n onSelectedChanged: EventName<_TabsEventMap[\"selected-changed\"]>;\n onItemsChanged: EventName<_TabsEventMap[\"items-changed\"]>;\n}>;\nconst events = { onSelectedChanged: \"selected-changed\", onItemsChanged: \"items-changed\" } as TabsEventMap;\nexport type TabsProps = WebComponentProps<TabsElement, TabsEventMap>;\nexport const Tabs = createComponent({\n elementClass: TabsElement, events, react: React, tagName: \"vaadin-tabs\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,8BCCd,OAAS,QAAQA,MAAwD,8BACzE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,kBAAmB,mBAAoB,eAAgB,eAAgB,EAE3EC,EAAOC,EAAgB,CAChC,aAAcC,EAAa,OAAAH,EAAQ,MAAOI,EAAO,QAAS,aAC9D,CAAC",
|
|
6
|
+
"names": ["TabsElement", "React", "createComponent", "events", "Tabs", "createComponent", "TabsElement", "React"]
|
|
7
|
+
}
|
package/TextArea.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["src/TextArea.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
package/TextArea.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/text-area/vaadin-text-area.js";import{TextArea as e}from"@vaadin/text-area/vaadin-text-area.js";import*as a from"react";import{createComponent as t}from"./utils/createComponent.js";var n={onValidated:"validated",onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onValueChanged:"value-changed"},p=t({elementClass:e,events:n,react:a,tagName:"vaadin-text-area"});export{p as TextArea,e as TextAreaElement};
|
|
2
|
+
//# sourceMappingURL=TextArea.js.map
|
package/TextArea.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/TextArea.ts", "src/generated/TextArea.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/text-area/vaadin-text-area.js\";\nexport * from './generated/TextArea.js';\n", "import type { EventName } from \"@lit/react\";\nimport { TextArea as TextAreaElement, type TextAreaEventMap as _TextAreaEventMap, } from \"@vaadin/text-area/vaadin-text-area.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TextAreaElement, };\nexport type TextAreaEventMap = Readonly<{\n onValidated: EventName<_TextAreaEventMap[\"validated\"]>;\n onChange: EventName<_TextAreaEventMap[\"change\"]>;\n onInput: EventName<_TextAreaEventMap[\"input\"]>;\n onInvalidChanged: EventName<_TextAreaEventMap[\"invalid-changed\"]>;\n onValueChanged: EventName<_TextAreaEventMap[\"value-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onValueChanged: \"value-changed\" } as TextAreaEventMap;\nexport type TextAreaProps = WebComponentProps<TextAreaElement, TextAreaEventMap>;\nexport const TextArea = createComponent({\n elementClass: TextAreaElement, events, react: React, tagName: \"vaadin-text-area\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,wCCCd,OAAS,YAAYA,MAAoE,wCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,eAAgB,eAAgB,EAEzIC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,kBAClE,CAAC",
|
|
6
|
+
"names": ["TextAreaElement", "React", "createComponent", "events", "TextArea", "createComponent", "TextAreaElement", "React"]
|
|
7
|
+
}
|
package/TextField.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["src/TextField.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
|
package/TextField.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/text-field/vaadin-text-field.js";import{TextField as e}from"@vaadin/text-field/vaadin-text-field.js";import*as t from"react";import{createComponent as n}from"./utils/createComponent.js";var a={onValidated:"validated",onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onValueChanged:"value-changed"},p=n({elementClass:e,events:a,react:t,tagName:"vaadin-text-field"});export{p as TextField,e as TextFieldElement};
|
|
2
|
+
//# sourceMappingURL=TextField.js.map
|
package/TextField.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/TextField.ts", "src/generated/TextField.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/text-field/vaadin-text-field.js\";\nexport * from './generated/TextField.js';\n", "import type { EventName } from \"@lit/react\";\nimport { TextField as TextFieldElement, type TextFieldEventMap as _TextFieldEventMap, } from \"@vaadin/text-field/vaadin-text-field.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TextFieldElement, };\nexport type TextFieldEventMap = Readonly<{\n onValidated: EventName<_TextFieldEventMap[\"validated\"]>;\n onChange: EventName<_TextFieldEventMap[\"change\"]>;\n onInput: EventName<_TextFieldEventMap[\"input\"]>;\n onInvalidChanged: EventName<_TextFieldEventMap[\"invalid-changed\"]>;\n onValueChanged: EventName<_TextFieldEventMap[\"value-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onValueChanged: \"value-changed\" } as TextFieldEventMap;\nexport type TextFieldProps = WebComponentProps<TextFieldElement, TextFieldEventMap>;\nexport const TextField = createComponent({\n elementClass: TextFieldElement, events, react: React, tagName: \"vaadin-text-field\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,0CCCd,OAAS,aAAaA,MAAuE,0CAC7F,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,eAAgB,eAAgB,EAEzIC,EAAYC,EAAgB,CACrC,aAAcC,EAAkB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,mBACnE,CAAC",
|
|
6
|
+
"names": ["TextFieldElement", "React", "createComponent", "events", "TextField", "createComponent", "TextFieldElement", "React"]
|
|
7
|
+
}
|
package/TimePicker.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type TimePickerElement } from './generated/TimePicker.js';
|
|
3
|
+
export * from './generated/TimePicker.js';
|
|
4
|
+
export declare const TimePicker: import("react").ForwardRefExoticComponent<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<TimePickerElement, Readonly<{
|
|
5
|
+
onValidated: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerValidatedEvent>;
|
|
6
|
+
onChange: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerChangeEvent>;
|
|
7
|
+
onInput: import("@lit/react").EventName<Event>;
|
|
8
|
+
onValueChanged: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerValueChangedEvent>;
|
|
9
|
+
onOpenedChanged: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerOpenedChangedEvent>;
|
|
10
|
+
onInvalidChanged: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerInvalidChangedEvent>;
|
|
11
|
+
}>>> & import("react").RefAttributes<TimePickerElement>>;
|
|
12
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["src/TimePicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,KAAK,iBAAiB,EAAwB,MAAM,2BAA2B,CAAC;AAGpH,cAAc,2BAA2B,CAAC;AAE1C,eAAO,MAAM,UAAU;;;;;;;wDAEtB,CAAC"}
|
package/TimePicker.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/time-picker/vaadin-time-picker.js";import{forwardRef as r}from"react";import{TimePicker as n}from"@vaadin/time-picker/vaadin-time-picker.js";import*as i from"react";import{createComponent as t}from"./utils/createComponent.js";var a={onValidated:"validated",onChange:"change",onInput:"input",onValueChanged:"value-changed",onOpenedChanged:"opened-changed",onInvalidChanged:"invalid-changed"},e=t({elementClass:n,events:a,react:i,tagName:"vaadin-time-picker"});import m from"./utils/createComponentWithOrderedProps.js";var k=r(m(e,"value"));export{k as TimePicker,n as TimePickerElement};
|
|
2
|
+
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/TimePicker.tsx", "src/generated/TimePicker.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport { forwardRef } from 'react';\nimport { TimePicker as _TimePicker, type TimePickerElement, type TimePickerProps } from './generated/TimePicker.js';\nimport createComponentWithOrderedProps from './utils/createComponentWithOrderedProps.js';\n\nexport * from './generated/TimePicker.js';\n\nexport const TimePicker = forwardRef(\n createComponentWithOrderedProps<TimePickerProps, TimePickerElement>(_TimePicker, 'value'),\n);\n", "import type { EventName } from \"@lit/react\";\nimport { TimePicker as TimePickerElement, type TimePickerEventMap as _TimePickerEventMap, } from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TimePickerElement, };\nexport type TimePickerEventMap = Readonly<{\n onValidated: EventName<_TimePickerEventMap[\"validated\"]>;\n onChange: EventName<_TimePickerEventMap[\"change\"]>;\n onInput: EventName<_TimePickerEventMap[\"input\"]>;\n onValueChanged: EventName<_TimePickerEventMap[\"value-changed\"]>;\n onOpenedChanged: EventName<_TimePickerEventMap[\"opened-changed\"]>;\n onInvalidChanged: EventName<_TimePickerEventMap[\"invalid-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onValueChanged: \"value-changed\", onOpenedChanged: \"opened-changed\", onInvalidChanged: \"invalid-changed\" } as TimePickerEventMap;\nexport type TimePickerProps = WebComponentProps<TimePickerElement, TimePickerEventMap>;\nexport const TimePicker = createComponent({\n elementClass: TimePickerElement, events, react: React, tagName: \"vaadin-time-picker\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,4CACd,OAAS,cAAAA,MAAkB,QCA3B,OAAS,cAAcC,MAA0E,4CACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,eAAgB,gBAAiB,gBAAiB,iBAAkB,iBAAkB,iBAAkB,EAE5KC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC,EDdD,OAAOC,MAAqC,6CAIrC,IAAMC,EAAaC,EACxBF,EAAoEC,EAAa,OAAO,CAC1F",
|
|
6
|
+
"names": ["forwardRef", "TimePickerElement", "React", "createComponent", "events", "TimePicker", "createComponent", "TimePickerElement", "React", "createComponentWithOrderedProps", "TimePicker", "forwardRef"]
|
|
7
|
+
}
|
package/Tooltip.d.ts
ADDED
package/Tooltip.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["src/Tooltip.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
package/Tooltip.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/tooltip/vaadin-tooltip.js";import{Tooltip as o}from"@vaadin/tooltip/vaadin-tooltip.js";import*as t from"react";import{createComponent as e}from"./utils/createComponent.js";var p={},n=e({elementClass:o,events:p,react:t,tagName:"vaadin-tooltip"});export{n as Tooltip,o as TooltipElement};
|
|
2
|
+
//# sourceMappingURL=Tooltip.js.map
|
package/Tooltip.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/Tooltip.ts", "src/generated/Tooltip.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/tooltip/vaadin-tooltip.js\";\nexport * from './generated/Tooltip.js';\n", "import type {} from \"@lit/react\";\nimport { Tooltip as TooltipElement, } from \"@vaadin/tooltip/vaadin-tooltip.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TooltipElement, };\nexport type TooltipEventMap = Readonly<{}>;\nconst events = {} as TooltipEventMap;\nexport type TooltipProps = WebComponentProps<TooltipElement, TooltipEventMap>;\nexport const Tooltip = createComponent({\n elementClass: TooltipElement, events, react: React, tagName: \"vaadin-tooltip\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,oCCCd,OAAS,WAAWA,MAAuB,oCAC3C,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC",
|
|
6
|
+
"names": ["TooltipElement", "React", "createComponent", "events", "Tooltip", "createComponent", "TooltipElement", "React"]
|
|
7
|
+
}
|
package/Upload.d.ts
ADDED
package/Upload.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["src/Upload.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
package/Upload.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/upload/vaadin-upload.js";import{Upload as e}from"@vaadin/upload/vaadin-upload.js";import*as o from"react";import{createComponent as a}from"./utils/createComponent.js";var p={onFileReject:"file-reject",onUploadAbort:"upload-abort",onUploadBefore:"upload-before",onUploadError:"upload-error",onUploadProgress:"upload-progress",onUploadRequest:"upload-request",onUploadResponse:"upload-response",onUploadRetry:"upload-retry",onUploadStart:"upload-start",onUploadSuccess:"upload-success",onFilesChanged:"files-changed",onMaxFilesReachedChanged:"max-files-reached-changed"},l=a({elementClass:e,events:p,react:o,tagName:"vaadin-upload"});export{l as Upload,e as UploadElement};
|
|
2
|
+
//# sourceMappingURL=Upload.js.map
|
package/Upload.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/Upload.ts", "src/generated/Upload.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/upload/vaadin-upload.js\";\nexport * from './generated/Upload.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Upload as UploadElement, type UploadEventMap as _UploadEventMap, } from \"@vaadin/upload/vaadin-upload.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { UploadElement, };\nexport type UploadEventMap = Readonly<{\n onFileReject: EventName<_UploadEventMap[\"file-reject\"]>;\n onUploadAbort: EventName<_UploadEventMap[\"upload-abort\"]>;\n onUploadBefore: EventName<_UploadEventMap[\"upload-before\"]>;\n onUploadError: EventName<_UploadEventMap[\"upload-error\"]>;\n onUploadProgress: EventName<_UploadEventMap[\"upload-progress\"]>;\n onUploadRequest: EventName<_UploadEventMap[\"upload-request\"]>;\n onUploadResponse: EventName<_UploadEventMap[\"upload-response\"]>;\n onUploadRetry: EventName<_UploadEventMap[\"upload-retry\"]>;\n onUploadStart: EventName<_UploadEventMap[\"upload-start\"]>;\n onUploadSuccess: EventName<_UploadEventMap[\"upload-success\"]>;\n onFilesChanged: EventName<_UploadEventMap[\"files-changed\"]>;\n onMaxFilesReachedChanged: EventName<_UploadEventMap[\"max-files-reached-changed\"]>;\n}>;\nconst events = { onFileReject: \"file-reject\", onUploadAbort: \"upload-abort\", onUploadBefore: \"upload-before\", onUploadError: \"upload-error\", onUploadProgress: \"upload-progress\", onUploadRequest: \"upload-request\", onUploadResponse: \"upload-response\", onUploadRetry: \"upload-retry\", onUploadStart: \"upload-start\", onUploadSuccess: \"upload-success\", onFilesChanged: \"files-changed\", onMaxFilesReachedChanged: \"max-files-reached-changed\" } as UploadEventMap;\nexport type UploadProps = WebComponentProps<UploadElement, UploadEventMap>;\nexport const Upload = createComponent({\n elementClass: UploadElement, events, react: React, tagName: \"vaadin-upload\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,kCCCd,OAAS,UAAUA,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAgBxD,IAAMC,EAAS,CAAE,aAAc,cAAe,cAAe,eAAgB,eAAgB,gBAAiB,cAAe,eAAgB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,iBAAkB,kBAAmB,cAAe,eAAgB,cAAe,eAAgB,gBAAiB,iBAAkB,eAAgB,gBAAiB,yBAA0B,2BAA4B,EAEraC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC",
|
|
6
|
+
"names": ["UploadElement", "React", "createComponent", "events", "Upload", "createComponent", "UploadElement", "React"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VerticalLayout.d.ts","sourceRoot":"","sources":["src/VerticalLayout.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/vertical-layout/vaadin-vertical-layout.js";import{VerticalLayout as t}from"@vaadin/vertical-layout/vaadin-vertical-layout.js";import*as e from"react";import{createComponent as o}from"./utils/createComponent.js";var a={},m=o({elementClass:t,events:a,react:e,tagName:"vaadin-vertical-layout"});export{m as VerticalLayout,t as VerticalLayoutElement};
|
|
2
|
+
//# sourceMappingURL=VerticalLayout.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/VerticalLayout.ts", "src/generated/VerticalLayout.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/vertical-layout/vaadin-vertical-layout.js\";\nexport * from './generated/VerticalLayout.js';\n", "import type {} from \"@lit/react\";\nimport { VerticalLayout as VerticalLayoutElement, } from \"@vaadin/vertical-layout/vaadin-vertical-layout.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { VerticalLayoutElement, };\nexport type VerticalLayoutEventMap = Readonly<{}>;\nconst events = {} as VerticalLayoutEventMap;\nexport type VerticalLayoutProps = WebComponentProps<VerticalLayoutElement, VerticalLayoutEventMap>;\nexport const VerticalLayout = createComponent({\n elementClass: VerticalLayoutElement, events, react: React, tagName: \"vaadin-vertical-layout\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,oDCCd,OAAS,kBAAkBA,MAA8B,oDACzD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAiBC,EAAgB,CAC1C,aAAcC,EAAuB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,wBACxE,CAAC",
|
|
6
|
+
"names": ["VerticalLayoutElement", "React", "createComponent", "events", "VerticalLayout", "createComponent", "VerticalLayoutElement", "React"]
|
|
7
|
+
}
|
package/VirtualList.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type ComponentType, type ReactElement, type RefAttributes } from 'react';
|
|
2
|
+
import { type VirtualListElement, type VirtualListItemModel, type VirtualListProps as _VirtualListProps } from './generated/VirtualList.js';
|
|
3
|
+
import { type ReactModelRendererProps } from './renderers/useModelRenderer.js';
|
|
4
|
+
export * from './generated/VirtualList.js';
|
|
5
|
+
export type VirtualListReactRendererProps<TItem> = ReactModelRendererProps<TItem, VirtualListItemModel<TItem>, VirtualListElement<TItem>>;
|
|
6
|
+
export type VirtualListProps<TItem> = Partial<Omit<_VirtualListProps<TItem>, 'children' | 'renderer'>> & Readonly<{
|
|
7
|
+
children?: ComponentType<VirtualListReactRendererProps<TItem>> | null;
|
|
8
|
+
renderer?: ComponentType<VirtualListReactRendererProps<TItem>> | null;
|
|
9
|
+
}>;
|
|
10
|
+
declare const ForwardedVirtualList: <TItem = any>(props: Partial<Omit<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<VirtualListElement<TItem>, Readonly<{}>>>, "children" | "renderer">> & Readonly<{
|
|
11
|
+
children?: ComponentType<Readonly<{
|
|
12
|
+
item: TItem;
|
|
13
|
+
model: VirtualListItemModel<TItem>;
|
|
14
|
+
original: VirtualListElement<TItem>;
|
|
15
|
+
}>> | null | undefined;
|
|
16
|
+
renderer?: ComponentType<Readonly<{
|
|
17
|
+
item: TItem;
|
|
18
|
+
model: VirtualListItemModel<TItem>;
|
|
19
|
+
original: VirtualListElement<TItem>;
|
|
20
|
+
}>> | null | undefined;
|
|
21
|
+
}> & RefAttributes<VirtualListElement<TItem>>) => ReactElement | null;
|
|
22
|
+
export { ForwardedVirtualList as VirtualList };
|
|
23
|
+
//# sourceMappingURL=VirtualList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["src/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAiC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACjH,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,IAAI,iBAAiB,EAC3C,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,iCAAiC,CAAC;AAEjG,cAAc,4BAA4B,CAAC;AAE3C,MAAM,MAAM,6BAA6B,CAAC,KAAK,IAAI,uBAAuB,CACxE,KAAK,EACL,oBAAoB,CAAC,KAAK,CAAC,EAC3B,kBAAkB,CAAC,KAAK,CAAC,CAC1B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,GACpG,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CACvE,CAAC,CAAC;AAeL,QAAA,MAAM,oBAAoB;;;;;;;;;;;kDAErB,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,CAAC"}
|
package/VirtualList.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"@vaadin/virtual-list/vaadin-virtual-list.js";import{forwardRef as n}from"react";import{VirtualList as l}from"@vaadin/virtual-list/vaadin-virtual-list.js";import*as o from"react";import{createComponent as s}from"./utils/createComponent.js";var p={},e=s({elementClass:l,events:p,react:o,tagName:"vaadin-virtual-list"});import{useModelRenderer as m}from"./renderers/useModelRenderer.js";import{jsx as L}from"react/jsx-runtime";function u(t,r){let[i,a]=m(t.renderer??t.children);return L(e,{...t,ref:r,renderer:a,children:i})}var y=n(u);export{y as VirtualList,l as VirtualListElement};
|
|
2
|
+
//# sourceMappingURL=VirtualList.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["src/VirtualList.tsx", "src/generated/VirtualList.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/virtual-list/vaadin-virtual-list.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n VirtualList as _VirtualList,\n type VirtualListDefaultItem,\n type VirtualListElement,\n type VirtualListItemModel,\n type VirtualListProps as _VirtualListProps,\n} from './generated/VirtualList.js';\nimport { type ReactModelRendererProps, useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/VirtualList.js';\n\nexport type VirtualListReactRendererProps<TItem> = ReactModelRendererProps<\n TItem,\n VirtualListItemModel<TItem>,\n VirtualListElement<TItem>\n>;\n\nexport type VirtualListProps<TItem> = Partial<Omit<_VirtualListProps<TItem>, 'children' | 'renderer'>> &\n Readonly<{\n children?: ComponentType<VirtualListReactRendererProps<TItem>> | null;\n renderer?: ComponentType<VirtualListReactRendererProps<TItem>> | null;\n }>;\n\nfunction VirtualList<TItem = VirtualListDefaultItem>(\n props: VirtualListProps<TItem>,\n ref: ForwardedRef<VirtualListElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer ?? props.children);\n\n return (\n <_VirtualList<TItem> {...props} ref={ref} renderer={renderer}>\n {portals}\n </_VirtualList>\n );\n}\n\nconst ForwardedVirtualList = forwardRef(VirtualList) as <TItem = VirtualListDefaultItem>(\n props: VirtualListProps<TItem> & RefAttributes<VirtualListElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedVirtualList as VirtualList };\n", "import type {} from \"@lit/react\";\nimport { VirtualList as VirtualListElement, } from \"@vaadin/virtual-list/vaadin-virtual-list.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { VirtualListElement, };\nexport type VirtualListEventMap = Readonly<{}>;\nconst events = {} as VirtualListEventMap;\nexport type VirtualListProps<T1> = WebComponentProps<VirtualListElement<T1>, VirtualListEventMap>;\nexport const VirtualList = createComponent({\n elementClass: VirtualListElement, events, react: React, tagName: \"vaadin-virtual-list\"\n}) as <T1>(props: VirtualListProps<T1> & React.RefAttributes<VirtualListElement<T1>>) => React.ReactElement | null;\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,8CACd,OAAgD,cAAAA,MAAyD,QCAzG,OAAS,eAAeC,MAA2B,8CACnD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC,EDDD,OAAuC,oBAAAC,MAAwB,kCAuB3D,cAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIN,EAAiBG,EAAM,UAAYA,EAAM,QAAQ,EAE7E,OACEF,EAACC,EAAA,CAAqB,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EACjD,SAAAD,EACH,CAEJ,CAEA,IAAME,EAAuBC,EAAWN,CAAW",
|
|
6
|
+
"names": ["forwardRef", "VirtualListElement", "React", "createComponent", "events", "VirtualList", "createComponent", "VirtualListElement", "React", "useModelRenderer", "jsx", "VirtualList", "props", "ref", "portals", "renderer", "ForwardedVirtualList", "forwardRef"]
|
|
7
|
+
}
|
package/css/Lumo.css
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* Generated file, do not edit */
|
|
2
|
+
|
|
3
|
+
@import url(./lumo/ColorBase.css);
|
|
4
|
+
|
|
5
|
+
@import url(./lumo/FontIcons.css);
|
|
6
|
+
|
|
7
|
+
@import url(./lumo/Sizing.css);
|
|
8
|
+
|
|
9
|
+
@import url(./lumo/Style.css);
|
|
10
|
+
|
|
11
|
+
@import url(./lumo/Spacing.css);
|
|
12
|
+
|
|
13
|
+
@import url(./lumo/Font.css);
|
|
14
|
+
|
|
15
|
+
@import url(./lumo/UserColors.css);
|
package/css/Material.css
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/* Generated file, do not edit */
|
|
2
|
+
|
|
3
|
+
@import url(./material/FontIcons.css);
|
|
4
|
+
|
|
5
|
+
@import url(./material/ColorBase.css);
|
|
6
|
+
|
|
7
|
+
@import url(./material/Font.css);
|
|
8
|
+
|
|
9
|
+
@import url(./material/Typography.css);
|
|
10
|
+
|
|
11
|
+
@import url(./material/Shadow.css);
|
|
12
|
+
|
|
13
|
+
@import url(./material/UserColors.css);
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
/* Generated file, do not edit */
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
[theme~='badge'] {
|
|
5
|
+
display: inline-flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);
|
|
10
|
+
color: var(--lumo-primary-text-color);
|
|
11
|
+
background-color: var(--lumo-primary-color-10pct);
|
|
12
|
+
border-radius: var(--lumo-border-radius-s);
|
|
13
|
+
font-family: var(--lumo-font-family);
|
|
14
|
+
font-size: var(--lumo-font-size-s);
|
|
15
|
+
line-height: 1;
|
|
16
|
+
font-weight: 500;
|
|
17
|
+
text-transform: initial;
|
|
18
|
+
letter-spacing: initial;
|
|
19
|
+
min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);
|
|
20
|
+
flex-shrink: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* Ensure proper vertical alignment */
|
|
24
|
+
[theme~='badge']::before {
|
|
25
|
+
display: inline-block;
|
|
26
|
+
content: '\\2003';
|
|
27
|
+
width: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
[theme~='badge'][theme~='small'] {
|
|
31
|
+
font-size: var(--lumo-font-size-xxs);
|
|
32
|
+
line-height: 1;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* Colors */
|
|
36
|
+
|
|
37
|
+
[theme~='badge'][theme~='success'] {
|
|
38
|
+
color: var(--lumo-success-text-color);
|
|
39
|
+
background-color: var(--lumo-success-color-10pct);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
[theme~='badge'][theme~='error'] {
|
|
43
|
+
color: var(--lumo-error-text-color);
|
|
44
|
+
background-color: var(--lumo-error-color-10pct);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
[theme~='badge'][theme~='warning'] {
|
|
48
|
+
color: var(--lumo-warning-text-color);
|
|
49
|
+
background-color: var(--lumo-warning-color-10pct);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
[theme~='badge'][theme~='contrast'] {
|
|
53
|
+
color: var(--lumo-contrast-80pct);
|
|
54
|
+
background-color: var(--lumo-contrast-5pct);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Primary */
|
|
58
|
+
|
|
59
|
+
[theme~='badge'][theme~='primary'] {
|
|
60
|
+
color: var(--lumo-primary-contrast-color);
|
|
61
|
+
background-color: var(--lumo-primary-color);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
[theme~='badge'][theme~='success'][theme~='primary'] {
|
|
65
|
+
color: var(--lumo-success-contrast-color);
|
|
66
|
+
background-color: var(--lumo-success-color);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
[theme~='badge'][theme~='error'][theme~='primary'] {
|
|
70
|
+
color: var(--lumo-error-contrast-color);
|
|
71
|
+
background-color: var(--lumo-error-color);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
[theme~='badge'][theme~='warning'][theme~='primary'] {
|
|
75
|
+
color: var(--lumo-warning-contrast-color);
|
|
76
|
+
background-color: var(--lumo-warning-color);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
[theme~='badge'][theme~='contrast'][theme~='primary'] {
|
|
80
|
+
color: var(--lumo-base-color);
|
|
81
|
+
background-color: var(--lumo-contrast);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
/* Links */
|
|
85
|
+
|
|
86
|
+
[theme~='badge'][href]:hover {
|
|
87
|
+
text-decoration: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/* Icon */
|
|
91
|
+
|
|
92
|
+
[theme~='badge'] vaadin-icon {
|
|
93
|
+
margin: -0.25em 0;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
[theme~='badge'] vaadin-icon:first-child {
|
|
97
|
+
margin-left: -0.375em;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
[theme~='badge'] vaadin-icon:last-child {
|
|
101
|
+
margin-right: -0.375em;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
vaadin-icon[theme~='badge'][icon] {
|
|
105
|
+
min-width: 0;
|
|
106
|
+
padding: 0;
|
|
107
|
+
font-size: 1rem;
|
|
108
|
+
width: var(--lumo-icon-size-m);
|
|
109
|
+
height: var(--lumo-icon-size-m);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
vaadin-icon[theme~='badge'][icon][theme~='small'] {
|
|
113
|
+
width: var(--lumo-icon-size-s);
|
|
114
|
+
height: var(--lumo-icon-size-s);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/* Empty */
|
|
118
|
+
|
|
119
|
+
[theme~='badge']:not([icon]):empty {
|
|
120
|
+
min-width: 0;
|
|
121
|
+
width: 1em;
|
|
122
|
+
height: 1em;
|
|
123
|
+
padding: 0;
|
|
124
|
+
border-radius: 50%;
|
|
125
|
+
background-color: var(--lumo-primary-color);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
[theme~='badge'][theme~='small']:not([icon]):empty {
|
|
129
|
+
width: 0.75em;
|
|
130
|
+
height: 0.75em;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
[theme~='badge'][theme~='contrast']:not([icon]):empty {
|
|
134
|
+
background-color: var(--lumo-contrast);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
[theme~='badge'][theme~='success']:not([icon]):empty {
|
|
138
|
+
background-color: var(--lumo-success-color);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
[theme~='badge'][theme~='error']:not([icon]):empty {
|
|
142
|
+
background-color: var(--lumo-error-color);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
[theme~='badge'][theme~='warning']:not([icon]):empty {
|
|
146
|
+
background-color: var(--lumo-warning-color);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/* Pill */
|
|
150
|
+
|
|
151
|
+
[theme~='badge'][theme~='pill'] {
|
|
152
|
+
--lumo-border-radius-s: 1em;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
/* RTL specific styles */
|
|
156
|
+
|
|
157
|
+
[dir='rtl'][theme~='badge'] vaadin-icon:first-child {
|
|
158
|
+
margin-right: -0.375em;
|
|
159
|
+
margin-left: 0;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
[dir='rtl'][theme~='badge'] vaadin-icon:last-child {
|
|
163
|
+
margin-left: -0.375em;
|
|
164
|
+
margin-right: 0;
|
|
165
|
+
}
|