@narrative.io/jsonforms-provider-protocols 2.11.0 → 2.12.0

package/dist/vue/components/ProviderObjectMultiSelect.vue2.js

@@ -0,0 +1,142 @@
+import { defineComponent, inject, computed, watch, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { useJsonFormsControl } from "@jsonforms/vue";
+import { useProvider } from "../composables/useProvider.js";
+import { useProjection } from "../composables/useProjection.js";
+import { resolvePlaceholder } from "../utils/placeholder.js";
+import { resolveItemsSchema, resolveObjectKeys, fromMultiSelectShape, sameObjectSet, toMultiSelectShape } from "../utils/objectMultiSelect.js";
+import MultiSelect from "primevue/multiselect";
+const _hoisted_1 = { class: "jf-control" };
+const _hoisted_2 = {
+  key: 0,
+  class: "jf-label"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "jf-description"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "p-error",
+  role: "alert"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProviderObjectMultiSelect",
+  props: {
+    uischema: {},
+    schema: {},
+    path: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
+    const {
+      projectedData,
+      projectedLabel,
+      handleProjectedChange: handleChange
+    } = useProjection(control, rawHandleChange);
+    const jsonforms = inject("jsonforms", null);
+    const rootSchema = computed(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      () => jsonforms?.core?.schema ?? control.value.schema
+    );
+    const itemsSchema = computed(
+      () => resolveItemsSchema(
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        control.value.schema,
+        rootSchema.value
+      )
+    );
+    const objectKeys = computed(() => {
+      const resolved = resolveObjectKeys(
+        control.value.uischema?.options,
+        itemsSchema.value
+      );
+      if (!resolved) {
+        throw new Error(
+          "[ProviderObjectMultiSelect] objectKeys could not be resolved. Specify `uischema.options.objectKeys = { value, label }` or declare exactly two `required` properties on the array's items schema so they can be inferred."
+        );
+      }
+      return resolved;
+    });
+    const binding = computed(() => {
+      const provider = control.value.uischema?.options?.provider;
+      if (provider && typeof provider === "object" && !provider.load) {
+        return { ...provider, load: "mount" };
+      }
+      return provider;
+    });
+    const deps = computed(
+      () => control.value.schema?.["x-provider"]?.dependsOn ?? []
+    );
+    const depValues = computed(() => deps.value.map(() => null));
+    const injectedFormData = inject("formData", { value: {} });
+    const rootData = computed(() => injectedFormData.value || {});
+    const { items, loading, error } = useProvider(binding, {
+      data: rootData,
+      path: control.value.path,
+      dependsOnValues: depValues
+    });
+    watch(
+      [items, loading],
+      ([newItems, isLoading]) => {
+        if (!control.value.uischema?.options?.autoSelectSingle || isLoading || newItems.length !== 1) {
+          return;
+        }
+        const single = newItems[0];
+        const current = Array.isArray(projectedData.value) ? projectedData.value : [];
+        if (current.length === 0) {
+          handleChange(control.value.path, [
+            {
+              [objectKeys.value.value]: single.value,
+              [objectKeys.value.label]: single.label
+            }
+          ]);
+        }
+      },
+      { immediate: true }
+    );
+    const value = computed({
+      get() {
+        return toMultiSelectShape(projectedData.value, objectKeys.value);
+      },
+      set(val) {
+        const next = fromMultiSelectShape(val, objectKeys.value);
+        const curr = Array.isArray(projectedData.value) ? projectedData.value : [];
+        if (!sameObjectSet(curr, next, objectKeys.value.value)) {
+          handleChange(control.value.path, next);
+        }
+      }
+    });
+    const placeholder = computed(() => {
+      if (loading.value) return "Loading…";
+      return resolvePlaceholder(
+        control.value.uischema,
+        projectedLabel.value,
+        "select"
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(projectedLabel) ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(projectedLabel)), 1)) : createCommentVNode("", true),
+        unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
+        createVNode(unref(MultiSelect), {
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          class: "w-full!",
+          options: unref(items),
+          "option-label": "label",
+          "data-key": "value",
+          display: "chip",
+          placeholder: placeholder.value,
+          disabled: !unref(control).enabled || unref(loading),
+          "show-clear": true
+        }, null, 8, ["modelValue", "options", "placeholder", "disabled"]),
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProviderObjectMultiSelect.vue2.js.map

package/dist/vue/components/ProviderObjectMultiSelect.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderObjectMultiSelect.vue2.js","sources":["../../../src/vue/components/ProviderObjectMultiSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { resolvePlaceholder } from \"../utils/placeholder\";\nimport {\n  fromMultiSelectShape,\n  resolveItemsSchema,\n  resolveObjectKeys,\n  sameObjectSet,\n  toMultiSelectShape,\n  type MultiSelectOption,\n  type ObjectKeys,\n} from \"../utils/objectMultiSelect\";\nimport MultiSelect from \"primevue/multiselect\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst {\n  projectedData,\n  projectedLabel,\n  handleProjectedChange: handleChange,\n} = useProjection(control, rawHandleChange);\n\n// Pull root schema so item-schema $refs resolve against the consumer's $defs.\nconst jsonforms = inject<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  core?: { schema?: Record<string, any> };\n} | null>(\"jsonforms\", null);\nconst rootSchema = computed(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  () => (jsonforms?.core?.schema ?? control.value.schema) as Record<string, any>,\n);\n\nconst itemsSchema = computed(() =>\n  resolveItemsSchema(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    control.value.schema as Record<string, any>,\n    rootSchema.value,\n  ),\n);\n\nconst objectKeys = computed<ObjectKeys>(() => {\n  const resolved = resolveObjectKeys(\n    control.value.uischema?.options as\n      | { objectKeys?: { value?: unknown; label?: unknown } }\n      | undefined,\n    itemsSchema.value,\n  );\n  if (!resolved) {\n    throw new Error(\n      \"[ProviderObjectMultiSelect] objectKeys could not be resolved. \" +\n        \"Specify `uischema.options.objectKeys = { value, label }` or declare \" +\n        \"exactly two `required` properties on the array's items schema so \" +\n        \"they can be inferred.\",\n    );\n  }\n  return resolved;\n});\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"mount\" };\n  }\n  return provider;\n});\n\nconst deps = computed(\n  () =>\n    ((\n      (control.value.schema as Record<string, unknown>)?.[\n        \"x-provider\"\n      ] as Record<string, unknown>\n    )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => deps.value.map(() => null));\n\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\nconst { items, loading, error } = useProvider(binding, {\n  data: rootData,\n  path: control.value.path,\n  dependsOnValues: depValues,\n});\n\n// Auto-select when provider returns only one item — paired-object variant.\nwatch(\n  [items, loading],\n  ([newItems, isLoading]) => {\n    if (\n      !control.value.uischema?.options?.autoSelectSingle ||\n      isLoading ||\n      newItems.length !== 1\n    ) {\n      return;\n    }\n    const single = newItems[0]!;\n    const current = Array.isArray(projectedData.value) ? projectedData.value : [];\n    if (current.length === 0) {\n      handleChange(control.value.path, [\n        {\n          [objectKeys.value.value]: single.value,\n          [objectKeys.value.label]: single.label,\n        },\n      ]);\n    }\n  },\n  { immediate: true },\n);\n\nconst value = computed<MultiSelectOption[]>({\n  get() {\n    return toMultiSelectShape(projectedData.value, objectKeys.value);\n  },\n  set(val) {\n    const next = fromMultiSelectShape(val, objectKeys.value);\n    const curr = Array.isArray(projectedData.value) ? projectedData.value : [];\n    if (!sameObjectSet(curr, next, objectKeys.value.value)) {\n      handleChange(control.value.path, next);\n    }\n  },\n});\n\nconst placeholder = computed(() => {\n  if (loading.value) return \"Loading…\";\n  return resolvePlaceholder(\n    control.value.uischema,\n    projectedLabel.value,\n    \"select\",\n  );\n});\n</script>\n\n<template>\n  <div class=\"jf-control\">\n    <label v-if=\"projectedLabel\" class=\"jf-label\">{{ projectedLabel }}</label>\n    <div v-if=\"control.description\" class=\"jf-description\">\n      {{ control.description }}\n    </div>\n    <MultiSelect\n      v-model=\"value\"\n      class=\"w-full!\"\n      :options=\"items\"\n      option-label=\"label\"\n      data-key=\"value\"\n      display=\"chip\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :show-clear=\"true\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-multiselect-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}

package/dist/vue/components/ProviderSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderSelect.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAgLF,wBAEG"}
+{"version":3,"file":"ProviderSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderSelect.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAUlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAmLF,wBAEG"}

package/dist/vue/components/ProviderSelect.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./ProviderSelect.vue2.js";
 /* empty css                    */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ProviderSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb1e8163"]]);
+const ProviderSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbb98bc4"]]);
 export {
   ProviderSelect as default
 };

package/dist/vue/components/ProviderSelect.vue2.js

@@ -1,16 +1,19 @@
 import { defineComponent, computed, inject, watch, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
+import { useDeriveInitialValue } from "../composables/useDeriveInitialValue.js";
+import { useProjection } from "../composables/useProjection.js";
 import { shouldAutoSelect } from "../utils/autoSelect.js";
+import { resolvePlaceholder } from "../utils/placeholder.js";
 import Dropdown from "primevue/dropdown";
-const _hoisted_1 = { class: "flex flex-col gap-2" };
+const _hoisted_1 = { class: "jf-control" };
 const _hoisted_2 = {
   key: 0,
-  class: "text-color text-left"
+  class: "jf-label"
 };
 const _hoisted_3 = {
   key: 1,
-  class: "text-color-secondary text-left"
+  class: "jf-description"
 };
 const _hoisted_4 = {
   key: 2,
@@ -26,7 +29,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { control, handleChange } = useJsonFormsControl(props);
+    const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
+    const {
+      projectedData,
+      projectedLabel,
+      handleProjectedChange: handleChange
+    } = useProjection(control, rawHandleChange);
     const binding = computed(() => {
       const provider = control.value.uischema?.options?.provider;
       if (provider && typeof provider === "object" && !provider.load) {
@@ -44,8 +52,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       data: rootData,
       // Pass the reactive reference
       path: control.value.path,
-      dependsOnValues: depValues.value
+      dependsOnValues: depValues
     });
+    useDeriveInitialValue({ control, handleChange });
     watch(
       [items, loading],
       ([newItems, isLoading]) => {
@@ -53,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           autoSelectSingle: control.value.uischema?.options?.autoSelectSingle !== false,
           isLoading,
           items: newItems,
-          currentValue: control.value.data
+          currentValue: projectedData.value
         });
         if (valueToSelect !== null) {
           handleChange(control.value.path, valueToSelect);
@@ -62,17 +71,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     const value = computed({
-      get: () => control.value.data,
+      get: () => projectedData.value,
       set: (v) => handleChange(control.value.path, v)
     });
     const placeholder = computed(() => {
       if (loading.value) return "Loading…";
-      const uischemaPlaceholder = control.value.uischema?.options?.placeholder;
-      return uischemaPlaceholder || "Select…";
+      return resolvePlaceholder(
+        control.value.uischema,
+        projectedLabel.value,
+        "select"
+      );
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(control).schema.title ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).schema.title), 1)) : createCommentVNode("", true),
+        unref(projectedLabel) ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(projectedLabel)), 1)) : createCommentVNode("", true),
         unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
         createVNode(unref(Dropdown), {
           modelValue: value.value,

package/dist/vue/components/ProviderSelect.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSelect.vue2.js","sources":["../../../src/vue/components/ProviderSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { shouldAutoSelect } from \"../utils/autoSelect\";\nimport Dropdown from \"primevue/dropdown\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'mount' by default\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"mount\" };\n  }\n  return provider;\n});\n\nconst deps = computed(\n  () =>\n    ((\n      (control.value.schema as Record<string, unknown>)?.[\n        \"x-provider\"\n      ] as Record<string, unknown>\n    )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => deps.value.map(() => null)); // you can resolve actual values via control.value.data & pointers\n\n// Get the root form data from JSONForms context for template URL resolution\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\nconst { items, loading, error } = useProvider(binding, {\n  data: rootData, // Pass the reactive reference\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\n// Provider will automatically reload when rootData changes due to reactive cache key\n\n// Auto-select when provider returns only one item (enabled by default)\nwatch(\n  [items, loading],\n  ([newItems, isLoading]) => {\n    const valueToSelect = shouldAutoSelect({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle !== false,\n      isLoading,\n      items: newItems,\n      currentValue: control.value.data,\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true },\n);\n\nconst value = computed({\n  get: () => control.value.data,\n  set: (v) => handleChange(control.value.path, v),\n});\n\nconst placeholder = computed(() => {\n  if (loading.value) return \"Loading…\";\n  // Check for placeholder in uischema options\n  const uischemaPlaceholder = (\n    control.value.uischema as { options?: { placeholder?: string } }\n  )?.options?.placeholder;\n  return uischemaPlaceholder || \"Select…\";\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label v-if=\"control.schema.title\" class=\"text-color text-left\">{{\n      control.schema.title\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      v-model=\"value\"\n      class=\"w-full!\"\n      :options=\"items\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :show-clear=\"true\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-dropdown-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO;AAAA,MACX,MAEK,QAAQ,MAAM,SACb,YACF,GACC,aAA0B,CAAA;AAAA,IAAC;AAElC,UAAM,YAAY,SAAS,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAAC;AAG3D,UAAM,mBAAmB,OAA2B,YAAY,EAAE,OAAO,CAAA,GAAI;AAC7E,UAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAE5D,UAAM,EAAE,OAAO,SAAS,MAAA,IAAU,YAAY,SAAS;AAAA,MACrD,MAAM;AAAA;AAAA,MACN,MAAM,QAAQ,MAAM;AAAA,MACpB,iBAAiB,UAAU;AAAA,IAAA,CAC5B;AAKD;AAAA,MACE,CAAC,OAAO,OAAO;AAAA,MACf,CAAC,CAAC,UAAU,SAAS,MAAM;AACzB,cAAM,gBAAgB,iBAAiB;AAAA,UACrC,kBACE,QAAQ,MAAM,UAAU,SAAS,qBAAqB;AAAA,UACxD;AAAA,UACA,OAAO;AAAA,UACP,cAAc,QAAQ,MAAM;AAAA,QAAA,CAC7B;AAED,YAAI,kBAAkB,MAAM;AAC1B,uBAAa,QAAQ,MAAM,MAAM,aAAa;AAAA,QAChD;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAGpB,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,QAAQ,MAAM;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,QAAQ,MAAO,QAAO;AAE1B,YAAM,sBACJ,QAAQ,MAAM,UACb,SAAS;AACZ,aAAO,uBAAuB;AAAA,IAChC,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAoBM,OApBN,YAoBM;AAAA,QAnBSC,MAAA,OAAA,EAAQ,OAAO,SAA5BF,aAAAC,mBAEU,SAFV,YAEUE,gBADRD,eAAQ,OAAO,KAAK,GAAA,CAAA;QAEXA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YASEF,MAAA,QAAA,GAAA;AAAA,sBARS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,SAASA,MAAA,KAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ,WAAWA,MAAA,OAAA;AAAA,UAC9B,cAAY;AAAA,QAAA;QAEFA,MAAA,KAAA,KAAbF,aAAAC,mBAEC,SAFD,YACG,qCAAmBC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}
+{"version":3,"file":"ProviderSelect.vue2.js","sources":["../../../src/vue/components/ProviderSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDeriveInitialValue } from \"../composables/useDeriveInitialValue\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { shouldAutoSelect } from \"../utils/autoSelect\";\nimport { resolvePlaceholder } from \"../utils/placeholder\";\nimport Dropdown from \"primevue/dropdown\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst {\n  projectedData,\n  projectedLabel,\n  handleProjectedChange: handleChange,\n} = useProjection(control, rawHandleChange);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'mount' by default\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"mount\" };\n  }\n  return provider;\n});\n\nconst deps = computed(\n  () =>\n    ((\n      (control.value.schema as Record<string, unknown>)?.[\n        \"x-provider\"\n      ] as Record<string, unknown>\n    )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => deps.value.map(() => null)); // you can resolve actual values via control.value.data & pointers\n\n// Get the root form data from JSONForms context for template URL resolution\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\nconst { items, loading, error } = useProvider(binding, {\n  data: rootData, // Pass the reactive reference\n  path: control.value.path,\n  dependsOnValues: depValues,\n});\n\n// Provider will automatically reload when rootData changes due to reactive cache key\n\n// deriveInitialValue — async API-based initial value seeding\nuseDeriveInitialValue({ control, handleChange });\n\n// Auto-select when provider returns only one item (enabled by default)\nwatch(\n  [items, loading],\n  ([newItems, isLoading]) => {\n    const valueToSelect = shouldAutoSelect({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle !== false,\n      isLoading,\n      items: newItems,\n      currentValue: projectedData.value,\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true },\n);\n\nconst value = computed({\n  get: () => projectedData.value,\n  set: (v) => handleChange(control.value.path, v),\n});\n\nconst placeholder = computed(() => {\n  if (loading.value) return \"Loading…\";\n  return resolvePlaceholder(\n    control.value.uischema,\n    projectedLabel.value,\n    \"select\",\n  );\n});\n</script>\n\n<template>\n  <div class=\"jf-control\">\n    <label v-if=\"projectedLabel\" class=\"jf-label\">{{ projectedLabel }}</label>\n    <div v-if=\"control.description\" class=\"jf-description\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      v-model=\"value\"\n      class=\"w-full!\"\n      :options=\"items\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :show-clear=\"true\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-dropdown-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,cAAc,gBAAA,IAAoB,oBAAoB,KAAK;AAC5E,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,IAAA,IACrB,cAAc,SAAS,eAAe;AAE1C,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO;AAAA,MACX,MAEK,QAAQ,MAAM,SACb,YACF,GACC,aAA0B,CAAA;AAAA,IAAC;AAElC,UAAM,YAAY,SAAS,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAAC;AAG3D,UAAM,mBAAmB,OAA2B,YAAY,EAAE,OAAO,CAAA,GAAI;AAC7E,UAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAE5D,UAAM,EAAE,OAAO,SAAS,MAAA,IAAU,YAAY,SAAS;AAAA,MACrD,MAAM;AAAA;AAAA,MACN,MAAM,QAAQ,MAAM;AAAA,MACpB,iBAAiB;AAAA,IAAA,CAClB;AAKD,0BAAsB,EAAE,SAAS,cAAc;AAG/C;AAAA,MACE,CAAC,OAAO,OAAO;AAAA,MACf,CAAC,CAAC,UAAU,SAAS,MAAM;AACzB,cAAM,gBAAgB,iBAAiB;AAAA,UACrC,kBACE,QAAQ,MAAM,UAAU,SAAS,qBAAqB;AAAA,UACxD;AAAA,UACA,OAAO;AAAA,UACP,cAAc,cAAc;AAAA,QAAA,CAC7B;AAED,YAAI,kBAAkB,MAAM;AAC1B,uBAAa,QAAQ,MAAM,MAAM,aAAa;AAAA,QAChD;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAGpB,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,cAAc;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,QAAQ,MAAO,QAAO;AAC1B,aAAO;AAAA,QACL,QAAQ,MAAM;AAAA,QACd,eAAe;AAAA,QACf;AAAA,MAAA;AAAA,IAEJ,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBSC,MAAA,cAAA,kBAAbD,mBAA0E,SAA1E,YAA0EE,gBAAzBD,MAAA,cAAA,CAAc,GAAA,CAAA;QACpDA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YASEF,MAAA,QAAA,GAAA;AAAA,sBARS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,SAASA,MAAA,KAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ,WAAWA,MAAA,OAAA;AAAA,UAC9B,cAAY;AAAA,QAAA;QAEFA,MAAA,KAAA,KAAbF,aAAAC,mBAEC,SAFD,YACG,qCAAmBC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}

package/dist/vue/composables/useDataLayer.d.ts

@@ -0,0 +1,10 @@
+import { type DeepReadonly, type Ref } from "vue";
+import type { ConnectorDataLayer } from "../../core/types";
+export declare const DATA_LAYER_KEY: unique symbol;
+export interface DataLayer {
+    push(data: Partial<ConnectorDataLayer>): void;
+    state: DeepReadonly<Ref<ConnectorDataLayer>>;
+}
+export declare function createDataLayer(): DataLayer;
+export declare function useDataLayer(): DeepReadonly<Ref<ConnectorDataLayer>>;
+//# sourceMappingURL=useDataLayer.d.ts.map

package/dist/vue/composables/useDataLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataLayer.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDataLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,eAAO,MAAM,cAAc,eAAsB,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;IAC9C,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAC9C;AAED,wBAAgB,eAAe,IAAI,SAAS,CAa3C;AAED,wBAAgB,YAAY,IAAI,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAUpE"}

package/dist/vue/composables/useDataLayer.js

@@ -0,0 +1,26 @@
+import { ref, readonly, provide, inject } from "vue";
+const DATA_LAYER_KEY = Symbol("dataLayer");
+function createDataLayer() {
+  const state = ref({});
+  const dataLayer = {
+    push(data) {
+      state.value = { ...state.value, ...data };
+    },
+    state: readonly(state)
+  };
+  provide(DATA_LAYER_KEY, dataLayer);
+  return dataLayer;
+}
+function useDataLayer() {
+  const dataLayer = inject(DATA_LAYER_KEY, null);
+  if (dataLayer) {
+    return dataLayer.state;
+  }
+  return readonly(ref({}));
+}
+export {
+  DATA_LAYER_KEY,
+  createDataLayer,
+  useDataLayer
+};
+//# sourceMappingURL=useDataLayer.js.map

package/dist/vue/composables/useDataLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataLayer.js","sources":["../../../src/vue/composables/useDataLayer.ts"],"sourcesContent":["import {\n  ref,\n  provide,\n  inject,\n  readonly,\n  type DeepReadonly,\n  type Ref,\n} from \"vue\";\nimport type { ConnectorDataLayer } from \"../../core/types\";\n\nexport const DATA_LAYER_KEY = Symbol(\"dataLayer\");\n\nexport interface DataLayer {\n  push(data: Partial<ConnectorDataLayer>): void;\n  state: DeepReadonly<Ref<ConnectorDataLayer>>;\n}\n\nexport function createDataLayer(): DataLayer {\n  const state = ref<ConnectorDataLayer>({});\n\n  const dataLayer: DataLayer = {\n    push(data: Partial<ConnectorDataLayer>) {\n      state.value = { ...state.value, ...data };\n    },\n    state: readonly(state) as DeepReadonly<Ref<ConnectorDataLayer>>,\n  };\n\n  provide(DATA_LAYER_KEY, dataLayer);\n\n  return dataLayer;\n}\n\nexport function useDataLayer(): DeepReadonly<Ref<ConnectorDataLayer>> {\n  const dataLayer = inject<DataLayer | null>(DATA_LAYER_KEY, null);\n  if (dataLayer) {\n    return dataLayer.state;\n  }\n\n  // No dataLayer provided — return empty reactive ref\n  return readonly(ref<ConnectorDataLayer>({})) as DeepReadonly<\n    Ref<ConnectorDataLayer>\n  >;\n}\n"],"names":[],"mappings":";AAUO,MAAM,iBAAiB,OAAO,WAAW;AAOzC,SAAS,kBAA6B;AAC3C,QAAM,QAAQ,IAAwB,EAAE;AAExC,QAAM,YAAuB;AAAA,IAC3B,KAAK,MAAmC;AACtC,YAAM,QAAQ,EAAE,GAAG,MAAM,OAAO,GAAG,KAAA;AAAA,IACrC;AAAA,IACA,OAAO,SAAS,KAAK;AAAA,EAAA;AAGvB,UAAQ,gBAAgB,SAAS;AAEjC,SAAO;AACT;AAEO,SAAS,eAAsD;AACpE,QAAM,YAAY,OAAyB,gBAAgB,IAAI;AAC/D,MAAI,WAAW;AACb,WAAO,UAAU;AAAA,EACnB;AAGA,SAAO,SAAS,IAAwB,CAAA,CAAE,CAAC;AAG7C;"}

package/dist/vue/composables/useDerive.d.ts

@@ -1,4 +1,4 @@
-import { type Ref } from "vue";
+import { type Ref, type ComputedRef } from "vue";
 import { type ControlElement } from "@jsonforms/core";
 interface DeriveOptions {
     control: Ref<{
@@ -7,7 +7,10 @@ interface DeriveOptions {
         data: unknown;
     }>;
     handleChange: (path: string, value: unknown) => void;
+    /** When projection is active, pass projectedData so the comparison
+     *  matches the projected (unwrapped) value rather than raw scope data. */
+    data?: Ref<unknown> | ComputedRef<unknown>;
 }
-export declare function useDerive({ control, handleChange }: DeriveOptions): void;
+export declare function useDerive({ control, handleChange, data: dataOverride, }: DeriveOptions): void;
 export {};
 //# sourceMappingURL=useDerive.d.ts.map

package/dist/vue/composables/useDerive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDerive.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDerive.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,UAAU,aAAa;IACrB,OAAO,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,cAAc,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,OAAO,CAAC;KACf,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,aAAa,QAkDjE"}
+{"version":3,"file":"useDerive.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDerive.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,GAAG,EACR,KAAK,WAAW,EACjB,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,UAAU,aAAa;IACrB,OAAO,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,cAAc,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,OAAO,CAAC;KACf,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD;8EAC0E;IAC1E,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;CAC5C;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,YAAY,EACZ,IAAI,EAAE,YAAY,GACnB,EAAE,aAAa,QAgFf"}

package/dist/vue/composables/useDerive.js

@@ -1,14 +1,17 @@
-import { inject, computed, watch } from "vue";
+import { inject, computed, ref, watch, unref } from "vue";
 import "@jsonforms/core";
-function useDerive({ control, handleChange }) {
+import { useDataLayer } from "./useDataLayer.js";
+function useDerive({
+  control,
+  handleChange,
+  data: dataOverride
+}) {
   const injectedFormData = inject("formData", {
     value: {}
   });
   const rootData = computed(() => injectedFormData.value || {});
-  const injectedExternalData = inject("externalData", {
-    value: {}
-  });
-  const externalData = computed(() => injectedExternalData.value || {});
+  const dataLayerState = useDataLayer();
+  const dataLayerData = computed(() => dataLayerState.value || {});
   const deriveConfig = computed(() => {
     const options = control.value.uischema?.options;
     return {
@@ -17,8 +20,10 @@ function useDerive({ control, handleChange }) {
       // 'follow' = auto-update, 'manual' = user controlled
     };
   });
+  const lastDerivedValue = ref(void 0);
+  let isFirstRun = true;
   watch(
-    [rootData, externalData, deriveConfig],
+    [rootData, dataLayerData, deriveConfig],
     ([data, extData, config]) => {
       if (!config.expression || config.mode !== "follow") {
         return;
@@ -29,7 +34,19 @@ function useDerive({ control, handleChange }) {
           data,
           extData
         );
-        if (derivedValue !== control.value.data) {
+        const compareData = dataOverride ? unref(dataOverride) : control.value.data;
+        if (isFirstRun) {
+          isFirstRun = false;
+          lastDerivedValue.value = derivedValue;
+          const isFieldEmpty = compareData === void 0 || compareData === null || compareData === "";
+          if (isFieldEmpty && derivedValue !== compareData) {
+            handleChange(control.value.path, derivedValue);
+          }
+          return;
+        }
+        if (derivedValue === lastDerivedValue.value) return;
+        lastDerivedValue.value = derivedValue;
+        if (derivedValue !== compareData) {
           handleChange(control.value.path, derivedValue);
         }
       } catch (error) {
@@ -42,10 +59,10 @@ function useDerive({ control, handleChange }) {
     { deep: true, immediate: true }
   );
 }
-function resolveDeriveExpression(expression, data, externalData) {
-  if (expression.startsWith("externalData(") && expression.endsWith(")")) {
-    const propertyPath = expression.slice(13, -1);
-    return resolvePropertyPath(propertyPath, externalData);
+function resolveDeriveExpression(expression, data, dataLayerData) {
+  if (expression.startsWith("dataLayer(") && expression.endsWith(")")) {
+    const propertyPath = expression.slice(10, -1);
+    return resolvePropertyPath(propertyPath, dataLayerData);
   }
   if (!expression.includes("(") && !expression.includes("+") && !expression.includes("?")) {
     return resolvePropertyPath(expression, data);

package/dist/vue/composables/useDerive.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDerive.js","sources":["../../../src/vue/composables/useDerive.ts"],"sourcesContent":["import { computed, watch, inject, type Ref } from \"vue\";\nimport { type ControlElement } from \"@jsonforms/core\";\n\ninterface DeriveOptions {\n  control: Ref<{\n    uischema: ControlElement;\n    path: string;\n    data: unknown;\n  }>;\n  handleChange: (path: string, value: unknown) => void;\n}\n\nexport function useDerive({ control, handleChange }: DeriveOptions) {\n  // Get the root form data from JSONForms context\n  const injectedFormData = inject<{ value: unknown }>(\"formData\", {\n    value: {},\n  });\n  const rootData = computed(() => injectedFormData.value || {});\n\n  // Get external data from context if available\n  const injectedExternalData = inject<{ value: unknown }>(\"externalData\", {\n    value: {},\n  });\n  const externalData = computed(() => injectedExternalData.value || {});\n\n  // Extract derive configuration from uischema options\n  const deriveConfig = computed(() => {\n    const options = control.value.uischema?.options as\n      | { derive?: string; mode?: string }\n      | undefined;\n    return {\n      expression: options?.derive,\n      mode: options?.mode || \"follow\", // 'follow' = auto-update, 'manual' = user controlled\n    };\n  });\n\n  // Watch for changes in form data and external data and update derived field\n  watch(\n    [rootData, externalData, deriveConfig],\n    ([data, extData, config]) => {\n      if (!config.expression || config.mode !== \"follow\") {\n        return;\n      }\n\n      try {\n        const derivedValue = resolveDeriveExpression(\n          config.expression,\n          data,\n          extData,\n        );\n        if (derivedValue !== control.value.data) {\n          handleChange(control.value.path, derivedValue);\n        }\n      } catch (error) {\n        console.warn(\n          `Failed to derive value for ${control.value.path}:`,\n          error,\n        );\n      }\n    },\n    { deep: true, immediate: true },\n  );\n}\n\nfunction resolveDeriveExpression(\n  expression: string,\n  data: unknown,\n  externalData?: unknown,\n): unknown {\n  // Handle externalData() syntax\n  if (expression.startsWith(\"externalData(\") && expression.endsWith(\")\")) {\n    const propertyPath = expression.slice(13, -1); // Remove \"externalData(\" and \")\"\n    return resolvePropertyPath(propertyPath, externalData);\n  }\n\n  // Handle simple property paths like \"country.name\"\n  if (\n    !expression.includes(\"(\") &&\n    !expression.includes(\"+\") &&\n    !expression.includes(\"?\")\n  ) {\n    return resolvePropertyPath(expression, data);\n  }\n\n  // For now, we'll only support simple property paths and externalData() calls\n  // Complex expressions would require a safe expression evaluator\n  return resolvePropertyPath(expression, data);\n}\n\nfunction resolvePropertyPath(path: string, data: unknown): unknown {\n  if (!path || !data) return \"\";\n\n  const keys = path.split(\".\");\n  let value: unknown = data;\n\n  for (const key of keys) {\n    if (value && typeof value === \"object\" && key in value) {\n      value = (value as Record<string, unknown>)[key];\n    } else {\n      return null;\n    }\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;AAYO,SAAS,UAAU,EAAE,SAAS,gBAA+B;AAElE,QAAM,mBAAmB,OAA2B,YAAY;AAAA,IAC9D,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAG5D,QAAM,uBAAuB,OAA2B,gBAAgB;AAAA,IACtE,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,eAAe,SAAS,MAAM,qBAAqB,SAAS,CAAA,CAAE;AAGpE,QAAM,eAAe,SAAS,MAAM;AAClC,UAAM,UAAU,QAAQ,MAAM,UAAU;AAGxC,WAAO;AAAA,MACL,YAAY,SAAS;AAAA,MACrB,MAAM,SAAS,QAAQ;AAAA;AAAA,IAAA;AAAA,EAE3B,CAAC;AAGD;AAAA,IACE,CAAC,UAAU,cAAc,YAAY;AAAA,IACrC,CAAC,CAAC,MAAM,SAAS,MAAM,MAAM;AAC3B,UAAI,CAAC,OAAO,cAAc,OAAO,SAAS,UAAU;AAClD;AAAA,MACF;AAEA,UAAI;AACF,cAAM,eAAe;AAAA,UACnB,OAAO;AAAA,UACP;AAAA,UACA;AAAA,QAAA;AAEF,YAAI,iBAAiB,QAAQ,MAAM,MAAM;AACvC,uBAAa,QAAQ,MAAM,MAAM,YAAY;AAAA,QAC/C;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ;AAAA,UACN,8BAA8B,QAAQ,MAAM,IAAI;AAAA,UAChD;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,EAAE,MAAM,MAAM,WAAW,KAAA;AAAA,EAAK;AAElC;AAEA,SAAS,wBACP,YACA,MACA,cACS;AAET,MAAI,WAAW,WAAW,eAAe,KAAK,WAAW,SAAS,GAAG,GAAG;AACtE,UAAM,eAAe,WAAW,MAAM,IAAI,EAAE;AAC5C,WAAO,oBAAoB,cAAc,YAAY;AAAA,EACvD;AAGA,MACE,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,GACxB;AACA,WAAO,oBAAoB,YAAY,IAAI;AAAA,EAC7C;AAIA,SAAO,oBAAoB,YAAY,IAAI;AAC7C;AAEA,SAAS,oBAAoB,MAAc,MAAwB;AACjE,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAE3B,QAAM,OAAO,KAAK,MAAM,GAAG;AAC3B,MAAI,QAAiB;AAErB,aAAW,OAAO,MAAM;AACtB,QAAI,SAAS,OAAO,UAAU,YAAY,OAAO,OAAO;AACtD,cAAS,MAAkC,GAAG;AAAA,IAChD,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;"}
+{"version":3,"file":"useDerive.js","sources":["../../../src/vue/composables/useDerive.ts"],"sourcesContent":["import {\n  computed,\n  ref,\n  watch,\n  unref,\n  inject,\n  type Ref,\n  type ComputedRef,\n} from \"vue\";\nimport { type ControlElement } from \"@jsonforms/core\";\nimport { useDataLayer } from \"./useDataLayer\";\n\ninterface DeriveOptions {\n  control: Ref<{\n    uischema: ControlElement;\n    path: string;\n    data: unknown;\n  }>;\n  handleChange: (path: string, value: unknown) => void;\n  /** When projection is active, pass projectedData so the comparison\n   *  matches the projected (unwrapped) value rather than raw scope data. */\n  data?: Ref<unknown> | ComputedRef<unknown>;\n}\n\nexport function useDerive({\n  control,\n  handleChange,\n  data: dataOverride,\n}: DeriveOptions) {\n  // Get the root form data from JSONForms context\n  const injectedFormData = inject<{ value: unknown }>(\"formData\", {\n    value: {},\n  });\n  const rootData = computed(() => injectedFormData.value || {});\n\n  // Get data from the dataLayer\n  const dataLayerState = useDataLayer();\n  const dataLayerData = computed(() => dataLayerState.value || {});\n\n  // Extract derive configuration from uischema options\n  const deriveConfig = computed(() => {\n    const options = control.value.uischema?.options as\n      | { derive?: string; mode?: string }\n      | undefined;\n    return {\n      expression: options?.derive,\n      mode: options?.mode || \"follow\", // 'follow' = auto-update, 'manual' = user controlled\n    };\n  });\n\n  // Track the last resolved source value so we only update the field\n  // when the source itself changes, not on every form data mutation.\n  const lastDerivedValue = ref<unknown>(undefined);\n  // First watch fire is special: a pre-populated field (edit flow seeded\n  // from a saved connection) must not be clobbered by whatever the source\n  // resolves to on mount. We record the source value but skip handleChange.\n  let isFirstRun = true;\n\n  // Watch for changes in form data and dataLayer and update derived field\n  watch(\n    [rootData, dataLayerData, deriveConfig],\n    ([data, extData, config]) => {\n      if (!config.expression || config.mode !== \"follow\") {\n        return;\n      }\n\n      try {\n        const derivedValue = resolveDeriveExpression(\n          config.expression,\n          data,\n          extData,\n        );\n        const compareData = dataOverride\n          ? unref(dataOverride)\n          : control.value.data;\n\n        if (isFirstRun) {\n          isFirstRun = false;\n          lastDerivedValue.value = derivedValue;\n          // On mount, only populate the field if it's empty.\n          // A non-empty seed represents user intent (edit flow) and must\n          // be preserved. Subsequent source changes will still propagate.\n          const isFieldEmpty =\n            compareData === undefined ||\n            compareData === null ||\n            compareData === \"\";\n          if (isFieldEmpty && derivedValue !== compareData) {\n            handleChange(control.value.path, derivedValue);\n          }\n          return;\n        }\n\n        // Only update if the SOURCE value changed, not just the field value\n        if (derivedValue === lastDerivedValue.value) return;\n        lastDerivedValue.value = derivedValue;\n\n        if (derivedValue !== compareData) {\n          handleChange(control.value.path, derivedValue);\n        }\n      } catch (error) {\n        console.warn(\n          `Failed to derive value for ${control.value.path}:`,\n          error,\n        );\n      }\n    },\n    { deep: true, immediate: true },\n  );\n}\n\nfunction resolveDeriveExpression(\n  expression: string,\n  data: unknown,\n  dataLayerData?: unknown,\n): unknown {\n  // Handle dataLayer() syntax\n  if (expression.startsWith(\"dataLayer(\") && expression.endsWith(\")\")) {\n    const propertyPath = expression.slice(10, -1); // Remove \"dataLayer(\" and \")\"\n    return resolvePropertyPath(propertyPath, dataLayerData);\n  }\n\n  // Handle simple property paths like \"country.name\"\n  if (\n    !expression.includes(\"(\") &&\n    !expression.includes(\"+\") &&\n    !expression.includes(\"?\")\n  ) {\n    return resolvePropertyPath(expression, data);\n  }\n\n  // For now, we'll only support simple property paths and dataLayer() calls\n  // Complex expressions would require a safe expression evaluator\n  return resolvePropertyPath(expression, data);\n}\n\nfunction resolvePropertyPath(path: string, data: unknown): unknown {\n  if (!path || !data) return \"\";\n\n  const keys = path.split(\".\");\n  let value: unknown = data;\n\n  for (const key of keys) {\n    if (value && typeof value === \"object\" && key in value) {\n      value = (value as Record<string, unknown>)[key];\n    } else {\n      return null;\n    }\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;;AAwBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,MAAM;AACR,GAAkB;AAEhB,QAAM,mBAAmB,OAA2B,YAAY;AAAA,IAC9D,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAG5D,QAAM,iBAAiB,aAAA;AACvB,QAAM,gBAAgB,SAAS,MAAM,eAAe,SAAS,CAAA,CAAE;AAG/D,QAAM,eAAe,SAAS,MAAM;AAClC,UAAM,UAAU,QAAQ,MAAM,UAAU;AAGxC,WAAO;AAAA,MACL,YAAY,SAAS;AAAA,MACrB,MAAM,SAAS,QAAQ;AAAA;AAAA,IAAA;AAAA,EAE3B,CAAC;AAID,QAAM,mBAAmB,IAAa,MAAS;AAI/C,MAAI,aAAa;AAGjB;AAAA,IACE,CAAC,UAAU,eAAe,YAAY;AAAA,IACtC,CAAC,CAAC,MAAM,SAAS,MAAM,MAAM;AAC3B,UAAI,CAAC,OAAO,cAAc,OAAO,SAAS,UAAU;AAClD;AAAA,MACF;AAEA,UAAI;AACF,cAAM,eAAe;AAAA,UACnB,OAAO;AAAA,UACP;AAAA,UACA;AAAA,QAAA;AAEF,cAAM,cAAc,eAChB,MAAM,YAAY,IAClB,QAAQ,MAAM;AAElB,YAAI,YAAY;AACd,uBAAa;AACb,2BAAiB,QAAQ;AAIzB,gBAAM,eACJ,gBAAgB,UAChB,gBAAgB,QAChB,gBAAgB;AAClB,cAAI,gBAAgB,iBAAiB,aAAa;AAChD,yBAAa,QAAQ,MAAM,MAAM,YAAY;AAAA,UAC/C;AACA;AAAA,QACF;AAGA,YAAI,iBAAiB,iBAAiB,MAAO;AAC7C,yBAAiB,QAAQ;AAEzB,YAAI,iBAAiB,aAAa;AAChC,uBAAa,QAAQ,MAAM,MAAM,YAAY;AAAA,QAC/C;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ;AAAA,UACN,8BAA8B,QAAQ,MAAM,IAAI;AAAA,UAChD;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,EAAE,MAAM,MAAM,WAAW,KAAA;AAAA,EAAK;AAElC;AAEA,SAAS,wBACP,YACA,MACA,eACS;AAET,MAAI,WAAW,WAAW,YAAY,KAAK,WAAW,SAAS,GAAG,GAAG;AACnE,UAAM,eAAe,WAAW,MAAM,IAAI,EAAE;AAC5C,WAAO,oBAAoB,cAAc,aAAa;AAAA,EACxD;AAGA,MACE,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,GACxB;AACA,WAAO,oBAAoB,YAAY,IAAI;AAAA,EAC7C;AAIA,SAAO,oBAAoB,YAAY,IAAI;AAC7C;AAEA,SAAS,oBAAoB,MAAc,MAAwB;AACjE,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAE3B,QAAM,OAAO,KAAK,MAAM,GAAG;AAC3B,MAAI,QAAiB;AAErB,aAAW,OAAO,MAAM;AACtB,QAAI,SAAS,OAAO,UAAU,YAAY,OAAO,OAAO;AACtD,cAAS,MAAkC,GAAG;AAAA,IAChD,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;"}

package/dist/vue/composables/useDeriveInitialValue.d.ts

@@ -0,0 +1,36 @@
+import { type Ref, type ComputedRef } from "vue";
+import { type ControlElement } from "@jsonforms/core";
+import { type TransformPipeline } from "../../core/transforms";
+import type { AuthConfig } from "../../core/types";
+export interface DeriveInitialValueCfg {
+    protocol: string;
+    config: {
+        url: string;
+        method?: "GET" | "POST";
+        headers?: Record<string, string>;
+        query?: Record<string, unknown>;
+        body?: unknown;
+        auth?: AuthConfig;
+        items: string;
+        map: {
+            value: string;
+        };
+        transforms?: TransformPipeline;
+        showError?: boolean;
+    };
+}
+interface DeriveInitialValueOptions {
+    control: Ref<{
+        uischema: ControlElement;
+        path: string;
+        data: unknown;
+    }>;
+    handleChange: (path: string, value: unknown) => void;
+    data?: Ref<unknown> | ComputedRef<unknown>;
+}
+export declare function useDeriveInitialValue({ control, handleChange, }: DeriveInitialValueOptions): {
+    loading: Ref<boolean, boolean>;
+    error: Ref<string | undefined, string | undefined>;
+};
+export {};
+//# sourceMappingURL=useDeriveInitialValue.d.ts.map

package/dist/vue/composables/useDeriveInitialValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeriveInitialValue.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDeriveInitialValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAC/E,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;QACvB,UAAU,CAAC,EAAE,iBAAiB,CAAC;QAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,cAAc,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,OAAO,CAAC;KACf,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;CAC5C;AAsDD,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,YAAY,GACb,EAAE,yBAAyB;;;EAuG3B"}

package/dist/vue/composables/useDeriveInitialValue.js

@@ -0,0 +1,125 @@
+import { inject, computed, ref, watch } from "vue";
+import "@jsonforms/core";
+import { renderTpl, renderObj } from "../../core/templating.js";
+import { jp } from "../../core/jsonpath.js";
+import { applyTransformPipeline } from "../../core/transforms.js";
+function buildAuthHeaders(auth, globalAuth) {
+  const headers = {};
+  if (!auth) return headers;
+  if (auth.use && globalAuth?.[auth.use]) {
+    const globalValue = globalAuth[auth.use];
+    const value = typeof globalValue === "function" ? globalValue() : globalValue;
+    if (auth.use === "apiKey") headers["X-API-Key"] = String(value);
+    else if (auth.use === "bearer")
+      headers["Authorization"] = `Bearer ${value}`;
+    else if (auth.use === "token") headers["Authorization"] = `Token ${value}`;
+    return headers;
+  }
+  if (auth.bearer) {
+    const v = typeof auth.bearer === "function" ? auth.bearer() : auth.bearer;
+    headers["Authorization"] = `Bearer ${v}`;
+  }
+  if (auth.apiKey) {
+    const v = typeof auth.apiKey === "function" ? auth.apiKey() : auth.apiKey;
+    headers["X-API-Key"] = String(v);
+  }
+  if (auth.token) {
+    const v = typeof auth.token === "function" ? auth.token() : auth.token;
+    headers["Authorization"] = `Token ${v}`;
+  }
+  return headers;
+}
+function hasUnresolvedTemplates(templateUrl, renderedUrl) {
+  if (!templateUrl.includes("{{")) return false;
+  const pathPart = renderedUrl.replace(/^https?:\/\/[^/]+/, "");
+  if (pathPart.includes("//")) return true;
+  if (renderedUrl.endsWith("/") && !templateUrl.endsWith("/")) return true;
+  return false;
+}
+function useDeriveInitialValue({
+  control,
+  handleChange
+}) {
+  const injectedFormData = inject("formData", {
+    value: {}
+  });
+  const rootData = computed(() => injectedFormData.value || {});
+  const auth = inject("providerAuth", {});
+  const cfg = computed(() => {
+    return control.value.uischema?.options?.deriveInitialValue;
+  });
+  const resolvedUrl = computed(() => {
+    const c = cfg.value;
+    if (!c?.config?.url) return null;
+    const rendered = renderTpl(c.config.url, { data: rootData.value });
+    if (hasUnresolvedTemplates(c.config.url, rendered)) return null;
+    return rendered;
+  });
+  const lastFetchedUrl = ref(null);
+  const loading = ref(false);
+  const error = ref(void 0);
+  watch(
+    resolvedUrl,
+    async (url) => {
+      if (!url || !cfg.value) return;
+      if (url === lastFetchedUrl.value) return;
+      lastFetchedUrl.value = url;
+      loading.value = true;
+      error.value = void 0;
+      try {
+        const c = cfg.value.config;
+        const fullUrl = new URL(url);
+        const q = renderObj(c.query ?? {}, {
+          data: rootData.value
+        });
+        for (const [k, v] of Object.entries(q)) {
+          if (v !== void 0 && v !== "")
+            fullUrl.searchParams.set(k, String(v));
+        }
+        const baseHeaders = renderObj(c.headers ?? {}, {
+          data: rootData.value
+        });
+        const authHeaders = buildAuthHeaders(c.auth, auth);
+        const headers = { ...baseHeaders, ...authHeaders };
+        const method = c.method ?? "GET";
+        const requestInit = { method, headers };
+        if (method !== "GET" && c.body) {
+          requestInit.body = JSON.stringify(
+            renderObj(c.body, { data: rootData.value })
+          );
+        }
+        const res = await fetch(fullUrl.toString(), requestInit);
+        if (!res.ok) {
+          if (c.showError !== false) {
+            throw new Error(`REST ${res.status}`);
+          }
+          return;
+        }
+        const json = await res.json();
+        let items = jp(json, c.items);
+        if (c.transforms && c.transforms.length > 0) {
+          items = applyTransformPipeline(items, c.transforms);
+        }
+        if (items.length === 0) return;
+        const derivedValue = jp(items[0], c.map.value)[0];
+        if (derivedValue !== void 0) {
+          handleChange(control.value.path, derivedValue);
+        }
+      } catch (e) {
+        error.value = e?.message ?? String(e);
+        console.warn(
+          `deriveInitialValue fetch failed for ${control.value.path}:`,
+          e
+        );
+      } finally {
+        loading.value = false;
+      }
+    },
+    { immediate: true }
+  );
+  return { loading, error };
+}
+export {
+  useDeriveInitialValue
+};
+//# sourceMappingURL=useDeriveInitialValue.js.map