@truedat/bg 8.5.4 → 8.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "8.5.4",
+  "version": "8.5.7",
   "description": "Truedat Web Business Glossary",
   "sideEffects": [
     "**/*.css",
@@ -54,7 +54,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.5.4",
+    "@truedat/test": "8.5.7",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -87,5 +87,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "75272567eb3ec948a5cdeb8346ef9cacac58267f"
+  "gitHead": "871357888d97c203cf009a04878e0277cff6af9b"
 }

package/src/concepts/relations/components/ConceptLinksActions.js

@@ -1,12 +1,13 @@
 import _ from "lodash/fp";
-import { Fragment, useState } from "react";
+import { Fragment } from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { connect } from "react-redux";
-import { Button, Form, Popup } from "semantic-ui-react";
+import { Button } from "semantic-ui-react";
 import { Link, useParams, useNavigate } from "react-router";
 import { linkTo } from "@truedat/core/routes";
 import { Checkbox } from "semantic-ui-react";
+import SuggestLinkButton from "@truedat/ai/components/SuggestLinkButton";
 
 import ConceptLinkstRequestGrantButton from "./ConceptLinkstRequestGrantButton";
 
@@ -20,35 +21,6 @@ export const ConceptLinksActions = ({
   const { formatMessage } = useIntl();
   const params = useParams();
   const navigate = useNavigate();
-  const [suggestOpen, setSuggestOpen] = useState(false);
-  const [prompt, setPrompt] = useState("");
-
-  const handleSuggestSubmit = () => {
-    setSuggestOpen(false);
-    navigate(linkTo.CONCEPT_LINKS_STRUCTURES_SUGGEST(params), {
-      state: { prompt },
-    });
-  };
-
-  const suggestPopupContent = (
-    <Form style={{ minWidth: "300px" }}>
-      <Form.Field>
-        <label>{formatMessage({ id: "links.suggest.prompt.label" })}</label>
-        <Form.Input
-          value={prompt}
-          onChange={(_, { value }) => setPrompt(value)}
-          placeholder={formatMessage({
-            id: "links.suggest.prompt.placeholder",
-          })}
-        />
-      </Form.Field>
-      <Button
-        primary
-        content={formatMessage({ id: "links.suggest.submit" })}
-        onClick={handleSuggestSubmit}
-      />
-    </Form>
-  );
 
   return createLinkUrl ? (
     <div style={{ float: "right" }}>
@@ -66,20 +38,11 @@ export const ConceptLinksActions = ({
         </Fragment>
       ) : null}
       {canSuggestLinks && (
-        <Popup
-          on="click"
-          open={suggestOpen}
-          onOpen={() => setSuggestOpen(true)}
-          onClose={() => setSuggestOpen(false)}
-          content={suggestPopupContent}
-          position="bottom center"
-          trigger={
-            <Button
-              secondary
-              active={suggestOpen}
-              icon="lightbulb outline"
-              content={formatMessage({ id: "links.actions.suggest" })}
-            />
+        <SuggestLinkButton
+          onSubmit={(prompt) =>
+            navigate(linkTo.CONCEPT_LINKS_STRUCTURES_SUGGEST(params), {
+              state: { prompt },
+            })
           }
         />
       )}

package/src/concepts/relations/components/__tests__/ConceptLinksActions.spec.js

@@ -2,6 +2,10 @@ import { useSearchContext } from "@truedat/core/search/SearchContext";
 import { render, waitForLoad } from "@truedat/test/render";
 import ConceptLinksActions from "../ConceptLinksActions";
 
+jest.mock("@truedat/ai/components/SuggestLinkButton", () =>
+  jest.fn(() => <div>MockSuggestLinkButton</div>)
+);
+
 jest.mock("@truedat/core/search/SearchContext", () => {
   const originalModule = jest.requireActual(
     "@truedat/core/search/SearchContext"
@@ -61,4 +65,26 @@ describe("<ConceptLinksActions />", () => {
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
   });
+
+  it("renders SuggestLinkButton when suggest_structure_link action is present", async () => {
+    useSearchContext.mockReturnValue({ searchData: { data: [] } });
+
+    const suggestRenderOpts = {
+      ...renderOpts,
+      state: {
+        ...renderOpts.state,
+        conceptActions: {
+          create_structure_link: true,
+          suggest_structure_link: true,
+        },
+      },
+    };
+
+    const rendered = render(
+      <ConceptLinksActions onGrantViewChange={jest.fn()} />,
+      suggestRenderOpts
+    );
+    await waitForLoad(rendered);
+    expect(rendered.getByText("MockSuggestLinkButton")).toBeInTheDocument();
+  });
 });