@soyfri/template 1.0.0 → 1.0.3

package/dist/layout/components/header/Header.js

@@ -1,81 +1,53 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
 /* eslint-disable no-prototype-builtins */
-var react_1 = __importStar(require("react"));
-var core_1 = require("../../core");
-var header_menus_1 = require("./header-menus");
-var Header = function () {
-    var config = (0, core_1.useLayout)().config;
-    (0, react_1.useEffect)(function () {
+import React, { useEffect } from 'react';
+import { useLayout } from '../../core';
+import { MenuInner } from './header-menus';
+const Header = () => {
+    const { config } = useLayout();
+    useEffect(() => {
         updateDOM(config);
     }, [config]);
-    return (react_1.default.createElement("div", { className: '\n        menu\n        menu-rounded\n        menu-column\n        menu-lg-row\n        my-5\n        my-lg-0\n        align-items-stretch\n        fw-semibold\n        px-2 px-lg-0\n    ', id: 'kt_app_header_menu', "data-kt-menu": 'true' },
-        react_1.default.createElement(header_menus_1.MenuInner, null)));
+    return (React.createElement("div", { className: '\n        menu\n        menu-rounded\n        menu-column\n        menu-lg-row\n        my-5\n        my-lg-0\n        align-items-stretch\n        fw-semibold\n        px-2 px-lg-0\n    ', id: 'kt_app_header_menu', "data-kt-menu": 'true' },
+        React.createElement(MenuInner, null)));
 };
-exports.Header = Header;
-var updateDOM = function (config) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
-    if ((_d = (_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.fixed) === null || _d === void 0 ? void 0 : _d.desktop) {
+const updateDOM = (config) => {
+    if (config.app?.header?.default?.fixed?.desktop) {
         document.body.setAttribute('data-kt-app-header-fixed', 'true');
         document.body.setAttribute('data-kt-app-header-minimize', 'on');
     }
-    if ((_h = (_g = (_f = (_e = config.app) === null || _e === void 0 ? void 0 : _e.header) === null || _f === void 0 ? void 0 : _f.default) === null || _g === void 0 ? void 0 : _g.fixed) === null || _h === void 0 ? void 0 : _h.mobile) {
+    if (config.app?.header?.default?.fixed?.mobile) {
         document.body.setAttribute('data-kt-app-header-fixed-mobile', 'true');
     }
-    if ((_l = (_k = (_j = config.app) === null || _j === void 0 ? void 0 : _j.header) === null || _k === void 0 ? void 0 : _k.default) === null || _l === void 0 ? void 0 : _l.stacked) {
+    if (config.app?.header?.default?.stacked) {
         document.body.setAttribute('data-kt-app-header-stacked', 'true');
     }
-    var appHeaderDefaultStickyEnabled = (_q = (_p = (_o = (_m = config.app) === null || _m === void 0 ? void 0 : _m.header) === null || _o === void 0 ? void 0 : _o.default) === null || _p === void 0 ? void 0 : _p.sticky) === null || _q === void 0 ? void 0 : _q.enabled;
-    var appHeaderDefaultStickyAttributes = {};
+    const appHeaderDefaultStickyEnabled = config.app?.header?.default?.sticky?.enabled;
+    let appHeaderDefaultStickyAttributes = {};
     if (appHeaderDefaultStickyEnabled) {
-        appHeaderDefaultStickyAttributes = (_u = (_t = (_s = (_r = config.app) === null || _r === void 0 ? void 0 : _r.header) === null || _s === void 0 ? void 0 : _s.default) === null || _t === void 0 ? void 0 : _t.sticky) === null || _u === void 0 ? void 0 : _u.attributes;
+        appHeaderDefaultStickyAttributes = config.app?.header?.default?.sticky?.attributes;
     }
-    var appHeaderDefaultMinimizeEnabled = (_y = (_x = (_w = (_v = config.app) === null || _v === void 0 ? void 0 : _v.header) === null || _w === void 0 ? void 0 : _w.default) === null || _x === void 0 ? void 0 : _x.minimize) === null || _y === void 0 ? void 0 : _y.enabled;
-    var appHeaderDefaultMinimizeAttributes = {};
+    const appHeaderDefaultMinimizeEnabled = config.app?.header?.default?.minimize?.enabled;
+    let appHeaderDefaultMinimizeAttributes = {};
     if (appHeaderDefaultMinimizeEnabled) {
-        appHeaderDefaultMinimizeAttributes = (_2 = (_1 = (_0 = (_z = config.app) === null || _z === void 0 ? void 0 : _z.header) === null || _0 === void 0 ? void 0 : _0.default) === null || _1 === void 0 ? void 0 : _1.minimize) === null || _2 === void 0 ? void 0 : _2.attributes;
+        appHeaderDefaultMinimizeAttributes = config.app?.header?.default?.minimize?.attributes;
     }
-    setTimeout(function () {
-        var headerElement = document.getElementById('kt_app_header');
+    setTimeout(() => {
+        const headerElement = document.getElementById('kt_app_header');
         // header
         if (headerElement) {
-            var headerAttributes = headerElement
+            const headerAttributes = headerElement
                 .getAttributeNames()
-                .filter(function (t) { return t.indexOf('data-') > -1; });
-            headerAttributes.forEach(function (attr) { return headerElement.removeAttribute(attr); });
+                .filter((t) => t.indexOf('data-') > -1);
+            headerAttributes.forEach((attr) => headerElement.removeAttribute(attr));
             if (appHeaderDefaultStickyEnabled) {
-                for (var key in appHeaderDefaultStickyAttributes) {
+                for (const key in appHeaderDefaultStickyAttributes) {
                     if (appHeaderDefaultStickyAttributes.hasOwnProperty(key)) {
                         headerElement.setAttribute(key, appHeaderDefaultStickyAttributes[key]);
                     }
                 }
             }
             if (appHeaderDefaultMinimizeEnabled) {
-                for (var key in appHeaderDefaultMinimizeAttributes) {
+                for (const key in appHeaderDefaultMinimizeAttributes) {
                     if (appHeaderDefaultMinimizeAttributes.hasOwnProperty(key)) {
                         headerElement.setAttribute(key, appHeaderDefaultMinimizeAttributes[key]);
                     }
@@ -84,3 +56,4 @@ var updateDOM = function (config) {
         }
     }, 0);
 };
+export { Header };

package/dist/layout/components/header/HeaderWrapper.js

@@ -1,44 +1,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderWrapper = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_router_dom_1 = require("react-router-dom");
-var helpers_1 = require("../../../helpers");
-var core_1 = require("../../core");
-var Header_1 = require("./Header");
-var Navbar_1 = require("./Navbar");
-var react_1 = __importDefault(require("react"));
-function HeaderWrapper() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var _m = (0, core_1.useLayout)(), config = _m.config, classes = _m.classes;
-    if (((_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.container) === 'fluid') {
-        core_1.LayoutSetup.classes.headerContainer.push("container-fluid");
+import clsx from 'clsx';
+import { Link } from 'react-router-dom';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+import { LayoutSetup, useLayout } from '../../core';
+import { Header } from './Header';
+import { Navbar } from './Navbar';
+import React from 'react';
+export function HeaderWrapper() {
+    const { config, classes } = useLayout();
+    if (config.app?.header?.default?.container === 'fluid') {
+        LayoutSetup.classes.headerContainer.push("container-fluid");
     }
     else {
-        core_1.LayoutSetup.classes.headerContainer.push("container-xxl");
+        LayoutSetup.classes.headerContainer.push("container-xxl");
     }
-    if (!((_e = (_d = config.app) === null || _d === void 0 ? void 0 : _d.header) === null || _e === void 0 ? void 0 : _e.display)) {
+    if (!config.app?.header?.display) {
         return null;
     }
-    return (react_1.default.createElement("div", { id: 'kt_app_header', className: 'app-header' },
-        react_1.default.createElement("div", { id: 'kt_app_header_container', className: (0, clsx_1.default)('app-container', classes.headerContainer.join(' '), (_h = (_g = (_f = config.app) === null || _f === void 0 ? void 0 : _f.header) === null || _g === void 0 ? void 0 : _g.default) === null || _h === void 0 ? void 0 : _h.containerClass) },
-            ((_j = config.app.sidebar) === null || _j === void 0 ? void 0 : _j.display) && (react_1.default.createElement(react_1.default.Fragment, null, config.layoutType !== 'dark-header' && config.layoutType !== 'light-header' ? (react_1.default.createElement("div", { className: 'd-flex align-items-center d-lg-none ms-n2 me-2', title: 'Show sidebar menu' },
-                react_1.default.createElement("div", { className: 'btn btn-icon btn-active-color-primary w-35px h-35px', id: 'kt_app_sidebar_mobile_toggle' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'abstract-14', className: ' fs-1' })),
-                react_1.default.createElement("div", { className: 'd-flex align-items-center flex-grow-1 flex-lg-grow-0' },
-                    react_1.default.createElement(react_router_dom_1.Link, { to: '/dashboard', className: 'd-lg-none' },
-                        react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-small.svg'), className: 'h-30px' }))))) : null)),
-            !(config.layoutType === 'dark-sidebar' || config.layoutType === 'light-sidebar') && (react_1.default.createElement("div", { className: 'd-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15' },
-                react_1.default.createElement(react_router_dom_1.Link, { to: '/dashboard' }, config.layoutType === 'dark-header' ? (react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-dark.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default' })) : (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default theme-light-show' }),
-                    react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-dark.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default theme-dark-show' })))))),
-            react_1.default.createElement("div", { id: 'kt_app_header_wrapper', className: 'd-flex align-items-stretch justify-content-between flex-lg-grow-1' },
-                ((_k = config.app.header.default) === null || _k === void 0 ? void 0 : _k.content) === 'menu' &&
-                    ((_l = config.app.header.default.menu) === null || _l === void 0 ? void 0 : _l.display) && (react_1.default.createElement("div", { className: 'app-header-menu app-header-mobile-drawer align-items-stretch', "data-kt-drawer": 'true', "data-kt-drawer-name": 'app-header-menu', "data-kt-drawer-activate": '{default: true, lg: false}', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": '225px', "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_app_header_menu_toggle', "data-kt-swapper": 'true', "data-kt-swapper-mode": "{default: 'append', lg: 'prepend'}", "data-kt-swapper-parent": "{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}" },
-                    react_1.default.createElement(Header_1.Header, null))),
-                react_1.default.createElement(Navbar_1.Navbar, null)))));
+    return (React.createElement("div", { id: 'kt_app_header', className: 'app-header' },
+        React.createElement("div", { id: 'kt_app_header_container', className: clsx('app-container', classes.headerContainer.join(' '), config.app?.header?.default?.containerClass) },
+            config.app.sidebar?.display && (React.createElement(React.Fragment, null, config.layoutType !== 'dark-header' && config.layoutType !== 'light-header' ? (React.createElement("div", { className: 'd-flex align-items-center d-lg-none ms-n2 me-2', title: 'Show sidebar menu' },
+                React.createElement("div", { className: 'btn btn-icon btn-active-color-primary w-35px h-35px', id: 'kt_app_sidebar_mobile_toggle' },
+                    React.createElement(KTIcon, { iconName: 'abstract-14', className: ' fs-1' })),
+                React.createElement("div", { className: 'd-flex align-items-center flex-grow-1 flex-lg-grow-0' },
+                    React.createElement(Link, { to: '/dashboard', className: 'd-lg-none' },
+                        React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default-small.svg'), className: 'h-30px' }))))) : null)),
+            !(config.layoutType === 'dark-sidebar' || config.layoutType === 'light-sidebar') && (React.createElement("div", { className: 'd-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15' },
+                React.createElement(Link, { to: '/dashboard' }, config.layoutType === 'dark-header' ? (React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default-dark.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default' })) : (React.createElement(React.Fragment, null,
+                    React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default theme-light-show' }),
+                    React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default-dark.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default theme-dark-show' })))))),
+            React.createElement("div", { id: 'kt_app_header_wrapper', className: 'd-flex align-items-stretch justify-content-between flex-lg-grow-1' },
+                config.app.header.default?.content === 'menu' &&
+                    config.app.header.default.menu?.display && (React.createElement("div", { className: 'app-header-menu app-header-mobile-drawer align-items-stretch', "data-kt-drawer": 'true', "data-kt-drawer-name": 'app-header-menu', "data-kt-drawer-activate": '{default: true, lg: false}', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": '225px', "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_app_header_menu_toggle', "data-kt-swapper": 'true', "data-kt-swapper-mode": "{default: 'append', lg: 'prepend'}", "data-kt-swapper-parent": "{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}" },
+                    React.createElement(Header, null))),
+                React.createElement(Navbar, null)))));
 }
-exports.HeaderWrapper = HeaderWrapper;

package/dist/layout/components/header/Navbar.js

@@ -1,43 +1,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import clsx from 'clsx';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+import { HeaderNotificationsMenu, HeaderUserMenu, Search, ThemeModeSwitcher } from '../../../partials';
+import { useLayout } from '../../core';
+import React from 'react';
+const itemClass = 'ms-1 ms-md-4';
+const btnClass = 'btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px';
+const userAvatarClass = 'symbol-35px';
+const btnIconClass = 'fs-2';
+const Navbar = () => {
+    const { config } = useLayout();
+    return (React.createElement("div", { className: 'app-navbar flex-shrink-0' },
+        React.createElement("div", { className: clsx('app-navbar-item align-items-stretch', itemClass) },
+            React.createElement(Search, null)),
+        React.createElement("div", { className: clsx('app-navbar-item', itemClass) },
+            React.createElement("div", { id: 'kt_activities_toggle', className: btnClass },
+                React.createElement(KTIcon, { iconName: 'chart-simple', className: btnIconClass }))),
+        React.createElement("div", { className: clsx('app-navbar-item', itemClass) },
+            React.createElement("div", { "data-kt-menu-trigger": "{default: 'click'}", "data-kt-menu-attach": 'parent', "data-kt-menu-placement": 'bottom-end', className: btnClass },
+                React.createElement(KTIcon, { iconName: 'element-plus', className: btnIconClass })),
+            React.createElement(HeaderNotificationsMenu, null)),
+        React.createElement("div", { className: clsx('app-navbar-item', itemClass) },
+            React.createElement("div", { className: clsx('position-relative', btnClass), id: 'kt_drawer_chat_toggle' },
+                React.createElement(KTIcon, { iconName: 'message-text-2', className: btnIconClass }),
+                React.createElement("span", { className: 'bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink' }))),
+        React.createElement("div", { className: clsx('app-navbar-item', itemClass) },
+            React.createElement(ThemeModeSwitcher, { toggleBtnClass: clsx('btn-active-light-primary btn-custom') })),
+        React.createElement("div", { className: clsx('app-navbar-item', itemClass) },
+            React.createElement("div", { className: clsx('cursor-pointer symbol', userAvatarClass), "data-kt-menu-trigger": "{default: 'click'}", "data-kt-menu-attach": 'parent', "data-kt-menu-placement": 'bottom-end' },
+                React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-3.jpg'), alt: '' })),
+            React.createElement(HeaderUserMenu, null)),
+        config.app?.header?.default?.menu?.display && (React.createElement("div", { className: 'app-navbar-item d-lg-none ms-2 me-n3', title: 'Show header menu' },
+            React.createElement("div", { className: 'btn btn-icon btn-active-color-primary w-35px h-35px', id: 'kt_app_header_menu_toggle' },
+                React.createElement(KTIcon, { iconName: 'text-align-left', className: btnIconClass }))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navbar = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var helpers_1 = require("../../../helpers");
-var partials_1 = require("../../../partials");
-var core_1 = require("../../core");
-var react_1 = __importDefault(require("react"));
-var itemClass = 'ms-1 ms-md-4';
-var btnClass = 'btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px';
-var userAvatarClass = 'symbol-35px';
-var btnIconClass = 'fs-2';
-var Navbar = function () {
-    var _a, _b, _c, _d;
-    var config = (0, core_1.useLayout)().config;
-    return (react_1.default.createElement("div", { className: 'app-navbar flex-shrink-0' },
-        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item align-items-stretch', itemClass) },
-            react_1.default.createElement(partials_1.Search, null)),
-        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
-            react_1.default.createElement("div", { id: 'kt_activities_toggle', className: btnClass },
-                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'chart-simple', className: btnIconClass }))),
-        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
-            react_1.default.createElement("div", { "data-kt-menu-trigger": "{default: 'click'}", "data-kt-menu-attach": 'parent', "data-kt-menu-placement": 'bottom-end', className: btnClass },
-                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'element-plus', className: btnIconClass })),
-            react_1.default.createElement(partials_1.HeaderNotificationsMenu, null)),
-        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('position-relative', btnClass), id: 'kt_drawer_chat_toggle' },
-                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'message-text-2', className: btnIconClass }),
-                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink' }))),
-        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
-            react_1.default.createElement(partials_1.ThemeModeSwitcher, { toggleBtnClass: (0, clsx_1.default)('btn-active-light-primary btn-custom') })),
-        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('cursor-pointer symbol', userAvatarClass), "data-kt-menu-trigger": "{default: 'click'}", "data-kt-menu-attach": 'parent', "data-kt-menu-placement": 'bottom-end' },
-                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-3.jpg'), alt: '' })),
-            react_1.default.createElement(partials_1.HeaderUserMenu, null)),
-        ((_d = (_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.menu) === null || _d === void 0 ? void 0 : _d.display) && (react_1.default.createElement("div", { className: 'app-navbar-item d-lg-none ms-2 me-n3', title: 'Show header menu' },
-            react_1.default.createElement("div", { className: 'btn btn-icon btn-active-color-primary w-35px h-35px', id: 'kt_app_header_menu_toggle' },
-                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'text-align-left', className: btnIconClass }))))));
-};
-exports.Navbar = Navbar;
+export { Navbar };

package/dist/layout/components/header/header-menus/MegaMenu.js

@@ -1,74 +1,68 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { toAbsoluteUrl } from '../../../../helpers';
+import { useLayout } from '../../../core';
+const MegaMenu = () => {
+    const { setLayoutType, setToolbarType } = useLayout();
+    return (React.createElement("div", { className: 'row' },
+        React.createElement("div", { className: 'col-lg-6' },
+            React.createElement("div", { className: 'row' },
+                React.createElement("div", { className: 'col-lg-6 mb-3' },
+                    React.createElement("h4", { className: 'fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4' }, "Layouts"),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setLayoutType('light-sidebar'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Light Sidebar"))),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setLayoutType('dark-sidebar'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Dark Sidebar"))),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setLayoutType('light-header'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Light Header"))),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setLayoutType('dark-header'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Dark Header")))),
+                React.createElement("div", { className: 'col-lg-6 mb-3' },
+                    React.createElement("h4", { className: 'fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4' }, "Toolbars"),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setToolbarType('classic'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Classic"))),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setToolbarType('saas'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "SaaS"))),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setToolbarType('accounting'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Accounting"))),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setToolbarType('extended'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Extended"))),
+                    React.createElement("div", { className: 'menu-item p-0 m-0' },
+                        React.createElement("a", { onClick: () => setToolbarType('reports'), className: 'menu-link' },
+                            React.createElement("span", { className: 'menu-bullet' },
+                                React.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            React.createElement("span", { className: 'menu-title' }, "Reports"))))),
+            React.createElement("div", { className: 'separator separator-dashed mx-lg-5 mt-2 mb-6' }),
+            React.createElement("div", { className: 'd-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5' },
+                React.createElement("div", { className: 'd-flex flex-column me-5' },
+                    React.createElement("div", { className: 'fs-6 fw-bold text-gray-800' }, "Layout Builder"),
+                    React.createElement("div", { className: 'fs-7 fw-semibold text-muted' }, "Customize view")),
+                React.createElement(Link, { to: '/builder', className: 'btn btn-sm btn-primary fw-bold' }, "Try Builder"))),
+        React.createElement("div", { className: 'col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center' },
+            React.createElement("img", { src: toAbsoluteUrl('media/stock/900x600/45.jpg'), className: 'rounded mw-100', alt: '' }))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MegaMenu = void 0;
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var helpers_1 = require("../../../../helpers");
-var core_1 = require("../../../core");
-var MegaMenu = function () {
-    var _a = (0, core_1.useLayout)(), setLayoutType = _a.setLayoutType, setToolbarType = _a.setToolbarType;
-    return (react_1.default.createElement("div", { className: 'row' },
-        react_1.default.createElement("div", { className: 'col-lg-6' },
-            react_1.default.createElement("div", { className: 'row' },
-                react_1.default.createElement("div", { className: 'col-lg-6 mb-3' },
-                    react_1.default.createElement("h4", { className: 'fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4' }, "Layouts"),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('light-sidebar'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Light Sidebar"))),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('dark-sidebar'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Dark Sidebar"))),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('light-header'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Light Header"))),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('dark-header'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Dark Header")))),
-                react_1.default.createElement("div", { className: 'col-lg-6 mb-3' },
-                    react_1.default.createElement("h4", { className: 'fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4' }, "Toolbars"),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('classic'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Classic"))),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('saas'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "SaaS"))),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('accounting'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Accounting"))),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('extended'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Extended"))),
-                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
-                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('reports'); }, className: 'menu-link' },
-                            react_1.default.createElement("span", { className: 'menu-bullet' },
-                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
-                            react_1.default.createElement("span", { className: 'menu-title' }, "Reports"))))),
-            react_1.default.createElement("div", { className: 'separator separator-dashed mx-lg-5 mt-2 mb-6' }),
-            react_1.default.createElement("div", { className: 'd-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5' },
-                react_1.default.createElement("div", { className: 'd-flex flex-column me-5' },
-                    react_1.default.createElement("div", { className: 'fs-6 fw-bold text-gray-800' }, "Layout Builder"),
-                    react_1.default.createElement("div", { className: 'fs-7 fw-semibold text-muted' }, "Customize view")),
-                react_1.default.createElement(react_router_dom_1.Link, { to: '/builder', className: 'btn btn-sm btn-primary fw-bold' }, "Try Builder"))),
-        react_1.default.createElement("div", { className: 'col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center' },
-            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/stock/900x600/45.jpg'), className: 'rounded mw-100', alt: '' }))));
-};
-exports.MegaMenu = MegaMenu;
+export { MegaMenu };

package/dist/layout/components/header/header-menus/MenuInner.js

@@ -1,50 +1,43 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuInner = void 0;
-var react_1 = __importDefault(require("react"));
-var react_intl_1 = require("react-intl");
-var MenuItem_1 = require("./MenuItem");
-var MenuInnerWithSub_1 = require("./MenuInnerWithSub");
-var MegaMenu_1 = require("./MegaMenu");
-function MenuInner() {
-    var intl = (0, react_intl_1.useIntl)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(MenuItem_1.MenuItem, { title: intl.formatMessage({ id: 'MENU.DASHBOARD' }), to: '/dashboard' }),
-        react_1.default.createElement(MenuItem_1.MenuItem, { title: 'Layout Builder', to: '/builder' }),
-        react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Crafted', to: '/crafted', menuPlacement: 'bottom-start', menuTrigger: 'click' },
-            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Pages', to: '/crafted/pages', fontIcon: 'bi-archive', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
-                react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Profile', to: '/crafted/pages/profile', hasArrow: true, hasBullet: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
-                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/overview', title: 'Overview', hasBullet: true }),
-                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/projects', title: 'Projects', hasBullet: true }),
-                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/campaigns', title: 'Campaigns', hasBullet: true }),
-                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/documents', title: 'Documents', hasBullet: true }),
-                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/connections', title: 'Connections', hasBullet: true })),
-                react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Wizards', to: '/crafted/pages/wizards', hasArrow: true, hasBullet: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
-                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/wizards/horizontal', title: 'Horizontal', hasBullet: true }),
-                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/wizards/vertical', title: 'Vertical', hasBullet: true }))),
-            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Accounts', to: '/crafted/accounts', fontIcon: 'bi-person', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/account/overview', title: 'Overview', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/account/settings', title: 'Settings', hasBullet: true })),
-            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Errors', to: '/error', fontIcon: 'bi-sticky', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/error/404', title: 'Error 404', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/error/500', title: 'Error 500', hasBullet: true })),
-            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Widgets', to: '/crafted/widgets', fontIcon: 'bi-layers', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/lists', title: 'Lists', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/statistics', title: 'Statistics', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/charts', title: 'Charts', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/mixed', title: 'Mixed', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/tables', title: 'Tables', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/feeds', title: 'Feeds', hasBullet: true }))),
-        react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Apps', to: '/apps', menuPlacement: 'bottom-start', menuTrigger: 'click' },
-            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Chat', to: '/apps/chat', icon: 'message-text-2', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/apps/chat/private-chat', title: 'Private Chat', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/apps/chat/group-chat', title: 'Group Chart', hasBullet: true }),
-                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/apps/chat/drawer-chat', title: 'Drawer Chart', hasBullet: true })),
-            react_1.default.createElement(MenuItem_1.MenuItem, { icon: 'abstract-28', to: '/apps/user-management/users', title: 'User management' })),
-        react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { isMega: true, title: 'Layouts', to: '/mega-menu', menuPlacement: 'bottom-start', menuTrigger: 'click' },
-            react_1.default.createElement(MegaMenu_1.MegaMenu, null))));
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { MenuItem } from './MenuItem';
+import { MenuInnerWithSub } from './MenuInnerWithSub';
+import { MegaMenu } from './MegaMenu';
+export function MenuInner() {
+    const intl = useIntl();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MenuItem, { title: intl.formatMessage({ id: 'MENU.DASHBOARD' }), to: '/dashboard' }),
+        React.createElement(MenuItem, { title: 'Layout Builder', to: '/builder' }),
+        React.createElement(MenuInnerWithSub, { title: 'Crafted', to: '/crafted', menuPlacement: 'bottom-start', menuTrigger: 'click' },
+            React.createElement(MenuInnerWithSub, { title: 'Pages', to: '/crafted/pages', fontIcon: 'bi-archive', hasArrow: true, menuPlacement: 'right-start', menuTrigger: `{default:'click', lg: 'hover'}` },
+                React.createElement(MenuInnerWithSub, { title: 'Profile', to: '/crafted/pages/profile', hasArrow: true, hasBullet: true, menuPlacement: 'right-start', menuTrigger: `{default:'click', lg: 'hover'}` },
+                    React.createElement(MenuItem, { to: '/crafted/pages/profile/overview', title: 'Overview', hasBullet: true }),
+                    React.createElement(MenuItem, { to: '/crafted/pages/profile/projects', title: 'Projects', hasBullet: true }),
+                    React.createElement(MenuItem, { to: '/crafted/pages/profile/campaigns', title: 'Campaigns', hasBullet: true }),
+                    React.createElement(MenuItem, { to: '/crafted/pages/profile/documents', title: 'Documents', hasBullet: true }),
+                    React.createElement(MenuItem, { to: '/crafted/pages/profile/connections', title: 'Connections', hasBullet: true })),
+                React.createElement(MenuInnerWithSub, { title: 'Wizards', to: '/crafted/pages/wizards', hasArrow: true, hasBullet: true, menuPlacement: 'right-start', menuTrigger: `{default:'click', lg: 'hover'}` },
+                    React.createElement(MenuItem, { to: '/crafted/pages/wizards/horizontal', title: 'Horizontal', hasBullet: true }),
+                    React.createElement(MenuItem, { to: '/crafted/pages/wizards/vertical', title: 'Vertical', hasBullet: true }))),
+            React.createElement(MenuInnerWithSub, { title: 'Accounts', to: '/crafted/accounts', fontIcon: 'bi-person', hasArrow: true, menuPlacement: 'right-start', menuTrigger: `{default:'click', lg: 'hover'}` },
+                React.createElement(MenuItem, { to: '/crafted/account/overview', title: 'Overview', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/crafted/account/settings', title: 'Settings', hasBullet: true })),
+            React.createElement(MenuInnerWithSub, { title: 'Errors', to: '/error', fontIcon: 'bi-sticky', hasArrow: true, menuPlacement: 'right-start', menuTrigger: `{default:'click', lg: 'hover'}` },
+                React.createElement(MenuItem, { to: '/error/404', title: 'Error 404', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/error/500', title: 'Error 500', hasBullet: true })),
+            React.createElement(MenuInnerWithSub, { title: 'Widgets', to: '/crafted/widgets', fontIcon: 'bi-layers', hasArrow: true, menuPlacement: 'right-start', menuTrigger: `{default:'click', lg: 'hover'}` },
+                React.createElement(MenuItem, { to: '/crafted/widgets/lists', title: 'Lists', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/crafted/widgets/statistics', title: 'Statistics', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/crafted/widgets/charts', title: 'Charts', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/crafted/widgets/mixed', title: 'Mixed', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/crafted/widgets/tables', title: 'Tables', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/crafted/widgets/feeds', title: 'Feeds', hasBullet: true }))),
+        React.createElement(MenuInnerWithSub, { title: 'Apps', to: '/apps', menuPlacement: 'bottom-start', menuTrigger: 'click' },
+            React.createElement(MenuInnerWithSub, { title: 'Chat', to: '/apps/chat', icon: 'message-text-2', hasArrow: true, menuPlacement: 'right-start', menuTrigger: `{default:'click', lg: 'hover'}` },
+                React.createElement(MenuItem, { to: '/apps/chat/private-chat', title: 'Private Chat', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/apps/chat/group-chat', title: 'Group Chart', hasBullet: true }),
+                React.createElement(MenuItem, { to: '/apps/chat/drawer-chat', title: 'Drawer Chart', hasBullet: true })),
+            React.createElement(MenuItem, { icon: 'abstract-28', to: '/apps/user-management/users', title: 'User management' })),
+        React.createElement(MenuInnerWithSub, { isMega: true, title: 'Layouts', to: '/mega-menu', menuPlacement: 'bottom-start', menuTrigger: 'click' },
+            React.createElement(MegaMenu, null))));
 }
-exports.MenuInner = MenuInner;