@storybook/addon-links 9.2.0-alpha.3 → 10.0.0-beta.1

package/README.md

@@ -1,8 +1,8 @@
 # Story Links Addon
 
-The Storybook Links addon can be used to create links that navigate between stories in [Storybook](https://storybook.js.org).
+The Storybook Links addon can be used to create links that navigate between stories in [Storybook](https://storybook.js.org?ref=readme).
 
-[Framework Support](https://storybook.js.org/docs/configure/integration/frameworks-feature-support)
+[Framework Support](https://storybook.js.org/docs/configure/integration/frameworks-feature-support?ref=readme)
 
 ## Getting Started
 
@@ -145,3 +145,5 @@ It accepts all the props the `a` element does, plus `story` and `kind`. It the `
 ```
 
 To implement such a component for another framework, you need to add special handling for `click` event on native `a` element. See [`RoutedLink` sources](https://github.com/storybookjs/storybook/blob/next/code/addons/links/src/react/components/RoutedLink.tsx) for reference.
+
+Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

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

@@ -0,0 +1,91 @@
+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
+};

package/dist/_browser-chunks/chunk-76WYWG2V.js

@@ -0,0 +1,25 @@
+import {
+  withLinks
+} from "./chunk-5NYAPMFO.js";
+import {
+  __export,
+  __name
+} from "./chunk-D24LJQWS.js";
+
+// src/preview.ts
+var preview_exports = {};
+__export(preview_exports, {
+  decorators: () => decorators
+});
+
+// src/index.ts
+import { definePreviewAddon } from "storybook/internal/csf";
+var index_default = /* @__PURE__ */ __name(() => definePreviewAddon(preview_exports), "default");
+
+// src/preview.ts
+var decorators = [withLinks];
+
+export {
+  decorators,
+  index_default
+};

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

@@ -0,0 +1,23 @@
+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 });
+};
+
+// src/constants.ts
+var ADDON_ID = "storybook/links";
+var PARAM_KEY = `links`;
+var constants_default = {
+  NAVIGATE: `${ADDON_ID}/navigate`,
+  REQUEST: `${ADDON_ID}/request`,
+  RECEIVE: `${ADDON_ID}/receive`
+};
+
+export {
+  __name,
+  __export,
+  ADDON_ID,
+  PARAM_KEY,
+  constants_default
+};

package/dist/index.js

@@ -1,16 +1,17 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var csf = require('storybook/internal/csf');
-var coreEvents = require('storybook/internal/core-events');
-var global = require('@storybook/global');
-var previewApi = require('storybook/preview-api');
-
-var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};var preview_exports={};__export(preview_exports,{decorators:()=>decorators});var decorators=[withLinks];var PARAM_KEY="links";var{document,HTMLElement}=global.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=>previewApi.addons.getChannel().emit(coreEvents.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/${csf.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=previewApi.makeDecorator({name:"withLinks",parameterName:PARAM_KEY,wrapper:(getStory,context)=>(on(),previewApi.addons.getChannel().once(coreEvents.STORY_CHANGED,off),getStory(context))});var index_default=()=>csf.definePreviewAddon(preview_exports);
-
-exports.default = index_default;
-exports.hrefTo = hrefTo;
-exports.linkTo = linkTo;
-exports.navigate = navigate;
-exports.withLinks = withLinks;
+import {
+  index_default
+} from "./_browser-chunks/chunk-76WYWG2V.js";
+import {
+  hrefTo,
+  linkTo,
+  navigate,
+  withLinks
+} from "./_browser-chunks/chunk-5NYAPMFO.js";
+import "./_browser-chunks/chunk-D24LJQWS.js";
+export {
+  index_default as default,
+  hrefTo,
+  linkTo,
+  navigate,
+  withLinks
+};

package/dist/manager.js

@@ -1,3 +1,13 @@
-import { addons } from 'storybook/manager-api';
+import {
+  ADDON_ID,
+  constants_default
+} from "./_browser-chunks/chunk-D24LJQWS.js";
 
-var ADDON_ID="storybook/links";var constants_default={NAVIGATE:`${ADDON_ID}/navigate`,REQUEST:`${ADDON_ID}/request`,RECEIVE:`${ADDON_ID}/receive`};addons.register(ADDON_ID,api=>{api.on(constants_default.REQUEST,({kind,name})=>{let id=api.storyId(kind,name);api.emit(constants_default.RECEIVE,id);});});
+// 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);
+    api.emit(constants_default.RECEIVE, id);
+  });
+});

package/dist/preview.js

@@ -1,10 +1,8 @@
-'use strict';
-
-require('storybook/internal/csf');
-var coreEvents = require('storybook/internal/core-events');
-var global = require('@storybook/global');
-var previewApi = require('storybook/preview-api');
-
-var PARAM_KEY="links";var{document,HTMLElement}=global.global;var navigate=params=>previewApi.addons.getChannel().emit(coreEvents.SELECT_STORY,params);var 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=previewApi.makeDecorator({name:"withLinks",parameterName:PARAM_KEY,wrapper:(getStory,context)=>(on(),previewApi.addons.getChannel().once(coreEvents.STORY_CHANGED,off),getStory(context))});var decorators=[withLinks];
-
-exports.decorators = decorators;
+import {
+  decorators
+} from "./_browser-chunks/chunk-76WYWG2V.js";
+import "./_browser-chunks/chunk-5NYAPMFO.js";
+import "./_browser-chunks/chunk-D24LJQWS.js";
+export {
+  decorators
+};

package/dist/react/index.js

@@ -1,15 +1,65 @@
-'use strict';
+import {
+  hrefTo,
+  navigate
+} from "../_browser-chunks/chunk-5NYAPMFO.js";
+import {
+  __name
+} from "../_browser-chunks/chunk-D24LJQWS.js";
 
-var React = require('react');
-var coreEvents = require('storybook/internal/core-events');
-var csf = require('storybook/internal/csf');
-var global = require('@storybook/global');
-var previewApi = require('storybook/preview-api');
+// 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) => {
+}) => {
+  if (isPlainLeftClick(e)) {
+    e.preventDefault();
+    cb(e);
+  }
+}, "cancelled");
+var _LinkTo = class _LinkTo extends PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      href: "/"
+    };
+    this.updateHref = /* @__PURE__ */ __name(async () => {
+      const { kind, title = kind, story, name = story } = this.props;
+      if (title && name) {
+        const 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");
+  }
+  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();
+    }
+  }
+  render() {
+    const { kind, title = kind, story, name = story, children, ...rest } = this.props;
+    const { href } = this.state;
+    return React.createElement("a", { href, onClick: (e) => cancelled(e, this.handleClick), ...rest }, children);
+  }
+};
+__name(_LinkTo, "LinkTo");
+_LinkTo.defaultProps = {
+  children: void 0
+};
+var LinkTo = _LinkTo;
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var PARAM_KEY="links";var{document,HTMLElement}=global.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=>previewApi.addons.getChannel().emit(coreEvents.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/${csf.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);});var 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));};previewApi.makeDecorator({name:"withLinks",parameterName:PARAM_KEY,wrapper:(getStory,context)=>(on(),previewApi.addons.getChannel().once(coreEvents.STORY_CHANGED,off),getStory(context))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb=_e=>{})=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkTo=class extends React.PureComponent{constructor(){super(...arguments);this.state={href:"/"};this.updateHref=async()=>{let{kind,title=kind,story,name=story}=this.props;if(title&&name){let href=await hrefTo(title,name);this.setState({href});}};this.handleClick=()=>{let{kind,title=kind,story,name=story}=this.props;title&&name&&navigate({title,name});};}static{this.defaultProps={children:void 0};}componentDidMount(){this.updateHref();}componentDidUpdate(prevProps){let{kind,title,story,name}=this.props;(prevProps.kind!==kind||prevProps.story!==story||prevProps.title!==title||prevProps.name!==name)&&this.updateHref();}render(){let{kind,title=kind,story,name=story,children,...rest}=this.props,{href}=this.state;return React__default.default.createElement("a",{href,onClick:e=>cancelled(e,this.handleClick),...rest},children)}};var react_default=LinkTo;
-
-module.exports = react_default;
+// src/react/index.ts
+var react_default = LinkTo;
+export {
+  react_default as default
+};

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@storybook/addon-links",
-  "version": "9.2.0-alpha.3",
-  "description": "Link stories together to build demos and prototypes with your UI components",
+  "version": "10.0.0-beta.1",
+  "description": "Storybook Links: Link stories together to build demos and prototypes with your UI components",
   "keywords": [
-    "storybook-addons",
-    "organize"
+    "storybook",
+    "storybook-addon",
+    "organize",
+    "links",
+    "navigation",
+    "component",
+    "components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/addons/links",
   "bugs": {
@@ -20,40 +25,21 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.mjs",
-      "require": "./dist/react/index.js"
+      "default": "./dist/index.js"
     },
+    "./manager": "./dist/manager.js",
+    "./package.json": "./package.json",
     "./preview": {
       "types": "./dist/preview.d.ts",
-      "import": "./dist/preview.mjs",
-      "require": "./dist/preview.js"
+      "default": "./dist/preview.js"
     },
-    "./manager": "./dist/manager.js",
-    "./register": "./dist/manager.js",
-    "./package.json": "./package.json"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "dist/index.d.ts"
-      ],
-      "preview": [
-        "dist/preview.d.ts"
-      ],
-      "react": [
-        "dist/react/index.d.ts"
-      ]
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "default": "./dist/react/index.js"
     }
   },
   "files": [
@@ -64,8 +50,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/prepare/check.ts",
-    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/check/check-package.ts",
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0"
@@ -74,8 +60,8 @@
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-    "storybook": "^9.2.0-alpha.3"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "storybook": "^10.0.0-beta.1"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -85,20 +71,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "exportEntries": [
-      "./src/react/index.ts",
-      "./src/index.ts"
-    ],
-    "managerEntries": [
-      "./src/manager.ts"
-    ],
-    "previewEntries": [
-      "./src/preview.ts"
-    ],
-    "post": "./scripts/fix-preview-api-reference.ts"
-  },
-  "gitHead": "ce6a1e4a8d5ad69c699021a0b183df89cfc7b684",
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",

package/dist/chunk-DAF6YNFB.mjs

@@ -1,8 +0,0 @@
-import { STORY_CHANGED, SELECT_STORY } from 'storybook/internal/core-events';
-import { toId } from 'storybook/internal/csf';
-import { global } from '@storybook/global';
-import { makeDecorator, addons } from 'storybook/preview-api';
-
-var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};var PARAM_KEY="links";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 { __export, hrefTo, linkTo, navigate, withLinks };

package/dist/index.mjs

@@ -1,7 +0,0 @@
-import { __export, withLinks } from './chunk-DAF6YNFB.mjs';
-export { hrefTo, linkTo, navigate, withLinks } from './chunk-DAF6YNFB.mjs';
-import { definePreviewAddon } from 'storybook/internal/csf';
-
-var preview_exports={};__export(preview_exports,{decorators:()=>decorators});var decorators=[withLinks];var index_default=()=>definePreviewAddon(preview_exports);
-
-export { index_default as default };

package/dist/preview.mjs

@@ -1,8 +0,0 @@
-import 'storybook/internal/csf';
-import { STORY_CHANGED, SELECT_STORY } from 'storybook/internal/core-events';
-import { global } from '@storybook/global';
-import { makeDecorator, addons } from 'storybook/preview-api';
-
-var PARAM_KEY="links";var{document,HTMLElement}=global;var navigate=params=>addons.getChannel().emit(SELECT_STORY,params);var 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))});var decorators=[withLinks];
-
-export { decorators };

package/dist/react/index.mjs

@@ -1,6 +0,0 @@
-import { hrefTo, navigate } from '../chunk-DAF6YNFB.mjs';
-import React, { PureComponent } from 'react';
-
-var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb=_e=>{})=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkTo=class extends PureComponent{constructor(){super(...arguments);this.state={href:"/"};this.updateHref=async()=>{let{kind,title=kind,story,name=story}=this.props;if(title&&name){let href=await hrefTo(title,name);this.setState({href});}};this.handleClick=()=>{let{kind,title=kind,story,name=story}=this.props;title&&name&&navigate({title,name});};}componentDidMount(){this.updateHref();}componentDidUpdate(prevProps){let{kind,title,story,name}=this.props;(prevProps.kind!==kind||prevProps.story!==story||prevProps.title!==title||prevProps.name!==name)&&this.updateHref();}render(){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)}};LinkTo.defaultProps={children:void 0};var react_default=LinkTo;
-
-export { react_default as default };