d2aura 23.0.0

package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.js

@@ -0,0 +1,102 @@
+import React from "react";
+import { Button } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { CloseCircleOutlined, DeleteOutlined, PlusCircleOutlined } from "@ant-design/icons";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
+import { ERROR_COLOR } from "../../../api/constants/constants";
+export class AbstractEntitiesOnEntityList extends React.Component {
+    constructor(props) {
+        super(props);
+        this.initialState = {
+            selectedRecords: [],
+            selectModalDialogVisible: false,
+            columnDefs: this.getInitialColumnDefs(),
+        };
+        this.onSelectionChanged = this.onSelectionChanged.bind(this);
+        this.renderControlPanel = this.renderControlPanel.bind(this);
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.disabled !== this.props.disabled || prevProps.editedEntity.id !== this.props.editedEntity.id) {
+            this.gridApi?.updateGridOptions({ rowData: this.getSubEntities() });
+        }
+    }
+    renderSelectModalDialog() {
+        return undefined;
+    }
+    renderControlPanel() {
+        return null;
+    }
+    noRecordsOverlayRenderer() {
+        return React.createElement("div", null);
+    }
+    renderToolbarButtons() {
+        return React.createElement(React.Fragment, null,
+            React.createElement(Button, { title: i18n("Add Record"), disabled: this.props.disabled, onClick: () => {
+                    this.setState({ selectModalDialogVisible: true });
+                } },
+                React.createElement(PlusCircleOutlined, null)),
+            React.createElement(Button, { title: i18n("Exclude Record"), disabled: this.state.selectedRecords.length === 0 || this.props.disabled, onClick: () => {
+                    ModalDialog.delete({
+                        mode: "YES_NO",
+                        title: React.createElement("span", { style: { whiteSpace: "nowrap" } }, i18n("Exclude %n records?", this.state.selectedRecords.length)),
+                        icon: React.createElement(DeleteOutlined, { style: { color: ERROR_COLOR } }),
+                        onOk: () => {
+                            const subEntities = this.getSubEntities();
+                            this.state.selectedRecords.forEach(subEntityToExclude => {
+                                const index = subEntities.findIndex(value => value.id === subEntityToExclude.id);
+                                subEntities.splice(index, 1);
+                            });
+                            this.props.onChange?.();
+                            this.gridApi?.applyTransaction({ remove: this.state.selectedRecords });
+                        }
+                    });
+                } },
+                React.createElement(CloseCircleOutlined, null)));
+    }
+    onSelectionChanged(event) {
+        const selectedRows = event.api.getSelectedRows();
+        this.setState({ selectedRecords: selectedRows });
+    }
+    addRecordsToGrid(records, idToSelect) {
+        if (records.length > 0) {
+            this.gridApi?.applyTransaction({ add: records });
+            this.props.onChange?.();
+        }
+        if (idToSelect !== undefined) {
+            let rowNode = this.gridApi?.getRowNode(idToSelect.toString());
+            if (rowNode) {
+                rowNode.setSelected(true, true);
+                this.gridApi?.ensureNodeVisible(rowNode);
+            }
+        }
+    }
+    render() {
+        const subEntities = this.getSubEntities();
+        return (React.createElement("div", { style: { height: this.props.height, overflow: "auto", resize: "vertical" } },
+            this.renderSelectModalDialog(),
+            React.createElement(ExtendedDataGrid, { onGridReady: (params) => {
+                    this.gridApi = params.api;
+                }, defaultGridConfiguration: { pageSize: -1 }, columnDefs: this.state.columnDefs, rowData: subEntities, onLoadData: (callback) => {
+                    callback(subEntities.length);
+                }, search: {
+                    hidden: true,
+                    searchButtonHidden: true,
+                }, rowSelection: "multiple", onSelectionChanged: this.onSelectionChanged, toolbar: {
+                    renderToolbar: (originalSearchBar) => this.renderSelectModalDialog() ? originalSearchBar : React.createElement(React.Fragment, null),
+                    toolbarButtons: this.renderSelectModalDialog() ? this.renderToolbarButtons() : React.createElement(React.Fragment, null),
+                    hideRecordCount: !this.renderSelectModalDialog()
+                }, tablePanelStyle: {
+                    marginTop: this.renderSelectModalDialog() ? 4 : 0,
+                    border: this.props.isError ? `1px solid ${ERROR_COLOR}` : "unset"
+                }, controlPanel: {
+                    renderer: this.renderControlPanel
+                }, panelStyle: { padding: 0 }, tableConfigVisible: false, noRecordsOverlayRenderer: () => {
+                    if (this.getSubEntities().length === 0) {
+                        return this.noRecordsOverlayRenderer();
+                    }
+                    return React.createElement("div", null);
+                }, singleClickEdit: true, stopEditingWhenCellsLoseFocus: true, enterNavigatesVerticallyAfterEdit: true })));
+    }
+}
+//# sourceMappingURL=abstractEntitiesOnEntityList.js.map

package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"abstractEntitiesOnEntityList.js","sourceRoot":"","sources":["../../../../../coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {GridApi, GridReadyEvent, SelectionChangedEvent} from \"ag-grid-community\";\r\nimport {Button} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {CloseCircleOutlined, DeleteOutlined, PlusCircleOutlined} from \"@ant-design/icons\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {ERROR_COLOR} from \"../../../api/constants/constants\";\r\n\r\nexport interface AbstractEntitiesOnEntityListProps<ME extends Entity> {\r\n    editedEntity: ME\r\n    height: number\r\n    disabled?: boolean\r\n    isError?: boolean\r\n\r\n    onChange?(): void\r\n}\r\n\r\nexport interface AbstractEntitiesOnEntityListState<SE extends Entity> {\r\n    selectedRecords: SE[]\r\n    selectModalDialogVisible: boolean\r\n    columnDefs: DataGridColDef[]\r\n}\r\n\r\nexport abstract class AbstractEntitiesOnEntityList<\r\n    ME extends Entity,\r\n    SE extends Entity,\r\n    P extends AbstractEntitiesOnEntityListProps<ME>,\r\n    S extends AbstractEntitiesOnEntityListState<SE>\r\n> extends React.Component<P, S> {\r\n    protected gridApi?: GridApi;\r\n    protected initialColumnDefs?: DataGridColDef[];\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n        this.renderControlPanel = this.renderControlPanel.bind(this);\r\n    }\r\n\r\n    protected initialState: AbstractEntitiesOnEntityListState<SE> = {\r\n        selectedRecords: [],\r\n        selectModalDialogVisible: false,\r\n        columnDefs: this.getInitialColumnDefs(),\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<P>) {\r\n        if (prevProps.disabled !== this.props.disabled || prevProps.editedEntity.id !== this.props.editedEntity.id) {\r\n            this.gridApi?.updateGridOptions({rowData: this.getSubEntities()});\r\n        }\r\n    }\r\n\r\n    abstract getInitialColumnDefs(): DataGridColDef[];\r\n\r\n    abstract getSubEntities(): SE[];\r\n\r\n    protected renderSelectModalDialog(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderControlPanel(): JSX.Element | null {\r\n        return null;\r\n    }\r\n\r\n    protected noRecordsOverlayRenderer() {\r\n        return <div/>\r\n    }\r\n\r\n    protected renderToolbarButtons() {\r\n        return <>\r\n            <Button\r\n                title={i18n(\"Add Record\")}\r\n                disabled={this.props.disabled}\r\n                onClick={() => {\r\n                    this.setState({selectModalDialogVisible: true});\r\n                }}\r\n            >\r\n                <PlusCircleOutlined/>\r\n            </Button>\r\n            <Button\r\n                title={i18n(\"Exclude Record\")}\r\n                disabled={this.state.selectedRecords.length === 0 || this.props.disabled}\r\n                onClick={() => {\r\n                    ModalDialog.delete({\r\n                        mode: ModalDialogMode.YES_NO,\r\n                        title:\r\n                            <span style={{whiteSpace: \"nowrap\"}}>\r\n                                {i18n(\"Exclude %n records?\", this.state.selectedRecords.length)}\r\n                            </span>,\r\n                        icon: <DeleteOutlined style={{color: ERROR_COLOR}}/>,\r\n                        onOk: () => {\r\n                            const subEntities = this.getSubEntities();\r\n\r\n                            this.state.selectedRecords.forEach(subEntityToExclude => {\r\n                                const index = subEntities.findIndex(value => value.id === subEntityToExclude.id);\r\n                                subEntities.splice(index, 1);\r\n                            });\r\n\r\n                            this.props.onChange?.();\r\n                            this.gridApi?.applyTransaction({remove: this.state.selectedRecords});\r\n                        }\r\n                    });\r\n                }}\r\n            >\r\n                <CloseCircleOutlined/>\r\n            </Button>\r\n        </>;\r\n    }\r\n\r\n    private onSelectionChanged(event: SelectionChangedEvent): void {\r\n        const selectedRows = event.api.getSelectedRows();\r\n        this.setState({selectedRecords: selectedRows});\r\n    }\r\n\r\n    protected addRecordsToGrid(records: SE[], idToSelect?: number) {\r\n        if (records.length > 0) {\r\n            this.gridApi?.applyTransaction({add: records});\r\n            this.props.onChange?.();\r\n        }\r\n\r\n        if (idToSelect !== undefined) {\r\n            let rowNode = this.gridApi?.getRowNode(idToSelect.toString());\r\n            if (rowNode) {\r\n                rowNode.setSelected(true, true);\r\n                this.gridApi?.ensureNodeVisible(rowNode);\r\n            }\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const subEntities = this.getSubEntities();\r\n\r\n        return (\r\n            <div style={{height: this.props.height, overflow: \"auto\", resize: \"vertical\"}}>\r\n                {this.renderSelectModalDialog()}\r\n                <ExtendedDataGrid\r\n                    onGridReady={(params: GridReadyEvent) => {\r\n                        this.gridApi = params.api;\r\n                    }}\r\n                    defaultGridConfiguration={{pageSize: -1}}\r\n                    columnDefs={this.state.columnDefs}\r\n                    rowData={subEntities}\r\n                    onLoadData={(callback) => {\r\n                        callback(subEntities.length);\r\n                    }}\r\n                    search={{\r\n                        hidden: true,\r\n                        searchButtonHidden: true,\r\n                    }}\r\n                    rowSelection=\"multiple\"\r\n                    onSelectionChanged={this.onSelectionChanged}\r\n                    toolbar={{\r\n                        renderToolbar: (originalSearchBar) => this.renderSelectModalDialog() ? originalSearchBar : <></>,\r\n                        toolbarButtons: this.renderSelectModalDialog() ? this.renderToolbarButtons() : <></>,\r\n                        hideRecordCount: !this.renderSelectModalDialog()\r\n                    }}\r\n                    tablePanelStyle={{\r\n                        marginTop: this.renderSelectModalDialog() ? 4 : 0,\r\n                        border: this.props.isError ? `1px solid ${ERROR_COLOR}` : \"unset\"\r\n                    }}\r\n                    controlPanel={{\r\n                        renderer: this.renderControlPanel\r\n                    }}\r\n                    panelStyle={{padding: 0}}\r\n                    tableConfigVisible={false}\r\n                    noRecordsOverlayRenderer={() => {\r\n                        if (this.getSubEntities().length === 0) {\r\n                            return this.noRecordsOverlayRenderer();\r\n                        }\r\n                        return <div/>\r\n                    }}\r\n                    singleClickEdit\r\n                    stopEditingWhenCellsLoseFocus\r\n                    enterNavigatesVerticallyAfterEdit\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/changePasswordModalDialog/changePasswordModalDialog.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { D2WebApi } from "d2jsapi";
+interface Props {
+    open: boolean;
+    d2api: D2WebApi;
+    passwordExpired?: boolean;
+    onCancel(): void;
+}
+interface State {
+    oldPassword: string;
+    newPassword: string;
+    newPasswordConfirm: string;
+    loading: boolean;
+    alertType?: "success" | "info" | "warning" | "error";
+    alertMessage?: string;
+}
+export default class ChangePasswordModalDialog extends React.Component<Props, State> {
+    constructor(props: Readonly<Props>);
+    private isConfirmDisabled;
+    private onChangePassword;
+    render(): React.JSX.Element;
+}
+export {};

package/coreui/components/changePasswordModalDialog/changePasswordModalDialog.js

@@ -0,0 +1,83 @@
+import React from "react";
+import i18n from "d2core/i18n/i18n";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+import { Alert, Button, Form, Input } from "antd";
+import { LockOutlined } from "@ant-design/icons";
+import { Key } from "ts-key-enum";
+import { PRIMARY_COLOR } from "../../../api/constants/constants";
+export default class ChangePasswordModalDialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            oldPassword: "",
+            newPassword: "",
+            newPasswordConfirm: "",
+            loading: false,
+        };
+        this.onChangePassword = this.onChangePassword.bind(this);
+    }
+    isConfirmDisabled() {
+        return !this.state.oldPassword || !this.state.newPassword || !this.state.newPasswordConfirm;
+    }
+    async onChangePassword() {
+        const { oldPassword, newPassword, newPasswordConfirm } = this.state;
+        if (newPassword !== newPasswordConfirm) {
+            this.setState({
+                alertType: "error",
+                alertMessage: i18n("Passwords do not match.")
+            });
+        }
+        else if (oldPassword && newPassword) {
+            this.setState({ loading: true });
+            const changePasswordResultCode = await this.props.d2api.changePassword(oldPassword, newPassword);
+            if (changePasswordResultCode === "ok") {
+                this.setState({
+                    alertType: "success",
+                    alertMessage: i18n("Password changed.")
+                });
+                setTimeout(() => window.location.href = "./do.logout", 1000);
+            }
+            else {
+                this.setState({
+                    alertType: "error",
+                    alertMessage: i18n(changePasswordResultCode),
+                    loading: false,
+                });
+            }
+        }
+    }
+    render() {
+        return (React.createElement(ModalDialog, { styles: {
+                header: {
+                    textAlign: "center"
+                },
+                body: {
+                    textAlign: "center",
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                },
+            }, title: this.props.passwordExpired ? i18n("Password expired") : i18n("Change password"), mode: "NO_BUTTONS", closable: !this.props.passwordExpired, open: this.props.open, onCancel: this.props.onCancel, initialWidth: 400, initialHeight: 440, maskClosable: !this.props.passwordExpired, keyboard: !this.props.passwordExpired, footer: React.createElement(Button, { block: true, type: "primary", disabled: this.isConfirmDisabled(), loading: this.state.loading, onClick: this.onChangePassword }, i18n("Confirm")) },
+            React.createElement("div", null,
+                React.createElement(LockOutlined, { style: { fontSize: 60, color: PRIMARY_COLOR } }),
+                React.createElement(Form, { className: "record-config-form", layout: "horizontal", labelCol: { sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 }, onKeyUp: event => {
+                        if (event.key === Key.Enter && !this.isConfirmDisabled()) {
+                            this.onChangePassword();
+                        }
+                    } },
+                    React.createElement(Form.Item, { label: i18n("Old password") },
+                        React.createElement(Input.Password, { value: this.state.oldPassword, prefix: React.createElement(LockOutlined, null), onChange: event => {
+                                this.setState({ oldPassword: event.target.value });
+                            } })),
+                    React.createElement(Form.Item, { label: i18n("New password") },
+                        React.createElement(Input.Password, { value: this.state.newPassword, prefix: React.createElement(LockOutlined, null), onChange: event => {
+                                this.setState({ newPassword: event.target.value });
+                            } })),
+                    React.createElement(Form.Item, { label: i18n("Confirm password") },
+                        React.createElement(Input.Password, { value: this.state.newPasswordConfirm, prefix: React.createElement(LockOutlined, null), onChange: event => {
+                                this.setState({ newPasswordConfirm: event.target.value });
+                            } }))),
+                this.state.alertType &&
+                    React.createElement(Alert, { style: { marginTop: 28 }, type: this.state.alertType, message: this.state.alertMessage, showIcon: true }))));
+    }
+}
+//# sourceMappingURL=changePasswordModalDialog.js.map

package/coreui/components/changePasswordModalDialog/changePasswordModalDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"changePasswordModalDialog.js","sourceRoot":"","sources":["../../../../../coreui/components/changePasswordModalDialog/changePasswordModalDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport {Alert, Button, Form, Input} from \"antd\";\r\nimport {D2WebApi} from \"d2jsapi\";\r\nimport {LockOutlined} from \"@ant-design/icons\";\r\nimport {Key} from \"ts-key-enum\";\r\nimport {PRIMARY_COLOR} from \"../../../api/constants/constants\";\r\n\r\ninterface Props {\r\n    open: boolean\r\n    d2api: D2WebApi\r\n    passwordExpired?: boolean\r\n\r\n    onCancel(): void\r\n}\r\n\r\ninterface State {\r\n    oldPassword: string\r\n    newPassword: string\r\n    newPasswordConfirm: string\r\n    loading: boolean\r\n\r\n    alertType?: \"success\" | \"info\" | \"warning\" | \"error\"\r\n    alertMessage?: string\r\n}\r\n\r\nexport default class ChangePasswordModalDialog extends React.Component<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            oldPassword: \"\",\r\n            newPassword: \"\",\r\n            newPasswordConfirm: \"\",\r\n            loading: false,\r\n        }\r\n\r\n        this.onChangePassword = this.onChangePassword.bind(this);\r\n    }\r\n\r\n    private isConfirmDisabled() {\r\n        return !this.state.oldPassword || !this.state.newPassword || !this.state.newPasswordConfirm;\r\n    }\r\n\r\n    private async onChangePassword() {\r\n        const {oldPassword, newPassword, newPasswordConfirm} = this.state;\r\n\r\n        if (newPassword !== newPasswordConfirm) {\r\n            this.setState({\r\n                alertType: \"error\",\r\n                alertMessage: i18n(\"Passwords do not match.\")\r\n            });\r\n        } else if (oldPassword && newPassword) {\r\n            this.setState({loading: true});\r\n            const changePasswordResultCode = await this.props.d2api.changePassword(oldPassword, newPassword);\r\n            if (changePasswordResultCode === \"ok\") {\r\n                this.setState({\r\n                    alertType: \"success\",\r\n                    alertMessage: i18n(\"Password changed.\")\r\n                });\r\n                setTimeout(() => window.location.href = \"./do.logout\", 1000);\r\n            } else {\r\n                this.setState({\r\n                    alertType: \"error\",\r\n                    alertMessage: i18n(changePasswordResultCode),\r\n                    loading: false,\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <ModalDialog\r\n                styles={{\r\n                    header: {\r\n                        textAlign: \"center\"\r\n                    },\r\n                    body: {\r\n                        textAlign: \"center\",\r\n                        paddingTop: 0,\r\n                        paddingBottom: 0,\r\n                    },\r\n                }}\r\n                title={this.props.passwordExpired ? i18n(\"Password expired\") : i18n(\"Change password\")}\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                closable={!this.props.passwordExpired}\r\n                open={this.props.open}\r\n                onCancel={this.props.onCancel}\r\n                initialWidth={400}\r\n                initialHeight={440}\r\n                maskClosable={!this.props.passwordExpired}\r\n                keyboard={!this.props.passwordExpired}\r\n                footer={\r\n                    <Button\r\n                        block\r\n                        type=\"primary\"\r\n                        disabled={this.isConfirmDisabled()}\r\n                        loading={this.state.loading}\r\n                        onClick={this.onChangePassword}\r\n                    >\r\n                        {i18n(\"Confirm\")}\r\n                    </Button>\r\n                }\r\n            >\r\n                <div>\r\n                    <LockOutlined style={{fontSize: 60, color: PRIMARY_COLOR}}/>\r\n                    <Form\r\n                        className=\"record-config-form\"\r\n                        layout=\"horizontal\"\r\n                        labelCol={{sm: 24, md: 24, lg: 24, xl: 24, xxl: 24}}\r\n                        onKeyUp={event => {\r\n                            if (event.key === Key.Enter && !this.isConfirmDisabled()) {\r\n                                this.onChangePassword();\r\n                            }\r\n                        }}\r\n                    >\r\n                        <Form.Item label={i18n(\"Old password\")}>\r\n                            <Input.Password\r\n                                value={this.state.oldPassword}\r\n                                prefix={<LockOutlined/>}\r\n                                onChange={event => {\r\n                                    this.setState({oldPassword: event.target.value})\r\n                                }}\r\n                            />\r\n                        </Form.Item>\r\n                        <Form.Item label={i18n(\"New password\")}>\r\n                            <Input.Password\r\n                                value={this.state.newPassword}\r\n                                prefix={<LockOutlined/>}\r\n                                onChange={event => {\r\n                                    this.setState({newPassword: event.target.value})\r\n                                }}\r\n                            />\r\n                        </Form.Item>\r\n                        <Form.Item label={i18n(\"Confirm password\")}>\r\n                            <Input.Password\r\n                                value={this.state.newPasswordConfirm}\r\n                                prefix={<LockOutlined/>}\r\n                                onChange={event => {\r\n                                    this.setState({newPasswordConfirm: event.target.value})\r\n                                }}\r\n                            />\r\n                        </Form.Item>\r\n                    </Form>\r\n                    {this.state.alertType &&\r\n                        <Alert\r\n                            style={{marginTop: 28}}\r\n                            type={this.state.alertType}\r\n                            message={this.state.alertMessage}\r\n                            showIcon\r\n                        />\r\n                    }\r\n                </div>\r\n            </ModalDialog>\r\n        );\r\n    }\r\n}"]}

package/coreui/components/colorTag/colorTag.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { TagProps } from "antd";
+interface Props extends TagProps {
+}
+export default class ColorTag extends React.Component<Props> {
+    constructor(props: Readonly<Props>);
+    render(): React.JSX.Element;
+}
+export {};

package/coreui/components/colorTag/colorTag.js

@@ -0,0 +1,17 @@
+import React from "react";
+import ColorUtils from "d2coreui/components/color/colorUtils";
+import { Tag } from "antd";
+export default class ColorTag extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const { color, title, style, children, ...rest } = this.props;
+        return (React.createElement(Tag, { style: {
+                color: color?.startsWith("#") ? ColorUtils.invertColor(color.substring(0, 7), true) : undefined,
+                fontSize: 12,
+                ...style
+            }, color: color, bordered: false, ...rest }, children));
+    }
+}
+//# sourceMappingURL=colorTag.js.map

package/coreui/components/colorTag/colorTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorTag.js","sourceRoot":"","sources":["../../../../../coreui/components/colorTag/colorTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAC,GAAG,EAAW,MAAM,MAAM,CAAC;AAKnC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAgB;IACxD,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5D,OAAO,CACH,oBAAC,GAAG,IACA,KAAK,EAAE;gBACH,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;gBAC/F,QAAQ,EAAE,EAAE;gBACZ,GAAG,KAAK;aACX,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,KACX,IAAI,IAEP,QAAQ,CACP,CACT,CAAC;IACN,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport ColorUtils from \"d2coreui/components/color/colorUtils\";\r\nimport {Tag, TagProps} from \"antd\";\r\n\r\ninterface Props extends TagProps {\r\n}\r\n\r\nexport default class ColorTag extends React.Component<Props> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        const {color, title, style, children, ...rest} = this.props;\r\n\r\n        return (\r\n            <Tag\r\n                style={{\r\n                    color: color?.startsWith(\"#\") ? ColorUtils.invertColor(color.substring(0, 7), true) : undefined,\r\n                    fontSize: 12,\r\n                    ...style\r\n                }}\r\n                color={color}\r\n                bordered={false}\r\n                {...rest}\r\n            >\r\n                {children}\r\n            </Tag>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/d2Chart/d2ChartOptions.d.ts

@@ -0,0 +1,3 @@
+import { EChartsOption } from "echarts-for-react";
+export declare const d2ChartOptions: EChartsOption;
+export declare const compactChartOptions: EChartsOption;

package/coreui/components/d2Chart/d2ChartOptions.js

@@ -0,0 +1,73 @@
+export const d2ChartOptions = {
+    xAxis: {
+        type: "time",
+        splitNumber: 4,
+        boundaryGap: [0, 0],
+        axisLabel: {
+            formatter: '{dd}.{MM}.{yyyy} {HH}:{mm}',
+            padding: [0, 24, 0, 0],
+            showMinLabel: true,
+            showMaxLabel: true,
+        },
+    },
+    yAxis: {
+        type: "value",
+        min: function (value) {
+            return Math.floor(value.min * 100) / 100;
+        },
+        max: function (value) {
+            return Math.round(value.max * 100) / 100;
+        },
+        nameTextStyle: {
+            align: "right",
+        },
+    },
+    legend: {
+        show: false,
+    },
+    dataZoom: [{
+            type: "inside",
+        }, {
+            type: "slider",
+        }],
+    toolbox: {
+        feature: {
+            dataZoom: {
+                yAxisIndex: "none",
+                icon: {
+                    zoom: "path://M10 10",
+                    back: "path://M10 10",
+                }
+            },
+        }
+    },
+    grid: {
+        top: 44,
+        right: 40,
+        left: 84,
+    },
+};
+export const compactChartOptions = {
+    ...d2ChartOptions,
+    xAxis: {
+        type: "time",
+        splitNumber: 1,
+        boundaryGap: [0, 0],
+        axisLabel: {
+            formatter: '{dd}.{MM}.{yyyy} {HH}:{mm}',
+            padding: [0, 24, 0, 0],
+            showMinLabel: true,
+            showMaxLabel: true,
+        },
+    },
+    dataZoom: {
+        type: "inside",
+    },
+    grid: {
+        top: 40,
+        left: 68,
+        right: 40,
+        bottom: 20,
+    }
+};
+//# sourceMappingURL=d2ChartOptions.js.map

package/coreui/components/d2Chart/d2ChartOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d2ChartOptions.js","sourceRoot":"","sources":["../../../../../coreui/components/d2Chart/d2ChartOptions.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkB;IACzC,KAAK,EAAE;QACH,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACnB,SAAS,EAAE;YACP,SAAS,EAAE,4BAA4B;YACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;YACtB,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,IAAI;SACrB;KACJ;IACD,KAAK,EAAE;QACH,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,UAAU,KAAU;YACrB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC7C,CAAC;QACD,GAAG,EAAE,UAAU,KAAU;YACrB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC7C,CAAC;QACD,aAAa,EAAE;YACX,KAAK,EAAE,OAAO;SACjB;KACJ;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,KAAK;KACd;IACD,QAAQ,EAAE,CAAC;YACP,IAAI,EAAE,QAAQ;SACjB,EAAE;YACC,IAAI,EAAE,QAAQ;SACjB,CAAC;IACF,OAAO,EAAE;QACL,OAAO,EAAE;YACL,QAAQ,EAAE;gBACN,UAAU,EAAE,MAAM;gBAClB,IAAI,EAAE;oBACF,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE,eAAe;iBACxB;aACJ;SACJ;KACJ;IACD,IAAI,EAAE;QACF,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACX;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAkB;IAC9C,GAAG,cAAc;IACjB,KAAK,EAAE;QACH,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACnB,SAAS,EAAE;YACP,SAAS,EAAE,4BAA4B;YACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;YACtB,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,IAAI;SACrB;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE;QACF,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACb;CACJ,CAAA","sourcesContent":["import {EChartsOption} from \"echarts-for-react\";\r\n\r\nexport const d2ChartOptions: EChartsOption = {\r\n    xAxis: {\r\n        type: \"time\",\r\n        splitNumber: 4,\r\n        boundaryGap: [0, 0],\r\n        axisLabel: {\r\n            formatter: '{dd}.{MM}.{yyyy} {HH}:{mm}',\r\n            padding: [0, 24, 0, 0],\r\n            showMinLabel: true,\r\n            showMaxLabel: true,\r\n        },\r\n    },\r\n    yAxis: {\r\n        type: \"value\",\r\n        min: function (value: any) {\r\n            return Math.floor(value.min * 100) / 100;\r\n        },\r\n        max: function (value: any) {\r\n            return Math.round(value.max * 100) / 100;\r\n        },\r\n        nameTextStyle: {\r\n            align: \"right\",\r\n        },\r\n    },\r\n    legend: {\r\n        show: false,\r\n    },\r\n    dataZoom: [{\r\n        type: \"inside\",\r\n    }, {\r\n        type: \"slider\",\r\n    }],\r\n    toolbox: {\r\n        feature: {\r\n            dataZoom: {\r\n                yAxisIndex: \"none\",\r\n                icon: {\r\n                    zoom: \"path://M10 10\",\r\n                    back: \"path://M10 10\",\r\n                }\r\n            },\r\n        }\r\n    },\r\n    grid: {\r\n        top: 44,\r\n        right: 40,\r\n        left: 84,\r\n    },\r\n}\r\n\r\nexport const compactChartOptions: EChartsOption = {\r\n    ...d2ChartOptions,\r\n    xAxis: {\r\n        type: \"time\",\r\n        splitNumber: 1,\r\n        boundaryGap: [0, 0],\r\n        axisLabel: {\r\n            formatter: '{dd}.{MM}.{yyyy} {HH}:{mm}',\r\n            padding: [0, 24, 0, 0],\r\n            showMinLabel: true,\r\n            showMaxLabel: true,\r\n        },\r\n    },\r\n    dataZoom: {\r\n        type: \"inside\",\r\n    },\r\n    grid: {\r\n        top: 40,\r\n        left: 68,\r\n        right: 40,\r\n        bottom: 20,\r\n    }\r\n}\r\n"]}

package/coreui/components/d2Chart/d2ChartPanel.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { UnixTime } from "d2jsapi";
+import { D2ChartTableItem } from "./d2ChartTablePanel";
+import { D2ChartRecord, D2ChartSeriesItem, MarkArea, MarkAreaData } from "../../../api/types/d2ChartTypes";
+export interface Props {
+    d2ChartSeries: D2ChartSeriesItem[];
+    d2ChartRecords: D2ChartRecord[];
+    d2ChartCalendarRecords?: D2ChartRecord[];
+    loading?: boolean;
+    markArea?: MarkArea;
+    compact?: boolean;
+    yAxisLabel?: string;
+    tableHeight: number | "auto";
+    tableWrapperStyle?: Omit<React.CSSProperties, "height">;
+}
+interface State {
+    tableItems: D2ChartTableItem[];
+    tooltipTime?: UnixTime;
+    missingData: MarkAreaData[][];
+    modalVisible: boolean;
+    calendarDataVisible: boolean;
+    missingDataVisible: boolean;
+}
+export default class D2ChartPanel extends React.Component<Props, State> {
+    private static SAMPLING_MODE;
+    private chartInstance;
+    private d2ChartPanelInModal;
+    private d2ChartTablePanel;
+    constructor(props: Readonly<Props>);
+    componentDidUpdate(prevProps: Readonly<Props>): void;
+    private onSwitchLegend;
+    private onSwitchCalendarData;
+    private prepareCalendarMarkarea;
+    private onSwitchMissingData;
+    private setTooltip;
+    private getUniqueId;
+    private getDiemnsions;
+    private getSeriesFields;
+    private getSeries;
+    private getTableItems;
+    private getDatasetSource;
+    onReload(): void;
+    resize(): void;
+    private renderToolbox;
+    private renderModalDialog;
+    render(): React.JSX.Element;
+}
+export {};