@truedat/bg 4.40.0 → 4.40.3

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 # Changelog
 
-## [4.40.0] 2022-03-27
+## [4.40.3] 2022-03-14
+
+### Added
+
+- [TD-4271] Support for linking implementations with business_concepts
+
+## [4.40.2] 2022-03-14
+
+### Added
+
+- [TD-4500] Support for data structures with multiple domain_ids
+
+## [4.40.0] 2022-03-07
 
 ### Changed
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "4.40.0",
+  "version": "4.40.3",
   "description": "Truedat Web Business Glossary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.39.0",
+    "@truedat/test": "4.40.3",
     "babel-jest": "^27.0.6",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -83,8 +83,8 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "4.40.0",
-    "@truedat/df": "4.40.0",
+    "@truedat/core": "4.40.3",
+    "@truedat/df": "4.40.3",
     "file-saver": "^2.0.5",
     "moment": "^2.24.0",
     "path-to-regexp": "^1.7.0",
@@ -104,5 +104,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "0bd677584da73a5021a5c96f2e5525fde9a1958a"
+  "gitHead": "03104a28941b568007ad53b85874ff58225eaa6a"
 }

package/src/concepts/components/ConceptTabPane.js

@@ -6,9 +6,10 @@ import {
   CONCEPT_EVENTS,
   CONCEPT_LINKS_CONCEPTS,
   CONCEPT_LINKS_STRUCTURES,
+  CONCEPT_LINKS_IMPLEMENTATIONS,
   CONCEPT_RULES,
   CONCEPT_RULES_NEW,
-  CONCEPT_VERSION
+  CONCEPT_VERSION,
 } from "@truedat/core/routes";
 import ConceptRelationsRoutes from "../relations/components/ConceptRelationsRoutes";
 import ConceptArchive from "./ConceptArchive";
@@ -39,6 +40,10 @@ export const ConceptTabPane = () => (
         path={CONCEPT_LINKS_CONCEPTS}
         render={() => <ConceptRelationsRoutes />}
       />
+      <Route
+        path={CONCEPT_LINKS_IMPLEMENTATIONS}
+        render={() => <ConceptRelationsRoutes />}
+      />
       <Route
         path={CONCEPT_RULES}
         render={() => (

package/src/concepts/components/ConceptTabs.js

@@ -9,22 +9,28 @@ import { useActiveRoute } from "@truedat/core/hooks";
 import {
   CONCEPT_ARCHIVE,
   CONCEPT_EVENTS,
+  CONCEPT_LINKS_IMPLEMENTATIONS,
   CONCEPT_LINKS_CONCEPTS,
   CONCEPT_LINKS_STRUCTURES,
   CONCEPT_RULES,
   CONCEPT_VERSION,
-  linkTo
+  linkTo,
 } from "@truedat/core/routes";
 
-const ConceptTabs = ({ concept, emptyConceptTags }) => {
+export const ConceptTabs = ({
+  concept,
+  emptyConceptTags,
+  emptyImplementationLinks,
+}) => {
   const archiveActive = useActiveRoute(CONCEPT_ARCHIVE);
   const conceptActive = useActiveRoute({
     path: CONCEPT_VERSION,
-    exact: true
+    exact: true,
   });
   const conceptLinksActive = useActiveRoute(CONCEPT_LINKS_CONCEPTS);
   const eventsActive = useActiveRoute(CONCEPT_EVENTS);
   const rulesActive = useActiveRoute(CONCEPT_RULES);
+  const implementationsActive = useActiveRoute(CONCEPT_LINKS_IMPLEMENTATIONS);
   const structureLinksActive = useActiveRoute(CONCEPT_LINKS_STRUCTURES);
 
   return _.isEmpty(concept) ? null : (
@@ -63,6 +69,16 @@ const ConceptTabs = ({ concept, emptyConceptTags }) => {
       >
         <FormattedMessage id="tabs.bg.qualityRules" />
       </Menu.Item>
+      {!emptyImplementationLinks && (
+        <Menu.Item
+          active={implementationsActive}
+          as={Link}
+          to={linkTo.CONCEPT_LINKS_IMPLEMENTATIONS(concept)}
+          replace
+        >
+          <FormattedMessage id="tabs.bg.qualityImplementations" />
+        </Menu.Item>
+      )}
       <Menu.Item
         active={archiveActive}
         as={Link}
@@ -71,6 +87,7 @@ const ConceptTabs = ({ concept, emptyConceptTags }) => {
       >
         <FormattedMessage id="tabs.bg.history" />
       </Menu.Item>
+
       <Menu.Item
         active={eventsActive}
         as={Link}
@@ -85,15 +102,20 @@ const ConceptTabs = ({ concept, emptyConceptTags }) => {
 
 ConceptTabs.propTypes = {
   concept: PropTypes.object,
-  emptyConceptTags: PropTypes.bool
+  emptyConceptTags: PropTypes.bool,
+  emptyImplementationLinks: PropTypes.bool,
 };
 
-const mapStateToProps = ({ concept, relationTags }) => ({
+const mapStateToProps = ({ concept, relationTags, conceptLinks }) => ({
   emptyConceptTags: _.flow(
     _.filter(_.pathEq("value.target_type", "business_concept")),
     _.isEmpty
   )(relationTags),
-  concept
+  concept,
+  emptyImplementationLinks: _.flow(
+    _.filter(_.pathEq("resource_type", "implementation")),
+    _.isEmpty
+  )(conceptLinks),
 });
 
 export default connect(mapStateToProps)(ConceptTabs);

package/src/concepts/components/__tests__/ConceptManageDomain.spec.js

@@ -1,6 +1,4 @@
 import React from "react";
-import { waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
 import { ConceptManageDomain } from "../ConceptManageDomain";
 

package/src/concepts/components/__tests__/ConceptTabs.spec.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { ConceptTabs } from "../ConceptTabs";
+
+describe("<ConceptTabs />", () => {
+  const renderOpts = {
+    messages: {
+      en: {
+        "tabs.bg.concept": "concept",
+        "tabs.bg.relations_data_field": "relations_data_field",
+        "tabs.bg.relations_business_concept": "relations_business_concept",
+        "tabs.bg.qualityRules": "qualityRules",
+        "tabs.bg.qualityImplementations": "qualityImplementations",
+        "tabs.bg.history": "history",
+        "tabs.bg.audit": "audit",
+      },
+    },
+  };
+
+  const props = {
+    concept: {
+      id: 1,
+      business_concept_id: 8,
+    },
+    emptyConceptTags: false,
+    emptyImplementationLinks: false,
+  };
+  it("matches the latest snapshot", () => {
+    const { container } = render(<ConceptTabs {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/concepts/components/__tests__/__snapshots__/ConceptManageDomain.spec.js.snap

@@ -50,6 +50,7 @@ exports[`<ConceptManageDomain /> matches the latest snapshot 1`] = `
               class="dropdown icon"
             />
             <div
+              aria-multiselectable="false"
               class="menu transition"
               role="listbox"
             >

package/src/concepts/components/__tests__/__snapshots__/ConceptTabPane.spec.js.snap

@@ -16,6 +16,10 @@ exports[`<ConceptTabPane /> matches the latest snapshot 1`] = `
       path="/concepts/:business_concept_id/versions/:id/links/concepts"
       render={[Function]}
     />
+    <Route
+      path="/concepts/:business_concept_id/versions/:id/links/implementations"
+      render={[Function]}
+    />
     <Route
       path="/concepts/:business_concept_id/versions/:id/rules"
       render={[Function]}

package/src/concepts/components/__tests__/__snapshots__/ConceptTabs.spec.js.snap

@@ -0,0 +1,52 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ConceptTabs /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui pointing secondary top attached tabular menu"
+  >
+    <a
+      class="item"
+      href="/concepts/8/versions/1"
+    >
+      concept
+    </a>
+    <a
+      class="item"
+      href="/concepts/8/versions/1/links/structures"
+    >
+      relations_data_field
+    </a>
+    <a
+      class="item"
+      href="/concepts/8/versions/1/links/concepts"
+    >
+      relations_business_concept
+    </a>
+    <a
+      class="item"
+      href="/concepts/8/versions/1/rules"
+    >
+      qualityRules
+    </a>
+    <a
+      class="item"
+      href="/concepts/8/versions/1/links/implementations"
+    >
+      qualityImplementations
+    </a>
+    <a
+      class="item"
+      href="/concepts/8/versions/1/archive"
+    >
+      history
+    </a>
+    <a
+      class="item"
+      href="/concepts/8/versions/1/events"
+    >
+      audit
+    </a>
+  </div>
+</div>
+`;

package/src/concepts/relations/components/ConceptImplementationLinks.js

@@ -0,0 +1,70 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { Segment, Header, Table } from "semantic-ui-react";
+import { FormattedMessage } from "react-intl";
+import { getConceptImplementationLinks } from "../selectors";
+import { conceptLinkAction } from "../routines";
+import ImplementationLinksAction from "./ImplementationLinksAction";
+const RuleImplementationsTable = React.lazy(() =>
+  import("@truedat/dq/components/RuleImplementationsTable")
+);
+
+export const ConceptImplementationLinks = ({ groups, conceptLinkAction }) => {
+  const doDelete = (action) => {
+    conceptLinkAction(action);
+  };
+  const [additionalColumns, additionalCells] = [
+    [<Table.HeaderCell key={"status"} width={1} />],
+    [
+      {
+        style: { textAlign: "center", padding: "1px" },
+        className: "pointer",
+        props: { doDelete },
+        content: ImplementationLinksAction,
+      },
+    ],
+  ];
+
+  return (
+    <Segment attached="bottom">
+      {groups.map(([tag, implementations], key) =>
+        _.isEmpty(implementations) ? null : (
+          <Segment vertical key={key}>
+            <Header as="h3">
+              {tag === "deleted" ? (
+                <FormattedMessage
+                  id={"implementationDeletedRelation.table.title"}
+                />
+              ) : tag === "\uffee" ? (
+                <FormattedMessage id={"implementationRelation.table.title"} />
+              ) : (
+                tag
+              )}
+            </Header>
+            <RuleImplementationsTable
+              ruleImplementations={implementations}
+              withoutColumns={["business_concept"]}
+              additionalColumns={additionalColumns}
+              additionalCells={additionalCells}
+            />
+          </Segment>
+        )
+      )}
+    </Segment>
+  );
+};
+
+ConceptImplementationLinks.propTypes = {
+  groups: PropTypes.array,
+  conceptLinkAction: PropTypes.object,
+};
+
+const mapStateToProps = (state) => ({
+  groups: getConceptImplementationLinks(state),
+});
+
+export default connect(mapStateToProps, {
+  conceptLinkAction,
+})(ConceptImplementationLinks);

package/src/concepts/relations/components/ConceptRelationRow.js

@@ -33,7 +33,9 @@ export const ConceptRelationRow = ({
       return (
         <Table.Row>
           <Table.Cell textAlign="center">
-            {canDeleteConceptRelation && <ConfirmDeleteRelation id={id} />}
+            {canDeleteConceptRelation && (
+              <ConfirmDeleteRelation id={id} resourceType="concept" />
+            )}
           </Table.Cell>
         </Table.Row>
       );
@@ -69,7 +71,9 @@ export const ConceptRelationRow = ({
           onClick={() => goToConcept({ history, concept })}
         />
         <Table.Cell textAlign="center">
-          {canDeleteConceptRelation && <ConfirmDeleteRelation id={id} />}
+          {canDeleteConceptRelation && (
+            <ConfirmDeleteRelation id={id} resourceType="concept" />
+          )}
         </Table.Cell>
       </Table.Row>
     );

package/src/concepts/relations/components/ConceptRelationsRoutes.js

@@ -8,10 +8,12 @@ import {
   CONCEPT_LINKS_CONCEPTS_NEW,
   CONCEPT_LINKS_STRUCTURES,
   CONCEPT_LINKS_STRUCTURES_NEW,
+  CONCEPT_LINKS_IMPLEMENTATIONS,
 } from "@truedat/core/routes";
 import ConceptStructureLinks from "./ConceptStructureLinks";
 import ConceptRelations from "./ConceptRelations";
 import ConceptRelationForm from "./ConceptRelationForm";
+import ConceptImplementationLinks from "./ConceptImplementationLinks";
 
 const ConceptStructureLinkForm = React.lazy(() =>
   import("@truedat/lm/components/ConceptStructureLinkForm")
@@ -52,6 +54,11 @@ export const ConceptRelationsRoutes = ({ conceptLoaded, relationsLoading }) => (
         render={() => (conceptLoaded ? <ConceptRelations /> : null)}
       />
     )}
+    <Route
+      exact
+      path={CONCEPT_LINKS_IMPLEMENTATIONS}
+      render={() => (conceptLoaded ? <ConceptImplementationLinks /> : null)}
+    />
   </Switch>
 );
 

package/src/concepts/relations/components/ImplementationLinksAction.js

@@ -0,0 +1,35 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { useIntl } from "react-intl";
+import { Icon } from "semantic-ui-react";
+import { ConfirmModal } from "@truedat/core/components";
+
+export const ImplementationLinksAction = ({ _actions: actions, doDelete }) => {
+  const { formatMessage } = useIntl();
+  const deleteAction = _.prop("delete")(actions);
+  return deleteAction ? (
+    <>
+      <ConfirmModal
+        icon="trash"
+        trigger={<Icon name="trash alternate outline" color="red" />}
+        header={formatMessage({
+          id: `conceptRelation.implementation.actions.delete.confirmation.header`,
+        })}
+        content={formatMessage({
+          id: `conceptRelation.implementation.actions.delete.confirmation.content`,
+        })}
+        onConfirm={() => doDelete(deleteAction)}
+        onOpen={(e) => e.stopPropagation()}
+        onClose={(e) => e.stopPropagation()}
+      />
+    </>
+  ) : null;
+};
+
+ImplementationLinksAction.propTypes = {
+  doDelete: PropTypes.func,
+  _actions: PropTypes.object,
+};
+
+export default ImplementationLinksAction;

package/src/concepts/relations/components/__tests__/ConceptImplementationLinks.spec.js

@@ -0,0 +1,30 @@
+import _ from "lodash/fp";
+import React, { Suspense } from "react";
+import { render } from "@truedat/test/render";
+
+import { ConceptImplementationLinks } from "../ConceptImplementationLinks";
+
+describe("<ConceptImplementationLinks />", () => {
+  const renderOpts = {
+    messages: {
+      en: {
+        "implementationDeletedRelation.table.title": "Deleted Implementations",
+        "implementationRelation.table.title": "Link to Implementation",
+      },
+    },
+  };
+
+  const props = {
+    groups: [["group", [{ implementation_key: "foo" }]]],
+  };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <Suspense fallback={null}>
+        <ConceptImplementationLinks {...props} />
+      </Suspense>,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/concepts/relations/components/__tests__/ImplementationLinksAction.spec.js

@@ -0,0 +1,31 @@
+import _ from "lodash/fp";
+import React, { Suspense } from "react";
+import { render } from "@truedat/test/render";
+import { ImplementationLinksAction } from "../ImplementationLinksAction";
+
+describe("<ImplementationLinksAction />", () => {
+  const renderOpts = {
+    messages: {
+      en: {
+        "conceptRelation.implementation.actions.delete.confirmation.header":
+          "Delete Link Implementation",
+        "conceptRelation.implementation.actions.delete.confirmation.content":
+          "You are going to delete this link. Are you sure?",
+      },
+    },
+  };
+  const props = {
+    id: 1,
+    _actions: { delete: { foo: "bar" } },
+    doDelete: jest.fn(),
+  };
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <Suspense fallback={null}>
+        <ImplementationLinksAction {...props} />
+      </Suspense>,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptImplementationLinks.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ConceptImplementationLinks /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui bottom attached segment"
+    style="display: none;"
+  >
+    <div
+      class="ui vertical segment"
+    >
+      <h3
+        class="ui header"
+      >
+        group
+      </h3>
+    </div>
+  </div>
+</div>
+`;

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptRelationRow.spec.js.snap

@@ -31,6 +31,7 @@ exports[`<ConceptRelationRow /> matches the latest snapshot 1`] = `
   >
     <lazy
       id={42}
+      resourceType="concept"
     />
   </TableCell>
 </TableRow>

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptRelationsRoutes.spec.js.snap

@@ -22,5 +22,10 @@ exports[`<ConceptRelationsRoutes /> matches the latest snapshot 1`] = `
     path="/concepts/:business_concept_id/versions/:id/links/concepts"
     render={[Function]}
   />
+  <Route
+    exact={true}
+    path="/concepts/:business_concept_id/versions/:id/links/implementations"
+    render={[Function]}
+  />
 </Switch>
 `;

package/src/concepts/relations/components/__tests__/__snapshots__/ImplementationLinksAction.spec.js.snap

@@ -0,0 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ImplementationLinksAction /> matches the latest snapshot 1`] = `
+<div>
+  <i
+    aria-hidden="true"
+    class="red trash alternate outline icon"
+  />
+</div>
+`;

package/src/concepts/relations/selectors/__tests__/getConceptImplementationLinks.spec.js

@@ -0,0 +1,54 @@
+import _ from "lodash/fp";
+import { getConceptImplementationLinks } from "..";
+
+const foo = {
+  deleted_at: "2020-05-29 09:22:24Z",
+  id: "11",
+  name: "FOO",
+  resource_id: 5454,
+  resource_type: "implementation",
+  tags: [],
+  updated_at: "2020-05-20 13:24:33Z",
+};
+
+const bar = {
+  deleted_at: "",
+  id: "12",
+  name: "BAR",
+  resource_id: 5427,
+  resource_type: "implementation",
+  tags: [],
+  updated_at: "2020-05-20 13:24:33Z",
+};
+const baz = {
+  deleted_at: "",
+  id: "14",
+  name: "BAZ",
+  resource_id: 5430,
+  resource_type: "implementation",
+  tags: ["tag"],
+  updated_at: "2020-05-20 13:24:33Z",
+};
+const other = {
+  deleted_at: "",
+  id: "15",
+  name: "OTHER",
+  resource_id: 5450,
+  resource_type: "data_structure",
+  tags: ["business_concept_to_field_master"],
+  updated_at: "2020-05-20 13:24:33Z",
+};
+const conceptLinks = [foo, bar, baz, other];
+
+describe("selectors: getConceptImplementationLinks", () => {
+  const state = { conceptLinks };
+
+  it("should return implementation links with resource_id as id", () => {
+    const links = _.flow(getConceptImplementationLinks)(state);
+    expect(links).toMatchObject([
+      ["tag", [{ ...baz, id: baz.resource_id }]],
+      ["\uffee", [{ ...bar, id: bar.resource_id }]],
+      ["deleted", [{ ...foo, id: foo.resource_id }]],
+    ]);
+  });
+});

package/src/concepts/relations/selectors/getConceptImplementationLinks.js

@@ -0,0 +1,34 @@
+import _ from "lodash/fp";
+
+import { createSelector } from "reselect";
+import { accentInsensitivePathOrder } from "@truedat/core/services/sort";
+
+const getLinks = ({ conceptLinks }) => conceptLinks;
+const orderedLinks = (links) =>
+  _.flow(
+    _.filter(_.propEq("resource_type", "implementation")),
+    _.map((impl) => ({ ...impl, id: impl.resource_id })),
+    _.sortBy(accentInsensitivePathOrder("implementation_key"))
+  )(links);
+
+const implementationLinks = _.flow(
+  orderedLinks,
+  _.filter(({ deleted_at }) => _.isEmpty(deleted_at)),
+  _.groupBy(_.pathOr("\uffee")("tags[0]")),
+  _.toPairs,
+  _.sortBy(([k]) => k)
+);
+
+const deletedImplementationLinks = _.flow(
+  orderedLinks,
+  _.filter(({ deleted_at }) => _.negate(_.isEmpty)(deleted_at))
+);
+export const getConceptImplementationLinks = createSelector(
+  [getLinks],
+  (links) => {
+    return [
+      ...implementationLinks(links),
+      ["deleted", deletedImplementationLinks(links)],
+    ];
+  }
+);

package/src/concepts/relations/selectors/getConceptLinks.js

@@ -19,10 +19,10 @@ export const StructureLink = ({ resource_type, resource_id: id, name }) =>
 StructureLink.propTypes = {
   resource_type: PropTypes.string,
   resource_id: PropTypes.number,
-  name: PropTypes.string
+  name: PropTypes.string,
 };
 
-const dateDecorator = date => (
+const dateDecorator = (date) => (
   <Label className={"alert warning"}>
     <Icon name="warning circle" color="red" />
     <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />
@@ -33,17 +33,17 @@ const getLinks = ({ conceptLinks }) => conceptLinks;
 const getColumns = ({ structuresColumns }) => structuresColumns;
 const getStructureTypes = ({ structureTypes }) => structureTypes;
 
-const mapColumn = column =>
+const mapColumn = (column) =>
   _.propEq("name", "name")(column)
     ? {
         ...column,
         fieldSelector: _.pick(["resource_type", "resource_id", "name"]),
-        fieldDecorator: StructureLink
+        fieldDecorator: StructureLink,
       }
     : column;
 
 const withActions = (conceptLinks, columns) =>
-  _.all(c => _.isEmpty(_.prop("_actions")(c)))(conceptLinks)
+  _.all((c) => _.isEmpty(_.prop("_actions")(c)))(conceptLinks)
     ? _.map(mapColumn)(columns)
     : [
         ..._.map(mapColumn)(columns),
@@ -51,20 +51,20 @@ const withActions = (conceptLinks, columns) =>
           textAlign: "center",
           name: "_actions",
           fieldSelector: _.prop("_actions"),
-          fieldDecorator: ConceptLinkActions
-        }
+          fieldDecorator: ConceptLinkActions,
+        },
       ];
 
 const withDeletedAttribute = (conceptLinks, columns) =>
-  _.all(c => _.negate(_.isEmpty)(_.prop("deleted_at")(c)))(conceptLinks)
-    ? _.map(c =>
+  _.all((c) => _.negate(_.isEmpty)(_.prop("deleted_at")(c)))(conceptLinks)
+    ? _.map((c) =>
         _.propEq("name", "updated_at")(c)
           ? {
               name: "deleted_at",
               sort: { name: "deleted_at" },
               fieldDecorator: dateDecorator,
               textAlign: "center",
-              width: 2
+              width: 2,
             }
           : c
       )(columns)
@@ -72,22 +72,22 @@ const withDeletedAttribute = (conceptLinks, columns) =>
 
 const mapColumns = (conceptLinks, columns) =>
   _.flow(
-    cols => withActions(conceptLinks, cols),
-    cols => withDeletedAttribute(conceptLinks, cols)
+    (cols) => withActions(conceptLinks, cols),
+    (cols) => withDeletedAttribute(conceptLinks, cols)
   )(columns);
 
 const withHeaders = (pair, columns) => [
   mapColumns(_.last(pair), columns),
-  pair
+  pair,
 ];
 
 const add_structure_type = (link, structureTypes) => ({
   ...link,
   data_structure_type:
-    _.find(_.propEq("structure_type", link.type))(structureTypes) || {}
+    _.find(_.propEq("structure_type", link.type))(structureTypes) || {},
 });
 
-const orderedLinks = links =>
+const orderedLinks = (links) =>
   _.flow(
     _.filter(_.propEq("resource_type", "data_structure")),
     _.sortBy(accentInsensitivePathOrder("name"))
@@ -99,7 +99,7 @@ const conceptLinks = (links, columns) =>
     _.groupBy(_.pathOr("\uffee")("tags[0]")),
     _.toPairs,
     _.sortBy(([k]) => k),
-    _.map(pair => withHeaders(pair, columns))
+    _.map((pair) => withHeaders(pair, columns))
   )(links);
 const conceptDeletedLinks = (links, columns) => {
   const deleted = _.flow(
@@ -111,12 +111,13 @@ const conceptDeletedLinks = (links, columns) => {
 export const getConceptLinks = createSelector(
   [getLinks, getColumns, getStructureTypes],
   (links, columns, structureTypes) => {
-    const linksWithDataStructureType = _.map(link =>
+    const linksWithDataStructureType = _.map((link) =>
       add_structure_type(link, structureTypes)
     )(links);
+
     return [
       ...conceptLinks(linksWithDataStructureType, columns),
-      ...conceptDeletedLinks(linksWithDataStructureType, columns)
+      ...conceptDeletedLinks(linksWithDataStructureType, columns),
     ];
   }
 );

package/src/concepts/relations/selectors/index.js

@@ -2,6 +2,7 @@ export {
   getConceptSourceRelations,
   getConceptTargetRelations,
   getConceptRelations,
-  getConceptToConceptRelations
+  getConceptToConceptRelations,
 } from "./getConceptRelations";
 export { getConceptLinks } from "./getConceptLinks";
+export { getConceptImplementationLinks } from "./getConceptImplementationLinks";

package/src/messages/en.js

@@ -58,6 +58,8 @@ export default {
   "concept.sharedTo.header": "Share in",
   "concept.changeDomain.header": "Edit Domain",
   "concept.changeDomain.label": "Domain",
+  "implementationDeletedRelation.table.title": "Deleted Implementations",
+  "implementationRelation.table.title": "Link to Implementation",
   "conceptRelation.actions.create": "New Link",
   "conceptRelation.actions.delete.confirmation.content":
     "The Concept will be unlinked from the field. Are you sure?",
@@ -67,6 +69,10 @@ export default {
   "conceptRelation.group": "Group",
   "conceptRelation.group": "Group",
   "conceptRelation.group.placeholder": "Select Group",
+  "conceptRelation.implementation.actions.delete.confirmation.header":
+    "Delete Link Implementation",
+  "conceptRelation.implementation.actions.delete.confirmation.content":
+    "You are going to delete this link. Are you sure?",
   "conceptRelation.master": "Master relation",
   "conceptRelation.master.table.title": "Master Link to Structure",
   "conceptDeletedRelation.table.title": "Deleted Structures",
@@ -242,7 +248,6 @@ export default {
   "fields.pairlist.url.value.placeholder": "https://example.com",
   "filters._confidential": "Confidential",
   "filters.domain": "Domain",
-  "filters.domain_parents": "Domain",
   "filters.filiacion": "Filiacion",
   "filters.link_count": "Data fields",
   "filters.rule_count": "Quality Rules",
@@ -262,6 +267,12 @@ export default {
     "Link will be deleted. Are you sure?",
   "relations.actions.data_field.delete.confirmation.header": "Delete link",
   "saveConceptFilters.error.name.unique": "Duplicated name",
+  "relations.actions.concept.delete.confirmation.header": "Delete link",
+  "relations.actions.concept.delete.confirmation.content":
+    "Link between concepts will be deleted. Are you sure?",
+  "relations.actions.implementation.delete.confirmation.content":
+    "Link between implementation and concept will be deleted. Are you sure?",
+  "relations.actions.implementation.delete.confirmation.header": "Delete link",
   "source.bc_caculo": "Calculated from",
   "source.bc_padre": "Children",
   "source.bc_parent": "Children",
@@ -272,6 +283,7 @@ export default {
   "tabs.bg.concept": "Concept",
   "tabs.bg.history": "History",
   "tabs.bg.qualityRules": "Quality Rules",
+  "tabs.bg.qualityImplementations": "Quality Implementations",
   "tabs.bg.relations_business_concept": "Related Concepts",
   "tabs.bg.relations_data_field": "Linkage",
   "tabs.domains": "Domains",

package/src/messages/es.js

@@ -60,6 +60,8 @@ export default {
   "concept.sharedTo.header": "Compartir en",
   "concept.changeDomain.label": "Dominios",
   "concept.changeDomain.header": "Editar Dominio",
+  "implementationDeletedRelation.table.title": "Implementaciones Eliminadas",
+  "implementationRelation.table.title": "Relaciones a Implementación",
   "conceptRelation.actions.create": "Crear vínculo",
   "conceptRelation.actions.delete.confirmation.content":
     "Se eliminará esta vinculación. ¿Estás seguro?",
@@ -68,6 +70,10 @@ export default {
   "conceptRelation.field.placeholder": "Seleccionar Campo",
   "conceptRelation.group": "Grupo",
   "conceptRelation.group.placeholder": "Seleccionar Grupo",
+  "conceptRelation.implementation.actions.delete.confirmation.header":
+    "Borrar relación",
+  "conceptRelation.implementation.actions.delete.confirmation.content":
+    "Se eliminará la relación con la implementacion. ¿Está seguro?",
   "conceptRelation.master": "Relación master",
   "conceptRelation.master.table.title": "Enlace a Estructura Tipo Master",
   "conceptDeletedRelation.table.title": "Estructuras Eliminadas",
@@ -244,7 +250,6 @@ export default {
   "fields.pairlist.url.value.placeholder": "https://ejemplo.es",
   "filters._confidential": "Confidencial",
   "filters.domain": "Dominio",
-  "filters.domain_parents": "Dominio",
   "filters.filiacion": "Filiacion",
   "filters.link_count": "Datos",
   "filters.rule_count": "Reglas de calidad",
@@ -264,6 +269,13 @@ export default {
     "Se eliminará la vinculación entre el concepto y la estructura. ¿Estás seguro?",
   "relations.actions.data_field.delete.confirmation.header":
     "Borrar vínculación",
+  "relations.actions.concept.delete.confirmation.header": "Borrar vínculación",
+  "relations.actions.concept.delete.confirmation.content":
+    "Se eliminará la vinculación entre el conceptos. ¿Estás seguro?",
+  "relations.actions.implementation.delete.confirmation.content":
+    "Se eliminará la vinculación entre la implementación y el concepto. ¿Estás seguro?",
+  "relations.actions.implementation.delete.confirmation.header":
+    "Borrar vínculación",
   "saveConceptFilters.error.name.unique": "Nombre duplicado",
   "source.bc_caculo": "Cálculado en base a",
   "source.bc_padre": "Hijos",
@@ -275,6 +287,7 @@ export default {
   "tabs.bg.concept": "Concepto",
   "tabs.bg.history": "Historial",
   "tabs.bg.qualityRules": "Reglas de Calidad",
+  "tabs.bg.qualityImplementations": "Implementaciones",
   "tabs.bg.relations_business_concept": "Conceptos relacionados",
   "tabs.bg.relations_data_field": "Vinculación",
   "tabs.domains": "Dominios",

package/src/taxonomy/components/DomainDropdownSelector.js

@@ -37,6 +37,7 @@ export const DomainDropdownSelector = ({
   domainOptions: options,
   hideLabel,
   invalid,
+  multiple = false,
   onChange,
   value: defaultValue,
 }) => {
@@ -95,8 +96,9 @@ export const DomainDropdownSelector = ({
 
   const handleBlur = () => {
     setQuery();
-    if (!_.isNil(value)) {
-      const domain = _.find({ id: value })(options);
+    const lastesSelection = _.isNumber(value) ? value : _.last(value);
+    if (!_.isNil(lastesSelection)) {
+      const domain = _.find({ id: lastesSelection })(options);
       const ancestors = _.map("id")(domain.ancestors);
       const ids = [...ancestors, domain.id];
       setOpen(ancestors);
@@ -169,6 +171,7 @@ export const DomainDropdownSelector = ({
         )(filteredOptions)}
         placeholder={formatMessage({ id: "domain.selector.placeholder" })}
         search={_.identity}
+        multiple={multiple}
         selection
         value={value}
       />
@@ -182,8 +185,9 @@ DomainDropdownSelector.propTypes = {
   domainOptions: PropTypes.array,
   hideLabel: PropTypes.bool,
   invalid: PropTypes.bool,
+  multiple: PropTypes.bool,
   onChange: PropTypes.func,
-  value: PropTypes.number,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),
 };
 
 const mapStateToProps = (state, props) => ({

package/src/taxonomy/components/__tests__/__snapshots__/DomainDropdownSelector.spec.js.snap

@@ -38,6 +38,7 @@ exports[`<DomainDropdownSelector /> matches the latest snapshot 1`] = `
           class="dropdown icon"
         />
         <div
+          aria-multiselectable="false"
           class="menu transition"
           role="listbox"
         >