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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeriveInitialValue.js","sources":["../../../src/vue/composables/useDeriveInitialValue.ts"],"sourcesContent":["import { computed, inject, ref, watch, type Ref, type ComputedRef } from \"vue\";\nimport { type ControlElement } from \"@jsonforms/core\";\nimport { renderTpl, renderObj } from \"../../core/templating\";\nimport { jp } from \"../../core/jsonpath\";\nimport {\n  applyTransformPipeline,\n  type TransformPipeline,\n} from \"../../core/transforms\";\nimport type { AuthConfig } from \"../../core/types\";\n\nexport interface DeriveInitialValueCfg {\n  protocol: string;\n  config: {\n    url: string;\n    method?: \"GET\" | \"POST\";\n    headers?: Record<string, string>;\n    query?: Record<string, unknown>;\n    body?: unknown;\n    auth?: AuthConfig;\n    items: string;\n    map: { value: string };\n    transforms?: TransformPipeline;\n    showError?: boolean;\n  };\n}\n\ninterface DeriveInitialValueOptions {\n  control: Ref<{\n    uischema: ControlElement;\n    path: string;\n    data: unknown;\n  }>;\n  handleChange: (path: string, value: unknown) => void;\n  data?: Ref<unknown> | ComputedRef<unknown>;\n}\n\nfunction buildAuthHeaders(\n  auth?: AuthConfig,\n  globalAuth?: Record<string, unknown>,\n): Record<string, string> {\n  const headers: Record<string, string> = {};\n  if (!auth) return headers;\n\n  if (auth.use && globalAuth?.[auth.use]) {\n    const globalValue = globalAuth[auth.use];\n    const value =\n      typeof globalValue === \"function\" ? globalValue() : globalValue;\n    if (auth.use === \"apiKey\") headers[\"X-API-Key\"] = String(value);\n    else if (auth.use === \"bearer\")\n      headers[\"Authorization\"] = `Bearer ${value}`;\n    else if (auth.use === \"token\") headers[\"Authorization\"] = `Token ${value}`;\n    return headers;\n  }\n\n  if (auth.bearer) {\n    const v = typeof auth.bearer === \"function\" ? auth.bearer() : auth.bearer;\n    headers[\"Authorization\"] = `Bearer ${v}`;\n  }\n  if (auth.apiKey) {\n    const v = typeof auth.apiKey === \"function\" ? auth.apiKey() : auth.apiKey;\n    headers[\"X-API-Key\"] = String(v);\n  }\n  if (auth.token) {\n    const v = typeof auth.token === \"function\" ? auth.token() : auth.token;\n    headers[\"Authorization\"] = `Token ${v}`;\n  }\n\n  return headers;\n}\n\n/**\n * Returns true when the template URL contains `{{…}}` placeholders but\n * one or more of those placeholders resolved to an empty string, which\n * means a required data dependency hasn't been set yet.\n */\nfunction hasUnresolvedTemplates(\n  templateUrl: string,\n  renderedUrl: string,\n): boolean {\n  if (!templateUrl.includes(\"{{\")) return false;\n  // After protocol, empty segments indicate unresolved vars\n  const pathPart = renderedUrl.replace(/^https?:\\/\\/[^/]+/, \"\");\n  if (pathPart.includes(\"//\")) return true;\n  // Trailing slash when the template didn't have one\n  if (renderedUrl.endsWith(\"/\") && !templateUrl.endsWith(\"/\")) return true;\n  return false;\n}\n\nexport function useDeriveInitialValue({\n  control,\n  handleChange,\n}: DeriveInitialValueOptions) {\n  const injectedFormData = inject<{ value: unknown }>(\"formData\", {\n    value: {},\n  });\n  const rootData = computed(() => injectedFormData.value || {});\n  const auth = inject(\"providerAuth\", {}) as Record<string, unknown>;\n\n  const cfg = computed<DeriveInitialValueCfg | undefined>(() => {\n    return control.value.uischema?.options?.deriveInitialValue as\n      | DeriveInitialValueCfg\n      | undefined;\n  });\n\n  // Compute the resolved URL reactively\n  const resolvedUrl = computed<string | null>(() => {\n    const c = cfg.value;\n    if (!c?.config?.url) return null;\n    const rendered = renderTpl(c.config.url, { data: rootData.value });\n    if (hasUnresolvedTemplates(c.config.url, rendered)) return null;\n    return rendered;\n  });\n\n  const lastFetchedUrl = ref<string | null>(null);\n  const loading = ref(false);\n  const error = ref<string | undefined>(undefined);\n\n  watch(\n    resolvedUrl,\n    async (url) => {\n      if (!url || !cfg.value) return;\n      // Only fetch when the URL changes (new context).\n      // Same URL = same context; don't override user selection.\n      if (url === lastFetchedUrl.value) return;\n      lastFetchedUrl.value = url;\n\n      loading.value = true;\n      error.value = undefined;\n\n      try {\n        const c = cfg.value.config;\n        const fullUrl = new URL(url);\n\n        // Query params\n        const q = renderObj(c.query ?? {}, {\n          data: rootData.value,\n        }) as Record<string, unknown>;\n        for (const [k, v] of Object.entries(q)) {\n          if (v !== undefined && v !== \"\")\n            fullUrl.searchParams.set(k, String(v));\n        }\n\n        // Headers\n        const baseHeaders = renderObj(c.headers ?? {}, {\n          data: rootData.value,\n        }) as Record<string, string>;\n        const authHeaders = buildAuthHeaders(c.auth, auth);\n        const headers = { ...baseHeaders, ...authHeaders };\n\n        const method = c.method ?? \"GET\";\n        const requestInit: RequestInit = { method, headers };\n        if (method !== \"GET\" && c.body) {\n          requestInit.body = JSON.stringify(\n            renderObj(c.body, { data: rootData.value }),\n          );\n        }\n\n        const res = await fetch(fullUrl.toString(), requestInit);\n        if (!res.ok) {\n          if (c.showError !== false) {\n            throw new Error(`REST ${res.status}`);\n          }\n          return;\n        }\n\n        const json = await res.json();\n        let items = jp(json, c.items);\n\n        // Apply transforms if provided\n        if (c.transforms && c.transforms.length > 0) {\n          items = applyTransformPipeline(items, c.transforms);\n        }\n\n        if (items.length === 0) return; // No items → leave field empty\n\n        // Extract value from first item\n        const derivedValue = jp(items[0], c.map.value)[0];\n        if (derivedValue !== undefined) {\n          handleChange(control.value.path, derivedValue);\n        }\n      } catch (e) {\n        error.value = (e as Error)?.message ?? String(e);\n        console.warn(\n          `deriveInitialValue fetch failed for ${control.value.path}:`,\n          e,\n        );\n      } finally {\n        loading.value = false;\n      }\n    },\n    { immediate: true },\n  );\n\n  return { loading, error };\n}\n"],"names":[],"mappings":";;;;;AAoCA,SAAS,iBACP,MACA,YACwB;AACxB,QAAM,UAAkC,CAAA;AACxC,MAAI,CAAC,KAAM,QAAO;AAElB,MAAI,KAAK,OAAO,aAAa,KAAK,GAAG,GAAG;AACtC,UAAM,cAAc,WAAW,KAAK,GAAG;AACvC,UAAM,QACJ,OAAO,gBAAgB,aAAa,gBAAgB;AACtD,QAAI,KAAK,QAAQ,kBAAkB,WAAW,IAAI,OAAO,KAAK;AAAA,aACrD,KAAK,QAAQ;AACpB,cAAQ,eAAe,IAAI,UAAU,KAAK;AAAA,aACnC,KAAK,QAAQ,iBAAiB,eAAe,IAAI,SAAS,KAAK;AACxE,WAAO;AAAA,EACT;AAEA,MAAI,KAAK,QAAQ;AACf,UAAM,IAAI,OAAO,KAAK,WAAW,aAAa,KAAK,WAAW,KAAK;AACnE,YAAQ,eAAe,IAAI,UAAU,CAAC;AAAA,EACxC;AACA,MAAI,KAAK,QAAQ;AACf,UAAM,IAAI,OAAO,KAAK,WAAW,aAAa,KAAK,WAAW,KAAK;AACnE,YAAQ,WAAW,IAAI,OAAO,CAAC;AAAA,EACjC;AACA,MAAI,KAAK,OAAO;AACd,UAAM,IAAI,OAAO,KAAK,UAAU,aAAa,KAAK,UAAU,KAAK;AACjE,YAAQ,eAAe,IAAI,SAAS,CAAC;AAAA,EACvC;AAEA,SAAO;AACT;AAOA,SAAS,uBACP,aACA,aACS;AACT,MAAI,CAAC,YAAY,SAAS,IAAI,EAAG,QAAO;AAExC,QAAM,WAAW,YAAY,QAAQ,qBAAqB,EAAE;AAC5D,MAAI,SAAS,SAAS,IAAI,EAAG,QAAO;AAEpC,MAAI,YAAY,SAAS,GAAG,KAAK,CAAC,YAAY,SAAS,GAAG,EAAG,QAAO;AACpE,SAAO;AACT;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,mBAAmB,OAA2B,YAAY;AAAA,IAC9D,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAC5D,QAAM,OAAO,OAAO,gBAAgB,EAAE;AAEtC,QAAM,MAAM,SAA4C,MAAM;AAC5D,WAAO,QAAQ,MAAM,UAAU,SAAS;AAAA,EAG1C,CAAC;AAGD,QAAM,cAAc,SAAwB,MAAM;AAChD,UAAM,IAAI,IAAI;AACd,QAAI,CAAC,GAAG,QAAQ,IAAK,QAAO;AAC5B,UAAM,WAAW,UAAU,EAAE,OAAO,KAAK,EAAE,MAAM,SAAS,OAAO;AACjE,QAAI,uBAAuB,EAAE,OAAO,KAAK,QAAQ,EAAG,QAAO;AAC3D,WAAO;AAAA,EACT,CAAC;AAED,QAAM,iBAAiB,IAAmB,IAAI;AAC9C,QAAM,UAAU,IAAI,KAAK;AACzB,QAAM,QAAQ,IAAwB,MAAS;AAE/C;AAAA,IACE;AAAA,IACA,OAAO,QAAQ;AACb,UAAI,CAAC,OAAO,CAAC,IAAI,MAAO;AAGxB,UAAI,QAAQ,eAAe,MAAO;AAClC,qBAAe,QAAQ;AAEvB,cAAQ,QAAQ;AAChB,YAAM,QAAQ;AAEd,UAAI;AACF,cAAM,IAAI,IAAI,MAAM;AACpB,cAAM,UAAU,IAAI,IAAI,GAAG;AAG3B,cAAM,IAAI,UAAU,EAAE,SAAS,CAAA,GAAI;AAAA,UACjC,MAAM,SAAS;AAAA,QAAA,CAChB;AACD,mBAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,CAAC,GAAG;AACtC,cAAI,MAAM,UAAa,MAAM;AAC3B,oBAAQ,aAAa,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,QACzC;AAGA,cAAM,cAAc,UAAU,EAAE,WAAW,CAAA,GAAI;AAAA,UAC7C,MAAM,SAAS;AAAA,QAAA,CAChB;AACD,cAAM,cAAc,iBAAiB,EAAE,MAAM,IAAI;AACjD,cAAM,UAAU,EAAE,GAAG,aAAa,GAAG,YAAA;AAErC,cAAM,SAAS,EAAE,UAAU;AAC3B,cAAM,cAA2B,EAAE,QAAQ,QAAA;AAC3C,YAAI,WAAW,SAAS,EAAE,MAAM;AAC9B,sBAAY,OAAO,KAAK;AAAA,YACtB,UAAU,EAAE,MAAM,EAAE,MAAM,SAAS,OAAO;AAAA,UAAA;AAAA,QAE9C;AAEA,cAAM,MAAM,MAAM,MAAM,QAAQ,SAAA,GAAY,WAAW;AACvD,YAAI,CAAC,IAAI,IAAI;AACX,cAAI,EAAE,cAAc,OAAO;AACzB,kBAAM,IAAI,MAAM,QAAQ,IAAI,MAAM,EAAE;AAAA,UACtC;AACA;AAAA,QACF;AAEA,cAAM,OAAO,MAAM,IAAI,KAAA;AACvB,YAAI,QAAQ,GAAG,MAAM,EAAE,KAAK;AAG5B,YAAI,EAAE,cAAc,EAAE,WAAW,SAAS,GAAG;AAC3C,kBAAQ,uBAAuB,OAAO,EAAE,UAAU;AAAA,QACpD;AAEA,YAAI,MAAM,WAAW,EAAG;AAGxB,cAAM,eAAe,GAAG,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,EAAE,CAAC;AAChD,YAAI,iBAAiB,QAAW;AAC9B,uBAAa,QAAQ,MAAM,MAAM,YAAY;AAAA,QAC/C;AAAA,MACF,SAAS,GAAG;AACV,cAAM,QAAS,GAAa,WAAW,OAAO,CAAC;AAC/C,gBAAQ;AAAA,UACN,uCAAuC,QAAQ,MAAM,IAAI;AAAA,UACzD;AAAA,QAAA;AAAA,MAEJ,UAAA;AACE,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAO,EAAE,SAAS,MAAA;AACpB;"}

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

@@ -0,0 +1,9 @@
+import { type Ref, type ComputedRef } from "vue";
+export declare function useDirtyValidation(control: Ref<{
+    errors: string;
+}>, errorsOverride?: Ref<string> | ComputedRef<string>): {
+    hasInteracted: Ref<boolean, boolean>;
+    showErrors: ComputedRef<boolean>;
+    markDirty: () => void;
+};
+//# sourceMappingURL=useDirtyValidation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDirtyValidation.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDirtyValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAEhE,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,EAChC,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC;;;;EAenD"}

package/dist/vue/composables/useDirtyValidation.js

@@ -0,0 +1,15 @@
+import { ref, computed } from "vue";
+function useDirtyValidation(control, errorsOverride) {
+  const hasInteracted = ref(false);
+  const showErrors = computed(
+    () => hasInteracted.value && !!(errorsOverride ? errorsOverride.value : control.value.errors)
+  );
+  const markDirty = () => {
+    hasInteracted.value = true;
+  };
+  return { hasInteracted, showErrors, markDirty };
+}
+export {
+  useDirtyValidation
+};
+//# sourceMappingURL=useDirtyValidation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDirtyValidation.js","sources":["../../../src/vue/composables/useDirtyValidation.ts"],"sourcesContent":["import { ref, computed, type Ref, type ComputedRef } from \"vue\";\n\nexport function useDirtyValidation(\n  control: Ref<{ errors: string }>,\n  errorsOverride?: Ref<string> | ComputedRef<string>,\n) {\n  const hasInteracted = ref(false);\n\n  const showErrors = computed(\n    () =>\n      hasInteracted.value &&\n      !!(errorsOverride ? errorsOverride.value : control.value.errors),\n  );\n\n  const markDirty = () => {\n    hasInteracted.value = true;\n  };\n\n  return { hasInteracted, showErrors, markDirty };\n}\n"],"names":[],"mappings":";AAEO,SAAS,mBACd,SACA,gBACA;AACA,QAAM,gBAAgB,IAAI,KAAK;AAE/B,QAAM,aAAa;AAAA,IACjB,MACE,cAAc,SACd,CAAC,EAAE,iBAAiB,eAAe,QAAQ,QAAQ,MAAM;AAAA,EAAA;AAG7D,QAAM,YAAY,MAAM;AACtB,kBAAc,QAAQ;AAAA,EACxB;AAEA,SAAO,EAAE,eAAe,YAAY,UAAA;AACtC;"}

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

@@ -0,0 +1,42 @@
+import { type ComputedRef, type Ref } from "vue";
+interface ProjectionControl {
+    data: unknown;
+    path: string;
+    errors: string;
+    label?: string;
+    required?: boolean;
+    schema: Record<string, any>;
+    uischema: {
+        options?: {
+            projection?: string;
+            [key: string]: unknown;
+        };
+    };
+}
+export interface ProjectionResult {
+    /** The value at the projected path (for rendering) */
+    projectedData: ComputedRef<unknown>;
+    /** The schema at the projected path (for renderer selection) */
+    projectedSchema: ComputedRef<Record<string, any>>;
+    /** Wrapped handleChange that writes through the projection */
+    handleProjectedChange: (path: string, value: unknown) => void;
+    /** Whether projection is active */
+    hasProjection: boolean;
+    /** Resolved display label (options.label → projected schema title → control.label) */
+    projectedLabel: ComputedRef<string>;
+    /** Error string combining base-path and projected sub-path errors */
+    projectedErrors: ComputedRef<string>;
+}
+/**
+ * Composable that wraps a JSON Forms control with projection support.
+ *
+ * When `options.projection` is set on the uischema, this composable:
+ * - Reads the projected sub-value from the control data
+ * - Resolves the projected sub-schema for renderer type resolution
+ * - Wraps handleChange to write back through the projection path (preserving siblings)
+ *
+ * When no projection is set, it passes through control data/schema/handleChange unchanged.
+ */
+export declare function useProjection(control: Ref<ProjectionControl>, handleChange: (path: string, value: unknown) => void): ProjectionResult;
+export {};
+//# sourceMappingURL=useProjection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProjection.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useProjection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AASnE,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE;QAAE,OAAO,CAAC,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAA;KAAE,CAAC;CACzE;AAqGD,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,aAAa,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACpC,gEAAgE;IAEhE,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAClD,8DAA8D;IAC9D,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,sFAAsF;IACtF,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,qEAAqE;IACrE,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACtC;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAC,EAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,GACnD,gBAAgB,CAgGlB"}

package/dist/vue/composables/useProjection.js

@@ -0,0 +1,116 @@
+import { computed, inject } from "vue";
+import { getProjectedValue, getProjectedSchema, parseProjectionPath, setProjectedValue } from "../../core/projection.js";
+import { deref } from "../../core/refs.js";
+function resolveLabel(ctrl, schemaTitle, required) {
+  const base = ctrl.uischema?.options?.label ?? schemaTitle ?? ctrl.label ?? "";
+  if (!base) return base;
+  return required ? `${base} *` : base;
+}
+function isProjectedFieldRequired(schema, path, root) {
+  const segments = parseProjectionPath(path);
+  if (segments.length === 0) return false;
+  const rootSchema = root ?? schema;
+  let current = deref(schema, rootSchema);
+  for (let i = 0; i < segments.length - 1; i++) {
+    const seg = segments[i];
+    if (typeof seg === "number") {
+      current = deref(current?.items, rootSchema);
+    } else {
+      current = deref(current?.properties?.[seg], rootSchema);
+    }
+    if (!current) return false;
+  }
+  const last = segments[segments.length - 1];
+  if (typeof last !== "string") return false;
+  current = deref(current, rootSchema);
+  return Array.isArray(current?.required) && current.required.includes(last);
+}
+function normalizeErrors(errors) {
+  if (!errors) return errors;
+  return errors.replace(/is a required property/g, "is required").replace(/must have required property '[^']*'/g, "is required");
+}
+function prefixErrors(label, errors) {
+  if (!label || !errors) return errors;
+  return errors.split("\n").map((line) => `${label} ${line}`).join("\n");
+}
+function getErrorPath(error) {
+  let p = (error.instancePath || "").replace(/\//g, ".").replace(/^\./, "");
+  if (error.keyword === "required" && error.params?.missingProperty) {
+    p = p ? p + "." + error.params.missingProperty : error.params.missingProperty;
+  }
+  return p;
+}
+function useProjection(control, handleChange) {
+  const projection = control.value.uischema?.options?.projection;
+  if (!projection) {
+    const label2 = computed(
+      () => resolveLabel(control.value, void 0, control.value.required)
+    );
+    return {
+      projectedData: computed(() => control.value.data),
+      projectedSchema: computed(() => control.value.schema),
+      handleProjectedChange: handleChange,
+      hasProjection: false,
+      projectedLabel: label2,
+      projectedErrors: computed(
+        () => prefixErrors(
+          label2.value.replace(/\*$/, "").trim(),
+          normalizeErrors(control.value.errors)
+        )
+      )
+    };
+  }
+  const jsonforms = inject("jsonforms", null);
+  const fullProjectedPath = control.value.path + "." + projection;
+  const projectedData = computed(
+    () => getProjectedValue(control.value.data, projection)
+  );
+  const projectedSchema = computed(
+    () => getProjectedSchema(control.value.schema, projection)
+  );
+  const projectedRequired = computed(
+    () => isProjectedFieldRequired(
+      control.value.schema,
+      projection,
+      jsonforms?.core?.schema ?? control.value.schema
+    )
+  );
+  const label = computed(
+    () => resolveLabel(
+      control.value,
+      projectedSchema.value?.title,
+      projectedRequired.value
+    )
+  );
+  const projectedErrors = computed(() => {
+    const baseErrors = normalizeErrors(control.value.errors || "");
+    const rawErrors = jsonforms?.core?.errors ?? [];
+    const matching = rawErrors.filter(
+      (err) => getErrorPath(err) === fullProjectedPath
+    );
+    let errStr;
+    if (matching.length === 0) {
+      errStr = baseErrors;
+    } else {
+      const projMsg = matching.map((e) => e.keyword === "required" ? "is required" : e.message).filter(Boolean).join("\n");
+      errStr = [baseErrors, projMsg].filter(Boolean).join("\n");
+    }
+    return prefixErrors(label.value.replace(/\*$/, "").trim(), errStr);
+  });
+  const handleProjectedChange = (path, value) => {
+    const fullValue = setProjectedValue(control.value.data, projection, value);
+    handleChange(path, fullValue);
+  };
+  return {
+    projectedData,
+    projectedSchema,
+    handleProjectedChange,
+    hasProjection: true,
+    projectedLabel: label,
+    projectedErrors
+  };
+}
+export {
+  useProjection
+};
+//# sourceMappingURL=useProjection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProjection.js","sources":["../../../src/vue/composables/useProjection.ts"],"sourcesContent":["import { computed, inject, type ComputedRef, type Ref } from \"vue\";\nimport {\n  getProjectedValue,\n  setProjectedValue,\n  getProjectedSchema,\n  parseProjectionPath,\n} from \"../../core/projection\";\nimport { deref } from \"../../core/refs\";\n\ninterface ProjectionControl {\n  data: unknown;\n  path: string;\n  errors: string;\n  label?: string;\n  required?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  schema: Record<string, any>;\n  uischema: { options?: { projection?: string; [key: string]: unknown } };\n}\n\n// Minimal AJV ErrorObject shape for filtering\ninterface ErrorLike {\n  instancePath?: string;\n  keyword?: string;\n  message?: string;\n  params?: { missingProperty?: string };\n}\n\n/**\n * Resolve the display label for a control.\n * Priority: uischema options.label → schemaTitle (projected sub-schema) → control.label.\n * Appends a trailing asterisk when the control is for a required property.\n */\nfunction resolveLabel(\n  ctrl: ProjectionControl,\n  schemaTitle?: string,\n  required?: boolean,\n): string {\n  const base =\n    (ctrl.uischema?.options?.label as string) ??\n    schemaTitle ??\n    ctrl.label ??\n    \"\";\n  if (!base) return base;\n  return required ? `${base} *` : base;\n}\n\n/**\n * Determine whether the leaf of a projection path is listed in its parent\n * schema's `required` array. Numeric leaf segments (array indices) are not\n * considered \"required properties\".\n *\n * Dereferences `$ref` at every step against `root` (defaulting to `schema`)\n * so that schemas like `items: { $ref: '#/$defs/Foo' }` resolve correctly.\n */\nfunction isProjectedFieldRequired(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  schema: Record<string, any>,\n  path: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  root?: Record<string, any>,\n): boolean {\n  const segments = parseProjectionPath(path);\n  if (segments.length === 0) return false;\n  const rootSchema = root ?? schema;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let current: Record<string, any> | undefined = deref(schema, rootSchema);\n  for (let i = 0; i < segments.length - 1; i++) {\n    const seg = segments[i]!;\n    if (typeof seg === \"number\") {\n      current = deref(current?.items, rootSchema);\n    } else {\n      current = deref(current?.properties?.[seg], rootSchema);\n    }\n    if (!current) return false;\n  }\n  const last = segments[segments.length - 1];\n  if (typeof last !== \"string\") return false;\n  current = deref(current, rootSchema);\n  return Array.isArray(current?.required) && current.required.includes(last);\n}\n\n/**\n * Normalize AJV error message fragments into user-friendly text.\n * e.g. \"is a required property\" → \"is required\"\n */\nfunction normalizeErrors(errors: string): string {\n  if (!errors) return errors;\n  return errors\n    .replace(/is a required property/g, \"is required\")\n    .replace(/must have required property '[^']*'/g, \"is required\");\n}\n\n/**\n * Prefix each error message line with the field label so that AJV fragments\n * like \"is required\" become \"Name is required\".\n */\nfunction prefixErrors(label: string, errors: string): string {\n  if (!label || !errors) return errors;\n  return errors\n    .split(\"\\n\")\n    .map((line) => `${label} ${line}`)\n    .join(\"\\n\");\n}\n\n/**\n * Convert an AJV ErrorObject's instancePath to a dot-separated control path.\n * Replicates the logic from @jsonforms/core getControlPath.\n */\nfunction getErrorPath(error: ErrorLike): string {\n  let p = (error.instancePath || \"\").replace(/\\//g, \".\").replace(/^\\./, \"\");\n  if (error.keyword === \"required\" && error.params?.missingProperty) {\n    p = p\n      ? p + \".\" + error.params.missingProperty\n      : error.params.missingProperty;\n  }\n  return p;\n}\n\nexport interface ProjectionResult {\n  /** The value at the projected path (for rendering) */\n  projectedData: ComputedRef<unknown>;\n  /** The schema at the projected path (for renderer selection) */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  projectedSchema: ComputedRef<Record<string, any>>;\n  /** Wrapped handleChange that writes through the projection */\n  handleProjectedChange: (path: string, value: unknown) => void;\n  /** Whether projection is active */\n  hasProjection: boolean;\n  /** Resolved display label (options.label → projected schema title → control.label) */\n  projectedLabel: ComputedRef<string>;\n  /** Error string combining base-path and projected sub-path errors */\n  projectedErrors: ComputedRef<string>;\n}\n\n/**\n * Composable that wraps a JSON Forms control with projection support.\n *\n * When `options.projection` is set on the uischema, this composable:\n * - Reads the projected sub-value from the control data\n * - Resolves the projected sub-schema for renderer type resolution\n * - Wraps handleChange to write back through the projection path (preserving siblings)\n *\n * When no projection is set, it passes through control data/schema/handleChange unchanged.\n */\nexport function useProjection(\n  control: Ref<ProjectionControl>,\n  handleChange: (path: string, value: unknown) => void,\n): ProjectionResult {\n  const projection = control.value.uischema?.options?.projection as\n    | string\n    | undefined;\n\n  if (!projection) {\n    const label = computed(() =>\n      resolveLabel(control.value, undefined, control.value.required),\n    );\n    return {\n      projectedData: computed(() => control.value.data),\n      projectedSchema: computed(() => control.value.schema),\n      handleProjectedChange: handleChange,\n      hasProjection: false,\n      projectedLabel: label,\n      projectedErrors: computed(() =>\n        prefixErrors(\n          label.value.replace(/\\*$/, \"\").trim(),\n          normalizeErrors(control.value.errors),\n        ),\n      ),\n    };\n  }\n\n  // Inject JSONForms state to access raw AJV errors for projected sub-paths,\n  // and the root schema so that `$ref` resolution inside the projected slice\n  // can find `$defs` (which live at the root, not on the control's schema).\n  const jsonforms = inject<{\n    core?: {\n      errors?: ErrorLike[];\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      schema?: Record<string, any>;\n    };\n  } | null>(\"jsonforms\", null);\n\n  const fullProjectedPath = control.value.path + \".\" + projection;\n\n  const projectedData = computed(() =>\n    getProjectedValue(control.value.data, projection),\n  );\n\n  const projectedSchema = computed(() =>\n    getProjectedSchema(control.value.schema, projection),\n  );\n\n  const projectedRequired = computed(() =>\n    isProjectedFieldRequired(\n      control.value.schema,\n      projection,\n      jsonforms?.core?.schema ?? control.value.schema,\n    ),\n  );\n\n  const label = computed(() =>\n    resolveLabel(\n      control.value,\n      projectedSchema.value?.title,\n      projectedRequired.value,\n    ),\n  );\n\n  const projectedErrors = computed(() => {\n    const baseErrors = normalizeErrors(control.value.errors || \"\");\n\n    const rawErrors = jsonforms?.core?.errors ?? ([] as ErrorLike[]);\n    const matching = rawErrors.filter(\n      (err) => getErrorPath(err) === fullProjectedPath,\n    );\n\n    let errStr: string;\n    if (matching.length === 0) {\n      errStr = baseErrors;\n    } else {\n      const projMsg = matching\n        .map((e) => (e.keyword === \"required\" ? \"is required\" : e.message))\n        .filter(Boolean)\n        .join(\"\\n\");\n      errStr = [baseErrors, projMsg].filter(Boolean).join(\"\\n\");\n    }\n\n    return prefixErrors(label.value.replace(/\\*$/, \"\").trim(), errStr);\n  });\n\n  const handleProjectedChange = (path: string, value: unknown) => {\n    const fullValue = setProjectedValue(control.value.data, projection, value);\n    handleChange(path, fullValue);\n  };\n\n  return {\n    projectedData,\n    projectedSchema,\n    handleProjectedChange,\n    hasProjection: true,\n    projectedLabel: label,\n    projectedErrors,\n  };\n}\n"],"names":["label"],"mappings":"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"}

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

@@ -3,8 +3,8 @@ import type { ProviderBinding, ProviderItem } from "../../core/types";
 export declare function useProvider(binding: ProviderBinding | Ref<ProviderBinding> | ComputedRef<ProviderBinding>, ctxBits: {
     data: unknown | Ref<unknown> | ComputedRef<unknown>;
     path: string;
-    dependsOnValues?: unknown[];
-    uiQuery?: string;
+    dependsOnValues?: unknown[] | Ref<unknown[]> | ComputedRef<unknown[]>;
+    uiQuery?: string | Ref<string | undefined> | ComputedRef<string | undefined>;
 }): {
     items: Ref<{
         label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useProvider.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAIhB,KAAK,GAAG,EAIT,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAEV,eAAe,EACf,YAAY,EAEb,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,WAAW,CACzB,OAAO,EACH,eAAe,GACf,GAAG,CAAC,eAAe,CAAC,GACpB,WAAW,CAAC,eAAe,CAAC,EAChC,OAAO,EAAE;IACP,IAAI,EAAE,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;;;;;;;;;;;;EAsEF"}
+{"version":3,"file":"useProvider.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAIhB,KAAK,GAAG,EAIT,MAAM,KAAK,CAAC;AAIb,OAAO,KAAK,EAEV,eAAe,EACf,YAAY,EAEb,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,WAAW,CACzB,OAAO,EACH,eAAe,GACf,GAAG,CAAC,eAAe,CAAC,GACpB,WAAW,CAAC,eAAe,CAAC,EAChC,OAAO,EAAE;IACP,IAAI,EAAE,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IACtE,OAAO,CAAC,EACJ,MAAM,GACN,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,GACvB,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC;;;;;;;;;;;;;EAmFF"}

package/dist/vue/composables/useProvider.js

@@ -1,6 +1,7 @@
 import { inject, ref, computed, unref, onBeforeUnmount, watch } from "vue";
 import { cache } from "../../core/cache.js";
 import { registry } from "../../core/registry.js";
+import { renderObj } from "../../core/templating.js";
 function useProvider(binding, ctxBits) {
   const registry$1 = inject("providerRegistry", registry);
   const cache$1 = inject("providerCache", cache);
@@ -9,15 +10,18 @@ function useProvider(binding, ctxBits) {
   const loading = ref(false);
   const error = ref(void 0);
   const ac = new AbortController();
-  const cacheKey = computed(
-    () => JSON.stringify({
-      b: unref(binding),
-      d: ctxBits.dependsOnValues ?? [],
-      q: ctxBits.uiQuery ?? "",
-      data: unref(ctxBits.data)
-      // Include data in cache key for reactivity
-    })
-  );
+  const cacheKey = computed(() => {
+    const b = unref(binding);
+    const renderedBinding = b ? {
+      ...b,
+      config: renderObj(b.config ?? {}, { data: unref(ctxBits.data) })
+    } : b;
+    return JSON.stringify({
+      b: renderedBinding,
+      d: unref(ctxBits.dependsOnValues) ?? [],
+      q: unref(ctxBits.uiQuery) ?? ""
+    });
+  });
   async function load() {
     const bindingValue = unref(binding);
     if (!bindingValue) return;
@@ -39,7 +43,7 @@ function useProvider(binding, ctxBits) {
       const out = await driver.resolve(bindingValue.config ?? {}, {
         data: unref(ctxBits.data),
         path: ctxBits.path,
-        ui: { query: ctxBits.uiQuery },
+        ui: { query: unref(ctxBits.uiQuery) },
         signal: ac.signal,
         auth: resolveAuth(bindingValue.auth, auth)
       });

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

@@ -1 +1 @@
-{"version":3,"file":"useProvider.js","sources":["../../../src/vue/composables/useProvider.ts"],"sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  inject,\n  onBeforeUnmount,\n  type Ref,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { cache as globalCache } from \"../../core/cache\";\nimport { registry as globalRegistry } from \"../../core/registry\";\nimport type {\n  AuthConfig,\n  ProviderBinding,\n  ProviderItem,\n  ProviderOutput,\n} from \"../../core/types\";\n\nexport function useProvider(\n  binding:\n    | ProviderBinding\n    | Ref<ProviderBinding>\n    | ComputedRef<ProviderBinding>,\n  ctxBits: {\n    data: unknown | Ref<unknown> | ComputedRef<unknown>;\n    path: string;\n    dependsOnValues?: unknown[];\n    uiQuery?: string;\n  },\n) {\n  const registry = inject(\"providerRegistry\", globalRegistry);\n  const cache = inject(\"providerCache\", globalCache);\n  const auth = inject(\"providerAuth\", {}) as Record<\n    string,\n    (() => string) | string\n  >;\n\n  const items = ref<ProviderItem[]>([]);\n  const loading = ref(false);\n  const error = ref<string | undefined>(undefined);\n  const ac = new AbortController();\n\n  const cacheKey = computed(() =>\n    JSON.stringify({\n      b: unref(binding),\n      d: ctxBits.dependsOnValues ?? [],\n      q: ctxBits.uiQuery ?? \"\",\n      data: unref(ctxBits.data), // Include data in cache key for reactivity\n    }),\n  );\n\n  async function load() {\n    const bindingValue = unref(binding);\n    if (!bindingValue) return;\n    loading.value = true;\n    error.value = undefined;\n    const hit = cache.get(cacheKey.value) as ProviderOutput | undefined;\n    if (hit) {\n      items.value = hit.items;\n      loading.value = false;\n      return;\n    }\n    try {\n      const driver = registry.get(bindingValue.protocol);\n      if (!driver) {\n        throw new Error(\n          `No provider registered for protocol: ${bindingValue.protocol}`,\n        );\n      }\n      const out = await driver.resolve(bindingValue.config ?? {}, {\n        data: unref(ctxBits.data),\n        path: ctxBits.path,\n        ui: { query: ctxBits.uiQuery },\n        signal: ac.signal,\n        auth: resolveAuth(bindingValue.auth, auth),\n      });\n      items.value = out.items;\n      cache.set(cacheKey.value, out, bindingValue.cacheTTL ?? out.ttl ?? 0);\n    } catch (e) {\n      error.value = (e as Error)?.message ?? String(e);\n      items.value = [];\n    } finally {\n      loading.value = false;\n    }\n  }\n\n  onBeforeUnmount(() => ac.abort());\n  watch(\n    [cacheKey],\n    () => {\n      const bindingValue = unref(binding);\n      if (bindingValue?.load === \"mount\" || bindingValue?.load === \"query\")\n        load();\n    },\n    { immediate: unref(binding)?.load === \"mount\" },\n  );\n\n  return { items, loading, error, reload: load };\n}\n\nfunction resolveAuth(\n  spec: AuthConfig | undefined,\n  authBag: Record<string, (() => string) | string>,\n): AuthConfig {\n  if (!spec) return {};\n  if (spec.use && typeof authBag[spec.use] === \"function\") {\n    const authFunc = authBag[spec.use] as () => string;\n    return { [spec.use]: authFunc() };\n  }\n  return spec;\n}\n"],"names":["registry","globalRegistry","cache","globalCache"],"mappings":";;;AAmBO,SAAS,YACd,SAIA,SAMA;AACA,QAAMA,aAAW,OAAO,oBAAoBC,QAAc;AAC1D,QAAMC,UAAQ,OAAO,iBAAiBC,KAAW;AACjD,QAAM,OAAO,OAAO,gBAAgB,EAAE;AAKtC,QAAM,QAAQ,IAAoB,EAAE;AACpC,QAAM,UAAU,IAAI,KAAK;AACzB,QAAM,QAAQ,IAAwB,MAAS;AAC/C,QAAM,KAAK,IAAI,gBAAA;AAEf,QAAM,WAAW;AAAA,IAAS,MACxB,KAAK,UAAU;AAAA,MACb,GAAG,MAAM,OAAO;AAAA,MAChB,GAAG,QAAQ,mBAAmB,CAAA;AAAA,MAC9B,GAAG,QAAQ,WAAW;AAAA,MACtB,MAAM,MAAM,QAAQ,IAAI;AAAA;AAAA,IAAA,CACzB;AAAA,EAAA;AAGH,iBAAe,OAAO;AACpB,UAAM,eAAe,MAAM,OAAO;AAClC,QAAI,CAAC,aAAc;AACnB,YAAQ,QAAQ;AAChB,UAAM,QAAQ;AACd,UAAM,MAAMD,QAAM,IAAI,SAAS,KAAK;AACpC,QAAI,KAAK;AACP,YAAM,QAAQ,IAAI;AAClB,cAAQ,QAAQ;AAChB;AAAA,IACF;AACA,QAAI;AACF,YAAM,SAASF,WAAS,IAAI,aAAa,QAAQ;AACjD,UAAI,CAAC,QAAQ;AACX,cAAM,IAAI;AAAA,UACR,wCAAwC,aAAa,QAAQ;AAAA,QAAA;AAAA,MAEjE;AACA,YAAM,MAAM,MAAM,OAAO,QAAQ,aAAa,UAAU,IAAI;AAAA,QAC1D,MAAM,MAAM,QAAQ,IAAI;AAAA,QACxB,MAAM,QAAQ;AAAA,QACd,IAAI,EAAE,OAAO,QAAQ,QAAA;AAAA,QACrB,QAAQ,GAAG;AAAA,QACX,MAAM,YAAY,aAAa,MAAM,IAAI;AAAA,MAAA,CAC1C;AACD,YAAM,QAAQ,IAAI;AAClBE,cAAM,IAAI,SAAS,OAAO,KAAK,aAAa,YAAY,IAAI,OAAO,CAAC;AAAA,IACtE,SAAS,GAAG;AACV,YAAM,QAAS,GAAa,WAAW,OAAO,CAAC;AAC/C,YAAM,QAAQ,CAAA;AAAA,IAChB,UAAA;AACE,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAEA,kBAAgB,MAAM,GAAG,OAAO;AAChC;AAAA,IACE,CAAC,QAAQ;AAAA,IACT,MAAM;AACJ,YAAM,eAAe,MAAM,OAAO;AAClC,UAAI,cAAc,SAAS,WAAW,cAAc,SAAS;AAC3D,aAAA;AAAA,IACJ;AAAA,IACA,EAAE,WAAW,MAAM,OAAO,GAAG,SAAS,QAAA;AAAA,EAAQ;AAGhD,SAAO,EAAE,OAAO,SAAS,OAAO,QAAQ,KAAA;AAC1C;AAEA,SAAS,YACP,MACA,SACY;AACZ,MAAI,CAAC,KAAM,QAAO,CAAA;AAClB,MAAI,KAAK,OAAO,OAAO,QAAQ,KAAK,GAAG,MAAM,YAAY;AACvD,UAAM,WAAW,QAAQ,KAAK,GAAG;AACjC,WAAO,EAAE,CAAC,KAAK,GAAG,GAAG,WAAS;AAAA,EAChC;AACA,SAAO;AACT;"}
+{"version":3,"file":"useProvider.js","sources":["../../../src/vue/composables/useProvider.ts"],"sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  inject,\n  onBeforeUnmount,\n  type Ref,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { cache as globalCache } from \"../../core/cache\";\nimport { registry as globalRegistry } from \"../../core/registry\";\nimport { renderObj } from \"../../core/templating\";\nimport type {\n  AuthConfig,\n  ProviderBinding,\n  ProviderItem,\n  ProviderOutput,\n} from \"../../core/types\";\n\nexport function useProvider(\n  binding:\n    | ProviderBinding\n    | Ref<ProviderBinding>\n    | ComputedRef<ProviderBinding>,\n  ctxBits: {\n    data: unknown | Ref<unknown> | ComputedRef<unknown>;\n    path: string;\n    dependsOnValues?: unknown[] | Ref<unknown[]> | ComputedRef<unknown[]>;\n    uiQuery?:\n      | string\n      | Ref<string | undefined>\n      | ComputedRef<string | undefined>;\n  },\n) {\n  const registry = inject(\"providerRegistry\", globalRegistry);\n  const cache = inject(\"providerCache\", globalCache);\n  const auth = inject(\"providerAuth\", {}) as Record<\n    string,\n    (() => string) | string\n  >;\n\n  const items = ref<ProviderItem[]>([]);\n  const loading = ref(false);\n  const error = ref<string | undefined>(undefined);\n  const ac = new AbortController();\n\n  // Cache key keys on the *rendered* binding config (with template variables\n  // substituted) plus dependsOnValues + uiQuery. This means:\n  //   - `{{data.country}}` in the URL → cache key changes when country changes,\n  //     auto-refetching without callers having to declare dependsOn.\n  //   - Unrelated form fields → rendered URL is unchanged → no refetch.\n  // The protocol's resolve() still receives the raw config and current data,\n  // so per-fetch URL rendering works as before.\n  const cacheKey = computed(() => {\n    const b = unref(binding);\n    const renderedBinding = b\n      ? {\n          ...b,\n          config: renderObj(b.config ?? {}, { data: unref(ctxBits.data) }),\n        }\n      : b;\n    return JSON.stringify({\n      b: renderedBinding,\n      d: unref(ctxBits.dependsOnValues) ?? [],\n      q: unref(ctxBits.uiQuery) ?? \"\",\n    });\n  });\n\n  async function load() {\n    const bindingValue = unref(binding);\n    if (!bindingValue) return;\n    loading.value = true;\n    error.value = undefined;\n    const hit = cache.get(cacheKey.value) as ProviderOutput | undefined;\n    if (hit) {\n      items.value = hit.items;\n      loading.value = false;\n      return;\n    }\n    try {\n      const driver = registry.get(bindingValue.protocol);\n      if (!driver) {\n        throw new Error(\n          `No provider registered for protocol: ${bindingValue.protocol}`,\n        );\n      }\n      const out = await driver.resolve(bindingValue.config ?? {}, {\n        data: unref(ctxBits.data),\n        path: ctxBits.path,\n        ui: { query: unref(ctxBits.uiQuery) },\n        signal: ac.signal,\n        auth: resolveAuth(bindingValue.auth, auth),\n      });\n      items.value = out.items;\n      cache.set(cacheKey.value, out, bindingValue.cacheTTL ?? out.ttl ?? 0);\n    } catch (e) {\n      error.value = (e as Error)?.message ?? String(e);\n      items.value = [];\n    } finally {\n      loading.value = false;\n    }\n  }\n\n  onBeforeUnmount(() => ac.abort());\n  watch(\n    [cacheKey],\n    () => {\n      const bindingValue = unref(binding);\n      if (bindingValue?.load === \"mount\" || bindingValue?.load === \"query\")\n        load();\n    },\n    { immediate: unref(binding)?.load === \"mount\" },\n  );\n\n  return { items, loading, error, reload: load };\n}\n\nfunction resolveAuth(\n  spec: AuthConfig | undefined,\n  authBag: Record<string, (() => string) | string>,\n): AuthConfig {\n  if (!spec) return {};\n  if (spec.use && typeof authBag[spec.use] === \"function\") {\n    const authFunc = authBag[spec.use] as () => string;\n    return { [spec.use]: authFunc() };\n  }\n  return spec;\n}\n"],"names":["registry","globalRegistry","cache","globalCache"],"mappings":";;;;AAoBO,SAAS,YACd,SAIA,SASA;AACA,QAAMA,aAAW,OAAO,oBAAoBC,QAAc;AAC1D,QAAMC,UAAQ,OAAO,iBAAiBC,KAAW;AACjD,QAAM,OAAO,OAAO,gBAAgB,EAAE;AAKtC,QAAM,QAAQ,IAAoB,EAAE;AACpC,QAAM,UAAU,IAAI,KAAK;AACzB,QAAM,QAAQ,IAAwB,MAAS;AAC/C,QAAM,KAAK,IAAI,gBAAA;AASf,QAAM,WAAW,SAAS,MAAM;AAC9B,UAAM,IAAI,MAAM,OAAO;AACvB,UAAM,kBAAkB,IACpB;AAAA,MACE,GAAG;AAAA,MACH,QAAQ,UAAU,EAAE,UAAU,CAAA,GAAI,EAAE,MAAM,MAAM,QAAQ,IAAI,EAAA,CAAG;AAAA,IAAA,IAEjE;AACJ,WAAO,KAAK,UAAU;AAAA,MACpB,GAAG;AAAA,MACH,GAAG,MAAM,QAAQ,eAAe,KAAK,CAAA;AAAA,MACrC,GAAG,MAAM,QAAQ,OAAO,KAAK;AAAA,IAAA,CAC9B;AAAA,EACH,CAAC;AAED,iBAAe,OAAO;AACpB,UAAM,eAAe,MAAM,OAAO;AAClC,QAAI,CAAC,aAAc;AACnB,YAAQ,QAAQ;AAChB,UAAM,QAAQ;AACd,UAAM,MAAMD,QAAM,IAAI,SAAS,KAAK;AACpC,QAAI,KAAK;AACP,YAAM,QAAQ,IAAI;AAClB,cAAQ,QAAQ;AAChB;AAAA,IACF;AACA,QAAI;AACF,YAAM,SAASF,WAAS,IAAI,aAAa,QAAQ;AACjD,UAAI,CAAC,QAAQ;AACX,cAAM,IAAI;AAAA,UACR,wCAAwC,aAAa,QAAQ;AAAA,QAAA;AAAA,MAEjE;AACA,YAAM,MAAM,MAAM,OAAO,QAAQ,aAAa,UAAU,IAAI;AAAA,QAC1D,MAAM,MAAM,QAAQ,IAAI;AAAA,QACxB,MAAM,QAAQ;AAAA,QACd,IAAI,EAAE,OAAO,MAAM,QAAQ,OAAO,EAAA;AAAA,QAClC,QAAQ,GAAG;AAAA,QACX,MAAM,YAAY,aAAa,MAAM,IAAI;AAAA,MAAA,CAC1C;AACD,YAAM,QAAQ,IAAI;AAClBE,cAAM,IAAI,SAAS,OAAO,KAAK,aAAa,YAAY,IAAI,OAAO,CAAC;AAAA,IACtE,SAAS,GAAG;AACV,YAAM,QAAS,GAAa,WAAW,OAAO,CAAC;AAC/C,YAAM,QAAQ,CAAA;AAAA,IAChB,UAAA;AACE,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAEA,kBAAgB,MAAM,GAAG,OAAO;AAChC;AAAA,IACE,CAAC,QAAQ;AAAA,IACT,MAAM;AACJ,YAAM,eAAe,MAAM,OAAO;AAClC,UAAI,cAAc,SAAS,WAAW,cAAc,SAAS;AAC3D,aAAA;AAAA,IACJ;AAAA,IACA,EAAE,WAAW,MAAM,OAAO,GAAG,SAAS,QAAA;AAAA,EAAQ;AAGhD,SAAO,EAAE,OAAO,SAAS,OAAO,QAAQ,KAAA;AAC1C;AAEA,SAAS,YACP,MACA,SACY;AACZ,MAAI,CAAC,KAAM,QAAO,CAAA;AAClB,MAAI,KAAK,OAAO,OAAO,QAAQ,KAAK,GAAG,MAAM,YAAY;AACvD,UAAM,WAAW,QAAQ,KAAK,GAAG;AACjC,WAAO,EAAE,CAAC,KAAK,GAAG,GAAG,WAAS;AAAA,EAChC;AACA,SAAO;AACT;"}

package/dist/vue/index.d.ts

@@ -2,6 +2,7 @@ import type { UISchemaElement } from "@jsonforms/core";
 import ProviderAutocomplete from "./components/ProviderAutocomplete.vue";
 import ProviderSelect from "./components/ProviderSelect.vue";
 import ProviderMultiSelect from "./components/ProviderMultiSelect.vue";
+import ProviderObjectMultiSelect from "./components/ProviderObjectMultiSelect.vue";
 export declare const providerRenderers: {
     tester: (uischema: UISchemaElement, schema: import("@jsonforms/core").JsonSchema, context: import("@jsonforms/core").TesterContext) => number;
     renderer: import("vue").DefineComponent<{
@@ -15,8 +16,15 @@ export declare const providerRenderers: {
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 }[];
 export { primevueRenderers, registerPrimevueRenderers } from "./primevue";
-export { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };
+export { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect, ProviderObjectMultiSelect, };
 export { useProvider } from "./composables/useProvider";
+export { useProjection } from "./composables/useProjection";
+export type { ProjectionResult } from "./composables/useProjection";
+export { createDataLayer, useDataLayer } from "./composables/useDataLayer";
+export type { DataLayer } from "./composables/useDataLayer";
+export { useDeriveInitialValue } from "./composables/useDeriveInitialValue";
+export type { DeriveInitialValueCfg } from "./composables/useDeriveInitialValue";
+export { useDirtyValidation } from "./composables/useDirtyValidation";
 export * from "./testers";
 export { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean, } from "./primevue";
 //# sourceMappingURL=index.d.ts.map

package/dist/vue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAoFvE,eAAO,MAAM,iBAAiB;;;;;;;;;;;GAI7B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,cAAc,WAAW,CAAC;AAG1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACV,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAYvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AACvE,OAAO,yBAAyB,MAAM,4CAA4C,CAAC;AAoGnF,eAAO,MAAM,iBAAiB;;;;;;;;;;;GAQ7B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAG1E,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,mBAAmB,EACnB,yBAAyB,GAC1B,CAAC;AACF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,cAAc,WAAW,CAAC;AAG1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACV,MAAM,YAAY,CAAC"}

package/dist/vue/index.js

@@ -1,9 +1,16 @@
-import { rankWith, and, or, isStringControl, isNumberControl, isControl } from "@jsonforms/core";
+import { rankWith, and, or, isStringControl, isNumberControl, isIntegerControl, isControl } from "@jsonforms/core";
+import { resolveScopeSchema } from "../core/resolveScope.js";
+import { resolveItemsSchema } from "./utils/objectMultiSelect.js";
 import _sfc_main from "./components/ProviderAutocomplete.vue.js";
 import ProviderSelect from "./components/ProviderSelect.vue.js";
 import ProviderMultiSelect from "./components/ProviderMultiSelect.vue.js";
+import ProviderObjectMultiSelect from "./components/ProviderObjectMultiSelect.vue.js";
 import { primevueRenderers, registerPrimevueRenderers } from "./primevue/index.js";
 import { useProvider } from "./composables/useProvider.js";
+import { useProjection } from "./composables/useProjection.js";
+import { createDataLayer, useDataLayer } from "./composables/useDataLayer.js";
+import { useDeriveInitialValue } from "./composables/useDeriveInitialValue.js";
+import { useDirtyValidation } from "./composables/useDirtyValidation.js";
 import { providerTester } from "./testers.js";
 import { default as default2 } from "./primevue/JfText.vue.js";
 import { default as default3 } from "./primevue/JfTextArea.vue.js";
@@ -14,64 +21,89 @@ import { default as default7 } from "./primevue/JfBoolean.vue.js";
 const hasProvider = (uischema) => {
   return uischema?.options?.provider !== void 0;
 };
+const isIntegerScope = (uischema, schema) => {
+  const ui = uischema;
+  if (ui?.type !== "Control" || !ui?.scope) return false;
+  const propertySchema = resolveScopeSchema(
+    ui.scope,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    schema
+  );
+  return propertySchema?.type === "integer";
+};
 const providerSelectTester = rankWith(
-  106,
-  // Higher than PrimeVue base (100) to ensure providers take precedence
+  107,
+  // Higher than PrimeVue JfNumber integer renderer (106) so provider wins
   and(
     or(
       isStringControl,
       isNumberControl,
-      and(isControl, (uischema, schema) => {
-        const ui = uischema;
-        const rootSchema = schema;
-        if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
-          return false;
-        const propertyName = ui.scope.replace("#/properties/", "");
-        const propertySchema = rootSchema.properties[propertyName];
-        return propertySchema?.type === "integer";
-      })
+      isIntegerControl,
+      and(isControl, isIntegerScope)
     ),
     hasProvider,
     (uischema) => !uischema?.options?.autocomplete
   )
 );
 const providerAutocompleteTester = rankWith(
-  107,
-  // Higher than PrimeVue base (100) to ensure providers take precedence
+  108,
+  // Higher than providerSelectTester so autocomplete variant wins when flagged
   and(
     or(
       isStringControl,
       isNumberControl,
-      and(isControl, (uischema, schema) => {
-        const ui = uischema;
-        const rootSchema = schema;
-        if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
-          return false;
-        const propertyName = ui.scope.replace("#/properties/", "");
-        const propertySchema = rootSchema.properties[propertyName];
-        return propertySchema?.type === "integer";
-      })
+      isIntegerControl,
+      and(isControl, isIntegerScope)
     ),
     hasProvider,
     (uischema) => uischema?.options?.autocomplete === true
   )
 );
-const isArrayControl = (uischema, schema) => {
+const getArraySchema = (uischema, schema) => {
   const controlSchema = uischema;
-  if (controlSchema.type !== "Control" || !controlSchema.scope) {
-    return false;
-  }
-  const rootSchema = schema;
-  const propertyPath = controlSchema.scope.replace("#/properties/", "");
-  const propertySchema = rootSchema?.properties?.[propertyPath];
-  return propertySchema?.type === "array";
+  if (controlSchema.type !== "Control" || !controlSchema.scope) return void 0;
+  const propertySchema = resolveScopeSchema(
+    controlSchema.scope,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    schema
+  );
+  if (propertySchema?.type !== "array") return void 0;
+  return propertySchema;
 };
+const isObjectArrayControl = (uischema, schema) => {
+  const arr = getArraySchema(uischema, schema);
+  if (!arr) return false;
+  const items = resolveItemsSchema(
+    arr,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    schema
+  );
+  return items?.type === "object";
+};
+const isScalarArrayControl = (uischema, schema) => {
+  const arr = getArraySchema(uischema, schema);
+  if (!arr) return false;
+  const items = resolveItemsSchema(
+    arr,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    schema
+  );
+  return items?.type !== "object";
+};
+const providerObjectMultiSelectTester = rankWith(
+  110,
+  // One higher than scalar multi-select so object-item arrays match first.
+  and(isObjectArrayControl, hasProvider)
+);
 const providerMultiSelectTester = rankWith(
-  108,
-  // Highest priority for array controls with providers
-  and(isArrayControl, hasProvider)
+  109,
+  and(isScalarArrayControl, hasProvider)
 );
 const providerRenderers = [
+  {
+    tester: providerObjectMultiSelectTester,
+    renderer: ProviderObjectMultiSelect
+  },
   { tester: providerMultiSelectTester, renderer: ProviderMultiSelect },
   { tester: providerAutocompleteTester, renderer: _sfc_main },
   { tester: providerSelectTester, renderer: ProviderSelect }
@@ -85,11 +117,17 @@ export {
   default3 as JfTextArea,
   _sfc_main as ProviderAutocomplete,
   ProviderMultiSelect,
+  ProviderObjectMultiSelect,
   ProviderSelect,
+  createDataLayer,
   primevueRenderers,
   providerRenderers,
   providerTester,
   registerPrimevueRenderers,
+  useDataLayer,
+  useDeriveInitialValue,
+  useDirtyValidation,
+  useProjection,
   useProvider
 };
 //# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/index.ts"],"sourcesContent":["import type { UISchemaElement } from \"@jsonforms/core\";\nimport {\n  and,\n  isNumberControl,\n  isStringControl,\n  or,\n  rankWith,\n  isControl,\n} from \"@jsonforms/core\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.vue\";\nimport ProviderMultiSelect from \"./components/ProviderMultiSelect.vue\";\n\n// Custom tester that checks if provider option exists (as object or boolean)\nconst hasProvider = (uischema: UISchemaElement) => {\n  return uischema?.options?.provider !== undefined;\n};\n\n// Create specific testers for each component type\nconst providerSelectTester = rankWith(\n  106, // Higher than PrimeVue base (100) to ensure providers take precedence\n  and(\n    or(\n      isStringControl,\n      isNumberControl,\n      and(isControl, (uischema: unknown, schema: unknown) => {\n        const ui = uischema as { type?: string; scope?: string };\n        const rootSchema = schema as {\n          properties?: Record<string, { type?: string }>;\n        };\n\n        if (ui?.type !== \"Control\" || !ui?.scope || !rootSchema?.properties)\n          return false;\n\n        // Extract property name from scope (e.g., \"#/properties/age\" -> \"age\")\n        const propertyName = ui.scope.replace(\"#/properties/\", \"\");\n        const propertySchema = rootSchema.properties[propertyName];\n\n        return propertySchema?.type === \"integer\";\n      }),\n    ),\n    hasProvider,\n    (uischema) => !uischema?.options?.autocomplete,\n  ),\n);\n\nconst providerAutocompleteTester = rankWith(\n  107, // Higher than PrimeVue base (100) to ensure providers take precedence\n  and(\n    or(\n      isStringControl,\n      isNumberControl,\n      and(isControl, (uischema: unknown, schema: unknown) => {\n        const ui = uischema as { type?: string; scope?: string };\n        const rootSchema = schema as {\n          properties?: Record<string, { type?: string }>;\n        };\n\n        if (ui?.type !== \"Control\" || !ui?.scope || !rootSchema?.properties)\n          return false;\n\n        // Extract property name from scope (e.g., \"#/properties/age\" -> \"age\")\n        const propertyName = ui.scope.replace(\"#/properties/\", \"\");\n        const propertySchema = rootSchema.properties[propertyName];\n\n        return propertySchema?.type === \"integer\";\n      }),\n    ),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\n// Custom array tester - check both uischema control type and schema type\nconst isArrayControl = (uischema: UISchemaElement, schema: unknown) => {\n  const controlSchema = uischema as { type: string; scope?: string };\n  if (controlSchema.type !== \"Control\" || !controlSchema.scope) {\n    return false;\n  }\n\n  // Extract the property schema from the root schema\n  const rootSchema = schema as { properties?: Record<string, unknown> };\n  const propertyPath = controlSchema.scope.replace(\"#/properties/\", \"\");\n  const propertySchema = rootSchema?.properties?.[propertyPath] as {\n    type?: string;\n  };\n\n  return propertySchema?.type === \"array\";\n};\n\nconst providerMultiSelectTester = rankWith(\n  108, // Highest priority for array controls with providers\n  and(isArrayControl, hasProvider),\n);\n\nexport const providerRenderers = [\n  { tester: providerMultiSelectTester, renderer: ProviderMultiSelect },\n  { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n  { tester: providerSelectTester, renderer: ProviderSelect },\n];\n\n// Export PrimeVue renderers (styles are auto-injected)\nexport { primevueRenderers, registerPrimevueRenderers } from \"./primevue\";\n\n// Export individual components\nexport { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport * from \"./testers\";\n\n// Export individual PrimeVue components using lazy evaluation to avoid circular deps\nexport {\n  JfText,\n  JfTextArea,\n  JfNumber,\n  JfEnum,\n  JfEnumArray,\n  JfBoolean,\n} from \"./primevue\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA,IAAI,WAAW,CAAC,UAAmB,WAAoB;AACrD,cAAM,KAAK;AACX,cAAM,aAAa;AAInB,YAAI,IAAI,SAAS,aAAa,CAAC,IAAI,SAAS,CAAC,YAAY;AACvD,iBAAO;AAGT,cAAM,eAAe,GAAG,MAAM,QAAQ,iBAAiB,EAAE;AACzD,cAAM,iBAAiB,WAAW,WAAW,YAAY;AAEzD,eAAO,gBAAgB,SAAS;AAAA,MAClC,CAAC;AAAA,IAAA;AAAA,IAEH;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA,IAAI,WAAW,CAAC,UAAmB,WAAoB;AACrD,cAAM,KAAK;AACX,cAAM,aAAa;AAInB,YAAI,IAAI,SAAS,aAAa,CAAC,IAAI,SAAS,CAAC,YAAY;AACvD,iBAAO;AAGT,cAAM,eAAe,GAAG,MAAM,QAAQ,iBAAiB,EAAE;AACzD,cAAM,iBAAiB,WAAW,WAAW,YAAY;AAEzD,eAAO,gBAAgB,SAAS;AAAA,MAClC,CAAC;AAAA,IAAA;AAAA,IAEH;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAGA,MAAM,iBAAiB,CAAC,UAA2B,WAAoB;AACrE,QAAM,gBAAgB;AACtB,MAAI,cAAc,SAAS,aAAa,CAAC,cAAc,OAAO;AAC5D,WAAO;AAAA,EACT;AAGA,QAAM,aAAa;AACnB,QAAM,eAAe,cAAc,MAAM,QAAQ,iBAAiB,EAAE;AACpE,QAAM,iBAAiB,YAAY,aAAa,YAAY;AAI5D,SAAO,gBAAgB,SAAS;AAClC;AAEA,MAAM,4BAA4B;AAAA,EAChC;AAAA;AAAA,EACA,IAAI,gBAAgB,WAAW;AACjC;AAEO,MAAM,oBAAoB;AAAA,EAC/B,EAAE,QAAQ,2BAA2B,UAAU,oBAAA;AAAA,EAC/C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAAA,EAChD,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAC5C;"}
+{"version":3,"file":"index.js","sources":["../../src/vue/index.ts"],"sourcesContent":["import type { UISchemaElement } from \"@jsonforms/core\";\nimport {\n  and,\n  isIntegerControl,\n  isNumberControl,\n  isStringControl,\n  or,\n  rankWith,\n  isControl,\n} from \"@jsonforms/core\";\nimport { resolveScopeSchema } from \"../core/resolveScope\";\nimport { resolveItemsSchema } from \"./utils/objectMultiSelect\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.vue\";\nimport ProviderMultiSelect from \"./components/ProviderMultiSelect.vue\";\nimport ProviderObjectMultiSelect from \"./components/ProviderObjectMultiSelect.vue\";\n\n// Custom tester that checks if provider option exists (as object or boolean)\nconst hasProvider = (uischema: UISchemaElement) => {\n  return uischema?.options?.provider !== undefined;\n};\n\n// Integer fallback tester — handles nested scopes like #/properties/parent/properties/child\nconst isIntegerScope = (uischema: unknown, schema: unknown) => {\n  const ui = uischema as { type?: string; scope?: string };\n  if (ui?.type !== \"Control\" || !ui?.scope) return false;\n\n  const propertySchema = resolveScopeSchema(\n    ui.scope,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    schema as Record<string, any>,\n  );\n  return propertySchema?.type === \"integer\";\n};\n\n// Create specific testers for each component type\nconst providerSelectTester = rankWith(\n  107, // Higher than PrimeVue JfNumber integer renderer (106) so provider wins\n  and(\n    or(\n      isStringControl,\n      isNumberControl,\n      isIntegerControl,\n      and(isControl, isIntegerScope),\n    ),\n    hasProvider,\n    (uischema) => !uischema?.options?.autocomplete,\n  ),\n);\n\nconst providerAutocompleteTester = rankWith(\n  108, // Higher than providerSelectTester so autocomplete variant wins when flagged\n  and(\n    or(\n      isStringControl,\n      isNumberControl,\n      isIntegerControl,\n      and(isControl, isIntegerScope),\n    ),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\n// Resolve the array schema at a control's scope, or undefined if the\n// control isn't an array. Shared by both array testers below.\nconst getArraySchema = (uischema: UISchemaElement, schema: unknown) => {\n  const controlSchema = uischema as { type: string; scope?: string };\n  if (controlSchema.type !== \"Control\" || !controlSchema.scope) return undefined;\n  const propertySchema = resolveScopeSchema(\n    controlSchema.scope,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    schema as Record<string, any>,\n  );\n  if (propertySchema?.type !== \"array\") return undefined;\n  return propertySchema;\n};\n\n// Object-item arrays — render with paired-object MultiSelect.\nconst isObjectArrayControl = (uischema: UISchemaElement, schema: unknown) => {\n  const arr = getArraySchema(uischema, schema);\n  if (!arr) return false;\n  const items = resolveItemsSchema(\n    arr,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    schema as Record<string, any>,\n  );\n  return items?.type === \"object\";\n};\n\n// Scalar-item arrays — the original tester. Excludes object-item arrays so\n// the new ObjectMultiSelect renderer can claim them at a higher rank.\nconst isScalarArrayControl = (uischema: UISchemaElement, schema: unknown) => {\n  const arr = getArraySchema(uischema, schema);\n  if (!arr) return false;\n  const items = resolveItemsSchema(\n    arr,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    schema as Record<string, any>,\n  );\n  // Treat unknown / no-items shapes as scalar (matches prior behavior where\n  // any array control was eligible for ProviderMultiSelect).\n  return items?.type !== \"object\";\n};\n\nconst providerObjectMultiSelectTester = rankWith(\n  110, // One higher than scalar multi-select so object-item arrays match first.\n  and(isObjectArrayControl, hasProvider),\n);\n\nconst providerMultiSelectTester = rankWith(\n  109,\n  and(isScalarArrayControl, hasProvider),\n);\n\nexport const providerRenderers = [\n  {\n    tester: providerObjectMultiSelectTester,\n    renderer: ProviderObjectMultiSelect,\n  },\n  { tester: providerMultiSelectTester, renderer: ProviderMultiSelect },\n  { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n  { tester: providerSelectTester, renderer: ProviderSelect },\n];\n\n// Export PrimeVue renderers (styles are auto-injected)\nexport { primevueRenderers, registerPrimevueRenderers } from \"./primevue\";\n\n// Export individual components\nexport {\n  ProviderAutocomplete,\n  ProviderSelect,\n  ProviderMultiSelect,\n  ProviderObjectMultiSelect,\n};\nexport { useProvider } from \"./composables/useProvider\";\nexport { useProjection } from \"./composables/useProjection\";\nexport type { ProjectionResult } from \"./composables/useProjection\";\nexport { createDataLayer, useDataLayer } from \"./composables/useDataLayer\";\nexport type { DataLayer } from \"./composables/useDataLayer\";\nexport { useDeriveInitialValue } from \"./composables/useDeriveInitialValue\";\nexport type { DeriveInitialValueCfg } from \"./composables/useDeriveInitialValue\";\nexport { useDirtyValidation } from \"./composables/useDirtyValidation\";\nexport * from \"./testers\";\n\n// Export individual PrimeVue components using lazy evaluation to avoid circular deps\nexport {\n  JfText,\n  JfTextArea,\n  JfNumber,\n  JfEnum,\n  JfEnumArray,\n  JfBoolean,\n} from \"./primevue\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,iBAAiB,CAAC,UAAmB,WAAoB;AAC7D,QAAM,KAAK;AACX,MAAI,IAAI,SAAS,aAAa,CAAC,IAAI,MAAO,QAAO;AAEjD,QAAM,iBAAiB;AAAA,IACrB,GAAG;AAAA;AAAA,IAEH;AAAA,EAAA;AAEF,SAAO,gBAAgB,SAAS;AAClC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,WAAW,cAAc;AAAA,IAAA;AAAA,IAE/B;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,WAAW,cAAc;AAAA,IAAA;AAAA,IAE/B;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAIA,MAAM,iBAAiB,CAAC,UAA2B,WAAoB;AACrE,QAAM,gBAAgB;AACtB,MAAI,cAAc,SAAS,aAAa,CAAC,cAAc,MAAO,QAAO;AACrE,QAAM,iBAAiB;AAAA,IACrB,cAAc;AAAA;AAAA,IAEd;AAAA,EAAA;AAEF,MAAI,gBAAgB,SAAS,QAAS,QAAO;AAC7C,SAAO;AACT;AAGA,MAAM,uBAAuB,CAAC,UAA2B,WAAoB;AAC3E,QAAM,MAAM,eAAe,UAAU,MAAM;AAC3C,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,QAAQ;AAAA,IACZ;AAAA;AAAA,IAEA;AAAA,EAAA;AAEF,SAAO,OAAO,SAAS;AACzB;AAIA,MAAM,uBAAuB,CAAC,UAA2B,WAAoB;AAC3E,QAAM,MAAM,eAAe,UAAU,MAAM;AAC3C,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,QAAQ;AAAA,IACZ;AAAA;AAAA,IAEA;AAAA,EAAA;AAIF,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,kCAAkC;AAAA,EACtC;AAAA;AAAA,EACA,IAAI,sBAAsB,WAAW;AACvC;AAEA,MAAM,4BAA4B;AAAA,EAChC;AAAA,EACA,IAAI,sBAAsB,WAAW;AACvC;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAAA,EAEZ,EAAE,QAAQ,2BAA2B,UAAU,oBAAA;AAAA,EAC/C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAAA,EAChD,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAC5C;"}

package/dist/vue/primevue/JfBoolean.vue.d.ts

@@ -18,14 +18,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderers: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     cells: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     config: {
         type: ObjectConstructor;
         required: false;
+        default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     uischema: {
@@ -47,17 +50,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderers: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     cells: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     config: {
         type: ObjectConstructor;
         required: false;
+        default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
+    renderers: unknown[];
+    cells: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfBoolean.vue.d.ts.map

package/dist/vue/primevue/JfBoolean.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,wBA0JK"}
+{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGA,wBAiMK"}