@truedat/cx 6.14.0 → 6.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/cx",
-  "version": "6.14.0",
+  "version": "6.15.0",
   "description": "Truedat Web Connectors",
   "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": "6.8.6",
+    "@truedat/test": "6.15.0",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -91,7 +91,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@truedat/core": "6.14.0",
+    "@truedat/core": "6.15.0",
     "lodash": "^4.17.21",
     "match-sorter": "^6.3.1",
     "moment": "^2.29.4",
@@ -112,5 +112,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "c93d6ae539fb9ecb3d43b63db5199726246d2024"
+  "gitHead": "82830ba952924ed48c558abe06b3a01880c3e17e"
 }

package/src/configurations/components/Configurations.js

@@ -2,16 +2,15 @@ import _ from "lodash/fp";
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
-import { useIntl } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import { Link } from "react-router-dom";
 import { Button, Grid, Header, Icon, Input, Segment } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
 import { CONFIGURATION_CREATE } from "@truedat/core/routes";
 import ConfigurationCards from "./ConfigurationCards";
 
 const toSearchable = _.flow(_.deburr, _.toLower, _.trim);
 
-const matchesFilter = filter =>
+const matchesFilter = (filter) =>
   _.flow(
     _.at(["type", "external_id"]),
     _.map(toSearchable),
@@ -41,7 +40,13 @@ export const Configurations = ({ configurations, configurationsLoading }) => {
           to={CONFIGURATION_CREATE}
           content={<FormattedMessage id="configurations.actions.create" />}
         />
-        <Icon name="plug" circular />
+        <Icon
+          name={formatMessage({
+            id: "configurations.header.icon",
+            defaultMessage: "plug",
+          })}
+          circular
+        />
         <Header.Content>
           <FormattedMessage id="configurations.header" />
           <Header.Subheader>
@@ -56,7 +61,7 @@ export const Configurations = ({ configurations, configurationsLoading }) => {
             value={searchFilter}
             icon={{ name: "search", link: true }}
             placeholder={formatMessage({
-              id: "configurations.search.placeholder"
+              id: "configurations.search.placeholder",
             })}
           />
         </Grid.Column>
@@ -68,13 +73,13 @@ export const Configurations = ({ configurations, configurationsLoading }) => {
 
 Configurations.propTypes = {
   configurations: PropTypes.array,
-  configurationsLoading: PropTypes.bool
+  configurationsLoading: PropTypes.bool,
 };
 
 const mapStateToProps = ({ configurations, configurationsLoading }) => ({
   configurations,
   configurations,
-  configurationsLoading
+  configurationsLoading,
 });
 
 export default connect(mapStateToProps)(Configurations);

package/src/configurations/components/EditConfiguration.js

@@ -24,7 +24,12 @@ export const EditConfiguration = ({
       />
       <Container as={Segment} text>
         <Header as="h2">
-          <Icon name="plug" />
+          <Icon
+            name={formatMessage({
+              id: "configurations.header.icon",
+              defaultMessage: "plug",
+            })}
+          />
           <Header.Content>
             <FormattedMessage id="configurations.actions.update" />
           </Header.Content>

package/src/configurations/components/NewConfiguration.js

@@ -17,7 +17,12 @@ export const NewConfiguration = ({ createConfiguration }) => {
       />
       <Container as={Segment} text>
         <Header as="h2">
-          <Icon name="plug" />
+          <Icon
+            name={formatMessage({
+              id: "configurations.header.icon",
+              defaultMessage: "plug",
+            })}
+          />
           <Header.Content>
             <FormattedMessage id="configurations.actions.create" />
           </Header.Content>

package/src/jobs/components/JobsView.js

@@ -1,23 +1,31 @@
 import React from "react";
 import { Header, Icon, Segment } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import Jobs from "./Jobs";
 
-export const JobsView = () => (
-  <Segment>
-    <Header as="h2">
-      <Icon circular name="cogs" />
-      <Header.Content>
-        <FormattedMessage id="jobs.header" />
-        <Header.Subheader>
-          <FormattedMessage id="jobs.subheader" />
-        </Header.Subheader>
-      </Header.Content>
-    </Header>
-    <Segment attached="bottom">
-      <Jobs />
+export const JobsView = () => {
+  const { formatMessage } = useIntl();
+  return (
+    <Segment>
+      <Header as="h2">
+        <Icon
+          circular
+          name={formatMessage({
+            id: "jobs.header.icon",
+            defaultMessage: "cogs",
+          })}
+        />
+        <Header.Content>
+          <FormattedMessage id="jobs.header" />
+          <Header.Subheader>
+            <FormattedMessage id="jobs.subheader" />
+          </Header.Subheader>
+        </Header.Content>
+      </Header>
+      <Segment attached="bottom">
+        <Jobs />
+      </Segment>
     </Segment>
-  </Segment>
-);
-
+  );
+};
 export default JobsView;

package/src/sources/components/NewSource.js

@@ -16,7 +16,12 @@ export const NewSource = ({ createSource }) => {
       />
       <Container as={Segment} text>
         <Header as="h2">
-          <Icon name="plug" />
+          <Icon
+            name={formatMessage({
+              id: "sources.header.icon",
+              defaultMessage: "plug",
+            })}
+          />
           <Header.Content>
             <FormattedMessage id="sources.actions.create" />
           </Header.Content>

package/src/sources/components/SourceHeader.js

@@ -1,15 +1,23 @@
 import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
+import { useIntl } from "react-intl";
 import { Header, Icon, Grid } from "semantic-ui-react";
 import SourceActions from "./SourceActions";
 
-export const SourceHeader = ({ source }) =>
-  _.isEmpty(source) ? null : (
+export const SourceHeader = ({ source }) => {
+  const { formatMessage } = useIntl();
+  return _.isEmpty(source) ? null : (
     <Grid>
       <Grid.Column width={8}>
         <Header as="h2">
-          <Icon circular name="plug" />
+          <Icon
+            circular
+            name={formatMessage({
+              id: "sources.header.icon",
+              defaultMessage: "plug",
+            })}
+          />
           <Header.Content>
             {source.externalId}
             <Header.Subheader>{source.type}</Header.Subheader>
@@ -21,6 +29,7 @@ export const SourceHeader = ({ source }) =>
       </Grid.Column>
     </Grid>
   );
+};
 
 SourceHeader.propTypes = {
   source: PropTypes.object.isRequired,

package/src/sources/components/Sources.js

@@ -1,10 +1,9 @@
 import _ from "lodash/fp";
 import React, { useState } from "react";
 import { matchSorter } from "match-sorter";
-import { useIntl } from "react-intl";
 import { Link } from "react-router-dom";
 import { Button, Header, Icon, Input, Segment } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import { useQuery } from "@apollo/client";
 import { Loading } from "@truedat/core/components";
 import { SOURCES_NEW } from "@truedat/core/routes";
@@ -47,7 +46,13 @@ export const Sources = () => {
           to={SOURCES_NEW}
           content={formatMessage({ id: "sources.actions.create" })}
         />
-        <Icon name="plug" circular />
+        <Icon
+          name={formatMessage({
+            id: "sources.header.icon",
+            defaultMessage: "plug",
+          })}
+          circular
+        />
         <Header.Content>
           <FormattedMessage id="sources.header" />
           <Header.Subheader>