@bpmn-io/form-js-editor 0.12.0 → 0.12.2

package/dist/index.es.js

@@ -716,7 +716,7 @@ function EditorText(props) {
     type,
     text = ''
   } = props.field;
-  const Icon = iconsByType['text'];
+  const Icon = iconsByType('text');
   if (!text) {
     return jsx("div", {
       class: editorFormFieldClasses(type),
@@ -882,11 +882,11 @@ function Palette(props) {
             label,
             type
           }) => {
-            const Icon = iconsByType[type];
+            const Icon = iconsByType(type);
             return jsxs("div", {
               class: "fjs-palette-field fjs-drag-copy fjs-no-drop",
               "data-field-type": type,
-              title: `Create a ${label} element`,
+              title: `Create ${getIndefiniteArticle(type)} ${label} element`,
               children: [Icon ? jsx(Icon, {
                 class: "fjs-palette-field-icon",
                 width: "36",
@@ -925,6 +925,12 @@ function groupEntries(entries) {
   });
   return groups.filter(g => g.entries.length);
 }
+function getIndefiniteArticle(type) {
+  if (['image'].includes(type)) {
+    return 'an';
+  }
+  return 'a';
+}
 
 const CURSOR_CLS_PATTERN = /^fjs-cursor-.*$/;
 function set(mode) {
@@ -1263,7 +1269,7 @@ function CreatePreview(props) {
   } = useContext(DragAndDropContext$1);
   function handleCloned(clone, original, type) {
     const fieldType = clone.dataset.fieldType;
-    const Icon = iconsByType[fieldType];
+    const Icon = iconsByType(fieldType);
     const {
       label
     } = findPaletteEntry(fieldType);
@@ -5486,7 +5492,7 @@ const PropertiesPanelHeaderProvider = {
     const {
       type
     } = field;
-    const Icon = iconsByType[type];
+    const Icon = iconsByType(type);
     if (Icon) {
       return () => jsx(Icon, {
         width: "36",
@@ -5733,6 +5739,7 @@ function Description(props) {
   });
 }
 
+const EMPTY_OPTION = null;
 function DefaultOptionEntry(props) {
   const {
     editField,
@@ -5878,13 +5885,14 @@ function DefaultValueSingleSelect(props) {
     label
   } = props;
   const {
-    defaultValue,
+    defaultValue = EMPTY_OPTION,
     values = []
   } = field;
   const path = ['defaultValue'];
   const getOptions = () => {
     return [{
-      label: '<none>'
+      label: '<none>',
+      value: EMPTY_OPTION
     }, ...values];
   };
   const setValue = value => {
@@ -7344,7 +7352,7 @@ function ConstraintsGroup(field, editField) {
 
 const VALIDATION_TYPE_OPTIONS = {
   custom: {
-    value: undefined,
+    value: '',
     label: 'Custom'
   },
   email: {
@@ -7361,7 +7369,7 @@ function ValidationGroup(field, editField) {
     type
   } = field;
   const validate = get(field, ['validate'], {});
-  const isCustomValidation = [undefined, VALIDATION_TYPE_OPTIONS.custom.value].includes(validate && validate.validationType);
+  const isCustomValidation = [undefined, VALIDATION_TYPE_OPTIONS.custom.value].includes(validate.validationType);
   if (!(INPUTS.includes(type) && type !== 'checkbox' && type !== 'checklist' && type !== 'taglist')) {
     return null;
   }