@storybook/addon-links 10.1.0-alpha.8 → 10.1.0-beta.0

package/dist/_browser-chunks/{chunk-D24LJQWS.js → chunk-FX5LXYO2.js}

@@ -1,21 +1,17 @@
 var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+    __defProp(target, name, { get: all[name], enumerable: !0 });
 };
 
 // src/constants.ts
-var ADDON_ID = "storybook/links";
-var PARAM_KEY = `links`;
-var constants_default = {
+var ADDON_ID = "storybook/links", PARAM_KEY = "links", constants_default = {
   NAVIGATE: `${ADDON_ID}/navigate`,
   REQUEST: `${ADDON_ID}/request`,
   RECEIVE: `${ADDON_ID}/receive`
 };
 
 export {
-  __name,
   __export,
   ADDON_ID,
   PARAM_KEY,

package/dist/_browser-chunks/chunk-LAYPZ6CY.js

@@ -0,0 +1,46 @@
+import {
+  PARAM_KEY
+} from "./chunk-FX5LXYO2.js";
+
+// src/utils.ts
+import { SELECT_STORY, STORY_CHANGED } from "storybook/internal/core-events";
+import { toId } from "storybook/internal/csf";
+import { global } from "@storybook/global";
+import { addons, makeDecorator } from "storybook/preview-api";
+var { document, HTMLElement } = global;
+function parseQuery(queryString) {
+  let query = {}, pairs = (queryString[0] === "?" ? queryString.substring(1) : queryString).split("&").filter(Boolean);
+  for (let i = 0; i < pairs.length; i++) {
+    let pair = pairs[i].split("=");
+    query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || "");
+  }
+  return query;
+}
+var navigate = (params) => addons.getChannel().emit(SELECT_STORY, params), hrefTo = (title, name) => new Promise((resolve) => {
+  let { location } = document, existingId = parseQuery(location.search).id, titleToLink = title || existingId.split("--", 2)[0], path = `/story/${toId(titleToLink, name)}`, sbPath = location.pathname.replace(/iframe\.html$/, ""), url = `${location.origin + sbPath}?${Object.entries({ path }).map((item) => `${item[0]}=${item[1]}`).join("&")}`;
+  resolve(url);
+}), valueOrCall = (args) => (value) => typeof value == "function" ? value(...args) : value, linkTo = (idOrTitle, nameInput) => (...args) => {
+  let resolver = valueOrCall(args), title = resolver(idOrTitle), name = nameInput ? resolver(nameInput) : !1;
+  title?.match(/--/) && !name ? navigate({ storyId: title }) : name && title ? navigate({ kind: title, story: name }) : title ? navigate({ kind: title }) : name && navigate({ story: name });
+}, linksListener = (e) => {
+  let { target } = e;
+  if (!(target instanceof HTMLElement))
+    return;
+  let element = target, { sbKind: kind, sbStory: story } = element.dataset;
+  (kind || story) && (e.preventDefault(), navigate({ kind, story }));
+}, hasListener = !1, on = () => {
+  hasListener || (hasListener = !0, document.addEventListener("click", linksListener));
+}, off = () => {
+  hasListener && (hasListener = !1, document.removeEventListener("click", linksListener));
+}, withLinks = makeDecorator({
+  name: "withLinks",
+  parameterName: PARAM_KEY,
+  wrapper: (getStory, context) => (on(), addons.getChannel().once(STORY_CHANGED, off), getStory(context))
+});
+
+export {
+  navigate,
+  hrefTo,
+  linkTo,
+  withLinks
+};

package/dist/_browser-chunks/{chunk-76WYWG2V.js → chunk-PZ2KFUGG.js}

@@ -1,10 +1,9 @@
 import {
   withLinks
-} from "./chunk-5NYAPMFO.js";
+} from "./chunk-LAYPZ6CY.js";
 import {
-  __export,
-  __name
-} from "./chunk-D24LJQWS.js";
+  __export
+} from "./chunk-FX5LXYO2.js";
 
 // src/preview.ts
 var preview_exports = {};
@@ -14,7 +13,7 @@ __export(preview_exports, {
 
 // src/index.ts
 import { definePreviewAddon } from "storybook/internal/csf";
-var index_default = /* @__PURE__ */ __name(() => definePreviewAddon(preview_exports), "default");
+var index_default = () => definePreviewAddon(preview_exports);
 
 // src/preview.ts
 var decorators = [withLinks];

package/dist/index.js

@@ -1,13 +1,13 @@
 import {
   index_default
-} from "./_browser-chunks/chunk-76WYWG2V.js";
+} from "./_browser-chunks/chunk-PZ2KFUGG.js";
 import {
   hrefTo,
   linkTo,
   navigate,
   withLinks
-} from "./_browser-chunks/chunk-5NYAPMFO.js";
-import "./_browser-chunks/chunk-D24LJQWS.js";
+} from "./_browser-chunks/chunk-LAYPZ6CY.js";
+import "./_browser-chunks/chunk-FX5LXYO2.js";
 export {
   index_default as default,
   hrefTo,

package/dist/manager.js

@@ -1,13 +1,13 @@
 import {
   ADDON_ID,
   constants_default
-} from "./_browser-chunks/chunk-D24LJQWS.js";
+} from "./_browser-chunks/chunk-FX5LXYO2.js";
 
 // src/manager.ts
 import { addons } from "storybook/manager-api";
 addons.register(ADDON_ID, (api) => {
   api.on(constants_default.REQUEST, ({ kind, name }) => {
-    const id = api.storyId(kind, name);
+    let id = api.storyId(kind, name);
     api.emit(constants_default.RECEIVE, id);
   });
 });

package/dist/preview.js

@@ -1,8 +1,8 @@
 import {
   decorators
-} from "./_browser-chunks/chunk-76WYWG2V.js";
-import "./_browser-chunks/chunk-5NYAPMFO.js";
-import "./_browser-chunks/chunk-D24LJQWS.js";
+} from "./_browser-chunks/chunk-PZ2KFUGG.js";
+import "./_browser-chunks/chunk-LAYPZ6CY.js";
+import "./_browser-chunks/chunk-FX5LXYO2.js";
 export {
   decorators
 };

package/dist/react/index.js

@@ -1,62 +1,47 @@
 import {
   hrefTo,
   navigate
-} from "../_browser-chunks/chunk-5NYAPMFO.js";
-import {
-  __name
-} from "../_browser-chunks/chunk-D24LJQWS.js";
+} from "../_browser-chunks/chunk-LAYPZ6CY.js";
+import "../_browser-chunks/chunk-FX5LXYO2.js";
 
 // src/react/components/link.tsx
 import React, { PureComponent } from "react";
-var LEFT_BUTTON = 0;
-var isPlainLeftClick = /* @__PURE__ */ __name((e) => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey, "isPlainLeftClick");
-var cancelled = /* @__PURE__ */ __name((e, cb = (_e) => {
+var LEFT_BUTTON = 0, isPlainLeftClick = (e) => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey, cancelled = (e, cb = (_e) => {
 }) => {
-  if (isPlainLeftClick(e)) {
-    e.preventDefault();
-    cb(e);
-  }
-}, "cancelled");
-var _LinkTo = class _LinkTo extends PureComponent {
+  isPlainLeftClick(e) && (e.preventDefault(), cb(e));
+}, LinkTo = class extends PureComponent {
   constructor() {
     super(...arguments);
     this.state = {
       href: "/"
     };
-    this.updateHref = /* @__PURE__ */ __name(async () => {
-      const { kind, title = kind, story, name = story } = this.props;
+    this.updateHref = async () => {
+      let { kind, title = kind, story, name = story } = this.props;
       if (title && name) {
-        const href = await hrefTo(title, name);
+        let href = await hrefTo(title, name);
         this.setState({ href });
       }
-    }, "updateHref");
-    this.handleClick = /* @__PURE__ */ __name(() => {
-      const { kind, title = kind, story, name = story } = this.props;
-      if (title && name) {
-        navigate({ title, name });
-      }
-    }, "handleClick");
+    };
+    this.handleClick = () => {
+      let { kind, title = kind, story, name = story } = this.props;
+      title && name && navigate({ title, name });
+    };
   }
   componentDidMount() {
     this.updateHref();
   }
   componentDidUpdate(prevProps) {
-    const { kind, title, story, name } = this.props;
-    if (prevProps.kind !== kind || prevProps.story !== story || prevProps.title !== title || prevProps.name !== name) {
-      this.updateHref();
-    }
+    let { kind, title, story, name } = this.props;
+    (prevProps.kind !== kind || prevProps.story !== story || prevProps.title !== title || prevProps.name !== name) && this.updateHref();
   }
   render() {
-    const { kind, title = kind, story, name = story, children, ...rest } = this.props;
-    const { href } = this.state;
+    let { kind, title = kind, story, name = story, children, ...rest } = this.props, { href } = this.state;
     return React.createElement("a", { href, onClick: (e) => cancelled(e, this.handleClick), ...rest }, children);
   }
 };
-__name(_LinkTo, "LinkTo");
-_LinkTo.defaultProps = {
+LinkTo.defaultProps = {
   children: void 0
 };
-var LinkTo = _LinkTo;
 
 // src/react/index.ts
 var react_default = LinkTo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "10.1.0-alpha.8",
+  "version": "10.1.0-beta.0",
   "description": "Storybook Links: Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook",
@@ -61,7 +61,7 @@
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "storybook": "^10.1.0-alpha.8"
+    "storybook": "^10.1.0-beta.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -71,7 +71,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16",
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",

package/dist/_browser-chunks/chunk-5NYAPMFO.js

@@ -1,91 +0,0 @@
-import {
-  PARAM_KEY,
-  __name
-} from "./chunk-D24LJQWS.js";
-
-// src/utils.ts
-import { SELECT_STORY, STORY_CHANGED } from "storybook/internal/core-events";
-import { toId } from "storybook/internal/csf";
-import { global } from "@storybook/global";
-import { addons, makeDecorator } from "storybook/preview-api";
-var { document, HTMLElement } = global;
-function parseQuery(queryString) {
-  const query = {};
-  const pairs = (queryString[0] === "?" ? queryString.substring(1) : queryString).split("&").filter(Boolean);
-  for (let i = 0; i < pairs.length; i++) {
-    const pair = pairs[i].split("=");
-    query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || "");
-  }
-  return query;
-}
-__name(parseQuery, "parseQuery");
-var navigate = /* @__PURE__ */ __name((params) => addons.getChannel().emit(SELECT_STORY, params), "navigate");
-var hrefTo = /* @__PURE__ */ __name((title, name) => {
-  return new Promise((resolve) => {
-    const { location } = document;
-    const query = parseQuery(location.search);
-    const existingId = query.id;
-    const titleToLink = title || existingId.split("--", 2)[0];
-    const id = toId(titleToLink, name);
-    const path = `/story/${id}`;
-    const sbPath = location.pathname.replace(/iframe\.html$/, "");
-    const url = `${location.origin + sbPath}?${Object.entries({ path }).map((item) => `${item[0]}=${item[1]}`).join("&")}`;
-    resolve(url);
-  });
-}, "hrefTo");
-var valueOrCall = /* @__PURE__ */ __name((args) => (value) => typeof value === "function" ? value(...args) : value, "valueOrCall");
-var linkTo = /* @__PURE__ */ __name((idOrTitle, nameInput) => (...args) => {
-  const resolver = valueOrCall(args);
-  const title = resolver(idOrTitle);
-  const name = nameInput ? resolver(nameInput) : false;
-  if (title?.match(/--/) && !name) {
-    navigate({ storyId: title });
-  } else if (name && title) {
-    navigate({ kind: title, story: name });
-  } else if (title) {
-    navigate({ kind: title });
-  } else if (name) {
-    navigate({ story: name });
-  }
-}, "linkTo");
-var linksListener = /* @__PURE__ */ __name((e) => {
-  const { target } = e;
-  if (!(target instanceof HTMLElement)) {
-    return;
-  }
-  const element = target;
-  const { sbKind: kind, sbStory: story } = element.dataset;
-  if (kind || story) {
-    e.preventDefault();
-    navigate({ kind, story });
-  }
-}, "linksListener");
-var hasListener = false;
-var on = /* @__PURE__ */ __name(() => {
-  if (!hasListener) {
-    hasListener = true;
-    document.addEventListener("click", linksListener);
-  }
-}, "on");
-var off = /* @__PURE__ */ __name(() => {
-  if (hasListener) {
-    hasListener = false;
-    document.removeEventListener("click", linksListener);
-  }
-}, "off");
-var withLinks = makeDecorator({
-  name: "withLinks",
-  parameterName: PARAM_KEY,
-  wrapper: /* @__PURE__ */ __name((getStory, context) => {
-    on();
-    addons.getChannel().once(STORY_CHANGED, off);
-    return getStory(context);
-  }, "wrapper")
-});
-
-export {
-  navigate,
-  hrefTo,
-  linkTo,
-  withLinks
-};