npm - d2aura - Versions diffs - 26.0.13 → 26.0.14 - Mend

d2aura 26.0.13 → 26.0.14

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 (116) hide show

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

@@ -1,12 +1,13 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
-import { SharedSampleRangeContext } from "../context/sharedSampleRange";
+import React, { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { SharedSampleRangeContext } from "../context/sharedSampleRangeContext";
 import { EdaVectorDataContext } from "../context/edaVectorDataContext";
 import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
-import { Empty, theme } from "antd";
+import { Empty, theme, Typography } from "antd";
 import i18n from "d2core/i18n/i18n";
 import { EdaDataBasePanel } from "./edaDataBasePanel";
-import { D2000UnixTimeNullValue } from "d2core/types/unixTimeUtils";
 import { formatValue } from "../utils/utils";
+import { EdaTableEditorDialog } from "./edaTableEditorDialog";
+import { useEdaConfig } from "../context/edaConfigContext";
 var StatType;
 (function (StatType) {
     StatType["MIN"] = "Min";
@@ -14,11 +15,16 @@ var StatType;
     StatType["AVG"] = "Average";
     StatType["SUM"] = "Sum";
 })(StatType || (StatType = {}));
-export const EdaTablePanel = ({ api, pageSize, type, data, isActive, showTimeWindow, size }) => {
+export const EdaTablePanel = ({ api, pageSize, data, isActive }) => {
+    const { token } = theme.useToken();
     const range = useContext(SharedSampleRangeContext);
     const dataContext = useContext(EdaVectorDataContext);
+    const { detail, table } = useEdaConfig();
     const [statType, setStatType] = useState(StatType.AVG);
-    const { token } = theme.useToken();
+    const [dataEditorVisible, setDataEditorVisible] = useState(false);
+    const [selectedVector, setSelectedVector] = useState();
+    const tablePanelStyle = useMemo(() => ({ marginTop: token.paddingXXS }), [token.paddingXXS]);
+    const panelStyle = useMemo(() => ({ padding: `0, ${token.paddingXXS}px` }), [token.paddingXXS]);
     const tableData = useMemo(() => {
         if (dataContext?.data) {
             const ids = Object.keys(dataContext.data).map(Number);
@@ -26,7 +32,7 @@ export const EdaTablePanel = ({ api, pageSize, type, data, isActive, showTimeWin
             for (const id of ids) {
                 const vectorPoints = dataContext.data[id]?.data?.data || [];
                 for (const point of vectorPoints) {
-                    const time = point.Value.valueTime;
+                    const time = point.val.valueTime;
                     if (time === undefined)
                         continue;
                     let row = rowByTime.get(time);
@@ -37,7 +43,7 @@ export const EdaTablePanel = ({ api, pageSize, type, data, isActive, showTimeWin
                         };
                         rowByTime.set(time, row);
                     }
-                    row[id] = point.Value;
+                    row[id] = point.val;
                 }
             }
             return Array.from(rowByTime.values()).sort((a, b) => (a.time || 0) - (b.time || 0));
@@ -49,7 +55,7 @@ export const EdaTablePanel = ({ api, pageSize, type, data, isActive, showTimeWin
             const ids = Object.keys(dataContext.data).map(Number);
             const data = {
                 id: -1,
-                time: D2000UnixTimeNullValue,
+                time: undefined,
             };
             for (let id of ids) {
                 const vectorStats = dataContext.data[id]?.data?.stats;
@@ -75,74 +81,125 @@ export const EdaTablePanel = ({ api, pageSize, type, data, isActive, showTimeWin
         return [];
     }, [dataContext?.data, statType]);
     const columnDefs = useMemo(() => {
-        if (dataContext?.vectors) {
-            return [
-                {
-                    field: "time",
-                    colId: "time",
-                    type: ["dateTimeColumn"],
-                    headerName: i18n("Vector Time"),
-                    editable: (props) => props.node.isRowPinned(),
-                    cellEditor: "customEnumCellEditor",
-                    cellEditorParams: {
-                        values: Object.values(StatType).map((v) => i18n(v)),
-                    },
-                    valueSetter: (params) => {
-                        setStatType(Object.values(StatType)[params.newValue]);
-                        return true;
-                    },
-                    cellRendererSelector: (params) => {
-                        if (params.node.isRowPinned()) {
-                            return { component: () => i18n(statType) };
-                        }
-                        return undefined;
-                    },
-                    group: i18n("Basic Columns")
+        if (!dataContext?.vectors) {
+            return [];
+        }
+        const columns = [
+            {
+                field: "time",
+                colId: "time",
+                type: ["dateTimeColumn"],
+                headerName: i18n("Vector Time"),
+                editable: (props) => props.node.isRowPinned(),
+                cellEditor: "customEnumCellEditor",
+                cellEditorParams: {
+                    values: Object.values(StatType).map((v) => i18n(v)),
+                },
+                valueSetter: (params) => {
+                    setStatType(Object.values(StatType)[params.newValue]);
+                    return true;
                 },
-                ...dataContext.vectors.map((v) => ({
-                    field: `${v.ID}.value`,
-                    colId: String(v.ID),
-                    type: ["alignRight"],
-                    valueFormatter: (props) => formatValue(props.value, v.RoundingType, v.RoundingPlaces),
-                    headerName: v.DisplayName,
-                    group: i18n("Basic Columns"),
-                }))
-            ];
+                cellRendererSelector: (params) => {
+                    if (params.node.isRowPinned()) {
+                        return { component: () => i18n(statType) };
+                    }
+                    return undefined;
+                },
+                group: i18n("Basic Columns")
+            },
+            ...dataContext.vectors.map((v) => ({
+                field: `${v.ID}.value`,
+                colId: String(v.ID),
+                type: ["alignRight"],
+                valueFormatter: (props) => formatValue(props.value, v.RoundingType, v.RoundingPlaces),
+                headerName: v.DisplayName,
+                headerTooltip: v.DisplayName,
+                group: i18n("Basic Columns"),
+            }))
+        ];
+        return table?.detailTable?.modifyColumns ? table.detailTable.modifyColumns(columns) : columns;
+    }, [dataContext?.vectors, statType, table?.detailTable?.modifyColumns]);
+    const renderDataEditor = useMemo(() => {
+        if (selectedVector && dataContext) {
+            const vectorData = dataContext.data[selectedVector.ID];
+            if (vectorData) {
+                return (React.createElement(EdaTableEditorDialog, { api: api, data: vectorData, vector: selectedVector, open: dataEditorVisible, onCancel: () => {
+                        setSelectedVector(undefined);
+                        setDataEditorVisible(false);
+                    }, onSaved: () => {
+                        setDataEditorVisible(false);
+                        dataContext.loadSpecificVectors([selectedVector], true);
+                    }, initialWidth: window.innerWidth * 0.75, initialHeight: window.innerHeight * 0.75, title: React.createElement("span", null,
+                        i18n("Editing vector"),
+                        " ",
+                        React.createElement(Typography.Text, { type: "secondary" },
+                            "(",
+                            selectedVector?.DisplayName,
+                            ")")) }));
+            }
         }
-        return [];
-    }, [dataContext?.vectors, statType]);
+        return undefined;
+    }, [api, dataEditorVisible, selectedVector, dataContext]);
+    const getRowStyle = useCallback((params) => {
+        if (params.node.isRowPinned()) {
+            return { backgroundColor: token.colorFillAlter };
+        }
+        return undefined;
+    }, [token.colorFillAlter]);
+    const handleEditingValues = useCallback((event) => {
+        if (event.node.isRowPinned() || event.column.getColId() === "time") {
+            return;
+        }
+        const vector = dataContext?.vectors.find((v) => v.ID === Number(event.column.getColId()));
+        if (vector) {
+            setSelectedVector(vector);
+            setDataEditorVisible(true);
+        }
+    }, [dataContext?.vectors]);
     useEffect(() => {
-        if (type === undefined || data === undefined || !range || !dataContext || !isActive) {
+        if (data === undefined || !range || !dataContext || !isActive) {
             return;
         }
-        const dataSourceChanged = dataContext.loadedType !== type || dataContext.loadedData !== data;
+        const dataSourceChanged = dataContext.loadedData !== data;
         if (dataSourceChanged) {
             if (range.vectorPage !== 1) {
                 range.updateValues(range.btTotal, range.etTotal, range.sampling, 1);
             }
-            dataContext.loadAllData(type, data);
+            dataContext.loadAllData(data);
             return;
         }
-        dataContext.loadSpecificVectors(dataContext.vectors);
-    }, [isActive, type, data, showTimeWindow, range]);
+        if (dataContext.loadedRange?.vectorPage !== range.vectorPage) {
+            dataContext.loadAllData(data);
+        }
+        else {
+            dataContext.loadSpecificVectors(dataContext.vectors);
+        }
+    }, [isActive, data, detail?.showTimeWindow, range]);
     if (range && dataContext) {
-        return (React.createElement(EdaDataBasePanel, { api: api, type: type, data: data, size: size, range: range, dataContext: dataContext, showTimeWindow: showTimeWindow, pageSize: pageSize },
-            React.createElement("div", { style: { height: '100%' } },
-                React.createElement(ExtendedDataGrid, { columnDefs: columnDefs, onLoadData: callback => {
-                        callback(1);
-                    }, defaultGridConfiguration: {
-                        pageSize: -1,
-                    }, rowData: tableData, tablePanelStyle: { marginTop: token?.paddingXXS }, panelStyle: { padding: `0 ${token?.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" } } }), pinnedBottomRowData: statData, rowSelection: "multiple", singleClickEdit: true, stopEditingWhenCellsLoseFocus: true, enterNavigatesVerticallyAfterEdit: true }))));
+        return (React.createElement(React.Fragment, null,
+            renderDataEditor,
+            React.createElement(EdaDataBasePanel, { api: api, data: data, range: range, dataContext: dataContext, pageSize: pageSize },
+                React.createElement("div", { style: { height: '100%' } },
+                    React.createElement(ExtendedDataGrid, { columnDefs: columnDefs, onLoadData: handleLoadData, defaultGridConfiguration: {
+                            pageSize: -1,
+                        }, rowData: tableData, tablePanelStyle: tablePanelStyle, panelStyle: panelStyle, settingsMenu: { renderer: handleSettingsMenu }, toolbar: {
+                            hideRecordCount: true,
+                        }, search: {
+                            hidden: true,
+                            searchButtonHidden: true,
+                        }, onCellDoubleClicked: handleEditingValues, noRecordsOverlayRenderer: renderNoRecordsOverlay, getRowStyle: getRowStyle, pinnedBottomRowData: statData, rowSelection: "multiple", stopEditingWhenCellsLoseFocus: true, enterNavigatesVerticallyAfterEdit: true })))));
     }
     else {
         return React.createElement("h1", null, "no data");
     }
 };
+function handleLoadData(callback) {
+    callback(1);
+}
+function renderNoRecordsOverlay() {
+    return React.createElement(Empty, { description: i18n("No records found."), styles: { image: { height: "8vh" } } });
+}
+function handleSettingsMenu(menuElements) {
+    return menuElements.filter((e) => !["columnFilter", "columnsConfig"].includes(e.key));
+}
 //# sourceMappingURL=edaTablePanel.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"edaTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useContext, useEffect, useMemo, useState} from \"react\";\r\nimport {SharedSampleRangeContext} from \"../context/sharedSampleRange\";\r\nimport {EdaVectorDataContext} from \"../context/edaVectorDataContext\";\r\nimport {GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {Empty, theme} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport {UnivalValue} from \"d2jsapi/dist/unival\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {EdaDataBasePanel} from \"./edaDataBasePanel\";\r\nimport {D2000UnixTimeNullValue} from \"d2core/types/unixTimeUtils\";\r\nimport {formatValue} from \"../utils/utils\";\r\n\r\nenum StatType {\r\n MIN = \"Min\",\r\n MAX = \"Max\",\r\n AVG = \"Average\",\r\n SUM = \"Sum\",\r\n}\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 Props {\r\n api: EdaManagerApi\r\n pageSize?: number\r\n data?: VectorData \| GroupData \| ScenarioData\r\n type?: IdType\r\n isActive: boolean\r\n showTimeWindow?: boolean\r\n size?: SizeType\r\n}\r\n\r\nexport const EdaTablePanel: FC<Props> = ({api, pageSize, type, data, isActive, showTimeWindow, size}) => {\r\n const range = useContext(SharedSampleRangeContext);\r\n const dataContext = useContext(EdaVectorDataContext);\r\n const [statType, setStatType] = useState<StatType>(StatType.AVG);\r\n const {token} = theme.useToken();\r\n\r\n const tableData = useMemo(() => {\r\n if (dataContext?.data) {\r\n const ids = Object.keys(dataContext.data).map(Number);\r\n const rowByTime = new Map<number, GridRow>();\r\n\r\n for (const id of ids) {\r\n const vectorPoints = dataContext.data[id]?.data?.data \|\| [];\r\n\r\n for (const point of vectorPoints) {\r\n const time = point.Value.valueTime;\r\n\r\n if (time === undefined) continue;\r\n\r\n let row = rowByTime.get(time);\r\n\r\n if (!row) {\r\n row = {\r\n id: time,\r\n time: time\r\n }\r\n rowByTime.set(time, row);\r\n }\r\n\r\n row[id] = point.Value;\r\n }\r\n }\r\n\r\n return Array.from(rowByTime.values()).sort((a, b) => (a.time \|\| 0) - (b.time \|\| 0));\r\n }\r\n\r\n return [];\r\n }, [dataContext?.data]);\r\n\r\n const statData = useMemo(() => {\r\n if (dataContext?.data) {\r\n const ids = Object.keys(dataContext.data).map(Number);\r\n const data: GridRow = {\r\n id: -1,\r\n time: D2000UnixTimeNullValue,\r\n };\r\n\r\n for (let id of ids) {\r\n const vectorStats = dataContext.data[id]?.data?.stats;\r\n\r\n if (vectorStats) {\r\n switch (statType) {\r\n case StatType.MIN:\r\n data[id] = vectorStats.Min;\r\n break;\r\n case StatType.MAX:\r\n data[id] = vectorStats.Max;\r\n break;\r\n case StatType.AVG:\r\n data[id] = vectorStats.Avg;\r\n break;\r\n case StatType.SUM:\r\n data[id] = vectorStats.Sum;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return [data];\r\n }\r\n\r\n return [];\r\n }, [dataContext?.data, statType]);\r\n\r\n const columnDefs = useMemo((): DataGridColDef[] => {\r\n if (dataContext?.vectors) {\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 editable: (props) => props.node.isRowPinned(),\r\n cellEditor: \"customEnumCellEditor\",\r\n cellEditorParams: {\r\n values: Object.values(StatType).map((v) => i18n(v)),\r\n },\r\n valueSetter: (params) => {\r\n setStatType(Object.values(StatType)[params.newValue]);\r\n return true;\r\n },\r\n cellRendererSelector: (params) => {\r\n if (params.node.isRowPinned()) {\r\n return {component: () => i18n(statType)};\r\n }\r\n return undefined;\r\n },\r\n group: i18n(\"Basic Columns\")\r\n },\r\n ...dataContext.vectors.map((v): DataGridColDef => ({\r\n field: `${v.ID}.value`,\r\n colId: String(v.ID),\r\n type: [\"alignRight\"],\r\n valueFormatter: (props) => formatValue(props.value, v.RoundingType, v.RoundingPlaces),\r\n headerName: v.DisplayName,\r\n group: i18n(\"Basic Columns\"),\r\n }))\r\n ];\r\n }\r\n\r\n return [];\r\n }, [dataContext?.vectors, statType]);\r\n\r\n useEffect(() => {\r\n if (type === undefined \|\| data === undefined \|\| !range \|\| !dataContext \|\| !isActive) {\r\n return;\r\n }\r\n\r\n const dataSourceChanged = dataContext.loadedType !== type \|\| dataContext.loadedData !== data;\r\n\r\n if (dataSourceChanged) {\r\n if (range.vectorPage !== 1) {\r\n range.updateValues(range.btTotal, range.etTotal, range.sampling, 1);\r\n }\r\n\r\n dataContext.loadAllData(type, data);\r\n return;\r\n }\r\n\r\n dataContext.loadSpecificVectors(dataContext.vectors);\r\n }, [isActive, type, data, showTimeWindow, range]);\r\n\r\n if (range && dataContext) {\r\n return (\r\n <EdaDataBasePanel\r\n api={api}\r\n type={type}\r\n data={data}\r\n size={size}\r\n range={range}\r\n dataContext={dataContext}\r\n showTimeWindow={showTimeWindow}\r\n pageSize={pageSize}\r\n >\r\n <div style={{height: '100%'}}>\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 rowData={tableData}\r\n tablePanelStyle={{marginTop: token?.paddingXXS}}\r\n panelStyle={{padding: `0 ${token?.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 pinnedBottomRowData={statData}\r\n rowSelection=\"multiple\"\r\n singleClickEdit\r\n stopEditingWhenCellsLoseFocus\r\n enterNavigatesVerticallyAfterEdit\r\n />\r\n </div>\r\n </EdaDataBasePanel>\r\n );\r\n } else {\r\n return <h1>no data</h1>\r\n }\r\n};"]}
1	+ {"version":3,"file":"edaTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useCallback, useContext, useEffect, useMemo, useState} from \"react\";\r\nimport {SharedSampleRangeContext} from \"../context/sharedSampleRangeContext\";\r\nimport {EdaVectorDataContext} from \"../context/edaVectorDataContext\";\r\nimport {TypedData} from \"../constants/edaTypes\";\r\nimport EdaManagerApi, {TreeItem} from \"../../../../api/eda/edaManagerApi\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {Empty, theme, Typography} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport {UnivalValue} from \"d2jsapi/dist/unival\";\r\nimport {DataGridColDef, MenuElement} from \"d2coreui/components/grid/dataGrid\";\r\nimport {CellDoubleClickedEvent} from \"ag-grid-community\"\r\nimport {EdaDataBasePanel} from \"./edaDataBasePanel\";\r\nimport {formatValue} from \"../utils/utils\";\r\nimport {EdaTableEditorDialog} from \"./edaTableEditorDialog\";\r\nimport {useEdaConfig} from \"../context/edaConfigContext\";\r\n\r\nenum StatType {\r\n MIN = \"Min\",\r\n MAX = \"Max\",\r\n AVG = \"Average\",\r\n SUM = \"Sum\",\r\n}\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 Props {\r\n api: EdaManagerApi\r\n pageSize?: number\r\n data?: TypedData\r\n isActive: boolean\r\n}\r\n\r\nexport const EdaTablePanel: FC<Props> = ({api, pageSize, data, isActive}) => {\r\n const {token} = theme.useToken();\r\n\r\n const range = useContext(SharedSampleRangeContext);\r\n const dataContext = useContext(EdaVectorDataContext);\r\n const {detail, table} = useEdaConfig();\r\n\r\n const [statType, setStatType] = useState<StatType>(StatType.AVG);\r\n const [dataEditorVisible, setDataEditorVisible] = useState<boolean>(false);\r\n const [selectedVector, setSelectedVector] = useState<TreeItem>();\r\n\r\n const tablePanelStyle = useMemo(() => ({marginTop: token.paddingXXS}), [token.paddingXXS]);\r\n const panelStyle = useMemo(() => ({padding: `0, ${token.paddingXXS}px`}), [token.paddingXXS]);\r\n\r\n const tableData = useMemo(() => {\r\n if (dataContext?.data) {\r\n const ids = Object.keys(dataContext.data).map(Number);\r\n const rowByTime = new Map<number, GridRow>();\r\n\r\n for (const id of ids) {\r\n const vectorPoints = dataContext.data[id]?.data?.data \|\| [];\r\n\r\n for (const point of vectorPoints) {\r\n const time = point.val.valueTime;\r\n\r\n if (time === undefined) continue;\r\n\r\n let row = rowByTime.get(time);\r\n\r\n if (!row) {\r\n row = {\r\n id: time,\r\n time: time\r\n }\r\n rowByTime.set(time, row);\r\n }\r\n\r\n row[id] = point.val;\r\n }\r\n }\r\n\r\n return Array.from(rowByTime.values()).sort((a, b) => (a.time \|\| 0) - (b.time \|\| 0));\r\n }\r\n\r\n return [];\r\n }, [dataContext?.data]);\r\n\r\n const statData = useMemo(() => {\r\n if (dataContext?.data) {\r\n const ids = Object.keys(dataContext.data).map(Number);\r\n const data: GridRow = {\r\n id: -1,\r\n time: undefined,\r\n };\r\n\r\n for (let id of ids) {\r\n const vectorStats = dataContext.data[id]?.data?.stats;\r\n\r\n if (vectorStats) {\r\n switch (statType) {\r\n case StatType.MIN:\r\n data[id] = vectorStats.Min;\r\n break;\r\n case StatType.MAX:\r\n data[id] = vectorStats.Max;\r\n break;\r\n case StatType.AVG:\r\n data[id] = vectorStats.Avg;\r\n break;\r\n case StatType.SUM:\r\n data[id] = vectorStats.Sum;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return [data];\r\n }\r\n\r\n return [];\r\n }, [dataContext?.data, statType]);\r\n\r\n const columnDefs = useMemo(() => {\r\n if (!dataContext?.vectors) {\r\n return []\r\n }\r\n\r\n const columns: DataGridColDef[] = [\r\n {\r\n field: \"time\",\r\n colId: \"time\",\r\n type: [\"dateTimeColumn\"],\r\n headerName: i18n(\"Vector Time\"),\r\n editable: (props) => props.node.isRowPinned(),\r\n cellEditor: \"customEnumCellEditor\",\r\n cellEditorParams: {\r\n values: Object.values(StatType).map((v) => i18n(v)),\r\n },\r\n valueSetter: (params) => {\r\n setStatType(Object.values(StatType)[params.newValue]);\r\n return true;\r\n },\r\n cellRendererSelector: (params) => {\r\n if (params.node.isRowPinned()) {\r\n return {component: () => i18n(statType)};\r\n }\r\n return undefined;\r\n },\r\n group: i18n(\"Basic Columns\")\r\n },\r\n ...dataContext.vectors.map((v): DataGridColDef => ({\r\n field: `${v.ID}.value`,\r\n colId: String(v.ID),\r\n type: [\"alignRight\"],\r\n valueFormatter: (props) => formatValue(props.value, v.RoundingType, v.RoundingPlaces),\r\n headerName: v.DisplayName,\r\n headerTooltip: v.DisplayName,\r\n group: i18n(\"Basic Columns\"),\r\n }))\r\n ];\r\n\r\n return table?.detailTable?.modifyColumns ? table.detailTable.modifyColumns(columns) : columns;\r\n }, [dataContext?.vectors, statType, table?.detailTable?.modifyColumns]);\r\n\r\n const renderDataEditor = useMemo(() => {\r\n if (selectedVector && dataContext) {\r\n const vectorData = dataContext.data[selectedVector.ID];\r\n\r\n if (vectorData) {\r\n return (\r\n <EdaTableEditorDialog\r\n api={api}\r\n data={vectorData}\r\n vector={selectedVector}\r\n open={dataEditorVisible}\r\n onCancel={() => {\r\n setSelectedVector(undefined);\r\n setDataEditorVisible(false);\r\n }}\r\n onSaved={() => {\r\n setDataEditorVisible(false);\r\n dataContext.loadSpecificVectors([selectedVector!], true);\r\n }}\r\n initialWidth={window.innerWidth * 0.75}\r\n initialHeight={window.innerHeight * 0.75}\r\n title={<span>{i18n(\"Editing vector\")} <Typography.Text type={\"secondary\"}>({selectedVector?.DisplayName})</Typography.Text></span>}\r\n />\r\n );\r\n }\r\n }\r\n\r\n return undefined;\r\n }, [api, dataEditorVisible, selectedVector, dataContext]);\r\n\r\n const getRowStyle = useCallback((params: any) => {\r\n if (params.node.isRowPinned()) {\r\n return {backgroundColor: token.colorFillAlter};\r\n }\r\n\r\n return undefined;\r\n }, [token.colorFillAlter]);\r\n\r\n const handleEditingValues = useCallback((event: CellDoubleClickedEvent<GridRow>) => {\r\n if (event.node.isRowPinned() \|\| event.column.getColId() === \"time\") {\r\n return;\r\n }\r\n\r\n const vector = dataContext?.vectors.find((v) => v.ID === Number(event.column.getColId()));\r\n\r\n if (vector) {\r\n setSelectedVector(vector);\r\n setDataEditorVisible(true);\r\n }\r\n }, [dataContext?.vectors]);\r\n\r\n useEffect(() => {\r\n if (data === undefined \|\| !range \|\| !dataContext \|\| !isActive) {\r\n return;\r\n }\r\n\r\n const dataSourceChanged = dataContext.loadedData !== data;\r\n\r\n if (dataSourceChanged) {\r\n if (range.vectorPage !== 1) {\r\n range.updateValues(range.btTotal, range.etTotal, range.sampling, 1);\r\n }\r\n\r\n dataContext.loadAllData(data);\r\n return;\r\n }\r\n\r\n if (dataContext.loadedRange?.vectorPage !== range.vectorPage) {\r\n dataContext.loadAllData(data);\r\n } else {\r\n dataContext.loadSpecificVectors(dataContext.vectors);\r\n }\r\n }, [isActive, data, detail?.showTimeWindow, range]);\r\n\r\n if (range && dataContext) {\r\n return (\r\n <>\r\n {renderDataEditor}\r\n <EdaDataBasePanel\r\n api={api}\r\n data={data}\r\n range={range}\r\n dataContext={dataContext}\r\n pageSize={pageSize}\r\n >\r\n <div style={{height: '100%'}}>\r\n <ExtendedDataGrid<GridRow>\r\n columnDefs={columnDefs}\r\n onLoadData={handleLoadData}\r\n defaultGridConfiguration={{\r\n pageSize: -1,\r\n }}\r\n rowData={tableData}\r\n tablePanelStyle={tablePanelStyle}\r\n panelStyle={panelStyle}\r\n settingsMenu={{renderer: handleSettingsMenu}}\r\n toolbar={{\r\n hideRecordCount: true,\r\n }}\r\n search={{\r\n hidden: true,\r\n searchButtonHidden: true,\r\n }}\r\n onCellDoubleClicked={handleEditingValues}\r\n noRecordsOverlayRenderer={renderNoRecordsOverlay}\r\n getRowStyle={getRowStyle}\r\n pinnedBottomRowData={statData}\r\n rowSelection=\"multiple\"\r\n stopEditingWhenCellsLoseFocus\r\n enterNavigatesVerticallyAfterEdit\r\n />\r\n </div>\r\n </EdaDataBasePanel>\r\n </>\r\n );\r\n } else {\r\n return <h1>no data</h1>\r\n }\r\n};\r\n\r\nfunction handleLoadData(callback: (v: number) => void) {\r\n callback(1);\r\n}\r\n\r\nfunction renderNoRecordsOverlay() {\r\n return <Empty description={i18n(\"No records found.\")} styles={{image: {height: \"8vh\"}}}/>;\r\n}\r\n\r\nfunction handleSettingsMenu(menuElements: MenuElement[]) {\r\n return menuElements.filter((e) => ![\"columnFilter\", \"columnsConfig\"].includes(e.key as string));\r\n}"]}

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

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

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

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

	@@ -1 +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"]}
1	+ {"version":3,"file":"edaTimeWindowPickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTimeWindowPickerPanel.tsx"],"names":[],"mappings":"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","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"]}