@bpmn-io/form-js-viewer 0.6.0 → 0.7.2

package/dist/index.es.js

@@ -8,109 +8,6 @@ import Markup from 'preact-markup';
 import { createPortal } from 'preact/compat';
 import { Injector } from 'didi';
 
-function createInjector(bootstrapModules) {
-  const modules = [],
-        components = [];
-
-  function hasModule(module) {
-    return modules.includes(module);
-  }
-
-  function addModule(module) {
-    modules.push(module);
-  }
-
-  function visit(module) {
-    if (hasModule(module)) {
-      return;
-    }
-
-    (module.__depends__ || []).forEach(visit);
-
-    if (hasModule(module)) {
-      return;
-    }
-
-    addModule(module);
-    (module.__init__ || []).forEach(function (component) {
-      components.push(component);
-    });
-  }
-
-  bootstrapModules.forEach(visit);
-  const injector = new Injector(modules);
-  components.forEach(function (component) {
-    try {
-      injector[typeof component === 'string' ? 'get' : 'invoke'](component);
-    } catch (err) {
-      console.error('Failed to instantiate component');
-      console.error(err.stack);
-      throw err;
-    }
-  });
-  return injector;
-}
-
-/**
- * @param {string?} prefix
- *
- * @returns Element
- */
-function createFormContainer(prefix = 'fjs') {
-  const container = document.createElement('div');
-  container.classList.add(`${prefix}-container`);
-  return container;
-}
-
-function findErrors(errors, path) {
-  return errors[pathStringify(path)];
-}
-function isRequired(field) {
-  return field.required;
-}
-function pathParse(path) {
-  if (!path) {
-    return [];
-  }
-
-  return path.split('.').map(key => {
-    return isNaN(parseInt(key)) ? key : parseInt(key);
-  });
-}
-function pathsEqual(a, b) {
-  return a && b && a.length === b.length && a.every((value, index) => value === b[index]);
-}
-function pathStringify(path) {
-  if (!path) {
-    return '';
-  }
-
-  return path.join('.');
-}
-const indices = {};
-function generateIndexForType(type) {
-  if (type in indices) {
-    indices[type]++;
-  } else {
-    indices[type] = 1;
-  }
-
-  return indices[type];
-}
-function generateIdForType(type) {
-  return `${type}${generateIndexForType(type)}`;
-}
-/**
- * @template T
- * @param {T} data
- * @param {(this: any, key: string, value: any) => any} [replacer]
- * @return {T}
- */
-
-function clone(data, replacer) {
-  return JSON.parse(JSON.stringify(data, replacer));
-}
-
 var FN_REF = '__fn';
 var DEFAULT_PRIORITY = 1000;
 var slice = Array.prototype.slice;
@@ -624,6 +521,7 @@ class Validator {
   }
 
 }
+Validator.$inject = [];
 
 class FormFieldRegistry {
   constructor(eventBus) {
@@ -689,6 +587,109 @@ class FormFieldRegistry {
 }
 FormFieldRegistry.$inject = ['eventBus'];
 
+function createInjector(bootstrapModules) {
+  const modules = [],
+        components = [];
+
+  function hasModule(module) {
+    return modules.includes(module);
+  }
+
+  function addModule(module) {
+    modules.push(module);
+  }
+
+  function visit(module) {
+    if (hasModule(module)) {
+      return;
+    }
+
+    (module.__depends__ || []).forEach(visit);
+
+    if (hasModule(module)) {
+      return;
+    }
+
+    addModule(module);
+    (module.__init__ || []).forEach(function (component) {
+      components.push(component);
+    });
+  }
+
+  bootstrapModules.forEach(visit);
+  const injector = new Injector(modules);
+  components.forEach(function (component) {
+    try {
+      injector[typeof component === 'string' ? 'get' : 'invoke'](component);
+    } catch (err) {
+      console.error('Failed to instantiate component');
+      console.error(err.stack);
+      throw err;
+    }
+  });
+  return injector;
+}
+
+/**
+ * @param {string?} prefix
+ *
+ * @returns Element
+ */
+function createFormContainer(prefix = 'fjs') {
+  const container = document.createElement('div');
+  container.classList.add(`${prefix}-container`);
+  return container;
+}
+
+function findErrors(errors, path) {
+  return errors[pathStringify(path)];
+}
+function isRequired(field) {
+  return field.required;
+}
+function pathParse(path) {
+  if (!path) {
+    return [];
+  }
+
+  return path.split('.').map(key => {
+    return isNaN(parseInt(key)) ? key : parseInt(key);
+  });
+}
+function pathsEqual(a, b) {
+  return a && b && a.length === b.length && a.every((value, index) => value === b[index]);
+}
+function pathStringify(path) {
+  if (!path) {
+    return '';
+  }
+
+  return path.join('.');
+}
+const indices = {};
+function generateIndexForType(type) {
+  if (type in indices) {
+    indices[type]++;
+  } else {
+    indices[type] = 1;
+  }
+
+  return indices[type];
+}
+function generateIdForType(type) {
+  return `${type}${generateIndexForType(type)}`;
+}
+/**
+ * @template T
+ * @param {T} data
+ * @param {(this: any, key: string, value: any) => any} [replacer]
+ * @return {T}
+ */
+
+function clone(data, replacer) {
+  return JSON.parse(JSON.stringify(data, replacer));
+}
+
 class Importer {
   /**
    * @constructor
@@ -1470,7 +1471,7 @@ function Radio(props) {
           type: "radio",
           onClick: () => onChange(v.value)
         })
-      }, v.value);
+      }, `${id}-${index}`);
     }), jsx(Description, {
       description: description
     }), jsx(Errors, {
@@ -1539,11 +1540,11 @@ function Select(props) {
       value: value || '',
       children: [jsx("option", {
         value: ""
-      }), values.map(v => {
+      }), values.map((v, index) => {
         return jsx("option", {
           value: v.value,
           children: v.label
-        }, v.value);
+        }, `${id}-${index}`);
       })]
     }), jsx(Description, {
       description: description
@@ -1765,6 +1766,10 @@ var core = {
  *   properties: FormProperties,
  *   schema: Schema
  * } } State
+ *
+ * @typedef { (type:FormEvent, priority:number, handler:Function) => void } OnEventWithPriority
+ * @typedef { (type:FormEvent, handler:Function) => void } OnEventWithOutPriority
+ * @typedef { OnEventWithPriority & OnEventWithOutPriority } OnEventType
  */
 
 const ids = new Ids([32, 36, 1]);
@@ -1778,10 +1783,16 @@ class Form {
    * @param {FormOptions} options
    */
   constructor(options = {}) {
+    /**
+     * @public
+     * @type {OnEventType}
+     */
+    this.on = this._onEvent;
     /**
      * @public
      * @type {String}
      */
+
     this._id = ids.next();
     /**
      * @private
@@ -2028,16 +2039,6 @@ class Form {
       properties
     });
   }
-  /**
-   * @param {FormEvent} type
-   * @param {number} priority
-   * @param {Function} handler
-   */
-
-
-  on(type, priority, handler) {
-    this.get('eventBus').on(type, priority, handler);
-  }
   /**
    * @param {FormEvent} type
    * @param {Function} handler
@@ -2132,10 +2133,18 @@ class Form {
 
     this._emit('changed', this._getState());
   }
+  /**
+   * @internal
+   */
+
+
+  _onEvent(type, priority, handler) {
+    this.get('eventBus').on(type, priority, handler);
+  }
 
 }
 
-const schemaVersion = 3;
+const schemaVersion = 4;
 /**
  * @typedef { import('./types').CreateFormOptions } CreateFormOptions
  */