storybook 9.1.0-alpha.2 → 9.1.0-alpha.4

package/dist/actions/index.cjs

@@ -7,13 +7,13 @@ var i = (t, o) => a(t, "name", { value: o, configurable: !0 });
 var j = (t, o) => {
   for (var n in o)
     a(t, n, { get: o[n], enumerable: !0 });
-}, P = (t, o, n, e) => {
+}, S = (t, o, n, e) => {
   if (o && typeof o == "object" || typeof o == "function")
     for (let r of x(o))
       !R.call(t, r) && r !== n && a(t, r, { get: () => o[r], enumerable: !(e = D(o, r)) || e.enumerable });
   return t;
 };
-var S = (t) => P(a({}, "__esModule", { value: !0 }), t);
+var I = (t) => S(a({}, "__esModule", { value: !0 }), t);
 
 // src/actions/index.ts
 var $ = {};
@@ -23,19 +23,19 @@ j($, {
   CYCLIC_KEY: () => C,
   EVENT_ID: () => m,
   PANEL_ID: () => T,
-  PARAM_KEY: () => I,
-  action: () => f,
+  PARAM_KEY: () => P,
+  action: () => y,
   actions: () => Y,
   config: () => s,
   configureActions: () => F
 });
-module.exports = S($);
+module.exports = I($);
 
 // src/actions/constants.ts
-var I = "actions", l = "storybook/actions", T = `${l}/panel`, m = `${l}/action-event`, k = `${l}/action-clear`, C = "$___storybook.isCyclic";
+var P = "actions", l = "storybook/actions", T = `${l}/panel`, m = `${l}/action-event`, k = `${l}/action-clear`, C = "$___storybook.isCyclic";
 
 // src/actions/runtime/action.ts
-var A = require("storybook/internal/preview-errors"), y = require("@storybook/global"), O = require("storybook/preview-api");
+var O = require("storybook/internal/preview-errors"), f = require("@storybook/global"), h = require("storybook/preview-api");
 
 // src/actions/runtime/configureActions.ts
 var s = {
@@ -47,10 +47,10 @@ var s = {
 }, "configureActions");
 
 // src/actions/runtime/action.ts
-var h = /* @__PURE__ */ i((t, o) => {
+var A = /* @__PURE__ */ i((t, o) => {
   let n = Object.getPrototypeOf(t);
-  return !n || o(n) ? n : h(n, o);
-}, "findProto"), V = /* @__PURE__ */ i((t) => !!(typeof t == "object" && t && h(t, (o) => /^Synthetic(?:Base)?Event$/.test(o.constructor.name)) &&
+  return !n || o(n) ? n : A(n, o);
+}, "findProto"), V = /* @__PURE__ */ i((t) => !!(typeof t == "object" && t && A(t, (o) => /^Synthetic(?:Base)?Event$/.test(o.constructor.name)) &&
 typeof t.persist == "function"), "isReactSyntheticEvent"), W = /* @__PURE__ */ i((t) => {
   if (V(t)) {
     let o = Object.create(
@@ -66,17 +66,17 @@ typeof t.persist == "function"), "isReactSyntheticEvent"), W = /* @__PURE__ */ i
   }
   return t;
 }, "serializeArg");
-function f(t, o = {}) {
+function y(t, o = {}) {
   let n = {
     ...s,
     ...o
   }, e = /* @__PURE__ */ i(function(...c) {
     if (o.implicit) {
-      let u = ("__STORYBOOK_PREVIEW__" in y.global ? y.global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
+      let u = ("__STORYBOOK_PREVIEW__" in f.global ? f.global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (p) => p.phase === "playing" || p.phase === "rendering"
       );
       if (u) {
-        let p = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, g = new A.ImplicitActionsDuringRendering({
+        let p = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, g = new O.ImplicitActionsDuringRendering({
           phase: u.phase,
           name: t,
           deprecated: p
@@ -87,7 +87,7 @@ function f(t, o = {}) {
           throw g;
       }
     }
-    let E = O.addons.getChannel(), b = Date.now().toString(36) + Math.random().toString(36).substring(2), w = 5, d = c.map(W), _ = c.length >
+    let E = h.addons.getChannel(), b = Date.now().toString(36) + Math.random().toString(36).substring(2), w = 5, d = c.map(W), _ = c.length >
     1 ? d : d[0], v = {
       id: b,
       count: 0,
@@ -101,7 +101,7 @@ function f(t, o = {}) {
   }, "actionHandler");
   return e.isAction = !0, e.implicit = o.implicit, e;
 }
-i(f, "action");
+i(y, "action");
 
 // src/actions/runtime/actions.ts
 var Y = /* @__PURE__ */ i((...t) => {
@@ -116,6 +116,6 @@ var Y = /* @__PURE__ */ i((...t) => {
   }));
   let r = {};
   return Object.keys(e).forEach((c) => {
-    r[c] = f(e[c], o);
+    r[c] = y(e[c], o);
   }), r;
 }, "actions");

package/dist/actions/index.d.ts

@@ -62,41 +62,4 @@ declare const actions: ActionsFunction;
 declare const config: ActionOptions;
 declare const configureActions: (options?: ActionOptions) => void;
 
-interface ActionsParameters {
-    /**
-     * Actions configuration
-     *
-     * @see https://storybook.js.org/docs/essentials/actions#parameters
-     */
-    actions: {
-        /**
-         * Create actions for each arg that matches the regex. (**NOT recommended, see below**)
-         *
-         * This is quite useful when your component has dozens (or hundreds) of methods and you do not
-         * want to manually apply the fn utility for each of those methods. However, this is not the
-         * recommended way of writing actions. That's because automatically inferred args are not
-         * available as spies in your play function. If you use argTypesRegex and your stories have play
-         * functions, you will need to also define args with the fn utility to test them in your play
-         * function.
-         *
-         * @example `argTypesRegex: '^on.*'`
-         */
-        argTypesRegex?: string;
-        /** Remove the addon panel and disable the addon's behavior */
-        disable?: boolean;
-        /**
-         * Binds a standard HTML event handler to the outermost HTML element rendered by your component
-         * and triggers an action when the event is called for a given selector. The format is
-         * `<eventname> <selector>`. The selector is optional; it defaults to all elements.
-         *
-         * **To enable this feature, you must use the `withActions` decorator.**
-         *
-         * @example `handles: ['mouseover', 'click .btn']`
-         *
-         * @see https://storybook.js.org/docs/essentials/actions#action-event-handlers
-         */
-        handles?: string[];
-    };
-}
-
-export { ADDON_ID, type ActionDisplay, type ActionOptions, type ActionsFunction, type ActionsMap, type ActionsParameters, CLEAR_ID, CYCLIC_KEY, type DecoratorFunction, EVENT_ID, type HandlerFunction, PANEL_ID, PARAM_KEY, action, actions, config, configureActions };
+export { ADDON_ID, type ActionDisplay, type ActionOptions, type ActionsFunction, type ActionsMap, CLEAR_ID, CYCLIC_KEY, type DecoratorFunction, EVENT_ID, type HandlerFunction, PANEL_ID, PARAM_KEY, action, actions, config, configureActions };

package/dist/actions/index.js

@@ -2,7 +2,7 @@ var w = Object.defineProperty;
 var i = (o, n) => w(o, "name", { value: n, configurable: !0 });
 
 // src/actions/constants.ts
-var P = "actions", a = "storybook/actions", S = `${a}/panel`, f = `${a}/action-event`, I = `${a}/action-clear`, T = "$___storybook.isCyclic";
+var S = "actions", a = "storybook/actions", I = `${a}/panel`, y = `${a}/action-event`, P = `${a}/action-clear`, T = "$___storybook.isCyclic";
 
 // src/actions/runtime/action.ts
 import { ImplicitActionsDuringRendering as _ } from "storybook/internal/preview-errors";
@@ -48,28 +48,28 @@ function g(o, n = {}) {
         (s) => s.phase === "playing" || s.phase === "rendering"
       );
       if (m) {
-        let s = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, y = new _({
+        let s = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, f = new _({
           phase: m.phase,
           name: o,
           deprecated: s
         });
         if (s)
-          console.warn(y);
+          console.warn(f);
         else
-          throw y;
+          throw f;
       }
     }
-    let A = v.getChannel(), O = Date.now().toString(36) + Math.random().toString(36).substring(2), h = 5, l = r.map(x), E = r.length > 1 ? l :
+    let O = v.getChannel(), h = Date.now().toString(36) + Math.random().toString(36).substring(2), A = 5, l = r.map(x), E = r.length > 1 ? l :
     l[0], b = {
-      id: O,
+      id: h,
       count: 0,
       data: { name: o, args: E },
       options: {
         ...t,
-        maxDepth: h + (t.depth || 3)
+        maxDepth: A + (t.depth || 3)
       }
     };
-    A.emit(f, b);
+    O.emit(y, b);
   }, "actionHandler");
   return e.isAction = !0, e.implicit = n.implicit, e;
 }
@@ -93,11 +93,11 @@ var L = /* @__PURE__ */ i((...o) => {
 }, "actions");
 export {
   a as ADDON_ID,
-  I as CLEAR_ID,
+  P as CLEAR_ID,
   T as CYCLIC_KEY,
-  f as EVENT_ID,
-  S as PANEL_ID,
-  P as PARAM_KEY,
+  y as EVENT_ID,
+  I as PANEL_ID,
+  S as PARAM_KEY,
   g as action,
   L as actions,
   c as config,

package/dist/actions/preview.cjs

@@ -1,36 +1,36 @@
 "use strict";
-var l = Object.defineProperty;
+var g = Object.defineProperty;
 var F = Object.getOwnPropertyDescriptor;
 var C = Object.getOwnPropertyNames;
 var W = Object.prototype.hasOwnProperty;
-var i = (e, t) => l(e, "name", { value: t, configurable: !0 });
-var y = (e, t) => {
+var i = (e, t) => g(e, "name", { value: t, configurable: !0 });
+var l = (e, t) => {
   for (var o in t)
-    l(e, o, { get: t[o], enumerable: !0 });
+    g(e, o, { get: t[o], enumerable: !0 });
 }, M = (e, t, o, r) => {
   if (t && typeof t == "object" || typeof t == "function")
     for (let n of C(t))
-      !W.call(e, n) && n !== o && l(e, n, { get: () => t[n], enumerable: !(r = F(t, n)) || r.enumerable });
+      !W.call(e, n) && n !== o && g(e, n, { get: () => t[n], enumerable: !(r = F(t, n)) || r.enumerable });
   return e;
 };
-var L = (e) => M(l({}, "__esModule", { value: !0 }), e);
+var L = (e) => M(g({}, "__esModule", { value: !0 }), e);
 
 // src/actions/preview.ts
 var z = {};
-y(z, {
+l(z, {
   default: () => K
 });
 module.exports = L(z);
-var j = require("storybook/preview-api");
+var j = require("storybook/internal/csf");
 
 // src/actions/addArgs.ts
 var A = {};
-y(A, {
+l(A, {
   argsEnhancers: () => Y
 });
 
 // src/actions/runtime/action.ts
-var O = require("storybook/internal/preview-errors"), u = require("@storybook/global"), w = require("storybook/preview-api");
+var O = require("storybook/internal/preview-errors"), u = require("@storybook/global"), T = require("storybook/preview-api");
 
 // src/actions/constants.ts
 var f = "storybook/actions", q = `${f}/panel`, E = `${f}/action-event`, G = `${f}/action-clear`;
@@ -43,10 +43,10 @@ var R = {
 };
 
 // src/actions/runtime/action.ts
-var v = /* @__PURE__ */ i((e, t) => {
+var w = /* @__PURE__ */ i((e, t) => {
   let o = Object.getPrototypeOf(e);
-  return !o || t(o) ? o : v(o, t);
-}, "findProto"), N = /* @__PURE__ */ i((e) => !!(typeof e == "object" && e && v(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) &&
+  return !o || t(o) ? o : w(o, t);
+}, "findProto"), N = /* @__PURE__ */ i((e) => !!(typeof e == "object" && e && w(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) &&
 typeof e.persist == "function"), "isReactSyntheticEvent"), V = /* @__PURE__ */ i((e) => {
   if (N(e)) {
     let t = Object.create(
@@ -62,7 +62,7 @@ typeof e.persist == "function"), "isReactSyntheticEvent"), V = /* @__PURE__ */ i
   }
   return e;
 }, "serializeArg");
-function g(e, t = {}) {
+function y(e, t = {}) {
   let o = {
     ...R,
     ...t
@@ -83,24 +83,24 @@ function g(e, t = {}) {
           throw b;
       }
     }
-    let a = w.addons.getChannel(), c = Date.now().toString(36) + Math.random().toString(36).substring(2), p = 5, m = s.map(V), P = s.length >
+    let p = T.addons.getChannel(), c = Date.now().toString(36) + Math.random().toString(36).substring(2), a = 5, m = s.map(V), P = s.length >
     1 ? m : m[0], S = {
       id: c,
       count: 0,
       data: { name: e, args: P },
       options: {
         ...o,
-        maxDepth: p + (o.depth || 3)
+        maxDepth: a + (o.depth || 3)
       }
     };
-    a.emit(E, S);
+    p.emit(E, S);
   }, "actionHandler");
   return r.isAction = !0, r.implicit = t.implicit, r;
 }
-i(g, "action");
+i(y, "action");
 
 // src/actions/addArgsHelpers.ts
-var T = /* @__PURE__ */ i((e, t) => typeof t[e] > "u" && !(e in t), "isInInitialArgs"), _ = /* @__PURE__ */ i((e) => {
+var v = /* @__PURE__ */ i((e, t) => typeof t[e] > "u" && !(e in t), "isInInitialArgs"), _ = /* @__PURE__ */ i((e) => {
   let {
     initialArgs: t,
     argTypes: o,
@@ -112,15 +112,15 @@ var T = /* @__PURE__ */ i((e, t) => typeof t[e] > "u" && !(e in t), "isInInitial
   let s = new RegExp(n.argTypesRegex);
   return Object.entries(o).filter(
     ([c]) => !!s.test(c)
-  ).reduce((c, [p, m]) => (T(p, t) && (c[p] = g(p, { implicit: !0, id: r })), c), {});
+  ).reduce((c, [a, m]) => (v(a, t) && (c[a] = y(a, { implicit: !0, id: r })), c), {});
 }, "inferActionsFromArgTypesRegex"), D = /* @__PURE__ */ i((e) => {
   let {
     initialArgs: t,
     argTypes: o,
     parameters: { actions: r }
   } = e;
-  return r?.disable || !o ? {} : Object.entries(o).filter(([s, a]) => !!a.action).reduce((s, [a, c]) => (T(a, t) && (s[a] = g(typeof c.action ==
-  "string" ? c.action : a)), s), {});
+  return r?.disable || !o ? {} : Object.entries(o).filter(([s, p]) => !!p.action).reduce((s, [p, c]) => (v(p, t) && (s[p] = y(typeof c.action ==
+  "string" ? c.action : p)), s), {});
 }, "addActionsFromArgTypes");
 
 // src/actions/addArgs.ts
@@ -131,7 +131,7 @@ var Y = [
 
 // src/actions/loaders.ts
 var h = {};
-y(h, {
+l(h, {
   loaders: () => B
 });
 var I = require("storybook/test");
@@ -148,12 +148,12 @@ var k = !1, $ = /* @__PURE__ */ i((e) => {
       "next/headers::cookies().delete",
       "next/headers::headers().set",
       "next/headers::headers().delete"
-    ].some((s) => n.startsWith(s))) && g(n)(r);
+    ].some((s) => n.startsWith(s))) && y(n)(r);
   }), k = !0);
 }, "logActionsWhenMockCalled"), B = [$];
 
 // src/actions/preview.ts
-var K = /* @__PURE__ */ i(() => (0, j.definePreview)({
+var K = /* @__PURE__ */ i(() => (0, j.definePreviewAddon)({
   ...A,
   ...h
 }), "default");