@frollo/frollo-web-ui 1.2.9 → 3.0.0

package/types/components/fw-toast/fw-toast.vue.d.ts

@@ -0,0 +1,121 @@
+import { PropType } from 'vue';
+import { ToastType, ToastPosition } from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The toast's v-model. Controls the visibility of the toast.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    /**
+     * The type of the toast.
+     * Accepts: 'success', 'error', 'warning'
+     */
+    type: {
+        type: PropType<ToastType>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The position of the toast on the screen.
+     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
+     */
+    position: {
+        type: PropType<ToastPosition>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The content of the toast.
+     */
+    content: {
+        type: StringConstructor;
+    };
+    /**
+     * The base container to attach to. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The duration timeout before the toast is dismissed.
+     */
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    containerEl: import("vue").ComputedRef<string>;
+    baseClass: string;
+    typeClasses: import("vue").Ref<{
+        success: string;
+        error: string;
+        warning: string;
+    }>;
+    svgComponent: import("vue").Ref<{
+        success: string;
+        error: string;
+        warning: string;
+    }>;
+    isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean>>;
+    uuid: string;
+    isMounted: import("vue").Ref<boolean>;
+    mountContainer: import("vue").Ref<boolean>;
+    isLeftRightorCenter: import("vue").ComputedRef<"Right" | "Left" | "Center">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The toast's v-model. Controls the visibility of the toast.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    /**
+     * The type of the toast.
+     * Accepts: 'success', 'error', 'warning'
+     */
+    type: {
+        type: PropType<ToastType>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The position of the toast on the screen.
+     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
+     */
+    position: {
+        type: PropType<ToastPosition>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The content of the toast.
+     */
+    content: {
+        type: StringConstructor;
+    };
+    /**
+     * The base container to attach to. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The duration timeout before the toast is dismissed.
+     */
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDismissed?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+    type: ToastType;
+    position: ToastPosition;
+    element: string;
+    timeout: number;
+}>;
+export default _default;

package/types/components/fw-toast/index.d.ts

@@ -0,0 +1,2 @@
+import FwToast from './fw-toast.vue';
+export { FwToast };

package/types/components/fw-toast/index.types.d.ts

@@ -0,0 +1,13 @@
+export declare type ToastType = 'success' | 'error' | 'warning';
+export declare type ToastTypes = {
+    [key in ToastType]: string;
+};
+export declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare interface FwToastProps {
+    modelValue: boolean;
+    type?: ToastType;
+    position?: ToastPosition;
+    content?: string;
+    element?: string;
+    timeout?: number;
+}

package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts

@@ -0,0 +1,58 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The transaction title of the card
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The transaction sub-title of the card
+     */
+    subTitle: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The transaction amount.
+     */
+    amount: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The src url for the image.
+     */
+    imageUrl: {
+        type: StringConstructor;
+        required: false;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The transaction title of the card
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The transaction sub-title of the card
+     */
+    subTitle: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The transaction amount.
+     */
+    amount: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The src url for the image.
+     */
+    imageUrl: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {}>;
+export default _default;

package/types/components/fw-transactions-card/index.d.ts

@@ -0,0 +1,2 @@
+import FwTransactionsCard from './fw-transactions-card.vue';
+export { FwTransactionsCard };

package/types/components/fw-transactions-card/index.types.d.ts

@@ -0,0 +1,6 @@
+export declare interface FwTransactionsCardProps {
+    title: string;
+    subTitle?: string;
+    imageUrl?: string;
+    amount?: string;
+}

package/types/components/index.d.ts

@@ -13,4 +13,6 @@ export * from './fw-table';
 export * from './fw-accordion';
 export * from './fw-image';
 export * from './fw-loading';
+export * from './fw-toast';
+export * from './fw-transactions-card';
 export * from './fw-animations';

package/types/components/index.types.d.ts

@@ -10,3 +10,5 @@ export * from '../components/fw-table/index.types';
 export * from '../components/fw-dropdown/index.types';
 export * from '../components/fw-accordion/index.types';
 export * from '../components/fw-image/index.types';
+export * from '../components/fw-toast/index.types';
+export * from '../components/fw-transactions-card/index.types';

package/types/icons/index.d.ts

@@ -25,4 +25,7 @@ import SortLightSvg from './sort-light.svg';
 import PlusSvg from './plus.svg';
 import UserSvg from './user.svg';
 import LoadingSvg from './loading.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg };
+import BullseyeSvg from './bullseye.svg';
+import SolidCheckSvg from './solid-check.svg';
+import SolidXMarkSvg from './solid-xmark.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg, BullseyeSvg, SolidCheckSvg, SolidXMarkSvg };

package/types/index.browser-umd.d.ts

@@ -0,0 +1 @@
+import '../src/styles/web-components.scss';

package/types/services/index.d.ts

@@ -1 +1,2 @@
 export * from './modal';
+export * from './toast';

package/types/services/modal.d.ts

@@ -1,9 +1,9 @@
 import { FwModalProps } from '../components/fw-modal/index.types';
-export declare interface ModalServiceProps extends FwModalProps {
+export declare interface ModalServiceProps extends Omit<FwModalProps, 'modelValue'> {
     onConfirm?: () => void;
     onCancel?: () => void;
 }
-export declare const modalService: (options?: ModalServiceProps, element?: HTMLDivElement) => {
+export declare const modalService: (options?: ModalServiceProps) => {
     open: () => void;
     close: () => void;
 };

package/types/services/toast.d.ts

@@ -0,0 +1,9 @@
+import { FwToastProps } from '../components/fw-toast/index.types';
+export declare interface ToastServiceProps extends Omit<FwToastProps, 'modelValue' | 'type'> {
+    onDismissed?: () => void;
+}
+export declare const toastService: () => {
+    success: (options?: ToastServiceProps) => void;
+    error: (options?: ToastServiceProps) => void;
+    warning: (options?: ToastServiceProps) => void;
+};