@truedat/cx 4.44.0 → 4.44.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/cx",
-  "version": "4.44.0",
+  "version": "4.44.3",
   "description": "Truedat Web Connectors",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -31,7 +31,7 @@
     "@babel/plugin-transform-modules-commonjs": "^7.15.0",
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
-    "@truedat/test": "4.44.0",
+    "@truedat/test": "4.44.3",
     "babel-jest": "^27.0.6",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -85,7 +85,7 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "4.44.0",
+    "@truedat/core": "4.44.3",
     "lodash": "^4.17.21",
     "match-sorter": "^6.3.1",
     "path-to-regexp": "^1.7.0",
@@ -103,5 +103,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "55fd4a8be70ca0d1bd4f3cb7b5eaf073b0350029"
+  "gitHead": "d5e72d523389c6e66d6f7168d7e3546b5d2ffdda"
 }

package/src/configurations/components/ConfigurationForm.js

@@ -1,13 +1,13 @@
 import _ from "lodash/fp";
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, Suspense } from "react";
 import PropTypes from "prop-types";
-import { useSelector, useDispatch } from "react-redux";
+import { connect } from "react-redux";
 import { Button, Form, Label } from "semantic-ui-react";
 import { useIntl, FormattedMessage } from "react-intl";
 import { HistoryBackButton } from "@truedat/core/components";
 import {
   applyTemplate as applyTemplateGenerator,
-  validateContent
+  validateContent,
 } from "@truedat/df/utils";
 import { selectTemplate } from "@truedat/df/routines";
 
@@ -24,16 +24,19 @@ const isNonEmptyString = _.flow(_.trim, _.negate(_.isEmpty));
 const isValid = _.conforms({
   external_id: isNonEmptyString,
   type: isNonEmptyString,
-  contentErrors: isEmptyArray
+  contentErrors: isEmptyArray,
 });
 
-const ConfigurationForm = ({ configuration, handleSubmit }) => {
-  const dispatch = useDispatch();
+const ConfigurationForm = ({
+  configuration,
+  handleSubmit,
+  selectTemplate,
+  template,
+  templates,
+  templatesLoading,
+}) => {
   const [formState, setFormState] = useState(configuration || {});
   const { formatMessage } = useIntl();
-  const { template, templates, templatesLoading } = useSelector(
-    _.pick(["template", "templatesLoading", "templates"])
-  );
   const applyTemplate = applyTemplateGenerator(template);
   const { external_id, type, content } = formState;
 
@@ -44,11 +47,11 @@ const ConfigurationForm = ({ configuration, handleSubmit }) => {
         ...formState,
         type: _.prop("name")(template),
         content: newContent,
-        contentErrors: validateContent(template)(content)
+        contentErrors: validateContent(template)(content),
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [_.get("id")(template)]);
+  }, [template]);
 
   useEffect(() => {
     const configurationType = _.get("type")(configuration);
@@ -58,34 +61,34 @@ const ConfigurationForm = ({ configuration, handleSubmit }) => {
         _.get("id")
       )(templates);
       if (!_.isNil(currentTemplateId))
-        dispatch(selectTemplate({ id: currentTemplateId }));
+        selectTemplate({ id: currentTemplateId });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [configuration]);
 
-  const typeOptions = templates.map(({ name, id }, i) => ({
-    key: i,
+  const typeOptions = _.map(({ name, id }) => ({
+    key: id,
     value: id,
-    text: name
-  }));
+    text: name,
+  }))(templates);
 
   const handleExternalIdChange = (e, { value: external_id }) => {
     e && e.preventDefault();
     setFormState({ ...formState, external_id });
   };
-  const handleContentChange = content => {
+  const handleContentChange = (content) => {
     const contentErrors = validateContent(template)(content);
     setFormState({ ...formState, content, contentErrors });
   };
 
   const handleTemplateSelected = (e, data) => {
     const { value } = data;
-    dispatch(selectTemplate({ id: value }));
+    selectTemplate({ id: value });
   };
 
   const isInvalid = () => _.negate(isValid)(formState);
 
-  const doHandleSubmit = e => {
+  const doHandleSubmit = (e) => {
     e.preventDefault();
     const newConfiguration = _.pick(["external_id", "type"])(formState);
     const appliedContent = _.flow(_.prop("content"), applyTemplate)(formState);
@@ -93,8 +96,8 @@ const ConfigurationForm = ({ configuration, handleSubmit }) => {
     handleSubmit({
       configuration: {
         ...newConfiguration,
-        content: appliedContent
-      }
+        content: appliedContent,
+      },
     });
   };
 
@@ -116,11 +119,11 @@ const ConfigurationForm = ({ configuration, handleSubmit }) => {
         />
       </Form.Field>
       <Form.Field required>
-        <label>{formatMessage({ id: "type.selector.label" })}</label>
+        <label>
+          <FormattedMessage id="type.selector.label" />
+        </label>
         <Form.Dropdown
-          placeholder={formatMessage({
-            id: "type.selector.placeholder"
-          })}
+          placeholder={formatMessage({ id: "type.selector.placeholder" })}
           name="type"
           search
           selection
@@ -136,12 +139,12 @@ const ConfigurationForm = ({ configuration, handleSubmit }) => {
       {type && !templatesLoading && (
         <Form.Field>
           <label className="label">
-            {formatMessage({ id: "configuration.content.label" })}
+            <FormattedMessage id="configuration.content.label" />
           </label>
-          <>
+          <Suspense fallback={null}>
             <TemplateLoader />
             <DynamicForm onChange={handleContentChange} content={content} />
-          </>
+          </Suspense>
         </Form.Field>
       )}
       <div className="actions">
@@ -163,6 +166,17 @@ const ConfigurationForm = ({ configuration, handleSubmit }) => {
 
 ConfigurationForm.propTypes = {
   configuration: PropTypes.object,
-  handleSubmit: PropTypes.func
+  handleSubmit: PropTypes.func,
+  selectTemplate: PropTypes.func,
+  template: PropTypes.object,
+  templates: PropTypes.array,
+  templatesLoading: PropTypes.bool,
 };
-export default ConfigurationForm;
+
+export const mapStateToProps = ({ template, templates, templatesLoading }) => ({
+  template,
+  templates,
+  templatesLoading,
+});
+
+export default connect(mapStateToProps, { selectTemplate })(ConfigurationForm);

package/src/configurations/components/EditConfiguration.js

@@ -1,7 +1,6 @@
-import _ from "lodash/fp";
 import React from "react";
-import { useDispatch, useSelector } from "react-redux";
-import { bindActionCreators } from "redux";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
 import { Container, Header, Icon, Segment } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { Loading } from "@truedat/core/components";
@@ -9,17 +8,12 @@ import { updateConfiguration } from "../routines";
 import ConfigurationBreadcrumbs from "./ConfigurationBreadcrumbs";
 import ConfigurationForm from "./ConfigurationForm";
 
-export default () => {
-  const dispatch = useDispatch();
+export const EditConfiguration = ({
+  configuration,
+  configurationLoading,
+  updateConfiguration,
+}) => {
   const { formatMessage } = useIntl();
-  const { update } = bindActionCreators(
-    { update: updateConfiguration },
-    dispatch
-  );
-
-  const { configuration, configurationLoading } = useSelector(
-    _.pick(["configuration", "configurationLoading"])
-  );
 
   return configurationLoading ? (
     <Loading />
@@ -37,9 +31,24 @@ export default () => {
         </Header>
         <ConfigurationForm
           configuration={configuration}
-          handleSubmit={update}
+          onSubmit={updateConfiguration}
         />
       </Container>
     </>
   );
 };
+
+EditConfiguration.propTypes = {
+  configuration: PropTypes.object,
+  configurationLoading: PropTypes.bool,
+  updateConfiguration: PropTypes.func,
+};
+
+export const mapStateToProps = ({ configurationLoading, configuration }) => ({
+  loading: configurationLoading,
+  configuration,
+});
+
+export default connect(mapStateToProps, { updateConfiguration })(
+  EditConfiguration
+);

package/src/configurations/components/NewConfiguration.js

@@ -1,19 +1,14 @@
 import React from "react";
-import { useDispatch } from "react-redux";
-import { bindActionCreators } from "redux";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
 import { Container, Header, Icon, Segment } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { createConfiguration } from "../routines";
 import ConfigurationBreadcrumbs from "./ConfigurationBreadcrumbs";
 import ConfigurationForm from "./ConfigurationForm";
 
-export default () => {
-  const dispatch = useDispatch();
+export const NewConfiguration = ({ createConfiguration }) => {
   const { formatMessage } = useIntl();
-  const { create } = bindActionCreators(
-    { create: createConfiguration },
-    dispatch
-  );
 
   return (
     <>
@@ -27,8 +22,14 @@ export default () => {
             <FormattedMessage id="configurations.actions.create" />
           </Header.Content>
         </Header>
-        <ConfigurationForm handleSubmit={create} />
+        <ConfigurationForm onSubmit={createConfiguration} />
       </Container>
     </>
   );
 };
+
+NewConfiguration.propTypes = {
+  createConfiguration: PropTypes.func,
+};
+
+export default connect(null, { createConfiguration })(NewConfiguration);

package/src/configurations/components/__tests__/ConfigurationForm.spec.js

@@ -1,16 +1,9 @@
 import React from "react";
-import { shallow } from "enzyme";
-import { intl } from "@truedat/test/intl-stub";
+import { render } from "@truedat/test/render";
 import ConfigurationForm from "../ConfigurationForm";
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(() => ({
+const renderOpts = {
+  state: {
     templates: [
       {
         content: [
@@ -22,37 +15,37 @@ jest.mock("react-redux", () => ({
                 name: "new_field",
                 type: "string",
                 values: null,
-                widget: "string"
-              }
+                widget: "string",
+              },
             ],
             is_secret: false,
-            name: ""
-          }
+            name: "",
+          },
         ],
         id: 1,
         label: "test_config",
         name: "test_config",
-        scope: "ca"
-      }
+        scope: "ca",
+      },
     ],
     template: null,
-    templatesLoading: false
-  }))
-}));
+    templatesLoading: false,
+  },
+};
 
 describe("<ConfigurationForm />", () => {
-  const handleSubmit = jest.fn();
+  const onSubmit = jest.fn();
   const configuration = {
     external_id: "ext1",
     type: "test_config",
     content: {
-      new_field: "value"
-    }
+      new_field: "value",
+    },
   };
-  const props = { handleSubmit, configuration };
+  const props = { onSubmit, configuration };
 
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<ConfigurationForm {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<ConfigurationForm {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,24 +1,17 @@
 import React from "react";
-import { shallow } from "enzyme";
-import { intl } from "@truedat/test/intl-stub";
+import { render } from "@truedat/test/render";
 import EditConfiguration from "../EditConfiguration";
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(() => ({
+const renderOpts = {
+  state: {
     configuration: { id: 1, type: "config", content: { field: "foo" } },
-    configurationLoading: false
-  }))
-}));
+    configurationLoading: false,
+  },
+};
 
 describe("<EditConfiguration />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<EditConfiguration />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<EditConfiguration />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,23 +1,13 @@
 import React from "react";
-import { shallow } from "enzyme";
-import { intl } from "@truedat/test/intl-stub";
+import { render } from "@truedat/test/render";
 import NewConfiguration from "../NewConfiguration";
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn()
-}));
-
 describe("<NewConfiguration />", () => {
   const createConfiguration = jest.fn();
   const props = { createConfiguration };
 
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<NewConfiguration {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<NewConfiguration {...props} />);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,84 +1,117 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConfigurationForm /> matches the latest snapshot 1`] = `
-<Form
-  as="form"
->
-  <FormField
-    required={true}
+<div>
+  <form
+    class="ui form"
   >
-    <label>
-      configuration.props.external_id
-    </label>
-    <FormInput
-      as={[Function]}
-      control={[Function]}
-      disabled={true}
-      onChange={[Function]}
-      value="ext1"
-    />
-  </FormField>
-  <FormField
-    required={true}
-  >
-    <label>
-      type.selector.label
-    </label>
-    <FormDropdown
-      as={[Function]}
-      control={[Function]}
-      disabled={true}
-      loading={false}
-      name="type"
-      onChange={[Function]}
-      options={
-        Array [
-          Object {
-            "key": 0,
-            "text": "test_config",
-            "value": 1,
-          },
-        ]
-      }
-      placeholder="type.selector.placeholder"
-      required={true}
-      search={true}
-      selection={true}
-    />
-  </FormField>
-  <FormField>
-    <label
-      className="label"
+    <div
+      class="required field"
     >
-      configuration.content.label
-    </label>
-    <lazy />
-    <lazy
-      content={
-        Object {
-          "new_field": "value",
-        }
-      }
-      onChange={[Function]}
-    />
-  </FormField>
-  <div
-    className="actions"
-  >
-    <HistoryBackButton
-      content="actions.cancel"
-    />
-    <Button
-      as="button"
-      content={
-        <Memo(MemoizedFormattedMessage)
-          id="actions.save"
-        />
-      }
-      disabled={true}
-      onClick={[Function]}
-      primary={true}
-    />
-  </div>
-</Form>
+      <label>
+        Id Externo
+      </label>
+      <div
+        class="disabled field"
+      >
+        <div
+          class="ui disabled input"
+        >
+          <input
+            disabled=""
+            tabindex="-1"
+            type="text"
+            value="ext1"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        Type
+      </label>
+      <div
+        class="disabled required field"
+      >
+        <div
+          aria-busy="false"
+          aria-disabled="true"
+          aria-expanded="false"
+          class="ui disabled search selection dropdown"
+          name="type"
+          required=""
+          role="combobox"
+        >
+          <input
+            aria-autocomplete="list"
+            autocomplete="off"
+            class="search"
+            tabindex="-1"
+            type="text"
+            value=""
+          />
+          <div
+            aria-atomic="true"
+            aria-live="polite"
+            class="divider default text"
+            role="alert"
+          >
+            Source type (template)
+          </div>
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+            role="listbox"
+          >
+            <div
+              aria-checked="false"
+              aria-selected="true"
+              class="selected item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                test_config
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label
+        class="label"
+      >
+        Content
+      </label>
+    </div>
+    <div
+      class="actions"
+    >
+      <a
+        class="ui secondary button"
+        href="/"
+        role="button"
+      >
+        Cancel
+      </a>
+      <button
+        class="ui primary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        Save
+      </button>
+    </div>
+  </form>
+</div>
 `;

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

@@ -1,39 +1,149 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<EditConfiguration /> matches the latest snapshot 1`] = `
-<Fragment>
-  <ConfigurationBreadcrumbs
-    text="configurations.actions.update"
-  />
-  <Container
-    as={[Function]}
-    text={true}
+<div>
+  <div
+    class="ui breadcrumb"
   >
-    <Header
-      as="h2"
+    <a
+      class="section"
+      href="/configurations"
     >
-      <Icon
-        as="i"
-        name="plug"
-      />
-      <HeaderContent>
-        <MemoizedFormattedMessage
-          id="configurations.actions.update"
-        />
-      </HeaderContent>
-    </Header>
-    <ConfigurationForm
-      configuration={
-        Object {
-          "content": Object {
-            "field": "foo",
-          },
-          "id": 1,
-          "type": "config",
-        }
-      }
-      handleSubmit={[Function]}
+      Configurations
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
     />
-  </Container>
-</Fragment>
+    <div
+      class="active section"
+    >
+      Update Configuration
+    </div>
+  </div>
+  <div
+    class="ui segment ui text container"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="plug icon"
+      />
+      <div
+        class="content"
+      >
+        Update Configuration
+      </div>
+    </h2>
+    <form
+      class="ui form"
+    >
+      <div
+        class="required field"
+      >
+        <label>
+          Id Externo
+          <div
+            class="ui left pointing label"
+          >
+            Empty required field
+          </div>
+        </label>
+        <div
+          class="disabled field"
+        >
+          <div
+            class="ui disabled input"
+          >
+            <input
+              disabled=""
+              tabindex="-1"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="required field"
+      >
+        <label>
+          Type
+        </label>
+        <div
+          class="disabled required field"
+        >
+          <div
+            aria-disabled="true"
+            aria-expanded="false"
+            class="ui disabled search selection dropdown"
+            name="type"
+            required=""
+            role="combobox"
+          >
+            <input
+              aria-autocomplete="list"
+              autocomplete="off"
+              class="search"
+              tabindex="-1"
+              type="text"
+              value=""
+            />
+            <div
+              aria-atomic="true"
+              aria-live="polite"
+              class="divider default text"
+              role="alert"
+            >
+              Source type (template)
+            </div>
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
+            <div
+              class="menu transition"
+              role="listbox"
+            >
+              <div
+                class="message"
+              >
+                No results found.
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <label
+          class="label"
+        >
+          Content
+        </label>
+      </div>
+      <div
+        class="actions"
+      >
+        <a
+          class="ui secondary button"
+          href="/"
+          role="button"
+        >
+          Cancel
+        </a>
+        <button
+          class="ui primary disabled button"
+          disabled=""
+          tabindex="-1"
+        >
+          Save
+        </button>
+      </div>
+    </form>
+  </div>
+</div>
 `;

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

@@ -1,30 +1,138 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<NewConfiguration /> matches the latest snapshot 1`] = `
-<Fragment>
-  <ConfigurationBreadcrumbs
-    text="configurations.actions.create"
-  />
-  <Container
-    as={[Function]}
-    text={true}
+<div>
+  <div
+    class="ui breadcrumb"
   >
-    <Header
-      as="h2"
+    <a
+      class="section"
+      href="/configurations"
     >
-      <Icon
-        as="i"
-        name="plug"
-      />
-      <HeaderContent>
-        <MemoizedFormattedMessage
-          id="configurations.actions.create"
-        />
-      </HeaderContent>
-    </Header>
-    <ConfigurationForm
-      handleSubmit={[Function]}
+      Configurations
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
     />
-  </Container>
-</Fragment>
+    <div
+      class="active section"
+    >
+      Create
+    </div>
+  </div>
+  <div
+    class="ui segment ui text container"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="plug icon"
+      />
+      <div
+        class="content"
+      >
+        Create
+      </div>
+    </h2>
+    <form
+      class="ui form"
+    >
+      <div
+        class="required field"
+      >
+        <label>
+          Id Externo
+          <div
+            class="ui left pointing label"
+          >
+            Empty required field
+          </div>
+        </label>
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="required field"
+      >
+        <label>
+          Type
+        </label>
+        <div
+          class="required field"
+        >
+          <div
+            aria-disabled="false"
+            aria-expanded="false"
+            class="ui search selection dropdown"
+            name="type"
+            required=""
+            role="combobox"
+          >
+            <input
+              aria-autocomplete="list"
+              autocomplete="off"
+              class="search"
+              tabindex="0"
+              type="text"
+              value=""
+            />
+            <div
+              aria-atomic="true"
+              aria-live="polite"
+              class="divider default text"
+              role="alert"
+            >
+              Source type (template)
+            </div>
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
+            <div
+              class="menu transition"
+              role="listbox"
+            >
+              <div
+                class="message"
+              >
+                No results found.
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="actions"
+      >
+        <a
+          class="ui secondary button"
+          href="/"
+          role="button"
+        >
+          Cancel
+        </a>
+        <button
+          class="ui primary disabled button"
+          disabled=""
+          tabindex="-1"
+        >
+          Create
+        </button>
+      </div>
+    </form>
+  </div>
+</div>
 `;

package/src/jobs/components/__tests__/Jobs.spec.js

@@ -1,6 +1,5 @@
 import React, { Suspense } from "react";
 import { render } from "@truedat/test/render";
-import en from "../../../messages/en";
 import Jobs from "../Jobs";
 
 const jobs = [
@@ -20,10 +19,7 @@ const jobs = [
   },
 ];
 const state = { jobs, jobCount: 42 };
-const renderOpts = {
-  messages: { en },
-  state,
-};
+const renderOpts = { state };
 
 describe("<Jobs />", () => {
   it("matches the latest snapshot", () => {

package/src/jobs/components/__tests__/JobsTable.spec.js

@@ -2,7 +2,6 @@ import _ from "lodash/fp";
 import React from "react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import en from "../../../messages/en";
 import { initialState as jobQuery } from "../../reducers/jobQuery";
 import JobsTable from "../JobsTable";
 
@@ -23,10 +22,7 @@ const jobs = [
   },
 ];
 const state = { jobs, jobQuery };
-const renderOpts = {
-  messages: { en },
-  state,
-};
+const renderOpts = { state };
 
 describe("<JobsTable />", () => {
   it("matches the latest snapshot", () => {

package/src/jobs/components/__tests__/JobsView.spec.js

@@ -1,6 +1,5 @@
 import React, { Suspense } from "react";
 import { render } from "@truedat/test/render";
-import en from "../../../messages/en";
 import { initialState as jobQuery } from "../../reducers/jobQuery";
 import JobsView from "../JobsView";
 
@@ -21,10 +20,7 @@ const jobs = [
   },
 ];
 const state = { jobs, jobQuery };
-const renderOpts = {
-  messages: { en },
-  state,
-};
+const renderOpts = { state };
 
 describe("<JobsView />", () => {
   it("matches the latest snapshot", () => {

package/src/jobs/components/__tests__/SourceJobs.spec.js

@@ -1,6 +1,5 @@
 import React, { Suspense } from "react";
 import { render } from "@truedat/test/render";
-import en from "../../../messages/en";
 import SourceJobs from "../SourceJobs";
 
 const jobs = [
@@ -20,10 +19,7 @@ const jobs = [
   },
 ];
 const state = { jobs, jobCount: 42 };
-const renderOpts = {
-  messages: { en },
-  state,
-};
+const renderOpts = { state };
 
 describe("<SourceJobs />", () => {
   it("matches the latest snapshot", () => {

package/src/sources/api/queries.js

@@ -38,15 +38,3 @@ export const SOURCE_QUERY = gql`
   ${SOURCE_CONFIG}
   ${SOURCE_TEMPLATE}
 `;
-
-export const TEMPLATES_QUERY = gql`
-  query Templates($scope: String!) {
-    templates(scope: $scope) {
-      id
-      name
-      label
-      scope
-      content
-    }
-  }
-`;

package/src/sources/components/SourceForm.js

@@ -4,10 +4,10 @@ import PropTypes from "prop-types";
 import { Button, Form, Label } from "semantic-ui-react";
 import { injectIntl, FormattedMessage } from "react-intl";
 import { useQuery } from "@apollo/client";
+import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
 import { HistoryBackButton, Loading } from "@truedat/core/components";
 import { accentInsensitivePathOrder } from "@truedat/core/services/sort";
 import { applyTemplate, validateContent } from "@truedat/df/utils";
-import { TEMPLATES_QUERY } from "../api/queries";
 
 const DynamicForm = React.lazy(() =>
   import("@truedat/df/components/DynamicForm")

package/src/sources/components/__tests__/SourceDetail.spec.js

@@ -1,7 +1,6 @@
 import React, { Suspense } from "react";
 import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
-import en from "../../../messages/en";
 import SourceDetail from "../SourceDetail";
 
 const jobs = [
@@ -27,7 +26,6 @@ const source = {
   id: 123,
 };
 const renderOpts = {
-  messages: { en },
   routes: ["/sources/123/jobs"],
   state: { jobs, jobCount: 42 },
 };

package/src/sources/components/__tests__/SourceForm.spec.js

@@ -4,7 +4,6 @@ import { SourceForm } from "../SourceForm";
 
 describe("<SourceForm />", () => {
   const applyTemplate = (x) => x;
-  const selectTemplate = jest.fn();
   const templatesLoaded = true;
   const source = {
     external_id: "Micro1",

package/src/sources/components/__tests__/SourceHeader.spec.js

@@ -1,16 +1,12 @@
 import React from "react";
 import { render } from "@truedat/test/render";
-import en from "../../../messages/en";
 import SourceHeader from "../SourceHeader";
 
 const source = { externalId: "foo", id: 123 };
-const renderOpts = {
-  messages: { en },
-};
 
 describe("<SourceHeader />", () => {
   it("matches the latest snapshot", () => {
-    const { container } = render(<SourceHeader source={source} />, renderOpts);
+    const { container } = render(<SourceHeader source={source} />);
     expect(container).toMatchSnapshot();
   });
 });

package/src/sources/components/__tests__/SourceTabs.spec.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { render } from "@truedat/test/render";
-import en from "../../../messages/en";
 import SourceTabs from "../SourceTabs";
 
 jest.mock("react-router-dom", () => ({
@@ -9,13 +8,10 @@ jest.mock("react-router-dom", () => ({
 }));
 
 const source = { externalId: "foo", id: 123 };
-const renderOpts = {
-  messages: { en },
-};
 
 describe("<SourceTabs />", () => {
   it("matches the latest snapshot", () => {
-    const { container } = render(<SourceTabs source={source} />, renderOpts);
+    const { container } = render(<SourceTabs source={source} />);
     expect(container).toMatchSnapshot();
   });
 });