@helpwave/hightide 0.2.0 → 0.3.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 +142 -196
- package/dist/index.d.ts +142 -196
- package/dist/index.js +862 -986
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1048 -1166
- package/dist/index.mjs.map +1 -1
- package/dist/style/globals.css +441 -556
- package/dist/style/uncompiled/globals.css +0 -215
- package/dist/style/uncompiled/theme/breakpoints.css +8 -0
- package/dist/style/uncompiled/theme/colors-basic.css +2 -0
- package/dist/style/uncompiled/theme/colors-component.css +1 -77
- package/dist/style/uncompiled/theme/colors-semantic.css +24 -20
- package/dist/style/uncompiled/theme/components.css +211 -0
- package/dist/style/uncompiled/theme/index.css +4 -1
- package/dist/style/uncompiled/utitlity/animation.css +3 -3
- package/dist/style/uncompiled/utitlity/coloring.css +126 -0
- package/dist/style/uncompiled/utitlity/index.css +2 -1
- package/package.json +1 -4
- /package/dist/style/uncompiled/{typography.css → theme/typography.css} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -4,20 +4,6 @@ import React__default, { HTMLAttributes, ButtonHTMLAttributes, ReactNode, PropsW
|
|
|
4
4
|
import { Column, RowData, FilterFn, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowSelectionState, SortDirection } from '@tanstack/react-table';
|
|
5
5
|
import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
|
|
6
6
|
|
|
7
|
-
declare const shadingColorValues: readonly [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000];
|
|
8
|
-
type ColorShadingValue = typeof shadingColorValues[number];
|
|
9
|
-
type ShadedColors = Record<ColorShadingValue, string>;
|
|
10
|
-
type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border';
|
|
11
|
-
type ColorMode = 'light' | 'dark';
|
|
12
|
-
type Coloring = {
|
|
13
|
-
color: '';
|
|
14
|
-
style?: ColoringStyle;
|
|
15
|
-
mode?: ColorMode;
|
|
16
|
-
hover?: boolean;
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
declare const generateShadingColors: (partialShading: Omit<Partial<ShadedColors>, "0" | "1000">) => ShadedColors;
|
|
20
|
-
|
|
21
7
|
type Size = 'sm' | 'md' | 'lg';
|
|
22
8
|
type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
|
|
23
9
|
size?: Size;
|
|
@@ -81,7 +67,7 @@ type YearMonthPickerProps = {
|
|
|
81
67
|
maxHeight?: number;
|
|
82
68
|
showValueOpen?: boolean;
|
|
83
69
|
};
|
|
84
|
-
declare const YearMonthPicker: ({ displayedYearMonth, start, end, onChange, className,
|
|
70
|
+
declare const YearMonthPicker: ({ displayedYearMonth, start, end, onChange, className, showValueOpen }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
|
|
85
71
|
declare const YearMonthPickerUncontrolled: ({ displayedYearMonth, onChange, ...props }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
|
|
86
72
|
|
|
87
73
|
type DisplayMode = 'yearMonth' | 'day';
|
|
@@ -126,35 +112,29 @@ type TimePickerProps = {
|
|
|
126
112
|
declare const TimePicker: ({ time, onChange, is24HourFormat, minuteIncrement, maxHeight, className }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
127
113
|
declare const TimePickerUncontrolled: ({ time, onChange, ...props }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
128
114
|
|
|
129
|
-
declare const ButtonColorUtil: {
|
|
130
|
-
solid: readonly ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral"];
|
|
131
|
-
text: readonly ["primary", "negative", "neutral"];
|
|
132
|
-
outline: readonly ["primary"];
|
|
133
|
-
};
|
|
134
|
-
declare const IconButtonUtil: {
|
|
135
|
-
icon: readonly ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral", "transparent"];
|
|
136
|
-
};
|
|
137
|
-
/**
|
|
138
|
-
* The allowed colors for the SolidButton and IconButton
|
|
139
|
-
*/
|
|
140
|
-
type SolidButtonColor = typeof ButtonColorUtil.solid[number];
|
|
141
115
|
/**
|
|
142
|
-
* The
|
|
143
|
-
*/
|
|
144
|
-
type OutlineButtonColor = typeof ButtonColorUtil.outline[number];
|
|
145
|
-
/**
|
|
146
|
-
* The allowed colors for the TextButton
|
|
116
|
+
* The different sizes for a button
|
|
147
117
|
*/
|
|
148
|
-
type
|
|
118
|
+
type ButtonSize = 'tiny' | 'small' | 'medium' | 'large' | 'none';
|
|
119
|
+
type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | 'none';
|
|
120
|
+
type ButtonLayout = 'icon' | 'default' | 'none';
|
|
121
|
+
declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
|
|
149
122
|
/**
|
|
150
|
-
* The allowed colors for the
|
|
123
|
+
* The allowed colors for the Button
|
|
151
124
|
*/
|
|
152
|
-
type
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
125
|
+
type ButtonColor = typeof buttonColorsList[number];
|
|
126
|
+
declare const ButtonUtil: {
|
|
127
|
+
colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
|
|
128
|
+
colorClasses: {
|
|
129
|
+
primary: string;
|
|
130
|
+
secondary: string;
|
|
131
|
+
positive: string;
|
|
132
|
+
warning: string;
|
|
133
|
+
negative: string;
|
|
134
|
+
neutral: string;
|
|
135
|
+
none: string;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
158
138
|
/**
|
|
159
139
|
* The shard properties between all button types
|
|
160
140
|
*/
|
|
@@ -162,67 +142,32 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
162
142
|
/**
|
|
163
143
|
* @default 'medium'
|
|
164
144
|
*/
|
|
165
|
-
size?:
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
145
|
+
size?: ButtonSize;
|
|
146
|
+
layout?: ButtonLayout;
|
|
147
|
+
color?: ButtonColor;
|
|
148
|
+
/**
|
|
149
|
+
* @default 'solid'
|
|
150
|
+
*/
|
|
151
|
+
coloringStyle?: ButtonColoringStyle;
|
|
172
152
|
startIcon?: ReactNode;
|
|
173
153
|
endIcon?: ReactNode;
|
|
174
154
|
};
|
|
175
|
-
type SolidButtonProps = ButtonWithIconsProps & {
|
|
176
|
-
color?: SolidButtonColor;
|
|
177
|
-
};
|
|
178
|
-
type OutlineButtonProps = ButtonWithIconsProps & {
|
|
179
|
-
color?: OutlineButtonColor;
|
|
180
|
-
};
|
|
181
|
-
type TextButtonProps = ButtonWithIconsProps & {
|
|
182
|
-
color?: TextButtonColor;
|
|
183
|
-
coloredHoverBackground?: boolean;
|
|
184
|
-
};
|
|
185
155
|
/**
|
|
186
|
-
*
|
|
156
|
+
* A button with a solid background and different sizes
|
|
187
157
|
*/
|
|
188
|
-
|
|
158
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
189
159
|
/**
|
|
190
160
|
* @default 'medium'
|
|
191
161
|
*/
|
|
192
|
-
size?:
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
/**
|
|
196
|
-
* A button with a solid background and different sizes
|
|
197
|
-
*/
|
|
198
|
-
declare const SolidButton: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
162
|
+
size?: ButtonSize;
|
|
163
|
+
layout?: ButtonLayout;
|
|
164
|
+
color?: ButtonColor;
|
|
199
165
|
/**
|
|
200
|
-
* @default '
|
|
166
|
+
* @default 'solid'
|
|
201
167
|
*/
|
|
202
|
-
|
|
203
|
-
} & {
|
|
168
|
+
coloringStyle?: ButtonColoringStyle;
|
|
204
169
|
startIcon?: ReactNode;
|
|
205
170
|
endIcon?: ReactNode;
|
|
206
|
-
} & {
|
|
207
|
-
color?: SolidButtonColor;
|
|
208
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
209
|
-
/**
|
|
210
|
-
* A button with an outline border and different sizes
|
|
211
|
-
*/
|
|
212
|
-
declare const OutlineButton: ({ children, color, size, startIcon, endIcon, onClick, className, ...restProps }: OutlineButtonProps) => react_jsx_runtime.JSX.Element;
|
|
213
|
-
/**
|
|
214
|
-
* A text that is a button that can have different sizes
|
|
215
|
-
*/
|
|
216
|
-
declare const TextButton: ({ children, color, size, startIcon, endIcon, onClick, coloredHoverBackground, className, ...restProps }: TextButtonProps) => react_jsx_runtime.JSX.Element;
|
|
217
|
-
/**
|
|
218
|
-
* A button for icons with a solid background and different sizes
|
|
219
|
-
*/
|
|
220
|
-
declare const IconButton: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
221
|
-
/**
|
|
222
|
-
* @default 'medium'
|
|
223
|
-
*/
|
|
224
|
-
size?: IconButtonSize;
|
|
225
|
-
color?: IconButtonColor;
|
|
226
171
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
227
172
|
|
|
228
173
|
type DialogPosition = 'top' | 'center' | 'none';
|
|
@@ -251,7 +196,7 @@ declare const Dialog: ({ children, isOpen, titleElement, description, isModal, o
|
|
|
251
196
|
type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary';
|
|
252
197
|
type ButtonOverwriteType = {
|
|
253
198
|
text?: string;
|
|
254
|
-
color?:
|
|
199
|
+
color?: ButtonColor;
|
|
255
200
|
disabled?: boolean;
|
|
256
201
|
};
|
|
257
202
|
type ConfirmDialogProps = Omit<DialogProps, 'onClose'> & {
|
|
@@ -526,12 +471,12 @@ type CarouselProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
|
526
471
|
};
|
|
527
472
|
declare const Carousel: ({ children, animationTime, isLooping, isAutoPlaying, autoLoopingTimeOut, autoLoopAnimationTime, hintNext, arrows, dots, blurColor, heightClassName, slideClassName, slideContainerProps, onSlideChanged, ...props }: CarouselProps) => react_jsx_runtime.JSX.Element;
|
|
528
473
|
|
|
529
|
-
declare const chipColors: readonly ["
|
|
474
|
+
declare const chipColors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
|
|
530
475
|
type ChipColor = typeof chipColors[number];
|
|
531
|
-
type ChipVariant = 'normal' | 'fullyRounded';
|
|
532
|
-
type ChipSize = '
|
|
476
|
+
type ChipVariant = 'normal' | 'fullyRounded' | 'none';
|
|
477
|
+
type ChipSize = 'small' | 'medium' | 'large' | 'none';
|
|
533
478
|
declare const ChipUtil: {
|
|
534
|
-
colors: readonly ["
|
|
479
|
+
colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
|
|
535
480
|
};
|
|
536
481
|
type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
|
|
537
482
|
color?: ChipColor;
|
|
@@ -543,7 +488,7 @@ type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
|
|
|
543
488
|
/**
|
|
544
489
|
* A component for displaying a single chip
|
|
545
490
|
*/
|
|
546
|
-
declare const Chip: ({ children, trailingIcon, color, size,
|
|
491
|
+
declare const Chip: ({ children, trailingIcon, color, size, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
|
|
547
492
|
type ChipListProps = {
|
|
548
493
|
list: ChipProps[];
|
|
549
494
|
className?: string;
|
|
@@ -852,7 +797,7 @@ declare const LoadingAnimation: ({ loadingText, classname }: LoadingAnimationPro
|
|
|
852
797
|
|
|
853
798
|
type LoadingButtonProps = {
|
|
854
799
|
isLoading?: boolean;
|
|
855
|
-
} &
|
|
800
|
+
} & ButtonProps;
|
|
856
801
|
declare const LoadingButton: ({ isLoading, size, onClick, ...rest }: LoadingButtonProps) => react_jsx_runtime.JSX.Element;
|
|
857
802
|
|
|
858
803
|
type LoadingComponentProps = {
|
|
@@ -1060,6 +1005,7 @@ type TableProps<T> = {
|
|
|
1060
1005
|
fillerRow?: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1061
1006
|
initialState?: Omit<InitialTableState, 'columnSizing' | 'columnSizingInfo'>;
|
|
1062
1007
|
className?: string;
|
|
1008
|
+
tableContainerClassName?: string;
|
|
1063
1009
|
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1064
1010
|
state?: Omit<TableState, 'columnSizing' | 'columnSizingInfo'>;
|
|
1065
1011
|
tableClassName?: string;
|
|
@@ -1067,7 +1013,7 @@ type TableProps<T> = {
|
|
|
1067
1013
|
/**
|
|
1068
1014
|
* The standard table
|
|
1069
1015
|
*/
|
|
1070
|
-
declare const Table: <T>({ data, fillerRow, initialState, onRowClick, className, tableClassName, defaultColumn, state, columns, ...tableOptions }: TableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1016
|
+
declare const Table: <T>({ data, fillerRow, initialState, onRowClick, className, tableClassName, tableContainerClassName, defaultColumn, state, columns, ...tableOptions }: TableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1071
1017
|
type TableUncontrolledProps<T> = TableProps<T>;
|
|
1072
1018
|
declare const TableUncontrolled: <T>({ data, ...props }: TableUncontrolledProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1073
1019
|
type TableWithSelectionProps<T> = TableProps<T> & {
|
|
@@ -1082,14 +1028,14 @@ type TableCellProps = PropsWithChildren<{
|
|
|
1082
1028
|
}>;
|
|
1083
1029
|
declare const TableCell: ({ children, className, }: TableCellProps) => react_jsx_runtime.JSX.Element;
|
|
1084
1030
|
|
|
1085
|
-
type TableSortButtonProps =
|
|
1031
|
+
type TableSortButtonProps = ButtonProps & {
|
|
1086
1032
|
sortDirection: SortDirection | false;
|
|
1087
1033
|
invert?: boolean;
|
|
1088
1034
|
};
|
|
1089
1035
|
/**
|
|
1090
1036
|
* An Extension of the normal button that displays the sorting state right of the content
|
|
1091
1037
|
*/
|
|
1092
|
-
declare const TableSortButton: ({ sortDirection, invert, color, className, ...buttonProps }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1038
|
+
declare const TableSortButton: ({ sortDirection, invert, color, size, className, ...buttonProps }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1093
1039
|
|
|
1094
1040
|
type CheckBoxSize = 'sm' | 'md' | 'lg';
|
|
1095
1041
|
type CheckboxProps = HTMLAttributes<HTMLDivElement> & {
|
|
@@ -1216,102 +1162,6 @@ type SearchBarProps = InputProps & {
|
|
|
1216
1162
|
};
|
|
1217
1163
|
declare const SearchBar: ({ placeholder, onSearch, disableOnSearch, containerClassName, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
|
|
1218
1164
|
|
|
1219
|
-
type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
|
|
1220
|
-
/** Inside the area */
|
|
1221
|
-
value?: string;
|
|
1222
|
-
invalid?: boolean;
|
|
1223
|
-
onChangeText?: (text: string) => void;
|
|
1224
|
-
onEditCompleted?: (text: string) => void;
|
|
1225
|
-
saveDelayOptions?: UseDelayOptions;
|
|
1226
|
-
defaultStyle?: boolean;
|
|
1227
|
-
};
|
|
1228
|
-
/**
|
|
1229
|
-
* A Textarea component for inputting longer texts
|
|
1230
|
-
*
|
|
1231
|
-
* The State is managed by the parent
|
|
1232
|
-
*/
|
|
1233
|
-
declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
|
|
1234
|
-
/** Inside the area */
|
|
1235
|
-
value?: string;
|
|
1236
|
-
invalid?: boolean;
|
|
1237
|
-
onChangeText?: (text: string) => void;
|
|
1238
|
-
onEditCompleted?: (text: string) => void;
|
|
1239
|
-
saveDelayOptions?: UseDelayOptions;
|
|
1240
|
-
defaultStyle?: boolean;
|
|
1241
|
-
} & React.RefAttributes<HTMLTextAreaElement>>;
|
|
1242
|
-
/**
|
|
1243
|
-
* A Textarea component that is not controlled by its parent
|
|
1244
|
-
*/
|
|
1245
|
-
declare const TextareaUncontrolled: ({ value, onChangeText, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
1246
|
-
type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
|
|
1247
|
-
headline: ReactNode;
|
|
1248
|
-
headlineProps: Omit<LabelProps, 'children'>;
|
|
1249
|
-
containerClassName?: string;
|
|
1250
|
-
};
|
|
1251
|
-
declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
1252
|
-
|
|
1253
|
-
type Position = 'top' | 'bottom' | 'left' | 'right';
|
|
1254
|
-
type TooltipProps = PropsWithChildren<{
|
|
1255
|
-
tooltip: ReactNode;
|
|
1256
|
-
/**
|
|
1257
|
-
* Number of milliseconds until the tooltip appears
|
|
1258
|
-
*
|
|
1259
|
-
* defaults to 1000ms
|
|
1260
|
-
*/
|
|
1261
|
-
animationDelay?: number;
|
|
1262
|
-
/**
|
|
1263
|
-
* Class names of additional styling properties for the tooltip
|
|
1264
|
-
*/
|
|
1265
|
-
tooltipClassName?: string;
|
|
1266
|
-
/**
|
|
1267
|
-
* Class names of additional styling properties for the container from which the tooltip will be created
|
|
1268
|
-
*/
|
|
1269
|
-
containerClassName?: string;
|
|
1270
|
-
position?: Position;
|
|
1271
|
-
zIndex?: number;
|
|
1272
|
-
}>;
|
|
1273
|
-
/**
|
|
1274
|
-
* A Component for showing a tooltip when hovering over Content
|
|
1275
|
-
* @param tooltip The tooltip to show can be a text or any ReactNode
|
|
1276
|
-
* @param children The Content for which the tooltip should be created
|
|
1277
|
-
* @param animationDelay The delay before the tooltip appears
|
|
1278
|
-
* @param tooltipClassName Additional ClassNames for the Container of the tooltip
|
|
1279
|
-
* @param containerClassName Additional ClassNames for the Container holding the content
|
|
1280
|
-
* @param position The direction of the tooltip relative to the Container
|
|
1281
|
-
* @param zIndex The z Index of the tooltip (you may require this when stacking modal)
|
|
1282
|
-
* @constructor
|
|
1283
|
-
*/
|
|
1284
|
-
declare const Tooltip: ({ tooltip, children, animationDelay, tooltipClassName, containerClassName, position, zIndex, }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1285
|
-
|
|
1286
|
-
type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
|
|
1287
|
-
label: ReactNode;
|
|
1288
|
-
};
|
|
1289
|
-
/**
|
|
1290
|
-
* Text input component with a label inside the input that moves up when editing
|
|
1291
|
-
*
|
|
1292
|
-
* The State is managed by the parent
|
|
1293
|
-
*/
|
|
1294
|
-
declare const InsideLabelInput: React.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
|
|
1295
|
-
label: ReactNode;
|
|
1296
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
1297
|
-
declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
|
|
1298
|
-
|
|
1299
|
-
type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
|
|
1300
|
-
initialState?: 'editing' | 'display';
|
|
1301
|
-
editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
|
|
1302
|
-
};
|
|
1303
|
-
/**
|
|
1304
|
-
* A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
|
|
1305
|
-
* back to display mode on loss of focus or on enter
|
|
1306
|
-
*
|
|
1307
|
-
* The State is managed by the parent
|
|
1308
|
-
*/
|
|
1309
|
-
declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
|
|
1310
|
-
initialState?: "editing" | "display";
|
|
1311
|
-
editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
|
|
1312
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
1313
|
-
declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
|
|
1314
|
-
|
|
1315
1165
|
type SelectIconAppearance = 'left' | 'right' | 'none';
|
|
1316
1166
|
type SelectRootProps = PropsWithChildren<{
|
|
1317
1167
|
id?: string;
|
|
@@ -1411,6 +1261,100 @@ declare const MultiSelectChipDisplayUncontrolled: React__default.ForwardRefExoti
|
|
|
1411
1261
|
chipDisplayProps?: SelectChipDisplayProps;
|
|
1412
1262
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
1413
1263
|
|
|
1264
|
+
type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
|
|
1265
|
+
/** Inside the area */
|
|
1266
|
+
value?: string;
|
|
1267
|
+
invalid?: boolean;
|
|
1268
|
+
onChangeText?: (text: string) => void;
|
|
1269
|
+
onEditCompleted?: (text: string) => void;
|
|
1270
|
+
saveDelayOptions?: UseDelayOptions;
|
|
1271
|
+
defaultStyle?: boolean;
|
|
1272
|
+
};
|
|
1273
|
+
/**
|
|
1274
|
+
* A Textarea component for inputting longer texts
|
|
1275
|
+
*
|
|
1276
|
+
* The State is managed by the parent
|
|
1277
|
+
*/
|
|
1278
|
+
declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
|
|
1279
|
+
/** Inside the area */
|
|
1280
|
+
value?: string;
|
|
1281
|
+
invalid?: boolean;
|
|
1282
|
+
onChangeText?: (text: string) => void;
|
|
1283
|
+
onEditCompleted?: (text: string) => void;
|
|
1284
|
+
saveDelayOptions?: UseDelayOptions;
|
|
1285
|
+
defaultStyle?: boolean;
|
|
1286
|
+
} & React.RefAttributes<HTMLTextAreaElement>>;
|
|
1287
|
+
/**
|
|
1288
|
+
* A Textarea component that is not controlled by its parent
|
|
1289
|
+
*/
|
|
1290
|
+
declare const TextareaUncontrolled: ({ value, onChangeText, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
1291
|
+
type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
|
|
1292
|
+
headline: ReactNode;
|
|
1293
|
+
headlineProps: Omit<LabelProps, 'children'>;
|
|
1294
|
+
containerClassName?: string;
|
|
1295
|
+
};
|
|
1296
|
+
declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
1297
|
+
|
|
1298
|
+
type Position = 'top' | 'bottom' | 'left' | 'right';
|
|
1299
|
+
type TooltipProps = PropsWithChildren<{
|
|
1300
|
+
tooltip: ReactNode;
|
|
1301
|
+
/**
|
|
1302
|
+
* Number of milliseconds until the tooltip appears
|
|
1303
|
+
*
|
|
1304
|
+
* defaults to 1000ms
|
|
1305
|
+
*/
|
|
1306
|
+
animationDelay?: number;
|
|
1307
|
+
/**
|
|
1308
|
+
* Class names of additional styling properties for the tooltip
|
|
1309
|
+
*/
|
|
1310
|
+
tooltipClassName?: string;
|
|
1311
|
+
/**
|
|
1312
|
+
* Class names of additional styling properties for the container from which the tooltip will be created
|
|
1313
|
+
*/
|
|
1314
|
+
containerClassName?: string;
|
|
1315
|
+
position?: Position;
|
|
1316
|
+
}>;
|
|
1317
|
+
/**
|
|
1318
|
+
* A Component for showing a tooltip when hovering over Content
|
|
1319
|
+
* @param tooltip The tooltip to show can be a text or any ReactNode
|
|
1320
|
+
* @param children The Content for which the tooltip should be created
|
|
1321
|
+
* @param animationDelay The delay before the tooltip appears
|
|
1322
|
+
* @param tooltipClassName Additional ClassNames for the Container of the tooltip
|
|
1323
|
+
* @param containerClassName Additional ClassNames for the Container holding the content
|
|
1324
|
+
* @param position The direction of the tooltip relative to the Container
|
|
1325
|
+
* @constructor
|
|
1326
|
+
*/
|
|
1327
|
+
declare const Tooltip: ({ tooltip, children, animationDelay, tooltipClassName, containerClassName, position, }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1328
|
+
|
|
1329
|
+
type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
|
|
1330
|
+
label: ReactNode;
|
|
1331
|
+
};
|
|
1332
|
+
/**
|
|
1333
|
+
* Text input component with a label inside the input that moves up when editing
|
|
1334
|
+
*
|
|
1335
|
+
* The State is managed by the parent
|
|
1336
|
+
*/
|
|
1337
|
+
declare const InsideLabelInput: React.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
|
|
1338
|
+
label: ReactNode;
|
|
1339
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
1340
|
+
declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
|
|
1341
|
+
|
|
1342
|
+
type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
|
|
1343
|
+
initialState?: 'editing' | 'display';
|
|
1344
|
+
editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
|
|
1345
|
+
};
|
|
1346
|
+
/**
|
|
1347
|
+
* A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
|
|
1348
|
+
* back to display mode on loss of focus or on enter
|
|
1349
|
+
*
|
|
1350
|
+
* The State is managed by the parent
|
|
1351
|
+
*/
|
|
1352
|
+
declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
|
|
1353
|
+
initialState?: "editing" | "display";
|
|
1354
|
+
editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
|
|
1355
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
1356
|
+
declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
|
|
1357
|
+
|
|
1414
1358
|
type FocusTrapProps = HTMLAttributes<HTMLDivElement> & {
|
|
1415
1359
|
active?: boolean;
|
|
1416
1360
|
initialFocus?: MutableRefObject<HTMLElement>;
|
|
@@ -1593,6 +1537,8 @@ declare const useTranslatedValidators: () => {
|
|
|
1593
1537
|
selection: (value: unknown[] | undefined, length: [number | undefined, number | undefined]) => string;
|
|
1594
1538
|
};
|
|
1595
1539
|
|
|
1540
|
+
declare function useZIndexRegister(isActive: boolean): number;
|
|
1541
|
+
|
|
1596
1542
|
declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
|
|
1597
1543
|
type HightideTranslationLocales = typeof hightideTranslationLocales[number];
|
|
1598
1544
|
type HightideTranslationEntries = {
|
|
@@ -2007,4 +1953,4 @@ declare class SessionStorageService extends StorageService {
|
|
|
2007
1953
|
|
|
2008
1954
|
declare const writeToClipboard: (text: string) => Promise<void>;
|
|
2009
1955
|
|
|
2010
|
-
export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, AvatarUtil, type BagFunction, type BagFunctionOrNode, BagFunctionUtil, BreadCrumb,
|
|
1956
|
+
export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, AvatarUtil, type BagFunction, type BagFunctionOrNode, BagFunctionUtil, BreadCrumb, 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, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, type DialogPosition, type DialogProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, type Duration, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, type ExpandableProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerRowElement, type FillerRowElementProps, FloatingContainer, type FloatingContainerProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, type FormElementStateProperties, FormElementWrapper, type FormElementWrapperProps, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HightideTranslationEntries, type HightideTranslationLocales, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, Label, type LabelProps, type LabelType, 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, LoadingButton, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectChipDisplay, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectUncontrolled, type MultiSelectUncontrolledProps, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberProperty, type NumberPropertyProps, Pagination, type PaginationProps, type PopoverHorizontalAlignment, type PopoverVerticalAlignment, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, SelectChipDisplay, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, Tab, type TabContextType, type TabInfo, TabView, Table, TableCell, type TableCellProps, TableFilterButton, type TableFilterButtonProps, type TableFilterType, TableFilters, type TableProps, TableSortButton, type TableSortButtonProps, TableUncontrolled, type TableUncontrolledProps, TableWithSelection, type TableWithSelectionProps, TagIcon, type TagProps, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, ThemeContext, ThemeDialog, ThemeProvider, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipProps, Transition, type TransitionWrapperProps, type UseDelayOptions, type UseDelayOptionsResolved, type UseFloatingElementOptions, type UseFloatingElementProps, type UseFocusTrapProps, type UseSearchProps, UseValidators, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, clamp, closestMatch, createLoopingList, createLoopingListWithIndex, equalDate, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getDaysInMonth, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, match, monthsList, noop, range, resolveSetState, subtractDuration, useDelay, useFloatingElement, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useOutsideClick, useOverwritableState, usePopoverPosition, useRerender, useResizeCallbackWrapper, useSearch, useTabContext, useTheme, useTranslatedValidators, useZIndexRegister, validateEmail, weekDayList, writeToClipboard };
|