groovinads-ui 1.2.55 → 1.2.57

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "groovinads-ui",
 	"description": "Groovinads UI is a React component library designed exclusively for Groovinads applications. It provides ready-to-use UI elements styled according to Groovinads design guidelines to facilitate rapid development.",
-	"version": "1.2.55",
+	"version": "1.2.57",
 	"keywords": [
 		"css",
 		"sass",

package/src/components/Navigation/Sidebar.jsx

@@ -21,13 +21,11 @@ const Sidebar = ({
 	onNavigate,
 	selectedClient,
 	showClients = false,
-	setGroovinProfile,
-	inModal = false,
-	customUrl,
+	setGroovinProfile
 }) => {
-	const isMobile = inModal ? true : useMediaQuery({ query: '(max-width: 992px)' });
+	const isMobile = useMediaQuery({ query: '(max-width: 992px)' });
 
-	const url = customUrl !== undefined ? customUrl : window.location.pathname; // to get current url
+	const url = window.location.pathname; // to get current url
 
 	const [sidebarLinks, setSidebarLinks] = useState([]);
 	const [openIndex, setOpenIndex] = useState(null);
@@ -54,33 +52,29 @@ const Sidebar = ({
 	}, [show]);
 
 	useEffect(() => {
-		if (isMobile && setShow && !inModal) setShow(innerShow);
-		if (!inModal) setInnerShow(isMobile ? false : firstOpen.current ? defaultOpened : show);
+		if (isMobile && setShow) setShow(innerShow);
+		setInnerShow(isMobile ? false : firstOpen.current ? defaultOpened : show);
 		firstOpen.current = false;
 	}, []);
 
 	return (
 		<Collapse in={innerShow} dimension={'width'}>
 			<nav id='sidebarMenu' className='sidebar' ref={sidebarRef}>
-				{!inModal ? (
-					<div className='position-relative d-none d-lg-block'>
-						<button
-							className='collapse-button'
-							// Toggle the sidebar
-							onClick={() => setInnerShow((prev) => !prev)}
-						>
-							<Icon className='collapse-icon' iconName='chevron-left' />
-						</button>
-					</div>
-				) : (
-					<></>
-				)}
+				<div className='position-relative d-none d-lg-block'>
+					<button
+						className='collapse-button'
+						// Toggle the sidebar
+						onClick={() => setInnerShow((prev) => !prev)}
+					>
+						<Icon className='collapse-icon' iconName='chevron-left' />
+					</button>
+				</div>
 
 				{/* SECTIONS */}
 				<div className='scroll'>
 					{customLinks.map((section, i) => (
 						<div className='sidebar-section' key={`sectionIndex${i}`}>
-							{section.title ? <h4>{section.title}</h4> : <></> }
+							<h4>{section.title}</h4>
 
 							{/* PROPS LINKS */}
 							{(section.backData ? sidebarLinks : section.links || []).map(
@@ -161,12 +155,7 @@ Sidebar.propTypes = {
 	onNavigate: PropTypes.func.isRequired, // Nueva prop para manejar la navegación
 	selectedClient: PropTypes.object,
 	showClients:PropTypes.oneOf([true, false, 'single']),
-	setGroovinProfile: PropTypes.func,
-	inModal: PropTypes.bool,
-	customUrl: PropTypes.oneOfType([
-		PropTypes.string,
-		PropTypes.oneOf([undefined])
-	  ]),
+	setGroovinProfile: PropTypes.func
 };
 
 export default Sidebar;

package/src/components/Toasts/Toast/ToastCardComponent.jsx

@@ -14,6 +14,8 @@ function ToastCardComponent({ variant, autoClose, children, className, position
 		error: 'circle-xmark',
 	};
 
+	console.log('Hola');
+
 	return (
 		<Toast
 			onClose={toggleShow}