@truedat/qx 7.5.9 → 7.5.11

package/src/components/scores/__tests__/__snapshots__/ScoreGroup.spec.js.snap

@@ -4,13 +4,13 @@ exports[`<ScoreGroup /> matches the latest snapshot 1`] = `
 <div>
   <div
     class="ui breadcrumb"
-    style="display: none;"
   >
     <a
       class="section"
+      data-discover="true"
       href="/myScoreGroups"
     >
-      My Executions
+      sidemenu.executions
     </a>
     <i
       aria-hidden="true"
@@ -28,7 +28,6 @@ exports[`<ScoreGroup /> matches the latest snapshot 1`] = `
   </div>
   <div
     class="ui message"
-    style="display: none;"
   >
     <div
       class="content"
@@ -36,16 +35,45 @@ exports[`<ScoreGroup /> matches the latest snapshot 1`] = `
       <div
         class="header"
       >
-        Scores scheduled
+        scores.pending.header
       </div>
       <p>
-        There are 1 scores pending, please check again later
+        scores.pending.content
       </p>
     </div>
   </div>
+  <div
+    class="ui horizontal divider"
+  >
+    <h3>
+      g1
+    </h3>
+  </div>
+  <div
+    class="ui big very relaxed list"
+    role="list"
+  >
+    <div
+      class="item"
+      role="listitem"
+    >
+      <div
+        class="header dynamic-field-header"
+      >
+        field1
+      </div>
+      <div
+        class="description"
+      >
+        <i
+          aria-hidden="true"
+          class="grey minus icon"
+        />
+      </div>
+    </div>
+  </div>
   <table
     class="ui table"
-    style="display: none;"
   >
     <thead
       class=""
@@ -56,12 +84,12 @@ exports[`<ScoreGroup /> matches the latest snapshot 1`] = `
         <th
           class=""
         >
-          Status
+          score.props.status
         </th>
         <th
           class=""
         >
-          Name
+          quality_control.props.name
         </th>
       </tr>
     </thead>
@@ -75,19 +103,21 @@ exports[`<ScoreGroup /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/scores/15"
           >
             <i
               aria-hidden="true"
               class="grey info circle large icon"
             />
-            Pending
+            score.status.PENDING
           </a>
         </td>
         <td
           class=""
         >
           <a
+            data-discover="true"
             href="/qualityControls/8/version/1"
           >
             test
@@ -96,7 +126,6 @@ exports[`<ScoreGroup /> matches the latest snapshot 1`] = `
       </tr>
     </tbody>
   </table>
-  lazy
 </div>
 `;
 

package/src/components/scores/__tests__/__snapshots__/ScoreGroupBreadcrumbs.spec.js.snap

@@ -7,6 +7,7 @@ exports[`<ScoreGroupBreadcrumbs /> matches the latest snapshot 1`] = `
   >
     <a
       class="section"
+      data-discover="true"
       href="/myScoreGroups"
     >
       My Executions

package/src/components/scores/__tests__/__snapshots__/ScoreGroupForm.spec.js.snap

@@ -6,7 +6,7 @@ exports[`<ScoreGroupForm /> matches the latest snapshot 1`] = `
     class="ui header"
     style=""
   >
-    Quality controls execution
+    quality_controls.actions.execution.confirmation.header
   </h2>
   <form
     class="ui form"
@@ -15,7 +15,7 @@ exports[`<ScoreGroupForm /> matches the latest snapshot 1`] = `
     <h3
       class="ui header"
     >
-      Template fields
+      quality_controls.actions.execution.confirmation.legend
     </h3>
     <div
       style="max-height: calc(100vh - 20rem); overflow-y: auto;"
@@ -53,7 +53,7 @@ exports[`<ScoreGroupForm /> matches the latest snapshot 1`] = `
       </div>
     </div>
     <p>
-      10 quality controls will be executed. Are you sure?
+      quality_controls.actions.execution.confirmation.content
     </p>
     <div
       class="actions"
@@ -61,12 +61,12 @@ exports[`<ScoreGroupForm /> matches the latest snapshot 1`] = `
       <button
         class="ui secondary button"
       >
-        Cancel
+        actions.cancel
       </button>
       <button
         class="ui primary button"
       >
-        Create
+        actions.create
       </button>
     </div>
   </form>
@@ -78,7 +78,7 @@ exports[`<ScoreGroupForm /> matches the latest snapshot for count 1 1`] = `
   <h2
     class="ui header"
   >
-    Quality controls execution
+    quality_controls.actions.execution.confirmation.header
   </h2>
   <form
     class="ui form"
@@ -86,7 +86,7 @@ exports[`<ScoreGroupForm /> matches the latest snapshot for count 1 1`] = `
     <h3
       class="ui header"
     >
-      Template fields
+      quality_controls.actions.execution.confirmation.legend
     </h3>
     <div
       style="max-height: calc(100vh - 20rem); overflow-y: auto;"
@@ -124,7 +124,7 @@ exports[`<ScoreGroupForm /> matches the latest snapshot for count 1 1`] = `
       </div>
     </div>
     <p>
-      This quality control will be executed. Are you sure?
+      quality_control.actions.execution.confirmation.content
     </p>
     <div
       class="actions"
@@ -132,12 +132,12 @@ exports[`<ScoreGroupForm /> matches the latest snapshot for count 1 1`] = `
       <button
         class="ui secondary button"
       >
-        Cancel
+        actions.cancel
       </button>
       <button
         class="ui primary button"
       >
-        Create
+        actions.create
       </button>
     </div>
   </form>

package/src/components/scores/__tests__/__snapshots__/ScoreGroupLink.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`<ScoreGroupLink /> matches the latest snapshot 1`] = `
 <div>
   <a
+    data-discover="true"
     href="/scoreGroups/8"
   >
     <time

package/src/components/scores/__tests__/__snapshots__/ScoreGroupsRoutes.spec.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ScoreGroupsRoutes /> renders correctly with default route 1`] = `
+<div>
+  <div>
+    MyScoreGroups
+  </div>
+</div>
+`;
+
+exports[`<ScoreGroupsRoutes /> renders correctly with my score groups route 1`] = `
+<div>
+  <div>
+    ScoreGroup
+  </div>
+</div>
+`;
+
+exports[`<ScoreGroupsRoutes /> renders correctly with score group detail route 1`] = `<div />`;

package/src/components/scores/__tests__/__snapshots__/ScoreGroupsTable.spec.js.snap

@@ -58,6 +58,7 @@ exports[`<ScoreGroupsTable /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/scoreGroups/36"
           >
             <time
@@ -105,6 +106,7 @@ exports[`<ScoreGroupsTable /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/scoreGroups/36"
           >
             <time

package/src/components/scores/__tests__/__snapshots__/ScoreStatusDecorator.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`<ScoreStatusDecorator /> matches the latest snapshot for status FAILED 1`] = `
 <div>
   <a
+    data-discover="true"
     href="/scores/8"
   >
     <i
@@ -17,6 +18,7 @@ exports[`<ScoreStatusDecorator /> matches the latest snapshot for status FAILED
 exports[`<ScoreStatusDecorator /> matches the latest snapshot for status PENDING 1`] = `
 <div>
   <a
+    data-discover="true"
     href="/scores/8"
   >
     <i
@@ -31,6 +33,7 @@ exports[`<ScoreStatusDecorator /> matches the latest snapshot for status PENDING
 exports[`<ScoreStatusDecorator /> matches the latest snapshot for status QUEUED 1`] = `
 <div>
   <a
+    data-discover="true"
     href="/scores/8"
   >
     <i
@@ -45,6 +48,7 @@ exports[`<ScoreStatusDecorator /> matches the latest snapshot for status QUEUED
 exports[`<ScoreStatusDecorator /> matches the latest snapshot for status STARTED 1`] = `
 <div>
   <a
+    data-discover="true"
     href="/scores/8"
   >
     <i
@@ -59,6 +63,7 @@ exports[`<ScoreStatusDecorator /> matches the latest snapshot for status STARTED
 exports[`<ScoreStatusDecorator /> matches the latest snapshot for status SUCCEEDED 1`] = `
 <div>
   <a
+    data-discover="true"
     href="/scores/8"
   >
     <i

package/src/components/scores/__tests__/__snapshots__/ScoreTabs.spec.js.snap

@@ -7,12 +7,14 @@ exports[`<ScoreTabs /> matches the latest snapshot for details 1`] = `
   >
     <a
       class="active item"
+      data-discover="true"
       href="/scores/15"
     >
       Details
     </a>
     <a
       class="item"
+      data-discover="true"
       href="/scores/15/events"
     >
       Events
@@ -28,12 +30,14 @@ exports[`<ScoreTabs /> matches the latest snapshot for events 1`] = `
   >
     <a
       class="item"
+      data-discover="true"
       href="/scores/15"
     >
       Details
     </a>
     <a
       class="active item"
+      data-discover="true"
       href="/scores/15/events"
     >
       Events

package/src/hooks/__tests__/useDataViews.spec.js

@@ -1,5 +1,5 @@
 import useSWR from "swr";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import { apiJson } from "@truedat/core/services/api";
 import { API_DATA_VIEWS } from "../../api";
 import { useDataViews } from "../useDataViews";

package/src/hooks/__tests__/useFunctions.spec.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { compile } from "path-to-regexp";
 import useSWR from "swr";
 import useSWRMutations from "swr/mutation";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import {
   apiJson,
   apiJsonPost,
@@ -63,7 +63,7 @@ describe("useFunctions", () => {
     expect(apiJsonPost).toHaveBeenCalledWith(url, arg);
   });
   it("useFunctionUpdate calls useSWRMutations with correct api route", () => {
-    const id = 8;
+    const id = "8";
     renderHook(() => useFunctionUpdate({ id }));
     const [url, func] = _.last(useSWRMutations.mock.calls);
     const arg = { some: "arg" };
@@ -76,12 +76,12 @@ describe("useFunctions", () => {
     renderHook(() => useFunctionUpdate());
     const [url, func] = _.last(useSWRMutations.mock.calls);
     const arg = { some: "arg" };
-    expect(url).toBe(compile(API_FUNCTION)({ id: 0 }));
+    expect(url).toBe(compile(API_FUNCTION)({ id: "0" }));
     func(url, { arg });
     expect(apiJsonPatch).toHaveBeenCalledWith(url, arg);
   });
   it("useFunctionDelete calls useSWRMutations with correct api route", () => {
-    const id = 8;
+    const id = "8";
     renderHook(() => useFunctionDelete({ id }));
     const [url, func] = _.last(useSWRMutations.mock.calls);
     const arg = { some: "arg" };
@@ -94,7 +94,7 @@ describe("useFunctions", () => {
     renderHook(() => useFunctionDelete());
     const [url, func] = _.last(useSWRMutations.mock.calls);
     const arg = { some: "arg" };
-    expect(url).toBe(compile(API_FUNCTION)({ id: 0 }));
+    expect(url).toBe(compile(API_FUNCTION)({ id: "0" }));
     func(url, { arg });
     expect(apiJsonDelete).toHaveBeenCalledWith(url, arg);
   });

package/src/hooks/useDataViews.js

@@ -22,12 +22,12 @@ export const useDataViewCreate = () => {
 
 export const useDataViewUpdate = (dataView) => {
   const id = dataView?.id || 0;
-  const url = compile(API_DATA_VIEW)({ id });
+  const url = compile(API_DATA_VIEW)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
 };
 
 export const useDataViewDelete = (dataView) => {
   const id = dataView?.id || 0;
-  const url = compile(API_DATA_VIEW)({ id });
+  const url = compile(API_DATA_VIEW)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonDelete(url, arg));
 };

package/src/hooks/useExecutionGroups.js

@@ -22,7 +22,7 @@ export const useExecutionGroupsIndex = () => {
 };
 
 export const useExecutionGroupsShow = (id) => {
-  const url = compile(API_QUALITY_CONTROL_EXECUTION_GROUP)({ id });
+  const url = compile(API_QUALITY_CONTROL_EXECUTION_GROUP)({ id: `${id}` });
   const { data, error, mutate } = useSWR(url, apiJson);
   return { data: data?.data, error, loading: !error && !data, mutate };
 };

package/src/hooks/useFunctions.js

@@ -21,13 +21,13 @@ export const useFunctionCreate = () => {
 };
 
 export const useFunctionUpdate = (func) => {
-  const id = func?.id || 0;
-  const url = compile(API_FUNCTION)({ id });
+  const id = func?.id || "0";
+  const url = compile(API_FUNCTION)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
 };
 
 export const useFunctionDelete = (func) => {
-  const id = func?.id || 0;
-  const url = compile(API_FUNCTION)({ id });
+  const id = func?.id || "0";
+  const url = compile(API_FUNCTION)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonDelete(url, arg));
 };

package/src/hooks/useQualityControls.js

@@ -19,7 +19,10 @@ import {
 } from "../api";
 
 export const useQualityControl = (id, version) => {
-  const url = compile(API_QUALITY_CONTROL_VERSION)({ id, version });
+  const url = compile(API_QUALITY_CONTROL_VERSION)({
+    id: `${id}`,
+    version: `${version}`,
+  });
   const { data, error, mutate } = useSWR(url, apiJson);
   return { data: data?.data, error, loading: !error && !data, mutate };
 };
@@ -31,29 +34,32 @@ export const useQualityControlCreate = () => {
 };
 
 export const useQualityControlCreateDraft = (id) => {
-  const url = compile(API_QUALITY_CONTROL_DRAFT)({ id });
+  const url = compile(API_QUALITY_CONTROL_DRAFT)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonPost(url, arg));
 };
 
 export const useQualityControlUpdateDraft = (id) => {
-  const url = compile(API_QUALITY_CONTROL_DRAFT)({ id });
+  const url = compile(API_QUALITY_CONTROL_DRAFT)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
 };
 
 export const useQualityControlUpdateStatus = (id) => {
-  const url = compile(API_QUALITY_CONTROL_STATUS)({ id });
+  const url = compile(API_QUALITY_CONTROL_STATUS)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
 };
 
 export const useQualityControlUpdateMain = (id) => {
-  const url = compile(API_QUALITY_CONTROL_MAIN)({ id });
+  const url = compile(API_QUALITY_CONTROL_MAIN)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
 };
 
 export const useQualityControlDelete = (qualityControl) => {
   const id = qualityControl?.id || 0;
   const version = qualityControl?.version || 0;
-  const url = compile(API_QUALITY_CONTROL_VERSION)({ id, version });
+  const url = compile(API_QUALITY_CONTROL_VERSION)({
+    id: `${id}`,
+    version: `${version}`,
+  });
   return useSWRMutations(url, (url, { arg }) => apiJsonDelete(url, arg), {
     revalidate: false,
   });
@@ -71,7 +77,7 @@ export const useQualityControlsFilters = () => {
   );
 };
 export const useQualityControlQueries = (id) => {
-  const url = compile(API_QUALITY_CONTROL_QUERIES)({ id });
+  const url = compile(API_QUALITY_CONTROL_QUERIES)({ id: `${id}` });
   const { data, error, mutate } = useSWR(url, apiJson);
   return { data: data?.data, error, loading: !error && !data, mutate };
 };

package/src/hooks/useScoreGroups.js

@@ -16,7 +16,7 @@ export const useScoreGroupCreate = () => {
 };
 
 export const useScoreGroupShow = (id) => {
-  const url = compile(API_SCORE_GROUP)({ id });
+  const url = compile(API_SCORE_GROUP)({ id: `${id}` });
   const { data, error, mutate } = useSWR(url, apiJson);
   return { data: data?.data, error, loading: !error && !data, mutate };
 };

package/src/hooks/useScores.js

@@ -5,13 +5,13 @@ import { apiJson, apiJsonDelete } 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 });
+  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 };
 };
 
 export const useScoreShow = (id) => {
-  const url = compile(API_SCORE)({ id });
+  const url = compile(API_SCORE)({ id: `${id}` });
   const { data, error, mutate } = useSWR(url, apiJson);
   return { data: data?.data?.data, error, loading: !error && !data, mutate };
 };

package/src/styles/scores.less

@@ -40,24 +40,24 @@
   }
 }
 
-.quality-bar {
-  @import "~semantic-ui-less/definitions/globals/site";
-  .over-goal-color {
-    background-color: @overGoalRuleColor;
-  }
-  .under-goal-color {
-    background-color: @underGoalRuleColor;
-  }
-  .under-minimum-color {
-    background-color: @underMinimumRuleColor;
-  }
-  .not-executed-color {
-    background-color: @notExecutedRuleColor;
-  }
-  .failed-color {
-    background-color: @failedRuleColor;
-  }
-  .empty-dataset-color {
-    background-color: @emptyDataColor;
-  }
-}
+// .quality-bar {
+//   @import "~semantic-ui-less/definitions/globals/site";
+//   .over-goal-color {
+//     background-color: @overGoalRuleColor;
+//   }
+//   .under-goal-color {
+//     background-color: @underGoalRuleColor;
+//   }
+//   .under-minimum-color {
+//     background-color: @underMinimumRuleColor;
+//   }
+//   .not-executed-color {
+//     background-color: @notExecutedRuleColor;
+//   }
+//   .failed-color {
+//     background-color: @failedRuleColor;
+//   }
+//   .empty-dataset-color {
+//     background-color: @emptyDataColor;
+//   }
+// }

package/src/types.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import { Label } from "semantic-ui-react";
 
 export const types = [
@@ -40,7 +39,5 @@ export const typeToColor = (value) => {
 };
 
 export const typeLabel = (value) => (
-  <Label size="tiny" circular color={typeToColor(value)} width="100px">
-    {value[0]}
-  </Label>
+  <Label size="tiny" circular color={typeToColor(value)} width="100px">{value[0]}</Label>
 );