@truedat/audit 8.2.2 → 8.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/audit",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "Truedat Web Audit Module",
   "sideEffects": false,
   "module": "src/index.js",
@@ -48,7 +48,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.2.2",
+    "@truedat/test": "8.2.4",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -80,5 +80,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "ef27133e5868b9aad2d95d7f2c69f36063d4327b"
+  "gitHead": "b98f63284093c90c57faa1794b6ccc1fcf761d89"
 }

package/src/components/SubscriptionForm.js

@@ -9,6 +9,8 @@ import {
   CONCEPT_EVENTS,
   DEFAULT_ICON,
   EVENTS_BY_TYPE,
+  isQualityControlSubscriptionsEnabled,
+  RESOURCE_TYPES,
   RESOURCE_TYPE_ICONS,
   STATUSES_BY_EVENT,
   SUBSCRIBER_TYPE_ICONS,
@@ -36,16 +38,12 @@ const SourceSelector = lazy(
   () => import("@truedat/cx/sources/components/SourceSelector")
 );
 
+const QualityControlSelector = lazy(
+  () => import("@truedat/qx/components/qualityControls/QualityControlSelector")
+);
+
 const SUBSCRIBER_TYPES = ["role", "taxonomy_role", "email", "user"];
 const PERIODICITIES = ["daily", "minutely", "hourly"];
-const RESOURCE_TYPES = [
-  "domain",
-  "domains",
-  "concept",
-  "data_structure",
-  "source",
-  "rule",
-];
 const DEFAULT_VALUES = {
   periodicity: null,
   subscriber: {
@@ -80,7 +78,11 @@ const withoutFilters = ({ filtersEnabled, ...data }) =>
     : _.set("scope.filters", null)(data);
 const withResourceName = (resource) => (data) =>
   resource &&
-  _.includes(data?.scope?.resource_type)(["data_structure", "source"])
+  _.includes(data?.scope?.resource_type)([
+    "data_structure",
+    "source",
+    "quality_control",
+  ])
     ? {
         ...data,
         scope: {
@@ -90,6 +92,7 @@ const withResourceName = (resource) => (data) =>
         },
       }
     : data;
+
 const doPayload = (data, resource) =>
   _.flow(withoutFilters, withResourceName(resource))(data);
 
@@ -112,9 +115,25 @@ export const SubscriptionForm = ({
   });
   const { isDirty, errors } = formState;
 
-  const [subscriberType, resourceType, events] = useWatch({
+  const [
+    subscriberType,
+    resourceType,
+    events,
+    subscriberIdentifier,
+    resourceId,
+    periodicity,
+    scopeStatus,
+  ] = useWatch({
     control,
-    name: ["subscriber.type", "scope.resource_type", "scope.events"],
+    name: [
+      "subscriber.type",
+      "scope.resource_type",
+      "scope.events",
+      "subscriber.identifier",
+      "scope.resource_id",
+      "periodicity",
+      "scope.status",
+    ],
   });
 
   const isEditForm = !!subscription?.id;
@@ -123,6 +142,8 @@ export const SubscriptionForm = ({
 
   useEffect(() => {
     const exclusiveEvents = [
+      "score_status_updated",
+      "quality_control_version_status_updated",
       "rule_result_created",
       "implementation_status_updated",
       "grant_request_group_creation",
@@ -147,6 +168,17 @@ export const SubscriptionForm = ({
     _.flatten
   )(STATUSES_BY_EVENT);
 
+  const isFormFilled =
+    !!resourceType &&
+    notEmpty(subscriberIdentifier) &&
+    (isEditForm || !!resourceId) &&
+    !!periodicity &&
+    notEmpty(events) &&
+    (_.isEmpty(statuses) || notEmpty(scopeStatus));
+
+  const disabled =
+    isLoading || notEmpty(errors) || (isEditForm ? !isDirty : !isFormFilled);
+
   const doHandleSubmit = handleSubmit((data) => {
     const payload = doPayload(data, resource);
     onSubmit(payload);
@@ -173,8 +205,6 @@ export const SubscriptionForm = ({
       onChange(value);
     };
 
-  const disabled = isLoading || !isDirty || notEmpty(errors);
-
   return (
     <Form onSubmit={doHandleSubmit}>
       <Controller
@@ -385,6 +415,26 @@ export const SubscriptionForm = ({
           )}
         />
       )}
+      {resourceType === "quality_control" &&
+        isQualityControlSubscriptionsEnabled() &&
+        !isEditForm && (
+          <Controller
+            control={control}
+            name="scope.resource_id"
+            rules={{ required: true }}
+            render={({ field: { onChange } }) => (
+              <QualityControlSelector
+                disabled={isEditForm}
+                defaultFilters={{ latest: [true] }}
+                pageSize={7}
+                onSelect={({ quality_control_id, name }) => {
+                  onChange(quality_control_id);
+                  setResource({ id: quality_control_id, name });
+                }}
+              />
+            )}
+          />
+        )}
       <Controller
         control={control}
         name="periodicity"

package/src/components/Subscriptions.js

@@ -18,20 +18,12 @@ import {
 } from "semantic-ui-react";
 import {
   DEFAULT_ICON,
+  RESOURCE_TYPES,
   RESOURCE_TYPE_ICONS,
   SUBSCRIBER_TYPE_ICONS,
 } from "../subscriptionConstants";
 
 const SUBSCRIBER_TYPES = ["role", "email", "user", "taxonomy_role"];
-const RESOURCE_TYPES = [
-  "data_structure",
-  "domain",
-  "domains",
-  "concept",
-  "rule",
-  "implementation",
-  "source",
-];
 
 export const SubscriptionsHeader = () => {
   const { formatMessage } = useIntl();

package/src/components/__tests__/__snapshots__/SubscriptionEdit.spec.js.snap

@@ -184,6 +184,25 @@ exports[`<SubscriptionEdit /> matches the latest snapshot 1`] = `
         <label>
           subscriptions.resource
         </label>
+        <div
+          class="ui radio checkbox"
+        >
+          <input
+            class="hidden"
+            readonly=""
+            role="radio"
+            tabindex="0"
+            type="radio"
+            value="data_structure"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="block layout icon"
+            />
+            data_structure
+          </label>
+        </div>
         <div
           class="ui radio checkbox"
         >
@@ -241,6 +260,26 @@ exports[`<SubscriptionEdit /> matches the latest snapshot 1`] = `
             concept
           </label>
         </div>
+        <div
+          class="ui disabled radio checkbox"
+        >
+          <input
+            class="hidden"
+            disabled=""
+            readonly=""
+            role="radio"
+            tabindex="-1"
+            type="radio"
+            value="rule"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="clipboard check icon"
+            />
+            rule
+          </label>
+        </div>
         <div
           class="ui radio checkbox"
         >
@@ -250,14 +289,14 @@ exports[`<SubscriptionEdit /> matches the latest snapshot 1`] = `
             role="radio"
             tabindex="0"
             type="radio"
-            value="data_structure"
+            value="implementation"
           />
           <label>
             <i
               aria-hidden="true"
-              class="block layout icon"
+              class="tags icon"
             />
-            data_structure
+            implementation
           </label>
         </div>
         <div
@@ -280,23 +319,22 @@ exports[`<SubscriptionEdit /> matches the latest snapshot 1`] = `
           </label>
         </div>
         <div
-          class="ui disabled radio checkbox"
+          class="ui radio checkbox"
         >
           <input
             class="hidden"
-            disabled=""
             readonly=""
             role="radio"
-            tabindex="-1"
+            tabindex="0"
             type="radio"
-            value="rule"
+            value="quality_control"
           />
           <label>
             <i
               aria-hidden="true"
-              class="clipboard check icon"
+              class="archive icon"
             />
-            rule
+            quality_control
           </label>
         </div>
       </div>

package/src/components/__tests__/__snapshots__/SubscriptionForm.spec.js.snap

@@ -158,6 +158,25 @@ exports[`<SubscriptionForm /> matches the latest snapshot 1`] = `
       <label>
         subscriptions.resource
       </label>
+      <div
+        class="ui radio checkbox"
+      >
+        <input
+          class="hidden"
+          readonly=""
+          role="radio"
+          tabindex="0"
+          type="radio"
+          value="data_structure"
+        />
+        <label>
+          <i
+            aria-hidden="true"
+            class="block layout icon"
+          />
+          data_structure
+        </label>
+      </div>
       <div
         class="ui radio checkbox"
       >
@@ -215,6 +234,26 @@ exports[`<SubscriptionForm /> matches the latest snapshot 1`] = `
           concept
         </label>
       </div>
+      <div
+        class="ui disabled radio checkbox"
+      >
+        <input
+          class="hidden"
+          disabled=""
+          readonly=""
+          role="radio"
+          tabindex="-1"
+          type="radio"
+          value="rule"
+        />
+        <label>
+          <i
+            aria-hidden="true"
+            class="clipboard check icon"
+          />
+          rule
+        </label>
+      </div>
       <div
         class="ui radio checkbox"
       >
@@ -224,14 +263,14 @@ exports[`<SubscriptionForm /> matches the latest snapshot 1`] = `
           role="radio"
           tabindex="0"
           type="radio"
-          value="data_structure"
+          value="implementation"
         />
         <label>
           <i
             aria-hidden="true"
-            class="block layout icon"
+            class="tags icon"
           />
-          data_structure
+          implementation
         </label>
       </div>
       <div
@@ -255,23 +294,22 @@ exports[`<SubscriptionForm /> matches the latest snapshot 1`] = `
         </label>
       </div>
       <div
-        class="ui disabled radio checkbox"
+        class="ui radio checkbox"
       >
         <input
           class="hidden"
-          disabled=""
           readonly=""
           role="radio"
-          tabindex="-1"
+          tabindex="0"
           type="radio"
-          value="rule"
+          value="quality_control"
         />
         <label>
           <i
             aria-hidden="true"
-            class="clipboard check icon"
+            class="archive icon"
           />
-          rule
+          quality_control
         </label>
       </div>
     </div>

package/src/components/__tests__/__snapshots__/SubscriptionNew.spec.js.snap

@@ -173,6 +173,25 @@ exports[`<SubscriptionNew /> matches the latest snapshot 1`] = `
         <label>
           subscriptions.resource
         </label>
+        <div
+          class="ui radio checkbox"
+        >
+          <input
+            class="hidden"
+            readonly=""
+            role="radio"
+            tabindex="0"
+            type="radio"
+            value="data_structure"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="block layout icon"
+            />
+            data_structure
+          </label>
+        </div>
         <div
           class="ui radio checkbox"
         >
@@ -230,6 +249,26 @@ exports[`<SubscriptionNew /> matches the latest snapshot 1`] = `
             concept
           </label>
         </div>
+        <div
+          class="ui disabled radio checkbox"
+        >
+          <input
+            class="hidden"
+            disabled=""
+            readonly=""
+            role="radio"
+            tabindex="-1"
+            type="radio"
+            value="rule"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="clipboard check icon"
+            />
+            rule
+          </label>
+        </div>
         <div
           class="ui radio checkbox"
         >
@@ -239,14 +278,14 @@ exports[`<SubscriptionNew /> matches the latest snapshot 1`] = `
             role="radio"
             tabindex="0"
             type="radio"
-            value="data_structure"
+            value="implementation"
           />
           <label>
             <i
               aria-hidden="true"
-              class="block layout icon"
+              class="tags icon"
             />
-            data_structure
+            implementation
           </label>
         </div>
         <div
@@ -270,23 +309,22 @@ exports[`<SubscriptionNew /> matches the latest snapshot 1`] = `
           </label>
         </div>
         <div
-          class="ui disabled radio checkbox"
+          class="ui radio checkbox"
         >
           <input
             class="hidden"
-            disabled=""
             readonly=""
             role="radio"
-            tabindex="-1"
+            tabindex="0"
             type="radio"
-            value="rule"
+            value="quality_control"
           />
           <label>
             <i
               aria-hidden="true"
-              class="clipboard check icon"
+              class="archive icon"
             />
-            rule
+            quality_control
           </label>
         </div>
       </div>

package/src/components/__tests__/__snapshots__/SubscriptionRoutes.spec.js.snap

@@ -177,6 +177,25 @@ exports[`<SubscriptionRoutes /> matches the latest snapshot for route SUBSCRIPTI
         <label>
           subscriptions.resource
         </label>
+        <div
+          class="ui radio checkbox"
+        >
+          <input
+            class="hidden"
+            readonly=""
+            role="radio"
+            tabindex="0"
+            type="radio"
+            value="data_structure"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="block layout icon"
+            />
+            data_structure
+          </label>
+        </div>
         <div
           class="ui radio checkbox"
         >
@@ -234,6 +253,26 @@ exports[`<SubscriptionRoutes /> matches the latest snapshot for route SUBSCRIPTI
             concept
           </label>
         </div>
+        <div
+          class="ui disabled radio checkbox"
+        >
+          <input
+            class="hidden"
+            disabled=""
+            readonly=""
+            role="radio"
+            tabindex="-1"
+            type="radio"
+            value="rule"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="clipboard check icon"
+            />
+            rule
+          </label>
+        </div>
         <div
           class="ui radio checkbox"
         >
@@ -243,14 +282,14 @@ exports[`<SubscriptionRoutes /> matches the latest snapshot for route SUBSCRIPTI
             role="radio"
             tabindex="0"
             type="radio"
-            value="data_structure"
+            value="implementation"
           />
           <label>
             <i
               aria-hidden="true"
-              class="block layout icon"
+              class="tags icon"
             />
-            data_structure
+            implementation
           </label>
         </div>
         <div
@@ -274,23 +313,22 @@ exports[`<SubscriptionRoutes /> matches the latest snapshot for route SUBSCRIPTI
           </label>
         </div>
         <div
-          class="ui disabled radio checkbox"
+          class="ui radio checkbox"
         >
           <input
             class="hidden"
-            disabled=""
             readonly=""
             role="radio"
-            tabindex="-1"
+            tabindex="0"
             type="radio"
-            value="rule"
+            value="quality_control"
           />
           <label>
             <i
               aria-hidden="true"
-              class="clipboard check icon"
+              class="archive icon"
             />
-            rule
+            quality_control
           </label>
         </div>
       </div>
@@ -671,6 +709,24 @@ exports[`<SubscriptionRoutes /> matches the latest snapshot for route SUBSCRIPTI
             source
           </label>
         </div>
+        <div
+          class="ui checked checkbox"
+        >
+          <input
+            checked=""
+            class="hidden"
+            readonly=""
+            tabindex="0"
+            type="checkbox"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="archive icon"
+            />
+            quality_control
+          </label>
+        </div>
       </div>
     </form>
     <div

package/src/components/__tests__/__snapshots__/Subscriptions.spec.js.snap

@@ -250,6 +250,24 @@ exports[`<Subscriptions /> matches the latest snapshot 1`] = `
             source
           </label>
         </div>
+        <div
+          class="ui checked checkbox"
+        >
+          <input
+            checked=""
+            class="hidden"
+            readonly=""
+            tabindex="0"
+            type="checkbox"
+          />
+          <label>
+            <i
+              aria-hidden="true"
+              class="archive icon"
+            />
+            quality_control
+          </label>
+        </div>
       </div>
     </form>
     <div

package/src/subscriptionConstants.js

@@ -1,5 +1,11 @@
 import _ from "lodash/fp";
 
+const HIDE_QUALITY_CONTROL_SUBSCRIPTIONS =
+  process.env.REACT_APP_HIDE_QUALITY_CONTROLS === "true";
+
+export const isQualityControlSubscriptionsEnabled = () =>
+  !HIDE_QUALITY_CONTROL_SUBSCRIPTIONS;
+
 export const SUBSCRIBER_TYPE_ICONS = {
   user: "user",
   email: "envelope",
@@ -17,6 +23,7 @@ export const RESOURCE_TYPE_ICONS = {
   implementation: "tags",
   data_structure: "block layout",
   source: "plug",
+  quality_control: "archive",
 };
 
 export const CONCEPT_EVENTS = [
@@ -61,7 +68,15 @@ export const IMPLEMENTATION_EVENTS = [
 
 export const SOURCE_EVENTS = ["status_changed"];
 
-export const DOMAIN_EVENTS = [
+export const QUALITY_CONTROL_EVENTS = [
+  "score_status_updated",
+  "quality_control_version_status_updated",
+  "quality_control_version_draft_created",
+  "quality_control_version_deleted",
+  "quality_control_created",
+];
+
+const DOMAIN_EVENTS_WITHOUT_QC = [
   ...CONCEPT_EVENTS,
   ...RULE_EVENTS,
   ...IMPLEMENTATION_EVENTS,
@@ -79,7 +94,11 @@ export const DOMAIN_EVENTS = [
   "ingest_sent_for_approval",
 ];
 
-export const EVENTS_BY_TYPE = {
+export const DOMAIN_EVENTS = HIDE_QUALITY_CONTROL_SUBSCRIPTIONS
+  ? DOMAIN_EVENTS_WITHOUT_QC
+  : [...DOMAIN_EVENTS_WITHOUT_QC, ...QUALITY_CONTROL_EVENTS];
+
+const EVENTS_BY_TYPE_BASE = {
   concept: CONCEPT_EVENTS,
   data_structure: STRUCTURE_EVENTS,
   domains: DOMAIN_EVENTS,
@@ -89,6 +108,28 @@ export const EVENTS_BY_TYPE = {
   source: SOURCE_EVENTS,
 };
 
+export const EVENTS_BY_TYPE = HIDE_QUALITY_CONTROL_SUBSCRIPTIONS
+  ? EVENTS_BY_TYPE_BASE
+  : { ...EVENTS_BY_TYPE_BASE, quality_control: QUALITY_CONTROL_EVENTS };
+
+const STATUSES_BY_EVENT_QC = {
+  quality_control_version_status_updated: [
+    { name: "deprecated" },
+    { name: "draft" },
+    { name: "pending_approval" },
+    { name: "published" },
+    { name: "rejected" },
+    { name: "versioned" },
+  ],
+  score_status_updated: [
+    { name: "no_results", color: "grey" },
+    { name: "meets_goal", color: "green" },
+    { name: "under_goal", color: "yellow" },
+    { name: "under_threshold", color: "yellow" },
+    { name: "failed", color: "red" },
+  ],
+};
+
 export const STATUSES_BY_EVENT = {
   rule_result_created: [
     { name: "fail", color: "red" },
@@ -113,7 +154,22 @@ export const STATUSES_BY_EVENT = {
     { name: "versioned" },
     { name: "deprecated" },
   ],
+  ...(HIDE_QUALITY_CONTROL_SUBSCRIPTIONS ? {} : STATUSES_BY_EVENT_QC),
 };
 
+const BASE_RESOURCE_TYPES = [
+  "data_structure",
+  "domain",
+  "domains",
+  "concept",
+  "rule",
+  "implementation",
+  "source",
+];
+
+export const RESOURCE_TYPES = HIDE_QUALITY_CONTROL_SUBSCRIPTIONS
+  ? BASE_RESOURCE_TYPES
+  : [...BASE_RESOURCE_TYPES, "quality_control"];
+
 export const isSubset = (first, second) =>
   !_.isEmpty(first) && _.difference(first, second).length === 0;