@truedat/dq 8.11.2 → 8.11.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dq",
-  "version": "8.11.2",
+  "version": "8.11.3",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "module": "src/index.js",
@@ -55,42 +55,42 @@
     ]
   },
   "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",
+    "lodash": "^4.17.23",
     "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",
-    "swr": "^2.3.3"
+    "swr": "^2.3.8"
   },
-  "gitHead": "5c0ce3c555de4c9e89021b4d0ab785ed27a87305"
+  "gitHead": "c0d3c1ed5c9480e6207a6e696d8941043c34de2f"
 }

package/src/components/RuleImplementationProperties.js

@@ -4,10 +4,26 @@ import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
 import { connect } from "react-redux";
 import { Grid, Label, Segment, List } from "semantic-ui-react";
+import {
+  useDomainPath,
+  useDomains,
+} from "@truedat/bg/taxonomy/components/DomainPath";
 import InformationSummary from "./InformationSummary";
 import ImplementationSummary from "./ImplementationSummary";
 import RawContent from "./RawContent";
 
+const DomainBreadcrumb = ({ domain }) => {
+  const path = useDomainPath(domain);
+  const breadcrumb = _.isEmpty(path)
+    ? _.flow(
+        _.map("name"),
+        _.union([domain.name]),
+        _.join(" > "),
+      )(domain.parents)
+    : _.flow(_.map("name"), _.join(" > "))(path);
+  return <>{breadcrumb}</>;
+};
+
 const DynamicFormViewer = lazy(
   () => import("@truedat/df/components/DynamicFormViewer"),
 );
@@ -20,6 +36,7 @@ export const RuleImplementationProperties = ({
   templateImpl,
   ruleImplementationLoaded,
 }) => {
+  useDomains();
   return _.isEmpty(ruleImplementation) &&
     _.isEmpty(ruleImplementationRaw) ? null : (
     <Segment attached="bottom">
@@ -49,7 +66,9 @@ export const RuleImplementationProperties = ({
               <List.Header>
                 <FormattedMessage id="quality.domain" />
               </List.Header>
-              <List.Content>{ruleImplementation?.domain.name}</List.Content>
+              <List.Content>
+                <DomainBreadcrumb domain={ruleImplementation.domain} />
+              </List.Content>
             </List.Item>
           </List>
         )}

package/src/components/TaxonomySummary.js

@@ -2,18 +2,33 @@ import _ from "lodash/fp";
 import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
 import { Header, Icon, Segment, List } from "semantic-ui-react";
+import {
+  useDomainPath,
+  useDomains,
+} from "@truedat/bg/taxonomy/components/DomainPath";
+
+const DomainItem = ({ domain }) => {
+  const path = useDomainPath(domain);
+  const breadcrumb = _.isEmpty(path)
+    ? _.flow(
+        _.map("name"),
+        _.union([domain.name]),
+        _.join(" > "),
+      )(domain.parents)
+    : _.flow(_.map("name"), _.join(" > "))(path);
+  return <List.Item key={domain.id}>{breadcrumb}</List.Item>;
+};
 
 const domainDecorator = (domains) => (
   <List>
-    {domains.map(({ name, parents }, key) => (
-      <List.Item key={key}>
-        {_.flow(_.map("name"), _.union([name]), _.join(" > "))(parents)}
-      </List.Item>
+    {domains.map((domain) => (
+      <DomainItem key={domain.id} domain={domain} />
     ))}
   </List>
 );
 
 export default function TaxonomySummary({ ruleImplementation }) {
+  useDomains();
   const dataStructures = ruleImplementation.data_structures || [];
 
   const taxonomy = _.flow(

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

@@ -402,7 +402,9 @@ exports[`<RuleForm /> matches the latest snapshot (edit mode) 1`] = `
                   <td
                     class=""
                   >
-                    bar
+                    <span>
+                      bar
+                    </span>
                   </td>
                   <td
                     class=""
@@ -921,7 +923,9 @@ exports[`<RuleForm /> matches the latest snapshot 1`] = `
                   <td
                     class=""
                   >
-                    bar
+                    <span>
+                      bar
+                    </span>
                   </td>
                   <td
                     class=""

package/src/selectors/ruleColumnsSelector.js

@@ -2,6 +2,7 @@ import _ from "lodash/fp";
 import { Label } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
 import { createSelector } from "reselect";
+import { DomainTooltip } from "@truedat/bg/taxonomy/components/DomainPath";
 import RuleLink from "../components/RuleLink";
 
 const translateDecorator = (id) => <FormattedMessage id={id} />;
@@ -34,7 +35,8 @@ export const defaultRuleColumns = () => [
   },
   {
     name: "domain",
-    fieldSelector: _.path("domain.name"),
+    fieldSelector: _.path("domain"),
+    fieldDecorator: (domain) => <DomainTooltip domain={domain} />,
     sort: { name: "domain.name.raw" },
     width: 3,
   },