contentoh-components-library 21.4.100 → 21.4.101

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

@@ -58,7 +58,11 @@ var Phase = function Phase(_ref) {
       nextPhase = _ref.nextPhase,
       groups = _ref.groups,
       onDeletePhase = _ref.onDeletePhase,
-      token = _ref.token;
+      token = _ref.token,
+      _ref$showMenu = _ref.showMenu,
+      showMenu = _ref$showMenu === void 0 ? true : _ref$showMenu,
+      _ref$showButtonChip = _ref.showButtonChip,
+      showButtonChip = _ref$showButtonChip === void 0 ? true : _ref$showButtonChip;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -501,43 +505,45 @@ var Phase = function Phase(_ref) {
                 children: phase.phaseName
               }, phase.phaseId);
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-            id: "basic-button",
-            "aria-controls": open ? "basic-menu" : undefined,
-            "aria-haspopup": "true",
-            "aria-expanded": open ? "true" : undefined,
-            onClick: function onClick(e) {
-              return handleClick(e);
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              src: _options.default,
-              alt: ""
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
-            id: "basic-menu",
-            anchorEl: anchorEl,
-            open: open,
-            onClose: handleClose,
-            MenuListProps: {
-              "aria-labelledby": "basic-button"
-            },
-            sx: {
-              ul: {
-                paddingTop: "0px",
-                paddingBottom: "0px"
-              }
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
-              onClick: function onClick() {
-                return onDeletePhase(id);
+          }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+              id: "basic-button",
+              "aria-controls": open ? "basic-menu" : undefined,
+              "aria-haspopup": "true",
+              "aria-expanded": open ? "true" : undefined,
+              onClick: function onClick(e) {
+                return handleClick(e);
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: _options.default,
+                alt: ""
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
+              id: "basic-menu",
+              anchorEl: anchorEl,
+              open: open,
+              onClose: handleClose,
+              MenuListProps: {
+                "aria-labelledby": "basic-button"
               },
               sx: {
-                fontSize: "12px",
-                color: "#262626",
-                minHeight: "auto"
+                ul: {
+                  paddingTop: "0px",
+                  paddingBottom: "0px"
+                }
               },
-              children: "Eliminar Fase"
-            })
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+                onClick: function onClick() {
+                  return onDeletePhase(id);
+                },
+                sx: {
+                  fontSize: "12px",
+                  color: "#262626",
+                  minHeight: "auto"
+                },
+                children: "Eliminar Fase"
+              })
+            })]
           })]
         })
       })]
@@ -550,7 +556,7 @@ var Phase = function Phase(_ref) {
             return handleChipDelete(phaseId, chip);
           }
         }, chip.id);
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupSelect.GroupSelect, {
+      }), showButtonChip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupSelect.GroupSelect, {
         options: groups.filter(function (group) {
           return group.groupActive === 0;
         }).map(function (group) {

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

@@ -176,41 +176,39 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              console.log("fase nueva", phaseName);
-              _context2.prev = 1;
+              _context2.prev = 0;
               body = {
                 name: phaseName,
                 retailerGroupsIds: [],
                 nextPhaseId: null
               };
-              _context2.next = 5;
+              _context2.next = 4;
               return _axios.default.post("".concat(process.env.REACT_APP_PHASES_ENDPOINT, "/create"), body, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 5:
+            case 4:
               response = _context2.sent;
-              console.log("body", body);
               createdPhase = response.data.body;
               console.log(createdPhase);
               setInputValue("");
               loadData();
-              _context2.next = 16;
+              _context2.next = 14;
               break;
 
-            case 13:
-              _context2.prev = 13;
-              _context2.t0 = _context2["catch"](1);
+            case 11:
+              _context2.prev = 11;
+              _context2.t0 = _context2["catch"](0);
               console.error("Error al agregar fase:", _context2.t0);
 
-            case 16:
+            case 14:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 13]]);
+      }, _callee2, null, [[0, 11]]);
     }));
 
     return function addPhase(_x) {
@@ -412,21 +410,38 @@ var DragAndDropPhases = function DragAndDropPhases(_ref) {
 
 
   var renderPhase = function renderPhase(phase, idx) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Phase.Phase, {
-      id: idx,
-      phaseId: phase.phaseId,
-      phases: listPhases,
-      phaseName: phase.phaseName,
-      nextPhase: phase.nextPhaseIfApproved,
-      groups: phase.groupsAssigned,
-      onDeletePhase: function onDeletePhase() {
-        return handleDeletePhase(phase.phaseId);
-      } // onDragStart={(e) => onDragStart(e, idx)}
-      // onDragOver={() => onDragOver(idx)}
-      // onDragEnd={onDragEnd}
-      ,
-      token: token
-    }, phase.phaseId);
+    if (phase.isInitialPhase === 1) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Phase.Phase, {
+        id: idx,
+        phaseId: phase.phaseId,
+        phases: listPhases,
+        phaseName: phase.phaseName,
+        nextPhase: phase.nextPhaseIfApproved,
+        groups: phase.groupsAssigned,
+        onDeletePhase: function onDeletePhase() {
+          return handleDeletePhase(phase.phaseId);
+        },
+        token: token,
+        showMenu: false,
+        showButtonChip: false
+      }, phase.phaseId);
+    } else {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Phase.Phase, {
+        id: idx,
+        phaseId: phase.phaseId,
+        phases: listPhases,
+        phaseName: phase.phaseName,
+        nextPhase: phase.nextPhaseIfApproved,
+        groups: phase.groupsAssigned,
+        onDeletePhase: function onDeletePhase() {
+          return handleDeletePhase(phase.phaseId);
+        } // onDragStart={(e) => onDragStart(e, idx)}
+        // onDragOver={() => onDragOver(idx)}
+        // onDragEnd={onDragEnd}
+        ,
+        token: token
+      }, phase.phaseId);
+    }
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {

package/package.json

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

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

@@ -26,6 +26,8 @@ export const Phase = ({
   groups,
   onDeletePhase,
   token,
+  showMenu=true,
+  showButtonChip=true,
 }) => {
   const [selectedValue, setSelectedValue] = useState([]);
   const [chips, setChips] = useState([]);
@@ -276,20 +278,20 @@ export const Phase = ({
           <div className="phase-sel">
             <p className="text-phase">Siguiente Fase </p>
             <Select
-                value={
-                  selectedValue.length > 0
-                    ? selectedValue[0]
-                    : nextPhaseState
-                    ? nextPhaseState
-                    : ""
-                }
-               placeholder={`Fase`}
-               onChange={(e) => {
-                 const selectedPhase = phases.find(
-                   (phase) => phase.phaseName === e.target.value
-                 );
-                 setSelectedValue(selectedPhase ? [selectedPhase.phaseId] : []);
-               }}
+              value={
+                selectedValue.length > 0
+                  ? selectedValue[0]
+                  : nextPhaseState
+                  ? nextPhaseState
+                  : ""
+              }
+              placeholder={`Fase`}
+              onChange={(e) => {
+                const selectedPhase = phases.find(
+                  (phase) => phase.phaseName === e.target.value
+                );
+                setSelectedValue(selectedPhase ? [selectedPhase.phaseId] : []);
+              }}
               sx={{
                 minWidth: "100px",
                 height: "24px",
@@ -319,37 +321,45 @@ export const Phase = ({
                 </MenuItem>
               ))}
             </Select>
-            <Button
-              id="basic-button"
-              aria-controls={open ? "basic-menu" : undefined}
-              aria-haspopup="true"
-              aria-expanded={open ? "true" : undefined}
-              onClick={(e) => handleClick(e)}
-            >
-              <img src={options} alt="" />
-            </Button>
-            <Menu
-              id="basic-menu"
-              anchorEl={anchorEl}
-              open={open}
-              onClose={handleClose}
-              MenuListProps={{
-                "aria-labelledby": "basic-button",
-              }}
-              sx={{
-                ul: {
-                  paddingTop: "0px",
-                  paddingBottom: "0px",
-                },
-              }}
-            >
-              <MenuItem
-                onClick={() => onDeletePhase(id)}
-                sx={{ fontSize: "12px", color: "#262626", minHeight: "auto" }}
-              >
-                Eliminar Fase
-              </MenuItem>
-            </Menu>
+            {showMenu && (
+              <>
+                <Button
+                  id="basic-button"
+                  aria-controls={open ? "basic-menu" : undefined}
+                  aria-haspopup="true"
+                  aria-expanded={open ? "true" : undefined}
+                  onClick={(e) => handleClick(e)}
+                >
+                  <img src={options} alt="" />
+                </Button>
+                <Menu
+                  id="basic-menu"
+                  anchorEl={anchorEl}
+                  open={open}
+                  onClose={handleClose}
+                  MenuListProps={{
+                    "aria-labelledby": "basic-button",
+                  }}
+                  sx={{
+                    ul: {
+                      paddingTop: "0px",
+                      paddingBottom: "0px",
+                    },
+                  }}
+                >
+                  <MenuItem
+                    onClick={() => onDeletePhase(id)}
+                    sx={{
+                      fontSize: "12px",
+                      color: "#262626",
+                      minHeight: "auto",
+                    }}
+                  >
+                    Eliminar Fase
+                  </MenuItem>
+                </Menu>
+              </>
+            )}
           </div>
         </div>
       </div>
@@ -361,8 +371,8 @@ export const Phase = ({
             onDelete={() => handleChipDelete(phaseId, chip)}
           />
         ))}
-      
-      <GroupSelect
+
+       {showButtonChip && <GroupSelect
           options={groups
             .filter((group) => group.groupActive === 0)
             .map((group) => ({
@@ -377,9 +387,10 @@ export const Phase = ({
           defaultOption={"Todos los grupos"}
           parameterArray={groupsSelected}
           setParameterArray={setGroupsSelected}
-          onClickItem={()=>{
-            handleGroupSelect()}}
-        />
+          onClickItem={() => {
+            handleGroupSelect();
+          }}
+        />}
       </div>
       <Modal
         {...modalData}

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

@@ -93,7 +93,6 @@ export const DragAndDropPhases = ({ token}) => {
   };
 
   const addPhase = async(phaseName) => {
-    console.log("fase nueva", phaseName);
     try {
       const body = {
         name: phaseName,
@@ -109,7 +108,6 @@ export const DragAndDropPhases = ({ token}) => {
           },
         }
       );
-      console.log("body", body)
       const createdPhase = response.data.body;
       console.log(createdPhase)
       setInputValue("");
@@ -258,22 +256,41 @@ const handleDeletePhase = (id) => {
 // }, [listPhases]); 
 
 const renderPhase = (phase, idx) => {
-  return (
-    <Phase
-      key={phase.phaseId}
-      id={idx}
-      phaseId={phase.phaseId}
-      phases={listPhases}
-      phaseName={phase.phaseName}
-      nextPhase={phase.nextPhaseIfApproved}
-      groups={phase.groupsAssigned}
-      onDeletePhase={() => handleDeletePhase(phase.phaseId)}
-      // onDragStart={(e) => onDragStart(e, idx)}
-      // onDragOver={() => onDragOver(idx)}
-      // onDragEnd={onDragEnd}
-      token={token}
-    />
-  );
+  if (phase.isInitialPhase===1){
+    return (
+      <Phase
+        key={phase.phaseId}
+        id={idx}
+        phaseId={phase.phaseId}
+        phases={listPhases}
+        phaseName={phase.phaseName}
+        nextPhase={phase.nextPhaseIfApproved}
+        groups={phase.groupsAssigned}
+        onDeletePhase={() => handleDeletePhase(phase.phaseId)}
+        token={token}
+        showMenu={false}
+        showButtonChip={false}
+      />
+    );
+  }else{
+    return (
+      <Phase
+        key={phase.phaseId}
+        id={idx}
+        phaseId={phase.phaseId}
+        phases={listPhases}
+        phaseName={phase.phaseName}
+        nextPhase={phase.nextPhaseIfApproved}
+        groups={phase.groupsAssigned}
+        onDeletePhase={() => handleDeletePhase(phase.phaseId)}
+        // onDragStart={(e) => onDragStart(e, idx)}
+        // onDragOver={() => onDragOver(idx)}
+        // onDragEnd={onDragEnd}
+        token={token}
+      />
+    );
+  }
+  
 };