@soyfri/template 1.0.0 → 1.0.3

package/dist/assets/ts/layout/ThemeMode.ts

@@ -0,0 +1,211 @@
+import {EventHandlerUtil} from '../_utils'
+
+type Mode = 'light' | 'dark' | 'system'
+
+class ThemeMode {
+  menu: HTMLElement | null = null
+  element: HTMLElement | null = null
+
+  private getParamName = (postfix: string): string => {
+    const ktName = document.body.hasAttribute('data-kt-name')
+    const name = ktName ? ktName + '_' : ''
+    return 'kt_' + name + 'theme_mode_' + postfix
+  }
+
+  public getMode = (): Mode => {
+    const modeParam: string = this.getParamName('value')
+    const themeMode: Mode | '' = this.getMenuMode()
+    const defaultMode = 'light'
+    if (!localStorage.getItem(modeParam)) {
+      return defaultMode
+    }
+
+    const ls = localStorage.getItem(modeParam)
+    if (ls) {
+      return ls as Mode
+    }
+
+    const dataTheme = this.element?.getAttribute('data-bs-theme')
+    if (dataTheme) {
+      return dataTheme as Mode
+    }
+
+    if (!themeMode) {
+      return defaultMode
+    }
+
+    if (themeMode === 'system') {
+      return this.getSystemMode()
+    }
+
+    return themeMode
+  }
+
+  public setMode = (mode: Mode, menuMode: Mode | ''): void => {
+    // Check input values
+    if (mode !== 'light' && mode !== 'dark') {
+      return
+    }
+
+    // Get param names
+    const modeParam: string = this.getParamName('value')
+    const menuModeParam: string = this.getParamName('menu')
+
+    // Reset mode if system mode was changed
+    if (menuMode === 'system') {
+      if (this.getSystemMode() !== mode) {
+        mode = this.getSystemMode()
+      }
+    }
+
+    // Check menu mode
+    if (!menuMode) {
+      menuMode = mode
+    }
+
+    // Read active menu mode value
+    const activeMenuItem: HTMLElement | null =
+      this.menu?.querySelector('[data-kt-element="mode"][data-kt-value="' + menuMode + '"]') || null
+
+    // Enable switching state
+    this.element?.setAttribute('data-kt-theme-mode-switching', 'true')
+
+    // Set mode to the target element
+    this.element?.setAttribute('data-bs-theme', mode)
+
+    // Disable switching state
+    const self = this
+    setTimeout(function () {
+      self.element?.removeAttribute('data-kt-theme-mode-switching')
+    }, 300)
+
+    // Store mode value in storage
+    if (localStorage) {
+      localStorage.setItem(modeParam, mode)
+    }
+
+    // Set active menu item
+    if (activeMenuItem && localStorage) {
+      localStorage.setItem(menuModeParam, menuMode)
+      this.setActiveMenuItem(activeMenuItem)
+    }
+
+    // Flip images
+    this.flipImages()
+  }
+
+  public getMenuMode = (): Mode | '' => {
+    const menuModeParam = this.getParamName('menu')
+    const menuItem = this.menu?.querySelector('.active[data-kt-element="mode"]')
+    const dataKTValue = menuItem?.getAttribute('data-kt-value')
+    if (dataKTValue) {
+      return dataKTValue as Mode
+    }
+
+    if (!menuModeParam) {
+      return ''
+    }
+
+    const ls = localStorage ? localStorage.getItem(menuModeParam) : null
+    return (ls as Mode) || ''
+  }
+
+  public getSystemMode = (): Mode => {
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+  }
+
+  private initMode = (): void => {
+    this.setMode(this.getMode(), this.getMenuMode())
+    if (this.element) {
+      EventHandlerUtil.trigger(this.element, 'kt.thememode.init')
+    }
+  }
+
+  private getActiveMenuItem = (): HTMLElement | null => {
+    return (
+      this.menu?.querySelector(
+        '[data-kt-element="mode"][data-kt-value="' + this.getMenuMode() + '"]'
+      ) || null
+    )
+  }
+
+  private setActiveMenuItem = (item: HTMLElement): void => {
+    const menuModeParam = this.getParamName('menu')
+    const menuMode = item.getAttribute('data-kt-value')
+    const activeItem = this.menu?.querySelector('.active[data-kt-element="mode"]')
+    if (activeItem) {
+      activeItem.classList.remove('active')
+    }
+
+    item.classList.add('active')
+    if (localStorage && menuMode && menuModeParam) {
+      localStorage.setItem(menuModeParam, menuMode)
+    }
+  }
+
+  private handleMenu = (): void => {
+    this.menu
+      ?.querySelectorAll<HTMLElement>('[data-kt-element="mode"]')
+      ?.forEach((item: HTMLElement) => {
+        item.addEventListener('click', (e) => {
+          e.preventDefault()
+
+          const menuMode: string | null = item.getAttribute('data-kt-value')
+          const mode = menuMode === 'system' ? this.getSystemMode() : menuMode
+
+          if (mode) {
+            this.setMode(mode as Mode, menuMode as Mode | '')
+          }
+        })
+      })
+  }
+
+  public flipImages = () => {
+    document.querySelectorAll<HTMLElement>('[data-kt-img-dark]')?.forEach((item: HTMLElement) => {
+      if (item.tagName === 'IMG') {
+        if (this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
+          item.setAttribute('data-kt-img-light', item.getAttribute('src') || '')
+          item.setAttribute('src', item.getAttribute('data-kt-img-dark') || '')
+        } else if (this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
+          item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '')
+          item.setAttribute('src', item.getAttribute('data-kt-img-light') || '')
+        }
+      } else {
+        if (this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
+          item.setAttribute('data-kt-img-light', item.getAttribute('src') || '')
+          item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-dark') + "')"
+        } else if (this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
+          item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '')
+          item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-light') + "')"
+        }
+      }
+    })
+  }
+
+  public on = (name: string, hander: Function) => {
+    if (this.element) {
+      return EventHandlerUtil.on(this.element, name, hander)
+    }
+  }
+
+  public off = (name: string, handlerId: string) => {
+    if (this.element) {
+      return EventHandlerUtil.off(this.element, name, handlerId)
+    }
+  }
+
+  public init = () => {
+    this.menu = document.querySelector<HTMLElement>('[data-kt-element="theme-mode-menu"]')
+    this.element = document.documentElement
+
+    this.initMode()
+
+    if (this.menu) {
+      this.handleMenu()
+    }
+  }
+}
+
+const ThemeModeComponent = new ThemeMode()
+// Initialize app on document ready => ThemeModeComponent.init()
+export {ThemeModeComponent}

package/dist/assets/ts/layout/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("./ThemeMode"), exports);
+export * from './ThemeMode';

package/dist/assets/ts/layout/index.ts

@@ -0,0 +1 @@
+export * from './ThemeMode'

package/dist/helpers/AssetHelpers.js

@@ -1,19 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIllustrationsPath = exports.toAbsoluteUrl = void 0;
-var core_1 = require("../layout/core");
-var layout_1 = require("../assets/ts/layout");
-var toAbsoluteUrl = function (pathname) {
-    return pathname;
-};
-exports.toAbsoluteUrl = toAbsoluteUrl;
-var useIllustrationsPath = function (illustrationName) {
-    var _a;
-    var config = (0, core_1.useLayout)().config;
-    var extension = illustrationName.substring(illustrationName.lastIndexOf("."), illustrationName.length);
-    var illustration = layout_1.ThemeModeComponent.getMode() === "dark"
-        ? "".concat(illustrationName.substring(0, illustrationName.lastIndexOf(".")), "-dark")
+import { useLayout } from "../layout/core";
+import { ThemeModeComponent } from "../assets/ts/layout";
+export const toAbsoluteUrl = (pathname) => pathname;
+export const useIllustrationsPath = (illustrationName) => {
+    const { config } = useLayout();
+    const extension = illustrationName.substring(illustrationName.lastIndexOf("."), illustrationName.length);
+    const illustration = ThemeModeComponent.getMode() === "dark"
+        ? `${illustrationName.substring(0, illustrationName.lastIndexOf("."))}-dark`
         : illustrationName.substring(0, illustrationName.lastIndexOf("."));
-    return (0, exports.toAbsoluteUrl)("media/illustrations/".concat((_a = config.illustrations) === null || _a === void 0 ? void 0 : _a.set, "/").concat(illustration).concat(extension));
+    return toAbsoluteUrl(`media/illustrations/${config.illustrations?.set}/${illustration}${extension}`);
 };
-exports.useIllustrationsPath = useIllustrationsPath;

package/dist/helpers/RouterHelpers.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkIsActive = exports.getCurrentUrl = void 0;
-function getCurrentUrl(pathname) {
+export function getCurrentUrl(pathname) {
     return pathname.split(/[?#]/)[0];
 }
-exports.getCurrentUrl = getCurrentUrl;
-function checkIsActive(pathname, url) {
-    var current = getCurrentUrl(pathname);
+export function checkIsActive(pathname, url) {
+    const current = getCurrentUrl(pathname);
     if (!current || !url) {
         return false;
     }
@@ -18,4 +14,3 @@ function checkIsActive(pathname, url) {
     }
     return false;
 }
-exports.checkIsActive = checkIsActive;

package/dist/helpers/components/KTCard.js

@@ -1,19 +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.KTCard = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var KTCard = function (props) {
-    var className = props.className, shadow = props.shadow, flush = props.flush, resetSidePaddings = props.resetSidePaddings, border = props.border, dashed = props.dashed, stretch = props.stretch, rounded = props.rounded, utilityP = props.utilityP, utilityPY = props.utilityPY, utilityPX = props.utilityPX, children = props.children;
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card', className && className, {
+import React from 'react';
+import clsx from 'clsx';
+const KTCard = (props) => {
+    const { className, shadow, flush, resetSidePaddings, border, dashed, stretch, rounded, utilityP, utilityPY, utilityPX, children, } = props;
+    return (React.createElement("div", { className: clsx('card', className && className, {
             'shadow-sm': shadow,
             'card-flush': flush,
             'card-px-0': resetSidePaddings,
             'card-bordered': border,
             'card-dashed': dashed,
-        }, stretch && "card-".concat(stretch), utilityP && "p-".concat(utilityP), utilityPX && "px-".concat(utilityPX), utilityPY && "py-".concat(utilityPY), rounded && "card-".concat(rounded)) }, children));
+        }, stretch && `card-${stretch}`, utilityP && `p-${utilityP}`, utilityPX && `px-${utilityPX}`, utilityPY && `py-${utilityPY}`, rounded && `card-${rounded}`) }, children));
 };
-exports.KTCard = KTCard;
+export { KTCard };

package/dist/helpers/components/KTCardBody.js

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KTCardBody = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importDefault(require("react"));
-var KTCardBody = function (props) {
-    var className = props.className, scroll = props.scroll, height = props.height, children = props.children;
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card-body', className && className, {
+import clsx from 'clsx';
+import React from 'react';
+const KTCardBody = (props) => {
+    const { className, scroll, height, children } = props;
+    return (React.createElement("div", { className: clsx('card-body', className && className, {
             'card-scroll': scroll,
-        }, height && "h-".concat(height, "px")) }, children));
+        }, height && `h-${height}px`) }, children));
 };
-exports.KTCardBody = KTCardBody;
+export { KTCardBody };

package/dist/helpers/components/KTIcon.js

@@ -1,30 +1,13 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KTIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var icons_1 = __importDefault(require("../icons-config/icons"));
-var core_1 = require("../../layout/core");
-var KTIcon = function (_a) {
-    var _b;
-    var _c = _a.className, className = _c === void 0 ? '' : _c, iconType = _a.iconType, iconName = _a.iconName;
+import React from 'react';
+import icons from '../icons-config/icons';
+import { getLayoutFromLocalStorage } from '../../layout/core';
+const KTIcon = ({ className = '', iconType, iconName }) => {
     if (!iconType) {
-        iconType = (_b = (0, core_1.getLayoutFromLocalStorage)().main) === null || _b === void 0 ? void 0 : _b.iconType;
+        iconType = getLayoutFromLocalStorage().main?.iconType;
     }
-    return (react_1.default.createElement("i", { className: "ki-".concat(iconType, " ki-").concat(iconName).concat(className && ' ' + className) }, iconType === 'duotone' &&
-        __spreadArray([], Array(icons_1.default[iconName]), true).map(function (_e, i) {
-            return (react_1.default.createElement("span", { key: "".concat(iconType, "-").concat(iconName, "-").concat(className, "-path-").concat(i + 1), className: "path".concat(i + 1) }));
+    return (React.createElement("i", { className: `ki-${iconType} ki-${iconName}${className && ' ' + className}` }, iconType === 'duotone' &&
+        [...Array(icons[iconName])].map((_e, i) => {
+            return (React.createElement("span", { key: `${iconType}-${iconName}-${className}-path-${i + 1}`, className: `path${i + 1}` }));
         })));
 };
-exports.KTIcon = KTIcon;
+export { KTIcon };

package/dist/helpers/components/KTSVG.js

@@ -1,12 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+export const KTSVG = ({ className = '', path, svgClassName = 'mh-50px' }) => {
+    return (React.createElement(React.Fragment, null));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KTSVG = void 0;
-var react_1 = __importDefault(require("react"));
-var KTSVG = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, path = _a.path, _c = _a.svgClassName, svgClassName = _c === void 0 ? 'mh-50px' : _c;
-    return (react_1.default.createElement(react_1.default.Fragment, null));
-};
-exports.KTSVG = KTSVG;

package/dist/helpers/crud-helper/consts.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QUERIES = void 0;
-var QUERIES = {
+const QUERIES = {
     USERS_LIST: 'users-list',
 };
-exports.QUERIES = QUERIES;
+export { QUERIES };

package/dist/helpers/crud-helper/helpers.js

@@ -1,82 +1,60 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNotEmpty = exports.useDebounce = exports.groupingOnSelectAll = exports.groupingOnSelect = exports.calculateIsAllDataSelected = exports.calculatedGroupingIsDisabled = exports.parseRequestQuery = exports.stringifyRequestQuery = exports.createResponseContext = void 0;
-var react_1 = require("react");
-var qs_1 = __importDefault(require("qs"));
+import { createContext, useEffect, useState } from 'react';
+import qs from 'qs';
 function createResponseContext(initialState) {
-    return (0, react_1.createContext)(initialState);
+    return createContext(initialState);
 }
-exports.createResponseContext = createResponseContext;
 function isNotEmpty(obj) {
     return obj !== undefined && obj !== null && obj !== '';
 }
-exports.isNotEmpty = isNotEmpty;
 // Example: page=1&items_per_page=10&sort=id&order=desc&search=a&filter_name=a&filter_online=false
 function stringifyRequestQuery(state) {
-    var pagination = qs_1.default.stringify(state, { filter: ['page', 'items_per_page'], skipNulls: true });
-    var sort = qs_1.default.stringify(state, { filter: ['sort', 'order'], skipNulls: true });
-    var search = isNotEmpty(state.search)
-        ? qs_1.default.stringify(state, { filter: ['search'], skipNulls: true })
+    const pagination = qs.stringify(state, { filter: ['page', 'items_per_page'], skipNulls: true });
+    const sort = qs.stringify(state, { filter: ['sort', 'order'], skipNulls: true });
+    const search = isNotEmpty(state.search)
+        ? qs.stringify(state, { filter: ['search'], skipNulls: true })
         : '';
-    var filter = state.filter
-        ? Object.keys(state.filter).map(function (key) { return [key, state.filter[key]]; })
-            .filter(function (obj) { return isNotEmpty(obj[1]); })
-            .map(function (obj) {
-            return "filter_".concat(obj[0], "=").concat(obj[1]);
+    const filter = state.filter
+        ? Object.keys(state.filter).map(key => [key, state.filter[key]])
+            .filter((obj) => isNotEmpty(obj[1]))
+            .map((obj) => {
+            return `filter_${obj[0]}=${obj[1]}`;
         })
             .join('&')
         : '';
     return [pagination, sort, search, filter]
-        .filter(function (f) { return f; })
+        .filter((f) => f)
         .join('&')
         .toLowerCase();
 }
-exports.stringifyRequestQuery = stringifyRequestQuery;
 function parseRequestQuery(query) {
-    var cache = qs_1.default.parse(query);
+    const cache = qs.parse(query);
     return cache;
 }
-exports.parseRequestQuery = parseRequestQuery;
 function calculatedGroupingIsDisabled(isLoading, data) {
     if (isLoading) {
         return true;
     }
     return !data || !data.length;
 }
-exports.calculatedGroupingIsDisabled = calculatedGroupingIsDisabled;
 function calculateIsAllDataSelected(data, selected) {
     if (!data) {
         return false;
     }
     return data.length > 0 && data.length === selected.length;
 }
-exports.calculateIsAllDataSelected = calculateIsAllDataSelected;
 function groupingOnSelect(id, selected, setSelected) {
     if (!id) {
         return;
     }
     if (selected.indexOf(id) !== -1) {
-        setSelected(selected.filter(function (itemId) { return itemId !== id; }));
+        setSelected(selected.filter((itemId) => itemId !== id));
     }
     else {
-        var updatedSelected = __spreadArray([], selected, true);
+        const updatedSelected = [...selected];
         updatedSelected.push(id);
         setSelected(updatedSelected);
     }
 }
-exports.groupingOnSelect = groupingOnSelect;
 function groupingOnSelectAll(isAllSelected, setSelected, data) {
     if (isAllSelected) {
         setSelected([]);
@@ -85,26 +63,25 @@ function groupingOnSelectAll(isAllSelected, setSelected, data) {
     if (!data || !data.length) {
         return;
     }
-    setSelected(data.filter(function (item) { return item.id; }).map(function (item) { return item.id; }));
+    setSelected(data.filter((item) => item.id).map((item) => item.id));
 }
-exports.groupingOnSelectAll = groupingOnSelectAll;
 // Hook
 function useDebounce(value, delay) {
     // State and setters for debounced value
-    var _a = (0, react_1.useState)(value), debouncedValue = _a[0], setDebouncedValue = _a[1];
-    (0, react_1.useEffect)(function () {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
         // Update debounced value after delay
-        var handler = setTimeout(function () {
+        const handler = setTimeout(() => {
             setDebouncedValue(value);
         }, delay);
         // Cancel the timeout if value changes (also on delay change or unmount)
         // This is how we prevent debounced value from updating if value is changed ...
         // .. within the delay period. Timeout gets cleared and restarted.
-        return function () {
+        return () => {
             clearTimeout(handler);
         };
     }, [value, delay] // Only re-call effect if value or delay changes
     );
     return debouncedValue;
 }
-exports.useDebounce = useDebounce;
+export { createResponseContext, stringifyRequestQuery, parseRequestQuery, calculatedGroupingIsDisabled, calculateIsAllDataSelected, groupingOnSelect, groupingOnSelectAll, useDebounce, isNotEmpty, };

package/dist/helpers/crud-helper/models.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialListView = exports.initialQueryResponse = exports.initialQueryRequest = exports.initialQueryState = void 0;
-exports.initialQueryState = {
+export const initialQueryState = {
     page: 1,
     items_per_page: 10,
 };
-exports.initialQueryRequest = {
-    state: exports.initialQueryState,
-    updateState: function () { },
+export const initialQueryRequest = {
+    state: initialQueryState,
+    updateState: () => { },
 };
-exports.initialQueryResponse = { refetch: function () { }, isLoading: false, query: '' };
-exports.initialListView = {
+export const initialQueryResponse = { refetch: () => { }, isLoading: false, query: '' };
+export const initialListView = {
     selected: [],
-    onSelect: function () { },
-    onSelectAll: function () { },
-    clearSelected: function () { },
-    setItemIdForUpdate: function () { },
+    onSelect: () => { },
+    onSelectAll: () => { },
+    clearSelected: () => { },
+    setItemIdForUpdate: () => { },
     isAllSelected: false,
     disabled: false,
 };

package/dist/helpers/dataExamples.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.messageFromClient = exports.defaultLogs = exports.defaultAlerts = exports.defaultUserInfos = exports.defaultMessages = void 0;
-var defaultMessages = [
+const defaultMessages = [
     {
         user: 4,
         type: 'in',
@@ -59,8 +56,7 @@ var defaultMessages = [
         time: 'Just now',
     },
 ];
-exports.defaultMessages = defaultMessages;
-var defaultUserInfos = [
+const defaultUserInfos = [
     {
         name: 'Emma Smith',
         avatar: 'avatars/300-6.jpg',
@@ -174,15 +170,13 @@ var defaultUserInfos = [
         online: true,
     },
 ];
-exports.defaultUserInfos = defaultUserInfos;
-var messageFromClient = {
+const messageFromClient = {
     user: 4,
     type: 'in',
     text: 'Thank you for your awesome support!',
     time: 'Just now',
 };
-exports.messageFromClient = messageFromClient;
-var defaultAlerts = [
+const defaultAlerts = [
     {
         title: 'Project Alice',
         description: 'Phase 1 development',
@@ -233,8 +227,7 @@ var defaultAlerts = [
         state: 'warning',
     },
 ];
-exports.defaultAlerts = defaultAlerts;
-var defaultLogs = [
+const defaultLogs = [
     { code: '200 OK', state: 'success', message: 'New order', time: 'Just now' },
     { code: '500 ERR', state: 'danger', message: 'New customer', time: '2 hrs' },
     { code: '200 OK', state: 'success', message: 'Payment process', time: '5 hrs' },
@@ -248,4 +241,4 @@ var defaultLogs = [
     { code: '500 ERR', state: 'danger', message: 'Withdrawal process', time: 'Sep 10' },
     { code: '500 ERR', state: 'danger', message: 'Mail tasks', time: 'Dec 10' },
 ];
-exports.defaultLogs = defaultLogs;
+export { defaultMessages, defaultUserInfos, defaultAlerts, defaultLogs, messageFromClient };

package/dist/helpers/icons-config/icons.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var icons = {
+const icons = {
     'abstract-33': 2,
     'abstract-27': 2,
     'abstract-26': 2,
@@ -575,4 +573,4 @@ var icons = {
     'slider-horizontal': 3,
     'element-plus': 5,
 };
-exports.default = icons;
+export default icons;