@truedat/bg 7.1.8 → 7.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "7.1.8",
+  "version": "7.2.1",
   "description": "Truedat Web Business Glossary",
   "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": "7.1.8",
+    "@truedat/test": "7.2.1",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -86,9 +86,9 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "7.1.8",
-    "@truedat/df": "7.1.8",
-    "@truedat/lm": "7.1.8",
+    "@truedat/core": "7.2.1",
+    "@truedat/df": "7.2.1",
+    "@truedat/lm": "7.2.1",
     "decode-uri-component": "^0.2.2",
     "file-saver": "^2.0.5",
     "moment": "^2.29.4",
@@ -111,5 +111,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "eb92417df5ba0fbc5bc9f670d0d8540c39e3d712"
+  "gitHead": "10ba779646ef549e6db1235b3acd6d430526f487"
 }

package/src/concepts/components/ConceptCompleteness.js

@@ -5,7 +5,7 @@ import { connect } from "react-redux";
 import { List, Header, Progress, Segment, Icon } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
 import { isRequired } from "@truedat/df/utils";
-import { useLocales } from "@truedat/core/hooks";
+import { useLanguage } from "@truedat/core/i18n";
 import { splitTranslatableFields } from "@truedat/core/services/i18nContent";
 
 const missingRequiredFields = (concept, content) => {
@@ -94,7 +94,7 @@ Completeness.propTypes = {
 };
 
 export const ConceptCompleteness = ({ concept }) => {
-  const { locales } = useLocales(false);
+  const { locales } = useLanguage();
 
   const completeness = _.get("completeness")(concept);
   const content = _.getOr({}, "content")(concept);

package/src/concepts/components/ConceptCreate.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import React, { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
-import { useLocales } from "@truedat/core/hooks";
+import { useLanguage } from "@truedat/core/i18n";
 import {
   splitTranslatableFields,
   formatLocales,
@@ -14,7 +14,7 @@ import ConceptForms from "./ConceptForms";
 const actionKey = "create";
 
 const ConceptCreate = ({ conceptActionLoading, conceptAction }) => {
-  const { locales, loading: localesLoading } = useLocales(false);
+  const { locales } = useLanguage();
   const { actions: conceptsActions } = useConceptVersionsActions();
 
   const [i18nConcept, setI18nConcept] = useState({});
@@ -95,7 +95,7 @@ const ConceptCreate = ({ conceptActionLoading, conceptAction }) => {
       domainId={domainId}
       template={template}
       i18nConcept={i18nConcept}
-      loading={localesLoading || conceptActionLoading}
+      loading={conceptActionLoading}
       langs={langs}
       noTranslatableFields={noTranslatableKeys}
       translatableFields={translatableKeys}

package/src/concepts/components/ConceptDetails.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, ButtonGroup, Segment } from "semantic-ui-react";
 import { useIntl } from "react-intl";
-import { useLocales } from "@truedat/core/hooks";
+import { useLanguage } from "@truedat/core/i18n";
 import { splitTranslatableFields } from "@truedat/core/services/i18nContent";
 
 const DynamicFormViewer = React.lazy(() =>
@@ -13,7 +13,7 @@ const DynamicFormViewer = React.lazy(() =>
 
 export const ConceptDetails = ({ concept }) => {
   const { locale } = useIntl();
-  const { locales } = useLocales(false);
+  const { locales } = useLanguage();
 
   const defaultLang = _.flow(
     _.find({ is_default: true }),

package/src/concepts/components/ConceptEdit.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { compose } from "redux";
 import { connect } from "react-redux";
 import { applyTemplate } from "@truedat/df/utils";
-import { useLocales } from "@truedat/core/hooks";
+import { useLanguage } from "@truedat/core/i18n";
 import {
   splitTranslatableFields,
   formatLocales,
@@ -98,7 +98,7 @@ export const ConceptEditLoader = (props) => {
   const concept = _.prop("concept")(props);
   const { dynamic_content: propContent, name: propName, domain } = concept;
 
-  const { locales, loading: localesLoading } = useLocales(false);
+  const { locales } = useLanguage();
   const { data, loading: templateLoading } = useTemplate({
     name: templateName,
     domainIds: [domain.id],
@@ -135,7 +135,7 @@ export const ConceptEditLoader = (props) => {
   return (
     <ConceptEdit
       templateLoading={templateLoading}
-      localesLoading={localesLoading}
+      localesLoading={false}
       processedContent={processedContent}
       content={i18nContent}
       template={template}

package/src/concepts/components/__tests__/ConceptCompleteness.spec.js

@@ -1,21 +1,19 @@
 import React from "react";
 import { render } from "@truedat/test/render";
+import { LangProviderWrapper } from "@truedat/core/i18n";
 import { ConceptCompleteness } from "../ConceptCompleteness";
 
-jest.mock("@truedat/core/hooks", () => ({
-  useLocales: jest.fn(() => ({
-    loading: false,
-    locales: [
-      {
-        lang: "es",
-        id: 1,
-        is_default: true,
-        is_required: true,
-        is_enabled: true,
-      },
-    ],
-  })),
-}));
+const renderOpts = {
+  messages: {},
+};
+
+const renderComponent = (props) =>
+  render(
+    <LangProviderWrapper langs={["es"]}>
+      <ConceptCompleteness {...props} />
+    </LangProviderWrapper>,
+    renderOpts
+  );
 
 describe("<ConceptCompleteness />", () => {
   const props = {
@@ -41,7 +39,7 @@ describe("<ConceptCompleteness />", () => {
   };
 
   it("matches the latest snapshot", () => {
-    const { container } = render(<ConceptCompleteness {...props} />);
+    const { container } = renderComponent(props);
     expect(container).toMatchSnapshot();
   });
 });

package/src/concepts/components/__tests__/ConceptDetails.spec.js

@@ -1,26 +1,21 @@
 import React from "react";
 import { render } from "@truedat/test/render";
+import { LangProviderWrapper } from "@truedat/core/i18n";
 import { ConceptDetails } from "../ConceptDetails";
 
-jest.mock("@truedat/core/hooks", () => ({
-  useLocales: jest.fn(() => ({
-    loading: false,
-    locales: [
-      {
-        lang: "en",
-        id: 1,
-        is_default: true,
-        is_required: true,
-        is_enabled: true,
-      },
-    ],
-  })),
-}));
-
 const renderOpts = {
-  fallback: <div>Loading</div>,
+  fallback: "lazy",
+  messages: {},
 };
 
+const renderComponent = (props) =>
+  render(
+    <LangProviderWrapper langs={["es"]}>
+      <ConceptDetails {...props} />
+    </LangProviderWrapper>,
+    renderOpts
+  );
+
 describe("<ConceptDetails />", () => {
   const props = {
     concept: {
@@ -44,9 +39,7 @@ describe("<ConceptDetails />", () => {
   };
 
   it("matches the latest snapshot", async () => {
-    const { container, findByText } = render(<ConceptDetails {...props} />, {
-      ...renderOpts,
-    });
+    const { container, findByText } = renderComponent(props);
 
     await findByText("field_label");
     expect(container).toMatchSnapshot();

package/src/concepts/components/__tests__/{ConcepEdit.spec.js → ConceptEdit.spec.js}

@@ -1,6 +1,7 @@
-import React, { Suspense } from "react";
+import React from "react";
 import { render } from "@truedat/test/render";
 import { waitFor } from "@testing-library/react";
+import { LangProviderWrapper } from "@truedat/core/i18n";
 import ConceptEdit from "../ConceptEdit";
 
 const template1 = {
@@ -27,20 +28,6 @@ const template1 = {
 };
 
 jest.mock("@truedat/core/hooks", () => ({
-  useLocales: jest.fn(() => ({
-    loading: false,
-    locales: [
-      {
-        local_name: "es",
-        name: "es",
-        lang: "es",
-        id: 1,
-        is_default: true,
-        is_enabled: true,
-        is_required: true,
-      },
-    ],
-  })),
   useTemplate: jest.fn(() => ({
     loading: false,
     data: { template: template1 },
@@ -94,19 +81,24 @@ const concept = {
 
 const renderOpts = {
   state: { concept },
+  messages: {},
+  fallback: "lazy",
 };
 
+const renderComponent = (props) =>
+  render(
+    <LangProviderWrapper langs={["es"]}>
+      <ConceptEdit {...props} />
+    </LangProviderWrapper>,
+    renderOpts
+  );
+
 describe("<ConceptEdit />", () => {
   const props = {
     concept,
   };
   it("matches the latest snapshot", async () => {
-    const { container, queryByText } = render(
-      <Suspense fallback={null}>
-        <ConceptEdit {...props} />
-      </Suspense>,
-      renderOpts
-    );
+    const { container, queryByText } = renderComponent(props);
     await waitFor(() => expect(queryByText(/foo_user/i)).toBeInTheDocument());
     expect(container).toMatchSnapshot();
   });

package/src/concepts/components/__tests__/__snapshots__/{ConcepEdit.spec.js.snap → ConceptEdit.spec.js.snap}

@@ -16,7 +16,7 @@ exports[`<ConceptEdit /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Edit Business Concept
+        concepts.header.edit
       </div>
     </h2>
     <form
@@ -26,7 +26,7 @@ exports[`<ConceptEdit /> matches the latest snapshot 1`] = `
         class="required field"
       >
         <label>
-          Term
+          concepts.props.name
         </label>
         <div
           class="field"
@@ -45,7 +45,7 @@ exports[`<ConceptEdit /> matches the latest snapshot 1`] = `
       <h3
         class="ui header"
       >
-        Template fields (only required for publishing)
+        concepts.form.aditional_fields
       </h3>
       <div
         class="ui segment"
@@ -83,7 +83,7 @@ exports[`<ConceptEdit /> matches the latest snapshot 1`] = `
                   class="divider default text"
                   role="alert"
                 >
-                  Select one...
+                  fields.dropdown.placeholder
                 </div>
                 <i
                   aria-hidden="true"
@@ -104,7 +104,7 @@ exports[`<ConceptEdit /> matches the latest snapshot 1`] = `
                     <span
                       class="text"
                     >
-                      No selection
+                      selector.no.selection
                     </span>
                   </div>
                   <div
@@ -159,12 +159,12 @@ exports[`<ConceptEdit /> matches the latest snapshot 1`] = `
         href="/"
         role="button"
       >
-        Cancel
+        actions.cancel
       </a>
       <button
         class="ui primary button"
       >
-        Update
+        actions.update
       </button>
     </div>
   </div>