chore: migrate to svelte-4

- Use `SvelteComponent` instead of `SvelteComponentTyped`
- use `local` transitions for backwards-compatibility
This commit is contained in:
Enrico Sacchetti 2023-06-23 11:19:16 -04:00
commit 56488e7375
No known key found for this signature in database
GPG key ID: 3374B89ECA60D796
189 changed files with 508 additions and 377 deletions

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export type DataTableKey = string;
@ -178,7 +178,7 @@ export interface DataTableProps
page?: number;
}
export default class DataTable extends SvelteComponentTyped<
export default class DataTable extends SvelteComponent<
DataTableProps,
{
click: CustomEvent<{

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
import type { DataTableHeader } from "./DataTable.svelte";
export interface DataTableSkeletonProps
@ -50,7 +50,7 @@ export interface DataTableSkeletonProps
showToolbar?: boolean;
}
export default class DataTableSkeleton extends SvelteComponentTyped<
export default class DataTableSkeleton extends SvelteComponent<
DataTableSkeletonProps,
{
click: WindowEventMap["click"];

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface TableProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
@ -40,7 +40,7 @@ export interface TableProps
tableStyle?: string;
}
export default class Table extends SvelteComponentTyped<
export default class Table extends SvelteComponent<
TableProps,
{},
{ default: {} }

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface TableBodyProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tbody"]> {}
export default class TableBody extends SvelteComponentTyped<
export default class TableBody extends SvelteComponent<
TableBodyProps,
{},
{ default: {} }

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface TableCellProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["td"]> {}
export default class TableCell extends SvelteComponentTyped<
export default class TableCell extends SvelteComponent<
TableCellProps,
{
click: WindowEventMap["click"];

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface TableContainerProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -28,7 +28,7 @@ export interface TableContainerProps
useStaticWidth?: boolean;
}
export default class TableContainer extends SvelteComponentTyped<
export default class TableContainer extends SvelteComponent<
TableContainerProps,
{},
{ default: {} }

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface TableHeadProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["thead"]> {}
export default class TableHead extends SvelteComponentTyped<
export default class TableHead extends SvelteComponent<
TableHeadProps,
{
click: WindowEventMap["click"];

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface TableHeaderProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["th"]> {
@ -40,7 +40,7 @@ export interface TableHeaderProps
id?: string;
}
export default class TableHeader extends SvelteComponentTyped<
export default class TableHeader extends SvelteComponent<
TableHeaderProps,
{
mouseover: WindowEventMap["mouseover"];

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface TableRowProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tr"]> {}
export default class TableRow extends SvelteComponentTyped<
export default class TableRow extends SvelteComponent<
TableRowProps,
{
click: WindowEventMap["click"];

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ToolbarProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
@ -10,7 +10,7 @@ export interface ToolbarProps
size?: "sm" | "default";
}
export default class Toolbar extends SvelteComponentTyped<
export default class Toolbar extends SvelteComponent<
ToolbarProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ToolbarBatchActionsProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -16,7 +16,7 @@ export interface ToolbarBatchActionsProps
active?: undefined | boolean;
}
export default class ToolbarBatchActions extends SvelteComponentTyped<
export default class ToolbarBatchActions extends SvelteComponent<
ToolbarBatchActionsProps,
{ cancel: CustomEvent<null> },
{ default: {}; cancel: {} }

View file

@ -1,9 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ToolbarContentProps {}
export default class ToolbarContent extends SvelteComponentTyped<
export default class ToolbarContent extends SvelteComponent<
ToolbarContentProps,
{},
{ default: {} }

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte";
export interface ToolbarMenuProps extends OverflowMenuProps {}
export default class ToolbarMenu extends SvelteComponentTyped<
export default class ToolbarMenu extends SvelteComponent<
ToolbarMenuProps,
{},
{ default: {} }

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte";
export interface ToolbarMenuItemProps extends OverflowMenuItemProps {}
export default class ToolbarMenuItem extends SvelteComponentTyped<
export default class ToolbarMenuItem extends SvelteComponent<
ToolbarMenuItemProps,
{ click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ToolbarSearchProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
@ -63,7 +63,7 @@ export interface ToolbarSearchProps
ref?: null | HTMLInputElement;
}
export default class ToolbarSearch extends SvelteComponentTyped<
export default class ToolbarSearch extends SvelteComponent<
ToolbarSearchProps,
{
clear: WindowEventMap["clear"];