@soyfri/template 1.0.0 → 1.0.3

package/dist/partials/content/cards/Card2.js

@@ -1,32 +1,27 @@
-"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';
+const Card2 = ({ icon, badgeColor, status, statusColor, title, description, date, budget, progress,
+// users = undefined,
+ }) => {
+    return (React.createElement(Link, { to: '/crafted/pages/profile/overview', className: 'card border border-2 border-gray-300 border-hover' },
+        React.createElement("div", { className: 'card-header border-0 pt-9' },
+            React.createElement("div", { className: 'card-title m-0' },
+                React.createElement("div", { className: 'symbol symbol-50px w-50px bg-light' },
+                    React.createElement("img", { src: toAbsoluteUrl(icon), alt: 'card2', className: 'p-3' }))),
+            React.createElement("div", { className: 'card-toolbar' },
+                React.createElement("span", { className: `badge badge-light-${badgeColor} fw-bolder me-auto px-4 py-3` }, status))),
+        React.createElement("div", { className: 'card-body p-9' },
+            React.createElement("div", { className: 'fs-3 fw-bolder text-gray-900' }, title),
+            React.createElement("p", { className: 'text-gray-500 fw-bold fs-5 mt-1 mb-7' }, description),
+            React.createElement("div", { className: 'd-flex flex-wrap mb-5' },
+                React.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3' },
+                    React.createElement("div", { className: 'fs-6 text-gray-800 fw-bolder' }, date),
+                    React.createElement("div", { className: 'fw-bold text-gray-500' }, "Due Date")),
+                React.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 mb-3' },
+                    React.createElement("div", { className: 'fs-6 text-gray-800 fw-bolder' }, budget),
+                    React.createElement("div", { className: 'fw-bold text-gray-500' }, "Budget"))),
+            React.createElement("div", { className: 'h-4px w-100 bg-light mb-5', "data-bs-toggle": 'tooltip', title: 'This project completed' },
+                React.createElement("div", { className: `bg-${statusColor} rounded h-4px`, role: 'progressbar', style: { width: `${progress}%` } })))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card2 = void 0;
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var helpers_1 = require("../../../helpers");
-var Card2 = function (_a) {
-    var icon = _a.icon, badgeColor = _a.badgeColor, status = _a.status, statusColor = _a.statusColor, title = _a.title, description = _a.description, date = _a.date, budget = _a.budget, progress = _a.progress;
-    return (react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile/overview', className: 'card border border-2 border-gray-300 border-hover' },
-        react_1.default.createElement("div", { className: 'card-header border-0 pt-9' },
-            react_1.default.createElement("div", { className: 'card-title m-0' },
-                react_1.default.createElement("div", { className: 'symbol symbol-50px w-50px bg-light' },
-                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)(icon), alt: 'card2', className: 'p-3' }))),
-            react_1.default.createElement("div", { className: 'card-toolbar' },
-                react_1.default.createElement("span", { className: "badge badge-light-".concat(badgeColor, " fw-bolder me-auto px-4 py-3") }, status))),
-        react_1.default.createElement("div", { className: 'card-body p-9' },
-            react_1.default.createElement("div", { className: 'fs-3 fw-bolder text-gray-900' }, title),
-            react_1.default.createElement("p", { className: 'text-gray-500 fw-bold fs-5 mt-1 mb-7' }, description),
-            react_1.default.createElement("div", { className: 'd-flex flex-wrap mb-5' },
-                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3' },
-                    react_1.default.createElement("div", { className: 'fs-6 text-gray-800 fw-bolder' }, date),
-                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Due Date")),
-                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 mb-3' },
-                    react_1.default.createElement("div", { className: 'fs-6 text-gray-800 fw-bolder' }, budget),
-                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Budget"))),
-            react_1.default.createElement("div", { className: 'h-4px w-100 bg-light mb-5', "data-bs-toggle": 'tooltip', title: 'This project completed' },
-                react_1.default.createElement("div", { className: "bg-".concat(statusColor, " rounded h-4px"), role: 'progressbar', style: { width: "".concat(progress, "%") } })))));
-};
-exports.Card2 = Card2;
+export { Card2 };

package/dist/partials/content/cards/Card3.js

@@ -1,30 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card3 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var Card3 = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? '' : _b, _c = _a.avatar, avatar = _c === void 0 ? '' : _c, _d = _a.online, online = _d === void 0 ? false : _d, name = _a.name, job = _a.job, avgEarnings = _a.avgEarnings, totalEarnings = _a.totalEarnings;
-    return (react_1.default.createElement("div", { className: 'card' },
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-center flex-column p-9' },
-            react_1.default.createElement("div", { className: 'mb-5' },
-                react_1.default.createElement("div", { className: 'symbol symbol-75px symbol-circle' },
-                    color ? (react_1.default.createElement("span", { className: "symbol-label bg-light-".concat(color, " text-").concat(color, " fs-5 fw-bolder") }, name.charAt(0))) : (react_1.default.createElement("img", { alt: 'Pic', src: (0, helpers_1.toAbsoluteUrl)(avatar) })),
-                    online && (react_1.default.createElement("div", { className: 'symbol-badge bg-success start-100 top-100 border-4 h-15px w-15px ms-n3 mt-n3' })))),
-            react_1.default.createElement("a", { href: '#', className: 'fs-4 text-gray-800 text-hover-primary fw-bolder mb-0' }, name),
-            react_1.default.createElement("div", { className: 'fw-bold text-gray-500 mb-6' }, job),
-            react_1.default.createElement("div", { className: 'd-flex flex-center flex-wrap mb-5' },
-                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 mx-3 mb-3' },
-                    react_1.default.createElement("div", { className: 'fs-6 fw-bolder text-gray-700' }, avgEarnings),
-                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Avg. Earnings")),
-                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 mx-3 px-4 mb-3' },
-                    react_1.default.createElement("div", { className: 'fs-6 fw-bolder text-gray-700' }, totalEarnings),
-                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Total Sales"))),
-            react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-light' },
-                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'plus', className: 'fs-3' }),
+import React from 'react';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+const Card3 = ({ color = '', avatar = '', online = false, name, job, avgEarnings, totalEarnings, }) => {
+    return (React.createElement("div", { className: 'card' },
+        React.createElement("div", { className: 'card-body d-flex flex-center flex-column p-9' },
+            React.createElement("div", { className: 'mb-5' },
+                React.createElement("div", { className: 'symbol symbol-75px symbol-circle' },
+                    color ? (React.createElement("span", { className: `symbol-label bg-light-${color} text-${color} fs-5 fw-bolder` }, name.charAt(0))) : (React.createElement("img", { alt: 'Pic', src: toAbsoluteUrl(avatar) })),
+                    online && (React.createElement("div", { className: 'symbol-badge bg-success start-100 top-100 border-4 h-15px w-15px ms-n3 mt-n3' })))),
+            React.createElement("a", { href: '#', className: 'fs-4 text-gray-800 text-hover-primary fw-bolder mb-0' }, name),
+            React.createElement("div", { className: 'fw-bold text-gray-500 mb-6' }, job),
+            React.createElement("div", { className: 'd-flex flex-center flex-wrap mb-5' },
+                React.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 mx-3 mb-3' },
+                    React.createElement("div", { className: 'fs-6 fw-bolder text-gray-700' }, avgEarnings),
+                    React.createElement("div", { className: 'fw-bold text-gray-500' }, "Avg. Earnings")),
+                React.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 mx-3 px-4 mb-3' },
+                    React.createElement("div", { className: 'fs-6 fw-bolder text-gray-700' }, totalEarnings),
+                    React.createElement("div", { className: 'fw-bold text-gray-500' }, "Total Sales"))),
+            React.createElement("a", { href: '#', className: 'btn btn-sm btn-light' },
+                React.createElement(KTIcon, { iconName: 'plus', className: 'fs-3' }),
                 "Connect"))));
 };
-exports.Card3 = Card3;
+export { Card3 };

package/dist/partials/content/cards/Card4.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { toAbsoluteUrl } from '../../../helpers';
+const Card4 = ({ icon, title, description }) => {
+    return (React.createElement("div", { className: 'card h-100' },
+        React.createElement("div", { className: 'card-body d-flex justify-content-center text-center flex-column p-8' },
+            React.createElement("a", { href: '#', className: 'text-gray-800 text-hover-primary d-flex flex-column' },
+                React.createElement("div", { className: 'symbol symbol-75px mb-6' },
+                    React.createElement("img", { src: toAbsoluteUrl(icon), alt: '' })),
+                React.createElement("div", { className: 'fs-5 fw-bolder mb-2' }, title)),
+            React.createElement("div", { className: 'fs-7 fw-bold text-gray-500 mt-auto' }, description))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card4 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var Card4 = function (_a) {
-    var icon = _a.icon, title = _a.title, description = _a.description;
-    return (react_1.default.createElement("div", { className: 'card h-100' },
-        react_1.default.createElement("div", { className: 'card-body d-flex justify-content-center text-center flex-column p-8' },
-            react_1.default.createElement("a", { href: '#', className: 'text-gray-800 text-hover-primary d-flex flex-column' },
-                react_1.default.createElement("div", { className: 'symbol symbol-75px mb-6' },
-                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)(icon), alt: '' })),
-                react_1.default.createElement("div", { className: 'fs-5 fw-bolder mb-2' }, title)),
-            react_1.default.createElement("div", { className: 'fs-7 fw-bold text-gray-500 mt-auto' }, description))));
-};
-exports.Card4 = Card4;
+export { Card4 };

package/dist/partials/content/cards/Card5.js

@@ -1,38 +1,31 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card5 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var Dropdown1_1 = require("../dropdown/Dropdown1");
-var Card5 = function (_a) {
-    var image = _a.image, title = _a.title, description = _a.description, status = _a.status, statusValue = _a.statusValue, statusDesc = _a.statusDesc, progress = _a.progress, progressType = _a.progressType;
-    return (react_1.default.createElement("div", { className: 'card h-100' },
-        react_1.default.createElement("div", { className: 'card-header flex-nowrap border-0 pt-9' },
-            react_1.default.createElement("div", { className: 'card-title m-0' },
-                react_1.default.createElement("div", { className: 'symbol symbol-45px w-45px bg-light me-5' },
-                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)(image), alt: 'Metronic', className: 'p-3' })),
-                react_1.default.createElement("a", { href: '#', className: 'fs-4 fw-bold text-hover-primary text-gray-600 m-0' }, title)),
-            react_1.default.createElement("div", { className: 'card-toolbar m-0' },
-                react_1.default.createElement("button", { type: 'button', className: 'btn btn-clean btn-sm btn-icon btn-icon-primary btn-active-light-primary me-n3', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'category', className: 'fs-3 text-primary' })),
-                react_1.default.createElement(Dropdown1_1.Dropdown1, null))),
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column px-9 pt-6 pb-8' },
-            react_1.default.createElement("div", { className: 'fs-2tx fw-bolder mb-3' }, description),
-            react_1.default.createElement("div", { className: 'd-flex align-items-center flex-wrap mb-5 mt-auto fs-6' },
-                status === 'up' && (react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-up-right', className: 'fs-3 me-1 text-success' })),
-                status === 'down' && (react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-down-right', className: 'fs-3 me-1 text-danger' })),
-                react_1.default.createElement("div", { className: "fw-bolder me-2 " + (status === 'up' ? 'text-success' : 'text-danger') },
+import React from 'react';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+import { Dropdown1 } from '../dropdown/Dropdown1';
+const Card5 = ({ image, title, description, status, statusValue, statusDesc, progress, progressType, }) => {
+    return (React.createElement("div", { className: 'card h-100' },
+        React.createElement("div", { className: 'card-header flex-nowrap border-0 pt-9' },
+            React.createElement("div", { className: 'card-title m-0' },
+                React.createElement("div", { className: 'symbol symbol-45px w-45px bg-light me-5' },
+                    React.createElement("img", { src: toAbsoluteUrl(image), alt: 'Metronic', className: 'p-3' })),
+                React.createElement("a", { href: '#', className: 'fs-4 fw-bold text-hover-primary text-gray-600 m-0' }, title)),
+            React.createElement("div", { className: 'card-toolbar m-0' },
+                React.createElement("button", { type: 'button', className: 'btn btn-clean btn-sm btn-icon btn-icon-primary btn-active-light-primary me-n3', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                    React.createElement(KTIcon, { iconName: 'category', className: 'fs-3 text-primary' })),
+                React.createElement(Dropdown1, null))),
+        React.createElement("div", { className: 'card-body d-flex flex-column px-9 pt-6 pb-8' },
+            React.createElement("div", { className: 'fs-2tx fw-bolder mb-3' }, description),
+            React.createElement("div", { className: 'd-flex align-items-center flex-wrap mb-5 mt-auto fs-6' },
+                status === 'up' && (React.createElement(KTIcon, { iconName: 'arrow-up-right', className: 'fs-3 me-1 text-success' })),
+                status === 'down' && (React.createElement(KTIcon, { iconName: 'arrow-down-right', className: 'fs-3 me-1 text-danger' })),
+                React.createElement("div", { className: `fw-bolder me-2 ` + (status === 'up' ? 'text-success' : 'text-danger') },
                     status === 'up' ? '+' : '-',
                     statusValue,
                     "%"),
-                react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, statusDesc)),
-            react_1.default.createElement("div", { className: 'd-flex align-items-center fw-bold' },
-                react_1.default.createElement("span", { className: 'badge bg-light text-gray-700 px-3 py-2 me-2' },
+                React.createElement("div", { className: 'fw-bold text-gray-500' }, statusDesc)),
+            React.createElement("div", { className: 'd-flex align-items-center fw-bold' },
+                React.createElement("span", { className: 'badge bg-light text-gray-700 px-3 py-2 me-2' },
                     progress,
                     "%"),
-                react_1.default.createElement("span", { className: 'text-gray-500 fs-7' }, progressType)))));
+                React.createElement("span", { className: 'text-gray-500 fs-7' }, progressType)))));
 };
-exports.Card5 = Card5;
+export { Card5 };

package/dist/partials/content/code-highlight/CodeBlock.js

@@ -1,75 +1,36 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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.CodeBlock = void 0;
-var react_1 = __importStar(require("react"));
-var react_copy_to_clipboard_1 = require("react-copy-to-clipboard");
-var prism_react_renderer_1 = require("prism-react-renderer");
-var react_bootstrap_1 = require("react-bootstrap");
-var CodeBlock = function (_a) {
-    var code = _a.code, language = _a.language;
-    var codeRef = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)(false), copied = _b[0], setCopied = _b[1];
-    (0, react_1.useEffect)(function () {
+import React, { useState, useEffect, useRef } from 'react';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { Highlight } from 'prism-react-renderer';
+import { OverlayTrigger, Tooltip } from 'react-bootstrap';
+const CodeBlock = ({ code, language }) => {
+    const codeRef = useRef(null);
+    const [copied, setCopied] = useState(false);
+    useEffect(() => {
         if (!copied) {
             return;
         }
-        setTimeout(function () {
+        setTimeout(() => {
             setCopied(false);
         }, 1500);
     }, [copied]);
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         if (!codeRef.current) {
             return;
         }
-        var prismCodeElement = codeRef.current.querySelector('.prism-code ');
+        const prismCodeElement = codeRef.current.querySelector('.prism-code ');
         if (prismCodeElement) {
             prismCodeElement.style.background = 'none';
             prismCodeElement.style.fontSize = '13px';
         }
     }, []);
-    return (react_1.default.createElement("div", { className: 'py-5' },
-        react_1.default.createElement("div", { className: 'highlight' },
-            react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { key: 'copy-to-clipboard', placement: 'top', overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: 'tooltip-copy-to-clipboard' }, "Copy Code") },
-                react_1.default.createElement(react_copy_to_clipboard_1.CopyToClipboard, { text: code, onCopy: function () { return setCopied(true); } },
-                    react_1.default.createElement("a", { className: 'highlight-copy btn' }, copied ? 'copied' : 'copy'))),
-            react_1.default.createElement("div", { className: 'highlight-code', ref: codeRef },
-                react_1.default.createElement(prism_react_renderer_1.Highlight, { code: code, language: language }, function (_a) {
-                    var className = _a.className, style = _a.style, tokens = _a.tokens, getLineProps = _a.getLineProps, getTokenProps = _a.getTokenProps;
-                    return (react_1.default.createElement("pre", { className: className, style: __assign({ maxHeight: '300px' }, style) }, tokens.map(function (line, i) { return (react_1.default.createElement("div", __assign({}, getLineProps({ line: line, key: i })), line.map(function (token, key) { return (react_1.default.createElement("span", __assign({}, getTokenProps({ token: token, key: key })))); }))); })));
+    return (React.createElement("div", { className: 'py-5' },
+        React.createElement("div", { className: 'highlight' },
+            React.createElement(OverlayTrigger, { key: 'copy-to-clipboard', placement: 'top', overlay: React.createElement(Tooltip, { id: 'tooltip-copy-to-clipboard' }, "Copy Code") },
+                React.createElement(CopyToClipboard, { text: code, onCopy: () => setCopied(true) },
+                    React.createElement("a", { className: 'highlight-copy btn' }, copied ? 'copied' : 'copy'))),
+            React.createElement("div", { className: 'highlight-code', ref: codeRef },
+                React.createElement(Highlight, { code: code, language: language }, ({ className, style, tokens, getLineProps, getTokenProps }) => {
+                    return (React.createElement("pre", { className: className, style: { maxHeight: '300px', ...style } }, tokens.map((line, i) => (React.createElement("div", { ...getLineProps({ line, key: i }) }, line.map((token, key) => (React.createElement("span", { ...getTokenProps({ token, key }) }))))))));
                 })))));
 };
-exports.CodeBlock = CodeBlock;
+export { CodeBlock };

package/dist/partials/content/dropdown/Dropdown1.js

@@ -1,41 +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.Dropdown1 = void 0;
-var react_1 = __importDefault(require("react"));
-function Dropdown1() {
-    return (react_1.default.createElement("div", { className: 'menu menu-sub menu-sub-dropdown w-250px w-md-300px', "data-kt-menu": 'true' },
-        react_1.default.createElement("div", { className: 'px-7 py-5' },
-            react_1.default.createElement("div", { className: 'fs-5 text-gray-900 fw-bolder' }, "Filter Options")),
-        react_1.default.createElement("div", { className: 'separator border-gray-200' }),
-        react_1.default.createElement("div", { className: 'px-7 py-5' },
-            react_1.default.createElement("div", { className: 'mb-10' },
-                react_1.default.createElement("label", { className: 'form-label fw-bold' }, "Status:"),
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("select", { className: 'form-select form-select-solid', "data-kt-select2": 'true', "data-placeholder": 'Select option', "data-allow-clear": 'true', defaultValue: '1' },
-                        react_1.default.createElement("option", null),
-                        react_1.default.createElement("option", { value: '1' }, "Approved"),
-                        react_1.default.createElement("option", { value: '2' }, "Pending"),
-                        react_1.default.createElement("option", { value: '3' }, "In Process"),
-                        react_1.default.createElement("option", { value: '4' }, "Rejected")))),
-            react_1.default.createElement("div", { className: 'mb-10' },
-                react_1.default.createElement("label", { className: 'form-label fw-bold' }, "Member Type:"),
-                react_1.default.createElement("div", { className: 'd-flex' },
-                    react_1.default.createElement("label", { className: 'form-check form-check-sm form-check-custom form-check-solid me-5' },
-                        react_1.default.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '1' }),
-                        react_1.default.createElement("span", { className: 'form-check-label' }, "Author")),
-                    react_1.default.createElement("label", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
-                        react_1.default.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '2', defaultChecked: true }),
-                        react_1.default.createElement("span", { className: 'form-check-label' }, "Customer")))),
-            react_1.default.createElement("div", { className: 'mb-10' },
-                react_1.default.createElement("label", { className: 'form-label fw-bold' }, "Notifications:"),
-                react_1.default.createElement("div", { className: 'form-check form-switch form-switch-sm form-check-custom form-check-solid' },
-                    react_1.default.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '', name: 'notifications', defaultChecked: true }),
-                    react_1.default.createElement("label", { className: 'form-check-label' }, "Enabled"))),
-            react_1.default.createElement("div", { className: 'd-flex justify-content-end' },
-                react_1.default.createElement("button", { type: 'reset', className: 'btn btn-sm btn-light btn-active-light-primary me-2', "data-kt-menu-dismiss": 'true' }, "Reset"),
-                react_1.default.createElement("button", { type: 'submit', className: 'btn btn-sm btn-primary', "data-kt-menu-dismiss": 'true' }, "Apply")))));
+import React from 'react';
+export function Dropdown1() {
+    return (React.createElement("div", { className: 'menu menu-sub menu-sub-dropdown w-250px w-md-300px', "data-kt-menu": 'true' },
+        React.createElement("div", { className: 'px-7 py-5' },
+            React.createElement("div", { className: 'fs-5 text-gray-900 fw-bolder' }, "Filter Options")),
+        React.createElement("div", { className: 'separator border-gray-200' }),
+        React.createElement("div", { className: 'px-7 py-5' },
+            React.createElement("div", { className: 'mb-10' },
+                React.createElement("label", { className: 'form-label fw-bold' }, "Status:"),
+                React.createElement("div", null,
+                    React.createElement("select", { className: 'form-select form-select-solid', "data-kt-select2": 'true', "data-placeholder": 'Select option', "data-allow-clear": 'true', defaultValue: '1' },
+                        React.createElement("option", null),
+                        React.createElement("option", { value: '1' }, "Approved"),
+                        React.createElement("option", { value: '2' }, "Pending"),
+                        React.createElement("option", { value: '3' }, "In Process"),
+                        React.createElement("option", { value: '4' }, "Rejected")))),
+            React.createElement("div", { className: 'mb-10' },
+                React.createElement("label", { className: 'form-label fw-bold' }, "Member Type:"),
+                React.createElement("div", { className: 'd-flex' },
+                    React.createElement("label", { className: 'form-check form-check-sm form-check-custom form-check-solid me-5' },
+                        React.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '1' }),
+                        React.createElement("span", { className: 'form-check-label' }, "Author")),
+                    React.createElement("label", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                        React.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '2', defaultChecked: true }),
+                        React.createElement("span", { className: 'form-check-label' }, "Customer")))),
+            React.createElement("div", { className: 'mb-10' },
+                React.createElement("label", { className: 'form-label fw-bold' }, "Notifications:"),
+                React.createElement("div", { className: 'form-check form-switch form-switch-sm form-check-custom form-check-solid' },
+                    React.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '', name: 'notifications', defaultChecked: true }),
+                    React.createElement("label", { className: 'form-check-label' }, "Enabled"))),
+            React.createElement("div", { className: 'd-flex justify-content-end' },
+                React.createElement("button", { type: 'reset', className: 'btn btn-sm btn-light btn-active-light-primary me-2', "data-kt-menu-dismiss": 'true' }, "Reset"),
+                React.createElement("button", { type: 'submit', className: 'btn btn-sm btn-primary', "data-kt-menu-dismiss": 'true' }, "Apply")))));
 }
-exports.Dropdown1 = Dropdown1;

package/dist/partials/content/dropdown/Dropdown2.js

@@ -1,35 +1,29 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+const Dropdown2 = () => {
+    return (React.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold w-200px', "data-kt-menu": 'true' },
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("div", { className: 'menu-content fs-6 text-gray-900 fw-bolder px-3 py-4' }, "Quick Actions")),
+        React.createElement("div", { className: 'separator mb-3 opacity-75' }),
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Ticket")),
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Customer")),
+        React.createElement("div", { className: 'menu-item px-3', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'right-start', "data-kt-menu-flip": 'left-start, top' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' },
+                React.createElement("span", { className: 'menu-title' }, "New Group"),
+                React.createElement("span", { className: 'menu-arrow' })),
+            React.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Admin Group")),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Staff Group")),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Member Group")))),
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Contact")),
+        React.createElement("div", { className: 'separator mt-3 opacity-75' }),
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("div", { className: 'menu-content px-3 py-3' },
+                React.createElement("a", { className: 'btn btn-primary  btn-sm px-4', href: '#' }, "Generate Reports")))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown2 = void 0;
-var react_1 = __importDefault(require("react"));
-var Dropdown2 = function () {
-    return (react_1.default.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold w-200px', "data-kt-menu": 'true' },
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("div", { className: 'menu-content fs-6 text-gray-900 fw-bolder px-3 py-4' }, "Quick Actions")),
-        react_1.default.createElement("div", { className: 'separator mb-3 opacity-75' }),
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Ticket")),
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Customer")),
-        react_1.default.createElement("div", { className: 'menu-item px-3', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'right-start', "data-kt-menu-flip": 'left-start, top' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' },
-                react_1.default.createElement("span", { className: 'menu-title' }, "New Group"),
-                react_1.default.createElement("span", { className: 'menu-arrow' })),
-            react_1.default.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Admin Group")),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Staff Group")),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Member Group")))),
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Contact")),
-        react_1.default.createElement("div", { className: 'separator mt-3 opacity-75' }),
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("div", { className: 'menu-content px-3 py-3' },
-                react_1.default.createElement("a", { className: 'btn btn-primary  btn-sm px-4', href: '#' }, "Generate Reports")))));
-};
-exports.Dropdown2 = Dropdown2;
+export { Dropdown2 };

package/dist/partials/content/dropdown/Dropdown3.js

@@ -1,40 +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.Dropdown3 = void 0;
-var react_1 = __importDefault(require("react"));
-var Dropdown3 = function () {
-    return (react_1.default.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px py-3', "data-kt-menu": 'true' },
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("div", { className: 'menu-content text-muted pb-2 px-3 fs-7 text-uppercase' }, "Payments")),
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Create Invoice")),
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link flex-stack px-3' },
+import React from 'react';
+const Dropdown3 = () => {
+    return (React.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px py-3', "data-kt-menu": 'true' },
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("div", { className: 'menu-content text-muted pb-2 px-3 fs-7 text-uppercase' }, "Payments")),
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Create Invoice")),
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("a", { href: '#', className: 'menu-link flex-stack px-3' },
                 "Create Payment",
-                react_1.default.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Specify a target name for future usage and reference' }))),
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Generate Bill")),
-        react_1.default.createElement("div", { className: 'menu-item px-3', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'left-start', "data-kt-menu-flip": 'center, top' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' },
-                react_1.default.createElement("span", { className: 'menu-title' }, "Subscription"),
-                react_1.default.createElement("span", { className: 'menu-arrow' })),
-            react_1.default.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Plans")),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Billing")),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Statements")),
-                react_1.default.createElement("div", { className: 'separator my-2' }),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("div", { className: 'menu-content px-3' },
-                        react_1.default.createElement("label", { className: 'form-check form-switch form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input w-30px h-20px', type: 'checkbox', value: '1', checked: true, name: 'notifications' }),
-                            react_1.default.createElement("span", { className: 'form-check-label text-muted fs-6' }, "Recuring")))))),
-        react_1.default.createElement("div", { className: 'menu-item px-3 my-1' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Settings"))));
+                React.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Specify a target name for future usage and reference' }))),
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Generate Bill")),
+        React.createElement("div", { className: 'menu-item px-3', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'left-start', "data-kt-menu-flip": 'center, top' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' },
+                React.createElement("span", { className: 'menu-title' }, "Subscription"),
+                React.createElement("span", { className: 'menu-arrow' })),
+            React.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Plans")),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Billing")),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Statements")),
+                React.createElement("div", { className: 'separator my-2' }),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("div", { className: 'menu-content px-3' },
+                        React.createElement("label", { className: 'form-check form-switch form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input w-30px h-20px', type: 'checkbox', value: '1', checked: true, name: 'notifications' }),
+                            React.createElement("span", { className: 'form-check-label text-muted fs-6' }, "Recuring")))))),
+        React.createElement("div", { className: 'menu-item px-3 my-1' },
+            React.createElement("a", { href: '#', className: 'menu-link px-3' }, "Settings"))));
 };
-exports.Dropdown3 = Dropdown3;
+export { Dropdown3 };

package/dist/partials/content/editor/EditorToolbar.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.editorToolbarSettings = void 0;
-exports.editorToolbarSettings = {
+export const editorToolbarSettings = {
     options: ['inline', 'fontSize', 'fontFamily', 'link', 'image'],
     inline: {
         inDropdown: false,