@storybook/addon-links 7.0.0-alpha.7 → 7.0.0-beta.0

package/dist/chunk-HG45ZTEM.mjs

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

package/dist/chunk-JT3VIYBO.mjs

@@ -0,0 +1 @@
+var ADDON_ID="storybook/links",PARAM_KEY="links",constants_default={NAVIGATE:`${ADDON_ID}/navigate`,REQUEST:`${ADDON_ID}/request`,RECEIVE:`${ADDON_ID}/receive`};export{ADDON_ID,PARAM_KEY,constants_default};

package/dist/chunk-UXWXBGPY.mjs

@@ -0,0 +1 @@
+import{PARAM_KEY}from"./chunk-JT3VIYBO.mjs";import global from"global";import{addons,makeDecorator}from"@storybook/preview-api";import{STORY_CHANGED,SELECT_STORY}from"@storybook/core-events";import{toId}from"@storybook/csf";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,query=parseQuery(location.search),existingId=[].concat(query.id)[0],titleToLink=title||existingId.split("--",2)[0],id=toId(titleToLink,name),url=`${location.origin+location.pathname}?${Object.entries({...query,id}).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/index.d.ts

@@ -0,0 +1,18 @@
+import * as lib_preview_api_dist_storybook_channel_mock_a19cd233 from 'lib/preview-api/dist/storybook-channel-mock-a19cd233';
+import { ComponentTitle, StoryName, StoryId } from '@storybook/types';
+
+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 | ((...args: any[]) => string), nameInput?: string | ((...args: any[]) => string) | undefined) => (...args: any[]) => void;
+declare const withLinks: lib_preview_api_dist_storybook_channel_mock_a19cd233.M;
+
+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})},g=(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)):{},g(o||!t||!t.__esModule?c(n,"default",{value:t,enumerable:!0}):n,t)),w=t=>g(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 y=D(require("global")),a=require("@storybook/preview-api"),m=require("@storybook/core-events"),u=require("@storybook/csf");var d="storybook/links",k="links",G={NAVIGATE:`${d}/navigate`,REQUEST:`${d}/request`,RECEIVE:`${d}/receive`};var{document:f,HTMLElement:O}=y.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,u.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:k,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{LinkTo}from"./chunk-HG45ZTEM.mjs";import{hrefTo,linkTo,navigate,withLinks}from"./chunk-UXWXBGPY.mjs";import"./chunk-JT3VIYBO.mjs";export{LinkTo,hrefTo,linkTo,navigate,withLinks};

package/dist/manager.d.ts

@@ -0,0 +1 @@
+

package/dist/manager.js

@@ -0,0 +1 @@
+"use strict";var t=require("@storybook/manager-api");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{ADDON_ID,constants_default}from"./chunk-JT3VIYBO.mjs";import{addons}from"@storybook/manager-api";addons.register(ADDON_ID,api=>{addons.getChannel().on(constants_default.REQUEST,({kind,name})=>{let id=api.storyId(kind,name);api.emit(constants_default.RECEIVE,id)})});

package/dist/preview.d.ts

@@ -0,0 +1,5 @@
+import * as lib_preview_api_dist_storybook_channel_mock_a19cd233 from 'lib/preview-api/dist/storybook-channel-mock-a19cd233';
+
+declare const decorators: lib_preview_api_dist_storybook_channel_mock_a19cd233.M[];
+
+export { decorators };

package/dist/preview.js

@@ -0,0 +1 @@
+"use strict";var u=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?u(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/preview-api"),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 y=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",y))},A=()=>{a&&(a=!1,k.removeEventListener("click",y))},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-HG45ZTEM.mjs";import{withLinks}from"./chunk-UXWXBGPY.mjs";import"./chunk-JT3VIYBO.mjs";var decorators=[withLinks];export{decorators};

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

@@ -1,4 +1,5 @@
 import { PureComponent, ReactNode } from 'react';
+
 interface Props {
     kind: string | null;
     story: string | null;
@@ -7,7 +8,7 @@ interface Props {
 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})},k=(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)):{},k(n||!t||!t.__esModule?a(e,"default",{value:t,enumerable:!0}):e,t)),N=t=>k(a({},"__esModule",{value:!0}),t);var Y={};M(Y,{default:()=>U});module.exports=N(Y);var p=E(require("react"));var T=E(require("global")),i=require("@storybook/preview-api"),l=require("@storybook/core-events"),P=require("@storybook/csf");var y="storybook/links",C="links",B={NAVIGATE:`${y}/navigate`,REQUEST:`${y}/request`,RECEIVE:`${y}/receive`};var{document:h,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}=h,r=H(o.search),f=[].concat(r.id)[0],d=t||f.split("--",2)[0],m=(0,P.toId)(d,n),I=`${o.origin+o.pathname}?${Object.entries({...r,id:m}).map(g=>`${g[0]}=${g[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,h.addEventListener("click",v))},_=()=>{c&&(c=!1,h.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 p.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,...f}=this.props,{href:d}=this.state;return p.default.createElement("a",{href:d,onClick:m=>w(m,this.handleClick),...f},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{hrefTo,navigate}from"../chunk-UXWXBGPY.mjs";import"../chunk-JT3VIYBO.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,story}=this.props;if(kind&&story){let href=await hrefTo(kind,story);this.setState({href})}};this.handleClick=()=>{let{kind,story}=this.props;kind&&story&&navigate({kind,story})}}componentDidMount(){this.updateHref()}componentDidUpdate(prevProps){let{kind,story}=this.props;(prevProps.kind!==kind||prevProps.story!==story)&&this.updateHref()}render(){let{kind,story,children,...rest}=this.props,{href}=this.state;return React.createElement("a",{href,onClick:e=>cancelled(e,this.handleClick),...rest},children)}};LinkTo.defaultProps={kind:null,story:null,children:void 0};var react_default=LinkTo;export{react_default as default};

package/jest.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+const baseConfig = require('../../jest.config.browser');
+
+module.exports = {
+  ...baseConfig,
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
+};

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.7",
+  "version": "7.0.0-beta.0",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -21,9 +21,50 @@
     "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/index.d.ts"
+    },
+    "./register": {
+      "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",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/index.d.ts"
+      ],
+      "manager": [
+        "dist/manager.d.ts"
+      ],
+      "preview": [
+        "dist/preview.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -31,19 +72,24 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.7",
-    "@storybook/client-logger": "7.0.0-alpha.7",
-    "@storybook/core-events": "7.0.0-alpha.7",
-    "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/router": "7.0.0-alpha.7",
-    "core-js": "^3.8.2",
+    "@storybook/client-logger": "7.0.0-beta.0",
+    "@storybook/core-events": "7.0.0-beta.0",
+    "@storybook/csf": "next",
+    "@storybook/manager-api": "7.0.0-beta.0",
+    "@storybook/preview-api": "7.0.0-beta.0",
+    "@storybook/router": "7.0.0-beta.0",
+    "@storybook/types": "7.0.0-beta.0",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "typescript": "~4.9.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -59,7 +105,15 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d334cabd251cd0ed8b845a87707dc84f007d4074",
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/manager.ts",
+      "./src/preview.ts",
+      "./src/react/index.ts"
+    ]
+  },
+  "gitHead": "2e4ddde6a0a291266d91fe6a5ecda767bf119e70",
   "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.d.ts

@@ -1,2 +1,2 @@
-export * from './dist/types/react';
-export { default } from './dist/types/react';
+export * from './dist/react';
+export { default } from './dist/react';

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,53 +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();
-
-      if (onClick) {
-        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,110 +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;
-
-      if (kind && story) {
-        const href = await (0, _utils.hrefTo)(kind, story);
-        this.setState({
-          href
-        });
-      }
-    };
-
-    this.handleClick = () => {
-      const {
-        kind,
-        story
-      } = this.props;
-
-      if (kind && story) {
-        (0, _utils.navigate)({
-          kind,
-          story
-        });
-      }
-    };
-  }
-
-  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,141 +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); // @ts-ignore
-
-    const existingId = [].concat(query.id)[0]; // @ts-ignore
-
-    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 = 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
-    });
-  }
-};
-
-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,42 +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();
-
-      if (onClick) {
-        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,95 +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;
-
-      if (kind && story) {
-        const href = await hrefTo(kind, story);
-        this.setState({
-          href
-        });
-      }
-    };
-
-    this.handleClick = () => {
-      const {
-        kind,
-        story
-      } = this.props;
-
-      if (kind && story) {
-        navigate({
-          kind,
-          story
-        });
-      }
-    };
-  }
-
-  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,117 +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); // @ts-ignore
-
-    const existingId = [].concat(query.id)[0]; // @ts-ignore
-
-    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 = 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
-    });
-  }
-};
-
-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) | undefined) => (...args: any[]) => void;
-export declare const withLinks: (...args: any) => any;
-export {};

package/register.js

@@ -1,6 +0,0 @@
-import { once } from '@storybook/client-logger';
-import './manager';
-
-once.warn(
-  'register.js is deprecated see https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-registerjs'
-);