@truedat/core 8.11.7 → 8.11.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "8.11.7",
+  "version": "8.11.9",
   "description": "Truedat Web Core",
   "sideEffects": [
     "**/*.css",
@@ -57,7 +57,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.11.7",
+    "@truedat/test": "8.11.9",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -99,5 +99,5 @@
     "swr": "^2.3.3",
     "turndown": "^7.2.2"
   },
-  "gitHead": "ae97c12c9013e8881f997e7e407402fe6b1eff0a"
+  "gitHead": "7ecccf4e5e9e4bf052cbe4414ce196751335a235"
 }

package/src/components/__tests__/ColoredEdge.spec.js

@@ -1,4 +1,4 @@
-import { fireEvent, waitFor } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
 import { render } from "@truedat/test/render";
 import ColoredEdge, {
   EdgeHoverContext,
@@ -20,93 +20,6 @@ jest.mock("@xyflow/react", () => ({
   ],
 }));
 
-describe("<ColoredEdge /> flow animation", () => {
-  it("uses the measured path length for the motion duration", async () => {
-    const originalGetTotalLength = SVGElement.prototype.getTotalLength;
-
-    SVGElement.prototype.getTotalLength = jest.fn(() => 400);
-
-    try {
-      const rendered = render(
-        <svg>
-          <ColoredEdge
-            id="animated-edge"
-            source="a"
-            target="b"
-            sourceX={0}
-            sourceY={100}
-            targetX={400}
-            targetY={100}
-            sourcePosition="right"
-            targetPosition="left"
-            data={{ animated: true, edgePath: "orthogonal" }}
-          />
-        </svg>,
-      );
-
-      await waitFor(() => {
-        const motion = rendered.container.querySelector("animateMotion");
-
-        expect(motion).not.toBeNull();
-        expect(motion.getAttribute("dur")).toBe("10s");
-        expect(motion.getAttribute("calcMode")).toBe("paced");
-      });
-    } finally {
-      if (originalGetTotalLength) {
-        SVGElement.prototype.getTotalLength = originalGetTotalLength;
-      } else {
-        delete SVGElement.prototype.getTotalLength;
-      }
-    }
-  });
-
-  it("keeps the circle immediately visible on very long paths", async () => {
-    const originalGetTotalLength = SVGElement.prototype.getTotalLength;
-
-    SVGElement.prototype.getTotalLength = jest.fn(() => 4000);
-
-    try {
-      const rendered = render(
-        <svg>
-          <ColoredEdge
-            id="long-animated-edge"
-            source="a"
-            target="b"
-            sourceX={0}
-            sourceY={100}
-            targetX={4000}
-            targetY={100}
-            sourcePosition="right"
-            targetPosition="left"
-            data={{ animated: true, edgePath: "orthogonal" }}
-          />
-        </svg>,
-      );
-
-      await waitFor(() => {
-        const circle = rendered.container.querySelector(
-          ".td-graph-edge-flow-dot",
-        );
-
-        expect(circle).toHaveAttribute("opacity", "1");
-        expect(circle.querySelector("animateMotion")).toHaveAttribute(
-          "dur",
-          "100s",
-        );
-        expect(
-          circle.querySelector('animate[attributeName="opacity"]'),
-        ).toBeNull();
-      });
-    } finally {
-      if (originalGetTotalLength) {
-        SVGElement.prototype.getTotalLength = originalGetTotalLength;
-      } else {
-        delete SVGElement.prototype.getTotalLength;
-      }
-    }
-  });
-});
-
 describe("<ColoredEdge /> metadata badge", () => {
   const baseProps = {
     id: "edge-1",

package/src/components/__tests__/Graph.spec.js

@@ -80,6 +80,7 @@ describe("<Graph />", () => {
   };
 
   beforeEach(() => {
+    jest.useFakeTimers();
     mockGetNodesBounds.mockReturnValue({ x: 0, y: 0, width: 100, height: 50 });
     mockGetFlowNodesBounds.mockReturnValue({
       x: 0,
@@ -96,6 +97,7 @@ describe("<Graph />", () => {
   });
 
   afterEach(() => {
+    jest.useRealTimers();
     mockGetNodesBounds.mockReset();
     mockGetFlowNodesBounds.mockReset();
     mockGetViewportForBounds.mockReset();

package/src/components/graph/LineageGroupNode.js

@@ -34,7 +34,6 @@ const LineageGroupNode = ({ id, data = {} }) => {
     connectedHandleIds = [],
     count,
     designVariant,
-    hiddenChildrenCount,
     iconName,
     isActive,
     focusDirect,
@@ -59,11 +58,9 @@ const LineageGroupNode = ({ id, data = {} }) => {
   const connectedHandles = new Set(connectedHandleIds);
   const connectedHandleClassName = (handleId) =>
     connectedHandles.has(handleId) ? "td-lineage-node-handle--connected" : "";
-  const hasHiddenChildren = Number(hiddenChildrenCount) > 0;
   const hasCollapsedRelations =
     collapsed && Number(collapsedRelationCounts?.total) > 0;
   const collapsedRelationsTooltip = relationTooltip(collapsedRelationCounts);
-  const hiddenChildrenTooltip = `Hidden child nodes: ${hiddenChildrenCount}`;
   const contentSummary = [
     nodeCount ? `${nodeCount} ${nodeCount === 1 ? "nodo" : "nodos"}` : "",
     groupCount ? `${groupCount} ${groupCount === 1 ? "grupo" : "grupos"}` : "",
@@ -239,15 +236,6 @@ const LineageGroupNode = ({ id, data = {} }) => {
           {collapsedRelationCounts.total}
         </span>
       ) : null}
-      {collapsed && hasHiddenChildren ? (
-        <span
-          aria-label={hiddenChildrenTooltip}
-          className="td-lineage-group-node__collapsed-count"
-          data-tooltip={hiddenChildrenTooltip}
-        >
-          {hiddenChildrenCount}
-        </span>
-      ) : null}
     </>
   );
 
@@ -293,7 +281,6 @@ LineageGroupNode.propTypes = {
     connectedHandleIds: PropTypes.arrayOf(PropTypes.string),
     count: PropTypes.number,
     designVariant: PropTypes.oneOf(["classic", "redesigned"]),
-    hiddenChildrenCount: PropTypes.number,
     iconName: PropTypes.string,
     isActive: PropTypes.bool,
     focusDirect: PropTypes.bool,

package/src/styles/LineageGroupNode.less

@@ -370,7 +370,6 @@
   width: 30px;
 }
 
-.td-lineage-group-node__collapsed-count,
 .td-lineage-group-node__collapsed-relations {
   position: absolute;
   right: 14px;
@@ -390,10 +389,6 @@
   pointer-events: none;
 }
 
-.td-lineage-group-node__collapsed-count {
-  bottom: 12px;
-}
-
 .td-lineage-group-node__collapsed-relations {
   bottom: 42px;
   background: var(--td-graph-accent, #ed5c17);