@bpmn-io/form-js-viewer 1.21.3 → 1.23.1

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { Ids } from 'ids';
-import { isString, get, isNil, isObject, some, isNumber, set, findIndex, isArray, isDefined, values, uniqueBy, isFunction, bind, assign, groupBy, isUndefined } from 'min-dash';
+import { isString, get, isNil, isObject, some, isNumber, set, isDefined, findIndex, isArray, values, uniqueBy, isFunction, bind, assign, groupBy, isUndefined } from 'min-dash';
 import Big from 'big.js';
 import classNames from 'classnames';
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
@@ -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 [{
@@ -3810,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) {
@@ -3893,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
@@ -4221,7 +4225,7 @@ function SearchableSelect(props) {
     onChange: props.onChange
   });
   const getLabelCorrelation = useGetLabelCorrelation(options);
-  const label = useMemo(() => value && getLabelCorrelation(value), [value, getLabelCorrelation]);
+  const label = useMemo(() => isDefined(value) ? getLabelCorrelation(value) : undefined, [value, getLabelCorrelation]);
 
   // whenever we change the underlying value, set the label to it
   useEffect(() => {
@@ -4239,7 +4243,7 @@ function SearchableSelect(props) {
   const pickOption = useCallback(option => {
     setFilter(option && option.label || '');
     props.onChange({
-      value: option && option.value || null
+      value: option?.value ?? null
     });
   }, [props]);
   const displayState = useMemo(() => {
@@ -4386,10 +4390,10 @@ function SimpleSelect(props) {
     onChange: props.onChange
   });
   const getLabelCorrelation = useGetLabelCorrelation(options);
-  const valueLabel = useMemo(() => value && getLabelCorrelation(value), [value, getLabelCorrelation]);
+  const valueLabel = useMemo(() => isDefined(value) ? getLabelCorrelation(value) : undefined, [value, getLabelCorrelation]);
   const pickOption = useCallback(option => {
     props.onChange({
-      value: option && option.value || null
+      value: option?.value ?? null
     });
   }, [props]);
   const displayState = useMemo(() => {