contentoh-components-library 21.4.116 → 21.4.117

package/dist/components/atoms/CustomChip/index.js

@@ -24,7 +24,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var CustomChip = function CustomChip(_ref) {
   var key = _ref.key,
       label = _ref.label,
-      onDelete = _ref.onDelete;
+      onDelete = _ref.onDelete,
+      showDelete = _ref.showDelete;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -44,19 +45,23 @@ var CustomChip = function CustomChip(_ref) {
     onDelete: onDelete,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    deleteIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteForeverOutlined.default, {
+    deleteIcon: showDelete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteForeverOutlined.default, {
       sx: {
         color: "#B64545!important",
         fontSize: "14px!important",
         cursor: "pointer"
       }
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteForeverOutlined.default, {
+      sx: {
+        display: "none"
+      }
     }),
     style: {
       height: "30px",
       borderRadius: "5px",
       background: "transparent",
-      border: "1px solid ".concat(isHovered ? "#B64545" : "#F0F0F0"),
-      color: "".concat(isHovered ? "#B64545" : "#707070")
+      border: "1px solid ".concat(showDelete && isHovered ? "#B64545" : "#F0F0F0"),
+      color: "".concat(showDelete && isHovered ? "#B64545" : "#707070")
     }
   }, key);
 };

package/dist/components/molecules/Phase/index.js

@@ -450,30 +450,53 @@ var Phase = function Phase(_ref) {
   }; //eliminar chip
 
 
-  var handleChipDelete = function handleChipDelete(phaseId, chipToRemove) {
-    setGroupsSelected(function (prevGroups) {
-      return prevGroups.filter(function (chip) {
-        return chip.id !== chipToRemove.id;
-      });
-    });
-    setChips(function (prevChips) {
-      return prevChips.filter(function (chip) {
-        return chip.id !== chipToRemove.id;
-      });
-    });
-    deleteGroup(phaseId, chipToRemove.id);
-  }; //eliminar grupo de fase
+  var handleChipDelete = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(phaseId, chipToRemove) {
+      return _regenerator.default.wrap(function _callee6$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              setGroupsSelected(function (prevGroups) {
+                return prevGroups.filter(function (chip) {
+                  return chip.id !== chipToRemove.id;
+                });
+              });
+              setChips(function (prevChips) {
+                return prevChips.filter(function (chip) {
+                  return chip.id !== chipToRemove.id;
+                });
+              });
+              setTempChips(function (prevChips) {
+                return prevChips.filter(function (chip) {
+                  return chip.id !== chipToRemove.id;
+                });
+              });
+              _context7.next = 5;
+              return deleteGroup(phaseId, chipToRemove.id);
+
+            case 5:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee6);
+    }));
+
+    return function handleChipDelete(_x6, _x7) {
+      return _ref7.apply(this, arguments);
+    };
+  }(); //eliminar grupo de fase
 
 
   var deleteGroup = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(phaseId, groupId) {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(phaseId, groupId) {
       var response;
-      return _regenerator.default.wrap(function _callee6$(_context7) {
+      return _regenerator.default.wrap(function _callee7$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              _context7.prev = 0;
-              _context7.next = 3;
+              _context8.prev = 0;
+              _context8.next = 3;
               return _axios.default.post("".concat(process.env.REACT_APP_PHASES_ENDPOINT, "/delete"), {
                 deleteGroupOfPhase: {
                   phaseId: phaseId,
@@ -486,26 +509,32 @@ var Phase = function Phase(_ref) {
               });
 
             case 3:
-              response = _context7.sent;
+              response = _context8.sent;
               console.log("grupo eliminado correctamente");
-              _context7.next = 10;
+              loadData();
+              setTempChips(function (prevChips) {
+                return prevChips.filter(function (chip) {
+                  return chip.id !== groupId;
+                });
+              });
+              _context8.next = 12;
               break;
 
-            case 7:
-              _context7.prev = 7;
-              _context7.t0 = _context7["catch"](0);
-              console.error("Error al eliminar grupo de fase:", _context7.t0);
+            case 9:
+              _context8.prev = 9;
+              _context8.t0 = _context8["catch"](0);
+              console.error("Error al eliminar grupo de fase:", _context8.t0);
 
-            case 10:
+            case 12:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee6, null, [[0, 7]]);
+      }, _callee7, null, [[0, 9]]);
     }));
 
-    return function deleteGroup(_x6, _x7) {
-      return _ref7.apply(this, arguments);
+    return function deleteGroup(_x8, _x9) {
+      return _ref8.apply(this, arguments);
     };
   }();
 
@@ -612,7 +641,8 @@ var Phase = function Phase(_ref) {
           label: chip.label,
           onDelete: function onDelete() {
             return handleChipDelete(phaseId, chip);
-          }
+          },
+          showDelete: showButtonChip
         }, chip.id);
       }), showButtonChip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AddGroup.AddGroup, {
         id: "add-group-select-".concat(phaseId),

package/dist/components/organisms/DragAndDropPhases/index.js

@@ -132,10 +132,7 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
                     phaseId: phase.phaseId,
                     nextPhaseIfApproved: phase.nextPhaseIfApproved
                   };
-                }),
-                headers: {
-                  Authorization: token
-                }
+                })
               };
               _context.next = 4;
               return _axios.default.post("".concat(process.env.REACT_APP_PHASES_ENDPOINT, "/update"), updateData, {
@@ -147,20 +144,21 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
             case 4:
               response = _context.sent;
               console.log("Update response:", response.body.data);
-              _context.next = 11;
+              loadData();
+              _context.next = 12;
               break;
 
-            case 8:
-              _context.prev = 8;
+            case 9:
+              _context.prev = 9;
               _context.t0 = _context["catch"](0);
               console.error("Error al actualizar fases", _context.t0);
 
-            case 11:
+            case 12:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 8]]);
+      }, _callee, null, [[0, 9]]);
     }));
 
     return function updatePhases() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.4.116",
+  "version": "21.4.117",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/atoms/CustomChip/index.js

@@ -3,7 +3,7 @@ import { Container } from "./styles";
 import MuiChip from "@mui/material/Chip";
 import DeleteIcon from "@mui/icons-material/DeleteForeverOutlined";
 
-export const CustomChip = ({ key, label, onDelete }) => {
+export const CustomChip = ({ key, label, onDelete, showDelete }) => {
   const [isHovered, setIsHovered] = useState(false);
 
   const handleMouseEnter = () => {
@@ -21,15 +21,13 @@ export const CustomChip = ({ key, label, onDelete }) => {
       onDelete={onDelete}
       onMouseEnter={handleMouseEnter}
       onMouseLeave={handleMouseLeave}
-      deleteIcon={
-        <DeleteIcon sx={{color:"#B64545!important",fontSize:"14px!important",cursor:"pointer",}}/>
-      }
+      deleteIcon={showDelete ? <DeleteIcon sx={{color:"#B64545!important",fontSize:"14px!important",cursor:"pointer",}}/> : <DeleteIcon sx={{display:"none"}}/> }
       style={{
         height:"30px",
         borderRadius: "5px",
         background: "transparent",
-        border: `1px solid ${isHovered ? "#B64545" : "#F0F0F0"}`,
-        color: `${isHovered ? "#B64545" : "#707070"}`,
+        border: `1px solid ${showDelete && isHovered ? "#B64545" : "#F0F0F0"}`,
+        color: `${showDelete && isHovered ? "#B64545" : "#707070"}`,
       }}
     />
   );

package/src/components/molecules/Phase/index.js

@@ -214,14 +214,17 @@ export const Phase = ({
   };
 
   //eliminar chip
-  const handleChipDelete = (phaseId, chipToRemove) => {
+  const handleChipDelete = async(phaseId, chipToRemove) => {
     setGroupsSelected((prevGroups) =>
       prevGroups.filter((chip) => chip.id !== chipToRemove.id)
     );
     setChips((prevChips) =>
       prevChips.filter((chip) => chip.id !== chipToRemove.id)
     );
-    deleteGroup(phaseId, chipToRemove.id);
+    setTempChips((prevChips) =>
+    prevChips.filter((chip) => chip.id !== chipToRemove.id)
+  );
+    await deleteGroup(phaseId, chipToRemove.id);
   };
 
   //eliminar grupo de fase
@@ -242,6 +245,10 @@ export const Phase = ({
         }
       );
       console.log("grupo eliminado correctamente");
+      loadData();
+      setTempChips((prevChips) =>
+      prevChips.filter((chip) => chip.id !== groupId)
+    );
     } catch (error) {
       console.error("Error al eliminar grupo de fase:", error);
     }
@@ -355,6 +362,7 @@ export const Phase = ({
             key={chip.id}
             label={chip.label}
             onDelete={() => handleChipDelete(phaseId, chip)}
+            showDelete={showButtonChip}
           />
         ))}
         {showButtonChip && <AddGroup

package/src/components/organisms/DragAndDropPhases/index.js

@@ -68,10 +68,7 @@ export const DragAndDropPhases = ({ token }) => {
             isInitialPhase: phase.isInitialPhase,
             phaseId: phase.phaseId,
             nextPhaseIfApproved: phase.nextPhaseIfApproved,
-          })),
-        headers: {
-          Authorization: token,
-        },
+          }))
       };
 
       const response = await axios.post(
@@ -84,6 +81,7 @@ export const DragAndDropPhases = ({ token }) => {
         }
       );
       console.log("Update response:", response.body.data);
+      loadData();
     } catch (error) {
       console.error("Error al actualizar fases", error);
     }