@truedat/dq 4.37.0 → 4.37.4

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [4.37.4] 2022-02-04
+
+### Changed
+
+- [TD-4424] Disable user filters while rule filters are loading
+
+## [4.37.3] 2022-02-03
+
+### Added
+
+- [TD-2929] Added support for `UserSearchFilters` on `Rules` and `RuleImplementations`
+
+## [4.37.2] 2022-02-02
+
+### Added
+
+- [TD-4294] Rule audit tab
+
+## [4.37.1] 2022-02-02
+
+### Changed
+
+- [TD-4152] Include aditional information on implementations download
+
 ## [4.37.0] 2022-01-25
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dq",
-  "version": "4.37.0",
+  "version": "4.37.4",
   "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.37.0",
-    "@truedat/df": "4.37.0",
+    "@truedat/core": "4.37.4",
+    "@truedat/df": "4.37.4",
     "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": "a2584d116d738be9a237f26c617e1400d4a24803"
+  "gitHead": "d6a390c1a843d164c28cf7ae174126b6c0e24618"
 }

package/src/components/ImplementationsRoutes.js

@@ -8,6 +8,9 @@ import RuleImplementationsLoader from "./RuleImplementationsLoader";
 const TemplatesLoader = React.lazy(() =>
   import("@truedat/df/templates/components/TemplatesLoader")
 );
+const UserSearchFiltersLoader = React.lazy(() =>
+  import("@truedat/dd/components/UserSearchFiltersLoader")
+);
 
 const ImplementationsRoutes = () => (
   <Route
@@ -17,6 +20,7 @@ const ImplementationsRoutes = () => (
         <RuleImplementationsLoader />
         <ImplementationFiltersLoader />
         <TemplatesLoader scope="qe" />
+        <UserSearchFiltersLoader scope="rule_implementation" />
         <RuleImplementations exact />
       </>
     )}

package/src/components/RuleEventRow.js

@@ -0,0 +1,47 @@
+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 RuleEventRow = ({ 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: `rules.events.action_${action}${
+                  typeof value === "undefined" || _.isObject(value) ? "" : "_to"
+                }`,
+              },
+              [field, JSON.stringify(value)]
+            )}
+          />
+        ))}
+      </Feed.Content>
+    </Feed.Event>
+  );
+};
+
+RuleEventRow.propTypes = {
+  user: PropTypes.object,
+  user_name: PropTypes.string,
+  ts: PropTypes.string,
+  payload: PropTypes.array,
+};
+
+export default RuleEventRow;

package/src/components/RuleEvents.js

@@ -0,0 +1,31 @@
+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 { RuleEventRow } from "./RuleEventRow";
+
+export const RuleEvents = ({ events, eventsLoading }) => {
+  return eventsLoading ? null : (
+    <Segment attached="bottom">
+      <Feed size="small">
+        {events.map((e, i) => (
+          <RuleEventRow key={i} {...e} />
+        ))}
+      </Feed>
+    </Segment>
+  );
+};
+RuleEvents.propTypes = {
+  events: PropTypes.array.isRequired,
+  eventsLoading: PropTypes.bool,
+};
+
+const mapStateToProps = (state) => {
+  return {
+    events: getParsedEvents(state),
+    eventsLoading: state.eventsLoading,
+  };
+};
+
+export default connect(mapStateToProps)(RuleEvents);

package/src/components/RuleImplementationSelectedFilters.js

@@ -4,6 +4,11 @@ import { connect } from "react-redux";
 import { injectIntl } from "react-intl";
 import { makeOption } from "@truedat/core/services/i18n";
 import { SelectedFilters } from "@truedat/core/components";
+import {
+  applyUserSearchFilter,
+  deleteUserSearchFilter,
+  saveUserSearchFilters,
+} from "@truedat/dd/routines";
 import {
   closeImplementationFilter,
   openImplementationFilter,
@@ -24,29 +29,46 @@ const translations = (formatMessage) => ({
 
 export const mapStateToProps = (state, ownProps) => {
   const formatMessage = _.pathOr(_.prop("id"), "intl.formatMessage")(ownProps);
-  const { ruleImplementationSelectedFilter: selectedFilter } = state;
+  const {
+    ruleImplementationFiltersLoading: loading,
+    ruleImplementationSelectedFilter: selectedFilter,
+  } = state;
   const i18nValues = _.flow(
     getRuleImplementationSelectedFilterValues,
     _.map(makeOption(translations(formatMessage), selectedFilter))
   )(state);
 
+  const {
+    selectedUserSearchFilter: selectedUserFilter,
+    ruleImplementationActiveFilters: activeFilters,
+    userSearchFilters: userFilters,
+  } = state;
+
   return {
+    loading,
     selectedFilter,
     selectedFilters: getRuleImplementationSelectedFilters(state),
     selectedFilterActiveValues:
       getRuleImplementationSelectedFilterActiveValues(state),
     selectedFilterValues: i18nValues,
+    selectedUserFilter,
+    activeFilters,
+    userFilters,
+    userFilterScope: "rule_implementation",
   };
 };
 
 const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
+      applyUserFilter: applyUserSearchFilter,
       closeFilter: closeImplementationFilter,
+      deleteUserFilter: deleteUserSearchFilter,
       openFilter: openImplementationFilter,
       removeFilter: removeImplementationFilter,
       resetFilters: resetImplementationFilters,
       toggleFilterValue: toggleImplementationFilterValue,
+      saveFilters: saveUserSearchFilters,
     },
     dispatch
   );

package/src/components/RuleImplementationsDownload.js

@@ -10,7 +10,8 @@ const staticHeaderLabels = [
   "implementation_key",
   "implementation_type",
   "rule",
-  "template",
+  "rule_template",
+  "implementation_template",
   "goal",
   "minimum",
   "business_concept",

package/src/components/RuleRoutes.js

@@ -9,6 +9,7 @@ import { useAuthorized } from "@truedat/core/hooks";
 import {
   RULE,
   RULE_EDIT,
+  RULE_EVENTS,
   RULE_IMPLEMENTATION_RESULT_DETAILS,
   RULE_IMPLEMENTATION_RESULTS_DETAILS,
   RULE_IMPLEMENTATION,
@@ -32,6 +33,7 @@ import NewRule from "./NewRule";
 import NewRuleImplementation from "./NewRuleImplementation";
 import Rule from "./Rule";
 import RuleCrumbs from "./RuleCrumbs";
+import RuleEvents from "./RuleEvents";
 import RuleImplementation from "./RuleImplementation";
 import RuleImplementationEvents from "./RuleImplementationEvents";
 import RuleImplementationLoader from "./RuleImplementationLoader";
@@ -61,6 +63,12 @@ const ImplementationStructuresLoader = React.lazy(() =>
 const QualityTemplatesLoader = () => <TemplatesLoader scope="dq" />;
 const ImplementationTemplatesLoader = () => <TemplatesLoader scope="ri" />;
 
+const RuleEventsLoader = () => {
+  const match = useRouteMatch();
+  const id = _.path("params.id")(match);
+  return <EventsLoader resource_id={id} resource_type="rule" />;
+};
+
 const ImplementationEventsLoader = () => {
   const match = useRouteMatch();
   const id = _.path("params.implementation_id")(match);
@@ -135,6 +143,22 @@ const RuleRoutes = ({
                     </>
                   )}
                 />
+
+                <Route
+                  exact
+                  path={RULE_EVENTS}
+                  render={() => (
+                    <>
+                      <RuleCrumbs />
+                      <Segment>
+                        <RuleEventsLoader />
+                        {ruleLoaded && <Rule />}
+                        {ruleLoaded && <RuleEvents />}
+                      </Segment>
+                    </>
+                  )}
+                />
+
                 <Route
                   exact
                   path={RULE_IMPLEMENTATIONS}

package/src/components/RuleSelectedFilters.js

@@ -4,6 +4,11 @@ import { connect } from "react-redux";
 import { injectIntl } from "react-intl";
 import { makeOption } from "@truedat/core/services/i18n";
 import { SelectedFilters } from "@truedat/core/components";
+import {
+  applyUserSearchFilter,
+  deleteUserSearchFilter,
+  saveUserSearchFilters,
+} from "@truedat/dd/routines";
 import {
   closeRuleFilter,
   openRuleFilter,
@@ -24,28 +29,43 @@ const translations = (formatMessage) => ({
 
 export const mapStateToProps = (state, ownProps) => {
   const formatMessage = _.pathOr(_.prop("id"), "intl.formatMessage")(ownProps);
-  const { ruleSelectedFilter: selectedFilter } = state;
+  const { ruleFiltersLoading: loading, ruleSelectedFilter: selectedFilter } =
+    state;
   const i18nValues = _.flow(
     getRuleSelectedFilterValues,
     _.map(makeOption(translations(formatMessage), selectedFilter))
   )(state);
 
+  const {
+    selectedUserSearchFilter: selectedUserFilter,
+    ruleActiveFilters: activeFilters,
+    userSearchFilters: userFilters,
+  } = state;
+
   return {
+    loading,
     selectedFilter,
     selectedFilters: getRuleSelectedFilters(state),
     selectedFilterActiveValues: getRuleSelectedFilterActiveValues(state),
     selectedFilterValues: i18nValues,
+    selectedUserFilter,
+    activeFilters,
+    userFilters,
+    userFilterScope: "rule",
   };
 };
 
 const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
+      applyUserFilter: applyUserSearchFilter,
       closeFilter: closeRuleFilter,
+      deleteUserFilter: deleteUserSearchFilter,
       openFilter: openRuleFilter,
       removeFilter: removeRuleFilter,
       resetFilters: resetRuleFilters,
       toggleFilterValue: toggleRuleFilterValue,
+      saveFilters: saveUserSearchFilters,
     },
     dispatch
   );

package/src/components/RuleTabs.js

@@ -6,7 +6,12 @@ import { Link } from "react-router-dom";
 import { connect } from "react-redux";
 import { FormattedMessage } from "react-intl";
 import { usePath } from "@truedat/core/hooks";
-import { RULE, RULE_IMPLEMENTATIONS, linkTo } from "@truedat/core/routes";
+import {
+  RULE,
+  RULE_IMPLEMENTATIONS,
+  RULE_EVENTS,
+  linkTo,
+} from "@truedat/core/routes";
 
 const RuleTabs = ({ rule }) => {
   const path = usePath();
@@ -22,12 +27,21 @@ const RuleTabs = ({ rule }) => {
       >
         <FormattedMessage id="tabs.dq.ruleImplementations" />
       </Menu.Item>
+      <Menu.Item
+        active={path === RULE_EVENTS}
+        as={Link}
+        to={linkTo.RULE_EVENTS({
+          id: rule.id,
+        })}
+      >
+        <FormattedMessage id="tabs.dq.rule.audit" />
+      </Menu.Item>
     </Menu>
   );
 };
 
 RuleTabs.propTypes = {
-  rule: PropTypes.object
+  rule: PropTypes.object,
 };
 
 const mapStateToProps = ({ rule }) => ({ rule });

package/src/components/RulesRoutes.js

@@ -13,13 +13,25 @@ const DomainsLoader = React.lazy(() =>
 const TemplatesLoader = React.lazy(() =>
   import("@truedat/df/templates/components/TemplatesLoader")
 );
+const UserSearchFiltersLoader = React.lazy(() =>
+  import("@truedat/dd/components/UserSearchFiltersLoader")
+);
 const QualityTemplatesLoader = () => <TemplatesLoader scope="dq" />;
 
 const RulesRoutes = () => (
   <>
     <Route path={RULES} component={RulesLoader} />
     <Route path={RULES} component={RuleFiltersLoader} />
-    <Route path={RULES} component={Rules} exact />
+    <Route
+      exact
+      path={RULES}
+      render={() => (
+        <>
+          <UserSearchFiltersLoader scope="rule" />
+          <Rules />
+        </>
+      )}
+    />
     <Switch>
       <Route
         exact

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { RuleEventRow } from "../RuleEventRow";
+
+describe("<RuleEventsRow />", () => {
+  const props = {
+    payload: [
+      {
+        field: "field1",
+        action: "changed",
+        value: "new value",
+      },
+    ],
+    user_name: "some.user@domain.tld",
+    user: {
+      email: "some.user@domain.tld",
+      full_name: "Some User",
+      id: 142,
+      user_name: "some.user@domain.tld",
+    },
+    ts: "2021-09-16T07:36:32.848603Z",
+  };
+  const renderOpts = {
+    messages: {
+      en: { "rules.events.action_changed_to": "Field {0} changed to: {1}" },
+    },
+  };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(<RuleEventRow {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,64 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { RuleEvents } from "../RuleEvents";
+import { getParsedEvents } from "../../selectors/getParsedEvents";
+
+describe("<RuleEvents />", () => {
+  const events = [
+    {
+      id: 100217,
+      service: "td_dd",
+      resource_id: 777,
+      resource_type: "rule",
+      event: "rule_updated",
+      payload: {
+        domain_id: 140,
+      },
+      user_id: 142,
+      user_name: null,
+      user: {
+        email: "some.user@domain.tld",
+        full_name: "Some User",
+        id: 142,
+        user_name: "some.user@domain.tld",
+      },
+      ts: "2021-09-16T07:36:32.848603Z",
+    },
+    {
+      id: 100436,
+      service: "td_dd",
+      resource_id: 777,
+      resource_type: "rule",
+      event: "rule_updated",
+      payload: {
+        domain_id: 168,
+      },
+      user_id: 171,
+      user_name: null,
+      user: {
+        email: "some.user@domain.tld",
+        full_name: "Some User",
+        id: 171,
+        user_name: "some.user",
+      },
+      ts: "2021-09-16T09:31:03.061864Z",
+    },
+  ];
+  const renderOpts = {
+    messages: {
+      en: {
+        "rules.events.action_created": "Rule created",
+        "rules.events.action_changed": "Field {0} changed: {1}",
+        "rules.events.action_changed_to": "Field {0} changed to: {1}",
+        "rules.events.action_updated": "Rule updated",
+      },
+    },
+  };
+
+  const props = { events: getParsedEvents({ events }), eventsLoading: false };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(<RuleEvents {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<RuleEventsRow /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="event"
+  >
+    <div
+      class="content"
+    >
+      <div
+        class="summary"
+      >
+        <a
+          class="user"
+        >
+          some.user@domain.tld
+        </a>
+         
+        <div
+          class="date"
+        >
+          <time
+            datetime="1631777792848"
+          >
+            2021-09-16 07:36
+          </time>
+        </div>
+      </div>
+      <div
+        class="text extra"
+      >
+        Field field1 changed to: "new value"
+      </div>
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,78 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<RuleEvents /> 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"
+            >
+              some.user@domain.tld
+            </a>
+             
+            <div
+              class="date"
+            >
+              <time
+                datetime="1631777792848"
+              >
+                2021-09-16 07:36
+              </time>
+            </div>
+          </div>
+          <div
+            class="text extra"
+          >
+            Field domain_id changed to: 140
+          </div>
+        </div>
+      </div>
+      <div
+        class="event"
+      >
+        <div
+          class="content"
+        >
+          <div
+            class="summary"
+          >
+            <a
+              class="user"
+            >
+              some.user
+            </a>
+             
+            <div
+              class="date"
+            >
+              <time
+                datetime="1631784663061"
+              >
+                2021-09-16 09:31
+              </time>
+            </div>
+          </div>
+          <div
+            class="text extra"
+          >
+            Field domain_id changed to: 168
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/messages/en.js

@@ -132,6 +132,7 @@ export default {
     "All rule implementations should be removed",
   "rule.error.rule_name_bc_id.unique_constraint":
     "Duplicated rule name. Edit name or associated business concept.",
+  
   "rule.form.accordion.select": "Select",
   "rule.form.concept.label": "Concept",
   "ruleImplementation.form.tooltip.deviation.goal":
@@ -497,6 +498,8 @@ export default {
   "ruleImplementations.props.result": "Quality",
   "ruleImplementations.props.rule": "Rule",
   "ruleImplementations.props.template": "Template",
+  "ruleImplementations.props.rule_template": "Rule template",
+  "ruleImplementations.props.implementation_template": "Implementation template",
   "ruleImplementations.retrieved.results": "{count} implementations found",
   "ruleImplementations.search.results.empty": "No implementations found",
   "ruleImplementations.searching": "Searching implementations",
@@ -539,6 +542,10 @@ export default {
   "rules.actions.upload.confirmation.header": "Confirm bulk upload",
   "rules.actions.upload.tooltip": "Upload Rules",
   "rules.crumbs.top": "Rules",
+  "rules.events.action_created": "Rule created",
+  "rules.events.action_changed": "Field {0} changed: {1}",
+  "rules.events.action_changed_to": "Field {0} changed to: {1}",
+  "rules.events.action_updated": "Rule updated",
   "rules.retrieved.results": "{count} rules found",
   "rules.search.placeholder": "Search rules...",
   "rules.searching": "Searching...",
@@ -555,6 +562,7 @@ export default {
   "structureFields.dropdown.placeholder": "Fields",
   "summary.link.and": "and",
   "tabs.dq.rule": "Rule",
+  "tabs.dq.rule.audit": "Audit",
   "tabs.dq.ruleImplementation": "Implementation",
   "tabs.dq.ruleImplementation.audit": "Audit",
   "tabs.dq.ruleImplementation.details": "Details",

package/src/messages/es.js

@@ -511,6 +511,8 @@ export default {
   "ruleImplementations.props.rule": "Regla",
   "ruleImplementations.props.status": "Estado",
   "ruleImplementations.props.template": "Plantilla",
+  "ruleImplementations.props.rule_template": "Plantilla de regla",
+  "ruleImplementations.props.implementation_template": "Plantilla de implementación",
   "ruleImplementations.retrieved.results":
     "{count} implementaciones encontradas",
   "ruleImplementations.search.results.empty":
@@ -554,6 +556,14 @@ export default {
   "rules.actions.upload.confirmation.header": "Subir ficheros de reglas",
   "rules.actions.upload.tooltip": "Subir reglas",
   "rules.crumbs.top": "Reglas",
+  "rules.events.action_created": "Regla creada",
+  "rules.events.action_changed": "Campo {0} actualizado: {1}",
+  "rules.events.action_changed_to": "Campo {0} actualizado a {1}",
+  "rules.events.action_updated": "Regla actualizada",
+  "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}",
   "rules.retrieved.results": "{count} reglas encontradas",
   "rules.search.placeholder": "Buscar reglas...",
   "rules.searching": "Buscando...",
@@ -571,6 +581,7 @@ export default {
   "structureFields.dropdown.placeholder": "Campos",
   "summary.link.and": "y",
   "tabs.dq.rule": "Regla",
+  "tabs.dq.rule.audit": "Auditoría",
   "tabs.dq.ruleImplementation.audit": "Auditoría",
   "tabs.dq.ruleImplementation.details": "Detalles",
   "tabs.dq.ruleImplementation.results": "Resultados",

package/src/reducers/__tests__/ruleActiveFilters.spec.js

@@ -1,10 +1,11 @@
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import { initialState } from "../ruleActiveFilters";
 import {
   addRuleFilter,
   closeRuleFilter,
   removeRuleFilter,
   resetRuleFilters,
-  toggleRuleFilterValue
+  toggleRuleFilterValue,
 } from "../../routines";
 import { ruleActiveFilters } from "..";
 
@@ -21,11 +22,22 @@ describe("reducers: ruleActiveFilters", () => {
     expect(
       ruleActiveFilters(fooState, {
         type: addRuleFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ ...fooState, baz: [] });
   });
 
+  it("should handle the applyUserSearchFilter.TRIGGER action", () => {
+    const filters = { country: ["Sp"] };
+    const payload = { userFilter: { filters }, scope: "rule" };
+    expect(
+      ruleActiveFilters(fooState, {
+        type: applyUserSearchFilter.TRIGGER,
+        payload,
+      })
+    ).toEqual({ ...filters });
+  });
+
   it("should handle the closeRuleFilter.TRIGGER action", () => {
     const foo = ["foo1"];
     const bar = [];
@@ -34,7 +46,7 @@ describe("reducers: ruleActiveFilters", () => {
     expect(
       ruleActiveFilters(state, {
         type: closeRuleFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ foo });
   });
@@ -47,7 +59,7 @@ describe("reducers: ruleActiveFilters", () => {
     expect(
       ruleActiveFilters(state, {
         type: removeRuleFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ bar });
   });
@@ -55,7 +67,7 @@ describe("reducers: ruleActiveFilters", () => {
   it("should handle the resetRuleFilters.TRIGGER action", () => {
     expect(
       ruleActiveFilters(fooState, {
-        type: resetRuleFilters.TRIGGER
+        type: resetRuleFilters.TRIGGER,
       })
     ).toEqual(initialState);
   });
@@ -63,7 +75,7 @@ describe("reducers: ruleActiveFilters", () => {
   it("should handle the resetRuleFilters.TRIGGER action when execution filter exists", () => {
     expect(
       ruleActiveFilters(fooState, {
-        type: resetRuleFilters.TRIGGER
+        type: resetRuleFilters.TRIGGER,
       })
     ).toEqual(initialState);
   });
@@ -76,7 +88,7 @@ describe("reducers: ruleActiveFilters", () => {
     expect(
       ruleActiveFilters(state, {
         type: toggleRuleFilterValue.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ foo: ["foo1", "foo3"], bar });
   });

package/src/reducers/__tests__/ruleImplementationActiveFilters.spec.js

@@ -1,10 +1,11 @@
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import { initialState } from "../ruleImplementationActiveFilters";
 import {
   addImplementationFilter,
   closeImplementationFilter,
   removeImplementationFilter,
   resetImplementationFilters,
-  toggleImplementationFilterValue
+  toggleImplementationFilterValue,
 } from "../../routines";
 import { ruleImplementationActiveFilters } from "..";
 
@@ -17,13 +18,24 @@ describe("reducers: ruleImplementationActiveFilters", () => {
     );
   });
 
+  it("should handle the applyUserSearchFilter.TRIGGER action", () => {
+    const filters = { country: ["Sp"] };
+    const payload = { userFilter: { filters }, scope: "rule_implementation" };
+    expect(
+      ruleImplementationActiveFilters(fooState, {
+        type: applyUserSearchFilter.TRIGGER,
+        payload,
+      })
+    ).toEqual({ ...filters });
+  });
+
   it("should handle the addImplementationFilter.TRIGGER action", () => {
     const filter = "baz";
     const payload = { filter };
     expect(
       ruleImplementationActiveFilters(fooState, {
         type: addImplementationFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ ...fooState, baz: [] });
   });
@@ -36,7 +48,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
     expect(
       ruleImplementationActiveFilters(state, {
         type: closeImplementationFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ foo });
   });
@@ -49,7 +61,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
     expect(
       ruleImplementationActiveFilters(state, {
         type: removeImplementationFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ bar });
   });
@@ -57,7 +69,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
   it("should handle the resetImplementationFilters.TRIGGER action", () => {
     expect(
       ruleImplementationActiveFilters(fooState, {
-        type: resetImplementationFilters.TRIGGER
+        type: resetImplementationFilters.TRIGGER,
       })
     ).toEqual(initialState);
   });
@@ -67,7 +79,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
       ruleImplementationActiveFilters(
         { ...fooState, executable: [true] },
         {
-          type: resetImplementationFilters.TRIGGER
+          type: resetImplementationFilters.TRIGGER,
         }
       )
     ).toEqual({ executable: [true] });
@@ -81,7 +93,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
     expect(
       ruleImplementationActiveFilters(state, {
         type: toggleImplementationFilterValue.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ foo: ["foo1", "foo3"], bar });
   });

package/src/reducers/index.js

@@ -17,6 +17,7 @@ import { ruleImplementation } from "./ruleImplementation";
 import { ruleImplementationCount } from "./ruleImplementationCount";
 import { ruleImplementationCreating } from "./ruleImplementationCreating";
 import { ruleImplementationFilters } from "./ruleImplementationFilters";
+import { ruleImplementationFiltersLoading } from "./ruleImplementationFiltersLoading";
 import { ruleImplementationLoading } from "./ruleImplementationLoading";
 import { ruleImplementationQuery } from "./ruleImplementationQuery";
 import { ruleImplementationRaw } from "./ruleImplementationRaw";
@@ -64,6 +65,7 @@ export {
   ruleImplementationCount,
   ruleImplementationCreating,
   ruleImplementationFilters,
+  ruleImplementationFiltersLoading,
   ruleImplementationLoading,
   ruleImplementationQuery,
   ruleImplementationRaw,

package/src/reducers/ruleActiveFilters.js

@@ -1,4 +1,5 @@
 import _ from "lodash/fp";
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import {
   addRuleFilter,
   closeRuleFilter,
@@ -15,6 +16,10 @@ export const ruleActiveFilters = (state = initialState, { type, payload }) => {
       const { filter } = payload;
       return { ...state, [filter]: [] };
     }
+    case applyUserSearchFilter.TRIGGER: {
+      const { userFilter, scope } = payload;
+      return scope === "rule" ? _.prop("filters")(userFilter) : state;
+    }
     case closeRuleFilter.TRIGGER: {
       const { filter } = payload;
       const values = _.propOr([], filter)(state);

package/src/reducers/ruleImplementationActiveFilters.js

@@ -1,4 +1,5 @@
 import _ from "lodash/fp";
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import {
   addImplementationFilter,
   closeImplementationFilter,
@@ -18,6 +19,12 @@ export const ruleImplementationActiveFilters = (
       const { filter } = payload;
       return { ...state, [filter]: [] };
     }
+    case applyUserSearchFilter.TRIGGER: {
+      const { userFilter, scope } = payload;
+      return scope === "rule_implementation"
+        ? _.prop("filters")(userFilter)
+        : state;
+    }
     case closeImplementationFilter.TRIGGER: {
       const { filter } = payload;
       const values = _.propOr([], filter)(state);

package/src/reducers/ruleImplementationFilters.js

@@ -1,7 +1,7 @@
 import _ from "lodash/fp";
 import {
   clearImplementationFilters,
-  fetchImplementationFilters
+  fetchImplementationFilters,
 } from "../routines";
 
 const initialState = {};

package/src/reducers/ruleImplementationFiltersLoading.js

@@ -0,0 +1,14 @@
+import { fetchImplementationFilters } from "../routines";
+
+const ruleImplementationFiltersLoading = (state = false, { type }) => {
+  switch (type) {
+    case fetchImplementationFilters.REQUEST:
+      return true;
+    case fetchImplementationFilters.FULFILL:
+      return false;
+    default:
+      return state;
+  }
+};
+
+export { ruleImplementationFiltersLoading };

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

@@ -0,0 +1,173 @@
+import { getParsedEvents } from "..";
+
+describe("selectors: getParsedEvents", () => {
+  const events = [
+    {
+      id: 52351,
+      service: "td_dd",
+      resource_id: 777,
+      resource_type: "rule",
+      event: "rule_created",
+      payload: {
+        active: true,
+        content: {
+          added: {
+            data_owner: null,
+            proyecto: ["P1"],
+          },
+        },
+        description: {},
+        df_name: "dq_default_template",
+        domain_id: 2,
+        goal: 20,
+        minimum: 80,
+        name: "des01",
+        result_type: "deviation",
+        updated_by: 398,
+      },
+      user_id: 398,
+      user_name: null,
+      user: {
+        email: "some.user@domain.tld",
+        full_name: "Some User",
+        id: 398,
+        user_name: "some.user@domain.tld",
+      },
+      ts: "2021-08-12T12:11:26.908147Z",
+    },
+
+    {
+      id: 100217,
+      service: "td_dd",
+      resource_id: 777,
+      resource_type: "rule",
+      event: "rule_updated",
+      payload: {
+        domain_id: 140,
+      },
+      user_id: 142,
+      user_name: null,
+      user: {
+        email: "some.user@domain.tld",
+        full_name: "Some User",
+        id: 142,
+        user_name: "some.user@domain.tld",
+      },
+      ts: "2021-09-16T07:36:32.848603Z",
+    },
+    {
+      id: 100435,
+      service: "td_dd",
+      resource_id: 777,
+      resource_type: "rule",
+      event: "rule_updated",
+      payload: {
+        description: {
+          document: {
+            data: {},
+            nodes: [
+              {
+                data: {},
+                nodes: [
+                  {
+                    marks: [],
+                    object: "text",
+                    text: "Añadimos descripción a la regla",
+                  },
+                ],
+                object: "block",
+                type: "paragraph",
+              },
+            ],
+            object: "document",
+          },
+          object: "value",
+        },
+        updated_by: 171,
+      },
+      user_id: 171,
+      user_name: null,
+      user: {
+        email: "some.user@domain.tld",
+        full_name: "Some User",
+        id: 171,
+        user_name: "some.user",
+      },
+      ts: "2021-09-16T09:30:52.317357Z",
+    },
+    {
+      id: 177692,
+      service: "td_dd",
+      resource_id: 777,
+      resource_type: "rule",
+      event: "rule_updated",
+      payload: {
+        content: {
+          changed: {
+            data_stew: null,
+            principle: "Validez",
+            scheduler: "",
+            tags: "et",
+          },
+          removed: {
+            data_owner: null,
+            proyecto: ["P1"],
+          },
+        },
+        df_name: "quality_template",
+        updated_by: 426,
+      },
+      user_id: 426,
+      user_name: null,
+      user: {
+        email: "some.user@domain.tld",
+        full_name: "Some User",
+        id: 426,
+        user_name: "some.user",
+      },
+      ts: "2021-10-20T07:56:45.891087Z",
+    },
+  ];
+
+  const parsed = [
+    {
+      ...events[0],
+      payload: [{ field: "des01", action: "created" }],
+    },
+    {
+      ...events[1],
+      payload: [{ field: "domain_id", action: "changed", value: 140 }],
+    },
+    {
+      ...events[2],
+      payload: [
+        {
+          field: "description",
+          action: "changed",
+          value: "Añadimos descripción a la regla",
+        },
+      ],
+    },
+    {
+      ...events[3],
+      payload: [
+        { field: "df_name", action: "changed", value: "quality_template" },
+        { action: "changed", field: "data_stew", value: null },
+        { action: "changed", field: "principle", value: "Validez" },
+        { action: "changed", field: "scheduler", value: "" },
+        { action: "changed", field: "tags", value: "et" },
+      ],
+    },
+  ];
+
+  it("should return all the events with the new payload", () => {
+    const res = getParsedEvents({ events });
+    expect(res).toEqual(parsed);
+  });
+
+  it("should return empty array when we have no elements", () => {
+    const res = getParsedEvents({ events: [] });
+    expect(res).toHaveLength(0);
+    expect(res).toEqual(expect.arrayContaining([]));
+  });
+});

package/src/selectors/getParsedEvents.js

@@ -8,6 +8,24 @@ const getEvents = ({ events }) => {
 const transformFieldFormat = (field) =>
   _.isBoolean(field) ? _.toString(field) : field;
 
+const findDeep = (obj, key) =>
+  _.has(key, obj)
+    ? obj[key]
+    : _.flatten(
+        _.map((v) => (typeof v == "object" ? findDeep(v, key) : []), obj)
+      );
+
+const transformRulePayloadFormat = (payload, field) => {
+  switch (field) {
+    case "content":
+      return payload.content;
+    case "description":
+      return _.first(findDeep(payload.description, "text"));
+    default:
+      return payload[field];
+  }
+};
+
 const getParsedEvents = createSelector([getEvents], (events) => {
   return _.map((d) => {
     switch (d.event) {
@@ -68,6 +86,43 @@ const getParsedEvents = createSelector([getEvents], (events) => {
             }))
           )(d),
         };
+      case "rule_created":
+        return {
+          ...d,
+          payload: [
+            {
+              field: _.path("payload.name")(d),
+              action: "created",
+            },
+          ],
+        };
+
+      case "rule_updated":
+        const content = _.flow(
+          _.getOr({}, "payload.content.changed"),
+          _.toPairs,
+          _.map(([field, value]) => ({
+            field,
+            value,
+            action: "changed",
+          }))
+        )(d);
+        return {
+          ...d,
+          payload: [
+            ..._.flow(
+              _.path("payload"),
+              _.omit(["updated_by", "content"]),
+              _.keys,
+              _.map((field) => ({
+                field: field,
+                action: "changed",
+                value: transformRulePayloadFormat(d.payload, field),
+              }))
+            )(d),
+            ...content,
+          ],
+        };
 
       default:
         return {