@lumx/react 3.6.7 → 3.6.8
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/_internal/types.d.ts +29 -29
- package/index.d.ts +45 -45
- package/index.js +28 -16
- package/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/alert-dialog/AlertDialog.tsx +2 -12
- package/src/components/autocomplete/Autocomplete.test.tsx +1 -1
- package/src/components/autocomplete/AutocompleteMultiple.test.tsx +1 -1
- package/src/components/badge/Badge.test.tsx +1 -1
- package/src/components/button/Button.test.tsx +2 -2
- package/src/components/button/IconButton.test.tsx +1 -1
- package/src/components/chip/Chip.test.tsx +22 -5
- package/src/components/chip/Chip.tsx +9 -5
- package/src/components/date-picker/DatePickerControlled.tsx +5 -4
- package/src/components/generic-block/GenericBlock.test.tsx +9 -9
- package/src/components/grid-column/GridColumn.tsx +32 -34
- package/src/components/icon/Icon.test.tsx +1 -1
- package/src/components/input-helper/InputHelper.test.tsx +1 -1
- package/src/components/link/Link.test.tsx +3 -3
- package/src/components/link-preview/LinkPreview.test.tsx +1 -2
- package/src/components/message/Message.test.tsx +1 -1
- package/src/components/mosaic/Mosaic.tsx +5 -4
- package/src/components/popover/Popover.tsx +13 -20
- package/src/components/select/Select.test.tsx +3 -3
- package/src/components/select/SelectMultiple.stories.tsx +56 -58
- package/src/components/select/SelectMultiple.test.tsx +4 -4
- package/src/components/side-navigation/SideNavigation.test.tsx +2 -2
- package/src/components/slideshow/SlideshowControls.stories.tsx +4 -9
- package/src/components/slideshow/useSlideFocusManagement.tsx +1 -1
- package/src/components/tabs/TabProvider.test.tsx +1 -1
- package/src/components/thumbnail/Thumbnail.stories.tsx +5 -5
- package/src/constants.ts +2 -2
- package/src/stories/decorators/withCombinations.tsx +76 -74
- package/src/utils/date/getFirstDayOfWeek.ts +2 -1
- package/src/utils/date/getMonthCalendar.test.ts +4 -0
- package/src/utils/date/getMonthCalendar.ts +10 -2
- package/src/utils/focus/constants.ts +4 -2
- package/src/utils/focus/getFirstAndLastFocusable.test.ts +19 -19
- package/src/utils/focus/getFocusableElements.test.ts +13 -13
- package/src/utils/type.ts +17 -13
- package/src/utils/utils.test.ts +5 -5
package/_internal/types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { Ref, ReactElement } from 'react';
|
|
2
2
|
|
|
3
3
|
/** Get types of the values of a record. */
|
|
4
|
-
|
|
4
|
+
type ValueOf<T extends Record<any, any>> = T[keyof T];
|
|
5
5
|
/** LumX Component Type. */
|
|
6
|
-
|
|
6
|
+
type Comp<P, T = HTMLElement> = {
|
|
7
7
|
(props: P & {
|
|
8
8
|
ref?: Ref<T>;
|
|
9
9
|
}): ReactElement | null;
|
|
@@ -17,9 +17,9 @@ declare type Comp<P, T = HTMLElement> = {
|
|
|
17
17
|
className?: string;
|
|
18
18
|
};
|
|
19
19
|
/** Union type of all heading elements */
|
|
20
|
-
|
|
20
|
+
type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
21
21
|
/** Union type of all text elements */
|
|
22
|
-
|
|
22
|
+
type TextElement = 'span' | 'p' | HeadingElement;
|
|
23
23
|
interface HasTheme {
|
|
24
24
|
/**
|
|
25
25
|
* Theme adapting the component to light or dark background.
|
|
@@ -44,18 +44,18 @@ interface GenericProps extends HasClassName {
|
|
|
44
44
|
/**
|
|
45
45
|
* Callback function type alias (use for readability)
|
|
46
46
|
*/
|
|
47
|
-
|
|
47
|
+
type Callback = () => void;
|
|
48
48
|
/**
|
|
49
49
|
* JS falsy values.
|
|
50
50
|
* (excluding `NaN` as it can't be distinguished from `number`)
|
|
51
51
|
*/
|
|
52
|
-
|
|
52
|
+
type Falsy = false | undefined | null | 0 | '';
|
|
53
53
|
/**
|
|
54
54
|
* Require either `aria-label` or `arial-labelledby` prop.
|
|
55
55
|
* If none are set, the order will prioritize `aria-labelledby` over `aria-label` as it
|
|
56
56
|
* needs a visible element.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
type HasAriaLabelOrLabelledBy<T = string | undefined> = T extends string ? {
|
|
59
59
|
/**
|
|
60
60
|
* The id of the element to use as title of the dialog. Can be within or out of the dialog.
|
|
61
61
|
* Although it is not recommended, aria-label can be used instead if no visible element is available.
|
|
@@ -73,7 +73,7 @@ declare type HasAriaLabelOrLabelledBy<T = string | undefined> = T extends string
|
|
|
73
73
|
* @example ComponentRef<'div'> => React.Ref<HTMLDivElement>
|
|
74
74
|
* @example ComponentRef<Button> => React.Ref<HTMLButtonElement
|
|
75
75
|
*/
|
|
76
|
-
|
|
76
|
+
type ComponentRef<C> = C extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[C]['ref'] : C extends Comp<any, infer T> ? React.Ref<T> : C extends React.JSXElementConstructor<{
|
|
77
77
|
ref?: infer R;
|
|
78
78
|
}> ? R : never;
|
|
79
79
|
|
|
@@ -92,9 +92,9 @@ declare const Alignment: {
|
|
|
92
92
|
readonly start: "start";
|
|
93
93
|
readonly top: "top";
|
|
94
94
|
};
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
type Alignment = ValueOf<typeof Alignment>;
|
|
96
|
+
type VerticalAlignment = Extract<Alignment, 'top' | 'center' | 'bottom'>;
|
|
97
|
+
type HorizontalAlignment = Extract<Alignment, 'right' | 'center' | 'left'>;
|
|
98
98
|
/**
|
|
99
99
|
* See SCSS variable $lumx-color-palette
|
|
100
100
|
*/
|
|
@@ -109,8 +109,8 @@ declare const ColorPalette: {
|
|
|
109
109
|
readonly light: "light";
|
|
110
110
|
readonly grey: "grey";
|
|
111
111
|
};
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
type ColorPalette = ValueOf<typeof ColorPalette>;
|
|
113
|
+
type Color = ColorPalette | string;
|
|
114
114
|
/**
|
|
115
115
|
* See SCSS variable $lumx-color-variants
|
|
116
116
|
*/
|
|
@@ -125,12 +125,12 @@ declare const ColorVariant: {
|
|
|
125
125
|
readonly L6: "L6";
|
|
126
126
|
readonly N: "N";
|
|
127
127
|
};
|
|
128
|
-
|
|
128
|
+
type ColorVariant = ValueOf<typeof ColorVariant>;
|
|
129
129
|
declare const Theme: {
|
|
130
130
|
readonly light: "light";
|
|
131
131
|
readonly dark: "dark";
|
|
132
132
|
};
|
|
133
|
-
|
|
133
|
+
type Theme = ValueOf<typeof Theme>;
|
|
134
134
|
declare const Size: {
|
|
135
135
|
readonly xxs: "xxs";
|
|
136
136
|
readonly xs: "xs";
|
|
@@ -145,19 +145,19 @@ declare const Size: {
|
|
|
145
145
|
readonly big: "big";
|
|
146
146
|
readonly huge: "huge";
|
|
147
147
|
};
|
|
148
|
-
|
|
149
|
-
|
|
148
|
+
type Size = ValueOf<typeof Size>;
|
|
149
|
+
type GlobalSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
|
|
150
150
|
declare const Orientation: {
|
|
151
151
|
readonly horizontal: "horizontal";
|
|
152
152
|
readonly vertical: "vertical";
|
|
153
153
|
};
|
|
154
|
-
|
|
154
|
+
type Orientation = ValueOf<typeof Orientation>;
|
|
155
155
|
declare const Emphasis: {
|
|
156
156
|
readonly low: "low";
|
|
157
157
|
readonly medium: "medium";
|
|
158
158
|
readonly high: "high";
|
|
159
159
|
};
|
|
160
|
-
|
|
160
|
+
type Emphasis = ValueOf<typeof Emphasis>;
|
|
161
161
|
/**
|
|
162
162
|
* List of typographies that can't be customized.
|
|
163
163
|
*/
|
|
@@ -172,7 +172,7 @@ declare const TypographyInterface: {
|
|
|
172
172
|
readonly headline: "headline";
|
|
173
173
|
readonly display1: "display1";
|
|
174
174
|
};
|
|
175
|
-
|
|
175
|
+
type TypographyInterface = ValueOf<typeof TypographyInterface>;
|
|
176
176
|
/**
|
|
177
177
|
* List of title typographies that can be customized (via CSS variables).
|
|
178
178
|
*/
|
|
@@ -184,7 +184,7 @@ declare const TypographyTitleCustom: {
|
|
|
184
184
|
readonly title5: "custom-title5";
|
|
185
185
|
readonly title6: "custom-title6";
|
|
186
186
|
};
|
|
187
|
-
|
|
187
|
+
type TypographyTitleCustom = ValueOf<typeof TypographyTitleCustom>;
|
|
188
188
|
/**
|
|
189
189
|
* List of typographies that can be customized (via CSS variables).
|
|
190
190
|
*/
|
|
@@ -202,7 +202,7 @@ declare const TypographyCustom: {
|
|
|
202
202
|
readonly title5: "custom-title5";
|
|
203
203
|
readonly title6: "custom-title6";
|
|
204
204
|
};
|
|
205
|
-
|
|
205
|
+
type TypographyCustom = ValueOf<typeof TypographyCustom>;
|
|
206
206
|
/**
|
|
207
207
|
* List of all typographies.
|
|
208
208
|
*/
|
|
@@ -231,7 +231,7 @@ declare const Typography: {
|
|
|
231
231
|
readonly headline: "headline";
|
|
232
232
|
readonly display1: "display1";
|
|
233
233
|
};
|
|
234
|
-
|
|
234
|
+
type Typography = TypographyInterface | TypographyCustom;
|
|
235
235
|
/**
|
|
236
236
|
* All available aspect ratios.
|
|
237
237
|
*/
|
|
@@ -251,7 +251,7 @@ declare const AspectRatio: {
|
|
|
251
251
|
/** Ratio constrained by the parent. */
|
|
252
252
|
readonly free: "free";
|
|
253
253
|
};
|
|
254
|
-
|
|
254
|
+
type AspectRatio = ValueOf<typeof AspectRatio>;
|
|
255
255
|
/**
|
|
256
256
|
* Semantic info about the purpose of the component
|
|
257
257
|
*/
|
|
@@ -261,7 +261,7 @@ declare const Kind: {
|
|
|
261
261
|
readonly warning: "warning";
|
|
262
262
|
readonly error: "error";
|
|
263
263
|
};
|
|
264
|
-
|
|
264
|
+
type Kind = ValueOf<typeof Kind>;
|
|
265
265
|
/**
|
|
266
266
|
* All available white-space values
|
|
267
267
|
* */
|
|
@@ -273,12 +273,12 @@ declare const WhiteSpace: {
|
|
|
273
273
|
'pre-line': string;
|
|
274
274
|
'break-spaces': string;
|
|
275
275
|
};
|
|
276
|
-
|
|
276
|
+
type WhiteSpace = ValueOf<typeof WhiteSpace>;
|
|
277
277
|
|
|
278
278
|
/**
|
|
279
279
|
* Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
|
|
280
280
|
*/
|
|
281
|
-
|
|
281
|
+
type FocusPoint = {
|
|
282
282
|
x?: number;
|
|
283
283
|
y?: number;
|
|
284
284
|
};
|
|
@@ -300,7 +300,7 @@ declare const ThumbnailAspectRatio: Record<string, AspectRatio>;
|
|
|
300
300
|
/**
|
|
301
301
|
* Thumbnail sizes.
|
|
302
302
|
*/
|
|
303
|
-
|
|
303
|
+
type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
|
|
304
304
|
/**
|
|
305
305
|
* Thumbnail variants.
|
|
306
306
|
*/
|
|
@@ -308,6 +308,6 @@ declare const ThumbnailVariant: {
|
|
|
308
308
|
readonly squared: "squared";
|
|
309
309
|
readonly rounded: "rounded";
|
|
310
310
|
};
|
|
311
|
-
|
|
311
|
+
type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;
|
|
312
312
|
|
|
313
313
|
export { Alignment as A, Comp as C, Emphasis as E, Falsy as F, GenericProps as G, HasTheme as H, Kind as K, Orientation as O, Size as S, Typography as T, ValueOf as V, WhiteSpace as W, HorizontalAlignment as a, ColorPalette as b, VerticalAlignment as c, ColorVariant as d, TextElement as e, HeadingElement as f, AspectRatio as g, FocusPoint as h, ThumbnailSize as i, ThumbnailVariant as j, HasClassName as k, HasAriaLabelOrLabelledBy as l, ComponentRef as m, GlobalSize as n, TypographyInterface as o, Color as p, Theme as q, TypographyTitleCustom as r, TypographyCustom as s, Callback as t, ThumbnailAspectRatio as u };
|
package/index.d.ts
CHANGED
|
@@ -224,7 +224,7 @@ declare const AutocompleteMultiple: Comp<AutocompleteMultipleProps, HTMLDivEleme
|
|
|
224
224
|
/**
|
|
225
225
|
* Avatar sizes.
|
|
226
226
|
*/
|
|
227
|
-
|
|
227
|
+
type AvatarSize = Extract<Size, 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
|
|
228
228
|
/**
|
|
229
229
|
* Defines the props of the component.
|
|
230
230
|
*/
|
|
@@ -277,11 +277,11 @@ interface BadgeProps extends GenericProps {
|
|
|
277
277
|
*/
|
|
278
278
|
declare const Badge: Comp<BadgeProps, HTMLDivElement>;
|
|
279
279
|
|
|
280
|
-
|
|
280
|
+
type HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
281
281
|
/**
|
|
282
282
|
* Button size definition.
|
|
283
283
|
*/
|
|
284
|
-
|
|
284
|
+
type ButtonSize = Extract<Size, 's' | 'm'>;
|
|
285
285
|
interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasTheme {
|
|
286
286
|
/** Color variant. */
|
|
287
287
|
color?: ColorPalette;
|
|
@@ -374,7 +374,7 @@ declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
|
|
|
374
374
|
/**
|
|
375
375
|
* Defines the props of the component
|
|
376
376
|
*/
|
|
377
|
-
|
|
377
|
+
type ButtonGroupProps = GenericProps;
|
|
378
378
|
/**
|
|
379
379
|
* ButtonGroup component.
|
|
380
380
|
*
|
|
@@ -421,7 +421,7 @@ declare const Checkbox: Comp<CheckboxProps, HTMLDivElement>;
|
|
|
421
421
|
/**
|
|
422
422
|
* Chip sizes.
|
|
423
423
|
*/
|
|
424
|
-
|
|
424
|
+
type ChipSize = Extract<Size, 's' | 'm'>;
|
|
425
425
|
/**
|
|
426
426
|
* Defines the props of the component.
|
|
427
427
|
*/
|
|
@@ -464,7 +464,7 @@ interface UseChipGroupNavigation {
|
|
|
464
464
|
/** function that allows to reset the navigation */
|
|
465
465
|
resetChipNavigation(): void;
|
|
466
466
|
}
|
|
467
|
-
|
|
467
|
+
type useChipGroupNavigationType<C = any> = (chips: C[], onChipDeleted: (chip: C) => void, initialActiveChip?: number) => UseChipGroupNavigation;
|
|
468
468
|
|
|
469
469
|
/**
|
|
470
470
|
* Defines the props of the component.
|
|
@@ -489,7 +489,7 @@ declare const CommentBlockVariant: {
|
|
|
489
489
|
readonly indented: "indented";
|
|
490
490
|
readonly linear: "linear";
|
|
491
491
|
};
|
|
492
|
-
|
|
492
|
+
type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;
|
|
493
493
|
/**
|
|
494
494
|
* Defines the props of the component.
|
|
495
495
|
*/
|
|
@@ -669,7 +669,7 @@ interface DialogProps extends GenericProps {
|
|
|
669
669
|
/** whether to disable the scroll on the body or not */
|
|
670
670
|
disableBodyScroll?: boolean;
|
|
671
671
|
}
|
|
672
|
-
|
|
672
|
+
type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
|
|
673
673
|
/**
|
|
674
674
|
* Dialog component.
|
|
675
675
|
*
|
|
@@ -727,7 +727,7 @@ declare const Placement: {
|
|
|
727
727
|
readonly LEFT_END: "left-end";
|
|
728
728
|
readonly LEFT_START: "left-start";
|
|
729
729
|
};
|
|
730
|
-
|
|
730
|
+
type Placement = ValueOf<typeof Placement>;
|
|
731
731
|
/**
|
|
732
732
|
* Offset of the popover.
|
|
733
733
|
*/
|
|
@@ -740,7 +740,7 @@ interface Offset {
|
|
|
740
740
|
/**
|
|
741
741
|
* Popover elevation index.
|
|
742
742
|
*/
|
|
743
|
-
|
|
743
|
+
type Elevation = 1 | 2 | 3 | 4 | 5;
|
|
744
744
|
/**
|
|
745
745
|
* Popover fit anchor width options.
|
|
746
746
|
*/
|
|
@@ -749,7 +749,7 @@ declare const FitAnchorWidth: {
|
|
|
749
749
|
readonly MIN_WIDTH: "minWidth";
|
|
750
750
|
readonly WIDTH: "width";
|
|
751
751
|
};
|
|
752
|
-
|
|
752
|
+
type FitAnchorWidth = ValueOf<typeof FitAnchorWidth>;
|
|
753
753
|
|
|
754
754
|
/**
|
|
755
755
|
* Defines the props of the component.
|
|
@@ -940,11 +940,11 @@ interface FlagProps extends GenericProps, HasTheme {
|
|
|
940
940
|
*/
|
|
941
941
|
declare const Flag: Comp<FlagProps, HTMLDivElement>;
|
|
942
942
|
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
943
|
+
type MarginAutoAlignment = Extract<Alignment, 'top' | 'bottom' | 'right' | 'left'>;
|
|
944
|
+
type GapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;
|
|
945
|
+
type SpaceAlignment = Extract<Alignment, 'space-between' | 'space-evenly' | 'space-around'>;
|
|
946
|
+
type FlexVerticalAlignment = VerticalAlignment | SpaceAlignment;
|
|
947
|
+
type FlexHorizontalAlignment = HorizontalAlignment | SpaceAlignment;
|
|
948
948
|
/**
|
|
949
949
|
* Defines the props of the component.
|
|
950
950
|
*/
|
|
@@ -996,7 +996,7 @@ declare const GenericBlockGapSize: Pick<{
|
|
|
996
996
|
readonly big: "big";
|
|
997
997
|
readonly huge: "huge";
|
|
998
998
|
}, "big" | "tiny" | "regular" | "medium" | "huge">;
|
|
999
|
-
|
|
999
|
+
type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
|
|
1000
1000
|
|
|
1001
1001
|
interface GenericBlockProps extends FlexBoxProps {
|
|
1002
1002
|
/**
|
|
@@ -1048,7 +1048,7 @@ interface GenericBlockSectionProps extends FlexBoxProps {
|
|
|
1048
1048
|
*/
|
|
1049
1049
|
gap?: GenericBlockGapSize;
|
|
1050
1050
|
}
|
|
1051
|
-
|
|
1051
|
+
type BaseGenericBlock = Comp<GenericBlockProps, HTMLDivElement>;
|
|
1052
1052
|
/**
|
|
1053
1053
|
* The GenericBlock is a layout component made of 3 sections that can be
|
|
1054
1054
|
* displayed either horizontally of vertically with the same gap between each section.
|
|
@@ -1161,7 +1161,7 @@ declare const useHeadingLevel: () => {
|
|
|
1161
1161
|
headingElement: HeadingElement;
|
|
1162
1162
|
};
|
|
1163
1163
|
|
|
1164
|
-
|
|
1164
|
+
type GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;
|
|
1165
1165
|
/**
|
|
1166
1166
|
* Defines the props of the component.
|
|
1167
1167
|
*/
|
|
@@ -1186,7 +1186,7 @@ interface GridProps extends GenericProps {
|
|
|
1186
1186
|
*/
|
|
1187
1187
|
declare const Grid: Comp<GridProps, HTMLDivElement>;
|
|
1188
1188
|
|
|
1189
|
-
|
|
1189
|
+
type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
|
|
1190
1190
|
/**
|
|
1191
1191
|
* Defines the props of the component.
|
|
1192
1192
|
*/
|
|
@@ -1207,7 +1207,7 @@ interface GridItemProps extends GenericProps {
|
|
|
1207
1207
|
*/
|
|
1208
1208
|
declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
|
|
1209
1209
|
|
|
1210
|
-
|
|
1210
|
+
type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
|
|
1211
1211
|
/**
|
|
1212
1212
|
* Defines the props of the component.
|
|
1213
1213
|
*/
|
|
@@ -1234,7 +1234,7 @@ interface GridColumnProps extends GenericProps {
|
|
|
1234
1234
|
*/
|
|
1235
1235
|
declare const GridColumn: Comp<GridColumnProps>;
|
|
1236
1236
|
|
|
1237
|
-
|
|
1237
|
+
type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
|
|
1238
1238
|
/**
|
|
1239
1239
|
* Defines the props of the component.
|
|
1240
1240
|
*/
|
|
@@ -1264,7 +1264,7 @@ interface IconProps extends GenericProps, HasTheme {
|
|
|
1264
1264
|
*/
|
|
1265
1265
|
declare const Icon: Comp<IconProps, HTMLElement>;
|
|
1266
1266
|
|
|
1267
|
-
|
|
1267
|
+
type ImgHTMLProps = ImgHTMLAttributes<HTMLImageElement>;
|
|
1268
1268
|
/**
|
|
1269
1269
|
* Defines the props of the component.
|
|
1270
1270
|
*/
|
|
@@ -1324,11 +1324,11 @@ declare const ImageBlockCaptionPosition: {
|
|
|
1324
1324
|
readonly below: "below";
|
|
1325
1325
|
readonly over: "over";
|
|
1326
1326
|
};
|
|
1327
|
-
|
|
1327
|
+
type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;
|
|
1328
1328
|
/**
|
|
1329
1329
|
* Image block sizes.
|
|
1330
1330
|
*/
|
|
1331
|
-
|
|
1331
|
+
type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;
|
|
1332
1332
|
/**
|
|
1333
1333
|
* Defines the props of the component.
|
|
1334
1334
|
*/
|
|
@@ -1461,7 +1461,7 @@ interface LightboxProps extends GenericProps, HasTheme, Pick<AriaAttributes, 'ar
|
|
|
1461
1461
|
*/
|
|
1462
1462
|
declare const Lightbox: Comp<LightboxProps, HTMLDivElement>;
|
|
1463
1463
|
|
|
1464
|
-
|
|
1464
|
+
type HTMLAnchorProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
|
|
1465
1465
|
/**
|
|
1466
1466
|
* Defines the props of the component.
|
|
1467
1467
|
*/
|
|
@@ -1524,7 +1524,7 @@ interface LinkPreviewProps extends GenericProps, HasTheme {
|
|
|
1524
1524
|
*/
|
|
1525
1525
|
declare const LinkPreview: Comp<LinkPreviewProps, HTMLDivElement>;
|
|
1526
1526
|
|
|
1527
|
-
|
|
1527
|
+
type Listener = (evt: KeyboardEvent) => void;
|
|
1528
1528
|
interface UseKeyboardListNavigationType {
|
|
1529
1529
|
/** the current active index */
|
|
1530
1530
|
activeItemIndex: number;
|
|
@@ -1535,7 +1535,7 @@ interface UseKeyboardListNavigationType {
|
|
|
1535
1535
|
/** Sets the active index to a given value */
|
|
1536
1536
|
setActiveItemIndex(value: SetStateAction<number>): void;
|
|
1537
1537
|
}
|
|
1538
|
-
|
|
1538
|
+
type useKeyboardListNavigationType = <I>(items: I[], ref: RefObject<HTMLElement>, onListItemSelected: (itemSelected: I) => void, onListItemNavigated?: (itemSelected: I) => void, onEnterPressed?: (itemSelected: string) => void, onBackspacePressed?: Listener, keepFocusAfterSelection?: boolean, initialIndex?: number, preventTabOnEnteredValue?: boolean) => UseKeyboardListNavigationType;
|
|
1539
1539
|
|
|
1540
1540
|
/**
|
|
1541
1541
|
* Defines the props of the component.
|
|
@@ -1565,7 +1565,7 @@ declare const List: Comp<ListProps, HTMLUListElement> & {
|
|
|
1565
1565
|
useKeyboardListNavigation: useKeyboardListNavigationType;
|
|
1566
1566
|
};
|
|
1567
1567
|
|
|
1568
|
-
|
|
1568
|
+
type ListItemSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
|
|
1569
1569
|
/**
|
|
1570
1570
|
* Defines the props of the component.
|
|
1571
1571
|
*/
|
|
@@ -1612,7 +1612,7 @@ declare const ListItem: Comp<ListItemProps, HTMLLIElement>;
|
|
|
1612
1612
|
/**
|
|
1613
1613
|
* Defines the props of the component.
|
|
1614
1614
|
*/
|
|
1615
|
-
|
|
1615
|
+
type ListDividerProps = GenericProps;
|
|
1616
1616
|
/**
|
|
1617
1617
|
* ListDivider component.
|
|
1618
1618
|
*
|
|
@@ -1698,7 +1698,7 @@ interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'li'>, H
|
|
|
1698
1698
|
label: string | ReactNode;
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
|
-
|
|
1701
|
+
type NavigationProps = React.ComponentProps<'nav'> & HasClassName & HasTheme & {
|
|
1702
1702
|
/** Content of the navigation. These components should be of type NavigationItem to be rendered */
|
|
1703
1703
|
children?: ReactNode;
|
|
1704
1704
|
orientation?: Orientation;
|
|
@@ -1728,7 +1728,7 @@ declare const Navigation: React.ForwardRefExoticComponent<(Omit<React.ClassAttri
|
|
|
1728
1728
|
displayName: string;
|
|
1729
1729
|
className: string;
|
|
1730
1730
|
};
|
|
1731
|
-
Item: (<E extends React.ElementType
|
|
1731
|
+
Item: (<E extends React.ElementType = "a">(props: React.PropsWithoutRef<React.ComponentProps<E>> & {
|
|
1732
1732
|
as?: E | undefined;
|
|
1733
1733
|
} & HasTheme & HasClassName & {
|
|
1734
1734
|
icon?: string | undefined;
|
|
@@ -1778,7 +1778,7 @@ declare const Notification: Comp<NotificationProps, HTMLDivElement>;
|
|
|
1778
1778
|
* PopoverDialog props.
|
|
1779
1779
|
* The PopoverDialog has the same props as the Popover but requires an accessible label.
|
|
1780
1780
|
*/
|
|
1781
|
-
|
|
1781
|
+
type PopoverDialogProps = PopoverProps & HasAriaLabelOrLabelledBy;
|
|
1782
1782
|
/**
|
|
1783
1783
|
* PopoverDialog component.
|
|
1784
1784
|
* Defines a popover that acts like a dialog
|
|
@@ -1831,7 +1831,7 @@ declare const ProgressVariant: {
|
|
|
1831
1831
|
readonly linear: "linear";
|
|
1832
1832
|
readonly circular: "circular";
|
|
1833
1833
|
};
|
|
1834
|
-
|
|
1834
|
+
type ProgressVariant = ValueOf<typeof ProgressVariant>;
|
|
1835
1835
|
/**
|
|
1836
1836
|
* Defines the props of the component.
|
|
1837
1837
|
*/
|
|
@@ -1852,7 +1852,7 @@ declare const Progress: Comp<ProgressProps, HTMLDivElement>;
|
|
|
1852
1852
|
/**
|
|
1853
1853
|
* Progress sizes.
|
|
1854
1854
|
*/
|
|
1855
|
-
|
|
1855
|
+
type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;
|
|
1856
1856
|
/**
|
|
1857
1857
|
* Defines the props of the component.
|
|
1858
1858
|
*/
|
|
@@ -2034,7 +2034,7 @@ declare const SelectVariant: {
|
|
|
2034
2034
|
readonly input: "input";
|
|
2035
2035
|
readonly chip: "chip";
|
|
2036
2036
|
};
|
|
2037
|
-
|
|
2037
|
+
type SelectVariant = ValueOf<typeof SelectVariant>;
|
|
2038
2038
|
interface CoreSelectProps extends GenericProps, HasTheme {
|
|
2039
2039
|
/** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */
|
|
2040
2040
|
clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
|
|
@@ -2193,7 +2193,7 @@ declare const SkeletonRectangleVariant: {
|
|
|
2193
2193
|
readonly rounded: "rounded";
|
|
2194
2194
|
readonly pill: "pill";
|
|
2195
2195
|
};
|
|
2196
|
-
|
|
2196
|
+
type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;
|
|
2197
2197
|
/**
|
|
2198
2198
|
* Defines the props of the component.
|
|
2199
2199
|
*/
|
|
@@ -2515,7 +2515,7 @@ declare const Table: Comp<TableProps, HTMLTableElement>;
|
|
|
2515
2515
|
/**
|
|
2516
2516
|
* Defines the props of the component.
|
|
2517
2517
|
*/
|
|
2518
|
-
|
|
2518
|
+
type TableBodyProps = GenericProps;
|
|
2519
2519
|
/**
|
|
2520
2520
|
* TableBody component.
|
|
2521
2521
|
*
|
|
@@ -2532,7 +2532,7 @@ declare const ThOrder: {
|
|
|
2532
2532
|
readonly asc: "asc";
|
|
2533
2533
|
readonly desc: "desc";
|
|
2534
2534
|
};
|
|
2535
|
-
|
|
2535
|
+
type ThOrder = ValueOf<typeof ThOrder>;
|
|
2536
2536
|
/**
|
|
2537
2537
|
* Table cell variants.
|
|
2538
2538
|
*/
|
|
@@ -2540,7 +2540,7 @@ declare const TableCellVariant: {
|
|
|
2540
2540
|
readonly body: "body";
|
|
2541
2541
|
readonly head: "head";
|
|
2542
2542
|
};
|
|
2543
|
-
|
|
2543
|
+
type TableCellVariant = ValueOf<typeof TableCellVariant>;
|
|
2544
2544
|
/**
|
|
2545
2545
|
* Defines the props of the component.
|
|
2546
2546
|
*/
|
|
@@ -2568,7 +2568,7 @@ declare const TableCell: Comp<TableCellProps, HTMLTableCellElement>;
|
|
|
2568
2568
|
/**
|
|
2569
2569
|
* Defines the props of the component.
|
|
2570
2570
|
*/
|
|
2571
|
-
|
|
2571
|
+
type TableHeaderProps = GenericProps;
|
|
2572
2572
|
/**
|
|
2573
2573
|
* TableHeader component.
|
|
2574
2574
|
*
|
|
@@ -2788,7 +2788,7 @@ interface ToolbarProps extends GenericProps {
|
|
|
2788
2788
|
declare const Toolbar: Comp<ToolbarProps, HTMLDivElement>;
|
|
2789
2789
|
|
|
2790
2790
|
/** Position of the tooltip relative to the anchor element. */
|
|
2791
|
-
|
|
2791
|
+
type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;
|
|
2792
2792
|
/**
|
|
2793
2793
|
* Defines the props of the component.
|
|
2794
2794
|
*/
|
|
@@ -2821,11 +2821,11 @@ declare const UploaderVariant: {
|
|
|
2821
2821
|
readonly rounded: "rounded";
|
|
2822
2822
|
readonly circle: "circle";
|
|
2823
2823
|
};
|
|
2824
|
-
|
|
2824
|
+
type UploaderVariant = ValueOf<typeof UploaderVariant>;
|
|
2825
2825
|
/**
|
|
2826
2826
|
* Uploader sizes.
|
|
2827
2827
|
*/
|
|
2828
|
-
|
|
2828
|
+
type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
|
|
2829
2829
|
/**
|
|
2830
2830
|
* Extend native HTML input props with specialized `onChange` providing the a `File` array.
|
|
2831
2831
|
*/
|
|
@@ -2863,7 +2863,7 @@ declare const Uploader: Comp<UploaderProps>;
|
|
|
2863
2863
|
/**
|
|
2864
2864
|
* User block sizes.
|
|
2865
2865
|
*/
|
|
2866
|
-
|
|
2866
|
+
type UserBlockSize = Extract<Size, 's' | 'm' | 'l'>;
|
|
2867
2867
|
/**
|
|
2868
2868
|
* Defines the props of the component.
|
|
2869
2869
|
*/
|