From 827a9822e77eaacbfc54a9e927aeb6d7808c0d19 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Wed, 17 Feb 2021 05:56:33 -0800
Subject: [PATCH] fix(data-table): specify that restProps are forwarded to
 "div" #524 (#525)

---
 docs/src/COMPONENT_API.json    | 2 +-
 src/DataTable/DataTable.svelte | 1 +
 tests/DataTable.test.svelte    | 2 +-
 types/DataTable/DataTable.d.ts | 3 ++-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 10c418b9..ac2406cc 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -1844,7 +1844,7 @@
           "ts": "interface DataTableCell { key: DataTableKey; value: DataTableValue; }"
         }
       ],
-      "rest_props": { "type": "InlineComponent", "name": "TableContainer" }
+      "rest_props": { "type": "Element", "name": "div" }
     },
     {
       "moduleName": "DataTableSkeleton",
diff --git a/src/DataTable/DataTable.svelte b/src/DataTable/DataTable.svelte
index e34a0b07..c632c644 100644
--- a/src/DataTable/DataTable.svelte
+++ b/src/DataTable/DataTable.svelte
@@ -19,6 +19,7 @@
    * @event {DataTableRow} mouseleave:row
    * @event {{ expanded: boolean; row: DataTableRow; }} click:row--expand
    * @event {DataTableCell} click:cell
+   * @restProps {div}
    */
 
   /**
diff --git a/tests/DataTable.test.svelte b/tests/DataTable.test.svelte
index c42e09d5..42f52edf 100644
--- a/tests/DataTable.test.svelte
+++ b/tests/DataTable.test.svelte
@@ -69,7 +69,7 @@
   }
 </script>
 
-<DataTable headers="{headers}" rows="{rows}" />
+<DataTable headers="{headers}" rows="{rows}" style="" class="class" />
 
 <DataTable headers="{headers}" rows="{rows}">
   <span slot="cell-header" let:header>
diff --git a/types/DataTable/DataTable.d.ts b/types/DataTable/DataTable.d.ts
index 93ec9fcd..254f9797 100644
--- a/types/DataTable/DataTable.d.ts
+++ b/types/DataTable/DataTable.d.ts
@@ -35,7 +35,8 @@ export interface DataTableCell {
   value: DataTableValue;
 }
 
-export interface DataTableProps {
+export interface DataTableProps
+  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
   /**
    * Specify the data table headers
    * @default []