From 0d8064043ff70169158517e60096cd6a67edb003 Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Wed, 25 Nov 2020 10:19:11 -0800 Subject: [PATCH] fix(types): export component types (#411) --- COMPONENT_INDEX.md | 108 +++++++++--------- docs/src/COMPONENT_API.json | 82 ++++++++----- package.json | 2 +- src/DataTable/DataTable.svelte | 40 +++---- src/RadioButtonGroup/RadioButtonGroup.svelte | 21 ++-- tests/ComboBox.test.svelte | 19 ++- types/ComboBox/ComboBox.d.ts | 2 +- types/DataTable/DataTable.d.ts | 61 +++++----- types/Dropdown/Dropdown.d.ts | 6 +- types/FileUploader/FileUploader.d.ts | 2 +- types/FileUploader/FileUploaderButton.d.ts | 2 +- .../FileUploaderDropContainer.d.ts | 2 +- types/Grid/Column.d.ts | 6 +- types/ListBox/ListBoxField.d.ts | 2 +- types/ListBox/ListBoxMenuIcon.d.ts | 2 +- types/ListBox/ListBoxSelection.d.ts | 2 +- types/MultiSelect/MultiSelect.d.ts | 6 +- types/NumberInput/NumberInput.d.ts | 2 +- yarn.lock | 22 ++-- 19 files changed, 214 insertions(+), 175 deletions(-) diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 9b15e700..8bac4cdc 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -548,14 +548,14 @@ None. ### Types ```ts -type ColumnSize = boolean | number; +export type ColumnSize = boolean | number; -interface ColumnSizeDescriptor { +export interface ColumnSizeDescriptor { span?: ColumnSize; offset: number; } -type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor; +export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor; ``` ### Props @@ -588,7 +588,7 @@ None. ### Types ```ts -interface ComboBoxItem { +export interface ComboBoxItem { id: string; text: string; } @@ -722,9 +722,9 @@ None. ### Slots -| Slot name | Default | Props | Fallback | -| :-------- | :------ | :---- | :----------------------------------------------------------------------------------- | -| -- | Yes | -- | {#if animation}{feedback || \$\$restProps['aria-label']}{/if} | +| Slot name | Default | Props | Fallback | +| :-------- | :------ | :---- | :--------------------------------------------------------------------------------- | +| -- | Yes | -- | {#if animation}{feedback || $$restProps['aria-label']}{/if} | ### Events @@ -757,35 +757,35 @@ None. ### Types ```ts -type Key = string; +export type DataTableKey = string; -type Value = any; +export type DataTableValue = any; -interface EmptyHeader { - key: Key; +export interface DataTableEmptyHeader { + key: DataTableKey; empty: boolean; - display?: (item: Value) => Value; - sort?: (a: Value, b: Value) => 0 | -1 | 1; + display?: (item: Value) => DataTableValue; + sort?: (a: DataTableValue, b: DataTableValue) => 0 | -1 | 1; columnMenu?: boolean; } -interface NonEmptyHeader { - key: Key; - value: Value; - display?: (item: Value) => Value; - sort?: (a: Value, b: Value) => 0 | -1 | 1; +export interface DataTableNonEmptyHeader { + key: DataTableKey; + value: DataTableValue; + display?: (item: Value) => DataTableValue; + sort?: (a: DataTableValue, b: DataTableValue) => 0 | -1 | 1; columnMenu?: boolean; } -type DataTableHeader = NonEmptyHeader | EmptyHeader; +export type DataTableHeader = DataTableNonEmptyHeader | DataTableEmptyHeader; -type Row = Record; +export type DataTableRow = Record; -type RowId = string; +export type DataTableRowId = string; -interface Cell { - key: Key; - value: Value; +export interface DataTableCell { + key: DataTableKey; + value: DataTableValue; } ``` @@ -793,11 +793,11 @@ interface Cell { | Prop name | Kind | Reactive | Type | Default value | Description | | :------------- | :--------------- | :------- | :-------------------------------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------- | -| selectedRowIds | let | Yes | RowId[] | [] | Specify the row ids to be selected | +| selectedRowIds | let | Yes | DataTableRowId[] | [] | Specify the row ids to be selected | | selectable | let | Yes | boolean | false | Set to `true` for the selectable variant
Automatically set to `true` if `radio` or `batchSelection` are `true` | -| expandedRowIds | let | Yes | RowId[] | [] | Specify the row ids to be expanded | +| expandedRowIds | let | Yes | DataTableRowId[] | [] | Specify the row ids to be expanded | | expandable | let | Yes | boolean | false | Set to `true` for the expandable variant
Automatically set to `true` if `batchExpansion` is `true` | -| rows | let | Yes | Row[] | [] | Specify the rows the data table should render
keys defined in `headers` are used for the row ids | +| rows | let | Yes | DataTableRow[] | [] | Specify the rows the data table should render
keys defined in `headers` are used for the row ids | | headers | let | No | DataTableHeader[] | [] | Specify the data table headers | | size | let | No | "compact" | "short" | "tall" | -- | Set the size of the data table | | title | let | No | string | "" | Specify the title of the data table | @@ -811,25 +811,25 @@ interface Cell { ### Slots -| Slot name | Default | Props | Fallback | -| :----------- | :------ | :---------------------------------------- | :------------------------------------------------------------------------------ | -| -- | Yes | -- | -- | -| cell | No | { row: Row; cell: Cell; } | {headers[j].display ? headers[j].display(cell.value) : cell.value} | -| cell-header | No | { header: NonEmptyHeader; } | {header.value} | -| expanded-row | No | { row: Row; } | -- | +| Slot name | Default | Props | Fallback | +| :----------- | :------ | :-------------------------------------------------------- | :------------------------------------------------------------------------------ | +| -- | Yes | -- | -- | +| cell | No | { row: DataTableRow; cell: DataTableCell; } | {headers[j].display ? headers[j].display(cell.value) : cell.value} | +| cell-header | No | { header: DataTableNonEmptyHeader; } | {header.value} | +| expanded-row | No | { row: DataTableRow; } | -- | ### Events | Event name | Type | Detail | | :------------------- | :--------- | :----------------------------------------------------------------------------------------------------- | -| click | dispatched | { header?: DataTableHeader; row?: Row; cell?: Cell; } | +| click | dispatched | { header?: DataTableHeader; row?: DataTableRow; cell?: DataTableCell; } | | click:header--expand | dispatched | { expanded: boolean; } | | click:header | dispatched | { header: DataTableHeader; sortDirection: "ascending" | "descending" | "none" } | -| click:row | dispatched | Row | -| mouseenter:row | dispatched | Row | -| mouseleave:row | dispatched | Row | -| click:row--expand | dispatched | { expanded: boolean; row: Row; } | -| click:cell | dispatched | Cell | +| click:row | dispatched | DataTableRow | +| mouseenter:row | dispatched | DataTableRow | +| mouseleave:row | dispatched | DataTableRow | +| click:row--expand | dispatched | { expanded: boolean; row: DataTableRow; } | +| click:cell | dispatched | DataTableCell | ## `DataTableSkeleton` @@ -950,11 +950,11 @@ None. ### Types ```ts -type DropdownItemId = string; +export type DropdownItemId = string; -type DropdownItemText = string; +export type DropdownItemText = string; -interface DropdownItem { +export interface DropdownItem { id: DropdownItemId; text: DropdownItemText; } @@ -1052,7 +1052,7 @@ None. ### Types ```ts -type Files = string[]; +export type Files = string[]; ``` ### Props @@ -1093,7 +1093,7 @@ None. ### Types ```ts -type Files = string[]; +export type Files = string[]; ``` ### Props @@ -1129,7 +1129,7 @@ None. ### Types ```ts -type Files = string[]; +export type Files = string[]; ``` ### Props @@ -1783,7 +1783,7 @@ None. ### Types ```ts -type ListBoxFieldTranslationId = "close" | "open"; +export type ListBoxFieldTranslationId = "close" | "open"; ``` ### Props @@ -1841,7 +1841,7 @@ type ListBoxFieldTranslationId = "close" | "open"; ### Types ```ts -type ListBoxMenuIconTranslationId = "close" | "open"; +export type ListBoxMenuIconTranslationId = "close" | "open"; ``` ### Props @@ -1890,7 +1890,7 @@ None. ### Types ```ts -type ListBoxSelectionTranslationId = "clearAll" | "clearSelection"; +export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection"; ``` ### Props @@ -2075,11 +2075,11 @@ None. ### Types ```ts -type MultiSelectItemId = string; +export type MultiSelectItemId = string; -type MultiSelectItemText = string; +export type MultiSelectItemText = string; -interface MultiSelectItem { +export interface MultiSelectItem { id: MultiSelectItemId; text: MultiSelectItemText; } @@ -2217,7 +2217,7 @@ None. ### Types ```ts -type NumberInputTranslationId = "increment" | "decrement"; +export type NumberInputTranslationId = "increment" | "decrement"; ``` ### Props @@ -2388,12 +2388,12 @@ None. | backwardText | let | No | string | "Previous page" | Specify the backward button text | | itemsPerPageText | let | No | string | "Items per page:" | Specify the items per page text | | itemText | let | No | (min: number, max: number) => string | (min, max) => \`${min}–${max} items\` | Override the item text | -| itemRangeText | let | No | (min: number, max: number, total: number) => string | (min, max, total) => \`${min}–${max} of \${total} items\` | Override the item range text | +| itemRangeText | let | No | (min: number, max: number, total: number) => string | (min, max, total) => \`${min}–${max} of ${total} items\` | Override the item range text | | pageInputDisabled | let | No | boolean | false | Set to `true` to disable the page input | | pageSizeInputDisabled | let | No | boolean | false | Set to `true` to disable the page size input | | pageSizes | let | No | number[] | [10] | Specify the available page sizes | | pagesUnknown | let | No | boolean | false | Set to `true` if the number of pages is unknown | -| pageText | let | No | (page: number) => string | (page) => \`page \${page}\` | Override the page text | +| pageText | let | No | (page: number) => string | (page) => \`page ${page}\` | Override the page text | | pageRangeText | let | No | (current: number, total: number) => string | (current, total) => \`of ${total} page${total === 1 ? "" : "s"}\` | Override the page range text | | id | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the top-level element | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 75b47f39..79579b29 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -2434,7 +2434,7 @@ "name": "rows", "kind": "let", "description": "Specify the rows the data table should render\nkeys defined in `headers` are used for the row ids", - "type": "Row[]", + "type": "DataTableRow[]", "value": "[]", "isFunction": false, "constant": false, @@ -2513,7 +2513,7 @@ "name": "expandedRowIds", "kind": "let", "description": "Specify the row ids to be expanded", - "type": "RowId[]", + "type": "DataTableRowId[]", "value": "[]", "isFunction": false, "constant": false, @@ -2553,7 +2553,7 @@ "name": "selectedRowIds", "kind": "let", "description": "Specify the row ids to be selected", - "type": "RowId[]", + "type": "DataTableRowId[]", "value": "[]", "isFunction": false, "constant": false, @@ -2576,25 +2576,25 @@ "name": "cell", "default": false, "fallback": "{headers[j].display ? headers[j].display(cell.value) : cell.value}", - "slot_props": "{ row: Row; cell: Cell; }" + "slot_props": "{ row: DataTableRow; cell: DataTableCell; }" }, { "name": "cell-header", "default": false, "fallback": "{header.value}", - "slot_props": "{ header: NonEmptyHeader; }" + "slot_props": "{ header: DataTableNonEmptyHeader; }" }, { "name": "expanded-row", "default": false, - "slot_props": "{ row: Row; }" + "slot_props": "{ row: DataTableRow; }" } ], "events": [ { "type": "dispatched", "name": "click", - "detail": "{ header?: DataTableHeader; row?: Row; cell?: Cell; }" + "detail": "{ header?: DataTableHeader; row?: DataTableRow; cell?: DataTableCell; }" }, { "type": "dispatched", @@ -2606,44 +2606,68 @@ "name": "click:header", "detail": "{ header: DataTableHeader; sortDirection: \"ascending\" | \"descending\" | \"none\" }" }, - { "type": "dispatched", "name": "click:row", "detail": "Row" }, - { "type": "dispatched", "name": "mouseenter:row", "detail": "Row" }, - { "type": "dispatched", "name": "mouseleave:row", "detail": "Row" }, + { "type": "dispatched", "name": "click:row", "detail": "DataTableRow" }, + { + "type": "dispatched", + "name": "mouseenter:row", + "detail": "DataTableRow" + }, + { + "type": "dispatched", + "name": "mouseleave:row", + "detail": "DataTableRow" + }, { "type": "dispatched", "name": "click:row--expand", - "detail": "{ expanded: boolean; row: Row; }" + "detail": "{ expanded: boolean; row: DataTableRow; }" }, - { "type": "dispatched", "name": "click:cell", "detail": "Cell" } + { + "type": "dispatched", + "name": "click:cell", + "detail": "DataTableCell" + } ], "typedefs": [ - { "type": "string", "name": "Key", "ts": "type Key = string" }, - { "type": "any", "name": "Value", "ts": "type Value = any" }, { - "type": "{ key: Key; empty: boolean; display?: (item: Value) => Value; sort?: (a: Value, b: Value) => (0 | -1 | 1); columnMenu?: boolean; }", - "name": "EmptyHeader", - "ts": "interface EmptyHeader { key: Key; empty: boolean; display?: (item: Value) => Value; sort?: (a: Value, b: Value) => (0 | -1 | 1); columnMenu?: boolean; }" + "type": "string", + "name": "DataTableKey", + "ts": "type DataTableKey = string" }, { - "type": "{ key: Key; value: Value; display?: (item: Value) => Value; sort?: (a: Value, b: Value) => (0 | -1 | 1); columnMenu?: boolean; }", - "name": "NonEmptyHeader", - "ts": "interface NonEmptyHeader { key: Key; value: Value; display?: (item: Value) => Value; sort?: (a: Value, b: Value) => (0 | -1 | 1); columnMenu?: boolean; }" + "type": "any", + "name": "DataTableValue", + "ts": "type DataTableValue = any" }, { - "type": "NonEmptyHeader | EmptyHeader", + "type": "{ key: DataTableKey; empty: boolean; display?: (item: Value) => DataTableValue; sort?: (a: DataTableValue, b: DataTableValue) => (0 | -1 | 1); columnMenu?: boolean; }", + "name": "DataTableEmptyHeader", + "ts": "interface DataTableEmptyHeader { key: DataTableKey; empty: boolean; display?: (item: Value) => DataTableValue; sort?: (a: DataTableValue, b: DataTableValue) => (0 | -1 | 1); columnMenu?: boolean; }" + }, + { + "type": "{ key: DataTableKey; value: DataTableValue; display?: (item: Value) => DataTableValue; sort?: (a: DataTableValue, b: DataTableValue) => (0 | -1 | 1); columnMenu?: boolean; }", + "name": "DataTableNonEmptyHeader", + "ts": "interface DataTableNonEmptyHeader { key: DataTableKey; value: DataTableValue; display?: (item: Value) => DataTableValue; sort?: (a: DataTableValue, b: DataTableValue) => (0 | -1 | 1); columnMenu?: boolean; }" + }, + { + "type": "DataTableNonEmptyHeader | DataTableEmptyHeader", "name": "DataTableHeader", - "ts": "type DataTableHeader = NonEmptyHeader | EmptyHeader" + "ts": "type DataTableHeader = DataTableNonEmptyHeader | DataTableEmptyHeader" }, { - "type": "Record", - "name": "Row", - "ts": "type Row = Record" + "type": "Record", + "name": "DataTableRow", + "ts": "type DataTableRow = Record" }, - { "type": "string", "name": "RowId", "ts": "type RowId = string" }, { - "type": "{ key: Key; value: Value; }", - "name": "Cell", - "ts": "interface Cell { key: Key; value: Value; }" + "type": "string", + "name": "DataTableRowId", + "ts": "type DataTableRowId = string" + }, + { + "type": "{ key: DataTableKey; value: DataTableValue; }", + "name": "DataTableCell", + "ts": "interface DataTableCell { key: DataTableKey; value: DataTableValue; }" } ], "rest_props": { "type": "InlineComponent", "name": "TableContainer" } diff --git a/package.json b/package.json index 5302fe6f..85e55028 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ "rollup": "^2.33.3", "rollup-plugin-svelte": "^6.1.1", "rollup-plugin-terser": "^7.0.2", - "sveld": "^0.2.1", + "sveld": "^0.3.0", "svelte": "^3.29.7", "svelte-check": "^1.1.15", "svelte-loader": "^2.13.6", diff --git a/src/DataTable/DataTable.svelte b/src/DataTable/DataTable.svelte index 17a4bf5e..5efe3212 100644 --- a/src/DataTable/DataTable.svelte +++ b/src/DataTable/DataTable.svelte @@ -1,24 +1,24 @@
import { ComboBox } from "../types"; + import type { ComboBoxItem } from "../types/ComboBox/ComboBox"; + + const items: ComboBoxItem[] = [ + { id: "0", text: "Slack" }, + { id: "1", text: "Email" }, + { id: "2", text: "Fax" }, + ]; diff --git a/types/ComboBox/ComboBox.d.ts b/types/ComboBox/ComboBox.d.ts index 78d7a886..c553fea2 100644 --- a/types/ComboBox/ComboBox.d.ts +++ b/types/ComboBox/ComboBox.d.ts @@ -1,6 +1,6 @@ /// -interface ComboBoxItem { +export interface ComboBoxItem { id: string; text: string; } diff --git a/types/DataTable/DataTable.d.ts b/types/DataTable/DataTable.d.ts index 2dea6293..530ff61c 100644 --- a/types/DataTable/DataTable.d.ts +++ b/types/DataTable/DataTable.d.ts @@ -1,34 +1,34 @@ /// -type Key = string; +export type DataTableKey = string; -type Value = any; +export type DataTableValue = any; -interface EmptyHeader { - key: Key; +export interface DataTableEmptyHeader { + key: DataTableKey; empty: boolean; - display?: (item: Value) => Value; - sort?: (a: Value, b: Value) => 0 | -1 | 1; + display?: (item: Value) => DataTableValue; + sort?: (a: DataTableValue, b: DataTableValue) => 0 | -1 | 1; columnMenu?: boolean; } -interface NonEmptyHeader { - key: Key; - value: Value; - display?: (item: Value) => Value; - sort?: (a: Value, b: Value) => 0 | -1 | 1; +export interface DataTableNonEmptyHeader { + key: DataTableKey; + value: DataTableValue; + display?: (item: Value) => DataTableValue; + sort?: (a: DataTableValue, b: DataTableValue) => 0 | -1 | 1; columnMenu?: boolean; } -type DataTableHeader = NonEmptyHeader | EmptyHeader; +export type DataTableHeader = DataTableNonEmptyHeader | DataTableEmptyHeader; -type Row = Record; +export type DataTableRow = Record; -type RowId = string; +export type DataTableRowId = string; -interface Cell { - key: Key; - value: Value; +export interface DataTableCell { + key: DataTableKey; + value: DataTableValue; } export interface DataTableProps { @@ -43,7 +43,7 @@ export interface DataTableProps { * keys defined in `headers` are used for the row ids * @default [] */ - rows?: Row[]; + rows?: DataTableRow[]; /** * Set the size of the data table @@ -91,7 +91,7 @@ export interface DataTableProps { * Specify the row ids to be expanded * @default [] */ - expandedRowIds?: RowId[]; + expandedRowIds?: DataTableRowId[]; /** * Set to `true` for the radio selection variant @@ -116,7 +116,7 @@ export interface DataTableProps { * Specify the row ids to be selected * @default [] */ - selectedRowIds?: RowId[]; + selectedRowIds?: DataTableRowId[]; /** * Set to `true` to enable a sticky header @@ -129,24 +129,27 @@ export default class DataTable { $$prop_def: DataTableProps; $$slot_def: { default: {}; - cell: { row: Row; cell: Cell }; - ["cell-header"]: { header: NonEmptyHeader }; - ["expanded-row"]: { row: Row }; + cell: { row: DataTableRow; cell: DataTableCell }; + ["cell-header"]: { header: DataTableNonEmptyHeader }; + ["expanded-row"]: { row: DataTableRow }; }; $on( eventname: "click", - cb: (event: CustomEvent<{ header?: DataTableHeader; row?: Row; cell?: Cell }>) => void + cb: (event: CustomEvent<{ header?: DataTableHeader; row?: DataTableRow; cell?: DataTableCell }>) => void ): () => void; $on(eventname: "click:header--expand", cb: (event: CustomEvent<{ expanded: boolean }>) => void): () => void; $on( eventname: "click:header", cb: (event: CustomEvent<{ header: DataTableHeader; sortDirection: "ascending" | "descending" | "none" }>) => void ): () => void; - $on(eventname: "click:row", cb: (event: CustomEvent) => void): () => void; - $on(eventname: "mouseenter:row", cb: (event: CustomEvent) => void): () => void; - $on(eventname: "mouseleave:row", cb: (event: CustomEvent) => void): () => void; - $on(eventname: "click:row--expand", cb: (event: CustomEvent<{ expanded: boolean; row: Row }>) => void): () => void; - $on(eventname: "click:cell", cb: (event: CustomEvent) => void): () => void; + $on(eventname: "click:row", cb: (event: CustomEvent) => void): () => void; + $on(eventname: "mouseenter:row", cb: (event: CustomEvent) => void): () => void; + $on(eventname: "mouseleave:row", cb: (event: CustomEvent) => void): () => void; + $on( + eventname: "click:row--expand", + cb: (event: CustomEvent<{ expanded: boolean; row: DataTableRow }>) => void + ): () => void; + $on(eventname: "click:cell", cb: (event: CustomEvent) => void): () => void; $on(eventname: string, cb: (event: Event) => void): () => void; } diff --git a/types/Dropdown/Dropdown.d.ts b/types/Dropdown/Dropdown.d.ts index 44adc8ba..b4961bc0 100644 --- a/types/Dropdown/Dropdown.d.ts +++ b/types/Dropdown/Dropdown.d.ts @@ -1,10 +1,10 @@ /// -type DropdownItemId = string; +export type DropdownItemId = string; -type DropdownItemText = string; +export type DropdownItemText = string; -interface DropdownItem { +export interface DropdownItem { id: DropdownItemId; text: DropdownItemText; } diff --git a/types/FileUploader/FileUploader.d.ts b/types/FileUploader/FileUploader.d.ts index aadde0a5..364bdc73 100644 --- a/types/FileUploader/FileUploader.d.ts +++ b/types/FileUploader/FileUploader.d.ts @@ -1,6 +1,6 @@ /// -type Files = string[]; +export type Files = string[]; export interface FileUploaderProps extends svelte.JSX.HTMLAttributes { /** diff --git a/types/FileUploader/FileUploaderButton.d.ts b/types/FileUploader/FileUploaderButton.d.ts index 03e1f992..e9952b6a 100644 --- a/types/FileUploader/FileUploaderButton.d.ts +++ b/types/FileUploader/FileUploaderButton.d.ts @@ -1,6 +1,6 @@ /// -type Files = string[]; +export type Files = string[]; export interface FileUploaderButtonProps extends svelte.JSX.HTMLAttributes { /** diff --git a/types/FileUploader/FileUploaderDropContainer.d.ts b/types/FileUploader/FileUploaderDropContainer.d.ts index 86917250..3a16f9c9 100644 --- a/types/FileUploader/FileUploaderDropContainer.d.ts +++ b/types/FileUploader/FileUploaderDropContainer.d.ts @@ -1,6 +1,6 @@ /// -type Files = string[]; +export type Files = string[]; export interface FileUploaderDropContainerProps extends svelte.JSX.HTMLAttributes { /** diff --git a/types/Grid/Column.d.ts b/types/Grid/Column.d.ts index 032786a6..3704cef5 100644 --- a/types/Grid/Column.d.ts +++ b/types/Grid/Column.d.ts @@ -1,13 +1,13 @@ /// -type ColumnSize = boolean | number; +export type ColumnSize = boolean | number; -interface ColumnSizeDescriptor { +export interface ColumnSizeDescriptor { span?: ColumnSize; offset: number; } -type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor; +export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor; export interface ColumnProps extends svelte.JSX.HTMLAttributes { /** diff --git a/types/ListBox/ListBoxField.d.ts b/types/ListBox/ListBoxField.d.ts index 2a147651..613f2bd5 100644 --- a/types/ListBox/ListBoxField.d.ts +++ b/types/ListBox/ListBoxField.d.ts @@ -1,6 +1,6 @@ /// -type ListBoxFieldTranslationId = "close" | "open"; +export type ListBoxFieldTranslationId = "close" | "open"; export interface ListBoxFieldProps extends svelte.JSX.HTMLAttributes { /** diff --git a/types/ListBox/ListBoxMenuIcon.d.ts b/types/ListBox/ListBoxMenuIcon.d.ts index 29203c07..d76da5bd 100644 --- a/types/ListBox/ListBoxMenuIcon.d.ts +++ b/types/ListBox/ListBoxMenuIcon.d.ts @@ -1,6 +1,6 @@ /// -type ListBoxMenuIconTranslationId = "close" | "open"; +export type ListBoxMenuIconTranslationId = "close" | "open"; export interface ListBoxMenuIconProps extends svelte.JSX.HTMLAttributes { /** diff --git a/types/ListBox/ListBoxSelection.d.ts b/types/ListBox/ListBoxSelection.d.ts index a9b0d3e8..80167139 100644 --- a/types/ListBox/ListBoxSelection.d.ts +++ b/types/ListBox/ListBoxSelection.d.ts @@ -1,6 +1,6 @@ /// -type ListBoxSelectionTranslationId = "clearAll" | "clearSelection"; +export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection"; export interface ListBoxSelectionProps extends svelte.JSX.HTMLAttributes { /** diff --git a/types/MultiSelect/MultiSelect.d.ts b/types/MultiSelect/MultiSelect.d.ts index 2e9458a1..f9d9bcd8 100644 --- a/types/MultiSelect/MultiSelect.d.ts +++ b/types/MultiSelect/MultiSelect.d.ts @@ -1,10 +1,10 @@ /// -type MultiSelectItemId = string; +export type MultiSelectItemId = string; -type MultiSelectItemText = string; +export type MultiSelectItemText = string; -interface MultiSelectItem { +export interface MultiSelectItem { id: MultiSelectItemId; text: MultiSelectItemText; } diff --git a/types/NumberInput/NumberInput.d.ts b/types/NumberInput/NumberInput.d.ts index fdfa765f..5b0c5c91 100644 --- a/types/NumberInput/NumberInput.d.ts +++ b/types/NumberInput/NumberInput.d.ts @@ -1,6 +1,6 @@ /// -type NumberInputTranslationId = "increment" | "decrement"; +export type NumberInputTranslationId = "increment" | "decrement"; export interface NumberInputProps extends svelte.JSX.HTMLAttributes { /** diff --git a/yarn.lock b/yarn.lock index 8f2fbd40..f25d9996 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2105,11 +2105,6 @@ prettier-plugin-svelte@^1.4.1: resolved "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-1.4.1.tgz#2f0f7a149190f476dc9b4ba9da8d482bd196f1e2" integrity sha512-6y0m37Xw01GRf/WIHau+Kp3uXj2JB1agtEmNVKb9opMy34A6OMOYhfneVpNIlrghQSw/jIV+t3e5Ngt4up2CMA== -prettier@^2.1.2: - version "2.1.2" - resolved "https://registry.npmjs.org/prettier/-/prettier-2.1.2.tgz#3050700dae2e4c8b67c4c3f666cdb8af405e1ce5" - integrity sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg== - prettier@^2.2.0: version "2.2.0" resolved "https://registry.npmjs.org/prettier/-/prettier-2.2.0.tgz#8a03c7777883b29b37fb2c4348c66a78e980418b" @@ -2733,18 +2728,18 @@ supports-color@^7.0.0, supports-color@^7.1.0: dependencies: has-flag "^4.0.0" -sveld@^0.2.1: - version "0.2.1" - resolved "https://registry.npmjs.org/sveld/-/sveld-0.2.1.tgz#3294ba51d18905e260546d6ca088ceda015dcbb2" - integrity sha512-NEEXxKaOWt0JBXrxnpG/TNVzCUadW65YEyD3l/49IV9xo7/5Jkrm7At8wGPNFSYGlC6564tmP8NBhFQH/0mzBg== +sveld@^0.3.0: + version "0.3.0" + resolved "https://registry.npmjs.org/sveld/-/sveld-0.3.0.tgz#a1a8c188511a8d5674c72fd8b2987278fae0d062" + integrity sha512-aEuxRaeN11P+k0DvQ+32lEzRQNzv+dFO5qRC4wSM0p5MW9i6sxgPmnYV3xy5TSzaYXVmSI9JJRSMDd3C1ayw0w== dependencies: "@rollup/plugin-node-resolve" "^10.0.0" comment-parser "^0.7.6" fs-extra "^9.0.1" - prettier "^2.1.2" + prettier "^2.2.0" rollup "^2.33.3" rollup-plugin-svelte "^6.1.1" - svelte "^3.29.7" + svelte "^3.30.0" svelte-check@^1.1.15: version "1.1.15" @@ -2788,6 +2783,11 @@ svelte@^3.29.7: resolved "https://registry.npmjs.org/svelte/-/svelte-3.29.7.tgz#e254eb2d0d609ce0fd60f052d444ac4a66d90f7d" integrity sha512-rx0g311kBODvEWUU01DFBUl3MJuJven04bvTVFUG/w0On/wuj0PajQY/QlXcJndFxG+W1s8iXKaB418tdHWc3A== +svelte@^3.30.0: + version "3.30.0" + resolved "https://registry.npmjs.org/svelte/-/svelte-3.30.0.tgz#cbde341e96bf34f4ac73c8f14f8a014e03bfb7d6" + integrity sha512-z+hdIACb9TROGvJBQWcItMtlr4s0DBUgJss6qWrtFkOoIInkG+iAMo/FJZQFyDBQZc+dul2+TzYSi/tpTT5/Ag== + tar@^2.0.0: version "2.2.2" resolved "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz#0ca8848562c7299b8b446ff6a4d60cdbb23edc40"