@frollo/frollo-web-ui 5.0.2 → 5.0.4

package/types/components/fw-date-picker/fw-date-picker.vue.d.ts

@@ -0,0 +1,177 @@
+import { PropType } from 'vue';
+import 'v-calendar/style.css';
+declare const __default__: import("vue").DefineComponent<{
+    /**
+     * The date-picker v-model
+     */
+    modelValue: {
+        type: PropType<string | Date | {
+            start: string;
+            end: string;
+        }>;
+    };
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the input
+     */
+    placeholder: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the starting range input
+     */
+    startPlaceholder: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the ending range input
+     */
+    endPlaceholder: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether to enable the date range inputs
+     */
+    isRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Start input label when is-range
+     */
+    startLabel: {
+        type: StringConstructor;
+    };
+    /**
+     * End input label when is-range
+     */
+    endLabel: {
+        type: StringConstructor;
+    };
+    /**
+     * The logical tab order of the input.
+     * Defaults to 0
+     */
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    uuid: string;
+    inputBaseClass: import("vue").Ref<string>;
+    dateModel: import("vue").WritableComputedRef<string | Date | {
+        start: string;
+        end: string;
+    } | undefined>;
+    primaryFade5: string;
+    primaryFade10: string;
+    primaryFade20: string;
+    primaryFade30: string;
+    primaryFade40: string;
+    primaryFade50: string;
+    primaryFade70: string;
+    primaryFade80: 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<{
+    /**
+     * The date-picker v-model
+     */
+    modelValue: {
+        type: PropType<string | Date | {
+            start: string;
+            end: string;
+        }>;
+    };
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the input
+     */
+    placeholder: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the starting range input
+     */
+    startPlaceholder: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the ending range input
+     */
+    endPlaceholder: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether to enable the date range inputs
+     */
+    isRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Start input label when is-range
+     */
+    startLabel: {
+        type: StringConstructor;
+    };
+    /**
+     * End input label when is-range
+     */
+    endLabel: {
+        type: StringConstructor;
+    };
+    /**
+     * The logical tab order of the input.
+     * Defaults to 0
+     */
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    isRange: boolean;
+    tabindex: string;
+    rounded: boolean;
+}>;
+export default __default__;

package/types/components/fw-date-picker/index.d.ts

@@ -0,0 +1,2 @@
+import FwDatePicker from './fw-date-picker.vue';
+export { FwDatePicker };

package/types/components/fw-date-picker/index.types.d.ts

@@ -0,0 +1,16 @@
+export declare interface FwDatePickerProps {
+    modelValue: string | {
+        start: string;
+        end: string;
+    } | Date;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    isRange?: boolean;
+    startLabel?: string;
+    endLabel?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    tabindex?: string;
+    rounded?: boolean;
+}

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

@@ -47,6 +47,14 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     menuButtonClass: string;
     menuClass: string;
@@ -107,7 +115,16 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     placeholder: string;
+    enableErrors: boolean;
 }>;
 export default _default;

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

@@ -9,4 +9,5 @@ export declare interface FwDropdownProps {
     options: FwDropdownOption[];
     hint?: string;
     placeholder?: string;
+    enableErrors?: boolean;
 }

package/types/components/fw-provider-list/fw-provider-list.vue.d.ts

@@ -0,0 +1,68 @@
+import { PropType } from 'vue';
+import FwProviderListItem from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The header heading of the list.
+     */
+    heading: {
+        type: StringConstructor;
+    };
+    /**
+     * The list items of the table items.
+     */
+    items: {
+        type: PropType<FwProviderListItem[]>;
+        required: true;
+    };
+    /**
+     * The placeholder text for the sarch input.
+     */
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The table header title.
+     */
+    tableHeaderName: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    options: import("../fw-table/index.types").FwTableItemOptions;
+    sortedTableItems: import("vue").ComputedRef<import("../fw-table/index.types").FwTableItem[]>;
+    searchFilterModel: import("vue").Ref<string>;
+    statusFilterModel: import("vue").Ref<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 header heading of the list.
+     */
+    heading: {
+        type: StringConstructor;
+    };
+    /**
+     * The list items of the table items.
+     */
+    items: {
+        type: PropType<FwProviderListItem[]>;
+        required: true;
+    };
+    /**
+     * The placeholder text for the sarch input.
+     */
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The table header title.
+     */
+    tableHeaderName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    searchPlaceholder: string;
+    tableHeaderName: string;
+}>;
+export default _default;

package/types/components/fw-provider-list/index.d.ts

@@ -0,0 +1,2 @@
+import FwProviderList from './fw-provider-list.vue';
+export { FwProviderList };

package/types/components/fw-provider-list/index.types.d.ts

@@ -0,0 +1,11 @@
+export default interface FwProviderListItem {
+    status: 'supported' | 'outage';
+    name: string;
+    image_url: string;
+}
+export declare interface FwProviderListProps {
+    heading: string;
+    items: FwProviderListItem[];
+    searchPlaceholder?: string;
+    tableHeaderName?: string;
+}

package/types/components/index.d.ts

@@ -18,4 +18,6 @@ export * from './fw-transactions-card';
 export * from './fw-bar-chart';
 export * from './fw-sidebar-menu';
 export * from './fw-drawer';
+export * from './fw-provider-list';
+export * from './fw-date-picker';
 export * from './fw-animations';

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

@@ -15,3 +15,5 @@ export * from '../components/fw-transactions-card/index.types';
 export * from '../components/fw-bar-chart/index.types';
 export * from '../components/fw-sidebar-menu/index.types';
 export * from '../components/fw-drawer/index.types';
+export * from '../components/fw-provider-list/index.types';
+export * from '../components/fw-date-picker/index.types';

package/types/helpers/get-root-colours.d.ts

@@ -5,5 +5,13 @@ export declare const useColours: () => {
     fontFamily: string;
     colorBody: string;
     primaryFade5: string;
+    primaryFade10: string;
+    primaryFade20: string;
+    primaryFade30: string;
     primaryFade40: string;
+    primaryFade50: string;
+    primaryFade60: string;
+    primaryFade70: string;
+    primaryFade80: string;
+    primaryFade90: string;
 };

package/types/icons/index.d.ts

@@ -35,4 +35,6 @@ import ArrowDownSvg from './arrow-down.svg';
 import SearchSvg from './search.svg';
 import XMarkSvg from './xmark.svg';
 import PenSvg from './pen.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ChevronRightSvg, ChevronLeftSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg, BullseyeSvg, SolidCheckSvg, SolidXMarkSvg, ArrowSortSvg, ArrowDownSvg, SearchSvg, XMarkSvg, PenSvg };
+import CalendarSvg from './calendar.svg';
+import CalendarDaySvg from './calendar-day.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ChevronRightSvg, ChevronLeftSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg, BullseyeSvg, SolidCheckSvg, SolidXMarkSvg, ArrowSortSvg, ArrowDownSvg, SearchSvg, XMarkSvg, PenSvg, CalendarSvg, CalendarDaySvg };