@storybook/addon-onboarding 10.0.0-beta.8 → 10.0.0-rc.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.
|
@@ -1364,7 +1364,8 @@ var Wrapper = styled.div({
|
|
|
1364
1364
|
top: 0,
|
|
1365
1365
|
left: "50%",
|
|
1366
1366
|
width: "50%",
|
|
1367
|
-
height: "100%"
|
|
1367
|
+
height: "100%",
|
|
1368
|
+
pointerEvents: "none"
|
|
1368
1369
|
});
|
|
1369
1370
|
var Confetti = React.memo(/* @__PURE__ */ __name(function Confetti2({
|
|
1370
1371
|
timeToFade = 5e3,
|
|
@@ -8110,6 +8111,7 @@ function Onboarding({ api }) {
|
|
|
8110
8111
|
const [saveFromControls, setSaveFromControls] = useState4();
|
|
8111
8112
|
const [createNewStoryForm, setCreateNewStoryForm] = useState4();
|
|
8112
8113
|
const [createdStory, setCreatedStory] = useState4();
|
|
8114
|
+
const userAgent = globalThis?.navigator?.userAgent;
|
|
8113
8115
|
const selectStory = useCallback2(
|
|
8114
8116
|
(storyId) => {
|
|
8115
8117
|
try {
|
|
@@ -8134,16 +8136,18 @@ function Onboarding({ api }) {
|
|
|
8134
8136
|
(answers) => {
|
|
8135
8137
|
api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL, {
|
|
8136
8138
|
step: "7:FinishedOnboarding",
|
|
8137
|
-
type: "telemetry"
|
|
8139
|
+
type: "telemetry",
|
|
8140
|
+
userAgent
|
|
8138
8141
|
});
|
|
8139
8142
|
api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL, {
|
|
8140
8143
|
answers,
|
|
8141
|
-
type: "survey"
|
|
8144
|
+
type: "survey",
|
|
8145
|
+
userAgent
|
|
8142
8146
|
});
|
|
8143
8147
|
selectStory("configure-your-project--docs");
|
|
8144
8148
|
disableOnboarding();
|
|
8145
8149
|
},
|
|
8146
|
-
[api, selectStory, disableOnboarding]
|
|
8150
|
+
[api, selectStory, disableOnboarding, userAgent]
|
|
8147
8151
|
);
|
|
8148
8152
|
useEffect5(() => {
|
|
8149
8153
|
api.setQueryParams({ onboarding: "true" });
|
|
@@ -8187,11 +8191,12 @@ function Onboarding({ api }) {
|
|
|
8187
8191
|
setShowConfetti(true);
|
|
8188
8192
|
setStep("5:StoryCreated");
|
|
8189
8193
|
setTimeout(() => api.clearNotification("save-story-success"));
|
|
8194
|
+
setTimeout(() => setShowConfetti(false), 1e4);
|
|
8190
8195
|
});
|
|
8191
8196
|
}, [api]);
|
|
8192
8197
|
useEffect5(
|
|
8193
|
-
() => api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL, { step, type: "telemetry" }),
|
|
8194
|
-
[api, step]
|
|
8198
|
+
() => api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL, { step, type: "telemetry", userAgent }),
|
|
8199
|
+
[api, step, userAgent]
|
|
8195
8200
|
);
|
|
8196
8201
|
if (!enabled) {
|
|
8197
8202
|
return null;
|
package/dist/manager.js
CHANGED
|
@@ -8,7 +8,7 @@ import React, { Suspense, lazy } from "react";
|
|
|
8
8
|
import ReactDOM from "react-dom";
|
|
9
9
|
import { STORY_SPECIFIED } from "storybook/internal/core-events";
|
|
10
10
|
import { addons } from "storybook/manager-api";
|
|
11
|
-
var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-
|
|
11
|
+
var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-XBLXWDOE.js"));
|
|
12
12
|
addons.register("@storybook/addon-onboarding", async (api) => {
|
|
13
13
|
const urlState = api.getUrlState();
|
|
14
14
|
const isOnboarding = urlState.path === "/onboarding" || urlState.queryParams.onboarding === "true";
|
package/dist/preset.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import CJS_COMPAT_NODE_URL_2jtoyu44ogv from 'node:url';
|
|
2
|
+
import CJS_COMPAT_NODE_PATH_2jtoyu44ogv from 'node:path';
|
|
3
|
+
import CJS_COMPAT_NODE_MODULE_2jtoyu44ogv from "node:module";
|
|
4
4
|
|
|
5
|
-
var __filename =
|
|
6
|
-
var __dirname =
|
|
7
|
-
var require =
|
|
5
|
+
var __filename = CJS_COMPAT_NODE_URL_2jtoyu44ogv.fileURLToPath(import.meta.url);
|
|
6
|
+
var __dirname = CJS_COMPAT_NODE_PATH_2jtoyu44ogv.dirname(__filename);
|
|
7
|
+
var require = CJS_COMPAT_NODE_MODULE_2jtoyu44ogv.createRequire(import.meta.url);
|
|
8
8
|
|
|
9
9
|
// ------------------------------------------------------------
|
|
10
10
|
// end of CJS compatibility banner, injected by Storybook's esbuild configuration
|
|
@@ -16,7 +16,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
|
|
|
16
16
|
import { telemetry } from "storybook/internal/telemetry";
|
|
17
17
|
|
|
18
18
|
// package.json
|
|
19
|
-
var version = "10.0.0-
|
|
19
|
+
var version = "10.0.0-rc.0";
|
|
20
20
|
|
|
21
21
|
// src/constants.ts
|
|
22
22
|
var STORYBOOK_ADDON_ONBOARDING_CHANNEL = "STORYBOOK_ADDON_ONBOARDING_CHANNEL";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-onboarding",
|
|
3
|
-
"version": "10.0.0-
|
|
3
|
+
"version": "10.0.0-rc.0",
|
|
4
4
|
"description": "Storybook Onboarding: Help new users learn how to write stories",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"typescript": "^5.8.3"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
|
-
"storybook": "^10.0.0-
|
|
62
|
+
"storybook": "^10.0.0-rc.0"
|
|
63
63
|
},
|
|
64
64
|
"publishConfig": {
|
|
65
65
|
"access": "public"
|