feat: table: add table component

.gitattributes

@@ -0,0 +1 @@
+*.snap filter=lfs diff=lfs merge=lfs -text

.husky/post-checkout

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-checkout'.\n"; exit 2; }
+git lfs post-checkout "$@"

.husky/post-commit

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-commit'.\n"; exit 2; }
+git lfs post-commit "$@"

.husky/post-merge

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-merge'.\n"; exit 2; }
+git lfs post-merge "$@"

.husky/pre-push

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/pre-push'.\n"; exit 2; }
+git lfs pre-push "$@"

.storybook/preview-head.html

@@ -1,7 +1,26 @@
-<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
+<link
+    href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap"
+    rel="stylesheet"
+/>
 
 <style>
-    html, body {
+    html,
+    body {
         font-family: 'Source Sans Pro', sans-serif;
     }
+
+    .virtual-table .table-container:before,
+    .virtual-table .table-container:after {
+        display: none;
+    }
+    .virtual-table-cell {
+        background: white;
+        border-bottom: 1px solid #d9dce1;
+        box-sizing: border-box;
+        overflow: hidden;
+        padding: 16px;
+    }
+    .grouped-th {
+        border-bottom: none !important;
+    }
 </style>

package.json

@@ -49,9 +49,16 @@
         "@floating-ui/react-dom": "0.6.0",
         "@floating-ui/react-dom-interactions": "0.6.3",
         "@mdi/react": "1.5.0",
+        "@types/lodash": "4.14.182",
+        "@types/react-is": "17.0.3",
+        "@types/shallowequal": "1.1.1",
         "bodymovin": "4.13.0",
+        "lodash": "4.17.21",
         "lottie-web": "5.8.1",
-        "react-flip-toolkit": "7.0.13"
+        "react-flip-toolkit": "7.0.13",
+        "react-is": "18.1.0",
+        "resize-observer-polyfill": "1.5.1",
+        "shallowequal": "1.1.0"
     },
     "peerDependencies": {
         "@types/react": "17.0.39",
@@ -95,6 +102,7 @@
         "@types/jest": "24.0.23",
         "@types/node": "16.11.26",
         "@types/react-color": "3.0.6",
+        "@types/react-window": "1.8.2",
         "@types/webpack": "5.28.0",
         "@typescript-eslint/eslint-plugin": "5.14.0",
         "@typescript-eslint/parser": "5.14.0",
@@ -139,6 +147,7 @@
         "jest-watch-typeahead": "1.0.0",
         "lint-staged": "12.3.6",
         "mini-css-extract-plugin": "2.6.0",
+        "mockdate": "3.0.0",
         "postcss": "8.4.4",
         "postcss-flexbugs-fixes": "5.0.2",
         "postcss-loader": "6.2.1",
@@ -151,6 +160,8 @@
         "react-docgen-typescript": "2.2.2",
         "react-refresh": "0.11.0",
         "react-test-renderer": "17.0.2",
+        "react-window": "1.8.5",
+        "regenerator-runtime": "0.13.7",
         "resolve": "1.20.0",
         "resolve-url-loader": "4.0.0",
         "sass": "1.47.0",