@dative-gpi/foundation-shared-components 1.0.131-fix-trtf → 1.0.131-fix-trtf2

package/components/fields/FSTranslateRichTextField.vue

@@ -77,7 +77,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType, ref } from 'vue';
+import { defineComponent, type PropType, ref, computed, watch } from 'vue';
 
 import { useAppLanguages } from "@dative-gpi/foundation-shared-services/composables";
 
@@ -134,26 +134,21 @@ export default defineComponent({
   setup(props, { emit }) {
     const { languages } = useAppLanguages();
 
-    const innerTranslations = ref(props.translations.map((tranlation) => {
-      if(typeof tranlation[props.property] === 'string'){
-        return tranlation;
-      }
-      return {
-        ...tranlation,
-        [props.property]: JSON.stringify(tranlation[props.property])
-      }
-    }));
+    const innerTranslations = ref<{
+      languageCode: string;
+      [key: string]: string | object | null;
+    }[]>([]);
 
-    const getTranslation = (languageCode: string): string | object => {
-      if (!innerTranslations.value) {
-        return emptyLexicalState;
-      }
-      const translation = innerTranslations.value.find((t) => t.languageCode === languageCode);
-      if (!translation || !translation[props.property]) {
-        return emptyLexicalState;
+    const getTranslation = computed(() => {
+      const translationsMap = new Map(
+        innerTranslations.value.map((t) => [t.languageCode, t[props.property]])
+      );
+
+      return (languageCode: string) => {
+        return translationsMap.get(languageCode) || emptyLexicalState;
       }
-      return translation[props.property]!;
-    };
+        
+    });
 
     const setTranslation = (languageCode: string, value: string): void => {
       if (!innerTranslations.value) {
@@ -186,6 +181,18 @@ export default defineComponent({
       emit('update:translationsExpanded', false);
     };
 
+    watch(() => props.translations, (newTranslations) => {
+      innerTranslations.value = newTranslations.map((tranlation) => {
+        if(typeof tranlation[props.property] === 'string'){
+          return tranlation;
+        }
+        return {
+          ...tranlation,
+          [props.property]: JSON.stringify(tranlation[props.property])
+        }
+      });
+    }, { immediate: true });
+
     return {
       languages,
       onCancelTranslations,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.131-fix-trtf",
+  "version": "1.0.131-fix-trtf2",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.131-fix-trtf",
-    "@dative-gpi/foundation-shared-services": "1.0.131-fix-trtf"
+    "@dative-gpi/foundation-shared-domain": "1.0.131-fix-trtf2",
+    "@dative-gpi/foundation-shared-services": "1.0.131-fix-trtf2"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "fd7d416983cc298660ad9ae9f7c564d140e7c4f7"
+  "gitHead": "b2da671b3c2db4b23f6853554d61b3c348705c4e"
 }