@narrative.io/jsonforms-provider-protocols 1.1.0-beta.7 → 1.1.0-beta.9

package/dist/index.js

@@ -8,13 +8,13 @@ import { default as default2 } from "./vue/components/ProviderAutocomplete.vue.j
 import { default as default3 } from "./vue/primevue/JfText.vue.js";
 import { default as default4 } from "./vue/primevue/JfTextArea.vue.js";
 import { default as default5 } from "./vue/primevue/JfNumber.vue.js";
-import { default as default6 } from "./vue/primevue/JfEnumArray.vue.js";
-import { default as default7 } from "./vue/primevue/JfBoolean.vue.js";
+import { default as default6 } from "./vue/primevue/JfEnum.vue.js";
+import { default as default7 } from "./vue/primevue/JfEnumArray.vue.js";
+import { default as default8 } from "./vue/primevue/JfBoolean.vue.js";
 import { primevueRenderers } from "./vue/primevue/index.js";
-import { default as default8 } from "./vue/components/ProviderSelect.vue.js";
-import { default as default9 } from "./vue/components/ProviderMultiSelect.vue.js";
+import { default as default9 } from "./vue/components/ProviderSelect.vue.js";
+import { default as default10 } from "./vue/components/ProviderMultiSelect.vue.js";
 import { useProvider } from "./vue/composables/useProvider.js";
-import { default as default10 } from "./vue/primevue/JfEnum.vue.js";
 const index = {
   install(app, opts) {
     const reg = registry;
@@ -29,15 +29,15 @@ const index = {
   }
 };
 export {
-  default7 as JfBoolean,
-  default10 as JfEnum,
-  default6 as JfEnumArray,
+  default8 as JfBoolean,
+  default6 as JfEnum,
+  default7 as JfEnumArray,
   default5 as JfNumber,
   default3 as JfText,
   default4 as JfTextArea,
   default2 as ProviderAutocomplete,
-  default9 as ProviderMultiSelect,
-  default8 as ProviderSelect,
+  default10 as ProviderMultiSelect,
+  default9 as ProviderSelect,
   RestApiProtocol,
   cache,
   index as default,

package/dist/jsonforms-provider-protocols.css

@@ -6,7 +6,3 @@
 [data-v-259a0a08] .p-multiselect-label {
   text-align: left;
 }
-
-[data-v-c2cca58d] .p-dropdown-label {
-  text-align: left;
-}

package/dist/vue/index.js

@@ -8,9 +8,9 @@ import { providerTester } from "./testers.js";
 import { default as default2 } from "./primevue/JfText.vue.js";
 import { default as default3 } from "./primevue/JfTextArea.vue.js";
 import { default as default4 } from "./primevue/JfNumber.vue.js";
-import { default as default5 } from "./primevue/JfEnumArray.vue.js";
-import { default as default6 } from "./primevue/JfBoolean.vue.js";
-import { default as default7 } from "./primevue/JfEnum.vue.js";
+import { default as default5 } from "./primevue/JfEnum.vue.js";
+import { default as default6 } from "./primevue/JfEnumArray.vue.js";
+import { default as default7 } from "./primevue/JfBoolean.vue.js";
 const hasProvider = (uischema) => {
   return uischema?.options?.provider !== void 0;
 };
@@ -53,9 +53,9 @@ const providerRenderers = [
   { tester: providerSelectTester, renderer: ProviderSelect }
 ];
 export {
-  default6 as JfBoolean,
-  default7 as JfEnum,
-  default5 as JfEnumArray,
+  default7 as JfBoolean,
+  default5 as JfEnum,
+  default6 as JfEnumArray,
   default4 as JfNumber,
   default2 as JfText,
   default3 as JfTextArea,

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

@@ -1,75 +1,63 @@
-import type { ControlElement } from "@jsonforms/core";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    schema: {
+    uischema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
     };
-    uischema: {
+    schema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<ControlElement>;
     };
     path: {
-        required: true;
         type: StringConstructor;
+        required: true;
     };
     enabled: {
-        required: false;
         type: BooleanConstructor;
         default: undefined;
     };
     renderers: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     cells: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     config: {
-        required: boolean;
         type: ObjectConstructor;
-        default: undefined;
+        required: false;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    schema: {
+    uischema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
     };
-    uischema: {
+    schema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<ControlElement>;
     };
     path: {
-        required: true;
         type: StringConstructor;
+        required: true;
     };
     enabled: {
-        required: false;
         type: BooleanConstructor;
         default: undefined;
     };
     renderers: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     cells: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     config: {
-        required: boolean;
         type: ObjectConstructor;
-        default: undefined;
+        required: false;
     };
 }>> & Readonly<{}>, {
-    config: Record<string, any>;
     enabled: boolean;
-    renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
-    cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
 }, {}, {}, {}, 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":"AA6CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGtD,wBAgGK"}
+{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,wBA0JK"}

package/dist/vue/primevue/JfBoolean.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, getCurrentInstance, createElementBlock, openBlock, createVNode, createCommentVNode, unref, toDisplayString } from "vue";
-import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import { useJsonFormsControl } from "@jsonforms/vue";
 import Checkbox from "primevue/checkbox";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { key: 0 };
@@ -9,7 +9,36 @@ const _hoisted_3 = {
 };
 const __default__ = {
   name: "JfBoolean",
-  props: rendererProps()
+  props: {
+    uischema: {
+      type: Object,
+      required: true
+    },
+    schema: {
+      type: Object,
+      required: true
+    },
+    path: {
+      type: String,
+      required: true
+    },
+    enabled: {
+      type: Boolean,
+      default: void 0
+    },
+    renderers: {
+      type: Array,
+      required: false
+    },
+    cells: {
+      type: Array,
+      required: false
+    },
+    config: {
+      type: Object,
+      required: false
+    }
+  }
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/vue/primevue/JfBoolean.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JfBoolean.vue.js","sources":["../../../src/vue/primevue/JfBoolean.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps } from \"@jsonforms/vue\";\n\nexport default {\n  name: \"JfBoolean\",\n  props: rendererProps<ControlElement>(),\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { getCurrentInstance } from \"vue\";\nimport Checkbox from \"primevue/checkbox\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst onToggle = (val: boolean) => handleChange(control.value.path, val);\n</script>\n\n<template>\n  <div class=\"flex items-center gap-2\">\n    <Checkbox\n      :binary=\"true\"\n      :model-value=\"!!control.data\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      @update:model-value=\"onToggle\"\n    />\n    <label v-if=\"control.label\">{{ control.label }}</label>\n    <small v-if=\"control.errors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","_toDisplayString"],"mappings":";;;;;;;;;AAIA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,OAAO,cAAA;AACT;;;;AAUA,UAAM,WAAW,mBAAA;AACjB,UAAM,QAAQ,SAAS;AACvB,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,WAAW,CAAC,QAAiB,aAAa,QAAQ,MAAM,MAAM,GAAG;;AAIrE,aAAAA,UAAA,GAAAC,mBAUM,OAVN,YAUM;AAAA,QATJC,YAMEC,MAAA,QAAA,GAAA;AAAA,UALC,QAAQ;AAAA,UACR,eAAW,CAAA,CAAIA,MAAA,OAAA,EAAQ;AAAA,UACvB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,uBAAoB;AAAA,QAAA;QAEVA,MAAA,OAAA,EAAQ,sBAArBF,mBAAuD,SAAA,YAAAG,gBAAxBD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAC/BA,MAAA,OAAA,EAAQ,UAArBH,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEG,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfBoolean.vue.js","sources":["../../../src/vue/primevue/JfBoolean.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"JfBoolean\",\n  props: {\n    uischema: {\n      type: Object,\n      required: true,\n    },\n    schema: {\n      type: Object,\n      required: true,\n    },\n    path: {\n      type: String,\n      required: true,\n    },\n    enabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    renderers: {\n      type: Array,\n      required: false,\n    },\n    cells: {\n      type: Array,\n      required: false,\n    },\n    config: {\n      type: Object,\n      required: false,\n    },\n  },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { getCurrentInstance } from \"vue\";\nimport Checkbox from \"primevue/checkbox\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst onToggle = (val: boolean) => handleChange(control.value.path, val);\n</script>\n\n<template>\n  <div class=\"flex items-center gap-2\">\n    <Checkbox\n      :binary=\"true\"\n      :model-value=\"!!control.data\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      @update:model-value=\"onToggle\"\n    />\n    <label v-if=\"control.label\">{{ control.label }}</label>\n    <small v-if=\"control.errors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","_toDisplayString"],"mappings":";;;;;;;;;AACA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;;;;AAUA,UAAM,WAAW,mBAAA;AACjB,UAAM,QAAQ,SAAS;AACvB,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,WAAW,CAAC,QAAiB,aAAa,QAAQ,MAAM,MAAM,GAAG;;AAIrE,aAAAA,UAAA,GAAAC,mBAUM,OAVN,YAUM;AAAA,QATJC,YAMEC,MAAA,QAAA,GAAA;AAAA,UALC,QAAQ;AAAA,UACR,eAAW,CAAA,CAAIA,MAAA,OAAA,EAAQ;AAAA,UACvB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,uBAAoB;AAAA,QAAA;QAEVA,MAAA,OAAA,EAAQ,sBAArBF,mBAAuD,SAAA,YAAAG,gBAAxBD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAC/BA,MAAA,OAAA,EAAQ,UAArBH,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEG,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}

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

@@ -1,76 +1,63 @@
-import type { JsonSchema } from "@jsonforms/core";
-import type { ControlElement } from "@jsonforms/core";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    schema: {
+    uischema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<JsonSchema>;
     };
-    uischema: {
+    schema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<ControlElement>;
     };
     path: {
-        required: true;
         type: StringConstructor;
+        required: true;
     };
     enabled: {
-        required: false;
         type: BooleanConstructor;
         default: undefined;
     };
     renderers: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     cells: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     config: {
-        required: boolean;
         type: ObjectConstructor;
-        default: undefined;
+        required: false;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    schema: {
+    uischema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<JsonSchema>;
     };
-    uischema: {
+    schema: {
+        type: ObjectConstructor;
         required: true;
-        type: import("vue").PropType<ControlElement>;
     };
     path: {
-        required: true;
         type: StringConstructor;
+        required: true;
     };
     enabled: {
-        required: false;
         type: BooleanConstructor;
         default: undefined;
     };
     renderers: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     cells: {
-        required: boolean;
-        type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
-        default: undefined;
+        type: ArrayConstructor;
+        required: false;
     };
     config: {
-        required: boolean;
         type: ObjectConstructor;
-        default: undefined;
+        required: false;
     };
 }>> & Readonly<{}>, {
-    config: Record<string, any>;
     enabled: boolean;
-    renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
-    cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfEnum.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":"AAgKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AASlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAItD,wBAwPK"}
+{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LA,wBA8SK"}

package/dist/vue/primevue/JfEnum.vue.js

@@ -1,8 +1,155 @@
-import _sfc_main from "./JfEnum.vue2.js";
-/* empty css            */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const JfEnum = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c2cca58d"]]);
+import { defineComponent, getCurrentInstance, computed, inject, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { useJsonFormsControl } from "@jsonforms/vue";
+import { useProvider } from "../composables/useProvider.js";
+import { useDerive } from "../composables/useDerive.js";
+import Dropdown from "primevue/dropdown";
+const _hoisted_1 = { class: "flex flex-column gap-2" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-color text-left"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "text-color-secondary text-left"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "p-error",
+  role: "alert"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "p-error"
+};
+const __default__ = {
+  name: "JfEnum",
+  props: {
+    uischema: {
+      type: Object,
+      required: true
+    },
+    schema: {
+      type: Object,
+      required: true
+    },
+    path: {
+      type: String,
+      required: true
+    },
+    enabled: {
+      type: Boolean,
+      default: void 0
+    },
+    renderers: {
+      type: Array,
+      required: false
+    },
+    cells: {
+      type: Array,
+      required: false
+    },
+    config: {
+      type: Object,
+      required: false
+    }
+  }
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const instance = getCurrentInstance();
+    const props = instance.props;
+    const { control, handleChange } = useJsonFormsControl(props);
+    const toOptions = (schema) => {
+      if (!schema) return [];
+      const s = schema;
+      if (Array.isArray(s.enum))
+        return s.enum.map((v) => ({ label: String(v), value: v }));
+      if (Array.isArray(s.oneOf))
+        return s.oneOf.map((o) => ({
+          label: o.title ?? String(o.const),
+          value: o.const
+        }));
+      return [];
+    };
+    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(() => {
+      return deps.value.map((dep) => {
+        const path = dep.startsWith("#/") ? dep.slice(2) : dep;
+        const keys = path.replace(/\//g, ".").split(".");
+        let value = rootData.value;
+        for (const key of keys) {
+          if (value && typeof value === "object" && key in value) {
+            value = value[key];
+          } else {
+            return null;
+          }
+        }
+        return value;
+      });
+    });
+    const injectedFormData = inject("formData", { value: {} });
+    const rootData = computed(() => injectedFormData.value || {});
+    const {
+      items: providerItems,
+      loading,
+      error
+    } = useProvider(binding, {
+      data: rootData,
+      path: control.value.path,
+      dependsOnValues: depValues.value
+    });
+    const placeholder = computed(() => {
+      if (loading.value) return "Loading…";
+      return control.value.uischema?.options?.placeholder ?? control.value.description;
+    });
+    const options = computed(() => {
+      if (binding.value && providerItems.value.length > 0) {
+        return providerItems.value;
+      }
+      return toOptions(control.value.schema);
+    });
+    useDerive({ control, handleChange });
+    const hasInteracted = ref(false);
+    const showErrors = computed(() => hasInteracted.value && control.value.errors);
+    const onSelect = (val) => {
+      handleChange(control.value.path, val);
+    };
+    const onBlur = () => {
+      hasInteracted.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
+        unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
+        createVNode(unref(Dropdown), {
+          class: "w-full",
+          options: options.value,
+          "option-label": "label",
+          "option-value": "value",
+          "model-value": unref(control).data ?? null,
+          placeholder: placeholder.value,
+          disabled: !unref(control).enabled || unref(loading),
+          "aria-invalid": !!showErrors.value || void 0,
+          "show-clear": true,
+          "onUpdate:modelValue": onSelect,
+          onBlur
+        }, null, 8, ["options", "model-value", "placeholder", "disabled", "aria-invalid"]),
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
-  JfEnum as default
+  _sfc_main as default
 };
 //# sourceMappingURL=JfEnum.vue.js.map

package/dist/vue/primevue/JfEnum.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JfEnum.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"JfEnum.vue.js","sources":["../../../src/vue/primevue/JfEnum.vue"],"sourcesContent":["<script lang=\"ts\">\n// Define props manually to avoid any potential circular dependency issues\nexport default {\n  name: \"JfEnum\",\n  props: {\n    uischema: {\n      type: Object,\n      required: true,\n    },\n    schema: {\n      type: Object,\n      required: true,\n    },\n    path: {\n      type: String,\n      required: true,\n    },\n    enabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    renderers: {\n      type: Array,\n      required: false,\n    },\n    cells: {\n      type: Array,\n      required: false,\n    },\n    config: {\n      type: Object,\n      required: false,\n    },\n  },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { JsonSchema } from \"@jsonforms/core\";\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, inject, getCurrentInstance } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport Dropdown from \"primevue/dropdown\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange } = useJsonFormsControl(props);\n\ntype Opt = { label: string; value: unknown };\nconst toOptions = (schema?: JsonSchema): Opt[] => {\n  if (!schema) return [];\n  const s = schema as {\n    enum?: unknown[];\n    oneOf?: Array<{ title?: string; const: unknown }>;\n  };\n  if (Array.isArray(s.enum))\n    return s.enum.map((v: unknown) => ({ label: String(v), value: v }));\n  if (Array.isArray(s.oneOf))\n    return s.oneOf.map((o) => ({\n      label: o.title ?? String(o.const),\n      value: o.const,\n    }));\n  return [];\n};\n\n// Provider support\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(() => {\n  return deps.value.map((dep) => {\n    // Resolve dependency value from form data using JSON pointer-like path\n    const path = dep.startsWith(\"#/\") ? dep.slice(2) : dep;\n    const keys = path.replace(/\\//g, \".\").split(\".\");\n    let value: unknown = rootData.value;\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    return value;\n  });\n});\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\n// Use provider if available, otherwise fall back to schema enum/oneOf\nconst {\n  items: providerItems,\n  loading,\n  error,\n} = useProvider(binding, {\n  data: rootData,\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\nconst placeholder = computed<string | undefined>(() => {\n  if (loading.value) return \"Loading…\";\n  return (\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description\n  );\n});\n\nconst options = computed(() => {\n  // Use provider items if available, otherwise fall back to schema enum/oneOf\n  if (binding.value && providerItems.value.length > 0) {\n    return providerItems.value;\n  }\n  return toOptions(control.value.schema);\n});\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onSelect = (val: unknown) => {\n  handleChange(control.value.path, val);\n};\n\nconst onBlur = () => {\n  hasInteracted.value = true;\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      class=\"w-full\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :model-value=\"control.data ?? null\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      :show-clear=\"true\"\n      @update:model-value=\"onSelect\"\n      @blur=\"onBlur\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n    <small v-else-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}

package/dist/vue/primevue/JfEnum.vue2.js

@@ -1,125 +1,4 @@
-import { defineComponent, getCurrentInstance, computed, inject, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
-import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
-import { useProvider } from "../composables/useProvider.js";
-import { useDerive } from "../composables/useDerive.js";
-import Dropdown from "primevue/dropdown";
-const _hoisted_1 = { class: "flex flex-column gap-2" };
-const _hoisted_2 = {
-  key: 0,
-  class: "text-color text-left"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "text-color-secondary text-left"
-};
-const _hoisted_4 = {
-  key: 2,
-  class: "p-error",
-  role: "alert"
-};
-const _hoisted_5 = {
-  key: 3,
-  class: "p-error"
-};
-const __default__ = {
-  name: "JfEnum",
-  props: rendererProps()
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const instance = getCurrentInstance();
-    const props = instance.props;
-    const { control, handleChange } = useJsonFormsControl(props);
-    const toOptions = (schema) => {
-      if (!schema) return [];
-      const s = schema;
-      if (Array.isArray(s.enum))
-        return s.enum.map((v) => ({ label: String(v), value: v }));
-      if (Array.isArray(s.oneOf))
-        return s.oneOf.map((o) => ({
-          label: o.title ?? String(o.const),
-          value: o.const
-        }));
-      return [];
-    };
-    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(() => {
-      return deps.value.map((dep) => {
-        const path = dep.startsWith("#/") ? dep.slice(2) : dep;
-        const keys = path.replace(/\//g, ".").split(".");
-        let value = rootData.value;
-        for (const key of keys) {
-          if (value && typeof value === "object" && key in value) {
-            value = value[key];
-          } else {
-            return null;
-          }
-        }
-        return value;
-      });
-    });
-    const injectedFormData = inject("formData", { value: {} });
-    const rootData = computed(() => injectedFormData.value || {});
-    const {
-      items: providerItems,
-      loading,
-      error
-    } = useProvider(binding, {
-      data: rootData,
-      path: control.value.path,
-      dependsOnValues: depValues.value
-    });
-    const placeholder = computed(() => {
-      if (loading.value) return "Loading…";
-      return control.value.uischema?.options?.placeholder ?? control.value.description;
-    });
-    const options = computed(() => {
-      if (binding.value && providerItems.value.length > 0) {
-        return providerItems.value;
-      }
-      return toOptions(control.value.schema);
-    });
-    useDerive({ control, handleChange });
-    const hasInteracted = ref(false);
-    const showErrors = computed(() => hasInteracted.value && control.value.errors);
-    const onSelect = (val) => {
-      handleChange(control.value.path, val);
-    };
-    const onBlur = () => {
-      hasInteracted.value = true;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
-        unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
-        createVNode(unref(Dropdown), {
-          class: "w-full",
-          options: options.value,
-          "option-label": "label",
-          "option-value": "value",
-          "model-value": unref(control).data ?? null,
-          placeholder: placeholder.value,
-          disabled: !unref(control).enabled || unref(loading),
-          "aria-invalid": !!showErrors.value || void 0,
-          "show-clear": true,
-          "onUpdate:modelValue": onSelect,
-          onBlur
-        }, null, 8, ["options", "model-value", "placeholder", "disabled", "aria-invalid"]),
-        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
+import _sfc_main from "./JfEnum.vue.js";
 export {
   _sfc_main as default
 };