@truedat/cx 7.5.9 → 7.5.11

package/src/configurations/components/__tests__/__snapshots__/Configurations.spec.js.snap

@@ -1,78 +1,97 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Configurations /> matches the latest snapshot 1`] = `
-<Segment>
-  <Header
-    as="h2"
+<div>
+  <div
+    class="ui segment"
   >
-    <Button
-      as={
-        {
-          "$$typeof": Symbol(react.forward_ref),
-          "displayName": "Link",
-          "propTypes": {
-            "innerRef": [Function],
-            "onClick": [Function],
-            "replace": [Function],
-            "target": [Function],
-            "to": [Function],
-          },
-          "render": [Function],
-        }
-      }
-      content={
-        <Memo(MemoizedFormattedMessage)
-          id="configurations.actions.create"
-        />
-      }
-      floated="right"
-      primary={true}
-      to="/configurations/new"
-    />
-    <Icon
-      as="i"
-      circular={true}
-      name="plug"
-    />
-    <HeaderContent>
-      <MemoizedFormattedMessage
-        id="configurations.header"
+    <h2
+      class="ui header"
+    >
+      <a
+        class="ui primary right floated button"
+        data-discover="true"
+        href="/configurations/new"
+        role="button"
+      >
+        configurations.actions.create
+      </a>
+      <i
+        aria-hidden="true"
+        class="plug circular icon"
       />
-      <HeaderSubheader>
-        <MemoizedFormattedMessage
-          id="configurations.subheader"
-        />
-      </HeaderSubheader>
-    </HeaderContent>
-  </Header>
-  <Grid
-    centered={true}
-    columns={1}
-  >
-    <GridColumn>
-      <Input
-        icon={
-          {
-            "link": true,
-            "name": "search",
-          }
-        }
-        onChange={[Function]}
-        placeholder="configurations.search.placeholder"
-        type="text"
-        value=""
-      />
-    </GridColumn>
-  </Grid>
-  <Connect(ConfigurationCards)
-    configurations={
-      [
-        {
-          "external_id": "eid1",
-          "id": 1,
-        },
-      ]
-    }
-  />
-</Segment>
+      <div
+        class="content"
+      >
+        configurations.header
+        <div
+          class="sub header"
+        >
+          configurations.subheader
+        </div>
+      </div>
+    </h2>
+    <div
+      class="ui centered one column grid"
+    >
+      <div
+        class="column"
+      >
+        <div
+          class="ui icon input"
+        >
+          <input
+            placeholder="configurations.search.placeholder"
+            type="text"
+            value=""
+          />
+          <i
+            aria-hidden="true"
+            class="search link icon"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui cards"
+    >
+      <div
+        class="ui card"
+      >
+        <div
+          class="content"
+        >
+          <a
+            class="header"
+            data-discover="true"
+            href="/configurations/eid1"
+          >
+            eid1
+          </a>
+          <div
+            class="description"
+          >
+            test
+          </div>
+        </div>
+        <div
+          class="extra content"
+        >
+          <div
+            class="ui actions"
+          >
+            <button
+              class="ui red basic icon button"
+            >
+              <i
+                aria-hidden="true"
+                class="red trash alternate outline icon"
+              />
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;

package/src/configurations/components/__tests__/__snapshots__/ConfigurationsLoader.spec.js.snap

@@ -1,31 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConfigurationsLoader /> matches the latest snapshot 1`] = `
-<ConfigurationsLoader
-  clearConfigurations={[MockFunction]}
-  configurationsLoading={true}
-  fetchConfigurations={
-    [MockFunction] {
-      "calls": [
-        [],
-      ],
-      "results": [
-        {
-          "type": "return",
-          "value": undefined,
-        },
-      ],
-    }
-  }
->
-  <Loading>
-    <Loader
-      active={true}
-    >
-      <div
-        className="ui active loader"
-      />
-    </Loader>
-  </Loading>
-</ConfigurationsLoader>
+<div>
+  <div
+    class="ui active loader"
+  />
+</div>
 `;

package/src/configurations/components/__tests__/__snapshots__/EditConfiguration.spec.js.snap

@@ -7,9 +7,10 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
   >
     <a
       class="section"
+      data-discover="true"
       href="/configurations"
     >
-      Configurations
+      navigation.admin.configurations
     </a>
     <i
       aria-hidden="true"
@@ -18,7 +19,7 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
     <div
       class="active section"
     >
-      Update Configuration
+      configurations.actions.update
     </div>
   </div>
   <div
@@ -34,7 +35,7 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Update Configuration
+        configurations.actions.update
       </div>
     </h2>
     <form
@@ -44,11 +45,11 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
         class="required field"
       >
         <label>
-          Id Externo
+          configuration.props.external_id
           <div
             class="ui left pointing label"
           >
-            Empty required field
+            template.form.validation.empty_required
           </div>
         </label>
         <div
@@ -70,7 +71,7 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
         class="required field"
       >
         <label>
-          Type
+          type.selector.label
         </label>
         <div
           class="disabled required field"
@@ -97,7 +98,7 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
               class="divider default text"
               role="alert"
             >
-              Source type (template)
+              type.selector.placeholder
             </div>
             <i
               aria-hidden="true"
@@ -122,7 +123,7 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
         <label
           class="label"
         >
-          Content
+          configuration.content.label
         </label>
       </div>
       <div
@@ -130,17 +131,18 @@ exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
       >
         <a
           class="ui secondary button"
+          data-discover="true"
           href="/"
           role="button"
         >
-          Cancel
+          actions.cancel
         </a>
         <button
           class="ui primary disabled button"
           disabled=""
           tabindex="-1"
         >
-          Save
+          actions.save
         </button>
       </div>
     </form>

package/src/configurations/components/__tests__/__snapshots__/NewConfiguration.spec.js.snap

@@ -7,9 +7,10 @@ exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
   >
     <a
       class="section"
+      data-discover="true"
       href="/configurations"
     >
-      Configurations
+      navigation.admin.configurations
     </a>
     <i
       aria-hidden="true"
@@ -18,7 +19,7 @@ exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
     <div
       class="active section"
     >
-      Create
+      configurations.actions.create
     </div>
   </div>
   <div
@@ -34,7 +35,7 @@ exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Create
+        configurations.actions.create
       </div>
     </h2>
     <form
@@ -44,11 +45,11 @@ exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
         class="required field"
       >
         <label>
-          Id Externo
+          configuration.props.external_id
           <div
             class="ui left pointing label"
           >
-            Empty required field
+            template.form.validation.empty_required
           </div>
         </label>
         <div
@@ -68,7 +69,7 @@ exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
         class="required field"
       >
         <label>
-          Type
+          type.selector.label
         </label>
         <div
           class="required field"
@@ -95,7 +96,7 @@ exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
               class="divider default text"
               role="alert"
             >
-              Source type (template)
+              type.selector.placeholder
             </div>
             <i
               aria-hidden="true"
@@ -119,17 +120,18 @@ exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
       >
         <a
           class="ui secondary button"
+          data-discover="true"
           href="/"
           role="button"
         >
-          Cancel
+          actions.cancel
         </a>
         <button
           class="ui primary disabled button"
           disabled=""
           tabindex="-1"
         >
-          Create
+          actions.create
         </button>
       </div>
     </form>

package/src/configurations/components/index.js

@@ -9,5 +9,5 @@ export {
   ConfigurationCards,
   ConfigurationRoutes,
   ConfigurationsLoader,
-  ConfigurationTokenLoader
+  ConfigurationTokenLoader,
 };

package/src/configurations/reducers/configurationRedirect.js

@@ -3,7 +3,7 @@ import { clearRedirect } from "@truedat/core/routines";
 import {
   createConfiguration,
   deleteConfiguration,
-  updateConfiguration
+  updateConfiguration,
 } from "../routines";
 
 const initialState = "";

package/src/configurations/reducers/configurations.js

@@ -15,7 +15,7 @@ const configurations = (state = initialState, { type, payload }) => {
       const data = _.propOr({}, "data")(payload);
       return _.flow(
         _.map(pickFields),
-        _.sortBy(s => _.deburr(s.external_id))
+        _.sortBy((s) => _.deburr(s.external_id))
       )(data);
     }
     case fetchConfigurations.FAILURE:

package/src/configurations/reducers/index.js

@@ -15,5 +15,5 @@ export {
   configurationTokenLoading,
   configurationRedirect,
   configurationToken,
-  systemConfigurations
+  systemConfigurations,
 };

package/src/configurations/reducers/systemConfigurations.js

@@ -13,7 +13,7 @@ const systemConfigurations = (state = initialState, { type, payload }) => {
       return _.flow(
         _.propOr({}, "data"),
         _.map(pickFields),
-        _.sortBy(s => _.deburr(s.external_id))
+        _.sortBy((s) => _.deburr(s.external_id))
       )(payload);
     }
     case fetchConfigurations.FAILURE:

package/src/configurations/sagas/signConfiguration.js

@@ -7,7 +7,9 @@ import { API_CONFIGURATION_SIGN } from "../api";
 export function* signConfigurationSaga({ payload }) {
   try {
     const { external_id, params } = payload;
-    const url = compile(API_CONFIGURATION_SIGN)({ external_id });
+    const url = compile(API_CONFIGURATION_SIGN)({
+      external_id: `${external_id}`,
+    });
     const requestData = { payload: params };
     yield put(signConfiguration.request());
     const { data } = yield call(apiJsonPost, url, requestData, JSON_OPTS);

package/src/jobs/components/Job.js

@@ -1,5 +1,4 @@
 import { isEmpty, sortBy } from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import Moment from "react-moment";

package/src/jobs/components/JobBreadcrumbs.js

@@ -1,7 +1,6 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { Breadcrumb } from "semantic-ui-react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage } from "react-intl";
 import { connect } from "react-redux";
 import { JOBS } from "@truedat/core/routes";
@@ -18,7 +17,7 @@ export const JobBreadcrumbs = ({ job }) =>
   ) : null;
 
 JobBreadcrumbs.propTypes = {
-  job: PropTypes.object
+  job: PropTypes.object,
 };
 
 export const mapStateToProps = ({ job }) => ({ job });

package/src/jobs/components/JobLoader.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
-import { useParams } from "react-router-dom";
+import { useParams } from "react-router";
 import { clearJob, fetchJob } from "../routines";
 
 export const JobLoader = ({ clearJob, fetchJob }) => {
@@ -19,7 +19,7 @@ export const JobLoader = ({ clearJob, fetchJob }) => {
 
 JobLoader.propTypes = {
   clearJob: PropTypes.func,
-  fetchJob: PropTypes.func
+  fetchJob: PropTypes.func,
 };
 
 const mapDispatchToProps = { clearJob, fetchJob };

package/src/jobs/components/JobRoutes.js

@@ -1,7 +1,5 @@
-import React from "react";
-import { Route, Switch } from "react-router-dom";
-import { Unauthorized } from "@truedat/core/components";
-import { useAuthorized } from "@truedat/core/hooks";
+import { Route, Routes } from "react-router";
+import { ProtectedRoute } from "@truedat/core/router";
 import { JOB, JOBS } from "@truedat/core/routes";
 import Job from "./Job";
 import JobBreadcrumbs from "./JobBreadcrumbs";
@@ -10,41 +8,31 @@ import JobLoader from "./JobLoader";
 import JobsView from "./JobsView";
 import JobsLoader from "./JobsLoader";
 
-export const JobRoutes = () => {
-  const authorized = useAuthorized();
+export default function JobRoutes() {
   return (
-    <Route
-      path={JOBS}
-      render={() => (
-        <Switch>
-          <Route
-            exact
-            path={JOB}
-            render={() => (
-              <>
-                <JobLoader />
-                <JobBreadcrumbs />
-                <Job />
-              </>
-            )}
-          />
-          <Route
-            render={() =>
-              authorized ? (
-                <>
-                  <JobsLoader />
-                  <JobFiltersLoader />
-                  <JobsView />
-                </>
-              ) : (
-                <Unauthorized />
-              )
-            }
-          />
-        </Switch>
-      )}
-    />
+    <Routes>
+      <Route path={JOBS}>
+        <Route
+          index
+          element={
+            <ProtectedRoute>
+              <JobsLoader />
+              <JobFiltersLoader />
+              <JobsView />
+            </ProtectedRoute>
+          }
+        />
+        <Route
+          path=":id"
+          element={
+            <>
+              <JobLoader />
+              <JobBreadcrumbs />
+              <Job />
+            </>
+          }
+        />
+      </Route>
+    </Routes>
   );
-};
-
-export default JobRoutes;
+}

package/src/jobs/components/JobRow.js

@@ -1,20 +1,20 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
-import { useHistory } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { Table } from "semantic-ui-react";
 import { columnDecorator } from "@truedat/core/services";
 import { linkTo } from "@truedat/core/routes";
 
 export const JobRow = ({ job, columns }) => {
-  const history = useHistory();
+  const navigate = useNavigate();
   const id = job?.externalId || job?.external_id;
   const sourceId = job?.source_id;
   const url = sourceId
     ? linkTo.SOURCE_JOB({ sourceId, id })
     : linkTo.JOB({ id });
+
   return _.isEmpty(columns) || _.isEmpty(job) ? null : (
-    <Table.Row key={id} onClick={() => history.push(url)}>
+    <Table.Row key={id} onClick={() => navigate(url)}>
       {columns.map((column, i) => (
         <Table.Cell
           key={i}

package/src/jobs/components/Jobs.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Dimmer, Loader } from "semantic-ui-react";
@@ -13,9 +12,11 @@ export const Jobs = ({ columns, jobsLoading }) => (
     <JobsSearch />
     <JobSelectedFilters />
     <Dimmer.Dimmable dimmed={jobsLoading}>
-      <Dimmer active={jobsLoading} inverted>
-        <Loader />
-      </Dimmer>
+      {jobsLoading ? (
+        <Dimmer active inverted>
+          <Loader />
+        </Dimmer>
+      ) : null}
     </Dimmer.Dimmable>
     <JobsLabelResults />
     <JobsTable columns={columns} />

package/src/jobs/components/JobsLabelResults.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { FormattedMessage } from "react-intl";
@@ -19,12 +18,12 @@ export const JobsLabelResults = ({ jobCount, jobsLoading }) => (
 
 JobsLabelResults.propTypes = {
   jobCount: PropTypes.number,
-  jobsLoading: PropTypes.bool
+  jobsLoading: PropTypes.bool,
 };
 
 const mapStateToProps = ({ jobCount, jobsLoading }) => ({
   jobCount,
-  jobsLoading
+  jobsLoading,
 });
 
 export default connect(mapStateToProps)(JobsLabelResults);

package/src/jobs/components/JobsSearch.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Input } from "semantic-ui-react";

package/src/jobs/components/JobsTable.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useEffect } from "react";
+import { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Table, Header, Icon } from "semantic-ui-react";
@@ -16,8 +16,8 @@ export const JobsTable = ({
   jobsSorting,
   sortJobs,
 }) => {
-  const [sortBy, setSortBy] = React.useState(null);
-  const [direction, setDirection] = React.useState(null);
+  const [sortBy, setSortBy] = useState(null);
+  const [direction, setDirection] = useState(null);
   useEffect(() => {
     const { column, direction } = getSortInfo(jobsSorting);
     setSortBy(column);

package/src/jobs/components/JobsView.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Header, Icon, Segment } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
 import Jobs from "./Jobs";

package/src/jobs/components/SourceJobs.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { sourceJobColumnsSelector } from "../selectors";