mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(data-table): co-locate DataTableSkeleton with DataTable

Browse source
This commit is contained in:
Eric Liu 2021-01-26 10:50:11 -08:00
commit cf1deb14d2
7 changed files with 91 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

176
docs/src/COMPONENT_API.json
View file

@ -2709,6 +2709,94 @@
], ],
"rest_props": { "type": "InlineComponent", "name": "TableContainer" } "rest_props": { "type": "InlineComponent", "name": "TableContainer" }
}, },
{
"moduleName": "DataTableSkeleton",
"filePath": "/src/DataTable/DataTableSkeleton.svelte",
"props": [
{
"name": "columns",
"kind": "let",
"description": "Specify the number of columns\nSuperseded by `headers` if `headers` is a non-empty array",
"type": "number",
"value": "5",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "rows",
"kind": "let",
"description": "Specify the number of rows",
"type": "number",
"value": "5",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "size",
"kind": "let",
"description": "Set the size of the data table",
"type": "\"compact\" | \"short\" | \"tall\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "zebra",
"kind": "let",
"description": "Set to `true` to apply zebra styles to the datatable rows",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "showHeader",
"kind": "let",
"description": "Set to `false` to hide the header",
"type": "boolean",
"value": "true",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "headers",
"kind": "let",
"description": "Set the column headers\nSupersedes `columns` if value is a non-empty array",
"type": "string[] | Partial<DataTableHeader>[]",
"value": "[]",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "showToolbar",
"kind": "let",
"description": "Set to `false` to hide the toolbar",
"type": "boolean",
"value": "true",
"isFunction": false,
"constant": false,
"reactive": false
}
],
"slots": [],
"events": [
{ "type": "forwarded", "name": "click", "element": "table" },
{ "type": "forwarded", "name": "mouseover", "element": "table" },
{ "type": "forwarded", "name": "mouseenter", "element": "table" },
{ "type": "forwarded", "name": "mouseleave", "element": "table" }
],
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" },
"extends": {
"interface": "DataTableHeader",
"import": "\"../DataTable/DataTable\""
}
},
{ {
"moduleName": "Toolbar", "moduleName": "Toolbar",
"filePath": "/src/DataTable/Toolbar.svelte", "filePath": "/src/DataTable/Toolbar.svelte",
@ -3316,94 +3404,6 @@
"import": "\"../OverflowMenu/OverflowMenuItem\"" "import": "\"../OverflowMenu/OverflowMenuItem\""
} }
}, },
{
"moduleName": "DataTableSkeleton",
"filePath": "/src/DataTableSkeleton/DataTableSkeleton.svelte",
"props": [
{
"name": "columns",
"kind": "let",
"description": "Specify the number of columns\nSuperseded by `headers` if `headers` is a non-empty array",
"type": "number",
"value": "5",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "rows",
"kind": "let",
"description": "Specify the number of rows",
"type": "number",
"value": "5",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "size",
"kind": "let",
"description": "Set the size of the data table",
"type": "\"compact\" | \"short\" | \"tall\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "zebra",
"kind": "let",
"description": "Set to `true` to apply zebra styles to the datatable rows",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "showHeader",
"kind": "let",
"description": "Set to `false` to hide the header",
"type": "boolean",
"value": "true",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "headers",
"kind": "let",
"description": "Set the column headers\nSupersedes `columns` if value is a non-empty array",
"type": "string[] | Partial<DataTableHeader>[]",
"value": "[]",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "showToolbar",
"kind": "let",
"description": "Set to `false` to hide the toolbar",
"type": "boolean",
"value": "true",
"isFunction": false,
"constant": false,
"reactive": false
}
],
"slots": [],
"events": [
{ "type": "forwarded", "name": "click", "element": "table" },
{ "type": "forwarded", "name": "mouseover", "element": "table" },
{ "type": "forwarded", "name": "mouseenter", "element": "table" },
{ "type": "forwarded", "name": "mouseleave", "element": "table" }
],
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" },
"extends": {
"interface": "DataTableHeader",
"import": "\"../DataTable/DataTable\""
}
},
{ {
"moduleName": "DatePicker", "moduleName": "DatePicker",
"filePath": "/src/DatePicker/DatePicker.svelte", "filePath": "/src/DatePicker/DatePicker.svelte",

0
src/DataTableSkeleton/DataTableSkeleton.svelte → src/DataTable/DataTableSkeleton.svelte
View file

1
src/DataTable/index.js
View file

@ -1,4 +1,5 @@
export { default as DataTable } from "./DataTable.svelte"; export { default as DataTable } from "./DataTable.svelte";
export { default as DataTableSkeleton } from "./DataTableSkeleton.svelte";
export { default as Table } from "./Table.svelte"; export { default as Table } from "./Table.svelte";
export { default as TableBody } from "./TableBody.svelte"; export { default as TableBody } from "./TableBody.svelte";
export { default as TableCell } from "./TableCell.svelte"; export { default as TableCell } from "./TableCell.svelte";

1
src/DataTableSkeleton/index.js
View file

@ -1 +0,0 @@
export { default as DataTableSkeleton } from "./DataTableSkeleton.svelte";

2
src/index.js
View file

@ -16,6 +16,7 @@ export {
export { CodeSnippet, CodeSnippetSkeleton } from "./CodeSnippet"; export { CodeSnippet, CodeSnippetSkeleton } from "./CodeSnippet";
export { export {
DataTable, DataTable,
DataTableSkeleton,
Table, Table,
TableBody, TableBody,
TableCell, TableCell,
@ -30,7 +31,6 @@ export {
ToolbarMenu, ToolbarMenu,
ToolbarMenuItem, ToolbarMenuItem,
} from "./DataTable"; } from "./DataTable";
export { DataTableSkeleton } from "./DataTableSkeleton";
export { DatePicker, DatePickerInput, DatePickerSkeleton } from "./DatePicker"; export { DatePicker, DatePickerInput, DatePickerSkeleton } from "./DatePicker";
export { Dropdown, DropdownSkeleton } from "./Dropdown"; export { Dropdown, DropdownSkeleton } from "./Dropdown";
export { export {

0
types/DataTableSkeleton/DataTableSkeleton.d.ts → types/DataTable/DataTableSkeleton.d.ts vendored
View file

2
types/index.d.ts vendored
View file

@ -39,6 +39,7 @@ export { default as TableHead } from "./DataTable/TableHead";
export { default as TableHeader } from "./DataTable/TableHeader"; export { default as TableHeader } from "./DataTable/TableHeader";
export { default as TableRow } from "./DataTable/TableRow"; export { default as TableRow } from "./DataTable/TableRow";
export { default as DataTable } from "./DataTable/DataTable"; export { default as DataTable } from "./DataTable/DataTable";
export { default as DataTableSkeleton } from "./DataTable/DataTableSkeleton";
export { default as Toolbar } from "./DataTable/Toolbar"; export { default as Toolbar } from "./DataTable/Toolbar";
export { default as ToolbarContent } from "./DataTable/ToolbarContent"; export { default as ToolbarContent } from "./DataTable/ToolbarContent";
export { default as SearchSkeleton } from "./Search/SearchSkeleton"; export { default as SearchSkeleton } from "./Search/SearchSkeleton";
@ -49,7 +50,6 @@ export { default as OverflowMenu } from "./OverflowMenu/OverflowMenu";
export { default as OverflowMenuItem } from "./OverflowMenu/OverflowMenuItem"; export { default as OverflowMenuItem } from "./OverflowMenu/OverflowMenuItem";
export { default as ToolbarMenu } from "./DataTable/ToolbarMenu"; export { default as ToolbarMenu } from "./DataTable/ToolbarMenu";
export { default as ToolbarMenuItem } from "./DataTable/ToolbarMenuItem"; export { default as ToolbarMenuItem } from "./DataTable/ToolbarMenuItem";
export { default as DataTableSkeleton } from "./DataTableSkeleton/DataTableSkeleton";
export { default as DatePicker } from "./DatePicker/DatePicker"; export { default as DatePicker } from "./DatePicker/DatePicker";
export { default as DatePickerInput } from "./DatePicker/DatePickerInput"; export { default as DatePickerInput } from "./DatePicker/DatePickerInput";
export { default as DatePickerSkeleton } from "./DatePicker/DatePickerSkeleton"; export { default as DatePickerSkeleton } from "./DatePicker/DatePickerSkeleton";