contentoh-components-library 21.4.82 → 21.4.84

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

@@ -130,21 +130,10 @@ var EditGroup = function EditGroup(_ref) {
       inputValue = _useState18[0],
       setInputValue = _useState18[1];
 
-  var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      shouldClose = _useState20[0],
-      setShouldClose = _useState20[1];
-
-  var modalRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {}, [groups]);
   (0, _react.useEffect)(function () {
     loadData();
   }, []);
-  (0, _react.useEffect)(function () {
-    if (shouldClose) {
-      onClose && onClose();
-    }
-  }, [shouldClose, onClose]);
 
   var loadData = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
@@ -452,13 +441,10 @@ var EditGroup = function EditGroup(_ref) {
       backgroundColor: "transparent",
       zIndex: 10
     },
-    onClick: onClose,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
       in: show,
       timeout: 400,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-        ref: modalRef,
-        open: show,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "contentModal",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/package.json

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

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

@@ -43,9 +43,6 @@ export const EditGroup = ({ token, show, onClose }) => {
   const [newGroup, setNewGroup] = useState(false);
   const [currentEditIndex, setCurrentEditIndex] = useState(null);
   const [inputValue, setInputValue] = useState([]);
-  const [shouldClose, setShouldClose] = useState(false);
-
-  const modalRef = useRef();
 
   useEffect(() => {}, [groups]);
 
@@ -53,12 +50,6 @@ export const EditGroup = ({ token, show, onClose }) => {
     loadData();
   }, []);
 
-  useEffect(() => {
-    if (shouldClose) {
-      onClose && onClose();
-    }
-  }, [shouldClose, onClose]);
-
   const loadData = async () => {
     try {
       const response = await axios.post(
@@ -243,10 +234,9 @@ export const EditGroup = ({ token, show, onClose }) => {
         backgroundColor: "transparent",
         zIndex: 10,
       }}
-      onClick={onClose}
     >
       <Fade in={show} timeout={400}>
-        <Container ref={modalRef} open={show}>
+        <Container>
           <div className={`contentModal`}>
             <div className="header">
               <h2 className="title-edit">Editar grupos</h2>