PATCH: fix(table): update styles and doc + add typings

.eslintrc.json

@@ -15,7 +15,7 @@
     "ecmaVersion": 11,
     "sourceType": "module"
   },
-  "ignorePatterns": ["/dist", "/dist-web"],
+  "ignorePatterns": ["/dist", "/dist-web", "*.d.ts"],
   "rules": {
     "prettier/prettier": "error",
     "indent": "off",

src/BIMDataComponents/BIMDataTable/BIMDataTable.d.ts

@@ -0,0 +1,33 @@
+declare namespace BIMDataTable {
+  type Columns = string[] | Column[];
+  type Rows = string[][] | Object[];
+
+  interface Data {
+    columns: Columns;
+    rows: Rows;
+  }
+
+  interface Style {
+    tableWidth?: string;
+    tableLayout?: string;
+    rowHeight?: number;
+    placeholder?: string;
+  }
+
+  interface Config {
+    rowKey?: string;
+    selectable?: boolean;
+    sortable?: boolean;
+    paginated?: boolean;
+    perPage?: number;
+  }
+
+  interface Column {
+    id: string;
+    type?: "number" | "string" | "enum" | "boolean" | "date";
+    label?: string;
+    width?: string;
+    align?: "left" | "center" | "right";
+    sort?: (a: any, b: any) => number;
+  }
+}

src/BIMDataComponents/BIMDataTable/BIMDataTable.vue

@@ -65,7 +65,7 @@
         class="bimdata-table__container__placeholder"
         v-if="rows.length === 0"
         :style="{
-          height: `calc(100% - ${placeholder ? rowHeight : 0}px)`,
+          height: `calc(100% - ${rowHeight}px)`,
         }"
       >
         <slot name="placeholder">

src/BIMDataComponents/BIMDataTable/_BIMDataTable.scss

@@ -4,6 +4,8 @@
   background-color: var(--color-white);
 
   &__container {
+    height: 100%;
+
     table {
       border-collapse: collapse;
       border-spacing: 0;

src/web/views/Components/Table/props-data.js

@@ -24,6 +24,14 @@ export default [
     "Use this props to define table rows.",
     "[ ['John', 'Doe', 23], ['Jane', 'Doe', 24] ]",
   ],
+  [
+    "rowKey",
+    "String",
+    "",
+    "",
+    "Define the field to be used as a key for each row.",
+    "",
+  ],
   [
     "rowHeight",
     "Number",