@voplus/morpho-document 1.4.97 → 1.4.100

package/es/pages/ArchivedPage/index.js

@@ -1,12 +1,12 @@
-import { DefaultFolders } from "../../data/DefaultFolders";
-import DocumentList from "../../components/DocumentList";
-import React from "react";
-import { useTabItem } from "@voplus/morpho-data";
-/** Archive page component retrieve id from route and pass to document list. */
-const ArchivePage = () => {
-    const tab = useTabItem();
-    tab.title = "Archived";
-    return React.createElement(DocumentList, { id: DefaultFolders.ArchiveId, filtersSystem: true, includes: "" });
-};
-export default ArchivePage;
+import { DefaultFolders } from "../../data/DefaultFolders";
+import DocumentList from "../../components/DocumentList";
+import React from "react";
+import { useTabItem } from "@voplus/morpho-data";
+/** Archive page component retrieve id from route and pass to document list. */
+const ArchivePage = () => {
+    const tab = useTabItem();
+    tab.title = "Archived";
+    return React.createElement(DocumentList, { id: DefaultFolders.ArchiveId, filtersSystem: true, includes: "" });
+};
+export default ArchivePage;
 //# sourceMappingURL=index.js.map

package/es/pages/DocumentPage/index.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-declare const DocumentPage: (props: {
-    /** optional root document id. once provided will override match {id} */
-    root?: string;
-    /** optional base route. Once provide will override default document route to build url. */
-    route?: string;
-    className?: string;
-    /** Use to override the view type of default view. */
-    defaultViewType?: string;
-    /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
-    exclude?: string[];
-    /** disabled icon view eg: disabled={["TreeView", "ExplorerView", "TabbedView"]} */
-    disabled?: string[];
-}) => JSX.Element;
-export default DocumentPage;
+/// <reference types="react" />
+declare const DocumentPage: (props: {
+    /** optional root document id. once provided will override match {id} */
+    root?: string;
+    /** optional base route. Once provide will override default document route to build url. */
+    route?: string;
+    className?: string;
+    /** Use to override the view type of default view. */
+    defaultViewType?: string;
+    /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
+    exclude?: string[];
+    /** disabled icon view eg: disabled={["TreeView", "ExplorerView", "TabbedView"]} */
+    disabled?: string[];
+}) => JSX.Element;
+export default DocumentPage;

package/es/pages/DocumentPage/index.js

@@ -1,27 +1,27 @@
-import React from "react";
-import ViewFrame from "../../components/ViewFrame";
-import { observe } from "@voplus/morpho-ui";
-import { useLayout } from "@voplus/morpho-data";
-import { useMetaStore } from "../../data";
-import { useRouteMatch } from "react-router";
-const DocumentPage = (props) => {
-    var _a, _b;
-    const meta = useMetaStore();
-    const match = useRouteMatch();
-    const layout = useLayout();
-    const query = new URLSearchParams(layout.history.location.search);
-    const id = (_b = (_a = query.get("active")) !== null && _a !== void 0 ? _a : props.root) !== null && _b !== void 0 ? _b : match === null || match === void 0 ? void 0 : match.params.id;
-    const view = query.get("view");
-    return observe(() => (React.createElement(ViewFrame, { id: id, view: view, onNavigate: onNavigate, className: props.className, exclude: props.exclude, disabled: props.disabled, defaultViewType: props.defaultViewType })));
-    function onNavigate(id, view) {
-        var _a;
-        const route = (_a = props.route) !== null && _a !== void 0 ? _a : meta.getRoute({ id: match.params.id, type: "Document" });
-        const viewQuery = view ? `&view=${view}` : "";
-        if (id != (match === null || match === void 0 ? void 0 : match.params.id))
-            layout.history.push(`${route}?active=${id}${viewQuery}`);
-        else
-            layout.history.push(`${route}?${viewQuery}`);
-    }
-};
-export default DocumentPage;
+import React from "react";
+import ViewFrame from "../../components/ViewFrame";
+import { observe } from "@voplus/morpho-ui";
+import { useLayout } from "@voplus/morpho-data";
+import { useMetaStore } from "../../data";
+import { useRouteMatch } from "react-router";
+const DocumentPage = (props) => {
+    var _a, _b;
+    const meta = useMetaStore();
+    const match = useRouteMatch();
+    const layout = useLayout();
+    const query = new URLSearchParams(layout.history.location.search);
+    const id = (_b = (_a = query.get("active")) !== null && _a !== void 0 ? _a : props.root) !== null && _b !== void 0 ? _b : match === null || match === void 0 ? void 0 : match.params.id;
+    const view = query.get("view");
+    return observe(() => (React.createElement(ViewFrame, { id: id, view: view, onNavigate: onNavigate, className: props.className, exclude: props.exclude, disabled: props.disabled, defaultViewType: props.defaultViewType })));
+    function onNavigate(id, view) {
+        var _a;
+        const route = (_a = props.route) !== null && _a !== void 0 ? _a : meta.getRoute({ id: match.params.id, type: "Document" });
+        const viewQuery = view ? `&view=${view}` : "";
+        if (id != (match === null || match === void 0 ? void 0 : match.params.id))
+            layout.history.push(`${route}?active=${id}${viewQuery}`);
+        else
+            layout.history.push(`${route}?${viewQuery}`);
+    }
+};
+export default DocumentPage;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/CodeMirror/index.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import "codemirror/addon/display/autorefresh";
-import "codemirror/addon/comment/comment";
-import "codemirror/addon/edit/matchbrackets";
-import "codemirror/keymap/sublime";
-import "codemirror/theme/eclipse.css";
-declare const CodeMirror: (props: {
-    code: string;
-    height?: string | undefined;
-    readOnly?: boolean | undefined;
-    onChange?: ((code: string) => void) | undefined;
-}) => JSX.Element;
-export default CodeMirror;
+/// <reference types="react" />
+import "codemirror/addon/display/autorefresh";
+import "codemirror/addon/comment/comment";
+import "codemirror/addon/edit/matchbrackets";
+import "codemirror/keymap/sublime";
+import "codemirror/theme/eclipse.css";
+declare const CodeMirror: (props: {
+    code: string;
+    height?: string | undefined;
+    readOnly?: boolean | undefined;
+    onChange?: ((code: string) => void) | undefined;
+}) => JSX.Element;
+export default CodeMirror;

package/es/pages/EmailTemplate/CodeMirror/index.js

@@ -1,41 +1,41 @@
-import "codemirror/addon/display/autorefresh";
-import "codemirror/addon/comment/comment";
-import "codemirror/addon/edit/matchbrackets";
-import "codemirror/keymap/sublime";
-import "codemirror/theme/eclipse.css";
-import React, { Suspense, useEffect, useState } from "react";
-import { Skeleton } from "@voplus/antd";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-const Mirror = React.lazy(() => import("@uiw/react-codemirror"));
-const CodeMirror = (props) => {
-    const { code, height, readOnly, onChange } = props;
-    const [state] = useState(new State());
-    useEffect(() => {
-        state.update(props.code);
-    }, [props.code]);
-    return observe(() => (React.createElement(Suspense, { fallback: React.createElement(Skeleton, null) },
-        React.createElement(Mirror, { value: code, 
-            // height={height}
-            options: {
-                // theme,
-                keyMap: "sublime",
-                mode: "jsx",
-                // autofocus: true,
-                // lineNumbers: 2,
-                lineWrapping: true,
-                extraKeys: { Ctrl: "autocomplete" },
-                readOnly: !!readOnly,
-                scrollbarStyle: "null",
-                spellcheck: true,
-                autocorrect: true,
-            }, onChanges: (instance, change) => {
-                state.update(instance.getValue());
-                onChange === null || onChange === void 0 ? void 0 : onChange(instance.getValue());
-            } }))));
-};
-// CodeMirror.defaultProps = {
-// 	height: "auto",
-// };
-export default CodeMirror;
+import "codemirror/addon/display/autorefresh";
+import "codemirror/addon/comment/comment";
+import "codemirror/addon/edit/matchbrackets";
+import "codemirror/keymap/sublime";
+import "codemirror/theme/eclipse.css";
+import React, { Suspense, useEffect, useState } from "react";
+import { Skeleton } from "@voplus/antd";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+const Mirror = React.lazy(() => import("@uiw/react-codemirror"));
+const CodeMirror = (props) => {
+    const { code, height, readOnly, onChange } = props;
+    const [state] = useState(new State());
+    useEffect(() => {
+        state.update(props.code);
+    }, [props.code]);
+    return observe(() => (React.createElement(Suspense, { fallback: React.createElement(Skeleton, null) },
+        React.createElement(Mirror, { value: code, 
+            // height={height}
+            options: {
+                // theme,
+                keyMap: "sublime",
+                mode: "jsx",
+                // autofocus: true,
+                // lineNumbers: 2,
+                lineWrapping: true,
+                extraKeys: { Ctrl: "autocomplete" },
+                readOnly: !!readOnly,
+                scrollbarStyle: "null",
+                spellcheck: true,
+                autocorrect: true,
+            }, onChanges: (instance, change) => {
+                state.update(instance.getValue());
+                onChange === null || onChange === void 0 ? void 0 : onChange(instance.getValue());
+            } }))));
+};
+// CodeMirror.defaultProps = {
+// 	height: "auto",
+// };
+export default CodeMirror;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/CodeMirror/state.d.ts

@@ -1,5 +1,5 @@
-export declare class State {
-    code: string;
-    constructor();
-    update: (code: string) => void;
-}
+export declare class State {
+    code: string;
+    constructor();
+    update: (code: string) => void;
+}

package/es/pages/EmailTemplate/CodeMirror/state.js

@@ -1,28 +1,28 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "code", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "update", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (code) => {
-                this.code = code;
-            }
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "code", void 0);
-__decorate([
-    action
-], State.prototype, "update", void 0);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "code", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "update", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (code) => {
+                this.code = code;
+            }
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "code", void 0);
+__decorate([
+    action
+], State.prototype, "update", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/EmailTemplate/EmailTemplateDefaultView/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import "./index.less";
-declare const EmailTemplateDefaultView: () => JSX.Element;
-export default EmailTemplateDefaultView;
+/// <reference types="react" />
+import "./index.less";
+declare const EmailTemplateDefaultView: () => JSX.Element;
+export default EmailTemplateDefaultView;

package/es/pages/EmailTemplate/EmailTemplateDefaultView/index.js

@@ -1,46 +1,46 @@
-import "./index.less";
-import { AsideContent, useAutorunEffect } from "@voplus/morpho-ui";
-import React, { useEffect, useState } from "react";
-import { Reload, Sidebar } from "../../../controls/ToolBar/buttons";
-import DocumentHeader from "../../../components/DocumentHeader";
-import DocumentTabs from "../../../components/DocumentTabs";
-import EmailTemplateItem from "../EmailTemplateItem";
-import ToolBar from "../../../controls/ToolBar/ToolBar2";
-import { useEmailTemplate } from "../data";
-import { useRouteMatch } from "react-router";
-import { useTabItem } from "@voplus/morpho-data";
-const EmailTemplateDefaultView = () => {
-    const match = useRouteMatch();
-    const id = match.params.id;
-    const [loaded, setLoaded] = useState(true);
-    const emailTemplate = useEmailTemplate(id, { includes: "tags" });
-    const [asideContext] = useState(AsideContent.createContext());
-    const tab = useTabItem();
-    useAutorunEffect(() => {
-        tab.title = emailTemplate === null || emailTemplate === void 0 ? void 0 : emailTemplate.name;
-    });
-    useEffect(() => {
-        asideContext.openAside(AsideElement, { span: 12 });
-    }, []);
-    const AsideElement = (React.createElement("div", { className: "email-template-default-view_aside" },
-        React.createElement(DocumentTabs, { id: id, docTab: false })));
-    return (React.createElement(AsideContent, { context: asideContext },
-        React.createElement("div", { className: "email-template-default-view" }, loaded && (React.createElement(React.Fragment, null,
-            React.createElement("header", null,
-                React.createElement(DocumentHeader, { id: id, size: "h3", clickNameEffect: "edit", 
-                    // quickDataBarAlign={quickDataBarAlign}
-                    autoSaveName: true, tools: React.createElement(ToolBar, { id: id },
-                        React.createElement(Reload, { action: reload }),
-                        React.createElement(Sidebar, { action: () => asideContext.asideContent
-                                ? asideContext.closeAside()
-                                : asideContext.openAside(AsideElement, { span: 12 }) })), descriptionVisible: false })),
-            React.createElement(EmailTemplateItem, { id: id }))))));
-    function reload() {
-        setLoaded(false);
-        setTimeout(() => {
-            setLoaded(true);
-        }, 100);
-    }
-};
-export default EmailTemplateDefaultView;
+import "./index.less";
+import { AsideContent, useAutorunEffect } from "@voplus/morpho-ui";
+import React, { useEffect, useState } from "react";
+import { Reload, Sidebar } from "../../../controls/ToolBar/buttons";
+import DocumentHeader from "../../../components/DocumentHeader";
+import DocumentTabs from "../../../components/DocumentTabs";
+import EmailTemplateItem from "../EmailTemplateItem";
+import ToolBar from "../../../controls/ToolBar/ToolBar2";
+import { useEmailTemplate } from "../data";
+import { useRouteMatch } from "react-router";
+import { useTabItem } from "@voplus/morpho-data";
+const EmailTemplateDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [loaded, setLoaded] = useState(true);
+    const emailTemplate = useEmailTemplate(id, { includes: "tags" });
+    const [asideContext] = useState(AsideContent.createContext());
+    const tab = useTabItem();
+    useAutorunEffect(() => {
+        tab.title = emailTemplate === null || emailTemplate === void 0 ? void 0 : emailTemplate.name;
+    });
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "email-template-default-view_aside" },
+        React.createElement(DocumentTabs, { id: id, docTab: false })));
+    return (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: "email-template-default-view" }, loaded && (React.createElement(React.Fragment, null,
+            React.createElement("header", null,
+                React.createElement(DocumentHeader, { id: id, size: "h3", clickNameEffect: "edit", 
+                    // quickDataBarAlign={quickDataBarAlign}
+                    autoSaveName: true, tools: React.createElement(ToolBar, { id: id },
+                        React.createElement(Reload, { action: reload }),
+                        React.createElement(Sidebar, { action: () => asideContext.asideContent
+                                ? asideContext.closeAside()
+                                : asideContext.openAside(AsideElement, { span: 12 }) })), descriptionVisible: false })),
+            React.createElement(EmailTemplateItem, { id: id }))))));
+    function reload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default EmailTemplateDefaultView;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/EmailTemplateForm/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import "./index.less";
-declare const EmailTemplateForm: () => JSX.Element;
-export default EmailTemplateForm;
+/// <reference types="react" />
+import "./index.less";
+declare const EmailTemplateForm: () => JSX.Element;
+export default EmailTemplateForm;

package/es/pages/EmailTemplate/EmailTemplateForm/index.js

@@ -1,30 +1,30 @@
-import "./index.less";
-import { Button, Checkbox, Form, Input } from "@voplus/antd";
-import CodeMirror from "../CodeMirror";
-import EmailTemplateSelect from "../EmailTemplateSelect";
-import FormItem from "@voplus/antd/es/form/FormItem";
-import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
-import React from "react";
-const EmailTemplateForm = () => {
-    return (React.createElement(Form, { layout: "vertical", initialValues: { name: "", isLayout: false, subject: "", html: "", text: "" }, onFinish: submit, className: "email-template-form" },
-        React.createElement(FormItem, { name: "isLayout", valuePropName: "checked" },
-            React.createElement(Checkbox, null, "IsLayout")),
-        React.createElement(FormItem, { label: "Layout" },
-            React.createElement(EmailTemplateSelect, { value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" })),
-        React.createElement(FormItem, { label: "Name", name: "name", required: true },
-            React.createElement(Input, null)),
-        React.createElement(FormItem, { label: "Description", name: "text" },
-            React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, className: "proseMirror" })),
-        React.createElement(FormItem, { label: "Subject", name: "subject" },
-            React.createElement(Input, null)),
-        React.createElement(FormItem, { label: "HtmlText", name: "html" },
-            React.createElement(CodeMirror, { code: "" })),
-        React.createElement(FormItem, { className: "submit-btn" },
-            React.createElement(Button, { type: "primary", htmlType: "submit" }, "Save"))));
-    function submit(values) {
-        const text = values.text.editor.dom.innerHTML === "<p><br></p>" ? "" : values.text.editor.dom.innerHTML;
-        console.log("onFinish", values, text);
-    }
-};
-export default EmailTemplateForm;
+import "./index.less";
+import { Button, Checkbox, Form, Input } from "@voplus/antd";
+import CodeMirror from "../CodeMirror";
+import EmailTemplateSelect from "../EmailTemplateSelect";
+import FormItem from "@voplus/antd/es/form/FormItem";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import React from "react";
+const EmailTemplateForm = () => {
+    return (React.createElement(Form, { layout: "vertical", initialValues: { name: "", isLayout: false, subject: "", html: "", text: "" }, onFinish: submit, className: "email-template-form" },
+        React.createElement(FormItem, { name: "isLayout", valuePropName: "checked" },
+            React.createElement(Checkbox, null, "IsLayout")),
+        React.createElement(FormItem, { label: "Layout" },
+            React.createElement(EmailTemplateSelect, { value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" })),
+        React.createElement(FormItem, { label: "Name", name: "name", required: true },
+            React.createElement(Input, null)),
+        React.createElement(FormItem, { label: "Description", name: "text" },
+            React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, className: "proseMirror" })),
+        React.createElement(FormItem, { label: "Subject", name: "subject" },
+            React.createElement(Input, null)),
+        React.createElement(FormItem, { label: "HtmlText", name: "html" },
+            React.createElement(CodeMirror, { code: "" })),
+        React.createElement(FormItem, { className: "submit-btn" },
+            React.createElement(Button, { type: "primary", htmlType: "submit" }, "Save"))));
+    function submit(values) {
+        const text = values.text.editor.dom.innerHTML === "<p><br></p>" ? "" : values.text.editor.dom.innerHTML;
+        console.log("onFinish", values, text);
+    }
+};
+export default EmailTemplateForm;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/EmailTemplateItem/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import "./index.less";
-declare const EmailTemplateItem: (props: {
-    id: string;
-}) => JSX.Element;
-export default EmailTemplateItem;
+/// <reference types="react" />
+import "./index.less";
+declare const EmailTemplateItem: (props: {
+    id: string;
+}) => JSX.Element;
+export default EmailTemplateItem;

package/es/pages/EmailTemplate/EmailTemplateItem/index.js

@@ -1,34 +1,34 @@
-import "./index.less";
-import { Button, Checkbox, Input, Row, Skeleton } from "@voplus/antd";
-import CodeMirror from "../CodeMirror";
-import DescriptionEditor from "../../../controls/DescriptionEditor";
-import EmailTemplateSelect from "../EmailTemplateSelect";
-import React from "react";
-import { Scrollbars } from "react-custom-scrollbars";
-import { observe } from "@voplus/morpho-ui";
-import { useEmailTemplate } from "../data";
-const EmailTemplateItem = (props) => {
-    const { id } = props;
-    const emailTemplate = useEmailTemplate(id);
-    return observe(() => (React.createElement("div", { className: "email-template-item_view" },
-        React.createElement(Scrollbars, null,
-            React.createElement("div", { className: "email-template-item_content" },
-                React.createElement(Checkbox, null, "IsLayout"),
-                React.createElement("h3", null, "Layout"),
-                React.createElement(EmailTemplateSelect, { bordered: false, value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" }),
-                React.createElement("h3", null, "Description"),
-                emailTemplate.loading ? (React.createElement("div", { className: "task-description" },
-                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: emailTemplate.description, readonly: emailTemplate.readonly, padding: "0" })),
-                React.createElement("h3", null, "Subject"),
-                React.createElement(Input, { value: "VO+ Lunar New Year Office Closing/Mail Collection Announcement", bordered: false }),
-                React.createElement(Row, { justify: "space-between" },
-                    React.createElement("h3", null, "HtmlText"),
-                    React.createElement(Button, { type: "link" }, "Save")),
-                React.createElement(CodeMirror, { code: `<p>By setting an editor's <code>height</code> style
-								to <code>auto</code> and giving
-								the <a href="../doc/manual.html#option_viewportMargin"><code>viewportMargin</code></a>
-								a value of <code>Infinity</code>, CodeMirror can be made to
-								automatically resize to fit its content.</p>` }))))));
-};
-export default EmailTemplateItem;
+import "./index.less";
+import { Button, Checkbox, Input, Row, Skeleton } from "@voplus/antd";
+import CodeMirror from "../CodeMirror";
+import DescriptionEditor from "../../../controls/DescriptionEditor";
+import EmailTemplateSelect from "../EmailTemplateSelect";
+import React from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { observe } from "@voplus/morpho-ui";
+import { useEmailTemplate } from "../data";
+const EmailTemplateItem = (props) => {
+    const { id } = props;
+    const emailTemplate = useEmailTemplate(id);
+    return observe(() => (React.createElement("div", { className: "email-template-item_view" },
+        React.createElement(Scrollbars, null,
+            React.createElement("div", { className: "email-template-item_content" },
+                React.createElement(Checkbox, null, "IsLayout"),
+                React.createElement("h3", null, "Layout"),
+                React.createElement(EmailTemplateSelect, { bordered: false, value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" }),
+                React.createElement("h3", null, "Description"),
+                emailTemplate.loading ? (React.createElement("div", { className: "task-description" },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: emailTemplate.description, readonly: emailTemplate.readonly, padding: "0" })),
+                React.createElement("h3", null, "Subject"),
+                React.createElement(Input, { value: "VO+ Lunar New Year Office Closing/Mail Collection Announcement", bordered: false }),
+                React.createElement(Row, { justify: "space-between" },
+                    React.createElement("h3", null, "HtmlText"),
+                    React.createElement(Button, { type: "link" }, "Save")),
+                React.createElement(CodeMirror, { code: `<p>By setting an editor's <code>height</code> style
+								to <code>auto</code> and giving
+								the <a href="../doc/manual.html#option_viewportMargin"><code>viewportMargin</code></a>
+								a value of <code>Infinity</code>, CodeMirror can be made to
+								automatically resize to fit its content.</p>` }))))));
+};
+export default EmailTemplateItem;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/EmailTemplateItems/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-declare const EmailTemplateItems: (props: {
-    id: string;
-    readonly?: boolean;
-}) => JSX.Element;
-export default EmailTemplateItems;
+/// <reference types="react" />
+import "./index.less";
+declare const EmailTemplateItems: (props: {
+    id: string;
+    readonly?: boolean;
+}) => JSX.Element;
+export default EmailTemplateItems;