@schwarzdavid/ui-kit 0.0.1-alpha.6 → 0.0.1-alpha.7

package/dist/{style.css → ui-kit.css}

@@ -1 +1 @@
-.toast-entry[data-v-4c652270]{pointer-events:all}.toast-entry[data-v-4c652270] .v-alert__prepend{align-self:center}.toast-outlet[data-v-ba5c8268]{position:fixed;z-index:9999;bottom:8px;right:8px;left:8px;display:flex;flex-direction:column;row-gap:8px;pointer-events:none}.toast-outlet--desktop[data-v-ba5c8268]{left:unset;max-width:500px;width:100%}.fade-move[data-v-ba5c8268],.fade-enter-active[data-v-ba5c8268],.fade-leave-active[data-v-ba5c8268]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-ba5c8268],.fade-leave-to[data-v-ba5c8268]{opacity:0;transform:translate(50%) scaleY(.5)}.fade-leave-active[data-v-ba5c8268]{position:absolute}.info-dialog-card[data-v-48bbcd24]>.v-card-text{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-card[data-v-aa6b77b6]>.v-card-item{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-toolbar-slot[data-v-aa6b77b6]{display:contents}.confirm-dialog-card[data-v-e571516e]>.v-card-text{padding-left:16px!important;padding-right:16px!important}
+.toast-entry[data-v-7b5e0267]{pointer-events:all}.toast-entry[data-v-7b5e0267] .v-alert__prepend{align-self:center}.toast-outlet[data-v-ba5c8268]{position:fixed;z-index:9999;bottom:8px;right:8px;left:8px;display:flex;flex-direction:column;row-gap:8px;pointer-events:none}.toast-outlet--desktop[data-v-ba5c8268]{left:unset;max-width:500px;width:100%}.fade-move[data-v-ba5c8268],.fade-enter-active[data-v-ba5c8268],.fade-leave-active[data-v-ba5c8268]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-ba5c8268],.fade-leave-to[data-v-ba5c8268]{opacity:0;transform:translate(50%) scaleY(.5)}.fade-leave-active[data-v-ba5c8268]{position:absolute}.info-dialog-card[data-v-0bb08e28]>.v-card-text{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-card[data-v-6cec23a5]>.v-card-item{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-toolbar-slot[data-v-6cec23a5]{display:contents}.confirm-dialog-card[data-v-3e8b3358]>.v-card-text{padding-left:16px!important;padding-right:16px!important}

package/dist/ui-kit.d.ts

@@ -5,18 +5,32 @@ import { ComponentProvideOptions } from 'vue';
 import { ComponentPublicInstance } from 'vue';
 import { ComputedOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { EmitFn } from 'vue';
 import { FunctionPlugin } from 'vue';
+import { IfEmptyObject } from 'type-fest';
 import { MaybeRefOrGetter } from 'vue';
 import { MethodOptions } from 'vue';
 import { PartialDeep } from 'type-fest';
+import { Promisable } from 'type-fest';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { ValidationRuleWithoutParams } from '@vuelidate/core';
+import { ValidationRuleWithParams } from '@vuelidate/core';
+
+export declare const alpha: ValidationRuleWithoutParams<any>;
+
+export declare const alphaNum: ValidationRuleWithoutParams<any>;
+
+export declare const between: (min: number | Ref<number>, max: number | Ref<number>) => ValidationRuleWithParams<    {
+min: number;
+max: number;
+}>;
 
 declare interface ConfirmDialogBaseProps {
     title: string;
     translateTitle?: boolean;
-    confirmCta?: Partial<ConfirmDialogCta>;
-    rejectCta?: Partial<ConfirmDialogCta>;
+    confirmCta?: Partial<DialogCta>;
+    rejectCta?: Partial<DialogCta>;
     throwOnReject?: boolean;
     permanent?: boolean;
     maxWidth?: number | string;
@@ -24,15 +38,9 @@ declare interface ConfirmDialogBaseProps {
     level?: ConfirmDialogLevel;
 }
 
-export declare interface ConfirmDialogComponentContent<C extends Component = Component> extends ConfirmDialogBaseProps {
+export declare type ConfirmDialogComponentContent<C extends Component = Component> = DialogProps<ComponentProps<C>> & ConfirmDialogBaseProps & {
     component: C;
-    props: ComponentProps<C>;
-}
-
-export declare interface ConfirmDialogCta {
-    text: string;
-    translateText?: boolean;
-}
+};
 
 export declare enum ConfirmDialogLevel {
     DEFAULT = "primary",
@@ -49,37 +57,70 @@ export declare interface ConfirmDialogTextContent extends ConfirmDialogBaseProps
 
 export declare function createUIKit(options?: PartialDeep<PluginOptions>): FunctionPlugin<void>;
 
+export declare const decimal: ValidationRuleWithoutParams<any>;
+
+declare interface DialogActionCta extends DialogCta {
+    action(): unknown;
+}
+
 export declare interface DialogComposable {
     info(title: string, content: string): Promise<null>;
     info<T = void, C extends Component = Component>(options: InfoDialogProps<T, C>): Promise<T extends void ? null : (T | null)>;
     prompt<T, R extends boolean = false, C extends PromptDialogComponent<T> = PromptDialogComponent<T>>(options: PromptDialogProps<T, R, C>): Promise<R extends true ? T : T | null>;
     confirm(title: string, content: string, level?: ConfirmDialogLevel): Promise<boolean>;
     confirm<C extends Component = Component>(options: ConfirmDialogProps<C>): Promise<boolean>;
+    form<T, R = T>(options: FormDialogProps<T, R>): Promise<R>;
 }
 
-export declare interface InfoDialogActionCta extends InfoDialogBaseCta {
-    action(): unknown;
+declare interface DialogCta {
+    text: string;
+    translateText: boolean;
 }
 
-export declare interface InfoDialogBaseCta {
-    text: string;
-    translateText?: boolean;
+declare type DialogProps<T extends object> = IfEmptyObject<T, object, {
+    props: T;
+}>;
+
+declare interface DialogValueCta<T> extends DialogCta {
+    value: T;
+}
+
+export declare const email: ValidationRuleWithoutParams<any>;
+
+declare type FormDialogAction<T, R> = (value: T) => Promise<R>;
+
+declare type FormDialogComponent<T> = new () => Omit<ComponentPublicInstance, '$emit'> & FormDialogComponentExposed<T> & {
+    $emit: EmitFn<FormDialogComponentEmits>;
+};
+
+declare type FormDialogComponentEmits = {
+    save: [];
+};
+
+declare interface FormDialogComponentExposed<T> {
+    finish(): Promisable<T>;
 }
 
+declare type FormDialogProps<R, T = R, C extends FormDialogComponent<T> = FormDialogComponent<T>, P extends object = ComponentProps<C>> = DialogProps<P> & {
+    title: string;
+    translateTitle?: string;
+    saveCta?: Partial<DialogCta>;
+    abortCta?: Partial<DialogCta>;
+    component: C;
+    action?: FormDialogAction<T, R>;
+};
+
 declare interface InfoDialogBaseProps<T> {
     title: string;
     translateTitle?: boolean;
-    additionalCta?: InfoDialogCta<T>[];
-    defaultCta?: Partial<InfoDialogCta<T>> | false;
+    additionalCta?: InteractiveDialogCta<T>[];
+    defaultCta?: Partial<InteractiveDialogCta<T>> | false;
     width?: number | string;
 }
 
-export declare interface InfoDialogComponentContent<T = void, C extends Component = Component> extends InfoDialogBaseProps<T> {
+export declare type InfoDialogComponentContent<T = void, C extends Component = Component> = DialogProps<ComponentProps<C>> & InfoDialogBaseProps<T> & {
     component: C;
-    props: ComponentProps<C>;
-}
-
-export declare type InfoDialogCta<T> = InfoDialogActionCta | InfoDialogValueCta<T>;
+};
 
 export declare type InfoDialogProps<T = void, C extends Component = Component> = InfoDialogComponentContent<T, C> | InfoDialogTextContent<T>;
 
@@ -88,9 +129,11 @@ export declare interface InfoDialogTextContent<T> extends InfoDialogBaseProps<T>
     translateContent?: boolean;
 }
 
-export declare interface InfoDialogValueCta<T> extends InfoDialogBaseCta {
-    value: T;
-}
+export declare const integer: ValidationRuleWithoutParams<any>;
+
+declare type InteractiveDialogCta<T> = DialogActionCta | DialogValueCta<T>;
+
+export declare const ipAddress: ValidationRuleWithoutParams<any>;
 
 export declare type LoadingAction = (...args: any) => any | Promise<any>;
 
@@ -99,18 +142,32 @@ export declare interface LoadingComposable<A extends LoadingAction> {
     action(...args: Parameters<A>): Promise<Awaited<ReturnType<A>>>;
 }
 
-declare interface PluginDialogOptions {
-    confirm: {
-        confirmCta: ConfirmDialogCta;
-        rejectCta: ConfirmDialogCta;
-    };
-    info: {
-        defaultCta: InfoDialogBaseCta;
-    };
-    prompt: {
-        abortCta: PromptDialogCta;
-        saveCta: PromptDialogCta;
-    };
+export declare const maxAddress: (separator: string | Ref<string>) => ValidationRuleWithoutParams;
+
+export declare const maxLength: (max: number | Ref<number>) => ValidationRuleWithParams<    {
+max: number;
+}>;
+
+export declare const maxValue: (max: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<    {
+max: number;
+}>;
+
+export declare const minLength: (min: number | Ref<number>) => ValidationRuleWithParams<    {
+min: number;
+}>;
+
+export declare const minValue: (min: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<    {
+min: number;
+}>;
+
+export declare const numeric: ValidationRuleWithoutParams<any>;
+
+export declare const oneOf: (values: Record<string, string> | string[]) => ValidationRuleWithParams<object, any>;
+
+declare type PluginI18nMessageKey = 'save' | 'cancel' | 'close' | 'yes' | 'no';
+
+declare interface PluginI18nOptions {
+    messages: Record<PluginI18nMessageKey, string>;
 }
 
 declare interface PluginLoadingOptions {
@@ -120,8 +177,8 @@ declare interface PluginLoadingOptions {
 
 declare interface PluginOptions {
     loading: PluginLoadingOptions;
-    dialog: PluginDialogOptions;
     toast: PluginToastOptions;
+    i18n: PluginI18nOptions;
 }
 
 declare interface PluginToastOptions {
@@ -137,28 +194,33 @@ export declare interface PromptDialogComponentProps<T> {
     toolbar: HTMLElement;
 }
 
-export declare interface PromptDialogCta {
-    text: string;
-    translateText?: boolean;
-}
-
-export declare interface PromptDialogProps<T, R extends boolean = false, C extends PromptDialogComponent<T> = PromptDialogComponent<T>> {
+export declare type PromptDialogProps<T, R extends boolean = false, C extends PromptDialogComponent<T> = PromptDialogComponent<T>> = DialogProps<Omit<ComponentProps<C>, keyof PromptDialogComponentProps<T>>> & {
     title: string;
     translateTitle?: boolean;
-    saveCta?: Partial<PromptDialogCta>;
-    abortCta?: Partial<PromptDialogCta>;
+    saveCta?: Partial<DialogCta>;
+    abortCta?: Partial<DialogCta>;
     initialValue?: MaybeRefOrGetter<T>;
     size?: PromptDialogSize;
     required?: R;
     component: C;
-    props: Omit<ComponentProps<C>, keyof PromptDialogComponentProps<T>>;
-}
+};
 
 export declare enum PromptDialogSize {
     SMALL = "sm",
     LARGE = "lg"
 }
 
+export declare const required: ValidationRuleWithoutParams<any>;
+
+export declare const requiredIf: (prop: boolean | Ref<boolean> | string | (() => boolean | Promise<boolean>)) => ValidationRuleWithoutParams;
+
+export declare const requiredUnless: (prop: boolean | Ref<boolean> | string | (() => boolean | Promise<boolean>)) => ValidationRuleWithoutParams;
+
+export declare const sameAs: <E = unknown>(equalTo: E | Ref<E>, otherName?: string) => ValidationRuleWithParams<    {
+equalTo: E;
+otherName: string;
+}>;
+
 export declare interface ToastComposable {
     info(message: string, options?: Partial<ToastOptions>): Promise<void>;
     warn(message: string, options?: Partial<ToastOptions>): Promise<void>;
@@ -166,13 +228,15 @@ export declare interface ToastComposable {
     success(message: string, options?: Partial<ToastOptions>): Promise<void>;
 }
 
-export declare interface ToastOptions {
+declare interface ToastOptions {
     timeout: number;
     translateMessage: boolean;
 }
 
 export declare const UiKitOutlet: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const url: ValidationRuleWithoutParams<any>;
+
 export declare function useDialog(): DialogComposable;
 
 export declare function useLoading<A extends LoadingAction>(actionCallback: A, options?: Partial<PluginLoadingOptions>): LoadingComposable<A>;