@helpwave/hightide 0.6.16 → 0.7.0
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/dist/index.d.mts +846 -718
- package/dist/index.d.ts +846 -718
- package/dist/index.js +2499 -2050
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2405 -1969
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import react__default, { HTMLAttributes, SVGProps, CSSProperties, ReactNode, PropsWithChildren, RefObject, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentProps, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes } from 'react';
|
|
4
|
-
import Link from 'next/link';
|
|
5
|
-
import { ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, PaginationState, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
|
|
6
4
|
import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
|
|
5
|
+
import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
|
|
6
|
+
import Link from 'next/link';
|
|
7
7
|
|
|
8
8
|
type Size = 'sm' | 'md' | 'lg';
|
|
9
9
|
type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
|
|
@@ -415,6 +415,8 @@ type CalculatePositionOptions = {
|
|
|
415
415
|
};
|
|
416
416
|
type UseAnchoredPositionOptions = CalculatePositionOptions & {
|
|
417
417
|
isPolling?: boolean;
|
|
418
|
+
isReactingToResize?: boolean;
|
|
419
|
+
isReactingToScroll?: boolean;
|
|
418
420
|
pollingInterval?: number;
|
|
419
421
|
};
|
|
420
422
|
type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
|
|
@@ -423,12 +425,13 @@ type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
|
|
|
423
425
|
window?: RefObject<HTMLElement>;
|
|
424
426
|
active?: boolean;
|
|
425
427
|
};
|
|
426
|
-
declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
|
|
428
|
+
declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, isReactingToResize, isReactingToScroll, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
|
|
427
429
|
|
|
428
430
|
type BackgroundOverlayProps = HTMLAttributes<HTMLDivElement>;
|
|
429
431
|
interface AnchoredFloatingContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
430
432
|
anchor?: RefObject<HTMLElement>;
|
|
431
433
|
options?: UseAnchoredPositionOptions;
|
|
434
|
+
active?: boolean;
|
|
432
435
|
}
|
|
433
436
|
declare const AnchoredFloatingContainer: react.ForwardRefExoticComponent<AnchoredFloatingContainerProps & react.RefAttributes<HTMLDivElement>>;
|
|
434
437
|
|
|
@@ -480,6 +483,7 @@ type DrawerProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
480
483
|
containerClassName?: string;
|
|
481
484
|
backgroundClassName?: string;
|
|
482
485
|
onClose: () => void;
|
|
486
|
+
forceMount?: boolean;
|
|
483
487
|
};
|
|
484
488
|
declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
485
489
|
isOpen: boolean;
|
|
@@ -490,6 +494,7 @@ declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElem
|
|
|
490
494
|
containerClassName?: string;
|
|
491
495
|
backgroundClassName?: string;
|
|
492
496
|
onClose: () => void;
|
|
497
|
+
forceMount?: boolean;
|
|
493
498
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
494
499
|
|
|
495
500
|
type ExpandableRootProps = HTMLAttributes<HTMLDivElement> & {
|
|
@@ -930,20 +935,505 @@ type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & P
|
|
|
930
935
|
*/
|
|
931
936
|
declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
|
|
932
937
|
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
938
|
+
declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
|
|
939
|
+
type HightideTranslationLocales = typeof hightideTranslationLocales[number];
|
|
940
|
+
type HightideTranslationEntries = {
|
|
941
|
+
'add': string;
|
|
942
|
+
'after': string;
|
|
943
|
+
'age': string;
|
|
944
|
+
'all': string;
|
|
945
|
+
'apply': string;
|
|
946
|
+
'back': string;
|
|
947
|
+
'before': string;
|
|
948
|
+
'between': string;
|
|
949
|
+
'cancel': string;
|
|
950
|
+
'carousel': string;
|
|
951
|
+
'caseSensitive': string;
|
|
952
|
+
'change': string;
|
|
953
|
+
'changeColumnDisplay': string;
|
|
954
|
+
'changePinning': string;
|
|
955
|
+
'changeSelection': string;
|
|
956
|
+
'changeVisibility': string;
|
|
957
|
+
'chooseLanguage': string;
|
|
958
|
+
'chooseSlide': string;
|
|
959
|
+
'chooseTheme': string;
|
|
960
|
+
'clear': string;
|
|
961
|
+
'clearValue': string;
|
|
962
|
+
'click': string;
|
|
963
|
+
'clickToCopy': string;
|
|
964
|
+
'clickToSelect': string;
|
|
965
|
+
'close': string;
|
|
966
|
+
'closeDialog': string;
|
|
967
|
+
'columnPicker': string;
|
|
968
|
+
'columnPickerDescription': string;
|
|
969
|
+
'columns': string;
|
|
970
|
+
'confirm': string;
|
|
971
|
+
'contains': string;
|
|
972
|
+
'copied': string;
|
|
973
|
+
'copy': string;
|
|
974
|
+
'create': string;
|
|
975
|
+
'date': string;
|
|
976
|
+
'decline': string;
|
|
977
|
+
'decreaseSortingPriority': string;
|
|
978
|
+
'delete': string;
|
|
979
|
+
'discard': string;
|
|
980
|
+
'discardChanges': string;
|
|
981
|
+
'done': string;
|
|
982
|
+
'edit': string;
|
|
983
|
+
'endDate': string;
|
|
984
|
+
'endsWith': string;
|
|
985
|
+
'enterText': string;
|
|
986
|
+
'entriesPerPage': string;
|
|
987
|
+
'entryDate': string;
|
|
988
|
+
'equals': string;
|
|
989
|
+
'error': string;
|
|
990
|
+
'errorOccurred': string;
|
|
991
|
+
'exit': string;
|
|
992
|
+
'fieldRequiredError': string;
|
|
993
|
+
'filter': string;
|
|
994
|
+
'filterNonWhitespace': string;
|
|
995
|
+
'filterNotUndefined': string;
|
|
996
|
+
'filterUndefined': string;
|
|
997
|
+
'first': string;
|
|
998
|
+
'goodToSeeYou': string;
|
|
999
|
+
'greaterThan': string;
|
|
1000
|
+
'greaterThanOrEqual': string;
|
|
1001
|
+
'hideColumn': string;
|
|
1002
|
+
'identifier': string;
|
|
1003
|
+
'increaseSortingPriority': string;
|
|
1004
|
+
'invalidEmail': string;
|
|
1005
|
+
'invalidEmailError': string;
|
|
1006
|
+
'isFalse': string;
|
|
1007
|
+
'isTrue': string;
|
|
1008
|
+
'language': string;
|
|
1009
|
+
'last': string;
|
|
1010
|
+
'less': string;
|
|
1011
|
+
'lessThan': string;
|
|
1012
|
+
'lessThanOrEqual': string;
|
|
1013
|
+
'loading': string;
|
|
1014
|
+
'locale': string;
|
|
1015
|
+
'max': string;
|
|
1016
|
+
'maxLengthError': string;
|
|
1017
|
+
'min': string;
|
|
1018
|
+
'minLengthError': string;
|
|
1019
|
+
'more': string;
|
|
1020
|
+
'moveDown': string;
|
|
1021
|
+
'moveUp': string;
|
|
1022
|
+
'name': string;
|
|
1023
|
+
'next': string;
|
|
1024
|
+
'no': string;
|
|
1025
|
+
'none': string;
|
|
1026
|
+
'noParameterRequired': string;
|
|
1027
|
+
'notBetween': string;
|
|
1028
|
+
'notContains': string;
|
|
1029
|
+
'notEmpty': string;
|
|
1030
|
+
'notEquals': string;
|
|
1031
|
+
'nothingFound': string;
|
|
1032
|
+
'of': string;
|
|
1033
|
+
'onOrAfter': string;
|
|
1034
|
+
'onOrBefore': string;
|
|
1035
|
+
'optional': string;
|
|
1036
|
+
'outOfRangeNumber': (values: {
|
|
1037
|
+
min: number;
|
|
1038
|
+
max: number;
|
|
1039
|
+
}) => string;
|
|
1040
|
+
'outOfRangeSelectionItems': (values: {
|
|
1041
|
+
min: number;
|
|
1042
|
+
max: number;
|
|
1043
|
+
}) => string;
|
|
1044
|
+
'outOfRangeString': (values: {
|
|
1045
|
+
min: number;
|
|
1046
|
+
max: number;
|
|
1047
|
+
}) => string;
|
|
1048
|
+
'parameter': string;
|
|
1049
|
+
'pinLeft': string;
|
|
1050
|
+
'pinned': string;
|
|
1051
|
+
'pinRight': string;
|
|
1052
|
+
'pinToLeft': string;
|
|
1053
|
+
'pinToRight': string;
|
|
1054
|
+
'pleaseWait': string;
|
|
1055
|
+
'previous': string;
|
|
1056
|
+
'pThemes': (values: {
|
|
1057
|
+
count: number;
|
|
1058
|
+
}) => string;
|
|
1059
|
+
'remove': string;
|
|
1060
|
+
'removeProperty': string;
|
|
1061
|
+
'required': string;
|
|
1062
|
+
'reset': string;
|
|
1063
|
+
'rSortingOrderAfter': (values: {
|
|
1064
|
+
otherSortings: number;
|
|
1065
|
+
}) => string;
|
|
1066
|
+
'save': string;
|
|
1067
|
+
'saved': string;
|
|
1068
|
+
'sDateTimeSelect': (values: {
|
|
1069
|
+
datetimeMode: string;
|
|
1070
|
+
}) => string;
|
|
1071
|
+
'search': string;
|
|
1072
|
+
'select': string;
|
|
1073
|
+
'selection': string;
|
|
1074
|
+
'selectOption': string;
|
|
1075
|
+
'sGender': (values: {
|
|
1076
|
+
gender: string;
|
|
1077
|
+
}) => string;
|
|
1078
|
+
'show': string;
|
|
1079
|
+
'showColumn': string;
|
|
1080
|
+
'showLess': string;
|
|
1081
|
+
'showMore': string;
|
|
1082
|
+
'showSlide': (values: {
|
|
1083
|
+
index: number;
|
|
1084
|
+
}) => string;
|
|
1085
|
+
'slide': string;
|
|
1086
|
+
'slideNavigation': string;
|
|
1087
|
+
'slideOf': (values: {
|
|
1088
|
+
index: number;
|
|
1089
|
+
length: number;
|
|
1090
|
+
}) => string;
|
|
1091
|
+
'sorting': string;
|
|
1092
|
+
'sSortingState': (values: {
|
|
1093
|
+
sortDirection: string;
|
|
1094
|
+
}) => string;
|
|
1095
|
+
'startDate': string;
|
|
1096
|
+
'startsWith': string;
|
|
1097
|
+
'sThemeMode': (values: {
|
|
1098
|
+
theme: string;
|
|
1099
|
+
}) => string;
|
|
1100
|
+
'street': string;
|
|
1101
|
+
'submit': string;
|
|
1102
|
+
'success': string;
|
|
1103
|
+
'tag': string;
|
|
1104
|
+
'tags': string;
|
|
1105
|
+
'text': string;
|
|
1106
|
+
'time.ago': string;
|
|
1107
|
+
'time.agoDays': (values: {
|
|
1108
|
+
days: number;
|
|
1109
|
+
}) => string;
|
|
1110
|
+
'time.april': string;
|
|
1111
|
+
'time.august': string;
|
|
1112
|
+
'time.century': (values: {
|
|
1113
|
+
count: number;
|
|
1114
|
+
}) => string;
|
|
1115
|
+
'time.day': (values: {
|
|
1116
|
+
count: number;
|
|
1117
|
+
}) => string;
|
|
1118
|
+
'time.decade': (values: {
|
|
1119
|
+
count: number;
|
|
1120
|
+
}) => string;
|
|
1121
|
+
'time.december': string;
|
|
1122
|
+
'time.february': string;
|
|
1123
|
+
'time.hour': (values: {
|
|
1124
|
+
count: number;
|
|
1125
|
+
}) => string;
|
|
1126
|
+
'time.in': string;
|
|
1127
|
+
'time.inDays': (values: {
|
|
1128
|
+
days: number;
|
|
1129
|
+
}) => string;
|
|
1130
|
+
'time.january': string;
|
|
1131
|
+
'time.july': string;
|
|
1132
|
+
'time.june': string;
|
|
1133
|
+
'time.march': string;
|
|
1134
|
+
'time.may': string;
|
|
1135
|
+
'time.microsecond': (values: {
|
|
1136
|
+
count: number;
|
|
1137
|
+
}) => string;
|
|
1138
|
+
'time.millisecond': (values: {
|
|
1139
|
+
count: number;
|
|
1140
|
+
}) => string;
|
|
1141
|
+
'time.minute': (values: {
|
|
1142
|
+
count: number;
|
|
1143
|
+
}) => string;
|
|
1144
|
+
'time.month': (values: {
|
|
1145
|
+
count: number;
|
|
1146
|
+
}) => string;
|
|
1147
|
+
'time.nanosecond': (values: {
|
|
1148
|
+
count: number;
|
|
1149
|
+
}) => string;
|
|
1150
|
+
'time.november': string;
|
|
1151
|
+
'time.october': string;
|
|
1152
|
+
'time.second': (values: {
|
|
1153
|
+
count: number;
|
|
1154
|
+
}) => string;
|
|
1155
|
+
'time.september': string;
|
|
1156
|
+
'time.sMonthName': (values: {
|
|
1157
|
+
month: string;
|
|
1158
|
+
}) => string;
|
|
1159
|
+
'time.today': string;
|
|
1160
|
+
'time.tomorrow': string;
|
|
1161
|
+
'time.year': (values: {
|
|
1162
|
+
count: number;
|
|
1163
|
+
}) => string;
|
|
1164
|
+
'time.yesterday': string;
|
|
1165
|
+
'tooFewSelectionItems': (values: {
|
|
1166
|
+
min: number;
|
|
1167
|
+
}) => string;
|
|
1168
|
+
'tooLong': (values: {
|
|
1169
|
+
max: number;
|
|
1170
|
+
}) => string;
|
|
1171
|
+
'tooManySelectionItems': (values: {
|
|
1172
|
+
max: number;
|
|
1173
|
+
}) => string;
|
|
1174
|
+
'tooShort': (values: {
|
|
1175
|
+
min: number;
|
|
1176
|
+
}) => string;
|
|
1177
|
+
'unpin': string;
|
|
1178
|
+
'unsavedChanges': string;
|
|
1179
|
+
'unsavedChangesSaveQuestion': string;
|
|
1180
|
+
'update': string;
|
|
1181
|
+
'value': string;
|
|
1182
|
+
'welcome': string;
|
|
1183
|
+
'yes': string;
|
|
936
1184
|
};
|
|
937
|
-
|
|
938
|
-
* A Dialog for selecting the Theme
|
|
939
|
-
*
|
|
940
|
-
* The State of open needs to be managed by the parent
|
|
941
|
-
*/
|
|
942
|
-
declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
|
|
1185
|
+
declare const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>>;
|
|
943
1186
|
|
|
944
|
-
type
|
|
945
|
-
|
|
946
|
-
|
|
1187
|
+
type DeepPartial<T> = T extends string | number | boolean | bigint | symbol | null | undefined | Function ? T : T extends Array<infer U> ? Array<DeepPartial<U>> : T extends Map<infer K, infer V> ? Map<DeepPartial<K>, DeepPartial<V>> : T extends Set<infer U> ? Set<DeepPartial<U>> : T extends object ? {
|
|
1188
|
+
[P in keyof T]?: DeepPartial<T[P]>;
|
|
1189
|
+
} : T;
|
|
1190
|
+
type SuperSet<T, Base> = Base extends T ? T : never;
|
|
1191
|
+
type SingleOrArray<T> = T | T[];
|
|
1192
|
+
type Exact<T, U extends T> = U;
|
|
1193
|
+
|
|
1194
|
+
type TooltipConfig = {
|
|
1195
|
+
/**
|
|
1196
|
+
* Number of milliseconds until the tooltip appears
|
|
1197
|
+
*/
|
|
1198
|
+
appearDelay: number;
|
|
1199
|
+
isAnimated: boolean;
|
|
1200
|
+
};
|
|
1201
|
+
type ThemeConfig = {
|
|
1202
|
+
/**
|
|
1203
|
+
* The initial theme to show when:
|
|
1204
|
+
* 1. The system preference is not or cannot be loaded
|
|
1205
|
+
* 2. The user has not set an app preference
|
|
1206
|
+
*/
|
|
1207
|
+
initialTheme: ResolvedTheme;
|
|
1208
|
+
};
|
|
1209
|
+
type LocalizationConfig = {
|
|
1210
|
+
/**
|
|
1211
|
+
* The initial locale to use when:
|
|
1212
|
+
* 1. The system preference is not or cannot be loaded
|
|
1213
|
+
* 2. The user has not set an app preference
|
|
1214
|
+
*/
|
|
1215
|
+
defaultLocale: HightideTranslationLocales;
|
|
1216
|
+
};
|
|
1217
|
+
type HightideConfig = {
|
|
1218
|
+
tooltip: TooltipConfig;
|
|
1219
|
+
theme: ThemeConfig;
|
|
1220
|
+
locale: LocalizationConfig;
|
|
1221
|
+
};
|
|
1222
|
+
type ConfigType = {
|
|
1223
|
+
config: HightideConfig;
|
|
1224
|
+
setConfig: (configOverwrite: DeepPartial<HightideConfig>) => void;
|
|
1225
|
+
};
|
|
1226
|
+
declare const HightideConfigContext: react.Context<ConfigType>;
|
|
1227
|
+
type HightideConfigProviderProps = PropsWithChildren & DeepPartial<HightideConfig>;
|
|
1228
|
+
declare const HightideConfigProvider: ({ children, ...initialOverwrite }: HightideConfigProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1229
|
+
declare const useHightideConfig: () => ConfigType;
|
|
1230
|
+
|
|
1231
|
+
declare const themes: readonly ["light", "dark", "system"];
|
|
1232
|
+
type ThemeType = typeof themes[number];
|
|
1233
|
+
type ResolvedTheme = Exclude<ThemeType, 'system'>;
|
|
1234
|
+
declare const ThemeUtil: {
|
|
1235
|
+
themes: readonly ["light", "dark", "system"];
|
|
1236
|
+
};
|
|
1237
|
+
type ThemeContextType = {
|
|
1238
|
+
theme: ThemeType;
|
|
1239
|
+
resolvedTheme: ResolvedTheme;
|
|
1240
|
+
setTheme: Dispatch<SetStateAction<ThemeType>>;
|
|
1241
|
+
};
|
|
1242
|
+
declare const ThemeContext: react.Context<ThemeContextType>;
|
|
1243
|
+
type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
|
|
1244
|
+
/**
|
|
1245
|
+
* Only set this if you want to control the theme yourself
|
|
1246
|
+
*/
|
|
1247
|
+
theme?: ThemeType;
|
|
1248
|
+
};
|
|
1249
|
+
declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1250
|
+
declare const useTheme: () => ThemeContextType;
|
|
1251
|
+
|
|
1252
|
+
type RegisteredOption = {
|
|
1253
|
+
value: string;
|
|
1254
|
+
label: ReactNode;
|
|
1255
|
+
disabled: boolean;
|
|
1256
|
+
ref: React.RefObject<HTMLLIElement>;
|
|
1257
|
+
};
|
|
1258
|
+
type HighlightStartPositionBehavior = 'first' | 'last';
|
|
1259
|
+
type SelectIconAppearance = 'left' | 'right' | 'none';
|
|
1260
|
+
type InternalSelectContextState = {
|
|
1261
|
+
isOpen: boolean;
|
|
1262
|
+
options: RegisteredOption[];
|
|
1263
|
+
highlightedValue?: string;
|
|
1264
|
+
};
|
|
1265
|
+
type SelectContextIds = {
|
|
1266
|
+
trigger: string;
|
|
1267
|
+
content: string;
|
|
1268
|
+
};
|
|
1269
|
+
type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
|
|
1270
|
+
value: string[];
|
|
1271
|
+
selectedOptions: RegisteredOption[];
|
|
1272
|
+
};
|
|
1273
|
+
type SelectConfiguration = {
|
|
1274
|
+
isMultiSelect: boolean;
|
|
1275
|
+
iconAppearance: SelectIconAppearance;
|
|
1276
|
+
};
|
|
1277
|
+
type ToggleOpenOptions = {
|
|
1278
|
+
highlightStartPositionBehavior?: HighlightStartPositionBehavior;
|
|
1279
|
+
};
|
|
1280
|
+
type SelectContextType = {
|
|
1281
|
+
ids: SelectContextIds;
|
|
1282
|
+
setIds: Dispatch<SetStateAction<SelectContextIds>>;
|
|
1283
|
+
state: SelectContextState;
|
|
1284
|
+
config: SelectConfiguration;
|
|
1285
|
+
item: {
|
|
1286
|
+
register: (item: RegisteredOption) => void;
|
|
1287
|
+
unregister: (value: string) => void;
|
|
1288
|
+
toggleSelection: (value: string, isSelected?: boolean) => void;
|
|
1289
|
+
highlightItem: (value: string) => void;
|
|
1290
|
+
moveHighlightedIndex: (delta: number) => void;
|
|
1291
|
+
};
|
|
1292
|
+
trigger: {
|
|
1293
|
+
ref: React.RefObject<HTMLElement>;
|
|
1294
|
+
register: (element: React.RefObject<HTMLElement>) => void;
|
|
1295
|
+
unregister: () => void;
|
|
1296
|
+
toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
|
|
1297
|
+
};
|
|
1298
|
+
};
|
|
1299
|
+
declare const SelectContext: react.Context<SelectContextType>;
|
|
1300
|
+
declare function useSelectContext(): SelectContextType;
|
|
1301
|
+
type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
|
|
1302
|
+
id?: string;
|
|
1303
|
+
initialIsOpen?: boolean;
|
|
1304
|
+
iconAppearance?: SelectIconAppearance;
|
|
1305
|
+
onClose?: () => void;
|
|
1306
|
+
};
|
|
1307
|
+
type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>>;
|
|
1308
|
+
declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1309
|
+
type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>>;
|
|
1310
|
+
declare const MultiSelectRoot: ({ value, onValueChange, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1311
|
+
|
|
1312
|
+
type UseFocusTrapProps = {
|
|
1313
|
+
container: RefObject<HTMLElement>;
|
|
1314
|
+
active: boolean;
|
|
1315
|
+
initialFocus?: RefObject<HTMLElement>;
|
|
1316
|
+
/**
|
|
1317
|
+
* Whether to focus the first element when the initialFocus isn't provided
|
|
1318
|
+
*
|
|
1319
|
+
* Focuses the container instead
|
|
1320
|
+
*/
|
|
1321
|
+
focusFirst?: boolean;
|
|
1322
|
+
};
|
|
1323
|
+
declare const useFocusTrap: ({ container, active, initialFocus, focusFirst, }: UseFocusTrapProps) => void;
|
|
1324
|
+
|
|
1325
|
+
interface UseOutsideClickOptions {
|
|
1326
|
+
refs: RefObject<HTMLElement>[];
|
|
1327
|
+
active?: boolean;
|
|
1328
|
+
}
|
|
1329
|
+
interface UseOutsideClickHandlers {
|
|
1330
|
+
onOutsideClick: (event: MouseEvent | TouchEvent) => void;
|
|
1331
|
+
}
|
|
1332
|
+
interface UseOutsideClickProps extends UseOutsideClickOptions, UseOutsideClickHandlers {
|
|
1333
|
+
}
|
|
1334
|
+
declare const useOutsideClick: ({ refs, onOutsideClick, active }: UseOutsideClickProps) => void;
|
|
1335
|
+
|
|
1336
|
+
interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideClickHandlers> {
|
|
1337
|
+
isOpen?: boolean;
|
|
1338
|
+
focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
|
|
1339
|
+
outsideClickOptions?: UseOutsideClickOptions;
|
|
1340
|
+
onClose?: () => void;
|
|
1341
|
+
forceMount?: boolean;
|
|
1342
|
+
anchorExcludedFromOutsideClick?: boolean;
|
|
1343
|
+
}
|
|
1344
|
+
declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
|
|
1345
|
+
|
|
1346
|
+
type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
|
|
1347
|
+
value: string;
|
|
1348
|
+
disabled?: boolean;
|
|
1349
|
+
iconAppearance?: SelectIconAppearance;
|
|
1350
|
+
children?: ReactNode;
|
|
1351
|
+
};
|
|
1352
|
+
declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
1353
|
+
value: string;
|
|
1354
|
+
disabled?: boolean;
|
|
1355
|
+
iconAppearance?: SelectIconAppearance;
|
|
1356
|
+
children?: ReactNode;
|
|
1357
|
+
} & react.RefAttributes<HTMLLIElement>>;
|
|
1358
|
+
type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1359
|
+
placeholder?: ReactNode;
|
|
1360
|
+
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1361
|
+
};
|
|
1362
|
+
declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1363
|
+
placeholder?: ReactNode;
|
|
1364
|
+
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1365
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1366
|
+
type SelectContentProps = PopUpProps;
|
|
1367
|
+
declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
1368
|
+
type MultiSelectOptionProps = SelectOptionProps;
|
|
1369
|
+
declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
1370
|
+
value: string;
|
|
1371
|
+
disabled?: boolean;
|
|
1372
|
+
iconAppearance?: SelectIconAppearance;
|
|
1373
|
+
children?: ReactNode;
|
|
1374
|
+
} & react.RefAttributes<HTMLLIElement>>;
|
|
1375
|
+
type MultiSelectContentProps = SelectContentProps;
|
|
1376
|
+
declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
1377
|
+
type MultiSelectButtonProps = SelectButtonProps;
|
|
1378
|
+
declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1379
|
+
placeholder?: ReactNode;
|
|
1380
|
+
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1381
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1382
|
+
|
|
1383
|
+
type SelectProps = SelectRootProps & {
|
|
1384
|
+
contentPanelProps?: SelectContentProps;
|
|
1385
|
+
buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
|
|
1386
|
+
selectedDisplay?: (value: string) => ReactNode;
|
|
1387
|
+
};
|
|
1388
|
+
};
|
|
1389
|
+
declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
1390
|
+
children?: ReactNode | undefined;
|
|
1391
|
+
} & {
|
|
1392
|
+
id?: string;
|
|
1393
|
+
initialIsOpen?: boolean;
|
|
1394
|
+
iconAppearance?: SelectIconAppearance;
|
|
1395
|
+
onClose?: () => void;
|
|
1396
|
+
} & Partial<FormFieldDataHandling<string>> & {
|
|
1397
|
+
contentPanelProps?: SelectContentProps;
|
|
1398
|
+
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1399
|
+
selectedDisplay?: (value: string) => ReactNode;
|
|
1400
|
+
};
|
|
1401
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1402
|
+
type SelectUncontrolledProps = SelectProps;
|
|
1403
|
+
declare const SelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
1404
|
+
children?: ReactNode | undefined;
|
|
1405
|
+
} & {
|
|
1406
|
+
id?: string;
|
|
1407
|
+
initialIsOpen?: boolean;
|
|
1408
|
+
iconAppearance?: SelectIconAppearance;
|
|
1409
|
+
onClose?: () => void;
|
|
1410
|
+
} & Partial<FormFieldDataHandling<string>> & {
|
|
1411
|
+
contentPanelProps?: SelectContentProps;
|
|
1412
|
+
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1413
|
+
selectedDisplay?: (value: string) => ReactNode;
|
|
1414
|
+
};
|
|
1415
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1416
|
+
|
|
1417
|
+
interface ThemeIconProps extends HTMLAttributes<SVGSVGElement> {
|
|
1418
|
+
theme?: ThemeType;
|
|
1419
|
+
}
|
|
1420
|
+
declare const ThemeIcon: ({ theme: themeOverride, ...props }: ThemeIconProps) => react_jsx_runtime.JSX.Element;
|
|
1421
|
+
type ThemeSelectProps = Omit<SelectProps, 'value'>;
|
|
1422
|
+
declare const ThemeSelect: ({ ...props }: ThemeSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1423
|
+
interface ThemeDialogProps extends Omit<DialogProps, 'titleElement' | 'description'> {
|
|
1424
|
+
titleOverwrite?: ReactNode;
|
|
1425
|
+
descriptionOverwrite?: ReactNode;
|
|
1426
|
+
}
|
|
1427
|
+
/**
|
|
1428
|
+
* A Dialog for selecting the Theme
|
|
1429
|
+
*
|
|
1430
|
+
* The State of open needs to be managed by the parent
|
|
1431
|
+
*/
|
|
1432
|
+
declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
|
|
1433
|
+
|
|
1434
|
+
type ErrorComponentProps = {
|
|
1435
|
+
errorText?: string;
|
|
1436
|
+
classname?: string;
|
|
947
1437
|
};
|
|
948
1438
|
/**
|
|
949
1439
|
* The Component to show when an error occurred
|
|
@@ -1047,40 +1537,6 @@ type StepperBarProps = {
|
|
|
1047
1537
|
declare const StepperBar: ({ state, numberOfSteps, disabledSteps, onChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
|
|
1048
1538
|
declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
|
|
1049
1539
|
|
|
1050
|
-
type UseFocusTrapProps = {
|
|
1051
|
-
container: RefObject<HTMLElement>;
|
|
1052
|
-
active: boolean;
|
|
1053
|
-
initialFocus?: RefObject<HTMLElement>;
|
|
1054
|
-
/**
|
|
1055
|
-
* Whether to focus the first element when the initialFocus isn't provided
|
|
1056
|
-
*
|
|
1057
|
-
* Focuses the container instead
|
|
1058
|
-
*/
|
|
1059
|
-
focusFirst?: boolean;
|
|
1060
|
-
};
|
|
1061
|
-
declare const useFocusTrap: ({ container, active, initialFocus, focusFirst, }: UseFocusTrapProps) => void;
|
|
1062
|
-
|
|
1063
|
-
interface UseOutsideClickOptions {
|
|
1064
|
-
refs: RefObject<HTMLElement>[];
|
|
1065
|
-
active?: boolean;
|
|
1066
|
-
}
|
|
1067
|
-
interface UseOutsideClickHandlers {
|
|
1068
|
-
onOutsideClick: (event: MouseEvent | TouchEvent) => void;
|
|
1069
|
-
}
|
|
1070
|
-
interface UseOutsideClickProps extends UseOutsideClickOptions, UseOutsideClickHandlers {
|
|
1071
|
-
}
|
|
1072
|
-
declare const useOutsideClick: ({ refs, onOutsideClick, active }: UseOutsideClickProps) => void;
|
|
1073
|
-
|
|
1074
|
-
interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideClickHandlers> {
|
|
1075
|
-
isOpen?: boolean;
|
|
1076
|
-
focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
|
|
1077
|
-
outsideClickOptions?: UseOutsideClickOptions;
|
|
1078
|
-
onClose?: () => void;
|
|
1079
|
-
forceMount?: boolean;
|
|
1080
|
-
anchorExcludedFromOutsideClick?: boolean;
|
|
1081
|
-
}
|
|
1082
|
-
declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
|
|
1083
|
-
|
|
1084
1540
|
type PopUpContextType = {
|
|
1085
1541
|
isOpen: boolean;
|
|
1086
1542
|
setIsOpen: Dispatch<SetStateAction<boolean>>;
|
|
@@ -1120,6 +1576,10 @@ interface PopUpRootProps extends PropsWithChildren {
|
|
|
1120
1576
|
}
|
|
1121
1577
|
declare function PopUpRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, popUpId: popUpIdOverwrite, triggerId: triggerIdOverwrite, }: PopUpRootProps): react_jsx_runtime.JSX.Element;
|
|
1122
1578
|
|
|
1579
|
+
declare const AutoColumnOrderFeature: TableFeature;
|
|
1580
|
+
|
|
1581
|
+
declare const ColumnSizingWithTargetFeature: TableFeature;
|
|
1582
|
+
|
|
1123
1583
|
type FillerCellProps = HTMLAttributes<HTMLDivElement>;
|
|
1124
1584
|
declare const FillerCell: ({ ...props }: FillerCellProps) => react_jsx_runtime.JSX.Element;
|
|
1125
1585
|
|
|
@@ -1129,10 +1589,10 @@ type TableProviderProps<T> = {
|
|
|
1129
1589
|
children?: ReactNode;
|
|
1130
1590
|
isUsingFillerRows?: boolean;
|
|
1131
1591
|
fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1132
|
-
initialState?:
|
|
1592
|
+
initialState?: InitialTableState;
|
|
1133
1593
|
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1134
1594
|
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1135
|
-
state?: Partial<
|
|
1595
|
+
state?: Partial<TableState>;
|
|
1136
1596
|
} & Partial<TableOptions<T>>;
|
|
1137
1597
|
declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1138
1598
|
|
|
@@ -1157,17 +1617,22 @@ declare module '@tanstack/react-table' {
|
|
|
1157
1617
|
date: FilterFn<unknown>;
|
|
1158
1618
|
dateTime: FilterFn<unknown>;
|
|
1159
1619
|
boolean: FilterFn<unknown>;
|
|
1160
|
-
|
|
1161
|
-
|
|
1620
|
+
multiTags: FilterFn<unknown>;
|
|
1621
|
+
singleTag: FilterFn<unknown>;
|
|
1162
1622
|
generic: FilterFn<unknown>;
|
|
1163
1623
|
}
|
|
1624
|
+
interface TableOptions<TData extends RowData> {
|
|
1625
|
+
columnSizingTarget?: number;
|
|
1626
|
+
}
|
|
1627
|
+
interface TableOptionsResolved<TData extends RowData> {
|
|
1628
|
+
columnSizingTarget?: number;
|
|
1629
|
+
}
|
|
1164
1630
|
}
|
|
1165
1631
|
|
|
1166
1632
|
type TableHeaderProps = {
|
|
1167
|
-
table?: Table$1<unknown>;
|
|
1168
1633
|
isSticky?: boolean;
|
|
1169
1634
|
};
|
|
1170
|
-
declare const TableHeader: ({
|
|
1635
|
+
declare const TableHeader: ({ isSticky }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
1171
1636
|
|
|
1172
1637
|
interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
1173
1638
|
containerProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
@@ -1178,137 +1643,6 @@ interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
|
1178
1643
|
*/
|
|
1179
1644
|
declare const TableDisplay: <T>({ children, containerProps, tableHeaderProps, ...props }: TableDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1180
1645
|
|
|
1181
|
-
type RegisteredOption = {
|
|
1182
|
-
value: string;
|
|
1183
|
-
label: ReactNode;
|
|
1184
|
-
disabled: boolean;
|
|
1185
|
-
ref: React.RefObject<HTMLLIElement>;
|
|
1186
|
-
};
|
|
1187
|
-
type HighlightStartPositionBehavior = 'first' | 'last';
|
|
1188
|
-
type SelectIconAppearance = 'left' | 'right' | 'none';
|
|
1189
|
-
type InternalSelectContextState = {
|
|
1190
|
-
isOpen: boolean;
|
|
1191
|
-
options: RegisteredOption[];
|
|
1192
|
-
highlightedValue?: string;
|
|
1193
|
-
};
|
|
1194
|
-
type SelectContextIds = {
|
|
1195
|
-
trigger: string;
|
|
1196
|
-
content: string;
|
|
1197
|
-
};
|
|
1198
|
-
type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
|
|
1199
|
-
value: string[];
|
|
1200
|
-
selectedOptions: RegisteredOption[];
|
|
1201
|
-
};
|
|
1202
|
-
type SelectConfiguration = {
|
|
1203
|
-
isMultiSelect: boolean;
|
|
1204
|
-
iconAppearance: SelectIconAppearance;
|
|
1205
|
-
};
|
|
1206
|
-
type ToggleOpenOptions = {
|
|
1207
|
-
highlightStartPositionBehavior?: HighlightStartPositionBehavior;
|
|
1208
|
-
};
|
|
1209
|
-
type SelectContextType = {
|
|
1210
|
-
ids: SelectContextIds;
|
|
1211
|
-
setIds: Dispatch<SetStateAction<SelectContextIds>>;
|
|
1212
|
-
state: SelectContextState;
|
|
1213
|
-
config: SelectConfiguration;
|
|
1214
|
-
item: {
|
|
1215
|
-
register: (item: RegisteredOption) => void;
|
|
1216
|
-
unregister: (value: string) => void;
|
|
1217
|
-
toggleSelection: (value: string, isSelected?: boolean) => void;
|
|
1218
|
-
highlightItem: (value: string) => void;
|
|
1219
|
-
moveHighlightedIndex: (delta: number) => void;
|
|
1220
|
-
};
|
|
1221
|
-
trigger: {
|
|
1222
|
-
ref: React.RefObject<HTMLElement>;
|
|
1223
|
-
register: (element: React.RefObject<HTMLElement>) => void;
|
|
1224
|
-
unregister: () => void;
|
|
1225
|
-
toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
|
|
1226
|
-
};
|
|
1227
|
-
};
|
|
1228
|
-
declare const SelectContext: react.Context<SelectContextType>;
|
|
1229
|
-
declare function useSelectContext(): SelectContextType;
|
|
1230
|
-
type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
|
|
1231
|
-
id?: string;
|
|
1232
|
-
initialIsOpen?: boolean;
|
|
1233
|
-
iconAppearance?: SelectIconAppearance;
|
|
1234
|
-
onClose?: () => void;
|
|
1235
|
-
};
|
|
1236
|
-
type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>>;
|
|
1237
|
-
declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1238
|
-
type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>>;
|
|
1239
|
-
declare const MultiSelectRoot: ({ value, onValueChange, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1240
|
-
|
|
1241
|
-
type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
|
|
1242
|
-
value: string;
|
|
1243
|
-
disabled?: boolean;
|
|
1244
|
-
iconAppearance?: SelectIconAppearance;
|
|
1245
|
-
children?: ReactNode;
|
|
1246
|
-
};
|
|
1247
|
-
declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
1248
|
-
value: string;
|
|
1249
|
-
disabled?: boolean;
|
|
1250
|
-
iconAppearance?: SelectIconAppearance;
|
|
1251
|
-
children?: ReactNode;
|
|
1252
|
-
} & react.RefAttributes<HTMLLIElement>>;
|
|
1253
|
-
type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1254
|
-
placeholder?: ReactNode;
|
|
1255
|
-
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1256
|
-
};
|
|
1257
|
-
declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1258
|
-
placeholder?: ReactNode;
|
|
1259
|
-
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1260
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1261
|
-
type SelectContentProps = PopUpProps;
|
|
1262
|
-
declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
1263
|
-
type MultiSelectOptionProps = SelectOptionProps;
|
|
1264
|
-
declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
1265
|
-
value: string;
|
|
1266
|
-
disabled?: boolean;
|
|
1267
|
-
iconAppearance?: SelectIconAppearance;
|
|
1268
|
-
children?: ReactNode;
|
|
1269
|
-
} & react.RefAttributes<HTMLLIElement>>;
|
|
1270
|
-
type MultiSelectContentProps = SelectContentProps;
|
|
1271
|
-
declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
1272
|
-
type MultiSelectButtonProps = SelectButtonProps;
|
|
1273
|
-
declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1274
|
-
placeholder?: ReactNode;
|
|
1275
|
-
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1276
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1277
|
-
|
|
1278
|
-
type SelectProps = SelectRootProps & {
|
|
1279
|
-
contentPanelProps?: SelectContentProps;
|
|
1280
|
-
buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
|
|
1281
|
-
selectedDisplay?: (value: string) => ReactNode;
|
|
1282
|
-
};
|
|
1283
|
-
};
|
|
1284
|
-
declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
1285
|
-
children?: ReactNode | undefined;
|
|
1286
|
-
} & {
|
|
1287
|
-
id?: string;
|
|
1288
|
-
initialIsOpen?: boolean;
|
|
1289
|
-
iconAppearance?: SelectIconAppearance;
|
|
1290
|
-
onClose?: () => void;
|
|
1291
|
-
} & Partial<FormFieldDataHandling<string>> & {
|
|
1292
|
-
contentPanelProps?: SelectContentProps;
|
|
1293
|
-
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1294
|
-
selectedDisplay?: (value: string) => ReactNode;
|
|
1295
|
-
};
|
|
1296
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1297
|
-
type SelectUncontrolledProps = SelectProps;
|
|
1298
|
-
declare const SelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
1299
|
-
children?: ReactNode | undefined;
|
|
1300
|
-
} & {
|
|
1301
|
-
id?: string;
|
|
1302
|
-
initialIsOpen?: boolean;
|
|
1303
|
-
iconAppearance?: SelectIconAppearance;
|
|
1304
|
-
onClose?: () => void;
|
|
1305
|
-
} & Partial<FormFieldDataHandling<string>> & {
|
|
1306
|
-
contentPanelProps?: SelectContentProps;
|
|
1307
|
-
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1308
|
-
selectedDisplay?: (value: string) => ReactNode;
|
|
1309
|
-
};
|
|
1310
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1311
|
-
|
|
1312
1646
|
type TablePaginationMenuProps = Omit<PaginationProps, 'pageIndex' | 'pageCount'>;
|
|
1313
1647
|
declare const TablePaginationMenu: ({ ...props }: TablePaginationMenuProps) => react_jsx_runtime.JSX.Element;
|
|
1314
1648
|
interface TablePageSizeSelectProps extends SelectProps {
|
|
@@ -1362,8 +1696,8 @@ declare const TableFilterOperator: {
|
|
|
1362
1696
|
readonly date: readonly ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"];
|
|
1363
1697
|
readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
|
|
1364
1698
|
readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
|
|
1365
|
-
readonly
|
|
1366
|
-
readonly
|
|
1699
|
+
readonly multiTags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
|
|
1700
|
+
readonly singleTag: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
|
|
1367
1701
|
readonly generic: readonly ["undefined", "notUndefined"];
|
|
1368
1702
|
};
|
|
1369
1703
|
type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
|
|
@@ -1372,8 +1706,8 @@ type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGene
|
|
|
1372
1706
|
type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
|
|
1373
1707
|
type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
|
|
1374
1708
|
type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
|
|
1375
|
-
type TableTagsFilter = (typeof TableFilterOperator.
|
|
1376
|
-
type TableTagsSingleFilter = (typeof TableFilterOperator.
|
|
1709
|
+
type TableTagsFilter = (typeof TableFilterOperator.multiTags)[number] | TableGenericFilter;
|
|
1710
|
+
type TableTagsSingleFilter = (typeof TableFilterOperator.singleTag)[number] | TableGenericFilter;
|
|
1377
1711
|
type TableFilterType = TableTextFilter | TableNumberFilter | TableDateFilter | TableDatetimeFilter | TableBooleanFilter | TableTagsFilter | TableTagsSingleFilter | TableGenericFilter;
|
|
1378
1712
|
type TableFilterCategory = keyof typeof TableFilterOperator;
|
|
1379
1713
|
declare function isTableFilterCategory(value: unknown): value is TableFilterCategory;
|
|
@@ -1444,8 +1778,8 @@ declare const TableFilter: {
|
|
|
1444
1778
|
date: FilterFn<unknown>;
|
|
1445
1779
|
dateTime: FilterFn<unknown>;
|
|
1446
1780
|
boolean: FilterFn<unknown>;
|
|
1447
|
-
|
|
1448
|
-
|
|
1781
|
+
multiTags: FilterFn<unknown>;
|
|
1782
|
+
singleTag: FilterFn<unknown>;
|
|
1449
1783
|
generic: FilterFn<unknown>;
|
|
1450
1784
|
};
|
|
1451
1785
|
|
|
@@ -1461,523 +1795,244 @@ interface TableColumnSwitcherProps extends TableColumnSwitcherPopUpProps {
|
|
|
1461
1795
|
}
|
|
1462
1796
|
declare const TableColumnSwitcher: ({ buttonProps, ...props }: TableColumnSwitcherProps) => react_jsx_runtime.JSX.Element;
|
|
1463
1797
|
|
|
1464
|
-
|
|
1798
|
+
interface TableStateWithoutSizingContextType<T> extends Omit<TableState, 'columnSizing' | 'columnSizingInfo'> {
|
|
1465
1799
|
table: Table$1<T>;
|
|
1466
|
-
columns: ColumnDef<T>[];
|
|
1467
|
-
rows: Row<T>[];
|
|
1468
|
-
rowSelection: RowSelectionState;
|
|
1469
1800
|
data: T[];
|
|
1470
|
-
|
|
1801
|
+
columns: ColumnDef<T>[];
|
|
1802
|
+
rowModel: RowModel<T>;
|
|
1471
1803
|
isUsingFillerRows: boolean;
|
|
1472
1804
|
fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1473
1805
|
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1474
1806
|
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1475
|
-
}
|
|
1476
|
-
declare const
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1807
|
+
}
|
|
1808
|
+
declare const TableStateWithoutSizingContext: react.Context<TableStateWithoutSizingContextType<any>>;
|
|
1809
|
+
/**
|
|
1810
|
+
* Context for the table state without sizing
|
|
1811
|
+
*
|
|
1812
|
+
* Use this context to access the table state without sizing
|
|
1813
|
+
*
|
|
1814
|
+
* This is done to avoid re-rendering the table when the sizing changes rapidly
|
|
1815
|
+
*/
|
|
1816
|
+
declare const useTableStateWithoutSizingContext: <T>() => TableStateWithoutSizingContextType<T>;
|
|
1817
|
+
interface TableStateContextType<T> extends TableState {
|
|
1485
1818
|
table: Table$1<T>;
|
|
1819
|
+
data: T[];
|
|
1820
|
+
columns: ColumnDef<T>[];
|
|
1821
|
+
rowModel: RowModel<T>;
|
|
1822
|
+
isUsingFillerRows: boolean;
|
|
1823
|
+
fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1824
|
+
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1825
|
+
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1486
1826
|
sizeVars: Record<string, number>;
|
|
1487
|
-
}
|
|
1488
|
-
declare const
|
|
1489
|
-
|
|
1827
|
+
}
|
|
1828
|
+
declare const TableStateContext: react.Context<TableStateContextType<any>>;
|
|
1829
|
+
/**
|
|
1830
|
+
* Context for the table state
|
|
1831
|
+
*
|
|
1832
|
+
* Use this context to access the table state and only do cheap operations on it as it can be re-rendered frequently
|
|
1833
|
+
*/
|
|
1834
|
+
declare const useTableStateContext: <T>() => TableStateContextType<T>;
|
|
1490
1835
|
type TableContainerContextType<T> = {
|
|
1491
1836
|
table: Table$1<T>;
|
|
1492
1837
|
containerRef: RefObject<HTMLDivElement>;
|
|
1493
1838
|
};
|
|
1494
1839
|
declare const TableContainerContext: react.Context<TableContainerContextType<any>>;
|
|
1495
|
-
declare const useTableContainerContext: <T>() => TableContainerContextType<T>;
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
column: Column<T>;
|
|
1500
|
-
};
|
|
1501
|
-
declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1502
|
-
|
|
1503
|
-
interface TableFilterBaseProps<T extends TableFilterValue> {
|
|
1504
|
-
columnId: string;
|
|
1505
|
-
filterValue?: T | undefined;
|
|
1506
|
-
onFilterValueChange: (value: T | undefined) => void;
|
|
1507
|
-
}
|
|
1508
|
-
type OperatorLabelProps = {
|
|
1509
|
-
operator: TableFilterType;
|
|
1510
|
-
};
|
|
1511
|
-
declare const OperatorLabel: ({ operator }: OperatorLabelProps) => react_jsx_runtime.JSX.Element;
|
|
1512
|
-
type TextFilterProps = TableFilterBaseProps<TextFilterValue>;
|
|
1513
|
-
declare const TextFilter: ({ filterValue, onFilterValueChange }: TextFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1514
|
-
type NumberFilterProps = TableFilterBaseProps<NumberFilterValue>;
|
|
1515
|
-
declare const NumberFilter: ({ filterValue, onFilterValueChange }: NumberFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1516
|
-
type DateFilterProps = TableFilterBaseProps<DateFilterValue>;
|
|
1517
|
-
declare const DateFilter: ({ filterValue, onFilterValueChange }: DateFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1518
|
-
type DatetimeFilterProps = TableFilterBaseProps<DatetimeFilterValue>;
|
|
1519
|
-
declare const DatetimeFilter: ({ filterValue, onFilterValueChange }: DatetimeFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1520
|
-
type BooleanFilterProps = TableFilterBaseProps<BooleanFilterValue>;
|
|
1521
|
-
declare const BooleanFilter: ({ filterValue, onFilterValueChange }: BooleanFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1522
|
-
type TagsFilterProps = TableFilterBaseProps<TagsFilterValue>;
|
|
1523
|
-
declare const TagsFilter: ({ columnId, filterValue, onFilterValueChange }: TagsFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1524
|
-
type TagsSingleFilterProps = TableFilterBaseProps<TagsSingleFilterValue>;
|
|
1525
|
-
declare const TagsSingleFilter: ({ columnId, filterValue, onFilterValueChange }: TagsSingleFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1526
|
-
type GenericFilterProps = TableFilterBaseProps<GenericFilterValue>;
|
|
1527
|
-
declare const GenericFilter: ({ filterValue, onFilterValueChange }: GenericFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1528
|
-
interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue> {
|
|
1529
|
-
filterType: TableFilterCategory;
|
|
1530
|
-
}
|
|
1531
|
-
declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
|
|
1532
|
-
|
|
1533
|
-
type SortingIndexDisplay = {
|
|
1534
|
-
index: number;
|
|
1535
|
-
sortingsCount: number;
|
|
1536
|
-
};
|
|
1537
|
-
type TableSortButtonProps = ButtonProps & {
|
|
1538
|
-
sortDirection: SortDirection | false;
|
|
1539
|
-
sortingIndexDisplay?: SortingIndexDisplay;
|
|
1540
|
-
invert?: boolean;
|
|
1541
|
-
};
|
|
1542
|
-
/**
|
|
1543
|
-
* An Extension of the normal button that displays the sorting state right of the content
|
|
1544
|
-
*/
|
|
1545
|
-
declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1546
|
-
|
|
1547
|
-
type ColumnSizeCalculateTargetBehavoir = 'equalOrHigher';
|
|
1548
|
-
type ColumnSizeCalculateTarget = {
|
|
1549
|
-
width: number;
|
|
1550
|
-
behaviour: ColumnSizeCalculateTargetBehavoir;
|
|
1551
|
-
};
|
|
1552
|
-
type ColumnSizeCalculatoProps = {
|
|
1553
|
-
previousSizing: Record<string, number>;
|
|
1554
|
-
newSizing: Record<string, number>;
|
|
1555
|
-
columnIds: string[];
|
|
1556
|
-
target?: ColumnSizeCalculateTarget;
|
|
1557
|
-
minWidthsPerColumn: Record<string, number>;
|
|
1558
|
-
maxWidthsPerColumn?: Record<string, number>;
|
|
1559
|
-
};
|
|
1560
|
-
declare const toSizeVars: (sizing: ColumnSizingState) => {};
|
|
1561
|
-
declare const ColumnSizeUtil: {
|
|
1562
|
-
calculate: ({ previousSizing, newSizing, columnIds, target, minWidthsPerColumn, maxWidthsPerColumn }: ColumnSizeCalculatoProps) => {
|
|
1563
|
-
[x: string]: number;
|
|
1564
|
-
};
|
|
1565
|
-
toSizeVars: (sizing: ColumnSizingState) => {};
|
|
1566
|
-
};
|
|
1567
|
-
|
|
1568
|
-
type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
|
|
1569
|
-
type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
|
|
1570
|
-
indeterminate?: boolean;
|
|
1571
|
-
size?: CheckBoxSize;
|
|
1572
|
-
alwaysShowCheckIcon?: boolean;
|
|
1573
|
-
};
|
|
1574
|
-
/**
|
|
1575
|
-
* A Tristate checkbox
|
|
1576
|
-
*
|
|
1577
|
-
* The state is managed by the parent
|
|
1578
|
-
*/
|
|
1579
|
-
declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
1580
|
-
type CheckboxUncontrolledProps = CheckboxProps;
|
|
1581
|
-
/**
|
|
1582
|
-
* A Tristate checkbox
|
|
1583
|
-
*
|
|
1584
|
-
* The state is managed by this component
|
|
1585
|
-
*/
|
|
1586
|
-
declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
1587
|
-
|
|
1588
|
-
type Position$1 = 'top' | 'bottom' | 'left' | 'right';
|
|
1589
|
-
type CopyToClipboardWrapperProps = PropsWithChildren<{
|
|
1590
|
-
textToCopy: string;
|
|
1591
|
-
/**
|
|
1592
|
-
* Class names of additional styling properties for the tooltip
|
|
1593
|
-
*/
|
|
1594
|
-
tooltipClassName?: string;
|
|
1595
|
-
/**
|
|
1596
|
-
* Class names of additional styling properties for the container from which the tooltip will be created
|
|
1597
|
-
*/
|
|
1598
|
-
containerClassName?: string;
|
|
1599
|
-
position?: Position$1;
|
|
1600
|
-
zIndex?: number;
|
|
1601
|
-
}>;
|
|
1602
|
-
/**
|
|
1603
|
-
* A Component for showing a tooltip when hovering over Content
|
|
1604
|
-
* @param tooltip The tooltip to show can be a text or any ReactNode
|
|
1605
|
-
* @param children The Content for which the tooltip should be created
|
|
1606
|
-
* @param tooltipClassName Additional ClassNames for the Container of the tooltip
|
|
1607
|
-
* @param containerClassName Additional ClassNames for the Container holding the content
|
|
1608
|
-
* @param position The direction of the tooltip relative to the Container
|
|
1609
|
-
* @param zIndex The z Index of the tooltip (you may require this when stacking modal)
|
|
1610
|
-
* @constructor
|
|
1611
|
-
*/
|
|
1612
|
-
declare const CopyToClipboardWrapper: ({ children, textToCopy, tooltipClassName, containerClassName, position, zIndex, }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
|
|
1613
|
-
|
|
1614
|
-
type MenuItemProps = {
|
|
1615
|
-
onClick?: () => void;
|
|
1616
|
-
isDisabled?: boolean;
|
|
1617
|
-
className?: string;
|
|
1618
|
-
};
|
|
1619
|
-
declare const MenuItem: ({ children, onClick, isDisabled, className }: PropsWithChildren<MenuItemProps>) => react_jsx_runtime.JSX.Element;
|
|
1620
|
-
type MenuBag = {
|
|
1621
|
-
isOpen: boolean;
|
|
1622
|
-
disabled: boolean;
|
|
1623
|
-
toggleOpen: () => void;
|
|
1624
|
-
close: () => void;
|
|
1625
|
-
};
|
|
1626
|
-
interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
|
|
1627
|
-
children: (bag: MenuBag) => ReactNode | ReactNode;
|
|
1628
|
-
trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
|
|
1629
|
-
showOnHover?: boolean;
|
|
1630
|
-
disabled?: boolean;
|
|
1631
|
-
}
|
|
1632
|
-
/**
|
|
1633
|
-
* A Menu Component to allow the user to see different functions
|
|
1634
|
-
*/
|
|
1635
|
-
declare const Menu: ({ trigger, children, showOnHover, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
1636
|
-
|
|
1637
|
-
type ScrollPickerProps<T> = {
|
|
1638
|
-
options: T[];
|
|
1639
|
-
mapping: (value: T) => string;
|
|
1640
|
-
selected?: T;
|
|
1641
|
-
onChange?: (value: T) => void;
|
|
1642
|
-
disabled?: boolean;
|
|
1643
|
-
};
|
|
1644
|
-
/**
|
|
1645
|
-
* A component for picking an option by scrolling
|
|
1646
|
-
*/
|
|
1647
|
-
declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1648
|
-
|
|
1649
|
-
type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
1650
|
-
saveDelayOptions?: UseDelayOptions;
|
|
1651
|
-
};
|
|
1652
|
-
/**
|
|
1653
|
-
* A Textarea component for inputting longer texts
|
|
1654
|
-
*
|
|
1655
|
-
* The State is managed by the parent
|
|
1656
|
-
*/
|
|
1657
|
-
declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
1658
|
-
saveDelayOptions?: UseDelayOptions;
|
|
1659
|
-
} & react.RefAttributes<HTMLTextAreaElement>>;
|
|
1660
|
-
/**
|
|
1661
|
-
* A Textarea component that is not controlled by its parent
|
|
1662
|
-
*/
|
|
1663
|
-
declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
1664
|
-
type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
|
|
1665
|
-
headline: ReactNode;
|
|
1666
|
-
headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
|
|
1667
|
-
containerClassName?: string;
|
|
1668
|
-
};
|
|
1669
|
-
declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
1670
|
-
|
|
1671
|
-
declare const themes: readonly ["light", "dark", "system"];
|
|
1672
|
-
type ThemeType = typeof themes[number];
|
|
1673
|
-
type ResolvedTheme = Exclude<ThemeType, 'system'>;
|
|
1674
|
-
declare const ThemeUtil: {
|
|
1675
|
-
themes: readonly ["light", "dark", "system"];
|
|
1676
|
-
};
|
|
1677
|
-
type ThemeContextType = {
|
|
1678
|
-
theme: ThemeType;
|
|
1679
|
-
resolvedTheme: ResolvedTheme;
|
|
1680
|
-
setTheme: Dispatch<SetStateAction<ThemeType>>;
|
|
1681
|
-
};
|
|
1682
|
-
declare const ThemeContext: react.Context<ThemeContextType>;
|
|
1683
|
-
type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
|
|
1684
|
-
/**
|
|
1685
|
-
* Only set this if you want to control the theme yourself
|
|
1686
|
-
*/
|
|
1687
|
-
theme?: ThemeType;
|
|
1688
|
-
};
|
|
1689
|
-
declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1690
|
-
declare const useTheme: () => ThemeContextType;
|
|
1691
|
-
|
|
1692
|
-
declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
|
|
1693
|
-
type HightideTranslationLocales = typeof hightideTranslationLocales[number];
|
|
1694
|
-
type HightideTranslationEntries = {
|
|
1695
|
-
'add': string;
|
|
1696
|
-
'after': string;
|
|
1697
|
-
'age': string;
|
|
1698
|
-
'all': string;
|
|
1699
|
-
'apply': string;
|
|
1700
|
-
'back': string;
|
|
1701
|
-
'before': string;
|
|
1702
|
-
'between': string;
|
|
1703
|
-
'cancel': string;
|
|
1704
|
-
'carousel': string;
|
|
1705
|
-
'caseSensitive': string;
|
|
1706
|
-
'change': string;
|
|
1707
|
-
'changeColumnDisplay': string;
|
|
1708
|
-
'chooseLanguage': string;
|
|
1709
|
-
'chooseSlide': string;
|
|
1710
|
-
'chooseTheme': string;
|
|
1711
|
-
'clear': string;
|
|
1712
|
-
'clearValue': string;
|
|
1713
|
-
'click': string;
|
|
1714
|
-
'clickToCopy': string;
|
|
1715
|
-
'clickToSelect': string;
|
|
1716
|
-
'close': string;
|
|
1717
|
-
'closeDialog': string;
|
|
1718
|
-
'columnPicker': string;
|
|
1719
|
-
'columnPickerDescription': string;
|
|
1720
|
-
'columns': string;
|
|
1721
|
-
'confirm': string;
|
|
1722
|
-
'contains': string;
|
|
1723
|
-
'copied': string;
|
|
1724
|
-
'copy': string;
|
|
1725
|
-
'create': string;
|
|
1726
|
-
'date': string;
|
|
1727
|
-
'decline': string;
|
|
1728
|
-
'delete': string;
|
|
1729
|
-
'discard': string;
|
|
1730
|
-
'discardChanges': string;
|
|
1731
|
-
'done': string;
|
|
1732
|
-
'edit': string;
|
|
1733
|
-
'endDate': string;
|
|
1734
|
-
'endsWith': string;
|
|
1735
|
-
'enterText': string;
|
|
1736
|
-
'entriesPerPage': string;
|
|
1737
|
-
'entryDate': string;
|
|
1738
|
-
'equals': string;
|
|
1739
|
-
'error': string;
|
|
1740
|
-
'errorOccurred': string;
|
|
1741
|
-
'exit': string;
|
|
1742
|
-
'fieldRequiredError': string;
|
|
1743
|
-
'filter': string;
|
|
1744
|
-
'filterNonWhitespace': string;
|
|
1745
|
-
'filterNotUndefined': string;
|
|
1746
|
-
'filterUndefined': string;
|
|
1747
|
-
'first': string;
|
|
1748
|
-
'goodToSeeYou': string;
|
|
1749
|
-
'greaterThan': string;
|
|
1750
|
-
'greaterThanOrEqual': string;
|
|
1751
|
-
'hideColumn': string;
|
|
1752
|
-
'identifier': string;
|
|
1753
|
-
'invalidEmail': string;
|
|
1754
|
-
'invalidEmailError': string;
|
|
1755
|
-
'isFalse': string;
|
|
1756
|
-
'isTrue': string;
|
|
1757
|
-
'language': string;
|
|
1758
|
-
'last': string;
|
|
1759
|
-
'less': string;
|
|
1760
|
-
'lessThan': string;
|
|
1761
|
-
'lessThanOrEqual': string;
|
|
1762
|
-
'loading': string;
|
|
1763
|
-
'locale': string;
|
|
1764
|
-
'max': string;
|
|
1765
|
-
'maxLengthError': string;
|
|
1766
|
-
'min': string;
|
|
1767
|
-
'minLengthError': string;
|
|
1768
|
-
'more': string;
|
|
1769
|
-
'moveDown': string;
|
|
1770
|
-
'moveUp': string;
|
|
1771
|
-
'name': string;
|
|
1772
|
-
'next': string;
|
|
1773
|
-
'no': string;
|
|
1774
|
-
'none': string;
|
|
1775
|
-
'noParameterRequired': string;
|
|
1776
|
-
'notBetween': string;
|
|
1777
|
-
'notContains': string;
|
|
1778
|
-
'notEmpty': string;
|
|
1779
|
-
'notEquals': string;
|
|
1780
|
-
'nothingFound': string;
|
|
1781
|
-
'of': string;
|
|
1782
|
-
'onOrAfter': string;
|
|
1783
|
-
'onOrBefore': string;
|
|
1784
|
-
'optional': string;
|
|
1785
|
-
'outOfRangeNumber': (values: {
|
|
1786
|
-
min: number;
|
|
1787
|
-
max: number;
|
|
1788
|
-
}) => string;
|
|
1789
|
-
'outOfRangeSelectionItems': (values: {
|
|
1790
|
-
min: number;
|
|
1791
|
-
max: number;
|
|
1792
|
-
}) => string;
|
|
1793
|
-
'outOfRangeString': (values: {
|
|
1794
|
-
min: number;
|
|
1795
|
-
max: number;
|
|
1796
|
-
}) => string;
|
|
1797
|
-
'parameter': string;
|
|
1798
|
-
'pinLeft': string;
|
|
1799
|
-
'pinned': string;
|
|
1800
|
-
'pinRight': string;
|
|
1801
|
-
'pleaseWait': string;
|
|
1802
|
-
'previous': string;
|
|
1803
|
-
'pThemes': (values: {
|
|
1804
|
-
count: number;
|
|
1805
|
-
}) => string;
|
|
1806
|
-
'remove': string;
|
|
1807
|
-
'removeProperty': string;
|
|
1808
|
-
'required': string;
|
|
1809
|
-
'reset': string;
|
|
1810
|
-
'rSortingOrderAfter': (values: {
|
|
1811
|
-
otherSortings: number;
|
|
1812
|
-
}) => string;
|
|
1813
|
-
'save': string;
|
|
1814
|
-
'saved': string;
|
|
1815
|
-
'sDateTimeSelect': (values: {
|
|
1816
|
-
datetimeMode: string;
|
|
1817
|
-
}) => string;
|
|
1818
|
-
'search': string;
|
|
1819
|
-
'select': string;
|
|
1820
|
-
'selection': string;
|
|
1821
|
-
'selectOption': string;
|
|
1822
|
-
'sGender': (values: {
|
|
1823
|
-
gender: string;
|
|
1824
|
-
}) => string;
|
|
1825
|
-
'show': string;
|
|
1826
|
-
'showColumn': string;
|
|
1827
|
-
'showLess': string;
|
|
1828
|
-
'showMore': string;
|
|
1829
|
-
'showSlide': (values: {
|
|
1830
|
-
index: number;
|
|
1831
|
-
}) => string;
|
|
1832
|
-
'slide': string;
|
|
1833
|
-
'slideNavigation': string;
|
|
1834
|
-
'slideOf': (values: {
|
|
1835
|
-
index: number;
|
|
1836
|
-
length: number;
|
|
1837
|
-
}) => string;
|
|
1838
|
-
'sorting': string;
|
|
1839
|
-
'sSortingState': (values: {
|
|
1840
|
-
sortDirection: string;
|
|
1841
|
-
}) => string;
|
|
1842
|
-
'startDate': string;
|
|
1843
|
-
'startsWith': string;
|
|
1844
|
-
'sThemeMode': (values: {
|
|
1845
|
-
theme: string;
|
|
1846
|
-
}) => string;
|
|
1847
|
-
'street': string;
|
|
1848
|
-
'submit': string;
|
|
1849
|
-
'success': string;
|
|
1850
|
-
'tag': string;
|
|
1851
|
-
'tags': string;
|
|
1852
|
-
'text': string;
|
|
1853
|
-
'time.ago': string;
|
|
1854
|
-
'time.agoDays': (values: {
|
|
1855
|
-
days: number;
|
|
1856
|
-
}) => string;
|
|
1857
|
-
'time.april': string;
|
|
1858
|
-
'time.august': string;
|
|
1859
|
-
'time.century': (values: {
|
|
1860
|
-
count: number;
|
|
1861
|
-
}) => string;
|
|
1862
|
-
'time.day': (values: {
|
|
1863
|
-
count: number;
|
|
1864
|
-
}) => string;
|
|
1865
|
-
'time.decade': (values: {
|
|
1866
|
-
count: number;
|
|
1867
|
-
}) => string;
|
|
1868
|
-
'time.december': string;
|
|
1869
|
-
'time.february': string;
|
|
1870
|
-
'time.hour': (values: {
|
|
1871
|
-
count: number;
|
|
1872
|
-
}) => string;
|
|
1873
|
-
'time.in': string;
|
|
1874
|
-
'time.inDays': (values: {
|
|
1875
|
-
days: number;
|
|
1876
|
-
}) => string;
|
|
1877
|
-
'time.january': string;
|
|
1878
|
-
'time.july': string;
|
|
1879
|
-
'time.june': string;
|
|
1880
|
-
'time.march': string;
|
|
1881
|
-
'time.may': string;
|
|
1882
|
-
'time.microsecond': (values: {
|
|
1883
|
-
count: number;
|
|
1884
|
-
}) => string;
|
|
1885
|
-
'time.millisecond': (values: {
|
|
1886
|
-
count: number;
|
|
1887
|
-
}) => string;
|
|
1888
|
-
'time.minute': (values: {
|
|
1889
|
-
count: number;
|
|
1890
|
-
}) => string;
|
|
1891
|
-
'time.month': (values: {
|
|
1892
|
-
count: number;
|
|
1893
|
-
}) => string;
|
|
1894
|
-
'time.nanosecond': (values: {
|
|
1895
|
-
count: number;
|
|
1896
|
-
}) => string;
|
|
1897
|
-
'time.november': string;
|
|
1898
|
-
'time.october': string;
|
|
1899
|
-
'time.second': (values: {
|
|
1900
|
-
count: number;
|
|
1901
|
-
}) => string;
|
|
1902
|
-
'time.september': string;
|
|
1903
|
-
'time.sMonthName': (values: {
|
|
1904
|
-
month: string;
|
|
1905
|
-
}) => string;
|
|
1906
|
-
'time.today': string;
|
|
1907
|
-
'time.tomorrow': string;
|
|
1908
|
-
'time.year': (values: {
|
|
1909
|
-
count: number;
|
|
1910
|
-
}) => string;
|
|
1911
|
-
'time.yesterday': string;
|
|
1912
|
-
'tooFewSelectionItems': (values: {
|
|
1913
|
-
min: number;
|
|
1914
|
-
}) => string;
|
|
1915
|
-
'tooLong': (values: {
|
|
1916
|
-
max: number;
|
|
1917
|
-
}) => string;
|
|
1918
|
-
'tooManySelectionItems': (values: {
|
|
1919
|
-
max: number;
|
|
1920
|
-
}) => string;
|
|
1921
|
-
'tooShort': (values: {
|
|
1922
|
-
min: number;
|
|
1923
|
-
}) => string;
|
|
1924
|
-
'unpin': string;
|
|
1925
|
-
'unsavedChanges': string;
|
|
1926
|
-
'unsavedChangesSaveQuestion': string;
|
|
1927
|
-
'update': string;
|
|
1928
|
-
'value': string;
|
|
1929
|
-
'welcome': string;
|
|
1930
|
-
'yes': string;
|
|
1840
|
+
declare const useTableContainerContext: <T>() => TableContainerContextType<T>;
|
|
1841
|
+
type TableColumnDefinitionContextType<T> = {
|
|
1842
|
+
table: Table$1<T>;
|
|
1843
|
+
registerColumn: (column: ColumnDef<T>) => () => void;
|
|
1931
1844
|
};
|
|
1932
|
-
declare const
|
|
1845
|
+
declare const TableColumnDefinitionContext: react.Context<TableColumnDefinitionContextType<any>>;
|
|
1846
|
+
declare const useTableColumnDefinitionContext: <T>() => TableColumnDefinitionContextType<T>;
|
|
1933
1847
|
|
|
1934
|
-
type
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
type Exact<T, U extends T> = U;
|
|
1848
|
+
type TableFilterButtonProps<T = unknown> = {
|
|
1849
|
+
filterType: TableFilterCategory;
|
|
1850
|
+
column: Column<T>;
|
|
1851
|
+
};
|
|
1852
|
+
declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1940
1853
|
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1854
|
+
interface TableFilterBaseProps<T extends TableFilterValue> {
|
|
1855
|
+
columnId: string;
|
|
1856
|
+
filterValue?: T | undefined;
|
|
1857
|
+
onFilterValueChange: (value: T | undefined) => void;
|
|
1858
|
+
}
|
|
1859
|
+
type OperatorLabelProps = {
|
|
1860
|
+
operator: TableFilterType;
|
|
1947
1861
|
};
|
|
1948
|
-
|
|
1862
|
+
declare const OperatorLabel: ({ operator }: OperatorLabelProps) => react_jsx_runtime.JSX.Element;
|
|
1863
|
+
type TextFilterProps = TableFilterBaseProps<TextFilterValue>;
|
|
1864
|
+
declare const TextFilter: ({ filterValue, onFilterValueChange }: TextFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1865
|
+
type NumberFilterProps = TableFilterBaseProps<NumberFilterValue>;
|
|
1866
|
+
declare const NumberFilter: ({ filterValue, onFilterValueChange }: NumberFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1867
|
+
type DateFilterProps = TableFilterBaseProps<DateFilterValue>;
|
|
1868
|
+
declare const DateFilter: ({ filterValue, onFilterValueChange }: DateFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1869
|
+
type DatetimeFilterProps = TableFilterBaseProps<DatetimeFilterValue>;
|
|
1870
|
+
declare const DatetimeFilter: ({ filterValue, onFilterValueChange }: DatetimeFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1871
|
+
type BooleanFilterProps = TableFilterBaseProps<BooleanFilterValue>;
|
|
1872
|
+
declare const BooleanFilter: ({ filterValue, onFilterValueChange }: BooleanFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1873
|
+
type TagsFilterProps = TableFilterBaseProps<TagsFilterValue>;
|
|
1874
|
+
declare const TagsFilter: ({ columnId, filterValue, onFilterValueChange }: TagsFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1875
|
+
type TagsSingleFilterProps = TableFilterBaseProps<TagsSingleFilterValue>;
|
|
1876
|
+
declare const TagsSingleFilter: ({ columnId, filterValue, onFilterValueChange }: TagsSingleFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1877
|
+
type GenericFilterProps = TableFilterBaseProps<GenericFilterValue>;
|
|
1878
|
+
declare const GenericFilter: ({ filterValue, onFilterValueChange }: GenericFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1879
|
+
interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue> {
|
|
1880
|
+
filterType: TableFilterCategory;
|
|
1881
|
+
}
|
|
1882
|
+
declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
|
|
1883
|
+
|
|
1884
|
+
interface TooltipTriggerContextValue {
|
|
1885
|
+
ref: RefObject<HTMLElement>;
|
|
1886
|
+
callbackRef: (el: HTMLElement | null) => void;
|
|
1887
|
+
props: {
|
|
1888
|
+
'onPointerEnter': () => void;
|
|
1889
|
+
'onPointerLeave': () => void;
|
|
1890
|
+
'onPointerCancel': () => void;
|
|
1891
|
+
'onClick': () => void;
|
|
1892
|
+
'onFocus': () => void;
|
|
1893
|
+
'onBlur': () => void;
|
|
1894
|
+
'aria-describedby'?: string;
|
|
1895
|
+
};
|
|
1896
|
+
}
|
|
1897
|
+
interface TooltipContextType {
|
|
1898
|
+
tooltip: {
|
|
1899
|
+
id: string;
|
|
1900
|
+
setId: (id: string) => void;
|
|
1901
|
+
};
|
|
1902
|
+
trigger: TooltipTriggerContextValue;
|
|
1903
|
+
disabled: boolean;
|
|
1904
|
+
isShown: boolean;
|
|
1905
|
+
open: () => void;
|
|
1906
|
+
close: () => void;
|
|
1907
|
+
}
|
|
1908
|
+
declare const TooltipContext: react.Context<TooltipContextType>;
|
|
1909
|
+
declare const useTooltip: () => TooltipContextType;
|
|
1910
|
+
interface TooltipRootProps extends PropsWithChildren {
|
|
1911
|
+
isInitiallyShown?: boolean;
|
|
1912
|
+
appearDelay?: number;
|
|
1913
|
+
disabled?: boolean;
|
|
1914
|
+
}
|
|
1915
|
+
declare const TooltipRoot: ({ children, isInitiallyShown, appearDelay: appearOverwrite, disabled, }: TooltipRootProps) => react_jsx_runtime.JSX.Element;
|
|
1916
|
+
type TooltipAligment = 'top' | 'bottom' | 'left' | 'right';
|
|
1917
|
+
interface TooltipDisplayProps extends Omit<AnchoredFloatingContainerProps, 'options'>, Partial<TooltipConfig> {
|
|
1918
|
+
alignment?: TooltipAligment;
|
|
1919
|
+
disabled?: boolean;
|
|
1920
|
+
isShown?: boolean;
|
|
1921
|
+
options?: Omit<UseAnchoredPositionOptions, 'verticalAlignment' | 'horizontalAlignment'>;
|
|
1922
|
+
}
|
|
1923
|
+
declare const TooltipDisplay: react.ForwardRefExoticComponent<TooltipDisplayProps & react.RefAttributes<HTMLDivElement>>;
|
|
1924
|
+
interface TooltipTriggerBag extends TooltipTriggerContextValue {
|
|
1925
|
+
disabled: boolean;
|
|
1926
|
+
isShown: boolean;
|
|
1927
|
+
}
|
|
1928
|
+
interface TooltipTriggerProps {
|
|
1929
|
+
children: (bag: TooltipTriggerBag) => ReactNode;
|
|
1930
|
+
}
|
|
1931
|
+
declare const TooltipTrigger: ({ children, }: TooltipTriggerProps) => ReactNode;
|
|
1932
|
+
interface TooltipProps extends TooltipRootProps, Pick<TooltipDisplayProps, 'alignment' | 'disabled' | 'isAnimated'> {
|
|
1933
|
+
tooltip: ReactNode;
|
|
1934
|
+
tooltipClassName?: string;
|
|
1935
|
+
containerClassName?: string;
|
|
1936
|
+
}
|
|
1937
|
+
/**
|
|
1938
|
+
* A Component for showing a tooltip when hovering over Content
|
|
1939
|
+
*/
|
|
1940
|
+
declare const Tooltip: ({ tooltip, children, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1941
|
+
|
|
1942
|
+
/**
|
|
1943
|
+
* The different sizes for a icon button
|
|
1944
|
+
*/
|
|
1945
|
+
type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
|
|
1946
|
+
type IconButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
|
|
1947
|
+
declare const iconButtonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
|
|
1948
|
+
/**
|
|
1949
|
+
* The allowed colors for the Button
|
|
1950
|
+
*/
|
|
1951
|
+
type IconButtonColor = typeof iconButtonColorsList[number] | null;
|
|
1952
|
+
declare const IconButtonUtil: {
|
|
1953
|
+
colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
|
|
1954
|
+
};
|
|
1955
|
+
interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1949
1956
|
/**
|
|
1950
|
-
*
|
|
1951
|
-
* 1. The system preference is not or cannot be loaded
|
|
1952
|
-
* 2. The user has not set an app preference
|
|
1957
|
+
* @default 'medium'
|
|
1953
1958
|
*/
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
type LocalizationConfig = {
|
|
1959
|
+
size?: IconButtonSize;
|
|
1960
|
+
color?: IconButtonColor;
|
|
1957
1961
|
/**
|
|
1958
|
-
*
|
|
1959
|
-
* 1. The system preference is not or cannot be loaded
|
|
1960
|
-
* 2. The user has not set an app preference
|
|
1962
|
+
* @default 'solid'
|
|
1961
1963
|
*/
|
|
1962
|
-
|
|
1964
|
+
coloringStyle?: IconButtonColoringStyle;
|
|
1965
|
+
allowClickEventPropagation?: boolean;
|
|
1966
|
+
}
|
|
1967
|
+
declare const IconButtonBase: react.ForwardRefExoticComponent<IconButtonBaseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1968
|
+
interface IconButtonProps extends IconButtonBaseProps {
|
|
1969
|
+
useTooltipAsLabel?: boolean;
|
|
1970
|
+
tooltip?: ReactNode;
|
|
1971
|
+
tooltipProps?: Omit<TooltipDisplayProps, 'children' | 'isShown'>;
|
|
1972
|
+
}
|
|
1973
|
+
/**
|
|
1974
|
+
* A icon button with a tooltip
|
|
1975
|
+
*/
|
|
1976
|
+
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1977
|
+
|
|
1978
|
+
type SortingIndexDisplay = {
|
|
1979
|
+
index: number;
|
|
1980
|
+
sortingsCount: number;
|
|
1963
1981
|
};
|
|
1964
|
-
type
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1982
|
+
type TableSortButtonProps = IconButtonProps & {
|
|
1983
|
+
sortDirection: SortDirection | false;
|
|
1984
|
+
sortingIndexDisplay?: SortingIndexDisplay;
|
|
1985
|
+
invert?: boolean;
|
|
1968
1986
|
};
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1987
|
+
/**
|
|
1988
|
+
* An Extension of the normal button that displays the sorting state right of the content
|
|
1989
|
+
*/
|
|
1990
|
+
declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1991
|
+
|
|
1992
|
+
type ColumnSizeCalculateTargetBehavoir = 'equalOrHigher';
|
|
1993
|
+
type ColumnSizeCalculateTarget = {
|
|
1994
|
+
width: number;
|
|
1995
|
+
behaviour: ColumnSizeCalculateTargetBehavoir;
|
|
1972
1996
|
};
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1997
|
+
type ColumnSizeCalculatoProps = {
|
|
1998
|
+
previousSizing: Record<string, number>;
|
|
1999
|
+
newSizing: Record<string, number>;
|
|
2000
|
+
columnIds: string[];
|
|
2001
|
+
target?: ColumnSizeCalculateTarget;
|
|
2002
|
+
minWidthsPerColumn: Record<string, number>;
|
|
2003
|
+
maxWidthsPerColumn?: Record<string, number>;
|
|
2004
|
+
};
|
|
2005
|
+
declare const toSizeVars: (sizing: ColumnSizingState) => {};
|
|
2006
|
+
declare const ColumnSizeUtil: {
|
|
2007
|
+
calculate: ({ previousSizing, newSizing, columnIds, target, minWidthsPerColumn, maxWidthsPerColumn }: ColumnSizeCalculatoProps) => {
|
|
2008
|
+
[x: string]: number;
|
|
2009
|
+
};
|
|
2010
|
+
toSizeVars: (sizing: ColumnSizingState) => {};
|
|
2011
|
+
};
|
|
2012
|
+
|
|
2013
|
+
type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
|
|
2014
|
+
type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
|
|
2015
|
+
indeterminate?: boolean;
|
|
2016
|
+
size?: CheckBoxSize;
|
|
2017
|
+
alwaysShowCheckIcon?: boolean;
|
|
2018
|
+
};
|
|
2019
|
+
/**
|
|
2020
|
+
* A Tristate checkbox
|
|
2021
|
+
*
|
|
2022
|
+
* The state is managed by the parent
|
|
2023
|
+
*/
|
|
2024
|
+
declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
2025
|
+
type CheckboxUncontrolledProps = CheckboxProps;
|
|
2026
|
+
/**
|
|
2027
|
+
* A Tristate checkbox
|
|
2028
|
+
*
|
|
2029
|
+
* The state is managed by this component
|
|
2030
|
+
*/
|
|
2031
|
+
declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
1977
2032
|
|
|
1978
2033
|
type Position = 'top' | 'bottom' | 'left' | 'right';
|
|
1979
|
-
|
|
1980
|
-
|
|
2034
|
+
type CopyToClipboardWrapperProps = PropsWithChildren<{
|
|
2035
|
+
textToCopy: string;
|
|
1981
2036
|
/**
|
|
1982
2037
|
* Class names of additional styling properties for the tooltip
|
|
1983
2038
|
*/
|
|
@@ -1987,8 +2042,8 @@ interface TooltipProps extends PropsWithChildren, Partial<TooltipConfig> {
|
|
|
1987
2042
|
*/
|
|
1988
2043
|
containerClassName?: string;
|
|
1989
2044
|
position?: Position;
|
|
1990
|
-
|
|
1991
|
-
}
|
|
2045
|
+
zIndex?: number;
|
|
2046
|
+
}>;
|
|
1992
2047
|
/**
|
|
1993
2048
|
* A Component for showing a tooltip when hovering over Content
|
|
1994
2049
|
* @param tooltip The tooltip to show can be a text or any ReactNode
|
|
@@ -1996,9 +2051,67 @@ interface TooltipProps extends PropsWithChildren, Partial<TooltipConfig> {
|
|
|
1996
2051
|
* @param tooltipClassName Additional ClassNames for the Container of the tooltip
|
|
1997
2052
|
* @param containerClassName Additional ClassNames for the Container holding the content
|
|
1998
2053
|
* @param position The direction of the tooltip relative to the Container
|
|
2054
|
+
* @param zIndex The z Index of the tooltip (you may require this when stacking modal)
|
|
1999
2055
|
* @constructor
|
|
2000
2056
|
*/
|
|
2001
|
-
declare const
|
|
2057
|
+
declare const CopyToClipboardWrapper: ({ children, textToCopy, tooltipClassName, containerClassName, position, zIndex, }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
|
|
2058
|
+
|
|
2059
|
+
type MenuItemProps = {
|
|
2060
|
+
onClick?: () => void;
|
|
2061
|
+
isDisabled?: boolean;
|
|
2062
|
+
className?: string;
|
|
2063
|
+
};
|
|
2064
|
+
declare const MenuItem: ({ children, onClick, isDisabled, className }: PropsWithChildren<MenuItemProps>) => react_jsx_runtime.JSX.Element;
|
|
2065
|
+
type MenuBag = {
|
|
2066
|
+
isOpen: boolean;
|
|
2067
|
+
disabled: boolean;
|
|
2068
|
+
toggleOpen: () => void;
|
|
2069
|
+
close: () => void;
|
|
2070
|
+
};
|
|
2071
|
+
interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
|
|
2072
|
+
children: (bag: MenuBag) => ReactNode | ReactNode;
|
|
2073
|
+
trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
|
|
2074
|
+
showOnHover?: boolean;
|
|
2075
|
+
disabled?: boolean;
|
|
2076
|
+
}
|
|
2077
|
+
/**
|
|
2078
|
+
* A Menu Component to allow the user to see different functions
|
|
2079
|
+
*/
|
|
2080
|
+
declare const Menu: ({ trigger, children, showOnHover, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
2081
|
+
|
|
2082
|
+
type ScrollPickerProps<T> = {
|
|
2083
|
+
options: T[];
|
|
2084
|
+
mapping: (value: T) => string;
|
|
2085
|
+
selected?: T;
|
|
2086
|
+
onChange?: (value: T) => void;
|
|
2087
|
+
disabled?: boolean;
|
|
2088
|
+
};
|
|
2089
|
+
/**
|
|
2090
|
+
* A component for picking an option by scrolling
|
|
2091
|
+
*/
|
|
2092
|
+
declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
|
|
2093
|
+
|
|
2094
|
+
type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2095
|
+
saveDelayOptions?: UseDelayOptions;
|
|
2096
|
+
};
|
|
2097
|
+
/**
|
|
2098
|
+
* A Textarea component for inputting longer texts
|
|
2099
|
+
*
|
|
2100
|
+
* The State is managed by the parent
|
|
2101
|
+
*/
|
|
2102
|
+
declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2103
|
+
saveDelayOptions?: UseDelayOptions;
|
|
2104
|
+
} & react.RefAttributes<HTMLTextAreaElement>>;
|
|
2105
|
+
/**
|
|
2106
|
+
* A Textarea component that is not controlled by its parent
|
|
2107
|
+
*/
|
|
2108
|
+
declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
2109
|
+
type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
|
|
2110
|
+
headline: ReactNode;
|
|
2111
|
+
headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
|
|
2112
|
+
containerClassName?: string;
|
|
2113
|
+
};
|
|
2114
|
+
declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
2002
2115
|
|
|
2003
2116
|
type DurationJSON = {
|
|
2004
2117
|
years: number;
|
|
@@ -2180,7 +2293,7 @@ declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }:
|
|
|
2180
2293
|
type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
|
|
2181
2294
|
onValueChange?: (value: string) => void;
|
|
2182
2295
|
onSearch: (value: string) => void;
|
|
2183
|
-
searchButtonProps?: Omit<
|
|
2296
|
+
searchButtonProps?: Omit<IconButtonProps, 'onClick'>;
|
|
2184
2297
|
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
2185
2298
|
};
|
|
2186
2299
|
declare const SearchBar: ({ value: initialValue, onSearch, onValueChange, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -2468,20 +2581,6 @@ type UseHoverStateReturnType = {
|
|
|
2468
2581
|
*/
|
|
2469
2582
|
declare const useHoverState: (props?: Partial<UseHoverStateProps> | undefined) => UseHoverStateReturnType;
|
|
2470
2583
|
|
|
2471
|
-
type SetValue<T> = Dispatch<SetStateAction<T>>;
|
|
2472
|
-
type UseLocalStorageResult<T> = {
|
|
2473
|
-
value: T;
|
|
2474
|
-
setValue: SetValue<T>;
|
|
2475
|
-
deleteValue: () => void;
|
|
2476
|
-
};
|
|
2477
|
-
/**
|
|
2478
|
-
* @param key Key under which to save the data
|
|
2479
|
-
* @param backupValue Used if the storage is unavailable or no value is present
|
|
2480
|
-
*
|
|
2481
|
-
* The backup value will never be saved to the storage unless you explicitly
|
|
2482
|
-
*/
|
|
2483
|
-
declare const useLocalStorage: <T>(key: string, backupValue: T) => UseLocalStorageResult<T>;
|
|
2484
|
-
|
|
2485
2584
|
type OptionsResolved = {
|
|
2486
2585
|
type?: 'info' | 'error' | 'warning';
|
|
2487
2586
|
};
|
|
@@ -2551,7 +2650,21 @@ declare const useRerender: () => react.ActionDispatch<[]>;
|
|
|
2551
2650
|
*
|
|
2552
2651
|
* @param callback Called when the window resizes
|
|
2553
2652
|
*/
|
|
2554
|
-
declare const
|
|
2653
|
+
declare const useWindowResizeObserver: (onResize: () => void) => void;
|
|
2654
|
+
|
|
2655
|
+
type UseResizeObserverProps = {
|
|
2656
|
+
observedElementRef?: RefObject<Element>;
|
|
2657
|
+
onResize: () => void;
|
|
2658
|
+
isActive?: boolean;
|
|
2659
|
+
};
|
|
2660
|
+
declare function useResizeObserver({ observedElementRef, onResize, isActive }: UseResizeObserverProps): void;
|
|
2661
|
+
|
|
2662
|
+
type UseScrollObserverProps = {
|
|
2663
|
+
observedElementRef?: RefObject<HTMLElement>;
|
|
2664
|
+
onScroll: () => void;
|
|
2665
|
+
isActive?: boolean;
|
|
2666
|
+
};
|
|
2667
|
+
declare function useScrollObserver({ observedElementRef, onScroll, isActive }: UseScrollObserverProps): void;
|
|
2555
2668
|
|
|
2556
2669
|
type UseSearchProps<T> = {
|
|
2557
2670
|
list: T[];
|
|
@@ -2572,6 +2685,22 @@ declare const useSearch: <T>({ list, initialSearch, searchMapping, additionalSea
|
|
|
2572
2685
|
setSearch: react.Dispatch<react.SetStateAction<string>>;
|
|
2573
2686
|
};
|
|
2574
2687
|
|
|
2688
|
+
interface UseStorageProps<T> {
|
|
2689
|
+
key: string;
|
|
2690
|
+
defaultValue: T;
|
|
2691
|
+
storageType?: 'local' | 'session';
|
|
2692
|
+
serialize?: (value: T) => string;
|
|
2693
|
+
deserialize?: (value: string) => T;
|
|
2694
|
+
/** Whether to listen for storage events and update the value automatically. Defaults to true. */
|
|
2695
|
+
listen?: boolean;
|
|
2696
|
+
}
|
|
2697
|
+
interface UseStorageResult<T> {
|
|
2698
|
+
value: T;
|
|
2699
|
+
setValue: Dispatch<SetStateAction<T>>;
|
|
2700
|
+
deleteValue: () => void;
|
|
2701
|
+
}
|
|
2702
|
+
declare const useStorage: <T>({ key, defaultValue, storageType, serialize, deserialize, listen }: UseStorageProps<T>) => UseStorageResult<T>;
|
|
2703
|
+
|
|
2575
2704
|
type TransitionState = 'opened' | 'closed' | 'opening' | 'closing';
|
|
2576
2705
|
type UseTransitionStateResult = {
|
|
2577
2706
|
transitionState: TransitionState;
|
|
@@ -2626,6 +2755,20 @@ declare const LocalizationUtil: {
|
|
|
2626
2755
|
languagesLocalNames: Record<"de-DE" | "en-US", string>;
|
|
2627
2756
|
};
|
|
2628
2757
|
|
|
2758
|
+
type StorageSubscriber = (raw: string | null) => void;
|
|
2759
|
+
declare class StorageListener {
|
|
2760
|
+
private static instance;
|
|
2761
|
+
private localSubscriptions;
|
|
2762
|
+
private sessionSubscriptions;
|
|
2763
|
+
private initialized;
|
|
2764
|
+
private constructor();
|
|
2765
|
+
static getInstance(): StorageListener;
|
|
2766
|
+
subscribe(storage: Storage, key: string, cb: StorageSubscriber): () => void;
|
|
2767
|
+
private init;
|
|
2768
|
+
private handleEvent;
|
|
2769
|
+
private getRegistry;
|
|
2770
|
+
}
|
|
2771
|
+
|
|
2629
2772
|
declare const equalSizeGroups: <T>(array: T[], groupSize: number) => T[][];
|
|
2630
2773
|
type RangeOptions = {
|
|
2631
2774
|
/** Whether the range can be defined empty via end < start without a warning */
|
|
@@ -2859,21 +3002,6 @@ declare const SimpleSearchWithMapping: <T>(search: string, objects: T[], mapping
|
|
|
2859
3002
|
*/
|
|
2860
3003
|
declare const SimpleSearch: (search: string, objects: string[]) => string[];
|
|
2861
3004
|
|
|
2862
|
-
declare class StorageService {
|
|
2863
|
-
private storage;
|
|
2864
|
-
constructor(storage: Storage);
|
|
2865
|
-
get<T>(key: string): T | null;
|
|
2866
|
-
set<T>(key: string, value: T): void;
|
|
2867
|
-
delete(key: string): void;
|
|
2868
|
-
deleteAll(): void;
|
|
2869
|
-
}
|
|
2870
|
-
declare class LocalStorageService extends StorageService {
|
|
2871
|
-
constructor();
|
|
2872
|
-
}
|
|
2873
|
-
declare class SessionStorageService extends StorageService {
|
|
2874
|
-
constructor();
|
|
2875
|
-
}
|
|
2876
|
-
|
|
2877
3005
|
declare const writeToClipboard: (text: string) => Promise<void>;
|
|
2878
3006
|
|
|
2879
|
-
export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, TableDataContext, type TableDataContextType, type TableDateFilter, type TableDatetimeFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, TableHeaderContext, type TableHeaderContextType, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationMenuProps, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, type TableTagsFilter, type TableTagsSingleFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TagsSingleFilter, type TagsSingleFilterParameter, type TagsSingleFilterProps, type TagsSingleFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, ThemeProvider, type ThemeProviderProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, type TooltipProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, filterBoolean, filterDate, filterDatetime, filterGeneric, filterNumber, filterTags, filterTagsSingle, filterText, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeCallbackWrapper, useSearch, useSelectContext, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableDataContext, useTableHeaderContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };
|
|
3007
|
+
export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, AutoColumnOrderFeature, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ColumnSizingWithTargetFeature, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, IconButton, IconButtonBase, type IconButtonBaseProps, type IconButtonColor, type IconButtonProps, IconButtonUtil, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, StorageListener, type StorageSubscriber, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, type TableDateFilter, type TableDatetimeFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationMenuProps, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, TableStateContext, type TableStateContextType, TableStateWithoutSizingContext, type TableStateWithoutSizingContextType, type TableTagsFilter, type TableTagsSingleFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TagsSingleFilter, type TagsSingleFilterParameter, type TagsSingleFilterProps, type TagsSingleFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, type ThemeDialogProps, ThemeIcon, type ThemeIconProps, ThemeProvider, type ThemeProviderProps, ThemeSelect, type ThemeSelectProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, TooltipContext, type TooltipContextType, TooltipDisplay, type TooltipDisplayProps, type TooltipProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerBag, type TooltipTriggerContextValue, type TooltipTriggerProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseResizeObserverProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, filterBoolean, filterDate, filterDatetime, filterGeneric, filterNumber, filterTags, filterTagsSingle, filterText, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeObserver, useScrollObserver, useSearch, useSelectContext, useStorage, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableStateContext, useTableStateWithoutSizingContext, useTheme, useTooltip, useTransitionState, useTranslatedValidators, useWindowResizeObserver, validateEmail, writeToClipboard };
|