update thematic version, fix nodes & edge opacity when value is 0 and nodes count on search (#16)

* update thematic

* fix nodes and edge opacity when 0

* fix nodes count on search

package.json

@@ -35,11 +35,11 @@
 		"@testing-library/jest-dom": "^4.2.4",
 		"@testing-library/react": "^9.3.2",
 		"@testing-library/user-event": "^7.1.2",
-		"@thematic/color": "^1.2.0",
-		"@thematic/core": "^1.2.0",
-		"@thematic/d3": "^1.2.0",
-		"@thematic/fluent": "^1.2.0",
-		"@thematic/react": "^1.2.0",
+		"@thematic/color": "^1.3.0",
+		"@thematic/core": "^1.3.0",
+		"@thematic/d3": "^1.3.0",
+		"@thematic/fluent": "^1.3.0",
+		"@thematic/react": "^1.3.0",
 		"@types/d3-brush": "^2.1.0",
 		"@types/d3-dsv": "^1.0.36",
 		"@types/d3-format": "^1.3.1",

src/components/App/pages/GraphViewerPage/SidePanel/PanelComponents/SearchItems.tsx

@@ -199,13 +199,13 @@ export const SearchItems: React.FC<SearchItemsProps> = ({
 				totalCommunity > 1
 					? `${kFormatter(totalCommunity)} communities`
 					: `${totalCommunity} community`
-			if (totalNodes > 0) {
-				communityText += ' & '
-				nodeText =
-					totalNodes > 1
-						? `${kFormatter(totalNodes)} nodes`
-						: `${totalNodes} node`
-			}
+		}
+		if (totalNodes > 0) {
+			communityText += communityText.length > 0 ? ' & ' : ''
+			nodeText =
+				totalNodes > 1
+					? `${kFormatter(totalNodes)} nodes`
+					: `${totalNodes} node`
 		}
 
 		return `Found ${communityText} ${nodeText}`

src/hooks/graph/scales.ts

@@ -28,7 +28,7 @@ export function useNumericEncodingScale(
 		}),
 		[encoding, overrides],
 	)
-	const fixed = useCallback(() => enc.value || 0, [enc])
+	const fixed = useCallback(() => enc.value || 1e-6, [enc])
 	const scale = useMemo(() => {
 		// TODO: check safe log domains (no zero crossings) and adjust
 		const fn = enc.scaleType === ScaleType.Log ? scaleLog : scaleLinear

yarn.lock

@@ -2185,7 +2185,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@essex/scripts@npm:^15.1.2, @essex/scripts@npm:^15.2.0":
+"@essex/scripts@npm:^15.2.0":
   version: 15.2.0
   resolution: "@essex/scripts@npm:15.2.0"
   dependencies:
@@ -3403,43 +3403,57 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@thematic/color@npm:1.2.0, @thematic/color@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@thematic/color@npm:1.2.0"
+"@thematic/color@npm:1.3.0, @thematic/color@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@thematic/color@npm:1.3.0"
   dependencies:
     chroma-js: ^2.1.1
     color-blind: ^0.1.1
     core-js: ^3.12.1
     hsluv: ^0.1.0
   peerDependencies:
+    "@types/chroma-js": "*"
     "@types/node": "*"
-  checksum: 494fbc23f2c9cd14ba3f6083b79a9810fe9b1bc09ad72571aecc7f0645c7af86b0f85de23d3e56a9618ceabd01ed1243a5c44956d49ae358f833e324f8036f31
+  peerDependenciesMeta:
+    "@types/chroma-js":
+      optional: true
+    "@types/node":
+      optional: true
+  checksum: b7e62f34484b2ba4661d4cd60b52e24087c183922a12e1704d063522c9e85b2e7c3b051ead8961809512793db49184f3dd71d0564bdb0c79e8f7b1ff6bcad568
   languageName: node
   linkType: hard
 
-"@thematic/core@npm:1.2.0, @thematic/core@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@thematic/core@npm:1.2.0"
+"@thematic/core@npm:1.3.0, @thematic/core@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@thematic/core@npm:1.3.0"
   dependencies:
-    "@thematic/color": 1.2.0
-    "@types/lodash": ^4.14.168
-    "@types/murmurhash-js": ^1.0.3
+    "@thematic/color": 1.3.0
     core-js: ^3.12.1
     d3-scale: ^3.2.3
     lodash: ^4.17.20
     murmurhash-js: ^1.0.0
   peerDependencies:
     "@types/d3-scale": ">= 2"
+    "@types/lodash": ">= 4"
     "@types/node": "*"
-  checksum: 3740663d79462b14a47962bf16833a72ad9e832778132ab7130b0ee20e229da65331204d21200225362c4818098ee5de357dbd8e593600f1080880fc68af6cfc
+  peerDependenciesMeta:
+    "@types/d3-scale":
+      optional: true
+    "@types/lodash":
+      optional: true
+    "@types/murmurhash-js":
+      optional: true
+    "@types/node":
+      optional: true
+  checksum: 644d01bac8b41af877373350dece5ed8d1f0d97a3f60620a30e97430508482ea5fe429bda69f99ac62b2fc09ad95d1451c500fcf41b368688d2a7b3726813625
   languageName: node
   linkType: hard
 
-"@thematic/d3@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@thematic/d3@npm:1.2.0"
+"@thematic/d3@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@thematic/d3@npm:1.3.0"
   dependencies:
-    "@thematic/core": 1.2.0
+    "@thematic/core": 1.3.0
     core-js: ^3.12.1
     d3-axis: ^1.0.12
     d3-selection: ^1.4.2
@@ -3447,43 +3461,67 @@ __metadata:
     "@types/d3-axis": ">= 1"
     "@types/d3-selection": ">= 1"
     "@types/node": "*"
-  checksum: 550d49f16f33f1f550d458e259855efbc588df6eb7100fc3ca6b7f7aaf9e11e50fdc1fc798b83e20e3e53ebb4649d7c4151b8dd9245b4debc48302d0f2bf596a
+  peerDependenciesMeta:
+    "@types/d3-axis":
+      optional: true
+    "@types/d3-selection":
+      optional: true
+    "@types/node":
+      optional: true
+  checksum: 44e6191eebe82ddfbb96ab0fa50ac44981b1542150a94a832e2233ee3264b3e278c4d528401a33e6a846310f10f0e6e5592295d849df1d4d8af3e7a30b8b3d28
   languageName: node
   linkType: hard
 
-"@thematic/fluent@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@thematic/fluent@npm:1.2.0"
+"@thematic/fluent@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@thematic/fluent@npm:1.3.0"
   dependencies:
     "@essex-js-toolkit/hooks": ^1.1.5
-    "@thematic/color": 1.2.0
-    "@thematic/core": 1.2.0
-    "@thematic/react": 1.2.0
+    "@thematic/color": 1.3.0
+    "@thematic/core": 1.3.0
+    "@thematic/react": 1.3.0
     core-js: ^3.12.1
     d3-scale: ^3.3.0
   peerDependencies:
+    "@fluentui/font-icons-mdl2": ">= 8"
     "@fluentui/react": ">= 8"
-    "@fluentuit/font-icons-mdl2": ">= 8"
     "@types/node": "*"
     "@types/react": ">= 17"
     react: ">= 17"
-  checksum: 7304c900fbae2bb509c7b160612f4c442543ed54b030991ba64226d77c92aef0ad77d7f7aeee4489fb25de872382c5365c882e591a0c1ceab9a9891ab61dc117
+  peerDependenciesMeta:
+    "@fluentui/font-icons-mdl2":
+      optional: false
+    "@fluentui/react":
+      optional: false
+    "@types/node":
+      optional: true
+    "@types/react":
+      optional: true
+    react:
+      optional: false
+  checksum: ac26d590f008058d2ecb998c34428a975e94af09961855e369c0b0543bdfddb9ba7a3299931721d90d2e41924a963acacc806a7e157fce61b270d69cb071fca9
   languageName: node
   linkType: hard
 
-"@thematic/react@npm:1.2.0, @thematic/react@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@thematic/react@npm:1.2.0"
+"@thematic/react@npm:1.3.0, @thematic/react@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@thematic/react@npm:1.3.0"
   dependencies:
-    "@essex/scripts": ^15.1.2
-    "@thematic/color": 1.2.0
-    "@thematic/core": 1.2.0
+    "@thematic/color": 1.3.0
+    "@thematic/core": 1.3.0
     core-js: ^3.12.1
   peerDependencies:
     "@types/node": "*"
     "@types/react": ">= 17"
     react: ">= 17"
-  checksum: f73bab0f7c3b4677e5bbfabad75e4519bb893e248096b43c78412d9993ba548c1bf0e206f23e5c25d15c9ffa6f7a07d0ad6549a2c401e38f1dc1a2d7f863dc57
+  peerDependenciesMeta:
+    "@types/node":
+      optional: true
+    "@types/react":
+      optional: true
+    react:
+      optional: false
+  checksum: 06caf208c61d3281b23ce030395f529bb37dcd8031ab1ea12f55dff9b97e1a8ff1af03c4db28edfe2c59650ba165e4e655c18d90160542486678be2f29976056
   languageName: node
   linkType: hard
 
@@ -3949,13 +3987,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:^4.14.168":
-  version: 4.14.170
-  resolution: "@types/lodash@npm:4.14.170"
-  checksum: 238a440804e787b85461cc280a11926c80779f7502fec21a70b4424d5feba4cc34cdcbbbc1dca2ec5e75b06d5dc42e42add798be3b6651e8dce9f4b5318d6022
-  languageName: node
-  linkType: hard
-
 "@types/mime@npm:^1":
   version: 1.3.2
   resolution: "@types/mime@npm:1.3.2"
@@ -3977,13 +4008,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/murmurhash-js@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "@types/murmurhash-js@npm:1.0.3"
-  checksum: 8fb44b70ad7e6ea0f280412563e1cac2fc8766f20eb3f11bf95f084d8074a8261698afc7526d895ea8345cf5d933c2ffe62ae4f8b95123782591022c84bd9d89
-  languageName: node
-  linkType: hard
-
 "@types/node-fetch@npm:^2.5.0":
   version: 2.5.10
   resolution: "@types/node-fetch@npm:2.5.10"
@@ -10245,17 +10269,17 @@ fsevents@^1.2.7:
   linkType: hard
 
 "gl@npm:^4.5.2":
-  version: 4.9.0
-  resolution: "gl@npm:4.9.0"
+  version: 4.9.2
+  resolution: "gl@npm:4.9.2"
   dependencies:
     bindings: ^1.5.0
     bit-twiddle: ^1.0.2
     glsl-tokenizer: ^2.0.2
-    nan: ^2.14.1
-    node-abi: ^2.18.0
-    node-gyp: ^7.1.0
-    prebuild-install: ^5.3.5
-  checksum: 5f607abe1c230e37125e43be3b1e3aaefda10a9af22a1387d656b8994e810ba6a22104f75e45239c400e44208594468afa9645172b2a74de7b79b6da98c967bd
+    nan: ^2.15.0
+    node-abi: ^2.30.1
+    node-gyp: ^7.1.2
+    prebuild-install: ^5.3.6
+  checksum: 6c784f35a4bbd4f676f6bcc735c374bf4d0820882c28c6e8c6598d3131a61617aa994465ff4c73a54eb2ae0cb014e851e65deb585efb13b414b70ae3ea7d32e9
   languageName: node
   linkType: hard
 
@@ -10500,25 +10524,32 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"gpu.js@npm:2.11.3, gpu.js@npm:^2.11.2":
-  version: 2.11.3
-  resolution: "gpu.js@npm:2.11.3"
+"gpu.js@npm:2.11.4, gpu.js@npm:^2.11.2":
+  version: 2.11.4
+  resolution: "gpu.js@npm:2.11.4"
   dependencies:
     acorn: ^7.1.1
     gl: ^4.5.2
     gl-wiretap: ^0.6.2
     gpu-mock.js: ^1.3.0
-  checksum: e35161f7c9684a91c89629161e21641b8b68c672a4c896eb8b4e1118d00f7fb7bf64b5c0bedc639032ff7cc8bfa17fe921a6c599cfa6181a896757bbedb805b3
+  checksum: ad91baa6fa6bffc8341c5258ec958e60490969856d30c7b359491b1195454a6274b3b5600547b670492fe3cd9e5e4912916a9a5d8676b67c968ad0493ee1a0ba
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.0.0, graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.15, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.3, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6":
+"graceful-fs@npm:^4.0.0, graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.15, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6":
   version: 4.2.6
   resolution: "graceful-fs@npm:4.2.6"
   checksum: 792e64aafda05a151289f83eaa16aff34ef259658cefd65393883d959409f5a2389b0ec9ebf28f3d21f1b0ddc8f594a1162ae9b18e2b507a6799a70706ec573d
   languageName: node
   linkType: hard
 
+"graceful-fs@npm:^4.2.3":
+  version: 4.2.8
+  resolution: "graceful-fs@npm:4.2.8"
+  checksum: 5d224c8969ad0581d551dfabdb06882706b31af2561bd5e2034b4097e67cc27d05232849b8643866585fd0a41c7af152950f8776f4dd5579e9853733f31461c6
+  languageName: node
+  linkType: hard
+
 "graph-drilldown@workspace:.":
   version: 0.0.0-use.local
   resolution: "graph-drilldown@workspace:."
@@ -10546,11 +10577,11 @@ fsevents@^1.2.7:
     "@testing-library/jest-dom": ^4.2.4
     "@testing-library/react": ^9.3.2
     "@testing-library/user-event": ^7.1.2
-    "@thematic/color": ^1.2.0
-    "@thematic/core": ^1.2.0
-    "@thematic/d3": ^1.2.0
-    "@thematic/fluent": ^1.2.0
-    "@thematic/react": ^1.2.0
+    "@thematic/color": ^1.3.0
+    "@thematic/core": ^1.3.0
+    "@thematic/d3": ^1.3.0
+    "@thematic/fluent": ^1.3.0
+    "@thematic/react": ^1.3.0
     "@types/concurrently": ^5.2.1
     "@types/d3-array": ^2.9.0
     "@types/d3-brush": ^2.1.0
@@ -14088,7 +14119,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"nan@npm:^2.12.1, nan@npm:^2.14.1":
+"nan@npm:^2.12.1":
   version: 2.14.2
   resolution: "nan@npm:2.14.2"
   dependencies:
@@ -14097,6 +14128,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"nan@npm:^2.15.0":
+  version: 2.15.0
+  resolution: "nan@npm:2.15.0"
+  dependencies:
+    node-gyp: latest
+  checksum: 33e1bb4dfca447fe37d4bb5889be55de154828632c8d38646db67293a21afd61ed9909cdf1b886214a64707d935926c4e60e2b09de9edfc2ad58de31d6ce8f39
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.1.23":
   version: 3.1.23
   resolution: "nanoid@npm:3.1.23"
@@ -14186,12 +14226,12 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"node-abi@npm:^2.18.0, node-abi@npm:^2.7.0":
-  version: 2.26.0
-  resolution: "node-abi@npm:2.26.0"
+"node-abi@npm:^2.30.1, node-abi@npm:^2.7.0":
+  version: 2.30.1
+  resolution: "node-abi@npm:2.30.1"
   dependencies:
     semver: ^5.4.1
-  checksum: a405ee19177c5844d667f4cd3175ed2e397439d0f3049ad8b553f2ccf26895fb0f5143f4fcf97bde5fd94dab446e83e41a9cccd77517d97ab0852f705683684b
+  checksum: 3f4b0c912ce4befcd7ceab4493ba90b51d60dfcc90f567c93f731d897ef8691add601cb64c181683b800f21d479d68f9a6e15d8ab8acd16a5706333b9e30a881
   languageName: node
   linkType: hard
 
@@ -14218,7 +14258,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"node-gyp@npm:^7.1.0":
+"node-gyp@npm:^7.1.2":
   version: 7.1.2
   resolution: "node-gyp@npm:7.1.2"
   dependencies:
@@ -15534,7 +15574,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"prebuild-install@npm:^5.3.5":
+"prebuild-install@npm:^5.3.6":
   version: 5.3.6
   resolution: "prebuild-install@npm:5.3.6"
   dependencies: