@lumx/react 4.16.0-alpha.3 → 4.16.0-alpha.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/index.d.ts +23 -22
- package/index.js +442 -314
- package/index.js.map +1 -1
- package/package.json +3 -3
package/index.d.ts
CHANGED
|
@@ -815,7 +815,7 @@ interface ButtonProps extends GenericProps$1, ReactToJSX<ButtonProps$1> {
|
|
|
815
815
|
* @param ref Component ref.
|
|
816
816
|
* @return React element.
|
|
817
817
|
*/
|
|
818
|
-
declare const Button: Comp<ButtonProps,
|
|
818
|
+
declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
|
|
819
819
|
|
|
820
820
|
interface IconButtonProps$1 extends BaseButtonProps {
|
|
821
821
|
/**
|
|
@@ -2167,7 +2167,7 @@ declare const Combobox: {
|
|
|
2167
2167
|
/** Provides shared combobox context (handle, listbox ID, anchor ref) to all sub-components. */
|
|
2168
2168
|
Provider: typeof ComboboxProvider;
|
|
2169
2169
|
/** Button trigger for select-only combobox mode with keyboard navigation and typeahead. */
|
|
2170
|
-
Button: (<E extends React$1.ElementType = Comp<ButtonProps,
|
|
2170
|
+
Button: (<E extends React$1.ElementType = Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>>(props: Omit<HasPolymorphicAs$1<E>, "children" | "role" | "aria-activedescendant" | "aria-controls" | "aria-expanded" | "aria-haspopup"> & _lumx_core_js_types.HasRequiredLinkHref<E> & ReactToJSX<ComboboxButtonProps$1> & React$1.ComponentProps<E> & {
|
|
2171
2171
|
ref?: ComponentRef<E> | undefined;
|
|
2172
2172
|
}) => React.JSX.Element) & {
|
|
2173
2173
|
displayName: string;
|
|
@@ -2692,7 +2692,7 @@ declare const GenericBlockGapSize: Pick<{
|
|
|
2692
2692
|
readonly medium: "medium";
|
|
2693
2693
|
readonly big: "big";
|
|
2694
2694
|
readonly huge: "huge";
|
|
2695
|
-
}, "big" | "
|
|
2695
|
+
}, "big" | "tiny" | "medium" | "regular" | "huge">;
|
|
2696
2696
|
type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
|
|
2697
2697
|
|
|
2698
2698
|
interface GenericBlockProps$1 extends FlexBoxProps$1 {
|
|
@@ -2922,7 +2922,7 @@ interface GridColumnProps extends GenericProps$1, ReactToJSX<GridColumnProps$1>
|
|
|
2922
2922
|
*/
|
|
2923
2923
|
declare const GridColumn: Comp<GridColumnProps, HTMLElement>;
|
|
2924
2924
|
|
|
2925
|
-
declare const ICON_SIZES: ("
|
|
2925
|
+
declare const ICON_SIZES: ("s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl")[];
|
|
2926
2926
|
|
|
2927
2927
|
type IconSizes = (typeof ICON_SIZES)[number];
|
|
2928
2928
|
/**
|
|
@@ -3423,7 +3423,7 @@ interface LinkProps extends GenericProps$1, ReactToJSX<LinkProps$1> {
|
|
|
3423
3423
|
* @param ref Component ref.
|
|
3424
3424
|
* @return React element.
|
|
3425
3425
|
*/
|
|
3426
|
-
declare const Link: Comp<LinkProps,
|
|
3426
|
+
declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
|
|
3427
3427
|
|
|
3428
3428
|
/**
|
|
3429
3429
|
* Defines the props of the component.
|
|
@@ -4009,14 +4009,14 @@ declare const SelectMultipleField: React.FC<SelectMultipleProps>;
|
|
|
4009
4009
|
declare const SelectMultiple: Comp<SelectMultipleProps, HTMLDivElement>;
|
|
4010
4010
|
|
|
4011
4011
|
/**
|
|
4012
|
-
* Status of the
|
|
4012
|
+
* Status of the select dropdown list.
|
|
4013
4013
|
*
|
|
4014
4014
|
* - `'idle'` — Default state, no loading indicators.
|
|
4015
4015
|
* - `'loading'` — Full loading: shows skeleton placeholders, hides real options.
|
|
4016
4016
|
* - `'loadingMore'` — Paginated loading: appends a skeleton after existing options.
|
|
4017
4017
|
* - `'error'` — Error state: shows an error message in the dropdown.
|
|
4018
4018
|
*/
|
|
4019
|
-
type
|
|
4019
|
+
type SelectListStatus = 'idle' | 'loading' | 'loadingMore' | 'error';
|
|
4020
4020
|
/**
|
|
4021
4021
|
* Context passed to the `renderOption` callback alongside the option object.
|
|
4022
4022
|
* Contains core-computed values that the consumer should forward to `<Combobox.Option>`.
|
|
@@ -4061,13 +4061,13 @@ interface BaseSelectProps<O> {
|
|
|
4061
4061
|
* section id are grouped together. The id is also used as the default displayed
|
|
4062
4062
|
* label unless `renderSectionTitle` is provided.
|
|
4063
4063
|
*/
|
|
4064
|
-
getSectionId?: Selector<O, string>;
|
|
4064
|
+
getSectionId?: Selector<O, string | undefined>;
|
|
4065
4065
|
/**
|
|
4066
4066
|
* Custom section title render function. Receives the section id and the options
|
|
4067
4067
|
* in that section. Returns custom JSX to display as the section header.
|
|
4068
4068
|
* When not provided, the section id is used as a plain text label.
|
|
4069
4069
|
*/
|
|
4070
|
-
renderSectionTitle?: (sectionId: string, options: O[]) => JSXElement;
|
|
4070
|
+
renderSectionTitle?: (sectionId: string | undefined, options: O[]) => JSXElement;
|
|
4071
4071
|
}
|
|
4072
4072
|
/**
|
|
4073
4073
|
* Shared translation labels for SelectTextField wrappers (React and Vue).
|
|
@@ -4138,7 +4138,7 @@ interface BaseSelectTextFieldWrapperProps<O> extends Pick<BaseSelectProps<O>, 'o
|
|
|
4138
4138
|
* Status of the dropdown list.
|
|
4139
4139
|
* @default 'idle'
|
|
4140
4140
|
*/
|
|
4141
|
-
listStatus?:
|
|
4141
|
+
listStatus?: SelectListStatus;
|
|
4142
4142
|
/**
|
|
4143
4143
|
* Controls how the combobox filters options as the user types.
|
|
4144
4144
|
*
|
|
@@ -4246,7 +4246,7 @@ interface SelectButtonProps$1<O> extends BaseSelectProps<O> {
|
|
|
4246
4246
|
* - `'error'` — Error state: shows an error message in the dropdown.
|
|
4247
4247
|
* @default 'idle'
|
|
4248
4248
|
*/
|
|
4249
|
-
listStatus?:
|
|
4249
|
+
listStatus?: SelectListStatus;
|
|
4250
4250
|
/** Optional translations for screen-reader announcements (loading/empty/error/option count). */
|
|
4251
4251
|
translations?: SelectButtonTranslations;
|
|
4252
4252
|
/** Callback fired when the dropdown open state changes. */
|
|
@@ -4281,7 +4281,7 @@ type SelectButtonSelectProps<O> = Omit<ReactToJSX<SelectButtonProps$1<O>>, 'rend
|
|
|
4281
4281
|
* Forwarded trigger props for a given element `E`, minus the keys that the
|
|
4282
4282
|
* component manages internally.
|
|
4283
4283
|
*/
|
|
4284
|
-
type TriggerProps<E extends ElementType$1> = Omit<NamedProps<React__default.
|
|
4284
|
+
type TriggerProps<E extends ElementType$1> = Omit<NamedProps<React__default.ComponentProps<E>>, OmittedKeys>;
|
|
4285
4285
|
/**
|
|
4286
4286
|
* Common base — Select-specific props plus the ARIA / label / popover layer.
|
|
4287
4287
|
* `as`, `ref`, `selectionType`, `value`, `onChange` are intentionally hoisted
|
|
@@ -4299,7 +4299,7 @@ type CommonSelectButtonProps<O> = SelectButtonSelectProps<O> & GenericProps$1 &
|
|
|
4299
4299
|
* Status of the dropdown list (loading, error, etc.).
|
|
4300
4300
|
* @default 'idle'
|
|
4301
4301
|
*/
|
|
4302
|
-
listStatus?:
|
|
4302
|
+
listStatus?: SelectListStatus;
|
|
4303
4303
|
/** Screen-reader translations (loading/empty/error/option count). */
|
|
4304
4304
|
translations?: SelectButtonTranslations;
|
|
4305
4305
|
};
|
|
@@ -4313,8 +4313,8 @@ type CommonSelectButtonProps<O> = SelectButtonSelectProps<O> & GenericProps$1 &
|
|
|
4313
4313
|
* fully replaced and only props valid for that component apply.
|
|
4314
4314
|
*
|
|
4315
4315
|
* Discriminated on `selectionType`:
|
|
4316
|
-
* - default / `'single'` → `value?: O`, `onChange?: (newValue
|
|
4317
|
-
* - `'multiple'` → `value?: O[]`, `onChange?: (newValue
|
|
4316
|
+
* - default / `'single'` → `value?: O`, `onChange?: (newValue: O) => void`.
|
|
4317
|
+
* - `'multiple'` → `value?: O[]`, `onChange?: (newValue: O[]) => void`.
|
|
4318
4318
|
*
|
|
4319
4319
|
* `as` and `selectionType` are top-level on this type (rather than buried in
|
|
4320
4320
|
* an intersection or union member) so that TS can infer `E` from `as` and
|
|
@@ -4338,15 +4338,16 @@ type SelectButtonProps<O, E extends ElementType$1 = typeof DefaultButton, S exte
|
|
|
4338
4338
|
/** Selected option(s). Shape depends on `selectionType`. */
|
|
4339
4339
|
value?: S extends 'multiple' ? O[] : O;
|
|
4340
4340
|
/** Called when the selection changes. Shape depends on `selectionType`. */
|
|
4341
|
-
onChange?: S extends 'multiple' ? (newValue
|
|
4341
|
+
onChange?: S extends 'multiple' ? (newValue: O[]) => void : (newValue: O) => void;
|
|
4342
4342
|
};
|
|
4343
4343
|
/**
|
|
4344
4344
|
* Single-selection props (`selectionType` defaults to `'single'`).
|
|
4345
|
-
* Backwards-compatible alias — existing consumers do not need to set `selectionType`.
|
|
4346
4345
|
*/
|
|
4347
|
-
type SingleSelectButtonProps<O, E extends ElementType$1 = typeof DefaultButton> = SelectButtonProps<O, E, 'single'
|
|
4348
|
-
/**
|
|
4349
|
-
|
|
4346
|
+
type SingleSelectButtonProps<O, E extends ElementType$1 = typeof DefaultButton> = NamedProps<SelectButtonProps<O, E, 'single'>>;
|
|
4347
|
+
/**
|
|
4348
|
+
* Multi-selection props (`selectionType: 'multiple'` is required to opt in).
|
|
4349
|
+
*/
|
|
4350
|
+
type MultipleSelectButtonProps<O, E extends ElementType$1 = typeof DefaultButton> = NamedProps<SelectButtonProps<O, E, 'multiple'>>;
|
|
4350
4351
|
|
|
4351
4352
|
/**
|
|
4352
4353
|
* SelectButton compound component.
|
|
@@ -4371,7 +4372,7 @@ interface BaseSelectTextFieldProps<O = any> extends BaseSelectTextFieldWrapperPr
|
|
|
4371
4372
|
* in that section. Returns custom JSX to display as the section header.
|
|
4372
4373
|
* When not provided, the section id is used as a plain text label.
|
|
4373
4374
|
*/
|
|
4374
|
-
renderSectionTitle?: (sectionId: string, options: O[]) => React__default.ReactNode;
|
|
4375
|
+
renderSectionTitle?: (sectionId: string | undefined, options: O[]) => React__default.ReactNode;
|
|
4375
4376
|
/**
|
|
4376
4377
|
* Callback fired when the search input text changes.
|
|
4377
4378
|
* Independent of `filter`: both can be used together (e.g. client-side
|
|
@@ -5607,4 +5608,4 @@ declare const ThemeProvider: React__default.FC<{
|
|
|
5607
5608
|
declare function useTheme(): ThemeContextValue;
|
|
5608
5609
|
|
|
5609
5610
|
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME$1 as CLASSNAME, COMPONENT_NAME$1 as 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, ImageBlockCaptionPosition, 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, SelectButton, SelectMultiple, SelectMultipleField, SelectTextField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, CLASSNAME as TIME_PICKER_FIELD_CLASSNAME, COMPONENT_NAME as TIME_PICKER_FIELD_COMPONENT_NAME, 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, TimePickerField, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
|
|
5610
|
-
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, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectButtonProps, SelectButtonTranslations, SelectMultipleProps, SelectProps, SelectTextFieldProps, SelectTextFieldStatus, SelectTextFieldTranslations, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SingleSelectButtonProps, SingleSelectTextFieldProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, TimePickerFieldProps, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|
|
5611
|
+
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, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectButtonProps, SelectListStatus as SelectButtonStatus, SelectButtonTranslations, SelectListStatus, SelectMultipleProps, SelectProps, SelectTextFieldProps, SelectListStatus as SelectTextFieldStatus, SelectTextFieldTranslations, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SingleSelectButtonProps, SingleSelectTextFieldProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, TimePickerFieldProps, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|