@limetech/lime-elements 38.29.4 → 38.30.0

package/dist/esm/limel-form.entry.js

@@ -39294,27 +39294,29 @@ class CollapsibleItemTemplate extends react.Component {
     }, children);
   }
   setActions(element) {
-    const { item, index } = this.props;
-    const actions = [
-      {
+    const { item, index, allowItemRemoval, allowItemReorder } = this.props;
+    const actions = [];
+    if (allowItemReorder) {
+      actions.push({
         id: 'down',
         icon: 'down_arrow',
         disabled: !item.hasMoveDown,
         run: item.onReorderClick(index, index + 1),
-      },
-      {
+      }, {
         id: 'up',
         icon: 'up_arrow',
         disabled: !item.hasMoveUp,
         run: item.onReorderClick(index, index - 1),
-      },
-      {
+      });
+    }
+    if (allowItemRemoval) {
+      actions.push({
         id: 'remove',
         icon: 'trash',
         disabled: !item.hasRemove,
         run: item.onDropIndexClick(index),
-      },
-    ];
+      });
+    }
     element.actions = actions;
   }
   handleAction(event) {
@@ -39349,30 +39351,52 @@ class SimpleItemTemplate extends react.Component {
       const { item, index } = this.props;
       item.onReorderClick(index, index + 1)(event);
     };
-  }
-  componentDidMount() {
-    this.removeButton.addEventListener('click', this.handleRemove);
-    this.moveUpButton.addEventListener('click', this.handleMoveUp);
-    this.moveDownButton.addEventListener('click', this.handleMoveDown);
+    this.setRemoveButton = (button) => {
+      if (this.removeButton) {
+        this.removeButton.removeEventListener('click', this.handleRemove);
+      }
+      this.removeButton = button || undefined;
+      if (this.removeButton) {
+        this.removeButton.addEventListener('click', this.handleRemove);
+      }
+    };
+    this.setMoveUpButton = (button) => {
+      if (this.moveUpButton) {
+        this.moveUpButton.removeEventListener('click', this.handleMoveUp);
+      }
+      this.moveUpButton = button || undefined;
+      if (this.moveUpButton) {
+        this.moveUpButton.addEventListener('click', this.handleMoveUp);
+      }
+    };
+    this.setMoveDownButton = (button) => {
+      if (this.moveDownButton) {
+        this.moveDownButton.removeEventListener('click', this.handleMoveDown);
+      }
+      this.moveDownButton = button || undefined;
+      if (this.moveDownButton) {
+        this.moveDownButton.addEventListener('click', this.handleMoveDown);
+      }
+    };
   }
   componentWillUnmount() {
-    this.removeButton.removeEventListener('click', this.handleRemove);
-    this.moveUpButton.removeEventListener('click', this.handleMoveUp);
-    this.moveDownButton.removeEventListener('click', this.handleMoveDown);
+    this.setRemoveButton(undefined);
+    this.setMoveUpButton(undefined);
+    this.setMoveDownButton(undefined);
   }
   render() {
     const { item } = this.props;
     return react.createElement('div', {
       className: 'limel-form-array-item--simple',
-    }, this.props.item.children, this.renderRemoveButton(item), this.renderMoveUpButton(item), this.renderMoveDownButton(item));
+    }, this.props.item.children, this.props.allowItemReorder
+      ? this.renderMoveDownButton(item)
+      : null, this.props.allowItemReorder ? this.renderMoveUpButton(item) : null, this.props.allowItemRemoval ? this.renderRemoveButton(item) : null);
   }
   renderRemoveButton(item) {
     const props = {
       icon: 'trash',
       disabled: !item.hasRemove,
-      ref: (button) => {
-        this.removeButton = button;
-      },
+      ref: this.setRemoveButton,
     };
     return react.createElement(LIMEL_ICON_BUTTON, props);
   }
@@ -39380,9 +39404,7 @@ class SimpleItemTemplate extends react.Component {
     const props = {
       icon: 'up_arrow',
       disabled: !item.hasMoveUp,
-      ref: (button) => {
-        this.moveUpButton = button;
-      },
+      ref: this.setMoveUpButton,
     };
     return react.createElement(LIMEL_ICON_BUTTON, props);
   }
@@ -39390,9 +39412,7 @@ class SimpleItemTemplate extends react.Component {
     const props = {
       icon: 'down_arrow',
       disabled: !item.hasMoveDown,
-      ref: (button) => {
-        this.moveDownButton = button;
-      },
+      ref: this.setMoveDownButton,
     };
     return react.createElement(LIMEL_ICON_BUTTON, props);
   }
@@ -39421,6 +39441,7 @@ class ArrayFieldTemplate extends react.Component {
   }
   renderItem(item, index) {
     const { schema, formData, formContext } = this.props;
+    const controls = this.getItemControls();
     if (isObjectType(schema.items)) {
       return react.createElement(CollapsibleItemTemplate, {
         key: item.key,
@@ -39429,14 +39450,26 @@ class ArrayFieldTemplate extends react.Component {
         schema: schema,
         formSchema: formContext.schema,
         index: index,
+        allowItemRemoval: controls.allowItemRemoval,
+        allowItemReorder: controls.allowItemReorder,
       });
     }
     return react.createElement(SimpleItemTemplate, {
       key: item.key,
       item: item,
       index: index,
+      allowItemRemoval: controls.allowItemRemoval,
+      allowItemReorder: controls.allowItemReorder,
     });
   }
+  getItemControls() {
+    var _a;
+    const limeOptions = ((_a = this.props.schema) === null || _a === void 0 ? void 0 : _a.lime) || {};
+    return {
+      allowItemRemoval: limeOptions.allowItemRemoval !== false,
+      allowItemReorder: limeOptions.allowItemReorder !== false,
+    };
+  }
   handleAddClick(event) {
     event.stopPropagation();
     this.props.onAddClick(event);