Skip to content

Commit 30332fa

Browse files
thomasdax98thomasdax98
committed
Fix linting and type errors in Storybook
1 parent 84b2205 commit 30332fa

File tree

5 files changed

+31
-53
lines changed

5 files changed

+31
-53
lines changed

‎storybook/src/admin/edit-dialog/EditDialogInRouterTabs.stories.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,8 @@ export const EditDialogInRouterTabs = {
110110
),
111111
} as ToolbarProps,
112112
}}
113-
showToolbar />
113+
showToolbar
114+
/>
114115
</MainContent>
115116
</RouterTab>
116117
</RouterTabs>

‎storybook/src/admin/edit-dialog/EditDialogInRouterTabsWithinStack.stories.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -218,7 +218,8 @@ export const ProductDetailsPage = ({ productId }: ProductDetailsProps) => {
218218
),
219219
} as ToolbarProps,
220220
}}
221-
showToolbar />
221+
showToolbar
222+
/>
222223
</MainContent>
223224
</StackPage>
224225
<StackPage name="stocksEdit" title={intl.formatMessage({ id: "products.editStocks", defaultMessage: "Edit Stocks" })}>
@@ -297,7 +298,8 @@ export const EditDialogInRouterTabsWithinStack = {
297298
),
298299
} as ToolbarProps,
299300
}}
300-
showToolbar />
301+
showToolbar
302+
/>
301303
</MainContent>
302304
</StackPage>
303305
<StackPage name="productEdit" title={intl.formatMessage({ id: "products.editProduct", defaultMessage: "Product" })}>

‎storybook/src/admin/mui/DataGrid.stories.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,8 @@ export const Default = {
4444
slots={{
4545
toolbar: ToolbarForGrid,
4646
}}
47-
showToolbar />
47+
showToolbar
48+
/>
4849
</Box>
4950
);
5051
},

‎storybook/src/docs/bestPractices/GridAndFormLayouts.stories.tsx

Lines changed: 15 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -329,12 +329,7 @@ export const SingleGridFullHeight = {
329329
<ToolbarAutomaticTitleItem />
330330
</StackToolbar>
331331
<StackMainContent fullHeight>
332-
<DataGrid
333-
columns={columns}
334-
rows={rows}
335-
loading={loading}
336-
slots={{ toolbar: GridToolbar }}
337-
showToolbar />
332+
<DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
338333
</StackMainContent>
339334
</>
340335
);
@@ -366,13 +361,7 @@ export const SingleGridAutoHeight = {
366361
<ToolbarAutomaticTitleItem />
367362
</StackToolbar>
368363
<StackMainContent>
369-
<DataGrid
370-
columns={columns}
371-
rows={rows}
372-
loading={loading}
373-
slots={{ toolbar: GridToolbar }}
374-
autoHeight
375-
showToolbar />
364+
<DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} autoHeight showToolbar />
376365
</StackMainContent>
377366
</>
378367
);
@@ -442,12 +431,7 @@ export const GridWithFormInADialog = {
442431
<ToolbarAutomaticTitleItem />
443432
</StackToolbar>
444433
<StackMainContent fullHeight>
445-
<DataGrid
446-
rows={rows}
447-
columns={columns}
448-
loading={loading}
449-
slots={{ toolbar: GridToolbar }}
450-
showToolbar />
434+
<DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
451435
</StackMainContent>
452436
<EditDialog title={mode === "add" ? "Add new item" : `${rows.find((row) => row.id === selectedId)?.title}`}>
453437
<DialogContent>
@@ -533,12 +517,7 @@ export const GridWithFormOnAPage = {
533517
<ToolbarAutomaticTitleItem />
534518
</StackToolbar>
535519
<StackMainContent fullHeight>
536-
<DataGrid
537-
rows={rows}
538-
columns={columns}
539-
loading={loading}
540-
slots={{ toolbar: GridToolbar }}
541-
showToolbar />
520+
<DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
542521
</StackMainContent>
543522
</StackPage>
544523
<StackPage name="add">
@@ -651,12 +630,7 @@ export const NestedGridsAndFormsWithTabs = {
651630
<ToolbarAutomaticTitleItem />
652631
</StackToolbar>
653632
<StackMainContent fullHeight>
654-
<DataGrid
655-
rows={rows}
656-
columns={columns}
657-
loading={loading}
658-
slots={{ toolbar: GridToolbar }}
659-
showToolbar />
633+
<DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
660634
</StackMainContent>
661635
</StackPage>
662636
<StackPage name="edit">
@@ -769,12 +743,7 @@ export const NestedFormInGridInTabsInGrid = {
769743
<ToolbarAutomaticTitleItem />
770744
</StackToolbar>
771745
<StackMainContent fullHeight>
772-
<DataGrid
773-
rows={rows}
774-
columns={columns}
775-
loading={loading}
776-
slots={{ toolbar: GridToolbar }}
777-
showToolbar />
746+
<DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
778747
</StackMainContent>
779748
</StackPage>
780749
<StackPage name="edit">
@@ -834,7 +803,7 @@ export const NestedFormInGridInTabsInGrid = {
834803
export const GridWithSelectionAndMoreActionsMenu = {
835804
render: () => {
836805
const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
837-
type: 'include',
806+
type: "include",
838807
ids: new Set([]),
839808
});
840809
const { rows, loading } = useData();
@@ -847,7 +816,7 @@ export const GridWithSelectionAndMoreActionsMenu = {
847816
<FillSpace />
848817
<CrudMoreActionsMenu
849818
slotProps={{ button: { responsive: true } }}
850-
selectionSize={selectionModel.length}
819+
selectionSize={selectionModel.ids.size}
851820
overallActions={[
852821
{
853822
label: "Log all items to the console",
@@ -894,7 +863,8 @@ export const GridWithSelectionAndMoreActionsMenu = {
894863
checkboxSelection
895864
rowSelectionModel={selectionModel}
896865
onRowSelectionModelChange={setSelectionModel}
897-
showToolbar />
866+
showToolbar
867+
/>
898868
</StackMainContent>
899869
</>
900870
);
@@ -904,7 +874,7 @@ export const GridWithSelectionAndMoreActionsMenu = {
904874
export const GridWithSelectionInDialog = {
905875
render: () => {
906876
const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
907-
type: 'include',
877+
type: "include",
908878
ids: new Set([]),
909879
});
910880
const { rows, loading } = useData();
@@ -938,13 +908,13 @@ export const GridWithSelectionInDialog = {
938908
</ToolbarActions>
939909
</StackToolbar>
940910
<StackMainContent>
941-
{selectionModel.length > 0 ? (
911+
{selectionModel.ids.size > 0 ? (
942912
<>
943913
<Typography variant="h4" gutterBottom>
944914
Selected items
945915
</Typography>
946916

947-
{selectionModel.map((id) => {
917+
{Array.from(selectionModel.ids).map((id) => {
948918
const row = rows.find((row) => row.id === id);
949919

950920
return (
@@ -970,7 +940,8 @@ export const GridWithSelectionInDialog = {
970940
autoHeight
971941
rowSelectionModel={selectionModel}
972942
onRowSelectionModelChange={setSelectionModel}
973-
showToolbar />
943+
showToolbar
944+
/>
974945
</EditDialog>
975946
</>
976947
);

‎storybook/src/docs/components/DataGrid/DataGrid.stories.tsx

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -308,7 +308,8 @@ export const _GridFilterButton = {
308308
slots={{
309309
toolbar: DemoToolbar,
310310
}}
311-
showToolbar />
311+
showToolbar
312+
/>
312313
</Box>
313314
);
314315
},
@@ -498,7 +499,8 @@ export const UseDataGridExcelExport = {
498499
slots={{
499500
toolbar: DemoToolbar,
500501
}}
501-
showToolbar />
502+
showToolbar
503+
/>
502504
</Box>
503505
);
504506
},
@@ -575,7 +577,7 @@ export const GridColumnTypes = {
575577
export const _CrudMoreActionsMenu = {
576578
render: () => {
577579
const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
578-
type: 'include',
580+
type: "include",
579581
ids: new Set([]),
580582
});
581583
const dataGridProps = useDataGridRemote();
@@ -585,7 +587,7 @@ export const _CrudMoreActionsMenu = {
585587
<DataGridToolbar>
586588
<FillSpace />
587589
<CrudMoreActionsMenu
588-
selectionSize={selectionModel.length}
590+
selectionSize={selectionModel.ids.size}
589591
overallActions={[
590592
{
591593
label: "Export to excel",
@@ -630,7 +632,8 @@ export const _CrudMoreActionsMenu = {
630632
slots={{
631633
toolbar: DemoToolBar,
632634
}}
633-
showToolbar />
635+
showToolbar
636+
/>
634637
</Box>
635638
);
636639
},

0 commit comments

Comments
 (0)