@storybook/react 11.0.0-alpha.0 → 11.0.0-alpha.2

package/dist/_browser-chunks/{chunk-64GECWYS.js → chunk-A624C5GY.js}

@@ -1,9 +1,9 @@
 import {
   entry_preview_exports
-} from "./chunk-7HUHAOMV.js";
+} from "./chunk-XD4PMI7Q.js";
 import {
   entry_preview_argtypes_exports
-} from "./chunk-5GZAZJC7.js";
+} from "./chunk-LGSTPTL6.js";
 import {
   entry_preview_docs_exports
 } from "./chunk-CS62LUFX.js";

package/dist/_browser-chunks/{chunk-5GZAZJC7.js → chunk-LGSTPTL6.js}

@@ -6446,8 +6446,7 @@ import {
 
 // ../../../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs
 function isPlainObject(value) {
-  if (!value || typeof value != "object")
-    return !1;
+  if (!value || typeof value != "object") return !1;
   let proto = Object.getPrototypeOf(value);
   return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null ? Object.prototype.toString.call(value) === "[object Object]" : !1;
 }

package/dist/_browser-chunks/{chunk-7HUHAOMV.js → chunk-XD4PMI7Q.js}

@@ -107,7 +107,7 @@ var { FRAMEWORK_OPTIONS } = global, ErrorBoundary = class extends ReactComponent
     let { hasError } = this.state, { children } = this.props;
     return hasError ? null : children;
   }
-}, Wrapper = FRAMEWORK_OPTIONS?.strictMode ? StrictMode : Fragment, actQueue = [], isActing = !1, processActQueue = async () => {
+}, Wrapper = FRAMEWORK_OPTIONS?.strictMode ? StrictMode : Fragment, actQueue = [], isActing = !1, remountCounts = /* @__PURE__ */ new WeakMap(), processActQueue = async () => {
   if (isActing || actQueue.length === 0)
     return;
   isActing = !0;
@@ -121,9 +121,17 @@ async function renderToCanvas({
   showException,
   forceRemount
 }, canvasElement) {
-  let { renderElement, unmountElement } = await import("@storybook/react-dom-shim"), Story = unboundStoryFn, content = storyContext.parameters.__isPortableStory ? React3.createElement(Story, { ...storyContext }) : React3.createElement(ErrorBoundary, { key: storyContext.id, showMain, showException }, React3.createElement(Story, { ...storyContext })), element = Wrapper ? React3.createElement(Wrapper, null, content) : content;
-  forceRemount && unmountElement(canvasElement);
-  let act = await getAct({ disableAct: storyContext.viewMode === "docs" });
+  let { renderElement, unmountElement } = await import("./react-dom-client-CF4ABZ4W.js"), Story = unboundStoryFn, isPortableStory = storyContext.parameters.__isPortableStory;
+  forceRemount && (isPortableStory ? unmountElement(canvasElement) : remountCounts.set(canvasElement, (remountCounts.get(canvasElement) ?? 0) + 1));
+  let content = isPortableStory ? React3.createElement(Story, { ...storyContext }) : React3.createElement(
+    ErrorBoundary,
+    {
+      key: `${storyContext.id}-${remountCounts.get(canvasElement) ?? 0}`,
+      showMain,
+      showException
+    },
+    React3.createElement(Story, { ...storyContext })
+  ), element = Wrapper ? React3.createElement(Wrapper, null, content) : content, act = await getAct({ disableAct: storyContext.viewMode === "docs" });
   return await new Promise(async (resolve, reject) => {
     actQueue.push(async () => {
       try {

package/dist/_browser-chunks/react-dom-client-CF4ABZ4W.js

@@ -0,0 +1,41 @@
+import "./chunk-UAWMPV5J.js";
+
+// src/react-dom-client.tsx
+import * as React from "react";
+import * as ReactDOM from "react-dom/client";
+var nodes = /* @__PURE__ */ new Map(), WithCallback = ({
+  callback,
+  children
+}) => {
+  let once = React.useRef();
+  return React.useLayoutEffect(() => {
+    once.current !== callback && (once.current = callback, callback());
+  }, [callback]), children;
+}, createPromise = () => {
+  let resolve;
+  return { promise: new Promise((res) => {
+    resolve = res;
+  }), resolve };
+}, settlePendingRenders = ({ pendingRenders }) => {
+  pendingRenders.forEach((resolve) => resolve()), pendingRenders.clear();
+}, renderElement = async (node, el, rootOptions) => {
+  let state = nodes.get(el);
+  if (state || (state = {
+    root: ReactDOM.createRoot(el, rootOptions),
+    pendingRenders: /* @__PURE__ */ new Set()
+  }, nodes.set(el, state)), settlePendingRenders(state), globalThis.IS_REACT_ACT_ENVIRONMENT) {
+    state.root.render(node);
+    return;
+  }
+  let { promise, resolve } = createPromise(), onCommit = () => {
+    state.pendingRenders.delete(onCommit), resolve();
+  };
+  return state.pendingRenders.add(onCommit), state.root.render(React.createElement(WithCallback, { callback: onCommit }, node)), promise;
+}, unmountElement = (el) => {
+  let state = nodes.get(el);
+  state && (state.root.unmount(), settlePendingRenders(state), nodes.delete(el));
+};
+export {
+  renderElement,
+  unmountElement
+};