@frollo/frollo-web-ui 2.0.0 → 3.0.1

package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts

@@ -0,0 +1,83 @@
+import { PropType } from 'vue';
+import { FwBarGraphData } from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The transaction title of the chart
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The marker label of the y-axis transactions
+     */
+    yMarker: {
+        type: StringConstructor;
+    };
+    /**
+     * The x axis data.
+     */
+    x: {
+        type: PropType<string | string[] | undefined>;
+    };
+    /**
+     * The y axis data.
+     */
+    y: {
+        type: PropType<string | (string | number)[] | undefined>;
+    };
+    /**
+     * The x and y axis data.
+     */
+    graphData: {
+        type: PropType<string | FwBarGraphData[] | undefined>;
+    };
+}, {
+    uuid: string;
+    xModel: import("vue").ComputedRef<string[]>;
+    yModel: import("vue").ComputedRef<number[]>;
+    chartOptions: import("vue").ComputedRef<import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ElementChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").PluginChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").DatasetChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ScaleChartOptions<keyof import("chart.js").ChartTypeRegistry>>>;
+    chartData: import("vue").ComputedRef<{
+        labels: string[];
+        datasets: {
+            backgroundColor: string[] | undefined;
+            data: number[];
+            borderWidth: number;
+            borderRadius: number;
+            barPercentage: number;
+        }[];
+    }>;
+    bgColor: string;
+    primaryFade: string;
+}, 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 chart
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The marker label of the y-axis transactions
+     */
+    yMarker: {
+        type: StringConstructor;
+    };
+    /**
+     * The x axis data.
+     */
+    x: {
+        type: PropType<string | string[] | undefined>;
+    };
+    /**
+     * The y axis data.
+     */
+    y: {
+        type: PropType<string | (string | number)[] | undefined>;
+    };
+    /**
+     * The x and y axis data.
+     */
+    graphData: {
+        type: PropType<string | FwBarGraphData[] | undefined>;
+    };
+}>>, {}>;
+export default _default;

package/types/components/fw-bar-chart/index.d.ts

@@ -0,0 +1,2 @@
+import FwBarChart from './fw-bar-chart.vue';
+export { FwBarChart };

package/types/components/fw-bar-chart/index.types.d.ts

@@ -0,0 +1,11 @@
+export declare interface FwBarGraphData {
+    name: string;
+    value: string | number;
+}
+export declare interface FwBarChartProps {
+    title?: string;
+    yMarker?: string;
+    x?: string[] | string;
+    y?: (string | number)[] | string;
+    graphData?: FwBarGraphData[] | string;
+}

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

@@ -25,7 +25,9 @@ declare const _default: import("vue").DefineComponent<{
     hint: {
         type: StringConstructor;
     };
-}, 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<{
+}, {
+    uuid: string;
+}, 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 name of the input field. Must be unique per form.
      */

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

@@ -70,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    uuid: string;
     inputBaseClass: import("vue").Ref<string>;
     inputValue: import("vue").WritableComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -13,6 +13,13 @@ declare const _default: import("vue").DefineComponent<{
     header: {
         type: StringConstructor;
     };
+    /**
+     * The element to attach the modal too. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The body description of the modal
      */
@@ -73,6 +80,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isOpen: import("vue").ComputedRef<boolean>;
     uuid: string;
+    isMounted: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
@@ -86,6 +94,13 @@ declare const _default: import("vue").DefineComponent<{
     header: {
         type: StringConstructor;
     };
+    /**
+     * The element to attach the modal too. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The body description of the modal
      */
@@ -148,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
+    element: string;
     role: string;
     showCancel: boolean;
     showConfirm: boolean;

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

@@ -2,6 +2,7 @@ import { ButtonVariantName } from '../fw-button/index.types';
 export declare interface FwModalProps {
     modelValue: boolean;
     header?: string;
+    element?: string;
     body?: string;
     role?: string;
     showCancel?: boolean;

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,7 @@ 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-bar-chart';
 export * from './fw-animations';

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

@@ -10,3 +10,6 @@ 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';
+export * from '../components/fw-bar-chart/index.types';

package/types/icons/index.d.ts

@@ -26,4 +26,6 @@ import PlusSvg from './plus.svg';
 import UserSvg from './user.svg';
 import LoadingSvg from './loading.svg';
 import BullseyeSvg from './bullseye.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 };
+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

@@ -3,7 +3,7 @@ export declare interface ModalServiceProps extends Omit<FwModalProps, 'modelValu
     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;
+};