@neo4j-ndl/react-graph 1.3.33 → 1.3.34
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/stories/graph-visualization-color-range-styling.story.js +82 -0
- package/lib/cjs/stories/graph-visualization-color-range-styling.story.js.map +1 -0
- package/lib/cjs/stories/index.js +5 -1
- package/lib/cjs/stories/index.js.map +1 -1
- package/lib/cjs/styling/color-interpolation.js +35 -0
- package/lib/cjs/styling/color-interpolation.js.map +1 -0
- package/lib/cjs/styling/compile-graph-styles.js +69 -2
- package/lib/cjs/styling/compile-graph-styles.js.map +1 -1
- package/lib/cjs/styling/style-types.js +17 -1
- package/lib/cjs/styling/style-types.js.map +1 -1
- package/lib/esm/stories/graph-visualization-color-range-styling.story.js +79 -0
- package/lib/esm/stories/graph-visualization-color-range-styling.story.js.map +1 -0
- package/lib/esm/stories/index.js +3 -0
- package/lib/esm/stories/index.js.map +1 -1
- package/lib/esm/styling/color-interpolation.js +31 -0
- package/lib/esm/styling/color-interpolation.js.map +1 -0
- package/lib/esm/styling/compile-graph-styles.js +69 -2
- package/lib/esm/styling/compile-graph-styles.js.map +1 -1
- package/lib/esm/styling/style-types.js +16 -0
- package/lib/esm/styling/style-types.js.map +1 -1
- package/lib/types/stories/graph-visualization-color-range-styling.story.d.ts +25 -0
- package/lib/types/stories/graph-visualization-color-range-styling.story.d.ts.map +1 -0
- package/lib/types/stories/index.d.ts +2 -0
- package/lib/types/stories/index.d.ts.map +1 -1
- package/lib/types/styling/color-interpolation.d.ts +24 -0
- package/lib/types/styling/color-interpolation.d.ts.map +1 -0
- package/lib/types/styling/compile-graph-styles.d.ts.map +1 -1
- package/lib/types/styling/style-types.d.ts +34 -0
- package/lib/types/styling/style-types.d.ts.map +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,24 @@
|
|
|
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 { type RgbColor } from '@uiw/react-color';
|
|
22
|
+
export declare function getWeight(startValue: number, endValue: number, value: number): number;
|
|
23
|
+
export declare function lerpColor(startColor: RgbColor, endColor: RgbColor, weight: number): RgbColor;
|
|
24
|
+
//# sourceMappingURL=color-interpolation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-interpolation.d.ts","sourceRoot":"","sources":["../../../src/styling/color-interpolation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,wBAAgB,SAAS,CACvB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,GACZ,MAAM,CAER;AAED,wBAAgB,SAAS,CACvB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACb,QAAQ,CAMV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compile-graph-styles.d.ts","sourceRoot":"","sources":["../../../src/styling/compile-graph-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;
|
|
1
|
+
{"version":3,"file":"compile-graph-styles.d.ts","sourceRoot":"","sources":["../../../src/styling/compile-graph-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAMH,OAAO,EACL,KAAK,QAAQ,EAEb,KAAK,OAAO,EACb,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,6BAA6B,EAElC,KAAK,SAAS,EAGf,MAAM,eAAe,CAAC;AAEvB,KAAK,aAAa,GAAG;IACnB,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAC9B,kBAAkB,EAAE,SAAS,EAAE,CAAC;IAChC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IACvC,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;CACvC,CAAC;AA0iBF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,GAAG,EAAE,OAAO,KAAK,6BAA6B,CAAC;IAC1E,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,qBAAqB,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAA+B,CAAC;AAiF9D,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,GAAG,SAAS,GACzC,kBAAkB,CAyBpB"}
|
|
@@ -97,6 +97,22 @@ export declare const NvlCaptionSchema: z.ZodObject<{
|
|
|
97
97
|
key: z.ZodOptional<z.ZodString>;
|
|
98
98
|
}, z.core.$strip>;
|
|
99
99
|
export type Caption = z.infer<typeof NvlCaptionSchema>;
|
|
100
|
+
/**
|
|
101
|
+
* Gradient coloring based on a continuous numeric property value.
|
|
102
|
+
* Colors must be a standard hex string (#rrggbb).
|
|
103
|
+
* If the property is missing, non-numeric, or any color is invalid, the
|
|
104
|
+
* colorRange is silently ignored — other style properties still apply.
|
|
105
|
+
*/
|
|
106
|
+
export declare const ColorRangeSchema: z.ZodObject<{
|
|
107
|
+
onProperty: z.ZodString;
|
|
108
|
+
minValue: z.ZodNumber;
|
|
109
|
+
minColor: z.ZodString;
|
|
110
|
+
maxValue: z.ZodNumber;
|
|
111
|
+
maxColor: z.ZodString;
|
|
112
|
+
midValue: z.ZodOptional<z.ZodNumber>;
|
|
113
|
+
midColor: z.ZodOptional<z.ZodString>;
|
|
114
|
+
}, z.core.$strip>;
|
|
115
|
+
export type ColorRange = z.infer<typeof ColorRangeSchema>;
|
|
100
116
|
export declare const StyleSchema: z.ZodObject<{
|
|
101
117
|
captionAlign: z.ZodOptional<z.ZodEnum<{
|
|
102
118
|
top: "top";
|
|
@@ -114,6 +130,15 @@ export declare const StyleSchema: z.ZodObject<{
|
|
|
114
130
|
key: z.ZodOptional<z.ZodString>;
|
|
115
131
|
}, z.core.$strip>>>;
|
|
116
132
|
color: z.ZodOptional<z.ZodString>;
|
|
133
|
+
colorRange: z.ZodOptional<z.ZodObject<{
|
|
134
|
+
onProperty: z.ZodString;
|
|
135
|
+
minValue: z.ZodNumber;
|
|
136
|
+
minColor: z.ZodString;
|
|
137
|
+
maxValue: z.ZodNumber;
|
|
138
|
+
maxColor: z.ZodString;
|
|
139
|
+
midValue: z.ZodOptional<z.ZodNumber>;
|
|
140
|
+
midColor: z.ZodOptional<z.ZodString>;
|
|
141
|
+
}, z.core.$strip>>;
|
|
117
142
|
icon: z.ZodOptional<z.ZodString>;
|
|
118
143
|
overlayIcon: z.ZodOptional<z.ZodObject<{
|
|
119
144
|
url: z.ZodString;
|
|
@@ -150,6 +175,15 @@ export declare const StyleRuleSchema: z.ZodObject<{
|
|
|
150
175
|
key: z.ZodOptional<z.ZodString>;
|
|
151
176
|
}, z.core.$strip>>>;
|
|
152
177
|
color: z.ZodOptional<z.ZodString>;
|
|
178
|
+
colorRange: z.ZodOptional<z.ZodObject<{
|
|
179
|
+
onProperty: z.ZodString;
|
|
180
|
+
minValue: z.ZodNumber;
|
|
181
|
+
minColor: z.ZodString;
|
|
182
|
+
maxValue: z.ZodNumber;
|
|
183
|
+
maxColor: z.ZodString;
|
|
184
|
+
midValue: z.ZodOptional<z.ZodNumber>;
|
|
185
|
+
midColor: z.ZodOptional<z.ZodString>;
|
|
186
|
+
}, z.core.$strip>>;
|
|
153
187
|
icon: z.ZodOptional<z.ZodString>;
|
|
154
188
|
overlayIcon: z.ZodOptional<z.ZodObject<{
|
|
155
189
|
url: z.ZodString;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-types.d.ts","sourceRoot":"","sources":["../../../src/styling/style-types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA2BxB,eAAO,MAAM,cAAc;;;;;;mBAIzB,CAAC;AACH,KAAK,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAE/C,eAAO,MAAM,WAAW;;;;;;mBAItB,CAAC;AAGH,eAAO,MAAM,iBAAiB,0EAK5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW;;;;;;+FAIrB,CAAC;AACJ,MAAM,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD;;;GAGG;AAEH,MAAM,MAAM,KAAK,GAIb,QAAQ,GACR;IAAE,GAAG,EAAE,KAAK,CAAA;CAAE,GACd;IAAE,GAAG,EAAE,KAAK,EAAE,CAAA;CAAE,GAChB;IAAE,EAAE,EAAE,KAAK,EAAE,CAAA;CAAE,GACf;IAAE,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GACzB;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GAC5B;IAAE,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GACnC;IAAE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GAC/B;IAAE,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GACtC;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GAC5B;IAAE,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GAC9B;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;CAAE,GAM5B;IAAE,MAAM,EAAE,KAAK,CAAA;CAAE,CAAC;AAEtB,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAgBxC,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;mBAI7B,CAAC;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE9D,eAAO,MAAM,sBAAsB;;;;EAA0C,CAAC;AAC9E,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE,eAAO,MAAM,gBAAgB;;;;;;;;iBAI3B,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAYvD,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"style-types.d.ts","sourceRoot":"","sources":["../../../src/styling/style-types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react-graph",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.34",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of the graph visualization from Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
"@testing-library/react": "16.3.2",
|
|
45
45
|
"@types/react": "19.2.14",
|
|
46
46
|
"@types/react-dom": "19.2.3",
|
|
47
|
+
"@uiw/react-color": "2.8.1",
|
|
47
48
|
"@vitejs/plugin-react": "5.1.4",
|
|
48
49
|
"react": "19.2.5",
|
|
49
50
|
"react-dom": "19.2.5",
|