react-simple-image-editor/build/index.js

A simple image editor for react

module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=6)}([function(e,t){e.exports=require("react")},function(e,t,n){"use strict";t.__esModule=!0,t.themes=void 0,t.themes={default:{light:"rgb(128, 128, 128)",mid:"rgb(44, 44, 44)",dark:"rgb(27, 27, 27)"},green:{light:"#BBDEA2",mid:"#6AB634",dark:"#49A50E"},blue:{light:"#B3C1F2",mid:"#374FA3",dark:"#344275"},yellow:{light:"#DFE156",mid:"#A6A80D",dark:"#5B5C23"},red:{light:"#F7CECA",mid:"#FF588C",dark:"#E10245"}}},function(e,t,n){var r=n(3),o=n(4);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(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]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],l=t.base?i[0]+t.base:i[0],s=n[l]||0,u="".concat(l," ").concat(s);n[l]=s+1;var f=c(u),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:u,updater:y(d,t),references:1}),r.push(u)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var u,f=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):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 m=null,h=0;function y(e,t){var n,r,o;if(t.singleton){var i=h++;n=m||(m=s(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=s(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=l(e,t),s=0;s<n.length;s++){var u=c(n[s]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}n=i}}}},function(e,t,n){(t=n(5)(!1)).push([e.i,"* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n",""]),e.exports=t},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(l," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,l;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);r&&o[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r);n(2);function i(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||u(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=e[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(e,t)||u(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d=function(e){var t=e.UI,n=e.isModalOpen,a=e.color,l=e.size,u=e.isStraightMode,f=e.polylines,d=e.setPolylines,p=e.polylineCount,m=e.setPolylineCount,h=Object(r.useRef)(null),y=Object(r.useRef)(null),g=Object(r.useRef)(null),v=s(Object(r.useState)(!1),2),b=v[0],x=v[1],O=s(Object(r.useState)([]),2),j=O[0],S=O[1],w=s(Object(r.useState)({}),2),C=w[0],E=w[1],M=s(Object(r.useState)({start:{}}),2),I=M[0],P=M[1];Object(r.useEffect)((function(){}),[n,a,l,u,t]),Object(r.useEffect)((function(){var e=new Image;e.src=t.image,e.onload=function(){g.current=e;var t=h.current,n=t.getContext("2d");t.width=e.width,t.height=e.height,t.style.width="".concat(e.width,"px"),t.style.height="".concat(e.height,"px"),t.style.top="0",t.style.left="0",n.lineCap="round",(e.width>700||e.height>500)&&(t.style.transform="scale(".concat(Math.min(700/e.width,500/e.height),")"),n.lineWidth=l*Math.max(e.width/700,e.height/500)),n.drawImage(e,0,0),y.current=n}}),[t.image]),Object(r.useEffect)((function(){if(y.current){y.current.clearRect(0,0,h.current.width,h.current.height),y.current.drawImage(g.current,0,0);for(var e=0;e<p;e++){if(y.current.beginPath(),f[e][0].isStraight)for(var t=0;t<f[e].length-1;t++)y.current.strokeStyle=f[e][t].color,y.current.lineWidth=f[e][t].size,y.current.moveTo(f[e][t].x,f[e][t].y),y.current.lineTo(f[e][t+1].x,f[e][t+1].y),y.current.stroke();else for(var n=1;n<f[e].length-1;n++)f[e][n].jsClosed||(y.current.strokeStyle=f[e][n].color,y.current.lineWidth=f[e][n].size,y.current.moveTo(f[e][n].x,f[e][n].y),y.current.lineTo(f[e][n+1].x,f[e][n+1].y),y.current.stroke());y.current.closePath()}}}),[p]);return o.a.createElement("div",{className:"Canvas",style:n?{position:"absolute",top:"100px",left:"10px",overflow:"hidden",width:"700px",height:"500px",transition:"all 0.2s",cursor:"crosshair"}:{position:"absolute",top:"100px",left:"110px",overflow:"hidden",width:"700px",height:"500px",transition:"all 0.2s",cursor:"crosshair"}},o.a.createElement("canvas",{ref:h,onMouseDown:function(e){var t=e.nativeEvent,n=t.offsetX,r=t.offsetY;u?(P((function(e){return c(c({},e),{},{start:{x:n,y:r,size:l,color:a,isStraight:!0}})})),y.current.beginPath(),y.current.moveTo(n,r)):(y.current.beginPath(),y.current.moveTo(n,r)),x(!0)},onMouseUp:b?function(e){var t=e.nativeEvent,n=t.offsetX,r=t.offsetY;u?(d((function(e){return[].concat(i(e),[[I.start,{x:n,y:r,size:l,color:a,isStraight:!0}]])})),m((function(e){return e+1})),P({start:{},finish:{}})):(d((function(e){return[].concat(i(e),[j])})),m((function(e){return e+1})),S([])),y.current.closePath(),x(!1)}:console.log,onMouseMove:function(e){var t=e.nativeEvent;if(b){var n=t.offsetX,r=t.offsetY;u||(E((function(e){return c(c({},e),{},{x:n,y:r,size:l,color:a})})),S((function(e){return[].concat(i(e),[C])})),y.current.strokeStyle=a,y.current.lineWidth=l,y.current.lineTo(n,r),y.current.stroke()),d((function(e){return e.filter((function(e,t){return t<p}))}))}},style:{position:"absolute",transformOrigin:"0 0"}}))},p=n(1),m=function(e){var t=e.UI,n=e.setIsModalOpen,i=e.polylines,a=e.polylineCount,c=e.setPolylineCount;Object(r.useEffect)((function(){}),[t]);var l={position:"absolute",top:"0",right:"0",width:"80px",height:"100%",backgroundColor:p.themes[t.theme].dark,color:"rgb(128, 128, 128)"},s={paddingTop:"10px",display:"flex",justifyContent:"space-around",alignItems:"center",flexDirection:"column",height:"30%",width:"70%",borderBottom:"1px solid ".concat(p.themes[t.theme].mid)},u={display:"flex",justifyContent:"space-around",alignItems:"center",flexDirection:"column",height:"30%",width:"70%",borderBottom:"1px solid ".concat(p.themes[t.theme].mid)},f={width:"40px",height:"40px"},d={fill:p.themes[t.theme].light};return o.a.createElement("div",{className:"Toolbar",style:l},o.a.createElement("div",{className:"toolbar-container",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",flexDirection:"column",height:"100%"}},o.a.createElement("div",{className:"redo-container",style:s},o.a.createElement("div",{className:"undo",onClick:function(){return a>0&&c((function(e){return e-1}))}},o.a.createElement("svg",{className:"svg-icon",viewBox:"0 0 20 20",style:f},o.a.createElement("path",{style:d,d:"M11.739,13.962c-0.087,0.086-0.199,0.131-0.312,0.131c-0.112,0-0.226-0.045-0.312-0.131l-3.738-3.736c-0.173-0.173-0.173-0.454,0-0.626l3.559-3.562c0.173-0.175,0.454-0.173,0.626,0c0.173,0.172,0.173,0.451,0,0.624l-3.248,3.25l3.425,3.426C11.911,13.511,11.911,13.789,11.739,13.962 M18.406,10c0,4.644-3.763,8.406-8.406,8.406S1.594,14.644,1.594,10S5.356,1.594,10,1.594S18.406,5.356,18.406,10 M17.521,10c0-4.148-3.373-7.521-7.521-7.521c-4.148,0-7.521,3.374-7.521,7.521c0,4.148,3.374,7.521,7.521,7.521C14.147,17.521,17.521,14.148,17.521,10"}))),o.a.createElement("div",{className:"redo",onClick:function(){return a<i.length&&c((function(e){return e+1}))}},o.a.createElement("svg",{className:"svg-icon",viewBox:"0 0 20 20",style:f},o.a.createElement("path",{style:d,d:"M12.522,10.4l-3.559,3.562c-0.172,0.173-0.451,0.176-0.625,0c-0.173-0.173-0.173-0.451,0-0.624l3.248-3.25L8.161,6.662c-0.173-0.173-0.173-0.452,0-0.624c0.172-0.175,0.451-0.175,0.624,0l3.738,3.736C12.695,9.947,12.695,10.228,12.522,10.4 M18.406,10c0,4.644-3.764,8.406-8.406,8.406c-4.644,0-8.406-3.763-8.406-8.406S5.356,1.594,10,1.594C14.643,1.594,18.406,5.356,18.406,10M17.521,10c0-4.148-3.374-7.521-7.521-7.521c-4.148,0-7.521,3.374-7.521,7.521c0,4.147,3.374,7.521,7.521,7.521C14.147,17.521,17.521,14.147,17.521,10"}))),o.a.createElement("div",{className:"reset",onClick:function(){return c(0)}},o.a.createElement("svg",{className:"svg-icon",viewBox:"0 0 20 20",style:f},o.a.createElement("path",{style:d,d:"M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z"})))),o.a.createElement("div",{className:"tools-container",style:u},o.a.createElement("div",{className:"pen",onClick:function(){return n((function(e){return!e}))}},o.a.createElement("svg",{className:"svg-icon",viewBox:"0 0 20 20",style:f},o.a.createElement("path",{style:d,d:"M17.659,9.597h-1.224c-0.199-3.235-2.797-5.833-6.032-6.033V2.341c0-0.222-0.182-0.403-0.403-0.403S9.597,2.119,9.597,2.341v1.223c-3.235,0.2-5.833,2.798-6.033,6.033H2.341c-0.222,0-0.403,0.182-0.403,0.403s0.182,0.403,0.403,0.403h1.223c0.2,3.235,2.798,5.833,6.033,6.032v1.224c0,0.222,0.182,0.403,0.403,0.403s0.403-0.182,0.403-0.403v-1.224c3.235-0.199,5.833-2.797,6.032-6.032h1.224c0.222,0,0.403-0.182,0.403-0.403S17.881,9.597,17.659,9.597 M14.435,10.403h1.193c-0.198,2.791-2.434,5.026-5.225,5.225v-1.193c0-0.222-0.182-0.403-0.403-0.403s-0.403,0.182-0.403,0.403v1.193c-2.792-0.198-5.027-2.434-5.224-5.225h1.193c0.222,0,0.403-0.182,0.403-0.403S5.787,9.597,5.565,9.597H4.373C4.57,6.805,6.805,4.57,9.597,4.373v1.193c0,0.222,0.182,0.403,0.403,0.403s0.403-0.182,0.403-0.403V4.373c2.791,0.197,5.026,2.433,5.225,5.224h-1.193c-0.222,0-0.403,0.182-0.403,0.403S14.213,10.403,14.435,10.403"}))))))},h=function(e){var t=e.UI,n=e.color,i=e.setColor,a=e.size,c=e.setSize,l=e.isStraightMode,s=e.setIsStraightMode,u={display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",color:p.themes[t.theme].light},f={backgroundColor:p.themes[t.theme].dark,padding:"5px 10px",borderRadius:"3px",cursor:"pointer"},d={backgroundColor:p.themes[t.theme].dark,padding:"5px 10px",borderRadius:"3px",opacity:"0.2",cursor:"pointer"},m={width:"40px",height:"40px"},h={fill:p.themes[t.theme].light};return Object(r.useEffect)((function(){}),[t]),o.a.createElement("div",{style:u,className:"PenModal"},o.a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column"},className:"line-container"},o.a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"40px"},className:"option-container"},o.a.createElement("div",{className:"normal",onClick:function(){s(!1)},style:l?f:d},o.a.createElement("svg",{className:"svg-icon",viewBox:"0 0 20 20",style:m},o.a.createElement("path",{style:h,d:"M19.404,6.65l-5.998-5.996c-0.292-0.292-0.765-0.292-1.056,0l-2.22,2.22l-8.311,8.313l-0.003,0.001v0.003l-0.161,0.161c-0.114,0.112-0.187,0.258-0.21,0.417l-1.059,7.051c-0.035,0.233,0.044,0.47,0.21,0.639c0.143,0.14,0.333,0.219,0.528,0.219c0.038,0,0.073-0.003,0.111-0.009l7.054-1.055c0.158-0.025,0.306-0.098,0.417-0.211l8.478-8.476l2.22-2.22C19.695,7.414,19.695,6.941,19.404,6.65z M8.341,16.656l-0.989-0.99l7.258-7.258l0.989,0.99L8.341,16.656z M2.332,15.919l0.411-2.748l4.143,4.143l-2.748,0.41L2.332,15.919z M13.554,7.351L6.296,14.61l-0.849-0.848l7.259-7.258l0.423,0.424L13.554,7.351zM10.658,4.457l0.992,0.99l-7.259,7.258L3.4,11.715L10.658,4.457z M16.656,8.342l-1.517-1.517V6.823h-0.003l-0.951-0.951l-2.471-2.471l1.164-1.164l4.942,4.94L16.656,8.342z"}))),o.a.createElement("div",{className:"straight",onClick:function(){s(!0)},style:l?d:f},o.a.createElement("svg",{className:"svg-icon",viewBox:"0 0 20 20",style:m},o.a.createElement("path",{style:h,d:"M18.737,9.691h-5.462c-0.279,0-0.527,0.174-0.619,0.437l-1.444,4.104L8.984,3.195c-0.059-0.29-0.307-0.506-0.603-0.523C8.09,2.657,7.814,2.838,7.721,3.12L5.568,9.668H1.244c-0.36,0-0.655,0.291-0.655,0.655c0,0.36,0.294,0.655,0.655,0.655h4.8c0.281,0,0.532-0.182,0.621-0.45l1.526-4.645l2.207,10.938c0.059,0.289,0.304,0.502,0.595,0.524c0.016,0,0.031,0,0.046,0c0.276,0,0.524-0.174,0.619-0.437L13.738,11h4.999c0.363,0,0.655-0.294,0.655-0.655C19.392,9.982,19.1,9.691,18.737,9.691z"}))))),o.a.createElement("div",{className:"color-container"},o.a.createElement("p",{style:{marginBottom:"10px",boxShadow:"0 0 3px rgba(0,0,0,0.2)",padding:"3px"}},"Color"),o.a.createElement("input",{type:"color",onChange:function(e){return i(e.target.value)},value:n,style:{marginBottom:"20px"}})),o.a.createElement("div",{className:"size-container",style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column"}},o.a.createElement("p",{style:{marginBottom:"10px",boxShadow:"0 0 3px rgba(0,0,0,0.2)",padding:"5px"}},"Size"),o.a.createElement("input",{type:"range",min:"1",max:"70",step:"1",value:a,onChange:function(e){return c(parseInt(e.target.value))}}),o.a.createElement("span",{style:{boxShadow:"0 0 3px rgba(0,0,0,0.2)",padding:"5px"}},a)))},y=function(e){var t=e.UI,n=e.isModalOpen,r=e.color,i=e.setColor,a=e.size,c=e.setSize,l=e.isStraightMode,s=e.setIsStraightMode;return o.a.createElement("div",{className:"ToolModal",style:n?{position:"absolute",top:"0",right:"80px",display:"flex",justifyContent:"center",alignItems:"center",width:"200px",height:"100%",transition:"all 0.2s",transform:"translateX(0)"}:{position:"absolute",top:"0",right:"80px",display:"flex",justifyContent:"center",alignItems:"center",width:"200px",height:"100%",transition:"all 0.2s",transform:"translateX(100%)"}},o.a.createElement(h,{UI:t,color:r,setColor:i,size:a,setSize:c,isStraightMode:l,setIsStraightMode:s}))};function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=e[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}t.default=function(e){var t=e.editorUI,n=x(Object(r.useState)({theme:"yellow",image:""}),2),i=n[0],a=n[1];Object(r.useEffect)((function(){a((function(e){return v(v({},e),{},{theme:t.theme,image:t.image})}))}),[t]);var c=x(Object(r.useState)(!1),2),l=c[0],s=c[1],u=x(Object(r.useState)("#000"),2),f=u[0],h=u[1],g=x(Object(r.useState)(5),2),b=g[0],O=g[1],j=x(Object(r.useState)(!1),2),S=j[0],w=j[1],C=x(Object(r.useState)([[{}]]),2),E=C[0],M=C[1],I=x(Object(r.useState)(0),2),P=I[0],N=I[1],k={position:"relative",width:"1000px",height:"700px",backgroundColor:p.themes[i.theme].mid,overflow:"hidden",boxShadow:"0 0 10px 3px rgba(0, 0, 0, 0.5), 0 0 30px 2px rgba(0, 0, 0, 0.5)"};return o.a.createElement("div",{className:"ImageEditor",style:k},o.a.createElement(d,{UI:i,isModalOpen:l,color:f,size:b,isStraightMode:S,polylines:E,setPolylines:M,polylineCount:P,setPolylineCount:N}),o.a.createElement(y,{UI:i,isModalOpen:l,color:f,setColor:h,size:b,setSize:O,isStraightMode:S,setIsStraightMode:w}),o.a.createElement(m,{UI:i,setIsModalOpen:s,polylines:E,polylineCount:P,setPolylineCount:N}))}}]);