@neovici/cosmoz-form 3.1.0 → 3.2.0-beta.1

package/dist/form-dialog/form-dialog.d.ts

@@ -15,7 +15,7 @@ export interface Dialog<T extends object> extends Props<T> {
     name?: string;
 }
 export declare const formDialog: <T extends object>(props?: Dialog<T>) => Renderable;
-export declare const formDialog$: <T extends object>(props$: Resolvable<Dialog<T>>) => import("lit-html/directive.js").DirectiveResult<{
+export declare const formDialog$: <T extends object>(props$: Resolvable<Dialog<T>> | undefined) => import("lit-html/directive.js").DirectiveResult<{
     new (_partInfo: import("lit-html/directive.js").PartInfo): import("lit-html/directives/until.js").UntilDirective<import("lit-html").TemplateResult<1> | Promise<symbol | {
         toString(): string;
     } | readonly Renderable[] | null | undefined>>;

package/dist/form-dialog/form-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-dialog.d.ts","sourceRoot":"","sources":["../../src/form-dialog/form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,gCAAgC,CAAC;AACxC,OAAO,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AAG9E,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAiDD,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,KAAK,CAAC,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAG,UAkBhE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,QAAQ,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;;;EAIzE,CAAC"}
+{"version":3,"file":"form-dialog.d.ts","sourceRoot":"","sources":["../../src/form-dialog/form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,gCAAgC,CAAC;AACxC,OAAO,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AAG9E,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAiDD,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,KAAK,CAAC,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAG,UAkBhE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAC3C,QAAQ,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;;;;EAKxC,CAAC"}

package/dist/form-dialog/form-dialog.js

@@ -1,7 +1,7 @@
 import { dialog } from '@neovici/cosmoz-dialog';
 import '@neovici/cosmoz-dialog/loading';
 import '@neovici/cosmoz-spinner';
-import { invoke } from '@neovici/cosmoz-utils/function';
+import { invoke$ } from '@neovici/cosmoz-utils/promise';
 import { useEffect } from '@pionjs/pion';
 import { t } from 'i18next';
 import { html, nothing } from 'lit-html';
@@ -57,4 +57,4 @@ export const formDialog = (props) => {
 	></cosmoz-form-dialog>`;
     return dialog;
 };
-export const formDialog$ = (props$) => until(Promise.resolve(invoke(props$)).then(formDialog, () => nothing), html `<cosmoz-dialog-loading></cosmoz-dialog-loading>`);
+export const formDialog$ = (props$) => until(invoke$(props$).then(formDialog, () => nothing), html `<cosmoz-dialog-loading></cosmoz-dialog-loading>`);

package/dist/form-dialog/index.d.ts

@@ -1,4 +1,5 @@
 export * from './form-dialog';
 export * from './form-dialogable';
 export * from './use-form-dialogable';
+export * from './use-form-dialogable$';
 //# sourceMappingURL=index.d.ts.map

package/dist/form-dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/dist/form-dialog/index.js

@@ -1,3 +1,4 @@
 export * from './form-dialog';
 export * from './form-dialogable';
 export * from './use-form-dialogable';
+export * from './use-form-dialogable$';

package/dist/form-dialog/use-form-dialogable$.d.ts

@@ -0,0 +1,10 @@
+import { type Resolvable } from '../types';
+import { type Dialog } from './form-dialog';
+import { type Dialogable } from './use-form-dialogable';
+export declare const useFormDialogable$: () => {
+    dialog: (() => Promise<Dialog<object>>) | undefined;
+    rtkn: symbol | undefined;
+    setRtkn: import("@pionjs/pion").StateUpdater<symbol | undefined>;
+    open: <T extends object>(resolvable: Resolvable<Dialogable<T>>) => void;
+};
+//# sourceMappingURL=use-form-dialogable$.d.ts.map

package/dist/form-dialog/use-form-dialogable$.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-dialogable$.d.ts","sourceRoot":"","sources":["../../src/form-dialog/use-form-dialogable$.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,uBAAuB,CAAC;AAIxE,eAAO,MAAM,kBAAkB;mBAFM,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;;;WAaxD,CAAC,SAAS,MAAM,cAAc,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAe1D,CAAC"}

package/dist/form-dialog/use-form-dialogable$.js

@@ -0,0 +1,17 @@
+import { invoke$ } from '@neovici/cosmoz-utils/promise';
+import { useCallback, useState } from '@pionjs/pion';
+import { useOpened } from '../hooks/use-opened';
+import { wrapDialogable } from './use-form-dialogable';
+export const useFormDialogable$ = () => {
+    const { opened: maybeSlot, onOpen, onClose } = useOpened();
+    const [rtkn, setRtkn] = useState();
+    const slot = typeof maybeSlot === 'boolean' ? undefined : maybeSlot;
+    return {
+        dialog: slot?.value,
+        rtkn,
+        setRtkn,
+        open: useCallback((resolvable) => onOpen({
+            value: () => invoke$(resolvable).then((dialogable) => wrapDialogable(dialogable, onClose, setRtkn)),
+        }), [onClose, setRtkn]),
+    };
+};

package/dist/form-dialog/use-form-dialogable.d.ts

@@ -3,6 +3,7 @@ export interface Dialogable<T extends object> extends Dialog<T> {
     preventClose?: boolean;
     preventRefresh?: boolean;
 }
+export declare const wrapDialogable: <T extends object>(dialogable: Dialogable<T>, onClose: () => void, setRtkn: (s: symbol) => void) => Dialog<T>;
 export declare const useFormDialogable: () => {
     dialog: Dialogable<object> | undefined;
     rtkn: unknown;

package/dist/form-dialog/use-form-dialogable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-dialogable.d.ts","sourceRoot":"","sources":["../../src/form-dialog/use-form-dialogable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,MAAM,CAAC,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,eAAO,MAAM,iBAAiB;;;;WAa1B,CAAC,SAAS,MAAM,UAAU,UAAU,CAAC,CAAC,CAAC;CAuB1C,CAAC"}
+{"version":3,"file":"use-form-dialogable.d.ts","sourceRoot":"","sources":["../../src/form-dialog/use-form-dialogable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,MAAM,CAAC,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAC9C,YAAY,UAAU,CAAC,CAAC,CAAC,EACzB,SAAS,MAAM,IAAI,EACnB,SAAS,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,KAC1B,MAAM,CAAC,CAAC,CAcT,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;WAa1B,CAAC,SAAS,MAAM,UAAU,UAAU,CAAC,CAAC,CAAC;CAW1C,CAAC"}

package/dist/form-dialog/use-form-dialogable.js

@@ -1,5 +1,17 @@
 import { useCallback, useState } from '@pionjs/pion';
 import { useOpened } from '../hooks/use-opened';
+export const wrapDialogable = (dialogable, onClose, setRtkn) => ({
+    ...dialogable,
+    onClose,
+    onSave: (values, initial, setProgress) => Promise.resolve(dialogable.onSave?.(values, initial, setProgress)).then(() => {
+        if (!dialogable.preventRefresh) {
+            setRtkn(Symbol('rtkn'));
+        }
+        if (!dialogable.preventClose) {
+            onClose();
+        }
+    }),
+});
 export const useFormDialogable = () => {
     const { opened: maybeDialog, onOpen, onClose, } = useOpened();
     const [rtkn, setRtkn] = useState();
@@ -8,17 +20,6 @@ export const useFormDialogable = () => {
         dialog,
         rtkn,
         setRtkn,
-        open: useCallback((dialog) => onOpen({
-            ...dialog,
-            onClose,
-            onSave: (values, initial, setProgress) => Promise.resolve(dialog.onSave?.(values, initial, setProgress)).then(() => {
-                if (!dialog?.preventRefresh) {
-                    setRtkn(Symbol('rtkn'));
-                }
-                if (!dialog?.preventClose) {
-                    onClose();
-                }
-            }),
-        }), [onClose]),
+        open: useCallback((dialog) => onOpen(wrapDialogable(dialog, onClose, setRtkn)), [onClose, setRtkn]),
     };
 };

package/dist/helpers.d.ts

@@ -7,5 +7,5 @@ interface Initiatable<T extends object, K extends keyof T, V extends T[K]> {
     initiate: (value: V, values: T) => any;
 }
 export declare const initiate: <T extends object, K extends keyof T, V extends T[K]>(obj: T, fields: Initiatable<T, K, V>[]) => { [key in K]: ReturnType<Initiatable<T, K, V>["initiate"]>; };
-export declare const primeval: ((<T extends object, K extends keyof T, V extends T[K], F extends Field<T, K, V>>(value: V, values: T, { options, valueProperty }: F) => V | ({} | V)[]) | (<T extends object, K extends keyof T, V extends T[K], F extends Field<T, K, V>>(value: V, values: T, { valueProperty }: F) => any[] | (string extends infer T_1 ? T_1 extends string ? T_1 extends keyof NonNullable<V> ? NonNullable<V>[T_1] : undefined : never : never)))[];
+export declare const primeval: ((<T extends object, K extends keyof T, V extends T[K], F extends Field<T, K, V>>(value: V, values: T, { options, valueProperty }: F) => V | ({} | V)[]) | (<T extends object, K extends keyof T, V extends T[K], F extends Field<T, K, V>>(value: V, values: T, { valueProperty }: F) => any[] | (NonNullable<V> extends infer T_1 ? T_1 extends NonNullable<V> ? T_1 extends object ? string extends infer T_2 ? T_2 extends string ? T_2 extends keyof T_1 ? T_1[T_2] : undefined : never : never : T_1 : never : never)))[];
 //# sourceMappingURL=helpers.d.ts.map

package/dist/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3E,wBAAgB,WAAW,CAC1B,CAAC,EACD,CAAC,SAAS,GAAG,EAAE,EACf,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC3D,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAE3D;AAED,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACxE,EAAE,EAAE,CAAC,CAAC;IACN,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC;CACvC;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC3E,KAAK,CAAC,EACN,QAAQ,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAOzB,GACH,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,GACxD,CAAC;AAMH,eAAO,MAAM,QAAQ,KAEnB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,SAEjB,CAAC,UACA,CAAC,8BACmB,CAAC,yBAa7B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,SAEjB,CAAC,UACA,CAAC,qBACU,CAAC,qJAMrB,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3E,wBAAgB,WAAW,CAC1B,CAAC,EACD,CAAC,SAAS,GAAG,EAAE,EACf,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC3D,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAE3D;AAED,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACxE,EAAE,EAAE,CAAC,CAAC;IACN,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC;CACvC;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC3E,KAAK,CAAC,EACN,QAAQ,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAOzB,GACH,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,GACxD,CAAC;AAMH,eAAO,MAAM,QAAQ,KAEnB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,SAEjB,CAAC,UACA,CAAC,8BACmB,CAAC,yBAa7B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,EACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACd,CAAC,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,SAEjB,CAAC,UACA,CAAC,qBACU,CAAC,0OAMrB,CAAC"}

package/dist/test/use-form-dialogable$.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-form-dialogable$.test.d.ts.map

package/dist/test/use-form-dialogable$.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-dialogable$.test.d.ts","sourceRoot":"","sources":["../../src/test/use-form-dialogable$.test.ts"],"names":[],"mappings":""}

package/dist/test/use-form-dialogable$.test.js

@@ -0,0 +1,103 @@
+import { renderHook } from '@neovici/testing';
+import { assert, waitUntil } from '@open-wc/testing';
+import { useFormDialogable$ } from '../form-dialog/use-form-dialogable$';
+const makeDialogable = (overrides) => ({
+    heading: 'Test',
+    fields: [],
+    initial: {},
+    onSave: () => Promise.resolve(),
+    ...overrides,
+});
+suite('useFormDialogable$', () => {
+    const fixture = () => renderHook(() => useFormDialogable$());
+    test('dialog is undefined initially', async () => {
+        const { result } = await fixture();
+        assert.isUndefined(result.current.dialog);
+    });
+    test('rtkn is undefined initially', async () => {
+        const { result } = await fixture();
+        assert.isUndefined(result.current.rtkn);
+    });
+    test('open() with synchronous Dialogable stores a resolver function', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(makeDialogable());
+        await nextUpdate();
+        assert.isFunction(result.current.dialog);
+    });
+    test('open() with Promise<Dialogable> stores a resolver function', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(Promise.resolve(makeDialogable()));
+        await nextUpdate();
+        assert.isFunction(result.current.dialog);
+    });
+    test('open() with () => Dialogable stores a resolver function', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(() => makeDialogable());
+        await nextUpdate();
+        assert.isFunction(result.current.dialog);
+    });
+    test('dialog() resolves to wrapped Dialog with onClose', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(makeDialogable());
+        await nextUpdate();
+        const resolved = await result.current.dialog();
+        assert.equal(resolved.heading, 'Test');
+        assert.isFunction(resolved.onClose);
+        assert.isFunction(resolved.onSave);
+    });
+    test('onSave calls original onSave and onClose', async () => {
+        const { result, nextUpdate } = await fixture();
+        let saved = false;
+        result.current.open(makeDialogable({
+            onSave: () => {
+                saved = true;
+                return Promise.resolve();
+            },
+        }));
+        await nextUpdate();
+        const resolved = await result.current.dialog();
+        await resolved.onSave({}, {});
+        assert.isTrue(saved);
+        await waitUntil(() => result.current.dialog === undefined);
+    });
+    test('onSave respects preventClose', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(makeDialogable({ preventClose: true }));
+        await nextUpdate();
+        const resolved = await result.current.dialog();
+        await resolved.onSave({}, {});
+        assert.isFunction(result.current.dialog);
+    });
+    test('onSave respects preventRefresh', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(makeDialogable({ preventRefresh: true }));
+        await nextUpdate();
+        const resolved = await result.current.dialog();
+        const initialRtkn = result.current.rtkn;
+        await resolved.onSave({}, {});
+        assert.equal(result.current.rtkn, initialRtkn);
+    });
+    test('dialog() resolves async Dialogable from Promise', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(Promise.resolve(makeDialogable({ heading: 'Async Test' })));
+        await nextUpdate();
+        const resolved = await result.current.dialog();
+        assert.equal(resolved.heading, 'Async Test');
+    });
+    test('dialog() resolves lazy Dialogable from function', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(() => makeDialogable({ heading: 'Lazy Test' }));
+        await nextUpdate();
+        const resolved = await result.current.dialog();
+        assert.equal(resolved.heading, 'Lazy Test');
+    });
+    test('onSave sets rtkn (refresh token)', async () => {
+        const { result, nextUpdate } = await fixture();
+        result.current.open(makeDialogable());
+        await nextUpdate();
+        const resolved = await result.current.dialog();
+        assert.isUndefined(result.current.rtkn);
+        await resolved.onSave({}, {});
+        assert.isTrue(typeof result.current.rtkn === 'symbol');
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-form",
-  "version": "3.1.0",
+  "version": "3.2.0-beta.1",
   "description": "A pionjs component",
   "keywords": [
     "web-components",
@@ -70,19 +70,21 @@
     "@lit-labs/virtualizer": "^2.1.1",
     "@neovici/cosmoz-autocomplete": "^10.10.4 || ^11.0.0 || ^12.0.0 || ^13.0.0",
     "@neovici/cosmoz-dialog": "^4.0.0 || ^5.0.0",
-    "i18next": ">=23.0.0 <27.0.0",
     "@neovici/cosmoz-icons": "^1.3.0",
     "@neovici/cosmoz-input": "^5.5.0",
     "@neovici/cosmoz-spinner": "^1.0.2",
-    "@neovici/cosmoz-utils": "^6.17.0",
+    "@neovici/cosmoz-utils": "^6.22.0",
     "@pionjs/pion": "^2.5.2",
+    "@playwright/test": "^1.60.0",
+    "@web/test-runner-playwright": "^0.11.1",
     "date-fns": "^4.1.0",
+    "i18next": ">=23.0.0 <27.0.0",
     "lit-html": "^3.3.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^20.0.0",
     "@commitlint/config-conventional": "^20.0.0",
-    "@neovici/cfg": "^2.11.0",
+    "@neovici/cfg": "^2.13.0",
     "@neovici/testing": "^2.0.0",
     "@open-wc/testing": "^4.0.0",
     "@open-wc/testing-helpers": "^3.0.1",