@truedat/dq 6.8.5 → 6.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dq",
-  "version": "6.8.5",
+  "version": "6.8.8",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "6.8.5",
+    "@truedat/test": "6.8.6",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -92,8 +92,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@truedat/core": "6.8.5",
-    "@truedat/df": "6.8.5",
+    "@truedat/core": "6.8.6",
+    "@truedat/df": "6.8.6",
     "decode-uri-component": "^0.2.2",
     "graphql": "^15.5.3",
     "moment": "^2.29.4",
@@ -118,5 +118,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "b1c501fc90a7999f24fadacffafff294d8f9a15a"
+  "gitHead": "8b5f95c2dd85e395d3f8e9e38249875702ee7a10"
 }

package/src/components/ImplementationStructureLinksActions.js

@@ -0,0 +1,36 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { Button } from "semantic-ui-react";
+import { Link } from "react-router-dom";
+import { FormattedMessage } from "react-intl";
+import { linkTo } from "@truedat/core/routes";
+
+export const ImplementationStructureLinksActions = ({
+  implementation_id,
+  canCreateLink,
+}) =>
+  implementation_id && canCreateLink ? (
+    <Button
+      floated="right"
+      primary
+      as={Link}
+      to={linkTo.IMPLEMENTATION_STRUCTURES_NEW({
+        implementation_id,
+      })}
+      content={<FormattedMessage id="links.actions.create" />}
+    />
+  ) : null;
+
+ImplementationStructureLinksActions.propTypes = {
+  implementation_id: PropTypes.number,
+  canCreateLink: PropTypes.bool,
+};
+
+const mapStateToProps = (state) => ({
+  implementation_id: _.prop("id")(state.ruleImplementation),
+  canCreateLink: _.propOr(false, "link_structure")(state.implementationActions),
+});
+
+export default connect(mapStateToProps)(ImplementationStructureLinksActions);

package/src/components/ImplementationStructures.js

@@ -1,163 +1,29 @@
-import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
-import {
-  Button,
-  Grid,
-  Header,
-  Icon,
-  List,
-  Segment,
-  Table,
-} from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
-import { Link } from "react-router-dom";
-import { linkTo } from "@truedat/core/routes";
-import { columnDecorator } from "@truedat/core/services";
-import ImplementationStructureDelete from "./ImplementationStructureDelete";
-import ImplementationStructureLink from "./ImplementationStructureLink";
-
-const ImplementationStructureDeleteDecorator = ({ id, implementation_id }) => (
-  <ImplementationStructureDelete id={id} implementationId={implementation_id} />
-);
-ImplementationStructureDeleteDecorator.propTypes = {
-  id: PropTypes.number,
-  implementation_id: PropTypes.number,
-};
-
-const DomainDecorator = (domains) => (
-  <List>
-    {domains.map(({ name, parents }, i) => (
-      <List.Item key={i}>
-        {_.flow(_.map("name"), _.union([name]), _.join(" > "))(parents)}
-      </List.Item>
-    ))}
-  </List>
-);
-
-DomainDecorator.propTypes = {
-  domains: PropTypes.array,
-};
-
-const PathDecorator = (path) => (
-  <span title={_.join(" › ")(path)}>
-    {_.flow(_.join(" › "), _.truncate({ length: 90 }))(path)}
-  </span>
-);
-PathDecorator.propTypes = {
-  path: PropTypes.string,
-};
-
-const ImplementationStructureTypeDecorator = (type) => (
-  <FormattedMessage id={`implementationsStructures.type.${type}`} />
-);
-ImplementationStructureTypeDecorator.propTypes = {
-  type: PropTypes.string,
-};
-
-export const ImplementationStructures = ({ implementation, canCreateLink }) => {
-  const deleteColumn = canCreateLink
-    ? [
-        {
-          fieldSelector: _.identity,
-          fieldDecorator: ImplementationStructureDeleteDecorator,
-        },
-      ]
-    : [];
-
-  const columns = [
-    {
-      header: "structure.name",
-      fieldSelector: _.path("data_structure"),
-      fieldDecorator: ImplementationStructureLink,
-    },
-    {
-      header: "structure.domain",
-      fieldSelector: _.path("data_structure.domains"),
-      fieldDecorator: DomainDecorator,
-    },
-    {
-      header: "structure.system",
-      fieldSelector: _.path("data_structure.system.name"),
-    },
-    {
-      header: "structure.path",
-      fieldSelector: _.path("data_structure.current_version.path"),
-      fieldDecorator: PathDecorator,
-    },
-    {
-      header: "implementationsStructures.type",
-      fieldSelector: _.path("type"),
-      fieldDecorator: ImplementationStructureTypeDecorator,
-    },
-    ...deleteColumn,
-  ];
-
-  const headerRow = columns.map(({ header }, key) => (
-    <Table.HeaderCell
-      key={key}
-      content={header ? <FormattedMessage id={header} /> : null}
+import { Segment } from "semantic-ui-react";
+import { getImplementationStructureLinksColumns } from "../selectors";
+import ImplementationStructureLinksActions from "./ImplementationStructureLinksActions";
+
+const LinksPane = React.lazy(() => import("@truedat/lm/components/LinksPane"));
+
+export const ImplementationStructures = ({ groups }) => (
+  <Segment attached="bottom">
+    <LinksPane
+      groups={groups}
+      sourceType="implementations"
+      targetType="structure"
+      linksActions={<ImplementationStructureLinksActions />}
     />
-  ));
-
-  const implementation_id = _.prop("id")(implementation);
-
-  return (
-    <Segment attached="bottom">
-      <Grid>
-        {implementation_id && canCreateLink && (
-          <Grid.Column width={16}>
-            <Button
-              floated="right"
-              primary
-              as={Link}
-              to={linkTo.IMPLEMENTATION_STRUCTURES_NEW({
-                implementation_id,
-              })}
-              content={<FormattedMessage id="links.actions.create" />}
-            />
-          </Grid.Column>
-        )}
-        {!_.isEmpty(implementation?.data_structures) ? (
-          <Grid.Column width={16}>
-            <Table
-              headerRow={headerRow}
-              renderBodyRow={(link, i) => (
-                <Table.Row key={i}>
-                  {columns.map((column, ci) => (
-                    <Table.Cell
-                      key={ci}
-                      textAlign={_.prop("textAlign")(column)}
-                      content={columnDecorator(column)(link)}
-                    />
-                  ))}
-                </Table.Row>
-              )}
-              tableData={implementation?.data_structures}
-            />
-          </Grid.Column>
-        ) : (
-          <Header as="h4">
-            <Icon name="search" />
-            <Header.Content>
-              <FormattedMessage id="implementationStructures.empty" />
-            </Header.Content>
-          </Header>
-        )}
-      </Grid>
-    </Segment>
-  );
-};
+  </Segment>
+);
 
 ImplementationStructures.propTypes = {
-  implementation: PropTypes.object,
-  canCreateLink: PropTypes.bool,
+  groups: PropTypes.array,
 };
 
 const mapStateToProps = (state) => ({
-  implementation: state.ruleImplementation,
-  canCreateLink: _.propOr(false, "link_structure")(state.implementationActions),
+  groups: getImplementationStructureLinksColumns(state),
 });
 
 export default connect(mapStateToProps)(ImplementationStructures);

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

@@ -1,91 +1,120 @@
-import React from "react";
+import React, { Suspense } from "react";
+import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
 import { ImplementationStructures } from "../ImplementationStructures";
+import { defaultImplementationStructureLinksColumns } from "../../selectors";
+
+const columns = defaultImplementationStructureLinksColumns;
+
+const groups = [
+  [
+    columns,
+    [
+      "undefined",
+      [
+        {
+          data_structure: {
+            current_version: {
+              deleted_at: null,
+              name: "AGENCIA RECIBO",
+            },
+            id: 10397859,
+          },
+          data_structure_id: 10397859,
+          id: 21844,
+          implementation_id: 11932,
+          type: "population",
+        },
+      ],
+    ],
+  ],
+  [
+    columns,
+    [
+      "deleted",
+      [
+        {
+          data_structure: {
+            current_version: {
+              deleted_at: "2023-07-12T08:11:23.000000Z",
+              name: "/BEV1/RBKP",
+            },
+            id: 12579384,
+          },
+          data_structure_id: 12579384,
+          id: 21800,
+          implementation_id: 11932,
+          type: "dataset",
+        },
+      ],
+    ],
+  ],
+];
 
 describe("<ImplementationStructures />", () => {
   const renderOpts = {
+    fallback: "lazy",
     messages: {
       en: {
-        "structure.domain": "domain",
-        "structure.name": "name",
-        "structure.system": "system",
-        "structure.path": "path",
-        "implementationsStructures.type": "type",
-        "links.actions.create": "create",
-        "implementationStructures.empty": "empty",
+        "implementationsRelation.master.table.title": "Links to Structures",
+        "implementationsDeletedRelation.table.title": "Deleted Structures",
+        "links.actions.create": "Create",
         "implementationsStructures.type.dataset": "dataset",
+        "implementationsStructures.type.population": "population",
       },
     },
   };
 
-  it("matches the latest snapshot", () => {
-    const props = {
-      implementation: {
-        data_structures: [
-          {
-            data_structure: {
-              id: 1,
-              name: "foo",
-              system: { name: "bar" },
-              domains: [{ name: "foo_domain", parents: [{ name: "bar" }] }],
-              current_version: {
-                name: "qux",
-                path: ["baz"],
-              },
-            },
-            type: "dataset",
-          },
-        ],
-      },
-      canCreateLink: true,
-    };
-    const { container } = render(
-      <ImplementationStructures {...props} />,
+  it("matches the latest snapshot", async () => {
+    const props = { groups };
+    const { container, queryByText } = render(
+      <Suspense fallback={null}>
+        <ImplementationStructures {...props} />
+      </Suspense>,
       renderOpts
     );
+
+    await waitFor(() =>
+      expect(queryByText(/AGENCIA RECIBO/i)).toBeInTheDocument()
+    );
+
     expect(container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot without create permission", () => {
-    const props = {
-      implementation: {
-        data_structures: [
-          {
-            data_structure: {
-              id: 1,
-              name: "foo",
-              domains: [{ name: "foo_domain", parents: [{ name: "bar" }] }],
-              system: { name: "bar" },
-              path: ["baz"],
-              current_version: {
-                name: "qux",
-                path: ["baz"],
-              },
-            },
-            type: "dataset",
-          },
-        ],
-      },
-      canCreateLink: false,
+  it("matches the latest snapshot without create permission", async () => {
+    const props = { groups };
+    const state = {
+      ruleImplementation: { id: 1 },
+      implementationActions: { link_structure: {} },
     };
-    const { container } = render(
-      <ImplementationStructures {...props} />,
-      renderOpts
+    const { getByRole } = render(
+      <Suspense fallback={null}>
+        <ImplementationStructures {...props} />
+      </Suspense>,
+      { ...renderOpts, state }
+    );
+    await waitFor(() =>
+      expect(getByRole("button", { name: /create/i })).toBeEnabled()
     );
-    expect(container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot without data_structures", () => {
-    const props = {
-      implementation: {
-        data_structures: [],
-      },
-      canCreateLink: true,
+  it("matches the latest snapshot without data_structures", async () => {
+    const state = {
+      ruleImplementation: { id: 1 },
+      implementationActions: { link_structure: {} },
     };
-    const { container } = render(
-      <ImplementationStructures {...props} />,
-      renderOpts
+    const props = [];
+    const { container, getByRole } = render(
+      <Suspense fallback={null}>
+        <ImplementationStructures {...props} />
+      </Suspense>,
+      { ...renderOpts, state }
     );
+
+    await waitFor(() =>
+      expect(getByRole("button", { name: /create/i })).toBeEnabled()
+    );
+
     expect(container).toMatchSnapshot();
   });
 });

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

@@ -4,217 +4,131 @@ exports[`<ImplementationStructures /> matches the latest snapshot 1`] = `
 <div>
   <div
     class="ui bottom attached segment"
+    style=""
   >
     <div
       class="ui grid"
     >
       <div
-        class="sixteen wide column"
+        class="row"
       >
-        <table
-          class="ui table"
+        <div
+          class="column"
+        />
+      </div>
+      <div
+        class="row"
+      >
+        <div
+          class="column"
         >
-          <thead
-            class=""
+          <h3
+            class="ui header"
           >
-            <tr
-              class=""
-            >
-              <th
-                class=""
-              >
-                name
-              </th>
-              <th
-                class=""
-              >
-                domain
-              </th>
-              <th
-                class=""
-              >
-                system
-              </th>
-              <th
-                class=""
-              >
-                path
-              </th>
-              <th
-                class=""
-              >
-                type
-              </th>
-              <th
-                class=""
-              />
-            </tr>
-          </thead>
-          <tbody
-            class=""
+            Links to Structures
+          </h3>
+          <table
+            class="ui table"
           >
-            <tr
+            <thead
               class=""
             >
-              <td
+              <tr
                 class=""
               >
-                <a
-                  href="/structures/1"
+                <th
+                  class=""
+                >
+                  name
+                </th>
+                <th
+                  class=""
                 >
-                  qux
-                </a>
-              </td>
-              <td
+                  type
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class=""
+            >
+              <tr
                 class=""
               >
-                <div
-                  class="ui list"
-                  role="list"
+                <td
+                  class=""
                 >
-                  <div
-                    class="item"
-                    role="listitem"
+                  <a
+                    href="/structures/10397859"
                   >
-                    bar &gt; foo_domain
-                  </div>
-                </div>
-              </td>
-              <td
-                class=""
-              >
-                bar
-              </td>
-              <td
-                class=""
-              >
-                <span
-                  title="baz"
+                    AGENCIA RECIBO
+                  </a>
+                </td>
+                <td
+                  class=""
                 >
-                  baz
-                </span>
-              </td>
-              <td
-                class=""
-              >
-                dataset
-              </td>
-              <td
-                class=""
-              >
-                <i
-                  aria-hidden="true"
-                  class="red trash alternate outline icon"
-                />
-              </td>
-            </tr>
-          </tbody>
-        </table>
+                  population
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
       </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<ImplementationStructures /> matches the latest snapshot without create permission 1`] = `
-<div>
-  <div
-    class="ui bottom attached segment"
-  >
-    <div
-      class="ui grid"
-    >
       <div
-        class="sixteen wide column"
+        class="row"
       >
-        <table
-          class="ui table"
+        <div
+          class="column"
         >
-          <thead
-            class=""
+          <h3
+            class="ui header"
           >
-            <tr
-              class=""
-            >
-              <th
-                class=""
-              >
-                name
-              </th>
-              <th
-                class=""
-              >
-                domain
-              </th>
-              <th
-                class=""
-              >
-                system
-              </th>
-              <th
-                class=""
-              >
-                path
-              </th>
-              <th
-                class=""
-              >
-                type
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class=""
+            Deleted Structures
+          </h3>
+          <table
+            class="ui table"
           >
-            <tr
+            <thead
               class=""
             >
-              <td
+              <tr
                 class=""
               >
-                <a
-                  href="/structures/1"
+                <th
+                  class=""
                 >
-                  qux
-                </a>
-              </td>
-              <td
+                  name
+                </th>
+                <th
+                  class=""
+                >
+                  type
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class=""
+            >
+              <tr
                 class=""
               >
-                <div
-                  class="ui list"
-                  role="list"
+                <td
+                  class=""
                 >
-                  <div
-                    class="item"
-                    role="listitem"
+                  <a
+                    href="/structures/12579384"
                   >
-                    bar &gt; foo_domain
-                  </div>
-                </div>
-              </td>
-              <td
-                class=""
-              >
-                bar
-              </td>
-              <td
-                class=""
-              >
-                <span
-                  title="baz"
+                    /BEV1/RBKP
+                  </a>
+                </td>
+                <td
+                  class=""
                 >
-                  baz
-                </span>
-              </td>
-              <td
-                class=""
-              >
-                dataset
-              </td>
-            </tr>
-          </tbody>
-        </table>
+                  dataset
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
       </div>
     </div>
   </div>
@@ -229,19 +143,21 @@ exports[`<ImplementationStructures /> matches the latest snapshot without data_s
     <div
       class="ui grid"
     >
-      <h4
-        class="ui header"
+      <div
+        class="row"
       >
-        <i
-          aria-hidden="true"
-          class="search icon"
-        />
         <div
-          class="content"
+          class="column"
         >
-          empty
+          <a
+            class="ui primary right floated button"
+            href="/implementations/1/structures/new"
+            role="button"
+          >
+            Create
+          </a>
         </div>
-      </h4>
+      </div>
     </div>
   </div>
 </div>

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

@@ -0,0 +1,56 @@
+import _ from "lodash/fp";
+import { getImplementationStructureLinksColumns } from "..";
+// import { defaultImplementationStructureLinksColumns } from "../../selectors";
+
+const foo = {
+  data_structure: {
+    current_version: {
+      deleted_at: "2023-07-12T08:11:23.000000Z",
+      name: "/BEV1/RBKP",
+    },
+    id: 12579384,
+  },
+  data_structure_id: 12579384,
+  id: 21800,
+  implementation_id: 11932,
+  type: "dataset",
+};
+
+const bar = {
+  data_structure: {
+    current_version: {
+      deleted_at: null,
+      name: "AGENCIA RECIBO",
+    },
+    id: 10397859,
+  },
+  data_structure_id: 10397859,
+  id: 21844,
+  implementation_id: 11932,
+  type: "population",
+};
+
+const data_structures = [foo, bar];
+
+// const columns = defaultImplementationStructureLinksColumns
+
+describe("selectors: getImplementationStructureLinksColumns", () => {
+  const state = {
+    ruleImplementation: {
+      id: 1,
+      data_structures,
+    },
+    implementationActions: { link_structure: {} },
+  };
+
+  it("should return all links", () => {
+    const links = _.flow(
+      getImplementationStructureLinksColumns,
+      _.map(_.last)
+    )(state);
+    expect(links).toEqual([
+      ["undefined", [bar]],
+      ["deleted", [foo]],
+    ]);
+  });
+});

package/src/selectors/getImplementationStructureLinksColumns.js

@@ -0,0 +1,184 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { Icon, Label, List } from "semantic-ui-react";
+import { createSelector } from "reselect";
+import { FormattedMessage } from "react-intl";
+import Moment from "react-moment";
+import { accentInsensitivePathOrder } from "@truedat/core/services/sort";
+import ImplementationStructureDelete from "../components/ImplementationStructureDelete";
+import ImplementationStructureLink from "../components/ImplementationStructureLink";
+
+const ImplementationStructureDeleteDecorator = ({ id, implementation_id }) => (
+  <ImplementationStructureDelete id={id} implementationId={implementation_id} />
+);
+ImplementationStructureDeleteDecorator.propTypes = {
+  id: PropTypes.number,
+  implementation_id: PropTypes.number,
+};
+
+const deletedDateDecorator = (date) => (
+  <Label className="alert warning">
+    <Icon name="warning circle" color="red" />
+    <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />
+  </Label>
+);
+
+const dateDecorator = (date) => (
+  <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />
+);
+
+const DomainDecorator = (domains) => (
+  <List>
+    {domains.map(({ name, parents }, i) => (
+      <List.Item key={i}>
+        {_.flow(_.map("name"), _.union([name]), _.join(" > "))(parents)}
+      </List.Item>
+    ))}
+  </List>
+);
+
+DomainDecorator.propTypes = {
+  domains: PropTypes.array,
+};
+
+const PathDecorator = (path) => (
+  <span title={_.join(" › ")(path)}>
+    {_.flow(_.join(" › "), _.truncate({ length: 90 }))(path)}
+  </span>
+);
+PathDecorator.propTypes = {
+  path: PropTypes.string,
+};
+
+const ImplementationStructureTypeDecorator = (type) => (
+  <FormattedMessage id={`implementationsStructures.type.${type}`} />
+);
+ImplementationStructureTypeDecorator.propTypes = {
+  type: PropTypes.string,
+};
+
+export const defaultImplementationStructureLinksColumns = [
+  {
+    name: "name",
+    fieldSelector: _.path("data_structure"),
+    fieldDecorator: ImplementationStructureLink,
+  },
+  {
+    name: "domain",
+    fieldSelector: _.path("data_structure.domains"),
+    fieldDecorator: DomainDecorator,
+  },
+  {
+    name: "system",
+    fieldSelector: _.path("data_structure.system.name"),
+  },
+  {
+    name: "path",
+    fieldSelector: _.path("data_structure.current_version.path"),
+    fieldDecorator: PathDecorator,
+  },
+  {
+    name: "updated_at",
+    fieldSelector: _.path("data_structure.updated_at"),
+    fieldDecorator: dateDecorator,
+  },
+  {
+    name: "type",
+    fieldSelector: _.path("type"),
+    fieldDecorator: ImplementationStructureTypeDecorator,
+  },
+];
+
+const getStructureLinks = ({ ruleImplementation }) =>
+  ruleImplementation?.data_structures;
+
+const getAction = (state) =>
+  !!_.prop("link_structure")(state.implementationActions);
+
+const getColumns = (state) =>
+  _.defaultTo(defaultImplementationStructureLinksColumns)(
+    state.implementationStructureLinksColumns
+  );
+const orderedLinks = (links) =>
+  _.sortBy(accentInsensitivePathOrder("current_version.name"))(links);
+
+const withActions = (columns, canCreateLink) => {
+  const deleteColumn = canCreateLink
+    ? [
+        {
+          name: "_actions",
+          fieldSelector: _.identity,
+          fieldDecorator: ImplementationStructureDeleteDecorator,
+        },
+      ]
+    : [];
+  const result = [...columns, ...deleteColumn];
+
+  return result;
+};
+
+const withDeletedAttribute = (columns, tag) =>
+  tag == "deleted"
+    ? _.map((c) =>
+        _.propEq("name", "updated_at")(c)
+          ? {
+              name: "deleted_at",
+              fieldSelector: _.path(
+                "data_structure.current_version.deleted_at"
+              ),
+              fieldDecorator: deletedDateDecorator,
+            }
+          : c
+      )(columns)
+    : columns;
+
+const mapColumns = (tag, columns, canCreateLink) =>
+  _.flow(
+    (cols) => withActions(cols, canCreateLink),
+    (cols) => withDeletedAttribute(cols, tag)
+  )(columns);
+
+const withHeaders = (pair, columns, canCreateLink) => [
+  mapColumns(_.first(pair), columns, canCreateLink),
+  pair,
+];
+
+const implementationStructureDeletedLinks = (links, columns, canCreateLink) => {
+  const deleted = _.flow(
+    orderedLinks,
+    _.filter(
+      ({ data_structure }) =>
+        !_.isEmpty(_.get("current_version.deleted_at", data_structure))
+    )
+  )(links);
+  return _.isEmpty(deleted)
+    ? []
+    : [withHeaders(["deleted", deleted], columns, canCreateLink)];
+};
+
+const implementationStructureLinks = (links, columns, canCreateLink) =>
+  _.flow(
+    orderedLinks,
+    _.filter(({ data_structure }) =>
+      _.isEmpty(_.get("current_version.deleted_at", data_structure))
+    ),
+    _.groupBy("\uffee"),
+    _.toPairs,
+    _.sortBy(([k]) => k),
+    _.map((pair) => withHeaders(pair, columns, canCreateLink))
+  )(links);
+
+export const getImplementationStructureLinksColumns = createSelector(
+  [getStructureLinks, getColumns, getAction],
+  (structureLinks, columns, canCreateLink) => {
+    return [
+      ...implementationStructureLinks(structureLinks, columns, canCreateLink),
+      ...implementationStructureDeletedLinks(
+        structureLinks,
+        columns,
+        canCreateLink
+      ),
+    ];
+  }
+);

package/src/selectors/index.js

@@ -1,5 +1,9 @@
 export { datasetDefaultFiltersSelector } from "./datasetDefaultFiltersSelector";
 export { getImplementationsExecution } from "./getImplementationsExecution";
+export {
+  getImplementationStructureLinksColumns,
+  defaultImplementationStructureLinksColumns,
+} from "./getImplementationStructureLinksColumns";
 export { getRuleAvailableFilters } from "./getRuleAvailableFilters";
 export { getRuleFilterTypes } from "./getRuleFilterTypes";
 export { getRuleSelectedFilters } from "./getRuleSelectedFilters";