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

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

@@ -29,7 +29,10 @@ const RoutedLink = ({
   const handleClick = e => {
     if (isPlainLeftClick(e)) {
       e.preventDefault();
-      onClick(e);
+
+      if (onClick) {
+        onClick(e);
+      }
     }
   };
 

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

@@ -45,14 +45,27 @@ class LinkTo extends _react.PureComponent {
         kind,
         story
       } = this.props;
-      const href = await (0, _utils.hrefTo)(kind, story);
-      this.setState({
-        href
-      });
+
+      if (kind && story) {
+        const href = await (0, _utils.hrefTo)(kind, story);
+        this.setState({
+          href
+        });
+      }
     };
 
     this.handleClick = () => {
-      (0, _utils.navigate)(this.props);
+      const {
+        kind,
+        story
+      } = this.props;
+
+      if (kind && story) {
+        (0, _utils.navigate)({
+          kind,
+          story
+        });
+      }
     };
   }
 

package/dist/cjs/utils.js

@@ -43,8 +43,10 @@ const hrefTo = (title, name) => {
     const {
       location
     } = document;
-    const query = parseQuery(location.search);
-    const existingId = [].concat(query.id)[0];
+    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, {
@@ -61,17 +63,25 @@ const valueOrCall = args => value => typeof value === 'function' ? value(...args
 const linkTo = (idOrTitle, nameInput) => (...args) => {
   const resolver = valueOrCall(args);
   const title = resolver(idOrTitle);
-  const name = resolver(nameInput);
+  const name = nameInput ? resolver(nameInput) : false;
 
   if (title !== null && title !== void 0 && title.match(/--/) && !name) {
     navigate({
       storyId: title
     });
-  } else {
+  } else if (name && title) {
     navigate({
       kind: title,
       story: name
     });
+  } else if (title) {
+    navigate({
+      kind: title
+    });
+  } else if (name) {
+    navigate({
+      story: name
+    });
   }
 };
 

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

@@ -19,7 +19,10 @@ const RoutedLink = ({
   const handleClick = e => {
     if (isPlainLeftClick(e)) {
       e.preventDefault();
-      onClick(e);
+
+      if (onClick) {
+        onClick(e);
+      }
     }
   };
 

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

@@ -32,14 +32,27 @@ export default class LinkTo extends PureComponent {
         kind,
         story
       } = this.props;
-      const href = await hrefTo(kind, story);
-      this.setState({
-        href
-      });
+
+      if (kind && story) {
+        const href = await hrefTo(kind, story);
+        this.setState({
+          href
+        });
+      }
     };
 
     this.handleClick = () => {
-      navigate(this.props);
+      const {
+        kind,
+        story
+      } = this.props;
+
+      if (kind && story) {
+        navigate({
+          kind,
+          story
+        });
+      }
     };
   }
 

package/dist/esm/utils.js

@@ -26,8 +26,10 @@ export const hrefTo = (title, name) => {
     const {
       location
     } = document;
-    const query = parseQuery(location.search);
-    const existingId = [].concat(query.id)[0];
+    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, {
@@ -42,17 +44,25 @@ const valueOrCall = args => value => typeof value === 'function' ? value(...args
 export const linkTo = (idOrTitle, nameInput) => (...args) => {
   const resolver = valueOrCall(args);
   const title = resolver(idOrTitle);
-  const name = resolver(nameInput);
+  const name = nameInput ? resolver(nameInput) : false;
 
   if (title?.match(/--/) && !name) {
     navigate({
       storyId: title
     });
-  } else {
+  } else if (name && title) {
     navigate({
       kind: title,
       story: name
     });
+  } else if (title) {
+    navigate({
+      kind: title
+    });
+  } else if (name) {
+    navigate({
+      story: name
+    });
   }
 };
 

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

@@ -1,7 +1,7 @@
 import { PureComponent, ReactNode } from 'react';
 interface Props {
-    kind: string;
-    story: string;
+    kind: string | null;
+    story: string | null;
     children: ReactNode;
 }
 interface State {

package/dist/types/utils.d.ts

@@ -8,6 +8,6 @@ interface ParamsCombo {
 }
 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 linkTo: (idOrTitle: string, nameInput?: string | ((...args: any[]) => string) | undefined) => (...args: any[]) => void;
 export declare const withLinks: (...args: any) => any;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "7.0.0-alpha.2",
+  "version": "7.0.0-alpha.5",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",
@@ -34,15 +34,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "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/addons": "7.0.0-alpha.5",
+    "@storybook/client-logger": "7.0.0-alpha.5",
+    "@storybook/core-events": "7.0.0-alpha.5",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/router": "7.0.0-alpha.2",
+    "@storybook/router": "7.0.0-alpha.5",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "prop-types": "^15.7.2",
-    "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0"
   },
   "peerDependencies": {
@@ -60,7 +59,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44",
+  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",