nicohc185-do-product-cart/dist/nicohc185-do-product-cart.cjs.production.min.js

Este es un paquete de pruebas de despliegue 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({}),r=o.Provider,a=function(e){var r=e.className,a=e.style,l=t.useContext(o),i=l.counter,c=l.maxCount,d=l.increaseBy,m=t.useCallback((function(){return i===c}),[i,c]);return n.createElement("div",{className:"styles-module_buttonsContainer__ghCDF "+r,style:a},n.createElement(s,{increaseBy:d}),n.createElement("div",{className:"styles-module_countLabel__S6HZ-"}," ",i," "),n.createElement(u,{increaseBy:d,disabled:m()}))},s=function(e){var t=e.increaseBy,o=e.disabled;return n.createElement("button",{className:"styles-module_buttonMinus__BTgTf "+(o&&"styles-module_disabled__k5aZm"),onClick:function(){return!o&&t(-1)}},"-")},u=function(e){var t=e.increaseBy,o=e.disabled;return n.createElement("button",{className:"styles-module_buttonAdd__s8wd6 "+(o&&"styles-module_disabled__k5aZm"),onClick:function(){return!o&&t(1)}},"+")},l=function(e){var r=e.img,a=e.className,s=e.style,u=t.useContext(o).product,l=t.useMemo((function(){return(null==u?void 0:u.img)||r||"../assets/no-image.jpg"}),[u,r]);return n.createElement("img",{className:"styles-module_productImg__vPsTp "+a,style:s,src:l,alt:"Product img"})},i=function(e){var r=e.title,a=e.className,s=e.style,u=t.useContext(o);return n.createElement("span",{className:"styles-module_productDescription__Ariub "+a,style:s},r||u.product.title)},c=Object.assign((function(e){var o=e.product,a=e.children,s=e.className,u=e.style,l=function(e){var n=e.product,o=e.value,r=void 0===o?0:o,a=e.onChange,s=e.initialValues,u=t.useRef(!1),l=t.useState((null==s?void 0:s.count)||r),i=l[0],c=l[1];return t.useEffect((function(){u.current&&c(r)}),[r]),t.useEffect((function(){u.current=!0}),[]),{count:i,counter:i,maxCount:null==s?void 0:s.maxCount,increaseBy:function(e){var t=Math.max(i+e,0);null!=s&&s.maxCount&&(t=Math.min(t,s.maxCount)),c(t),a&&a({product:n,count:t})},isMaxCountReached:!(null==s||!s.count)&&s.maxCount===i,reset:function(){c((null==s?void 0:s.count)||r)}}}({product:o,value:e.value,onChange:e.onChange,initialValues:e.initialValues}),i=l.counter,c=l.maxCount,d=l.increaseBy;return n.createElement(r,{value:{counter:i,maxCount:c,increaseBy:d,product:o}},n.createElement("div",{className:"styles-module_productCard__oaIVo "+s,style:u},a({count:i,maxCount:c,product:o,increaseBy:d,isMaxCountReached:l.isMaxCountReached,reset:l.reset})))}),{Title:i,Image:l,Buttons:a}),d={id:"1",title:"Coffe mug - sin imagen"};exports.Example=function(){return t.createElement(c,{product:d,initialValues:{count:0}},(function(){return t.createElement(t.Fragment,null,t.createElement(l,null),t.createElement(i,null),t.createElement(a,null))}))},exports.ProductButtons=a,exports.ProductCard=c,exports.ProductImage=l,exports.ProductTitle=i;
//# sourceMappingURL=nicohc185-do-product-cart.cjs.production.min.js.map