@sfxcode/formkit-primevue 3.3.3 → 3.3.5

package/dist/composables/index.js

@@ -51,11 +51,11 @@ Object.defineProperty(exports, "usePrimeInputs", {
     return _usePrimeInputs.usePrimeInputs;
   }
 });
-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");
+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");

package/dist/composables/index.mjs

@@ -1,11 +1,11 @@
-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";
+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";
 export {
   useFormKitInput,
   useFormKitRepeater,

package/dist/composables/useFormKitInput.js

@@ -6,6 +6,8 @@ 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;
@@ -18,7 +20,9 @@ function useFormKitInput(context) {
     try {
       const primevue = (0, _config.usePrimeVue)();
       result = primevue?.config?.unstyled || false;
-    } catch (e) {}
+    } catch (e) {
+      _consola.default.log(e);
+    }
     return result;
   }
   const unstyled = (0, _vue.computed)(() => {

package/dist/composables/useFormKitInput.mjs

@@ -1,5 +1,6 @@
 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;
@@ -13,6 +14,7 @@ export function useFormKitInput(context) {
       const primevue = usePrimeVue();
       result = primevue?.config?.unstyled || false;
     } catch (e) {
+      consola.log(e);
     }
     return result;
   }
@@ -41,5 +43,15 @@ 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");
+var _useFormKitSchema = require("./useFormKitSchema.ts");
 function useFormKitRepeater() {
   const {
     addElement,

package/dist/composables/useFormKitRepeater.mjs

@@ -1,10 +1,18 @@
-import { useFormKitSchema } from "./useFormKitSchema.mjs";
+import { useFormKitSchema } from "./useFormKitSchema.ts";
 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) => {
@@ -19,17 +27,18 @@ 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];
@@ -41,14 +50,33 @@ 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,11 +48,19 @@ 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.fromEntries(mapped)
-      };
+      tempData = Object.assign({}, ...mapped.map(([key, val]) => ({
+        [key]: val
+      })));
     }
     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,14 +1,50 @@
 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) {
@@ -16,7 +52,7 @@ export function useInputEditor() {
         }
         return [key, value];
       });
-      tempData = { ...Object.fromEntries(mapped) };
+      tempData = Object.assign({}, ...mapped.map(([key, val]) => ({ [key]: val })));
     }
     const readonlyValue = data.readonly === true ? true : void 0;
     const disabledValue = data.disabled === true ? true : void 0;
@@ -27,14 +63,11 @@ 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,
@@ -43,7 +76,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,
@@ -81,8 +114,7 @@ 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)) : {});
@@ -92,13 +124,11 @@ 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 = "[";
@@ -116,8 +146,7 @@ export function useInputEditor() {
     }).join()}}`;
   }
   function editorDataToObject(data) {
-    if (!data)
-      return "{}";
+    if (!data) return "{}";
     try {
       const jsonData = editorDataToJson(data);
       return objectToString(JSON.parse(jsonData));
@@ -127,8 +156,7 @@ 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");
-var _useFormKitSchema = require("./useFormKitSchema");
-var _useInputEditor = require("./useInputEditor");
+var _useFormKitRepeater = require("./useFormKitRepeater.ts");
+var _useFormKitSchema = require("./useFormKitSchema.ts");
+var _useInputEditor = require("./useInputEditor.ts");
 function useInputEditorSchema() {
   const {
     addList,

package/dist/composables/useInputEditorSchema.mjs

@@ -1,6 +1,6 @@
-import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
-import { useFormKitSchema } from "./useFormKitSchema.mjs";
-import { useInputEditor } from "./useInputEditor.mjs";
+import { useFormKitRepeater } from "./useFormKitRepeater.ts";
+import { useFormKitSchema } from "./useFormKitSchema.ts";
+import { useInputEditor } from "./useInputEditor.ts";
 export function useInputEditorSchema() {
   const { addList, addListGroup } = useFormKitSchema();
   const { addInsertButton, addGroupButtons } = useFormKitRepeater();
@@ -269,10 +269,11 @@ 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",
@@ -286,13 +287,17 @@ 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",
@@ -306,9 +311,12 @@ 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,10 +11,8 @@ 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)) {
@@ -27,8 +25,7 @@ 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");
-var _output = require("./output");
+var _input = require("./input.ts");
+var _output = require("./output.ts");
 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.mjs";
+} from "./input.ts";
 import {
   primeOutputBooleanDefinition,
   primeOutputDateDefinition,
@@ -31,7 +31,7 @@ import {
   primeOutputNumberDefinition,
   primeOutputReferenceDefinition,
   primeOutputTextDefinition
-} from "./output.mjs";
+} from "./output.ts";
 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;