@truedat/dd 8.8.7 → 8.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "8.8.7",
+  "version": "8.8.8",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "module": "src/index.js",
@@ -51,7 +51,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.8.7",
+    "@truedat/test": "8.8.8",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -86,5 +86,5 @@
     "svg-pan-zoom": "^3.6.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "ece3f2e166776ff7827198a134bad5a28b029dc7"
+  "gitHead": "850b1a20250c39f4781aea0174aeebd383898eea"
 }

package/src/components/StructureNotesEdit.js

@@ -7,7 +7,6 @@ import { useIntl } from "react-intl";
 import { HistoryBackButton } from "@truedat/core/components";
 import { selectTemplate, selectDomains } from "@truedat/df/routines";
 import { applyTemplate, validateContent } from "@truedat/df/utils";
-import { apiJson } from "@truedat/core/services/api";
 import SuggestionsWidget from "@truedat/ai/components/suggestions/SuggestionsWidget";
 import { doStructureNoteAction } from "../routines";
 import { getLatestDfContent } from "../selectors/getSortedStructureNotes";
@@ -29,9 +28,6 @@ export const StructureNotesEdit = ({
   latestDfContent,
 }) => {
   const [content, setContent] = useState(latestDfContent);
-  const aiSuggestionsUrl = _.prop("_actions.ai_suggestions.href")(
-    structureNotes,
-  );
 
   const isModification = !_.isEmpty(latestDfContent);
 
@@ -76,22 +72,28 @@ export const StructureNotesEdit = ({
     setContent({ ...content, ...suggestions });
   };
 
-  const requestAiSuggestion = (callback) => {
-    const url = `${aiSuggestionsUrl}?language=${locale}`;
-    apiJson(url).then(callback);
+  const suggestionParams = {
+    resource_type: "data_structure",
+    resource_body: {
+      name: structure.name || "",
+      domain: _.get("domains[0].name")(structure) || "",
+      type: template?.name,
+    },
+    domain_ids: structure.domain_ids,
+    template_id: template?.id,
+    language: locale,
+    resource_id: structure.id ?? null,
   };
 
   return (
     <Segment attached="bottom">
       <TemplateLoader id="templateloader" />
-      {aiSuggestionsUrl ? (
-        <SuggestionsWidget
-          requestAiSuggestion={requestAiSuggestion}
-          template={template}
-          applySuggestions={applySuggestions}
-          isModification={isModification}
-        />
-      ) : null}
+      <SuggestionsWidget
+        suggestionParams={suggestionParams}
+        template={template}
+        applySuggestions={applySuggestions}
+        isModification={isModification}
+      />
       <Form>
         <DynamicForm
           onChange={setContent}

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

@@ -2,12 +2,22 @@ import userEvent from "@testing-library/user-event";
 import { waitFor } from "@testing-library/react";
 import { render, waitForLoad } from "@truedat/test/render";
 import { applyTemplate } from "@truedat/df/utils";
+import SuggestionsWidget from "@truedat/ai/components/suggestions/SuggestionsWidget";
 import { StructureNotesEdit } from "../StructureNotesEdit";
 
+jest.mock("@truedat/ai/components/suggestions/SuggestionsWidget", () => ({
+  __esModule: true,
+  default: jest.fn(() => null),
+}));
+
 describe("<StructureNotesEdit />", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
   it("matches the latest snapshot", async () => {
     const props = {
-      structure: { id: 1 },
+      structure: { id: 1, domain_ids: [1] },
       template: { id: 2 },
       doStructureNoteAction: () => {},
       selectTemplate: () => {},
@@ -24,17 +34,19 @@ describe("<StructureNotesEdit />", () => {
     expect(rendered.container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot with ai suggestion action", async () => {
+  it("passes data_structure suggestion params to the widget", async () => {
     const props = {
-      structure: { id: 1 },
-      template: { id: 2 },
+      structure: {
+        id: 7,
+        name: "my structure",
+        domain_ids: [3],
+        domains: [{ name: "my domain" }],
+      },
+      template: { id: 2, name: "my template" },
       doStructureNoteAction: () => {},
       selectTemplate: () => {},
       selectDomain: () => {},
       structureNotes: {
-        _actions: {
-          ai_suggestions: { href: "suggestion" },
-        },
         structureNotes: [],
       },
       latestDfContent: { foo: { value: "bar", origin: "user" } },
@@ -43,7 +55,19 @@ describe("<StructureNotesEdit />", () => {
     };
     const rendered = render(<StructureNotesEdit {...props} />);
     await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
+
+    await waitFor(() => expect(SuggestionsWidget).toHaveBeenCalled());
+    expect(SuggestionsWidget.mock.calls[0][0].suggestionParams).toMatchObject({
+      resource_type: "data_structure",
+      resource_id: 7,
+      template_id: 2,
+      domain_ids: [3],
+      resource_body: {
+        name: "my structure",
+        domain: "my domain",
+        type: "my template",
+      },
+    });
   });
 
   it("calls doStructureNoteAction when submit is clicked", async () => {

package/src/components/__tests__/__snapshots__/StructureNotesEdit.spec.js.snap

@@ -25,53 +25,3 @@ exports[`<StructureNotesEdit /> matches the latest snapshot 1`] = `
   </div>
 </div>
 `;
-
-exports[`<StructureNotesEdit /> matches the latest snapshot with ai suggestion action 1`] = `
-<div>
-  <div
-    class="ui bottom attached segment"
-  >
-    <div
-      class="ui segment"
-    >
-      <div
-        class="ui container"
-        style="display: flex; justify-content: space-between;"
-      >
-        <h4>
-          <i
-            aria-hidden="true"
-            class="lightbulb icon"
-          />
-          structure_note.ai_suggestion.header
-        </h4>
-        <div
-          class="ui hidden divider"
-        />
-        <button
-          class="ui button"
-        >
-          actions.ai_suggestion
-        </button>
-      </div>
-    </div>
-    <form
-      class="ui form"
-    >
-      <button
-        class="ui primary button"
-      >
-        actions.save
-      </button>
-      <a
-        class="ui secondary button td-icon-text-control"
-        data-discover="true"
-        href="/"
-        role="button"
-      >
-        actions.cancel
-      </a>
-    </form>
-  </div>
-</div>
-`;