@truedat/df 5.7.6 → 5.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/df",
-  "version": "5.7.6",
+  "version": "5.8.0",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "5.7.5",
+    "@truedat/test": "5.8.0",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -87,8 +87,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@truedat/auth": "5.7.5",
-    "@truedat/core": "5.7.5",
+    "@truedat/auth": "5.8.0",
+    "@truedat/core": "5.8.0",
     "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": "0afdc4cca93cdc906072d6e7371e6a051721f59c"
+  "gitHead": "dd51c78f3143413ec2bc9a77001d3b648fe92d0a"
 }

package/src/components/hierarchies/HierarchyView.js

@@ -27,6 +27,7 @@ const validateHierarchy = (hierarchy) => {
         const hasError =
           _.isEmpty(node.name) ||
           node.name === "" ||
+          node.name.includes("/") ||
           hasDuplicatedSiblings(node, hierarchy);
         return {
           ...node,

package/src/components/widgets/DynamicField.js

@@ -82,9 +82,24 @@ export const DynamicField = ({
 }) => (
   <Form.Field disabled={!editable && isModification} data-testid="form-field">
     <label>
-      {label ? (
+      {(label && fieldProps.type != "hierarchy") ||
+      (fieldProps.type == "hierarchy" &&
+        fieldProps.values.hierarchy.min_depth == 0) ? (
         <FormattedMessage id={`fields.${label}`} defaultMessage={label} />
       ) : null}
+      {label &&
+      fieldProps.type == "hierarchy" &&
+      fieldProps.values.hierarchy.min_depth > 0 ? (
+        <>
+          <FormattedMessage id={`fields.${label}`} defaultMessage={label} />
+          <Label pointing="left">
+            <FormattedMessage
+              id="hierarchy.selectable.mindepth"
+              values={{ depth: fieldProps.values.hierarchy.min_depth }}
+            />
+          </Label>
+        </>
+      ) : null}
       {fieldProps?.required && (
         <span
           style={{

package/src/components/widgets/HierarchyDropdown.js

@@ -32,7 +32,6 @@ export const HierarchyDropdown = ({
   };
 
   const multiple = _.includes(cardinality)(["+", "*"]);
-
   return (
     <>
       {loading ? <Form.Input loading /> : null}

package/src/components/widgets/__tests__/HierarchyDropdown.spec.js

@@ -8,7 +8,7 @@ describe("<HierarchyDropdown />", () => {
       name: "foo",
       cardinality: "*",
       value: "",
-      values: { hierarchy: 50 },
+      values: { hierarchy: { id: 50, min_depth: null } },
     },
     onChange: jest.fn(),
   };

package/src/messages/en.js

@@ -26,6 +26,7 @@ export default {
   "hierarchy.name": "Hierarchy name",
   "hierarchy.new_node": "New node",
   "hierarchy.node": "Node",
+  "hierarchy.selectable.mindepth": "Selectable minimum level: {depth}",
   "navigation.admin.templates": "Templates",
   "navigation.hierarchies": "Hierarchies",
   "navigation.templates": "Templates",
@@ -69,6 +70,8 @@ export default {
   "template.field.type.copy": "File Structure",
   "template.field.type.date": "Date",
   "template.field.type.datetime": "Date Time",
+  "template.field.type.depth":
+    "Selectable minimun level (to allow everything, set value: 0)",
   "template.field.type.domain": "Domain",
   "template.field.type.enriched_text": "Enriched text",
   "template.field.type.float": "Float",

package/src/messages/es.js

@@ -26,6 +26,7 @@ export default {
   "hierarchy.name": "Nombre de jerarquía",
   "hierarchy.new_node": "Nuevo nodo",
   "hierarchy.node": "Nodo",
+  "hierarchy.selectable.mindepth": "Nivel minimo seleccionable: {depth}",
   "navigation.admin.templates": "Plantillas",
   "navigation.hierarchies": "Jerarquías",
   "navigation.templates": "Plantillas",
@@ -69,6 +70,8 @@ export default {
   "template.field.type.copy": "Estructura de Fichero",
   "template.field.type.date": "Fecha",
   "template.field.type.datetime": "Fecha Hora",
+  "template.field.type.depth":
+    "Nivel mínimo seleccionable (para permitir todo, establecer valor: 0)",
   "template.field.type.domain": "Dominio",
   "template.field.type.enriched_text": "Texto enriquecido",
   "template.field.type.float": "Decimal",

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

@@ -1,19 +1,18 @@
 import _ from "lodash/fp";
-import React, { useState, useEffect } from "react";
+import React from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { Form } from "semantic-ui-react";
 import { useHierarchies } from "../../../hooks/useHierarchies";
 
-export const HierarchiesList = ({
-  hierarchies,
-  onChange,
-  values: value,
-  loading,
-}) => {
+export const HierarchiesList = ({ hierarchies, onChange, values, loading }) => {
   const { formatMessage } = useIntl();
 
-  const handleChange = (_e, { value }) => onChange(value);
+  const handleChange = (_e, { value, name }) =>
+    onChange({
+      ...values,
+      [name]: value,
+    });
 
   const options = _.flow(
     _.map(({ id, name }) => ({ text: name, value: id })),
@@ -24,9 +23,10 @@ export const HierarchiesList = ({
     <Form.Group size="small" widths="equal">
       <Form.Dropdown
         required
+        name="id"
         selection
         label={
-          value === ""
+          values?.id === ""
             ? ""
             : formatMessage({ id: "template.field.type.hierarchy" })
         }
@@ -36,7 +36,15 @@ export const HierarchiesList = ({
         })}
         onChange={handleChange}
         options={options}
-        value={value}
+        value={values?.id}
+      />
+      <Form.Input
+        type="number"
+        required
+        name="min_depth"
+        label={formatMessage({ id: "template.field.type.depth" })}
+        onChange={handleChange}
+        value={values.min_depth}
       />
     </Form.Group>
   );
@@ -45,7 +53,6 @@ export const HierarchiesList = ({
 HierarchiesList.propTypes = {
   hierarchies: PropTypes.array,
   onChange: PropTypes.func,
-  onDefaultValueChange: PropTypes.func,
   values: PropTypes.number,
   loading: PropTypes.bool,
 };