@frollo/frollo-web-ui 8.5.0 → 8.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/cjs/index.js +248 -249
  2. package/esm/fw-accordion.js +1 -1
  3. package/esm/fw-animations.js +2 -2
  4. package/esm/{fw-button-BhZXMN8a.js → fw-button-ROl6WHys.js} +1 -1
  5. package/esm/fw-button.js +3 -3
  6. package/esm/fw-date-picker.js +1 -1
  7. package/esm/fw-drawer.js +3 -3
  8. package/esm/{fw-dropdown-ClttctHK.js → fw-dropdown-CszRMdF9.js} +2 -2
  9. package/esm/fw-dropdown.js +3 -3
  10. package/esm/{fw-image-6o3ZOSCW.js → fw-image-DAJmf7z4.js} +1 -1
  11. package/esm/fw-image.js +2 -2
  12. package/esm/{fw-loading-spinner-CFFbujSq.js → fw-loading-spinner-D6LtqOl7.js} +1 -1
  13. package/esm/fw-media-picker.js +3 -3
  14. package/esm/fw-modal.js +3 -3
  15. package/esm/fw-navigation-menu.js +3 -3
  16. package/esm/fw-period-selector.js +3 -3
  17. package/esm/fw-provider-list.js +7 -7
  18. package/esm/fw-sidebar-menu.js +3 -3
  19. package/esm/fw-slider.js +59 -83
  20. package/esm/{fw-table-row-BlpxQ10C.js → fw-table-row-xGa-LxFg.js} +18 -11
  21. package/esm/fw-table.js +4 -4
  22. package/esm/{fw-tag-DgsnsY7O.js → fw-tag-BmPSSwWP.js} +2 -2
  23. package/esm/fw-tag.js +4 -4
  24. package/esm/fw-toast.js +1 -1
  25. package/esm/fw-transactions-card.js +2 -2
  26. package/esm/{index-BjXtr7CR.js → index-Bohaw8xf.js} +133 -115
  27. package/esm/index.js +7 -7
  28. package/frollo-web-ui.esm.js +251 -250
  29. package/icons/copy-chain.svg +3 -0
  30. package/icons/index.ts +3 -1
  31. package/index.d.ts +6 -6
  32. package/package.json +1 -1
  33. package/types/components/fw-slider/fw-slider.vue.d.ts +2 -4
  34. package/types/components/fw-table/fw-table.vue.d.ts +1 -1
  35. package/types/components/fw-table/index.types.d.ts +2 -0
  36. package/types/icons/index.d.ts +2 -1
  37. package/web-components/index.js +256 -255
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="68" height="48" viewBox="0 0 68 48" fill="none">
2
+ <path d="M17.7209 10.2717C23.0912 4.81605 32.0381 4.81605 37.4959 10.2717C42.6912 15.467 42.8881 23.7795 38.174 29.3248L37.5943 29.992C36.9599 30.7248 35.8553 30.8014 35.1224 30.167C34.4006 29.5436 34.3131 28.4389 34.9474 27.7061L35.5381 27.0279C39.1365 22.8717 38.9178 16.6373 35.024 12.7545C30.9334 8.65293 24.2943 8.65293 20.2037 12.7545L6.57557 26.3717C2.4751 30.4732 2.4751 37.1232 6.57557 41.2248C10.6771 45.3264 17.3271 45.3264 21.4287 41.2248L23.9006 38.7529C24.5787 38.0639 25.6943 38.0639 26.3724 38.7529C27.0615 39.4311 27.0615 40.5357 26.3724 41.2248L23.9006 43.6967C18.4318 49.1654 9.56807 49.1654 4.10041 43.6967C-1.3668 38.2279 -1.3668 29.2701 4.10041 23.8998L17.7209 10.2717ZM49.7787 37.5279C44.4084 42.9857 35.5599 42.9857 30.1021 37.5279C24.9068 32.3326 24.6115 24.0201 29.3256 18.4748L30.0037 17.8076C30.6381 17.0748 31.7428 16.9982 32.4756 17.6326C33.1974 18.2561 33.2849 19.3607 32.6506 20.0936L32.0599 20.7717C28.4615 24.9279 28.6803 31.1623 32.574 35.0451C36.6646 39.1467 43.3037 39.1467 47.3943 35.0451L61.0224 21.4279C65.124 17.3264 65.124 10.6764 61.0224 6.5759C56.9209 2.47543 50.2709 2.47543 46.1693 6.5759L43.6974 9.04668C43.0193 9.73574 41.9037 9.73574 41.2256 9.04668C40.5365 8.27012 40.5365 7.26387 41.2256 6.5759L43.6974 4.10074C49.1662 -1.36691 58.0256 -1.36691 63.4943 4.10074C68.9631 9.47324 68.9631 18.4311 63.4943 23.8014L49.7787 37.5279Z" fill="black"/>
3
+ </svg>
package/icons/index.ts CHANGED
@@ -45,6 +45,7 @@ import CloudArrowUpSvg from './cloud-arrow-up.svg';
45
45
  import GuideSvg from './guide.svg';
46
46
  import ArrowsRotateSvg from './arrows-rotate.svg';
47
47
  import InfoCircleRegularSvg from './info-circle-regular.svg';
48
+ import CopyChainSvg from './copy-chain.svg';
48
49
 
49
50
  export {
50
51
  ViewSvg,
@@ -93,5 +94,6 @@ export {
93
94
  CloudArrowUpSvg,
94
95
  GuideSvg,
95
96
  ArrowsRotateSvg,
96
- InfoCircleRegularSvg
97
+ InfoCircleRegularSvg,
98
+ CopyChainSvg
97
99
  };
package/index.d.ts CHANGED
@@ -1314,12 +1314,14 @@ declare interface FwTagProps {
1314
1314
 
1315
1315
  declare type FwTableItem = Record<string, string | number>;
1316
1316
  declare type FwTableFormatFunction = (value: string | number | object) => string;
1317
+ declare type FwTableSortFunction = (items: FwTableItem[], columnName: string, sortDirection?: FwTableSort) => FwTableItem[] | undefined;
1317
1318
  declare type FwTableSort = 'asc' | 'desc';
1318
1319
  declare type FwTableItemOptions = Record<string, {
1319
1320
  formatter?: FwTableFormatFunction;
1320
1321
  isSortable?: boolean;
1321
1322
  disabled?: boolean;
1322
1323
  initSortOrder?: FwTableSort;
1324
+ sort?: FwTableSortFunction;
1323
1325
  }>;
1324
1326
  declare interface FwTableProps {
1325
1327
  items: FwTableItem[];
@@ -1584,7 +1586,7 @@ declare const __default__$5: vue.DefineComponent<{
1584
1586
  sortBy: vue.Ref<string>;
1585
1587
  sortDirection: vue.Ref<FwTableSort>;
1586
1588
  sortColumn: (column: string, isAction?: boolean) => void;
1587
- sortedData: vue.ComputedRef<FwTableItem[]>;
1589
+ sortedData: vue.ComputedRef<FwTableItem[] | undefined>;
1588
1590
  currentSortedColumn: vue.Ref<string>;
1589
1591
  sortedIcon: (sortDir: string, column: string) => boolean;
1590
1592
  formattedText: (row: FwTableItem, column: string) => string | number;
@@ -3098,13 +3100,11 @@ declare const _default$1: vue.DefineComponent<{
3098
3100
  default: null;
3099
3101
  };
3100
3102
  }, {
3101
- minimumValue: vue.Ref<number>;
3102
- maximumValue: vue.Ref<number>;
3103
+ minimumValue: vue.WritableComputedRef<number>;
3104
+ maximumValue: vue.WritableComputedRef<number>;
3103
3105
  minPercentage: vue.ComputedRef<number>;
3104
3106
  maxPercentage: vue.ComputedRef<number>;
3105
3107
  clippingPoint: vue.ComputedRef<boolean>;
3106
- onChangeMinInput: (event: Event) => void;
3107
- onChangeMaxInput: (event: Event) => void;
3108
3108
  }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:minValue" | "update:maxValue")[], "update:minValue" | "update:maxValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
3109
3109
  min: {
3110
3110
  type: NumberConstructor;
@@ -3209,4 +3209,4 @@ declare const install: Exclude<Plugin['install'], undefined>;
3209
3209
 
3210
3210
  declare module '@frollo/frollo-web-ui/icons' { }
3211
3211
 
3212
- export { type ButtonAnimation, type ButtonDefinition, type ButtonDefinitionList, type ButtonSize, type ButtonSizes, type ButtonTypeAttribute, type ButtonVariantName, __default__$4 as FwAccordion, type FwAccordionProps, _default$7 as FwBarChart, type FwBarChartProps, type FwBarGraphData, _default$l as FwButton, type FwButtonProps, _default$m as FwCard, type FwCardProps, _default$o as FwCheckbox, type FwCheckboxProps, __default__$3 as FwDatePicker, type FwDatePickerProps, _default$5 as FwDrawer, type FwDrawerProps, _default$n as FwDropdown, type FwDropdownOption, type FwDropdownProps, __default__$1 as FwEmailPulse, _default$d as FwImage, type FwImageProps, _default$p as FwInput, type FwInputProps, type FwInputType, _default$c as FwLoadingBar, _default$b as FwLoadingCard, _default as FwLoadingSpinner, _default$a as FwLoadingTable, _default$2 as FwMediaPicker, type FwMediaPickerProps, _default$h as FwModal, type FwModalProps, _default$k as FwNavigationMenu, _default$3 as FwPeriodSelector, __default__$2 as FwPopover, type FwPopoverProps, _default$g as FwProgressBar, _default$4 as FwProviderList, type FwProviderListItem, type FwProviderListProps, _default$6 as FwSidebarMenu, type FwSidebarMenuItem, _default$1 as FwSlider, __default__ as FwSuccessPulse, _default$i as FwTab, __default__$5 as FwTable, type FwTableApi, type FwTableFormatFunction, _default$f as FwTableHead, type FwTableItem, type FwTableItemOptions, type FwTableProps, _default$e as FwTableRow, type FwTableSort, _default$j as FwTabs, type FwTabsProps, __default__$6 as FwTag, type FwTagProps, _default$9 as FwToast, type FwToastProps, _default$8 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 };
3212
+ export { type ButtonAnimation, type ButtonDefinition, type ButtonDefinitionList, type ButtonSize, type ButtonSizes, type ButtonTypeAttribute, type ButtonVariantName, __default__$4 as FwAccordion, type FwAccordionProps, _default$7 as FwBarChart, type FwBarChartProps, type FwBarGraphData, _default$l as FwButton, type FwButtonProps, _default$m as FwCard, type FwCardProps, _default$o as FwCheckbox, type FwCheckboxProps, __default__$3 as FwDatePicker, type FwDatePickerProps, _default$5 as FwDrawer, type FwDrawerProps, _default$n as FwDropdown, type FwDropdownOption, type FwDropdownProps, __default__$1 as FwEmailPulse, _default$d as FwImage, type FwImageProps, _default$p as FwInput, type FwInputProps, type FwInputType, _default$c as FwLoadingBar, _default$b as FwLoadingCard, _default as FwLoadingSpinner, _default$a as FwLoadingTable, _default$2 as FwMediaPicker, type FwMediaPickerProps, _default$h as FwModal, type FwModalProps, _default$k as FwNavigationMenu, _default$3 as FwPeriodSelector, __default__$2 as FwPopover, type FwPopoverProps, _default$g as FwProgressBar, _default$4 as FwProviderList, type FwProviderListItem, type FwProviderListProps, _default$6 as FwSidebarMenu, type FwSidebarMenuItem, _default$1 as FwSlider, __default__ as FwSuccessPulse, _default$i as FwTab, __default__$5 as FwTable, type FwTableApi, type FwTableFormatFunction, _default$f as FwTableHead, type FwTableItem, type FwTableItemOptions, type FwTableProps, _default$e as FwTableRow, type FwTableSort, type FwTableSortFunction, _default$j as FwTabs, type FwTabsProps, __default__$6 as FwTag, type FwTagProps, _default$9 as FwToast, type FwToastProps, _default$8 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frollo/frollo-web-ui",
3
- "version": "8.5.0",
3
+ "version": "8.5.2",
4
4
  "description": "Frollo's UI library for components, utilities and configs",
5
5
  "exports": {
6
6
  "./icons": "./icons/index.ts",
@@ -20,13 +20,11 @@ declare const _default: import("vue").DefineComponent<{
20
20
  default: null;
21
21
  };
22
22
  }, {
23
- minimumValue: import("vue").Ref<number>;
24
- maximumValue: import("vue").Ref<number>;
23
+ minimumValue: import("vue").WritableComputedRef<number>;
24
+ maximumValue: import("vue").WritableComputedRef<number>;
25
25
  minPercentage: import("vue").ComputedRef<number>;
26
26
  maxPercentage: import("vue").ComputedRef<number>;
27
27
  clippingPoint: import("vue").ComputedRef<boolean>;
28
- onChangeMinInput: (event: Event) => void;
29
- onChangeMaxInput: (event: Event) => void;
30
28
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:minValue" | "update:maxValue")[], "update:minValue" | "update:maxValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
31
29
  min: {
32
30
  type: NumberConstructor;
@@ -39,7 +39,7 @@ declare const __default__: import("vue").DefineComponent<{
39
39
  sortBy: import("vue").Ref<string>;
40
40
  sortDirection: import("vue").Ref<FwTableSort>;
41
41
  sortColumn: (column: string, isAction?: boolean) => void;
42
- sortedData: import("vue").ComputedRef<FwTableItem[]>;
42
+ sortedData: import("vue").ComputedRef<FwTableItem[] | undefined>;
43
43
  currentSortedColumn: import("vue").Ref<string>;
44
44
  sortedIcon: (sortDir: string, column: string) => boolean;
45
45
  formattedText: (row: FwTableItem, column: string) => string | number;
@@ -1,11 +1,13 @@
1
1
  export declare type FwTableItem = Record<string, string | number>;
2
2
  export declare type FwTableFormatFunction = (value: string | number | object) => string;
3
+ export declare type FwTableSortFunction = (items: FwTableItem[], columnName: string, sortDirection?: FwTableSort) => FwTableItem[] | undefined;
3
4
  export declare type FwTableSort = 'asc' | 'desc';
4
5
  export declare type FwTableItemOptions = Record<string, {
5
6
  formatter?: FwTableFormatFunction;
6
7
  isSortable?: boolean;
7
8
  disabled?: boolean;
8
9
  initSortOrder?: FwTableSort;
10
+ sort?: FwTableSortFunction;
9
11
  }>;
10
12
  export declare interface FwTableProps {
11
13
  items: FwTableItem[];
@@ -45,4 +45,5 @@ import CloudArrowUpSvg from './cloud-arrow-up.svg';
45
45
  import GuideSvg from './guide.svg';
46
46
  import ArrowsRotateSvg from './arrows-rotate.svg';
47
47
  import InfoCircleRegularSvg from './info-circle-regular.svg';
48
- 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, XMarkSvg, PenSvg, CalendarSvg, CalendarDaySvg, EllipsisSvg, ChartLineUpSvg, SackDollarSvg, MountainFlagSvg, CloudArrowUpSvg, GuideSvg, ArrowsRotateSvg, InfoCircleRegularSvg };
48
+ import CopyChainSvg from './copy-chain.svg';
49
+ 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, XMarkSvg, PenSvg, CalendarSvg, CalendarDaySvg, EllipsisSvg, ChartLineUpSvg, SackDollarSvg, MountainFlagSvg, CloudArrowUpSvg, GuideSvg, ArrowsRotateSvg, InfoCircleRegularSvg, CopyChainSvg };