@truedat/dd 4.45.0 → 4.45.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.45.3] 2022-06-01
+
+### Added
+
+- [TD-3920] Alias support for structures
+
 ## [4.44.4] 2022-05-19
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "4.45.0",
+  "version": "4.45.4",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.45.0",
+    "@truedat/test": "4.45.1",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -88,9 +88,9 @@
   },
   "dependencies": {
     "@apollo/client": "^3.6.4",
-    "@truedat/auth": "4.45.0",
-    "@truedat/core": "4.45.0",
-    "@truedat/df": "4.45.0",
+    "@truedat/auth": "4.45.4",
+    "@truedat/core": "4.45.1",
+    "@truedat/df": "4.45.4",
     "lodash": "^4.17.21",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.8.1",
@@ -111,5 +111,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "b8a49c6bae0bbde203dfb4763a5657fc398e3b7a"
+  "gitHead": "40ec430c50a2da5eca991e9b946e8e47ffe1e477"
 }

package/src/components/StructureCrumbs.js

@@ -29,18 +29,21 @@ export const SystemCrumb = ({ name, id }) => (
   </>
 );
 
-export const AncestorCrumb = ({ name, id }) => (
+export const AncestorCrumb = ({ name, id, published_note }) => (
   <>
     <Breadcrumb.Section as={Link} to={linkTo.STRUCTURE({ id })} active={false}>
-      {name}
+      {_.isEmpty(published_note?.alias) ? name : published_note.alias}
     </Breadcrumb.Section>
     <Breadcrumb.Divider icon="right angle" />
   </>
 );
 
-export const StructureCrumb = ({ name, id, version }) =>
+export const StructureCrumb = ({ name, id, version, published_note }) =>
   _.isNil(version) ? (
-    <Breadcrumb.Section active content={name} />
+    <Breadcrumb.Section
+      active
+      content={_.isEmpty(published_note?.alias) ? name : published_note.alias}
+    />
   ) : (
     <>
       <Breadcrumb.Section
@@ -48,7 +51,7 @@ export const StructureCrumb = ({ name, id, version }) =>
         to={linkTo.STRUCTURE({ id })}
         active={false}
       >
-        {name}
+        {_.isEmpty(published_note?.alias) ? name : published_note.alias}
       </Breadcrumb.Section>
       <Breadcrumb.Divider icon="right angle" />
     </>
@@ -60,20 +63,33 @@ export const VersionCrumb = ({ version }) => (
   </Breadcrumb.Section>
 );
 
-export const StructureCrumbs = ({ id, system, ancestry, name, version }) =>
+export const StructureCrumbs = ({
+  id,
+  system,
+  ancestry,
+  name,
+  version,
+  published_note,
+}) =>
   name ? (
     <Breadcrumb>
       <StructuresCrumb />
       {!_.isEmpty(system) && <SystemCrumb {...system} />}
       {!_.isEmpty(ancestry) &&
-        _.map(({ data_structure_id, name }) => (
+        _.map(({ data_structure_id, name, published_note }) => (
           <AncestorCrumb
             key={data_structure_id}
             name={name}
             id={data_structure_id}
+            published_note={published_note}
           />
         ))(ancestry)}
-      <StructureCrumb name={name} id={id} version={version} />
+      <StructureCrumb
+        name={name}
+        id={id}
+        version={version}
+        published_note={published_note}
+      />
       {!_.isNil(version) && <VersionCrumb id={id} version={version} />}
     </Breadcrumb>
   ) : null;
@@ -84,18 +100,19 @@ StructureCrumbs.propTypes = {
   name: PropTypes.string,
   field: PropTypes.object,
   system: PropTypes.object,
-  version: PropTypes.string
+  version: PropTypes.string,
+  published_note: PropTypes.object,
 };
 
 const mapStateToProps = ({
   structure,
   structureAncestry: ancestry,
   structureVersion: version,
-  structureSystem: system
+  structureSystem: system,
 }) => ({
   ...structure,
   ancestry,
   system,
-  version
+  version,
 });
 export default connect(mapStateToProps)(StructureCrumbs);

package/src/components/StructureItem.js

@@ -49,13 +49,14 @@ StructureItem.propTypes = {
 
 export const mapStateToProps = (
   { structure },
-  { data_structure_id, id: structureId, type }
+  { data_structure_id, id: structureId, type, name, published_note }
 ) => {
   const id = data_structure_id || structureId;
   return {
     id: id,
     active:
       type !== "system" && _.isFinite(id) && _.propEq("id", id)(structure),
+    name: _.isEmpty(published_note?.alias) ? name : published_note.alias,
   };
 };
 

package/src/components/StructureSummary.js

@@ -56,6 +56,7 @@ const dateProperties = (deleted_at, updatedAt) =>
 export const StructureSummary = ({
   class: structureClass,
   name,
+  published_note,
   description,
   type,
   userPermissions,
@@ -79,7 +80,9 @@ export const StructureSummary = ({
             <Dimmer.Dimmable dimmed={linkedStructureTagsLoading}>
               <Header as="h2">
                 <Header.Content>
-                  {name}
+                  {_.isEmpty(published_note?.alias)
+                    ? name
+                    : published_note.alias}
                   {grant ? (
                     structureGrant ? (
                       structureGrant(grant)
@@ -92,14 +95,8 @@ export const StructureSummary = ({
                   ) : (
                     <StructureGrantRequestButton />
                   )}
-                  {type && (
-                    <Header.Subheader>
-                      {formatMessage({
-                        id: `structure.type.${type}.text`,
-                        defaultMessage:
-                          _.get("translation")(data_structure_type) || type,
-                      })}
-                    </Header.Subheader>
+                  {!_.isEmpty(published_note?.alias) && (
+                    <Header.Subheader>{name}</Header.Subheader>
                   )}
                 </Header.Content>
               </Header>
@@ -136,6 +133,7 @@ export const StructureSummary = ({
 StructureSummary.propTypes = {
   class: PropTypes.string,
   name: PropTypes.string,
+  published_note: PropTypes.object,
   description: PropTypes.string,
   type: PropTypes.string,
   userPermissions: PropTypes.object,

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

@@ -1,8 +1,12 @@
 import React from "react";
+import { render } from "@truedat/test/render";
 import { shallow } from "enzyme";
 import { Link } from "react-router-dom";
 import { intl } from "@truedat/test/intl-stub";
-import { StructureItem, mapStateToProps } from "../StructureItem";
+import DefaultStructureItem, {
+  StructureItem,
+  mapStateToProps,
+} from "../StructureItem";
 
 // workaround for enzyme issue with React.useContext
 // see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
@@ -14,14 +18,27 @@ describe("<StructureItem />", () => {
 
   it("matches the latest snapshot", () => {
     const props = { id, name };
-    const wrapper = shallow(<StructureItem {...props} />);
-    expect(wrapper).toMatchSnapshot();
+
+    const { container } = render(<DefaultStructureItem {...props} />);
+    expect(container).toMatchSnapshot();
   });
 
   it("matches the latest snapshot (active state)", () => {
-    const props = { id, name };
-    const wrapper = shallow(<StructureItem active={true} {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const props = { data_structure_id: 8, name, type: "not_system" };
+    const state = {
+      structure: { id: 8 },
+    };
+    const { container } = render(<DefaultStructureItem {...props} />, {
+      state,
+    });
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot with alias", () => {
+    const props = { id, name, published_note: { alias: "alias" } };
+
+    const { container } = render(<DefaultStructureItem {...props} />);
+    expect(container).toMatchSnapshot();
   });
 
   it("renders as a link to the /structures/:id route if id is present", () => {

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

@@ -1,13 +1,23 @@
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import { StructureItems } from "../StructureItems";
 
 describe("<StructureItems />", () => {
   it("matches the latest snapshot", () => {
-    const structures = [{ id: 1 }];
+    const structures = [{ id: 1, name: "some structure" }];
     const props = { structures };
 
-    const wrapper = shallow(<StructureItems {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<StructureItems {...props} />);
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot with alias", () => {
+    const structures = [
+      { id: 1, name: "some structure", published_note: { alias: "alias" } },
+    ];
+    const props = { structures };
+
+    const { container } = render(<StructureItems {...props} />);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -4,7 +4,7 @@ import StructureProperties from "../StructureProperties";
 
 describe("<StructureProperties />", () => {
   it("matches the latest snapshot", () => {
-    const structure = { description: "dd", group: "gp" };
+    const structure = { description: "dd", group: "gp", type: "Database" };
     const state = { structure };
     const { container } = render(<StructureProperties />, { state });
     expect(container).toMatchSnapshot();

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

@@ -44,6 +44,19 @@ describe("<StructureSummary />", () => {
     expect(wrapper).toMatchSnapshot();
   });
 
+  it("matches the latest snapshot with alias", () => {
+    const props = {
+      ...structure,
+      published_note: { alias: "some alias" },
+      updatedAt,
+      deleted_at,
+      structureFields,
+      linkedStructureTagsLoading: false,
+    };
+    const wrapper = shallow(<StructureSummary {...props} />);
+    expect(wrapper).toMatchSnapshot();
+  });
+
   it("renders loading when linkedStructureTagsLoading is true", () => {
     const props = {
       ...structure,

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

@@ -1,50 +1,75 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<StructureItem /> matches the latest snapshot (active state) 1`] = `
-<ListItem
-  active={true}
-  as="a"
-  title="foo"
->
-  <ListIcon
-    name="question circle outline"
-    verticalAlign="middle"
-  />
-  <ListContent>
-    <ListDescription>
-      foo
-    </ListDescription>
-  </ListContent>
-</ListItem>
+<div>
+  <a
+    class="active item"
+    role="listitem"
+    title="foo"
+  >
+    <i
+      aria-hidden="true"
+      class="question circle outline icon middle aligned"
+    />
+    <div
+      class="content"
+    >
+      <div
+        class="description"
+      >
+        foo
+      </div>
+    </div>
+  </a>
+</div>
 `;
 
 exports[`<StructureItem /> matches the latest snapshot 1`] = `
-<ListItem
-  as={
-    Object {
-      "$$typeof": Symbol(react.forward_ref),
-      "displayName": "Link",
-      "propTypes": Object {
-        "innerRef": [Function],
-        "onClick": [Function],
-        "replace": [Function],
-        "target": [Function],
-        "to": [Function],
-      },
-      "render": [Function],
-    }
-  }
-  title="foo"
-  to="/structures/1"
->
-  <ListIcon
-    name="question circle outline"
-    verticalAlign="middle"
-  />
-  <ListContent>
-    <ListDescription>
-      foo
-    </ListDescription>
-  </ListContent>
-</ListItem>
+<div>
+  <a
+    class="item"
+    href="/structures/1"
+    role="listitem"
+    title="foo"
+  >
+    <i
+      aria-hidden="true"
+      class="question circle outline icon middle aligned"
+    />
+    <div
+      class="content"
+    >
+      <div
+        class="description"
+      >
+        foo
+      </div>
+    </div>
+  </a>
+</div>
+`;
+
+exports[`<StructureItem /> matches the latest snapshot with alias 1`] = `
+<div>
+  <a
+    class="item"
+    href="/structures/1"
+    role="listitem"
+    title="alias"
+  >
+    <i
+      aria-hidden="true"
+      class="question circle outline icon middle aligned"
+    />
+    <div
+      class="content"
+    >
+      <div
+        class="description"
+      >
+        alias
+      </div>
+    </div>
+  </a>
+</div>
 `;

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

@@ -1,8 +1,51 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<StructureItems /> matches the latest snapshot 1`] = `
-<Connect(StructureItem)
-  id={1}
-  key="0"
-/>
+<div>
+  <a
+    class="item"
+    href="/structures/1"
+    role="listitem"
+    title="some structure"
+  >
+    <i
+      aria-hidden="true"
+      class="question circle outline icon middle aligned"
+    />
+    <div
+      class="content"
+    >
+      <div
+        class="description"
+      >
+        some structure
+      </div>
+    </div>
+  </a>
+</div>
+`;
+
+exports[`<StructureItems /> matches the latest snapshot with alias 1`] = `
+<div>
+  <a
+    class="item"
+    href="/structures/1"
+    role="listitem"
+    title="alias"
+  >
+    <i
+      aria-hidden="true"
+      class="question circle outline icon middle aligned"
+    />
+    <div
+      class="content"
+    >
+      <div
+        class="description"
+      >
+        alias
+      </div>
+    </div>
+  </a>
+</div>
 `;

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

@@ -95,6 +95,28 @@ exports[`<StructureProperties /> matches the latest snapshot 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="three wide column"
+      >
+        <div
+          class="item"
+        >
+          <div
+            class="content"
+          >
+            <h5
+              class="header"
+            >
+              Type
+            </h5>
+            <div
+              class="description"
+            >
+              Database
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>

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

@@ -16,8 +16,65 @@ exports[`<StructureSummary /> matches the latest snapshot 1`] = `
             <HeaderContent>
               s1
               <Connect(StructureGrantRequestButton) />
+            </HeaderContent>
+          </Header>
+          <Dimmer
+            active={false}
+            inverted={true}
+          >
+            <Loader />
+          </Dimmer>
+        </DimmerDimmable>
+      </GridColumn>
+      <GridColumn
+        textAlign="right"
+        width={6}
+      >
+        <Date
+          className="alert warning"
+          date="2019-01-02T03:04:05Z"
+          icon={
+            <Icon
+              as="i"
+              color="red"
+              name="warning circle"
+            />
+          }
+          label="deleted_at"
+        />
+        <Connect(ShareLinkPopup)
+          description="dd"
+          name="s1"
+          title="structure.share.title"
+          url="http://localhost/"
+        />
+        <injectIntl(Connect(StructureConfidentialButton)) />
+      </GridColumn>
+    </GridRow>
+  </Grid>
+  <Connect(TagsHeader) />
+  <Connect(StructureProperties) />
+</Fragment>
+`;
+
+exports[`<StructureSummary /> matches the latest snapshot with alias 1`] = `
+<Fragment>
+  <Grid>
+    <GridRow>
+      <GridColumn
+        width={10}
+      >
+        <DimmerDimmable
+          dimmed={false}
+        >
+          <Header
+            as="h2"
+          >
+            <HeaderContent>
+              some alias
+              <Connect(StructureGrantRequestButton) />
               <HeaderSubheader>
-                foo
+                s1
               </HeaderSubheader>
             </HeaderContent>
           </Header>
@@ -84,11 +141,6 @@ exports[`<StructureSummary /> renders custom grant label when grant provided 1`]
               <p>
                 bar
               </p>
-              <div
-                class="sub header"
-              >
-                foo
-              </div>
             </div>
           </h2>
           <div
@@ -198,6 +250,28 @@ exports[`<StructureSummary /> renders custom grant label when grant provided 1`]
           </div>
         </div>
       </div>
+      <div
+        class="three wide column"
+      >
+        <div
+          class="item"
+        >
+          <div
+            class="content"
+          >
+            <h5
+              class="header"
+            >
+              structure.type
+            </h5>
+            <div
+              class="description"
+            >
+              foo
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>
@@ -233,11 +307,6 @@ exports[`<StructureSummary /> renders label when grant provided 1`] = `
                 />
                 structure.grant.has_grant
               </div>
-              <div
-                class="sub header"
-              >
-                foo
-              </div>
             </div>
           </h2>
           <div
@@ -347,6 +416,28 @@ exports[`<StructureSummary /> renders label when grant provided 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="three wide column"
+      >
+        <div
+          class="item"
+        >
+          <div
+            class="content"
+          >
+            <h5
+              class="header"
+            >
+              structure.type
+            </h5>
+            <div
+              class="description"
+            >
+              foo
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>

package/src/reducers/structure.js

@@ -35,6 +35,7 @@ const structureVersionFields = _.pick([
   "grant",
   "grants",
   "siblings",
+  "published_note",
 ]);
 
 const structure = (state = initialState, { type, payload }) => {

package/src/reducers/structures.js

@@ -19,6 +19,8 @@ const pickFields = _.pick([
   "domain",
   "metadata",
   "mutable_metadata",
+  "latest_note",
+  "published_note",
 ]);
 
 const structures = (state = initialState, { type, payload }) => {

package/src/selectors/__tests__/getStructureParent.spec.js

@@ -2,24 +2,33 @@ import _ from "lodash/fp";
 import { getStructureParent } from "..";
 
 const structureParents = [
-  { id: "1", name: "structure", type: "structure type" }
+  {
+    id: "1",
+    name: "structure",
+    type: "structure type",
+    published_note: { alias: "alias" },
+  },
 ];
 const system = { id: "1", name: "system", type: "system" };
 
 const structure = {
   id: "1",
   name: "structure",
-  system: _.omit(["type"])(system)
+  system: _.omit(["type"])(system),
 };
 
 describe("selectors: getStructureParent", () => {
   const state = {
     structureParents,
-    structure
+    structure,
   };
 
   it("get structure parent from state when is not empty", () => {
-    const reply = _.flow(_.head, _.set("name", ".."))(structureParents);
+    const reply = _.flow(
+      _.head,
+      _.set("name", ".."),
+      _.omit("published_note")
+    )(structureParents);
     expect(getStructureParent(state)).toEqual(reply);
   });
 

package/src/selectors/__tests__/getStructureProperties.spec.js

@@ -10,9 +10,9 @@ describe("selectors: getStructureProperties", () => {
 });
 
 describe("selectors: getStructureProperties", () => {
-  it("should return should return default properties when present", () => {
+  it("should return default properties when present", () => {
     const res = getStructureProperties({});
-    expect(res).toHaveLength(2);
+    expect(res).toHaveLength(3);
     expect(res).toEqual(defaultStructureProperties);
   });
 });

package/src/selectors/getSortedStructureChildren.js

@@ -7,7 +7,7 @@ export const getSortedStructureChildren = createSelector(
     _.propOr([], "structureChildren"),
     _.propOr([], "structureSiblings"),
     _.propOr([], "systemStructures"),
-    getStructureSortingCriteria
+    getStructureSortingCriteria,
   ],
   (
     structureChildren,

package/src/selectors/getStructureFieldColumns.js

@@ -7,25 +7,31 @@ import { Link } from "react-router-dom";
 import { linkTo } from "@truedat/core/routes";
 import { accentInsensitivePathOrder } from "@truedat/core/services/sort";
 
-const translateDecorator = text => <FormattedMessage id={text} />;
+const translateDecorator = (text) => <FormattedMessage id={text} />;
 
 const translateDecoratorWithDefault = (text, default_text) => (
   <FormattedMessage id={text} defaultMessage={default_text} />
 );
 
-const typeDecorator = field =>
+const typeDecorator = (field) =>
   translateDecoratorWithDefault(`structure.type.${field}`, field);
 
-const linkToStructureDecorator = ({ data_structure_id: id, name }) => (
-  <Link to={linkTo.STRUCTURE({ id })}>{name}</Link>
+const linkToStructureDecorator = ({
+  data_structure_id: id,
+  name,
+  published_note,
+}) => (
+  <Link to={linkTo.STRUCTURE({ id })}>
+    {_.isEmpty(published_note?.alias) ? name : published_note.alias}
+  </Link>
 );
 
-const nullableDecorator = field =>
+const nullableDecorator = (field) =>
   field
     ? translateDecorator("structure.field.nullable.true")
     : translateDecorator("structure.field.nullable.false");
 
-const hasDfContentDecorator = has_df_content =>
+const hasDfContentDecorator = (has_df_content) =>
   has_df_content && translateDecorator("structure.field.nullable.true");
 
 const lineageLinkDecorator = ({ degree, data_structure_id: id }) =>
@@ -42,7 +48,7 @@ const lineageLinkDecorator = ({ degree, data_structure_id: id }) =>
     </Link>
   );
 
-export const linksDecorator = links => {
+export const linksDecorator = (links) => {
   const sortedLinks = _.sortBy(accentInsensitivePathOrder("name"))(links);
   return (
     !_.isEmpty(sortedLinks) && (
@@ -52,7 +58,7 @@ export const linksDecorator = links => {
             <Link
               to={linkTo.CONCEPT_VERSION({
                 business_concept_id: resource.resource_id,
-                id: "current"
+                id: "current",
               })}
             >
               {resource.name}
@@ -67,8 +73,8 @@ export const linksDecorator = links => {
 export const defaultStructureFieldColumns = [
   {
     name: "name",
-    fieldSelector: _.pick(["data_structure_id", "name"]),
-    fieldDecorator: linkToStructureDecorator
+    fieldSelector: _.pick(["data_structure_id", "name", "published_note"]),
+    fieldDecorator: linkToStructureDecorator,
   },
   { name: "type", fieldDecorator: typeDecorator },
   { name: "precision" },
@@ -76,18 +82,18 @@ export const defaultStructureFieldColumns = [
   { name: "description" },
   {
     name: "has_df_content",
-    fieldDecorator: hasDfContentDecorator
+    fieldDecorator: hasDfContentDecorator,
   },
   {
     name: "degree",
     fieldSelector: _.pick(["degree", "data_structure_id"]),
     fieldDecorator: lineageLinkDecorator,
-    textAlign: "center"
+    textAlign: "center",
   },
   {
     name: "links",
-    fieldDecorator: linksDecorator
-  }
+    fieldDecorator: linksDecorator,
+  },
 ];
 
 export const getStructureFieldColumns = createSelector(

package/src/selectors/getStructureParent.js

@@ -3,16 +3,21 @@ import { createSelector } from "reselect";
 
 const defaultName = "..";
 
-const systemNavItem = structure =>
+const systemNavItem = (structure) =>
   _.flow(
     _.propOr({}, "system"),
     _.pick(["id", "name"]),
     _.set("type", "system"),
-    _.set("name", defaultName)
+    _.set("name", defaultName),
+    _.omit(["published_note"])
   )(structure);
 
-const structureNavItem = structures =>
-  _.flow(_.head, _.set("name", defaultName))(structures);
+const structureNavItem = (structures) =>
+  _.flow(
+    _.head,
+    _.set("name", defaultName),
+    _.omit(["published_note"])
+  )(structures);
 
 export const getStructureParent = createSelector(
   [_.propOr({}, "structure"), _.propOr([], "structureParents")],

package/src/selectors/getStructureProperties.js

@@ -1,6 +1,7 @@
 import _ from "lodash/fp";
 import React from "react";
 import { createSelector } from "reselect";
+import { FormattedMessage } from "react-intl";
 import EditDomainPopup from "../components/EditDomainPopup";
 
 const domainDecorator = (domainNames) => (
@@ -10,6 +11,12 @@ const domainDecorator = (domainNames) => (
   </>
 );
 
+const typeDecorator = ({ type, data_structure_type }) => (
+  <FormattedMessage
+    id={`structure.type.${type}.text`}
+    defaultMessage={_.get("translation")(data_structure_type) || type}
+  />
+);
 export const defaultStructureProperties = [
   {
     name: "domain",
@@ -17,6 +24,11 @@ export const defaultStructureProperties = [
     fieldDecorator: domainDecorator,
   },
   { name: "group" },
+  {
+    name: "type",
+    fieldSelector: _.pick(["type", "data_structure_type"]),
+    fieldDecorator: typeDecorator,
+  },
 ];
 
 export const getStructureProperties = createSelector(

package/src/selectors/structureColumnsSelector.js

@@ -14,9 +14,15 @@ const typeTranslateDecorator = ({ type, data_structure_type }) => (
 const dateDecorator = (date) => (
   <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />
 );
-
+const nameFieldSelector = ({ name, published_note }) =>
+  _.isEmpty(published_note?.alias) ? name : published_note.alias;
 export const defaultStructureColumns = [
-  { name: "name", sort: { name: "name.sort" }, width: 2 },
+  {
+    name: "name",
+    fieldSelector: nameFieldSelector,
+    sort: { name: "name.sort" },
+    width: 2,
+  },
   {
     name: "type",
     fieldSelector: _.pick(["type", "data_structure_type"]),
@@ -82,5 +88,7 @@ export const structureRowsSelector = createSelector(
   getStructures,
   getStructureColumnNames,
   (structures, columnNames) =>
-    _.map(_.pick([...columnNames, "id", "domain_id"]))(structures)
+    _.map(_.pick([...columnNames, "id", "domain_id", "published_note"]))(
+      structures
+    )
 );