@m4l/components 0.1.35 → 0.1.37

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 --force
+        - 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/CommonActions/components/ActionCancel/index.9230c57b.js

@@ -0,0 +1,17 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { jsx } from "react/jsx-runtime";
+const ActionCancel = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    ...props,
+    children: getLabel("common_actions.cancel")
+  });
+};
+export {
+  ActionCancel as A
+};

package/dist/components/CommonActions/components/ActionFormCancel/index.ab514bd9.js

@@ -0,0 +1,65 @@
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { Skeleton } from "@mui/material";
+import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { useCallback } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.d14edee3.js";
+import "../../../../react-draggable.84d6b038.js";
+import "../../../ModalDialog/index.a684827f.js";
+import "../../../Resizeable/index.c96c0f09.js";
+import { jsx } from "react/jsx-runtime";
+import "@m4l/graphics";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.0b8a6818.js";
+import "../../../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
+import "../../../modal/WindowBase.04439b8e.js";
+import "../../../Icon/index.8d754623.js";
+import "@mui/material/styles";
+function ActionFormCancel() {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    openModal
+  } = useModal();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isDirty
+  } = useFormState({
+    control
+  });
+  const onConfirmQuit = useCallback(() => {
+  }, []);
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModal({
+        window: /* @__PURE__ */ jsx(WindowConfirm, {
+          variant: "warning",
+          title: getLabel("form_provider.confirm_quit_title"),
+          msg: getLabel("form_provider.confirm_quit_msg"),
+          onClickIntro: onConfirmQuit
+        })
+      });
+    } else {
+      onConfirmQuit();
+    }
+  }, [getLabel, isDirty, openModal]);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    onClick: onClickCancel,
+    children: getLabel("common_actions.cancel")
+  });
+}
+export {
+  ActionFormCancel as A
+};

package/dist/components/CommonActions/components/ActionFormCancel/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ActionFormCancel(): JSX.Element;

package/dist/components/CommonActions/components/ActionIntro/index.a0a341c7.js

@@ -0,0 +1,18 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { jsx } from "react/jsx-runtime";
+const ActionIntro = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "contained",
+    type: "submit",
+    color: "primary",
+    ...props,
+    children: getLabel("common_actions.intro")
+  });
+};
+export {
+  ActionIntro as A
+};

package/dist/components/CommonActions/components/Actions/index.d3e1f36e.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import "@m4l/core";
+import "@mui/material";
+import "@mui/material/Button";
+import "react-hook-form";
+import "react";
+import "../../../../contexts/ModalContext/index.b90eec94.js";
+import "../../../../react-draggable.84d6b038.js";
+import "../../../ModalDialog/index.a684827f.js";
+import "../../../Resizeable/index.c96c0f09.js";
+import "@m4l/graphics";
+import "../../../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
+import "@mui/lab";
+import "../../../modal/WindowConfirm.0b8a6818.js";
+import "../../../Icon/index.8d754623.js";
+import "../../../modal/WindowBase.04439b8e.js";
+const WrapperStandarActions = styled("div")(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(3),
+  margin: theme.spacing(0, 1.5),
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-end",
+  "& > button": {
+    marginLeft: "10px"
+  }
+}));
+const Actions = (props) => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(WrapperStandarActions, {
+    id: "WrapperStandarActions",
+    children
+  });
+};
+function getCommonActionsDictionary() {
+  return ["common_actions"];
+}
+const defaultCommonActionsDictionary = {
+  common_actions: {
+    cancel: "Cancel",
+    intro: "Intro",
+    confirm_quit_title: "Confirm",
+    confirm_quit_msg: "Are your sure exit?"
+  }
+};
+export {
+  Actions as A,
+  defaultCommonActionsDictionary as d,
+  getCommonActionsDictionary as g
+};