@lumx/react 4.9.0-next.14 → 4.9.0-next.15
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 +79 -52
- package/index.js +120 -80
- package/index.js.map +1 -1
- package/package.json +3 -3
package/index.d.ts
CHANGED
|
@@ -2881,6 +2881,71 @@ interface IconProps extends ReactToJSX<IconProps$1>, GenericProps$1 {
|
|
|
2881
2881
|
*/
|
|
2882
2882
|
declare const Icon: Comp<IconProps, HTMLElement>;
|
|
2883
2883
|
|
|
2884
|
+
type ImageCaptionMetadata$1 = {
|
|
2885
|
+
/** Image title to display in the caption. */
|
|
2886
|
+
title?: string;
|
|
2887
|
+
/** Props to pass to the title. */
|
|
2888
|
+
titleProps?: GenericProps;
|
|
2889
|
+
/** Image description. Can be either a string, ReactNode, or sanitized html object. */
|
|
2890
|
+
description?: JSXElement | {
|
|
2891
|
+
__html: string;
|
|
2892
|
+
};
|
|
2893
|
+
/** Props to pass to the description. */
|
|
2894
|
+
descriptionProps?: GenericProps;
|
|
2895
|
+
/** Tag content. */
|
|
2896
|
+
tags?: JSXElement;
|
|
2897
|
+
/** Caption custom CSS style. */
|
|
2898
|
+
captionStyle?: GenericProps;
|
|
2899
|
+
/** Props to pass to the wrapper FlexBox element. */
|
|
2900
|
+
wrapperProps?: GenericProps;
|
|
2901
|
+
/** FlexBox component injected by the framework wrapper (React or Vue). */
|
|
2902
|
+
FlexBox: any;
|
|
2903
|
+
/** Text component injected by the framework wrapper (React or Vue). */
|
|
2904
|
+
Text: any;
|
|
2905
|
+
};
|
|
2906
|
+
type ImageCaptionPropsToOverride = 'FlexBox' | 'Text' | 'wrapperProps';
|
|
2907
|
+
|
|
2908
|
+
/**
|
|
2909
|
+
* Image block variants.
|
|
2910
|
+
*/
|
|
2911
|
+
declare const ImageBlockCaptionPosition$1: {
|
|
2912
|
+
readonly below: "below";
|
|
2913
|
+
readonly over: "over";
|
|
2914
|
+
};
|
|
2915
|
+
type ImageBlockCaptionPosition$1 = ValueOf<typeof ImageBlockCaptionPosition$1>;
|
|
2916
|
+
/**
|
|
2917
|
+
* Image block sizes.
|
|
2918
|
+
*/
|
|
2919
|
+
type ImageBlockSize$1 = Extract<Size, 'xl' | 'xxl'>;
|
|
2920
|
+
/**
|
|
2921
|
+
* Defines the props of the component.
|
|
2922
|
+
*/
|
|
2923
|
+
interface ImageBlockProps$1 extends HasClassName, HasTheme, Omit<ImageCaptionMetadata$1, ImageCaptionPropsToOverride> {
|
|
2924
|
+
/** Action toolbar content. */
|
|
2925
|
+
actions?: JSXElement;
|
|
2926
|
+
/** Alignment. */
|
|
2927
|
+
align?: HorizontalAlignment;
|
|
2928
|
+
/** Image alternative text. */
|
|
2929
|
+
alt: string;
|
|
2930
|
+
/** Caption position. */
|
|
2931
|
+
captionPosition?: ImageBlockCaptionPosition$1;
|
|
2932
|
+
/** Whether the image has to fill its container height or not. */
|
|
2933
|
+
fillHeight?: boolean;
|
|
2934
|
+
/** Image URL. */
|
|
2935
|
+
image: string;
|
|
2936
|
+
/** Size variant. */
|
|
2937
|
+
size?: ImageBlockSize$1;
|
|
2938
|
+
/** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */
|
|
2939
|
+
thumbnailProps?: GenericProps;
|
|
2940
|
+
/** reference to the root element */
|
|
2941
|
+
ref?: CommonRef;
|
|
2942
|
+
/** component for rendering the thumbnail */
|
|
2943
|
+
Thumbnail: any;
|
|
2944
|
+
/** component for rendering the image caption */
|
|
2945
|
+
ImageCaption: any;
|
|
2946
|
+
}
|
|
2947
|
+
type ImageBlockPropsToOverride = 'Thumbnail' | 'ImageCaption' | 'thumbnailProps';
|
|
2948
|
+
|
|
2884
2949
|
/**
|
|
2885
2950
|
* Loading attribute is not yet supported in typescript, so we need
|
|
2886
2951
|
* to add it in order to avoid a ts error.
|
|
@@ -3030,44 +3095,10 @@ interface ThumbnailProps extends GenericProps$1, ReactToJSX<ThumbnailProps$1, 'l
|
|
|
3030
3095
|
*/
|
|
3031
3096
|
declare const Thumbnail: Comp<ThumbnailProps, HTMLElement>;
|
|
3032
3097
|
|
|
3033
|
-
type ImageCaptionMetadata$1 = {
|
|
3034
|
-
/** Image title to display in the caption. */
|
|
3035
|
-
title?: string;
|
|
3036
|
-
/** Props to pass to the title. */
|
|
3037
|
-
titleProps?: GenericProps;
|
|
3038
|
-
/** Image description. Can be either a string, ReactNode, or sanitized html object. */
|
|
3039
|
-
description?: JSXElement | {
|
|
3040
|
-
__html: string;
|
|
3041
|
-
};
|
|
3042
|
-
/** Props to pass to the title. */
|
|
3043
|
-
descriptionProps?: GenericProps;
|
|
3044
|
-
/** Tag content. */
|
|
3045
|
-
tags?: JSXElement;
|
|
3046
|
-
/** Caption custom CSS style. */
|
|
3047
|
-
captionStyle?: GenericProps;
|
|
3048
|
-
FlexBox: any;
|
|
3049
|
-
Text: any;
|
|
3050
|
-
};
|
|
3051
|
-
type ImageCaptionPropsToOverride = 'FlexBox' | 'Text' | 'titleProps' | 'descriptionProps' | 'captionStyle';
|
|
3052
|
-
|
|
3053
|
-
type ForwardedTextProps = Omit<TextProps, 'as' | 'typography' | 'color' | 'colorVariant'>;
|
|
3054
|
-
type ImageCaptionMetadata = Omit<ImageCaptionMetadata$1, ImageCaptionPropsToOverride> & {
|
|
3055
|
-
/** Props to pass to the title. */
|
|
3056
|
-
titleProps?: ForwardedTextProps;
|
|
3057
|
-
/** Props to pass to the title. */
|
|
3058
|
-
descriptionProps?: ForwardedTextProps;
|
|
3059
|
-
/** Caption custom CSS style. */
|
|
3060
|
-
captionStyle?: CSSProperties;
|
|
3061
|
-
};
|
|
3062
|
-
|
|
3063
3098
|
/**
|
|
3064
3099
|
* Image block variants.
|
|
3065
3100
|
*/
|
|
3066
|
-
|
|
3067
|
-
readonly below: "below";
|
|
3068
|
-
readonly over: "over";
|
|
3069
|
-
};
|
|
3070
|
-
type ImageBlockCaptionPosition = ValueOf$1<typeof ImageBlockCaptionPosition>;
|
|
3101
|
+
type ImageBlockCaptionPosition = ValueOf$1<typeof ImageBlockCaptionPosition$1>;
|
|
3071
3102
|
/**
|
|
3072
3103
|
* Image block sizes.
|
|
3073
3104
|
*/
|
|
@@ -3075,21 +3106,7 @@ type ImageBlockSize = Extract<Size$1, 'xl' | 'xxl'>;
|
|
|
3075
3106
|
/**
|
|
3076
3107
|
* Defines the props of the component.
|
|
3077
3108
|
*/
|
|
3078
|
-
interface ImageBlockProps extends GenericProps$1,
|
|
3079
|
-
/** Action toolbar content. */
|
|
3080
|
-
actions?: ReactNode;
|
|
3081
|
-
/** Alignment. */
|
|
3082
|
-
align?: HorizontalAlignment$1;
|
|
3083
|
-
/** Image alternative text. */
|
|
3084
|
-
alt: string;
|
|
3085
|
-
/** Caption position. */
|
|
3086
|
-
captionPosition?: ImageBlockCaptionPosition;
|
|
3087
|
-
/** Whether the image has to fill its container height or not. */
|
|
3088
|
-
fillHeight?: boolean;
|
|
3089
|
-
/** Image URL. */
|
|
3090
|
-
image: string;
|
|
3091
|
-
/** Size variant. */
|
|
3092
|
-
size?: ImageBlockSize;
|
|
3109
|
+
interface ImageBlockProps extends GenericProps$1, ReactToJSX<ImageBlockProps$1, ImageBlockPropsToOverride> {
|
|
3093
3110
|
/** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */
|
|
3094
3111
|
thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;
|
|
3095
3112
|
}
|
|
@@ -3102,6 +3119,16 @@ interface ImageBlockProps extends GenericProps$1, HasTheme$1, ImageCaptionMetada
|
|
|
3102
3119
|
*/
|
|
3103
3120
|
declare const ImageBlock: Comp<ImageBlockProps, HTMLDivElement>;
|
|
3104
3121
|
|
|
3122
|
+
type ForwardedTextProps = Omit<TextProps, 'as' | 'typography' | 'color' | 'colorVariant'>;
|
|
3123
|
+
type ImageCaptionMetadata = Omit<ImageCaptionMetadata$1, ImageCaptionPropsToOverride> & {
|
|
3124
|
+
/** Props to pass to the title. */
|
|
3125
|
+
titleProps?: ForwardedTextProps;
|
|
3126
|
+
/** Props to pass to the title. */
|
|
3127
|
+
descriptionProps?: ForwardedTextProps;
|
|
3128
|
+
/** Caption custom CSS style. */
|
|
3129
|
+
captionStyle?: CSSProperties;
|
|
3130
|
+
};
|
|
3131
|
+
|
|
3105
3132
|
type InheritedSlideShowProps = Pick<SlideshowProps, 'slideshowControlsProps' | 'slideGroupLabel'>;
|
|
3106
3133
|
interface ZoomButtonProps {
|
|
3107
3134
|
/** Zoom in button props */
|
|
@@ -4943,5 +4970,5 @@ declare const ThemeProvider: React__default.FC<{
|
|
|
4943
4970
|
/** Get the theme in the current context. */
|
|
4944
4971
|
declare function useTheme(): ThemeContextValue;
|
|
4945
4972
|
|
|
4946
|
-
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock,
|
|
4947
|
-
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListProps, ComboboxOptionActionProps, ComboboxOptionMoreInfoProps, ComboboxOptionProps, ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ComboboxSectionProps, ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|
|
4973
|
+
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
|
|
4974
|
+
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListProps, ComboboxOptionActionProps, ComboboxOptionMoreInfoProps, ComboboxOptionProps, ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ComboboxSectionProps, ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockCaptionPosition, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Kind as Kind$1, Size as Size$1, ColorPalette as ColorPalette$1, Emphasis as Emphasis$1, ColorVariant, VISUALLY_HIDDEN, Theme as Theme$1, AspectRatio as AspectRatio$1, DOCUMENT, IS_BROWSER as IS_BROWSER$1, WINDOW, DIALOG_TRANSITION_DURATION, Orientation as Orientation$1, Alignment as Alignment$1
|
|
1
|
+
import { Kind as Kind$1, Size as Size$1, ColorPalette as ColorPalette$1, Emphasis as Emphasis$1, ColorVariant, VISUALLY_HIDDEN, Theme as Theme$1, AspectRatio as AspectRatio$1, DOCUMENT, IS_BROWSER as IS_BROWSER$1, WINDOW, DIALOG_TRANSITION_DURATION, Orientation as Orientation$1, NOTIFICATION_TRANSITION_DURATION, Alignment as Alignment$1 } from '@lumx/core/js/constants';
|
|
2
2
|
export * from '@lumx/core/js/constants';
|
|
3
3
|
export * from '@lumx/core/js/types';
|
|
4
4
|
import * as React from 'react';
|
|
@@ -12247,6 +12247,110 @@ Icon.displayName = Icon$1.displayName;
|
|
|
12247
12247
|
Icon.className = Icon$1.className;
|
|
12248
12248
|
Icon.defaultProps = Icon$1.defaultProps;
|
|
12249
12249
|
|
|
12250
|
+
/**
|
|
12251
|
+
* Image block variants.
|
|
12252
|
+
*/
|
|
12253
|
+
const ImageBlockCaptionPosition = {
|
|
12254
|
+
below: 'below'};
|
|
12255
|
+
|
|
12256
|
+
/**
|
|
12257
|
+
* Image block sizes.
|
|
12258
|
+
*/
|
|
12259
|
+
|
|
12260
|
+
/**
|
|
12261
|
+
* Defines the props of the component.
|
|
12262
|
+
*/
|
|
12263
|
+
|
|
12264
|
+
/**
|
|
12265
|
+
* Component display name.
|
|
12266
|
+
*/
|
|
12267
|
+
const COMPONENT_NAME$I = 'ImageBlock';
|
|
12268
|
+
|
|
12269
|
+
/**
|
|
12270
|
+
* Component default class name and class prefix.
|
|
12271
|
+
*/
|
|
12272
|
+
const CLASSNAME$J = 'lumx-image-block';
|
|
12273
|
+
const {
|
|
12274
|
+
block: block$B,
|
|
12275
|
+
element: element$v
|
|
12276
|
+
} = bem(CLASSNAME$J);
|
|
12277
|
+
|
|
12278
|
+
/**
|
|
12279
|
+
* Component default props.
|
|
12280
|
+
*/
|
|
12281
|
+
const DEFAULT_PROPS$F = {
|
|
12282
|
+
captionPosition: ImageBlockCaptionPosition.below,
|
|
12283
|
+
align: Alignment.left
|
|
12284
|
+
};
|
|
12285
|
+
|
|
12286
|
+
/**
|
|
12287
|
+
* ImageBlock component.
|
|
12288
|
+
*
|
|
12289
|
+
* @param props Component props.
|
|
12290
|
+
* @param ref Component ref.
|
|
12291
|
+
* @return React element.
|
|
12292
|
+
*/
|
|
12293
|
+
const ImageBlock$1 = props => {
|
|
12294
|
+
const {
|
|
12295
|
+
actions,
|
|
12296
|
+
align = DEFAULT_PROPS$F.align,
|
|
12297
|
+
alt,
|
|
12298
|
+
captionPosition = DEFAULT_PROPS$F.captionPosition,
|
|
12299
|
+
captionStyle,
|
|
12300
|
+
className,
|
|
12301
|
+
description,
|
|
12302
|
+
descriptionProps,
|
|
12303
|
+
fillHeight,
|
|
12304
|
+
image,
|
|
12305
|
+
size,
|
|
12306
|
+
tags,
|
|
12307
|
+
ref,
|
|
12308
|
+
theme,
|
|
12309
|
+
thumbnailProps,
|
|
12310
|
+
title,
|
|
12311
|
+
titleProps,
|
|
12312
|
+
Thumbnail,
|
|
12313
|
+
ImageCaption,
|
|
12314
|
+
...forwardedProps
|
|
12315
|
+
} = props;
|
|
12316
|
+
return /*#__PURE__*/jsxs("figure", {
|
|
12317
|
+
ref: ref,
|
|
12318
|
+
...forwardedProps,
|
|
12319
|
+
className: classnames(className, block$B({
|
|
12320
|
+
[`caption-position-${captionPosition}`]: Boolean(captionPosition),
|
|
12321
|
+
[`align-${align}`]: Boolean(align),
|
|
12322
|
+
[`size-${size}`]: Boolean(size),
|
|
12323
|
+
[`theme-${theme}`]: Boolean(theme),
|
|
12324
|
+
'fill-height': fillHeight
|
|
12325
|
+
})),
|
|
12326
|
+
children: [/*#__PURE__*/jsx(Thumbnail, {
|
|
12327
|
+
...thumbnailProps,
|
|
12328
|
+
className: classnames(element$v('image'), thumbnailProps?.className),
|
|
12329
|
+
fillHeight: fillHeight,
|
|
12330
|
+
align: align,
|
|
12331
|
+
image: image,
|
|
12332
|
+
size: size,
|
|
12333
|
+
theme: theme,
|
|
12334
|
+
alt: alt || title
|
|
12335
|
+
}), /*#__PURE__*/jsx(ImageCaption, {
|
|
12336
|
+
as: "figcaption",
|
|
12337
|
+
baseClassName: CLASSNAME$J,
|
|
12338
|
+
theme: theme,
|
|
12339
|
+
title: title,
|
|
12340
|
+
titleProps: titleProps,
|
|
12341
|
+
description: description,
|
|
12342
|
+
descriptionProps: descriptionProps,
|
|
12343
|
+
tags: tags,
|
|
12344
|
+
captionStyle: captionStyle,
|
|
12345
|
+
align: align,
|
|
12346
|
+
truncate: captionPosition === 'over'
|
|
12347
|
+
}), actions && /*#__PURE__*/jsx("div", {
|
|
12348
|
+
className: element$v('actions'),
|
|
12349
|
+
children: actions
|
|
12350
|
+
})]
|
|
12351
|
+
});
|
|
12352
|
+
};
|
|
12353
|
+
|
|
12250
12354
|
/** Internal component used to render image captions */
|
|
12251
12355
|
const ImageCaption$1 = props => {
|
|
12252
12356
|
const {
|
|
@@ -12262,7 +12366,11 @@ const ImageCaption$1 = props => {
|
|
|
12262
12366
|
align,
|
|
12263
12367
|
truncate,
|
|
12264
12368
|
FlexBox,
|
|
12265
|
-
Text
|
|
12369
|
+
Text,
|
|
12370
|
+
wrapperProps = {
|
|
12371
|
+
vAlign: align,
|
|
12372
|
+
hAlign: align === 'center' ? align : undefined
|
|
12373
|
+
}
|
|
12266
12374
|
} = props;
|
|
12267
12375
|
if (!title && !description && !tags) return null;
|
|
12268
12376
|
const titleColor = {
|
|
@@ -12277,9 +12385,8 @@ const ImageCaption$1 = props => {
|
|
|
12277
12385
|
className: classnames(baseClassName && `${baseClassName}__wrapper`),
|
|
12278
12386
|
style: captionStyle,
|
|
12279
12387
|
orientation: "vertical",
|
|
12280
|
-
vAlign: align,
|
|
12281
|
-
hAlign: align === 'center' ? align : undefined,
|
|
12282
12388
|
gap: "regular",
|
|
12389
|
+
...wrapperProps,
|
|
12283
12390
|
children: [(title || description) && /*#__PURE__*/jsxs(Text, {
|
|
12284
12391
|
as: "p",
|
|
12285
12392
|
className: classnames(baseClassName && `${baseClassName}__caption`),
|
|
@@ -12329,40 +12436,17 @@ const ImageCaption = props => {
|
|
|
12329
12436
|
});
|
|
12330
12437
|
};
|
|
12331
12438
|
|
|
12332
|
-
const ImageBlockCaptionPosition = {
|
|
12333
|
-
below: 'below',
|
|
12334
|
-
over: 'over'
|
|
12335
|
-
};
|
|
12336
|
-
|
|
12337
|
-
/**
|
|
12338
|
-
* Image block sizes.
|
|
12339
|
-
*/
|
|
12340
|
-
|
|
12341
|
-
/**
|
|
12342
|
-
* Defines the props of the component.
|
|
12343
|
-
*/
|
|
12344
|
-
|
|
12345
12439
|
/**
|
|
12346
|
-
*
|
|
12440
|
+
* Image block variants.
|
|
12347
12441
|
*/
|
|
12348
|
-
const COMPONENT_NAME$I = 'ImageBlock';
|
|
12349
12442
|
|
|
12350
12443
|
/**
|
|
12351
|
-
*
|
|
12444
|
+
* Image block sizes.
|
|
12352
12445
|
*/
|
|
12353
|
-
const CLASSNAME$J = 'lumx-image-block';
|
|
12354
|
-
const {
|
|
12355
|
-
block: block$B,
|
|
12356
|
-
element: element$v
|
|
12357
|
-
} = classNames.bem(CLASSNAME$J);
|
|
12358
12446
|
|
|
12359
12447
|
/**
|
|
12360
|
-
*
|
|
12448
|
+
* Defines the props of the component.
|
|
12361
12449
|
*/
|
|
12362
|
-
const DEFAULT_PROPS$F = {
|
|
12363
|
-
captionPosition: ImageBlockCaptionPosition.below,
|
|
12364
|
-
align: Alignment$1.left
|
|
12365
|
-
};
|
|
12366
12450
|
|
|
12367
12451
|
/**
|
|
12368
12452
|
* ImageBlock component.
|
|
@@ -12374,59 +12458,15 @@ const DEFAULT_PROPS$F = {
|
|
|
12374
12458
|
const ImageBlock = forwardRef((props, ref) => {
|
|
12375
12459
|
const defaultTheme = useTheme() || Theme$1.light;
|
|
12376
12460
|
const {
|
|
12377
|
-
actions,
|
|
12378
|
-
align = DEFAULT_PROPS$F.align,
|
|
12379
|
-
alt,
|
|
12380
|
-
captionPosition = DEFAULT_PROPS$F.captionPosition,
|
|
12381
|
-
captionStyle,
|
|
12382
|
-
className,
|
|
12383
|
-
description,
|
|
12384
|
-
descriptionProps,
|
|
12385
|
-
fillHeight,
|
|
12386
|
-
image,
|
|
12387
|
-
size,
|
|
12388
|
-
tags,
|
|
12389
12461
|
theme = defaultTheme,
|
|
12390
|
-
thumbnailProps,
|
|
12391
|
-
title,
|
|
12392
|
-
titleProps,
|
|
12393
12462
|
...forwardedProps
|
|
12394
12463
|
} = props;
|
|
12395
|
-
return
|
|
12396
|
-
ref
|
|
12464
|
+
return ImageBlock$1({
|
|
12465
|
+
ref,
|
|
12466
|
+
theme,
|
|
12397
12467
|
...forwardedProps,
|
|
12398
|
-
|
|
12399
|
-
|
|
12400
|
-
[`align-${align}`]: Boolean(align),
|
|
12401
|
-
[`size-${size}`]: Boolean(size),
|
|
12402
|
-
[`theme-${theme}`]: Boolean(theme),
|
|
12403
|
-
'fill-height': fillHeight
|
|
12404
|
-
})),
|
|
12405
|
-
children: [/*#__PURE__*/jsx(Thumbnail, {
|
|
12406
|
-
...thumbnailProps,
|
|
12407
|
-
className: classNames.join(element$v('image'), thumbnailProps?.className),
|
|
12408
|
-
fillHeight: fillHeight,
|
|
12409
|
-
align: align,
|
|
12410
|
-
image: image,
|
|
12411
|
-
size: size,
|
|
12412
|
-
theme: theme,
|
|
12413
|
-
alt: alt || title
|
|
12414
|
-
}), /*#__PURE__*/jsx(ImageCaption, {
|
|
12415
|
-
as: "figcaption",
|
|
12416
|
-
baseClassName: CLASSNAME$J,
|
|
12417
|
-
theme: theme,
|
|
12418
|
-
title: title,
|
|
12419
|
-
titleProps: titleProps,
|
|
12420
|
-
description: description,
|
|
12421
|
-
descriptionProps: descriptionProps,
|
|
12422
|
-
tags: tags,
|
|
12423
|
-
captionStyle: captionStyle,
|
|
12424
|
-
align: align,
|
|
12425
|
-
truncate: captionPosition === 'over'
|
|
12426
|
-
}), actions && /*#__PURE__*/jsx("div", {
|
|
12427
|
-
className: element$v('actions'),
|
|
12428
|
-
children: actions
|
|
12429
|
-
})]
|
|
12468
|
+
Thumbnail,
|
|
12469
|
+
ImageCaption
|
|
12430
12470
|
});
|
|
12431
12471
|
});
|
|
12432
12472
|
ImageBlock.displayName = COMPONENT_NAME$I;
|
|
@@ -19473,5 +19513,5 @@ UserBlock.displayName = COMPONENT_NAME;
|
|
|
19473
19513
|
UserBlock.className = CLASSNAME;
|
|
19474
19514
|
UserBlock.defaultProps = DEFAULT_PROPS;
|
|
19475
19515
|
|
|
19476
|
-
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1p as CLASSNAME, COMPONENT_NAME$1p as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1a as DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock,
|
|
19516
|
+
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1p as CLASSNAME, COMPONENT_NAME$1p as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1a as DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
|
|
19477
19517
|
//# sourceMappingURL=index.js.map
|