@narrative.io/jsonforms-provider-protocols 1.0.3 → 1.1.0-beta.1

package/dist/vue/index.js

@@ -1,13 +1,22 @@
 import { rankWith, and, or, isStringControl, isNumberControl, isIntegerControl } from "@jsonforms/core";
 import _sfc_main from "./components/ProviderAutocomplete.vue.js";
 import ProviderSelect from "./components/ProviderSelect.vue.js";
+import ProviderMultiSelect from "./components/ProviderMultiSelect.vue.js";
+import { primevueRenderers } from "./primevue/index.js";
 import { useProvider } from "./composables/useProvider.js";
 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";
 const hasProvider = (uischema) => {
   return uischema?.options?.provider !== void 0;
 };
 const providerSelectTester = rankWith(
-  6,
+  106,
+  // Higher than PrimeVue base (100) to ensure providers take precedence
   and(
     or(isStringControl, isNumberControl, isIntegerControl),
     hasProvider,
@@ -15,20 +24,45 @@ const providerSelectTester = rankWith(
   )
 );
 const providerAutocompleteTester = rankWith(
-  7,
+  107,
+  // Higher than PrimeVue base (100) to ensure providers take precedence
   and(
     or(isStringControl, isNumberControl, isIntegerControl),
     hasProvider,
     (uischema) => uischema?.options?.autocomplete === true
   )
 );
+const isArrayControl = (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";
+};
+const providerMultiSelectTester = rankWith(
+  108,
+  // Highest priority for array controls with providers
+  and(isArrayControl, hasProvider)
+);
 const providerRenderers = [
-  { tester: providerSelectTester, renderer: ProviderSelect },
-  { tester: providerAutocompleteTester, renderer: _sfc_main }
+  { tester: providerMultiSelectTester, renderer: ProviderMultiSelect },
+  { tester: providerAutocompleteTester, renderer: _sfc_main },
+  { tester: providerSelectTester, renderer: ProviderSelect }
 ];
 export {
+  default6 as JfBoolean,
+  default7 as JfEnum,
+  default5 as JfEnumArray,
+  default4 as JfNumber,
+  default2 as JfText,
+  default3 as JfTextArea,
   _sfc_main as ProviderAutocomplete,
+  ProviderMultiSelect,
   ProviderSelect,
+  primevueRenderers,
   providerRenderers,
   providerTester,
   useProvider

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  isIntegerControl,\n  isNumberControl,\n  isStringControl,\n  or,\n  rankWith,\n} from \"@jsonforms/core\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.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  6,\n  and(\n    or(isStringControl, isNumberControl, isIntegerControl),\n    hasProvider,\n    (uischema) => !uischema?.options?.autocomplete,\n  ),\n);\n\nconst providerAutocompleteTester = rankWith(\n  7,\n  and(\n    or(isStringControl, isNumberControl, isIntegerControl),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\nexport const providerRenderers = [\n  { tester: providerSelectTester, renderer: ProviderSelect },\n  { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n];\n\nexport { ProviderAutocomplete, ProviderSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport * from \"./testers\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;AAaA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAEO,MAAM,oBAAoB;AAAA,EAC/B,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAAA,EAC1C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAClD;"}
+{"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} 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(isStringControl, isNumberControl, isIntegerControl),\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(isStringControl, isNumberControl, isIntegerControl),\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 } from \"./primevue\";\n\n// Export individual components\nexport { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport * from \"./testers\";\nexport * 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,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;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;"}

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

@@ -0,0 +1,75 @@
+import type { ControlElement } from "@jsonforms/core";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        required: true;
+        type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<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<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>;
+export default _default;
+//# sourceMappingURL=JfBoolean.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FtD,wBAEG"}

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

@@ -0,0 +1,36 @@
+import { defineComponent, createElementBlock, openBlock, createVNode, createCommentVNode, unref, toDisplayString } from "vue";
+import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import Checkbox from "primevue/checkbox";
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = {
+  key: 1,
+  class: "p-error"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "JfBoolean" },
+  __name: "JfBoolean",
+  props: rendererProps(),
+  setup(__props) {
+    const props = __props;
+    const { control, handleChange } = useJsonFormsControl(props);
+    const onToggle = (val) => handleChange(control.value.path, val);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Checkbox), {
+          binary: true,
+          "model-value": !!unref(control).data,
+          disabled: !unref(control).enabled,
+          "aria-invalid": !!unref(control).errors || void 0,
+          "onUpdate:modelValue": onToggle
+        }, null, 8, ["model-value", "disabled", "aria-invalid"]),
+        unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
+        unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_3, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=JfBoolean.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfBoolean.vue.js","sources":["../../../src/vue/primevue/JfBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport Checkbox from \"primevue/checkbox\";\n\ndefineOptions({ name: \"JfBoolean\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\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":";;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AACd,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/JfBoolean.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./JfBoolean.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=JfBoolean.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfBoolean.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,75 @@
+import type { ControlElement, JsonSchema } from "@jsonforms/core";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        required: true;
+        type: import("vue").PropType<JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<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<JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<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>;
+export default _default;
+//# sourceMappingURL=JfEnum.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuJlE,wBAEG"}

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

@@ -0,0 +1,8 @@
+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-ea538214"]]);
+export {
+  JfEnum as default
+};
+//# sourceMappingURL=JfEnum.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfEnum.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,65 @@
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+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"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "JfEnum" },
+  __name: "JfEnum",
+  props: rendererProps(),
+  setup(__props) {
+    const props = __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 placeholder = computed(
+      () => control.value.uischema?.options?.placeholder ?? control.value.description
+    );
+    const options = computed(() => toOptions(control.value.schema));
+    const onSelect = (val) => handleChange(control.value.path, val);
+    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,
+          "aria-invalid": !!unref(control).errors || void 0,
+          "show-clear": true,
+          "onUpdate:modelValue": onSelect
+        }, null, 8, ["options", "model-value", "placeholder", "disabled", "aria-invalid"]),
+        unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=JfEnum.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfEnum.vue2.js","sources":["../../../src/vue/primevue/JfEnum.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed } from \"vue\";\nimport Dropdown from \"primevue/dropdown\";\n\ndefineOptions({ name: \"JfEnum\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\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\nconst placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\nconst options = computed(() => toOptions(control.value.schema));\nconst onSelect = (val: unknown) => handleChange(control.value.path, val);\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\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      :show-clear=\"true\"\n      @update:model-value=\"onSelect\"\n    />\n    <small v-if=\"control.errors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-dropdown-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAG3D,UAAM,YAAY,CAAC,WAA+B;AAChD,UAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,YAAM,IAAI;AAIV,UAAI,MAAM,QAAQ,EAAE,IAAI;AACtB,eAAO,EAAE,KAAK,IAAI,CAAC,OAAgB,EAAE,OAAO,OAAO,CAAC,GAAG,OAAO,EAAA,EAAI;AACpE,UAAI,MAAM,QAAQ,EAAE,KAAK;AACvB,eAAO,EAAE,MAAM,IAAI,CAAC,OAAO;AAAA,UACzB,OAAO,EAAE,SAAS,OAAO,EAAE,KAAK;AAAA,UAChC,OAAO,EAAE;AAAA,QAAA,EACT;AACJ,aAAO,CAAA;AAAA,IACT;AAEA,UAAM,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAGrC,UAAM,UAAU,SAAS,MAAM,UAAU,QAAQ,MAAM,MAAM,CAAC;AAC9D,UAAM,WAAW,CAAC,QAAiB,aAAa,QAAQ,MAAM,MAAM,GAAG;;AAIrE,aAAAA,UAAA,GAAAC,mBAoBM,OApBN,YAoBM;AAAA,QAnBSC,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,YAWEF,MAAA,QAAA,GAAA;AAAA,UAVA,OAAM;AAAA,UACL,SAAS,QAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACZ,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,cAAY;AAAA,UACZ,uBAAoB;AAAA,QAAA;QAEVA,MAAA,OAAA,EAAQ,UAArBF,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}

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

@@ -0,0 +1,75 @@
+import type { ControlElement, JsonSchema } from "@jsonforms/core";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        required: true;
+        type: import("vue").PropType<JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<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<JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<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>;
+export default _default;
+//# sourceMappingURL=JfEnumArray.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfEnumArray.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnumArray.vue"],"names":[],"mappings":"AAuFA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmKlE,wBAEG"}

package/dist/vue/primevue/JfEnumArray.vue.js

@@ -0,0 +1,84 @@
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import MultiSelect from "primevue/multiselect";
+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"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "JfEnumArray" },
+  __name: "JfEnumArray",
+  props: rendererProps(),
+  setup(__props) {
+    const props = __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 options = computed(
+      () => toOptions(control.value.schema?.items)
+    );
+    const placeholder = computed(
+      () => control.value.uischema?.options?.placeholder ?? control.value.description
+    );
+    const sameSet = (a, b) => {
+      if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)
+        return false;
+      const s = new Set(b);
+      return a.every((v) => s.has(v));
+    };
+    const model = computed({
+      get() {
+        const curr = Array.isArray(control.value.data) ? control.value.data : [];
+        return [...curr];
+      },
+      set(val) {
+        const next = Array.isArray(val) ? [...val] : [];
+        const curr = Array.isArray(control.value.data) ? control.value.data : [];
+        if (!sameSet(curr, next)) handleChange(control.value.path, next);
+      }
+    });
+    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(MultiSelect), {
+          modelValue: model.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+          class: "w-full",
+          options: options.value,
+          "option-label": "label",
+          "option-value": "value",
+          "data-key": "value",
+          display: "chip",
+          disabled: !unref(control).enabled,
+          "aria-invalid": !!unref(control).errors || void 0,
+          placeholder: placeholder.value
+        }, null, 8, ["modelValue", "options", "disabled", "aria-invalid", "placeholder"]),
+        unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=JfEnumArray.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfEnumArray.vue.js","sources":["../../../src/vue/primevue/JfEnumArray.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed } from \"vue\";\nimport MultiSelect from \"primevue/multiselect\";\n\ndefineOptions({ name: \"JfEnumArray\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\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\nconst options = computed(() =>\n  toOptions((control.value.schema as { items?: JsonSchema })?.items),\n);\nconst placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\n// order-insensitive shallow equality for primitive enums\nconst sameSet = (a: unknown[], b: unknown[]) => {\n  if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)\n    return false;\n  const s = new Set(b);\n  return a.every((v) => s.has(v));\n};\n\n// v-model with guard to avoid recursive updates\nconst model = computed<unknown[]>({\n  get() {\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    // return a fresh copy so PrimeMultiSelect can't mutate JSONForms' array in place\n    return [...curr];\n  },\n  set(val) {\n    const next = Array.isArray(val) ? [...val] : [];\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    if (!sameSet(curr, next)) handleChange(control.value.path, next);\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\n    <MultiSelect\n      v-model=\"model\"\n      class=\"w-full\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      data-key=\"value\"\n      display=\"chip\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      :placeholder=\"placeholder\"\n    />\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;AAG3D,UAAM,YAAY,CAAC,WAA+B;AAChD,UAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,YAAM,IAAI;AAIV,UAAI,MAAM,QAAQ,EAAE,IAAI;AACtB,eAAO,EAAE,KAAK,IAAI,CAAC,OAAgB,EAAE,OAAO,OAAO,CAAC,GAAG,OAAO,EAAA,EAAI;AACpE,UAAI,MAAM,QAAQ,EAAE,KAAK;AACvB,eAAO,EAAE,MAAM,IAAI,CAAC,OAAO;AAAA,UACzB,OAAO,EAAE,SAAS,OAAO,EAAE,KAAK;AAAA,UAChC,OAAO,EAAE;AAAA,QAAA,EACT;AACJ,aAAO,CAAA;AAAA,IACT;AAEA,UAAM,UAAU;AAAA,MAAS,MACvB,UAAW,QAAQ,MAAM,QAAmC,KAAK;AAAA,IAAA;AAEnE,UAAM,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAIrC,UAAM,UAAU,CAAC,GAAc,MAAiB;AAC9C,UAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;AAC3D,eAAO;AACT,YAAM,IAAI,IAAI,IAAI,CAAC;AACnB,aAAO,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAAA,IAChC;AAGA,UAAM,QAAQ,SAAoB;AAAA,MAChC,MAAM;AACJ,cAAM,OAAO,MAAM,QAAQ,QAAQ,MAAM,IAAI,IAAI,QAAQ,MAAM,OAAO,CAAA;AAEtE,eAAO,CAAC,GAAG,IAAI;AAAA,MACjB;AAAA,MACA,IAAI,KAAK;AACP,cAAM,OAAO,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAA;AAC7C,cAAM,OAAO,MAAM,QAAQ,QAAQ,MAAM,IAAI,IAAI,QAAQ,MAAM,OAAO,CAAA;AACtE,YAAI,CAAC,QAAQ,MAAM,IAAI,EAAG,cAAa,QAAQ,MAAM,MAAM,IAAI;AAAA,MACjE;AAAA,IAAA,CACD;;AAIC,aAAAA,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM;AAAA,QArBSC,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;QAGxBE,YAWEF,MAAA,WAAA,GAAA;AAAA,sBAVS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,SAAS,QAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACb,YAAS;AAAA,UACT,SAAQ;AAAA,UACP,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,aAAa,YAAA;AAAA,QAAA;QAGHA,MAAA,OAAA,EAAQ,UAArBF,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./JfEnumArray.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=JfEnumArray.vue2.js.map

package/dist/vue/primevue/JfEnumArray.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JfEnumArray.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,75 @@
+import type { ControlElement } from "@jsonforms/core";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        required: true;
+        type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<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<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>;
+export default _default;
+//# sourceMappingURL=JfNumber.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfNumber.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HtD,wBAEG"}