feat: table: add table component (#193)

* chore: table: initial commit

adds table and its dependencies

* chore: table: module name change and stories file

* feat: table: adds tree, empty, motion and list virtualization components

also adds numerous deps

* chore: table: commit ahead of merge

* chore: git: add lfs

* chore: lfs: removes large snap ahead of commit

* Create .gitattributes

* chore: table: merge with latest

* chore: ts: adds some typings

* chore: table: fixes some linter errors

* chore: table: fix linter errors

* chore: table: fix linter errors and exclude ts classes from css modules

* chore: table: fix linter errors part three

* chore: table: linter fix attempt three using updated imports

* chore: table: linter fix attempt four using updated webpack config

* chore: table: compiler and linter fix attempt using updated tsx

* chore: table: removes renamed files

* chore: table: reverts renamed files

* chore: table: update reat import in usestate

* chore: table: updates import type name

* chore: table: removes default exports from motion hooks

* chore: imports: removes more defaults

* chore: table: removes more defaults and updates exports in usestate

* chore: table: adds type and updates casing in a path

* chore: table: updates casing in remaining error paths

* chore: table: revert renamed dir to fix compilation path

* chore: table: update capitalization of import path

* chore: table: reverts some updates to fix build

* chore: table: address pr feedback, remove lodash and adds theming

* chore: lfs: adds gitattributes file to pr ahead of merge

* chore: table: revert type property order change

.gitattributes

@@ -1 +1 @@
-*.snap filter=lfs diff=lfs merge=lfs -text
+*.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>

global.d.ts

@@ -3,6 +3,8 @@ declare module '*.scss' {
     export default styles;
 }
 
+declare module '@ngard/tiny-isequal';
+
 /**
  * userLanguage type for IE i18n
  */

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",
+        "@ngard/tiny-isequal": "1.1.0",
+        "@types/lodash": "4.14.182",
+        "@types/react-is": "17.0.3",
+        "@types/shallowequal": "1.1.1",
         "bodymovin": "4.13.0",
         "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",
@@ -138,6 +146,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",
@@ -149,7 +158,10 @@
         "react-dev-utils": "12.0.0",
         "react-docgen-typescript": "2.2.2",
         "react-refresh": "0.11.0",
+        "react-sortable-hoc": "2.0.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",