@lumx/react 4.19.1-alpha.5 → 4.19.1-alpha.6
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 +147 -82
- package/index.js +898 -603
- package/index.js.map +1 -1
- package/package.json +3 -3
package/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HorizontalAlignment as HorizontalAlignment$1, Orientation as Orientation$1, Alignment as Alignment$1, Size as Size$1, AspectRatio as AspectRatio$1, ColorPalette as ColorPalette$1, Kind as Kind$1, Emphasis as Emphasis$1, Theme as Theme$1 } from '@lumx/core/js/constants';
|
|
2
2
|
export * from '@lumx/core/js/constants';
|
|
3
3
|
import * as _lumx_core_js_types from '@lumx/core/js/types';
|
|
4
|
-
import { ValueOf as ValueOf$1, GenericProps as GenericProps$1, HasTheme as HasTheme$1, PropsToOverride, HasAriaDisabled as HasAriaDisabled$1, HasRequiredLinkHref as HasRequiredLinkHref$1, HasClassName as HasClassName$1, HasCloseMode as HasCloseMode$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasAriaLabelOrLabelledBy
|
|
4
|
+
import { ValueOf as ValueOf$1, GenericProps as GenericProps$1, HasTheme as HasTheme$1, PropsToOverride, HasAriaDisabled as HasAriaDisabled$1, HasRequiredLinkHref as HasRequiredLinkHref$1, HasClassName as HasClassName$1, HasCloseMode as HasCloseMode$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasAriaLabelOrLabelledBy, NamedProps } from '@lumx/core/js/types';
|
|
5
5
|
export * from '@lumx/core/js/types';
|
|
6
6
|
import * as React$1 from 'react';
|
|
7
7
|
import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, RefObject, SetStateAction, Key, CSSProperties, ElementType as ElementType$1, HTMLInputTypeAttribute, ComponentProps, ImgHTMLAttributes } from 'react';
|
|
@@ -226,24 +226,6 @@ type ColorVariant = ValueOf$1<typeof ColorVariant>;
|
|
|
226
226
|
/** ColorPalette with all possible color variant combination */
|
|
227
227
|
type ColorWithVariants = ColorPalette | Exclude<`${ColorPalette}-${ColorVariant}`, `light-D${number}` | `dark-D${number}`>;
|
|
228
228
|
|
|
229
|
-
/**
|
|
230
|
-
* Require either `aria-label` or `arial-labelledby` prop.
|
|
231
|
-
* If none are set, the order will prioritize `aria-labelledby` over `aria-label` as it
|
|
232
|
-
* needs a visible element.
|
|
233
|
-
*/
|
|
234
|
-
type HasAriaLabelOrLabelledBy<T = string | undefined> = T extends string ? {
|
|
235
|
-
/**
|
|
236
|
-
* The id of the element to use as title of the dialog. Can be within or out of the dialog.
|
|
237
|
-
* Although it is not recommended, aria-label can be used instead if no visible element is available.
|
|
238
|
-
*/
|
|
239
|
-
'aria-labelledby': T;
|
|
240
|
-
/** The label of the dialog. */
|
|
241
|
-
'aria-label'?: undefined;
|
|
242
|
-
} : {
|
|
243
|
-
'aria-label': string;
|
|
244
|
-
'aria-labelledby'?: undefined;
|
|
245
|
-
};
|
|
246
|
-
|
|
247
229
|
interface HasClassName {
|
|
248
230
|
/**
|
|
249
231
|
* Class name forwarded to the root element of the component.
|
|
@@ -815,7 +797,7 @@ interface ButtonProps extends GenericProps$1, ReactToJSX<ButtonProps$1> {
|
|
|
815
797
|
* @param ref Component ref.
|
|
816
798
|
* @return React element.
|
|
817
799
|
*/
|
|
818
|
-
declare const Button: Comp<ButtonProps,
|
|
800
|
+
declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
|
|
819
801
|
|
|
820
802
|
interface IconButtonProps$1 extends BaseButtonProps {
|
|
821
803
|
/**
|
|
@@ -1231,6 +1213,10 @@ declare const ListDivider: Comp<ListDividerProps, HTMLLIElement>;
|
|
|
1231
1213
|
* Defines the props of the component.
|
|
1232
1214
|
*/
|
|
1233
1215
|
interface TextProps$1 extends HasClassName {
|
|
1216
|
+
/**
|
|
1217
|
+
* HTML id.
|
|
1218
|
+
*/
|
|
1219
|
+
id?: string;
|
|
1234
1220
|
/**
|
|
1235
1221
|
* Color variant.
|
|
1236
1222
|
*/
|
|
@@ -2214,7 +2200,7 @@ declare const Combobox: {
|
|
|
2214
2200
|
/** Provides shared combobox context (handle, listbox ID, anchor ref) to all sub-components. */
|
|
2215
2201
|
Provider: typeof ComboboxProvider;
|
|
2216
2202
|
/** Button trigger for select-only combobox mode with keyboard navigation and typeahead. */
|
|
2217
|
-
Button: (<E extends React$1.ElementType = Comp<ButtonProps,
|
|
2203
|
+
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> & {
|
|
2218
2204
|
ref?: ComponentRef<E> | undefined;
|
|
2219
2205
|
}) => React.JSX.Element) & {
|
|
2220
2206
|
displayName: string;
|
|
@@ -2448,14 +2434,64 @@ interface DialogProps extends GenericProps$1, HasCloseMode$1, BaseDialogProps {
|
|
|
2448
2434
|
/** Children */
|
|
2449
2435
|
children?: React__default.ReactNode;
|
|
2450
2436
|
}
|
|
2437
|
+
declare const Dialog: Comp<DialogProps, HTMLDivElement>;
|
|
2438
|
+
|
|
2439
|
+
/**
|
|
2440
|
+
* Defines the props of the component.
|
|
2441
|
+
*/
|
|
2442
|
+
interface HeadingProps$1 extends Partial<TextProps$1> {
|
|
2443
|
+
/**
|
|
2444
|
+
* Display a specific heading level instead of the one provided by parent context provider.
|
|
2445
|
+
*/
|
|
2446
|
+
as?: HeadingElement;
|
|
2447
|
+
}
|
|
2448
|
+
|
|
2449
|
+
interface HeadingProps extends GenericProps$1, HeadingProps$1 {
|
|
2450
|
+
}
|
|
2451
2451
|
/**
|
|
2452
|
-
*
|
|
2452
|
+
* Renders a heading component.
|
|
2453
|
+
* Extends the `Text` Component with the heading level automatically computed based on
|
|
2454
|
+
* the current level provided by the context.
|
|
2455
|
+
*/
|
|
2456
|
+
declare const Heading: Comp<HeadingProps, HTMLElement>;
|
|
2457
|
+
|
|
2458
|
+
interface HeadingLevelProviderProps {
|
|
2459
|
+
/** The heading level to start at. If left undefined, the parent context will be used, if any. */
|
|
2460
|
+
level?: number;
|
|
2461
|
+
/** The children to display */
|
|
2462
|
+
children: ReactNode;
|
|
2463
|
+
}
|
|
2464
|
+
/**
|
|
2465
|
+
* Provide a new heading level context.
|
|
2466
|
+
*/
|
|
2467
|
+
declare const HeadingLevelProvider: React.FC<HeadingLevelProviderProps>;
|
|
2468
|
+
|
|
2469
|
+
declare const useHeadingLevel: () => {
|
|
2470
|
+
level: number;
|
|
2471
|
+
headingElement: _lumx_core_js_types.HeadingElement;
|
|
2472
|
+
};
|
|
2473
|
+
|
|
2474
|
+
type DialogHeadingProps = HeadingProps;
|
|
2475
|
+
/**
|
|
2476
|
+
* Names the enclosing dialog-like container (`Dialog`, `Lightbox`, `PopoverDialog`, ...).
|
|
2453
2477
|
*
|
|
2454
|
-
*
|
|
2455
|
-
*
|
|
2456
|
-
*
|
|
2478
|
+
* Thin wrapper over `Heading` that generates its own id (or uses the consumer-supplied `id`),
|
|
2479
|
+
* and registers it with the nearest ids registry on mount so the container can link itself to
|
|
2480
|
+
* this heading via `aria-labelledby`. Deregisters on unmount.
|
|
2481
|
+
*
|
|
2482
|
+
* Defaults its typography to `Typography.title` (overridable via the `typography` prop).
|
|
2483
|
+
*
|
|
2484
|
+
* If two `DialogHeading`s are rendered within the same container, the last one registered wins.
|
|
2485
|
+
*
|
|
2486
|
+
* @example
|
|
2487
|
+
* <Dialog isOpen={isOpen}>
|
|
2488
|
+
* <header>
|
|
2489
|
+
* <Toolbar label={<DialogHeading>My dialog</DialogHeading>} />
|
|
2490
|
+
* </header>
|
|
2491
|
+
* ...
|
|
2492
|
+
* </Dialog>
|
|
2457
2493
|
*/
|
|
2458
|
-
declare const
|
|
2494
|
+
declare const DialogHeading: Comp<HeadingProps, HTMLElement>;
|
|
2459
2495
|
|
|
2460
2496
|
/**
|
|
2461
2497
|
* Defines the props of the component.
|
|
@@ -2740,7 +2776,7 @@ declare const GenericBlockGapSize: Pick<{
|
|
|
2740
2776
|
readonly medium: "medium";
|
|
2741
2777
|
readonly big: "big";
|
|
2742
2778
|
readonly huge: "huge";
|
|
2743
|
-
}, "big" | "
|
|
2779
|
+
}, "big" | "tiny" | "medium" | "regular" | "huge">;
|
|
2744
2780
|
type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
|
|
2745
2781
|
|
|
2746
2782
|
interface GenericBlockProps$1 extends FlexBoxProps$1 {
|
|
@@ -2845,41 +2881,6 @@ interface GenericBlock extends BaseGenericBlock {
|
|
|
2845
2881
|
}
|
|
2846
2882
|
declare const GenericBlock: GenericBlock;
|
|
2847
2883
|
|
|
2848
|
-
/**
|
|
2849
|
-
* Defines the props of the component.
|
|
2850
|
-
*/
|
|
2851
|
-
interface HeadingProps$1 extends Partial<TextProps$1> {
|
|
2852
|
-
/**
|
|
2853
|
-
* Display a specific heading level instead of the one provided by parent context provider.
|
|
2854
|
-
*/
|
|
2855
|
-
as?: HeadingElement;
|
|
2856
|
-
}
|
|
2857
|
-
|
|
2858
|
-
interface HeadingProps extends GenericProps$1, HeadingProps$1 {
|
|
2859
|
-
}
|
|
2860
|
-
/**
|
|
2861
|
-
* Renders a heading component.
|
|
2862
|
-
* Extends the `Text` Component with the heading level automatically computed based on
|
|
2863
|
-
* the current level provided by the context.
|
|
2864
|
-
*/
|
|
2865
|
-
declare const Heading: Comp<HeadingProps, HTMLElement>;
|
|
2866
|
-
|
|
2867
|
-
interface HeadingLevelProviderProps {
|
|
2868
|
-
/** The heading level to start at. If left undefined, the parent context will be used, if any. */
|
|
2869
|
-
level?: number;
|
|
2870
|
-
/** The children to display */
|
|
2871
|
-
children: ReactNode;
|
|
2872
|
-
}
|
|
2873
|
-
/**
|
|
2874
|
-
* Provide a new heading level context.
|
|
2875
|
-
*/
|
|
2876
|
-
declare const HeadingLevelProvider: React.FC<HeadingLevelProviderProps>;
|
|
2877
|
-
|
|
2878
|
-
declare const useHeadingLevel: () => {
|
|
2879
|
-
level: number;
|
|
2880
|
-
headingElement: _lumx_core_js_types.HeadingElement;
|
|
2881
|
-
};
|
|
2882
|
-
|
|
2883
2884
|
type GridGutterSize = Extract<Size$1, 'regular' | 'big' | 'huge'>;
|
|
2884
2885
|
/**
|
|
2885
2886
|
* Defines the props of the component.
|
|
@@ -2970,7 +2971,7 @@ interface GridColumnProps extends GenericProps$1, ReactToJSX<GridColumnProps$1>
|
|
|
2970
2971
|
*/
|
|
2971
2972
|
declare const GridColumn: Comp<GridColumnProps, HTMLElement>;
|
|
2972
2973
|
|
|
2973
|
-
declare const ICON_SIZES: ("
|
|
2974
|
+
declare const ICON_SIZES: ("s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl")[];
|
|
2974
2975
|
|
|
2975
2976
|
type IconSizes = (typeof ICON_SIZES)[number];
|
|
2976
2977
|
/**
|
|
@@ -3410,6 +3411,7 @@ interface LightboxProps extends GenericProps$1, ReactToJSX<BaseLightboxProps> {
|
|
|
3410
3411
|
/** Children */
|
|
3411
3412
|
children?: React.ReactNode;
|
|
3412
3413
|
}
|
|
3414
|
+
|
|
3413
3415
|
/**
|
|
3414
3416
|
* Lightbox component.
|
|
3415
3417
|
*
|
|
@@ -3471,7 +3473,7 @@ interface LinkProps extends GenericProps$1, ReactToJSX<LinkProps$1> {
|
|
|
3471
3473
|
* @param ref Component ref.
|
|
3472
3474
|
* @return React element.
|
|
3473
3475
|
*/
|
|
3474
|
-
declare const Link: Comp<LinkProps,
|
|
3476
|
+
declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
|
|
3475
3477
|
|
|
3476
3478
|
/**
|
|
3477
3479
|
* Defines the props of the component.
|
|
@@ -3742,7 +3744,7 @@ type NavigationProps = React.ComponentProps<'nav'> & HasClassName$1 & HasTheme$1
|
|
|
3742
3744
|
/** Content of the navigation. These components should be of type NavigationItem to be rendered */
|
|
3743
3745
|
children?: React.ReactNode;
|
|
3744
3746
|
orientation?: Orientation$1;
|
|
3745
|
-
} & HasAriaLabelOrLabelledBy
|
|
3747
|
+
} & HasAriaLabelOrLabelledBy;
|
|
3746
3748
|
type SubComponents = {
|
|
3747
3749
|
Section: typeof NavigationSection;
|
|
3748
3750
|
Item: typeof NavigationItem;
|
|
@@ -3781,18 +3783,24 @@ declare const Notification: Comp<NotificationProps, HTMLDivElement>;
|
|
|
3781
3783
|
|
|
3782
3784
|
/**
|
|
3783
3785
|
* PopoverDialog props.
|
|
3784
|
-
* The PopoverDialog has the same props as the Popover
|
|
3786
|
+
* The PopoverDialog has the same props as the Popover, plus optional accessible-name props.
|
|
3787
|
+
* An accessible name can be provided via `label`, `aria-label`, `aria-labelledby`, or by
|
|
3788
|
+
* rendering a `DialogHeading` inside the dialog (which names it via the internal label
|
|
3789
|
+
* registry) - at least one of these should be used.
|
|
3785
3790
|
*/
|
|
3786
|
-
type PopoverDialogProps$1 = PopoverProps$1 &
|
|
3791
|
+
type PopoverDialogProps$1 = PopoverProps$1 & Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> & {
|
|
3787
3792
|
/** Accessible label for the dialog (alternative to aria-label prop). */
|
|
3788
3793
|
label?: string;
|
|
3789
3794
|
};
|
|
3790
3795
|
|
|
3791
3796
|
/**
|
|
3792
3797
|
* PopoverDialog props.
|
|
3793
|
-
* The PopoverDialog has the same props as the Popover
|
|
3798
|
+
* The PopoverDialog has the same props as the Popover, plus optional accessible-name props
|
|
3799
|
+
* (`label`/`aria-label`/`aria-labelledby`). An accessible name can also be provided by rendering
|
|
3800
|
+
* a `DialogHeading` inside the dialog - at least one of these should be used.
|
|
3794
3801
|
*/
|
|
3795
3802
|
type PopoverDialogProps = PopoverProps & Omit<PopoverDialogProps$1, keyof PopoverProps$1>;
|
|
3803
|
+
|
|
3796
3804
|
/**
|
|
3797
3805
|
* PopoverDialog component.
|
|
3798
3806
|
* Defines a popover that acts like a dialog:
|
|
@@ -5271,14 +5279,17 @@ interface TabListProps$1 extends HasClassName, HasTheme {
|
|
|
5271
5279
|
layout?: TabListLayout;
|
|
5272
5280
|
/** Position of the tabs in the list (requires 'clustered' layout). */
|
|
5273
5281
|
position?: Alignment;
|
|
5282
|
+
/** `role` applied to the inner `__links` container */
|
|
5283
|
+
role?: 'navigation' | 'tablist';
|
|
5274
5284
|
/** ref to the wrapper element */
|
|
5275
5285
|
ref?: CommonRef;
|
|
5276
5286
|
}
|
|
5287
|
+
type TabListPropsToOverride = 'role';
|
|
5277
5288
|
|
|
5278
5289
|
/**
|
|
5279
5290
|
* Defines the props of the component.
|
|
5280
5291
|
*/
|
|
5281
|
-
interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1> {
|
|
5292
|
+
interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1, TabListPropsToOverride> {
|
|
5282
5293
|
}
|
|
5283
5294
|
|
|
5284
5295
|
/**
|
|
@@ -5286,6 +5297,8 @@ interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1> {
|
|
|
5286
5297
|
*
|
|
5287
5298
|
* Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
|
|
5288
5299
|
*
|
|
5300
|
+
* Renders a `role="navigation"` landmark instead when used outside a `TabProvider` (nav-link mode).
|
|
5301
|
+
*
|
|
5289
5302
|
* @param props Component props.
|
|
5290
5303
|
* @param ref Component ref.
|
|
5291
5304
|
* @return React element.
|
|
@@ -5293,9 +5306,14 @@ interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1> {
|
|
|
5293
5306
|
declare const TabList: Comp<TabListProps, HTMLDivElement>;
|
|
5294
5307
|
|
|
5295
5308
|
/**
|
|
5296
|
-
*
|
|
5309
|
+
* Element a `Tab` can render as: `'button'` (default, classic tab), `'a'` (nav-link, `href`
|
|
5310
|
+
* required via {@link HasRequiredLinkHref}), or any `ElementType` (nav-link, e.g. a router `Link`).
|
|
5311
|
+
*/
|
|
5312
|
+
type TabElement = 'a' | 'button' | ElementType;
|
|
5313
|
+
/**
|
|
5314
|
+
* Defines the props of the component (independent of the `as` element).
|
|
5297
5315
|
*/
|
|
5298
|
-
interface
|
|
5316
|
+
interface CommonTabProps extends HasClassName {
|
|
5299
5317
|
/** Children are not supported. */
|
|
5300
5318
|
children?: never;
|
|
5301
5319
|
/** Icon (SVG path). */
|
|
@@ -5306,6 +5324,11 @@ interface TabProps$1 extends HasClassName {
|
|
|
5306
5324
|
id?: string;
|
|
5307
5325
|
/** Whether the tab is active or not. */
|
|
5308
5326
|
isActive?: boolean;
|
|
5327
|
+
/**
|
|
5328
|
+
* WAI-ARIA `tab` role, resolved by the framework wrapper from `TabProvider` presence:
|
|
5329
|
+
* `'tab'` inside a provider (classic tab mode), `undefined` outside (nav-link mode).
|
|
5330
|
+
*/
|
|
5331
|
+
role?: 'tab';
|
|
5309
5332
|
/** Whether the component is disabled or not. */
|
|
5310
5333
|
isDisabled?: boolean;
|
|
5311
5334
|
/** Label content. */
|
|
@@ -5326,23 +5349,38 @@ interface TabProps$1 extends HasClassName {
|
|
|
5326
5349
|
tabIndexProp?: string;
|
|
5327
5350
|
/** Name of the prop used to attach the keypress event (framework-dependent). */
|
|
5328
5351
|
keyPressProp?: string;
|
|
5329
|
-
/** ID applied to the tab button element (for aria-labelledby on the panel). */
|
|
5330
|
-
tabId?: string;
|
|
5331
5352
|
/** ID of the associated tab panel (for aria-controls). */
|
|
5332
5353
|
tabPanelId?: string;
|
|
5333
5354
|
/** Icon component injected by the framework wrapper. */
|
|
5334
5355
|
Icon: any;
|
|
5335
5356
|
/** Text component injected by the framework wrapper. */
|
|
5336
5357
|
Text: any;
|
|
5337
|
-
/** Forward ref to the underlying
|
|
5358
|
+
/** Forward ref to the underlying element. */
|
|
5338
5359
|
ref?: CommonRef;
|
|
5339
5360
|
}
|
|
5340
|
-
|
|
5361
|
+
/**
|
|
5362
|
+
* Polymorphic `as` surface for `Tab`. Not `HasPolymorphicAs<E>`: core JSX is type-checked under
|
|
5363
|
+
* both the React and Vue namespaces, so spreading React DOM prop types would break the Vue
|
|
5364
|
+
* cross-check. `href` is required at compile time when `as === 'a'` (via {@link HasRequiredLinkHref}).
|
|
5365
|
+
*/
|
|
5366
|
+
type TabAsProps<E extends TabElement = 'button'> = {
|
|
5367
|
+
as?: E;
|
|
5368
|
+
} & (E extends 'a' ? HasRequiredLinkHref<'a'> : unknown);
|
|
5369
|
+
/**
|
|
5370
|
+
* Props of the `Tab` component. Polymorphic on `as` (element selection only): `as` picks the
|
|
5371
|
+
* rendered element, while **mode is driven by `TabProvider` presence** (via the wrapper-resolved
|
|
5372
|
+
* `role`), not by `as`. The `href` conditional's false branch is `unknown` (not a record) to avoid
|
|
5373
|
+
* widening `keyof TabProps`.
|
|
5374
|
+
*/
|
|
5375
|
+
type TabProps$1<E extends TabElement = 'button'> = CommonTabProps & TabAsProps<E>;
|
|
5376
|
+
type TabPropsToOverride = 'as' | 'role' | 'isAnyDisabled' | 'shouldActivateOnFocus' | 'changeToTab' | 'tabIndex' | 'tabIndexProp' | 'keyPressProp' | 'tabPanelId' | 'Icon' | 'Text';
|
|
5341
5377
|
|
|
5342
5378
|
/**
|
|
5343
|
-
* Defines the props of the component.
|
|
5379
|
+
* Defines the props of the component. Polymorphic on `as` (element selection only): `as` picks the
|
|
5380
|
+
* rendered element (`as="a"` with required `href`, or `as={RouterLink}`), while the mode
|
|
5381
|
+
* (`role="tab"` vs nav-link) is driven by `TabProvider` presence. The forwarded ref type follows `as`.
|
|
5344
5382
|
*/
|
|
5345
|
-
|
|
5383
|
+
type TabProps<E extends ElementType$1 = 'button'> = GenericProps$1 & HasPolymorphicAs$1<E> & HasRequiredLinkHref$1<E> & ReactToJSX<TabProps$1, TabPropsToOverride> & {
|
|
5346
5384
|
/** Children are not supported. */
|
|
5347
5385
|
children?: never;
|
|
5348
5386
|
/** Icon (SVG path). */
|
|
@@ -5357,17 +5395,44 @@ interface TabProps extends GenericProps$1, ReactToJSX<TabProps$1, TabPropsToOver
|
|
|
5357
5395
|
isDisabled?: boolean;
|
|
5358
5396
|
/** Label content. */
|
|
5359
5397
|
label: string | ReactNode;
|
|
5360
|
-
}
|
|
5398
|
+
};
|
|
5361
5399
|
/**
|
|
5362
5400
|
* Tab component.
|
|
5363
5401
|
*
|
|
5364
5402
|
* Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
|
|
5403
|
+
* when rendered inside a `TabProvider`.
|
|
5404
|
+
*
|
|
5405
|
+
* Outside a `TabProvider` (nav-link mode): plain link, no `role="tab"`/roving tabindex/`changeToTab`
|
|
5406
|
+
* dispatch — only `aria-current` marks the active item.
|
|
5365
5407
|
*
|
|
5366
5408
|
* @param props Component props.
|
|
5367
|
-
* @param ref Component ref.
|
|
5409
|
+
* @param ref Component ref (type follows `as`).
|
|
5368
5410
|
* @return React element.
|
|
5369
5411
|
*/
|
|
5370
|
-
declare const Tab:
|
|
5412
|
+
declare const Tab: (<E extends ElementType$1 = "button">(props: GenericProps$1 & React$1.PropsWithoutRef<React$1.ComponentProps<E>> & {
|
|
5413
|
+
as?: E | undefined;
|
|
5414
|
+
} & HasRequiredLinkHref$1<E> & ReactToJSX<TabProps$1, TabPropsToOverride> & {
|
|
5415
|
+
/** Children are not supported. */
|
|
5416
|
+
children?: never;
|
|
5417
|
+
/** Icon (SVG path). */
|
|
5418
|
+
icon?: IconProps["icon"];
|
|
5419
|
+
/** Icon component properties. */
|
|
5420
|
+
iconProps?: Omit<IconProps, "icon">;
|
|
5421
|
+
/** Native id property. */
|
|
5422
|
+
id?: string;
|
|
5423
|
+
/** Whether the tab is active or not. */
|
|
5424
|
+
isActive?: boolean;
|
|
5425
|
+
/** Whether the component is disabled or not. */
|
|
5426
|
+
isDisabled?: boolean;
|
|
5427
|
+
/** Label content. */
|
|
5428
|
+
label: string | ReactNode;
|
|
5429
|
+
} & React$1.ComponentProps<E> & {
|
|
5430
|
+
ref?: ComponentRef<E> | undefined;
|
|
5431
|
+
}) => React.JSX.Element) & {
|
|
5432
|
+
displayName: string;
|
|
5433
|
+
className: string;
|
|
5434
|
+
defaultProps: Partial<TabProps$1<"button">>;
|
|
5435
|
+
};
|
|
5371
5436
|
|
|
5372
5437
|
/**
|
|
5373
5438
|
* Defines the props of the component.
|
|
@@ -5799,5 +5864,5 @@ declare const ThemeProvider: React__default.FC<{
|
|
|
5799
5864
|
/** Get the theme in the current context. */
|
|
5800
5865
|
declare function useTheme(): ThemeContextValue;
|
|
5801
5866
|
|
|
5802
|
-
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME$2 as CLASSNAME, COMPONENT_NAME$2 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, MenuButton, ListDivider as MenuDivider, MenuItem, 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 };
|
|
5803
|
-
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, MenuButtonProps, ListDividerProps as MenuDividerProps, MenuItemActionProps, MenuItemProps, MessageProps, MosaicProps, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverHeight, PopoverProps, PopoverWidth, 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 };
|
|
5867
|
+
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME$2 as CLASSNAME, COMPONENT_NAME$2 as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, DialogHeading, 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, MenuButton, ListDivider as MenuDivider, MenuItem, 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 };
|
|
5868
|
+
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, DialogHeadingProps, 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, MenuButtonProps, ListDividerProps as MenuDividerProps, MenuItemActionProps, MenuItemProps, MessageProps, MosaicProps, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverHeight, PopoverProps, PopoverWidth, 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 };
|