@truedat/bg 7.5.9 → 7.5.11

package/src/concepts/components/ConceptForm.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useState, useEffect, useCallback, lazy } from "react";
+import { useState, useEffect, lazy } from "react";
 import PropTypes from "prop-types";
 import {
   Form,
@@ -27,8 +27,8 @@ import { useAvailabilityCheck as useTranslatableCheck } from "@truedat/ai/hooks/
 import { splitTranslatableFields } from "@truedat/core/services/i18nContent";
 import { TranslationModal } from "@truedat/ai/components";
 
-const SelectDynamicFormWithTranslations = lazy(() =>
-  import("@truedat/df/components/SelectDynamicFormWithTranslations")
+const SelectDynamicFormWithTranslations = lazy(
+  () => import("@truedat/df/components/SelectDynamicFormWithTranslations")
 );
 
 const ConceptForm = ({
@@ -56,7 +56,7 @@ const ConceptForm = ({
   const [hasSuggestions, setHasSuggestions] = useState(false);
   const [canTranslate, setCanTranslate] = useState(false);
   const [showTranslationModal, setShowTranslationModal] = useState(false);
-  const isNonEmptyString = useCallback(_.flow(_.trim, _.negate(_.isEmpty)), []);
+  const isNonEmptyString = _.flow(_.trim, _.negate(_.isEmpty));
   const { trigger: checkSuggestionAvailability } = useAvailabilityCheck();
   const templateId = template?.id;
   const { trigger: checkTranslationAvailability } = useTranslatableCheck();
@@ -73,6 +73,20 @@ const ConceptForm = ({
       [lang]: { ...i18nConcept[lang], content: { ...content } },
     });
   };
+  const checkCanTranslate = () => {
+    if (templateId && domainId) {
+      checkTranslationAvailability({
+        domain_ids: [domainId],
+        resource_type: "business_concept",
+      }).then((res) =>
+        setCanTranslate(
+          _.get("data.data.status", res) === "ok" &&
+            isMultilingual &&
+            !_.isEmpty(translatableFields)
+        )
+      );
+    }
+  };
 
   useEffect(() => {
     checkCanTranslate();
@@ -89,7 +103,7 @@ const ConceptForm = ({
       );
       checkCanTranslate();
     }
-  }, [templateId, domainId, checkSuggestionAvailability]);
+  }, [templateId, domainId]);
 
   useEffect(() => {
     if (domainsLoading && domainId) setDomainsLoading(false);
@@ -120,21 +134,6 @@ const ConceptForm = ({
     });
   };
 
-  const checkCanTranslate = () => {
-    if (templateId && domainId) {
-      checkTranslationAvailability({
-        domain_ids: [domainId],
-        resource_type: "business_concept",
-      }).then((res) =>
-        setCanTranslate(
-          _.get("data.data.status", res) === "ok" &&
-            isMultilingual &&
-            !_.isEmpty(translatableFields)
-        )
-      );
-    }
-  };
-
   const setTranslations = (translations) => {
     setI18nConcept({
       ...i18nConcept,
@@ -142,29 +141,26 @@ const ConceptForm = ({
     });
   };
 
-  const renderNameField = useCallback(
-    (lang, value, onChange, showValidation = false) => (
-      <I18nProvider lang={lang}>
-        <Form.Field required={requiredLangs.includes(lang)}>
-          <label>
-            <FormattedMessage id="concepts.props.name" />
-            {showValidation &&
-              requiredLangs.includes(lang) &&
-              _.isEmpty(value) && (
-                <Label pointing="left">
-                  <FormattedMessage id="template.form.validation.empty_required" />
-                </Label>
-              )}
-          </label>
-          <Form.Input
-            name="name"
-            value={value || ""}
-            onChange={(_e, { value }) => onChange(lang, value)}
-          />
-        </Form.Field>
-      </I18nProvider>
-    ),
-    [requiredLangs, i18nConcept]
+  const renderNameField = (lang, value, onChange, showValidation = false) => (
+    <I18nProvider lang={lang}>
+      <Form.Field required={requiredLangs.includes(lang)}>
+        <label>
+          <FormattedMessage id="concepts.props.name" />
+          {showValidation &&
+            requiredLangs.includes(lang) &&
+            _.isEmpty(value) && (
+              <Label pointing="left">
+                <FormattedMessage id="template.form.validation.empty_required" />
+              </Label>
+            )}
+        </label>
+        <Form.Input
+          name="name"
+          value={value || ""}
+          onChange={(_e, { value }) => onChange(lang, value)}
+        />
+      </Form.Field>
+    </I18nProvider>
   );
 
   const renderFormHeader = () => (

package/src/concepts/components/ConceptHeader.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { FormattedMessage, useIntl } from "react-intl";

package/src/concepts/components/ConceptLinksDropdownSelector.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Form, Dropdown } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -7,7 +6,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 const formatOption = (formatMessage) => (options) =>
   _.flow(
     _.map(({ value, text }) =>
-      _.isNil(text) || text == ""
+      _.isNil(text) || text === ""
         ? { value, text }
         : {
             value,

package/src/concepts/components/ConceptLoader.js

@@ -1,5 +1,5 @@
-import React, { useEffect } from "react";
-import { useParams } from "react-router-dom";
+import { useEffect } from "react";
+import { useParams } from "react-router";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Dimmer, Loader } from "semantic-ui-react";
@@ -16,7 +16,7 @@ export const ConceptLoader = ({ fetchConcept, clearConcept, loading }) => {
     };
   }, [business_concept_id, id, clearConcept, fetchConcept]);
   return loading ? (
-    <Dimmer active={loading} inverted>
+    <Dimmer active inverted>
       <Loader size="massive" inverted />
     </Dimmer>
   ) : null;

package/src/concepts/components/ConceptManageDomain.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button, Container, Form, Header } from "semantic-ui-react";
 import { connect } from "react-redux";
 import { useForm, Controller } from "react-hook-form";
@@ -15,6 +15,7 @@ export const ConceptManageDomain = ({ domainId, conceptAction, action }) => {
     defaultValues: { domainId },
   });
   const { isDirty, isValid } = formState;
+
   const onSubmit = ({ domainId }) => {
     conceptAction({
       action: "update_domain",

package/src/concepts/components/ConceptManageDomainPopup.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { Button, Icon, Popup } from "semantic-ui-react";
 import { connect } from "react-redux";
 import PropTypes from "prop-types";