d5c9a3dae8
* Require trailing commas * Add trailing commas * Add trailing commas in testUtils dir * Add trailing commas
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import { OutputData } from "@editorjs/editorjs";
|
|
import RichTextEditor from "@saleor/components/RichTextEditor";
|
|
import CardDecorator from "@saleor/storybook/CardDecorator";
|
|
import Decorator from "@saleor/storybook/Decorator";
|
|
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import * as fixtures from "./fixtures.json";
|
|
import { RichTextEditorProps } from "./RichTextEditor";
|
|
import RichTextEditorContent from "./RichTextEditorContent";
|
|
|
|
export const defaultValue: OutputData = fixtures.richTextEditor;
|
|
|
|
const props: RichTextEditorProps = {
|
|
defaultValue,
|
|
disabled: false,
|
|
error: false,
|
|
helperText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
|
|
label: "Content",
|
|
name: "content",
|
|
editorRef: null,
|
|
};
|
|
|
|
storiesOf("Generics / Rich text editor", module)
|
|
.addDecorator(CardDecorator)
|
|
.addDecorator(Decorator)
|
|
.add("default", () => <RichTextEditor {...props} />)
|
|
.add("disabled", () => <RichTextEditor {...props} disabled={true} />)
|
|
.add("error", () => <RichTextEditor {...props} error={true} />)
|
|
.add("static", () => (
|
|
<RichTextEditorContent {...props} value={defaultValue} />
|
|
));
|