@frollo/frollo-web-ui 3.0.1 → 4.0.0

package/icons/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M13.7936 9.26844L8.54361 14.7684C8.39986 14.9153 8.20611 14.9997 7.99986 14.9997C7.79361 14.9997 7.59861 14.9157 7.45673 14.7673L2.20673 9.26725C1.92173 8.94031 1.93248 8.49344 2.2323 8.20594C2.52917 7.91981 3.00573 7.93056 3.29292 8.23133L7.24986 12.3778V1.75031C7.24986 1.33625 7.5858 1 7.97174 1C8.35767 1 8.74986 1.33625 8.74986 1.75031V12.3784L12.7061 8.23156C12.9922 7.93078 13.4689 7.92003 13.7667 8.20617C14.0686 8.49344 14.078 8.94031 13.7936 9.26844Z" />
+</svg>

package/icons/arrow-sort.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9.4497 12.472L7.7497 14.3407V3.7507C7.7497 3.33633 7.41533 3.00008 6.9997 3.00008C6.58408 3.00008 6.2497 3.33633 6.2497 3.7507V14.3413L4.55064 12.4991C4.40317 12.339 4.20189 12.2579 4.00001 12.2579C3.81839 12.2579 3.63564 12.3234 3.49126 12.4571C3.18658 12.7377 3.16814 13.2128 3.44926 13.5178L6.42114 16.7709C6.70433 17.0778 7.23958 17.0778 7.5227 16.7709L10.4946 13.5178C10.7758 13.2128 10.7573 12.7378 10.4526 12.4571C10.2028 12.172 9.72783 12.1938 9.4497 12.472ZM16.5497 6.48133L13.5778 3.2282C13.2946 2.92133 12.7594 2.92133 12.4763 3.2282L9.4497 6.48133C9.16845 6.78627 9.18701 7.26133 9.4917 7.54195C9.63617 7.67573 9.81889 7.74117 10.0005 7.74117C10.2026 7.74117 10.4039 7.66011 10.5511 7.49995L12.2497 5.65945V16.2501C12.2497 16.6626 12.5872 17.0001 12.9997 17.0001C13.4122 17.0001 13.7497 16.6638 13.7497 16.2495V5.65945L15.4488 7.50164C15.7281 7.80658 16.2025 7.82695 16.5081 7.54364C16.8122 7.26258 16.831 6.78758 16.5497 6.48133Z" />
+</svg>

package/icons/chevron-left.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 56 56" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M39.6812 3.96479C40.0572 4.30834 40.2451 4.77832 40.2451 5.24995C40.2451 5.67552 40.0913 6.10099 39.7803 6.43776L19.881 27.9999L39.6888 49.5578C40.3451 50.2687 40.3041 51.3777 39.5897 52.0307C38.8788 52.687 37.7752 52.6426 37.1189 51.9333L16.1189 29.1833C15.4968 28.51 15.4968 27.4814 16.1189 26.8077L37.1189 4.05769C37.8655 3.35338 38.9702 3.30854 39.6812 3.96479Z" />
+</svg>

package/icons/chevron-right.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 56 56" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M18.6454 52.0406C18.2693 51.6971 18.0814 51.2271 18.0814 50.7555C18.0814 50.3299 18.2352 49.9044 18.5463 49.5677L38.3541 28.0098L18.5458 6.4378C17.8896 5.72686 17.9306 4.6178 18.645 3.96483C19.3559 3.30858 20.4595 3.35299 21.1157 4.06224L42.1158 26.8123C42.7379 27.4856 42.7379 28.5141 42.1158 29.1879L21.1157 51.9379C20.4566 52.6422 19.3563 52.6969 18.6454 52.0406Z" />
+</svg>

package/icons/index.ts

@@ -16,6 +16,8 @@ import EnvelopeSvg from './envelope.svg';
 import CheckSvg from './check.svg';
 import ChevronUpSvg from './chevron-up.svg';
 import ChevronDownSvg from './chevron-down.svg';
+import ChevronRightSvg from './chevron-right.svg';
+import ChevronLeftSvg from './chevron-left.svg';
 import ErrorFilledSvg from './error-filled.svg';
 import LightBulbSvg from './light-bulb.svg';
 import LandmarkSvg from './landmark.svg';
@@ -28,6 +30,8 @@ import LoadingSvg from './loading.svg';
 import BullseyeSvg from './bullseye.svg';
 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,
@@ -48,6 +52,8 @@ export {
   CheckSvg,
   ChevronUpSvg,
   ChevronDownSvg,
+  ChevronRightSvg,
+  ChevronLeftSvg,
   ErrorFilledSvg,
   LightBulbSvg,
   LandmarkSvg,
@@ -59,5 +65,7 @@ export {
   LoadingSvg,
   BullseyeSvg,
   SolidCheckSvg,
-  SolidXMarkSvg
+  SolidXMarkSvg,
+  ArrowSortSvg,
+  ArrowDownSvg
 };

package/index.d.ts

@@ -434,7 +434,7 @@ declare const _default$j: vue.DefineComponent<{
     isBordered: boolean;
 }>;
 
-declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text';
+declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent';
 declare interface ButtonDefinition {
     text: string;
     background: string;
@@ -482,7 +482,7 @@ declare const _default$i: vue.DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;
@@ -575,7 +575,7 @@ declare const _default$i: vue.DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;
@@ -1057,9 +1057,10 @@ declare interface FwTableProps {
     items: FwTableItem[];
     options?: FwTableItemOptions;
     loading?: boolean;
+    clickableRows?: boolean;
 }
 
-declare const _default$b: vue.DefineComponent<{
+declare const __default__$2: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1072,6 +1073,10 @@ declare const _default$b: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     columns: vue.ComputedRef<string[]>;
     sortBy: vue.Ref<string>;
@@ -1079,11 +1084,13 @@ declare const _default$b: vue.DefineComponent<{
     sortColumn: (column: string) => void;
     sortedData: vue.ComputedRef<FwTableItem[]>;
     currentSortedColumn: vue.Ref<string>;
-    sortedIcon: (sortDir: string, column: string) => "text-body" | "text-grey-light";
+    sortedIcon: (sortDir: string, column: string) => boolean;
     formattedText: (row: FwTableItem, column: string) => string | number;
     isColumnSortable: (column: string) => boolean | undefined;
     isDisabled: (column: string) => boolean;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    rowClicked: (row: FwTableItem) => void;
+    bgHoverColor: string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "rowClicked"[], "rowClicked", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1096,15 +1103,22 @@ declare const _default$b: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onRowClicked?: ((...args: any[]) => any) | undefined;
+}, {
     loading: boolean;
+    clickableRows: boolean;
 }>;
 
-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$9: 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$8: vue.DefineComponent<{
+declare const _default$9: vue.DefineComponent<{
     /**
      * The header title of the accordion
      */
@@ -1152,7 +1166,7 @@ declare const _default$8: vue.DefineComponent<{
     isOpened: boolean;
 }>;
 
-declare const _default$7: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     /**
      * The src attribute of the image
      */
@@ -1235,11 +1249,11 @@ declare const _default$7: vue.DefineComponent<{
     threshold: number;
 }>;
 
-declare const _default$6: 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$5: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$6: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     columns: {
         type: NumberConstructor;
         default: number;
@@ -1278,7 +1292,7 @@ declare interface FwToastProps {
     timeout?: number;
 }
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * The toast's v-model. Controls the visibility of the toast.
      */
@@ -1397,7 +1411,7 @@ declare const _default$3: vue.DefineComponent<{
     timeout: number;
 }>;
 
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * The transaction title of the card
      */
@@ -1467,7 +1481,7 @@ declare interface FwBarChartProps {
     graphData?: FwBarGraphData[] | string;
 }
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * The transaction title of the chart
      */
@@ -1548,6 +1562,82 @@ declare const _default$1: vue.DefineComponent<{
     };
 }>>, {}>;
 
+declare interface SidebarMenuItem {
+    to?: string | object;
+    href?: string;
+    label: string;
+    external?: boolean;
+}
+
+declare const _default$1: vue.DefineComponent<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<SidebarMenuItem[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    isMenuOpen: vue.Ref<boolean>;
+    toggleMenu: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "toggled"[], "toggled", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<SidebarMenuItem[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onToggled?: ((...args: any[]) => any) | undefined;
+}, {
+    toggleButtonClass: string;
+    openWidth: string;
+    closedWidth: string;
+}>;
+
 declare const __default__$1: vue.DefineComponent<{
     /**
      * The animation-iteration-count CSS property of the pulse animation.
@@ -1672,4 +1762,4 @@ declare interface FwTransactionsCardProps {
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$8 as FwAccordion, FwAccordionProps, _default$1 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$7 as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$6 as FwLoadingBar, _default$5 as FwLoadingCard, _default as FwLoadingSpinner, _default$4 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, __default__ as FwSuccessPulse, _default$f as FwTab, _default$b as FwTable, FwTableFormatFunction, _default$a as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$9 as FwTableRow, FwTableSort, _default$g as FwTabs, _default$c as FwTag, FwTagProps, _default$3 as FwToast, FwToastProps, _default$2 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$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 };

package/package.json

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

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

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;
@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;

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

@@ -1,4 +1,4 @@
-export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text';
+export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent';
 export declare interface ButtonDefinition {
     text: string;
     background: string;

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

@@ -0,0 +1,71 @@
+import { PropType } from 'vue';
+import { SidebarMenuItem } 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[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: 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<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<SidebarMenuItem[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onToggled?: ((...args: any[]) => any) | undefined;
+}, {
+    toggleButtonClass: string;
+    openWidth: string;
+    closedWidth: string;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import FwSidebarMenu from './fw-sidebar-menu.vue';
+export { FwSidebarMenu };

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

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

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { FwTableItem, FwTableSort } from './index.types';
-declare const _default: import("vue").DefineComponent<{
+declare const __default__: import("vue").DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     columns: import("vue").ComputedRef<string[]>;
     sortBy: import("vue").Ref<string>;
@@ -20,11 +24,13 @@ declare const _default: import("vue").DefineComponent<{
     sortColumn: (column: string) => void;
     sortedData: import("vue").ComputedRef<FwTableItem[]>;
     currentSortedColumn: import("vue").Ref<string>;
-    sortedIcon: (sortDir: string, column: string) => "text-body" | "text-grey-light";
+    sortedIcon: (sortDir: string, column: string) => boolean;
     formattedText: (row: FwTableItem, column: string) => string | number;
     isColumnSortable: (column: string) => boolean | undefined;
     isDisabled: (column: string) => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rowClicked: (row: FwTableItem) => void;
+    bgHoverColor: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "rowClicked"[], "rowClicked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -37,7 +43,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onRowClicked?: ((...args: any[]) => any) | undefined;
+}, {
     loading: boolean;
+    clickableRows: boolean;
 }>;
-export default _default;
+export default __default__;

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

@@ -10,4 +10,5 @@ export declare interface FwTableProps {
     items: FwTableItem[];
     options?: FwTableItemOptions;
     loading?: boolean;
+    clickableRows?: boolean;
 }

package/types/components/index.d.ts

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

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

@@ -13,3 +13,4 @@ export * from '../components/fw-image/index.types';
 export * from '../components/fw-toast/index.types';
 export * from '../components/fw-transactions-card/index.types';
 export * from '../components/fw-bar-chart/index.types';
+export * from '../components/fw-sidebar-menu/index.types';

package/types/icons/index.d.ts

@@ -16,6 +16,8 @@ import EnvelopeSvg from './envelope.svg';
 import CheckSvg from './check.svg';
 import ChevronUpSvg from './chevron-up.svg';
 import ChevronDownSvg from './chevron-down.svg';
+import ChevronRightSvg from './chevron-right.svg';
+import ChevronLeftSvg from './chevron-left.svg';
 import ErrorFilledSvg from './error-filled.svg';
 import LightBulbSvg from './light-bulb.svg';
 import LandmarkSvg from './landmark.svg';
@@ -28,4 +30,6 @@ import LoadingSvg from './loading.svg';
 import BullseyeSvg from './bullseye.svg';
 import SolidCheckSvg from './solid-check.svg';
 import SolidXMarkSvg from './solid-xmark.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg, BullseyeSvg, SolidCheckSvg, SolidXMarkSvg };
+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 };