@soyfri/template 1.0.1 → 1.0.4

package/dist/partials/widgets/mixed/MixedWidget2.js

@@ -1,91 +1,60 @@
-"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.MixedWidget2 = void 0;
-var react_1 = __importStar(require("react"));
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var helpers_1 = require("../../../helpers");
-var _utils_1 = require("../../../assets/ts/_utils");
-var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var MixedWidget2 = function (_a) {
-    var className = _a.className, chartColor = _a.chartColor, chartHeight = _a.chartHeight, strokeColor = _a.strokeColor;
-    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 { KTIcon } from '../../../helpers';
+import { getCSSVariableValue } from '../../../assets/ts/_utils';
+import { Dropdown1 } from '../../content/dropdown/Dropdown1';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const MixedWidget2 = ({ className, chartColor, chartHeight, strokeColor }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var chart = new apexcharts_1.default(chartRef.current, chartOptions(chartHeight, chartColor, strokeColor));
+        const chart = new ApexCharts(chartRef.current, chartOptions(chartHeight, chartColor, strokeColor));
         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();
             }
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [chartRef, mode]);
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: "card-header border-0 py-5 bg-".concat(chartColor) },
-            react_1.default.createElement("h3", { className: 'card-title fw-bold text-white' }, "Sales Statistics"),
-            react_1.default.createElement("div", { className: 'card-toolbar' },
-                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color- border-0 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-2' })),
-                react_1.default.createElement(Dropdown1_1.Dropdown1, null))),
-        react_1.default.createElement("div", { className: 'card-body p-0' },
-            react_1.default.createElement("div", { ref: chartRef, className: "mixed-widget-2-chart card-rounded-bottom bg-".concat(chartColor) }),
-            react_1.default.createElement("div", { className: 'card-p mt-n20 position-relative' },
-                react_1.default.createElement("div", { className: 'row g-0' },
-                    react_1.default.createElement("div", { className: 'col bg-light-warning px-6 py-8 rounded-2 me-7 mb-7' },
-                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'chart-simple', className: 'fs-3x text-warning d-block my-2' }),
-                        react_1.default.createElement("a", { href: '#', className: 'text-warning fw-semibold fs-6' }, "Weekly Sales")),
-                    react_1.default.createElement("div", { className: 'col bg-light-primary px-6 py-8 rounded-2 mb-7' },
-                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'plus', className: 'fs-3x text-primary d-block my-2' }),
-                        react_1.default.createElement("a", { href: '#', className: 'text-primary fw-semibold fs-6' }, "New Users"))),
-                react_1.default.createElement("div", { className: 'row g-0' },
-                    react_1.default.createElement("div", { className: 'col bg-light-danger px-6 py-8 rounded-2 me-7' },
-                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'abstract-26', className: 'fs-3x text-danger d-block my-2' }),
-                        react_1.default.createElement("a", { href: '#', className: 'text-danger fw-semibold fs-6 mt-2' }, "Item Orders")),
-                    react_1.default.createElement("div", { className: 'col bg-light-success px-6 py-8 rounded-2' },
-                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'sms', className: 'fs-3x text-success d-block my-2' }),
-                        react_1.default.createElement("a", { href: '#', className: 'text-success fw-semibold fs-6 mt-2' }, "Bug Reports")))))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: `card-header border-0 py-5 bg-${chartColor}` },
+            React.createElement("h3", { className: 'card-title fw-bold text-white' }, "Sales Statistics"),
+            React.createElement("div", { className: 'card-toolbar' },
+                React.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color- border-0 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-2' })),
+                React.createElement(Dropdown1, null))),
+        React.createElement("div", { className: 'card-body p-0' },
+            React.createElement("div", { ref: chartRef, className: `mixed-widget-2-chart card-rounded-bottom bg-${chartColor}` }),
+            React.createElement("div", { className: 'card-p mt-n20 position-relative' },
+                React.createElement("div", { className: 'row g-0' },
+                    React.createElement("div", { className: 'col bg-light-warning px-6 py-8 rounded-2 me-7 mb-7' },
+                        React.createElement(KTIcon, { iconName: 'chart-simple', className: 'fs-3x text-warning d-block my-2' }),
+                        React.createElement("a", { href: '#', className: 'text-warning fw-semibold fs-6' }, "Weekly Sales")),
+                    React.createElement("div", { className: 'col bg-light-primary px-6 py-8 rounded-2 mb-7' },
+                        React.createElement(KTIcon, { iconName: 'plus', className: 'fs-3x text-primary d-block my-2' }),
+                        React.createElement("a", { href: '#', className: 'text-primary fw-semibold fs-6' }, "New Users"))),
+                React.createElement("div", { className: 'row g-0' },
+                    React.createElement("div", { className: 'col bg-light-danger px-6 py-8 rounded-2 me-7' },
+                        React.createElement(KTIcon, { iconName: 'abstract-26', className: 'fs-3x text-danger d-block my-2' }),
+                        React.createElement("a", { href: '#', className: 'text-danger fw-semibold fs-6 mt-2' }, "Item Orders")),
+                    React.createElement("div", { className: 'col bg-light-success px-6 py-8 rounded-2' },
+                        React.createElement(KTIcon, { iconName: 'sms', className: 'fs-3x text-success d-block my-2' }),
+                        React.createElement("a", { href: '#', className: 'text-success fw-semibold fs-6 mt-2' }, "Bug Reports")))))));
 };
-exports.MixedWidget2 = MixedWidget2;
-var chartOptions = function (chartHeight, chartColor, strokeColor) {
-    var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-500');
-    var borderColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-200');
-    var color = (0, _utils_1.getCSSVariableValue)('--bs-' + chartColor);
+const chartOptions = (chartHeight, chartColor, strokeColor) => {
+    const labelColor = getCSSVariableValue('--bs-gray-500');
+    const borderColor = getCSSVariableValue('--bs-gray-200');
+    const color = getCSSVariableValue('--bs-' + chartColor);
     return {
         series: [
             {
@@ -211,3 +180,4 @@ var chartOptions = function (chartHeight, chartColor, strokeColor) {
         },
     };
 };
+export { MixedWidget2 };

package/dist/partials/widgets/mixed/MixedWidget3.js

@@ -1,91 +1,60 @@
-"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.MixedWidget3 = void 0;
-var react_1 = __importStar(require("react"));
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var helpers_1 = require("../../../helpers");
-var _utils_1 = require("../../../assets/ts/_utils");
-var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
-var clsx_1 = __importDefault(require("clsx"));
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var MixedWidget3 = function (_a) {
-    var className = _a.className, chartColor = _a.chartColor, chartHeight = _a.chartHeight;
-    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 { KTIcon } from '../../../helpers';
+import { getCSSVariableValue } from '../../../assets/ts/_utils';
+import { Dropdown1 } from '../../content/dropdown/Dropdown1';
+import clsx from 'clsx';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const MixedWidget3 = ({ className, chartColor, chartHeight }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var chart = new apexcharts_1.default(chartRef.current, chartOptions(chartHeight));
+        const chart = new ApexCharts(chartRef.current, chartOptions(chartHeight));
         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();
             }
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [chartRef, mode]);
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: "card-header border-0 bg-".concat(chartColor, " py-5") },
-            react_1.default.createElement("h3", { className: 'card-title fw-bold text-white' }, "Sales Progress"),
-            react_1.default.createElement("div", { className: 'card-toolbar' },
-                react_1.default.createElement("button", { type: 'button', className: (0, clsx_1.default)('btn btn-sm btn-icon btn-color-white btn-active-white', "btn-active-color-".concat(chartColor), 'border-0 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-2' })),
-                react_1.default.createElement(Dropdown1_1.Dropdown1, null))),
-        react_1.default.createElement("div", { className: 'card-body p-0' },
-            react_1.default.createElement("div", { ref: chartRef, className: "mixed-widget-12-chart card-rounded-bottom bg-".concat(chartColor) }),
-            react_1.default.createElement("div", { className: 'card-rounded bg-body mt-n10 position-relative card-px py-15' },
-                react_1.default.createElement("div", { className: 'row g-0 mb-7' },
-                    react_1.default.createElement("div", { className: 'col mx-5' },
-                        react_1.default.createElement("div", { className: 'fs-6 text-gray-500' }, "Avarage Sale"),
-                        react_1.default.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$650")),
-                    react_1.default.createElement("div", { className: 'col mx-5' },
-                        react_1.default.createElement("div", { className: 'fs-6 text-gray-500' }, "Comissions"),
-                        react_1.default.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$29,500"))),
-                react_1.default.createElement("div", { className: 'row g-0' },
-                    react_1.default.createElement("div", { className: 'col mx-5' },
-                        react_1.default.createElement("div", { className: 'fs-6 text-gray-500' }, "Revenue"),
-                        react_1.default.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$55,000")),
-                    react_1.default.createElement("div", { className: 'col mx-5' },
-                        react_1.default.createElement("div", { className: 'fs-6 text-gray-500' }, "Expenses"),
-                        react_1.default.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$1,130,600")))))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: `card-header border-0 bg-${chartColor} py-5` },
+            React.createElement("h3", { className: 'card-title fw-bold text-white' }, "Sales Progress"),
+            React.createElement("div", { className: 'card-toolbar' },
+                React.createElement("button", { type: 'button', className: clsx('btn btn-sm btn-icon btn-color-white btn-active-white', `btn-active-color-${chartColor}`, 'border-0 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-2' })),
+                React.createElement(Dropdown1, null))),
+        React.createElement("div", { className: 'card-body p-0' },
+            React.createElement("div", { ref: chartRef, className: `mixed-widget-12-chart card-rounded-bottom bg-${chartColor}` }),
+            React.createElement("div", { className: 'card-rounded bg-body mt-n10 position-relative card-px py-15' },
+                React.createElement("div", { className: 'row g-0 mb-7' },
+                    React.createElement("div", { className: 'col mx-5' },
+                        React.createElement("div", { className: 'fs-6 text-gray-500' }, "Avarage Sale"),
+                        React.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$650")),
+                    React.createElement("div", { className: 'col mx-5' },
+                        React.createElement("div", { className: 'fs-6 text-gray-500' }, "Comissions"),
+                        React.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$29,500"))),
+                React.createElement("div", { className: 'row g-0' },
+                    React.createElement("div", { className: 'col mx-5' },
+                        React.createElement("div", { className: 'fs-6 text-gray-500' }, "Revenue"),
+                        React.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$55,000")),
+                    React.createElement("div", { className: 'col mx-5' },
+                        React.createElement("div", { className: 'fs-6 text-gray-500' }, "Expenses"),
+                        React.createElement("div", { className: 'fs-2 fw-bold text-gray-800' }, "$1,130,600")))))));
 };
-exports.MixedWidget3 = MixedWidget3;
-var chartOptions = function (chartHeight) {
-    var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-500');
-    var borderColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-200');
+const chartOptions = (chartHeight) => {
+    const labelColor = getCSSVariableValue('--bs-gray-500');
+    const borderColor = getCSSVariableValue('--bs-gray-200');
     return {
         series: [
             {
@@ -205,3 +174,4 @@ var chartOptions = function (chartHeight) {
         },
     };
 };
+export { MixedWidget3 };

package/dist/partials/widgets/mixed/MixedWidget4.js

@@ -1,43 +1,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import clsx from 'clsx';
+import React from 'react';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+import { Dropdown1 } from '../../content/dropdown/Dropdown1';
+const MixedWidget4 = ({ className, color, image, title, date, progress }) => {
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-body' },
+            React.createElement("div", { className: 'd-flex flex-stack' },
+                React.createElement("div", { className: 'd-flex align-items-center' },
+                    React.createElement("div", { className: 'symbol symbol-60px me-5' },
+                        React.createElement("span", { className: clsx(`symbol-label`, `bg-${color}-light`) },
+                            React.createElement("img", { src: toAbsoluteUrl(image), className: 'h-50 align-self-center', alt: '' }))),
+                    React.createElement("div", { className: 'd-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3' },
+                        React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-5' }, title),
+                        React.createElement("span", { className: 'text-muted fw-semibold' }, date))),
+                React.createElement("div", { className: 'ms-1' },
+                    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: 'd-flex flex-column w-100 mt-12' },
+                React.createElement("span", { className: 'text-gray-900 me-2 fw-bold pb-3' }, "Progress"),
+                React.createElement("div", { className: 'progress h-5px w-100' },
+                    React.createElement("div", { className: `progress-bar bg-${color}`, role: 'progressbar', style: { width: progress } }))),
+            React.createElement("div", { className: 'd-flex flex-column mt-10' },
+                React.createElement("div", { className: 'text-gray-900 me-2 fw-bold pb-4' }, "Team"),
+                React.createElement("div", { className: 'd-flex' },
+                    React.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Ana Stone' },
+                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-6.jpg'), alt: '' })),
+                    React.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Mark Larson' },
+                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-5.jpg'), alt: '' })),
+                    React.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Sam Harris' },
+                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-9.jpg'), alt: '' })),
+                    React.createElement("a", { href: '#', className: 'symbol symbol-35px', "data-bs-toggle": 'tooltip', title: 'Alice Micto' },
+                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-10.jpg'), alt: '' })))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MixedWidget4 = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
-var MixedWidget4 = function (_a) {
-    var className = _a.className, color = _a.color, image = _a.image, title = _a.title, date = _a.date, progress = _a.progress;
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-body' },
-            react_1.default.createElement("div", { className: 'd-flex flex-stack' },
-                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                    react_1.default.createElement("div", { className: 'symbol symbol-60px me-5' },
-                        react_1.default.createElement("span", { className: (0, clsx_1.default)("symbol-label", "bg-".concat(color, "-light")) },
-                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)(image), className: 'h-50 align-self-center', alt: '' }))),
-                    react_1.default.createElement("div", { className: 'd-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3' },
-                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-5' }, title),
-                        react_1.default.createElement("span", { className: 'text-muted fw-semibold' }, date))),
-                react_1.default.createElement("div", { className: 'ms-1' },
-                    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: 'd-flex flex-column w-100 mt-12' },
-                react_1.default.createElement("span", { className: 'text-gray-900 me-2 fw-bold pb-3' }, "Progress"),
-                react_1.default.createElement("div", { className: 'progress h-5px w-100' },
-                    react_1.default.createElement("div", { className: "progress-bar bg-".concat(color), role: 'progressbar', style: { width: progress } }))),
-            react_1.default.createElement("div", { className: 'd-flex flex-column mt-10' },
-                react_1.default.createElement("div", { className: 'text-gray-900 me-2 fw-bold pb-4' }, "Team"),
-                react_1.default.createElement("div", { className: 'd-flex' },
-                    react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Ana Stone' },
-                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-6.jpg'), alt: '' })),
-                    react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Mark Larson' },
-                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-5.jpg'), alt: '' })),
-                    react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Sam Harris' },
-                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-9.jpg'), alt: '' })),
-                    react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px', "data-bs-toggle": 'tooltip', title: 'Alice Micto' },
-                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-10.jpg'), alt: '' })))))));
-};
-exports.MixedWidget4 = MixedWidget4;
+export { MixedWidget4 };

package/dist/partials/widgets/mixed/MixedWidget5.js

@@ -1,29 +1,22 @@
-"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 MixedWidget5 = ({ className, time, image, title, description }) => {
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-body d-flex flex-column pb-10 pb-lg-15' },
+            React.createElement("div", { className: 'flex-grow-1' },
+                React.createElement("div", { className: 'd-flex align-items-center pe-2 mb-5' },
+                    React.createElement("span", { className: 'text-muted fw-bold fs-5 flex-grow-1' }, time),
+                    React.createElement("div", { className: 'symbol symbol-50px' },
+                        React.createElement("span", { className: 'symbol-label bg-light' },
+                            React.createElement("img", { src: toAbsoluteUrl(image), className: 'h-50 align-self-center', alt: '' })))),
+                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-4' }, title),
+                React.createElement("p", { className: 'py-3', dangerouslySetInnerHTML: { __html: description } })),
+            React.createElement("div", { className: 'd-flex align-items-center' },
+                React.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Ana Stone' },
+                    React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-6.jpg'), alt: '' })),
+                React.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Mark Larson' },
+                    React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-5.jpg'), alt: '' })),
+                React.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Sam Harris' },
+                    React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-9.jpg'), alt: '' }))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MixedWidget5 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var MixedWidget5 = function (_a) {
-    var className = _a.className, time = _a.time, image = _a.image, title = _a.title, description = _a.description;
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column pb-10 pb-lg-15' },
-            react_1.default.createElement("div", { className: 'flex-grow-1' },
-                react_1.default.createElement("div", { className: 'd-flex align-items-center pe-2 mb-5' },
-                    react_1.default.createElement("span", { className: 'text-muted fw-bold fs-5 flex-grow-1' }, time),
-                    react_1.default.createElement("div", { className: 'symbol symbol-50px' },
-                        react_1.default.createElement("span", { className: 'symbol-label bg-light' },
-                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)(image), className: 'h-50 align-self-center', alt: '' })))),
-                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-4' }, title),
-                react_1.default.createElement("p", { className: 'py-3', dangerouslySetInnerHTML: { __html: description } })),
-            react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Ana Stone' },
-                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-6.jpg'), alt: '' })),
-                react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Mark Larson' },
-                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-5.jpg'), alt: '' })),
-                react_1.default.createElement("a", { href: '#', className: 'symbol symbol-35px me-2', "data-bs-toggle": 'tooltip', title: 'Sam Harris' },
-                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-9.jpg'), alt: '' }))))));
-};
-exports.MixedWidget5 = MixedWidget5;
+export { MixedWidget5 };

package/dist/partials/widgets/mixed/MixedWidget6.js

@@ -1,98 +1,67 @@
-"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.MixedWidget6 = void 0;
-var react_1 = __importStar(require("react"));
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var helpers_1 = require("../../../helpers");
-var _utils_1 = require("../../../assets/ts/_utils");
-var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var MixedWidget6 = function (_a) {
-    var className = _a.className, chartHeight = _a.chartHeight, chartColor = _a.chartColor;
-    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 { KTIcon } from '../../../helpers';
+import { getCSSVariableValue } from '../../../assets/ts/_utils';
+import { Dropdown1 } from '../../content/dropdown/Dropdown1';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const MixedWidget6 = ({ className, chartHeight, chartColor }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var chart = new apexcharts_1.default(chartRef.current, chartOptions(chartHeight, chartColor));
+        const chart = new ApexCharts(chartRef.current, chartOptions(chartHeight, chartColor));
         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();
             }
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [chartRef, mode]);
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-header border-0 py-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' }, "Sales Overview"),
-                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Recent sales statistics")),
-            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 p-0 d-flex flex-column' },
-            react_1.default.createElement("div", { className: 'card-p pt-5 bg-body flex-grow-1' },
-                react_1.default.createElement("div", { className: 'row g-0' },
-                    react_1.default.createElement("div", { className: 'col mr-8' },
-                        react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Average Sale"),
-                        react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                            react_1.default.createElement("div", { className: 'fs-4 fw-bold' }, "$650"),
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-up', className: 'fs-5 text-success ms-1' }))),
-                    react_1.default.createElement("div", { className: 'col' },
-                        react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Commission"),
-                        react_1.default.createElement("div", { className: 'fs-4 fw-bold' }, "$233,600"))),
-                react_1.default.createElement("div", { className: 'row g-0 mt-8' },
-                    react_1.default.createElement("div", { className: 'col mr-8' },
-                        react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Annual Taxes 2019"),
-                        react_1.default.createElement("div", { className: 'fs-4 fw-bold' }, "$29,004")),
-                    react_1.default.createElement("div", { className: 'col' },
-                        react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Annual Income"),
-                        react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                            react_1.default.createElement("div", { className: 'fs-4 fw-bold' }, "$1,480,00"),
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-down', className: 'fs-5 text-danger ms-1' }))))),
-            react_1.default.createElement("div", { ref: chartRef, className: 'mixed-widget-3-chart card-rounded-bottom', "data-kt-chart-color": chartColor, style: { height: chartHeight } }))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-header border-0 py-5' },
+            React.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                React.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Sales Overview"),
+                React.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Recent sales statistics")),
+            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 p-0 d-flex flex-column' },
+            React.createElement("div", { className: 'card-p pt-5 bg-body flex-grow-1' },
+                React.createElement("div", { className: 'row g-0' },
+                    React.createElement("div", { className: 'col mr-8' },
+                        React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Average Sale"),
+                        React.createElement("div", { className: 'd-flex align-items-center' },
+                            React.createElement("div", { className: 'fs-4 fw-bold' }, "$650"),
+                            React.createElement(KTIcon, { iconName: 'arrow-up', className: 'fs-5 text-success ms-1' }))),
+                    React.createElement("div", { className: 'col' },
+                        React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Commission"),
+                        React.createElement("div", { className: 'fs-4 fw-bold' }, "$233,600"))),
+                React.createElement("div", { className: 'row g-0 mt-8' },
+                    React.createElement("div", { className: 'col mr-8' },
+                        React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Annual Taxes 2019"),
+                        React.createElement("div", { className: 'fs-4 fw-bold' }, "$29,004")),
+                    React.createElement("div", { className: 'col' },
+                        React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Annual Income"),
+                        React.createElement("div", { className: 'd-flex align-items-center' },
+                            React.createElement("div", { className: 'fs-4 fw-bold' }, "$1,480,00"),
+                            React.createElement(KTIcon, { iconName: 'arrow-down', className: 'fs-5 text-danger ms-1' }))))),
+            React.createElement("div", { ref: chartRef, className: 'mixed-widget-3-chart card-rounded-bottom', "data-kt-chart-color": chartColor, style: { height: chartHeight } }))));
 };
-exports.MixedWidget6 = MixedWidget6;
-var chartOptions = function (chartHeight, chartColor) {
-    var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-800');
-    var strokeColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-300');
-    var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-' + chartColor);
-    var lightColor = (0, _utils_1.getCSSVariableValue)('--bs-' + chartColor + '-light');
+const chartOptions = (chartHeight, chartColor) => {
+    const labelColor = getCSSVariableValue('--bs-gray-800');
+    const strokeColor = getCSSVariableValue('--bs-gray-300');
+    const baseColor = getCSSVariableValue('--bs-' + chartColor);
+    const lightColor = getCSSVariableValue('--bs-' + chartColor + '-light');
     return {
         series: [
             {
@@ -209,3 +178,4 @@ var chartOptions = function (chartHeight, chartColor) {
         },
     };
 };
+export { MixedWidget6 };