@bagelink/vue 1.2.107 → 1.2.109

package/dist/index.mjs

@@ -27925,7 +27925,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       flushQueue,
       fileToUrl,
       addFile,
-      browse
+      browse,
+      pk
     } = useFileUpload({
       disabled: props2.disabled,
       dirPath: props2.dirPath,
@@ -27947,9 +27948,21 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       emit2("addFileStart");
       addFile((_a = e.dataTransfer) == null ? void 0 : _a.files);
       await flushQueue();
-      emit2("update:modelValue", pathKeys.value);
       isDragOver.value = false;
     }
+    watchDebounced(() => toValue(pk), (value) => {
+      if (props2.multiple) emit2("update:modelValue", value);
+      else emit2("update:modelValue", value[0] || void 0);
+    }, { deep: true, immediate: true });
+    watchDebounced(() => props2.modelValue, (newVal, oldVal) => {
+      if (`${newVal}` === `${oldVal}`) return;
+      if (newVal === void 0) return;
+      if (Array.isArray(newVal)) {
+        pk.value = newVal;
+      } else {
+        pk.value = [newVal];
+      }
+    }, { immediate: true, debounce: 500 });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       const _directive_lightbox = resolveDirective("lightbox");
@@ -28185,7 +28198,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-34a82c5f"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-2ba685b5"]]);
 const FONT_AWESOME_ICONS = [
   "trash-can",
   "message",
@@ -32832,50 +32845,49 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-2f5e271c"]]);
-const _hoisted_1$m = { class: "upload-data-container" };
-const _hoisted_2$d = ["textContent"];
-const _hoisted_3$a = {
+const _hoisted_1$m = ["textContent"];
+const _hoisted_2$d = {
   key: 1,
   class: "loading-container"
 };
-const _hoisted_4$6 = {
+const _hoisted_3$a = {
   key: 2,
   class: "config-section"
 };
-const _hoisted_5$6 = { class: "file-info mb-1" };
-const _hoisted_6$5 = { class: "file-chip" };
-const _hoisted_7$4 = { class: "header-config" };
-const _hoisted_8$3 = { class: "mapping-table" };
-const _hoisted_9$2 = { class: "tbl" };
-const _hoisted_10$2 = { class: "field-label" };
-const _hoisted_11$2 = { key: 0 };
-const _hoisted_12$2 = { key: 2 };
-const _hoisted_13$1 = { key: 3 };
-const _hoisted_14$1 = {
+const _hoisted_4$6 = { class: "file-info mb-1" };
+const _hoisted_5$6 = { class: "file-chip" };
+const _hoisted_6$5 = { class: "header-config" };
+const _hoisted_7$4 = { class: "mapping-table" };
+const _hoisted_8$3 = { class: "tbl" };
+const _hoisted_9$2 = { class: "field-label" };
+const _hoisted_10$2 = { key: 0 };
+const _hoisted_11$2 = { key: 2 };
+const _hoisted_12$2 = { key: 3 };
+const _hoisted_13$1 = {
   key: 0,
   class: "field-disabled-reason"
 };
-const _hoisted_15 = { key: 1 };
-const _hoisted_16 = { class: "default-value-container" };
-const _hoisted_17 = { class: "action-buttons-cell" };
-const _hoisted_18 = {
+const _hoisted_14$1 = { key: 1 };
+const _hoisted_15 = { class: "default-value-container" };
+const _hoisted_16 = { class: "action-buttons-cell" };
+const _hoisted_17 = {
   key: 0,
   class: "action-buttons"
 };
-const _hoisted_19 = {
+const _hoisted_18 = {
   key: 1,
   class: "action-buttons"
 };
+const _hoisted_19 = { key: 0 };
 const _hoisted_20 = { key: 0 };
 const _hoisted_21 = { key: 0 };
-const _hoisted_22 = { key: 0 };
-const _hoisted_23 = { key: 1 };
-const _hoisted_24 = { class: "mb-1" };
-const _hoisted_25 = { key: 0 };
-const _hoisted_26 = { class: "flex gap-1" };
-const _hoisted_27 = { class: "default-value-container" };
-const _hoisted_28 = { class: "action-buttons-cell" };
-const _hoisted_29 = { key: 0 };
+const _hoisted_22 = { key: 1 };
+const _hoisted_23 = { class: "mb-1" };
+const _hoisted_24 = { key: 0 };
+const _hoisted_25 = { class: "flex gap-1" };
+const _hoisted_26 = { class: "default-value-container" };
+const _hoisted_27 = { class: "action-buttons-cell" };
+const _hoisted_28 = { key: 0 };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ImportData",
   props: {
@@ -33050,7 +33062,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           }
           if (field.attrs && field.attrs.options && field.attrs.options.length > 0) {
             field.options = field.attrs.options;
-            console.log(`Added options for field ${field.id}:`, field.options);
           }
           allFields.push(field);
         }
@@ -33436,7 +33447,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     }
     const { addFile, browse, fileQueue } = useFileUpload();
     async function handleFilesUploaded() {
-      console.log("fileQueue", fileQueue.value);
       file.value = fileQueue.value[0].file;
       if (!file.value) return;
       isLoading.value = true;
@@ -33459,15 +33469,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     }
     function openTransformDialog(field) {
       try {
-        console.log("Opening transform dialog for field:", field.id, field);
         if (!field.options) {
           field.options = [];
         }
         if (field.attrs && field.attrs.options) {
-          console.log("Copying options from attrs for field:", field.id);
-          field.options = Array.isArray(field.attrs.options) ? field.attrs.options : [];
+          field.options = field.attrs.options;
         }
-        console.log("Field options after processing:", field.options);
         selectedTransformField.value = field;
         if (!transformations[field.id]) {
           transformations[field.id] = [];
@@ -33559,25 +33566,6 @@ ${unmatchedValues.length} values could not be automatically matched.`);
         alert("An error occurred while trying to auto-populate transformations. See console for details.");
       }
     }
-    function debugFieldOptions() {
-      console.log("Checking all fields for options:");
-      schemaFields.value.forEach((field) => {
-        var _a;
-        console.log(`Field ${field.id} (${field.label}):`, {
-          directOptions: field.options,
-          hasDirectOptions: field.options && field.options.length > 0,
-          attrOptions: (_a = field.attrs) == null ? void 0 : _a.options,
-          hasAttrOptions: field.attrs && field.attrs.options && field.attrs.options.length > 0,
-          visibleButton: field.options && field.options.length > 0 || field.attrs && field.attrs.options && field.attrs.options.length > 0
-        });
-      });
-    }
-    watchEffect(() => {
-      if (props2.schema && props2.schema.length > 0) {
-        console.log("Schema loaded, checking options");
-        debugFieldOptions();
-      }
-    });
     function detectDateFormat(value) {
       const formats = [
         /^\d{4}-\d{2}-\d{2}$/,
@@ -33919,554 +33907,560 @@ ${unmatchedValues.length} values could not be automatically matched.`);
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        createElementVNode("h2", {
-          textContent: toDisplayString(props2.title || "Upload and Map Data")
-        }, null, 8, _hoisted_2$d),
-        !file.value ? (openBlock(), createBlock(unref(DragOver), {
-          key: 0,
-          accept: ".csv,.xls,.xlsx",
-          onAddFiles: unref(addFile),
-          onClick: _cache[0] || (_cache[0] = ($event) => unref(browse)(false))
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(_sfc_main$15), { class: "flex flex-column items-center justify-center outline-dashed outline-3 hover" }, {
-              default: withCtx(() => [
-                createVNode(unref(_sfc_main$v), {
-                  name: "upload_file",
-                  size: "5"
-                }),
-                _cache[30] || (_cache[30] = createElementVNode("p", null, "Drag and drop an Excel or CSV file here", -1)),
-                _cache[31] || (_cache[31] = createElementVNode("p", null, "or click to select a file", -1)),
-                _cache[32] || (_cache[32] = createElementVNode("p", { class: "txt-12 color-gray" }, " Accepts .xlsx, .xls, and .csv files ", -1))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["onAddFiles"])) : createCommentVNode("", true),
-        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_3$a, _cache[33] || (_cache[33] = [
-          createElementVNode("div", { class: "spinner" }, null, -1),
-          createElementVNode("p", null, "Processing your file...", -1)
-        ]))) : createCommentVNode("", true),
-        file.value && !isLoading.value && sheetNames.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
-          createElementVNode("div", _hoisted_5$6, [
-            createElementVNode("div", _hoisted_6$5, toDisplayString(file.value.name), 1),
-            createVNode(unref(Btn), {
-              thin: "",
-              round: "",
-              value: "Change File",
-              onClick: _cache[1] || (_cache[1] = ($event) => file.value = null)
-            })
-          ]),
-          sheetNames.value.length > 1 ? (openBlock(), createBlock(unref(SelectInput), {
+      return openBlock(), createBlock(unref(_sfc_main$15), { class: "upload-data-container h-100p grid overflow-hidden list-wrap" }, {
+        default: withCtx(() => [
+          createElementVNode("h2", {
+            class: "line-height-1 m-0 pb-2 txt-center",
+            textContent: toDisplayString(props2.title || "Upload and Map Data")
+          }, null, 8, _hoisted_1$m),
+          !file.value ? (openBlock(), createBlock(unref(DragOver), {
             key: 0,
-            modelValue: selectedSheet.value,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedSheet.value = $event),
-            options: sheetNames.value,
-            label: "Select Sheet"
-          }, null, 8, ["modelValue", "options"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_7$4, [
-            _cache[34] || (_cache[34] = createElementVNode("label", null, "File has headers?", -1)),
-            createVNode(unref(CheckInput), {
-              modelValue: hasHeaders.value,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => hasHeaders.value = $event),
-              label: "First row contains column names"
-            }, null, 8, ["modelValue"])
-          ])
-        ])) : createCommentVNode("", true),
-        file.value && !isLoading.value && fileHeaders.value.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$15), { key: 3 }, {
-          default: withCtx(() => [
-            _cache[38] || (_cache[38] = createElementVNode("h3", { class: "mt-0" }, " Map Fields ", -1)),
-            _cache[39] || (_cache[39] = createElementVNode("p", { class: "instructions" }, " Match each required field to a column from your file, set default values, or configure transformations ", -1)),
-            createElementVNode("div", _hoisted_8$3, [
-              createElementVNode("table", _hoisted_9$2, [
-                _cache[35] || (_cache[35] = createElementVNode("thead", null, [
-                  createElementVNode("tr", null, [
-                    createElementVNode("th", null, "Schema Field"),
-                    createElementVNode("th", null, "File Column"),
-                    createElementVNode("th", null, "Default Value"),
-                    createElementVNode("th", null, "Data Type"),
-                    createElementVNode("th", null, "Actions")
+            accept: ".csv,.xls,.xlsx",
+            onAddFiles: unref(addFile),
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(browse)(false))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$15), { class: "flex flex-column items-center justify-center outline-dashed outline-3 bg-input hover h-100p justify-content-center" }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$v), {
+                    name: "upload",
+                    size: "5"
+                  }),
+                  _cache[30] || (_cache[30] = createElementVNode("p", null, "Drag and drop an Excel or CSV file here", -1)),
+                  _cache[31] || (_cache[31] = createElementVNode("p", null, "or click to select a file", -1)),
+                  _cache[32] || (_cache[32] = createElementVNode("p", { class: "txt-12 color-gray" }, " Accepts .xlsx, .xls, and .csv files ", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["onAddFiles"])) : createCommentVNode("", true),
+          isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$d, _cache[33] || (_cache[33] = [
+            createElementVNode("div", { class: "spinner" }, null, -1),
+            createElementVNode("p", null, "Processing your file...", -1)
+          ]))) : createCommentVNode("", true),
+          file.value && !isLoading.value && sheetNames.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
+            createElementVNode("div", _hoisted_4$6, [
+              createElementVNode("div", _hoisted_5$6, toDisplayString(file.value.name), 1),
+              createVNode(unref(Btn), {
+                thin: "",
+                round: "",
+                value: "Change File",
+                onClick: _cache[1] || (_cache[1] = ($event) => file.value = null)
+              })
+            ]),
+            sheetNames.value.length > 1 ? (openBlock(), createBlock(unref(SelectInput), {
+              key: 0,
+              modelValue: selectedSheet.value,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedSheet.value = $event),
+              options: sheetNames.value,
+              label: "Select Sheet"
+            }, null, 8, ["modelValue", "options"])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_6$5, [
+              createVNode(unref(CheckInput), {
+                modelValue: hasHeaders.value,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => hasHeaders.value = $event),
+                label: "Mark this if file has a header row"
+              }, null, 8, ["modelValue"])
+            ])
+          ])) : createCommentVNode("", true),
+          file.value && !isLoading.value && fileHeaders.value.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$15), {
+            key: 3,
+            class: "overflow h-100p"
+          }, {
+            default: withCtx(() => [
+              _cache[37] || (_cache[37] = createElementVNode("h3", { class: "mt-0" }, " Map Fields ", -1)),
+              _cache[38] || (_cache[38] = createElementVNode("p", { class: "instructions" }, " Match each required field to a column from your file, set default values, or configure transformations ", -1)),
+              createElementVNode("div", _hoisted_7$4, [
+                createElementVNode("table", _hoisted_8$3, [
+                  _cache[34] || (_cache[34] = createElementVNode("thead", null, [
+                    createElementVNode("tr", null, [
+                      createElementVNode("th", null, "Schema Field"),
+                      createElementVNode("th", null, "File Column"),
+                      createElementVNode("th", null, "Default Value"),
+                      createElementVNode("th", null, "Data Type"),
+                      createElementVNode("th", null, "Actions")
+                    ])
+                  ], -1)),
+                  createElementVNode("tbody", null, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(schemaFields.value, (field) => {
+                      return openBlock(), createElementBlock("tr", {
+                        key: field.id,
+                        class: normalizeClass({ "array-field-row": field.isArrayField || field.$el === "array" })
+                      }, [
+                        createElementVNode("td", null, [
+                          createElementVNode("div", _hoisted_9$2, [
+                            createTextVNode(toDisplayString(field.label) + " ", 1),
+                            field.isArrayField ? (openBlock(), createElementBlock("span", _hoisted_10$2, "↳")) : createCommentVNode("", true),
+                            field.$el === "array" ? (openBlock(), createBlock(unref(Pill), {
+                              key: 1,
+                              outline: "",
+                              thin: "",
+                              value: "Array"
+                            })) : createCommentVNode("", true),
+                            isFieldRequired(field) ? (openBlock(), createElementBlock("span", _hoisted_11$2, "*")) : createCommentVNode("", true),
+                            getFieldDescription(field).isConditional ? (openBlock(), createElementBlock("span", _hoisted_12$2, "†")) : createCommentVNode("", true)
+                          ]),
+                          field.disabled ? (openBlock(), createElementBlock("div", _hoisted_13$1, toDisplayString(field.disabledReason), 1)) : createCommentVNode("", true),
+                          getFieldDescription(field).isConditional ? (openBlock(), createElementBlock("div", _hoisted_14$1, toDisplayString(getFieldDescription(field).description), 1)) : createCommentVNode("", true)
+                        ]),
+                        createElementVNode("td", null, [
+                          createVNode(unref(SelectInput), {
+                            modelValue: fieldMapping[field.id],
+                            "onUpdate:modelValue": ($event) => fieldMapping[field.id] = $event,
+                            options: fileHeaders.value,
+                            required: isFieldRequired(field),
+                            disabled: field.disabled,
+                            onChange: ($event) => handleSelectChange($event, field.id)
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "required", "disabled", "onChange"])
+                        ]),
+                        createElementVNode("td", null, [
+                          createElementVNode("div", _hoisted_15, [
+                            createTextVNode(toDisplayString(initDefaultValue(field.id)) + " ", 1),
+                            (openBlock(), createBlock(resolveDynamicComponent(unref(renderField)(getFieldWithDefaults(field)))))
+                          ])
+                        ]),
+                        createElementVNode("td", null, [
+                          createVNode(unref(SelectInput), {
+                            modelValue: fieldDataTypes[field.id],
+                            "onUpdate:modelValue": ($event) => fieldDataTypes[field.id] = $event,
+                            options: dataTypeOptions,
+                            disabled: !fieldMapping[field.id] && !defaultValues[field.id]
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        ]),
+                        createElementVNode("td", null, [
+                          createElementVNode("div", _hoisted_16, [
+                            withDirectives(createVNode(unref(Btn), {
+                              thin: "",
+                              disabled: field.disabled,
+                              icon: "transform",
+                              onClick: ($event) => openTransformDialog(field)
+                            }, null, 8, ["disabled", "onClick"]), [
+                              [_directive_tooltip, "Transform"]
+                            ]),
+                            field.$el === "array" ? withDirectives((openBlock(), createBlock(unref(Btn), {
+                              key: 0,
+                              thin: "",
+                              icon: "attach_file",
+                              disabled: field.disabled,
+                              onClick: ($event) => openRelatedDialog(field)
+                            }, null, 8, ["disabled", "onClick"])), [
+                              [_directive_tooltip, "Related File"]
+                            ]) : createCommentVNode("", true)
+                          ])
+                        ])
+                      ], 2);
+                    }), 128))
                   ])
-                ], -1)),
-                createElementVNode("tbody", null, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(schemaFields.value, (field) => {
-                    return openBlock(), createElementBlock("tr", {
-                      key: field.id,
-                      class: normalizeClass({ "array-field-row": field.isArrayField || field.$el === "array" })
-                    }, [
-                      createElementVNode("td", null, [
-                        createElementVNode("div", _hoisted_10$2, [
-                          createTextVNode(toDisplayString(field.label) + " ", 1),
-                          field.isArrayField ? (openBlock(), createElementBlock("span", _hoisted_11$2, "↳")) : createCommentVNode("", true),
-                          field.$el === "array" ? (openBlock(), createBlock(unref(Pill), {
-                            key: 1,
-                            outline: "",
+                ])
+              ]),
+              mappingComplete.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                createVNode(unref(Btn), { onClick: showPreview }, {
+                  default: withCtx(() => _cache[35] || (_cache[35] = [
+                    createTextVNode(" Preview Data ")
+                  ])),
+                  _: 1
+                })
+              ])) : (openBlock(), createElementBlock("div", _hoisted_18, _cache[36] || (_cache[36] = [
+                createElementVNode("div", { class: "mapping-incomplete-message" }, " Please map the required fields to continue ", -1)
+              ])))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(unref(_sfc_main$f), {
+            visible: showTransformDialog.value,
+            "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => showTransformDialog.value = $event),
+            title: "Configure Transformations",
+            width: "800"
+          }, {
+            default: withCtx(() => [
+              selectedTransformField.value ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                createElementVNode("p", null, [
+                  _cache[39] || (_cache[39] = createTextVNode("Create transformations for ")),
+                  createElementVNode("strong", null, toDisplayString(selectedTransformField.value.label), 1)
+                ]),
+                createVNode(unref(Btn), {
+                  icon: "auto_awesome",
+                  thin: "",
+                  value: "Autodetect",
+                  onClick: _cache[4] || (_cache[4] = ($event) => autoPopulateTransformations(selectedTransformField.value.id))
+                }),
+                createElementVNode("table", null, [
+                  _cache[40] || (_cache[40] = createElementVNode("thead", null, [
+                    createElementVNode("tr", null, [
+                      createElementVNode("th", null, "Source Value"),
+                      createElementVNode("th", null, "Target Value"),
+                      createElementVNode("th", null, "Action")
+                    ])
+                  ], -1)),
+                  createElementVNode("tbody", null, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(transformations[selectedTransformField.value.id] || [], (transform, index2) => {
+                      return openBlock(), createElementBlock("tr", { key: index2 }, [
+                        createElementVNode("td", null, toDisplayString(transform.sourceValue), 1),
+                        createElementVNode("td", null, toDisplayString(transform.targetValue), 1),
+                        createElementVNode("td", null, [
+                          withDirectives(createVNode(unref(Btn), {
                             thin: "",
-                            value: "Array"
-                          })) : createCommentVNode("", true),
-                          isFieldRequired(field) ? (openBlock(), createElementBlock("span", _hoisted_12$2, "*")) : createCommentVNode("", true),
-                          getFieldDescription(field).isConditional ? (openBlock(), createElementBlock("span", _hoisted_13$1, "†")) : createCommentVNode("", true)
-                        ]),
-                        field.disabled ? (openBlock(), createElementBlock("div", _hoisted_14$1, toDisplayString(field.disabledReason), 1)) : createCommentVNode("", true),
-                        getFieldDescription(field).isConditional ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(getFieldDescription(field).description), 1)) : createCommentVNode("", true)
-                      ]),
-                      createElementVNode("td", null, [
-                        createVNode(unref(SelectInput), {
-                          modelValue: fieldMapping[field.id],
-                          "onUpdate:modelValue": ($event) => fieldMapping[field.id] = $event,
-                          options: fileHeaders.value,
-                          required: isFieldRequired(field),
-                          disabled: field.disabled,
-                          onChange: ($event) => handleSelectChange($event, field.id)
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "required", "disabled", "onChange"])
-                      ]),
-                      createElementVNode("td", null, [
-                        createElementVNode("div", _hoisted_16, [
-                          createTextVNode(toDisplayString(initDefaultValue(field.id)) + " ", 1),
-                          (openBlock(), createBlock(resolveDynamicComponent(unref(renderField)(getFieldWithDefaults(field)))))
+                            icon: "delete",
+                            color: "red",
+                            onClick: ($event) => removeTransformation(selectedTransformField.value.id, index2)
+                          }, null, 8, ["onClick"]), [
+                            [_directive_tooltip, "Remove"]
+                          ])
                         ])
-                      ]),
+                      ]);
+                    }), 128)),
+                    createElementVNode("tr", null, [
                       createElementVNode("td", null, [
-                        createVNode(unref(SelectInput), {
-                          modelValue: fieldDataTypes[field.id],
-                          "onUpdate:modelValue": ($event) => fieldDataTypes[field.id] = $event,
-                          options: dataTypeOptions,
-                          disabled: !fieldMapping[field.id] && !defaultValues[field.id]
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        fieldMapping[selectedTransformField.value.id] ? (openBlock(), createBlock(unref(SelectInput), {
+                          key: 0,
+                          modelValue: selectedSourceValue.value,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => selectedSourceValue.value = $event),
+                          searchable: "",
+                          options: sourceValueOptions.value,
+                          placeholder: "Select source value"
+                        }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
+                          key: 1,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => selectedSourceValue.value = $event),
+                          type: "text",
+                          placeholder: "Source value"
+                        }, null, 512)), [
+                          [vModelText, selectedSourceValue.value]
+                        ])
                       ]),
                       createElementVNode("td", null, [
-                        createElementVNode("div", _hoisted_17, [
-                          withDirectives(createVNode(unref(Btn), {
-                            thin: "",
-                            disabled: field.disabled,
-                            icon: "transform",
-                            onClick: ($event) => openTransformDialog(field)
-                          }, null, 8, ["disabled", "onClick"]), [
-                            [_directive_tooltip, "Transform"]
-                          ]),
-                          field.$el === "array" ? withDirectives((openBlock(), createBlock(unref(Btn), {
-                            key: 0,
-                            thin: "",
-                            icon: "attach_file",
-                            disabled: field.disabled,
-                            onClick: ($event) => openRelatedDialog(field)
-                          }, null, 8, ["disabled", "onClick"])), [
-                            [_directive_tooltip, "Related File"]
-                          ]) : createCommentVNode("", true)
+                        selectedTransformField.value.options && selectedTransformField.value.options.length > 0 ? (openBlock(), createBlock(unref(SelectInput), {
+                          key: 0,
+                          modelValue: selectedTargetValue.value,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => selectedTargetValue.value = $event),
+                          searchable: "",
+                          options: selectedTransformField.value.options,
+                          placeholder: "Select target value"
+                        }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
+                          key: 1,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => selectedTargetValue.value = $event),
+                          type: "text",
+                          placeholder: "Target value"
+                        }, null, 512)), [
+                          [vModelText, selectedTargetValue.value]
                         ])
-                      ])
-                    ], 2);
-                  }), 128))
-                ])
-              ])
-            ]),
-            mappingComplete.value ? (openBlock(), createElementBlock("div", _hoisted_18, [
-              createVNode(unref(Btn), { onClick: showPreview }, {
-                default: withCtx(() => _cache[36] || (_cache[36] = [
-                  createTextVNode(" Preview Data ")
-                ])),
-                _: 1
-              })
-            ])) : (openBlock(), createElementBlock("div", _hoisted_19, _cache[37] || (_cache[37] = [
-              createElementVNode("div", { class: "mapping-incomplete-message" }, " Please map the required fields to continue ", -1)
-            ])))
-          ]),
-          _: 1
-        })) : createCommentVNode("", true),
-        createVNode(unref(_sfc_main$f), {
-          visible: showTransformDialog.value,
-          "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => showTransformDialog.value = $event),
-          title: "Configure Transformations",
-          width: "800"
-        }, {
-          default: withCtx(() => [
-            selectedTransformField.value ? (openBlock(), createElementBlock("div", _hoisted_20, [
-              createElementVNode("p", null, [
-                _cache[40] || (_cache[40] = createTextVNode("Create transformations for ")),
-                createElementVNode("strong", null, toDisplayString(selectedTransformField.value.label), 1)
-              ]),
-              createVNode(unref(Btn), {
-                icon: "auto_awesome",
-                thin: "",
-                value: "Autodetect",
-                onClick: _cache[4] || (_cache[4] = ($event) => autoPopulateTransformations(selectedTransformField.value.id))
-              }),
-              createElementVNode("table", null, [
-                _cache[41] || (_cache[41] = createElementVNode("thead", null, [
-                  createElementVNode("tr", null, [
-                    createElementVNode("th", null, "Source Value"),
-                    createElementVNode("th", null, "Target Value"),
-                    createElementVNode("th", null, "Action")
-                  ])
-                ], -1)),
-                createElementVNode("tbody", null, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(transformations[selectedTransformField.value.id] || [], (transform, index2) => {
-                    return openBlock(), createElementBlock("tr", { key: index2 }, [
-                      createElementVNode("td", null, toDisplayString(transform.sourceValue), 1),
-                      createElementVNode("td", null, toDisplayString(transform.targetValue), 1),
+                      ]),
                       createElementVNode("td", null, [
                         withDirectives(createVNode(unref(Btn), {
                           thin: "",
-                          icon: "delete",
-                          color: "red",
-                          onClick: ($event) => removeTransformation(selectedTransformField.value.id, index2)
-                        }, null, 8, ["onClick"]), [
-                          [_directive_tooltip, "Remove"]
+                          icon: "add",
+                          color: "primary",
+                          onClick: _cache[9] || (_cache[9] = ($event) => addTransformation(selectedTransformField.value.id))
+                        }, null, 512), [
+                          [_directive_tooltip, "Add"]
                         ])
                       ])
-                    ]);
-                  }), 128)),
-                  createElementVNode("tr", null, [
-                    createElementVNode("td", null, [
-                      fieldMapping[selectedTransformField.value.id] ? (openBlock(), createBlock(unref(SelectInput), {
-                        key: 0,
-                        modelValue: selectedSourceValue.value,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => selectedSourceValue.value = $event),
-                        searchable: "",
-                        options: sourceValueOptions.value,
-                        placeholder: "Select source value"
-                      }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
-                        key: 1,
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => selectedSourceValue.value = $event),
-                        type: "text",
-                        placeholder: "Source value"
-                      }, null, 512)), [
-                        [vModelText, selectedSourceValue.value]
-                      ])
-                    ]),
-                    createElementVNode("td", null, [
-                      selectedTransformField.value.options && selectedTransformField.value.options.length > 0 ? (openBlock(), createBlock(unref(SelectInput), {
-                        key: 0,
-                        modelValue: selectedTargetValue.value,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => selectedTargetValue.value = $event),
-                        searchable: "",
-                        options: selectedTransformField.value.options,
-                        placeholder: "Select target value"
-                      }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
-                        key: 1,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => selectedTargetValue.value = $event),
-                        type: "text",
-                        placeholder: "Target value"
-                      }, null, 512)), [
-                        [vModelText, selectedTargetValue.value]
-                      ])
-                    ]),
-                    createElementVNode("td", null, [
-                      withDirectives(createVNode(unref(Btn), {
-                        thin: "",
-                        icon: "add",
-                        color: "primary",
-                        onClick: _cache[9] || (_cache[9] = ($event) => addTransformation(selectedTransformField.value.id))
-                      }, null, 512), [
-                        [_directive_tooltip, "Add"]
-                      ])
                     ])
                   ])
-                ])
-              ]),
-              createVNode(unref(Btn), {
-                thin: "",
-                value: "Close",
-                onClick: _cache[10] || (_cache[10] = ($event) => showTransformDialog.value = false)
-              })
-            ])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["visible"]),
-        createVNode(unref(_sfc_main$f), {
-          visible: showRelatedDialog.value,
-          "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => showRelatedDialog.value = $event),
-          title: "Configure Related Data",
-          width: "900"
-        }, {
-          default: withCtx(() => {
-            var _a;
-            return [
-              selectedRelationField.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
-                createElementVNode("p", null, "Upload a file with related data for " + toDisplayString(selectedRelationField.value.label), 1),
-                !relatedFiles[selectedRelationField.value.id] ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                  createVNode(unref(DragOver), {
-                    accept: ".csv,.xls,.xlsx",
-                    onAddFiles: _cache[12] || (_cache[12] = (files2) => {
-                      if (files2[0]) processRelatedFile(selectedRelationField.value.id, files2[0]);
+                ]),
+                createVNode(unref(Btn), {
+                  thin: "",
+                  value: "Close",
+                  onClick: _cache[10] || (_cache[10] = ($event) => showTransformDialog.value = false)
+                })
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["visible"]),
+          createVNode(unref(_sfc_main$f), {
+            visible: showRelatedDialog.value,
+            "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => showRelatedDialog.value = $event),
+            title: "Configure Related Data",
+            width: "900"
+          }, {
+            default: withCtx(() => {
+              var _a;
+              return [
+                selectedRelationField.value ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                  createElementVNode("p", null, "Upload a file with related data for " + toDisplayString(selectedRelationField.value.label), 1),
+                  !relatedFiles[selectedRelationField.value.id] ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                    createVNode(unref(DragOver), {
+                      accept: ".csv,.xls,.xlsx",
+                      onAddFiles: _cache[12] || (_cache[12] = (files2) => {
+                        if (files2[0]) processRelatedFile(selectedRelationField.value.id, files2[0]);
+                      })
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$15), { class: "flex flex-column items-center justify-center outline-dashed outline-3 hover bg-input" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(_sfc_main$v), {
+                              name: "upload",
+                              size: "5"
+                            }),
+                            _cache[41] || (_cache[41] = createElementVNode("p", null, "Drag and drop an Excel or CSV file here", -1)),
+                            _cache[42] || (_cache[42] = createElementVNode("p", null, "or click to select a file", -1)),
+                            _cache[43] || (_cache[43] = createElementVNode("p", { class: "txt-12 color-gray" }, " Accepts .xlsx, .xls, and .csv files ", -1))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
                     })
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(_sfc_main$15), { class: "flex flex-column items-center justify-center outline-dashed outline-3 hover" }, {
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_22, [
+                    createElementVNode("div", _hoisted_23, [
+                      createVNode(unref(Pill), null, {
                         default: withCtx(() => [
-                          createVNode(unref(_sfc_main$v), {
-                            name: "upload_file",
-                            size: "5"
-                          }),
-                          _cache[42] || (_cache[42] = createElementVNode("p", null, "Drag and drop an Excel or CSV file here", -1)),
-                          _cache[43] || (_cache[43] = createElementVNode("p", null, "or click to select a file", -1)),
-                          _cache[44] || (_cache[44] = createElementVNode("p", { class: "txt-12 color-gray" }, " Accepts .xlsx, .xls, and .csv files ", -1))
+                          createTextVNode(toDisplayString(relatedFiles[selectedRelationField.value.id].name), 1)
                         ]),
                         _: 1
+                      }),
+                      createVNode(unref(Btn), {
+                        thin: "",
+                        round: "",
+                        value: "Change File",
+                        onClick: _cache[13] || (_cache[13] = ($event) => relatedFiles[selectedRelationField.value.id] = null)
                       })
                     ]),
-                    _: 1
-                  })
-                ])) : (openBlock(), createElementBlock("div", _hoisted_23, [
-                  createElementVNode("div", _hoisted_24, [
-                    createVNode(unref(Pill), null, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(relatedFiles[selectedRelationField.value.id].name), 1)
+                    relatedFileData[selectedRelationField.value.id] ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                      _cache[46] || (_cache[46] = createElementVNode("h4", null, "Configure Relationship", -1)),
+                      createElementVNode("div", _hoisted_25, [
+                        createVNode(unref(SelectInput), {
+                          modelValue: parentKeyField[selectedRelationField.value.id],
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => parentKeyField[selectedRelationField.value.id] = $event),
+                          options: fileHeaders.value,
+                          label: "Source Key Field (from this file)"
+                        }, null, 8, ["modelValue", "options"]),
+                        createVNode(unref(SelectInput), {
+                          modelValue: relatedKeyField[selectedRelationField.value.id],
+                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => relatedKeyField[selectedRelationField.value.id] = $event),
+                          options: Object.keys(relatedFileData[selectedRelationField.value.id][0] || {}),
+                          label: "Related Key Field (from related file)"
+                        }, null, 8, ["modelValue", "options"])
                       ]),
-                      _: 1
-                    }),
-                    createVNode(unref(Btn), {
-                      thin: "",
-                      round: "",
-                      value: "Change File",
-                      onClick: _cache[13] || (_cache[13] = ($event) => relatedFiles[selectedRelationField.value.id] = null)
-                    })
+                      _cache[47] || (_cache[47] = createElementVNode("h4", null, "Map Related Fields", -1)),
+                      createElementVNode("table", null, [
+                        _cache[45] || (_cache[45] = createElementVNode("thead", null, [
+                          createElementVNode("tr", null, [
+                            createElementVNode("th", null, "Child Field"),
+                            createElementVNode("th", null, "Related File Column"),
+                            createElementVNode("th", null, "Default Value"),
+                            createElementVNode("th", null, "Data Type"),
+                            createElementVNode("th", null, "Actions")
+                          ])
+                        ], -1)),
+                        createElementVNode("tbody", null, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(((_a = selectedRelationField.value.attrs) == null ? void 0 : _a.schema) || [], (schemaItem) => {
+                            var _a2, _b;
+                            return openBlock(), createElementBlock("tr", {
+                              key: schemaItem.id
+                            }, [
+                              createElementVNode("td", null, toDisplayString(schemaItem.label), 1),
+                              createElementVNode("td", null, [
+                                createVNode(unref(SelectInput), {
+                                  modelValue: relatedFileMappings[selectedRelationField.value.id][schemaItem.id],
+                                  "onUpdate:modelValue": ($event) => relatedFileMappings[selectedRelationField.value.id][schemaItem.id] = $event,
+                                  options: Object.keys(relatedFileData[selectedRelationField.value.id][0] || {}),
+                                  placeholder: "Select column..."
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
+                              ]),
+                              createElementVNode("td", null, [
+                                createElementVNode("div", _hoisted_26, [
+                                  createTextVNode(toDisplayString(initRelatedDefaultValue(selectedRelationField.value.id, schemaItem.id)) + " ", 1),
+                                  (openBlock(), createBlock(resolveDynamicComponent(unref(renderField)(getRelatedFieldWithDefaults(selectedRelationField.value.id, schemaItem)))))
+                                ])
+                              ]),
+                              createElementVNode("td", null, [
+                                createVNode(unref(SelectInput), {
+                                  modelValue: relatedFieldDataTypes[`${selectedRelationField.value.id}.${schemaItem.id}`],
+                                  "onUpdate:modelValue": ($event) => relatedFieldDataTypes[`${selectedRelationField.value.id}.${schemaItem.id}`] = $event,
+                                  options: dataTypeOptions,
+                                  disabled: !((_a2 = relatedFileMappings[selectedRelationField.value.id]) == null ? void 0 : _a2[schemaItem.id]) && !((_b = relatedDefaultValues[selectedRelationField.value.id]) == null ? void 0 : _b[schemaItem.id])
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                              ]),
+                              createElementVNode("td", null, [
+                                createElementVNode("div", _hoisted_27, [
+                                  createVNode(unref(Btn), {
+                                    thin: "",
+                                    icon: "transform",
+                                    onClick: ($event) => openRelatedTransformDialog(selectedRelationField.value.id, schemaItem)
+                                  }, {
+                                    default: withCtx(() => _cache[44] || (_cache[44] = [
+                                      createTextVNode(" Transform ")
+                                    ])),
+                                    _: 2
+                                  }, 1032, ["onClick"])
+                                ])
+                              ])
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ])) : createCommentVNode("", true)
+                  ])),
+                  createVNode(unref(Btn), {
+                    value: "Close",
+                    onClick: _cache[16] || (_cache[16] = ($event) => showRelatedDialog.value = false)
+                  })
+                ])) : createCommentVNode("", true)
+              ];
+            }),
+            _: 1
+          }, 8, ["visible"]),
+          createVNode(unref(_sfc_main$f), {
+            visible: showPreviewModal.value,
+            "onUpdate:visible": _cache[21] || (_cache[21] = ($event) => showPreviewModal.value = $event),
+            title: "Data Preview & Edit",
+            width: "1200"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", null, [
+                createVNode(unref(Spreadsheet), {
+                  modelValue: previewData.value,
+                  "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => previewData.value = $event),
+                  "column-config": spreadsheetColumns.value,
+                  "allow-add-row": ""
+                }, null, 8, ["modelValue", "column-config"])
+              ]),
+              createElementVNode("div", null, [
+                createElementVNode("div", null, " Showing all " + toDisplayString(previewData.value.length) + " records. You can edit values directly. ", 1),
+                createElementVNode("div", null, [
+                  createVNode(unref(Btn), {
+                    value: "Cancel",
+                    onClick: _cache[19] || (_cache[19] = ($event) => showPreviewModal.value = false)
+                  }),
+                  createVNode(unref(Btn), {
+                    value: "Import Data",
+                    onClick: _cache[20] || (_cache[20] = ($event) => processData())
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["visible"]),
+          createVNode(unref(_sfc_main$f), {
+            visible: showRelatedTransformDialog.value,
+            "onUpdate:visible": _cache[29] || (_cache[29] = ($event) => showRelatedTransformDialog.value = $event),
+            title: "Configure Related Transformations",
+            width: "800"
+          }, {
+            default: withCtx(() => {
+              var _a, _b, _c;
+              return [
+                selectedRelatedTransformField.value ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                  createElementVNode("p", null, [
+                    _cache[48] || (_cache[48] = createTextVNode("Create transformations for ")),
+                    createElementVNode("strong", null, toDisplayString(selectedRelatedTransformField.value.field.label), 1),
+                    createTextVNode(" in " + toDisplayString((_a = selectedRelationField.value) == null ? void 0 : _a.label), 1)
                   ]),
-                  relatedFileData[selectedRelationField.value.id] ? (openBlock(), createElementBlock("div", _hoisted_25, [
-                    _cache[47] || (_cache[47] = createElementVNode("h4", null, "Configure Relationship", -1)),
-                    createElementVNode("div", _hoisted_26, [
-                      createVNode(unref(SelectInput), {
-                        modelValue: parentKeyField[selectedRelationField.value.id],
-                        "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => parentKeyField[selectedRelationField.value.id] = $event),
-                        options: fileHeaders.value,
-                        label: "Source Key Field (from this file)"
-                      }, null, 8, ["modelValue", "options"]),
-                      createVNode(unref(SelectInput), {
-                        modelValue: relatedKeyField[selectedRelationField.value.id],
-                        "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => relatedKeyField[selectedRelationField.value.id] = $event),
-                        options: Object.keys(relatedFileData[selectedRelationField.value.id][0] || {}),
-                        label: "Related Key Field (from related file)"
-                      }, null, 8, ["modelValue", "options"])
-                    ]),
-                    _cache[48] || (_cache[48] = createElementVNode("h4", null, "Map Related Fields", -1)),
+                  createElementVNode("div", null, [
+                    createElementVNode("div", null, [
+                      createVNode(unref(Btn), {
+                        thin: "",
+                        icon: "auto_awesome",
+                        value: "Autolink",
+                        color: "primary",
+                        onClick: _cache[22] || (_cache[22] = ($event) => autoPopulateRelatedTransformations(
+                          selectedRelatedTransformField.value.parentId,
+                          selectedRelatedTransformField.value.field.id
+                        ))
+                      })
+                    ])
+                  ]),
+                  createElementVNode("div", null, [
                     createElementVNode("table", null, [
-                      _cache[46] || (_cache[46] = createElementVNode("thead", null, [
+                      _cache[49] || (_cache[49] = createElementVNode("thead", null, [
                         createElementVNode("tr", null, [
-                          createElementVNode("th", null, "Child Field"),
-                          createElementVNode("th", null, "Related File Column"),
-                          createElementVNode("th", null, "Default Value"),
-                          createElementVNode("th", null, "Data Type"),
-                          createElementVNode("th", null, "Actions")
+                          createElementVNode("th", null, "Source Value"),
+                          createElementVNode("th", null, "Target Value"),
+                          createElementVNode("th", null, "Action")
                         ])
                       ], -1)),
                       createElementVNode("tbody", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(((_a = selectedRelationField.value.attrs) == null ? void 0 : _a.schema) || [], (schemaItem) => {
-                          var _a2, _b;
-                          return openBlock(), createElementBlock("tr", {
-                            key: schemaItem.id
-                          }, [
-                            createElementVNode("td", null, toDisplayString(schemaItem.label), 1),
-                            createElementVNode("td", null, [
-                              createVNode(unref(SelectInput), {
-                                modelValue: relatedFileMappings[selectedRelationField.value.id][schemaItem.id],
-                                "onUpdate:modelValue": ($event) => relatedFileMappings[selectedRelationField.value.id][schemaItem.id] = $event,
-                                options: Object.keys(relatedFileData[selectedRelationField.value.id][0] || {}),
-                                placeholder: "Select column..."
-                              }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
-                            ]),
-                            createElementVNode("td", null, [
-                              createElementVNode("div", _hoisted_27, [
-                                createTextVNode(toDisplayString(initRelatedDefaultValue(selectedRelationField.value.id, schemaItem.id)) + " ", 1),
-                                (openBlock(), createBlock(resolveDynamicComponent(unref(renderField)(getRelatedFieldWithDefaults(selectedRelationField.value.id, schemaItem)))))
-                              ])
-                            ]),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(((_b = relatedTransformations[selectedRelatedTransformField.value.parentId]) == null ? void 0 : _b[selectedRelatedTransformField.value.field.id]) || [], (transform, index2) => {
+                          return openBlock(), createElementBlock("tr", { key: index2 }, [
+                            createElementVNode("td", null, toDisplayString(transform.sourceValue), 1),
+                            createElementVNode("td", null, toDisplayString(transform.targetValue), 1),
                             createElementVNode("td", null, [
-                              createVNode(unref(SelectInput), {
-                                modelValue: relatedFieldDataTypes[`${selectedRelationField.value.id}.${schemaItem.id}`],
-                                "onUpdate:modelValue": ($event) => relatedFieldDataTypes[`${selectedRelationField.value.id}.${schemaItem.id}`] = $event,
-                                options: dataTypeOptions,
-                                disabled: !((_a2 = relatedFileMappings[selectedRelationField.value.id]) == null ? void 0 : _a2[schemaItem.id]) && !((_b = relatedDefaultValues[selectedRelationField.value.id]) == null ? void 0 : _b[schemaItem.id])
-                              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
-                            ]),
-                            createElementVNode("td", null, [
-                              createElementVNode("div", _hoisted_28, [
-                                createVNode(unref(Btn), {
-                                  thin: "",
-                                  icon: "transform",
-                                  onClick: ($event) => openRelatedTransformDialog(selectedRelationField.value.id, schemaItem)
-                                }, {
-                                  default: withCtx(() => _cache[45] || (_cache[45] = [
-                                    createTextVNode(" Transform ")
-                                  ])),
-                                  _: 2
-                                }, 1032, ["onClick"])
+                              withDirectives(createVNode(unref(Btn), {
+                                thin: "",
+                                icon: "delete",
+                                color: "red",
+                                onClick: ($event) => removeRelatedTransformation(
+                                  selectedRelatedTransformField.value.parentId,
+                                  selectedRelatedTransformField.value.field.id,
+                                  index2
+                                )
+                              }, null, 8, ["onClick"]), [
+                                [_directive_tooltip, "Remove"]
                               ])
                             ])
                           ]);
-                        }), 128))
-                      ])
-                    ])
-                  ])) : createCommentVNode("", true)
-                ])),
-                createVNode(unref(Btn), {
-                  value: "Close",
-                  onClick: _cache[16] || (_cache[16] = ($event) => showRelatedDialog.value = false)
-                })
-              ])) : createCommentVNode("", true)
-            ];
-          }),
-          _: 1
-        }, 8, ["visible"]),
-        createVNode(unref(_sfc_main$f), {
-          visible: showPreviewModal.value,
-          "onUpdate:visible": _cache[21] || (_cache[21] = ($event) => showPreviewModal.value = $event),
-          title: "Data Preview & Edit",
-          width: "1200"
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", null, [
-              createVNode(unref(Spreadsheet), {
-                modelValue: previewData.value,
-                "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => previewData.value = $event),
-                "column-config": spreadsheetColumns.value,
-                "allow-add-row": ""
-              }, null, 8, ["modelValue", "column-config"])
-            ]),
-            createElementVNode("div", null, [
-              createElementVNode("div", null, " Showing all " + toDisplayString(previewData.value.length) + " records. You can edit values directly. ", 1),
-              createElementVNode("div", null, [
-                createVNode(unref(Btn), {
-                  value: "Cancel",
-                  onClick: _cache[19] || (_cache[19] = ($event) => showPreviewModal.value = false)
-                }),
-                createVNode(unref(Btn), {
-                  value: "Import Data",
-                  onClick: _cache[20] || (_cache[20] = ($event) => processData())
-                })
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["visible"]),
-        createVNode(unref(_sfc_main$f), {
-          visible: showRelatedTransformDialog.value,
-          "onUpdate:visible": _cache[29] || (_cache[29] = ($event) => showRelatedTransformDialog.value = $event),
-          title: "Configure Related Transformations",
-          width: "800"
-        }, {
-          default: withCtx(() => {
-            var _a, _b, _c;
-            return [
-              selectedRelatedTransformField.value ? (openBlock(), createElementBlock("div", _hoisted_29, [
-                createElementVNode("p", null, [
-                  _cache[49] || (_cache[49] = createTextVNode("Create transformations for ")),
-                  createElementVNode("strong", null, toDisplayString(selectedRelatedTransformField.value.field.label), 1),
-                  createTextVNode(" in " + toDisplayString((_a = selectedRelationField.value) == null ? void 0 : _a.label), 1)
-                ]),
-                createElementVNode("div", null, [
-                  createElementVNode("div", null, [
-                    createVNode(unref(Btn), {
-                      thin: "",
-                      icon: "auto_awesome",
-                      value: "Autolink",
-                      color: "primary",
-                      onClick: _cache[22] || (_cache[22] = ($event) => autoPopulateRelatedTransformations(
-                        selectedRelatedTransformField.value.parentId,
-                        selectedRelatedTransformField.value.field.id
-                      ))
-                    })
-                  ])
-                ]),
-                createElementVNode("div", null, [
-                  createElementVNode("table", null, [
-                    _cache[50] || (_cache[50] = createElementVNode("thead", null, [
-                      createElementVNode("tr", null, [
-                        createElementVNode("th", null, "Source Value"),
-                        createElementVNode("th", null, "Target Value"),
-                        createElementVNode("th", null, "Action")
-                      ])
-                    ], -1)),
-                    createElementVNode("tbody", null, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(((_b = relatedTransformations[selectedRelatedTransformField.value.parentId]) == null ? void 0 : _b[selectedRelatedTransformField.value.field.id]) || [], (transform, index2) => {
-                        return openBlock(), createElementBlock("tr", { key: index2 }, [
-                          createElementVNode("td", null, toDisplayString(transform.sourceValue), 1),
-                          createElementVNode("td", null, toDisplayString(transform.targetValue), 1),
+                        }), 128)),
+                        createElementVNode("tr", null, [
+                          createElementVNode("td", null, [
+                            ((_c = relatedFileMappings[selectedRelatedTransformField.value.parentId]) == null ? void 0 : _c[selectedRelatedTransformField.value.field.id]) ? (openBlock(), createBlock(unref(SelectInput), {
+                              key: 0,
+                              modelValue: selectedRelatedSourceValue.value,
+                              "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => selectedRelatedSourceValue.value = $event),
+                              searchable: "",
+                              options: relatedSourceValueOptions.value,
+                              placeholder: "Select source value"
+                            }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
+                              key: 1,
+                              "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => selectedRelatedSourceValue.value = $event),
+                              type: "text",
+                              placeholder: "Source value"
+                            }, null, 512)), [
+                              [vModelText, selectedRelatedSourceValue.value]
+                            ])
+                          ]),
+                          createElementVNode("td", null, [
+                            selectedRelatedTransformField.value.field.options && selectedRelatedTransformField.value.field.options.length > 0 ? (openBlock(), createBlock(unref(SelectInput), {
+                              key: 0,
+                              modelValue: selectedRelatedTargetValue.value,
+                              "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => selectedRelatedTargetValue.value = $event),
+                              searchable: "",
+                              options: selectedRelatedTransformField.value.field.options,
+                              placeholder: "Select target value"
+                            }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
+                              key: 1,
+                              "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => selectedRelatedTargetValue.value = $event),
+                              type: "text",
+                              placeholder: "Target value"
+                            }, null, 512)), [
+                              [vModelText, selectedRelatedTargetValue.value]
+                            ])
+                          ]),
                           createElementVNode("td", null, [
                             withDirectives(createVNode(unref(Btn), {
                               thin: "",
-                              icon: "delete",
-                              color: "red",
-                              onClick: ($event) => removeRelatedTransformation(
+                              icon: "add",
+                              color: "primary",
+                              onClick: _cache[27] || (_cache[27] = ($event) => addRelatedTransformation(
                                 selectedRelatedTransformField.value.parentId,
-                                selectedRelatedTransformField.value.field.id,
-                                index2
-                              )
-                            }, null, 8, ["onClick"]), [
-                              [_directive_tooltip, "Remove"]
+                                selectedRelatedTransformField.value.field.id
+                              ))
+                            }, null, 512), [
+                              [_directive_tooltip, "Add"]
                             ])
                           ])
-                        ]);
-                      }), 128)),
-                      createElementVNode("tr", null, [
-                        createElementVNode("td", null, [
-                          ((_c = relatedFileMappings[selectedRelatedTransformField.value.parentId]) == null ? void 0 : _c[selectedRelatedTransformField.value.field.id]) ? (openBlock(), createBlock(unref(SelectInput), {
-                            key: 0,
-                            modelValue: selectedRelatedSourceValue.value,
-                            "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => selectedRelatedSourceValue.value = $event),
-                            searchable: "",
-                            options: relatedSourceValueOptions.value,
-                            placeholder: "Select source value"
-                          }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
-                            key: 1,
-                            "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => selectedRelatedSourceValue.value = $event),
-                            type: "text",
-                            placeholder: "Source value"
-                          }, null, 512)), [
-                            [vModelText, selectedRelatedSourceValue.value]
-                          ])
-                        ]),
-                        createElementVNode("td", null, [
-                          selectedRelatedTransformField.value.field.options && selectedRelatedTransformField.value.field.options.length > 0 ? (openBlock(), createBlock(unref(SelectInput), {
-                            key: 0,
-                            modelValue: selectedRelatedTargetValue.value,
-                            "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => selectedRelatedTargetValue.value = $event),
-                            searchable: "",
-                            options: selectedRelatedTransformField.value.field.options,
-                            placeholder: "Select target value"
-                          }, null, 8, ["modelValue", "options"])) : withDirectives((openBlock(), createElementBlock("input", {
-                            key: 1,
-                            "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => selectedRelatedTargetValue.value = $event),
-                            type: "text",
-                            placeholder: "Target value"
-                          }, null, 512)), [
-                            [vModelText, selectedRelatedTargetValue.value]
-                          ])
-                        ]),
-                        createElementVNode("td", null, [
-                          withDirectives(createVNode(unref(Btn), {
-                            thin: "",
-                            icon: "add",
-                            color: "primary",
-                            onClick: _cache[27] || (_cache[27] = ($event) => addRelatedTransformation(
-                              selectedRelatedTransformField.value.parentId,
-                              selectedRelatedTransformField.value.field.id
-                            ))
-                          }, null, 512), [
-                            [_directive_tooltip, "Add"]
-                          ])
                         ])
                       ])
                     ])
+                  ]),
+                  createElementVNode("div", null, [
+                    createVNode(unref(Btn), {
+                      onClick: _cache[28] || (_cache[28] = ($event) => showRelatedTransformDialog.value = false)
+                    }, {
+                      default: withCtx(() => _cache[50] || (_cache[50] = [
+                        createTextVNode(" Close ")
+                      ])),
+                      _: 1
+                    })
                   ])
-                ]),
-                createElementVNode("div", null, [
-                  createVNode(unref(Btn), {
-                    onClick: _cache[28] || (_cache[28] = ($event) => showRelatedTransformDialog.value = false)
-                  }, {
-                    default: withCtx(() => _cache[51] || (_cache[51] = [
-                      createTextVNode(" Close ")
-                    ])),
-                    _: 1
-                  })
-                ])
-              ])) : createCommentVNode("", true)
-            ];
-          }),
-          _: 1
-        }, 8, ["visible"])
-      ]);
+                ])) : createCommentVNode("", true)
+              ];
+            }),
+            _: 1
+          }, 8, ["visible"])
+        ]),
+        _: 1
+      });
     };
   }
 });