@frollo/frollo-web-ui 5.0.4 → 6.0.0

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 (41) hide show
  1. package/cjs/index.js +943 -326
  2. package/esm/defineProperty-b85f2e0f.js +42 -0
  3. package/esm/fw-animations.js +2 -2
  4. package/esm/{fw-button-99dba2bc.js → fw-button-b00853dd.js} +1 -1
  5. package/esm/fw-button.js +3 -3
  6. package/esm/fw-date-picker.js +46 -1840
  7. package/esm/fw-drawer.js +3 -3
  8. package/esm/{fw-dropdown-b476e015.js → fw-dropdown-1c89f793.js} +1 -1
  9. package/esm/fw-dropdown.js +2 -2
  10. package/esm/{fw-image-ae643123.js → fw-image-af8c5745.js} +1 -1
  11. package/esm/fw-image.js +2 -2
  12. package/esm/{fw-input-fdc8fe1b.js → fw-input-46dd3134.js} +1 -1
  13. package/esm/fw-input.js +2 -2
  14. package/esm/{fw-loading-spinner-cc1ca2fa.js → fw-loading-spinner-72d70258.js} +1 -1
  15. package/esm/fw-modal.js +4 -4
  16. package/esm/fw-navigation-menu.js +3 -3
  17. package/esm/fw-popover.js +630 -0
  18. package/esm/fw-provider-list.js +381 -22
  19. package/esm/fw-sidebar-menu.js +3 -3
  20. package/esm/{fw-table-row-e8520a1d.js → fw-table-row-1050a386.js} +1 -1
  21. package/esm/fw-table.js +2 -2
  22. package/esm/{fw-tag-a8a83c0a.js → fw-tag-fdcaf92c.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-0c5cae4f.js +1800 -0
  27. package/esm/{index-0a63f2c3.js → index-bced3b35.js} +123 -109
  28. package/esm/index.js +25 -20
  29. package/frollo-web-ui.esm.js +981 -347
  30. package/icons/ellipsis.svg +3 -0
  31. package/icons/index.ts +3 -1
  32. package/index.d.ts +173 -5
  33. package/package.json +1 -1
  34. package/types/components/fw-popover/fw-popover.vue.d.ts +157 -0
  35. package/types/components/fw-popover/index.d.ts +2 -0
  36. package/types/components/fw-popover/index.types.d.ts +11 -0
  37. package/types/components/index.d.ts +1 -0
  38. package/types/components/index.types.d.ts +1 -0
  39. package/types/icons/index.d.ts +2 -1
  40. package/web-components/index.js +985 -351
  41. package/esm/index-6423a6ab.js +0 -422
@@ -1,422 +0,0 @@
1
- import './delete-property-or-throw-cd4c57d6.js';
2
- import { d as descriptors, h as fails$2, q as anObject$2, b as defineBuiltIn$2, n as functionCall, A as hasOwnProperty_1, B as objectIsPrototypeOf, C as functionName } from './is-forced-fc680e39.js';
3
- import { _ as _export } from './export-8a363004.js';
4
- import { a as arrayIteration } from './array-iteration-ec356eb3.js';
5
- import { a as arrayMethodHasSpeciesSupport$1 } from './array-method-has-species-support-8a4b1310.js';
6
- import './es.array.find-67b3b514.js';
7
- import './es.array.includes-a06445a5.js';
8
- import './es.string.includes-ade04f96.js';
9
- import { o as objectCreate } from './object-create-bc771493.js';
10
- import { t as toString$1 } from './es.number.constructor-98bae04f.js';
11
- import './es.date.to-string-1ffba857.js';
12
- import { r as regexpFlags } from './es.array.map-ae6c9437.js';
13
- import './es.function.name-6daefaeb.js';
14
- import './es.array.concat-fe990345.js';
15
- import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-e8520a1d.js';
16
- import { defineComponent, ref, computed, createTextVNode, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
17
- import { s as script$1 } from './fw-input-fdc8fe1b.js';
18
- import { _ as __default__$1 } from './fw-tag-a8a83c0a.js';
19
- import { s as script$3 } from './fw-button-99dba2bc.js';
20
- import { s as script$2 } from './fw-dropdown-b476e015.js';
21
- import { f as render$1, g as render$2, i as render$3 } from './index-0a63f2c3.js';
22
- import { s as styleInject } from './style-inject.es-1f59c1d0.js';
23
-
24
- function _typeof(o) {
25
- "@babel/helpers - typeof";
26
-
27
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
28
- return typeof o;
29
- } : function (o) {
30
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
31
- }, _typeof(o);
32
- }
33
-
34
- function _toPrimitive(input, hint) {
35
- if (_typeof(input) !== "object" || input === null) return input;
36
- var prim = input[Symbol.toPrimitive];
37
- if (prim !== undefined) {
38
- var res = prim.call(input, hint || "default");
39
- if (_typeof(res) !== "object") return res;
40
- throw new TypeError("@@toPrimitive must return a primitive value.");
41
- }
42
- return (hint === "string" ? String : Number)(input);
43
- }
44
-
45
- function _toPropertyKey(arg) {
46
- var key = _toPrimitive(arg, "string");
47
- return _typeof(key) === "symbol" ? key : String(key);
48
- }
49
-
50
- function _defineProperty(obj, key, value) {
51
- key = _toPropertyKey(key);
52
- if (key in obj) {
53
- Object.defineProperty(obj, key, {
54
- value: value,
55
- enumerable: true,
56
- configurable: true,
57
- writable: true
58
- });
59
- } else {
60
- obj[key] = value;
61
- }
62
- return obj;
63
- }
64
-
65
- var es_array_filter = {};
66
-
67
- 'use strict';
68
- var $ = _export;
69
- var $filter = arrayIteration.filter;
70
- var arrayMethodHasSpeciesSupport = arrayMethodHasSpeciesSupport$1;
71
-
72
- var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');
73
-
74
- // `Array.prototype.filter` method
75
- // https://tc39.es/ecma262/#sec-array.prototype.filter
76
- // with adding support of @@species
77
- $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
78
- filter: function filter(callbackfn /* , thisArg */) {
79
- return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
80
- }
81
- });
82
-
83
- var es_error_toString = {};
84
-
85
- var toString = toString$1;
86
-
87
- var normalizeStringArgument$1 = function (argument, $default) {
88
- return argument === undefined ? arguments.length < 2 ? '' : $default : toString(argument);
89
- };
90
-
91
- 'use strict';
92
- var DESCRIPTORS = descriptors;
93
- var fails$1 = fails$2;
94
- var anObject$1 = anObject$2;
95
- var create = objectCreate;
96
- var normalizeStringArgument = normalizeStringArgument$1;
97
-
98
- var nativeErrorToString = Error.prototype.toString;
99
-
100
- var INCORRECT_TO_STRING = fails$1(function () {
101
- if (DESCRIPTORS) {
102
- // Chrome 32- incorrectly call accessor
103
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
104
- var object = create(Object.defineProperty({}, 'name', { get: function () {
105
- return this === object;
106
- } }));
107
- if (nativeErrorToString.call(object) !== 'true') return true;
108
- }
109
- // FF10- does not properly handle non-strings
110
- return nativeErrorToString.call({ message: 1, name: 2 }) !== '2: 1'
111
- // IE8 does not properly handle defaults
112
- || nativeErrorToString.call({}) !== 'Error';
113
- });
114
-
115
- var errorToString$1 = INCORRECT_TO_STRING ? function toString() {
116
- var O = anObject$1(this);
117
- var name = normalizeStringArgument(O.name, 'Error');
118
- var message = normalizeStringArgument(O.message);
119
- return !name ? message : !message ? name : name + ': ' + message;
120
- } : nativeErrorToString;
121
-
122
- var defineBuiltIn$1 = defineBuiltIn$2;
123
- var errorToString = errorToString$1;
124
-
125
- var ErrorPrototype = Error.prototype;
126
-
127
- // `Error.prototype.toString` method fix
128
- // https://tc39.es/ecma262/#sec-error.prototype.tostring
129
- if (ErrorPrototype.toString !== errorToString) {
130
- defineBuiltIn$1(ErrorPrototype, 'toString', errorToString);
131
- }
132
-
133
- var es_regexp_toString = {};
134
-
135
- var call = functionCall;
136
- var hasOwn = hasOwnProperty_1;
137
- var isPrototypeOf = objectIsPrototypeOf;
138
- var regExpFlags = regexpFlags;
139
-
140
- var RegExpPrototype$1 = RegExp.prototype;
141
-
142
- var regexpGetFlags = function (R) {
143
- var flags = R.flags;
144
- return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
145
- ? call(regExpFlags, R) : flags;
146
- };
147
-
148
- 'use strict';
149
- var PROPER_FUNCTION_NAME = functionName.PROPER;
150
- var defineBuiltIn = defineBuiltIn$2;
151
- var anObject = anObject$2;
152
- var $toString = toString$1;
153
- var fails = fails$2;
154
- var getRegExpFlags = regexpGetFlags;
155
-
156
- var TO_STRING = 'toString';
157
- var RegExpPrototype = RegExp.prototype;
158
- var n$ToString = RegExpPrototype[TO_STRING];
159
-
160
- var NOT_GENERIC = fails(function () { return n$ToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
161
- // FF44- RegExp#toString has a wrong name
162
- var INCORRECT_NAME = PROPER_FUNCTION_NAME && n$ToString.name != TO_STRING;
163
-
164
- // `RegExp.prototype.toString` method
165
- // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
166
- if (NOT_GENERIC || INCORRECT_NAME) {
167
- defineBuiltIn(RegExp.prototype, TO_STRING, function toString() {
168
- var R = anObject(this);
169
- var pattern = $toString(R.source);
170
- var flags = $toString(getRegExpFlags(R));
171
- return '/' + pattern + '/' + flags;
172
- }, { unsafe: true });
173
- }
174
-
175
- var script = defineComponent({
176
- name: 'FwProviderList',
177
- components: {
178
- FwTable: __default__,
179
- FwInput: script$1,
180
- FwDropdown: script$2,
181
- FwButton: script$3,
182
- FwTableHead: script$4,
183
- FwTableRow: script$5,
184
- FwTag: __default__$1,
185
- SolidCheckSvg: render$1,
186
- SolidXMarkSvg: render$2,
187
- SearchSvg: render$3
188
- },
189
- props: {
190
- /**
191
- * The header heading of the list.
192
- */
193
- heading: {
194
- type: String
195
- },
196
- /**
197
- * The list items of the table items.
198
- */
199
- items: {
200
- type: Array,
201
- required: true
202
- },
203
- /**
204
- * The placeholder text for the sarch input.
205
- */
206
- searchPlaceholder: {
207
- type: String,
208
- "default": 'Search'
209
- },
210
- /**
211
- * The table header title.
212
- */
213
- tableHeaderName: {
214
- type: String,
215
- "default": 'Name'
216
- }
217
- },
218
- setup: function setup(props) {
219
- var _options;
220
- var searchFilterModel = ref('');
221
- var statusFilterModel = ref('all');
222
- var parsedItems = computed(function () {
223
- if (typeof props.items === 'string') {
224
- return JSON.parse(props.items);
225
- }
226
- return props.items;
227
- });
228
- var filteredTableItems = computed(function () {
229
- var tempFilteredItems = parsedItems.value;
230
- if (searchFilterModel.value) {
231
- tempFilteredItems = tempFilteredItems.filter(function (item) {
232
- return item.name.toString().toLowerCase().includes(searchFilterModel.value.toLowerCase());
233
- });
234
- }
235
- if (statusFilterModel.value && statusFilterModel.value !== 'all') {
236
- tempFilteredItems = tempFilteredItems.filter(function (item) {
237
- return item.status === statusFilterModel.value;
238
- });
239
- }
240
- return tempFilteredItems;
241
- });
242
- var options = (_options = {}, _defineProperty(_options, 'status', {
243
- disabled: true
244
- }), _defineProperty(_options, props.tableHeaderName, {
245
- isSortable: true,
246
- initSortOrder: 'asc'
247
- }), _options);
248
- var tableItems = computed(function () {
249
- var _filteredTableItems$v;
250
- return (_filteredTableItems$v = filteredTableItems.value) === null || _filteredTableItems$v === void 0 ? void 0 : _filteredTableItems$v.map(function (item) {
251
- var _ref;
252
- return _ref = {}, _defineProperty(_ref, 'status', item.status), _defineProperty(_ref, props.tableHeaderName, "\n <div class=\"flex flex-row-reverse justify-end items-center\">\n <p class=\"mb-0 font-medium\">".concat(item.name, "</p>\n <img class=\"mr-2 w-[48px]\" alt=\"").concat(item.name, " logo\" src=\"").concat(item.image_url, "\" />\n </div>\n ")), _ref;
253
- });
254
- });
255
- var sortedTableItems = computed(function () {
256
- var tempItems = tableItems.value;
257
- return tempItems.sort(function (item) {
258
- if (item.status === 'outage') {
259
- return -1;
260
- }
261
- return 1;
262
- });
263
- });
264
- return {
265
- options: options,
266
- sortedTableItems: sortedTableItems,
267
- searchFilterModel: searchFilterModel,
268
- statusFilterModel: statusFilterModel
269
- };
270
- }
271
- });
272
-
273
- var _hoisted_1 = {
274
- "class": "fw-provider-list flex flex-col w-full space-y-4"
275
- };
276
- var _hoisted_2 = {
277
- "class": "grid grid-cols-1 md:grid-cols-3 space-y-4 md:space-y-0 md:space-x-4 md:items-center md:justify-between"
278
- };
279
- var _hoisted_3 = {
280
- "class": "mb-0 uppercase flex-1 col-span-1"
281
- };
282
- var _hoisted_4 = {
283
- "class": "col-span-2 flex flex-col space-y-4 md:space-y-0 md:flex-row md:space-x-4"
284
- };
285
- var _hoisted_5 = {
286
- key: 0,
287
- "class": "fw-provider-list--table w-full shadow-card"
288
- };
289
- var _hoisted_6 = /*#__PURE__*/createTextVNode("Status");
290
- var _hoisted_7 = /*#__PURE__*/createTextVNode("Outage ");
291
- var _hoisted_8 = /*#__PURE__*/createTextVNode(" Available");
292
- var _hoisted_9 = {
293
- key: 1
294
- };
295
- var _hoisted_10 = /*#__PURE__*/createElementVNode("h4", {
296
- "class": "w-full font-medium text-center my-6"
297
- }, "Sorry, we could not find any results.", -1);
298
- var _hoisted_11 = [_hoisted_10];
299
- function render(_ctx, _cache, $props, $setup, $data, $options) {
300
- var _component_SearchSvg = resolveComponent("SearchSvg");
301
- var _component_SolidXMarkSvg = resolveComponent("SolidXMarkSvg");
302
- var _component_FwButton = resolveComponent("FwButton");
303
- var _component_FwInput = resolveComponent("FwInput");
304
- var _component_FwDropdown = resolveComponent("FwDropdown");
305
- var _component_FwTableHead = resolveComponent("FwTableHead");
306
- var _component_FwTag = resolveComponent("FwTag");
307
- var _component_SolidCheckSvg = resolveComponent("SolidCheckSvg");
308
- var _component_FwTableRow = resolveComponent("FwTableRow");
309
- var _component_FwTable = resolveComponent("FwTable");
310
- return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h4", _hoisted_3, toDisplayString(_ctx.heading), 1), createElementVNode("div", _hoisted_4, [createVNode(_component_FwInput, {
311
- modelValue: _ctx.searchFilterModel,
312
- "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
313
- return _ctx.searchFilterModel = $event;
314
- }),
315
- tabindex: "0",
316
- name: "fw-provider-list--search-input",
317
- "class": "rounded-full w-full",
318
- type: "text",
319
- rounded: "",
320
- "enable-errors": false,
321
- placeholder: _ctx.searchPlaceholder
322
- }, {
323
- prefix: withCtx(function () {
324
- return [createVNode(_component_SearchSvg, {
325
- "class": "text-primary w-5 h-5"
326
- })];
327
- }),
328
- suffix: withCtx(function () {
329
- return [_ctx.searchFilterModel ? (openBlock(), createBlock(_component_FwButton, {
330
- key: 0,
331
- onClick: _cache[0] || (_cache[0] = function ($event) {
332
- return _ctx.searchFilterModel = '';
333
- }),
334
- variant: "link",
335
- size: "sm",
336
- "class": "w-full !rounded-full",
337
- rounded: ""
338
- }, {
339
- "default": withCtx(function () {
340
- return [createVNode(_component_SolidXMarkSvg)];
341
- }),
342
- _: 1
343
- })) : createCommentVNode("", true)];
344
- }),
345
- _: 1
346
- }, 8, ["modelValue", "placeholder"]), createVNode(_component_FwDropdown, {
347
- "class": "w-full",
348
- name: "fw-provider-list--status-dropdown",
349
- modelValue: _ctx.statusFilterModel,
350
- "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
351
- return _ctx.statusFilterModel = $event;
352
- }),
353
- "enable-errors": false,
354
- options: [{
355
- label: 'All statuses',
356
- value: 'all'
357
- }, {
358
- label: 'Outage',
359
- value: 'outage'
360
- }, {
361
- label: 'Available',
362
- value: 'supported'
363
- }]
364
- }, null, 8, ["modelValue"])])]), _ctx.sortedTableItems && _ctx.sortedTableItems.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(_component_FwTable, {
365
- "class": "w-full min-w-max bg-grey-20",
366
- items: _ctx.sortedTableItems,
367
- options: _ctx.options
368
- }, {
369
- preHead: withCtx(function () {
370
- return [createVNode(_component_FwTableHead, {
371
- "class": "w-[150px] md:w-[200px]"
372
- }, {
373
- "default": withCtx(function () {
374
- return [_hoisted_6];
375
- }),
376
- _: 1
377
- })];
378
- }),
379
- preRow: withCtx(function (_ref) {
380
- var row = _ref.row;
381
- return [createVNode(_component_FwTableRow, {
382
- "class": "w-[150px] md:w-[200px] uppercase"
383
- }, {
384
- "default": withCtx(function () {
385
- return [row.status === 'outage' ? (openBlock(), createBlock(_component_FwTag, {
386
- key: 0,
387
- variant: "error",
388
- size: "md"
389
- }, {
390
- "default": withCtx(function () {
391
- return [createVNode(_component_SolidXMarkSvg, {
392
- "class": "w-4 h-4 mr-1"
393
- }), _hoisted_7];
394
- }),
395
- _: 1
396
- })) : (openBlock(), createBlock(_component_FwTag, {
397
- key: 1,
398
- variant: "success",
399
- size: "md"
400
- }, {
401
- "default": withCtx(function () {
402
- return [createVNode(_component_SolidCheckSvg, {
403
- "class": "w-4 h-4 mr-1"
404
- }), _hoisted_8];
405
- }),
406
- _: 1
407
- }))];
408
- }),
409
- _: 2
410
- }, 1024)];
411
- }),
412
- _: 1
413
- }, 8, ["items", "options"])])) : (openBlock(), createElementBlock("div", _hoisted_9, _hoisted_11))]);
414
- }
415
-
416
- var css_248z = ".fw-provider-list--table{overflow-x:auto}.fw-provider-list--table::-webkit-scrollbar{-webkit-appearance:none;height:8px}.fw-provider-list--table::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(228 228 228/var(--tw-bg-opacity));border-radius:12px}.fw-provider-list--table::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 75 75/var(--tw-bg-opacity));border-radius:12px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fw-provider-list--table::-webkit-scrollbar-thumb:hover{background-color:var(--colorBody);cursor:pointer}";
417
- var stylesheet = ".fw-provider-list--table{overflow-x:auto}.fw-provider-list--table::-webkit-scrollbar{-webkit-appearance:none;height:8px}.fw-provider-list--table::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(228 228 228/var(--tw-bg-opacity));border-radius:12px}.fw-provider-list--table::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 75 75/var(--tw-bg-opacity));border-radius:12px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fw-provider-list--table::-webkit-scrollbar-thumb:hover{background-color:var(--colorBody);cursor:pointer}";
418
- styleInject(css_248z);
419
-
420
- script.render = render;
421
-
422
- export { _defineProperty as _, script as s };