@truedat/dq 6.8.8 → 6.8.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dq",
-  "version": "6.8.8",
+  "version": "6.8.9",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -92,8 +92,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@truedat/core": "6.8.6",
-    "@truedat/df": "6.8.6",
+    "@truedat/core": "6.8.9",
+    "@truedat/df": "6.8.9",
     "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": "8b5f95c2dd85e395d3f8e9e38249875702ee7a10"
+  "gitHead": "9dd7fa68422d3261185c3a6b9d618217a3e57bec"
 }

package/src/components/ImplementationStructures.js

@@ -1,29 +1,163 @@
+import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
-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 />}
-    />
-  </Segment>
+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}
+    />
+  ));
+
+  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>
+  );
+};
 
 ImplementationStructures.propTypes = {
-  groups: PropTypes.array,
+  implementation: PropTypes.object,
+  canCreateLink: PropTypes.bool,
 };
 
 const mapStateToProps = (state) => ({
-  groups: getImplementationStructureLinksColumns(state),
+  implementation: state.ruleImplementation,
+  canCreateLink: _.propOr(false, "link_structure")(state.implementationActions),
 });
 
 export default connect(mapStateToProps)(ImplementationStructures);

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

@@ -1,120 +1,91 @@
-import React, { Suspense } from "react";
-import { waitFor } from "@testing-library/react";
+import React from "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: {
-        "implementationsRelation.master.table.title": "Links to Structures",
-        "implementationsDeletedRelation.table.title": "Deleted Structures",
-        "links.actions.create": "Create",
+        "structure.domain": "domain",
+        "structure.name": "name",
+        "structure.system": "system",
+        "structure.path": "path",
+        "implementationsStructures.type": "type",
+        "links.actions.create": "create",
+        "implementationStructures.empty": "empty",
         "implementationsStructures.type.dataset": "dataset",
-        "implementationsStructures.type.population": "population",
       },
     },
   };
 
-  it("matches the latest snapshot", async () => {
-    const props = { groups };
-    const { container, queryByText } = render(
-      <Suspense fallback={null}>
-        <ImplementationStructures {...props} />
-      </Suspense>,
+  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} />,
       renderOpts
     );
-
-    await waitFor(() =>
-      expect(queryByText(/AGENCIA RECIBO/i)).toBeInTheDocument()
-    );
-
     expect(container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot without create permission", async () => {
-    const props = { groups };
-    const state = {
-      ruleImplementation: { id: 1 },
-      implementationActions: { link_structure: {} },
+  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,
     };
-    const { getByRole } = render(
-      <Suspense fallback={null}>
-        <ImplementationStructures {...props} />
-      </Suspense>,
-      { ...renderOpts, state }
-    );
-    await waitFor(() =>
-      expect(getByRole("button", { name: /create/i })).toBeEnabled()
+    const { container } = render(
+      <ImplementationStructures {...props} />,
+      renderOpts
     );
+    expect(container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot without data_structures", async () => {
-    const state = {
-      ruleImplementation: { id: 1 },
-      implementationActions: { link_structure: {} },
+  it("matches the latest snapshot without data_structures", () => {
+    const props = {
+      implementation: {
+        data_structures: [],
+      },
+      canCreateLink: true,
     };
-    const props = [];
-    const { container, getByRole } = render(
-      <Suspense fallback={null}>
-        <ImplementationStructures {...props} />
-      </Suspense>,
-      { ...renderOpts, state }
-    );
-
-    await waitFor(() =>
-      expect(getByRole("button", { name: /create/i })).toBeEnabled()
+    const { container } = render(
+      <ImplementationStructures {...props} />,
+      renderOpts
     );
-
     expect(container).toMatchSnapshot();
   });
 });

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

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

package/src/selectors/index.js

@@ -1,9 +1,5 @@
 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";

package/src/components/ImplementationStructureLinksActions.js

@@ -1,36 +0,0 @@
-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/selectors/__tests__/getImplementationStructureLinksColumns.spec.js

@@ -1,56 +0,0 @@
-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

@@ -1,184 +0,0 @@
-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
-      ),
-    ];
-  }
-);