@narrative.io/jsonforms-provider-protocols 1.1.0-beta.0 → 1.1.0-beta.10

package/dist/vue/primevue/JfText.vue.js

@@ -1,6 +1,9 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
-import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import { defineComponent, getCurrentInstance, computed, inject, ref, watch, createElementBlock, openBlock, createCommentVNode, createBlock, unref, toDisplayString } from "vue";
+import { useJsonFormsControl } from "@jsonforms/vue";
+import { useProvider } from "../composables/useProvider.js";
+import { useDerive } from "../composables/useDerive.js";
 import InputText from "primevue/inputtext";
+import AutoComplete from "primevue/autocomplete";
 const _hoisted_1 = { class: "flex flex-column gap-2" };
 const _hoisted_2 = {
   key: 0,
@@ -11,41 +14,153 @@ const _hoisted_3 = {
   class: "text-color-secondary text-left"
 };
 const _hoisted_4 = {
-  key: 2,
+  key: 4,
+  class: "p-error",
+  role: "alert"
+};
+const _hoisted_5 = {
+  key: 5,
   class: "p-error"
 };
+const __default__ = {
+  name: "JfText",
+  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({
-  ...{ name: "JfText" },
-  __name: "JfText",
-  props: rendererProps(),
+  ...__default__,
   setup(__props) {
-    const props = __props;
+    const instance = getCurrentInstance();
+    const props = instance.props;
     const { control, handleChange } = useJsonFormsControl(props);
-    const placeholder = computed(
-      () => control.value.uischema?.options?.placeholder ?? control.value.description
+    const binding = computed(() => {
+      const provider = control.value.uischema?.options?.provider;
+      if (provider && typeof provider === "object" && !provider.load) {
+        return { ...provider, load: "query" };
+      }
+      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 query = ref("");
+    const { items, loading, error, reload } = useProvider(binding, {
+      data: rootData,
+      path: control.value.path,
+      uiQuery: query.value,
+      dependsOnValues: depValues.value
+    });
+    watch(query, () => {
+      if (binding.value?.load === "query") reload();
+    });
+    const placeholder = computed(() => {
+      if (loading.value) return "Loading…";
+      return control.value.uischema?.options?.placeholder ?? control.value.description;
+    });
+    const isAutocomplete = computed(() => !!binding.value);
+    useDerive({ control, handleChange });
+    const hasInteracted = ref(false);
+    const hasFocused = ref(false);
+    const showErrors = computed(() => hasInteracted.value && control.value.errors);
     function onInput(val) {
-      const newValue = val ?? "";
-      if ((control.value.data ?? "") !== newValue) {
+      const newValue = val && val.trim() !== "" ? val : void 0;
+      if (control.value.data !== newValue) {
         handleChange(control.value.path, newValue);
       }
     }
+    function onBlur() {
+      if (hasFocused.value) {
+        hasInteracted.value = true;
+      }
+    }
+    function onFocus() {
+      hasFocused.value = true;
+    }
+    const onComplete = (event) => {
+      query.value = event.query;
+    };
+    const onSelect = (event) => {
+      const newValue = event.value?.value ?? event.value;
+      handleChange(control.value.path, newValue);
+    };
     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(InputText), {
+        isAutocomplete.value ? (openBlock(), createBlock(unref(AutoComplete), {
+          key: 2,
+          class: "w-full",
+          "model-value": unref(control).data ?? "",
+          suggestions: unref(items),
+          "option-label": "label",
+          placeholder: placeholder.value,
+          disabled: !unref(control).enabled,
+          "aria-invalid": !!showErrors.value || void 0,
+          onComplete,
+          onItemSelect: onSelect,
+          "onUpdate:modelValue": onInput,
+          onBlur,
+          onFocus
+        }, null, 8, ["model-value", "suggestions", "placeholder", "disabled", "aria-invalid"])) : (openBlock(), createBlock(unref(InputText), {
+          key: 3,
           class: "w-full",
           "model-value": unref(control).data ?? "",
           disabled: !unref(control).enabled,
-          "aria-invalid": !!unref(control).errors || void 0,
+          "aria-invalid": !!showErrors.value || void 0,
           placeholder: placeholder.value,
           autocapitalize: "off",
           autocomplete: "off",
           spellcheck: "false",
-          "onUpdate:modelValue": onInput
-        }, null, 8, ["model-value", "disabled", "aria-invalid", "placeholder"]),
-        unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+          "onUpdate:modelValue": onInput,
+          onBlur,
+          onFocus
+        }, null, 8, ["model-value", "disabled", "aria-invalid", "placeholder"])),
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed: " + toDisplayString(unref(error)), 1)) : showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"JfText.vue.js","sources":["../../../src/vue/primevue/JfText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed } from \"vue\";\nimport InputText from \"primevue/inputtext\";\n\ndefineOptions({ name: \"JfText\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\nfunction onInput(val: string | undefined) {\n  const newValue = val ?? \"\";\n  if ((control.value.data ?? \"\") !== newValue) {\n    handleChange(control.value.path, newValue);\n  }\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    <InputText\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      :placeholder=\"placeholder\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      @update:model-value=\"onInput\"\n    />\n    <small v-if=\"control.errors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAGrC,aAAS,QAAQ,KAAyB;AACxC,YAAM,WAAW,OAAO;AACxB,WAAK,QAAQ,MAAM,QAAQ,QAAQ,UAAU;AAC3C,qBAAa,QAAQ,MAAM,MAAM,QAAQ;AAAA,MAC3C;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBAmBM,OAnBN,YAmBM;AAAA,QAlBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YAUEF,MAAA,SAAA,GAAA;AAAA,UATA,OAAM;AAAA,UACL,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,aAAa,YAAA;AAAA,UACd,gBAAe;AAAA,UACf,cAAa;AAAA,UACb,YAAW;AAAA,UACV,uBAAoB;AAAA,QAAA;QAEVA,MAAA,OAAA,EAAQ,UAArBF,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfText.vue.js","sources":["../../../src/vue/primevue/JfText.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"JfText\",\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 { computed, ref, inject, watch, getCurrentInstance } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport InputText from \"primevue/inputtext\";\nimport AutoComplete from \"primevue/autocomplete\";\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\n// Provider support for autocomplete functionality\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'query' by default for autocomplete\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"query\" };\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\nconst query = ref(\"\");\nconst { items, loading, error, reload } = useProvider(binding, {\n  data: rootData,\n  path: control.value.path,\n  uiQuery: query.value,\n  dependsOnValues: depValues.value,\n});\n\nwatch(query, () => {\n  if (binding.value?.load === \"query\") reload();\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 isAutocomplete = computed(() => !!binding.value);\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Track user interaction\nconst hasInteracted = ref(false);\nconst hasFocused = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nfunction onInput(val: string | undefined) {\n  // Convert empty strings to undefined for proper required field validation\n  const newValue = val && val.trim() !== \"\" ? val : undefined;\n  if (control.value.data !== newValue) {\n    handleChange(control.value.path, newValue);\n  }\n}\n\nfunction onBlur() {\n  if (hasFocused.value) {\n    hasInteracted.value = true;\n  }\n}\n\nfunction onFocus() {\n  hasFocused.value = true;\n}\n\n// Autocomplete specific handlers\nconst onComplete = (event: { query: string }) => {\n  query.value = event.query;\n};\n\nconst onSelect = (event: { value?: { value?: unknown } | unknown }) => {\n  const newValue = (event.value as { value?: unknown })?.value ?? event.value;\n  handleChange(control.value.path, newValue);\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    <AutoComplete\n      v-if=\"isAutocomplete\"\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :suggestions=\"items\"\n      option-label=\"label\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      @complete=\"onComplete\"\n      @item-select=\"onSelect\"\n      @update:model-value=\"onInput\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n    />\n    <InputText\n      v-else\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      :placeholder=\"placeholder\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      @update:model-value=\"onInput\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\">Failed: {{ error }}</small>\n    <small v-else-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createBlock"],"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;;;;AAaA,UAAM,WAAW,mBAAA;AACjB,UAAM,QAAQ,SAAS;AACvB,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAG3D,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO;AAAA,MACX,MAEK,QAAQ,MAAM,SACb,YACF,GACC,aAA0B,CAAA;AAAA,IAAC;AAElC,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,KAAK,MAAM,IAAI,CAAC,QAAQ;AAE7B,cAAM,OAAO,IAAI,WAAW,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI;AACnD,cAAM,OAAO,KAAK,QAAQ,OAAO,GAAG,EAAE,MAAM,GAAG;AAC/C,YAAI,QAAiB,SAAS;AAC9B,mBAAW,OAAO,MAAM;AACtB,cAAI,SAAS,OAAO,UAAU,YAAY,OAAO,OAAO;AACtD,oBAAS,MAAkC,GAAG;AAAA,UAChD,OAAO;AACL,mBAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH,CAAC;AAGD,UAAM,mBAAmB,OAA2B,YAAY,EAAE,OAAO,CAAA,GAAI;AAC7E,UAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAE5D,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,OAAO,SAAS,OAAO,OAAA,IAAW,YAAY,SAAS;AAAA,MAC7D,MAAM;AAAA,MACN,MAAM,QAAQ,MAAM;AAAA,MACpB,SAAS,MAAM;AAAA,MACf,iBAAiB,UAAU;AAAA,IAAA,CAC5B;AAED,UAAM,OAAO,MAAM;AACjB,UAAI,QAAQ,OAAO,SAAS,QAAS,QAAA;AAAA,IACvC,CAAC;AAED,UAAM,cAAc,SAA6B,MAAM;AACrD,UAAI,QAAQ,MAAO,QAAO;AAC1B,aACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAErC,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM,CAAC,CAAC,QAAQ,KAAK;AAGrD,cAAU,EAAE,SAAS,cAAc;AAGnC,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,aAAa,SAAS,MAAM,cAAc,SAAS,QAAQ,MAAM,MAAM;AAE7E,aAAS,QAAQ,KAAyB;AAExC,YAAM,WAAW,OAAO,IAAI,KAAA,MAAW,KAAK,MAAM;AAClD,UAAI,QAAQ,MAAM,SAAS,UAAU;AACnC,qBAAa,QAAQ,MAAM,MAAM,QAAQ;AAAA,MAC3C;AAAA,IACF;AAEA,aAAS,SAAS;AAChB,UAAI,WAAW,OAAO;AACpB,sBAAc,QAAQ;AAAA,MACxB;AAAA,IACF;AAEA,aAAS,UAAU;AACjB,iBAAW,QAAQ;AAAA,IACrB;AAGA,UAAM,aAAa,CAAC,UAA6B;AAC/C,YAAM,QAAQ,MAAM;AAAA,IACtB;AAEA,UAAM,WAAW,CAAC,UAAqD;AACrE,YAAM,WAAY,MAAM,OAA+B,SAAS,MAAM;AACtE,mBAAa,QAAQ,MAAM,MAAM,QAAQ;AAAA,IAC3C;;AAIE,aAAAA,UAAA,GAAAC,mBAsCM,OAtCN,YAsCM;AAAA,QArCSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAGhB,eAAA,sBADRE,YAcEF,MAAA,YAAA,GAAA;AAAA;UAZA,OAAM;AAAA,UACL,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,aAAaA,MAAA,KAAA;AAAA,UACd,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAI,WAAA,SAAc;AAAA,UAC9B;AAAA,UACA,cAAa;AAAA,UACb,uBAAoB;AAAA,UACpB;AAAA,UACA;AAAA,QAAA,wGAEHE,YAaEF,MAAA,SAAA,GAAA;AAAA;UAXA,OAAM;AAAA,UACL,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAI,WAAA,SAAc;AAAA,UAC9B,aAAa,YAAA;AAAA,UACd,gBAAe;AAAA,UACf,cAAa;AAAA,UACb,YAAW;AAAA,UACV,uBAAoB;AAAA,UACpB;AAAA,UACA;AAAA,QAAA;QAEUA,MAAA,KAAA,KAAbF,UAAA,GAAAC,mBAA4E,SAA5E,YAAiD,6BAAWC,MAAA,KAAA,CAAK,GAAA,CAAA,KAC/C,WAAA,SAAlBF,UAAA,GAAAC,mBAA0E,SAA1E,YAA0EE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}

package/dist/vue/primevue/JfTextArea.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<{}>, {
     enabled: boolean;
-    renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
-    cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-    config: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfTextArea.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"JfTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfTextArea.vue"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiItD,wBAEG"}
+{"version":3,"file":"JfTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfTextArea.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA,wBA+MK"}

package/dist/vue/primevue/JfTextArea.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
-import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import { defineComponent, getCurrentInstance, computed, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { useJsonFormsControl } from "@jsonforms/vue";
 import Textarea from "primevue/textarea";
 const _hoisted_1 = { class: "flex flex-column gap-2" };
 const _hoisted_2 = {
@@ -14,22 +14,59 @@ const _hoisted_4 = {
   key: 2,
   class: "p-error"
 };
+const __default__ = {
+  name: "JfTextArea",
+  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({
-  ...{ name: "JfTextArea" },
-  __name: "JfTextArea",
-  props: rendererProps(),
+  ...__default__,
   setup(__props) {
-    const props = __props;
+    const instance = getCurrentInstance();
+    const props = instance.props;
     const { control, handleChange } = useJsonFormsControl(props);
     const placeholder = computed(
       () => control.value.uischema?.options?.placeholder ?? control.value.description
     );
+    const hasInteracted = ref(false);
+    const showErrors = computed(() => hasInteracted.value && control.value.errors);
     function onInput(val) {
-      const newValue = val ?? "";
-      if ((control.value.data ?? "") !== newValue) {
+      const newValue = val && val.trim() !== "" ? val : void 0;
+      if (control.value.data !== newValue) {
         handleChange(control.value.path, newValue);
       }
     }
+    function 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),
@@ -38,13 +75,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "w-full",
           "model-value": unref(control).data ?? "",
           disabled: !unref(control).enabled,
-          "aria-invalid": !!unref(control).errors || void 0,
+          "aria-invalid": !!showErrors.value || void 0,
           placeholder: placeholder.value,
           rows: 4,
           "auto-resize": true,
-          "onUpdate:modelValue": onInput
+          "onUpdate:modelValue": onInput,
+          onBlur
         }, null, 8, ["model-value", "disabled", "aria-invalid", "placeholder"]),
-        unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+        showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"JfTextArea.vue.js","sources":["../../../src/vue/primevue/JfTextArea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed } from \"vue\";\nimport Textarea from \"primevue/textarea\";\n\ndefineOptions({ name: \"JfTextArea\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\nfunction onInput(val: string | undefined) {\n  const newValue = val ?? \"\";\n  if ((control.value.data ?? \"\") !== newValue) {\n    handleChange(control.value.path, newValue);\n  }\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    <Textarea\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      :placeholder=\"placeholder\"\n      :rows=\"4\"\n      :auto-resize=\"true\"\n      @update:model-value=\"onInput\"\n    />\n    <small v-if=\"control.errors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAGrC,aAAS,QAAQ,KAAyB;AACxC,YAAM,WAAW,OAAO;AACxB,WAAK,QAAQ,MAAM,QAAQ,QAAQ,UAAU;AAC3C,qBAAa,QAAQ,MAAM,MAAM,QAAQ;AAAA,MAC3C;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YASEF,MAAA,QAAA,GAAA;AAAA,UARA,OAAM;AAAA,UACL,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,aAAa,YAAA;AAAA,UACb,MAAM;AAAA,UACN,eAAa;AAAA,UACb,uBAAoB;AAAA,QAAA;QAEVA,MAAA,OAAA,EAAQ,UAArBF,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfTextArea.vue.js","sources":["../../../src/vue/primevue/JfTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"JfTextArea\",\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 { computed, ref, getCurrentInstance } from \"vue\";\nimport Textarea from \"primevue/textarea\";\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 placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nfunction onInput(val: string | undefined) {\n  // Convert empty strings to undefined for proper required field validation\n  const newValue = val && val.trim() !== \"\" ? val : undefined;\n  if (control.value.data !== newValue) {\n    handleChange(control.value.path, newValue);\n  }\n}\n\nfunction 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    <Textarea\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      :placeholder=\"placeholder\"\n      :rows=\"4\"\n      :auto-resize=\"true\"\n      @update:model-value=\"onInput\"\n      @blur=\"onBlur\"\n    />\n    <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"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,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAIrC,UAAM,gBAAgB,IAAI,KAAK;AAE/B,UAAM,aAAa,SAAS,MAAM,cAAc,SAAS,QAAQ,MAAM,MAAM;AAE7E,aAAS,QAAQ,KAAyB;AAExC,YAAM,WAAW,OAAO,IAAI,KAAA,MAAW,KAAK,MAAM;AAClD,UAAI,QAAQ,MAAM,SAAS,UAAU;AACnC,qBAAa,QAAQ,MAAM,MAAM,QAAQ;AAAA,MAC3C;AAAA,IACF;AAEA,aAAS,SAAS;AAChB,oBAAc,QAAQ;AAAA,IACxB;;AAIE,aAAAA,UAAA,GAAAC,mBAmBM,OAnBN,YAmBM;AAAA,QAlBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YAUEF,MAAA,QAAA,GAAA;AAAA,UATA,OAAM;AAAA,UACL,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAI,WAAA,SAAc;AAAA,UAC9B,aAAa,YAAA;AAAA,UACb,MAAM;AAAA,UACN,eAAa;AAAA,UACb,uBAAoB;AAAA,UACpB;AAAA,QAAA;QAEU,WAAA,SAAbF,UAAA,GAAAC,mBAAqE,SAArE,YAAqEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}

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

@@ -4,80 +4,7 @@ import JfNumber from "./JfNumber.vue";
 import JfEnum from "./JfEnum.vue";
 import JfEnumArray from "./JfEnumArray.vue";
 import JfBoolean from "./JfBoolean.vue";
-export declare const primevueRenderers: {
-    tester: (uischema: import("@jsonforms/core").UISchemaElement, schema: import("@jsonforms/core").JsonSchema, context: import("@jsonforms/core").TesterContext) => number;
-    renderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        schema: {
-            required: true;
-            type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
-        };
-        uischema: {
-            required: true;
-            type: import("vue").PropType<import("@jsonforms/core").ControlElement>;
-        };
-        path: {
-            required: true;
-            type: StringConstructor;
-        };
-        enabled: {
-            required: false;
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        renderers: {
-            required: boolean;
-            type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
-            default: undefined;
-        };
-        cells: {
-            required: boolean;
-            type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
-            default: undefined;
-        };
-        config: {
-            required: boolean;
-            type: ObjectConstructor;
-            default: undefined;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        schema: {
-            required: true;
-            type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
-        };
-        uischema: {
-            required: true;
-            type: import("vue").PropType<import("@jsonforms/core").ControlElement>;
-        };
-        path: {
-            required: true;
-            type: StringConstructor;
-        };
-        enabled: {
-            required: false;
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        renderers: {
-            required: boolean;
-            type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
-            default: undefined;
-        };
-        cells: {
-            required: boolean;
-            type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
-            default: undefined;
-        };
-        config: {
-            required: boolean;
-            type: ObjectConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{}>, {
-        enabled: boolean;
-        renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
-        cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-        config: Record<string, any>;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}[];
+import type { JsonFormsRendererRegistryEntry } from "@jsonforms/core";
+export declare const primevueRenderers: JsonFormsRendererRegistryEntry[];
 export { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,SAAS,MAAM,iBAAiB,CAAC;AA0ExC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiB7B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,SAAS,MAAM,iBAAiB,CAAC;AA+BxC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAC;AA2BtE,eAAO,MAAM,iBAAiB,EAAE,8BAA8B,EAAO,CAAC;AA8CtE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

package/dist/vue/primevue/index.js

@@ -1,10 +1,9 @@
 import _sfc_main$1 from "./JfText.vue.js";
 import _sfc_main from "./JfTextArea.vue.js";
 import _sfc_main$2 from "./JfNumber.vue.js";
-import JfEnum from "./JfEnum.vue.js";
-import _sfc_main$3 from "./JfEnumArray.vue.js";
-import _sfc_main$4 from "./JfBoolean.vue.js";
-import { rankWith, isStringControl, or, isNumberControl, isIntegerControl, and, isControl, schemaMatches, isBooleanControl } from "@jsonforms/core";
+import _sfc_main$3 from "./JfEnum.vue.js";
+import _sfc_main$4 from "./JfEnumArray.vue.js";
+import _sfc_main$5 from "./JfBoolean.vue.js";
 const injectLayoutStyles = () => {
   if (typeof window !== "undefined" && typeof document !== "undefined") {
     if (!document.getElementById("jsonforms-primevue-styles")) {
@@ -37,32 +36,51 @@ const isEnumArray = (s) => {
   const schema = s;
   return schema?.type === "array" && (Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf));
 };
-const isMultilineString = (uischema, schema) => {
-  return isStringControl(uischema, schema, {}) && uischema?.options?.multi === true;
-};
 const PRIME = 100;
-const primevueRenderers = [
-  // Multiline text has higher priority than regular text
-  { tester: rankWith(PRIME + 4, isMultilineString), renderer: _sfc_main },
-  { tester: rankWith(PRIME + 3, isStringControl), renderer: _sfc_main$1 },
-  {
-    tester: rankWith(PRIME + 4, or(isNumberControl, isIntegerControl)),
-    renderer: _sfc_main$2
-  },
-  {
-    tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),
-    renderer: JfEnum
-  },
-  {
-    tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),
-    renderer: _sfc_main$3
-  },
-  { tester: rankWith(PRIME + 3, isBooleanControl), renderer: _sfc_main$4 }
-];
+const primevueRenderers = [];
+Promise.resolve().then(async () => {
+  const {
+    rankWith,
+    isStringControl,
+    or,
+    isNumberControl,
+    isIntegerControl,
+    and,
+    isControl,
+    schemaMatches,
+    isBooleanControl
+  } = await import("@jsonforms/core");
+  const isMultilineString = (uischema, schema) => {
+    const controlUischema = uischema;
+    return and(isStringControl, () => controlUischema?.options?.multi === true)(
+      uischema,
+      schema,
+      {}
+    );
+  };
+  primevueRenderers.push(
+    // Multiline text has higher priority than regular text
+    { tester: rankWith(PRIME + 4, isMultilineString), renderer: _sfc_main },
+    { tester: rankWith(PRIME + 3, isStringControl), renderer: _sfc_main$1 },
+    {
+      tester: rankWith(PRIME + 4, or(isNumberControl, isIntegerControl)),
+      renderer: _sfc_main$2
+    },
+    {
+      tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),
+      renderer: _sfc_main$3
+    },
+    {
+      tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),
+      renderer: _sfc_main$4
+    },
+    { tester: rankWith(PRIME + 3, isBooleanControl), renderer: _sfc_main$5 }
+  );
+});
 export {
-  _sfc_main$4 as JfBoolean,
-  JfEnum,
-  _sfc_main$3 as JfEnumArray,
+  _sfc_main$5 as JfBoolean,
+  _sfc_main$3 as JfEnum,
+  _sfc_main$4 as JfEnumArray,
   _sfc_main$2 as JfNumber,
   _sfc_main$1 as JfText,
   _sfc_main as JfTextArea,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/vue/primevue/index.ts"],"sourcesContent":["import JfText from \"./JfText.vue\";\nimport JfTextArea from \"./JfTextArea.vue\";\nimport JfNumber from \"./JfNumber.vue\";\nimport JfEnum from \"./JfEnum.vue\";\nimport JfEnumArray from \"./JfEnumArray.vue\";\nimport JfBoolean from \"./JfBoolean.vue\";\n\n// Auto-inject layout styles\nconst injectLayoutStyles = () => {\n  if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n    if (!document.getElementById(\"jsonforms-primevue-styles\")) {\n      const style = document.createElement(\"style\");\n      style.id = \"jsonforms-primevue-styles\";\n      style.textContent = `\n/* JSONForms PrimeVue Provider Protocols Layout Styles */\n.vertical-layout {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1rem;\n  width: 100%;\n}\n\n.vertical-layout-item {\n  width: 100%;\n}\n      `;\n      document.head.appendChild(style);\n    }\n  }\n};\n\n// Inject styles when this module is imported\ninjectLayoutStyles();\n\nimport {\n  rankWith,\n  isStringControl,\n  or,\n  isNumberControl,\n  isIntegerControl,\n  and,\n  isControl,\n  schemaMatches,\n  isBooleanControl,\n} from \"@jsonforms/core\";\n\n// helpers for enum detection\nconst isScalarEnum = (s?: object) => {\n  const schema = s as { type?: string; enum?: unknown[]; oneOf?: unknown[] };\n  return (\n    schema &&\n    schema.type !== \"array\" &&\n    (Array.isArray(schema.enum) || Array.isArray(schema.oneOf))\n  );\n};\n\nconst isEnumArray = (s?: object) => {\n  const schema = s as {\n    type?: string;\n    items?: { enum?: unknown[]; oneOf?: unknown[] };\n  };\n  return (\n    schema?.type === \"array\" &&\n    (Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf))\n  );\n};\n\n// helper for multiline detection\nconst isMultilineString = (uischema: unknown, schema: unknown) => {\n  return (\n    isStringControl(uischema as never, schema as never, {} as never) &&\n    (uischema as { options?: { multi?: boolean } })?.options?.multi === true\n  );\n};\n\n// Give PrimeVue renderers a high base rank; vanilla commonly uses small ranks (2–5)\nconst PRIME = 100;\n\nexport const primevueRenderers = [\n  // Multiline text has higher priority than regular text\n  { tester: rankWith(PRIME + 4, isMultilineString), renderer: JfTextArea },\n  { tester: rankWith(PRIME + 3, isStringControl), renderer: JfText },\n  {\n    tester: rankWith(PRIME + 4, or(isNumberControl, isIntegerControl)),\n    renderer: JfNumber,\n  },\n  {\n    tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),\n    renderer: JfEnum,\n  },\n  {\n    tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),\n    renderer: JfEnumArray,\n  },\n  { tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },\n];\n\nexport { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };\n"],"names":["JfTextArea","JfText","JfNumber","JfEnumArray","JfBoolean"],"mappings":";;;;;;;AAQA,MAAM,qBAAqB,MAAM;AAC/B,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AACpE,QAAI,CAAC,SAAS,eAAe,2BAA2B,GAAG;AACzD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcpB,eAAS,KAAK,YAAY,KAAK;AAAA,IACjC;AAAA,EACF;AACF;AAGA,mBAAA;AAeA,MAAM,eAAe,CAAC,MAAe;AACnC,QAAM,SAAS;AACf,SACE,UACA,OAAO,SAAS,YACf,MAAM,QAAQ,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,KAAK;AAE7D;AAEA,MAAM,cAAc,CAAC,MAAe;AAClC,QAAM,SAAS;AAIf,SACE,QAAQ,SAAS,YAChB,MAAM,QAAQ,OAAO,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,OAAO,KAAK;AAE3E;AAGA,MAAM,oBAAoB,CAAC,UAAmB,WAAoB;AAChE,SACE,gBAAgB,UAAmB,QAAiB,CAAA,CAAW,KAC9D,UAAgD,SAAS,UAAU;AAExE;AAGA,MAAM,QAAQ;AAEP,MAAM,oBAAoB;AAAA;AAAA,EAE/B,EAAE,QAAQ,SAAS,QAAQ,GAAG,iBAAiB,GAAG,UAAUA,UAAA;AAAA,EAC5D,EAAE,QAAQ,SAAS,QAAQ,GAAG,eAAe,GAAG,UAAUC,YAAA;AAAA,EAC1D;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,GAAG,iBAAiB,gBAAgB,CAAC;AAAA,IACjE,UAAUC;AAAAA,EAAA;AAAA,EAEZ;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,YAAY,CAAC,CAAC;AAAA,IACvE,UAAU;AAAA,EAAA;AAAA,EAEZ;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,WAAW,CAAC,CAAC;AAAA,IACtE,UAAUC;AAAAA,EAAA;AAAA,EAEZ,EAAE,QAAQ,SAAS,QAAQ,GAAG,gBAAgB,GAAG,UAAUC,YAAA;AAC7D;"}
+{"version":3,"file":"index.js","sources":["../../../src/vue/primevue/index.ts"],"sourcesContent":["import JfText from \"./JfText.vue\";\nimport JfTextArea from \"./JfTextArea.vue\";\nimport JfNumber from \"./JfNumber.vue\";\nimport JfEnum from \"./JfEnum.vue\";\nimport JfEnumArray from \"./JfEnumArray.vue\";\nimport JfBoolean from \"./JfBoolean.vue\";\n\n// Auto-inject layout styles\nconst injectLayoutStyles = () => {\n  if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n    if (!document.getElementById(\"jsonforms-primevue-styles\")) {\n      const style = document.createElement(\"style\");\n      style.id = \"jsonforms-primevue-styles\";\n      style.textContent = `\n/* JSONForms PrimeVue Provider Protocols Layout Styles */\n.vertical-layout {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1rem;\n  width: 100%;\n}\n\n.vertical-layout-item {\n  width: 100%;\n}\n      `;\n      document.head.appendChild(style);\n    }\n  }\n};\n\n// Inject styles when this module is imported\ninjectLayoutStyles();\n\n// Import types only to avoid circular dependencies\nimport type { JsonFormsRendererRegistryEntry } from \"@jsonforms/core\";\n\n// helpers for enum detection\nconst isScalarEnum = (s?: object) => {\n  const schema = s as { type?: string; enum?: unknown[]; oneOf?: unknown[] };\n  return (\n    schema &&\n    schema.type !== \"array\" &&\n    (Array.isArray(schema.enum) || Array.isArray(schema.oneOf))\n  );\n};\n\nconst isEnumArray = (s?: object) => {\n  const schema = s as {\n    type?: string;\n    items?: { enum?: unknown[]; oneOf?: unknown[] };\n  };\n  return (\n    schema?.type === \"array\" &&\n    (Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf))\n  );\n};\n\n// Give PrimeVue renderers a high base rank; vanilla commonly uses small ranks (2–5)\nconst PRIME = 100;\n\n// Create empty array first, populate it after module initialization to avoid circular deps\nexport const primevueRenderers: JsonFormsRendererRegistryEntry[] = [];\n\n// Populate the renderers array after a microtask delay to avoid circular dependency\nPromise.resolve().then(async () => {\n  const {\n    rankWith,\n    isStringControl,\n    or,\n    isNumberControl,\n    isIntegerControl,\n    and,\n    isControl,\n    schemaMatches,\n    isBooleanControl,\n  } = await import(\"@jsonforms/core\");\n\n  // helper for multiline detection moved inside async block\n  const isMultilineString = (uischema: unknown, schema: unknown) => {\n    const controlUischema = uischema as { options?: { multi?: boolean } };\n    return and(isStringControl, () => controlUischema?.options?.multi === true)(\n      uischema as Parameters<typeof isStringControl>[0],\n      schema as Parameters<typeof isStringControl>[1],\n      {} as Parameters<typeof isStringControl>[2],\n    );\n  };\n\n  primevueRenderers.push(\n    // Multiline text has higher priority than regular text\n    { tester: rankWith(PRIME + 4, isMultilineString), renderer: JfTextArea },\n    { tester: rankWith(PRIME + 3, isStringControl), renderer: JfText },\n    {\n      tester: rankWith(PRIME + 4, or(isNumberControl, isIntegerControl)),\n      renderer: JfNumber,\n    },\n    {\n      tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),\n      renderer: JfEnum,\n    },\n    {\n      tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),\n      renderer: JfEnumArray,\n    },\n    { tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },\n  );\n});\n\nexport { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };\n"],"names":["JfTextArea","JfText","JfNumber","JfEnum","JfEnumArray","JfBoolean"],"mappings":";;;;;;AAQA,MAAM,qBAAqB,MAAM;AAC/B,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AACpE,QAAI,CAAC,SAAS,eAAe,2BAA2B,GAAG;AACzD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcpB,eAAS,KAAK,YAAY,KAAK;AAAA,IACjC;AAAA,EACF;AACF;AAGA,mBAAA;AAMA,MAAM,eAAe,CAAC,MAAe;AACnC,QAAM,SAAS;AACf,SACE,UACA,OAAO,SAAS,YACf,MAAM,QAAQ,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,KAAK;AAE7D;AAEA,MAAM,cAAc,CAAC,MAAe;AAClC,QAAM,SAAS;AAIf,SACE,QAAQ,SAAS,YAChB,MAAM,QAAQ,OAAO,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,OAAO,KAAK;AAE3E;AAGA,MAAM,QAAQ;AAGP,MAAM,oBAAsD,CAAA;AAGnE,QAAQ,QAAA,EAAU,KAAK,YAAY;AACjC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,MAAM,OAAO,iBAAiB;AAGlC,QAAM,oBAAoB,CAAC,UAAmB,WAAoB;AAChE,UAAM,kBAAkB;AACxB,WAAO,IAAI,iBAAiB,MAAM,iBAAiB,SAAS,UAAU,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MACA,CAAA;AAAA,IAAC;AAAA,EAEL;AAEA,oBAAkB;AAAA;AAAA,IAEhB,EAAE,QAAQ,SAAS,QAAQ,GAAG,iBAAiB,GAAG,UAAUA,UAAA;AAAA,IAC5D,EAAE,QAAQ,SAAS,QAAQ,GAAG,eAAe,GAAG,UAAUC,YAAA;AAAA,IAC1D;AAAA,MACE,QAAQ,SAAS,QAAQ,GAAG,GAAG,iBAAiB,gBAAgB,CAAC;AAAA,MACjE,UAAUC;AAAAA,IAAA;AAAA,IAEZ;AAAA,MACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,YAAY,CAAC,CAAC;AAAA,MACvE,UAAUC;AAAAA,IAAA;AAAA,IAEZ;AAAA,MACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,WAAW,CAAC,CAAC;AAAA,MACtE,UAAUC;AAAAA,IAAA;AAAA,IAEZ,EAAE,QAAQ,SAAS,QAAQ,GAAG,gBAAgB,GAAG,UAAUC,YAAA;AAAA,EAAU;AAEzE,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@narrative.io/jsonforms-provider-protocols",
-	"version": "1.1.0-beta.0",
+	"version": "1.1.0-beta.10",
 	"description": "Dynamic data provider capabilities for JSONForms with Vue 3 integration",
 	"type": "module",
 	"author": "Narrative I/O",