Notes

const markTechSpecsNodes = (node, collectionKeys, isUnderTechSpecs = false) => {
+ const isTechSpecs = node.name === 'Tech Specs';
+ const mark = isUnderTechSpecs || isTechSpecs;
+ const isOverlap = mark && collectionKeys.has(node.name);
+
+ return {
+ ...node,
+ isTechSpecsBranch: mark,
+ isOverlap, // <-- new flag
+ isSpecLabelNode: node.isSpecLabelNode,
+ specLabelParent: node.specLabelParent,
+ children: node.children?.map(child =>
+ markTechSpecsNodes(child, collectionKeys, mark)
+ )
+ };
+ };


const getCollectionKeys = (data = []) => {
const keys = new Set();

const traverse = node => {
if (!node) return;
if (node.name) keys.add(node.name);
node.children?.forEach(traverse);
};

const root = getTreeData(data, "root", []); // build only from collection schema
traverse(root);
return keys;
};

if (nodeDatum.isOverlap) {
- fillColor = '#ffcc00'; // old techspecs yellow
+ fillColor = '#ff6600';

const treeData = useMemo(() => {
- const raw = getTreeData(optionValuesWithFacetsSummary, part, techSpecs);
- return markTechSpecsNodes(raw);
+ const raw = getTreeData(optionValuesWithFacetsSummary, part, techSpecs);
+ const collectionKeys = getCollectionKeys(optionValuesWithFacetsSummary);
+ return markTechSpecsNodes(raw, collectionKeys);
}, [optionValuesWithFacetsSummary, part, techSpecs]);