@truedat/bg 7.2.0 → 7.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "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.2.0",
+    "@truedat/test": "7.2.2",
     "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.2.0",
-    "@truedat/df": "7.2.0",
-    "@truedat/lm": "7.2.0",
+    "@truedat/core": "7.2.2",
+    "@truedat/df": "7.2.2",
+    "@truedat/lm": "7.2.2",
     "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": "b1bd3e485d5ab8fb5a46051a8f16b5a0d593440c"
+  "gitHead": "9033c57eccb9e6785c0a0c5aa6078c34788d6e7d"
 }

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/ConceptsUploadButton.js

@@ -33,7 +33,7 @@ export const ConceptsUploadButton = ({
   };
   return (
     <UploadModal
-      extraAction={canAutoPublish && extraAction}
+      extraAction={canAutoPublish ? extraAction : null}
       icon="upload"
       trigger={
         <Button

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__/ConceptManageDomain.spec.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
+import { DOMAINS_QUERY } from "@truedat/core/api/queries";
 import { ConceptManageDomain } from "../ConceptManageDomain";
 
 describe("<ConceptManageDomain />", () => {
@@ -11,16 +12,33 @@ describe("<ConceptManageDomain />", () => {
     { id: 3, name: "baz", level: 0 },
   ];
   const conceptAction = jest.fn();
-  // const saving = false;
   const setToDomain = [{ id: 2, name: "bar" }];
   const props = {
     domainOptions,
-    // id,
     conceptAction,
-    // saving,
     setToDomain,
   };
+
+  const domains = [
+    {
+      id: 1,
+      name: "foo",
+      parentId: 6,
+      actions: [],
+      externalId: "external_foo",
+    },
+  ];
+  const variables = {
+    action: "manageConcept",
+  };
+
+  const domainsMock = {
+    request: { query: DOMAINS_QUERY, variables },
+    result: { data: { domains: domains } },
+  };
+
   const renderOpts = {
+    mocks: [domainsMock],
     messages: {
       en: {
         "concept.changeDomain.header": "edit domain",
@@ -30,13 +48,19 @@ describe("<ConceptManageDomain />", () => {
         "domain.selector.placeholder": "select a domain...",
       },
     },
+    fallback: "lazy",
   };
 
   it("matches the latest snapshot", async () => {
-    const { container } = render(
+    const { container, queryByText } = render(
       <ConceptManageDomain {...props} />,
       renderOpts
     );
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    await waitFor(() =>
+      expect(queryByText(/loading/i)).not.toBeInTheDocument()
+    );
+
     await waitFor(() => {
       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>

package/src/concepts/components/__tests__/__snapshots__/ConceptForm.spec.js.snap

@@ -53,14 +53,16 @@ exports[`<ConceptForm /> with multiple templates matches the latest snapshot 1`]
               role="option"
             >
               <div
-                style="margin-left: 0px;"
+                class="item-content"
+                style="margin-left: 0px; padding-left: 5px;"
               >
                 <i
                   aria-hidden="true"
-                  class="chevron circle down icon"
+                  class="chevron right icon"
                 />
                 <span
                   style="opacity: 1;"
+                  title="barDomain"
                 >
                   barDomain
                 </span>
@@ -72,14 +74,12 @@ exports[`<ConceptForm /> with multiple templates matches the latest snapshot 1`]
               role="option"
             >
               <div
-                style="margin-left: 0px;"
+                class="item-content"
+                style="margin-left: 0px; padding-left: 25px;"
               >
-                <i
-                  aria-hidden="true"
-                  class="circle icon"
-                />
                 <span
                   style="opacity: 1;"
+                  title="bazDomain"
                 >
                   bazDomain
                 </span>
@@ -91,14 +91,12 @@ exports[`<ConceptForm /> with multiple templates matches the latest snapshot 1`]
               role="option"
             >
               <div
-                style="margin-left: 0px;"
+                class="item-content"
+                style="margin-left: 0px; padding-left: 25px;"
               >
-                <i
-                  aria-hidden="true"
-                  class="circle icon"
-                />
                 <span
                   style="opacity: 1;"
+                  title="fooDomain"
                 >
                   fooDomain
                 </span>

package/src/concepts/components/__tests__/__snapshots__/ConceptManageDomain.spec.js.snap

@@ -12,8 +12,65 @@ exports[`<ConceptManageDomain /> matches the latest snapshot 1`] = `
       edit domain
     </h2>
     <form
-      class="ui loading form"
+      class="ui form"
     >
+      <div
+        class="required field fix-dropdown-selector "
+      >
+        <div
+          aria-disabled="false"
+          aria-expanded="false"
+          aria-multiselectable="false"
+          class="ui floating dropdown"
+          required=""
+          role="listbox"
+          tabindex="0"
+        >
+          <label>
+            select a domain...
+          </label>
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+          >
+            <div
+              class="ui fluid left icon input search "
+            >
+              <input
+                type="text"
+              />
+              <i
+                aria-hidden="true"
+                class="search icon"
+              />
+            </div>
+            <div
+              class="scrolling menu transition"
+            >
+              <div
+                aria-selected="false"
+                class="item"
+                role="option"
+              >
+                <div
+                  class="item-content"
+                  style="margin-left: 0px; padding-left: 25px;"
+                >
+                  <span
+                    style="opacity: 1;"
+                    title="foo"
+                  >
+                    foo
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
       <div
         class="actions"
       >

package/src/concepts/components/__tests__/__snapshots__/ConceptsBulkUpdate.spec.js.snap

@@ -81,14 +81,16 @@ exports[`<ConceptsBulkUpdate /> matches the latest snapshot 1`] = `
                 role="option"
               >
                 <div
-                  style="margin-left: 0px;"
+                  class="item-content"
+                  style="margin-left: 0px; padding-left: 5px;"
                 >
                   <i
                     aria-hidden="true"
-                    class="chevron circle down icon"
+                    class="chevron right icon"
                   />
                   <span
                     style="opacity: 1;"
+                    title="barDomain"
                   >
                     barDomain
                   </span>
@@ -100,14 +102,12 @@ exports[`<ConceptsBulkUpdate /> matches the latest snapshot 1`] = `
                 role="option"
               >
                 <div
-                  style="margin-left: 0px;"
+                  class="item-content"
+                  style="margin-left: 0px; padding-left: 25px;"
                 >
-                  <i
-                    aria-hidden="true"
-                    class="circle icon"
-                  />
                   <span
                     style="opacity: 1;"
+                    title="bazDomain"
                   >
                     bazDomain
                   </span>
@@ -119,14 +119,12 @@ exports[`<ConceptsBulkUpdate /> matches the latest snapshot 1`] = `
                 role="option"
               >
                 <div
-                  style="margin-left: 0px;"
+                  class="item-content"
+                  style="margin-left: 0px; padding-left: 25px;"
                 >
-                  <i
-                    aria-hidden="true"
-                    class="circle icon"
-                  />
                   <span
                     style="opacity: 1;"
+                    title="fooDomain"
                   >
                     fooDomain
                   </span>

package/src/concepts/components/__tests__/__snapshots__/SharedToForm.spec.js.snap

@@ -61,14 +61,16 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
                 role="option"
               >
                 <div
-                  style="margin-left: 0px;"
+                  class="item-content"
+                  style="margin-left: 0px; padding-left: 5px;"
                 >
                   <i
                     aria-hidden="true"
-                    class="chevron circle down icon"
+                    class="chevron right icon"
                   />
                   <span
                     style="opacity: 1;"
+                    title="barDomain"
                   >
                     barDomain
                   </span>
@@ -80,14 +82,12 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
                 role="option"
               >
                 <div
-                  style="margin-left: 0px;"
+                  class="item-content"
+                  style="margin-left: 0px; padding-left: 25px;"
                 >
-                  <i
-                    aria-hidden="true"
-                    class="circle icon"
-                  />
                   <span
                     style="opacity: 1;"
+                    title="bazDomain"
                   >
                     bazDomain
                   </span>
@@ -99,14 +99,12 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
                 role="option"
               >
                 <div
-                  style="margin-left: 0px;"
+                  class="item-content"
+                  style="margin-left: 0px; padding-left: 25px;"
                 >
-                  <i
-                    aria-hidden="true"
-                    class="circle icon"
-                  />
                   <span
                     style="opacity: 1;"
+                    title="fooDomain"
                   >
                     fooDomain
                   </span>

package/src/messages/en.js

@@ -290,6 +290,8 @@ export default {
   "domain.selector.label": "Domain",
   "domain.selector.placeholder": "Select a domain...",
   "domains.actions.create": "New Domain",
+  "domains.list.hide": "Hide Domains List",
+  "domains.list.show": "Show Domains List",
   "domains.search.placeholder": "Search domains...",
   "domains.search.error.fields": "Search fields not valid",
   "domains.search.results.count": "{count} domains found:",

package/src/messages/es.js

@@ -292,6 +292,8 @@ export default {
   "domain.selector.label": "Dominio",
   "domain.selector.placeholder": "Selecciona un dominio...",
   "domains.actions.create": "Nuevo dominio",
+  "domains.list.hide": "Ocultar lista de dominios",
+  "domains.list.show": "Mostrar lista de dominios",
   "domains.search.placeholder": "Buscar dominios...",
   "domains.search.error.fields": "Campos de búsqueda no válidos",
   "domains.search.results.count": "{count} dominios encontrados:",