feat(react-formio): use @tanstack/react-table

tsedio · Feb 27, 2025 · a02a412 · a02a412
1 parent 3827361
commit a02a412
Show file tree

Hide file tree

Showing 60 changed files with 94,637 additions and 1,440 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,5 +1,6 @@
 import "./styles/index.css";
 
+import { withThemeByClassName } from "@storybook/addon-themes";
 import { INITIAL_VIEWPORTS } from "@storybook/addon-viewport";
 import { Formio, Templates } from "@tsed/react-formio";
 import tailwind from "@tsed/tailwind-formio";
@@ -8,7 +9,7 @@ import tailwind from "@tsed/tailwind-formio";
 Formio.use(tailwind);
 Templates.framework = "tailwind";
 
-/** @type { import('@storybook/react').Preview } */
+/** @type { import("@storybook/react").Preview } */
 const preview = {
   parameters: {
     docs: {
@@ -18,7 +19,16 @@ const preview = {
   viewport: {
     viewports: INITIAL_VIEWPORTS
   },
-  tags: ["autodocs"]
+  tags: ["autodocs"],
+  decorators: [
+    withThemeByClassName({
+      themes: {
+        light: "",
+        dark: "dark"
+      },
+      defaultTheme: "light"
+    })
+  ]
 };
 
 export default preview;
diff --git a/package.json b/package.json
@@ -70,6 +70,7 @@
     "@storybook/addon-interactions": "^8.4.7",
     "@storybook/addon-links": "^8.4.7",
     "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
     "@storybook/addon-viewport": "^8.4.7",
     "@storybook/blocks": "^8.4.7",
     "@storybook/react": "^8.4.7",
@@ -126,6 +127,7 @@
     "storybook": "^8.4.7",
     "storybook-addon-mock": "5.0.0",
     "typescript": "5.7.2",
+    "uuid": "^11.0.5",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
     "vite-plugin-svgr": "^2.4.0",

diff --git a/packages/react-formio/package.json b/packages/react-formio/package.json
@@ -31,6 +31,7 @@
   },
   "peerDependencies": {
     "@formio/choices.js": ">=9.0.1",
+    "@tanstack/react-table": ">=8.20.6",
     "formiojs": ">=4.0.0",
     "lodash": ">=4.17.20",
     "moment": ">=2.30.1",
@@ -43,6 +44,7 @@
     "tooltip.js": ">=1.3.3"
   },
   "devDependencies": {
+    "@tanstack/react-table": ">=8.20.6",
     "@tsed/tailwind-formio": "workspace:*",
     "@tsed/typescript": "workspace:*",
     "microbundle": "0.13.0",

diff --git a/packages/react-formio/src/interfaces/Operation.ts b/packages/react-formio/src/interfaces/Operation.ts
@@ -1,9 +1,9 @@
 import React from "react";
 
-import type { OperationButtonProps } from "../molecules/table";
+import type { OperationButtonProps } from "../molecules/table/components/DefaultOperationButton.js";
 
 export type PermissionsResolver<Data = any> = (data: Data, ctx: any) => void;
-export type OnClickOperation<Data = any> = (data: Data, operation: Operation) => void;
+// export type OnClickOperation<Data = any> = (data: Data, operation: Operation) => void;
 
 export interface Operation<Data = any> {
   /**

diff --git a/packages/react-formio/src/molecules/__fixtures__/build.js b/packages/react-formio/src/molecules/__fixtures__/build.js
@@ -0,0 +1,28 @@
+import { writeFile } from "node:fs/promises";
+
+import { v4 } from "uuid";
+
+import products from "./products.json" with { type: "json" };
+
+const result = products.map((product) => {
+  return {
+    _id: v4(),
+    owner: null,
+    roles: [],
+    data: {
+      id: product.id,
+      label: product.title,
+      description: product.description_title,
+      image: product.media.immersive_image,
+      price: product.price?.initial_price?.per_trip,
+      currency: product.price?.currency
+    },
+    access: [],
+    externalIds: [],
+    created: new Date().toISOString(),
+    modified: new Date().toISOString(),
+    form: "5e972ae7a1a692917cf54f9e"
+  };
+});
+
+await writeFile("./form-submissions.json", JSON.stringify(result, null, 2), { encoding: "utf-8" });