diff --git a/.babelrc b/.babelrc index 2b7bafa..71530c9 100644 --- a/.babelrc +++ b/.babelrc @@ -1,3 +1,9 @@ { - "presets": ["@babel/preset-env", "@babel/preset-react"] + "presets": ["@babel/preset-env", "@babel/preset-react"], + "plugins": [ + [ + "@babel/plugin-proposal-class-properties", + {"loose": true} + ] + ] } diff --git a/.eslintrc.js b/.eslintrc.js deleted file mode 100644 index 928da8e..0000000 --- a/.eslintrc.js +++ /dev/null @@ -1,55 +0,0 @@ -module.exports = { - // 'plugins': ['jest'], - 'env': { - 'commonjs': true, - 'es6': true, - 'node': true, - // 'jest/globals': true, - }, - 'extends': [ - 'eslint:recommended', - 'plugin:react/recommended', - ], - 'globals': { - 'Atomics': 'readonly', - 'SharedArrayBuffer': 'readonly', - }, - 'parserOptions': { - 'ecmaVersion': 2018, - 'sourceType': 'module', - }, - 'rules': { - 'indent': [ - 'error', - 2, - ], - 'linebreak-style': [ - 'error', - 'unix', - ], - 'quotes': [ - 'error', - 'single', - { 'avoidEscape': true }, - ], - 'semi': [ - 'error', - 'never', - ], - 'comma-dangle': [ - 'error', - 'always-multiline', - ], - 'arrow-parens': [ - 'error', - 'as-needed', - ], - 'no-var': [ - 'error', - ], - 'prefer-const': ['error', { - 'destructuring': 'all', - 'ignoreReadBeforeAssign': true, - }], - }, -} diff --git a/.gitignore b/.gitignore index 6bdbe62..c2658d7 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1 @@ -/node_modules/ -/.idea/ +node_modules/ diff --git a/README.md b/README.md index da50ac4..68f7ce4 100644 --- a/README.md +++ b/README.md @@ -1,21 +1,10 @@ -# MCF-Components +# MCF-Components-Lib -Se trata de una biblioteca de componentes de basada en `react` y `material-ui`. Con ella se pueden usar estas bibliotecas definiendo los componentes mediante objetos javascript planos. +This library exports an unique method to render components using *React* and *Material-UI* through a javascript object where is placed all +the information needed. -## Entorno de desarrollo +The method is **render** -La biblioteca está escrita usando `react` y `material-ui`. +## Installation -Se transpila usando `babel` y se compila con `webpack`. - - -## Arquitectura - -El código de la aplicación se encuentra condensado en el archivo `index.js`, el cual exporta los métodos `render` y `remove`. - -El método `render` genera toda la estructura de componentes react a partir de la definición que se le pasa como primer argumento. -Hace falta un segundo argumento: el ID del nodo HTML dentro del cual se quiere generar los componentes. - -La definición es pasada a una factoría de componentes que es quien se encarga de formar de manera recursiva todos los elementos. - -El método `remove` permite eliminar la estructura de componentes creada en un nodo HTML. +To install the library you can get the repository or install it as a dependency. diff --git a/dist/mcf-components.js b/dist/mcf-components.js index 81d12bd..9061640 100644 --- a/dist/mcf-components.js +++ b/dist/mcf-components.js @@ -1,3 +1,60 @@ -/*! For license information please see mcf-components.js.LICENSE.txt */ -!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.mcfComponents=t():e.mcfComponents=t()}(self,(function(){return(()=>{var e={679:(e,t,n)=>{"use strict";var r=n(864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function u(e){return r.isMemo(e)?a:l[e.$$typeof]||o}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=a;var s=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var o=p(n);o&&o!==h&&e(t,o,r)}var a=c(n);d&&(a=a.concat(d(n)));for(var l=u(t),m=u(n),v=0;v{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,l,u=o(e),s=1;s{"use strict";var r=n(414);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},448:(e,t,n)=>{"use strict";var r=n(294),o=n(418),i=n(840);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n