@janiscommerce/ui-web 2.0.0 → 2.1.0

package/dist/index.umd.js

@@ -15655,6 +15655,7 @@
    * @property {(ids?: string[]) => void} selectNodes - reemplaza la selección actual con esos nodos
    * @property {(ids?: string[]) => void} selectEdges - reemplaza la selección actual con esos edges
    * @property {() => void} clearSelection - limpia toda la selección
+   * @property {(ids?: { nodes?: string[], edges?: string[] }) => Promise<void>} deleteElements - borra los elementos vía React Flow (pasa por onBeforeDelete y onNodesChange/onEdgesChange)
    */
 
   var defaultViewportOpts = {
@@ -15781,14 +15782,34 @@
         },
         clearSelection: function clearSelection() {
           return store.getState().unselectNodesAndEdges();
+        },
+        deleteElements: function deleteElements() {
+          var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+              _ref2$nodes = _ref2.nodes,
+              nodeIds = _ref2$nodes === void 0 ? [] : _ref2$nodes,
+              _ref2$edges = _ref2.edges,
+              edgeIds = _ref2$edges === void 0 ? [] : _ref2$edges;
+
+          return rf.deleteElements({
+            nodes: nodeIds.map(function (id) {
+              return {
+                id: id
+              };
+            }),
+            edges: edgeIds.map(function (id) {
+              return {
+                id: id
+              };
+            })
+          });
         }
       };
     }, [rf, store]);
     var nodeTypes = React$2.useMemo(function () {
-      return Object.fromEntries(Object.entries(nodeComponents).map(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-            type = _ref3[0],
-            Component = _ref3[1];
+      return Object.fromEntries(Object.entries(nodeComponents).map(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+            type = _ref4[0],
+            Component = _ref4[1];
 
         return [type, withHandles(Component, {
           resizable: resizableNodes
@@ -15837,13 +15858,13 @@
       });
     }, [onReconnect]);
     var handleBeforeDelete = React$2.useCallback( /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref4) {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref5) {
         var nodesToDelete, edgesToDelete, result, idsToDelete, nodeIds, edgeIds;
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                nodesToDelete = _ref4.nodes, edgesToDelete = _ref4.edges;
+                nodesToDelete = _ref5.nodes, edgesToDelete = _ref5.edges;
 
                 if (onBeforeDelete) {
                   _context.next = 3;
@@ -15857,9 +15878,9 @@
                 return onBeforeDelete({
                   nodes: nodesToDelete.map(function (node) {
                     // eslint-disable-next-line no-unused-vars
-                    var _ref6 = node.data || {};
-                        _ref6.handleConfig;
-                        var data = _objectWithoutProperties(_ref6, _excluded$d);
+                    var _ref7 = node.data || {};
+                        _ref7.handleConfig;
+                        var data = _objectWithoutProperties(_ref7, _excluded$d);
 
                     return {
                       id: node.id,
@@ -15869,9 +15890,9 @@
                   }),
                   edges: edgesToDelete.map(function (edge) {
                     // eslint-disable-next-line no-unused-vars
-                    var _ref7 = edge.data || {};
-                        _ref7.selectedStyle;
-                        var data = _objectWithoutProperties(_ref7, _excluded2$1);
+                    var _ref8 = edge.data || {};
+                        _ref8.selectedStyle;
+                        var data = _objectWithoutProperties(_ref8, _excluded2$1);
 
                     return {
                       id: edge.id,
@@ -15894,8 +15915,8 @@
                 // { nodes, edges } → borrado selectivo: filtrar los objetos RF originales
                 // por los ids que el consumidor devolvió (RF hace el match por id).
                 idsToDelete = function idsToDelete(elements) {
-                  return new Set((elements || []).map(function (_ref8) {
-                    var id = _ref8.id;
+                  return new Set((elements || []).map(function (_ref9) {
+                    var id = _ref9.id;
                     return id;
                   }));
                 };
@@ -15920,21 +15941,21 @@
       }));
 
       return function (_x) {
-        return _ref5.apply(this, arguments);
+        return _ref6.apply(this, arguments);
       };
     }(), [onBeforeDelete]);
-    var handleSelectionChange = React$2.useCallback(function (_ref9) {
-      var selectedNodes = _ref9.nodes,
-          selectedEdges = _ref9.edges;
+    var handleSelectionChange = React$2.useCallback(function (_ref10) {
+      var selectedNodes = _ref10.nodes,
+          selectedEdges = _ref10.edges;
       return onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange({
-        nodes: selectedNodes.map(function (_ref10) {
-          var id = _ref10.id;
+        nodes: selectedNodes.map(function (_ref11) {
+          var id = _ref11.id;
           return {
             id: id
           };
         }),
-        edges: selectedEdges.map(function (_ref11) {
-          var id = _ref11.id;
+        edges: selectedEdges.map(function (_ref12) {
+          var id = _ref12.id;
           return {
             id: id
           };
@@ -15943,9 +15964,9 @@
     }, [onSelectionChange]);
     var handleNodeClick = React$2.useCallback(function (_event, node) {
       // eslint-disable-next-line no-unused-vars
-      var _ref12 = node.data || {};
-          _ref12.handleConfig;
-          var data = _objectWithoutProperties(_ref12, _excluded3);
+      var _ref13 = node.data || {};
+          _ref13.handleConfig;
+          var data = _objectWithoutProperties(_ref13, _excluded3);
 
       onNodeClick === null || onNodeClick === void 0 || onNodeClick({
         id: node.id,
@@ -15955,9 +15976,9 @@
     }, [onNodeClick]);
     var handleEdgeClick = React$2.useCallback(function (_event, edge) {
       // eslint-disable-next-line no-unused-vars
-      var _ref13 = edge.data || {};
-          _ref13.selectedStyle;
-          var data = _objectWithoutProperties(_ref13, _excluded4);
+      var _ref14 = edge.data || {};
+          _ref14.selectedStyle;
+          var data = _objectWithoutProperties(_ref14, _excluded4);
 
       onEdgeClick === null || onEdgeClick === void 0 || onEdgeClick({
         id: edge.id,