@eccenca/gui-elements 23.3.1 → 23.4.0-rc.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 +14 -0
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js +61 -19
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js +4 -18
- package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/ExtendedCodeEditor.js +65 -0
- package/dist/cjs/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -0
- package/dist/cjs/components/AutoSuggestion/index.js +3 -3
- package/dist/cjs/components/AutoSuggestion/index.js.map +1 -1
- package/dist/cjs/components/Card/CardHeader.js +19 -18
- package/dist/cjs/components/Card/CardHeader.js.map +1 -1
- package/dist/cjs/components/Grid/GridColumn.js +3 -3
- package/dist/cjs/components/Grid/GridColumn.js.map +1 -1
- package/dist/cjs/components/PropertyValuePair/PropertyName.js +4 -2
- package/dist/cjs/components/PropertyValuePair/PropertyName.js.map +1 -1
- package/dist/cjs/components/PropertyValuePair/PropertyValue.js +6 -4
- package/dist/cjs/components/PropertyValuePair/PropertyValue.js.map +1 -1
- package/dist/cjs/components/PropertyValuePair/PropertyValuePair.js +13 -3
- package/dist/cjs/components/PropertyValuePair/PropertyValuePair.js.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.js +30 -0
- package/dist/cjs/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/cjs/components/Skeleton/classnames.js +6 -0
- package/dist/cjs/components/Skeleton/classnames.js.map +1 -0
- package/dist/cjs/components/Table/TableCell.js +3 -2
- package/dist/cjs/components/Table/TableCell.js.map +1 -1
- package/dist/cjs/components/TextField/useTextValidation.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js +82 -40
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js +6 -20
- package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/ExtendedCodeEditor.js +70 -0
- package/dist/esm/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -0
- package/dist/esm/components/AutoSuggestion/index.js +2 -2
- package/dist/esm/components/AutoSuggestion/index.js.map +1 -1
- package/dist/esm/components/Card/CardHeader.js +15 -14
- package/dist/esm/components/Card/CardHeader.js.map +1 -1
- package/dist/esm/components/Grid/GridColumn.js +3 -3
- package/dist/esm/components/Grid/GridColumn.js.map +1 -1
- package/dist/esm/components/PropertyValuePair/PropertyName.js +4 -2
- package/dist/esm/components/PropertyValuePair/PropertyName.js.map +1 -1
- package/dist/esm/components/PropertyValuePair/PropertyValue.js +6 -4
- package/dist/esm/components/PropertyValuePair/PropertyValue.js.map +1 -1
- package/dist/esm/components/PropertyValuePair/PropertyValuePair.js +13 -3
- package/dist/esm/components/PropertyValuePair/PropertyValuePair.js.map +1 -1
- package/dist/esm/components/Skeleton/Skeleton.js +24 -0
- package/dist/esm/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/esm/components/Skeleton/classnames.js +3 -0
- package/dist/esm/components/Skeleton/classnames.js.map +1 -0
- package/dist/esm/components/Table/TableCell.js +4 -3
- package/dist/esm/components/Table/TableCell.js.map +1 -1
- package/dist/esm/components/TextField/useTextValidation.js.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/AutoSuggestion/AutoSuggestion.d.ts +8 -2
- package/dist/types/components/AutoSuggestion/AutoSuggestionList.d.ts +6 -4
- package/dist/types/components/AutoSuggestion/{SingleLineCodeEditor.d.ts → ExtendedCodeEditor.d.ts} +7 -4
- package/dist/types/components/AutoSuggestion/index.d.ts +3 -3
- package/dist/types/components/Card/CardHeader.d.ts +2 -2
- package/dist/types/components/Grid/GridColumn.d.ts +1 -0
- package/dist/types/components/PropertyValuePair/PropertyName.d.ts +7 -1
- package/dist/types/components/PropertyValuePair/PropertyValue.d.ts +7 -1
- package/dist/types/components/PropertyValuePair/PropertyValuePair.d.ts +5 -1
- package/dist/types/components/Skeleton/Skeleton.d.ts +13 -0
- package/dist/types/components/Skeleton/classnames.d.ts +1 -0
- package/dist/types/components/Table/TableCell.d.ts +7 -2
- package/dist/types/components/TextField/useTextValidation.d.ts +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/index.d.ts +3 -0
- package/package.json +1 -1
- package/src/components/AutoSuggestion/AutoSuggestion.tsx +84 -31
- package/src/components/AutoSuggestion/AutoSuggestionList.tsx +11 -42
- package/src/components/AutoSuggestion/ExtendedCodeEditor.tsx +129 -0
- package/src/components/AutoSuggestion/index.ts +3 -11
- package/src/components/AutoSuggestion/tests/AutoSuggestionList.test.tsx +83 -84
- package/src/components/AutoSuggestion/tests/{SingleLineCodeEditor.test.tsx → ExtendedCodeEditor.test.tsx} +7 -7
- package/src/components/Card/CardHeader.tsx +23 -25
- package/src/components/Grid/GridColumn.tsx +15 -13
- package/src/components/Pagination/pagination.scss +6 -1
- package/src/components/PropertyValuePair/PropertyName.tsx +21 -2
- package/src/components/PropertyValuePair/PropertyValue.tsx +21 -5
- package/src/components/PropertyValuePair/PropertyValuePair.tsx +23 -4
- package/src/components/PropertyValuePair/propertyvalue.scss +6 -1
- package/src/components/PropertyValuePair/stories/PropertyName.stories.tsx +18 -0
- package/src/components/PropertyValuePair/stories/PropertyValue.stories.tsx +18 -0
- package/src/components/PropertyValuePair/stories/PropertyValueList.stories.tsx +33 -0
- package/src/components/PropertyValuePair/stories/PropertyValuePair.stories.tsx +29 -0
- package/src/components/Skeleton/Skeleton.stories.tsx +29 -0
- package/src/components/Skeleton/Skeleton.tsx +32 -0
- package/src/components/Skeleton/classnames.ts +3 -0
- package/src/components/Skeleton/skeleton.scss +1 -0
- package/src/components/Table/TableCell.tsx +12 -8
- package/src/components/Table/stories/TableCell.stories.tsx +30 -0
- package/src/components/Table/table.scss +96 -50
- package/src/components/TextField/stories/TextField.stories.tsx +21 -18
- package/src/components/TextField/useTextValidation.ts +82 -68
- package/src/components/index.scss +1 -0
- package/src/components/index.ts +1 -0
- package/src/extensions/codemirror/_codemirror.scss +1 -0
- package/src/index.ts +2 -0
- package/dist/cjs/components/AutoSuggestion/SingleLineCodeEditor.js +0 -53
- package/dist/cjs/components/AutoSuggestion/SingleLineCodeEditor.js.map +0 -1
- package/dist/esm/components/AutoSuggestion/SingleLineCodeEditor.js +0 -47
- package/dist/esm/components/AutoSuggestion/SingleLineCodeEditor.js.map +0 -1
- package/src/components/AutoSuggestion/SingleLineCodeEditor.tsx +0 -110
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import "codemirror/addon/display/placeholder.js";
|
|
13
|
+
import "codemirror/mode/sparql/sparql.js";
|
|
14
|
+
import React from "react";
|
|
15
|
+
import { UnControlled as UnControlledEditor } from "react-codemirror2";
|
|
16
|
+
import { Classes as BlueprintClassNames } from "@blueprintjs/core";
|
|
17
|
+
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
18
|
+
/** A single-line code editor. */
|
|
19
|
+
export var ExtendedCodeEditor = function (_a) {
|
|
20
|
+
var setEditorInstance = _a.setEditorInstance, onChange = _a.onChange, onCursorChange = _a.onCursorChange, mode = _a.mode, _b = _a.initialValue, initialValue = _b === void 0 ? "" : _b, onFocusChange = _a.onFocusChange, onKeyDown = _a.onKeyDown, onSelection = _a.onSelection, _c = _a.enableTab, enableTab = _c === void 0 ? false : _c, placeholder = _a.placeholder, _d = _a.showScrollBar, showScrollBar = _d === void 0 ? true : _d, _e = _a.multiline, multiline = _e === void 0 ? false : _e, onMouseDown = _a.onMouseDown;
|
|
21
|
+
var initialContent = React.useRef(multiline ? initialValue : initialValue.replace(/[\r\n]/g, " "));
|
|
22
|
+
var extendedEditorProps = {
|
|
23
|
+
editorDidMount: function (editor) {
|
|
24
|
+
editor.on("beforeChange", function (_, change) {
|
|
25
|
+
// Prevent the user from entering new-line characters, since this is supposed to be a one-line editor.
|
|
26
|
+
if (change.update && typeof change.update === "function" && change.text.length > 1) {
|
|
27
|
+
change.update(change.from, change.to, [change.text.join("")]);
|
|
28
|
+
}
|
|
29
|
+
return true;
|
|
30
|
+
});
|
|
31
|
+
setEditorInstance(editor);
|
|
32
|
+
},
|
|
33
|
+
onBeforeChange: function (_editor, data, _, next) {
|
|
34
|
+
// Reduce multiple lines to a single line
|
|
35
|
+
if (data.text.length > 1) {
|
|
36
|
+
_editor.setValue(data.text.join(""));
|
|
37
|
+
}
|
|
38
|
+
next();
|
|
39
|
+
},
|
|
40
|
+
};
|
|
41
|
+
var extraEditorProps = multiline
|
|
42
|
+
? {
|
|
43
|
+
editorDidMount: function (editor) {
|
|
44
|
+
setEditorInstance(editor);
|
|
45
|
+
},
|
|
46
|
+
}
|
|
47
|
+
: extendedEditorProps;
|
|
48
|
+
return (React.createElement("div", { className: eccgui + "-" + (multiline ? "codeeditor" : "singlelinecodeeditor " + BlueprintClassNames.INPUT) },
|
|
49
|
+
React.createElement(UnControlledEditor, __assign({ value: initialContent.current, onFocus: function () { return onFocusChange(true); }, onBlur: function () { return onFocusChange(false); }, options: {
|
|
50
|
+
mode: mode,
|
|
51
|
+
lineNumbers: multiline,
|
|
52
|
+
lineWrapping: multiline,
|
|
53
|
+
theme: "xq-light",
|
|
54
|
+
extraKeys: enableTab ? undefined : { Tab: false },
|
|
55
|
+
placeholder: placeholder,
|
|
56
|
+
scrollbarStyle: showScrollBar ? "native" : "null",
|
|
57
|
+
}, onSelection: function (_editor, data) {
|
|
58
|
+
if (Array.isArray(data === null || data === void 0 ? void 0 : data.ranges)) {
|
|
59
|
+
onSelection(data.ranges
|
|
60
|
+
.map(function (r) { return ({ from: r.from().ch, to: r.to().ch }); })
|
|
61
|
+
.filter(function (r) { return r.from !== r.to; }));
|
|
62
|
+
}
|
|
63
|
+
}, onCursor: function (editor, data) {
|
|
64
|
+
onCursorChange(data, editor.cursorCoords(true, "local"), editor.getScrollInfo());
|
|
65
|
+
}, onChange: function (_editor, _data, value) {
|
|
66
|
+
onChange(value);
|
|
67
|
+
}, onMouseDown: function (editor) { return onMouseDown && onMouseDown(editor); }, onKeyDown: function (_, event) { return onKeyDown(event); } }, extraEditorProps))));
|
|
68
|
+
};
|
|
69
|
+
export default ExtendedCodeEditor;
|
|
70
|
+
//# sourceMappingURL=ExtendedCodeEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExtendedCodeEditor.js","sourceRoot":"","sources":["../../../../src/components/AutoSuggestion/ExtendedCodeEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AutoSuggestion } from "./AutoSuggestion.js";
|
|
2
2
|
import { AutoSuggestionList } from "./AutoSuggestionList.js";
|
|
3
|
-
import {
|
|
4
|
-
export { AutoSuggestion, AutoSuggestionList,
|
|
3
|
+
import { ExtendedCodeEditor } from "./ExtendedCodeEditor.js";
|
|
4
|
+
export { AutoSuggestion, AutoSuggestionList, ExtendedCodeEditor };
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AutoSuggestion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AutoSuggestion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -21,27 +21,28 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from "react";
|
|
24
|
-
import OverviewItem from "./../OverviewItem/OverviewItem.js";
|
|
25
|
-
import { OverviewItemDescription } from "./../OverviewItem/index.js";
|
|
26
24
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
27
|
-
import
|
|
25
|
+
import { OverviewItemDescription } from "./../OverviewItem/index.js";
|
|
26
|
+
import OverviewItem from "./../OverviewItem/OverviewItem.js";
|
|
28
27
|
import CardOptions from "./CardOptions.js";
|
|
28
|
+
import CardTitle from "./CardTitle.js";
|
|
29
29
|
export var CardHeader = function (_a) {
|
|
30
30
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.densityHigh, densityHigh = _c === void 0 ? true : _c, otherProps = __rest(_a, ["children", "className", "densityHigh"]);
|
|
31
31
|
var actions = [];
|
|
32
32
|
var description = [];
|
|
33
|
-
children &&
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
children &&
|
|
34
|
+
(Array.isArray(children) ? children : [children]).forEach(function (child) {
|
|
35
|
+
if (typeof child === "object" && child && !!child.type) {
|
|
36
|
+
switch (child.type) {
|
|
37
|
+
case CardTitle:
|
|
38
|
+
description.push(child);
|
|
39
|
+
break;
|
|
40
|
+
case CardOptions:
|
|
41
|
+
actions.push(child);
|
|
42
|
+
break;
|
|
43
|
+
}
|
|
42
44
|
}
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
+
});
|
|
45
46
|
return (React.createElement("header", null,
|
|
46
47
|
React.createElement(OverviewItem, __assign({}, otherProps, { className: eccgui + "-card__header " + className, densityHigh: densityHigh }),
|
|
47
48
|
description.length > 0 && React.createElement(OverviewItemDescription, null, description),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,YAAmC,MAAM,gCAAgC,CAAC;AACjF,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AAcpC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAgF;IAA9E,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAAK,UAAU,cAA7D,wCAA+D,CAAF;IACpF,IAAM,OAAO,GAAU,EAAE,CAAC;IAC1B,IAAM,WAAW,GAAU,EAAE,CAAC;IAE9B,QAAQ;QACJ,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAC,KAAK;YAC5D,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;gBACpD,QAAQ,KAAK,CAAC,IAAI,EAAE;oBAChB,KAAK,SAAS;wBACV,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBACxB,MAAM;oBACV,KAAK,WAAW;wBACZ,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBACpB,MAAM;iBACb;aACJ;QACL,CAAC,CAAC,CAAC;IAEP,OAAO,CACH;QACI,oBAAC,YAAY,eAAK,UAAU,IAAE,SAAS,EAAK,MAAM,mBAAgB,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW;YACnG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAC,uBAAuB,QAAE,WAAW,CAA2B;YAC1F,OAAO,CACG,CACV,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -29,15 +29,15 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
|
29
29
|
* They can contain other grids if this is necessary for more complex layouts.
|
|
30
30
|
*/
|
|
31
31
|
export var GridColumn = function (_a) {
|
|
32
|
-
var children = _a.children, _b = _a.className, className = _b === void 0 ?
|
|
32
|
+
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, full = _a.full, _e = _a.verticalAlign, verticalAlign = _e === void 0 ? "top" : _e, carbonSizeConfig = _a.carbonSizeConfig, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign", "carbonSizeConfig"]);
|
|
33
33
|
var sizeConfig = {};
|
|
34
34
|
if (small)
|
|
35
35
|
sizeConfig = { md: 2, lg: 3 };
|
|
36
36
|
if (medium)
|
|
37
37
|
sizeConfig = { md: 3, lg: 5 };
|
|
38
38
|
return (React.createElement(CarbonColumn, __assign({}, sizeConfig, carbonSizeConfig, otherProps, { className: eccgui + "-grid__column" +
|
|
39
|
-
(verticalAlign ? " " + eccgui + "-grid__column--vertical-" + verticalAlign :
|
|
40
|
-
(className ?
|
|
39
|
+
(verticalAlign ? " " + eccgui + "-grid__column--vertical-" + verticalAlign : "") +
|
|
40
|
+
(className ? " " + className : "") }), children));
|
|
41
41
|
};
|
|
42
42
|
export default GridColumn;
|
|
43
43
|
//# sourceMappingURL=GridColumn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,yBAAyB,CAAC;AAErF,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA4BtE;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAST;IARd,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,IAAI,UAAA,EACJ,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,gBAAgB,sBAAA,EACb,UAAU,cARU,yFAS1B,CADgB;IAEb,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IACzC,IAAI,MAAM;QAAE,UAAU,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IAC1C,OAAO,CACH,oBAAC,YAAY,eACL,UAAU,EACV,gBAAgB,EAChB,UAAU,IACd,SAAS,EACF,MAAM,kBAAe;YACxB,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,MAAM,6BAA0B,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACE,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -23,12 +23,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from "react";
|
|
24
24
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
25
25
|
import Label from "../Label/Label.js";
|
|
26
|
+
import OverflowText from "../Typography/OverflowText.js";
|
|
26
27
|
export var PropertyName = function (_a) {
|
|
27
|
-
var _b = _a.className, className = _b === void 0 ? "" : _b, size = _a.size,
|
|
28
|
+
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, size = _a.size, nowrap = _a.nowrap, labelProps = _a.labelProps, otherDtProps = __rest(_a, ["children", "className", "size", "nowrap", "labelProps"]);
|
|
28
29
|
return (React.createElement("dt", __assign({ className: eccgui + "-propertyvalue__property" +
|
|
29
30
|
(size ? " " + eccgui + "-propertyvalue__property--" + size : "") +
|
|
31
|
+
(nowrap ? " " + eccgui + "-propertyvalue__property--nowrap" : "") +
|
|
30
32
|
(className ? " " + className : "") }, otherDtProps),
|
|
31
|
-
React.createElement("div", null, typeof children === "string" ? (React.createElement(Label, __assign({ text: children, isLayoutForElement: "span" }, labelProps))) : (children))));
|
|
33
|
+
React.createElement("div", null, typeof children === "string" ? (React.createElement(Label, __assign({ text: nowrap ? React.createElement(OverflowText, { inline: true }, children) : children, isLayoutForElement: "span" }, labelProps))) : (children))));
|
|
32
34
|
};
|
|
33
35
|
export default PropertyName;
|
|
34
36
|
//# sourceMappingURL=PropertyName.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAqB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAqB,MAAM,gBAAgB,CAAC;AACnD,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAoBtD,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAOT;IANhB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,UAAU,gBAAA,EACP,YAAY,cANU,yDAO5B,CADkB;IAEf,OAAO,CACH,qCACI,SAAS,EACF,MAAM,6BAA0B;YACnC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAI,MAAM,kCAA6B,IAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3D,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,YAAY;QAEhB,iCACK,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,oBAAC,KAAK,aACF,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,MAAM,UAAE,QAAQ,CAAgB,CAAC,CAAC,CAAC,QAAQ,EACxE,kBAAkB,EAAC,MAAM,IACrB,UAAU,EAChB,CACL,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACC,CACL,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -22,11 +22,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from "react";
|
|
24
24
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
25
|
-
;
|
|
25
|
+
import OverflowText from "../Typography/OverflowText.js";
|
|
26
26
|
export var PropertyValue = function (_a) {
|
|
27
|
-
var _b = _a.className, className = _b === void 0 ? "" : _b,
|
|
28
|
-
return (React.createElement("dd", __assign({ className: eccgui + "-propertyvalue__value" +
|
|
29
|
-
|
|
27
|
+
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, nowrap = _a.nowrap, otherDdProps = __rest(_a, ["children", "className", "nowrap"]);
|
|
28
|
+
return (React.createElement("dd", __assign({ className: eccgui + "-propertyvalue__value" +
|
|
29
|
+
(nowrap ? " " + eccgui + "-propertyvalue__value--nowrap" : "") +
|
|
30
|
+
(className ? " " + className : "") }, otherDdProps),
|
|
31
|
+
React.createElement("div", null, nowrap ? React.createElement(OverflowText, { passDown: true }, children) : children)));
|
|
30
32
|
};
|
|
31
33
|
export default PropertyValue;
|
|
32
34
|
//# sourceMappingURL=PropertyValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyValue.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PropertyValue.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAWtD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAyE;IAAvE,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,MAAM,YAAA,EAAK,YAAY,cAAnD,mCAAqD,CAAF;IAC7E,OAAO,CACH,qCACI,SAAS,EACF,MAAM,0BAAuB;YAChC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,kCAA+B,CAAC,CAAC,CAAC,EAAE,CAAC;YACzD,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,YAAY;QAEhB,iCAAM,MAAM,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,QAAQ,UAAE,QAAQ,CAAgB,CAAC,CAAC,CAAC,QAAQ,CAAO,CAChF,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -22,13 +22,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from "react";
|
|
24
24
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
25
|
-
;
|
|
25
|
+
import PropertyName from "./PropertyName.js";
|
|
26
|
+
import PropertyValue from "./PropertyValue.js";
|
|
26
27
|
export var PropertyValuePair = function (_a) {
|
|
27
|
-
var _b = _a.className, className = _b === void 0 ? "" : _b,
|
|
28
|
+
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, nowrap = _a.nowrap, _c = _a.hasSpacing, hasSpacing = _c === void 0 ? false : _c, _d = _a.hasDivider, hasDivider = _d === void 0 ? false : _d, otherProps = __rest(_a, ["children", "className", "nowrap", "hasSpacing", "hasDivider"]);
|
|
29
|
+
var alteredChildren = nowrap
|
|
30
|
+
? React.Children.map(children, function (child) {
|
|
31
|
+
var originalChild = child;
|
|
32
|
+
if (originalChild.type && (originalChild.type === PropertyName || originalChild.type === PropertyValue)) {
|
|
33
|
+
return React.cloneElement(originalChild, { nowrap: true });
|
|
34
|
+
}
|
|
35
|
+
return child;
|
|
36
|
+
})
|
|
37
|
+
: children;
|
|
28
38
|
return (React.createElement("div", __assign({ className: eccgui + "-propertyvalue__pair" +
|
|
29
39
|
(className ? " " + className : "") +
|
|
30
40
|
(hasSpacing ? " " + eccgui + "-propertyvalue__pair--hasspacing" : "") +
|
|
31
|
-
(hasDivider ? " " + eccgui + "-propertyvalue__pair--hasdivider" : "") }, otherProps),
|
|
41
|
+
(hasDivider ? " " + eccgui + "-propertyvalue__pair--hasdivider" : "") }, otherProps), alteredChildren));
|
|
32
42
|
};
|
|
33
43
|
export default PropertyValuePair;
|
|
34
44
|
//# sourceMappingURL=PropertyValuePair.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyValuePair.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyValuePair.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PropertyValuePair.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyValuePair.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAiB5C,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAOT;IANrB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACN,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EACf,UAAU,cANiB,+DAOjC,CADgB;IAEb,IAAM,eAAe,GAAG,MAAM;QAC1B,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAC/B,IAAM,aAAa,GAAG,KAA2B,CAAC;YAClD,IAAI,aAAa,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,YAAY,IAAI,aAAa,CAAC,IAAI,KAAK,aAAa,CAAC,EAAE;gBACrG,OAAO,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;aAC9D;YACD,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC;QACJ,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACH,sCACI,SAAS,EACF,MAAM,yBAAsB;YAC/B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC,IAEhE,UAAU,GAEb,eAAe,CACd,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SKELETON } from "./classnames.js";
|
|
3
|
+
/**
|
|
4
|
+
* `<Skeleton />` provides a loading state display of its children elements.
|
|
5
|
+
* It does not provide its own content.
|
|
6
|
+
*/
|
|
7
|
+
export function Skeleton(_a) {
|
|
8
|
+
var children = _a.children;
|
|
9
|
+
var alteredChildren = React.Children.map(children, function (child) {
|
|
10
|
+
var originalChild = child;
|
|
11
|
+
if (originalChild.props) {
|
|
12
|
+
return React.cloneElement(originalChild, {
|
|
13
|
+
className: originalChild.props.className ? originalChild.props.className + " " + SKELETON : SKELETON,
|
|
14
|
+
// @see https://blueprintjs.com/docs/versions/4/#core/components/skeleton
|
|
15
|
+
disabled: true,
|
|
16
|
+
tabIndex: -1,
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
return originalChild;
|
|
20
|
+
});
|
|
21
|
+
return React.createElement(React.Fragment, null, alteredChildren);
|
|
22
|
+
}
|
|
23
|
+
export default Skeleton;
|
|
24
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AASxC;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EAA2B;QAAzB,QAAQ,cAAA;IAC/B,IAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QACvD,IAAM,aAAa,GAAG,KAA2B,CAAC;QAClD,IAAI,aAAa,CAAC,KAAK,EAAE;YACrB,OAAO,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE;gBACrC,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ;gBACpG,yEAAyE;gBACzE,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,CAAC,CAAC;aACf,CAAC,CAAC;SACN;QACD,OAAO,aAAa,CAAC;IACzB,CAAC,CAAC,CAAC;IACH,OAAO,0CAAG,eAAe,CAAI,CAAC;AAClC,CAAC;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classnames.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/classnames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,MAAM,CAAC,IAAM,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,CAAC"}
|
|
@@ -21,12 +21,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from "react";
|
|
24
|
-
import { TableCell as CarbonTableCell
|
|
24
|
+
import { TableCell as CarbonTableCell } from "carbon-components-react";
|
|
25
25
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
26
26
|
export function TableCell(_a) {
|
|
27
|
-
var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, alignVertical = _a.alignVertical, otherTableCellProps = __rest(_a, ["className", "children", "alignVertical"]);
|
|
27
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, alignHorizontal = _a.alignHorizontal, alignVertical = _a.alignVertical, otherTableCellProps = __rest(_a, ["className", "children", "alignHorizontal", "alignVertical"]);
|
|
28
28
|
return (React.createElement(CarbonTableCell, __assign({ className: eccgui + "-simpletable__cell" +
|
|
29
|
-
(
|
|
29
|
+
(alignHorizontal ? " " + eccgui + "-simpletable__cell--" + alignHorizontal : "") +
|
|
30
|
+
(alignVertical ? " " + eccgui + "-simpletable__cell--" + alignVertical : "") +
|
|
30
31
|
(className ? " " + className : "") }, otherTableCellProps), children));
|
|
31
32
|
}
|
|
32
33
|
export default TableCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,eAAe,EAA0C,MAAM,yBAAyB,CAAC;AAE/G,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAetE,MAAM,UAAU,SAAS,CAAC,EAMT;IALb,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACV,mBAAmB,cALA,6DAMzB,CADyB;IAEtB,OAAO,CACH,oBAAC,eAAe,aACZ,SAAS,EACF,MAAM,uBAAoB;YAC7B,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,MAAM,4BAAuB,eAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,MAAM,4BAAuB,aAAe,CAAC,CAAC,CAAC,EAAE,CAAC;YACvE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,mBAAmB,GAEtB,QAAQ,CACK,CACrB,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextValidation.js","sourceRoot":"","sources":["../../../../src/components/TextField/useTextValidation.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useTextValidation.js","sourceRoot":"","sources":["../../../../src/components/TextField/useTextValidation.ts"],"names":[],"mappings":"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"}
|
|
@@ -34,6 +34,7 @@ export * from "./RadioButton/RadioButton.js";
|
|
|
34
34
|
export * from "./Select/Select.js";
|
|
35
35
|
export * from "./Separation/Divider.js";
|
|
36
36
|
export * from "./Separation/Spacing.js";
|
|
37
|
+
export * from "./Skeleton/Skeleton.js";
|
|
37
38
|
export * from "./Spinner/Spinner.js";
|
|
38
39
|
export * from "./Structure/index.js";
|
|
39
40
|
export * from "./Switch/Switch.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,mCAAmC,CAAC;AAClD,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,mCAAmC,CAAC;AAClD,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,cAAc,cAAc,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { ClassNames as IntentClassNames } from "./common/Intent/index.js";
|
|
2
|
+
import * as Skeleton from "./components/Skeleton/classnames.js";
|
|
2
3
|
import * as TypographyClassNames from "./components/Typography/classnames.js";
|
|
3
4
|
import * as LegacyReplacements from "./legacy-replacements/index.js";
|
|
4
5
|
var ClassNames = {
|
|
6
|
+
Skeleton: Skeleton,
|
|
5
7
|
Typography: TypographyClassNames,
|
|
6
8
|
Intent: IntentClassNames,
|
|
7
9
|
};
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,oBAAoB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAC;AAE5D,IAAM,UAAU,GAAG;IACf,UAAU,EAAE,oBAAoB;IAChC,MAAM,EAAE,gBAAgB;CAC3B,CAAC;AACF,+BAA+B;AAC/B,IAAM,aAAa,GAAG,UAAU,CAAC;AAEjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,QAAQ,MAAM,kCAAkC,CAAC;AAC7D,OAAO,KAAK,oBAAoB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAC;AAE5D,IAAM,UAAU,GAAG;IACf,QAAQ,UAAA;IACR,UAAU,EAAE,oBAAoB;IAChC,MAAM,EAAE,gBAAgB;CAC3B,CAAC;AACF,+BAA+B;AAC/B,IAAM,aAAa,GAAG,UAAU,CAAC;AAEjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -3,7 +3,8 @@ export declare enum OVERWRITTEN_KEYS {
|
|
|
3
3
|
ArrowUp = "ArrowUp",
|
|
4
4
|
ArrowDown = "ArrowDown",
|
|
5
5
|
Enter = "Enter",
|
|
6
|
-
Tab = "Tab"
|
|
6
|
+
Tab = "Tab",
|
|
7
|
+
Escape = "Escape"
|
|
7
8
|
}
|
|
8
9
|
export declare type OverwrittenKeyTypes = (typeof OVERWRITTEN_KEYS)[keyof typeof OVERWRITTEN_KEYS];
|
|
9
10
|
/** A single suggestion. */
|
|
@@ -93,6 +94,11 @@ export interface AutoSuggestionProps {
|
|
|
93
94
|
/** Delay in ms before a validation request should be send after nothing is typed in anymore.
|
|
94
95
|
* This should prevent the UI to send too many requests to the backend. */
|
|
95
96
|
validationRequestDelay?: number;
|
|
97
|
+
/**
|
|
98
|
+
* multiline configuration
|
|
99
|
+
*/
|
|
100
|
+
multiline?: boolean;
|
|
101
|
+
mode?: string;
|
|
96
102
|
}
|
|
97
103
|
export declare type IProps = AutoSuggestionProps;
|
|
98
104
|
/**
|
|
@@ -101,5 +107,5 @@ export declare type IProps = AutoSuggestionProps;
|
|
|
101
107
|
*
|
|
102
108
|
* @deprecated
|
|
103
109
|
*/
|
|
104
|
-
export declare const AutoSuggestion: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, }: AutoSuggestionProps) => React.JSX.Element;
|
|
110
|
+
export declare const AutoSuggestion: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, mode, multiline, }: AutoSuggestionProps) => React.JSX.Element;
|
|
105
111
|
export default AutoSuggestion;
|
|
@@ -5,12 +5,14 @@ export interface AutoSuggestionListProps extends Omit<React.HTMLAttributes<HTMLD
|
|
|
5
5
|
onItemSelectionChange: (item: ISuggestionWithReplacementInfo) => any;
|
|
6
6
|
isOpen: boolean;
|
|
7
7
|
loading?: boolean;
|
|
8
|
-
registerForHorizontalShift?: (callback: HorizontalShiftCallbackFunction) => any;
|
|
9
8
|
currentlyFocusedIndex: number;
|
|
10
9
|
itemToHighlight: (item: ISuggestionWithReplacementInfo | undefined) => any;
|
|
10
|
+
/** horizontal and vertical offset values in relation to the cursor */
|
|
11
|
+
offsetValues?: {
|
|
12
|
+
x: number;
|
|
13
|
+
y: number;
|
|
14
|
+
};
|
|
11
15
|
}
|
|
12
16
|
export declare type IDropdownProps = AutoSuggestionListProps;
|
|
13
|
-
declare type HorizontalShiftCallbackFunction = (shift: number) => any;
|
|
14
17
|
/** A drop-down-like list that can be used in combination with other components to show and select items. */
|
|
15
|
-
export declare const AutoSuggestionList: ({ isOpen, options, loading, onItemSelectionChange,
|
|
16
|
-
export {};
|
|
18
|
+
export declare const AutoSuggestionList: ({ isOpen, options, loading, onItemSelectionChange, currentlyFocusedIndex, itemToHighlight, style, offsetValues, ...otherDivProps }: AutoSuggestionListProps) => React.JSX.Element | null;
|
package/dist/types/components/AutoSuggestion/{SingleLineCodeEditor.d.ts → ExtendedCodeEditor.d.ts}
RENAMED
|
@@ -6,7 +6,7 @@ export interface IRange {
|
|
|
6
6
|
from: number;
|
|
7
7
|
to: number;
|
|
8
8
|
}
|
|
9
|
-
export interface
|
|
9
|
+
export interface ExtendedCodeEditorProps {
|
|
10
10
|
setEditorInstance: (editor: CodeMirrorEditor) => any;
|
|
11
11
|
onChange: (value: string) => any;
|
|
12
12
|
onCursorChange: (pos: any, coords: any, scrollinfo: any) => any;
|
|
@@ -14,13 +14,16 @@ export interface SingleLineCodeEditorProps {
|
|
|
14
14
|
initialValue: string;
|
|
15
15
|
onFocusChange: (focused: boolean) => any;
|
|
16
16
|
onKeyDown: (event: KeyboardEvent) => any;
|
|
17
|
+
onMouseDown?: (editor: CodeMirrorEditor) => any;
|
|
17
18
|
onSelection: (ranges: IRange[]) => any;
|
|
18
19
|
enableTab?: boolean;
|
|
19
20
|
/** Placeholder tobe shown when no text has been entered, yet. */
|
|
20
21
|
placeholder?: string;
|
|
21
22
|
showScrollBar?: boolean;
|
|
23
|
+
/** allow multiline entries when new line characters are entered */
|
|
24
|
+
multiline?: boolean;
|
|
22
25
|
}
|
|
23
|
-
export declare type IEditorProps =
|
|
26
|
+
export declare type IEditorProps = ExtendedCodeEditorProps;
|
|
24
27
|
/** A single-line code editor. */
|
|
25
|
-
export declare const
|
|
26
|
-
export default
|
|
28
|
+
export declare const ExtendedCodeEditor: ({ setEditorInstance, onChange, onCursorChange, mode, initialValue, onFocusChange, onKeyDown, onSelection, enableTab, placeholder, showScrollBar, multiline, onMouseDown, }: ExtendedCodeEditorProps) => React.JSX.Element;
|
|
29
|
+
export default ExtendedCodeEditor;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AutoSuggestion, AutoSuggestionProps } from "./AutoSuggestion";
|
|
2
2
|
import { AutoSuggestionList, AutoSuggestionListProps } from "./AutoSuggestionList";
|
|
3
|
-
import {
|
|
4
|
-
export { AutoSuggestion, AutoSuggestionList,
|
|
5
|
-
export type { AutoSuggestionProps, AutoSuggestionListProps,
|
|
3
|
+
import { ExtendedCodeEditor, ExtendedCodeEditorProps } from "./ExtendedCodeEditor";
|
|
4
|
+
export { AutoSuggestion, AutoSuggestionList, ExtendedCodeEditor };
|
|
5
|
+
export type { AutoSuggestionProps, AutoSuggestionListProps, ExtendedCodeEditorProps };
|
|
@@ -3,11 +3,11 @@ import { OverviewItemProps } from "./../OverviewItem/OverviewItem";
|
|
|
3
3
|
export interface CardHeaderProps extends Omit<OverviewItemProps, "densityHigh" | "hasSpacing"> {
|
|
4
4
|
children: JSX.Element | (JSX.Element | undefined | null)[] | null | undefined;
|
|
5
5
|
/**
|
|
6
|
-
* @deprecated
|
|
6
|
+
* @deprecated use `whitespaceAmount` option of `<Card />`
|
|
7
7
|
*/
|
|
8
8
|
densityHigh?: OverviewItemProps["densityHigh"];
|
|
9
9
|
/**
|
|
10
|
-
* @deprecated
|
|
10
|
+
* @deprecated use `whitespaceAmount` option of `<Card />`
|
|
11
11
|
*/
|
|
12
12
|
hasSpacing?: OverviewItemProps["hasSpacing"];
|
|
13
13
|
}
|
|
@@ -21,6 +21,7 @@ export interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg"
|
|
|
21
21
|
carbonSizeConfig?: Pick<ColumnDefaultProps, "max" | "xlg" | "lg" | "md" | "sm">;
|
|
22
22
|
/**
|
|
23
23
|
* @deprecated
|
|
24
|
+
* Grid column always uses full width if it is the only column and does not have any othe size config.
|
|
24
25
|
*/
|
|
25
26
|
full?: boolean;
|
|
26
27
|
}
|
|
@@ -5,11 +5,17 @@ export interface PropertyNameProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
5
5
|
* Increase or decrease the width used for the property name.
|
|
6
6
|
*/
|
|
7
7
|
size?: "small" | "medium" | "large";
|
|
8
|
+
/**
|
|
9
|
+
* Force label to get displayed without line breaks.
|
|
10
|
+
* This works best if you use a simple string as content.
|
|
11
|
+
* Otherwise you may need to take care yourself about it.
|
|
12
|
+
*/
|
|
13
|
+
nowrap?: boolean;
|
|
8
14
|
/**
|
|
9
15
|
* Additional label properties, e.g. `tooltip`.
|
|
10
16
|
* It is only used if the `PropertyName` has simple text input.
|
|
11
17
|
*/
|
|
12
18
|
labelProps?: LabelProps;
|
|
13
19
|
}
|
|
14
|
-
export declare const PropertyName: ({ className, size,
|
|
20
|
+
export declare const PropertyName: ({ children, className, size, nowrap, labelProps, ...otherDtProps }: PropertyNameProps) => React.JSX.Element;
|
|
15
21
|
export default PropertyName;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface PropertyValueProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
+
/**
|
|
4
|
+
* Force value to get displayed without line breaks.
|
|
5
|
+
* This works best if you use a string or inline element as content.
|
|
6
|
+
* Otherwise you may need to take care yourself about it.
|
|
7
|
+
*/
|
|
8
|
+
nowrap?: boolean;
|
|
3
9
|
}
|
|
4
|
-
export declare const PropertyValue: ({ className,
|
|
10
|
+
export declare const PropertyValue: ({ children, className, nowrap, ...otherDdProps }: PropertyValueProps) => React.JSX.Element;
|
|
5
11
|
export default PropertyValue;
|
|
@@ -8,6 +8,10 @@ export interface PropertyValuePairProps extends React.HTMLAttributes<HTMLDivElem
|
|
|
8
8
|
* Add a horizontal rule to the bottom of the element.
|
|
9
9
|
*/
|
|
10
10
|
hasDivider?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Forward the `nowrap` option to it `PropertyName` and `PropertyValue` children.
|
|
13
|
+
*/
|
|
14
|
+
nowrap?: boolean;
|
|
11
15
|
}
|
|
12
|
-
export declare const PropertyValuePair: ({ className,
|
|
16
|
+
export declare const PropertyValuePair: ({ children, className, nowrap, hasSpacing, hasDivider, ...otherProps }: PropertyValuePairProps) => React.JSX.Element;
|
|
13
17
|
export default PropertyValuePair;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface SkeletonProps {
|
|
3
|
+
/**
|
|
4
|
+
* Element that need to displayed using the skeleton styles.
|
|
5
|
+
*/
|
|
6
|
+
children: JSX.Element | JSX.Element[];
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* `<Skeleton />` provides a loading state display of its children elements.
|
|
10
|
+
* It does not provide its own content.
|
|
11
|
+
*/
|
|
12
|
+
export declare function Skeleton({ children }: SkeletonProps): React.JSX.Element;
|
|
13
|
+
export default Skeleton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SKELETON: string;
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TableCellProps as CarbonTableCellProps } from "carbon-components-react";
|
|
3
3
|
export interface TableCellProps extends CarbonTableCellProps, React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
4
|
+
/**
|
|
5
|
+
* By default all table cell content is aligned to the left of the cell.
|
|
6
|
+
* Use this property to change the horizontal alignment.
|
|
7
|
+
*/
|
|
8
|
+
alignHorizontal?: "left" | "center";
|
|
4
9
|
/**
|
|
5
10
|
* By default all table cell content is aligned to the top of the cell.
|
|
6
11
|
* Use this property to change the vertical alignment.
|
|
7
12
|
*/
|
|
8
|
-
alignVertical?: "middle";
|
|
13
|
+
alignVertical?: "top" | "middle";
|
|
9
14
|
}
|
|
10
|
-
export declare function TableCell({ className, children, alignVertical, ...otherTableCellProps }: TableCellProps): React.JSX.Element;
|
|
15
|
+
export declare function TableCell({ className, children, alignHorizontal, alignVertical, ...otherTableCellProps }: TableCellProps): React.JSX.Element;
|
|
11
16
|
export default TableCell;
|