fix: Here we go!

TanStack · Jun 1, 2022 · 4f38da4 · 4f38da4
1 parent a475371
commit 4f38da4
Show file tree

Hide file tree

Showing 153 changed files with 2,725 additions and 17,526 deletions.
diff --git a/docs/.gitignore b/docs/.gitignore
diff --git a/docs/README.md b/docs/README.md
diff --git a/docs/src/pages/docs/api.md → docs/api.md b/docs/src/pages/docs/api.md → docs/api.md
@@ -16,7 +16,7 @@ const {
   scrollToOffset,
 } = useVirtual({
   size,
-  parentRef,
+  getScrollElement: () => parentRef.current
   estimateSize,
   overscan,
   horizontal,

diff --git a/docs/config.json b/docs/config.json
@@ -0,0 +1,54 @@
+{
+  "docSearch": {
+    "appId": "",
+    "indexName": "",
+    "apiKey": ""
+  },
+  "menu": [
+    {
+      "label": "Adapters",
+      "children": [
+        { "label": "React Virtual", "to": "adapters/react-virtual" },
+        { "label": "Solid Virtual", "to": "adapters/solid-virtual" },
+        { "label": "Svelte Virtual", "to": "adapters/svelte-virtual" },
+        { "label": "Vue Virtual", "to": "adapters/vue-virtual" }
+      ]
+    },
+    {
+      "label": "Guide",
+      "children": [
+        { "label": "Introduction", "to": "guide/00-introduction" },
+        { "label": "Installation", "to": "guide/01-installation" },
+        { "label": "Virtualization", "to": "guide/02-virtualization" }
+      ]
+    },
+    {
+      "label": "Core APIs",
+      "children": [{ "label": "Virtualizer", "to": "api/core/table" }]
+    },
+    {
+      "label": "React Examples",
+      "children": [
+        { "to": "examples/react/fixed", "label": "Fixed" },
+        { "to": "examples/react/variable", "label": "Variable" },
+        { "to": "examples/react/dynamic", "label": "Dynamic" },
+        { "to": "examples/react/padding", "label": "Padding" },
+        { "to": "examples/react/sticky", "label": "Sticky" },
+        { "to": "examples/react/infinite-scroll", "label": "Infinite Scroll" },
+        { "to": "examples/react/smooth-scroll", "label": "Smooth Scroll" }
+      ]
+    },
+    {
+      "label": "Solid Examples",
+      "children": [{ "to": "", "label": "Coming Soon!" }]
+    },
+    {
+      "label": "Svelte Examples",
+      "children": [{ "to": "", "label": "Coming Soon!" }]
+    },
+    {
+      "label": "Vue Examples",
+      "children": [{ "to": "", "label": "Coming Soon!" }]
+    }
+  ]
+}
diff --git a/docs/src/pages/docs/installation.md → docs/installation.md b/docs/src/pages/docs/installation.md → docs/installation.md
diff --git a/docs/jsconfig.json b/docs/jsconfig.json
diff --git a/docs/next.config.js b/docs/next.config.js
diff --git a/docs/src/pages/docs/overview.md → docs/overview.md b/docs/src/pages/docs/overview.md → docs/overview.md
@@ -18,8 +18,8 @@ function RowVirtualizerFixed() {
   const parentRef = React.useRef()
 
   const rowVirtualizer = useVirtual({
-    size: 10000,
-    parentRef,
+    count: 10000,
+    getScrollElement: () => parentRef.current
     estimateSize: React.useCallback(() => 35, []),
   })
 
@@ -37,12 +37,12 @@ function RowVirtualizerFixed() {
         <div
           className="ListInner"
           style={{
-            height: `${rowVirtualizer.totalSize}px`,
+            height: `${rowVirtualizer.getTotalSize()}px`,
             width: '100%',
             position: 'relative',
           }}
         >
-          {rowVirtualizer.virtualItems.map(virtualRow => (
+          {rowVirtualizer.getVirtualItems().map((virtualRow) => (
             <div
               key={virtualRow.index}
               className={virtualRow.index % 2 ? 'ListItemOdd' : 'ListItemEven'}

diff --git a/docs/package.json b/docs/package.json
diff --git a/docs/postcss.config.js b/docs/postcss.config.js
diff --git a/docs/public/robots.txt b/docs/public/robots.txt
diff --git a/docs/src/components/ArrowRight.js b/docs/src/components/ArrowRight.js
diff --git a/docs/src/components/Banner.js b/docs/src/components/Banner.js