@soyfri/template 1.0.0 → 1.0.3

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

@@ -1,68 +1,42 @@
-"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 () {
+import React, { useEffect, useState } from 'react';
+import { KTIcon } from '../../../../helpers';
+const ToolbarAccounting = () => {
+    const [progress, setProgress] = useState('1');
+    const [filter, setFilter] = useState('1');
+    useEffect(() => {
         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"))))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'd-flex align-items-center me-5' },
+            React.createElement("div", { className: 'd-flex align-items-center flex-shrink-0' },
+                React.createElement("span", { className: 'fs-7 text-gray-700 fw-bold pe-3 d-none d-md-block' }, "Actions:"),
+                React.createElement("div", { className: 'd-flex flex-shrink-0' },
+                    React.createElement("div", { "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Add a team member' },
+                        React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-active-color-success' },
+                            React.createElement(KTIcon, { iconName: 'plus-square', className: 'fs-2x' }))),
+                    React.createElement("div", { "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Create new account' },
+                        React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-active-color-success' },
+                            React.createElement(KTIcon, { iconName: 'minus-square', className: 'fs-2x' }))),
+                    React.createElement("div", { "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Invite friends' },
+                        React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-active-color-success' },
+                            React.createElement(KTIcon, { iconName: 'dots-square', className: 'fs-2x' }))))),
+            React.createElement("div", { className: 'd-flex align-items-center flex-shrink-0' },
+                React.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' }),
+                React.createElement("span", { className: 'fs-7 text-gray-700 fw-bold pe-4 ps-1 d-none d-md-block' }, "Progress:"),
+                React.createElement("div", { className: 'progress w-100px w-xl-150px w-xxl-300px h-25px bg-light-success' },
+                    React.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.createElement("div", { className: 'd-flex align-items-center' },
+            React.createElement("div", { className: 'me-3' },
+                React.createElement("select", { className: 'form-select form-select-sm form-select-solid', "data-control": 'select2', "data-placeholder": 'Latest', "data-hide-search": 'true', value: progress, onChange: (e) => setProgress(e.target.value) },
+                    React.createElement("option", { value: '' }),
+                    React.createElement("option", { value: '1' }, "Today 16 Feb"),
+                    React.createElement("option", { value: '2' }, "In Progress"),
+                    React.createElement("option", { value: '3' }, "Done"))),
+            React.createElement("div", { className: 'm-0' },
+                React.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: (e) => setFilter(e.target.value) },
+                    React.createElement("option", { value: '' }),
+                    React.createElement("option", { value: '1' }, "Filters"),
+                    React.createElement("option", { value: '2' }, "In Progress"),
+                    React.createElement("option", { value: '3' }, "Done"))))));
 };
-exports.ToolbarAccounting = ToolbarAccounting;
+export { ToolbarAccounting };

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

@@ -1,33 +1,26 @@
-"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)
+import clsx from 'clsx';
+import { useState } from 'react';
+import { KTIcon } from '../../../../helpers';
+import { CreateAppModal, Dropdown1 } from '../../../../partials';
+import { useLayout } from '../../../core';
+import React from 'react';
+const ToolbarClassic = () => {
+    const { config } = useLayout();
+    const [showCreateAppModal, setShowCreateAppModal] = useState(false);
+    const daterangepickerButtonClass = config.app?.toolbar?.fixed?.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' }),
+    return (React.createElement("div", { className: 'd-flex align-items-center gap-2 gap-lg-3' },
+        config.app?.toolbar?.filterButton && (React.createElement("div", { className: 'm-0' },
+            React.createElement("a", { href: '#', className: clsx('btn btn-sm btn-flex fw-bold', daterangepickerButtonClass), "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end' },
+                React.createElement(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); } })));
+            React.createElement(Dropdown1, null))),
+        config.app?.toolbar?.daterangepickerButton && (React.createElement("div", { "data-kt-daterangepicker": 'true', "data-kt-daterangepicker-opens": 'left', className: clsx('btn btn-sm fw-bold  d-flex align-items-center px-4', daterangepickerButtonClass) },
+            React.createElement("div", { className: 'text-gray-600 fw-bold' }, "Loading date range..."),
+            React.createElement(KTIcon, { iconName: 'calendar-8', className: 'fs-1 ms-2 me-0' }))),
+        config.app?.toolbar?.secondaryButton && (React.createElement("a", { href: '#', className: 'btn btn-sm btn-flex btn-light fw-bold' }, "Filter")),
+        config.app?.toolbar?.primaryButton && (React.createElement("a", { href: '#', onClick: () => setShowCreateAppModal(true), className: 'btn btn-sm fw-bold btn-primary' }, "Create")),
+        React.createElement(CreateAppModal, { show: showCreateAppModal, handleClose: () => setShowCreateAppModal(false) })));
 };
-exports.ToolbarClassic = ToolbarClassic;
+export { ToolbarClassic };

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

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

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

@@ -1,59 +1,33 @@
-"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.ToolbarReports = void 0;
-var react_1 = __importStar(require("react"));
-var helpers_1 = require("../../../../helpers");
-var ToolbarReports = function () {
-    var _a = (0, react_1.useState)('1'), progress = _a[0], setProgress = _a[1];
-    (0, react_1.useEffect)(function () {
+import React, { useEffect, useState } from 'react';
+import { KTIcon } from '../../../../helpers';
+const ToolbarReports = () => {
+    const [progress, setProgress] = useState('1');
+    useEffect(() => {
         document.body.setAttribute('data-kt-app-toolbar-fixed', 'true');
     }, []);
-    return (react_1.default.createElement("div", { className: 'd-flex align-items-center overflow-auto' },
-        react_1.default.createElement("div", { className: 'd-flex align-items-center flex-shrink-0' },
-            react_1.default.createElement("span", { className: 'fs-7 fw-bold text-gray-700 flex-shrink-0 pe-4 d-none d-md-block' }, "Filter By:"),
-            react_1.default.createElement("div", { className: 'flex-shrink-0 ' },
-                react_1.default.createElement("ul", { className: 'nav' },
-                    react_1.default.createElement("li", { className: 'nav-item' },
-                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active-color-primary btn-active-light active fw-semibold fs-7 px-4 me-1', "data-bs-toggle": 'tab', href: '#' }, "Today")),
-                    react_1.default.createElement("li", { className: 'nav-item' },
-                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active-color-primary btn-active-light fw-semibold fs-7 px-4 me-1', "data-bs-toggle": 'tab', href: '' }, "Week")),
-                    react_1.default.createElement("li", { className: 'nav-item' },
-                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active-color-primary btn-active-light fw-semibold fs-7 px-4', "data-bs-toggle": 'tab', href: '#' }, "Day"))))),
-        react_1.default.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' }),
-        react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-            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-md-125px 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' }, "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 ms-3' },
-                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-2 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: 'abstract-14', className: ' fs-2 text-gray-500' }))))));
+    return (React.createElement("div", { className: 'd-flex align-items-center overflow-auto' },
+        React.createElement("div", { className: 'd-flex align-items-center flex-shrink-0' },
+            React.createElement("span", { className: 'fs-7 fw-bold text-gray-700 flex-shrink-0 pe-4 d-none d-md-block' }, "Filter By:"),
+            React.createElement("div", { className: 'flex-shrink-0 ' },
+                React.createElement("ul", { className: 'nav' },
+                    React.createElement("li", { className: 'nav-item' },
+                        React.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active-color-primary btn-active-light active fw-semibold fs-7 px-4 me-1', "data-bs-toggle": 'tab', href: '#' }, "Today")),
+                    React.createElement("li", { className: 'nav-item' },
+                        React.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active-color-primary btn-active-light fw-semibold fs-7 px-4 me-1', "data-bs-toggle": 'tab', href: '' }, "Week")),
+                    React.createElement("li", { className: 'nav-item' },
+                        React.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active-color-primary btn-active-light fw-semibold fs-7 px-4', "data-bs-toggle": 'tab', href: '#' }, "Day"))))),
+        React.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' }),
+        React.createElement("div", { className: 'd-flex align-items-center' },
+            React.createElement("span", { className: 'fs-7 fw-bold text-gray-700 flex-shrink-0 pe-4 d-none d-md-block' }, "Sort By:"),
+            React.createElement("select", { className: 'form-select form-select-sm w-md-125px form-select-solid', "data-control": 'select2', "data-placeholder": 'Latest', "data-hide-search": 'true', value: progress, onChange: (e) => setProgress(e.target.value) },
+                React.createElement("option", { value: '' }),
+                React.createElement("option", { value: '1' }, "Latest"),
+                React.createElement("option", { value: '2' }, "In Progress"),
+                React.createElement("option", { value: '3' }, "Done")),
+            React.createElement("div", { className: 'd-flex align-items-center ms-3' },
+                React.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.createElement(KTIcon, { iconName: 'element-11', className: 'fs-2 text-primary' })),
+                React.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.createElement(KTIcon, { iconName: 'abstract-14', className: ' fs-2 text-gray-500' }))))));
 };
-exports.ToolbarReports = ToolbarReports;
+export { ToolbarReports };

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

@@ -1,59 +1,33 @@
-"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.ToolbarSaas = void 0;
-var react_1 = __importStar(require("react"));
-var helpers_1 = require("../../../../helpers");
-var ToolbarSaas = function () {
-    var _a = (0, react_1.useState)('1'), progress = _a[0], setProgress = _a[1];
-    (0, react_1.useEffect)(function () {
+import React, { useEffect, useState } from 'react';
+import { KTIcon } from '../../../../helpers';
+const ToolbarSaas = () => {
+    const [progress, setProgress] = useState('1');
+    useEffect(() => {
         document.body.setAttribute('data-kt-app-toolbar-fixed', 'true');
     }, []);
-    return (react_1.default.createElement("div", { className: 'd-flex align-items-center gap-2' },
-        react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-            react_1.default.createElement("span", { className: 'fs-7 fw-bold text-gray-700 pe-4 text-nowrap d-none d-md-block' }, "Sort By:"),
-            react_1.default.createElement("select", { className: 'form-select form-select-sm form-select-solid w-100px w-xxl-125px', "data-control": 'select2', "data-placeholder": 'Latest', "data-hide-search": 'true', onChange: function (e) { return setProgress(e.target.value); }, value: progress },
-                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("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' }),
-            react_1.default.createElement("span", { className: 'fs-7 text-gray-700 fw-bold' }, "Impact Level:"),
-            react_1.default.createElement("div", { className: 'd-flex align-items-center ps-4' },
-                react_1.default.createElement("div", { id: 'kt_app_toolbar_slider', className: 'noUi-target noUi-target-success w-75px w-xxl-150px noUi-sm' }),
-                react_1.default.createElement("span", { id: 'kt_app_toolbar_slider_value', className: 'd-flex flex-center bg-light-success rounded-circle w-35px h-35px ms-4 fs-7 fw-bold text-success', "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', title: 'Set impact level' })),
-            react_1.default.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' })),
-        react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-            react_1.default.createElement("span", { className: 'fs-7 text-gray-700 fw-bold pe-3 d-none d-md-block' }, "Quick Tools:"),
-            react_1.default.createElement("div", { className: 'd-flex' },
-                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-icon-muted btn-active-icon-success', "data-bs-toggle": 'tooltip', "data-bs-trigger": 'hover', "data-bs-placement": 'top', title: 'Add new page' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'files', className: 'fs-2x' })),
-                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-icon-muted btn-active-icon-success', "data-bs-toggle": 'tooltip', "data-bs-trigger": 'hover', "data-bs-placement": 'top', title: 'Add new category' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'add-files', className: 'fs-2x' })),
-                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-icon-muted btn-active-icon-success', "data-bs-toggle": 'tooltip', "data-bs-trigger": 'hover', "data-bs-placement": 'top', title: 'Add new section' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'search-list', className: 'fs-2x' }))))));
+    return (React.createElement("div", { className: 'd-flex align-items-center gap-2' },
+        React.createElement("div", { className: 'd-flex align-items-center' },
+            React.createElement("span", { className: 'fs-7 fw-bold text-gray-700 pe-4 text-nowrap d-none d-md-block' }, "Sort By:"),
+            React.createElement("select", { className: 'form-select form-select-sm form-select-solid w-100px w-xxl-125px', "data-control": 'select2', "data-placeholder": 'Latest', "data-hide-search": 'true', onChange: (e) => setProgress(e.target.value), value: progress },
+                React.createElement("option", { value: '' }),
+                React.createElement("option", { value: '1' }, "Latest"),
+                React.createElement("option", { value: '2' }, "In Progress"),
+                React.createElement("option", { value: '3' }, "Done"))),
+        React.createElement("div", { className: 'd-flex align-items-center' },
+            React.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' }),
+            React.createElement("span", { className: 'fs-7 text-gray-700 fw-bold' }, "Impact Level:"),
+            React.createElement("div", { className: 'd-flex align-items-center ps-4' },
+                React.createElement("div", { id: 'kt_app_toolbar_slider', className: 'noUi-target noUi-target-success w-75px w-xxl-150px noUi-sm' }),
+                React.createElement("span", { id: 'kt_app_toolbar_slider_value', className: 'd-flex flex-center bg-light-success rounded-circle w-35px h-35px ms-4 fs-7 fw-bold text-success', "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', title: 'Set impact level' })),
+            React.createElement("div", { className: 'bullet bg-secondary h-35px w-1px mx-5' })),
+        React.createElement("div", { className: 'd-flex align-items-center' },
+            React.createElement("span", { className: 'fs-7 text-gray-700 fw-bold pe-3 d-none d-md-block' }, "Quick Tools:"),
+            React.createElement("div", { className: 'd-flex' },
+                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-icon-muted btn-active-icon-success', "data-bs-toggle": 'tooltip', "data-bs-trigger": 'hover', "data-bs-placement": 'top', title: 'Add new page' },
+                    React.createElement(KTIcon, { iconName: 'files', className: 'fs-2x' })),
+                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-icon-muted btn-active-icon-success', "data-bs-toggle": 'tooltip', "data-bs-trigger": 'hover', "data-bs-placement": 'top', title: 'Add new category' },
+                    React.createElement(KTIcon, { iconName: 'add-files', className: 'fs-2x' })),
+                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-icon-muted btn-active-icon-success', "data-bs-toggle": 'tooltip', "data-bs-trigger": 'hover', "data-bs-placement": 'top', title: 'Add new section' },
+                    React.createElement(KTIcon, { iconName: 'search-list', className: 'fs-2x' }))))));
 };
-exports.ToolbarSaas = ToolbarSaas;
+export { ToolbarSaas };

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

@@ -1,21 +1,5 @@
-"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("./ToolbarAccounting"), exports);
-__exportStar(require("./ToolbarClassic"), exports);
-__exportStar(require("./ToolbarExtended"), exports);
-__exportStar(require("./ToolbarReports"), exports);
-__exportStar(require("./ToolbarSaas"), exports);
+export * from './ToolbarAccounting';
+export * from './ToolbarClassic';
+export * from './ToolbarExtended';
+export * from './ToolbarReports';
+export * from './ToolbarSaas';