@truedat/lm 8.12.5 → 8.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/lm",
-  "version": "8.12.5",
+  "version": "8.12.7",
   "description": "Truedat Link Manager",
   "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.5",
+    "@truedat/test": "8.12.7",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -89,5 +89,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "71dd08262e6c26dd25466154c49fadb7b3449bd7"
+  "gitHead": "dae06fd2f915163d5f1e7e3f26c414c8ee9bf055"
 }

package/src/components/ConceptLinkForm.js

@@ -3,7 +3,7 @@ import { lazy, useState, useEffect } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import { useIntl } from "react-intl";
 import { Divider, Button } from "semantic-ui-react";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { useWebContext } from "@truedat/core/webContext";
 import { useNavigate } from "react-router";
 import { useCreateRelation } from "../hooks/useRelations";

package/src/components/ConceptStructureLinkForm.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, Divider } from "semantic-ui-react";
 import { useIntl } from "react-intl";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { linkTo } from "@truedat/core/routes";
 import { makeTagOptionsSelector } from "@truedat/core/selectors";
 import {

package/src/components/ConceptSuggestionLinkForm.js

@@ -5,7 +5,7 @@ import { useParams } from "react-router";
 import { useDispatch, useSelector } from "react-redux";
 import { useIntl } from "react-intl";
 import { makeTagOptionsSelector } from "@truedat/core/selectors";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { linkTo } from "@truedat/core/routes";
 import { Button } from "semantic-ui-react";
 

package/src/components/ConfirmDeleteRelation.js

@@ -2,7 +2,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, Icon } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
-import { ConfirmModal } from "@truedat/core/components";
+import ConfirmModal from "@truedat/core/components/ConfirmModal";
 import { deleteRelation } from "../routines";
 
 export const ConfirmDeleteRelation = ({ id, deleteRelation, resourceType }) => (

package/src/components/ImplementationRelationForm.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { useIntl } from "react-intl";
 import { Button, Form, Grid, Header, Segment } from "semantic-ui-react";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { linkTo } from "@truedat/core/routes";
 import { makeTagOptionsSelector } from "@truedat/core/selectors";
 import { linkConcept } from "../routines";

package/src/components/LinksPagination.js

@@ -1,4 +1,4 @@
-import { Pagination } from "@truedat/core/components";
+import Pagination from "@truedat/core/components/Pagination";
 import { useSearchContext } from "@truedat/core/search/SearchContext";
 
 export default function LinksPagination() {

package/src/components/RelationGraph.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { useMemo } from "react";
 import { useIntl } from "react-intl";
 import PropTypes from "prop-types";
-import { Graph } from "@truedat/core/components";
+import Graph from "@truedat/core/components/Graph";
 import { EMPTY_EDGE_TYPE } from "../services/edgeColorPalette";
 
 export const RelationGraph = ({

package/src/components/RelationRow.js

@@ -4,7 +4,7 @@ import { FormattedMessage } from "react-intl";
 import { connect } from "react-redux";
 import { useNavigate } from "react-router";
 import { Table, Icon, Label } from "semantic-ui-react";
-import { ConfirmModal } from "@truedat/core/components";
+import ConfirmModal from "@truedat/core/components/ConfirmModal";
 import { deleteRelation } from "../routines";
 
 const goToResource = ({ navigate, relationPath }) => navigate(relationPath);

package/src/components/RelationTagCards.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, Card, Checkbox, Icon } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { ConfirmModal } from "@truedat/core/components";
+import ConfirmModal from "@truedat/core/components/ConfirmModal";
 import { deleteRelationTag, updateRelationTag } from "../routines";
 
 export const RelationTagCards = ({

package/src/components/RelationTagForm.js

@@ -3,7 +3,7 @@ import { Button, Form } from "semantic-ui-react";
 import { useForm, Controller } from "react-hook-form";
 import { useIntl } from "react-intl";
 import { connect } from "react-redux";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 
 export const RelationTagForm = ({ relationTag, isSubmitting, onSubmit }) => {
   const { formatMessage } = useIntl();

package/src/components/RelationsGraphLoader.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import PropTypes from "prop-types";
 import { useEffect } from "react";
 import { connect } from "react-redux";
-import { Loading } from "@truedat/core/components";
+import Loading from "@truedat/core/components/Loading";
 import { clearRelationsGraph, fetchRelationsGraph } from "../routines";
 
 export const RelationsGraphLoader = ({

package/src/components/StructureLinkForm.js

@@ -3,7 +3,7 @@ import { lazy, useState, useEffect } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import { useIntl } from "react-intl";
 import { Divider, Button } from "semantic-ui-react";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { useWebContext } from "@truedat/core/webContext";
 import { useNavigate } from "react-router";
 import { useCreateRelation } from "../hooks/useRelations";

package/src/components/StructureRelationForm.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
 import { connect } from "react-redux";
 import { Button, Grid, Header, Form } from "semantic-ui-react";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { makeTagOptionsSelector } from "@truedat/core/selectors";
 import { linkTo } from "@truedat/core/routes";
 import { linkConcept } from "../routines";

package/src/components/StructureSuggestionLinkForm.js

@@ -5,7 +5,7 @@ import { useParams } from "react-router";
 import { useDispatch, useSelector } from "react-redux";
 import { useIntl } from "react-intl";
 import { makeTagOptionsSelector } from "@truedat/core/selectors";
-import { HistoryBackButton } from "@truedat/core/components";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
 import { linkTo } from "@truedat/core/routes";
 import { Button } from "semantic-ui-react";
 

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

@@ -76,9 +76,9 @@ jest.mock("@truedat/bg/concepts/relations/components/ConceptSelector", () =>
   )),
 );
 
-jest.mock("@truedat/core/components", () => ({
-  HistoryBackButton: ({ content }) => <button>{content}</button>,
-}));
+jest.mock("@truedat/core/components/HistoryBackButton", () => ({ content }) => (
+  <button>{content}</button>
+));
 
 const tagOptions = [{ id: 1, text: "relates_to", value: 1 }];
 const emptyTagOptions = [];

package/src/components/__tests__/ConceptLinkTags.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 ConceptLinkTags from "../ConceptLinkTags";
 

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

@@ -47,9 +47,9 @@ jest.mock("../TagTypeDropdownSelector", () =>
   jest.fn(() => <div>MockTagTypeDropdownSelector</div>),
 );
 
-jest.mock("@truedat/core/components", () => ({
-  HistoryBackButton: (props) => <button>{props.content}</button>,
-}));
+jest.mock("@truedat/core/components/HistoryBackButton", () => (props) => (
+  <button>{props.content}</button>
+));
 
 jest.mock("@truedat/core/routes", () => ({
   linkTo: {

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

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

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { Table } from "semantic-ui-react";
 import { ImplementationLinkRow } from "../ImplementationLinkRow";
 

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

@@ -1,6 +1,7 @@
 import _ from "lodash/fp";
 import { fireEvent, 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 { useDataStructureSearch } from "@truedat/dd/hooks/useStructures";
 import { LinksPane } from "../LinksPane";
 

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

@@ -4,7 +4,7 @@
 
 import _ from "lodash/fp";
 import { fireEvent, waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { LinksPaneDataCell } from "../LinksPaneDataCell";
 
 jest.mock(

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

@@ -3,7 +3,7 @@
  */
 
 import _ from "lodash/fp";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { LinksPaneRow } from "../LinksPaneRow";
 
 jest.mock(

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

@@ -4,7 +4,7 @@
 
 import _ from "lodash/fp";
 import { fireEvent, waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { LinksPaneTypeFilter } from "../LinksPaneTypeFilter";
 
 describe("<LinksPaneTypeFilter />", () => {

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

@@ -1,5 +1,6 @@
 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 LinksSearch from "../LinksSearch";
 
 const mockNavigate = jest.fn();

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

@@ -1,5 +1,6 @@
 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 { QualityControlConcepts } from "../QualityControlConcepts";
 
 const mockDeleteRelation = jest.fn();

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

@@ -1,5 +1,6 @@
 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 { QualityControlStructures } from "../QualityControlStructures";
 
 const mockDeleteRelation = jest.fn();

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

@@ -28,10 +28,6 @@ jest.mock(
       return <div>RelationTagsLoader</div>;
     },
 );
-jest.mock("@truedat/core/components", () => ({
-  Unauthorized: () => <div>Unauthorized</div>,
-  ...jest.requireActual("@truedat/core/components"),
-}));
 
 describe("<RelationRoutes />", () => {
   it("renders correctly with default route", async () => {

package/src/components/__tests__/RelationRow.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 { RelationRow } from "../RelationRow";
 
 jest.mock("react-router", () => ({

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { RelationTagCards } from "../RelationTagCards";
 
 const messages = {

package/src/components/__tests__/RelationTagsLoader.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 { RelationTagsLoader } from "../RelationTagsLoader";
 
 describe("<RelationTagsLoader />", () => {

package/src/components/__tests__/RelationsGraphLoader.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 { RelationsGraphLoader } from "../RelationsGraphLoader";
 
 describe("<RelationsGraphLoader />", () => {

package/src/components/__tests__/RelationsLoader.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 { RelationsLoader } from "../RelationsLoader";
 
 describe("<RelationsLoader />", () => {

package/src/components/__tests__/StructureLinkForm.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 { StructureLinkForm } from "../StructureLinkForm";
 
 const mockNavigate = jest.fn();
@@ -93,9 +94,9 @@ jest.mock("@truedat/dd/components/StructureSelector", () =>
   )),
 );
 
-jest.mock("@truedat/core/components", () => ({
-  HistoryBackButton: ({ content }) => <button>{content}</button>,
-}));
+jest.mock("@truedat/core/components/HistoryBackButton", () => ({ content }) => (
+  <button>{content}</button>
+));
 
 const props = {
   sourceId: 10,
@@ -119,13 +120,17 @@ describe("<StructureLinkForm />", () => {
   });
 
   it("matches the latest snapshot", async () => {
-    const rendered = render(<StructureLinkForm {...props} />);
+    const rendered = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
   });
 
   it("renders all form components", async () => {
-    const rendered = render(<StructureLinkForm {...props} />);
+    const rendered = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     expect(rendered.getByText("RelationTagsLoader")).toBeInTheDocument();
@@ -136,7 +141,9 @@ describe("<StructureLinkForm />", () => {
   });
 
   it("disables create button when structure or tags are not selected", async () => {
-    const rendered = render(<StructureLinkForm {...props} />);
+    const rendered = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     const createButton = rendered.getByText("actions.create");
@@ -145,7 +152,9 @@ describe("<StructureLinkForm />", () => {
 
   it("enables create button when both structure and tags are selected", async () => {
     const user = userEvent.setup({ delay: null });
-    const rendered = render(<StructureLinkForm {...props} />);
+    const rendered = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     const createButton = rendered.getByText("actions.create");
@@ -160,7 +169,9 @@ describe("<StructureLinkForm />", () => {
 
   it("calls createRelation and navigates on submit", async () => {
     const user = userEvent.setup({ delay: null });
-    const rendered = render(<StructureLinkForm {...props} />);
+    const rendered = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     await user.click(rendered.getByText("Select Structure"));
@@ -211,7 +222,9 @@ describe("<StructureLinkForm />", () => {
     };
     mockCreateRelation.mockRejectedValueOnce(error);
 
-    const rendered = render(<StructureLinkForm {...props} />);
+    const rendered = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     await user.click(rendered.getByText("Select Structure"));
@@ -241,7 +254,9 @@ describe("<StructureLinkForm />", () => {
     };
     mockCreateRelation.mockRejectedValueOnce(error);
 
-    const rendered = render(<StructureLinkForm {...props} />);
+    const rendered = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     await user.click(rendered.getByText("Select Structure"));
@@ -261,7 +276,9 @@ describe("<StructureLinkForm />", () => {
   });
 
   it("dispatches clearSelectedRelationTags on unmount", () => {
-    const { unmount } = render(<StructureLinkForm {...props} />);
+    const { unmount } = render(<StructureLinkForm {...props} />, {
+      fallback: <div>loading</div>,
+    });
     unmount();
 
     expect(mockDispatch).toHaveBeenCalledWith({
@@ -274,6 +291,7 @@ describe("<StructureLinkForm />", () => {
       <StructureLinkForm
         {...{ ...props, selectTagOptions: jest.fn(() => []) }}
       />,
+      { fallback: <div>loading</div> },
     );
     await waitForLoad(rendered);
 

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

@@ -48,9 +48,9 @@ jest.mock("../RelationTagsLoader", () =>
   jest.fn(() => <div>RelationTagsLoader</div>),
 );
 
-jest.mock("@truedat/core/components", () => ({
-  HistoryBackButton: (props) => <button>{props.content}</button>,
-}));
+jest.mock("@truedat/core/components/HistoryBackButton", () => (props) => (
+  <button>{props.content}</button>
+));
 
 jest.mock("@truedat/core/routes", () => ({
   linkTo: { STRUCTURE_LINKS: jest.fn(() => "/mocked/redirect/url") },

package/src/components/__tests__/TagTypeSelector.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 { TagTypeSelector } from "../TagTypeSelector";
 
 describe("<TagTypeSelector />", () => {