@red-unica/libreria-componentes-desempenio-ekt-motos 1.1.0 → 1.3.0

package/README.md

@@ -86,6 +86,40 @@ Para utilizar este componente se deben envíar las siguientes propiedades:
   - `prefijo`: Cadena que se colocará antes del parámetro "numero" (por defecto su valor es una cadena vacia).
   - `sufijo`: Cadena que se colocará después del parámetro "numero" (por defecto su valor es una cadena vacia).
 
+#### Buscador
+
+Para utilizar este componente se deben enviar las siguientes propiedades:
+
+|     Propiedad         | Tipo de dato | Opcional | Valor por defecto |
+|-----------------------|--------------|----------|-------------------|
+|   **eventoCambio**    |  *Función*   |    No    |        N/A        |
+|      **leyenda**      |   *Cadena*   |    No    |        N/A        |
+|  **validaNumerico**   |  *Booleano*  |    Si    |       falso       |
+|   **validaLetras**    |  *Booleano*  |    Si    |       falso       |
+
+  - `eventoCambio`: Función que se ejecutará cada vez que se inserte/elimine una letra en el buscador.
+  - `leyenda`: Cadena que contiene el título que se mostrará en el buscador.
+  - `validaNumerico`: Bandera para indicar ingreso de solo números en el buscador.
+  - `validaLetras`: Bandera para indicar ingreso de solo letras en el buscador.
+
+#### BotonFiltro
+
+Para utilizar este componente se deben enviar las siguientes propiedades:
+
+|     Propiedad         | Tipo de dato |  Propiedad   | Tipo de dato | Opcional | Valor por defecto |
+|-----------------------|--------------|--------------|--------------|----------|-------------------|
+|      **titulo**       |   *Cadena*   |              |              |    Si    |        N/A        |
+|      **filtros**      |   *Arreglo*  |              |              |    No    |        N/A        |
+|                       |              | **elemento** |   *Cadena*   |    No    |        N/A        |
+|    **eventoCambio**   |   *Función*  |              |              |    No    |        N/A        |
+|       **estado**      |   *Cadena*   |              |              |    No    |        N/A        |
+
+  - `titulo`: Cadena que contiene el título que se mostrará en el BotonFiltro.
+  - `filtros`: Arreglo de cadenas donde cada elemento contiene la leyenda del filtro que se mostrará en cada botón de radio.
+    - `elemento`: Cadena que contiene la leyenda que se mostrara en cada filtro.
+  - `eventoCambio`: Función que se ejecutará cada vez que se de clic al botón de radio.
+  - `estado`: Cadena que contiene el valor del estado del botón de radio.
+
 ##### Version mínima de NodeJS
 * `Node:` "16.15.0"
 
@@ -93,7 +127,9 @@ Para utilizar este componente se deben envíar las siguientes propiedades:
 * `Node:` "17.0.0"
 
 ##### Dependencias
+* `"@red-unica/libreria-estilos-desempenio": "1.1.3"`
 * `"@red-unica/libreria-funciones-desempenio-ekt-motos": "1.0.0"`
+* `"@red-unica/libreria-svg-desempenio-ekt-motos": "1.3.0"`
 * `"react-number-format": "5.3.4"`
 * `"react-responsive": "^10.0.1"`
 

package/dist/principal.js

@@ -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(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}]));
+!function(o,e){for(var t in e)o[t]=e[t]}(exports,function(o){var e={};function __webpack_require__(t){if(e[t])return e[t].exports;var r=e[t]={i:t,l:!1,exports:{}};return o[t].call(r.exports,r,r.exports,__webpack_require__),r.l=!0,r.exports}return __webpack_require__.m=o,__webpack_require__.c=e,__webpack_require__.d=function(o,e,t){__webpack_require__.o(o,e)||Object.defineProperty(o,e,{enumerable:!0,get:t})},__webpack_require__.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})},__webpack_require__.t=function(o,e){if(1&e&&(o=__webpack_require__(o)),8&e)return o;if(4&e&&"object"==typeof o&&o&&o.__esModule)return o;var t=Object.create(null);if(__webpack_require__.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:o}),2&e&&"string"!=typeof o)for(var r in o)__webpack_require__.d(t,r,function(e){return o[e]}.bind(null,r));return t},__webpack_require__.n=function(o){var e=o&&o.__esModule?function getDefault(){return o.default}:function getModuleExports(){return o};return __webpack_require__.d(e,"a",e),e},__webpack_require__.o=function(o,e){return Object.prototype.hasOwnProperty.call(o,e)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=17)}([function(o,e){o.exports=require("react")},function(o,e){o.exports=require("prop-types")},function(o,e){o.exports=require("@red-unica/libreria-funciones-desempenio-ekt-motos")},function(o,e,t){"use strict";var r=function isOldIE(){var o;return function memorize(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o}}(),n=function getTarget(){var o={};return function memorize(e){if(void 0===o[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(o){t=null}o[e]=t}return o[e]}}(),a=[];function getIndexByIdentifier(o){for(var e=-1,t=0;t<a.length;t++)if(a[t].identifier===o){e=t;break}return e}function modulesToDom(o,e){for(var t={},r=[],n=0;n<o.length;n++){var i=o[n],c=e.base?i[0]+e.base:i[0],d=t[c]||0,l="".concat(c," ").concat(d);t[c]=d+1;var s=getIndexByIdentifier(l),u={css:i[1],media:i[2],sourceMap:i[3]};-1!==s?(a[s].references++,a[s].updater(u)):a.push({identifier:l,updater:addStyle(u,e),references:1}),r.push(l)}return r}function insertStyleElement(o){var e=document.createElement("style"),r=o.attributes||{};if(void 0===r.nonce){var a=t.nc;a&&(r.nonce=a)}if(Object.keys(r).forEach(function(o){e.setAttribute(o,r[o])}),"function"==typeof o.insert)o.insert(e);else{var i=n(o.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}return e}var i=function replaceText(){var o=[];return function replace(e,t){return o[e]=t,o.filter(Boolean).join("\n")}}();function applyToSingletonTag(o,e,t,r){var n=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(o.styleSheet)o.styleSheet.cssText=i(e,n);else{var a=document.createTextNode(n),c=o.childNodes;c[e]&&o.removeChild(c[e]),c.length?o.insertBefore(a,c[e]):o.appendChild(a)}}function applyToTag(o,e,t){var r=t.css,n=t.media,a=t.sourceMap;if(n?o.setAttribute("media",n):o.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),o.styleSheet)o.styleSheet.cssText=r;else{for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(document.createTextNode(r))}}var c=null,d=0;function addStyle(o,e){var t,r,n;if(e.singleton){var a=d++;t=c||(c=insertStyleElement(e)),r=applyToSingletonTag.bind(null,t,a,!1),n=applyToSingletonTag.bind(null,t,a,!0)}else t=insertStyleElement(e),r=applyToTag.bind(null,t,e),n=function remove(){!function removeStyleElement(o){if(null===o.parentNode)return!1;o.parentNode.removeChild(o)}(t)};return r(o),function updateStyle(e){if(e){if(e.css===o.css&&e.media===o.media&&e.sourceMap===o.sourceMap)return;r(o=e)}else n()}}o.exports=function(o,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=r());var t=modulesToDom(o=o||[],e);return function update(o){if(o=o||[],"[object Array]"===Object.prototype.toString.call(o)){for(var r=0;r<t.length;r++){var n=getIndexByIdentifier(t[r]);a[n].references--}for(var i=modulesToDom(o,e),c=0;c<t.length;c++){var d=getIndexByIdentifier(t[c]);0===a[d].references&&(a[d].updater(),a.splice(d,1))}t=i}}}},function(o,e,t){"use strict";o.exports=function(o){var e=[];return e.toString=function toString(){return this.map(function(e){var t=o(e);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t}).join("")},e.i=function(o,t,r){"string"==typeof o&&(o=[[null,o,""]]);var n={};if(r)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(n[i]=!0)}for(var c=0;c<o.length;c++){var d=[].concat(o[c]);r&&n[d[0]]||(t&&(d[2]?d[2]="".concat(t," and ").concat(d[2]):d[2]=t),e.push(d))}},e}},function(o,e){o.exports=require("@babel/runtime/helpers/slicedToArray")},function(o,e){o.exports=require("@red-unica/libreria-svg-desempenio-ekt-motos")},function(o,e,t){"use strict";var r=t(4),n=t.n(r)()(function(o){return o[1]});n.push([o.i,"#pestanias-eyd-generica.separacion{height:3.90625vh}",""]),e.a=n},function(o,e,t){"use strict";var r=t(4),n=t.n(r)()(function(o){return o[1]});n.push([o.i,"@media screen and (min-width: 1025px)and (hover: hover)and (pointer: fine){#pestanias-eyd-generica.separacion{height:25px}}",""]),e.a=n},function(o,e,t){"use strict";var r=t(4),n=t.n(r)()(function(o){return o[1]});n.push([o.i,"#buscador-eyd-elektra-motos.contenedor-buscador-eyd-elektra-motos>.contenedor-elementos-buscador{padding:.9765625vw .9765625vw .9765625vw .9765625vw}#buscador-eyd-elektra-motos.contenedor-buscador-eyd-elektra-motos>.contenedor-elementos-buscador>.contenedor-imagen{height:2.34375vw;width:2.34375vw}#buscador-eyd-elektra-motos.contenedor-buscador-eyd-elektra-motos>.contenedor-elementos-buscador>.contenedor-valor-buscador{padding-left:1.7578125vw}",""]),e.a=n},function(o,e,t){"use strict";var r=t(4),n=t.n(r)()(function(o){return o[1]});n.push([o.i,"@media screen and (min-width: 1025px)and (hover: hover)and (pointer: fine){#buscador-eyd-elektra-motos.contenedor-buscador-eyd-elektra-motos>.contenedor-elementos-buscador{padding:10px 10px 10px 10px}#buscador-eyd-elektra-motos.contenedor-buscador-eyd-elektra-motos>.contenedor-elementos-buscador>.contenedor-imagen{height:24px;width:24px}#buscador-eyd-elektra-motos.contenedor-buscador-eyd-elektra-motos>.contenedor-elementos-buscador>.contenedor-valor-buscador{padding-left:18px}}",""]),e.a=n},function(o,e,t){"use strict";var r=t(4),n=t.n(r)()(function(o){return o[1]});n.push([o.i,"#boton-filtro-eyd-elektra-motos>.boton-filtro-eyd-elektra-motos>.tamanio-imagen-definido{height:1.953125vw;width:2.1484375vw}#boton-filtro-eyd-elektra-motos>.boton-filtro-eyd-elektra-motos>.borde-izquierdo{border-left:.09765625vw;margin-top:.48828125vw;margin-bottom:.48828125vw;height:68%;margin-right:4.1015625vw}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista{padding:.9765625vw;z-index:1;opacity:1}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.titulo-lista-boton-filtro{margin-bottom:1.7578125vw}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.filtros-lista-boton-filtro{padding-bottom:.9765625vw}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.filtros-lista-boton-filtro.borde-visible{border-bottom:.09765625vw}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.filtros-lista-boton-filtro.margen-superior{margin-top:1.46484375vw}",""]),e.a=n},function(o,e,t){"use strict";var r=t(4),n=t.n(r)()(function(o){return o[1]});n.push([o.i,"@media screen and (min-width: 1025px)and (hover: hover)and (pointer: fine){#boton-filtro-eyd-elektra-motos>.boton-filtro-eyd-elektra-motos>.tamanio-imagen-definido{height:20px;width:22px}#boton-filtro-eyd-elektra-motos>.boton-filtro-eyd-elektra-motos>.borde-izquierdo{border-left:1px;margin-top:5px;margin-bottom:5px;margin-right:42px}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista{padding:10px}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.titulo-lista-boton-filtro{margin-bottom:18px}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.filtros-lista-boton-filtro{padding-bottom:10px}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.filtros-lista-boton-filtro.borde-visible{border-bottom:1px}#boton-filtro-eyd-elektra-motos>div>.contenedor-lista>.contenedor-opciones-filtro>.filtros-lista-boton-filtro.margen-superior{margin-top:15px}}",""]),e.a=n},function(o,e,t){"use strict";var r=t(4),n=t.n(r)()(function(o){return o[1]});n.push([o.i,".borde-1{border-color:#3aa925 !important}.borde-2{border-color:#d1d1d1 !important}.borde-3{border-color:#f9f9fd !important}.borde-4{border-color:#e8f1ee !important}.borde-5{border-color:#9f9cab !important}.borde-6{border-color:#525f7f !important}.borde-7{border-color:#ecf1f8 !important}.borde-8{border-color:#393648 !important}.borde-9{border-color:#eef9f3 !important}.borde-10{border-color:#eae9eb !important}.borde-11{border-color:#fffffe !important}.borde-12{border-color:#da291c !important}.borde-13{border-color:#ffce4f !important}.borde-14{border-color:#056341 !important}.borde-15{border-color:#dfe5ed !important}.borde-16{border-color:#9aa3b2 !important}.borde-17{border-color:#f6f8fb !important}.borde-18{border-color:#05b6b1 !important}.borde-19{border-color:#bac0c4 !important}.borde-20{border-color:#ee9f1e !important}.borde-21{border-color:#0c9f6e !important}.borde-22{border-color:#e83f5a !important}.borde-23{border-color:#3faf88 !important}.borde-24{border-color:#e4b4b6 !important}.borde-25{border-color:#91ef81 !important}.borde-26{border-color:#f8e6cc !important}.borde-27{border-color:#d9d9d9 !important}.borde-28{border-color:#e8c653 !important}.borde-29{border-color:#3f57f1 !important}.fondo-1{background-color:#3aa925 !important}.fondo-2{background-color:#d1d1d1 !important}.fondo-3{background-color:#f9f9fd !important}.fondo-4{background-color:#e8f1ee !important}.fondo-5{background-color:#9f9cab !important}.fondo-6{background-color:#525f7f !important}.fondo-7{background-color:#ecf1f8 !important}.fondo-8{background-color:#393648 !important}.fondo-9{background-color:#eef9f3 !important}.fondo-10{background-color:#eae9eb !important}.fondo-11{background-color:#fffffe !important}.fondo-12{background-color:#da291c !important}.fondo-13{background-color:#ffce4f !important}.fondo-14{background-color:#056341 !important}.fondo-15{background-color:#dfe5ed !important}.fondo-16{background-color:#9aa3b2 !important}.fondo-17{background-color:#f6f8fb !important}.fondo-18{background-color:#05b6b1 !important}.fondo-19{background-color:#bac0c4 !important}.fondo-20{background-color:#ee9f1e !important}.fondo-21{background-color:#0c9f6e !important}.fondo-22{background-color:#e83f5a !important}.fondo-23{background-color:#3faf88 !important}.fondo-24{background-color:#e4b4b6 !important}.fondo-25{background-color:#91ef81 !important}.fondo-26{background-color:#f8e6cc !important}.fondo-27{background-color:#d9d9d9 !important}.fondo-28{background-color:#e8c653 !important}.fondo-29{background-color:#3f57f1 !important}.letra-1{color:#3aa925 !important}.letra-2{color:#d1d1d1 !important}.letra-3{color:#f9f9fd !important}.letra-4{color:#e8f1ee !important}.letra-5{color:#9f9cab !important}.letra-6{color:#525f7f !important}.letra-7{color:#ecf1f8 !important}.letra-8{color:#393648 !important}.letra-9{color:#eef9f3 !important}.letra-10{color:#eae9eb !important}.letra-11{color:#fffffe !important}.letra-12{color:#da291c !important}.letra-13{color:#ffce4f !important}.letra-14{color:#056341 !important}.letra-15{color:#dfe5ed !important}.letra-16{color:#9aa3b2 !important}.letra-17{color:#f6f8fb !important}.letra-18{color:#05b6b1 !important}.letra-19{color:#bac0c4 !important}.letra-20{color:#ee9f1e !important}.letra-21{color:#0c9f6e !important}.letra-22{color:#e83f5a !important}.letra-23{color:#3faf88 !important}.letra-24{color:#e4b4b6 !important}.letra-25{color:#91ef81 !important}.letra-26{color:#f8e6cc !important}.letra-27{color:#d9d9d9 !important}.letra-28{color:#e8c653 !important}.letra-29{color:#3f57f1 !important}.sombra-componente-eyd{box-shadow:0 .29296875vw .5859375vw rgba(0,0,0,.1607843137)}@media screen and (min-width: 1025px)and (hover: hover)and (pointer: fine){.sombra-componente-eyd{box-shadow:0px 3px 6px rgba(0,0,0,.1607843137)}}.ancho-maximo{width:max-content}",""]),e.a=n},function(o,e){o.exports=require("react-responsive")},function(o,e){o.exports=require("react-number-format")},function(o,e){o.exports=require("red-unica")},function(o,e,t){"use strict";t.r(e),t.d(e,"PestaniasGenericas",function(){return w}),t.d(e,"PiePaginaEkt",function(){return T}),t.d(e,"FormatoNumero",function(){return E}),t.d(e,"Buscador",function(){return M}),t.d(e,"BotonFiltro",function(){return H});var r=t(0),n=t.n(r),a=t(1),i=t.n(a),c=t(14),d=t(2),l=4,s=30,u=100,f=1024,m=["","borde-vd4","borde-p6"],p=["","letra-vd4"],b=t(3),v=t.n(b),g=t(7),h={insert:"head",singleton:!1},y=(v()(g.a,h),g.a.locals,t(8)),k={insert:"head",singleton:!1},_=(v()(y.a,k),y.a.locals,["etiqueta-2","etiqueta-1","cuerpo-3","cuerpo-2","cuerpo-1"]),x=function PestaniasGenericas(o){var e=o.listaPestanias,t=o.eventoClic,a=o.tamanioPestanias,i=void 0===a?0:a,b=o.altoPestanias,v=void 0===b?s:b,g=o.anchoSeparacion,h=void 0===g?0:g,y=o.altoBorde,k=void 0===y?l:y,x=o.colorDelBorde,w=void 0===x?0:x,T=o.iniciaPestania,q=void 0===T?0:T,j=o.tamanioLetra,E=void 0===j?0:j,O=o.separacionTextoBarra,N=void 0===O?0:O,S=o.separacionTextoBarraAbajo,C=void 0===S?0:S,B=o.margenLateral,P=void 0===B?0:B,R=Object(c.useMediaQuery)({query:"(min-width: 1025px) and (hover: hover) and (pointer: fine)"}),I=Object(r.useRef)(function asignarReferenciasPestanias(){var o=[];return e.map(function(){return o.push(Object(r.createRef)())}),o}()),M=function pestaniaActiva(o){I.current.map(function(e,t){e.current.className="pestanias-movil fondo-heredado borde-solido flotar-elemento-izquierda ".concat(_[E]," ").concat(t===o&&"activa"," \n      ").concat(Object(d.condicionTernaria)(t===o,m[w],m[1]),"\n      ").concat(Object(d.condicionTernaria)(t===o,p[0],p[1])," ")})};return n.a.useEffect(function(){M(q)},[]),n.a.createElement(n.a.Fragment,null,e.map(function(o,r){return n.a.createElement(n.a.Fragment,{key:"lista-pestanias-".concat(r+1)},n.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(_[E]),style:{width:Object(d.condicionTernaria)(R,"".concat(Object(d.condicionTernaria)(i>0,i/e.length,o.tamanio),"px"),"".concat(Object(d.condicionTernaria)(i>0,i/e.length,o.tamanio)*u/f,"vw")),height:Object(d.condicionTernaria)(R,"".concat(v,"px"),"".concat(v*u/f,"vw")),borderWidth:Object(d.condicionTernaria)(R,"0 0 ".concat(k,"px 0"),"0 0 ".concat(k*u/f,"vw 0")),paddingRight:Object(d.condicionTernaria)(R,"".concat(P,"px"),"".concat(P*u/f,"vw")),paddingLeft:Object(d.condicionTernaria)(R,"".concat(P,"px"),"".concat(P*u/f,"vw")),paddingTop:Object(d.condicionTernaria)(R,"".concat(N,"px"),"".concat(N*u/f,"vw")),paddingBottom:Object(d.condicionTernaria)(R,"".concat(C,"px"),"".concat(C*u/f,"vw"))},onClick:function onClick(){I.current[r].current.className.includes("activa")||(t(o.valor),M(r))}},o.leyenda),r<e.length-1&&n.a.createElement("div",{id:"pestanias-eyd-generica",key:"separacion-".concat(r+1),className:"separacion flotar-elemento-izquierda",style:{width:"".concat(h*u/f,"vw")}}))}))};x.propTypes={listaPestanias:i.a.array.isRequired,eventoClic:i.a.func.isRequired,tamanioPestanias:i.a.number,altoPestanias:i.a.number,anchoSeparacion:i.a.number,altoBorde:i.a.number,colorDelBorde:i.a.number,iniciaPestania:i.a.number,tamanioLetra:i.a.number,separacionTextoBarra:i.a.number,separacionTextoBarraAbajo:i.a.number,margenLateral:i.a.number};var w=x,T=function PiePaginaEkt(){return n.a.createElement("img",{alt:"",className:"ancho-total",src:"/recursos/imagenes/piePaginaEktMotos.svg"})},q=t(15),j=function FormatoNumero(o){var e=o.numero,t=o.prefijo,r=void 0===t?"":t,a=o.sufijo,i=void 0===a?"":a;return n.a.createElement(q.NumericFormat,{value:e,displayType:"text",thousandSeparator:!0,prefix:r,suffix:i})};j.propTypes={numero:i.a.string.isRequired,prefijo:i.a.string,sufijo:i.a.string};var E=j,O=t(5),N=t.n(O),S=t(6),C=t(9),B={insert:"head",singleton:!1},P=(v()(C.a,B),C.a.locals,t(10)),R={insert:"head",singleton:!1},I=(v()(P.a,R),P.a.locals,function Buscador(o){var e=o.eventoCambio,t=o.leyenda,r=o.validaNumerico,a=void 0!==r&&r,i=o.validaLetras,c=void 0!==i&&i,l=n.a.useState(""),s=N()(l,2),u=s[0],f=s[1];return n.a.createElement("div",{id:"buscador-eyd-elektra-motos",className:"contenedor-buscador-eyd-elektra-motos ancho-total alto-total fondo-s18"},n.a.createElement("div",{className:"elemento-flexible contenedor-elementos-buscador"},n.a.createElement("div",{className:"contenedor-imagen"},n.a.createElement(S.IconoLupa,{color:1})),n.a.createElement("h4",{className:"contenedor-valor-buscador ancho-total"},n.a.createElement("input",{className:"ancho-total fondo-s18 letra-vd11 quitar-contorno sin-borde",placeholder:t,type:"text",value:u,onChange:function onChange(o){return function validaValorBuscador(o){var t=Object(d.condicionTernaria)(!a&&!c,!0,!1),r=Object(d.condicionTernaria)(!t&&c,!0,!1),n=Object(d.condicionTernaria)(!t&&!r&&a,!0,!1),i=Object(d.condicionTernaria)(t,o,Object(d.condicionTernaria)(n,o.replace(/[^0-9]/g,""),function validacionLetras(o){return o.replace(/[^A-Za-zÁÉÍÓÚáéíóúñÑüÜ\s´¨]/g,"")}(o)));f(i),e(i.trim())}(o.target.value)}}))))});I.propTypes={eventoCambio:i.a.func.isRequired,leyenda:i.a.string.isRequired,validaNumerico:i.a.bool,validaLetras:i.a.bool};var M=I,L=t(16),z=t(11),F={insert:"head",singleton:!1},A=(v()(z.a,F),z.a.locals,t(12)),D={insert:"head",singleton:!1},G=(v()(A.a,D),A.a.locals,function BotonFiltro(o){var e=o.titulo,t=o.filtros,r=o.eventoCambio,a=o.estado,i=n.a.useState(!1),c=N()(i,2),l=c[0],s=c[1],u=n.a.useState(0),f=N()(u,2),m=f[0],p=f[1];return n.a.useEffect(function(){p(l?1:0)},[l]),n.a.createElement("div",{id:"boton-filtro-eyd-elektra-motos",className:"mostrar-elemento-en-linea"},n.a.createElement("button",{className:"boton-filtro-eyd-elektra-motos fondo-s".concat(Object(d.condicionTernaria)(l,"26","18")," ancho-total alto-total posicion-relativa elemento-flexible alinear-contenido-centro alinear-elementos-centro"),onClick:function onClick(){return s(!l)}},n.a.createElement("div",{className:"posicion-absoluta borde-izquierdo borde-solido borde-s51"}),n.a.createElement("div",{className:"tamanio-imagen-definido"},n.a.createElement(S.IconoFiltro,{color:m}))),n.a.createElement("div",{className:"mostrar-elemento-grid alinear-contenido-final"},l&&n.a.createElement("ul",{className:"ancho-maximo contenedor-lista sombra-componente-eyd contenido-ajustable mostrar-elemento fondo-p4"},n.a.createElement("li",{className:"contenedor-opciones-filtro"},n.a.createElement("div",{className:"cuerpo-3 negritas contenido-ajustable titulo-lista-boton-filtro"},e),t.map(function(o,e){return n.a.createElement("div",{key:"botones-radio-lista-boton-filtro-".concat(o),className:"".concat(Object(d.condicionTernaria)(e!==t.length-1,"borde-visible borde-solido borde-s51","")," alinear-texto-izquierda filtros-lista-boton-filtro").concat(Object(d.condicionTernaria)(0===e,""," margen-superior"))},n.a.createElement(L.BotonRadio,{leyenda:o,tipo:3,identificador:"boton-radio-".concat(e),valor:"".concat(e),estado:a,eventoCambio:function eventoCambio(o){r(o),s(!l)},color:1}))})))))});G.propTypes={titulo:i.a.string,filtros:i.a.array.isRequired,eventoCambio:i.a.func.isRequired,estado:i.a.string.isRequired};var H=G,U=t(13),J={insert:"head",singleton:!1};v()(U.a,J),U.a.locals}]));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-unica/libreria-componentes-desempenio-ekt-motos",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Componentes React y archivos SASS genéricos para Elekta Motos (SAC).",
   "author": "Emilio Gonzalez",
   "license": "ISC",
@@ -57,7 +57,9 @@
     "dist"
   ],
   "dependencies": {
+    "@red-unica/libreria-estilos-desempenio": "1.1.3",
     "@red-unica/libreria-funciones-desempenio-ekt-motos": "1.0.0",
+    "@red-unica/libreria-svg-desempenio-ekt-motos": "1.3.0",
     "react-number-format": "5.3.4",
     "react-responsive": "^10.0.1"
   }