@truedat/dd 4.40.6 → 4.40.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.40.7] 2022-03-18
+
+### Added
+
+- [TD-4435] Display full name of structures in Data Catalog
+
 ## [4.40.6] 2022-03-17
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "4.40.6",
+  "version": "4.40.7",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -84,9 +84,9 @@
     ]
   },
   "dependencies": {
-    "@truedat/auth": "4.40.5",
-    "@truedat/core": "4.40.5",
-    "@truedat/df": "4.40.5",
+    "@truedat/auth": "4.40.7",
+    "@truedat/core": "4.40.7",
+    "@truedat/df": "4.40.7",
     "lodash": "^4.17.21",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.7.2",
@@ -107,5 +107,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "91a3e5996af35f96c97a192f79ef6fb72d588479"
+  "gitHead": "57ce60d30f6238ab63207ae402dfc0bc0e5c934a"
 }

package/src/components/StructureItem.js

@@ -10,14 +10,15 @@ import { STRUCTURES, linkTo } from "@truedat/core/routes";
 const getIcon = (formatMessage, type) =>
   formatMessage({
     id: `structure.type.${type}.icon`,
-    defaultMessage: "question circle outline"
+    defaultMessage: "question circle outline",
   });
 
 export const StructureItem = ({ name, id, type, active, deleted_at }) => {
   const { formatMessage } = useIntl();
   return (
     <List.Item
-      as={active ? undefined : Link}
+      as={active ? "a" : Link}
+      title={name}
       to={
         active
           ? undefined
@@ -39,8 +40,11 @@ export const StructureItem = ({ name, id, type, active, deleted_at }) => {
 };
 
 StructureItem.propTypes = {
+  active: PropTypes.bool,
+  deleted_at: PropTypes.string,
+  id: PropTypes.number,
   name: PropTypes.string,
-  id: PropTypes.number
+  type: PropTypes.string,
 };
 
 export const mapStateToProps = (
@@ -50,7 +54,8 @@ export const mapStateToProps = (
   const id = data_structure_id || structureId;
   return {
     id: id,
-    active: type !== "system" && _.isFinite(id) && _.propEq("id", id)(structure)
+    active:
+      type !== "system" && _.isFinite(id) && _.propEq("id", id)(structure),
   };
 };
 

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

@@ -36,14 +36,16 @@ describe("<StructureItem />", () => {
     const wrapper = shallow(<StructureItem {...props} />);
     expect(wrapper.prop("as")).toBe(Link);
     expect(wrapper.prop("to")).toEqual("/structures");
+    expect(wrapper.prop("title")).toBeTruthy();
   });
 
-  it("renders as an active List Item if active is true", () => {
+  it("renders as an anchor tag if active is true", () => {
     const props = { id, name, active: true };
     const wrapper = shallow(<StructureItem {...props} />);
-    expect(wrapper.prop("as")).toBeUndefined();
+    expect(wrapper.prop("as")).toBe("a");
     expect(wrapper.prop("to")).toBeUndefined();
     expect(wrapper.prop("active")).toBeTruthy();
+    expect(wrapper.prop("title")).toBeTruthy();
   });
 
   describe("mapStateToProps", () => {
@@ -55,7 +57,7 @@ describe("<StructureItem />", () => {
 
       expect(mapStateToProps(state, ownProps)).toMatchObject({
         id: data_structure_id,
-        active: false
+        active: false,
       });
     });
 
@@ -65,7 +67,7 @@ describe("<StructureItem />", () => {
       const state = { structure };
 
       expect(mapStateToProps(state, ownProps)).toMatchObject({
-        active: true
+        active: true,
       });
     });
   });

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

@@ -3,6 +3,8 @@
 exports[`<StructureItem /> matches the latest snapshot (active state) 1`] = `
 <ListItem
   active={true}
+  as="a"
+  title="foo"
 >
   <ListIcon
     name="question circle outline"
@@ -32,6 +34,7 @@ exports[`<StructureItem /> matches the latest snapshot 1`] = `
       "render": [Function],
     }
   }
+  title="foo"
   to="/structures/1"
 >
   <ListIcon

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

@@ -20,7 +20,7 @@ exports[`<StructureNavClassified /> matches the latest snapshot (leaf class expa
       </div>
     </div>
   </div>
-  <div
+  <a
     class="active item"
     role="listitem"
   >
@@ -35,7 +35,7 @@ exports[`<StructureNavClassified /> matches the latest snapshot (leaf class expa
         class="description"
       />
     </div>
-  </div>
+  </a>
   <div
     class="item"
     role="listitem"