@truedat/bg 7.8.6 → 7.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "7.8.6",
+  "version": "7.9.1",
   "description": "Truedat Web Business Glossary",
   "sideEffects": false,
   "module": "src/index.js",
@@ -48,7 +48,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "7.8.6",
+    "@truedat/test": "7.9.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -81,5 +81,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "8dbca36fe9ab1cb4e8455c6a9d122fe289759b72"
+  "gitHead": "aa5c7a47f252393e66ebfb6ea31981221fe641bb"
 }

package/src/hooks/useDomains.js

@@ -8,7 +8,11 @@ import {
   apiJsonPatch,
   apiJsonDelete,
 } from "@truedat/core/services/api";
-import { API_DOMAINS, API_DOMAIN } from "../taxonomy/api";
+import {
+  API_DOMAINS,
+  API_DOMAIN,
+  API_DOMAIN_PARENTABLE_IDS,
+} from "../taxonomy/api";
 
 export const useDomains = () => {
   const toApiPath = compile(API_DOMAINS, "api");
@@ -34,6 +38,18 @@ export const useDomain = (id) => {
   };
 };
 
+export const useDomainParentableIds = (id) => {
+  const toApiPath = compile(API_DOMAIN_PARENTABLE_IDS, "api");
+  const url = toApiPath({ id: `${id}` });
+  const { data, error } = useSWR(url, apiJson);
+  return {
+    data: data?.data?.data,
+    actions: data?.data?._actions,
+    error,
+    loading: !error && !data,
+  };
+};
+
 export const useDomainCreate = () => {
   const toApiPath = compile(API_DOMAINS, "api");
   const url = toApiPath();

package/src/taxonomy/api.js

@@ -1,4 +1,5 @@
 const API_DOMAIN = "/api/domains/:id";
+const API_DOMAIN_PARENTABLE_IDS = "/api/domains/:id/parentable_ids";
 const API_DOMAINS = "/api/domains";
 
-export { API_DOMAIN, API_DOMAINS };
+export { API_DOMAIN, API_DOMAIN_PARENTABLE_IDS, API_DOMAINS };

package/src/taxonomy/components/DomainForm.js

@@ -46,7 +46,7 @@ const DEFAULTS = {
   domain_group: null,
 };
 
-export const DomainForm = ({ domain = {}, onSubmit }) => {
+export const DomainForm = ({ domain = {}, parentableIds = [], onSubmit }) => {
   const { data: domains } = useDomains();
   const { formatMessage } = useIntl();
   const { handleSubmit, control, formState, watch } = useForm({
@@ -67,7 +67,6 @@ export const DomainForm = ({ domain = {}, onSubmit }) => {
     domain?.domain_group?.status === "root" || !domain?.domain_group;
 
   const { errors, isDirty, isValid } = formState;
-  const parentableIds = domain.parentable_ids || [];
   const domainParentOptions =
     domain?.id && domains ? getDomainParentOptions(parentableIds)(domains) : [];
 
@@ -232,6 +231,7 @@ export const DomainForm = ({ domain = {}, onSubmit }) => {
 
 DomainForm.propTypes = {
   domain: PropTypes.object,
+  parentableIds: PropTypes.array,
   onSubmit: PropTypes.func.isRequired,
 };
 

package/src/taxonomy/components/EditDomain.js

@@ -8,11 +8,15 @@ import { linkTo } from "@truedat/core/routes";
 import { useQuery } from "@apollo/client";
 import { DOMAINS_QUERY } from "@truedat/core/api/queries";
 
-import { useDomainUpdate } from "../../hooks/useDomains";
+import {
+  useDomainUpdate,
+  useDomainParentableIds,
+} from "../../hooks/useDomains";
 import DomainForm from "./DomainForm";
 
 export const EditDomain = ({ domain }) => {
   const { trigger: updateDomain } = useDomainUpdate(domain.id);
+  const { data: parentableIds } = useDomainParentableIds(domain.id);
 
   const navigate = useNavigate();
   const { client } = useQuery(DOMAINS_QUERY, {
@@ -36,7 +40,11 @@ export const EditDomain = ({ domain }) => {
           <FormattedMessage id="domain.actions.edit.header" />
         </Header.Content>
       </Header>
-      <DomainForm onSubmit={handleUpdateDomain} domain={domain} />
+      <DomainForm
+        onSubmit={handleUpdateDomain}
+        domain={domain}
+        parentableIds={parentableIds}
+      />
     </Container>
   );
 };

package/src/taxonomy/components/__tests__/DomainForm.spec.js

@@ -174,10 +174,15 @@ describe("<DomainForm />", () => {
 
   it("should generate domain parent options", async () => {
     useDomains.mockImplementation(() => ({ data }));
-    const domain = { id: 2, parentable_ids: [1, 5, 6, 7] };
+    const domain = { id: 2 };
+    const parentableIds = [1, 5, 6, 7];
 
     const rendered = render(
-      <DomainForm domain={domain} onSubmit={jest.fn()} />
+      <DomainForm
+        domain={domain}
+        parentableIds={parentableIds}
+        onSubmit={jest.fn()}
+      />
     );
     await waitForLoad(rendered);
 

package/src/taxonomy/components/__tests__/EditDomain.spec.js

@@ -1,8 +1,12 @@
 import { render, waitForLoad } from "@truedat/test/render";
 import { domainsMock } from "@truedat/test/mocks";
 import { EditDomain } from "../EditDomain";
+import { useDomainParentableIds } from "../../../hooks/useDomains";
 
-jest.mock("../../../hooks/useDomains");
+jest.mock("../../../hooks/useDomains", () => ({
+  ...jest.requireActual("../../../hooks/useDomains"),
+  useDomainParentableIds: jest.fn(() => {}),
+}));
 
 const renderOpts = {
   mocks: [
@@ -14,6 +18,9 @@ const renderOpts = {
 };
 
 describe("<EditDomain />", () => {
+  useDomainParentableIds.mockImplementation(() => ({
+    data: [],
+  }));
   const domain = { id: 1, name: "nn", description: "dd" };
 
   it("matches the latest snapshot", async () => {