@truedat/dd 4.44.3 → 4.45.0

package/src/sagas/__tests__/deleteReferenceDataset.spec.js

@@ -0,0 +1,81 @@
+import { testSaga } from "redux-saga-test-plan";
+import {
+  deleteReferenceDatasetRequestSaga,
+  deleteReferenceDatasetSaga,
+  onSuccess,
+} from "../deleteReferenceDataset";
+import { DELETE_REFERENCE_DATASET } from "../../api/mutations";
+import { deleteReferenceDataset } from "../../routines";
+
+describe("sagas: deleteReferenceDatasetRequestSaga", () => {
+  it("should invoke deleteReferenceDatasetSaga on deleteReferenceDataset.TRIGGER", () => {
+    expect(() => {
+      testSaga(deleteReferenceDatasetRequestSaga)
+        .next()
+        .takeLatest(deleteReferenceDataset.TRIGGER, deleteReferenceDatasetSaga)
+        .finish()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should throw exception if an unhandled action is received", () => {
+    expect(() => {
+      testSaga(deleteReferenceDatasetRequestSaga)
+        .next()
+        .takeLatest("FOO", deleteReferenceDatasetRequestSaga);
+    }).toThrow();
+  });
+});
+
+describe("sagas: deleteReferenceDatasetSaga", () => {
+  const client = { mutate: jest.fn() };
+  const id = "123";
+  const payload = { id };
+
+  it("should put a success action when a response is returned", () => {
+    expect(() => {
+      testSaga(deleteReferenceDatasetSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .put(deleteReferenceDataset.request(payload))
+        .next()
+        .call(client.mutate, {
+          mutation: DELETE_REFERENCE_DATASET,
+          update: onSuccess,
+          variables: payload,
+        })
+        .next({ data: payload })
+        .put(deleteReferenceDataset.success(payload))
+        .next()
+        .put(deleteReferenceDataset.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should put a failure action when the call returns an error", () => {
+    const message = "Request failed";
+    const error = { message };
+
+    expect(() => {
+      testSaga(deleteReferenceDatasetSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .put(deleteReferenceDataset.request(payload))
+        .next()
+        .call(client.mutate, {
+          mutation: DELETE_REFERENCE_DATASET,
+          update: onSuccess,
+          variables: payload,
+        })
+        .throw(error)
+        .put(deleteReferenceDataset.failure(message))
+        .next()
+        .put(deleteReferenceDataset.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+});

package/src/sagas/__tests__/updateReferenceDataset.spec.js

@@ -0,0 +1,116 @@
+import { testSaga } from "redux-saga-test-plan";
+import { toBase64 } from "@truedat/core/services/file";
+import {
+  updateReferenceDatasetRequestSaga,
+  updateReferenceDatasetSaga,
+  onSuccess,
+} from "../updateReferenceDataset";
+import { UPDATE_REFERENCE_DATASET } from "../../api/mutations";
+import { updateReferenceDataset } from "../../routines";
+
+describe("sagas: updateReferenceDatasetRequestSaga", () => {
+  it("should invoke updateReferenceDatasetSaga on updateReferenceDataset.TRIGGER", () => {
+    expect(() => {
+      testSaga(updateReferenceDatasetRequestSaga)
+        .next()
+        .takeLatest(updateReferenceDataset.TRIGGER, updateReferenceDatasetSaga)
+        .finish()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should throw exception if an unhandled action is received", () => {
+    expect(() => {
+      testSaga(updateReferenceDatasetRequestSaga)
+        .next()
+        .takeLatest("FOO", updateReferenceDatasetRequestSaga);
+    }).toThrow();
+  });
+});
+
+describe("sagas: updateReferenceDatasetSaga", () => {
+  const client = { mutate: jest.fn() };
+  const file = { foo: "bar" };
+  const id = "42";
+  const name = "foo";
+  const encoded = "data:text/csv;base64,Rk9PO0JBUjtCQVo=";
+  const payload = { id, name, file };
+  const dataset = { id, name, data: encoded };
+  const variables = { dataset };
+
+  it("should put a success action when a response is returned", () => {
+    expect(() => {
+      testSaga(updateReferenceDatasetSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .call(toBase64, file)
+        .next(encoded)
+        .put(updateReferenceDataset.request(dataset))
+        .next()
+        .call(client.mutate, {
+          mutation: UPDATE_REFERENCE_DATASET,
+          update: onSuccess,
+          variables,
+        })
+        .next({ data: payload })
+        .put(updateReferenceDataset.success(payload))
+        .next()
+        .put(updateReferenceDataset.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should not encode file if absent from payload", () => {
+    const payload = { id, name };
+    const dataset = payload;
+    const variables = { dataset };
+    expect(() => {
+      testSaga(updateReferenceDatasetSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .put(updateReferenceDataset.request(dataset))
+        .next()
+        .call(client.mutate, {
+          mutation: UPDATE_REFERENCE_DATASET,
+          update: onSuccess,
+          variables,
+        })
+        .next({ data: payload })
+        .put(updateReferenceDataset.success(payload))
+        .next()
+        .put(updateReferenceDataset.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should put a failure action when the call returns an error", () => {
+    const message = "Request failed";
+    const error = { message };
+
+    expect(() => {
+      testSaga(updateReferenceDatasetSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .call(toBase64, file)
+        .next(encoded)
+        .put(updateReferenceDataset.request(dataset))
+        .next()
+        .call(client.mutate, {
+          mutation: UPDATE_REFERENCE_DATASET,
+          update: onSuccess,
+          variables,
+        })
+        .throw(error)
+        .put(updateReferenceDataset.failure(message))
+        .next()
+        .put(updateReferenceDataset.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+});

package/src/sagas/createReferenceDataset.js

@@ -0,0 +1,34 @@
+import { call, put, takeLatest, getContext } from "redux-saga/effects";
+import { toBase64 } from "@truedat/core/services/file";
+import { CREATE_REFERENCE_DATASET } from "../api/mutations";
+import { createReferenceDataset } from "../routines";
+
+export const onSuccess = (cache) => {
+  cache.evict({ id: "ROOT_QUERY", fieldName: "referenceDatasets" });
+  cache.gc();
+};
+
+export function* createReferenceDatasetSaga({
+  payload: { file, ...rest } = {},
+}) {
+  const client = yield getContext("client");
+  try {
+    const dataUrl = yield call(toBase64, file);
+    const dataset = { ...rest, data: dataUrl };
+    yield put(createReferenceDataset.request(dataset));
+    const { data } = yield call(client.mutate, {
+      mutation: CREATE_REFERENCE_DATASET,
+      update: onSuccess,
+      variables: { dataset },
+    });
+    yield put(createReferenceDataset.success(data));
+  } catch (error) {
+    yield put(createReferenceDataset.failure(error.message));
+  } finally {
+    yield put(createReferenceDataset.fulfill());
+  }
+}
+
+export function* createReferenceDatasetRequestSaga() {
+  yield takeLatest(createReferenceDataset.TRIGGER, createReferenceDatasetSaga);
+}

package/src/sagas/deleteReferenceDataset.js

@@ -0,0 +1,29 @@
+import { call, put, takeLatest, getContext } from "redux-saga/effects";
+import { DELETE_REFERENCE_DATASET } from "../api/mutations";
+import { deleteReferenceDataset } from "../routines";
+
+export const onSuccess = (cache) => {
+  cache.evict({ id: "ROOT_QUERY", fieldName: "referenceDatasets" });
+  cache.gc();
+};
+
+export function* deleteReferenceDatasetSaga({ payload }) {
+  const client = yield getContext("client");
+  try {
+    yield put(deleteReferenceDataset.request(payload));
+    const { data } = yield call(client.mutate, {
+      mutation: DELETE_REFERENCE_DATASET,
+      update: onSuccess,
+      variables: payload,
+    });
+    yield put(deleteReferenceDataset.success(data));
+  } catch (error) {
+    yield put(deleteReferenceDataset.failure(error.message));
+  } finally {
+    yield put(deleteReferenceDataset.fulfill());
+  }
+}
+
+export function* deleteReferenceDatasetRequestSaga() {
+  yield takeLatest(deleteReferenceDataset.TRIGGER, deleteReferenceDatasetSaga);
+}

package/src/sagas/downloadReferenceDataset.js

@@ -0,0 +1,44 @@
+import _ from "lodash/fp";
+import { compile } from "path-to-regexp";
+import FileSaver from "file-saver";
+import { call, put, takeLatest } from "redux-saga/effects";
+import { apiJson, JSON_OPTS } from "@truedat/core/services/api";
+import { lowerDeburrTrim } from "@truedat/core/services/sort";
+import { downloadReferenceDataset } from "../routines";
+import { API_REFERENCE_DATA_DOWNLOAD } from "../api";
+
+export function saveFile(name, data) {
+  if (!_.isEmpty(data)) {
+    const fileName = lowerDeburrTrim(name);
+    const blob = new Blob([String.fromCharCode(0xfeff), data], {
+      type: "text/csv;charset=utf-8",
+    });
+    FileSaver.saveAs(blob, `${fileName}.csv`);
+  }
+}
+
+export function* downloadReferenceDatasetSaga({ payload: { id, name } = {} }) {
+  try {
+    const url = compile(API_REFERENCE_DATA_DOWNLOAD)({ id });
+    yield put(downloadReferenceDataset.request(id));
+    const { data } = yield call(apiJson, url, JSON_OPTS);
+    yield call(saveFile, name, data);
+    yield put(downloadReferenceDataset.success({ id }));
+  } catch (error) {
+    if (error.response) {
+      const { status, data } = error.response;
+      yield put(downloadReferenceDataset.failure({ status, data }));
+    } else {
+      yield put(downloadReferenceDataset.failure(error.message));
+    }
+  } finally {
+    yield put(downloadReferenceDataset.fulfill());
+  }
+}
+
+export function* downloadReferenceDatasetRequestSaga() {
+  yield takeLatest(
+    downloadReferenceDataset.TRIGGER,
+    downloadReferenceDatasetSaga
+  );
+}

package/src/sagas/index.js

@@ -1,24 +1,26 @@
 import { bulkUpdateStructuresRequestsSaga } from "./bulkUpdateStructures";
-//import { cancelPollRequestSaga } from "./cancelPoll";
 import { createGrantRequestApprovalRequestSaga } from "./createGrantRequestApproval";
 import { createGraphRequestSaga } from "./createGraph";
 import { createProfileGroupRequestSaga } from "./createProfileGroup";
+import { createReferenceDatasetRequestSaga } from "./createReferenceDataset";
 import { createStructureGraphRequestSaga } from "./createStructureGraph";
 import { createStructureTagRequestSaga } from "./createStructureTag";
-import { deleteStructureRequestSaga } from "./deleteStructure";
 import { createSystemRequestSaga } from "./createSystem";
 import { deleteLinkStructureTagRequestSaga } from "./deleteLinkStructureTag";
+import { deleteReferenceDatasetRequestSaga } from "./deleteReferenceDataset";
+import { deleteStructureRequestSaga } from "./deleteStructure";
 import { deleteStructureTagRequestSaga } from "./deleteStructureTag";
 import { deleteUserSearchFilterRequestSaga } from "./deleteUserSearchFilter";
 import { doStructureNoteActionRequestSaga } from "./doStructureNoteAction";
 import { downloadCsvGraphRequestSaga } from "./downloadCsvGraph";
-import { downloadGrantsRequestSaga } from "./downloadGrants";
 import { downloadEditableStructuresRequestSaga } from "./downloadEditableStructures";
+import { downloadGrantsRequestSaga } from "./downloadGrants";
+import { downloadReferenceDatasetRequestSaga } from "./downloadReferenceDataset";
 import { downloadStructuresRequestSaga } from "./downloadStructures";
 import { fetchGrantFiltersRequestSaga } from "./fetchGrantFilters";
-import { fetchGrantsRequestSaga } from "./fetchGrants";
 import { fetchGrantRequestRequestSaga } from "./fetchGrantRequest";
 import { fetchGrantRequestsRequestSaga } from "./fetchGrantRequests";
+import { fetchGrantsRequestSaga } from "./fetchGrants";
 import { fetchGraphRequestSaga } from "./fetchGraph";
 import { fetchLineageEventsRequestSaga } from "./fetchLineageEvents";
 import { fetchLinksStructureTagsRequestSaga } from "./fetchLinksStructureTags";
@@ -31,45 +33,48 @@ import { fetchStructureNotesRequestSaga } from "./fetchStructureNotes";
 import { fetchStructureRequestSaga } from "./fetchStructure";
 import { fetchStructureTypeRequestSaga } from "./fetchStructureType";
 import { fetchStructureTypesRequestSaga } from "./fetchStructureTypes";
-import { fetchUserSearchFiltersRequestSaga } from "./fetchUserSearchFilters";
 import { fetchStructuresRequestSaga } from "./fetchStructures";
 import { fetchStructuresUploadEventsRequestSaga } from "./fetchStructuresUploadEvents";
 import { fetchSystemRequestSaga } from "./fetchSystem";
 import { fetchSystemStructuresRequestSaga } from "./fetchSystemStructures";
 import { fetchSystemsRequestSaga } from "./fetchSystems";
 import { fetchUnitDomainsRequestSaga } from "./fetchUnitDomains";
+import { fetchUserSearchFiltersRequestSaga } from "./fetchUserSearchFilters";
 import { linkStructureTagRequestSaga } from "./linkStructureTag";
+import { operateGrantRequestToCartRequestSaga } from "./operateGrantRequestCart";
 import { saveUserSearchFiltersRequestSaga } from "./saveUserSearchFilters";
+import { updateReferenceDatasetRequestSaga } from "./updateReferenceDataset";
 import { updateStructureRequestSaga } from "./updateStructure";
 import { updateStructureTagRequestSaga } from "./updateStructureTag";
 import { updateStructureTypeRequestSaga } from "./updateStructureType";
 import { updateSystemRequestSaga } from "./updateSystem";
-import { uploadStructuresRequestSaga } from "./uploadStructures";
 import { uploadStructuresDomainsRequestSaga } from "./uploadStructuresDomains";
-import { operateGrantRequestToCartRequestSaga } from "./operateGrantRequestCart";
+import { uploadStructuresRequestSaga } from "./uploadStructures";
 
 export {
   bulkUpdateStructuresRequestsSaga,
-  //cancelPollRequestSaga,
   createGrantRequestApprovalRequestSaga,
   createGraphRequestSaga,
   createProfileGroupRequestSaga,
+  createReferenceDatasetRequestSaga,
   createStructureGraphRequestSaga,
   createStructureTagRequestSaga,
-  deleteStructureRequestSaga,
   createSystemRequestSaga,
   deleteLinkStructureTagRequestSaga,
+  deleteReferenceDatasetRequestSaga,
+  deleteStructureRequestSaga,
   deleteStructureTagRequestSaga,
   deleteUserSearchFilterRequestSaga,
   doStructureNoteActionRequestSaga,
   downloadCsvGraphRequestSaga,
-  downloadGrantsRequestSaga,
   downloadEditableStructuresRequestSaga,
+  downloadGrantsRequestSaga,
+  downloadReferenceDatasetRequestSaga,
   downloadStructuresRequestSaga,
   fetchGrantFiltersRequestSaga,
-  fetchGrantsRequestSaga,
   fetchGrantRequestRequestSaga,
   fetchGrantRequestsRequestSaga,
+  fetchGrantsRequestSaga,
   fetchGraphRequestSaga,
   fetchLineageEventsRequestSaga,
   fetchLinksStructureTagsRequestSaga,
@@ -82,46 +87,49 @@ export {
   fetchStructureRequestSaga,
   fetchStructureTypeRequestSaga,
   fetchStructureTypesRequestSaga,
-  fetchStructuresUploadEventsRequestSaga,
-  fetchUserSearchFiltersRequestSaga,
   fetchStructuresRequestSaga,
+  fetchStructuresUploadEventsRequestSaga,
   fetchSystemRequestSaga,
   fetchSystemStructuresRequestSaga,
   fetchSystemsRequestSaga,
   fetchUnitDomainsRequestSaga,
+  fetchUserSearchFiltersRequestSaga,
   linkStructureTagRequestSaga,
+  operateGrantRequestToCartRequestSaga,
   saveUserSearchFiltersRequestSaga,
+  updateReferenceDatasetRequestSaga,
   updateStructureRequestSaga,
   updateStructureTagRequestSaga,
   updateStructureTypeRequestSaga,
   updateSystemRequestSaga,
-  uploadStructuresRequestSaga,
   uploadStructuresDomainsRequestSaga,
-  operateGrantRequestToCartRequestSaga,
+  uploadStructuresRequestSaga,
 };
 
 export default [
   bulkUpdateStructuresRequestsSaga(),
-  //cancelPollRequestSaga(),
   createGrantRequestApprovalRequestSaga(),
   createGraphRequestSaga(),
   createProfileGroupRequestSaga(),
+  createReferenceDatasetRequestSaga(),
   createStructureGraphRequestSaga(),
   createStructureTagRequestSaga(),
-  deleteStructureRequestSaga(),
   createSystemRequestSaga(),
   deleteLinkStructureTagRequestSaga(),
+  deleteReferenceDatasetRequestSaga(),
+  deleteStructureRequestSaga(),
   deleteStructureTagRequestSaga(),
   deleteUserSearchFilterRequestSaga(),
   doStructureNoteActionRequestSaga(),
   downloadCsvGraphRequestSaga(),
-  downloadGrantsRequestSaga(),
   downloadEditableStructuresRequestSaga(),
+  downloadGrantsRequestSaga(),
+  downloadReferenceDatasetRequestSaga(),
   downloadStructuresRequestSaga(),
   fetchGrantFiltersRequestSaga(),
-  fetchGrantsRequestSaga(),
   fetchGrantRequestRequestSaga(),
   fetchGrantRequestsRequestSaga(),
+  fetchGrantsRequestSaga(),
   fetchGraphRequestSaga(),
   fetchLineageEventsRequestSaga(),
   fetchLinksStructureTagsRequestSaga(),
@@ -134,20 +142,21 @@ export default [
   fetchStructureRequestSaga(),
   fetchStructureTypeRequestSaga(),
   fetchStructureTypesRequestSaga(),
-  fetchUserSearchFiltersRequestSaga(),
   fetchStructuresRequestSaga(),
   fetchStructuresUploadEventsRequestSaga(),
   fetchSystemRequestSaga(),
   fetchSystemStructuresRequestSaga(),
   fetchSystemsRequestSaga(),
   fetchUnitDomainsRequestSaga(),
+  fetchUserSearchFiltersRequestSaga(),
   linkStructureTagRequestSaga(),
+  operateGrantRequestToCartRequestSaga(),
   saveUserSearchFiltersRequestSaga(),
+  updateReferenceDatasetRequestSaga(),
   updateStructureRequestSaga(),
   updateStructureTagRequestSaga(),
   updateStructureTypeRequestSaga(),
   updateSystemRequestSaga(),
-  uploadStructuresRequestSaga(),
   uploadStructuresDomainsRequestSaga(),
-  operateGrantRequestToCartRequestSaga(),
+  uploadStructuresRequestSaga(),
 ];

package/src/sagas/updateReferenceDataset.js

@@ -0,0 +1,35 @@
+import { call, put, takeLatest, getContext } from "redux-saga/effects";
+import { toBase64 } from "@truedat/core/services/file";
+import { UPDATE_REFERENCE_DATASET } from "../api/mutations";
+import { updateReferenceDataset } from "../routines";
+
+export const onSuccess = (cache, { data: { updateReferenceDataset } }) => {
+  cache.evict({ id: "ROOT_QUERY", fieldName: "referenceDatasets" });
+  cache.evict({ id: cache.identify(updateReferenceDataset) });
+  cache.gc();
+};
+
+export function* updateReferenceDatasetSaga({
+  payload: { file, ...rest } = {},
+}) {
+  const client = yield getContext("client");
+  try {
+    const dataUrl = file ? yield call(toBase64, file) : null;
+    const dataset = dataUrl ? { ...rest, data: dataUrl } : rest;
+    yield put(updateReferenceDataset.request(dataset));
+    const { data } = yield call(client.mutate, {
+      mutation: UPDATE_REFERENCE_DATASET,
+      update: onSuccess,
+      variables: { dataset },
+    });
+    yield put(updateReferenceDataset.success(data));
+  } catch (error) {
+    yield put(updateReferenceDataset.failure(error.message));
+  } finally {
+    yield put(updateReferenceDataset.fulfill());
+  }
+}
+
+export function* updateReferenceDatasetRequestSaga() {
+  yield takeLatest(updateReferenceDataset.TRIGGER, updateReferenceDatasetSaga);
+}

package/src/selectors/getRelationSortingCriteria.js

@@ -1,11 +1,9 @@
 import _ from "lodash/fp";
 import { createSelector } from "reselect";
-import { lowerDeburr } from "@truedat/core/services/sort";
+import { lowerDeburrPath } from "@truedat/core/services/sort";
 
-const lowerDeburrPath = (field, key) => _.flow(_.path(key), lowerDeburr)(field);
-
-const nameCriteria = field => lowerDeburrPath(field, "structure.name");
-const typeCriteria = field => lowerDeburrPath(field, "relation_type.name");
+const nameCriteria = lowerDeburrPath("structure.name");
+const typeCriteria = lowerDeburrPath("relation_type.name");
 
 const defaultRelationSortingCriteria = [typeCriteria, nameCriteria];
 

package/src/selectors/getTabVisibility.js

@@ -42,10 +42,7 @@ const impactTabVisible = _.anyPass([_.path("structure.degree.out")]);
 const parentsTabVisible = _.conformsTo({ parentRelations: notEmpty });
 const childrenTabVisible = _.conformsTo({ childrenRelations: notEmpty });
 const eventsTabVisible = _.flow(_.prop("structureVersion"), _.isEmpty);
-const grantsTabVisible = _.flow(
-  _.path("structure.grants"),
-  _.negate(_.isEmpty)
-);
+const grantsTabVisible = _.flow(_.path("structure.grants"), notEmpty);
 
 export const getTabVisibility = (state) => ({
   fields: fieldsTabVisible(state),

package/src/components/ProfilingElements.js

@@ -1,89 +0,0 @@
-import _ from "lodash/fp";
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { Button, Icon, Grid } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
-import ProfilingGraph from "./ProfilingGraph";
-import ProfilingPatterns from "./ProfilingPatterns";
-
-export const ProfilingElements = ({ profile }) => {
-  const { most_frequent, patterns } = profile || {};
-  const [elementActive, setElementActive] = useState("graph");
-  const titleElement =
-    elementActive === "graph"
-      ? "structure.field.graph.title"
-      : "structure.field.patterns.title";
-  return (
-    <>
-      {!_.isEmpty(most_frequent) && !_.isEmpty(patterns) && (
-        <>
-          <Grid>
-            <Grid.Column width={8}>
-              <p>
-                <FormattedMessage id={titleElement} />:
-              </p>
-            </Grid.Column>
-            <Grid.Column width={8} textAlign="right">
-              <Button.Group floated="right">
-                <Button
-                  active={elementActive === "graph"}
-                  icon
-                  onClick={() => setElementActive("graph")}
-                >
-                  <Icon name="chart line" />
-                </Button>
-                <Button
-                  active={elementActive === "patterns"}
-                  icon
-                  onClick={() => setElementActive("patterns")}
-                >
-                  <Icon name="list ul" />
-                </Button>
-              </Button.Group>
-            </Grid.Column>
-          </Grid>
-
-          {elementActive === "graph" && <ProfilingGraph />}
-          {elementActive === "patterns" && <ProfilingPatterns />}
-        </>
-      )}
-
-      {!_.isEmpty(most_frequent) && _.isEmpty(patterns) && (
-        <>
-          <Grid>
-            <Grid.Column width={16}>
-              <p>
-                <FormattedMessage id="structure.field.graph.title" />:
-              </p>
-            </Grid.Column>
-          </Grid>
-
-          <ProfilingGraph />
-        </>
-      )}
-
-      {_.isEmpty(most_frequent) && !_.isEmpty(patterns) && (
-        <>
-          <Grid>
-            <Grid.Column width={16}>
-              <p>
-                <FormattedMessage id="structure.field.patterns.title" />
-              </p>
-            </Grid.Column>
-          </Grid>
-
-          <ProfilingPatterns />
-        </>
-      )}
-    </>
-  );
-};
-
-ProfilingElements.propTypes = {
-  profile: PropTypes.object,
-};
-
-const mapStateToProps = ({ structureProfile: profile }) => ({ profile });
-
-export default connect(mapStateToProps)(ProfilingElements);