@storybook/addon-interactions 7.0.0-alpha.42 → 7.0.0-alpha.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/manager.js +3 -3
- package/dist/manager.mjs +3 -3
- package/dist/preset/preview.d.ts +3 -3
- package/dist/preset/preview.js +1 -1
- package/package.json +11 -11
package/dist/manager.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Vt=Object.create;var pt=Object.defineProperty;var Jt=Object.getOwnPropertyDescriptor;var Xt=Object.getOwnPropertyNames;var Yt=Object.getPrototypeOf,Zt=Object.prototype.hasOwnProperty;var Ut=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of Xt(o))!Zt.call(t,a)&&a!==e&&pt(t,a,{get:()=>o[a],enumerable:!(r=Jt(o,a))||r.enumerable});return t};var T=(t,o,e)=>(e=t!=null?Vt(Yt(t)):{},Ut(o||!t||!t.__esModule?pt(e,"default",{value:t,enumerable:!0}):e,t));var H=require("@storybook/addons");var ot="storybook/interactions",dt=`${ot}/panel`;var U=T(require("global")),i=T(require("react")),q=require("@storybook/api"),O=require("@storybook/core-events"),x=require("@storybook/instrumenter");var C=T(require("react")),F=require("@storybook/components"),Z=require("@storybook/instrumenter"),$=require("@storybook/theming"),vt=require("polished");var c=T(require("react")),g=require("@storybook/components"),ft=require("@storybook/instrumenter"),E=require("@storybook/theming");var ut=T(require("react")),v=require("@storybook/instrumenter"),M=require("@storybook/theming"),qt=M.styled.div(({theme:t,status:o})=>{let e={[v.CallStates.DONE]:t.color.positive,[v.CallStates.ERROR]:t.color.negative,[v.CallStates.ACTIVE]:t.color.warning,[v.CallStates.WAITING]:t.color.warning}[o];return{padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor:e,color:"white",fontFamily:M.typography.fonts.base,textTransform:"uppercase",fontSize:M.typography.size.s1,letterSpacing:3,fontWeight:M.typography.weight.bold,width:65,textAlign:"center"}}),gt=({status:t})=>{let o={[v.CallStates.DONE]:"Pass",[v.CallStates.ERROR]:"Fail",[v.CallStates.ACTIVE]:"Runs",[v.CallStates.WAITING]:"Runs"}[t];return ut.default.createElement(qt,{status:t},o)};var Kt=E.styled.div(({theme:t})=>({background:t.background.app,borderBottom:`1px solid ${t.appBorderColor}`,position:"sticky",top:0,zIndex:1})),Qt=E.styled.nav(({theme:t})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),to=(0,E.styled)(g.Button)(({theme:t})=>({borderRadius:4,padding:6,color:t.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:t.color.secondary}}})),j=(0,E.styled)(g.TooltipNote)(({theme:t})=>({fontFamily:t.typography.fonts.base})),W=(0,E.styled)(g.IconButton)(({theme:t})=>({color:t.textMutedColor,margin:"0 3px"})),oo=(0,E.styled)(g.Separator)({marginTop:0}),eo=(0,E.styled)(g.P)(({theme:t})=>({color:t.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),mt=E.styled.div({display:"flex",alignItems:"center"}),no=(0,E.styled)(W)({marginLeft:9}),ro=(0,E.styled)(to)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),so=(0,E.styled)(W)(({theme:t,animating:o,disabled:e})=>({opacity:e?.5:1,svg:{animation:o&&`${t.animation.rotate360} 200ms ease-out`}})),yt=({controls:t,controlStates:o,status:e,storyFileName:r,onScrollToEnd:a,isRerunAnimating:l,setIsRerunAnimating:s})=>{let d=e===ft.CallStates.ERROR?"Scroll to error":"Scroll to end";return c.default.createElement(Kt,null,c.default.createElement(g.Bar,null,c.default.createElement(Qt,null,c.default.createElement(mt,null,c.default.createElement(gt,{status:e}),c.default.createElement(ro,{onClick:a,disabled:!a},d),c.default.createElement(oo,null),c.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:c.default.createElement(j,{note:"Go to start"})},c.default.createElement(no,{"aria-label":"Go to start",containsIcon:!0,onClick:t.start,disabled:!o.start},c.default.createElement(g.Icons,{icon:"rewind"}))),c.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:c.default.createElement(j,{note:"Go back"})},c.default.createElement(W,{"aria-label":"Go back",containsIcon:!0,onClick:t.back,disabled:!o.back},c.default.createElement(g.Icons,{icon:"playback"}))),c.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:c.default.createElement(j,{note:"Go forward"})},c.default.createElement(W,{"aria-label":"Go forward",containsIcon:!0,onClick:t.next,disabled:!o.next},c.default.createElement(g.Icons,{icon:"playnext"}))),c.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:c.default.createElement(j,{note:"Go to end"})},c.default.createElement(W,{"aria-label":"Go to end",containsIcon:!0,onClick:t.end,disabled:!o.end},c.default.createElement(g.Icons,{icon:"fastforward"}))),c.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:c.default.createElement(j,{note:"Rerun"})},c.default.createElement(so,{"aria-label":"Rerun",containsIcon:!0,onClick:t.rerun,onAnimationEnd:()=>s(!1),animating:l,disabled:l},c.default.createElement(g.Icons,{icon:"sync"})))),r&&c.default.createElement(mt,null,c.default.createElement(eo,null,r)))))};var y=T(require("react")),P=require("@storybook/components"),B=require("@storybook/instrumenter"),I=require("@storybook/theming"),Tt=require("polished");var u=T(require("react")),z=require("@storybook/theming");var Ct=require("@devtools-ds/object-inspector"),J=require("@storybook/theming"),n=T(require("react")),ao={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},lo={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},b=()=>{let{base:t}=(0,J.useTheme)();return t==="dark"?lo:ao},io=/[^A-Z0-9]/i,bt=/[\s.,…]+$/gm,ht=(t,o)=>{if(t.length<=o)return t;for(let e=o-1;e>=0;e-=1)if(io.test(t[e])&&e>10)return`${t.slice(0,e).replace(bt,"")}\u2026`;return`${t.slice(0,o).replace(bt,"")}\u2026`},co=t=>{try{return JSON.stringify(t,null,1)}catch{return String(t)}},St=(t,o)=>t.flatMap((e,r)=>r===t.length-1?[e]:[e,n.default.cloneElement(o,{key:`sep${r}`})]),N=({value:t,nested:o,showObjectInspector:e,callsById:r,...a})=>{switch(!0){case t===null:return n.default.createElement(po,{...a});case t===void 0:return n.default.createElement(uo,{...a});case Array.isArray(t):return n.default.createElement(yo,{...a,value:t,callsById:r});case typeof t=="string":return n.default.createElement(go,{...a,value:t});case typeof t=="number":return n.default.createElement(mo,{...a,value:t});case typeof t=="boolean":return n.default.createElement(fo,{...a,value:t});case Object.prototype.hasOwnProperty.call(t,"__date__"):return n.default.createElement(Io,{...a,...t.__date__});case Object.prototype.hasOwnProperty.call(t,"__error__"):return n.default.createElement(xo,{...a,...t.__error__});case Object.prototype.hasOwnProperty.call(t,"__regexp__"):return n.default.createElement(Eo,{...a,...t.__regexp__});case Object.prototype.hasOwnProperty.call(t,"__function__"):return n.default.createElement(ho,{...a,...t.__function__});case Object.prototype.hasOwnProperty.call(t,"__symbol__"):return n.default.createElement(_o,{...a,...t.__symbol__});case Object.prototype.hasOwnProperty.call(t,"__element__"):return n.default.createElement(So,{...a,...t.__element__});case Object.prototype.hasOwnProperty.call(t,"__class__"):return n.default.createElement(Co,{...a,...t.__class__});case Object.prototype.hasOwnProperty.call(t,"__callId__"):return n.default.createElement(X,{call:r.get(t.__callId__),callsById:r});case Object.prototype.toString.call(t)==="[object Object]":return n.default.createElement(bo,{value:t,showInspector:e,...a});default:return n.default.createElement(ko,{value:t,...a})}},po=t=>{let o=b();return n.default.createElement("span",{style:{color:o.nullish},...t},"null")},uo=t=>{let o=b();return n.default.createElement("span",{style:{color:o.nullish},...t},"undefined")},go=({value:t,...o})=>{let e=b();return n.default.createElement("span",{style:{color:e.string},...o},JSON.stringify(ht(t,50)))},mo=({value:t,...o})=>{let e=b();return n.default.createElement("span",{style:{color:e.number},...o},t)},fo=({value:t,...o})=>{let e=b();return n.default.createElement("span",{style:{color:e.boolean},...o},String(t))},yo=({value:t,nested:o=!1,callsById:e})=>{let r=b();if(o)return n.default.createElement("span",{style:{color:r.base}},"[\u2026]");let a=t.slice(0,3).map(s=>n.default.createElement(N,{key:JSON.stringify(s),value:s,nested:!0,callsById:e})),l=St(a,n.default.createElement("span",null,", "));return t.length<=3?n.default.createElement("span",{style:{color:r.base}},"[",l,"]"):n.default.createElement("span",{style:{color:r.base}},"(",t.length,") [",l,", \u2026]")},bo=({showInspector:t,value:o,nested:e=!1})=>{let r=(0,J.useTheme)().base==="dark",a=b();if(t)return n.default.createElement(n.default.Fragment,null,n.default.createElement(Ct.ObjectInspector,{id:"interactions-object-inspector",data:o,includePrototypes:!1,colorScheme:r?"dark":"light"}));if(e)return n.default.createElement("span",{style:{color:a.base}},"{\u2026}");let l=St(Object.entries(o).slice(0,2).map(([s,d])=>n.default.createElement(n.Fragment,{key:s},n.default.createElement("span",{style:{color:a.objectkey}},s,": "),n.default.createElement(N,{value:d,nested:!0}))),n.default.createElement("span",null,", "));return Object.keys(o).length<=2?n.default.createElement("span",{style:{color:a.base}},"{ ",l," }"):n.default.createElement("span",{style:{color:a.base}},"(",Object.keys(o).length,") ","{ ",l,", \u2026 }")},Co=({name:t})=>{let o=b();return n.default.createElement("span",{style:{color:o.instance}},t)},ho=({name:t})=>{let o=b();return t?n.default.createElement("span",{style:{color:o.function}},t):n.default.createElement("span",{style:{color:o.nullish,fontStyle:"italic"}},"anonymous")},So=({prefix:t,localName:o,id:e,classNames:r=[],innerText:a})=>{let l=t?`${t}:${o}`:o,s=b();return n.default.createElement("span",{style:{wordBreak:"keep-all"}},n.default.createElement("span",{key:`${l}_lt`,style:{color:s.muted}},"<"),n.default.createElement("span",{key:`${l}_tag`,style:{color:s.tag.name}},l),n.default.createElement("span",{key:`${l}_suffix`,style:{color:s.tag.suffix}},e?`#${e}`:r.reduce((d,f)=>`${d}.${f}`,"")),n.default.createElement("span",{key:`${l}_gt`,style:{color:s.muted}},">"),!e&&r.length===0&&a&&n.default.createElement(n.default.Fragment,null,n.default.createElement("span",{key:`${l}_text`},a),n.default.createElement("span",{key:`${l}_close_lt`,style:{color:s.muted}},"<"),n.default.createElement("span",{key:`${l}_close_tag`,style:{color:s.tag.name}},"/",l),n.default.createElement("span",{key:`${l}_close_gt`,style:{color:s.muted}},">")))},Io=({value:t})=>{let[o,e,r]=t.split(/[T.Z]/),a=b();return n.default.createElement("span",{style:{whiteSpace:"nowrap",color:a.date}},o,n.default.createElement("span",{style:{opacity:.7}},"T"),e==="00:00:00"?n.default.createElement("span",{style:{opacity:.7}},e):e,r==="000"?n.default.createElement("span",{style:{opacity:.7}},".",r):`.${r}`,n.default.createElement("span",{style:{opacity:.7}},"Z"))},xo=({name:t,message:o})=>{let e=b();return n.default.createElement("span",{style:{color:e.error.name}},t,o&&": ",o&&n.default.createElement("span",{style:{color:e.error.message},title:o.length>50?o:""},ht(o,50)))},Eo=({flags:t,source:o})=>{let e=b();return n.default.createElement("span",{style:{whiteSpace:"nowrap",color:e.regex.flags}},"/",n.default.createElement("span",{style:{color:e.regex.source}},o),"/",t)},_o=({description:t})=>{let o=b();return n.default.createElement("span",{style:{whiteSpace:"nowrap",color:o.instance}},"Symbol(",t&&n.default.createElement("span",{style:{color:o.meta}},'"',t,'"'),")")},ko=({value:t})=>{let o=b();return n.default.createElement("span",{style:{color:o.meta}},co(t))},wo=({label:t})=>{let o=b(),{typography:e}=(0,J.useTheme)();return n.default.createElement("span",{style:{color:o.base,fontFamily:e.fonts.base,fontSize:e.size.s2-1}},t)},X=({call:t,callsById:o})=>{if(!t)return null;if(t.method==="step"&&t.path.length===0)return n.default.createElement(wo,{label:t.args[0]});let e=t.path.flatMap((l,s)=>{let d=l.__callId__;return[d?n.default.createElement(X,{key:`elem${s}`,call:o.get(d),callsById:o}):n.default.createElement("span",{key:`elem${s}`},l),n.default.createElement("wbr",{key:`wbr${s}`}),n.default.createElement("span",{key:`dot${s}`},".")]}),r=t.args.flatMap((l,s,d)=>{let f=n.default.createElement(N,{key:`node${s}`,value:l,callsById:o});return s<d.length-1?[f,n.default.createElement("span",{key:`comma${s}`},",\xA0"),n.default.createElement("wbr",{key:`wbr${s}`})]:[f]}),a=b();return n.default.createElement(n.default.Fragment,null,n.default.createElement("span",{style:{color:a.base}},e),n.default.createElement("span",{style:{color:a.method}},t.method),n.default.createElement("span",{style:{color:a.base}},"(",n.default.createElement("wbr",null),r,n.default.createElement("wbr",null),")"))};var It=(t,o=0)=>{for(let e=o,r=1;e<t.length;e+=1)if(t[e]==="("?r+=1:t[e]===")"&&(r-=1),r===0)return t.slice(o,e);return""},et=t=>{try{return t==="undefined"?void 0:JSON.parse(t)}catch{return t}},Ao=z.styled.span(({theme:t})=>({color:t.base==="light"?t.color.positiveText:t.color.positive})),To=z.styled.span(({theme:t})=>({color:t.base==="light"?t.color.negativeText:t.color.negative})),nt=({value:t,parsed:o})=>o?u.default.createElement(N,{showObjectInspector:!0,value:t,style:{color:"#D43900"}}):u.default.createElement(To,null,t),rt=({value:t,parsed:o})=>o?typeof t=="string"&&t.startsWith("called with")?u.default.createElement(u.default.Fragment,null,t):u.default.createElement(N,{showObjectInspector:!0,value:t,style:{color:"#16B242"}}):u.default.createElement(Ao,null,t),xt=({message:t})=>{let o=t.split(`
|
|
2
|
-
`);return u.default.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:
|
|
1
|
+
var Vt=Object.create;var pt=Object.defineProperty;var Jt=Object.getOwnPropertyDescriptor;var Xt=Object.getOwnPropertyNames;var Yt=Object.getPrototypeOf,Zt=Object.prototype.hasOwnProperty;var Ut=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of Xt(o))!Zt.call(t,s)&&s!==e&&pt(t,s,{get:()=>o[s],enumerable:!(r=Jt(o,s))||r.enumerable});return t};var A=(t,o,e)=>(e=t!=null?Vt(Yt(t)):{},Ut(o||!t||!t.__esModule?pt(e,"default",{value:t,enumerable:!0}):e,t));var R=require("@storybook/addons");var et="storybook/interactions",dt=`${et}/panel`;var U=A(require("global")),i=A(require("react")),q=require("@storybook/api"),T=require("@storybook/core-events"),I=require("@storybook/instrumenter");var C=A(require("react")),L=require("@storybook/components"),Z=require("@storybook/instrumenter"),D=require("@storybook/theming"),vt=require("polished");var p=A(require("react")),g=require("@storybook/components"),yt=require("@storybook/instrumenter"),_=require("@storybook/theming");var ut=A(require("react")),v=require("@storybook/instrumenter"),F=require("@storybook/theming"),qt=F.styled.div(({theme:t,status:o})=>{let e={[v.CallStates.DONE]:t.color.positive,[v.CallStates.ERROR]:t.color.negative,[v.CallStates.ACTIVE]:t.color.warning,[v.CallStates.WAITING]:t.color.warning}[o];return{padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor:e,color:"white",fontFamily:F.typography.fonts.base,textTransform:"uppercase",fontSize:F.typography.size.s1,letterSpacing:3,fontWeight:F.typography.weight.bold,width:65,textAlign:"center"}}),gt=({status:t})=>{let o={[v.CallStates.DONE]:"Pass",[v.CallStates.ERROR]:"Fail",[v.CallStates.ACTIVE]:"Runs",[v.CallStates.WAITING]:"Runs"}[t];return ut.default.createElement(qt,{status:t},o)};var Kt=_.styled.div(({theme:t})=>({background:t.background.app,borderBottom:`1px solid ${t.appBorderColor}`,position:"sticky",top:0,zIndex:1})),Qt=_.styled.nav(({theme:t})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),to=(0,_.styled)(g.Button)(({theme:t})=>({borderRadius:4,padding:6,color:t.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:t.color.secondary}}})),W=(0,_.styled)(g.TooltipNote)(({theme:t})=>({fontFamily:t.typography.fonts.base})),z=(0,_.styled)(g.IconButton)(({theme:t})=>({color:t.textMutedColor,margin:"0 3px"})),oo=(0,_.styled)(g.Separator)({marginTop:0}),eo=(0,_.styled)(g.P)(({theme:t})=>({color:t.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),mt=_.styled.div({display:"flex",alignItems:"center"}),no=(0,_.styled)(z)({marginLeft:9}),ro=(0,_.styled)(to)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),so=(0,_.styled)(z)(({theme:t,animating:o,disabled:e})=>({opacity:e?.5:1,svg:{animation:o&&`${t.animation.rotate360} 200ms ease-out`}})),ft=({controls:t,controlStates:o,status:e,storyFileName:r,onScrollToEnd:s,isRerunAnimating:l,setIsRerunAnimating:a})=>{let c=e===yt.CallStates.ERROR?"Scroll to error":"Scroll to end";return p.default.createElement(Kt,null,p.default.createElement(g.Bar,null,p.default.createElement(Qt,null,p.default.createElement(mt,null,p.default.createElement(gt,{status:e}),p.default.createElement(ro,{onClick:s,disabled:!s},c),p.default.createElement(oo,null),p.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:p.default.createElement(W,{note:"Go to start"})},p.default.createElement(no,{"aria-label":"Go to start",containsIcon:!0,onClick:t.start,disabled:!o.start},p.default.createElement(g.Icons,{icon:"rewind"}))),p.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:p.default.createElement(W,{note:"Go back"})},p.default.createElement(z,{"aria-label":"Go back",containsIcon:!0,onClick:t.back,disabled:!o.back},p.default.createElement(g.Icons,{icon:"playback"}))),p.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:p.default.createElement(W,{note:"Go forward"})},p.default.createElement(z,{"aria-label":"Go forward",containsIcon:!0,onClick:t.next,disabled:!o.next},p.default.createElement(g.Icons,{icon:"playnext"}))),p.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:p.default.createElement(W,{note:"Go to end"})},p.default.createElement(z,{"aria-label":"Go to end",containsIcon:!0,onClick:t.end,disabled:!o.end},p.default.createElement(g.Icons,{icon:"fastforward"}))),p.default.createElement(g.WithTooltip,{hasChrome:!1,tooltip:p.default.createElement(W,{note:"Rerun"})},p.default.createElement(so,{"aria-label":"Rerun",containsIcon:!0,onClick:t.rerun,onAnimationEnd:()=>a(!1),animating:l,disabled:l},p.default.createElement(g.Icons,{icon:"sync"})))),r&&p.default.createElement(mt,null,p.default.createElement(eo,null,r)))))};var f=A(require("react")),P=require("@storybook/components"),B=require("@storybook/instrumenter"),S=require("@storybook/theming"),Tt=require("polished");var u=A(require("react")),H=require("@storybook/theming");var Ct=require("@devtools-ds/object-inspector"),J=require("@storybook/theming"),n=A(require("react")),ao={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},lo={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},b=()=>{let{base:t}=(0,J.useTheme)();return t==="dark"?lo:ao},io=/[^A-Z0-9]/i,bt=/[\s.,…]+$/gm,ht=(t,o)=>{if(t.length<=o)return t;for(let e=o-1;e>=0;e-=1)if(io.test(t[e])&&e>10)return`${t.slice(0,e).replace(bt,"")}\u2026`;return`${t.slice(0,o).replace(bt,"")}\u2026`},co=t=>{try{return JSON.stringify(t,null,1)}catch{return String(t)}},St=(t,o)=>t.flatMap((e,r)=>r===t.length-1?[e]:[e,n.default.cloneElement(o,{key:`sep${r}`})]),N=({value:t,nested:o,showObjectInspector:e,callsById:r,...s})=>{switch(!0){case t===null:return n.default.createElement(po,{...s});case t===void 0:return n.default.createElement(uo,{...s});case Array.isArray(t):return n.default.createElement(fo,{...s,value:t,callsById:r});case typeof t=="string":return n.default.createElement(go,{...s,value:t});case typeof t=="number":return n.default.createElement(mo,{...s,value:t});case typeof t=="boolean":return n.default.createElement(yo,{...s,value:t});case Object.prototype.hasOwnProperty.call(t,"__date__"):return n.default.createElement(Io,{...s,...t.__date__});case Object.prototype.hasOwnProperty.call(t,"__error__"):return n.default.createElement(xo,{...s,...t.__error__});case Object.prototype.hasOwnProperty.call(t,"__regexp__"):return n.default.createElement(Eo,{...s,...t.__regexp__});case Object.prototype.hasOwnProperty.call(t,"__function__"):return n.default.createElement(ho,{...s,...t.__function__});case Object.prototype.hasOwnProperty.call(t,"__symbol__"):return n.default.createElement(_o,{...s,...t.__symbol__});case Object.prototype.hasOwnProperty.call(t,"__element__"):return n.default.createElement(So,{...s,...t.__element__});case Object.prototype.hasOwnProperty.call(t,"__class__"):return n.default.createElement(Co,{...s,...t.__class__});case Object.prototype.hasOwnProperty.call(t,"__callId__"):return n.default.createElement(X,{call:r.get(t.__callId__),callsById:r});case Object.prototype.toString.call(t)==="[object Object]":return n.default.createElement(bo,{value:t,showInspector:e,...s});default:return n.default.createElement(ko,{value:t,...s})}},po=t=>{let o=b();return n.default.createElement("span",{style:{color:o.nullish},...t},"null")},uo=t=>{let o=b();return n.default.createElement("span",{style:{color:o.nullish},...t},"undefined")},go=({value:t,...o})=>{let e=b();return n.default.createElement("span",{style:{color:e.string},...o},JSON.stringify(ht(t,50)))},mo=({value:t,...o})=>{let e=b();return n.default.createElement("span",{style:{color:e.number},...o},t)},yo=({value:t,...o})=>{let e=b();return n.default.createElement("span",{style:{color:e.boolean},...o},String(t))},fo=({value:t,nested:o=!1,callsById:e})=>{let r=b();if(o)return n.default.createElement("span",{style:{color:r.base}},"[\u2026]");let s=t.slice(0,3).map(a=>n.default.createElement(N,{key:JSON.stringify(a),value:a,nested:!0,callsById:e})),l=St(s,n.default.createElement("span",null,", "));return t.length<=3?n.default.createElement("span",{style:{color:r.base}},"[",l,"]"):n.default.createElement("span",{style:{color:r.base}},"(",t.length,") [",l,", \u2026]")},bo=({showInspector:t,value:o,nested:e=!1})=>{let r=(0,J.useTheme)().base==="dark",s=b();if(t)return n.default.createElement(n.default.Fragment,null,n.default.createElement(Ct.ObjectInspector,{id:"interactions-object-inspector",data:o,includePrototypes:!1,colorScheme:r?"dark":"light"}));if(e)return n.default.createElement("span",{style:{color:s.base}},"{\u2026}");let l=St(Object.entries(o).slice(0,2).map(([a,c])=>n.default.createElement(n.Fragment,{key:a},n.default.createElement("span",{style:{color:s.objectkey}},a,": "),n.default.createElement(N,{value:c,nested:!0}))),n.default.createElement("span",null,", "));return Object.keys(o).length<=2?n.default.createElement("span",{style:{color:s.base}},"{ ",l," }"):n.default.createElement("span",{style:{color:s.base}},"(",Object.keys(o).length,") ","{ ",l,", \u2026 }")},Co=({name:t})=>{let o=b();return n.default.createElement("span",{style:{color:o.instance}},t)},ho=({name:t})=>{let o=b();return t?n.default.createElement("span",{style:{color:o.function}},t):n.default.createElement("span",{style:{color:o.nullish,fontStyle:"italic"}},"anonymous")},So=({prefix:t,localName:o,id:e,classNames:r=[],innerText:s})=>{let l=t?`${t}:${o}`:o,a=b();return n.default.createElement("span",{style:{wordBreak:"keep-all"}},n.default.createElement("span",{key:`${l}_lt`,style:{color:a.muted}},"<"),n.default.createElement("span",{key:`${l}_tag`,style:{color:a.tag.name}},l),n.default.createElement("span",{key:`${l}_suffix`,style:{color:a.tag.suffix}},e?`#${e}`:r.reduce((c,y)=>`${c}.${y}`,"")),n.default.createElement("span",{key:`${l}_gt`,style:{color:a.muted}},">"),!e&&r.length===0&&s&&n.default.createElement(n.default.Fragment,null,n.default.createElement("span",{key:`${l}_text`},s),n.default.createElement("span",{key:`${l}_close_lt`,style:{color:a.muted}},"<"),n.default.createElement("span",{key:`${l}_close_tag`,style:{color:a.tag.name}},"/",l),n.default.createElement("span",{key:`${l}_close_gt`,style:{color:a.muted}},">")))},Io=({value:t})=>{let[o,e,r]=t.split(/[T.Z]/),s=b();return n.default.createElement("span",{style:{whiteSpace:"nowrap",color:s.date}},o,n.default.createElement("span",{style:{opacity:.7}},"T"),e==="00:00:00"?n.default.createElement("span",{style:{opacity:.7}},e):e,r==="000"?n.default.createElement("span",{style:{opacity:.7}},".",r):`.${r}`,n.default.createElement("span",{style:{opacity:.7}},"Z"))},xo=({name:t,message:o})=>{let e=b();return n.default.createElement("span",{style:{color:e.error.name}},t,o&&": ",o&&n.default.createElement("span",{style:{color:e.error.message},title:o.length>50?o:""},ht(o,50)))},Eo=({flags:t,source:o})=>{let e=b();return n.default.createElement("span",{style:{whiteSpace:"nowrap",color:e.regex.flags}},"/",n.default.createElement("span",{style:{color:e.regex.source}},o),"/",t)},_o=({description:t})=>{let o=b();return n.default.createElement("span",{style:{whiteSpace:"nowrap",color:o.instance}},"Symbol(",t&&n.default.createElement("span",{style:{color:o.meta}},'"',t,'"'),")")},ko=({value:t})=>{let o=b();return n.default.createElement("span",{style:{color:o.meta}},co(t))},wo=({label:t})=>{let o=b(),{typography:e}=(0,J.useTheme)();return n.default.createElement("span",{style:{color:o.base,fontFamily:e.fonts.base,fontSize:e.size.s2-1}},t)},X=({call:t,callsById:o})=>{if(!t)return null;if(t.method==="step"&&t.path.length===0)return n.default.createElement(wo,{label:t.args[0]});let e=t.path.flatMap((l,a)=>{let c=l.__callId__;return[c?n.default.createElement(X,{key:`elem${a}`,call:o.get(c),callsById:o}):n.default.createElement("span",{key:`elem${a}`},l),n.default.createElement("wbr",{key:`wbr${a}`}),n.default.createElement("span",{key:`dot${a}`},".")]}),r=t.args.flatMap((l,a,c)=>{let y=n.default.createElement(N,{key:`node${a}`,value:l,callsById:o});return a<c.length-1?[y,n.default.createElement("span",{key:`comma${a}`},",\xA0"),n.default.createElement("wbr",{key:`wbr${a}`})]:[y]}),s=b();return n.default.createElement(n.default.Fragment,null,n.default.createElement("span",{style:{color:s.base}},e),n.default.createElement("span",{style:{color:s.method}},t.method),n.default.createElement("span",{style:{color:s.base}},"(",n.default.createElement("wbr",null),r,n.default.createElement("wbr",null),")"))};var It=(t,o=0)=>{for(let e=o,r=1;e<t.length;e+=1)if(t[e]==="("?r+=1:t[e]===")"&&(r-=1),r===0)return t.slice(o,e);return""},nt=t=>{try{return t==="undefined"?void 0:JSON.parse(t)}catch{return t}},Ao=H.styled.span(({theme:t})=>({color:t.base==="light"?t.color.positiveText:t.color.positive})),To=H.styled.span(({theme:t})=>({color:t.base==="light"?t.color.negativeText:t.color.negative})),rt=({value:t,parsed:o})=>o?u.default.createElement(N,{showObjectInspector:!0,value:t,style:{color:"#D43900"}}):u.default.createElement(To,null,t),st=({value:t,parsed:o})=>o?typeof t=="string"&&t.startsWith("called with")?u.default.createElement(u.default.Fragment,null,t):u.default.createElement(N,{showObjectInspector:!0,value:t,style:{color:"#16B242"}}):u.default.createElement(Ao,null,t),xt=({message:t})=>{let o=t.split(`
|
|
2
|
+
`);return u.default.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:H.typography.size.s1}},o.flatMap((e,r)=>{if(e.startsWith("expect(")){let m=It(e,7),h=m&&7+m.length,x=m&&e.slice(h).match(/\.(to|last|nth)[A-Z]\w+\(/);if(x){let E=h+x.index+x[0].length,k=It(e,E);if(k)return["expect(",u.default.createElement(rt,{key:`received_${m}`,value:m}),e.slice(h,E),u.default.createElement(st,{key:`expected_${k}`,value:k}),e.slice(E+k.length),u.default.createElement("br",{key:`br${r}`})]}}if(e.match(/^\s*- /))return[u.default.createElement(st,{key:e+r,value:e}),u.default.createElement("br",{key:`br${r}`})];if(e.match(/^\s*\+ /))return[u.default.createElement(rt,{key:e+r,value:e}),u.default.createElement("br",{key:`br${r}`})];let[,s,l]=e.match(/^(Expected|Received): (.*)$/)||[];if(s&&l)return s==="Expected"?["Expected: ",u.default.createElement(st,{key:e+r,value:nt(l),parsed:!0}),u.default.createElement("br",{key:`br${r}`})]:["Received: ",u.default.createElement(rt,{key:e+r,value:nt(l),parsed:!0}),u.default.createElement("br",{key:`br${r}`})];let[,a,c]=e.match(/(Expected number|Received number|Number) of calls: (\d+)$/i)||[];if(a&&c)return[`${a} of calls: `,u.default.createElement(N,{key:e+r,value:Number(c)}),u.default.createElement("br",{key:`br${r}`})];let[,y]=e.match(/^Received has value: (.+)$/)||[];return y?["Received has value: ",u.default.createElement(N,{key:e+r,value:nt(y)}),u.default.createElement("br",{key:`br${r}`})]:[u.default.createElement("span",{key:e+r},e),u.default.createElement("br",{key:`br${r}`})]}))};var _t=A(require("react")),kt=require("@storybook/components"),w=require("@storybook/instrumenter"),wt=require("@storybook/theming"),At=require("polished");var Oo={pure:{gray:{500:"#CCCCCC"}}},vo={colors:Oo},Et=vo;var{colors:{pure:{gray:No}}}=Et,Bo=(0,wt.styled)(kt.Icons)(({theme:t,status:o})=>{let e={[w.CallStates.DONE]:t.color.positive,[w.CallStates.ERROR]:t.color.negative,[w.CallStates.ACTIVE]:t.color.secondary,[w.CallStates.WAITING]:(0,At.transparentize)(.5,No[500])}[o];return{width:o===w.CallStates.WAITING?6:12,height:o===w.CallStates.WAITING?6:12,color:e,justifySelf:"center"}}),Y=({status:t,className:o})=>{let e={[w.CallStates.DONE]:"check",[w.CallStates.ERROR]:"stopalt",[w.CallStates.ACTIVE]:"play",[w.CallStates.WAITING]:"circle"}[t];return _t.default.createElement(Bo,{"data-testid":`icon-${t}`,status:t,icon:e,className:o})};var Po=S.styled.div(()=>({fontFamily:S.typography.fonts.mono,fontSize:S.typography.size.s1,overflowWrap:"break-word",inlineSize:"calc( 100% - 40px )"})),$o=(0,S.styled)("div",{shouldForwardProp:t=>!["call","pausedAt"].includes(t.toString())})(({theme:t,call:o})=>({position:"relative",display:"flex",flexDirection:"column",borderBottom:`1px solid ${t.appBorderColor}`,fontFamily:S.typography.fonts.base,fontSize:13,...o.status===B.CallStates.ERROR&&{backgroundColor:t.base==="dark"?(0,Tt.transparentize)(.93,t.color.negative):t.background.warning},paddingLeft:o.ancestors.length*20}),({theme:t,call:o,pausedAt:e})=>e===o.id&&{"&::before":{content:'""',position:"absolute",top:-5,zIndex:1,borderTop:"4.5px solid transparent",borderLeft:`7px solid ${t.color.warning}`,borderBottom:"4.5px solid transparent"},"&::after":{content:'""',position:"absolute",top:-1,zIndex:1,width:"100%",borderTop:`1.5px solid ${t.color.warning}`}}),Do=S.styled.div(({theme:t,isInteractive:o})=>({display:"flex","&:hover":o?{}:{background:t.background.hoverable}})),Mo=(0,S.styled)("button",{shouldForwardProp:t=>!["call"].includes(t.toString())})(({theme:t,disabled:o,call:e})=>({flex:1,display:"grid",background:"none",border:0,gridTemplateColumns:"15px 1fr",alignItems:"center",minHeight:40,margin:0,padding:"8px 15px",textAlign:"start",cursor:o||e.status===B.CallStates.ERROR?"default":"pointer","&:focus-visible":{outline:0,boxShadow:`inset 3px 0 0 0 ${e.status===B.CallStates.ERROR?t.color.warning:t.color.secondary}`,background:e.status===B.CallStates.ERROR?"transparent":t.background.hoverable},"& > div":{opacity:e.status===B.CallStates.WAITING?.5:1}})),Fo=S.styled.div({padding:6}),Lo=(0,S.styled)(P.IconButton)(({theme:t})=>({color:t.textMutedColor,margin:"0 3px"})),jo=(0,S.styled)(P.TooltipNote)(({theme:t})=>({fontFamily:t.typography.fonts.base})),Wo=(0,S.styled)("div")(({theme:t})=>({padding:"8px 10px 8px 36px",fontSize:S.typography.size.s1,color:t.color.defaultText,pre:{margin:0,padding:0}})),zo=({exception:t})=>{if(t.message.startsWith("expect("))return f.createElement(xt,{...t});let o=t.message.split(`
|
|
3
3
|
|
|
4
|
-
`),e=o.length>1;return
|
|
4
|
+
`),e=o.length>1;return f.createElement(Wo,null,f.createElement("pre",null,o[0]),e&&f.createElement("p",null,"See the full stack trace in the browser console."))},Ot=({call:t,callsById:o,controls:e,controlStates:r,childCallIds:s,isHidden:l,isCollapsed:a,toggleCollapsed:c,pausedAt:y})=>{var E;let[m,h]=f.useState(!1),x=!r.goto||!t.interceptable||!!t.ancestors.length;return l?null:f.createElement($o,{call:t,pausedAt:y},f.createElement(Do,{isInteractive:x},f.createElement(Mo,{call:t,onClick:()=>e.goto(t.id),disabled:x,onMouseEnter:()=>r.goto&&h(!0),onMouseLeave:()=>r.goto&&h(!1)},f.createElement(Y,{status:m?B.CallStates.ACTIVE:t.status}),f.createElement(Po,{style:{marginLeft:6,marginBottom:1}},f.createElement(X,{call:t,callsById:o}))),f.createElement(Fo,null,(s==null?void 0:s.length)>0&&f.createElement(P.WithTooltip,{hasChrome:!1,tooltip:f.createElement(jo,{note:`${a?"Show":"Hide"} interactions`})},f.createElement(Lo,{containsIcon:!0,onClick:c},f.createElement(P.Icons,{icon:"listunordered"}))))),t.status===B.CallStates.ERROR&&((E=t.exception)==null?void 0:E.callId)===t.id&&f.createElement(zo,{exception:t.exception}))};var Ho=D.styled.div(({theme:t,withException:o})=>({minHeight:"100%",background:t.background.content,...o&&{backgroundColor:t.base==="dark"?(0,vt.transparentize)(.93,t.color.negative):t.background.warning}})),Ro=D.styled.div(({theme:t})=>({padding:15,fontSize:t.typography.size.s2-1,lineHeight:"19px"})),Go=D.styled.code(({theme:t})=>({margin:"0 1px",padding:3,fontSize:t.typography.size.s1-1,lineHeight:1,verticalAlign:"top",background:"rgba(0, 0, 0, 0.05)",border:`1px solid ${t.appBorderColor}`,borderRadius:3})),Vo=D.styled.div({paddingBottom:4,fontWeight:"bold"}),Jo=D.styled.p({margin:0,padding:"0 0 20px"}),Xo=D.styled.pre(({theme:t})=>({margin:0,padding:0,fontSize:t.typography.size.s1-1})),Nt=C.memo(function({calls:o,controls:e,controlStates:r,interactions:s,fileName:l,hasException:a,caughtException:c,isPlaying:y,pausedAt:m,onScrollToEnd:h,endRef:x,isRerunAnimating:E,setIsRerunAnimating:k,...K}){var $;return C.createElement(L.AddonPanel,{...K},C.createElement(Ho,{withException:!!c},r.debugger&&(s.length>0||a||E)&&C.createElement(ft,{controls:e,controlStates:r,status:y?Z.CallStates.ACTIVE:a?Z.CallStates.ERROR:Z.CallStates.DONE,storyFileName:l,onScrollToEnd:h,isRerunAnimating:E,setIsRerunAnimating:k}),C.createElement("div",null,s.map(O=>C.createElement(Ot,{key:O.id,call:O,callsById:o,controls:e,controlStates:r,childCallIds:O.childCallIds,isHidden:O.isHidden,isCollapsed:O.isCollapsed,toggleCollapsed:O.toggleCollapsed,pausedAt:m}))),c&&!(($=c.message)!=null&&$.startsWith("ignoredException"))&&C.createElement(Ro,null,C.createElement(Vo,null,"Caught exception in ",C.createElement(Go,null,"play")," function"),C.createElement(Jo,null,"This story threw an error after it finished rendering which means your interactions couldn' t be run.Go to this story' s play function in ",l," to fix."),C.createElement(Xo,{"data-chromatic":"ignore"},c.stack||`${c.name}: ${c.message}`)),C.createElement("div",{ref:x}),!y&&!c&&s.length===0&&C.createElement(L.Placeholder,null,"No interactions found",C.createElement(L.Link,{href:"https://storybook.js.org/docs/react/writing-stories/play-function",target:"_blank",withArrow:!0},"Learn how to add interactions to your story"))))});var Bt=require("@storybook/theming"),Pt=A(require("react-dom"));var $t=({children:t})=>{let o=global.document.getElementById("tabbutton-interactions");return o&&Pt.default.createPortal(t,o)},Dt=(0,Bt.styled)(Y)({marginLeft:5});var Yo={debugger:!1,start:!1,back:!1,goto:!1,next:!1,end:!1},Mt=({log:t,calls:o,collapsed:e,setCollapsed:r})=>{let s=new Map,l=new Map;return t.map(({callId:a,ancestors:c,status:y})=>{let m=!1;return c.forEach(h=>{e.has(h)&&(m=!0),l.set(h,(l.get(h)||[]).concat(a))}),{...o.get(a),status:y,isHidden:m}}).map(a=>{var y;let c=a.status===I.CallStates.ERROR&&((y=s.get(a.ancestors.slice(-1)[0]))==null?void 0:y.status)===I.CallStates.ACTIVE?I.CallStates.ACTIVE:a.status;return s.set(a.id,{...a,status:c}),{...a,status:c,childCallIds:l.get(a.id),isCollapsed:e.has(a.id),toggleCollapsed:()=>r(m=>(m.has(a.id)?m.delete(a.id):m.add(a.id),new Set(m)))}})},Ft=t=>{let[o,e]=i.useState(),[r,s]=i.useState(Yo),[l,a]=i.useState(),[c,y]=i.useState(!1),[m,h]=i.useState(!1),[x,E]=i.useState(!1),[k,K]=i.useState(),[$,O]=i.useState(new Set),[Q,tt]=i.useState(),[G,at]=i.useState([]),[lt,Lt]=i.useState(),it=i.useRef([]),V=i.useRef(new Map),jt=({status:d,...j})=>V.current.set(j.id,j),ot=i.useRef();i.useEffect(()=>{let d;return U.default.window.IntersectionObserver&&(d=new U.default.window.IntersectionObserver(([j])=>K(j.isIntersecting?void 0:j.target),{root:U.default.window.document.querySelector("#panel-tab-content")}),ot.current&&d.observe(ot.current)),()=>d==null?void 0:d.disconnect()},[]);let M=(0,q.useChannel)({[I.EVENTS.CALL]:jt,[I.EVENTS.SYNC]:d=>{s(d.controlStates),a(d.pausedAt),at(Mt({log:d.logItems,calls:V.current,collapsed:$,setCollapsed:O})),it.current=d.logItems},[T.STORY_RENDER_PHASE_CHANGED]:d=>{e(d.storyId),h(d.newPhase==="playing"),a(void 0),d.newPhase==="rendering"&&(y(!1),tt(void 0))},[T.STORY_THREW_EXCEPTION]:()=>{y(!0)},[T.PLAY_FUNCTION_THREW_EXCEPTION]:d=>{(d==null?void 0:d.message)!==T.IGNORED_EXCEPTION.message?tt(d):tt(void 0)}},[$]);i.useEffect(()=>{at(Mt({log:it.current,calls:V.current,collapsed:$,setCollapsed:O}))},[$]),i.useEffect(()=>{m||x||Lt(G.filter(({method:d})=>d!=="step").length)},[G,m,x]);let Wt=i.useMemo(()=>({start:()=>M(I.EVENTS.START,{storyId:o}),back:()=>M(I.EVENTS.BACK,{storyId:o}),goto:d=>M(I.EVENTS.GOTO,{storyId:o,callId:d}),next:()=>M(I.EVENTS.NEXT,{storyId:o}),end:()=>M(I.EVENTS.END,{storyId:o}),rerun:()=>{E(!0),M(T.FORCE_REMOUNT,{storyId:o})}}),[o]),zt=(0,q.useParameter)("fileName",""),[Ht]=zt.toString().split("/").slice(-1),Rt=()=>k==null?void 0:k.scrollIntoView({behavior:"smooth",block:"end"}),Gt=lt>0||!!Q||x,ct=!!Q||G.some(d=>d.status===I.CallStates.ERROR);return c?i.createElement(i.Fragment,{key:"interactions"}):i.createElement(i.Fragment,{key:"interactions"},i.createElement($t,null,Gt&&(ct?i.createElement(Dt,{status:I.CallStates.ERROR}):` (${lt})`)),i.createElement(Nt,{calls:V.current,controls:Wt,controlStates:r,interactions:G,fileName:Ht,hasException:ct,caughtException:Q,isPlaying:m,pausedAt:l,endRef:ot,onScrollToEnd:k&&Rt,isRerunAnimating:x,setIsRerunAnimating:E,...t}))};R.addons.register(et,()=>{R.addons.add(dt,{type:R.types.PANEL,title:"Interactions",match:({viewMode:t})=>t==="story",render:Ft})});
|
package/dist/manager.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{addons as _t,types as pe}from"@storybook/addons";var Y="storybook/interactions",lt=`${Y}/panel`;import ot from"global";import*as i from"react";import{useChannel as ee,useParameter as ne}from"@storybook/api";import{FORCE_REMOUNT as re,IGNORED_EXCEPTION as se,STORY_RENDER_PHASE_CHANGED as ae,STORY_THREW_EXCEPTION as le,PLAY_FUNCTION_THREW_EXCEPTION as ie}from"@storybook/core-events";import{EVENTS as v,CallStates as L}from"@storybook/instrumenter";import*as b from"react";import{AddonPanel as Go,Link as Vo,Placeholder as Jo}from"@storybook/components";import{CallStates as tt}from"@storybook/instrumenter";import{styled as B}from"@storybook/theming";import{transparentize as Xo}from"polished";import c from"react";import{Button as Dt,IconButton as Mt,Icons as $,Separator as Ft,P as Lt,TooltipNote as jt,WithTooltip as D,Bar as Wt}from"@storybook/components";import{CallStates as zt}from"@storybook/instrumenter";import{styled as I}from"@storybook/theming";import Bt from"react";import{CallStates as w}from"@storybook/instrumenter";import{styled as Pt,typography as Z}from"@storybook/theming";var $t=Pt.div(({theme:t,status:o})=>{let e={[w.DONE]:t.color.positive,[w.ERROR]:t.color.negative,[w.ACTIVE]:t.color.warning,[w.WAITING]:t.color.warning}[o];return{padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor:e,color:"white",fontFamily:Z.fonts.base,textTransform:"uppercase",fontSize:Z.size.s1,letterSpacing:3,fontWeight:Z.weight.bold,width:65,textAlign:"center"}}),it=({status:t})=>{let o={[w.DONE]:"Pass",[w.ERROR]:"Fail",[w.ACTIVE]:"Runs",[w.WAITING]:"Runs"}[t];return Bt.createElement($t,{status:t},o)};var Ht=I.div(({theme:t})=>({background:t.background.app,borderBottom:`1px solid ${t.appBorderColor}`,position:"sticky",top:0,zIndex:1})),Rt=I.nav(({theme:t})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),Gt=I(Dt)(({theme:t})=>({borderRadius:4,padding:6,color:t.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:t.color.secondary}}})),M=I(jt)(({theme:t})=>({fontFamily:t.typography.fonts.base})),F=I(Mt)(({theme:t})=>({color:t.textMutedColor,margin:"0 3px"})),Vt=I(Ft)({marginTop:0}),Jt=I(Lt)(({theme:t})=>({color:t.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),ct=I.div({display:"flex",alignItems:"center"}),Xt=I(F)({marginLeft:9}),Yt=I(Gt)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),Zt=I(F)(({theme:t,animating:o,disabled:e})=>({opacity:e?.5:1,svg:{animation:o&&`${t.animation.rotate360} 200ms ease-out`}})),pt=({controls:t,controlStates:o,status:e,storyFileName:r,onScrollToEnd:a,isRerunAnimating:l,setIsRerunAnimating:s})=>{let p=e===zt.ERROR?"Scroll to error":"Scroll to end";return c.createElement(Ht,null,c.createElement(Wt,null,c.createElement(Rt,null,c.createElement(ct,null,c.createElement(it,{status:e}),c.createElement(Yt,{onClick:a,disabled:!a},p),c.createElement(Vt,null),c.createElement(D,{hasChrome:!1,tooltip:c.createElement(M,{note:"Go to start"})},c.createElement(Xt,{"aria-label":"Go to start",containsIcon:!0,onClick:t.start,disabled:!o.start},c.createElement($,{icon:"rewind"}))),c.createElement(D,{hasChrome:!1,tooltip:c.createElement(M,{note:"Go back"})},c.createElement(F,{"aria-label":"Go back",containsIcon:!0,onClick:t.back,disabled:!o.back},c.createElement($,{icon:"playback"}))),c.createElement(D,{hasChrome:!1,tooltip:c.createElement(M,{note:"Go forward"})},c.createElement(F,{"aria-label":"Go forward",containsIcon:!0,onClick:t.next,disabled:!o.next},c.createElement($,{icon:"playnext"}))),c.createElement(D,{hasChrome:!1,tooltip:c.createElement(M,{note:"Go to end"})},c.createElement(F,{"aria-label":"Go to end",containsIcon:!0,onClick:t.end,disabled:!o.end},c.createElement($,{icon:"fastforward"}))),c.createElement(D,{hasChrome:!1,tooltip:c.createElement(M,{note:"Rerun"})},c.createElement(Zt,{"aria-label":"Rerun",containsIcon:!0,onClick:t.rerun,onAnimationEnd:()=>s(!1),animating:l,disabled:l},c.createElement($,{icon:"sync"})))),r&&c.createElement(ct,null,c.createElement(Jt,null,r)))))};import*as m from"react";import{IconButton as vo,Icons as No,TooltipNote as Bo,WithTooltip as Po}from"@storybook/components";import{CallStates as O}from"@storybook/instrumenter";import{styled as T,typography as G}from"@storybook/theming";import{transparentize as $o}from"polished";import d from"react";import{styled as ft,typography as ho}from"@storybook/theming";import{ObjectInspector as Ut}from"@devtools-ds/object-inspector";import{useTheme as U}from"@storybook/theming";import n,{Fragment as qt}from"react";var Kt={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},Qt={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},f=()=>{let{base:t}=U();return t==="dark"?Qt:Kt},to=/[^A-Z0-9]/i,dt=/[\s.,…]+$/gm,ut=(t,o)=>{if(t.length<=o)return t;for(let e=o-1;e>=0;e-=1)if(to.test(t[e])&&e>10)return`${t.slice(0,e).replace(dt,"")}\u2026`;return`${t.slice(0,o).replace(dt,"")}\u2026`},oo=t=>{try{return JSON.stringify(t,null,1)}catch{return String(t)}},gt=(t,o)=>t.flatMap((e,r)=>r===t.length-1?[e]:[e,n.cloneElement(o,{key:`sep${r}`})]),A=({value:t,nested:o,showObjectInspector:e,callsById:r,...a})=>{switch(!0){case t===null:return n.createElement(eo,{...a});case t===void 0:return n.createElement(no,{...a});case Array.isArray(t):return n.createElement(lo,{...a,value:t,callsById:r});case typeof t=="string":return n.createElement(ro,{...a,value:t});case typeof t=="number":return n.createElement(so,{...a,value:t});case typeof t=="boolean":return n.createElement(ao,{...a,value:t});case Object.prototype.hasOwnProperty.call(t,"__date__"):return n.createElement(go,{...a,...t.__date__});case Object.prototype.hasOwnProperty.call(t,"__error__"):return n.createElement(mo,{...a,...t.__error__});case Object.prototype.hasOwnProperty.call(t,"__regexp__"):return n.createElement(fo,{...a,...t.__regexp__});case Object.prototype.hasOwnProperty.call(t,"__function__"):return n.createElement(po,{...a,...t.__function__});case Object.prototype.hasOwnProperty.call(t,"__symbol__"):return n.createElement(yo,{...a,...t.__symbol__});case Object.prototype.hasOwnProperty.call(t,"__element__"):return n.createElement(uo,{...a,...t.__element__});case Object.prototype.hasOwnProperty.call(t,"__class__"):return n.createElement(co,{...a,...t.__class__});case Object.prototype.hasOwnProperty.call(t,"__callId__"):return n.createElement(H,{call:r.get(t.__callId__),callsById:r});case Object.prototype.toString.call(t)==="[object Object]":return n.createElement(io,{value:t,showInspector:e,...a});default:return n.createElement(bo,{value:t,...a})}},eo=t=>{let o=f();return n.createElement("span",{style:{color:o.nullish},...t},"null")},no=t=>{let o=f();return n.createElement("span",{style:{color:o.nullish},...t},"undefined")},ro=({value:t,...o})=>{let e=f();return n.createElement("span",{style:{color:e.string},...o},JSON.stringify(ut(t,50)))},so=({value:t,...o})=>{let e=f();return n.createElement("span",{style:{color:e.number},...o},t)},ao=({value:t,...o})=>{let e=f();return n.createElement("span",{style:{color:e.boolean},...o},String(t))},lo=({value:t,nested:o=!1,callsById:e})=>{let r=f();if(o)return n.createElement("span",{style:{color:r.base}},"[\u2026]");let a=t.slice(0,3).map(s=>n.createElement(A,{key:JSON.stringify(s),value:s,nested:!0,callsById:e})),l=gt(a,n.createElement("span",null,", "));return t.length<=3?n.createElement("span",{style:{color:r.base}},"[",l,"]"):n.createElement("span",{style:{color:r.base}},"(",t.length,") [",l,", \u2026]")},io=({showInspector:t,value:o,nested:e=!1})=>{let r=U().base==="dark",a=f();if(t)return n.createElement(n.Fragment,null,n.createElement(Ut,{id:"interactions-object-inspector",data:o,includePrototypes:!1,colorScheme:r?"dark":"light"}));if(e)return n.createElement("span",{style:{color:a.base}},"{\u2026}");let l=gt(Object.entries(o).slice(0,2).map(([s,p])=>n.createElement(qt,{key:s},n.createElement("span",{style:{color:a.objectkey}},s,": "),n.createElement(A,{value:p,nested:!0}))),n.createElement("span",null,", "));return Object.keys(o).length<=2?n.createElement("span",{style:{color:a.base}},"{ ",l," }"):n.createElement("span",{style:{color:a.base}},"(",Object.keys(o).length,") ","{ ",l,", \u2026 }")},co=({name:t})=>{let o=f();return n.createElement("span",{style:{color:o.instance}},t)},po=({name:t})=>{let o=f();return t?n.createElement("span",{style:{color:o.function}},t):n.createElement("span",{style:{color:o.nullish,fontStyle:"italic"}},"anonymous")},uo=({prefix:t,localName:o,id:e,classNames:r=[],innerText:a})=>{let l=t?`${t}:${o}`:o,s=f();return n.createElement("span",{style:{wordBreak:"keep-all"}},n.createElement("span",{key:`${l}_lt`,style:{color:s.muted}},"<"),n.createElement("span",{key:`${l}_tag`,style:{color:s.tag.name}},l),n.createElement("span",{key:`${l}_suffix`,style:{color:s.tag.suffix}},e?`#${e}`:r.reduce((p,g)=>`${p}.${g}`,"")),n.createElement("span",{key:`${l}_gt`,style:{color:s.muted}},">"),!e&&r.length===0&&a&&n.createElement(n.Fragment,null,n.createElement("span",{key:`${l}_text`},a),n.createElement("span",{key:`${l}_close_lt`,style:{color:s.muted}},"<"),n.createElement("span",{key:`${l}_close_tag`,style:{color:s.tag.name}},"/",l),n.createElement("span",{key:`${l}_close_gt`,style:{color:s.muted}},">")))},go=({value:t})=>{let[o,e,r]=t.split(/[T.Z]/),a=f();return n.createElement("span",{style:{whiteSpace:"nowrap",color:a.date}},o,n.createElement("span",{style:{opacity:.7}},"T"),e==="00:00:00"?n.createElement("span",{style:{opacity:.7}},e):e,r==="000"?n.createElement("span",{style:{opacity:.7}},".",r):`.${r}`,n.createElement("span",{style:{opacity:.7}},"Z"))},mo=({name:t,message:o})=>{let e=f();return n.createElement("span",{style:{color:e.error.name}},t,o&&": ",o&&n.createElement("span",{style:{color:e.error.message},title:o.length>50?o:""},ut(o,50)))},fo=({flags:t,source:o})=>{let e=f();return n.createElement("span",{style:{whiteSpace:"nowrap",color:e.regex.flags}},"/",n.createElement("span",{style:{color:e.regex.source}},o),"/",t)},yo=({description:t})=>{let o=f();return n.createElement("span",{style:{whiteSpace:"nowrap",color:o.instance}},"Symbol(",t&&n.createElement("span",{style:{color:o.meta}},'"',t,'"'),")")},bo=({value:t})=>{let o=f();return n.createElement("span",{style:{color:o.meta}},oo(t))},Co=({label:t})=>{let o=f(),{typography:e}=U();return n.createElement("span",{style:{color:o.base,fontFamily:e.fonts.base,fontSize:e.size.s2-1}},t)},H=({call:t,callsById:o})=>{if(!t)return null;if(t.method==="step"&&t.path.length===0)return n.createElement(Co,{label:t.args[0]});let e=t.path.flatMap((l,s)=>{let p=l.__callId__;return[p?n.createElement(H,{key:`elem${s}`,call:o.get(p),callsById:o}):n.createElement("span",{key:`elem${s}`},l),n.createElement("wbr",{key:`wbr${s}`}),n.createElement("span",{key:`dot${s}`},".")]}),r=t.args.flatMap((l,s,p)=>{let g=n.createElement(A,{key:`node${s}`,value:l,callsById:o});return s<p.length-1?[g,n.createElement("span",{key:`comma${s}`},",\xA0"),n.createElement("wbr",{key:`wbr${s}`})]:[g]}),a=f();return n.createElement(n.Fragment,null,n.createElement("span",{style:{color:a.base}},e),n.createElement("span",{style:{color:a.method}},t.method),n.createElement("span",{style:{color:a.base}},"(",n.createElement("wbr",null),r,n.createElement("wbr",null),")"))};var mt=(t,o=0)=>{for(let e=o,r=1;e<t.length;e+=1)if(t[e]==="("?r+=1:t[e]===")"&&(r-=1),r===0)return t.slice(o,e);return""},q=t=>{try{return t==="undefined"?void 0:JSON.parse(t)}catch{return t}},So=ft.span(({theme:t})=>({color:t.base==="light"?t.color.positiveText:t.color.positive})),Io=ft.span(({theme:t})=>({color:t.base==="light"?t.color.negativeText:t.color.negative})),K=({value:t,parsed:o})=>o?d.createElement(A,{showObjectInspector:!0,value:t,style:{color:"#D43900"}}):d.createElement(Io,null,t),Q=({value:t,parsed:o})=>o?typeof t=="string"&&t.startsWith("called with")?d.createElement(d.Fragment,null,t):d.createElement(A,{showObjectInspector:!0,value:t,style:{color:"#16B242"}}):d.createElement(So,null,t),yt=({message:t})=>{let o=t.split(`
|
|
2
|
-
`);return d.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:ho.size.s1}},o.flatMap((e,r)=>{if(e.startsWith("expect(")){let
|
|
1
|
+
import{addons as _t,types as pe}from"@storybook/addons";var Y="storybook/interactions",lt=`${Y}/panel`;import ot from"global";import*as i from"react";import{useChannel as ee,useParameter as ne}from"@storybook/api";import{FORCE_REMOUNT as re,IGNORED_EXCEPTION as se,STORY_RENDER_PHASE_CHANGED as ae,STORY_THREW_EXCEPTION as le,PLAY_FUNCTION_THREW_EXCEPTION as ie}from"@storybook/core-events";import{EVENTS as v,CallStates as L}from"@storybook/instrumenter";import*as b from"react";import{AddonPanel as Go,Link as Vo,Placeholder as Jo}from"@storybook/components";import{CallStates as tt}from"@storybook/instrumenter";import{styled as B}from"@storybook/theming";import{transparentize as Xo}from"polished";import p from"react";import{Button as Dt,IconButton as Mt,Icons as $,Separator as Ft,P as Lt,TooltipNote as jt,WithTooltip as D,Bar as Wt}from"@storybook/components";import{CallStates as zt}from"@storybook/instrumenter";import{styled as x}from"@storybook/theming";import Bt from"react";import{CallStates as w}from"@storybook/instrumenter";import{styled as Pt,typography as Z}from"@storybook/theming";var $t=Pt.div(({theme:t,status:o})=>{let e={[w.DONE]:t.color.positive,[w.ERROR]:t.color.negative,[w.ACTIVE]:t.color.warning,[w.WAITING]:t.color.warning}[o];return{padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor:e,color:"white",fontFamily:Z.fonts.base,textTransform:"uppercase",fontSize:Z.size.s1,letterSpacing:3,fontWeight:Z.weight.bold,width:65,textAlign:"center"}}),it=({status:t})=>{let o={[w.DONE]:"Pass",[w.ERROR]:"Fail",[w.ACTIVE]:"Runs",[w.WAITING]:"Runs"}[t];return Bt.createElement($t,{status:t},o)};var Ht=x.div(({theme:t})=>({background:t.background.app,borderBottom:`1px solid ${t.appBorderColor}`,position:"sticky",top:0,zIndex:1})),Rt=x.nav(({theme:t})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),Gt=x(Dt)(({theme:t})=>({borderRadius:4,padding:6,color:t.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:t.color.secondary}}})),M=x(jt)(({theme:t})=>({fontFamily:t.typography.fonts.base})),F=x(Mt)(({theme:t})=>({color:t.textMutedColor,margin:"0 3px"})),Vt=x(Ft)({marginTop:0}),Jt=x(Lt)(({theme:t})=>({color:t.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),ct=x.div({display:"flex",alignItems:"center"}),Xt=x(F)({marginLeft:9}),Yt=x(Gt)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),Zt=x(F)(({theme:t,animating:o,disabled:e})=>({opacity:e?.5:1,svg:{animation:o&&`${t.animation.rotate360} 200ms ease-out`}})),pt=({controls:t,controlStates:o,status:e,storyFileName:r,onScrollToEnd:a,isRerunAnimating:l,setIsRerunAnimating:s})=>{let c=e===zt.ERROR?"Scroll to error":"Scroll to end";return p.createElement(Ht,null,p.createElement(Wt,null,p.createElement(Rt,null,p.createElement(ct,null,p.createElement(it,{status:e}),p.createElement(Yt,{onClick:a,disabled:!a},c),p.createElement(Vt,null),p.createElement(D,{hasChrome:!1,tooltip:p.createElement(M,{note:"Go to start"})},p.createElement(Xt,{"aria-label":"Go to start",containsIcon:!0,onClick:t.start,disabled:!o.start},p.createElement($,{icon:"rewind"}))),p.createElement(D,{hasChrome:!1,tooltip:p.createElement(M,{note:"Go back"})},p.createElement(F,{"aria-label":"Go back",containsIcon:!0,onClick:t.back,disabled:!o.back},p.createElement($,{icon:"playback"}))),p.createElement(D,{hasChrome:!1,tooltip:p.createElement(M,{note:"Go forward"})},p.createElement(F,{"aria-label":"Go forward",containsIcon:!0,onClick:t.next,disabled:!o.next},p.createElement($,{icon:"playnext"}))),p.createElement(D,{hasChrome:!1,tooltip:p.createElement(M,{note:"Go to end"})},p.createElement(F,{"aria-label":"Go to end",containsIcon:!0,onClick:t.end,disabled:!o.end},p.createElement($,{icon:"fastforward"}))),p.createElement(D,{hasChrome:!1,tooltip:p.createElement(M,{note:"Rerun"})},p.createElement(Zt,{"aria-label":"Rerun",containsIcon:!0,onClick:t.rerun,onAnimationEnd:()=>s(!1),animating:l,disabled:l},p.createElement($,{icon:"sync"})))),r&&p.createElement(ct,null,p.createElement(Jt,null,r)))))};import*as m from"react";import{IconButton as vo,Icons as No,TooltipNote as Bo,WithTooltip as Po}from"@storybook/components";import{CallStates as O}from"@storybook/instrumenter";import{styled as T,typography as R}from"@storybook/theming";import{transparentize as $o}from"polished";import d from"react";import{styled as yt,typography as ho}from"@storybook/theming";import{ObjectInspector as Ut}from"@devtools-ds/object-inspector";import{useTheme as U}from"@storybook/theming";import n,{Fragment as qt}from"react";var Kt={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},Qt={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},y=()=>{let{base:t}=U();return t==="dark"?Qt:Kt},to=/[^A-Z0-9]/i,dt=/[\s.,…]+$/gm,ut=(t,o)=>{if(t.length<=o)return t;for(let e=o-1;e>=0;e-=1)if(to.test(t[e])&&e>10)return`${t.slice(0,e).replace(dt,"")}\u2026`;return`${t.slice(0,o).replace(dt,"")}\u2026`},oo=t=>{try{return JSON.stringify(t,null,1)}catch{return String(t)}},gt=(t,o)=>t.flatMap((e,r)=>r===t.length-1?[e]:[e,n.cloneElement(o,{key:`sep${r}`})]),A=({value:t,nested:o,showObjectInspector:e,callsById:r,...a})=>{switch(!0){case t===null:return n.createElement(eo,{...a});case t===void 0:return n.createElement(no,{...a});case Array.isArray(t):return n.createElement(lo,{...a,value:t,callsById:r});case typeof t=="string":return n.createElement(ro,{...a,value:t});case typeof t=="number":return n.createElement(so,{...a,value:t});case typeof t=="boolean":return n.createElement(ao,{...a,value:t});case Object.prototype.hasOwnProperty.call(t,"__date__"):return n.createElement(go,{...a,...t.__date__});case Object.prototype.hasOwnProperty.call(t,"__error__"):return n.createElement(mo,{...a,...t.__error__});case Object.prototype.hasOwnProperty.call(t,"__regexp__"):return n.createElement(yo,{...a,...t.__regexp__});case Object.prototype.hasOwnProperty.call(t,"__function__"):return n.createElement(po,{...a,...t.__function__});case Object.prototype.hasOwnProperty.call(t,"__symbol__"):return n.createElement(fo,{...a,...t.__symbol__});case Object.prototype.hasOwnProperty.call(t,"__element__"):return n.createElement(uo,{...a,...t.__element__});case Object.prototype.hasOwnProperty.call(t,"__class__"):return n.createElement(co,{...a,...t.__class__});case Object.prototype.hasOwnProperty.call(t,"__callId__"):return n.createElement(z,{call:r.get(t.__callId__),callsById:r});case Object.prototype.toString.call(t)==="[object Object]":return n.createElement(io,{value:t,showInspector:e,...a});default:return n.createElement(bo,{value:t,...a})}},eo=t=>{let o=y();return n.createElement("span",{style:{color:o.nullish},...t},"null")},no=t=>{let o=y();return n.createElement("span",{style:{color:o.nullish},...t},"undefined")},ro=({value:t,...o})=>{let e=y();return n.createElement("span",{style:{color:e.string},...o},JSON.stringify(ut(t,50)))},so=({value:t,...o})=>{let e=y();return n.createElement("span",{style:{color:e.number},...o},t)},ao=({value:t,...o})=>{let e=y();return n.createElement("span",{style:{color:e.boolean},...o},String(t))},lo=({value:t,nested:o=!1,callsById:e})=>{let r=y();if(o)return n.createElement("span",{style:{color:r.base}},"[\u2026]");let a=t.slice(0,3).map(s=>n.createElement(A,{key:JSON.stringify(s),value:s,nested:!0,callsById:e})),l=gt(a,n.createElement("span",null,", "));return t.length<=3?n.createElement("span",{style:{color:r.base}},"[",l,"]"):n.createElement("span",{style:{color:r.base}},"(",t.length,") [",l,", \u2026]")},io=({showInspector:t,value:o,nested:e=!1})=>{let r=U().base==="dark",a=y();if(t)return n.createElement(n.Fragment,null,n.createElement(Ut,{id:"interactions-object-inspector",data:o,includePrototypes:!1,colorScheme:r?"dark":"light"}));if(e)return n.createElement("span",{style:{color:a.base}},"{\u2026}");let l=gt(Object.entries(o).slice(0,2).map(([s,c])=>n.createElement(qt,{key:s},n.createElement("span",{style:{color:a.objectkey}},s,": "),n.createElement(A,{value:c,nested:!0}))),n.createElement("span",null,", "));return Object.keys(o).length<=2?n.createElement("span",{style:{color:a.base}},"{ ",l," }"):n.createElement("span",{style:{color:a.base}},"(",Object.keys(o).length,") ","{ ",l,", \u2026 }")},co=({name:t})=>{let o=y();return n.createElement("span",{style:{color:o.instance}},t)},po=({name:t})=>{let o=y();return t?n.createElement("span",{style:{color:o.function}},t):n.createElement("span",{style:{color:o.nullish,fontStyle:"italic"}},"anonymous")},uo=({prefix:t,localName:o,id:e,classNames:r=[],innerText:a})=>{let l=t?`${t}:${o}`:o,s=y();return n.createElement("span",{style:{wordBreak:"keep-all"}},n.createElement("span",{key:`${l}_lt`,style:{color:s.muted}},"<"),n.createElement("span",{key:`${l}_tag`,style:{color:s.tag.name}},l),n.createElement("span",{key:`${l}_suffix`,style:{color:s.tag.suffix}},e?`#${e}`:r.reduce((c,u)=>`${c}.${u}`,"")),n.createElement("span",{key:`${l}_gt`,style:{color:s.muted}},">"),!e&&r.length===0&&a&&n.createElement(n.Fragment,null,n.createElement("span",{key:`${l}_text`},a),n.createElement("span",{key:`${l}_close_lt`,style:{color:s.muted}},"<"),n.createElement("span",{key:`${l}_close_tag`,style:{color:s.tag.name}},"/",l),n.createElement("span",{key:`${l}_close_gt`,style:{color:s.muted}},">")))},go=({value:t})=>{let[o,e,r]=t.split(/[T.Z]/),a=y();return n.createElement("span",{style:{whiteSpace:"nowrap",color:a.date}},o,n.createElement("span",{style:{opacity:.7}},"T"),e==="00:00:00"?n.createElement("span",{style:{opacity:.7}},e):e,r==="000"?n.createElement("span",{style:{opacity:.7}},".",r):`.${r}`,n.createElement("span",{style:{opacity:.7}},"Z"))},mo=({name:t,message:o})=>{let e=y();return n.createElement("span",{style:{color:e.error.name}},t,o&&": ",o&&n.createElement("span",{style:{color:e.error.message},title:o.length>50?o:""},ut(o,50)))},yo=({flags:t,source:o})=>{let e=y();return n.createElement("span",{style:{whiteSpace:"nowrap",color:e.regex.flags}},"/",n.createElement("span",{style:{color:e.regex.source}},o),"/",t)},fo=({description:t})=>{let o=y();return n.createElement("span",{style:{whiteSpace:"nowrap",color:o.instance}},"Symbol(",t&&n.createElement("span",{style:{color:o.meta}},'"',t,'"'),")")},bo=({value:t})=>{let o=y();return n.createElement("span",{style:{color:o.meta}},oo(t))},Co=({label:t})=>{let o=y(),{typography:e}=U();return n.createElement("span",{style:{color:o.base,fontFamily:e.fonts.base,fontSize:e.size.s2-1}},t)},z=({call:t,callsById:o})=>{if(!t)return null;if(t.method==="step"&&t.path.length===0)return n.createElement(Co,{label:t.args[0]});let e=t.path.flatMap((l,s)=>{let c=l.__callId__;return[c?n.createElement(z,{key:`elem${s}`,call:o.get(c),callsById:o}):n.createElement("span",{key:`elem${s}`},l),n.createElement("wbr",{key:`wbr${s}`}),n.createElement("span",{key:`dot${s}`},".")]}),r=t.args.flatMap((l,s,c)=>{let u=n.createElement(A,{key:`node${s}`,value:l,callsById:o});return s<c.length-1?[u,n.createElement("span",{key:`comma${s}`},",\xA0"),n.createElement("wbr",{key:`wbr${s}`})]:[u]}),a=y();return n.createElement(n.Fragment,null,n.createElement("span",{style:{color:a.base}},e),n.createElement("span",{style:{color:a.method}},t.method),n.createElement("span",{style:{color:a.base}},"(",n.createElement("wbr",null),r,n.createElement("wbr",null),")"))};var mt=(t,o=0)=>{for(let e=o,r=1;e<t.length;e+=1)if(t[e]==="("?r+=1:t[e]===")"&&(r-=1),r===0)return t.slice(o,e);return""},q=t=>{try{return t==="undefined"?void 0:JSON.parse(t)}catch{return t}},So=yt.span(({theme:t})=>({color:t.base==="light"?t.color.positiveText:t.color.positive})),Io=yt.span(({theme:t})=>({color:t.base==="light"?t.color.negativeText:t.color.negative})),K=({value:t,parsed:o})=>o?d.createElement(A,{showObjectInspector:!0,value:t,style:{color:"#D43900"}}):d.createElement(Io,null,t),Q=({value:t,parsed:o})=>o?typeof t=="string"&&t.startsWith("called with")?d.createElement(d.Fragment,null,t):d.createElement(A,{showObjectInspector:!0,value:t,style:{color:"#16B242"}}):d.createElement(So,null,t),ft=({message:t})=>{let o=t.split(`
|
|
2
|
+
`);return d.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:ho.size.s1}},o.flatMap((e,r)=>{if(e.startsWith("expect(")){let f=mt(e,7),C=f&&7+f.length,h=f&&e.slice(C).match(/\.(to|last|nth)[A-Z]\w+\(/);if(h){let _=C+h.index+h[0].length,k=mt(e,_);if(k)return["expect(",d.createElement(K,{key:`received_${f}`,value:f}),e.slice(C,_),d.createElement(Q,{key:`expected_${k}`,value:k}),e.slice(_+k.length),d.createElement("br",{key:`br${r}`})]}}if(e.match(/^\s*- /))return[d.createElement(Q,{key:e+r,value:e}),d.createElement("br",{key:`br${r}`})];if(e.match(/^\s*\+ /))return[d.createElement(K,{key:e+r,value:e}),d.createElement("br",{key:`br${r}`})];let[,a,l]=e.match(/^(Expected|Received): (.*)$/)||[];if(a&&l)return a==="Expected"?["Expected: ",d.createElement(Q,{key:e+r,value:q(l),parsed:!0}),d.createElement("br",{key:`br${r}`})]:["Received: ",d.createElement(K,{key:e+r,value:q(l),parsed:!0}),d.createElement("br",{key:`br${r}`})];let[,s,c]=e.match(/(Expected number|Received number|Number) of calls: (\d+)$/i)||[];if(s&&c)return[`${s} of calls: `,d.createElement(A,{key:e+r,value:Number(c)}),d.createElement("br",{key:`br${r}`})];let[,u]=e.match(/^Received has value: (.+)$/)||[];return u?["Received has value: ",d.createElement(A,{key:e+r,value:q(u)}),d.createElement("br",{key:`br${r}`})]:[d.createElement("span",{key:e+r},e),d.createElement("br",{key:`br${r}`})]}))};import _o from"react";import{Icons as ko}from"@storybook/components";import{CallStates as E}from"@storybook/instrumenter";import{styled as wo}from"@storybook/theming";import{transparentize as Ao}from"polished";var xo={pure:{gray:{500:"#CCCCCC"}}},Eo={colors:xo},bt=Eo;var{colors:{pure:{gray:To}}}=bt,Oo=wo(ko)(({theme:t,status:o})=>{let e={[E.DONE]:t.color.positive,[E.ERROR]:t.color.negative,[E.ACTIVE]:t.color.secondary,[E.WAITING]:Ao(.5,To[500])}[o];return{width:o===E.WAITING?6:12,height:o===E.WAITING?6:12,color:e,justifySelf:"center"}}),H=({status:t,className:o})=>{let e={[E.DONE]:"check",[E.ERROR]:"stopalt",[E.ACTIVE]:"play",[E.WAITING]:"circle"}[t];return _o.createElement(Oo,{"data-testid":`icon-${t}`,status:t,icon:e,className:o})};var Do=T.div(()=>({fontFamily:R.fonts.mono,fontSize:R.size.s1,overflowWrap:"break-word",inlineSize:"calc( 100% - 40px )"})),Mo=T("div",{shouldForwardProp:t=>!["call","pausedAt"].includes(t.toString())})(({theme:t,call:o})=>({position:"relative",display:"flex",flexDirection:"column",borderBottom:`1px solid ${t.appBorderColor}`,fontFamily:R.fonts.base,fontSize:13,...o.status===O.ERROR&&{backgroundColor:t.base==="dark"?$o(.93,t.color.negative):t.background.warning},paddingLeft:o.ancestors.length*20}),({theme:t,call:o,pausedAt:e})=>e===o.id&&{"&::before":{content:'""',position:"absolute",top:-5,zIndex:1,borderTop:"4.5px solid transparent",borderLeft:`7px solid ${t.color.warning}`,borderBottom:"4.5px solid transparent"},"&::after":{content:'""',position:"absolute",top:-1,zIndex:1,width:"100%",borderTop:`1.5px solid ${t.color.warning}`}}),Fo=T.div(({theme:t,isInteractive:o})=>({display:"flex","&:hover":o?{}:{background:t.background.hoverable}})),Lo=T("button",{shouldForwardProp:t=>!["call"].includes(t.toString())})(({theme:t,disabled:o,call:e})=>({flex:1,display:"grid",background:"none",border:0,gridTemplateColumns:"15px 1fr",alignItems:"center",minHeight:40,margin:0,padding:"8px 15px",textAlign:"start",cursor:o||e.status===O.ERROR?"default":"pointer","&:focus-visible":{outline:0,boxShadow:`inset 3px 0 0 0 ${e.status===O.ERROR?t.color.warning:t.color.secondary}`,background:e.status===O.ERROR?"transparent":t.background.hoverable},"& > div":{opacity:e.status===O.WAITING?.5:1}})),jo=T.div({padding:6}),Wo=T(vo)(({theme:t})=>({color:t.textMutedColor,margin:"0 3px"})),zo=T(Bo)(({theme:t})=>({fontFamily:t.typography.fonts.base})),Ho=T("div")(({theme:t})=>({padding:"8px 10px 8px 36px",fontSize:R.size.s1,color:t.color.defaultText,pre:{margin:0,padding:0}})),Ro=({exception:t})=>{if(t.message.startsWith("expect("))return m.createElement(ft,{...t});let o=t.message.split(`
|
|
3
3
|
|
|
4
|
-
`),e=o.length>1;return m.createElement(Ho,null,m.createElement("pre",null,o[0]),e&&m.createElement("p",null,"See the full stack trace in the browser console."))},Ct=({call:t,callsById:o,controls:e,controlStates:r,childCallIds:a,isHidden:l,isCollapsed:s,toggleCollapsed:
|
|
4
|
+
`),e=o.length>1;return m.createElement(Ho,null,m.createElement("pre",null,o[0]),e&&m.createElement("p",null,"See the full stack trace in the browser console."))},Ct=({call:t,callsById:o,controls:e,controlStates:r,childCallIds:a,isHidden:l,isCollapsed:s,toggleCollapsed:c,pausedAt:u})=>{let[f,C]=m.useState(!1),h=!r.goto||!t.interceptable||!!t.ancestors.length;return l?null:m.createElement(Mo,{call:t,pausedAt:u},m.createElement(Fo,{isInteractive:h},m.createElement(Lo,{call:t,onClick:()=>e.goto(t.id),disabled:h,onMouseEnter:()=>r.goto&&C(!0),onMouseLeave:()=>r.goto&&C(!1)},m.createElement(H,{status:f?O.ACTIVE:t.status}),m.createElement(Do,{style:{marginLeft:6,marginBottom:1}},m.createElement(z,{call:t,callsById:o}))),m.createElement(jo,null,a?.length>0&&m.createElement(Po,{hasChrome:!1,tooltip:m.createElement(zo,{note:`${s?"Show":"Hide"} interactions`})},m.createElement(Wo,{containsIcon:!0,onClick:c},m.createElement(No,{icon:"listunordered"}))))),t.status===O.ERROR&&t.exception?.callId===t.id&&m.createElement(Ro,{exception:t.exception}))};var Yo=B.div(({theme:t,withException:o})=>({minHeight:"100%",background:t.background.content,...o&&{backgroundColor:t.base==="dark"?Xo(.93,t.color.negative):t.background.warning}})),Zo=B.div(({theme:t})=>({padding:15,fontSize:t.typography.size.s2-1,lineHeight:"19px"})),Uo=B.code(({theme:t})=>({margin:"0 1px",padding:3,fontSize:t.typography.size.s1-1,lineHeight:1,verticalAlign:"top",background:"rgba(0, 0, 0, 0.05)",border:`1px solid ${t.appBorderColor}`,borderRadius:3})),qo=B.div({paddingBottom:4,fontWeight:"bold"}),Ko=B.p({margin:0,padding:"0 0 20px"}),Qo=B.pre(({theme:t})=>({margin:0,padding:0,fontSize:t.typography.size.s1-1})),ht=b.memo(function({calls:o,controls:e,controlStates:r,interactions:a,fileName:l,hasException:s,caughtException:c,isPlaying:u,pausedAt:f,onScrollToEnd:C,endRef:h,isRerunAnimating:_,setIsRerunAnimating:k,...G}){return b.createElement(Go,{...G},b.createElement(Yo,{withException:!!c},r.debugger&&(a.length>0||s||_)&&b.createElement(pt,{controls:e,controlStates:r,status:u?tt.ACTIVE:s?tt.ERROR:tt.DONE,storyFileName:l,onScrollToEnd:C,isRerunAnimating:_,setIsRerunAnimating:k}),b.createElement("div",null,a.map(S=>b.createElement(Ct,{key:S.id,call:S,callsById:o,controls:e,controlStates:r,childCallIds:S.childCallIds,isHidden:S.isHidden,isCollapsed:S.isCollapsed,toggleCollapsed:S.toggleCollapsed,pausedAt:f}))),c&&!c.message?.startsWith("ignoredException")&&b.createElement(Zo,null,b.createElement(qo,null,"Caught exception in ",b.createElement(Uo,null,"play")," function"),b.createElement(Ko,null,"This story threw an error after it finished rendering which means your interactions couldn' t be run.Go to this story' s play function in ",l," to fix."),b.createElement(Qo,{"data-chromatic":"ignore"},c.stack||`${c.name}: ${c.message}`)),b.createElement("div",{ref:h}),!u&&!c&&a.length===0&&b.createElement(Jo,null,"No interactions found",b.createElement(Vo,{href:"https://storybook.js.org/docs/react/writing-stories/play-function",target:"_blank",withArrow:!0},"Learn how to add interactions to your story"))))});import{styled as te}from"@storybook/theming";import oe from"react-dom";var St=({children:t})=>{let o=window.document.getElementById("tabbutton-interactions");return o&&oe.createPortal(t,o)},It=te(H)({marginLeft:5});var ce={debugger:!1,start:!1,back:!1,goto:!1,next:!1,end:!1},xt=({log:t,calls:o,collapsed:e,setCollapsed:r})=>{let a=new Map,l=new Map;return t.map(({callId:s,ancestors:c,status:u})=>{let f=!1;return c.forEach(C=>{e.has(C)&&(f=!0),l.set(C,(l.get(C)||[]).concat(s))}),{...o.get(s),status:u,isHidden:f}}).map(s=>{let c=s.status===L.ERROR&&a.get(s.ancestors.slice(-1)[0])?.status===L.ACTIVE?L.ACTIVE:s.status;return a.set(s.id,{...s,status:c}),{...s,status:c,childCallIds:l.get(s.id),isCollapsed:e.has(s.id),toggleCollapsed:()=>r(u=>(u.has(s.id)?u.delete(s.id):u.add(s.id),new Set(u)))}})},Et=t=>{let[o,e]=i.useState(),[r,a]=i.useState(ce),[l,s]=i.useState(),[c,u]=i.useState(!1),[f,C]=i.useState(!1),[h,_]=i.useState(!1),[k,G]=i.useState(),[S,et]=i.useState(new Set),[V,J]=i.useState(),[j,nt]=i.useState([]),[rt,kt]=i.useState(),st=i.useRef([]),W=i.useRef(new Map),wt=({status:g,...P})=>W.current.set(P.id,P),X=i.useRef();i.useEffect(()=>{let g;return ot.window.IntersectionObserver&&(g=new ot.window.IntersectionObserver(([P])=>G(P.isIntersecting?void 0:P.target),{root:ot.window.document.querySelector("#panel-tab-content")}),X.current&&g.observe(X.current)),()=>g?.disconnect()},[]);let N=ee({[v.CALL]:wt,[v.SYNC]:g=>{a(g.controlStates),s(g.pausedAt),nt(xt({log:g.logItems,calls:W.current,collapsed:S,setCollapsed:et})),st.current=g.logItems},[ae]:g=>{e(g.storyId),C(g.newPhase==="playing"),s(void 0),g.newPhase==="rendering"&&(u(!1),J(void 0))},[le]:()=>{u(!0)},[ie]:g=>{g?.message!==se.message?J(g):J(void 0)}},[S]);i.useEffect(()=>{nt(xt({log:st.current,calls:W.current,collapsed:S,setCollapsed:et}))},[S]),i.useEffect(()=>{f||h||kt(j.filter(({method:g})=>g!=="step").length)},[j,f,h]);let At=i.useMemo(()=>({start:()=>N(v.START,{storyId:o}),back:()=>N(v.BACK,{storyId:o}),goto:g=>N(v.GOTO,{storyId:o,callId:g}),next:()=>N(v.NEXT,{storyId:o}),end:()=>N(v.END,{storyId:o}),rerun:()=>{_(!0),N(re,{storyId:o})}}),[o]),Tt=ne("fileName",""),[Ot]=Tt.toString().split("/").slice(-1),vt=()=>k?.scrollIntoView({behavior:"smooth",block:"end"}),Nt=rt>0||!!V||h,at=!!V||j.some(g=>g.status===L.ERROR);return c?i.createElement(i.Fragment,{key:"interactions"}):i.createElement(i.Fragment,{key:"interactions"},i.createElement(St,null,Nt&&(at?i.createElement(It,{status:L.ERROR}):` (${rt})`)),i.createElement(ht,{calls:W.current,controls:At,controlStates:r,interactions:j,fileName:Ot,hasException:at,caughtException:V,isPlaying:f,pausedAt:l,endRef:X,onScrollToEnd:k&&vt,isRerunAnimating:h,setIsRerunAnimating:_,...t}))};_t.register(Y,()=>{_t.add(lt,{type:pe.PANEL,title:"Interactions",match:({viewMode:t})=>t==="story",render:Et})});
|
package/dist/preset/preview.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ArgsEnhancer, AnyFramework, StepLabel, PlayFunction, PlayFunctionContext } from '@storybook/
|
|
1
|
+
import * as _storybook_types from '@storybook/types';
|
|
2
|
+
import { ArgsEnhancer, AnyFramework, StepLabel, PlayFunction, PlayFunctionContext } from '@storybook/types';
|
|
3
3
|
|
|
4
|
-
declare const argsEnhancers: ArgsEnhancer<AnyFramework,
|
|
4
|
+
declare const argsEnhancers: ArgsEnhancer<AnyFramework, _storybook_types.Args>[];
|
|
5
5
|
declare const runStep: (label: StepLabel, play: PlayFunction, context: PlayFunctionContext) => void | Promise<void>;
|
|
6
6
|
declare const parameters: {
|
|
7
7
|
throwPlayFunctionExceptions: boolean;
|
package/dist/preset/preview.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var A=(n,t)=>{for(var e in t)i(n,e,{get:t[e],enumerable:!0})},g=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of E(t))!h.call(n,o)&&o!==e&&i(n,o,{get:()=>t[o],enumerable:!(r=l(t,o))||r.enumerable});return n};var F=n=>g(i({},"__esModule",{value:!0}),n);var j={};A(j,{argsEnhancers:()=>_,parameters:()=>C,runStep:()=>w});module.exports=F(j);var u=require("@storybook/addons"),s=require("@storybook/core-events"),
|
|
1
|
+
var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var A=(n,t)=>{for(var e in t)i(n,e,{get:t[e],enumerable:!0})},g=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of E(t))!h.call(n,o)&&o!==e&&i(n,o,{get:()=>t[o],enumerable:!(r=l(t,o))||r.enumerable});return n};var F=n=>g(i({},"__esModule",{value:!0}),n);var j={};A(j,{argsEnhancers:()=>_,parameters:()=>C,runStep:()=>w});module.exports=F(j);var u=require("@storybook/addons"),s=require("@storybook/core-events"),p=require("@storybook/instrumenter"),b=require("jest-mock"),f=new b.ModuleMocker(global),O=f.fn.bind(f),{action:P}=(0,p.instrument)({action:O},{retain:!0}),d=u.addons.getChannel(),y=new Set,c=[];d.on(s.FORCE_REMOUNT,()=>c.forEach(n=>{var t;return(t=n==null?void 0:n.mockClear)==null?void 0:t.call(n)}));d.on(s.STORY_RENDER_PHASE_CHANGED,({newPhase:n})=>{n==="loading"&&c.forEach(t=>{var e;return(e=t==null?void 0:t.mockClear)==null?void 0:e.call(t)})});var a=(n,t,e)=>{if(y.has(t))return t;y.add(t);try{if(Object.prototype.toString.call(t)==="[object Object]"){for(let[r,o]of Object.entries(t))t[r]=a(n,o,r);return t}if(Array.isArray(t))return t.map((r,o)=>a(n,r,`${e}[${o}]`));if(typeof t=="function"&&t.isAction){Object.defineProperty(t,"name",{value:e,writable:!1}),Object.defineProperty(t,"__storyId__",{value:n,writable:!1});let r=P(t);return c.push(r),r}}catch{}return t},S=({id:n,initialArgs:t})=>a(n,t),_=[S],{step:w}=(0,p.instrument)({step:(n,t,e)=>t(e)},{intercept:!0}),C={throwPlayFunctionExceptions:!1};0&&(module.exports={argsEnhancers,parameters,runStep});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-interactions",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.44",
|
|
4
4
|
"description": "Automate, test and debug user interactions",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook-addons",
|
|
@@ -59,15 +59,15 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@devtools-ds/object-inspector": "^1.1.2",
|
|
62
|
-
"@storybook/addons": "7.0.0-alpha.
|
|
63
|
-
"@storybook/api": "7.0.0-alpha.
|
|
64
|
-
"@storybook/client-logger": "7.0.0-alpha.
|
|
65
|
-
"@storybook/components": "7.0.0-alpha.
|
|
66
|
-
"@storybook/core-common": "7.0.0-alpha.
|
|
67
|
-
"@storybook/core-events": "7.0.0-alpha.
|
|
68
|
-
"@storybook/
|
|
69
|
-
"@storybook/
|
|
70
|
-
"@storybook/
|
|
62
|
+
"@storybook/addons": "7.0.0-alpha.44",
|
|
63
|
+
"@storybook/api": "7.0.0-alpha.44",
|
|
64
|
+
"@storybook/client-logger": "7.0.0-alpha.44",
|
|
65
|
+
"@storybook/components": "7.0.0-alpha.44",
|
|
66
|
+
"@storybook/core-common": "7.0.0-alpha.44",
|
|
67
|
+
"@storybook/core-events": "7.0.0-alpha.44",
|
|
68
|
+
"@storybook/instrumenter": "7.0.0-alpha.44",
|
|
69
|
+
"@storybook/theming": "7.0.0-alpha.44",
|
|
70
|
+
"@storybook/types": "7.0.0-alpha.44",
|
|
71
71
|
"global": "^4.4.0",
|
|
72
72
|
"jest-mock": "^27.0.6",
|
|
73
73
|
"polished": "^4.2.2",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
],
|
|
105
105
|
"platform": "node"
|
|
106
106
|
},
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "d4965bd328d8f83c279560c7bc8428e490b275f3",
|
|
108
108
|
"storybook": {
|
|
109
109
|
"displayName": "Interactions",
|
|
110
110
|
"unsupportedFrameworks": [
|