@dilicorp/ui 0.1.22 → 0.2.0

package/dist/components/layout/layout.js

@@ -0,0 +1,12 @@
+import { FooterContainer } from './footer/footer-container';
+import { FooterLabel } from './footer/footer-label';
+import { LayoutContent } from './layout-content/layout-content';
+import { AuthenticatedLayout } from './authenticated-layout/authenticated-layout';
+import { LayoutMain } from './layout-main/layout-main';
+export const Layout = {
+    Authenticated: AuthenticatedLayout,
+    Content: LayoutContent,
+    Main: LayoutMain,
+    Footer: FooterContainer,
+    FooterLabel: FooterLabel
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const PluxeeLogo: () => JSX.Element;
+//# sourceMappingURL=pluxee-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pluxee-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pluxee-logo/pluxee-logo.tsx"],"names":[],"mappings":";AACA,eAAO,MAAM,UAAU,mBAkCtB,CAAA"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export const PluxeeLogo = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "logo-web" },
+            React.createElement("svg", { width: "99", height: "29", viewBox: "0 0 172 49", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("g", { clipPath: "url(#clip0_17957_81028)" },
+                    React.createElement("path", { d: "M157.187 16.7806C161.107 16.7806 162.689 19.5232 162.689 21.4081H151.686C151.686 19.5008 153.285 16.7806 157.187 16.7806ZM161.803 29.8721C161.071 31.3029 159.394 32.271 157.228 32.271C153.138 32.271 151.521 29.3384 151.477 26.7264H171.795C171.852 26.3586 172.001 25.3142 172.001 24.4996C172.001 15.2747 165.688 10.0664 157.156 10.0664C148.162 10.0664 141.872 15.2747 141.872 24.4996C141.872 33.7927 148.161 38.9329 157.209 38.9329C166.105 38.9329 170.285 34.007 171.401 29.8721H161.803Z", fill: "white" }),
+                    React.createElement("path", { d: "M15.624 30.6436C11.9753 30.6436 9.38446 28.0141 9.38446 24.5228C9.38446 21.1942 11.8177 18.402 15.624 18.402C19.431 18.402 21.8628 21.2105 21.8628 24.5228C21.8628 27.8871 19.3978 30.6436 15.624 30.6436ZM18.3541 10.3442C14.351 10.3442 10.9168 12.1198 9.14561 14.2066L9.13974 10.8885H0V48.9997H9.42205V35.3545C11.6321 37.7468 14.7101 38.6554 17.8223 38.6554C27.1561 38.6554 31.4857 31.5627 31.4857 24.4995C31.4857 15.7828 25.9245 10.3442 18.3541 10.3442Z", fill: "white" }),
+                    React.createElement("path", { d: "M44.0499 0H34.5894V38.1111H44.0499V0Z", fill: "white" }),
+                    React.createElement("path", { d: "M66.8772 10.8887V25.0444C66.8772 27.1902 66.5835 28.2326 65.7093 29.2727C64.8645 30.2776 63.5393 30.7515 62.0701 30.7515C60.6019 30.7515 59.2744 30.2776 58.4293 29.2727C57.5551 28.2326 57.263 27.1902 57.263 25.0444V10.8887H47.8379L47.8391 25.8856C47.8391 30.1018 48.4804 32.8535 50.4932 35.1923C52.6224 37.6659 55.8744 38.6494 59.0584 38.6494C62.7879 38.6494 65.3713 37.2404 67.1567 35.1658L67.1627 38.1111H76.3023V10.8887H66.8772Z", fill: "white" }),
+                    React.createElement("path", { d: "M107.03 10.8887H100.589L93.4917 18.1524L86.394 10.8887H79.9536V17.364L87.1784 24.4999L79.9538 31.6358V38.1111H86.3942L93.4917 30.8475L100.589 38.1111H107.03V31.6358L99.8051 24.4999L107.03 17.364V10.8887Z", fill: "#FF7375" }),
+                    React.createElement("path", { d: "M124.437 16.7806C128.356 16.7806 129.938 19.5232 129.938 21.4081H118.935C118.935 19.5008 120.535 16.7806 124.437 16.7806ZM129.052 29.8721C128.32 31.3029 126.643 32.271 124.477 32.271C120.387 32.271 118.77 29.3384 118.727 26.7264H139.044C139.101 26.3586 139.25 25.3142 139.25 24.4996C139.25 15.2747 132.938 10.0664 124.405 10.0664C115.411 10.0664 109.121 15.2747 109.121 24.4996C109.121 33.7927 115.411 38.9329 124.458 38.9329C133.355 38.9329 137.534 34.007 138.65 29.8721H129.052Z", fill: "white" })),
+                React.createElement("defs", null,
+                    React.createElement("clipPath", { id: "clip0_17957_81028" },
+                        React.createElement("rect", { width: "172", height: "49", fill: "white" }))))),
+        React.createElement("div", { className: "logo-mobile" },
+            React.createElement("svg", { width: "50", height: "50", viewBox: "0 0 158 158", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("g", { clipPath: "url(#clip0_17970_80931)" },
+                    React.createElement("path", { d: "M79 27.9313L51.0687 0H0V51.0687L27.9313 79L0 106.931V158H51.0687L79 130.069L106.931 158H158V106.931L130.069 79L158 51.0687V0H106.931L79 27.9313Z", fill: "white" })),
+                React.createElement("defs", null,
+                    React.createElement("clipPath", { id: "clip0_17970_80931" },
+                        React.createElement("rect", { width: "158", height: "158", fill: "white" })))))));
+};

package/dist/components/navbar/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,EAAS,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAErD,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,aAAa,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,WAAW,gBAuBxC,CAAA"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,EAAS,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGrD,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,aAAa,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,WAAW,gBA8BxC,CAAA"}

package/dist/components/navbar/navbar.js

@@ -4,13 +4,15 @@ import { Icon } from '../../atoms/icon';
 import { Image } from '../../atoms/image';
 export const Navbar = (props) => {
     const { image, dropdown, showUserIcon = true, items } = props;
-    return (React.createElement("div", { className: "navbar mb-3" },
+    const dropdownWithNavItems = Object.assign(Object.assign({}, dropdown), { items: [...(items || []).map(item => ({ separator: true, element: React.createElement("div", { className: "nav-item-mobile" }, item) })), ...dropdown.items] });
+    return (React.createElement("div", { className: "navbar" },
         React.createElement("div", { className: "navbar-profile" }, items === null || items === void 0 ? void 0 :
-            items.map((item, index) => React.createElement("div", { key: `nav-bar-item-${index}`, className: 'mx-2 d-flex align-items-center justify-content-center' }, item)),
+            items.map((item, index) => React.createElement("div", { key: `nav-bar-item-${index}`, className: "mx-2 d-flex align-items-center justify-content-center" }, item)),
             image
                 ? React.createElement(Image, Object.assign({}, image, { circle: true, width: "38px", height: "38px", objectFit: "cover", className: "me-2" }))
                 : (showUserIcon &&
                     React.createElement("div", { className: "image-profile circle me-2" },
-                        React.createElement(Icon, { icon: "faUserAlt" }))),
-            React.createElement(Dropdown, Object.assign({}, dropdown)))));
+                        React.createElement(Icon, { icon: "faUserAlt" })))),
+        React.createElement("div", { className: "dropdown-seaction" },
+            React.createElement(Dropdown, Object.assign({}, dropdownWithNavItems)))));
 };

package/dist/components/page-create/page-create.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-create.d.ts","sourceRoot":"","sources":["../../../src/components/page-create/page-create.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAGtC,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,eAAe,CAAC,MAAM,GAAG,GAAG,IAAI;IAC1C,IAAI,EAAE,gBAAgB,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACxE,KAAK,EAAE,MAAM,GAAC,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6ChD,CAAA"}
+{"version":3,"file":"page-create.d.ts","sourceRoot":"","sources":["../../../src/components/page-create/page-create.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAGtC,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,eAAe,CAAC,MAAM,GAAG,GAAG,IAAI;IAC1C,IAAI,EAAE,gBAAgB,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACxE,KAAK,EAAE,MAAM,GAAC,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8ChD,CAAA"}

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

@@ -4,13 +4,13 @@ import { Button, Col, Dropdown, FormBuilder, Icon, Link, Row, Typography } from
 export const PageCreate = (props) => {
     const { title, extraButtons = [], cancelButton, onSubmit, data, modal } = props;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Row, { className: "mb-3" },
+        React.createElement(Row, { className: "page-title-container mb-3" },
             React.createElement(Col, null,
                 React.createElement(Typography, { variant: "h4", tag: "h1" }, title)),
             React.createElement(Col, { className: "ms-auto" },
                 React.createElement("div", { className: "extra-buttons-container" },
-                    Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { color: "default", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })),
-                    Boolean(cancelButton) && (React.createElement(Button, { tag: Link, href: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.uri, color: "danger" },
+                    Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { outline: true, color: "secondary", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })),
+                    Boolean(cancelButton) && (React.createElement(Button, { tag: Link, href: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.uri, color: "primary", outline: true },
                         React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), cancelButton === null || cancelButton === void 0 ? void 0 :
                         cancelButton.label))))),
         React.createElement(FormBuilder, { data: data, onSubmit: onSubmit }),

package/dist/components/page-list/filter-components/button-filter-clear.d.ts

@@ -6,6 +6,8 @@ declare type Props = {
     search?: {
         [key: string]: any;
     };
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'info' | 'warning' | 'default';
+    outline?: boolean;
 };
 export declare const ButtonFilterClear: React.FC<Props>;
 export {};

package/dist/components/page-list/filter-components/button-filter-clear.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-filter-clear.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filter-components/button-filter-clear.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,aAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuB7C,CAAA"}
+{"version":3,"file":"button-filter-clear.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filter-components/button-filter-clear.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,aAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IACvF,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuB7C,CAAA"}

package/dist/components/page-list/filter-components/button-filter-clear.js

@@ -6,7 +6,7 @@ import { objectHelper } from '../../../index';
 import { useNavigate } from 'react-router-dom';
 import uriHelper from '../../../utils/uri-helper';
 export const ButtonFilterClear = (props) => {
-    const { className, clearLabel, show = true, search } = props;
+    const { className, clearLabel, show = true, search, color = 'secondary', outline = false } = props;
     const navigate = useNavigate();
     const classes = classNames(className, show ? 'd-inline-block' : 'd-none', 'mb-3');
     const handleClick = React.useCallback(() => {
@@ -16,7 +16,7 @@ export const ButtonFilterClear = (props) => {
             search: uriHelper.stringify(Object.assign(Object.assign({}, elements), { page: 1 }))
         });
     }, [search, navigate]);
-    return (React.createElement(Button, { color: "warning", className: classes, onClick: handleClick },
-        React.createElement(Icon, { icon: "faTimes", className: "me-2" }),
+    return (React.createElement(Button, { color: color, className: classes, onClick: handleClick, outline: outline },
+        React.createElement(Icon, { icon: "fa-delete", pluxee: true, className: "me-2" }),
         clearLabel));
 };

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

@@ -6,6 +6,6 @@ export const ButtonFilter = (props) => {
     const { className, submitLabel, show = true } = props;
     const classes = classNames(className, show ? 'd-inline-block' : 'd-none', 'mb-3');
     return (React.createElement(Button, { type: "submit", className: classes },
-        React.createElement(Icon, { icon: "faSearch", className: "me-2" }),
+        React.createElement(Icon, { icon: "fa-search", pluxee: true, className: "me-3" }),
         submitLabel));
 };

package/dist/components/page-list/filter-components/button-filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-filters.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filter-components/button-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBzC,CAAA"}
+{"version":3,"file":"button-filters.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filter-components/button-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuBzC,CAAA"}

package/dist/components/page-list/filter-components/button-filters.js

@@ -3,13 +3,13 @@ import classNames from 'classnames';
 import { Icon } from '../../../atoms/icon';
 import { Button } from '../../../atoms/button';
 export const ButtonFilters = (props) => {
-    const { show = false, setShow, filterLabel, className, children } = props;
+    const { setShow, filterLabel, className, children } = props;
     const classes = classNames(className, 'mb-3');
     const handleClick = () => {
         setShow(prev => !prev);
     };
-    return (React.createElement(Button, { color: "info", outline: !show, onClick: handleClick, className: classes },
-        React.createElement(Icon, { icon: "faFilter", className: "me-2" }),
+    return (React.createElement(Button, { color: "primary", outline: true, onClick: handleClick, className: classes },
+        React.createElement(Icon, { icon: "fa-settings", pluxee: true, className: "me-2" }),
         filterLabel,
         children));
 };

package/dist/components/page-list/page-list-config/index.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 export declare const PageListConfig: {
     Dropdown: {
-        ({ children, label, color, className, align }: {
+        ({ children, label, color, outline, className, align }: {
             children: import("react").ReactNode | import("react").ReactNode[];
             label: import("react").ReactNode;
             color?: "primary" | "secondary" | "success" | "danger" | "info" | "warning" | "default" | "none" | undefined;
+            outline?: boolean | undefined;
             className?: string | undefined;
             align?: "left" | "right" | undefined;
         }): JSX.Element;

package/dist/components/page-list/page-list-config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/index.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAK1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/index.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAK1B,CAAA"}

package/dist/components/page-list/page-list-config/page-list-config-dropdown.d.ts

@@ -3,11 +3,12 @@ declare type PageListConfigDropdownProps = {
     children: React.ReactNode | React.ReactNode[];
     label: string | React.ReactNode;
     color?: 'none' | 'primary' | 'secondary' | 'success' | 'danger' | 'info' | 'warning' | 'default';
+    outline?: boolean;
     className?: string;
     align?: 'left' | 'right';
 };
 export declare const PageListConfigDropdown: {
-    ({ children, label, color, className, align }: PageListConfigDropdownProps): JSX.Element;
+    ({ children, label, color, outline, className, align }: PageListConfigDropdownProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/page-list/page-list-config/page-list-config-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-list-config-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/page-list-config-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,aAAK,2BAA2B,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAChG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,sBAAsB;mDAMhC,2BAA2B;;CA8E7B,CAAA"}
+{"version":3,"file":"page-list-config-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/page-list-config-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,aAAK,2BAA2B,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAChG,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,sBAAsB;4DAOhC,2BAA2B;;CAiF7B,CAAA"}

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

@@ -1,8 +1,10 @@
 import React, { Children } from 'react';
 import classNames from 'classnames';
-export const PageListConfigDropdown = ({ children, label, color = 'primary', className, align = 'right' }) => {
+import { Icon } from '../../../atoms/icon';
+export const PageListConfigDropdown = ({ children, label, color = 'primary', outline = true, className, align = 'right' }) => {
     const ref = React.useRef(null);
-    const classes = classNames(className, 'btn dropdown-toggle', color !== 'none' && `btn-${color}`);
+    const btnOutlineColor = `btn${outline ? '-outline' : ''}-${color}`;
+    const classes = classNames(className, 'btn dropdown-toggle', btnOutlineColor);
     const [toggle, setToggle] = React.useState(false);
     const handleClick = React.useCallback(() => {
         setToggle(prev => !prev);
@@ -27,7 +29,9 @@ export const PageListConfigDropdown = ({ children, label, color = 'primary', cla
     }, [toggle]);
     const classesDropdown = classNames('dropdown-menu', align, toggle && 'show');
     return (React.createElement("div", { ref: ref, className: "dropdown" },
-        React.createElement("div", { className: classes, onClick: handleClick }, label),
+        React.createElement("div", { className: classes, onClick: handleClick },
+            label,
+            React.createElement(Icon, { icon: "fa-chevron-down", pluxee: true })),
         React.createElement("div", { className: classesDropdown }, Children.map(children, (child) => {
             var _a, _b;
             if (React.isValidElement(child)) {

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

@@ -38,13 +38,13 @@ export const PageListGetFilters = (props) => {
                             children)))),
             Boolean(hidden.length) && (React.createElement("div", { className: `aside-filter ${showFilter ? 'in' : ''}` },
                 React.createElement("div", { className: "mb-3 text-right" },
-                    React.createElement(Button, { color: "primary", outline: showFilter, onClick: () => setShowFilter(prev => !prev), small: true },
-                        React.createElement(Icon, { icon: "faTimes" }))),
+                    React.createElement(Button, { color: "primary", onClick: () => setShowFilter(prev => !prev), small: true },
+                        React.createElement(Icon, { icon: "fa-delete", pluxee: true }))),
                 React.createElement("div", { className: "content-aside-filter" }, hidden.map((element, index) => {
                     var _a;
                     return (React.createElement("div", { key: `visible-child-${JSON.stringify({ index: index + numFiltersVisible, props: element === null || element === void 0 ? void 0 : element.props })}`, className: hidden.length === (index + 1) ? '' : 'mb-3' }, ((_a = element.props) === null || _a === void 0 ? void 0 : _a.name) && setValue(element, search[element.props.name])));
                 })),
                 React.createElement("div", { className: `pt-3 text-center ${showFilter ? 'd-block' : 'd-none'}` },
                     React.createElement(ButtonFilter, { submitLabel: filter.submitLabel, className: "me-3" }),
-                    React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, search: search })))))));
+                    React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, search: search, color: "primary", outline: true })))))));
 };

package/dist/components/page-list/page-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAO1E,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;CAC3B,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACxC,CAAA;AAED,aAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+F5C,CAAA"}
+{"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAO1E,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;CAC3B,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACxC,CAAA;AAED,aAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgG5C,CAAA"}

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

@@ -24,19 +24,19 @@ export const PageList = (props) => {
             React.createElement(Spinner, null)));
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(Row, { className: "mb-3" },
+        React.createElement(Row, { className: "page-title-container mb-3" },
             title && (React.createElement(Col, null,
-                React.createElement(Typography, { variant: "h4", tag: "h1" }, title))),
+                React.createElement(Typography, { className: "mb-0", variant: "h4", tag: "h1" }, title))),
             React.createElement(Col, { className: "ms-auto" },
                 React.createElement("div", { className: "extra-buttons-container" },
                     Boolean(extraButtonsInline.length) &&
-                        extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ key: `export-button-${index}` }, item),
+                        extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ outline: true, key: `export-button-${index}` }, item),
                             item.label,
                             item.icon && React.createElement(Icon, Object.assign({}, item.icon))))),
-                    Boolean(addButton) && (React.createElement(Button, { tag: Link, href: addButton === null || addButton === void 0 ? void 0 : addButton.uri },
-                        React.createElement(Icon, { icon: "faPlus", className: "me-1" }), addButton === null || addButton === void 0 ? void 0 :
-                        addButton.label)),
-                    Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { color: "default", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items }))))),
+                    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 }))))),
         !!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/page-show/page-show.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-show.d.ts","sourceRoot":"","sources":["../../../src/components/page-show/page-show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAuB,SAAS,EAA6C,MAAM,QAAQ,CAAA;AACvH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,aAAK,uBAAuB,GAAG,WAAW,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,kBAAkB,CAAC,EAAE,uBAAuB,EAAE,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyD5C,CAAA"}
+{"version":3,"file":"page-show.d.ts","sourceRoot":"","sources":["../../../src/components/page-show/page-show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAuB,SAAS,EAAkC,MAAM,QAAQ,CAAA;AAC5G,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,aAAK,uBAAuB,GAAG,WAAW,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,kBAAkB,CAAC,EAAE,uBAAuB,EAAE,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwD5C,CAAA"}

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

@@ -1,23 +1,22 @@
 import React from 'react';
-import { Button, Col, Dropdown, Icon, Link, Row, Separator, Spinner, Typography } from '../../';
+import { Button, Col, Dropdown, Icon, Link, Row, Spinner, Typography } from '../../';
 export const PageShow = (props) => {
     const { loading = true, children, extraButtons = [], backButton, title, subTitle, extraButtonsInline = [] } = props;
     if (loading)
         return React.createElement(Spinner, null);
     return (React.createElement("div", null,
-        React.createElement(Row, { className: "mb-3" },
+        React.createElement(Row, { className: "page-title-container mb-3" },
             React.createElement(Col, null,
                 React.createElement(Typography, { variant: "h4", tag: "h1", subTitle: subTitle }, title)),
             React.createElement(Col, { className: "ms-auto" },
                 React.createElement("div", { className: "extra-buttons-container" },
                     Boolean(extraButtonsInline.length) &&
-                        extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ key: `export-button-${index}` }, item),
+                        extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ outline: true, key: `export-button-${index}` }, item),
                             item.label,
                             item.icon && React.createElement(Icon, Object.assign({}, item.icon))))),
-                    Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { color: "default", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })),
-                    Boolean(backButton) && (React.createElement(Button, { tag: Link, href: backButton === null || backButton === void 0 ? void 0 : backButton.uri, color: "danger" },
+                    Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { outline: true, color: "secondary", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })),
+                    Boolean(backButton) && (React.createElement(Button, { tag: Link, href: backButton === null || backButton === void 0 ? void 0 : backButton.uri, color: "primary", outline: true },
                         React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), backButton === null || backButton === void 0 ? void 0 :
                         backButton.label))))),
-        React.createElement(Separator, null),
         children));
 };

package/dist/components/side-navigation-bar/side-navigation-bar-item.d.ts

@@ -3,6 +3,7 @@ import { LinkProps } from '../../index';
 export declare type SideNavigationBarItemProps = LinkProps & {
     index?: number;
     icon?: string;
+    pluxee?: boolean;
     label: string;
     items?: SideNavigationBarItemProps[];
     dataLink?: boolean;

package/dist/components/side-navigation-bar/side-navigation-bar-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-navigation-bar-item.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAQ,SAAS,EAAE,MAAM,aAAa,CAAA;AAE7C,oBAAY,0BAA0B,GAAG,SAAS,GAAG;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAaD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgDtE,CAAA"}
+{"version":3,"file":"side-navigation-bar-item.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAQ,SAAS,EAAE,MAAM,aAAa,CAAA;AAE7C,oBAAY,0BAA0B,GAAG,SAAS,GAAG;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAaD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsCtE,CAAA"}

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

@@ -12,35 +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, label, dataLink }) => {
+const InnerItem = ({ icon, pluxee, label, dataLink }) => {
     return (React.createElement(React.Fragment, null,
-        icon && React.createElement(Icon, { icon: icon }),
+        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 { className = '', label, items, index, pathname = '' } = props, attrs = __rest(props, ["className", "label", "items", "index", "pathname"]);
+    const { className = '', items, index, pathname = '' } = props, attrs = __rest(props, ["className", "items", "index", "pathname"]);
     const [active, setActive] = useState(false);
-    const [tooltipY, setTooltipY] = useState(0);
     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' : '';
-    const handleMouseEnter = (ev) => {
-        if (tooltipY !== ev.clientY) {
-            setTooltipY(ev.clientY);
-        }
-    };
-    return (React.createElement("li", { className: `${className}${activeClass}`, onMouseEnter: handleMouseEnter },
-        React.createElement("span", { className: "tooltip", style: Object.assign({}, (tooltipY !== 0 && { top: `${tooltipY}px` })) }, label),
-        items
-            ? React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "sub-menu", onClick: () => setActive(prev => !prev) },
-                    React.createElement("div", null,
-                        React.createElement(InnerItem, Object.assign({}, props))),
-                    React.createElement(Icon, { icon: "fa-angle-down" })),
-                active && React.createElement("div", null,
-                    React.createElement("ul", null, 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 })))));
+    return (React.createElement("li", { className: `${className}${activeClass}` }, items
+        ? React.createElement("div", { className: "sub-menu-container" },
+            React.createElement("div", { className: "sub-menu", onClick: () => setActive(prev => !prev) },
+                React.createElement("div", null,
+                    React.createElement(InnerItem, Object.assign({}, props))),
+                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.d.ts

@@ -9,6 +9,7 @@ export declare type SideNavigationBarProps = {
     };
     items: SideNavigationBarItemProps[];
     active: boolean;
+    menuLabel?: string;
 };
 export declare const SideNavigationBar: React.MemoExoticComponent<(props: SideNavigationBarProps) => JSX.Element>;
 //# sourceMappingURL=side-navigation-bar.d.ts.map

package/dist/components/side-navigation-bar/side-navigation-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAM9F,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,iBAkGlE,CAAA"}
+{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AACtD,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAM9F,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAID,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,iBAkFlE,CAAA"}

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

@@ -1,4 +1,4 @@
-import React, { memo, useEffect, useRef, useState } from 'react';
+import React, { memo, useEffect, useRef } from 'react';
 import { SideNavigationBarItem } from './side-navigation-bar-item';
 import { Icon } from '../../atoms/icon';
 import { storageHelper } from '../../index';
@@ -6,22 +6,13 @@ import classNames from 'classnames';
 import { useLocation } from 'react-router-dom';
 const STORAGE_NAME = 'SIDEBAR_ACTIVE';
 export const SideNavigationBar = memo((props) => {
-    const { logoThumb, logoName, logout, items = [], active = true } = props;
+    const { logout, items = [], active = true, menuLabel = 'Menu' } = props;
     const activeStorage = storageHelper.get(STORAGE_NAME);
     const showActive = activeStorage ? activeStorage === '1' : active;
     storageHelper.set(STORAGE_NAME, showActive ? '1' : '0');
-    const refMenu = useRef(null);
     const navlist = useRef(null);
-    const [addSpace, setAddSpace] = useState(false);
     const { pathname, search } = useLocation();
     const uri = `${pathname}${search}`;
-    useEffect(() => {
-        const nav = refMenu.current;
-        const div = navlist.current;
-        if (div != null && nav != null) {
-            setAddSpace(nav.offsetHeight < div.scrollHeight);
-        }
-    }, [navlist, refMenu]);
     useEffect(() => {
         const btnMobile = document.querySelector('.btn-sidebar-mobile');
         const sidebar = document.querySelector('.sidebar');
@@ -49,25 +40,27 @@ export const SideNavigationBar = memo((props) => {
             btnMobile.classList.add('active-mobile');
         };
     }, []);
-    const sideBarClassis = classNames('sidebar', showActive && 'active', addSpace && 'xl');
-    return (React.createElement("div", { ref: refMenu },
+    const sideBarClassis = classNames('sidebar', showActive && 'active');
+    return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: sideBarClassis },
-            React.createElement("div", { className: "logo-content" },
-                React.createElement("div", { className: "logo" },
-                    Boolean(logoThumb) && React.createElement("div", { className: "logo-thumb" }, logoThumb),
-                    logoName && React.createElement("div", { className: "logo-name" }, logoName)),
-                React.createElement(Icon, { id: "btn-side-bar-toogle", icon: "fa-bars", className: "btn-sidebar" })),
-            React.createElement("ul", { className: "nav-list", ref: navlist, style: {
-                    paddingRight: addSpace ? 10 : 0
-                } },
-                items.map((item, index) => (React.createElement(SideNavigationBarItem, Object.assign({ pathname: pathname, key: `side-navigation-bar-item-${index}` }, Object.assign(Object.assign({}, item), { index }))))),
+            React.createElement("ul", { className: "nav-list", ref: navlist },
+                React.createElement("li", null,
+                    React.createElement("button", { className: "btn-sidebar", id: "btn-side-bar-toogle", type: "button" },
+                        React.createElement(Icon, { icon: "fa-double-chevron-right", pluxee: true }),
+                        " ",
+                        React.createElement("span", { className: "link-name" }, menuLabel))),
+                items.map((item, index) => (React.createElement(SideNavigationBarItem, Object.assign({ pluxee: true, pathname: pathname, key: `side-navigation-bar-item-${index}` }, Object.assign(Object.assign({}, item), { index }))))),
                 !!(logout === null || logout === void 0 ? void 0 : logout.href) && (React.createElement(SideNavigationBarItem, Object.assign({ pathname: pathname }, {
                     className: 'link-logout',
-                    icon: 'fa-sign-out-alt',
+                    icon: 'fa-logout',
+                    pluxee: true,
                     label: logout.label || 'Logout',
                     href: logout.href
                 }))))),
         React.createElement("div", { className: "side-bar-mobile-overlay" }),
-        React.createElement(Icon, { id: "btn-side-bar-mobile-toogle", icon: "fa-bars", className: "btn-sidebar-mobile" })));
+        React.createElement("button", { id: "btn-side-bar-mobile-toogle", type: "button", className: "btn btn-sidebar-mobile" },
+            React.createElement(Icon, { icon: "fa-double-chevron-left", pluxee: true }),
+            " ",
+            menuLabel)));
 });
 SideNavigationBar.displayName = 'SideNavigationBar';