@truedat/dq 4.36.1 → 4.36.5

package/CHANGELOG.md

@@ -1,10 +1,16 @@
 # Changelog
 
-## [4.36.1] 2022-01-13
+## [4.36.4] 2022-01-19
 
-### Changed
+### Added
+
+- [TD-4293] Add rule implementations `events`
+
+## [4.36.2] 2022-01-17
+
+### Added
 
-- [TD-2564] Uses `has_field_child` default filter on Structure selection of ImplementationForm's DataSet
+- [TD-3178] Show join details in implementation summary
 
 ## [4.35.8] 2022-01-07
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dq",
-  "version": "4.36.1",
+  "version": "4.36.5",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -82,8 +82,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.10",
-    "@truedat/core": "4.36.1",
-    "@truedat/df": "4.36.1",
+    "@truedat/core": "4.36.5",
+    "@truedat/df": "4.36.5",
     "axios": "^0.19.2",
     "graphql": "^15.5.3",
     "path-to-regexp": "^1.7.0",
@@ -103,5 +103,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "236b538f0fa3671bc4f3dc3bcfb26ea6bb9bbaee"
+  "gitHead": "dec36033435443b730ea93fa482ef1ca7dbf28a6"
 }

package/src/components/ConditionSummary.js

@@ -74,7 +74,12 @@ OperatorMessage.propTypes = {
   operator: PropTypes.object,
 };
 
-const ConditionCell = ({ row }) => {
+const ConditionCell = ({ row, alias }) => {
+  const alias_text = _.flow(
+    _.find({ index: row.structure?.parent_index }),
+    _.propOr(null, "text")
+  )(alias);
+
   const values = getValues(row);
   const operator = _.prop("operator")(row);
   return (
@@ -87,10 +92,10 @@ const ConditionCell = ({ row }) => {
                 id: _.path("structure.id")(row),
               })}
             >
-              <span className="highlighted">{`"${_.pathOr(
-                "",
-                "structure.name"
-              )(row)}"`}</span>
+              <span className="highlighted">
+                {alias_text && `(${alias_text}).`}{" "}
+                {`"${_.pathOr("", "structure.name")(row)}"`}
+              </span>
             </Link>
             {row?.modifier && (
               <>
@@ -155,9 +160,10 @@ const ConditionCell = ({ row }) => {
 
 ConditionCell.propTypes = {
   row: PropTypes.object,
+  alias: PropTypes.array,
 };
 
-export const ConditionSummary = ({ rows, type, icon }) =>
+export const ConditionSummary = ({ rows, type, icon, alias }) =>
   empty(rows) ? null : (
     <>
       <Header as="h3">
@@ -185,7 +191,7 @@ export const ConditionSummary = ({ rows, type, icon }) =>
           </Table.Header>
           <Table.Body>
             {rows.map((row, i) => (
-              <ConditionCell key={i} row={row} />
+              <ConditionCell key={i} row={row} alias={alias} />
             ))}
           </Table.Body>
         </Table>

package/src/components/ImplementationSummary.js

@@ -1,12 +1,13 @@
 import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
-import { Header, Icon, Table, Segment } from "semantic-ui-react";
+import { Header, Icon, Table, Segment, List } from "semantic-ui-react";
 import { Link } from "react-router-dom";
 import { FormattedMessage } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
 import ConditionSummary, { empty, path } from "./ConditionSummary";
 import InformationSummary from "./InformationSummary";
+import "../styles/ImplementationSummary.less";
 
 const defaults = [
   "executable",
@@ -39,7 +40,45 @@ FormattedLink.propTypes = {
   operator: PropTypes.object,
 };
 
-const DatasetSummary = ({ rows }) =>
+const AliasText = ({ alias, clause }) => {
+  const text = _.flow(
+    _.find({ index: clause?.parent_index }),
+    _.propOr(null, "text")
+  )(alias);
+  return _.isNull(text) ? clause?.name : `(${text}).${clause?.name}`;
+};
+
+AliasText.propTypes = {
+  alias: PropTypes.array,
+  clause: PropTypes.object,
+};
+
+const UnionSummary = ({ alias, row }) => {
+  return empty(row) || !(row?.clauses && _.size(row?.clauses) > 0) ? null : (
+    <List id="union-list">
+      <List.Item>
+        <List.Header>
+          <FormattedMessage id="structureSelector.union.criteria" />
+        </List.Header>
+      </List.Item>
+      {row.clauses.map((clause, k) =>
+        _.size(clause) > 0 ? (
+          <List.Item key={k}>
+            {clause.left && <AliasText alias={alias} clause={clause.left} />} ={" "}
+            {clause.right && <AliasText alias={alias} clause={clause.right} />}
+          </List.Item>
+        ) : null
+      )}
+    </List>
+  );
+};
+
+UnionSummary.propTypes = {
+  row: PropTypes.object,
+  alias: PropTypes.array,
+};
+
+const DatasetSummary = ({ rows, alias }) =>
   empty(rows) ? null : (
     <>
       <Header as="h3">
@@ -61,16 +100,19 @@ const DatasetSummary = ({ rows }) =>
             {rows.map((row, i) => (
               <Table.Row key={i}>
                 {_.has("structure")(row) && (
-                  <Table.Cell key={i}>
+                  <Table.Cell>
                     <Link
                       to={linkTo.STRUCTURE({
                         id: _.pathOr("", "structure.id")(row),
                       })}
                     >
-                      <span key={i} className="highlighted">{`"${path(
+                      <p className="highlighted">{`"${path(
                         _.propOr({}, "structure")(row)
-                      )}"`}</span>
+                      )}"`}</p>
                     </Link>
+
+                    {row.alias?.text && <span>({row.alias.text})</span>}
+                    <UnionSummary alias={alias} row={row} />
                   </Table.Cell>
                 )}
               </Table.Row>
@@ -83,12 +125,14 @@ const DatasetSummary = ({ rows }) =>
 
 DatasetSummary.propTypes = {
   rows: PropTypes.array,
+  alias: PropTypes.array,
 };
 
 export const ImplementationSummary = ({ ruleImplementation, activeSteps }) => {
   const steps = _.isEmpty(activeSteps) ? defaults : activeSteps;
   const { dataset, population, validations } =
     _.pick(steps)(ruleImplementation);
+  const alias = _.map(_.propOr({}, "alias"))(dataset);
   return (
     <>
       {(_.includes("implementationKey")(steps) ||
@@ -96,16 +140,22 @@ export const ImplementationSummary = ({ ruleImplementation, activeSteps }) => {
         <InformationSummary ruleImplementation={ruleImplementation} />
       )}
       {dataset && _.includes("dataset")(steps) && (
-        <DatasetSummary rows={dataset} />
+        <DatasetSummary rows={dataset} alias={alias} />
       )}
       {population && _.includes("population")(steps) && (
-        <ConditionSummary type="population" icon="user" rows={population} />
+        <ConditionSummary
+          type="population"
+          icon="user"
+          rows={population}
+          alias={alias}
+        />
       )}
       {validations && _.includes("validations")(steps) && (
         <ConditionSummary
           type="validations"
           icon="setting"
           rows={validations}
+          alias={alias}
         />
       )}
     </>

package/src/components/RuleImplementationEventRow.js

@@ -0,0 +1,48 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { Feed } from "semantic-ui-react";
+import { useIntl } from "react-intl";
+import Moment from "react-moment";
+
+export const RuleImplementationEventRow = ({
+  user,
+  user_name,
+  ts,
+  payload,
+}) => {
+  const { formatMessage, locale } = useIntl();
+  const userName = _.propOr(user_name, "user_name")(user);
+
+  return _.isEmpty(payload) ? null : (
+    <Feed.Event>
+      <Feed.Content>
+        <Feed.Summary>
+          <Feed.User>{userName}</Feed.User>{" "}
+          <Feed.Date>
+            <Moment locale={locale} date={ts} format="YYYY-MM-DD HH:mm" />
+          </Feed.Date>
+        </Feed.Summary>
+        {payload.map(({ field, action, value }, i) => (
+          <Feed.Extra
+            key={i}
+            text
+            content={formatMessage(
+              { id: "ruleImplementations.events.action_" + action },
+              [field, value]
+            )}
+          />
+        ))}
+      </Feed.Content>
+    </Feed.Event>
+  );
+};
+
+RuleImplementationEventRow.propTypes = {
+  user: PropTypes.object,
+  user_name: PropTypes.string,
+  ts: PropTypes.string,
+  payload: PropTypes.array,
+};
+
+export default RuleImplementationEventRow;

package/src/components/RuleImplementationEvents.js

@@ -0,0 +1,29 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Feed, Segment } from "semantic-ui-react";
+import { connect } from "react-redux";
+import { getParsedEvents } from "../selectors";
+import { RuleImplementationEventRow } from "./RuleImplementationEventRow";
+
+export const RuleImplementationEvents = ({ events, eventsLoading }) => {
+  return eventsLoading ? null : (
+    <Segment attached="bottom">
+      <Feed size="small">
+        {events.map((e, i) => (
+          <RuleImplementationEventRow key={i} {...e} />
+        ))}
+      </Feed>
+    </Segment>
+  );
+};
+RuleImplementationEvents.propTypes = {
+  events: PropTypes.array.isRequired,
+  eventsLoading: PropTypes.bool,
+};
+
+const mapStateToProps = (state) => ({
+  events: getParsedEvents(state),
+  eventsLoading: state.eventsLoading,
+});
+
+export default connect(mapStateToProps)(RuleImplementationEvents);

package/src/components/RuleImplementationTabs.js

@@ -7,6 +7,7 @@ import { compose } from "redux";
 import { connect } from "react-redux";
 import { FormattedMessage } from "react-intl";
 import {
+  RULE_IMPLEMENTATION_EVENTS,
   RULE_IMPLEMENTATION_RESULTS_DETAILS,
   RULE_IMPLEMENTATION_MOVE,
   RULE_IMPLEMENTATION_RESULTS,
@@ -59,6 +60,16 @@ export const RuleImplementationTabs = ({ rule, ruleImplementation, match }) => {
           <FormattedMessage id="tabs.dq.ruleImplementation.details" />
         </Menu.Item>
       )}
+      <Menu.Item
+        active={match.path === RULE_IMPLEMENTATION_EVENTS}
+        as={Link}
+        to={linkTo.RULE_IMPLEMENTATION_EVENTS({
+          id: rule.id,
+          implementation_id: ruleImplementation.id,
+        })}
+      >
+        <FormattedMessage id="tabs.dq.ruleImplementation.audit" />
+      </Menu.Item>
     </Menu>
   );
 };

package/src/components/RuleRoutes.js

@@ -1,7 +1,7 @@
 import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
-import { Route, Switch } from "react-router-dom";
+import { Route, Switch, useRouteMatch } from "react-router-dom";
 import { connect } from "react-redux";
 import { Segment } from "semantic-ui-react";
 import { Unauthorized } from "@truedat/core/components";
@@ -12,6 +12,7 @@ import {
   RULE_IMPLEMENTATION_RESULT_DETAILS,
   RULE_IMPLEMENTATION_RESULTS_DETAILS,
   RULE_IMPLEMENTATION,
+  RULE_IMPLEMENTATION_EVENTS,
   RULE_IMPLEMENTATION_NEW,
   RULE_IMPLEMENTATION_CLONE,
   RULE_IMPLEMENTATION_EDIT,
@@ -32,6 +33,7 @@ import NewRuleImplementation from "./NewRuleImplementation";
 import Rule from "./Rule";
 import RuleCrumbs from "./RuleCrumbs";
 import RuleImplementation from "./RuleImplementation";
+import RuleImplementationEvents from "./RuleImplementationEvents";
 import RuleImplementationLoader from "./RuleImplementationLoader";
 import RuleImplementationProperties from "./RuleImplementationProperties";
 import RuleImplementationResults from "./RuleImplementationResults";
@@ -47,6 +49,9 @@ const DomainsLoader = React.lazy(() =>
 const DynamicFormViewer = React.lazy(() =>
   import("@truedat/df/components/DynamicFormViewer")
 );
+const EventsLoader = React.lazy(() =>
+  import("@truedat/audit/components/EventsLoader")
+);
 const TemplatesLoader = React.lazy(() =>
   import("@truedat/df/templates/components/TemplatesLoader")
 );
@@ -56,6 +61,12 @@ const ImplementationStructuresLoader = React.lazy(() =>
 const QualityTemplatesLoader = () => <TemplatesLoader scope="dq" />;
 const ImplementationTemplatesLoader = () => <TemplatesLoader scope="ri" />;
 
+const ImplementationEventsLoader = () => {
+  const match = useRouteMatch();
+  const id = _.path("params.implementation_id")(match);
+  return <EventsLoader resource_id={id} resource_type="implementation" />;
+};
+
 const RuleRoutes = ({
   ruleLoaded,
   ruleImplementationLoaded,
@@ -132,6 +143,7 @@ const RuleRoutes = ({
                       <RuleCrumbs />
                       <Segment>
                         <RuleSubscriptionLoader />
+                        <RuleImplementationLoader />
                         <RuleImplementationsFromRuleLoader />
                         {ruleLoaded && <Rule />}
                         {ruleLoaded && <RuleFormImplementations />}
@@ -139,6 +151,25 @@ const RuleRoutes = ({
                     </>
                   )}
                 />
+                <Route
+                  exact
+                  path={RULE_IMPLEMENTATION_EVENTS}
+                  render={() => (
+                    <>
+                      <RuleCrumbs />
+                      <Segment>
+                        <ImplementationEventsLoader />
+                        <RuleImplementationLoader />
+                        {ruleLoaded && ruleImplementationLoaded && (
+                          <RuleImplementation>
+                            <RuleImplementationEvents />
+                          </RuleImplementation>
+                        )}
+                      </Segment>
+                    </>
+                  )}
+                />
+
                 <Route
                   exact
                   path={RULE_IMPLEMENTATION_NEW}
@@ -271,7 +302,6 @@ const RuleRoutes = ({
                     <>
                       <Segment>
                         <RuleImplementationLoader />
-
                         {ruleLoaded && ruleImplementationLoaded && (
                           <>
                             <RuleCrumbs />

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

@@ -42,6 +42,7 @@ const ruleImplementation = {
           id: 1,
           name: "Microstrategy",
         },
+        alias: [{ index: 0, text: "bar" }],
       },
     },
   ],

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

@@ -21,6 +21,7 @@ const renderOpts = {
     en: {
       "tabs.dq.ruleImplementation.results": "results",
       "tabs.dq.ruleImplementation": "implementation",
+      "tabs.dq.ruleImplementation.audit": "events",
       "ruleImplementation.actions.clone": "clone",
       "ruleImplementation.actions.move": "move",
       "ruleImplementation.actions.edit": "edit",

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { RuleImplementationEvents } from "../RuleImplementationEvents";
+
+describe("<RuleImplementationEvents />", () => {
+  const events = [
+    {
+      id: 1,
+      service: "service",
+      event: "implementation_restored",
+      resource_id: 100,
+      ts: "2019-08-12T02:00:00Z",
+      payload: [{ field: "foo", action: "restored" }],
+    },
+    {
+      id: 2,
+      service: "service",
+      event: "implementation_deprecated",
+      resource_id: 100,
+      ts: "2019-09-12T02:00:00Z",
+      payload: [{ field: "bar", action: "deprecated" }],
+    },
+  ];
+  const renderOpts = {
+    messages: {
+      en: {
+        "ruleImplementations.events.field_restored": "implementation restored",
+        "ruleImplementations.events.field_deprecated":
+          "implementation deprecated",
+      },
+    },
+  };
+
+  const props = { events };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <RuleImplementationEvents {...props} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -59,6 +59,7 @@ exports[`<ConditionSummary /> matches the latest snapshot 1`] = `
               <span
                 class="highlighted"
               >
+                 
                 "Mes"
               </span>
             </a>

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

@@ -133,11 +133,11 @@ exports[`<ImplementationSummary /> displays correctly validations values of list
             <a
               href="/structures/1915"
             >
-              <span
+              <p
                 class="highlighted"
               >
                 "CMC &gt; Objetos Públicos &gt; 0. 0 Meses"
-              </span>
+              </p>
             </a>
           </td>
         </tr>
@@ -201,6 +201,7 @@ exports[`<ImplementationSummary /> displays correctly validations values of list
               <span
                 class="highlighted"
               >
+                 
                 "Mes"
               </span>
             </a>
@@ -238,6 +239,12 @@ exports[`<ImplementationSummary /> matches the latest snapshot 1`] = `
         "dataset": Array [
           Object {
             "structure": Object {
+              "alias": Array [
+                Object {
+                  "index": 0,
+                  "text": "bar",
+                },
+              ],
               "id": 1915,
               "name": "0. 0 Meses",
               "path": Array [
@@ -293,10 +300,21 @@ exports[`<ImplementationSummary /> matches the latest snapshot 1`] = `
     }
   />
   <DatasetSummary
+    alias={
+      Array [
+        Object {},
+      ]
+    }
     rows={
       Array [
         Object {
           "structure": Object {
+            "alias": Array [
+              Object {
+                "index": 0,
+                "text": "bar",
+              },
+            ],
             "id": 1915,
             "name": "0. 0 Meses",
             "path": Array [
@@ -314,6 +332,11 @@ exports[`<ImplementationSummary /> matches the latest snapshot 1`] = `
     }
   />
   <ConditionSummary
+    alias={
+      Array [
+        Object {},
+      ]
+    }
     icon="user"
     rows={
       Array [
@@ -323,6 +346,11 @@ exports[`<ImplementationSummary /> matches the latest snapshot 1`] = `
     type="population"
   />
   <ConditionSummary
+    alias={
+      Array [
+        Object {},
+      ]
+    }
     icon="setting"
     rows={
       Array [

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

@@ -140,6 +140,12 @@ exports[`<RuleImplementation /> matches the latest snapshot 1`] = `
     >
       results
     </a>
+    <a
+      class="item"
+      href="/rules/1/implementations/1/events"
+    >
+      events
+    </a>
   </div>
 </div>
 `;

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

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<RuleImplementationEvents /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui bottom attached segment"
+  >
+    <div
+      class="ui small feed"
+    >
+      <div
+        class="event"
+      >
+        <div
+          class="content"
+        >
+          <div
+            class="summary"
+          >
+            <a
+              class="user"
+            />
+             
+            <div
+              class="date"
+            >
+              <time
+                datetime="1565575200000"
+              >
+                2019-08-12 02:00
+              </time>
+            </div>
+          </div>
+          <div
+            class="text extra"
+          >
+            ruleImplementations.events.action_restored
+          </div>
+        </div>
+      </div>
+      <div
+        class="event"
+      >
+        <div
+          class="content"
+        >
+          <div
+            class="summary"
+          >
+            <a
+              class="user"
+            />
+             
+            <div
+              class="date"
+            >
+              <time
+                datetime="1568253600000"
+              >
+                2019-09-12 02:00
+              </time>
+            </div>
+          </div>
+          <div
+            class="text extra"
+          >
+            ruleImplementations.events.action_deprecated
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/components/index.js

@@ -12,6 +12,7 @@ import QualityRoutes from "./QualityRoutes";
 import Rule from "./Rule";
 import RuleForm from "./RuleForm";
 import RuleFormImplementations from "./RuleFormImplementations";
+import RuleImplementationEvents from "./RuleImplementationEvents";
 import RuleImplementationsFromRuleLoader from "./RuleImplementationsFromRuleLoader";
 import RuleImplementationsLoader from "./RuleImplementationsLoader";
 import RuleLoader from "./RuleLoader";
@@ -35,6 +36,7 @@ export {
   Rule,
   RuleForm,
   RuleFormImplementations,
+  RuleImplementationEvents,
   RuleImplementationsLoader,
   RuleImplementationsFromRuleLoader,
   RuleLoader,

package/src/components/ruleImplementationForm/DatasetForm.js

@@ -7,6 +7,7 @@ import { dropAt, replaceAt } from "@truedat/core/services/arrays";
 import { Button } from "semantic-ui-react";
 import { setImplementationFilterValues } from "../../routines";
 import { getRuleImplementationFormFilters } from "../../selectors";
+import "../../styles/ruleImplementationForm/DatasetForm.less";
 
 const StructureSelectorInputField = React.lazy(() =>
   import("@truedat/dd/components/StructureSelectorInputField")
@@ -88,7 +89,7 @@ export const DatasetForm = ({
   };
 
   const buildDefaultFilters = (i) => {
-    const defaultFilters = { "has_field_child.raw": ["true"] };
+    const defaultFilters = { "class.raw": [""] };
     return i == 0
       ? { defaultFilters }
       : { defaultFilters: { ...defaultFilters, ...customFilters } };
@@ -116,7 +117,9 @@ export const DatasetForm = ({
           systemRequired={false}
         />
       ))}
+
       <Button
+        id="add-structure-button"
         onClick={(e) => {
           e.preventDefault();
           setStructure({ value: { join_type: "inner" } });

package/src/components/ruleImplementationForm/__tests__/DataSetForm.spec.js

@@ -20,8 +20,8 @@ describe("<DatasetForm />", () => {
         id: 1,
         name: "strcuture1",
         path: [],
-        system: { name: "system" },
-      },
+        system: { name: "system" }
+      }
     },
     {
       join_type: "inner",
@@ -29,10 +29,10 @@ describe("<DatasetForm />", () => {
         id: 2,
         name: "structure2",
         path: [],
-        system: { name: "system" },
+        system: { name: "system" }
       },
-      clauses: [{ id: 100 }, { id: 200 }],
-    },
+      clauses: [{ id: 100 }, { id: 200 }]
+    }
   ];
 
   const customFilters = { "foo.bar": ["baz"] };
@@ -44,7 +44,7 @@ describe("<DatasetForm />", () => {
     setSelector,
     selector,
     setImplementationFilterValues,
-    setImplementationKey,
+    setImplementationKey
   };
 
   it("matches the latest snapshot", () => {
@@ -63,14 +63,14 @@ describe("<DatasetForm />", () => {
     const selectors = wrapper.find("lazy");
     expect(selectors.first().prop("options")).toEqual({
       defaultFilters: {
-        "has_field_child.raw": ["true"],
-      },
+        "class.raw": [""]
+      }
     });
     expect(selectors.last().prop("options")).toEqual({
       defaultFilters: {
-        "has_field_child.raw": ["true"],
-        "foo.bar": ["baz"],
-      },
+        "class.raw": [""],
+        "foo.bar": ["baz"]
+      }
     });
   });
 });

package/src/components/ruleImplementationForm/__tests__/__snapshots__/DataSetForm.spec.js.snap

@@ -13,8 +13,8 @@ exports[`<DatasetForm /> matches the latest snapshot 1`] = `
     options={
       Object {
         "defaultFilters": Object {
-          "has_field_child.raw": Array [
-            "true",
+          "class.raw": Array [
+            "",
           ],
         },
       }
@@ -77,12 +77,12 @@ exports[`<DatasetForm /> matches the latest snapshot 1`] = `
     options={
       Object {
         "defaultFilters": Object {
+          "class.raw": Array [
+            "",
+          ],
           "foo.bar": Array [
             "baz",
           ],
-          "has_field_child.raw": Array [
-            "true",
-          ],
         },
       }
     }
@@ -144,6 +144,7 @@ exports[`<DatasetForm /> matches the latest snapshot 1`] = `
   />
   <Button
     as="button"
+    id="add-structure-button"
     onClick={[Function]}
   >
     dataset.form.button.add_structure

package/src/messages/en.js

@@ -5,6 +5,7 @@ export default {
   "actions.prev": "Previous",
   "actions.save": "Save",
   "actions.submit": "Submit",
+  "alert.deleteRuleImplementation.failed.header": "Error deprecating implementation",
   "alert.createExecutionGroup.success.content":
     "{count} implementations queued for execution",
   "alert.createExecutionGroup.success.header": "Executions scheduled",
@@ -464,6 +465,12 @@ export default {
   "ruleImplementations.actions.upload.tooltip": "Upload Implementations",
   "ruleImplementations.actions.upload.confirmation.header":
     "Confirm bulk upload",
+  "ruleImplementations.events.action_created": "Implementation created on rule: {0}",
+  "ruleImplementations.events.action_changed": "Field {0} changed to {1}",
+  "ruleImplementations.events.action_deprecated": "Implementation deprecated",
+  "ruleImplementations.events.action_moved": "Implementation moved to rule: {0}",
+  "ruleImplementations.events.action_restored": "Implementation restored",
+  "ruleImplementations.events.action_updated": "Implementation updated",
   "ruleImplementations.header": "Quality Implementations",
   "ruleImplementations.props.business_concept": "Concept",
   "ruleImplementations.props.status": "Status",
@@ -543,11 +550,13 @@ export default {
     "Error uploading file. No rules have been created.",
   "rules.upload.failed.misssing_required_columns":
     "Missing required columns. Expected [{expected}]. Found [{found}].",
+  "structureSelector.union.criteria": "Union criteria",
   "structureFields.dropdown.label": "Select Field",
   "structureFields.dropdown.placeholder": "Fields",
   "summary.link.and": "and",
   "tabs.dq.rule": "Rule",
   "tabs.dq.ruleImplementation": "Implementation",
+  "tabs.dq.ruleImplementation.audit": "Audit",
   "tabs.dq.ruleImplementation.details": "Details",
   "tabs.dq.ruleImplementation.results": "Results",
   "tabs.dq.ruleImplementations": "Implementations",

package/src/messages/es.js

@@ -5,6 +5,7 @@ export default {
   "actions.prev": "Anterior",
   "actions.save": "Guardar",
   "actions.submit": "Guardar",
+  "alert.deleteRuleImplementation.failed.header": "Error al archivar implementación",
   "alert.createExecutionGroup.success.content":
     "Se ha solicitado la ejecución de {count} implementaciones",
   "alert.createExecutionGroup.success.header": "Ejecuciones programadas",
@@ -476,6 +477,12 @@ export default {
   "ruleImplementations.actions.create": "Crear nueva implementación",
   "ruleImplementations.actions.edit": "Editar implementación",
   "ruleImplementations.actions.popup.deprecated": "Implementaciones Archivadas",
+  "ruleImplementations.events.action_created": "Implementación creada en regla: {0}",
+  "ruleImplementations.events.action_changed": "Campo {0} actualizado a {1}",
+  "ruleImplementations.events.action_deprecated": "Implementación archivada",
+  "ruleImplementations.events.action_moved": "Implementación movida a la regla: {0}",
+  "ruleImplementations.events.action_restored": "Implementación restaurada",
+  "ruleImplementations.events.action_updated": "Implementación actualizada",
   "ruleImplementations.header": "Implementaciones de calidad",
   "ruleImplementations.props.business_concept": "Concepto",
   "ruleImplementations.props.executable.false": "Interna",
@@ -559,10 +566,12 @@ export default {
   "rules.upload.failed.misssing_required_columns":
     "Faltan columnas obligatorias en el fichero. Esperado [{expected}]. Recibido [{found}].",
   "ruleSubscription.actions.remove": "Eliminar",
+  "structureSelector.union.criteria": "Criterio de unión",
   "structureFields.dropdown.label": "Seleccionar Campo",
   "structureFields.dropdown.placeholder": "Campos",
   "summary.link.and": "y",
   "tabs.dq.rule": "Regla",
+  "tabs.dq.ruleImplementation.audit": "Auditoría",
   "tabs.dq.ruleImplementation.details": "Detalles",
   "tabs.dq.ruleImplementation.results": "Resultados",
   "tabs.dq.ruleImplementation": "Implementación",

package/src/selectors/getParsedEvents.js

@@ -0,0 +1,86 @@
+import _ from "lodash/fp";
+import { createSelector } from "reselect";
+
+const getEvents = ({ events }) => {
+  return events;
+};
+
+const transformFieldFormat = (field) =>
+  _.isBoolean(field) ? _.toString(field) : field;
+
+const getParsedEvents = createSelector([getEvents], (events) => {
+  return _.map((d) => {
+    switch (d.event) {
+      case "implementation_created":
+        return {
+          ...d,
+          payload: [
+            {
+              field: _.path("payload.rule_name")(d),
+              action: "created",
+            },
+          ],
+        };
+      case "implementation_moved":
+        return {
+          ...d,
+          payload: [
+            {
+              field: _.path("payload.rule_name")(d),
+              action: "moved",
+            },
+          ],
+        };
+      case "implementation_restored":
+        return {
+          ...d,
+          payload: [
+            {
+              field: _.path("payload.implementation_key")(d),
+              action: "restored",
+            },
+          ],
+        };
+      case "implementation_deleted":
+        return {};
+      case "implementation_deprecated":
+        return {
+          ...d,
+          payload: [
+            {
+              field: _.path("payload.implementation_key")(d),
+              action: "deprecated",
+            },
+          ],
+        };
+      case "implementation_changed":
+        return {
+          ...d,
+          payload: _.flow(
+            _.path("payload.df_content.changed"),
+            _.keys,
+            _.map((e) => ({
+              field: e,
+              action: "changed",
+              value: transformFieldFormat(
+                _.path(`payload.df_content.changed.${e}`)(d)
+              ),
+            }))
+          )(d),
+        };
+
+      default:
+        return {
+          ...d,
+          payload: [
+            {
+              field: _.path("payload.implementation_key")(d),
+              action: "updated",
+            },
+          ],
+        };
+    }
+  })(events);
+});
+
+export { getParsedEvents };

package/src/selectors/index.js

@@ -28,3 +28,4 @@ export { getRuleImplementationSelectedFilters } from "./getRuleImplementationSel
 export { getRuleImplementationSelectedFilterValues } from "./getRuleImplementationSelectedFilterValues";
 export { getRuleImplementationSelectedFilterActiveValues } from "./getRuleImplementationSelectedFilterActiveValues";
 export * from "./getImplementationStructures";
+export { getParsedEvents } from "./getParsedEvents";

package/src/styles/ImplementationSummary.less

@@ -0,0 +1,3 @@
+#union-list {
+  margin-top: 15px;
+}

package/src/styles/ruleImplementationForm/DatasetForm.less

@@ -0,0 +1,3 @@
+#add-structure-button {
+  margin-top: 12px;
+}