@soyfri/template 1.0.1 → 1.0.3

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

@@ -1,86 +1,55 @@
-"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.MixedWidget7 = 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 MixedWidget7 = 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 { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const MixedWidget7 = ({ 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(chartColor, chartHeight));
+        const chart = new ApexCharts(chartRef.current, chartOptions(chartColor, 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 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' }, "Action Needed"),
-                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Complete your profile setup")),
-            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 d-flex flex-column' },
-            react_1.default.createElement("div", { className: 'flex-grow-1' },
-                react_1.default.createElement("div", { ref: chartRef, className: 'mixed-widget-4-chart' })),
-            react_1.default.createElement("div", { className: 'pt-5' },
-                react_1.default.createElement("p", { className: 'text-center fs-6 pb-5 ' },
-                    react_1.default.createElement("span", { className: 'badge badge-light-danger fs-8' }, "Notes:"),
+    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' }, "Action Needed"),
+                React.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Complete your profile setup")),
+            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 d-flex flex-column' },
+            React.createElement("div", { className: 'flex-grow-1' },
+                React.createElement("div", { ref: chartRef, className: 'mixed-widget-4-chart' })),
+            React.createElement("div", { className: 'pt-5' },
+                React.createElement("p", { className: 'text-center fs-6 pb-5 ' },
+                    React.createElement("span", { className: 'badge badge-light-danger fs-8' }, "Notes:"),
                     "\u00A0 Current sprint requires stakeholders",
-                    react_1.default.createElement("br", null),
+                    React.createElement("br", null),
                     "to approve newly amended policies"),
-                react_1.default.createElement("a", { href: '#', className: "btn btn-".concat(chartColor, " w-100 py-3") }, "Take Action")))));
+                React.createElement("a", { href: '#', className: `btn btn-${chartColor} w-100 py-3` }, "Take Action")))));
 };
-exports.MixedWidget7 = MixedWidget7;
-var chartOptions = function (chartColor, chartHeight) {
-    var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-' + chartColor);
-    var lightColor = (0, _utils_1.getCSSVariableValue)('--bs-' + chartColor + '-light');
-    var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-700');
+const chartOptions = (chartColor, chartHeight) => {
+    const baseColor = getCSSVariableValue('--bs-' + chartColor);
+    const lightColor = getCSSVariableValue('--bs-' + chartColor + '-light');
+    const labelColor = getCSSVariableValue('--bs-gray-700');
     return {
         series: [74],
         chart: {
@@ -123,3 +92,4 @@ var chartOptions = function (chartColor, chartHeight) {
         labels: ['Progress'],
     };
 };
+export { MixedWidget7 };

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

@@ -1,107 +1,76 @@
-"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.MixedWidget8 = 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 MixedWidget8 = 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, toAbsoluteUrl } from '../../../helpers';
+import { getCSSVariableValue } from '../../../assets/ts/_utils';
+import { Dropdown1 } from '../../content/dropdown/Dropdown1';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const MixedWidget8 = ({ className, chartColor, chartHeight }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var chart1 = new apexcharts_1.default(chartRef.current, chart1Options(chartColor, chartHeight));
+        const chart1 = new ApexCharts(chartRef.current, chart1Options(chartColor, chartHeight));
         if (chart1) {
             chart1.render();
         }
         return chart1;
     };
-    (0, react_1.useEffect)(function () {
-        var chart1 = refreshChart();
-        return function () {
+    useEffect(() => {
+        const chart1 = refreshChart();
+        return () => {
             if (chart1) {
                 chart1.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' }, "Trends"),
-                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Latest trends")),
-            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 d-flex flex-column' },
-            react_1.default.createElement("div", { ref: chartRef, className: 'mixed-widget-5-chart card-rounded-top' }),
-            react_1.default.createElement("div", { className: 'mt-5' },
-                react_1.default.createElement("div", { className: 'd-flex flex-stack mb-5' },
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-3' },
-                            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
-                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/plurk.svg'), alt: '', className: 'h-50' }))),
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bold' }, "Top Authors"),
-                            react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold mt-1' }, "Ricky Hunt, Sandra Trepp"))),
-                    react_1.default.createElement("div", { className: 'badge badge-light fw-semibold py-4 px-3' }, "+82$")),
-                react_1.default.createElement("div", { className: 'd-flex flex-stack mb-5' },
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-3' },
-                            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
-                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/figma-1.svg'), alt: '', className: 'h-50' }))),
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bold' }, "Top Sales"),
-                            react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold mt-1' }, "PitStop Emails"))),
-                    react_1.default.createElement("div", { className: 'badge badge-light fw-semibold py-4 px-3' }, "+82$")),
-                react_1.default.createElement("div", { className: 'd-flex flex-stack' },
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-3' },
-                            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
-                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/vimeo.svg'), alt: '', className: 'h-50' }))),
-                        react_1.default.createElement("div", { className: 'py-1' },
-                            react_1.default.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bold' }, "Top Engagement"),
-                            react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold mt-1' }, "KT.com"))),
-                    react_1.default.createElement("div", { className: 'badge badge-light fw-semibold py-4 px-3' }, "+82$"))))));
+    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' }, "Trends"),
+                React.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Latest trends")),
+            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 d-flex flex-column' },
+            React.createElement("div", { ref: chartRef, className: 'mixed-widget-5-chart card-rounded-top' }),
+            React.createElement("div", { className: 'mt-5' },
+                React.createElement("div", { className: 'd-flex flex-stack mb-5' },
+                    React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                        React.createElement("div", { className: 'symbol symbol-50px me-3' },
+                            React.createElement("div", { className: 'symbol-label bg-light' },
+                                React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/plurk.svg'), alt: '', className: 'h-50' }))),
+                        React.createElement("div", null,
+                            React.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bold' }, "Top Authors"),
+                            React.createElement("div", { className: 'fs-7 text-muted fw-semibold mt-1' }, "Ricky Hunt, Sandra Trepp"))),
+                    React.createElement("div", { className: 'badge badge-light fw-semibold py-4 px-3' }, "+82$")),
+                React.createElement("div", { className: 'd-flex flex-stack mb-5' },
+                    React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                        React.createElement("div", { className: 'symbol symbol-50px me-3' },
+                            React.createElement("div", { className: 'symbol-label bg-light' },
+                                React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/figma-1.svg'), alt: '', className: 'h-50' }))),
+                        React.createElement("div", null,
+                            React.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bold' }, "Top Sales"),
+                            React.createElement("div", { className: 'fs-7 text-muted fw-semibold mt-1' }, "PitStop Emails"))),
+                    React.createElement("div", { className: 'badge badge-light fw-semibold py-4 px-3' }, "+82$")),
+                React.createElement("div", { className: 'd-flex flex-stack' },
+                    React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                        React.createElement("div", { className: 'symbol symbol-50px me-3' },
+                            React.createElement("div", { className: 'symbol-label bg-light' },
+                                React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/vimeo.svg'), alt: '', className: 'h-50' }))),
+                        React.createElement("div", { className: 'py-1' },
+                            React.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bold' }, "Top Engagement"),
+                            React.createElement("div", { className: 'fs-7 text-muted fw-semibold mt-1' }, "KT.com"))),
+                    React.createElement("div", { className: 'badge badge-light fw-semibold py-4 px-3' }, "+82$"))))));
 };
-exports.MixedWidget8 = MixedWidget8;
-var chart1Options = function (chartColor, chartHeight) {
-    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 chart1Options = (chartColor, chartHeight) => {
+    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: [
             {
@@ -237,3 +206,4 @@ var chart1Options = function (chartColor, chartHeight) {
         },
     };
 };
+export { MixedWidget8 };

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

@@ -1,114 +1,83 @@
-"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.MixedWidget9 = 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 MixedWidget9 = 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 { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const MixedWidget9 = ({ 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(chartColor, chartHeight));
+        const chart = new ApexCharts(chartRef.current, chartOptions(chartColor, 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 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 Statistics"),
-                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-px pt-5 pb-10 flex-grow-1' },
-                react_1.default.createElement("div", { className: 'row g-0 mt-5 mb-10' },
-                    react_1.default.createElement("div", { className: 'col' },
-                        react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("div", { className: 'symbol symbol-50px me-3' },
-                                react_1.default.createElement("div", { className: 'symbol-label bg-light-info' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'bucket', className: 'fs-1 text-info' }))),
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$2,034"),
-                                react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Author Sales")))),
-                    react_1.default.createElement("div", { className: 'col' },
-                        react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("div", { className: 'symbol symbol-50px me-3' },
-                                react_1.default.createElement("div", { className: 'symbol-label bg-light-danger' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'abstract-26', className: 'fs-1 text-danger' }))),
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$706"),
-                                react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Commision"))))),
-                react_1.default.createElement("div", { className: 'row g-0' },
-                    react_1.default.createElement("div", { className: 'col' },
-                        react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("div", { className: 'symbol symbol-50px me-3' },
-                                react_1.default.createElement("div", { className: 'symbol-label bg-light-success' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'basket', className: 'fs-1 text-success' }))),
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$49"),
-                                react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Average Bid")))),
-                    react_1.default.createElement("div", { className: 'col' },
-                        react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("div", { className: 'symbol symbol-50px me-3' },
-                                react_1.default.createElement("div", { className: 'symbol-label bg-light-primary' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'cheque', className: 'fs-1 text-primary' }))),
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$5.8M"),
-                                react_1.default.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "All Time Sales")))))),
-            react_1.default.createElement("div", { ref: chartRef, className: 'mixed-widget-6-chart card-rounded-bottom' }))));
+    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 Statistics"),
+                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-px pt-5 pb-10 flex-grow-1' },
+                React.createElement("div", { className: 'row g-0 mt-5 mb-10' },
+                    React.createElement("div", { className: 'col' },
+                        React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("div", { className: 'symbol symbol-50px me-3' },
+                                React.createElement("div", { className: 'symbol-label bg-light-info' },
+                                    React.createElement(KTIcon, { iconName: 'bucket', className: 'fs-1 text-info' }))),
+                            React.createElement("div", null,
+                                React.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$2,034"),
+                                React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Author Sales")))),
+                    React.createElement("div", { className: 'col' },
+                        React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("div", { className: 'symbol symbol-50px me-3' },
+                                React.createElement("div", { className: 'symbol-label bg-light-danger' },
+                                    React.createElement(KTIcon, { iconName: 'abstract-26', className: 'fs-1 text-danger' }))),
+                            React.createElement("div", null,
+                                React.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$706"),
+                                React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Commision"))))),
+                React.createElement("div", { className: 'row g-0' },
+                    React.createElement("div", { className: 'col' },
+                        React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("div", { className: 'symbol symbol-50px me-3' },
+                                React.createElement("div", { className: 'symbol-label bg-light-success' },
+                                    React.createElement(KTIcon, { iconName: 'basket', className: 'fs-1 text-success' }))),
+                            React.createElement("div", null,
+                                React.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$49"),
+                                React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "Average Bid")))),
+                    React.createElement("div", { className: 'col' },
+                        React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("div", { className: 'symbol symbol-50px me-3' },
+                                React.createElement("div", { className: 'symbol-label bg-light-primary' },
+                                    React.createElement(KTIcon, { iconName: 'cheque', className: 'fs-1 text-primary' }))),
+                            React.createElement("div", null,
+                                React.createElement("div", { className: 'fs-4 text-gray-900 fw-bold' }, "$5.8M"),
+                                React.createElement("div", { className: 'fs-7 text-muted fw-semibold' }, "All Time Sales")))))),
+            React.createElement("div", { ref: chartRef, className: 'mixed-widget-6-chart card-rounded-bottom' }))));
 };
-exports.MixedWidget9 = MixedWidget9;
-var chartOptions = function (chartColor, chartHeight) {
-    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 = (chartColor, chartHeight) => {
+    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: [
             {
@@ -225,3 +194,4 @@ var chartOptions = function (chartColor, chartHeight) {
         },
     };
 };
+export { MixedWidget9 };

package/dist/partials/widgets/statistics/StatisticsWidget1.js

@@ -1,21 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatisticsWidget1 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var StatisticsWidget1 = function (_a) {
-    var className = _a.className, image = _a.image, title = _a.title, time = _a.time, description = _a.description;
-    return (react_1.default.createElement("div", { className: "card bgi-no-repeat ".concat(className), style: {
+import React from 'react';
+import { toAbsoluteUrl } from '../../../helpers';
+const StatisticsWidget1 = ({ className, image, title, time, description }) => {
+    return (React.createElement("div", { className: `card bgi-no-repeat ${className}`, style: {
             backgroundPosition: 'right top',
             backgroundSize: '30% auto',
-            backgroundImage: "url(".concat((0, helpers_1.toAbsoluteUrl)('media/svg/shapes/' + image), ")"),
+            backgroundImage: `url(${toAbsoluteUrl('media/svg/shapes/' + image)})`,
         } },
-        react_1.default.createElement("div", { className: 'card-body' },
-            react_1.default.createElement("a", { href: '#', className: 'card-title fw-bold text-muted text-hover-primary fs-4' }, title),
-            react_1.default.createElement("div", { className: 'fw-bold text-primary my-6' }, time),
-            react_1.default.createElement("p", { className: 'text-gray-900-75 fw-semibold fs-5 m-0', dangerouslySetInnerHTML: { __html: description } }))));
+        React.createElement("div", { className: 'card-body' },
+            React.createElement("a", { href: '#', className: 'card-title fw-bold text-muted text-hover-primary fs-4' }, title),
+            React.createElement("div", { className: 'fw-bold text-primary my-6' }, time),
+            React.createElement("p", { className: 'text-gray-900-75 fw-semibold fs-5 m-0', dangerouslySetInnerHTML: { __html: description } }))));
 };
-exports.StatisticsWidget1 = StatisticsWidget1;
+export { StatisticsWidget1 };

package/dist/partials/widgets/statistics/StatisticsWidget2.js

@@ -1,18 +1,11 @@
-"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 StatisticsWidget2 = ({ className, title, description, avatar }) => {
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-body d-flex align-items-center pt-3 pb-0' },
+            React.createElement("div", { className: 'd-flex flex-column flex-grow-1 py-2 py-lg-13 me-2' },
+                React.createElement("a", { href: '#', className: 'fw-bold text-gray-900 fs-4 mb-2 text-hover-primary' }, title),
+                React.createElement("span", { className: 'fw-semibold text-muted fs-5', dangerouslySetInnerHTML: { __html: description } })),
+            React.createElement("img", { src: toAbsoluteUrl(avatar), alt: '', className: 'align-self-end h-100px' }))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatisticsWidget2 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var StatisticsWidget2 = function (_a) {
-    var className = _a.className, title = _a.title, description = _a.description, avatar = _a.avatar;
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-body d-flex align-items-center pt-3 pb-0' },
-            react_1.default.createElement("div", { className: 'd-flex flex-column flex-grow-1 py-2 py-lg-13 me-2' },
-                react_1.default.createElement("a", { href: '#', className: 'fw-bold text-gray-900 fs-4 mb-2 text-hover-primary' }, title),
-                react_1.default.createElement("span", { className: 'fw-semibold text-muted fs-5', dangerouslySetInnerHTML: { __html: description } })),
-            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)(avatar), alt: '', className: 'align-self-end h-100px' }))));
-};
-exports.StatisticsWidget2 = StatisticsWidget2;
+export { StatisticsWidget2 };