@truedat/df 5.17.2 → 5.17.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/df",
-  "version": "5.17.2",
+  "version": "5.17.3",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -87,8 +87,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@truedat/auth": "5.17.2",
-    "@truedat/core": "5.17.2",
+    "@truedat/auth": "5.17.3",
+    "@truedat/core": "5.17.3",
     "decode-uri-component": "^0.2.2",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.8.1",
@@ -109,5 +109,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "1120a6efa4dfec423696957c5e72d752c9db284f"
+  "gitHead": "ec07aeeabffbb6e46d2d22ade283de203dd94c88"
 }

package/src/components/DynamicFormViewer.js

@@ -1,7 +1,10 @@
+import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
-import { Message } from "semantic-ui-react";
+import { Message, Segment } from "semantic-ui-react";
+import { useTemplate } from "@truedat/core/hooks";
+import Loading from "@truedat/core/components/Loading";
 import { parseGroups } from "../utils";
 import FieldGroupDetail from "./FieldGroupDetail";
 
@@ -50,4 +53,38 @@ DynamicFormViewer.propTypes = {
   editFunctions: PropTypes.func,
 };
 
-export default DynamicFormViewer;
+const DynamicFormViewerWithHook = (props) => {
+  const { data, loading } = useTemplate({
+    name: props.template,
+    domainIds: props.domainIds,
+  });
+  const newProps = {
+    ...props,
+    template: data?.template,
+  };
+  return loading ? (
+    <Segment>
+      <Loading />
+    </Segment>
+  ) : (
+    <DynamicFormViewer {...newProps} />
+  );
+};
+
+DynamicFormViewerWithHook.propTypes = {
+  template: PropTypes.string,
+  domainIds: PropTypes.arrayOf(PropTypes.number),
+};
+
+const DynamicFormViewerFetcher = (props) =>
+  _.isString(props?.template) ? (
+    <DynamicFormViewerWithHook {...props} />
+  ) : (
+    <DynamicFormViewer {...props} />
+  );
+
+DynamicFormViewerFetcher.propTypes = {
+  template: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+};
+
+export default DynamicFormViewerFetcher;

package/src/messages/en.js

@@ -162,6 +162,7 @@ export default {
   "template.scope.qe": "Quality Executions",
   "template.scope.remediation": "Remediation plan",
   "template.scope.ri": "Quality Implementation",
+  "template.scope.quality_control": "Quality Control",
   "template.widget.copy.char.separator.format": "Char separation format",
   "template.widget.copy.fixed.column": "Fixed width column format",
   "template.widget.copy.without.fixed.column": "Format without char separation",

package/src/messages/es.js

@@ -163,6 +163,7 @@ export default {
   "template.scope.qe": "Ejecuciones de calidad",
   "template.scope.remediation": "Plan de remediación",
   "template.scope.ri": "Implementación de calidad",
+  "template.scope.quality_control": "Control de calidad",
   "template.widget.copy.char.separator.format":
     "Formato de separación por caracter",
   "template.widget.copy.fixed.column": "Formato de columna de ancho fijo",

package/src/templates/components/__tests__/__snapshots__/Template.spec.js.snap

@@ -172,6 +172,19 @@ exports[`<Template /> matches the latest snapshot 1`] = `
                   Grants
                 </span>
               </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Quality Control
+                </span>
+              </div>
               <div
                 aria-checked="false"
                 aria-selected="false"

package/src/templates/components/templateForm/TemplateForm.js

@@ -16,7 +16,17 @@ const scopeOptions = (formatMessage) =>
       value,
     })),
     _.sortBy("text")
-  )(["bg", "dd", "dq", "gr", "ie", "ri", "qe", "remediation"]);
+  )([
+    "bg",
+    "dd",
+    "dq",
+    "gr",
+    "ie",
+    "ri",
+    "qe",
+    "remediation",
+    "quality_control",
+  ]);
 
 export const TemplateForm = ({ loading, template, onSubmit, onDelete }) => {
   const { formatMessage } = useIntl();

package/src/templates/components/templateForm/__tests__/TemplateForm.spec.js

@@ -29,6 +29,7 @@ const messages = {
     "template.scope.ri": "ri",
     "template.scope.qe": "qe",
     "template.scope.remediation": "Remediation plan",
+    "template.scope.quality_control": "Quality control",
   },
 };
 

package/src/templates/components/templateForm/__tests__/__snapshots__/TemplateForm.spec.js.snap

@@ -80,6 +80,19 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
           <div
             class="menu transition"
           >
+            <div
+              aria-checked="false"
+              aria-selected="false"
+              class="item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                Quality control
+              </span>
+            </div>
             <div
               aria-checked="false"
               aria-selected="false"
@@ -343,6 +356,19 @@ exports[`<TemplateForm /> matches the latest snapshot 1`] = `
           <div
             class="menu transition"
           >
+            <div
+              aria-checked="false"
+              aria-selected="false"
+              class="item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                Quality control
+              </span>
+            </div>
             <div
               aria-checked="false"
               aria-selected="false"