@truedat/bg 8.6.7 → 8.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "8.6.7",
+  "version": "8.7.1",
   "description": "Truedat Web Business Glossary",
   "sideEffects": [
     "**/*.css",
@@ -54,7 +54,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.6.7",
+    "@truedat/test": "8.7.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -87,5 +87,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "17b10e045d4b90147c0f98ed5e781c20804024ba"
+  "gitHead": "f7605a6ea3f78839b42bb7d8339eec125ba49acb"
 }

package/src/concepts/api.js

@@ -10,7 +10,8 @@ const API_BUSINESS_CONCEPT_VERSIONS_SEARCH =
 const API_BUSINESS_CONCEPT_VERSIONS_UPLOAD =
   "/api/business_concept_versions/upload";
 const API_CONCEPT_ARCHIVE = "/api/business_concepts/:id/versions";
-const API_CONCEPT_LINKS_DOWNLOAD = "/api/business_concept_versions/links/download";
+const API_CONCEPT_LINKS_DOWNLOAD =
+  "/api/business_concept_versions/links/download";
 const API_CONCEPT_LINKS_UPLOAD = "/api/relations/links/upload";
 const API_CONCEPT_FILTERS = "/api/business_concept_filters/search";
 const API_CONCEPT_SHARED_DOMAINS = "/api/business_concepts/:id/shared_domains";
@@ -20,7 +21,7 @@ const API_BUSINESS_CONCEPT_BULK_UPLOAD =
   "/api/business_concepts/bulk_upload_event";
 const API_BUSINESS_CONCEPT_SET_CONFIDENTIAL =
   "/api/business_concept_versions/:id/set_confidential";
-const API_CONCEPT_SUGGESTIONS = "/api/business_concept_versions/suggestions"
+const API_CONCEPT_SUGGESTIONS = "/api/business_concept_versions/suggestions";
 
 export {
   API_CONCEPT_SUGGESTIONS,

package/src/concepts/components/Concept.js

@@ -24,15 +24,15 @@ import SharedToDomains from "./SharedToDomains";
 import ConceptContextProvider, { useConceptContext } from "./ConceptContext";
 
 const EventsLoader = lazy(
-  () => import("@truedat/audit/components/EventsLoader")
+  () => import("@truedat/audit/components/EventsLoader"),
 );
 
 const RelationsLoader = lazy(
-  () => import("@truedat/lm/components/RelationsLoader")
+  () => import("@truedat/lm/components/RelationsLoader"),
 );
 
 const ConceptRulesLoader = lazy(
-  () => import("@truedat/dq/components/ConceptRulesLoader")
+  () => import("@truedat/dq/components/ConceptRulesLoader"),
 );
 
 export const Concept = ({ id, concept }) => {
@@ -44,7 +44,7 @@ export const Concept = ({ id, concept }) => {
 
   const defaultLang = _.flow(
     _.find({ is_default: true }),
-    _.prop("lang")
+    _.prop("lang"),
   )(locales);
 
   const initialLang = concept.status == "published" ? locale : defaultLang;
@@ -57,10 +57,10 @@ export const Concept = ({ id, concept }) => {
   const content = _.getOr({}, "dynamic_content")(concept);
 
   const { noTranslatable: noTranslatableFields } = splitTranslatableFields(
-    concept.template
+    concept.template,
   );
   const noTranslatableContent = _.pick(_.keys(noTranslatableFields))(
-    concept.dynamic_content
+    concept.dynamic_content,
   );
 
   const i18nContent = concept.i18n_content || {};
@@ -92,7 +92,7 @@ export const Concept = ({ id, concept }) => {
       };
     }),
     _.orderBy(["isDefault", "isRequired", "lang"], ["desc", "desc", "asc"]),
-    _.keyBy("lang")
+    _.keyBy("lang"),
   )(locales);
 
   const selectedContent = i18nConcept[selectedLang]?.content || concept.content;

package/src/concepts/components/ConceptActions.js

@@ -178,7 +178,7 @@ export const ConceptActions = ({
     const availableActions = _.flow(
       _.omitBy(_.isNil),
       _.keys,
-      _.map((action) => contentActions[action])
+      _.map((action) => contentActions[action]),
     )(actions);
     return availableActions;
   };

package/src/concepts/components/ConceptCompleteness.js

@@ -11,7 +11,7 @@ const fetchMissingRequiredFields = (
   concept,
   content,
   isDefault,
-  splitFields
+  splitFields,
 ) => {
   return _.flow(
     _.path("template.content"),
@@ -27,8 +27,8 @@ const fetchMissingRequiredFields = (
           isRequired(field, content) &&
           (_.isNil(value) || _.isEmpty(value))
         );
-      })(fields)
-    )
+      })(fields),
+    ),
   )(concept);
 };
 
@@ -120,7 +120,7 @@ export const ConceptCompleteness = ({ concept }) => {
   const i18nContent = concept.i18n_content || {};
   const splitFields = splitTranslatableFields(concept.template);
   const noTranslatableContent = _.pick(_.keys(splitFields.noTranslatable))(
-    concept.content
+    concept.content,
   );
 
   const i18nConcept = _.flow(
@@ -147,7 +147,7 @@ export const ConceptCompleteness = ({ concept }) => {
       };
     }),
     _.orderBy(["isDefault", "isRequired", "lang"], ["desc", "desc", "asc"]),
-    _.keyBy("lang")
+    _.keyBy("lang"),
   )(locales);
 
   return (
@@ -173,7 +173,7 @@ export const ConceptCompleteness = ({ concept }) => {
             isDefault={isDefault}
             splitFields={splitFields}
           />
-        )
+        ),
       )(i18nConcept)}
     </Segment>
   );

package/src/concepts/components/ConceptCreate.js

@@ -5,6 +5,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { useLanguage } from "@truedat/core/i18n";
 import { splitTranslatableFields } from "@truedat/core/services/i18nContent";
+import { applyTemplate } from "@truedat/df/utils";
 import { conceptAction } from "../routines";
 import { useConceptVersionsActions } from "../hooks/useConcepts";
 import ConceptForm from "./ConceptForm";
@@ -20,16 +21,24 @@ const ConceptCreate = ({ conceptActionLoading, conceptAction }) => {
   const [template, setTemplate] = useState();
 
   useEffect(() => {
-    const templateFields = splitTranslatableFields(template);
-    const updateI18nConcept = _.flow(
-      _.map((langContent) => ({
+    if (!template) return;
+
+    const translatableKeys = _.keys(
+      splitTranslatableFields(template).translatable,
+    );
+
+    const updateI18nConcept = _.mapValues((langContent) => {
+      const filled = applyTemplate(template)(
+        langContent.content || {},
+        domainId,
+      );
+      return {
         ...langContent,
         content: langContent.is_default
-          ? { ...langContent.content }
-          : { ..._.omitBy(_.isEmpty)(templateFields.translatable) },
-      })),
-      _.keyBy("lang"),
-    )(i18nConcept);
+          ? filled
+          : _.pick(translatableKeys, filled),
+      };
+    })(i18nConcept);
 
     if (!_.isEqual(i18nConcept, updateI18nConcept)) {
       setI18nConcept(updateI18nConcept);

package/src/concepts/components/ConceptCrumbs.js

@@ -101,7 +101,7 @@ ConceptCrumbs.propTypes = {
     PropTypes.shape({
       id: PropTypes.string,
       path: PropTypes.string,
-    })
+    }),
   ),
   name: PropTypes.string,
   status: PropTypes.string,

package/src/concepts/components/ConceptDetails.js

@@ -5,7 +5,7 @@ import { Segment } from "semantic-ui-react";
 import { I18nProvider } from "@truedat/core/i18n";
 
 const DynamicFormViewer = lazy(
-  () => import("@truedat/df/components/DynamicFormViewer")
+  () => import("@truedat/df/components/DynamicFormViewer"),
 );
 
 export const ConceptDetails = ({ concept, selectedContent, lang }) => {

package/src/concepts/components/ConceptEdit.js

@@ -98,6 +98,10 @@ export const ConceptEditLoader = (props) => {
   const template = _.prop("template")(data);
   const processedContent = applyTemplate(template);
 
+  const translatableKeys = _.keys(
+    splitTranslatableFields(template).translatable,
+  );
+
   const i18nContent = _.flow(
     _.filter(({ is_enabled }) => is_enabled),
     _.map(({ id, lang, is_default, is_required }) => {
@@ -105,10 +109,10 @@ export const ConceptEditLoader = (props) => {
 
       const langContent = is_default
         ? propContent
-        : {
-            ...splitTranslatableFields(template).translatable,
-            ...contentLang?.content,
-          };
+        : _.pick(
+            translatableKeys,
+            processedContent(contentLang?.content || {}, domain?.id),
+          );
       const langName = is_default ? propName : contentLang?.name || "";
 
       return {

package/src/concepts/components/ConceptForm.js

@@ -70,10 +70,10 @@ const ConceptForm = ({
   const handleI18nNameChange = (lang, name) =>
     setI18nConcept(_.set(`${lang}.name`, name, i18nConcept));
   const handleI18nConceptContentChange = (lang, { content }) => {
-    setI18nConcept({
-      ...i18nConcept,
-      [lang]: { ...i18nConcept[lang], content: { ...content } },
-    });
+    setI18nConcept((prev) => ({
+      ...prev,
+      [lang]: { ...prev[lang], content: { ...content } },
+    }));
   };
   const checkCanTranslate = () => {
     if (!disable_td_ai && templateId && domainId) {

package/src/concepts/components/ConceptHeader.js

@@ -35,7 +35,7 @@ export const ConceptHeader = ({
 
   const i18nContent = _.flow(
     _.get("i18n_content"),
-    _.get(selectedLang)
+    _.get(selectedLang),
   )(concept);
 
   const name = _.isUndefined(i18nContent) ? concept?.name : i18nContent?.name;
@@ -93,7 +93,7 @@ export const ConceptHeader = ({
                       active={selectedLang == lang}
                     />
                   ) : null;
-                })
+                }),
               )(i18nConcept)}
             </ButtonGroup>
           ) : null}

package/src/concepts/components/ConceptLinksDropdownSelector.js

@@ -14,8 +14,8 @@ const formatOption = (formatMessage) => (options) =>
               id: `conceptRelations.${text}`,
               defaultMessage: formatMessage({ id: text, defaultMessage: text }),
             }),
-          }
-    )
+          },
+    ),
   )(options);
 
 export const ConceptLinksDropdownSelector = ({

package/src/concepts/components/ConceptLinksUploadButton.js

@@ -1,8 +1,8 @@
 import { Button } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { UploadModal } from "@truedat/core/components";
-import { useConceptLinksUpload } from "../hooks/useConcepts";
 import { useWebContext } from "@truedat/core/webContext";
+import { useConceptLinksUpload } from "../hooks/useConcepts";
 import { getUploadAlertMessage } from "../selectors/messages";
 
 export const ConceptLinksUploadButton = () => {

package/src/concepts/components/ConceptLoader.js

@@ -50,5 +50,5 @@ const mapStateToProps = ({
 });
 
 export default connect(mapStateToProps, { clearConcept, fetchConcept })(
-  ConceptLoader
+  ConceptLoader,
 );

package/src/concepts/components/ConceptRoutes.js

@@ -26,6 +26,8 @@ import { useIntl } from "react-intl";
 import { getSidemenuGlossarySubscopes } from "@truedat/core/selectors/getSidemenuGlossarySubscopes";
 import { SearchContextProvider } from "@truedat/core/search/SearchContext";
 import { useLinksSearch, useLinksFilters } from "../relations/hooks/useLinks";
+import ConceptLinksApprovals from "../relations/components/ConceptLinksApprovals";
+import ConceptLinksApprovalResults from "../relations/components/ConceptLinksApprovalResults";
 import Concept from "./Concept";
 import ConceptCrumbs from "./ConceptCrumbs";
 import ConceptEdit from "./ConceptEdit";
@@ -37,19 +39,17 @@ import ConceptsBulkUpdate from "./ConceptsBulkUpdate";
 
 import ConceptSubscriptionLoader from "./ConceptSubscriptionLoader";
 import ConceptsUploadEvents from "./ConceptsUploadEvents";
-import ConceptLinksApprovals from "../relations/components/ConceptLinksApprovals";
-import ConceptLinksApprovalResults from "../relations/components/ConceptLinksApprovalResults";
 
 const RelationTagsLoader = React.lazy(
-  () => import("@truedat/lm/components/RelationTagsLoader")
+  () => import("@truedat/lm/components/RelationTagsLoader"),
 );
 
 const TemplatesLoader = React.lazy(
-  () => import("@truedat/core/components/TemplatesLoader")
+  () => import("@truedat/core/components/TemplatesLoader"),
 );
 
 const RelationsGraphLoader = React.lazy(
-  () => import("@truedat/lm/components/RelationsGraphLoader")
+  () => import("@truedat/lm/components/RelationsGraphLoader"),
 );
 
 const ConceptsComponent = ({ filters, viewKey }) => {
@@ -189,7 +189,9 @@ const ConceptRoutes = ({
                 <SearchContextProvider
                   initialSortColumn="updated_at"
                   initialSortDirection="ascending"
+                  // eslint-disable-next-line react-hooks/rules-of-hooks
                   useSearch={() => useLinksSearch({ linkable: true })}
+                  // eslint-disable-next-line react-hooks/rules-of-hooks
                   useFilters={() => useLinksFilters({ linkable: true })}
                   pageSize={20}
                   defaultFilters={{ status: ["pending"] }}

package/src/concepts/components/ConceptSubscription.js

@@ -11,7 +11,7 @@ import {
 } from "@truedat/core/routines";
 
 const SubscriptionWatchForm = lazy(
-  () => import("@truedat/audit/components/SubscriptionWatchForm")
+  () => import("@truedat/audit/components/SubscriptionWatchForm"),
 );
 
 export const ConceptSubscription = ({
@@ -143,5 +143,5 @@ const mapDispatchToProps = {
 
 export default connect(
   mapStateToProps,
-  mapDispatchToProps
+  mapDispatchToProps,
 )(ConceptSubscription);

package/src/concepts/components/ConceptSuggestions.js

@@ -9,63 +9,60 @@ import { useConceptSuggestions } from "../hooks/useConcepts";
 import { ConceptSelectorTable } from "../relations/components/ConceptSelector";
 
 const SimilarityColumn = (similarity) => {
-    const { formatMessage } = useIntl();
-    return (
-        <Popup
-            content={formatMessage({ id: "suggestions.similarity.cosine.popup" })}
-            trigger={<span>{similarity.toFixed(3)}</span>}
-        />
-    );
+  const { formatMessage } = useIntl();
+  return (
+    <Popup
+      content={formatMessage({ id: "suggestions.similarity.cosine.popup" })}
+      trigger={<span>{similarity.toFixed(3)}</span>}
+    />
+  );
 };
 
 const similarityColumnDefinition = {
-    name: "similarity",
-    fieldSelector: _.prop("similarity"),
-    fieldDecorator: SimilarityColumn,
-    width: 1,
+  name: "similarity",
+  fieldSelector: _.prop("similarity"),
+  fieldDecorator: SimilarityColumn,
+  width: 1,
 };
 
 export const ConceptSuggestions = ({
-    selectedConcept,
-    handleConceptSelected,
+  selectedConcept,
+  handleConceptSelected,
 }) => {
-    const { id } = useParams();
-    const structureLinks = useSelector((state) => state.structureLinks);
+  const { id } = useParams();
+  const structureLinks = useSelector((state) => state.structureLinks);
 
-    const {
-        trigger: fetchSuggestions,
-        data,
-    } = useConceptSuggestions();
+  const { trigger: fetchSuggestions, data } = useConceptSuggestions();
 
-    useEffect(() => {
-        if (id && structureLinks) {
-            fetchSuggestions({
-                resource: {
-                    id,
-                    type: "structures",
-                    links: _.filter(
-                        ({ resource_type }) => resource_type == "concept"
-                    )(structureLinks),
-                },
-            });
-        }
-    }, [id, structureLinks]);
+  useEffect(() => {
+    if (id && structureLinks) {
+      fetchSuggestions({
+        resource: {
+          id,
+          type: "structures",
+          links: _.filter(({ resource_type }) => resource_type == "concept")(
+            structureLinks,
+          ),
+        },
+      });
+    }
+  }, [id, structureLinks]);
 
-    const concepts = data?.data?.data || [];
+  const concepts = data?.data?.data || [];
 
-    return (
-        <ConceptSelectorTable
-            concepts={concepts}
-            selectedConcept={selectedConcept}
-            handleConceptSelected={handleConceptSelected}
-            extraColumns={[similarityColumnDefinition]}
-        />
-    );
+  return (
+    <ConceptSelectorTable
+      concepts={concepts}
+      selectedConcept={selectedConcept}
+      handleConceptSelected={handleConceptSelected}
+      extraColumns={[similarityColumnDefinition]}
+    />
+  );
 };
 
 ConceptSuggestions.propTypes = {
-    handleSelectedStructure: PropTypes.func,
-    selectedStructure: PropTypes.object,
+  handleSelectedStructure: PropTypes.func,
+  selectedStructure: PropTypes.object,
 };
 
 export default ConceptSuggestions;

package/src/concepts/components/ConceptTabs.js

@@ -83,15 +83,15 @@ export const ConceptTabs = ({
       {(!emptyImplementationLinks ||
         createImplementation ||
         createRawImplementation) && (
-          <Menu.Item
-            active={implementationsActive}
-            as={Link}
-            to={linkTo.CONCEPT_LINKS_IMPLEMENTATIONS(concept)}
-            replace
-          >
-            <FormattedMessage id="tabs.bg.qualityImplementations" />
-          </Menu.Item>
-        )}
+        <Menu.Item
+          active={implementationsActive}
+          as={Link}
+          to={linkTo.CONCEPT_LINKS_IMPLEMENTATIONS(concept)}
+          replace
+        >
+          <FormattedMessage id="tabs.bg.qualityImplementations" />
+        </Menu.Item>
+      )}
       <Menu.Item
         active={archiveActive}
         as={Link}
@@ -132,16 +132,16 @@ const mapStateToProps = ({
 }) => ({
   emptyConceptTags: _.flow(
     _.filter(_.pathEq("value.target_type", "business_concept")),
-    _.isEmpty
+    _.isEmpty,
   )(relationTags),
   concept,
   emptyImplementationLinks: _.flow(
     _.filter(_.pathEq("resource_type", "implementation")),
-    _.isEmpty
+    _.isEmpty,
   )(conceptLinks),
   createImplementation: _.prop("create_implementation")(conceptPermissions),
   createRawImplementation: _.prop("create_raw_implementation")(
-    conceptPermissions
+    conceptPermissions,
   ),
   manageQualityRule: _.prop("manage_quality_rule")(conceptPermissions),
   viewQualityRule: _.prop("view_quality_rule")(conceptPermissions),

package/src/concepts/components/ConceptsActions.js

@@ -71,6 +71,4 @@ const mapStateToProps = ({ conceptsDownloading }) => ({
   conceptsDownloading: conceptsDownloading,
 });
 
-export default connect(mapStateToProps, { downloadConcepts })(
-  ConceptsActions
-);
+export default connect(mapStateToProps, { downloadConcepts })(ConceptsActions);

package/src/concepts/components/ConceptsBulkUpdate.js

@@ -90,7 +90,7 @@ export const ConceptsBulkUpdate = ({
     templates && concept?.type
       ? _.flow(
           _.find(_.propEq("name", concept.type)),
-          _.prop("name")
+          _.prop("name"),
         )(templates)
       : null;
 
@@ -121,7 +121,7 @@ export const ConceptsBulkUpdate = ({
     const parsedContent = _.flow(
       applyTemplateWithoutDefaults(template, domainId),
       _.omit(fieldsToOmit),
-      _.omitBy(isEmptyValue)
+      _.omitBy(isEmptyValue),
     )(content);
 
     bulkUpdate({

package/src/concepts/components/ConceptsLinksManagement.js

@@ -12,15 +12,15 @@ import LinkedMessage from "./LinkedMessage";
 import ConceptLinksDropdownSelector from "./ConceptLinksDropdownSelector";
 
 const RelationsLoader = lazy(
-  () => import("@truedat/lm/components/RelationsLoader")
+  () => import("@truedat/lm/components/RelationsLoader"),
 );
 
 const TagTypeDropdownSelector = lazy(
-  () => import("@truedat/lm/components/TagTypeDropdownSelector")
+  () => import("@truedat/lm/components/TagTypeDropdownSelector"),
 );
 
 const StructureSelector = lazy(
-  () => import("@truedat/dd/components/StructureSelector")
+  () => import("@truedat/dd/components/StructureSelector"),
 );
 
 const linksDefaultFilters = {
@@ -91,7 +91,7 @@ export const ConceptsLinksManagement = ({
     return _.find(
       (link) =>
         _.propEq("target_id", id)(link) &&
-        _.propEq("target_type", targetType)(link)
+        _.propEq("target_type", targetType)(link),
     )(conceptLinks);
   };
 
@@ -108,7 +108,7 @@ export const ConceptsLinksManagement = ({
       const isConceptLinked = isLinked(
         conceptLinks,
         concept.business_concept_id,
-        "business_concept"
+        "business_concept",
       );
       if (isConceptLinked) {
         setStatus(STATUS_DELETED);
@@ -137,7 +137,7 @@ export const ConceptsLinksManagement = ({
       const isStructureLinked = isLinked(
         conceptLinks,
         structure.id,
-        "data_structure"
+        "data_structure",
       );
       if (isStructureLinked) {
         setStatus(STATUS_DELETED);

package/src/concepts/components/ConceptsTable.js

@@ -29,7 +29,7 @@ export const ConceptsTable = ({ columnsByScope, subscope }) => {
 
   const conceptColumns = columns.filter(
     (column) =>
-      _.last(CONCEPTS_PENDING.split("/")) === scope || column.name !== "status"
+      _.last(CONCEPTS_PENDING.split("/")) === scope || column.name !== "status",
   );
 
   return (

package/src/concepts/components/ConceptsUpdateButton.js

@@ -51,7 +51,7 @@ export const ConceptsUpdateButton = () => {
         conceptCount,
         searchParams,
         concepts: searchData?.data || [],
-      })
+      }),
     );
     navigate(updateUrl + `?${pathNameWithoutSlash}` || "");
   };