@bpmn-io/form-js-viewer 1.8.7 → 1.9.1

package/dist/index.es.js

@@ -6,6 +6,7 @@ import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { useContext, useMemo, useRef, useCallback, useEffect, useState, useLayoutEffect } from 'preact/hooks';
 import { createContext, createElement, Fragment as Fragment$1, render } from 'preact';
 import isEqual from 'lodash/isEqual';
+import { DateTime } from 'luxon';
 import flatpickr from 'flatpickr';
 import * as React from 'preact/compat';
 import { createPortal } from 'preact/compat';
@@ -582,40 +583,6 @@ function prefixId(id, formId, indexes) {
   return result;
 }
 
-const type$h = 'button';
-function Button(props) {
-  const {
-    disabled,
-    onFocus,
-    onBlur,
-    field
-  } = props;
-  const {
-    action = 'submit'
-  } = field;
-  return jsx("div", {
-    class: formFieldClasses(type$h),
-    children: jsx("button", {
-      class: "fjs-button",
-      type: action,
-      disabled: disabled,
-      onFocus: () => onFocus && onFocus(),
-      onBlur: () => onBlur && onBlur(),
-      children: field.label
-    })
-  });
-}
-Button.config = {
-  type: type$h,
-  keyed: false,
-  label: 'Button',
-  group: 'action',
-  create: (options = {}) => ({
-    action: 'submit',
-    ...options
-  })
-};
-
 const FormRenderContext = createContext({
   Empty: props => {
     return null;
@@ -1452,16 +1419,16 @@ function parseIsoTime(isoTimeString) {
     return parseBasicMinutes(isoTimeString);
   }
 }
+
+/**
+ * Returns the date object as a simple 'YYYY-MM-DD' formatted date in the local timezone.
+ *
+ * @param {*} date The date object to serialize.
+ * @returns {string} The serialized date.
+ */
 function serializeDate(date) {
-  var d = new Date(date),
-    month = '' + (d.getMonth() + 1),
-    day = '' + d.getDate(),
-    year = d.getFullYear();
-  if (month.length < 2) month = '0' + month;
-  if (day.length < 2) day = '0' + day;
-  return [year, month, day].join('-');
+  return DateTime.fromJSDate(date).toISODate();
 }
-
 // this method is used to make the `new Date(value)` parsing behavior stricter
 function isDateTimeInputInformationSufficient(value) {
   if (!value || typeof value !== 'string') return false;
@@ -1689,6 +1656,43 @@ function useCleanupMultiSelectValue(props) {
   }, [field, options, onChange, memoizedValues, loadState]);
 }
 
+const type$h = 'button';
+function Button(props) {
+  const {
+    disabled,
+    onFocus,
+    onBlur,
+    field
+  } = props;
+  const {
+    action = 'submit'
+  } = field;
+  const evaluatedLabel = useSingleLineTemplateEvaluation(field.label || '', {
+    debug: true
+  });
+  return jsx("div", {
+    class: formFieldClasses(type$h),
+    children: jsx("button", {
+      class: "fjs-button",
+      type: action,
+      disabled: disabled,
+      onFocus: () => onFocus && onFocus(),
+      onBlur: () => onBlur && onBlur(),
+      children: evaluatedLabel
+    })
+  });
+}
+Button.config = {
+  type: type$h,
+  keyed: false,
+  label: 'Button',
+  group: 'action',
+  create: (options = {}) => ({
+    action: 'submit',
+    ...options
+  })
+};
+
 function Description(props) {
   const {
     description,
@@ -2844,7 +2848,7 @@ function Datetime(props) {
     switch (subtype) {
       case DATETIME_SUBTYPES.DATE:
         {
-          date = new Date(Date.parse(value));
+          date = typeof value === 'string' ? DateTime.fromISO(value).toJSDate() : new Date(NaN);
           break;
         }
       case DATETIME_SUBTYPES.TIME:
@@ -5724,7 +5728,7 @@ class FormFields {
   }
 }
 
-const EXPRESSION_PROPERTIES = ['alt', 'appearance.prefixAdorner', 'appearance.suffixAdorner', 'conditional.hide', 'description', 'label', 'source', 'readonly', 'text', 'validate.min', 'validate.max', 'validate.minLength', 'validate.maxLength', 'valuesExpression', 'url', 'dataSource', 'columnsExpression'];
+const EXPRESSION_PROPERTIES = ['alt', 'appearance.prefixAdorner', 'appearance.suffixAdorner', 'conditional.hide', 'description', 'label', 'source', 'readonly', 'text', 'validate.min', 'validate.max', 'validate.minLength', 'validate.maxLength', 'valuesExpression', 'url', 'dataSource', 'columnsExpression', 'expression'];
 const TEMPLATE_PROPERTIES = ['alt', 'appearance.prefixAdorner', 'appearance.suffixAdorner', 'description', 'label', 'source', 'text', 'content', 'url'];
 
 /**
@@ -6933,7 +6937,10 @@ const RepetitionScaffold = props => {
   const localExpressionContextInfo = useMemo(() => ({
     data: parentExpressionContextInfo.data,
     this: itemValue,
-    parent: buildExpressionContext(parentExpressionContextInfo),
+    parent: buildExpressionContext({
+      ...parentExpressionContextInfo,
+      data: parentExpressionContextInfo.this
+    }),
     i: [...parentExpressionContextInfo.i, itemIndex + 1]
   }), [itemIndex, parentExpressionContextInfo, itemValue]);
   return !showRemove ? jsx(LocalExpressionContext.Provider, {
@@ -7845,13 +7852,11 @@ class FieldFactory {
       if (config.repeatable) {
         this._enforceDefaultPath(field);
       }
-      if (field.path) {
-        this._pathRegistry.claimPath(this._pathRegistry.getValuePath(field), {
-          isRepeatable: config.repeatable,
-          claimerId: field.id,
-          knownAncestorIds: getAncestryList(_parent, this._formFieldRegistry)
-        });
-      }
+      this._pathRegistry.claimPath(this._pathRegistry.getValuePath(field), {
+        isRepeatable: config.repeatable,
+        claimerId: field.id,
+        knownAncestorIds: getAncestryList(_parent, this._formFieldRegistry)
+      });
     }
     return field;
   }