ev-product-card/dist/ev-product-card.cjs.production.min.js

Prueba de despliegue de componentes en NPM

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n\n.styles-module_productCard__oaIVo {\n    background-color: #1E2025;\n    border-radius: 15px;\n    box-shadow: 0px 2px 10px rgba(0,0,0,0.15);\n    color: white;\n    padding-bottom: 5px;\n    font-family: Arial, Helvetica, sans-serif;\n    width: 250px;\n    margin-right: 5px;\n    margin-top: 5px;\n}\n\n.styles-module_productImg__vPsTp {\n    border-radius: 15px 15px 0px 0px;\n    width: 100%;\n}\n\n.styles-module_productDescription__Ariub {\n    margin: 10px;\n}\n\n.styles-module_buttonsContainer__ghCDF {\n    margin: 10px;\n    display: flex;\n    flex-direction: row;\n}\n\n.styles-module_buttonMinus__BTgTf {\n    cursor: pointer;\n    background-color: transparent;\n    border: 1px solid white;\n    border-radius: 5px 0px 0px 5px;\n    color: white;\n    font-size: 20px;\n    width: 30px;\n}\n\n.styles-module_buttonMinus__BTgTf:hover {\n    background-color: rgba(0, 0, 0, 0.1);\n}\n\n.styles-module_countLabel__S6HZ- {\n    border-bottom: 1px solid white;\n    border-top: 1px solid white;\n    color: white;\n    font-size: 16px;\n    height: 25px;\n    padding-top: 5px;\n    text-align: center;\n    width: 30px;\n}\n\n.styles-module_buttonAdd__s8wd6 {\n    cursor: pointer;\n    background-color: transparent;\n    border: 1px solid white;\n    border-radius: 0px 5px 5px 0px;\n    color: white;\n    font-size: 20px;\n    width: 30px;\n}\n\n.styles-module_buttonAdd__s8wd6:hover {\n    background-color: rgba(0, 0, 0, 0.1);\n}\n\n\n.styles-module_disabled__k5aZm {\n    border-color: grey !important;\n    border-left: 1px solid white !important;\n    color: grey !important;\n}");var o=t.createContext({}),{Provider:r}=o,s=e=>{var{children:o,className:s,initialValues:a,onChange:l,product:u,style:i,value:d}=e,{counter:c,increaseBy:p,isMaxCountReached:m,reset:x}=(e=>{var{onChange:n,product:o,value:r=0,initialValues:s}=e,[a,l]=t.useState((null==s?void 0:s.count)||r),u=t.useRef(!!n),i=t.useRef(!1);return t.useEffect(()=>{if(i.current)return l(r),i.current=!0,()=>{i.current=!1}},[r]),{counter:a,isMaxCountReached:!(null==s||!s.count)&&s.maxCount===a,increaseBy:e=>{if(u.current)return n({quantity:e,product:o});var t=Math.min(Math.max(a+e,0),(null==s?void 0:s.maxCount)||Infinity);l(t),null==n||n({product:o,quantity:t})},reset:()=>{l((null==s?void 0:s.count)||r)}}})({onChange:l,product:u,value:d,initialValues:a});return n.createElement(r,{value:{counter:c,increaseBy:p,product:u,maxCount:null==a?void 0:a.maxCount}},n.createElement("div",Object.assign({className:"styles-module_productCard__oaIVo "+(null!=s?s:"")},{style:i}),o({counter:c,isMaxCountReached:m,maxCount:(null==a?void 0:a.maxCount)||Infinity,product:u,increaseBy:p,reset:x})))},a=e=>{var{className:r="",style:s}=e,{counter:a,increaseBy:l,maxCount:u=Infinity}=t.useContext(o),i=t.useCallback(()=>a>=u,[a,u]);return n.createElement("div",Object.assign({className:"styles-module_buttonsContainer__ghCDF "+r},{style:s}),n.createElement("button",{className:"styles-module_buttonMinus__BTgTf",onClick:()=>l(-1)}," ","-"," "),n.createElement("div",{className:"styles-module_countLabel__S6HZ-"}," ",a," "),n.createElement("button",{className:"styles-module_buttonAdd__s8wd6 "+(i()?"styles-module_disabled__k5aZm":""),disabled:i(),onClick:()=>l(1)}," ","+"," "))},l=e=>{var{className:r="",img:s,style:a}=e,{product:l}=t.useContext(o),u=null!=s?s:l.img="";return n.createElement("img",Object.assign({className:"styles-module_productImg__vPsTp "+r,src:u,alt:"Coffee Mug"},{style:a}))},u=e=>{var{title:r,className:s="",style:a}=e,{product:l}=t.useContext(o);return n.createElement("span",Object.assign({className:"styles-module_productDescription__Ariub "+s},{style:a}),null!=r?r:l.title)},i=Object.assign(s,{Title:u,Image:l,Buttons:a});exports.ProductButtons=a,exports.ProductCard=i,exports.ProductImage=l,exports.ProductTitle=u;
//# sourceMappingURL=ev-product-card.cjs.production.min.js.map