@eccenca/gui-elements 24.1.0 → 24.2.0-featuresupportprojectvariableautocompletioncmem5572.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/CHANGELOG.md +60 -0
- package/README.md +10 -7
- package/dist/cjs/cmem/markdown/Markdown.js +13 -11
- package/dist/cjs/cmem/markdown/Markdown.js.map +1 -1
- package/dist/cjs/cmem/markdown/highlightSearchWords.js +6 -1
- package/dist/cjs/cmem/markdown/highlightSearchWords.js.map +1 -1
- package/dist/cjs/common/Intent/index.js +4 -11
- package/dist/cjs/common/Intent/index.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js +37 -26
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/ExtendedCodeEditor.js +2 -2
- package/dist/cjs/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +2 -2
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/ContextOverlay/ContextMenu.js +3 -2
- package/dist/cjs/components/ContextOverlay/ContextMenu.js.map +1 -1
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js +46 -2
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/cjs/components/Form/FieldItem.js +3 -2
- package/dist/cjs/components/Form/FieldItem.js.map +1 -1
- package/dist/cjs/components/Form/FieldSet.js +3 -2
- package/dist/cjs/components/Form/FieldSet.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js +1 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +18 -14
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/Notification/Notification.js +7 -4
- package/dist/cjs/components/Notification/Notification.js.map +1 -1
- package/dist/cjs/components/OverviewItem/OverviewItemActions.js +9 -2
- package/dist/cjs/components/OverviewItem/OverviewItemActions.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js +7 -5
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +75 -7
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/cmem/markdown/Markdown.js +13 -11
- package/dist/esm/cmem/markdown/Markdown.js.map +1 -1
- package/dist/esm/cmem/markdown/highlightSearchWords.js +6 -1
- package/dist/esm/cmem/markdown/highlightSearchWords.js.map +1 -1
- package/dist/esm/common/Intent/index.js +14 -10
- package/dist/esm/common/Intent/index.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js +42 -33
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/ExtendedCodeEditor.js +2 -2
- package/dist/esm/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -1
- package/dist/esm/components/Button/Button.js +2 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/ContextOverlay/ContextMenu.js +3 -2
- package/dist/esm/components/ContextOverlay/ContextMenu.js.map +1 -1
- package/dist/esm/components/ContextOverlay/ContextOverlay.js +63 -3
- package/dist/esm/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/esm/components/Form/FieldItem.js +3 -2
- package/dist/esm/components/Form/FieldItem.js.map +1 -1
- package/dist/esm/components/Form/FieldSet.js +3 -2
- package/dist/esm/components/Form/FieldSet.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js +1 -0
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +18 -14
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/Notification/Notification.js +7 -4
- package/dist/esm/components/Notification/Notification.js.map +1 -1
- package/dist/esm/components/OverviewItem/OverviewItemActions.js +25 -2
- package/dist/esm/components/OverviewItem/OverviewItemActions.js.map +1 -1
- package/dist/esm/components/Spinner/Spinner.js +9 -5
- package/dist/esm/components/Spinner/Spinner.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +92 -8
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/types/cmem/markdown/Markdown.d.ts +8 -1
- package/dist/types/common/Intent/index.d.ts +10 -1
- package/dist/types/components/AutoSuggestion/AutoSuggestion.d.ts +5 -1
- package/dist/types/components/AutoSuggestion/ExtendedCodeEditor.d.ts +5 -1
- package/dist/types/components/Button/Button.d.ts +5 -1
- package/dist/types/components/ContextOverlay/ContextMenu.d.ts +9 -2
- package/dist/types/components/ContextOverlay/ContextOverlay.d.ts +6 -1
- package/dist/types/components/Form/FieldItem.d.ts +10 -1
- package/dist/types/components/Form/FieldSet.d.ts +10 -1
- package/dist/types/components/Icon/canonicalIconNames.d.ts +1 -0
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +12 -4
- package/dist/types/components/Notification/Notification.d.ts +10 -1
- package/dist/types/components/OverviewItem/OverviewItemActions.d.ts +13 -1
- package/dist/types/components/ProgressBar/ProgressBar.d.ts +2 -2
- package/dist/types/components/Spinner/Spinner.d.ts +8 -3
- package/dist/types/components/Structure/TitleSubsection.d.ts +7 -0
- package/dist/types/components/Table/TableContainer.d.ts +2 -2
- package/dist/types/components/Table/TableExpandRow.d.ts +1 -1
- package/dist/types/components/Table/index.d.ts +1 -0
- package/dist/types/components/Tabs/Tab.d.ts +14 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +9 -1
- package/package.json +47 -48
- package/src/cmem/markdown/Markdown.tsx +25 -14
- package/src/cmem/markdown/highlightSearchWords.test.ts +8 -2
- package/src/cmem/markdown/highlightSearchWords.ts +6 -1
- package/src/common/Intent/index.ts +6 -6
- package/src/components/AutoSuggestion/AutoSuggestion.tsx +50 -32
- package/src/components/AutoSuggestion/ExtendedCodeEditor.tsx +8 -0
- package/src/components/Button/Button.stories.tsx +10 -6
- package/src/components/Button/Button.tsx +7 -2
- package/src/components/ContextOverlay/ContextMenu.stories.tsx +1 -1
- package/src/components/ContextOverlay/ContextMenu.tsx +26 -13
- package/src/components/ContextOverlay/ContextOverlay.tsx +83 -5
- package/src/components/Form/FieldItem.tsx +14 -3
- package/src/components/Form/FieldSet.tsx +13 -2
- package/src/components/Form/Stories/FieldItem.stories.tsx +4 -0
- package/src/components/Form/Stories/FieldSet.stories.tsx +4 -0
- package/src/components/Icon/canonicalIconNames.tsx +1 -0
- package/src/components/MultiSelect/MultiSelect.tsx +27 -15
- package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx +6 -0
- package/src/components/Notification/Notification.stories.tsx +4 -0
- package/src/components/Notification/Notification.tsx +17 -4
- package/src/components/OverviewItem/OverviewItemActions.tsx +24 -1
- package/src/components/OverviewItem/stories/OverviewItemList.stories.tsx +2 -7
- package/src/components/OverviewItem/stories/OverviewItemListPerformance.tsx +174 -0
- package/src/components/OverviewItem/stories/OverviewItemPerformance.stories.tsx +19 -0
- package/src/components/Spinner/Spinner.tsx +13 -5
- package/src/components/Spinner/Stories/spinner.stories.tsx +6 -1
- package/src/components/Table/TableContainer.tsx +2 -2
- package/src/components/Table/TableExpandRow.tsx +1 -1
- package/src/components/Table/index.tsx +1 -0
- package/src/components/Tooltip/Tooltip.stories.tsx +3 -2
- package/src/components/Tooltip/Tooltip.tsx +121 -10
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import { Intent as BlueprintIntent } from "@blueprintjs/core";
|
|
2
|
+
export type IntentBlueprint = BlueprintIntent;
|
|
3
|
+
export declare const DefinitionsBlueprint: {
|
|
4
|
+
NONE: "none";
|
|
5
|
+
PRIMARY: "primary";
|
|
6
|
+
SUCCESS: "success";
|
|
7
|
+
WARNING: "warning";
|
|
8
|
+
DANGER: "danger";
|
|
9
|
+
};
|
|
10
|
+
export type IntentTypes = IntentBlueprint | "neutral" | "accent" | "info";
|
|
2
11
|
export declare const Definitions: {
|
|
3
12
|
[key: string]: IntentTypes;
|
|
4
13
|
};
|
|
@@ -116,9 +116,13 @@ export interface AutoSuggestionProps {
|
|
|
116
116
|
/** If this is enabled the value of the editor is replaced with the initialValue if it changes.
|
|
117
117
|
* FIXME: This property is a workaround for some "controlled" usages of the component via the initialValue property. */
|
|
118
118
|
reInitOnInitialValueChange?: boolean;
|
|
119
|
+
/** Optional height of the component */
|
|
120
|
+
height?: number | string;
|
|
121
|
+
/** Set read-only mode. Default: false */
|
|
122
|
+
readOnly?: boolean;
|
|
119
123
|
}
|
|
120
124
|
/**
|
|
121
125
|
* @deprecated (support already removed) use `CodeAutocompleteField` as replacement.
|
|
122
126
|
*/
|
|
123
|
-
declare const AutoSuggestion: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, mode, multiline, reInitOnInitialValueChange, }: AutoSuggestionProps) => React.JSX.Element;
|
|
127
|
+
declare const AutoSuggestion: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, mode, multiline, reInitOnInitialValueChange, height, readOnly, }: AutoSuggestionProps) => React.JSX.Element;
|
|
124
128
|
export default AutoSuggestion;
|
|
@@ -26,8 +26,12 @@ export interface ExtendedCodeEditorProps {
|
|
|
26
26
|
* Code editor props
|
|
27
27
|
*/
|
|
28
28
|
codeEditorProps?: Omit<CodeEditorProps, "defaultValue" | "setEditorView" | "onChange" | "onCursorChange" | "onFocusChange" | "onKeyDown" | "onSelection" | "onMouseDown" | "shouldHaveMinimalSetup" | "preventLineNumbers" | "mode" | "name" | "enableTab" | "additionalExtensions" | "outerDivAttributes">;
|
|
29
|
+
/** Optional height of the component */
|
|
30
|
+
height?: number | string;
|
|
31
|
+
/** Set read-only mode. Default: false */
|
|
32
|
+
readOnly?: boolean;
|
|
29
33
|
}
|
|
30
34
|
export type IEditorProps = ExtendedCodeEditorProps;
|
|
31
35
|
/** Supports single-line and multiline editing. */
|
|
32
|
-
export declare const ExtendedCodeEditor: ({ multiline, initialValue, onKeyDown, enableTab, mode, setCM, onFocusChange, onMouseDown, onChange, placeholder, onCursorChange, onSelection, codeEditorProps, }: ExtendedCodeEditorProps) => React.JSX.Element;
|
|
36
|
+
export declare const ExtendedCodeEditor: ({ multiline, initialValue, onKeyDown, enableTab, mode, setCM, onFocusChange, onMouseDown, onChange, placeholder, onCursorChange, onSelection, codeEditorProps, height, readOnly, }: ExtendedCodeEditorProps) => React.JSX.Element;
|
|
33
37
|
export default ExtendedCodeEditor;
|
|
@@ -21,18 +21,22 @@ interface AdditionalButtonProps {
|
|
|
21
21
|
elevated?: boolean;
|
|
22
22
|
/**
|
|
23
23
|
* The button is displayed with primary color scheme.
|
|
24
|
+
* @deprecated (v25) use `intent="primary"` instead.
|
|
24
25
|
*/
|
|
25
26
|
hasStatePrimary?: boolean;
|
|
26
27
|
/**
|
|
27
28
|
* The button is displayed with success (some type of green) color scheme.
|
|
29
|
+
* @deprecated (v25) use `intent="success"` instead.
|
|
28
30
|
*/
|
|
29
31
|
hasStateSuccess?: boolean;
|
|
30
32
|
/**
|
|
31
33
|
* The button is displayed with warning (some type of orange) color scheme.
|
|
34
|
+
* @deprecated (v25) use `intent="warning"` instead.
|
|
32
35
|
*/
|
|
33
36
|
hasStateWarning?: boolean;
|
|
34
37
|
/**
|
|
35
38
|
* The button is displayed with danger (some type of red) color scheme.
|
|
39
|
+
* @deprecated (v25) use `intent="danger"` instead.
|
|
36
40
|
*/
|
|
37
41
|
hasStateDanger?: boolean;
|
|
38
42
|
/**
|
|
@@ -68,5 +72,5 @@ export type ButtonProps = ExtendedButtonProps & ExtendedAnchorButtonProps;
|
|
|
68
72
|
* Display a button element to enable user interaction.
|
|
69
73
|
* It normally should trigger action when clicked.
|
|
70
74
|
*/
|
|
71
|
-
export declare const Button: ({ children, className, affirmative, disruptive, elevated, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, ...restProps }: ButtonProps) => React.JSX.Element;
|
|
75
|
+
export declare const Button: ({ children, className, affirmative, disruptive, elevated, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, intent, ...restProps }: ButtonProps) => React.JSX.Element;
|
|
72
76
|
export default Button;
|
|
@@ -34,11 +34,18 @@ export interface ContextMenuProps extends TestableComponent {
|
|
|
34
34
|
* Props to spread to `ContextOverlay` that is used to display the dropdown.
|
|
35
35
|
*/
|
|
36
36
|
contextOverlayProps?: Partial<Omit<ContextOverlayProps, "content" | "children" | "className">>;
|
|
37
|
-
/**
|
|
37
|
+
/**
|
|
38
|
+
* Disables the button to open the menu.
|
|
39
|
+
*/
|
|
38
40
|
disabled?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* We use the target as placeholder before the real `<ContextMenu /` is rendered on first hover or focus event.
|
|
43
|
+
* In case of problems set this property to `true`.
|
|
44
|
+
*/
|
|
45
|
+
preventPlaceholder?: boolean;
|
|
39
46
|
}
|
|
40
47
|
/**
|
|
41
48
|
* Element displays menu items after toggler is clicked.
|
|
42
49
|
*/
|
|
43
|
-
export declare const ContextMenu: ({ children, className, togglerElement, togglerText, contextOverlayProps, disabled, togglerLarge, tooltipAsTitle, ...restProps }: ContextMenuProps) => React.JSX.Element;
|
|
50
|
+
export declare const ContextMenu: ({ children, className, togglerElement, togglerText, contextOverlayProps, disabled, togglerLarge, tooltipAsTitle, preventPlaceholder, ...restProps }: ContextMenuProps) => React.JSX.Element;
|
|
44
51
|
export default ContextMenu;
|
|
@@ -10,10 +10,15 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
|
|
|
10
10
|
* Use it when you need to display modal dialogs out of the context overlay.
|
|
11
11
|
*/
|
|
12
12
|
preventTopPosition?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Use the overlay target as placeholder before the real `<ContextOverlay /` is rendered on first hover or focus event.
|
|
15
|
+
* Currently experimental.
|
|
16
|
+
*/
|
|
17
|
+
usePlaceholder?: boolean;
|
|
13
18
|
}
|
|
14
19
|
/**
|
|
15
20
|
* Element displays connected content by interacting with a target element.
|
|
16
21
|
* Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
|
|
17
22
|
*/
|
|
18
|
-
export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, ...
|
|
23
|
+
export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, usePlaceholder, ...otherPopoverProps }: ContextOverlayProps) => React.JSX.Element | null;
|
|
19
24
|
export default ContextOverlay;
|
|
@@ -1,27 +1,36 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { IntentTypes } from "../../common/Intent";
|
|
2
3
|
import { TestableComponent } from "../interfaces";
|
|
3
4
|
import { LabelProps } from "../Label/Label";
|
|
4
5
|
export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent {
|
|
5
6
|
/**
|
|
6
7
|
* Set primary state.
|
|
7
8
|
* This is not routed through automatically.
|
|
9
|
+
* @deprecated (v25) use `intent="primary"` instead.
|
|
8
10
|
*/
|
|
9
11
|
hasStatePrimary?: boolean;
|
|
10
12
|
/**
|
|
11
13
|
* Set success state.
|
|
12
14
|
* This is not routed through automatically.
|
|
15
|
+
* @deprecated (v25) use `intent="success"` instead.
|
|
13
16
|
*/
|
|
14
17
|
hasStateSuccess?: boolean;
|
|
15
18
|
/**
|
|
16
19
|
* Set warning state.
|
|
17
20
|
* This is not routed through automatically.
|
|
21
|
+
* @deprecated (v25) use `intent="warning"` instead.
|
|
18
22
|
*/
|
|
19
23
|
hasStateWarning?: boolean;
|
|
20
24
|
/**
|
|
21
25
|
* Set danger state.
|
|
22
26
|
* This is not routed through automatically.
|
|
27
|
+
* @deprecated (v25) use `intent="danger"` instead.
|
|
23
28
|
*/
|
|
24
29
|
hasStateDanger?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Intent state of the field item.
|
|
32
|
+
*/
|
|
33
|
+
intent?: IntentTypes;
|
|
25
34
|
/**
|
|
26
35
|
* Is disabled.
|
|
27
36
|
* The included inout element nedd to set disabled directly itself.
|
|
@@ -46,5 +55,5 @@ export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, Te
|
|
|
46
55
|
/**
|
|
47
56
|
* Form element that manages the combination of label, helper texts, input element and feedback messages.
|
|
48
57
|
*/
|
|
49
|
-
export declare const FieldItem: ({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, ...otherProps }: FieldItemProps) => React.JSX.Element;
|
|
58
|
+
export declare const FieldItem: ({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, intent, ...otherProps }: FieldItemProps) => React.JSX.Element;
|
|
50
59
|
export default FieldItem;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { IntentTypes } from "../../common/Intent";
|
|
2
3
|
export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "title"> {
|
|
3
4
|
/**
|
|
4
5
|
* Displays the fieldset inside a box.
|
|
@@ -7,20 +8,28 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
|
|
|
7
8
|
boxed?: boolean;
|
|
8
9
|
/**
|
|
9
10
|
* The fieldsetsection is displayed with primary color scheme.
|
|
11
|
+
* @deprecated (v25) use `intent="primary"` instead.
|
|
10
12
|
*/
|
|
11
13
|
hasStatePrimary?: boolean;
|
|
12
14
|
/**
|
|
13
15
|
* The fieldset section is displayed with success (some type of green) color scheme.
|
|
16
|
+
* @deprecated (v25) use `intent="success"` instead.
|
|
14
17
|
*/
|
|
15
18
|
hasStateSuccess?: boolean;
|
|
16
19
|
/**
|
|
17
20
|
* The fieldset section is displayed with warning (some type of orange) color scheme.
|
|
21
|
+
* @deprecated (v25) use `intent="warning"` instead.
|
|
18
22
|
*/
|
|
19
23
|
hasStateWarning?: boolean;
|
|
20
24
|
/**
|
|
21
25
|
* The fieldsetsection is displayed with danger (some type of red) color scheme.
|
|
26
|
+
* @deprecated (v25) use `intent="danger"` instead.
|
|
22
27
|
*/
|
|
23
28
|
hasStateDanger?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Intent state of the field item.
|
|
31
|
+
*/
|
|
32
|
+
intent?: IntentTypes;
|
|
24
33
|
/**
|
|
25
34
|
* Optional helper text. If given then it is displayed after the title.
|
|
26
35
|
*/
|
|
@@ -39,5 +48,5 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
|
|
|
39
48
|
/**
|
|
40
49
|
* Displays a group of input elements.
|
|
41
50
|
*/
|
|
42
|
-
export declare const FieldSet: ({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
|
|
51
|
+
export declare const FieldSet: ({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, intent, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
|
|
43
52
|
export default FieldSet;
|
|
@@ -120,6 +120,7 @@ declare const canonicalIcons: {
|
|
|
120
120
|
"operation-filteredit": icons.CarbonIconType;
|
|
121
121
|
"operation-filterremove": icons.CarbonIconType;
|
|
122
122
|
"operation-filter": icons.CarbonIconType;
|
|
123
|
+
"operation-focus": icons.CarbonIconType;
|
|
123
124
|
"operation-format-codeblock": icons.CarbonIconType;
|
|
124
125
|
"operation-format-text-code": icons.CarbonIconType;
|
|
125
126
|
"operation-format-text-bold": icons.CarbonIconType;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { HTMLInputProps as BlueprintHTMLInputProps } from "@blueprintjs/core";
|
|
2
|
+
import { HTMLInputProps as BlueprintHTMLInputProps, Intent as BlueprintIntent } from "@blueprintjs/core";
|
|
3
3
|
import { MultiSelect as BlueprintMultiSelect, MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
|
|
4
4
|
import { TestableComponent } from "../interfaces";
|
|
5
5
|
import { ContextOverlayProps } from "./../../index";
|
|
@@ -64,20 +64,28 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
|
|
|
64
64
|
* Items that were newly created and not taken from the list will be post-fixed with this string.
|
|
65
65
|
*/
|
|
66
66
|
newItemPostfix?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Intent state of the multi select.
|
|
69
|
+
*/
|
|
70
|
+
intent?: BlueprintIntent;
|
|
67
71
|
/**
|
|
68
72
|
* The input element is displayed with primary color scheme.
|
|
73
|
+
* @deprecated (v25) use `intent="primary"` instead.
|
|
69
74
|
*/
|
|
70
75
|
hasStatePrimary?: boolean;
|
|
71
76
|
/**
|
|
72
77
|
* The input element is displayed with success (some type of green) color scheme.
|
|
78
|
+
* @deprecated (v25) use `intent="success"` instead.
|
|
73
79
|
*/
|
|
74
80
|
hasStateSuccess?: boolean;
|
|
75
81
|
/**
|
|
76
|
-
* The input element is displayed with
|
|
82
|
+
* The input element is displayed with warning (some type of orange) color scheme.
|
|
83
|
+
* @deprecated (v25) use `intent="warning"` instead.
|
|
77
84
|
*/
|
|
78
85
|
hasStateWarning?: boolean;
|
|
79
86
|
/**
|
|
80
|
-
* The input element is displayed with
|
|
87
|
+
* The input element is displayed with danger (some type of red) color scheme.
|
|
88
|
+
* @deprecated (v25) use `intent="danger"` instead.
|
|
81
89
|
*/
|
|
82
90
|
hasStateDanger?: boolean;
|
|
83
91
|
/**
|
|
@@ -128,7 +136,7 @@ export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
|
|
|
128
136
|
* This component will be re-implemented as `Select` like element allowing multiple selections (or a `Select` option).
|
|
129
137
|
* New name for this component is `MultiSuggestField`.
|
|
130
138
|
*/
|
|
131
|
-
declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
|
|
139
|
+
declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, intent, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
|
|
132
140
|
declare namespace MultiSelect {
|
|
133
141
|
var ofType: typeof BlueprintMultiSelect.ofType;
|
|
134
142
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ToastProps as BlueprintToastProps } from "@blueprintjs/core";
|
|
3
|
+
import { IntentTypes } from "../../common/Intent";
|
|
3
4
|
import { TestableComponent } from "../interfaces";
|
|
4
5
|
import { IconProps } from "./../Icon/Icon";
|
|
5
6
|
import { TestIconProps } from "./../Icon/TestIcon";
|
|
@@ -12,23 +13,31 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
|
|
|
12
13
|
* Notification message that can be used as alternative to children elements.
|
|
13
14
|
*/
|
|
14
15
|
message?: JSX.Element | string;
|
|
16
|
+
/**
|
|
17
|
+
* Intent state of the notification.
|
|
18
|
+
*/
|
|
19
|
+
intent?: Extract<IntentTypes, "neutral" | "success" | "warning" | "danger" | "info">;
|
|
15
20
|
/**
|
|
16
21
|
* Notification has a neutral color scheme.
|
|
22
|
+
* @deprecated (v25) use `intent="neutral"` instead.
|
|
17
23
|
*/
|
|
18
24
|
neutral?: boolean;
|
|
19
25
|
/**
|
|
20
26
|
* Notification is a success info.
|
|
21
27
|
* This defines the colorization and the icon symbol.
|
|
28
|
+
* @deprecated (v25) use `intent="success"` instead.
|
|
22
29
|
*/
|
|
23
30
|
success?: boolean;
|
|
24
31
|
/**
|
|
25
32
|
* Notification is a warning alert.
|
|
26
33
|
* This defines the colorization and the icon symbol.
|
|
34
|
+
* @deprecated (v25) use `intent="warning"` instead.
|
|
27
35
|
*/
|
|
28
36
|
warning?: boolean;
|
|
29
37
|
/**
|
|
30
38
|
* Notification is a danger alert.
|
|
31
39
|
* This defines the colorization and the icon symbol.
|
|
40
|
+
* @deprecated (v25) use `intent="danger"` instead.
|
|
32
41
|
*/
|
|
33
42
|
danger?: boolean;
|
|
34
43
|
/**
|
|
@@ -52,5 +61,5 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
|
|
|
52
61
|
* Displays a notification message, optionally combined with depiction and further action buttons.
|
|
53
62
|
* By default it uses colorization of an blueish info alert.
|
|
54
63
|
*/
|
|
55
|
-
export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: NotificationProps) => React.JSX.Element;
|
|
64
|
+
export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, intent, ...otherProps }: NotificationProps) => React.JSX.Element;
|
|
56
65
|
export default Notification;
|
|
@@ -4,10 +4,22 @@ export interface OverviewItemActionsProps extends React.HTMLAttributes<HTMLDivEl
|
|
|
4
4
|
* Display it only when the parent `OverviewItem` is hovered or focused.
|
|
5
5
|
*/
|
|
6
6
|
hiddenInteractions?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Delay the rendering of the children by a time in milliseconds.
|
|
9
|
+
* Could be used to prevent browser freezes for the initial `OverviewItem` rendering.
|
|
10
|
+
* In general, it is better to fix the cause, i.e. action elements that are expensive to initialize/render should be
|
|
11
|
+
* optimized or replaced etc. This workaround only prevents the browser from getting blocked completely and does NOT
|
|
12
|
+
* solve the actual performance issue.
|
|
13
|
+
*/
|
|
14
|
+
delayDisplayChildren?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Display element while the rendering of the actual children is delayed.
|
|
17
|
+
*/
|
|
18
|
+
delaySkeleton?: JSX.Element;
|
|
7
19
|
}
|
|
8
20
|
/**
|
|
9
21
|
* Contains an arbitrary number of elements for user-interactions.
|
|
10
22
|
* It does not make sense to include more than 1 or 2 of these elements within `OverviewItem`.
|
|
11
23
|
*/
|
|
12
|
-
export declare const OverviewItemActions: ({ children, className, hiddenInteractions, ...restProps }: OverviewItemActionsProps) => React.JSX.Element;
|
|
24
|
+
export declare const OverviewItemActions: ({ children, className, hiddenInteractions, delayDisplayChildren, delaySkeleton, ...restProps }: OverviewItemActionsProps) => React.JSX.Element;
|
|
13
25
|
export default OverviewItemActions;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const ProgressBar:
|
|
1
|
+
import { ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
|
|
2
|
+
export declare const ProgressBar: import("react").FC<BlueprintProgressBarProps>;
|
|
3
3
|
export type ProgressBarProps = BlueprintProgressBarProps;
|
|
@@ -3,13 +3,18 @@ import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinner
|
|
|
3
3
|
type SpinnerPosition = "local" | "inline" | "global";
|
|
4
4
|
type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
|
|
5
5
|
type SpinnerStroke = "thin" | "medium" | "bold";
|
|
6
|
-
type Intent = "inherit" | "primary" | "success" | "warning" | "danger";
|
|
6
|
+
type Intent = "inherit" | "primary" | "success" | "warning" | "danger" | "none";
|
|
7
7
|
/** A spinner that is either displayed globally or locally. */
|
|
8
|
-
export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size"> {
|
|
8
|
+
export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "intent"> {
|
|
9
9
|
/**
|
|
10
10
|
* intent value or a valid css color definition
|
|
11
|
+
* @deprecated (v25) it will allow in the future only a color value string and that for other states the intent property needs to be used
|
|
11
12
|
*/
|
|
12
13
|
color?: Intent | string;
|
|
14
|
+
/**
|
|
15
|
+
* Intent state of the field item.
|
|
16
|
+
*/
|
|
17
|
+
intent?: Intent;
|
|
13
18
|
/**
|
|
14
19
|
* Additional CSS class names.
|
|
15
20
|
*/
|
|
@@ -53,5 +58,5 @@ export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size"> {
|
|
|
53
58
|
*/
|
|
54
59
|
description?: string;
|
|
55
60
|
}
|
|
56
|
-
export declare const Spinner: ({ className, color, position, size, stroke, showLocalBackdrop, delay, overlayProps, description, ...otherProps }: SpinnerProps) => React.JSX.Element | null;
|
|
61
|
+
export declare const Spinner: ({ className, color, intent, position, size, stroke, showLocalBackdrop, delay, overlayProps, description, ...otherProps }: SpinnerProps) => React.JSX.Element | null;
|
|
57
62
|
export default Spinner;
|
|
@@ -56,17 +56,23 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
|
|
|
56
56
|
unselectable?: "on" | "off" | undefined;
|
|
57
57
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
58
58
|
is?: string | undefined;
|
|
59
|
+
exportparts?: string | undefined;
|
|
60
|
+
part?: string | undefined;
|
|
59
61
|
"aria-activedescendant"?: string | undefined;
|
|
60
62
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
61
63
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
64
|
+
"aria-braillelabel"?: string | undefined;
|
|
65
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
62
66
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
63
67
|
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
64
68
|
"aria-colcount"?: number | undefined;
|
|
65
69
|
"aria-colindex"?: number | undefined;
|
|
70
|
+
"aria-colindextext"?: string | undefined;
|
|
66
71
|
"aria-colspan"?: number | undefined;
|
|
67
72
|
"aria-controls"?: string | undefined;
|
|
68
73
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
69
74
|
"aria-describedby"?: string | undefined;
|
|
75
|
+
"aria-description"?: string | undefined;
|
|
70
76
|
"aria-details"?: string | undefined;
|
|
71
77
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
72
78
|
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
@@ -96,6 +102,7 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
|
|
|
96
102
|
"aria-roledescription"?: string | undefined;
|
|
97
103
|
"aria-rowcount"?: number | undefined;
|
|
98
104
|
"aria-rowindex"?: number | undefined;
|
|
105
|
+
"aria-rowindextext"?: string | undefined;
|
|
99
106
|
"aria-rowspan"?: number | undefined;
|
|
100
107
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
101
108
|
"aria-setsize"?: number | undefined;
|
|
@@ -2,11 +2,11 @@ import React from "react";
|
|
|
2
2
|
import { DataTableHeader as CarbonDataTableHeader, DataTableProps as CarbonDataTableProps, DataTableRow as CarbonDataTableRow } from "@carbon/react";
|
|
3
3
|
import { TableContainerProps as CarbonTableContainerProps } from "@carbon/react/es/components/DataTable/TableContainer";
|
|
4
4
|
import { TableRowHeightSize } from "./Table";
|
|
5
|
-
interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
|
|
5
|
+
export interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
|
|
6
6
|
children(signature: any): JSX.Element;
|
|
7
7
|
size?: TableRowHeightSize;
|
|
8
8
|
}
|
|
9
|
-
interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
export interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
|
|
10
10
|
children?: JSX.Element;
|
|
11
11
|
}
|
|
12
12
|
export type TableContainerProps = TableDataContainerProps | TableSimpleContainerProps;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TableExpandRow as CarbonTableExpandRow } from "@carbon/react";
|
|
3
3
|
type CarbonTableExpandRowProps = React.ComponentProps<typeof CarbonTableExpandRow>;
|
|
4
|
-
export interface TableExpandRowProps extends Omit<CarbonTableExpandRowProps, "ref" | "ariaLabel" | "expandIconDescription" | "aria-label">, React.HTMLAttributes<HTMLTableRowElement> {
|
|
4
|
+
export interface TableExpandRowProps extends Omit<CarbonTableExpandRowProps, "children" | "ref" | "ariaLabel" | "expandIconDescription" | "aria-label">, React.HTMLAttributes<HTMLTableRowElement> {
|
|
5
5
|
/**
|
|
6
6
|
* This text is displayed as tooltip for the button that toggles the expanded/collapsed state.
|
|
7
7
|
*/
|
|
@@ -5,3 +5,4 @@ export * from "./TableExpandRow";
|
|
|
5
5
|
export * from "./TableExpandHeader";
|
|
6
6
|
export * from "./TableCell";
|
|
7
7
|
export { TableHead, TableBody, TableExpandedRow, TableHeader } from "@carbon/react";
|
|
8
|
+
export type { TableHeadProps, TableBodyProps, TableExpandedRowProps, TableHeaderProps, DataTableRenderProps } from "@carbon/react";
|
|
@@ -78,17 +78,23 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
78
78
|
unselectable?: "on" | "off" | undefined;
|
|
79
79
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
80
80
|
is?: string | undefined;
|
|
81
|
+
exportparts?: string | undefined;
|
|
82
|
+
part?: string | undefined;
|
|
81
83
|
"aria-activedescendant"?: string | undefined;
|
|
82
84
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
83
85
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
86
|
+
"aria-braillelabel"?: string | undefined;
|
|
87
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
84
88
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
85
89
|
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
86
90
|
"aria-colcount"?: number | undefined;
|
|
87
91
|
"aria-colindex"?: number | undefined;
|
|
92
|
+
"aria-colindextext"?: string | undefined;
|
|
88
93
|
"aria-colspan"?: number | undefined;
|
|
89
94
|
"aria-controls"?: string | undefined;
|
|
90
95
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
91
96
|
"aria-describedby"?: string | undefined;
|
|
97
|
+
"aria-description"?: string | undefined;
|
|
92
98
|
"aria-details"?: string | undefined;
|
|
93
99
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
94
100
|
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
@@ -118,6 +124,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
118
124
|
"aria-roledescription"?: string | undefined;
|
|
119
125
|
"aria-rowcount"?: number | undefined;
|
|
120
126
|
"aria-rowindex"?: number | undefined;
|
|
127
|
+
"aria-rowindextext"?: string | undefined;
|
|
121
128
|
"aria-rowspan"?: number | undefined;
|
|
122
129
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
123
130
|
"aria-setsize"?: number | undefined;
|
|
@@ -349,17 +356,23 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
349
356
|
unselectable?: "on" | "off" | undefined;
|
|
350
357
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
351
358
|
is?: string | undefined;
|
|
359
|
+
exportparts?: string | undefined;
|
|
360
|
+
part?: string | undefined;
|
|
352
361
|
"aria-activedescendant"?: string | undefined;
|
|
353
362
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
354
363
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
364
|
+
"aria-braillelabel"?: string | undefined;
|
|
365
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
355
366
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
356
367
|
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
357
368
|
"aria-colcount"?: number | undefined;
|
|
358
369
|
"aria-colindex"?: number | undefined;
|
|
370
|
+
"aria-colindextext"?: string | undefined;
|
|
359
371
|
"aria-colspan"?: number | undefined;
|
|
360
372
|
"aria-controls"?: string | undefined;
|
|
361
373
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
362
374
|
"aria-describedby"?: string | undefined;
|
|
375
|
+
"aria-description"?: string | undefined;
|
|
363
376
|
"aria-details"?: string | undefined;
|
|
364
377
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
365
378
|
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
@@ -389,6 +402,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
389
402
|
"aria-roledescription"?: string | undefined;
|
|
390
403
|
"aria-rowcount"?: number | undefined;
|
|
391
404
|
"aria-rowindex"?: number | undefined;
|
|
405
|
+
"aria-rowindextext"?: string | undefined;
|
|
392
406
|
"aria-rowspan"?: number | undefined;
|
|
393
407
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
394
408
|
"aria-setsize"?: number | undefined;
|
|
@@ -25,6 +25,14 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
|
|
|
25
25
|
* Set properties for the Markdown parser
|
|
26
26
|
*/
|
|
27
27
|
markdownProps?: Omit<MarkdownProps, "children">;
|
|
28
|
+
/**
|
|
29
|
+
* Use the overlay target as placeholder before the real `<Tooltip /` is rendered on first hover or focus event.
|
|
30
|
+
* This can boost performance massive but it is currently experimental.
|
|
31
|
+
* Placeholders are never used when `disabled`, `defaultIsOpen` or `isOpen` is set to `true`, or if `renderTarget` is set.
|
|
32
|
+
* If the tooltip `content` is only a string then a placeholder is automatically used, too.
|
|
33
|
+
* You can prevent it in any case by setting it to `false`.
|
|
34
|
+
*/
|
|
35
|
+
usePlaceholder?: boolean;
|
|
28
36
|
}
|
|
29
|
-
export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, ...
|
|
37
|
+
export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, usePlaceholder, hoverOpenDelay, ...otherTooltipProps }: TooltipProps) => React.JSX.Element | null;
|
|
30
38
|
export default Tooltip;
|