@truedat/bg 8.13.4 → 8.13.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "8.13.4",
+  "version": "8.13.5",
   "description": "Truedat Web Business Glossary",
   "sideEffects": [
     "**/*.css",
@@ -57,7 +57,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.13.4",
+    "@truedat/test": "8.13.5",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -90,5 +90,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "4ec142f1c856aa669b232b12250c800a19ab9ace"
+  "gitHead": "9b87cbb7143f20b305b84077c1fcf004e5b27726"
 }

package/src/concepts/api.js

@@ -3,12 +3,11 @@ const API_BUSINESS_CONCEPT_VERSION =
 const API_BUSINESS_CONCEPT_VERSIONS_ACTIONS =
   "/api/business_concept_versions/actions";
 const API_BUSINESS_CONCEPT_VERSIONS_CSV = "/api/business_concept_versions/csv";
-const API_BUSINESS_CONCEPT_VERSIONS_XLSX =
-  "/api/business_concept_versions/xlsx";
+const API_BUSINESS_CONCEPTS_XLSX_DOWNLOAD =
+  "/api/business_concepts/xlsx/download";
 const API_BUSINESS_CONCEPT_VERSIONS_SEARCH =
   "/api/business_concept_versions/search";
-const API_BUSINESS_CONCEPT_VERSIONS_UPLOAD =
-  "/api/business_concept_versions/upload";
+const API_BUSINESS_CONCEPTS_XLSX_UPLOAD = "/api/business_concepts/xlsx/upload";
 const API_CONCEPT_ARCHIVE = "/api/business_concepts/:id/versions";
 const API_CONCEPT_LINKS_DOWNLOAD =
   "/api/business_concept_versions/links/download";
@@ -17,8 +16,6 @@ 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 =
   "/api/business_concept_versions/bulk_update";
-const API_BUSINESS_CONCEPT_BULK_UPLOAD =
-  "/api/business_concepts/bulk_upload_event";
 const API_BUSINESS_CONCEPT_SET_CONFIDENTIAL =
   "/api/business_concept_versions/:id/set_confidential";
 const API_CONCEPT_SUGGESTIONS = "/api/business_concept_versions/suggestions";
@@ -28,15 +25,14 @@ export {
   API_BUSINESS_CONCEPT_VERSION,
   API_BUSINESS_CONCEPT_VERSIONS_ACTIONS,
   API_BUSINESS_CONCEPT_VERSIONS_CSV,
-  API_BUSINESS_CONCEPT_VERSIONS_XLSX,
+  API_BUSINESS_CONCEPTS_XLSX_DOWNLOAD,
   API_BUSINESS_CONCEPT_VERSIONS_SEARCH,
-  API_BUSINESS_CONCEPT_VERSIONS_UPLOAD,
+  API_BUSINESS_CONCEPTS_XLSX_UPLOAD,
   API_CONCEPT_ARCHIVE,
   API_CONCEPT_LINKS_DOWNLOAD,
   API_CONCEPT_LINKS_UPLOAD,
   API_CONCEPT_FILTERS,
   API_CONCEPT_SHARED_DOMAINS,
   API_BUSINESS_CONCEPT_BULK_UPDATE,
-  API_BUSINESS_CONCEPT_BULK_UPLOAD,
   API_BUSINESS_CONCEPT_SET_CONFIDENTIAL,
 };

package/src/concepts/components/ConceptRoutes.js

@@ -10,7 +10,8 @@ import {
   CONCEPT_LINKS_MANAGEMENT,
   CONCEPT_VERSION,
   CONCEPTS_BULK_UPDATE,
-  CONCEPTS_BULK_UPLOAD_EVENTS,
+  CONCEPTS_UPLOAD_JOBS,
+  CONCEPTS_UPLOAD_JOB,
   CONCEPTS_NEW,
   CONCEPTS_PENDING,
   CONCEPTS_DEPRECATED,
@@ -23,6 +24,8 @@ import {
 import { useIntl } from "react-intl";
 import { getSidemenuGlossarySubscopes } from "@truedat/core/selectors/getSidemenuGlossarySubscopes";
 import { SearchContextProvider } from "@truedat/core/search/SearchContext";
+import UploadJobs from "@truedat/core/components/UploadJobs";
+import UploadJob from "@truedat/core/components/UploadJob";
 import { useLinksSearch, useLinksFilters } from "../relations/hooks/useLinks";
 import ConceptLinksApprovals from "../relations/components/ConceptLinksApprovals";
 import ConceptLinksApprovalResults from "../relations/components/ConceptLinksApprovalResults";
@@ -36,7 +39,6 @@ import Concepts from "./Concepts";
 import ConceptsBulkUpdate from "./ConceptsBulkUpdate";
 
 import ConceptSubscriptionLoader from "./ConceptSubscriptionLoader";
-import ConceptsUploadEvents from "./ConceptsUploadEvents";
 
 const RelationTagsLoader = React.lazy(
   () => import("@truedat/lm/components/RelationTagsLoader"),
@@ -165,16 +167,12 @@ const ConceptRoutes = ({
             </>
           }
         />
-        <Route
-          // CONCEPTS_BULK_UPLOAD_EVENTS = "/concepts/management/bulk_upload_event";
-          path="management"
-        >
-          <Route
-            //  CONCEPTS_BULK_UPLOAD_EVENTS = "/concepts/management/bulk_upload_event";
-            path="bulk_upload_event"
-            element={<ConceptsUploadEvents />}
-          />
+        <Route path="uploadJobs">
+          <Route index element={<UploadJobs scope="concepts" />} />
+          <Route path=":id" element={<UploadJob scope="concepts" />} />
+        </Route>
 
+        <Route path="management">
           <Route
             path="approvals/results"
             element={<ConceptLinksApprovalResults />}

package/src/concepts/components/ConceptsUploadButton.js

@@ -4,7 +4,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 import UploadModal from "@truedat/core/components/UploadModal";
 import { useWebContext } from "@truedat/core/webContext";
 import { useConceptsUpload } from "../hooks/useConcepts";
-import { getUploadAlertMessage } from "../selectors/messages";
+import { getConceptsUploadAlertMessage } from "../selectors/messages";
 
 export const ConceptsUploadButton = ({ canAutoPublish }) => {
   const { formatMessage, locale } = useIntl();
@@ -21,13 +21,16 @@ export const ConceptsUploadButton = ({ canAutoPublish }) => {
       data.append("lang", locale);
       triggerUpload(data)
         .then(({ status, data }) => {
-          const alertMessage = getUploadAlertMessage({ status, data });
+          const alertMessage = getConceptsUploadAlertMessage({ status, data });
           setAlertMessage(alertMessage);
         })
         .catch((error) => {
           if (error.response) {
             const { status, data } = error.response;
-            const alertMessage = getUploadAlertMessage({ status, data });
+            const alertMessage = getConceptsUploadAlertMessage({
+              status,
+              data,
+            });
             setAlertMessage(alertMessage);
           } else {
             setAlertMessage({ error: true, content: error.message });
@@ -60,13 +63,19 @@ export const ConceptsUploadButton = ({ canAutoPublish }) => {
       handleSubmit={(data) => {
         triggerUpload(data)
           .then(({ status, data }) => {
-            const alertMessage = getUploadAlertMessage({ status, data });
+            const alertMessage = getConceptsUploadAlertMessage({
+              status,
+              data,
+            });
             setAlertMessage(alertMessage);
           })
           .catch((error) => {
             if (error.response) {
               const { status, data } = error.response;
-              const alertMessage = getUploadAlertMessage({ status, data });
+              const alertMessage = getConceptsUploadAlertMessage({
+                status,
+                data,
+              });
               setAlertMessage(alertMessage);
             } else {
               setAlertMessage(error.message);

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

@@ -7,7 +7,7 @@ import {
   CONCEPTS_DEPRECATED,
   CONCEPTS_NEW,
   CONCEPTS_BULK_UPDATE,
-  CONCEPTS_BULK_UPLOAD_EVENTS,
+  CONCEPTS_UPLOAD_JOBS,
   CONCEPT_LINKS_MANAGEMENT,
   CONCEPT_VERSION,
   CONCEPT_EDIT,
@@ -35,8 +35,11 @@ jest.mock("../ConceptsBulkUpdate", () => () => <div>ConceptsBulkUpdate</div>);
 jest.mock("../ConceptSubscriptionLoader", () => () => (
   <div>ConceptSubscriptionLoader</div>
 ));
-jest.mock("../ConceptsUploadEvents", () => () => (
-  <div>ConceptsUploadEvents</div>
+jest.mock("@truedat/core/components/UploadJobs", () => () => (
+  <div>UploadJobs</div>
+));
+jest.mock("@truedat/core/components/UploadJob", () => () => (
+  <div>UploadJob</div>
 ));
 jest.mock("../../relations/components/ConceptLinksApprovals", () => () => (
   <div>ConceptLinksApprovals</div>
@@ -106,9 +109,9 @@ describe("<ConceptRoutes />", () => {
     expect(rendered.container).toMatchSnapshot();
   });
 
-  it("renders correctly with bulk upload events route", async () => {
+  it("renders correctly with upload jobs route", async () => {
     const rendered = render(<ConceptRoutes />, {
-      routes: [CONCEPTS_BULK_UPLOAD_EVENTS],
+      routes: [CONCEPTS_UPLOAD_JOBS],
     });
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();

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

@@ -14,14 +14,6 @@ exports[`<ConceptRoutes /> renders correctly with bulk update route 1`] = `
 </div>
 `;
 
-exports[`<ConceptRoutes /> renders correctly with bulk upload events route 1`] = `
-<div>
-  <div>
-    ConceptsUploadEvents
-  </div>
-</div>
-`;
-
 exports[`<ConceptRoutes /> renders correctly with concept edit route 1`] = `
 <div>
   <div>
@@ -139,6 +131,14 @@ exports[`<ConceptRoutes /> renders correctly with subscope route 1`] = `
 </div>
 `;
 
+exports[`<ConceptRoutes /> renders correctly with upload jobs route 1`] = `
+<div>
+  <div>
+    UploadJobs
+  </div>
+</div>
+`;
+
 exports[`<ConceptRoutes /> renders unauthorized component when not authorized 1`] = `
 <div>
   <div

package/src/concepts/hooks/useConcepts.js

@@ -1,7 +1,12 @@
 import useSWR from "swr";
 import useSWRMutations from "swr/mutation";
 import FileSaver from "file-saver";
-import { apiJson, apiJsonPost, JSON_OPTS } from "@truedat/core/services/api";
+import {
+  apiJson,
+  apiJsonPost,
+  JSON_OPTS,
+  UPLOAD_JSON_OPTS,
+} from "@truedat/core/services/api";
 
 import {
   API_CONCEPT_SUGGESTIONS,
@@ -9,7 +14,7 @@ import {
   API_CONCEPT_LINKS_DOWNLOAD,
   API_BUSINESS_CONCEPT_VERSIONS_SEARCH,
   API_BUSINESS_CONCEPT_VERSIONS_ACTIONS,
-  API_BUSINESS_CONCEPT_VERSIONS_UPLOAD,
+  API_BUSINESS_CONCEPTS_XLSX_UPLOAD,
   API_CONCEPT_LINKS_UPLOAD,
 } from "../api";
 
@@ -58,8 +63,8 @@ export const useConceptLinksDownload = () => {
 };
 
 export const useConceptsUpload = () => {
-  return useSWRMutations(API_BUSINESS_CONCEPT_VERSIONS_UPLOAD, (url, { arg }) =>
-    apiJsonPost(url, arg),
+  return useSWRMutations(API_BUSINESS_CONCEPTS_XLSX_UPLOAD, (url, { arg }) =>
+    apiJsonPost(url, arg, UPLOAD_JSON_OPTS),
   );
 };
 

package/src/concepts/sagas/__tests__/downloadConcepts.spec.js

@@ -6,7 +6,7 @@ import {
   saveFile,
 } from "../downloadConcepts";
 import { downloadConcepts } from "../../routines";
-import { API_BUSINESS_CONCEPT_VERSIONS_XLSX } from "../../api";
+import { API_BUSINESS_CONCEPTS_XLSX_DOWNLOAD } from "../../api";
 
 describe("sagas: downloadConceptsRequestSaga", () => {
   it("should invoke downloadConceptsSaga on downloadConcepts.TRIGGER", () => {
@@ -52,7 +52,7 @@ describe("sagas: downloadConceptsSaga", () => {
         .next()
         .put(downloadConcepts.request(body))
         .next()
-        .call(apiJsonPost, API_BUSINESS_CONCEPT_VERSIONS_XLSX, body, {
+        .call(apiJsonPost, API_BUSINESS_CONCEPTS_XLSX_DOWNLOAD, body, {
           ...JSON_OPTS,
           responseType: "blob",
         })
@@ -76,7 +76,7 @@ describe("sagas: downloadConceptsSaga", () => {
         .next()
         .put(downloadConcepts.request(body))
         .next()
-        .call(apiJsonPost, API_BUSINESS_CONCEPT_VERSIONS_XLSX, body, {
+        .call(apiJsonPost, API_BUSINESS_CONCEPTS_XLSX_DOWNLOAD, body, {
           ...JSON_OPTS,
           responseType: "blob",
         })

package/src/concepts/sagas/downloadConcepts.js

@@ -4,7 +4,7 @@ import { call, put, takeLatest } from "redux-saga/effects";
 import { apiJsonPost, JSON_OPTS } from "@truedat/core/services/api";
 import { CONCEPT_VERSION } from "@truedat/core/routes";
 import { downloadConcepts } from "../routines";
-import { API_BUSINESS_CONCEPT_VERSIONS_XLSX } from "../api";
+import { API_BUSINESS_CONCEPTS_XLSX_DOWNLOAD } from "../api";
 
 export function saveFile({ data, headers }) {
   const contentDisposition = headers["content-disposition"];
@@ -25,7 +25,7 @@ export function* downloadConceptsSaga({ payload }) {
       lang,
       ...searchParams,
     };
-    const url = API_BUSINESS_CONCEPT_VERSIONS_XLSX;
+    const url = API_BUSINESS_CONCEPTS_XLSX_DOWNLOAD;
     yield put(downloadConcepts.request(body));
     const { data, headers } = yield call(apiJsonPost, url, body, {
       ...JSON_OPTS,

package/src/concepts/selectors/__tests__/messages.spec.js

@@ -0,0 +1,63 @@
+import {
+  getConceptsUploadAlertMessage,
+  getUploadAlertMessage,
+} from "../messages";
+
+describe("getUploadAlertMessage", () => {
+  it("returns a success alert for status 200", () => {
+    expect(getUploadAlertMessage({ status: 200, data: {} })).toMatchObject({
+      error: false,
+      header: "concepts.upload.success.accepted.header",
+    });
+  });
+
+  it("returns a success alert for status 202", () => {
+    expect(getUploadAlertMessage({ status: 202, data: {} })).toMatchObject({
+      error: false,
+      header: "concepts.upload.success.accepted.header",
+    });
+  });
+
+  it("returns a failure alert for other statuses", () => {
+    expect(getUploadAlertMessage({ status: 422, data: {} })).toMatchObject({
+      error: true,
+    });
+  });
+});
+
+describe("getConceptsUploadAlertMessage", () => {
+  it("links to the created job detail on success with job_id", () => {
+    expect(
+      getConceptsUploadAlertMessage({
+        status: 200,
+        data: { job_id: 123 },
+      }),
+    ).toMatchObject({
+      error: false,
+      anchor: {
+        reference: "/concepts/uploadJobs/123",
+        label: "uploadJob.concepts.header",
+      },
+    });
+  });
+
+  it("keeps the upload jobs list anchor when there is no job_id", () => {
+    expect(
+      getConceptsUploadAlertMessage({ status: 202, data: {} }),
+    ).toMatchObject({
+      error: false,
+      anchor: {
+        reference: "/concepts/uploadJobs",
+        label: "sidemenu.concepts_upload_events",
+      },
+    });
+  });
+
+  it("returns a failure alert untouched when the upload fails", () => {
+    expect(
+      getConceptsUploadAlertMessage({ status: 422, data: {} }),
+    ).toMatchObject({
+      error: true,
+    });
+  });
+});

package/src/concepts/selectors/index.js

@@ -1,9 +1,5 @@
 export { defaultConceptColumns, getConceptColumns } from "./getConceptColumns";
 export { getConceptDomainPath } from "./getConceptDomainPath";
-export {
-  getConceptUploadEventColumns,
-  defaultConceptsUploadEventColumns,
-} from "./getConceptUploadEventColumns";
 export { getParsedEvents } from "./getParsedEvents";
 export { getTemplateFields } from "./getTemplateFields";
 export { getTemplateGroups } from "./getTemplateGroups";

package/src/concepts/selectors/messages.js

@@ -1,8 +1,8 @@
 import _ from "lodash/fp";
-import { CONCEPTS_BULK_UPLOAD_EVENTS } from "@truedat/core/routes";
+import { CONCEPTS_UPLOAD_JOBS, linkTo } from "@truedat/core/routes";
 
 export const getUploadAlertMessage = ({ status, data }) => {
-  if (status === 202) {
+  if (status === 200 || status === 202) {
     return {
       error: false,
       header: "concepts.upload.success.accepted.header",
@@ -10,7 +10,7 @@ export const getUploadAlertMessage = ({ status, data }) => {
       color: "blue",
       text: "",
       anchor: {
-        reference: CONCEPTS_BULK_UPLOAD_EVENTS,
+        reference: CONCEPTS_UPLOAD_JOBS,
         label: "sidemenu.concepts_upload_events",
       },
     };
@@ -44,3 +44,20 @@ export const getUploadAlertMessage = ({ status, data }) => {
     return null;
   }
 };
+
+export const getConceptsUploadAlertMessage = ({ status, data }) => {
+  const alertMessage = getUploadAlertMessage({ status, data });
+  const jobId = _.prop("job_id")(data);
+
+  if (alertMessage && !alertMessage.error && jobId != null) {
+    return {
+      ...alertMessage,
+      anchor: {
+        reference: linkTo.CONCEPTS_UPLOAD_JOB({ id: jobId }),
+        label: "uploadJob.concepts.header",
+      },
+    };
+  }
+
+  return alertMessage;
+};

package/src/concepts/components/ConceptsUploadEvents.js

@@ -1,31 +0,0 @@
-import { Header, Icon, Segment } from "semantic-ui-react";
-import { FormattedMessage, useIntl } from "react-intl";
-import ConceptsUploadEventsTable from "./ConceptsUploadEventsTable";
-
-export const ConceptsUploadEvents = () => {
-  const { formatMessage } = useIntl();
-  return (
-    <Segment>
-      <Header as="h2">
-        <Icon
-          circular
-          name={formatMessage({
-            id: "conceptsUpload.header.icon",
-            defaultMessage: "cogs",
-          })}
-        />
-        <Header.Content>
-          <FormattedMessage id="concepts.upload.header" />
-          <Header.Subheader>
-            <FormattedMessage id="concepts.upload.subheader" />
-          </Header.Subheader>
-        </Header.Content>
-      </Header>
-      <Segment attached="bottom">
-        <ConceptsUploadEventsTable />
-      </Segment>
-    </Segment>
-  );
-};
-
-export default ConceptsUploadEvents;

package/src/concepts/components/ConceptsUploadEventsTable.js

@@ -1,183 +0,0 @@
-import { useState } from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import _ from "lodash/fp";
-import { FormattedMessage } from "react-intl";
-import { Table } from "semantic-ui-react";
-import { useIntl } from "react-intl";
-import { columnDecorator } from "@truedat/core/services";
-import { useUploadEvents } from "../hooks/useUploadEvents";
-import { getConceptUploadEventColumns } from "../selectors/getConceptUploadEventColumns";
-import "../styles/ConceptsUploadEventColumns.less";
-
-const getColumnsWithData = (conceptsResults, columns) =>
-  _.filter((column) =>
-    _.any(_.flow(columnDecorator(column), _.negate(_.isEmpty)))(
-      conceptsResults,
-    ),
-  )(columns);
-
-const messagesImp = (data) => {
-  const errors = data?.errors ?? [];
-  return _.map((error) => {
-    if (!error || !error.body)
-      return {
-        id: "unknown_error",
-        context: {},
-        defaultMessage: "concepts.upload.failed.success.errors",
-      };
-
-    return {
-      id: error.body.message ?? "unknown_error",
-      context: { ...error.body.context } ?? {},
-      defaultMessage: "concepts.upload.failed.success.errors",
-    };
-  }, errors);
-};
-
-const ConceptsUploadEventsTable = ({ getColumns }) => {
-  const { formatMessage } = useIntl();
-  const [eventExpandedIndex, setEventExpandedIndex] = useState(null);
-  const { data, loading } = useUploadEvents();
-
-  const events =
-    data && !loading
-      ? _.reduce(
-          (acc, event) => {
-            const eventKey = `${event.task_reference}_${event.status}`;
-
-            const node = event.node ?? "";
-            const hasErrors =
-              event.response?.errors && !_.isEmpty(event.response.errors);
-
-            const messageId = _.startsWith("lm@", node)
-              ? hasErrors
-                ? "concepts.upload.success.header_with_errors_without_update"
-                : "concepts.upload.success.header"
-              : hasErrors
-                ? "concepts.upload.success.header_with_errors"
-                : "concepts.upload.success.header";
-
-            const translatedHeader = event.response
-              ? formatMessage(
-                  { id: messageId },
-                  {
-                    count_created: event.response.created?.length ?? 0,
-                    count_updated: event.response.updated?.length ?? 0,
-                    count_errors: event.response.errors?.length ?? 0,
-                  },
-                )
-              : "";
-
-            const translatedErrors = _.map((error) =>
-              formatMessage(
-                { id: error.id ?? "unknown_error" },
-                error.context ?? {},
-              ),
-            )(messagesImp(event.response));
-
-            // eslint-disable-next-line fp/no-mutation
-            acc[eventKey] = {
-              ...event,
-              response: {
-                ...event.response,
-                translatedHeader,
-                translatedErrors,
-              },
-              expanded: false,
-            };
-
-            return acc;
-          },
-          {},
-          data.data,
-        )
-      : [];
-
-  const columns = getColumnsWithData(events, getColumns());
-
-  const toggleExpanded = (eventKey) =>
-    eventExpandedIndex === eventKey
-      ? setEventExpandedIndex(null)
-      : setEventExpandedIndex(eventKey);
-
-  return (
-    <>
-      {!_.isEmpty(events) && (
-        <Table sortable selectable>
-          <Table.Header>
-            <Table.Row>
-              {columns.map((column, i) => (
-                <Table.HeaderCell
-                  key={i}
-                  width={column.width}
-                  content={formatMessage({
-                    id: `concepts.upload.props.${column.name}`,
-                    defaultMessage: column.name,
-                  })}
-                />
-              ))}
-            </Table.Row>
-          </Table.Header>
-          <Table.Body>
-            {_.map(
-              (eventKey) => (
-                <Table.Row
-                  className={
-                    eventKey === eventExpandedIndex ? "expanded" : "contracted"
-                  }
-                  key={eventKey}
-                  onClick={() => toggleExpanded(eventKey)}
-                >
-                  {eventKey !== eventExpandedIndex ? (
-                    columns &&
-                    columns.map((column, key) => (
-                      <Table.Cell
-                        key={key}
-                        textAlign={column.textAlign}
-                        content={columnDecorator(column)({
-                          ...events[eventKey],
-                          formatMessage,
-                        })}
-                      />
-                    ))
-                  ) : (
-                    <Table.Cell colSpan={columns.length}>
-                      {events[eventKey].file_hash ? (
-                        <>
-                          <FormattedMessage
-                            id={`concepts.upload.props.file_hash`}
-                          />
-                          : {events[eventKey].file_hash}
-                        </>
-                      ) : null}
-                      {columns.map((column, key) => (
-                        <div key={key}>
-                          {columnDecorator(column)({
-                            ...events[eventKey],
-                            formatMessage,
-                          })}
-                        </div>
-                      ))}
-                    </Table.Cell>
-                  )}
-                </Table.Row>
-              ),
-              Object.keys(events),
-            )}
-          </Table.Body>
-        </Table>
-      )}
-    </>
-  );
-};
-
-ConceptsUploadEventsTable.propTypes = {
-  getColumns: PropTypes.func,
-};
-
-const mapStateToProps = (state) => ({
-  getColumns: () => getConceptUploadEventColumns(state),
-});
-
-export default connect(mapStateToProps)(ConceptsUploadEventsTable);

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

@@ -1,100 +0,0 @@
-import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
-import ConceptsUploadEventsTable from "../ConceptsUploadEventsTable";
-
-const events = [
-  {
-    file_hash: "99E400B91D164F8F0A39F400CA323C8F",
-    inserted_at: "2022-04-23T15:53:24.638484Z",
-    message: null,
-    response: {
-      errors: [],
-      created: [4825521, 4825561, 4825593],
-      updated: [4825522, 4825562, 4825594],
-    },
-    status: "COMPLETED",
-    task_reference: "0.3225053307.1609564164.100549",
-    user_id: 467,
-  },
-  {
-    file_hash: "47D90FDF1AD967BD7DBBDAE28664278E",
-    inserted_at: "2022-04-23T15:14:48.770275Z",
-    message: null,
-    response: {
-      errors: [
-        {
-          error_type: "test_field_error",
-          body: {
-            message: "concepts.upload.failed.invalid_field_value",
-            context: {
-              field: "gdpr",
-              type: "grpd_template",
-              row: 4,
-              error: "Missing value",
-            },
-          },
-        },
-        {
-          error_type: "test_forbidden_update",
-          body: {
-            message: "concepts.upload.failed.forbidden_update",
-            context: {
-              type: "test_template",
-              row: 2,
-              domain: "forbidden_domain",
-            },
-          },
-        },
-        {
-          error_type: "test_name_not_available",
-          body: {
-            message: "concepts.upload.failed.name_not_available",
-            context: {
-              type: "test_template",
-              row: 7,
-              name: "test_name_not_available",
-            },
-          },
-        },
-      ],
-      created: [],
-      updated: [],
-    },
-    status: "COMPLETED",
-    task_reference: "0.3225053307.1609564162.101463",
-    user_id: 467,
-  },
-];
-
-jest.mock("../../hooks/useUploadEvents.js", () => {
-  const originalModule = jest.requireActual("../../hooks/useUploadEvents.js");
-
-  return {
-    __esModule: true,
-    ...originalModule,
-    useUploadEvents: jest.fn(() => ({
-      data: {
-        data: events,
-      },
-      loading: false,
-    })),
-  };
-});
-
-describe("<ConceptsUploadEventsTable />", () => {
-  it("matches the latest snapshot", async () => {
-    const rendered = render(<ConceptsUploadEventsTable />);
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
-
-  it("toggles row horizontal view when row is clicked", async () => {
-    const user = userEvent.setup({ delay: null });
-    const rendered = render(<ConceptsUploadEventsTable />);
-    await waitForLoad(rendered);
-    const dataRow = rendered.getAllByRole("row")[1];
-    expect(dataRow).toHaveClass("contracted");
-    await user.click(dataRow);
-    expect(dataRow).toHaveClass("expanded");
-  });
-});

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

@@ -1,115 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<ConceptsUploadEventsTable /> matches the latest snapshot 1`] = `
-<div>
-  <table
-    class="ui selectable sortable table"
-  >
-    <thead
-      class=""
-    >
-      <tr
-        class=""
-      >
-        <th
-          class="two wide"
-        >
-          status
-        </th>
-        <th
-          class="two wide"
-        >
-          response
-        </th>
-        <th
-          class="two wide"
-        >
-          inserted_at
-        </th>
-      </tr>
-    </thead>
-    <tbody
-      class=""
-    >
-      <tr
-        class="contracted"
-      >
-        <td
-          class=""
-        >
-          concepts.upload.status.completed
-        </td>
-        <td
-          class=""
-        >
-          <p>
-            concepts.upload.success.header
-          </p>
-          <ul
-            class="bulk-upload-error"
-          />
-        </td>
-        <td
-          class="center aligned"
-        >
-          <time
-            datetime="1650729204638"
-          >
-            2022-04-23 15:53
-          </time>
-        </td>
-      </tr>
-      <tr
-        class="contracted"
-      >
-        <td
-          class=""
-        >
-          concepts.upload.status.completed
-        </td>
-        <td
-          class=""
-        >
-          <p>
-            concepts.upload.success.header_with_errors
-          </p>
-          <ul
-            class="bulk-upload-error"
-          >
-            <li>
-              concepts.upload.failed.invalid_field_value
-            </li>
-            <li>
-              concepts.upload.failed.forbidden_update
-            </li>
-            <li>
-              concepts.upload.failed.name_not_available
-            </li>
-          </ul>
-          <a
-            class="alert-exporter-in-table"
-            download="errors.csv"
-            href="data:text/csv;charset=utf-8,"RENDEREDMESSAGE","ERROR_TYPE","BODY.MESSAGE","BODY.CONTEXT.FIELD","BODY.CONTEXT.TYPE","BODY.CONTEXT.ROW","BODY.CONTEXT.ERROR","BODY.CONTEXT.DOMAIN","BODY.CONTEXT.NAME"
-"concepts.upload.failed.invalid_field_value","test_field_error","concepts.upload.failed.invalid_field_value","gdpr","grpd_template","4","Missing value","",""
-"concepts.upload.failed.forbidden_update","test_forbidden_update","concepts.upload.failed.forbidden_update","","test_template","2","","forbidden_domain",""
-"concepts.upload.failed.name_not_available","test_name_not_available","concepts.upload.failed.name_not_available","","test_template","7","","","test_name_not_available""
-            style="float: right;"
-            target="_self"
-          >
-            alert.export.csv
-          </a>
-        </td>
-        <td
-          class="center aligned"
-        >
-          <time
-            datetime="1650726888770"
-          >
-            2022-04-23 15:14
-          </time>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-`;

package/src/concepts/hooks/useUploadEvents.js

@@ -1,11 +0,0 @@
-import useSWR from "swr";
-import { apiJson } from "@truedat/core/services/api";
-import { API_BUSINESS_CONCEPT_BULK_UPLOAD } from "../api";
-
-export const useUploadEvents = () => {
-  const { data, error, mutate } = useSWR(
-    API_BUSINESS_CONCEPT_BULK_UPLOAD,
-    apiJson,
-  );
-  return { data: data?.data, error, loading: !error && !data, mutate };
-};

package/src/concepts/selectors/__tests__/getConceptUploadEventColumns.spec.js

@@ -1,20 +0,0 @@
-import {
-  getConceptUploadEventColumns,
-  defaultConceptsUploadEventColumns,
-} from "..";
-
-describe("selectors: getConceptUploadEventColumns", () => {
-  it("should return custom conceptsUploadEventColumns when present", () => {
-    const conceptsUploadEventColumns = [{ name: "test" }];
-    const res = getConceptUploadEventColumns({
-      conceptsUploadEventColumns,
-    });
-    expect(res).toHaveLength(1);
-    expect(res).toEqual(conceptsUploadEventColumns);
-  });
-
-  it("should return default defaultRuleImplementationColumns when no customized", () => {
-    const res = getConceptUploadEventColumns({});
-    expect(res).toHaveLength(defaultConceptsUploadEventColumns.length);
-  });
-});

package/src/concepts/selectors/getConceptUploadEventColumns.js

@@ -1,66 +0,0 @@
-import _ from "lodash/fp";
-import { FormattedMessage } from "react-intl";
-import Moment from "react-moment";
-import { AlertExporter } from "@truedat/core/components/AlertExporter";
-
-const bulkUpdateErrors = (response) => {
-  return _.isEmpty(response) ? (
-    ""
-  ) : (
-    <>
-      <p>{response.translatedHeader}</p>
-      <ul className="bulk-upload-error">
-        {_.map.convert({ cap: false })((translatedError, key) => {
-          return <li key={`error_${key}`}>{translatedError}</li>;
-        })(response.translatedErrors)}
-      </ul>
-      {_.isEmpty(response.errors) ? null : (
-        <AlertExporter
-          className="alert-exporter-in-table"
-          onClick={(e) => e.stopPropagation()}
-          {...{
-            list: response.translatedErrors,
-            messages: response.errors,
-          }}
-        />
-      )}
-    </>
-  );
-};
-
-const dateDecorator = (date) =>
-  date && <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />;
-
-const statusDecorator = (status) => (
-  <FormattedMessage id={`concepts.upload.status.${_.toLower(status)}`} />
-);
-
-export const defaultConceptsUploadEventColumns = [
-  {
-    name: "filename",
-    width: 2,
-  },
-  {
-    name: "status",
-    fieldDecorator: statusDecorator,
-    width: 2,
-  },
-  {
-    name: "response",
-    fieldDecorator: bulkUpdateErrors,
-    width: 2,
-  },
-  {
-    name: "message",
-    width: 2,
-  },
-  {
-    name: "inserted_at",
-    fieldDecorator: dateDecorator,
-    textAlign: "center",
-    width: 2,
-  },
-];
-
-export const getConceptUploadEventColumns = (state) =>
-  state.conceptsUploadEventColumns ?? defaultConceptsUploadEventColumns;

package/src/concepts/styles/ConceptsUploadEventColumns.less

@@ -1,24 +0,0 @@
-.contracted ul.bulk-upload-error {
-  max-height: 100px;
-  overflow: hidden;
-}
-
-.contracted ul.bulk-upload-error {
-  .fade-up();
-}
-
-.fade-up {
-  background: -webkit-linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-.alert-exporter-in-table {
-  padding: 3px;
-  margin: 5px;
-  &:hover {
-    padding: 2px;
-    border: 1px solid blue;
-  }
-}