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

package/dist/components/form-edit/formParameters.component.d.ts

@@ -18,8 +18,10 @@ export interface FormParametersProps {
     }[];
     enableTags?: boolean;
     className?: string;
+    baseUrl?: string;
+    readonly?: Record<string, boolean>;
 }
-export declare function FormParameters({ onChange, form, enableTags, typeChoices, displayChoices, className }: FormParametersProps): ReactElement;
+export declare function FormParameters({ onChange, form, enableTags, typeChoices, displayChoices, className, readonly, baseUrl }: FormParametersProps): ReactElement;
 export declare namespace FormParameters {
     var propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/index.js

@@ -2045,7 +2045,11 @@ function FormParameters(_ref) {
       _ref$displayChoices = _ref.displayChoices,
       displayChoices = _ref$displayChoices === void 0 ? defaultDisplayChoices : _ref$displayChoices,
       _ref$className = _ref.className,
-      className = _ref$className === void 0 ? "" : _ref$className;
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$readonly = _ref.readonly,
+      readonly = _ref$readonly === void 0 ? {} : _ref$readonly,
+      _ref$baseUrl = _ref.baseUrl,
+      baseUrl = _ref$baseUrl === void 0 ? window.location.origin : _ref$baseUrl;
   var hasTypeChoices = typeChoices && typeChoices.length > 1;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "form-edit__settings " + className
@@ -2057,6 +2061,7 @@ function FormParameters(_ref) {
     name: "title",
     required: true,
     value: form.title,
+    disabled: !!readonly["title"],
     onChange: onChange
   })), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "w-1/3"
@@ -2065,6 +2070,7 @@ function FormParameters(_ref) {
     placeholder: "Enter the form machine name",
     name: "name",
     required: true,
+    disabled: !!readonly["name"],
     value: form.name,
     onChange: onChange
   })), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2078,9 +2084,10 @@ function FormParameters(_ref) {
       className: "text-xxs flex items-center"
     }, /*#__PURE__*/React__default['default'].createElement("i", {
       className: "bx bx-link ml-1 mr-1"
-    }), window.location.origin + "/" + form.path),
+    }), baseUrl + "/" + form.path),
     required: true,
     value: form.path,
+    disabled: !!readonly["path"],
     style: {
       textTransform: "lowercase",
       width: "120px"
@@ -2091,6 +2098,7 @@ function FormParameters(_ref) {
   }, /*#__PURE__*/React__default['default'].createElement(Select, {
     label: "Display as",
     name: "display",
+    disabled: !!readonly["display"],
     value: form.display,
     choices: displayChoices,
     onChange: onChange
@@ -2265,7 +2273,7 @@ function useFormEdit(props) {
   };
 
   return {
-    form: current,
+    form: cloneDeep__default['default'](current),
     redo: redo,
     undo: undo,
     reset: reset,