mrva/vscode-codeql
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Wrap MethodRow in a VSCodeDataGrid during story

Browse Source
This commit is contained in:
Robert
2023-09-04 11:00:55 +01:00
parent 2d033bff57
commit 096e6e8ffd
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
extensions/ql-vscode/src/stories/model-editor/MethodRow.stories.tsx
View File

@@ -4,6 +4,8 @@ import { Meta, StoryFn } from "@storybook/react";
import { MethodRow as MethodRowComponent } from "../../view/model-editor/MethodRow";
import { CallClassification } from "../../model-editor/external-api-usage";
import { VSCodeDataGrid } from "@vscode/webview-ui-toolkit/react";
import { GRID_TEMPLATE_COLUMNS } from "../../view/model-editor/ModeledMethodDataGrid";
export default {
title: "CodeQL Model Editor/Method Row",
@@ -11,7 +13,9 @@ export default {
} as Meta<typeof MethodRowComponent>;
const Template: StoryFn<typeof MethodRowComponent> = (args) => (
<MethodRowComponent {...args} />
<VSCodeDataGrid gridTemplateColumns={GRID_TEMPLATE_COLUMNS}>
<MethodRowComponent {...args} />
</VSCodeDataGrid>
);
export const MethodRow = Template.bind({});

4
extensions/ql-vscode/src/view/model-editor/ModeledMethodDataGrid.tsx
View File

@@ -12,6 +12,8 @@ import { Mode } from "../../model-editor/shared/mode";
import { sortMethods } from "../../model-editor/shared/sorting";
import { InProgressMethods } from "../../model-editor/shared/in-progress-methods";
export const GRID_TEMPLATE_COLUMNS = "0.5fr 0.125fr 0.125fr 0.125fr 0.125fr";
type Props = {
packageName: string;
externalApiUsages: ExternalApiUsage[];
@@ -42,7 +44,7 @@ export const ModeledMethodDataGrid = ({
);
return (
<VSCodeDataGrid gridTemplateColumns="0.5fr 0.125fr 0.125fr 0.125fr 0.125fr">
<VSCodeDataGrid gridTemplateColumns={GRID_TEMPLATE_COLUMNS}>
<VSCodeDataGridRow rowType="header">
<VSCodeDataGridCell cellType="columnheader" gridColumn={1}>
API or method