@frollo/frollo-web-ui 5.0.1 → 5.0.3

package/index.d.ts

@@ -23,7 +23,7 @@ declare interface FwInputProps {
     maxLength?: number;
 }
 
-declare const _default$l: vue.DefineComponent<{
+declare const _default$m: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -218,7 +218,7 @@ declare const _default$l: vue.DefineComponent<{
     enableErrors: boolean;
 }>;
 
-declare const _default$k: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     /**
      * The name of the checkbox input field.
      * Multiple checkboxes can use the same name with a unique value.
@@ -259,6 +259,15 @@ declare const _default$k: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Progmatically set the checked state of the input.
+     * Used outside a FwForm element
+     */
+    isChecked: {
+        type: BooleanConstructor;
+        required: false;
+        default: undefined;
+    };
 }, {
     uuid: string;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -302,8 +311,18 @@ declare const _default$k: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Progmatically set the checked state of the input.
+     * Used outside a FwForm element
+     */
+    isChecked: {
+        type: BooleanConstructor;
+        required: false;
+        default: undefined;
+    };
 }>>, {
     enableErrors: boolean;
+    isChecked: boolean;
 }>;
 
 declare interface FwDropdownOption {
@@ -317,9 +336,10 @@ declare interface FwDropdownProps {
     options: FwDropdownOption[];
     hint?: string;
     placeholder?: string;
+    enableErrors?: boolean;
 }
 
-declare const _default$j: vue.DefineComponent<{
+declare const _default$k: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -366,6 +386,14 @@ declare const _default$j: vue.DefineComponent<{
         required: false;
         default: string;
     };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     menuButtonClass: string;
     menuClass: string;
@@ -426,11 +454,20 @@ declare const _default$j: vue.DefineComponent<{
         required: false;
         default: string;
     };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     placeholder: string;
+    enableErrors: boolean;
 }>;
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -539,7 +576,7 @@ declare interface FwButtonProps {
     external?: boolean;
 }
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -720,7 +757,7 @@ declare interface NavMenuItem {
     external?: boolean;
 }
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -775,7 +812,7 @@ declare const _default$g: vue.DefineComponent<{
     containerClass: string;
 }>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -799,7 +836,7 @@ declare const _default$f: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -831,7 +868,7 @@ declare const _default$e: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -1010,7 +1047,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$c: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -1076,6 +1113,7 @@ declare interface FwCheckboxProps {
     rules?: string | Record<string, unknown> | (() => boolean);
     hint?: string;
     enableErrors?: boolean;
+    isChecked?: boolean;
 }
 
 declare interface FwModalProps {
@@ -1198,6 +1236,18 @@ declare interface FwDrawerProps {
     confirmButtonType?: ButtonVariantName;
 }
 
+interface FwProviderListItem {
+    status: 'supported' | 'outage';
+    name: string;
+    image_url: string;
+}
+declare interface FwProviderListProps {
+    heading: string;
+    items: FwProviderListItem[];
+    searchPlaceholder?: string;
+    tableHeaderName?: string;
+}
+
 declare const __default__$4: vue.DefineComponent<{
     /**
      * The size of the tag. Accepts: 'xs', 'sm' & 'md'
@@ -1334,9 +1384,9 @@ declare const __default__$3: vue.DefineComponent<{
     clickableRows: boolean;
 }>;
 
-declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$c: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
 declare const __default__$2: vue.DefineComponent<{
     /**
@@ -1404,7 +1454,7 @@ declare const __default__$2: vue.DefineComponent<{
     iconPositionStart: boolean;
 }>;
 
-declare const _default$9: vue.DefineComponent<{
+declare const _default$a: vue.DefineComponent<{
     /**
      * The src attribute of the image
      */
@@ -1487,11 +1537,11 @@ declare const _default$9: vue.DefineComponent<{
     threshold: number;
 }>;
 
-declare const _default$8: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$9: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$8: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$6: vue.DefineComponent<{
+declare const _default$7: vue.DefineComponent<{
     columns: {
         type: NumberConstructor;
         default: number;
@@ -1516,7 +1566,7 @@ declare const _default$6: vue.DefineComponent<{
     rows: number;
 }>;
 
-declare const _default$5: vue.DefineComponent<{
+declare const _default$6: vue.DefineComponent<{
     /**
      * The toast's v-model. Controls the visibility of the toast.
      */
@@ -1635,7 +1685,7 @@ declare const _default$5: vue.DefineComponent<{
     timeout: number;
 }>;
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     /**
      * The transaction title of the card
      */
@@ -1693,7 +1743,7 @@ declare const _default$4: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * The transaction title of the chart
      */
@@ -1774,7 +1824,7 @@ declare const _default$3: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -1844,7 +1894,7 @@ declare const _default$2: vue.DefineComponent<{
     closedWidth: string;
 }>;
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * The drawer's v-model. Controls the visibility of the drawer.
      */
@@ -2007,6 +2057,72 @@ declare const _default$1: vue.DefineComponent<{
     confirmButtonType: ButtonVariantName;
 }>;
 
+declare const _default$1: 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: FwTableItemOptions;
+    sortedTableItems: vue.ComputedRef<FwTableItem[]>;
+    searchFilterModel: vue.Ref<string>;
+    statusFilterModel: vue.Ref<string>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<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;
+}>;
+
 declare const __default__$1: vue.DefineComponent<{
     /**
      * The animation-iteration-count CSS property of the pulse animation.
@@ -2079,4 +2195,4 @@ declare const install: Exclude<Plugin['install'], undefined>;
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, __default__$2 as FwAccordion, FwAccordionProps, _default$3 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$h as FwButton, FwButtonProps, _default$i as FwCard, FwCardProps, _default$k as FwCheckbox, FwCheckboxProps, _default$1 as FwDrawer, FwDrawerProps, _default$j as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$9 as FwImage, FwImageProps, _default$l as FwInput, FwInputProps, FwInputType, _default$8 as FwLoadingBar, _default$7 as FwLoadingCard, _default as FwLoadingSpinner, _default$6 as FwLoadingTable, _default$d as FwModal, FwModalProps, _default$g as FwNavigationMenu, _default$c as FwProgressBar, _default$2 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$e as FwTab, __default__$3 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$f as FwTabs, __default__$4 as FwTag, FwTagProps, _default$5 as FwToast, FwToastProps, _default$4 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, __default__$2 as FwAccordion, FwAccordionProps, _default$4 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$i as FwButton, FwButtonProps, _default$j as FwCard, FwCardProps, _default$l as FwCheckbox, FwCheckboxProps, _default$2 as FwDrawer, FwDrawerProps, _default$k as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$a as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$9 as FwLoadingBar, _default$8 as FwLoadingCard, _default as FwLoadingSpinner, _default$7 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, _default$1 as FwProviderList, FwProviderListProps, _default$3 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$f as FwTab, __default__$3 as FwTable, FwTableFormatFunction, _default$c as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$b as FwTableRow, FwTableSort, _default$g as FwTabs, __default__$4 as FwTag, FwTagProps, _default$6 as FwToast, FwToastProps, _default$5 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

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

@@ -40,6 +40,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Progmatically set the checked state of the input.
+     * Used outside a FwForm element
+     */
+    isChecked: {
+        type: BooleanConstructor;
+        required: false;
+        default: undefined;
+    };
 }, {
     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<{
@@ -83,7 +92,17 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Progmatically set the checked state of the input.
+     * Used outside a FwForm element
+     */
+    isChecked: {
+        type: BooleanConstructor;
+        required: false;
+        default: undefined;
+    };
 }>>, {
     enableErrors: boolean;
+    isChecked: boolean;
 }>;
 export default _default;

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

@@ -5,4 +5,5 @@ export declare interface FwCheckboxProps {
     rules?: string | Record<string, unknown> | (() => boolean);
     hint?: string;
     enableErrors?: boolean;
+    isChecked?: 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,5 @@ 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-animations';

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

@@ -15,3 +15,4 @@ 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';