@sfxcode/formkit-primevue 3.3.4 → 3.3.6

package/dist/composables/index.js

@@ -51,11 +51,11 @@ Object.defineProperty(exports, "usePrimeInputs", {
     return _usePrimeInputs.usePrimeInputs;
   }
 });
-var _useFormKitInput = require("./useFormKitInput.ts");
-var _useFormKitRepeater = require("./useFormKitRepeater.ts");
-var _useFormKitSchema = require("./useFormKitSchema.ts");
-var _useFormKitSection = require("./useFormKitSection.ts");
-var _useInputEditor = require("./useInputEditor.ts");
-var _useInputEditorSchema = require("./useInputEditorSchema.ts");
-var _useOutputDuration = require("./useOutputDuration.ts");
-var _usePrimeInputs = require("./usePrimeInputs.ts");
+var _useFormKitInput = require("./useFormKitInput");
+var _useFormKitRepeater = require("./useFormKitRepeater");
+var _useFormKitSchema = require("./useFormKitSchema");
+var _useFormKitSection = require("./useFormKitSection");
+var _useInputEditor = require("./useInputEditor");
+var _useInputEditorSchema = require("./useInputEditorSchema");
+var _useOutputDuration = require("./useOutputDuration");
+var _usePrimeInputs = require("./usePrimeInputs");

package/dist/composables/index.mjs

@@ -1,11 +1,11 @@
-import { useFormKitInput } from "./useFormKitInput.ts";
-import { useFormKitRepeater } from "./useFormKitRepeater.ts";
-import { useFormKitSchema } from "./useFormKitSchema.ts";
-import { useFormKitSection } from "./useFormKitSection.ts";
-import { useInputEditor } from "./useInputEditor.ts";
-import { useInputEditorSchema } from "./useInputEditorSchema.ts";
-import { useOutputDuration } from "./useOutputDuration.ts";
-import { usePrimeInputs } from "./usePrimeInputs.ts";
+import { useFormKitInput } from "./useFormKitInput.mjs";
+import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
+import { useFormKitSchema } from "./useFormKitSchema.mjs";
+import { useFormKitSection } from "./useFormKitSection.mjs";
+import { useInputEditor } from "./useInputEditor.mjs";
+import { useInputEditorSchema } from "./useInputEditorSchema.mjs";
+import { useOutputDuration } from "./useOutputDuration.mjs";
+import { usePrimeInputs } from "./usePrimeInputs.mjs";
 export {
   useFormKitInput,
   useFormKitRepeater,

package/dist/composables/useFormKitInput.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.useFormKitInput = useFormKitInput;
 var _config = require("primevue/config");
 var _vue = require("vue");
-var _consola = _interopRequireDefault(require("consola"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function useFormKitInput(context) {
   const isInvalid = (0, _vue.computed)(() => {
     return context?.state?.validationVisible && !context?.state?.valid;
@@ -20,9 +18,7 @@ function useFormKitInput(context) {
     try {
       const primevue = (0, _config.usePrimeVue)();
       result = primevue?.config?.unstyled || false;
-    } catch (e) {
-      _consola.default.log(e);
-    }
+    } catch (e) {}
     return result;
   }
   const unstyled = (0, _vue.computed)(() => {

package/dist/composables/useFormKitInput.mjs

@@ -1,6 +1,5 @@
 import { usePrimeVue } from "primevue/config";
 import { computed } from "vue";
-import consola from "consola";
 export function useFormKitInput(context) {
   const isInvalid = computed(() => {
     return context?.state?.validationVisible && !context?.state?.valid;
@@ -14,7 +13,6 @@ export function useFormKitInput(context) {
       const primevue = usePrimeVue();
       result = primevue?.config?.unstyled || false;
     } catch (e) {
-      consola.log(e);
     }
     return result;
   }
@@ -43,15 +41,5 @@ export function useFormKitInput(context) {
       context.node.input(value);
     }
   });
-  return {
-    isInvalid,
-    validSlotNames,
-    styleClass,
-    unstyled,
-    handleBlur,
-    handleChange,
-    handleInput,
-    handleSelect,
-    modelValue
-  };
+  return { isInvalid, validSlotNames, styleClass, unstyled, handleBlur, handleChange, handleInput, handleSelect, modelValue };
 }

package/dist/composables/useFormKitRepeater.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFormKitRepeater = useFormKitRepeater;
-var _useFormKitSchema = require("./useFormKitSchema.ts");
+var _useFormKitSchema = require("./useFormKitSchema");
 function useFormKitRepeater() {
   const {
     addElement,

package/dist/composables/useFormKitRepeater.mjs

@@ -1,18 +1,10 @@
-import { useFormKitSchema } from "./useFormKitSchema.ts";
+import { useFormKitSchema } from "./useFormKitSchema.mjs";
 export function useFormKitRepeater() {
   const { addElement, addComponent, addElementsInOuterDiv } = useFormKitSchema();
   function addInsertButton(label = "Add", innerClass = "", outerClass = "", buttonClass = "p-button-sm", iconClass = "pi pi-plus") {
-    return addElementsInOuterDiv(
-      [
-        addComponent(
-          "Button",
-          { onClick: "$addNode($node)", label, class: buttonClass, icon: iconClass },
-          "$node.children.length == 0"
-        )
-      ],
-      innerClass,
-      outerClass
-    );
+    return addElementsInOuterDiv([
+      addComponent("Button", { onClick: "$addNode($node)", label, class: buttonClass, icon: iconClass }, "$node.children.length == 0")
+    ], innerClass, outerClass);
   }
   function addListGroupFunctions(data, addNodeDefaultObject = {}) {
     const swapElements = (array, index1, index2) => {
@@ -27,18 +19,17 @@ export function useFormKitRepeater() {
       parentNode.input(newArray, false);
     };
     data.removeNode = (parentNode, index) => () => {
-      parentNode.input(
-        parentNode._value.filter((_, i) => i !== index),
-        false
-      );
+      parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
     };
     data.moveNodeUp = (parentNode, index) => () => {
       const array = [...parentNode.value];
-      if (index > 0) parentNode.input(swapElements(array, index - 1, index), false);
+      if (index > 0)
+        parentNode.input(swapElements(array, index - 1, index), false);
     };
     data.moveNodeDown = (parentNode, index) => () => {
       const array = [...parentNode.value];
-      if (index < array.length - 1) parentNode.input(swapElements(array, index, index + 1), false);
+      if (index < array.length - 1)
+        parentNode.input(swapElements(array, index, index + 1), false);
     };
     data.copyNode = (parentNode, index) => () => {
       const obj = parentNode.value[index];
@@ -50,33 +41,14 @@ export function useFormKitRepeater() {
     const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm") => {
       return addComponent("Button", { onClick, label: label2, icon, class: styleClass, severity }, render2);
     };
-    return addElementsInOuterDiv(
-      [
-        addButtonComponent("$removeNode($node.parent, $index)", "", "pi pi-times", "danger"),
-        addButtonComponent("$copyNode($node.parent, $index)", "", "pi pi-plus"),
-        addButtonComponent(
-          "$moveNodeUp($node.parent, $index)",
-          "",
-          "pi pi-arrow-up",
-          "secondary",
-          "$index != 0"
-        ),
-        addElement("span", [], { class: "p-space" }, "$index == 0"),
-        addButtonComponent(
-          "$moveNodeDown($node.parent, $index)",
-          "",
-          "pi pi-arrow-down",
-          "secondary",
-          "$index < $node.parent.value.length -1"
-        ),
-        addElement("span", [], { class: "p-space" }, "$index == $node.parent.value.length -1")
-      ],
-      `p-action-buttons ${innerClass}`,
-      outerClass,
-      label,
-      help,
-      render
-    );
+    return addElementsInOuterDiv([
+      addButtonComponent("$removeNode($node.parent, $index)", "", "pi pi-times", "danger"),
+      addButtonComponent("$copyNode($node.parent, $index)", "", "pi pi-plus"),
+      addButtonComponent("$moveNodeUp($node.parent, $index)", "", "pi pi-arrow-up", "secondary", "$index != 0"),
+      addElement("span", [], { class: "p-space" }, "$index == 0"),
+      addButtonComponent("$moveNodeDown($node.parent, $index)", "", "pi pi-arrow-down", "secondary", "$index < $node.parent.value.length -1"),
+      addElement("span", [], { class: "p-space" }, "$index == $node.parent.value.length -1")
+    ], `p-action-buttons ${innerClass}`, outerClass, label, help, render);
   }
   return { addInsertButton, addGroupButtons, addListGroupFunctions };
 }

package/dist/composables/useFormKitSchema.mjs

@@ -48,19 +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: `formkit-inner ${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: `formkit-outer ${outerClass}`, style: "position: relative;" }, render);
   };
   return { addComponent, addElement, addGroup, addList, addListGroup, addElementsInOuterDiv };
 }

package/dist/composables/useInputEditor.js

@@ -21,9 +21,9 @@ function useInputEditor() {
         }
         return [key, value];
       });
-      tempData = Object.assign({}, ...mapped.map(([key, val]) => ({
-        [key]: val
-      })));
+      tempData = {
+        ...Object.fromEntries(mapped)
+      };
     }
     const readonlyValue = data.readonly === true ? true : void 0;
     const disabledValue = data.disabled === true ? true : void 0;
@@ -47,7 +47,7 @@ function useInputEditor() {
       selectButton: void 0
     };
     const useOptions = formkitInput ? primeInputWithOptionNames.map(s => `prime${s}`).includes(formkitInput) : false;
-    let result = {};
+    let result;
     if (useOptions) {
       result = {
         ...data,

package/dist/composables/useInputEditor.mjs

@@ -1,50 +1,14 @@
 export function useInputEditor() {
-  const primeInputWithOptionNames = [
-    "CascadeSelect",
-    "Listbox",
-    "MultiSelect",
-    "RadioButton",
-    "Select",
-    "SelectButton",
-    "TreeSelect"
-  ];
-  const primeInputNames = [
-    ...primeInputWithOptionNames,
-    "AutoComplete",
-    "Checkbox",
-    "ColorPicker",
-    "DatePicker",
-    "Editor",
-    "InputMask",
-    "InputNumber",
-    "InputOtp",
-    "InputText",
-    "Knob",
-    "Password",
-    "Rating",
-    "Slider",
-    "Textarea",
-    "ToggleButton",
-    "ToggleSwitch"
-  ].sort();
-  const primeOutputNames = [
-    "OutputBoolean",
-    "OutputDate",
-    "OutputDuration",
-    "OutputLink",
-    "OutputList",
-    "OutputNumber",
-    "OutputReference",
-    "OutputText"
-  ];
+  const primeInputWithOptionNames = ["CascadeSelect", "Listbox", "MultiSelect", "RadioButton", "Select", "SelectButton", "TreeSelect"];
+  const primeInputNames = [...primeInputWithOptionNames, "AutoComplete", "Checkbox", "ColorPicker", "DatePicker", "Editor", "InputMask", "InputNumber", "InputOtp", "InputText", "Knob", "Password", "Rating", "Slider", "Textarea", "ToggleButton", "ToggleSwitch"].sort();
+  const primeOutputNames = ["OutputBoolean", "OutputDate", "OutputDuration", "OutputLink", "OutputList", "OutputNumber", "OutputReference", "OutputText"];
   function editorDataToSchema(data) {
-    if (!data) return {};
+    if (!data)
+      return {};
     const formkitInput = data?._dollar_formkit;
     let tempData = {};
     if (data.prime && Array.isArray(data.prime) && data.prime.length > 0) {
-      const mapped = data.prime.filter(
-        (entry) => entry && typeof entry === "object" && "prime_key" in entry && "prime_value" in entry
-      ).map((entry) => {
+      const mapped = data.prime.filter((entry) => entry && typeof entry === "object" && "prime_key" in entry && "prime_value" in entry).map((entry) => {
         const key = entry.prime_key || "";
         let value = entry.prime_value;
         if (formkitInput === "primeInputOtp" && key === "length" && value !== void 0) {
@@ -52,7 +16,7 @@ export function useInputEditor() {
         }
         return [key, value];
       });
-      tempData = Object.assign({}, ...mapped.map(([key, val]) => ({ [key]: val })));
+      tempData = { ...Object.fromEntries(mapped) };
     }
     const readonlyValue = data.readonly === true ? true : void 0;
     const disabledValue = data.disabled === true ? true : void 0;
@@ -63,11 +27,14 @@ export function useInputEditor() {
       preserve: preserveValue
     };
     let outerClass = "";
-    if (data.outerClass) outerClass = `${outerClass} ${data.outerClass}`.trim();
+    if (data.outerClass)
+      outerClass = `${outerClass} ${data.outerClass}`.trim();
     let wrapperClass = "";
-    if (data.wrapperClass) wrapperClass = `${wrapperClass} ${data.wrapperClass}`.trim();
+    if (data.wrapperClass)
+      wrapperClass = `${wrapperClass} ${data.wrapperClass}`.trim();
     let innerClass = "";
-    if (data.innerClass) innerClass = `${innerClass} ${data.innerClass}`.trim();
+    if (data.innerClass)
+      innerClass = `${innerClass} ${data.innerClass}`.trim();
     const undefinedObject = {
       prime: void 0,
       schemaResultFormKey: void 0,
@@ -76,7 +43,7 @@ export function useInputEditor() {
       selectButton: void 0
     };
     const useOptions = formkitInput ? primeInputWithOptionNames.map((s) => `prime${s}`).includes(formkitInput) : false;
-    let result = {};
+    let result;
     if (useOptions) {
       result = {
         ...data,
@@ -114,7 +81,8 @@ export function useInputEditor() {
     return result;
   }
   function dataToSchema(data) {
-    if (!data) return {};
+    if (!data)
+      return {};
     const schema = editorDataToSchema(data);
     if (schema?.options && Array.isArray(schema.options)) {
       const options = schema.options.map((o) => o ? JSON.parse(JSON.stringify(o)) : {});
@@ -124,11 +92,13 @@ export function useInputEditor() {
     }
   }
   function editorDataToJson(data) {
-    if (!data) return "{}";
+    if (!data)
+      return "{}";
     return JSON.stringify(dataToSchema(data));
   }
   function objectToString(data) {
-    if (!data) return "{}";
+    if (!data)
+      return "{}";
     return `{${Object.entries(data).map(([key, value]) => {
       if (key === "options" && Array.isArray(value) && value.length > 0) {
         let result = "[";
@@ -146,7 +116,8 @@ export function useInputEditor() {
     }).join()}}`;
   }
   function editorDataToObject(data) {
-    if (!data) return "{}";
+    if (!data)
+      return "{}";
     try {
       const jsonData = editorDataToJson(data);
       return objectToString(JSON.parse(jsonData));
@@ -156,7 +127,8 @@ export function useInputEditor() {
     }
   }
   function schemaToEditorData(schema) {
-    if (!schema) return {};
+    if (!schema)
+      return {};
     const formkitInput = schema?.$formkit;
     return { ...schema, _dollar_formkit: formkitInput };
   }

package/dist/composables/useInputEditorSchema.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useInputEditorSchema = useInputEditorSchema;
-var _useFormKitRepeater = require("./useFormKitRepeater.ts");
-var _useFormKitSchema = require("./useFormKitSchema.ts");
-var _useInputEditor = require("./useInputEditor.ts");
+var _useFormKitRepeater = require("./useFormKitRepeater");
+var _useFormKitSchema = require("./useFormKitSchema");
+var _useInputEditor = require("./useInputEditor");
 function useInputEditorSchema() {
   const {
     addList,

package/dist/composables/useInputEditorSchema.mjs

@@ -1,6 +1,6 @@
-import { useFormKitRepeater } from "./useFormKitRepeater.ts";
-import { useFormKitSchema } from "./useFormKitSchema.ts";
-import { useInputEditor } from "./useInputEditor.ts";
+import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
+import { useFormKitSchema } from "./useFormKitSchema.mjs";
+import { useInputEditor } from "./useInputEditor.mjs";
 export function useInputEditorSchema() {
   const { addList, addListGroup } = useFormKitSchema();
   const { addInsertButton, addGroupButtons } = useFormKitRepeater();
@@ -269,11 +269,10 @@ export function useInputEditorSchema() {
         key: "schema_validation-label",
         preserve: true
       },
-      addList(
-        "options",
-        [
-          addInsertButton("Add Option"),
-          addListGroup([
+      addList("options", [
+        addInsertButton("Add Option"),
+        addListGroup(
+          [
             {
               $formkit: "primeInputText",
               label: "Label",
@@ -287,17 +286,13 @@ export function useInputEditorSchema() {
               outerClass: "col-4"
             },
             addGroupButtons()
-          ])
-        ],
-        true,
-        "$get(selectButton).value === 'showOptions'",
-        { key: "schema_options", preserve: true }
-      ),
-      addList(
-        "prime",
-        [
-          addInsertButton("Add PrimeVue Attribute"),
-          addListGroup([
+          ]
+        )
+      ], true, "$get(selectButton).value === 'showOptions'", { key: "schema_options", preserve: true }),
+      addList("prime", [
+        addInsertButton("Add PrimeVue Attribute"),
+        addListGroup(
+          [
             {
               $formkit: "primeInputText",
               label: "PrimeVue Key",
@@ -311,12 +306,9 @@ export function useInputEditorSchema() {
               outerClass: "col-3"
             },
             addGroupButtons()
-          ])
-        ],
-        true,
-        "$get(selectButton).value === 'showPrime'",
-        { key: "schema_prime", preserve: true }
-      )
+          ]
+        )
+      ], true, "$get(selectButton).value === 'showPrime'", { key: "schema_prime", preserve: true })
     ];
   }
   return { editorSchema, primeInputOptions };

package/dist/composables/useOutputDuration.mjs

@@ -11,8 +11,10 @@ export function useOutputDuration() {
       if (lowerDuration.includes("h")) {
         hours = +(lowerDuration.split("h")[0]?.trim() || "0");
         const remainder = lowerDuration.split("h")[1] || "";
-        if (remainder.includes("m")) minutes = +(remainder.split("m")[0]?.trim() || "0");
-        else if (/^\d+$/.test(remainder)) minutes = +remainder;
+        if (remainder.includes("m"))
+          minutes = +(remainder.split("m")[0]?.trim() || "0");
+        else if (/^\d+$/.test(remainder))
+          minutes = +remainder;
       } else if (lowerDuration.includes("m")) {
         minutes = +(lowerDuration.split("m")[0]?.trim() || "0");
       } else if (/^\d+$/.test(lowerDuration)) {
@@ -25,7 +27,8 @@ export function useOutputDuration() {
     const minutes = durationToMinutes(duration);
     const hours = Math.trunc(minutes / 60);
     const remainingMinutes = minutes % 60;
-    if (minutes === 0) return "0";
+    if (minutes === 0)
+      return "0";
     return `${hours > 0 ? `${hours}h` : ""}${hours > 0 && remainingMinutes > 0 ? " " : ""}${remainingMinutes > 0 ? `${remainingMinutes}m` : ""}`;
   }
   return { durationToMinutes, formattedDuration };

package/dist/definitions/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.primeOutputs = exports.primeInputs = void 0;
-var _input = require("./input.ts");
-var _output = require("./output.ts");
+var _input = require("./input");
+var _output = require("./output");
 const primeInputs = exports.primeInputs = {
   primeAutoComplete: _input.primeAutoCompleteDefinition,
   primeInputText: _input.primeInputTextDefinition,

package/dist/definitions/index.mjs

@@ -21,7 +21,7 @@ import {
   primeToggleButtonDefinition,
   primeToggleSwitchDefinition,
   primeTreeSelectDefinition
-} from "./input.ts";
+} from "./input.mjs";
 import {
   primeOutputBooleanDefinition,
   primeOutputDateDefinition,
@@ -31,7 +31,7 @@ import {
   primeOutputNumberDefinition,
   primeOutputReferenceDefinition,
   primeOutputTextDefinition
-} from "./output.ts";
+} from "./output.mjs";
 export const primeInputs = {
   primeAutoComplete: primeAutoCompleteDefinition,
   primeInputText: primeInputTextDefinition,

package/dist/definitions/input.d.ts

@@ -1,4 +1,4 @@
-import type { FormKitTypeDefinition } from "@formkit/core";
+import type { FormKitTypeDefinition } from '@formkit/core';
 export declare const primeAutoCompleteDefinition: FormKitTypeDefinition;
 export declare const primeInputTextDefinition: FormKitTypeDefinition;
 export declare const primeInputNumberDefinition: FormKitTypeDefinition;