@red-unica/libreria-componentes-desempenio-ekt-motos 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +102 -0
- package/dist/principal.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
# Librería componentes genéricos Elektra Motos
|
|
2
|
+
|
|
3
|
+
> Componentes React y archivos SASS genéricos de Elektra Motos.
|
|
4
|
+
|
|
5
|
+
## Instalación
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install --save @red-unica/libreria-componentes-desempenio-ekt-motos
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Uso
|
|
12
|
+
|
|
13
|
+
```jsx
|
|
14
|
+
import React from 'react';
|
|
15
|
+
import { Componente } from '@red-unica/libreria-componentes-desempenio-ekt-motos';
|
|
16
|
+
|
|
17
|
+
const Ejemplo = () => {
|
|
18
|
+
return (
|
|
19
|
+
<Componente />}
|
|
20
|
+
);
|
|
21
|
+
};
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Componentes
|
|
25
|
+
|
|
26
|
+
#### PestaniasGenericas
|
|
27
|
+
Para utilizar este componente se deben envíar las siguientes propiedades:
|
|
28
|
+
|
|
29
|
+
| Propiedad | Tipo de dato | Propiedad | Tipo de dato | Opcional | Valor por defecto |
|
|
30
|
+
|--------------------------|----------------|------------------------|--------------|----------|-------------------|
|
|
31
|
+
| **listaPestanias** | *Arreglo* | | | | |
|
|
32
|
+
| | | **valor** | *Numérico* | No | |
|
|
33
|
+
| | | **leyenda** | *Cadena* | No | |
|
|
34
|
+
| | | **tamanio** | *Numérico* | Sí | N/A |
|
|
35
|
+
| **tamanioPestanias** | | | *Numérico* | Sí | 0 |
|
|
36
|
+
| **eventoClic** | | | *Función* | No | |
|
|
37
|
+
| **altoPestanias** | | | *Numérico* | Sí | 30 |
|
|
38
|
+
| **anchoSeparacion** | | | *Numérico* | Sí | 0 |
|
|
39
|
+
| **altoBorde** | | | *Numérico* | Sí | 4 |
|
|
40
|
+
| **colorDelBorde** | | | *Numérico* | Sí | 0 |
|
|
41
|
+
| **iniciaPestania** | | | *Numérico* | Sí | 0 |
|
|
42
|
+
| **tamanioLetra** | | | *Numérico* | Sí | 0 |
|
|
43
|
+
| **separacionTextoBarra** | | | *Numérico* | Sí | 0 |
|
|
44
|
+
| **separacionTextoBarraAbajo** | | | *Numérico* | Sí | 0 |
|
|
45
|
+
| **margenLateral** | | | *Numérico* | Sí | 0 |
|
|
46
|
+
|
|
47
|
+
- `listaPestanias`: Arreglo que contiene los datos para el numero pestanias y leyendas que mostraran.
|
|
48
|
+
- `valor`: Numerico que indica el valor de la pestaña.
|
|
49
|
+
- `leyenda`: Cadena que contiene la leyenda que se mostrara en la pestaña.
|
|
50
|
+
- `tamanio`: Numerico que indica el tamaño de la pestaña.
|
|
51
|
+
- `tamanioPestanias`: Numero que indica el ancho de las pestañas de acuerdo a la division del numero de pestañas.
|
|
52
|
+
- `eventoClic`: Función que se ejecutará al hacer clic en la pestaña.
|
|
53
|
+
- `altoPestanias`: Numero que indica la altura de las pestañas.
|
|
54
|
+
- `anchoSeparacion`: Numero que indica el ancho de la separacion de las pestañas.
|
|
55
|
+
- `altoBorde`: Numero que indica la altura del borde inferior de la pestaña.
|
|
56
|
+
- `colorDelBorde`: Numero que indica el color que se asignara al borde.
|
|
57
|
+
- `0` - sin color.
|
|
58
|
+
- `1` - Borde de color visualizacion de datos cuatro.
|
|
59
|
+
- `2` - Borde de color primario seis.
|
|
60
|
+
- `iniciaPestania`: Numero de pestaña que estara activa.
|
|
61
|
+
- `tamanioLetra`: Numero que indica el tamaño de la letra que se mostrara en la pestaña.
|
|
62
|
+
- `0` - Tamaño de letra 10, clase "etiqueta-2".
|
|
63
|
+
- `1` - Tamaño de letra 12, clase "etiqueta-1".
|
|
64
|
+
- `2` - Tamaño de letra 14, clase "cuerpo-3".
|
|
65
|
+
- `3` - Tamaño de letra 16, clase "cuerpo-2".
|
|
66
|
+
- `4` - Tamaño de letra 18, clase "cuerpo-1".
|
|
67
|
+
- `separacionTextoBarra`: Numero que indica la separacion del borde y la leyenda de la pestaña, iniciando dicha separación de arriba hacia abajo.
|
|
68
|
+
- `separacionTextoBarraAbajo`: Numero que indica la separacion del borde y la leyenda de la pestaña, iniciando dicha separación de abajo hacia arriba.
|
|
69
|
+
- `margenLateral`: Numero que indica los margenes laterales en las pestañas.
|
|
70
|
+
|
|
71
|
+
#### PiePaginaEkt
|
|
72
|
+
|
|
73
|
+
No se necesitan propiedades para poder utilizar este componente.
|
|
74
|
+
|
|
75
|
+
#### FormatoNumero
|
|
76
|
+
|
|
77
|
+
Para utilizar este componente se deben envíar las siguientes propiedades:
|
|
78
|
+
|
|
79
|
+
| Propiedad | Tipo de dato | Opcional | Valor por defecto |
|
|
80
|
+
|-----------------------|--------------|----------|-------------------|
|
|
81
|
+
| **numero** | *Cadena* | No | N/A |
|
|
82
|
+
| **prefijo** | *Cadena* | Si | '' |
|
|
83
|
+
| **sufijo** | *Cadena* | Si | '' |
|
|
84
|
+
|
|
85
|
+
- `titulo`: Cadena que contiene el número al que se le aplicará el formato (miles/millones).
|
|
86
|
+
- `prefijo`: Cadena que se colocará antes del parámetro "numero" (por defecto su valor es una cadena vacia).
|
|
87
|
+
- `sufijo`: Cadena que se colocará después del parámetro "numero" (por defecto su valor es una cadena vacia).
|
|
88
|
+
|
|
89
|
+
##### Version mínima de NodeJS
|
|
90
|
+
* `Node:` "16.15.0"
|
|
91
|
+
|
|
92
|
+
##### Version mínima de React
|
|
93
|
+
* `Node:` "17.0.0"
|
|
94
|
+
|
|
95
|
+
##### Dependencias
|
|
96
|
+
* `"@red-unica/libreria-funciones-desempenio-ekt-motos": "1.0.0"`
|
|
97
|
+
* `"react-number-format": "5.3.4"`
|
|
98
|
+
* `"react-responsive": "^10.0.1"`
|
|
99
|
+
|
|
100
|
+
## License
|
|
101
|
+
|
|
102
|
+
ISC ©
|
package/dist/principal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,n){for(var t in n)e[t]=n[t]}(exports,function(e){var n={};function __webpack_require__(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,__webpack_require__),r.l=!0,r.exports}return __webpack_require__.m=e,__webpack_require__.c=n,__webpack_require__.d=function(e,n,t){__webpack_require__.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.t=function(e,n){if(1&n&&(e=__webpack_require__(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(__webpack_require__.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)__webpack_require__.d(t,r,function(n){return e[n]}.bind(null,r));return t},__webpack_require__.n=function(e){var n=e&&e.__esModule?function getDefault(){return e.default}:function getModuleExports(){return e};return __webpack_require__.d(n,"a",n),n},__webpack_require__.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=9)}([function(e,n){e.exports=require("prop-types")},function(e,n){e.exports=require("react")},function(e,n){e.exports=require("@red-unica/libreria-funciones-desempenio-ekt-motos")},function(e,n,t){"use strict";var r=function isOldIE(){var e;return function memorize(){return void 0===e&&(e=Boolean(window&&document&&document.all&&!window.atob)),e}}(),a=function getTarget(){var e={};return function memorize(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),i=[];function getIndexByIdentifier(e){for(var n=-1,t=0;t<i.length;t++)if(i[t].identifier===e){n=t;break}return n}function modulesToDom(e,n){for(var t={},r=[],a=0;a<e.length;a++){var o=e[a],c=n.base?o[0]+n.base:o[0],u=t[c]||0,s="".concat(c," ").concat(u);t[c]=u+1;var d=getIndexByIdentifier(s),l={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(i[d].references++,i[d].updater(l)):i.push({identifier:s,updater:addStyle(l,n),references:1}),r.push(s)}return r}function insertStyleElement(e){var n=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=t.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach(
|
|
1
|
+
!function(e,n){for(var t in n)e[t]=n[t]}(exports,function(e){var n={};function __webpack_require__(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,__webpack_require__),r.l=!0,r.exports}return __webpack_require__.m=e,__webpack_require__.c=n,__webpack_require__.d=function(e,n,t){__webpack_require__.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.t=function(e,n){if(1&n&&(e=__webpack_require__(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(__webpack_require__.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)__webpack_require__.d(t,r,function(n){return e[n]}.bind(null,r));return t},__webpack_require__.n=function(e){var n=e&&e.__esModule?function getDefault(){return e.default}:function getModuleExports(){return e};return __webpack_require__.d(n,"a",n),n},__webpack_require__.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=9)}([function(e,n){e.exports=require("prop-types")},function(e,n){e.exports=require("react")},function(e,n){e.exports=require("@red-unica/libreria-funciones-desempenio-ekt-motos")},function(e,n,t){"use strict";var r=function isOldIE(){var e;return function memorize(){return void 0===e&&(e=Boolean(window&&document&&document.all&&!window.atob)),e}}(),a=function getTarget(){var e={};return function memorize(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),i=[];function getIndexByIdentifier(e){for(var n=-1,t=0;t<i.length;t++)if(i[t].identifier===e){n=t;break}return n}function modulesToDom(e,n){for(var t={},r=[],a=0;a<e.length;a++){var o=e[a],c=n.base?o[0]+n.base:o[0],u=t[c]||0,s="".concat(c," ").concat(u);t[c]=u+1;var d=getIndexByIdentifier(s),l={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(i[d].references++,i[d].updater(l)):i.push({identifier:s,updater:addStyle(l,n),references:1}),r.push(s)}return r}function insertStyleElement(e){var n=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=t.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach(function(e){n.setAttribute(e,r[e])}),"function"==typeof e.insert)e.insert(n);else{var o=a(e.insert||"head");if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}return n}var o=function replaceText(){var e=[];return function replace(n,t){return e[n]=t,e.filter(Boolean).join("\n")}}();function applyToSingletonTag(e,n,t,r){var a=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=o(n,a);else{var i=document.createTextNode(a),c=e.childNodes;c[n]&&e.removeChild(c[n]),c.length?e.insertBefore(i,c[n]):e.appendChild(i)}}function applyToTag(e,n,t){var r=t.css,a=t.media,i=t.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var c=null,u=0;function addStyle(e,n){var t,r,a;if(n.singleton){var i=u++;t=c||(c=insertStyleElement(n)),r=applyToSingletonTag.bind(null,t,i,!1),a=applyToSingletonTag.bind(null,t,i,!0)}else t=insertStyleElement(n),r=applyToTag.bind(null,t,n),a=function remove(){!function removeStyleElement(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return r(e),function updateStyle(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;r(e=n)}else a()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=r());var t=modulesToDom(e=e||[],n);return function update(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<t.length;r++){var a=getIndexByIdentifier(t[r]);i[a].references--}for(var o=modulesToDom(e,n),c=0;c<t.length;c++){var u=getIndexByIdentifier(t[c]);0===i[u].references&&(i[u].updater(),i.splice(u,1))}t=o}}}},function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function toString(){return this.map(function(n){var t=e(n);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t}).join("")},n.i=function(e,t,r){"string"==typeof e&&(e=[[null,e,""]]);var a={};if(r)for(var i=0;i<this.length;i++){var o=this[i][0];null!=o&&(a[o]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&a[u[0]]||(t&&(u[2]?u[2]="".concat(t," and ").concat(u[2]):u[2]=t),n.push(u))}},n}},function(e,n,t){"use strict";var r=t(4),a=t.n(r)()(function(e){return e[1]});a.push([e.i,"#pestanias-eyd-generica.separacion{height:3.90625vh}",""]),n.a=a},function(e,n,t){"use strict";var r=t(4),a=t.n(r)()(function(e){return e[1]});a.push([e.i,"@media screen and (min-width: 1025px)and (hover: hover)and (pointer: fine){#pestanias-eyd-generica.separacion{height:25px}}",""]),n.a=a},function(e,n){e.exports=require("react-responsive")},function(e,n){e.exports=require("react-number-format")},function(e,n,t){"use strict";t.r(n),t.d(n,"PestaniasGenericas",function(){return x}),t.d(n,"PiePaginaEkt",function(){return j}),t.d(n,"FormatoNumero",function(){return S});var r=t(1),a=t.n(r),i=t(0),o=t.n(i),c=t(7),u=t(2),s=4,d=30,l=100,p=1024,f=["","borde-vd4","borde-p6"],m=["","letra-vd4"],v=t(3),_=t.n(v),b=t(5),g={insert:"head",singleton:!1},h=(_()(b.a,g),b.a.locals,t(6)),y={insert:"head",singleton:!1},T=(_()(h.a,y),h.a.locals,["etiqueta-2","etiqueta-1","cuerpo-3","cuerpo-2","cuerpo-1"]),w=function PestaniasGenericas(e){var n=e.listaPestanias,t=e.eventoClic,i=e.tamanioPestanias,o=void 0===i?0:i,v=e.altoPestanias,_=void 0===v?d:v,b=e.anchoSeparacion,g=void 0===b?0:b,h=e.altoBorde,y=void 0===h?s:h,w=e.colorDelBorde,x=void 0===w?0:w,j=e.iniciaPestania,q=void 0===j?0:j,k=e.tamanioLetra,S=void 0===k?0:k,O=e.separacionTextoBarra,E=void 0===O?0:O,P=e.separacionTextoBarraAbajo,B=void 0===P?0:P,C=e.margenLateral,M=void 0===C?0:C,N=Object(c.useMediaQuery)({query:"(min-width: 1025px) and (hover: hover) and (pointer: fine)"}),I=Object(r.useRef)(function asignarReferenciasPestanias(){var e=[];return n.map(function(){return e.push(Object(r.createRef)())}),e}()),R=function pestaniaActiva(e){I.current.map(function(n,t){n.current.className="pestanias-movil fondo-heredado borde-solido flotar-elemento-izquierda ".concat(T[S]," ").concat(t===e&&"activa"," \n ").concat(Object(u.condicionTernaria)(t===e,f[x],f[1]),"\n ").concat(Object(u.condicionTernaria)(t===e,m[0],m[1])," ")})};return a.a.useEffect(function(){R(q)},[]),a.a.createElement(a.a.Fragment,null,n.map(function(e,r){return a.a.createElement(a.a.Fragment,{key:"lista-pestanias-".concat(r+1)},a.a.createElement("button",{id:"pestanias-eyd-generica",ref:I.current[r],key:"boton-".concat(r+1),className:"fondo-heredado borde-solido flotar-elemento-izquierda ".concat(T[S]),style:{width:Object(u.condicionTernaria)(N,"".concat(Object(u.condicionTernaria)(o>0,o/n.length,e.tamanio),"px"),"".concat(Object(u.condicionTernaria)(o>0,o/n.length,e.tamanio)*l/p,"vw")),height:Object(u.condicionTernaria)(N,"".concat(_,"px"),"".concat(_*l/p,"vw")),borderWidth:Object(u.condicionTernaria)(N,"0 0 ".concat(y,"px 0"),"0 0 ".concat(y*l/p,"vw 0")),paddingRight:Object(u.condicionTernaria)(N,"".concat(M,"px"),"".concat(M*l/p,"vw")),paddingLeft:Object(u.condicionTernaria)(N,"".concat(M,"px"),"".concat(M*l/p,"vw")),paddingTop:Object(u.condicionTernaria)(N,"".concat(E,"px"),"".concat(E*l/p,"vw")),paddingBottom:Object(u.condicionTernaria)(N,"".concat(B,"px"),"".concat(B*l/p,"vw"))},onClick:function onClick(){I.current[r].current.className.includes("activa")||(t(e.valor),R(r))}},e.leyenda),r<n.length-1&&a.a.createElement("div",{id:"pestanias-eyd-generica",key:"separacion-".concat(r+1),className:"separacion flotar-elemento-izquierda",style:{width:"".concat(g*l/p,"vw")}}))}))};w.propTypes={listaPestanias:o.a.array.isRequired,eventoClic:o.a.func.isRequired,tamanioPestanias:o.a.number,altoPestanias:o.a.number,anchoSeparacion:o.a.number,altoBorde:o.a.number,colorDelBorde:o.a.number,iniciaPestania:o.a.number,tamanioLetra:o.a.number,separacionTextoBarra:o.a.number,separacionTextoBarraAbajo:o.a.number,margenLateral:o.a.number};var x=w,j=function PiePaginaEkt(){return a.a.createElement("img",{alt:"",className:"ancho-total",src:"/recursos/imagenes/piePaginaEktMotos.svg"})},q=t(8),k=function FormatoNumero(e){var n=e.numero,t=e.prefijo,r=void 0===t?"":t,i=e.sufijo,o=void 0===i?"":i;return a.a.createElement(q.NumericFormat,{value:n,displayType:"text",thousandSeparator:!0,prefix:r,suffix:o})};k.propTypes={numero:o.a.string.isRequired,prefijo:o.a.string,sufijo:o.a.string};var S=k}]));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@red-unica/libreria-componentes-desempenio-ekt-motos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Componentes React y archivos SASS genéricos para Elekta Motos (SAC).",
|
|
5
5
|
"author": "Emilio Gonzalez",
|
|
6
6
|
"license": "ISC",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"test:unit": "jest",
|
|
17
17
|
"test:unit:coverage": "jest --coverage",
|
|
18
18
|
"test:mutation": "stryker run",
|
|
19
|
-
"sonarqube": "sonar-scanner -Dsonar.projectKey=LibreriaComponentesDesempenioEktMotos -Dsonar.sources=. -Dsonar.javascript.lcov.reportPaths=coberturaPruebasUnitarias/lcov.info -Dsonar.host.url=http://10.57.113.51:9000 -Dsonar.
|
|
19
|
+
"sonarqube:prod": "sonar-scanner -Dsonar.projectKey=LibreriaComponentesDesempenioEktMotos -Dsonar.branch.name=master -Dsonar.sources=. -Dsonar.javascript.lcov.reportPaths=coberturaPruebasUnitarias/lcov.info -Dsonar.host.url=http://10.57.113.51:9000 -Dsonar.token=$SONAR_TOKEN -Dsonar.coverage.exclusions=pruebasUnitarias/**,src/utilerias/constantes.js,src/utilerias/catalogos.js,src/principal.js,jest.config.js -Dsonar.exclusions=webpack.config.js"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"react": ">=17.0.0"
|