@soyfri/template 1.0.0 → 1.0.3

package/dist/helpers/index.js

@@ -1,27 +1,11 @@
-"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("./AssetHelpers"), exports);
-__exportStar(require("./RouterHelpers"), exports);
-__exportStar(require("./components/KTSVG"), exports);
-__exportStar(require("./components/KTIcon"), exports);
-__exportStar(require("./components/KTCard"), exports);
-__exportStar(require("./components/KTCardBody"), exports);
-__exportStar(require("./dataExamples"), exports);
-__exportStar(require("./crud-helper/helpers"), exports);
-__exportStar(require("./crud-helper/models"), exports);
-__exportStar(require("./crud-helper/consts"), exports);
-__exportStar(require("./react18MigrationHelpers"), exports);
+export * from './AssetHelpers';
+export * from './RouterHelpers';
+export * from './components/KTSVG';
+export * from './components/KTIcon';
+export * from './components/KTCard';
+export * from './components/KTCardBody';
+export * from './dataExamples';
+export * from './crud-helper/helpers';
+export * from './crud-helper/models';
+export * from './crud-helper/consts';
+export * from './react18MigrationHelpers';

package/dist/helpers/react18MigrationHelpers.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reInitMenu = void 0;
-var components_1 = require("../assets/ts/components");
-var reInitMenu = function () {
-    setTimeout(function () {
-        components_1.MenuComponent.reinitialization();
+import { MenuComponent } from '../assets/ts/components';
+const reInitMenu = () => {
+    setTimeout(() => {
+        MenuComponent.reinitialization();
     }, 500);
 };
-exports.reInitMenu = reInitMenu;
+export { reInitMenu };

package/dist/i18n/Metronici18n.js

@@ -1,38 +1,12 @@
-"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.useLang = exports.MetronicI18nProvider = exports.setLanguage = void 0;
-var react_1 = __importStar(require("react"));
+import React, { createContext, useContext } from 'react';
 //Get config from token injection
-var fromVariable = 'i18nConfig';
-var I18N_CONFIG_KEY = fromVariable || 'i18nConfig';
-var initialState = {
+const fromVariable = 'i18nConfig';
+const I18N_CONFIG_KEY = fromVariable || 'i18nConfig';
+const initialState = {
     selectedLang: 'es',
 };
 function getConfig() {
-    var ls = localStorage.getItem(I18N_CONFIG_KEY);
+    const ls = localStorage.getItem(I18N_CONFIG_KEY);
     if (ls) {
         try {
             return JSON.parse(ls);
@@ -44,19 +18,16 @@ function getConfig() {
     return initialState;
 }
 // Side effect
-function setLanguage(lang) {
+export function setLanguage(lang) {
     localStorage.setItem(I18N_CONFIG_KEY, JSON.stringify({ selectedLang: lang }));
     window.location.reload();
 }
-exports.setLanguage = setLanguage;
-var I18nContext = (0, react_1.createContext)(initialState);
-var useLang = function () {
-    return (0, react_1.useContext)(I18nContext).selectedLang;
+const I18nContext = createContext(initialState);
+const useLang = () => {
+    return useContext(I18nContext).selectedLang;
 };
-exports.useLang = useLang;
-var MetronicI18nProvider = function (_a) {
-    var children = _a.children;
-    var lang = getConfig();
-    return react_1.default.createElement(I18nContext.Provider, { value: lang }, children);
+const MetronicI18nProvider = ({ children }) => {
+    const lang = getConfig();
+    return React.createElement(I18nContext.Provider, { value: lang }, children);
 };
-exports.MetronicI18nProvider = MetronicI18nProvider;
+export { MetronicI18nProvider, useLang };

package/dist/i18n/i18nProvider.js

@@ -1,20 +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.I18nProvider = void 0;
-var react_1 = __importDefault(require("react"));
-var Metronici18n_1 = require("./Metronici18n");
-var react_intl_1 = require("react-intl");
-require("@formatjs/intl-relativetimeformat/polyfill");
-require("@formatjs/intl-relativetimeformat/locale-data/en");
-require("@formatjs/intl-relativetimeformat/locale-data/de");
-require("@formatjs/intl-relativetimeformat/locale-data/es");
-require("@formatjs/intl-relativetimeformat/locale-data/fr");
-require("@formatjs/intl-relativetimeformat/locale-data/ja");
-require("@formatjs/intl-relativetimeformat/locale-data/zh");
-var allMessages = {
+import React from 'react';
+import { useLang } from './Metronici18n';
+import { IntlProvider } from 'react-intl';
+import '@formatjs/intl-relativetimeformat/polyfill';
+import '@formatjs/intl-relativetimeformat/locale-data/en';
+import '@formatjs/intl-relativetimeformat/locale-data/de';
+import '@formatjs/intl-relativetimeformat/locale-data/es';
+import '@formatjs/intl-relativetimeformat/locale-data/fr';
+import '@formatjs/intl-relativetimeformat/locale-data/ja';
+import '@formatjs/intl-relativetimeformat/locale-data/zh';
+const allMessages = {
     de: [],
     en: [],
     es: [],
@@ -22,10 +16,9 @@ var allMessages = {
     ja: [],
     zh: [],
 };
-var I18nProvider = function (_a) {
-    var children = _a.children;
-    var locale = (0, Metronici18n_1.useLang)();
-    var messages = allMessages[locale];
-    return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: locale, messages: {} }, children));
+const I18nProvider = ({ children }) => {
+    const locale = useLang();
+    const messages = allMessages[locale];
+    return (React.createElement(IntlProvider, { locale: locale, messages: {} }, children));
 };
-exports.I18nProvider = I18nProvider;
+export { I18nProvider };

package/dist/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Metronici18n';
+export * from './i18nProvider';

package/dist/i18n/index.js

@@ -0,0 +1,11 @@
+// Providers
+export * from './Metronici18n';
+export * from './i18nProvider';
+// Messages
+// Temporarily commenting out German language export until module is available
+// export * from './messages/de'
+// export * from './messages/en'
+// export * from './messages/es'
+// export * from './messages/fr'
+// export * from './messages/ja'
+// export * from './messages/zh'

package/dist/index.d.ts

@@ -5,3 +5,6 @@ export * from './partials/layout/theme-mode/ThemeModeSwitcher';
 export * from './partials/modals/upgrade-plan/UpgradePlan';
 export * from './partials/content/portal/Portal';
 export * from './helpers';
+export * from './i18n';
+export * from './assets/ts/_utils';
+export * from './assets/ts/components';

package/dist/index.js

@@ -1,24 +1,11 @@
-"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"), exports);
-__exportStar(require("./partials/content/activity"), exports);
-__exportStar(require("./partials/layout/theme-mode/ThemeModeProvider"), exports);
-__exportStar(require("./partials/layout/theme-mode/ThemeModeSwitcher"), exports);
-__exportStar(require("./partials/modals/upgrade-plan/UpgradePlan"), exports);
-__exportStar(require("./partials/content/portal/Portal"), exports);
+export * from './layout';
+export * from './partials/content/activity';
+export * from './partials/layout/theme-mode/ThemeModeProvider';
+export * from './partials/layout/theme-mode/ThemeModeSwitcher';
+export * from './partials/modals/upgrade-plan/UpgradePlan';
+export * from './partials/content/portal/Portal';
 // Helpers
-__exportStar(require("./helpers"), exports);
+export * from './helpers';
+export * from './i18n';
+export * from './assets/ts/_utils';
+export * from './assets/ts/components';

package/dist/layout/MasterInit.js

@@ -1,39 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MasterInit = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var bootstrap_1 = require("bootstrap");
-var components_1 = require("../assets/ts/components");
-var layout_1 = require("../assets/ts/layout");
-var core_1 = require("./core");
-function MasterInit() {
-    var config = (0, core_1.useLayout)().config;
-    var _a = (0, react_2.useState)(false), initialized = _a[0], setInitialized = _a[1];
-    var pluginsInitialization = function () {
-        layout_1.ThemeModeComponent.init();
-        setTimeout(function () {
-            components_1.ToggleComponent.bootstrap();
-            components_1.ScrollTopComponent.bootstrap();
-            components_1.DrawerComponent.bootstrap();
-            components_1.StickyComponent.bootstrap();
-            components_1.MenuComponent.bootstrap();
-            components_1.ScrollComponent.bootstrap();
-            components_1.SwapperComponent.bootstrap();
-            document.querySelectorAll('[data-bs-toggle="tab"]').forEach(function (tab) {
-                bootstrap_1.Tab.getOrCreateInstance(tab);
+import React from 'react';
+import { useEffect, useState } from 'react';
+import { Tab } from 'bootstrap';
+import { MenuComponent, DrawerComponent, ScrollComponent, ScrollTopComponent, StickyComponent, ToggleComponent, SwapperComponent, } from '../assets/ts/components';
+import { ThemeModeComponent } from '../assets/ts/layout';
+import { useLayout } from './core';
+export function MasterInit() {
+    const { config } = useLayout();
+    const [initialized, setInitialized] = useState(false);
+    const pluginsInitialization = () => {
+        ThemeModeComponent.init();
+        setTimeout(() => {
+            ToggleComponent.bootstrap();
+            ScrollTopComponent.bootstrap();
+            DrawerComponent.bootstrap();
+            StickyComponent.bootstrap();
+            MenuComponent.bootstrap();
+            ScrollComponent.bootstrap();
+            SwapperComponent.bootstrap();
+            document.querySelectorAll('[data-bs-toggle="tab"]').forEach((tab) => {
+                Tab.getOrCreateInstance(tab);
             });
         }, 500);
     };
-    (0, react_2.useEffect)(function () {
+    useEffect(() => {
         if (!initialized) {
             setInitialized(true);
             pluginsInitialization();
         }
     }, [config, initialized]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    return React.createElement(React.Fragment, null);
 }
-exports.MasterInit = MasterInit;

package/dist/layout/MasterLayout.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.MasterLayout = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var header_1 = require("./components/header");
-var RightToolbar_1 = require("../partials/layout/RightToolbar");
-var scroll_top_1 = require("./components/scroll-top");
-var footer_1 = require("./components/footer");
-var sidebar_1 = require("./components/sidebar");
-var partials_1 = require("../partials");
-var core_1 = require("./core");
-var helpers_1 = require("../helpers");
-var MasterLayout = function () {
-    var location = (0, react_router_dom_1.useLocation)();
-    (0, react_2.useEffect)(function () {
-        (0, helpers_1.reInitMenu)();
+import React from 'react';
+import { useEffect } from 'react';
+import { Outlet, useLocation } from 'react-router-dom';
+import { HeaderWrapper } from './components/header';
+import { RightToolbar } from '../partials/layout/RightToolbar';
+import { ScrollTop } from './components/scroll-top';
+import { FooterWrapper } from './components/footer';
+import { Sidebar } from './components/sidebar';
+import { ActivityDrawer, DrawerMessenger, InviteUsers, UpgradePlan } from '../partials';
+import { PageDataProvider } from './core';
+import { reInitMenu } from '../helpers';
+const MasterLayout = () => {
+    const location = useLocation();
+    useEffect(() => {
+        reInitMenu();
     }, [location.key]);
-    return (react_1.default.createElement(core_1.PageDataProvider, null,
-        react_1.default.createElement("div", { className: 'd-flex flex-column flex-root app-root', id: 'kt_app_root' },
-            react_1.default.createElement("div", { className: 'app-page flex-column flex-column-fluid', id: 'kt_app_page' },
-                react_1.default.createElement(header_1.HeaderWrapper, null),
-                react_1.default.createElement("div", { className: 'app-wrapper flex-column flex-row-fluid', id: 'kt_app_wrapper' },
-                    react_1.default.createElement(sidebar_1.Sidebar, null),
-                    react_1.default.createElement("div", { className: 'app-main flex-column flex-row-fluid', id: 'kt_app_main' },
-                        react_1.default.createElement("div", { className: 'd-flex flex-column flex-column-fluid' },
-                            react_1.default.createElement(react_router_dom_1.Outlet, null)),
-                        react_1.default.createElement(footer_1.FooterWrapper, null))))),
-        react_1.default.createElement(partials_1.ActivityDrawer, null),
-        react_1.default.createElement(RightToolbar_1.RightToolbar, null),
-        react_1.default.createElement(partials_1.DrawerMessenger, null),
-        react_1.default.createElement(partials_1.InviteUsers, null),
-        react_1.default.createElement(partials_1.UpgradePlan, null),
-        react_1.default.createElement(scroll_top_1.ScrollTop, null)));
+    return (React.createElement(PageDataProvider, null,
+        React.createElement("div", { className: 'd-flex flex-column flex-root app-root', id: 'kt_app_root' },
+            React.createElement("div", { className: 'app-page flex-column flex-column-fluid', id: 'kt_app_page' },
+                React.createElement(HeaderWrapper, null),
+                React.createElement("div", { className: 'app-wrapper flex-column flex-row-fluid', id: 'kt_app_wrapper' },
+                    React.createElement(Sidebar, null),
+                    React.createElement("div", { className: 'app-main flex-column flex-row-fluid', id: 'kt_app_main' },
+                        React.createElement("div", { className: 'd-flex flex-column flex-column-fluid' },
+                            React.createElement(Outlet, null)),
+                        React.createElement(FooterWrapper, null))))),
+        React.createElement(ActivityDrawer, null),
+        React.createElement(RightToolbar, null),
+        React.createElement(DrawerMessenger, null),
+        React.createElement(InviteUsers, null),
+        React.createElement(UpgradePlan, null),
+        React.createElement(ScrollTop, null)));
 };
-exports.MasterLayout = MasterLayout;
+export { MasterLayout };

package/dist/layout/components/content/Content.js

@@ -1,27 +1,19 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Content = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var react_router_1 = require("react-router");
-var clsx_1 = __importDefault(require("clsx"));
-var core_1 = require("../../core");
-var components_1 = require("../../../assets/ts/components");
-var Content = function (_a) {
-    var _b, _c, _d, _e;
-    var children = _a.children;
-    var _f = (0, core_1.useLayout)(), config = _f.config, classes = _f.classes;
-    var location = (0, react_router_1.useLocation)();
-    (0, react_2.useEffect)(function () {
-        components_1.DrawerComponent.hideAll();
+import React from 'react';
+import { useEffect } from 'react';
+import { useLocation } from 'react-router';
+import clsx from 'clsx';
+import { useLayout } from '../../core';
+import { DrawerComponent } from '../../../assets/ts/components';
+const Content = ({ children }) => {
+    const { config, classes } = useLayout();
+    const location = useLocation();
+    useEffect(() => {
+        DrawerComponent.hideAll();
     }, [location]);
-    var appContentContainer = (_c = (_b = config.app) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.container;
-    return (react_1.default.createElement("div", { id: 'kt_app_content', className: (0, clsx_1.default)('app-content flex-column-fluid', classes.content.join(' '), (_e = (_d = config === null || config === void 0 ? void 0 : config.app) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.class) }, appContentContainer ? (react_1.default.createElement("div", { id: 'kt_app_content_container', className: (0, clsx_1.default)('app-container', classes.contentContainer.join(' '), {
+    const appContentContainer = config.app?.content?.container;
+    return (React.createElement("div", { id: 'kt_app_content', className: clsx('app-content flex-column-fluid', classes.content.join(' '), config?.app?.content?.class) }, appContentContainer ? (React.createElement("div", { id: 'kt_app_content_container', className: clsx('app-container', classes.contentContainer.join(' '), {
             'container-xxl': appContentContainer === 'fixed',
             'container-fluid': appContentContainer === 'fluid',
-        }) }, children)) : (react_1.default.createElement(react_1.default.Fragment, null, children))));
+        }) }, children)) : (React.createElement(React.Fragment, null, children))));
 };
-exports.Content = Content;
+export { Content };

package/dist/layout/components/content/index.js

@@ -1,17 +1 @@
-"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("./Content"), exports);
+export * from './Content';

package/dist/layout/components/footer/Footer.js

@@ -1,38 +1,31 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var core_1 = require("../../core");
-var Footer = function () {
-    var config = (0, core_1.useLayout)().config;
-    (0, react_2.useEffect)(function () {
+import React from 'react';
+import { useEffect } from 'react';
+import { useLayout } from '../../core';
+const Footer = () => {
+    const { config } = useLayout();
+    useEffect(() => {
         updateDOM(config);
     }, [config]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: 'text-gray-900 order-2 order-md-1' },
-            react_1.default.createElement("span", { className: 'text-muted fw-semibold me-1' },
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'text-gray-900 order-2 order-md-1' },
+            React.createElement("span", { className: 'text-muted fw-semibold me-1' },
                 new Date().getFullYear().toString(),
                 "\u00A9"),
-            react_1.default.createElement("a", { href: 'https://keenthemes.com/', target: '_blank', className: 'text-gray-800 text-hover-primary' }, "Keenthemes")),
-        react_1.default.createElement("ul", { className: 'menu menu-gray-600 menu-hover-primary fw-semibold order-1' },
-            react_1.default.createElement("li", { className: 'menu-item' },
-                react_1.default.createElement("a", { href: 'https://keenthemes.com/', target: '_blank', className: 'menu-link px-2' }, "About")),
-            react_1.default.createElement("li", { className: 'menu-item' },
-                react_1.default.createElement("a", { href: 'https://devs.keenthemes.com/', target: '_blank', className: 'menu-link px-2' }, "Support")),
-            react_1.default.createElement("li", { className: 'menu-item' },
-                react_1.default.createElement("a", { href: 'https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469', target: '_blank', className: 'menu-link px-2' }, "Purchase")))));
+            React.createElement("a", { href: 'https://keenthemes.com/', target: '_blank', className: 'text-gray-800 text-hover-primary' }, "Keenthemes")),
+        React.createElement("ul", { className: 'menu menu-gray-600 menu-hover-primary fw-semibold order-1' },
+            React.createElement("li", { className: 'menu-item' },
+                React.createElement("a", { href: 'https://keenthemes.com/', target: '_blank', className: 'menu-link px-2' }, "About")),
+            React.createElement("li", { className: 'menu-item' },
+                React.createElement("a", { href: 'https://devs.keenthemes.com/', target: '_blank', className: 'menu-link px-2' }, "Support")),
+            React.createElement("li", { className: 'menu-item' },
+                React.createElement("a", { href: 'https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469', target: '_blank', className: 'menu-link px-2' }, "Purchase")))));
 };
-exports.Footer = Footer;
-var updateDOM = function (config) {
-    var _a, _b, _c, _d, _e, _f;
-    if ((_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.footer) === null || _b === void 0 ? void 0 : _b.fixed) === null || _c === void 0 ? void 0 : _c.desktop) {
+const updateDOM = (config) => {
+    if (config.app?.footer?.fixed?.desktop) {
         document.body.classList.add('data-kt-app-footer-fixed', 'true');
     }
-    if ((_f = (_e = (_d = config.app) === null || _d === void 0 ? void 0 : _d.footer) === null || _e === void 0 ? void 0 : _e.fixed) === null || _f === void 0 ? void 0 : _f.mobile) {
+    if (config.app?.footer?.fixed?.mobile) {
         document.body.classList.add('data-kt-app-footer-fixed-mobile', 'true');
     }
 };
+export { Footer };

package/dist/layout/components/footer/FooterWrapper.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterWrapper = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var core_1 = require("../../core");
-var Footer_1 = require("./Footer");
-var FooterWrapper = function () {
-    var _a, _b;
-    var config = (0, core_1.useLayout)().config;
-    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.footer) === null || _b === void 0 ? void 0 : _b.display)) {
+import React from 'react';
+import clsx from 'clsx';
+import { useLayout } from '../../core';
+import { Footer } from './Footer';
+const FooterWrapper = () => {
+    const { config } = useLayout();
+    if (!config.app?.footer?.display) {
         return null;
     }
-    return (react_1.default.createElement("div", { className: 'app-footer', id: 'kt_app_footer' }, config.app.footer.containerClass ? (react_1.default.createElement("div", { className: (0, clsx_1.default)('app-container', config.app.footer.container === 'fixed' ? 'container-xxl' : 'container-fluid', config.app.footer.containerClass) },
-        react_1.default.createElement(Footer_1.Footer, null))) : (react_1.default.createElement(Footer_1.Footer, null))));
+    return (React.createElement("div", { className: 'app-footer', id: 'kt_app_footer' }, config.app.footer.containerClass ? (React.createElement("div", { className: clsx('app-container', config.app.footer.container === 'fixed' ? 'container-xxl' : 'container-fluid', config.app.footer.containerClass) },
+        React.createElement(Footer, null))) : (React.createElement(Footer, null))));
 };
-exports.FooterWrapper = FooterWrapper;
+export { FooterWrapper };

package/dist/layout/components/footer/index.js

@@ -1,17 +1 @@
-"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("./FooterWrapper"), exports);
+export * from './FooterWrapper';