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

package/dist/assets/form-js-base.css

@@ -1189,6 +1189,10 @@
   color: var(--color-warning);
 }
 
+.fjs-container .fjs-repeat-row-collapsed {
+  display: none;
+}
+
 .fjs-container .fjs-repeat-render-footer {
   display: flex;
   flex-direction: row;

package/dist/assets/form-js.css

@@ -1149,6 +1149,10 @@
   color: var(--color-warning);
 }
 
+.fjs-container .fjs-repeat-row-collapsed {
+  display: none;
+}
+
 .fjs-container .fjs-repeat-render-footer {
   display: flex;
   flex-direction: row;

package/dist/index.cjs

@@ -6809,6 +6809,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);
@@ -6819,8 +6820,8 @@ class RepeatRenderManager {
       });
     };
     const parentExpressionContextInfo = hooks.useContext(LocalExpressionContext);
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: displayValues.map((itemValue, itemIndex) => jsxRuntime.jsx(RepetitionScaffold, {
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [displayValues.map((itemValue, itemIndex) => jsxRuntime.jsx(RepetitionScaffold, {
         itemIndex: itemIndex,
         itemValue: itemValue,
         parentExpressionContextInfo: parentExpressionContextInfo,
@@ -6830,7 +6831,20 @@ class RepeatRenderManager {
         onDeleteItem: onDeleteItem,
         showRemove: showRemove,
         ...restProps
-      }, itemIndex))
+      }, itemIndex)), hiddenValues.length > 0 ? jsxRuntime.jsx("div", {
+        className: "fjs-repeat-row-collapsed",
+        children: hiddenValues.map((itemValue, itemIndex) => jsxRuntime.jsx(RepetitionScaffold, {
+          itemIndex: itemIndex + nonCollapsedItems,
+          itemValue: itemValue,
+          parentExpressionContextInfo: parentExpressionContextInfo,
+          repeaterField: repeaterField,
+          RowsRenderer: RowsRenderer,
+          indexes: indexes,
+          onDeleteItem: onDeleteItem,
+          showRemove: showRemove,
+          ...restProps
+        }, itemIndex))
+      }) : null]
     });
   }
   RepeatFooter(props) {