@truedat/dd 5.12.2 → 5.12.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "5.12.2",
+  "version": "5.12.4",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -115,5 +115,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "1121d357f2a54a2ad2e77adbd43096004316453d"
+  "gitHead": "3a781fb5722e184e3bef25f9dcc7644bd463987b"
 }

package/src/api/queries.js

@@ -280,6 +280,7 @@ export const DATA_STRUCTURE_VERSION_QUERY = gql`
         metadata
         name
         type
+        note
       }
       children {
         alias
@@ -290,6 +291,7 @@ export const DATA_STRUCTURE_VERSION_QUERY = gql`
         metadata
         name
         type
+        note
       }
       siblings {
         alias

package/src/components/StructureFields.js

@@ -41,14 +41,20 @@ StructureFields.propTypes = {
   version: PropTypes.string,
 };
 
-const mapStateToProps = (state, ownProps) => ({
-  structureId: _.path("structure.id")(state),
-  version: state.structureVersion,
-  fields: getSortedFields(state),
-  columns: getColumns(
-    _.propOr(getStructureFieldColumns(state), "columns")(ownProps),
+const mapStateToProps = (state, ownProps) => {
+  const structureId = _.path("structure.id")(state);
+  const version = state.structureVersion;
+  const fields = getSortedFields(state);
+  const columns = getColumns(
+    _.propOr(getStructureFieldColumns(fields), "columns")(ownProps),
     state.structureFields
-  ),
-});
+  );
+  return {
+    structureId,
+    version,
+    fields,
+    columns,
+  };
+};
 
 export default connect(mapStateToProps)(StructureFields);

package/src/components/__tests__/StructureFieldRow.spec.js

@@ -51,9 +51,15 @@ describe("<StructureFieldRow />", () => {
         precision: "22",
         type: "tp",
       },
+      note: {
+        field_1: "data_1",
+        field_2: "data_2",
+        field_3: "data_3",
+        field_4: "data_4",
+      },
     };
 
-    const { getAllByRole, getByText } = render(
+    const { getAllByRole, getByText, container } = render(
       <table>
         <tbody>
           <StructureFieldRow
@@ -63,9 +69,11 @@ describe("<StructureFieldRow />", () => {
         </tbody>
       </table>
     );
-
-    expect(getAllByRole("cell")).toHaveLength(7);
+    expect(getAllByRole("cell")).toHaveLength(8);
     expect(getByText("f1")).toBeDefined();
     expect(getAllByRole("link")).toHaveLength(3);
+    expect(
+      container.getElementsByClassName("structure.field.hasnote.true").length
+    ).toBe(1);
   });
 });

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

@@ -68,6 +68,15 @@ exports[`<StructureFieldRow /> matches the latest snapshot 1`] = `
             </div>
           </div>
         </td>
+        <td
+          class=""
+        >
+          <span
+            class="structure.field.hasnote.false"
+          >
+            No
+          </span>
+        </td>
       </tr>
     </tbody>
   </table>

package/src/messages/en.js

@@ -290,9 +290,12 @@ export default {
   "structure.field.graph.percentage": "Percentage: ",
   "structure.field.graph.title": "Frequency chart",
   "structure.field.graph.value": "Value: ",
+  "structure.field.hasnote.true": "Yes",
+  "structure.field.hasnote.false": "No",
   "structure.field.links": "Concepts",
   "structure.field.menu.link": "Link to Concept",
   "structure.field.name": "Field",
+  "structure.field.note": "Has note?",
   "structure.field.metadata.nullable": "Nullable",
   "structure.field.metadata.nullable.false": "No",
   "structure.field.metadata.nullable.true": "Yes",

package/src/messages/es.js

@@ -298,6 +298,8 @@ export default {
   "structure.field.graph.percentage": "Porcentaje: ",
   "structure.field.graph.title": "Gráfico de frecuencias",
   "structure.field.graph.value": "Valor: ",
+  "structure.field.hasnote.true": "Sí",
+  "structure.field.hasnote.false": "No",
   "structure.field.links": "Términos",
   "structure.field.menu.link": "Vincular a concepto",
   "structure.field.metadata.nullable": "Opcional",
@@ -307,6 +309,7 @@ export default {
   "structure.field.metadata.precision": "Precisión",
   "structure.field.metadata.type": "Tipo",
   "structure.field.name": "Campo",
+  "structure.field.note": "¿Tiene nota?",
   "structure.field.patterns.count": "Conteo",
   "structure.field.patterns.frecuency": "Patrones más frecuentes",
   "structure.field.patterns.percentage": "Porcentaje",

package/src/selectors/getStructureFieldColumns.js

@@ -20,6 +20,19 @@ const linkToStructureDecorator = ({ data_structure_id: id, alias, name }) => (
   <Link to={linkTo.STRUCTURE({ id })}>{_.defaultTo(name)(alias)}</Link>
 );
 
+const hasNoteDecorator = ({ note }) =>
+  _.isNull(note) ||
+  _.isEmpty(note) ||
+  (note.hasOwnProperty("has_note") && !note.has_note) ? (
+    <span className="structure.field.hasnote.false">
+      {translateDecorator("structure.field.hasnote.false")}
+    </span>
+  ) : (
+    <span className="structure.field.hasnote.true">
+      {translateDecorator("structure.field.hasnote.true")}
+    </span>
+  );
+
 const nullableDecorator = (field) =>
   field
     ? translateDecorator("structure.field.metadata.nullable.true")
@@ -78,6 +91,11 @@ export const defaultStructureFieldColumns = [
     name: "links",
     fieldDecorator: linksDecorator,
   },
+  {
+    name: "note",
+    fieldSelector: _.pick(["note"]),
+    fieldDecorator: hasNoteDecorator,
+  },
 ];
 
 export const getStructureFieldColumns = createSelector(