@storybook/addon-links 7.0.0-alpha.2 → 7.0.0-alpha.22

package/dist/chunk-DUAG4ME5.mjs

@@ -0,0 +1 @@
+var e="storybook/links",o="links",E={NAVIGATE:`${e}/navigate`,REQUEST:`${e}/request`,RECEIVE:`${e}/receive`};export{e as a,o as b,E as c};

package/dist/chunk-KSS336ZV.mjs

@@ -0,0 +1,4 @@
+import{dedent as e}from"ts-dedent";var o=!1;function a(){return o||(console.error(e`
+      LinkTo has moved to addon-links/react:
+      import LinkTo from '@storybook/addon-links/react';
+    `),o=!0),null}module&&module.hot&&module.hot.decline&&module.hot.decline();export{a};

package/dist/chunk-LYIASPRR.mjs

@@ -0,0 +1 @@
+import{b as l}from"./chunk-DUAG4ME5.mjs";import k from"global";import{addons as f,makeDecorator as C}from"@storybook/addons";import{STORY_CHANGED as T,SELECT_STORY as h}from"@storybook/core-events";import{toId as u}from"@storybook/csf";var{document:c,HTMLElement:L}=k;function E(t){let o={},r=(t[0]==="?"?t.substring(1):t).split("&").filter(Boolean);for(let n=0;n<r.length;n++){let e=r[n].split("=");o[decodeURIComponent(e[0])]=decodeURIComponent(e[1]||"")}return o}var i=t=>f.getChannel().emit(h,t),O=(t,o)=>new Promise(r=>{let{location:n}=c,e=E(n.search),s=[].concat(e.id)[0],d=t||s.split("--",2)[0],g=u(d,o),y=`${n.origin+n.pathname}?${Object.entries({...e,id:g}).map(m=>`${m[0]}=${m[1]}`).join("&")}`;r(y)}),I=t=>o=>typeof o=="function"?o(...t):o,$=(t,o)=>(...r)=>{let n=I(r),e=n(t),s=o?n(o):!1;e?.match(/--/)&&!s?i({storyId:e}):s&&e?i({kind:e,story:s}):e?i({kind:e}):s&&i({story:s})},p=t=>{let{target:o}=t;if(!(o instanceof L))return;let r=o,{sbKind:n,sbStory:e}=r.dataset;(n||e)&&(t.preventDefault(),i({kind:n,story:e}))},a=!1,b=()=>{a||(a=!0,c.addEventListener("click",p))},P=()=>{a&&(a=!1,c.removeEventListener("click",p))},A=C({name:"withLinks",parameterName:l,wrapper:(t,o)=>(b(),f.getChannel().once(T,P),t(o))});export{i as a,O as b,$ as c,A as d};

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import { ComponentTitle, StoryName, StoryId } from '@storybook/csf';
+
+interface ParamsId {
+    storyId: StoryId;
+}
+interface ParamsCombo {
+    kind?: ComponentTitle;
+    story?: StoryName;
+}
+declare const navigate: (params: ParamsId | ParamsCombo) => void;
+declare const hrefTo: (title: ComponentTitle, name: StoryName) => Promise<string>;
+declare const linkTo: (idOrTitle: string, nameInput?: string | ((...args: any[]) => string) | undefined) => (...args: any[]) => void;
+declare const withLinks: (...args: any) => any;
+
+declare function LinkTo(): null;
+
+export { LinkTo, hrefTo, linkTo, navigate, withLinks };

package/dist/index.js

@@ -0,0 +1,4 @@
+"use strict";var R=Object.create;var c=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var $=(t,o)=>{for(var n in o)c(t,n,{get:o[n],enumerable:!0})},k=(t,o,n,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of P(o))!N.call(t,e)&&e!==n&&c(t,e,{get:()=>o[e],enumerable:!(r=A(o,e))||r.enumerable});return t};var D=(t,o,n)=>(n=t!=null?R(S(t)):{},k(o||!t||!t.__esModule?c(n,"default",{value:t,enumerable:!0}):n,t)),w=t=>k(c({},"__esModule",{value:!0}),t);var U={};$(U,{LinkTo:()=>K,hrefTo:()=>T,linkTo:()=>h,navigate:()=>i,withLinks:()=>L});module.exports=w(U);var I=require("ts-dedent");var u=D(require("global")),a=require("@storybook/addons"),m=require("@storybook/core-events"),y=require("@storybook/csf");var d="storybook/links",g="links",G={NAVIGATE:`${d}/navigate`,REQUEST:`${d}/request`,RECEIVE:`${d}/receive`};var{document:f,HTMLElement:O}=u.default;function _(t){let o={},n=(t[0]==="?"?t.substring(1):t).split("&").filter(Boolean);for(let r=0;r<n.length;r++){let e=n[r].split("=");o[decodeURIComponent(e[0])]=decodeURIComponent(e[1]||"")}return o}var i=t=>a.addons.getChannel().emit(m.SELECT_STORY,t),T=(t,o)=>new Promise(n=>{let{location:r}=f,e=_(r.search),s=[].concat(e.id)[0],b=t||s.split("--",2)[0],v=(0,y.toId)(b,o),x=`${r.origin+r.pathname}?${Object.entries({...e,id:v}).map(p=>`${p[0]}=${p[1]}`).join("&")}`;n(x)}),M=t=>o=>typeof o=="function"?o(...t):o,h=(t,o)=>(...n)=>{let r=M(n),e=r(t),s=o?r(o):!1;(e==null?void 0:e.match(/--/))&&!s?i({storyId:e}):s&&e?i({kind:e,story:s}):e?i({kind:e}):s&&i({story:s})},E=t=>{let{target:o}=t;if(!(o instanceof O))return;let n=o,{sbKind:r,sbStory:e}=n.dataset;(r||e)&&(t.preventDefault(),i({kind:r,story:e}))},l=!1,Y=()=>{l||(l=!0,f.addEventListener("click",E))},H=()=>{l&&(l=!1,f.removeEventListener("click",E))},L=(0,a.makeDecorator)({name:"withLinks",parameterName:g,wrapper:(t,o)=>(Y(),a.addons.getChannel().once(m.STORY_CHANGED,H),t(o))});var C=!1;function K(){return C||(console.error(I.dedent`
+      LinkTo has moved to addon-links/react:
+      import LinkTo from '@storybook/addon-links/react';
+    `),C=!0),null}module&&module.hot&&module.hot.decline&&module.hot.decline();0&&(module.exports={LinkTo,hrefTo,linkTo,navigate,withLinks});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{a as e}from"./chunk-KSS336ZV.mjs";import{a,b,c,d}from"./chunk-LYIASPRR.mjs";import"./chunk-DUAG4ME5.mjs";export{e as LinkTo,b as hrefTo,c as linkTo,a as navigate,d as withLinks};

package/dist/manager.d.ts

@@ -0,0 +1 @@
+

package/dist/manager.js

@@ -0,0 +1 @@
+"use strict";var t=require("@storybook/addons");var e="storybook/links";var o={NAVIGATE:`${e}/navigate`,REQUEST:`${e}/request`,RECEIVE:`${e}/receive`};t.addons.register(e,n=>{t.addons.getChannel().on(o.REQUEST,({kind:E,name:r})=>{let s=n.storyId(E,r);n.emit(o.RECEIVE,s)})});

package/dist/manager.mjs

@@ -0,0 +1 @@
+import{a as t,c as n}from"./chunk-DUAG4ME5.mjs";import{addons as e}from"@storybook/addons";e.register(t,o=>{e.getChannel().on(n.REQUEST,({kind:r,name:E})=>{let m=o.storyId(r,E);o.emit(n.RECEIVE,m)})});

package/dist/preview.d.ts

@@ -0,0 +1,3 @@
+declare const decorators: ((...args: any) => any)[];
+
+export { decorators };

package/dist/preview.js

@@ -0,0 +1 @@
+"use strict";var y=Object.create;var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var C=(t,o)=>{for(var e in o)i(t,e,{get:o[e],enumerable:!0})},d=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of T(o))!L.call(t,n)&&n!==e&&i(t,n,{get:()=>o[n],enumerable:!(r=h(o,n))||r.enumerable});return t};var I=(t,o,e)=>(e=t!=null?y(E(t)):{},d(o||!t||!t.__esModule?i(e,"default",{value:t,enumerable:!0}):e,t)),x=t=>d(i({},"__esModule",{value:!0}),t);var N={};C(N,{decorators:()=>S});module.exports=x(N);var P=require("ts-dedent");var p=I(require("global")),s=require("@storybook/addons"),c=require("@storybook/core-events"),b=require("@storybook/csf");var l="storybook/links",f="links",w={NAVIGATE:`${l}/navigate`,REQUEST:`${l}/request`,RECEIVE:`${l}/receive`};var{document:k,HTMLElement:v}=p.default;var g=t=>s.addons.getChannel().emit(c.SELECT_STORY,t);var u=t=>{let{target:o}=t;if(!(o instanceof v))return;let e=o,{sbKind:r,sbStory:n}=e.dataset;(r||n)&&(t.preventDefault(),g({kind:r,story:n}))},a=!1,R=()=>{a||(a=!0,k.addEventListener("click",u))},A=()=>{a&&(a=!1,k.removeEventListener("click",u))},m=(0,s.makeDecorator)({name:"withLinks",parameterName:f,wrapper:(t,o)=>(R(),s.addons.getChannel().once(c.STORY_CHANGED,A),t(o))});module&&module.hot&&module.hot.decline&&module.hot.decline();var S=[m];0&&(module.exports={decorators});

package/dist/preview.mjs

@@ -0,0 +1 @@
+import"./chunk-KSS336ZV.mjs";import{d as o}from"./chunk-LYIASPRR.mjs";import"./chunk-DUAG4ME5.mjs";var i=[o];export{i as decorators};

package/dist/{types/react/components/link.d.ts → react/index.d.ts}

@@ -1,13 +1,14 @@
 import { PureComponent, ReactNode } from 'react';
+
 interface Props {
-    kind: string;
-    story: string;
+    kind: string | null;
+    story: string | null;
     children: ReactNode;
 }
 interface State {
     href: string;
 }
-export default class LinkTo extends PureComponent<Props, State> {
+declare class LinkTo extends PureComponent<Props, State> {
     static defaultProps: Props;
     state: State;
     componentDidMount(): void;
@@ -16,4 +17,5 @@ export default class LinkTo extends PureComponent<Props, State> {
     handleClick: () => void;
     render(): JSX.Element;
 }
-export {};
+
+export { LinkTo as default };

package/dist/react/index.js

@@ -0,0 +1 @@
+"use strict";var S=Object.create;var a=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var M=(t,n)=>{for(var e in n)a(t,e,{get:n[e],enumerable:!0})},g=(t,n,e,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of R(n))!A.call(t,r)&&r!==e&&a(t,r,{get:()=>n[r],enumerable:!(o=x(n,r))||o.enumerable});return t};var E=(t,n,e)=>(e=t!=null?S(b(t)):{},g(n||!t||!t.__esModule?a(e,"default",{value:t,enumerable:!0}):e,t)),N=t=>g(a({},"__esModule",{value:!0}),t);var Y={};M(Y,{default:()=>U});module.exports=N(Y);var f=E(require("react"));var T=E(require("global")),i=require("@storybook/addons"),l=require("@storybook/core-events"),P=require("@storybook/csf");var h="storybook/links",C="links",B={NAVIGATE:`${h}/navigate`,REQUEST:`${h}/request`,RECEIVE:`${h}/receive`};var{document:y,HTMLElement:D}=T.default;function H(t){let n={},e=(t[0]==="?"?t.substring(1):t).split("&").filter(Boolean);for(let o=0;o<e.length;o++){let r=e[o].split("=");n[decodeURIComponent(r[0])]=decodeURIComponent(r[1]||"")}return n}var u=t=>i.addons.getChannel().emit(l.SELECT_STORY,t),L=(t,n)=>new Promise(e=>{let{location:o}=y,r=H(o.search),d=[].concat(r.id)[0],p=t||d.split("--",2)[0],m=(0,P.toId)(p,n),I=`${o.origin+o.pathname}?${Object.entries({...r,id:m}).map(k=>`${k[0]}=${k[1]}`).join("&")}`;e(I)});var v=t=>{let{target:n}=t;if(!(n instanceof D))return;let e=n,{sbKind:o,sbStory:r}=e.dataset;(o||r)&&(t.preventDefault(),u({kind:o,story:r}))},c=!1,K=()=>{c||(c=!0,y.addEventListener("click",v))},_=()=>{c&&(c=!1,y.removeEventListener("click",v))},V=(0,i.makeDecorator)({name:"withLinks",parameterName:C,wrapper:(t,n)=>(K(),i.addons.getChannel().once(l.STORY_CHANGED,_),t(n))});var $=0,O=t=>t.button===$&&!t.altKey&&!t.ctrlKey&&!t.metaKey&&!t.shiftKey,w=(t,n=e=>{})=>{O(t)&&(t.preventDefault(),n(t))},s=class extends f.PureComponent{constructor(){super(...arguments);this.state={href:"/"};this.updateHref=async()=>{let{kind:e,story:o}=this.props;if(e&&o){let r=await L(e,o);this.setState({href:r})}};this.handleClick=()=>{let{kind:e,story:o}=this.props;e&&o&&u({kind:e,story:o})}}componentDidMount(){this.updateHref()}componentDidUpdate(e){let{kind:o,story:r}=this.props;(e.kind!==o||e.story!==r)&&this.updateHref()}render(){let{kind:e,story:o,children:r,...d}=this.props,{href:p}=this.state;return f.default.createElement("a",{href:p,onClick:m=>w(m,this.handleClick),...d},r)}};s.defaultProps={kind:null,story:null,children:void 0};var U=s;0&&(module.exports={});

package/dist/react/index.mjs

@@ -0,0 +1 @@
+import{a as i,b as a}from"../chunk-LYIASPRR.mjs";import"../chunk-DUAG4ME5.mjs";import p,{PureComponent as h}from"react";var u=0,y=t=>t.button===u&&!t.altKey&&!t.ctrlKey&&!t.metaKey&&!t.shiftKey,m=(t,o=e=>{})=>{y(t)&&(t.preventDefault(),o(t))},s=class extends h{constructor(){super(...arguments);this.state={href:"/"};this.updateHref=async()=>{let{kind:e,story:n}=this.props;if(e&&n){let r=await a(e,n);this.setState({href:r})}};this.handleClick=()=>{let{kind:e,story:n}=this.props;e&&n&&i({kind:e,story:n})}}componentDidMount(){this.updateHref()}componentDidUpdate(e){let{kind:n,story:r}=this.props;(e.kind!==n||e.story!==r)&&this.updateHref()}render(){let{kind:e,story:n,children:r,...c}=this.props,{href:l}=this.state;return p.createElement("a",{href:l,onClick:d=>m(d,this.handleClick),...c},r)}};s.defaultProps={kind:null,story:null,children:void 0};var T=s;export{T as default};

package/manager.js

@@ -1 +1 @@
-import './dist/esm/manager';
+import './dist/manager';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.2",
+  "version": "7.0.0-alpha.22",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -21,9 +21,37 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./manager": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/preview.js",
+      "import": "./dist/preview.mjs",
+      "types": "./dist/preview.d.ts"
+    },
+    "./react": {
+      "require": "./dist/react/index.js",
+      "import": "./dist/react/index.mjs",
+      "types": "./dist/react.d.ts"
+    },
+    "./register.js": {
+      "require": "./dist/manager.js",
+      "import": "./dist/manager.mjs",
+      "types": "./dist/manager.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -31,20 +59,23 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "tsc --noEmit",
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.2",
-    "@storybook/client-logger": "7.0.0-alpha.2",
-    "@storybook/core-events": "7.0.0-alpha.2",
-    "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/router": "7.0.0-alpha.2",
+    "@storybook/addons": "7.0.0-alpha.22",
+    "@storybook/client-logger": "7.0.0-alpha.22",
+    "@storybook/core-events": "7.0.0-alpha.22",
+    "@storybook/csf": "0.0.2--canary.0899bb7.0",
+    "@storybook/router": "7.0.0-alpha.22",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
-    "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -60,7 +91,15 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44",
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/manager.ts",
+      "./src/preview.ts",
+      "./src/react/index.ts"
+    ]
+  },
+  "gitHead": "408cd2770da3f5cfb54843d74dfcf31b6c7e0d58",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",

package/preview.js

@@ -1 +1 @@
-export * from './dist/esm/preview';
+export * from './dist/preview';

package/react.js

@@ -1,3 +1,3 @@
-import LinkTo from './dist/esm/react';
+import LinkTo from './dist/react';
 
 export default LinkTo;

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/cjs/constants.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PARAM_KEY = exports.ADDON_ID = void 0;
-const ADDON_ID = 'storybook/links';
-exports.ADDON_ID = ADDON_ID;
-const PARAM_KEY = `links`;
-exports.PARAM_KEY = PARAM_KEY;
-var _default = {
-  NAVIGATE: `${ADDON_ID}/navigate`,
-  REQUEST: `${ADDON_ID}/request`,
-  RECEIVE: `${ADDON_ID}/receive`
-};
-exports.default = _default;

package/dist/cjs/index.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinkTo = LinkTo;
-Object.defineProperty(exports, "hrefTo", {
-  enumerable: true,
-  get: function () {
-    return _utils.hrefTo;
-  }
-});
-Object.defineProperty(exports, "linkTo", {
-  enumerable: true,
-  get: function () {
-    return _utils.linkTo;
-  }
-});
-Object.defineProperty(exports, "navigate", {
-  enumerable: true,
-  get: function () {
-    return _utils.navigate;
-  }
-});
-Object.defineProperty(exports, "withLinks", {
-  enumerable: true,
-  get: function () {
-    return _utils.withLinks;
-  }
-});
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-let hasWarned = false;
-
-function LinkTo() {
-  if (!hasWarned) {
-    // eslint-disable-next-line no-console
-    console.error((0, _tsDedent.default)`
-      LinkTo has moved to addon-links/react:
-      import LinkTo from '@storybook/addon-links/react';
-    `);
-    hasWarned = true;
-  }
-
-  return null;
-}
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}

package/dist/cjs/manager.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _addons = require("@storybook/addons");
-
-var _constants = _interopRequireWildcard(require("./constants"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-_addons.addons.register(_constants.ADDON_ID, api => {
-  const channel = _addons.addons.getChannel();
-
-  channel.on(_constants.default.REQUEST, ({
-    kind,
-    name
-  }) => {
-    const id = api.storyId(kind, name);
-    api.emit(_constants.default.RECEIVE, id);
-  });
-});

package/dist/cjs/preview.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.decorators = void 0;
-
-var _index = require("./index");
-
-const decorators = [_index.withLinks];
-exports.decorators = decorators;

package/dist/cjs/react/components/RoutedLink.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// NOTE: this is a copy of `lib/components/src/navigation/RoutedLink.tsx`.
-// It's duplicated here because that copy has an explicit dependency on
-// React 16.3+, which breaks older versions of React running in the preview.
-// The proper DRY solution is to create a new package that doesn't depend
-// on a specific react version. However, that's a heavy-handed solution for
-// one trivial file.
-const LEFT_BUTTON = 0; // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
-
-const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-
-const RoutedLink = ({
-  href = '#',
-  children,
-  onClick,
-  className,
-  style
-}) => {
-  const handleClick = e => {
-    if (isPlainLeftClick(e)) {
-      e.preventDefault();
-      onClick(e);
-    }
-  };
-
-  const props = onClick ? {
-    href,
-    className,
-    style,
-    onClick: handleClick
-  } : {
-    href,
-    className,
-    style
-  };
-  return /*#__PURE__*/_react.default.createElement("a", props, children);
-};
-
-var _default = RoutedLink;
-exports.default = _default;

package/dist/cjs/react/components/link.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../../utils");
-
-const _excluded = ["kind", "story", "children"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-// FIXME: copied from Typography.Link. Code is duplicated to
-// avoid emotion dependency which breaks React 15.x back-compat
-// Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
-const LEFT_BUTTON = 0;
-
-const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-
-const cancelled = (e, cb = _e => {}) => {
-  if (isPlainLeftClick(e)) {
-    e.preventDefault();
-    cb(e);
-  }
-};
-
-class LinkTo extends _react.PureComponent {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      href: '/'
-    };
-
-    this.updateHref = async () => {
-      const {
-        kind,
-        story
-      } = this.props;
-      const href = await (0, _utils.hrefTo)(kind, story);
-      this.setState({
-        href
-      });
-    };
-
-    this.handleClick = () => {
-      (0, _utils.navigate)(this.props);
-    };
-  }
-
-  componentDidMount() {
-    this.updateHref();
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      kind,
-      story
-    } = this.props;
-
-    if (prevProps.kind !== kind || prevProps.story !== story) {
-      this.updateHref();
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children
-    } = _this$props,
-          rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
-    const {
-      href
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("a", _extends({
-      href: href,
-      onClick: e => cancelled(e, this.handleClick)
-    }, rest), children);
-  }
-
-}
-
-exports.default = LinkTo;
-LinkTo.defaultProps = {
-  kind: null,
-  story: null,
-  children: undefined
-};

package/dist/cjs/react/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _link = _interopRequireDefault(require("./components/link"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _link.default;
-exports.default = _default;

package/dist/cjs/utils.js

@@ -1,131 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withLinks = exports.navigate = exports.linkTo = exports.hrefTo = void 0;
-
-var _global = _interopRequireDefault(require("global"));
-
-var _addons = require("@storybook/addons");
-
-var _coreEvents = require("@storybook/core-events");
-
-var _csf = require("@storybook/csf");
-
-var _constants = require("./constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const {
-  document,
-  HTMLElement
-} = _global.default;
-
-function parseQuery(queryString) {
-  const query = {};
-  const pairs = (queryString[0] === '?' ? queryString.substring(1) : queryString).split('&').filter(Boolean); // eslint-disable-next-line no-plusplus
-
-  for (let i = 0; i < pairs.length; i++) {
-    const pair = pairs[i].split('=');
-    query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
-  }
-
-  return query;
-}
-
-const navigate = params => _addons.addons.getChannel().emit(_coreEvents.SELECT_STORY, params);
-
-exports.navigate = navigate;
-
-const hrefTo = (title, name) => {
-  return new Promise(resolve => {
-    const {
-      location
-    } = document;
-    const query = parseQuery(location.search);
-    const existingId = [].concat(query.id)[0];
-    const titleToLink = title || existingId.split('--', 2)[0];
-    const id = (0, _csf.toId)(titleToLink, name);
-    const url = `${location.origin + location.pathname}?${Object.entries(Object.assign({}, query, {
-      id
-    })).map(item => `${item[0]}=${item[1]}`).join('&')}`;
-    resolve(url);
-  });
-};
-
-exports.hrefTo = hrefTo;
-
-const valueOrCall = args => value => typeof value === 'function' ? value(...args) : value;
-
-const linkTo = (idOrTitle, nameInput) => (...args) => {
-  const resolver = valueOrCall(args);
-  const title = resolver(idOrTitle);
-  const name = resolver(nameInput);
-
-  if (title !== null && title !== void 0 && title.match(/--/) && !name) {
-    navigate({
-      storyId: title
-    });
-  } else {
-    navigate({
-      kind: title,
-      story: name
-    });
-  }
-};
-
-exports.linkTo = linkTo;
-
-const linksListener = 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
-    });
-  }
-};
-
-let hasListener = false;
-
-const on = () => {
-  if (!hasListener) {
-    hasListener = true;
-    document.addEventListener('click', linksListener);
-  }
-};
-
-const off = () => {
-  if (hasListener) {
-    hasListener = false;
-    document.removeEventListener('click', linksListener);
-  }
-};
-
-const withLinks = (0, _addons.makeDecorator)({
-  name: 'withLinks',
-  parameterName: _constants.PARAM_KEY,
-  wrapper: (getStory, context) => {
-    on();
-
-    _addons.addons.getChannel().once(_coreEvents.STORY_CHANGED, off);
-
-    return getStory(context);
-  }
-});
-exports.withLinks = withLinks;

package/dist/esm/constants.js

@@ -1,7 +0,0 @@
-export const ADDON_ID = 'storybook/links';
-export const PARAM_KEY = `links`;
-export default {
-  NAVIGATE: `${ADDON_ID}/navigate`,
-  REQUEST: `${ADDON_ID}/request`,
-  RECEIVE: `${ADDON_ID}/receive`
-};

package/dist/esm/index.js

@@ -1,19 +0,0 @@
-import dedent from 'ts-dedent';
-let hasWarned = false;
-export function LinkTo() {
-  if (!hasWarned) {
-    // eslint-disable-next-line no-console
-    console.error(dedent`
-      LinkTo has moved to addon-links/react:
-      import LinkTo from '@storybook/addon-links/react';
-    `);
-    hasWarned = true;
-  }
-
-  return null;
-}
-export { linkTo, hrefTo, withLinks, navigate } from './utils';
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}

package/dist/esm/manager.js

@@ -1,12 +0,0 @@
-import { addons } from '@storybook/addons';
-import EVENTS, { ADDON_ID } from './constants';
-addons.register(ADDON_ID, api => {
-  const channel = addons.getChannel();
-  channel.on(EVENTS.REQUEST, ({
-    kind,
-    name
-  }) => {
-    const id = api.storyId(kind, name);
-    api.emit(EVENTS.RECEIVE, id);
-  });
-});

package/dist/esm/preview.js

@@ -1,2 +0,0 @@
-import { withLinks } from './index';
-export const decorators = [withLinks];

package/dist/esm/react/components/RoutedLink.js

@@ -1,39 +0,0 @@
-import React from 'react'; // NOTE: this is a copy of `lib/components/src/navigation/RoutedLink.tsx`.
-// It's duplicated here because that copy has an explicit dependency on
-// React 16.3+, which breaks older versions of React running in the preview.
-// The proper DRY solution is to create a new package that doesn't depend
-// on a specific react version. However, that's a heavy-handed solution for
-// one trivial file.
-
-const LEFT_BUTTON = 0; // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
-
-const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-
-const RoutedLink = ({
-  href = '#',
-  children,
-  onClick,
-  className,
-  style
-}) => {
-  const handleClick = e => {
-    if (isPlainLeftClick(e)) {
-      e.preventDefault();
-      onClick(e);
-    }
-  };
-
-  const props = onClick ? {
-    href,
-    className,
-    style,
-    onClick: handleClick
-  } : {
-    href,
-    className,
-    style
-  };
-  return /*#__PURE__*/React.createElement("a", props, children);
-};
-
-export default RoutedLink;

package/dist/esm/react/components/link.js

@@ -1,82 +0,0 @@
-const _excluded = ["kind", "story", "children"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { PureComponent } from 'react';
-import { navigate, hrefTo } from '../../utils'; // FIXME: copied from Typography.Link. Code is duplicated to
-// avoid emotion dependency which breaks React 15.x back-compat
-// Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
-
-const LEFT_BUTTON = 0;
-
-const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-
-const cancelled = (e, cb = _e => {}) => {
-  if (isPlainLeftClick(e)) {
-    e.preventDefault();
-    cb(e);
-  }
-};
-
-export default class LinkTo extends PureComponent {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      href: '/'
-    };
-
-    this.updateHref = async () => {
-      const {
-        kind,
-        story
-      } = this.props;
-      const href = await hrefTo(kind, story);
-      this.setState({
-        href
-      });
-    };
-
-    this.handleClick = () => {
-      navigate(this.props);
-    };
-  }
-
-  componentDidMount() {
-    this.updateHref();
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      kind,
-      story
-    } = this.props;
-
-    if (prevProps.kind !== kind || prevProps.story !== story) {
-      this.updateHref();
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children
-    } = _this$props,
-          rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
-    const {
-      href
-    } = this.state;
-    return /*#__PURE__*/React.createElement("a", _extends({
-      href: href,
-      onClick: e => cancelled(e, this.handleClick)
-    }, rest), children);
-  }
-
-}
-LinkTo.defaultProps = {
-  kind: null,
-  story: null,
-  children: undefined
-};

package/dist/esm/react/index.js

@@ -1,2 +0,0 @@
-import LinkTo from './components/link';
-export default LinkTo;

package/dist/esm/utils.js

@@ -1,107 +0,0 @@
-import global from 'global';
-import { addons, makeDecorator } from '@storybook/addons';
-import { STORY_CHANGED, SELECT_STORY } from '@storybook/core-events';
-import { toId } from '@storybook/csf';
-import { PARAM_KEY } from './constants';
-const {
-  document,
-  HTMLElement
-} = global;
-
-function parseQuery(queryString) {
-  const query = {};
-  const pairs = (queryString[0] === '?' ? queryString.substring(1) : queryString).split('&').filter(Boolean); // eslint-disable-next-line no-plusplus
-
-  for (let i = 0; i < pairs.length; i++) {
-    const pair = pairs[i].split('=');
-    query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
-  }
-
-  return query;
-}
-
-export const navigate = params => addons.getChannel().emit(SELECT_STORY, params);
-export const hrefTo = (title, name) => {
-  return new Promise(resolve => {
-    const {
-      location
-    } = document;
-    const query = parseQuery(location.search);
-    const existingId = [].concat(query.id)[0];
-    const titleToLink = title || existingId.split('--', 2)[0];
-    const id = toId(titleToLink, name);
-    const url = `${location.origin + location.pathname}?${Object.entries(Object.assign({}, query, {
-      id
-    })).map(item => `${item[0]}=${item[1]}`).join('&')}`;
-    resolve(url);
-  });
-};
-
-const valueOrCall = args => value => typeof value === 'function' ? value(...args) : value;
-
-export const linkTo = (idOrTitle, nameInput) => (...args) => {
-  const resolver = valueOrCall(args);
-  const title = resolver(idOrTitle);
-  const name = resolver(nameInput);
-
-  if (title?.match(/--/) && !name) {
-    navigate({
-      storyId: title
-    });
-  } else {
-    navigate({
-      kind: title,
-      story: name
-    });
-  }
-};
-
-const linksListener = 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
-    });
-  }
-};
-
-let hasListener = false;
-
-const on = () => {
-  if (!hasListener) {
-    hasListener = true;
-    document.addEventListener('click', linksListener);
-  }
-};
-
-const off = () => {
-  if (hasListener) {
-    hasListener = false;
-    document.removeEventListener('click', linksListener);
-  }
-};
-
-export const withLinks = makeDecorator({
-  name: 'withLinks',
-  parameterName: PARAM_KEY,
-  wrapper: (getStory, context) => {
-    on();
-    addons.getChannel().once(STORY_CHANGED, off);
-    return getStory(context);
-  }
-});

package/dist/types/constants.d.ts

@@ -1,8 +0,0 @@
-export declare const ADDON_ID = "storybook/links";
-export declare const PARAM_KEY = "links";
-declare const _default: {
-    NAVIGATE: string;
-    REQUEST: string;
-    RECEIVE: string;
-};
-export default _default;

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export declare function LinkTo(): null;
-export { linkTo, hrefTo, withLinks, navigate } from './utils';

package/dist/types/manager.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/preview.d.ts

@@ -1 +0,0 @@
-export declare const decorators: ((...args: any) => any)[];

package/dist/types/react/components/RoutedLink.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const RoutedLink: React.FC<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>;
-export default RoutedLink;

package/dist/types/react/index.d.ts

@@ -1,2 +0,0 @@
-import LinkTo from './components/link';
-export default LinkTo;

package/dist/types/utils.d.ts

@@ -1,13 +0,0 @@
-import type { StoryId, StoryName, ComponentTitle } from '@storybook/csf';
-interface ParamsId {
-    storyId: StoryId;
-}
-interface ParamsCombo {
-    kind?: ComponentTitle;
-    story?: StoryName;
-}
-export declare const navigate: (params: ParamsId | ParamsCombo) => void;
-export declare const hrefTo: (title: ComponentTitle, name: StoryName) => Promise<string>;
-export declare const linkTo: (idOrTitle: string, nameInput?: string | ((...args: any[]) => string)) => (...args: any[]) => void;
-export declare const withLinks: (...args: any) => any;
-export {};