@soyfri/template 1.0.1 → 1.0.4

package/dist/partials/content/portal/Portal.js

@@ -1,25 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Portal = void 0;
-var react_1 = require("react");
-var react_dom_1 = require("react-dom");
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 /**
  * React portal based on https://stackoverflow.com/a/59154364
  * @param children Child elements
  * @param className CSS classname
  * @param el HTML element to create.  default: div
  */
-var Portal = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b;
-    var container = (0, react_1.useState)(document.createElement('div'))[0];
+const Portal = ({ children, className = '' }) => {
+    const [container] = useState(document.createElement('div'));
     if (className)
         container.classList.add(className);
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         document.body.appendChild(container);
-        return function () {
+        return () => {
             document.body.removeChild(container);
         };
     }, [container]);
-    return (0, react_dom_1.createPortal)(children, container);
+    return createPortal(children, container);
 };
-exports.Portal = Portal;
+export { Portal };

package/dist/partials/index.js

@@ -1,42 +1,26 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./layout/quick-links/QuicLinks"), exports);
-__exportStar(require("./layout/search/Search"), exports);
-__exportStar(require("./layout/search/SearchInner"), exports);
-__exportStar(require("./layout/SearchModal"), exports);
-__exportStar(require("./layout/InboxCompose"), exports);
-__exportStar(require("./layout/header-menus/HeaderUserMenu"), exports);
-__exportStar(require("./layout/header-menus/HeaderNotificationsMenu"), exports);
-__exportStar(require("./layout/drawer-messenger/DrawerMessenger"), exports);
-__exportStar(require("./layout/activity-drawer/ActivityDrawer"), exports);
-__exportStar(require("./layout/create-app/CreateApp"), exports);
-__exportStar(require("./layout/theme-mode/ThemeModeProvider"), exports);
-__exportStar(require("./layout/theme-mode/ThemeModeSwitcher"), exports);
+export * from './layout/quick-links/QuicLinks';
+export * from './layout/search/Search';
+export * from './layout/search/SearchInner';
+export * from './layout/SearchModal';
+export * from './layout/InboxCompose';
+export * from './layout/header-menus/HeaderUserMenu';
+export * from './layout/header-menus/HeaderNotificationsMenu';
+export * from './layout/drawer-messenger/DrawerMessenger';
+export * from './layout/activity-drawer/ActivityDrawer';
+export * from './layout/create-app/CreateApp';
+export * from './layout/theme-mode/ThemeModeProvider';
+export * from './layout/theme-mode/ThemeModeSwitcher';
 // dropdpwns
-__exportStar(require("./content/dropdown/Dropdown1"), exports);
-__exportStar(require("./content/dropdown/Dropdown2"), exports);
+export * from './content/dropdown/Dropdown1';
+export * from './content/dropdown/Dropdown2';
 // editors
-__exportStar(require("./content/editor/EditorToolbar"), exports);
-__exportStar(require("./content/code-highlight/CodeBlock"), exports);
-__exportStar(require("./content/portal/Portal"), exports);
+export * from './content/editor/EditorToolbar';
+export * from './content/code-highlight/CodeBlock';
+export * from './content/portal/Portal';
 // modals
-__exportStar(require("./modals/create-app-stepper/CreateAppModal"), exports);
-__exportStar(require("./modals/select-location/SelectLocationModal"), exports);
-__exportStar(require("./modals/invite-users/InviteUsers"), exports);
-__exportStar(require("./modals/upgrade-plan/UpgradePlan"), exports);
+export * from './modals/create-app-stepper/CreateAppModal';
+export * from './modals/select-location/SelectLocationModal';
+export * from './modals/invite-users/InviteUsers';
+export * from './modals/upgrade-plan/UpgradePlan';
 // chat
-__exportStar(require("./chat/ChatInner"), exports);
+export * from './chat/ChatInner';

package/dist/partials/layout/InboxCompose.js

@@ -1,98 +1,71 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InboxCompose = void 0;
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var helpers_1 = require("../../helpers");
-var InboxCompose = function (_a) {
-    var show = _a.show, handleClose = _a.handleClose;
-    var composeToRef = (0, react_1.useRef)(null);
-    var formRef = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)(''), composeCC = _b[0], setComposeCC = _b[1];
-    var _c = (0, react_1.useState)(''), composeBCC = _c[0], setComposeBCC = _c[1];
-    var _d = (0, react_1.useState)(''), subject = _d[0], setSubject = _d[1];
-    return (react_1.default.createElement(react_bootstrap_1.Modal, { className: 'modal-sticky modal-sticky-lg modal-sticky-bottom-right', id: 'kt_inbox_compose', role: 'dialog', "data-backdrop": 'false', "aria-hidden": 'true', tabIndex: '-1', show: show, animation: false },
-        react_1.default.createElement("div", { className: 'modal-content' },
-            react_1.default.createElement("form", { ref: formRef, id: 'kt_inbox_compose_form', onSubmit: function () { return console.log('submit'); } },
-                react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-between py-5 ps-8 pe-5 border-bottom' },
-                    react_1.default.createElement("h5", { className: 'fw-bold m-0' }, "Compose"),
-                    react_1.default.createElement("div", { className: 'd-flex ms-2' },
-                        react_1.default.createElement("div", { className: 'btn btn-icon btn-sm btn-light-primary ms-2', "data-bs-dismiss": 'modal', onClick: handleClose },
-                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'cross' })))),
-                react_1.default.createElement("div", { className: 'd-block' },
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center border-bottom inbox-to px-8 min-h-45px' },
-                        react_1.default.createElement("div", { className: 'text-gray-600 w-75px' }, "To:"),
-                        react_1.default.createElement("div", { className: 'd-flex align-items-center flex-grow-1' },
-                            react_1.default.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_to', ref: composeToRef })),
-                        react_1.default.createElement("div", { className: 'ms-2' },
-                            react_1.default.createElement("span", { className: 'text-muted fw-bold cursor-pointer text-hover-primary me-2', "data-inbox": 'cc-show' }, "Cc"),
-                            react_1.default.createElement("span", { className: 'text-muted fw-bold cursor-pointer text-hover-primary', "data-inbox": 'bcc-show' }, "Bcc"))),
-                    react_1.default.createElement("div", { className: 'd-none align-items-center border-bottom inbox-to-cc ps-8 pe-5 min-h-45px' },
-                        react_1.default.createElement("div", { className: 'text-gray-600 w-75px' }, "Cc:"),
-                        react_1.default.createElement("div", { className: 'flex-grow-1' },
-                            react_1.default.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_cc', value: composeCC, onChange: function (e) { return setComposeCC(e.target.value); } })),
-                        react_1.default.createElement("span", { className: 'btn btn-active-light-primary btn-sm btn-icon', "data-inbox": 'cc-hide' },
-                            react_1.default.createElement("i", { className: 'la la-close ' }))),
-                    react_1.default.createElement("div", { className: 'd-none align-items-center border-bottom inbox-to-bcc ps-8 pe-5 min-h-45px' },
-                        react_1.default.createElement("div", { className: 'text-gray-600 w-75px' }, "Bcc:"),
-                        react_1.default.createElement("div", { className: 'flex-grow-1' },
-                            react_1.default.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_bcc', value: composeBCC, onChange: function (e) { return setComposeBCC(e.target.value); } })),
-                        react_1.default.createElement("span", { className: 'btn btn-active-light-primary btn-sm btn-icon', "data-inbox": 'bcc-hide' },
-                            react_1.default.createElement("i", { className: 'la la-close ' }))),
-                    react_1.default.createElement("div", { className: 'border-bottom' },
-                        react_1.default.createElement("input", { className: 'form-control border-0 px-8 min-h-45px', name: 'compose_subject', placeholder: 'Subject', value: subject, onChange: function (e) { return setSubject(e.target.value); } })),
-                    react_1.default.createElement("div", { id: 'kt_inbox_compose_editor', className: 'border-0 h-125px h-lg-250px' }),
-                    react_1.default.createElement("div", { className: 'dropzone dropzone-multi px-8 py-4', id: 'kt_inbox_compose_attachments' },
-                        react_1.default.createElement("div", { className: 'dropzone-items' },
-                            react_1.default.createElement("div", { className: 'dropzone-item', style: { display: 'none' } },
-                                react_1.default.createElement("div", { className: 'dropzone-file' },
-                                    react_1.default.createElement("div", { className: 'dropzone-filename', title: 'some_image_file_name.jpg' },
-                                        react_1.default.createElement("span", { "data-dz-name": true }, "some_image_file_name.jpg"),
+import React, { useRef, useState } from 'react';
+import { Modal } from 'react-bootstrap';
+import { KTIcon } from '../../helpers';
+const InboxCompose = ({ show, handleClose }) => {
+    const composeToRef = useRef(null);
+    const formRef = useRef(null);
+    const [composeCC, setComposeCC] = useState('');
+    const [composeBCC, setComposeBCC] = useState('');
+    const [subject, setSubject] = useState('');
+    return (React.createElement(Modal, { className: 'modal-sticky modal-sticky-lg modal-sticky-bottom-right', id: 'kt_inbox_compose', role: 'dialog', "data-backdrop": 'false', "aria-hidden": 'true', tabIndex: '-1', show: show, animation: false },
+        React.createElement("div", { className: 'modal-content' },
+            React.createElement("form", { ref: formRef, id: 'kt_inbox_compose_form', onSubmit: () => console.log('submit') },
+                React.createElement("div", { className: 'd-flex align-items-center justify-content-between py-5 ps-8 pe-5 border-bottom' },
+                    React.createElement("h5", { className: 'fw-bold m-0' }, "Compose"),
+                    React.createElement("div", { className: 'd-flex ms-2' },
+                        React.createElement("div", { className: 'btn btn-icon btn-sm btn-light-primary ms-2', "data-bs-dismiss": 'modal', onClick: handleClose },
+                            React.createElement(KTIcon, { className: 'fs-1', iconName: 'cross' })))),
+                React.createElement("div", { className: 'd-block' },
+                    React.createElement("div", { className: 'd-flex align-items-center border-bottom inbox-to px-8 min-h-45px' },
+                        React.createElement("div", { className: 'text-gray-600 w-75px' }, "To:"),
+                        React.createElement("div", { className: 'd-flex align-items-center flex-grow-1' },
+                            React.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_to', ref: composeToRef })),
+                        React.createElement("div", { className: 'ms-2' },
+                            React.createElement("span", { className: 'text-muted fw-bold cursor-pointer text-hover-primary me-2', "data-inbox": 'cc-show' }, "Cc"),
+                            React.createElement("span", { className: 'text-muted fw-bold cursor-pointer text-hover-primary', "data-inbox": 'bcc-show' }, "Bcc"))),
+                    React.createElement("div", { className: 'd-none align-items-center border-bottom inbox-to-cc ps-8 pe-5 min-h-45px' },
+                        React.createElement("div", { className: 'text-gray-600 w-75px' }, "Cc:"),
+                        React.createElement("div", { className: 'flex-grow-1' },
+                            React.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_cc', value: composeCC, onChange: (e) => setComposeCC(e.target.value) })),
+                        React.createElement("span", { className: 'btn btn-active-light-primary btn-sm btn-icon', "data-inbox": 'cc-hide' },
+                            React.createElement("i", { className: 'la la-close ' }))),
+                    React.createElement("div", { className: 'd-none align-items-center border-bottom inbox-to-bcc ps-8 pe-5 min-h-45px' },
+                        React.createElement("div", { className: 'text-gray-600 w-75px' }, "Bcc:"),
+                        React.createElement("div", { className: 'flex-grow-1' },
+                            React.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_bcc', value: composeBCC, onChange: (e) => setComposeBCC(e.target.value) })),
+                        React.createElement("span", { className: 'btn btn-active-light-primary btn-sm btn-icon', "data-inbox": 'bcc-hide' },
+                            React.createElement("i", { className: 'la la-close ' }))),
+                    React.createElement("div", { className: 'border-bottom' },
+                        React.createElement("input", { className: 'form-control border-0 px-8 min-h-45px', name: 'compose_subject', placeholder: 'Subject', value: subject, onChange: (e) => setSubject(e.target.value) })),
+                    React.createElement("div", { id: 'kt_inbox_compose_editor', className: 'border-0 h-125px h-lg-250px' }),
+                    React.createElement("div", { className: 'dropzone dropzone-multi px-8 py-4', id: 'kt_inbox_compose_attachments' },
+                        React.createElement("div", { className: 'dropzone-items' },
+                            React.createElement("div", { className: 'dropzone-item', style: { display: 'none' } },
+                                React.createElement("div", { className: 'dropzone-file' },
+                                    React.createElement("div", { className: 'dropzone-filename', title: 'some_image_file_name.jpg' },
+                                        React.createElement("span", { "data-dz-name": true }, "some_image_file_name.jpg"),
                                         ' ',
-                                        react_1.default.createElement("strong", null,
+                                        React.createElement("strong", null,
                                             "(",
-                                            react_1.default.createElement("span", { "data-dz-size": true }, "340kb"),
+                                            React.createElement("span", { "data-dz-size": true }, "340kb"),
                                             ")")),
-                                    react_1.default.createElement("div", { className: 'dropzone-error', "data-dz-errormessage": true })),
-                                react_1.default.createElement("div", { className: 'dropzone-progress' },
-                                    react_1.default.createElement("div", { className: 'progress' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": 0, "data-dz-uploadprogress": true }))),
-                                react_1.default.createElement("div", { className: 'dropzone-toolbar' },
-                                    react_1.default.createElement("span", { className: 'dropzone-delete', "data-dz-remove": true },
-                                        react_1.default.createElement("span", { className: 'btn btn-icon btn-sm btn-active-light-primary ms-2', "data-bs-dismiss": 'modal' },
-                                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'cross' })))))))),
-                react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-between py-5 ps-8 pe-5 border-top' },
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center me-3' },
-                        react_1.default.createElement("button", { className: 'btn btn-primary me-4 px-6' }, "Send"),
-                        react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-active-light-primary me-2', id: 'kt_inbox_compose_attachments_select' },
-                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'cloud-add' })),
-                        react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-active-light-primary' },
-                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'geolocation' }))),
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                        react_1.default.createElement("button", { className: 'btn btn-icon btn-active-light-primary me-2', "data-bs-toggle": 'tooltip', title: 'More actions' },
-                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'setting-2' }))))))));
+                                    React.createElement("div", { className: 'dropzone-error', "data-dz-errormessage": true })),
+                                React.createElement("div", { className: 'dropzone-progress' },
+                                    React.createElement("div", { className: 'progress' },
+                                        React.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": 0, "data-dz-uploadprogress": true }))),
+                                React.createElement("div", { className: 'dropzone-toolbar' },
+                                    React.createElement("span", { className: 'dropzone-delete', "data-dz-remove": true },
+                                        React.createElement("span", { className: 'btn btn-icon btn-sm btn-active-light-primary ms-2', "data-bs-dismiss": 'modal' },
+                                            React.createElement(KTIcon, { className: 'fs-1', iconName: 'cross' })))))))),
+                React.createElement("div", { className: 'd-flex align-items-center justify-content-between py-5 ps-8 pe-5 border-top' },
+                    React.createElement("div", { className: 'd-flex align-items-center me-3' },
+                        React.createElement("button", { className: 'btn btn-primary me-4 px-6' }, "Send"),
+                        React.createElement("a", { href: '#', className: 'btn btn-icon btn-active-light-primary me-2', id: 'kt_inbox_compose_attachments_select' },
+                            React.createElement(KTIcon, { className: 'fs-1', iconName: 'cloud-add' })),
+                        React.createElement("a", { href: '#', className: 'btn btn-icon btn-active-light-primary' },
+                            React.createElement(KTIcon, { className: 'fs-1', iconName: 'geolocation' }))),
+                    React.createElement("div", { className: 'd-flex align-items-center' },
+                        React.createElement("button", { className: 'btn btn-icon btn-active-light-primary me-2', "data-bs-toggle": 'tooltip', title: 'More actions' },
+                            React.createElement(KTIcon, { className: 'fs-1', iconName: 'setting-2' }))))))));
 };
-exports.InboxCompose = InboxCompose;
+export { InboxCompose };

package/dist/partials/layout/RightToolbar.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { ToggleHelpDrawer } from './help-drawer/ToggleHelpDrawer';
+import { HelpDrawer } from './help-drawer/HelpDrawer';
+import { PurchaseButton } from './purchase/PurchaseButton';
+const RightToolbar = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'engage-toolbar d-flex position-fixed px-5 fw-bolder zindex-2 top-50 end-0 transform-90 mt-20 gap-2' },
+            React.createElement(ToggleHelpDrawer, null),
+            React.createElement(PurchaseButton, null)),
+        React.createElement(HelpDrawer, null)));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RightToolbar = void 0;
-var react_1 = __importDefault(require("react"));
-var ToggleHelpDrawer_1 = require("./help-drawer/ToggleHelpDrawer");
-var HelpDrawer_1 = require("./help-drawer/HelpDrawer");
-var PurchaseButton_1 = require("./purchase/PurchaseButton");
-var RightToolbar = function () {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: 'engage-toolbar d-flex position-fixed px-5 fw-bolder zindex-2 top-50 end-0 transform-90 mt-20 gap-2' },
-            react_1.default.createElement(ToggleHelpDrawer_1.ToggleHelpDrawer, null),
-            react_1.default.createElement(PurchaseButton_1.PurchaseButton, null)),
-        react_1.default.createElement(HelpDrawer_1.HelpDrawer, null)));
-};
-exports.RightToolbar = RightToolbar;
+export { RightToolbar };

package/dist/partials/layout/SearchModal.js

@@ -1,62 +1,55 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchModal = void 0;
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var helpers_1 = require("../../helpers");
-var SearchModal = function (_a) {
-    var show = _a.show, handleClose = _a.handleClose;
-    return (react_1.default.createElement(react_bootstrap_1.Modal, { className: 'bg-body', id: 'kt_header_search_modal', "aria-hidden": 'true', dialogClassName: 'modal-fullscreen h-auto', show: show },
-        react_1.default.createElement("div", { className: 'modal-content shadow-none' },
-            react_1.default.createElement("div", { className: 'container-xxl w-lg-800px' },
-                react_1.default.createElement("div", { className: 'modal-header d-flex justify-content-end border-0' },
-                    react_1.default.createElement("div", { className: 'btn btn-icon btn-sm btn-light-primary ms-2', onClick: handleClose },
-                        react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-2', iconName: 'cross' }))),
-                react_1.default.createElement("div", { className: 'modal-body' },
-                    react_1.default.createElement("form", { className: 'pb-10' },
-                        react_1.default.createElement("input", { autoFocus: true, type: 'text', className: 'form-control bg-transparent border-0 fs-4x text-center fw-normal', name: 'query', placeholder: 'Search...' })),
-                    react_1.default.createElement("div", { className: 'py-10' },
-                        react_1.default.createElement("h3", { className: 'fw-bolder mb-8' }, "Shop Goods"),
-                        react_1.default.createElement("div", { className: 'row g-5' },
-                            react_1.default.createElement("div", { className: 'col-sm-6' },
-                                react_1.default.createElement("div", { className: 'row g-5' },
-                                    react_1.default.createElement("div", { className: 'col-sm-6' },
-                                        react_1.default.createElement("div", { className: 'card card-custom overlay min-h-125px mb-5 shadow-none' },
-                                            react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
-                                                react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
-                                                        backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-17.jpg'), "')"),
+import React from 'react';
+import { Modal } from 'react-bootstrap';
+import { KTIcon, toAbsoluteUrl } from '../../helpers';
+const SearchModal = ({ show, handleClose }) => {
+    return (React.createElement(Modal, { className: 'bg-body', id: 'kt_header_search_modal', "aria-hidden": 'true', dialogClassName: 'modal-fullscreen h-auto', show: show },
+        React.createElement("div", { className: 'modal-content shadow-none' },
+            React.createElement("div", { className: 'container-xxl w-lg-800px' },
+                React.createElement("div", { className: 'modal-header d-flex justify-content-end border-0' },
+                    React.createElement("div", { className: 'btn btn-icon btn-sm btn-light-primary ms-2', onClick: handleClose },
+                        React.createElement(KTIcon, { className: 'fs-2', iconName: 'cross' }))),
+                React.createElement("div", { className: 'modal-body' },
+                    React.createElement("form", { className: 'pb-10' },
+                        React.createElement("input", { autoFocus: true, type: 'text', className: 'form-control bg-transparent border-0 fs-4x text-center fw-normal', name: 'query', placeholder: 'Search...' })),
+                    React.createElement("div", { className: 'py-10' },
+                        React.createElement("h3", { className: 'fw-bolder mb-8' }, "Shop Goods"),
+                        React.createElement("div", { className: 'row g-5' },
+                            React.createElement("div", { className: 'col-sm-6' },
+                                React.createElement("div", { className: 'row g-5' },
+                                    React.createElement("div", { className: 'col-sm-6' },
+                                        React.createElement("div", { className: 'card card-custom overlay min-h-125px mb-5 shadow-none' },
+                                            React.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                                React.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                        backgroundImage: `url('${toAbsoluteUrl('media/stock/600x400/img-17.jpg')}')`,
                                                     } }),
-                                                react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
-                                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore")))),
-                                        react_1.default.createElement("div", { className: 'card card-custom overlay min-h-125px mb-5 shadow-none' },
-                                            react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
-                                                react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
-                                                        backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-1.jpg'), "')"),
+                                                React.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                                    React.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore")))),
+                                        React.createElement("div", { className: 'card card-custom overlay min-h-125px mb-5 shadow-none' },
+                                            React.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                                React.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                        backgroundImage: `url('${toAbsoluteUrl('media/stock/600x400/img-1.jpg')}')`,
                                                     } }),
-                                                react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
-                                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))),
-                                    react_1.default.createElement("div", { className: 'col-sm-6' },
-                                        react_1.default.createElement("div", { className: 'card card-custom card-stretch overlay mb-5 shadow-none min-h-250px' },
-                                            react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
-                                                react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
-                                                        backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-23.jpg'), "')"),
+                                                React.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                                    React.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))),
+                                    React.createElement("div", { className: 'col-sm-6' },
+                                        React.createElement("div", { className: 'card card-custom card-stretch overlay mb-5 shadow-none min-h-250px' },
+                                            React.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                                React.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                        backgroundImage: `url('${toAbsoluteUrl('media/stock/600x400/img-23.jpg')}')`,
                                                     } }),
-                                                react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
-                                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))))),
-                            react_1.default.createElement("div", { className: 'col-sm-6' },
-                                react_1.default.createElement("div", { className: 'card card-custom card-stretch overlay mb-5 shadow-none min-h-250px' },
-                                    react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
-                                        react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
-                                                backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-11.jpg'), "')"),
+                                                React.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                                    React.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))))),
+                            React.createElement("div", { className: 'col-sm-6' },
+                                React.createElement("div", { className: 'card card-custom card-stretch overlay mb-5 shadow-none min-h-250px' },
+                                    React.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                        React.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                backgroundImage: `url('${toAbsoluteUrl('media/stock/600x400/img-11.jpg')}')`,
                                             } }),
-                                        react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
-                                            react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))))),
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement("h3", { className: 'text-gray-900 fw-bolder fs-1 mb-6' }, "Framework Users")),
-                    react_1.default.createElement("div", { className: 'pb-10' },
-                        react_1.default.createElement("h3", { className: 'text-gray-900 fw-bolder fs-1 mb-6' }, "Tutorials")))))));
+                                        React.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                            React.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))))),
+                    React.createElement("div", null,
+                        React.createElement("h3", { className: 'text-gray-900 fw-bolder fs-1 mb-6' }, "Framework Users")),
+                    React.createElement("div", { className: 'pb-10' },
+                        React.createElement("h3", { className: 'text-gray-900 fw-bolder fs-1 mb-6' }, "Tutorials")))))));
 };
-exports.SearchModal = SearchModal;
+export { SearchModal };

package/dist/partials/layout/activity-drawer/ActivityDrawer.js

@@ -1,40 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActivityDrawer = void 0;
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var helpers_1 = require("../../../helpers");
-var Item1_1 = require("../../content/activity/Item1");
-var Item2_1 = require("../../content/activity/Item2");
-var Item3_1 = require("../../content/activity/Item3");
-var Item4_1 = require("../../content/activity/Item4");
-var Item5_1 = require("../../content/activity/Item5");
-var Item6_1 = require("../../content/activity/Item6");
-var Item7_1 = require("../../content/activity/Item7");
-var Item8_1 = require("../../content/activity/Item8");
-var ActivityDrawer = function () { return (react_1.default.createElement("div", { id: 'kt_activities', className: 'bg-body', "data-kt-drawer": 'true', "data-kt-drawer-name": 'activities', "data-kt-drawer-activate": 'true', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": "{default:'300px', 'lg': '900px'}", "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_activities_toggle', "data-kt-drawer-close": '#kt_activities_close' },
-    react_1.default.createElement("div", { className: 'card shadow-none rounded-0' },
-        react_1.default.createElement("div", { className: 'card-header', id: 'kt_activities_header' },
-            react_1.default.createElement("h3", { className: 'card-title fw-bolder text-gray-900' }, "Activity Logs"),
-            react_1.default.createElement("div", { className: 'card-toolbar' },
-                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-active-light-primary me-n5', id: 'kt_activities_close' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'cross', className: 'fs-1' })))),
-        react_1.default.createElement("div", { className: 'card-body position-relative', id: 'kt_activities_body' },
-            react_1.default.createElement("div", { id: 'kt_activities_scroll', className: 'position-relative scroll-y me-n5 pe-5', "data-kt-scroll": 'true', "data-kt-scroll-height": 'auto', "data-kt-scroll-wrappers": '#kt_activities_body', "data-kt-scroll-dependencies": '#kt_activities_header, #kt_activities_footer', "data-kt-scroll-offset": '5px' },
-                react_1.default.createElement("div", { className: 'timeline' },
-                    react_1.default.createElement(Item1_1.Item1, null),
-                    react_1.default.createElement(Item2_1.Item2, null),
-                    react_1.default.createElement(Item3_1.Item3, null),
-                    react_1.default.createElement(Item4_1.Item4, null),
-                    react_1.default.createElement(Item5_1.Item5, null),
-                    react_1.default.createElement(Item6_1.Item6, null),
-                    react_1.default.createElement(Item7_1.Item7, null),
-                    react_1.default.createElement(Item8_1.Item8, null)))),
-        react_1.default.createElement("div", { className: 'card-footer py-5 text-center', id: 'kt_activities_footer' },
-            react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile', className: 'btn btn-bg-body text-primary' },
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { KTIcon } from '../../../helpers';
+import { Item1 } from '../../content/activity/Item1';
+import { Item2 } from '../../content/activity/Item2';
+import { Item3 } from '../../content/activity/Item3';
+import { Item4 } from '../../content/activity/Item4';
+import { Item5 } from '../../content/activity/Item5';
+import { Item6 } from '../../content/activity/Item6';
+import { Item7 } from '../../content/activity/Item7';
+import { Item8 } from '../../content/activity/Item8';
+const ActivityDrawer = () => (React.createElement("div", { id: 'kt_activities', className: 'bg-body', "data-kt-drawer": 'true', "data-kt-drawer-name": 'activities', "data-kt-drawer-activate": 'true', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": "{default:'300px', 'lg': '900px'}", "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_activities_toggle', "data-kt-drawer-close": '#kt_activities_close' },
+    React.createElement("div", { className: 'card shadow-none rounded-0' },
+        React.createElement("div", { className: 'card-header', id: 'kt_activities_header' },
+            React.createElement("h3", { className: 'card-title fw-bolder text-gray-900' }, "Activity Logs"),
+            React.createElement("div", { className: 'card-toolbar' },
+                React.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-active-light-primary me-n5', id: 'kt_activities_close' },
+                    React.createElement(KTIcon, { iconName: 'cross', className: 'fs-1' })))),
+        React.createElement("div", { className: 'card-body position-relative', id: 'kt_activities_body' },
+            React.createElement("div", { id: 'kt_activities_scroll', className: 'position-relative scroll-y me-n5 pe-5', "data-kt-scroll": 'true', "data-kt-scroll-height": 'auto', "data-kt-scroll-wrappers": '#kt_activities_body', "data-kt-scroll-dependencies": '#kt_activities_header, #kt_activities_footer', "data-kt-scroll-offset": '5px' },
+                React.createElement("div", { className: 'timeline' },
+                    React.createElement(Item1, null),
+                    React.createElement(Item2, null),
+                    React.createElement(Item3, null),
+                    React.createElement(Item4, null),
+                    React.createElement(Item5, null),
+                    React.createElement(Item6, null),
+                    React.createElement(Item7, null),
+                    React.createElement(Item8, null)))),
+        React.createElement("div", { className: 'card-footer py-5 text-center', id: 'kt_activities_footer' },
+            React.createElement(Link, { to: '/crafted/pages/profile', className: 'btn btn-bg-body text-primary' },
                 "View All Activities",
-                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-3 text-primary' })))))); };
-exports.ActivityDrawer = ActivityDrawer;
+                React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-3 text-primary' }))))));
+export { ActivityDrawer };

package/dist/partials/layout/create-app/CreateApp.js

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+const CreateApp = () => {
+    return React.createElement(React.Fragment, null);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateApp = void 0;
-var react_1 = __importDefault(require("react"));
-var CreateApp = function () {
-    return react_1.default.createElement(react_1.default.Fragment, null);
-};
-exports.CreateApp = CreateApp;
+export { CreateApp };