@sfxcode/formkit-primevue 2.5.9 → 2.5.10

package/dist/components/FormKitDataEdit.vue

@@ -1,4 +1,6 @@
 <script setup lang='ts'>
+import type { FormKitSchemaDefinition } from '@formkit/core'
+import type { PropType } from 'vue'
 import { FormKit, FormKitMessages, FormKitSchema } from '@formkit/vue'
 import { ref } from 'vue'
 import FormKitDebug from './FormKitDebug.vue'
@@ -13,7 +15,7 @@ const props = defineProps({
     default: null,
   },
   schema: {
-    type: Object,
+    type: Object as PropType<FormKitSchemaDefinition>,
     default: null,
   },
   debugData: {
@@ -82,7 +84,7 @@ function handleSave() {
       </template>
     </FormKit>
     <FormKitDebug v-if="debugData" :data="formData" header="Data" />
-    <FormKitDebug v-if="debugSchema" :data="formSchema" header="Schema" />
+    <FormKitDebug v-if="debugSchema" :data="formSchema as object" header="Schema" />
   </div>
 </template>
 

package/dist/components/FormKitDataView.vue

@@ -1,4 +1,6 @@
 <script setup lang='ts'>
+import type { FormKitSchemaDefinition } from '@formkit/core'
+import type { PropType } from 'vue'
 import { FormKit, FormKitSchema } from '@formkit/vue'
 import { ref } from 'vue'
 import FormKitDebug from './FormKitDebug.vue'
@@ -9,7 +11,7 @@ const props = defineProps({
     default: null,
   },
   schema: {
-    type: Object,
+    type: Object as PropType<FormKitSchemaDefinition>,
     default: null,
   },
   formClass: {
@@ -42,7 +44,7 @@ const formData = ref(props.data)
       <slot />
     </FormKit>
     <FormKitDebug v-if="debugData" :data="formData" header="Data" />
-    <FormKitDebug v-if="debugSchema" :data="formSchema" header="Schema" />
+    <FormKitDebug v-if="debugSchema" :data="formSchema as object" header="Schema" />
   </div>
 </template>
 

package/dist/components/PrimeAutoComplete.vue

@@ -25,7 +25,8 @@ const props = defineProps({
 
 const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
 
-const suggestions = ref([])
+const suggestions = ref(['', {}])
+suggestions.value = []
 
 function search(event: AutoCompleteCompleteEvent) {
   if (props.context?.options && props.context?.optionLabel) {

package/dist/components/PrimeCheckbox.vue

@@ -47,7 +47,7 @@ const generatedId = generateId()
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
-      :indeterminate="context.indeterminate ?? null"
+      :indeterminate="context.indeterminate ?? undefined"
       :binary="context.binary ?? true"
       :variant="context.variant ?? 'outlined'"
       :true-value="context.trueValue ?? undefined"

package/dist/components/PrimeDatePicker.vue

@@ -62,7 +62,7 @@ const props = defineProps({
 const { validSlotNames, unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
 
 function handleBlur(e: DatePickerBlurEvent) {
-  props.context?.handlers.blur(e.originalEvent)
+  props.context?.handlers.blur(e.originalEvent as FocusEvent)
 }
 
 function handleClearClick() {

package/dist/components/PrimeEditor.vue

@@ -26,7 +26,7 @@ const { unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
 
 function handleSelection(e: EditorSelectionChangeEvent) {
   if (e.range === null)
-    props.context?.handlers.blur(e.htmlValue)
+    props.context?.node.input(props.context?._value)
 }
 </script>
 

package/dist/components/PrimeInputNumber.vue

@@ -37,7 +37,7 @@ const props = defineProps({
 const { validSlotNames, unstyled, isInvalid } = useFormKitInput(props.context)
 
 function handleBlur(e: InputNumberBlurEvent) {
-  props.context?.handlers.blur(e.originalEvent)
+  props.context?.handlers.blur(e.originalEvent as FocusEvent)
 }
 
 function handleInput(_: any) {

package/dist/components/PrimeMultiSelect.vue

@@ -13,7 +13,6 @@ export interface FormKitPrimeMultiSelectProps {
   optionGroupLabel?: MultiSelectProps['optionGroupLabel']
   optionGroupChildren?: MultiSelectProps['optionGroupChildren']
   scrollHeight?: MultiSelectProps['scrollHeight']
-  closeIcon?: MultiSelectProps['closeIcon']
   dataKey?: MultiSelectProps['dataKey']
   filter?: MultiSelectProps['filter']
   filterPlaceholder?: MultiSelectProps['filterPlaceholder']

package/dist/composables/useFormKitSection.d.ts

@@ -1,5 +1,5 @@
 export declare function useFormKitSection(context: any): {
-    generateId: () => any;
+    generateId: () => string;
     hasPrefix: import("vue").ComputedRef<any>;
     hasPrefixIcon: import("vue").ComputedRef<any>;
     hasSuffix: import("vue").ComputedRef<any>;

package/dist/composables/useInputEditor.js

@@ -12,14 +12,16 @@ function useInputEditor() {
     if (!data) return {};
     const formkitInput = data?._dollar_formkit;
     let tempData = {};
-    if (data.prime && data.prime?.length > 0) {
-      const mapped = data.prime?.map(entry => {
+    if (data.prime && data.prime.length > 0) {
+      const mapped = data.prime.map(entry => {
         const key = entry.prime_key;
         let value = entry.prime_value;
-        if (formkitInput === "primeInputOtp" && key === "length") value = +value;
+        if (formkitInput === "primeInputOtp" && key === "length") {
+          value = +value;
+        }
         return [key, value];
       });
-      tempData = Object.assign(...mapped.map(([key, val]) => ({
+      tempData = Object.assign({}, ...mapped.map(([key, val]) => ({
         [key]: val
       })));
     }
@@ -93,7 +95,7 @@ function useInputEditor() {
   }
   function objectToString(data) {
     return `{${Object.entries(data).map(([key, value]) => {
-      if (key === "options" && value.length > 0) {
+      if (key === "options" && Array.isArray(value) && value.length > 0) {
         let result = "[";
         value.forEach(o => result = `${result + objectToString(o)}, `);
         return `${key}: ${result.substring(0, result.length - 2)}]`;

package/dist/composables/useInputEditor.mjs

@@ -7,15 +7,16 @@ export function useInputEditor() {
       return {};
     const formkitInput = data?._dollar_formkit;
     let tempData = {};
-    if (data.prime && data.prime?.length > 0) {
-      const mapped = data.prime?.map((entry) => {
+    if (data.prime && data.prime.length > 0) {
+      const mapped = data.prime.map((entry) => {
         const key = entry.prime_key;
         let value = entry.prime_value;
-        if (formkitInput === "primeInputOtp" && key === "length")
+        if (formkitInput === "primeInputOtp" && key === "length") {
           value = +value;
+        }
         return [key, value];
       });
-      tempData = Object.assign(...mapped.map(([key, val]) => ({ [key]: val })));
+      tempData = Object.assign({}, ...mapped.map(([key, val]) => ({ [key]: val })));
     }
     const readonlyValue = data.readonly ? true : void 0;
     const disabledValue = data.disabled ? true : void 0;
@@ -60,7 +61,7 @@ export function useInputEditor() {
   }
   function objectToString(data) {
     return `{${Object.entries(data).map(([key, value]) => {
-      if (key === "options" && value.length > 0) {
+      if (key === "options" && Array.isArray(value) && value.length > 0) {
         let result = "[";
         value.forEach((o) => result = `${result + objectToString(o)}, `);
         return `${key}: ${result.substring(0, result.length - 2)}]`;

package/dist/plugins/index.d.ts

@@ -1 +1,2 @@
-export declare function addPrimeAsteriskPlugin(node: any): any;
+import type { FormKitNode } from '@formkit/core';
+export declare function addPrimeAsteriskPlugin(node: FormKitNode): void;

package/dist/plugins/index.js

@@ -7,19 +7,21 @@ exports.addPrimeAsteriskPlugin = addPrimeAsteriskPlugin;
 function addPrimeAsteriskPlugin(node) {
   if (!node.props.type.startsWith("prime")) return;
   node.on("created", () => {
-    const schemaFn = node.props.definition.schema;
-    node.props.definition.schema = (sectionsSchema = {}) => {
-      sectionsSchema.label = {
-        children: ["$label", {
-          $el: "span",
-          if: "$state.required",
-          attrs: {
-            class: "p-formkit-asterisk"
-          },
-          children: ["*"]
-        }]
+    if (node.props.definition?.schema) {
+      const schemaFn = node.props.definition?.schema;
+      node.props.definition.schema = (sectionsSchema = {}) => {
+        sectionsSchema.label = {
+          children: ["$label", {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-asterisk"
+            },
+            children: ["*"]
+          }]
+        };
+        return schemaFn(sectionsSchema);
       };
-      return schemaFn(sectionsSchema);
-    };
+    }
   });
 }

package/dist/plugins/index.mjs

@@ -2,19 +2,21 @@ export function addPrimeAsteriskPlugin(node) {
   if (!node.props.type.startsWith("prime"))
     return;
   node.on("created", () => {
-    const schemaFn = node.props.definition.schema;
-    node.props.definition.schema = (sectionsSchema = {}) => {
-      sectionsSchema.label = {
-        children: ["$label", {
-          $el: "span",
-          if: "$state.required",
-          attrs: {
-            class: "p-formkit-asterisk"
-          },
-          children: ["*"]
-        }]
+    if (node.props.definition?.schema) {
+      const schemaFn = node.props.definition?.schema;
+      node.props.definition.schema = (sectionsSchema = {}) => {
+        sectionsSchema.label = {
+          children: ["$label", {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-asterisk"
+            },
+            children: ["*"]
+          }]
+        };
+        return schemaFn(sectionsSchema);
       };
-      return schemaFn(sectionsSchema);
-    };
+    }
   });
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "2.5.9",
+  "version": "2.5.10",
   "packageManager": "pnpm@9.12.1+sha256.91452fdfa46234ae447d46d5c4fc4e7e0a7058f90495c4b6f77f8beebbb154e3",
   "author": {
     "name": "Tom",
@@ -68,7 +68,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "unbuild",
+    "build": "vue-tsc --build --force && unbuild",
     "dev": "vite serve dev",
     "dev:build": "vite build dev",
     "dev:preview": "vite preview dev",
@@ -88,7 +88,7 @@
   },
   "dependencies": {
     "@formkit/addons": "^1.6.7",
-    "@formkit/drag-and-drop": "^0.2.4",
+    "@formkit/drag-and-drop": "^0.2.5",
     "@formkit/i18n": "^1.6.7",
     "@formkit/vue": "^1.6.7",
     "@intlify/core": "9.14.1",
@@ -102,9 +102,10 @@
     "@antfu/eslint-config": "^3.8.0",
     "@formkit/core": "^1.6.7",
     "@primevue/themes": "^4.1.1",
-    "@types/node": "^22.7.7",
-    "@unocss/preset-icons": "^0.63.4",
-    "@unocss/preset-uno": "^0.63.4",
+    "@types/node": "^22.7.9",
+    "@types/uuid": "^10.0.0",
+    "@unocss/preset-icons": "^0.63.6",
+    "@unocss/preset-uno": "^0.63.6",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/coverage-v8": "^2.1.3",
     "@vitest/ui": "^2.1.3",
@@ -128,12 +129,12 @@
     "tslib": "^2.8.0",
     "typescript": "^5.6.3",
     "unbuild": "2.0.0",
-    "unocss": "^0.63.4",
+    "unocss": "^0.63.6",
     "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",
-    "vanilla-jsoneditor": "^1.0.8",
-    "vite": "^5.4.9",
-    "vite-plugin-dts": "^4.2.4",
+    "vanilla-jsoneditor": "^1.1.1",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-pages": "^0.32.3",
     "vite-ssg": "^0.23.8",