@truedat/dq 4.37.2 → 4.37.6

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## [4.37.6] 2022-02-06
+
+### Fix
+
+- [TD-2929] Clear Rule and RuleImplementation filters when leaving
+
+## [4.37.5] 2022-02-06
+
+### Changed
+
+- [TD-4426]
+  - On `ExecutionDetails` decode detail fields with prefix `base64_`
+  - Option to create messages with `ruleResult.details.props.<field_name>` to replace detail key
+
+## [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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dq",
-  "version": "4.37.2",
+  "version": "4.37.6",
   "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.2",
-    "@truedat/df": "4.37.2",
+    "@truedat/core": "4.37.6",
+    "@truedat/df": "4.37.6",
     "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": "ca6ba01d31ab5ec415b9b21d6ce02b418fc6e0ff"
+  "gitHead": "7a5cbf3bc73e19015fe5cc9891ed0c64f5b7246e"
 }

package/src/components/ExecutionDetails.js

@@ -28,7 +28,7 @@ const GeneralInformation = ({ ruleImplementation, ruleResult }) => {
 
       <Table.Row>
         <Table.Cell>
-          {formatMessage({ id: "ruleResult.props.date" })}{" "}
+          {formatMessage({ id: "ruleResult.props.date" })}
         </Table.Cell>
         <Table.Cell>
           <DateTime value={ruleResult.date} />
@@ -37,14 +37,14 @@ const GeneralInformation = ({ ruleImplementation, ruleResult }) => {
 
       <Table.Row>
         <Table.Cell>
-          {formatMessage({ id: "ruleResult.props.records" })}{" "}
+          {formatMessage({ id: "ruleResult.props.records" })}
         </Table.Cell>
         <Table.Cell>{formatNumber(ruleResult.records)}</Table.Cell>
       </Table.Row>
 
       <Table.Row>
         <Table.Cell>
-          {formatMessage({ id: "ruleResult.props.errors" })}{" "}
+          {formatMessage({ id: "ruleResult.props.errors" })}
         </Table.Cell>
         <Table.Cell>{formatNumber(ruleResult.errors)}</Table.Cell>
       </Table.Row>
@@ -58,13 +58,19 @@ GeneralInformation.propTypes = {
 };
 
 const DetailRow = ({ details }) => {
+  const { formatMessage } = useIntl();
   return _.flow(
     _.keys,
     _.map((key) => (
       <Table.Row key={key}>
-        <Table.Cell>{key}</Table.Cell>
         <Table.Cell>
-          {key === "Query"
+          {formatMessage({
+            id: `ruleResult.details.props.${key.replace(/^(base64_)/, "")}`,
+            defaultMessage: key.replace(/^(base64_)/, ""),
+          })}
+        </Table.Cell>
+        <Table.Cell>
+          {key === "Query" || key.startsWith("base64_")
             ? Buffer.from(details[key], "base64").toString()
             : JSON.stringify(details[key], null, 2)}
         </Table.Cell>
@@ -73,11 +79,13 @@ const DetailRow = ({ details }) => {
   )(details);
 };
 
-export const ExecutionDetails = ({ ruleImplementation, rule_result_id }) => {
+DetailRow.propTypes = { details: PropTypes.object };
+
+export const ExecutionDetails = ({ ruleImplementation, ruleResultId }) => {
   const { formatMessage } = useIntl();
-  const { rule_result_id: id } = useParams();
+  const { rule_result_id: paramsId } = useParams();
 
-  const result_id = _.defaultTo(_.toNumber(id))(rule_result_id);
+  const result_id = _.defaultTo(_.toNumber(paramsId))(ruleResultId);
 
   const ruleResult = _.find(_.propEq("id", result_id))(
     ruleImplementation.results
@@ -128,7 +136,7 @@ export const ExecutionDetails = ({ ruleImplementation, rule_result_id }) => {
 
 ExecutionDetails.propTypes = {
   ruleImplementation: PropTypes.object,
-  rule_result_id: PropTypes.number,
+  ruleResultId: PropTypes.number,
 };
 
 const mapStateToProps = (state) => ({

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/RuleEvents.js

@@ -1,4 +1,3 @@
-
 import React from "react";
 import PropTypes from "prop-types";
 import { Feed, Segment } from "semantic-ui-react";
@@ -29,4 +28,4 @@ const mapStateToProps = (state) => {
   };
 };
 
-export default connect(mapStateToProps)(RuleEvents);
+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/RuleRoutes.js

@@ -75,7 +75,7 @@ const ImplementationEventsLoader = () => {
   return <EventsLoader resource_id={id} resource_type="implementation" />;
 };
 
-const RuleRoutes = ({
+export const RuleRoutes = ({
   ruleLoaded,
   ruleImplementationLoaded,
   implementationStructures,
@@ -312,7 +312,7 @@ const RuleRoutes = ({
                         <RuleImplementationLoader />
                         {ruleLoaded && ruleImplementationLoaded && (
                           <RuleImplementation>
-                            <ExecutionDetails rule_result_id={latest.id} />
+                            <ExecutionDetails ruleResultId={latest.id} />
                           </RuleImplementation>
                         )}
                       </Segment>

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

@@ -41,7 +41,7 @@ const RuleTabs = ({ rule }) => {
 };
 
 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__/ExecutionDetails.spec.js

@@ -11,41 +11,48 @@ jest.mock("react-router-dom", () => ({
 
 const renderOpts = {
   messages: {
-    en: messages.en,
+    en: {
+      ...messages.en,
+      "ruleResult.details.props.test": "TestMessage",
+    },
   },
 };
 
-describe("<ExecutionDetetails>", () => {
-  const rule = {
-    result_type: "percentage",
-    minimum: 50,
-    goal: 100,
-  };
-  const ruleImplementation = {
-    results: [{ foo: "bar", id: 100, details: { Query: "ImZvbyI=" } }],
-  };
-  const customColumns = [{ foo: "bar", name: "foo" }];
-  const props = {
-    rule,
-    ruleImplementation,
-    customColumns,
-  };
-
+describe("<ExecutionDetails>", () => {
   it("matches the lastest snapshot", () => {
+    const props = {
+      ruleImplementation: {
+        results: [{ foo: "bar", id: 100, details: { Query: "ImZvbyI=" } }],
+      },
+    };
     const { container } = render(<ExecutionDetails {...props} />, renderOpts);
     expect(container).toMatchSnapshot();
   });
 
+  it("decodes details with base64 prefix", () => {
+    const props = {
+      ruleImplementation: {
+        results: [
+          {
+            foo: "bar",
+            id: 100,
+            details: {
+              value: "valor",
+              base64_test: "QmFzZTY0X3ZhbHVl", //base64 for Base64_value
+            },
+          },
+        ],
+      },
+    };
+    const { getByText } = render(<ExecutionDetails {...props} />, renderOpts);
+    expect(getByText("TestMessage")).toBeInTheDocument();
+    expect(getByText("Base64_value")).toBeInTheDocument();
+  });
+
   it("without details", () => {
     const propsWithoutDetails = {
-      ...props,
       ruleImplementation: {
-        ...props.ruleImplementation,
-        results: {
-          ..._.map((result) => _.omit(["details"])(result))(
-            props.ruleImplementation.results
-          ),
-        },
+        results: [{ foo: "bar", id: 100 }],
       },
     };
     const { container } = render(

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

@@ -20,9 +20,9 @@ describe("<RuleEvents />", () => {
         email: "some.user@domain.tld",
         full_name: "Some User",
         id: 142,
-        user_name: "some.user@domain.tld"
+        user_name: "some.user@domain.tld",
       },
-      ts: "2021-09-16T07:36:32.848603Z"
+      ts: "2021-09-16T07:36:32.848603Z",
     },
     {
       id: 100436,
@@ -31,7 +31,7 @@ describe("<RuleEvents />", () => {
       resource_type: "rule",
       event: "rule_updated",
       payload: {
-        domain_id: 168
+        domain_id: 168,
       },
       user_id: 171,
       user_name: null,
@@ -39,9 +39,9 @@ describe("<RuleEvents />", () => {
         email: "some.user@domain.tld",
         full_name: "Some User",
         id: 171,
-        user_name: "some.user"
+        user_name: "some.user",
       },
-      ts: "2021-09-16T09:31:03.061864Z"
+      ts: "2021-09-16T09:31:03.061864Z",
     },
   ];
   const renderOpts = {

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { RuleRoutes } from "../RuleRoutes";
+
+describe("<RuleRoutes>", () => {
+  const props = {
+    rule: {},
+    implementationStructures: [],
+    ruleLoaded: true,
+    template: {},
+    ruleImplementation: {},
+    ruleImplementationLoaded: true,
+    implementationStructuresLoaded: true,
+    systemsLoading: true,
+    templatesLoaded: true,
+    structuresAliasesLoading: true,
+  };
+
+  it("matches the lastest snapshot", () => {
+    const { container } = render(<RuleRoutes {...props} />, {});
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<ExecutionDetetails> matches the lastest snapshot 1`] = `
+exports[`<ExecutionDetails> matches the lastest snapshot 1`] = `
 <div>
   <table
     class="ui table implementation-results medium"
@@ -47,7 +47,6 @@ exports[`<ExecutionDetetails> matches the lastest snapshot 1`] = `
           class=""
         >
           Date
-           
         </td>
         <td
           class=""
@@ -60,7 +59,6 @@ exports[`<ExecutionDetetails> matches the lastest snapshot 1`] = `
           class=""
         >
           Records
-           
         </td>
         <td
           class=""
@@ -73,7 +71,6 @@ exports[`<ExecutionDetetails> matches the lastest snapshot 1`] = `
           class=""
         >
           Errors
-           
         </td>
         <td
           class=""
@@ -116,7 +113,7 @@ exports[`<ExecutionDetetails> matches the lastest snapshot 1`] = `
 </div>
 `;
 
-exports[`<ExecutionDetetails> without details 1`] = `
+exports[`<ExecutionDetails> without details 1`] = `
 <div>
   <div
     class="ui message"

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

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<RuleRoutes> matches the lastest snapshot 1`] = `<div />`;

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

@@ -1,10 +1,12 @@
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import { initialState } from "../ruleActiveFilters";
 import {
   addRuleFilter,
+  clearRuleFilters,
   closeRuleFilter,
   removeRuleFilter,
   resetRuleFilters,
-  toggleRuleFilterValue
+  toggleRuleFilterValue,
 } from "../../routines";
 import { ruleActiveFilters } from "..";
 
@@ -21,11 +23,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,11 +47,23 @@ describe("reducers: ruleActiveFilters", () => {
     expect(
       ruleActiveFilters(state, {
         type: closeRuleFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ foo });
   });
 
+  it("should handle the clearRuleFilters.TRIGGER action", () => {
+    const foo = ["foo1"];
+    const state = { foo };
+    const payload = { filter: "bar" };
+    expect(
+      ruleActiveFilters(state, {
+        type: clearRuleFilters.TRIGGER,
+        payload,
+      })
+    ).toEqual({});
+  });
+
   it("should handle the removeRuleFilter.TRIGGER action", () => {
     const foo = ["foo1"];
     const bar = [];
@@ -47,7 +72,7 @@ describe("reducers: ruleActiveFilters", () => {
     expect(
       ruleActiveFilters(state, {
         type: removeRuleFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ bar });
   });
@@ -55,7 +80,7 @@ describe("reducers: ruleActiveFilters", () => {
   it("should handle the resetRuleFilters.TRIGGER action", () => {
     expect(
       ruleActiveFilters(fooState, {
-        type: resetRuleFilters.TRIGGER
+        type: resetRuleFilters.TRIGGER,
       })
     ).toEqual(initialState);
   });
@@ -63,7 +88,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 +101,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,12 @@
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import { initialState } from "../ruleImplementationActiveFilters";
 import {
   addImplementationFilter,
+  clearImplementationFilters,
   closeImplementationFilter,
   removeImplementationFilter,
   resetImplementationFilters,
-  toggleImplementationFilterValue
+  toggleImplementationFilterValue,
 } from "../../routines";
 import { ruleImplementationActiveFilters } from "..";
 
@@ -17,17 +19,40 @@ 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: [] });
   });
 
+  it("should handle the clearImplementationFilters.TRIGGER action", () => {
+    const foo = ["foo1"];
+    const state = { foo };
+    const payload = { filter: "bar" };
+    expect(
+      ruleImplementationActiveFilters(state, {
+        type: clearImplementationFilters.TRIGGER,
+        payload,
+      })
+    ).toEqual({});
+  });
+
   it("should handle the closeImplementationFilter.TRIGGER action", () => {
     const foo = ["foo1"];
     const bar = [];
@@ -36,7 +61,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
     expect(
       ruleImplementationActiveFilters(state, {
         type: closeImplementationFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ foo });
   });
@@ -49,7 +74,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
     expect(
       ruleImplementationActiveFilters(state, {
         type: removeImplementationFilter.TRIGGER,
-        payload
+        payload,
       })
     ).toEqual({ bar });
   });
@@ -57,7 +82,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
   it("should handle the resetImplementationFilters.TRIGGER action", () => {
     expect(
       ruleImplementationActiveFilters(fooState, {
-        type: resetImplementationFilters.TRIGGER
+        type: resetImplementationFilters.TRIGGER,
       })
     ).toEqual(initialState);
   });
@@ -67,7 +92,7 @@ describe("reducers: ruleImplementationActiveFilters", () => {
       ruleImplementationActiveFilters(
         { ...fooState, executable: [true] },
         {
-          type: resetImplementationFilters.TRIGGER
+          type: resetImplementationFilters.TRIGGER,
         }
       )
     ).toEqual({ executable: [true] });
@@ -81,7 +106,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,6 +1,8 @@
 import _ from "lodash/fp";
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import {
   addRuleFilter,
+  clearRuleFilters,
   closeRuleFilter,
   removeRuleFilter,
   resetRuleFilters,
@@ -11,10 +13,16 @@ export const initialState = {};
 
 export const ruleActiveFilters = (state = initialState, { type, payload }) => {
   switch (type) {
+    case clearRuleFilters.TRIGGER:
+      return initialState;
     case addRuleFilter.TRIGGER: {
       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,6 +1,8 @@
 import _ from "lodash/fp";
+import { applyUserSearchFilter } from "@truedat/dd/routines";
 import {
   addImplementationFilter,
+  clearImplementationFilters,
   closeImplementationFilter,
   removeImplementationFilter,
   resetImplementationFilters,
@@ -14,10 +16,18 @@ export const ruleImplementationActiveFilters = (
   { type, payload }
 ) => {
   switch (type) {
+    case clearImplementationFilters.TRIGGER:
+      return initialState;
     case addImplementationFilter.TRIGGER: {
       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 };