@truedat/dd 4.44.5 → 4.45.3

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

@@ -16,8 +16,65 @@ exports[`<StructureSummary /> matches the latest snapshot 1`] = `
             <HeaderContent>
               s1
               <Connect(StructureGrantRequestButton) />
+            </HeaderContent>
+          </Header>
+          <Dimmer
+            active={false}
+            inverted={true}
+          >
+            <Loader />
+          </Dimmer>
+        </DimmerDimmable>
+      </GridColumn>
+      <GridColumn
+        textAlign="right"
+        width={6}
+      >
+        <Date
+          className="alert warning"
+          date="2019-01-02T03:04:05Z"
+          icon={
+            <Icon
+              as="i"
+              color="red"
+              name="warning circle"
+            />
+          }
+          label="deleted_at"
+        />
+        <Connect(ShareLinkPopup)
+          description="dd"
+          name="s1"
+          title="structure.share.title"
+          url="http://localhost/"
+        />
+        <injectIntl(Connect(StructureConfidentialButton)) />
+      </GridColumn>
+    </GridRow>
+  </Grid>
+  <Connect(TagsHeader) />
+  <Connect(StructureProperties) />
+</Fragment>
+`;
+
+exports[`<StructureSummary /> matches the latest snapshot with alias 1`] = `
+<Fragment>
+  <Grid>
+    <GridRow>
+      <GridColumn
+        width={10}
+      >
+        <DimmerDimmable
+          dimmed={false}
+        >
+          <Header
+            as="h2"
+          >
+            <HeaderContent>
+              some alias
+              <Connect(StructureGrantRequestButton) />
               <HeaderSubheader>
-                foo
+                s1
               </HeaderSubheader>
             </HeaderContent>
           </Header>
@@ -84,11 +141,6 @@ exports[`<StructureSummary /> renders custom grant label when grant provided 1`]
               <p>
                 bar
               </p>
-              <div
-                class="sub header"
-              >
-                foo
-              </div>
             </div>
           </h2>
           <div
@@ -198,6 +250,28 @@ exports[`<StructureSummary /> renders custom grant label when grant provided 1`]
           </div>
         </div>
       </div>
+      <div
+        class="three wide column"
+      >
+        <div
+          class="item"
+        >
+          <div
+            class="content"
+          >
+            <h5
+              class="header"
+            >
+              structure.type
+            </h5>
+            <div
+              class="description"
+            >
+              foo
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>
@@ -233,11 +307,6 @@ exports[`<StructureSummary /> renders label when grant provided 1`] = `
                 />
                 structure.grant.has_grant
               </div>
-              <div
-                class="sub header"
-              >
-                foo
-              </div>
             </div>
           </h2>
           <div
@@ -347,6 +416,28 @@ exports[`<StructureSummary /> renders label when grant provided 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="three wide column"
+      >
+        <div
+          class="item"
+        >
+          <div
+            class="content"
+          >
+            <h5
+              class="header"
+            >
+              structure.type
+            </h5>
+            <div
+              class="description"
+            >
+              foo
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>

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

@@ -55,7 +55,7 @@ exports[`<StructureTabPane /> matches the latest snapshot: notes 1`] = `
 
 exports[`<StructureTabPane /> matches the latest snapshot: profile 1`] = `
 <ErrorBoundary>
-  <Connect(StructureProfiling) />
+  <lazy />
 </ErrorBoundary>
 `;
 

package/src/components/index.js

@@ -8,8 +8,6 @@ import LineageDownloadButton from "./LineageDownloadButton";
 import LineageGroup from "./LineageGroup";
 import LineageLink from "./LineageLink";
 import LineageRoutes from "./LineageRoutes";
-import ProfilingGraph from "./ProfilingGraph";
-import ProfilingPatterns from "./ProfilingPatterns";
 import StructureCrumbs from "./StructureCrumbs";
 import StructureEvents from "./StructureEvents";
 import StructureFieldRow from "./StructureFieldRow";
@@ -23,7 +21,6 @@ import StructureLoader from "./StructureLoader";
 import StructureNav from "./StructureNav";
 import StructureNotes from "./StructureNotes";
 import StructureNotesEdit from "./StructureNotesEdit";
-import StructureProfiling from "./StructureProfiling";
 import StructureProperties from "./StructureProperties";
 import StructureRow from "./StructureRow";
 import StructureSelectedFilters from "./StructureSelectedFilters";
@@ -64,8 +61,6 @@ export {
   LineageGroup,
   LineageLink,
   LineageRoutes,
-  ProfilingGraph,
-  ProfilingPatterns,
   StructureCrumbs,
   StructureEvents,
   StructureFieldRow,
@@ -79,7 +74,6 @@ export {
   StructureNav,
   StructureNotes,
   StructureNotesEdit,
-  StructureProfiling,
   StructureProperties,
   StructureMetadata,
   StructureRow,

package/src/reducers/structure.js

@@ -35,6 +35,7 @@ const structureVersionFields = _.pick([
   "grant",
   "grants",
   "siblings",
+  "published_note",
 ]);
 
 const structure = (state = initialState, { type, payload }) => {

package/src/reducers/structures.js

@@ -19,6 +19,8 @@ const pickFields = _.pick([
   "domain",
   "metadata",
   "mutable_metadata",
+  "latest_note",
+  "published_note",
 ]);
 
 const structures = (state = initialState, { type, payload }) => {

package/src/selectors/__tests__/getStructureParent.spec.js

@@ -2,24 +2,33 @@ import _ from "lodash/fp";
 import { getStructureParent } from "..";
 
 const structureParents = [
-  { id: "1", name: "structure", type: "structure type" }
+  {
+    id: "1",
+    name: "structure",
+    type: "structure type",
+    published_note: { alias: "alias" },
+  },
 ];
 const system = { id: "1", name: "system", type: "system" };
 
 const structure = {
   id: "1",
   name: "structure",
-  system: _.omit(["type"])(system)
+  system: _.omit(["type"])(system),
 };
 
 describe("selectors: getStructureParent", () => {
   const state = {
     structureParents,
-    structure
+    structure,
   };
 
   it("get structure parent from state when is not empty", () => {
-    const reply = _.flow(_.head, _.set("name", ".."))(structureParents);
+    const reply = _.flow(
+      _.head,
+      _.set("name", ".."),
+      _.omit("published_note")
+    )(structureParents);
     expect(getStructureParent(state)).toEqual(reply);
   });
 

package/src/selectors/__tests__/getStructureProperties.spec.js

@@ -10,9 +10,9 @@ describe("selectors: getStructureProperties", () => {
 });
 
 describe("selectors: getStructureProperties", () => {
-  it("should return should return default properties when present", () => {
+  it("should return default properties when present", () => {
     const res = getStructureProperties({});
-    expect(res).toHaveLength(2);
+    expect(res).toHaveLength(3);
     expect(res).toEqual(defaultStructureProperties);
   });
 });

package/src/selectors/getSortedStructureChildren.js

@@ -7,7 +7,7 @@ export const getSortedStructureChildren = createSelector(
     _.propOr([], "structureChildren"),
     _.propOr([], "structureSiblings"),
     _.propOr([], "systemStructures"),
-    getStructureSortingCriteria
+    getStructureSortingCriteria,
   ],
   (
     structureChildren,

package/src/selectors/getStructureFieldColumns.js

@@ -7,25 +7,31 @@ import { Link } from "react-router-dom";
 import { linkTo } from "@truedat/core/routes";
 import { accentInsensitivePathOrder } from "@truedat/core/services/sort";
 
-const translateDecorator = text => <FormattedMessage id={text} />;
+const translateDecorator = (text) => <FormattedMessage id={text} />;
 
 const translateDecoratorWithDefault = (text, default_text) => (
   <FormattedMessage id={text} defaultMessage={default_text} />
 );
 
-const typeDecorator = field =>
+const typeDecorator = (field) =>
   translateDecoratorWithDefault(`structure.type.${field}`, field);
 
-const linkToStructureDecorator = ({ data_structure_id: id, name }) => (
-  <Link to={linkTo.STRUCTURE({ id })}>{name}</Link>
+const linkToStructureDecorator = ({
+  data_structure_id: id,
+  name,
+  published_note,
+}) => (
+  <Link to={linkTo.STRUCTURE({ id })}>
+    {_.isEmpty(published_note?.alias) ? name : published_note.alias}
+  </Link>
 );
 
-const nullableDecorator = field =>
+const nullableDecorator = (field) =>
   field
     ? translateDecorator("structure.field.nullable.true")
     : translateDecorator("structure.field.nullable.false");
 
-const hasDfContentDecorator = has_df_content =>
+const hasDfContentDecorator = (has_df_content) =>
   has_df_content && translateDecorator("structure.field.nullable.true");
 
 const lineageLinkDecorator = ({ degree, data_structure_id: id }) =>
@@ -42,7 +48,7 @@ const lineageLinkDecorator = ({ degree, data_structure_id: id }) =>
     </Link>
   );
 
-export const linksDecorator = links => {
+export const linksDecorator = (links) => {
   const sortedLinks = _.sortBy(accentInsensitivePathOrder("name"))(links);
   return (
     !_.isEmpty(sortedLinks) && (
@@ -52,7 +58,7 @@ export const linksDecorator = links => {
             <Link
               to={linkTo.CONCEPT_VERSION({
                 business_concept_id: resource.resource_id,
-                id: "current"
+                id: "current",
               })}
             >
               {resource.name}
@@ -67,8 +73,8 @@ export const linksDecorator = links => {
 export const defaultStructureFieldColumns = [
   {
     name: "name",
-    fieldSelector: _.pick(["data_structure_id", "name"]),
-    fieldDecorator: linkToStructureDecorator
+    fieldSelector: _.pick(["data_structure_id", "name", "published_note"]),
+    fieldDecorator: linkToStructureDecorator,
   },
   { name: "type", fieldDecorator: typeDecorator },
   { name: "precision" },
@@ -76,18 +82,18 @@ export const defaultStructureFieldColumns = [
   { name: "description" },
   {
     name: "has_df_content",
-    fieldDecorator: hasDfContentDecorator
+    fieldDecorator: hasDfContentDecorator,
   },
   {
     name: "degree",
     fieldSelector: _.pick(["degree", "data_structure_id"]),
     fieldDecorator: lineageLinkDecorator,
-    textAlign: "center"
+    textAlign: "center",
   },
   {
     name: "links",
-    fieldDecorator: linksDecorator
-  }
+    fieldDecorator: linksDecorator,
+  },
 ];
 
 export const getStructureFieldColumns = createSelector(

package/src/selectors/getStructureParent.js

@@ -3,16 +3,21 @@ import { createSelector } from "reselect";
 
 const defaultName = "..";
 
-const systemNavItem = structure =>
+const systemNavItem = (structure) =>
   _.flow(
     _.propOr({}, "system"),
     _.pick(["id", "name"]),
     _.set("type", "system"),
-    _.set("name", defaultName)
+    _.set("name", defaultName),
+    _.omit(["published_note"])
   )(structure);
 
-const structureNavItem = structures =>
-  _.flow(_.head, _.set("name", defaultName))(structures);
+const structureNavItem = (structures) =>
+  _.flow(
+    _.head,
+    _.set("name", defaultName),
+    _.omit(["published_note"])
+  )(structures);
 
 export const getStructureParent = createSelector(
   [_.propOr({}, "structure"), _.propOr([], "structureParents")],

package/src/selectors/getStructureProperties.js

@@ -1,6 +1,7 @@
 import _ from "lodash/fp";
 import React from "react";
 import { createSelector } from "reselect";
+import { FormattedMessage } from "react-intl";
 import EditDomainPopup from "../components/EditDomainPopup";
 
 const domainDecorator = (domainNames) => (
@@ -10,6 +11,12 @@ const domainDecorator = (domainNames) => (
   </>
 );
 
+const typeDecorator = ({ type, data_structure_type }) => (
+  <FormattedMessage
+    id={`structure.type.${type}.text`}
+    defaultMessage={_.get("translation")(data_structure_type) || type}
+  />
+);
 export const defaultStructureProperties = [
   {
     name: "domain",
@@ -17,6 +24,11 @@ export const defaultStructureProperties = [
     fieldDecorator: domainDecorator,
   },
   { name: "group" },
+  {
+    name: "type",
+    fieldSelector: _.pick(["type", "data_structure_type"]),
+    fieldDecorator: typeDecorator,
+  },
 ];
 
 export const getStructureProperties = createSelector(

package/src/selectors/structureColumnsSelector.js

@@ -14,9 +14,15 @@ const typeTranslateDecorator = ({ type, data_structure_type }) => (
 const dateDecorator = (date) => (
   <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />
 );
-
+const nameFieldSelector = ({ name, published_note }) =>
+  _.isEmpty(published_note?.alias) ? name : published_note.alias;
 export const defaultStructureColumns = [
-  { name: "name", sort: { name: "name.sort" }, width: 2 },
+  {
+    name: "name",
+    fieldSelector: nameFieldSelector,
+    sort: { name: "name.sort" },
+    width: 2,
+  },
   {
     name: "type",
     fieldSelector: _.pick(["type", "data_structure_type"]),
@@ -82,5 +88,7 @@ export const structureRowsSelector = createSelector(
   getStructures,
   getStructureColumnNames,
   (structures, columnNames) =>
-    _.map(_.pick([...columnNames, "id", "domain_id"]))(structures)
+    _.map(_.pick([...columnNames, "id", "domain_id", "published_note"]))(
+      structures
+    )
 );

package/src/components/ProfilingElements.js

@@ -1,89 +0,0 @@
-import _ from "lodash/fp";
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { Button, Icon, Grid } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
-import ProfilingGraph from "./ProfilingGraph";
-import ProfilingPatterns from "./ProfilingPatterns";
-
-export const ProfilingElements = ({ profile }) => {
-  const { most_frequent, patterns } = profile || {};
-  const [elementActive, setElementActive] = useState("graph");
-  const titleElement =
-    elementActive === "graph"
-      ? "structure.field.graph.title"
-      : "structure.field.patterns.title";
-  return (
-    <>
-      {!_.isEmpty(most_frequent) && !_.isEmpty(patterns) && (
-        <>
-          <Grid>
-            <Grid.Column width={8}>
-              <p>
-                <FormattedMessage id={titleElement} />:
-              </p>
-            </Grid.Column>
-            <Grid.Column width={8} textAlign="right">
-              <Button.Group floated="right">
-                <Button
-                  active={elementActive === "graph"}
-                  icon
-                  onClick={() => setElementActive("graph")}
-                >
-                  <Icon name="chart line" />
-                </Button>
-                <Button
-                  active={elementActive === "patterns"}
-                  icon
-                  onClick={() => setElementActive("patterns")}
-                >
-                  <Icon name="list ul" />
-                </Button>
-              </Button.Group>
-            </Grid.Column>
-          </Grid>
-
-          {elementActive === "graph" && <ProfilingGraph />}
-          {elementActive === "patterns" && <ProfilingPatterns />}
-        </>
-      )}
-
-      {!_.isEmpty(most_frequent) && _.isEmpty(patterns) && (
-        <>
-          <Grid>
-            <Grid.Column width={16}>
-              <p>
-                <FormattedMessage id="structure.field.graph.title" />:
-              </p>
-            </Grid.Column>
-          </Grid>
-
-          <ProfilingGraph />
-        </>
-      )}
-
-      {_.isEmpty(most_frequent) && !_.isEmpty(patterns) && (
-        <>
-          <Grid>
-            <Grid.Column width={16}>
-              <p>
-                <FormattedMessage id="structure.field.patterns.title" />
-              </p>
-            </Grid.Column>
-          </Grid>
-
-          <ProfilingPatterns />
-        </>
-      )}
-    </>
-  );
-};
-
-ProfilingElements.propTypes = {
-  profile: PropTypes.object,
-};
-
-const mapStateToProps = ({ structureProfile: profile }) => ({ profile });
-
-export default connect(mapStateToProps)(ProfilingElements);

package/src/components/ProfilingGraph.js

@@ -1,89 +0,0 @@
-import _ from "lodash/fp";
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { Label } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
-import { XYPlot, XAxis, YAxis, HorizontalBarSeries, Hint } from "react-vis";
-
-const getDistribution = _.flow(
-  _.pathOr("[]", "most_frequent"),
-  _.map(({ k, v }) => ({ x: v, y: k })),
-  _.orderBy("x", "desc"),
-  _.take(30),
-  _.reverse
-);
-
-const getMinMax = _.flow(
-  _.map("x"),
-  (d) => [_.min(d) - 1, _.max(d)],
-  _.defaultTo([-Infinity, Infinity])
-);
-
-const formatNumber = (num) =>
-  num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,");
-
-export const ProfilingGraph = ({ count, distribution }) => {
-  const [hintValue, setHintValue] = useState(null);
-  const data = _.map((d) => ({ color: d.y == hintValue?.y ? 0 : 1, ...d }))(
-    distribution
-  );
-  return (
-    <XYPlot
-      yType="ordinal"
-      xType="linear"
-      width={800}
-      height={400}
-      margin={{ left: 180 }}
-      xDomain={getMinMax(data)}
-      colorRange={["#ed5c17", "#002057"]}
-    >
-      <YAxis
-        tickFormat={_.truncate({ length: 30 })}
-        style={{ fontSize: "12px", width: "100px" }}
-      />
-      <XAxis style={{ fontSize: "12px" }} />
-      <HorizontalBarSeries
-        onValueMouseOver={setHintValue}
-        onValueMouseOut={() => setHintValue(null)}
-        data={data}
-      />
-      {hintValue ? (
-        <Hint
-          style={{ width: "500px", bottom: "190px" }}
-          align={{ horizontal: "right", vertical: "top" }}
-          value={hintValue}
-        >
-          <Label pointing="left" className="graph">
-            <div>
-              <div>
-                <FormattedMessage id="structure.field.graph.value" />
-                {hintValue.y}
-              </div>
-              <div>
-                <FormattedMessage id="structure.field.graph.count" />
-                {formatNumber(hintValue.x)}
-              </div>
-              <div>
-                <FormattedMessage id="structure.field.graph.percentage" />
-                {Math.floor((hintValue.x / count) * 100) + "%"}
-              </div>
-            </div>
-          </Label>
-        </Hint>
-      ) : null}
-    </XYPlot>
-  );
-};
-
-ProfilingGraph.propTypes = {
-  count: PropTypes.number,
-  distribution: PropTypes.arrayOf(PropTypes.object),
-};
-
-const mapStateToProps = ({ structureProfile }) => ({
-  count: structureProfile?.total_count,
-  distribution: getDistribution(structureProfile),
-});
-
-export default connect(mapStateToProps)(ProfilingGraph);

package/src/components/ProfilingPatterns.js

@@ -1,57 +0,0 @@
-import _ from "lodash/fp";
-import React from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { Table } from "semantic-ui-react";
-import { useIntl } from "react-intl";
-
-export const ProfilingPatterns = ({ patterns, totalCount }) => {
-  const { formatNumber, formatMessage } = useIntl();
-  const dataPatterns = _.flow(
-    _.orderBy("v", "desc"),
-    _.map(({ k, v }) => ({
-      frecuency: k,
-      count: formatNumber(v),
-      percentage: parseFloat(((v / totalCount) * 100).toFixed(2)),
-    }))
-  )(patterns);
-
-  return !_.isEmpty(dataPatterns) ? (
-    <Table>
-      <Table.Header>
-        <Table.Row>
-          <Table.HeaderCell>
-            {formatMessage({ id: "structure.field.patterns.frecuency" })}
-          </Table.HeaderCell>
-          <Table.HeaderCell>
-            {formatMessage({ id: "structure.field.patterns.count" })}
-          </Table.HeaderCell>
-          <Table.HeaderCell>
-            {formatMessage({ id: "structure.field.patterns.percentage" })}
-          </Table.HeaderCell>
-        </Table.Row>
-      </Table.Header>
-      <Table.Body>
-        {dataPatterns.map((pattern, i) => (
-          <Table.Row key={i}>
-            <Table.Cell>{pattern.frecuency}</Table.Cell>
-            <Table.Cell>{pattern.count}</Table.Cell>
-            <Table.Cell>{`${pattern.percentage} %`}</Table.Cell>
-          </Table.Row>
-        ))}
-      </Table.Body>
-    </Table>
-  ) : null;
-};
-
-ProfilingPatterns.propTypes = {
-  patterns: PropTypes.array,
-  totalCount: PropTypes.number,
-};
-
-const mapStateToProps = ({ structureProfile }) => ({
-  patterns: structureProfile?.patterns,
-  totalCount: structureProfile?.total_count,
-});
-
-export default connect(mapStateToProps)(ProfilingPatterns);