@truedat/bg 7.9.0 → 7.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "7.9.0",
+  "version": "7.9.2",
   "description": "Truedat Web Business Glossary",
   "sideEffects": false,
   "module": "src/index.js",
@@ -48,14 +48,14 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "7.9.0",
+    "@truedat/test": "7.9.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
   },
   "dependencies": {
     "@apollo/client": "^3.13.8",
-    "axios": "^1.11.0",
+    "axios": "^1.12.0",
     "file-saver": "^2.0.5",
     "graphql": "^16.11.0",
     "is-hotkey": "^0.2.0",
@@ -81,5 +81,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "cde305c9a8ae5657b9302c6a3f668fa897de2de5"
+  "gitHead": "245c4c2824083bbae4422b92b552b667160f8e93"
 }

package/src/concepts/components/Concept.js

@@ -95,7 +95,7 @@ export const Concept = ({ id, concept }) => {
   )(locales);
 
   const selectedContent = i18nConcept[selectedLang]?.content || concept.content;
-
+ 
   return (
     <>
       <ConceptCrumbs />
@@ -124,10 +124,9 @@ export const Concept = ({ id, concept }) => {
           </Segment>
           <Routes>
             <Route
-              // "/concepts/:business_concept_id/versions/:id"
-              path={CONCEPT_VERSION}
+              path= ""
               element={
-                <Segment>
+                   <Segment>
                   <Comments />
                 </Segment>
               }

package/src/concepts/components/__tests__/__snapshots__/Concept.spec.js.snap

@@ -195,6 +195,45 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="ui segment"
+      >
+        <div
+          class="ui comments"
+        >
+          <h3
+            class="ui dividing header"
+          >
+            comments.header
+          </h3>
+          <form
+            class="ui reply form"
+          >
+            <div
+              class="field"
+            >
+              <textarea
+                rows="3"
+              />
+            </div>
+            <div
+              class="actions"
+            >
+              <button
+                class="ui icon primary disabled left labeled button"
+                disabled=""
+                tabindex="-1"
+              >
+                <i
+                  aria-hidden="true"
+                  class="edit icon"
+                />
+                comments.actions.new
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
     <div
       class="four wide column"
@@ -546,6 +585,45 @@ exports[`<Concept /> matches the latest snapshot with grantView activated 1`] =
           </div>
         </div>
       </div>
+      <div
+        class="ui segment"
+      >
+        <div
+          class="ui comments"
+        >
+          <h3
+            class="ui dividing header"
+          >
+            comments.header
+          </h3>
+          <form
+            class="ui reply form"
+          >
+            <div
+              class="field"
+            >
+              <textarea
+                rows="3"
+              />
+            </div>
+            <div
+              class="actions"
+            >
+              <button
+                class="ui icon primary disabled left labeled button"
+                disabled=""
+                tabindex="-1"
+              >
+                <i
+                  aria-hidden="true"
+                  class="edit icon"
+                />
+                comments.actions.new
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
     <div
       class="four wide column"

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 () => {