@frollo/frollo-web-ui 4.0.0 → 4.0.1

package/icons/index.ts

@@ -32,6 +32,7 @@ import SolidCheckSvg from './solid-check.svg';
 import SolidXMarkSvg from './solid-xmark.svg';
 import ArrowSortSvg from './arrow-sort.svg';
 import ArrowDownSvg from './arrow-down.svg';
+import SearchSvg from './search.svg';
 
 export {
   ViewSvg,
@@ -67,5 +68,6 @@ export {
   SolidCheckSvg,
   SolidXMarkSvg,
   ArrowSortSvg,
-  ArrowDownSvg
+  ArrowDownSvg,
+  SearchSvg
 };

package/icons/search.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M23.7797 22.7203L17.1469 16.0875C18.6094 14.3813 19.4578 12.1734 19.4578 9.75C19.4578 4.36406 15.0924 0 9.70782 0C4.32329 0 0 4.36547 0 9.75C0 15.1345 4.36501 19.5 9.70782 19.5C12.1303 19.5 14.3414 18.6112 16.0453 17.1492L22.6781 23.782C22.8656 23.925 23.0578 24 23.25 24C23.4422 24 23.6338 23.9268 23.7802 23.7803C24.075 23.4891 24.075 23.0109 23.7797 22.7203ZM9.75001 18C5.16095 18 1.50001 14.2969 1.50001 9.75C1.50001 5.20312 5.16095 1.5 9.75001 1.5C14.3391 1.5 18 5.16094 18 9.75C18 14.3391 14.2969 18 9.75001 18Z" />
+</svg>

package/index.d.ts

@@ -18,6 +18,8 @@ declare interface FwInputProps {
     hint?: string;
     autocomplete?: string;
     tabindex?: string;
+    rounded?: boolean;
+    enableErrors?: boolean;
 }
 
 declare const _default$m: vue.DefineComponent<{
@@ -89,6 +91,22 @@ declare const _default$m: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     uuid: string;
     inputBaseClass: vue.Ref<string>;
@@ -162,6 +180,22 @@ declare const _default$m: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -170,6 +204,8 @@ declare const _default$m: vue.DefineComponent<{
     placeholder: string;
     readonly: boolean;
     tabindex: string;
+    rounded: boolean;
+    enableErrors: boolean;
 }>;
 
 declare const _default$l: vue.DefineComponent<{
@@ -1047,17 +1083,19 @@ declare const _default$c: vue.DefineComponent<{
 
 declare type FwTableItem = Record<string, string | number>;
 declare type FwTableFormatFunction = (value: string | number | object) => string;
+declare type FwTableSort = 'asc' | 'desc';
 declare type FwTableItemOptions = Record<string, {
     formatter?: FwTableFormatFunction;
     isSortable?: boolean;
     disabled?: boolean;
+    initSortOrder?: FwTableSort;
 }>;
-declare type FwTableSort = 'asc' | 'desc';
 declare interface FwTableProps {
     items: FwTableItem[];
     options?: FwTableItemOptions;
     loading?: boolean;
     clickableRows?: boolean;
+    autoSortColumn?: number;
 }
 
 declare const __default__$2: vue.DefineComponent<{
@@ -1073,10 +1111,17 @@ declare const __default__$2: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
     clickableRows: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }, {
     columns: vue.ComputedRef<string[]>;
     sortBy: vue.Ref<string>;
@@ -1103,10 +1148,17 @@ declare const __default__$2: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
     clickableRows: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }>> & {
     onRowClicked?: ((...args: any[]) => any) | undefined;
 }, {
@@ -1562,11 +1614,12 @@ declare const _default$2: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare interface SidebarMenuItem {
+declare interface FwSidebarMenuItem {
     to?: string | object;
     href?: string;
     label: string;
     external?: boolean;
+    disabled?: boolean;
 }
 
 declare const _default$1: vue.DefineComponent<{
@@ -1575,7 +1628,7 @@ declare const _default$1: vue.DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -1599,6 +1652,7 @@ declare const _default$1: vue.DefineComponent<{
         default: string;
     };
 }, {
+    baseClass: string;
     isMenuOpen: vue.Ref<boolean>;
     toggleMenu: () => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "toggled"[], "toggled", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -1607,7 +1661,7 @@ declare const _default$1: vue.DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -1762,4 +1816,4 @@ declare interface FwTransactionsCardProps {
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$9 as FwAccordion, FwAccordionProps, _default$2 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$i as FwButton, FwButtonProps, _default$j as FwCard, FwCardProps, _default$l as FwCheckbox, FwCheckboxProps, _default$k as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$8 as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$7 as FwLoadingBar, _default$6 as FwLoadingCard, _default as FwLoadingSpinner, _default$5 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, _default$1 as FwSidebarMenu, __default__ as FwSuccessPulse, _default$f as FwTab, __default__$2 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$g as FwTabs, _default$c as FwTag, FwTagProps, _default$4 as FwToast, FwToastProps, _default$3 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, SidebarMenuItem, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$9 as FwAccordion, FwAccordionProps, _default$2 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$i as FwButton, FwButtonProps, _default$j as FwCard, FwCardProps, _default$l as FwCheckbox, FwCheckboxProps, _default$k as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$8 as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$7 as FwLoadingBar, _default$6 as FwLoadingCard, _default as FwLoadingSpinner, _default$5 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, _default$1 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$f as FwTab, __default__$2 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$g as FwTabs, _default$c as FwTag, FwTagProps, _default$4 as FwToast, FwToastProps, _default$3 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": "4.0.0",
+  "version": "4.0.1",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

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

@@ -69,6 +69,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     uuid: string;
     inputBaseClass: import("vue").Ref<string>;
@@ -142,6 +158,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -150,5 +182,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: string;
     readonly: boolean;
     tabindex: string;
+    rounded: boolean;
+    enableErrors: boolean;
 }>;
 export default _default;

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

@@ -10,4 +10,6 @@ export declare interface FwInputProps {
     hint?: string;
     autocomplete?: string;
     tabindex?: string;
+    rounded?: boolean;
+    enableErrors?: boolean;
 }

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

@@ -1,12 +1,12 @@
 import { PropType } from 'vue';
-import { SidebarMenuItem } from './index.types';
+import { FwSidebarMenuItem } from './index.types';
 declare const _default: import("vue").DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -30,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    baseClass: string;
     isMenuOpen: import("vue").Ref<boolean>;
     toggleMenu: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggled"[], "toggled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -38,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button

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

@@ -1,6 +1,7 @@
-export declare interface SidebarMenuItem {
+export declare interface FwSidebarMenuItem {
     to?: string | object;
     href?: string;
     label: string;
     external?: boolean;
+    disabled?: boolean;
 }

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

@@ -13,10 +13,17 @@ declare const __default__: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
     clickableRows: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }, {
     columns: import("vue").ComputedRef<string[]>;
     sortBy: import("vue").Ref<string>;
@@ -43,10 +50,17 @@ declare const __default__: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
     clickableRows: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }>> & {
     onRowClicked?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -1,14 +1,16 @@
 export declare type FwTableItem = Record<string, string | number>;
 export declare type FwTableFormatFunction = (value: string | number | object) => string;
+export declare type FwTableSort = 'asc' | 'desc';
 export declare type FwTableItemOptions = Record<string, {
     formatter?: FwTableFormatFunction;
     isSortable?: boolean;
     disabled?: boolean;
+    initSortOrder?: FwTableSort;
 }>;
-export declare type FwTableSort = 'asc' | 'desc';
 export declare interface FwTableProps {
     items: FwTableItem[];
     options?: FwTableItemOptions;
     loading?: boolean;
     clickableRows?: boolean;
+    autoSortColumn?: number;
 }

package/types/icons/index.d.ts

@@ -32,4 +32,5 @@ import SolidCheckSvg from './solid-check.svg';
 import SolidXMarkSvg from './solid-xmark.svg';
 import ArrowSortSvg from './arrow-sort.svg';
 import ArrowDownSvg from './arrow-down.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 };
+import SearchSvg from './search.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 };