@soyfri/template 1.0.0 → 1.0.3

package/dist/layout/core/MetronicSplashScreen.js

@@ -1,73 +1,44 @@
-"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.LayoutSplashScreen = exports.MetronicSplashScreenProvider = void 0;
-var react_1 = __importStar(require("react"));
-var MetronicSplashScreenContext = (0, react_1.createContext)(undefined);
-var MetronicSplashScreenProvider = function (_a) {
-    var children = _a.children;
-    var _b = (0, react_1.useState)(0), count = _b[0], setCount = _b[1];
-    var visible = count > 0;
-    (0, react_1.useEffect)(function () {
+import React, { createContext, useContext, useEffect, useState, } from 'react';
+const MetronicSplashScreenContext = createContext(undefined);
+const MetronicSplashScreenProvider = ({ children }) => {
+    const [count, setCount] = useState(0);
+    const visible = count > 0;
+    useEffect(() => {
         // Show SplashScreen
         if (visible) {
             document.body.classList.remove('page-loading');
-            return function () {
+            return () => {
                 document.body.classList.add('page-loading');
             };
         }
         // Hide SplashScreen
-        var timeout;
+        let timeout;
         if (!visible) {
-            timeout = window.setTimeout(function () {
+            timeout = window.setTimeout(() => {
                 document.body.classList.add('page-loading');
             }, 3000);
         }
-        return function () {
+        return () => {
             clearTimeout(timeout);
         };
     }, [visible]);
-    return (react_1.default.createElement(MetronicSplashScreenContext.Provider, { value: setCount }, children));
+    return (React.createElement(MetronicSplashScreenContext.Provider, { value: setCount }, children));
 };
-exports.MetronicSplashScreenProvider = MetronicSplashScreenProvider;
-var LayoutSplashScreen = function (_a) {
-    var _b = _a.visible, visible = _b === void 0 ? true : _b;
+const LayoutSplashScreen = ({ visible = true }) => {
     // Everything are ready - remove splashscreen
-    var setCount = (0, react_1.useContext)(MetronicSplashScreenContext);
-    (0, react_1.useEffect)(function () {
+    const setCount = useContext(MetronicSplashScreenContext);
+    useEffect(() => {
         if (!visible) {
             return;
         }
         if (setCount) {
-            setCount(function (prev) {
+            setCount((prev) => {
                 return prev + 1;
             });
         }
-        return function () {
+        return () => {
             if (setCount) {
-                setCount(function (prev) {
+                setCount((prev) => {
                     return prev - 1;
                 });
             }
@@ -75,4 +46,4 @@ var LayoutSplashScreen = function (_a) {
     }, [setCount, visible]);
     return null;
 };
-exports.LayoutSplashScreen = LayoutSplashScreen;
+export { MetronicSplashScreenProvider, LayoutSplashScreen };

package/dist/layout/core/PageData.js

@@ -1,96 +1,64 @@
-"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;
+import React, { createContext, useContext, useEffect, useState } from 'react';
+const PageDataContext = createContext({
+    setPageTitle: (_title) => { },
+    setPageBreadcrumbs: (_breadcrumbs) => { },
+    setPageDescription: (_description) => { },
 });
-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.usePageData = exports.PageDataProvider = exports.PageTitle = exports.PageDescription = void 0;
-var react_1 = __importStar(require("react"));
-var PageDataContext = (0, react_1.createContext)({
-    setPageTitle: function (_title) { },
-    setPageBreadcrumbs: function (_breadcrumbs) { },
-    setPageDescription: function (_description) { },
-});
-var PageDataProvider = function (_a) {
-    var children = _a.children;
-    var _b = (0, react_1.useState)(''), pageTitle = _b[0], setPageTitle = _b[1];
-    var _c = (0, react_1.useState)(''), pageDescription = _c[0], setPageDescription = _c[1];
-    var _d = (0, react_1.useState)([]), pageBreadcrumbs = _d[0], setPageBreadcrumbs = _d[1];
-    var value = {
-        pageTitle: pageTitle,
-        setPageTitle: setPageTitle,
-        pageDescription: pageDescription,
-        setPageDescription: setPageDescription,
-        pageBreadcrumbs: pageBreadcrumbs,
-        setPageBreadcrumbs: setPageBreadcrumbs,
+const PageDataProvider = ({ children }) => {
+    const [pageTitle, setPageTitle] = useState('');
+    const [pageDescription, setPageDescription] = useState('');
+    const [pageBreadcrumbs, setPageBreadcrumbs] = useState([]);
+    const value = {
+        pageTitle,
+        setPageTitle,
+        pageDescription,
+        setPageDescription,
+        pageBreadcrumbs,
+        setPageBreadcrumbs,
     };
-    return react_1.default.createElement(PageDataContext.Provider, { value: value }, children);
+    return React.createElement(PageDataContext.Provider, { value: value }, children);
 };
-exports.PageDataProvider = PageDataProvider;
 function usePageData() {
-    return (0, react_1.useContext)(PageDataContext);
+    return useContext(PageDataContext);
 }
-exports.usePageData = usePageData;
-var PageTitle = function (_a) {
-    var children = _a.children, description = _a.description, breadcrumbs = _a.breadcrumbs;
-    var _b = usePageData(), setPageTitle = _b.setPageTitle, setPageDescription = _b.setPageDescription, setPageBreadcrumbs = _b.setPageBreadcrumbs;
-    (0, react_1.useEffect)(function () {
+const PageTitle = ({ children, description, breadcrumbs }) => {
+    const { setPageTitle, setPageDescription, setPageBreadcrumbs } = usePageData();
+    useEffect(() => {
         if (children) {
             setPageTitle(children.toString());
         }
-        return function () {
+        return () => {
             setPageTitle('');
         };
     }, [children]);
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         if (description) {
             setPageDescription(description);
         }
-        return function () {
+        return () => {
             setPageDescription('');
         };
     }, [description]);
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         if (breadcrumbs) {
             setPageBreadcrumbs(breadcrumbs);
         }
-        return function () {
+        return () => {
             setPageBreadcrumbs([]);
         };
     }, [breadcrumbs]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    return React.createElement(React.Fragment, null);
 };
-exports.PageTitle = PageTitle;
-var PageDescription = function (_a) {
-    var children = _a.children;
-    var setPageDescription = usePageData().setPageDescription;
-    (0, react_1.useEffect)(function () {
+const PageDescription = ({ children }) => {
+    const { setPageDescription } = usePageData();
+    useEffect(() => {
         if (children) {
             setPageDescription(children.toString());
         }
-        return function () {
+        return () => {
             setPageDescription('');
         };
     }, [children]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    return React.createElement(React.Fragment, null);
 };
-exports.PageDescription = PageDescription;
+export { PageDescription, PageTitle, PageDataProvider, usePageData };

package/dist/layout/core/_LayoutConfig.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultConfig = void 0;
-exports.DefaultConfig = {
+export const DefaultConfig = {
     layoutType: 'light-sidebar',
     main: {
         componentName: 'main',

package/dist/layout/core/_LayoutProvider.js

@@ -1,114 +1,73 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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.useLayout = exports.LayoutProvider = exports.LayoutContext = void 0;
-var react_1 = __importStar(require("react"));
-var _LayoutConfig_1 = require("./_LayoutConfig");
-var _LayoutSetup_1 = require("./_LayoutSetup");
-var LayoutContext = (0, react_1.createContext)({
-    config: _LayoutConfig_1.DefaultConfig,
-    classes: (0, _LayoutSetup_1.getEmptyCssClasses)(),
-    attributes: (0, _LayoutSetup_1.getEmptyHTMLAttributes)(),
-    cssVariables: (0, _LayoutSetup_1.getEmptyCSSVariables)(),
-    setLayout: function (_config) { },
-    setLayoutType: function (_layoutType) { },
-    setToolbarType: function (_toolbarType) { },
+import React, { createContext, useContext, useState, useEffect } from 'react';
+import { DefaultConfig } from './_LayoutConfig';
+import { setLayoutIntoLocalStorage, getEmptyCssClasses, getEmptyCSSVariables, getEmptyHTMLAttributes, LayoutSetup, } from './_LayoutSetup';
+const LayoutContext = createContext({
+    config: DefaultConfig,
+    classes: getEmptyCssClasses(),
+    attributes: getEmptyHTMLAttributes(),
+    cssVariables: getEmptyCSSVariables(),
+    setLayout: (_config) => { },
+    setLayoutType: (_layoutType) => { },
+    setToolbarType: (_toolbarType) => { },
 });
-exports.LayoutContext = LayoutContext;
-var enableSplashScreen = function () {
-    var splashScreen = document.getElementById('splash-screen');
+const enableSplashScreen = () => {
+    const splashScreen = document.getElementById('splash-screen');
     if (splashScreen) {
         splashScreen.style.setProperty('display', 'flex');
     }
 };
-var disableSplashScreen = function () {
-    var splashScreen = document.getElementById('splash-screen');
+const disableSplashScreen = () => {
+    const splashScreen = document.getElementById('splash-screen');
     if (splashScreen) {
         splashScreen.style.setProperty('display', 'none');
     }
 };
-var LayoutProvider = function (_a) {
-    var children = _a.children;
-    var _b = (0, react_1.useState)(_LayoutSetup_1.LayoutSetup.config), config = _b[0], setConfig = _b[1];
-    var _c = (0, react_1.useState)(_LayoutSetup_1.LayoutSetup.classes), classes = _c[0], setClasses = _c[1];
-    var _d = (0, react_1.useState)(_LayoutSetup_1.LayoutSetup.attributes), attributes = _d[0], setAttributes = _d[1];
-    var _e = (0, react_1.useState)(_LayoutSetup_1.LayoutSetup.cssVariables), cssVariables = _e[0], setCSSVariables = _e[1];
-    var setLayout = function (_themeConfig) {
+const LayoutProvider = ({ children }) => {
+    const [config, setConfig] = useState(LayoutSetup.config);
+    const [classes, setClasses] = useState(LayoutSetup.classes);
+    const [attributes, setAttributes] = useState(LayoutSetup.attributes);
+    const [cssVariables, setCSSVariables] = useState(LayoutSetup.cssVariables);
+    const setLayout = (_themeConfig) => {
         enableSplashScreen();
-        var bodyClasses = Array.from(document.body.classList);
-        bodyClasses.forEach(function (cl) { return document.body.classList.remove(cl); });
-        var updatedConfig = _LayoutSetup_1.LayoutSetup.updatePartialConfig(_themeConfig);
+        const bodyClasses = Array.from(document.body.classList);
+        bodyClasses.forEach((cl) => document.body.classList.remove(cl));
+        const updatedConfig = LayoutSetup.updatePartialConfig(_themeConfig);
         setConfig(Object.assign({}, updatedConfig));
-        setClasses(_LayoutSetup_1.LayoutSetup.classes);
-        setAttributes(_LayoutSetup_1.LayoutSetup.attributes);
-        setCSSVariables(_LayoutSetup_1.LayoutSetup.cssVariables);
-        setTimeout(function () {
+        setClasses(LayoutSetup.classes);
+        setAttributes(LayoutSetup.attributes);
+        setCSSVariables(LayoutSetup.cssVariables);
+        setTimeout(() => {
             disableSplashScreen();
         }, 500);
     };
-    var setToolbarType = function (toolbarType) {
-        var _a;
-        var updatedConfig = __assign({}, config);
-        if ((_a = updatedConfig.app) === null || _a === void 0 ? void 0 : _a.toolbar) {
+    const setToolbarType = (toolbarType) => {
+        const updatedConfig = { ...config };
+        if (updatedConfig.app?.toolbar) {
             updatedConfig.app.toolbar.layout = toolbarType;
         }
-        (0, _LayoutSetup_1.setLayoutIntoLocalStorage)(updatedConfig);
+        setLayoutIntoLocalStorage(updatedConfig);
         window.location.reload();
     };
-    var setLayoutType = function (layoutType) {
-        var updatedLayout = __assign(__assign({}, config), { layoutType: layoutType });
-        (0, _LayoutSetup_1.setLayoutIntoLocalStorage)(updatedLayout);
+    const setLayoutType = (layoutType) => {
+        const updatedLayout = { ...config, layoutType };
+        setLayoutIntoLocalStorage(updatedLayout);
         window.location.reload();
     };
-    var value = {
-        config: config,
-        classes: classes,
-        attributes: attributes,
-        cssVariables: cssVariables,
-        setLayout: setLayout,
-        setLayoutType: setLayoutType,
-        setToolbarType: setToolbarType,
+    const value = {
+        config,
+        classes,
+        attributes,
+        cssVariables,
+        setLayout,
+        setLayoutType,
+        setToolbarType,
     };
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         disableSplashScreen();
     }, []);
-    return react_1.default.createElement(LayoutContext.Provider, { value: value }, children);
+    return React.createElement(LayoutContext.Provider, { value: value }, children);
 };
-exports.LayoutProvider = LayoutProvider;
-function useLayout() {
-    return (0, react_1.useContext)(LayoutContext);
+export { LayoutContext, LayoutProvider };
+export function useLayout() {
+    return useContext(LayoutContext);
 }
-exports.useLayout = useLayout;