@bpmn-io/form-js-viewer 1.15.3 → 1.16.1-alpha.0

package/dist/index.cjs

@@ -12,7 +12,6 @@ var luxon = require('luxon');
 var flatpickr = require('flatpickr');
 var React = require('preact/compat');
 var DOMPurify = require('dompurify');
-var lodash = require('lodash');
 var didi = require('didi');
 var feelin = require('feelin');
 var feelers = require('feelers');
@@ -549,6 +548,8 @@ const SECURITY_ATTRIBUTES_DEFINITIONS = [{
   label: 'Storage access by user'
 }];
 
+const TEXT_VIEW_DEFAULT_TEXT = '# Text';
+
 function createInjector(bootstrapModules) {
   const injector = new didi.Injector(bootstrapModules);
   injector.init();
@@ -3878,6 +3879,9 @@ function Numberfield(props) {
       e.preventDefault();
       return;
     }
+    if (e.code === 'Enter') {
+      flushOnChange && flushOnChange();
+    }
   };
 
   // intercept key presses which would lead to an invalid number
@@ -5016,7 +5020,7 @@ Text.config = {
   name: 'Text view',
   group: 'presentation',
   create: (options = {}) => ({
-    text: '# Text',
+    text: TEXT_VIEW_DEFAULT_TEXT,
     ...options
   }),
   getSubheading: field => {
@@ -5113,7 +5117,7 @@ function ExpressionField(props) {
     });
   }, [field, evaluationMemo, onChange]);
   hooks.useEffect(() => {
-    if (computeOn !== 'change' || lodash.isEqual(evaluationMemo, value) || !expressionLoopPreventer.registerExpressionExecution(this)) {
+    if (computeOn !== 'change' || isEqual(evaluationMemo, value) || !expressionLoopPreventer.registerExpressionExecution(this)) {
       return;
     }
     sendValue();
@@ -5187,6 +5191,11 @@ function Textfield(props) {
   const onInputFocus = () => {
     onFocus && onFocus();
   };
+  const onKeyDown = e => {
+    if (e.code === 'Enter') {
+      flushOnChange && flushOnChange();
+    }
+  };
   const descriptionId = `${domId}-description`;
   const errorMessageId = `${domId}-error-message`;
   return jsxRuntime.jsxs("div", {
@@ -5212,6 +5221,7 @@ function Textfield(props) {
         onInput: onInputChange,
         onBlur: onInputBlur,
         onFocus: onInputFocus,
+        onKeyDown: onKeyDown,
         type: "text",
         value: value,
         "aria-describedby": [descriptionId, errorMessageId].join(' '),
@@ -7974,7 +7984,7 @@ EventBus.prototype.once = function (events, priority, callback, that) {
  * If no callback is given, all listeners for a given event name are being removed.
  *
  * @param {string|string[]} events
- * @param {EventBusEventCallback} [callback]
+ * @param {EventBusEventCallback<unknown>} [callback]
  */
 EventBus.prototype.off = function (events, callback) {
   events = minDash.isArray(events) ? events : [events];
@@ -8362,7 +8372,7 @@ function runNumberValidation(field, value) {
 function runPresetValidation(field, validation, value) {
   const errors = [];
   if (validation.pattern && value && !new RegExp(validation.pattern).test(value)) {
-    errors.push(`Field must match pattern ${validation.pattern}.`);
+    errors.push(validation.patternErrorMessage || `Field must match pattern ${validation.pattern}.`);
   }
   if (validation.required) {
     const isUncheckedCheckbox = field.type === 'checkbox' && value === false;
@@ -9840,7 +9850,7 @@ class Form {
   }
 }
 
-const schemaVersion = 18;
+const schemaVersion = 19;
 
 /**
  * @typedef { import('./types').CreateFormOptions } CreateFormOptions
@@ -9923,6 +9933,7 @@ exports.SECURITY_ATTRIBUTES_DEFINITIONS = SECURITY_ATTRIBUTES_DEFINITIONS;
 exports.Select = Select;
 exports.Separator = Separator;
 exports.Spacer = Spacer;
+exports.TEXT_VIEW_DEFAULT_TEXT = TEXT_VIEW_DEFAULT_TEXT;
 exports.TIME_INTERVAL_PATH = TIME_INTERVAL_PATH;
 exports.TIME_LABEL_PATH = TIME_LABEL_PATH;
 exports.TIME_SERIALISINGFORMAT_LABELS = TIME_SERIALISINGFORMAT_LABELS;