@truedat/dd 5.9.8 → 5.9.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "5.9.8",
+  "version": "5.9.9",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -88,9 +88,9 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@truedat/auth": "5.9.8",
-    "@truedat/core": "5.9.8",
-    "@truedat/df": "5.9.8",
+    "@truedat/auth": "5.9.9",
+    "@truedat/core": "5.9.9",
+    "@truedat/df": "5.9.9",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "path-to-regexp": "^1.7.0",
@@ -115,5 +115,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "ea466759ff38b111f12c743f430779586c28f37d"
+  "gitHead": "2ddb4ed85ae36cd265dda7cfe831ea516c8b864d"
 }

package/src/components/CatalogCustomViewCards.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React from "react";
+import React, { useEffect } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Link, useParams } from "react-router-dom";
@@ -8,6 +8,7 @@ import { useIntl } from "react-intl";
 import { FormattedNumber } from "react-intl";
 import { CardGroupsAccordion } from "@truedat/core/components";
 import { linkTo } from "@truedat/core/routes";
+import { fetchStructureFilters as fetchStructureFiltersRoutine } from "@truedat/dd/routines";
 
 const moveMissingBucketToTheEnd = (buckets) =>
   _.sortBy(({ key }) => (key === "_missing" || key === "" ? 1 : 0))(buckets);
@@ -18,7 +19,13 @@ const orderBuckets = (buckets) =>
     moveMissingBucketToTheEnd
   )(buckets);
 
-export const CatalogCustomViewCards = ({ structureFilters }) => {
+export const CatalogCustomViewCards = ({
+  structureFilters,
+  fetchStructureFilters,
+}) => {
+  useEffect(() => {
+    fetchStructureFilters();
+  }, [fetchStructureFilters]);
   const { propertyPath } = useParams();
   const groups = [];
 
@@ -43,6 +50,7 @@ export const CatalogCustomViewCards = ({ structureFilters }) => {
 
 CatalogCustomViewCards.propTypes = {
   structureFilters: PropTypes.object,
+  fetchStructureFilters: PropTypes.func,
 };
 
 export const CatalogCustomViewCard = ({
@@ -101,4 +109,6 @@ const mapStateToProps = ({ structures, structureFilters }) => ({
   structureFilters,
 });
 
-export default connect(mapStateToProps)(CatalogCustomViewCards);
+export default connect(mapStateToProps, {
+  fetchStructureFilters: fetchStructureFiltersRoutine,
+})(CatalogCustomViewCards);

package/src/components/DictionaryRoutes.js

@@ -59,12 +59,7 @@ export const DictionaryRoutes = () => {
   const structuresActive = useActiveRoute(STRUCTURES);
   const systemsActive = useActiveRoute(SYSTEMS);
   const structureTypesActive = useActiveRoute(STRUCTURE_TYPES);
-  const customCatalogViewActive = useActiveRoute(BUCKETS_VIEW);
-  const active =
-    structuresActive ||
-    systemsActive ||
-    structureTypesActive ||
-    customCatalogViewActive;
+  const active = structuresActive || systemsActive || structureTypesActive;
 
   return (
     <>

package/src/components/StructuresView.js

@@ -7,6 +7,7 @@ import { Header, Icon, Segment, Divider } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
 import { BUCKETS_VIEW } from "@truedat/core/routes";
+import { fetchStructureFilters as fetchStructureFiltersRoutine } from "@truedat/dd/routines";
 import { structureRowsSelector } from "../selectors";
 import StructureSelectedFilters from "./StructureSelectedFilters";
 import StructuresOptions from "./StructuresOptions";
@@ -55,10 +56,15 @@ const StructuresViewContent = ({
   const history = useHistory();
   return (
     <>
-      <StructuresOptions hasFilterApplied={hasFilterApplied} {...actions} />
-      <StructuresSearch />
-      <StructureSelectedFilters />
-      <StructureDateFilter />
+      {!customView ? (
+        <>
+          <StructuresOptions hasFilterApplied={hasFilterApplied} {...actions} />
+          <StructuresSearch />
+          <StructureSelectedFilters />
+          <StructureDateFilter />
+        </>
+      ) : null}
+
       {hasFilterApplied || embedded ? (
         <StructuresSearchResults
           structures={structures}
@@ -117,6 +123,7 @@ const isEmptyPath = (state, path) => _.flow(_.path(path), _.isEmpty)(state);
 const mapStateToProps = (state) => ({
   structures: structureRowsSelector(state),
   actions: state.structuresActions,
+  fetchStructureFilters: fetchStructureFiltersRoutine,
   loading: state.structuresLoading,
   systemsLoading: state.systemsLoading,
   hasFilterApplied:

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

@@ -24,6 +24,8 @@ const structureFilters = {
   },
 };
 
+const fetchStructureFilters = jest.fn();
+
 const messages = {
   es: {
     ...es,
@@ -38,10 +40,11 @@ jest.mock("react-router-dom", () => ({
 
 describe("<CatalogCustomViewCard />", () => {
   it("Shows a structure filter value and count inside each Card", () => {
-    const { getByRole } = render(
-      <CatalogCustomViewCards structureFilters={structureFilters} />,
-      { locale: "es", messages }
-    );
+    const props = { structureFilters, fetchStructureFilters };
+    const { getByRole } = render(<CatalogCustomViewCards {...props} />, {
+      locale: "es",
+      messages,
+    });
     const missingCard = getByRole("link", { name: /_missing/ });
     expect(missingCard).toBeInTheDocument();
     const databaseOneCard = getByRole("link", { name: /database_1/ });