@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.
Files changed (30) hide show
  1. package/lib/cjs/stories/graph-visualization-color-range-styling.story.js +82 -0
  2. package/lib/cjs/stories/graph-visualization-color-range-styling.story.js.map +1 -0
  3. package/lib/cjs/stories/index.js +5 -1
  4. package/lib/cjs/stories/index.js.map +1 -1
  5. package/lib/cjs/styling/color-interpolation.js +35 -0
  6. package/lib/cjs/styling/color-interpolation.js.map +1 -0
  7. package/lib/cjs/styling/compile-graph-styles.js +69 -2
  8. package/lib/cjs/styling/compile-graph-styles.js.map +1 -1
  9. package/lib/cjs/styling/style-types.js +17 -1
  10. package/lib/cjs/styling/style-types.js.map +1 -1
  11. package/lib/esm/stories/graph-visualization-color-range-styling.story.js +79 -0
  12. package/lib/esm/stories/graph-visualization-color-range-styling.story.js.map +1 -0
  13. package/lib/esm/stories/index.js +3 -0
  14. package/lib/esm/stories/index.js.map +1 -1
  15. package/lib/esm/styling/color-interpolation.js +31 -0
  16. package/lib/esm/styling/color-interpolation.js.map +1 -0
  17. package/lib/esm/styling/compile-graph-styles.js +69 -2
  18. package/lib/esm/styling/compile-graph-styles.js.map +1 -1
  19. package/lib/esm/styling/style-types.js +16 -0
  20. package/lib/esm/styling/style-types.js.map +1 -1
  21. package/lib/types/stories/graph-visualization-color-range-styling.story.d.ts +25 -0
  22. package/lib/types/stories/graph-visualization-color-range-styling.story.d.ts.map +1 -0
  23. package/lib/types/stories/index.d.ts +2 -0
  24. package/lib/types/stories/index.d.ts.map +1 -1
  25. package/lib/types/styling/color-interpolation.d.ts +24 -0
  26. package/lib/types/styling/color-interpolation.d.ts.map +1 -0
  27. package/lib/types/styling/compile-graph-styles.d.ts.map +1 -1
  28. package/lib/types/styling/style-types.d.ts +34 -0
  29. package/lib/types/styling/style-types.d.ts.map +1 -1
  30. 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;AAKH,OAAO,EACL,KAAK,QAAQ,EAEb,KAAK,OAAO,EACb,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,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;AAgdF,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"}
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":"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"}
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.33",
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",