@tsed/react-formio 3.0.0-alpha.11 → 3.0.0-alpha.12

package/src/organisms/form/builder/FormBuilder.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 
 import form from "../../__fixtures__/form.fixture.json";
 import formWizard from "../../__fixtures__/form-wizard.fixture.json";
@@ -59,6 +59,9 @@ export default {
       action: "onDeleteComponent"
     }
   },
+  render(args) {
+    return <FormBuilder display={args.display} components={args.components} options={args.options} />;
+  },
   tags: ["autodocs"]
 } satisfies Meta<typeof FormBuilder>;
 

package/src/organisms/form/builder/FormEdit.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 
 import { FormEdit } from "./all";
 import { defaultDisplayChoices } from "./FormParameters";

package/src/organisms/form/builder/useFormBuilder.ts

@@ -124,7 +124,11 @@ export function useFormBuilder({ components, display, options = {}, onBuilderRea
             onBuilderReady && onBuilderReady(builderRef.current);
           })
           .catch((er) => {
-            console.error(er);
+            console.error({
+              event: "FORM_BUILDER_RECREATE_ERROR",
+              message: er.message,
+              stack: er.stack
+            });
           });
       } else if (components !== currentComponents) {
         builderRef.current.form = {

package/src/organisms/form/exports/FormExport.stories.tsx

@@ -1,7 +1,7 @@
 import "../../../molecules/card/Card.js";
 import "../../../atoms/icon/Icon.js";
 
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 
 import { FormExport } from "./FormExport.js";
 

package/src/organisms/form/preview/FormPreview.stories.tsx

@@ -1,7 +1,7 @@
 import "../../../molecules/card/Card.js";
 import "../Form.js";
 
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 
 import formFirstname from "../../__fixtures__/form-firstname.fixture.json";
 import { FormPreview } from "./FormPreview.js";

package/src/organisms/modal/RemoveModal.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 
 import { useModal } from "../../molecules/modal/Modal";
 import { RemoveModal, RemoveModalProps } from "./RemoveModal";

package/src/organisms/table/actions/ActionsTable.stories.tsx

@@ -1,8 +1,8 @@
 import "../../../molecules/forms/select/all.ts";
 import "../../../molecules/table/all.ts";
 
-import type { Meta, StoryObj } from "@storybook/react";
-import { expect, fn, userEvent, within } from "@storybook/test";
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { expect, fn, userEvent, within } from "storybook/test";
 
 import availableActions from "../../__fixtures__/form-actions.json";
 import data from "./__fixtures__/data.json";

package/src/organisms/table/submissions/SubmissionsTable.stories.tsx

@@ -4,7 +4,7 @@ import "../../../molecules/forms/select/all";
 import "../../../molecules/pagination/all";
 import "../../../molecules/table/all";
 
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 import { useState } from "react";
 
 import { mapPagination } from "../../../utils/mapPagination";

package/src/organisms/views/FormViews.stories.tsx

@@ -9,7 +9,7 @@ import "../../molecules/card/Card";
 import "../form/builder/all";
 import "../form/Form";
 
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 
 import ActionsTableStory from "../table/actions/ActionsTable.stories.js";
 import SubmissionsTableStory from "../table/submissions/SubmissionsTable.stories.js";

package/vite.config.mts

@@ -6,16 +6,16 @@ import {extname, relative} from "path";
 import preserveDirectives from "rollup-preserve-directives";
 import {defineConfig} from "vite";
 import dts from "vite-plugin-dts";
-import {resolve} from "node:path";
 
 import pkg from "./package.json" with {type: "json"};
+import {resolve} from "node:path";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
     dts({
-      tsconfigPath: "./tsconfig.app.json",
+      tsconfigPath: "../../tsconfig.app.json",
       aliasesExclude: [],
       include: ["src/**/*.{ts,tsx}"],
       exclude: ["**/*.spec.{ts,tsx}", "**/*.stories.{ts,tsx}", "**/__*__/**"]

package/tsconfig.app.json

@@ -1,11 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "noEmit": true,
-    "declaration": false,
-    "composite": false
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["node_modules", "dist", "src/**/*.spec.ts", "src/**/*.spec.tsx"]
-}

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "composite": true,
-    "noEmit": true
-  },
-  "include": [],
-  "exclude": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.node.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "baseUrl": ".",
-    "noEmit": true,
-    "declaration": false,
-    "composite": false
-  },
-  "include": ["vite.config.mts"],
-  "exclude": ["node_modules", "dist", "src/**/*.spec.ts", "src/**/*.spec.tsx"]
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": ".",
-    "declaration": false,
-    "composite": false,
-    "noEmit": true,
-    "paths": {},
-    "types": ["vite/client", "vitest/globals", "@testing-library/jest-dom"]
-  },
-  "include": ["src/**/*.spec.tsx", "src/**/*.spec.ts", "vitest.config.mts"],
-  "exclude": ["node_modules", "dist", "coverage"]
-}