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

package/dist/index.es.js

@@ -6094,7 +6094,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,
@@ -6979,7 +6984,7 @@ function ConstraintsGroup(field, editField) {
 
 const VALIDATION_TYPE_OPTIONS = {
   custom: {
-    value: 'custom',
+    value: undefined,
     label: 'Custom'
   },
   email: {
@@ -7158,10 +7163,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')
   });
 }
@@ -7176,10 +7181,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')
   });
 }
@@ -7191,16 +7196,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)
   });
 }