@bpmn-io/form-js-viewer 1.21.2 → 1.23.0

package/dist/index.es.js

@@ -13,7 +13,7 @@ import { createPortal } from 'preact/compat';
 import DOMPurify from 'dompurify';
 import { Injector } from 'didi';
 import { parseExpression, parseUnaryTests, evaluate, unaryTest } from '@bpmn-io/feelin';
-import { evaluate as evaluate$1, parser, buildSimpleTree } from 'feelers';
+import { evaluate as evaluate$1, parseToSimpleTree } from 'feelers';
 import { marked } from 'marked';
 
 const getFlavouredFeelVariableNames = (feelString, feelFlavour = 'expression', options = {}) => {
@@ -356,7 +356,7 @@ class FeelersTemplating {
    * @param {Object} options
    * @param {boolean} [options.debug = false]
    * @param {boolean} [options.strict = false]
-   * @param {Function} [options.buildDebugString]
+   * @param {(error: Error) => string} [options.buildDebugString]
    * @param {Function} [options.sanitizer]
    *
    * @returns
@@ -383,20 +383,19 @@ class FeelersTemplating {
    */
 
   /**
-  * Extracts all feel expressions in the template along with their depth in the syntax tree.
-  * The depth is incremented for child expressions of loops to account for context drilling.
-  * @name extractExpressionsWithDepth
-  * @param {string} template - A feelers template string.
-  * @returns {Array<ExpressionWithDepth>} An array of objects, each containing the depth and the extracted expression.
-  *
-  * @example
-  * const template = "Hello {{user}}, you have:{{#loop items}}\n- {{amount}} {{name}}{{/loop}}.";
-  * const extractedExpressions = _extractExpressionsWithDepth(template);
-  */
+   * Extracts all feel expressions in the template along with their depth in the syntax tree.
+   * The depth is incremented for child expressions of loops to account for context drilling.
+    * @name _extractExpressionsWithDepth
+   * @param {string} template - A feelers template string.
+   * @returns {Array<ExpressionWithDepth>} An array of objects, each containing the depth and the extracted expression.
+   *
+   * @example
+   * const template = "Hello {{user}}, you have:{{#loop items}}\n- {{amount}} {{name}}{{/loop}}.";
+   * const extractedExpressions = _extractExpressionsWithDepth(template);
+   */
   _extractExpressionsWithDepth(template) {
     // build simplified feelers syntax tree
-    const parseTree = parser.parse(template);
-    const tree = buildSimpleTree(parseTree, template);
+    const tree = parseToSimpleTree(template);
     return function _traverse(n, depth = 0) {
       if (['Feel', 'FeelBlock'].includes(n.name)) {
         return [{
@@ -843,6 +842,50 @@ function runRecursively(formField, fn) {
   });
   fn(formField);
 }
+
+/**
+ * Returns a copy of `target` with the value at `path` removed, pruning any
+ * ancestor that becomes empty. Pure: the input is not mutated and untouched
+ * sibling branches keep their original references (path-cloning).
+ *
+ * Pruning rules:
+ *  - An object ancestor is removed when it has no own keys left.
+ *  - An array ancestor is removed when every entry is nullish. Arrays are
+ *    never compacted; `delete` leaves a sparse hole so sibling indexes stay
+ *    stable.
+ *
+ * @template T
+ * @param {T} target
+ * @param {Array<string|number>} path
+ * @returns {T}
+ */
+function pruneAt(target, path) {
+  if (!path.length) {
+    return target;
+  }
+  const cloneContainer = c => Array.isArray(c) ? c.slice() : {
+    ...c
+  };
+  const clones = [cloneContainer(target)];
+  for (let i = 0; i < path.length - 1; i++) {
+    const next = clones[i][path[i]];
+    if (next == null || typeof next !== 'object') {
+      return target;
+    }
+    const cloned = cloneContainer(next);
+    clones[i][path[i]] = cloned;
+    clones.push(cloned);
+  }
+  delete clones[clones.length - 1][path[path.length - 1]];
+  for (let i = clones.length - 1; i > 0; i--) {
+    if (Object.values(clones[i]).every(v => v == null)) {
+      delete clones[i - 1][path[i - 1]];
+    } else {
+      break;
+    }
+  }
+  return clones[0];
+}
 function wrapObjectKeysWithUnderscores(obj) {
   const newObj = {};
   for (const [key, value] of Object.entries(obj)) {
@@ -3766,6 +3809,11 @@ function willKeyProduceValidNumber(key, previousValue, caretIndex, selectionWidt
 function isNullEquivalentValue(value) {
   return value === undefined || value === null || value === '';
 }
+function serializeToInputString(value) {
+  if (value === undefined || value === null) return '';
+  if (typeof value !== 'string' && typeof value !== 'number') return '';
+  return value.toString();
+}
 
 const type$d = 'number';
 function Numberfield(props) {
@@ -3849,7 +3897,7 @@ function Numberfield(props) {
   const outerValueChanged = previousValue != value;
   const outerValueEqualsCache = sanitize(value) === sanitize(cachedValue);
   if (outerValueChanged && !outerValueEqualsCache) {
-    setValue(value && value.toString() || '');
+    setValue(serializeToInputString(value));
   }
 
   // caches the value an increment/decrement operation will be based on
@@ -7454,9 +7502,16 @@ class UpdateFieldInstanceValidationHandler {
     } = this._form._getState();
     context.oldErrors = clone(errors);
     const fieldErrors = this._validator.validateFieldInstance(fieldInstance, value);
-    const updatedErrors = set(errors, [id, ...Object.values(indexes || {})], fieldErrors.length ? fieldErrors : undefined);
+    const errorPath = [id, ...Object.values(indexes || {})];
+    let nextErrors;
+    if (fieldErrors.length) {
+      set(errors, errorPath, fieldErrors);
+      nextErrors = errors;
+    } else {
+      nextErrors = pruneAt(errors, errorPath);
+    }
     this._form._setState({
-      errors: updatedErrors
+      errors: nextErrors
     });
   }
   revert(context) {
@@ -9817,11 +9872,18 @@ class Form {
     const validator = this.get('validator');
     const fieldErrors = validator.validateFieldInstance(fieldInstance, value);
     set(data, valuePath, value);
-    set(errors, [id, ...Object.values(indexes || {})], fieldErrors.length ? fieldErrors : undefined);
+    const errorPath = [id, ...Object.values(indexes || {})];
+    let nextErrors;
+    if (fieldErrors.length) {
+      set(errors, errorPath, fieldErrors);
+      nextErrors = errors;
+    } else {
+      nextErrors = pruneAt(errors, errorPath);
+    }
     this._emit('field.updated', update);
     this._setState({
       data: clone(data),
-      errors: clone(errors)
+      errors: clone(nextErrors)
     });
   }
 
@@ -9997,5 +10059,5 @@ function createForm(options) {
   });
 }
 
-export { ALLOW_ATTRIBUTE, Button, Checkbox, Checklist, ConditionChecker, DATETIME_SUBTYPES, DATETIME_SUBTYPES_LABELS, DATETIME_SUBTYPE_PATH, DATE_DISALLOW_PAST_PATH, DATE_LABEL_PATH, Datetime, Default, Description, DocumentPreview, DynamicList, Errors, ExpressionField, ExpressionFieldModule, ExpressionLanguageModule, ExpressionLoopPreventer, FeelExpressionLanguage, FeelersTemplating, FieldFactory, FilePicker, Form, FormComponent, FormContext, FormField, FormFieldRegistry, FormFields, FormLayouter, FormRenderContext, Group, Html, IFrame, Image, Importer, Label, LocalExpressionContext, MINUTES_IN_DAY, MarkdownRenderer, MarkdownRendererModule, Numberfield, OPTIONS_SOURCES, OPTIONS_SOURCES_DEFAULTS, OPTIONS_SOURCES_LABELS, OPTIONS_SOURCES_PATHS, OPTIONS_SOURCE_DEFAULT, PathRegistry, Radio, RenderModule, RepeatRenderManager, RepeatRenderModule, SANDBOX_ATTRIBUTE, SECURITY_ATTRIBUTES_DEFINITIONS, Select, Separator, Spacer, TEXT_VIEW_DEFAULT_TEXT, TIME_INTERVAL_PATH, TIME_LABEL_PATH, TIME_SERIALISINGFORMAT_LABELS, TIME_SERIALISING_FORMATS, TIME_SERIALISING_FORMAT_PATH, TIME_USE24H_PATH, Table, Taglist, Text, Textarea, Textfield, ViewerCommands, ViewerCommandsModule, buildExpressionContext, clone, createForm, createFormContainer, createInjector, escapeHTML, formFields, generateIdForType, generateIndexForType, getAncestryList, getOptionsSource, getSchemaVariables, getScrollContainer, hasEqualValue, iconsByType, isRequired, pathParse, pathsEqual, runExpressionEvaluation, runRecursively, runUnaryTestEvaluation, sanitizeDateTimePickerValue, sanitizeHTML, sanitizeIFrameSource, sanitizeImageSource, sanitizeMultiSelectValue, sanitizeSingleSelectValue, schemaVersion, useExpressionEvaluation, useSingleLineTemplateEvaluation, useTemplateEvaluation, wrapCSSStyles, wrapObjectKeysWithUnderscores };
+export { ALLOW_ATTRIBUTE, Button, Checkbox, Checklist, ConditionChecker, DATETIME_SUBTYPES, DATETIME_SUBTYPES_LABELS, DATETIME_SUBTYPE_PATH, DATE_DISALLOW_PAST_PATH, DATE_LABEL_PATH, Datetime, Default, Description, DocumentPreview, DynamicList, Errors, ExpressionField, ExpressionFieldModule, ExpressionLanguageModule, ExpressionLoopPreventer, FeelExpressionLanguage, FeelersTemplating, FieldFactory, FilePicker, Form, FormComponent, FormContext, FormField, FormFieldRegistry, FormFields, FormLayouter, FormRenderContext, Group, Html, IFrame, Image, Importer, Label, LocalExpressionContext, MINUTES_IN_DAY, MarkdownRenderer, MarkdownRendererModule, Numberfield, OPTIONS_SOURCES, OPTIONS_SOURCES_DEFAULTS, OPTIONS_SOURCES_LABELS, OPTIONS_SOURCES_PATHS, OPTIONS_SOURCE_DEFAULT, PathRegistry, Radio, RenderModule, RepeatRenderManager, RepeatRenderModule, SANDBOX_ATTRIBUTE, SECURITY_ATTRIBUTES_DEFINITIONS, Select, Separator, Spacer, TEXT_VIEW_DEFAULT_TEXT, TIME_INTERVAL_PATH, TIME_LABEL_PATH, TIME_SERIALISINGFORMAT_LABELS, TIME_SERIALISING_FORMATS, TIME_SERIALISING_FORMAT_PATH, TIME_USE24H_PATH, Table, Taglist, Text, Textarea, Textfield, ViewerCommands, ViewerCommandsModule, buildExpressionContext, clone, createForm, createFormContainer, createInjector, escapeHTML, formFields, generateIdForType, generateIndexForType, getAncestryList, getOptionsSource, getSchemaVariables, getScrollContainer, hasEqualValue, iconsByType, isRequired, pathParse, pathsEqual, pruneAt, runExpressionEvaluation, runRecursively, runUnaryTestEvaluation, sanitizeDateTimePickerValue, sanitizeHTML, sanitizeIFrameSource, sanitizeImageSource, sanitizeMultiSelectValue, sanitizeSingleSelectValue, schemaVersion, useExpressionEvaluation, useSingleLineTemplateEvaluation, useTemplateEvaluation, wrapCSSStyles, wrapObjectKeysWithUnderscores };
 //# sourceMappingURL=index.es.js.map