diff --git a/webapp/packages/core-administration/src/AdministrationScreen/ConfigurationWizard/Pages/ServerConfiguration/ServerConfigurationForm.tsx b/webapp/packages/core-administration/src/AdministrationScreen/ConfigurationWizard/Pages/ServerConfiguration/ServerConfigurationForm.tsx index 520346ea78..23c4995242 100644 --- a/webapp/packages/core-administration/src/AdministrationScreen/ConfigurationWizard/Pages/ServerConfiguration/ServerConfigurationForm.tsx +++ b/webapp/packages/core-administration/src/AdministrationScreen/ConfigurationWizard/Pages/ServerConfiguration/ServerConfigurationForm.tsx @@ -73,6 +73,9 @@ export const ServerConfigurationForm = observer(function ServerConfigurationForm + + {translate('administration_configuration_wizard_configuration_server_info')} + {!hideMessage && } diff --git a/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/AgGridTableController.ts b/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/AgGridTableController.ts index 9ab4948947..744166d363 100644 --- a/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/AgGridTableController.ts +++ b/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/AgGridTableController.ts @@ -246,14 +246,14 @@ export const INDEX_COLUMN_DEF: ColDef = { headerName: '#', colId: `${Number.MAX_SAFE_INTEGER}`, field: `${Number.MAX_SAFE_INTEGER}`, - valueGetter: 'node.id', width: 70, pinned: 'left', suppressNavigable: true, suppressMenu: true, editable: false, sortable: false, - cellRenderer: 'indexCellRenderer', + valueGetter: props => props.node.rowIndex + 1, + cellRendererSelector: props => ({ component: !props.data ? 'indexCellRenderer' : undefined }), }; function mapDataToColumns(columns?: IAgGridCol[]): ColDef[] { diff --git a/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/IndexCellRenderer.tsx b/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/IndexCellRenderer.tsx index 092a27fd61..10576cefa2 100644 --- a/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/IndexCellRenderer.tsx +++ b/webapp/packages/plugin-data-spreadsheet/src/AgGridTable/IndexCellRenderer.tsx @@ -6,14 +6,12 @@ * you may not use this file except in compliance with the License. */ -import { CellClassParams } from '@ag-grid-community/core'; import { Loader } from '@cloudbeaver/core-blocks'; -export function IndexCellRenderer(props: CellClassParams) { +export function IndexCellRenderer() { return (
- {!props.data && } - {props.data && props.rowIndex + 1} +
); } diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx index 4229351715..f803a941bb 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx @@ -7,10 +7,10 @@ */ import { observer } from 'mobx-react'; -import { useCallback } from 'react'; +import { useCallback, useRef } from 'react'; import styled, { css, use } from 'reshadow'; -import { IconButton } from '@cloudbeaver/core-blocks'; +import { IconButton, SubmittingForm } from '@cloudbeaver/core-blocks'; import { composes, useStyles } from '@cloudbeaver/core-theming'; import { TableViewerModel } from '../TableViewerModel'; @@ -73,8 +73,9 @@ type TableFooterProps = { export const TableFooter = observer(function TableFooter({ model, }: TableFooterProps) { + const ref = useRef(null); const handleChange = useCallback( - (e: React.ChangeEvent) => model.setChunkSize(parseInt(e.target.value, 10)), + () => ref.current && model.setChunkSize(parseInt(ref.current.value, 10)), [model] ); @@ -84,7 +85,9 @@ export const TableFooter = observer(function TableFooter({ - + + + {model.requestStatusMessage.length > 0 && (