@soyfri/template 1.0.1 → 1.0.3

package/dist/partials/widgets/_new/cards/CardsWidget20.js

@@ -1,26 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardsWidget20 = void 0;
-var react_1 = __importDefault(require("react"));
-var CardsWidget20 = function (_a) {
-    var className = _a.className, description = _a.description, color = _a.color, img = _a.img;
-    return (react_1.default.createElement("div", { className: "card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end ".concat(className), style: {
-            backgroundColor: color,
-            backgroundImage: "url('".concat(img, "')"),
-        } },
-        react_1.default.createElement("div", { className: 'card-header pt-5' },
-            react_1.default.createElement("div", { className: 'card-title d-flex flex-column' },
-                react_1.default.createElement("span", { className: 'fs-2hx fw-bold text-white me-2 lh-1 ls-n2' }, "69"),
-                react_1.default.createElement("span", { className: 'text-white opacity-75 pt-1 fw-semibold fs-6' }, description))),
-        react_1.default.createElement("div", { className: 'card-body d-flex align-items-end pt-0' },
-            react_1.default.createElement("div", { className: 'd-flex align-items-center flex-column mt-3 w-100' },
-                react_1.default.createElement("div", { className: 'd-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2' },
-                    react_1.default.createElement("span", null, "43 Pending"),
-                    react_1.default.createElement("span", null, "72%")),
-                react_1.default.createElement("div", { className: 'h-8px mx-3 w-100 bg-white bg-opacity-50 rounded' },
-                    react_1.default.createElement("div", { className: 'bg-white rounded h-8px', role: 'progressbar', style: { width: '72%' }, "aria-valuenow": 50, "aria-valuemin": 0, "aria-valuemax": 100 }))))));
-};
-exports.CardsWidget20 = CardsWidget20;
+import React from 'react';
+const CardsWidget20 = ({ className, description, color, img }) => (React.createElement("div", { className: `card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end ${className}`, style: {
+        backgroundColor: color,
+        backgroundImage: `url('${img}')`,
+    } },
+    React.createElement("div", { className: 'card-header pt-5' },
+        React.createElement("div", { className: 'card-title d-flex flex-column' },
+            React.createElement("span", { className: 'fs-2hx fw-bold text-white me-2 lh-1 ls-n2' }, "69"),
+            React.createElement("span", { className: 'text-white opacity-75 pt-1 fw-semibold fs-6' }, description))),
+    React.createElement("div", { className: 'card-body d-flex align-items-end pt-0' },
+        React.createElement("div", { className: 'd-flex align-items-center flex-column mt-3 w-100' },
+            React.createElement("div", { className: 'd-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2' },
+                React.createElement("span", null, "43 Pending"),
+                React.createElement("span", null, "72%")),
+            React.createElement("div", { className: 'h-8px mx-3 w-100 bg-white bg-opacity-50 rounded' },
+                React.createElement("div", { className: 'bg-white rounded h-8px', role: 'progressbar', style: { width: '72%' }, "aria-valuenow": 50, "aria-valuemin": 0, "aria-valuemax": 100 }))))));
+export { CardsWidget20 };

package/dist/partials/widgets/_new/cards/CardsWidget7.js

@@ -1,35 +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.CardsWidget7 = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var helpers_1 = require("../../../../helpers");
-var react_1 = __importDefault(require("react"));
-var items = [
+import clsx from 'clsx';
+import { toAbsoluteUrl } from '../../../../helpers';
+import React from 'react';
+const items = [
     { name: 'Alan Warden', initials: 'A', state: 'warning' },
-    { name: 'Michael Eberon', src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-11.jpg') },
+    { name: 'Michael Eberon', src: toAbsoluteUrl('media/avatars/300-11.jpg') },
     { name: 'Susan Redwood', initials: 'S', state: 'primary' },
-    { name: 'Melody Macy', src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-2.jpg') },
+    { name: 'Melody Macy', src: toAbsoluteUrl('media/avatars/300-2.jpg') },
     { name: 'Perry Matthew', initials: 'P', state: 'danger' },
-    { name: 'Barry Walter', src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-12.jpg') },
+    { name: 'Barry Walter', src: toAbsoluteUrl('media/avatars/300-12.jpg') },
 ];
-var CardsWidget7 = function (_a) {
-    var className = _a.className, description = _a.description, stats = _a.stats, labelColor = _a.labelColor, textColor = _a.textColor;
-    return (react_1.default.createElement("div", { className: "card card-flush ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-header pt-5' },
-            react_1.default.createElement("div", { className: 'card-title d-flex flex-column' },
-                react_1.default.createElement("div", { className: 'card-title d-flex flex-column' },
-                    react_1.default.createElement("span", { className: 'fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2' }, stats),
-                    react_1.default.createElement("span", { className: 'text-gray-500 pt-1 fw-semibold fs-6' }, description)))),
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-end pe-0' },
-            react_1.default.createElement("span", { className: 'fs-6 fw-bolder text-gray-800 d-block mb-2' }, "Today\u2019s Heroes"),
-            react_1.default.createElement("div", { className: 'symbol-group symbol-hover flex-nowrap' },
-                items.map(function (item, index) { return (react_1.default.createElement("div", { className: 'symbol symbol-35px symbol-circle', "data-bs-toggle": 'tooltip', title: item.name, key: "cw7-item-".concat(index) },
-                    item.src && react_1.default.createElement("img", { alt: 'Pic', src: item.src }),
-                    item.state && item.initials && (react_1.default.createElement("span", { className: (0, clsx_1.default)('symbol-label fw-bold', 'bg-' + item.state, 'text-inverse-' + item.state) }, item.initials)))); }),
-                react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px symbol-circle' },
-                    react_1.default.createElement("span", { className: (0, clsx_1.default)('symbol-label fs-8 fw-bold', 'bg-' + labelColor, 'text-' + textColor) }, "+42"))))));
-};
-exports.CardsWidget7 = CardsWidget7;
+const CardsWidget7 = ({ className, description, stats, labelColor, textColor }) => (React.createElement("div", { className: `card card-flush ${className}` },
+    React.createElement("div", { className: 'card-header pt-5' },
+        React.createElement("div", { className: 'card-title d-flex flex-column' },
+            React.createElement("div", { className: 'card-title d-flex flex-column' },
+                React.createElement("span", { className: 'fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2' }, stats),
+                React.createElement("span", { className: 'text-gray-500 pt-1 fw-semibold fs-6' }, description)))),
+    React.createElement("div", { className: 'card-body d-flex flex-column justify-content-end pe-0' },
+        React.createElement("span", { className: 'fs-6 fw-bolder text-gray-800 d-block mb-2' }, "Today\u2019s Heroes"),
+        React.createElement("div", { className: 'symbol-group symbol-hover flex-nowrap' },
+            items.map((item, index) => (React.createElement("div", { className: 'symbol symbol-35px symbol-circle', "data-bs-toggle": 'tooltip', title: item.name, key: `cw7-item-${index}` },
+                item.src && React.createElement("img", { alt: 'Pic', src: item.src }),
+                item.state && item.initials && (React.createElement("span", { className: clsx('symbol-label fw-bold', 'bg-' + item.state, 'text-inverse-' + item.state) }, item.initials))))),
+            React.createElement("a", { href: '#', className: 'symbol symbol-35px symbol-circle' },
+                React.createElement("span", { className: clsx('symbol-label fs-8 fw-bold', 'bg-' + labelColor, 'text-' + textColor) }, "+42"))))));
+export { CardsWidget7 };

package/dist/partials/widgets/_new/engage/EngageWidget10.js

@@ -1,31 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EngageWidget10 = void 0;
-var react_router_dom_1 = require("react-router-dom");
-var helpers_1 = require("../../../../helpers");
-var react_1 = __importDefault(require("react"));
-var EngageWidget10 = function (_a) {
-    var className = _a.className;
-    return (react_1.default.createElement("div", { className: "card card-flush ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0', style: {
-                backgroundPosition: '100% 50%',
-                backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/900x600/42.png'), "')"),
-            } },
-            react_1.default.createElement("div", { className: 'mb-10' },
-                react_1.default.createElement("div", { className: 'fs-2hx fw-bold text-gray-800 text-center mb-13' },
-                    react_1.default.createElement("span", { className: 'me-2' },
-                        "Try our all new Enviroment with",
-                        react_1.default.createElement("br", null),
-                        react_1.default.createElement("span", { className: 'position-relative d-inline-block text-danger' },
-                            react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile/overview', className: 'text-danger\n              opacity-75-hover' }, "Pro Plan"),
-                            react_1.default.createElement("span", { className: 'position-absolute opacity-15 bottom-0 start-0 border-4 border-danger border-bottom w-100' }))),
-                    "for Free"),
-                react_1.default.createElement("div", { className: 'text-center' },
-                    react_1.default.createElement("a", { href: '#' }, "Upgrade Now"))),
-            react_1.default.createElement("img", { className: 'mx-auto h-150px h-lg-200px  theme-light-show', src: (0, helpers_1.toAbsoluteUrl)('media/illustrations/misc/upgrade.svg'), alt: '' }),
-            react_1.default.createElement("img", { className: 'mx-auto h-150px h-lg-200px  theme-dark-show', src: (0, helpers_1.toAbsoluteUrl)('media/illustrations/misc/upgrade-dark.svg'), alt: '' }))));
-};
-exports.EngageWidget10 = EngageWidget10;
+import { Link } from 'react-router-dom';
+import { toAbsoluteUrl } from '../../../../helpers';
+import React from 'react';
+const EngageWidget10 = ({ className }) => (React.createElement("div", { className: `card card-flush ${className}` },
+    React.createElement("div", { className: 'card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0', style: {
+            backgroundPosition: '100% 50%',
+            backgroundImage: `url('${toAbsoluteUrl('media/stock/900x600/42.png')}')`,
+        } },
+        React.createElement("div", { className: 'mb-10' },
+            React.createElement("div", { className: 'fs-2hx fw-bold text-gray-800 text-center mb-13' },
+                React.createElement("span", { className: 'me-2' },
+                    "Try our all new Enviroment with",
+                    React.createElement("br", null),
+                    React.createElement("span", { className: 'position-relative d-inline-block text-danger' },
+                        React.createElement(Link, { to: '/crafted/pages/profile/overview', className: 'text-danger\n              opacity-75-hover' }, "Pro Plan"),
+                        React.createElement("span", { className: 'position-absolute opacity-15 bottom-0 start-0 border-4 border-danger border-bottom w-100' }))),
+                "for Free"),
+            React.createElement("div", { className: 'text-center' },
+                React.createElement("a", { href: '#' }, "Upgrade Now"))),
+        React.createElement("img", { className: 'mx-auto h-150px h-lg-200px  theme-light-show', src: toAbsoluteUrl('media/illustrations/misc/upgrade.svg'), alt: '' }),
+        React.createElement("img", { className: 'mx-auto h-150px h-lg-200px  theme-dark-show', src: toAbsoluteUrl('media/illustrations/misc/upgrade-dark.svg'), alt: '' }))));
+export { EngageWidget10 };

package/dist/partials/widgets/_new/lists/ListsWidget26.js

@@ -1,47 +1,18 @@
-"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.ListsWidget26 = void 0;
-var react_1 = __importStar(require("react"));
-var helpers_1 = require("../../../../helpers");
-var rows = [
+import React, { Fragment } from 'react';
+import { KTIcon } from '../../../../helpers';
+const rows = [
     { description: 'Avg. Client Rating' },
     { description: 'Instagram Followers' },
     { description: 'Google Ads CPC' },
 ];
-var ListsWidget26 = function (_a) {
-    var className = _a.className;
-    return (react_1.default.createElement("div", { className: "card card-flush ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-header pt-5' },
-            react_1.default.createElement("h3", { className: 'card-title text-gray-800 fw-bold' }, "External Links"),
-            react_1.default.createElement("div", { className: 'card-toolbar' })),
-        react_1.default.createElement("div", { className: 'card-body pt-5' }, rows.map(function (row, index) { return (react_1.default.createElement(react_1.Fragment, { key: "lw26-rows-".concat(index) },
-            react_1.default.createElement("div", { className: 'd-flex flex-stack' },
-                react_1.default.createElement("a", { href: '#', className: 'text-primary fw-semibold fs-6 me-2' }, row.description),
-                react_1.default.createElement("button", { type: 'button', className: 'btn btn-icon btn-sm h-auto btn-color-gray-500 btn-active-color-primary justify-content-end' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'exit-right-corner', className: 'fs-2' }))),
-            rows.length - 1 > index && react_1.default.createElement("div", { className: 'separator separator-dashed my-3' }))); }))));
-};
-exports.ListsWidget26 = ListsWidget26;
+const ListsWidget26 = ({ className }) => (React.createElement("div", { className: `card card-flush ${className}` },
+    React.createElement("div", { className: 'card-header pt-5' },
+        React.createElement("h3", { className: 'card-title text-gray-800 fw-bold' }, "External Links"),
+        React.createElement("div", { className: 'card-toolbar' })),
+    React.createElement("div", { className: 'card-body pt-5' }, rows.map((row, index) => (React.createElement(Fragment, { key: `lw26-rows-${index}` },
+        React.createElement("div", { className: 'd-flex flex-stack' },
+            React.createElement("a", { href: '#', className: 'text-primary fw-semibold fs-6 me-2' }, row.description),
+            React.createElement("button", { type: 'button', className: 'btn btn-icon btn-sm h-auto btn-color-gray-500 btn-active-color-primary justify-content-end' },
+                React.createElement(KTIcon, { iconName: 'exit-right-corner', className: 'fs-2' }))),
+        rows.length - 1 > index && React.createElement("div", { className: 'separator separator-dashed my-3' })))))));
+export { ListsWidget26 };

package/dist/partials/widgets/charts/ChartsWidget1.js

@@ -1,79 +1,49 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChartsWidget1 = void 0;
-var react_1 = __importStar(require("react"));
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var helpers_1 = require("../../../helpers");
-var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
-var _utils_1 = require("../../../assets/ts/_utils");
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var ChartsWidget1 = function (_a) {
-    var className = _a.className;
-    var chartRef = (0, react_1.useRef)(null);
-    var mode = (0, ThemeModeProvider_1.useThemeMode)().mode;
-    (0, react_1.useEffect)(function () {
-        var chart = refreshChart();
-        return function () {
+import React, { useEffect, useRef } from 'react';
+import ApexCharts from 'apexcharts';
+import { KTIcon } from '../../../helpers';
+import { Dropdown1 } from '../../content/dropdown/Dropdown1';
+import { getCSS, getCSSVariableValue } from '../../../assets/ts/_utils';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const ChartsWidget1 = ({ className }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    useEffect(() => {
+        const chart = refreshChart();
+        return () => {
             if (chart) {
                 chart.destroy();
             }
         };
     }, [chartRef, mode]);
-    var refreshChart = function () {
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var height = parseInt((0, _utils_1.getCSS)(chartRef.current, 'height'));
-        var chart = new apexcharts_1.default(chartRef.current, getChartOptions(height));
+        const height = parseInt(getCSS(chartRef.current, 'height'));
+        const chart = new ApexCharts(chartRef.current, getChartOptions(height));
         if (chart) {
             chart.render();
         }
         return chart;
     };
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
-            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
-                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Recent Statistics"),
-                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "More than 400 new members")),
-            react_1.default.createElement("div", { className: 'card-toolbar' },
-                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "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-2' })),
-                react_1.default.createElement(Dropdown1_1.Dropdown1, null))),
-        react_1.default.createElement("div", { className: 'card-body' },
-            react_1.default.createElement("div", { ref: chartRef, id: 'kt_charts_widget_1_chart', style: { height: '350px' } }))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-header border-0 pt-5' },
+            React.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                React.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Recent Statistics"),
+                React.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "More than 400 new members")),
+            React.createElement("div", { className: 'card-toolbar' },
+                React.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                    React.createElement(KTIcon, { iconName: 'category', className: 'fs-2' })),
+                React.createElement(Dropdown1, null))),
+        React.createElement("div", { className: 'card-body' },
+            React.createElement("div", { ref: chartRef, id: 'kt_charts_widget_1_chart', style: { height: '350px' } }))));
 };
-exports.ChartsWidget1 = ChartsWidget1;
+export { ChartsWidget1 };
 function getChartOptions(height) {
-    var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-500');
-    var borderColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-200');
-    var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-primary');
-    var secondaryColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-300');
+    const labelColor = getCSSVariableValue('--bs-gray-500');
+    const borderColor = getCSSVariableValue('--bs-gray-200');
+    const baseColor = getCSSVariableValue('--bs-primary');
+    const secondaryColor = getCSSVariableValue('--bs-gray-300');
     return {
         series: [
             {

package/dist/partials/widgets/charts/ChartsWidget2.js

@@ -1,77 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChartsWidget2 = void 0;
-var react_1 = __importStar(require("react"));
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var _utils_1 = require("../../../assets/ts/_utils");
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var ChartsWidget2 = function (_a) {
-    var className = _a.className;
-    var chartRef = (0, react_1.useRef)(null);
-    var mode = (0, ThemeModeProvider_1.useThemeMode)().mode;
-    var refreshChart = function () {
+import React, { useEffect, useRef } from 'react';
+import ApexCharts from 'apexcharts';
+import { getCSS, getCSSVariableValue } from '../../../assets/ts/_utils';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const ChartsWidget2 = ({ className }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var height = parseInt((0, _utils_1.getCSS)(chartRef.current, 'height'));
-        var chart = new apexcharts_1.default(chartRef.current, getChartOptions(height));
+        const height = parseInt(getCSS(chartRef.current, 'height'));
+        const chart = new ApexCharts(chartRef.current, getChartOptions(height));
         if (chart) {
             chart.render();
         }
         return chart;
     };
-    (0, react_1.useEffect)(function () {
-        var chart = refreshChart();
-        return function () {
+    useEffect(() => {
+        const chart = refreshChart();
+        return () => {
             if (chart) {
                 chart.destroy();
             }
         };
     }, [chartRef, mode]);
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
-            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
-                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Recent Orders"),
-                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "More than 500 new orders")),
-            react_1.default.createElement("div", { className: 'card-toolbar', "data-kt-buttons": 'true' },
-                react_1.default.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1', id: 'kt_charts_widget_2_year_btn' }, "Year"),
-                react_1.default.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1', id: 'kt_charts_widget_2_month_btn' }, "Month"),
-                react_1.default.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4', id: 'kt_charts_widget_2_week_btn' }, "Week"))),
-        react_1.default.createElement("div", { className: 'card-body' },
-            react_1.default.createElement("div", { ref: chartRef, id: 'kt_charts_widget_2_chart', style: { height: '350px' } }))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-header border-0 pt-5' },
+            React.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                React.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Recent Orders"),
+                React.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "More than 500 new orders")),
+            React.createElement("div", { className: 'card-toolbar', "data-kt-buttons": 'true' },
+                React.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1', id: 'kt_charts_widget_2_year_btn' }, "Year"),
+                React.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1', id: 'kt_charts_widget_2_month_btn' }, "Month"),
+                React.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4', id: 'kt_charts_widget_2_week_btn' }, "Week"))),
+        React.createElement("div", { className: 'card-body' },
+            React.createElement("div", { ref: chartRef, id: 'kt_charts_widget_2_chart', style: { height: '350px' } }))));
 };
-exports.ChartsWidget2 = ChartsWidget2;
+export { ChartsWidget2 };
 function getChartOptions(height) {
-    var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-500');
-    var borderColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-200');
-    var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-warning');
-    var secondaryColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-300');
+    const labelColor = getCSSVariableValue('--bs-gray-500');
+    const borderColor = getCSSVariableValue('--bs-gray-200');
+    const baseColor = getCSSVariableValue('--bs-warning');
+    const secondaryColor = getCSSVariableValue('--bs-gray-300');
     return {
         series: [
             {

package/dist/partials/widgets/charts/ChartsWidget3.js

@@ -1,76 +1,46 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChartsWidget3 = void 0;
-var react_1 = __importStar(require("react"));
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var _utils_1 = require("../../../assets/ts/_utils");
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var ChartsWidget3 = function (_a) {
-    var className = _a.className;
-    var chartRef = (0, react_1.useRef)(null);
-    var mode = (0, ThemeModeProvider_1.useThemeMode)().mode;
-    var refreshMode = function () {
+import React, { useEffect, useRef } from 'react';
+import ApexCharts from 'apexcharts';
+import { getCSSVariableValue } from '../../../assets/ts/_utils';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const ChartsWidget3 = ({ className }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshMode = () => {
         if (!chartRef.current) {
             return;
         }
-        var chart = new apexcharts_1.default(chartRef.current, getChartOptions());
+        const chart = new ApexCharts(chartRef.current, getChartOptions());
         if (chart) {
             chart.render();
         }
         return chart;
     };
-    (0, react_1.useEffect)(function () {
-        var chart = refreshMode();
-        return function () {
+    useEffect(() => {
+        const chart = refreshMode();
+        return () => {
             if (chart) {
                 chart.destroy();
             }
         };
     }, [chartRef, mode]);
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
-            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
-                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Recent Transactions"),
-                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "More than 1000 new records")),
-            react_1.default.createElement("div", { className: 'card-toolbar', "data-kt-buttons": 'true' },
-                react_1.default.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1', id: 'kt_charts_widget_3_year_btn' }, "Year"),
-                react_1.default.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1', id: 'kt_charts_widget_3_month_btn' }, "Month"),
-                react_1.default.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4', id: 'kt_charts_widget_3_week_btn' }, "Week"))),
-        react_1.default.createElement("div", { className: 'card-body' },
-            react_1.default.createElement("div", { ref: chartRef, id: 'kt_charts_widget_3_chart', style: { height: '350px' } }))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-header border-0 pt-5' },
+            React.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                React.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Recent Transactions"),
+                React.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "More than 1000 new records")),
+            React.createElement("div", { className: 'card-toolbar', "data-kt-buttons": 'true' },
+                React.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1', id: 'kt_charts_widget_3_year_btn' }, "Year"),
+                React.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1', id: 'kt_charts_widget_3_month_btn' }, "Month"),
+                React.createElement("a", { className: 'btn btn-sm btn-color-muted btn-active btn-active-primary px-4', id: 'kt_charts_widget_3_week_btn' }, "Week"))),
+        React.createElement("div", { className: 'card-body' },
+            React.createElement("div", { ref: chartRef, id: 'kt_charts_widget_3_chart', style: { height: '350px' } }))));
 };
-exports.ChartsWidget3 = ChartsWidget3;
+export { ChartsWidget3 };
 function getChartOptions() {
-    var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-500');
-    var borderColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-200');
-    var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-info');
-    var lightColor = (0, _utils_1.getCSSVariableValue)('--bs-info-light');
+    const labelColor = getCSSVariableValue('--bs-gray-500');
+    const borderColor = getCSSVariableValue('--bs-gray-200');
+    const baseColor = getCSSVariableValue('--bs-info');
+    const lightColor = getCSSVariableValue('--bs-info-light');
     return {
         series: [
             {