@storybook/components 7.0.0-alpha.33 → 7.0.0-alpha.35

package/dist/{chunk-Y6UFDINQ.mjs → chunk-625NVVVS.mjs}

@@ -3,4 +3,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 `))})}function Pt(e){var t=e.codeString,n=e.codeStyle,o=e.containerStyle,a=o===void 0?{float:"left",paddingRight:"10px"}:o,i=e.numberStyle,s=i===void 0?{}:i,l=e.startingLineNumber;return E.createElement("code",{style:Object.assign({},n,a)},wt({lines:t.replace(/\n$/,"").split(`
 `),style:s,startingLineNumber:l}))}function Ct(e){return"".concat(e.toString().length,".25em")}function ze(e,t){return{type:"element",tagName:"span",properties:{key:"line-number--".concat(e),className:["comment","linenumber","react-syntax-highlighter-line-number"],style:t},children:[{type:"text",value:e}]}}function Ge(e,t,n){var o={display:"inline-block",minWidth:Ct(n),paddingRight:"1em",textAlign:"right",userSelect:"none"},a=typeof e=="function"?e(t):e,i=N(N({},o),a);return i}function K(e){var t=e.children,n=e.lineNumber,o=e.lineNumberStyle,a=e.largestLineNumber,i=e.showInlineLineNumbers,s=e.lineProps,l=s===void 0?{}:s,g=e.className,y=g===void 0?[]:g,p=e.showLineNumbers,u=e.wrapLongLines,m=typeof l=="function"?l(n):l;if(m.className=y,n&&i){var d=Ge(o,n,a);t.unshift(ze(n,d))}return u&p&&(m.style=N(N({},m.style),{},{display:"flex"})),{type:"element",tagName:"span",properties:m,children:t}}function Xe(e){for(var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[],o=0;o<e.length;o++){var a=e[o];if(a.type==="text")n.push(K({children:[a],className:le(new Set(t))}));else if(a.children){var i=t.concat(a.properties.className);Xe(a.children,i).forEach(function(s){return n.push(s)})}}return n}function Ot(e,t,n,o,a,i,s,l,g){var y,p=Xe(e.value),u=[],m=-1,d=0;function w(x,f){var h=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return K({children:x,lineNumber:f,lineNumberStyle:l,largestLineNumber:s,showInlineLineNumbers:a,lineProps:n,className:h,showLineNumbers:o,wrapLongLines:g})}function P(x,f){if(o&&f&&a){var h=Ge(l,f,s);x.unshift(ze(f,h))}return x}function L(x,f){var h=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return t||h.length>0?w(x,f,h):P(x,f)}for(var S=function(){var f=p[d],h=f.children[0].value,G=Lt(h);if(G){var k=h.split(`
 `);k.forEach(function(B,X){var j=o&&u.length+i,W={type:"text",value:"".concat(B,`
-`)};if(X===0){var q=p.slice(m+1,d).concat(K({children:[W],className:f.properties.className})),J=L(q,j);u.push(J)}else if(X===k.length-1){var U=p[d+1]&&p[d+1].children&&p[d+1].children[0],F={type:"text",value:"".concat(B)};if(U){var I=K({children:[F],className:f.properties.className});p.splice(d+1,0,I)}else{var A=[F],$=L(A,j,f.properties.className);u.push($)}}else{var V=[W],te=L(V,j,f.properties.className);u.push(te)}}),m=d}d++};d<p.length;)S();if(m!==p.length-1){var C=p.slice(m+1,p.length);if(C&&C.length){var O=o&&u.length+i,ee=L(C,O);u.push(ee)}}return t?u:(y=[]).concat.apply(y,u)}function jt(e){var t=e.rows,n=e.stylesheet,o=e.useInlineStyles;return t.map(function(a,i){return T({node:a,stylesheet:n,useInlineStyles:o,key:"code-segement".concat(i)})})}function qe(e){return e&&typeof e.highlightAuto<"u"}function At(e){var t=e.astGenerator,n=e.language,o=e.code,a=e.defaultCodeValue;if(qe(t)){var i=De(t,n);return n==="text"?{value:a,language:"text"}:i?t.highlight(n,o):t.highlightAuto(o)}try{return n&&n!=="text"?{value:t.highlight(o,n)}:{value:a}}catch{return{value:a}}}function Je(e,t){return function(o){var a=o.language,i=o.children,s=o.style,l=s===void 0?t:s,g=o.customStyle,y=g===void 0?{}:g,p=o.codeTagProps,u=p===void 0?{className:a?"language-".concat(a):void 0,style:N(N({},l['code[class*="language-"]']),l['code[class*="language-'.concat(a,'"]')])}:p,m=o.useInlineStyles,d=m===void 0?!0:m,w=o.showLineNumbers,P=w===void 0?!1:w,L=o.showInlineLineNumbers,S=L===void 0?!0:L,C=o.startingLineNumber,O=C===void 0?1:C,ee=o.lineNumberContainerStyle,x=o.lineNumberStyle,f=x===void 0?{}:x,h=o.wrapLines,G=o.wrapLongLines,k=G===void 0?!1:G,B=o.lineProps,X=B===void 0?{}:B,j=o.renderer,W=o.PreTag,q=W===void 0?"pre":W,J=o.CodeTag,U=J===void 0?"code":J,F=o.code,I=F===void 0?(Array.isArray(i)?i[0]:i)||"":F,A=o.astGenerator,$=ne(o,St);A=A||e;var V=P?E.createElement(Pt,{containerStyle:ee,codeStyle:u.style||{},numberStyle:f,startingLineNumber:O,codeString:I}):null,te=l.hljs||l['pre[class*="language-"]']||{backgroundColor:"#fff"},pe=qe(A)?"hljs":"prismjs",me=d?Object.assign({},$,{style:Object.assign({},te,y)}):Object.assign({},$,{className:$.className?"".concat(pe," ").concat($.className):pe,style:Object.assign({},y)});if(k?u.style=N(N({},u.style),{},{whiteSpace:"pre-wrap"}):u.style=N(N({},u.style),{},{whiteSpace:"pre"}),!A)return E.createElement(q,me,V,E.createElement(U,u,I));(h===void 0&&j||k)&&(h=!0),j=j||jt;var de=[{type:"text",value:I}],Y=At({astGenerator:A,language:a,code:I,defaultCodeValue:de});Y.language===null&&(Y.value=de);var tt=Y.value.length+O,nt=Ot(Y,h,X,P,S,O,tt,f,k);return E.createElement(q,me,E.createElement(U,u,!S&&V,j({rows:nt,stylesheet:l,useInlineStyles:d})))}}var Q=b(gt()),se=Je(Q.default,{});se.registerLanguage=function(e,t){return Q.default.register(t)};se.alias=function(e,t){return Q.default.alias(e,t)};var v=se;c();c();import Ue from"react";import{styled as Ve}from"@storybook/theming";var Tt=Ve.div(({theme:e})=>({position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:e.background.content,zIndex:1})),Ye=Ve.button(({theme:e})=>({margin:0,border:"0 none",padding:"4px 10px",cursor:"pointer",display:"flex",alignItems:"center",color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:"16px",fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:"4px 0 0 0","&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:"0 none"}}),({disabled:e})=>e&&{cursor:"not-allowed",opacity:.5});Ye.displayName="ActionButton";var Ke=({actionItems:e,...t})=>Ue.createElement(Tt,{...t},e.map(({title:n,className:o,onClick:a,disabled:i},s)=>Ue.createElement(Ye,{key:s,className:o,onClick:a,disabled:i},n)));c();import Z,{lazy as Qe,Suspense as Et}from"react";import{styled as kt}from"@storybook/theming";var It=Qe(()=>import("./GlobalScrollAreaStyles-WBHRRZDM.mjs")),$t=Qe(()=>import("./OverlayScrollbars-ZWHHW3B2.mjs")),Ht=({horizontal:e,vertical:t,...n})=>Z.createElement(Et,{fallback:Z.createElement("div",{...n})},Z.createElement(It,null),Z.createElement($t,{options:{scrollbars:{autoHide:"leave"}},...n})),ue=kt(Ht)(({vertical:e})=>e?{overflowY:"auto",height:"100%"}:{overflowY:"hidden"},({horizontal:e})=>e?{overflowX:"auto",width:"100%"}:{overflowX:"hidden"});ue.defaultProps={horizontal:!1,vertical:!1};var{navigator:Ze,document:M,window:Dt}=_e.default;v.registerLanguage("jsextra",Le);v.registerLanguage("jsx",he);v.registerLanguage("json",Pe);v.registerLanguage("yml",Ie);v.registerLanguage("md",Ee);v.registerLanguage("bash",ve);v.registerLanguage("css",Se);v.registerLanguage("html",Ae);v.registerLanguage("tsx",He);v.registerLanguage("typescript",Be);v.registerLanguage("graphql",Oe);var Mt=Ft(2)(e=>Object.entries(e.code||{}).reduce((t,[n,o])=>({...t,[`* .${n}`]:o}),{})),zt=Gt();function Gt(){return Ze?.clipboard?e=>Ze.clipboard.writeText(e):async e=>{let t=M.createElement("TEXTAREA"),n=M.activeElement;t.value=e,M.body.appendChild(t),t.select(),M.execCommand("copy"),M.body.removeChild(t),n.focus()}}var Xt=_.div(({theme:e})=>({position:"relative",overflow:"hidden",color:e.color.defaultText}),({theme:e,bordered:t})=>t?{border:`1px solid ${e.appBorderColor}`,borderRadius:e.borderRadius,background:e.background.content}:{},({showLineNumbers:e})=>e?{".react-syntax-highlighter-line-number::before":{content:"attr(data-line-number)"}}:{}),qt=({children:e,className:t})=>z.createElement(ue,{horizontal:!0,vertical:!0,className:t},e),Jt=_(qt)({position:"relative"},({theme:e})=>Mt(e)),Ut=_.pre(({theme:e,padded:t})=>({display:"flex",justifyContent:"flex-start",margin:0,padding:t?e.layoutMargin:0})),Vt=_.div(({theme:e})=>({flex:1,paddingLeft:2,paddingRight:e.layoutMargin,opacity:1})),et=e=>{let t=[...e.children],n=t[0],o=n.children[0].value,a={...n,children:[],properties:{...n.properties,"data-line-number":o,style:{...n.properties.style,userSelect:"auto"}}};return t[0]=a,{...e,children:t}},Yt=({rows:e,stylesheet:t,useInlineStyles:n})=>e.map((o,a)=>T({node:et(o),stylesheet:t,useInlineStyles:n,key:`code-segement${a}`})),Kt=(e,t)=>t?e?({rows:n,...o})=>e({rows:n.map(a=>et(a)),...o}):Yt:e,Qt=({children:e,language:t="jsx",copyable:n=!1,bordered:o=!1,padded:a=!1,format:i=!0,formatter:s=null,className:l=null,showLineNumbers:g=!1,...y})=>{if(typeof e!="string"||!e.trim())return null;let p=s?s(i,e):e.trim(),[u,m]=Bt(!1),d=Rt(P=>{P.preventDefault(),zt(p).then(()=>{m(!0),Dt.setTimeout(()=>m(!1),1500)}).catch(Wt.error)},[]),w=Kt(y.renderer,g);return z.createElement(Xt,{bordered:o,padded:a,showLineNumbers:g,className:l},z.createElement(Jt,null,z.createElement(v,{padded:a||o,language:t,showLineNumbers:g,showInlineLineNumbers:g,useInlineStyles:!1,PreTag:Ut,CodeTag:Vt,lineNumberContainerStyle:{},...y,renderer:w},p)),n?z.createElement(Ke,{actionItems:[{title:u?"Copied":"Copy",onClick:d}]}):null)},vo=Qt;export{Ke as a,ue as b,Gt as c,Qt as d,vo as e};
+`)};if(X===0){var q=p.slice(m+1,d).concat(K({children:[W],className:f.properties.className})),J=L(q,j);u.push(J)}else if(X===k.length-1){var U=p[d+1]&&p[d+1].children&&p[d+1].children[0],F={type:"text",value:"".concat(B)};if(U){var I=K({children:[F],className:f.properties.className});p.splice(d+1,0,I)}else{var A=[F],$=L(A,j,f.properties.className);u.push($)}}else{var V=[W],te=L(V,j,f.properties.className);u.push(te)}}),m=d}d++};d<p.length;)S();if(m!==p.length-1){var C=p.slice(m+1,p.length);if(C&&C.length){var O=o&&u.length+i,ee=L(C,O);u.push(ee)}}return t?u:(y=[]).concat.apply(y,u)}function jt(e){var t=e.rows,n=e.stylesheet,o=e.useInlineStyles;return t.map(function(a,i){return T({node:a,stylesheet:n,useInlineStyles:o,key:"code-segement".concat(i)})})}function qe(e){return e&&typeof e.highlightAuto<"u"}function At(e){var t=e.astGenerator,n=e.language,o=e.code,a=e.defaultCodeValue;if(qe(t)){var i=De(t,n);return n==="text"?{value:a,language:"text"}:i?t.highlight(n,o):t.highlightAuto(o)}try{return n&&n!=="text"?{value:t.highlight(o,n)}:{value:a}}catch{return{value:a}}}function Je(e,t){return function(o){var a=o.language,i=o.children,s=o.style,l=s===void 0?t:s,g=o.customStyle,y=g===void 0?{}:g,p=o.codeTagProps,u=p===void 0?{className:a?"language-".concat(a):void 0,style:N(N({},l['code[class*="language-"]']),l['code[class*="language-'.concat(a,'"]')])}:p,m=o.useInlineStyles,d=m===void 0?!0:m,w=o.showLineNumbers,P=w===void 0?!1:w,L=o.showInlineLineNumbers,S=L===void 0?!0:L,C=o.startingLineNumber,O=C===void 0?1:C,ee=o.lineNumberContainerStyle,x=o.lineNumberStyle,f=x===void 0?{}:x,h=o.wrapLines,G=o.wrapLongLines,k=G===void 0?!1:G,B=o.lineProps,X=B===void 0?{}:B,j=o.renderer,W=o.PreTag,q=W===void 0?"pre":W,J=o.CodeTag,U=J===void 0?"code":J,F=o.code,I=F===void 0?(Array.isArray(i)?i[0]:i)||"":F,A=o.astGenerator,$=ne(o,St);A=A||e;var V=P?E.createElement(Pt,{containerStyle:ee,codeStyle:u.style||{},numberStyle:f,startingLineNumber:O,codeString:I}):null,te=l.hljs||l['pre[class*="language-"]']||{backgroundColor:"#fff"},pe=qe(A)?"hljs":"prismjs",me=d?Object.assign({},$,{style:Object.assign({},te,y)}):Object.assign({},$,{className:$.className?"".concat(pe," ").concat($.className):pe,style:Object.assign({},y)});if(k?u.style=N(N({},u.style),{},{whiteSpace:"pre-wrap"}):u.style=N(N({},u.style),{},{whiteSpace:"pre"}),!A)return E.createElement(q,me,V,E.createElement(U,u,I));(h===void 0&&j||k)&&(h=!0),j=j||jt;var de=[{type:"text",value:I}],Y=At({astGenerator:A,language:a,code:I,defaultCodeValue:de});Y.language===null&&(Y.value=de);var tt=Y.value.length+O,nt=Ot(Y,h,X,P,S,O,tt,f,k);return E.createElement(q,me,E.createElement(U,u,!S&&V,j({rows:nt,stylesheet:l,useInlineStyles:d})))}}var Q=b(gt()),se=Je(Q.default,{});se.registerLanguage=function(e,t){return Q.default.register(t)};se.alias=function(e,t){return Q.default.alias(e,t)};var v=se;c();c();import Ue from"react";import{styled as Ve}from"@storybook/theming";var Tt=Ve.div(({theme:e})=>({position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:e.background.content,zIndex:1})),Ye=Ve.button(({theme:e})=>({margin:0,border:"0 none",padding:"4px 10px",cursor:"pointer",display:"flex",alignItems:"center",color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:"16px",fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:"4px 0 0 0","&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:"0 none"}}),({disabled:e})=>e&&{cursor:"not-allowed",opacity:.5});Ye.displayName="ActionButton";var Ke=({actionItems:e,...t})=>Ue.createElement(Tt,{...t},e.map(({title:n,className:o,onClick:a,disabled:i},s)=>Ue.createElement(Ye,{key:s,className:o,onClick:a,disabled:i},n)));c();import Z,{lazy as Qe,Suspense as Et}from"react";import{styled as kt}from"@storybook/theming";var It=Qe(()=>import("./GlobalScrollAreaStyles-WBHRRZDM.mjs")),$t=Qe(()=>import("./OverlayScrollbars-ZWHHW3B2.mjs")),Ht=({horizontal:e,vertical:t,...n})=>Z.createElement(Et,{fallback:Z.createElement("div",{...n})},Z.createElement(It,null),Z.createElement($t,{options:{scrollbars:{autoHide:"leave"}},...n})),ue=kt(Ht)(({vertical:e})=>e?{overflowY:"auto",height:"100%"}:{overflowY:"hidden"},({horizontal:e})=>e?{overflowX:"auto",width:"100%"}:{overflowX:"hidden"});ue.defaultProps={horizontal:!1,vertical:!1};var{navigator:Ze,document:M,window:Dt}=_e.default;v.registerLanguage("jsextra",Le);v.registerLanguage("jsx",he);v.registerLanguage("json",Pe);v.registerLanguage("yml",Ie);v.registerLanguage("md",Ee);v.registerLanguage("bash",ve);v.registerLanguage("css",Se);v.registerLanguage("html",Ae);v.registerLanguage("tsx",He);v.registerLanguage("typescript",Be);v.registerLanguage("graphql",Oe);var Mt=Ft(2)(e=>Object.entries(e.code||{}).reduce((t,[n,o])=>({...t,[`* .${n}`]:o}),{})),zt=Gt();function Gt(){return Ze?.clipboard?e=>Ze.clipboard.writeText(e):async e=>{let t=M.createElement("TEXTAREA"),n=M.activeElement;t.value=e,M.body.appendChild(t),t.select(),M.execCommand("copy"),M.body.removeChild(t),n.focus()}}var Xt=_.div(({theme:e})=>({position:"relative",overflow:"hidden",color:e.color.defaultText}),({theme:e,bordered:t})=>t?{border:`1px solid ${e.appBorderColor}`,borderRadius:e.borderRadius,background:e.background.content}:{},({showLineNumbers:e})=>e?{".react-syntax-highlighter-line-number::before":{content:"attr(data-line-number)"}}:{}),qt=({children:e,className:t})=>z.createElement(ue,{horizontal:!0,vertical:!0,className:t},e),Jt=_(qt)({position:"relative"},({theme:e})=>Mt(e)),Ut=_.pre(({theme:e,padded:t})=>({display:"flex",justifyContent:"flex-start",margin:0,padding:t?e.layoutMargin:0})),Vt=_.div(({theme:e})=>({flex:1,paddingLeft:2,paddingRight:e.layoutMargin,opacity:1})),et=e=>{let t=[...e.children],n=t[0],o=n.children[0].value,a={...n,children:[],properties:{...n.properties,"data-line-number":o,style:{...n.properties.style,userSelect:"auto"}}};return t[0]=a,{...e,children:t}},Yt=({rows:e,stylesheet:t,useInlineStyles:n})=>e.map((o,a)=>T({node:et(o),stylesheet:t,useInlineStyles:n,key:`code-segement${a}`})),Kt=(e,t)=>t?e?({rows:n,...o})=>e({rows:n.map(a=>et(a)),...o}):Yt:e,Qt=({children:e,language:t="jsx",copyable:n=!1,bordered:o=!1,padded:a=!1,format:i=!0,formatter:s=null,className:l=null,showLineNumbers:g=!1,...y})=>{if(typeof e!="string"||!e.trim())return null;let p=s?s(i,e):e.trim(),[u,m]=Bt(!1),d=Rt(P=>{P.preventDefault(),zt(p).then(()=>{m(!0),Dt.setTimeout(()=>m(!1),1500)}).catch(Wt.error)},[p]),w=Kt(y.renderer,g);return z.createElement(Xt,{bordered:o,padded:a,showLineNumbers:g,className:l},z.createElement(Jt,null,z.createElement(v,{padded:a||o,language:t,showLineNumbers:g,showInlineLineNumbers:g,useInlineStyles:!1,PreTag:Ut,CodeTag:Vt,lineNumberContainerStyle:{},...y,renderer:w},p)),n?z.createElement(Ke,{actionItems:[{title:u?"Copied":"Copy",onClick:d}]}):null)},vo=Qt;export{Ke as a,ue as b,Gt as c,Qt as d,vo as e};