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

d2aura 26.0.13 → 26.0.15

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

Files changed (158) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"edaGraphPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaGraphPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useContext, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport EdaManagerApi, {VectorValuesData} from \"../../../../api/eda/edaManagerApi\";\r\nimport {GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {SharedSampleRangeContext} from \"../context/sharedSampleRange\";\r\nimport {EdaVectorDataContext, EdaVectorDataState} from \"../context/edaVectorDataContext\";\r\nimport {Button, Checkbox, CheckboxProps, ConfigProvider, Space, theme, ThemeConfig} from \"antd\";\r\nimport * as echarts from \"echarts/core\";\r\nimport {\r\n DataZoomComponentOption,\r\n ECharts,\r\n GridComponentOption,\r\n LegendComponentOption,\r\n LineSeriesOption,\r\n TitleComponentOption,\r\n ToolboxComponentOption,\r\n TooltipComponentOption,\r\n XAXisComponentOption,\r\n YAXisComponentOption\r\n} from \"echarts\";\r\nimport {CallbackDataParams, ECBasicOption, TopLevelFormatterParams} from \"echarts/types/dist/shared\";\r\nimport {SD_EM_Tree_Item} from \"../../../../api/eda/generated/structures\";\r\nimport {RowSelectionOptions} from \"ag-grid-community/dist/types/src/entities/gridOptions\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {DownloadOutlined, RetweetOutlined, StockOutlined, ZoomInOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport ReactEcharts from \"echarts-for-react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {OptionDataValue} from \"echarts/types/src/util/types\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {GridApi, GridReadyEvent, ICellRendererParams} from \"ag-grid-community\";\r\nimport {EdaDataBasePanel} from \"./edaDataBasePanel\";\r\nimport {formatValue} from \"../utils/utils\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n return {\r\n baseLayout: css`\r\n display: flex;\r\n flex-direction: column;\r\n gap: ${token.paddingXXS}px;\r\n height: 100%;\r\n\r\n > .chart {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1 1 auto;\r\n border: 1px solid ${token.colorBorder};\r\n border-radius: ${token.borderRadius}px;\r\n padding: ${token.paddingXXS}px;\r\n\r\n > div:first-child {\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n \r\n > .echarts-for-react {\r\n flex: 1 1 auto;\r\n }\r\n }\r\n \r\n > .legend {\r\n position: relative;\r\n }\r\n `\r\n }\r\n});\r\n\r\ntype ChartOption = echarts.ComposeOption<\r\n LineSeriesOption \|\r\n TitleComponentOption \|\r\n TooltipComponentOption \|\r\n LegendComponentOption \|\r\n GridComponentOption \|\r\n XAXisComponentOption \|\r\n YAXisComponentOption \|\r\n DataZoomComponentOption \|\r\n ToolboxComponentOption\r\n> & ECBasicOption;\r\n\r\nconst rowSelection: RowSelectionOptions = {\r\n mode: \"multiRow\",\r\n headerCheckbox: false,\r\n checkboxes: false,\r\n}\r\n\r\nconst colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];\r\n\r\ninterface RowData extends SD_EM_Tree_Item {\r\n id: number\r\n Min?: number\r\n Max?: number\r\n Sum?: number\r\n Avg?: number\r\n}\r\n\r\ninterface Props {\r\n api: EdaManagerApi\r\n pageSize?: number\r\n data?: VectorData \| GroupData \| ScenarioData\r\n type?: IdType\r\n isActive: boolean\r\n showTimeWindow?: boolean\r\n showChartLegend?: boolean\r\n size?: SizeType\r\n}\r\n\r\nexport const EdaGraphPanel: FC<Props> = ({api, pageSize, type, data, isActive, showTimeWindow, showChartLegend, size}) => {\r\n const mask = LocaleHolder.getDateTimeFormat(true, false, false, true);\r\n const css = useStyles();\r\n const range = useContext(SharedSampleRangeContext);\r\n const dataContext = useContext(EdaVectorDataContext);\r\n const chartInstance = useRef<ECharts \| null>(null);\r\n const chartContainerRef = useRef<HTMLDivElement>(null);\r\n const gridApi = useRef<GridApi \| null>(null);\r\n const {token} = theme.useToken();\r\n const [labelData, setLabelData] = useState<RowData[] \| undefined>(undefined);\r\n const [showLegend, setShowLegend] = useState<boolean>(!!showChartLegend);\r\n const [dataZoom, setDataZoom] = useState(false);\r\n\r\n const chartOptions = useMemo((): ChartOption => ({\r\n grid: {\r\n bottom: 60 + 2 * token.paddingXXS + (!showLegend ? 30 : 0),\r\n top: token.padding\r\n },\r\n tooltip: {\r\n backgroundColor: token.colorBgElevated,\r\n borderColor: token.colorBorder,\r\n textStyle: {color: token.colorText},\r\n extraCssText: `box-shadow: ${token.boxShadowSecondary}; border-radius: ${token.borderRadius}px;`,\r\n\r\n trigger: 'axis',\r\n axisPointer: {\r\n type: 'cross',\r\n },\r\n appendTo: 'body',\r\n formatter: (p) => tooltipFormatter(p, mask, dataContext),\r\n },\r\n textStyle: {\r\n fontFamily: token.fontFamily,\r\n fontSize: token.fontSize,\r\n color: token.colorText\r\n },\r\n xAxis: {\r\n axisLine: {lineStyle: {color: token.colorTextSecondary}},\r\n axisTick: {lineStyle: {color: token.colorTextTertiary}},\r\n axisLabel: {\r\n color: token.colorTextSecondary,\r\n hideOverlap: true,\r\n // formatter: (value) => dayjs(value).format(mask),\r\n },\r\n splitLine: {lineStyle: {color: token.colorBorder}},\r\n\r\n type: 'time',\r\n boundaryGap: [0, 0],\r\n axisPointer: {\r\n label: {\r\n formatter: (value) => dayjs(value.value).format(mask),\r\n }\r\n }\r\n },\r\n yAxis: {\r\n axisLine: {lineStyle: {color: token.colorTextSecondary}},\r\n axisTick: {lineStyle: {color: token.colorTextTertiary}},\r\n axisLabel: {color: token.colorTextSecondary},\r\n splitLine: {lineStyle: {color: token.colorBorder}},\r\n\r\n type: 'value'\r\n },\r\n dataZoom: [\r\n {\r\n bottom: showLegend ? token.paddingXXS + 8 : 40,\r\n left: 130,\r\n right: 130,\r\n type: 'slider',\r\n show: true,\r\n realtime: true,\r\n labelFormatter: (value) => dayjs(value).format(mask),\r\n },\r\n {\r\n type: 'inside',\r\n realtime: true,\r\n }\r\n ],\r\n legend: {\r\n show: !showLegend,\r\n type: \"scroll\",\r\n bottom: 0,\r\n },\r\n toolbox: {\r\n show: true,\r\n itemSize: 0,\r\n right: 9999,\r\n feature: {\r\n dataZoom: {\r\n yAxisIndex: 'none',\r\n },\r\n restore: {}\r\n }\r\n },\r\n color: colors,\r\n }), [token, showLegend, mask, dataContext?.vectors]);\r\n\r\n const legendSelectChanged = (params: any) => {\r\n if (chartInstance.current !== null) {\r\n const name: string = params.name;\r\n const row = dataContext?.vectors.find((r) => r.DisplayName === name);\r\n\r\n if (row) {\r\n dataContext?.toggleVectorVisibility(row.ID, params.selected[name]);\r\n }\r\n }\r\n }\r\n\r\n const legendSelectRef = useRef(legendSelectChanged);\r\n\r\n useEffect(() => {\r\n legendSelectRef.current = legendSelectChanged;\r\n }, [legendSelectChanged]);\r\n\r\n useEffect(() => {\r\n if (!chartContainerRef.current \|\| !chartInstance.current) {\r\n return;\r\n }\r\n\r\n const resizeObserver = new ResizeObserver(() => {\r\n chartInstance.current?.resize();\r\n });\r\n\r\n resizeObserver.observe(chartContainerRef.current);\r\n\r\n return () => resizeObserver.disconnect();\r\n }, []);\r\n\r\n const renderChart = () => (\r\n <Space direction={\"vertical\"} className={\"chart\"}>\r\n <Space>\r\n <Button\r\n size={size}\r\n icon={<StockOutlined/>}\r\n title={i18n(\"Show Legend\")}\r\n type={showLegend ? \"primary\" : \"default\"}\r\n onClick={() => setShowLegend(!showLegend)}\r\n />\r\n <Space.Compact>\r\n <Button\r\n size={size}\r\n icon={<ZoomInOutlined/>}\r\n title={i18n(\"Zoom\")}\r\n type={dataZoom ? \"primary\" : \"default\"}\r\n onClick={() => setDataZoom(!dataZoom)}\r\n />\r\n <Button\r\n size={size}\r\n icon={<RetweetOutlined/>}\r\n title={i18n(\"Restore\")}\r\n onClick={() => {\r\n setDataZoom(false);\r\n chartInstance.current?.dispatchAction({type: 'dataZoom', start: 0, end: 100});\r\n chartInstance.current?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: false});\r\n }}\r\n />\r\n </Space.Compact>\r\n <Button\r\n size={size}\r\n icon={<DownloadOutlined/>}\r\n title={i18n(\"Export as PNG\")}\r\n onClick={() => {\r\n if (chartInstance.current) {\r\n const img = chartInstance.current.getDataURL({type: 'png', pixelRatio: 2, backgroundColor: '#fff', excludeComponents: ['dataZoom', 'toolbox']});\r\n\r\n const link = document.createElement(\"a\");\r\n\r\n link.href = img;\r\n link.download = \"chart.png\";\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }}\r\n />\r\n </Space>\r\n <div style={{width: \"100%\", height: \"100%\"}} ref={chartContainerRef}>\r\n <ReactEcharts\r\n style={{width: \"100%\", height: \"100%\"}}\r\n option={chartOptions}\r\n lazyUpdate\r\n onChartReady={(instance: ECharts) => {\r\n chartInstance.current = instance;\r\n instance.on(\"legendselectchanged\", (params) => legendSelectRef.current(params));\r\n }}\r\n />\r\n </div>\r\n </Space>\r\n );\r\n\r\n const renderLegend = () => {\r\n const height = 35 + 28 * (labelData ?? []).length + 15 /scrollbar/;\r\n\r\n return (\r\n <div className={\"legend\"} style={{flex: `0 0 ${height}px`}}>\r\n <ExtendedDataGrid\r\n columnDefs={columnDefs}\r\n onLoadData={callback => {\r\n callback(1)\r\n }}\r\n defaultGridConfiguration={{\r\n pageSize: -1,\r\n }}\r\n onGridReady={(params: GridReadyEvent) => {\r\n gridApi.current = params.api;\r\n }}\r\n rowData={labelData}\r\n tablePanelStyle={{marginTop: `0 ${token.paddingXXS}`}}\r\n panelStyle={{padding: `0 ${token.paddingXXS}px`}}\r\n toolbar={{\r\n hideRecordCount: true,\r\n renderToolbar: () => <></>\r\n }}\r\n search={{\r\n hidden: true,\r\n searchButtonHidden: true,\r\n }}\r\n noRecordsOverlayRenderer={() => <></>}\r\n rowSelection={rowSelection}\r\n />\r\n </div>\r\n )\r\n };\r\n\r\n const onHeaderCheckboxToggle = async (checked: boolean) => {\r\n dataContext?.setAllVectorVisibility(checked);\r\n }\r\n\r\n const checkboxCellRenderer = (params: ICellRendererParams) => {\r\n return (\r\n <ColoredCheckbox\r\n index={params.data.id}\r\n checked={dataContext?.visible.has(params.data.ID)}\r\n onChange={async (event) => {\r\n const row = dataContext?.vectors.find((l) => l.ID === params.data.ID);\r\n\r\n if (row) {\r\n dataContext?.toggleVectorVisibility(params.data.ID, event.target.checked);\r\n }\r\n }}\r\n />\r\n );\r\n }\r\n\r\n const CustomHeader = (props: { onToggle: (checked: boolean) => void }) => {\r\n return (\r\n <div className=\"custom-header-wrapper\">\r\n <Checkbox\r\n checked={dataContext?.allVectorsVisible() && !dataContext?.noVectorsVisible()}\r\n indeterminate={!dataContext?.allVectorsVisible() && !dataContext?.noVectorsVisible()}\r\n onChange={(e) => {\r\n props.onToggle(e.target.checked);\r\n }}\r\n />\r\n </div>\r\n );\r\n };\r\n\r\n const getColumnDefs = (): DataGridColDef[] => ([\r\n {\r\n field: \"checkbox\",\r\n headerName: i18n(\"Checkbox\"),\r\n headerComponent: CustomHeader,\r\n headerComponentParams: {\r\n onToggle: onHeaderCheckboxToggle\r\n },\r\n maxWidth: 32,\r\n width: 32,\r\n minWidth: 32,\r\n cellRenderer: checkboxCellRenderer,\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"DisplayName\",\r\n headerName: i18n(\"Name\"),\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Min\",\r\n headerName: i18n(\"Min\"),\r\n valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Min : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Max\",\r\n headerName: i18n(\"Max\"),\r\n valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Max : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Sum\",\r\n headerName: i18n(\"Sum\"),\r\n valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Sum : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Avg\",\r\n headerName: i18n(\"Average\"),\r\n valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Avg : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Units\",\r\n headerName: i18n(\"Units\"),\r\n valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Units : undefined,\r\n group: i18n(\"Basic Columns\")\r\n },\r\n ]);\r\n\r\n const columnDefs = useMemo(() => getColumnDefs(), [dataContext?.data, dataContext?.visible]);\r\n\r\n useEffect(() => {\r\n const selectedMap: Record<string, boolean> = {};\r\n\r\n dataContext?.vectors.forEach((vector) => {\r\n selectedMap[vector.DisplayName] = dataContext?.visible.has(vector.ID);\r\n });\r\n\r\n chartInstance.current?.setOption<ChartOption>({legend: {selected: selectedMap}});\r\n }, [dataContext?.visible]);\r\n\r\n useEffect(() => {\r\n if (type === undefined \|\| data === undefined \|\| !range \|\| !dataContext) {\r\n return;\r\n }\r\n\r\n const dataSourceChanged = dataContext.loadedType !== type \|\| dataContext.loadedData !== data;\r\n\r\n if (isActive) {\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 setLabelData(undefined);\r\n dataContext.loadAllData(type, data);\r\n return;\r\n }\r\n\r\n dataContext.loadSpecificVectors(dataContext.vectors.filter((v) => dataContext.visible.has(v.ID)));\r\n } else if (dataSourceChanged) {\r\n setLabelData(undefined);\r\n }\r\n }, [isActive, type, data, showTimeWindow, range]);\r\n\r\n useEffect(() => {\r\n if (dataContext?.data && dataContext.initialized) {\r\n if (labelData === undefined) {\r\n const chartSeries: LineSeriesOption[] = dataContext.vectors.map((v): LineSeriesOption => {\r\n const values = dataContext.data[v.ID] \|\| [];\r\n\r\n return {\r\n name: v.DisplayName ?? String(v.ID),\r\n id: v.ID,\r\n type: 'line',\r\n symbol: 'none',\r\n sampling: \"minmax\",\r\n step: \"end\",\r\n lineStyle: {\r\n width: 1,\r\n },\r\n data: values.data?.data?.map((v) => [v.Value.valueTime, v.Value.value]) ?? [],\r\n animationDuration: 300,\r\n animationEasing: 'exponentialOut',\r\n }\r\n });\r\n const selectedMap: Record<string, boolean> = {};\r\n const labels = dataContext.vectors.map((v, index): RowData => {\r\n const stats = dataContext.data[v.ID]?.data?.stats;\r\n return {\r\n ...v,\r\n id: index,\r\n Min: stats?.Min.value as number,\r\n Max: stats?.Max.value as number,\r\n Sum: stats?.Sum.value as number,\r\n Avg: stats?.Avg.value as number,\r\n }\r\n });\r\n\r\n labels?.forEach((item) => {\r\n selectedMap[item.DisplayName] = dataContext.isVectorVisible(item.ID);\r\n });\r\n\r\n chartInstance.current?.setOption<ChartOption>({series: chartSeries, legend: {selected: selectedMap}}, {replaceMerge: ['series']});\r\n setLabelData(labels);\r\n } else {\r\n const newLabelData = [...labelData];\r\n\r\n newLabelData.forEach((row) => {\r\n const values = dataContext.data[row.ID]?.data as VectorValuesData \| undefined;\r\n\r\n if (values?.data) {\r\n chartInstance.current?.setOption<ChartOption>({series: [{name: row.DisplayName, id: row.ID, data: values.data.map(v => [v.Value.valueTime, v.Value.value])}]});\r\n row.Min = values.stats?.Min.value as number;\r\n row.Max = values.stats?.Max.value as number;\r\n row.Sum = values.stats?.Sum.value as number;\r\n row.Avg = values.stats?.Avg.value as number;\r\n }\r\n });\r\n\r\n setLabelData(newLabelData);\r\n }\r\n }\r\n }, [dataContext?.data, dataContext?.vectors, dataContext?.initialized]);\r\n\r\n useEffect(() => {\r\n chartInstance.current?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: dataZoom});\r\n }, [dataZoom]);\r\n\r\n if (range && dataContext) {\r\n return (\r\n <EdaDataBasePanel\r\n api={api}\r\n type={type}\r\n data={data}\r\n size={size}\r\n range={range}\r\n dataContext={dataContext}\r\n showTimeWindow={showTimeWindow}\r\n pageSize={pageSize}\r\n >\r\n <div className={css.styles.baseLayout}>\r\n {renderChart()}\r\n {showLegend && renderLegend()}\r\n </div>\r\n </EdaDataBasePanel>\r\n );\r\n } else {\r\n return <h1>no data</h1>\r\n }\r\n}\r\n\r\ninterface ColoredCheckboxProps extends CheckboxProps {\r\n index: number\r\n children?: React.ReactNode\r\n}\r\n\r\nconst ColoredCheckbox: React.FC<ColoredCheckboxProps> = ({index, children, ...props}) => {\r\n const theme: ThemeConfig = React.useMemo(() => ({\r\n token: {\r\n colorPrimary: colors[index % colors.length],\r\n },\r\n hashed: true,\r\n }), [index]);\r\n\r\n return (\r\n <ConfigProvider theme={theme}>\r\n <Checkbox {...props}>{children}</Checkbox>\r\n </ConfigProvider>\r\n )\r\n}\r\n\r\nconst tooltipFormatter = (p: TopLevelFormatterParams, mask: string, dataContext?: EdaVectorDataState) => {\r\n const params = p as CallbackDataParams[];\r\n const values = params[0].value as OptionDataValue[];\r\n const date = dayjs(values[0]).format(mask);\r\n let list = `<div style=\"margin-bottom: 4px;\">${date}</div>`;\r\n\r\n (params as CallbackDataParams[]).forEach((item) => {\r\n const values = item.value as OptionDataValue[];\r\n const vectorInfo = dataContext?.vectors.find((v) => v.DisplayName === item.seriesName);\r\n\r\n if (vectorInfo) {\r\n const value = values[1] !== null ? (formatValue(values[1] as number, vectorInfo.RoundingType, vectorInfo.RoundingPlaces) + \" \" + (vectorInfo.Units ?? \"\")) : \"Invalid\";\r\n\r\n list += `<div style=\"display: flex; justify-content: space-between; align-items: center; min-width: 150px; gap: 20px;\">`;\r\n list += `<span style=\"display: flex; align-items: center;\">${item.marker}<span style=\"margin-left: 5px;\">${item.seriesName}</span></span>`;\r\n list += `<span style=\"font-weight: bold;\">${value}</span></div>`;\r\n }\r\n });\r\n\r\n return list;\r\n}"]}
1	+ {"version":3,"file":"edaGraphPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaGraphPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AASzD,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACxE,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,gBAAgB,EAAE,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,UAAU,KAAK,IAAI,CAAC;QAE1D,IAAI,QAAQ,EAAE,CAAC;YACX,IAAI,iBAAiB,EAAE,CAAC;gBACpB,IAAI,KAAK,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;oBACxD,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC;qBAAM,CAAC;oBACJ,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClC,CAAC;gBACD,OAAO;YACX,CAAC;YAED,IAAI,WAAW,CAAC,WAAW,EAAE,UAAU,KAAK,KAAK,CAAC,UAAU,IAAI,WAAW,CAAC,WAAW,EAAE,OAAO,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;gBACjH,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACJ,WAAW,CAAC,mBAAmB,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACtG,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjE,OAAO,CACH,oBAAC,gBAAgB,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,cAAc,IACX,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,cAAc,EAAE,WAAW,CAAC,OAAO,EACnC,iBAAiB,EAAE,WAAW,CAAC,WAAW,EAC1C,kBAAkB,EAAE,WAAW,CAAC,sBAAsB,EACtD,qBAAqB,EAAE,WAAW,CAAC,sBAAsB,GAC3D,CACa,CACtB,CAAC;AACN,CAAC,CAAA","sourcesContent":["import React, {FC, useEffect} from \"react\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport {TypedData} from \"../constants/edaTypes\";\r\nimport {useSampleRange} from \"../context/sharedSampleRangeContext\";\r\nimport {useEdaVectorData} from \"../context/edaVectorDataContext\";\r\nimport {EdaDataBasePanel} from \"./edaDataBasePanel\";\r\nimport {EdaChartViewer} from \"./edaChartViewer\";\r\nimport {useEdaConfig} from \"../context/edaConfigContext\";\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 EdaGraphPanel: FC<Props> = ({api, pageSize, data, isActive}) => {\r\n const {detail} = useEdaConfig();\r\n\r\n const range = useSampleRange();\r\n const dataContext = useEdaVectorData();\r\n\r\n useEffect(() => {\r\n if (data === undefined) {\r\n return;\r\n }\r\n\r\n const dataSourceChanged = dataContext.loadedData !== data;\r\n\r\n if (isActive) {\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 {\r\n dataContext.loadSpecificVectors(dataContext.vectors.filter((v) => dataContext.visible.has(v.ID)));\r\n }\r\n }\r\n }, [isActive, data, dataContext, detail?.showTimeWindow, range]);\r\n\r\n return (\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 <EdaChartViewer\r\n vectors={dataContext.vectors}\r\n data={dataContext.data}\r\n visibleVectors={dataContext.visible}\r\n isDataInitialized={dataContext.initialized}\r\n onToggleVisibility={dataContext.toggleVectorVisibility}\r\n onToggleAllVisibility={dataContext.setAllVectorVisibility}\r\n />\r\n </EdaDataBasePanel>\r\n );\r\n}"]}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface Props {
+    onCancel?: () => void;
+    onCancelAll?: () => void;
+}
+export declare const EdaLoadingOverlay: FC<Props>;
+export {};

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

@@ -0,0 +1,35 @@
+import React, { useContext } from "react";
+import { Button, Progress, Space, Spin, Typography } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { createStyles } from "antd-style";
+import { LoadingContext } from "../context/loadingContext";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        fullscreenSpin: css `
+            background: ${token.colorBgElevated}CC !important;
+            backdrop-filter: blur(2px);
+        `,
+        progressLayout: css `
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            z-index: 9999;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        `
+    };
+});
+export const EdaLoadingOverlay = ({ onCancel, onCancelAll }) => {
+    const { styles } = useStyles();
+    const loadingContext = useContext(LoadingContext);
+    return (React.createElement(Spin, { spinning: loadingContext?.loading, fullscreen: true, rootClassName: styles.fullscreenSpin, indicator: (React.createElement("div", null,
+            React.createElement(Space, { direction: "vertical", className: styles.progressLayout },
+                React.createElement(Progress, { type: "dashboard", steps: loadingContext?.loadingCount, percent: loadingContext?.loadingPercentage, format: (percent) => Math.round(percent ?? 0) + "%", trailColor: "rgba(0, 0, 0, 0.06)" }),
+                React.createElement(Typography.Text, { style: { whiteSpace: "nowrap" } }, loadingContext?.loadingItem),
+                React.createElement(Space.Compact, null,
+                    onCancel && (React.createElement(Button, { type: "primary", danger: true, onClick: onCancel }, i18n("Cancel"))),
+                    onCancelAll && (React.createElement(Button, { type: "primary", danger: true, onClick: onCancelAll }, i18n("Cancel All"))))))) }));
+};
+//# sourceMappingURL=edaLoadingOverlay.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"edaLoadingOverlay.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaLoadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,MAAM,CAAC;AAC/D,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAEzD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAE,EAAE;IAC5C,OAAO;QACH,cAAc,EAAE,GAAG,CAAA;0BACD,KAAK,CAAC,eAAe;;SAEtC;QACD,cAAc,EAAE,GAAG,CAAA;;;;;;;;;SASlB;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,iBAAiB,GAAc,CAAC,EAAC,QAAQ,EAAE,WAAW,EAAC,EAAE,EAAE;IACpE,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAElD,OAAO,CACH,oBAAC,IAAI,IACD,QAAQ,EAAE,cAAc,EAAE,OAAO,EACjC,UAAU,QACV,aAAa,EAAE,MAAM,CAAC,cAAc,EACpC,SAAS,EAAE,CACP;YACI,oBAAC,KAAK,IAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc;gBAC1D,oBAAC,QAAQ,IACL,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,cAAc,EAAE,YAAY,EACnC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAC1C,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,GAAG,EACnD,UAAU,EAAC,qBAAqB,GAClC;gBACF,oBAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC,IACzC,cAAc,EAAE,WAAW,CACd;gBAClB,oBAAC,KAAK,CAAC,OAAO;oBACT,QAAQ,IAAI,CACT,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,MAAM,QACN,OAAO,EAAE,QAAQ,IAEhB,IAAI,CAAC,QAAQ,CAAC,CACV,CACZ;oBACA,WAAW,IAAI,CACZ,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,MAAM,QACN,OAAO,EAAE,WAAW,IAEnB,IAAI,CAAC,YAAY,CAAC,CACd,CACZ,CACW,CACZ,CACN,CACT,GACH,CACL,CAAC;AACN,CAAC,CAAA","sourcesContent":["import React, {FC, useContext} from \"react\";\r\nimport {Button, Progress, Space, Spin, Typography} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {LoadingContext} from \"../context/loadingContext\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n return {\r\n fullscreenSpin: css`\r\n background: ${token.colorBgElevated}CC !important;\r\n backdrop-filter: blur(2px);\r\n `,\r\n progressLayout: css`\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n `\r\n }\r\n});\r\n\r\ninterface Props {\r\n onCancel?: () => void;\r\n onCancelAll?: () => void;\r\n}\r\n\r\nexport const EdaLoadingOverlay: FC<Props> = ({onCancel, onCancelAll}) => {\r\n const {styles} = useStyles();\r\n const loadingContext = useContext(LoadingContext);\r\n\r\n return (\r\n <Spin\r\n spinning={loadingContext?.loading}\r\n fullscreen\r\n rootClassName={styles.fullscreenSpin}\r\n indicator={(\r\n <div>\r\n <Space direction={\"vertical\"} className={styles.progressLayout}>\r\n <Progress\r\n type={\"dashboard\"}\r\n steps={loadingContext?.loadingCount}\r\n percent={loadingContext?.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\"}}>\r\n {loadingContext?.loadingItem}\r\n </Typography.Text>\r\n <Space.Compact>\r\n {onCancel && (\r\n <Button\r\n type={\"primary\"}\r\n danger\r\n onClick={onCancel}\r\n >\r\n {i18n(\"Cancel\")}\r\n </Button>\r\n )}\r\n {onCancelAll && (\r\n <Button\r\n type={\"primary\"}\r\n danger\r\n onClick={onCancelAll}\r\n >\r\n {i18n(\"Cancel All\")}\r\n </Button>\r\n )}\r\n </Space.Compact>\r\n </Space>\r\n </div>\r\n )}\r\n />\r\n );\r\n}"]}

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

@@ -1,8 +1,10 @@
-import React from "react";
+import React, { FC } from "react";
 import dayjs from "d2core/dayjs";
-import { EdaSamplingType } from "../constants/edaTypes";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
+import { EdaSamplingType, TypedData } from "../constants/edaTypes";
+import EdaManagerApi, { TreeItem } from "../../../../api/eda/edaManagerApi";
 interface Props {
+    api?: EdaManagerApi;
+    data?: TypedData;
     bt: dayjs.Dayjs;
     et: dayjs.Dayjs;
     sampling: EdaSamplingType;
@@ -10,20 +12,12 @@ interface Props {
     pageSize: number;
     loading: boolean;
     page: number;
-    size?: SizeType;
-    onChange: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType, page: number) => void;
-}
-interface State {
-    bt: dayjs.Dayjs;
-    et: dayjs.Dayjs;
-    sampling: EdaSamplingType;
-    autoRefresh: boolean;
-}
-export declare class EdaSampleRangePickerPanel extends React.Component<Props, State> {
-    private mask;
-    constructor(props: Readonly<Props>);
-    componentDidUpdate(prevProps: Readonly<Props>): void;
-    render(): React.JSX.Element;
-    private updateValues;
+    vectors?: TreeItem[];
+    displayedVectors?: TreeItem[];
+    onChangeRange: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType) => void;
+    onChangePage: (page: number) => void;
+    onChangeVectors: (vectors: TreeItem[]) => void;
+    children?: React.ReactNode;
 }
+export declare const EdaSampleRangePickerPanel: FC<Props>;
 export {};

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

@@ -1,16 +1,17 @@
-import React from "react";
+import React, { useCallback, useContext, useMemo, useState } from "react";
 import { EdaSamplingType } from "../constants/edaTypes";
-import WithCss from "d2coreui/components/style/withCss";
-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,54 +42,57 @@ const useStyles = createStyles(({ css }) => {
         `,
     };
 });
-export class EdaSampleRangePickerPanel extends React.Component {
-    constructor(props) {
-        super(props);
-        this.mask = LocaleHolder.getDateTimeFormat(true, false, false);
-        this.state = {
-            bt: props.bt,
-            et: props.et,
-            sampling: props.sampling,
-            autoRefresh: false
-        };
+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 [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 }));
     }
-    componentDidUpdate(prevProps) {
-        const { bt, et, sampling } = this.props;
-        if (!bt.isSame(prevProps.bt) || !et.isSame(prevProps.et) || sampling !== prevProps.sampling) {
-            this.setState({ bt: bt, et: et, sampling: sampling });
-        }
-    }
-    render() {
-        const { bt, et, sampling, autoRefresh } = this.state;
-        const { loading, onChange, size, totalCount, pageSize, page } = this.props;
-        const filterChanged = bt !== this.props.bt || et !== this.props.et || sampling !== this.props.sampling;
-        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Space.Compact, { size: size, className: css.styles.baseLayout },
-            React.createElement(DateRangeInputConfirm, { mask: this.mask, className: "ant-input-compact-item ant-input-compact-first-item", fromValue: bt, toValue: et, defaultMode: DateRangeInputMode.ADVANCED, onChange: (fromValue, toValue) => {
-                    if (fromValue !== null && toValue !== null) {
-                        this.updateValues({ bt: fromValue, et: toValue });
-                    }
-                } }),
-            React.createElement(EnumValuePicker, { style: { minWidth: "220px" }, values: EdaSamplingType, translateValue: true, translationPrefix: "EdaSamplingType_", value: sampling, popupMatchSelectWidth: true, onChange: (value) => this.updateValues({ sampling: value }) }),
-            React.createElement(Popover, { content: React.createElement(Checkbox, { checked: autoRefresh, onChange: e => this.updateValues({ autoRefresh: e.target.checked }) }, i18n("Auto Refresh")), placement: "topLeft", trigger: ["contextMenu", "hover"] },
-                React.createElement(Button, { color: filterChanged ? "danger" : "primary", variant: "solid", loading: loading, icon: React.createElement("span", null,
-                        autoRefresh && React.createElement(AutoReloadIcon, null),
-                        !autoRefresh && React.createElement(ReloadOutlined, null)), onClick: () => onChange(bt, et, sampling, page) })),
-            pageSize < totalCount &&
-                React.createElement(React.Fragment, null,
-                    React.createElement("div", { style: { flex: "1 1 auto" } }),
-                    React.createElement("div", { className: "paging" + " " + (size ?? "") },
-                        React.createElement(DataGridPagination, { current: page, pageSize: pageSize, total: totalCount, onGoToPage: (page) => {
-                                const { bt, et, sampling } = this.state;
-                                this.props.onChange(bt, et, sampling, page);
-                            } }))))));
-    }
-    updateValues(values) {
-        this.setState(values, () => {
-            if (this.state.autoRefresh) {
-                const { bt, et, sampling } = this.state;
-                this.props.onChange(bt, et, sampling, this.props.page);
+    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) {
+                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 });
+                }
+            } }),
+        React.createElement(EnumValuePicker, { style: { minWidth: "220px" }, values: EdaSamplingType, translateValue: true, translationPrefix: "EdaSamplingType_", value: state.sampling, popupMatchSelectWidth: true, onChange: (value) => handleUpdate({ sampling: value }) }),
+        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: () => onChangeRange(state.bt, state.et, state.sampling) })),
+        pageSize < totalCount &&
+            React.createElement(React.Fragment, null,
+                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, disabled: !!vectors, onGoToPage: onChangePage })))));
+};
 //# sourceMappingURL=edaSampleRangePickerPanel.js.map