@bpmn-io/form-js-playground 1.21.0 → 1.21.1

package/dist/form-playground.umd.js

@@ -53580,6 +53580,110 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
     return result;
   }
+
+  /**
+   * Returns the options data for the provided if they can be simply determined, ignoring expression defined options.
+   *
+   * @param {object} formField
+   * @param {object} formData
+   */
+  function getSimpleOptionsData(formField, formData) {
+    const {
+      valuesExpression: optionsExpression,
+      valuesKey: optionsKey,
+      values: staticOptions
+    } = formField;
+    if (optionsExpression) {
+      return null;
+    }
+    return optionsKey ? get$1(formData, [optionsKey]) : staticOptions;
+  }
+
+  /**
+   * Normalizes the provided options data to a format that can be used by the select components.
+   * If the options data is not valid, it is filtered out.
+   *
+   * @param {any[]} optionsData
+   *
+   * @returns {object[]}
+   */
+  function normalizeOptionsData(optionsData) {
+    return optionsData.filter(_isAllowedValue).map(_normalizeOption).filter(o => !isNil$1(o));
+  }
+
+  /**
+   * Creates an options object with default values if no options are provided.
+   *
+   * @param {object} options
+   *
+   * @returns {object}
+   */
+  function createEmptyOptions(options = {}) {
+    const defaults = {};
+
+    // provide default options if valuesKey and valuesExpression are not set
+    if (!options.valuesKey && !options.valuesExpression) {
+      defaults.values = [{
+        label: 'Value',
+        value: 'value'
+      }];
+    }
+    return {
+      ...defaults,
+      ...options
+    };
+  }
+
+  /**
+   * Converts the provided option to a normalized format.
+   * If the option is not valid, null is returned.
+   *
+   * @param {object} option
+   * @param {string} option.label
+   * @param {*} option.value
+   *
+   * @returns
+   */
+  function _normalizeOption(option) {
+    // (1) simple primitive case, use it as both label and value
+    if (_isAllowedPrimitive(option)) {
+      return {
+        value: option,
+        label: `${option}`
+      };
+    }
+    if (isObject(option)) {
+      const isValidLabel = _isValidLabel(option.label);
+
+      // (2) no label provided, but value is a simple primitive, use it as label and value
+      if (!isValidLabel && _isAllowedPrimitive(option.value)) {
+        return {
+          value: option.value,
+          label: `${option.value}`
+        };
+      }
+
+      // (3) both label and value are provided, use them as is
+      if (isValidLabel && _isAllowedValue(option.value)) {
+        return option;
+      }
+    }
+    return null;
+  }
+  function _isAllowedPrimitive(value) {
+    const isAllowedPrimitiveType = ['number', 'string', 'boolean'].includes(typeof value);
+    const isValid = value || value === 0 || value === false;
+    return isAllowedPrimitiveType && isValid;
+  }
+  function _isValidLabel(label) {
+    return label && isString$2(label);
+  }
+  function _isAllowedValue(value) {
+    if (isObject(value)) {
+      return Object.keys(value).length > 0;
+    }
+    return _isAllowedPrimitive(value);
+  }
   const FormRenderContext = G$1({
     Empty: props => {
       return null;
@@ -53620,7 +53724,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     },
     hoverInfo: {
       cleanup: () => {}
-    }
+    },
+    applyVisibilityConditions: true
   });
   const LocalExpressionContext = G$1({
     data: null,
@@ -53725,134 +53830,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return expressionLanguage.evaluateUnaryTest(value, buildExpressionContext(expressionContextInfo));
   }
 
-  /**
-   * Evaluate a unary test expression reactively. Returns null for invalid/missing expressions.
-   * The function is memoized to minimize re-renders.
-   *
-   * @param {string | undefined} value - A unary test expression to evaluate.
-   * @returns {boolean | null} - Evaluated result, or null if expression is invalid/missing.
-   */
-  function useUnaryTestEvaluation(value) {
-    const expressionLanguage = useService$2('expressionLanguage');
-    const expressionContextInfo = q$2(LocalExpressionContext);
-    return F$2(() => runUnaryTestEvaluation(expressionLanguage, value, expressionContextInfo), [expressionLanguage, expressionContextInfo, value]);
-  }
-
-  /**
-   * Evaluate if condition is met reactively based on the expression language and form data.
-   *
-   * @param {string | undefined} condition
-   *
-   * @returns {boolean | null} true if condition is met, false if not, null if no condition or expression language
-   */
-  function useCondition(condition) {
-    return useUnaryTestEvaluation(condition);
-  }
-
-  /**
-   * Returns the options data for the provided if they can be simply determined, ignoring expression defined options.
-   *
-   * @param {object} formField
-   * @param {object} formData
-   */
-  function getSimpleOptionsData(formField, formData) {
-    const {
-      valuesExpression: optionsExpression,
-      valuesKey: optionsKey,
-      values: staticOptions
-    } = formField;
-    if (optionsExpression) {
-      return null;
-    }
-    return optionsKey ? get$1(formData, [optionsKey]) : staticOptions;
-  }
-
-  /**
-   * Normalizes the provided options data to a format that can be used by the select components.
-   * If the options data is not valid, it is filtered out.
-   *
-   * @param {any[]} optionsData
-   *
-   * @returns {object[]}
-   */
-  function normalizeOptionsData(optionsData) {
-    return optionsData.filter(_isAllowedValue).map(_normalizeOption).filter(o => !isNil$1(o));
-  }
-
-  /**
-   * Creates an options object with default values if no options are provided.
-   *
-   * @param {object} options
-   *
-   * @returns {object}
-   */
-  function createEmptyOptions(options = {}) {
-    const defaults = {};
-
-    // provide default options if valuesKey and valuesExpression are not set
-    if (!options.valuesKey && !options.valuesExpression) {
-      defaults.values = [{
-        label: 'Value',
-        value: 'value'
-      }];
-    }
-    return {
-      ...defaults,
-      ...options
-    };
-  }
-
-  /**
-   * Converts the provided option to a normalized format.
-   * If the option is not valid, null is returned.
-   *
-   * @param {object} option
-   * @param {string} option.label
-   * @param {*} option.value
-   *
-   * @returns
-   */
-  function _normalizeOption(option) {
-    // (1) simple primitive case, use it as both label and value
-    if (_isAllowedPrimitive(option)) {
-      return {
-        value: option,
-        label: `${option}`
-      };
-    }
-    if (isObject(option)) {
-      const isValidLabel = _isValidLabel(option.label);
-
-      // (2) no label provided, but value is a simple primitive, use it as label and value
-      if (!isValidLabel && _isAllowedPrimitive(option.value)) {
-        return {
-          value: option.value,
-          label: `${option.value}`
-        };
-      }
-
-      // (3) both label and value are provided, use them as is
-      if (isValidLabel && _isAllowedValue(option.value)) {
-        return option;
-      }
-    }
-    return null;
-  }
-  function _isAllowedPrimitive(value) {
-    const isAllowedPrimitiveType = ['number', 'string', 'boolean'].includes(typeof value);
-    const isValid = value || value === 0 || value === false;
-    return isAllowedPrimitiveType && isValid;
-  }
-  function _isValidLabel(label) {
-    return label && isString$2(label);
-  }
-  function _isAllowedValue(value) {
-    if (isObject(value)) {
-      return Object.keys(value).length > 0;
-    }
-    return _isAllowedPrimitive(value);
-  }
-
   /**
    * If the value is a valid expression, it is evaluated and returned. Otherwise, it is returned as-is.
    * The function is memoized to minimize re-renders.
@@ -54183,6 +54160,19 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }, [expressionLanguage, expressionContextInfo, value]);
   }
 
+  /**
+   * Evaluate a unary test expression reactively. Returns null for invalid/missing expressions.
+   * The function is memoized to minimize re-renders.
+   *
+   * @param {string | undefined} value - A unary test expression to evaluate.
+   * @returns {boolean | null} - Evaluated result, or null if expression is invalid/missing.
+   */
+  function useUnaryTestEvaluation(value) {
+    const expressionLanguage = useService$2('expressionLanguage');
+    const expressionContextInfo = q$2(LocalExpressionContext);
+    return F$2(() => runUnaryTestEvaluation(expressionLanguage, value, expressionContextInfo), [expressionLanguage, expressionContextInfo, value]);
+  }
+
   /**
    * Returns the conditionally filtered data of a form reactively.
    * Memoised to minimize re-renders
@@ -54981,7 +54971,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const {
       Element,
       Hidden,
-      Column
+      Column,
+      applyVisibilityConditions
     } = q$2(FormRenderContext);
     const {
       formId
@@ -55005,7 +54996,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 
     // add precedence: global readonly > form field disabled
     const disabled = !properties.readOnly && (properties.disabled || field.disabled || false);
-    const hidden = useCondition(field.conditional && field.conditional.hide || null);
+    const conditionResult = useUnaryTestEvaluation(field.conditional && field.conditional.hide || null);
+    const hidden = applyVisibilityConditions ? conditionResult : null;
     const instanceId = F$2(() => {
       if (!formFieldInstanceRegistry) {
         return null;
@@ -71032,7 +71024,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       Element: Element$1,
       Empty,
       Row,
-      hoverInfo: {}
+      hoverInfo: {},
+      applyVisibilityConditions: false
     }), []);
     const formContext = F$2(() => ({
       getService(type, strict = true) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "1.21.0",
+  "version": "1.21.1",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -45,8 +45,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "1.21.0",
-    "@bpmn-io/form-js-viewer": "1.21.0",
+    "@bpmn-io/form-js-editor": "1.21.1",
+    "@bpmn-io/form-js-viewer": "1.21.1",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/commands": "^6.10.1",
     "@codemirror/lang-json": "^6.0.2",
@@ -71,5 +71,5 @@
     "rollup-plugin-css-only": "^4.5.5",
     "style-loader": "^4.0.0"
   },
-  "gitHead": "19daa3fe06157ae0ae52ae27345fc9dc236b61ca"
+  "gitHead": "b36907be7a2b3d872369b1c44d5a8b059a5d4c5d"
 }