@frollo/frollo-web-ui 3.0.2 → 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/index.ts

@@ -30,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,
@@ -63,5 +65,7 @@ export {
   LoadingSvg,
   BullseyeSvg,
   SolidCheckSvg,
-  SolidXMarkSvg
+  SolidXMarkSvg,
+  ArrowSortSvg,
+  ArrowDownSvg
 };

package/index.d.ts

@@ -20,7 +20,7 @@ declare interface FwInputProps {
     tabindex?: string;
 }
 
-declare const _default$n: vue.DefineComponent<{
+declare const _default$m: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -172,7 +172,7 @@ declare const _default$n: vue.DefineComponent<{
     tabindex: string;
 }>;
 
-declare const _default$m: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -241,7 +241,7 @@ declare interface FwDropdownProps {
     placeholder?: string;
 }
 
-declare const _default$l: vue.DefineComponent<{
+declare const _default$k: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -352,7 +352,7 @@ declare const _default$l: vue.DefineComponent<{
     placeholder: string;
 }>;
 
-declare const _default$k: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -461,7 +461,7 @@ declare interface FwButtonProps {
     external?: boolean;
 }
 
-declare const _default$j: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -642,7 +642,7 @@ declare interface NavMenuItem {
     external?: boolean;
 }
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -697,7 +697,7 @@ declare const _default$i: vue.DefineComponent<{
     containerClass: string;
 }>;
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -721,7 +721,7 @@ declare const _default$h: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -753,7 +753,7 @@ declare const _default$g: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -932,7 +932,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -999,7 +999,7 @@ declare interface FwTagProps {
     variant?: TagVariantName;
 }
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$c: vue.DefineComponent<{
     /**
      * The size of the tag. Accepts: 'xs' & 'sm'
      */
@@ -1057,9 +1057,10 @@ declare interface FwTableProps {
     items: FwTableItem[];
     options?: FwTableItemOptions;
     loading?: boolean;
+    clickableRows?: boolean;
 }
 
-declare const _default$c: vue.DefineComponent<{
+declare const __default__$2: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1072,6 +1073,10 @@ declare const _default$c: 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$c: 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,8 +1103,15 @@ declare const _default$c: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onRowClicked?: ((...args: any[]) => any) | undefined;
+}, {
     loading: boolean;
+    clickableRows: boolean;
 }>;
 
 declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
@@ -1748,4 +1762,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$j as FwButton, FwButtonProps, _default$k as FwCard, FwCardProps, _default$m as FwCheckbox, FwCheckboxProps, _default$l as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$8 as FwImage, FwImageProps, _default$n as FwInput, FwInputProps, FwInputType, _default$7 as FwLoadingBar, _default$6 as FwLoadingCard, _default as FwLoadingSpinner, _default$5 as FwLoadingTable, _default$f as FwModal, FwModalProps, _default$i as FwNavigationMenu, _default$e as FwProgressBar, _default$1 as FwSidebarMenu, __default__ as FwSuccessPulse, _default$g as FwTab, _default$c as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$h as FwTabs, _default$d 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, __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.2",
+  "version": "4.0.0",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

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/icons/index.d.ts

@@ -30,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, ChevronRightSvg, ChevronLeftSvg, 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 };