d2coreui 21.0.33 → 23.0.0

package/components/grid/detail/detailHeaderPanel.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-interface Props {
-    style?: React.CSSProperties;
-    hidePrevNextButton?: boolean;
-    onPrevRecord?(): void;
-    onNextRecord?(): void;
-    onClose?(): void;
-}
-export default class DetailHeaderPanel extends React.Component<Props> {
-    constructor(props: Readonly<Props>);
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+interface Props {
+    style?: React.CSSProperties;
+    hidePrevNextButton?: boolean;
+    onPrevRecord?(): void;
+    onNextRecord?(): void;
+    onClose?(): void;
+}
+export default class DetailHeaderPanel extends React.Component<Props> {
+    constructor(props: Readonly<Props>);
+    render(): React.JSX.Element;
+}
+export {};

package/components/grid/detail/detailHeaderPanel.js

@@ -1,26 +1,26 @@
-import React from "react";
-import { ArrowDownOutlined, ArrowUpOutlined, CloseOutlined, ProfileOutlined } from "@ant-design/icons";
-import i18n from "d2core/i18n/i18n";
-import { Button } from "antd";
-export default class DetailHeaderPanel extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return (React.createElement("div", { className: "ant-drawer-header", style: Object.assign({ padding: "8px 4px 8px 12px", display: "flex", justifyContent: "space-between", alignItems: "center" }, this.props.style) },
-            React.createElement("div", null,
-                React.createElement(ProfileOutlined, null),
-                " ",
-                i18n("Detail")),
-            React.createElement("div", null,
-                !this.props.hidePrevNextButton &&
-                    React.createElement(Button.Group, { style: { marginTop: -4 } },
-                        React.createElement(Button, { title: i18n("Previous Record"), onClick: this.props.onPrevRecord },
-                            React.createElement(ArrowUpOutlined, null)),
-                        React.createElement(Button, { title: i18n("Next Record"), onClick: this.props.onNextRecord },
-                            React.createElement(ArrowDownOutlined, null))),
-                React.createElement(Button, { title: i18n("Close"), type: "text", onClick: this.props.onClose },
-                    React.createElement(CloseOutlined, null)))));
-    }
-}
+import React from "react";
+import { ArrowDownOutlined, ArrowUpOutlined, CloseOutlined, ProfileOutlined } from "@ant-design/icons";
+import i18n from "d2core/i18n/i18n";
+import { Button } from "antd";
+export default class DetailHeaderPanel extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (React.createElement("div", { className: "d2-drawer-header", style: Object.assign({ padding: "8px 4px 8px 12px", display: "flex", justifyContent: "space-between", alignItems: "center" }, this.props.style) },
+            React.createElement("div", null,
+                React.createElement(ProfileOutlined, null),
+                " ",
+                i18n("Detail")),
+            React.createElement("div", null,
+                !this.props.hidePrevNextButton &&
+                    React.createElement(Button.Group, { style: { marginTop: -4 } },
+                        React.createElement(Button, { title: i18n("Previous Record"), onClick: this.props.onPrevRecord },
+                            React.createElement(ArrowUpOutlined, null)),
+                        React.createElement(Button, { title: i18n("Next Record"), onClick: this.props.onNextRecord },
+                            React.createElement(ArrowDownOutlined, null))),
+                React.createElement(Button, { title: i18n("Close"), type: "text", onClick: this.props.onClose },
+                    React.createElement(CloseOutlined, null)))));
+    }
+}
 //# sourceMappingURL=detailHeaderPanel.js.map

package/components/grid/detail/detailHeaderPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"detailHeaderPanel.js","sourceRoot":"","sources":["../../../../../components/grid/detail/detailHeaderPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACrG,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAa5B,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAgB;IACjE,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BACI,SAAS,EAAC,mBAAmB,EAC7B,KAAK,kBACD,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,eAAe,EAC/B,UAAU,EAAE,QAAQ,IACjB,IAAI,CAAC,KAAK,CAAC,KAAK;YAGvB;gBACI,oBAAC,eAAe,OAAE;;gBAAE,IAAI,CAAC,QAAQ,CAAC,CAChC;YACN;gBACK,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB;oBAC3B,oBAAC,MAAM,CAAC,KAAK,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC;wBAChC,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BACpE,oBAAC,eAAe,OAAE,CACb;wBACT,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BAChE,oBAAC,iBAAiB,OAAE,CACf,CACE;gBAEnB,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,EACpB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;oBAE3B,oBAAC,aAAa,OAAE,CACX,CACP,CACJ,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\nimport {ArrowDownOutlined, ArrowUpOutlined, CloseOutlined, ProfileOutlined} from \"@ant-design/icons\";\nimport i18n from \"d2core/i18n/i18n\";\nimport {Button} from \"antd\";\n\ninterface Props {\n    style?: React.CSSProperties\n    hidePrevNextButton?: boolean\n\n    onPrevRecord?(): void\n\n    onNextRecord?(): void\n\n    onClose?(): void\n}\n\nexport default class DetailHeaderPanel extends React.Component<Props> {\n    constructor(props: Readonly<Props>) {\n        super(props);\n    }\n\n    render() {\n        return (\n            <div\n                className=\"ant-drawer-header\"\n                style={{\n                    padding: \"8px 4px 8px 12px\",\n                    display: \"flex\",\n                    justifyContent: \"space-between\",\n                    alignItems: \"center\",\n                    ...this.props.style\n                }}\n            >\n                <div>\n                    <ProfileOutlined/> {i18n(\"Detail\")}\n                </div>\n                <div>\n                    {!this.props.hidePrevNextButton &&\n                        <Button.Group style={{marginTop: -4}}>\n                            <Button title={i18n(\"Previous Record\")} onClick={this.props.onPrevRecord}>\n                                <ArrowUpOutlined/>\n                            </Button>\n                            <Button title={i18n(\"Next Record\")} onClick={this.props.onNextRecord}>\n                                <ArrowDownOutlined/>\n                            </Button>\n                        </Button.Group>\n                    }\n                    <Button\n                        title={i18n(\"Close\")}\n                        type=\"text\"\n                        onClick={this.props.onClose}\n                    >\n                        <CloseOutlined/>\n                    </Button>\n                </div>\n            </div>\n        );\n    }\n}"]}
+{"version":3,"file":"detailHeaderPanel.js","sourceRoot":"","sources":["../../../../../components/grid/detail/detailHeaderPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACrG,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAa5B,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAgB;IACjE,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BACI,SAAS,EAAC,kBAAkB,EAC5B,KAAK,kBACD,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,eAAe,EAC/B,UAAU,EAAE,QAAQ,IACjB,IAAI,CAAC,KAAK,CAAC,KAAK;YAGvB;gBACI,oBAAC,eAAe,OAAE;;gBAAE,IAAI,CAAC,QAAQ,CAAC,CAChC;YACN;gBACK,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB;oBAC3B,oBAAC,MAAM,CAAC,KAAK,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC;wBAChC,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BACpE,oBAAC,eAAe,OAAE,CACb;wBACT,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BAChE,oBAAC,iBAAiB,OAAE,CACf,CACE;gBAEnB,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,EACpB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;oBAE3B,oBAAC,aAAa,OAAE,CACX,CACP,CACJ,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {ArrowDownOutlined, ArrowUpOutlined, CloseOutlined, ProfileOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Button} from \"antd\";\r\n\r\ninterface Props {\r\n    style?: React.CSSProperties\r\n    hidePrevNextButton?: boolean\r\n\r\n    onPrevRecord?(): void\r\n\r\n    onNextRecord?(): void\r\n\r\n    onClose?(): void\r\n}\r\n\r\nexport default class DetailHeaderPanel extends React.Component<Props> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div\r\n                className=\"d2-drawer-header\"\r\n                style={{\r\n                    padding: \"8px 4px 8px 12px\",\r\n                    display: \"flex\",\r\n                    justifyContent: \"space-between\",\r\n                    alignItems: \"center\",\r\n                    ...this.props.style\r\n                }}\r\n            >\r\n                <div>\r\n                    <ProfileOutlined/> {i18n(\"Detail\")}\r\n                </div>\r\n                <div>\r\n                    {!this.props.hidePrevNextButton &&\r\n                        <Button.Group style={{marginTop: -4}}>\r\n                            <Button title={i18n(\"Previous Record\")} onClick={this.props.onPrevRecord}>\r\n                                <ArrowUpOutlined/>\r\n                            </Button>\r\n                            <Button title={i18n(\"Next Record\")} onClick={this.props.onNextRecord}>\r\n                                <ArrowDownOutlined/>\r\n                            </Button>\r\n                        </Button.Group>\r\n                    }\r\n                    <Button\r\n                        title={i18n(\"Close\")}\r\n                        type=\"text\"\r\n                        onClick={this.props.onClose}\r\n                    >\r\n                        <CloseOutlined/>\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}"]}

package/components/grid/export/contextMenu.d.ts

@@ -1,24 +1,18 @@
-import React from "react";
-import ProgressPopup from "./progressPopup";
-import { MenuElement } from "../dataGrid";
-export interface ContextMenuProps {
-    onlySelectedNodes?: boolean;
-    showMilliseconds: boolean;
-    showYear: boolean;
-    hideNotificationOnClipboardCopy?: boolean;
-    getExportContent: (progressPopup: ProgressPopup | null, props: ContextMenuProps) => Promise<string[][]>;
-    renderer?(menuElements: MenuElement[]): MenuElement[];
-    onClick?(key: string): void;
-}
-declare type PageOrientation = "PORTRAIT" | "LANDSCAPE";
-interface ContextMenuState {
-    pageOrientation: PageOrientation;
-    exporting: boolean;
-}
-export default class ContextMenu extends React.Component<ContextMenuProps, ContextMenuState> {
-    constructor(props: Readonly<ContextMenuProps>);
-    onExportMenuClick(menuKey: string): Promise<void>;
-    render(): JSX.Element;
-    renderExportMenuItems(): JSX.Element[];
-}
-export {};
+import { MenuProps } from "antd";
+import ProgressPopup from "./progressPopup";
+import { MenuElement } from "../dataGrid";
+export interface ContextMenuProps {
+    onlySelectedNodes?: boolean;
+    showMilliseconds: boolean;
+    showYear: boolean;
+    hideNotificationOnClipboardCopy?: boolean;
+    pageOrientation: PageOrientation;
+    exporting: boolean;
+    getExportContent: (progressPopup: ProgressPopup | null, props: ContextMenuProps) => Promise<string[][]>;
+    onPageOrientationChange: (pageOrientation: PageOrientation) => void;
+    onExport: (start: boolean) => void;
+    renderer?(menuElements: MenuElement[]): MenuElement[];
+    onClick?(key: string): void;
+}
+export type PageOrientation = "PORTRAIT" | "LANDSCAPE";
+export default function getContextMenu(props: ContextMenuProps): MenuProps;

package/components/grid/export/contextMenu.js

@@ -1,114 +1,117 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { CopyOutlined, FileOutlined, FilePdfOutlined, FileTextOutlined } from "@ant-design/icons";
-import { Menu, Switch } from "antd";
-import React from "react";
-import i18n from "d2core/i18n/i18n";
-import { spawn, Thread, Worker } from "threads";
-import moment from "moment";
-import ProgressPopup from "./progressPopup";
-import { ClipboardUtils } from "d2coreui/components/clipboard/clipboardUtils";
-import txtExportUrl from 'threads-plugin/dist/loader?name=txtExport!d2coreui/components/grid/export/worker/txtExport.js';
-import csvExportUrl from "threads-plugin/dist/loader?name=csvExport!d2coreui/components/grid/export/worker/csvExport.js";
-import clipboardExportUrl from "threads-plugin/dist/loader?name=clipboardExport!d2coreui/components/grid/export/worker/clipboardExport.js";
-import pdfExportUrl from "threads-plugin/dist/loader?name=pdfExport!d2coreui/components/grid/export/worker/pdfExport.js";
-import PlatformSpecific from "d2coreui/components/platformSpecific";
-export default class ContextMenu extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            pageOrientation: "PORTRAIT",
-            exporting: false
-        };
-    }
-    async onExportMenuClick(menuKey) {
-        this.setState({ exporting: true });
-        switch (menuKey) {
-            case "txtExport": {
-                const progressPopup = new ProgressPopup(i18n("Export List to") + " TXT");
-                const tableContent = await this.props.getExportContent(progressPopup, this.props);
-                const txtExport = await spawn(new Worker(txtExportUrl));
-                const textContent = await txtExport(tableContent);
-                await Thread.terminate(txtExport);
-                await progressPopup.update(100);
-                PlatformSpecific.INSTANCE.saveContent(`export_${moment().format("YYYYMMDD_HHmm")}.txt`, textContent, true);
-                break;
-            }
-            case "csvExport": {
-                const progressPopup = new ProgressPopup(i18n("Export List to") + " CSV");
-                const tableContent = await this.props.getExportContent(progressPopup, this.props);
-                const csvExport = await spawn(new Worker(csvExportUrl));
-                const csvContent = await csvExport(tableContent);
-                await Thread.terminate(csvExport);
-                await progressPopup.update(100);
-                PlatformSpecific.INSTANCE.saveContent(`export_${moment().format("YYYYMMDD_HHmm")}.csv`, `\ufeff${csvContent}`, true);
-                break;
-            }
-            case "clipboardCopy": {
-                const progressPopup = !this.props.hideNotificationOnClipboardCopy ? new ProgressPopup(i18n("Export List to") + " " + i18n("Clipboard")) : null;
-                const tableContent = await this.props.getExportContent(progressPopup, this.props);
-                const clipboardExport = await spawn(new Worker(clipboardExportUrl));
-                const clipboardContent = await clipboardExport(tableContent);
-                const success = ClipboardUtils.copyToClipboard(clipboardContent);
-                if (success) {
-                    await Thread.terminate(clipboardExport);
-                    await (progressPopup === null || progressPopup === void 0 ? void 0 : progressPopup.update(100));
-                }
-                else {
-                    progressPopup === null || progressPopup === void 0 ? void 0 : progressPopup.error();
-                }
-                break;
-            }
-            case "pdfExport": {
-                const progressPopup = new ProgressPopup(i18n("Export List to") + " PDF");
-                const tableContent = await this.props.getExportContent(progressPopup, this.props);
-                const pdfExport = await spawn(new Worker(pdfExportUrl));
-                pdfExport.handler().subscribe(async (data) => {
-                    Thread.terminate(pdfExport);
-                    await progressPopup.update(100);
-                    PlatformSpecific.INSTANCE.saveContent(`export_${moment().format("YYYYMMDD_HHmm")}.pdf`, data, false);
-                });
-                pdfExport.export(tableContent, { pageOrientation: this.state.pageOrientation });
-            }
-        }
-        this.setState({ exporting: false });
-    }
-    render() {
-        const _a = this.props, { onlySelectedNodes, showMilliseconds, showYear, hideNotificationOnClipboardCopy, getExportContent, renderer } = _a, rest = __rest(_a, ["onlySelectedNodes", "showMilliseconds", "showYear", "hideNotificationOnClipboardCopy", "getExportContent", "renderer"]);
-        let menuItems = this.renderExportMenuItems();
-        if (renderer) {
-            menuItems = renderer(menuItems);
-        }
-        return (React.createElement(Menu, Object.assign({}, rest, { onClick: (item) => {
-                this.onExportMenuClick(item.key);
-                if (this.props.onClick) {
-                    this.props.onClick(item.key.toString());
-                }
-            } }), menuItems));
-    }
-    renderExportMenuItems() {
-        return [
-            React.createElement(Menu.Item, { icon: React.createElement(FileOutlined, null), key: "txtExport", disabled: this.state.exporting }, i18n("Export List to") + " TXT"),
-            React.createElement(Menu.Item, { icon: React.createElement(FileTextOutlined, null), key: "csvExport", disabled: this.state.exporting }, i18n("Export List to") + " CSV"),
-            React.createElement(Menu.Item, { icon: React.createElement(FilePdfOutlined, null), key: "pdfExport", disabled: this.state.exporting },
-                i18n("Export List to") + " PDF",
-                React.createElement(Switch, { style: { marginLeft: 8 }, checkedChildren: i18n("Landscape") + " ", unCheckedChildren: "" + i18n("Portrait"), checked: this.state.pageOrientation !== "PORTRAIT", onChange: (checked, e) => {
-                        e.stopPropagation();
-                        e.nativeEvent.stopImmediatePropagation();
-                        this.setState({ pageOrientation: checked ? "LANDSCAPE" : "PORTRAIT" });
-                    } })),
-            React.createElement(Menu.Divider, { key: "divider1" }),
-            React.createElement(Menu.Item, { key: "clipboardCopy", icon: React.createElement(CopyOutlined, null), disabled: this.state.exporting }, i18n("Copy to Clipboard"))
-        ];
-    }
-}
+import { CopyOutlined, FileOutlined, FilePdfOutlined, FileTextOutlined } from "@ant-design/icons";
+import { Switch } from "antd";
+import React from "react";
+import i18n from "d2core/i18n/i18n";
+import { spawn, Thread, Worker } from "threads";
+import dayjs from "dayjs";
+import ProgressPopup from "./progressPopup";
+import { ClipboardUtils } from "d2coreui/components/clipboard/clipboardUtils";
+import txtExportUrl from 'threads-plugin/dist/loader?name=txtExport!d2coreui/components/grid/export/worker/txtExport.js';
+import csvExportUrl from "threads-plugin/dist/loader?name=csvExport!d2coreui/components/grid/export/worker/csvExport.js";
+import clipboardExportUrl from "threads-plugin/dist/loader?name=clipboardExport!d2coreui/components/grid/export/worker/clipboardExport.js";
+import pdfExportUrl from "threads-plugin/dist/loader?name=pdfExport!d2coreui/components/grid/export/worker/pdfExport.js";
+import PlatformSpecific from "d2coreui/components/platformSpecific";
+export default function getContextMenu(props) {
+    const { hideNotificationOnClipboardCopy, getExportContent, renderer, onClick } = props;
+    const onExportMenuClick = async (menuKey) => {
+        props.onExport(true);
+        switch (menuKey) {
+            case "txtExport": {
+                const progressPopup = new ProgressPopup(i18n("Export List to") + " TXT");
+                const tableContent = await getExportContent(progressPopup, props);
+                const txtExport = await spawn(new Worker(txtExportUrl));
+                const textContent = await txtExport(tableContent);
+                await Thread.terminate(txtExport);
+                await progressPopup.update(100);
+                PlatformSpecific.INSTANCE.saveContent(`export_${dayjs().format("YYYYMMDD_HHmm")}.txt`, textContent, true);
+                break;
+            }
+            case "csvExport": {
+                const progressPopup = new ProgressPopup(i18n("Export List to") + " CSV");
+                const tableContent = await getExportContent(progressPopup, props);
+                const csvExport = await spawn(new Worker(csvExportUrl));
+                const csvContent = await csvExport(tableContent);
+                await Thread.terminate(csvExport);
+                await progressPopup.update(100);
+                PlatformSpecific.INSTANCE.saveContent(`export_${dayjs().format("YYYYMMDD_HHmm")}.csv`, `\ufeff${csvContent}`, true);
+                break;
+            }
+            case "clipboardCopy": {
+                const progressPopup = !hideNotificationOnClipboardCopy ? new ProgressPopup(i18n("Export List to") + " " + i18n("Clipboard")) : null;
+                const tableContent = await getExportContent(progressPopup, props);
+                const clipboardExport = await spawn(new Worker(clipboardExportUrl));
+                const clipboardContent = await clipboardExport(tableContent);
+                const success = ClipboardUtils.copyToClipboard(clipboardContent);
+                if (success) {
+                    await Thread.terminate(clipboardExport);
+                    await (progressPopup === null || progressPopup === void 0 ? void 0 : progressPopup.update(100));
+                }
+                else {
+                    progressPopup === null || progressPopup === void 0 ? void 0 : progressPopup.error();
+                }
+                break;
+            }
+            case "pdfExport": {
+                const progressPopup = new ProgressPopup(i18n("Export List to") + " PDF");
+                const tableContent = await getExportContent(progressPopup, props);
+                const pdfExport = await spawn(new Worker(pdfExportUrl));
+                pdfExport.handler().subscribe(async (data) => {
+                    Thread.terminate(pdfExport);
+                    await progressPopup.update(100);
+                    PlatformSpecific.INSTANCE.saveContent(`export_${dayjs().format("YYYYMMDD_HHmm")}.pdf`, data, false);
+                });
+                pdfExport.export(tableContent, { pageOrientation: props.pageOrientation });
+            }
+        }
+        props.onExport(false);
+    };
+    let menuItems = [
+        {
+            key: "txtExport",
+            icon: React.createElement(FileOutlined, null),
+            disabled: props.exporting,
+            label: i18n("Export List to") + " TXT",
+        },
+        {
+            key: "csvExport",
+            icon: React.createElement(FileTextOutlined, null),
+            disabled: props.exporting,
+            label: i18n("Export List to") + " CSV",
+        },
+        {
+            key: "pdfExport",
+            icon: React.createElement(FilePdfOutlined, null),
+            disabled: props.exporting,
+            label: React.createElement(React.Fragment, null,
+                i18n("Export List to") + " PDF",
+                React.createElement(Switch, { style: { marginLeft: 8 }, checkedChildren: i18n("Landscape") + " ", unCheckedChildren: "" + i18n("Portrait"), checked: props.pageOrientation !== "PORTRAIT", onChange: (checked, e) => {
+                        e.stopPropagation();
+                        e.nativeEvent.stopImmediatePropagation();
+                        props.onPageOrientationChange(checked ? "LANDSCAPE" : "PORTRAIT");
+                    } }))
+        },
+        {
+            key: "divider1",
+            type: "divider",
+        },
+        {
+            key: "clipboardCopy",
+            icon: React.createElement(CopyOutlined, null),
+            disabled: props.exporting,
+            label: i18n("Copy to Clipboard"),
+        }
+    ];
+    if (renderer) {
+        menuItems = renderer(menuItems);
+    }
+    return {
+        items: menuItems,
+        onClick: (item) => {
+            onExportMenuClick(item.key);
+            if (onClick) {
+                onClick(item.key.toString());
+            }
+        },
+    };
+}
 //# sourceMappingURL=contextMenu.js.map

package/components/grid/export/contextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../../components/grid/export/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAChG,OAAO,EAAC,IAAI,EAAE,MAAM,EAAC,MAAM,MAAM,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,SAAS,CAAA;AAC7C,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAC,cAAc,EAAC,MAAM,8CAA8C,CAAC;AAE5E,OAAO,YAAY,MAAM,+FAA+F,CAAA;AAExH,OAAO,YAAY,MAAM,+FAA+F,CAAA;AAExH,OAAO,kBAAkB,MAAM,2GAA2G,CAAA;AAE1I,OAAO,YAAY,MAAM,+FAA+F,CAAA;AACxH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AA0BpE,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IACxF,YAAY,KAAiC;QACzC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,eAAe,EAAE,UAAU;YAC3B,SAAS,EAAE,KAAK;SACnB,CAAC;IACN,CAAC;IAED,KAAK,CAAC,iBAAiB,CAAC,OAAe;QACnC,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;QACjC,QAAQ,OAAO,EAAE;YACb,KAAK,WAAW,CAAC,CAAC;gBACd,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,CAAC;gBACzE,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClF,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;gBACxD,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,CAAC;gBAClD,MAAM,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;gBAClC,MAAM,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAChC,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,MAAM,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gBAC3G,MAAM;aACT;YACD,KAAK,WAAW,CAAC,CAAC;gBACd,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,CAAC;gBACzE,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClF,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;gBACxD,MAAM,UAAU,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,CAAC;gBACjD,MAAM,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;gBAClC,MAAM,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAChC,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,MAAM,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,EAAE,IAAI,CAAC,CAAC;gBACrH,MAAM;aACT;YACD,KAAK,eAAe,CAAC,CAAC;gBAClB,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC/I,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClF,MAAM,eAAe,GAAG,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;gBACpE,MAAM,gBAAgB,GAAG,MAAM,eAAe,CAAC,YAAY,CAAC,CAAC;gBAC7D,MAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;gBACjE,IAAI,OAAO,EAAE;oBACT,MAAM,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;oBACxC,MAAM,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAC,GAAG,CAAC,CAAA,CAAC;iBACpC;qBAAM;oBACH,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE,CAAC;iBAC1B;gBACD,MAAM;aACT;YACD,KAAK,WAAW,CAAC,CAAC;gBACd,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,CAAC;gBACzE,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClF,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;gBACxD,SAAS,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,IAAY,EAAE,EAAE;oBACjD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;oBAC5B,MAAM,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;oBAChC,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,MAAM,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;gBACzG,CAAC,CAAC,CAAC;gBACH,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,EAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAAC,CAAC,CAAC;aACjF;SACJ;QACD,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;IACtC,CAAC;IAED,MAAM;QACF,MAAM,KAAwH,IAAI,CAAC,KAAK,EAAlI,EAAC,iBAAiB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,+BAA+B,EAAE,gBAAgB,EAAE,QAAQ,OAAuB,EAAlB,IAAI,cAApH,wHAAqH,CAAa,CAAC;QACzI,IAAI,SAAS,GAAkB,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC5D,IAAI,QAAQ,EAAE;YACV,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;SACnC;QACD,OAAO,CACH,oBAAC,IAAI,oBAAK,IAAI,IACR,OAAO,EAAE,CAAC,IAAS,EAAE,EAAE;gBACnB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACjC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;iBAC3C;YACL,CAAC,KACF,SAAS,CACP,CAAC,CAAC;IACjB,CAAC;IAED,qBAAqB;QACjB,OAAO;YACH,oBAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAE,oBAAC,YAAY,OAAE,EAAE,GAAG,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CACtG;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAE,oBAAC,gBAAgB,OAAE,EAAE,GAAG,EAAC,WAAW,EAC1C,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAC/D;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAE,oBAAC,eAAe,OAAE,EAAE,GAAG,EAAC,WAAW,EACzC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;gBAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM;gBACvE,oBAAC,MAAM,IACH,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,EACtB,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,EACxC,iBAAiB,EAAE,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,EACxC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,KAAK,UAAU,EAClD,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;wBACrB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACnB,CAAS,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;wBAClD,IAAI,CAAC,QAAQ,CAAC,EAAC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAC,CAAC,CAAC;oBACzE,CAAC,GACH,CAAY;YAClB,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,GAAE;YAC9B,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAC,eAAe,EAAC,IAAI,EAAE,oBAAC,YAAY,OAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAG,IAAI,CAAC,mBAAmB,CAAC,CACpG;SACf,CAAC;IACN,CAAC;CACJ","sourcesContent":["import {CopyOutlined, FileOutlined, FilePdfOutlined, FileTextOutlined} from \"@ant-design/icons\";\nimport {Menu, Switch} from \"antd\";\nimport React from \"react\";\nimport i18n from \"d2core/i18n/i18n\";\nimport {spawn, Thread, Worker} from \"threads\"\nimport moment from \"moment\";\nimport ProgressPopup from \"./progressPopup\";\nimport {MenuElement} from \"../dataGrid\";\nimport {ClipboardUtils} from \"d2coreui/components/clipboard/clipboardUtils\";\n// @ts-ignore\nimport txtExportUrl from 'threads-plugin/dist/loader?name=txtExport!d2coreui/components/grid/export/worker/txtExport.ts'\n// @ts-ignore\nimport csvExportUrl from \"threads-plugin/dist/loader?name=csvExport!d2coreui/components/grid/export/worker/csvExport.ts\"\n// @ts-ignore\nimport clipboardExportUrl from \"threads-plugin/dist/loader?name=clipboardExport!d2coreui/components/grid/export/worker/clipboardExport.ts\"\n// @ts-ignore\nimport pdfExportUrl from \"threads-plugin/dist/loader?name=pdfExport!d2coreui/components/grid/export/worker/pdfExport.ts\"\nimport PlatformSpecific from \"d2coreui/components/platformSpecific\";\n\n\nexport interface ContextMenuProps {\n    onlySelectedNodes?: boolean\n    showMilliseconds: boolean\n    showYear: boolean\n    hideNotificationOnClipboardCopy?: boolean\n\n    getExportContent: (progressPopup: ProgressPopup | null, props: ContextMenuProps) => Promise<string[][]>\n\n    // overrides context menu rendering\n    renderer?(menuElements: MenuElement[]): MenuElement[]\n\n    // handler for custom context menu items click\n    onClick?(key: string): void\n}\n\ntype PageOrientation = \"PORTRAIT\" | \"LANDSCAPE\";\n\ninterface ContextMenuState {\n    pageOrientation: PageOrientation\n    exporting: boolean\n}\n\n\nexport default class ContextMenu extends React.Component<ContextMenuProps, ContextMenuState> {\n    constructor(props: Readonly<ContextMenuProps>) {\n        super(props);\n        this.state = {\n            pageOrientation: \"PORTRAIT\",\n            exporting: false\n        };\n    }\n\n    async onExportMenuClick(menuKey: string) {\n        this.setState({exporting: true});\n        switch (menuKey) {\n            case \"txtExport\": {\n                const progressPopup = new ProgressPopup(i18n(\"Export List to\") + \" TXT\");\n                const tableContent = await this.props.getExportContent(progressPopup, this.props);\n                const txtExport = await spawn(new Worker(txtExportUrl));\n                const textContent = await txtExport(tableContent);\n                await Thread.terminate(txtExport);\n                await progressPopup.update(100);\n                PlatformSpecific.INSTANCE.saveContent(`export_${moment().format(\"YYYYMMDD_HHmm\")}.txt`, textContent, true);\n                break;\n            }\n            case \"csvExport\": {\n                const progressPopup = new ProgressPopup(i18n(\"Export List to\") + \" CSV\");\n                const tableContent = await this.props.getExportContent(progressPopup, this.props);\n                const csvExport = await spawn(new Worker(csvExportUrl));\n                const csvContent = await csvExport(tableContent);\n                await Thread.terminate(csvExport);\n                await progressPopup.update(100);\n                PlatformSpecific.INSTANCE.saveContent(`export_${moment().format(\"YYYYMMDD_HHmm\")}.csv`, `\\ufeff${csvContent}`, true);\n                break;\n            }\n            case \"clipboardCopy\": {\n                const progressPopup = !this.props.hideNotificationOnClipboardCopy ? new ProgressPopup(i18n(\"Export List to\") + \" \" + i18n(\"Clipboard\")) : null;\n                const tableContent = await this.props.getExportContent(progressPopup, this.props);\n                const clipboardExport = await spawn(new Worker(clipboardExportUrl));\n                const clipboardContent = await clipboardExport(tableContent);\n                const success = ClipboardUtils.copyToClipboard(clipboardContent);\n                if (success) {\n                    await Thread.terminate(clipboardExport);\n                    await progressPopup?.update(100);\n                } else {\n                    progressPopup?.error();\n                }\n                break;\n            }\n            case \"pdfExport\": {\n                const progressPopup = new ProgressPopup(i18n(\"Export List to\") + \" PDF\");\n                const tableContent = await this.props.getExportContent(progressPopup, this.props);\n                const pdfExport = await spawn(new Worker(pdfExportUrl));\n                pdfExport.handler().subscribe(async (data: string) => {\n                    Thread.terminate(pdfExport);\n                    await progressPopup.update(100);\n                    PlatformSpecific.INSTANCE.saveContent(`export_${moment().format(\"YYYYMMDD_HHmm\")}.pdf`, data, false);\n                });\n                pdfExport.export(tableContent, {pageOrientation: this.state.pageOrientation});\n            }\n        }\n        this.setState({exporting: false});\n    }\n\n    render() {\n        const {onlySelectedNodes, showMilliseconds, showYear, hideNotificationOnClipboardCopy, getExportContent, renderer, ...rest} = this.props;\n        let menuItems: MenuElement[] = this.renderExportMenuItems();\n        if (renderer) {\n            menuItems = renderer(menuItems);\n        }\n        return (\n            <Menu {...rest}\n                  onClick={(item: any) => {\n                      this.onExportMenuClick(item.key);\n                      if (this.props.onClick) {\n                          this.props.onClick(item.key.toString());\n                      }\n                  }}>\n                {menuItems}\n            </Menu>);\n    }\n\n    renderExportMenuItems() {\n        return [\n            <Menu.Item icon={<FileOutlined/>} key=\"txtExport\" disabled={this.state.exporting}>{i18n(\"Export List to\") + \" TXT\"}\n            </Menu.Item>,\n            <Menu.Item icon={<FileTextOutlined/>} key=\"csvExport\"\n                       disabled={this.state.exporting}>{i18n(\"Export List to\") + \" CSV\"}\n            </Menu.Item>,\n            <Menu.Item icon={<FilePdfOutlined/>} key=\"pdfExport\"\n                       disabled={this.state.exporting}>{i18n(\"Export List to\") + \" PDF\"}\n                <Switch\n                    style={{marginLeft: 8}}\n                    checkedChildren={i18n(\"Landscape\") + \" \"}\n                    unCheckedChildren={\"\" + i18n(\"Portrait\")}\n                    checked={this.state.pageOrientation !== \"PORTRAIT\"}\n                    onChange={(checked, e) => {\n                        e.stopPropagation();\n                        (e as any).nativeEvent.stopImmediatePropagation();\n                        this.setState({pageOrientation: checked ? \"LANDSCAPE\" : \"PORTRAIT\"});\n                    }}\n                /></Menu.Item>,\n            <Menu.Divider key=\"divider1\"/>,\n            <Menu.Item key=\"clipboardCopy\" icon={<CopyOutlined/>} disabled={this.state.exporting}>{i18n(\"Copy to Clipboard\")}\n            </Menu.Item>\n        ];\n    }\n}"]}
+{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../../components/grid/export/contextMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {CopyOutlined, FileOutlined, FilePdfOutlined, FileTextOutlined} from \"@ant-design/icons\";\r\nimport {MenuProps, Switch} from \"antd\";\r\nimport React from \"react\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {spawn, Thread, Worker} from \"threads\"\r\nimport dayjs from \"dayjs\";\r\nimport ProgressPopup from \"./progressPopup\";\r\nimport {MenuElement} from \"../dataGrid\";\r\nimport {ClipboardUtils} from \"d2coreui/components/clipboard/clipboardUtils\";\r\n// @ts-ignore\r\nimport txtExportUrl from 'threads-plugin/dist/loader?name=txtExport!d2coreui/components/grid/export/worker/txtExport.ts'\r\n// @ts-ignore\r\nimport csvExportUrl from \"threads-plugin/dist/loader?name=csvExport!d2coreui/components/grid/export/worker/csvExport.ts\"\r\n// @ts-ignore\r\nimport clipboardExportUrl from \"threads-plugin/dist/loader?name=clipboardExport!d2coreui/components/grid/export/worker/clipboardExport.ts\"\r\n// @ts-ignore\r\nimport pdfExportUrl from \"threads-plugin/dist/loader?name=pdfExport!d2coreui/components/grid/export/worker/pdfExport.ts\"\r\nimport PlatformSpecific from \"d2coreui/components/platformSpecific\";\r\n\r\n\r\nexport interface ContextMenuProps {\r\n    onlySelectedNodes?: boolean\r\n    showMilliseconds: boolean\r\n    showYear: boolean\r\n    hideNotificationOnClipboardCopy?: boolean\r\n    pageOrientation: PageOrientation\r\n    exporting: boolean\r\n\r\n    getExportContent: (progressPopup: ProgressPopup | null, props: ContextMenuProps) => Promise<string[][]>\r\n    onPageOrientationChange:(pageOrientation: PageOrientation)=>void\r\n    onExport:(start: boolean)=>void\r\n\r\n    // overrides context menu rendering\r\n    renderer?(menuElements: MenuElement[]): MenuElement[]\r\n\r\n    // handler for custom context menu items click\r\n    onClick?(key: string): void\r\n}\r\n\r\nexport type PageOrientation = \"PORTRAIT\" | \"LANDSCAPE\";\r\n\r\nexport default function getContextMenu(props: ContextMenuProps): MenuProps {\r\n    const {hideNotificationOnClipboardCopy, getExportContent, renderer, onClick} = props;\r\n\r\n    const onExportMenuClick = async (menuKey: string) => {\r\n        props.onExport(true);\r\n        switch (menuKey) {\r\n        case \"txtExport\": {\r\n                const progressPopup = new ProgressPopup(i18n(\"Export List to\") + \" TXT\");\r\n                const tableContent = await getExportContent(progressPopup, props);\r\n                const txtExport = await spawn(new Worker(txtExportUrl));\r\n                const textContent = await txtExport(tableContent);\r\n                await Thread.terminate(txtExport);\r\n                await progressPopup.update(100);\r\n                PlatformSpecific.INSTANCE.saveContent(`export_${dayjs().format(\"YYYYMMDD_HHmm\")}.txt`, textContent, true);\r\n                break;\r\n            }\r\n        case \"csvExport\": {\r\n                const progressPopup = new ProgressPopup(i18n(\"Export List to\") + \" CSV\");\r\n                const tableContent = await getExportContent(progressPopup, props);\r\n                const csvExport = await spawn(new Worker(csvExportUrl));\r\n                const csvContent = await csvExport(tableContent);\r\n                await Thread.terminate(csvExport);\r\n                await progressPopup.update(100);\r\n                PlatformSpecific.INSTANCE.saveContent(`export_${dayjs().format(\"YYYYMMDD_HHmm\")}.csv`, `\\ufeff${csvContent}`, true);\r\n                break;\r\n            }\r\n        case \"clipboardCopy\": {\r\n                const progressPopup = !hideNotificationOnClipboardCopy ? new ProgressPopup(i18n(\"Export List to\") + \" \" + i18n(\"Clipboard\")) : null;\r\n                const tableContent = await getExportContent(progressPopup, props);\r\n                const clipboardExport = await spawn(new Worker(clipboardExportUrl));\r\n                const clipboardContent = await clipboardExport(tableContent);\r\n                const success = ClipboardUtils.copyToClipboard(clipboardContent);\r\n                if (success) {\r\n                    await Thread.terminate(clipboardExport);\r\n                    await progressPopup?.update(100);\r\n                } else {\r\n                    progressPopup?.error();\r\n                }\r\n                break;\r\n            }\r\n        case \"pdfExport\": {\r\n                const progressPopup = new ProgressPopup(i18n(\"Export List to\") + \" PDF\");\r\n                const tableContent = await getExportContent(progressPopup, props);\r\n                const pdfExport = await spawn(new Worker(pdfExportUrl));\r\n                pdfExport.handler().subscribe(async (data: string) => {\r\n                    Thread.terminate(pdfExport);\r\n                    await progressPopup.update(100);\r\n                    PlatformSpecific.INSTANCE.saveContent(`export_${dayjs().format(\"YYYYMMDD_HHmm\")}.pdf`, data, false);\r\n                });\r\n                pdfExport.export(tableContent, {pageOrientation: props.pageOrientation});\r\n            }\r\n        }\r\n        props.onExport(false);\r\n    }\r\n\r\n    let menuItems: MenuElement[] = [\r\n        {\r\n            key: \"txtExport\",\r\n            icon: <FileOutlined/>,\r\n            disabled: props.exporting,\r\n            label: i18n(\"Export List to\") + \" TXT\",\r\n        },\r\n        {\r\n            key: \"csvExport\",\r\n            icon: <FileTextOutlined/>,\r\n            disabled: props.exporting,\r\n            label: i18n(\"Export List to\") + \" CSV\",\r\n        },\r\n        {\r\n            key: \"pdfExport\",\r\n            icon: <FilePdfOutlined/>,\r\n            disabled: props.exporting,\r\n            label: <>\r\n                {i18n(\"Export List to\") + \" PDF\"}\r\n                <Switch\r\n                    style={{marginLeft: 8}}\r\n                    checkedChildren={i18n(\"Landscape\") + \" \"}\r\n                    unCheckedChildren={\"\" + i18n(\"Portrait\")}\r\n                    checked={props.pageOrientation !== \"PORTRAIT\"}\r\n                    onChange={(checked, e) => {\r\n                        e.stopPropagation();\r\n                        (e as any).nativeEvent.stopImmediatePropagation();\r\n                        props.onPageOrientationChange(checked ? \"LANDSCAPE\" : \"PORTRAIT\")\r\n                    }}\r\n                />\r\n            </>\r\n        },\r\n        {\r\n            key: \"divider1\",\r\n            type: \"divider\",\r\n        },\r\n        {\r\n            key: \"clipboardCopy\",\r\n            icon: <CopyOutlined/>,\r\n            disabled: props.exporting,\r\n            label: i18n(\"Copy to Clipboard\"),\r\n        }\r\n    ];\r\n\r\n    if (renderer) {\r\n        menuItems = renderer(menuItems);\r\n    }\r\n\r\n    return {\r\n        items: menuItems,\r\n        onClick: (item) => {\r\n            onExportMenuClick(item.key);\r\n            if (onClick) {\r\n                onClick(item.key.toString());\r\n            }\r\n        },\r\n    }\r\n}\r\n"]}

package/components/grid/export/progressPopup.d.ts

@@ -1,29 +1,29 @@
-import React from "react";
-import { ProgressProps } from "antd/lib/progress/progress";
-interface ProgressBarProps extends ProgressProps {
-    registerUpdateHandler(updateHandler: ((percent: number) => void) | null): void;
-}
-interface ProgressBarState {
-    percent: number;
-}
-export declare class ProgressBar extends React.Component<ProgressBarProps, ProgressBarState> {
-    constructor(props: Readonly<ProgressBarProps>);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    makeProgress(percent: number): void;
-    render(): JSX.Element;
-}
-export default class ProgressPopup {
-    title: string;
-    recordCount?: number;
-    makeProgress: ((percent: number) => void) | null;
-    progressVisible: boolean;
-    constructor(title: string);
-    initializeProgressPopup(): Promise<void>;
-    setRecordCount(recordCount: number): void;
-    update(progressPercent: number): Promise<void>;
-    close(): void;
-    error(): void;
-    sleep(ms: number): Promise<void>;
-}
-export {};
+import React from "react";
+import { ProgressProps } from "antd/lib/progress/progress";
+interface ProgressBarProps extends ProgressProps {
+    registerUpdateHandler(updateHandler: ((percent: number) => void) | null): void;
+}
+interface ProgressBarState {
+    percent: number;
+}
+export declare class ProgressBar extends React.Component<ProgressBarProps, ProgressBarState> {
+    constructor(props: Readonly<ProgressBarProps>);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    makeProgress(percent: number): void;
+    render(): React.JSX.Element;
+}
+export default class ProgressPopup {
+    title: string;
+    recordCount?: number;
+    makeProgress: ((percent: number) => void) | null;
+    progressVisible: boolean;
+    constructor(title: string);
+    initializeProgressPopup(): Promise<void>;
+    setRecordCount(recordCount: number): void;
+    update(progressPercent: number): Promise<void>;
+    close(): void;
+    error(): void;
+    sleep(ms: number): Promise<void>;
+}
+export {};