@truedat/dq 4.48.1 → 4.48.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.48.2] 2022-07-08
+
+### Changed
+
+- [TD-4995] Support localization of template fields and fixed values
+
 ## [4.48.1] 2022-07-07
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dq",
-  "version": "4.48.1",
+  "version": "4.48.4",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -88,8 +88,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.6.4",
-    "@truedat/core": "4.48.0",
-    "@truedat/df": "4.48.0",
+    "@truedat/core": "4.48.4",
+    "@truedat/df": "4.48.4",
     "axios": "^0.19.2",
     "graphql": "^15.5.3",
     "path-to-regexp": "^1.7.0",
@@ -110,5 +110,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "f9de67a5791658396a5023b8d9fe24de6d75d943"
+  "gitHead": "5e50a034469bf3ad8e02a64eb875ad2b710b6b03"
 }

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

@@ -31,9 +31,13 @@ exports[`<RemediationPlan /> matches the latest snapshot 1`] = `
         class="ui negative message"
       >
         <div
-          class="header"
+          class="content"
         >
-          Error: Invalid template
+          <div
+            class="header"
+          >
+            Error: Invalid template
+          </div>
         </div>
       </div>
     </div>

package/src/components/ruleImplementationForm/__tests__/DataSetForm.spec.js

@@ -1,4 +1,4 @@
-import React, { Suspense } from "react";
+import React from "react";
 import { render } from "@truedat/test/render";
 import { waitFor } from "@testing-library/react";
 import { REFERENCE_DATASETS_HEADERS_QUERY } from "@truedat/dd/api/queries";
@@ -23,7 +23,11 @@ const referenceDatasetsMock = {
 };
 const messages = { en };
 
-const renderOpts = { mocks: [referenceDatasetsMock], messages };
+const renderOpts = {
+  mocks: [referenceDatasetsMock],
+  messages,
+  fallback: "lazy",
+};
 
 describe("<DatasetForm />", () => {
   const setStructures = jest.fn();
@@ -31,7 +35,7 @@ describe("<DatasetForm />", () => {
   const selector = -1;
   const setImplementationKey = jest.fn();
   const implementationKey = "Impl";
-  const structures = [1, 2];
+  const structures = [{ id: 1 }, { id: 2 }];
 
   const props = {
     implementationKey,
@@ -44,9 +48,7 @@ describe("<DatasetForm />", () => {
 
   it("matches the latest snapshot", async () => {
     const { container, queryByText } = render(
-      <Suspense fallback={null}>
-        <DatasetForm {...props} />
-      </Suspense>,
+      <DatasetForm {...props} />,
       renderOpts
     );
 

package/src/components/DropdownI18n.js

@@ -1,92 +0,0 @@
-import _ from "lodash/fp";
-import React from "react";
-import PropTypes from "prop-types";
-import { Form } from "semantic-ui-react";
-import { useIntl } from "react-intl";
-
-const toOptions = (
-  formatMessage,
-  property,
-  translateValues,
-  sortBy
-) => values =>
-  _.flow(
-    _.map(v => ({
-      text: formatMessage({ id: `${property}.${v}`, defaultMessage: v }),
-      value: v
-    })),
-    sortBy ? _.sortBy(sortBy) : _.identity,
-    _.map(translateValues ? ({ text }) => ({ text, value: text }) : _.identity),
-    _.map.convert({ cap: false })(({ text, value }, key) => ({
-      key,
-      text,
-      value
-    }))
-  )(values);
-
-export const DropdownI18n = ({
-  allowAdditions,
-  basic,
-  label,
-  multiple,
-  name,
-  onAddItem,
-  onChange,
-  property,
-  required,
-  search,
-  selection,
-  sortBy,
-  translateValues = false,
-  value,
-  values
-}) => {
-  const { formatMessage } = useIntl();
-  return (
-    <Form.Dropdown
-      allowAdditions={allowAdditions}
-      basic={basic}
-      label={
-        label ? formatMessage({ id: label, defaultMessage: label }) : false
-      }
-      multiple={multiple}
-      name={name}
-      onAddItem={onAddItem}
-      onChange={onChange}
-      options={toOptions(
-        formatMessage,
-        property,
-        translateValues,
-        sortBy
-      )(values)}
-      placeholder={formatMessage({
-        id: `${property}.placeholder`,
-        defaultMessage: " "
-      })}
-      required={required}
-      search={search}
-      selection={selection}
-      value={value}
-    />
-  );
-};
-
-DropdownI18n.propTypes = {
-  allowAdditions: PropTypes.bool,
-  basic: PropTypes.bool,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  multiple: PropTypes.bool,
-  name: PropTypes.string,
-  onAddItem: PropTypes.func,
-  onChange: PropTypes.func,
-  property: PropTypes.string,
-  required: PropTypes.bool,
-  search: PropTypes.bool,
-  selection: PropTypes.bool,
-  sortBy: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-  translateValues: PropTypes.bool,
-  value: PropTypes.string,
-  values: PropTypes.arrayOf(PropTypes.string)
-};
-
-export default DropdownI18n;

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

@@ -1,31 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import { intl } from "@truedat/test/intl-stub";
-import { DropdownI18n } from "../DropdownI18n";
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
-describe("<DropdownI18n />", () => {
-  const props = {
-    allowAdditions: true,
-    basic: true,
-    label: "label",
-    multiple: true,
-    name: "name",
-    onChange: jest.fn(),
-    onAddItem: jest.fn(),
-    options: ["foo", "bar", "baz"],
-    property: "some.i18n.prop",
-    required: true,
-    search: true,
-    selection: true,
-    value: "foo"
-  };
-
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<DropdownI18n {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-});

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

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<DropdownI18n /> matches the latest snapshot 1`] = `
-<FormDropdown
-  allowAdditions={true}
-  as={[Function]}
-  basic={true}
-  control={[Function]}
-  label="label"
-  multiple={true}
-  name="name"
-  onAddItem={[MockFunction]}
-  onChange={[MockFunction]}
-  options={Array []}
-  placeholder=" "
-  required={true}
-  search={true}
-  selection={true}
-  value="foo"
-/>
-`;