@bpmn-io/form-js-viewer 1.8.8 → 1.9.2

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';
@@ -1418,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;
@@ -2847,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:
@@ -6788,6 +6789,7 @@ class RepeatRenderManager {
     const hasChildren = repeaterField.components && repeaterField.components.length > 0;
     const showRemove = repeaterField.allowAddRemove && hasChildren;
     const displayValues = isCollapsed ? values.slice(0, nonCollapsedItems) : values;
+    const hiddenValues = isCollapsed ? values.slice(nonCollapsedItems) : [];
     const onDeleteItem = index => {
       const updatedValues = values.slice();
       updatedValues.splice(index, 1);
@@ -6798,8 +6800,8 @@ class RepeatRenderManager {
       });
     };
     const parentExpressionContextInfo = useContext(LocalExpressionContext);
-    return jsx(Fragment, {
-      children: displayValues.map((itemValue, itemIndex) => jsx(RepetitionScaffold, {
+    return jsxs(Fragment, {
+      children: [displayValues.map((itemValue, itemIndex) => jsx(RepetitionScaffold, {
         itemIndex: itemIndex,
         itemValue: itemValue,
         parentExpressionContextInfo: parentExpressionContextInfo,
@@ -6809,7 +6811,20 @@ class RepeatRenderManager {
         onDeleteItem: onDeleteItem,
         showRemove: showRemove,
         ...restProps
-      }, itemIndex))
+      }, itemIndex)), hiddenValues.length > 0 ? jsx("div", {
+        className: "fjs-repeat-row-collapsed",
+        children: hiddenValues.map((itemValue, itemIndex) => jsx(RepetitionScaffold, {
+          itemIndex: itemIndex + nonCollapsedItems,
+          itemValue: itemValue,
+          parentExpressionContextInfo: parentExpressionContextInfo,
+          repeaterField: repeaterField,
+          RowsRenderer: RowsRenderer,
+          indexes: indexes,
+          onDeleteItem: onDeleteItem,
+          showRemove: showRemove,
+          ...restProps
+        }, itemIndex))
+      }) : null]
     });
   }
   RepeatFooter(props) {