@storybook/api - npm Package Compare versions

Comparing version 5.2.0-alpha.3 to 5.2.0-alpha.4

dist/context.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.object.define-property");
 
@@ -5,0 +5,0 @@ Object.defineProperty(exports, "__esModule", {

dist/index.d.ts

@@ -41,2 +41,4 @@ import { ReactElement, Component } from 'react';
     static displayName: string;
+    api: API;
+    modules: any[];
     constructor(props: Props);
@@ -73,4 +75,2 @@ static getDerivedStateFromProps: (props: Props, state: State) => {
     shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
-    api: API;
-    modules: any[];
     render(): JSX.Element;
@@ -80,2 +80,3 @@ }
     filter?: (combo: C) => S;
+    pure?: boolean;
     children: (d: S | C) => ReactElement<any> | null;
@@ -87,4 +88,6 @@ }
 declare class ManagerConsumer extends Component<ConsumerProps<SubState, Combo>> {
+    dataMemory?: (combo: Combo) => SubState;
+    prevChildren?: ReactElement<any> | null;
+    prevData?: SubState;
     constructor(props: ConsumerProps<SubState, Combo>);
-    dataMemory?: (combo: Combo) => SubState;
     render(): JSX.Element;
@@ -91,0 +94,0 @@ }

dist/index.js

 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStorybookState = useStorybookState;
-exports.Provider = exports.Consumer = void 0;
+require("core-js/modules/es.symbol");
 
-require("core-js/modules/es6.array.filter");
+require("core-js/modules/es.symbol.description");
 
-require("core-js/modules/es6.array.index-of");
+require("core-js/modules/es.symbol.iterator");
 
-require("core-js/modules/es6.string.iterator");
+require("core-js/modules/es.array.concat");
 
-require("core-js/modules/es6.array.from");
+require("core-js/modules/es.array.filter");
 
-require("core-js/modules/es6.regexp.to-string");
+require("core-js/modules/es.array.for-each");
 
-require("core-js/modules/es6.date.to-string");
+require("core-js/modules/es.array.from");
 
-require("core-js/modules/es7.symbol.async-iterator");
+require("core-js/modules/es.array.index-of");
 
-require("core-js/modules/es6.symbol");
+require("core-js/modules/es.array.is-array");
 
-require("core-js/modules/es6.array.is-array");
+require("core-js/modules/es.array.iterator");
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.map");
 
-require("core-js/modules/es6.object.create");
+require("core-js/modules/es.date.to-string");
 
-require("core-js/modules/es6.object.set-prototype-of");
+require("core-js/modules/es.object.assign");
 
-require("core-js/modules/es6.array.for-each");
+require("core-js/modules/es.object.create");
 
-require("core-js/modules/web.dom.iterable");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/es6.array.iterator");
+require("core-js/modules/es.object.get-own-property-descriptor");
 
-require("core-js/modules/es6.object.to-string");
+require("core-js/modules/es.object.get-prototype-of");
 
-require("core-js/modules/es6.object.keys");
+require("core-js/modules/es.object.keys");
 
-require("core-js/modules/es6.object.assign");
+require("core-js/modules/es.object.set-prototype-of");
 
-require("core-js/modules/es6.array.map");
+require("core-js/modules/es.object.to-string");
 
+require("core-js/modules/es.regexp.to-string");
+
+require("core-js/modules/es.string.iterator");
+
+require("core-js/modules/web.dom-collections.for-each");
+
+require("core-js/modules/web.dom-collections.iterator");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStorybookState = useStorybookState;
+exports.Provider = exports.Consumer = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
@@ -51,2 +61,4 @@
 
+var _objects = _interopRequireDefault(require("shallow-equal/objects"));
+
 var _coreEvents = _interopRequireDefault(require("@storybook/core-events"));
@@ -282,2 +294,4 @@
     _this3.dataMemory = void 0;
+    _this3.prevChildren = void 0;
+    _this3.prevData = void 0;
     _this3.dataMemory = props.filter ? (0, _memoizerific["default"])(10)(props.filter) : null;
@@ -292,6 +306,15 @@ return _this3;
 
-      var children = this.props.children;
+      var _this$props = this.props,
+          children = _this$props.children,
+          pure = _this$props.pure;
       return _react["default"].createElement(ManagerContext.Consumer, null, function (d) {
         var data = _this4.dataMemory ? _this4.dataMemory(d) : d;
-        return children(data);
+
+        if (pure && _this4.prevChildren && _this4.prevData && (0, _objects["default"])(data, _this4.prevData)) {
+          return _this4.prevChildren;
+        }
+
+        _this4.prevChildren = children(data);
+        _this4.prevData = data;
+        return _this4.prevChildren;
       });
@@ -298,0 +321,0 @@ }

dist/init-provider-api.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.object.define-property");
 
@@ -5,0 +5,0 @@ Object.defineProperty(exports, "__esModule", {

dist/initial-state.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.reduce");
 
+require("core-js/modules/es.object.define-property");
+
 Object.defineProperty(exports, "__esModule", {
@@ -10,4 +12,2 @@ value: true
 
-require("core-js/modules/es6.array.reduce");
-
 var _merge = _interopRequireDefault(require("./lib/merge"));
@@ -14,0 +14,0 @@

dist/lib/merge.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.find");
 
+require("core-js/modules/es.array.for-each");
+
+require("core-js/modules/es.array.is-array");
+
+require("core-js/modules/es.object.define-property");
+
+require("core-js/modules/web.dom-collections.for-each");
+
 Object.defineProperty(exports, "__esModule", {
@@ -10,8 +18,2 @@ value: true
 
-require("core-js/modules/es6.array.find");
-
-require("core-js/modules/es6.array.for-each");
-
-require("core-js/modules/es6.array.is-array");
-
 var _lodash = _interopRequireDefault(require("lodash.mergewith"));
@@ -18,0 +20,0 @@

dist/lib/shortcut.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.find");
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shortcutToHumanString = exports.keyToSymbol = exports.eventMatchesShortcut = exports.shortcutMatchesShortcut = exports.eventToShortcut = exports.isShortcutTaken = exports.optionOrAltSymbol = exports.controlOrMetaKey = exports.controlOrMetaSymbol = exports.isMacLike = void 0;
+require("core-js/modules/es.array.includes");
 
-require("core-js/modules/es6.array.map");
+require("core-js/modules/es.array.join");
 
-require("core-js/modules/es6.array.find");
+require("core-js/modules/es.array.map");
 
-require("core-js/modules/es7.array.includes");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/es6.string.includes");
+require("core-js/modules/es.regexp.exec");
 
-require("core-js/modules/es6.regexp.match");
+require("core-js/modules/es.string.match");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shortcutToHumanString = exports.keyToSymbol = exports.eventMatchesShortcut = exports.shortcutMatchesShortcut = exports.eventToShortcut = exports.isShortcutTaken = exports.optionOrAltSymbol = exports.controlOrMetaKey = exports.controlOrMetaSymbol = exports.isMacLike = void 0;
+
 var _global = require("global");
@@ -21,0 +23,0 @@

dist/lib/store-setup.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.object.define-property");
 
@@ -5,0 +5,0 @@ Object.defineProperty(exports, "__esModule", {

dist/modules/addons.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.index-of");
 
+require("core-js/modules/es.object.define-property");
+
+require("core-js/modules/es.object.keys");
+
 Object.defineProperty(exports, "__esModule", {
@@ -10,13 +14,2 @@ value: true
 exports["default"] = exports.types = void 0;
-
-require("core-js/modules/es6.array.index-of");
-
-require("core-js/modules/web.dom.iterable");
-
-require("core-js/modules/es6.array.iterator");
-
-require("core-js/modules/es6.object.to-string");
-
-require("core-js/modules/es6.object.keys");
-
 var types;
@@ -23,0 +16,0 @@ exports.types = types;

dist/modules/channel.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.object.define-property");
 
@@ -5,0 +5,0 @@ Object.defineProperty(exports, "__esModule", {

dist/modules/layout.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.concat");
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
-exports.focusableUIElements = void 0;
+require("core-js/modules/es.array.find");
 
-require("core-js/modules/es6.object.assign");
+require("core-js/modules/es.array.for-each");
 
-require("core-js/modules/es6.array.find");
+require("core-js/modules/es.array.join");
 
-require("core-js/modules/es6.array.for-each");
+require("core-js/modules/es.function.name");
 
-require("core-js/modules/es6.function.name");
+require("core-js/modules/es.object.assign");
 
-require("core-js/modules/es7.object.values");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/web.dom.iterable");
+require("core-js/modules/es.object.keys");
 
-require("core-js/modules/es6.array.iterator");
+require("core-js/modules/es.object.values");
 
-require("core-js/modules/es6.object.to-string");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+exports.focusableUIElements = void 0;
 
-require("core-js/modules/es6.object.keys");
-
 var _global = require("global");
@@ -30,0 +28,0 @@

dist/modules/notifications.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.symbol");
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
+require("core-js/modules/es.symbol.description");
 
-require("core-js/modules/es6.string.iterator");
+require("core-js/modules/es.symbol.iterator");
 
-require("core-js/modules/es6.array.from");
+require("core-js/modules/es.array.concat");
 
-require("core-js/modules/es6.regexp.to-string");
+require("core-js/modules/es.array.filter");
 
-require("core-js/modules/es6.date.to-string");
+require("core-js/modules/es.array.find");
 
-require("core-js/modules/es6.object.to-string");
+require("core-js/modules/es.array.from");
 
-require("core-js/modules/es7.symbol.async-iterator");
+require("core-js/modules/es.array.is-array");
 
-require("core-js/modules/es6.symbol");
+require("core-js/modules/es.array.iterator");
 
-require("core-js/modules/web.dom.iterable");
+require("core-js/modules/es.date.to-string");
 
-require("core-js/modules/es6.array.is-array");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/es6.array.find");
+require("core-js/modules/es.object.to-string");
 
-require("core-js/modules/es6.array.filter");
+require("core-js/modules/es.regexp.to-string");
 
+require("core-js/modules/es.string.iterator");
+
+require("core-js/modules/web.dom-collections.iterator");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
@@ -33,0 +39,0 @@

dist/modules/shortcuts.js

 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.keys = keys;
-exports["default"] = initShortcuts;
-exports.defaultShortcuts = exports.controlOrMetaKey = exports.isMacLike = void 0;
+require("core-js/modules/es.array.find");
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.iterator");
 
-require("core-js/modules/es6.promise");
+require("core-js/modules/es.array.reduce");
 
-require("core-js/modules/es6.array.reduce");
+require("core-js/modules/es.object.assign");
 
-require("core-js/modules/es6.array.find");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/es6.object.assign");
+require("core-js/modules/es.object.freeze");
 
-require("regenerator-runtime/runtime");
+require("core-js/modules/es.object.keys");
 
-require("core-js/modules/es6.object.freeze");
+require("core-js/modules/es.object.to-string");
 
-require("core-js/modules/web.dom.iterable");
+require("core-js/modules/es.promise");
 
-require("core-js/modules/es6.array.iterator");
+require("core-js/modules/es.regexp.exec");
 
-require("core-js/modules/es6.object.to-string");
+require("core-js/modules/es.string.match");
 
-require("core-js/modules/es6.object.keys");
+require("core-js/modules/web.dom-collections.iterator");
 
-require("core-js/modules/es6.regexp.match");
+require("core-js/modules/web.timers");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keys = keys;
+exports["default"] = initShortcuts;
+exports.defaultShortcuts = exports.controlOrMetaKey = exports.isMacLike = void 0;
+
+require("regenerator-runtime/runtime");
+
 var _global = require("global");
@@ -35,0 +39,0 @@

dist/modules/stories.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.symbol");
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
+require("core-js/modules/es.symbol.description");
 
-require("core-js/modules/es6.string.iterator");
+require("core-js/modules/es.symbol.iterator");
 
-require("core-js/modules/es6.array.from");
+require("core-js/modules/es.array.concat");
 
-require("core-js/modules/es6.regexp.to-string");
+require("core-js/modules/es.array.filter");
 
-require("core-js/modules/es6.date.to-string");
+require("core-js/modules/es.array.find");
 
-require("core-js/modules/es7.symbol.async-iterator");
+require("core-js/modules/es.array.find-index");
 
-require("core-js/modules/es6.symbol");
+require("core-js/modules/es.array.for-each");
 
-require("core-js/modules/es6.regexp.split");
+require("core-js/modules/es.array.from");
 
-require("core-js/modules/es6.array.find");
+require("core-js/modules/es.array.includes");
 
-require("core-js/modules/es6.array.for-each");
+require("core-js/modules/es.array.index-of");
 
-require("core-js/modules/es6.object.assign");
+require("core-js/modules/es.array.is-array");
 
-require("core-js/modules/es6.string.trim");
+require("core-js/modules/es.array.iterator");
 
-require("core-js/modules/es6.function.name");
+require("core-js/modules/es.array.map");
 
-require("core-js/modules/es6.array.map");
+require("core-js/modules/es.array.reduce");
 
-require("core-js/modules/es7.object.values");
+require("core-js/modules/es.array.slice");
 
-require("core-js/modules/es6.regexp.replace");
+require("core-js/modules/es.date.to-string");
 
-require("core-js/modules/es7.array.includes");
+require("core-js/modules/es.function.name");
 
-require("core-js/modules/es6.string.includes");
+require("core-js/modules/es.object.assign");
 
-require("core-js/modules/es6.array.find-index");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/es7.object.entries");
+require("core-js/modules/es.object.entries");
 
-require("core-js/modules/es6.array.reduce");
+require("core-js/modules/es.object.keys");
 
-require("core-js/modules/es6.array.index-of");
+require("core-js/modules/es.object.to-string");
 
-require("core-js/modules/es6.array.is-array");
+require("core-js/modules/es.object.values");
 
-require("core-js/modules/web.dom.iterable");
+require("core-js/modules/es.regexp.exec");
 
-require("core-js/modules/es6.array.iterator");
+require("core-js/modules/es.regexp.to-string");
 
-require("core-js/modules/es6.object.to-string");
+require("core-js/modules/es.string.includes");
 
-require("core-js/modules/es6.object.keys");
+require("core-js/modules/es.string.iterator");
 
-require("core-js/modules/es6.array.filter");
+require("core-js/modules/es.string.match");
 
+require("core-js/modules/es.string.replace");
+
+require("core-js/modules/es.string.split");
+
+require("core-js/modules/es.string.trim");
+
+require("core-js/modules/web.dom-collections.for-each");
+
+require("core-js/modules/web.dom-collections.iterator");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
 var _router = require("@storybook/router");
@@ -281,3 +293,13 @@
 
-    if (!storyId || !storiesHash[storyId]) {
+    if (storyId && storyId.match(/--\*$/)) {
+      var idStart = storyId.slice(0, -1); // drop the * at the end
+
+      var firstKindLeaf = Object.values(storiesHash).find(function (s) {
+        return !s.children && s.id.substring(0, idStart.length) === idStart;
+      });
+
+      if (viewMode && firstKindLeaf) {
+        navigate("/".concat(viewMode, "/").concat(firstKindLeaf.id));
+      }
+    } else if (!storyId || storyId === '*' || !storiesHash[storyId]) {
       // when there's no storyId or the storyId item doesn't exist
@@ -284,0 +306,0 @@ // we pick the first leaf and navigate

dist/modules/url.d.ts

@@ -11,3 +11,3 @@ import { Module } from '../index';
 export interface QueryParams {
-    [key: string]: string;
+    [key: string]: string | null;
 }
@@ -14,0 +14,0 @@ export interface SubAPI {

dist/modules/url.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.symbol");
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
+require("core-js/modules/es.symbol.description");
 
-require("core-js/modules/es7.symbol.async-iterator");
+require("core-js/modules/es.symbol.iterator");
 
-require("core-js/modules/es6.array.is-array");
+require("core-js/modules/es.array.includes");
 
-require("core-js/modules/es6.symbol");
+require("core-js/modules/es.array.index-of");
 
-require("core-js/modules/es6.array.index-of");
+require("core-js/modules/es.array.is-array");
 
-require("core-js/modules/es7.object.entries");
+require("core-js/modules/es.array.iterator");
 
-require("core-js/modules/es6.array.reduce");
+require("core-js/modules/es.array.reduce");
 
-require("core-js/modules/es6.object.assign");
+require("core-js/modules/es.object.assign");
 
-require("core-js/modules/web.dom.iterable");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/es6.array.iterator");
+require("core-js/modules/es.object.entries");
 
-require("core-js/modules/es6.object.to-string");
+require("core-js/modules/es.object.keys");
 
-require("core-js/modules/es6.object.keys");
+require("core-js/modules/es.object.to-string");
 
-require("core-js/modules/es7.array.includes");
+require("core-js/modules/es.regexp.exec");
 
-require("core-js/modules/es6.string.includes");
+require("core-js/modules/es.string.iterator");
 
+require("core-js/modules/es.string.replace");
+
+require("core-js/modules/web.dom-collections.iterator");
+
+require("core-js/modules/web.timers");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
 var _router = require("@storybook/router");
@@ -121,2 +129,10 @@
     }, 1);
+  } else if (selectedKind) {
+    // Create a "storyId" of the form `kind-sanitized--*`
+    var standInId = (0, _utils.toId)(selectedKind, 'star').replace(/star$/, '*');
+    setTimeout(function () {
+      return navigate("/story/".concat(standInId), {
+        replace: true
+      });
+    }, 1);
   } else if (!queryPath || queryPath === '/') {
@@ -123,0 +139,0 @@ setTimeout(function () {

dist/modules/versions.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.array.find");
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
+require("core-js/modules/es.date.now");
 
-require("core-js/modules/es6.promise");
+require("core-js/modules/es.date.to-string");
 
-require("core-js/modules/es6.date.now");
+require("core-js/modules/es.object.assign");
 
-require("regenerator-runtime/runtime");
+require("core-js/modules/es.object.define-property");
 
-require("core-js/modules/es6.object.assign");
+require("core-js/modules/es.object.to-string");
 
-require("core-js/modules/web.dom.iterable");
+require("core-js/modules/es.object.values");
 
-require("core-js/modules/es6.array.iterator");
+require("core-js/modules/es.promise");
 
-require("core-js/modules/es6.object.to-string");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
 
-require("core-js/modules/es7.object.values");
+require("regenerator-runtime/runtime");
 
-require("core-js/modules/es6.array.find");
-
 var _global = require("global");
@@ -29,0 +27,0 @@

dist/store.js

 "use strict";
 
+require("core-js/modules/es.object.assign");
+
+require("core-js/modules/es.object.define-property");
+
+require("core-js/modules/es.object.to-string");
+
+require("core-js/modules/es.promise");
+
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +16,4 @@ value: true
 
-require("core-js/modules/es6.object.define-property");
-
-require("core-js/modules/es6.promise");
-
-require("core-js/modules/es6.object.to-string");
-
 require("regenerator-runtime/runtime");
 
-require("core-js/modules/es6.object.assign");
-
 var _store = _interopRequireDefault(require("store2"));
@@ -20,0 +20,0 @@

dist/version.d.ts

@@ -1,1 +0,1 @@
-export declare const version = "5.2.0-alpha.3";
+export declare const version = "5.2.0-alpha.4";

dist/version.js

 "use strict";
 
-require("core-js/modules/es6.object.define-property");
+require("core-js/modules/es.object.define-property");
 
@@ -9,3 +9,3 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = void 0;
-var version = '5.2.0-alpha.3';
+var version = '5.2.0-alpha.4';
 exports.version = version;

package.json

 {
   "name": "@storybook/api",
-  "version": "5.2.0-alpha.3",
+  "version": "5.2.0-alpha.4",
   "description": "Core Storybook API & Context",
@@ -23,8 +23,8 @@ "keywords": [
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.3",
-    "@storybook/client-logger": "5.2.0-alpha.3",
-    "@storybook/core-events": "5.2.0-alpha.3",
-    "@storybook/router": "5.2.0-alpha.3",
-    "@storybook/theming": "5.2.0-alpha.3",
-    "core-js": "^2.6.5",
+    "@storybook/channels": "5.2.0-alpha.4",
+    "@storybook/client-logger": "5.2.0-alpha.4",
+    "@storybook/core-events": "5.2.0-alpha.4",
+    "@storybook/router": "5.2.0-alpha.4",
+    "@storybook/theming": "5.2.0-alpha.4",
+    "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
@@ -39,2 +39,3 @@ "global": "^4.3.2",
     "semver": "^6.0.0",
+    "shallow-equal": "^1.1.0",
     "store2": "^2.7.1",
@@ -53,3 +54,3 @@ "telejson": "^2.1.1",
   },
-  "gitHead": "fa856c7bf4aa33d90cedee56bff5fb4449fea4a5"
+  "gitHead": "b248902dad664229659f6807b8a5ff9dd85909f5"
 }

src/modules/stories.ts

@@ -257,3 +257,12 @@ // FIXME: we shouldn't import from dist but there are no types otherwise
 
-    if (!storyId || !storiesHash[storyId]) {
+    if (storyId && storyId.match(/--\*$/)) {
+      const idStart = storyId.slice(0, -1); // drop the * at the end
+      const firstKindLeaf = Object.values(storiesHash).find(
+        (s: Story | Group) => !s.children && s.id.substring(0, idStart.length) === idStart
+      );
+
+      if (viewMode && firstKindLeaf) {
+        navigate(`/${viewMode}/${firstKindLeaf.id}`);
+      }
+    } else if (!storyId || storyId === '*' || !storiesHash[storyId]) {
       // when there's no storyId or the storyId item doesn't exist
@@ -260,0 +269,0 @@ // we pick the first leaf and navigate

src/modules/url.ts

@@ -75,2 +75,6 @@ import { queryFromLocation } from '@storybook/router';
     setTimeout(() => navigate(`/story/${storyId}`, { replace: true }), 1);
+  } else if (selectedKind) {
+    // Create a "storyId" of the form `kind-sanitized--*`
+    const standInId = toId(selectedKind, 'star').replace(/star$/, '*');
+    setTimeout(() => navigate(`/story/${standInId}`, { replace: true }), 1);
   } else if (!queryPath || queryPath === '/') {
@@ -87,3 +91,3 @@ setTimeout(() => navigate(`/story/*`, { replace: true }), 1);
 export interface QueryParams {
-  [key: string]: string;
+  [key: string]: string | null;
 }
@@ -90,0 +94,0 @@

src/version.ts

@@ -1,1 +0,1 @@
-export const version = '5.2.0-alpha.3';
+export const version = '5.2.0-alpha.4';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

230238

increased by1.4%

Lines of code

6369

increased by1.16%

Worsened metrics

Dependency count

19

increased by5.56%

Dependency changes

• + Addedshallow-equal@^1.1.0

• + Added@storybook/channels@5.2.0-alpha.4(transitive)

• + Added@storybook/client-logger@5.2.0-alpha.4(transitive)

• + Added@storybook/core-events@5.2.0-alpha.4(transitive)

• + Added@storybook/router@5.2.0-alpha.4(transitive)

• + Added@storybook/theming@5.2.0-alpha.4(transitive)

• + Addedcore-js@3.38.1(transitive)

• + Addedreact-inspector@3.0.2(transitive)

• + Addedshallow-equal@1.2.1(transitive)

• - Removed@storybook/channels@5.2.0-alpha.3(transitive)

• - Removed@storybook/client-logger@5.2.0-alpha.3(transitive)

• - Removed@storybook/core-events@5.2.0-alpha.3(transitive)

• - Removed@storybook/router@5.2.0-alpha.3(transitive)

• - Removed@storybook/theming@5.2.0-alpha.3(transitive)

• - Removedreact-inspector@2.3.1(transitive)

• Updated@storybook/channels@5.2.0-alpha.4

• Updated@storybook/client-logger@5.2.0-alpha.4

• Updated@storybook/core-events@5.2.0-alpha.4

• Updated@storybook/router@5.2.0-alpha.4

• Updated@storybook/theming@5.2.0-alpha.4

• Updatedcore-js@^3.0.1