@lumx/react 4.3.2-alpha.19 → 4.3.2-alpha.20
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/_internal/DpdvhbTO.js +159 -0
- package/_internal/DpdvhbTO.js.map +1 -0
- package/index.d.ts +23 -445
- package/index.js +256 -926
- package/index.js.map +1 -1
- package/package.json +13 -3
- package/utils/index.d.ts +6 -1
- package/utils/index.js +1219 -5
- package/utils/index.js.map +1 -1
- package/_internal/CzTdCnO5.js +0 -1375
- package/_internal/CzTdCnO5.js.map +0 -1
package/index.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Size as Size$1, ColorPalette as ColorPalette$1, Theme as Theme$1, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio as AspectRatio$1, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$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 { GenericProps, HasTheme as HasTheme$1, ValueOf as ValueOf$1, HasAriaDisabled as HasAriaDisabled$1,
|
|
4
|
+
import { GenericProps, HasTheme as HasTheme$1, ValueOf as ValueOf$1, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, HasClassName as HasClassName$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
|
|
5
5
|
export * from '@lumx/core/js/types';
|
|
6
6
|
import * as React$1 from 'react';
|
|
7
|
-
import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes,
|
|
8
|
-
import { Selector } from '@lumx/core/js/types/Selector';
|
|
7
|
+
import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, RefObject, CSSProperties, ImgHTMLAttributes, SetStateAction, Key, ElementType, ComponentProps } from 'react';
|
|
9
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
10
9
|
|
|
11
10
|
/** LumX Component Type. */
|
|
@@ -541,6 +540,17 @@ interface HasDisabled {
|
|
|
541
540
|
disabled?: boolean;
|
|
542
541
|
}
|
|
543
542
|
|
|
543
|
+
type FunctionSelector<TObject, TValue> = (o: TObject) => TValue;
|
|
544
|
+
type FieldSelector<TObject, TValue> = keyof {
|
|
545
|
+
[TKey in keyof TObject as TObject[TKey] extends TValue ? TKey : never]: TObject[TKey];
|
|
546
|
+
};
|
|
547
|
+
/**
|
|
548
|
+
* Value selector on an object
|
|
549
|
+
* - either via an object key
|
|
550
|
+
* - or a selector function
|
|
551
|
+
*/
|
|
552
|
+
type Selector<TObject, TValue = string> = FieldSelector<TObject, TValue> | FunctionSelector<TObject, TValue>;
|
|
553
|
+
|
|
544
554
|
/**
|
|
545
555
|
* Defines the props of the component.
|
|
546
556
|
*/
|
|
@@ -654,11 +664,11 @@ interface ButtonProps$1 extends BaseButtonProps {
|
|
|
654
664
|
/**
|
|
655
665
|
* Component display name.
|
|
656
666
|
*/
|
|
657
|
-
declare const COMPONENT_NAME
|
|
667
|
+
declare const COMPONENT_NAME = "Button";
|
|
658
668
|
/**
|
|
659
669
|
* Component default class name and class prefix.
|
|
660
670
|
*/
|
|
661
|
-
declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME
|
|
671
|
+
declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
|
|
662
672
|
/**
|
|
663
673
|
* Component default props.
|
|
664
674
|
*/
|
|
@@ -673,7 +683,7 @@ interface ButtonProps extends GenericProps, ButtonProps$1 {
|
|
|
673
683
|
* @param ref Component ref.
|
|
674
684
|
* @return React element.
|
|
675
685
|
*/
|
|
676
|
-
declare const Button: Comp<ButtonProps,
|
|
686
|
+
declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
|
|
677
687
|
|
|
678
688
|
interface IconButtonProps$1 extends BaseButtonProps {
|
|
679
689
|
/**
|
|
@@ -898,423 +908,6 @@ interface SelectionChipGroupProps<O> extends GenericProps {
|
|
|
898
908
|
*/
|
|
899
909
|
declare const SelectionChipGroup: <O>({ onChange, value, getOptionId, getOptionName, inputRef, inputLabel, renderChip, theme, isDisabled, chipTooltipLabel, label, ...forwardedProps }: SelectionChipGroupProps<O>) => react_jsx_runtime.JSX.Element;
|
|
900
910
|
|
|
901
|
-
/**
|
|
902
|
-
* The source of the combobox option selection
|
|
903
|
-
* It could either be on click / touch or keyboard selection
|
|
904
|
-
*/
|
|
905
|
-
type ComboboxOptionSelectEventSource = 'keyboard' | 'click';
|
|
906
|
-
type ComboboxSelectionType = 'single' | 'multiple';
|
|
907
|
-
type BaseLoadingStatus = 'loading' | 'loadingMore' | 'idle' | 'error' | 'debouncing' | 'filtering' | 'empty';
|
|
908
|
-
/**
|
|
909
|
-
* Options related types
|
|
910
|
-
*/
|
|
911
|
-
/** All possible values a combobox option can have */
|
|
912
|
-
type BaseComboboxOptionProps<O = any> = {
|
|
913
|
-
/**
|
|
914
|
-
* A unique id to track the option
|
|
915
|
-
*/
|
|
916
|
-
id: string;
|
|
917
|
-
/**
|
|
918
|
-
* Whether the current input value should filter this option.
|
|
919
|
-
*/
|
|
920
|
-
filterFromInput?: boolean;
|
|
921
|
-
/**
|
|
922
|
-
* Callback to call when the option is selected.
|
|
923
|
-
* This should only be used to add custom actions on options.
|
|
924
|
-
* For most cases, the "onSelect" on the Combobox root component should be enough.
|
|
925
|
-
*/
|
|
926
|
-
onSelect?: (option: O, eventSource?: ComboboxOptionSelectEventSource) => void;
|
|
927
|
-
/**
|
|
928
|
-
* Additional data to link to the option. This can be useful to retrieve with `onSelect`.
|
|
929
|
-
*/
|
|
930
|
-
data?: O;
|
|
931
|
-
/**
|
|
932
|
-
* Whether the option is disabled
|
|
933
|
-
*/
|
|
934
|
-
isDisabled?: boolean;
|
|
935
|
-
/**
|
|
936
|
-
* The components to use to visually customize options.
|
|
937
|
-
* ! Options must not have interactive elements.
|
|
938
|
-
* ! If you need additional actions, you might need to create custom options and search how to
|
|
939
|
-
* ! make them accessible.
|
|
940
|
-
*/
|
|
941
|
-
children?: ReactNode;
|
|
942
|
-
/**
|
|
943
|
-
* The text value the option has.
|
|
944
|
-
* This is the value used to filter the options by when manual filtering is disabled
|
|
945
|
-
* and that will be used as input value when an option is selected
|
|
946
|
-
*/
|
|
947
|
-
textValue?: string;
|
|
948
|
-
/**
|
|
949
|
-
* Element to display before the content of the option.
|
|
950
|
-
* ! Options must not have interactive elements.
|
|
951
|
-
* ! If you need additional actions, you might need to create custom options and search how to
|
|
952
|
-
* ! make them accessible.
|
|
953
|
-
*/
|
|
954
|
-
before?: ReactNode;
|
|
955
|
-
/**
|
|
956
|
-
* Element to display after the content of the option.
|
|
957
|
-
* ! Options must not have interactive elements.
|
|
958
|
-
* ! If you need additional actions, you might need to create custom options and search how to
|
|
959
|
-
* ! make them accessible.
|
|
960
|
-
*/
|
|
961
|
-
after?: ReactNode;
|
|
962
|
-
/**
|
|
963
|
-
* Size of the list item.
|
|
964
|
-
* Default to tiny
|
|
965
|
-
*/
|
|
966
|
-
size?: ListItemSize;
|
|
967
|
-
/**
|
|
968
|
-
* Fill to activate a tooltip on mouse over
|
|
969
|
-
*/
|
|
970
|
-
tooltipProps?: Partial<TooltipProps>;
|
|
971
|
-
};
|
|
972
|
-
/**
|
|
973
|
-
* Props for when an option has no children.
|
|
974
|
-
* In these case, we need at least the text value to know what to display
|
|
975
|
-
* */
|
|
976
|
-
type TextValueOnly<O = any> = BaseComboboxOptionProps<O> & {
|
|
977
|
-
children?: never;
|
|
978
|
-
textValue: string;
|
|
979
|
-
};
|
|
980
|
-
/**
|
|
981
|
-
* Props for when an option has a react element as string
|
|
982
|
-
* In that case, we can use the children as the textValue without having
|
|
983
|
-
* to set a manual props.
|
|
984
|
-
* The props is still available to have a text value different than the displayed value.
|
|
985
|
-
*/
|
|
986
|
-
type StringOption<O = any> = BaseComboboxOptionProps<O> & {
|
|
987
|
-
children: ReactText;
|
|
988
|
-
textValue?: string;
|
|
989
|
-
};
|
|
990
|
-
/**
|
|
991
|
-
* Props for when an option has a react element as children
|
|
992
|
-
* In that case, we cannot know what the actual value of the
|
|
993
|
-
* option is, so the `textValue` prop has to be set.
|
|
994
|
-
*/
|
|
995
|
-
type NodeOption<O = any> = BaseComboboxOptionProps<O> & {
|
|
996
|
-
children: Exclude<ReactNode, ReactText>;
|
|
997
|
-
textValue: string;
|
|
998
|
-
};
|
|
999
|
-
/** Props for the ComboboxOption component */
|
|
1000
|
-
type ComboboxOptionProps<O = any> = TextValueOnly<O> | StringOption<O> | NodeOption<O>;
|
|
1001
|
-
/** Shared data between all combobox option types. */
|
|
1002
|
-
interface BaseRegisteredComboboxOption {
|
|
1003
|
-
id: string;
|
|
1004
|
-
/** The id that was generated for this option */
|
|
1005
|
-
generatedId: string;
|
|
1006
|
-
/** Whether the "option" is an action */
|
|
1007
|
-
isAction?: boolean;
|
|
1008
|
-
/** Whether the "option" is disabled */
|
|
1009
|
-
isDisabled?: boolean;
|
|
1010
|
-
}
|
|
1011
|
-
/** Values of action type options */
|
|
1012
|
-
interface RegisteredComboboxAction extends BaseRegisteredComboboxOption {
|
|
1013
|
-
/** Whether the "option" is an action */
|
|
1014
|
-
isAction: true;
|
|
1015
|
-
/** Callback when the action is triggered. */
|
|
1016
|
-
onSelect?: () => void;
|
|
1017
|
-
}
|
|
1018
|
-
/** Combobox value */
|
|
1019
|
-
interface RegisteredComboboxOptionValue<O = any> extends BaseRegisteredComboboxOption, Pick<ComboboxOptionProps<O>, 'data' | 'filterFromInput' | 'textValue' | 'onSelect'> {
|
|
1020
|
-
/** The section the option is a child of. */
|
|
1021
|
-
sectionId?: string;
|
|
1022
|
-
/** Whether the "option" is an action */
|
|
1023
|
-
isAction?: never;
|
|
1024
|
-
}
|
|
1025
|
-
/** The option values stored in the state */
|
|
1026
|
-
type RegisteredComboboxOption<O = any> = RegisteredComboboxAction | RegisteredComboboxOptionValue<O>;
|
|
1027
|
-
type OnComboboxSelect<O = any> = (option: RegisteredComboboxOptionValue<O>) => void;
|
|
1028
|
-
type OnComboboxInputChange = TextFieldProps['onChange'];
|
|
1029
|
-
type ComboboxTranslations = {
|
|
1030
|
-
clearLabel: string;
|
|
1031
|
-
showSuggestionsLabel: string;
|
|
1032
|
-
loadingLabel: string;
|
|
1033
|
-
noResultsForInputLabel: (input?: string) => string;
|
|
1034
|
-
serviceUnavailableLabel: string;
|
|
1035
|
-
tryReloadLabel: string;
|
|
1036
|
-
nbOptionsLabel: (options: number) => string;
|
|
1037
|
-
};
|
|
1038
|
-
/** Props for the main combobox component. */
|
|
1039
|
-
type ComboboxProps<O = any> = {
|
|
1040
|
-
/**
|
|
1041
|
-
* HTML id
|
|
1042
|
-
*/
|
|
1043
|
-
id?: string;
|
|
1044
|
-
/**
|
|
1045
|
-
* The current option id to set as selected.
|
|
1046
|
-
* If omitted, the local state will be used instead;
|
|
1047
|
-
*/
|
|
1048
|
-
selectedIds?: Array<string | number>;
|
|
1049
|
-
/**
|
|
1050
|
-
* The current value for the combobox input.
|
|
1051
|
-
* If omitted, the input is controlled locally */
|
|
1052
|
-
inputValue?: string;
|
|
1053
|
-
/**
|
|
1054
|
-
* The default value to set on the input.
|
|
1055
|
-
* Use this if you want to initialize the input with a value and not control it
|
|
1056
|
-
*/
|
|
1057
|
-
defaultInputValue?: string;
|
|
1058
|
-
/**
|
|
1059
|
-
* Whether the options should be automatically filtered or not.
|
|
1060
|
-
* By default, the combobox will try to filter the options from the current input value
|
|
1061
|
-
* using a "contains" strategy.
|
|
1062
|
-
* If this is `false`, the option will not be automatically filtered and must be manually filtered by the parent.
|
|
1063
|
-
* Useful for asynchronous comboboxes.
|
|
1064
|
-
*/
|
|
1065
|
-
autoFilter: boolean;
|
|
1066
|
-
/**
|
|
1067
|
-
* Whether the combobox should open on focus
|
|
1068
|
-
*/
|
|
1069
|
-
openOnFocus?: boolean;
|
|
1070
|
-
/**
|
|
1071
|
-
* Whether the combobox should open on click
|
|
1072
|
-
*/
|
|
1073
|
-
openOnClick?: boolean;
|
|
1074
|
-
/**
|
|
1075
|
-
* Status of the combobox
|
|
1076
|
-
*/
|
|
1077
|
-
status: BaseLoadingStatus;
|
|
1078
|
-
/**
|
|
1079
|
-
* Callback when the input changes.
|
|
1080
|
-
*/
|
|
1081
|
-
onInputChange?: OnComboboxInputChange;
|
|
1082
|
-
/**
|
|
1083
|
-
* Callback for when an option is selected
|
|
1084
|
-
*/
|
|
1085
|
-
onSelect?: OnComboboxSelect<O>;
|
|
1086
|
-
/**
|
|
1087
|
-
* Callback called when the combobox opens
|
|
1088
|
-
*/
|
|
1089
|
-
onOpen?: (options: {
|
|
1090
|
-
currentValue?: string;
|
|
1091
|
-
manual: boolean;
|
|
1092
|
-
}) => void;
|
|
1093
|
-
/**
|
|
1094
|
-
* The combobox components to render.
|
|
1095
|
-
* Must be one of the exposed components (Combobox.Input, Combobox.ListBox etc...)
|
|
1096
|
-
*/
|
|
1097
|
-
children: ReactNode;
|
|
1098
|
-
/**
|
|
1099
|
-
* The combobox can have a specific selection type:
|
|
1100
|
-
* - Single: only one item is selected
|
|
1101
|
-
* - Multiple: several items can be selected (this impacts the combobox list, which will now not close when selectiong an option)
|
|
1102
|
-
*/
|
|
1103
|
-
selectionType?: ComboboxSelectionType;
|
|
1104
|
-
/**
|
|
1105
|
-
* Whether the error state should be displayed when the status is in error.
|
|
1106
|
-
* @default `true` if `status` is defined
|
|
1107
|
-
*/
|
|
1108
|
-
showErrorState?: boolean;
|
|
1109
|
-
/**
|
|
1110
|
-
* Whether the empty state should be displayed when there is no results.
|
|
1111
|
-
* @default `true` if `autoFilter=false`
|
|
1112
|
-
*/
|
|
1113
|
-
showEmptyState?: boolean;
|
|
1114
|
-
/** custom className */
|
|
1115
|
-
className?: string;
|
|
1116
|
-
/** translations to be used across the combobox */
|
|
1117
|
-
translations: ComboboxTranslations;
|
|
1118
|
-
};
|
|
1119
|
-
/** Entity related types for single selection. */
|
|
1120
|
-
type SingleSelection<O = any> = {
|
|
1121
|
-
selectionType: 'single';
|
|
1122
|
-
/**
|
|
1123
|
-
* Selected option object
|
|
1124
|
-
*/
|
|
1125
|
-
value?: O;
|
|
1126
|
-
/**
|
|
1127
|
-
* Callback on option object selected
|
|
1128
|
-
*/
|
|
1129
|
-
onChange?(newValue?: O): void;
|
|
1130
|
-
/**
|
|
1131
|
-
* No chips in single selection mode.
|
|
1132
|
-
*/
|
|
1133
|
-
renderChip?: never;
|
|
1134
|
-
};
|
|
1135
|
-
/** Entity related types for multiple selection. */
|
|
1136
|
-
type MultipleSelection<O = any> = {
|
|
1137
|
-
selectionType: 'multiple';
|
|
1138
|
-
/**
|
|
1139
|
-
* Selected options array
|
|
1140
|
-
*/
|
|
1141
|
-
value?: O[];
|
|
1142
|
-
/**
|
|
1143
|
-
* Callback on option array selected
|
|
1144
|
-
*/
|
|
1145
|
-
onChange?(newValue?: O[]): void;
|
|
1146
|
-
/**
|
|
1147
|
-
* Custom selection chip render function
|
|
1148
|
-
*/
|
|
1149
|
-
renderChip?: (option: O) => ReactNode;
|
|
1150
|
-
};
|
|
1151
|
-
/** Shared props between SelectTextField and SelectButton */
|
|
1152
|
-
type BaseSelectProps<O = any> = {
|
|
1153
|
-
/**
|
|
1154
|
-
* List of option objects
|
|
1155
|
-
*/
|
|
1156
|
-
options?: Array<O>;
|
|
1157
|
-
/**
|
|
1158
|
-
* Option object id selector (either the property name or a function to get the id)
|
|
1159
|
-
*/
|
|
1160
|
-
getOptionId: Selector<O>;
|
|
1161
|
-
/**
|
|
1162
|
-
* Option object name selector (either the property name or a function to get the name)
|
|
1163
|
-
* Fallbacks on the ID if not defined
|
|
1164
|
-
*/
|
|
1165
|
-
getOptionName?: Selector<O, string | undefined | null>;
|
|
1166
|
-
/**
|
|
1167
|
-
* Option object description selector (either the property name or a function to get the description)
|
|
1168
|
-
*/
|
|
1169
|
-
getOptionDescription?: Selector<O, string | undefined | null>;
|
|
1170
|
-
/**
|
|
1171
|
-
* Option object section id selector.
|
|
1172
|
-
* Providing this will group options by sections (and may change their order)
|
|
1173
|
-
* If the section id is a string, it is used as section label. Else, the section won't have a label.
|
|
1174
|
-
*/
|
|
1175
|
-
getSectionId?: Selector<O, any>;
|
|
1176
|
-
/**
|
|
1177
|
-
* option object section title selector.
|
|
1178
|
-
* If provided, the section will be rendered using this function.
|
|
1179
|
-
*/
|
|
1180
|
-
renderSectionTitle?: (option: O, sectionIndex: number) => React.ReactNode;
|
|
1181
|
-
/**
|
|
1182
|
-
* Whether the sections are separated by dividers
|
|
1183
|
-
*/
|
|
1184
|
-
hasSectionDividers?: boolean;
|
|
1185
|
-
/**
|
|
1186
|
-
* Option object render function
|
|
1187
|
-
* Default to rendering option using the id & name obtained with `optionIdSelector` & `optionNameSelector`
|
|
1188
|
-
*
|
|
1189
|
-
* **The direct child must be a Combobox.Option, otherwise it will not render the children.**.
|
|
1190
|
-
*/
|
|
1191
|
-
renderOption?: (option: O, index: number) => React.ReactNode;
|
|
1192
|
-
/**
|
|
1193
|
-
* Callback to load more items
|
|
1194
|
-
*/
|
|
1195
|
-
onLoadMore?(): void;
|
|
1196
|
-
/**
|
|
1197
|
-
* Props passed to the option list.
|
|
1198
|
-
*/
|
|
1199
|
-
/**
|
|
1200
|
-
* Add custom elements before the options
|
|
1201
|
-
*/
|
|
1202
|
-
beforeOptions?: ReactNode;
|
|
1203
|
-
/**
|
|
1204
|
-
* Data attribute scope
|
|
1205
|
-
*/
|
|
1206
|
-
scope?: string;
|
|
1207
|
-
};
|
|
1208
|
-
type OpenComboboxAction = {
|
|
1209
|
-
type: 'OPEN_COMBOBOX';
|
|
1210
|
-
payload?: {
|
|
1211
|
-
manual?: boolean;
|
|
1212
|
-
};
|
|
1213
|
-
};
|
|
1214
|
-
type CloseComboboxAction = {
|
|
1215
|
-
type: 'CLOSE_COMBOBOX';
|
|
1216
|
-
};
|
|
1217
|
-
type SetInputValueAction = {
|
|
1218
|
-
type: 'SET_INPUT_VALUE';
|
|
1219
|
-
payload: string;
|
|
1220
|
-
};
|
|
1221
|
-
type AddOptionAction = {
|
|
1222
|
-
type: 'ADD_OPTION';
|
|
1223
|
-
payload: {
|
|
1224
|
-
id: string;
|
|
1225
|
-
option: RegisteredComboboxOption;
|
|
1226
|
-
};
|
|
1227
|
-
};
|
|
1228
|
-
type RemoveOptionAction = {
|
|
1229
|
-
type: 'REMOVE_OPTION';
|
|
1230
|
-
payload: {
|
|
1231
|
-
id: string;
|
|
1232
|
-
};
|
|
1233
|
-
};
|
|
1234
|
-
type ComboboxAction = OpenComboboxAction | CloseComboboxAction | SetInputValueAction | AddOptionAction | RemoveOptionAction;
|
|
1235
|
-
|
|
1236
|
-
declare const COMPONENT_NAME = "ComboboxOption";
|
|
1237
|
-
declare const COMBOBOX_OPTION_CLASSNAME: LumxClassName$1<typeof COMPONENT_NAME>;
|
|
1238
|
-
declare const LUMX_CLASSNAME = "lumx-list-item";
|
|
1239
|
-
interface OptionContentProps<O extends object = any> extends GenericProps, Omit<ComboboxOptionProps<O>, 'id' | 'textValue' | 'filterFromInput' | 'data'> {
|
|
1240
|
-
id: string;
|
|
1241
|
-
isSelected?: boolean;
|
|
1242
|
-
onSelect?(): void;
|
|
1243
|
-
description?: string;
|
|
1244
|
-
/** Whether the option should be focused by default. */
|
|
1245
|
-
autofocus?: boolean;
|
|
1246
|
-
/** Customize the root element. */
|
|
1247
|
-
as?: React__default.ElementType;
|
|
1248
|
-
/** Type of the combobox (listbox or grid). */
|
|
1249
|
-
comboboxType?: 'listbox' | 'grid';
|
|
1250
|
-
}
|
|
1251
|
-
/**
|
|
1252
|
-
* Props for ComboboxOption with additional generic properties.
|
|
1253
|
-
*/
|
|
1254
|
-
interface ComboboxOptionComponentProps<O extends object = any> extends GenericProps, Omit<ComboboxOptionProps<O>, 'as'> {
|
|
1255
|
-
/** Customize the root element. */
|
|
1256
|
-
as?: React__default.ElementType;
|
|
1257
|
-
}
|
|
1258
|
-
/**
|
|
1259
|
-
* Option to set within a combobox list.
|
|
1260
|
-
*
|
|
1261
|
-
* @family Combobox
|
|
1262
|
-
* @param ComboboxOptionProps
|
|
1263
|
-
* @returns ComboboxOption
|
|
1264
|
-
*/
|
|
1265
|
-
declare const ComboboxOption: Comp<ComboboxOptionComponentProps<any>, HTMLElement>;
|
|
1266
|
-
|
|
1267
|
-
interface ComboboxOptionSkeletonProps {
|
|
1268
|
-
className?: string;
|
|
1269
|
-
index?: number;
|
|
1270
|
-
children?: ReactNode | ((options: {
|
|
1271
|
-
index?: number;
|
|
1272
|
-
}) => ReactNode);
|
|
1273
|
-
before?: ComboboxOptionProps['before'];
|
|
1274
|
-
after?: ComboboxOptionProps['after'];
|
|
1275
|
-
size?: ComboboxOptionProps['size'];
|
|
1276
|
-
}
|
|
1277
|
-
/**
|
|
1278
|
-
* Skeleton for a combobox option.
|
|
1279
|
-
* A typography skeleton is rendered by default but can be overridden by passing children.
|
|
1280
|
-
*/
|
|
1281
|
-
declare const ComboboxOptionSkeleton: ({ className, index, before, after, size, children, }: ComboboxOptionSkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
1282
|
-
|
|
1283
|
-
interface ComboboxOptionActionProps extends GenericProps {
|
|
1284
|
-
/** Should the action be set as disabled */
|
|
1285
|
-
isDisabled?: boolean;
|
|
1286
|
-
/** Action to trigger when the action is selected */
|
|
1287
|
-
onClick: () => void;
|
|
1288
|
-
/** Customize the root element. */
|
|
1289
|
-
as?: React__default.ElementType;
|
|
1290
|
-
}
|
|
1291
|
-
/**
|
|
1292
|
-
* Action to set on a Combobox Option.
|
|
1293
|
-
* Allows to add an interactive element that
|
|
1294
|
-
* can be navigated to and triggered using the keyboard.
|
|
1295
|
-
*
|
|
1296
|
-
* Defaults as "button"
|
|
1297
|
-
*
|
|
1298
|
-
* @family Combobox
|
|
1299
|
-
* @param ComboboxOptionActionProps
|
|
1300
|
-
* @returns ComboboxOptionAction
|
|
1301
|
-
*/
|
|
1302
|
-
declare const ComboboxOptionAction: (props: ComboboxOptionActionProps) => react_jsx_runtime.JSX.Element;
|
|
1303
|
-
|
|
1304
|
-
interface ComboboxOptionMoreInfoProps {
|
|
1305
|
-
buttonProps?: Partial<IconButtonProps>;
|
|
1306
|
-
popoverProps?: PopoverProps;
|
|
1307
|
-
onToggle?: (isOpen: boolean) => void;
|
|
1308
|
-
children?: React__default.ReactNode;
|
|
1309
|
-
}
|
|
1310
|
-
/**
|
|
1311
|
-
* Display more info on the option as a popover opening on mouse hover or keyboard nav
|
|
1312
|
-
* Please consider using a simpler option description instead for better UX and a11y.
|
|
1313
|
-
*
|
|
1314
|
-
* @family Combobox
|
|
1315
|
-
*/
|
|
1316
|
-
declare const ComboboxOptionMoreInfo: React__default.FC<ComboboxOptionMoreInfoProps>;
|
|
1317
|
-
|
|
1318
911
|
/**
|
|
1319
912
|
* Comment block variants.
|
|
1320
913
|
*/
|
|
@@ -2075,37 +1668,22 @@ interface GridItemProps extends GenericProps {
|
|
|
2075
1668
|
*/
|
|
2076
1669
|
declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
|
|
2077
1670
|
|
|
2078
|
-
type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
|
|
1671
|
+
type GridColumnGapSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
|
|
2079
1672
|
/**
|
|
2080
1673
|
* Defines the props of the component.
|
|
2081
1674
|
*/
|
|
2082
|
-
interface GridColumnProps
|
|
1675
|
+
interface GridColumnProps extends GenericProps {
|
|
2083
1676
|
/** Customize the root element. */
|
|
2084
|
-
as?:
|
|
1677
|
+
as?: React.ElementType;
|
|
2085
1678
|
/** Children elements. */
|
|
2086
|
-
children?:
|
|
1679
|
+
children?: ReactNode;
|
|
2087
1680
|
/** Space between columns and rows. */
|
|
2088
1681
|
gap?: GridColumnGapSize;
|
|
2089
1682
|
/** Ideal number of columns. */
|
|
2090
1683
|
maxColumns?: number;
|
|
2091
1684
|
/** Minimum width for each item, reduce the number of column if there is not enough space. */
|
|
2092
1685
|
itemMinWidth?: number;
|
|
2093
|
-
/** Custom styles. */
|
|
2094
|
-
style?: any;
|
|
2095
|
-
/** reference to the root element */
|
|
2096
|
-
ref?: CommonRef;
|
|
2097
1686
|
}
|
|
2098
|
-
|
|
2099
|
-
/**
|
|
2100
|
-
* Defines the props of the component.
|
|
2101
|
-
*/
|
|
2102
|
-
interface GridColumnProps extends GenericProps, GridColumnProps$1 {
|
|
2103
|
-
/** Customize the root element. */
|
|
2104
|
-
as?: React.ElementType;
|
|
2105
|
-
/** Children elements. */
|
|
2106
|
-
children?: React.ReactNode;
|
|
2107
|
-
}
|
|
2108
|
-
|
|
2109
1687
|
/**
|
|
2110
1688
|
* The GridColumn is a layout component that can display children in a grid
|
|
2111
1689
|
* with custom display properties. It also comes with a responsive design,
|
|
@@ -2593,7 +2171,7 @@ interface LinkProps extends GenericProps, Omit<LinkProps$1, 'label'> {
|
|
|
2593
2171
|
* @param ref Component ref.
|
|
2594
2172
|
* @return React element.
|
|
2595
2173
|
*/
|
|
2596
|
-
declare const Link: Comp<LinkProps,
|
|
2174
|
+
declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
|
|
2597
2175
|
|
|
2598
2176
|
/**
|
|
2599
2177
|
* Defines the props of the component.
|
|
@@ -4201,5 +3779,5 @@ declare const ThemeProvider: React__default.FC<{
|
|
|
4201
3779
|
/** Get the theme in the current context. */
|
|
4202
3780
|
declare function useTheme(): ThemeContextValue;
|
|
4203
3781
|
|
|
4204
|
-
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME,
|
|
4205
|
-
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps,
|
|
3782
|
+
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, 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, 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, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
|
|
3783
|
+
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, 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 };
|