@neovici/cosmoz-form 3.0.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;AAExC,OAAO,yBAAyB,CAAC;AAUjC,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,9 +1,9 @@
 import { dialog } from '@neovici/cosmoz-dialog';
 import '@neovici/cosmoz-dialog/loading';
-import { _ } from '@neovici/cosmoz-i18next';
 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';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { until } from 'lit-html/directives/until.js';
@@ -14,7 +14,7 @@ import buttonStyles from '../styles/button';
 import { useValidatedForm$ } from '../use-validated-form$';
 import styles from './style.css';
 const FormDialog = (host) => {
-    const { description, auto, uncancelable, hideCancelButton, saveText = _('OK'), } = host, { onSave, disabled, save$, progress, ...form } = useValidatedForm$(host);
+    const { description, auto, uncancelable, hideCancelButton, saveText = t('OK'), } = host, { onSave, disabled, save$, progress, ...form } = useValidatedForm$(host);
     useEffect(() => {
         if (!auto) {
             return;
@@ -30,7 +30,7 @@ const FormDialog = (host) => {
 			${renderFailure$(save$)}
 			${renderButton$({ save$, onSave, disabled, title: saveText, progress })}
 			${when(!hideCancelButton, () => html `<button class="button" value="cancel" ?disabled=${uncancelable}>
-						${_('Cancel')}
+						${t('Cancel')}
 					</button>`)}
 		</div>`;
 };
@@ -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/inputs/date-range.js

@@ -1,4 +1,4 @@
-import { _ } from '@neovici/cosmoz-i18next';
+import { t } from 'i18next';
 import { html } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { live } from 'lit-html/directives/live.js';
@@ -17,7 +17,7 @@ const _dateRange = (type) => input(({ id, label, error, warning, disabled, onCha
 					?disabled=${disabled}
 					?invalid=${!!error?.from}
 					.errorMessage=${error?.from}
-					.label=${_('From ({0})', label)}
+					.label=${t('From ({0})', { 0: label })}
 					.value=${live(value?.from)}
 					.max=${ifDefined(value?.to)}
 					@change=${({ target }) => onChange({ ...value, from: target.value })}
@@ -30,7 +30,7 @@ const _dateRange = (type) => input(({ id, label, error, warning, disabled, onCha
 					?disabled=${disabled}
 					?invalid=${!!error?.to}
 					.errorMessage=${error?.to}
-					.label=${_('To ({0})', label)}
+					.label=${t('To ({0})', { 0: label })}
 					.value=${live(value?.to)}
 					.min=${ifDefined(value?.from)}
 					@change=${({ target }) => onChange({ ...value, to: target.value })}
@@ -41,6 +41,6 @@ export const dateRange = _dateRange('date'), dateTimeRange = _dateRange('datetim
 // error is typed as string | false, but here we have an object with errors per field
 // TODO: review how the error is handled
 missingRange = (value) => (missing(value?.from) || missing(value?.to)) && {
-    from: missing(value?.from) && _('Required'),
-    to: missing(value?.to) && _('Required'),
+    from: missing(value?.from) && t('Required'),
+    to: missing(value?.to) && t('Required'),
 };

package/dist/inputs/inline-file.js

@@ -1,6 +1,6 @@
-import { _ } from '@neovici/cosmoz-i18next';
 import { tagged as css } from '@neovici/cosmoz-utils';
 import { invoke, noop } from '@neovici/cosmoz-utils/function';
+import { t } from 'i18next';
 import { html } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { until } from 'lit-html/directives/until.js';
@@ -46,11 +46,11 @@ const icon = html `<svg
 </svg>`;
 const humanLabel = (value) => {
     if (!value)
-        return _('Choose file');
+        return t('Choose file');
     if (Array.isArray(value)) {
         if (value.length === 1)
             return value[0].name;
-        return _('{0} files', value.length);
+        return t('{0} files', { 0: value.length });
     }
     return value.name;
 };

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/dist/test/use-validated-form.test.js

@@ -1,8 +1,14 @@
 /* eslint-disable mocha/max-top-level-suites */
 import { renderHook } from '@neovici/testing';
 import { assert, waitUntil } from '@open-wc/testing';
+import i18next from 'i18next';
 import { useValidatedForm } from '../use-validated-form';
 import { required, tooLong, tooShort } from '../validation';
+i18next.init({
+    lng: 'en',
+    resources: { en: { translation: {} } },
+    fallbackLng: false,
+});
 suite('useValidatedForm', () => {
     let result;
     let nextUpdate;

package/dist/validation/rules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../src/validation/rules.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../src/validation/rules.ts"],"names":[],"mappings":"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"}

package/dist/validation/rules.js

@@ -1,7 +1,7 @@
-import { _ } from '@neovici/cosmoz-i18next';
 import { ensureDate } from '@neovici/cosmoz-utils/date';
 import { format } from 'date-fns/format';
 import { addDays } from 'date-fns/fp/addDays';
+import { t } from 'i18next';
 import { gln as isGln } from '../util/gln';
 import { luhn as isLuhn } from '../util/luhn';
 export const STRING_TEXT = 200, STRING_LONG = 50, STRING_SHORT = 20;
@@ -10,39 +10,41 @@ export const missing = (value) => value == null ||
     Number.isNaN(value) ||
     (Array.isArray(value) && value.length < 1);
 export const exists = (value) => !missing(value);
-export const required = (value) => missing(value) && _('Required');
+export const required = (value) => missing(value) && t('Required');
 export const requiredWhen = (condition) => (value, values) => values != null && condition(value, values) ? required(value) : false;
 export const requireEither = (otherField) => (value, values) => missing(value) &&
     values != null &&
     missing(values[otherField]) &&
-    _('Required');
+    t('Required');
 export function notAnOption(options, key) {
     return (value) => !missing(value) &&
         options != null &&
         !options.some((option) => option[(key ?? 'value')] === value) &&
-        _('Option not among possible values');
+        t('Option not among possible values');
 }
 export const tooShort = (length) => (value) => exists(value) &&
     value.length < length &&
-    _('Must have at least {0} characters', length);
+    t('Must have at least {0} characters', { 0: length });
 export const tooLong = (length) => (value) => exists(value) &&
     value.length > length &&
-    _('Must have maximum {0} characters', length);
+    t('Must have maximum {0} characters', { 0: length });
 export const exactLength = (length) => (value) => exists(value) &&
     value.length !== length &&
-    _('Must have exactly {0} characters', length);
+    t('Must have exactly {0} characters', { 0: length });
 export const tooSmall = (min) => (value) => exists(value) &&
     value < min &&
-    _('Value must be greater or equal to {0}', min);
-export const tooSmallStrict = (min) => (value) => exists(value) && value <= min && _('Value must be greater than {0}', min);
+    t('Value must be greater or equal to {0}', { 0: min });
+export const tooSmallStrict = (min) => (value) => exists(value) &&
+    value <= min &&
+    t('Value must be greater than {0}', { 0: min });
 export const tooBig = (max) => (value) => exists(value) &&
     exists(max) &&
     value > max &&
-    _('Value must be less or equal to {0}', max);
+    t('Value must be less or equal to {0}', { 0: max });
 export const doesNotMatchFormat = (regexp, message = 'Does not match format: ' + regexp) => (value) => exists(value) && !value.match(regexp) && message;
-export const luhn = (value) => exists(value) && !isLuhn(value) && _('Not a valid identification number');
-export const gln = (value) => exists(value) && !isGln(value) && _('Not a valid identification number');
-export const onlyDigits = (value) => exists(value) && !/^[0-9]+$/u.test(value) && _('Only digits allowed');
+export const luhn = (value) => exists(value) && !isLuhn(value) && t('Not a valid identification number');
+export const gln = (value) => exists(value) && !isGln(value) && t('Not a valid identification number');
+export const onlyDigits = (value) => exists(value) && !/^[0-9]+$/u.test(value) && t('Only digits allowed');
 export const hint = (field) => ({
     value: [
         (value, values) => {
@@ -63,7 +65,7 @@ export const hint = (field) => ({
             return false;
         }
         const hintValue = values[field];
-        return hintValue == null ? req : _('Option not among possible values');
+        return hintValue == null ? req : t('Option not among possible values');
     },
 });
 export const afterStartDate = (startDateField, eq) => (value, values) => {
@@ -74,7 +76,7 @@ export const afterStartDate = (startDateField, eq) => (value, values) => {
     const endTime = end.getTime();
     const startTime = start.getTime();
     const invalid = eq ? endTime < startTime : endTime <= startTime;
-    return invalid && _('End date must be after start date');
+    return invalid && t('End date must be after start date');
 };
 export const minDate = (date) => (value) => {
     const dateValue = ensureDate(value), minDateValue = ensureDate(date);
@@ -83,14 +85,14 @@ export const minDate = (date) => (value) => {
     return (dateValue &&
         minDateValue &&
         dateValue.getTime() <= minDateValue.getTime() &&
-        _('Date must be bigger than {0}', date));
+        t('Date must be bigger than {0}', { 0: date }));
 };
 export const maxDate = (date) => (value) => {
     const dateValue = ensureDate(value), maxDateValue = ensureDate(date);
     if (!dateValue || !maxDateValue)
         return false;
     return (maxDateValue.getTime() <= dateValue.getTime() &&
-        _('Date must be lower than {0}', date));
+        t('Date must be lower than {0}', { 0: date }));
 };
 export const maxDays = (days) => maxDate(format(addDays(days, new Date()), 'yyyy-MM-dd'));
 export const xor = (otherField) => (value, values) => values[otherField] != null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-form",
-  "version": "3.0.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",
-    "@neovici/cosmoz-i18next": "^3.5.1",
     "@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.8.0",
+    "@neovici/cfg": "^2.13.0",
     "@neovici/testing": "^2.0.0",
     "@open-wc/testing": "^4.0.0",
     "@open-wc/testing-helpers": "^3.0.1",
@@ -103,7 +105,6 @@
     "storybook": "^10.0.0"
   },
   "overrides": {
-    "conventional-changelog-conventionalcommits": ">= 8.0.0",
-    "@polymer/polymer": "^3.5.2"
+    "conventional-changelog-conventionalcommits": ">= 8.0.0"
   }
 }