kie-issues#1463: Test Scenario Editor: Manage `@kie-tools/scesim-edit…

…or`'s state with Zustand + Immer (#2628) Co-authored-by: kbowers-ibm <[email protected]> Co-authored-by: Jozef Marko <[email protected]>
apache · Oct 19, 2024 · f8af243 · f8af243
1 parent f98665c
commit f8af243
Show file tree

Hide file tree

Showing 45 changed files with 1,978 additions and 1,500 deletions.
diff --git a/packages/dmn-editor/package.json b/packages/dmn-editor/package.json
@@ -54,7 +54,7 @@
     "fast-deep-equal": "^3.1.3",
     "immer": "^10.0.3",
     "moment": "^2.29.4",
-    "react-error-boundary": "^4.0.11",
+    "react-error-boundary": "^4.0.13",
     "reactflow": "^11.8.3",
     "uuid": "^8.3.2",
     "zustand": "^4.4.2"

diff --git a/packages/dmn-editor/stories/useCases/loanPreQualification/LoanPreQualification.stories.tsx b/packages/dmn-editor/stories/useCases/loanPreQualification/LoanPreQualification.stories.tsx
@@ -792,7 +792,6 @@ const model = marshaller.parser.parse();
 export const LoanPreQualification: Story = {
   render: Empty.render,
   args: {
-    ...Empty.args,
     model: model,
     xml: marshaller.builder.build(model),
   },

diff --git a/packages/scesim-editor/.storybook/preview.tsx b/packages/scesim-editor/.storybook/preview.tsx
@@ -44,13 +44,7 @@ const preview: Preview = {
   },
 
   // It should be Story() to be possible to use "preview-api" inside stories; (https://github.com/storybookjs/storybook/issues/22132)
-  decorators: [
-    (Story) => (
-      <div data-testid="test-scenario-editor" style={{ margin: "1em" }}>
-        {Story()}
-      </div>
-    ),
-  ],
+  decorators: [(Story) => <div data-testid="test-scenario-editor">{Story()}</div>],
 };
 
 export default preview;
diff --git a/packages/scesim-editor/README.md b/packages/scesim-editor/README.md
@@ -44,16 +44,16 @@ To build the `scesim-editor` module ONLY, you can use ONE of the below commands:
 - `pnpm -F @kie-tools/scesim-editor build:dev` This is fast, but not as strict. It skips tests, linters, and some type checks. Recommended for dev purposes.
 - `pnpm -F @kie-tools/scesim-editor build:prod` The default command to build production-ready packages. This is the recommended build for production purposes
 
-## How to launch the Test Scenario Dev WebApp
+## How to launch the Test Scenario Storybook Dev WebApp
 
-After building the project, you can benefit of the Dev Webapp for development or testing scope.
+After building the project, you can benefit of the Storybook Dev Webapp for development or testing scope.
 To launch it, simply type in your terminal the following command:
 
 `pnpm -F @kie-tools/scesim-editor start`
 
 A web server with a Dev Webapp of Test Scenario editor will be launched, reachable at the following address:
 
-http://localhost:9004/ or http://192.168.1.128:9004/
+http://localhost:9902/ or http://172.20.10.3:9902/
 
 ---
 

diff --git a/packages/scesim-editor/package.json b/packages/scesim-editor/package.json
@@ -26,11 +26,13 @@
     "@patternfly/react-core": "^4.276.6",
     "@patternfly/react-icons": "^4.93.6",
     "@patternfly/react-styles": "^4.92.6",
+    "immer": "^10.0.3",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-table": "^7.6.2",
-    "uuid": "^8.3.2"
+    "uuid": "^8.3.2",
+    "zustand": "^4.4.2"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -57,7 +59,9 @@
     "@types/uuid": "^8.3.0",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
+    "deep-object-diff": "^1.1.9",
     "file-loader": "^6.2.0",
+    "react-error-boundary": "^4.0.13",
     "rimraf": "^3.0.2",
     "run-script-os": "^1.1.6",
     "storybook": "^7.3.2",