d2aura 26.0.14 → 26.0.16

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

@@ -1,16 +1,17 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useContext, useMemo, useState } from "react";
 import { EdaSamplingType } from "../constants/edaTypes";
-import { Button, Checkbox, Popover, Space } from "antd";
+import { Button, Checkbox, Popover, Segmented, 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 { FieldBinaryOutlined, ReloadOutlined, UserOutlined } from "@ant-design/icons";
 import { LocaleHolder } from "d2core/i18n/localeHolder";
 import { createStyles } from "antd-style";
 import DataGridPagination from "d2coreui/components/grid/panel/dataGridPagination";
 import SizeContext from "antd/es/config-provider/SizeContext";
+import { GroupVectorSelection } from "../dialogs/groupVectorSelection";
 const useStyles = createStyles(({ css }) => {
     return {
         baseLayout: css `
@@ -41,35 +42,35 @@ const useStyles = createStyles(({ css }) => {
         `,
     };
 });
-export const EdaSampleRangePickerPanel = ({ bt, et, sampling, onChange, page, loading, totalCount, pageSize }) => {
+export const EdaSampleRangePickerPanel = ({ api, data, bt, et, sampling, onChangeRange, onChangePage, onChangeVectors, page, vectors, displayedVectors, loading, totalCount, pageSize }) => {
     const { styles } = useStyles();
     const size = useContext(SizeContext);
     const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);
-    const [state, setState] = useState({
-        bt,
-        et,
-        sampling,
-        autoRefresh: false,
-    });
-    useEffect(() => {
-        setState((prev) => ({
-            ...prev,
-            bt,
-            et,
-            sampling,
-        }));
-    }, [bt, et, sampling]);
+    const [userModeOpen, setUserModeOpen] = useState(false);
+    const [prevProps, setPrevProps] = useState({ bt, et, sampling });
+    const [state, setState] = useState({ bt, et, sampling, autoRefresh: false });
+    if (!bt.isSame(prevProps.bt) || !et.isSame(prevProps.et) || sampling !== prevProps.sampling) {
+        setPrevProps({ bt, et, sampling });
+        setState((prev) => ({ ...prev, bt, et, sampling }));
+    }
     const filterChanged = !bt.isSame(state.bt) || !et.isSame(state.et) || sampling !== state.sampling;
     const handleUpdate = (updates) => {
         setState((prev) => {
             const newState = { ...prev, ...updates };
             if (newState.autoRefresh) {
-                onChange(newState.bt, newState.et, newState.sampling, page);
+                onChangeRange(newState.bt, newState.et, newState.sampling);
             }
             return newState;
         });
     };
+    const handleUserMode = useCallback(() => {
+        setUserModeOpen(true);
+    }, []);
     return (React.createElement(Space.Compact, { className: styles.baseLayout },
+        data && api && displayedVectors && data.type !== 0 && (React.createElement(GroupVectorSelection, { api: api, data: data, displayedVectors: displayedVectors, open: userModeOpen, onSelected: (vectors) => {
+                onChangeVectors(vectors);
+                setUserModeOpen(false);
+            }, onCancel: () => setUserModeOpen(false) })),
         React.createElement(DateRangeInputConfirm, { mask: mask, className: "ant-input-compact-item ant-input-compact-first-item", fromValue: state.bt, toValue: state.et, defaultMode: DateRangeInputMode.ADVANCED, onChange: (fromValue, toValue) => {
                 if (fromValue !== null && toValue !== null) {
                     handleUpdate({ bt: fromValue, et: toValue });
@@ -79,13 +80,19 @@ export const EdaSampleRangePickerPanel = ({ bt, et, sampling, onChange, page, lo
         React.createElement(Popover, { content: React.createElement(Checkbox, { checked: state.autoRefresh, onChange: e => handleUpdate({ 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,
                     state.autoRefresh && React.createElement(AutoReloadIcon, null),
-                    !state.autoRefresh && React.createElement(ReloadOutlined, null)), onClick: () => onChange(state.bt, state.et, state.sampling, page) })),
+                    !state.autoRefresh && React.createElement(ReloadOutlined, null)), onClick: () => onChangeRange(state.bt, state.et, state.sampling) })),
         pageSize < totalCount &&
             React.createElement(React.Fragment, null,
-                React.createElement("div", { style: { flex: "1 1 auto" } }),
+                React.createElement("div", { style: { flex: "1 1 auto", minWidth: "8px" } }),
+                React.createElement(Segmented, { style: { alignSelf: "center" }, value: !!vectors, size: size, onChange: (userMode) => {
+                        if (!userMode) {
+                            onChangePage(1);
+                        }
+                    }, options: [
+                        { value: false, icon: React.createElement(FieldBinaryOutlined, null), title: i18n("Paging") },
+                        { value: true, icon: React.createElement(UserOutlined, { onClick: handleUserMode }), title: i18n("User Selection") },
+                    ] }),
                 React.createElement("div", { className: "paging" + " " + (size ?? "") },
-                    React.createElement(DataGridPagination, { current: page, pageSize: pageSize, total: totalCount, onGoToPage: (page) => {
-                            onChange(state.bt, state.et, state.sampling, page);
-                        } })))));
+                    React.createElement(DataGridPagination, { current: page, pageSize: pageSize, total: totalCount, disabled: !!vectors, onGoToPage: onChangePage })))));
 };
 //# sourceMappingURL=edaSampleRangePickerPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"edaSampleRangePickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACtD,OAAO,qBAAqB,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAC3E,OAAO,eAAe,MAAM,4CAA4C,CAAC;AACzE,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,kBAAkB,MAAM,mDAAmD,CAAC;AACnF,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAC,EAAG,EAAE;IACtC,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;SAyBd;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAqBH,MAAM,CAAC,MAAM,yBAAyB,GAAc,CAAC,EAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAC,EAAE,EAAE;IACtH,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ;QACtC,EAAE;QACF,EAAE;QACF,QAAQ;QACR,WAAW,EAAE,KAAK;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAChB,GAAG,IAAI;YACP,EAAE;YACF,EAAE;YACF,QAAQ;SACX,CAAC,CAAC,CAAA;IACP,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,MAAM,aAAa,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAC;IAElG,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE;QACpD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YACd,MAAM,QAAQ,GAAG,EAAC,GAAG,IAAI,EAAE,GAAG,OAAO,EAAC,CAAC;YAEvC,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC;gBACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAChE,CAAC;YAED,OAAO,QAAQ,CAAC;QACpB,CAAC,CAAC,CAAC;IACP,CAAC,CAAA;IAED,OAAO,CACH,oBAAC,KAAK,CAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;QACvC,oBAAC,qBAAqB,IAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,qDAAqD,EAC/D,SAAS,EAAE,KAAK,CAAC,EAAE,EACnB,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,WAAW,EAAE,kBAAkB,CAAC,QAAQ,EACxC,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE;gBAC7B,IAAI,SAAS,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;oBACzC,YAAY,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAC,CAAC,CAAC;gBAC/C,CAAC;YACL,CAAC,GACH;QACF,oBAAC,eAAe,IACZ,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAC1B,MAAM,EAAE,eAAe,EACvB,cAAc,QACd,iBAAiB,EAAE,kBAAkB,EACrC,KAAK,EAAE,KAAK,CAAC,QAAQ,EACrB,qBAAqB,QACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,QAAQ,EAAE,KAAwB,EAAC,CAAC,GACzE;QACF,oBAAC,OAAO,IACJ,OAAO,EACH,oBAAC,QAAQ,IACL,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,EAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAC,CAAC,IAE3D,IAAI,CAAC,cAAc,CAAC,CACd,EAEf,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC;YAEjC,oBAAC,MAAM,IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC3C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EACA;oBACK,KAAK,CAAC,WAAW,IAAI,oBAAC,cAAc,OAAE;oBACtC,CAAC,KAAK,CAAC,WAAW,IAAI,oBAAC,cAAc,OAAE,CACrC,EAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,GACnE,CACI;QACT,QAAQ,GAAG,UAAU;YAClB;gBACI,6BAAK,KAAK,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,GAAQ;gBACtC,6BAAK,SAAS,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;oBACzC,oBAAC,kBAAkB,IACf,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE;4BACjB,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;wBACvD,CAAC,GACH,CACA,CACP,CAEK,CACnB,CAAC;AACN,CAAC,CAAA","sourcesContent":["import React, {FC, useContext, useEffect, useMemo, useState} from \"react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {EdaSamplingType} from \"../constants/edaTypes\";\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 DataGridPagination from \"d2coreui/components/grid/panel/dataGridPagination\";\r\nimport SizeContext from \"antd/es/config-provider/SizeContext\";\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    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 const EdaSampleRangePickerPanel: FC<Props> = ({bt, et, sampling, onChange, page, loading, totalCount, pageSize}) => {\r\n    const {styles} = useStyles();\r\n    const size = useContext(SizeContext);\r\n\r\n    const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);\r\n\r\n    const [state, setState] = useState<State>({\r\n        bt,\r\n        et,\r\n        sampling,\r\n        autoRefresh: false,\r\n    });\r\n\r\n    useEffect(() => {\r\n        setState((prev) => ({\r\n            ...prev,\r\n            bt,\r\n            et,\r\n            sampling,\r\n        }))\r\n    }, [bt, et, sampling]);\r\n\r\n    const filterChanged = !bt.isSame(state.bt) || !et.isSame(state.et) || sampling !== state.sampling;\r\n\r\n    const handleUpdate = (updates: Partial<typeof state>) => {\r\n        setState((prev) => {\r\n            const newState = {...prev, ...updates};\r\n\r\n            if (newState.autoRefresh) {\r\n                onChange(newState.bt, newState.et, newState.sampling, page);\r\n            }\r\n\r\n            return newState;\r\n        });\r\n    }\r\n\r\n    return (\r\n        <Space.Compact className={styles.baseLayout}>\r\n            <DateRangeInputConfirm\r\n                mask={mask}\r\n                className=\"ant-input-compact-item ant-input-compact-first-item\"\r\n                fromValue={state.bt}\r\n                toValue={state.et}\r\n                defaultMode={DateRangeInputMode.ADVANCED}\r\n                onChange={(fromValue, toValue) => {\r\n                    if (fromValue !== null && toValue !== null) {\r\n                        handleUpdate({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={state.sampling}\r\n                popupMatchSelectWidth\r\n                onChange={(value) => handleUpdate({sampling: value as EdaSamplingType})}\r\n            />\r\n            <Popover\r\n                content={\r\n                    <Checkbox\r\n                        checked={state.autoRefresh}\r\n                        onChange={e => handleUpdate({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                            {state.autoRefresh && <AutoReloadIcon/>}\r\n                            {!state.autoRefresh && <ReloadOutlined/>}\r\n                        </span>\r\n                    }\r\n                    onClick={() => onChange(state.bt, state.et, state.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                                onChange(state.bt, state.et, state.sampling, page);\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </>\r\n            }\r\n        </Space.Compact>\r\n    );\r\n}"]}
+{"version":3,"file":"edaSampleRangePickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useCallback, useContext, useMemo, useState} from \"react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {EdaSamplingType, IdType, TypedData} from \"../constants/edaTypes\";\r\nimport {Button, Checkbox, Popover, Segmented, 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 {FieldBinaryOutlined, ReloadOutlined, UserOutlined} from \"@ant-design/icons\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {createStyles} from \"antd-style\";\r\nimport DataGridPagination from \"d2coreui/components/grid/panel/dataGridPagination\";\r\nimport SizeContext from \"antd/es/config-provider/SizeContext\";\r\nimport EdaManagerApi, {TreeItem} from \"../../../../api/eda/edaManagerApi\";\r\nimport {GroupVectorSelection} from \"../dialogs/groupVectorSelection\";\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    api?: EdaManagerApi\r\n    data?: TypedData\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    vectors?: TreeItem[]\r\n    displayedVectors?: TreeItem[]\r\n\r\n    onChangeRange: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType) => void\r\n    onChangePage: (page: number) => void\r\n    onChangeVectors: (vectors: TreeItem[]) => void\r\n\r\n    children?: React.ReactNode\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 const EdaSampleRangePickerPanel: FC<Props> = ({api, data, bt, et, sampling, onChangeRange, onChangePage, onChangeVectors, page, vectors,\r\n                                                         displayedVectors, loading, totalCount, pageSize}) => {\r\n    const {styles} = useStyles();\r\n    const size = useContext(SizeContext);\r\n\r\n    const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);\r\n\r\n    const [userModeOpen, setUserModeOpen] = useState(false);\r\n    const [prevProps, setPrevProps] = useState({bt, et, sampling});\r\n    const [state, setState] = useState<State>({bt, et, sampling, autoRefresh: false});\r\n\r\n    if (!bt.isSame(prevProps.bt) || !et.isSame(prevProps.et) || sampling !== prevProps.sampling) {\r\n        setPrevProps({bt, et, sampling});\r\n        setState((prev) => ({...prev, bt, et, sampling}));\r\n    }\r\n\r\n    const filterChanged = !bt.isSame(state.bt) || !et.isSame(state.et) || sampling !== state.sampling;\r\n\r\n    const handleUpdate = (updates: Partial<typeof state>) => {\r\n        setState((prev) => {\r\n            const newState = {...prev, ...updates};\r\n\r\n            if (newState.autoRefresh) {\r\n                onChangeRange(newState.bt, newState.et, newState.sampling);\r\n            }\r\n\r\n            return newState;\r\n        });\r\n    }\r\n\r\n    const handleUserMode = useCallback(() => {\r\n        setUserModeOpen(true);\r\n    }, []);\r\n\r\n    return (\r\n        <Space.Compact className={styles.baseLayout}>\r\n            {data && api && displayedVectors && data.type !== IdType.VECTOR && (\r\n                <GroupVectorSelection\r\n                    api={api}\r\n                    data={data}\r\n                    displayedVectors={displayedVectors}\r\n                    open={userModeOpen}\r\n                    onSelected={(vectors) => {\r\n                        onChangeVectors(vectors);\r\n                        setUserModeOpen(false);\r\n                    }}\r\n                    onCancel={() => setUserModeOpen(false)}\r\n                />\r\n            )}\r\n            <DateRangeInputConfirm\r\n                mask={mask}\r\n                className=\"ant-input-compact-item ant-input-compact-first-item\"\r\n                fromValue={state.bt}\r\n                toValue={state.et}\r\n                defaultMode={DateRangeInputMode.ADVANCED}\r\n                onChange={(fromValue, toValue) => {\r\n                    if (fromValue !== null && toValue !== null) {\r\n                        handleUpdate({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={state.sampling}\r\n                popupMatchSelectWidth\r\n                onChange={(value) => handleUpdate({sampling: value as EdaSamplingType})}\r\n            />\r\n            <Popover\r\n                content={\r\n                    <Checkbox\r\n                        checked={state.autoRefresh}\r\n                        onChange={e => handleUpdate({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                            {state.autoRefresh && <AutoReloadIcon/>}\r\n                            {!state.autoRefresh && <ReloadOutlined/>}\r\n                        </span>\r\n                    }\r\n                    onClick={() => onChangeRange(state.bt, state.et, state.sampling)}\r\n                />\r\n            </Popover>\r\n            {pageSize < totalCount &&\r\n                <>\r\n                    <div style={{flex: \"1 1 auto\", minWidth: \"8px\"}}></div>\r\n                    <Segmented<boolean>\r\n                        style={{alignSelf: \"center\"}}\r\n                        value={!!vectors}\r\n                        size={size}\r\n                        onChange={(userMode) => {\r\n                            if (!userMode) {\r\n                                onChangePage(1);\r\n                            }\r\n                        }}\r\n                        options={[\r\n                            {value: false, icon: <FieldBinaryOutlined />, title: i18n(\"Paging\")},\r\n                            {value: true, icon: <UserOutlined onClick={handleUserMode} />, title: i18n(\"User Selection\")},\r\n                        ]}\r\n                    />\r\n                    <div className={\"paging\" + \" \" + (size ?? \"\")}>\r\n                        <DataGridPagination\r\n                            current={page}\r\n                            pageSize={pageSize}\r\n                            total={totalCount}\r\n                            disabled={!!vectors}\r\n                            onGoToPage={onChangePage}\r\n                        />\r\n                    </div>\r\n                </>\r\n            }\r\n        </Space.Compact>\r\n    );\r\n}"]}

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

@@ -1,13 +1,15 @@
-import React, { useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { SharedSampleRangeContext } from "../context/sharedSampleRangeContext";
-import { EdaVectorDataContext } from "../context/edaVectorDataContext";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useSampleRange } from "../context/sharedSampleRangeContext";
+import { useEdaVectorData } from "../context/edaVectorDataContext";
+import { EdaVectorType } from "../constants/edaTypes";
 import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
-import { Empty, theme, Typography } from "antd";
+import { Empty, Modal, theme, Typography } from "antd";
 import i18n from "d2core/i18n/i18n";
 import { EdaDataBasePanel } from "./edaDataBasePanel";
 import { formatValue } from "../utils/utils";
-import { EdaTableEditorDialog } from "./edaTableEditorDialog";
+import { EdaTableEditorDialog } from "../dialogs/edaTableEditorDialog";
 import { useEdaConfig } from "../context/edaConfigContext";
+import { EdaDescriptiveVectorEditorDialog } from "../dialogs/edaDescriptiveVectorEditorDialog";
 var StatType;
 (function (StatType) {
     StatType["MIN"] = "Min";
@@ -17,8 +19,8 @@ var StatType;
 })(StatType || (StatType = {}));
 export const EdaTablePanel = ({ api, pageSize, data, isActive }) => {
     const { token } = theme.useToken();
-    const range = useContext(SharedSampleRangeContext);
-    const dataContext = useContext(EdaVectorDataContext);
+    const range = useSampleRange();
+    const dataContext = useEdaVectorData();
     const { detail, table } = useEdaConfig();
     const [statType, setStatType] = useState(StatType.AVG);
     const [dataEditorVisible, setDataEditorVisible] = useState(false);
@@ -26,62 +28,56 @@ export const EdaTablePanel = ({ api, pageSize, data, isActive }) => {
     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);
-            const rowByTime = new Map();
-            for (const id of ids) {
-                const vectorPoints = dataContext.data[id]?.data?.data || [];
-                for (const point of vectorPoints) {
-                    const time = point.val.valueTime;
-                    if (time === undefined)
-                        continue;
-                    let row = rowByTime.get(time);
-                    if (!row) {
-                        row = {
-                            id: time,
-                            time: time
-                        };
-                        rowByTime.set(time, row);
-                    }
-                    row[id] = point.val;
+        const ids = Object.keys(dataContext.data).map(Number);
+        const rowByTime = new Map();
+        for (const id of ids) {
+            const vectorPoints = dataContext.data[id]?.data?.data || [];
+            for (const point of vectorPoints) {
+                const time = point.val.valueTime;
+                if (time === undefined)
+                    continue;
+                let row = rowByTime.get(time);
+                if (!row) {
+                    row = {
+                        id: time,
+                        time: time
+                    };
+                    rowByTime.set(time, row);
                 }
+                row[id] = point.val;
             }
-            return Array.from(rowByTime.values()).sort((a, b) => (a.time || 0) - (b.time || 0));
         }
-        return [];
-    }, [dataContext?.data]);
+        return Array.from(rowByTime.values()).sort((a, b) => (a.time || 0) - (b.time || 0));
+    }, [dataContext.data]);
     const statData = useMemo(() => {
-        if (dataContext?.data) {
-            const ids = Object.keys(dataContext.data).map(Number);
-            const data = {
-                id: -1,
-                time: undefined,
-            };
-            for (let id of ids) {
-                const vectorStats = dataContext.data[id]?.data?.stats;
-                if (vectorStats) {
-                    switch (statType) {
-                        case StatType.MIN:
-                            data[id] = vectorStats.Min;
-                            break;
-                        case StatType.MAX:
-                            data[id] = vectorStats.Max;
-                            break;
-                        case StatType.AVG:
-                            data[id] = vectorStats.Avg;
-                            break;
-                        case StatType.SUM:
-                            data[id] = vectorStats.Sum;
-                            break;
-                    }
+        const ids = Object.keys(dataContext.data).map(Number);
+        const data = {
+            id: -1,
+            time: undefined,
+        };
+        for (let id of ids) {
+            const vectorStats = dataContext.data[id]?.data?.stats;
+            if (vectorStats) {
+                switch (statType) {
+                    case StatType.MIN:
+                        data[id] = vectorStats.Min;
+                        break;
+                    case StatType.MAX:
+                        data[id] = vectorStats.Max;
+                        break;
+                    case StatType.AVG:
+                        data[id] = vectorStats.Avg;
+                        break;
+                    case StatType.SUM:
+                        data[id] = vectorStats.Sum;
+                        break;
                 }
             }
-            return [data];
         }
-        return [];
-    }, [dataContext?.data, statType]);
+        return [data];
+    }, [dataContext.data, statType]);
     const columnDefs = useMemo(() => {
-        if (!dataContext?.vectors) {
+        if (!dataContext.vectors) {
             return [];
         }
         const columns = [
@@ -118,24 +114,52 @@ export const EdaTablePanel = ({ api, pageSize, data, isActive }) => {
             }))
         ];
         return table?.detailTable?.modifyColumns ? table.detailTable.modifyColumns(columns) : columns;
-    }, [dataContext?.vectors, statType, table?.detailTable?.modifyColumns]);
+    }, [dataContext.vectors, statType, table]);
     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,
-                            ")")) }));
+                switch (selectedVector.Type) {
+                    case EdaVectorType.FifteenMinutes:
+                    case EdaVectorType.Hour:
+                    case EdaVectorType.Day:
+                        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,
+                                    ")")) }));
+                    case EdaVectorType.Descriptive:
+                        return (React.createElement(EdaDescriptiveVectorEditorDialog, { api: api, vector: selectedVector, open: dataEditorVisible, onCancel: () => {
+                                setSelectedVector(undefined);
+                                setDataEditorVisible(false);
+                            }, onSaved: () => {
+                                setDataEditorVisible(false);
+                                dataContext.loadSpecificVectors([selectedVector], true);
+                            }, initialWidth: window.innerWidth * 0.8, initialHeight: window.innerHeight * 0.8, title: React.createElement("span", null,
+                                i18n("Editing vector"),
+                                " ",
+                                React.createElement(Typography.Text, { type: "secondary" },
+                                    "(",
+                                    selectedVector?.DisplayName,
+                                    ")")) }));
+                    default:
+                        return (React.createElement(Modal, { open: dataEditorVisible, onCancel: () => setDataEditorVisible(false), title: React.createElement("span", null,
+                                i18n("Editing vector"),
+                                " ",
+                                React.createElement(Typography.Text, { type: "secondary" },
+                                    "(",
+                                    selectedVector?.DisplayName,
+                                    ")")) },
+                            React.createElement("h2", null, i18n("EdaVectorType_" + EdaVectorType[selectedVector.Type]))));
+                }
             }
         }
         return undefined;
@@ -150,48 +174,45 @@ export const EdaTablePanel = ({ api, pageSize, data, isActive }) => {
         if (event.node.isRowPinned() || event.column.getColId() === "time") {
             return;
         }
-        const vector = dataContext?.vectors.find((v) => v.ID === Number(event.column.getColId()));
+        const vector = dataContext.vectors.find((v) => v.ID === Number(event.column.getColId()));
         if (vector) {
             setSelectedVector(vector);
             setDataEditorVisible(true);
         }
-    }, [dataContext?.vectors]);
+    }, [dataContext.vectors]);
     useEffect(() => {
-        if (data === undefined || !range || !dataContext || !isActive) {
+        if (data === undefined || !dataContext || !isActive) {
             return;
         }
         const dataSourceChanged = dataContext.loadedData !== data;
         if (dataSourceChanged) {
-            if (range.vectorPage !== 1) {
-                range.updateValues(range.btTotal, range.etTotal, range.sampling, 1);
+            if (range.vectorPage !== 1 || range.vectors !== undefined) {
+                range.updatePage(1);
+            }
+            else {
+                dataContext.loadAllData(data);
             }
-            dataContext.loadAllData(data);
             return;
         }
-        if (dataContext.loadedRange?.vectorPage !== range.vectorPage) {
+        if (dataContext.loadedRange?.vectorPage !== range.vectorPage || dataContext.loadedRange?.vectors !== range.vectors) {
             dataContext.loadAllData(data);
         }
-        else {
+        else if (dataContext.loadedRange !== range) {
             dataContext.loadSpecificVectors(dataContext.vectors);
         }
-    }, [isActive, data, detail?.showTimeWindow, range]);
-    if (range && dataContext) {
-        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");
-    }
+    }, [isActive, dataContext, data, detail?.showTimeWindow, range]);
+    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 })))));
 };
 function handleLoadData(callback) {
     callback(1);

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

@@ -1 +1 @@
-{"version":3,"file":"edaTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTablePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvF,OAAO,EAAC,wBAAwB,EAAC,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAGrE,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,MAAM,CAAC;AAC9C,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAKpC,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,IAAK,QAKJ;AALD,WAAK,QAAQ;IACT,uBAAW,CAAA;IACX,uBAAW,CAAA;IACX,2BAAe,CAAA;IACf,uBAAW,CAAA;AACf,CAAC,EALI,QAAQ,KAAR,QAAQ,QAKZ;AAgBD,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACxE,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAEjC,MAAM,KAAK,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,YAAY,EAAE,CAAC;IAEvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAW,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAY,CAAC;IAEjE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAC3F,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,KAAK,CAAC,UAAU,IAAI,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAE9F,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,WAAW,EAAE,IAAI,EAAE,CAAC;YACpB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACtD,MAAM,SAAS,GAAG,IAAI,GAAG,EAAmB,CAAC;YAE7C,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;gBACnB,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;gBAE5D,KAAK,MAAM,KAAK,IAAI,YAAY,EAAE,CAAC;oBAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;oBAEjC,IAAI,IAAI,KAAK,SAAS;wBAAE,SAAS;oBAEjC,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAE9B,IAAI,CAAC,GAAG,EAAE,CAAC;wBACP,GAAG,GAAG;4BACF,EAAE,EAAE,IAAI;4BACR,IAAI,EAAE,IAAI;yBACb,CAAA;wBACD,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;oBAC7B,CAAC;oBAED,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;gBACxB,CAAC;YACL,CAAC;YAED,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;QACxF,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAExB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,WAAW,EAAE,IAAI,EAAE,CAAC;YACpB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACtD,MAAM,IAAI,GAAY;gBAClB,EAAE,EAAE,CAAC,CAAC;gBACN,IAAI,EAAE,SAAS;aAClB,CAAC;YAEF,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE,CAAC;gBACjB,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC;gBAEtD,IAAI,WAAW,EAAE,CAAC;oBACd,QAAQ,QAAQ,EAAE,CAAC;wBACf,KAAK,QAAQ,CAAC,GAAG;4BACb,IAAI,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC;4BAC3B,MAAM;wBACV,KAAK,QAAQ,CAAC,GAAG;4BACb,IAAI,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC;4BAC3B,MAAM;wBACV,KAAK,QAAQ,CAAC,GAAG;4BACb,IAAI,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC;4BAC3B,MAAM;wBACV,KAAK,QAAQ,CAAC,GAAG;4BACb,IAAI,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC;4BAC3B,MAAM;oBACd,CAAC;gBACL,CAAC;YACL,CAAC;YAED,OAAO,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC;YACxB,OAAO,EAAE,CAAA;QACb,CAAC;QAED,MAAM,OAAO,GAAqB;YAC9B;gBACI,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,CAAC,gBAAgB,CAAC;gBACxB,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC;gBAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE;gBAC7C,UAAU,EAAE,sBAAsB;gBAClC,gBAAgB,EAAE;oBACd,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACtD;gBACD,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;oBACpB,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACtD,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,oBAAoB,EAAE,CAAC,MAAM,EAAE,EAAE;oBAC7B,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;wBAC5B,OAAO,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,CAAC;oBAC7C,CAAC;oBACD,OAAO,SAAS,CAAC;gBACrB,CAAC;gBACD,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;YACD,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAkB,EAAE,CAAC,CAAC;gBAC/C,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,QAAQ;gBACtB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnB,IAAI,EAAE,CAAC,YAAY,CAAC;gBACpB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC;gBACrF,UAAU,EAAE,CAAC,CAAC,WAAW;gBACzB,aAAa,EAAE,CAAC,CAAC,WAAW;gBAC5B,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B,CAAC,CAAC;SACN,CAAC;QAEF,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClG,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAExE,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,cAAc,IAAI,WAAW,EAAE,CAAC;YAChC,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YAEvD,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO,CACH,oBAAC,oBAAoB,IACjB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAE,GAAG,EAAE;wBACX,iBAAiB,CAAC,SAAS,CAAC,CAAC;wBAC7B,oBAAoB,CAAC,KAAK,CAAC,CAAC;oBAChC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wBACV,oBAAoB,CAAC,KAAK,CAAC,CAAC;wBAC5B,WAAW,CAAC,mBAAmB,CAAC,CAAC,cAAe,CAAC,EAAE,IAAI,CAAC,CAAC;oBAC7D,CAAC,EACD,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,IAAI,EACtC,aAAa,EAAE,MAAM,CAAC,WAAW,GAAG,IAAI,EACxC,KAAK,EAAE;wBAAO,IAAI,CAAC,gBAAgB,CAAC;;wBAAE,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,WAAW;;4BAAI,cAAc,EAAE,WAAW;gCAAoB,CAAO,GACpI,CACL,CAAC;YACN,CAAC;QACL,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,MAAW,EAAE,EAAE;QAC5C,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YAC5B,OAAO,EAAC,eAAe,EAAE,KAAK,CAAC,cAAc,EAAC,CAAC;QACnD,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAE3B,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,KAAsC,EAAE,EAAE;QAC/E,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,MAAM,EAAE,CAAC;YACjE,OAAO;QACX,CAAC;QAED,MAAM,MAAM,GAAG,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAE1F,IAAI,MAAM,EAAE,CAAC;YACT,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC1B,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,OAAO;QACX,CAAC;QAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,UAAU,KAAK,IAAI,CAAC;QAE1D,IAAI,iBAAiB,EAAE,CAAC;YACpB,IAAI,KAAK,CAAC,UAAU,KAAK,CAAC,EAAE,CAAC;gBACzB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YACxE,CAAC;YAED,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC9B,OAAO;QACX,CAAC;QAED,IAAI,WAAW,CAAC,WAAW,EAAE,UAAU,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC;YAC3D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;aAAM,CAAC;YACJ,WAAW,CAAC,mBAAmB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpD,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;QACvB,OAAO,CACH;YACK,gBAAgB;YACjB,oBAAC,gBAAgB,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;gBAElB,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC;oBACxB,oBAAC,gBAAgB,IACb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,cAAc,EAC1B,wBAAwB,EAAE;4BACtB,QAAQ,EAAE,CAAC,CAAC;yBACf,EACD,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,EAAC,QAAQ,EAAE,kBAAkB,EAAC,EAC5C,OAAO,EAAE;4BACL,eAAe,EAAE,IAAI;yBACxB,EACD,MAAM,EAAE;4BACJ,MAAM,EAAE,IAAI;4BACZ,kBAAkB,EAAE,IAAI;yBAC3B,EACD,mBAAmB,EAAE,mBAAmB,EACxC,wBAAwB,EAAE,sBAAsB,EAChD,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,QAAQ,EAC7B,YAAY,EAAC,UAAU,EACvB,6BAA6B,QAC7B,iCAAiC,SACnC,CACA,CACS,CACpB,CACN,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,0CAAgB,CAAA;IAC3B,CAAC;AACL,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,QAA6B;IACjD,QAAQ,CAAC,CAAC,CAAC,CAAC;AAChB,CAAC;AAED,SAAS,sBAAsB;IAC3B,OAAO,oBAAC,KAAK,IAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC,EAAC,GAAG,CAAC;AAC9F,CAAC;AAED,SAAS,kBAAkB,CAAC,YAA2B;IACnD,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAa,CAAC,CAAC,CAAC;AACpG,CAAC","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}"]}
+{"version":3,"file":"edaTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useCallback, useEffect, useMemo, useState} from \"react\";\r\nimport {useSampleRange} from \"../context/sharedSampleRangeContext\";\r\nimport {useEdaVectorData} from \"../context/edaVectorDataContext\";\r\nimport {EdaVectorType, TypedData} from \"../constants/edaTypes\";\r\nimport EdaManagerApi, {TreeItem} from \"../../../../api/eda/edaManagerApi\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {Empty, Modal, 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 \"../dialogs/edaTableEditorDialog\";\r\nimport {useEdaConfig} from \"../context/edaConfigContext\";\r\nimport {EdaDescriptiveVectorEditorDialog} from \"../dialogs/edaDescriptiveVectorEditorDialog\";\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 = useSampleRange();\r\n    const dataContext = useEdaVectorData();\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        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    }, [dataContext.data]);\r\n\r\n    const statData = useMemo(() => {\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    }, [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]);\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                switch (selectedVector.Type) {\r\n                    case EdaVectorType.FifteenMinutes:\r\n                    case EdaVectorType.Hour:\r\n                    case EdaVectorType.Day:\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                    case EdaVectorType.Descriptive:\r\n                        return (\r\n                            <EdaDescriptiveVectorEditorDialog\r\n                                api={api}\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.8}\r\n                                initialHeight={window.innerHeight * 0.8}\r\n                                title={<span>{i18n(\"Editing vector\")} <Typography.Text type={\"secondary\"}>({selectedVector?.DisplayName})</Typography.Text></span>}\r\n                            />\r\n                        );\r\n                    default:\r\n                        return (\r\n                            <Modal\r\n                                open={dataEditorVisible}\r\n                                onCancel={() => setDataEditorVisible(false)}\r\n                                title={<span>{i18n(\"Editing vector\")} <Typography.Text type={\"secondary\"}>({selectedVector?.DisplayName})</Typography.Text></span>}\r\n                            >\r\n                                <h2>{i18n(\"EdaVectorType_\" + EdaVectorType[selectedVector.Type])}</h2>\r\n                            </Modal>\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 || !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 || range.vectors !== undefined) {\r\n                range.updatePage(1);\r\n            } else {\r\n                dataContext.loadAllData(data);\r\n            }\r\n            return;\r\n        }\r\n\r\n        if (dataContext.loadedRange?.vectorPage !== range.vectorPage || dataContext.loadedRange?.vectors !== range.vectors) {\r\n            dataContext.loadAllData(data);\r\n        // } else if (!dataContext.loadedRange.btWindow.isSame(range.btWindow) || (!dataContext.loadedRange.etWindow.isSame(range.etWindow))) {\r\n        } else if (dataContext.loadedRange !== range) {\r\n            dataContext.loadSpecificVectors(dataContext.vectors);\r\n        }\r\n    }, [isActive, dataContext, data, detail?.showTimeWindow, range]);\r\n\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};\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/edaTreeView.d.ts

@@ -8,6 +8,11 @@ export declare enum TreeViewType {
 interface Props {
     api: EdaManagerApi;
     type: TreeViewType;
+    disableVectorSelection?: boolean;
+    disableBranchSelection?: boolean;
+    showOmitted?: boolean;
+    hideVectors?: boolean;
+    hideContextMenu?: boolean;
     onItemDoubleClick?: (id: TypedIndex, item: TreeItem) => void;
 }
 export declare const EdaTreeView: FC<Props>;