@m4l/layouts 0.1.26 → 0.1.30

package/{dist/components/MFIsolationApp/index.b21e5671.js → components/MFIsolationApp/index.b89e6800.js}

@@ -1,14 +1,15 @@
-import { useEffect as y, useMemo as _, useCallback as f } from "react";
+import { useEffect as y, useMemo as f, useCallback as _ } from "react";
 import { unstable_HistoryRouter as C } from "react-router-dom";
 import { ToastContainer as D, toast as H } from "react-toastify";
-import { HostThemeProvider as I, defaultThemeOptions as N, fnComponentsOverrides as O, FormatterProvider as B, LocalesProvider as j, getLocaleFromNetwork as S } from "@m4l/graphics";
-import { A as U } from "../../contexts/AuthContext/index.6f966215.js";
-import { DomainCountryProvider as z, EnvironmentProvider as R, HostToolsProvider as q, NetworkProvider as G, axiosOperation as J } from "@m4l/core";
-import { createBrowserHistory as K } from "history";
-import Q from "eventemitter3";
-import { format as V } from "date-fns";
+import { HostThemeProvider as I, FormatterProvider as N, LocalesProvider as O, getLocaleFromNetwork as B } from "@m4l/graphics";
+import { A as j } from "../../contexts/AuthContext/index.6f966215.js";
+import { DomainCountryProvider as S, EnvironmentProvider as U, HostToolsProvider as z, NetworkProvider as R, axiosOperation as q } from "@m4l/core";
+import { createBrowserHistory as G } from "history";
+import J from "eventemitter3";
+import { format as K } from "date-fns";
+import { defaultThemeOptions as Q, fnComponentsOverrides as V } from "@m4l/styles";
 import { u as W } from "../../hooks/useAuth/index.cb6a3420.js";
-import { jsx as e, jsxs as X } from "react/jsx-runtime";
+import { jsx as r, jsxs as X } from "react/jsx-runtime";
 import p from "nprogress";
 import { B as Y } from "../BaseModule/index.6309486a.js";
 import { AreasProvider as Z } from "@m4l/components";
@@ -21,12 +22,12 @@ function $(m) {
     isAuthenticated: s,
     isInitialized: c,
     login: u,
-    user: r
+    user: e
   } = W();
   if (y(() => {
     c && s === !1 && (console.log("useEffect MFAuthApp Login"), u(d, l, !1));
   }, [c, s]), !s)
-    return /* @__PURE__ */ e("div", {
+    return /* @__PURE__ */ r("div", {
       children: "Pendiente x atenticar"
     });
   const o = {
@@ -36,17 +37,17 @@ function $(m) {
     decimal_symbol: ".",
     thousands_symbol: ","
   };
-  return r?.domain_country && (o.id = r?.domain_country.id ?? o.id, o.currency = r?.domain_country.currency ?? o.currency, o.currency_decimal_digits = r?.domain_country.currency_decimal_digits ?? o.currency_decimal_digits, o.decimal_symbol = r?.domain_country.decimal_symbol ?? o.decimal_symbol, o.thousands_symbol = r?.domain_country?.thousands_symbol ?? o.thousands_symbol), /* @__PURE__ */ X(I, {
-    hostThemeOptions: N,
-    fnComponentsOverrides: O,
+  return e?.domain_country && (o.id = e?.domain_country.id ?? o.id, o.currency = e?.domain_country.currency ?? o.currency, o.currency_decimal_digits = e?.domain_country.currency_decimal_digits ?? o.currency_decimal_digits, o.decimal_symbol = e?.domain_country.decimal_symbol ?? o.decimal_symbol, o.thousands_symbol = e?.domain_country?.thousands_symbol ?? o.thousands_symbol), /* @__PURE__ */ X(I, {
+    hostThemeOptions: Q,
+    fnComponentsOverrides: V,
     isMicroFrontEnd: !0,
-    children: [/* @__PURE__ */ e(D, {}), /* @__PURE__ */ e(z, {
+    children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(S, {
       ...o,
       isMicroFrontEnd: !1,
-      children: /* @__PURE__ */ e(B, {
+      children: /* @__PURE__ */ r(N, {
         isMicroFrontEnd: !1,
         dateFormatter: {
-          formatDate: V
+          formatDate: K
         },
         currencyFormatter: {
           code: o.currency,
@@ -57,10 +58,10 @@ function $(m) {
     })]
   });
 }
-const h = K({
+const h = G({
   window
 });
-function po(m) {
+function ho(m) {
   const {
     children: a,
     user: d,
@@ -68,7 +69,7 @@ function po(m) {
     host_api_local: s,
     host_api_remote: c,
     host_static_assets: u,
-    environment_assets: r,
+    environment_assets: e,
     moduleId: o,
     skeletonFlags: v,
     moduleNameField: g,
@@ -76,15 +77,15 @@ function po(m) {
     componentsDictionary: P,
     onLoad: A,
     activeAreasNetwork: b = !1
-  } = m, t = _(() => new Q(), []), E = f((i, n) => {
+  } = m, t = f(() => new J(), []), E = _((i, n) => {
     t.on(i, n);
-  }, [t]), w = f((i, n) => {
+  }, [t]), w = _((i, n) => {
     if (n === null) {
       t.removeListener(i);
       return;
     }
     t.removeListener(i, n);
-  }, [t]), M = f((i, n) => {
+  }, [t]), M = _((i, n) => {
     t.emit(i, n);
   }, [t]), L = () => {
     p.configure({
@@ -92,15 +93,15 @@ function po(m) {
     }), p.start();
   }, k = () => {
     p.done();
-  }, T = _(() => ({
+  }, T = f(() => ({
     host: "",
     isLocalhost: !0,
     domain_token: "lab1",
     host_api_local: s,
     host_api_remote: c,
     host_static_assets: u,
-    environment_assets: r
-  }), []), x = _(() => ({
+    environment_assets: e
+  }), []), x = f(() => ({
     history: h,
     toast: H,
     startProgress: L,
@@ -111,28 +112,28 @@ function po(m) {
   }), []);
   return y(() => {
     console.log("useEffect IsolationApp");
-  }, []), /* @__PURE__ */ e(R, {
+  }, []), /* @__PURE__ */ r(U, {
     ...T,
-    children: /* @__PURE__ */ e(q, {
+    children: /* @__PURE__ */ r(z, {
       ...x,
-      children: /* @__PURE__ */ e(G, {
-        axiosOperation: J,
-        children: /* @__PURE__ */ e(C, {
+      children: /* @__PURE__ */ r(R, {
+        axiosOperation: q,
+        children: /* @__PURE__ */ r(C, {
           history: h,
-          children: /* @__PURE__ */ e(j, {
+          children: /* @__PURE__ */ r(O, {
             isMicroFrontEnd: !1,
-            getLocaleFromNetwork: S,
-            children: /* @__PURE__ */ e(U, {
-              children: /* @__PURE__ */ e($, {
+            getLocaleFromNetwork: B,
+            children: /* @__PURE__ */ r(j, {
+              children: /* @__PURE__ */ r($, {
                 user: d,
                 pwd: l,
-                children: /* @__PURE__ */ e(Y, {
+                children: /* @__PURE__ */ r(Y, {
                   moduleId: o,
                   privileges: F,
                   skeletonFlags: v,
                   componentsDictionary: P,
                   moduleNameField: g,
-                  children: /* @__PURE__ */ e(Z, {
+                  children: /* @__PURE__ */ r(Z, {
                     onLoad: A,
                     activeAreasNetwork: b,
                     children: a
@@ -147,5 +148,5 @@ function po(m) {
   });
 }
 export {
-  po as M
+  ho as M
 };

package/{dist/components/index.deb4e7ac.js → components/index.37205bf4.js}

@@ -1,4 +1,4 @@
-import "./MFIsolationApp/index.b21e5671.js";
+import "./MFIsolationApp/index.b89e6800.js";
 import "react-router-dom";
 import "@m4l/core";
 import "@m4l/graphics";

package/index.js

@@ -0,0 +1,42 @@
+import { M as f } from "./components/MFIsolationApp/index.b89e6800.js";
+import { M as D } from "./components/MFHostApp/index.1700d13a.js";
+import { B as L } from "./components/BaseModule/index.6309486a.js";
+import { a as g, A as h } from "./contexts/AuthContext/index.6f966215.js";
+import { a as N, d as B, g as F } from "./layouts/ModuleLayout/index.a76397df.js";
+import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.3da0ffda.js";
+import { N as j, d as k, g as q } from "./layouts/NoAuthModuleLayout/index.5d1098ef.js";
+import { u as z } from "./hooks/useMasterDetail/index.1b024fd5.js";
+import { u as G } from "./hooks/useAuth/index.cb6a3420.js";
+import { u as K } from "./hooks/useModule/index.6ff7d08a.js";
+import "react";
+import "react-router-dom";
+import "react-toastify";
+import "@m4l/graphics";
+import "@m4l/core";
+import "history";
+import "eventemitter3";
+import "date-fns";
+import "@m4l/styles";
+import "react/jsx-runtime";
+import "nprogress";
+import "@m4l/components";
+import "@mui/material/styles";
+export {
+  g as AuthContext,
+  h as AuthProvider,
+  L as BaseModule,
+  D as MFHostApp,
+  f as MFIsolationApp,
+  H as MasterDetailLayout,
+  N as ModuleLayout,
+  j as NoAuthModuleLayout,
+  I as defaultMasterDetailDictionary,
+  B as defaultModuleLayoutDictionary,
+  k as defaultNoAuthModuleLayoutDictionary,
+  P as getMasterDetailLayoutComponentsDictionary,
+  F as getModuleLayoutComponentsDictionary,
+  q as getNoAuthModuleLayoutComponentsDictionary,
+  G as useAuth,
+  z as useMasterDetail,
+  K as useModule
+};

package/package.json

@@ -1,24 +1,12 @@
 {
   "name": "@m4l/layouts",
-  "version": "0.1.26",
+  "version": "0.1.30",
   "license": "UNLICENSED",
-  "scripts": {
-    "typescript": "tsc",
-    "build:package": "node ../../scripts/buildpackage.js",
-    "build": "tsc && vite build",
-    "build:monorepo": "tsc && vite build && yarn build:package",
-    "release:monorepo": "yarn build:monorepo && npm publish ./dist",
-    "lint": "npx eslint src",
-    "lint:fix": "npm run lint -- --fix",
-    "prettier": "npx prettier src --check",
-    "prettier:fix": "npm run prettier -- --write",
-    "format": "npm run prettier:fix && npm run lint:fix",
-    "coverage": "vitest run --coverage"
-  },
   "dependencies": {
     "@m4l/components": "*",
     "@m4l/core": "*",
-    "@m4l/graphics": "*"
+    "@m4l/graphics": "*",
+    "@m4l/styles": "*"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",
@@ -30,51 +18,20 @@
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-toastify": "9.0.5"
   },
-  "devDependencies": {
-    "@emotion/react": "^11.5.0",
-    "@emotion/styled": "^11.3.0",
-    "@testing-library/dom": "^8.17.1",
-    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^14.2.1",
-    "@types/node": "^16.7.10",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "5.27.1",
-    "@typescript-eslint/parser": "5.27.1",
-    "@vitejs/plugin-react": "1.3.2",
-    "eslint": "8.17.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-import-resolver-alias": "1.1.2",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsx-a11y": "6.5.1",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.30.0",
-    "eslint-plugin-react-hooks": "4.5.0",
-    "eslint-plugin-unused-imports": "2.0.0",
-    "eventemitter3": "^4.0.7",
-    "history": "5.3.0",
-    "nprogress": "^0.2.0",
-    "prettier": "2.6.2",
-    "react": "^18.0.0",
-    "rollup": "2.79.0",
-    "typescript": "4.6.3",
-    "vite": "3.1.0",
-    "vite-plugin-dts": "1.2.0",
-    "vitest": "^0.23.4"
-  },
   "files": [
     "*"
   ],
-  "source": "src/index.ts",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "source": "./index.js",
+  "main": "./index.js",
+  "module": "./index.js",
   "type": "module",
-  "types": "./src/index.ts",
+  "types": "./index.d.ts",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
   "engines": {
     "node": ">=12.0.0"
-  }
-}
+  },
+  "private": false
+}

package/.eslintignore

@@ -1,2 +0,0 @@
-node_modules
-dist

package/.eslintrc.cjs

@@ -1,118 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require('fs');
-const path = require('path');
-
-const prettierOptions = JSON.parse(fs.readFileSync(path.resolve(__dirname, '.prettierrc.json'), 'utf8'));
-
-module.exports = {
-    env: {
-        browser: true,
-        es2021: true,
-    },
-    extends: [
-        'plugin:react/recommended',
-        // 'airbnb',
-        'eslint:recommended',
-        'plugin:jsx-a11y/recommended',
-        'plugin:import/typescript',
-        'plugin:react/jsx-runtime',
-        'plugin:prettier/recommended',
-        'plugin:@typescript-eslint/recommended',
-        'prettier',
-    ],
-    parser: '@typescript-eslint/parser',
-    parserOptions: {
-        ecmaFeatures: {
-            jsx: true,
-        },
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-    },
-    plugins: ['react', '@typescript-eslint', 'import', 'jsx-a11y', 'react-hooks', 'prettier', 'unused-imports'],
-    rules: {
-        'prettier/prettier': ['error', prettierOptions],
-        'react/jsx-filename-extension': [1, {extensions: ['.ts', '.tsx']}], //En que archivos va a haber jsx
-        '@typescript-eslint/no-explicit-any':"off",
-        'react/jsx-props-no-spreading':"off", //Que se pueda usar el spread
-        "react/prop-types":"off", //Desactivar los proptypes
-        "react/require-default-props":"off", //Cuando se usan props parametros opcionales no es necesariio definir los valores por defecto
-        "react/jsx-no-useless-fragment":"warn", //No usar jsx dentro de un fragment
-        "react/no-unstable-nested-components": [
-            "off",
-            { "allowAsProps": true  }
-          ],
-        "@typescript-eslint/no-empty-interface":"warn",
-        "@typescript-eslint/ban-ts-comment":"off",
-        "no-empty-pattern":"warn",
-        "no-shadow":"warn",  //que se puedan declarar las mismas variables dentro del scope
-        'no-console': 'off', //Que no se puedan imprimir en la consola 
-        "no-empty": "off",
-        // "no-empty-function": "error",
-        "@typescript-eslint/no-empty-function": "off","no-unused-vars": "off",
-        "@typescript-eslint/no-unused-vars": [
-          "warn", // or "error"
-          { 
-            "argsIgnorePattern": "^_",
-            "varsIgnorePattern": "^_",
-            "caughtErrorsIgnorePattern": "^_"
-          }
-        ],
-        
-        'import/extensions': [
-            'off',
-            'ignorePackages',
-            {
-                // js: 'never',
-                // mjs: 'never',
-                // jsx: 'never',
-                ts: 'never',   //se especifica q tipo de librerias se pueden importar
-                tsx: 'never',
-            },
-        ],
-        'import/prefer-default-export': 'off',
-    },
-    overrides: [
-        {
-            files: ['**/*.ts?(x)','**/*.js?(x)'],
-            rules: {
-                'prettier/prettier': ['warn', prettierOptions],
-            },
-        },
-    ],
-    settings: {
-        "react": {
-            "createClass": "createReactClass", // Regex for Component Factory to use,
-                                               // default to "createReactClass"
-            "pragma": "React",  // Pragma to use, default to "React"
-            "fragment": "Fragment",  // Fragment to use (may be a property of <pragma>), default to "Fragment"
-            "version": "detect", // React version. "detect" automatically picks the version you have installed.
-                                 // You can also use `16.0`, `16.3`, etc, if you want to override the detected value.
-                                 // It will default to "latest" and warn if missing, and to "detect" in the future
-            "flowVersion": "0.53" // Flow version
-          },
-        'import/extensions': ['.js', '.mjs', '.jsx', '.ts', '.tsx'],
-        'import/resolver': {  //Permite encontrar los alias de los paths de importación
-            alias: {
-              map: [['~', path.resolve(__dirname)]],
-              extensions: ['.ts', '.js', '.tsx'],
-            },
-          },
-    },
-};
-
-// {
-//   "jsxSingleQuote": false,
-//   "singleQuote": true,
-//   "semi": true,
-//   "tabWidth": 4,
-//   "trailingComma": "all",
-//   "printWidth": 100,
-//   "bracketSpacing": false,
-//   "bracketSameLine": false,
-//   "useTabs": false,
-//   "arrowParens": "always",
-//   "endOfLine": "crlf",
-//   "proseWrap": "preserve",
-//   "quoteProps": "as-needed",
-//   "htmlWhitespaceSensitivity": "css"
-// }

package/.gitignore

@@ -1,23 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-package-lock.json
-
-# Editor directories and files
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/.gitlab-ci.yml

@@ -1,16 +0,0 @@
-
-cache:
-    key:
-        files:
-            - package.json
-    paths:
-        - node_modules/
-
-build:
-    script:
-        - npm i
-        - npm run typescript
-    tags:
-        - shell
-    rules:
-        - if: $CI_PIPELINE_SOURCE == 'merge_request_event'

package/.prettierignore

@@ -1,3 +0,0 @@
-node_modules
-dist
-yarn.lock

package/.prettierrc.json

@@ -1,26 +0,0 @@
-{
-  "printWidth": 100,
-  "endOfLine":"auto",
-  "tabWidth": 4,
-  "useTabs": false,
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "arrowParens" : "avoid",
-  "bracketSpacing": true,
-  "bracketSameLine":false, 
-  "proseWrap": "never",
-  "quoteProps": "as-needed",
-  "singleAttributePerLine":false ,
-  
-  "overrides": [
-    {
-      "files": ".prettierrc",
-      "options": { "parser": "typescript" }
-    }
-  ]
-
-
-}
-
-

package/.vscode/settings.json

@@ -1,50 +0,0 @@
-{
-    "explorer.confirmDelete": false,
-    "code-runner.clearPreviousOutput": true,
-    "explorer.confirmDragAndDrop": false,
-    "liveServer.settings.donotShowInfoMsg": true,
-    "prettier.eslintIntegration": true,
-    "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true
-    },
-    "eslint.probe": [
-        "javascriptreact",
-        "typescript",
-        "typescriptreact",
-        "html",
-        "markdown"
-    ],
-    "color-highlight.matchRgbWithNoFunction": true,
-    "color-highlight.matchWords": true,
-    "[typescript]": {
-        "editor.defaultFormatter": "vscode.typescript-language-features"
-    },
-    "thunder-client.codeSnippetLanguage": "js-axios",
-    "editor.formatOnSave": false,
-    "[typescriptreact]": {
-        "editor.defaultFormatter": "vscode.typescript-language-features"
-    },
-    "javascript.updateImportsOnFileMove.enabled": "always",
-    "typescript.updateImportsOnFileMove.enabled": "always",
-    // "git.autofetch": true,
-    "eslint.nodeEnv": "",
-    // "prettier.useEditorConfig": false,
-    // "prettier.typescriptEnable": [
-    //     "typescript",
-    //     "typescriptreact"
-    // ],
-    // "prettier.tabWidth": 4,
-    // "prettier.jsonEnable": [
-    //     "json"
-    // ],
-    // "prettier.trailingComma": "all",
-    // "prettier.singleQuote": true,
-    // "prettier.printWidth": 100,
-    // "prettier.bracketSpacing": true,
-    // "prettier.singleAttributePerLine": false,
-    // "prettier.graphqlEnable": [
-    //     "graphql"
-    // ],
-    // "eslint.rules.customizations": [],
-    // "eslint.runtime": ""
-}

package/dist/index.js

@@ -1,41 +0,0 @@
-import { M as y } from "./components/MFIsolationApp/index.b21e5671.js";
-import { M as x } from "./components/MFHostApp/index.1700d13a.js";
-import { B as A } from "./components/BaseModule/index.6309486a.js";
-import { a as c, A as g } from "./contexts/AuthContext/index.6f966215.js";
-import { a as C, d as N, g as B } from "./layouts/ModuleLayout/index.a76397df.js";
-import { a as v, d as H, g as I } from "./layouts/MasterDetailLayout/index.3da0ffda.js";
-import { N as b, d as j, g as k } from "./layouts/NoAuthModuleLayout/index.5d1098ef.js";
-import { u as w } from "./hooks/useMasterDetail/index.1b024fd5.js";
-import { u as E } from "./hooks/useAuth/index.cb6a3420.js";
-import { u as J } from "./hooks/useModule/index.6ff7d08a.js";
-import "react";
-import "react-router-dom";
-import "react-toastify";
-import "@m4l/graphics";
-import "@m4l/core";
-import "history";
-import "eventemitter3";
-import "date-fns";
-import "react/jsx-runtime";
-import "nprogress";
-import "@m4l/components";
-import "@mui/material/styles";
-export {
-  c as AuthContext,
-  g as AuthProvider,
-  A as BaseModule,
-  x as MFHostApp,
-  y as MFIsolationApp,
-  v as MasterDetailLayout,
-  C as ModuleLayout,
-  b as NoAuthModuleLayout,
-  H as defaultMasterDetailDictionary,
-  N as defaultModuleLayoutDictionary,
-  j as defaultNoAuthModuleLayoutDictionary,
-  I as getMasterDetailLayoutComponentsDictionary,
-  B as getModuleLayoutComponentsDictionary,
-  k as getNoAuthModuleLayoutComponentsDictionary,
-  E as useAuth,
-  w as useMasterDetail,
-  J as useModule
-};

package/dist/package.json

@@ -1,36 +0,0 @@
-{
-  "name": "@m4l/layouts",
-  "version": "0.1.26",
-  "license": "UNLICENSED",
-  "dependencies": {
-    "@m4l/components": "*",
-    "@m4l/core": "*",
-    "@m4l/graphics": "*"
-  },
-  "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "@types/react-dom": "^17.0.0 || ^18.0.0",
-    "eventemitter3": "^4.0.7",
-    "history": "5.3.0",
-    "nprogress": "^0.2.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0",
-    "react-toastify": "9.0.5"
-  },
-  "files": [
-    "*"
-  ],
-  "source": "src/index.ts",
-  "main": "./index.js",
-  "module": "./index.js",
-  "type": "module",
-  "types": "./index.d.ts",
-  "sideEffects": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "engines": {
-    "node": ">=12.0.0"
-  },
-  "private": false
-}

package/src/@types/index.ts

@@ -1,8 +0,0 @@
-import { NewWindow } from '@m4l/components';
-import { EmitEvents } from '@m4l/core';
-
-declare module '@m4l/core' {
-    interface EmmitEventsGuard {
-        [EmitEvents.EMMIT_EVENT_HOST_EMERGE_WINDOW]: NewWindow;
-    }
-}