@truedat/bg 7.10.4 → 7.11.0

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

@@ -0,0 +1,132 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ConceptLinksApprovalsTable matches the latest snapshot while loading 1`] = `<div />`;
+
+exports[`ConceptLinksApprovalsTable matches the latest snapshot with data 1`] = `
+<div>
+  <table
+    class="ui selectable sortable table"
+  >
+    <thead
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <th
+          class="center aligned"
+        >
+          <div
+            class="ui fitted checkbox"
+          >
+            <input
+              class="hidden"
+              id="selectLink"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label
+              for="selectLink"
+            />
+          </div>
+        </th>
+        <th
+          class="four wide disabled"
+        >
+          source_name
+        </th>
+        <th
+          class="four wide disabled"
+        >
+          target_name
+        </th>
+        <th
+          class="two wide disabled"
+        >
+          tag_type
+        </th>
+        <th
+          class="two wide disabled"
+        >
+          status
+        </th>
+        <th
+          class="two wide disabled"
+        >
+          updated_at
+        </th>
+      </tr>
+    </thead>
+    <tbody
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <td
+          class="collapsing center aligned one wide"
+        >
+          <div
+            class="ui fitted checkbox"
+          >
+            <input
+              class="hidden"
+              id="1"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label
+              for="1"
+            />
+          </div>
+        </td>
+        <td
+          class=""
+        >
+          Concept 1
+        </td>
+        <td
+          class=""
+        >
+          Structure 1
+        </td>
+        <td
+          class=""
+        >
+          relates_to
+        </td>
+        <td
+          class=""
+        >
+          pending
+        </td>
+        <td
+          class=""
+        >
+          2023-01-01
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`;
+
+exports[`ConceptLinksApprovalsTable matches the latest snapshot with empty data 1`] = `
+<div>
+  <h4
+    class="ui header"
+  >
+    <i
+      aria-hidden="true"
+      class="search icon"
+    />
+    <div
+      class="content"
+    >
+      conceptRelations.approvals.links.empty
+    </div>
+  </h4>
+</div>
+`;

package/src/concepts/relations/hooks/useLinks.js

@@ -0,0 +1,25 @@
+import useSWRMutations from "swr/mutation";
+import { apiJsonPost } from "@truedat/core/services/api";
+import {
+  API_RELATIONS_SEARCH,
+  API_RELATIONS_FILTERS,
+  API_RELATIONS_BULK_UPDATE_STATUS,
+} from "../api";
+
+export const useLinksBulkUpdateStatus = () => {
+  return useSWRMutations(API_RELATIONS_BULK_UPDATE_STATUS, (url, { arg }) =>
+    apiJsonPost(url, arg)
+  );
+};
+
+export const useLinksSearch = () => {
+  return useSWRMutations(API_RELATIONS_SEARCH, (url, { arg }) =>
+    apiJsonPost(url, arg)
+  );
+};
+
+export const useLinksFilters = () => {
+  return useSWRMutations(API_RELATIONS_FILTERS, (url, { arg }) =>
+    apiJsonPost(url, arg)
+  );
+};

package/src/concepts/relations/selectors/getLinksSearchColumns.js

@@ -0,0 +1,106 @@
+import _ from "lodash/fp";
+import { Header, Icon, Popup } from "semantic-ui-react";
+import { createSelector } from "reselect";
+import { linkTo } from "@truedat/core/routes";
+import { Link } from "react-router";
+import { useIntl } from "react-intl";
+import PropTypes, { node } from "prop-types";
+import Moment from "react-moment";
+
+const DateDecorator = ({ date }) => {
+  const { locale } = useIntl();
+  return date ? (
+    <Moment locale={locale} date={date} format="YYYY-MM-DD HH:mm" />
+  ) : null;
+};
+
+DateDecorator.propTypes = {
+  date: PropTypes.string,
+};
+
+const StatusDecorator = ({ status }) => {
+  const { formatMessage } = useIntl();
+  return status ? (
+    <>{formatMessage({ id: `conceptRelations.approvals.status.${status}` })}</>
+  ) : null;
+};
+
+StatusDecorator.propTypes = {
+  status: PropTypes.string,
+};
+
+const nodeDecorator = ({ link, nodeRole }) => {
+  const nodeData = _.flow(
+    (link) =>
+      nodeRole === "source"
+        ? _.pick(["source_type", "source_id", "source_name"])(link)
+        : _.pick(["target_type", "target_id", "target_name"])(link),
+    (obj) => ({
+      type: obj[`${nodeRole}_type`],
+      id: obj[`${nodeRole}_id`],
+      name: obj[`${nodeRole}_name`],
+    })
+  )(link);
+
+  const linkToNode =
+    nodeData.type === "business_concept"
+      ? linkTo.CONCEPT_VERSION({
+          business_concept_id: nodeData.id,
+          id: "current",
+        })
+      : linkTo.STRUCTURE({
+          id: nodeData.id,
+        });
+
+  return (
+    <Link onClick={(e) => e.stopPropagation()} to={linkToNode}>
+      {nodeData.name}
+    </Link>
+  );
+};
+
+export const defaultLinksSearchTableColumns = [
+  {
+    name: "source_name",
+    sort: { name: "source_name.sort" },
+    fieldSelector: (link) => ({ link, nodeRole: "source" }),
+    fieldDecorator: nodeDecorator,
+  },
+  {
+    name: "tag_type",
+    sort: { name: "tag_type.sort" },
+  },
+  {
+    name: "target_name",
+    sort: { name: "target_name.sort" },
+    fieldSelector: (link) => ({ link, nodeRole: "target" }),
+    fieldDecorator: nodeDecorator,
+  },
+  {
+    name: "status",
+    sort: { name: "status" },
+    fieldSelector: (link) => link,
+    fieldDecorator: StatusDecorator,
+    width: 2,
+  },
+
+  {
+    name: "updated_at",
+    sort: { name: "updated_at" },
+    fieldSelector: (link) => ({
+      date: link?.updated_at,
+    }),
+    fieldDecorator: DateDecorator,
+    textAlign: "center",
+    width: 2,
+  },
+];
+
+export const getLinksSearchColumns = createSelector(
+  [_.prop("linksSearchColumns")],
+  (linksSearchColumns) => {
+    return _.flow(_.defaultTo(defaultLinksSearchTableColumns))(
+      linksSearchColumns
+    );
+  }
+);

package/src/concepts/relations/selectors/index.js

@@ -11,3 +11,5 @@ export {
   getBusinessConceptsLinksToImplementationsColumns,
   defaultBusinessConceptsLinksToImplementationsColumns,
 } from "./getBusinessConceptsLinksToImplementationsColumns";
+
+export { getLinksSearchColumns } from "./getLinksSearchColumns";

package/src/concepts/relations/styles/ConceptLinksApprovals.less

@@ -0,0 +1,15 @@
+.concepts-links-approvals-status-selector{
+
+  .checkbox{
+    margin-left: 25px;
+
+    &:first-child {
+      margin-left: 0;
+    }
+  }
+}
+.concepts-links-bulk-label-results {
+  margin-top: 20px;
+  width: 100%;
+  text-align: right;
+}