@carto/meridian-ds 2.9.2 → 2.9.3-alpha-lists.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/{Alert-C4W0H_uN.cjs → Alert-0VBqBP4P.cjs} +1 -1
- package/dist/{Alert-BZPM5zpX.js → Alert-BEzNSCqV.js} +1 -1
- package/dist/{MenuItem-DoBJsRR_.cjs → MenuItem-0c7Cz5g_.cjs} +1 -1
- package/dist/{MenuItem-Cx5lTXXm.js → MenuItem-D4v_HV1x.js} +1 -1
- package/dist/components/index.cjs +255 -7
- package/dist/components/index.js +259 -11
- package/dist/{css-utils-CH7es90t.cjs → css-utils-B3V0Xzli.cjs} +8 -0
- package/dist/{css-utils-CjUBRJVK.js → css-utils-D9LibDjo.js} +12 -4
- package/dist/custom-icons/index.cjs +7 -24
- package/dist/custom-icons/index.js +7 -24
- package/dist/theme/index.cjs +342 -51
- package/dist/theme/index.js +344 -53
- package/dist/types/components/Avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/types/components/List/List.d.ts +24 -0
- package/dist/types/components/List/List.d.ts.map +1 -0
- package/dist/types/components/List/List.stories.d.ts +452 -0
- package/dist/types/components/List/List.stories.d.ts.map +1 -0
- package/dist/types/components/List/List.test.d.ts +2 -0
- package/dist/types/components/List/List.test.d.ts.map +1 -0
- package/dist/types/components/List/ListItem/ListItem.d.ts +9 -0
- package/dist/types/components/List/ListItem/ListItem.d.ts.map +1 -0
- package/dist/types/components/List/ListItem/ListItem.stories.d.ts +346 -0
- package/dist/types/components/List/ListItem/ListItem.stories.d.ts.map +1 -0
- package/dist/types/components/List/ListItem/ListItem.test.d.ts +2 -0
- package/dist/types/components/List/ListItem/ListItem.test.d.ts.map +1 -0
- package/dist/types/components/List/ListItemButton/ListItemButton.d.ts +9 -0
- package/dist/types/components/List/ListItemButton/ListItemButton.d.ts.map +1 -0
- package/dist/types/components/List/ListItemButton/ListItemButton.test.d.ts +2 -0
- package/dist/types/components/List/ListItemButton/ListItemButton.test.d.ts.map +1 -0
- package/dist/types/components/List/ListItemRightContent/ListItemRightContent.d.ts +14 -0
- package/dist/types/components/List/ListItemRightContent/ListItemRightContent.d.ts.map +1 -0
- package/dist/types/components/List/ListItemRightContent/ListItemRightContent.test.d.ts +2 -0
- package/dist/types/components/List/ListItemRightContent/ListItemRightContent.test.d.ts.map +1 -0
- package/dist/types/components/List/ListSubheader/ListSubheader.d.ts +9 -0
- package/dist/types/components/List/ListSubheader/ListSubheader.d.ts.map +1 -0
- package/dist/types/components/List/ListSubheader/ListSubheader.test.d.ts +2 -0
- package/dist/types/components/List/ListSubheader/ListSubheader.test.d.ts.map +1 -0
- package/dist/types/components/List/index.d.ts +12 -0
- package/dist/types/components/List/index.d.ts.map +1 -0
- package/dist/types/components/List/types.d.ts +3 -0
- package/dist/types/components/List/types.d.ts.map +1 -0
- package/dist/types/components/Menu/Menu/Menu.stories.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/custom-icons/SwitchAccessShortcut.d.ts.map +1 -1
- package/dist/types/theme/components/data-display.d.ts.map +1 -1
- package/dist/types/theme/components/navigation.d.ts.map +1 -1
- package/dist/types/theme/types.d.ts +151 -0
- package/dist/types/theme/types.d.ts.map +1 -1
- package/dist/types/utils/theme-constants.d.ts +4 -0
- package/dist/types/utils/theme-constants.d.ts.map +1 -1
- package/dist/widgets/index.cjs +2 -2
- package/dist/widgets/index.js +2 -2
- package/package.json +1 -1
- package/dist/types/theme/components/stories/List.stories.d.ts +0 -62
- package/dist/types/theme/components/stories/List.stories.d.ts.map +0 -1
|
@@ -0,0 +1,346 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props that are compatible with ListItem
|
|
4
|
+
*/
|
|
5
|
+
interface StoryProps {
|
|
6
|
+
dense?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
variant?: 'standard' | 'boxed';
|
|
9
|
+
fixedHeight?: boolean;
|
|
10
|
+
listItemPrimaryText?: string;
|
|
11
|
+
listItemSecondaryText?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Extended props for Playground story with additional controls
|
|
15
|
+
*/
|
|
16
|
+
interface PlaygroundStoryProps extends StoryProps {
|
|
17
|
+
mediaContent?: 'none' | 'avatar' | 'icon';
|
|
18
|
+
rightContent?: 'none' | 'text' | 'chip' | 'tag';
|
|
19
|
+
}
|
|
20
|
+
declare const options: {
|
|
21
|
+
title: string;
|
|
22
|
+
component: React.ForwardRefExoticComponent<Omit<import('../..').ListItemProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
|
|
23
|
+
argTypes: {
|
|
24
|
+
variant: {
|
|
25
|
+
table: {
|
|
26
|
+
defaultValue: {
|
|
27
|
+
summary: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
control: "select";
|
|
31
|
+
options: string[];
|
|
32
|
+
};
|
|
33
|
+
dense: {
|
|
34
|
+
control: "boolean";
|
|
35
|
+
table: {
|
|
36
|
+
defaultValue: {
|
|
37
|
+
summary: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
disabled: {
|
|
43
|
+
control: "boolean";
|
|
44
|
+
table: {
|
|
45
|
+
defaultValue: {
|
|
46
|
+
summary: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
description: string;
|
|
50
|
+
};
|
|
51
|
+
divider: {
|
|
52
|
+
control: "boolean";
|
|
53
|
+
table: {
|
|
54
|
+
defaultValue: {
|
|
55
|
+
summary: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
description: string;
|
|
59
|
+
};
|
|
60
|
+
disablePadding: {
|
|
61
|
+
control: "boolean";
|
|
62
|
+
table: {
|
|
63
|
+
defaultValue: {
|
|
64
|
+
summary: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
description: string;
|
|
68
|
+
};
|
|
69
|
+
disableGutters: {
|
|
70
|
+
control: "boolean";
|
|
71
|
+
table: {
|
|
72
|
+
defaultValue: {
|
|
73
|
+
summary: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
description: string;
|
|
77
|
+
};
|
|
78
|
+
fixedHeight: {
|
|
79
|
+
control: "boolean";
|
|
80
|
+
table: {
|
|
81
|
+
defaultValue: {
|
|
82
|
+
summary: string;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
description: string;
|
|
86
|
+
};
|
|
87
|
+
listItemPrimaryText: {
|
|
88
|
+
control: "text";
|
|
89
|
+
table: {
|
|
90
|
+
category: string;
|
|
91
|
+
defaultValue: {
|
|
92
|
+
summary: string;
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
description: string;
|
|
96
|
+
};
|
|
97
|
+
listItemSecondaryText: {
|
|
98
|
+
control: "text";
|
|
99
|
+
table: {
|
|
100
|
+
category: string;
|
|
101
|
+
defaultValue: {
|
|
102
|
+
summary: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
description: string;
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
args: {
|
|
109
|
+
variant: string;
|
|
110
|
+
disabled: boolean;
|
|
111
|
+
dense: boolean;
|
|
112
|
+
fixedHeight: boolean;
|
|
113
|
+
disableGutters: boolean;
|
|
114
|
+
disablePadding: boolean;
|
|
115
|
+
divider: boolean;
|
|
116
|
+
};
|
|
117
|
+
parameters: {
|
|
118
|
+
design: {
|
|
119
|
+
type: string;
|
|
120
|
+
url: string;
|
|
121
|
+
};
|
|
122
|
+
status: {
|
|
123
|
+
type: string;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
};
|
|
127
|
+
export default options;
|
|
128
|
+
export declare const Playground: {
|
|
129
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, mediaContent, rightContent, ...props }: PlaygroundStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
130
|
+
args: {
|
|
131
|
+
mediaContent: string;
|
|
132
|
+
rightContent: string;
|
|
133
|
+
};
|
|
134
|
+
argTypes: {
|
|
135
|
+
mediaContent: {
|
|
136
|
+
control: string;
|
|
137
|
+
options: string[];
|
|
138
|
+
description: string;
|
|
139
|
+
table: {
|
|
140
|
+
disable: boolean;
|
|
141
|
+
category: string;
|
|
142
|
+
defaultValue: {
|
|
143
|
+
summary: string;
|
|
144
|
+
};
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
rightContent: {
|
|
148
|
+
control: string;
|
|
149
|
+
options: string[];
|
|
150
|
+
description: string;
|
|
151
|
+
table: {
|
|
152
|
+
disable: boolean;
|
|
153
|
+
category: string;
|
|
154
|
+
defaultValue: {
|
|
155
|
+
summary: string;
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
};
|
|
159
|
+
};
|
|
160
|
+
parameters: {
|
|
161
|
+
chromatic: {
|
|
162
|
+
disableSnapshot: boolean;
|
|
163
|
+
};
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
export declare const Size: {
|
|
167
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
168
|
+
argTypes: {
|
|
169
|
+
variant: {
|
|
170
|
+
table: {
|
|
171
|
+
disable: boolean;
|
|
172
|
+
};
|
|
173
|
+
};
|
|
174
|
+
};
|
|
175
|
+
parameters: {
|
|
176
|
+
docs: {
|
|
177
|
+
description: {
|
|
178
|
+
story: string;
|
|
179
|
+
};
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
};
|
|
183
|
+
export declare const Variants: {
|
|
184
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
185
|
+
argTypes: {
|
|
186
|
+
variant: {
|
|
187
|
+
table: {
|
|
188
|
+
disable: boolean;
|
|
189
|
+
};
|
|
190
|
+
};
|
|
191
|
+
};
|
|
192
|
+
parameters: {
|
|
193
|
+
docs: {
|
|
194
|
+
description: {
|
|
195
|
+
story: string;
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
export declare const PrimaryAction: {
|
|
201
|
+
render: ({ dense, disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
202
|
+
argTypes: {
|
|
203
|
+
variant: {
|
|
204
|
+
table: {
|
|
205
|
+
disable: boolean;
|
|
206
|
+
};
|
|
207
|
+
};
|
|
208
|
+
};
|
|
209
|
+
parameters: {
|
|
210
|
+
docs: {
|
|
211
|
+
description: {
|
|
212
|
+
story: string;
|
|
213
|
+
};
|
|
214
|
+
};
|
|
215
|
+
};
|
|
216
|
+
};
|
|
217
|
+
export declare const SecondaryAction: {
|
|
218
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
219
|
+
argTypes: {
|
|
220
|
+
variant: {
|
|
221
|
+
table: {
|
|
222
|
+
disable: boolean;
|
|
223
|
+
};
|
|
224
|
+
};
|
|
225
|
+
};
|
|
226
|
+
parameters: {
|
|
227
|
+
docs: {
|
|
228
|
+
description: {
|
|
229
|
+
story: string;
|
|
230
|
+
};
|
|
231
|
+
};
|
|
232
|
+
};
|
|
233
|
+
};
|
|
234
|
+
export declare const DoubleAction: {
|
|
235
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
236
|
+
argTypes: {
|
|
237
|
+
variant: {
|
|
238
|
+
table: {
|
|
239
|
+
disable: boolean;
|
|
240
|
+
};
|
|
241
|
+
};
|
|
242
|
+
};
|
|
243
|
+
parameters: {
|
|
244
|
+
docs: {
|
|
245
|
+
description: {
|
|
246
|
+
story: string;
|
|
247
|
+
};
|
|
248
|
+
};
|
|
249
|
+
};
|
|
250
|
+
};
|
|
251
|
+
export declare const TextContent: {
|
|
252
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
253
|
+
argTypes: {
|
|
254
|
+
variant: {
|
|
255
|
+
table: {
|
|
256
|
+
disable: boolean;
|
|
257
|
+
};
|
|
258
|
+
};
|
|
259
|
+
};
|
|
260
|
+
parameters: {
|
|
261
|
+
docs: {
|
|
262
|
+
description: {
|
|
263
|
+
story: string;
|
|
264
|
+
};
|
|
265
|
+
};
|
|
266
|
+
};
|
|
267
|
+
};
|
|
268
|
+
export declare const MediaContent: {
|
|
269
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
270
|
+
argTypes: {
|
|
271
|
+
variant: {
|
|
272
|
+
table: {
|
|
273
|
+
disable: boolean;
|
|
274
|
+
};
|
|
275
|
+
};
|
|
276
|
+
};
|
|
277
|
+
parameters: {
|
|
278
|
+
docs: {
|
|
279
|
+
description: {
|
|
280
|
+
story: string;
|
|
281
|
+
};
|
|
282
|
+
};
|
|
283
|
+
};
|
|
284
|
+
};
|
|
285
|
+
export declare const RightContent: {
|
|
286
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
287
|
+
argTypes: {
|
|
288
|
+
variant: {
|
|
289
|
+
table: {
|
|
290
|
+
disable: boolean;
|
|
291
|
+
};
|
|
292
|
+
};
|
|
293
|
+
};
|
|
294
|
+
parameters: {
|
|
295
|
+
docs: {
|
|
296
|
+
description: {
|
|
297
|
+
story: string;
|
|
298
|
+
};
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
};
|
|
302
|
+
export declare const FixedHeight: {
|
|
303
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
304
|
+
argTypes: {
|
|
305
|
+
variant: {
|
|
306
|
+
table: {
|
|
307
|
+
disable: boolean;
|
|
308
|
+
};
|
|
309
|
+
};
|
|
310
|
+
};
|
|
311
|
+
parameters: {
|
|
312
|
+
docs: {
|
|
313
|
+
description: {
|
|
314
|
+
story: string;
|
|
315
|
+
};
|
|
316
|
+
};
|
|
317
|
+
};
|
|
318
|
+
};
|
|
319
|
+
export declare const Divider: {
|
|
320
|
+
render: ({ variant, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
321
|
+
parameters: {
|
|
322
|
+
docs: {
|
|
323
|
+
description: {
|
|
324
|
+
story: string;
|
|
325
|
+
};
|
|
326
|
+
};
|
|
327
|
+
};
|
|
328
|
+
};
|
|
329
|
+
export declare const Gutters: {
|
|
330
|
+
render: ({ disabled, listItemPrimaryText, listItemSecondaryText, ...rest }: StoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
331
|
+
argTypes: {
|
|
332
|
+
variant: {
|
|
333
|
+
table: {
|
|
334
|
+
disable: boolean;
|
|
335
|
+
};
|
|
336
|
+
};
|
|
337
|
+
};
|
|
338
|
+
parameters: {
|
|
339
|
+
docs: {
|
|
340
|
+
description: {
|
|
341
|
+
story: string;
|
|
342
|
+
};
|
|
343
|
+
};
|
|
344
|
+
};
|
|
345
|
+
};
|
|
346
|
+
//# sourceMappingURL=ListItem.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListItem/ListItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA0BvC;;GAEG;AACH,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED;;GAEG;AACH,UAAU,oBAAqB,SAAQ,UAAU;IAC/C,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;CAChD;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFG,CAAA;AAChB,eAAe,OAAO,CAAA;AA81DtB,eAAO,MAAM,UAAU;6GA50DpB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA62DtB,CAAA;AAED,eAAO,MAAM,IAAI;gFAptDd,UAAU;;;;;;;;;;;;;;;CA+tDZ,CAAA;AAED,eAAO,MAAM,QAAQ;gFAt2DlB,UAAU;;;;;;;;;;;;;;;CAi3DZ,CAAA;AAED,eAAO,MAAM,aAAa;uFArqDvB,UAAU;;;;;;;;;;;;;;;CAgrDZ,CAAA;AAED,eAAO,MAAM,eAAe;gFA/1CzB,UAAU;;;;;;;;;;;;;;;CA02CZ,CAAA;AAED,eAAO,MAAM,YAAY;gFA1xCtB,UAAU;;;;;;;;;;;;;;;CAqyCZ,CAAA;AAED,eAAO,MAAM,WAAW;gFA3iCrB,UAAU;;;;;;;;;;;;;;;CAsjCZ,CAAA;AAED,eAAO,MAAM,YAAY;gFAxuBtB,UAAU;;;;;;;;;;;;;;;CAmvBZ,CAAA;AAED,eAAO,MAAM,YAAY;gFAllBtB,UAAU;;;;;;;;;;;;;;;CA6lBZ,CAAA;AAED,eAAO,MAAM,WAAW;gFAvZrB,UAAU;;;;;;;;;;;;;;;CAkaZ,CAAA;AAED,eAAO,MAAM,OAAO;+EAjRjB,UAAU;;;;;;;;CA2RZ,CAAA;AAED,eAAO,MAAM,OAAO;gFAvOjB,UAAU;;;;;;;;;;;;;;;CAkPZ,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListItem/ListItem.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ListItemButtonProps as MUIListItemButtonProps } from '@mui/material';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ListItemButton component.
|
|
4
|
+
* Includes all MUI ListItemButton props plus custom props defined in theme types
|
|
5
|
+
*/
|
|
6
|
+
export type ListItemButtonProps = MUIListItemButtonProps;
|
|
7
|
+
declare const ListItemButton: import('react').ForwardRefExoticComponent<Omit<ListItemButtonProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export default ListItemButton;
|
|
9
|
+
//# sourceMappingURL=ListItemButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListItemButton/ListItemButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,eAAe,CAAA;AAGtB;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAiDxD,QAAA,MAAM,cAAc,6HAA8B,CAAA;AAElD,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemButton.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListItemButton/ListItemButton.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { StackProps } from '@mui/material';
|
|
3
|
+
export interface ListItemRightContentProps extends Omit<StackProps, 'children'> {
|
|
4
|
+
/**
|
|
5
|
+
* The content to display on the right side of the ListItem. It can contain one or more elements, like a text, an icon button, a chip, etc.
|
|
6
|
+
*/
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A wrapper component to display content on the right side of a ListItem.
|
|
11
|
+
*/
|
|
12
|
+
declare function ListItemRightContent({ children, ...props }: ListItemRightContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default ListItemRightContent;
|
|
14
|
+
//# sourceMappingURL=ListItemRightContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemRightContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListItemRightContent/ListItemRightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;GAEG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAY3B;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemRightContent.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListItemRightContent/ListItemRightContent.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ListSubheaderProps as MUIListSubheaderProps } from '@mui/material';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ListSubheader component.
|
|
4
|
+
* Includes all MUI ListSubheader props plus custom props defined in theme types
|
|
5
|
+
*/
|
|
6
|
+
export type ListSubheaderProps = MUIListSubheaderProps;
|
|
7
|
+
declare const ListSubheader: import('react').ForwardRefExoticComponent<Omit<ListSubheaderProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
|
|
8
|
+
export default ListSubheader;
|
|
9
|
+
//# sourceMappingURL=ListSubheader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListSubheader.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListSubheader/ListSubheader.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,kBAAkB,IAAI,qBAAqB,EAC5C,MAAM,eAAe,CAAA;AAGtB;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAA;AAiCtD,QAAA,MAAM,aAAa,2HAA6B,CAAA;AAChD,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListSubheader.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListSubheader/ListSubheader.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export { default as List } from './List';
|
|
2
|
+
export type * from './List';
|
|
3
|
+
export type * from './types';
|
|
4
|
+
export { default as ListItem } from './ListItem/ListItem';
|
|
5
|
+
export type * from './ListItem/ListItem';
|
|
6
|
+
export { default as ListItemButton } from './ListItemButton/ListItemButton';
|
|
7
|
+
export type * from './ListItemButton/ListItemButton';
|
|
8
|
+
export { default as ListItemRightContent } from './ListItemRightContent/ListItemRightContent';
|
|
9
|
+
export type * from './ListItemRightContent/ListItemRightContent';
|
|
10
|
+
export { default as ListSubheader } from './ListSubheader/ListSubheader';
|
|
11
|
+
export type * from './ListSubheader/ListSubheader';
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,SAAS,CAAA;AAE5B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,mBAAmB,qBAAqB,CAAA;AAExC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,mBAAmB,iCAAiC,CAAA;AAEpD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAC7F,mBAAmB,6CAA6C,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAA;AACxE,mBAAmB,+BAA+B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu/Menu.stories.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAGL,aAAa,EAEb,aAAa,EACb,SAAS,EACV,MAAM,mBAAmB,CAAA;AAkB1B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFG,CAAA;AAChB,eAAe,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu/Menu.stories.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAGL,aAAa,EAEb,aAAa,EACb,SAAS,EACV,MAAM,mBAAmB,CAAA;AAkB1B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFG,CAAA;AAChB,eAAe,OAAO,CAAA;AA23BtB,eAAO,MAAM,UAAU;yFAnhBpB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAshB/C,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;yFA/hBf,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAkiB/C,CAAA;AAED,eAAO,MAAM,QAAQ;yEAlKlB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAwK/C,CAAA;AAED,eAAO,MAAM,MAAM;2CA94BhB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAi5BnC,CAAA;AAED,eAAO,MAAM,OAAO;qDAluBjB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAquBnC,CAAA;AAED,eAAO,MAAM,SAAS;iCA7lBnB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAkmBnC,CAAA;AAED,eAAO,MAAM,WAAW;iCApoBrB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAuoBnC,CAAA;AAED,eAAO,MAAM,QAAQ;yFAlkBlB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAqkB/C,CAAA;AAED,eAAO,MAAM,YAAY;yEApXtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CA2X/C,CAAA;AAED,eAAO,MAAM,aAAa;yEAlRvB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAqR/C,CAAA;AAED,eAAO,MAAM,eAAe;yEA9ezB,aAAa,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAifnD,CAAA;AAED,eAAO,MAAM,WAAW;yFA1lBrB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CA6lB/C,CAAA;AAED,eAAO,MAAM,YAAY;yFA/lBtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAkmB/C,CAAA;AAED,eAAO,MAAM,cAAc;yFApmBxB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAumB/C,CAAA;AAED,eAAO,MAAM,YAAY;yFAzmBtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;CAgnB/C,CAAA;AAED,eAAO,MAAM,cAAc;yFAlnBxB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;CAynB/C,CAAA"}
|
|
@@ -31,6 +31,7 @@ export * from './TablePaginationActions';
|
|
|
31
31
|
export * from './Tag';
|
|
32
32
|
export * from './UploadField';
|
|
33
33
|
export * from './EllipsisWithTooltip';
|
|
34
|
+
export * from './List';
|
|
34
35
|
export type * from './Button';
|
|
35
36
|
export type * from './SplitButton';
|
|
36
37
|
export type * from './LabelWithIndicator';
|
|
@@ -64,4 +65,5 @@ export type * from './TablePaginationActions';
|
|
|
64
65
|
export type * from './Tag';
|
|
65
66
|
export type * from './UploadField';
|
|
66
67
|
export type * from './EllipsisWithTooltip';
|
|
68
|
+
export type * from './List';
|
|
67
69
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AAEtB,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,oBAAoB,CAAA;AACvC,mBAAmB,oBAAoB,CAAA;AACvC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,gBAAgB,CAAA;AACnC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,0BAA0B,CAAA;AAC7C,mBAAmB,OAAO,CAAA;AAC1B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,uBAAuB,CAAA;AAC1C,mBAAmB,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchAccessShortcut.d.ts","sourceRoot":"","sources":["../../../src/custom-icons/SwitchAccessShortcut.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;;
|
|
1
|
+
{"version":3,"file":"SwitchAccessShortcut.d.ts","sourceRoot":"","sources":["../../../src/custom-icons/SwitchAccessShortcut.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;;AA2BtD,wBAA+C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-display.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/data-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAiBxD,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"data-display.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/data-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAiBxD,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CA4mB3D,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/navigation.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/navigation.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAoHjD,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CA2iB1D,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PaletteColor } from '@mui/material';
|
|
2
|
+
import { ListVariant } from '../components/List/types';
|
|
2
3
|
type Modify<T, R> = Omit<T, keyof R> & R;
|
|
3
4
|
type CustomDefaultPaletteColor = Modify<PaletteColor, {
|
|
4
5
|
background: string;
|
|
@@ -133,5 +134,155 @@ declare module '@mui/material/CircularProgress' {
|
|
|
133
134
|
neutral: true;
|
|
134
135
|
}
|
|
135
136
|
}
|
|
137
|
+
declare module '@mui/material/List' {
|
|
138
|
+
interface ListOwnProps {
|
|
139
|
+
/**
|
|
140
|
+
* The variant of the list.
|
|
141
|
+
* - 'standard': Default variant without border
|
|
142
|
+
* - 'outlined': List container and items have border
|
|
143
|
+
* - 'boxed': List items have border and background color
|
|
144
|
+
*/
|
|
145
|
+
variant?: ListVariant;
|
|
146
|
+
/**
|
|
147
|
+
* Spacing between list items (uses theme.spacing).
|
|
148
|
+
* Default: 0 for standard/outlined, 1 (8px) for boxed
|
|
149
|
+
*/
|
|
150
|
+
spacing?: number;
|
|
151
|
+
/**
|
|
152
|
+
* The direction of the list.
|
|
153
|
+
* - 'column': List items are stacked vertically (default)
|
|
154
|
+
* - 'column-reverse': List items are stacked vertically in reverse order
|
|
155
|
+
* - 'row-reverse': List items are stacked horizontally in reverse order
|
|
156
|
+
* - 'row': List items are stacked horizontally
|
|
157
|
+
* @default 'column'
|
|
158
|
+
*/
|
|
159
|
+
direction?: 'column' | 'column-reverse' | 'row-reverse' | 'row';
|
|
160
|
+
/**
|
|
161
|
+
* The color of the list.
|
|
162
|
+
* - 'transparent': Transparent background
|
|
163
|
+
* - 'default': Default background
|
|
164
|
+
* - 'paper': Paper background
|
|
165
|
+
*/
|
|
166
|
+
color?: 'transparent' | 'default' | 'paper';
|
|
167
|
+
/**
|
|
168
|
+
* If true, removes left and right padding (gutters) from the list items.
|
|
169
|
+
* @default false
|
|
170
|
+
*/
|
|
171
|
+
disableGutters?: boolean;
|
|
172
|
+
/**
|
|
173
|
+
* If true, the list item has a fixed height.
|
|
174
|
+
* - dense true: 52px
|
|
175
|
+
* - dense false: 68px
|
|
176
|
+
* If false, adapts to content.
|
|
177
|
+
* @default true
|
|
178
|
+
*/
|
|
179
|
+
fixedHeight?: boolean;
|
|
180
|
+
/**
|
|
181
|
+
* If true, the list has a divider between the list items. Only supported for standard variant.
|
|
182
|
+
* @default false
|
|
183
|
+
*/
|
|
184
|
+
divider?: boolean;
|
|
185
|
+
/**
|
|
186
|
+
* If true, enables virtualization for improved performance with large lists.
|
|
187
|
+
* Uses react-window's FixedSizeList for efficient rendering.
|
|
188
|
+
* @default false
|
|
189
|
+
*/
|
|
190
|
+
virtualized?: boolean;
|
|
191
|
+
/**
|
|
192
|
+
* The height of each list item in pixels. Required for optimal virtualization performance.
|
|
193
|
+
* Defaults based on dense prop: 52px (dense) or 68px (default).
|
|
194
|
+
*/
|
|
195
|
+
virtualizedItemHeight?: number;
|
|
196
|
+
/**
|
|
197
|
+
* Maximum height of the list container in pixels before scrolling is enabled.
|
|
198
|
+
* Only applies when virtualized is true.
|
|
199
|
+
* @default 312
|
|
200
|
+
*/
|
|
201
|
+
virtualizedListHeight?: number;
|
|
202
|
+
/**
|
|
203
|
+
* Number of items to render above/below the visible area.
|
|
204
|
+
* Higher values improve scroll smoothness but increase memory usage.
|
|
205
|
+
* Only applies when virtualized is true.
|
|
206
|
+
* @default 5
|
|
207
|
+
*/
|
|
208
|
+
overscanCount?: number;
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
declare module '@mui/material/ListItem' {
|
|
212
|
+
interface ListItemOwnProps {
|
|
213
|
+
/**
|
|
214
|
+
* The variant of the list item.
|
|
215
|
+
* - 'standard': Default variant without border
|
|
216
|
+
* - 'outlined': Variant with border
|
|
217
|
+
* - 'boxed': Variant with border and background color
|
|
218
|
+
*/
|
|
219
|
+
variant?: ListVariant;
|
|
220
|
+
/**
|
|
221
|
+
* If true, the list item has a fixed height.
|
|
222
|
+
* - dense true: 52px
|
|
223
|
+
* - dense false: 68px
|
|
224
|
+
* If false, adapts to content.
|
|
225
|
+
* @default true
|
|
226
|
+
*/
|
|
227
|
+
fixedHeight?: boolean;
|
|
228
|
+
/**
|
|
229
|
+
* If true, the list item is disabled.
|
|
230
|
+
* @default false
|
|
231
|
+
*/
|
|
232
|
+
disabled?: boolean;
|
|
233
|
+
/**
|
|
234
|
+
* Click handler. When provided, the component renders as a ListItemButton instead of ListItem.
|
|
235
|
+
*/
|
|
236
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
declare module '@mui/material/ListItemButton' {
|
|
240
|
+
interface ListItemButtonOwnProps {
|
|
241
|
+
/**
|
|
242
|
+
* The variant of the list item.
|
|
243
|
+
* - 'standard': Default variant without border
|
|
244
|
+
* - 'outlined': Variant with border
|
|
245
|
+
* - 'boxed': Variant with border and background color
|
|
246
|
+
*/
|
|
247
|
+
variant?: ListVariant;
|
|
248
|
+
/**
|
|
249
|
+
* If true, the list item has a fixed height.
|
|
250
|
+
* - dense true: 52px
|
|
251
|
+
* - dense false: 68px
|
|
252
|
+
* If false, adapts to content.
|
|
253
|
+
* @default true
|
|
254
|
+
*/
|
|
255
|
+
fixedHeight?: boolean;
|
|
256
|
+
/**
|
|
257
|
+
* If true, the list item is disabled.
|
|
258
|
+
* @default false
|
|
259
|
+
*/
|
|
260
|
+
disabled?: boolean;
|
|
261
|
+
/**
|
|
262
|
+
* If true, the list item has no padding.
|
|
263
|
+
* @default false
|
|
264
|
+
*/
|
|
265
|
+
disablePadding?: boolean;
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
declare module '@mui/material/ListSubheader' {
|
|
269
|
+
interface ListSubheaderOwnProps {
|
|
270
|
+
/**
|
|
271
|
+
* The background color of the list subheader.
|
|
272
|
+
* - 'paper': Paper background
|
|
273
|
+
* - 'default': Default background
|
|
274
|
+
* - 'inherit': Inherit background from parent
|
|
275
|
+
* @default 'default'
|
|
276
|
+
*/
|
|
277
|
+
backgroundColor?: 'paper' | 'default' | 'inherit';
|
|
278
|
+
/**
|
|
279
|
+
* If true, the list subheader has dense lateral padding.
|
|
280
|
+
* - dense true: 12px
|
|
281
|
+
* - dense false: 16px
|
|
282
|
+
* @default true
|
|
283
|
+
*/
|
|
284
|
+
dense?: boolean;
|
|
285
|
+
}
|
|
286
|
+
}
|
|
136
287
|
export {};
|
|
137
288
|
//# sourceMappingURL=types.d.ts.map
|