contentoh-components-library 21.4.120 → 21.4.121

package/dist/components/atoms/Multiselect/Multiselect.stories.js

@@ -36,7 +36,7 @@ MultiselectDefault.args = {
     "groups": [{
       "groupId": 60,
       "groupName": "Compras",
-      "userContentGroup": 0
+      "userContentGroup": 1
     }, {
       "groupId": 65,
       "groupName": "Jefe Comercial",
@@ -44,7 +44,7 @@ MultiselectDefault.args = {
     }, {
       "groupId": 66,
       "groupName": "Planogramas",
-      "userContentGroup": 1
+      "userContentGroup": 0
     }, {
       "groupId": 67,
       "groupName": "Impuestos",

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

@@ -17,7 +17,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
-var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
@@ -111,15 +111,11 @@ var Multiselect = function Multiselect(_ref) {
       setModalData = _useState14[1];
 
   var loadUserGroups = function loadUserGroups(updatedValues) {
-    if (updatedValues && updatedValues.length > 0) {
-      // Ensure updatedValues is defined and has elements
-      setSelectValues(function (prevValues) {
-        return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, updatedValues.map(function (groupInfo) {
-          return groupInfo.groupName;
-        })));
-      });
+    if (updatedValues && updatedValues.length > 0) {// setSelectValues((prevValues) => ({
+      //   ...prevValues,
+      //   [idUser]: updatedValues.map((groupInfo) => groupInfo.groupName),
+      // }));
     } else {
-      // If no updated values, load initial data
       var hasUserContentGroup1 = groups.some(function (group) {
         return group.userContentGroup === 1;
       });
@@ -131,11 +127,11 @@ var Multiselect = function Multiselect(_ref) {
           return group.groupName;
         }) || [];
         setSelectValues(function (prevValues) {
-          return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, initialSelectedValues));
+          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, initialSelectedValues));
         });
       } else {
         setSelectValues(function (prevValues) {
-          return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, ["Sin grupos asignados"]));
+          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, ["Sin grupos asignados"]));
         });
       }
     }
@@ -145,12 +141,7 @@ var Multiselect = function Multiselect(_ref) {
 
   (0, _react.useEffect)(function () {
     loadUserGroups();
-  }, [idUser, groups]); // useEffect(() => {
-  //   if (selectValues[userId]) {
-  //     setSelectedItems(selectValues[userId]);
-  //   }
-  //   console.log("setSelecr",selectValues)
-  // }, [selectValues, userId]);
+  }, [idUser, groups]);
 
   var onChange = function onChange(evt) {
     setText(evt.target.value);
@@ -158,28 +149,24 @@ var Multiselect = function Multiselect(_ref) {
 
   var handleChange = function handleChange(userId) {
     return function (event) {
-      var value = event.target.value; // Crear una copia del estado actual para comparación
-
+      var value = event.target.value;
       var filteredArrayCopy = (0, _toConsumableArray2.default)(filters);
       var updatedValues = groups.map(function (group) {
         var isSelected = value.includes(group.groupName);
-        return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, group), {}, {
+        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, group), {}, {
           userContentGroup: isSelected ? 1 : 0
         });
       });
-      console.log(updatedValues);
       setSelectedItems(updatedValues.filter(function (group) {
         return group.userContentGroup === 1;
       }).map(function (group) {
         return group.groupName;
-      }));
-      setSelectValues(function (prevValues) {
-        return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, userId, updatedValues.filter(function (group) {
-          return group.userContentGroup === 1;
-        }).map(function (group) {
-          return group.groupName;
-        })));
-      }); // Comparar cambios entre updatedValues y filteredArray
+      })); // setSelectValues((prevValues) => ({
+      //   ...prevValues,
+      //   [userId]: updatedValues
+      //     .filter((group) => group.userContentGroup === 1)
+      //     .map((group) => group.groupName),
+      // }));
 
       var changes = updatedValues.reduce(function (result, group, index) {
         if (group.userContentGroup !== filteredArrayCopy[index].userContentGroup) {
@@ -191,28 +178,22 @@ var Multiselect = function Multiselect(_ref) {
 
         return result;
       }, []);
-      console.log("changes", changes); // Separar los cambios por userContentGroup para enviar a las funciones correspondientes
-
       var updatedGroups = changes.filter(function (change) {
         return change.userContentGroup === 1;
       }).map(function (change) {
         return change.groupId;
       });
-      console.log("updatedGroups", updatedGroups);
       var deletedGroups = changes.filter(function (change) {
         return change.userContentGroup === 0;
       }).map(function (change) {
         return change.groupId;
       });
-      console.log("deletedGroups", deletedGroups);
 
       if (updatedGroups.length > 0) {
-        // Llamada a la función de actualización si hubo cambios con userContentGroup === 1
         updateGroup(updatedGroups);
       }
 
       if (deletedGroups.length > 0) {
-        // Llamada a la función de eliminación si hubo cambios con userContentGroup === 0
         deleteGroup(deletedGroups);
       }
     };
@@ -240,38 +221,22 @@ var Multiselect = function Multiselect(_ref) {
 
             case 4:
               response = _context.sent;
-              setModalData({
-                show: true,
-                className: "modal-save",
-                title: "",
-                message: "El cambio de grupo fue aplicado correctamente.",
-                icon: "successv2",
-                buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-                  type: "pink",
-                  label: "Aceptar",
-                  size: 12,
-                  onClick: function onClick() {
-                    setModalData(false);
-                  }
-                }, "btn-Aceptar-guardar")]
-              });
               console.log("grupo actualizado correctamente", response.data.body);
-              console.log("body", body);
               loadUserGroups();
-              _context.next = 14;
+              _context.next = 12;
               break;
 
-            case 11:
-              _context.prev = 11;
+            case 9:
+              _context.prev = 9;
               _context.t0 = _context["catch"](0);
               console.error("Error al cambiar grupos de usuarios:", _context.t0);
 
-            case 14:
+            case 12:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 11]]);
+      }, _callee, null, [[0, 9]]);
     }));
 
     return function updateGroup(_x) {
@@ -493,10 +458,10 @@ var Multiselect = function Multiselect(_ref) {
         setIsEditGroupVisible(false);
         setIsItemListVisible(true);
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, modalData), {}, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, modalData), {}, {
       onClickBtnDefault: function onClickBtnDefault() {
         return setModalData(function (prev) {
-          return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, {
+          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, {
             show: false
           });
         });

package/package.json

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

package/src/components/atoms/Multiselect/Multiselect.stories.js

@@ -24,7 +24,7 @@ MultiselectDefault.args = {
             {
                 "groupId": 60,
                 "groupName": "Compras",
-                "userContentGroup": 0
+                "userContentGroup": 1
             },
             {
                 "groupId": 65,
@@ -34,7 +34,7 @@ MultiselectDefault.args = {
             {
                 "groupId": 66,
                 "groupName": "Planogramas",
-                "userContentGroup": 1
+                "userContentGroup": 0
             },
             {
                 "groupId": 67,

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

@@ -41,13 +41,11 @@ export const Multiselect = ({
 
 const loadUserGroups = (updatedValues) => {
   if (updatedValues && updatedValues.length > 0) {
-    // Ensure updatedValues is defined and has elements
-    setSelectValues((prevValues) => ({
-      ...prevValues,
-      [idUser]: updatedValues.map((groupInfo) => groupInfo.groupName),
-    }));
+    // setSelectValues((prevValues) => ({
+    //   ...prevValues,
+    //   [idUser]: updatedValues.map((groupInfo) => groupInfo.groupName),
+    // }));
   } else {
-    // If no updated values, load initial data
     const hasUserContentGroup1 = groups.some((group) => group.userContentGroup === 1);
 
     if (hasUserContentGroup1) {
@@ -74,13 +72,6 @@ const loadUserGroups = (updatedValues) => {
     loadUserGroups(); 
   }, [idUser, groups]);
 
-  // useEffect(() => {
-  //   if (selectValues[userId]) {
-  //     setSelectedItems(selectValues[userId]);
-  //   }
-  //   console.log("setSelecr",selectValues)
-  // }, [selectValues, userId]);
-
   const onChange = (evt) => {
     setText(evt.target.value);
   };
@@ -88,8 +79,6 @@ const loadUserGroups = (updatedValues) => {
     const {
       target: { value },
     } = event;
-  
-    // Crear una copia del estado actual para comparación
     const filteredArrayCopy = [...filters];
   
     const updatedValues = groups.map((group) => {
@@ -99,18 +88,15 @@ const loadUserGroups = (updatedValues) => {
         userContentGroup: isSelected ? 1 : 0,
       };
     });
-    console.log(updatedValues);
-  
     setSelectedItems(updatedValues.filter((group) => group.userContentGroup === 1).map((group) => group.groupName));
   
-    setSelectValues((prevValues) => ({
-      ...prevValues,
-      [userId]: updatedValues
-        .filter((group) => group.userContentGroup === 1)
-        .map((group) => group.groupName),
-    }));
-  
-    // Comparar cambios entre updatedValues y filteredArray
+    // setSelectValues((prevValues) => ({
+    //   ...prevValues,
+    //   [userId]: updatedValues
+    //     .filter((group) => group.userContentGroup === 1)
+    //     .map((group) => group.groupName),
+    // }));
+
     const changes = updatedValues.reduce((result, group, index) => {
       if (group.userContentGroup !== filteredArrayCopy[index].userContentGroup) {
         result.push({
@@ -120,20 +106,14 @@ const loadUserGroups = (updatedValues) => {
       }
       return result;
     }, []);
-    console.log("changes", changes);
   
-    // Separar los cambios por userContentGroup para enviar a las funciones correspondientes
     const updatedGroups = changes.filter((change) => change.userContentGroup === 1).map((change) => change.groupId);
-    console.log("updatedGroups",updatedGroups)
     const deletedGroups = changes.filter((change) => change.userContentGroup === 0).map((change) => change.groupId);
-    console.log("deletedGroups",deletedGroups)
     if (updatedGroups.length > 0) {
-      // Llamada a la función de actualización si hubo cambios con userContentGroup === 1
       updateGroup(updatedGroups);
     }
   
     if (deletedGroups.length > 0) {
-      // Llamada a la función de eliminación si hubo cambios con userContentGroup === 0
       deleteGroup(deletedGroups);
     }
   };
@@ -157,26 +137,7 @@ const loadUserGroups = (updatedValues) => {
           },
         }
       );
-      setModalData({
-        show: true,
-        className: "modal-save",
-        title: "",
-        message: `El cambio de grupo fue aplicado correctamente.`,
-        icon: "successv2",
-        buttons: [
-          <ButtonV2
-            key="btn-Aceptar-guardar"
-            type="pink"
-            label="Aceptar"
-            size={12}
-            onClick={() => {
-              setModalData(false);
-            }}
-          />,
-        ],
-      })
       console.log("grupo actualizado correctamente", response.data.body);
-      console.log("body", body);
       loadUserGroups(); 
     } catch (error) {
       console.error("Error al cambiar grupos de usuarios:", error);