@dcodegroup-au/page-builder 0.6.8 → 0.7.0

package/dist/page-builder.es.js

@@ -12037,6 +12037,8 @@ const _sfc_main$J = {
     const type = useModel(__props, "type");
     const url = useModel(__props, "url");
     const openInNewTab = useModel(__props, "openInNewTab");
+    const props = __props;
+    console.log("LinkedTo", props);
     const toReadableWords = (input) => {
       return input.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
     };
@@ -45240,13 +45242,18 @@ const _hoisted_18$2 = { key: 2 };
 const _sfc_main$C = {
   __name: "Links",
   props: {
-    ...defaultProps
+    ...defaultProps,
+    forms: {
+      type: Array,
+      default: () => []
+    }
   },
   emits: ["update"],
   setup(__props, { emit: __emit }) {
     const VFileUpload = inject("VFileUpload", _sfc_main$O);
     const emit = __emit;
     const props = __props;
+    console.log("Links", props);
     const options = [{ value: "content", label: "Content" }, { value: "image_only", label: "Image Only" }];
     const componentData = ref(props.data.component);
     const modalRef = ref(null);
@@ -45281,6 +45288,7 @@ const _sfc_main$C = {
     };
     const deleteCallback = (index) => {
       var _a;
+      componentData.value.data[index] = {};
       (_a = componentData.value.data) == null ? void 0 : _a.splice(index, 1);
       emit("update", false);
     };
@@ -45346,7 +45354,7 @@ const _sfc_main$C = {
               var _a2, _b, _c;
               return openBlock(), createElementBlock("div", {
                 class: "flex flex-col gap-4 rounded-xl px-6 py-4 bg-gray-200",
-                key: index,
+                key: `${index}-${Date.now() + Math.random()}`,
                 ref_for: true,
                 ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
               }, [
@@ -45428,8 +45436,9 @@ const _sfc_main$C = {
                       "onUpdate:url": ($event) => item.url = $event,
                       openInNewTab: item.open_in_new_tab,
                       "onUpdate:openInNewTab": ($event) => item.open_in_new_tab = $event,
-                      sites: _ctx.sites
-                    }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites"])) : createCommentVNode("", true)
+                      sites: _ctx.sites,
+                      forms: __props.forms
+                    }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites", "forms"])) : createCommentVNode("", true)
                   ])) : (openBlock(), createElementBlock("div", _hoisted_18$2, [
                     createVNode(_sfc_main$P, {
                       "is-vertical": "",

package/dist/page-builder.umd.js

@@ -12040,6 +12040,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const type = vue.useModel(__props, "type");
       const url = vue.useModel(__props, "url");
       const openInNewTab = vue.useModel(__props, "openInNewTab");
+      const props = __props;
+      console.log("LinkedTo", props);
       const toReadableWords = (input) => {
         return input.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
       };
@@ -45243,13 +45245,18 @@ ${escapeText(this.code(index, length))}
   const _sfc_main$C = {
     __name: "Links",
     props: {
-      ...defaultProps
+      ...defaultProps,
+      forms: {
+        type: Array,
+        default: () => []
+      }
     },
     emits: ["update"],
     setup(__props, { emit: __emit }) {
       const VFileUpload = vue.inject("VFileUpload", _sfc_main$O);
       const emit = __emit;
       const props = __props;
+      console.log("Links", props);
       const options = [{ value: "content", label: "Content" }, { value: "image_only", label: "Image Only" }];
       const componentData = vue.ref(props.data.component);
       const modalRef = vue.ref(null);
@@ -45284,6 +45291,7 @@ ${escapeText(this.code(index, length))}
       };
       const deleteCallback = (index) => {
         var _a;
+        componentData.value.data[index] = {};
         (_a = componentData.value.data) == null ? void 0 : _a.splice(index, 1);
         emit("update", false);
       };
@@ -45349,7 +45357,7 @@ ${escapeText(this.code(index, length))}
                 var _a2, _b, _c;
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "flex flex-col gap-4 rounded-xl px-6 py-4 bg-gray-200",
-                  key: index,
+                  key: `${index}-${Date.now() + Math.random()}`,
                   ref_for: true,
                   ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
                 }, [
@@ -45431,8 +45439,9 @@ ${escapeText(this.code(index, length))}
                         "onUpdate:url": ($event) => item.url = $event,
                         openInNewTab: item.open_in_new_tab,
                         "onUpdate:openInNewTab": ($event) => item.open_in_new_tab = $event,
-                        sites: _ctx.sites
-                      }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites"])) : vue.createCommentVNode("", true)
+                        sites: _ctx.sites,
+                        forms: __props.forms
+                      }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites", "forms"])) : vue.createCommentVNode("", true)
                     ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$2, [
                       vue.createVNode(_sfc_main$P, {
                         "is-vertical": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcodegroup-au/page-builder",
-  "version": "0.6.8",
+  "version": "0.7.0",
   "exports": {
     ".": {
       "import": "./dist/page-builder.es.js"

package/src/components/builders/Links.vue

@@ -44,7 +44,7 @@
       <div
           v-for="(item, index) in componentData.data"
           class="flex flex-col gap-4 rounded-xl px-6 py-4 bg-gray-200"
-          :key="index"
+          :key="`${index}-${Date.now() + Math.random()}`"
           :ref="index === componentData.data.length - 1 ? (el) => (lastItemRef = el) : null"
       >
         <div class="flex items-center justify-between">
@@ -107,6 +107,7 @@
                 v-model:url="item.url"
                 v-model:openInNewTab="item.open_in_new_tab"
                 :sites="sites"
+                :forms="forms"
             />
           </div>
           <div v-else>
@@ -144,8 +145,13 @@ const VFileUpload = inject("VFileUpload", DefaultFileUpload);
 const emit = defineEmits(["update"]);
 const props = defineProps({
   ...defaultProps,
+  forms: {
+    type: Array,
+    default: () => []
+  }
 });
 
+console.log('Links', props);
 const options = [{value: 'content', label: 'Content'}, {value: 'image_only', label: 'Image Only'}];
 
 const componentData = ref(props.data.component);
@@ -186,6 +192,7 @@ const handleDeleteItem = (index) => {
 }
 
 const deleteCallback = (index) => {
+  componentData.value.data[index] = {};
   componentData.value.data?.splice(index, 1);
   emit("update", false);
 };

package/src/components/common/LinkedTo.vue

@@ -40,7 +40,7 @@ const type = defineModel("type", { default: "site-content" });
 const url = defineModel("url");
 const openInNewTab = defineModel("openInNewTab");
 
-defineProps({
+const props = defineProps({
   label: { type: String, required: false },
   sites: { type: Array, required: false, default: () => []}, // Todo refactor sites to items as generic usage
   forms: { type: Array, required: false, default: () => []},
@@ -48,6 +48,8 @@ defineProps({
   options: { type: Array, required: false, default: ["site-content", "external-page", 'download', 'form'] },
 });
 
+console.log('LinkedTo', props);
+
 const toReadableWords = (input) => {
   return input
       .split('-') // Split the string by hyphens