@soyfri/template 1.0.0

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenuItemWithSub.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WithChildren } from '../../../../helpers';
+type Props = {
+    to: string;
+    title: string;
+    icon?: string;
+    fontIcon?: string;
+    hasBullet?: boolean;
+};
+declare const SidebarMenuItemWithSub: React.FC<Props & WithChildren>;
+export { SidebarMenuItemWithSub };

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenuItemWithSub.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarMenuItemWithSub = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var react_router_1 = require("react-router");
+var helpers_1 = require("../../../../helpers");
+var core_1 = require("../../../core");
+var SidebarMenuItemWithSub = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var children = _a.children, to = _a.to, title = _a.title, icon = _a.icon, fontIcon = _a.fontIcon, hasBullet = _a.hasBullet;
+    var pathname = (0, react_router_1.useLocation)().pathname;
+    var isActive = (0, helpers_1.checkIsActive)(pathname, to);
+    var config = (0, core_1.useLayout)().config;
+    var app = config.app;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('menu-item', { 'here show': isActive }, 'menu-accordion'), "data-kt-menu-trigger": 'click' },
+        react_1.default.createElement("span", { className: 'menu-link' },
+            hasBullet && (react_1.default.createElement("span", { className: 'menu-bullet' },
+                react_1.default.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && ((_d = (_c = (_b = app === null || app === void 0 ? void 0 : app.sidebar) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.menu) === null || _d === void 0 ? void 0 : _d.iconType) === 'svg' && (react_1.default.createElement("span", { className: 'menu-icon' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && ((_g = (_f = (_e = app === null || app === void 0 ? void 0 : app.sidebar) === null || _e === void 0 ? void 0 : _e.default) === null || _f === void 0 ? void 0 : _f.menu) === null || _g === void 0 ? void 0 : _g.iconType) === 'font' && (react_1.default.createElement("i", { className: (0, clsx_1.default)('bi fs-3', fontIcon) })),
+            react_1.default.createElement("span", { className: 'menu-title' }, title),
+            react_1.default.createElement("span", { className: 'menu-arrow' })),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('menu-sub menu-sub-accordion', { 'menu-active-bg': isActive }) }, children)));
+};
+exports.SidebarMenuItemWithSub = SidebarMenuItemWithSub;

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenuMain.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SidebarMenuMain: () => React.JSX.Element;
+export { SidebarMenuMain };

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenuMain.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarMenuMain = void 0;
+var react_intl_1 = require("react-intl");
+var helpers_1 = require("../../../../helpers");
+var SidebarMenuItemWithSub_1 = require("./SidebarMenuItemWithSub");
+var SidebarMenuItem_1 = require("./SidebarMenuItem");
+var react_1 = __importDefault(require("react"));
+var SidebarMenuMain = function () {
+    var intl = (0, react_intl_1.useIntl)();
+    var environment = {
+        VITE_PREVIEW_DOCS_URL: 'some.com/docs',
+        VITE_VERSION: '12.1.1',
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/dashboard', icon: 'element-11', title: intl.formatMessage({ id: 'MENU.DASHBOARD' }), fontIcon: 'bi-app-indicator' }),
+        react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/builder', icon: 'switch', title: 'Layout Builder', fontIcon: 'bi-layers' }),
+        react_1.default.createElement("div", { className: 'menu-item' },
+            react_1.default.createElement("div", { className: 'menu-content pt-8 pb-2' },
+                react_1.default.createElement("span", { className: 'menu-section text-muted text-uppercase fs-8 ls-1' }, "Crafted"))),
+        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/pages', title: 'Pages', fontIcon: 'bi-archive', icon: 'element-plus' },
+            react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/pages/profile', title: 'Profile', hasBullet: true },
+                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/overview', title: 'Overview', hasBullet: true }),
+                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/projects', title: 'Projects', hasBullet: true }),
+                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/campaigns', title: 'Campaigns', hasBullet: true }),
+                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/documents', title: 'Documents', hasBullet: true }),
+                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/connections', title: 'Connections', hasBullet: true })),
+            react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/pages/wizards', title: 'Wizards', hasBullet: true },
+                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/wizards/horizontal', title: 'Horizontal', hasBullet: true }),
+                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/wizards/vertical', title: 'Vertical', hasBullet: true }))),
+        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/accounts', title: 'Accounts', icon: 'profile-circle', fontIcon: 'bi-person' },
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/account/overview', title: 'Overview', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/account/settings', title: 'Settings', hasBullet: true })),
+        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/error', title: 'Errors', fontIcon: 'bi-sticky', icon: 'cross-circle' },
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/error/404', title: 'Error 404', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/error/500', title: 'Error 500', hasBullet: true })),
+        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/widgets', title: 'Widgets', icon: 'element-7', fontIcon: 'bi-layers' },
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/lists', title: 'Lists', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/statistics', title: 'Statistics', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/charts', title: 'Charts', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/mixed', title: 'Mixed', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/tables', title: 'Tables', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/feeds', title: 'Feeds', hasBullet: true })),
+        react_1.default.createElement("div", { className: 'menu-item' },
+            react_1.default.createElement("div", { className: 'menu-content pt-8 pb-2' },
+                react_1.default.createElement("span", { className: 'menu-section text-muted text-uppercase fs-8 ls-1' }, "Apps"))),
+        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/apps/chat', title: 'Chat', fontIcon: 'bi-chat-left', icon: 'message-text-2' },
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/chat/private-chat', title: 'Private Chat', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/chat/group-chat', title: 'Group Chart', hasBullet: true }),
+            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/chat/drawer-chat', title: 'Drawer Chart', hasBullet: true })),
+        react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/user-management/users', icon: 'abstract-28', title: 'User management', fontIcon: 'bi-layers' }),
+        react_1.default.createElement("div", { className: 'menu-item' },
+            react_1.default.createElement("a", { target: '_blank', className: 'menu-link', href: environment.VITE_PREVIEW_DOCS_URL + '/changelog' },
+                react_1.default.createElement("span", { className: 'menu-icon' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'code', className: 'fs-2' })),
+                react_1.default.createElement("span", { className: 'menu-title' },
+                    "Changelog ",
+                    environment.VITE_VERSION)))));
+};
+exports.SidebarMenuMain = SidebarMenuMain;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Toolbar: () => React.JSX.Element;
+export { Toolbar };

package/dist/layout/components/toolbar/Toolbar.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var core_1 = require("../../core");
+var toolbars_1 = require("./toolbars");
+var Toolbar = function () {
+    var _a, _b;
+    var config = (0, core_1.useLayout)().config;
+    (0, react_2.useEffect)(function () {
+        updateDOM(config);
+        document.body.setAttribute('data-kt-app-toolbar-enabled', 'true');
+    }, [config]);
+    switch ((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.layout) {
+        case 'classic':
+            return react_1.default.createElement(toolbars_1.ToolbarClassic, null);
+        case 'accounting':
+            return react_1.default.createElement(toolbars_1.ToolbarAccounting, null);
+        case 'extended':
+            return react_1.default.createElement(toolbars_1.ToolbarExtended, null);
+        case 'reports':
+            return react_1.default.createElement(toolbars_1.ToolbarReports, null);
+        case 'saas':
+            return react_1.default.createElement(toolbars_1.ToolbarSaas, null);
+        default:
+            return react_1.default.createElement(toolbars_1.ToolbarClassic, null);
+    }
+};
+exports.Toolbar = Toolbar;
+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;
+    var appToolbarSwapAttributes = {};
+    var appToolbarSwapEnabled = (_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.swap) === null || _c === void 0 ? void 0 : _c.enabled;
+    if (appToolbarSwapEnabled) {
+        appToolbarSwapAttributes = (_f = (_e = (_d = config.app) === null || _d === void 0 ? void 0 : _d.toolbar) === null || _e === void 0 ? void 0 : _e.swap) === null || _f === void 0 ? void 0 : _f.attributes;
+    }
+    var appToolbarStickyAttributes = {};
+    var appToolbarStickyEnabled = (_j = (_h = (_g = config.app) === null || _g === void 0 ? void 0 : _g.toolbar) === null || _h === void 0 ? void 0 : _h.sticky) === null || _j === void 0 ? void 0 : _j.enabled;
+    if (appToolbarStickyEnabled) {
+        appToolbarStickyAttributes = (_m = (_l = (_k = config.app) === null || _k === void 0 ? void 0 : _k.toolbar) === null || _l === void 0 ? void 0 : _l.sticky) === null || _m === void 0 ? void 0 : _m.attributes;
+        var appToolbarMinimizeAttributes_1 = {};
+        var appToolbarMinimizeEnabled_1 = (_q = (_p = (_o = config.app) === null || _o === void 0 ? void 0 : _o.toolbar) === null || _p === void 0 ? void 0 : _p.minimize) === null || _q === void 0 ? void 0 : _q.enabled;
+        if (appToolbarMinimizeEnabled_1) {
+            appToolbarMinimizeAttributes_1 = (_t = (_s = (_r = config.app) === null || _r === void 0 ? void 0 : _r.toolbar) === null || _s === void 0 ? void 0 : _s.minimize) === null || _t === void 0 ? void 0 : _t.attributes;
+        }
+        if ((_w = (_v = (_u = config.app) === null || _u === void 0 ? void 0 : _u.toolbar) === null || _v === void 0 ? void 0 : _v.fixed) === null || _w === void 0 ? void 0 : _w.desktop) {
+            document.body.setAttribute('data-kt-app-toolbar-fixed', 'true');
+        }
+        if ((_z = (_y = (_x = config.app) === null || _x === void 0 ? void 0 : _x.toolbar) === null || _y === void 0 ? void 0 : _y.fixed) === null || _z === void 0 ? void 0 : _z.mobile) {
+            document.body.setAttribute('data-kt-app-toolbar-fixed-mobile', 'true');
+        }
+        setTimeout(function () {
+            var toolbarElement = document.getElementById('kt_app_toolbar');
+            // toolbar
+            if (toolbarElement) {
+                var toolbarAttributes = toolbarElement
+                    .getAttributeNames()
+                    .filter(function (t) { return t.indexOf('data-') > -1; });
+                toolbarAttributes.forEach(function (attr) { return toolbarElement.removeAttribute(attr); });
+                if (appToolbarSwapEnabled) {
+                    for (var key in appToolbarSwapAttributes) {
+                        if (appToolbarSwapAttributes.hasOwnProperty(key)) {
+                            toolbarElement.setAttribute(key, appToolbarSwapAttributes[key]);
+                        }
+                    }
+                }
+                if (appToolbarStickyEnabled) {
+                    for (var key in appToolbarStickyAttributes) {
+                        if (appToolbarStickyAttributes.hasOwnProperty(key)) {
+                            toolbarElement.setAttribute(key, appToolbarStickyAttributes[key]);
+                        }
+                    }
+                }
+                if (appToolbarMinimizeEnabled_1) {
+                    for (var key in appToolbarMinimizeAttributes_1) {
+                        if (appToolbarMinimizeAttributes_1.hasOwnProperty(key)) {
+                            toolbarElement.setAttribute(key, appToolbarMinimizeAttributes_1[key]);
+                        }
+                    }
+                }
+            }
+        }, 0);
+    }
+};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ToolbarWrapper: () => React.JSX.Element | null;
+export { ToolbarWrapper };

package/dist/layout/components/toolbar/ToolbarWrapper.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarWrapper = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var core_1 = require("../../core");
+var Toolbar_1 = require("./Toolbar");
+var page_title_1 = require("./page-title");
+var ToolbarWrapper = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var _t = (0, core_1.useLayout)(), config = _t.config, classes = _t.classes;
+    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.display)) {
+        return null;
+    }
+    var isPageTitleVisible = showPageTitle((_d = (_c = config.app) === null || _c === void 0 ? void 0 : _c.toolbar) === null || _d === void 0 ? void 0 : _d.layout, (_f = (_e = config.app) === null || _e === void 0 ? void 0 : _e.pageTitle) === null || _f === void 0 ? void 0 : _f.display);
+    return (react_1.default.createElement("div", { id: 'kt_app_toolbar', className: (0, clsx_1.default)('app-toolbar', classes.toolbar.join(' '), (_h = (_g = config === null || config === void 0 ? void 0 : config.app) === null || _g === void 0 ? void 0 : _g.toolbar) === null || _h === void 0 ? void 0 : _h.class) },
+        react_1.default.createElement("div", { id: 'kt_app_toolbar_container', className: (0, clsx_1.default)('app-container', classes.toolbarContainer.join(' '), (_k = (_j = config.app) === null || _j === void 0 ? void 0 : _j.toolbar) === null || _k === void 0 ? void 0 : _k.containerClass, ((_o = (_m = (_l = config.app) === null || _l === void 0 ? void 0 : _l.toolbar) === null || _m === void 0 ? void 0 : _m.minimize) === null || _o === void 0 ? void 0 : _o.enabled) ? 'app-toolbar-minimize' : '', {
+                'container-fluid': ((_q = (_p = config.app) === null || _p === void 0 ? void 0 : _p.toolbar) === null || _q === void 0 ? void 0 : _q.container) === 'fluid',
+                'container-xxl': ((_s = (_r = config.app) === null || _r === void 0 ? void 0 : _r.toolbar) === null || _s === void 0 ? void 0 : _s.container) === 'fixed',
+            }) },
+            isPageTitleVisible && react_1.default.createElement(page_title_1.PageTitleWrapper, null),
+            react_1.default.createElement(Toolbar_1.Toolbar, null))));
+};
+exports.ToolbarWrapper = ToolbarWrapper;
+var showPageTitle = function (appToolbarLayout, appPageTitleDisplay) {
+    var viewsWithPageTitles = ['classic', 'reports', 'saas'];
+    if (!appToolbarLayout || !appPageTitleDisplay) {
+        return false;
+    }
+    return appPageTitleDisplay && viewsWithPageTitles.some(function (t) { return t === appToolbarLayout; });
+};

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

@@ -0,0 +1 @@
+export * from './ToolbarWrapper';

package/dist/layout/components/toolbar/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ToolbarWrapper"), exports);

package/dist/layout/components/toolbar/page-title/PageTitle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PageTitle: () => React.JSX.Element;
+export { PageTitle };

package/dist/layout/components/toolbar/page-title/PageTitle.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageTitle = void 0;
+var clsx_1 = __importDefault(require("clsx"));
+var react_router_dom_1 = require("react-router-dom");
+var core_1 = require("../../../core");
+var PageData_1 = require("../../../core/PageData");
+var react_1 = __importDefault(require("react"));
+var PageTitle = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _s = (0, PageData_1.usePageData)(), pageTitle = _s.pageTitle, pageDescription = _s.pageDescription, pageBreadcrumbs = _s.pageBreadcrumbs;
+    var _t = (0, core_1.useLayout)(), config = _t.config, classes = _t.classes;
+    var appPageTitleDirection = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.pageTitle) === null || _b === void 0 ? void 0 : _b.direction;
+    return (react_1.default.createElement("div", { id: 'kt_page_title', "data-kt-swapper": 'true', "data-kt-swapper-mode": 'prepend', "data-kt-swapper-parent": "{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}", className: (0, clsx_1.default)('page-title d-flex flex-wrap me-3', classes.pageTitle.join(' '), (_d = (_c = config.app) === null || _c === void 0 ? void 0 : _c.pageTitle) === null || _d === void 0 ? void 0 : _d.class, {
+            'flex-column justify-content-center': appPageTitleDirection === 'column',
+            'align-items-center': appPageTitleDirection !== 'column',
+        }) },
+        ((_f = (_e = config.app) === null || _e === void 0 ? void 0 : _e.pageTitle) === null || _f === void 0 ? void 0 : _f.display) && pageTitle && (react_1.default.createElement("h1", { className: (0, clsx_1.default)('page-heading d-flex text-gray-900 fw-bold fs-3 my-0', {
+                'flex-column justify-content-center': appPageTitleDirection,
+                'align-items-center': !appPageTitleDirection,
+            }) },
+            pageTitle,
+            pageDescription && ((_g = config.app) === null || _g === void 0 ? void 0 : _g.pageTitle) && ((_j = (_h = config.app) === null || _h === void 0 ? void 0 : _h.pageTitle) === null || _j === void 0 ? void 0 : _j.description) && (react_1.default.createElement("span", { className: (0, clsx_1.default)('page-desc text-muted fs-7 fw-semibold', {
+                    'pt-2': appPageTitleDirection === 'column',
+                }) },
+                ((_l = (_k = config.app) === null || _k === void 0 ? void 0 : _k.pageTitle) === null || _l === void 0 ? void 0 : _l.direction) === 'row' && (react_1.default.createElement("span", { className: 'h-20px border-1 border-gray-300 border-start ms-3 mx-2' })),
+                pageDescription,
+                ' ')))),
+        pageBreadcrumbs &&
+            pageBreadcrumbs.length > 0 &&
+            ((_m = config.app) === null || _m === void 0 ? void 0 : _m.pageTitle) &&
+            ((_p = (_o = config.app) === null || _o === void 0 ? void 0 : _o.pageTitle) === null || _p === void 0 ? void 0 : _p.breadCrumb) && (react_1.default.createElement(react_1.default.Fragment, null,
+            ((_r = (_q = config.app) === null || _q === void 0 ? void 0 : _q.pageTitle) === null || _r === void 0 ? void 0 : _r.direction) === 'row' && (react_1.default.createElement("span", { className: 'h-20px border-gray-300 border-start mx-4' })),
+            react_1.default.createElement("ul", { className: 'breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0' },
+                Array.from(pageBreadcrumbs).map(function (item, index) { return (react_1.default.createElement("li", { className: (0, clsx_1.default)('breadcrumb-item', {
+                        'text-gray-900': !item.isSeparator && item.isActive,
+                        'text-muted': !item.isSeparator && !item.isActive,
+                    }), key: "".concat(item.path).concat(index) }, !item.isSeparator ? (react_1.default.createElement(react_router_dom_1.Link, { className: 'text-muted text-hover-primary', to: item.path }, item.title)) : (react_1.default.createElement("span", { className: 'bullet bg-gray-500 w-5px h-2px' })))); }),
+                react_1.default.createElement("li", { className: 'breadcrumb-item text-gray-900' }, pageTitle))))));
+};
+exports.PageTitle = PageTitle;

package/dist/layout/components/toolbar/page-title/PageTitleWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PageTitleWrapper: () => React.JSX.Element | null;
+export { PageTitleWrapper };

package/dist/layout/components/toolbar/page-title/PageTitleWrapper.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageTitleWrapper = void 0;
+var core_1 = require("../../../core");
+var PageTitle_1 = require("./PageTitle");
+var react_1 = __importDefault(require("react"));
+var PageTitleWrapper = function () {
+    var _a, _b;
+    var config = (0, core_1.useLayout)().config;
+    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.pageTitle) === null || _b === void 0 ? void 0 : _b.display)) {
+        return null;
+    }
+    return react_1.default.createElement(PageTitle_1.PageTitle, null);
+};
+exports.PageTitleWrapper = PageTitleWrapper;

package/dist/layout/components/toolbar/page-title/index.d.ts

@@ -0,0 +1 @@
+export * from './PageTitleWrapper';

package/dist/layout/components/toolbar/page-title/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PageTitleWrapper"), exports);

package/dist/layout/components/toolbar/toolbars/ToolbarAccounting.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ToolbarAccounting: FC;
+export { ToolbarAccounting };

package/dist/layout/components/toolbar/toolbars/ToolbarAccounting.js

@@ -0,0 +1,68 @@
+"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.ToolbarAccounting = void 0;
+var react_1 = __importStar(require("react"));
+var helpers_1 = require("../../../../helpers");
+var ToolbarAccounting = function () {
+    var _a = (0, react_1.useState)('1'), progress = _a[0], setProgress = _a[1];
+    var _b = (0, react_1.useState)('1'), filter = _b[0], setFilter = _b[1];
+    (0, react_1.useEffect)(function () {
+        document.body.setAttribute('data-kt-app-toolbar-fixed', 'true');
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: 'd-flex align-items-center me-5' },
+            react_1.default.createElement("div", { className: 'd-flex align-items-center flex-shrink-0' },
+                react_1.default.createElement("span", { className: 'fs-7 text-gray-700 fw-bold pe-3 d-none d-md-block' }, "Actions:"),
+                react_1.default.createElement("div", { className: 'd-flex flex-shrink-0' },
+                    react_1.default.createElement("div", { "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Add a team member' },
+                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-active-color-success' },
+                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'plus-square', className: 'fs-2x' }))),
+                    react_1.default.createElement("div", { "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Create new account' },
+                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-active-color-success' },
+                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'minus-square', className: 'fs-2x' }))),
+                    react_1.default.createElement("div", { "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Invite friends' },
+                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-active-color-success' },
+                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'dots-square', className: 'fs-2x' }))))),
+            react_1.default.createElement("div", { className: 'd-flex align-items-center flex-shrink-0' },
+                react_1.default.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' }),
+                react_1.default.createElement("span", { className: 'fs-7 text-gray-700 fw-bold pe-4 ps-1 d-none d-md-block' }, "Progress:"),
+                react_1.default.createElement("div", { className: 'progress w-100px w-xl-150px w-xxl-300px h-25px bg-light-success' },
+                    react_1.default.createElement("div", { className: 'progress-bar rounded bg-success fs-7 fw-bold', role: 'progressbar', style: { width: '72%' }, "aria-valuenow": 72, "aria-valuemin": 0, "aria-valuemax": 100 }, "72%")))),
+        react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+            react_1.default.createElement("div", { className: 'me-3' },
+                react_1.default.createElement("select", { className: 'form-select form-select-sm form-select-solid', "data-control": 'select2', "data-placeholder": 'Latest', "data-hide-search": 'true', value: progress, onChange: function (e) { return setProgress(e.target.value); } },
+                    react_1.default.createElement("option", { value: '' }),
+                    react_1.default.createElement("option", { value: '1' }, "Today 16 Feb"),
+                    react_1.default.createElement("option", { value: '2' }, "In Progress"),
+                    react_1.default.createElement("option", { value: '3' }, "Done"))),
+            react_1.default.createElement("div", { className: 'm-0' },
+                react_1.default.createElement("select", { className: 'form-select form-select-sm form-select-solid w-md-125px', "data-control": 'select2', "data-placeholder": 'Filters', "data-hide-search": 'true', value: filter, onChange: function (e) { return setFilter(e.target.value); } },
+                    react_1.default.createElement("option", { value: '' }),
+                    react_1.default.createElement("option", { value: '1' }, "Filters"),
+                    react_1.default.createElement("option", { value: '2' }, "In Progress"),
+                    react_1.default.createElement("option", { value: '3' }, "Done"))))));
+};
+exports.ToolbarAccounting = ToolbarAccounting;

package/dist/layout/components/toolbar/toolbars/ToolbarClassic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ToolbarClassic: () => React.JSX.Element;
+export { ToolbarClassic };

package/dist/layout/components/toolbar/toolbars/ToolbarClassic.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarClassic = void 0;
+var clsx_1 = __importDefault(require("clsx"));
+var react_1 = require("react");
+var helpers_1 = require("../../../../helpers");
+var partials_1 = require("../../../../partials");
+var core_1 = require("../../../core");
+var react_2 = __importDefault(require("react"));
+var ToolbarClassic = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var config = (0, core_1.useLayout)().config;
+    var _m = (0, react_1.useState)(false), showCreateAppModal = _m[0], setShowCreateAppModal = _m[1];
+    var daterangepickerButtonClass = ((_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.fixed) === null || _c === void 0 ? void 0 : _c.desktop)
+        ? 'btn-light'
+        : 'bg-body btn-color-gray-700 btn-active-color-primary';
+    return (react_2.default.createElement("div", { className: 'd-flex align-items-center gap-2 gap-lg-3' },
+        ((_e = (_d = config.app) === null || _d === void 0 ? void 0 : _d.toolbar) === null || _e === void 0 ? void 0 : _e.filterButton) && (react_2.default.createElement("div", { className: 'm-0' },
+            react_2.default.createElement("a", { href: '#', className: (0, clsx_1.default)('btn btn-sm btn-flex fw-bold', daterangepickerButtonClass), "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end' },
+                react_2.default.createElement(helpers_1.KTIcon, { iconName: 'filter', className: 'fs-6 text-muted me-1' }),
+                "Filter"),
+            react_2.default.createElement(partials_1.Dropdown1, null))),
+        ((_g = (_f = config.app) === null || _f === void 0 ? void 0 : _f.toolbar) === null || _g === void 0 ? void 0 : _g.daterangepickerButton) && (react_2.default.createElement("div", { "data-kt-daterangepicker": 'true', "data-kt-daterangepicker-opens": 'left', className: (0, clsx_1.default)('btn btn-sm fw-bold  d-flex align-items-center px-4', daterangepickerButtonClass) },
+            react_2.default.createElement("div", { className: 'text-gray-600 fw-bold' }, "Loading date range..."),
+            react_2.default.createElement(helpers_1.KTIcon, { iconName: 'calendar-8', className: 'fs-1 ms-2 me-0' }))),
+        ((_j = (_h = config.app) === null || _h === void 0 ? void 0 : _h.toolbar) === null || _j === void 0 ? void 0 : _j.secondaryButton) && (react_2.default.createElement("a", { href: '#', className: 'btn btn-sm btn-flex btn-light fw-bold' }, "Filter")),
+        ((_l = (_k = config.app) === null || _k === void 0 ? void 0 : _k.toolbar) === null || _l === void 0 ? void 0 : _l.primaryButton) && (react_2.default.createElement("a", { href: '#', onClick: function () { return setShowCreateAppModal(true); }, className: 'btn btn-sm fw-bold btn-primary' }, "Create")),
+        react_2.default.createElement(partials_1.CreateAppModal, { show: showCreateAppModal, handleClose: function () { return setShowCreateAppModal(false); } })));
+};
+exports.ToolbarClassic = ToolbarClassic;

package/dist/layout/components/toolbar/toolbars/ToolbarExtended.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ToolbarExtended: FC;
+export { ToolbarExtended };

package/dist/layout/components/toolbar/toolbars/ToolbarExtended.js

@@ -0,0 +1,73 @@
+"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.ToolbarExtended = void 0;
+var react_1 = __importStar(require("react"));
+var helpers_1 = require("../../../../helpers");
+var ToolbarExtended = function () {
+    var _a = (0, react_1.useState)('1'), progress = _a[0], setProgress = _a[1];
+    var _b = (0, react_1.useState)(''), search = _b[0], setSearch = _b[1];
+    (0, react_1.useEffect)(function () {
+        document.body.setAttribute('data-kt-app-toolbar-fixed', 'true');
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: 'd-flex align-items-center flex-shrink-0 me-5' },
+            react_1.default.createElement("span", { className: 'fs-7 fw-bold text-gray-700 pe-4 d-none d-md-block' }, "Team:"),
+            react_1.default.createElement("div", { className: 'symbol-group symbol-hover flex-shrink-0 me-2' },
+                react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-35px' },
+                    react_1.default.createElement("div", { className: 'symbol-label fw-bold bg-warning text-inverse-warning' }, "A")),
+                react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-35px' },
+                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-1.jpg'), alt: '' })),
+                react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-35px' },
+                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-2.jpg'), alt: '' })),
+                react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-35px' },
+                    react_1.default.createElement("div", { className: 'symbol-label fw-bold bg-primary text-inverse-primary' }, "S")),
+                react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-35px' },
+                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-5.jpg'), alt: '' })),
+                react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-35px' },
+                    react_1.default.createElement("div", { className: 'symbol-label fw-bold bg-danger text-inverse-danger' }, "P")),
+                react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-35px' },
+                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-20.jpg'), alt: '' }))),
+            react_1.default.createElement("div", { "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Invite a team member' },
+                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'plus-square', className: 'fs-2hx text-success' })))),
+        react_1.default.createElement("div", { className: 'd-flex align-items-center overflow-auto' },
+            react_1.default.createElement("div", { className: 'position-relative my-1' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'magnifier', className: 'fs-3 text-gray-500 position-absolute top-50 translate-middle ps-10' }),
+                react_1.default.createElement("input", { type: 'text', className: 'form-control form-control-sm form-control-solid w-150px ps-10', name: 'Search Team', value: search, onChange: function (e) { return setSearch(e.target.value); }, placeholder: 'Search Team' })),
+            react_1.default.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-6' }),
+            react_1.default.createElement("span", { className: 'fs-7 fw-bold text-gray-700 flex-shrink-0 pe-4 d-none d-md-block' }, "Sort By:"),
+            react_1.default.createElement("select", { className: 'form-select form-select-sm w-125px form-select-solid me-6', "data-control": 'select2', "data-placeholder": 'Latest', "data-hide-search": 'true', value: progress, onChange: function (e) { return setProgress(e.target.value); } },
+                react_1.default.createElement("option", { value: '' }),
+                react_1.default.createElement("option", { value: '1' }, "Latest"),
+                react_1.default.createElement("option", { value: '2' }, "In Progress"),
+                react_1.default.createElement("option", { value: '3' }, "Done")),
+            react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-light-primary me-3', "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', title: 'Enable grid view' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'element-11', className: 'fs-3 text-primary' })),
+                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-light', "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', title: 'Enable row view' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'row-horizontal', className: 'fs-3 text-gray-500' }))))));
+};
+exports.ToolbarExtended = ToolbarExtended;

package/dist/layout/components/toolbar/toolbars/ToolbarReports.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ToolbarReports: () => React.JSX.Element;
+export { ToolbarReports };