@bpmn-io/form-js-playground 0.11.0 → 0.11.1

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

@@ -1,36 +1,4 @@
-/**
- * file-drop.css
- */
-.drop-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-
-  padding: 50px;
-
-  background: rgba(255, 255, 255, .9);
-
-  z-index: 1000;
-}
-
-.drop-overlay .box {
-  text-align: center;
-  border: dashed 4px #CCC;
-  height: 100%;
-  width: 100%;
-  display: table;
-}
-
-.drop-overlay .label {
-  font-size: 26px;
-  color: #888;
-  margin: auto;
-
-  display: table-cell;
-  vertical-align: middle;
-}.fjs-pgl-root {
+.fjs-pgl-root {
   --color-button-hover: var(--color-grey-225-10-95);
 
   --color-section-border: var(--color-grey-225-10-55);
@@ -270,3 +238,36 @@
   width: 100%;
   height: 100%;
 }
+/**
+ * file-drop.css
+ */
+.drop-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+
+  padding: 50px;
+
+  background: rgba(255, 255, 255, .9);
+
+  z-index: 1000;
+}
+
+.drop-overlay .box {
+  text-align: center;
+  border: dashed 4px #CCC;
+  height: 100%;
+  width: 100%;
+  display: table;
+}
+
+.drop-overlay .label {
+  font-size: 26px;
+  color: #888;
+  margin: auto;
+
+  display: table-cell;
+  vertical-align: middle;
+}

package/dist/form-playground.umd.js

@@ -48324,10 +48324,39 @@
     }
   }
   KeyBehavior.$inject = ['eventBus', 'modeling'];
+  class ValidateBehavior extends CommandInterceptor {
+    constructor(eventBus) {
+      super(eventBus);
+
+      /**
+       * Remove custom validation if <validationType> is about to be added.
+       */
+      // @ts-ignore-next-line
+      this.preExecute('formField.edit', function (context) {
+        const {
+          properties
+        } = context;
+        const {
+          validate = {}
+        } = properties;
+        if (validate.validationType) {
+          const newValidate = {
+            ...validate
+          };
+          delete newValidate.minLength;
+          delete newValidate.maxLength;
+          delete newValidate.pattern;
+          properties['validate'] = newValidate;
+        }
+      }, true);
+    }
+  }
+  ValidateBehavior.$inject = ['eventBus'];
   var behaviorModule = {
-    __init__: ['idBehavior', 'keyBehavior'],
+    __init__: ['idBehavior', 'keyBehavior', 'validateBehavior'],
     idBehavior: ['type', IdBehavior],
-    keyBehavior: ['type', KeyBehavior]
+    keyBehavior: ['type', KeyBehavior],
+    validateBehavior: ['type', ValidateBehavior]
   };
 
   /**
@@ -52950,6 +52979,7 @@
         component: ValidationType,
         getValue,
         field,
+        editField,
         isEdited: isEdited$1,
         onChange
       });
@@ -53116,15 +53146,7 @@
       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({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -44,7 +44,7 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^0.11.0",
+    "@bpmn-io/form-js-editor": "^0.11.1",
     "@bpmn-io/form-js-viewer": "^0.11.0",
     "@codemirror/autocomplete": "^6.3.4",
     "@codemirror/commands": "^6.1.2",
@@ -70,5 +70,5 @@
     "rollup-plugin-css-only": "^3.1.0",
     "style-loader": "^3.3.0"
   },
-  "gitHead": "52306e35cfe570e29df0c416b6ba2445a70a01fe"
+  "gitHead": "2e4734eae1e244d6a4b728893cd86c2f4de402e2"
 }