@eccenca/gui-elements 23.2.0-rc.0 → 23.2.0-rc.1
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 +28 -3
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js +24 -20
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js +59 -50
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/cjs/components/AutocompleteField/autoCompleteFieldUtils.js +3 -3
- package/dist/cjs/components/AutocompleteField/autoCompleteFieldUtils.js.map +1 -1
- package/dist/cjs/components/Breadcrumb/BreadcrumbItem.js +9 -6
- package/dist/cjs/components/Breadcrumb/BreadcrumbItem.js.map +1 -1
- package/dist/cjs/components/CodeAutocompleteField/CodeAutocompleteField.js +33 -0
- package/dist/cjs/components/CodeAutocompleteField/CodeAutocompleteField.js.map +1 -0
- package/dist/cjs/components/CodeAutocompleteField/index.js +14 -0
- package/dist/cjs/components/CodeAutocompleteField/index.js.map +1 -0
- package/dist/cjs/components/Depiction/Depiction.js +13 -13
- package/dist/cjs/components/Depiction/Depiction.js.map +1 -1
- package/dist/cjs/components/Icon/IconButton.js +9 -3
- package/dist/cjs/components/Icon/IconButton.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js +2 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +45 -17
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/MultiSuggestField/MultiSuggestField.js +33 -0
- package/dist/cjs/components/MultiSuggestField/MultiSuggestField.js.map +1 -0
- package/dist/cjs/components/OverviewItem/OverviewItem.js +8 -10
- package/dist/cjs/components/OverviewItem/OverviewItem.js.map +1 -1
- package/dist/cjs/components/PropertyValuePair/PropertyName.js +4 -3
- package/dist/cjs/components/PropertyValuePair/PropertyName.js.map +1 -1
- package/dist/cjs/components/Select/Select.js +17 -3
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/SuggestField/SuggestField.js +39 -0
- package/dist/cjs/components/SuggestField/SuggestField.js.map +1 -0
- package/dist/cjs/components/SuggestField/index.js +19 -0
- package/dist/cjs/components/SuggestField/index.js.map +1 -0
- package/dist/cjs/components/index.js +3 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +54 -41
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js +23 -18
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js +68 -59
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/esm/components/AutocompleteField/autoCompleteFieldUtils.js +3 -3
- package/dist/esm/components/AutocompleteField/autoCompleteFieldUtils.js.map +1 -1
- package/dist/esm/components/Breadcrumb/BreadcrumbItem.js +9 -6
- package/dist/esm/components/Breadcrumb/BreadcrumbItem.js.map +1 -1
- package/dist/esm/components/CodeAutocompleteField/CodeAutocompleteField.js +37 -0
- package/dist/esm/components/CodeAutocompleteField/CodeAutocompleteField.js.map +1 -0
- package/dist/esm/components/CodeAutocompleteField/index.js +2 -0
- package/dist/esm/components/CodeAutocompleteField/index.js.map +1 -0
- package/dist/esm/components/Depiction/Depiction.js +12 -12
- package/dist/esm/components/Depiction/Depiction.js.map +1 -1
- package/dist/esm/components/Icon/IconButton.js +10 -4
- package/dist/esm/components/Icon/IconButton.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js +2 -0
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +52 -22
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/MultiSuggestField/MultiSuggestField.js +37 -0
- package/dist/esm/components/MultiSuggestField/MultiSuggestField.js.map +1 -0
- package/dist/esm/components/OverviewItem/OverviewItem.js +8 -10
- package/dist/esm/components/OverviewItem/OverviewItem.js.map +1 -1
- package/dist/esm/components/PropertyValuePair/PropertyName.js +4 -3
- package/dist/esm/components/PropertyValuePair/PropertyName.js.map +1 -1
- package/dist/esm/components/Select/Select.js +18 -4
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/SuggestField/SuggestField.js +43 -0
- package/dist/esm/components/SuggestField/SuggestField.js.map +1 -0
- package/dist/esm/components/SuggestField/index.js +6 -0
- package/dist/esm/components/SuggestField/index.js.map +1 -0
- package/dist/esm/components/index.js +3 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js +51 -39
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/AutoSuggestion/AutoSuggestion.d.ts +35 -4
- package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts +23 -6
- package/dist/types/components/AutocompleteField/autoCompleteFieldUtils.d.ts +3 -3
- package/dist/types/components/AutocompleteField/index.d.ts +1 -1
- package/dist/types/components/AutocompleteField/interfaces.d.ts +1 -1
- package/dist/types/components/CodeAutocompleteField/CodeAutocompleteField.d.ts +10 -0
- package/dist/types/components/CodeAutocompleteField/index.d.ts +1 -0
- package/dist/types/components/Icon/IconButton.d.ts +2 -2
- package/dist/types/components/Icon/canonicalIconNames.d.ts +1 -1
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +20 -2
- package/dist/types/components/MultiSuggestField/MultiSuggestField.d.ts +10 -0
- package/dist/types/components/PropertyValuePair/PropertyName.d.ts +5 -1
- package/dist/types/components/Select/Select.d.ts +28 -9
- package/dist/types/components/SuggestField/SuggestField.d.ts +16 -0
- package/dist/types/components/SuggestField/index.d.ts +5 -0
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +7 -7
- package/dist/types/index.d.ts +2 -1
- package/package.json +1 -1
- package/src/components/AutoSuggestion/AutoSuggestion.stories.tsx +14 -0
- package/src/components/AutoSuggestion/AutoSuggestion.tsx +280 -221
- package/src/components/AutocompleteField/AutoCompleteField.stories.tsx +14 -0
- package/src/components/AutocompleteField/AutoCompleteField.tsx +157 -121
- package/src/components/AutocompleteField/autoCompleteFieldUtils.tsx +10 -16
- package/src/components/AutocompleteField/interfaces.ts +5 -6
- package/src/components/Breadcrumb/BreadcrumbItem.tsx +19 -18
- package/src/components/Breadcrumb/breadcrumb.scss +18 -16
- package/src/components/Breadcrumb/stories/BreadcrumbList.stories.tsx +18 -15
- package/src/components/CodeAutocompleteField/CodeAutocompleteField.stories.tsx +89 -0
- package/src/components/CodeAutocompleteField/CodeAutocompleteField.tsx +22 -0
- package/src/components/CodeAutocompleteField/index.ts +1 -0
- package/src/components/ContextOverlay/contextoverlay.scss +10 -2
- package/src/components/Depiction/Depiction.tsx +57 -55
- package/src/components/Icon/IconButton.tsx +25 -11
- package/src/components/Icon/canonicalIconNames.tsx +4 -0
- package/src/components/MultiSelect/MultiSelect.stories.tsx +9 -47
- package/src/components/MultiSelect/MultiSelect.tsx +110 -66
- package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx +58 -0
- package/src/components/MultiSuggestField/MultiSuggestField.tsx +22 -0
- package/src/components/Notification/notification.scss +20 -17
- package/src/components/OverviewItem/OverviewItem.tsx +11 -20
- package/src/components/PropertyValuePair/PropertyName.tsx +17 -4
- package/src/components/PropertyValuePair/propertyvalue.scss +17 -1
- package/src/components/Select/Select.stories.tsx +49 -20
- package/src/components/Select/Select.tsx +93 -18
- package/src/components/Select/_select.scss +13 -1
- package/src/components/SuggestField/SuggestField.stories.tsx +99 -0
- package/src/components/SuggestField/SuggestField.tsx +28 -0
- package/src/components/SuggestField/index.ts +5 -0
- package/src/components/TagInput/taginput.scss +14 -0
- package/src/components/index.scss +1 -1
- package/src/components/index.ts +3 -0
- package/src/extensions/react-flow/nodes/NodeContent.tsx +105 -87
- package/src/index.ts +2 -5
- package/src/components/AutoSuggestion/stories/AutoSuggestion.stories.tsx +0 -83
- package/src/components/AutocompleteField/stories/AutoCompleteField.stories.tsx +0 -86
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./CodeAutocompleteField"), exports);
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CodeAutocompleteField/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0DAAwC"}
|
|
@@ -35,24 +35,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
36
|
exports.Depiction = void 0;
|
|
37
37
|
const react_1 = __importStar(require("react"));
|
|
38
|
-
const color_1 = __importDefault(require("color"));
|
|
39
38
|
const react_inlinesvg_1 = __importDefault(require("react-inlinesvg"));
|
|
39
|
+
const color_1 = __importDefault(require("color"));
|
|
40
|
+
const constants_1 = require("../../configuration/constants");
|
|
40
41
|
const Tooltip_1 = __importDefault(require("../Tooltip/Tooltip"));
|
|
41
42
|
const colorDecideContrastvalue_1 = __importDefault(require("./../../common/utils/colorDecideContrastvalue"));
|
|
42
|
-
const constants_1 = require("../../configuration/constants");
|
|
43
43
|
/**
|
|
44
44
|
* Display a graphical representation and attache a caption or a badge to it.
|
|
45
45
|
*/
|
|
46
46
|
function Depiction(_a) {
|
|
47
47
|
var { className = "", image, forceInlineSvg = false, size = "medium", resizing = "cover", ratio = "source", caption, captionPosition = "none", backgroundColor, border, rounded, padding = "none", badge, tooltipProps } = _a, otherFigureProps = __rest(_a, ["className", "image", "forceInlineSvg", "size", "resizing", "ratio", "caption", "captionPosition", "backgroundColor", "border", "rounded", "padding", "badge", "tooltipProps"]);
|
|
48
48
|
const containerRef = (0, react_1.useRef)(null);
|
|
49
|
-
let styleDepictionColors =
|
|
49
|
+
let styleDepictionColors = Object.create(null);
|
|
50
50
|
if (!!backgroundColor && backgroundColor !== "light" && backgroundColor !== "dark") {
|
|
51
51
|
try {
|
|
52
52
|
const color = (0, color_1.default)(backgroundColor);
|
|
53
53
|
styleDepictionColors = {
|
|
54
54
|
[`--${constants_1.CLASSPREFIX}-depiction-background`]: color.rgb().toString(),
|
|
55
|
-
[`--${constants_1.CLASSPREFIX}-depiction-color`]: (0, colorDecideContrastvalue_1.default)({ testColor: color })
|
|
55
|
+
[`--${constants_1.CLASSPREFIX}-depiction-color`]: (0, colorDecideContrastvalue_1.default)({ testColor: color }),
|
|
56
56
|
};
|
|
57
57
|
}
|
|
58
58
|
catch (ex) {
|
|
@@ -95,16 +95,16 @@ function Depiction(_a) {
|
|
|
95
95
|
` ${constants_1.CLASSPREFIX}-depiction__image--${size}` +
|
|
96
96
|
` ${constants_1.CLASSPREFIX}-depiction__image--${resizing}-sizing` +
|
|
97
97
|
` ${constants_1.CLASSPREFIX}-depiction__image--ratio-${ratio.replace(":", "to")}` +
|
|
98
|
-
(backgroundColor === "light" || backgroundColor === "dark"
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
(
|
|
102
|
-
(
|
|
103
|
-
|
|
104
|
-
(
|
|
98
|
+
(backgroundColor === "light" || backgroundColor === "dark"
|
|
99
|
+
? ` ${constants_1.CLASSPREFIX}-depiction__image--color-${backgroundColor}`
|
|
100
|
+
: "") +
|
|
101
|
+
(backgroundColor ? ` ${constants_1.CLASSPREFIX}-depiction__image--color-config` : "") +
|
|
102
|
+
(border ? ` ${constants_1.CLASSPREFIX}-depiction__image--hasborder` : "") +
|
|
103
|
+
(rounded ? ` ${constants_1.CLASSPREFIX}-depiction__image--roundedborder` : "") +
|
|
104
|
+
(padding && padding !== "none" ? ` ${constants_1.CLASSPREFIX}-depiction__image--padding-${padding}` : ""), style: styleDepictionColors }, depiction));
|
|
105
|
+
return (react_1.default.createElement("figure", Object.assign({ className: `${constants_1.CLASSPREFIX}-depiction` + (className ? ` ${className}` : "") }, otherFigureProps),
|
|
105
106
|
captionPosition === "tooltip" && !!caption ? (react_1.default.createElement(Tooltip_1.default, Object.assign({ content: caption, size: "medium" }, tooltipProps), depictionContainer)) : (depictionContainer),
|
|
106
|
-
!!caption && (react_1.default.createElement("figcaption", { className: `${constants_1.CLASSPREFIX}-depiction__caption` +
|
|
107
|
-
` ${constants_1.CLASSPREFIX}-depiction__caption--${captionPosition}` }, caption)),
|
|
107
|
+
!!caption && (react_1.default.createElement("figcaption", { className: `${constants_1.CLASSPREFIX}-depiction__caption` + ` ${constants_1.CLASSPREFIX}-depiction__caption--${captionPosition}` }, caption)),
|
|
108
108
|
badge));
|
|
109
109
|
}
|
|
110
110
|
exports.Depiction = Depiction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,20 +16,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.IconButton = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const Button_1 = __importDefault(require("../Button/Button"));
|
|
20
19
|
const constants_1 = require("../../configuration/constants");
|
|
20
|
+
const Button_1 = __importDefault(require("../Button/Button"));
|
|
21
21
|
const Icon_1 = __importDefault(require("./Icon"));
|
|
22
22
|
/** A button with an icon instead of text. */
|
|
23
23
|
const IconButton = (_a) => {
|
|
24
|
+
var _b;
|
|
24
25
|
var { className = "", name = "undefined", text, tooltipProps, description, tooltipAsTitle = false, minimal = true } = _a, restProps = __rest(_a, ["className", "name", "text", "tooltipProps", "description", "tooltipAsTitle", "minimal"]);
|
|
26
|
+
const defaultIconTooltipProps = {
|
|
27
|
+
hoverOpenDelay: 1000,
|
|
28
|
+
openOnTargetFocus: restProps.disabled || ((_b = restProps.tabIndex) !== null && _b !== void 0 ? _b : "0") < 0 ? false : undefined,
|
|
29
|
+
};
|
|
25
30
|
const iconProps = {
|
|
26
31
|
small: restProps.small,
|
|
27
32
|
large: restProps.large,
|
|
28
33
|
tooltipText: tooltipAsTitle ? undefined : text,
|
|
29
|
-
tooltipProps:
|
|
34
|
+
tooltipProps: tooltipProps
|
|
35
|
+
? Object.assign(Object.assign({}, defaultIconTooltipProps), tooltipProps) : defaultIconTooltipProps,
|
|
30
36
|
description: description ? description : text,
|
|
31
37
|
};
|
|
32
|
-
return (react_1.default.createElement(Button_1.default, Object.assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon:
|
|
38
|
+
return (react_1.default.createElement(Button_1.default, Object.assign({ tabIndex: text && !tooltipAsTitle ? -1 : undefined, title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: typeof name === "string" || Array.isArray(name) ? (react_1.default.createElement(Icon_1.default, Object.assign({ name: name }, iconProps))) : (react_1.default.cloneElement(name, iconProps)), className: `${constants_1.CLASSPREFIX}-button--icon ` + className, minimal: minimal })));
|
|
33
39
|
};
|
|
34
40
|
exports.IconButton = IconButton;
|
|
35
41
|
exports.default = exports.IconButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AACtE,8DAA4E;AAG5E,kDAA0B;AA+B1B,6CAA6C;AACtC,MAAM,UAAU,GAAG,CAAC,EAST,EAAE,EAAE;;QATK,EACvB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,WAAW,EAClB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,IAAI,OAEA,EADX,SAAS,cARW,yFAS1B,CADe;IAEZ,MAAM,uBAAuB,GAAG;QAC5B,cAAc,EAAE,IAAI;QACpB,iBAAiB,EAAE,SAAS,CAAC,QAAQ,IAAI,CAAC,MAAA,SAAS,CAAC,QAAQ,mCAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;KAC/F,CAAC;IACF,MAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAC9C,YAAY,EAAE,YAAY;YACtB,CAAC,iCACQ,uBAAuB,GACvB,YAAY,EAErB,CAAC,CAAC,uBAAuB;QAC7B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAChD,CAAC;IAEF,OAAO,CACH,8BAAC,gBAAM,kBACH,QAAQ,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAClD,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EACA,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC9C,8BAAC,cAAI,kBAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CACtC,CAAC,CAAC,CAAC,CACA,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACtC,EAEL,SAAS,EAAE,GAAG,uBAAM,gBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,UAAU,cA2CrB;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -120,7 +120,9 @@ const canonicalIconNames = {
|
|
|
120
120
|
"operation-comparison": icons.Compare,
|
|
121
121
|
"operation-erase": icons.Erase,
|
|
122
122
|
"operation-filteredit": icons.FilterEdit,
|
|
123
|
+
"operation-filterremove": icons.FilterRemove,
|
|
123
124
|
"operation-filter": icons.Filter,
|
|
125
|
+
"operation-fix": icons.Tools,
|
|
124
126
|
"operation-link": icons.Link,
|
|
125
127
|
"operation-logout": icons.Logout,
|
|
126
128
|
"operation-merge": icons.DirectionMerge,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2DAA6C;
|
|
1
|
+
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,10 +43,18 @@ exports.MultiSelect = void 0;
|
|
|
43
43
|
const react_1 = __importStar(require("react"));
|
|
44
44
|
const core_1 = require("@blueprintjs/core");
|
|
45
45
|
const select_1 = require("@blueprintjs/select");
|
|
46
|
-
const index_1 = require("./../../index");
|
|
47
46
|
const stringUtils_1 = require("../../common/utils/stringUtils");
|
|
47
|
+
const constants_1 = require("../../configuration/constants");
|
|
48
|
+
const index_1 = require("./../../index");
|
|
49
|
+
/**
|
|
50
|
+
* **Element is deprecated for the current type of usage.**
|
|
51
|
+
* Use `MultiSuggestField` as replacement.
|
|
52
|
+
*
|
|
53
|
+
* This component will be re-implemented later as a `Select` allowing multiple selections.
|
|
54
|
+
* @deprecated
|
|
55
|
+
*/
|
|
48
56
|
function MultiSelect(_a) {
|
|
49
|
-
var { items, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth = true, noResultText = "No results.", newItemCreationText = "Add new item", newItemPostfix = " (new item)", hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay = 0 } = _a, otherProps = __rest(_a, ["items", "prePopulateWithItems", "itemId", "itemLabel", "onSelection", "contextOverlayProps", "tagInputProps", "inputProps", "runOnQueryChange", "fullWidth", "noResultText", "newItemCreationText", "newItemPostfix", "hasStatePrimary", "hasStateDanger", "hasStateSuccess", "hasStateWarning", "disabled", "createNewItemFromQuery", "requestDelay"]);
|
|
57
|
+
var { items, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth = true, noResultText = "No results.", newItemCreationText = "Add new item", newItemPostfix = " (new item)", hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay = 0, clearQueryOnSelection = false, className } = _a, otherProps = __rest(_a, ["items", "prePopulateWithItems", "itemId", "itemLabel", "onSelection", "contextOverlayProps", "tagInputProps", "inputProps", "runOnQueryChange", "fullWidth", "noResultText", "newItemCreationText", "newItemPostfix", "hasStatePrimary", "hasStateDanger", "hasStateSuccess", "hasStateWarning", "disabled", "createNewItemFromQuery", "requestDelay", "clearQueryOnSelection", "className"]);
|
|
50
58
|
const [createdItems, setCreatedItems] = react_1.default.useState([]);
|
|
51
59
|
const [createdSelectedItems, setCreatedSelectedItems] = react_1.default.useState([]);
|
|
52
60
|
const [itemsCopy, setItemsCopy] = react_1.default.useState([...items]);
|
|
@@ -80,7 +88,6 @@ function MultiSelect(_a) {
|
|
|
80
88
|
react_1.default.useEffect(() => {
|
|
81
89
|
setItemsCopy([...items, ...createdItems]);
|
|
82
90
|
setFilteredItemList([...items, ...createdItems]);
|
|
83
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
84
91
|
}, [items.map((item) => itemId(item)).join("|")]);
|
|
85
92
|
react_1.default.useEffect(() => {
|
|
86
93
|
onSelection &&
|
|
@@ -89,7 +96,6 @@ function MultiSelect(_a) {
|
|
|
89
96
|
createdItems: createdSelectedItems,
|
|
90
97
|
selectedItems,
|
|
91
98
|
});
|
|
92
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
93
99
|
}, [
|
|
94
100
|
onSelection,
|
|
95
101
|
selectedItems.map((item) => itemId(item)).join("|"),
|
|
@@ -116,7 +122,7 @@ function MultiSelect(_a) {
|
|
|
116
122
|
* @param item
|
|
117
123
|
*/
|
|
118
124
|
const onItemSelect = (item) => {
|
|
119
|
-
var _a;
|
|
125
|
+
var _a, _b;
|
|
120
126
|
if (itemHasBeenSelectedAlready(itemId(item))) {
|
|
121
127
|
removeItemSelection(itemId(item));
|
|
122
128
|
}
|
|
@@ -125,7 +131,7 @@ function MultiSelect(_a) {
|
|
|
125
131
|
}
|
|
126
132
|
//remove if already exist
|
|
127
133
|
if (createdSelectedItems.find((t) => itemLabel(t) === itemLabel(item))) {
|
|
128
|
-
setCreatedSelectedItems((prevItems) => prevItems.filter(prevItem => itemLabel(prevItem) !== itemLabel(item)));
|
|
134
|
+
setCreatedSelectedItems((prevItems) => prevItems.filter((prevItem) => itemLabel(prevItem) !== itemLabel(item)));
|
|
129
135
|
}
|
|
130
136
|
else {
|
|
131
137
|
const wasNewlyCreated = createdItems.find((t) => itemLabel(t) === itemLabel(item));
|
|
@@ -135,7 +141,13 @@ function MultiSelect(_a) {
|
|
|
135
141
|
setCreatedSelectedItems((prevItems) => [...prevItems, item]);
|
|
136
142
|
}
|
|
137
143
|
}
|
|
138
|
-
(
|
|
144
|
+
if (clearQueryOnSelection) {
|
|
145
|
+
requestState.current.query = "";
|
|
146
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
147
|
+
}
|
|
148
|
+
else {
|
|
149
|
+
(_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.select();
|
|
150
|
+
}
|
|
139
151
|
};
|
|
140
152
|
/**
|
|
141
153
|
* search through item list using "label prop" and update the items popover
|
|
@@ -153,7 +165,7 @@ function MultiSelect(_a) {
|
|
|
153
165
|
const resultFromQuery = runOnQueryChange && (yield runOnQueryChange((0, stringUtils_1.removeExtraSpaces)(query)));
|
|
154
166
|
if (requestState.current.query === query) {
|
|
155
167
|
// Only use most recent request
|
|
156
|
-
setFilteredItemList(() => [...(resultFromQuery !== null && resultFromQuery !== void 0 ? resultFromQuery : itemsCopy), ...createdItems].filter(item => itemLabel(item).toLowerCase().includes(query.toLowerCase())));
|
|
168
|
+
setFilteredItemList(() => [...(resultFromQuery !== null && resultFromQuery !== void 0 ? resultFromQuery : itemsCopy), ...createdItems].filter((item) => itemLabel(item).toLowerCase().includes(query.toLowerCase())));
|
|
157
169
|
setShowSpinner(false);
|
|
158
170
|
}
|
|
159
171
|
});
|
|
@@ -172,7 +184,7 @@ function MultiSelect(_a) {
|
|
|
172
184
|
return null;
|
|
173
185
|
}
|
|
174
186
|
let label = itemLabel(item);
|
|
175
|
-
if (createdItems.find(created => itemId(created) === itemId(item))) {
|
|
187
|
+
if (createdItems.find((created) => itemId(created) === itemId(item))) {
|
|
176
188
|
label += newItemPostfix;
|
|
177
189
|
}
|
|
178
190
|
return (react_1.default.createElement(index_1.MenuItem, { active: modifiers.active, key: itemId(item), icon: itemHasBeenSelectedAlready(itemId(item)) ? "state-checked" : "state-unchecked", onClick: handleClick, text: optionRenderer(label), shouldDismissPopover: false }));
|
|
@@ -181,6 +193,7 @@ function MultiSelect(_a) {
|
|
|
181
193
|
* clear all selected items in the multi-select input
|
|
182
194
|
*/
|
|
183
195
|
const handleClear = () => {
|
|
196
|
+
requestState.current.query = "";
|
|
184
197
|
setSelectedItems([]);
|
|
185
198
|
setFilteredItemList(itemsCopy);
|
|
186
199
|
};
|
|
@@ -191,7 +204,7 @@ function MultiSelect(_a) {
|
|
|
191
204
|
*/
|
|
192
205
|
const removeTagFromSelectionViaIndex = (label, index) => {
|
|
193
206
|
setSelectedItems([...selectedItems.slice(0, index), ...selectedItems.slice(index + 1)]);
|
|
194
|
-
setCreatedSelectedItems(items => items.filter(item => itemLabel(item) !== label));
|
|
207
|
+
setCreatedSelectedItems((items) => items.filter((item) => itemLabel(item) !== label));
|
|
195
208
|
};
|
|
196
209
|
/**
|
|
197
210
|
* Utility function to create a new Item. createNewItemFromQuery is assumed to be defined!
|
|
@@ -210,7 +223,10 @@ function MultiSelect(_a) {
|
|
|
210
223
|
*/
|
|
211
224
|
const handleOnKeyUp = (event) => {
|
|
212
225
|
var _a;
|
|
213
|
-
if (event.key === "Enter" &&
|
|
226
|
+
if (event.key === "Enter" &&
|
|
227
|
+
!filteredItemList.length &&
|
|
228
|
+
!!requestState.current.query &&
|
|
229
|
+
createNewItemFromQuery) {
|
|
214
230
|
createNewItem(requestState.current.query);
|
|
215
231
|
}
|
|
216
232
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
@@ -245,14 +261,26 @@ function MultiSelect(_a) {
|
|
|
245
261
|
return (react_1.default.createElement(index_1.MenuItem, { id: "new-item", icon: "item-add-artefact", active: active, key: label, onClick: clickHandler, text: react_1.default.createElement(index_1.OverflowText, null, `${newItemCreationText} '${label}'`) }));
|
|
246
262
|
};
|
|
247
263
|
// Clear button and spinner are both shown as "right element"
|
|
248
|
-
const clearButton = selectedItems.length > 0 ? (react_1.default.createElement(index_1.
|
|
249
|
-
const spinnerProps = showSpinner
|
|
250
|
-
|
|
251
|
-
react_1.default.createElement(index_1.Spinner, { position: "inline", size: "tiny" }),
|
|
252
|
-
|
|
253
|
-
|
|
264
|
+
const clearButton = selectedItems.length > 0 ? (react_1.default.createElement(index_1.IconButton, { disabled: disabled, name: "operation-clear", "data-test-id": "clear-all-items", onClick: handleClear })) : undefined;
|
|
265
|
+
const spinnerProps = showSpinner
|
|
266
|
+
? {
|
|
267
|
+
rightElement: react_1.default.createElement(index_1.Spinner, { position: "inline", size: "tiny" }),
|
|
268
|
+
}
|
|
269
|
+
: {};
|
|
270
|
+
return (react_1.default.createElement(select_1.MultiSelect2, Object.assign({}, otherProps, { query: requestState.current.query, onQueryChange: onQueryChange, items: filteredItemList, onItemSelect: onItemSelect, itemRenderer: onItemRenderer, itemsEqual: (a, b) => itemId(a) === itemId(b), selectedItems: selectedItems, noResults: react_1.default.createElement(index_1.MenuItem, { disabled: true, text: noResultText }), tagRenderer: (item) => itemLabel(item), createNewItemRenderer: newItemRenderer, onActiveItemChange: (activeItem) => setFocusedItem(activeItem), fill: fullWidth, createNewItemFromQuery: createNewItemFromQuery, tagInputProps: Object.assign(Object.assign({ inputProps: Object.assign({ id: "item", autoComplete: "off" }, inputProps), className: `${constants_1.CLASSPREFIX}-multiselect` + (className ? ` ${className}` : ""), fill: fullWidth, inputRef: inputRef, intent, addOnBlur: true, onKeyDown: handleOnKeyDown, onKeyUp: handleOnKeyUp, onRemove: removeTagFromSelectionViaIndex, rightElement: (react_1.default.createElement(react_1.default.Fragment, null, clearButton !== null && clearButton !== void 0 ? clearButton : null,
|
|
271
|
+
otherProps.openOnKeyDown !== true && (react_1.default.createElement(index_1.IconButton, { disabled: disabled, name: "toggler-caretdown" })))), tagProps: { minimal: true }, disabled }, tagInputProps), spinnerProps), popoverTargetProps: {
|
|
272
|
+
className: `${constants_1.CLASSPREFIX}-multiselect__target`,
|
|
273
|
+
}, popoverProps: Object.assign({ minimal: true, placement: "bottom-start", matchTargetWidth: fullWidth }, contextOverlayProps) })));
|
|
254
274
|
}
|
|
255
275
|
exports.MultiSelect = MultiSelect;
|
|
276
|
+
/** @deprecated */
|
|
277
|
+
/*
|
|
278
|
+
function ofType<U>() {
|
|
279
|
+
return (props: MultiSelectProps<U>) => <MultiSelect<U> {...props} />;
|
|
280
|
+
}
|
|
281
|
+
// */
|
|
282
|
+
// we still return the BLueprint element here because it was already used like that
|
|
283
|
+
// MultiSelect.ofType = ofType;
|
|
256
284
|
MultiSelect.ofType = select_1.MultiSelect2.ofType;
|
|
257
285
|
exports.default = MultiSelect;
|
|
258
286
|
//# sourceMappingURL=MultiSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.MultiSuggestField = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const constants_1 = require("../../configuration/constants");
|
|
20
|
+
const MultiSelect_1 = require("../MultiSelect/MultiSelect");
|
|
21
|
+
/**
|
|
22
|
+
* Element behaves very similar to `SuggestField` but allows multiple selections.
|
|
23
|
+
* Its value does not represent a string but a stack of objects.
|
|
24
|
+
*
|
|
25
|
+
* Example usage: input field for user created tags.
|
|
26
|
+
*/
|
|
27
|
+
function MultiSuggestField(_a) {
|
|
28
|
+
var { className } = _a, otherProps = __rest(_a, ["className"]);
|
|
29
|
+
// Currently this works only as an alias element for `MultiSelect`.
|
|
30
|
+
return (react_1.default.createElement(MultiSelect_1.MultiSelect, Object.assign({ className: `${constants_1.CLASSPREFIX}-multisuggestfield` + (className ? ` ${className}` : "") }, otherProps)));
|
|
31
|
+
}
|
|
32
|
+
exports.MultiSuggestField = MultiSuggestField;
|
|
33
|
+
//# sourceMappingURL=MultiSuggestField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSuggestField.js","sourceRoot":"","sources":["../../../../src/components/MultiSuggestField/MultiSuggestField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AACtE,4DAA2E;AAI3E;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAI,EAAuD;QAAvD,EAAE,SAAS,OAA4C,EAAvC,UAAU,cAA1B,aAA4B,CAAF;IAC3D,mEAAmE;IACnE,OAAO,CACH,8BAAC,yBAAW,kBACR,SAAS,EAAE,GAAG,uBAAM,oBAAoB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzE,UAAU,EAChB,CACL,CAAC;AACN,CAAC;AARD,8CAQC"}
|
|
@@ -22,19 +22,17 @@ const constants_1 = require("../../configuration/constants");
|
|
|
22
22
|
* Mainly used in items list or to create basic widgets.
|
|
23
23
|
*/
|
|
24
24
|
const OverviewItem = (_a) => {
|
|
25
|
-
var { children, className =
|
|
25
|
+
var { children, className = "", densityHigh = false, hasSpacing = false } = _a, otherProps = __rest(_a, ["children", "className", "densityHigh", "hasSpacing"]);
|
|
26
26
|
const item = (react_1.default.createElement("div", Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-overviewitem__item ` +
|
|
27
|
-
(densityHigh ? `${constants_1.CLASSPREFIX}-overviewitem__item--highdensity ` :
|
|
28
|
-
(hasSpacing ? `${constants_1.CLASSPREFIX}-overviewitem__item--hasspacing ` :
|
|
27
|
+
(densityHigh ? `${constants_1.CLASSPREFIX}-overviewitem__item--highdensity ` : "") +
|
|
28
|
+
(hasSpacing ? `${constants_1.CLASSPREFIX}-overviewitem__item--hasspacing ` : "") +
|
|
29
29
|
className }), children));
|
|
30
|
-
|
|
31
|
-
if (typeof otherProps.onClick !==
|
|
32
|
-
|
|
33
|
-
accessibilityParameters['tabIndex'] = 0;
|
|
30
|
+
const accessibilityParameters = Object.create(null);
|
|
31
|
+
if (typeof otherProps.onClick !== "undefined" || typeof otherProps.onKeyDown !== "undefined") {
|
|
32
|
+
accessibilityParameters["tabIndex"] = 0;
|
|
34
33
|
}
|
|
35
|
-
if (typeof otherProps.onClick !==
|
|
36
|
-
|
|
37
|
-
accessibilityParameters['role'] = "button";
|
|
34
|
+
if (typeof otherProps.onClick !== "undefined" && typeof otherProps.onKeyDown !== "undefined") {
|
|
35
|
+
accessibilityParameters["role"] = "button";
|
|
38
36
|
}
|
|
39
37
|
return react_1.default.cloneElement(item, accessibilityParameters);
|
|
40
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverviewItem.js","sourceRoot":"","sources":["../../../../src/components/OverviewItem/OverviewItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"OverviewItem.js","sourceRoot":"","sources":["../../../../src/components/OverviewItem/OverviewItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AAatE;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACzB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,OAEF,EADb,UAAU,cALY,sDAM5B,CADgB;IAEb,MAAM,IAAI,GAAG,CACT,uDACQ,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,sBAAsB;YAC/B,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,uBAAM,mCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;YACjE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,uBAAM,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/D,SAAS,KAGZ,QAAQ,CACP,CACT,CAAC;IAEF,MAAM,uBAAuB,GAA2B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5E,IAAI,OAAO,UAAU,CAAC,OAAO,KAAK,WAAW,IAAI,OAAO,UAAU,CAAC,SAAS,KAAK,WAAW,EAAE;QAC1F,uBAAuB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;KAC3C;IACD,IAAI,OAAO,UAAU,CAAC,OAAO,KAAK,WAAW,IAAI,OAAO,UAAU,CAAC,SAAS,KAAK,WAAW,EAAE;QAC1F,uBAAuB,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;KAC9C;IAED,OAAO,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;AAC7D,CAAC,CAAC;AA9BW,QAAA,YAAY,gBA8BvB;AAEF,kBAAe,oBAAY,CAAC"}
|
|
@@ -18,10 +18,11 @@ exports.PropertyName = void 0;
|
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const constants_1 = require("../../configuration/constants");
|
|
20
20
|
const Label_1 = __importDefault(require("../Label/Label"));
|
|
21
|
-
;
|
|
22
21
|
const PropertyName = (_a) => {
|
|
23
|
-
var { className = "", children } = _a, otherProps = __rest(_a, ["className", "children"]);
|
|
24
|
-
return (react_1.default.createElement("dt", Object.assign({ className: `${constants_1.CLASSPREFIX}-propertyvalue__property` +
|
|
22
|
+
var { className = "", size, children } = _a, otherProps = __rest(_a, ["className", "size", "children"]);
|
|
23
|
+
return (react_1.default.createElement("dt", Object.assign({ className: `${constants_1.CLASSPREFIX}-propertyvalue__property` +
|
|
24
|
+
(size ? ` ${constants_1.CLASSPREFIX}-propertyvalue__property--${size}` : "") +
|
|
25
|
+
(className ? " " + className : "") }, otherProps),
|
|
25
26
|
react_1.default.createElement("div", null, typeof children === "string" ? react_1.default.createElement(Label_1.default, { text: children, isLayoutForElement: "span" }) : children)));
|
|
26
27
|
};
|
|
27
28
|
exports.PropertyName = PropertyName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AACtE,2DAAmC;AAS5B,MAAM,YAAY,GAAG,CAAC,EAAoE,EAAE,EAAE;QAAxE,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,OAAoC,EAA/B,UAAU,cAA/C,iCAAiD,CAAF;IACxE,OAAO,CACH,oDACI,SAAS,EACL,GAAG,uBAAM,0BAA0B;YACnC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,UAAU;QAEd,2CAAM,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAAC,eAAK,IAAC,IAAI,EAAE,QAAQ,EAAE,kBAAkB,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAO,CACzG,CACR,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,YAAY,gBAavB;AAEF,kBAAe,oBAAY,CAAC"}
|
|
@@ -17,15 +17,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.Select = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const select_1 = require("@blueprintjs/select");
|
|
20
|
+
const constants_1 = require("../../configuration/constants");
|
|
21
|
+
const index_1 = require("./../../index");
|
|
20
22
|
/**
|
|
21
23
|
* Create a Select box without the HTML select element.
|
|
22
24
|
* It is possible to filter options, as well as to add new options if necessary.
|
|
25
|
+
*
|
|
26
|
+
* **Use this input element when the value is primarily selected from a defined set of elements.**
|
|
23
27
|
*/
|
|
24
28
|
function Select(_a) {
|
|
25
|
-
var
|
|
26
|
-
|
|
29
|
+
var _b, _c, _d;
|
|
30
|
+
var { contextOverlayProps, className, children, text, placeholder = "Select item ...", icon, rightIcon, onClearanceHandler, inputProps, onClearanceText = "Reset selection" } = _a, otherSelectProps = __rest(_a, ["contextOverlayProps", "className", "children", "text", "placeholder", "icon", "rightIcon", "onClearanceHandler", "inputProps", "onClearanceText"]);
|
|
31
|
+
return (react_1.default.createElement(select_1.Select2, Object.assign({ popoverProps: Object.assign({ minimal: true, matchTargetWidth: (_b = otherSelectProps.fill) !== null && _b !== void 0 ? _b : false }, contextOverlayProps), inputProps: Object.assign({ round: true }, inputProps), className: `${constants_1.CLASSPREFIX}-select` + (className ? ` ${className}` : "") }, otherSelectProps), children !== null && children !== void 0 ? children : (react_1.default.createElement(index_1.Button, { text: text ? react_1.default.createElement(index_1.OverflowText, null, text) : react_1.default.createElement(index_1.OverflowText, null, placeholder), alignText: "left", outlined: true, fill: (_c = otherSelectProps.fill) !== null && _c !== void 0 ? _c : false, disabled: (_d = otherSelectProps.disabled) !== null && _d !== void 0 ? _d : false, icon: icon, rightIcon: react_1.default.createElement(react_1.default.Fragment, null,
|
|
32
|
+
onClearanceHandler && text && (react_1.default.createElement(index_1.Icon, { name: "operation-clear", tooltipText: onClearanceText ? onClearanceText : undefined, onClick: (e) => {
|
|
33
|
+
e.stopPropagation();
|
|
34
|
+
onClearanceHandler();
|
|
35
|
+
} })),
|
|
36
|
+
typeof rightIcon === "string" ? (react_1.default.createElement(index_1.Icon, { name: rightIcon })) : (rightIcon !== null && rightIcon !== void 0 ? rightIcon : react_1.default.createElement(index_1.Icon, { name: "toggler-caretdown" }))) }))));
|
|
27
37
|
}
|
|
28
38
|
exports.Select = Select;
|
|
29
|
-
Select.ofType
|
|
39
|
+
/** @deprecated: instead of `const MySelect = Select.ofType<MyType>()` use directly `<Select<MyType> {...props} />` */
|
|
40
|
+
function ofType() {
|
|
41
|
+
return (props) => react_1.default.createElement(Select, Object.assign({}, props));
|
|
42
|
+
}
|
|
43
|
+
Select.ofType = ofType;
|
|
30
44
|
exports.default = Select;
|
|
31
45
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,gDAAuG;AAEvG,6DAAsE;AAEtE,yCAA6F;AAkC7F;;;;;GAKG;AACH,SAAgB,MAAM,CAAI,EAYT;;QAZS,EACtB,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,iBAAiB,EAC/B,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,eAAe,GAAG,iBAAiB,OAEtB,EADV,gBAAgB,cAXG,mJAYzB,CADsB;IAEnB,OAAO,CACH,8BAAC,gBAAe,kBACZ,YAAY,kBACR,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,MAAA,gBAAgB,CAAC,IAAI,mCAAI,KAAK,IAC7C,mBAAmB,GAE1B,UAAU,kBACN,KAAK,EAAE,IAAI,IACR,UAAU,GAEjB,SAAS,EAAE,GAAG,uBAAM,SAAS,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC9D,gBAAgB,GAEnB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACT,8BAAC,cAAM,IACH,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,8BAAC,oBAAY,QAAE,IAAI,CAAgB,CAAC,CAAC,CAAC,8BAAC,oBAAY,QAAE,WAAW,CAAgB,EAC7F,SAAS,EAAC,MAAM,EAChB,QAAQ,QACR,IAAI,EAAE,MAAA,gBAAgB,CAAC,IAAI,mCAAI,KAAK,EACpC,QAAQ,EAAE,MAAA,gBAAgB,CAAC,QAAQ,mCAAI,KAAK,EAC5C,IAAI,EAAE,IAAI,EACV,SAAS,EACL;YACK,kBAAkB,IAAI,IAAI,IAAI,CAC3B,8BAAC,YAAI,IACD,IAAI,EAAC,iBAAiB,EACtB,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC1D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,kBAAkB,EAAE,CAAC;gBACzB,CAAC,GACH,CACL;YACA,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,8BAAC,YAAI,IAAC,IAAI,EAAE,SAAS,GAAI,CAC5B,CAAC,CAAC,CAAC,CACA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,8BAAC,YAAI,IAAC,IAAI,EAAE,mBAAmB,GAAI,CACnD,CACF,GAET,CACL,CACa,CACrB,CAAC;AACN,CAAC;AA1DD,wBA0DC;AAED,sHAAsH;AACtH,SAAS,MAAM;IACX,OAAO,CAAC,KAAqB,EAAE,EAAE,CAAC,8BAAC,MAAM,oBAAQ,KAAK,EAAI,CAAC;AAC/D,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AAEvB,kBAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SuggestField = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const constants_1 = require("../../configuration/constants");
|
|
20
|
+
const AutoCompleteField_1 = require("../AutocompleteField/AutoCompleteField");
|
|
21
|
+
/**
|
|
22
|
+
* A component with the appearance of an input field that allows to select and optionally create new items.
|
|
23
|
+
* It shows suggestions for the entered text from which the user can select any option.
|
|
24
|
+
* It has the following fixed behavior:
|
|
25
|
+
*
|
|
26
|
+
* - When not focused, a different representation of the item value can be shown, e.g. the label of the value.
|
|
27
|
+
* - When changing an existing item the input text is set to the original value in order to be able to edit the original value.
|
|
28
|
+
* - When for a specific input text, the only item returns is the currently set item itself, all items are shown below it, to make
|
|
29
|
+
* clear that there are still other items to choose from.
|
|
30
|
+
* - The suggestions are fetched with a short delay, so not too many unnecessary requests are fired.
|
|
31
|
+
* - Items where itemRenderer returns a string have a default representation, i.e. highlighting of search words, active flag etc.
|
|
32
|
+
*/
|
|
33
|
+
function SuggestField(_a) {
|
|
34
|
+
var { className } = _a, otherProps = __rest(_a, ["className"]);
|
|
35
|
+
// Currently this works only as an alias element for `AutoCompleteField`.
|
|
36
|
+
return (react_1.default.createElement(AutoCompleteField_1.AutoCompleteField, Object.assign({ className: `${constants_1.CLASSPREFIX}-suggestfield` + (className ? ` ${className}` : "") }, otherProps)));
|
|
37
|
+
}
|
|
38
|
+
exports.SuggestField = SuggestField;
|
|
39
|
+
//# sourceMappingURL=SuggestField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuggestField.js","sourceRoot":"","sources":["../../../../src/components/SuggestField/SuggestField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AACtE,8EAAmG;AAInG;;;;;;;;;;;GAWG;AACH,SAAgB,YAAY,CAAkB,EAAgE;QAAhE,EAAE,SAAS,OAAqD,EAAhD,UAAU,cAA1B,aAA4B,CAAF;IACpE,yEAAyE;IACzE,OAAO,CACH,8BAAC,qCAAiB,kBACd,SAAS,EAAE,GAAG,uBAAM,eAAe,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACpE,UAAU,EAChB,CACL,CAAC;AACN,CAAC;AARD,oCAQC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
exports.suggestFieldUtils = void 0;
|
|
14
|
+
const autoCompleteFieldUtils_1 = require("./../AutocompleteField/autoCompleteFieldUtils");
|
|
15
|
+
__exportStar(require("./SuggestField"), exports);
|
|
16
|
+
exports.suggestFieldUtils = {
|
|
17
|
+
createNewItemRendererFactory: autoCompleteFieldUtils_1.createNewItemRendererFactory,
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SuggestField/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,0FAA6F;AAC7F,iDAA+B;AAClB,QAAA,iBAAiB,GAAG;IAC7B,4BAA4B,EAA5B,qDAA4B;CAC/B,CAAC"}
|