random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-02-18 02:07:04 +00: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

12
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";
@ -1014,8 +1014,8 @@ export const DocumentsTabComponent: React.FunctionComponent<IDocumentsTabCompone
? `the selected ${selectedRows.size} items` ? `the selected ${selectedRows.size} items`
: "the selected item" : "the selected item"
: isPlural : isPlural
? `the selected ${selectedRows.size} documents` ? `the selected ${selectedRows.size} documents`
: "the selected document"; : "the selected document";
const msg = `Are you sure you want to delete ${documentName}?`; const msg = `Are you sure you want to delete ${documentName}?`;
useDialog useDialog
@ -2029,8 +2029,8 @@ export const DocumentsTabComponent: React.FunctionComponent<IDocumentsTabCompone
</div> </div>
</Allotment.Pane> </Allotment.Pane>
</Allotment> </Allotment>
</div > </div>
</div > </div>
</CosmosFluentProvider > </CosmosFluentProvider>
); );
}; };

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

@ -414,20 +414,18 @@ 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} {...columnSizing.getTableHeaderCellProps(column.columnId)}
{...columnSizing.getTableHeaderCellProps(column.columnId)} {...headerSortProps(column.columnId)}
{...headerSortProps(column.columnId)} >
> {column.renderHeaderCell()}
{column.renderHeaderCell()} </TableHeaderCell>
</TableHeaderCell> ))}
)) </TableRow>
} </TableHeader>
</TableRow >
</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>
); );
}; };

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

@ -76,23 +76,43 @@ 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)",
} }
} }
isSelectionDisabled={true} >
items={[]} <DocumentsTableComponent
onItemClicked={[Function]} columnDefinitions={
onSelectedRowsChange={[Function]} [
selectedRows={ {
Set { "id": "id",
0, "isPartitionKey": false,
"label": "id",
},
]
} }
} isSelectionDisabled={true}
/> items={[]}
onColumnResize={[Function]}
onColumnSelectionChange={[Function]}
onItemClicked={[Function]}
onRefreshTable={[Function]}
onSelectedRowsChange={[Function]}
selectedColumnIds={
[
"id",
]
}
selectedRows={
Set {
0,
}
}
/>
</div>
</div> </div>
</div> </div>
</Allotment.Pane> </Allotment.Pane>