@truedat/dd 8.11.2 → 8.11.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "8.11.2",
+  "version": "8.11.3",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "module": "src/index.js",
@@ -50,44 +50,44 @@
     ]
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.11.2",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@truedat/test": "8.11.3",
     "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.15.0",
+    "@apollo/client": "^3.13.9",
+    "axios": "^1.15.2",
     "file-saver": "^2.0.5",
     "graphql": "^16.11.0",
     "is-hotkey": "^0.2.0",
     "is-url": "^1.2.4",
-    "lodash": "^4.17.21",
-    "match-sorter": "^8.0.1",
+    "lodash": "^4.17.23",
+    "match-sorter": "^8.0.3",
     "moment": "^2.30.1",
     "path-to-regexp": "^8.2.0",
     "prop-types": "^15.8.1",
     "query-string": "^7.1.3",
-    "react": "^19.2.7",
+    "react": "^19.2.8",
     "react-csv": "^2.2.2",
-    "react-dom": "^19.2.7",
+    "react-dom": "^19.2.8",
     "react-dropzone": "^14.3.8",
     "react-hook-form": "^7.56.4",
-    "react-intl": "^7.1.11",
-    "react-moment": "^1.1.3",
+    "react-intl": "^7.1.14",
+    "react-moment": "^1.1.4",
     "react-redux": "^9.2.0",
-    "react-router": "^8.3.0",
+    "react-router": "^8.3.1",
     "redux": "^5.0.1",
     "redux-saga": "^1.3.0",
     "redux-saga-routines": "^3.2.3",
     "reselect": "^5.1.1",
     "semantic-ui-react": "^3.0.0-beta.2",
     "svg-pan-zoom": "^3.6.2",
-    "swr": "^2.3.3"
+    "swr": "^2.3.8"
   },
-  "gitHead": "5c0ce3c555de4c9e89021b4d0ab785ed27a87305"
+  "gitHead": "c0d3c1ed5c9480e6207a6e696d8941043c34de2f"
 }

package/src/api/queries.js

@@ -164,6 +164,7 @@ export const GRANT_APPROVAL_RULES_QUERY = gql`
       action
       role
       domains {
+        id
         name
       }
     }

package/src/components/GrantApprovalRules.js

@@ -12,6 +12,7 @@ import {
 import { Link } from "react-router";
 import { GRANT_APPROVAL_RULE_NEW, linkTo } from "@truedat/core/routes";
 import { columnDecoratorComponent } from "@truedat/core/services";
+import { DomainTooltip } from "@truedat/bg/taxonomy/components/DomainPath";
 import { GRANT_APPROVAL_RULES_QUERY } from "../api/queries";
 
 const ApprovalRuleLink = (rule) =>
@@ -34,7 +35,8 @@ export default function GrantApprovalRules() {
     { name: "role" },
     {
       name: "domain",
-      fieldSelector: _.prop("domains[0].name"),
+      fieldSelector: (rule) => ({ domain: _.path("domains[0]")(rule) }),
+      fieldDecorator: DomainTooltip,
     },
   ];
 

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

@@ -148,7 +148,9 @@ exports[`<GrantApprovalRules /> matches the last snapshot 1`] = `
           <td
             class=""
           >
-            domain_test
+            <span>
+              domain_test
+            </span>
           </td>
         </tr>
         <tr
@@ -178,7 +180,9 @@ exports[`<GrantApprovalRules /> matches the last snapshot 1`] = `
           <td
             class=""
           >
-            domain_test
+            <span>
+              domain_test
+            </span>
           </td>
         </tr>
       </tbody>

package/src/selectors/getStructureProperties.js

@@ -2,9 +2,27 @@ import _ from "lodash/fp";
 import { useState } from "react";
 import { createSelector } from "reselect";
 import { FormattedMessage, useIntl } from "react-intl";
-import { Button, Label } from "semantic-ui-react";
+import { Button, Label, Popup } from "semantic-ui-react";
+import { useDomainPath } from "@truedat/bg/taxonomy/components/DomainPath";
 import EditDomainPopup from "../components/EditDomainPopup";
 
+const DomainLabel = ({ domain }) => {
+  const path = useDomainPath(domain);
+  const content = _.isEmpty(path)
+    ? domain.name
+    : _.flow(_.map("name"), _.join(" > "))(path);
+  return (
+    <Popup
+      className="domain-path-popup"
+      content={content}
+      trigger={<Label key={domain.id}>{domain.name}</Label>}
+      on="hover"
+      position="top center"
+      basic
+    />
+  );
+};
+
 const DomainValue = ({ domains }) => {
   const { formatMessage } = useIntl();
   const [popupOpen, setPopupOpen] = useState(false);
@@ -30,13 +48,8 @@ const DomainValue = ({ domains }) => {
 
   return (
     <div className={`domain-value${popupOpen ? " popup-open" : ""}`}>
-      {domains.map(({ name, parents }, key) => (
-        <Label
-          key={key}
-          title={_.flow(_.map("name"), _.union([name]), _.join(" > "))(parents)}
-        >
-          {name}
-        </Label>
+      {domains.map((domain, key) => (
+        <DomainLabel key={domain.id || key} domain={domain} />
       ))}
       <EditDomainPopup onOpenChange={setPopupOpen} />
     </div>