storybook 10.1.0-alpha.0 → 10.1.0-alpha.10

package/dist/manager-api/index.d.ts

@@ -391,17 +391,23 @@ interface SubState$5 {
     settings: API_Settings;
 }
 
-declare const isMacLike: () => boolean;
 declare const controlOrMetaSymbol: () => "⌘" | "ctrl";
-declare const controlOrMetaKey: () => "control" | "meta";
+declare const controlOrMetaKey: () => "meta" | "control";
 declare const optionOrAltSymbol: () => "⌥" | "alt";
 declare const isShortcutTaken: (arr1: string[], arr2: string[]) => boolean;
 type KeyboardEventLike = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey' | 'key' | 'code' | 'keyCode' | 'preventDefault'>;
 declare const eventToShortcut: (e: KeyboardEventLike) => (string | string[])[] | null;
 declare const shortcutMatchesShortcut: (inputShortcut: (string | string[])[], shortcut: API_KeyCollection) => boolean;
 declare const eventMatchesShortcut: (e: KeyboardEventLike, shortcut: API_KeyCollection) => boolean;
+/**
+ * Returns a human-readable symbol for a keyboard key.
+ *
+ * @param key The key to convert to a symbol.
+ * @returns A string that a human could understand as that keyboard key.
+ */
 declare const keyToSymbol: (key: string) => string;
 declare const shortcutToHumanString: (shortcut: API_KeyCollection) => string;
+declare const shortcutToAriaKeyshortcuts: (shortcut: API_KeyCollection) => string;
 
 interface SubState$4 {
     shortcuts: API_Shortcuts;
@@ -828,6 +834,8 @@ declare class RequestResponseError<Payload extends Record<string, any> | void> e
 }
 declare const experimental_requestResponse: <RequestPayload, ResponsePayload = void, CreateNewStoryErrorPayload extends Record<string, any> | void = void>(channel: Channel, requestEvent: string, responseEvent: string, payload: RequestPayload, timeout?: number) => Promise<ResponsePayload>;
 
+declare const isMacLike: () => boolean;
+
 declare const _default: <TObj = any>(a: TObj, ...b: Partial<TObj>[]) => TObj;
 
 declare const ActiveTabs: {
@@ -2026,4 +2034,4 @@ declare const getTestProviderStoreById: (testProviderId: TestProviderId) => Test
 declare const useTestProviderStore: UseTestProviderStore;
 declare const universalTestProviderStore: UniversalStore<TestProviderStateByProviderId, TestProviderStoreEvent>;
 
-export { type API, type API_EventMap, ActiveTabs, AddonStore, type Combo, ManagerConsumer as Consumer, type KeyboardEventLike, ManagerContext, type ManagerProviderProps, ManagerProvider as Provider, RequestResponseError, type State, type Options as StoreOptions, addons, combineParameters, controlOrMetaKey, controlOrMetaSymbol, eventMatchesShortcut, eventToShortcut, MockUniversalStore as experimental_MockUniversalStore, UniversalStore as experimental_UniversalStore, getStatusStoreByTypeId as experimental_getStatusStore, getTestProviderStoreById as experimental_getTestProviderStore, experimental_requestResponse, useStatusStore as experimental_useStatusStore, useTestProviderStore as experimental_useTestProviderStore, useUniversalStore as experimental_useUniversalStore, fullStatusStore as internal_fullStatusStore, fullTestProviderStore as internal_fullTestProviderStore, universalStatusStore as internal_universalStatusStore, universalTestProviderStore as internal_universalTestProviderStore, isMacLike, isShortcutTaken, keyToSymbol, _default as merge, mockChannel, optionOrAltSymbol, shortcutMatchesShortcut, shortcutToHumanString, typesX as types, useAddonState, useArgTypes, useArgs, useChannel, useGlobalTypes, useGlobals, useParameter, useSharedState, useStoryPrepared, useStorybookApi, useStorybookState };
+export { type API, type API_EventMap, type API_KeyCollection, ActiveTabs, AddonStore, type Combo, ManagerConsumer as Consumer, type KeyboardEventLike, ManagerContext, type ManagerProviderProps, ManagerProvider as Provider, RequestResponseError, type State, type Options as StoreOptions, addons, combineParameters, controlOrMetaKey, controlOrMetaSymbol, eventMatchesShortcut, eventToShortcut, MockUniversalStore as experimental_MockUniversalStore, UniversalStore as experimental_UniversalStore, getStatusStoreByTypeId as experimental_getStatusStore, getTestProviderStoreById as experimental_getTestProviderStore, experimental_requestResponse, useStatusStore as experimental_useStatusStore, useTestProviderStore as experimental_useTestProviderStore, useUniversalStore as experimental_useUniversalStore, fullStatusStore as internal_fullStatusStore, fullTestProviderStore as internal_fullTestProviderStore, universalStatusStore as internal_universalStatusStore, universalTestProviderStore as internal_universalTestProviderStore, isMacLike, isShortcutTaken, keyToSymbol, _default as merge, mockChannel, optionOrAltSymbol, shortcutMatchesShortcut, shortcutToAriaKeyshortcuts, shortcutToHumanString, typesX as types, useAddonState, useArgTypes, useArgs, useChannel, useGlobalTypes, useGlobals, useParameter, useSharedState, useStoryPrepared, useStorybookApi, useStorybookState };

package/dist/manager-api/index.js

@@ -1653,17 +1653,50 @@ var init5 = /* @__PURE__ */ __name(({ store: store2, provider, singleStory }) =>
         { persistence: "session" }
       );
     },
+    /**
+     * Attempts to focus (and select) an element identified by its ID. It is the responsibility of
+     * the callee to ensure that the element is present in the DOM and that no focus trap is
+     * available. This API polls and attempts to perform the focus for a set duration (max 500ms),
+     * so that race conditions can be avoided with the current API design. Because this API is
+     * historically synchronous, it cannot report errors or failure to focus. It fails silently.
+     *
+     * @param elementId The id of the element to focus.
+     * @param select Whether to call select() on the element after focusing it.
+     */
     focusOnUIElement(elementId, select) {
       if (!elementId) {
         return;
       }
-      const element = document2.getElementById(elementId);
-      if (element) {
+      const startTime = Date.now();
+      const maxDuration = 500;
+      const pollInterval = 50;
+      const attemptFocus = /* @__PURE__ */ __name(() => {
+        const element = document2.getElementById(elementId);
+        if (!element) {
+          return false;
+        }
         element.focus();
+        if (element !== document2.activeElement) {
+          return false;
+        }
         if (select) {
-          element.select();
+          element.select?.();
         }
+        return true;
+      }, "attemptFocus");
+      if (attemptFocus()) {
+        return;
       }
+      const intervalId = setInterval(() => {
+        const elapsed = Date.now() - startTime;
+        if (elapsed >= maxDuration) {
+          clearInterval(intervalId);
+          return;
+        }
+        if (attemptFocus()) {
+          clearInterval(intervalId);
+        }
+      }, pollInterval);
     },
     getInitialOptions() {
       const { theme, selectedPanel, layoutCustomisations, ...options } = provider.getConfig();
@@ -1930,16 +1963,18 @@ import {
 } from "storybook/internal/core-events";
 import { global as global5 } from "@storybook/global";
 
-// src/manager-api/lib/shortcut.ts
+// src/manager-api/lib/platform.ts
 import { global as global4 } from "@storybook/global";
 var { navigator: navigator2 } = global4;
 var isMacLike = /* @__PURE__ */ __name(() => navigator2 && navigator2.platform ? !!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i) : false, "isMacLike");
+
+// src/manager-api/lib/shortcut.ts
 var controlOrMetaSymbol = /* @__PURE__ */ __name(() => isMacLike() ? "\u2318" : "ctrl", "controlOrMetaSymbol");
 var controlOrMetaKey = /* @__PURE__ */ __name(() => isMacLike() ? "meta" : "control", "controlOrMetaKey");
 var optionOrAltSymbol = /* @__PURE__ */ __name(() => isMacLike() ? "\u2325" : "alt", "optionOrAltSymbol");
 var isShortcutTaken = /* @__PURE__ */ __name((arr1, arr2) => JSON.stringify(arr1) === JSON.stringify(arr2), "isShortcutTaken");
 var eventToShortcut = /* @__PURE__ */ __name((e) => {
-  if (["Meta", "Alt", "Control", "Shift"].includes(e.key)) {
+  if (["Meta", "Alt", "Control", "Shift", "Tab"].includes(e.key)) {
     return null;
   }
   const keys2 = [];
@@ -2057,6 +2092,17 @@ var keyToSymbol = /* @__PURE__ */ __name((key) => {
 var shortcutToHumanString = /* @__PURE__ */ __name((shortcut) => {
   return shortcut.map(keyToSymbol).join(" ");
 }, "shortcutToHumanString");
+var shortcutToAriaKeyshortcuts = /* @__PURE__ */ __name((shortcut) => {
+  return shortcut.map((shortcut2) => {
+    if (shortcut2 === "+") {
+      return "plus";
+    }
+    if (shortcut2 === " ") {
+      return "space";
+    }
+    return shortcut2;
+  }).join("+");
+}, "shortcutToAriaKeyshortcuts");
 
 // src/manager-api/modules/shortcuts.ts
 var { navigator: navigator3, document: document3 } = global5;
@@ -3262,7 +3308,7 @@ import { global as global8 } from "@storybook/global";
 import semver from "semver";
 
 // src/manager-api/version.ts
-var version = "10.1.0-alpha.0";
+var version = "10.1.0-alpha.10";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = global8;
@@ -4047,6 +4093,7 @@ export {
   mockChannel,
   optionOrAltSymbol,
   shortcutMatchesShortcut,
+  shortcutToAriaKeyshortcuts,
   shortcutToHumanString,
   typesX as types,
   useAddonState,

package/dist/node-logger/index.d.ts

@@ -473,7 +473,7 @@ declare const logger: {
         time: [number, number];
     }) => void;
     setLevel: (level?: LogLevel) => void;
-    error: (message: Error | string) => void;
+    error: (message: unknown) => void;
     setLogLevel: (level: LogLevel) => void;
     getLogLevel: () => LogLevel;
     shouldLog: (level: LogLevel) => boolean;