@storybook/addon-onboarding 0.0.42 → 0.0.43-canary.69.f0a7307.0
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.mjs +2 -2
- package/dist/preset.js +1 -1
- package/package.json +1 -1
package/dist/manager.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import e, { lazy, Suspense, useState, useCallback, useEffect, forwardRef, useMem
|
|
|
2
2
|
import Fo from 'react-confetti';
|
|
3
3
|
import { ThemeProvider, useTheme, convert, styled, keyframes, ensure, themes, css } from '@storybook/theming';
|
|
4
4
|
import rr, { createPortal } from 'react-dom';
|
|
5
|
-
import
|
|
5
|
+
import ae, { STATUS } from 'react-joyride';
|
|
6
6
|
import { STORY_SPECIFIED, UPDATE_STORY_ARGS, STORY_INDEX_INVALIDATED, STORY_RENDERED } from '@storybook/core-events';
|
|
7
7
|
import * as h from '@radix-ui/react-dialog';
|
|
8
8
|
import { Icons, SyntaxHighlighter } from '@storybook/components';
|
|
@@ -76,7 +76,7 @@ var jo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
|
|
|
76
76
|
display: flex;
|
|
77
77
|
justify-content: flex-end;
|
|
78
78
|
margin-top: 15px;
|
|
79
|
-
`,nt=({step:t,primaryProps:o,tooltipProps:r})=>e.createElement(Ro,{...r},e.createElement(te,null,t.title&&e.createElement(oe,null,t.title),e.createElement(ee,null,t.content)),!t.hideNextButton&&e.createElement(re,{id:"buttonNext"},e.createElement(m,{...o,...t.onNextButtonClick?{onClick:t.onNextButtonClick}:{}},"Next")));});function st({api:t,isFinalStep:o,onFirstTourDone:r,onLastTourDone:i}){let[n,s]=useState(),p=useTheme();return useEffect(()=>{t.once(UPDATE_STORY_ARGS,()=>{s(3);});},[]),e.createElement(
|
|
79
|
+
`,nt=({step:t,primaryProps:o,tooltipProps:r})=>e.createElement(Ro,{...r},e.createElement(te,null,t.title&&e.createElement(oe,null,t.title),e.createElement(ee,null,t.content)),!t.hideNextButton&&e.createElement(re,{id:"buttonNext"},e.createElement(m,{...o,...t.onNextButtonClick?{onClick:t.onNextButtonClick}:{}},"Next")));});function st({api:t,isFinalStep:o,onFirstTourDone:r,onLastTourDone:i}){let[n,s]=useState(),p=useTheme();return useEffect(()=>{t.once(UPDATE_STORY_ARGS,()=>{s(3);});},[]),e.createElement(ae,{steps:o?[{target:"#example-button--warning",title:"Congratulations!",content:e.createElement(e.Fragment,null,"You just created your first story. Continue setting up your project to write stories for your own components."),placement:"right",disableOverlay:!0,disableBeacon:!0,floaterProps:{disableAnimation:!0},onNextButtonClick(){i();}}]:[{target:"#storybook-explorer-tree > div",title:"Storybook is built from stories",content:"Storybook stories represent the key states of each of your components. For example, this Button component has four stories.",placement:"right",disableBeacon:!0,styles:{spotlight:{transform:"translateY(30px)"}},floaterProps:{disableAnimation:!0}},{target:"#storybook-preview-iframe",title:"Storybook previews are interactive",content:"Whenever you modify code or stories, Storybook automatically updates how it previews your components.",placement:"bottom",styles:{spotlight:{borderRadius:0}}},{target:"#root div[role=main]",title:"Interactive story playground",content:e.createElement(e.Fragment,null,"See how a story renders with different data and state without touching code.",e.createElement("br",null),e.createElement("br",null),"Try it out by pressing this button.",e.createElement(ot,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary",options:{preventOverflow:{boundariesElement:"window"}}},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:e.createElement(e.Fragment,null,"You learned how to control your stories interactively. Now let's explore how to write your first story.",e.createElement(I,{numberOfPieces:800,recycle:!1,tweenDuration:2e4})),placement:"right",floaterProps:{options:{preventOverflow:{boundariesElement:"window"}}},disableOverlay:!0}],continuous:!0,stepIndex:n,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:l=>{!o&&l.status===STATUS.FINISHED&&r();},floaterProps:{options:{offset:{offset:"0, 6"}},styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:p.base==="light"?"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))":"drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)"}}},tooltipComponent:nt,styles:{overlay:{mixBlendMode:"unset",backgroundColor:"none"},spotlight:{backgroundColor:"none",border:`solid 2px ${p.color.secondary}`,boxShadow:"0px 0px 0px 9999px rgba(0,0,0,0.4)"},options:{zIndex:1e4,primaryColor:p.color.secondary,arrowColor:p.base==="dark"?"#292A2C":p.color.lightest}}})}var at=a(()=>{et();Y();it();});var dt,me,mt,ut=a(()=>{dt=styled.div`
|
|
80
80
|
background-color: rgba(27, 28, 29, 0.48);
|
|
81
81
|
position: fixed;
|
|
82
82
|
inset: 0px;
|
package/dist/preset.js
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var telemetry = require('@storybook/telemetry');
|
|
4
4
|
|
|
5
|
-
var d=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports);var r=d((l,p)=>{p.exports={name:"@storybook/addon-onboarding",version:"0.0.
|
|
5
|
+
var d=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports);var r=d((l,p)=>{p.exports={name:"@storybook/addon-onboarding",version:"0.0.42",description:"Storybook Addon Onboarding - Introduces a new onboarding experience",keywords:["storybook-addons","addon-onboarding"],homepage:"https://github.com/storybookjs/addon-onboarding#readme",bugs:{url:"https://github.com/storybookjs/addon-onboarding/issues"},repository:"git+https://github.com/storybookjs/addon-onboarding.git",license:"MIT",author:"@storybookjs/core",exports:{".":{import:"./dist/index.mjs",require:"./dist/index.js",types:"./dist/index.d.ts"},"./package.json":"./package.json","./preset":{require:"./preset.js"}},main:"dist/index.js",module:"dist/index.mjs",types:"dist/index.d.ts",files:["dist/**/*","README.md","*.js","*.d.ts"],scripts:{prebuild:"rimraf ./dist",build:"tsup","build-storybook":"storybook build","build:watch":"pnpm run build --watch",chromatic:"npx chromatic",release:"pnpm run build && auto shipit",start:"run-p build:watch 'storybook --quiet'",storybook:"storybook dev -p 6006","storybook:watch":"nodemon"},nodemonConfig:{exec:"pnpm run storybook --ci",ext:"js,jsx,ts,tsx",ignore:["src/stories","src/**/*.stories.*"],watch:["src",".storybook/main.ts","vite.config.ts"]},dependencies:{"@radix-ui/react-dialog":"^1.0.4","@storybook/telemetry":"^7.1.0-alpha.32","framer-motion":"^6.5.1","react-confetti":"^6.1.0","react-joyride":"^2.5.4","react-use-measure":"^2.1.1"},devDependencies:{"@storybook/addon-essentials":"^7.1.0-alpha.32","@storybook/addon-interactions":"^7.1.0-alpha.32","@storybook/addon-links":"^7.1.0-alpha.32","@storybook/blocks":"^7.1.0-alpha.32","@storybook/channels":"^7.1.0-alpha.32","@storybook/components":"^7.1.0-alpha.32","@storybook/core-events":"^7.1.0-alpha.32","@storybook/jest":"^0.1.0","@storybook/manager-api":"^7.1.0-alpha.32","@storybook/react":"^7.1.0-alpha.32","@storybook/react-vite":"^7.1.0-alpha.32","@storybook/testing-library":"^0.0.14-next.1","@storybook/theming":"^7.1.0-alpha.32","@storybook/types":"^7.1.0-alpha.32","@types/node":"^18.15.0","@types/react":"^18.2.7","@types/react-dom":"^18.2.4","@vitejs/plugin-react":"^3.1.0",auto:"^10.3.0",chromatic:"^6.17.4",dedent:"^0.7.0",nodemon:"^2.0.22","npm-run-all":"^4.1.5",prettier:"^2.3.1",react:"^18.0.0","react-dom":"^18.0.0",rimraf:"^5.0.1",storybook:"^7.1.0-alpha.32",tsup:"^6.6.3",typescript:"^4.9.5",vite:"^4.1.4"},peerDependencies:{react:"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},publishConfig:{access:"public"}};});var t="STORYBOOK_ADDON_ONBOARDING_CHANNEL";var k=async(e,o)=>{let{disableTelemetry:s}=await o.presets.apply("core",{});if(!s){let{version:n}=r();e.on(t,({type:a,...i})=>{a==="telemetry"&&telemetry.telemetry("addon-onboarding",{...i,addonVersion:n});});}return e};
|
|
6
6
|
|
|
7
7
|
exports.experimental_serverChannel = k;
|