@bpmn-io/form-js-editor 0.10.0 → 0.11.0

package/dist/assets/form-js-editor.css

@@ -79,12 +79,20 @@
   margin: 0 5px;
 }
 
-.fjs-editor-container .fjs-element + .fjs-element {
-  margin-top: 2px;
+.fjs-editor-container .fjs-element {
+  margin-top: 4px;
+}
+
+.fjs-editor-container .fjs-element:first-of-type {
+  margin-top: 8px;
 }
 
 .fjs-editor-container .fjs-form-field:not(.fjs-powered-by) {
-  margin: 1px 16px;
+  margin: 1px 12px;
+}
+
+.fjs-editor-container .fjs-powered-by {
+  margin-top: 4px;
 }
 
 .fjs-editor-container .fjs-form > .fjs-element {

package/dist/index.cjs

@@ -6106,7 +6106,12 @@ function NumberArrowStep(props) {
     if (!isValidNumber(value)) return null;
     return value;
   };
-  const setValue = value => editField(field, ['increment'], value);
+  const clearLeadingZeroes = value => {
+    if (!value) return value;
+    const trimmed = value.replace(/^0+/g, '');
+    return (trimmed.startsWith('.') ? '0' : '') + trimmed;
+  };
+  const setValue = value => editField(field, ['increment'], clearLeadingZeroes(value));
   const decimalDigitsSet = decimalDigits || decimalDigits === 0;
   return TextfieldEntry({
     debounce,
@@ -6991,7 +6996,7 @@ function ConstraintsGroup(field, editField) {
 
 const VALIDATION_TYPE_OPTIONS = {
   custom: {
-    value: 'custom',
+    value: undefined,
     label: 'Custom'
   },
   email: {
@@ -7170,10 +7175,10 @@ function Min(props) {
   return NumberFieldEntry({
     debounce,
     element: field,
-    getValue: getValue('min'),
     id,
     label: 'Minimum',
-    min: 0,
+    step: 'any',
+    getValue: getValue('min'),
     setValue: onChange('min')
   });
 }
@@ -7188,10 +7193,10 @@ function Max(props) {
   return NumberFieldEntry({
     debounce,
     element: field,
-    getValue: getValue('max'),
     id,
     label: 'Maximum',
-    min: 0,
+    step: 'any',
+    getValue: getValue('max'),
     setValue: onChange('max')
   });
 }
@@ -7203,16 +7208,25 @@ function ValidationType(props) {
     onChange
   } = props;
   const debounce = useService('debounce');
+  const clearCustomValidation = () => {
+    onChange('minLength')(undefined);
+    onChange('maxLength')(undefined);
+    onChange('pattern')(undefined);
+  };
+  const setValue = validationType => {
+    if (validationType) {
+      clearCustomValidation();
+    }
+    onChange('validationType')(validationType || undefined);
+  };
   return SelectEntry({
     debounce,
     element: field,
     getValue: getValue('validationType'),
     id,
     label: 'Regular expression validation',
-    setValue: onChange('validationType'),
-    getOptions() {
-      return Object.values(VALIDATION_TYPE_OPTIONS);
-    }
+    setValue,
+    getOptions: () => Object.values(VALIDATION_TYPE_OPTIONS)
   });
 }