@bpmn-io/form-js-editor 1.13.2 → 1.14.1-alpha.0

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import Ids from 'ids';
-import { FormFieldRegistry as FormFieldRegistry$1, iconsByType, Label as Label$3, IFrame, Text as Text$1, Html, Table, ExpressionField, DocumentPreview, FormFields, sanitizeImageSource, getAncestryList, FormContext, FormRenderContext, FormComponent, getScrollContainer, Importer, PathRegistry, FormLayouter, FieldFactory, FeelExpressionLanguage, OPTIONS_SOURCES, OPTIONS_SOURCES_PATHS, clone, runRecursively, getSchemaVariables, DATETIME_SUBTYPES, DATE_LABEL_PATH, TIME_LABEL_PATH, DATETIME_SUBTYPE_PATH, DATETIME_SUBTYPES_LABELS, TIME_SERIALISING_FORMAT_PATH, TIME_SERIALISING_FORMATS, TIME_INTERVAL_PATH, TIME_USE24H_PATH, DATE_DISALLOW_PAST_PATH, TIME_SERIALISINGFORMAT_LABELS, getOptionsSource, OPTIONS_SOURCES_DEFAULTS, OPTIONS_SOURCES_LABELS, SECURITY_ATTRIBUTES_DEFINITIONS, createFormContainer, createInjector, MarkdownRendererModule, schemaVersion } from '@bpmn-io/form-js-viewer';
+import { FormFieldRegistry as FormFieldRegistry$1, iconsByType, Label as Label$3, IFrame, Text as Text$1, Html, Table, ExpressionField, DocumentPreview, FormFields, sanitizeImageSource, getAncestryList, FormContext, FormRenderContext, FormComponent, getScrollContainer, FieldFactory, FormLayouter, PathRegistry, Importer, FeelExpressionLanguage, OPTIONS_SOURCES, OPTIONS_SOURCES_PATHS, clone, runRecursively, getSchemaVariables, DATETIME_SUBTYPES, DATE_LABEL_PATH, TIME_LABEL_PATH, TIME_USE24H_PATH, DATETIME_SUBTYPE_PATH, DATETIME_SUBTYPES_LABELS, TIME_INTERVAL_PATH, TIME_SERIALISING_FORMAT_PATH, DATE_DISALLOW_PAST_PATH, TIME_SERIALISING_FORMATS, TIME_SERIALISINGFORMAT_LABELS, getOptionsSource, OPTIONS_SOURCES_DEFAULTS, OPTIONS_SOURCES_LABELS, SECURITY_ATTRIBUTES_DEFINITIONS, createFormContainer, createInjector, MarkdownRendererModule, schemaVersion } from '@bpmn-io/form-js-viewer';
 export { schemaVersion } from '@bpmn-io/form-js-viewer';
 import { isArray, isFunction, isNumber, bind, assign, debounce, forEach, isString, uniqueBy, isObject, get, isDefined, set as set$1, reduce, without, isNil, has } from 'min-dash';
 import classnames from 'classnames';
@@ -1598,10 +1598,10 @@ function Palette(props) {
             return jsx(PaletteEntry, {
               getPaletteIcon: getPaletteIcon,
               ...entry
-            });
+            }, entry.type);
           })
         })]
-      })), groups.length == 0 && jsx("div", {
+      }, id)), groups.length == 0 && jsx("div", {
         class: "fjs-palette-no-entries",
         children: "No components found."
       })]
@@ -1678,15 +1678,17 @@ function getPaletteIcon(entry) {
   } = entry;
   let Icon;
   if (iconUrl) {
-    Icon = () => jsx("img", {
-      class: "fjs-field-icon-image",
-      width: 36,
-      style: {
-        margin: 'auto'
-      },
-      alt: label,
-      src: sanitizeImageSource(iconUrl)
-    });
+    Icon = function Icon() {
+      return jsx("img", {
+        class: "fjs-field-icon-image",
+        width: 36,
+        style: {
+          margin: 'auto'
+        },
+        alt: label,
+        src: sanitizeImageSource(iconUrl)
+      });
+    };
   } else {
     Icon = icon || iconsByType(type);
   }
@@ -1706,9 +1708,9 @@ const InjectedRendersRoot = () => {
   return jsx(Fragment, {
     children: injectedRenderers.map(({
       Renderer
-    }) => jsx(Renderer, {
+    }, index) => jsx(Renderer, {
       ...injectedProps
-    }))
+    }, index))
   });
 };
 
@@ -9054,11 +9056,13 @@ function getPropertiesPanelHeaderProvider(options = {}) {
       const fieldDefinition = formFields.get(type).config;
       const Icon = fieldDefinition.icon || iconsByType(type);
       if (Icon) {
-        return () => jsx(Icon, {
-          width: "36",
-          height: "36",
-          viewBox: "0 0 54 54"
-        });
+        return function IconComponent() {
+          return jsx(Icon, {
+            width: "36",
+            height: "36",
+            viewBox: "0 0 54 54"
+          });
+        };
       } else if (fieldDefinition.iconUrl) {
         return getPaletteIcon({
           iconUrl: fieldDefinition.iconUrl,
@@ -9424,7 +9428,7 @@ function Columns(props) {
     editField,
     id
   } = props;
-  const debounce = useService('debounce');
+  useService('debounce');
   const formLayoutValidator = useService('formLayoutValidator');
   const validate = useCallback(value => {
     return formLayoutValidator.validateField(field, value ? parseInt(value) : null);
@@ -9450,7 +9454,6 @@ function Columns(props) {
     ...asArray(16).filter(i => i >= MIN_COLUMNS).map(asOption)];
   };
   return SelectEntry({
-    debounce,
     element: field,
     id,
     label: 'Columns',
@@ -10556,8 +10559,7 @@ function IFrameHeightEntry(props) {
   })];
 }
 
-const HTTPS_PATTERN = /^(https):\/\/*/i; // eslint-disable-line no-useless-escape
-
+const HTTPS_PATTERN = /^(https):\/\/*/i;
 function IFrameUrlEntry(props) {
   const {
     editField,
@@ -10618,6 +10620,7 @@ function getTooltip$1() {
       children: ["Not all external sources can be displayed in the iFrame. Read more about it in the", ' ', jsx("a", {
         target: "_blank",
         href: "https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options",
+        rel: "noreferrer",
         children: "X-FRAME-OPTIONS documentation"
       }), "."]
     })]
@@ -10733,6 +10736,7 @@ const description$4 = jsxs(Fragment$1, {
   children: ["Supports markdown and templating.", ' ', jsx("a", {
     href: "https://docs.camunda.io/docs/components/modeler/forms/form-element-library/forms-element-library-text/",
     target: "_blank",
+    rel: "noreferrer",
     children: "Learn more"
   })]
 });
@@ -10789,6 +10793,7 @@ const description$3 = jsxs(Fragment$1, {
   children: ["Supports HTML, styling, and templating. Styles are automatically scoped to the HTML component.", ' ', jsx("a", {
     href: "https://docs.camunda.io/docs/components/modeler/forms/form-element-library/forms-element-library-html/",
     target: "_blank",
+    rel: "noreferrer",
     children: "Learn more"
   })]
 });
@@ -11928,7 +11933,6 @@ function RepeatableEntry(props) {
       path: ['nonCollapsedItems'],
       label: 'Number of non-collapsing items',
       min: 1,
-      defaultValue: 5,
       props
     });
     entries.push(nonCollapseItemsEntry);
@@ -12653,6 +12657,7 @@ const description$2 = jsxs(Fragment$1, {
   children: ["A comma-separated list of", ' ', jsx("a", {
     href: "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers",
     target: "_blank",
+    rel: "noreferrer",
     children: "file type specifiers"
   })]
 });
@@ -12824,9 +12829,9 @@ function EndpointKey(props) {
     }), jsxs("p", {
       children: ["The string must contain ", jsx("code", {
         children: '{ documentId }'
-      }), ", which will be replaced with the document ID from the document's reference."]
+      }), ", which will be replaced with the document ID from the document\u2018s reference."]
     }), jsx("p", {
-      children: "If you're using the Camunda Tasklist, this variable is automatically added to the context for you."
+      children: "If you\u2018re using the Camunda Tasklist, this variable is automatically added to the context for you."
     }), jsxs("p", {
       children: ["For more details, see the", ' ', jsx("a", {
         href: "https://docs.camunda.io/docs/next/components/modeler/forms/form-element-library/forms-element-library-document-preview/",
@@ -12969,13 +12974,9 @@ function GeneralGroup(field, editField, getService) {
     editField
   }), ...TextEntry({
     field,
-    editField,
-    getService
-  }), ...HtmlEntry({
+    editField}), ...HtmlEntry({
     field,
-    editField,
-    getService
-  }), ...IFrameUrlEntry({
+    editField}), ...IFrameUrlEntry({
     field,
     editField
   }), ...IFrameHeightEntry({
@@ -13297,12 +13298,11 @@ function ValidationType(props) {
     id,
     onChange
   } = props;
-  const debounce = useService('debounce');
+  useService('debounce');
   const setValue = validationType => {
     onChange('validationType')(validationType || undefined);
   };
   return SelectEntry({
-    debounce,
     element: field,
     getValue: getValue('validationType'),
     id,
@@ -13578,6 +13578,7 @@ function getTooltip() {
       children: ["Allow the iframe to access more functionality of your browser, details regarding the various options can be found in the", ' ', jsx("a", {
         target: "_blank",
         href: "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe",
+        rel: "noreferrer",
         children: "MDN iFrame documentation."
       })]
     })