@sfxcode/formkit-primevue 3.3.5 → 3.3.7

package/dist/plugins/index.mjs

@@ -1,21 +1,19 @@
 export function addPrimeAsteriskPlugin(node) {
-  if (!node.props.type.startsWith("prime") || node.props.type.startsWith("primeOutput")) return;
+  if (!node.props.type.startsWith("prime") || node.props.type.startsWith("primeOutput"))
+    return;
   node.on("created", () => {
     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: ["*"]
-            }
-          ]
+          children: ["$label", {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-asterisk"
+            },
+            children: ["*"]
+          }]
         };
         return schemaFn(sectionsSchema);
       };
@@ -23,31 +21,29 @@ export function addPrimeAsteriskPlugin(node) {
   });
 }
 export function addLabelPlugin(node) {
-  if (!node.props.type.startsWith("prime")) return;
+  if (!node.props.type.startsWith("prime"))
+    return;
   node.on("created", () => {
     if (node.props.definition?.schema) {
       const schemaFn = node.props.definition?.schema;
       node.props.definition.schema = (sectionsSchema = {}) => {
         sectionsSchema.label = {
-          children: [
-            {
-              $el: "span",
-              attrs: {
-                title: "$help",
-                class: "p-formkit-label"
-              },
-              children: ["$label"]
+          children: [{
+            $el: "span",
+            attrs: {
+              title: "$help",
+              class: "p-formkit-label"
+            },
+            children: ["$label"]
+          }, {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-required",
+              title: "$help"
             },
-            {
-              $el: "span",
-              if: "$state.required",
-              attrs: {
-                class: "p-formkit-required",
-                title: "$help"
-              },
-              children: ["*"]
-            }
-          ]
+            children: ["*"]
+          }]
         };
         sectionsSchema.help = {
           children: []

package/dist/sass/formkit-primevue.scss

@@ -1,15 +1,15 @@
-@use "sass:math";
-@use "sass:map";
+@use 'sass:math';
+@use 'sass:map';
 
 $gutter-width: 0.5rem;
 
 // Breakpoints e.g. https://tailwindcss.com/docs/responsive-design
 $grid-breakpoints: (
-  sm: 640px,
-  md: 768px,
-  lg: 1024px,
-  xl: 1280px,
-  xxl: 1536px,
+        sm: 640px,
+        md: 768px,
+        lg: 1024px,
+        xl: 1280px,
+        xxl: 1536px
 ) !default;
 
 @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
@@ -69,12 +69,7 @@ $grid-breakpoints: (
           width: 100%;
         }
 
-        .p-inputtext,
-        .p-textarea,
-        .p-password,
-        .p-multiselect,
-        .p-select,
-        .p-editor {
+        .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
           box-sizing: border-box;
           width: 100%;
 
@@ -82,6 +77,7 @@ $grid-breakpoints: (
             width: 2rem;
           }
         }
+
       }
     }
 
@@ -90,6 +86,7 @@ $grid-breakpoints: (
       font-size: 0.8rem;
       color: var(--text-color-secondary);
     }
+
   }
 
   // Label for single form element
@@ -106,8 +103,7 @@ $grid-breakpoints: (
     > * {
       margin-right: 0.5rem;
 
-      &:last-child,
-      &:only-child {
+      &:last-child, &:only-child {
         margin-right: 0;
       }
     }
@@ -119,7 +115,7 @@ $grid-breakpoints: (
     flex-wrap: wrap;
     gap: 0.5rem;
 
-    .p-formkit-option {
+    .p-formkit-option  {
       display: flex;
       align-items: center;
       label {
@@ -159,9 +155,10 @@ $grid-breakpoints: (
     button {
       margin-right: 0.5rem;
     }
+
   }
 
-  .p-action-buttons {
+  .p-action-buttons  {
     margin-top: 0.25rem;
     .p-button {
       margin-right: 0.5rem;
@@ -184,117 +181,117 @@ $grid-breakpoints: (
 
 // data view only
 .p-formkit-data-view {
-  .formkit-outer {
-    padding-bottom: 0.5rem;
-  }
+    .formkit-outer {
+      padding-bottom:  0.5rem;
+    }
 
-  &.form-horizontal {
-    padding-bottom: 0.8rem;
-  }
+    &.form-horizontal {
+      padding-bottom: 0.8rem;
+    }
 
-  .formkit-help {
-    padding-top: 0.25rem;
-    margin: 0;
-  }
+    .formkit-help {
+      padding-top:  0.25rem;
+      margin: 0;
+    }
 
-  ul,
-  ol {
-    padding-inline-start: 1rem;
-    margin-block-start: 0;
-    margin-block-end: 0;
-  }
+    ul, ol {
+      padding-inline-start: 1rem;
+      margin-block-start: 0;
+      margin-block-end: 0;
+    }
 }
 
 // data edit only
 .p-formkit-data-edit {
-  .formkit-label {
-    //font-weight: normal;
-  }
+    .formkit-label {
+      //font-weight: normal;
+    }
 
-  // specific checkbox stylings
-  .formkit-outer[data-type="primeCheckbox"] {
-    //padding-left: 0;
+    // specific checkbox stylings
+    .formkit-outer[data-type="primeCheckbox"] {
+      //padding-left: 0;
 
-    .formkit-wrapper {
-      display: flex;
-      flex-wrap: wrap;
+      .formkit-wrapper {
+        display: flex;
+        flex-wrap: wrap;
 
-      .formkit-inner {
-        width: auto !important;
-      }
+        .formkit-inner {
+          width: auto !important;
+        }
 
-      label {
-        width: auto;
-        order: 2;
-        padding: 0.125rem 0;
+        label {
+          width: auto;
+          order: 2;
+          padding: 0.125rem 0;
 
-        &:after {
-          content: "";
-        }
+          &:after {
+            content: "";
+          }
 
-        // styling of output when label is used in schema
-        + .formkit-inner {
-          margin-left: 0 !important;
-          order: 1;
-          flex-basis: 2rem;
-          flex-grow: 0;
-          flex-shrink: 0;
-          overflow: hidden;
-          // styling of suffix when suffix is used in addition to label
-          &:has(label) {
-            flex-grow: 1;
-            flex-basis: 100%;
+          // styling of output when label is used in schema
+          + .formkit-inner {
+            margin-left: 0 !important;
+            order: 1;
+            flex-basis: 2rem;
+            flex-grow: 0;
+            flex-shrink: 0;
+            overflow: hidden;
+            // styling of suffix when suffix is used in addition to label
+            &:has( label) {
+              flex-grow: 1;
+              flex-basis: 100%;
+            }
           }
         }
-      }
 
-      // styling when both prefix and suffix are used in schema
-      label:first-child:nth-last-child(3),
-      label:first-child:nth-last-child(3) ~ label {
-        width: auto;
-      }
+        // styling when both prefix and suffix are used in schema
+        label:first-child:nth-last-child(3), label:first-child:nth-last-child(3) ~ label {
+          width: auto;
+        }
 
-      label:first-child:nth-last-child(3) {
-        order: 1;
+        label:first-child:nth-last-child(3) {
+          order: 1;
 
-        + div.p-checkbox {
-          order: 2;
-          width: auto;
+          + div.p-checkbox {
+            order: 2;
+            width: auto;
+          }
         }
-      }
 
-      label:first-child:nth-last-child(3) ~ label {
-        order: 3;
-      }
+        label:first-child:nth-last-child(3) ~ label {
+          order: 3
+        }
+
+        // end styling when both prefix and suffix are used in schema
 
-      // end styling when both prefix and suffix are used in schema
 
-      // styling of output when only suffix is used in schema
-      .formkit-inner:first-child {
-        margin-left: 0 !important;
+        // styling of output when only suffix is used in schema
+        .formkit-inner:first-child {
+          margin-left: 0 !important;
 
-        .p-formkit {
-          display: flex;
+          .p-formkit {
+            display: flex;
+          }
         }
-      }
 
-      .p-checkbox:not(:only-child) {
-        width: 2rem;
-        overflow: hidden;
+        .p-checkbox:not(:only-child) {
+          width: 2rem;
+          overflow: hidden;
+        }
       }
-    }
 
-    .formkit-help {
-      width: auto !important;
-      //padding-left: 2rem;
+      .formkit-help {
+        width: auto !important;
+        //padding-left: 2rem;
+      }
     }
-  }
 }
 
+
+
 // Debug
 .p-formkit-data-debug {
-  pre,
-  span {
+  pre, span {
     font-size: 0.75rem;
     line-height: 1rem;
   }
@@ -325,7 +322,9 @@ $grid-breakpoints: (
 
 @include media-breakpoint-up(md) {
   .formkit-form {
+
     &.form-horizontal {
+
       .formkit-wrapper {
         display: flex;
 
@@ -347,6 +346,7 @@ $grid-breakpoints: (
           }
         }
       }
+
     }
 
     .p-formkit-data-view & {
@@ -358,7 +358,9 @@ $grid-breakpoints: (
     }
 
     .p-formkit-data-edit & {
+
       &.form-horizontal {
+
         .formkit-outer {
           width: 100%;
 
@@ -378,7 +380,7 @@ $grid-breakpoints: (
             margin-left: auto;
 
             .p-formkit {
-              display: flex;
+              display: flex
             }
 
             label {
@@ -388,8 +390,7 @@ $grid-breakpoints: (
           }
         }
 
-        .formkit-help,
-        .formkit-messages {
+        .formkit-help, .formkit-messages {
           width: calc((8 / 12) * 100%);
           margin-left: auto;
         }
@@ -397,3 +398,4 @@ $grid-breakpoints: (
     }
   }
 }
+

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@sfxcode/formkit-primevue",
-  "version": "3.3.5",
-  "homepage": "https://github.com/sfxcode/formkit-primevue",
-  "license": "MIT",
+  "type": "module",
+  "version": "3.3.7",
+  "packageManager": "pnpm@10.30.3+sha512.c961d1e0a2d8e354ecaa5166b822516668b7f44cb5bd95122d590dd81922f606f5473b6d23ec4a5be05e7fcd18e8488d47d978bbe981872f1145d06e9a740017",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -10,30 +10,12 @@
   "contributors": [
     "sfxcode <tom@sfxcode.com>"
   ],
+  "license": "MIT",
+  "homepage": "https://github.com/sfxcode/formkit-primevue",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sfxcode/formkit-primevue.git"
   },
-  "files": [
-    "*.css",
-    "*.scss",
-    "components.d.ts",
-    "dist"
-  ],
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "*",
-        "dist/*",
-        "dist/*.d.ts",
-        "dist/*/index.d.ts"
-      ]
-    }
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -69,15 +51,43 @@
       "require": "./dist/style.css"
     }
   },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "*",
+        "dist/*",
+        "dist/*.d.ts",
+        "dist/*/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "*.css",
+    "*.scss",
+    "components.d.ts",
+    "dist"
+  ],
   "scripts": {
     "build": "vue-tsc --build --force && unbuild",
-    "dev": "vue-tsc --build",
+    "dev": "vite serve dev",
     "dev:build": "vite build dev",
     "dev:preview": "vite preview dev",
-    "release": "npm run build && changelogen --patch --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"
+    "prepublishOnly": "pnpm build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "coverage": "vitest run --coverage"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
   },
   "dependencies": {
     "@formkit/addons": "^1.7.2",
@@ -88,26 +98,51 @@
     "@intlify/core": "^11.3.0",
     "primeicons": "^7.0.0",
     "primevue": "^4.5.4",
-    "vue-i18n": "^11.3.0",
-    "consola": "3.4.2"
+    "vue-i18n": "^11.3.0"
   },
   "devDependencies": {
-    "@types/fs-extra": "catalog:",
-    "@types/node": "catalog:",
-    "@vitejs/plugin-vue": "catalog:",
-    "@vue/tsconfig": "catalog:",
-    "add": "catalog:",
-    "bumpp": "^10.4.1",
-    "fs-extra": "catalog:",
-    "sass": "catalog:",
-    "typescript": "catalog:",
-    "unbuild": "catalog:",
-    "unplugin-vue": "catalog:",
-    "vite": "npm:@voidzero-dev/vite-plus-core@^0.1.14",
-    "vite-plus": "catalog:",
-    "vitest": "npm:@voidzero-dev/vite-plus-test@^0.1.14",
-    "vue": "catalog:",
-    "vue-sfc-transformer": "catalog:",
-    "vue-tsc": "catalog:"
+    "@antfu/eslint-config": "^7.7.2",
+    "@formkit/core": "^1.6.9",
+    "@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",
+    "@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",
+    "json-editor-vue": "^0.18.1",
+    "mkdist": "^2.4.1",
+    "sass": "^1.98.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "unbuild": "^3.6.1",
+    "unocss": "66.6.6",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^31.0.0",
+    "vite": "^8.0.0",
+    "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",
+    "vue-demi": "^0.14.10",
+    "vue-router": "^5.0.3",
+    "vue-tsc": "^3.2.5"
   }
 }

package/dist/vue.d.ts

@@ -1,5 +0,0 @@
-declare module "*.vue" {
-  import { DefineComponent } from "vue";
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}