@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.
Files changed (4) hide show
  1. package/index.d.ts +23 -22
  2. package/index.js +442 -314
  3. package/index.js.map +1 -1
  4. 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, HTMLButtonElement | HTMLAnchorElement>;
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, HTMLButtonElement | HTMLAnchorElement>>(props: Omit<HasPolymorphicAs$1<E>, "children" | "aria-expanded" | "aria-haspopup" | "role" | "aria-controls" | "aria-activedescendant"> & _lumx_core_js_types.HasRequiredLinkHref<E> & ReactToJSX<ComboboxButtonProps$1> & React$1.ComponentProps<E> & {
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" | "medium" | "tiny" | "regular" | "huge">;
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: ("m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl")[];
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, HTMLButtonElement | HTMLAnchorElement>;
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 SelectTextField dropdown list.
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 SelectTextFieldStatus = 'idle' | 'loading' | 'loadingMore' | 'error';
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?: SelectTextFieldStatus;
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?: SelectTextFieldStatus;
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.ComponentPropsWithoutRef<E>>, OmittedKeys>;
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?: SelectTextFieldStatus;
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?: O) => void`.
4317
- * - `'multiple'` → `value?: O[]`, `onChange?: (newValue?: O[]) => void`.
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?: O[]) => void : (newValue?: O) => void;
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
- /** Multi-selection props (`selectionType: 'multiple'` is required to opt in). */
4349
- type MultipleSelectButtonProps<O, E extends ElementType$1 = typeof DefaultButton> = SelectButtonProps<O, E, 'multiple'>;
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 };