@frollo/frollo-web-ui 8.5.3 → 9.0.0

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

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { ButtonVariantName } from '../fw-button/index.types';
-declare const _default: import("vue").DefineComponent<{
+import { type PropType } from 'vue';
+import type { FwModalProps } from './index.types';
+declare const __default__: import("vue").DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
      * Button variant for the cancel button
      */
     cancelButtonType: {
-        type: PropType<ButtonVariantName>;
+        type: PropType<FwModalProps["cancelButtonType"]>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -73,10 +73,23 @@ declare const _default: import("vue").DefineComponent<{
      * Button variant for the confirm button
      */
     confirmButtonType: {
-        type: PropType<ButtonVariantName>;
+        type: PropType<FwModalProps["confirmButtonType"]>;
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * Icon name for the confirm button
+     */
+    confirmIconName: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the confirm button loading animation is showing or not
+     */
+    confirmLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Controls the outer padding of the modal
      */
@@ -103,10 +116,17 @@ declare const _default: import("vue").DefineComponent<{
     footerClass: {
         type: StringConstructor;
     };
+    /**
+     * Banner Image Url source
+     */
+    bannerUrl: {
+        type: StringConstructor;
+    };
 }, {
     isOpen: import("vue").ComputedRef<boolean>;
-    uuid: string;
+    uuid: `${string}-${string}-${string}-${string}-${string}`;
     isMounted: import("vue").Ref<boolean>;
+    modalBgColour: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
@@ -165,7 +185,7 @@ declare const _default: import("vue").DefineComponent<{
      * Button variant for the cancel button
      */
     cancelButtonType: {
-        type: PropType<ButtonVariantName>;
+        type: PropType<FwModalProps["cancelButtonType"]>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -180,10 +200,23 @@ declare const _default: import("vue").DefineComponent<{
      * Button variant for the confirm button
      */
     confirmButtonType: {
-        type: PropType<ButtonVariantName>;
+        type: PropType<FwModalProps["confirmButtonType"]>;
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * Icon name for the confirm button
+     */
+    confirmIconName: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the confirm button loading animation is showing or not
+     */
+    confirmLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Controls the outer padding of the modal
      */
@@ -210,20 +243,27 @@ declare const _default: import("vue").DefineComponent<{
     footerClass: {
         type: StringConstructor;
     };
+    /**
+     * Banner Image Url source
+     */
+    bannerUrl: {
+        type: StringConstructor;
+    };
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
+    cancelButtonType: import("../index.types").ButtonVariantName | undefined;
+    confirmButtonType: import("../index.types").ButtonVariantName | undefined;
     modelValue: boolean;
     element: string;
     role: string;
     showCancel: boolean;
     showConfirm: boolean;
     cancelButtonText: string;
-    cancelButtonType: ButtonVariantName;
     confirmButtonText: string;
-    confirmButtonType: ButtonVariantName;
+    confirmLoading: boolean;
     padding: boolean;
     showCloseButton: boolean;
 }, {}>;
-export default _default;
+export default __default__;

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

@@ -1,4 +1,4 @@
-import { ButtonVariantName } from '../fw-button/index.types';
+import { type ButtonVariantName } from '../fw-button/index.types';
 export declare interface FwModalProps {
     modelValue: boolean;
     header?: string;

package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts

@@ -1,12 +1,19 @@
-import { PropType } from 'vue';
-import { NavMenuItem } from './index.types';
+import { type PropType } from 'vue';
+import type { FwNavigationMenuProps } from './index.types';
 declare const _default: import("vue").DefineComponent<{
     /**
      * An array of menu items
-     * `{ to?: string | object; href?: string; label: string; }`
+     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
      */
     menuItems: {
-        type: PropType<NavMenuItem[]>;
+        type: PropType<FwNavigationMenuProps["menuItems"]>;
+    };
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
+     */
+    additionalMenuItems: {
+        type: PropType<FwNavigationMenuProps["menuItems"] | null>;
     };
     /**
      * The label for the action button.
@@ -22,6 +29,33 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether menu items are enabled or disabled.
+     */
+    menuEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the route is an authenticated route.
+     */
+    authenticated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Padding for the inner menu, should match the sidebar menu width.
+     */
+    paddingClasses: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the background is transparent
+     */
+    transparent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     mobileMenuClass: import("vue").Ref<string>;
     isMobileMenuOpen: import("vue").Ref<boolean>;
@@ -30,10 +64,17 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * An array of menu items
-     * `{ to?: string | object; href?: string; label: string; }`
+     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
      */
     menuItems: {
-        type: PropType<NavMenuItem[]>;
+        type: PropType<FwNavigationMenuProps["menuItems"]>;
+    };
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
+     */
+    additionalMenuItems: {
+        type: PropType<FwNavigationMenuProps["menuItems"] | null>;
     };
     /**
      * The label for the action button.
@@ -49,9 +90,39 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether menu items are enabled or disabled.
+     */
+    menuEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the route is an authenticated route.
+     */
+    authenticated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Padding for the inner menu, should match the sidebar menu width.
+     */
+    paddingClasses: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the background is transparent
+     */
+    transparent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onAction?: ((...args: any[]) => any) | undefined;
 }, {
     containerClass: string;
+    menuEnabled: boolean;
+    authenticated: boolean;
+    transparent: boolean;
 }, {}>;
 export default _default;

package/types/components/fw-navigation-menu/index.types.d.ts

@@ -4,4 +4,15 @@ export declare interface NavMenuItem {
     label: string;
     external?: boolean;
     onClick?: () => void;
+    disabled?: boolean;
+}
+export declare interface FwNavigationMenuProps {
+    menuItems: NavMenuItem[];
+    additionalMenuItems?: NavMenuItem[];
+    actionLabel?: string;
+    containerClass?: string;
+    menuEnabled?: boolean;
+    authenticated?: boolean;
+    paddingClasses?: string;
+    transparent?: boolean;
 }

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

@@ -1,4 +1,5 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
+import type { FwPopoverProps } from './index.types';
 declare const __default__: import("vue").DefineComponent<{
     /**
      * The title of the popover
@@ -8,7 +9,7 @@ declare const __default__: import("vue").DefineComponent<{
      * The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
      */
     placement: {
-        type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        type: PropType<FwPopoverProps["placement"]>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -17,7 +18,7 @@ declare const __default__: import("vue").DefineComponent<{
      * Absolute is more performant if you have a lot of popovers; fixed is more robust
      */
     position: {
-        type: PropType<"fixed" | "absolute">;
+        type: PropType<FwPopoverProps["position"]>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -76,6 +77,10 @@ declare const __default__: import("vue").DefineComponent<{
     autoCloseContent: (e: Event) => void;
     visible: import("vue").Ref<boolean>;
     spacingSize: import("vue").ComputedRef<"12px" | "2px">;
+    debounce: {
+        <T extends (...args: any) => any>(func: T, wait: number | undefined, options: import("lodash").DebounceSettingsLeading): import("lodash").DebouncedFuncLeading<T>;
+        <T extends (...args: any) => any>(func: T, wait?: number, options?: import("lodash").DebounceSettings): import("lodash").DebouncedFunc<T>;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closed"[], "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The title of the popover
@@ -85,7 +90,7 @@ declare const __default__: import("vue").DefineComponent<{
      * The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
      */
     placement: {
-        type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        type: PropType<FwPopoverProps["placement"]>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -94,7 +99,7 @@ declare const __default__: import("vue").DefineComponent<{
      * Absolute is more performant if you have a lot of popovers; fixed is more robust
      */
     position: {
-        type: PropType<"fixed" | "absolute">;
+        type: PropType<FwPopoverProps["position"]>;
         default: string;
         validator: (value: string) => boolean;
     };

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { FwProviderListItem } from './index.types';
-declare const _default: import("vue").DefineComponent<{
+import { FwProviderListProps } from './index.types';
+declare const __default__: import("vue").DefineComponent<{
     /**
      * The header heading of the list.
      */
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
      * The list items of the table items.
      */
     items: {
-        type: PropType<FwProviderListItem[]>;
+        type: PropType<FwProviderListProps["items"]>;
         required: true;
     };
     /**
@@ -47,6 +47,9 @@ declare const _default: import("vue").DefineComponent<{
     sortedTableItems: import("vue").ComputedRef<import("../fw-table/index.types").FwTableItem[]>;
     searchFilterModel: import("vue").Ref<string>;
     statusFilterModel: import("vue").Ref<string>;
+    primaryFade5: string;
+    primaryFade20: string;
+    primaryFade40: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changed"[], "changed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The header heading of the list.
@@ -58,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
      * The list items of the table items.
      */
     items: {
-        type: PropType<FwProviderListItem[]>;
+        type: PropType<FwProviderListProps["items"]>;
         required: true;
     };
     /**
@@ -97,4 +100,4 @@ declare const _default: import("vue").DefineComponent<{
     searchLabel: string;
     statusFilterLabel: string;
 }, {}>;
-export default _default;
+export default __default__;

package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { FwSidebarMenuItem } from './index.types';
+import { type FwSidebarMenuProps } from './index.types';
 declare const _default: import("vue").DefineComponent<{
     /**
      * Controls the sidebar menu open/close state
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<FwSidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuProps["menuItems"]>;
     };
     /**
      * The class for the open/close toggle button
@@ -36,6 +36,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * The button variant of the toggle button
+     */
+    toggleButtonVariant: {
+        type: PropType<FwSidebarMenuProps["toggleButtonVariant"]>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     baseClass: string;
     isMenuOpen: import("vue").WritableComputedRef<boolean>;
@@ -53,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<FwSidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuProps["menuItems"]>;
     };
     /**
      * The class for the open/close toggle button
@@ -76,10 +84,19 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * The button variant of the toggle button
+     */
+    toggleButtonVariant: {
+        type: PropType<FwSidebarMenuProps["toggleButtonVariant"]>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onToggled?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    toggleButtonVariant: import("../index.types").ButtonVariantName | undefined;
     modelValue: boolean;
     toggleButtonClass: string;
     openWidth: string;

package/types/components/fw-sidebar-menu/index.types.d.ts

@@ -1,3 +1,4 @@
+import { type ButtonVariantName } from './../fw-button/index.types';
 export declare interface FwSidebarMenuItem {
     to?: string | object;
     href?: string;
@@ -7,3 +8,11 @@ export declare interface FwSidebarMenuItem {
     onClick?: () => void;
     modelValue?: boolean;
 }
+export declare interface FwSidebarMenuProps {
+    modelValue: boolean;
+    menuItems: FwSidebarMenuItem[];
+    toggleButtonClass?: string;
+    openWidth?: string;
+    closedWidth?: string;
+    toggleButtonVariant?: ButtonVariantName;
+}

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

@@ -0,0 +1,101 @@
+import { type PropType } from 'vue';
+import type { FwSwitchProps } from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The name of the switch input field.
+     * Multiple switches can use the same name with a unique value.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The value of the input field. Must be unique per name.
+     */
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Validation rules. Accepts an object, stringm schema or validation function.
+     */
+    rules: {
+        type: PropType<FwSwitchProps["rules"]>;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
+    /**
+     * Enable or disable the error hidden element
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Progmatically set the checked state of the input.
+     * Used outside a FwForm element
+     */
+    isChecked: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    isSwitched: import("vue").Ref<boolean>;
+    toggleSwitch: () => void;
+    uuid: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The name of the switch input field.
+     * Multiple switches can use the same name with a unique value.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The value of the input field. Must be unique per name.
+     */
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Validation rules. Accepts an object, stringm schema or validation function.
+     */
+    rules: {
+        type: PropType<FwSwitchProps["rules"]>;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
+    /**
+     * Enable or disable the error hidden element
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Progmatically set the checked state of the input.
+     * Used outside a FwForm element
+     */
+    isChecked: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    enableErrors: boolean;
+    isChecked: boolean;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,8 @@
+export declare interface FwSwitchProps {
+    name: string;
+    value?: string;
+    rules?: string | Record<string, unknown> | (() => boolean);
+    hint?: string;
+    enableErrors?: boolean;
+    isChecked?: boolean;
+}

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

@@ -1,12 +1,12 @@
-import { PropType } from 'vue';
-import { FwTableItem, FwTableSort } from './index.types';
+import { type PropType } from 'vue';
+import type { FwTableItem, FwTableProps, FwTableSort } from './index.types';
 declare const __default__: import("vue").DefineComponent<{
     items: {
-        type: PropType<FwTableItem[]>;
+        type: PropType<FwTableProps["items"]>;
         required: true;
     };
     options: {
-        type: PropType<import("./index.types").FwTableItemOptions | undefined>;
+        type: PropType<FwTableProps["options"]>;
         required: false;
     };
     loading: {
@@ -48,15 +48,15 @@ declare const __default__: import("vue").DefineComponent<{
     rowClicked: (row: FwTableItem) => void;
     bgHoverColor: string;
     currentPage: import("vue").Ref<number>;
-    maxPageAmount: import("vue").ComputedRef<number | undefined>;
+    maxPageAmount: import("vue").Ref<number | undefined>;
     pageArrowClick: (next: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("rowClicked" | "columnSorted" | "pageChanged")[], "rowClicked" | "columnSorted" | "pageChanged", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
-        type: PropType<FwTableItem[]>;
+        type: PropType<FwTableProps["items"]>;
         required: true;
     };
     options: {
-        type: PropType<import("./index.types").FwTableItemOptions | undefined>;
+        type: PropType<FwTableProps["options"]>;
         required: false;
     };
     loading: {

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

@@ -19,6 +19,3 @@ export declare interface FwTableProps {
     totalAmount?: number;
     pageSize?: number;
 }
-export declare type FwTableApi = {
-    resetPage: () => void;
-};

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

@@ -1,4 +1,4 @@
-import { TabsState } from './index.types';
+import { type TabsState } from './index.types';
 declare const _default: import("vue").DefineComponent<{
     /**
      * The active tab v-model

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

@@ -1,4 +1,4 @@
-import { ComponentInternalInstance } from 'vue';
+import { type ComponentInternalInstance } from 'vue';
 export declare interface TabsState {
     tabs: ComponentInternalInstance[] | null;
     active: number;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { TagSize, TagVariantName } from './index.types';
+import { type PropType } from 'vue';
+import type { TagSize, TagVariantName } from './index.types';
 declare const __default__: import("vue").DefineComponent<{
     /**
      * The label text of the tag.

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

@@ -1,9 +1,9 @@
-import { FwButtonProps } from '../fw-button/index.types';
-export type TagVariantName = 'primary' | 'secondary' | 'alert' | 'error' | 'success';
+import { type FwButtonProps } from '../fw-button/index.types';
+export type TagVariantName = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'alert' | 'error' | 'success';
 export declare interface TagDefinition {
     text: string;
     background: string;
-    iconType: FwButtonProps['variant'];
+    iconButtonType: FwButtonProps['variant'];
 }
 export type TagDefinitionList = {
     [key in TagVariantName]: TagDefinition;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { ToastType, ToastPosition } from './index.types';
+import { type PropType } from 'vue';
+import { type ToastType, type ToastPosition } from './index.types';
 declare const _default: import("vue").DefineComponent<{
     /**
      * The toast's v-model. Controls the visibility of the toast.

package/types/components/index.d.ts

@@ -2,8 +2,10 @@ export * from './fw-form';
 export * from './fw-input';
 export * from './fw-checkbox';
 export * from './fw-dropdown';
+export * from './fw-switch';
 export * from './fw-card';
 export * from './fw-button';
+export * from './fw-alert';
 export * from './fw-navigation-menu';
 export * from './fw-tabs';
 export * from './fw-modal';
@@ -15,13 +17,12 @@ 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-sidebar-menu';
 export * from './fw-drawer';
 export * from './fw-provider-list';
 export * from './fw-date-picker';
 export * from './fw-popover';
-export * from './fw-period-selector';
 export * from './fw-media-picker';
 export * from './fw-slider';
-export * from './fw-animations';
+export * from './fw-bar-chart';
+export * from './fw-icons';