@truedat/qx 7.6.0 → 7.6.1

package/src/components/selectors/__tests__/getMyScoreGroupsColumns.spec.js

@@ -0,0 +1,59 @@
+import _ from "lodash/fp";
+import { render } from "@truedat/test/render";
+import { defaultMyScoreGroupsColumns } from "../getMyScoreGroupsColumns";
+import { getMyScoreGroupsColumns } from "../getMyScoreGroupsColumns";
+import { scoreGroupData } from "@truedat/qx/components/scores/__tests__/__fixtures__/scoreHelper";
+
+describe("selectors: getMyScoreGroupsColumns", () => {
+  it("should return default columns when no state is provided", () => {
+    const state = {
+      scores: [scoreGroupData({ status_summary: { PENDING: 1, QUEUED: 2 } })],
+    };
+    const columns = getMyScoreGroupsColumns({ ...state });
+    expect(_.map("name")(columns)).toEqual(
+      _.map("name")(defaultMyScoreGroupsColumns)
+    );
+    expect(columns).toMatchSnapshot();
+  });
+
+  it("should render score group link", async () => {
+    const scoreGroup = scoreGroupData();
+    const state = { scores: [scoreGroup] };
+    const columns = getMyScoreGroupsColumns({ ...state });
+    const createdColumn = columns[0];
+    const rendered = render(createdColumn.fieldDecorator(scoreGroup));
+
+    expect(rendered.container.querySelector("a")).toHaveAttribute(
+      "href",
+      expect.stringContaining(`/scoreGroups/${scoreGroup.id}`)
+    );
+  });
+
+  it("should render status labels", async () => {
+    const state = {
+      scores: [scoreGroupData({ status_summary: { PENDING: 1 } })],
+    };
+    const columns = getMyScoreGroupsColumns({ ...state });
+    const statusColumn = columns[1];
+
+    const rendered = render(statusColumn.fieldDecorator(1));
+
+    expect(
+      rendered.container.querySelector(".ui.yellow.circular.label")
+    ).toHaveTextContent("1");
+  });
+
+  it("should not render status label when count is 0", async () => {
+    const state = {
+      scores: [scoreGroupData({ status_summary: { PENDING: 0 } })],
+    };
+    const columns = getMyScoreGroupsColumns({ ...state });
+    const statusColumn = columns[1];
+
+    const rendered = render(statusColumn.fieldDecorator(0));
+
+    expect(
+      rendered.container.querySelector(".ui.label")
+    ).not.toBeInTheDocument();
+  });
+});

package/src/components/selectors/__tests__/getQualityControlScoresColumns.spec.js

@@ -0,0 +1,43 @@
+import _ from "lodash/fp";
+import { render } from "@truedat/test/render";
+import { defaultQualityControlScoresColumns } from "../getQualityControlScoresColumns";
+import { getQualityControlScoresColumns } from "../getQualityControlScoresColumns";
+import { scoreData } from "@truedat/qx/components/scores/__tests__/__fixtures__/scoreHelper";
+
+describe("selectors: getQualityControlScoresColumns", () => {
+  it("should return default columns when no state is provided", () => {
+    const state = { scores: [scoreData()] };
+    const columns = getQualityControlScoresColumns({ ...state });
+    expect(_.map("name")(columns)).toEqual(
+      _.map("name")(defaultQualityControlScoresColumns)
+    );
+    expect(columns).toMatchSnapshot();
+  });
+
+  it("should render score link with execution timestamp", async () => {
+    const bar = scoreData();
+    const state = { scores: [bar] };
+    const columns = getQualityControlScoresColumns({ ...state });
+
+    const executionTimestampColumn = columns[0];
+
+    const rendered = render(executionTimestampColumn.fieldDecorator(bar));
+
+    expect(rendered.container.querySelector("a")).toHaveAttribute(
+      "href",
+      expect.stringContaining(`/scores/${bar.id}`)
+    );
+
+    expect(rendered.container).toHaveTextContent("2024-11-19 16:34");
+  });
+
+  it("should render status message", async () => {
+    const state = { scores: [scoreData({ status: "PENDING" })] };
+    const columns = getQualityControlScoresColumns({ ...state });
+    const statusColumn = columns[1];
+
+    const rendered = render(statusColumn.fieldDecorator("PENDING"));
+
+    expect(rendered.container).toHaveTextContent("score.status.PENDING");
+  });
+});

package/src/components/selectors/getMyScoreGroupsColumns.js

@@ -0,0 +1,50 @@
+import _ from "lodash/fp";
+import React from "react";
+import { Label } from "semantic-ui-react";
+import { createSelector } from "reselect";
+import ScoreGroupLink from "@truedat/qx/components/scores/ScoreGroupLink";
+
+const statusDecorator = (field, color) => {
+  return field ? (
+    <Label
+      circular
+      color={
+        {
+          PENDING: "yellow",
+          QUEUED: "yellow",
+          STARTED: "yellow",
+          SUCCEEDED: "green",
+          FAILED: "red",
+          TIMEOUT: "red",
+        }[color]
+      }
+    >
+      {field}
+    </Label>
+  ) : null;
+};
+
+const statusColumns = _.map((status) => ({
+  name: `score.status.${status}`,
+  fieldSelector: _.pathOr(null, `status_summary.${status}`),
+  fieldDecorator: (field) => statusDecorator(field, status),
+  textAlign: "center",
+  width: 2,
+}))(["PENDING", "QUEUED", "STARTED", "SUCCEEDED", "FAILED", "TIMEOUT"]);
+
+export const defaultMyScoreGroupsColumns = [
+  {
+    name: "score_groups.table.header.created",
+    width: 4,
+    fieldSelector: _.identity,
+    fieldDecorator: ScoreGroupLink,
+  },
+  ...statusColumns,
+];
+
+const getColumns = (state) => state.myScoreGroupsColumns;
+
+export const getMyScoreGroupsColumns = createSelector(
+  getColumns,
+  _.defaultTo(defaultMyScoreGroupsColumns)
+);

package/src/components/{qualityControls/qualityControlScoresColumns.js → selectors/getQualityControlScoresColumns.js}

@@ -2,9 +2,10 @@ import _ from "lodash/fp";
 import { Link } from "react-router";
 import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
-import { DateDecorator } from "@truedat/core/services/columnDecorators";
 import { linkTo } from "@truedat/core/routes";
-import QualityBadge from "./QualityBadge";
+import { DateDecorator } from "@truedat/core/services/columnDecorators";
+import { createSelector } from "reselect";
+import QualityBadge from "@truedat/qx/components/qualityControls/QualityBadge";
 
 const ScoreLink = ({ id, execution_timestamp }) => (
   <Link to={linkTo.SCORE({ id })}>
@@ -15,13 +16,16 @@ const ScoreLink = ({ id, execution_timestamp }) => (
     )}
   </Link>
 );
+const createdAtDecorator = ({ created_at }) => {
+  return DateDecorator({ date: created_at });
+};
 
 ScoreLink.propTypes = {
   id: PropTypes.number,
   execution_timestamp: PropTypes.string,
 };
 
-export default [
+export const defaultQualityControlScoresColumns = [
   {
     name: "execution_timestamp",
     fieldSelector: _.identity,
@@ -41,11 +45,15 @@ export default [
   {
     name: "control_mode",
     fieldSelector: ({ quality_control: { control_mode } }) => control_mode,
-
     fieldDecorator: (controlMode) => (
       <FormattedMessage id={`quality_control.control_mode.${controlMode}`} />
     ),
   },
+  {
+    name: "created_at",
+    fieldSelector: _.pick(["created_at"]),
+    fieldDecorator: createdAtDecorator,
+  },
   {
     name: "quality_control_status",
     fieldDecorator: (quality_control_status) =>
@@ -56,3 +64,10 @@ export default [
       ) : null,
   },
 ];
+
+const getColumns = (state) => state.qualityControlScoresColumns;
+
+export const getQualityControlScoresColumns = createSelector(
+  getColumns,
+  _.defaultTo(defaultQualityControlScoresColumns)
+);

package/src/components/selectors/index.js

@@ -0,0 +1,2 @@
+export { defaultQualityControlScoresColumns } from "./getQualityControlScoresColumns";
+export { defaultMyScoreGroupsColumns } from "./getMyScoreGroupsColumns";

package/src/hooks/useScores.js

@@ -1,13 +1,16 @@
 import { compile } from "path-to-regexp";
 import useSWR from "swr";
 import useSWRMutations from "swr/mutation";
-import { apiJson, apiJsonDelete } from "@truedat/core/services/api";
+import {
+  apiJson,
+  apiJsonDelete,
+  apiJsonPost,
+} from "@truedat/core/services/api";
 import { API_SCORE, API_QUALITY_CONTROL_SCORES } from "../api";
 
 export const useQualityControlScores = (id) => {
   const url = compile(API_QUALITY_CONTROL_SCORES)({ id: `${id}` });
-  const { data, error, mutate } = useSWR(url, apiJson);
-  return { data: data?.data, error, loading: !error && !data, mutate };
+  return useSWRMutations(url, (_url, { arg }) => apiJsonPost(url, arg));
 };
 
 export const useScoreShow = (id) => {