npm - d2aura - Versions diffs - 26.0.8 → 26.0.10 - Mend

d2aura 26.0.8 → 26.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.js ADDED Viewed

@@ -0,0 +1,94 @@
+import React from "react";
+import { EdaSamplingType } from "../constants/edaTypes";
+import WithCss from "d2coreui/components/style/withCss";
+import { Button, Checkbox, Popover, Space } from "antd";
+import DateRangeInputConfirm from "d2coreui/components/date/dateRangeInputConfirm";
+import { DateRangeInputMode } from "d2coreui/components/date/dateRangeInput";
+import EnumValuePicker from "d2coreui/components/picker/enumValuePicker";
+import i18n from "d2core/i18n/i18n";
+import { AutoReloadIcon } from "../../../icons/icons";
+import { ReloadOutlined } from "@ant-design/icons";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import { createStyles } from "antd-style";
+import DataGridPagination from "d2coreui/components/grid/panel/dataGridPagination";
+const useStyles = createStyles(({ css }) => {
+    return {
+        baseLayout: css `
+            width: 100%;
+            display: flex;
+            > *:first-child {
+                min-width: 320px;
+                flex: 0 0 auto;
+            }
+            > *:last-child(-1) {
+                flex: 1 1 auto;
+            }
+            .paging {
+                display: flex;
+                white-space: nowrap;
+            }
+            .paging.small li {
+                line-height: 24px !important;
+            }
+            .paging.large li {
+                line-height: 40px !important;
+            }
+        `,
+    };
+});
+export class EdaSampleRangePickerPanel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.mask = LocaleHolder.getDateTimeFormat(true, false, false);
+        this.state = {
+            bt: props.bt,
+            et: props.et,
+            sampling: props.sampling,
+            autoRefresh: false
+        };
+    }
+    componentDidUpdate(prevProps) {
+        const { bt, et, sampling } = this.props;
+        if (!bt.isSame(prevProps.bt) || !et.isSame(prevProps.et) || sampling !== prevProps.sampling) {
+            this.setState({ bt: bt, et: et, sampling: sampling });
+        }
+    }
+    render() {
+        const { bt, et, sampling, autoRefresh } = this.state;
+        const { loading, onChange, size, totalCount, pageSize, page } = this.props;
+        const filterChanged = bt !== this.props.bt || et !== this.props.et || sampling !== this.props.sampling;
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Space.Compact, { size: size, className: css.styles.baseLayout },
+            React.createElement(DateRangeInputConfirm, { mask: this.mask, className: "ant-input-compact-item ant-input-compact-first-item", fromValue: bt, toValue: et, defaultMode: DateRangeInputMode.ADVANCED, onChange: (fromValue, toValue) => {
+                    if (fromValue !== null && toValue !== null) {
+                        this.updateValues({ bt: fromValue, et: toValue });
+                    }
+                } }),
+            React.createElement(EnumValuePicker, { style: { minWidth: "220px" }, values: EdaSamplingType, translateValue: true, translationPrefix: "EdaSamplingType_", value: sampling, popupMatchSelectWidth: true, onChange: (value) => this.updateValues({ sampling: value }) }),
+            React.createElement(Popover, { content: React.createElement(Checkbox, { checked: autoRefresh, onChange: e => this.updateValues({ autoRefresh: e.target.checked }) }, i18n("Auto Refresh")), placement: "topLeft", trigger: ["contextMenu", "hover"] },
+                React.createElement(Button, { color: filterChanged ? "danger" : "primary", variant: "solid", loading: loading, icon: React.createElement("span", null,
+                        autoRefresh && React.createElement(AutoReloadIcon, null),
+                        !autoRefresh && React.createElement(ReloadOutlined, null)), onClick: () => onChange(bt, et, sampling, page) })),
+            pageSize < totalCount &&
+                React.createElement(React.Fragment, null,
+                    React.createElement("div", { style: { flex: "1 1 auto" } }),
+                    React.createElement("div", { className: "paging" + " " + (size ?? "") },
+                        React.createElement(DataGridPagination, { current: page, pageSize: pageSize, total: totalCount, onGoToPage: (page) => {
+                                const { bt, et, sampling } = this.state;
+                                this.props.onChange(bt, et, sampling, page);
+                            } }))))));
+    }
+    updateValues(values) {
+        this.setState(values, () => {
+            if (this.state.autoRefresh) {
+                const { bt, et, sampling } = this.state;
+                this.props.onChange(bt, et, sampling, this.props.page);
+            }
+        });
+    }
+}
+//# sourceMappingURL=edaSampleRangePickerPanel.js.map

package/coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edaSampleRangePickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {EdaSamplingType} from \"../constants/edaTypes\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {Button, Checkbox, Popover, Space} from \"antd\";\r\nimport DateRangeInputConfirm from \"d2coreui/components/date/dateRangeInputConfirm\";\r\nimport {DateRangeInputMode} from \"d2coreui/components/date/dateRangeInput\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {AutoReloadIcon} from \"../../../icons/icons\";\r\nimport {ReloadOutlined} from \"@ant-design/icons\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport DataGridPagination from \"d2coreui/components/grid/panel/dataGridPagination\";\r\n\r\nconst useStyles = createStyles(({css},) => {\r\n return {\r\n baseLayout: css`\r\n width: 100%;\r\n display: flex;\r\n \r\n > *:first-child {\r\n min-width: 320px;\r\n flex: 0 0 auto;\r\n }\r\n \r\n > *:last-child(-1) {\r\n flex: 1 1 auto;\r\n }\r\n \r\n .paging {\r\n display: flex;\r\n white-space: nowrap;\r\n }\r\n \r\n .paging.small li {\r\n line-height: 24px !important;\r\n }\r\n \r\n .paging.large li {\r\n line-height: 40px !important;\r\n }\r\n `,\r\n }\r\n});\r\n\r\ninterface Props {\r\n bt: dayjs.Dayjs\r\n et: dayjs.Dayjs\r\n sampling: EdaSamplingType\r\n totalCount: number\r\n pageSize: number\r\n loading: boolean\r\n page: number\r\n\r\n size?: SizeType\r\n\r\n onChange: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType, page: number) => void\r\n}\r\n\r\ninterface State {\r\n bt: dayjs.Dayjs\r\n et: dayjs.Dayjs\r\n sampling: EdaSamplingType\r\n autoRefresh: boolean\r\n}\r\n\r\nexport class EdaSampleRangePickerPanel 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 this.state = {\r\n bt: props.bt,\r\n et: props.et,\r\n sampling: props.sampling,\r\n autoRefresh: false\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps: Readonly<Props>) {\r\n const {bt, et, sampling} = this.props;\r\n\r\n if (!bt.isSame(prevProps.bt) || !et.isSame(prevProps.et) || sampling !== prevProps.sampling) {\r\n this.setState({bt: bt, et: et, sampling: sampling});\r\n }\r\n }\r\n\r\n render() {\r\n const {bt, et, sampling, autoRefresh} = this.state;\r\n const {loading, onChange, size, totalCount, pageSize, page} = this.props;\r\n const filterChanged = bt !== this.props.bt || et !== this.props.et || sampling !== this.props.sampling;\r\n\r\n return (\r\n <WithCss useStyles={useStyles}>\r\n {(css) =>\r\n <Space.Compact size={size} className={css.styles.baseLayout}>\r\n <DateRangeInputConfirm\r\n mask={this.mask}\r\n className=\"ant-input-compact-item ant-input-compact-first-item\"\r\n fromValue={bt}\r\n toValue={et}\r\n defaultMode={DateRangeInputMode.ADVANCED}\r\n onChange={(fromValue, toValue) => {\r\n if (fromValue !== null && toValue !== null) {\r\n this.updateValues({bt: fromValue, et: toValue});\r\n }\r\n }}\r\n />\r\n <EnumValuePicker\r\n style={{minWidth: \"220px\"}}\r\n values={EdaSamplingType}\r\n translateValue\r\n translationPrefix={\"EdaSamplingType_\"}\r\n value={sampling}\r\n popupMatchSelectWidth\r\n onChange={(value) => this.updateValues({sampling: value as EdaSamplingType})}\r\n />\r\n <Popover\r\n content={\r\n <Checkbox\r\n checked={autoRefresh}\r\n onChange={e => this.updateValues({autoRefresh: e.target.checked})}\r\n >\r\n {i18n(\"Auto Refresh\")}\r\n </Checkbox>\r\n }\r\n placement={\"topLeft\"}\r\n trigger={[\"contextMenu\", \"hover\"]}\r\n >\r\n <Button\r\n color={filterChanged ? \"danger\" : \"primary\"}\r\n variant={\"solid\"}\r\n loading={loading}\r\n icon={\r\n <span>\r\n {autoRefresh && <AutoReloadIcon/>}\r\n {!autoRefresh && <ReloadOutlined/>}\r\n </span>\r\n }\r\n onClick={() => onChange(bt, et, sampling, page)}\r\n />\r\n </Popover>\r\n {pageSize < totalCount &&\r\n <>\r\n <div style={{flex: \"1 1 auto\"}}></div>\r\n <div className={\"paging\" + \" \" + (size ?? \"\")}>\r\n <DataGridPagination\r\n current={page}\r\n pageSize={pageSize}\r\n total={totalCount}\r\n onGoToPage={(page) => {\r\n const {bt, et, sampling} = this.state;\r\n this.props.onChange(bt, et, sampling, page);\r\n }}\r\n />\r\n </div>\r\n </>\r\n }\r\n </Space.Compact>\r\n }\r\n </WithCss>\r\n )\r\n }\r\n\r\n private updateValues(values: Partial<State>) {\r\n this.setState(values as any, () => {\r\n if (this.state.autoRefresh) {\r\n const {bt, et, sampling} = this.state;\r\n this.props.onChange(bt, et, sampling, this.props.page);\r\n }\r\n });\r\n }\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaScenarioDetailPanel.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import React from "react";
+import { ScenarioData } from "../constants/edaTypes";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+import { Variant } from "antd/es/config-provider";
+interface Props {
+    data: ScenarioData;
+    size?: SizeType;
+    variant?: Variant;
+}
+interface State {
+}
+export declare class EdaScenarioDetailPanel extends React.Component<Props, State> {
+    private readonly formRef;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<Props>): void;
+    render(): React.JSX.Element;
+}
+export {};

package/coreui/components/edaManagerComponent/components/edaScenarioDetailPanel.js ADDED Viewed

@@ -0,0 +1,86 @@
+import React from "react";
+import { EdaAccessType } from "../constants/edaTypes";
+import WithCss from "d2coreui/components/style/withCss";
+import { createStyles } from "antd-style";
+import i18n from "d2core/i18n/i18n";
+import { Checkbox, Col, Form, Input, Row } from "antd";
+import EnumValuePicker from "d2coreui/components/picker/enumValuePicker";
+const useStyles = createStyles(({ css }) => {
+    return {
+        baseLayout: css `
+            .eda-detail-no-data {
+            }
+        `
+    };
+});
+export class EdaScenarioDetailPanel extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.formRef = React.createRef();
+    }
+    componentDidMount() {
+        this.formRef.current?.setFieldsValue(this.props.data);
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.data !== this.props.data) {
+            this.formRef.current?.resetFields();
+            this.formRef.current?.setFieldsValue(this.props.data);
+        }
+    }
+    render() {
+        const { data, size, variant } = this.props;
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Form, { ref: this.formRef, layout: "horizontal", style: { overflowX: "hidden" }, className: "record-config-form", size: size, variant: variant, labelCol: { sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 } },
+            React.createElement(Row, { gutter: css.theme.padding, align: "bottom" },
+                React.createElement(Col, { flex: "1 1 auto" },
+                    React.createElement("span", null,
+                        "ID: ",
+                        data.data.ID_SCENAR)),
+                React.createElement(Col, null,
+                    React.createElement(Form.Item, { name: ["data", "ANO_PAIR"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
+                        React.createElement(Checkbox, { disabled: true }, i18n("Pair")))),
+                React.createElement(Col, null,
+                    React.createElement(Form.Item, { name: ["data", "ANO_GRAFXY"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
+                        React.createElement(Checkbox, { disabled: true }, i18n("GraphXY")))),
+                React.createElement(Col, null,
+                    React.createElement(Form.Item, { name: ["data", "ANO_MATICA"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
+                        React.createElement(Checkbox, { disabled: true }, i18n("Matrix")))),
+                React.createElement(Col, null,
+                    React.createElement(Form.Item, { required: true, name: ["data", "ANO_PLATNY"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
+                        React.createElement(Checkbox, { disabled: true }, i18n("Record Validity Indication"))))),
+            React.createElement(Row, { gutter: css.theme.padding, align: "bottom" },
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { required: true, name: ["data", "MENO"], label: i18n("Code") },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { required: true, name: ["data", "ZOBRAZ_MENO"], label: i18n("Name[Title]") },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { flex: "1 1 auto" },
+                    React.createElement(Form.Item, { required: true, label: i18n("Access Type"), name: ["data", "PRIVATE"] },
+                        React.createElement(EnumValuePicker, { open: false, values: EdaAccessType, translateValue: true, translationPrefix: "EdaAccessType_" }))),
+                React.createElement(Col, { flex: "0 0 auto" },
+                    React.createElement(Form.Item, { label: i18n("Owner"), name: ["data", "AUTOR"] },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { flex: "1 1 auto" },
+                    React.createElement(Form.Item, { name: ["data", "ANO_ZMENA"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
+                        React.createElement(Checkbox, { checked: true, disabled: true }, i18n("Scenario Access Definition")))),
+                React.createElement(Col, { flex: "0 0 auto" },
+                    React.createElement(Form.Item, { required: true, name: ["data", "ANO_EDITACIA"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
+                        React.createElement(Checkbox, { disabled: true }, i18n("Scenario Access Items"))))),
+            React.createElement(Row, null,
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { name: ["data", "FILTER"], label: i18n("Filter") },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { name: ["data", "CESTA"], label: i18n("Path") },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Row, null,
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { name: ["data", "POPIS"], label: i18n("Note") },
+                        React.createElement(Input.TextArea, { rows: 4, readOnly: true })))))));
+    }
+}
+//# sourceMappingURL=edaScenarioDetailPanel.js.map

package/coreui/components/edaManagerComponent/components/edaScenarioDetailPanel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edaScenarioDetailPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaScenarioDetailPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {EdaAccessType, ScenarioData} from \"../constants/edaTypes\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {createStyles} from \"antd-style\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Checkbox, Col, Form, FormInstance, Input, Row} from \"antd\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {Variant} from \"antd/es/config-provider\";\r\n\r\nconst useStyles = createStyles(({css},) => {\r\n return {\r\n baseLayout: css`\r\n .eda-detail-no-data {\r\n }\r\n `\r\n }\r\n});\r\n\r\ninterface Props {\r\n data: ScenarioData\r\n\r\n size?: SizeType\r\n variant?: Variant\r\n}\r\n\r\ninterface State {\r\n\r\n}\r\n\r\nexport class EdaScenarioDetailPanel extends React.Component<Props, State> {\r\n private readonly formRef = React.createRef<FormInstance<ScenarioData>>();\r\n\r\n componentDidMount() {\r\n this.formRef.current?.setFieldsValue(this.props.data);\r\n }\r\n\r\n componentDidUpdate(prevProps: Readonly<Props>) {\r\n if (prevProps.data !== this.props.data) {\r\n this.formRef.current?.resetFields();\r\n this.formRef.current?.setFieldsValue(this.props.data);\r\n }\r\n }\r\n\r\n render() {\r\n const {data, size, variant} = this.props;\r\n\r\n return (\r\n <WithCss useStyles={useStyles}>\r\n {(css) =>\r\n <Form<ScenarioData>\r\n ref={this.formRef}\r\n layout={\"horizontal\"}\r\n style={{overflowX: \"hidden\"}}\r\n className={\"record-config-form\"}\r\n size={size}\r\n variant={variant}\r\n labelCol={{sm: 24, md: 24, lg: 24, xl: 24, xxl: 24}}\r\n >\r\n <Row gutter={css.theme.padding} align={\"bottom\"}>\r\n <Col flex={\"1 1 auto\"}>\r\n <span>ID: {data.data.ID_SCENAR}</span>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n name={[\"data\", \"ANO_PAIR\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox disabled>{i18n(\"Pair\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n name={[\"data\", \"ANO_GRAFXY\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox disabled>{i18n(\"GraphXY\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n name={[\"data\", \"ANO_MATICA\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox disabled>{i18n(\"Matrix\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"ANO_PLATNY\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox disabled>{i18n(\"Record Validity Indication\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding} align={\"bottom\"}>\r\n <Col span={24}>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"MENO\"]}\r\n label={i18n(\"Code\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"ZOBRAZ_MENO\"]}\r\n label={i18n(\"Name[Title]\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col flex={\"1 1 auto\"}>\r\n <Form.Item\r\n required\r\n label={i18n(\"Access Type\")}\r\n name={[\"data\", \"PRIVATE\"]}\r\n >\r\n <EnumValuePicker\r\n open={false}\r\n values={EdaAccessType}\r\n translateValue\r\n translationPrefix={\"EdaAccessType_\"}\r\n />\r\n </Form.Item>\r\n </Col>\r\n <Col flex={\"0 0 auto\"}>\r\n <Form.Item\r\n label={i18n(\"Owner\")}\r\n name={[\"data\", \"AUTOR\"]}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col flex={\"1 1 auto\"}>\r\n <Form.Item\r\n name={[\"data\", \"ANO_ZMENA\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox checked disabled>{i18n(\"Scenario Access Definition\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n <Col flex={\"0 0 auto\"}>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"ANO_EDITACIA\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox disabled>{i18n(\"Scenario Access Items\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"FILTER\"]} //TODO\r\n label={i18n(\"Filter\")}\r\n >\r\n <Input readOnly />\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"CESTA\"]}\r\n label={i18n(\"Path\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"POPIS\"]}\r\n label={i18n(\"Note\")}\r\n >\r\n <Input.TextArea rows={4} readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n </Form>\r\n }\r\n </WithCss>\r\n )\r\n }\r\n\r\n\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaTablePanel.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { BaseDataProps } from "./edaDataBasePanel";
+declare const _default: (props: Omit<BaseDataProps, "rangeContext">) => React.JSX.Element;
+export default _default;

package/coreui/components/edaManagerComponent/components/edaTablePanel.js ADDED Viewed

@@ -0,0 +1,73 @@
+import React from "react";
+import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
+import { Empty } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { EdaBaseDataPanel } from "./edaDataBasePanel";
+import { withSharedSampleRangeContext } from "../context/sharedSampleRangeWrapper";
+class EdaTablePanel extends EdaBaseDataPanel {
+    constructor(props) {
+        super(props);
+    }
+    getDefaultDataBaseState() {
+        return {
+            columnDefs: [],
+            data: []
+        };
+    }
+    onDataLoaded(data, vectors) {
+        const ids = Object.keys(data).map(Number);
+        const rowCount = ids.length > 0 ? data[ids[0]].length : 0;
+        const result = Array.from({ length: rowCount }, (_, index) => {
+            const row = { id: index };
+            for (let id of ids) {
+                const vectorValue = data[id][index];
+                if (vectorValue) {
+                    row[id] = vectorValue.Value;
+                    if (!row.time && vectorValue.Value.valueTime) {
+                        row.time = vectorValue.Value.valueTime;
+                    }
+                }
+            }
+            return row;
+        });
+        this.setState({ data: result, columnDefs: getColumnDefs(vectors) });
+    }
+    renderContent(theme) {
+        const { columnDefs, data } = this.state;
+        return (React.createElement("div", null,
+            React.createElement(ExtendedDataGrid, { columnDefs: columnDefs, onLoadData: callback => {
+                    callback(1);
+                }, defaultGridConfiguration: {
+                    pageSize: -1,
+                }, onGridReady: (params) => {
+                    this.gridApi = params.api;
+                }, rowData: data, tablePanelStyle: { marginTop: theme.paddingXXS }, panelStyle: { padding: `0 ${theme.paddingXXS}px` }, settingsMenu: {
+                    renderer: (menuElements) => menuElements.filter((e) => !["columnFilter", "columnsConfig"].includes(e.key))
+                }, toolbar: {
+                    hideRecordCount: true,
+                }, search: {
+                    hidden: true,
+                    searchButtonHidden: true,
+                }, noRecordsOverlayRenderer: () => React.createElement(Empty, { description: i18n("No records found."), styles: { image: { height: "8vh" } } }), rowSelection: "multiple", singleClickEdit: true, stopEditingWhenCellsLoseFocus: true, enterNavigatesVerticallyAfterEdit: true })));
+    }
+}
+export default withSharedSampleRangeContext(EdaTablePanel);
+function getColumnDefs(ids) {
+    return [
+        {
+            field: "time",
+            colId: "time",
+            type: ["dateTimeColumn"],
+            headerName: i18n("Vector Time"),
+            group: i18n("Basic Columns")
+        },
+        ...ids.map((v) => ({
+            field: `${v.ID}.value`,
+            colId: String(v.ID),
+            type: ["numberColumn"],
+            headerName: v.DisplayName,
+            group: i18n("Basic Columns"),
+        }))
+    ];
+}
+//# sourceMappingURL=edaTablePanel.js.map

package/coreui/components/edaManagerComponent/components/edaTablePanel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edaTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {Empty} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {GridApi, GridReadyEvent} from \"ag-grid-community\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {SD_EM_Tree_Item} from \"../../../../api/eda/generated/structures\";\r\nimport {AliasToken} from \"antd/es/theme/interface\";\r\nimport {BaseDataProps, BaseDataState, EdaBaseDataPanel} from \"./edaDataBasePanel\";\r\nimport {withSharedSampleRangeContext} from \"../context/sharedSampleRangeWrapper\";\r\nimport {VectorValue} from \"../../../../api/eda/edaManagerApi\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport {UnivalValue} from \"d2jsapi/dist/unival\";\r\n\r\ninterface GridRow {\r\n id: number\r\n time?: UnixTime\r\n\r\n [id: number]: UnivalValue\r\n}\r\n\r\ninterface State extends BaseDataState {\r\n columnDefs: DataGridColDef[]\r\n data: GridRow[]\r\n}\r\n\r\nclass EdaTablePanel extends EdaBaseDataPanel<BaseDataProps, State> {\r\n //@ts-ignore\r\n private gridApi?: GridApi;\r\n\r\n constructor(props: Readonly<BaseDataProps>) {\r\n super(props);\r\n }\r\n\r\n protected getDefaultDataBaseState(): Omit<State, keyof BaseDataState> {\r\n return {\r\n columnDefs: [],\r\n data: []\r\n };\r\n }\r\n\r\n protected onDataLoaded(data: {[id: number]: VectorValue[]}, vectors: SD_EM_Tree_Item[]) {\r\n const ids = Object.keys(data).map(Number);\r\n const rowCount = ids.length > 0 ? data[ids[0]].length : 0;\r\n const result = Array.from({length: rowCount}, (_, index): GridRow => {\r\n const row: GridRow = {id: index};\r\n\r\n for (let id of ids) {\r\n const vectorValue = data[id][index];\r\n\r\n if (vectorValue) {\r\n row[id] = vectorValue.Value;\r\n\r\n if (!row.time && vectorValue.Value.valueTime) {\r\n row.time = vectorValue.Value.valueTime;\r\n }\r\n }\r\n }\r\n\r\n return row;\r\n });\r\n\r\n this.setState({data: result, columnDefs: getColumnDefs(vectors)});\r\n }\r\n\r\n protected renderContent(theme: AliasToken): React.ReactElement {\r\n const {columnDefs, data} = this.state;\r\n\r\n return (\r\n <div>\r\n <ExtendedDataGrid\r\n columnDefs={columnDefs}\r\n onLoadData={callback => {\r\n callback(1)\r\n }}\r\n defaultGridConfiguration={{\r\n pageSize: -1,\r\n }}\r\n onGridReady={(params: GridReadyEvent) => {\r\n this.gridApi = params.api;\r\n }}\r\n rowData={data}\r\n tablePanelStyle={{marginTop: theme.paddingXXS}}\r\n panelStyle={{padding: `0 ${theme.paddingXXS}px`}}\r\n settingsMenu={{\r\n renderer: (menuElements) => menuElements.filter((e) => ![\"columnFilter\", \"columnsConfig\"].includes(e.key as string))\r\n }}\r\n toolbar={{\r\n hideRecordCount: true,\r\n }}\r\n search={{\r\n hidden: true,\r\n searchButtonHidden: true,\r\n }}\r\n noRecordsOverlayRenderer={() =>\r\n <Empty description={i18n(\"No records found.\")} styles={{image: {height: \"8vh\"}}}/>\r\n }\r\n rowSelection=\"multiple\"\r\n singleClickEdit\r\n stopEditingWhenCellsLoseFocus\r\n enterNavigatesVerticallyAfterEdit\r\n />\r\n </div>\r\n )\r\n }\r\n}\r\n\r\nexport default withSharedSampleRangeContext(EdaTablePanel);\r\n\r\nfunction getColumnDefs(ids: SD_EM_Tree_Item[]): DataGridColDef[] {\r\n return [\r\n {\r\n field: \"time\",\r\n colId: \"time\",\r\n type: [\"dateTimeColumn\"],\r\n headerName: i18n(\"Vector Time\"),\r\n group: i18n(\"Basic Columns\")\r\n },\r\n ...ids.map((v): DataGridColDef => ({\r\n field: `${v.ID}.value`,\r\n colId: String(v.ID),\r\n type: [\"numberColumn\"],\r\n headerName: v.DisplayName,\r\n group: i18n(\"Basic Columns\"),\r\n }))\r\n ]\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaTimeWindowPickerPanel.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import React from "react";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+import dayjs from "d2core/dayjs";
+import { StepType } from "../constants/edaTypes";
+interface Props {
+    start: dayjs.Dayjs;
+    end: dayjs.Dayjs;
+    step: StepType;
+    size?: SizeType;
+    disabled?: boolean;
+    onTimeWindowChanged?: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: StepType) => void;
+}
+interface State {
+    bt: dayjs.Dayjs;
+    et: dayjs.Dayjs;
+    step: StepType;
+}
+export declare class EdaTimeWindowPickerPanel extends React.Component<Props, State> {
+    private mask;
+    constructor(props: Readonly<Props>);
+    componentDidUpdate(prevProps: Readonly<Props>): void;
+    render(): React.JSX.Element;
+    private toStart;
+    private toEnd;
+    private previous;
+    private next;
+    private onStepUpdated;
+    private timeWindowChanged;
+}
+export declare function getRange(start: dayjs.Dayjs, end: dayjs.Dayjs, step: StepType): {
+    bt: dayjs.Dayjs;
+    et: dayjs.Dayjs;
+};
+export {};

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

@@ -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 ADDED Viewed

@@ -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"]}