@storybook/preview-api 7.0.20 → 7.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "7.0.20",
+  "version": "7.0.22",
   "description": "",
   "keywords": [
     "storybook"
@@ -67,13 +67,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channel-postmessage": "7.0.20",
-    "@storybook/channels": "7.0.20",
-    "@storybook/client-logger": "7.0.20",
-    "@storybook/core-events": "7.0.20",
+    "@storybook/channel-postmessage": "7.0.22",
+    "@storybook/channels": "7.0.22",
+    "@storybook/client-logger": "7.0.22",
+    "@storybook/core-events": "7.0.22",
     "@storybook/csf": "^0.1.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/types": "7.0.20",
+    "@storybook/types": "7.0.22",
     "@types/qs": "^6.9.5",
     "dequal": "^2.0.2",
     "lodash": "^4.17.21",
@@ -85,7 +85,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^26.6.2",
-    "@storybook/core-common": "7.0.20",
+    "@storybook/core-common": "7.0.22",
     "ansi-to-html": "^0.6.11",
     "react": "^16.14.0",
     "slash": "^5.0.0"
@@ -104,4 +104,4 @@
     ]
   },
   "gitHead": "9fb2573aa274f3f69d3358050e8df9c903e8245f"
-}
+}

package/src/modules/addons/hooks.test.js

@@ -0,0 +1,55 @@
+import { useParameter, useStoryContext } from './hooks';
+
+describe('addons/hooks', () => {
+  beforeEach(() => {
+    global.STORYBOOK_HOOKS_CONTEXT = undefined;
+  });
+
+  afterEach(() => {
+    global.STORYBOOK_HOOKS_CONTEXT = undefined;
+  });
+
+  describe('useStoryContext', () => {
+    test('should throw', () => {
+      expect(() => useStoryContext()).toThrowError(
+        'Storybook preview hooks can only be called inside decorators and story functions.'
+      );
+    });
+  });
+
+  describe('useParameter', () => {
+    beforeEach(() => {
+      global.STORYBOOK_HOOKS_CONTEXT = {
+        currentContext: {
+          parameters: {
+            'undefined key': undefined,
+            'null key': null,
+            'false key': false,
+            'zero key': 0,
+            'object key': { defined: true },
+          },
+        },
+      };
+    });
+
+    test('undefined key', () => {
+      expect(useParameter('undefined key', 'undefined default')).toEqual('undefined default');
+    });
+
+    test('null key', () => {
+      expect(useParameter('null key', 'null default')).toEqual('null default');
+    });
+
+    test('false key', () => {
+      expect(useParameter('false key', 'false default')).toEqual(false);
+    });
+
+    test('zero key', () => {
+      expect(useParameter('zero key', 'zero default')).toEqual(0);
+    });
+
+    test('object key', () => {
+      expect(useParameter('object key', 'object default')).toMatchObject({ defined: true });
+    });
+  });
+});

package/src/typings.d.ts

@@ -0,0 +1,41 @@
+/* eslint-disable no-underscore-dangle */
+/* eslint-disable @typescript-eslint/naming-convention */
+declare module 'lazy-universal-dotenv';
+declare module 'pnp-webpack-plugin';
+declare module '@storybook/manager/paths';
+declare module 'better-opn';
+declare module 'open';
+declare module '@aw-web-design/x-default-browser';
+
+declare var FEATURES:
+  | {
+      storyStoreV7?: boolean;
+      storyStoreV7MdxErrors?: boolean;
+      argTypeTargetsV7?: boolean;
+      legacyMdx1?: boolean;
+      legacyDecoratorFileOrder?: boolean;
+    }
+  | undefined;
+
+declare var STORIES: any;
+declare var DOCS_OPTIONS: any;
+
+// To enable user code to detect if it is running in Storybook
+declare var IS_STORYBOOK: boolean;
+
+// ClientApi (and StoreStore) are really singletons. However they are not created until the
+// relevant framework instantiates them via `start.js`. The good news is this happens right away.
+declare var __STORYBOOK_ADDONS_CHANNEL__: any;
+declare var __STORYBOOK_ADDONS_PREVIEW: any;
+declare var __STORYBOOK_CLIENT_API__: import('./modules/client-api/ClientApi').ClientApi<any>;
+declare var __STORYBOOK_PREVIEW__: import('./modules/preview-web/PreviewWeb').PreviewWeb<any>;
+declare var __STORYBOOK_STORY_STORE__: any;
+declare var STORYBOOK_HOOKS_CONTEXT: any;
+declare var LOGLEVEL: 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'silent' | undefined;
+
+declare module 'ansi-to-html';
+declare class AnsiToHtml {
+  constructor(options: { escapeHtml: boolean });
+
+  toHtml: (ansi: string) => string;
+}