contentoh-components-library 21.4.121 → 21.4.122

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

@@ -40,11 +40,11 @@ MultiselectDefault.args = {
     }, {
       "groupId": 65,
       "groupName": "Jefe Comercial",
-      "userContentGroup": 1
+      "userContentGroup": 0
     }, {
       "groupId": 66,
       "groupName": "Planogramas",
-      "userContentGroup": 0
+      "userContentGroup": 1
     }, {
       "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 _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
@@ -111,10 +111,12 @@ var Multiselect = function Multiselect(_ref) {
       setModalData = _useState14[1];
 
   var loadUserGroups = function loadUserGroups(updatedValues) {
-    if (updatedValues && updatedValues.length > 0) {// setSelectValues((prevValues) => ({
-      //   ...prevValues,
-      //   [idUser]: updatedValues.map((groupInfo) => groupInfo.groupName),
-      // }));
+    if (updatedValues && updatedValues.length > 0) {
+      setSelectValues(function (prevValues) {
+        return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, updatedValues.map(function (groupInfo) {
+          return groupInfo.groupName;
+        })));
+      });
     } else {
       var hasUserContentGroup1 = groups.some(function (group) {
         return group.userContentGroup === 1;
@@ -127,11 +129,11 @@ var Multiselect = function Multiselect(_ref) {
           return group.groupName;
         }) || [];
         setSelectValues(function (prevValues) {
-          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, initialSelectedValues));
+          return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, initialSelectedValues));
         });
       } else {
         setSelectValues(function (prevValues) {
-          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, ["Sin grupos asignados"]));
+          return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, ["Sin grupos asignados"]));
         });
       }
     }
@@ -153,7 +155,7 @@ var Multiselect = function Multiselect(_ref) {
       var filteredArrayCopy = (0, _toConsumableArray2.default)(filters);
       var updatedValues = groups.map(function (group) {
         var isSelected = value.includes(group.groupName);
-        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, group), {}, {
+        return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, group), {}, {
           userContentGroup: isSelected ? 1 : 0
         });
       });
@@ -161,13 +163,14 @@ var Multiselect = function Multiselect(_ref) {
         return group.userContentGroup === 1;
       }).map(function (group) {
         return group.groupName;
-      })); // setSelectValues((prevValues) => ({
-      //   ...prevValues,
-      //   [userId]: updatedValues
-      //     .filter((group) => group.userContentGroup === 1)
-      //     .map((group) => 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;
+        })));
+      });
       var changes = updatedValues.reduce(function (result, group, index) {
         if (group.userContentGroup !== filteredArrayCopy[index].userContentGroup) {
           result.push({
@@ -222,21 +225,20 @@ var Multiselect = function Multiselect(_ref) {
             case 4:
               response = _context.sent;
               console.log("grupo actualizado correctamente", response.data.body);
-              loadUserGroups();
-              _context.next = 12;
+              _context.next = 11;
               break;
 
-            case 9:
-              _context.prev = 9;
+            case 8:
+              _context.prev = 8;
               _context.t0 = _context["catch"](0);
               console.error("Error al cambiar grupos de usuarios:", _context.t0);
 
-            case 12:
+            case 11:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 9]]);
+      }, _callee, null, [[0, 8]]);
     }));
 
     return function updateGroup(_x) {
@@ -267,21 +269,20 @@ var Multiselect = function Multiselect(_ref) {
             case 4:
               response = _context2.sent;
               console.log("borrado correctamente", response.data.body);
-              loadUserGroups();
-              _context2.next = 12;
+              _context2.next = 11;
               break;
 
-            case 9:
-              _context2.prev = 9;
+            case 8:
+              _context2.prev = 8;
               _context2.t0 = _context2["catch"](0);
               console.error("Error al eliminar grupos de usuarios:", _context2.t0);
 
-            case 12:
+            case 11:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 9]]);
+      }, _callee2, null, [[0, 8]]);
     }));
 
     return function deleteGroup(_x2) {
@@ -458,10 +459,10 @@ var Multiselect = function Multiselect(_ref) {
         setIsEditGroupVisible(false);
         setIsItemListVisible(true);
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, modalData), {}, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, modalData), {}, {
       onClickBtnDefault: function onClickBtnDefault() {
         return setModalData(function (prev) {
-          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, {
+          return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, {
             show: false
           });
         });

package/package.json

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

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

@@ -29,12 +29,12 @@ MultiselectDefault.args = {
             {
                 "groupId": 65,
                 "groupName": "Jefe Comercial",
-                "userContentGroup": 1
+                "userContentGroup": 0
             },
             {
                 "groupId": 66,
                 "groupName": "Planogramas",
-                "userContentGroup": 0
+                "userContentGroup": 1
             },
             {
                 "groupId": 67,

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

@@ -41,10 +41,10 @@ export const Multiselect = ({
 
 const loadUserGroups = (updatedValues) => {
   if (updatedValues && updatedValues.length > 0) {
-    // setSelectValues((prevValues) => ({
-    //   ...prevValues,
-    //   [idUser]: updatedValues.map((groupInfo) => groupInfo.groupName),
-    // }));
+    setSelectValues((prevValues) => ({
+      ...prevValues,
+      [idUser]: updatedValues.map((groupInfo) => groupInfo.groupName),
+    }));
   } else {
     const hasUserContentGroup1 = groups.some((group) => group.userContentGroup === 1);
 
@@ -90,12 +90,12 @@ const loadUserGroups = (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),
-    // }));
+    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) {
@@ -138,7 +138,6 @@ const loadUserGroups = (updatedValues) => {
         }
       );
       console.log("grupo actualizado correctamente", response.data.body);
-      loadUserGroups(); 
     } catch (error) {
       console.error("Error al cambiar grupos de usuarios:", error);
     }
@@ -161,7 +160,6 @@ const loadUserGroups = (updatedValues) => {
           }
         );
         console.log("borrado correctamente", response.data.body);
-        loadUserGroups(); 
       } catch (error) {
         console.error("Error al eliminar grupos de usuarios:", error);
       }