@red-unica/libreria-componentes-moviles 1.2.0 → 1.4.0

package/README.md

@@ -23,7 +23,7 @@
 
 ## Componentes
 
-#### EtiquetaCliente
+#### EtiquetaClientes
 
 Para utilizar de este componente se debe envíar la siguiente propiedad:
 
@@ -31,6 +31,8 @@ Para utilizar de este componente se debe envíar la siguiente propiedad:
 |---------------------|--------------|----------|
 | **numeroClientes**  |   *Cadena*   |    No    |
 
+  - `numeroClientes`: Cadena que indica el número de clientes a mostrar en la etiqueta.
+
 #### EtiquetaSemana
 
 Para poder utilizar este componente no se necesita ninguna propiedad que se envíe.
@@ -44,12 +46,46 @@ Para utilizar de este componente de BotonDesplegar se debe enviar las siguientes
 | **eventoClic**      |   *Funcion*  |    No    |
 | **alto**            |   *Numero*   |    Si    |
 
+#### AvisoEmergente
+
+Para utilizar de este componente se debe envíar la siguiente propiedad:
+
+| Propiedad           | Tipo de dato | Opcional |
+|---------------------|--------------|----------|
+| **avisoEmergente**  |   *Cadena*   |    No    |
+| **leyenda**         |   *Cadena*   |    No    |
+
+
+#### ListaDesplegable
+Para utilizar de este componente de ListaDesplegable se debe enviar las siguientes propiedades.
+
+| Propiedad           |  Tipo de dato       | Opcional |
+|---------------------|---------------------|----------|
+| **listaOpciones**   |   *Arreglo*         |    No    |
+| **eventoCambio**    |   *Funcion*         |    No    |
+| **textoAyuda**      |   *Cadena*          |    Si    |
+| **mostrarAyuda**    |   *Boleano*         |    Si    |
+| **valorDefecto**    |   *Numero/Cadena*   |    Si    |
+
+#### FormatoCantidad
+
+Para utilizar de este componente se deben envíar las siguientes propiedades:
+
+| Propiedad   | Tipo de dato | Opcional | Valor por defecto |
+|-------------|--------------|----------|-------------------|
+| **numero**  |   *Cadena*   |    No    |        N/A        |
+| **prefijo** |   *Cadena*   |    Si    |        ''         |
+| **sufijo**  |   *Cadena*   |    Si    |        ''         |
+
+  - `numero`: Cadena que contiene el número al que se le aplicará el formato de miles/millones.
+  - `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).
 
 ##### Version mínima de NodeJS
 * `Node:` "16.15.0"
 
 ##### Version mínima de React
-* `Node:` "17.0.0"
+* `React:` "17.0.0"
 
 ## License
 

package/dist/principal.js

@@ -1 +1 @@
-!function(e,t){for(var n in t)e[n]=t[n]}(exports,function(e){var t={};function __webpack_require__(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,__webpack_require__),r.l=!0,r.exports}return __webpack_require__.m=e,__webpack_require__.c=t,__webpack_require__.d=function(e,t,n){__webpack_require__.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},__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,t){if(1&t&&(e=__webpack_require__(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(__webpack_require__.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)__webpack_require__.d(n,r,function(t){return e[t]}.bind(null,r));return n},__webpack_require__.n=function(e){var t=e&&e.__esModule?function getDefault(){return e.default}:function getModuleExports(){return e};return __webpack_require__.d(t,"a",t),t},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=12)}([function(e,t){e.exports=require("react")},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function toString(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,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]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@red-unica/libreria-svg")},function(e,t,n){"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(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function getIndexByIdentifier(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function modulesToDom(e,t){for(var n={},r=[],a=0;a<e.length;a++){var o=e[a],c=t.base?o[0]+t.base:o[0],u=n[c]||0,l="".concat(c," ").concat(u);n[c]=u+1;var s=getIndexByIdentifier(l),d={css:o[1],media:o[2],sourceMap:o[3]};-1!==s?(i[s].references++,i[s].updater(d)):i.push({identifier:l,updater:addStyle(d,t),references:1}),r.push(l)}return r}function insertStyleElement(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);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(t)}return t}var o=function replaceText(){var e=[];return function replace(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function applyToSingletonTag(e,t,n,r){var a=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=o(t,a);else{var i=document.createTextNode(a),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(i,c[t]):e.appendChild(i)}}function applyToTag(e,t,n){var r=n.css,a=n.media,i=n.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,t){var n,r,a;if(t.singleton){var i=u++;n=c||(c=insertStyleElement(t)),r=applyToSingletonTag.bind(null,n,i,!1),a=applyToSingletonTag.bind(null,n,i,!0)}else n=insertStyleElement(t),r=applyToTag.bind(null,n,t),a=function remove(){!function removeStyleElement(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function updateStyle(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else a()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var n=modulesToDom(e=e||[],t);return function update(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var a=getIndexByIdentifier(n[r]);i[a].references--}for(var o=modulesToDom(e,t),c=0;c<n.length;c++){var u=getIndexByIdentifier(n[c]);0===i[u].references&&(i[u].updater(),i.splice(u,1))}n=o}}}},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t,n){var r=n(4),a=n(7);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var i={insert:"head",singleton:!1};r(a,i);e.exports=a.locals||{}},function(e,t,n){"use strict";n.r(t);var r=n(1),a=n.n(r)()((function(e){return e[1]}));a.push([e.i,"@media screen and (max-width: 767px)and (pointer: coarse){#etiqueta-clientes-eyd.contenedor-etiqueta-clientes{height:3.4375vh;padding:.625vh 2.2222222222vw .625vh 2.2222222222vw;border-width:.15625vh .2777777778vw;border-radius:3.6111111111vw}#etiqueta-clientes-eyd.contenedor-etiqueta-clientes>.icono-etiqueta-clientes{height:2.03125vh;width:15%}#etiqueta-clientes-eyd.contenedor-etiqueta-clientes>.numero-leyenda-etiqueta-clientes{height:2.1875vh;width:83%}}",""]),t.default=a},function(e,t,n){var r=n(4),a=n(9);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var i={insert:"head",singleton:!1};r(a,i);e.exports=a.locals||{}},function(e,t,n){"use strict";n.r(t);var r=n(1),a=n.n(r)()((function(e){return e[1]}));a.push([e.i,"@media screen and (max-width: 767px)and (pointer: coarse){#etiqueta-semana-eyd.contenedor-etiqueta-semana-desempenio-movil{height:3.125vh}#etiqueta-semana-eyd.contenedor-etiqueta-semana-desempenio-movil>div{height:3.125vh;width:25.8333333333vw;padding:.78125vh 0 0 3.8888888889vw;border-radius:0 13.8888888889vw 7.8125vh 0}}",""]),t.default=a},function(e,t,n){var r=n(4),a=n(11);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var i={insert:"head",singleton:!1};r(a,i);e.exports=a.locals||{}},function(e,t,n){"use strict";n.r(t);var r=n(1),a=n.n(r)()((function(e){return e[1]}));a.push([e.i,"@media screen and (max-width: 767px)and (pointer: coarse){#boton-desplegar-contraer-eyd.icono-mayor-boton-desplegar{width:3.0555555556vw;height:1.875vh;margin-left:3.8888888889vw}}",""]),t.default=a},function(e,t,n){"use strict";n.r(t),n.d(t,"EtiquetaClientes",(function(){return m})),n.d(t,"EtiquetaSemana",(function(){return v})),n.d(t,"BotonDesplegarContraer",(function(){return y}));var r=n(0),a=n.n(r),i=n(2),o=n.n(i),c=n(3),u=3,l=4,s=7,d=864e5,f=function condicionTernaria(e,t,n){return e?t:n},p=(n(6),function EtiquetaClientes(e){var t=e.numeroClientes;return a.a.createElement("div",{id:"etiqueta-clientes-eyd",className:"hereda-ancho borde-solido borde-p6 elemento-flexible alinear-contenido-laterales contenedor-etiqueta-clientes"},a.a.createElement("div",{className:"icono-etiqueta-clientes"},a.a.createElement(c.IconoUsuarioSinRostro,null)),a.a.createElement("div",{className:"cuerpo-3 negritas letra-p6 elemento-flexible alinear-elementos-final alinear-contenido-centro numero-leyenda-etiqueta-clientes"},"".concat(t," cliente").concat(f(1===Number(t),"","s"))))});p.propTypes={numeroClientes:o.a.string.isRequired};var m=p,v=(n(8),function EtiquetaSemana(){return a.a.createElement("div",{id:"etiqueta-semana-eyd",className:"fondo-p2 contenedor-etiqueta-semana-desempenio-movil"},a.a.createElement("div",{className:"fondo-p4 cuerpo-3 flotar-elemento-izquierda"},"Semana"," ",a.a.createElement("span",{className:"negritas"},function obtenerSemana(){var e=new Date;return e.setHours(0,0,0,0),e.setUTCDate(e.getUTCDate()+l-(e.getUTCDay()||s)),Math.ceil(((e-new Date(e.getUTCFullYear(),0,1))/d+1)/s)}())))}),_=n(5),h=n.n(_),g=(n(10),function BotonDesplegarContraer(e){var t=e.leyenda,n=e.eventoClic,r=e.alto,i=void 0===r?0:r,o=a.a.useState(!1),l=h()(o,2),s=l[0],d=l[1];return a.a.createElement("button",{className:"secundario ".concat(function altoBoton(){return 0===i?"d2":"d1"}()," fondo-s27"),onClick:function onClick(){!function mostrarOcultar(){d(!s)}(),n()}},t,a.a.createElement("div",{id:"boton-desplegar-contraer-eyd",className:"icono-mayor-boton-desplegar"},a.a.createElement(c.IconoMayor,{orientacion:f(s,u,1)})))});g.propTypes={leyenda:o.a.string.isRequired,eventoClic:o.a.func.isRequired,alto:o.a.number};var y=g}]));
+!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 a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,__webpack_require__),a.l=!0,a.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 a in e)__webpack_require__.d(t,a,function(n){return e[n]}.bind(null,a));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=16)}([function(e,n){e.exports=require("react")},function(e,n){e.exports=require("prop-types")},function(e,n){e.exports=require("@babel/runtime/helpers/slicedToArray")},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,a){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(a)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(o[l]=!0)}for(var r=0;r<e.length;r++){var s=[].concat(e[r]);a&&o[s[0]]||(t&&(s[2]?s[2]="".concat(t," and ").concat(s[2]):s[2]=t),n.push(s))}},n}},function(e,n){e.exports=require("@red-unica/libreria-svg")},function(e,n,t){"use strict";var a=function isOldIE(){var e;return function memorize(){return void 0===e&&(e=Boolean(window&&document&&document.all&&!window.atob)),e}}(),o=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={},a=[],o=0;o<e.length;o++){var l=e[o],r=n.base?l[0]+n.base:l[0],s=t[r]||0,c="".concat(r," ").concat(s);t[r]=s+1;var d=getIndexByIdentifier(c),u={css:l[1],media:l[2],sourceMap:l[3]};-1!==d?(i[d].references++,i[d].updater(u)):i.push({identifier:c,updater:addStyle(u,n),references:1}),a.push(c)}return a}function insertStyleElement(e){var n=document.createElement("style"),a=e.attributes||{};if(void 0===a.nonce){var i=t.nc;i&&(a.nonce=i)}if(Object.keys(a).forEach((function(e){n.setAttribute(e,a[e])})),"function"==typeof e.insert)e.insert(n);else{var l=o(e.insert||"head");if(!l)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");l.appendChild(n)}return n}var l=function replaceText(){var e=[];return function replace(n,t){return e[n]=t,e.filter(Boolean).join("\n")}}();function applyToSingletonTag(e,n,t,a){var o=t?"":a.media?"@media ".concat(a.media," {").concat(a.css,"}"):a.css;if(e.styleSheet)e.styleSheet.cssText=l(n,o);else{var i=document.createTextNode(o),r=e.childNodes;r[n]&&e.removeChild(r[n]),r.length?e.insertBefore(i,r[n]):e.appendChild(i)}}function applyToTag(e,n,t){var a=t.css,o=t.media,i=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=a;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(a))}}var r=null,s=0;function addStyle(e,n){var t,a,o;if(n.singleton){var i=s++;t=r||(r=insertStyleElement(n)),a=applyToSingletonTag.bind(null,t,i,!1),o=applyToSingletonTag.bind(null,t,i,!0)}else t=insertStyleElement(n),a=applyToTag.bind(null,t,n),o=function remove(){!function removeStyleElement(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return a(e),function updateStyle(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;a(e=n)}else o()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=a());var t=modulesToDom(e=e||[],n);return function update(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var a=0;a<t.length;a++){var o=getIndexByIdentifier(t[a]);i[o].references--}for(var l=modulesToDom(e,n),r=0;r<t.length;r++){var s=getIndexByIdentifier(t[r]);0===i[s].references&&(i[s].updater(),i.splice(s,1))}t=l}}}},function(e,n){e.exports=require("react-number-format")},function(e,n){e.exports=require("react-visibility-sensor")},function(e,n,t){var a=t(5),o=t(9);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};a(o,i);e.exports=o.locals||{}},function(e,n,t){"use strict";t.r(n);var a=t(3),o=t.n(a)()((function(e){return e[1]}));o.push([e.i,"@media screen and (max-width: 767px)and (pointer: coarse){#etiqueta-clientes-eyd.contenedor-etiqueta-clientes{height:3.4375vh;padding:.625vh 2.2222222222vw .625vh 2.2222222222vw;border-width:.15625vh .2777777778vw;border-radius:3.6111111111vw}#etiqueta-clientes-eyd.contenedor-etiqueta-clientes>.icono-etiqueta-clientes{height:2.03125vh;width:15%}#etiqueta-clientes-eyd.contenedor-etiqueta-clientes>.numero-leyenda-etiqueta-clientes{height:2.1875vh;width:83%}}",""]),n.default=o},function(e,n,t){var a=t(5),o=t(11);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};a(o,i);e.exports=o.locals||{}},function(e,n,t){"use strict";t.r(n);var a=t(3),o=t.n(a)()((function(e){return e[1]}));o.push([e.i,"@media screen and (max-width: 767px)and (pointer: coarse){#etiqueta-semana-eyd.contenedor-etiqueta-semana-desempenio-movil{height:3.125vh}#etiqueta-semana-eyd.contenedor-etiqueta-semana-desempenio-movil>div{height:3.125vh;width:25.8333333333vw;padding:.78125vh 0 0 3.8888888889vw;border-radius:0 13.8888888889vw 7.8125vh 0}}",""]),n.default=o},function(e,n,t){var a=t(5),o=t(13);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};a(o,i);e.exports=o.locals||{}},function(e,n,t){"use strict";t.r(n);var a=t(3),o=t.n(a)()((function(e){return e[1]}));o.push([e.i,"@media screen and (max-width: 767px)and (pointer: coarse){#boton-desplegar-contraer-eyd.icono-mayor-boton-desplegar{width:3.0555555556vw;height:1.875vh;margin-left:3.8888888889vw}}",""]),n.default=o},function(e,n,t){var a=t(5),o=t(15);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};a(o,i);e.exports=o.locals||{}},function(e,n,t){"use strict";t.r(n);var a=t(3),o=t.n(a)()((function(e){return e[1]}));o.push([e.i,"@media screen and (max-width: 767px)and (pointer: coarse){#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-control{width:100%;padding:0}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-control>.menu-desplegable-opcion-seleccionada{width:100%;height:100%;padding-left:2.7777777778vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-control>.menu-desplegable-opcion-seleccionada>.menu-desplegable-texto-numerico-espaciado-izquierdo{padding-left:2.7777777778vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-control>div>.menu-desplegable-flechita{width:3.8888888889vw;margin-right:2.3166666667vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-borde-inferior{height:1.09375vh;width:100%;border:.5555555556vw solid #000f08;border-top:none !important}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha{width:100%;z-index:1;overflow-y:scroll;box-shadow:0 2.7777777778vw 1em -0.4em #cccdce;max-height:42.03125vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha>.menu-desplegable-elemento-seleccionado>.menu-desplegable-opcion{padding-top:2.65625vh;padding-bottom:2.65625vh;border-bottom-width:.15625vh;border-bottom-style:inset;margin-left:2.7777777778vw;margin-right:2.7777777778vw;padding-left:4.1666666667vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha>.menu-desplegable-elemento-seleccionado>.menu-desplegable-opcion>.menu-desplegable-texto-numerico-espaciado-derecho{padding-right:2.7777777778vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha>.menu-desplegable-elemento-seleccionado>.menu-desplegable-opcion>.menu-desplegable-texto-numerico-espaciado-derecho>.menu-desplegable-texto-numerico-espaciado-izquierdo{padding-left:2.7777777778vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha>.menu-desplegable-elemento-seleccionado-dos>.menu-desplegable-opcion{padding-top:2.65625vh;padding-bottom:2.65625vh;border-bottom-width:.15625vh;border-bottom-style:inset;margin-left:2.7777777778vw;margin-right:2.7777777778vw;padding-left:4.1666666667vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha>.menu-desplegable-elemento-seleccionado-dos>.menu-desplegable-opcion>.menu-desplegable-texto-numerico-espaciado-derecho{padding-right:2.7777777778vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha>.menu-desplegable-elemento-seleccionado-dos>.menu-desplegable-opcion>.menu-desplegable-texto-numerico-espaciado-derecho>.menu-desplegable-texto-numerico-espaciado-izquierdo{padding-left:2.7777777778vw}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion{box-shadow:0 -2.7777777778vw 1em -0.4em #cccdce !important}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion.orientacion-1{margin-top:-13.59375vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion.orientacion-1.orientacion-2{margin-top:-21.25vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion.orientacion-1.orientacion-2.orientacion-3{margin-top:-28.90625vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion.orientacion-1.orientacion-2.orientacion-3.orientacion-4{margin-top:-36.5625vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion.orientacion-1.orientacion-2.orientacion-3.orientacion-4.orientacion-5{margin-top:-44.21875vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion.orientacion-1.orientacion-2.orientacion-3.orientacion-4.orientacion-5.orientacion-5-mas{margin-top:-47.96875vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-opciones-flecha.orientacion.orientacion-1.orientacion-2.orientacion-3.orientacion-4.orientacion-5.orientacion-5-mas.posicion-flecha{width:100%;padding-top:1.25vh;padding-bottom:1.25vh}#lista-desplegable-eyd.lista-desplegable-eyd>.menu-desplegable-componente-selector>.menu-desplegable-texto-ayuda{margin-top:1.40625vh}}",""]),n.default=o},function(e,n,t){"use strict";t.r(n),t.d(n,"EtiquetaClientes",(function(){return y})),t.d(n,"EtiquetaSemana",(function(){return _})),t.d(n,"BotonDesplegarContraer",(function(){return E})),t.d(n,"ListaDesplegable",(function(){return k})),t.d(n,"FormatoNumero",(function(){return c}));var a=t(0),o=t.n(a),i=t(1),l=t.n(i),r=t(6),s=function FormatoNumero(e){var n=e.numero,t=e.prefijo,a=void 0===t?"":t,i=e.sufijo,l=void 0===i?"":i;return o.a.createElement(r.NumericFormat,{value:n,displayType:"text",thousandSeparator:!0,prefix:a,suffix:l})};s.propTypes={numero:l.a.string.isRequired,prefijo:l.a.string,sufijo:l.a.string};var c=s,d=t(4),u=3,p=4,m=5,g=7,f=864e5,b="lista-desplegable-eyd",v=function condicionTernaria(e,n,t){return e?n:t},h=(t(8),function EtiquetaClientes(e){var n=e.numeroClientes;return o.a.createElement("div",{id:"etiqueta-clientes-eyd",className:"hereda-ancho borde-solido borde-p6 elemento-flexible alinear-contenido-laterales contenedor-etiqueta-clientes"},o.a.createElement("div",{className:"icono-etiqueta-clientes"},o.a.createElement(d.IconoUsuarioSinRostro,null)),o.a.createElement("div",{className:"cuerpo-3 negritas letra-p6 elemento-flexible alinear-elementos-final alinear-contenido-centro numero-leyenda-etiqueta-clientes"},o.a.createElement(c,{numero:n,sufijo:" cliente".concat(v(1===Number(n),"","s"))})))});h.propTypes={numeroClientes:l.a.string.isRequired};var y=h,_=(t(10),function EtiquetaSemana(){return o.a.createElement("div",{id:"etiqueta-semana-eyd",className:"fondo-p2 contenedor-etiqueta-semana-desempenio-movil"},o.a.createElement("div",{className:"fondo-p4 cuerpo-3 flotar-elemento-izquierda"},"Semana"," ",o.a.createElement("span",{className:"negritas"},function obtenerSemana(){var e=new Date;return e.setHours(0,0,0,0),e.setUTCDate(e.getUTCDate()+p-(e.getUTCDay()||g)),Math.ceil(((e-new Date(e.getUTCFullYear(),0,1))/f+1)/g)}())))}),x=t(2),w=t.n(x),q=(t(12),function BotonDesplegarContraer(e){var n=e.leyenda,t=e.eventoClic,a=e.alto,i=void 0===a?0:a,l=o.a.useState(!1),r=w()(l,2),s=r[0],c=r[1];return o.a.createElement("button",{className:"secundario ".concat(function altoBoton(){return 0===i?"d2":"d1"}()," fondo-s27"),onClick:function onClick(){!function mostrarOcultar(){c(!s)}(),t()}},n,o.a.createElement("div",{id:"boton-desplegar-contraer-eyd",className:"icono-mayor-boton-desplegar"},o.a.createElement(d.IconoMayor,{orientacion:v(s,u,1)})))});q.propTypes={leyenda:l.a.string.isRequired,eventoClic:l.a.func.isRequired,alto:l.a.number};var E=q,N=t(7),S=t.n(N),T=(t(14),function ListaDesplegable(e){var n,t=e.listaOpciones,a=e.eventoCambio,i=e.textoAyuda,l=void 0===i?null:i,r=e.mostrarAyuda,s=void 0!==r&&r,u=e.valorDefecto,p=void 0===u?null:u,g=o.a.useState(""),f=w()(g,2),v=f[0],h=f[1],y=o.a.useState(""),_=w()(y,2),x=_[0],q=_[1],E=o.a.useState(""),N=w()(E,2),T=N[0],k=N[1],j=o.a.useState(!0),M=w()(j,2),D=M[0],I=M[1],O=o.a.useState(t),B=w()(O,2),A=B[0],z=B[1],R=o.a.useState(),L=w()(R,2),F=L[0],U=L[1];o.a.useEffect((function(){z(t),U(t.find((function(e){return e.valor===p})))}),[t,p]);var P=function cambiarSeleccion(e){U(A[e.id-1]),a(A[e.id-1])};o.a.useEffect((function(){!function condicionalEstiloOrientacion(){n=t.length<=m?"orientacion-".concat(t.length," orientacion direccion-elemento-flexible-columna elemento-flexible"):"orientacion-5-mas orientacion direccion-elemento-flexible-columna elemento-flexible"}(),v&&k(T!==n&&D?"":n)}),[v,D]),o.a.useEffect((function(){h(!1)}),[F]);var H=function llenarLista(e,n,a){var i,l;for(i=n;i<a&&(l=(null==F?void 0:F.valor)===i+1?"negritas menu-desplegable-elemento-seleccionado fondo-vd2":"menu-desplegable-elemento-seleccionado-dos",e.push(o.a.createElement("div",{className:l,key:t[i].valor},o.a.createElement("div",{id:t[i].valor,className:"cuerpo-3 hereda-ancho menu-desplegable-opcion  borde-vd4",onClick:function onClick(e){return P(e.currentTarget)}},o.a.createElement("div",{className:"menu-desplegable-texto-numerico-espaciado-derecho mostrar-elemento-en-linea-por-bloque-flex"},t[i].texto,t[i].textoNegritas&&o.a.createElement("div",{className:"mostrar-elemento-en-linea-por-bloque-flex menu-desplegable-texto-numerico-espaciado-izquierdo negritas"},o.a.createElement(c,{numero:String(t[i].textoNegritas),prefijo:"$"})))))),i!==t.length-1);i++);};return o.a.useEffect((function(){var e=[];H(e,0,m),t.length<=m||H(e,m,t.length),q(e)}),[v]),o.a.createElement("div",{id:b,className:"lista-desplegable-eyd  ancho-total"},o.a.createElement("div",{className:"menu-desplegable-componente-selector cursor-puntero quitar-contorno hereda-ancho posicion-relativa",tabIndex:1,onBlur:function onBlur(){return function cerrarLista(){k(""),h(!1)}()},onClick:function onClick(){return function desplegarLista(){h(!0)}()}},o.a.createElement("div",{className:"menu-desplegable-control elemento-flexible alinear-contenido-flexible-al-inicio"},o.a.createElement("div",{className:"menu-desplegable-opcion-seleccionada"},o.a.createElement("div",null,o.a.createElement("div",{className:"mostrar-elemento-en-linea-por-bloque-flex"},!F&&l&&o.a.createElement("div",{className:"letra-vd5"},o.a.createElement("div",{className:"cuerpo-3"},l)),F&&o.a.createElement("div",null,o.a.createElement("div",{className:"cuerpo-3"},F.texto)),F&&F.textoNegritas&&o.a.createElement("div",{className:"mostrar-elemento-en-linea-por-bloque-flex menu-desplegable-texto-numerico-espaciado-izquierdo"},o.a.createElement("h4",{className:"numerico"},o.a.createElement(c,{numero:String(F.textoNegritas),prefijo:"$"})))))),o.a.createElement("div",{className:"elemento-flexible "},o.a.createElement("div",{className:"menu-desplegable-flechita"},o.a.createElement(d.IconoMayor,{color:2,orientacion:1})))),o.a.createElement("div",{className:"menu-desplegable-borde-inferior"}),v&&o.a.createElement(S.a,{onChange:function enCambio(e){I(e)}},o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"menu-desplegable-opciones-flecha fondo-p4 posicion-absoluta ".concat(T)},x))),C(v,s,l)))}),C=function pintarAyuda(e,n,t){return!e&&n&&o.a.createElement("div",{className:"menu-desplegable-texto-ayuda etiqueta-1"},t)};T.propTypes={listaOpciones:l.a.array.isRequired,eventoCambio:l.a.func.isRequired,textoAyuda:l.a.string,mostrarAyuda:l.a.bool,valorDefecto:l.a.any};var k=T}]));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-unica/libreria-componentes-moviles",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Componentes React y archivos SASS genéricos para la versión móvil de Red Única (SAC).",
   "author": "Gerson Sierra",
   "license": "ISC",
@@ -16,7 +16,7 @@
     "test:unit": "jest",
     "test:unit:coverage": "jest --coverage",
     "test:mutation": "stryker run",
-    "sonarqube": "sonar-scanner -Dsonar.projectKey=LibreriaComponentesMoviles -Dsonar.sources=. -Dsonar.javascript.lcov.reportPaths=coberturaPruebasUnitarias/lcov.info -Dsonar.host.url=http://10.57.113.51:9000 -Dsonar.login=8de71e7b0cc93a4b6d3d177c70b6902a0ba26ca7 -Dsonar.coverage.exclusions=pruebasUnitarias/**,jest.config.js -Dsonar.exclusions=webpack.config.js"
+    "sonarqube": "sonar-scanner -Dsonar.projectKey=LibreriaComponentesMoviles -Dsonar.sources=. -Dsonar.javascript.lcov.reportPaths=coberturaPruebasUnitarias/lcov.info -Dsonar.host.url=http://10.57.113.51:9000 -Dsonar.login=8de71e7b0cc93a4b6d3d177c70b6902a0ba26ca7 -Dsonar.coverage.exclusions=pruebasUnitarias/**,jest.config.js,src/utilerias/constantes.js -Dsonar.exclusions=webpack.config.js"
   },
   "peerDependencies": {
     "react": ">=17.0.0"
@@ -51,12 +51,16 @@
     "webpack": "^4.47.0",
     "webpack-cli": "^4.10.0",
     "webpack-node-externals": "^3.0.0",
-    "terser-webpack-plugin": "^4.2.3"
-  },
+    "terser-webpack-plugin": "^4.2.3",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-environment-jsdom-global": "^3.1.2"
+    },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@red-unica/libreria-svg": "1.24.0"
+    "@red-unica/libreria-svg": "1.25.0",
+    "react-number-format": "5.3.4",
+    "react-visibility-sensor": "5.1.1"
   }
 }