@truedat/core 5.17.2 → 5.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "5.17.2",
+  "version": "5.18.0",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -117,5 +117,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "1120a6efa4dfec423696957c5e72d752c9db284f"
+  "gitHead": "2cd5914eafeae16400d4ccccfabc00cd2c84c80f"
 }

package/src/api/queries.js

@@ -1,7 +1,7 @@
 import { gql } from "@apollo/client";
 
 export const DOMAINS_QUERY = gql`
-  query DomainsQuery($action: String!, $domainActions: [String!], $ids: [ID]) {
+  query DomainsQuery($action: String!, $domainActions: [String], $ids: [ID]) {
     domains(action: $action, ids: $ids) {
       id
       externalId
@@ -12,6 +12,12 @@ export const DOMAINS_QUERY = gql`
   }
 `;
 
+export const HAS_ANY_DOMAIN_QUERY = gql`
+  query HasAnyDomainQuery($action: String!) {
+    has_any_domain(action: $action)
+  }
+`;
+
 export const DOMAIN_QUERY = gql`
   query DomainQuery($id: ID!, $actions: [String!]) {
     domain(id: $id) {

package/src/components/FieldLabel.js

@@ -0,0 +1,52 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Form, Icon, Popup, Label } from "semantic-ui-react";
+
+export default function FieldLabel({
+  children,
+  label,
+  required,
+  tooltip,
+  error,
+}) {
+  return (
+    <Form.Field>
+      <label className="field-label">
+        {label}
+        {required && <span>*</span>}
+        {tooltip && (
+          <Popup
+            trigger={
+              <Icon
+                className="field-label-popup"
+                name="question circle outline"
+              />
+            }
+            content={tooltip}
+            on="click"
+            hideOnScroll
+          />
+        )}
+        {error && (
+          <Label
+            size="small"
+            className="field-label-error"
+            basic
+            pointing="left"
+          >
+            {error}
+          </Label>
+        )}
+      </label>
+      {children}
+    </Form.Field>
+  );
+}
+
+FieldLabel.propTypes = {
+  children: PropTypes.node,
+  label: PropTypes.string,
+  required: PropTypes.bool,
+  tooltip: PropTypes.string,
+  error: PropTypes.string,
+};

package/src/components/QxMenu.js

@@ -1,15 +1,16 @@
 import React from "react";
 import { useAuthorized } from "../hooks";
-import { DATA_VIEWS, FUNCTIONS } from "../routes";
+import { DATA_VIEWS, FUNCTIONS, QUALITY_CONTROLS } from "../routes";
 import Submenu from "./Submenu";
 
 export const ITEMS = [
   { name: "dataViews", routes: [DATA_VIEWS] },
   { name: "functions", routes: [FUNCTIONS] },
+  { name: "quality_controls", routes: [QUALITY_CONTROLS] },
 ];
 
 export default function QxMenu() {
-  const authorized = useAuthorized();
+  const authorized = useAuthorized("quality_control");
 
   return authorized ? (
     <Submenu items={ITEMS} icon="weight" name="quality_experience" />

package/src/components/index.js

@@ -19,6 +19,7 @@ import DescriptionInput from "./DescriptionInput";
 import DomainSelector from "./DomainSelector";
 import DropdownMenuItem from "./DropdownMenuItem";
 import ErrorBoundary from "./ErrorBoundary";
+import FieldLabel from "./FieldLabel";
 import FiltersLoader from "./FiltersLoader";
 import GlossaryMenu from "./GlossaryMenu";
 import GrantMenu from "./GrantMenu";
@@ -72,6 +73,7 @@ export {
   DomainSelector,
   DropdownMenuItem,
   ErrorBoundary,
+  FieldLabel,
   FiltersLoader,
   GlossaryMenu,
   GrantMenu,

package/src/hooks/useActionDomains.js

@@ -0,0 +1,19 @@
+import _ from "lodash/fp";
+import PropTypes from "prop-types";
+import { useQuery } from "@apollo/client";
+import { DOMAINS_QUERY } from "../api/queries";
+
+export default function useActionDomains(props) {
+  const action = _.propOr("viewDomain", "action")(props);
+  const onCompleted = _.prop("onLoad")(props);
+  return useQuery(DOMAINS_QUERY, {
+    fetchPolicy: "cache-and-network",
+    variables: { action },
+    onCompleted,
+  });
+}
+
+useActionDomains.propTypes = {
+  action: PropTypes.string,
+  onLoad: PropTypes.func,
+};

package/src/hooks/useAuthorizedAction.js

@@ -0,0 +1,19 @@
+import _ from "lodash/fp";
+import PropTypes from "prop-types";
+import { useQuery } from "@apollo/client";
+import { HAS_ANY_DOMAIN_QUERY } from "../api/queries";
+
+export default function useAuthorizedAction(props) {
+  const action = _.propOr("viewDomain", "action")(props);
+  const onCompleted = _.prop("onLoad")(props);
+  return useQuery(HAS_ANY_DOMAIN_QUERY, {
+    fetchPolicy: "cache-and-network",
+    variables: { action },
+    onCompleted,
+  });
+}
+
+useAuthorizedAction.propTypes = {
+  action: PropTypes.string,
+  onLoad: PropTypes.func,
+};

package/src/routes.js

@@ -145,6 +145,12 @@ export const PENDING_STRUCTURE_NOTES = "/structureNotes";
 export const PROFILE_EXECUTION =
   "/profileGroups/:group_id/profileExecutions/:id";
 export const PROFILE_GROUP = "/profileGroups/:id";
+export const QUALITY_CONTROLS = "/qualityControls";
+export const QUALITY_CONTROL_NEW = "/qualityControls/new";
+export const QUALITY_CONTROL_EDIT = "/qualityControls/:id/edit";
+export const QUALITY_CONTROL_NEW_DRAFT = "/qualityControls/:id/new_draft";
+export const QUALITY_CONTROL = "/qualityControls/:id";
+export const QUALITY_CONTROL_HISTORY = "/qualityControls/:id/history";
 export const QUALITY_DASHBOARD = "/quality_dashboard";
 export const REFERENCE_DATASET = "/referenceDatasets/:id";
 export const REFERENCE_DATASETS = "/referenceDatasets";
@@ -225,7 +231,6 @@ export const TEMPLATE = "/templates/:templateId";
 export const TEMPLATES = "/templates";
 export const TEMPLATES_NEW = "/templates/new";
 export const TEMPLATE_EDIT = "/templates/:id/edit";
-export const TEMPLATE_SCOPE = "/templates\\?scope=:scope";
 export const UNAUTHORIZED = "/unauthorized";
 export const USER = "/users/:id";
 export const USERS = "/users";
@@ -346,6 +351,12 @@ const routes = {
   PENDING_STRUCTURE_NOTES,
   PROFILE_EXECUTION,
   PROFILE_GROUP,
+  QUALITY_CONTROLS,
+  QUALITY_CONTROL_NEW,
+  QUALITY_CONTROL_EDIT,
+  QUALITY_CONTROL_NEW_DRAFT,
+  QUALITY_CONTROL,
+  QUALITY_CONTROL_HISTORY,
   QUALITY_DASHBOARD,
   REFERENCE_DATASET,
   REFERENCE_DATASETS,
@@ -423,7 +434,6 @@ const routes = {
   TEMPLATES,
   TEMPLATES_NEW,
   TEMPLATE_EDIT,
-  TEMPLATE_SCOPE,
   UNAUTHORIZED,
   USER,
   USERS,

package/src/services/columnDecorators.js

@@ -0,0 +1,19 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { FormattedMessage } from "react-intl";
+import Moment from "react-moment";
+
+export const TranslateDecorator = ({ id }) =>
+  id ? <FormattedMessage id={id} defaultMessage={id} /> : null;
+
+TranslateDecorator.propTypes = {
+  id: PropTypes.string,
+};
+
+export const DateDecorator = ({ date }) =>
+  date ? <Moment date={date} format="YYYY-MM-DD HH:mm" /> : null;
+
+DateDecorator.propTypes = {
+  date: PropTypes.string,
+};

package/src/services/formRules.js

@@ -0,0 +1,35 @@
+export const numberRules = ({
+  formatMessage,
+  required,
+  minValue,
+  maxValue,
+}) => ({
+  required: required
+    ? formatMessage({ id: "form.validation.empty_required" })
+    : null,
+  min:
+    minValue || minValue === 0
+      ? {
+          value: minValue,
+          message: formatMessage(
+            { id: "form.validation.must_be_greater_than_or_equal" },
+            { value: minValue }
+          ),
+        }
+      : null,
+  max:
+    maxValue || maxValue === 0
+      ? {
+          value: maxValue,
+          message: formatMessage(
+            { id: "form.validation.must_be_less_than_or_equal" },
+            { value: maxValue }
+          ),
+        }
+      : null,
+  pattern: {
+    value: /^(-)?\d+(\.\d+)?$/,
+    message: formatMessage({ id: "form.validation.must_be_a_number" }),
+  },
+  valueAsNumber: true,
+});

package/src/services/index.js

@@ -5,6 +5,7 @@ import * as filters from "./filters";
 import * as message from "./message";
 import * as sort from "./sort";
 import * as format from "./format";
+import * as formRules from "./formRules";
 import columnDecorator from "./columnDecorator";
 import columnDecoratorComponent from "./columnDecoratorComponent";
 import columnPredicate from "./columnPredicate";
@@ -18,6 +19,7 @@ export {
   fieldType,
   filters,
   format,
+  formRules,
   message,
   sort,
 };

package/src/services/statusColor.js

@@ -0,0 +1,10 @@
+export const mapStatusColor = {
+  deprecated: "grey",
+  draft: "olive",
+  pending_approval: "teal",
+  published: "green",
+  rejected: "red",
+  versioned: "yellow",
+};
+
+export const colorForStatus = (status) => mapStatusColor[status];