@truedat/core 8.12.6 → 8.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "8.12.6",
+  "version": "8.12.7",
   "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.12.6",
+    "@truedat/test": "8.12.7",
     "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": "fe7375c2d3c6ebdaf3dacd985f56433eda477712"
+  "gitHead": "dae06fd2f915163d5f1e7e3f26c414c8ee9bf055"
 }

package/src/components/AddMemberForm.js

@@ -9,7 +9,7 @@ import {
   accentInsensitivePathOrder,
   lowerDeburrTrim,
 } from "@truedat/core/services/sort";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { getRecipients } from "@truedat/core/selectors";
 import { useAclEntryCreate } from "@truedat/core/hooks/useAclEntries";
 

package/src/components/Markdown.js

@@ -7,19 +7,11 @@ import Link from "@tiptap/extension-link";
 import Heading from "@tiptap/extension-heading";
 import { Menu, Icon } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
-import { Marked } from "marked";
-import DOMPurify from "dompurify";
 import TurndownService from "turndown";
 import TextPromptModal from "./TextPromptModal";
+import { markdownToHtml } from "./MarkdownReader";
 
-const markdownParser = new Marked();
-markdownParser.use({
-  tokenizer: {
-    code() {
-      return undefined;
-    },
-  },
-});
+export { MarkdownReader } from "./MarkdownReader";
 
 const turndownService = new TurndownService({ headingStyle: "atx" });
 turndownService.addRule("underline", {
@@ -88,34 +80,6 @@ const validateUrl = (value, allowEmpty = false) => {
   return { valid: true, value: urlWithProtocol };
 };
 
-function stripOuterCodeFence(text) {
-  const match = text.match(/^\s*```(?:markdown)?\s*\n([\s\S]*?)\n\s*```\s*$/);
-  return match ? match[1] : text;
-}
-
-function markdownToHtml(markdown) {
-  if (!markdown || (typeof markdown === "string" && markdown.trim() === "")) {
-    return "<p></p>";
-  }
-
-  const cleaned = stripOuterCodeFence(markdown);
-
-  const withLinks = markdownParser
-    .parse(cleaned, { async: false })
-    .replace(
-      /<a (?=[^>]*href=)/gi,
-      `<a target="_blank" rel="noopener noreferrer" `,
-    )
-    .replace(
-      /href="(?!https?:\/\/|mailto:)([^"]+)"/gi,
-      (match, url) => `href="https://${url}"`,
-    );
-
-  const safeHtml = DOMPurify.sanitize(withLinks, { ADD_ATTR: ["target"] });
-
-  return safeHtml;
-}
-
 function htmlToMarkdown(html) {
   if (!html || (typeof html === "string" && html.trim() === "")) {
     return "";
@@ -123,23 +87,6 @@ function htmlToMarkdown(html) {
   return turndownService.turndown(html);
 }
 
-export function MarkdownReader({ content = "" }) {
-  const html = markdownToHtml(content);
-  if (!content || (typeof content === "string" && content.trim() === "")) {
-    return null;
-  }
-  return (
-    <div
-      className="markdown-reader"
-      dangerouslySetInnerHTML={{ __html: html }}
-    />
-  );
-}
-
-MarkdownReader.propTypes = {
-  content: PropTypes.string,
-};
-
 export function MarkdownEditor({
   value = "",
   onChange = null,

package/src/components/MarkdownReader.js

@@ -0,0 +1,59 @@
+import PropTypes from "prop-types";
+import { Marked } from "marked";
+import DOMPurify from "dompurify";
+
+const markdownParser = new Marked();
+markdownParser.use({
+  tokenizer: {
+    code() {
+      return undefined;
+    },
+  },
+});
+
+function stripOuterCodeFence(text) {
+  const match = text.match(/^\s*```(?:markdown)?\s*\n([\s\S]*?)\n\s*```\s*$/);
+  return match ? match[1] : text;
+}
+
+function markdownToHtml(markdown) {
+  if (!markdown || (typeof markdown === "string" && markdown.trim() === "")) {
+    return "<p></p>";
+  }
+
+  const cleaned = stripOuterCodeFence(markdown);
+
+  const withLinks = markdownParser
+    .parse(cleaned, { async: false })
+    .replace(
+      /<a (?=[^>]*href=)/gi,
+      `<a target="_blank" rel="noopener noreferrer" `,
+    )
+    .replace(
+      /href="(?!https?:\/\/|mailto:)([^"]+)"/gi,
+      (match, url) => `href="https://${url}"`,
+    );
+
+  const safeHtml = DOMPurify.sanitize(withLinks, { ADD_ATTR: ["target"] });
+
+  return safeHtml;
+}
+
+export function MarkdownReader({ content = "" }) {
+  const html = markdownToHtml(content);
+  if (!content || (typeof content === "string" && content.trim() === "")) {
+    return null;
+  }
+  return (
+    <div
+      className="markdown-reader"
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+  );
+}
+
+MarkdownReader.propTypes = {
+  content: PropTypes.string,
+};
+
+export { markdownToHtml };

package/src/components/UploadJob.js

@@ -12,7 +12,7 @@ import {
   Label,
   Button,
 } from "semantic-ui-react";
-import { DateTime } from "@truedat/core/components";
+import DateTime from "@truedat/core/components/DateTime";
 import { useUploadJob } from "../hooks/useUploadJobs";
 import { StatusPill, ResponseCell } from "./UploadJobParser";
 import UploadJobBreadcrumbs from "./UploadJobBreadcrumbs";

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { Alert } from "../Alert";
 
 describe("<Alert />", () => {

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import ArrayDecorator from "../ArrayDecorator";
@@ -36,7 +36,7 @@ describe("<ArrayDecorator />", () => {
 
     expect(queryAllByRole("listitem")).toEqual([]);
     expect(getByText(showableItems.join(concatenator))).toBeInTheDocument();
-    userEvent.hover(await getByText("+2"));
+    await userEvent.hover(getByText("+2"));
     await waitFor(() => expect(getByRole("list")).toBeInTheDocument());
     const listItems = queryAllByRole("listitem");
     expect(listItems.length).toBe(2);

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import userEvent from "@testing-library/user-event";
 import { waitFor } from "@testing-library/react";
 import { AvailableFilters } from "../AvailableFilters";

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

@@ -1,8 +1,9 @@
 import { waitFor } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { Card } from "semantic-ui-react";
 import userEvent from "@testing-library/user-event";
-import { CardGroupsAccordion } from "..";
+import CardGroupsAccordion from "@truedat/core/components/CardGroupsAccordion";
 
 const groups_all_cards_grouped = {
   foo: [
@@ -136,13 +137,13 @@ describe("<CardGroupsAccordion />", () => {
 
     const firstTitle = rendered.container.querySelector(".title");
 
-    userEvent.click(firstTitle);
+    await userEvent.click(firstTitle);
 
     await waitFor(() => {
       expect(firstTitle.classList.contains("active")).toBeFalsy();
     });
 
-    userEvent.click(firstTitle);
+    await userEvent.click(firstTitle);
 
     await waitFor(() => {
       expect(firstTitle.classList.contains("active")).toBeTruthy();

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

@@ -1,5 +1,5 @@
 import { fireEvent } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import ColoredEdge, {
   EdgeHoverContext,
   edgeAnimationDuration,

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { CommentsLoader } from "../CommentsLoader";
 
 describe("<CommentsLoader />", () => {

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

@@ -1,5 +1,5 @@
 import { fireEvent } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import ConceptNode from "../graph/ConceptNode";
 import { EdgeHoverContext } from "../graph/ColoredEdge";
 

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { DateFilter } from "../DateFilter";
 
 describe("<DateFilter/>", () => {

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

@@ -1,5 +1,5 @@
-import { render } from "@truedat/test/render";
-import { DateTime } from "..";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import DateTime from "@truedat/core/components/DateTime";
 
 describe("<DateTime />", () => {
   it("matches the latest snapshot", () => {

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

@@ -1,6 +1,6 @@
 import { fireEvent } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { DomainSearchFilter } from "../DomainSearchFilter";
 
 jest.mock("../DomainSearchFilterItem", () => {

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

@@ -1,5 +1,5 @@
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { DomainSearchFilterItem } from "../DomainSearchFilterItem";
 
 describe("<DomainSearchFilterItem />", () => {

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

@@ -1,6 +1,6 @@
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { DropdownMenuItem } from "../DropdownMenuItem";
 
 describe("<DropdownMenuItem />", () => {
@@ -32,7 +32,9 @@ describe("<DropdownMenuItem />", () => {
       messages: {},
     });
 
-    userEvent.click(container.querySelector('[class="chevron right icon"]'));
+    await userEvent.click(
+      container.querySelector('[class="chevron right icon"]'),
+    );
     await waitFor(() => {
       expect(onOpen).toHaveBeenCalledWith(id);
     });
@@ -53,7 +55,7 @@ describe("<DropdownMenuItem />", () => {
       },
     );
 
-    userEvent.click(getByRole("option"));
+    await userEvent.click(getByRole("option"));
 
     await waitFor(() => {
       expect(onClick.mock.calls[0][1]).toBe(id);

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

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { waitFor, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { FilterItem } from "../FilterItem";
 
 describe("<FilterItem/>", () => {

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

@@ -1,6 +1,6 @@
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { FilterMultilevelDropdown } from "../FilterMultilevelDropdown";
 
 describe("<FilterMultilevelDropdown />", () => {

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { FiltersLoader } from "../FiltersLoader";
 
 describe("<FiltersLoader/>", () => {

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

@@ -1,5 +1,5 @@
 import { act, fireEvent, screen, waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { Graph, getMinZoomForDiagram } from "../Graph";
 
 const mockGetNodesBounds = jest.fn();

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

@@ -1,6 +1,6 @@
 import { fireEvent } from "@testing-library/react";
-import { render } from "@truedat/test/render";
-import { GroupActions } from "..";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import GroupActions from "@truedat/core/components/GroupActions";
 
 const actions = [
   { key: 1, icon: "edit", text: "First Item", value: 1 },

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import Hierarchy from "../Hierarchy";
 import en from "../../../../df/src/messages/en";
 

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

@@ -1,6 +1,6 @@
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import HierarchyFilterDropdown from "../HierarchyFilterDropdown";
 
 const hierarchy = {

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

@@ -1,6 +1,7 @@
 import userEvent from "@testing-library/user-event";
 import { waitFor } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import HierarchySelector from "../HierarchySelector";
 
 const hierarchy = {

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

@@ -1,7 +1,7 @@
 import { fireEvent } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import ColoredEdge from "@truedat/core/components/graph/ColoredEdge";
-import { redesignedLineageEdges } from "@truedat/dd/components/LineageGraph";
+import { redesignedLineageEdges } from "@truedat/dd/utils/lineageGraph";
 
 jest.mock("@xyflow/react", () => ({
   BaseEdge: ({ className, id, path, style }) => (
@@ -11,35 +11,40 @@ jest.mock("@xyflow/react", () => ({
   getBezierPath: () => ["M 0,0 L 400,0", 200, 0],
 }));
 
-it("lets the rendered edge respond to hover after lineage style normalization", () => {
-  const [edge] = redesignedLineageEdges([
-    {
-      id: "edge",
-      source: "a",
-      target: "b",
-      style: { stroke: "#b0b8c8", strokeWidth: 2, strokeOpacity: 0.95 },
-      data: {},
-    },
-  ]);
-  const { container } = render(
-    <svg>
-      <ColoredEdge
-        {...edge}
-        sourceX={0}
-        sourceY={0}
-        targetX={400}
-        targetY={0}
-        sourcePosition="right"
-        targetPosition="left"
-      />
-    </svg>,
-  );
-  const path = container.querySelector(".td-graph-edge");
-  expect(path.style.strokeWidth).toBe("");
-  expect(path.style.strokeOpacity).toBe("");
-  expect(path.style.stroke).toContain("var(--td-graph-edge-stroke");
-  fireEvent.mouseEnter(container.querySelector(".td-graph-edge-hit-area"));
-  expect(path).toHaveClass("td-graph-edge--hovered");
-  fireEvent.mouseLeave(container.querySelector(".td-graph-edge-hit-area"));
-  expect(path).not.toHaveClass("td-graph-edge--hovered");
-});
+it.each([false, true])(
+  "lets the rendered edge respond to hover with focusDimmed=%s",
+  (focusDimmed) => {
+    const [edge] = redesignedLineageEdges([
+      {
+        id: "edge",
+        source: "a",
+        target: "b",
+        style: { stroke: "#b0b8c8", strokeWidth: 2, strokeOpacity: 0.95 },
+        data: { focusDimmed },
+      },
+    ]);
+    const { container } = render(
+      <svg>
+        <ColoredEdge
+          {...edge}
+          sourceX={0}
+          sourceY={0}
+          targetX={400}
+          targetY={0}
+          sourcePosition="right"
+          targetPosition="left"
+        />
+      </svg>,
+    );
+    const path = container.querySelector(".td-graph-edge");
+    expect(path.style.strokeWidth).toBe("");
+    expect(path.style.strokeOpacity).toBe("");
+    expect(path.style.stroke).toContain("var(--td-graph-edge-stroke");
+    fireEvent.mouseEnter(container.querySelector(".td-graph-edge-hit-area"));
+    expect(path).toHaveClass("td-graph-edge--hovered");
+    expect(path.style.stroke).toContain("var(--td-graph-edge-active");
+    fireEvent.mouseLeave(container.querySelector(".td-graph-edge-hit-area"));
+    expect(path).not.toHaveClass("td-graph-edge--hovered");
+    expect(path.style.stroke).toContain("var(--td-graph-edge-stroke");
+  },
+);

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

@@ -1,5 +1,5 @@
 import { act, fireEvent, screen } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import LineageGroupNode from "../graph/LineageGroupNode";
 import { EdgeHoverContext } from "../graph/ColoredEdge";
 import { lineageNodeIcon } from "../graph/lineageNodeIcon";

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { Loading } from "../Loading";
 
 describe("<Loading />", () => {

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

@@ -1,5 +1,5 @@
 import { act, fireEvent, waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import {
   MarkdownReader,
   MarkdownEditor,

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { OptionGroup } from "../OptionGroup";
 
 describe("<OptionGroup />", () => {

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

@@ -1,4 +1,4 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl } from "@truedat/test/renderWithIntl";
 import OriginLabel, { OriginIcon } from "../OriginLabel";
 
 const labelRenderOpts = {
@@ -21,29 +21,31 @@ const iconRenderOpts = {
 };
 
 describe("<OriginLabel />", () => {
-  it("matches the latest snapshot without origin", async () => {
-    const rendered = render(<OriginLabel />, labelRenderOpts);
-    await waitForLoad(rendered);
+  it("matches the latest snapshot without origin", () => {
+    const rendered = renderWithIntl(<OriginLabel />, labelRenderOpts);
     expect(rendered.container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot with origin", async () => {
-    const rendered = render(<OriginLabel origin="test" />, labelRenderOpts);
-    await waitForLoad(rendered);
+  it("matches the latest snapshot with origin", () => {
+    const rendered = renderWithIntl(
+      <OriginLabel origin="test" />,
+      labelRenderOpts,
+    );
     expect(rendered.container).toMatchSnapshot();
   });
 });
 
 describe("<OriginIcon />", () => {
-  it("matches the latest snapshot without origin", async () => {
-    const rendered = render(<OriginIcon />, iconRenderOpts);
-    await waitForLoad(rendered);
+  it("matches the latest snapshot without origin", () => {
+    const rendered = renderWithIntl(<OriginIcon />, iconRenderOpts);
     expect(rendered.container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot with origin", async () => {
-    const rendered = render(<OriginIcon origin="test" />, iconRenderOpts);
-    await waitForLoad(rendered);
+  it("matches the latest snapshot with origin", () => {
+    const rendered = renderWithIntl(
+      <OriginIcon origin="test" />,
+      iconRenderOpts,
+    );
     expect(rendered.container).toMatchSnapshot();
   });
 });

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { Pagination, MAX_PAGES } from "../Pagination";
 
 describe("<Pagination />", () => {

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import SafeLink from "../SafeLink";
 
 describe("<SafeLink />", () => {

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import SearchDateFilter from "@truedat/core/search/SearchDateFilter";
 import SearchContextWrapper from "@truedat/core/components/common/SearchContextWrapper";
 

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

@@ -2,7 +2,8 @@
 import { Icon, Dropdown, Segment } from "semantic-ui-react";
 import userEvent from "@testing-library/user-event";
 import { within, waitFor } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 
 import SearchFilterDropdown from "../SearchFilterDropdown";
 

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { SearchInput } from "../SearchInput";
 
 describe("<SearchInput />", () => {

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

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { StructureFilterItem } from "../StructureFilterItem";
 
 const user = userEvent.setup({ delay: null });

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { SystemsLoader } from "../SystemsLoader";
 
 describe("<SystemsLoader />", () => {

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

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { TemplatesLoader } from "@truedat/core/components/TemplatesLoader";
 
 describe("<TemplatesLoader />", () => {

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

@@ -1,7 +1,7 @@
 import { screen, fireEvent } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import messages from "@truedat/core/messages";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import TextPromptModal from "../TextPromptModal";
 
 const renderWithIntl = (component) => {

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

@@ -1,6 +1,7 @@
 import userEvent from "@testing-library/user-event";
 import { waitFor } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import TreeSelector from "../TreeSelector";
 
 const baz = { id: "3", level: 2, name: "baz", children: [] };

package/src/components/graph/ColoredEdge.js

@@ -397,7 +397,7 @@ export const getEdgeSlotOffsets = (data = {}) => ({
 export const getLineageEdgeVisualState = (data = {}, hovered = false) => {
   const aggregatedCount = Number(data.aggregatedCount);
   const aggregated = Number.isFinite(aggregatedCount) && aggregatedCount > 1;
-  const dimmed = Boolean(data.focusDimmed);
+  const dimmed = Boolean(data.focusDimmed) && !hovered;
 
   return {
     aggregated,

package/src/i18n/components/LangProvider.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { use, createContext, useEffect, useState } from "react";
 import { IntlProvider } from "react-intl";
 import PropTypes from "prop-types";
-import { Loading } from "@truedat/core/components";
+import Loading from "@truedat/core/components/Loading";
 import { useLocales } from "../../hooks/useLocales";
 import { getNavigatorLanguage } from "../../services/i18n";
 

package/src/i18n/components/Languages.js

@@ -17,7 +17,7 @@ import {
   TableHeader,
   TableRow,
 } from "semantic-ui-react";
-import { ConfirmModal } from "@truedat/core/components";
+import ConfirmModal from "@truedat/core/components/ConfirmModal";
 import { useLocalesUpdate } from "../../hooks/useLocales";
 import { useLanguage } from "./LangProvider";
 

package/src/i18n/components/MessageForm.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { useForm, Controller } from "react-hook-form";
 import { useIntl } from "react-intl";
 import { Button, Form, Segment, Header, Loader } from "semantic-ui-react";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { useLanguage } from "./LangProvider";
 
 export const LangForm = ({

package/src/i18n/components/Messages.js

@@ -11,10 +11,10 @@ import {
   Segment,
   Menu,
 } from "semantic-ui-react";
-import { SearchInput } from "@truedat/core/components";
+import SearchInput from "@truedat/core/components/SearchInput";
 import { lowerDeburrTrim } from "@truedat/core/services/sort";
 import { I18N_MESSAGES, I18N_MESSAGES_NEW } from "@truedat/core/routes";
-import { Pagination } from "@truedat/core/components";
+import Pagination from "@truedat/core/components/Pagination";
 import { useLanguage } from "./LangProvider";
 import MessagesTable from "./MessagesTable";
 import Languages from "./Languages";

package/src/i18n/components/__tests__/EditableCell.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import messages from "@truedat/core/messages";
 import EditableCell from "../EditableCell";
 

package/src/router/__tests__/ProtectedRoute.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { useAuthorized } from "@truedat/core/hooks/useAuthorized";
 import ProtectedRoute from "../ProtectedRoute";
 

package/src/router/__tests__/Unauthorized.spec.js

@@ -1,10 +1,9 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl } from "@truedat/test/renderWithIntl";
 import Unauthorized from "../Unauthorized";
 
 describe("Unauthorized", () => {
-  it("renders unauthorized message", async () => {
-    const rendered = render(<Unauthorized />);
-    await waitForLoad(rendered);
+  it("renders unauthorized message", () => {
+    const rendered = renderWithIntl(<Unauthorized />);
 
     expect(rendered.getByText(/view.unauthorized.head/i)).toBeInTheDocument();
     expect(

package/src/search/__tests__/FilterDropdown.spec.js

@@ -1,5 +1,6 @@
 import _ from "lodash/fp";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import SearchContext from "@truedat/core/search/SearchContext";
@@ -94,7 +95,9 @@ describe("<FilterDropdown/>", () => {
       </SearchContext>,
     );
     await waitForLoad(rendered);
-    userEvent.click(rendered.container.querySelector('[class="delete icon"]'));
+    await userEvent.click(
+      rendered.container.querySelector('[class="delete icon"]'),
+    );
     await waitFor(() => {
       expect(searchProps.removeFilter).toBeCalledTimes(1);
     });

package/src/search/__tests__/FilterItem.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import userEvent from "@testing-library/user-event";
 import { FilterItem } from "../FilterItem";
 

package/src/search/__tests__/FilterQueryDropdown.spec.js

@@ -1,7 +1,8 @@
 import _ from "lodash/fp";
 import { waitFor, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import SearchContext from "@truedat/core/search/SearchContext";
 import FilterQueryDropdown from "../FilterQueryDropdown";
 

package/src/search/__tests__/ModalSaveFilter.spec.js

@@ -2,13 +2,13 @@ import userEvent from "@testing-library/user-event";
 import { render, waitForLoad } from "@truedat/test/render";
 import messages from "@truedat/core/messages";
 import SearchContext from "@truedat/core/search/SearchContext";
+import { mutateUserFilters } from "../../hooks/useUserFilters";
 import ModalSaveFilter from "../ModalSaveFilter";
 
-const mockMutateUserFilters = jest.fn();
 const mockTrigger = jest.fn();
 
 jest.mock("../../hooks/useUserFilters", () => ({
-  mutateUserFilters: mockMutateUserFilters,
+  mutateUserFilters: jest.fn(),
   useUserFilters: jest.fn(),
   useUserFiltersCreate: () => ({ trigger: mockTrigger }),
   useUserFiltersDelete: jest.fn(),
@@ -35,7 +35,7 @@ describe("<ModalSaveFilter /> admin", () => {
   };
 
   beforeEach(() => {
-    mockMutateUserFilters.mockClear();
+    mutateUserFilters.mockClear();
     mockTrigger.mockReset();
   });
 

package/src/search/__tests__/SearchContext.spec.js

@@ -1,6 +1,6 @@
 import { act, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import {
   SearchContextProvider,
   useSearchContext,