@sfxcode/formkit-primevue 4.0.0 → 4.1.1

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,113 @@
+"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
+} = (0, _useFormKitSchema.useFormKitSchema)();
+function addButtonGroup(buttonGroupClass = "", buttonGroupItemClass = "", buttonSize, render = "true") {
+  const addActionButtonComponent = (onClick = "", icon = "", severity = "", render2 = "true", disabled = "false") => {
+    return addElement("div", [addComponent("Button", {
+      onClick,
+      icon,
+      severity,
+      disabled,
+      size: buttonSize
+    })], {
+      class: buttonGroupItemClass
+    }, render2);
+  };
+  return addElement("div", [addActionButtonComponent("$moveNodeUp($node.parent, $index)", "pi pi-arrow-up", "secondary", "$renderMoveButtons", "$index === 0"), addActionButtonComponent("$removeNode($node.parent, $index)", "pi pi-trash", "danger", "$displayDeleteButton", "$false"), addActionButtonComponent("$cloneNode($node.parent, $index)", "pi pi-clone", "", "$displayCloneButton", "$false"), addActionButtonComponent("$addNode($node.parent, $index)", "pi pi-plus", "", "$displayAddButton", "$false"), addActionButtonComponent("$moveNodeDown($node.parent, $index)", "pi pi-arrow-down", "secondary", "$renderMoveButtons", "$index === $node.parent.value.length -1")], {
+    class: buttonGroupClass
+  }, render);
+}
+function addInsertButton(label = "Add Item", icon = "i-lucide-plus", styleClass = "", buttonSize, render = "true") {
+  return addElement("div", [addComponent("Button", {
+    onClick: "$insertNode($node)",
+    label,
+    icon,
+    size: buttonSize
+  })], {
+    class: styleClass
+  }, render);
+}
+const primeRepeaterDefinition = exports.primeRepeaterDefinition = (0, _vue.createInput)([addElement("div", [addList("$listName", [addInsertButton("$insertButtonLabel", "pi pi-plus", "$insertButtonClass", "$insertButtonSize", "$node.children.length == 0 || $alwaysDisplayInsertButton"), addListGroup([addElement("div", [addElement("div", [{
+  children: "$slots.default"
+}], {
+  class: "$groupClass"
+}), addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")], {
+  class: "$listItemClass"
+})])], true, "true")], {
+  class: "$listClass"
+})], {
+  props: ["insertButtonLabel", "insertButtonClass", "insertButtonSize", "alwaysDisplayInsertButton", "newItem", "listClass", "listItemClass", "groupClass", "hideButtonGroup", "hideMoveButtons", "buttonGroupClass", "buttonGroupItemClass", "buttonSize", "displayCloneButton", "displayAddButton", "displayDeleteButton"],
+  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.renderButtons = !node.context.hideButtonGroup;
+      node.context.insertButtonSize = node.context.insertButtonSize ? node.context.insertButtonSize : "";
+      node.context.buttonSize = node.context.buttonSize ? node.context.buttonSize : "";
+      node.context.renderMoveButtons = !node.context.hideMoveButtons;
+      node.context.insertNode = parentNode => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const newArray = [{
+            ...newItem
+          }, ...parentNode.value];
+          parentNode.input(newArray, false);
+        }
+      };
+      node.context.removeNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
+        }
+      };
+      node.context.addNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const newArray = [...parentNode.value.slice(0, index + 1), {
+            ...newItem
+          }, ...parentNode.value.slice(index + 1)];
+          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 + 1), {
+            ...item
+          }, ...parentNode.value.slice(index + 1)];
+          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,98 @@
+import { createInput } from "@formkit/vue";
+import { useFormKitSchema } from "../composables/useFormKitSchema.mjs";
+const { addList, addElement, addListGroup, addComponent } = useFormKitSchema();
+function addButtonGroup(buttonGroupClass = "", buttonGroupItemClass = "", buttonSize, render = "true") {
+  const addActionButtonComponent = (onClick = "", icon = "", severity = "", render2 = "true", disabled = "false") => {
+    return addElement("div", [addComponent("Button", { onClick, icon, severity, disabled, size: buttonSize })], { class: buttonGroupItemClass }, render2);
+  };
+  return addElement("div", [
+    addActionButtonComponent("$moveNodeUp($node.parent, $index)", "pi pi-arrow-up", "secondary", "$renderMoveButtons", "$index === 0"),
+    addActionButtonComponent("$removeNode($node.parent, $index)", "pi pi-trash", "danger", "$displayDeleteButton", "$false"),
+    addActionButtonComponent("$cloneNode($node.parent, $index)", "pi pi-clone", "", "$displayCloneButton", "$false"),
+    addActionButtonComponent("$addNode($node.parent, $index)", "pi pi-plus", "", "$displayAddButton", "$false"),
+    addActionButtonComponent("$moveNodeDown($node.parent, $index)", "pi pi-arrow-down", "secondary", "$renderMoveButtons", "$index === $node.parent.value.length -1")
+  ], { class: buttonGroupClass }, render);
+}
+function addInsertButton(label = "Add Item", icon = "i-lucide-plus", styleClass = "", buttonSize, render = "true") {
+  return addElement("div", [
+    addComponent("Button", { onClick: "$insertNode($node)", label, icon, size: buttonSize })
+  ], { class: styleClass }, render);
+}
+export const primeRepeaterDefinition = createInput(
+  [
+    addElement("div", [
+      addList("$listName", [
+        addInsertButton("$insertButtonLabel", "pi pi-plus", "$insertButtonClass", "$insertButtonSize", "$node.children.length == 0 || $alwaysDisplayInsertButton"),
+        addListGroup(
+          [
+            addElement("div", [
+              addElement("div", [{ children: "$slots.default" }], { class: "$groupClass" }),
+              addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")
+            ], { class: "$listItemClass" })
+          ]
+        )
+      ], true, "true")
+    ], { class: "$listClass" })
+  ],
+  {
+    props: ["insertButtonLabel", "insertButtonClass", "insertButtonSize", "alwaysDisplayInsertButton", "newItem", "listClass", "listItemClass", "groupClass", "hideButtonGroup", "hideMoveButtons", "buttonGroupClass", "buttonGroupItemClass", "buttonSize", "displayCloneButton", "displayAddButton", "displayDeleteButton"],
+    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.renderButtons = !node.context.hideButtonGroup;
+      node.context.insertButtonSize = node.context.insertButtonSize ? node.context.insertButtonSize : "";
+      node.context.buttonSize = node.context.buttonSize ? node.context.buttonSize : "";
+      node.context.renderMoveButtons = !node.context.hideMoveButtons;
+      node.context.insertNode = (parentNode) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const newArray = [{ ...newItem }, ...parentNode.value];
+          parentNode.input(newArray, false);
+        }
+      };
+      node.context.removeNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
+        }
+      };
+      node.context.addNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const newArray = [...parentNode.value.slice(0, index + 1), { ...newItem }, ...parentNode.value.slice(index + 1)];
+          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 + 1), { ...item }, ...parentNode.value.slice(index + 1)];
+          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": "4.0.0",
-  "packageManager": "pnpm@10.30.3+sha512.c961d1e0a2d8e354ecaa5166b822516668b7f44cb5bd95122d590dd81922f606f5473b6d23ec4a5be05e7fcd18e8488d47d978bbe981872f1145d06e9a740017",
+  "version": "4.1.1",
+  "packageManager": "pnpm@11.0.9+sha512.34ce82e6780233cf9cad8685029a8f81d2e06196c5a9bad98879f7424940c6817c4e4524fb7d38b8553ceed48b9758b8ebaf1abd3600c232c4c8cf7366086f38",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -70,12 +70,16 @@
     "components.d.ts",
     "dist"
   ],
+  "engines": {
+    "node": ">=24.0.0",
+    "pnpm": ">=11.0.0"
+  },
   "scripts": {
     "build": "vue-tsc --build --force && unbuild",
     "dev": "vite serve dev",
     "dev:build": "vite build dev",
     "dev:preview": "vite preview dev",
-    "release": "npm run lint && npm run build && changelogen --major --release  && npm publish --access public && git push --follow-tags",
+    "release": "npm run lint && npm run build && changelogen --patch --release  && npm publish --access public && git push --follow-tags",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "prepublishOnly": "pnpm build",
@@ -95,53 +99,53 @@
     "@formkit/i18n": "^2.0.0",
     "@formkit/inputs": "^2.0.0",
     "@formkit/vue": "^2.0.0",
-    "@intlify/core": "^11.3.2",
+    "@intlify/core": "^11.4.2",
     "primeicons": "^7.0.0",
     "primevue": "^4.5.5",
-    "vue-i18n": "^11.3.2"
+    "vue-i18n": "^11.4.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^8.1.0",
+    "@antfu/eslint-config": "^8.2.0",
     "@formkit/drag-and-drop": "^0.5.3",
     "@primeuix/themes": "^2.0.3",
-    "@types/node": "^25.5.2",
+    "@types/node": "^25.6.2",
     "@unocss/preset-icons": "66.6.8",
     "@unocss/preset-uno": "66.6.8",
-    "@vitejs/plugin-vue": "^6.0.5",
-    "@vitest/coverage-v8": "^4.1.3",
-    "@vitest/ui": "^4.1.3",
-    "@vue/compiler-sfc": "^3.5.32",
-    "@vue/server-renderer": "^3.5.32",
-    "@vue/test-utils": "^2.4.6",
+    "@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.2.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.28.0",
-    "eslint": "^10.2.0",
-    "happy-dom": "^20.8.9",
+    "eslint": "^10.3.0",
+    "happy-dom": "^20.9.0",
     "json-editor-vue": "^0.18.1",
     "mkdist": "^2.4.1",
     "sass": "^1.99.0",
     "tslib": "^2.8.1",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
     "unocss": "66.6.8",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "^32.0.0",
-    "vite": "^8.0.7",
+    "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.3",
-    "vue": "^3.5.32",
+    "vitest": "^4.1.5",
+    "vue": "^3.5.34",
     "vue-demi": "^0.14.10",
-    "vue-router": "^5.0.4",
-    "vue-tsc": "^3.2.6"
+    "vue-router": "^5.0.6",
+    "vue-tsc": "^3.2.8"
   }
 }