d2aura 26.0.7 → 26.0.9

package/coreui/components/edaManagerComponent/components/edaTimeWindowPickerPanel.js

@@ -0,0 +1,202 @@
+import React from "react";
+import WithCss from "d2coreui/components/style/withCss";
+import { createStyles } from "antd-style";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import { Button, Space } from "antd";
+import { LeftOutlined, RightOutlined, VerticalLeftOutlined, VerticalRightOutlined } from "@ant-design/icons";
+import EnumValuePicker from "d2coreui/components/picker/enumValuePicker";
+import { StepType } from "../constants/edaTypes";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        baseLayout: css `
+            .segmented {
+                border: 1px solid ${token.colorBorder};
+            }
+            .segmented.ant-segmented-sm {
+                height: 24px;
+            }
+            .segmented {
+                height: 32px;
+            }
+            .segmented.ant-segmented-lg {
+                height: 40px;
+            }
+
+            .ant-segmented.ant-segmented-sm .ant-segmented-item-label {
+                min-height: 18px;
+                line-height: 18px;
+            }
+            .ant-segmented .ant-segmented-item-label {
+                min-height: 26px;
+                line-height: 26px;
+            }
+            .ant-segmented.ant-segmented-lg .ant-segmented-item-label {
+                min-height: 34px;
+                line-height: 34px;
+            }
+            
+            .ant-space-addon {
+                white-space: nowrap;
+            }
+        `,
+    };
+});
+export class EdaTimeWindowPickerPanel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.mask = LocaleHolder.getDateTimeFormat(true, false, false);
+        const { bt, et } = getRange(props.start, props.end, props.step);
+        this.state = {
+            bt: bt,
+            et: et,
+            step: props.step,
+        };
+        this.toStart = this.toStart.bind(this);
+        this.toEnd = this.toEnd.bind(this);
+        this.previous = this.previous.bind(this);
+        this.next = this.next.bind(this);
+        this.onStepUpdated = this.onStepUpdated.bind(this);
+        this.timeWindowChanged = this.timeWindowChanged.bind(this);
+    }
+    componentDidUpdate(prevProps) {
+        if (!prevProps.start.isSame(this.props.start) || !prevProps.end.isSame(this.props.end)) {
+            const { bt, et } = getRange(this.props.start, this.props.end, this.state.step);
+            this.setState({ bt, et }, this.timeWindowChanged);
+        }
+        if (prevProps.step !== this.props.step) {
+            const { bt, et } = getRange(this.props.start, this.props.end, this.props.step);
+            this.setState({ bt, et, step: this.props.step }, this.timeWindowChanged);
+        }
+    }
+    render() {
+        const { size, start, end, disabled } = this.props;
+        const { bt, et, step } = this.state;
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Space, { size: size, className: css.styles.baseLayout },
+            React.createElement(Space.Compact, { size: size },
+                React.createElement(Button, { icon: React.createElement(VerticalRightOutlined, null), disabled: bt.isSameOrBefore(start) || disabled, onClick: this.toStart }),
+                React.createElement(Button, { icon: React.createElement(LeftOutlined, null), disabled: bt.isSameOrBefore(start) || disabled, onClick: this.previous }),
+                React.createElement(Space.Addon, null, bt.format(this.mask)),
+                React.createElement(Space.Addon, null, "\u27F7"),
+                React.createElement(Space.Addon, null, et.format(this.mask)),
+                React.createElement(Button, { icon: React.createElement(RightOutlined, null), disabled: et.isSameOrAfter(end) || disabled, onClick: this.next }),
+                React.createElement(Button, { icon: React.createElement(VerticalLeftOutlined, null), disabled: et.isSameOrAfter(end) || disabled, onClick: this.toEnd })),
+            React.createElement(EnumValuePicker, { values: StepType, value: step, style: { width: '150px' }, translateValue: true, size: size, popupMatchSelectWidth: true, onChange: (value) => {
+                    if (value !== undefined) {
+                        this.onStepUpdated(value);
+                    }
+                } }))));
+    }
+    toStart() {
+        const { start } = this.props;
+        const { step } = this.state;
+        const unit = stepToDayJsType(step);
+        if (!unit) {
+            return;
+        }
+        this.setState({ bt: start, et: start.endOf(unit) }, this.timeWindowChanged);
+    }
+    toEnd() {
+        const { end } = this.props;
+        const { step } = this.state;
+        const unit = stepToDayJsType(step);
+        if (!unit) {
+            return;
+        }
+        this.setState({ bt: end.startOf(unit), et: end }, this.timeWindowChanged);
+    }
+    previous() {
+        const { start } = this.props;
+        const { step } = this.state;
+        const unit = stepToDayJsType(step);
+        let bt = this.state.bt;
+        let et;
+        if (!unit) {
+            return;
+        }
+        bt = bt.subtract(1, 'minute').startOf(unit);
+        et = bt.endOf(unit);
+        if (bt.isBefore(start)) {
+            bt = start;
+        }
+        this.setState({ bt, et }, this.timeWindowChanged);
+    }
+    next() {
+        const { end } = this.props;
+        const { step } = this.state;
+        const unit = stepToDayJsType(step);
+        let bt;
+        let et = this.state.et;
+        if (!unit) {
+            return;
+        }
+        et = et.add(1, 'minute').endOf(unit);
+        bt = et.startOf(unit);
+        if (et.isAfter(end)) {
+            et = end;
+        }
+        this.setState({ bt, et }, this.timeWindowChanged);
+    }
+    onStepUpdated(step) {
+        const { start, end } = this.props;
+        const unit = stepToDayJsType(step);
+        let bt;
+        let et;
+        if (unit) {
+            bt = this.state.bt.startOf(unit);
+            et = bt.endOf(unit);
+            if (bt.isBefore(start)) {
+                bt = start;
+            }
+            if (et.isAfter(end)) {
+                et = end;
+            }
+        }
+        else {
+            bt = start;
+            et = end;
+        }
+        this.setState({ step, bt, et }, this.timeWindowChanged);
+    }
+    timeWindowChanged() {
+        const { bt, et, step } = this.state;
+        this.props.onTimeWindowChanged?.(bt, et, step);
+    }
+}
+function stepToDayJsType(step) {
+    switch (step) {
+        case StepType.Hourly:
+            return 'hour';
+        case StepType.Daily:
+            return 'day';
+        case StepType.Weekly:
+            return 'week';
+        case StepType.Monthly:
+            return 'month';
+        case StepType.Yearly:
+            return 'year';
+        case StepType.WholeInterval:
+            return null;
+    }
+}
+export function getRange(start, end, step) {
+    const unit = stepToDayJsType(step);
+    if (!unit) {
+        return {
+            bt: start,
+            et: end,
+        };
+    }
+    let bt = start.startOf(unit);
+    let et = start.endOf(unit);
+    if (bt.isBefore(start)) {
+        bt = start;
+    }
+    if (et.isAfter(end)) {
+        et = end;
+    }
+    return {
+        bt: bt,
+        et: et,
+    };
+}
+//# sourceMappingURL=edaTimeWindowPickerPanel.js.map

package/coreui/components/edaManagerComponent/components/edaTimeWindowPickerPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edaTimeWindowPickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTimeWindowPickerPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {Button, Space} from \"antd\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {LeftOutlined, RightOutlined, VerticalLeftOutlined, VerticalRightOutlined} from \"@ant-design/icons\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {OpUnitType} from \"dayjs\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport {StepType} from \"../constants/edaTypes\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n    return {\r\n        baseLayout: css`\r\n            .segmented {\r\n                border: 1px solid ${token.colorBorder};\r\n            }\r\n            .segmented.ant-segmented-sm {\r\n                height: 24px;\r\n            }\r\n            .segmented {\r\n                height: 32px;\r\n            }\r\n            .segmented.ant-segmented-lg {\r\n                height: 40px;\r\n            }\r\n\r\n            .ant-segmented.ant-segmented-sm .ant-segmented-item-label {\r\n                min-height: 18px;\r\n                line-height: 18px;\r\n            }\r\n            .ant-segmented .ant-segmented-item-label {\r\n                min-height: 26px;\r\n                line-height: 26px;\r\n            }\r\n            .ant-segmented.ant-segmented-lg .ant-segmented-item-label {\r\n                min-height: 34px;\r\n                line-height: 34px;\r\n            }\r\n            \r\n            .ant-space-addon {\r\n                white-space: nowrap;\r\n            }\r\n        `,\r\n    }\r\n});\r\n\r\ninterface Props {\r\n    start: dayjs.Dayjs\r\n    end: dayjs.Dayjs\r\n    step: StepType\r\n    size?: SizeType\r\n    disabled?: boolean\r\n\r\n    onTimeWindowChanged?: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: StepType) => void\r\n}\r\n\r\ninterface State {\r\n    bt: dayjs.Dayjs\r\n    et: dayjs.Dayjs\r\n    step: StepType\r\n}\r\n\r\nexport class EdaTimeWindowPickerPanel extends React.Component<Props, State> {\r\n    private mask = LocaleHolder.getDateTimeFormat(true, false, false);\r\n\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n        const {bt, et} = getRange(props.start, props.end, props.step);\r\n\r\n        this.state = {\r\n            bt: bt,\r\n            et: et,\r\n            step: props.step,\r\n        }\r\n\r\n        this.toStart = this.toStart.bind(this);\r\n        this.toEnd = this.toEnd.bind(this);\r\n        this.previous = this.previous.bind(this);\r\n        this.next = this.next.bind(this);\r\n        this.onStepUpdated = this.onStepUpdated.bind(this);\r\n        this.timeWindowChanged = this.timeWindowChanged.bind(this);\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<Props>) {\r\n        if (!prevProps.start.isSame(this.props.start) || !prevProps.end.isSame(this.props.end)) {\r\n            const {bt, et} = getRange(this.props.start, this.props.end, this.state.step);\r\n            this.setState({bt, et}, this.timeWindowChanged);\r\n        }\r\n\r\n        if (prevProps.step !== this.props.step) {\r\n            const {bt, et} = getRange(this.props.start, this.props.end, this.props.step);\r\n            this.setState({bt, et, step: this.props.step}, this.timeWindowChanged);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const {size, start, end, disabled} = this.props;\r\n        const {bt, et, step} = this.state;\r\n\r\n        return (\r\n            <WithCss useStyles={useStyles}>\r\n                {(css) =>\r\n                    <Space size={size} className={css.styles.baseLayout}>\r\n                        <Space.Compact size={size}>\r\n                            <Button icon={<VerticalRightOutlined/>} disabled={bt.isSameOrBefore(start) || disabled} onClick={this.toStart}/>\r\n                            <Button icon={<LeftOutlined/>} disabled={bt.isSameOrBefore(start) || disabled} onClick={this.previous}/>\r\n                            <Space.Addon>{bt.format(this.mask)}</Space.Addon>\r\n                            <Space.Addon>⟷</Space.Addon>\r\n                            <Space.Addon>{et.format(this.mask)}</Space.Addon>\r\n                            <Button icon={<RightOutlined/>} disabled={et.isSameOrAfter(end) || disabled} onClick={this.next}/>\r\n                            <Button icon={<VerticalLeftOutlined/>} disabled={et.isSameOrAfter(end) || disabled} onClick={this.toEnd}/>\r\n                        </Space.Compact>\r\n\r\n                        <EnumValuePicker\r\n                            values={StepType}\r\n                            value={step}\r\n                            style={{width: '150px'}}\r\n                            translateValue\r\n                            size={size}\r\n                            popupMatchSelectWidth\r\n                            onChange={(value) => {\r\n                                if (value !== undefined) {\r\n                                    this.onStepUpdated(value as StepType);\r\n                                }\r\n                            }}\r\n                        />\r\n                    </Space>\r\n                }\r\n            </WithCss>\r\n        )\r\n    }\r\n\r\n    private toStart() {\r\n        const {start} = this.props;\r\n        const {step} = this.state;\r\n        const unit = stepToDayJsType(step);\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        this.setState({bt: start, et: start.endOf(unit)}, this.timeWindowChanged);\r\n    }\r\n\r\n    private toEnd() {\r\n        const {end} = this.props;\r\n        const {step} = this.state;\r\n        const unit = stepToDayJsType(step);\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        this.setState({bt: end.startOf(unit), et: end}, this.timeWindowChanged);\r\n    }\r\n\r\n    private previous() {\r\n        const {start} = this.props;\r\n        const {step} = this.state;\r\n        const unit = stepToDayJsType(step);\r\n        let bt = this.state.bt;\r\n        let et;\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        bt = bt.subtract(1, 'minute').startOf(unit);\r\n        et = bt.endOf(unit);\r\n\r\n        if (bt.isBefore(start)) {\r\n            bt = start;\r\n        }\r\n\r\n        this.setState({bt, et}, this.timeWindowChanged);\r\n    }\r\n\r\n    private next() {\r\n        const {end} = this.props;\r\n        const {step} = this.state;\r\n        const unit = stepToDayJsType(step);\r\n        let bt;\r\n        let et = this.state.et;\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        et = et.add(1, 'minute').endOf(unit);\r\n        bt = et.startOf(unit);\r\n\r\n        if (et.isAfter(end)) {\r\n            et = end;\r\n        }\r\n\r\n        this.setState({bt, et}, this.timeWindowChanged);\r\n    }\r\n\r\n    private onStepUpdated(step: StepType) {\r\n        const {start, end} = this.props;\r\n        const unit = stepToDayJsType(step);\r\n        let bt;\r\n        let et;\r\n\r\n        if (unit) {\r\n            bt = this.state.bt.startOf(unit);\r\n            et = bt.endOf(unit);\r\n\r\n            if (bt.isBefore(start)) {\r\n                bt = start;\r\n            }\r\n            if (et.isAfter(end)) {\r\n                et = end;\r\n            }\r\n        } else {\r\n            bt = start;\r\n            et = end;\r\n        }\r\n\r\n        this.setState({step, bt, et}, this.timeWindowChanged);\r\n    }\r\n\r\n    private timeWindowChanged() {\r\n        const {bt, et, step} = this.state;\r\n        this.props.onTimeWindowChanged?.(bt, et, step);\r\n    }\r\n}\r\n\r\nfunction stepToDayJsType(step: StepType): OpUnitType | null {\r\n    switch (step) {\r\n        case StepType.Hourly:\r\n            return 'hour';\r\n        case StepType.Daily:\r\n            return 'day';\r\n        case StepType.Weekly:\r\n            return 'week';\r\n        case StepType.Monthly:\r\n            return 'month';\r\n        case StepType.Yearly:\r\n            return 'year';\r\n        case StepType.WholeInterval:\r\n            return null;\r\n    }\r\n}\r\n\r\nexport function getRange(start: dayjs.Dayjs, end: dayjs.Dayjs, step: StepType) {\r\n    const unit = stepToDayJsType(step);\r\n\r\n    if (!unit) {\r\n        return {\r\n            bt: start,\r\n            et: end,\r\n        };\r\n    }\r\n\r\n    let bt: dayjs.Dayjs = start.startOf(unit);\r\n    let et: dayjs.Dayjs = start.endOf(unit);\r\n\r\n    if (bt.isBefore(start)) {\r\n        bt = start;\r\n    }\r\n    if (et.isAfter(end)) {\r\n        et = end;\r\n    }\r\n\r\n    return {\r\n        bt: bt,\r\n        et: et,\r\n    }\r\n}\r\n"]}

package/coreui/components/edaManagerComponent/components/edaTreeView.d.ts

@@ -0,0 +1,61 @@
+import React, { Key } from "react";
+import { TreeDataNode } from "antd";
+import EdaManagerApi from "../../../../api/eda/edaManagerApi";
+import { TypedIndex } from "../constants/edaTypes";
+import { SD_EM_Tree_Item } from "../../../../api/eda/generated/structures";
+export declare enum TreeViewType {
+    GROUP = "group",
+    SCENARIO = "scenario"
+}
+interface PageData {
+    total: number;
+    offset: number;
+    done: boolean;
+}
+interface DataNode extends TreeDataNode {
+    group?: SD_EM_Tree_Item;
+    vector?: SD_EM_Tree_Item;
+    scenario?: SD_EM_Tree_Item;
+    vectorOffset?: PageData;
+    groupOffset?: PageData;
+    scenarioOffset?: PageData;
+}
+interface Props {
+    api: EdaManagerApi;
+    type: TreeViewType;
+    onItemSelected?: () => void;
+    onItemDoubleClick?: (item: TypedIndex) => void;
+}
+interface State {
+    treeData: DataNode[];
+    expandedKeys: Key[];
+    selectedKeys: Key[];
+    height: number;
+    loading?: string;
+}
+export declare class EdaTreeView extends React.Component<Props, State> {
+    private readonly childParentMap;
+    private readonly nodeMap;
+    private readonly divRef;
+    private resizeObserver;
+    constructor(props: Readonly<Props>);
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: Props): Promise<void>;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    private titleRenderer;
+    private renderTitle;
+    private onExpand;
+    private loadData;
+    private loadGroups;
+    private loadScenarios;
+    private loadVectors;
+    private onLoadData;
+    private onDoubleClick;
+    private updateTree;
+    private convertGroups;
+    private convertScenarios;
+    private convertVectors;
+    private getVectorIcon;
+}
+export {};