@neovici/cosmoz-form 2.1.1 → 2.2.0

package/dist/use-validated-form$.d.ts

@@ -1,4 +1,5 @@
 import { ItemRule } from '.';
+import type { AsyncItemRule } from './async-rule';
 import type { Fields } from './types';
 import { UseValidatedForm } from './use-validated-form';
 export type ProgressValue = string | number;
@@ -7,17 +8,19 @@ export interface Props<T extends object> {
     fields: Fields<T>;
     initial: T;
     rules?: ItemRule<T>[];
+    asyncRules?: readonly AsyncItemRule<T>[];
     onSave?: (values: T, initial: T, setProgress?: (p: Progress) => void) => PromiseLike<unknown>;
     allowEmpty?: boolean;
 }
 interface Opts {
     disabled: boolean;
+    processing: boolean;
     progress?: Progress;
     save$?: PromiseLike<unknown>;
     onSave: () => void;
 }
 export interface UseValidatedForm$<T extends object> extends UseValidatedForm<T>, Opts {
 }
-declare function useValidatedForm$<T extends object>({ fields, initial, rules, onSave, allowEmpty, }: Props<T>): UseValidatedForm$<T>;
+declare function useValidatedForm$<T extends object>({ fields, initial, rules, asyncRules, onSave, allowEmpty, }: Props<T>): UseValidatedForm$<T>;
 export { useValidatedForm$ };
 //# sourceMappingURL=use-validated-form$.d.ts.map

package/dist/use-validated-form$.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-validated-form$.d.ts","sourceRoot":"","sources":["../src/use-validated-form$.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAoB,MAAM,sBAAsB,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AAEtD,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,MAAM;IACtC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAClB,OAAO,EAAE,CAAC,CAAC;IACX,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,CACR,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,EACV,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,KAC/B,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,IAAI;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAClD,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EAC1B,IAAI;CAAG;AAET,iBAAS,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,UAAU,GACV,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAmBjC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"use-validated-form$.d.ts","sourceRoot":"","sources":["../src/use-validated-form$.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAoB,MAAM,sBAAsB,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AAEtD,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,MAAM;IACtC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAClB,OAAO,EAAE,CAAC,CAAC;IACX,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,CACR,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,EACV,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,KAC/B,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,IAAI;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAClD,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EAAE,IAAI;CAAG;AAErC,iBAAS,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,UAAU,GACV,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAqBjC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/use-validated-form$.js

@@ -1,7 +1,9 @@
 import { useCallback, useState } from '@pionjs/pion';
+import { useAsyncFormCore } from './use-async-form-core';
 import { useValidatedForm } from './use-validated-form';
-function useValidatedForm$({ fields, initial, rules, onSave, allowEmpty, }) {
+function useValidatedForm$({ fields, initial, rules, asyncRules, onSave, allowEmpty, }) {
     const form = useValidatedForm({ fields, initial, rules });
+    const { processing } = useAsyncFormCore(form, asyncRules);
     const { values, invalid } = form;
     const [save$, setSave$] = useState();
     const [progress, setProgress] = useState();
@@ -12,6 +14,7 @@ function useValidatedForm$({ fields, initial, rules, onSave, allowEmpty, }) {
         save$,
         onSave: useCallback(() => setSave$(onSave?.(values, initial, setProgress)), [onSave, values, initial]),
         disabled,
+        processing,
         progress,
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-form",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "A pionjs component",
   "keywords": [
     "web-components",
@@ -76,20 +76,21 @@
     "@commitlint/cli": "^20.0.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@neovici/cfg": "^2.8.0",
-    "lint-staged": "^15.4.3",
     "@neovici/testing": "^2.0.0",
     "@open-wc/testing": "^4.0.0",
     "@open-wc/testing-helpers": "^3.0.1",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/git": "^10.0.0",
-    "@storybook/addon-links": "^10.0.0",
-    "@storybook/web-components": "^10.0.0",
-    "@storybook/web-components-vite": "^10.0.0",
+    "@storybook/addon-docs": "^10.2.17",
+    "@storybook/addon-links": "^10.2.17",
+    "@storybook/web-components": "^10.2.17",
+    "@storybook/web-components-vite": "^10.2.17",
     "@types/mocha": "^10.0.0",
     "@types/node": "^24.0.0",
     "esbuild": "^0.27.0",
     "http-server": "^14.1.1",
     "husky": "^9.0.11",
+    "lint-staged": "^15.4.3",
     "semantic-release": "^25.0.0",
     "sinon": "^19.0.0",
     "storybook": "^10.0.0"