@massimo-cassandro/minimo 1.27.4 → 1.28.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.27.4",
+  "version": "1.28.1",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

package/src/components/sf-macro/sf-macro.js

@@ -16,7 +16,8 @@ import './sf-macro.css';
  * @param {string} [options.addBtnClass='sf-macro-riga-add'] - Class name of the row-add button. (default: 'sf-macro-riga-add')
  * @param {string} [options.containerClass='sf-macro-container'] - Class name of the rows container. (default: 'sf-macro-container')
  * @param {((newRow: Element | null, addBtn: Element | null) => void) | null} [options.add_callback=null] - Called after a row is added; receives the new row and the add button. (default: null)
- * @param {(() => void) | null} [options.del_callback=null] - Called after a row is removed. (default: null)
+ * @param {((row: Element | null, closeBtn: Element | null) => boolean) | null} [options.preDelCallback=null] - Called when the row-remove button is pressed, before the row is removed; receives the row and the close button; if it returns false, the removal is aborted. (default: null)
+ * @param {((row: Element | null, closeBtn: Element | null) => void) | null} [options.del_callback=null] - Called after a row is removed; receives the removed row (now detached) and the close button. (default: null)
  * @param {boolean} [options.insertAtTop=false] - When true, new rows are inserted at the top. (default: false)
  * @returns {void}
  */
@@ -30,6 +31,7 @@ export function sf_macro({
   addBtnClass = 'sf-macro-riga-add',
   containerClass = 'sf-macro-container',
   add_callback = null,
+  preDelCallback = null,
   del_callback = null,
   insertAtTop = false
 }={}) {
@@ -74,10 +76,16 @@ export function sf_macro({
       }
 
     } else {
-      target.closest(row_selector)?.remove();
+      const riga = target.closest(row_selector);
+
+      if(preDelCallback && typeof preDelCallback === 'function' && preDelCallback(riga, action_btn) === false) {
+        return;
+      }
+
+      riga?.remove();
 
       if(del_callback && typeof del_callback === 'function') {
-        del_callback();
+        del_callback(riga, action_btn);
       }
     }