d2aura 26.0.13 → 26.0.15

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

@@ -1,11 +1,11 @@
-import React from "react";
-import WithCss from "d2coreui/components/style/withCss";
+import React, { useCallback, useMemo } from "react";
 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";
+import { stepToDayJsType } from "../utils/utils";
 const useStyles = createStyles(({ css, token }) => {
     return {
         baseLayout: css `
@@ -41,117 +41,86 @@ const useStyles = createStyles(({ css, token }) => {
         `,
     };
 });
-export class EdaTimeWindowPickerPanel extends React.Component {
-    constructor(props) {
-        super(props);
-        this.mask = LocaleHolder.getDateTimeFormat(true, false, false);
-        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);
-    }
-    render() {
-        const { size, start, end, bt, et, step, disabled } = this.props;
-        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, step } = this.props;
+export const EdaTimeWindowPickerPanel = ({ start, end, bt, et, step, disabled, onTimeWindowChanged }) => {
+    const { styles } = useStyles();
+    const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);
+    const toStart = useCallback(() => {
         const unit = stepToDayJsType(step);
         if (!unit) {
             return;
         }
-        this.props.onTimeWindowChanged?.(start, start.endOf(unit), step);
-    }
-    toEnd() {
-        const { end, step } = this.props;
+        onTimeWindowChanged?.(start, start.endOf(unit), step);
+    }, [start, step, onTimeWindowChanged]);
+    const toEnd = useCallback(() => {
         const unit = stepToDayJsType(step);
         if (!unit) {
             return;
         }
-        this.props.onTimeWindowChanged?.(end.startOf(unit), end, step);
-    }
-    previous() {
-        const { start, step } = this.props;
+        onTimeWindowChanged?.(end.startOf(unit), end, step);
+    }, [end, step, onTimeWindowChanged]);
+    const previous = useCallback(() => {
         const unit = stepToDayJsType(step);
-        let bt = this.props.bt;
-        let et;
+        let btWindow = bt;
+        let etWindow;
         if (!unit) {
             return;
         }
-        bt = bt.subtract(1, 'minute').startOf(unit);
-        et = bt.endOf(unit);
-        if (bt.isBefore(start)) {
-            bt = start;
+        btWindow = btWindow.subtract(1, 'minute').startOf(unit);
+        etWindow = btWindow.endOf(unit);
+        if (btWindow.isBefore(start)) {
+            btWindow = start;
         }
-        this.props.onTimeWindowChanged?.(bt, et, step);
-    }
-    next() {
-        const { end, step } = this.props;
+        onTimeWindowChanged?.(btWindow, etWindow, step);
+    }, [start, step, bt, onTimeWindowChanged]);
+    const next = useCallback(() => {
         const unit = stepToDayJsType(step);
-        let bt;
-        let et = this.props.et;
+        let btWindow;
+        let etWindow = et;
         if (!unit) {
             return;
         }
-        et = et.add(1, 'minute').endOf(unit);
-        bt = et.startOf(unit);
-        if (et.isAfter(end)) {
-            et = end;
+        etWindow = etWindow.add(1, 'minute').endOf(unit);
+        btWindow = etWindow.startOf(unit);
+        if (etWindow.isAfter(end)) {
+            etWindow = end;
         }
-        this.props.onTimeWindowChanged?.(bt, et, step);
-    }
-    onStepUpdated(step) {
-        const { start, end } = this.props;
+        onTimeWindowChanged?.(btWindow, etWindow, step);
+    }, [end, step, et, onTimeWindowChanged]);
+    const onStepUpdated = useCallback((step) => {
         const unit = stepToDayJsType(step);
-        let bt;
-        let et;
+        let btWindow;
+        let etWindow;
         if (unit) {
-            bt = this.props.bt.startOf(unit);
-            et = bt.endOf(unit);
-            if (bt.isBefore(start)) {
-                bt = start;
+            btWindow = bt.startOf(unit);
+            etWindow = btWindow.endOf(unit);
+            if (btWindow.isBefore(start)) {
+                btWindow = start;
             }
-            if (et.isAfter(end)) {
-                et = end;
+            if (etWindow.isAfter(end)) {
+                etWindow = end;
             }
         }
         else {
-            bt = start;
-            et = end;
+            btWindow = start;
+            etWindow = end;
         }
-        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;
-    }
-}
+        onTimeWindowChanged?.(btWindow, etWindow, step);
+    }, [start, end, bt, onTimeWindowChanged]);
+    return (React.createElement(Space, { className: styles.baseLayout },
+        React.createElement(Space.Compact, null,
+            React.createElement(Button, { icon: React.createElement(VerticalRightOutlined, null), disabled: bt.isSameOrBefore(start) || disabled, onClick: toStart }),
+            React.createElement(Button, { icon: React.createElement(LeftOutlined, null), disabled: bt.isSameOrBefore(start) || disabled, onClick: previous }),
+            React.createElement(Space.Addon, null, bt.format(mask)),
+            React.createElement(Space.Addon, null, "\u27F7"),
+            React.createElement(Space.Addon, null, et.format(mask)),
+            React.createElement(Button, { icon: React.createElement(RightOutlined, null), disabled: et.isSameOrAfter(end) || disabled, onClick: next }),
+            React.createElement(Button, { icon: React.createElement(VerticalLeftOutlined, null), disabled: et.isSameOrAfter(end) || disabled, onClick: toEnd })),
+        React.createElement(EnumValuePicker, { values: StepType, value: step, style: { width: '150px' }, translateValue: true, popupMatchSelectWidth: true, onChange: (value) => {
+                if (value !== undefined) {
+                    onStepUpdated(value);
+                }
+            } })));
+};
 export function getRange(start, end, step) {
     const unit = stepToDayJsType(step);
     if (!unit) {

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

@@ -1 +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    bt: dayjs.Dayjs\r\n    et: 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\nexport class EdaTimeWindowPickerPanel extends React.Component<Props> {\r\n    private mask = LocaleHolder.getDateTimeFormat(true, false, false);\r\n\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\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    }\r\n\r\n    render() {\r\n        const {size, start, end, bt, et, step, disabled} = this.props;\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, step} = this.props;\r\n        const unit = stepToDayJsType(step);\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        this.props.onTimeWindowChanged?.(start, start.endOf(unit), step);\r\n    }\r\n\r\n    private toEnd() {\r\n        const {end, step} = this.props;\r\n        const unit = stepToDayJsType(step);\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        this.props.onTimeWindowChanged?.(end.startOf(unit), end, step);\r\n    }\r\n\r\n    private previous() {\r\n        const {start, step} = this.props;\r\n        const unit = stepToDayJsType(step);\r\n        let bt = this.props.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.props.onTimeWindowChanged?.(bt, et, step);\r\n    }\r\n\r\n    private next() {\r\n        const {end, step} = this.props;\r\n        const unit = stepToDayJsType(step);\r\n        let bt;\r\n        let et = this.props.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.props.onTimeWindowChanged?.(bt, et, step);\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.props.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.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"]}
+{"version":3,"file":"edaTimeWindowPickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTimeWindowPickerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACnC,OAAO,EAAC,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAE3G,OAAO,eAAe,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE/C,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAE,EAAE;IAC5C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;oCAEa,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4B5C;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,wBAAwB,GAAc,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAC,EAAE,EAAE;IAC7G,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEvC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3B,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,mBAAmB,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,QAAQ,CAAC;QAEb,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxD,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEhC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,QAAQ,GAAG,KAAK,CAAC;QACrB,CAAC;QAED,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE3C,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,QAAQ,CAAC;QACb,IAAI,QAAQ,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACjD,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAElC,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,QAAQ,GAAG,GAAG,CAAC;QACnB,CAAC;QAED,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEzC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,IAAc,EAAE,EAAE;QACjD,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,QAAQ,CAAC;QACb,IAAI,QAAQ,CAAC;QAEb,IAAI,IAAI,EAAE,CAAC;YACP,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC5B,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEhC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC3B,QAAQ,GAAG,KAAK,CAAC;YACrB,CAAC;YACD,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;gBACxB,QAAQ,GAAG,GAAG,CAAC;YACnB,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,KAAK,CAAC;YACjB,QAAQ,GAAG,GAAG,CAAC;QACnB,CAAC;QAED,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE1C,OAAO,CACH,oBAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;QAC/B,oBAAC,KAAK,CAAC,OAAO;YACV,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,qBAAqB,OAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG;YAC3G,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,YAAY,OAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG;YACnG,oBAAC,KAAK,CAAC,KAAK,QAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAe;YAC5C,oBAAC,KAAK,CAAC,KAAK,iBAAgB;YAC5B,oBAAC,KAAK,CAAC,KAAK,QAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAe;YAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,aAAa,OAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,QAAQ,EAAE,OAAO,EAAE,IAAI,GAAG;YAC7F,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,oBAAoB,OAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,GAAG,CACzF;QAEhB,oBAAC,eAAe,IACZ,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,EACvB,cAAc,QACd,qBAAqB,QACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACtB,aAAa,CAAC,KAAiB,CAAC,CAAC;gBACrC,CAAC;YACL,CAAC,GACH,CACE,CACX,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAkB,EAAE,GAAgB,EAAE,IAAc;IACzE,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAEnC,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO;YACH,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,GAAG;SACV,CAAC;IACN,CAAC;IAED,IAAI,EAAE,GAAgB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,EAAE,GAAgB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAExC,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,EAAE,GAAG,KAAK,CAAC;IACf,CAAC;IACD,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QAClB,EAAE,GAAG,GAAG,CAAC;IACb,CAAC;IAED,OAAO;QACH,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACT,CAAA;AACL,CAAC","sourcesContent":["import React, {FC, useCallback, useMemo} from \"react\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {Button, Space} from \"antd\";\r\nimport {LeftOutlined, RightOutlined, VerticalLeftOutlined, VerticalRightOutlined} from \"@ant-design/icons\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport {StepType} from \"../constants/edaTypes\";\r\nimport {stepToDayJsType} from \"../utils/utils\";\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    bt: dayjs.Dayjs\r\n    et: dayjs.Dayjs\r\n    step: StepType\r\n    disabled?: boolean\r\n\r\n    onTimeWindowChanged?: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: StepType) => void\r\n}\r\n\r\nexport const EdaTimeWindowPickerPanel: FC<Props> = ({start, end, bt, et, step, disabled, onTimeWindowChanged}) => {\r\n    const {styles} = useStyles();\r\n\r\n    const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);\r\n\r\n    const toStart = useCallback(() => {\r\n        const unit = stepToDayJsType(step);\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        onTimeWindowChanged?.(start, start.endOf(unit), step);\r\n    }, [start, step, onTimeWindowChanged]);\r\n\r\n    const toEnd = useCallback(() => {\r\n        const unit = stepToDayJsType(step);\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        onTimeWindowChanged?.(end.startOf(unit), end, step);\r\n    }, [end, step, onTimeWindowChanged]);\r\n\r\n    const previous = useCallback(() => {\r\n        const unit = stepToDayJsType(step);\r\n        let btWindow = bt;\r\n        let etWindow;\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        btWindow = btWindow.subtract(1, 'minute').startOf(unit);\r\n        etWindow = btWindow.endOf(unit);\r\n\r\n        if (btWindow.isBefore(start)) {\r\n            btWindow = start;\r\n        }\r\n\r\n        onTimeWindowChanged?.(btWindow, etWindow, step);\r\n    }, [start, step, bt, onTimeWindowChanged]);\r\n\r\n    const next = useCallback(() => {\r\n        const unit = stepToDayJsType(step);\r\n        let btWindow;\r\n        let etWindow = et;\r\n\r\n        if (!unit) {\r\n            return;\r\n        }\r\n\r\n        etWindow = etWindow.add(1, 'minute').endOf(unit);\r\n        btWindow = etWindow.startOf(unit);\r\n\r\n        if (etWindow.isAfter(end)) {\r\n            etWindow = end;\r\n        }\r\n\r\n        onTimeWindowChanged?.(btWindow, etWindow, step);\r\n    }, [end, step, et, onTimeWindowChanged]);\r\n\r\n    const onStepUpdated = useCallback((step: StepType) => {\r\n        const unit = stepToDayJsType(step);\r\n        let btWindow;\r\n        let etWindow;\r\n\r\n        if (unit) {\r\n            btWindow = bt.startOf(unit);\r\n            etWindow = btWindow.endOf(unit);\r\n\r\n            if (btWindow.isBefore(start)) {\r\n                btWindow = start;\r\n            }\r\n            if (etWindow.isAfter(end)) {\r\n                etWindow = end;\r\n            }\r\n        } else {\r\n            btWindow = start;\r\n            etWindow = end;\r\n        }\r\n\r\n        onTimeWindowChanged?.(btWindow, etWindow, step);\r\n    }, [start, end, bt, onTimeWindowChanged]);\r\n\r\n    return (\r\n        <Space className={styles.baseLayout}>\r\n            <Space.Compact>\r\n                <Button icon={<VerticalRightOutlined/>} disabled={bt.isSameOrBefore(start) || disabled} onClick={toStart}/>\r\n                <Button icon={<LeftOutlined/>} disabled={bt.isSameOrBefore(start) || disabled} onClick={previous}/>\r\n                <Space.Addon>{bt.format(mask)}</Space.Addon>\r\n                <Space.Addon>⟷</Space.Addon>\r\n                <Space.Addon>{et.format(mask)}</Space.Addon>\r\n                <Button icon={<RightOutlined/>} disabled={et.isSameOrAfter(end) || disabled} onClick={next}/>\r\n                <Button icon={<VerticalLeftOutlined/>} disabled={et.isSameOrAfter(end) || disabled} onClick={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                popupMatchSelectWidth\r\n                onChange={(value) => {\r\n                    if (value !== undefined) {\r\n                        onStepUpdated(value as StepType);\r\n                    }\r\n                }}\r\n            />\r\n        </Space>\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

@@ -1,61 +1,19 @@
-import React, { Key } from "react";
-import { TreeDataNode } from "antd";
-import EdaManagerApi from "../../../../api/eda/edaManagerApi";
+import { FC } from "react";
+import EdaManagerApi, { TreeItem } 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?: (id: TypedIndex, item: SD_EM_Tree_Item) => 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;
+    disableVectorSelection?: boolean;
+    disableBranchSelection?: boolean;
+    showOmitted?: boolean;
+    hideVectors?: boolean;
+    hideContextMenu?: boolean;
+    onItemDoubleClick?: (id: TypedIndex, item: TreeItem) => void;
 }
+export declare const EdaTreeView: FC<Props>;
 export {};