@bpmn-io/form-js-editor 1.7.0 → 1.7.2

package/dist/index.es.js

@@ -1390,6 +1390,7 @@ function PaletteEntry(props) {
     }
   };
   return jsxs("button", {
+    type: "button",
     class: "fjs-palette-field fjs-drag-copy fjs-no-drop",
     "data-field-type": type,
     title: `Create ${getIndefiniteArticle(type)} ${label} element`,
@@ -1482,6 +1483,7 @@ function Palette(props) {
         value: searchTerm,
         onInput: handleInput
       }), searchTerm && jsx("button", {
+        type: "button",
         title: "Clear content",
         class: "fjs-palette-search-clear",
         onClick: handleClear,
@@ -2232,6 +2234,7 @@ function Element$1(props) {
       field: field
     }), jsx(ContextPad, {
       children: selection.isSelected(field) && field.type !== 'default' ? jsx("button", {
+        type: "button",
         title: getRemoveButtonTitle(field, formFields),
         class: "fjs-context-pad-item",
         onClick: onRemove,
@@ -9704,7 +9707,7 @@ function Disabled(props) {
     getValue,
     id,
     label: 'Disabled',
-    tooltip: 'Field cannot be edited by the end-user, and the data is not submitted.',
+    tooltip: 'Field cannot be edited by the end-user, and the data is not submitted. Takes precedence over read only.',
     inline: true,
     setValue
   });
@@ -10343,11 +10346,10 @@ function Height(props) {
     description,
     editField,
     field,
-    id,
-    defaultValue = 60 // default value for spacer
+    id
   } = props;
   const debounce = useService('debounce');
-  const getValue = e => get(field, ['height'], defaultValue);
+  const getValue = e => get(field, ['height'], null);
   const setValue = (value, error) => {
     if (error) {
       return;
@@ -10374,7 +10376,7 @@ function Height(props) {
   */
 const validate$7 = value => {
   if (typeof value !== 'number') {
-    return null;
+    return 'A number is required.';
   }
   if (!Number.isInteger(value)) {
     return 'Should be an integer.';
@@ -10387,7 +10389,6 @@ const validate$7 = value => {
 function IFrameHeightEntry(props) {
   return [...HeightEntry({
     ...props,
-    defaultValue: 300,
     description: 'Height of the container in pixels.',
     isDefaultVisible: field => field.type === 'iframe'
   })];
@@ -10624,7 +10625,7 @@ function Content(props) {
 
 const description = jsxs(Fragment$1, {
   children: ["Supports HTML, styling, and templating. Styles are automatically scoped to the HTML component. ", jsx("a", {
-    href: "https://docs.camunda.io/docs/components/modeler/forms/form-element-library/forms-element-library-html/",
+    href: "https://docs.camunda.io/docs/next/components/modeler/forms/form-element-library/forms-element-library-html/",
     target: "_blank",
     children: "Learn more"
   })]
@@ -11581,15 +11582,20 @@ function ReadonlyEntry(props) {
     editField,
     field
   } = props;
+  const {
+    disabled
+  } = field;
   const entries = [];
-  entries.push({
-    id: 'readonly',
-    component: Readonly,
-    editField: editField,
-    field: field,
-    isEdited: isEdited$6,
-    isDefaultVisible: field => INPUTS.includes(field.type)
-  });
+  if (!disabled) {
+    entries.push({
+      id: 'readonly',
+      component: Readonly,
+      editField: editField,
+      field: field,
+      isEdited: isEdited$6,
+      isDefaultVisible: field => INPUTS.includes(field.type)
+    });
+  }
   return entries;
 }
 function Readonly(props) {