@finos/legend-application 10.2.14 → 10.2.17
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/lib/components/shared/PackageableElementOptionLabel.d.ts +2 -2
- package/lib/components/shared/PackageableElementOptionLabel.d.ts.map +1 -1
- package/lib/components/shared/PackageableElementOptionLabel.js +22 -17
- package/lib/components/shared/PackageableElementOptionLabel.js.map +1 -1
- package/lib/index.css +1 -1
- package/package.json +10 -10
- package/src/components/shared/PackageableElementOptionLabel.tsx +24 -19
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
import { type PackageableElement, type PureModel } from '@finos/legend-graph';
|
|
17
17
|
import type { PackageableElementOption } from '../../stores/shared/PackageableElementOption.js';
|
|
18
18
|
export declare const getPackageableElementOptionFormatter: (props: {
|
|
19
|
-
darkMode?: boolean;
|
|
20
|
-
|
|
19
|
+
darkMode?: boolean | undefined;
|
|
20
|
+
graph?: PureModel | undefined;
|
|
21
21
|
}) => (option: PackageableElementOption<PackageableElement>) => React.ReactNode;
|
|
22
22
|
//# sourceMappingURL=PackageableElementOptionLabel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PackageableElementOptionLabel.d.ts","sourceRoot":"","sources":["../../../src/components/shared/PackageableElementOptionLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,KAAK,kBAAkB,EAIvB,KAAK,SAAS,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;
|
|
1
|
+
{"version":3,"file":"PackageableElementOptionLabel.d.ts","sourceRoot":"","sources":["../../../src/components/shared/PackageableElementOptionLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,KAAK,kBAAkB,EAIvB,KAAK,SAAS,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;AA8BhG,eAAO,MAAM,oCAAoC,UAAW;IAC1D,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC/B,cACS,yBAAyB,kBAAkB,CAAC,KACjD,MAAM,SA0BR,CAAC"}
|
|
@@ -15,26 +15,31 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
15
15
|
* limitations under the License.
|
|
16
16
|
*/
|
|
17
17
|
import { isSystemElement, isGeneratedElement, isDependencyElement, } from '@finos/legend-graph';
|
|
18
|
-
const getElementColorCode = (element,
|
|
19
|
-
?
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
const getElementColorCode = (element, graph) => graph
|
|
19
|
+
? isSystemElement(element)
|
|
20
|
+
? 'system'
|
|
21
|
+
: isGeneratedElement(element)
|
|
22
|
+
? 'generated'
|
|
23
|
+
: isDependencyElement(element, graph)
|
|
24
|
+
? 'dependency'
|
|
25
|
+
: ''
|
|
26
|
+
: '';
|
|
27
|
+
const generateOptionTooltipText = (element, graph) => graph
|
|
28
|
+
? isSystemElement(element)
|
|
29
|
+
? 'system element'
|
|
30
|
+
: isGeneratedElement(element)
|
|
31
|
+
? 'generated element'
|
|
32
|
+
: isDependencyElement(element, graph)
|
|
33
|
+
? 'dependency element'
|
|
34
|
+
: undefined
|
|
35
|
+
: undefined;
|
|
32
36
|
export const getPackageableElementOptionFormatter = (props) => function PackageableElementOptionLabel(option) {
|
|
33
|
-
const
|
|
37
|
+
const { darkMode, graph } = props;
|
|
38
|
+
const className = darkMode
|
|
34
39
|
? 'packageable-element-option-label--dark'
|
|
35
40
|
: 'packageable-element-option-label';
|
|
36
|
-
const colorCode = getElementColorCode(option.value,
|
|
37
|
-
return (_jsxs("div", { className: className, children: [_jsx("div", { title: generateOptionTooltipText(option.value,
|
|
41
|
+
const colorCode = getElementColorCode(option.value, graph);
|
|
42
|
+
return (_jsxs("div", { className: className, children: [_jsx("div", { title: generateOptionTooltipText(option.value, graph), className: `packageable-element-option-label__type ${colorCode
|
|
38
43
|
? `packageable-element-option-label__type--${colorCode}`
|
|
39
44
|
: ''} ` }), _jsx("div", { className: `${className}__name`, children: option.label }), option.value.package && (_jsx("div", { className: `${className}__tag`, children: option.value.path }))] }));
|
|
40
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PackageableElementOptionLabel.js","sourceRoot":"","sources":["../../../src/components/shared/PackageableElementOptionLabel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAEL,eAAe,EACf,kBAAkB,EAClB,mBAAmB,GAEpB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,mBAAmB,GAAG,CAC1B,OAA2B,EAC3B,
|
|
1
|
+
{"version":3,"file":"PackageableElementOptionLabel.js","sourceRoot":"","sources":["../../../src/components/shared/PackageableElementOptionLabel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAEL,eAAe,EACf,kBAAkB,EAClB,mBAAmB,GAEpB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,mBAAmB,GAAG,CAC1B,OAA2B,EAC3B,KAA4B,EACpB,EAAE,CACV,KAAK;IACH,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC;QACxB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC;YAC7B,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC;gBACrC,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,EAAE;IACN,CAAC,CAAC,EAAE,CAAC;AAET,MAAM,yBAAyB,GAAG,CAChC,OAA2B,EAC3B,KAA4B,EACR,EAAE,CACtB,KAAK;IACH,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC;QACxB,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC;YAC7B,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC;gBACrC,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,SAAS;IACb,CAAC,CAAC,SAAS,CAAC;AAEhB,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,KAGpD,EAEqB,EAAE,CACtB,SAAS,6BAA6B,CACpC,MAAoD;IAEpD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,SAAS,GAAG,QAAQ;QACxB,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,kCAAkC,CAAC;IACvC,MAAM,SAAS,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3D,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,cACE,KAAK,EAAE,yBAAyB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EACrD,SAAS,EAAE,0CACT,SAAS;oBACP,CAAC,CAAC,2CAA2C,SAAS,EAAE;oBACxD,CAAC,CAAC,EACN,GAAG,GACE,EACP,cAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YAAG,MAAM,CAAC,KAAK,GAAO,EACzD,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,CACvB,cAAK,SAAS,EAAE,GAAG,SAAS,OAAO,YAAG,MAAM,CAAC,KAAK,CAAC,IAAI,GAAO,CAC/D,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/lib/index.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@finos/legend-application",
|
|
3
|
-
"version": "10.2.
|
|
3
|
+
"version": "10.2.17",
|
|
4
4
|
"description": "Legend application core",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"legend",
|
|
@@ -43,15 +43,15 @@
|
|
|
43
43
|
"test:watch": "jest --watch"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@finos/legend-art": "5.0.
|
|
47
|
-
"@finos/legend-graph": "22.2.
|
|
48
|
-
"@finos/legend-shared": "6.2.
|
|
46
|
+
"@finos/legend-art": "5.0.26",
|
|
47
|
+
"@finos/legend-graph": "22.2.8",
|
|
48
|
+
"@finos/legend-shared": "6.2.19",
|
|
49
49
|
"@types/css-font-loading-module": "0.0.8",
|
|
50
|
-
"@types/react": "18.0.
|
|
51
|
-
"@types/react-dom": "18.0.
|
|
50
|
+
"@types/react": "18.0.28",
|
|
51
|
+
"@types/react-dom": "18.0.11",
|
|
52
52
|
"@types/react-router-dom": "5.3.3",
|
|
53
53
|
"history": "5.3.0",
|
|
54
|
-
"mobx": "6.
|
|
54
|
+
"mobx": "6.8.0",
|
|
55
55
|
"mobx-react-lite": "3.4.0",
|
|
56
56
|
"monaco-editor": "0.35.0",
|
|
57
57
|
"react": "18.2.0",
|
|
@@ -71,14 +71,14 @@
|
|
|
71
71
|
"xterm-addon-webgl": "0.14.0"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
|
-
"@finos/legend-dev-utils": "2.0.
|
|
74
|
+
"@finos/legend-dev-utils": "2.0.41",
|
|
75
75
|
"@jest/globals": "29.4.2",
|
|
76
76
|
"cross-env": "7.0.3",
|
|
77
|
-
"eslint": "8.
|
|
77
|
+
"eslint": "8.34.0",
|
|
78
78
|
"jest": "29.4.2",
|
|
79
79
|
"npm-run-all": "4.1.5",
|
|
80
80
|
"rimraf": "4.1.2",
|
|
81
|
-
"sass": "1.58.
|
|
81
|
+
"sass": "1.58.1",
|
|
82
82
|
"typescript": "4.9.5"
|
|
83
83
|
},
|
|
84
84
|
"peerDependencies": {
|
|
@@ -25,46 +25,51 @@ import type { PackageableElementOption } from '../../stores/shared/PackageableEl
|
|
|
25
25
|
|
|
26
26
|
const getElementColorCode = (
|
|
27
27
|
element: PackageableElement,
|
|
28
|
-
|
|
28
|
+
graph: PureModel | undefined,
|
|
29
29
|
): string =>
|
|
30
|
-
|
|
31
|
-
?
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
graph
|
|
31
|
+
? isSystemElement(element)
|
|
32
|
+
? 'system'
|
|
33
|
+
: isGeneratedElement(element)
|
|
34
|
+
? 'generated'
|
|
35
|
+
: isDependencyElement(element, graph)
|
|
36
|
+
? 'dependency'
|
|
37
|
+
: ''
|
|
36
38
|
: '';
|
|
37
39
|
|
|
38
40
|
const generateOptionTooltipText = (
|
|
39
41
|
element: PackageableElement,
|
|
40
|
-
|
|
42
|
+
graph: PureModel | undefined,
|
|
41
43
|
): string | undefined =>
|
|
42
|
-
|
|
43
|
-
?
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
graph
|
|
45
|
+
? isSystemElement(element)
|
|
46
|
+
? 'system element'
|
|
47
|
+
: isGeneratedElement(element)
|
|
48
|
+
? 'generated element'
|
|
49
|
+
: isDependencyElement(element, graph)
|
|
50
|
+
? 'dependency element'
|
|
51
|
+
: undefined
|
|
48
52
|
: undefined;
|
|
49
53
|
|
|
50
54
|
export const getPackageableElementOptionFormatter = (props: {
|
|
51
|
-
darkMode?: boolean;
|
|
52
|
-
|
|
55
|
+
darkMode?: boolean | undefined;
|
|
56
|
+
graph?: PureModel | undefined;
|
|
53
57
|
}): ((
|
|
54
58
|
option: PackageableElementOption<PackageableElement>,
|
|
55
59
|
) => React.ReactNode) =>
|
|
56
60
|
function PackageableElementOptionLabel(
|
|
57
61
|
option: PackageableElementOption<PackageableElement>,
|
|
58
62
|
): React.ReactNode {
|
|
59
|
-
const
|
|
63
|
+
const { darkMode, graph } = props;
|
|
64
|
+
const className = darkMode
|
|
60
65
|
? 'packageable-element-option-label--dark'
|
|
61
66
|
: 'packageable-element-option-label';
|
|
62
|
-
const colorCode = getElementColorCode(option.value,
|
|
67
|
+
const colorCode = getElementColorCode(option.value, graph);
|
|
63
68
|
|
|
64
69
|
return (
|
|
65
70
|
<div className={className}>
|
|
66
71
|
<div
|
|
67
|
-
title={generateOptionTooltipText(option.value,
|
|
72
|
+
title={generateOptionTooltipText(option.value, graph)}
|
|
68
73
|
className={`packageable-element-option-label__type ${
|
|
69
74
|
colorCode
|
|
70
75
|
? `packageable-element-option-label__type--${colorCode}`
|