@limetech/lime-elements 38.19.5 → 38.19.6

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [38.19.6](https://github.com/Lundalogik/lime-elements/compare/v38.19.5...v38.19.6) (2025-07-21)
+
+
+### Bug Fixes
+
+
+* **form:** array item reordering now works correctly ([64b9afe](https://github.com/Lundalogik/lime-elements/commit/64b9afeb13e01bb27589dba6aa576a16bbbd8049))
+* **form:** resolve warnings for disabled prop modification ([e7a16ab](https://github.com/Lundalogik/lime-elements/commit/e7a16ab579939d3279096047025feac3647389d1))
+
 ## [38.19.5](https://github.com/Lundalogik/lime-elements/compare/v38.19.4...v38.19.5) (2025-07-17)
 
 

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

@@ -39343,23 +39343,28 @@ class SimpleItemTemplate extends react.Component {
   constructor(props) {
     super(props);
     this.props = props;
+    this.handleRemove = (event) => {
+      const { item, index } = this.props;
+      item.onDropIndexClick(index)(event);
+    };
+    this.handleMoveUp = (event) => {
+      const { item, index } = this.props;
+      item.onReorderClick(index, index - 1)(event);
+    };
+    this.handleMoveDown = (event) => {
+      const { item, index } = this.props;
+      item.onReorderClick(index, index + 1)(event);
+    };
   }
   componentDidMount() {
-    const { item, index } = this.props;
-    const removeButton = this.removeButton;
-    this.removeHandler = item.onDropIndexClick(index);
-    removeButton.addEventListener('click', this.removeHandler);
-    const upButton = this.moveUpButton;
-    this.moveUpHandler = item.onReorderClick(index, index - 1);
-    upButton.addEventListener('click', this.moveUpHandler);
-    const downButton = this.moveDownButton;
-    this.moveDownHandler = item.onReorderClick(index, index + 1);
-    downButton.addEventListener('click', this.moveDownHandler);
+    this.removeButton.addEventListener('click', this.handleRemove);
+    this.moveUpButton.addEventListener('click', this.handleMoveUp);
+    this.moveDownButton.addEventListener('click', this.handleMoveDown);
   }
   componentWillUnmount() {
-    this.removeButton.removeEventListener('click', this.removeHandler);
-    this.moveUpButton.removeEventListener('click', this.moveUpHandler);
-    this.moveDownButton.removeEventListener('click', this.moveDownHandler);
+    this.removeButton.removeEventListener('click', this.handleRemove);
+    this.moveUpButton.removeEventListener('click', this.handleMoveUp);
+    this.moveDownButton.removeEventListener('click', this.handleMoveDown);
   }
   render() {
     const { item } = this.props;
@@ -39370,37 +39375,31 @@ class SimpleItemTemplate extends react.Component {
   renderRemoveButton(item) {
     const props = {
       icon: 'trash',
+      disabled: !item.hasRemove,
       ref: (button) => {
         this.removeButton = button;
       },
     };
-    if (!item.hasRemove) {
-      props.disabled = true;
-    }
     return react.createElement(LIMEL_ICON_BUTTON, props);
   }
   renderMoveUpButton(item) {
     const props = {
       icon: 'up_arrow',
+      disabled: !item.hasMoveUp,
       ref: (button) => {
         this.moveUpButton = button;
       },
     };
-    if (!item.hasMoveUp) {
-      props.disabled = true;
-    }
     return react.createElement(LIMEL_ICON_BUTTON, props);
   }
   renderMoveDownButton(item) {
     const props = {
       icon: 'down_arrow',
+      disabled: !item.hasMoveDown,
       ref: (button) => {
         this.moveDownButton = button;
       },
     };
-    if (!item.hasMoveDown) {
-      props.disabled = true;
-    }
     return react.createElement(LIMEL_ICON_BUTTON, props);
   }
 }