@orangelogic/design-system 3.54.0 → 3.55.0

package/library/components/types.js

@@ -95064,26 +95064,34 @@ var WTe = [
 		let n = `${e}_${this.mappedDefaultLanguage}`;
 		return t.getRecords().some((e) => String(e.id).toLowerCase() === n);
 	}
+	canBackfillDefaultLanguageTextRecord(e) {
+		let t = this.dsm?.get(Qi.TranslatableTexts);
+		if (!t) return !0;
+		let n = `${e}_${this.mappedDefaultLanguage}`, r = t.getRecords().find((e) => String(e.id).toLowerCase() === n);
+		return !r || r.get("isAutoBackfilled") === !0;
+	}
 	hasDefaultLanguageAttributeRecord(e) {
 		let t = this.dsm?.get(Qi.TranslatableAttributes);
 		if (!t) return !1;
 		let n = `${e}_${this.mappedDefaultLanguage}`;
 		return t.getRecords().some((e) => String(e.id).toLowerCase() === n);
 	}
-	storeTranslatableText(e, t) {
+	storeTranslatableText(e, t, n = {}) {
 		if (!this.dsm) return;
-		let n = this.dsm.get(Qi.TranslatableTexts);
-		if (n) {
-			let r = n.getRecords().find((t) => t.id === e);
-			r ? r.set("content", t) : n.addRecord({
+		let r = this.dsm.get(Qi.TranslatableTexts);
+		if (r) {
+			let i = r.getRecords().find((t) => t.id === e);
+			i ? (i.set("content", t), n.isAutoBackfilled === !0 ? i.set("isAutoBackfilled", !0) : n.isAutoBackfilled === !1 && i.unset("isAutoBackfilled")) : r.addRecord({
 				content: t,
-				id: e
+				id: e,
+				...n.isAutoBackfilled === !0 ? { isAutoBackfilled: !0 } : {}
 			});
 		} else this.dsm.add({
 			id: Qi.TranslatableTexts,
 			records: [{
 				content: t,
-				id: e
+				id: e,
+				...n.isAutoBackfilled === !0 ? { isAutoBackfilled: !0 } : {}
 			}]
 		});
 	}
@@ -95783,9 +95791,11 @@ var WTe = [
 		}), this.contentBuilder?.on("custom:child-selected", (e) => {
 			this.childSelected = e;
 		}), this.contentBuilder?.on("custom:backfill-translatable-text", ({ content: e, id: t }) => {
-			t && this.mappedDefaultLanguage && this.lang.toLowerCase() !== this.mappedDefaultLanguage && !this.hasDefaultLanguageTextRecord(t) && this.storeTranslatableText(`${t}_${this.mappedDefaultLanguage}`, e);
+			t && this.mappedDefaultLanguage && this.lang.toLowerCase() !== this.mappedDefaultLanguage && !this.hasDefaultLanguageTextRecord(t) && this.storeTranslatableText(`${t}_${this.mappedDefaultLanguage}`, e, { isAutoBackfilled: !0 });
 		}), this.contentBuilder?.on("custom:save-translatable-text", ({ content: e, id: t }) => {
-			t && this.storeTranslatableText(`${t}_${this.lang.toLowerCase()}`, e);
+			if (!t) return;
+			let n = this.lang.toLowerCase();
+			this.storeTranslatableText(`${t}_${n}`, e, n === this.mappedDefaultLanguage ? { isAutoBackfilled: !1 } : void 0), n !== this.mappedDefaultLanguage && this.canBackfillDefaultLanguageTextRecord(t) && this.storeTranslatableText(`${t}_${this.mappedDefaultLanguage}`, e, { isAutoBackfilled: !0 });
 		}), this.contentBuilder?.on("custom:save-translatable-attribute", ({ content: e, id: t }) => {
 			t && this.storeTranslatableAttribute(t, e);
 		});

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.54.0",
+  "version": "3.55.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/organisms/src/content-builder/content-builder.d.ts

@@ -10,6 +10,9 @@ import { TemplateResult } from 'lit';
 import { CxBlockPicker } from './components/block-picker';
 import { CxConfigManager } from './components/config-manager';
 import { CxRTEBubbleMenu, CxRTETableGenerator } from './plugins';
+type TranslatableTextRecordOptions = {
+    isAutoBackfilled?: boolean;
+};
 /**
  * @summary The `cx-content-builder` component is used to create and manage content blocks in a CMS.
  *
@@ -304,8 +307,9 @@ export default class CxContentBuilder extends CortexElement {
     private ensureConfigUi;
     storeTemplate(id: string, data: Record<string, any>, update?: boolean): void;
     private hasDefaultLanguageTextRecord;
+    private canBackfillDefaultLanguageTextRecord;
     private hasDefaultLanguageAttributeRecord;
-    storeTranslatableText(id: string, data: string): void;
+    storeTranslatableText(id: string, data: string, options?: TranslatableTextRecordOptions): void;
     storeTranslatableAttribute(id: string, data: Record<string, Record<string, string>>): void;
     private updateFrameSize;
     handleSupportedLanguagesChange(): void;
@@ -574,3 +578,4 @@ declare global {
         'cx-content-builder': CxContentBuilder;
     }
 }
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.54.0",
+  "version": "3.55.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {