@dilicorp/ui 0.2.30 → 0.2.31

package/dist/components/side-navigation-bar/side-navigation-bar-item.js

@@ -12,52 +12,27 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useState } from 'react';
 import { Icon } from '../../atoms/icon';
 import { Link } from '../../index';
-const InnerItem = ({ icon, iconSize = 'md', pluxee, label, dataLink }) => {
+const InnerItem = ({ icon, pluxee, label, dataLink }) => {
     return (React.createElement(React.Fragment, null,
-        icon && React.createElement(Icon, { title: label, icon: icon, pluxee: pluxee, size: iconSize }),
-        React.createElement("span", { title: label, style: Object.assign({}, (iconSize === 'sm' && { fontSize: 12 })), className: "link-name", "data-link": `${dataLink ? 'link' : 'container'}` }, label)));
+        icon && React.createElement(Icon, { icon: icon, pluxee: pluxee }),
+        React.createElement("span", { className: "link-name", "data-link": `${dataLink ? 'link' : 'container'}` }, label)));
 };
 export const SideNavigationBarItem = (props) => {
     var _a;
-    const [submenuOpen, setSubmenuOpen] = useState(false);
     const { className = '', items, index, pathname = '' } = props, attrs = __rest(props, ["className", "items", "index", "pathname"]);
-    const sanitizedHref = ((attrs === null || attrs === void 0 ? void 0 : attrs.href) ? (_a = attrs === null || attrs === void 0 ? void 0 : attrs.href) === null || _a === void 0 ? void 0 : _a.split('?')[0] : '/').split('/')[1];
-    const sanitizedPath = pathname === null || pathname === void 0 ? void 0 : pathname.split('/')[1];
-    const isHomePage = ((attrs === null || attrs === void 0 ? void 0 : attrs.href) === '/' && pathname === '/');
-    const isPathActive = sanitizedHref && (sanitizedPath === null || sanitizedPath === void 0 ? void 0 : sanitizedPath.includes(sanitizedHref));
-    const activeClass = (isHomePage || isPathActive) ? ' active' : '';
-    const itemclass = items && items.length > 0 ? ' submenu-li' : ' link-li';
-    const submenuActive = items && items.some(item => {
-        var _a, _b;
-        const linkpath = ((item === null || item === void 0 ? void 0 : item.href) ? (_a = item === null || item === void 0 ? void 0 : item.href) === null || _a === void 0 ? void 0 : _a.split('?')[0] : '/').split('/').slice(-1)[0];
-        return (_b = pathname === null || pathname === void 0 ? void 0 : pathname.split('/')) === null || _b === void 0 ? void 0 : _b.some(sub => sub === linkpath);
-    })
-        ? ' active'
-        : '';
-    const handleSubmenuClick = () => {
-        const sidebar = document.querySelector('.sidebar');
-        if (!sidebar.className.includes('active') && !sidebar.className.includes('mobile')) {
-            const btn = document.querySelector('.btn-sidebar');
-            btn === null || btn === void 0 ? void 0 : btn.click();
-            setSubmenuOpen(true);
-            return;
-        }
-        setSubmenuOpen(prev => !prev);
-    };
-    return (React.createElement("li", { className: `${className}${activeClass}${itemclass}${submenuActive}` }, items
+    const [active, setActive] = useState(false);
+    const sanitizedHref = (attrs === null || attrs === void 0 ? void 0 : attrs.href) ? (_a = attrs === null || attrs === void 0 ? void 0 : attrs.href) === null || _a === void 0 ? void 0 : _a.split('?')[0] : '';
+    const isHomePage = (sanitizedHref === '/' && pathname === '/');
+    const isPathActive = sanitizedHref && sanitizedHref !== '/' && pathname.includes(sanitizedHref);
+    const activeClass = isHomePage || isPathActive ? ' active' : '';
+    return (React.createElement("li", { className: `${className}${activeClass}` }, items
         ? React.createElement("div", { className: "sub-menu-container" },
-            React.createElement("div", { onClick: handleSubmenuClick, className: `sub-menu${submenuOpen ? ' open' : ''}` },
+            React.createElement("div", { className: "sub-menu", onClick: () => setActive(prev => !prev) },
                 React.createElement("div", null,
                     React.createElement(InnerItem, Object.assign({}, props))),
-                React.createElement(Icon, { pluxee: true, icon: "fa-chevron-down" })),
-            items && React.createElement(React.Fragment, null,
-                React.createElement("ul", { className: "sub-menu-list" }, items.map((item, i) => {
-                    var _a, _b;
-                    const lastpath = (_a = pathname === null || pathname === void 0 ? void 0 : pathname.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1)[0];
-                    const linkpath = ((item === null || item === void 0 ? void 0 : item.href) ? (_b = item === null || item === void 0 ? void 0 : item.href) === null || _b === void 0 ? void 0 : _b.split('?')[0] : '/').split('/').slice(-1)[0];
-                    const itemclass = lastpath === linkpath ? 'active' : '';
-                    return (React.createElement(SideNavigationBarItem, Object.assign({ key: `side-navigation-bar-item-${index}-${i}`, iconSize: "sm", pathname: pathname, className: itemclass }, Object.assign(Object.assign({}, item), { index: i }), { icon: "fa-circle", pluxee: true })));
-                }))))
+                React.createElement(Icon, { icon: "fa-angle-down" })),
+            active && React.createElement("div", null,
+                React.createElement("ul", { className: "sub-menu-list" }, items.map((item, i) => (React.createElement(SideNavigationBarItem, Object.assign({ key: `side-navigation-bar-item-${index}-${i}` }, Object.assign(Object.assign({}, item), { index: i }))))))))
         : React.createElement(Link, Object.assign({}, attrs),
             React.createElement(InnerItem, Object.assign({}, props, { dataLink: true })))));
 };

package/dist/components/side-navigation-bar/side-navigation-bar.js

@@ -7,11 +7,11 @@ import { useLocation } from 'react-router-dom';
 const STORAGE_NAME = 'SIDEBAR_ACTIVE';
 export const SideNavigationBar = memo((props) => {
     const { logout, items = [], active = true, menuLabel = 'Menu' } = props;
-    const navlist = useRef(null);
-    const { pathname, search } = useLocation();
     const activeStorage = storageHelper.get(STORAGE_NAME);
     const showActive = activeStorage ? activeStorage === '1' : active;
     storageHelper.set(STORAGE_NAME, showActive ? '1' : '0');
+    const navlist = useRef(null);
+    const { pathname, search } = useLocation();
     const uri = `${pathname}${search}`;
     useEffect(() => {
         const btnMobile = document.querySelector('.btn-sidebar-mobile');