react-cosmos-ui 6.0.0-beta.5 → 6.0.0-beta.6

package/dist/playground.bundle.js

@@ -689,7 +689,7 @@
   flex: 1;
   background: ${jo};
   overflow: auto;
-`,bc="fixtureTreeExpansion",xc={};function wc({getItem:e}){return e(bc)||xc}function Ec({setItem:e},t){e(bc,t)}function Sc({data:e,children:t},n,r=[]){if("fileDir"!==e.type||!t)return null;const o=Object.keys(t);for(let e of o){const o=t[e];if("fileDir"!==o.data.type){if(Qu(o,n))return r}else{const t=Sc(o,n,[...r,e]);if(t)return t}}return null}const{namedPlug:_c,register:kc}=(0,n.createPlugin)({name:"fixtureTree",methods:{revealFixture:function(e,t){const{getMethodsOf:n}=e,r=e.getMethodsOf("storage"),o=n("core"),a=n("rendererCore"),{fixturesDir:i,fixtureFileSuffix:l}=o.getFixtureFileVars(),u=Sc(du({fixtures:a.getFixtures(),fixturesDir:i,fixtureFileSuffix:l}),t);if(u){const e=[],t={...wc(r)};for(let n=0;n<u.length;n++)e.push(u[n]),t[e.join("/")]=!0;Ec(r,t)}}}});_c("navRow","fixtureTree",(({pluginContext:t})=>{const{getMethodsOf:n}=t,r=t.getMethodsOf("storage"),o=n("router"),a=n("core"),{fixturesDir:i,fixtureFileSuffix:l}=a.getFixtureFileVars(),u=n("rendererCore"),c=wc(r),s=(0,e.useCallback)((e=>Ec(r,e)),[r]);return e.createElement(vc,{fixturesDir:i,fixtureFileSuffix:l,selectedFixtureId:o.getSelectedFixtureId(),fixtures:u.getFixtures(),expansion:c,selectFixture:o.selectFixture,setExpansion:s})})),kc();const Cc="3.7.5",Pc=Cc,Oc="function"==typeof atob,Ic="function"==typeof btoa,jc="function"==typeof Buffer,Ac="function"==typeof TextDecoder?new TextDecoder:void 0,Rc="function"==typeof TextEncoder?new TextEncoder:void 0,zc=Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="),Nc=(e=>{let t={};return e.forEach(((e,n)=>t[e]=n)),t})(zc),Mc=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,$c=String.fromCharCode.bind(String),Fc="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):e=>new Uint8Array(Array.prototype.slice.call(e,0)),Tc=e=>e.replace(/=/g,"").replace(/[+\/]/g,(e=>"+"==e?"-":"_")),Lc=e=>e.replace(/[^A-Za-z0-9\+\/]/g,""),Dc=e=>{let t,n,r,o,a="";const i=e.length%3;for(let i=0;i<e.length;){if((n=e.charCodeAt(i++))>255||(r=e.charCodeAt(i++))>255||(o=e.charCodeAt(i++))>255)throw new TypeError("invalid character found");t=n<<16|r<<8|o,a+=zc[t>>18&63]+zc[t>>12&63]+zc[t>>6&63]+zc[63&t]}return i?a.slice(0,i-3)+"===".substring(i):a},Bc=Ic?e=>btoa(e):jc?e=>Buffer.from(e,"binary").toString("base64"):Dc,Uc=jc?e=>Buffer.from(e).toString("base64"):e=>{let t=[];for(let n=0,r=e.length;n<r;n+=4096)t.push($c.apply(null,e.subarray(n,n+4096)));return Bc(t.join(""))},Wc=(e,t=!1)=>t?Tc(Uc(e)):Uc(e),Vc=e=>{if(e.length<2)return(t=e.charCodeAt(0))<128?e:t<2048?$c(192|t>>>6)+$c(128|63&t):$c(224|t>>>12&15)+$c(128|t>>>6&63)+$c(128|63&t);var t=65536+1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320);return $c(240|t>>>18&7)+$c(128|t>>>12&63)+$c(128|t>>>6&63)+$c(128|63&t)},Hc=/[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g,qc=e=>e.replace(Hc,Vc),Zc=jc?e=>Buffer.from(e,"utf8").toString("base64"):Rc?e=>Uc(Rc.encode(e)):e=>Bc(qc(e)),Gc=(e,t=!1)=>t?Tc(Zc(e)):Zc(e),Qc=e=>Gc(e,!0),Kc=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Yc=e=>{switch(e.length){case 4:var t=((7&e.charCodeAt(0))<<18|(63&e.charCodeAt(1))<<12|(63&e.charCodeAt(2))<<6|63&e.charCodeAt(3))-65536;return $c(55296+(t>>>10))+$c(56320+(1023&t));case 3:return $c((15&e.charCodeAt(0))<<12|(63&e.charCodeAt(1))<<6|63&e.charCodeAt(2));default:return $c((31&e.charCodeAt(0))<<6|63&e.charCodeAt(1))}},Xc=e=>e.replace(Kc,Yc),Jc=e=>{if(e=e.replace(/\s+/g,""),!Mc.test(e))throw new TypeError("malformed base64.");e+="==".slice(2-(3&e.length));let t,n,r,o="";for(let a=0;a<e.length;)t=Nc[e.charAt(a++)]<<18|Nc[e.charAt(a++)]<<12|(n=Nc[e.charAt(a++)])<<6|(r=Nc[e.charAt(a++)]),o+=64===n?$c(t>>16&255):64===r?$c(t>>16&255,t>>8&255):$c(t>>16&255,t>>8&255,255&t);return o},es=Oc?e=>atob(Lc(e)):jc?e=>Buffer.from(e,"base64").toString("binary"):Jc,ts=jc?e=>Fc(Buffer.from(e,"base64")):e=>Fc(es(e).split("").map((e=>e.charCodeAt(0)))),ns=e=>ts(os(e)),rs=jc?e=>Buffer.from(e,"base64").toString("utf8"):Ac?e=>Ac.decode(ts(e)):e=>Xc(es(e)),os=e=>Lc(e.replace(/[-_]/g,(e=>"-"==e?"+":"/"))),as=e=>rs(os(e)),is=e=>({value:e,enumerable:!1,writable:!0,configurable:!0}),ls=function(){const e=(e,t)=>Object.defineProperty(String.prototype,e,is(t));e("fromBase64",(function(){return as(this)})),e("toBase64",(function(e){return Gc(this,e)})),e("toBase64URI",(function(){return Gc(this,!0)})),e("toBase64URL",(function(){return Gc(this,!0)})),e("toUint8Array",(function(){return ns(this)}))},us=function(){const e=(e,t)=>Object.defineProperty(Uint8Array.prototype,e,is(t));e("toBase64",(function(e){return Wc(this,e)})),e("toBase64URI",(function(){return Wc(this,!0)})),e("toBase64URL",(function(){return Wc(this,!0)}))},cs={version:Cc,VERSION:Pc,atob:es,atobPolyfill:Jc,btoa:Bc,btoaPolyfill:Dc,fromBase64:as,toBase64:Gc,encode:Gc,encodeURI:Qc,encodeURL:Qc,utob:qc,btou:Xc,decode:as,isValid:e=>{if("string"!=typeof e)return!1;const t=e.replace(/\s+/g,"").replace(/={0,2}$/,"");return!/[^\s0-9a-zA-Z\+/]/.test(t)||!/[^\s0-9a-zA-Z\-_]/.test(t)},fromUint8Array:Wc,toUint8Array:ns,extendString:ls,extendUint8Array:us,extendBuiltins:()=>{ls(),us()}};function ss(e){return Il(function(e){const t={};return e.fixtureId&&(t.fixtureId=JSON.stringify(e.fixtureId)),e.locked&&(t.locked="true"),t}(e))}function fs(e,t,n){return function(e){return e.includes("<fixture>")}(e)?t?ds(e,function(e){return cs.encode(JSON.stringify(e))}(t))+ss({locked:n}):ds(e,"index"):t?(function(e){try{const{protocol:t,pathname:n}=new URL(e);return("http:"===t||"https:"===t)&&"/"===n}catch(e){return!1}}(e)?e+"/":e)+ss({fixtureId:t,locked:n}):e}function ds(e,t){return e.replace(/<fixture>/g,t)}function ps({onClick:t}){return e.createElement(wa,{icon:e.createElement(Ba,null),title:"Go fullscreen",onClick:t})}const{namedPlug:hs,register:ms}=(0,n.createPlugin)({name:"fullScreenButton"});hs("rendererAction","fullScreen",(({pluginContext:t,slotProps:n})=>{const{getMethodsOf:r}=t,{fixtureId:o}=n,a=r("core"),i=r("rendererCore").getRendererUrl(),l=e.useCallback((()=>{if(i){const e=fs(i,o,!0);window.open(e,"_blank","noopener=true")}}),[o,i]);return e.useEffect((()=>a.registerCommands({goFullScreen:l})),[a,l]),i?e.createElement(ps,{onClick:l}):null})),ms();let gs=null,vs=[];const{onLoad:ys,register:bs}=(0,n.createPlugin)({name:"messageHandler",methods:{postRendererRequest:function(e,t){const n={channel:"renderer",message:t};gs&&gs.readyState===WebSocket.OPEN?gs.send(JSON.stringify(n)):vs.push(n)}}});function xs({notifications:t}){return e.createElement(ws,null,t.map((({id:t,type:n,title:r,info:o})=>{const a=Ps[n];return e.createElement(Es,{key:t},e.createElement(Ss,null,e.createElement(a,null)),e.createElement(_s,null,e.createElement(ks,null,r),e.createElement(Cs,null,o)))})))}ys((function(e){if(e.getMethodsOf("core").isDevServerOn())return gs=new WebSocket(location.origin.replace(/^https?:/,"ws:")),gs.addEventListener("open",(()=>{if(gs&&vs.length>0){for(const e of vs)gs.send(JSON.stringify(e));vs=[]}})),gs.addEventListener("message",t),()=>{gs&&(gs.removeEventListener("message",t),gs.close(),gs=null)};function t(t){const n=JSON.parse(t.data);switch(n.channel){case"renderer":return e.emit("rendererResponse",n.message);case"server":return e.emit("serverMessage",n.message);default:console.log("Unknown socket message",n)}}})),bs();const ws=Te.div`
+`,bc="fixtureTreeExpansion",xc={};function wc({getItem:e}){return e(bc)||xc}function Ec({setItem:e},t){e(bc,t)}function Sc({data:e,children:t},n,r=[]){if("fileDir"!==e.type||!t)return null;const o=Object.keys(t);for(let e of o){const o=t[e];if("fileDir"!==o.data.type){if(Qu(o,n))return r}else{const t=Sc(o,n,[...r,e]);if(t)return t}}return null}const{namedPlug:_c,register:kc}=(0,n.createPlugin)({name:"fixtureTree",methods:{revealFixture:function(e,t){const{getMethodsOf:n}=e,r=e.getMethodsOf("storage"),o=n("core"),a=n("rendererCore"),{fixturesDir:i,fixtureFileSuffix:l}=o.getFixtureFileVars(),u=Sc(du({fixtures:a.getFixtures(),fixturesDir:i,fixtureFileSuffix:l}),t);if(u){const e=[],t={...wc(r)};for(let n=0;n<u.length;n++)e.push(u[n]),t[e.join("/")]=!0;Ec(r,t)}}}});_c("navRow","fixtureTree",(({pluginContext:t})=>{const{getMethodsOf:n}=t,r=t.getMethodsOf("storage"),o=n("router"),a=n("core"),{fixturesDir:i,fixtureFileSuffix:l}=a.getFixtureFileVars(),u=n("rendererCore"),c=wc(r),s=(0,e.useCallback)((e=>Ec(r,e)),[r]);return e.createElement(vc,{fixturesDir:i,fixtureFileSuffix:l,selectedFixtureId:o.getSelectedFixtureId(),fixtures:u.getFixtures(),expansion:c,selectFixture:o.selectFixture,setExpansion:s})})),kc();const Cc="3.7.5",Pc=Cc,Oc="function"==typeof atob,Ic="function"==typeof btoa,jc="function"==typeof Buffer,Ac="function"==typeof TextDecoder?new TextDecoder:void 0,Rc="function"==typeof TextEncoder?new TextEncoder:void 0,zc=Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="),Nc=(e=>{let t={};return e.forEach(((e,n)=>t[e]=n)),t})(zc),Mc=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,$c=String.fromCharCode.bind(String),Fc="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):e=>new Uint8Array(Array.prototype.slice.call(e,0)),Tc=e=>e.replace(/=/g,"").replace(/[+\/]/g,(e=>"+"==e?"-":"_")),Lc=e=>e.replace(/[^A-Za-z0-9\+\/]/g,""),Dc=e=>{let t,n,r,o,a="";const i=e.length%3;for(let i=0;i<e.length;){if((n=e.charCodeAt(i++))>255||(r=e.charCodeAt(i++))>255||(o=e.charCodeAt(i++))>255)throw new TypeError("invalid character found");t=n<<16|r<<8|o,a+=zc[t>>18&63]+zc[t>>12&63]+zc[t>>6&63]+zc[63&t]}return i?a.slice(0,i-3)+"===".substring(i):a},Bc=Ic?e=>btoa(e):jc?e=>Buffer.from(e,"binary").toString("base64"):Dc,Uc=jc?e=>Buffer.from(e).toString("base64"):e=>{let t=[];for(let n=0,r=e.length;n<r;n+=4096)t.push($c.apply(null,e.subarray(n,n+4096)));return Bc(t.join(""))},Wc=(e,t=!1)=>t?Tc(Uc(e)):Uc(e),Vc=e=>{if(e.length<2)return(t=e.charCodeAt(0))<128?e:t<2048?$c(192|t>>>6)+$c(128|63&t):$c(224|t>>>12&15)+$c(128|t>>>6&63)+$c(128|63&t);var t=65536+1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320);return $c(240|t>>>18&7)+$c(128|t>>>12&63)+$c(128|t>>>6&63)+$c(128|63&t)},Hc=/[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g,qc=e=>e.replace(Hc,Vc),Zc=jc?e=>Buffer.from(e,"utf8").toString("base64"):Rc?e=>Uc(Rc.encode(e)):e=>Bc(qc(e)),Gc=(e,t=!1)=>t?Tc(Zc(e)):Zc(e),Qc=e=>Gc(e,!0),Kc=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Yc=e=>{switch(e.length){case 4:var t=((7&e.charCodeAt(0))<<18|(63&e.charCodeAt(1))<<12|(63&e.charCodeAt(2))<<6|63&e.charCodeAt(3))-65536;return $c(55296+(t>>>10))+$c(56320+(1023&t));case 3:return $c((15&e.charCodeAt(0))<<12|(63&e.charCodeAt(1))<<6|63&e.charCodeAt(2));default:return $c((31&e.charCodeAt(0))<<6|63&e.charCodeAt(1))}},Xc=e=>e.replace(Kc,Yc),Jc=e=>{if(e=e.replace(/\s+/g,""),!Mc.test(e))throw new TypeError("malformed base64.");e+="==".slice(2-(3&e.length));let t,n,r,o="";for(let a=0;a<e.length;)t=Nc[e.charAt(a++)]<<18|Nc[e.charAt(a++)]<<12|(n=Nc[e.charAt(a++)])<<6|(r=Nc[e.charAt(a++)]),o+=64===n?$c(t>>16&255):64===r?$c(t>>16&255,t>>8&255):$c(t>>16&255,t>>8&255,255&t);return o},es=Oc?e=>atob(Lc(e)):jc?e=>Buffer.from(e,"base64").toString("binary"):Jc,ts=jc?e=>Fc(Buffer.from(e,"base64")):e=>Fc(es(e).split("").map((e=>e.charCodeAt(0)))),ns=e=>ts(os(e)),rs=jc?e=>Buffer.from(e,"base64").toString("utf8"):Ac?e=>Ac.decode(ts(e)):e=>Xc(es(e)),os=e=>Lc(e.replace(/[-_]/g,(e=>"-"==e?"+":"/"))),as=e=>rs(os(e)),is=e=>({value:e,enumerable:!1,writable:!0,configurable:!0}),ls=function(){const e=(e,t)=>Object.defineProperty(String.prototype,e,is(t));e("fromBase64",(function(){return as(this)})),e("toBase64",(function(e){return Gc(this,e)})),e("toBase64URI",(function(){return Gc(this,!0)})),e("toBase64URL",(function(){return Gc(this,!0)})),e("toUint8Array",(function(){return ns(this)}))},us=function(){const e=(e,t)=>Object.defineProperty(Uint8Array.prototype,e,is(t));e("toBase64",(function(e){return Wc(this,e)})),e("toBase64URI",(function(){return Wc(this,!0)})),e("toBase64URL",(function(){return Wc(this,!0)}))},cs={version:Cc,VERSION:Pc,atob:es,atobPolyfill:Jc,btoa:Bc,btoaPolyfill:Dc,fromBase64:as,toBase64:Gc,encode:Gc,encodeURI:Qc,encodeURL:Qc,utob:qc,btou:Xc,decode:as,isValid:e=>{if("string"!=typeof e)return!1;const t=e.replace(/\s+/g,"").replace(/={0,2}$/,"");return!/[^\s0-9a-zA-Z\+/]/.test(t)||!/[^\s0-9a-zA-Z\-_]/.test(t)},fromUint8Array:Wc,toUint8Array:ns,extendString:ls,extendUint8Array:us,extendBuiltins:()=>{ls(),us()}};function ss(e){return Il(function(e){const t={};return e.fixtureId&&(t.fixtureId=JSON.stringify(e.fixtureId)),e.locked&&(t.locked="true"),t}(e))}function fs(e,t,n){return function(e){return e.includes("<fixture>")}(e)?t?ds(e,function(e){return cs.encode(JSON.stringify(e))}(t))+ss({locked:n}):ds(e,"index"):t?(function(e){try{const{protocol:t,pathname:n}=new URL(e);return("http:"===t||"https:"===t)&&"/"===n}catch(e){return!1}}(e)?e+"/":e)+ss({fixtureId:t,locked:n}):e}function ds(e,t){return e.replace(/<fixture>/g,t)}function ps({onClick:t}){return e.createElement(wa,{icon:e.createElement(Ba,null),title:"Go fullscreen",onClick:t})}const{namedPlug:hs,register:ms}=(0,n.createPlugin)({name:"fullScreenButton"});hs("rendererAction","fullScreen",(({pluginContext:t,slotProps:n})=>{const{getMethodsOf:r}=t,{fixtureId:o}=n,a=r("core"),i=r("rendererCore").getRendererUrl(),l=e.useCallback((()=>{if(i){const e=fs(i,o,!0);window.open(e,"_blank","noopener=true")}}),[o,i]);return e.useEffect((()=>a.registerCommands({goFullScreen:l})),[a,l]),i?e.createElement(ps,{onClick:l}):null})),ms();let gs=null,vs=[];const{onLoad:ys,register:bs}=(0,n.createPlugin)({name:"messageHandler",methods:{postRendererRequest:function(e,t){const n={channel:"renderer",message:t};gs&&gs.readyState===WebSocket.OPEN?gs.send(JSON.stringify(n)):vs.push(n)}}});function xs({notifications:t}){return e.createElement(ws,null,t.map((({id:t,type:n,title:r,info:o})=>{const a=Ps[n];return e.createElement(Es,{key:t},e.createElement(Ss,null,e.createElement(a,null)),e.createElement(_s,null,e.createElement(ks,null,r),e.createElement(Cs,null,o)))})))}ys((function(e){if(e.getMethodsOf("core").isDevServerOn())return gs=new WebSocket(location.origin.replace(/^https:/,"wss:").replace(/^http:/,"ws:")),gs.addEventListener("open",(()=>{if(gs&&vs.length>0){for(const e of vs)gs.send(JSON.stringify(e));vs=[]}})),gs.addEventListener("message",t),()=>{gs&&(gs.removeEventListener("message",t),gs.close(),gs=null)};function t(t){const n=JSON.parse(t.data);switch(n.channel){case"renderer":return e.emit("rendererResponse",n.message);case"server":return e.emit("serverMessage",n.message);default:console.log("Unknown socket message",n)}}})),bs();const ws=Te.div`
   position: absolute;
   bottom: 8px;
   right: 8px;