@frollo/frollo-web-ui 8.1.1 → 8.2.0

package/index.d.ts

@@ -25,7 +25,7 @@ declare interface FwInputProps {
     required?: boolean;
 }
 
-declare const _default$m: vue.DefineComponent<{
+declare const _default$n: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -246,7 +246,7 @@ declare const _default$m: vue.DefineComponent<{
     centerAlignInput: boolean;
 }, {}>;
 
-declare const _default$l: vue.DefineComponent<{
+declare const _default$m: vue.DefineComponent<{
     /**
      * The name of the checkbox input field.
      * Multiple checkboxes can use the same name with a unique value.
@@ -370,7 +370,7 @@ declare interface FwDropdownProps {
     required?: boolean;
 }
 
-declare const _default$k: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -522,7 +522,7 @@ declare const _default$k: vue.DefineComponent<{
     required: boolean;
 }, {}>;
 
-declare const _default$j: vue.DefineComponent<{
+declare const _default$k: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -632,7 +632,7 @@ declare interface FwButtonProps {
     external?: boolean;
 }
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * The label text of the button.
      * Overrides the default slot content.
@@ -828,7 +828,7 @@ declare interface NavMenuItem {
     onClick?: () => void;
 }
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -891,7 +891,7 @@ declare interface FwTabsProps {
     modelValue: number;
 }
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -914,7 +914,7 @@ declare const _default$g: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -938,7 +938,7 @@ declare const _default$f: vue.DefineComponent<{
     };
 }>>, {}, {}>;
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -1171,7 +1171,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -1591,9 +1591,9 @@ declare const __default__$5: vue.DefineComponent<{
     enablePagination: boolean;
 }, {}>;
 
-declare const _default$c: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const _default$d: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 
-declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const _default$c: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 
 declare const __default__$4: vue.DefineComponent<{
     /**
@@ -1723,7 +1723,7 @@ declare const __default__$4: vue.DefineComponent<{
     borderStyle: string;
 }, {}>;
 
-declare const _default$a: vue.DefineComponent<{
+declare const _default$b: vue.DefineComponent<{
     /**
      * The src attribute of the image
      */
@@ -1825,11 +1825,11 @@ declare const _default$a: vue.DefineComponent<{
     enableErrors: boolean;
 }, {}>;
 
-declare const _default$9: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const _default$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 
-declare const _default$8: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const _default$9: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 
-declare const _default$7: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     columns: {
         type: NumberConstructor;
         default: number;
@@ -1854,7 +1854,7 @@ declare const _default$7: vue.DefineComponent<{
     rows: number;
 }, {}>;
 
-declare const _default$6: vue.DefineComponent<{
+declare const _default$7: vue.DefineComponent<{
     /**
      * The toast's v-model. Controls the visibility of the toast.
      */
@@ -1973,7 +1973,7 @@ declare const _default$6: vue.DefineComponent<{
     timeout: number;
 }, {}>;
 
-declare const _default$5: vue.DefineComponent<{
+declare const _default$6: vue.DefineComponent<{
     /**
      * The transaction title of the card
      */
@@ -2031,7 +2031,7 @@ declare const _default$5: vue.DefineComponent<{
     };
 }>>, {}, {}>;
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     /**
      * The transaction title of the chart
      */
@@ -2112,7 +2112,7 @@ declare const _default$4: vue.DefineComponent<{
     };
 }>>, {}, {}>;
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * Controls the sidebar menu open/close state
      */
@@ -2198,7 +2198,7 @@ declare const _default$3: vue.DefineComponent<{
     closedWidth: string;
 }, {}>;
 
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * The drawer's v-model. Controls the visibility of the drawer.
      */
@@ -2361,7 +2361,7 @@ declare const _default$2: vue.DefineComponent<{
     confirmButtonType: ButtonVariantName;
 }, {}>;
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * The header heading of the list.
      */
@@ -2862,6 +2862,46 @@ declare const __default__$2: vue.DefineComponent<{
     showArrow: boolean;
 }, {}>;
 
+declare const _default$1: vue.DefineComponent<{
+    /**
+     * The available periods to be chosen in months.
+     */
+    periodOptions: {
+        type: PropType<number[]>;
+    };
+    /**
+     * A size that will be propogated down to the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    generateButtonLabel: (month: number) => string;
+    onClick: (period: number) => void;
+    selectedPeriod: vue.Ref<number | undefined>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "periodSelected"[], "periodSelected", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The available periods to be chosen in months.
+     */
+    periodOptions: {
+        type: PropType<number[]>;
+    };
+    /**
+     * A size that will be propogated down to the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onPeriodSelected?: ((...args: any[]) => any) | undefined;
+}, {
+    size: ButtonSize;
+}, {}>;
+
 declare const __default__$1: vue.DefineComponent<{
     /**
      * The animation-iteration-count CSS property of the pulse animation.
@@ -2934,4 +2974,4 @@ declare const install: Exclude<Plugin['install'], undefined>;
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { type ButtonAnimation, type ButtonDefinition, type ButtonDefinitionList, type ButtonSize, type ButtonSizes, type ButtonTypeAttribute, type ButtonVariantName, __default__$4 as FwAccordion, type FwAccordionProps, _default$4 as FwBarChart, type FwBarChartProps, type FwBarGraphData, _default$i as FwButton, type FwButtonProps, _default$j as FwCard, type FwCardProps, _default$l as FwCheckbox, type FwCheckboxProps, __default__$3 as FwDatePicker, type FwDatePickerProps, _default$2 as FwDrawer, type FwDrawerProps, _default$k as FwDropdown, type FwDropdownOption, type FwDropdownProps, __default__$1 as FwEmailPulse, _default$a as FwImage, type FwImageProps, _default$m as FwInput, type FwInputProps, type FwInputType, _default$9 as FwLoadingBar, _default$8 as FwLoadingCard, _default as FwLoadingSpinner, _default$7 as FwLoadingTable, _default$e as FwModal, type FwModalProps, _default$h as FwNavigationMenu, __default__$2 as FwPopover, type FwPopoverProps, _default$d as FwProgressBar, _default$1 as FwProviderList, type FwProviderListItem, type FwProviderListProps, _default$3 as FwSidebarMenu, type FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$f as FwTab, __default__$5 as FwTable, type FwTableFormatFunction, _default$c as FwTableHead, type FwTableItem, type FwTableItemOptions, type FwTableProps, _default$b as FwTableRow, type FwTableSort, _default$g as FwTabs, type FwTabsProps, __default__$6 as FwTag, type FwTagProps, _default$6 as FwToast, type FwToastProps, _default$5 as FwTransactionsCard, type FwTransactionsCardProps, type ModalServiceProps, type NavMenuItem, type ProgressBarStep, type TabsState, type TagDefinition, type TagDefinitionList, type TagSize, type TagSizes, type TagVariantName, type ToastPosition, type ToastServiceProps, type ToastType, type ToastTypes, install as default, modalService, toastService };
+export { type ButtonAnimation, type ButtonDefinition, type ButtonDefinitionList, type ButtonSize, type ButtonSizes, type ButtonTypeAttribute, type ButtonVariantName, __default__$4 as FwAccordion, type FwAccordionProps, _default$5 as FwBarChart, type FwBarChartProps, type FwBarGraphData, _default$j as FwButton, type FwButtonProps, _default$k as FwCard, type FwCardProps, _default$m as FwCheckbox, type FwCheckboxProps, __default__$3 as FwDatePicker, type FwDatePickerProps, _default$3 as FwDrawer, type FwDrawerProps, _default$l as FwDropdown, type FwDropdownOption, type FwDropdownProps, __default__$1 as FwEmailPulse, _default$b as FwImage, type FwImageProps, _default$n as FwInput, type FwInputProps, type FwInputType, _default$a as FwLoadingBar, _default$9 as FwLoadingCard, _default as FwLoadingSpinner, _default$8 as FwLoadingTable, _default$f as FwModal, type FwModalProps, _default$i as FwNavigationMenu, _default$1 as FwPeriodSelector, __default__$2 as FwPopover, type FwPopoverProps, _default$e as FwProgressBar, _default$2 as FwProviderList, type FwProviderListItem, type FwProviderListProps, _default$4 as FwSidebarMenu, type FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$g as FwTab, __default__$5 as FwTable, type FwTableFormatFunction, _default$d as FwTableHead, type FwTableItem, type FwTableItemOptions, type FwTableProps, _default$c as FwTableRow, type FwTableSort, _default$h as FwTabs, type FwTabsProps, __default__$6 as FwTag, type FwTagProps, _default$7 as FwToast, type FwToastProps, _default$6 as FwTransactionsCard, type FwTransactionsCardProps, type ModalServiceProps, type NavMenuItem, type ProgressBarStep, type TabsState, type TagDefinition, type TagDefinitionList, type TagSize, type TagSizes, type TagVariantName, type ToastPosition, type ToastServiceProps, type ToastType, type ToastTypes, install as default, modalService, toastService };

package/package.json

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

package/types/components/fw-period-selector/fw-period-selector.vue.d.ts

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { ButtonSize } from '../fw-button/index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The available periods to be chosen in months.
+     */
+    periodOptions: {
+        type: PropType<number[]>;
+    };
+    /**
+     * A size that will be propogated down to the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    generateButtonLabel: (month: number) => string;
+    onClick: (period: number) => void;
+    selectedPeriod: import("vue").Ref<number | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "periodSelected"[], "periodSelected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The available periods to be chosen in months.
+     */
+    periodOptions: {
+        type: PropType<number[]>;
+    };
+    /**
+     * A size that will be propogated down to the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onPeriodSelected?: ((...args: any[]) => any) | undefined;
+}, {
+    size: ButtonSize;
+}, {}>;
+export default _default;

package/types/components/fw-period-selector/index.d.ts

@@ -0,0 +1,2 @@
+import FwPeriodSelector from './fw-period-selector.vue';
+export { FwPeriodSelector };

package/types/components/fw-period-selector/index.types.d.ts

@@ -0,0 +1 @@
+export type PeriodSelectorDuration = number;

package/types/components/index.d.ts

@@ -21,4 +21,5 @@ 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-animations';