@lumx/react 4.18.0-next.3 → 4.18.1-alpha.0

package/index.d.ts

@@ -815,7 +815,7 @@ interface ButtonProps extends GenericProps$1, ReactToJSX<ButtonProps$1> {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
+declare const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement>;
 
 interface IconButtonProps$1 extends BaseButtonProps {
     /**
@@ -2210,7 +2210,7 @@ declare const Combobox: {
     /** Provides shared combobox context (handle, listbox ID, anchor ref) to all sub-components. */
     Provider: typeof ComboboxProvider;
     /** Button trigger for select-only combobox mode with keyboard navigation and typeahead. */
-    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> & {
+    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> & {
         ref?: ComponentRef<E> | undefined;
     }) => React.JSX.Element) & {
         displayName: string;
@@ -2736,7 +2736,7 @@ declare const GenericBlockGapSize: Pick<{
     readonly medium: "medium";
     readonly big: "big";
     readonly huge: "huge";
-}, "big" | "tiny" | "medium" | "regular" | "huge">;
+}, "big" | "medium" | "tiny" | "regular" | "huge">;
 type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
 
 interface GenericBlockProps$1 extends FlexBoxProps$1 {
@@ -2966,7 +2966,7 @@ interface GridColumnProps extends GenericProps$1, ReactToJSX<GridColumnProps$1>
  */
 declare const GridColumn: Comp<GridColumnProps, HTMLElement>;
 
-declare const ICON_SIZES: ("s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl")[];
+declare const ICON_SIZES: ("m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl")[];
 
 type IconSizes = (typeof ICON_SIZES)[number];
 /**
@@ -3467,7 +3467,7 @@ interface LinkProps extends GenericProps$1, ReactToJSX<LinkProps$1> {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
+declare const Link: Comp<LinkProps, HTMLButtonElement | HTMLAnchorElement>;
 
 /**
  * Defines the props of the component.
@@ -5493,6 +5493,17 @@ interface TimePickerFieldWrapperProps {
      * Translation labels for clear and show suggestions buttons.
      */
     translations: TimePickerFieldTranslations;
+    /**
+     * Callback to customize individual option props.
+     * Called for each time option with the hour and minute.
+     * Return partial `ComboboxOptionProps` to override default option rendering
+     * (e.g. `before`, `after`, `children`, `tooltipProps`, `actionProps`).
+     * `isDisabled` is merged with the out-of-range state using `||`.
+     */
+    getOptionProps?: ({ hour, minute }: {
+        hour: number;
+        minute: number;
+    }) => Partial<ComboboxOptionProps$1>;
 }
 /**
  * `SelectTextField` props managed internally by the `TimePickerField` wrappers

package/index.js

@@ -21740,6 +21740,7 @@ const TimePickerField$1 = (props, {
     handleChange,
     handleSearch,
     handleBlur,
+    getOptionProps,
     ...fowardedProps
   } = props;
   return /*#__PURE__*/jsx(SelectTextField, {
@@ -21748,9 +21749,23 @@ const TimePickerField$1 = (props, {
     selectionType: "single",
     options: options,
     getOptionId: "name",
-    renderOption: entry => /*#__PURE__*/jsx(Option, {
-      isDisabled: entry.outOfRange
-    }),
+    renderOption: ({
+      hour,
+      minute,
+      outOfRange
+    }) => {
+      const {
+        isDisabled,
+        ...extraProps
+      } = getOptionProps?.({
+        hour,
+        minute
+      }) || {};
+      return /*#__PURE__*/jsx(Option, {
+        isDisabled: outOfRange || isDisabled,
+        ...extraProps
+      });
+    },
     onChange: handleChange,
     onSearch: handleSearch,
     onBlur: handleBlur,
@@ -21950,6 +21965,7 @@ const TimePickerField = props => {
     theme,
     translations,
     name,
+    getOptionProps,
     ...forwardedProps
   } = props;
 
@@ -22014,7 +22030,8 @@ const TimePickerField = props => {
     handleChange,
     handleSearch,
     handleBlur,
-    searchInputValue
+    searchInputValue,
+    getOptionProps
   }, {
     SelectTextField,
     Option: SelectTextField.Option