@sfxcode/formkit-primevue 3.3.8 → 4.1.0

package/dist/composables/useFormKitRepeater.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated This function is deprecated. Use primeRepeater instead. It will be removed in a future version.
+ */
 export declare function useFormKitRepeater(): {
     addInsertButton: (label?: string, innerClass?: string, outerClass?: string, buttonClass?: string, iconClass?: string) => {
         $el: string;

package/dist/composables/useFormKitSchema.js

@@ -55,7 +55,7 @@ function useFormKitSchema() {
   };
   const addElementsInOuterDiv = (children = [], innerClass = "", outerClass = "", label = "", help = "", render = true) => {
     const inner = addElement("div", children, {
-      class: `formkit-inner ${innerClass}`,
+      class: innerClass,
       style: "position: relative;"
     });
     const labelDiv = addElement("label", [label], {
@@ -68,7 +68,7 @@ function useFormKitSchema() {
       class: "formkit-help"
     });
     return addElement("div", [wrapperDiv, helpDiv], {
-      class: `formkit-outer ${outerClass}`,
+      class: outerClass,
       style: "position: relative;"
     }, render);
   };

package/dist/composables/useFormKitSchema.mjs

@@ -48,11 +48,11 @@ export function useFormKitSchema() {
     };
   };
   const addElementsInOuterDiv = (children = [], innerClass = "", outerClass = "", label = "", help = "", render = true) => {
-    const inner = addElement("div", children, { class: `formkit-inner ${innerClass}`, style: "position: relative;" });
+    const inner = addElement("div", children, { class: innerClass, style: "position: relative;" });
     const labelDiv = addElement("label", [label], { class: "formkit-label" });
     const wrapperDiv = addElement("div", [labelDiv, inner], { class: "formkit-wrapper" });
     const helpDiv = addElement("div", [help], { class: "formkit-help" });
-    return addElement("div", [wrapperDiv, helpDiv], { class: `formkit-outer ${outerClass}`, style: "position: relative;" }, render);
+    return addElement("div", [wrapperDiv, helpDiv], { class: outerClass, style: "position: relative;" }, render);
   };
   return { addComponent, addElement, addGroup, addList, addListGroup, addElementsInOuterDiv };
 }

package/dist/definitions/index.d.ts

@@ -21,6 +21,7 @@ export declare const primeInputs: {
     primeCascadeSelect: import("@formkit/core").FormKitTypeDefinition;
     primeTreeSelect: import("@formkit/core").FormKitTypeDefinition;
     primeInputOtp: import("@formkit/core").FormKitTypeDefinition;
+    primeRepeater: import("@formkit/core").FormKitTypeDefinition;
 };
 export declare const primeOutputs: {
     primeOutputText: import("@formkit/core").FormKitTypeDefinition;

package/dist/definitions/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.primeOutputs = exports.primeInputs = void 0;
 var _input = require("./input");
 var _output = require("./output");
+var _repeater = require("./repeater.ts");
 const primeInputs = exports.primeInputs = {
   primeAutoComplete: _input.primeAutoCompleteDefinition,
   primeInputText: _input.primeInputTextDefinition,
@@ -28,7 +29,8 @@ const primeInputs = exports.primeInputs = {
   primeSelectButton: _input.primeSelectButtonDefinition,
   primeCascadeSelect: _input.primeCascadeSelectDefinition,
   primeTreeSelect: _input.primeTreeSelectDefinition,
-  primeInputOtp: _input.primeInputOtpDefinition
+  primeInputOtp: _input.primeInputOtpDefinition,
+  primeRepeater: _repeater.primeRepeaterDefinition
 };
 const primeOutputs = exports.primeOutputs = {
   primeOutputText: _output.primeOutputTextDefinition,

package/dist/definitions/index.mjs

@@ -32,6 +32,7 @@ import {
   primeOutputReferenceDefinition,
   primeOutputTextDefinition
 } from "./output.mjs";
+import { primeRepeaterDefinition } from "./repeater.ts";
 export const primeInputs = {
   primeAutoComplete: primeAutoCompleteDefinition,
   primeInputText: primeInputTextDefinition,
@@ -54,7 +55,8 @@ export const primeInputs = {
   primeSelectButton: primeSelectButtonDefinition,
   primeCascadeSelect: primeCascadeSelectDefinition,
   primeTreeSelect: primeTreeSelectDefinition,
-  primeInputOtp: primeInputOtpDefinition
+  primeInputOtp: primeInputOtpDefinition,
+  primeRepeater: primeRepeaterDefinition
 };
 export const primeOutputs = {
   primeOutputText: primeOutputTextDefinition,

package/dist/definitions/input.d.ts

@@ -44,4 +44,5 @@ export declare const primeInputs: {
     primeCascadeSelect: FormKitTypeDefinition;
     primeTreeSelect: FormKitTypeDefinition;
     primeInputOtp: FormKitTypeDefinition;
+    primeRepeater: FormKitTypeDefinition;
 };

package/dist/definitions/input.js

@@ -27,6 +27,7 @@ var _PrimeTextarea = _interopRequireDefault(require("../components/PrimeTextarea
 var _PrimeToggleButton = _interopRequireDefault(require("../components/PrimeToggleButton.vue"));
 var _PrimeToggleSwitch = _interopRequireDefault(require("../components/PrimeToggleSwitch.vue"));
 var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
+var _repeater = require("./repeater.ts");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
   props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"],
@@ -138,5 +139,6 @@ const primeInputs = exports.primeInputs = {
   primeSelectButton: primeSelectButtonDefinition,
   primeCascadeSelect: primeCascadeSelectDefinition,
   primeTreeSelect: primeTreeSelectDefinition,
-  primeInputOtp: primeInputOtpDefinition
+  primeInputOtp: primeInputOtpDefinition,
+  primeRepeater: _repeater.primeRepeaterDefinition
 };

package/dist/definitions/input.mjs

@@ -21,6 +21,7 @@ import PrimeTextarea from "../components/PrimeTextarea.vue";
 import PrimeToggleButton from "../components/PrimeToggleButton.vue";
 import PrimeToggleSwitch from "../components/PrimeToggleSwitch.vue";
 import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
+import { primeRepeaterDefinition } from "./repeater.ts";
 export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
   props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"],
   family: "PrimeInput"
@@ -131,5 +132,6 @@ export const primeInputs = {
   primeSelectButton: primeSelectButtonDefinition,
   primeCascadeSelect: primeCascadeSelectDefinition,
   primeTreeSelect: primeTreeSelectDefinition,
-  primeInputOtp: primeInputOtpDefinition
+  primeInputOtp: primeInputOtpDefinition,
+  primeRepeater: primeRepeaterDefinition
 };

package/dist/definitions/repeater.d.ts

@@ -0,0 +1,2 @@
+import type { FormKitTypeDefinition } from '@formkit/core';
+export declare const primeRepeaterDefinition: FormKitTypeDefinition;

package/dist/definitions/repeater.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.primeRepeaterDefinition = void 0;
+var _vue = require("@formkit/vue");
+var _useFormKitSchema = require("../composables/useFormKitSchema");
+const {
+  addList,
+  addElement,
+  addListGroup,
+  addComponent,
+  addElementsInOuterDiv
+} = (0, _useFormKitSchema.useFormKitSchema)();
+function addActionButtons(innerClass = "", outerClass = "", label = "Actions", help = "", render = "true") {
+  const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", disabled = "false", styleClass = "p-button-sm") => {
+    return addComponent("Button", {
+      onClick,
+      label: label2,
+      icon,
+      class: styleClass,
+      severity,
+      disabled
+    }, render2);
+  };
+  return addElementsInOuterDiv([addButtonComponent("$removeNode($node.parent, $index)", "", "pi pi-times", "danger", "true", "$false"), addButtonComponent("$cloneNode($node.parent, $index)", "", "pi pi-clone", "", "$displayCloneButton", "$false"), addButtonComponent("$moveNodeDown($node.parent, $index)", "", "pi pi-arrow-down", "secondary", "true", "$index === $node.parent.value.length -1"), addButtonComponent("$moveNodeUp($node.parent, $index)", "", "pi pi-arrow-up", "secondary", "true", "$index === 0")], innerClass, outerClass, label, help, render);
+}
+const primeRepeaterDefinition = exports.primeRepeaterDefinition = (0, _vue.createInput)([addElement("div", [addList("$listName", [addComponent("Button", {
+  onClick: "$addNode($node)",
+  label: "$addButtonLabel",
+  size: "small",
+  icon: "pi pi-plus",
+  class: "$addButtonClass"
+}, "$node.children.length == 0 || $alwaysDisplayAddButton"), addListGroup([addElement("div", [{
+  children: "$slots.default"
+}, addActionButtons("$buttonsInnerClass", "$buttonsOuterClass", "$buttonsLabel")], {
+  class: "$itemClass"
+})])], true, "true")], {
+  class: "$listClass"
+})], {
+  props: ["buttonsOuterClass", "buttonsInnerClass", "buttonsLabel", "addButtonLabel", "addButtonClass", "newItem", "itemClass", "listClass", "displayCloneButton", "alwaysDisplayAddButton"],
+  features: [addRepeaterHandler]
+});
+function addRepeaterHandler(node) {
+  const swapElements = (array, index1, index2) => {
+    const newArray = [...array];
+    const temp = newArray[index1];
+    newArray[index1] = newArray[index2];
+    newArray[index2] = temp;
+    return newArray;
+  };
+  node.on("created", () => {
+    if (node.context) {
+      const newItem = node.context.newItem || {};
+      node.context.listName = node.name;
+      node.context.removeNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
+        }
+      };
+      node.context.addNode = parentNode => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const newArray = [...parentNode.value, newItem];
+          parentNode.input(newArray, false);
+        }
+      };
+      node.context.cloneNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const item = parentNode.value[index];
+          const newArray = [...parentNode.value.slice(0, index), {
+            ...item
+          }, ...parentNode.value.slice(index)];
+          parentNode.input([...newArray], false);
+        }
+      };
+      node.context.moveNodeUp = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const array = [...parentNode.value];
+          if (index > 0) parentNode.input(swapElements(array, index - 1, index), false);
+        }
+      };
+      node.context.moveNodeDown = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const array = [...parentNode.value];
+          if (index < array.length - 1) parentNode.input(swapElements(array, index, index + 1), false);
+        }
+      };
+    }
+  });
+}

package/dist/definitions/repeater.mjs

@@ -0,0 +1,82 @@
+import { createInput } from "@formkit/vue";
+import { useFormKitSchema } from "../composables/useFormKitSchema.mjs";
+const { addList, addElement, addListGroup, addComponent, addElementsInOuterDiv } = useFormKitSchema();
+function addActionButtons(innerClass = "", outerClass = "", label = "Actions", help = "", render = "true") {
+  const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", disabled = "false", styleClass = "p-button-sm") => {
+    return addComponent("Button", { onClick, label: label2, icon, class: styleClass, severity, disabled }, render2);
+  };
+  return addElementsInOuterDiv([
+    addButtonComponent("$removeNode($node.parent, $index)", "", "pi pi-times", "danger", "true", "$false"),
+    addButtonComponent("$cloneNode($node.parent, $index)", "", "pi pi-clone", "", "$displayCloneButton", "$false"),
+    addButtonComponent("$moveNodeDown($node.parent, $index)", "", "pi pi-arrow-down", "secondary", "true", "$index === $node.parent.value.length -1"),
+    addButtonComponent("$moveNodeUp($node.parent, $index)", "", "pi pi-arrow-up", "secondary", "true", "$index === 0")
+  ], innerClass, outerClass, label, help, render);
+}
+export const primeRepeaterDefinition = createInput(
+  [
+    addElement("div", [
+      addList("$listName", [
+        addComponent("Button", { onClick: "$addNode($node)", label: "$addButtonLabel", size: "small", icon: "pi pi-plus", class: "$addButtonClass" }, "$node.children.length == 0 || $alwaysDisplayAddButton"),
+        addListGroup([
+          addElement("div", [
+            {
+              children: "$slots.default"
+            },
+            addActionButtons("$buttonsInnerClass", "$buttonsOuterClass", "$buttonsLabel")
+          ], { class: "$itemClass" })
+        ])
+      ], true, "true")
+    ], { class: "$listClass" })
+  ],
+  {
+    props: ["buttonsOuterClass", "buttonsInnerClass", "buttonsLabel", "addButtonLabel", "addButtonClass", "newItem", "itemClass", "listClass", "displayCloneButton", "alwaysDisplayAddButton"],
+    features: [addRepeaterHandler]
+  }
+);
+function addRepeaterHandler(node) {
+  const swapElements = (array, index1, index2) => {
+    const newArray = [...array];
+    const temp = newArray[index1];
+    newArray[index1] = newArray[index2];
+    newArray[index2] = temp;
+    return newArray;
+  };
+  node.on("created", () => {
+    if (node.context) {
+      const newItem = node.context.newItem || {};
+      node.context.listName = node.name;
+      node.context.removeNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
+        }
+      };
+      node.context.addNode = (parentNode) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const newArray = [...parentNode.value, newItem];
+          parentNode.input(newArray, false);
+        }
+      };
+      node.context.cloneNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const item = parentNode.value[index];
+          const newArray = [...parentNode.value.slice(0, index), { ...item }, ...parentNode.value.slice(index)];
+          parentNode.input([...newArray], false);
+        }
+      };
+      node.context.moveNodeUp = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const array = [...parentNode.value];
+          if (index > 0)
+            parentNode.input(swapElements(array, index - 1, index), false);
+        }
+      };
+      node.context.moveNodeDown = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const array = [...parentNode.value];
+          if (index < array.length - 1)
+            parentNode.input(swapElements(array, index, index + 1), false);
+        }
+      };
+    }
+  });
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "3.3.8",
-  "packageManager": "pnpm@10.30.3+sha512.c961d1e0a2d8e354ecaa5166b822516668b7f44cb5bd95122d590dd81922f606f5473b6d23ec4a5be05e7fcd18e8488d47d978bbe981872f1145d06e9a740017",
+  "version": "4.1.0",
+  "packageManager": "pnpm@11.0.9+sha512.34ce82e6780233cf9cad8685029a8f81d2e06196c5a9bad98879f7424940c6817c4e4524fb7d38b8553ceed48b9758b8ebaf1abd3600c232c4c8cf7366086f38",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -75,7 +75,7 @@
     "dev": "vite serve dev",
     "dev:build": "vite build dev",
     "dev:preview": "vite preview dev",
-    "release": "npm run lint && npm run build && changelogen --patch --release  && npm publish --access public && git push --follow-tags",
+    "release": "npm run lint && npm run build && changelogen --minor --release  && npm publish --access public && git push --follow-tags",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "prepublishOnly": "pnpm build",
@@ -90,59 +90,58 @@
     "vue": "^3.4.0"
   },
   "dependencies": {
-    "@formkit/addons": "^1.7.2",
-    "@formkit/core": "^1.7.2",
-    "@formkit/i18n": "^1.7.2",
-    "@formkit/inputs": "^1.7.2",
-    "@formkit/vue": "^1.7.2",
-    "@intlify/core": "^11.3.0",
+    "@formkit/addons": "^2.0.0",
+    "@formkit/core": "^2.0.0",
+    "@formkit/i18n": "^2.0.0",
+    "@formkit/inputs": "^2.0.0",
+    "@formkit/vue": "^2.0.0",
+    "@intlify/core": "^11.4.2",
     "primeicons": "^7.0.0",
-    "primevue": "^4.5.4",
-    "vue-i18n": "^11.3.0"
+    "primevue": "^4.5.5",
+    "vue-i18n": "^11.4.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^7.7.2",
-    "@formkit/core": "^1.6.9",
+    "@antfu/eslint-config": "^8.2.0",
     "@formkit/drag-and-drop": "^0.5.3",
     "@primeuix/themes": "^2.0.3",
-    "@types/node": "^25.5.0",
-    "@unocss/preset-icons": "66.6.6",
-    "@unocss/preset-uno": "66.6.6",
-    "@vitejs/plugin-vue": "^6.0.5",
-    "@vitest/coverage-v8": "^4.1.0",
-    "@vitest/ui": "^4.1.0",
-    "@vue/compiler-sfc": "^3.5.30",
-    "@vue/server-renderer": "^3.5.30",
-    "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.9.0",
-    "@vueuse/core": "^14.2.1",
+    "@types/node": "^25.6.2",
+    "@unocss/preset-icons": "66.6.8",
+    "@unocss/preset-uno": "66.6.8",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitest/coverage-v8": "^4.1.5",
+    "@vitest/ui": "^4.1.5",
+    "@vue/compiler-sfc": "^3.5.34",
+    "@vue/server-renderer": "^3.5.34",
+    "@vue/test-utils": "^2.4.10",
+    "@vue/tsconfig": "^0.9.1",
+    "@vueuse/core": "^14.3.0",
     "@vueuse/head": "^2.0.0",
     "changelogen": "^0.6.2",
     "chart.js": "^4.5.1",
     "consola": "^3.4.2",
     "cookie": "^1.1.1",
-    "esbuild": "^0.27.4",
-    "eslint": "^10.0.3",
-    "happy-dom": "^20.8.4",
+    "esbuild": "^0.28.0",
+    "eslint": "^10.3.0",
+    "happy-dom": "^20.9.0",
     "json-editor-vue": "^0.18.1",
     "mkdist": "^2.4.1",
-    "sass": "^1.98.0",
+    "sass": "^1.99.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
-    "unocss": "66.6.6",
+    "unocss": "66.6.8",
     "unplugin-auto-import": "^21.0.0",
-    "unplugin-vue-components": "^31.0.0",
-    "vite": "^8.0.0",
+    "unplugin-vue-components": "^32.0.0",
+    "vite": "^8.0.11",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-pages": "^0.33.3",
     "vite-ssg": "^28.3.0",
     "vitepress": "2.0.0-alpha.16",
-    "vitest": "^4.1.0",
-    "vue": "^3.5.30",
+    "vitest": "^4.1.5",
+    "vue": "^3.5.34",
     "vue-demi": "^0.14.10",
-    "vue-router": "^5.0.3",
-    "vue-tsc": "^3.2.5"
+    "vue-router": "^5.0.6",
+    "vue-tsc": "^3.2.8"
   }
 }