@neo4j-ndl/react 0.8.0 → 0.8.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/lib/cjs/dropdown/Dropdown.js +1 -1
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/graph-label/GraphLabel.js +80 -42
- package/lib/cjs/graph-label/GraphLabel.js.map +1 -1
- package/lib/cjs/graph-label/color.js +87 -0
- package/lib/cjs/graph-label/color.js.map +1 -0
- package/lib/esm/dropdown/Dropdown.js +1 -1
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/graph-label/GraphLabel.js +57 -42
- package/lib/esm/graph-label/GraphLabel.js.map +1 -1
- package/lib/esm/graph-label/color.js +77 -0
- package/lib/esm/graph-label/color.js.map +1 -0
- package/lib/types/graph-label/GraphLabel.d.ts +11 -38
- package/lib/types/graph-label/color.d.ts +41 -0
- package/package.json +5 -3
|
@@ -78,7 +78,7 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
78
78
|
? `1px solid ${focusedBorderColor}`
|
|
79
79
|
: `1px solid ${defaultBorder}`,
|
|
80
80
|
} })),
|
|
81
|
-
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px' })),
|
|
81
|
+
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
|
|
82
82
|
indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
83
83
|
/**
|
|
84
84
|
* The right icon has padding of 8px so:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAuC;AACvC,4DAAoC;AACpC,kFAA0D;AAE1D,2CAA2C;AAC3C,gEAAiD;AACjD,uEAA+C;AAC/C,+DAA6C;AAE7C,wCAAwC;AACxC,4CAAwD;AAMxD,2CAKqB;AAErB;;;;;;GAMG;AAEH,MAAM,kBAAkB,GAAG,CAKzB,KAAmE,EACnE,EAAE,CACF,CAAC;IACC,iBAAiB,EAAE,IAAA,qCAAyB,EAAC,KAAK,CAAC;IACnD,kBAAkB,EAAE,IAAI;IACxB,cAAc,EAAE,IAAA,iCAAqB,EAAC,KAAK,CAAC;IAC5C,gBAAgB,EAAE,IAAA,kCAAsB,EAAC,KAAK,CAAC;IAC/C,WAAW,EAAE,IAAA,6BAAiB,EAAC,KAAK,CAAC;CAKR,CAAA,CAAC;AAElC,MAAM,YAAY,GAAG,CAInB,EACA,SAAS,EACT,IAAI,GAIL,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,SAAS;QAClC,CAAC,CAAC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QAC3C,CAAC,CAAC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAEvC,MAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QAC3C,CAAC,CAAC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;IAE/C,OAAO;QACL,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC7C,oCAAoC;YACpC,sDAAsD;YACtD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,kBAAkB,EAAE,CAAC,CAAC,CAAC,MAAM,EACvE,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,KAAK,CAAC,SAAS;gBACrB,CAAC,CAAC,aAAa,kBAAkB,EAAE;gBACnC,CAAC,CAAC,aAAa,aAAa,EAAE,EAChC,SAAS,EAAE;gBACT,MAAM,EAAE,KAAK,CAAC,SAAS;oBACrB,CAAC,CAAC,aAAa,kBAAkB,EAAE;oBACnC,CAAC,CAAC,aAAa,aAAa,EAAE;aACjC,IACD;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
26
|
var t = {};
|
|
4
27
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -35,8 +58,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
35
58
|
* You should have received a copy of the GNU General Public License
|
|
36
59
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
37
60
|
*/
|
|
38
|
-
const react_1 =
|
|
61
|
+
const react_1 = __importStar(require("react"));
|
|
39
62
|
const classnames_1 = __importDefault(require("classnames"));
|
|
63
|
+
const tokens_1 = __importDefault(require("@neo4j-ndl/base/lib/tokens/js/tokens"));
|
|
64
|
+
const color_1 = require("./color");
|
|
40
65
|
/**
|
|
41
66
|
*
|
|
42
67
|
*
|
|
@@ -44,7 +69,9 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
44
69
|
*
|
|
45
70
|
*
|
|
46
71
|
*/
|
|
47
|
-
const HexagonEnd = ({ direction = 'left'
|
|
72
|
+
const HexagonEnd = ({ direction = 'left', color }) => {
|
|
73
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { className: "ndl-hexagon-end-inner", style: { fill: color }, fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })), (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
|
|
74
|
+
};
|
|
48
75
|
/**
|
|
49
76
|
*
|
|
50
77
|
*
|
|
@@ -53,7 +80,16 @@ const HexagonEnd = ({ direction = 'left' }) => ((0, jsx_runtime_1.jsxs)("div", O
|
|
|
53
80
|
*
|
|
54
81
|
*/
|
|
55
82
|
const GraphLabel = react_1.default.forwardRef(function GraphLabel(_a, ref) {
|
|
56
|
-
var { type = 'node', disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "disabled", "selected", "as", "onClick"]);
|
|
83
|
+
var { type = 'node', color, disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "color", "disabled", "selected", "as", "onClick"]);
|
|
84
|
+
const [isHover, setIsHover] = (0, react_1.useState)(false);
|
|
85
|
+
const handleMouseEnter = (event) => {
|
|
86
|
+
setIsHover(true);
|
|
87
|
+
props.onMouseEnter && props.onMouseEnter(event);
|
|
88
|
+
};
|
|
89
|
+
const handleMouseLeave = (event) => {
|
|
90
|
+
setIsHover(false);
|
|
91
|
+
props.onMouseLeave && props.onMouseLeave(event);
|
|
92
|
+
};
|
|
57
93
|
const handleClick = (e) => {
|
|
58
94
|
// By default, a <button /> element with disabled set to true will not get its
|
|
59
95
|
// on click handler called. To support the same behavior on <a /> tags we
|
|
@@ -68,51 +104,53 @@ const GraphLabel = react_1.default.forwardRef(function GraphLabel(_a, ref) {
|
|
|
68
104
|
onClick(e);
|
|
69
105
|
}
|
|
70
106
|
};
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
107
|
+
let backgroundColor = (0, react_1.useMemo)(() => {
|
|
108
|
+
if (!color) {
|
|
109
|
+
switch (type) {
|
|
110
|
+
case 'node':
|
|
111
|
+
return tokens_1.default.colors.warning[40];
|
|
112
|
+
case 'relationship':
|
|
113
|
+
return tokens_1.default.palette.light.neutral.bg.strong;
|
|
114
|
+
default:
|
|
115
|
+
return tokens_1.default.palette.light.neutral.bg.strongest;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
return color;
|
|
119
|
+
}, [color, type]);
|
|
120
|
+
const hoverColor = (0, react_1.useMemo)(() => (0, color_1.getHoverColor)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
|
|
121
|
+
const textColor = (0, react_1.useMemo)(() => (0, color_1.getTextColorFromBackground)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
|
|
122
|
+
const disabledTextColor = (0, react_1.useMemo)(() => (0, color_1.getDisabledTextColor)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
|
|
123
|
+
if (isHover && !disabled)
|
|
124
|
+
backgroundColor = hoverColor;
|
|
125
|
+
if (disabled)
|
|
126
|
+
backgroundColor = (0, color_1.getDisabledColor)(backgroundColor);
|
|
82
127
|
let Component = 'button';
|
|
83
128
|
if (as) {
|
|
84
129
|
Component = as;
|
|
85
130
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
});
|
|
93
|
-
const RelationshipLabel = react_1.default.forwardRef(function RelationshipLabel(_a, ref) {
|
|
94
|
-
var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
|
|
95
|
-
let Component = 'button';
|
|
96
|
-
if (as) {
|
|
97
|
-
Component = as;
|
|
131
|
+
if (type === 'node') {
|
|
132
|
+
const classes = (0, classnames_1.default)('ndl-node-label', props.className, {
|
|
133
|
+
disabled: disabled,
|
|
134
|
+
selected: selected,
|
|
135
|
+
});
|
|
136
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: props.children })));
|
|
98
137
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
})
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
138
|
+
else if (type === 'relationship') {
|
|
139
|
+
const classes = (0, classnames_1.default)('ndl-relationship-label', {
|
|
140
|
+
disabled: disabled,
|
|
141
|
+
selected: selected,
|
|
142
|
+
});
|
|
143
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { color: disabled ? disabledTextColor : textColor }), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ style: { display: 'none' } }, { children: (0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "left", color: backgroundColor }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-relationship-label-content", style: {
|
|
144
|
+
backgroundColor: backgroundColor,
|
|
145
|
+
} }, { children: props.children })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "right", color: backgroundColor })] })));
|
|
146
|
+
}
|
|
147
|
+
else {
|
|
148
|
+
const classes = (0, classnames_1.default)('ndl-property-key-label', {
|
|
149
|
+
disabled: disabled,
|
|
150
|
+
selected: selected,
|
|
151
|
+
});
|
|
152
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: props.children })));
|
|
110
153
|
}
|
|
111
|
-
const classes = (0, classnames_1.default)('ndl-property-key-label', {
|
|
112
|
-
disabled: disabled,
|
|
113
|
-
selected: selected,
|
|
114
|
-
});
|
|
115
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: children })));
|
|
116
154
|
});
|
|
117
155
|
exports.default = GraphLabel;
|
|
118
156
|
//# sourceMappingURL=GraphLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
23
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.getDisabledColor = exports.getDisabledTextColor = exports.getHoverColor = exports.getTextColorFromBackground = void 0;
|
|
27
|
+
const tinycolor2_1 = __importDefault(require("tinycolor2"));
|
|
28
|
+
const tokens_1 = __importDefault(require("@neo4j-ndl/base/lib/tokens/js/tokens"));
|
|
29
|
+
/**
|
|
30
|
+
* Takes a color string and returns color string
|
|
31
|
+
* that is readable on top of that background. Prioritizes pallete
|
|
32
|
+
* text colors and uses black or white as fallback.
|
|
33
|
+
*/
|
|
34
|
+
const getTextColorFromBackground = (color) => {
|
|
35
|
+
return tinycolor2_1.default
|
|
36
|
+
.mostReadable(color, [
|
|
37
|
+
tokens_1.default.palette.light.neutral.text.default,
|
|
38
|
+
tokens_1.default.palette.light.neutral.text.inverse,
|
|
39
|
+
], {
|
|
40
|
+
includeFallbackColors: true,
|
|
41
|
+
})
|
|
42
|
+
.toString();
|
|
43
|
+
};
|
|
44
|
+
exports.getTextColorFromBackground = getTextColorFromBackground;
|
|
45
|
+
/**
|
|
46
|
+
* Takes a color string and returns a color string
|
|
47
|
+
* that is darker or ligher depending on the given color.
|
|
48
|
+
*/
|
|
49
|
+
const getHoverColor = (color) => {
|
|
50
|
+
const hslColor = (0, tinycolor2_1.default)(color).toHsl();
|
|
51
|
+
if (hslColor.l < 0.5) {
|
|
52
|
+
return (0, tinycolor2_1.default)(color).lighten(10).toString();
|
|
53
|
+
}
|
|
54
|
+
return (0, tinycolor2_1.default)(color).darken(10).toString();
|
|
55
|
+
};
|
|
56
|
+
exports.getHoverColor = getHoverColor;
|
|
57
|
+
/**
|
|
58
|
+
* Returns the most readlabale color on the given background color
|
|
59
|
+
* as a string from a list of palette text colors
|
|
60
|
+
*/
|
|
61
|
+
const getDisabledTextColor = (backgroundColor) => {
|
|
62
|
+
//TODO: update to token when dark theme is available
|
|
63
|
+
//inverse of text.weaker color should probably be replaced by token
|
|
64
|
+
const inverseTextColor = '#8e887f';
|
|
65
|
+
return tinycolor2_1.default
|
|
66
|
+
.mostReadable(backgroundColor, [
|
|
67
|
+
inverseTextColor,
|
|
68
|
+
tokens_1.default.palette.light.neutral.text.weakest,
|
|
69
|
+
tokens_1.default.palette.light.neutral.text.weak,
|
|
70
|
+
tokens_1.default.palette.light.neutral.text.weaker,
|
|
71
|
+
])
|
|
72
|
+
.toString();
|
|
73
|
+
};
|
|
74
|
+
exports.getDisabledTextColor = getDisabledTextColor;
|
|
75
|
+
/**
|
|
76
|
+
* Takes a color string and returns a color string
|
|
77
|
+
* that is darker or ligher depending on the given color.
|
|
78
|
+
*/
|
|
79
|
+
const getDisabledColor = (color) => {
|
|
80
|
+
const hslColor = (0, tinycolor2_1.default)(color).toHsl();
|
|
81
|
+
if (hslColor.l < 0.5) {
|
|
82
|
+
return (0, tinycolor2_1.default)(color).lighten(15).toString();
|
|
83
|
+
}
|
|
84
|
+
return (0, tinycolor2_1.default)(color).darken(15).toString();
|
|
85
|
+
};
|
|
86
|
+
exports.getDisabledColor = getDisabledColor;
|
|
87
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../src/graph-label/color.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,4DAAmC;AACnC,kFAA0D;AAE1D;;;;GAIG;AACI,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAU,EAAE;IAClE,OAAO,oBAAS;SACb,YAAY,CACX,KAAK,EACL;QACE,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAC1C,EACD;QACE,qBAAqB,EAAE,IAAI;KAC5B,CACF;SACA,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAbW,QAAA,0BAA0B,8BAarC;AAEF;;;GAGG;AACI,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE;IACrD,MAAM,QAAQ,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AAEF;;;GAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,eAAuB,EAAU,EAAE;IACtE,oDAAoD;IACpD,mEAAmE;IACnE,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACnC,OAAO,oBAAS;SACb,YAAY,CAAC,eAAe,EAAE;QAC7B,gBAAgB;QAChB,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACtC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM;KACzC,CAAC;SACD,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B;AAEF;;;GAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}
|
|
@@ -72,7 +72,7 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
72
72
|
? `1px solid ${focusedBorderColor}`
|
|
73
73
|
: `1px solid ${defaultBorder}`,
|
|
74
74
|
} })),
|
|
75
|
-
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px' })),
|
|
75
|
+
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
|
|
76
76
|
indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
77
77
|
/**
|
|
78
78
|
* The right icon has padding of 8px so:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D,2CAA2C;AAC3C,OAAO,MAAqB,MAAM,cAAc,CAAC;AACjD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAMxD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AAErB;;;;;;GAMG;AAEH,MAAM,kBAAkB,GAAG,CAKzB,KAAmE,EACnE,EAAE,CACF,CAAC;IACC,iBAAiB,EAAE,yBAAyB,CAAC,KAAK,CAAC;IACnD,kBAAkB,EAAE,IAAI;IACxB,cAAc,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAC5C,gBAAgB,EAAE,sBAAsB,CAAC,KAAK,CAAC;IAC/C,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC;CAKR,CAAA,CAAC;AAElC,MAAM,YAAY,GAAG,CAInB,EACA,SAAS,EACT,IAAI,GAIL,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,SAAS;QAClC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QAC3C,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAEvC,MAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QAC3C,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;IAE/C,OAAO;QACL,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC7C,oCAAoC;YACpC,sDAAsD;YACtD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,kBAAkB,EAAE,CAAC,CAAC,CAAC,MAAM,EACvE,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,KAAK,CAAC,SAAS;gBACrB,CAAC,CAAC,aAAa,kBAAkB,EAAE;gBACnC,CAAC,CAAC,aAAa,aAAa,EAAE,EAChC,SAAS,EAAE;gBACT,MAAM,EAAE,KAAK,CAAC,SAAS;oBACrB,CAAC,CAAC,aAAa,kBAAkB,EAAE;oBACnC,CAAC,CAAC,aAAa,aAAa,EAAE;aACjC,IACD;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,8 +30,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import React from 'react';
|
|
33
|
+
import React, { useMemo, useState } from 'react';
|
|
34
34
|
import classnames from 'classnames';
|
|
35
|
+
import tokens from '@neo4j-ndl/base/lib/tokens/js/tokens';
|
|
36
|
+
import { getDisabledColor, getDisabledTextColor, getHoverColor, getTextColorFromBackground, } from './color';
|
|
35
37
|
/**
|
|
36
38
|
*
|
|
37
39
|
*
|
|
@@ -39,7 +41,9 @@ import classnames from 'classnames';
|
|
|
39
41
|
*
|
|
40
42
|
*
|
|
41
43
|
*/
|
|
42
|
-
const HexagonEnd = ({ direction = 'left'
|
|
44
|
+
const HexagonEnd = ({ direction = 'left', color }) => {
|
|
45
|
+
return (_jsxs("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [_jsx("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { className: "ndl-hexagon-end-inner", style: { fill: color }, fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })), _jsx("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
|
|
46
|
+
};
|
|
43
47
|
/**
|
|
44
48
|
*
|
|
45
49
|
*
|
|
@@ -48,7 +52,16 @@ const HexagonEnd = ({ direction = 'left' }) => (_jsxs("div", Object.assign({ cla
|
|
|
48
52
|
*
|
|
49
53
|
*/
|
|
50
54
|
const GraphLabel = React.forwardRef(function GraphLabel(_a, ref) {
|
|
51
|
-
var { type = 'node', disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "disabled", "selected", "as", "onClick"]);
|
|
55
|
+
var { type = 'node', color, disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "color", "disabled", "selected", "as", "onClick"]);
|
|
56
|
+
const [isHover, setIsHover] = useState(false);
|
|
57
|
+
const handleMouseEnter = (event) => {
|
|
58
|
+
setIsHover(true);
|
|
59
|
+
props.onMouseEnter && props.onMouseEnter(event);
|
|
60
|
+
};
|
|
61
|
+
const handleMouseLeave = (event) => {
|
|
62
|
+
setIsHover(false);
|
|
63
|
+
props.onMouseLeave && props.onMouseLeave(event);
|
|
64
|
+
};
|
|
52
65
|
const handleClick = (e) => {
|
|
53
66
|
// By default, a <button /> element with disabled set to true will not get its
|
|
54
67
|
// on click handler called. To support the same behavior on <a /> tags we
|
|
@@ -63,51 +76,53 @@ const GraphLabel = React.forwardRef(function GraphLabel(_a, ref) {
|
|
|
63
76
|
onClick(e);
|
|
64
77
|
}
|
|
65
78
|
};
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
79
|
+
let backgroundColor = useMemo(() => {
|
|
80
|
+
if (!color) {
|
|
81
|
+
switch (type) {
|
|
82
|
+
case 'node':
|
|
83
|
+
return tokens.colors.warning[40];
|
|
84
|
+
case 'relationship':
|
|
85
|
+
return tokens.palette.light.neutral.bg.strong;
|
|
86
|
+
default:
|
|
87
|
+
return tokens.palette.light.neutral.bg.strongest;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
return color;
|
|
91
|
+
}, [color, type]);
|
|
92
|
+
const hoverColor = useMemo(() => getHoverColor(backgroundColor ? backgroundColor : tokens.colors.warning[40]), [backgroundColor]);
|
|
93
|
+
const textColor = useMemo(() => getTextColorFromBackground(backgroundColor ? backgroundColor : tokens.colors.warning[40]), [backgroundColor]);
|
|
94
|
+
const disabledTextColor = useMemo(() => getDisabledTextColor(backgroundColor ? backgroundColor : tokens.colors.warning[40]), [backgroundColor]);
|
|
95
|
+
if (isHover && !disabled)
|
|
96
|
+
backgroundColor = hoverColor;
|
|
97
|
+
if (disabled)
|
|
98
|
+
backgroundColor = getDisabledColor(backgroundColor);
|
|
77
99
|
let Component = 'button';
|
|
78
100
|
if (as) {
|
|
79
101
|
Component = as;
|
|
80
102
|
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
});
|
|
88
|
-
const RelationshipLabel = React.forwardRef(function RelationshipLabel(_a, ref) {
|
|
89
|
-
var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
|
|
90
|
-
let Component = 'button';
|
|
91
|
-
if (as) {
|
|
92
|
-
Component = as;
|
|
103
|
+
if (type === 'node') {
|
|
104
|
+
const classes = classnames('ndl-node-label', props.className, {
|
|
105
|
+
disabled: disabled,
|
|
106
|
+
selected: selected,
|
|
107
|
+
});
|
|
108
|
+
return (_jsx(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: props.children })));
|
|
93
109
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
})
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
110
|
+
else if (type === 'relationship') {
|
|
111
|
+
const classes = classnames('ndl-relationship-label', {
|
|
112
|
+
disabled: disabled,
|
|
113
|
+
selected: selected,
|
|
114
|
+
});
|
|
115
|
+
return (_jsxs(Component, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { color: disabled ? disabledTextColor : textColor }), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: [_jsx("svg", Object.assign({ style: { display: 'none' } }, { children: _jsx("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), _jsx(HexagonEnd, { direction: "left", color: backgroundColor }), _jsx("div", Object.assign({ className: "ndl-relationship-label-content", style: {
|
|
116
|
+
backgroundColor: backgroundColor,
|
|
117
|
+
} }, { children: props.children })), _jsx(HexagonEnd, { direction: "right", color: backgroundColor })] })));
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
const classes = classnames('ndl-property-key-label', {
|
|
121
|
+
disabled: disabled,
|
|
122
|
+
selected: selected,
|
|
123
|
+
});
|
|
124
|
+
return (_jsx(Component, Object.assign({}, props, { style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: props.children })));
|
|
105
125
|
}
|
|
106
|
-
const classes = classnames('ndl-property-key-label', {
|
|
107
|
-
disabled: disabled,
|
|
108
|
-
selected: selected,
|
|
109
|
-
});
|
|
110
|
-
return (_jsx(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: children })));
|
|
111
126
|
});
|
|
112
127
|
export default GraphLabel;
|
|
113
128
|
//# sourceMappingURL=GraphLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import tinycolor from 'tinycolor2';
|
|
22
|
+
import tokens from '@neo4j-ndl/base/lib/tokens/js/tokens';
|
|
23
|
+
/**
|
|
24
|
+
* Takes a color string and returns color string
|
|
25
|
+
* that is readable on top of that background. Prioritizes pallete
|
|
26
|
+
* text colors and uses black or white as fallback.
|
|
27
|
+
*/
|
|
28
|
+
export const getTextColorFromBackground = (color) => {
|
|
29
|
+
return tinycolor
|
|
30
|
+
.mostReadable(color, [
|
|
31
|
+
tokens.palette.light.neutral.text.default,
|
|
32
|
+
tokens.palette.light.neutral.text.inverse,
|
|
33
|
+
], {
|
|
34
|
+
includeFallbackColors: true,
|
|
35
|
+
})
|
|
36
|
+
.toString();
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* Takes a color string and returns a color string
|
|
40
|
+
* that is darker or ligher depending on the given color.
|
|
41
|
+
*/
|
|
42
|
+
export const getHoverColor = (color) => {
|
|
43
|
+
const hslColor = tinycolor(color).toHsl();
|
|
44
|
+
if (hslColor.l < 0.5) {
|
|
45
|
+
return tinycolor(color).lighten(10).toString();
|
|
46
|
+
}
|
|
47
|
+
return tinycolor(color).darken(10).toString();
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* Returns the most readlabale color on the given background color
|
|
51
|
+
* as a string from a list of palette text colors
|
|
52
|
+
*/
|
|
53
|
+
export const getDisabledTextColor = (backgroundColor) => {
|
|
54
|
+
//TODO: update to token when dark theme is available
|
|
55
|
+
//inverse of text.weaker color should probably be replaced by token
|
|
56
|
+
const inverseTextColor = '#8e887f';
|
|
57
|
+
return tinycolor
|
|
58
|
+
.mostReadable(backgroundColor, [
|
|
59
|
+
inverseTextColor,
|
|
60
|
+
tokens.palette.light.neutral.text.weakest,
|
|
61
|
+
tokens.palette.light.neutral.text.weak,
|
|
62
|
+
tokens.palette.light.neutral.text.weaker,
|
|
63
|
+
])
|
|
64
|
+
.toString();
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Takes a color string and returns a color string
|
|
68
|
+
* that is darker or ligher depending on the given color.
|
|
69
|
+
*/
|
|
70
|
+
export const getDisabledColor = (color) => {
|
|
71
|
+
const hslColor = tinycolor(color).toHsl();
|
|
72
|
+
if (hslColor.l < 0.5) {
|
|
73
|
+
return tinycolor(color).lighten(15).toString();
|
|
74
|
+
}
|
|
75
|
+
return tinycolor(color).darken(15).toString();
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../src/graph-label/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAU,EAAE;IAClE,OAAO,SAAS;SACb,YAAY,CACX,KAAK,EACL;QACE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAC1C,EACD;QACE,qBAAqB,EAAE,IAAI;KAC5B,CACF;SACA,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE;IACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,eAAuB,EAAU,EAAE;IACtE,oDAAoD;IACpD,mEAAmE;IACnE,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACnC,OAAO,SAAS;SACb,YAAY,CAAC,eAAe,EAAE;QAC7B,gBAAgB;QAChB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACtC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM;KACzC,CAAC;SACD,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC"}
|
|
@@ -19,52 +19,25 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { ElementBase } from '../helpers';
|
|
23
22
|
/**
|
|
24
23
|
*
|
|
25
24
|
*
|
|
26
|
-
*
|
|
25
|
+
* GraphLabel Component
|
|
27
26
|
*
|
|
28
27
|
*
|
|
29
28
|
*/
|
|
30
|
-
declare
|
|
29
|
+
declare const GraphLabel: React.ForwardRefExoticComponent<{
|
|
30
|
+
type: 'node' | 'relationship' | 'propertyKey';
|
|
31
31
|
children?: React.ReactNode;
|
|
32
|
+
/** The background color of the label only applicable to type node and relationship*/
|
|
33
|
+
color?: string | undefined;
|
|
32
34
|
/** Sets the label to the disabled style */
|
|
33
|
-
disabled?: boolean;
|
|
35
|
+
disabled?: boolean | undefined;
|
|
34
36
|
/** Additional classes only applicable to type node*/
|
|
35
|
-
className?: string;
|
|
36
|
-
/** The background color of the label only applicable to type node*/
|
|
37
|
-
color?: string;
|
|
38
|
-
/** If the element is selected */
|
|
39
|
-
selected?: boolean;
|
|
40
|
-
} & ElementBase<HTMLButtonElement>;
|
|
41
|
-
declare type RelationshipLabelProps = {
|
|
42
|
-
children?: React.ReactNode;
|
|
43
|
-
/** Sets the label to the disabled style */
|
|
44
|
-
disabled?: boolean;
|
|
45
|
-
/** If the element is selected */
|
|
46
|
-
selected?: boolean;
|
|
47
|
-
} & ElementBase<HTMLButtonElement>;
|
|
48
|
-
declare type PropertyKeyLabelProps = {
|
|
49
|
-
children?: React.ReactNode;
|
|
50
|
-
/** Sets the label to the disabled style */
|
|
51
|
-
disabled?: boolean;
|
|
37
|
+
className?: string | undefined;
|
|
52
38
|
/** If the element is selected */
|
|
53
|
-
selected?: boolean;
|
|
54
|
-
} &
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
} & NodeLabelProps) | ({
|
|
58
|
-
type: 'relationship';
|
|
59
|
-
} & RelationshipLabelProps) | ({
|
|
60
|
-
type: 'propertyKey';
|
|
61
|
-
} & PropertyKeyLabelProps);
|
|
62
|
-
/**
|
|
63
|
-
*
|
|
64
|
-
*
|
|
65
|
-
* GraphLabel Component
|
|
66
|
-
*
|
|
67
|
-
*
|
|
68
|
-
*/
|
|
69
|
-
declare const GraphLabel: React.ForwardRefExoticComponent<GraphLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
selected?: boolean | undefined;
|
|
40
|
+
} & Omit<React.HTMLProps<HTMLButtonElement>, "ref" | "size" | "as" | "selected" | "onChange"> & {
|
|
41
|
+
as?: string | React.ComponentType<any> | undefined;
|
|
42
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
70
43
|
export default GraphLabel;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
/**
|
|
22
|
+
* Takes a color string and returns color string
|
|
23
|
+
* that is readable on top of that background. Prioritizes pallete
|
|
24
|
+
* text colors and uses black or white as fallback.
|
|
25
|
+
*/
|
|
26
|
+
export declare const getTextColorFromBackground: (color: string) => string;
|
|
27
|
+
/**
|
|
28
|
+
* Takes a color string and returns a color string
|
|
29
|
+
* that is darker or ligher depending on the given color.
|
|
30
|
+
*/
|
|
31
|
+
export declare const getHoverColor: (color: string) => string;
|
|
32
|
+
/**
|
|
33
|
+
* Returns the most readlabale color on the given background color
|
|
34
|
+
* as a string from a list of palette text colors
|
|
35
|
+
*/
|
|
36
|
+
export declare const getDisabledTextColor: (backgroundColor: string) => string;
|
|
37
|
+
/**
|
|
38
|
+
* Takes a color string and returns a color string
|
|
39
|
+
* that is darker or ligher depending on the given color.
|
|
40
|
+
*/
|
|
41
|
+
export declare const getDisabledColor: (color: string) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.1",
|
|
4
4
|
"description": "React implementation of Neo4j Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"button",
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
"@types/jest-axe": "^3.5.3",
|
|
49
49
|
"@types/react-dom": "^17.0.11",
|
|
50
50
|
"@types/react-table": "^7.7.10",
|
|
51
|
+
"@types/tinycolor2": "^1.4.3",
|
|
51
52
|
"@typescript-eslint/eslint-plugin": "^5.5.0",
|
|
52
53
|
"@typescript-eslint/parser": "^5.5.0",
|
|
53
54
|
"babel-jest": "^27.3.1",
|
|
@@ -68,13 +69,14 @@
|
|
|
68
69
|
},
|
|
69
70
|
"dependencies": {
|
|
70
71
|
"@heroicons/react": "^1.0.5",
|
|
71
|
-
"@neo4j-ndl/base": "
|
|
72
|
+
"@neo4j-ndl/base": "workspace:^",
|
|
72
73
|
"classnames": "^2.3.1",
|
|
73
74
|
"detect-browser": "^5.3.0",
|
|
74
75
|
"react-dropzone": "^14.0.0",
|
|
75
76
|
"react-select": "^5.3.2",
|
|
76
77
|
"react-syntax-highlighter": "^15.5.0",
|
|
77
78
|
"react-table": "^7.7.0",
|
|
78
|
-
"react-use": "^17.4.0"
|
|
79
|
+
"react-use": "^17.4.0",
|
|
80
|
+
"tinycolor2": "^1.4.2"
|
|
79
81
|
}
|
|
80
82
|
}
|