@tsed/react-formio 1.13.7-rc.1 → 1.14.1

package/package.json

@@ -1,25 +1,10 @@
 {
   "name": "@tsed/react-formio",
-  "version": "1.13.7-rc.1",
+  "version": "1.14.1",
   "description": "Provide a react formio wrapper. Written in TypeScript.",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
   "source": "src/index.ts",
-  "exports": {
-    ".": {
-      "node": {
-        "module": "./dist/index.modern.js",
-        "require": "./dist/index.js",
-        "import": "./dist/index.modern.js"
-      },
-      "browser": {
-        "import": "./dist/index.modern.js",
-        "require": "./dist/index.js"
-      },
-      "default": "./dist/index.js"
-    },
-    "./package.json": "./package.json"
-  },
   "scripts": {
     "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
     "lint:fix": "yarn lint --fix",
@@ -29,7 +14,7 @@
     "watch": "microbundle watch --no-compress --format modern,cjs --jsx React.createElement --jsxFragment React.Fragment --globals react/jsx-runtime=jsx"
   },
   "dependencies": {
-    "@tsed/redux-utils": "1.13.7-rc.1",
+    "@tsed/redux-utils": "1.14.1",
     "eventemitter2": "^6.4.3",
     "prop-types": "^15.7.2"
   },
@@ -44,8 +29,8 @@
     "tooltip.js": ">=1.3.3"
   },
   "devDependencies": {
-    "@tsed/tailwind": "1.13.7-rc.1",
-    "@tsed/tailwind-formio": "1.13.7-rc.1"
+    "@tsed/tailwind": "1.14.1",
+    "@tsed/tailwind-formio": "1.14.1"
   },
   "repository": "https://github.com/TypedProject/tsed-formio",
   "bugs": {

package/src/components/form-edit/formParameters.component.tsx

@@ -19,6 +19,8 @@ export interface FormParametersProps {
   displayChoices?: { label: string; value: any }[];
   enableTags?: boolean;
   className?: string;
+  baseUrl?: string;
+  readonly?: Record<string, boolean>;
 }
 
 export function FormParameters({
@@ -27,7 +29,9 @@ export function FormParameters({
   enableTags = true,
   typeChoices = [],
   displayChoices = defaultDisplayChoices,
-  className = ""
+  className = "",
+  readonly = {},
+  baseUrl = window.location.origin
 }: FormParametersProps): ReactElement {
   const hasTypeChoices = typeChoices && typeChoices.length > 1;
 
@@ -40,6 +44,7 @@ export function FormParameters({
           name={"title"}
           required={true}
           value={form.title}
+          disabled={!!readonly["title"]}
           onChange={onChange}
         />
       </div>
@@ -49,6 +54,7 @@ export function FormParameters({
           placeholder='Enter the form machine name'
           name={"name"}
           required={true}
+          disabled={!!readonly["name"]}
           value={form.name}
           onChange={onChange}
         />
@@ -62,17 +68,25 @@ export function FormParameters({
           description={
             <span className={"text-xxs flex items-center"}>
               <i className={"bx bx-link ml-1 mr-1"} />
-              {window.location.origin + "/" + form.path}
+              {`${baseUrl}/${form.path}`}
             </span>
           }
           required={true}
           value={form.path}
+          disabled={!!readonly["path"]}
           style={{ textTransform: "lowercase", width: "120px" }}
           onChange={onChange}
         />
       </div>
       <div className={"w-1/3"}>
-        <Select label={"Display as"} name={"display"} value={form.display} choices={displayChoices} onChange={onChange} />
+        <Select
+          label={"Display as"}
+          name={"display"}
+          disabled={!!readonly["display"]}
+          value={form.display}
+          choices={displayChoices}
+          onChange={onChange}
+        />
       </div>
       {hasTypeChoices && (
         <div className={"w-1/3"}>

package/src/components/form-edit/useFormEdit.hook.ts

@@ -1,3 +1,4 @@
+import cloneDeep from "lodash/cloneDeep";
 import { useEffect, useReducer } from "react";
 
 import { FormSchema } from "../../interfaces/FormSchema";
@@ -47,7 +48,7 @@ export function useFormEdit(props: UseFormEditHookProps) {
   };
 
   return {
-    form: current,
+    form: cloneDeep(current),
     redo,
     undo,
     reset,