@blokkli/editor 2.0.0-alpha.39 → 2.0.0-alpha.40

package/dist/runtime/editor/composables/useEditableFieldOverride.js

@@ -6,11 +6,13 @@ const NOOP_OVERRIDE = {
   fieldType: "plain",
   setValue() {
   },
+  setDiffHtml() {
+  },
   restore() {
   }
 };
 export function useEditableFieldOverride(fieldName, host) {
-  const { eventBus, state, types, definitions, directive } = useBlokkli();
+  const { eventBus, state, types, definitions, directive, fieldValue } = useBlokkli();
   const el = directive.findEditableElement(fieldName, host);
   if (!el) {
     return NOOP_OVERRIDE;
@@ -53,22 +55,11 @@ export function useEditableFieldOverride(fieldName, host) {
   const mutatedItemPropsKey = providerDefinition ? "HOST" : host.uuid;
   const usesMutatedProps = !!matchingProp;
   const usesDirectDom = !isComponent && !matchingProp;
-  let originalValue;
-  if (isComponent) {
-    originalValue = editableData?.getValue ? editableData.getValue() : "";
-  } else if (usesMutatedProps && matchingProp) {
-    if (providerDefinition) {
-      originalValue = state.mutatedEntity.value[matchingProp] || "";
-    } else {
-      originalValue = state.getFieldListItem(host.uuid)?.props?.[matchingProp] ?? "";
-    }
-  } else if (isMarkup) {
-    originalValue = element.innerHTML;
-  } else {
-    originalValue = element.textContent || "";
-  }
+  const readResult = fieldValue.readFieldValue(fieldName, host);
+  const originalValue = readResult?.value ?? "";
   const originalMutatedProp = usesMutatedProps && matchingProp ? state.mutatedItemProps[mutatedItemPropsKey]?.[matchingProp] : void 0;
   function setValue(value) {
+    element.removeAttribute("data-bk-diff-active");
     if (usesMutatedProps && matchingProp) {
       if (!state.mutatedItemProps[mutatedItemPropsKey]) {
         state.mutatedItemProps[mutatedItemPropsKey] = {};
@@ -90,7 +81,14 @@ export function useEditableFieldOverride(fieldName, host) {
       });
     }
   }
+  function setDiffHtml(html) {
+    element.setAttribute("data-bk-diff-active", "");
+    element.innerHTML = html;
+    state.markDirty(host.uuid);
+  }
   function restore() {
+    const wasDiffActive = element.hasAttribute("data-bk-diff-active");
+    element.removeAttribute("data-bk-diff-active");
     if (usesMutatedProps && matchingProp) {
       const propsObj = state.mutatedItemProps[mutatedItemPropsKey];
       if (propsObj) {
@@ -103,6 +101,13 @@ export function useEditableFieldOverride(fieldName, host) {
           propsObj[matchingProp] = originalMutatedProp;
         }
       }
+      if (wasDiffActive) {
+        if (isMarkup) {
+          element.innerHTML = originalValue;
+        } else {
+          element.textContent = originalValue;
+        }
+      }
     }
     if (usesDirectDom) {
       if (isMarkup) {
@@ -124,6 +129,7 @@ export function useEditableFieldOverride(fieldName, host) {
     originalValue,
     fieldType,
     setValue,
+    setDiffHtml,
     restore
   };
 }