From 56488e7375d1131ef80b12044a62059f9a659169 Mon Sep 17 00:00:00 2001 From: Enrico Sacchetti Date: Fri, 23 Jun 2023 11:19:16 -0400 Subject: [PATCH] chore: migrate to svelte-4 - Use `SvelteComponent` instead of `SvelteComponentTyped` - use `local` transitions for backwards-compatibility --- package.json | 10 +- src/Button/Button.svelte | 2 +- src/ComposedModal/ModalFooter.svelte | 2 +- src/ContextMenu/ContextMenuOption.svelte | 2 +- src/Link/Link.svelte | 2 +- src/Modal/Modal.svelte | 2 +- src/Notification/NotificationButton.svelte | 2 +- src/OverflowMenu/OverflowMenu.svelte | 2 +- src/Search/Search.svelte | 2 +- src/Tag/Tag.svelte | 2 +- src/Tooltip/Tooltip.svelte | 2 +- src/TooltipIcon/TooltipIcon.svelte | 2 +- src/TreeView/TreeView.svelte | 2 +- src/TreeView/TreeViewNode.svelte | 2 +- src/TreeView/TreeViewNodeList.svelte | 2 +- src/UIShell/HamburgerMenu.svelte | 4 +- src/UIShell/Header.svelte | 4 +- src/UIShell/HeaderAction.svelte | 4 +- src/UIShell/HeaderActionLink.svelte | 2 +- src/UIShell/HeaderGlobalAction.svelte | 2 +- src/UIShell/SideNavLink.svelte | 2 +- src/UIShell/SideNavMenu.svelte | 2 +- types/Accordion/Accordion.svelte.d.ts | 4 +- types/Accordion/AccordionItem.svelte.d.ts | 4 +- types/Accordion/AccordionSkeleton.svelte.d.ts | 4 +- types/AspectRatio/AspectRatio.svelte.d.ts | 4 +- types/Breadcrumb/Breadcrumb.svelte.d.ts | 4 +- types/Breadcrumb/BreadcrumbItem.svelte.d.ts | 4 +- .../Breadcrumb/BreadcrumbSkeleton.svelte.d.ts | 4 +- types/Breakpoint/Breakpoint.svelte.d.ts | 4 +- types/Button/Button.svelte.d.ts | 4 +- types/Button/ButtonSet.svelte.d.ts | 4 +- types/Button/ButtonSkeleton.svelte.d.ts | 4 +- types/Checkbox/Checkbox.svelte.d.ts | 4 +- types/Checkbox/CheckboxSkeleton.svelte.d.ts | 4 +- types/CodeSnippet/CodeSnippet.svelte.d.ts | 4 +- .../CodeSnippetSkeleton.svelte.d.ts | 4 +- types/ComboBox/ComboBox.svelte.d.ts | 4 +- types/ComposedModal/ComposedModal.svelte.d.ts | 4 +- types/ComposedModal/ModalBody.svelte.d.ts | 4 +- types/ComposedModal/ModalFooter.svelte.d.ts | 4 +- types/ComposedModal/ModalHeader.svelte.d.ts | 4 +- .../ContentSwitcher.svelte.d.ts | 4 +- types/ContentSwitcher/Switch.svelte.d.ts | 4 +- types/ContextMenu/ContextMenu.svelte.d.ts | 4 +- .../ContextMenuDivider.svelte.d.ts | 4 +- .../ContextMenu/ContextMenuGroup.svelte.d.ts | 4 +- .../ContextMenu/ContextMenuOption.svelte.d.ts | 4 +- .../ContextMenuRadioGroup.svelte.d.ts | 4 +- types/CopyButton/CopyButton.svelte.d.ts | 4 +- types/DataTable/DataTable.svelte.d.ts | 4 +- types/DataTable/DataTableSkeleton.svelte.d.ts | 4 +- types/DataTable/Table.svelte.d.ts | 4 +- types/DataTable/TableBody.svelte.d.ts | 4 +- types/DataTable/TableCell.svelte.d.ts | 4 +- types/DataTable/TableContainer.svelte.d.ts | 4 +- types/DataTable/TableHead.svelte.d.ts | 4 +- types/DataTable/TableHeader.svelte.d.ts | 4 +- types/DataTable/TableRow.svelte.d.ts | 4 +- types/DataTable/Toolbar.svelte.d.ts | 4 +- .../DataTable/ToolbarBatchActions.svelte.d.ts | 4 +- types/DataTable/ToolbarContent.svelte.d.ts | 4 +- types/DataTable/ToolbarMenu.svelte.d.ts | 4 +- types/DataTable/ToolbarMenuItem.svelte.d.ts | 4 +- types/DataTable/ToolbarSearch.svelte.d.ts | 4 +- types/DatePicker/DatePicker.svelte.d.ts | 4 +- types/DatePicker/DatePickerInput.svelte.d.ts | 4 +- .../DatePicker/DatePickerSkeleton.svelte.d.ts | 4 +- types/Dropdown/Dropdown.svelte.d.ts | 4 +- types/Dropdown/DropdownSkeleton.svelte.d.ts | 4 +- types/FileUploader/FileUploader.svelte.d.ts | 4 +- .../FileUploaderButton.svelte.d.ts | 4 +- .../FileUploaderDropContainer.svelte.d.ts | 4 +- .../FileUploader/FileUploaderItem.svelte.d.ts | 4 +- .../FileUploaderSkeleton.svelte.d.ts | 4 +- types/FileUploader/Filename.svelte.d.ts | 4 +- types/FluidForm/FluidForm.svelte.d.ts | 4 +- types/Form/Form.svelte.d.ts | 4 +- types/FormGroup/FormGroup.svelte.d.ts | 4 +- types/FormItem/FormItem.svelte.d.ts | 4 +- types/FormLabel/FormLabel.svelte.d.ts | 4 +- types/Grid/Column.svelte.d.ts | 4 +- types/Grid/Grid.svelte.d.ts | 4 +- types/Grid/Row.svelte.d.ts | 4 +- types/ImageLoader/ImageLoader.svelte.d.ts | 4 +- types/InlineLoading/InlineLoading.svelte.d.ts | 4 +- types/Link/Link.svelte.d.ts | 4 +- types/Link/OutboundLink.svelte.d.ts | 4 +- types/ListBox/ListBox.svelte.d.ts | 4 +- types/ListBox/ListBoxField.svelte.d.ts | 4 +- types/ListBox/ListBoxMenu.svelte.d.ts | 4 +- types/ListBox/ListBoxMenuIcon.svelte.d.ts | 4 +- types/ListBox/ListBoxMenuItem.svelte.d.ts | 4 +- types/ListBox/ListBoxSelection.svelte.d.ts | 4 +- types/ListItem/ListItem.svelte.d.ts | 4 +- types/Loading/Loading.svelte.d.ts | 4 +- types/LocalStorage/LocalStorage.svelte.d.ts | 4 +- types/Modal/Modal.svelte.d.ts | 4 +- types/MultiSelect/MultiSelect.svelte.d.ts | 4 +- .../InlineNotification.svelte.d.ts | 4 +- .../NotificationActionButton.svelte.d.ts | 4 +- .../NotificationButton.svelte.d.ts | 4 +- .../Notification/NotificationIcon.svelte.d.ts | 4 +- .../ToastNotification.svelte.d.ts | 4 +- types/NumberInput/NumberInput.svelte.d.ts | 4 +- .../NumberInputSkeleton.svelte.d.ts | 4 +- types/OrderedList/OrderedList.svelte.d.ts | 4 +- types/OverflowMenu/OverflowMenu.svelte.d.ts | 4 +- .../OverflowMenu/OverflowMenuItem.svelte.d.ts | 4 +- types/Pagination/Pagination.svelte.d.ts | 4 +- .../Pagination/PaginationSkeleton.svelte.d.ts | 4 +- types/PaginationNav/PaginationNav.svelte.d.ts | 4 +- types/Popover/Popover.svelte.d.ts | 4 +- types/ProgressBar/ProgressBar.svelte.d.ts | 4 +- .../ProgressIndicator.svelte.d.ts | 4 +- .../ProgressIndicatorSkeleton.svelte.d.ts | 4 +- .../ProgressStep.svelte.d.ts | 4 +- types/RadioButton/RadioButton.svelte.d.ts | 4 +- .../RadioButtonSkeleton.svelte.d.ts | 4 +- .../RadioButtonGroup.svelte.d.ts | 4 +- types/RecursiveList/RecursiveList.svelte.d.ts | 4 +- types/Search/Search.svelte.d.ts | 4 +- types/Search/SearchSkeleton.svelte.d.ts | 4 +- types/Select/Select.svelte.d.ts | 4 +- types/Select/SelectItem.svelte.d.ts | 4 +- types/Select/SelectItemGroup.svelte.d.ts | 4 +- types/Select/SelectSkeleton.svelte.d.ts | 4 +- .../SkeletonPlaceholder.svelte.d.ts | 4 +- types/SkeletonText/SkeletonText.svelte.d.ts | 4 +- types/Slider/Slider.svelte.d.ts | 4 +- types/Slider/SliderSkeleton.svelte.d.ts | 4 +- .../StructuredList/StructuredList.svelte.d.ts | 4 +- .../StructuredListBody.svelte.d.ts | 4 +- .../StructuredListCell.svelte.d.ts | 4 +- .../StructuredListHead.svelte.d.ts | 4 +- .../StructuredListInput.svelte.d.ts | 4 +- .../StructuredListRow.svelte.d.ts | 4 +- .../StructuredListSkeleton.svelte.d.ts | 4 +- types/Tabs/Tab.svelte.d.ts | 4 +- types/Tabs/TabContent.svelte.d.ts | 4 +- types/Tabs/Tabs.svelte.d.ts | 4 +- types/Tabs/TabsSkeleton.svelte.d.ts | 4 +- types/Tag/Tag.svelte.d.ts | 4 +- types/Tag/TagSkeleton.svelte.d.ts | 4 +- types/TextArea/TextArea.svelte.d.ts | 4 +- types/TextArea/TextAreaSkeleton.svelte.d.ts | 4 +- types/TextInput/PasswordInput.svelte.d.ts | 4 +- types/TextInput/TextInput.svelte.d.ts | 4 +- types/TextInput/TextInputSkeleton.svelte.d.ts | 4 +- types/Theme/Theme.svelte.d.ts | 4 +- types/Tile/ClickableTile.svelte.d.ts | 4 +- types/Tile/ExpandableTile.svelte.d.ts | 4 +- types/Tile/RadioTile.svelte.d.ts | 4 +- types/Tile/SelectableTile.svelte.d.ts | 4 +- types/Tile/Tile.svelte.d.ts | 4 +- types/Tile/TileGroup.svelte.d.ts | 4 +- types/TimePicker/TimePicker.svelte.d.ts | 4 +- types/TimePicker/TimePickerSelect.svelte.d.ts | 4 +- types/Toggle/Toggle.svelte.d.ts | 4 +- types/Toggle/ToggleSkeleton.svelte.d.ts | 4 +- types/Tooltip/Tooltip.svelte.d.ts | 4 +- types/Tooltip/TooltipFooter.svelte.d.ts | 4 +- .../TooltipDefinition.svelte.d.ts | 4 +- types/TooltipIcon/TooltipIcon.svelte.d.ts | 4 +- types/TreeView/TreeView.svelte.d.ts | 4 +- types/Truncate/Truncate.svelte.d.ts | 4 +- types/UIShell/Content.svelte.d.ts | 4 +- types/UIShell/Header.svelte.d.ts | 4 +- types/UIShell/HeaderAction.svelte.d.ts | 4 +- types/UIShell/HeaderActionLink.svelte.d.ts | 4 +- types/UIShell/HeaderGlobalAction.svelte.d.ts | 4 +- types/UIShell/HeaderNav.svelte.d.ts | 4 +- types/UIShell/HeaderNavItem.svelte.d.ts | 4 +- types/UIShell/HeaderNavMenu.svelte.d.ts | 4 +- types/UIShell/HeaderPanelDivider.svelte.d.ts | 4 +- types/UIShell/HeaderPanelLink.svelte.d.ts | 4 +- types/UIShell/HeaderPanelLinks.svelte.d.ts | 4 +- types/UIShell/HeaderSearch.svelte.d.ts | 4 +- types/UIShell/HeaderUtilities.svelte.d.ts | 4 +- types/UIShell/SideNav.svelte.d.ts | 4 +- types/UIShell/SideNavDivider.svelte.d.ts | 4 +- types/UIShell/SideNavItems.svelte.d.ts | 4 +- types/UIShell/SideNavLink.svelte.d.ts | 4 +- types/UIShell/SideNavMenu.svelte.d.ts | 4 +- types/UIShell/SideNavMenuItem.svelte.d.ts | 4 +- types/UIShell/SkipToContent.svelte.d.ts | 4 +- types/UnorderedList/UnorderedList.svelte.d.ts | 4 +- types/icons/Search.svelte.d.ts | 4 +- yarn.lock | 163 ++++++++++++++++-- 189 files changed, 508 insertions(+), 377 deletions(-) diff --git a/package.json b/package.json index 42cbb7fe..0a0491e1 100644 --- a/package.json +++ b/package.json @@ -32,16 +32,16 @@ "carbon-icons-svelte": "^11.2.0", "postcss": "^8.4.16", "prettier": "^2.7.1", - "prettier-plugin-svelte": "^2.7.0", + "prettier-plugin-svelte": "^2.10.1", "rollup": "^2.78.1", - "rollup-plugin-svelte": "^7.1.0", + "rollup-plugin-svelte": "^7.1.5", "rollup-plugin-terser": "^7.0.2", "sass": "^1.49.11", "standard-version": "^9.5.0", "sveld": "^0.18.0", - "svelte": "^3.58.0", + "svelte": "^4.0.0", "svelte-check": "^3.4.3", - "typescript": "^4.7.4" + "typescript": "^5.0.0" }, "standard-version": { "skip": { @@ -76,4 +76,4 @@ "Eric Liu (https://github.com/metonym)", "Enrico Sacchetti (https://github.com/theetrain)" ] -} +} \ No newline at end of file diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte index 3f552730..6f65304d 100644 --- a/src/Button/Button.svelte +++ b/src/Button/Button.svelte @@ -27,7 +27,7 @@ /** * Specify the icon to render - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = undefined; diff --git a/src/ComposedModal/ModalFooter.svelte b/src/ComposedModal/ModalFooter.svelte index bb6ca7d4..a90be397 100644 --- a/src/ComposedModal/ModalFooter.svelte +++ b/src/ComposedModal/ModalFooter.svelte @@ -8,7 +8,7 @@ /** * Specify the primary button icon - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let primaryButtonIcon = undefined; diff --git a/src/ContextMenu/ContextMenuOption.svelte b/src/ContextMenu/ContextMenuOption.svelte index 4a5f9800..8baf43bc 100644 --- a/src/ContextMenu/ContextMenuOption.svelte +++ b/src/ContextMenu/ContextMenuOption.svelte @@ -14,7 +14,7 @@ /** * Specify the icon to render * Icon is rendered to the left of the label text - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = undefined; diff --git a/src/Link/Link.svelte b/src/Link/Link.svelte index 321d3756..6550f5f5 100644 --- a/src/Link/Link.svelte +++ b/src/Link/Link.svelte @@ -19,7 +19,7 @@ /** * Specify the icon to render * `inline` must be `false` - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = undefined; diff --git a/src/Modal/Modal.svelte b/src/Modal/Modal.svelte index a75e6aa6..4ce6d848 100644 --- a/src/Modal/Modal.svelte +++ b/src/Modal/Modal.svelte @@ -57,7 +57,7 @@ /** * Specify the primary button icon - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let primaryButtonIcon = undefined; diff --git a/src/Notification/NotificationButton.svelte b/src/Notification/NotificationButton.svelte index b25647b7..308563bf 100644 --- a/src/Notification/NotificationButton.svelte +++ b/src/Notification/NotificationButton.svelte @@ -7,7 +7,7 @@ /** * Specify the icon to render - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = Close; diff --git a/src/OverflowMenu/OverflowMenu.svelte b/src/OverflowMenu/OverflowMenu.svelte index ac7eb896..fbc331fd 100644 --- a/src/OverflowMenu/OverflowMenu.svelte +++ b/src/OverflowMenu/OverflowMenu.svelte @@ -33,7 +33,7 @@ /** * Specify the icon to render. * Defaults to `` - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = OverflowMenuVertical; diff --git a/src/Search/Search.svelte b/src/Search/Search.svelte index 94f94d17..26683995 100644 --- a/src/Search/Search.svelte +++ b/src/Search/Search.svelte @@ -56,7 +56,7 @@ /** * Specify the icon to render. * Defaults to `` - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = IconSearch; diff --git a/src/Tag/Tag.svelte b/src/Tag/Tag.svelte index ba9d699e..6455d499 100644 --- a/src/Tag/Tag.svelte +++ b/src/Tag/Tag.svelte @@ -27,7 +27,7 @@ /** * Specify the icon to render - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = undefined; diff --git a/src/Tooltip/Tooltip.svelte b/src/Tooltip/Tooltip.svelte index b9df6d48..7b861258 100644 --- a/src/Tooltip/Tooltip.svelte +++ b/src/Tooltip/Tooltip.svelte @@ -31,7 +31,7 @@ /** * Specify the icon to render for the tooltip button. * Default to `` - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = Information; diff --git a/src/TooltipIcon/TooltipIcon.svelte b/src/TooltipIcon/TooltipIcon.svelte index bfcc1170..8eac1faa 100644 --- a/src/TooltipIcon/TooltipIcon.svelte +++ b/src/TooltipIcon/TooltipIcon.svelte @@ -7,7 +7,7 @@ /** * Specify the icon to render - * @type {typeof import("svelte").SvelteComponent} + * @type {typeof import("svelte").SvelteComponent} */ export let icon = undefined; diff --git a/src/TreeView/TreeView.svelte b/src/TreeView/TreeView.svelte index c1aaaa42..fa25b8a0 100644 --- a/src/TreeView/TreeView.svelte +++ b/src/TreeView/TreeView.svelte @@ -1,7 +1,7 @@