d2aura 26.0.8 → 26.0.10

package/coreui/components/edaManager/abstract/edaManagerAbstractTablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"edaManagerAbstractTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/abstract/edaManagerAbstractTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {DataGridColDef, MenuElement} from \"d2coreui/components/grid/dataGrid\";\r\nimport {LoadingOutlined} from \"@ant-design/icons\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {Empty} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaManagerRecord, EdaVector} from \"../../../../api/edaApi\";\r\nimport {GridRowStyle} from \"d2coreui/components/grid/cell/tableDefaultRowStyleRules\";\r\nimport {SelectionChangedEvent, GridReadyEvent, GridApi} from \"ag-grid-community\";\r\n\r\nexport interface EdaManagerAbstractTablePanelProps {\r\n    style?: React.CSSProperties\r\n    currentArchiveValues?: string[]\r\n    currentVectors?: EdaVector[],\r\n    loadedVectors: EdaManagerRecord[],\r\n    loading?: boolean\r\n}\r\n\r\nexport interface EdaManagerAbstractTablePanelState {\r\n    columnDefs: DataGridColDef[]\r\n    selectedData: EdaManagerRecord[]\r\n}\r\n\r\nexport default abstract class EdaManagerAbstractTablePanel<P extends EdaManagerAbstractTablePanelProps, S extends EdaManagerAbstractTablePanelState> extends React.Component<P, S> {\r\n    protected gridApi?: GridApi;\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n        this.renderContextMenu = this.renderContextMenu.bind(this);\r\n        this.onClickContextMenuItem = this.onClickContextMenuItem.bind(this);\r\n    }\r\n\r\n    protected initialState: EdaManagerAbstractTablePanelState = {\r\n        columnDefs: this.getColumnDefs(),\r\n        selectedData: [],\r\n    }\r\n\r\n    onReload() {\r\n        this.setState({columnDefs: this.getColumnDefs()});\r\n    }\r\n\r\n    refreshCells() {\r\n        this.gridApi?.refreshCells();\r\n    }\r\n\r\n    redrawRows() {\r\n        this.gridApi?.redrawRows();\r\n    }\r\n\r\n    protected getDateTimeColumn(): DataGridColDef {\r\n        return {\r\n            headerName: i18n(\"Date\"),\r\n            colId: \"date\",\r\n            field: \"date\",\r\n            type: \"dateTimeColumn\",\r\n            initialWidth: 140,\r\n            group: i18n(\"Basic Columns\"),\r\n        }\r\n    }\r\n\r\n    abstract getColumnDefs(): DataGridColDef[];\r\n\r\n    private onSelectionChanged(event: SelectionChangedEvent) {\r\n        const selectedRows = event.api.getSelectedRows();\r\n        this.setState({selectedData: selectedRows});\r\n    }\r\n\r\n    protected renderToolbarButtons(): React.ReactElement | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderAdditionalContent(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected getRowStyle(data: EdaManagerRecord): GridRowStyle | undefined {\r\n        data;\r\n        return undefined;\r\n    }\r\n\r\n    protected renderContextMenu(originalMenuItems: MenuElement[]): MenuElement[] {\r\n        return originalMenuItems;\r\n    }\r\n\r\n    protected onClickContextMenuItem(key: string) {\r\n        key;\r\n    }\r\n\r\n    render() {\r\n        const toolbarButtons = this.renderToolbarButtons();\r\n\r\n        if (this.props.loading) {\r\n            return (\r\n                <div style={{display: \"flex\", flexDirection: \"column\", height: \"100%\", ...this.props.style}}>\r\n                    {toolbarButtons}\r\n                    <div style={{height: \"100%\", display: \"flex\", justifyContent: \"center\", alignItems: \"center\"}}>\r\n                        <LoadingOutlined/>\r\n                    </div>\r\n                </div>\r\n            );\r\n        }\r\n\r\n        return (\r\n            <div style={{height: \"100%\"}}>\r\n                {this.renderAdditionalContent()}\r\n                <ExtendedDataGrid\r\n                    columnDefs={this.state.columnDefs}\r\n                    onLoadData={callback => {\r\n                        callback(this.props.loadedVectors.length)\r\n                    }}\r\n                    defaultGridConfiguration={{\r\n                        pageSize: -1,\r\n                    }}\r\n                    onGridReady={(params: GridReadyEvent) => {\r\n                        this.gridApi = params.api;\r\n                    }}\r\n                    rowData={this.props.loadedVectors}\r\n                    onSelectionChanged={this.onSelectionChanged}\r\n                    tablePanelStyle={{marginTop: 8}}\r\n                    panelStyle={this.props.style}\r\n                    toolbar={{\r\n                        hideRecordCount: true,\r\n                        toolbarButtons: toolbarButtons,\r\n                    }}\r\n                    search={{\r\n                        hidden: true,\r\n                        searchButtonHidden: true,\r\n                    }}\r\n                    contextMenu={{\r\n                        renderer: this.renderContextMenu,\r\n                        onClick: this.onClickContextMenuItem\r\n                    }}\r\n                    noRecordsOverlayRenderer={() =>\r\n                        <Empty description={i18n(\"No records found.\")} imageStyle={{height: \"8vh\"}}/>\r\n                    }\r\n                    getRowStyle={params => {\r\n                        const data = params.node.data as EdaManagerRecord;\r\n                        return this.getRowStyle(data);\r\n                    }}\r\n                    rowSelection=\"multiple\"\r\n                    singleClickEdit\r\n                    stopEditingWhenCellsLoseFocus\r\n                    enterNavigatesVerticallyAfterEdit\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"edaManagerAbstractTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/abstract/edaManagerAbstractTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {DataGridColDef, MenuElement} from \"d2coreui/components/grid/dataGrid\";\r\nimport {LoadingOutlined} from \"@ant-design/icons\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {Empty} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaManagerRecord, EdaVector} from \"../../../../api/edaApi\";\r\nimport {GridRowStyle} from \"d2coreui/components/grid/cell/tableDefaultRowStyleRules\";\r\nimport {SelectionChangedEvent, GridReadyEvent, GridApi} from \"ag-grid-community\";\r\nimport {EdaManagerArchiveValue} from \"../compactPanel/edaManagerCompactPanel\";\r\n\r\nexport interface EdaManagerAbstractTablePanelProps {\r\n    style?: React.CSSProperties\r\n    currentArchiveValues?: EdaManagerArchiveValue[]\r\n    currentVectors?: EdaVector[],\r\n    loadedVectors: EdaManagerRecord[],\r\n    loading?: boolean\r\n}\r\n\r\nexport interface EdaManagerAbstractTablePanelState {\r\n    columnDefs: DataGridColDef[]\r\n    selectedData: EdaManagerRecord[]\r\n}\r\n\r\nexport default abstract class EdaManagerAbstractTablePanel<P extends EdaManagerAbstractTablePanelProps, S extends EdaManagerAbstractTablePanelState> extends React.Component<P, S> {\r\n    protected gridApi?: GridApi;\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n        this.renderContextMenu = this.renderContextMenu.bind(this);\r\n        this.onClickContextMenuItem = this.onClickContextMenuItem.bind(this);\r\n    }\r\n\r\n    protected initialState: EdaManagerAbstractTablePanelState = {\r\n        columnDefs: this.getColumnDefs(),\r\n        selectedData: [],\r\n    }\r\n\r\n    onReload() {\r\n        this.setState({columnDefs: this.getColumnDefs()});\r\n    }\r\n\r\n    refreshCells() {\r\n        this.gridApi?.refreshCells();\r\n    }\r\n\r\n    redrawRows() {\r\n        this.gridApi?.redrawRows();\r\n    }\r\n\r\n    protected getDateTimeColumn(): DataGridColDef {\r\n        return {\r\n            headerName: i18n(\"Date\"),\r\n            colId: \"date\",\r\n            field: \"date\",\r\n            type: \"dateTimeColumn\",\r\n            initialWidth: 140,\r\n            group: i18n(\"Basic Columns\"),\r\n        }\r\n    }\r\n\r\n    abstract getColumnDefs(): DataGridColDef[];\r\n\r\n    private onSelectionChanged(event: SelectionChangedEvent) {\r\n        const selectedRows = event.api.getSelectedRows();\r\n        this.setState({selectedData: selectedRows});\r\n    }\r\n\r\n    protected renderToolbarButtons(): React.ReactElement | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderAdditionalContent(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected getRowStyle(data: EdaManagerRecord): GridRowStyle | undefined {\r\n        data;\r\n        return undefined;\r\n    }\r\n\r\n    protected renderContextMenu(originalMenuItems: MenuElement[]): MenuElement[] {\r\n        return originalMenuItems;\r\n    }\r\n\r\n    protected onClickContextMenuItem(key: string) {\r\n        key;\r\n    }\r\n\r\n    render() {\r\n        const toolbarButtons = this.renderToolbarButtons();\r\n\r\n        if (this.props.loading) {\r\n            return (\r\n                <div style={{display: \"flex\", flexDirection: \"column\", height: \"100%\", ...this.props.style}}>\r\n                    {toolbarButtons}\r\n                    <div style={{height: \"100%\", display: \"flex\", justifyContent: \"center\", alignItems: \"center\"}}>\r\n                        <LoadingOutlined/>\r\n                    </div>\r\n                </div>\r\n            );\r\n        }\r\n\r\n        return (\r\n            <div style={{height: \"100%\"}}>\r\n                {this.renderAdditionalContent()}\r\n                <ExtendedDataGrid\r\n                    columnDefs={this.state.columnDefs}\r\n                    onLoadData={callback => {\r\n                        callback(this.props.loadedVectors.length)\r\n                    }}\r\n                    defaultGridConfiguration={{\r\n                        pageSize: -1,\r\n                    }}\r\n                    onGridReady={(params: GridReadyEvent) => {\r\n                        this.gridApi = params.api;\r\n                    }}\r\n                    rowData={this.props.loadedVectors}\r\n                    onSelectionChanged={this.onSelectionChanged}\r\n                    tablePanelStyle={{marginTop: 8}}\r\n                    panelStyle={this.props.style}\r\n                    toolbar={{\r\n                        hideRecordCount: true,\r\n                        toolbarButtons: toolbarButtons,\r\n                    }}\r\n                    search={{\r\n                        hidden: true,\r\n                        searchButtonHidden: true,\r\n                    }}\r\n                    contextMenu={{\r\n                        renderer: this.renderContextMenu,\r\n                        onClick: this.onClickContextMenuItem\r\n                    }}\r\n                    noRecordsOverlayRenderer={() =>\r\n                        <Empty description={i18n(\"No records found.\")} imageStyle={{height: \"8vh\"}}/>\r\n                    }\r\n                    getRowStyle={params => {\r\n                        const data = params.node.data as EdaManagerRecord;\r\n                        return this.getRowStyle(data);\r\n                    }}\r\n                    rowSelection=\"multiple\"\r\n                    singleClickEdit\r\n                    stopEditingWhenCellsLoseFocus\r\n                    enterNavigatesVerticallyAfterEdit\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n\r\n}"]}

package/coreui/components/edaManager/compactPanel/edaManagerCompactPanel.d.ts

@@ -1,8 +1,14 @@
 import EdaManagerAbstractPanel, { EdaManagerAbstractPanelProps, EdaManagerAbstractPanelState, EdaManagerFilter } from "../abstract/edaManagerAbstractPanel";
 import { EdaVector, EdaStepEnum } from "../../../../api/edaApi";
 import dayjs from "d2core/dayjs";
+import { DataGridColDef } from "d2coreui/components/grid/dataGrid";
+export interface EdaManagerArchiveValue {
+    objectName: string;
+    displayName?: string;
+    columnDefinition?: Partial<DataGridColDef>;
+}
 interface Props extends EdaManagerAbstractPanelProps {
-    initialArchiveValues?: string[];
+    initialArchiveValues?: EdaManagerArchiveValue[];
     initialVectors?: EdaVector[];
     initialTimeFrom: dayjs.Dayjs | null;
     initialTimeTo: dayjs.Dayjs | null;

package/coreui/components/edaManager/compactPanel/edaManagerCompactPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"edaManagerCompactPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/compactPanel/edaManagerCompactPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAIN,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,UAAU,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAY,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAazC,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,uBAAqC;IACrF,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC;YACtE,GAAG,IAAI,CAAC,YAAY;SACvB,CAAA;IACL,CAAC;IAED,kBAAkB,CAAC,SAA0B;QACzC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACnU,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YAC/C,aAAa,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC;YACrE,aAAa,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;YACzD,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;YACnF,aAAa,CAAC,sBAAsB,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YAC/E,aAAa,CAAC,sBAAsB,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,aAAa,CAAC;YAExG,IAAI,CAAC,QAAQ,CAAC;gBACV,aAAa,EAAE,EAAE;gBACjB,oBAAoB,EAAE,EAAE;gBACxB,aAAa,EAAE,aAAa;gBAC5B,gBAAgB,EAAE,SAAS,CAAC,aAAa,CAAC;aAC7C,EAAE,GAAG,EAAE;gBACJ,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,WAAW,EAAE,CAAC;oBAC9D,IAAI,CAAC,aAAa,EAAE,CAAC;gBACzB,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,IAAc,2BAA2B;QACrC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAc,eAAe;QACzB,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC;IACpC,CAAC;IAED,IAAc,aAAa;QACvB,OAAO;YACH,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB;YACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;YACzC,sBAAsB,EAAE;gBACpB,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;gBAC5C,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa;gBACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,aAAa;gBACjE,WAAW,EAAE,KAAK;aACrB;SACJ,CAAA;IACL,CAAC;CACJ","sourcesContent":["import EdaManagerAbstractPanel, {\r\n    EdaManagerAbstractPanelProps,\r\n    EdaManagerAbstractPanelState,\r\n    EdaManagerFilter\r\n} from \"../abstract/edaManagerAbstractPanel\";\r\nimport * as FlexLayout from \"flexlayout-react\";\r\nimport {edaManagerCompactLayoutModel} from \"./initialLayout\";\r\nimport {EdaVector, EdaStepEnum} from \"../../../../api/edaApi\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport isEqual from \"lodash/isEqual\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\n\r\ninterface Props extends EdaManagerAbstractPanelProps {\r\n    initialArchiveValues?: string[]\r\n    initialVectors?: EdaVector[]\r\n    initialTimeFrom: dayjs.Dayjs | null\r\n    initialTimeTo: dayjs.Dayjs | null\r\n    initialStep?: EdaStepEnum\r\n}\r\n\r\ninterface State extends EdaManagerAbstractPanelState {\r\n}\r\n\r\nexport default class EdaManagerCompactPanel extends EdaManagerAbstractPanel<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            layoutModel: FlexLayout.Model.fromJson(edaManagerCompactLayoutModel()),\r\n            ...this.initialState,\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<Props>) {\r\n        if (!isEqual(prevProps.initialVectors, this.props.initialVectors) || !isEqual(prevProps.initialArchiveValues, this.props.initialArchiveValues) || !isEqual(prevProps.initialTimeFrom, this.props.initialTimeFrom) || !isEqual(prevProps.initialTimeTo, this.props.initialTimeTo) || prevProps.initialStep !== this.props.initialStep) {\r\n            const currentFilter = this.state.currentFilter;\r\n            currentFilter.currentArchiveValues = this.props.initialArchiveValues;\r\n            currentFilter.currentVectors = this.props.initialVectors;\r\n            currentFilter.timePanelConfiguration.selectedTimeFrom = this.props.initialTimeFrom;\r\n            currentFilter.timePanelConfiguration.selectedTimeTo = this.props.initialTimeTo;\r\n            currentFilter.timePanelConfiguration.selectedStep = this.props.initialStep ?? EdaStepEnum.DEFAULT_VALUE;\r\n\r\n            this.setState({\r\n                loadedVectors: [],\r\n                loadedCalendarVector: [],\r\n                currentFilter: currentFilter,\r\n                loadedDataFilter: cloneDeep(currentFilter),\r\n            }, () => {\r\n                if (this.state.currentFilter.timePanelConfiguration.autoRefresh) {\r\n                    this.onLoadVectors();\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    protected get edaManagerChartPanelCompact(): boolean {\r\n        return true;\r\n    }\r\n\r\n    protected get tabWrapperStyle(): React.CSSProperties {\r\n        return {padding: \"8px 0px 0px\"};\r\n    }\r\n\r\n    protected get initialFilter(): EdaManagerFilter {\r\n        return {\r\n            currentArchiveValues: this.props.initialArchiveValues,\r\n            currentVectors: this.props.initialVectors,\r\n            timePanelConfiguration: {\r\n                selectedTimeFrom: this.props.initialTimeFrom,\r\n                selectedTimeTo: this.props.initialTimeTo,\r\n                selectedStep: this.props.initialStep ?? EdaStepEnum.DEFAULT_VALUE,\r\n                autoRefresh: false,\r\n            }\r\n        }\r\n    }\r\n}"]}
+{"version":3,"file":"edaManagerCompactPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/compactPanel/edaManagerCompactPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAIN,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,UAAU,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAY,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAoBzC,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,uBAAqC;IACrF,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC;YACtE,GAAG,IAAI,CAAC,YAAY;SACvB,CAAA;IACL,CAAC;IAED,kBAAkB,CAAC,SAA0B;QACzC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACnU,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YAC/C,aAAa,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC;YACrE,aAAa,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;YACzD,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;YACnF,aAAa,CAAC,sBAAsB,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YAC/E,aAAa,CAAC,sBAAsB,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,aAAa,CAAC;YAExG,IAAI,CAAC,QAAQ,CAAC;gBACV,aAAa,EAAE,EAAE;gBACjB,oBAAoB,EAAE,EAAE;gBACxB,aAAa,EAAE,aAAa;gBAC5B,gBAAgB,EAAE,SAAS,CAAC,aAAa,CAAC;aAC7C,EAAE,GAAG,EAAE;gBACJ,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,WAAW,EAAE,CAAC;oBAC9D,IAAI,CAAC,aAAa,EAAE,CAAC;gBACzB,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,IAAc,2BAA2B;QACrC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAc,eAAe;QACzB,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC;IACpC,CAAC;IAED,IAAc,aAAa;QACvB,OAAO;YACH,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB;YACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;YACzC,sBAAsB,EAAE;gBACpB,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;gBAC5C,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa;gBACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,aAAa;gBACjE,WAAW,EAAE,KAAK;aACrB;SACJ,CAAA;IACL,CAAC;CACJ","sourcesContent":["import EdaManagerAbstractPanel, {\r\n    EdaManagerAbstractPanelProps,\r\n    EdaManagerAbstractPanelState,\r\n    EdaManagerFilter\r\n} from \"../abstract/edaManagerAbstractPanel\";\r\nimport * as FlexLayout from \"flexlayout-react\";\r\nimport {edaManagerCompactLayoutModel} from \"./initialLayout\";\r\nimport {EdaVector, EdaStepEnum} from \"../../../../api/edaApi\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport isEqual from \"lodash/isEqual\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\n\r\nexport interface EdaManagerArchiveValue {\r\n    objectName: string,\r\n    displayName?: string,\r\n    columnDefinition?: Partial<DataGridColDef>\r\n}\r\n\r\ninterface Props extends EdaManagerAbstractPanelProps {\r\n    initialArchiveValues?: EdaManagerArchiveValue[]\r\n    initialVectors?: EdaVector[]\r\n    initialTimeFrom: dayjs.Dayjs | null\r\n    initialTimeTo: dayjs.Dayjs | null\r\n    initialStep?: EdaStepEnum\r\n}\r\n\r\ninterface State extends EdaManagerAbstractPanelState {\r\n}\r\n\r\nexport default class EdaManagerCompactPanel extends EdaManagerAbstractPanel<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            layoutModel: FlexLayout.Model.fromJson(edaManagerCompactLayoutModel()),\r\n            ...this.initialState,\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<Props>) {\r\n        if (!isEqual(prevProps.initialVectors, this.props.initialVectors) || !isEqual(prevProps.initialArchiveValues, this.props.initialArchiveValues) || !isEqual(prevProps.initialTimeFrom, this.props.initialTimeFrom) || !isEqual(prevProps.initialTimeTo, this.props.initialTimeTo) || prevProps.initialStep !== this.props.initialStep) {\r\n            const currentFilter = this.state.currentFilter;\r\n            currentFilter.currentArchiveValues = this.props.initialArchiveValues;\r\n            currentFilter.currentVectors = this.props.initialVectors;\r\n            currentFilter.timePanelConfiguration.selectedTimeFrom = this.props.initialTimeFrom;\r\n            currentFilter.timePanelConfiguration.selectedTimeTo = this.props.initialTimeTo;\r\n            currentFilter.timePanelConfiguration.selectedStep = this.props.initialStep ?? EdaStepEnum.DEFAULT_VALUE;\r\n\r\n            this.setState({\r\n                loadedVectors: [],\r\n                loadedCalendarVector: [],\r\n                currentFilter: currentFilter,\r\n                loadedDataFilter: cloneDeep(currentFilter),\r\n            }, () => {\r\n                if (this.state.currentFilter.timePanelConfiguration.autoRefresh) {\r\n                    this.onLoadVectors();\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    protected get edaManagerChartPanelCompact(): boolean {\r\n        return true;\r\n    }\r\n\r\n    protected get tabWrapperStyle(): React.CSSProperties {\r\n        return {padding: \"8px 0px 0px\"};\r\n    }\r\n\r\n    protected get initialFilter(): EdaManagerFilter {\r\n        return {\r\n            currentArchiveValues: this.props.initialArchiveValues,\r\n            currentVectors: this.props.initialVectors,\r\n            timePanelConfiguration: {\r\n                selectedTimeFrom: this.props.initialTimeFrom,\r\n                selectedTimeTo: this.props.initialTimeTo,\r\n                selectedStep: this.props.initialStep ?? EdaStepEnum.DEFAULT_VALUE,\r\n                autoRefresh: false,\r\n            }\r\n        }\r\n    }\r\n}"]}

package/coreui/components/edaManager/components/edaManagerTablePanel.js

@@ -53,8 +53,8 @@ export default class EdaManagerTablePanel extends EdaManagerAbstractTablePanel {
     getColumnDefsForArchiveValues() {
         return this.props.currentArchiveValues?.map((value, index) => {
             return {
-                headerName: value,
-                colId: value,
+                headerName: value.displayName ?? value.objectName,
+                colId: value.objectName,
                 field: `col${index}`,
                 type: ["numberColumn", "alignRight"],
                 cellRenderer: (params) => {
@@ -68,6 +68,7 @@ export default class EdaManagerTablePanel extends EdaManagerAbstractTablePanel {
                 },
                 initialWidth: 140,
                 group: i18n("Basic Columns"),
+                ...value.columnDefinition
             };
         }) ?? [];
     }

package/coreui/components/edaManager/components/edaManagerTablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"edaManagerTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/components/edaManagerTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaApi, EdaManagerRecord, EdaVector} from \"../../../../api/edaApi\";\r\nimport {CellDoubleClickedEvent} from \"ag-grid-community\";\r\nimport EdaVectorDetailModalDialog from \"./detail/edaVectorDetailModalDialog\";\r\nimport EdaManagerAbstractTablePanel, {\r\n    EdaManagerAbstractTablePanelProps,\r\n    EdaManagerAbstractTablePanelState\r\n} from \"../abstract/edaManagerAbstractTablePanel\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\n\r\ninterface Props extends EdaManagerAbstractTablePanelProps {\r\n    edaApi?: EdaApi\r\n    timePanel?: React.ReactElement\r\n\r\n    onReloadVectorData(code: string): void\r\n}\r\n\r\ninterface State extends EdaManagerAbstractTablePanelState {\r\n    edaVectorDetailModalVisible: boolean\r\n    edaVectorsForDetailPanel: EdaVector[]\r\n    loadedVectorDataForDetailPanel: EdaManagerRecord[],\r\n}\r\n\r\nexport default class EdaManagerTablePanel extends EdaManagerAbstractTablePanel<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            edaVectorDetailModalVisible: false,\r\n            edaVectorsForDetailPanel: [],\r\n            loadedVectorDataForDetailPanel: [],\r\n            ...this.initialState\r\n        }\r\n    }\r\n\r\n    private getColumnDefsForEdaVectors(): DataGridColDef[] {\r\n        return this.props.currentVectors?.map((vector, index) => {\r\n            return {\r\n                headerName: vector.name ?? \"\",\r\n                colId: vector.code ?? \"\",\r\n                field: `col${index}`,\r\n                type: [\"numberColumn\", \"alignRight\"],\r\n                cellRendererParams: {\r\n                    fractionDigits: 6,\r\n                },\r\n                initialWidth: 140,\r\n                onCellDoubleClicked: (event: CellDoubleClickedEvent) => {\r\n                    const edaVectorForDetailPanel = cloneDeep(this.props.currentVectors!.find(value => value.code === event.colDef.colId)!);\r\n                    const vectorToEdit = cloneDeep(edaVectorForDetailPanel);\r\n\r\n                    edaVectorForDetailPanel.name = i18n(\"Original Data\");\r\n\r\n                    vectorToEdit.code += \"-edited\";\r\n                    if (vectorToEdit.colorIndex !== undefined) {\r\n                        vectorToEdit.colorIndex++;\r\n                    }\r\n\r\n                    this.setState({\r\n                        edaVectorDetailModalVisible: true,\r\n                        edaVectorsForDetailPanel: [edaVectorForDetailPanel, vectorToEdit],\r\n                        loadedVectorDataForDetailPanel: this.props.loadedVectors.map(value => {\r\n                            return {\r\n                                id: value.id,\r\n                                date: value.date,\r\n                                col0: value[event.colDef.field!],\r\n                                col1: value[event.colDef.field!],\r\n                            };\r\n                        })\r\n                    });\r\n                },\r\n                group: i18n(\"Basic Columns\"),\r\n            }\r\n        }) ?? []\r\n    }\r\n\r\n    private getColumnDefsForArchiveValues(): DataGridColDef[] {\r\n        return this.props.currentArchiveValues?.map((value, index) => {\r\n            return {\r\n                headerName: value,\r\n                colId: value,\r\n                field: `col${index}`,\r\n                type: [\"numberColumn\", \"alignRight\"],\r\n                cellRenderer: (params: any): string => {\r\n                    const value = params.value;\r\n                    if (value !== undefined && value !== null) {\r\n                        return LocaleHolder.formatNumber(value, 6, false);\r\n                    } else {\r\n                        return \"\";\r\n                    }\r\n                },\r\n                initialWidth: 140,\r\n                group: i18n(\"Basic Columns\"),\r\n            }\r\n        }) ?? []\r\n    }\r\n\r\n\r\n    getColumnDefs(): DataGridColDef[] {\r\n        return [\r\n            this.getDateTimeColumn(),\r\n            ...this.getColumnDefsForEdaVectors(),\r\n            ...this.getColumnDefsForArchiveValues(),\r\n        ]\r\n    }\r\n\r\n    private renderEdaVectorDetailModalDialog() {\r\n        return (\r\n            <EdaVectorDetailModalDialog\r\n                edaApi={this.props.edaApi!}\r\n                visible={this.state.edaVectorDetailModalVisible}\r\n                onCancel={() => this.setState({edaVectorDetailModalVisible: false})}\r\n                edaVectors={this.state.edaVectorsForDetailPanel}\r\n                loadedVectorData={this.state.loadedVectorDataForDetailPanel}\r\n                onReloadVectorData={() => {\r\n                    this.props.onReloadVectorData(this.state.edaVectorsForDetailPanel[0]?.code ?? \"\");\r\n                    this.setState({\r\n                        edaVectorDetailModalVisible: false,\r\n                        edaVectorsForDetailPanel: [],\r\n                        loadedVectorDataForDetailPanel: [],\r\n                    });\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    protected renderToolbarButtons() {\r\n        return this.props.timePanel;\r\n    }\r\n\r\n    protected renderAdditionalContent(): React.ReactNode | undefined {\r\n        return this.renderEdaVectorDetailModalDialog()\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"edaManagerTablePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/components/edaManagerTablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaApi, EdaManagerRecord, EdaVector} from \"../../../../api/edaApi\";\r\nimport {CellDoubleClickedEvent} from \"ag-grid-community\";\r\nimport EdaVectorDetailModalDialog from \"./detail/edaVectorDetailModalDialog\";\r\nimport EdaManagerAbstractTablePanel, {\r\n    EdaManagerAbstractTablePanelProps,\r\n    EdaManagerAbstractTablePanelState\r\n} from \"../abstract/edaManagerAbstractTablePanel\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\n\r\ninterface Props extends EdaManagerAbstractTablePanelProps {\r\n    edaApi?: EdaApi\r\n    timePanel?: React.ReactElement\r\n\r\n    onReloadVectorData(code: string): void\r\n}\r\n\r\ninterface State extends EdaManagerAbstractTablePanelState {\r\n    edaVectorDetailModalVisible: boolean\r\n    edaVectorsForDetailPanel: EdaVector[]\r\n    loadedVectorDataForDetailPanel: EdaManagerRecord[],\r\n}\r\n\r\nexport default class EdaManagerTablePanel extends EdaManagerAbstractTablePanel<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            edaVectorDetailModalVisible: false,\r\n            edaVectorsForDetailPanel: [],\r\n            loadedVectorDataForDetailPanel: [],\r\n            ...this.initialState\r\n        }\r\n    }\r\n\r\n    private getColumnDefsForEdaVectors(): DataGridColDef[] {\r\n        return this.props.currentVectors?.map((vector, index) => {\r\n            return {\r\n                headerName: vector.name ?? \"\",\r\n                colId: vector.code ?? \"\",\r\n                field: `col${index}`,\r\n                type: [\"numberColumn\", \"alignRight\"],\r\n                cellRendererParams: {\r\n                    fractionDigits: 6,\r\n                },\r\n                initialWidth: 140,\r\n                onCellDoubleClicked: (event: CellDoubleClickedEvent) => {\r\n                    const edaVectorForDetailPanel = cloneDeep(this.props.currentVectors!.find(value => value.code === event.colDef.colId)!);\r\n                    const vectorToEdit = cloneDeep(edaVectorForDetailPanel);\r\n\r\n                    edaVectorForDetailPanel.name = i18n(\"Original Data\");\r\n\r\n                    vectorToEdit.code += \"-edited\";\r\n                    if (vectorToEdit.colorIndex !== undefined) {\r\n                        vectorToEdit.colorIndex++;\r\n                    }\r\n\r\n                    this.setState({\r\n                        edaVectorDetailModalVisible: true,\r\n                        edaVectorsForDetailPanel: [edaVectorForDetailPanel, vectorToEdit],\r\n                        loadedVectorDataForDetailPanel: this.props.loadedVectors.map(value => {\r\n                            return {\r\n                                id: value.id,\r\n                                date: value.date,\r\n                                col0: value[event.colDef.field!],\r\n                                col1: value[event.colDef.field!],\r\n                            };\r\n                        })\r\n                    });\r\n                },\r\n                group: i18n(\"Basic Columns\"),\r\n            }\r\n        }) ?? []\r\n    }\r\n\r\n    private getColumnDefsForArchiveValues(): DataGridColDef[] {\r\n        return this.props.currentArchiveValues?.map((value, index) => {\r\n            return {\r\n                headerName: value.displayName ?? value.objectName,\r\n                colId: value.objectName,\r\n                field: `col${index}`,\r\n                type: [\"numberColumn\", \"alignRight\"],\r\n                cellRenderer: (params: any): string => {\r\n                    const value = params.value;\r\n                    if (value !== undefined && value !== null) {\r\n                        return LocaleHolder.formatNumber(value, 6, false);\r\n                    } else {\r\n                        return \"\";\r\n                    }\r\n                },\r\n                initialWidth: 140,\r\n                group: i18n(\"Basic Columns\"),\r\n                ...value.columnDefinition\r\n            }\r\n        }) ?? []\r\n    }\r\n\r\n\r\n    getColumnDefs(): DataGridColDef[] {\r\n        return [\r\n            this.getDateTimeColumn(),\r\n            ...this.getColumnDefsForEdaVectors(),\r\n            ...this.getColumnDefsForArchiveValues(),\r\n        ]\r\n    }\r\n\r\n    private renderEdaVectorDetailModalDialog() {\r\n        return (\r\n            <EdaVectorDetailModalDialog\r\n                edaApi={this.props.edaApi!}\r\n                visible={this.state.edaVectorDetailModalVisible}\r\n                onCancel={() => this.setState({edaVectorDetailModalVisible: false})}\r\n                edaVectors={this.state.edaVectorsForDetailPanel}\r\n                loadedVectorData={this.state.loadedVectorDataForDetailPanel}\r\n                onReloadVectorData={() => {\r\n                    this.props.onReloadVectorData(this.state.edaVectorsForDetailPanel[0]?.code ?? \"\");\r\n                    this.setState({\r\n                        edaVectorDetailModalVisible: false,\r\n                        edaVectorsForDetailPanel: [],\r\n                        loadedVectorDataForDetailPanel: [],\r\n                    });\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    protected renderToolbarButtons() {\r\n        return this.props.timePanel;\r\n    }\r\n\r\n    protected renderAdditionalContent(): React.ReactNode | undefined {\r\n        return this.renderEdaVectorDetailModalDialog()\r\n    }\r\n\r\n}"]}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { GroupData, IdType, ScenarioData, VectorData } from "../constants/edaTypes";
+import { AliasToken } from "antd/es/theme/interface";
+export interface BaseProps {
+    data?: VectorData | GroupData | ScenarioData;
+    type?: IdType;
+}
+export interface BaseState {
+}
+export declare abstract class EdaBasePanel<P extends BaseProps, S extends BaseState> extends React.Component<P, S> {
+    protected constructor(props: Readonly<P>);
+    protected abstract renderPanel(theme: AliasToken, type: IdType, data: VectorData | GroupData | ScenarioData): React.ReactNode;
+    protected abstract getDefaultBaseState(props: Readonly<P>): S;
+    render(): React.JSX.Element;
+    private renderEmpty;
+}

package/coreui/components/edaManagerComponent/components/edaBasePanel.js

@@ -0,0 +1,85 @@
+import React from "react";
+import { Card, Empty } from "antd";
+import { createStyles } from "antd-style";
+import WithCss from "d2coreui/components/style/withCss";
+import i18n from "d2core/i18n/i18n";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        baseLayout: css `
+            display: flex;
+            height: 100%;
+            flex-direction: column;
+            justify-content: space-between;
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+
+            > .ant-card-body {
+                height: 100%;
+                padding: ${token.paddingXS}px;
+
+                > div {
+                    height: 100%;
+                    overflow-x: hidden;
+                    overflow-y: auto;
+                }
+            }
+
+            .ant-spin-nested-loading {
+                height: 100%;
+                width: 100%;
+            }
+
+            .ant-spin-container {
+                display: flex;
+                height: 100%;
+                width: 100%;
+                flex-direction: column;
+                justify-content: space-between;
+                gap: ${token.paddingXXS}px;
+            }
+
+            .ant-spin-container > div {
+                flex: 0 0 auto;
+                display: flex;
+                justify-content: space-between;
+            }
+
+            .ant-spin-container > div:last-child {
+                width: 100%;
+                flex: 1 1 auto;
+                position: relative;
+            }
+
+            .eda-detail-no-data {
+                padding: ${token.padding}px;
+                display: flex;
+                align-items: center;
+                justify-content: center !important;
+                width: 100%;
+                height: 100%;
+            }
+
+            .progress {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        `
+    };
+});
+export class EdaBasePanel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = this.getDefaultBaseState(props);
+    }
+    render() {
+        const { type, data } = this.props;
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Card, { className: css.styles.baseLayout },
+            React.createElement("div", null, (type === undefined || data === undefined) ? this.renderEmpty() : this.renderPanel(css.theme, type, data)))));
+    }
+    renderEmpty() {
+        return React.createElement("div", { className: "eda-detail-no-data" },
+            React.createElement(Empty, { description: i18n("No data provided") }));
+    }
+}
+//# sourceMappingURL=edaBasePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edaBasePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaBasePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACjC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,OAAO,MAAM,mCAAmC,CAAC;AAExD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAGpC,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAG,EAAE;IAC7C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;;;;;;;;2BAUI,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;uBAoBnB,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;;2BAgBZ,KAAK,CAAC,OAAO;;;;;;;;;;;;;SAa/B;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AASH,MAAM,OAAgB,YAAuD,SAAQ,KAAK,CAAC,SAAe;IACtG,YAAsB,KAAkB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;IAMD,MAAM;QACF,MAAM,EAAC,IAAI,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEhC,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IACxB,CAAC,GAAG,EAAE,EAAE,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU;YAClC,iCACK,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAmB,EAAE,IAAI,EAAE,IAAI,CAAC,CACtH,CACH,CAEL,CACb,CAAA;IACL,CAAC;IAEO,WAAW;QACf,OAAO,6BAAK,SAAS,EAAE,oBAAoB;YAAE,oBAAC,KAAK,IAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAM,CAAA;IACtG,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {Card, Empty} from \"antd\";\r\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {AliasToken} from \"antd/es/theme/interface\";\r\n\r\nconst useStyles = createStyles(({css, token},) => {\r\n    return {\r\n        baseLayout: css`\r\n            display: flex;\r\n            height: 100%;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            border-top-left-radius: 0;\r\n            border-top-right-radius: 0;\r\n\r\n            > .ant-card-body {\r\n                height: 100%;\r\n                padding: ${token.paddingXS}px;\r\n\r\n                > div {\r\n                    height: 100%;\r\n                    overflow-x: hidden;\r\n                    overflow-y: auto;\r\n                }\r\n            }\r\n\r\n            .ant-spin-nested-loading {\r\n                height: 100%;\r\n                width: 100%;\r\n            }\r\n\r\n            .ant-spin-container {\r\n                display: flex;\r\n                height: 100%;\r\n                width: 100%;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                gap: ${token.paddingXXS}px;\r\n            }\r\n\r\n            .ant-spin-container > div {\r\n                flex: 0 0 auto;\r\n                display: flex;\r\n                justify-content: space-between;\r\n            }\r\n\r\n            .ant-spin-container > div:last-child {\r\n                width: 100%;\r\n                flex: 1 1 auto;\r\n                position: relative;\r\n            }\r\n\r\n            .eda-detail-no-data {\r\n                padding: ${token.padding}px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center !important;\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n\r\n            .progress {\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n        `\r\n    }\r\n});\r\n\r\nexport interface BaseProps {\r\n    data?: VectorData | GroupData | ScenarioData\r\n    type?: IdType\r\n}\r\n\r\nexport interface BaseState {}\r\n\r\nexport abstract class EdaBasePanel<P extends BaseProps, S extends BaseState> extends React.Component<P, S> {\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n        this.state = this.getDefaultBaseState(props);\r\n    }\r\n\r\n    protected abstract renderPanel(theme: AliasToken, type: IdType, data: VectorData | GroupData | ScenarioData): React.ReactNode;\r\n\r\n    protected abstract getDefaultBaseState(props: Readonly<P>): S;\r\n\r\n    render() {\r\n        const {type, data} = this.props;\r\n\r\n        return (\r\n            <WithCss useStyles={useStyles}>\r\n                {(css) =>\r\n                    <Card className={css.styles.baseLayout}>\r\n                        <div>\r\n                            {(type === undefined || data === undefined) ? this.renderEmpty() : this.renderPanel(css.theme as AliasToken, type, data)}\r\n                        </div>\r\n                    </Card>\r\n                }\r\n            </WithCss>\r\n        )\r\n    }\r\n\r\n    private renderEmpty(): React.ReactNode {\r\n        return <div className={\"eda-detail-no-data\"}><Empty description={i18n(\"No data provided\")}/></div>\r\n    }\r\n}"]}

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

@@ -0,0 +1,43 @@
+import { BaseProps, BaseState, EdaBasePanel } from "./edaBasePanel";
+import { GroupData, IdType, ScenarioData, VectorData } from "../constants/edaTypes";
+import React from "react";
+import { AliasToken } from "antd/es/theme/interface";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+import EdaManagerApi, { VectorValue } from "../../../../api/eda/edaManagerApi";
+import { SD_EM_Tree_Item } from "../../../../api/eda/generated/structures";
+import { WithSharedSampleRangeWrapperProps } from "../context/sharedSampleRangeWrapper";
+import { SharedSampleRange } from "../context/sharedSampleRange";
+export interface BaseDataProps extends BaseProps, WithSharedSampleRangeWrapperProps {
+    api: EdaManagerApi;
+    isActive: boolean;
+    size?: SizeType;
+    showTimeWindow?: boolean;
+}
+export interface BaseDataState extends BaseState {
+    needsReload: boolean;
+    loading: boolean;
+    loadingPercentage: number;
+    loadingVector: string;
+    loadingCount: number;
+}
+export declare abstract class EdaBaseDataPanel<P extends BaseDataProps, S extends BaseDataState> extends EdaBasePanel<P, S> {
+    static contextType: React.Context<SharedSampleRange | undefined>;
+    context: SharedSampleRange;
+    private latestRequestId;
+    protected abstract renderContent(token: AliasToken): React.ReactNode;
+    protected abstract getDefaultDataBaseState(props: P): Omit<S, keyof BaseDataState>;
+    protected abstract onDataLoaded(data: {
+        [id: number]: VectorValue[];
+    }, vectors: SD_EM_Tree_Item[]): void;
+    protected onDataSourceChanged(): void;
+    protected onLoadVectors(vectors: SD_EM_Tree_Item[]): SD_EM_Tree_Item[];
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: Readonly<P>, _prevState: Readonly<S>): Promise<void>;
+    protected getDefaultBaseState(props: P): S;
+    protected renderPanel(token: AliasToken, _type: IdType, _data: VectorData | GroupData | ScenarioData): React.ReactNode;
+    protected loadVectorData(vectors: SD_EM_Tree_Item[]): Promise<void>;
+    private getDefaultState;
+    private renderIndicator;
+    private loadData;
+    private handleError;
+}

package/coreui/components/edaManagerComponent/components/edaDataBasePanel.js

@@ -0,0 +1,217 @@
+import { EdaBasePanel } from "./edaBasePanel";
+import { EdaSamplingType } from "../constants/edaTypes";
+import React from "react";
+import Spin from "antd/lib/spin";
+import { Progress, Typography } from "antd";
+import { EdaSampleRangePickerPanel } from "./edaSampleRangePickerPanel";
+import { EdaTimeWindowPickerPanel } from "./edaTimeWindowPickerPanel";
+import { SharedSampleRangeContext } from "../context/sharedSampleRange";
+export class EdaBaseDataPanel extends EdaBasePanel {
+    constructor() {
+        super(...arguments);
+        this.latestRequestId = 0;
+    }
+    onDataSourceChanged() { }
+    onLoadVectors(vectors) {
+        return vectors;
+    }
+    async componentDidMount() {
+        if (this.props.type !== undefined && this.props.data) {
+            await this.loadData(this.props.type, this.props.data);
+        }
+    }
+    async componentDidUpdate(prevProps, _prevState) {
+        const { rangeContext, showTimeWindow, type, data, isActive } = this.props;
+        const { needsReload } = this.state;
+        const { btWindow, etWindow, btTotal, etTotal, sampling, step, vectorPage } = rangeContext;
+        const dataSourceChanged = prevProps.type !== type || prevProps.data !== data;
+        const windowChanged = !prevProps.rangeContext.btWindow.isSame(btWindow) ||
+            !prevProps.rangeContext.etWindow.isSame(etWindow) ||
+            prevProps.rangeContext.step !== step;
+        const showTimeWindowChanged = prevProps.showTimeWindow !== showTimeWindow;
+        const rangeChanged = prevProps.rangeContext.sampling !== sampling ||
+            prevProps.rangeContext.vectorPage !== vectorPage ||
+            prevProps.rangeContext.btTotal !== btTotal ||
+            prevProps.rangeContext.etTotal !== etTotal;
+        const totalChanged = prevProps.rangeContext.btTotal !== btTotal || prevProps.rangeContext.etTotal !== etTotal;
+        const shouldReload = dataSourceChanged || windowChanged || rangeChanged || showTimeWindowChanged || (!showTimeWindow && totalChanged);
+        if (type !== undefined && data !== undefined) {
+            if (dataSourceChanged) {
+                this.context.updateValues(btTotal, etTotal, sampling, 1);
+            }
+            if (dataSourceChanged || (prevProps.rangeContext.vectorPage !== vectorPage)) {
+                this.onDataSourceChanged();
+            }
+            if (isActive) {
+                if ((!prevProps.isActive && needsReload) || shouldReload) {
+                    this.setState({ needsReload: false });
+                    await this.loadData(type, data);
+                }
+            }
+            else if (shouldReload) {
+                this.setState({ needsReload: true });
+            }
+        }
+    }
+    getDefaultBaseState(props) {
+        this.handleError = this.handleError.bind(this);
+        return {
+            ...this.getDefaultState(),
+            ...this.getDefaultDataBaseState(props),
+        };
+    }
+    renderPanel(token, _type, _data) {
+        const { api, size, rangeContext, showTimeWindow } = this.props;
+        const { loading } = this.state;
+        const { btTotal, etTotal, sampling, vectorPage, totalCount, step } = rangeContext;
+        return (React.createElement(Spin, { spinning: loading, indicator: this.renderIndicator() },
+            React.createElement(React.Fragment, null,
+                React.createElement("div", null,
+                    React.createElement(EdaSampleRangePickerPanel, { bt: btTotal, et: etTotal, sampling: sampling, totalCount: totalCount, pageSize: api.pageSize, loading: loading, size: size, page: vectorPage, onChange: (bt, et, step, page) => {
+                            rangeContext.updateValues(bt, et, step, page);
+                        } })),
+                showTimeWindow &&
+                    React.createElement("div", null,
+                        React.createElement(EdaTimeWindowPickerPanel, { start: btTotal, end: etTotal, step: step, size: size, disabled: sampling === EdaSamplingType.Changes, onTimeWindowChanged: (bt, et, step) => {
+                                rangeContext.updateTimeWindow(bt, et, step);
+                            } })),
+                this.renderContent(token))));
+    }
+    async loadVectorData(vectors) {
+        const { api } = this.props;
+        const currentRequestId = ++this.latestRequestId;
+        try {
+            const { rangeContext, showTimeWindow } = this.props;
+            const { btTotal, etTotal, sampling } = rangeContext;
+            const result = [];
+            let { btWindow, etWindow } = rangeContext;
+            this.setState({ loading: true, loadingPercentage: 0 });
+            if (!showTimeWindow) {
+                btWindow = btTotal;
+                etWindow = etTotal;
+            }
+            this.setState({ loadingCount: vectors.length });
+            if (currentRequestId !== this.latestRequestId) {
+                return;
+            }
+            for (let i = 0; i < vectors.length; i++) {
+                const vector = vectors[i];
+                this.setState({ loadingVector: vector.DisplayName ?? "" });
+                result[vector.ID] = await api.readVectorValues(vector.ID, btWindow, etWindow, sampling).catch(this.handleError);
+                this.setState({ loadingPercentage: (i + 1) / vectors.length * 100 });
+            }
+            this.onDataLoaded?.(result, vectors);
+            this.setState({ loadingPercentage: 100, });
+        }
+        catch (e) {
+            console.error(e);
+            await api.cancelSession();
+        }
+        finally {
+            if (currentRequestId === this.latestRequestId) {
+                this.setState({ loading: false, loadingPercentage: 0 });
+            }
+        }
+    }
+    getDefaultState() {
+        return {
+            needsReload: false,
+            loading: false,
+            loadingPercentage: 0,
+            loadingVector: "",
+            loadingCount: 0,
+        };
+    }
+    renderIndicator() {
+        const { loadingCount, loadingPercentage, loadingVector } = this.state;
+        return (React.createElement("div", { className: "progress" },
+            React.createElement("div", null,
+                React.createElement(Progress, { type: "dashboard", steps: loadingCount, percent: loadingPercentage, format: (percent) => Math.round(percent ?? 0) + "%", trailColor: "rgba(0, 0, 0, 0.06)" }),
+                React.createElement(Typography.Text, { style: { whiteSpace: "nowrap" } }, loadingVector))));
+    }
+    async loadData(type, data) {
+        const { api } = this.props;
+        const currentRequestId = ++this.latestRequestId;
+        try {
+            const { rangeContext, showTimeWindow } = this.props;
+            const { btTotal, etTotal, sampling, vectorPage } = rangeContext;
+            const result = [];
+            const columns = [];
+            let { btWindow, etWindow } = rangeContext;
+            this.setState({ loading: true, loadingPercentage: 0 });
+            if (!showTimeWindow) {
+                btWindow = btTotal;
+                etWindow = etTotal;
+            }
+            switch (type) {
+                case 1:
+                case 2: {
+                    let vectors;
+                    try {
+                        if (type === 1) {
+                            vectors = await api.getGroupVectors(data.data.ID_SKVEKTOR, (vectorPage - 1) * api.pageSize);
+                        }
+                        else {
+                            vectors = await api.getScenarioVectors(data.data.ID_SCENAR, (vectorPage - 1) * api.pageSize, undefined, true);
+                        }
+                    }
+                    catch (error) {
+                        console.error(error);
+                        vectors = { items: [], leftCount: 0 };
+                    }
+                    vectors.items = this.onLoadVectors(vectors.items);
+                    this.setState({ loadingCount: vectors.items.length });
+                    if (vectorPage === 1) {
+                        this.context.updateTotalCount(vectors.items.length + vectors.leftCount);
+                    }
+                    if (currentRequestId !== this.latestRequestId) {
+                        return;
+                    }
+                    for (let i = 0; i < vectors.items.length; i++) {
+                        const vector = vectors.items[i];
+                        this.setState({ loadingVector: vector.DisplayName ?? "" });
+                        result[vector.ID] = await api.readVectorValues(vector.ID, btWindow, etWindow, sampling).catch(this.handleError);
+                        columns.push(vector);
+                        this.setState({ loadingPercentage: (i + 1) / vectors.items.length * 100 });
+                    }
+                    break;
+                }
+                case 0: {
+                    const column = data.data;
+                    const id = data.data.ID_VEKTOR;
+                    this.setState({ loadingCount: 1, loadingVector: column.ZOBRAZ_MENO });
+                    result[id] = await api.readVectorValues(id, btWindow, etWindow, sampling).catch(this.handleError);
+                    if (currentRequestId !== this.latestRequestId) {
+                        return;
+                    }
+                    columns.push({
+                        ID: column.ID_VEKTOR,
+                        DisplayName: column.ZOBRAZ_MENO,
+                        Name: column.MENO,
+                        ParentID: column.ID_SKVEKTOR,
+                        Path: "",
+                        Type: 0
+                    });
+                }
+            }
+            this.onDataLoaded?.(result, columns);
+            this.setState({ loadingPercentage: 100, });
+        }
+        catch (e) {
+            console.error(e);
+            await api.cancelSession();
+        }
+        finally {
+            if (currentRequestId === this.latestRequestId) {
+                this.setState({ loading: false, loadingPercentage: 0 });
+            }
+        }
+    }
+    async handleError(error) {
+        console.error(error);
+        await this.props.api.cancelSession();
+        return [];
+    }
+}
+EdaBaseDataPanel.contextType = SharedSampleRangeContext;
+//# sourceMappingURL=edaDataBasePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edaDataBasePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaDataBasePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {BaseProps, BaseState, EdaBasePanel} from \"./edaBasePanel\";\r\nimport {EdaSamplingType, GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport React from \"react\";\r\nimport Spin from \"antd/lib/spin\";\r\nimport {AliasToken} from \"antd/es/theme/interface\";\r\nimport {Progress, Typography} from \"antd\";\r\nimport {EdaSampleRangePickerPanel} from \"./edaSampleRangePickerPanel\";\r\nimport {EdaTimeWindowPickerPanel} from \"./edaTimeWindowPickerPanel\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport EdaManagerApi, {VectorValue} from \"../../../../api/eda/edaManagerApi\";\r\nimport {SD_EM_Tree_Item} from \"../../../../api/eda/generated/structures\";\r\nimport {WithSharedSampleRangeWrapperProps} from \"../context/sharedSampleRangeWrapper\";\r\nimport {SharedSampleRange, SharedSampleRangeContext} from \"../context/sharedSampleRange\";\r\n\r\nexport interface BaseDataProps extends BaseProps, WithSharedSampleRangeWrapperProps {\r\n    api: EdaManagerApi\r\n    isActive: boolean\r\n\r\n    size?: SizeType\r\n    showTimeWindow?: boolean\r\n}\r\n\r\nexport interface BaseDataState extends BaseState {\r\n    needsReload: boolean\r\n\r\n    loading: boolean\r\n    loadingPercentage: number\r\n    loadingVector: string\r\n    loadingCount: number\r\n}\r\n\r\nexport abstract class EdaBaseDataPanel<P extends BaseDataProps, S extends BaseDataState> extends EdaBasePanel<P, S> {\r\n    static contextType = SharedSampleRangeContext;\r\n    declare context: SharedSampleRange;\r\n\r\n    private latestRequestId: number = 0;\r\n\r\n    protected abstract renderContent(token: AliasToken): React.ReactNode;\r\n\r\n    protected abstract getDefaultDataBaseState(props: P): Omit<S, keyof BaseDataState>;\r\n\r\n    protected abstract onDataLoaded(data: {[id: number]: VectorValue[]}, vectors: SD_EM_Tree_Item[]): void;\r\n\r\n    protected onDataSourceChanged() {}\r\n\r\n    protected onLoadVectors(vectors: SD_EM_Tree_Item[]): SD_EM_Tree_Item[] {\r\n        return vectors;\r\n    }\r\n\r\n    async componentDidMount() {\r\n        if (this.props.type !== undefined && this.props.data) {\r\n            await this.loadData(this.props.type, this.props.data);\r\n        }\r\n    }\r\n\r\n    async componentDidUpdate(prevProps: Readonly<P>, _prevState: Readonly<S>) {\r\n        const {rangeContext, showTimeWindow, type, data, isActive} = this.props;\r\n        const {needsReload} = this.state;\r\n        const {btWindow, etWindow, btTotal, etTotal, sampling, step, vectorPage} = rangeContext;\r\n\r\n        const dataSourceChanged = prevProps.type !== type || prevProps.data !== data;\r\n        const windowChanged =\r\n            !prevProps.rangeContext.btWindow.isSame(btWindow) ||\r\n            !prevProps.rangeContext.etWindow.isSame(etWindow) ||\r\n            prevProps.rangeContext.step !== step;\r\n        const showTimeWindowChanged = prevProps.showTimeWindow !== showTimeWindow;\r\n        const rangeChanged =\r\n            prevProps.rangeContext.sampling !== sampling ||\r\n            prevProps.rangeContext.vectorPage !== vectorPage ||\r\n            prevProps.rangeContext.btTotal !== btTotal ||\r\n            prevProps.rangeContext.etTotal !== etTotal;\r\n        const totalChanged = prevProps.rangeContext.btTotal !== btTotal || prevProps.rangeContext.etTotal !== etTotal;\r\n        const shouldReload = dataSourceChanged || windowChanged || rangeChanged || showTimeWindowChanged || (!showTimeWindow && totalChanged);\r\n\r\n        if (type !== undefined && data !== undefined) {\r\n            // Reset pagination if the data source changed\r\n            if (dataSourceChanged) {\r\n                this.context.updateValues(btTotal, etTotal, sampling, 1);\r\n            }\r\n\r\n            if (dataSourceChanged || (prevProps.rangeContext.vectorPage !== vectorPage)) {\r\n                this.onDataSourceChanged();\r\n            }\r\n\r\n            if (isActive) {\r\n                if ((!prevProps.isActive && needsReload) || shouldReload) {\r\n                    this.setState({needsReload: false});\r\n                    await this.loadData(type, data);\r\n                }\r\n            } else if (shouldReload) {\r\n                this.setState({needsReload: true});\r\n            }\r\n        }\r\n    }\r\n\r\n    protected getDefaultBaseState(props: P): S {\r\n        this.handleError = this.handleError.bind(this);\r\n\r\n        return {\r\n            ...this.getDefaultState(),\r\n            ...this.getDefaultDataBaseState(props),\r\n        } as unknown as S;\r\n    }\r\n\r\n    protected renderPanel(token: AliasToken, _type: IdType, _data: VectorData | GroupData | ScenarioData): React.ReactNode {\r\n        const {api, size, rangeContext, showTimeWindow} = this.props;\r\n        const {loading} = this.state;\r\n        const {btTotal, etTotal, sampling, vectorPage, totalCount, step} = rangeContext;\r\n\r\n        return (\r\n            <Spin spinning={loading} indicator={this.renderIndicator()}>\r\n                <>\r\n                    <div>\r\n                        <EdaSampleRangePickerPanel\r\n                            bt={btTotal}\r\n                            et={etTotal}\r\n                            sampling={sampling}\r\n                            totalCount={totalCount}\r\n                            pageSize={api.pageSize}\r\n                            loading={loading}\r\n                            size={size}\r\n                            page={vectorPage}\r\n                            onChange={(bt, et, step, page) => {\r\n                                rangeContext.updateValues(bt, et, step, page);\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    {showTimeWindow &&\r\n                        <div>\r\n                            <EdaTimeWindowPickerPanel\r\n                                start={btTotal}\r\n                                end={etTotal}\r\n                                step={step}\r\n                                size={size}\r\n                                disabled={sampling === EdaSamplingType.Changes} // FIXME default -> ??\r\n                                onTimeWindowChanged={(bt, et, step) => {\r\n                                    rangeContext.updateTimeWindow(bt, et, step);\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    }\r\n                    {this.renderContent(token)}\r\n                </>\r\n            </Spin>\r\n        );\r\n    }\r\n\r\n    protected async loadVectorData(vectors: SD_EM_Tree_Item[]) {\r\n        const {api} = this.props;\r\n\r\n        const currentRequestId = ++this.latestRequestId;\r\n\r\n        try {\r\n            const {rangeContext, showTimeWindow} = this.props;\r\n            const {btTotal, etTotal, sampling} = rangeContext;\r\n            const result: { [id: number]: VectorValue[] } = [];\r\n            let {btWindow, etWindow} = rangeContext;\r\n\r\n            this.setState({loading: true, loadingPercentage: 0});\r\n\r\n            if (!showTimeWindow) {\r\n                btWindow = btTotal;\r\n                etWindow = etTotal;\r\n            }\r\n\r\n            this.setState({loadingCount: vectors.length});\r\n\r\n            if (currentRequestId !== this.latestRequestId) {\r\n                return;\r\n            }\r\n\r\n            for (let i = 0; i < vectors.length; i++) {\r\n                const vector = vectors[i];\r\n\r\n                this.setState({loadingVector: vector.DisplayName ?? \"\"});\r\n                result[vector.ID as number] = await api.readVectorValues(vector.ID as number, btWindow, etWindow, sampling).catch(this.handleError);\r\n                this.setState({loadingPercentage: (i + 1) / vectors.length * 100});\r\n            }\r\n\r\n            this.onDataLoaded?.(result, vectors);\r\n            this.setState({loadingPercentage: 100,});\r\n        } catch (e) {\r\n            console.error(e);\r\n            await api.cancelSession();\r\n        } finally {\r\n            if (currentRequestId === this.latestRequestId) {\r\n                this.setState({loading: false, loadingPercentage: 0});\r\n            }\r\n        }\r\n    }\r\n\r\n    private getDefaultState(): BaseDataState {\r\n        return {\r\n            needsReload: false,\r\n\r\n            loading: false,\r\n            loadingPercentage: 0,\r\n            loadingVector: \"\",\r\n            loadingCount: 0,\r\n        }\r\n    }\r\n\r\n    private renderIndicator(): React.ReactElement {\r\n        const {loadingCount, loadingPercentage, loadingVector} = this.state;\r\n        return (\r\n            <div className={\"progress\"}>\r\n                <div>\r\n                    <Progress\r\n                        type={\"dashboard\"}\r\n                        steps={loadingCount}\r\n                        percent={loadingPercentage}\r\n                        format={(percent) => Math.round(percent ?? 0) + \"%\"}\r\n                        trailColor=\"rgba(0, 0, 0, 0.06)\"\r\n                    />\r\n                    <Typography.Text style={{whiteSpace: \"nowrap\"}}>{loadingVector}</Typography.Text>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private async loadData(type: IdType, data: VectorData | GroupData | ScenarioData) {\r\n        const {api} = this.props;\r\n\r\n        const currentRequestId = ++this.latestRequestId;\r\n\r\n        try {\r\n            const {rangeContext, showTimeWindow} = this.props;\r\n            const {btTotal, etTotal, sampling, vectorPage} = rangeContext;\r\n            const result: { [id: number]: VectorValue[] } = [];\r\n            const columns: SD_EM_Tree_Item[] = [];\r\n            let {btWindow, etWindow} = rangeContext;\r\n\r\n            this.setState({loading: true, loadingPercentage: 0});\r\n\r\n            if (!showTimeWindow) {\r\n                btWindow = btTotal;\r\n                etWindow = etTotal;\r\n            }\r\n\r\n            switch (type) {\r\n                case IdType.GROUP:\r\n                case IdType.SCENARIO: {\r\n                    let vectors: {items: Partial<SD_EM_Tree_Item>[], leftCount: number};\r\n\r\n                    try {\r\n                        if (type === IdType.GROUP) {\r\n                            vectors = await api.getGroupVectors((data as GroupData).data.ID_SKVEKTOR, (vectorPage - 1) * api.pageSize);\r\n                        } else {\r\n                            vectors = await api.getScenarioVectors((data as ScenarioData).data.ID_SCENAR, (vectorPage - 1) * api.pageSize, undefined, true);\r\n                        }\r\n                    } catch (error) {\r\n                        console.error(error);\r\n                        vectors = {items: [], leftCount: 0};\r\n                    }\r\n\r\n                    vectors.items = this.onLoadVectors(vectors.items as SD_EM_Tree_Item[]); // load only visible vectors\r\n                    this.setState({loadingCount: vectors.items.length});\r\n\r\n                    if (vectorPage === 1) {\r\n                        this.context.updateTotalCount(vectors.items.length + vectors.leftCount);\r\n                    }\r\n\r\n                    if (currentRequestId !== this.latestRequestId) {\r\n                        return;\r\n                    }\r\n\r\n                    for (let i = 0; i < vectors.items.length; i++) {\r\n                        const vector = vectors.items[i];\r\n\r\n                        this.setState({loadingVector: vector.DisplayName ?? \"\"});\r\n                        result[vector.ID as number] = await api.readVectorValues(vector.ID as number, btWindow, etWindow, sampling).catch(this.handleError);\r\n                        columns.push(vector as SD_EM_Tree_Item);\r\n                        this.setState({loadingPercentage: (i + 1) / vectors.items.length * 100});\r\n                    }\r\n\r\n                    break;\r\n                }\r\n                case IdType.VECTOR: {\r\n                    const column = (data as VectorData).data;\r\n                    const id = (data as VectorData).data.ID_VEKTOR;\r\n\r\n                    this.setState({loadingCount: 1, loadingVector: column.ZOBRAZ_MENO});\r\n                    result[id] = await api.readVectorValues(id, btWindow, etWindow, sampling).catch(this.handleError);\r\n\r\n                    if (currentRequestId !== this.latestRequestId) {\r\n                        return;\r\n                    }\r\n\r\n                    columns.push({\r\n                        ID: column.ID_VEKTOR,\r\n                        DisplayName: column.ZOBRAZ_MENO,\r\n                        Name: column.MENO,\r\n                        ParentID: column.ID_SKVEKTOR,\r\n                        Path: \"\",\r\n                        Type: 0\r\n                    });\r\n                }\r\n            }\r\n\r\n            this.onDataLoaded?.(result, columns);\r\n            this.setState({loadingPercentage: 100,});\r\n        } catch (e) {\r\n            console.error(e);\r\n            await api.cancelSession();\r\n        } finally {\r\n            if (currentRequestId === this.latestRequestId) {\r\n                this.setState({loading: false, loadingPercentage: 0});\r\n            }\r\n        }\r\n    }\r\n\r\n    private async handleError(error: any) {\r\n        console.error(error)\r\n        await this.props.api.cancelSession();\r\n        return [];\r\n    }\r\n}"]}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { GroupData, IdType, ScenarioData, VectorData } from "../constants/edaTypes";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+import { BaseProps, BaseState, EdaBasePanel } from "./edaBasePanel";
+import { AliasToken } from "antd/es/theme/interface";
+import { Variant } from "antd/es/config-provider";
+interface Props extends BaseProps {
+    size?: SizeType;
+    variant?: Variant;
+}
+export declare class EdaDetailPanel extends EdaBasePanel<Props, BaseState> {
+    constructor(props: Readonly<Props>);
+    protected getDefaultBaseState(): BaseState;
+    protected renderPanel(_css: AliasToken, type: IdType, data: VectorData | GroupData | ScenarioData): React.ReactNode;
+}
+export {};

package/coreui/components/edaManagerComponent/components/edaDetailPanel.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { EdaVectorDetailPanel } from "./edaVectorDetailPanel";
+import { EdaGroupDetailPanel } from "./edaGroupDetailPanel";
+import { EdaScenarioDetailPanel } from "./edaScenarioDetailPanel";
+import { EdaBasePanel } from "./edaBasePanel";
+export class EdaDetailPanel extends EdaBasePanel {
+    constructor(props) {
+        super(props);
+    }
+    getDefaultBaseState() {
+        return {};
+    }
+    renderPanel(_css, type, data) {
+        const { size, variant } = this.props;
+        switch (type) {
+            case 0:
+                return React.createElement(EdaVectorDetailPanel, { data: data, size: size, variant: variant });
+            case 1:
+                return React.createElement(EdaGroupDetailPanel, { data: data, size: size, variant: variant });
+            case 2:
+                return React.createElement(EdaScenarioDetailPanel, { data: data, size: size, variant: variant });
+        }
+    }
+}
+//# sourceMappingURL=edaDetailPanel.js.map