@m4l/layouts 0.1.23 → 0.1.26

package/.eslintignore

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

package/.eslintrc.cjs

@@ -0,0 +1,118 @@
+/* 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

@@ -0,0 +1,23 @@
+# 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

@@ -0,0 +1,16 @@
+
+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

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

package/.prettierrc.json

@@ -0,0 +1,26 @@
+{
+  "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

@@ -0,0 +1,50 @@
+{
+    "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/components/BaseModule/index.6309486a.js

@@ -0,0 +1,33 @@
+import { ModalProvider as s } from "@m4l/components";
+import { FlagsProvider as u, ModuleDictionaryProvider as c, ModuleSkeletonProvider as m, ModulePrivilegesProvider as a } from "@m4l/core";
+import { jsx as e } from "react/jsx-runtime";
+function h(r) {
+  const {
+    children: o,
+    moduleId: i,
+    moduleNameField: l,
+    skeletonFlags: d,
+    privileges: n,
+    componentsDictionary: t
+  } = r;
+  return /* @__PURE__ */ e(u, {
+    children: /* @__PURE__ */ e(c, {
+      isAuth: !0,
+      moduleId: i,
+      moduleNameField: l,
+      componentsDictionary: t,
+      children: /* @__PURE__ */ e(m, {
+        flags: d,
+        children: /* @__PURE__ */ e(a, {
+          queryPrivileges: n,
+          children: /* @__PURE__ */ e(s, {
+            children: o
+          })
+        })
+      })
+    })
+  });
+}
+export {
+  h as B
+};

package/dist/components/BaseModule/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModuleProps } from './types';
+export declare function BaseModule(props: BaseModuleProps): JSX.Element;
+export default BaseModule;

package/dist/components/BaseModule/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare type BaseModuleProps = {
+    moduleId: string;
+    skeletonFlags: string[];
+    moduleNameField?: string;
+    privileges: string[];
+    componentsDictionary: string[];
+    children: ReactNode;
+};

package/dist/components/MFHostApp/index.1700d13a.js

@@ -0,0 +1,69 @@
+import { unstable_HistoryRouter as F } from "react-router-dom";
+import { EnvironmentProvider as p, HostToolsProvider as v, NetworkProvider as P, DomainCountryProvider as M } from "@m4l/core";
+import { LocalesProvider as f, HostThemeProvider as b, FormatterProvider as E } from "@m4l/graphics";
+import { B as H } from "../BaseModule/index.6309486a.js";
+import { DynamicMFParmsProvider as _ } from "@m4l/components";
+import { jsx as r } from "react/jsx-runtime";
+function L(t) {
+  const {
+    children: n,
+    currentLocale: m,
+    hostTheme: d,
+    environment: s,
+    hostTools: e,
+    axiosOperation: c,
+    formatters: o,
+    dynamicMFParameters: i,
+    moduleId: l,
+    moduleNameField: a,
+    skeletonFlags: u,
+    privileges: h,
+    componentsDictionary: y
+  } = t;
+  return /* @__PURE__ */ r(p, {
+    ...s,
+    children: /* @__PURE__ */ r(v, {
+      ...e,
+      children: /* @__PURE__ */ r(P, {
+        axiosOperation: c,
+        children: /* @__PURE__ */ r(f, {
+          isMicroFrontEnd: !0,
+          localeHost: m,
+          children: /* @__PURE__ */ r(b, {
+            isMicroFrontEnd: !0,
+            ...d,
+            children: /* @__PURE__ */ r(F, {
+              history: e.history,
+              children: /* @__PURE__ */ r(M, {
+                isMicroFrontEnd: !0,
+                id: i?.id || 1,
+                currency: o.currencyFormatter.code,
+                currency_decimal_digits: o.currencyFormatter.decimalDigits,
+                decimal_symbol: o.numberFormatter.decimalSymbol,
+                thousands_symbol: o.numberFormatter.thousandsSymbol,
+                children: /* @__PURE__ */ r(H, {
+                  moduleId: l,
+                  moduleNameField: a,
+                  componentsDictionary: y,
+                  skeletonFlags: u,
+                  privileges: h,
+                  children: /* @__PURE__ */ r(E, {
+                    isMicroFrontEnd: !0,
+                    ...o,
+                    children: /* @__PURE__ */ r(_, {
+                      ...i,
+                      children: n
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+}
+export {
+  L as M
+};

package/{components → dist/components}/MFHostApp/types.d.ts

@@ -1,9 +1,7 @@
-import { ReactNode } from 'react';
 import type { AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
 import { Formatters, HostThemeType, LocaleType } from '@m4l/graphics';
-export interface DynamicMFParameters extends Record<string, any> {
-    version: number;
-}
+import { DynamicMFParameters } from '@m4l/components';
+import { BaseModuleProps } from '../BaseModule/types';
 export interface ByHostProps {
     environment: EnvironmentType;
     hostTools: HostToolsType;
@@ -13,6 +11,4 @@ export interface ByHostProps {
     formatters: Formatters;
     dynamicMFParameters: DynamicMFParameters;
 }
-export interface MFHostAppProps extends ByHostProps {
-    children: ReactNode;
-}
+export declare type MFHostAppProps = ByHostProps & BaseModuleProps;

package/dist/components/MFIsolationApp/index.b21e5671.js

@@ -0,0 +1,151 @@
+import { useEffect as y, useMemo as _, useCallback as f } 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 { u as W } from "../../hooks/useAuth/index.cb6a3420.js";
+import { jsx as e, 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";
+function $(m) {
+  const {
+    children: a,
+    user: d,
+    pwd: l
+  } = m, {
+    isAuthenticated: s,
+    isInitialized: c,
+    login: u,
+    user: r
+  } = W();
+  if (y(() => {
+    c && s === !1 && (console.log("useEffect MFAuthApp Login"), u(d, l, !1));
+  }, [c, s]), !s)
+    return /* @__PURE__ */ e("div", {
+      children: "Pendiente x atenticar"
+    });
+  const o = {
+    id: 1,
+    currency: "USD",
+    currency_decimal_digits: 2,
+    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,
+    isMicroFrontEnd: !0,
+    children: [/* @__PURE__ */ e(D, {}), /* @__PURE__ */ e(z, {
+      ...o,
+      isMicroFrontEnd: !1,
+      children: /* @__PURE__ */ e(B, {
+        isMicroFrontEnd: !1,
+        dateFormatter: {
+          formatDate: V
+        },
+        currencyFormatter: {
+          code: o.currency,
+          decimalDigits: o.currency_decimal_digits
+        },
+        children: a
+      })
+    })]
+  });
+}
+const h = K({
+  window
+});
+function po(m) {
+  const {
+    children: a,
+    user: d,
+    pwd: l,
+    host_api_local: s,
+    host_api_remote: c,
+    host_static_assets: u,
+    environment_assets: r,
+    moduleId: o,
+    skeletonFlags: v,
+    moduleNameField: g,
+    privileges: F,
+    componentsDictionary: P,
+    onLoad: A,
+    activeAreasNetwork: b = !1
+  } = m, t = _(() => new Q(), []), E = f((i, n) => {
+    t.on(i, n);
+  }, [t]), w = f((i, n) => {
+    if (n === null) {
+      t.removeListener(i);
+      return;
+    }
+    t.removeListener(i, n);
+  }, [t]), M = f((i, n) => {
+    t.emit(i, n);
+  }, [t]), L = () => {
+    p.configure({
+      showSpinner: !0
+    }), p.start();
+  }, k = () => {
+    p.done();
+  }, T = _(() => ({
+    host: "",
+    isLocalhost: !0,
+    domain_token: "lab1",
+    host_api_local: s,
+    host_api_remote: c,
+    host_static_assets: u,
+    environment_assets: r
+  }), []), x = _(() => ({
+    history: h,
+    toast: H,
+    startProgress: L,
+    stopProgress: k,
+    events_add_listener: E,
+    events_remove_listener: w,
+    events_emit: M
+  }), []);
+  return y(() => {
+    console.log("useEffect IsolationApp");
+  }, []), /* @__PURE__ */ e(R, {
+    ...T,
+    children: /* @__PURE__ */ e(q, {
+      ...x,
+      children: /* @__PURE__ */ e(G, {
+        axiosOperation: J,
+        children: /* @__PURE__ */ e(C, {
+          history: h,
+          children: /* @__PURE__ */ e(j, {
+            isMicroFrontEnd: !1,
+            getLocaleFromNetwork: S,
+            children: /* @__PURE__ */ e(U, {
+              children: /* @__PURE__ */ e($, {
+                user: d,
+                pwd: l,
+                children: /* @__PURE__ */ e(Y, {
+                  moduleId: o,
+                  privileges: F,
+                  skeletonFlags: v,
+                  componentsDictionary: P,
+                  moduleNameField: g,
+                  children: /* @__PURE__ */ e(Z, {
+                    onLoad: A,
+                    activeAreasNetwork: b,
+                    children: a
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+}
+export {
+  po as M
+};

package/dist/components/MFIsolationApp/types.d.ts

@@ -0,0 +1,11 @@
+import { BaseModuleProps } from '../BaseModule/types';
+export declare type MFIsolationAppProps = BaseModuleProps & {
+    user: string;
+    pwd: string;
+    host_api_local: string;
+    host_api_remote: string;
+    host_static_assets: string;
+    environment_assets: string;
+    onLoad: () => void;
+    activeAreasNetwork?: boolean;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { MFIsolationApp } from './MFIsolationApp';
+export { MFHostApp } from './MFHostApp';
+export { BaseModule } from './BaseModule';
+export type { ByHostProps } from './MFHostApp/types';

package/dist/components/index.deb4e7ac.js

@@ -0,0 +1,6 @@
+import "./MFIsolationApp/index.b21e5671.js";
+import "react-router-dom";
+import "@m4l/core";
+import "@m4l/graphics";
+import "@m4l/components";
+import "react/jsx-runtime";

package/dist/contexts/index.b46a2699.js

@@ -0,0 +1 @@
+import "./AuthContext/index.6f966215.js";

package/dist/hooks/index.2022a179.js

@@ -0,0 +1,4 @@
+import "react";
+import "../layouts/MasterDetailLayout/index.3da0ffda.js";
+import "../contexts/AuthContext/index.6f966215.js";
+import "../layouts/ModuleLayout/index.a76397df.js";

package/{hooks/useMasterDetail/index.8e9e900b.js → dist/hooks/useMasterDetail/index.1b024fd5.js}

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { M as e } from "../../layouts/MasterDetailLayout/index.71de0dc7.js";
+import { M as e } from "../../layouts/MasterDetailLayout/index.3da0ffda.js";
 const s = () => t(e);
 export {
   s as u

package/{hooks/useModule/index.096d7d13.js → dist/hooks/useModule/index.6ff7d08a.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../layouts/ModuleLayout/index.842072c5.js";
+import { M as t } from "../../layouts/ModuleLayout/index.a76397df.js";
 const n = () => {
   const e = o(t);
   if (!e)

package/dist/index.js

@@ -0,0 +1,41 @@
+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
+};