@truedat/bg 7.5.0 → 7.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "7.5.0",
+  "version": "7.5.2",
   "description": "Truedat Web Business Glossary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "7.5.0",
+    "@truedat/test": "7.5.2",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -86,9 +86,9 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "7.5.0",
-    "@truedat/df": "7.5.0",
-    "@truedat/lm": "7.5.0",
+    "@truedat/core": "7.5.2",
+    "@truedat/df": "7.5.2",
+    "@truedat/lm": "7.5.2",
     "decode-uri-component": "^0.2.2",
     "file-saver": "^2.0.5",
     "moment": "^2.29.4",
@@ -111,5 +111,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "c6088400f5b3724b8b358e9c4893096005fe4e42"
+  "gitHead": "ad97d87e1fbf676638c24286299a661698e2271c"
 }

package/src/concepts/api.js

@@ -10,6 +10,8 @@ const API_BUSINESS_CONCEPT_VERSIONS_SEARCH =
 const API_BUSINESS_CONCEPT_VERSIONS_UPLOAD =
   "/api/business_concept_versions/upload";
 const API_CONCEPT_ARCHIVE = "/api/business_concepts/:id/versions";
+const API_CONCEPT_LINKS_DOWNLOAD =
+  "/api/business_concept_versions/links/download";
 const API_CONCEPT_FILTERS = "/api/business_concept_filters/search";
 const API_CONCEPT_SHARED_DOMAINS = "/api/business_concepts/:id/shared_domains";
 const API_BUSINESS_CONCEPT_BULK_UPDATE =
@@ -27,6 +29,7 @@ export {
   API_BUSINESS_CONCEPT_VERSIONS_SEARCH,
   API_BUSINESS_CONCEPT_VERSIONS_UPLOAD,
   API_CONCEPT_ARCHIVE,
+  API_CONCEPT_LINKS_DOWNLOAD,
   API_CONCEPT_FILTERS,
   API_CONCEPT_SHARED_DOMAINS,
   API_BUSINESS_CONCEPT_BULK_UPDATE,

package/src/concepts/components/ConceptArchiveRow.js

@@ -11,8 +11,8 @@ export const ConceptArchiveRow = ({
   business_concept_id,
   id,
   status,
-  updated_at,
-  last_change_by,
+  bcv_last_change_at,
+  bcv_last_change_by,
   version,
 }) => {
   const history = useHistory();
@@ -31,8 +31,8 @@ export const ConceptArchiveRow = ({
         }
       />
       <Table.Cell content={version} />
-      <Table.Cell content={_.propOr("", "full_name")(last_change_by)} />
-      <Table.Cell content={<DateTime value={updated_at} />} />
+      <Table.Cell content={_.propOr("", "full_name")(bcv_last_change_by)} />
+      <Table.Cell content={<DateTime value={bcv_last_change_at} />} />
     </Table.Row>
   );
 };
@@ -41,7 +41,7 @@ ConceptArchiveRow.propTypes = {
   business_concept_id: PropTypes.number,
   id: PropTypes.number,
   status: PropTypes.string,
-  updated_at: PropTypes.string,
+  bcv_last_change_at: PropTypes.string,
   last_change_by: PropTypes.string,
   version: PropTypes.number,
 };

package/src/concepts/components/ConceptSummary.js

@@ -26,7 +26,14 @@ FieldValue.propTypes = {
 };
 
 export const ConceptSummary = ({
-  concept: { status, version, last_change_at, last_change_user },
+  concept: {
+    status,
+    version,
+    last_change_at,
+    last_change_user,
+    bcv_last_change_at,
+    bcv_last_change_user,
+  },
 }) => (
   <Segment>
     <Header as="h3" dividing>
@@ -43,16 +50,41 @@ export const ConceptSummary = ({
       color={mapStatusColor[status]}
     />
     <FieldValue field="version" value={version} />
-    <FieldValue
-      field="last_update_at"
-      value={
-        <Moment locale="es" date={last_change_at} format="YYYY-MM-DD HH:mm" />
-      }
-    />
-    <FieldValue
-      field="last_update_by"
-      value={(last_change_user && last_change_user.full_name) || ""}
-    />
+    {status == "versioned" ? (
+      <>
+        <FieldValue
+          field="last_update_at"
+          value={
+            <Moment
+              locale="es"
+              date={bcv_last_change_at}
+              format="YYYY-MM-DD HH:mm"
+            />
+          }
+        />
+        <FieldValue
+          field="last_update_by"
+          value={(bcv_last_change_user && bcv_last_change_user.full_name) || ""}
+        />
+      </>
+    ) : (
+      <>
+        <FieldValue
+          field="last_update_at"
+          value={
+            <Moment
+              locale="es"
+              date={last_change_at}
+              format="YYYY-MM-DD HH:mm"
+            />
+          }
+        />
+        <FieldValue
+          field="last_update_by"
+          value={(last_change_user && last_change_user.full_name) || ""}
+        />
+      </>
+    )}
   </Segment>
 );
 

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

@@ -8,7 +8,7 @@ describe("<ConceptArchive />", () => {
       {
         id: 123,
         status: "status",
-        updated_at: "2018-06-27T07:32:53.154377Z",
+        bcv_last_change_at: "2018-06-27T07:32:53.154377Z",
         last_change_by: "maixu",
         version: 1,
       },

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

@@ -7,7 +7,7 @@ describe("<ConceptArchiveRow />", () => {
     const props = {
       id: 123,
       status: "draft",
-      last_change_at: "2018-06-27T07:32:53.154377Z",
+      bcv_last_change_at: "2018-06-27T07:32:53.154377Z",
       last_change_by: "maixu",
       version: 1,
     };

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

@@ -19,7 +19,7 @@ describe("<ConceptRow />", () => {
       id: 42,
       name: "foo",
       status: "draft",
-      last_change_at: "2018-06-27T07:32:53.154377Z",
+      bcv_last_change_at: "2018-06-27T07:32:53.154377Z",
     };
     const props = { columns, concept };
     const { container } = render(
@@ -40,7 +40,7 @@ describe("<ConceptRow />", () => {
       id: 42,
       name: "foo",
       status: "draft",
-      last_change_at: "2018-06-27T07:32:53.154377Z",
+      bcv_last_change_at: "2018-06-27T07:32:53.154377Z",
     };
     const props = { columns, concept };
     const wrapper = render(

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { ConceptSummary } from "../ConceptSummary";
+
+const concept = {
+  id: 1,
+  version: 1,
+  status: "draft",
+  last_change_at: "2025-01-01T10:00:00Z",
+  last_change_user: {
+    full_name: "bar",
+  },
+  bcv_last_change_at: "2024-01-01T10:00:00Z",
+  bcv_last_change_user: { full_name: "foo" },
+};
+
+const props = { concept };
+
+describe("<ConceptSummary />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(<ConceptSummary {...props} />);
+    expect(container).toMatchSnapshot();
+  });
+
+  it("show correct change and user for versioned", () => {
+    const newProps = {
+      concept: {
+        ...concept,
+        status: "versioned",
+      },
+    };
+    const { queryByText } = render(<ConceptSummary {...newProps} />);
+    expect(queryByText(/Versioned/)).toBeInTheDocument();
+    expect(queryByText(/foo/)).toBeInTheDocument();
+    expect(queryByText(/2024-01-01/)).toBeInTheDocument();
+  });
+});

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

@@ -12,8 +12,8 @@ const data = {
       name: "s1",
       description: "dd",
       version: "vs",
-      status: "st",
-      last_change_at: "2020-01-01T00:00:00.000Z",
+      status: "published",
+      bcv_last_change_at: "2020-01-01T00:00:00.000Z",
     },
   ],
 };

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

@@ -12,7 +12,7 @@ const data = {
       name: "concept",
       domain: { name: "domain" },
       status: "published",
-      last_change_at: "2020-01-01T00:00:00.000Z",
+      bcv_last_change_at: "2020-01-01T00:00:00.000Z",
     },
   ],
 };

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

@@ -56,11 +56,11 @@ exports[`<ConceptArchive /> matches the latest snapshot 1`] = `
             as="tbody"
           >
             <ConceptArchiveRow
+              bcv_last_change_at="2018-06-27T07:32:53.154377Z"
               id={123}
               key="0"
               last_change_by="maixu"
               status="status"
-              updated_at="2018-06-27T07:32:53.154377Z"
               version={1}
             />
           </TableBody>

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

@@ -24,7 +24,13 @@ exports[`<ConceptArchiveRow /> matches the latest snapshot 1`] = `
         </td>
         <td
           class=""
-        />
+        >
+          <time
+            datetime="1530084773154"
+          >
+            2018-06-27 07:32
+          </time>
+        </td>
       </tr>
     </tbody>
   </table>

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

@@ -0,0 +1,99 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ConceptSummary /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <h3
+      class="ui dividing header"
+    >
+      Summary
+    </h3>
+    <div
+      class="item concept-summary"
+      role="listitem"
+    >
+      <div
+        class="content concept-summary__content"
+      >
+        <div
+          class="concept-summary__content-bold"
+        >
+          Status
+          :
+        </div>
+        <div
+          class="ui olive label"
+        >
+          Draft
+        </div>
+      </div>
+    </div>
+    <div
+      class="item concept-summary"
+      role="listitem"
+    >
+      <div
+        class="content concept-summary__content"
+      >
+        <div
+          class="concept-summary__content-bold"
+        >
+          Version
+          :
+        </div>
+        <div
+          class="ui label"
+        >
+          1
+        </div>
+      </div>
+    </div>
+    <div
+      class="item concept-summary"
+      role="listitem"
+    >
+      <div
+        class="content concept-summary__content"
+      >
+        <div
+          class="concept-summary__content-bold"
+        >
+          Update
+          :
+        </div>
+        <div
+          class="ui label"
+        >
+          <time
+            datetime="1735725600000"
+          >
+            2025-01-01 10:00
+          </time>
+        </div>
+      </div>
+    </div>
+    <div
+      class="item concept-summary"
+      role="listitem"
+    >
+      <div
+        class="content concept-summary__content"
+      >
+        <div
+          class="concept-summary__content-bold"
+        >
+          User
+          :
+        </div>
+        <div
+          class="ui label"
+        >
+          bar
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/concepts/hooks/useConcepts.js

@@ -1,13 +1,24 @@
 import useSWR from "swr";
 import useSWRMutations from "swr/mutation";
-import { apiJson, apiJsonPost } from "@truedat/core/services/api";
+import FileSaver from "file-saver";
+import { apiJson, apiJsonPost, JSON_OPTS } from "@truedat/core/services/api";
 
 import {
   API_CONCEPT_FILTERS,
+  API_CONCEPT_LINKS_DOWNLOAD,
   API_BUSINESS_CONCEPT_VERSIONS_SEARCH,
   API_BUSINESS_CONCEPT_VERSIONS_ACTIONS,
 } from "../api";
 
+function saveFile({ data, headers }) {
+  const contentDisposition = headers["content-disposition"];
+  const regex = /filename=(.+)$/;
+  const match = regex.exec(contentDisposition);
+  const fileName = match ? match[1] : "links.xlsx";
+
+  FileSaver.saveAs(data, fileName);
+}
+
 export const useConceptFilters = () => {
   return useSWRMutations(API_CONCEPT_FILTERS, (url, { arg }) =>
     apiJsonPost(url, arg)
@@ -32,3 +43,13 @@ export const useConceptVersionsActions = () => {
     mutate,
   };
 };
+
+export const useConceptLinksDownload = () => {
+  return useSWRMutations(API_CONCEPT_LINKS_DOWNLOAD, (url, { arg }) => {
+    return apiJsonPost(url, arg, { ...JSON_OPTS, responseType: "blob" }).then(
+      ({ data, headers }) => {
+        saveFile({ data, headers });
+      }
+    );
+  });
+};

package/src/concepts/reducers/__tests__/conceptArchive.spec.js

@@ -21,8 +21,8 @@ describe("reducers: conceptArchive", () => {
       {
         id: 123,
         status: "status",
-        updated_at: "2018-06-27T07:32:53.154377Z",
-        last_change_by: "maixu",
+        bcv_last_change_at: "2018-06-27T07:32:53.154377Z",
+        bcv_last_change_by: "maixu",
         version: 1,
       },
     ];

package/src/concepts/reducers/concept.js

@@ -25,6 +25,8 @@ const pickFields = _.pick([
   "last_change_at",
   "last_change_by",
   "last_change_user",
+  "bcv_last_change_user",
+  "bcv_last_change_at",
   "graphs",
   "completeness",
   "in_progress",

package/src/concepts/reducers/conceptArchive.js

@@ -6,8 +6,8 @@ const initialState = [];
 const pickFields = _.pick([
   "id",
   "business_concept_id",
-  "updated_at",
-  "last_change_by",
+  "bcv_last_change_at",
+  "bcv_last_change_by",
   "status",
   "version",
 ]);

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

@@ -2,8 +2,15 @@ import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
-import { Table, Message, Label, Icon, Segment } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
+import {
+  Button,
+  Table,
+  Message,
+  Label,
+  Icon,
+  Segment,
+} from "semantic-ui-react";
+import { FormattedMessage, useIntl } from "react-intl";
 import SearchWidget from "@truedat/core/search/SearchWidget";
 import {
   SearchContextProvider,
@@ -14,6 +21,7 @@ import { mapStatusColor } from "../../constants/mappings";
 import { translations } from "../../utils/filterOptions";
 
 import {
+  useConceptLinksDownload,
   useConceptVersionsSearch,
   useConceptFilters,
 } from "../../hooks/useConcepts";
@@ -78,8 +86,12 @@ export function ConceptSelectorContent({
   showTitle = true,
   links,
 }) {
-  const { searchData } = useSearchContext();
+  const { searchData, filterParams: searchParams } = useSearchContext();
+  const { trigger: triggerDownload, isMutating: downloading } =
+    useConceptLinksDownload();
+  const { formatMessage } = useIntl();
   const concepts = searchData?.data;
+  const conceptsActions = _.propOr({}, "_actions")(searchData);
 
   const selectedConceptIsFiltered = !_.reduce(
     (acc, c) => (selectedConcept && c.id == selectedConcept.id) || acc,
@@ -103,6 +115,18 @@ export function ConceptSelectorContent({
         </label>
       )}
       <Segment>
+        {conceptsActions?.downloadLinks && (
+          <Button
+            icon="download"
+            floated="right"
+            secondary
+            loading={downloading}
+            onClick={() => triggerDownload(searchParams)}
+            data-tooltip={formatMessage({
+              id: "concepts.actions.downloadLinks.tooltip",
+            })}
+          />
+        )}
         <SearchWidget />
         {!_.isEmpty(concepts) || selectedConcept ? (
           <Table selectable size="small">

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

@@ -25,6 +25,7 @@ const data = {
       last_change_at: "2020-01-01T00:00:00.000Z",
     },
   ],
+  _actions: { downloadLinks: {} },
 };
 
 const filterData = {
@@ -91,6 +92,11 @@ describe("<ConceptSelector />", () => {
     await waitFor(() => {
       expect(container.querySelector(".loading")).toBeNull();
     });
+    expect(
+      container.querySelector(
+        'button[data-tooltip="concepts.actions.downloadLinks.tooltip"]'
+      )
+    ).toBeInTheDocument();
     expect(container).toMatchSnapshot();
   });
 

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

@@ -8,6 +8,15 @@ exports[`<ConceptSelector /> matches the latest snapshot 1`] = `
   <div
     class="ui segment"
   >
+    <button
+      class="ui icon secondary right floated button"
+      data-tooltip="concepts.actions.downloadLinks.tooltip"
+    >
+      <i
+        aria-hidden="true"
+        class="download icon"
+      />
+    </button>
     <div
       class="ui action left icon input"
     >

package/src/concepts/selectors/getConceptColumns.js

@@ -17,7 +17,7 @@ const iconDecorator = (field) =>
 
 const translateDecorator = (text) => <FormattedMessage id={text} />;
 
-const dateDecorator = (date) => (
+const dateDecorator = ({ date }) => (
   <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />
 );
 
@@ -57,7 +57,10 @@ export const defaultConceptColumns = [
   },
   {
     name: "last_change_at",
-    sort: { name: "last_change_at" },
+    sort: { name: "bcv_last_change_at" },
+    fieldSelector: ({ bcv_last_change_at }) => ({
+      date: bcv_last_change_at,
+    }),
     fieldDecorator: dateDecorator,
     textAlign: "center",
     width: 2,