@m4l/layouts 0.1.26 → 0.1.28

package/package.json

@@ -1,20 +1,7 @@
 {
   "name": "@m4l/layouts",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "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": "*",
@@ -30,51 +17,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/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;
-    }
-}

package/src/components/BaseModule/index.tsx

@@ -1,59 +0,0 @@
-// react
-
-//m4l
-
-import { ModalProvider } from '@m4l/components';
-import {
-    FlagsProvider,
-    ModuleDictionaryProvider,
-    ModulePrivilegesProvider,
-    ModuleSkeletonProvider,
-} from '@m4l/core';
-// external components
-
-// mui
-// internal components
-// hooks /providers
-
-// sub comoponents
-
-// types
-import { BaseModuleProps } from './types';
-// network
-
-// config
-
-// utils
-
-// css
-
-export function BaseModule(props: BaseModuleProps) {
-    const {
-        children,
-
-        moduleId,
-        moduleNameField,
-        skeletonFlags,
-        privileges,
-        componentsDictionary,
-    } = props;
-
-    return (
-        <FlagsProvider>
-            <ModuleDictionaryProvider
-                isAuth={true}
-                moduleId={moduleId}
-                moduleNameField={moduleNameField}
-                componentsDictionary={componentsDictionary}
-            >
-                <ModuleSkeletonProvider flags={skeletonFlags}>
-                    <ModulePrivilegesProvider queryPrivileges={privileges}>
-                        <ModalProvider>{children}</ModalProvider>
-                    </ModulePrivilegesProvider>
-                </ModuleSkeletonProvider>
-            </ModuleDictionaryProvider>
-        </FlagsProvider>
-    );
-}
-
-export default BaseModule;

package/src/components/BaseModule/types.ts

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

package/src/components/MFHostApp/index.tsx

@@ -1,95 +0,0 @@
-// react
-import { unstable_HistoryRouter as HistoryRouter } from 'react-router-dom';
-
-//m4l
-import {
-    DomainCountryProvider,
-    EnvironmentProvider,
-    HostToolsProvider,
-    NetworkProvider,
-} from '@m4l/core';
-import { FormatterProvider, HostThemeProvider, LocalesProvider } from '@m4l/graphics';
-
-// external components
-
-// mui
-
-// internal components
-
-// hooks /providers
-
-// sub comoponents
-
-// types
-
-// network
-
-// config
-
-// utils
-
-// css
-
-import { MFHostAppProps } from './types';
-
-import BaseModule from '../BaseModule';
-import { DynamicMFParmsProvider } from '@m4l/components';
-
-export function MFHostApp(props: MFHostAppProps) {
-    const {
-        children,
-        currentLocale,
-        hostTheme,
-        environment,
-        hostTools,
-        axiosOperation,
-        formatters,
-        dynamicMFParameters,
-        moduleId,
-        moduleNameField,
-        skeletonFlags,
-        privileges,
-        componentsDictionary,
-    } = props;
-
-    return (
-        <EnvironmentProvider {...environment}>
-            <HostToolsProvider {...hostTools}>
-                <NetworkProvider axiosOperation={axiosOperation}>
-                    <LocalesProvider isMicroFrontEnd localeHost={currentLocale}>
-                        <HostThemeProvider isMicroFrontEnd={true} {...hostTheme}>
-                            <HistoryRouter history={hostTools.history}>
-                                <DomainCountryProvider
-                                    isMicroFrontEnd
-                                    id={dynamicMFParameters?.id || 1}
-                                    currency={formatters.currencyFormatter.code}
-                                    currency_decimal_digits={
-                                        formatters.currencyFormatter.decimalDigits
-                                    }
-                                    decimal_symbol={formatters.numberFormatter.decimalSymbol}
-                                    thousands_symbol={formatters.numberFormatter.thousandsSymbol}
-                                >
-                                    <BaseModule
-                                        moduleId={moduleId}
-                                        moduleNameField={moduleNameField}
-                                        componentsDictionary={componentsDictionary}
-                                        skeletonFlags={skeletonFlags}
-                                        privileges={privileges}
-                                    >
-                                        <FormatterProvider isMicroFrontEnd {...formatters}>
-                                            <DynamicMFParmsProvider {...dynamicMFParameters}>
-                                                {children}
-                                            </DynamicMFParmsProvider>
-                                        </FormatterProvider>
-                                    </BaseModule>
-                                </DomainCountryProvider>
-                            </HistoryRouter>
-                        </HostThemeProvider>
-                    </LocalesProvider>
-                </NetworkProvider>
-            </HostToolsProvider>
-        </EnvironmentProvider>
-    );
-}
-
-export default MFHostApp;

package/src/components/MFHostApp/types.ts

@@ -1,16 +0,0 @@
-import type { AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
-import { Formatters, HostThemeType, LocaleType } from '@m4l/graphics';
-import { DynamicMFParameters } from '@m4l/components';
-import { BaseModuleProps } from '../BaseModule/types';
-
-export interface ByHostProps {
-    environment: EnvironmentType;
-    hostTools: HostToolsType;
-    hostTheme: HostThemeType;
-    currentLocale: LocaleType;
-    axiosOperation: AxiosOperation;
-    formatters: Formatters;
-    dynamicMFParameters: DynamicMFParameters;
-}
-
-export type MFHostAppProps = ByHostProps & BaseModuleProps;