random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-04-23 10:04:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix format, update snapshots

Browse Source
This commit is contained in:
Laurent Nguyen 2024-08-07 09:36:48 +02:00
parent c141e2612b
commit 1e10273510
3 changed files with 52 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
View File

@ -24,7 +24,7 @@ import { usePrevious } from "Explorer/Tabs/DocumentsTabV2/SelectionHelper";
import { import {
DocumentsTabPrefs, DocumentsTabPrefs,
readDocumentsTabPrefs, readDocumentsTabPrefs,
saveDocumentsTabPrefsDebounced saveDocumentsTabPrefsDebounced,
} from "Explorer/Tabs/DocumentsTabV2/documentsTabPrefs"; } from "Explorer/Tabs/DocumentsTabV2/documentsTabPrefs";
import { CosmosFluentProvider, LayoutConstants, cosmosShorthands, tokens } from "Explorer/Theme/ThemeUtil"; import { CosmosFluentProvider, LayoutConstants, cosmosShorthands, tokens } from "Explorer/Theme/ThemeUtil";
import { useSelectedNode } from "Explorer/useSelectedNode"; import { useSelectedNode } from "Explorer/useSelectedNode";
@ -2029,8 +2029,8 @@ export const DocumentsTabComponent: React.FunctionComponent<IDocumentsTabCompone
</div> </div>
</Allotment.Pane> </Allotment.Pane>
</Allotment> </Allotment>
</div > </div>
</div > </div>
</CosmosFluentProvider > </CosmosFluentProvider>
); );
}; };

12
src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
View File

@ -414,8 +414,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
checkboxIndicator={{ "aria-label": "Select all rows " }} checkboxIndicator={{ "aria-label": "Select all rows " }}
/> />
)} )}
{ {columns.map((column) => (
columns.map((column) => (
<TableHeaderCell <TableHeaderCell
className={styles.tableCell} className={styles.tableCell}
key={column.columnId} key={column.columnId}
@ -424,10 +423,9 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
> >
{column.renderHeaderCell()} {column.renderHeaderCell()}
</TableHeaderCell> </TableHeaderCell>
)) ))}
} </TableRow>
</TableRow > </TableHeader>
</TableHeader >
<TableBody> <TableBody>
<List <List
height={size !== undefined ? size.height - LayoutConstants.rowHeight /* table header */ : 0} height={size !== undefined ? size.height - LayoutConstants.rowHeight /* table header */ : 0}
@ -440,6 +438,6 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
{RenderRow} {RenderRow}
</List> </List>
</TableBody> </TableBody>
</Table > </Table>
); );
}; };

28
src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTabV2.test.tsx.snap
View File

@ -76,17 +76,36 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
<div <div
className="___9o87uj0_0000000 ffefeo0" className="___9o87uj0_0000000 ffefeo0"
> >
<DocumentsTableComponent <div
columnHeaders={ style={
{ {
"idHeader": "id", "height": "100%",
"partitionKeyHeaders": [], "width": "calc(100% + -43px)",
} }
} }
>
<DocumentsTableComponent
columnDefinitions={
[
{
"id": "id",
"isPartitionKey": false,
"label": "id",
},
]
}
isSelectionDisabled={true} isSelectionDisabled={true}
items={[]} items={[]}
onColumnResize={[Function]}
onColumnSelectionChange={[Function]}
onItemClicked={[Function]} onItemClicked={[Function]}
onRefreshTable={[Function]}
onSelectedRowsChange={[Function]} onSelectedRowsChange={[Function]}
selectedColumnIds={
[
"id",
]
}
selectedRows={ selectedRows={
Set { Set {
0, 0,
@ -95,6 +114,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
/> />
</div> </div>
</div> </div>
</div>
</Allotment.Pane> </Allotment.Pane>
<Allotment.Pane <Allotment.Pane
minSize={300} minSize={300}