@lumx/react 3.9.4-alpha.3 → 3.9.4-alpha.4
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/index.d.ts +18 -12
- package/index.js +5829 -5797
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/badge/BadgeWrapper.stories.tsx +76 -0
- package/src/components/badge/BadgeWrapper.test.tsx +49 -0
- package/src/components/badge/BadgeWrapper.tsx +36 -0
- package/src/components/badge/index.ts +1 -0
- package/src/components/expansion-panel/ExpansionPanel.test.tsx +5 -2
- package/src/components/expansion-panel/ExpansionPanel.tsx +32 -3
- package/src/components/image-lightbox/internal/ImageSlideshow.tsx +0 -2
- package/src/components/slideshow/Slides.tsx +7 -15
- package/src/components/slideshow/Slideshow.stories.tsx +1 -12
- package/src/components/slideshow/Slideshow.tsx +16 -2
- package/src/components/slideshow/SlideshowControls.stories.tsx +3 -2
- package/src/components/slideshow/SlideshowControls.tsx +73 -63
- package/src/components/slideshow/SlideshowItem.tsx +10 -1
- package/src/components/slideshow/SlideshowItemGroup.tsx +33 -16
- package/src/components/slideshow/constants.ts +0 -4
- package/src/components/slideshow/useSlideFocusManagement.tsx +62 -74
- package/src/{components/slideshow → hooks}/useSlideshowControls.ts +60 -69
- package/src/stories/generated/Mosaic/Demos.stories.tsx +1 -0
package/index.d.ts
CHANGED
|
@@ -277,6 +277,14 @@ interface BadgeProps extends GenericProps {
|
|
|
277
277
|
*/
|
|
278
278
|
declare const Badge: Comp<BadgeProps, HTMLDivElement>;
|
|
279
279
|
|
|
280
|
+
interface BadgeWrapperProps extends GenericProps {
|
|
281
|
+
/** Badge. */
|
|
282
|
+
badge: ReactElement;
|
|
283
|
+
/** Node to display the badge on */
|
|
284
|
+
children: ReactNode;
|
|
285
|
+
}
|
|
286
|
+
declare const BadgeWrapper: Comp<BadgeWrapperProps, HTMLDivElement>;
|
|
287
|
+
|
|
280
288
|
type HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
281
289
|
/**
|
|
282
290
|
* Button size definition.
|
|
@@ -2366,7 +2374,7 @@ declare const clamp: (value: number, min: number, max: number) => number;
|
|
|
2366
2374
|
*/
|
|
2367
2375
|
interface SlideshowProps extends GenericProps, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
|
|
2368
2376
|
/** current slide active */
|
|
2369
|
-
activeIndex?:
|
|
2377
|
+
activeIndex?: SlidesProps['activeIndex'];
|
|
2370
2378
|
/** Interval between each slide when automatic rotation is enabled. */
|
|
2371
2379
|
interval?: number;
|
|
2372
2380
|
/** Props to pass to the slideshow controls (minus those already set by the Slideshow props). */
|
|
@@ -2437,9 +2445,9 @@ interface UseSlideshowControls {
|
|
|
2437
2445
|
/** id to be used for the wrapper that contains the slides */
|
|
2438
2446
|
slideshowSlidesId: string;
|
|
2439
2447
|
/** callback that triggers the previous slide while using the slideshow controls */
|
|
2440
|
-
onPreviousClick: (
|
|
2448
|
+
onPreviousClick: (loopback: boolean) => void;
|
|
2441
2449
|
/** callback that triggers the next slide while using the slideshow controls */
|
|
2442
|
-
onNextClick: (
|
|
2450
|
+
onNextClick: (loopback: boolean) => void;
|
|
2443
2451
|
/** callback that triggers a specific page while using the slideshow controls */
|
|
2444
2452
|
onPaginationClick: (index: number) => void;
|
|
2445
2453
|
/** whether the slideshow is autoplaying or not */
|
|
@@ -2448,18 +2456,16 @@ interface UseSlideshowControls {
|
|
|
2448
2456
|
isForcePaused: boolean;
|
|
2449
2457
|
/** callback to change whether the slideshow is autoplaying or not */
|
|
2450
2458
|
toggleAutoPlay: () => void;
|
|
2451
|
-
/**
|
|
2459
|
+
/** calback to change whether the slideshow should be force paused or not */
|
|
2452
2460
|
toggleForcePause: () => void;
|
|
2453
2461
|
/** current active slide index */
|
|
2454
2462
|
activeIndex: number;
|
|
2455
2463
|
/** set the current index as the active one */
|
|
2456
2464
|
setActiveIndex: (index: number) => void;
|
|
2457
|
-
/** callback that stops the
|
|
2465
|
+
/** callback that stops the auto play */
|
|
2458
2466
|
stopAutoPlay: () => void;
|
|
2459
|
-
/** callback that starts the
|
|
2467
|
+
/** callback that starts the auto play */
|
|
2460
2468
|
startAutoPlay: () => void;
|
|
2461
|
-
/** True if the last slide change is user activated */
|
|
2462
|
-
isUserActivated?: boolean;
|
|
2463
2469
|
}
|
|
2464
2470
|
|
|
2465
2471
|
/**
|
|
@@ -2479,11 +2485,11 @@ interface SlideshowControlsProps extends GenericProps, HasTheme {
|
|
|
2479
2485
|
/** Number of slides. */
|
|
2480
2486
|
slidesCount: number;
|
|
2481
2487
|
/** On next button click callback. */
|
|
2482
|
-
onNextClick?(
|
|
2488
|
+
onNextClick?(loopback?: boolean): void;
|
|
2483
2489
|
/** On pagination change callback. */
|
|
2484
2490
|
onPaginationClick?(index: number): void;
|
|
2485
2491
|
/** On previous button click callback. */
|
|
2486
|
-
onPreviousClick?(
|
|
2492
|
+
onPreviousClick?(loopback?: boolean): void;
|
|
2487
2493
|
/** whether the slideshow is currently playing */
|
|
2488
2494
|
isAutoPlaying?: boolean;
|
|
2489
2495
|
/**
|
|
@@ -2529,7 +2535,7 @@ interface SlidesProps extends GenericProps, HasTheme {
|
|
|
2529
2535
|
/**
|
|
2530
2536
|
* Accessible label to set on a slide group.
|
|
2531
2537
|
* Receives the group position starting from 1 and the total number of groups.
|
|
2532
|
-
*/
|
|
2538
|
+
* */
|
|
2533
2539
|
slideGroupLabel?: (groupPosition: number, groupTotal: number) => string;
|
|
2534
2540
|
}
|
|
2535
2541
|
/**
|
|
@@ -2987,4 +2993,4 @@ interface UserBlockProps extends GenericProps, HasTheme {
|
|
|
2987
2993
|
*/
|
|
2988
2994
|
declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
|
|
2989
2995
|
|
|
2990
|
-
export { AlertDialog, AlertDialogProps, Autocomplete, AutocompleteMultiple, AutocompleteMultipleProps, AutocompleteProps, Avatar, AvatarProps, AvatarSize, Badge, BadgeProps, BaseButtonProps, Button, ButtonEmphasis, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, Checkbox, CheckboxProps, Chip, ChipGroup, ChipGroupProps, ChipProps, CommentBlock, CommentBlockProps, CommentBlockVariant, DatePicker, DatePickerControlled, DatePickerControlledProps, DatePickerField, DatePickerFieldProps, DatePickerProps, Dialog, DialogProps, DialogSizes, Divider, DividerProps, DragHandle, DragHandleProps, Dropdown, DropdownProps, Elevation, ExpansionPanel, ExpansionPanelProps, Flag, FlagProps, FlexBox, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, GapSize, GenericBlock, GenericBlockGapSize, GenericBlockProps, Grid, GridColumn, GridColumnGapSize, GridColumnProps, GridItem, GridItemProps, GridProps, Heading, HeadingLevelProvider, HeadingLevelProviderProps, HeadingProps, Icon, IconButton, IconButtonProps, IconProps, IconSizes, ImageBlock, ImageBlockCaptionPosition, ImageBlockProps, ImageBlockSize, ImageLightbox, ImageLightboxProps, InlineList, InlineListProps, InputHelper, InputHelperProps, InputLabel, InputLabelProps, Lightbox, LightboxProps, Link, LinkPreview, LinkPreviewProps, LinkProps, List, ListDivider, ListDividerProps, ListItem, ListItemProps, ListItemSize, ListProps, ListSubheader, ListSubheaderProps, MarginAutoAlignment, Message, MessageProps, Mosaic, MosaicProps, Navigation, NavigationProps, Notification, NotificationProps, Offset, Placement, Popover, PopoverDialog, PopoverDialogProps, PopoverProps, PostBlock, PostBlockProps, Progress, ProgressCircular, ProgressCircularProps, ProgressCircularSize, ProgressLinear, ProgressLinearProps, ProgressProps, ProgressTracker, ProgressTrackerProps, ProgressTrackerProvider, ProgressTrackerProviderProps, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, ProgressVariant, RadioButton, RadioButtonProps, RadioGroup, RadioGroupProps, Select, SelectMultiple, SelectMultipleField, SelectMultipleProps, SelectProps, SelectVariant, SideNavigation, SideNavigationItem, SideNavigationItemProps, SideNavigationProps, SkeletonCircle, SkeletonCircleProps, SkeletonRectangle, SkeletonRectangleProps, SkeletonRectangleVariant, SkeletonTypography, SkeletonTypographyProps, Slider, SliderProps, Slides, SlidesProps, Slideshow, SlideshowControls, SlideshowControlsProps, SlideshowItem, SlideshowItemProps, SlideshowProps, Switch, SwitchProps, Tab, TabList, TabListLayout, TabListProps, TabPanel, TabPanelProps, TabProps, TabProvider, TabProviderProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableCellVariant, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Text, TextField, TextFieldProps, TextProps, ThOrder, Thumbnail, ThumbnailProps, Toolbar, ToolbarProps, Tooltip, TooltipPlacement, TooltipProps, Uploader, UploaderProps, UploaderSize, UploaderVariant, UserBlock, UserBlockProps, UserBlockSize, clamp, isClickable, useFocusPointStyle, useHeadingLevel };
|
|
2996
|
+
export { AlertDialog, AlertDialogProps, Autocomplete, AutocompleteMultiple, AutocompleteMultipleProps, AutocompleteProps, Avatar, AvatarProps, AvatarSize, Badge, BadgeProps, BadgeWrapper, BadgeWrapperProps, BaseButtonProps, Button, ButtonEmphasis, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, Checkbox, CheckboxProps, Chip, ChipGroup, ChipGroupProps, ChipProps, CommentBlock, CommentBlockProps, CommentBlockVariant, DatePicker, DatePickerControlled, DatePickerControlledProps, DatePickerField, DatePickerFieldProps, DatePickerProps, Dialog, DialogProps, DialogSizes, Divider, DividerProps, DragHandle, DragHandleProps, Dropdown, DropdownProps, Elevation, ExpansionPanel, ExpansionPanelProps, Flag, FlagProps, FlexBox, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, GapSize, GenericBlock, GenericBlockGapSize, GenericBlockProps, Grid, GridColumn, GridColumnGapSize, GridColumnProps, GridItem, GridItemProps, GridProps, Heading, HeadingLevelProvider, HeadingLevelProviderProps, HeadingProps, Icon, IconButton, IconButtonProps, IconProps, IconSizes, ImageBlock, ImageBlockCaptionPosition, ImageBlockProps, ImageBlockSize, ImageLightbox, ImageLightboxProps, InlineList, InlineListProps, InputHelper, InputHelperProps, InputLabel, InputLabelProps, Lightbox, LightboxProps, Link, LinkPreview, LinkPreviewProps, LinkProps, List, ListDivider, ListDividerProps, ListItem, ListItemProps, ListItemSize, ListProps, ListSubheader, ListSubheaderProps, MarginAutoAlignment, Message, MessageProps, Mosaic, MosaicProps, Navigation, NavigationProps, Notification, NotificationProps, Offset, Placement, Popover, PopoverDialog, PopoverDialogProps, PopoverProps, PostBlock, PostBlockProps, Progress, ProgressCircular, ProgressCircularProps, ProgressCircularSize, ProgressLinear, ProgressLinearProps, ProgressProps, ProgressTracker, ProgressTrackerProps, ProgressTrackerProvider, ProgressTrackerProviderProps, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, ProgressVariant, RadioButton, RadioButtonProps, RadioGroup, RadioGroupProps, Select, SelectMultiple, SelectMultipleField, SelectMultipleProps, SelectProps, SelectVariant, SideNavigation, SideNavigationItem, SideNavigationItemProps, SideNavigationProps, SkeletonCircle, SkeletonCircleProps, SkeletonRectangle, SkeletonRectangleProps, SkeletonRectangleVariant, SkeletonTypography, SkeletonTypographyProps, Slider, SliderProps, Slides, SlidesProps, Slideshow, SlideshowControls, SlideshowControlsProps, SlideshowItem, SlideshowItemProps, SlideshowProps, Switch, SwitchProps, Tab, TabList, TabListLayout, TabListProps, TabPanel, TabPanelProps, TabProps, TabProvider, TabProviderProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableCellVariant, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Text, TextField, TextFieldProps, TextProps, ThOrder, Thumbnail, ThumbnailProps, Toolbar, ToolbarProps, Tooltip, TooltipPlacement, TooltipProps, Uploader, UploaderProps, UploaderSize, UploaderVariant, UserBlock, UserBlockProps, UserBlockSize, clamp, isClickable, useFocusPointStyle, useHeadingLevel };
|