diff --git a/examples/tree-shaking-create-react-app/README.md b/examples/tree-shaking-create-react-app/README.md index ceb023d..347e248 100644 --- a/examples/tree-shaking-create-react-app/README.md +++ b/examples/tree-shaking-create-react-app/README.md @@ -8,4 +8,17 @@ we use [react-app-rewired](https://github.com/timarney/react-app-rewired) to cha - Add `config-overrides.js` to your root folder. - Add deps: `yarn add babel-plugin-import customize-cra react-app-rewired -D` - - Replace your default scripts(`react-script`) with `react-app-rewired`. + - Replace your default scripts(`react-scripts`) with `react-app-rewired`. + + +### Previews + +**Before:** + +![before](public/esm-1.png) + +
+ +**After:** + +![after](public/esm-2.png) diff --git a/examples/tree-shaking-create-react-app/build/asset-manifest.json b/examples/tree-shaking-create-react-app/build/asset-manifest.json deleted file mode 100644 index d548b7c..0000000 --- a/examples/tree-shaking-create-react-app/build/asset-manifest.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "files": { - "main.js": "/static/js/main.7a7bd826.chunk.js", - "main.js.map": "/static/js/main.7a7bd826.chunk.js.map", - "runtime-main.js": "/static/js/runtime-main.8162d212.js", - "runtime-main.js.map": "/static/js/runtime-main.8162d212.js.map", - "static/js/2.29503262.chunk.js": "/static/js/2.29503262.chunk.js", - "static/js/2.29503262.chunk.js.map": "/static/js/2.29503262.chunk.js.map", - "index.html": "/index.html", - "precache-manifest.63b0491f3ef4af49ae10cd9bdf1e9390.js": "/precache-manifest.63b0491f3ef4af49ae10cd9bdf1e9390.js", - "service-worker.js": "/service-worker.js", - "static/js/2.29503262.chunk.js.LICENSE.txt": "/static/js/2.29503262.chunk.js.LICENSE.txt" - }, - "entrypoints": [ - "static/js/runtime-main.8162d212.js", - "static/js/2.29503262.chunk.js", - "static/js/main.7a7bd826.chunk.js" - ] -} \ No newline at end of file diff --git a/examples/tree-shaking-create-react-app/build/index.html b/examples/tree-shaking-create-react-app/build/index.html deleted file mode 100644 index a81726a..0000000 --- a/examples/tree-shaking-create-react-app/build/index.html +++ /dev/null @@ -1 +0,0 @@ -Tree Shaking
\ No newline at end of file diff --git a/examples/tree-shaking-create-react-app/build/precache-manifest.63b0491f3ef4af49ae10cd9bdf1e9390.js b/examples/tree-shaking-create-react-app/build/precache-manifest.63b0491f3ef4af49ae10cd9bdf1e9390.js deleted file mode 100644 index 0f009e6..0000000 --- a/examples/tree-shaking-create-react-app/build/precache-manifest.63b0491f3ef4af49ae10cd9bdf1e9390.js +++ /dev/null @@ -1,22 +0,0 @@ -self.__precacheManifest = (self.__precacheManifest || []).concat([ - { - "revision": "91109fc0c00eba83723209779164694e", - "url": "/index.html" - }, - { - "revision": "629e0a1a6c3cb4842ad2", - "url": "/static/js/2.29503262.chunk.js" - }, - { - "revision": "e88a3e95b5364d46e95b35ae8c0dc27d", - "url": "/static/js/2.29503262.chunk.js.LICENSE.txt" - }, - { - "revision": "d54c0ca8346721963b86", - "url": "/static/js/main.7a7bd826.chunk.js" - }, - { - "revision": "2b9d340a918a2bda0c0c", - "url": "/static/js/runtime-main.8162d212.js" - } -]); \ No newline at end of file diff --git a/examples/tree-shaking-create-react-app/build/service-worker.js b/examples/tree-shaking-create-react-app/build/service-worker.js deleted file mode 100644 index 0c4e7fa..0000000 --- a/examples/tree-shaking-create-react-app/build/service-worker.js +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Welcome to your Workbox-powered service worker! - * - * You'll need to register this file in your web app and you should - * disable HTTP caching for this file too. - * See https://goo.gl/nhQhGp - * - * The rest of the code is auto-generated. Please don't update this file - * directly; instead, make changes to your Workbox build configuration - * and re-run your build process. - * See https://goo.gl/2aRDsh - */ - -importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); - -importScripts( - "/precache-manifest.63b0491f3ef4af49ae10cd9bdf1e9390.js" -); - -self.addEventListener('message', (event) => { - if (event.data && event.data.type === 'SKIP_WAITING') { - self.skipWaiting(); - } -}); - -workbox.core.clientsClaim(); - -/** - * The workboxSW.precacheAndRoute() method efficiently caches and responds to - * requests for URLs in the manifest. - * See https://goo.gl/S9QRab - */ -self.__precacheManifest = [].concat(self.__precacheManifest || []); -workbox.precaching.precacheAndRoute(self.__precacheManifest, {}); - -workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/index.html"), { - - blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/], -}); diff --git a/examples/tree-shaking-create-react-app/build/static/js/2.29503262.chunk.js b/examples/tree-shaking-create-react-app/build/static/js/2.29503262.chunk.js deleted file mode 100644 index 46d78f3..0000000 --- a/examples/tree-shaking-create-react-app/build/static/js/2.29503262.chunk.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see 2.29503262.chunk.js.LICENSE.txt */ -(this["webpackJsonpcustom-styles"]=this["webpackJsonpcustom-styles"]||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(20)},function(e,t,n){e.exports=n(13)},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return a})),n.d(t,"c",(function(){return i}));var r={sans:'-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',mono:"Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace"},a={xs:{min:"0",max:"650px"},sm:{min:"650px",max:"900px"},md:{min:"900px",max:"1280px"},lg:{min:"1280px",max:"1920px"},xl:{min:"1920px",max:"10000px"}},i={gap:"16pt",gapNegative:"-16pt",gapHalf:"8pt",gapHalfNegative:"-8pt",gapQuarter:"4pt",gapQuarterNegative:"-4pt",pageMargin:"16pt",pageWidth:"750pt",pageWidthWithMargin:"782pt",breakpointMobile:a.xs.max,breakpointTablet:a.sm.max,radius:"5px"}},function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(9),o=a.a.createContext(i.a);t.a=o},function(e,t,n){"use strict";var r=n(7),a=r.b,i=r.a,o={type:"light",font:a,layout:r.c,palette:{accents_1:"#fafafa",accents_2:"#eaeaea",accents_3:"#999",accents_4:"#888",accents_5:"#666",accents_6:"#444",accents_7:"#333",accents_8:"#111",background:"#fff",foreground:"#000",selection:"#79ffe1",secondary:"#666",code:"#f81ce5",border:"#eaeaea",error:"#ff0000",errorLight:"#ff1a1a",errorDark:"#c00",success:"#0070f3",successLight:"#3291ff",successDark:"#0366d6",warning:"#f5a623",warningLight:"#f7b955",warningDark:"#f49b0b",cyan:"#79ffe1",purple:"#f81ce5",alert:"#ff0080",violet:"#7928ca",link:"#0070f3"},breakpoints:i,expressiveness:{linkStyle:"none",linkHoverStyle:"none",dropdownBoxShadow:"0 4px 4px 0 rgba(0, 0, 0, 0.02)",scrollerStart:"rgba(255, 255, 255, 1)",scrollerEnd:"rgba(255, 255, 255, 0)",shadowSmall:"0 5px 10px rgba(0, 0, 0, 0.12)",shadowMedium:"0 8px 30px rgba(0, 0, 0, 0.12)",shadowLarge:"0 30px 60px rgba(0, 0, 0, 0.12)",portalOpacity:.25}};t.a=o},function(e,t,n){"use strict";!function e(){if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE){0;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}}(),e.exports=n(25)},function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return o}));var r=n(0),a=n.n(r),i=function(){return Math.random().toString(32).slice(2,10)},o=function(e,t){return(a.a.Children.map(e,(function(e){return a.a.isValidElement(e)?e.type:null}))||[]).includes(t)}},function(e,t,n){"use strict";var r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function o(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(a){return!1}}()?Object.assign:function(e,t){for(var n,l,u=o(e),c=1;c0&&void 0!==arguments[0]?arguments[0]:Object(T.a)(),t="zeit-ui-".concat(e),n=_(),i=n.isBrowser,o=Object(a.useState)(i?C(t):null),l=Object(r.a)(o,2),u=l[0],c=l[1];return Object(a.useEffect)((function(){var e=document.querySelector("#".concat(t)),n=e||C(t);e||document.body.appendChild(n),c(n)}),[]),u},j=n(6),N=n(4),P=i.a.memo((function(e){var t=e.x,n=e.y,r=e.color,o=e.onCompleted,l=Object(a.useRef)(null),u=Number.isNaN(+n)?0:n-10,c=Number.isNaN(+t)?0:t-10;return Object(a.useEffect)((function(){if(l.current)return l.current.addEventListener("animationend",o),function(){l.current&&l.current.removeEventListener("animationend",o)}})),i.a.createElement("div",{ref:l,className:"jsx-3424889537 drip"},i.a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",style:{top:u,left:c},className:"jsx-3424889537"},i.a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",className:"jsx-3424889537"},i.a.createElement("g",{fill:r,className:"jsx-3424889537"},i.a.createElement("rect",{width:"100%",height:"100%",rx:"10",className:"jsx-3424889537"})))),i.a.createElement(S.a,{id:"3424889537"},".drip.jsx-3424889537{position:absolute;left:0;right:0;top:0;bottom:0;}svg.jsx-3424889537{position:absolute;-webkit-animation:350ms ease-in expand-jsx-3424889537;animation:350ms ease-in expand-jsx-3424889537;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:1rem;height:1rem;}@-webkit-keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}@keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}"))})),z=Object(N.a)(P,{x:0,y:0}),R=i.a.memo((function(e){var t=e.children,n=e.size,r=e.type,o=e.color,l=Object(c.a)(),u=Object(a.useMemo)((function(){return function(e){return{mini:"2px",small:"3px",medium:"4px",large:"5px"}[e]}(n)}),[n]),s=Object(a.useMemo)((function(){return function(e,t,n){var r={default:t.accents_6,secondary:t.secondary,success:t.success,warning:t.warning,error:t.error};return n||r[e]}(r,l.palette,o)}),[r,l.palette,o]);return i.a.createElement("div",{className:S.a.dynamic([["2921856664",[l.layout.gapHalf,l.palette.accents_5,u,u,s]]])+" loading-container"},i.a.createElement("span",{className:S.a.dynamic([["2921856664",[l.layout.gapHalf,l.palette.accents_5,u,u,s]]])+" loading"},t&&i.a.createElement("label",{className:S.a.dynamic([["2921856664",[l.layout.gapHalf,l.palette.accents_5,u,u,s]]])},t),i.a.createElement("i",{className:S.a.dynamic([["2921856664",[l.layout.gapHalf,l.palette.accents_5,u,u,s]]])}),i.a.createElement("i",{className:S.a.dynamic([["2921856664",[l.layout.gapHalf,l.palette.accents_5,u,u,s]]])}),i.a.createElement("i",{className:S.a.dynamic([["2921856664",[l.layout.gapHalf,l.palette.accents_5,u,u,s]]])})),i.a.createElement(S.a,{id:"2921856664",dynamic:[l.layout.gapHalf,l.palette.accents_5,u,u,s]},".loading-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;}label.__jsx-style-dynamic-selector{margin-right:".concat(l.layout.gapHalf,";color:").concat(l.palette.accents_5,";}label.__jsx-style-dynamic-selector *{margin:0;}.loading.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}i.__jsx-style-dynamic-selector{width:").concat(u,";height:").concat(u,";border-radius:50%;background-color:").concat(s,";margin:0 1px;display:inline-block;-webkit-animation:loading-blink-__jsx-style-dynamic-selector 1.4s infinite both;animation:loading-blink-__jsx-style-dynamic-selector 1.4s infinite both;}i.__jsx-style-dynamic-selector:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s;}i.__jsx-style-dynamic-selector:nth-child(3){-webkit-animation-delay:0.4s;animation-delay:0.4s;}@-webkit-keyframes loading-blink-__jsx-style-dynamic-selector{0%{opacity:0.2;}20%{opacity:1;}100%{opacity:0.2;}}@keyframes loading-blink-__jsx-style-dynamic-selector{0%{opacity:0.2;}20%{opacity:1;}100%{opacity:0.2;}}")))})),M=Object(N.a)(R,{size:"medium",type:"default"}),F=i.a.memo((function(e){var t=e.isRight,n=e.children,r=e.className,a=Object(j.a)(e,["isRight","children","className"]);return i.a.createElement("span",Object(l.a)({},a,{className:"jsx-2059657023 "+(a&&null!=a.className&&a.className||"icon ".concat(t?"right":""," ").concat(r))}),n,i.a.createElement(S.a,{id:"2059657023"},".icon.jsx-2059657023{position:absolute;left:var(--zeit-ui-button-padding);right:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--zeit-ui-button-color);z-index:1;}.right.jsx-2059657023{right:var(--zeit-ui-button-padding);left:auto;}.icon.jsx-2059657023 svg{background:transparent;height:calc(var(--zeit-ui-button-height) / 2.35);width:calc(var(--zeit-ui-button-height) / 2.35);}"))})),I=Object(N.a)(F,{isRight:!1,className:""}),D=i.a.createContext({isButtonGroup:!1,disabled:!1}),L=function(e){if("#"===e.charAt(0))return function(e){var t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(e,t,n,r){return"".concat(t).concat(t).concat(n).concat(n).concat(r).concat(r)})),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!n)throw new Error("ZEIT UI: Unsupported ".concat(e," color."));return[Number.parseInt(n[1],16),Number.parseInt(n[2],16),Number.parseInt(n[3],16)]}(e);var t=e.replace(/ /g,""),n=e.substr(0,4),r=t.match(/\((.+)\)/);if(!n.startsWith("rgb")||!r)throw console.log(e),new Error('ZEIT UI: Only support ["RGB", "RGBA", "HEX"] color.');return r[1].split(",").map((function(e){return Number.parseFloat(e)}))},A=function(e,t){if(!/^#|rgb|RGB/.test(e))return e;var n=L(e),a=Object(r.a)(n,3),i=a[0],o=a[1],l=a[2],u=t>1?1:t<0?0:t;return"rgba(".concat(i,", ").concat(o,", ").concat(l,", ").concat(u,")")},U=function(e,t){var n=t.type,r=t.disabled,a=t.ghost,i={default:{bg:e.background,border:e.border,color:e.accents_5},secondary:{bg:e.foreground,border:e.foreground,color:e.background},success:{bg:e.success,border:e.success,color:"#fff"},warning:{bg:e.warning,border:e.warning,color:"#fff"},error:{bg:e.error,border:e.error,color:"#fff"},abort:{bg:"transparent",border:"transparent",color:e.accents_5}};if(r)return{bg:e.accents_1,border:e.accents_2,color:"#ccc"};var o=n.replace("-light",""),l=i.default;return a?function(e,t){return{secondary:{bg:e.background,border:e.foreground,color:e.foreground},success:{bg:e.background,border:e.success,color:e.success},warning:{bg:e.background,border:e.warning,color:e.warning},error:{bg:e.background,border:e.error,color:e.error}}[t]||null}(e,o)||l:i[o]||l},H=function(e,t){var n=t.type,r=t.disabled,a=t.loading,i=t.shadow,o=t.ghost,u=U(e,t),c=A(u.bg,.85),s={default:{bg:e.background,border:e.foreground},secondary:{bg:e.background,border:e.foreground},success:{bg:e.background,border:e.success},warning:{bg:e.background,border:e.warning},error:{bg:e.background,border:e.error},abort:{bg:"transparent",border:"transparent",color:e.accents_5},"secondary-light":Object(l.a)(Object(l.a)({},u),{},{bg:c}),"success-light":Object(l.a)(Object(l.a)({},u),{},{bg:c}),"warning-light":Object(l.a)(Object(l.a)({},u),{},{bg:c}),"error-light":Object(l.a)(Object(l.a)({},u),{},{bg:c})};if(r)return{bg:e.accents_1,border:e.accents_2,color:"#ccc"};if(a)return Object(l.a)(Object(l.a)({},u),{},{color:"transparent"});if(i)return u;var f=(o?function(e,t){return{secondary:{bg:e.foreground,border:e.background,color:e.background},success:{bg:e.success,border:e.background,color:"white"},warning:{bg:e.warning,border:e.background,color:"white"},error:{bg:e.error,border:e.background,color:"white"}}[t.replace("-light","")]||null}(e,n):s[n])||s.default;return Object(l.a)(Object(l.a)({},f),{},{color:f.color||f.border})},B=i.a.memo((function(e){var t=Object(l.a)({},e),n=Object(c.a)(),o=Object(a.useRef)(null),u=Object(a.useState)(!1),s=Object(r.a)(u,2),f=s[0],d=s[1],p=Object(a.useState)(0),m=Object(r.a)(p,2),h=m[0],g=m[1],y=Object(a.useState)(0),b=Object(r.a)(y,2),v=b[0],w=b[1],x=function(e,t){return t.isButtonGroup?Object(l.a)(Object(l.a)({},e),{},{auto:!0,shadow:!1,ghost:t.ghost||e.ghost,size:t.size||e.size,type:t.type||e.type,disabled:t.disabled||e.disabled}):e}(t,i.a.useContext(D)),k=x.children,E=x.disabled,_=(x.type,x.loading),T=x.shadow,C=x.ghost,O=x.effect,N=x.onClick,P=x.auto,R=x.size,F=x.icon,L=x.htmlType,B=x.iconRight,W=x.className,V=Object(j.a)(x,["children","disabled","type","loading","shadow","ghost","effect","onClick","auto","size","icon","htmlType","iconRight","className"]),Q=Object(a.useMemo)((function(){return U(n.palette,x)}),[n.palette,x]),$=Q.bg,q=Q.border,K=Q.color,Y=Object(a.useMemo)((function(){return H(n.palette,x)}),[n.palette,x]),X=Object(a.useMemo)((function(){return function(e,t){return e?{cursor:"not-allowed",events:"auto"}:t?{cursor:"default",events:"none"}:{cursor:"pointer",events:"auto"}}(E,_)}),[E,_]),G=X.cursor,Z=X.events,J=Object(a.useMemo)((function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"medium",t=arguments.length>1?arguments[1]:void 0,n={height:"2.5rem",width:"auto",padding:"1.375rem",fontSize:".875rem",minWidth:"12.5rem"},r={medium:"1.25rem",mini:"0.625rem",small:"0.9375rem",large:"1.5625rem"},a={mini:{height:"1.5rem",width:"initial",padding:"1.375rem",fontSize:".75rem",minWidth:"5.25rem"},small:{height:"2rem",width:"initial",padding:"1.25rem",fontSize:".875rem",minWidth:"9.375rem"},medium:n,large:{height:"2.75rem",width:"initial",padding:"1.875rem",fontSize:"1rem",minWidth:"15.625rem"}};return t?Object(l.a)(Object(l.a)({},a[e]||n),{},{padding:r[e]||r.medium,minWidth:"min-content",width:"auto"}):a[e]||n}(R,P)}),[R,P]),ee=J.height,te=J.minWidth,ne=J.padding,re=J.width,ae=J.fontSize,ie=Object(a.useMemo)((function(){return function(e,t){var n=t.type.endsWith("light"),r=H(e,t);return A(n?r.bg:e.accents_2,.65)}(n.palette,x)}),[n.palette,x]),oe=Object(a.useMemo)((function(){return function(e,t,n,r){var a=r.icon,o=r.iconRight,l=a||o,u=Boolean(o),c=e||"mini"===t?"calc(var(--zeit-ui-button-height) / 2 + var(--zeit-ui-button-padding) * .5)":0;return l?i.a.createElement(i.a.Fragment,null,i.a.createElement(I,{isRight:u},l),i.a.createElement("div",{className:S.a.dynamic([["3568181479",[c,c]]])+" "+"text ".concat(u?"right":"left")},n,i.a.createElement(S.a,{id:"3568181479",dynamic:[c,c]},".left.__jsx-style-dynamic-selector{padding-left:".concat(c,";}.right.__jsx-style-dynamic-selector{padding-right:").concat(c,";}")))):i.a.createElement("div",{className:"text"},n)}(P,R,k,{icon:F,iconRight:B})}),[P,R,k,F,B]);return i.a.createElement("button",Object(l.a)({ref:o,type:L,disabled:E,onClick:function(e){if(!E&&!_){if(!T&&!C&&O&&o.current){var t=o.current.getBoundingClientRect();d(!0),g(e.clientX-t.left),w(e.clientY-t.top)}N&&N(e)}}},V,{className:S.a.dynamic([["2745287397",[ne,ee,ee,te,re,n.layout.radius,ae,K,$,q,G,Z,T?n.expressiveness.shadowSmall:"none",ne,ee,K,Y.color,Y.color,Y.bg,Y.border,G,Z,T?n.expressiveness.shadowMedium:"none",T?"-1px":"0px"]]])+" "+(V&&null!=V.className&&V.className||"btn ".concat(W))}),_?i.a.createElement(M,null):oe,f&&i.a.createElement(z,{x:h,y:v,color:ie,onCompleted:function(){d(!1),g(0),w(0)}}),i.a.createElement(S.a,{id:"2745287397",dynamic:[ne,ee,ee,te,re,n.layout.radius,ae,K,$,q,G,Z,T?n.expressiveness.shadowSmall:"none",ne,ee,K,Y.color,Y.color,Y.bg,Y.border,G,Z,T?n.expressiveness.shadowMedium:"none",T?"-1px":"0px"]},".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;padding:0 ".concat(ne,";height:").concat(ee,";line-height:").concat(ee,";min-width:").concat(te,";width:").concat(re,";border-radius:").concat(n.layout.radius,";font-weight:400;font-size:").concat(ae,";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(K,";background-color:").concat($,";border:1px solid ").concat(q,";cursor:").concat(G,";pointer-events:").concat(Z,";box-shadow:").concat(T?n.expressiveness.shadowSmall:"none",";--zeit-ui-button-padding:").concat(ne,";--zeit-ui-button-height:").concat(ee,";--zeit-ui-button-color:").concat(K,";}.btn.__jsx-style-dynamic-selector:hover{color:").concat(Y.color,";--zeit-ui-button-color:").concat(Y.color,";background-color:").concat(Y.bg,";border-color:").concat(Y.border,";cursor:").concat(G,";pointer-events:").concat(Z,";box-shadow:").concat(T?n.expressiveness.shadowMedium:"none",";-webkit-transform:translate3d(0px,").concat(T?"-1px":"0px",",0px);-ms-transform:translate3d(0px,").concat(T?"-1px":"0px",",0px);transform:translate3d(0px,").concat(T?"-1px":"0px",",0px);}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}")))})),W=Object(N.a)(B,{type:"default",size:"medium",htmlType:"button",ghost:!1,loading:!1,shadow:!1,auto:!1,effect:!0,disabled:!1,className:""}),V=function(e,t){return e&&e.length?e.map((function(e,n){return i.a.createElement(W,{auto:!0,size:"mini",type:e.passive?"default":"secondary",key:"action-".concat(n),onClick:function(n){return function(e,n){n&&n(e,t)}(n,e.handler)}},e.name)})):null},Q=i.a.memo((function(e){var t=e.index,n=e.total,o=e.toast,l=e.onHover,u=Object(c.a)(),s=Object(a.useMemo)((function(){return function(e,t){var n={default:e.background,secondary:e.secondary,success:e.success,warning:e.warning,error:e.error};return!t||"default"===t?{bgColor:n.default,color:e.foreground}:{bgColor:n[t],color:"white"}}(u.palette,o.type)}),[u.palette,o.type]),f=s.color,d=s.bgColor,p=Object(a.useState)(!1),m=Object(r.a)(p,2),h=m[0],g=m[1],y=Object(a.useState)(!1),b=Object(r.a)(y,2),v=b[0],w=b[1],x=Object(a.useMemo)((function(){return n-(t+1)}),[n,t]),k=Object(a.useMemo)((function(){var e="100% + -75px + -".concat(20*x,"px");return x>=4?"translate3d(0, -75px, -".concat(x,"px) scale(.7)"):l?"translate3d(0, ".concat(-75*x,"px, -").concat(x,"px) scale(").concat(1===n?1:.98205,")"):"translate3d(0, calc(".concat(e,"), -").concat(x,"px) scale(").concat(1-.05*x,")")}),[l,t,n,x]);return Object(a.useEffect)((function(){var e=setTimeout((function(){g(!0),clearTimeout(e)}),10);return function(){return clearTimeout(e)}}),[]),Object(a.useEffect)((function(){var e=!1;if((x>2||o.willBeDestroy)&&!e){var t=setTimeout((function(){w(!0),clearTimeout(t)}),150);return function(){e=!0,clearTimeout(t)}}}),[x,o.willBeDestroy]),x>10?null:i.a.createElement("div",{key:"".concat(o.id,"-").concat(t),className:S.a.dynamic([["397744814",[u.palette.foreground,d,f,u.layout.radius,u.layout.gap,x>4?0:1,x>4?"none":u.expressiveness.shadowSmall,k,u.layout.gapHalf,u.layout.gapQuarter]]])+" "+"toast ".concat(h?"visible":""," ").concat(v?"hide":"")},i.a.createElement("div",{className:S.a.dynamic([["397744814",[u.palette.foreground,d,f,u.layout.radius,u.layout.gap,x>4?0:1,x>4?"none":u.expressiveness.shadowSmall,k,u.layout.gapHalf,u.layout.gapQuarter]]])+" message"},o.text),i.a.createElement("div",{className:S.a.dynamic([["397744814",[u.palette.foreground,d,f,u.layout.radius,u.layout.gap,x>4?0:1,x>4?"none":u.expressiveness.shadowSmall,k,u.layout.gapHalf,u.layout.gapQuarter]]])+" action"},V(o.actions,o.cancel)),i.a.createElement(S.a,{id:"397744814",dynamic:[u.palette.foreground,d,f,u.layout.radius,u.layout.gap,x>4?0:1,x>4?"none":u.expressiveness.shadowSmall,k,u.layout.gapHalf,u.layout.gapQuarter]},".toast.__jsx-style-dynamic-selector{width:420px;max-width:90vw;max-height:75px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:".concat(u.palette.foreground,";background-color:").concat(d,";color:").concat(f,";border:0;border-radius:").concat(u.layout.radius,";padding:").concat(u.layout.gap,";position:absolute;bottom:0;right:0;opacity:").concat(x>4?0:1,";box-shadow:").concat(x>4?"none":u.expressiveness.shadowSmall,";-webkit-transform:translate3d(0,100%,0px) scale(1);-ms-transform:translate3d(0,100%,0px) scale(1);transform:translate3d(0,100%,0px) scale(1);-webkit-transition:-webkit-transform 400ms ease 0ms,visibility 200ms ease 0ms,opacity 200ms ease 0ms;-webkit-transition:transform 400ms ease 0ms,visibility 200ms ease 0ms,opacity 200ms ease 0ms;transition:transform 400ms ease 0ms,visibility 200ms ease 0ms,opacity 200ms ease 0ms;}.toast.visible.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:").concat(k,";-ms-transform:").concat(k,";transform:").concat(k,";}.toast.hide.__jsx-style-dynamic-selector{opacity:0;visibility:hidden;pointer-events:none;}.message.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease;font-size:0.875rem;display:-webkit-box;word-break:break-all;padding-right:").concat(u.layout.gapHalf,";overflow:hidden;max-height:100%;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.1rem;}.toast.__jsx-style-dynamic-selector button + button{margin-left:").concat(u.layout.gapQuarter,";}")))})),$=function(){var e=O("toast"),t=Object(c.a)(),n=Object(a.useState)(!1),l=Object(r.a)(n,2),u=l[0],s=l[1],f=Object(a.useRef)(),d=i.a.useContext(o),p=d.toasts,m=d.updateToastHoverStatus,h=Object(a.useMemo)((function(){return p.map((function(e,t){return i.a.createElement(Q,{index:t,total:p.length,toast:e,onHover:u,key:"toast-".concat(t)})}))}),[p,u]),g=function(e){if(e)return f.current&&clearTimeout(f.current),m((function(){return!0})),s(!0);f.current=window.setTimeout((function(){s(!1),m((function(){return!1})),f.current&&clearTimeout(f.current)}),200)};return e&&p&&0!==p.length?Object(E.createPortal)(i.a.createElement("div",{onMouseEnter:function(){return g(!0)},onMouseLeave:function(){return g(!1)},className:S.a.dynamic([["1105427894",[t.layout.gap,t.layout.gap]]])+" "+"toast-container ".concat(u?"hover":"")},h,i.a.createElement(S.a,{id:"1105427894",dynamic:[t.layout.gap,t.layout.gap]},".toast-container.__jsx-style-dynamic-selector{position:fixed;width:420px;max-width:90vw;bottom:".concat(t.layout.gap,";right:").concat(t.layout.gap,";z-index:2000;-webkit-transition:all 400ms ease;transition:all 400ms ease;box-sizing:border-box;}.toast-container.hover.__jsx-style-dynamic-selector{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}"))),e):null},q=function(e){var t=e.theme,n=e.children,l=x([]),u=Object(r.a)(l,3),c=u[0],s=u[1],f=u[2],d=Object(a.useState)(!1),p=Object(r.a)(d,2),m=p[0],h=p[1],g=function(e){var t=e(f.current);s(t)},y=function(e){var t=e();h(t)},b=Object(a.useMemo)((function(){return{toasts:c,toastHovering:m,updateToasts:g,updateToastHoverStatus:y}}),[c,m]);return i.a.createElement(o.Provider,{value:b},i.a.createElement(w,{theme:t},n,i.a.createElement($,null)))};t.a=q},function(e,t,n){"use strict";var r=n(2),a=n(3),i=n(6),o=n(1),l=n.n(o),u=n(0),c=n.n(u),s=function(){for(var e=arguments.length,t=new Array(e),n=0;nN.length&&N.push(e)}function R(e,t,n){return null==e?0:function e(t,n,r,a){var l=typeof t;"undefined"!==l&&"boolean"!==l||(t=null);var u=!1;if(null===t)u=!0;else switch(l){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case o:u=!0}}if(u)return r(a,t,""===n?"."+M(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c>>0}},function(e,t,n){"use strict";(function(e){function n(e,t){for(var n=0;n1)for(var n=1;n