mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(types): export component types (#411)

Browse source
This commit is contained in:
Eric Liu 2020-11-25 10:19:11 -08:00 • committed by GitHub
commit 0d8064043f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 214 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

2
types/ComboBox/ComboBox.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
interface ComboBoxItem {
export interface ComboBoxItem {
id: string;
text: string;
}

61
types/DataTable/DataTable.d.ts vendored
View file

@ -1,34 +1,34 @@
/// <reference types="svelte" />
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<Key, Value>;
export type DataTableRow = Record<DataTableKey, DataTableValue>;
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<Row>) => void): () => void;
$on(eventname: "mouseenter:row", cb: (event: CustomEvent<Row>) => void): () => void;
$on(eventname: "mouseleave:row", cb: (event: CustomEvent<Row>) => void): () => void;
$on(eventname: "click:row--expand", cb: (event: CustomEvent<{ expanded: boolean; row: Row }>) => void): () => void;
$on(eventname: "click:cell", cb: (event: CustomEvent<Cell>) => void): () => void;
$on(eventname: "click:row", cb: (event: CustomEvent<DataTableRow>) => void): () => void;
$on(eventname: "mouseenter:row", cb: (event: CustomEvent<DataTableRow>) => void): () => void;
$on(eventname: "mouseleave:row", cb: (event: CustomEvent<DataTableRow>) => void): () => void;
$on(
eventname: "click:row--expand",
cb: (event: CustomEvent<{ expanded: boolean; row: DataTableRow }>) => void
): () => void;
$on(eventname: "click:cell", cb: (event: CustomEvent<DataTableCell>) => void): () => void;
$on(eventname: string, cb: (event: Event) => void): () => void;
}

6
types/Dropdown/Dropdown.d.ts vendored
View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
type DropdownItemId = string;
export type DropdownItemId = string;
type DropdownItemText = string;
export type DropdownItemText = string;
interface DropdownItem {
export interface DropdownItem {
id: DropdownItemId;
text: DropdownItemText;
}

2
types/FileUploader/FileUploader.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
type Files = string[];
export type Files = string[];
export interface FileUploaderProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**

2
types/FileUploader/FileUploaderButton.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
type Files = string[];
export type Files = string[];
export interface FileUploaderButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
/**

2
types/FileUploader/FileUploaderDropContainer.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
type Files = string[];
export type Files = string[];
export interface FileUploaderDropContainerProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**

6
types/Grid/Column.d.ts vendored
View file

@ -1,13 +1,13 @@
/// <reference types="svelte" />
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<HTMLElementTagNameMap["div"]> {
/**

2
types/ListBox/ListBoxField.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
type ListBoxFieldTranslationId = "close" | "open";
export type ListBoxFieldTranslationId = "close" | "open";
export interface ListBoxFieldProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**

2
types/ListBox/ListBoxMenuIcon.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
type ListBoxMenuIconTranslationId = "close" | "open";
export type ListBoxMenuIconTranslationId = "close" | "open";
export interface ListBoxMenuIconProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**

2
types/ListBox/ListBoxSelection.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
export interface ListBoxSelectionProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**

6
types/MultiSelect/MultiSelect.d.ts vendored
View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
type MultiSelectItemId = string;
export type MultiSelectItemId = string;
type MultiSelectItemText = string;
export type MultiSelectItemText = string;
interface MultiSelectItem {
export interface MultiSelectItem {
id: MultiSelectItemId;
text: MultiSelectItemText;
}

2
types/NumberInput/NumberInput.d.ts vendored
View file

@ -1,6 +1,6 @@
/// <reference types="svelte" />
type NumberInputTranslationId = "increment" | "decrement";
export type NumberInputTranslationId = "increment" | "decrement";
export interface NumberInputProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**