reshaped 3.9.0-canary.0 → 3.9.0-canary.10

package/dist/components/FileUpload/tests/FileUpload.stories.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import { StoryObj } from "@storybook/react-vite";
-import { fn } from "storybook/test";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./..").FileUploadProps> & {
-        Trigger: typeof import("../FileUpload").FileUploadTrigger;
-    };
-    parameters: {
-        iframe: {
-            url: string;
-        };
-    };
-};
-export default _default;
-export declare const base: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const inline: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const height: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const onChange: StoryObj<{
-    handleChange: ReturnType<typeof fn>;
-}>;
-export declare const className: StoryObj;

package/dist/components/FileUpload/tests/FileUpload.stories.js

@@ -1,140 +0,0 @@
-import React from "react";
-import { expect, userEvent, fn } from "storybook/test";
-import { Example } from "../../../utilities/storybook/index.js";
-import FileUpload from "../index.js";
-import View from "../../View/index.js";
-import Image from "../../Image/index.js";
-import Link from "../../Link/index.js";
-import Icon from "../../Icon/index.js";
-import IconMic from "../../../icons/Mic.js";
-import Button from "../../Button/index.js";
-export default {
-    title: "Components/FileUpload",
-    component: FileUpload,
-    parameters: {
-        iframe: {
-            url: "https://reshaped.so/docs/components/file-upload",
-        },
-    },
-};
-const Demo = () => {
-    const [files, setFiles] = React.useState([]);
-    return (<View gap={2}>
-			<FileUpload name="file" onChange={(args) => setFiles((prev) => [...prev, ...args.value])}>
-				<View gap={3}>
-					<Icon svg={IconMic} size={8}/>
-					Drop files to attach
-				</View>
-			</FileUpload>
-			<View paddingBottom={20}>
-				<View gap={2} direction="row" position="absolute">
-					{files &&
-            Array.from(files).map((file) => {
-                return (<Image key={file.name} src={URL.createObjectURL(file)} width="60px" height="60px" borderRadius="small"/>);
-            })}
-				</View>
-			</View>
-		</View>);
-};
-export const base = {
-    name: "base",
-    render: () => (<Example>
-			<Example.Item title="Base upload with previews">
-				<Demo />
-			</Example.Item>
-			<Example.Item title="With trigger">
-				<FileUpload name="file">
-					<div>
-						Drop files to attach, or{" "}
-						<FileUpload.Trigger>
-							<Link variant="plain">browse</Link>
-						</FileUpload.Trigger>
-					</div>
-				</FileUpload>
-			</Example.Item>
-		</Example>),
-};
-export const inline = {
-    name: "inline, variant, render props",
-    render: () => {
-        return (<Example>
-				<Example.Item title="inline">
-					<FileUpload name="file" inline onChange={console.log}>
-						<View padding={2} paddingInline={3}>
-							Upload
-						</View>
-					</FileUpload>
-				</Example.Item>
-				<Example.Item title="variant headless">
-					<FileUpload name="file2" variant="headless" onChange={console.log}>
-						<Button variant="outline" fullWidth>
-							Upload
-						</Button>
-					</FileUpload>
-				</Example.Item>
-				<Example.Item title="variant headless, inline">
-					<FileUpload name="file2" variant="headless" inline onChange={console.log}>
-						<Button>Upload</Button>
-					</FileUpload>
-				</Example.Item>
-				<Example.Item title="inline, render props">
-					<FileUpload name="file3" variant="headless" inline onChange={console.log}>
-						{(props) => <Button highlighted={props.highlighted}>Upload</Button>}
-					</FileUpload>
-				</Example.Item>
-			</Example>);
-    },
-};
-export const height = {
-    name: "height",
-    render: () => (<Example>
-			<Example.Item title="Custom height">
-				<FileUpload name="file" height="300px">
-					<View gap={3}>
-						<Icon svg={IconMic} size={8}/>
-						Drop files to attach
-					</View>
-				</FileUpload>
-			</Example.Item>
-		</Example>),
-};
-export const onChange = {
-    name: "name, onChange",
-    args: {
-        handleChange: fn(),
-    },
-    render: (args) => (<div data-testid="root">
-			<FileUpload name="test-name" onChange={args.handleChange}>
-				Content
-			</FileUpload>
-		</div>),
-    play: async ({ canvas, args }) => {
-        const file = new File(["hello"], "hello.png", { type: "image/png" });
-        const input = canvas.getByTestId("root").querySelector("input");
-        await userEvent.upload(input, file);
-        expect(input).toHaveAttribute("name", "test-name");
-        expect(input.files?.[0]).toBe(file);
-        expect(input.files).toHaveLength(1);
-        expect(args.handleChange).toHaveBeenCalledTimes(1);
-        expect(args.handleChange).toHaveBeenCalledWith({
-            name: "test-name",
-            value: [file],
-            event: expect.objectContaining({ target: input }),
-        });
-    },
-};
-export const className = {
-    name: "className, attributes",
-    render: () => (<div data-testid="root">
-			<FileUpload name="name" className="test-classname" attributes={{ id: "test-id" }} inputAttributes={{ id: "test-input-id" }}>
-				Content
-			</FileUpload>
-		</div>),
-    play: async ({ canvas }) => {
-        const root = canvas.getByTestId("root").firstChild;
-        const input = canvas.getByTestId("root").querySelector("input");
-        expect(root).toHaveClass("test-classname");
-        expect(root).toHaveAttribute("id", "test-id");
-        expect(input).toHaveAttribute("id", "test-input-id");
-    },
-};

package/dist/components/Flyout/tests/Flyout.stories.d.ts

@@ -1,103 +0,0 @@
-import React from "react";
-import { StoryObj } from "@storybook/react-vite";
-import { fn } from "storybook/test";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const position: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const defaultActive: StoryObj<{
-    handleOpen: ReturnType<typeof fn>;
-    handleClose: ReturnType<typeof fn>;
-}>;
-export declare const active: StoryObj<{
-    handleOpen: ReturnType<typeof fn>;
-    handleClose: ReturnType<typeof fn>;
-}>;
-export declare const activeFalse: StoryObj<{
-    handleOpen: ReturnType<typeof fn>;
-    handleClose: ReturnType<typeof fn>;
-}>;
-export declare const modes: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const positionFallbacks: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const fallbackAdjustLayout: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const fallbackAdjustLayoutShift: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const fallbackAdjustLayoutSize: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const originCoordinates: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const width: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const contentGap: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const contentShift: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const disableContentHover: StoryObj;
-export declare const disableCloseOnOutsideClick: StoryObj;
-export declare const disableHideAnimation: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const disabled: StoryObj<{
-    handleOpen: ReturnType<typeof fn>;
-}>;
-export declare const containerRef: StoryObj;
-export declare const positionRef: StoryObj;
-export declare const initialFocusRef: StoryObj;
-export declare const instanceRef: StoryObj<{
-    handleOpen: ReturnType<typeof fn>;
-    handleClose: ReturnType<typeof fn>;
-}>;
-export declare const contentAttributes: StoryObj;
-export declare const testShadowDom: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const testInsideFixed: StoryObj;
-export declare const testInsideSticky: StoryObj;
-export declare const testInsideScrollable: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const testInsideModal: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const testDynamicBounds: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const testScopedTheming: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const testWithoutFocusable: StoryObj;
-export declare const testChangeSize: {
-    name: string;
-    render: () => React.JSX.Element;
-};