npm - @formkit/zod - Versions diffs - 1.5.0-e10ee61 → 1.5.0-e8f4df1 - Mend

@formkit/zod 1.5.0-e10ee61 → 1.5.0-e8f4df1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/index.cjs CHANGED Viewed

@@ -2,174 +2,157 @@
 var core = require('@formkit/core');
+// packages/zod/src/zod.ts
 function createMessageName(node) {
-    if (typeof node.props.validationLabel === 'function') {
-        return node.props.validationLabel(node);
-    }
-    return (node.props.validationLabel ||
-        node.props.label ||
-        node.props.name ||
-        String(node.name));
+  if (typeof node.props.validationLabel === "function") {
+    return node.props.validationLabel(node);
+  }
+  return node.props.validationLabel || node.props.label || node.props.name || String(node.name);
 }
-/**
- * Creates a new Zod schema plugin for form validation.
- *
- * @param zodSchema - A Zod schema to validate the form against.
- * @param submitCallback - A callback to run when the form is submitted and it passes validation.
- *
- * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.
- *
- * @public
- */
 function createZodPlugin(zodSchema, submitCallback) {
-    const zodValidationSet = new Set();
-    const zodValidationListeners = new Map();
-    // The Zod plugin — maps zod schema to validation rules on
-    // matching FormKit nodes.
-    const zodPlugin = (node) => {
-        if (node.props.type !== 'form')
-            return false;
-        node.ledger.count('existingValidation', (message) => {
-            if (message.type === 'validation' || message.type === 'error') {
-                return !message.key.endsWith(':zod');
-            }
-            return false;
-        });
-        node.on('created', () => {
-            node.extend('setZodErrors', {
-                get: (node) => async (zodError) => {
-                    if (!zodError)
-                        return;
-                    await node.settled;
-                    const [formErrors, fieldErrors] = zodErrorToFormKitErrors(zodError, node);
-                    node.setErrors(fieldErrors, formErrors);
-                },
-                set: false,
-            });
-        });
-        node.on('destroyed', () => {
-            zodValidationSet.clear();
-            zodValidationListeners.clear();
-        });
-        let commitTimout = 0;
-        let start = Date.now();
-        node.on('commit', ({ payload }) => {
-            clearTimeout(commitTimout);
-            const now = Date.now();
-            // perform at least every 600ms
-            if (now - start > 600) {
-                start = now;
-                performZodValidation(payload, node);
-            }
-            // also perform after 150ms of no commits
-            commitTimout = setTimeout(() => {
-                performZodValidation(payload, node);
-            }, 150);
-        });
-        node.on('message-added', (message) => {
-            if (message.payload.type === 'state' &&
-                message.payload.key === 'submitted') {
-                // perform validation on submit so that check
-                // for form level errors can be done
-                performZodValidation(node.value, node);
-            }
-        });
-        return false;
-    };
-    function performZodValidation(payload, node) {
-        const zodResults = zodSchema.safeParse(payload);
-        if (!zodResults.success) {
-            setFormValidations(zodResults.error, node);
-        }
-        else {
-            zodValidationSet.forEach((node) => {
-                node.store.remove(`${node.address.slice(1).join('.')}:zod`);
-                const receipt = zodValidationListeners.get(node);
-                node.off(receipt);
-                zodValidationListeners.delete(node);
-            });
-            zodValidationSet.clear();
-        }
+  const zodValidationSet = /* @__PURE__ */ new Set();
+  const zodValidationListeners = /* @__PURE__ */ new Map();
+  const zodPlugin = (node) => {
+    if (node.props.type !== "form")
+      return false;
+    node.ledger.count("existingValidation", (message) => {
+      if (message.type === "validation" || message.type === "error") {
+        return !message.key.endsWith(":zod");
+      }
+      return false;
+    });
+    node.on("created", () => {
+      node.extend("setZodErrors", {
+        get: (node2) => async (zodError) => {
+          if (!zodError)
+            return;
+          await node2.settled;
+          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(
+            zodError,
+            node2
+          );
+          node2.setErrors(fieldErrors, formErrors);
+        },
+        set: false
+      });
+    });
+    node.on("destroyed", () => {
+      zodValidationSet.clear();
+      zodValidationListeners.clear();
+    });
+    let commitTimout = 0;
+    let start = Date.now();
+    node.on("commit", ({ payload }) => {
+      clearTimeout(commitTimout);
+      const now = Date.now();
+      if (now - start > 600) {
+        start = now;
+        performZodValidation(payload, node);
+      }
+      commitTimout = setTimeout(() => {
+        performZodValidation(payload, node);
+      }, 150);
+    });
+    node.on("message-added", (message) => {
+      if (message.payload.type === "state" && message.payload.key === "submitted") {
+        performZodValidation(node.value, node);
+      }
+    });
+    return false;
+  };
+  function performZodValidation(payload, node) {
+    const zodResults = zodSchema.safeParse(payload);
+    if (!zodResults.success) {
+      setFormValidations(zodResults.error, node);
+    } else {
+      zodValidationSet.forEach((node2) => {
+        node2.store.remove(`${node2.address.slice(1).join(".")}:zod`);
+        const receipt = zodValidationListeners.get(node2);
+        node2.off(receipt);
+        zodValidationListeners.delete(node2);
+      });
+      zodValidationSet.clear();
     }
-    // The submit handler — validates the payload against the zod schema
-    // and then passes the data to the user's submit callback.
-    async function submitHandler(payload, node) {
-        const zodResults = await zodSchema.safeParseAsync(payload);
-        if (!zodResults.success) {
-            setFormValidations(zodResults.error, node);
-        }
-        else {
-            await submitCallback(zodResults.data, node);
-        }
+  }
+  async function submitHandler(payload, node) {
+    const zodResults = await zodSchema.safeParseAsync(payload);
+    if (!zodResults.success) {
+      setFormValidations(zodResults.error, node);
+    } else {
+      await submitCallback(zodResults.data, node);
     }
-    // Sets the form errors on the correct nodes.
-    function setFormValidations(zodErrors, node) {
-        var _a;
-        if (!node)
-            return;
-        const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node);
-        const oldZodValidationSet = new Set(zodValidationSet);
-        Object.entries(InputErrors).map((issue) => {
-            const [path, message] = issue;
-            const targetNode = node.at(path);
-            if (targetNode) {
-                oldZodValidationSet.delete(targetNode);
-                const existingValidationCount = targetNode.ledger.value('existingValidation');
-                if (existingValidationCount === 0) {
-                    if (!targetNode.store[`${path}:zod`]) {
-                        const validationListener = targetNode.on('unsettled:existingValidation', () => {
-                            targetNode.store.remove(`${path}:zod`);
-                            zodValidationSet.delete(targetNode);
-                        });
-                        zodValidationListeners.set(targetNode, validationListener);
-                    }
-                    targetNode.store.set(core.createMessage({
-                        blocking: true,
-                        type: 'validation',
-                        key: `${path}:zod`,
-                        value: message,
-                        meta: {
-                            i18nArgs: [
-                                {
-                                    node: targetNode,
-                                    name: createMessageName(targetNode),
-                                    args: [issue],
-                                },
-                            ],
-                            messageKey: 'zod',
-                        },
-                    }));
-                    zodValidationSet.add(targetNode);
-                }
-            }
-        });
-        // on submit, all remaining errors are global errors
-        if ((_a = node === null || node === void 0 ? void 0 : node.context) === null || _a === void 0 ? void 0 : _a.state.submitted) {
-            node.setErrors([], formErrors);
+  }
+  function setFormValidations(zodErrors, node) {
+    if (!node)
+      return;
+    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node);
+    const oldZodValidationSet = new Set(zodValidationSet);
+    Object.entries(InputErrors).map((issue) => {
+      const [path, message] = issue;
+      const targetNode = node.at(path);
+      if (targetNode) {
+        oldZodValidationSet.delete(targetNode);
+        const existingValidationCount = targetNode.ledger.value("existingValidation");
+        if (existingValidationCount === 0) {
+          if (!targetNode.store[`${path}:zod`]) {
+            const validationListener = targetNode.on(
+              "unsettled:existingValidation",
+              () => {
+                targetNode.store.remove(`${path}:zod`);
+                zodValidationSet.delete(targetNode);
+              }
+            );
+            zodValidationListeners.set(targetNode, validationListener);
+          }
+          targetNode.store.set(
+            core.createMessage({
+              blocking: true,
+              type: "validation",
+              key: `${path}:zod`,
+              value: message,
+              meta: {
+                i18nArgs: [
+                  {
+                    node: targetNode,
+                    name: createMessageName(targetNode),
+                    args: [issue]
+                  }
+                ],
+                messageKey: "zod"
+              }
+            })
+          );
+          zodValidationSet.add(targetNode);
         }
-        oldZodValidationSet.forEach((node) => {
-            node.store.remove(`${node.address.slice(1).join('.')}:zod`);
-            zodValidationSet.delete(node);
-        });
+      }
+    });
+    if (node?.context?.state.submitted) {
+      node.setErrors([], formErrors);
     }
-    function zodErrorToFormKitErrors(zodError, node) {
-        const fieldErrors = {};
-        const formErrors = [];
-        zodError.issues.forEach((error) => {
-            const path = error.path.join('.');
-            const targetNode = node.at(path);
-            if (targetNode) {
-                if (!fieldErrors[path]) {
-                    fieldErrors[path] = error.message;
-                }
-            }
-            else {
-                formErrors.push(`${path}: ${error.message}`);
-            }
-        });
-        return [formErrors, fieldErrors];
-    }
-    return [zodPlugin, submitHandler];
+    oldZodValidationSet.forEach((node2) => {
+      node2.store.remove(`${node2.address.slice(1).join(".")}:zod`);
+      zodValidationSet.delete(node2);
+    });
+  }
+  function zodErrorToFormKitErrors(zodError, node) {
+    const fieldErrors = {};
+    const formErrors = [];
+    zodError.issues.forEach((error) => {
+      const path = error.path.join(".");
+      const targetNode = node.at(path);
+      if (targetNode) {
+        if (!fieldErrors[path]) {
+          fieldErrors[path] = error.message;
+        }
+      } else {
+        formErrors.push(`${path}: ${error.message}`);
+      }
+    });
+    return [formErrors, fieldErrors];
+  }
+  return [zodPlugin, submitHandler];
 }
 exports.createZodPlugin = createZodPlugin;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/zod.ts"],"names":["node"],"mappings":";AAAA,SAAqC,qBAAqB;AAY1D,SAAS,kBAAkB,MAA2B;AACpD,MAAI,OAAO,KAAK,MAAM,oBAAoB,YAAY;AACpD,WAAO,KAAK,MAAM,gBAAgB,IAAI;AAAA,EACxC;AACA,SACE,KAAK,MAAM,mBACX,KAAK,MAAM,SACX,KAAK,MAAM,QACX,OAAO,KAAK,IAAI;AAEpB;AAYO,SAAS,gBACd,WACA,gBAIwE;AACxE,QAAM,mBAAmB,oBAAI,IAAiB;AAC9C,QAAM,yBAAyB,oBAAI,IAAyB;AAG5D,QAAM,YAAY,CAAC,SAAsB;AACvC,QAAI,KAAK,MAAM,SAAS;AAAQ,aAAO;AAEvC,SAAK,OAAO,MAAM,sBAAsB,CAAC,YAAY;AACnD,UAAI,QAAQ,SAAS,gBAAgB,QAAQ,SAAS,SAAS;AAC7D,eAAO,CAAC,QAAQ,IAAI,SAAS,MAAM;AAAA,MACrC;AACA,aAAO;AAAA,IACT,CAAC;AAED,SAAK,GAAG,WAAW,MAAM;AACvB,WAAK,OAAO,gBAAgB;AAAA,QAC1B,KAAK,CAACA,UAAS,OAAO,aAAyB;AAC7C,cAAI,CAAC;AAAU;AACf,gBAAMA,MAAK;AACX,gBAAM,CAAC,YAAY,WAAW,IAAI;AAAA,YAChC;AAAA,YACAA;AAAA,UACF;AACA,UAAAA,MAAK,UAAU,aAAa,UAAU;AAAA,QACxC;AAAA,QACA,KAAK;AAAA,MACP,CAAC;AAAA,IACH,CAAC;AAED,SAAK,GAAG,aAAa,MAAM;AACzB,uBAAiB,MAAM;AACvB,6BAAuB,MAAM;AAAA,IAC/B,CAAC;AAED,QAAI,eAAuD;AAC3D,QAAI,QAAQ,KAAK,IAAI;AACrB,SAAK,GAAG,UAAU,CAAC,EAAE,QAAQ,MAAM;AACjC,mBAAa,YAAY;AACzB,YAAM,MAAM,KAAK,IAAI;AAErB,UAAI,MAAM,QAAQ,KAAK;AACrB,gBAAQ;AACR,6BAAqB,SAAS,IAAI;AAAA,MACpC;AAEA,qBAAe,WAAW,MAAM;AAC9B,6BAAqB,SAAS,IAAI;AAAA,MACpC,GAAG,GAAG;AAAA,IACR,CAAC;AAED,SAAK,GAAG,iBAAiB,CAAC,YAAY;AACpC,UACE,QAAQ,QAAQ,SAAS,WACzB,QAAQ,QAAQ,QAAQ,aACxB;AAGA,6BAAqB,KAAK,OAAO,IAAI;AAAA,MACvC;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAEA,WAAS,qBAAqB,SAAc,MAAmB;AAC7D,UAAM,aAAa,UAAU,UAAU,OAAO;AAC9C,QAAI,CAAC,WAAW,SAAS;AACvB,yBAAmB,WAAW,OAAO,IAAI;AAAA,IAC3C,OAAO;AACL,uBAAiB,QAAQ,CAACA,UAAS;AACjC,QAAAA,MAAK,MAAM,OAAO,GAAGA,MAAK,QAAQ,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,MAAM;AAC1D,cAAM,UAAU,uBAAuB,IAAIA,KAAI;AAC/C,QAAAA,MAAK,IAAI,OAAiB;AAC1B,+BAAuB,OAAOA,KAAI;AAAA,MACpC,CAAC;AACD,uBAAiB,MAAM;AAAA,IACzB;AAAA,EACF;AAIA,iBAAe,cAAc,SAAc,MAAgC;AACzE,UAAM,aAAa,MAAM,UAAU,eAAe,OAAO;AACzD,QAAI,CAAC,WAAW,SAAS;AACvB,yBAAmB,WAAW,OAAO,IAAI;AAAA,IAC3C,OAAO;AACL,YAAM,eAAe,WAAW,MAAM,IAAI;AAAA,IAC5C;AAAA,EACF;AAGA,WAAS,mBACP,WACA,MACA;AACA,QAAI,CAAC;AAAM;AACX,UAAM,CAAC,YAAY,WAAW,IAAI,wBAAwB,WAAW,IAAI;AACzE,UAAM,sBAAsB,IAAI,IAAI,gBAAgB;AACpD,WAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,UAAU;AACzC,YAAM,CAAC,MAAM,OAAO,IAAI;AACxB,YAAM,aAAa,KAAK,GAAG,IAAI;AAC/B,UAAI,YAAY;AACd,4BAAoB,OAAO,UAAU;AACrC,cAAM,0BACJ,WAAW,OAAO,MAAM,oBAAoB;AAC9C,YAAI,4BAA4B,GAAG;AACjC,cAAI,CAAC,WAAW,MAAM,GAAG,IAAI,MAAM,GAAG;AACpC,kBAAM,qBAAqB,WAAW;AAAA,cACpC;AAAA,cACA,MAAM;AACJ,2BAAW,MAAM,OAAO,GAAG,IAAI,MAAM;AACrC,iCAAiB,OAAO,UAAU;AAAA,cACpC;AAAA,YACF;AACA,mCAAuB,IAAI,YAAY,kBAAkB;AAAA,UAC3D;AAEA,qBAAW,MAAM;AAAA,YACf,cAAc;AAAA,cACZ,UAAU;AAAA,cACV,MAAM;AAAA,cACN,KAAK,GAAG,IAAI;AAAA,cACZ,OAAO;AAAA,cACP,MAAM;AAAA,gBACJ,UAAU;AAAA,kBACR;AAAA,oBACE,MAAM;AAAA,oBACN,MAAM,kBAAkB,UAAU;AAAA,oBAClC,MAAM,CAAC,KAAK;AAAA,kBACd;AAAA,gBACF;AAAA,gBACA,YAAY;AAAA,cACd;AAAA,YACF,CAAC;AAAA,UACH;AACA,2BAAiB,IAAI,UAAU;AAAA,QACjC;AAAA,MACF;AAAA,IACF,CAAC;AAGD,QAAI,MAAM,SAAS,MAAM,WAAW;AAClC,WAAK,UAAU,CAAC,GAAG,UAAU;AAAA,IAC/B;AAEA,wBAAoB,QAAQ,CAACA,UAAS;AACpC,MAAAA,MAAK,MAAM,OAAO,GAAGA,MAAK,QAAQ,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,MAAM;AAC1D,uBAAiB,OAAOA,KAAI;AAAA,IAC9B,CAAC;AAAA,EACH;AAEA,WAAS,wBACP,UACA,MACoC;AACpC,UAAM,cAAsC,CAAC;AAC7C,UAAM,aAAuB,CAAC;AAC9B,aAAS,OAAO,QAAQ,CAAC,UAAU;AACjC,YAAM,OAAO,MAAM,KAAK,KAAK,GAAG;AAChC,YAAM,aAAa,KAAK,GAAG,IAAI;AAC/B,UAAI,YAAY;AACd,YAAI,CAAC,YAAY,IAAI,GAAG;AACtB,sBAAY,IAAI,IAAI,MAAM;AAAA,QAC5B;AAAA,MACF,OAAO;AACL,mBAAW,KAAK,GAAG,IAAI,KAAK,MAAM,OAAO,EAAE;AAAA,MAC7C;AAAA,IACF,CAAC;AACD,WAAO,CAAC,YAAY,WAAW;AAAA,EACjC;AAEA,SAAO,CAAC,WAAW,aAAa;AAClC","sourcesContent":["import { FormKitNode, FormKitPlugin, createMessage } from '@formkit/core'\nimport { z } from 'zod'\n\n/**\n * Extend FormKitNode with setZodErrors.\n */\ndeclare module '@formkit/core' {\n interface FormKitNodeExtensions {\n setZodErrors(zodError: z.ZodError | undefined): FormKitNode\n }\n}\n\nfunction createMessageName(node: FormKitNode): string {\n if (typeof node.props.validationLabel === 'function') {\n return node.props.validationLabel(node)\n }\n return (\n node.props.validationLabel ||\n node.props.label ||\n node.props.name ||\n String(node.name)\n )\n}\n\n/**\n * Creates a new Zod schema plugin for form validation.\n *\n * @param zodSchema - A Zod schema to validate the form against.\n * @param submitCallback - A callback to run when the form is submitted and it passes validation.\n *\n * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.\n *\n * @public\n */\nexport function createZodPlugin<Z extends z.ZodTypeAny>(\n zodSchema: Z,\n submitCallback: (\n payload: z.infer<typeof zodSchema>,\n node: FormKitNode | undefined\n ) => void | Promise<void>\n): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void] {\n const zodValidationSet = new Set<FormKitNode>()\n const zodValidationListeners = new Map<FormKitNode, string>()\n // The Zod plugin — maps zod schema to validation rules on\n // matching FormKit nodes.\n const zodPlugin = (node: FormKitNode) => {\n if (node.props.type !== 'form') return false\n\n node.ledger.count('existingValidation', (message) => {\n if (message.type === 'validation' || message.type === 'error') {\n return !message.key.endsWith(':zod')\n }\n return false\n })\n\n node.on('created', () => {\n node.extend('setZodErrors', {\n get: (node) => async (zodError: z.ZodError) => {\n if (!zodError) return\n await node.settled\n const [formErrors, fieldErrors] = zodErrorToFormKitErrors(\n zodError,\n node\n )\n node.setErrors(fieldErrors, formErrors)\n },\n set: false,\n })\n })\n\n node.on('destroyed', () => {\n zodValidationSet.clear()\n zodValidationListeners.clear()\n })\n\n let commitTimout: ReturnType<typeof setTimeout> | number = 0\n let start = Date.now()\n node.on('commit', ({ payload }) => {\n clearTimeout(commitTimout)\n const now = Date.now()\n // perform at least every 600ms\n if (now - start > 600) {\n start = now\n performZodValidation(payload, node)\n }\n // also perform after 150ms of no commits\n commitTimout = setTimeout(() => {\n performZodValidation(payload, node)\n }, 150)\n })\n\n node.on('message-added', (message) => {\n if (\n message.payload.type === 'state' &&\n message.payload.key === 'submitted'\n ) {\n // perform validation on submit so that check\n // for form level errors can be done\n performZodValidation(node.value, node)\n }\n })\n\n return false\n }\n\n function performZodValidation(payload: any, node: FormKitNode) {\n const zodResults = zodSchema.safeParse(payload)\n if (!zodResults.success) {\n setFormValidations(zodResults.error, node)\n } else {\n zodValidationSet.forEach((node) => {\n node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n const receipt = zodValidationListeners.get(node)\n node.off(receipt as string)\n zodValidationListeners.delete(node)\n })\n zodValidationSet.clear()\n }\n }\n\n // The submit handler — validates the payload against the zod schema\n // and then passes the data to the user's submit callback.\n async function submitHandler(payload: any, node?: FormKitNode | undefined) {\n const zodResults = await zodSchema.safeParseAsync(payload)\n if (!zodResults.success) {\n setFormValidations(zodResults.error, node)\n } else {\n await submitCallback(zodResults.data, node)\n }\n }\n\n // Sets the form errors on the correct nodes.\n function setFormValidations(\n zodErrors: z.ZodError,\n node?: FormKitNode | undefined\n ) {\n if (!node) return\n const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node)\n const oldZodValidationSet = new Set(zodValidationSet)\n Object.entries(InputErrors).map((issue) => {\n const [path, message] = issue\n const targetNode = node.at(path)\n if (targetNode) {\n oldZodValidationSet.delete(targetNode)\n const existingValidationCount =\n targetNode.ledger.value('existingValidation')\n if (existingValidationCount === 0) {\n if (!targetNode.store[`${path}:zod`]) {\n const validationListener = targetNode.on(\n 'unsettled:existingValidation',\n () => {\n targetNode.store.remove(`${path}:zod`)\n zodValidationSet.delete(targetNode)\n }\n )\n zodValidationListeners.set(targetNode, validationListener)\n }\n\n targetNode.store.set(\n createMessage({\n blocking: true,\n type: 'validation',\n key: `${path}:zod`,\n value: message,\n meta: {\n i18nArgs: [\n {\n node: targetNode,\n name: createMessageName(targetNode),\n args: [issue],\n },\n ],\n messageKey: 'zod',\n },\n })\n )\n zodValidationSet.add(targetNode)\n }\n }\n })\n\n // on submit, all remaining errors are global errors\n if (node?.context?.state.submitted) {\n node.setErrors([], formErrors)\n }\n\n oldZodValidationSet.forEach((node) => {\n node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n zodValidationSet.delete(node)\n })\n }\n\n function zodErrorToFormKitErrors(\n zodError: z.ZodError,\n node: FormKitNode\n ): [string[], Record<string, string>] {\n const fieldErrors: Record<string, string> = {}\n const formErrors: string[] = []\n zodError.issues.forEach((error) => {\n const path = error.path.join('.')\n const targetNode = node.at(path)\n if (targetNode) {\n if (!fieldErrors[path]) {\n fieldErrors[path] = error.message\n }\n } else {\n formErrors.push(`${path}: ${error.message}`)\n }\n })\n return [formErrors, fieldErrors]\n }\n\n return [zodPlugin, submitHandler]\n}\n"]}

package/dist/index.d.cts ADDED Viewed

@@ -0,0 +1,24 @@
+import { FormKitNode, FormKitPlugin } from '@formkit/core';
+import { z } from 'zod';
+/**
+ * Extend FormKitNode with setZodErrors.
+ */
+declare module '@formkit/core' {
+    interface FormKitNodeExtensions {
+        setZodErrors(zodError: z.ZodError | undefined): FormKitNode;
+    }
+}
+/**
+ * Creates a new Zod schema plugin for form validation.
+ *
+ * @param zodSchema - A Zod schema to validate the form against.
+ * @param submitCallback - A callback to run when the form is submitted and it passes validation.
+ *
+ * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.
+ *
+ * @public
+ */
+declare function createZodPlugin<Z extends z.ZodTypeAny>(zodSchema: Z, submitCallback: (payload: z.infer<typeof zodSchema>, node: FormKitNode | undefined) => void | Promise<void>): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void];
+export { createZodPlugin };

package/dist/index.d.mts ADDED Viewed

@@ -0,0 +1,24 @@
+import { FormKitNode, FormKitPlugin } from '@formkit/core';
+import { z } from 'zod';
+/**
+ * Extend FormKitNode with setZodErrors.
+ */
+declare module '@formkit/core' {
+    interface FormKitNodeExtensions {
+        setZodErrors(zodError: z.ZodError | undefined): FormKitNode;
+    }
+}
+/**
+ * Creates a new Zod schema plugin for form validation.
+ *
+ * @param zodSchema - A Zod schema to validate the form against.
+ * @param submitCallback - A callback to run when the form is submitted and it passes validation.
+ *
+ * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.
+ *
+ * @public
+ */
+declare function createZodPlugin<Z extends z.ZodTypeAny>(zodSchema: Z, submitCallback: (payload: z.infer<typeof zodSchema>, node: FormKitNode | undefined) => void | Promise<void>): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void];
+export { createZodPlugin };

package/dist/index.dev.mjs ADDED Viewed

@@ -0,0 +1,156 @@
+import { createMessage } from '@formkit/core';
+// packages/zod/src/zod.ts
+function createMessageName(node) {
+  if (typeof node.props.validationLabel === "function") {
+    return node.props.validationLabel(node);
+  }
+  return node.props.validationLabel || node.props.label || node.props.name || String(node.name);
+}
+function createZodPlugin(zodSchema, submitCallback) {
+  const zodValidationSet = /* @__PURE__ */ new Set();
+  const zodValidationListeners = /* @__PURE__ */ new Map();
+  const zodPlugin = (node) => {
+    if (node.props.type !== "form")
+      return false;
+    node.ledger.count("existingValidation", (message) => {
+      if (message.type === "validation" || message.type === "error") {
+        return !message.key.endsWith(":zod");
+      }
+      return false;
+    });
+    node.on("created", () => {
+      node.extend("setZodErrors", {
+        get: (node2) => async (zodError) => {
+          if (!zodError)
+            return;
+          await node2.settled;
+          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(
+            zodError,
+            node2
+          );
+          node2.setErrors(fieldErrors, formErrors);
+        },
+        set: false
+      });
+    });
+    node.on("destroyed", () => {
+      zodValidationSet.clear();
+      zodValidationListeners.clear();
+    });
+    let commitTimout = 0;
+    let start = Date.now();
+    node.on("commit", ({ payload }) => {
+      clearTimeout(commitTimout);
+      const now = Date.now();
+      if (now - start > 600) {
+        start = now;
+        performZodValidation(payload, node);
+      }
+      commitTimout = setTimeout(() => {
+        performZodValidation(payload, node);
+      }, 150);
+    });
+    node.on("message-added", (message) => {
+      if (message.payload.type === "state" && message.payload.key === "submitted") {
+        performZodValidation(node.value, node);
+      }
+    });
+    return false;
+  };
+  function performZodValidation(payload, node) {
+    const zodResults = zodSchema.safeParse(payload);
+    if (!zodResults.success) {
+      setFormValidations(zodResults.error, node);
+    } else {
+      zodValidationSet.forEach((node2) => {
+        node2.store.remove(`${node2.address.slice(1).join(".")}:zod`);
+        const receipt = zodValidationListeners.get(node2);
+        node2.off(receipt);
+        zodValidationListeners.delete(node2);
+      });
+      zodValidationSet.clear();
+    }
+  }
+  async function submitHandler(payload, node) {
+    const zodResults = await zodSchema.safeParseAsync(payload);
+    if (!zodResults.success) {
+      setFormValidations(zodResults.error, node);
+    } else {
+      await submitCallback(zodResults.data, node);
+    }
+  }
+  function setFormValidations(zodErrors, node) {
+    if (!node)
+      return;
+    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node);
+    const oldZodValidationSet = new Set(zodValidationSet);
+    Object.entries(InputErrors).map((issue) => {
+      const [path, message] = issue;
+      const targetNode = node.at(path);
+      if (targetNode) {
+        oldZodValidationSet.delete(targetNode);
+        const existingValidationCount = targetNode.ledger.value("existingValidation");
+        if (existingValidationCount === 0) {
+          if (!targetNode.store[`${path}:zod`]) {
+            const validationListener = targetNode.on(
+              "unsettled:existingValidation",
+              () => {
+                targetNode.store.remove(`${path}:zod`);
+                zodValidationSet.delete(targetNode);
+              }
+            );
+            zodValidationListeners.set(targetNode, validationListener);
+          }
+          targetNode.store.set(
+            createMessage({
+              blocking: true,
+              type: "validation",
+              key: `${path}:zod`,
+              value: message,
+              meta: {
+                i18nArgs: [
+                  {
+                    node: targetNode,
+                    name: createMessageName(targetNode),
+                    args: [issue]
+                  }
+                ],
+                messageKey: "zod"
+              }
+            })
+          );
+          zodValidationSet.add(targetNode);
+        }
+      }
+    });
+    if (node?.context?.state.submitted) {
+      node.setErrors([], formErrors);
+    }
+    oldZodValidationSet.forEach((node2) => {
+      node2.store.remove(`${node2.address.slice(1).join(".")}:zod`);
+      zodValidationSet.delete(node2);
+    });
+  }
+  function zodErrorToFormKitErrors(zodError, node) {
+    const fieldErrors = {};
+    const formErrors = [];
+    zodError.issues.forEach((error) => {
+      const path = error.path.join(".");
+      const targetNode = node.at(path);
+      if (targetNode) {
+        if (!fieldErrors[path]) {
+          fieldErrors[path] = error.message;
+        }
+      } else {
+        formErrors.push(`${path}: ${error.message}`);
+      }
+    });
+    return [formErrors, fieldErrors];
+  }
+  return [zodPlugin, submitHandler];
+}
+export { createZodPlugin };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.dev.mjs.map

package/dist/index.dev.mjs.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/index.mjs CHANGED Viewed

@@ -1,173 +1,156 @@
 import { createMessage } from '@formkit/core';
+// packages/zod/src/zod.ts
 function createMessageName(node) {
-    if (typeof node.props.validationLabel === 'function') {
-        return node.props.validationLabel(node);
-    }
-    return (node.props.validationLabel ||
-        node.props.label ||
-        node.props.name ||
-        String(node.name));
+  if (typeof node.props.validationLabel === "function") {
+    return node.props.validationLabel(node);
+  }
+  return node.props.validationLabel || node.props.label || node.props.name || String(node.name);
 }
-/**
- * Creates a new Zod schema plugin for form validation.
- *
- * @param zodSchema - A Zod schema to validate the form against.
- * @param submitCallback - A callback to run when the form is submitted and it passes validation.
- *
- * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.
- *
- * @public
- */
 function createZodPlugin(zodSchema, submitCallback) {
-    const zodValidationSet = new Set();
-    const zodValidationListeners = new Map();
-    // The Zod plugin — maps zod schema to validation rules on
-    // matching FormKit nodes.
-    const zodPlugin = (node) => {
-        if (node.props.type !== 'form')
-            return false;
-        node.ledger.count('existingValidation', (message) => {
-            if (message.type === 'validation' || message.type === 'error') {
-                return !message.key.endsWith(':zod');
-            }
-            return false;
-        });
-        node.on('created', () => {
-            node.extend('setZodErrors', {
-                get: (node) => async (zodError) => {
-                    if (!zodError)
-                        return;
-                    await node.settled;
-                    const [formErrors, fieldErrors] = zodErrorToFormKitErrors(zodError, node);
-                    node.setErrors(fieldErrors, formErrors);
-                },
-                set: false,
-            });
-        });
-        node.on('destroyed', () => {
-            zodValidationSet.clear();
-            zodValidationListeners.clear();
-        });
-        let commitTimout = 0;
-        let start = Date.now();
-        node.on('commit', ({ payload }) => {
-            clearTimeout(commitTimout);
-            const now = Date.now();
-            // perform at least every 600ms
-            if (now - start > 600) {
-                start = now;
-                performZodValidation(payload, node);
-            }
-            // also perform after 150ms of no commits
-            commitTimout = setTimeout(() => {
-                performZodValidation(payload, node);
-            }, 150);
-        });
-        node.on('message-added', (message) => {
-            if (message.payload.type === 'state' &&
-                message.payload.key === 'submitted') {
-                // perform validation on submit so that check
-                // for form level errors can be done
-                performZodValidation(node.value, node);
-            }
-        });
-        return false;
-    };
-    function performZodValidation(payload, node) {
-        const zodResults = zodSchema.safeParse(payload);
-        if (!zodResults.success) {
-            setFormValidations(zodResults.error, node);
-        }
-        else {
-            zodValidationSet.forEach((node) => {
-                node.store.remove(`${node.address.slice(1).join('.')}:zod`);
-                const receipt = zodValidationListeners.get(node);
-                node.off(receipt);
-                zodValidationListeners.delete(node);
-            });
-            zodValidationSet.clear();
-        }
+  const zodValidationSet = /* @__PURE__ */ new Set();
+  const zodValidationListeners = /* @__PURE__ */ new Map();
+  const zodPlugin = (node) => {
+    if (node.props.type !== "form")
+      return false;
+    node.ledger.count("existingValidation", (message) => {
+      if (message.type === "validation" || message.type === "error") {
+        return !message.key.endsWith(":zod");
+      }
+      return false;
+    });
+    node.on("created", () => {
+      node.extend("setZodErrors", {
+        get: (node2) => async (zodError) => {
+          if (!zodError)
+            return;
+          await node2.settled;
+          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(
+            zodError,
+            node2
+          );
+          node2.setErrors(fieldErrors, formErrors);
+        },
+        set: false
+      });
+    });
+    node.on("destroyed", () => {
+      zodValidationSet.clear();
+      zodValidationListeners.clear();
+    });
+    let commitTimout = 0;
+    let start = Date.now();
+    node.on("commit", ({ payload }) => {
+      clearTimeout(commitTimout);
+      const now = Date.now();
+      if (now - start > 600) {
+        start = now;
+        performZodValidation(payload, node);
+      }
+      commitTimout = setTimeout(() => {
+        performZodValidation(payload, node);
+      }, 150);
+    });
+    node.on("message-added", (message) => {
+      if (message.payload.type === "state" && message.payload.key === "submitted") {
+        performZodValidation(node.value, node);
+      }
+    });
+    return false;
+  };
+  function performZodValidation(payload, node) {
+    const zodResults = zodSchema.safeParse(payload);
+    if (!zodResults.success) {
+      setFormValidations(zodResults.error, node);
+    } else {
+      zodValidationSet.forEach((node2) => {
+        node2.store.remove(`${node2.address.slice(1).join(".")}:zod`);
+        const receipt = zodValidationListeners.get(node2);
+        node2.off(receipt);
+        zodValidationListeners.delete(node2);
+      });
+      zodValidationSet.clear();
     }
-    // The submit handler — validates the payload against the zod schema
-    // and then passes the data to the user's submit callback.
-    async function submitHandler(payload, node) {
-        const zodResults = await zodSchema.safeParseAsync(payload);
-        if (!zodResults.success) {
-            setFormValidations(zodResults.error, node);
-        }
-        else {
-            await submitCallback(zodResults.data, node);
-        }
+  }
+  async function submitHandler(payload, node) {
+    const zodResults = await zodSchema.safeParseAsync(payload);
+    if (!zodResults.success) {
+      setFormValidations(zodResults.error, node);
+    } else {
+      await submitCallback(zodResults.data, node);
     }
-    // Sets the form errors on the correct nodes.
-    function setFormValidations(zodErrors, node) {
-        var _a;
-        if (!node)
-            return;
-        const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node);
-        const oldZodValidationSet = new Set(zodValidationSet);
-        Object.entries(InputErrors).map((issue) => {
-            const [path, message] = issue;
-            const targetNode = node.at(path);
-            if (targetNode) {
-                oldZodValidationSet.delete(targetNode);
-                const existingValidationCount = targetNode.ledger.value('existingValidation');
-                if (existingValidationCount === 0) {
-                    if (!targetNode.store[`${path}:zod`]) {
-                        const validationListener = targetNode.on('unsettled:existingValidation', () => {
-                            targetNode.store.remove(`${path}:zod`);
-                            zodValidationSet.delete(targetNode);
-                        });
-                        zodValidationListeners.set(targetNode, validationListener);
-                    }
-                    targetNode.store.set(createMessage({
-                        blocking: true,
-                        type: 'validation',
-                        key: `${path}:zod`,
-                        value: message,
-                        meta: {
-                            i18nArgs: [
-                                {
-                                    node: targetNode,
-                                    name: createMessageName(targetNode),
-                                    args: [issue],
-                                },
-                            ],
-                            messageKey: 'zod',
-                        },
-                    }));
-                    zodValidationSet.add(targetNode);
-                }
-            }
-        });
-        // on submit, all remaining errors are global errors
-        if ((_a = node === null || node === void 0 ? void 0 : node.context) === null || _a === void 0 ? void 0 : _a.state.submitted) {
-            node.setErrors([], formErrors);
+  }
+  function setFormValidations(zodErrors, node) {
+    if (!node)
+      return;
+    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node);
+    const oldZodValidationSet = new Set(zodValidationSet);
+    Object.entries(InputErrors).map((issue) => {
+      const [path, message] = issue;
+      const targetNode = node.at(path);
+      if (targetNode) {
+        oldZodValidationSet.delete(targetNode);
+        const existingValidationCount = targetNode.ledger.value("existingValidation");
+        if (existingValidationCount === 0) {
+          if (!targetNode.store[`${path}:zod`]) {
+            const validationListener = targetNode.on(
+              "unsettled:existingValidation",
+              () => {
+                targetNode.store.remove(`${path}:zod`);
+                zodValidationSet.delete(targetNode);
+              }
+            );
+            zodValidationListeners.set(targetNode, validationListener);
+          }
+          targetNode.store.set(
+            createMessage({
+              blocking: true,
+              type: "validation",
+              key: `${path}:zod`,
+              value: message,
+              meta: {
+                i18nArgs: [
+                  {
+                    node: targetNode,
+                    name: createMessageName(targetNode),
+                    args: [issue]
+                  }
+                ],
+                messageKey: "zod"
+              }
+            })
+          );
+          zodValidationSet.add(targetNode);
         }
-        oldZodValidationSet.forEach((node) => {
-            node.store.remove(`${node.address.slice(1).join('.')}:zod`);
-            zodValidationSet.delete(node);
-        });
+      }
+    });
+    if (node?.context?.state.submitted) {
+      node.setErrors([], formErrors);
     }
-    function zodErrorToFormKitErrors(zodError, node) {
-        const fieldErrors = {};
-        const formErrors = [];
-        zodError.issues.forEach((error) => {
-            const path = error.path.join('.');
-            const targetNode = node.at(path);
-            if (targetNode) {
-                if (!fieldErrors[path]) {
-                    fieldErrors[path] = error.message;
-                }
-            }
-            else {
-                formErrors.push(`${path}: ${error.message}`);
-            }
-        });
-        return [formErrors, fieldErrors];
-    }
-    return [zodPlugin, submitHandler];
+    oldZodValidationSet.forEach((node2) => {
+      node2.store.remove(`${node2.address.slice(1).join(".")}:zod`);
+      zodValidationSet.delete(node2);
+    });
+  }
+  function zodErrorToFormKitErrors(zodError, node) {
+    const fieldErrors = {};
+    const formErrors = [];
+    zodError.issues.forEach((error) => {
+      const path = error.path.join(".");
+      const targetNode = node.at(path);
+      if (targetNode) {
+        if (!fieldErrors[path]) {
+          fieldErrors[path] = error.message;
+        }
+      } else {
+        formErrors.push(`${path}: ${error.message}`);
+      }
+    });
+    return [formErrors, fieldErrors];
+  }
+  return [zodPlugin, submitHandler];
 }
 export { createZodPlugin };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,17 +1,22 @@
 {
   "name": "@formkit/zod",
-  "version": "1.5.0-e10ee61",
+  "version": "1.5.0-e8f4df1",
   "type": "module",
   "description": "Zod validation for FormKit.",
   "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "types": "dist/index.d.cts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "development": "./dist/index.dev.mjs",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     }
   },
   "keywords": [
@@ -31,7 +36,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@formkit/core": "1.5.0-e10ee61"
+    "@formkit/core": "1.5.0-e8f4df1"
   },
   "devDependencies": {
     "@formkit/vue": "1.1.0"

package/dist/index.d.ts DELETED Viewed

@@ -1,35 +0,0 @@
-/**
- * The first-party zod package/plugin for FormKit. Read the
- * {@link https://formkit.com/essentials/zod |
- * documentation} for usage instructions.
- *
- * @packageDocumentation
- */
-import { FormKitNode } from '@formkit/core';
-import { FormKitPlugin } from '@formkit/core';
-import { z } from 'zod';
-/**
- * Creates a new Zod schema plugin for form validation.
- *
- * @param zodSchema - A Zod schema to validate the form against.
- * @param submitCallback - A callback to run when the form is submitted and it passes validation.
- *
- * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.
- *
- * @public
- */
-export declare function createZodPlugin<Z extends z.ZodTypeAny>(zodSchema: Z, submitCallback: (payload: z.infer<typeof zodSchema>, node: FormKitNode | undefined) => void | Promise<void>): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void];
-/**
- * Extend FormKitNode with setZodErrors.
- * @public
- */
-declare module '@formkit/core' {
-  interface FormKitNodeExtensions {
-    setZodErrors(zodError: z.ZodError | undefined): FormKitNode
-  }
-}