@soyfri/template 1.0.1 → 1.0.3

package/dist/partials/widgets/tables/TablesWidget9.js

@@ -1,174 +1,167 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TablesWidget9 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var TablesWidget9 = function (_a) {
-    var className = _a.className;
-    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' }, "Members Statistics"),
-                react_1.default.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "Over 500 members")),
-            react_1.default.createElement("div", { className: 'card-toolbar', "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Click to add a user' },
-                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-light-primary', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_invite_friends' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'plus', className: 'fs-3' }),
+import React from 'react';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+const TablesWidget9 = ({ className }) => {
+    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' }, "Members Statistics"),
+                React.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "Over 500 members")),
+            React.createElement("div", { className: 'card-toolbar', "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Click to add a user' },
+                React.createElement("a", { href: '#', className: 'btn btn-sm btn-light-primary', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_invite_friends' },
+                    React.createElement(KTIcon, { iconName: 'plus', className: 'fs-3' }),
                     "New Member"))),
-        react_1.default.createElement("div", { className: 'card-body py-3' },
-            react_1.default.createElement("div", { className: 'table-responsive' },
-                react_1.default.createElement("table", { className: 'table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4' },
-                    react_1.default.createElement("thead", null,
-                        react_1.default.createElement("tr", { className: 'fw-bold text-muted' },
-                            react_1.default.createElement("th", { className: 'w-25px' },
-                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
-                                    react_1.default.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '1', "data-kt-check": 'true', "data-kt-check-target": '.widget-9-check' }))),
-                            react_1.default.createElement("th", { className: 'min-w-150px' }, "Authors"),
-                            react_1.default.createElement("th", { className: 'min-w-140px' }, "Company"),
-                            react_1.default.createElement("th", { className: 'min-w-120px' }, "Progress"),
-                            react_1.default.createElement("th", { className: 'min-w-100px text-end' }, "Actions"))),
-                    react_1.default.createElement("tbody", null,
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
-                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-14.jpg'), alt: '' })),
-                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
-                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Ana Simmons"),
-                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "Intertico"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Web, UI/UX Design")),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "50%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '50%' } })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
-                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-2.jpg'), alt: '' })),
-                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
-                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Jessie Clarcson"),
-                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "C#, ASP.NET, MS SQL")))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "Agoda"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Houses & Hotels")),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-danger', role: 'progressbar', style: { width: '70%' } })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
-                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-5.jpg'), alt: '' })),
-                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
-                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Lebron Wayde"),
-                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "PHP, Laravel, VueJS")))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "RoadGee"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Transportation")),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "60%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-success', role: 'progressbar', style: { width: '60%' } })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
-                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-20.jpg'), alt: '' })),
-                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
-                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Natali Goodwin"),
-                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Python, PostgreSQL, ReactJS")))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "The Hill"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Insurance")),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "50%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-warning', role: 'progressbar', style: { width: '50%' } })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
-                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-23.jpg'), alt: '' })),
-                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
-                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Kevin Leonard"),
-                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "RoadGee"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Art Director")),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "90%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-info', role: 'progressbar', style: { width: '90%' } })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
-                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
-                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' })))))))))));
+        React.createElement("div", { className: 'card-body py-3' },
+            React.createElement("div", { className: 'table-responsive' },
+                React.createElement("table", { className: 'table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4' },
+                    React.createElement("thead", null,
+                        React.createElement("tr", { className: 'fw-bold text-muted' },
+                            React.createElement("th", { className: 'w-25px' },
+                                React.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    React.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '1', "data-kt-check": 'true', "data-kt-check-target": '.widget-9-check' }))),
+                            React.createElement("th", { className: 'min-w-150px' }, "Authors"),
+                            React.createElement("th", { className: 'min-w-140px' }, "Company"),
+                            React.createElement("th", { className: 'min-w-120px' }, "Progress"),
+                            React.createElement("th", { className: 'min-w-100px text-end' }, "Actions"))),
+                    React.createElement("tbody", null,
+                        React.createElement("tr", null,
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    React.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex align-items-center' },
+                                    React.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-14.jpg'), alt: '' })),
+                                    React.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Ana Simmons"),
+                                        React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "Intertico"),
+                                React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Web, UI/UX Design")),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "50%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '50%' } })))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        React.createElement(KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        React.createElement("tr", null,
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    React.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex align-items-center' },
+                                    React.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-2.jpg'), alt: '' })),
+                                    React.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Jessie Clarcson"),
+                                        React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "C#, ASP.NET, MS SQL")))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "Agoda"),
+                                React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Houses & Hotels")),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-danger', role: 'progressbar', style: { width: '70%' } })))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        React.createElement(KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        React.createElement("tr", null,
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    React.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex align-items-center' },
+                                    React.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-5.jpg'), alt: '' })),
+                                    React.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Lebron Wayde"),
+                                        React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "PHP, Laravel, VueJS")))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "RoadGee"),
+                                React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Transportation")),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "60%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-success', role: 'progressbar', style: { width: '60%' } })))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        React.createElement(KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        React.createElement("tr", null,
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    React.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex align-items-center' },
+                                    React.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-20.jpg'), alt: '' })),
+                                    React.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Natali Goodwin"),
+                                        React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Python, PostgreSQL, ReactJS")))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "The Hill"),
+                                React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Insurance")),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "50%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-warning', role: 'progressbar', style: { width: '50%' } })))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        React.createElement(KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        React.createElement("tr", null,
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    React.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex align-items-center' },
+                                    React.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/avatars/300-23.jpg'), alt: '' })),
+                                    React.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Kevin Leonard"),
+                                        React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "RoadGee"),
+                                React.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Art Director")),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "90%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-info', role: 'progressbar', style: { width: '90%' } })))),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        React.createElement(KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    React.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        React.createElement(KTIcon, { iconName: 'trash', className: 'fs-3' })))))))))));
 };
-exports.TablesWidget9 = TablesWidget9;
+export { TablesWidget9 };

package/dist/partials/widgets/tiles/TilesWidget1.js

@@ -1,18 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TilesWidget1 = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var helpers_1 = require("../../../helpers");
-var TilesWidget1 = function (_a) {
-    var className = _a.className, _b = _a.bgImage, bgImage = _b === void 0 ? (0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-75.jpg') : _b, _c = _a.title, title = _c === void 0 ? 'Properties' : _c;
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-150px bgi-no-repeat bgi-size-cover', className), style: {
-            backgroundImage: "url(\"".concat(bgImage, "\")"),
+import React from 'react';
+import clsx from 'clsx';
+import { toAbsoluteUrl } from '../../../helpers';
+const TilesWidget1 = ({ className, bgImage = toAbsoluteUrl('media/stock/600x400/img-75.jpg'), title = 'Properties', }) => {
+    return (React.createElement("div", { className: clsx('card h-150px bgi-no-repeat bgi-size-cover', className), style: {
+            backgroundImage: `url("${bgImage}")`,
         } },
-        react_1.default.createElement("div", { className: 'card-body p-6' },
-            react_1.default.createElement("a", { href: '#', className: 'text-black text-hover-primary fw-bold fs-2', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_app' }, title))));
+        React.createElement("div", { className: 'card-body p-6' },
+            React.createElement("a", { href: '#', className: 'text-black text-hover-primary fw-bold fs-2', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_app' }, title))));
 };
-exports.TilesWidget1 = TilesWidget1;
+export { TilesWidget1 };

package/dist/partials/widgets/tiles/TilesWidget2.js

@@ -1,28 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TilesWidget2 = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var helpers_1 = require("../../../helpers");
-var TilesWidget2 = function (_a) {
-    var className = _a.className, _b = _a.bgColor, bgColor = _b === void 0 ? '#663259' : _b, _c = _a.title, title = _c === void 0 ? 'Create SaaS' : _c, _d = _a.title2, title2 = _d === void 0 ? 'Based Reports' : _d;
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-175px bgi-no-repeat bgi-size-contain', className), style: {
+import React from 'react';
+import clsx from 'clsx';
+import { toAbsoluteUrl } from '../../../helpers';
+const TilesWidget2 = ({ className, bgColor = '#663259', title = 'Create SaaS', title2 = 'Based Reports', }) => {
+    return (React.createElement("div", { className: clsx('card h-175px bgi-no-repeat bgi-size-contain', className), style: {
             backgroundColor: bgColor,
             backgroundPosition: 'right',
-            backgroundImage: "url(\"".concat((0, helpers_1.toAbsoluteUrl)('media/svg/misc/taieri.svg'), "\")"),
+            backgroundImage: `url("${toAbsoluteUrl('media/svg/misc/taieri.svg')}")`,
         } },
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
-            react_1.default.createElement("h2", { className: 'text-white fw-bold mb-5' },
+        React.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
+            React.createElement("h2", { className: 'text-white fw-bold mb-5' },
                 title,
                 " ",
-                react_1.default.createElement("br", null),
+                React.createElement("br", null),
                 " ",
                 title2,
                 ' '),
-            react_1.default.createElement("div", { className: 'm-0' },
-                react_1.default.createElement("a", { href: '#', className: 'btn btn-danger fw-semibold px-6 py-3', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_app' }, "Create Campaign")))));
+            React.createElement("div", { className: 'm-0' },
+                React.createElement("a", { href: '#', className: 'btn btn-danger fw-semibold px-6 py-3', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_app' }, "Create Campaign")))));
 };
-exports.TilesWidget2 = TilesWidget2;
+export { TilesWidget2 };

package/dist/partials/widgets/tiles/TilesWidget3.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.TilesWidget3 = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var helpers_1 = require("../../../helpers");
-var TilesWidget3 = function (_a) {
-    var className = _a.className;
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-100 bgi-no-repeat bgi-size-cover', className), style: { backgroundImage: "url(\"".concat((0, helpers_1.toAbsoluteUrl)('media/misc/bg-2.jpg'), "\")") } },
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
-            react_1.default.createElement("div", { className: 'text-white fw-bold fs-2' },
-                react_1.default.createElement("h2", { className: 'fw-bold text-white mb-2' }, "Create Reports"),
+import React from 'react';
+import clsx from 'clsx';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+const TilesWidget3 = ({ className, }) => {
+    return (React.createElement("div", { className: clsx('card h-100 bgi-no-repeat bgi-size-cover', className), style: { backgroundImage: `url("${toAbsoluteUrl('media/misc/bg-2.jpg')}")` } },
+        React.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
+            React.createElement("div", { className: 'text-white fw-bold fs-2' },
+                React.createElement("h2", { className: 'fw-bold text-white mb-2' }, "Create Reports"),
                 "With App"),
-            react_1.default.createElement("a", { href: '#', className: 'text-warning fw-semibold' },
+            React.createElement("a", { href: '#', className: 'text-warning fw-semibold' },
                 "Create Report",
-                react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-2 text-warning', iconName: 'arrow-right' })))));
+                React.createElement(KTIcon, { className: 'fs-2 text-warning', iconName: 'arrow-right' })))));
 };
-exports.TilesWidget3 = TilesWidget3;
+export { TilesWidget3 };

package/dist/partials/widgets/tiles/TilesWidget4.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 clsx from 'clsx';
+const TilesWidget4 = ({ className }) => {
+    return (React.createElement("div", { className: clsx('card h-150px', className) },
+        React.createElement("div", { className: 'card-body d-flex align-items-center justify-content-between flex-wrap' },
+            React.createElement("div", { className: 'me-2' },
+                React.createElement("h2", { className: 'fw-bold text-gray-800 mb-3' }, "Create CRM Reports"),
+                React.createElement("div", { className: 'text-muted fw-semibold fs-6' }, "Generate the latest CRM report for company projects")),
+            React.createElement("a", { href: '#', className: 'btn btn-primary fw-semibold', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_campaign' }, "Start Now"))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TilesWidget4 = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var TilesWidget4 = function (_a) {
-    var className = _a.className;
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-150px', className) },
-        react_1.default.createElement("div", { className: 'card-body d-flex align-items-center justify-content-between flex-wrap' },
-            react_1.default.createElement("div", { className: 'me-2' },
-                react_1.default.createElement("h2", { className: 'fw-bold text-gray-800 mb-3' }, "Create CRM Reports"),
-                react_1.default.createElement("div", { className: 'text-muted fw-semibold fs-6' }, "Generate the latest CRM report for company projects")),
-            react_1.default.createElement("a", { href: '#', className: 'btn btn-primary fw-semibold', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_campaign' }, "Start Now"))));
-};
-exports.TilesWidget4 = TilesWidget4;
+export { TilesWidget4 };

package/dist/partials/widgets/tiles/TilesWidget5.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import clsx from 'clsx';
+import { KTIcon } from '../../../helpers';
+import React from 'react';
+const TilesWidget5 = (props) => {
+    const { className, svgIcon, titleClass, descriptionClass, iconClass, title, description } = props;
+    return (React.createElement("a", { href: '#', className: clsx('card', className) },
+        React.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
+            React.createElement(KTIcon, { iconName: svgIcon || '', className: clsx(iconClass, 'fs-2hx ms-n1 flex-grow-1') }),
+            React.createElement("div", { className: 'd-flex flex-column' },
+                React.createElement("div", { className: clsx(titleClass, 'fw-bold fs-1 mb-0 mt-5') }, title),
+                React.createElement("div", { className: clsx(descriptionClass, 'fw-semibold fs-6') }, description)))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TilesWidget5 = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var helpers_1 = require("../../../helpers");
-var react_1 = __importDefault(require("react"));
-var TilesWidget5 = function (props) {
-    var className = props.className, svgIcon = props.svgIcon, titleClass = props.titleClass, descriptionClass = props.descriptionClass, iconClass = props.iconClass, title = props.title, description = props.description;
-    return (react_1.default.createElement("a", { href: '#', className: (0, clsx_1.default)('card', className) },
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
-            react_1.default.createElement(helpers_1.KTIcon, { iconName: svgIcon || '', className: (0, clsx_1.default)(iconClass, 'fs-2hx ms-n1 flex-grow-1') }),
-            react_1.default.createElement("div", { className: 'd-flex flex-column' },
-                react_1.default.createElement("div", { className: (0, clsx_1.default)(titleClass, 'fw-bold fs-1 mb-0 mt-5') }, title),
-                react_1.default.createElement("div", { className: (0, clsx_1.default)(descriptionClass, 'fw-semibold fs-6') }, description)))));
-};
-exports.TilesWidget5 = TilesWidget5;
+export { TilesWidget5 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soyfri/template",
-  "version": "1.0.1",
-  "description": "Metronic template components and utilities",
+  "version": "1.0.3",
+  "description": "Metronic template components and utilities for Fri projects",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -9,7 +9,8 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && npm run assets",
+    "assets": "cp -r _metronic/assets dist/",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -70,4 +71,5 @@
   "publishConfig": {
     "access": "public"
   }
+  
 }