@dilicorp/ui 0.2.7 → 0.2.9

package/dist/atoms/pluxee-icon/icon-card-slashed.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const IconCardSlashed: {
+    (): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=icon-card-slashed.d.ts.map

package/dist/atoms/pluxee-icon/icon-card-slashed.js

@@ -0,0 +1,12 @@
+import React from 'react';
+export const IconCardSlashed = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("path", { d: "M18.7502 18.9951H26.7502V20.9951H18.7502V18.9951Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M29.3293 2.99512L30.7435 4.40933L4.16421 30.9886L2.75 29.5744L29.3293 2.99512Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M23.9152 6.99512H2.75016V26.9951H3.9152L6.9152 23.9951H5.75016V16.9951H13.9152L16.9152 13.9951H5.75016V9.99512H20.9152L23.9152 6.99512Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M18.3294 13.9951L15.3294 16.9951H18.1578L21.1578 13.9951H18.3294Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M25.1578 9.99512H22.3294L25.3294 6.99512H28.1578L25.1578 9.99512Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M22.5721 13.9951H27.7502V9.99512H26.5721L29.5721 6.99512H30.7502V26.9951H9.57206L12.5721 23.9951H27.7502V16.9951H19.5721L22.5721 13.9951Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M11.1578 23.9951H8.32941L5.32941 26.9951H8.15784L11.1578 23.9951Z", fill: "currentColor" })));
+};
+IconCardSlashed.displayName = 'IconCardSlashed';

package/dist/atoms/pluxee-icon/icon-clock.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const IconClock: {
+    (): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=icon-clock.d.ts.map

package/dist/atoms/pluxee-icon/icon-clock.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const IconClock = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.5 27C22.5751 27 27.5 22.0751 27.5 16C27.5 9.92487 22.5751 5 16.5 5C10.4249 5 5.5 9.92487 5.5 16C5.5 22.0751 10.4249 27 16.5 27ZM16.5 30C24.232 30 30.5 23.732 30.5 16C30.5 8.26801 24.232 2 16.5 2C8.76801 2 2.5 8.26801 2.5 16C2.5 23.732 8.76801 30 16.5 30Z", fill: "currentColor" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.5 7H17.5V15H22.5V17H15.5V7Z", fill: "currentColor" })));
+};
+IconClock.displayName = 'IconClock';

package/dist/atoms/pluxee-icon/icon-download.js

@@ -1,7 +1,7 @@
 import React from 'react';
 export const IconDownload = () => {
     return (React.createElement(React.Fragment, null,
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.0625 19V30H30.0625V19H27.0625V27H5.0625V19H2.0625Z", fill: "currentColor" }),
-        React.createElement("path", { d: "M16.0625 1.99976L24.0626 9.99986L21.9413 12.1212L17.5625 7.74238L17.5625 23H14.5625L14.5625 7.74241L10.1837 12.1212L8.0624 9.99986L16.0625 1.99976Z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 19V30H30V19H27V27H5V19H2Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M17.5 17.2576L17.5 3H14.5L14.5 17.2576L10.1212 12.8788L7.9999 15.0001L16 23.0002L24.0001 15.0001L21.8788 12.8788L17.5 17.2576Z", fill: "currentColor" })));
 };
 IconDownload.displayName = 'IconDownload';

package/dist/atoms/pluxee-icon/icon-eye-closed-outline.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const IconEyeClosedOutline: {
+    (): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=icon-eye-closed-outline.d.ts.map

package/dist/atoms/pluxee-icon/icon-eye-closed-outline.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export const IconEyeClosedOutline = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("path", { d: "M23.061 6.10699C21.1527 4.85123 18.8139 3.99609 16 3.99609C6 3.99609 2 14.7961 2 15.9961C2 17.2777 3.14055 20.6122 5.72617 23.4418L7.85006 21.3179C7.74907 21.2049 7.65062 21.0907 7.55466 20.9755C6.63325 19.8698 5.96663 18.6987 5.53796 17.7002C5.32433 17.2025 5.18035 16.7722 5.09352 16.4407C5.05907 16.3091 5.0373 16.2072 5.02355 16.1334C5.03201 16.1046 5.04189 16.072 5.05339 16.0354C5.14267 15.7513 5.29402 15.3418 5.51729 14.8453C5.96493 13.85 6.65612 12.6065 7.60465 11.405C9.50346 8.99986 12.2199 6.99609 16 6.99609C17.8803 6.99609 19.4974 7.4919 20.8817 8.28628L23.061 6.10699Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M11.0107 23.8141C12.4013 24.5406 14.0518 24.9961 16 24.9961C19.7801 24.9961 22.4965 22.9923 24.3954 20.5872C25.3439 19.3857 26.0351 18.1422 26.4827 17.1469C26.6959 16.6729 26.8435 16.2781 26.9341 15.9961C26.8435 15.7141 26.6959 15.3193 26.4827 14.8453C26.0351 13.85 25.3439 12.6065 24.3954 11.405C24.2528 11.2245 24.1057 11.0463 23.9539 10.8709L26.0794 8.74541C28.8024 11.8085 30 15.3395 30 15.9961C30 17.1961 26 27.9961 16 27.9961C13.1234 27.9961 10.7432 27.2017 8.81201 26.0128L11.0107 23.8141Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M18.587 10.5809C17.8037 10.206 16.9264 9.99609 16 9.99609C12.6863 9.99609 10 12.6824 10 15.9961C10 16.9225 10.2099 17.7998 10.5848 18.5831L13.0046 16.1634C13.0015 16.108 13 16.0522 13 15.9961C13 14.3392 14.3431 12.9961 16 12.9961C16.0561 12.9961 16.1119 12.9976 16.1673 13.0007L18.587 10.5809Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M15.8333 18.9915C15.8885 18.9946 15.9441 18.9961 16 18.9961C17.6569 18.9961 19 17.6529 19 15.9961C19 15.9402 18.9985 15.8846 18.9954 15.8294L21.4154 13.4095C21.7901 14.1927 22 15.0699 22 15.9961C22 19.3098 19.3137 21.9961 16 21.9961C15.0738 21.9961 14.1966 21.7862 13.4134 21.4114L15.8333 18.9915Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M28.582 2L29.9962 3.41421L3.41698 29.9935L2.00277 28.5793L28.582 2Z", fill: "currentColor" })));
+};
+IconEyeClosedOutline.displayName = 'IconEyeClosedOutline';

package/dist/atoms/pluxee-icon/icon-update-limit.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const IconUpdateLimit: {
+    (): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=icon-update-limit.d.ts.map

package/dist/atoms/pluxee-icon/icon-update-limit.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const IconUpdateLimit = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("path", { d: "M13.75 25.9951H20.75V27.9951H13.75V25.9951Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M11.75 25.9951H9.75V27.9951H11.75V25.9951Z", fill: "currentColor" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.25 0.495117H32.75V23.4951H24.75V32.9951H0.75V14.9951H24.75V20.4951H29.75V3.49512H15.25V7.85915L17.6321 5.4771L19.7534 7.59842L13.7533 13.5985L7.75 7.59512L9.87132 5.4738L12.25 7.85248V0.495117ZM3.75 20.9951H21.75V17.9951H3.75V20.9951ZM21.75 23.9951H3.75V29.9951H21.75V23.9951Z", fill: "currentColor" })));
+};
+IconUpdateLimit.displayName = 'IconUpdateLimit';

package/dist/atoms/pluxee-icon/icon-user-group.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const IconUserGroup: {
+    (): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=icon-user-group.d.ts.map

package/dist/atoms/pluxee-icon/icon-user-group.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const IconUserGroup = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.9579 11.9857C25.7687 10.8319 26.9697 8.80623 26.9697 6.5C26.9697 2.91015 24.0596 0 20.4697 0C16.8799 0 13.9697 2.91015 13.9697 6.5C13.9697 7.81512 14.3603 9.03902 15.0318 10.062C14.0087 9.39056 12.7848 9 11.4697 9C7.87988 9 4.96973 11.9101 4.96973 15.5C4.96973 17.8098 6.17446 19.8381 7.98984 20.991C4.24146 22.1046 1.32918 25.0095 0.353095 28.9997C0.12257 29.9421 4.13377e-05 30.945 0 31.9992L22.9655 31.9997C22.9654 30.9456 22.8429 29.9421 22.6124 28.9997C22.0075 26.5269 20.659 24.4709 18.8287 22.9997H31.9655C31.9654 21.9456 31.8429 20.9421 31.6124 19.9997C30.6348 16.0032 27.7148 13.0954 23.9579 11.9857ZM20.4697 10C22.4027 10 23.9697 8.433 23.9697 6.5C23.9697 4.567 22.4027 3 20.4697 3C18.5367 3 16.9697 4.567 16.9697 6.5C16.9697 8.433 18.5367 10 20.4697 10ZM16.9898 11.991C16.9623 11.9735 16.9349 11.9558 16.9077 11.938C16.9219 11.9595 16.9359 11.9812 16.9498 12.003C16.9631 11.999 16.9765 11.995 16.9898 11.991ZM17.9365 14.8383C17.9585 15.0559 17.9697 15.2766 17.9697 15.5C17.9697 17.2464 17.281 18.8319 16.1604 19.9997H28.4886C27.3396 16.6083 24.2335 14.4912 20.4828 14.4912C19.5918 14.4912 18.7371 14.6107 17.9365 14.8383ZM15 20.9587C14.986 20.9678 14.972 20.9768 14.9579 20.9857C14.9719 20.9899 14.986 20.9941 15 20.9983V20.9587ZM14.9697 15.5C14.9697 17.433 13.4027 19 11.4697 19C9.53673 19 7.96973 17.433 7.96973 15.5C7.96973 13.567 9.53673 12 11.4697 12C13.4027 12 14.9697 13.567 14.9697 15.5ZM3.47685 28.9997C4.62588 25.6083 7.73205 23.4912 11.4828 23.4912C15.2335 23.4912 18.3396 25.6083 19.4886 28.9997H3.47685Z", fill: "currentColor" })));
+};
+IconUserGroup.displayName = 'IconUserGroup';

package/dist/atoms/pluxee-icon/pluxee-icon.js

@@ -27,6 +27,11 @@ import { IconSearch } from './icon-search';
 import { IconPlus } from './icon-plus';
 import { Iconlogout } from './icon-logout';
 import { IconChevronDown } from './icon-chevron-down';
+import { IconCardSlashed } from './icon-card-slashed';
+import { IconClock } from './icon-clock';
+import { IconUpdateLimit } from './icon-update-limit';
+import { IconUserGroup } from './icon-user-group';
+import { IconEyeClosedOutline } from './icon-eye-closed-outline';
 const IconsList = [
     { key: 'fa-double-chevron-left', Element: IconDoubleChevronLeft },
     { key: 'fa-double-chevron-right', Element: IconDoubleChevronRight },
@@ -59,6 +64,7 @@ const IconsList = [
     { key: 'fa-pen', Element: IconPen },
     { key: 'fa-pencil-alt', Element: IconPen },
     { key: 'fa-eye-open-outline', Element: IconEyeOpenOutline },
+    { key: 'fa-eye-closed-outline', Element: IconEyeClosedOutline },
     { key: 'fa-eye', Element: IconEyeOpenOutline },
     { key: 'fa-lock', Element: IconLock },
     { key: 'fa-unlock', Element: IconUnlock },
@@ -69,7 +75,11 @@ const IconsList = [
     { key: 'fa-search', Element: IconSearch },
     { key: 'fa-plus', Element: IconPlus },
     { key: 'fa-logout', Element: Iconlogout },
-    { key: 'fa-chevron-down', Element: IconChevronDown }
+    { key: 'fa-chevron-down', Element: IconChevronDown },
+    { key: 'fa-card-slashed', Element: IconCardSlashed },
+    { key: 'fa-clock-circle', Element: IconClock },
+    { key: 'fa-update-limit', Element: IconUpdateLimit },
+    { key: 'fa-user-group', Element: IconUserGroup }
 ];
 export const PluxeeIcon = ({ icon, size = 'md' }) => {
     const item = IconsList.find(item => item.key === icon);

package/dist/components/layout/authenticated-layout/authenticated-layout.d.ts

@@ -6,6 +6,10 @@ declare type Props = {
     menuItems: SideNavigationBarItemProps[];
     navItems?: React.ReactNode[];
     dropdown: DropdownProps;
+    logout?: {
+        href: string;
+        label: string;
+    };
 };
 export declare const AuthenticatedLayout: React.FC<Props>;
 export {};

package/dist/components/layout/authenticated-layout/authenticated-layout.js

@@ -2,7 +2,10 @@ import React from 'react';
 import { SideNavigationBar } from '../../side-navigation-bar/side-navigation-bar';
 import { Navbar } from '../../navbar/navbar';
 import { PluxeeLogo } from '../pluxee-logo/pluxee-logo';
-export const AuthenticatedLayout = ({ children, menuItems, navItems, dropdown }) => {
+export const AuthenticatedLayout = ({ children, menuItems, navItems, dropdown, logout = {
+    label: 'logout',
+    href: '/logout'
+} }) => {
     return (React.createElement("div", { className: "hv-md-100" },
         React.createElement("header", { className: "main-header" },
             React.createElement("div", { className: "logo-container" },
@@ -18,10 +21,7 @@ export const AuthenticatedLayout = ({ children, menuItems, navItems, dropdown })
                 React.createElement(Navbar, { showUserIcon: false, dropdown: dropdown, items: navItems }))),
         React.createElement("main", { className: "d-flex" },
             React.createElement("div", null,
-                React.createElement(SideNavigationBar, { active: false, items: menuItems, logout: {
-                        label: 'logout',
-                        href: '/logout'
-                    } })),
+                React.createElement(SideNavigationBar, { active: false, items: menuItems, logout: logout })),
             React.createElement("div", { className: "w-100 overflow-y-auto" }, children))));
 };
 AuthenticatedLayout.displayName = 'AuthenticatedLayout';

package/dist/components/layout/layout.d.ts

@@ -5,6 +5,10 @@ export declare const Layout: {
         menuItems: import("../side-navigation-bar/side-navigation-bar-item").SideNavigationBarItemProps[];
         navItems?: import("react").ReactNode[] | undefined;
         dropdown: import("../..").DropdownProps;
+        logout?: {
+            href: string;
+            label: string;
+        } | undefined;
     }>;
     Content: {
         ({ children }: {

package/dist/components/layout/pluxee-logo/pluxee-logo-card.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type PluxeeLogoCardProps = {
+    width?: number;
+    height?: number;
+};
+export declare const PluxeeLogoCard: ({ width, height }: PluxeeLogoCardProps) => JSX.Element;
+export {};
+//# sourceMappingURL=pluxee-logo-card.d.ts.map

package/dist/components/layout/pluxee-logo/pluxee-logo-card.js

@@ -0,0 +1,14 @@
+import React from 'react';
+export const PluxeeLogoCard = ({ width = 172, height = 48 }) => {
+    return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 172 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { clipPath: "url(#clip0_17957_81019)" },
+            React.createElement("path", { d: "M157.187 16.4385C161.107 16.4385 162.689 19.1251 162.689 20.9716H151.686C151.686 19.1032 153.285 16.4385 157.187 16.4385ZM161.803 29.2628C161.071 30.6645 159.394 31.6128 157.228 31.6128C153.138 31.6128 151.521 28.7401 151.477 26.1813H171.795C171.852 25.821 172.001 24.7979 172.001 23.9999C172.001 14.9633 165.688 9.86133 157.156 9.86133C148.162 9.86133 141.872 14.9633 141.872 23.9999C141.872 33.1034 148.161 38.1387 157.209 38.1387C166.105 38.1387 170.285 33.3133 171.401 29.2628H161.803Z", fill: "#221C46" }),
+            React.createElement("path", { d: "M15.624 30.0179C11.9753 30.0179 9.38446 27.442 9.38446 24.022C9.38446 20.7614 11.8177 18.0262 15.624 18.0262C19.431 18.0262 21.8628 20.7773 21.8628 24.022C21.8628 27.3177 19.3978 30.0179 15.624 30.0179ZM18.3541 10.1328C14.351 10.1328 10.9168 11.8721 9.14561 13.9163L9.13974 10.6659H0V47.9994H9.42205V34.6326C11.6321 36.9761 14.7101 37.8662 17.8223 37.8662C27.1561 37.8662 31.4857 30.9182 31.4857 23.9992C31.4857 15.4604 25.9245 10.1328 18.3541 10.1328Z", fill: "#221C46" }),
+            React.createElement("path", { d: "M44.0499 0H34.5894V37.3333H44.0499V0Z", fill: "#221C46" }),
+            React.createElement("path", { d: "M66.8777 10.666V24.5329C66.8777 26.6348 66.584 27.656 65.7098 28.6748C64.865 29.6593 63.5398 30.1235 62.0706 30.1235C60.6024 30.1235 59.2749 29.6593 58.4297 28.6748C57.5556 27.656 57.2635 26.6348 57.2635 24.5329V10.666H47.8384L47.8396 25.3569C47.8396 29.487 48.4808 32.1826 50.4937 34.4736C52.6229 36.8967 55.8749 37.8602 59.0589 37.8602C62.7884 37.8602 65.3717 36.4799 67.1572 34.4477L67.1632 37.3328H76.3028V10.666H66.8777Z", fill: "#221C46" }),
+            React.createElement("path", { d: "M107.03 10.666H100.589L93.4917 17.7815L86.394 10.666H79.9536V17.0092L87.1784 23.9994L79.9538 30.9897V37.3329H86.3942L93.4917 30.2175L100.589 37.3329H107.03V30.9897L99.8051 23.9994L107.03 17.0092V10.666Z", fill: "#221C46" }),
+            React.createElement("path", { d: "M124.436 16.4385C128.355 16.4385 129.937 19.1251 129.937 20.9716H118.934C118.934 19.1032 120.534 16.4385 124.436 16.4385ZM129.051 29.2628C128.319 30.6645 126.642 31.6128 124.476 31.6128C120.386 31.6128 118.769 28.7401 118.726 26.1813H139.043C139.1 25.821 139.25 24.7979 139.25 23.9999C139.25 14.9633 132.937 9.86133 124.404 9.86133C115.41 9.86133 109.12 14.9633 109.12 23.9999C109.12 33.1034 115.41 38.1387 124.457 38.1387C133.354 38.1387 137.533 33.3133 138.649 29.2628H129.051Z", fill: "#221C46" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_17957_81019" },
+                React.createElement("rect", { width: "172", height: "48", fill: "white" })))));
+};

package/dist/components/page-list/page-list.js

@@ -23,8 +23,12 @@ export const PageList = (props) => {
         return (React.createElement("div", { className: "my-5" },
             React.createElement(Spinner, null)));
     }
+    const showTitleContainer = Boolean(title) ||
+        Boolean(extraButtonsInline.length) ||
+        Boolean(addButton) ||
+        Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Row, { className: "page-title-container mb-3" },
+        showTitleContainer && (React.createElement(Row, { className: "page-title-container mb-3" },
             title && (React.createElement(Col, { className: "d-flex align-items-center" },
                 React.createElement(Typography, { className: "mb-0", variant: "h4", tag: "h1" }, title))),
             React.createElement(Col, { className: "ms-auto" },
@@ -36,7 +40,7 @@ export const PageList = (props) => {
                     Boolean(addButton) && (React.createElement(Button, { tag: Link, href: addButton === null || addButton === void 0 ? void 0 : addButton.uri }, addButton === null || addButton === void 0 ? void 0 :
                         addButton.label,
                         React.createElement(Icon, { icon: "fa-plus", pluxee: true, className: "ms-1" }))),
-                    Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { outline: true, color: "primary", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items }))))),
+                    Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { outline: true, color: "primary", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })))))),
         !!customizeFilter && customizeFilter,
         !customizeFilter && filterList && (React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: JSON.stringify(history) }, configList)),
         React.createElement("div", null, restList),

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

@@ -21,11 +21,12 @@ export const SideNavigationBarItem = (props) => {
     var _a;
     const { className = '', items, index, pathname = '' } = props, attrs = __rest(props, ["className", "items", "index", "pathname"]);
     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 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 isHomePage = (sanitizedHref === '' && pathname === '/');
+    const isPathActive = sanitizedHref && pathname.includes(sanitizedHref);
     const activeClass = isHomePage || isPathActive ? ' active' : '';
-    return (React.createElement("li", { className: `${className}${activeClass}` }, items
+    const submenClass = items && items.length > 0 ? ' submenu-li' : ' link-li';
+    return (React.createElement("li", { className: `${className}${activeClass}${submenClass}` }, items
         ? React.createElement("div", { className: "sub-menu-container" },
             React.createElement("div", { className: "sub-menu", onClick: () => setActive(prev => !prev) },
                 React.createElement("div", null,