storybook 9.0.0-alpha.2 → 9.0.0-alpha.20

package/dist/viewport/index.js

@@ -0,0 +1,290 @@
+// src/viewport/constants.ts
+var e = "storybook/viewport", t = "viewport", o = `${e}/panel`, h = `${e}/tool`;
+
+// src/viewport/defaults.ts
+var p = {
+  iphone5: {
+    name: "iPhone 5",
+    styles: {
+      height: "568px",
+      width: "320px"
+    },
+    type: "mobile"
+  },
+  iphone6: {
+    name: "iPhone 6",
+    styles: {
+      height: "667px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone6p: {
+    name: "iPhone 6 Plus",
+    styles: {
+      height: "736px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphone8p: {
+    name: "iPhone 8 Plus",
+    styles: {
+      height: "736px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphonex: {
+    name: "iPhone X",
+    styles: {
+      height: "812px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphonexr: {
+    name: "iPhone XR",
+    styles: {
+      height: "896px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphonexsmax: {
+    name: "iPhone XS Max",
+    styles: {
+      height: "896px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphonese2: {
+    name: "iPhone SE (2nd generation)",
+    styles: {
+      height: "667px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone12mini: {
+    name: "iPhone 12 mini",
+    styles: {
+      height: "812px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone12: {
+    name: "iPhone 12",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone12promax: {
+    name: "iPhone 12 Pro Max",
+    styles: {
+      height: "926px",
+      width: "428px"
+    },
+    type: "mobile"
+  },
+  iphoneSE3: {
+    name: "iPhone SE 3rd generation",
+    styles: {
+      height: "667px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone13: {
+    name: "iPhone 13",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone13pro: {
+    name: "iPhone 13 Pro",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone13promax: {
+    name: "iPhone 13 Pro Max",
+    styles: {
+      height: "926px",
+      width: "428px"
+    },
+    type: "mobile"
+  },
+  iphone14: {
+    name: "iPhone 14",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone14pro: {
+    name: "iPhone 14 Pro",
+    styles: {
+      height: "852px",
+      width: "393px"
+    },
+    type: "mobile"
+  },
+  iphone14promax: {
+    name: "iPhone 14 Pro Max",
+    styles: {
+      height: "932px",
+      width: "430px"
+    },
+    type: "mobile"
+  },
+  ipad: {
+    name: "iPad",
+    styles: {
+      height: "1024px",
+      width: "768px"
+    },
+    type: "tablet"
+  },
+  ipad10p: {
+    name: "iPad Pro 10.5-in",
+    styles: {
+      height: "1112px",
+      width: "834px"
+    },
+    type: "tablet"
+  },
+  ipad11p: {
+    name: "iPad Pro 11-in",
+    styles: {
+      height: "1194px",
+      width: "834px"
+    },
+    type: "tablet"
+  },
+  ipad12p: {
+    name: "iPad Pro 12.9-in",
+    styles: {
+      height: "1366px",
+      width: "1024px"
+    },
+    type: "tablet"
+  },
+  galaxys5: {
+    name: "Galaxy S5",
+    styles: {
+      height: "640px",
+      width: "360px"
+    },
+    type: "mobile"
+  },
+  galaxys9: {
+    name: "Galaxy S9",
+    styles: {
+      height: "740px",
+      width: "360px"
+    },
+    type: "mobile"
+  },
+  nexus5x: {
+    name: "Nexus 5X",
+    styles: {
+      height: "660px",
+      width: "412px"
+    },
+    type: "mobile"
+  },
+  nexus6p: {
+    name: "Nexus 6P",
+    styles: {
+      height: "732px",
+      width: "412px"
+    },
+    type: "mobile"
+  },
+  pixel: {
+    name: "Pixel",
+    styles: {
+      height: "960px",
+      width: "540px"
+    },
+    type: "mobile"
+  },
+  pixelxl: {
+    name: "Pixel XL",
+    styles: {
+      height: "1280px",
+      width: "720px"
+    },
+    type: "mobile"
+  }
+}, x = p, n = "responsive", l = {
+  mobile1: {
+    name: "Small mobile",
+    styles: {
+      height: "568px",
+      width: "320px"
+    },
+    type: "mobile"
+  },
+  mobile2: {
+    name: "Large mobile",
+    styles: {
+      height: "896px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  tablet: {
+    name: "Tablet",
+    styles: {
+      height: "1112px",
+      width: "834px"
+    },
+    type: "tablet"
+  },
+  desktop: {
+    name: "Desktop",
+    styles: {
+      height: "1024px",
+      width: "1280px"
+    },
+    type: "desktop"
+  }
+};
+
+// src/viewport/preview.ts
+import { definePreview as r } from "storybook/preview-api";
+var w = {
+  [t]: { value: void 0, isRotated: !1 }
+};
+
+// src/viewport/responsiveViewport.tsx
+var g = {
+  name: "Reset viewport",
+  styles: {
+    height: "100%",
+    width: "100%"
+  },
+  type: "desktop"
+};
+export {
+  e as ADDON_ID,
+  n as DEFAULT_VIEWPORT,
+  x as INITIAL_VIEWPORTS,
+  l as MINIMAL_VIEWPORTS,
+  o as PANEL_ID,
+  t as PARAM_KEY,
+  h as TOOL_ID,
+  w as initialGlobals,
+  g as responsiveViewport
+};

package/dist/viewport/preview.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var p = Object.defineProperty;
+var c = Object.getOwnPropertyDescriptor;
+var d = Object.getOwnPropertyNames;
+var m = Object.prototype.hasOwnProperty;
+var l = (t, o) => p(t, "name", { value: o, configurable: !0 });
+var x = (t, o) => {
+  for (var r in o)
+    p(t, r, { get: o[r], enumerable: !0 });
+}, A = (t, o, r, i) => {
+  if (o && typeof o == "object" || typeof o == "function")
+    for (let e of d(o))
+      !m.call(t, e) && e !== r && p(t, e, { get: () => o[e], enumerable: !(i = c(o, e)) || i.enumerable });
+  return t;
+};
+var D = (t) => A(p({}, "__esModule", { value: !0 }), t);
+
+// src/viewport/preview.ts
+var b = {};
+x(b, {
+  default: () => _,
+  initialGlobals: () => f
+});
+module.exports = D(b);
+var s = require("storybook/preview-api");
+
+// src/viewport/constants.ts
+var a = "storybook/viewport", n = "viewport", P = `${a}/panel`, R = `${a}/tool`;
+
+// src/viewport/preview.ts
+var f = {
+  [n]: { value: void 0, isRotated: !1 }
+}, _ = /* @__PURE__ */ l(() => (0, s.definePreview)({
+  initialGlobals: f
+}), "default");

package/dist/viewport/preview.d.ts

@@ -0,0 +1,68 @@
+import { Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, StoryIdentifier, StoryContext, PartialStoryFn, LegacyStoryFn } from 'storybook/internal/csf';
+import { NormalizedProjectAnnotations, ProjectAnnotations as ProjectAnnotations$2, ComposedStoryFn } from 'storybook/internal/types';
+
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+interface Renderer extends Renderer$1 {
+}
+
+type MaybePromise<T> = Promise<T> | T;
+type TeardownRenderToCanvas = () => MaybePromise<void>;
+type RenderToCanvas<TRenderer extends Renderer> = (context: RenderContext<TRenderer>, element: TRenderer['canvasElement']) => MaybePromise<void | TeardownRenderToCanvas>;
+interface ProjectAnnotations<TRenderer extends Renderer> extends ProjectAnnotations$1<TRenderer> {
+    addons?: ProjectAnnotations<TRenderer>[];
+    testingLibraryRender?: (...args: never[]) => {
+        unmount: () => void;
+    };
+    renderToCanvas?: RenderToCanvas<TRenderer>;
+}
+declare type RenderContext<TRenderer extends Renderer = Renderer> = StoryIdentifier & {
+    showMain: () => void;
+    showError: (error: {
+        title: string;
+        description: string;
+    }) => void;
+    showException: (err: Error) => void;
+    forceRemount: boolean;
+    storyContext: StoryContext<TRenderer>;
+    storyFn: PartialStoryFn<TRenderer>;
+    unboundStoryFn: LegacyStoryFn<TRenderer>;
+};
+
+declare global {
+    var globalProjectAnnotations: NormalizedProjectAnnotations<any>;
+    var defaultProjectAnnotations: ProjectAnnotations$2<any>;
+}
+type WrappedStoryRef = {
+    __pw_type: 'jsx' | 'importRef';
+};
+type UnwrappedJSXStoryRef = {
+    __pw_type: 'jsx';
+    type: UnwrappedImportStoryRef;
+};
+type UnwrappedImportStoryRef = ComposedStoryFn;
+declare global {
+    function __pwUnwrapObject(storyRef: WrappedStoryRef): Promise<UnwrappedJSXStoryRef | UnwrappedImportStoryRef>;
+}
+
+type GlobalState = {
+    /**
+     * When set, the viewport is applied and cannot be changed using the toolbar. Must match the key
+     * of one of the available viewports.
+     */
+    value: string | undefined;
+    /**
+     * When true the viewport applied will be rotated 90°, e.g. it will rotate from portrait to
+     * landscape orientation.
+     */
+    isRotated: boolean;
+};
+
+declare const initialGlobals: Record<string, GlobalState>;
+declare const _default: () => ProjectAnnotations<Renderer>;
+
+export { _default as default, initialGlobals };

package/dist/viewport/preview.js

@@ -0,0 +1,19 @@
+var i = Object.defineProperty;
+var o = (r, p) => i(r, "name", { value: p, configurable: !0 });
+
+// src/viewport/preview.ts
+import { definePreview as l } from "storybook/preview-api";
+
+// src/viewport/constants.ts
+var t = "storybook/viewport", e = "viewport", s = `${t}/panel`, f = `${t}/tool`;
+
+// src/viewport/preview.ts
+var a = {
+  [e]: { value: void 0, isRotated: !1 }
+}, x = /* @__PURE__ */ o(() => l({
+  initialGlobals: a
+}), "default");
+export {
+  x as default,
+  a as initialGlobals
+};