@gustavo-valsechi/client 1.3.25 → 1.3.27
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.
- package/dist/components/index.d.mts +10 -0
- package/dist/components/index.d.ts +10 -3
- package/dist/components/{types/index.mjs → index.js} +405 -379
- package/dist/contexts/index.d.mts +20 -0
- package/dist/contexts/index.d.ts +20 -4
- package/dist/contexts/index.js +525 -0
- package/dist/index-BhaGW0O1.d.ts +601 -0
- package/dist/index-BxA8LyyD.d.mts +68 -0
- package/dist/index-DDi0w5pw.d.mts +601 -0
- package/dist/index-DT7VKE7H.d.ts +68 -0
- package/dist/index-Da-DtPS-.d.mts +29 -0
- package/dist/index-Da-DtPS-.d.ts +29 -0
- package/dist/index.d.mts +17 -0
- package/dist/index.d.ts +17 -4
- package/dist/{components/types/table/index.mjs → index.js} +1476 -1210
- package/dist/interfaces/index.d.mts +12 -0
- package/dist/interfaces/index.d.ts +12 -2
- package/dist/interfaces/index.js +19 -0
- package/package.json +6 -8
- package/dist/components/styles.d.ts +0 -2
- package/dist/components/styles.mjs +0 -21
- package/dist/components/types/avatar/index.d.ts +0 -2
- package/dist/components/types/avatar/index.mjs +0 -88
- package/dist/components/types/avatar/styles.d.ts +0 -1
- package/dist/components/types/avatar/styles.mjs +0 -61
- package/dist/components/types/badge/index.d.ts +0 -2
- package/dist/components/types/badge/index.mjs +0 -324
- package/dist/components/types/badge/styles.d.ts +0 -1
- package/dist/components/types/badge/styles.mjs +0 -39
- package/dist/components/types/block/index.d.ts +0 -2
- package/dist/components/types/block/index.mjs +0 -3078
- package/dist/components/types/block/styles.d.ts +0 -2
- package/dist/components/types/block/styles.mjs +0 -32
- package/dist/components/types/chart/index.d.ts +0 -2
- package/dist/components/types/chart/index.mjs +0 -322
- package/dist/components/types/chart/styles.d.ts +0 -1
- package/dist/components/types/chart/styles.mjs +0 -10
- package/dist/components/types/credit-card/assets/index.d.ts +0 -4
- package/dist/components/types/credit-card/assets/index.mjs +0 -23
- package/dist/components/types/credit-card/card/index.d.ts +0 -2
- package/dist/components/types/credit-card/card/index.mjs +0 -732
- package/dist/components/types/credit-card/card/styles.d.ts +0 -1
- package/dist/components/types/credit-card/card/styles.mjs +0 -138
- package/dist/components/types/credit-card/functions/index.d.ts +0 -2
- package/dist/components/types/credit-card/functions/index.mjs +0 -61
- package/dist/components/types/credit-card/functions/styles.d.ts +0 -1
- package/dist/components/types/credit-card/functions/styles.mjs +0 -43
- package/dist/components/types/credit-card/index.d.ts +0 -2
- package/dist/components/types/credit-card/index.mjs +0 -853
- package/dist/components/types/credit-card/styles.d.ts +0 -1
- package/dist/components/types/credit-card/styles.mjs +0 -40
- package/dist/components/types/credit-card/tools/index.d.ts +0 -6
- package/dist/components/types/credit-card/tools/index.mjs +0 -566
- package/dist/components/types/form/index.d.ts +0 -3
- package/dist/components/types/form/index.mjs +0 -711
- package/dist/components/types/form/styles.d.ts +0 -1
- package/dist/components/types/form/styles.mjs +0 -21
- package/dist/components/types/form/types/button/index.d.ts +0 -2
- package/dist/components/types/form/types/button/index.mjs +0 -165
- package/dist/components/types/form/types/button/loading/index.d.ts +0 -1
- package/dist/components/types/form/types/button/loading/index.mjs +0 -104
- package/dist/components/types/form/types/button/loading/styles.d.ts +0 -1
- package/dist/components/types/form/types/button/loading/styles.mjs +0 -94
- package/dist/components/types/form/types/button/styles.d.ts +0 -1
- package/dist/components/types/form/types/button/styles.mjs +0 -47
- package/dist/components/types/form/types/datetime/index.d.ts +0 -2
- package/dist/components/types/form/types/datetime/index.mjs +0 -93
- package/dist/components/types/form/types/datetime/styles.d.ts +0 -1
- package/dist/components/types/form/types/datetime/styles.mjs +0 -46
- package/dist/components/types/form/types/file/index.d.ts +0 -2
- package/dist/components/types/form/types/file/index.mjs +0 -91
- package/dist/components/types/form/types/file/styles.d.ts +0 -1
- package/dist/components/types/form/types/file/styles.mjs +0 -33
- package/dist/components/types/form/types/index.d.ts +0 -7
- package/dist/components/types/form/types/index.mjs +0 -603
- package/dist/components/types/form/types/input/index.d.ts +0 -2
- package/dist/components/types/form/types/input/index.mjs +0 -113
- package/dist/components/types/form/types/input/styles.d.ts +0 -1
- package/dist/components/types/form/types/input/styles.mjs +0 -52
- package/dist/components/types/form/types/label/index.d.ts +0 -2
- package/dist/components/types/form/types/label/index.mjs +0 -19
- package/dist/components/types/form/types/label/styles.d.ts +0 -1
- package/dist/components/types/form/types/label/styles.mjs +0 -13
- package/dist/components/types/form/types/select/index.d.ts +0 -2
- package/dist/components/types/form/types/select/index.mjs +0 -125
- package/dist/components/types/form/types/select/styles.d.ts +0 -1
- package/dist/components/types/form/types/select/styles.mjs +0 -58
- package/dist/components/types/form/types/textarea/index.d.ts +0 -2
- package/dist/components/types/form/types/textarea/index.mjs +0 -92
- package/dist/components/types/form/types/textarea/styles.d.ts +0 -1
- package/dist/components/types/form/types/textarea/styles.mjs +0 -45
- package/dist/components/types/index.d.ts +0 -11
- package/dist/components/types/loading/app/index.d.ts +0 -2
- package/dist/components/types/loading/app/index.mjs +0 -128
- package/dist/components/types/loading/app/styles.d.ts +0 -1
- package/dist/components/types/loading/app/styles.mjs +0 -93
- package/dist/components/types/loading/bar/index.d.ts +0 -2
- package/dist/components/types/loading/bar/index.mjs +0 -33
- package/dist/components/types/loading/bar/styles.d.ts +0 -1
- package/dist/components/types/loading/bar/styles.mjs +0 -27
- package/dist/components/types/loading/index.d.ts +0 -2
- package/dist/components/types/loading/index.mjs +0 -156
- package/dist/components/types/logo/index.d.ts +0 -2
- package/dist/components/types/logo/index.mjs +0 -34
- package/dist/components/types/logo/styles.d.ts +0 -1
- package/dist/components/types/logo/styles.mjs +0 -25
- package/dist/components/types/lottie/animations/index.d.ts +0 -293
- package/dist/components/types/lottie/animations/index.mjs +0 -10
- package/dist/components/types/lottie/index.d.ts +0 -2
- package/dist/components/types/lottie/index.mjs +0 -69
- package/dist/components/types/lottie/styles.d.ts +0 -1
- package/dist/components/types/lottie/styles.mjs +0 -28
- package/dist/components/types/modal/index.d.ts +0 -2
- package/dist/components/types/modal/index.mjs +0 -2324
- package/dist/components/types/modal/styles.d.ts +0 -1
- package/dist/components/types/modal/styles.mjs +0 -135
- package/dist/components/types/table/index.d.ts +0 -3
- package/dist/components/types/table/modal/actions.d.ts +0 -10
- package/dist/components/types/table/modal/actions.mjs +0 -87
- package/dist/components/types/table/modal/index.d.ts +0 -2
- package/dist/components/types/table/modal/index.mjs +0 -3076
- package/dist/components/types/table/modal/styles.d.ts +0 -1
- package/dist/components/types/table/modal/styles.mjs +0 -58
- package/dist/components/types/table/paginate/index.d.ts +0 -2
- package/dist/components/types/table/paginate/index.mjs +0 -96
- package/dist/components/types/table/paginate/styles.d.ts +0 -1
- package/dist/components/types/table/paginate/styles.mjs +0 -42
- package/dist/components/types/table/styles.d.ts +0 -5
- package/dist/components/types/table/styles.mjs +0 -268
- package/dist/contexts/icon/assets/brands/index.d.ts +0 -2
- package/dist/contexts/icon/assets/brands/index.mjs +0 -19
- package/dist/contexts/icon/assets/index.d.ts +0 -6
- package/dist/contexts/icon/assets/index.mjs +0 -44
- package/dist/contexts/icon/assets/regular/index.d.ts +0 -2
- package/dist/contexts/icon/assets/regular/index.mjs +0 -19
- package/dist/contexts/icon/assets/solid/index.d.ts +0 -2
- package/dist/contexts/icon/assets/solid/index.mjs +0 -19
- package/dist/contexts/icon/index.d.ts +0 -4
- package/dist/contexts/icon/index.mjs +0 -281
- package/dist/contexts/icon/styles.d.ts +0 -1
- package/dist/contexts/icon/styles.mjs +0 -10
- package/dist/contexts/modal/index.d.ts +0 -4
- package/dist/contexts/modal/index.mjs +0 -66
- package/dist/contexts/modal/styles.d.ts +0 -1
- package/dist/contexts/modal/styles.mjs +0 -10
- package/dist/contexts/theme/content.d.ts +0 -3
- package/dist/contexts/theme/content.mjs +0 -81
- package/dist/contexts/theme/index.d.ts +0 -4
- package/dist/contexts/theme/index.mjs +0 -201
- package/dist/contexts/theme/styles.d.ts +0 -1
- package/dist/contexts/theme/styles.mjs +0 -84
- package/dist/contexts/tooltip/index.d.ts +0 -6
- package/dist/contexts/tooltip/index.mjs +0 -117
- package/dist/contexts/tooltip/styles.d.ts +0 -1
- package/dist/contexts/tooltip/styles.mjs +0 -46
- package/dist/interfaces/components/avatar/index.d.ts +0 -6
- package/dist/interfaces/components/avatar/index.mjs +0 -1
- package/dist/interfaces/components/badge/index.d.ts +0 -3
- package/dist/interfaces/components/badge/index.mjs +0 -1
- package/dist/interfaces/components/block/index.d.ts +0 -16
- package/dist/interfaces/components/block/index.mjs +0 -1
- package/dist/interfaces/components/chart/index.d.ts +0 -9
- package/dist/interfaces/components/chart/index.mjs +0 -1
- package/dist/interfaces/components/credit-card/index.d.ts +0 -16
- package/dist/interfaces/components/credit-card/index.mjs +0 -1
- package/dist/interfaces/components/form/button/index.d.ts +0 -7
- package/dist/interfaces/components/form/button/index.mjs +0 -1
- package/dist/interfaces/components/form/datetime/index.d.ts +0 -15
- package/dist/interfaces/components/form/datetime/index.mjs +0 -1
- package/dist/interfaces/components/form/file/index.d.ts +0 -14
- package/dist/interfaces/components/form/file/index.mjs +0 -1
- package/dist/interfaces/components/form/index.d.ts +0 -16
- package/dist/interfaces/components/form/index.mjs +0 -1
- package/dist/interfaces/components/form/input/index.d.ts +0 -17
- package/dist/interfaces/components/form/input/index.mjs +0 -1
- package/dist/interfaces/components/form/label/index.d.ts +0 -5
- package/dist/interfaces/components/form/label/index.mjs +0 -1
- package/dist/interfaces/components/form/select/index.d.ts +0 -14
- package/dist/interfaces/components/form/select/index.mjs +0 -1
- package/dist/interfaces/components/form/textarea/index.d.ts +0 -16
- package/dist/interfaces/components/form/textarea/index.mjs +0 -1
- package/dist/interfaces/components/index.d.ts +0 -26
- package/dist/interfaces/components/index.mjs +0 -1
- package/dist/interfaces/components/loading/app/index.d.ts +0 -3
- package/dist/interfaces/components/loading/app/index.mjs +0 -1
- package/dist/interfaces/components/loading/bar/index.d.ts +0 -7
- package/dist/interfaces/components/loading/bar/index.mjs +0 -1
- package/dist/interfaces/components/loading/index.d.ts +0 -2
- package/dist/interfaces/components/loading/index.mjs +0 -1
- package/dist/interfaces/components/logo/index.d.ts +0 -6
- package/dist/interfaces/components/logo/index.mjs +0 -1
- package/dist/interfaces/components/lottie/index.d.ts +0 -12
- package/dist/interfaces/components/lottie/index.mjs +0 -1
- package/dist/interfaces/components/modal/index.d.ts +0 -16
- package/dist/interfaces/components/modal/index.mjs +0 -1
- package/dist/interfaces/components/table/index.d.ts +0 -46
- package/dist/interfaces/components/table/index.mjs +0 -1
- package/dist/interfaces/components/table/paginate/index.d.ts +0 -7
- package/dist/interfaces/components/table/paginate/index.mjs +0 -1
- package/dist/interfaces/contexts/icon/index.d.ts +0 -3
- package/dist/interfaces/contexts/icon/index.mjs +0 -1
- package/dist/interfaces/contexts/index.d.ts +0 -8
- package/dist/interfaces/contexts/index.mjs +0 -1
- package/dist/interfaces/contexts/modal/index.d.ts +0 -16
- package/dist/interfaces/contexts/modal/index.mjs +0 -2
- package/dist/interfaces/contexts/theme/index.d.ts +0 -42
- package/dist/interfaces/contexts/theme/index.mjs +0 -1
- package/dist/interfaces/contexts/tooltip/index.d.ts +0 -3
- package/dist/interfaces/contexts/tooltip/index.mjs +0 -1
- package/dist/styled.d.ts +0 -6
- package/dist/tsup.config.d.ts +0 -2
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
"use client";
|
|
2
4
|
var __create = Object.create;
|
|
3
5
|
var __defProp = Object.defineProperty;
|
|
4
6
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
7
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var
|
|
9
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
10
|
-
}) : x)(function(x) {
|
|
11
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
12
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
13
|
-
});
|
|
14
|
-
var __commonJS = (cb, mod) => function __require2() {
|
|
10
|
+
var __commonJS = (cb, mod) => function __require() {
|
|
15
11
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
16
12
|
};
|
|
17
13
|
var __export = (target, all) => {
|
|
@@ -34,10 +30,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
34
30
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
35
31
|
mod
|
|
36
32
|
));
|
|
33
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
37
34
|
|
|
38
35
|
// node_modules/credit-card-type/dist/lib/card-types.js
|
|
39
36
|
var require_card_types = __commonJS({
|
|
40
|
-
"node_modules/credit-card-type/dist/lib/card-types.js"(
|
|
37
|
+
"node_modules/credit-card-type/dist/lib/card-types.js"(exports2, module2) {
|
|
41
38
|
"use strict";
|
|
42
39
|
var cardTypes = {
|
|
43
40
|
visa: {
|
|
@@ -234,32 +231,32 @@ var require_card_types = __commonJS({
|
|
|
234
231
|
}
|
|
235
232
|
}
|
|
236
233
|
};
|
|
237
|
-
|
|
234
|
+
module2.exports = cardTypes;
|
|
238
235
|
}
|
|
239
236
|
});
|
|
240
237
|
|
|
241
238
|
// node_modules/credit-card-type/dist/lib/clone.js
|
|
242
239
|
var require_clone = __commonJS({
|
|
243
|
-
"node_modules/credit-card-type/dist/lib/clone.js"(
|
|
240
|
+
"node_modules/credit-card-type/dist/lib/clone.js"(exports2) {
|
|
244
241
|
"use strict";
|
|
245
|
-
Object.defineProperty(
|
|
246
|
-
|
|
242
|
+
Object.defineProperty(exports2, "__esModule", { value: true });
|
|
243
|
+
exports2.clone = void 0;
|
|
247
244
|
function clone(originalObject) {
|
|
248
245
|
if (!originalObject) {
|
|
249
246
|
return null;
|
|
250
247
|
}
|
|
251
248
|
return JSON.parse(JSON.stringify(originalObject));
|
|
252
249
|
}
|
|
253
|
-
|
|
250
|
+
exports2.clone = clone;
|
|
254
251
|
}
|
|
255
252
|
});
|
|
256
253
|
|
|
257
254
|
// node_modules/credit-card-type/dist/lib/matches.js
|
|
258
255
|
var require_matches = __commonJS({
|
|
259
|
-
"node_modules/credit-card-type/dist/lib/matches.js"(
|
|
256
|
+
"node_modules/credit-card-type/dist/lib/matches.js"(exports2) {
|
|
260
257
|
"use strict";
|
|
261
|
-
Object.defineProperty(
|
|
262
|
-
|
|
258
|
+
Object.defineProperty(exports2, "__esModule", { value: true });
|
|
259
|
+
exports2.matches = void 0;
|
|
263
260
|
function matchesRange(cardNumber, min, max) {
|
|
264
261
|
var maxLengthToCheck = String(min).length;
|
|
265
262
|
var substr = cardNumber.substr(0, maxLengthToCheck);
|
|
@@ -278,16 +275,16 @@ var require_matches = __commonJS({
|
|
|
278
275
|
}
|
|
279
276
|
return matchesPattern(cardNumber, pattern);
|
|
280
277
|
}
|
|
281
|
-
|
|
278
|
+
exports2.matches = matches;
|
|
282
279
|
}
|
|
283
280
|
});
|
|
284
281
|
|
|
285
282
|
// node_modules/credit-card-type/dist/lib/add-matching-cards-to-results.js
|
|
286
283
|
var require_add_matching_cards_to_results = __commonJS({
|
|
287
|
-
"node_modules/credit-card-type/dist/lib/add-matching-cards-to-results.js"(
|
|
284
|
+
"node_modules/credit-card-type/dist/lib/add-matching-cards-to-results.js"(exports2) {
|
|
288
285
|
"use strict";
|
|
289
|
-
Object.defineProperty(
|
|
290
|
-
|
|
286
|
+
Object.defineProperty(exports2, "__esModule", { value: true });
|
|
287
|
+
exports2.addMatchingCardsToResults = void 0;
|
|
291
288
|
var clone_1 = require_clone();
|
|
292
289
|
var matches_1 = require_matches();
|
|
293
290
|
function addMatchingCardsToResults(cardNumber, cardConfiguration, results) {
|
|
@@ -310,29 +307,29 @@ var require_add_matching_cards_to_results = __commonJS({
|
|
|
310
307
|
break;
|
|
311
308
|
}
|
|
312
309
|
}
|
|
313
|
-
|
|
310
|
+
exports2.addMatchingCardsToResults = addMatchingCardsToResults;
|
|
314
311
|
}
|
|
315
312
|
});
|
|
316
313
|
|
|
317
314
|
// node_modules/credit-card-type/dist/lib/is-valid-input-type.js
|
|
318
315
|
var require_is_valid_input_type = __commonJS({
|
|
319
|
-
"node_modules/credit-card-type/dist/lib/is-valid-input-type.js"(
|
|
316
|
+
"node_modules/credit-card-type/dist/lib/is-valid-input-type.js"(exports2) {
|
|
320
317
|
"use strict";
|
|
321
|
-
Object.defineProperty(
|
|
322
|
-
|
|
318
|
+
Object.defineProperty(exports2, "__esModule", { value: true });
|
|
319
|
+
exports2.isValidInputType = void 0;
|
|
323
320
|
function isValidInputType(cardNumber) {
|
|
324
321
|
return typeof cardNumber === "string" || cardNumber instanceof String;
|
|
325
322
|
}
|
|
326
|
-
|
|
323
|
+
exports2.isValidInputType = isValidInputType;
|
|
327
324
|
}
|
|
328
325
|
});
|
|
329
326
|
|
|
330
327
|
// node_modules/credit-card-type/dist/lib/find-best-match.js
|
|
331
328
|
var require_find_best_match = __commonJS({
|
|
332
|
-
"node_modules/credit-card-type/dist/lib/find-best-match.js"(
|
|
329
|
+
"node_modules/credit-card-type/dist/lib/find-best-match.js"(exports2) {
|
|
333
330
|
"use strict";
|
|
334
|
-
Object.defineProperty(
|
|
335
|
-
|
|
331
|
+
Object.defineProperty(exports2, "__esModule", { value: true });
|
|
332
|
+
exports2.findBestMatch = void 0;
|
|
336
333
|
function hasEnoughResultsToDetermineBestMatch(results) {
|
|
337
334
|
var numberOfResultsWithMaxStrengthProperty = results.filter(function(result) {
|
|
338
335
|
return result.matchStrength;
|
|
@@ -353,15 +350,15 @@ var require_find_best_match = __commonJS({
|
|
|
353
350
|
return bestMatch;
|
|
354
351
|
});
|
|
355
352
|
}
|
|
356
|
-
|
|
353
|
+
exports2.findBestMatch = findBestMatch;
|
|
357
354
|
}
|
|
358
355
|
});
|
|
359
356
|
|
|
360
357
|
// node_modules/credit-card-type/dist/index.js
|
|
361
358
|
var require_dist = __commonJS({
|
|
362
|
-
"node_modules/credit-card-type/dist/index.js"(
|
|
359
|
+
"node_modules/credit-card-type/dist/index.js"(exports2, module2) {
|
|
363
360
|
"use strict";
|
|
364
|
-
var __assign =
|
|
361
|
+
var __assign = exports2 && exports2.__assign || function() {
|
|
365
362
|
__assign = Object.assign || function(t) {
|
|
366
363
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
367
364
|
s = arguments[i];
|
|
@@ -479,15 +476,15 @@ var require_dist = __commonJS({
|
|
|
479
476
|
customCards = {};
|
|
480
477
|
};
|
|
481
478
|
creditCardType2.types = cardNames;
|
|
482
|
-
|
|
479
|
+
module2.exports = creditCardType2;
|
|
483
480
|
}
|
|
484
481
|
});
|
|
485
482
|
|
|
486
483
|
// node_modules/luhn/src/luhn.js
|
|
487
484
|
var require_luhn = __commonJS({
|
|
488
|
-
"node_modules/luhn/src/luhn.js"(
|
|
485
|
+
"node_modules/luhn/src/luhn.js"(exports2, module2) {
|
|
489
486
|
"use strict";
|
|
490
|
-
|
|
487
|
+
module2.exports = /* @__PURE__ */ (function() {
|
|
491
488
|
function validate(cardNumber) {
|
|
492
489
|
var trimmed = String(cardNumber).replace(/[\s]/g, ""), length = trimmed.length, odd = false, total = 0, calc, calc2;
|
|
493
490
|
if (!/^[0-9]+$/.test(trimmed)) {
|
|
@@ -531,9 +528,55 @@ var require_luhn = __commonJS({
|
|
|
531
528
|
}
|
|
532
529
|
});
|
|
533
530
|
|
|
531
|
+
// components/index.tsx
|
|
532
|
+
var components_exports = {};
|
|
533
|
+
__export(components_exports, {
|
|
534
|
+
Avatar: () => Avatar,
|
|
535
|
+
Badge: () => Badge,
|
|
536
|
+
Block: () => Block,
|
|
537
|
+
Button: () => Button,
|
|
538
|
+
Chart: () => Chart,
|
|
539
|
+
Component: () => Component,
|
|
540
|
+
CreditCard: () => CreditCard,
|
|
541
|
+
Form: () => Form,
|
|
542
|
+
InputDateTime: () => InputDateTime,
|
|
543
|
+
InputFile: () => InputFile,
|
|
544
|
+
InputLabel: () => InputLabel,
|
|
545
|
+
InputSelect: () => InputSelect,
|
|
546
|
+
InputText: () => InputText,
|
|
547
|
+
InputTextarea: () => InputTextarea,
|
|
548
|
+
LoadingApp: () => LoadingApp,
|
|
549
|
+
LoadingBar: () => LoadingBar,
|
|
550
|
+
Logo: () => Logo,
|
|
551
|
+
Lottie: () => Lottie,
|
|
552
|
+
Modal: () => Modal2,
|
|
553
|
+
Paginate: () => Paginate,
|
|
554
|
+
Table: () => Table
|
|
555
|
+
});
|
|
556
|
+
module.exports = __toCommonJS(components_exports);
|
|
557
|
+
var import_react12 = require("react");
|
|
558
|
+
|
|
559
|
+
// components/styles.tsx
|
|
560
|
+
var import_styled_components = __toESM(require("styled-components"));
|
|
561
|
+
var Container = import_styled_components.default.div`
|
|
562
|
+
display: flex;
|
|
563
|
+
flex-direction: column;
|
|
564
|
+
gap: 1rem;
|
|
565
|
+
`;
|
|
566
|
+
var RowContainer = import_styled_components.default.div`
|
|
567
|
+
display: flex;
|
|
568
|
+
flex-direction: row;
|
|
569
|
+
align-items: stretch;
|
|
570
|
+
gap: 1rem;
|
|
571
|
+
flex-wrap: wrap;
|
|
572
|
+
`;
|
|
573
|
+
|
|
574
|
+
// components/index.tsx
|
|
575
|
+
var import_lodash20 = __toESM(require("lodash"));
|
|
576
|
+
|
|
534
577
|
// components/types/index.tsx
|
|
535
|
-
var
|
|
536
|
-
__export(
|
|
578
|
+
var types_exports2 = {};
|
|
579
|
+
__export(types_exports2, {
|
|
537
580
|
Avatar: () => Avatar,
|
|
538
581
|
Badge: () => Badge,
|
|
539
582
|
Block: () => Block,
|
|
@@ -557,11 +600,11 @@ __export(types_exports, {
|
|
|
557
600
|
});
|
|
558
601
|
|
|
559
602
|
// components/types/table/index.tsx
|
|
560
|
-
|
|
603
|
+
var import_react5 = require("react");
|
|
561
604
|
|
|
562
605
|
// components/types/table/styles.tsx
|
|
563
|
-
|
|
564
|
-
var
|
|
606
|
+
var import_styled_components2 = __toESM(require("styled-components"));
|
|
607
|
+
var Container2 = import_styled_components2.default.div`
|
|
565
608
|
.iz-table-container {
|
|
566
609
|
overflow-x: auto;
|
|
567
610
|
|
|
@@ -822,47 +865,9 @@ var Container = styled.div`
|
|
|
822
865
|
}
|
|
823
866
|
`;
|
|
824
867
|
|
|
825
|
-
// components/index.tsx
|
|
826
|
-
import { Fragment } from "react";
|
|
827
|
-
|
|
828
|
-
// components/styles.tsx
|
|
829
|
-
import styled2 from "styled-components";
|
|
830
|
-
var Container2 = styled2.div`
|
|
831
|
-
display: flex;
|
|
832
|
-
flex-direction: column;
|
|
833
|
-
gap: 1rem;
|
|
834
|
-
`;
|
|
835
|
-
var RowContainer = styled2.div`
|
|
836
|
-
display: flex;
|
|
837
|
-
flex-direction: row;
|
|
838
|
-
align-items: stretch;
|
|
839
|
-
gap: 1rem;
|
|
840
|
-
flex-wrap: wrap;
|
|
841
|
-
`;
|
|
842
|
-
|
|
843
|
-
// components/index.tsx
|
|
844
|
-
import _ from "lodash";
|
|
845
|
-
import { jsx } from "react/jsx-runtime";
|
|
846
|
-
function Component(props) {
|
|
847
|
-
const renderComponent = (config) => {
|
|
848
|
-
const ComponentElement = types_exports[config.type];
|
|
849
|
-
return /* @__PURE__ */ jsx(ComponentElement, { ...config.props });
|
|
850
|
-
};
|
|
851
|
-
const renderRow = (components) => {
|
|
852
|
-
return /* @__PURE__ */ jsx(RowContainer, { children: _.map(
|
|
853
|
-
components,
|
|
854
|
-
(data, index) => /* @__PURE__ */ jsx(Fragment, { children: renderComponent(data) }, index)
|
|
855
|
-
) });
|
|
856
|
-
};
|
|
857
|
-
return /* @__PURE__ */ jsx(Container2, { className: props.className, children: _.map(
|
|
858
|
-
props.content,
|
|
859
|
-
(data, index) => /* @__PURE__ */ jsx(Fragment, { children: _.isArray(data) ? renderRow(data) : renderComponent(data) }, index)
|
|
860
|
-
) });
|
|
861
|
-
}
|
|
862
|
-
|
|
863
868
|
// components/types/table/paginate/styles.tsx
|
|
864
|
-
|
|
865
|
-
var Container3 =
|
|
869
|
+
var import_styled_components3 = __toESM(require("styled-components"));
|
|
870
|
+
var Container3 = import_styled_components3.default.div`
|
|
866
871
|
width: 100%;
|
|
867
872
|
display: flex;
|
|
868
873
|
align-items: center;
|
|
@@ -898,8 +903,8 @@ var Container3 = styled3.div`
|
|
|
898
903
|
`;
|
|
899
904
|
|
|
900
905
|
// components/types/table/paginate/index.tsx
|
|
901
|
-
|
|
902
|
-
|
|
906
|
+
var import_lodash = __toESM(require("lodash"));
|
|
907
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
903
908
|
function Paginate(props) {
|
|
904
909
|
const pages = () => {
|
|
905
910
|
const offset = Number(props.page.value) - 4;
|
|
@@ -909,58 +914,58 @@ function Paginate(props) {
|
|
|
909
914
|
pages2.push(page);
|
|
910
915
|
page++;
|
|
911
916
|
}
|
|
912
|
-
pages2 =
|
|
913
|
-
if (Number(props.page.value) + 1 > 5) pages2 =
|
|
914
|
-
if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return
|
|
917
|
+
pages2 = import_lodash.default.slice(pages2, 0, 5);
|
|
918
|
+
if (Number(props.page.value) + 1 > 5) pages2 = import_lodash.default.concat(["1.."], pages2);
|
|
919
|
+
if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return import_lodash.default.concat(pages2, `..${props.total}`);
|
|
915
920
|
return pages2;
|
|
916
921
|
};
|
|
917
|
-
return Number(props.total) > 1 && /* @__PURE__ */ jsxs(Container3, { children: [
|
|
918
|
-
/* @__PURE__ */
|
|
922
|
+
return Number(props.total) > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container3, { children: [
|
|
923
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
919
924
|
"div",
|
|
920
925
|
{
|
|
921
926
|
className: "paginate back",
|
|
922
927
|
onClick: () => props.page.set ? props.page.set(
|
|
923
928
|
props.page.value ? props.page.value - 1 : props.page.value
|
|
924
929
|
) : null,
|
|
925
|
-
children: /* @__PURE__ */
|
|
930
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
|
|
926
931
|
}
|
|
927
932
|
),
|
|
928
|
-
|
|
933
|
+
import_lodash.default.map(
|
|
929
934
|
pages(),
|
|
930
|
-
(page, index) => /* @__PURE__ */
|
|
935
|
+
(page, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
931
936
|
"div",
|
|
932
937
|
{
|
|
933
938
|
className: "paginate page",
|
|
934
|
-
"data-current": String(props.page.value === Number(
|
|
935
|
-
onClick: () => props.page.set ? props.page.set(Number(
|
|
939
|
+
"data-current": String(props.page.value === Number(import_lodash.default.replace(page, /\D/g, "")) - 1),
|
|
940
|
+
onClick: () => props.page.set ? props.page.set(Number(import_lodash.default.replace(page, /\D/g, "")) - 1) : null,
|
|
936
941
|
children: page
|
|
937
942
|
},
|
|
938
943
|
index
|
|
939
944
|
)
|
|
940
945
|
),
|
|
941
|
-
/* @__PURE__ */
|
|
946
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
942
947
|
"div",
|
|
943
948
|
{
|
|
944
949
|
className: "paginate next",
|
|
945
950
|
onClick: () => props.page.set ? props.page.set(
|
|
946
951
|
props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
|
|
947
952
|
) : null,
|
|
948
|
-
children: /* @__PURE__ */
|
|
953
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
|
|
949
954
|
}
|
|
950
955
|
)
|
|
951
956
|
] });
|
|
952
957
|
}
|
|
953
958
|
|
|
954
959
|
// contexts/icon/index.tsx
|
|
955
|
-
|
|
960
|
+
var import_react2 = require("react");
|
|
956
961
|
|
|
957
962
|
// contexts/theme/index.tsx
|
|
958
|
-
|
|
959
|
-
|
|
963
|
+
var import_react = require("react");
|
|
964
|
+
var import_styled_components5 = require("styled-components");
|
|
960
965
|
|
|
961
966
|
// contexts/theme/styles.tsx
|
|
962
|
-
|
|
963
|
-
var Switcher =
|
|
967
|
+
var import_styled_components4 = __toESM(require("styled-components"));
|
|
968
|
+
var Switcher = import_styled_components4.default.div`
|
|
964
969
|
width: 3rem;
|
|
965
970
|
height: 1.5rem;
|
|
966
971
|
border-radius: 1rem;
|
|
@@ -1115,15 +1120,15 @@ var Themes = {
|
|
|
1115
1120
|
};
|
|
1116
1121
|
|
|
1117
1122
|
// contexts/theme/index.tsx
|
|
1118
|
-
|
|
1119
|
-
var ThemeContext = createContext({});
|
|
1120
|
-
var useTheme = () => useContext(ThemeContext);
|
|
1123
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
1124
|
+
var ThemeContext = (0, import_react.createContext)({});
|
|
1125
|
+
var useTheme = () => (0, import_react.useContext)(ThemeContext);
|
|
1121
1126
|
|
|
1122
1127
|
// contexts/icon/index.tsx
|
|
1123
|
-
|
|
1128
|
+
var import_lodash2 = __toESM(require("lodash"));
|
|
1124
1129
|
|
|
1125
1130
|
// contexts/icon/assets/brands/index.tsx
|
|
1126
|
-
var req =
|
|
1131
|
+
var req = require.context("./", false, /\.svg$/);
|
|
1127
1132
|
var brands = {};
|
|
1128
1133
|
req.keys().forEach((key) => {
|
|
1129
1134
|
const name = key.replace("./", "").replace(".svg", "");
|
|
@@ -1131,7 +1136,7 @@ req.keys().forEach((key) => {
|
|
|
1131
1136
|
});
|
|
1132
1137
|
|
|
1133
1138
|
// contexts/icon/assets/regular/index.tsx
|
|
1134
|
-
var req2 =
|
|
1139
|
+
var req2 = require.context("./", false, /\.svg$/);
|
|
1135
1140
|
var regular = {};
|
|
1136
1141
|
req2.keys().forEach((key) => {
|
|
1137
1142
|
const name = key.replace("./", "").replace(".svg", "");
|
|
@@ -1139,7 +1144,7 @@ req2.keys().forEach((key) => {
|
|
|
1139
1144
|
});
|
|
1140
1145
|
|
|
1141
1146
|
// contexts/icon/assets/solid/index.tsx
|
|
1142
|
-
var req3 =
|
|
1147
|
+
var req3 = require.context("./", false, /\.svg$/);
|
|
1143
1148
|
var solid = {};
|
|
1144
1149
|
req3.keys().forEach((key) => {
|
|
1145
1150
|
const name = key.replace("./", "").replace(".svg", "");
|
|
@@ -1147,15 +1152,15 @@ req3.keys().forEach((key) => {
|
|
|
1147
1152
|
});
|
|
1148
1153
|
|
|
1149
1154
|
// contexts/icon/index.tsx
|
|
1150
|
-
|
|
1151
|
-
var IconContext =
|
|
1155
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
1156
|
+
var IconContext = (0, import_react2.createContext)({});
|
|
1152
1157
|
|
|
1153
1158
|
// contexts/tooltip/index.tsx
|
|
1154
|
-
|
|
1159
|
+
var import_react3 = require("react");
|
|
1155
1160
|
|
|
1156
1161
|
// contexts/tooltip/styles.tsx
|
|
1157
|
-
|
|
1158
|
-
var Tooltip =
|
|
1162
|
+
var import_styled_components6 = __toESM(require("styled-components"));
|
|
1163
|
+
var Tooltip = import_styled_components6.default.div`
|
|
1159
1164
|
position: fixed;
|
|
1160
1165
|
background: ${({ theme }) => theme.tooltip};
|
|
1161
1166
|
color: ${({ theme }) => theme.t6};
|
|
@@ -1196,32 +1201,32 @@ var Tooltip = styled5.div`
|
|
|
1196
1201
|
`;
|
|
1197
1202
|
|
|
1198
1203
|
// contexts/tooltip/index.tsx
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
var TooltipContext =
|
|
1204
|
+
var import_lodash3 = __toESM(require("lodash"));
|
|
1205
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
1206
|
+
var TooltipContext = (0, import_react3.createContext)({});
|
|
1202
1207
|
|
|
1203
1208
|
// contexts/modal/index.tsx
|
|
1204
|
-
|
|
1205
|
-
|
|
1209
|
+
var import_react4 = require("react");
|
|
1210
|
+
var import_navigation = require("next/navigation");
|
|
1206
1211
|
|
|
1207
1212
|
// contexts/modal/styles.tsx
|
|
1208
|
-
|
|
1209
|
-
var Container4 =
|
|
1213
|
+
var import_styled_components7 = __toESM(require("styled-components"));
|
|
1214
|
+
var Container4 = import_styled_components7.default.div`
|
|
1210
1215
|
|
|
1211
1216
|
`;
|
|
1212
1217
|
|
|
1213
1218
|
// contexts/modal/index.tsx
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
var ModalContext =
|
|
1217
|
-
var useModal = () =>
|
|
1219
|
+
var import_lodash4 = __toESM(require("lodash"));
|
|
1220
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
1221
|
+
var ModalContext = (0, import_react4.createContext)({});
|
|
1222
|
+
var useModal = () => (0, import_react4.useContext)(ModalContext);
|
|
1218
1223
|
|
|
1219
1224
|
// components/types/table/index.tsx
|
|
1220
|
-
|
|
1225
|
+
var import_lodash6 = __toESM(require("lodash"));
|
|
1221
1226
|
|
|
1222
1227
|
// components/types/table/modal/styles.tsx
|
|
1223
|
-
|
|
1224
|
-
var Content =
|
|
1228
|
+
var import_styled_components8 = __toESM(require("styled-components"));
|
|
1229
|
+
var Content = import_styled_components8.default.div`
|
|
1225
1230
|
padding: 1.5rem;
|
|
1226
1231
|
display: flex;
|
|
1227
1232
|
flex-direction: column;
|
|
@@ -1273,7 +1278,7 @@ var Content = styled7.div`
|
|
|
1273
1278
|
`;
|
|
1274
1279
|
|
|
1275
1280
|
// components/types/table/modal/index.tsx
|
|
1276
|
-
|
|
1281
|
+
var import_lodash5 = __toESM(require("lodash"));
|
|
1277
1282
|
|
|
1278
1283
|
// components/types/table/modal/actions.tsx
|
|
1279
1284
|
var actionConfig = {
|
|
@@ -1283,15 +1288,15 @@ var actionConfig = {
|
|
|
1283
1288
|
var actions_default = actionConfig;
|
|
1284
1289
|
|
|
1285
1290
|
// components/types/table/modal/index.tsx
|
|
1286
|
-
|
|
1291
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
1287
1292
|
function Modal(props) {
|
|
1288
1293
|
const modal = useModal();
|
|
1289
|
-
const content =
|
|
1290
|
-
const actions = Object.values(
|
|
1294
|
+
const content = import_lodash5.default.omit(props.content, ["actions"]);
|
|
1295
|
+
const actions = Object.values(import_lodash5.default.pick(props.content, ["actions"]))[0];
|
|
1291
1296
|
const onClose = () => {
|
|
1292
1297
|
modal.setProps("table", { toggle: false });
|
|
1293
1298
|
};
|
|
1294
|
-
return /* @__PURE__ */
|
|
1299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1295
1300
|
Component,
|
|
1296
1301
|
{
|
|
1297
1302
|
content: [{
|
|
@@ -1299,19 +1304,19 @@ function Modal(props) {
|
|
|
1299
1304
|
props: {
|
|
1300
1305
|
toggle: props.toggle,
|
|
1301
1306
|
onClose,
|
|
1302
|
-
children: /* @__PURE__ */
|
|
1303
|
-
/* @__PURE__ */
|
|
1304
|
-
/* @__PURE__ */
|
|
1307
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Container2, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Content, { children: [
|
|
1308
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-title", children: "Conte\xFAdo" }),
|
|
1309
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-content", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { children: import_lodash5.default.map(
|
|
1305
1310
|
content,
|
|
1306
|
-
(value, key) => /* @__PURE__ */
|
|
1307
|
-
!!key && /* @__PURE__ */
|
|
1308
|
-
/* @__PURE__ */
|
|
1311
|
+
(value, key) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
|
|
1312
|
+
!!key && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-column", children: key }),
|
|
1313
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-row", children: value })
|
|
1309
1314
|
] }, key)
|
|
1310
1315
|
) }) }),
|
|
1311
|
-
/* @__PURE__ */
|
|
1316
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1312
1317
|
Component,
|
|
1313
1318
|
{
|
|
1314
|
-
content:
|
|
1319
|
+
content: import_lodash5.default.concat(import_lodash5.default.map(actions, (data) => ({
|
|
1315
1320
|
type: "Button",
|
|
1316
1321
|
props: {
|
|
1317
1322
|
...actions_default[data.icon] || {},
|
|
@@ -1335,30 +1340,30 @@ function Modal(props) {
|
|
|
1335
1340
|
}
|
|
1336
1341
|
|
|
1337
1342
|
// components/types/table/index.tsx
|
|
1338
|
-
|
|
1343
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
1339
1344
|
function Table(props) {
|
|
1340
1345
|
var _a, _b, _c, _d, _e, _f;
|
|
1341
1346
|
const theme = useTheme();
|
|
1342
1347
|
const modal = useModal();
|
|
1343
1348
|
const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
|
|
1344
|
-
|
|
1349
|
+
(0, import_react5.useEffect)(() => {
|
|
1345
1350
|
modal.add({ component: Modal, name: "table" });
|
|
1346
1351
|
return () => modal.remove("table");
|
|
1347
1352
|
}, []);
|
|
1348
1353
|
const onShowLine = (key) => {
|
|
1349
|
-
if (window.innerWidth > Number(
|
|
1354
|
+
if (window.innerWidth > Number(import_lodash6.default.replace(theme.content.mobileMaxWidth, "px", ""))) return;
|
|
1350
1355
|
let content = {};
|
|
1351
|
-
|
|
1356
|
+
import_lodash6.default.forEach(props.options, (data, index) => {
|
|
1352
1357
|
var _a2, _b2;
|
|
1353
1358
|
const column = ((_a2 = data.column) == null ? void 0 : _a2.name) || data.column;
|
|
1354
|
-
const columnName = !
|
|
1359
|
+
const columnName = !import_lodash6.default.isString(column) ? props.options.length - 1 === index ? "actions" : "" : column;
|
|
1355
1360
|
content[columnName] = columnName === "actions" ? (_b2 = data.row) == null ? void 0 : _b2.actions : renderRowContainer(props.content[key], data);
|
|
1356
1361
|
});
|
|
1357
1362
|
modal.setProps("table", { toggle: true, content });
|
|
1358
1363
|
};
|
|
1359
1364
|
const renderRowContainer = (data, option) => {
|
|
1360
1365
|
var _a2, _b2, _c2, _d2;
|
|
1361
|
-
return /* @__PURE__ */
|
|
1366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1362
1367
|
"div",
|
|
1363
1368
|
{
|
|
1364
1369
|
className: `
|
|
@@ -1366,7 +1371,7 @@ function Table(props) {
|
|
|
1366
1371
|
${((_a2 = option.row) == null ? void 0 : _a2.actions) ? "iz-table-action" : ""}
|
|
1367
1372
|
${((_b2 = option.row) == null ? void 0 : _b2.icon) ? "iz-table-identifier" : ""}
|
|
1368
1373
|
`,
|
|
1369
|
-
style:
|
|
1374
|
+
style: import_lodash6.default.isFunction((_c2 = option.row) == null ? void 0 : _c2.style) ? option.row.style(data, option) : (_d2 = option.row) == null ? void 0 : _d2.style,
|
|
1370
1375
|
children: renderRowContent(data, option)
|
|
1371
1376
|
}
|
|
1372
1377
|
);
|
|
@@ -1374,31 +1379,31 @@ function Table(props) {
|
|
|
1374
1379
|
const renderRowContent = (data, option) => {
|
|
1375
1380
|
var _a2, _b2, _c2, _d2, _e2;
|
|
1376
1381
|
if (!!((_a2 = option.row) == null ? void 0 : _a2.actions)) {
|
|
1377
|
-
return /* @__PURE__ */
|
|
1382
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "iz-table-actions", children: import_lodash6.default.map(
|
|
1378
1383
|
(_b2 = option.row) == null ? void 0 : _b2.actions,
|
|
1379
1384
|
(action, index) => renderButton(action, data, index)
|
|
1380
1385
|
) });
|
|
1381
1386
|
}
|
|
1382
1387
|
if ((_c2 = option.row) == null ? void 0 : _c2.icon) {
|
|
1383
|
-
return /* @__PURE__ */
|
|
1388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "iz-table-icon", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1384
1389
|
"i",
|
|
1385
1390
|
{
|
|
1386
1391
|
"aria-hidden": true,
|
|
1387
|
-
className:
|
|
1392
|
+
className: import_lodash6.default.isFunction((_d2 = option.row) == null ? void 0 : _d2.icon) ? option.row.icon(data) || "fa-solid fa-circle-user" : ((_e2 = option.row) == null ? void 0 : _e2.icon) || "fa-solid fa-circle-user"
|
|
1388
1393
|
}
|
|
1389
1394
|
) });
|
|
1390
1395
|
}
|
|
1391
1396
|
return renderRowText(data, option);
|
|
1392
1397
|
};
|
|
1393
1398
|
const renderButton = (action, data, index) => {
|
|
1394
|
-
return /* @__PURE__ */
|
|
1399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1395
1400
|
"button",
|
|
1396
1401
|
{
|
|
1397
|
-
className: `iz-table-button ${
|
|
1402
|
+
className: `iz-table-button ${import_lodash6.default.includes(action.icon, "trash") ? "negative" : ""}`,
|
|
1398
1403
|
onClick: () => action.function ? action.function(data) : null,
|
|
1399
1404
|
disabled: action.disabled,
|
|
1400
1405
|
"data-tooltip": action.tooltip,
|
|
1401
|
-
children: /* @__PURE__ */
|
|
1406
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { "aria-hidden": true, className: action.icon || "fa-solid fa-eye" })
|
|
1402
1407
|
},
|
|
1403
1408
|
index
|
|
1404
1409
|
);
|
|
@@ -1408,39 +1413,39 @@ function Table(props) {
|
|
|
1408
1413
|
const content = data[row.name] || data;
|
|
1409
1414
|
let body;
|
|
1410
1415
|
while (!body) {
|
|
1411
|
-
if (
|
|
1412
|
-
if (
|
|
1413
|
-
if (
|
|
1414
|
-
if (
|
|
1416
|
+
if (import_lodash6.default.isString(row)) body = data[row];
|
|
1417
|
+
if (import_lodash6.default.isString(content)) body = content;
|
|
1418
|
+
if (import_lodash6.default.isFunction(row.mask)) body = row.mask(content);
|
|
1419
|
+
if (import_lodash6.default.isFunction(row.custom)) body = row.custom(content);
|
|
1415
1420
|
body = body != null ? body : "---";
|
|
1416
1421
|
}
|
|
1417
|
-
return /* @__PURE__ */
|
|
1422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1418
1423
|
"div",
|
|
1419
1424
|
{
|
|
1420
1425
|
className: "iz-table-content-elipse",
|
|
1421
|
-
title:
|
|
1426
|
+
title: import_lodash6.default.isString(body) ? body : "",
|
|
1422
1427
|
children: body
|
|
1423
1428
|
}
|
|
1424
1429
|
);
|
|
1425
1430
|
};
|
|
1426
|
-
return /* @__PURE__ */
|
|
1427
|
-
/* @__PURE__ */
|
|
1428
|
-
/* @__PURE__ */
|
|
1431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Container2, { notFound: !((_b = props.content) == null ? void 0 : _b.length) && !props.loading, children: [
|
|
1432
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "iz-table-container", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { children: [
|
|
1433
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: import_lodash6.default.map(
|
|
1429
1434
|
props.options,
|
|
1430
1435
|
(option, index) => {
|
|
1431
1436
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
|
|
1432
|
-
return /* @__PURE__ */
|
|
1437
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { style: (_a2 = option.column) == null ? void 0 : _a2.style, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1433
1438
|
"div",
|
|
1434
1439
|
{
|
|
1435
1440
|
className: `iz-table-content ${((_b2 = option.column) == null ? void 0 : _b2.action) ? `iz-table-action ${((_d2 = (_c2 = option.column) == null ? void 0 : _c2.action) == null ? void 0 : _d2.position) ? (_f2 = (_e2 = option.column) == null ? void 0 : _e2.action) == null ? void 0 : _f2.position : ""}` : ""}`,
|
|
1436
|
-
children: !!((_g = option.column) == null ? void 0 : _g.action) ? renderButton(option.column.action) :
|
|
1441
|
+
children: !!((_g = option.column) == null ? void 0 : _g.action) ? renderButton(option.column.action) : import_lodash6.default.isString(((_h = option.column) == null ? void 0 : _h.name) || option.column) ? ((_i = option.column) == null ? void 0 : _i.name) || option.column : ""
|
|
1437
1442
|
}
|
|
1438
1443
|
) }, index);
|
|
1439
1444
|
}
|
|
1440
1445
|
) }) }),
|
|
1441
|
-
/* @__PURE__ */
|
|
1446
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: loading ? import_lodash6.default.map(((_c = props.loading) == null ? void 0 : _c.items) || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], (data, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: import_lodash6.default.map(props.options, (data2, index) => {
|
|
1442
1447
|
var _a2;
|
|
1443
|
-
return /* @__PURE__ */
|
|
1448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1444
1449
|
LoadingBar,
|
|
1445
1450
|
{
|
|
1446
1451
|
height: "2.5rem",
|
|
@@ -1448,19 +1453,19 @@ function Table(props) {
|
|
|
1448
1453
|
margin: key === 0 ? "1.5rem 0 0" : ".5rem 0 0"
|
|
1449
1454
|
}
|
|
1450
1455
|
) }, index);
|
|
1451
|
-
}) }, key)) :
|
|
1456
|
+
}) }, key)) : import_lodash6.default.map(props.content, (data, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: import_lodash6.default.map(props.options, (option, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { onClick: () => index < 2 ? onShowLine(key) : null, children: renderRowContainer(data, option) }, index)) }, key)) })
|
|
1452
1457
|
] }) }),
|
|
1453
|
-
!((_d = props.content) == null ? void 0 : _d.length) && !props.loading && /* @__PURE__ */
|
|
1454
|
-
/* @__PURE__ */
|
|
1455
|
-
/* @__PURE__ */
|
|
1458
|
+
!((_d = props.content) == null ? void 0 : _d.length) && !props.loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "iz-table-not-found", children: [
|
|
1459
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: ((_e = props.notFound) == null ? void 0 : _e.title) || "Nenhuma campanha encontrado" }),
|
|
1460
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: ((_f = props.notFound) == null ? void 0 : _f.message) || "Envie uma campanha de marketing para aparecer algum registro" })
|
|
1456
1461
|
] }),
|
|
1457
|
-
!!props.paginate && /* @__PURE__ */
|
|
1462
|
+
!!props.paginate && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paginate, { ...props.paginate })
|
|
1458
1463
|
] });
|
|
1459
1464
|
}
|
|
1460
1465
|
|
|
1461
1466
|
// components/types/loading/bar/styles.tsx
|
|
1462
|
-
|
|
1463
|
-
var Container5 =
|
|
1467
|
+
var import_styled_components9 = __toESM(require("styled-components"));
|
|
1468
|
+
var Container5 = import_styled_components9.default.div`
|
|
1464
1469
|
border-radius: ${(props) => props.borderRadius || "10px"};
|
|
1465
1470
|
height: ${(props) => props.height || "100%"};
|
|
1466
1471
|
width: ${(props) => props.width || "100%"};
|
|
@@ -1481,14 +1486,14 @@ var Container5 = styled8.div`
|
|
|
1481
1486
|
`;
|
|
1482
1487
|
|
|
1483
1488
|
// components/types/loading/bar/index.tsx
|
|
1484
|
-
|
|
1489
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
1485
1490
|
function LoadingBar(props) {
|
|
1486
|
-
return /* @__PURE__ */
|
|
1491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Container5, { ...props });
|
|
1487
1492
|
}
|
|
1488
1493
|
|
|
1489
1494
|
// components/types/loading/app/styles.tsx
|
|
1490
|
-
|
|
1491
|
-
var Container6 =
|
|
1495
|
+
var import_styled_components10 = __toESM(require("styled-components"));
|
|
1496
|
+
var Container6 = import_styled_components10.default.div`
|
|
1492
1497
|
width: ${({ initialization }) => initialization ? "100vw" : "100%"};
|
|
1493
1498
|
height: ${({ initialization }) => initialization ? "100vh" : "calc(100vh - 15rem)"};
|
|
1494
1499
|
display: flex;
|
|
@@ -1575,8 +1580,8 @@ var Container6 = styled9.div`
|
|
|
1575
1580
|
`;
|
|
1576
1581
|
|
|
1577
1582
|
// components/types/logo/styles.tsx
|
|
1578
|
-
|
|
1579
|
-
var Container7 =
|
|
1583
|
+
var import_styled_components11 = __toESM(require("styled-components"));
|
|
1584
|
+
var Container7 = import_styled_components11.default.div`
|
|
1580
1585
|
display: flex;
|
|
1581
1586
|
align-items: center;
|
|
1582
1587
|
justify-content: center;
|
|
@@ -1595,23 +1600,23 @@ var Container7 = styled10.div`
|
|
|
1595
1600
|
`;
|
|
1596
1601
|
|
|
1597
1602
|
// components/types/logo/index.tsx
|
|
1598
|
-
|
|
1603
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
1599
1604
|
function Logo(props) {
|
|
1600
|
-
return /* @__PURE__ */
|
|
1601
|
-
/* @__PURE__ */
|
|
1602
|
-
!props.onlyPrefix && /* @__PURE__ */
|
|
1605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Container7, { ...props, children: [
|
|
1606
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { children: "IZ" }),
|
|
1607
|
+
!props.onlyPrefix && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { children: "Way" })
|
|
1603
1608
|
] });
|
|
1604
1609
|
}
|
|
1605
1610
|
|
|
1606
1611
|
// components/types/loading/app/index.tsx
|
|
1607
|
-
|
|
1612
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
1608
1613
|
function LoadingApp(props) {
|
|
1609
|
-
return /* @__PURE__ */
|
|
1614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Container6, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Logo, { className: "iz-loading-logo", onlyPrefix: true }) });
|
|
1610
1615
|
}
|
|
1611
1616
|
|
|
1612
1617
|
// components/types/modal/styles.tsx
|
|
1613
|
-
|
|
1614
|
-
var Container8 =
|
|
1618
|
+
var import_styled_components12 = __toESM(require("styled-components"));
|
|
1619
|
+
var Container8 = import_styled_components12.default.div`
|
|
1615
1620
|
width: 100%;
|
|
1616
1621
|
height: 100%;
|
|
1617
1622
|
top: 0;
|
|
@@ -1740,35 +1745,35 @@ var Container8 = styled11.div`
|
|
|
1740
1745
|
`;
|
|
1741
1746
|
|
|
1742
1747
|
// components/types/modal/index.tsx
|
|
1743
|
-
|
|
1744
|
-
|
|
1748
|
+
var import_lodash7 = __toESM(require("lodash"));
|
|
1749
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
1745
1750
|
function Modal2(props) {
|
|
1746
1751
|
var _a, _b, _c;
|
|
1747
|
-
return /* @__PURE__ */
|
|
1748
|
-
/* @__PURE__ */
|
|
1749
|
-
/* @__PURE__ */
|
|
1750
|
-
(!!props.title || !!props.header) && /* @__PURE__ */
|
|
1751
|
-
/* @__PURE__ */
|
|
1752
|
-
((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */
|
|
1753
|
-
/* @__PURE__ */
|
|
1752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Container8, { ...props, position: props.position || "center", children: [
|
|
1753
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "iz-modal-back", onClick: props.onClose }),
|
|
1754
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-container", children: [
|
|
1755
|
+
(!!props.title || !!props.header) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-header", children: [
|
|
1756
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-title", children: [
|
|
1757
|
+
((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
|
|
1758
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
|
|
1754
1759
|
] }),
|
|
1755
|
-
/* @__PURE__ */
|
|
1760
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
|
|
1756
1761
|
] }),
|
|
1757
|
-
/* @__PURE__ */
|
|
1758
|
-
props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */
|
|
1762
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-content", children: [
|
|
1763
|
+
props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
|
|
1759
1764
|
props.children
|
|
1760
1765
|
] }),
|
|
1761
|
-
props.buttons && /* @__PURE__ */
|
|
1766
|
+
props.buttons && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "iz-modal-buttons", children: import_lodash7.default.map(
|
|
1762
1767
|
props.buttons,
|
|
1763
|
-
(button, index) => /* @__PURE__ */
|
|
1768
|
+
(button, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { ...button }, index)
|
|
1764
1769
|
) })
|
|
1765
1770
|
] })
|
|
1766
1771
|
] });
|
|
1767
1772
|
}
|
|
1768
1773
|
|
|
1769
1774
|
// components/types/badge/styles.tsx
|
|
1770
|
-
|
|
1771
|
-
var Container9 =
|
|
1775
|
+
var import_styled_components13 = __toESM(require("styled-components"));
|
|
1776
|
+
var Container9 = import_styled_components13.default.div`
|
|
1772
1777
|
.content {
|
|
1773
1778
|
display: inline-flex;
|
|
1774
1779
|
align-items: center;
|
|
@@ -1801,8 +1806,8 @@ var Container9 = styled12.div`
|
|
|
1801
1806
|
`;
|
|
1802
1807
|
|
|
1803
1808
|
// components/types/badge/index.tsx
|
|
1804
|
-
|
|
1805
|
-
|
|
1809
|
+
var import_lodash8 = __toESM(require("lodash"));
|
|
1810
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
1806
1811
|
function Badge(props) {
|
|
1807
1812
|
const { content } = useTheme();
|
|
1808
1813
|
const status = {
|
|
@@ -1812,15 +1817,15 @@ function Badge(props) {
|
|
|
1812
1817
|
INSTAVEL: "negative",
|
|
1813
1818
|
REGULAR: "negative"
|
|
1814
1819
|
};
|
|
1815
|
-
return /* @__PURE__ */
|
|
1820
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Container9, { color: status[props.value] || content.t3, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "content", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: import_lodash8.default.lowerCase(props.value) }) }) });
|
|
1816
1821
|
}
|
|
1817
1822
|
|
|
1818
1823
|
// components/types/form/index.tsx
|
|
1819
|
-
|
|
1824
|
+
var import_react9 = __toESM(require("react"));
|
|
1820
1825
|
|
|
1821
1826
|
// components/types/form/styles.tsx
|
|
1822
|
-
|
|
1823
|
-
var Container10 =
|
|
1827
|
+
var import_styled_components14 = __toESM(require("styled-components"));
|
|
1828
|
+
var Container10 = import_styled_components14.default.form`
|
|
1824
1829
|
width: 100%;
|
|
1825
1830
|
|
|
1826
1831
|
.form-buttons {
|
|
@@ -1835,14 +1840,14 @@ var Container10 = styled13.form`
|
|
|
1835
1840
|
`;
|
|
1836
1841
|
|
|
1837
1842
|
// components/types/form/index.tsx
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1843
|
+
var import_zod = require("zod");
|
|
1844
|
+
var import_react_hook_form = require("react-hook-form");
|
|
1845
|
+
var import_zod2 = require("@hookform/resolvers/zod");
|
|
1846
|
+
var import_lodash14 = __toESM(require("lodash"));
|
|
1842
1847
|
|
|
1843
1848
|
// components/types/form/types/index.tsx
|
|
1844
|
-
var
|
|
1845
|
-
__export(
|
|
1849
|
+
var types_exports = {};
|
|
1850
|
+
__export(types_exports, {
|
|
1846
1851
|
Button: () => Button,
|
|
1847
1852
|
InputDateTime: () => InputDateTime,
|
|
1848
1853
|
InputFile: () => InputFile,
|
|
@@ -1853,11 +1858,11 @@ __export(types_exports2, {
|
|
|
1853
1858
|
});
|
|
1854
1859
|
|
|
1855
1860
|
// components/types/form/types/file/index.tsx
|
|
1856
|
-
|
|
1861
|
+
var import_react6 = require("react");
|
|
1857
1862
|
|
|
1858
1863
|
// components/types/form/types/file/styles.tsx
|
|
1859
|
-
|
|
1860
|
-
var Container11 =
|
|
1864
|
+
var import_styled_components15 = __toESM(require("styled-components"));
|
|
1865
|
+
var Container11 = import_styled_components15.default.div`
|
|
1861
1866
|
width: 100%;
|
|
1862
1867
|
padding-top: .3rem;
|
|
1863
1868
|
|
|
@@ -1884,31 +1889,31 @@ var Container11 = styled14.div`
|
|
|
1884
1889
|
`;
|
|
1885
1890
|
|
|
1886
1891
|
// components/types/form/types/label/styles.tsx
|
|
1887
|
-
|
|
1888
|
-
var Container12 =
|
|
1892
|
+
var import_styled_components16 = __toESM(require("styled-components"));
|
|
1893
|
+
var Container12 = import_styled_components16.default.label`
|
|
1889
1894
|
font-size: .8rem;
|
|
1890
1895
|
font-weight: 500;
|
|
1891
1896
|
color: ${({ theme }) => theme.t6};
|
|
1892
1897
|
`;
|
|
1893
1898
|
|
|
1894
1899
|
// components/types/form/types/label/index.tsx
|
|
1895
|
-
|
|
1900
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1896
1901
|
function InputLabel(props) {
|
|
1897
|
-
return /* @__PURE__ */
|
|
1902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Container12, { className: props.className, children: props.children });
|
|
1898
1903
|
}
|
|
1899
1904
|
|
|
1900
1905
|
// components/types/form/types/file/index.tsx
|
|
1901
|
-
|
|
1906
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1902
1907
|
function InputFile(props) {
|
|
1903
1908
|
var _a;
|
|
1904
|
-
const inputRef = useRef({});
|
|
1909
|
+
const inputRef = (0, import_react6.useRef)({});
|
|
1905
1910
|
const register = (props.register || ((name) => ({})))(props.name || "");
|
|
1906
1911
|
const readImage = (data) => {
|
|
1907
1912
|
if (props.onPreview) props.onPreview(URL.createObjectURL(data));
|
|
1908
1913
|
if (props.onChange) props.onChange(data);
|
|
1909
1914
|
};
|
|
1910
|
-
return /* @__PURE__ */
|
|
1911
|
-
/* @__PURE__ */
|
|
1915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Container11, { className: props.className, error: props.error, disabled: props.disabled, children: [
|
|
1916
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1912
1917
|
"input",
|
|
1913
1918
|
{
|
|
1914
1919
|
hidden: true,
|
|
@@ -1929,21 +1934,21 @@ function InputFile(props) {
|
|
|
1929
1934
|
}
|
|
1930
1935
|
}
|
|
1931
1936
|
),
|
|
1932
|
-
!!props.label && /* @__PURE__ */
|
|
1937
|
+
!!props.label && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(InputLabel, { children: [
|
|
1933
1938
|
props.label,
|
|
1934
1939
|
props.required ? "*" : ""
|
|
1935
1940
|
] }),
|
|
1936
|
-
/* @__PURE__ */
|
|
1937
|
-
!!props.error && /* @__PURE__ */
|
|
1941
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "iz-image-content", onClick: () => inputRef.current.click(), children: ((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) || "selecione uma imagem" }),
|
|
1942
|
+
!!props.error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "iz-input-error", children: props.error })
|
|
1938
1943
|
] });
|
|
1939
1944
|
}
|
|
1940
1945
|
|
|
1941
1946
|
// components/types/form/types/input/index.tsx
|
|
1942
|
-
|
|
1947
|
+
var import_react7 = require("react");
|
|
1943
1948
|
|
|
1944
1949
|
// components/types/form/types/input/styles.tsx
|
|
1945
|
-
|
|
1946
|
-
var Container13 =
|
|
1950
|
+
var import_styled_components17 = __toESM(require("styled-components"));
|
|
1951
|
+
var Container13 = import_styled_components17.default.div`
|
|
1947
1952
|
width: 100%;
|
|
1948
1953
|
padding-top: .3rem;
|
|
1949
1954
|
|
|
@@ -1989,10 +1994,10 @@ var Container13 = styled16.div`
|
|
|
1989
1994
|
`;
|
|
1990
1995
|
|
|
1991
1996
|
// components/types/form/types/input/index.tsx
|
|
1992
|
-
|
|
1993
|
-
|
|
1997
|
+
var import_lodash9 = __toESM(require("lodash"));
|
|
1998
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1994
1999
|
function InputText(props) {
|
|
1995
|
-
const [showPassword, setShowPassword] =
|
|
2000
|
+
const [showPassword, setShowPassword] = (0, import_react7.useState)(false);
|
|
1996
2001
|
const register = (props.register || ((name) => ({})))(props.name || "");
|
|
1997
2002
|
const onChange = (event) => {
|
|
1998
2003
|
const value = event.target.value || "";
|
|
@@ -2000,16 +2005,16 @@ function InputText(props) {
|
|
|
2000
2005
|
if (register.onChange) register.onChange(event);
|
|
2001
2006
|
if (props.onChange) props.onChange(value);
|
|
2002
2007
|
};
|
|
2003
|
-
return /* @__PURE__ */
|
|
2004
|
-
!!props.label && /* @__PURE__ */
|
|
2008
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container13, { className: props.className, error: props.error, password: props.type === "password", children: [
|
|
2009
|
+
!!props.label && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(InputLabel, { children: [
|
|
2005
2010
|
props.label,
|
|
2006
2011
|
props.required ? "*" : ""
|
|
2007
2012
|
] }),
|
|
2008
|
-
/* @__PURE__ */
|
|
2009
|
-
/* @__PURE__ */
|
|
2013
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "iz-input-content", children: [
|
|
2014
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2010
2015
|
"input",
|
|
2011
2016
|
{
|
|
2012
|
-
...
|
|
2017
|
+
...import_lodash9.default.omit(props, ["className", "register", "mask"]),
|
|
2013
2018
|
type: props.type === "password" ? showPassword ? "text" : "password" : props.type,
|
|
2014
2019
|
maxLength: props.maxLength || 255,
|
|
2015
2020
|
onFocus: () => {
|
|
@@ -2019,7 +2024,7 @@ function InputText(props) {
|
|
|
2019
2024
|
onChange
|
|
2020
2025
|
}
|
|
2021
2026
|
),
|
|
2022
|
-
props.type === "password" && /* @__PURE__ */
|
|
2027
|
+
props.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2023
2028
|
"i",
|
|
2024
2029
|
{
|
|
2025
2030
|
"aria-hidden": true,
|
|
@@ -2028,16 +2033,16 @@ function InputText(props) {
|
|
|
2028
2033
|
}
|
|
2029
2034
|
)
|
|
2030
2035
|
] }),
|
|
2031
|
-
!!props.error && /* @__PURE__ */
|
|
2036
|
+
!!props.error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "iz-input-error", children: props.error })
|
|
2032
2037
|
] });
|
|
2033
2038
|
}
|
|
2034
2039
|
|
|
2035
2040
|
// components/types/form/types/select/index.tsx
|
|
2036
|
-
|
|
2041
|
+
var import_react8 = require("react");
|
|
2037
2042
|
|
|
2038
2043
|
// components/types/form/types/select/styles.tsx
|
|
2039
|
-
|
|
2040
|
-
var Container14 =
|
|
2044
|
+
var import_styled_components18 = __toESM(require("styled-components"));
|
|
2045
|
+
var Container14 = import_styled_components18.default.div`
|
|
2041
2046
|
width: 100%;
|
|
2042
2047
|
padding-top: .3rem;
|
|
2043
2048
|
|
|
@@ -2089,26 +2094,26 @@ var Container14 = styled17.div`
|
|
|
2089
2094
|
`;
|
|
2090
2095
|
|
|
2091
2096
|
// components/types/form/types/select/index.tsx
|
|
2092
|
-
|
|
2093
|
-
|
|
2097
|
+
var import_lodash10 = __toESM(require("lodash"));
|
|
2098
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
2094
2099
|
function InputSelect(props) {
|
|
2095
|
-
const [focus, setFocus] =
|
|
2100
|
+
const [focus, setFocus] = (0, import_react8.useState)(false);
|
|
2096
2101
|
const register = (props.register || ((name) => ({})))(props.name || "");
|
|
2097
2102
|
const onChange = (event) => {
|
|
2098
2103
|
const value = event.target.value || "";
|
|
2099
2104
|
if (register.onChange) register.onChange(event);
|
|
2100
2105
|
if (props.onChange) props.onChange(value);
|
|
2101
2106
|
};
|
|
2102
|
-
return /* @__PURE__ */
|
|
2103
|
-
!!props.label && /* @__PURE__ */
|
|
2107
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Container14, { className: props.className, error: props.error, children: [
|
|
2108
|
+
!!props.label && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(InputLabel, { children: [
|
|
2104
2109
|
props.label,
|
|
2105
2110
|
props.required ? "*" : ""
|
|
2106
2111
|
] }),
|
|
2107
|
-
/* @__PURE__ */
|
|
2108
|
-
/* @__PURE__ */
|
|
2112
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "iz-input-content", children: [
|
|
2113
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
2109
2114
|
"select",
|
|
2110
2115
|
{
|
|
2111
|
-
...
|
|
2116
|
+
...import_lodash10.default.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
|
|
2112
2117
|
onMouseDown: () => setFocus(!focus),
|
|
2113
2118
|
onFocus: () => {
|
|
2114
2119
|
if (props.onFocus) props.onFocus(props.name);
|
|
@@ -2119,9 +2124,9 @@ function InputSelect(props) {
|
|
|
2119
2124
|
setFocus(false);
|
|
2120
2125
|
},
|
|
2121
2126
|
onChange,
|
|
2122
|
-
children:
|
|
2127
|
+
children: import_lodash10.default.map(
|
|
2123
2128
|
props.options,
|
|
2124
|
-
(data, index) => /* @__PURE__ */
|
|
2129
|
+
(data, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
2125
2130
|
"option",
|
|
2126
2131
|
{
|
|
2127
2132
|
value: Object.keys(data),
|
|
@@ -2132,15 +2137,15 @@ function InputSelect(props) {
|
|
|
2132
2137
|
)
|
|
2133
2138
|
}
|
|
2134
2139
|
),
|
|
2135
|
-
/* @__PURE__ */
|
|
2140
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
|
|
2136
2141
|
] }),
|
|
2137
|
-
!!props.error && /* @__PURE__ */
|
|
2142
|
+
!!props.error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "iz-input-error", children: props.error })
|
|
2138
2143
|
] });
|
|
2139
2144
|
}
|
|
2140
2145
|
|
|
2141
2146
|
// components/types/form/types/button/styles.tsx
|
|
2142
|
-
|
|
2143
|
-
var Container15 =
|
|
2147
|
+
var import_styled_components19 = __toESM(require("styled-components"));
|
|
2148
|
+
var Container15 = import_styled_components19.default.button`
|
|
2144
2149
|
border-radius: 5px;
|
|
2145
2150
|
font-size: .8rem;
|
|
2146
2151
|
font-weight: 500;
|
|
@@ -2181,8 +2186,8 @@ var Container15 = styled18.button`
|
|
|
2181
2186
|
`;
|
|
2182
2187
|
|
|
2183
2188
|
// components/types/form/types/button/loading/styles.tsx
|
|
2184
|
-
|
|
2185
|
-
var Container16 =
|
|
2189
|
+
var import_styled_components20 = __toESM(require("styled-components"));
|
|
2190
|
+
var Container16 = import_styled_components20.default.div`
|
|
2186
2191
|
display: flex;
|
|
2187
2192
|
justify-content: space-between;
|
|
2188
2193
|
align-items: center;
|
|
@@ -2270,37 +2275,37 @@ var Container16 = styled19.div`
|
|
|
2270
2275
|
`;
|
|
2271
2276
|
|
|
2272
2277
|
// components/types/form/types/button/loading/index.tsx
|
|
2273
|
-
|
|
2278
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
2274
2279
|
function Loading() {
|
|
2275
|
-
return /* @__PURE__ */
|
|
2276
|
-
/* @__PURE__ */
|
|
2277
|
-
/* @__PURE__ */
|
|
2278
|
-
/* @__PURE__ */
|
|
2280
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Container16, { children: [
|
|
2281
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {}),
|
|
2282
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {}),
|
|
2283
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {})
|
|
2279
2284
|
] });
|
|
2280
2285
|
}
|
|
2281
2286
|
|
|
2282
2287
|
// components/types/form/types/button/index.tsx
|
|
2283
|
-
|
|
2284
|
-
|
|
2288
|
+
var import_lodash11 = __toESM(require("lodash"));
|
|
2289
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
2285
2290
|
function Button(props) {
|
|
2286
|
-
return /* @__PURE__ */
|
|
2291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
2287
2292
|
Container15,
|
|
2288
2293
|
{
|
|
2289
2294
|
loading: String(!!props.loading),
|
|
2290
2295
|
disabled: props.disabled,
|
|
2291
2296
|
type: props.type || "button",
|
|
2292
|
-
...
|
|
2297
|
+
...import_lodash11.default.omit(props, ["loading", "type"]),
|
|
2293
2298
|
children: [
|
|
2294
|
-
!!props.loading && /* @__PURE__ */
|
|
2295
|
-
/* @__PURE__ */
|
|
2299
|
+
!!props.loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Loading, {}),
|
|
2300
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: props.label })
|
|
2296
2301
|
]
|
|
2297
2302
|
}
|
|
2298
2303
|
);
|
|
2299
2304
|
}
|
|
2300
2305
|
|
|
2301
2306
|
// components/types/form/types/datetime/styles.tsx
|
|
2302
|
-
|
|
2303
|
-
var Container17 =
|
|
2307
|
+
var import_styled_components21 = __toESM(require("styled-components"));
|
|
2308
|
+
var Container17 = import_styled_components21.default.div`
|
|
2304
2309
|
width: 100%;
|
|
2305
2310
|
padding-top: .3rem;
|
|
2306
2311
|
|
|
@@ -2340,8 +2345,8 @@ var Container17 = styled20.div`
|
|
|
2340
2345
|
`;
|
|
2341
2346
|
|
|
2342
2347
|
// components/types/form/types/datetime/index.tsx
|
|
2343
|
-
|
|
2344
|
-
|
|
2348
|
+
var import_lodash12 = __toESM(require("lodash"));
|
|
2349
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2345
2350
|
function InputDateTime(props) {
|
|
2346
2351
|
const register = (props.register || ((name) => ({})))(props.name || "");
|
|
2347
2352
|
const onChange = (event) => {
|
|
@@ -2350,15 +2355,15 @@ function InputDateTime(props) {
|
|
|
2350
2355
|
if (register.onChange) register.onChange(event);
|
|
2351
2356
|
if (props.onChange) props.onChange(event);
|
|
2352
2357
|
};
|
|
2353
|
-
return /* @__PURE__ */
|
|
2354
|
-
!!props.label && /* @__PURE__ */
|
|
2358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Container17, { className: props.className, error: props.error, children: [
|
|
2359
|
+
!!props.label && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(InputLabel, { children: [
|
|
2355
2360
|
props.label,
|
|
2356
2361
|
props.required ? "*" : ""
|
|
2357
2362
|
] }),
|
|
2358
|
-
/* @__PURE__ */
|
|
2363
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "iz-input-content", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2359
2364
|
"input",
|
|
2360
2365
|
{
|
|
2361
|
-
...
|
|
2366
|
+
...import_lodash12.default.omit(props, ["className", "onChange", "mask", "type", "required", "register"]),
|
|
2362
2367
|
type: "datetime-local",
|
|
2363
2368
|
onFocus: () => {
|
|
2364
2369
|
if (props.onFocus) props.onFocus(props.name);
|
|
@@ -2368,13 +2373,13 @@ function InputDateTime(props) {
|
|
|
2368
2373
|
onChange
|
|
2369
2374
|
}
|
|
2370
2375
|
) }),
|
|
2371
|
-
!!props.error && /* @__PURE__ */
|
|
2376
|
+
!!props.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "iz-input-error", children: props.error })
|
|
2372
2377
|
] });
|
|
2373
2378
|
}
|
|
2374
2379
|
|
|
2375
2380
|
// components/types/form/types/textarea/styles.tsx
|
|
2376
|
-
|
|
2377
|
-
var Container18 =
|
|
2381
|
+
var import_styled_components22 = __toESM(require("styled-components"));
|
|
2382
|
+
var Container18 = import_styled_components22.default.div`
|
|
2378
2383
|
width: 100%;
|
|
2379
2384
|
padding-top: .3rem;
|
|
2380
2385
|
|
|
@@ -2413,8 +2418,8 @@ var Container18 = styled21.div`
|
|
|
2413
2418
|
`;
|
|
2414
2419
|
|
|
2415
2420
|
// components/types/form/types/textarea/index.tsx
|
|
2416
|
-
|
|
2417
|
-
|
|
2421
|
+
var import_lodash13 = __toESM(require("lodash"));
|
|
2422
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2418
2423
|
function InputTextarea(props) {
|
|
2419
2424
|
const register = (props.register || ((name) => ({})))(props.name || "");
|
|
2420
2425
|
const onChange = (event) => {
|
|
@@ -2423,15 +2428,15 @@ function InputTextarea(props) {
|
|
|
2423
2428
|
if (register.onChange) register.onChange(event);
|
|
2424
2429
|
if (props.onChange) props.onChange(value);
|
|
2425
2430
|
};
|
|
2426
|
-
return /* @__PURE__ */
|
|
2427
|
-
!!props.label && /* @__PURE__ */
|
|
2431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Container18, { className: props.className, error: props.error, children: [
|
|
2432
|
+
!!props.label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(InputLabel, { children: [
|
|
2428
2433
|
props.label,
|
|
2429
2434
|
props.required ? "*" : ""
|
|
2430
2435
|
] }),
|
|
2431
|
-
/* @__PURE__ */
|
|
2436
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "iz-input-content", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2432
2437
|
"textarea",
|
|
2433
2438
|
{
|
|
2434
|
-
...
|
|
2439
|
+
...import_lodash13.default.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register"]),
|
|
2435
2440
|
maxLength: props.maxLength,
|
|
2436
2441
|
rows: props.rows || 5,
|
|
2437
2442
|
onFocus: () => {
|
|
@@ -2441,22 +2446,22 @@ function InputTextarea(props) {
|
|
|
2441
2446
|
onChange
|
|
2442
2447
|
}
|
|
2443
2448
|
) }),
|
|
2444
|
-
!!props.error && /* @__PURE__ */
|
|
2449
|
+
!!props.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "iz-input-error", children: props.error })
|
|
2445
2450
|
] });
|
|
2446
2451
|
}
|
|
2447
2452
|
|
|
2448
2453
|
// components/types/form/index.tsx
|
|
2449
|
-
|
|
2454
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2450
2455
|
function Form(props) {
|
|
2451
|
-
const formRef = props.formRef ||
|
|
2456
|
+
const formRef = props.formRef || (0, import_react9.useRef)({});
|
|
2452
2457
|
const setSchema = () => {
|
|
2453
2458
|
const schema2 = {};
|
|
2454
|
-
|
|
2459
|
+
import_lodash14.default.forEach(props.inputs, (data) => {
|
|
2455
2460
|
if (!data.validation) return;
|
|
2456
2461
|
schema2[data.name] = data.validation;
|
|
2457
2462
|
});
|
|
2458
|
-
if (props.validation) return props.validation(z.object(schema2));
|
|
2459
|
-
return z.object(schema2);
|
|
2463
|
+
if (props.validation) return props.validation(import_zod.z.object(schema2));
|
|
2464
|
+
return import_zod.z.object(schema2);
|
|
2460
2465
|
};
|
|
2461
2466
|
const schema = setSchema();
|
|
2462
2467
|
const {
|
|
@@ -2464,32 +2469,32 @@ function Form(props) {
|
|
|
2464
2469
|
handleSubmit,
|
|
2465
2470
|
reset,
|
|
2466
2471
|
formState: { errors }
|
|
2467
|
-
} = useForm({
|
|
2468
|
-
resolver: zodResolver(schema),
|
|
2472
|
+
} = (0, import_react_hook_form.useForm)({
|
|
2473
|
+
resolver: (0, import_zod2.zodResolver)(schema),
|
|
2469
2474
|
defaultValues: props.defaultValues,
|
|
2470
2475
|
mode: "all"
|
|
2471
2476
|
});
|
|
2472
|
-
|
|
2477
|
+
(0, import_react9.useEffect)(() => {
|
|
2473
2478
|
if (!props.clearWhen) return;
|
|
2474
2479
|
reset(void 0, { keepErrors: false });
|
|
2475
2480
|
}, [props.clearWhen]);
|
|
2476
|
-
|
|
2481
|
+
(0, import_react9.useEffect)(() => {
|
|
2477
2482
|
var _a;
|
|
2478
2483
|
if (!props.defaultValues || !((_a = Object.keys(props.defaultValues || {})) == null ? void 0 : _a.length)) return;
|
|
2479
|
-
|
|
2480
|
-
const input =
|
|
2484
|
+
import_lodash14.default.forEach(props.defaultValues, (value, key) => {
|
|
2485
|
+
const input = import_lodash14.default.find(props.inputs, (data) => data.name === key);
|
|
2481
2486
|
props.defaultValues[key] = input.mask ? input.mask(value) : value;
|
|
2482
2487
|
});
|
|
2483
2488
|
reset(props.defaultValues, { keepErrors: false });
|
|
2484
2489
|
}, [props.defaultValues]);
|
|
2485
2490
|
const component = (data) => {
|
|
2486
2491
|
var _a;
|
|
2487
|
-
const component2 =
|
|
2492
|
+
const component2 = types_exports[import_lodash14.default.camelCase(data.type)];
|
|
2488
2493
|
const TypeComponent = component2 || InputText;
|
|
2489
|
-
return /* @__PURE__ */
|
|
2494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2490
2495
|
TypeComponent,
|
|
2491
2496
|
{
|
|
2492
|
-
...
|
|
2497
|
+
...import_lodash14.default.omit(data, ["validation"]),
|
|
2493
2498
|
id: data.name,
|
|
2494
2499
|
type: component2 ? void 0 : data.type,
|
|
2495
2500
|
error: (_a = errors[data.name]) == null ? void 0 : _a.message,
|
|
@@ -2497,38 +2502,38 @@ function Form(props) {
|
|
|
2497
2502
|
}
|
|
2498
2503
|
);
|
|
2499
2504
|
};
|
|
2500
|
-
return /* @__PURE__ */
|
|
2501
|
-
|
|
2505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Container10, { ref: formRef, onSubmit: handleSubmit(props.onSubmit), children: [
|
|
2506
|
+
import_lodash14.default.map(
|
|
2502
2507
|
props.inputs,
|
|
2503
|
-
(data, index) => /* @__PURE__ */
|
|
2508
|
+
(data, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react9.default.Fragment, { children: component(data) }, index)
|
|
2504
2509
|
),
|
|
2505
|
-
|
|
2510
|
+
import_lodash14.default.isArray(props.buttons) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "form-buttons", children: import_lodash14.default.map(
|
|
2506
2511
|
props.buttons,
|
|
2507
|
-
(data, index) => /* @__PURE__ */
|
|
2512
|
+
(data, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { ...data }, index)
|
|
2508
2513
|
) })
|
|
2509
2514
|
] });
|
|
2510
2515
|
}
|
|
2511
2516
|
|
|
2512
2517
|
// components/types/chart/styles.tsx
|
|
2513
|
-
|
|
2514
|
-
var Container19 =
|
|
2518
|
+
var import_styled_components23 = __toESM(require("styled-components"));
|
|
2519
|
+
var Container19 = import_styled_components23.default.div`
|
|
2515
2520
|
|
|
2516
2521
|
`;
|
|
2517
2522
|
|
|
2518
2523
|
// components/types/chart/index.tsx
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
var ApexChart =
|
|
2524
|
+
var import_dynamic = __toESM(require("next/dynamic"));
|
|
2525
|
+
var import_lodash15 = __toESM(require("lodash"));
|
|
2526
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2527
|
+
var ApexChart = (0, import_dynamic.default)(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
|
|
2523
2528
|
function Chart(props) {
|
|
2524
2529
|
const { content: themeContent } = useTheme();
|
|
2525
2530
|
const monitor = props.content || [];
|
|
2526
|
-
const series =
|
|
2531
|
+
const series = import_lodash15.default.map(props.yAxis, (value, key) => ({
|
|
2527
2532
|
name: key || "",
|
|
2528
|
-
data:
|
|
2533
|
+
data: import_lodash15.default.map(monitor, (data) => import_lodash15.default.isFunction(value) ? value(data) : 0)
|
|
2529
2534
|
}));
|
|
2530
2535
|
const options = {
|
|
2531
|
-
colors:
|
|
2536
|
+
colors: import_lodash15.default.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
|
|
2532
2537
|
dataLabels: { enabled: false },
|
|
2533
2538
|
stroke: { curve: "smooth", width: 2 },
|
|
2534
2539
|
fill: { gradient: { opacityFrom: 0.9, opacityTo: 0.8 } },
|
|
@@ -2537,14 +2542,14 @@ function Chart(props) {
|
|
|
2537
2542
|
yaxis: {
|
|
2538
2543
|
min: props.min,
|
|
2539
2544
|
max: props.max,
|
|
2540
|
-
labels: { style: { colors:
|
|
2545
|
+
labels: { style: { colors: import_lodash15.default.map(monitor, () => themeContent.t6) } }
|
|
2541
2546
|
},
|
|
2542
2547
|
xaxis: {
|
|
2543
|
-
categories:
|
|
2544
|
-
labels: { style: { colors:
|
|
2548
|
+
categories: import_lodash15.default.map(monitor, (data) => import_lodash15.default.isFunction(props.xAxis) ? props.xAxis(data) : ""),
|
|
2549
|
+
labels: { style: { colors: import_lodash15.default.map(monitor, () => themeContent.t6) } }
|
|
2545
2550
|
}
|
|
2546
2551
|
};
|
|
2547
|
-
return /* @__PURE__ */
|
|
2552
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Container19, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2548
2553
|
ApexChart,
|
|
2549
2554
|
{
|
|
2550
2555
|
options,
|
|
@@ -2557,11 +2562,11 @@ function Chart(props) {
|
|
|
2557
2562
|
}
|
|
2558
2563
|
|
|
2559
2564
|
// components/types/avatar/index.tsx
|
|
2560
|
-
|
|
2565
|
+
var import_react10 = require("react");
|
|
2561
2566
|
|
|
2562
2567
|
// components/types/avatar/styles.tsx
|
|
2563
|
-
|
|
2564
|
-
var Container20 =
|
|
2568
|
+
var import_styled_components24 = __toESM(require("styled-components"));
|
|
2569
|
+
var Container20 = import_styled_components24.default.div`
|
|
2565
2570
|
width: ${({ size }) => size || "2.3rem"};
|
|
2566
2571
|
height: ${({ size }) => size || "2.3rem"};
|
|
2567
2572
|
border-radius: ${({ size }) => size || "2.3rem"};
|
|
@@ -2616,32 +2621,32 @@ var Container20 = styled23.div`
|
|
|
2616
2621
|
`;
|
|
2617
2622
|
|
|
2618
2623
|
// components/types/avatar/index.tsx
|
|
2619
|
-
|
|
2620
|
-
|
|
2624
|
+
var import_lodash16 = __toESM(require("lodash"));
|
|
2625
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2621
2626
|
function Avatar(props) {
|
|
2622
|
-
const containerRef =
|
|
2623
|
-
const [color, setColor] =
|
|
2627
|
+
const containerRef = (0, import_react10.useRef)({});
|
|
2628
|
+
const [color, setColor] = (0, import_react10.useState)("");
|
|
2624
2629
|
const name = () => {
|
|
2625
|
-
const [first, secound] =
|
|
2630
|
+
const [first, secound] = import_lodash16.default.split(props.name, " ") || [];
|
|
2626
2631
|
if (first && secound) return `${first} ${secound}`;
|
|
2627
2632
|
if (first) return first;
|
|
2628
2633
|
return "IZ";
|
|
2629
2634
|
};
|
|
2630
|
-
return /* @__PURE__ */
|
|
2635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2631
2636
|
Container20,
|
|
2632
2637
|
{
|
|
2633
2638
|
ref: containerRef,
|
|
2634
2639
|
color,
|
|
2635
2640
|
width: containerRef.current.offsetWidth,
|
|
2636
2641
|
...props,
|
|
2637
|
-
children: /* @__PURE__ */
|
|
2642
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: import_lodash16.default.upperCase(name()) })
|
|
2638
2643
|
}
|
|
2639
2644
|
);
|
|
2640
2645
|
}
|
|
2641
2646
|
|
|
2642
2647
|
// components/types/lottie/styles.tsx
|
|
2643
|
-
|
|
2644
|
-
var Container21 =
|
|
2648
|
+
var import_styled_components25 = __toESM(require("styled-components"));
|
|
2649
|
+
var Container21 = import_styled_components25.default.div`
|
|
2645
2650
|
display: flex;
|
|
2646
2651
|
align-items: center;
|
|
2647
2652
|
justify-content: center;
|
|
@@ -2663,7 +2668,7 @@ var Container21 = styled24.div`
|
|
|
2663
2668
|
`;
|
|
2664
2669
|
|
|
2665
2670
|
// components/types/lottie/index.tsx
|
|
2666
|
-
|
|
2671
|
+
var import_react_lottie = __toESM(require("react-lottie"));
|
|
2667
2672
|
|
|
2668
2673
|
// components/types/lottie/animations/loader.json
|
|
2669
2674
|
var loader_default = { v: "4.8.0", meta: { g: "LottieFiles AE 3.4.5", a: "", k: "", d: "", tc: "" }, fr: 60, ip: 0, op: 152, w: 1024, h: 1024, nm: "loader1", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 4, nm: "Shape Layer 2", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.rotation;" }, p: { a: 0, k: [512, 512, 0], ix: 2, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.position;" }, a: { a: 0, k: [83.27, 6, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.398, y: 1 }, o: { x: 0.573, y: 0 }, t: 14, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.836, y: 0 }, t: 41, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-119.289, 133.982], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [122.787, -137.911], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [-24.884, 23.246], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-196.288, -48.478], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 54, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [85.13, -251.636], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-122.897, 111.938], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-39.693, 119.128], [-66.383, 67.406], [-100.048, 0], [-67.415, -66.385], [309.312, -266.065], [67.028, -84.864]], v: [[0, -366], [275.144, -227.127], [159.077, -38.579], [215.016, 276.104], [0, 366], [-256.787, 260.799], [-150.256, -23.325], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 60, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [82.924, -246.192], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-55.859, 176.202], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-40.989, 124.23], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [24.59, -160.109], [67.028, -84.864]], v: [[0, -366], [276.613, -226.103], [-75.017, -73.301], [217.735, 274.957], [0, 366], [-256.787, 260.799], [-299.117, -9.604], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 65, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [81.086, -241.656], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [94.229, 285.418], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-42.068, 128.482], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-111.15, -238.582], [67.028, -84.864]], v: [[0, -366], [277.836, -225.251], [294.19, 46.954], [220.001, 274.001], [0, 366], [-256.787, 260.799], [123.521, -40.948], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 71, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [78.88, -236.212], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [82.272, 276.917], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-112.252, 217.097], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-98.391, -232.597], [67.028, -84.864]], v: [[0, -366], [279.305, -224.228], [2.74, -72.763], [222.719, 272.855], [0, 366], [-256.787, 260.799], [-234.073, 12.428], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.333, y: 0 }, t: 81, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [73.366, -222.603], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [52.379, 255.665], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-103.19, 214.939], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-66.496, -217.635], [67.028, -84.864]], v: [[0, -366], [282.976, -221.67], [230.193, 16.947], [229.517, 269.988], [0, 366], [-256.787, 260.799], [-76.962, -15.009], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 94, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [70.093, -170.914], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-157.227, 316.209], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-52.439, 127.868], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [75.268, -151.376], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [250.126, 62.099], [260.784, 256.803], [0, 366], [-256.787, 260.799], [14.671, -55.458], [-287.381, -226.67]], c: true }] }, { i: { x: 0.368, y: 1 }, o: { x: 0.333, y: 0 }, t: 114, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160.001], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-114.582, 138.029], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.009], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [230.987, -278.253], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [338.14, 64.524], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-29.052, 9.798], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.671, y: 0 }, t: 130, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-103.088, 145.785], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.01], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [172.152, -227.738], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [26.401, -124.412], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-231.181, 72.709], [-287.381, -226.67]], c: true }] }, { t: 155, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.8118, 0.8039, 0.8039, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 0, ix: 5 }, lc: 1, lj: 1, ml: 4, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "fl", c: { a: 0, k: [0.7451, 0.7451, 0.7451, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [78, 6], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Ellipse 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 152, st: 0, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "Shape Layer 4", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.rotation;" }, p: { a: 0, k: [512, 512, 0], ix: 2, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.position;" }, a: { a: 0, k: [83.27, 6, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.833, y: 1 }, o: { x: 0.167, y: 0.167 }, t: 0, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-93.22, 152.445], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [121.644, -184.373], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [39.367, -35.179], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-161.77, -10.89], [-287.381, -226.67]], c: true }] }, { i: { x: 0.398, y: 1 }, o: { x: 0.573, y: 0 }, t: 21, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.836, y: 0 }, t: 48, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-119.289, 133.982], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [122.787, -137.911], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [-24.884, 23.246], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-196.288, -48.478], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 61, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [85.13, -251.636], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-122.897, 111.938], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-39.693, 119.128], [-66.383, 67.406], [-100.048, 0], [-67.415, -66.385], [309.312, -266.065], [67.028, -84.864]], v: [[0, -366], [275.144, -227.127], [159.077, -38.579], [215.016, 276.104], [0, 366], [-256.787, 260.799], [-150.256, -23.325], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 67, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [82.924, -246.192], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-55.859, 176.202], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-40.989, 124.23], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [24.59, -160.109], [67.028, -84.864]], v: [[0, -366], [276.613, -226.103], [-75.017, -73.301], [217.735, 274.957], [0, 366], [-256.787, 260.799], [-299.117, -9.604], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 72, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [81.086, -241.656], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [94.229, 285.418], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-42.068, 128.482], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-111.15, -238.582], [67.028, -84.864]], v: [[0, -366], [277.836, -225.251], [294.19, 46.954], [220.001, 274.001], [0, 366], [-256.787, 260.799], [123.521, -40.948], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 78, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [78.88, -236.212], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [82.272, 276.917], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-112.252, 217.097], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-98.391, -232.597], [67.028, -84.864]], v: [[0, -366], [279.305, -224.228], [2.74, -72.763], [222.719, 272.855], [0, 366], [-256.787, 260.799], [-234.073, 12.428], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.333, y: 0 }, t: 88, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [73.366, -222.603], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [52.379, 255.665], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-103.19, 214.939], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-66.496, -217.635], [67.028, -84.864]], v: [[0, -366], [282.976, -221.67], [230.193, 16.947], [229.517, 269.988], [0, 366], [-256.787, 260.799], [-76.962, -15.009], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 101, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [70.093, -170.914], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-157.227, 316.209], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-52.439, 127.868], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [75.268, -151.376], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [250.126, 62.099], [260.784, 256.803], [0, 366], [-256.787, 260.799], [14.671, -55.458], [-287.381, -226.67]], c: true }] }, { i: { x: 0.368, y: 1 }, o: { x: 0.333, y: 0 }, t: 121, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160.001], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-114.582, 138.029], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.009], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [230.987, -278.253], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [338.14, 64.524], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-29.052, 9.798], [-287.381, -226.67]], c: true }] }, { i: { x: 0.833, y: 0.833 }, o: { x: 0.671, y: 0 }, t: 137, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-103.088, 145.785], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.01], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [172.152, -227.738], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [26.401, -124.412], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-231.181, 72.709], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.167, y: 0.167 }, t: 151, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-93.22, 152.445], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [121.644, -184.373], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [39.367, -35.179], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-161.77, -10.89], [-287.381, -226.67]], c: true }] }, { t: 162, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.8118, 0.8039, 0.8039, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 0, ix: 5 }, lc: 1, lj: 1, ml: 4, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "fl", c: { a: 0, k: [0.3451, 0.4118, 0.8549, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [78, 6], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Ellipse 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: -19, op: 167, st: 7, bm: 0 }, { ddd: 0, ind: 3, ty: 3, nm: "Null 1", sr: 1, ks: { o: { a: 0, k: 0, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.39], y: [1] }, o: { x: [0.695], y: [0] }, t: 0, s: [0] }, { i: { x: [0.259], y: [1] }, o: { x: [0.557], y: [0] }, t: 38, s: [-32] }, { i: { x: [0.496], y: [1] }, o: { x: [0.769], y: [0] }, t: 90, s: [780] }, { i: { x: [0.417], y: [1] }, o: { x: [0.6], y: [0] }, t: 125, s: [702] }, { t: 152, s: [720] }], ix: 10 }, p: { a: 0, k: [512, 512, 0], ix: 2 }, a: { a: 0, k: [0, 0, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, ip: 0, op: 152, st: 0, bm: 0 }], markers: [] };
|
|
@@ -2672,8 +2677,8 @@ var loader_default = { v: "4.8.0", meta: { g: "LottieFiles AE 3.4.5", a: "", k:
|
|
|
2672
2677
|
var animations_default = { loader: loader_default };
|
|
2673
2678
|
|
|
2674
2679
|
// components/types/lottie/index.tsx
|
|
2675
|
-
|
|
2676
|
-
var LottieComponent =
|
|
2680
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2681
|
+
var LottieComponent = import_react_lottie.default;
|
|
2677
2682
|
function Lottie(props) {
|
|
2678
2683
|
const getAnimation = () => {
|
|
2679
2684
|
let animation;
|
|
@@ -2693,7 +2698,7 @@ function Lottie(props) {
|
|
|
2693
2698
|
path: props.src,
|
|
2694
2699
|
animationData: getAnimation()
|
|
2695
2700
|
};
|
|
2696
|
-
return /* @__PURE__ */
|
|
2701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Container21, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2697
2702
|
LottieComponent,
|
|
2698
2703
|
{
|
|
2699
2704
|
width: props.size || 180,
|
|
@@ -2704,8 +2709,8 @@ function Lottie(props) {
|
|
|
2704
2709
|
}
|
|
2705
2710
|
|
|
2706
2711
|
// components/types/credit-card/styles.tsx
|
|
2707
|
-
|
|
2708
|
-
var Container22 =
|
|
2712
|
+
var import_styled_components26 = __toESM(require("styled-components"));
|
|
2713
|
+
var Container22 = import_styled_components26.default.div`
|
|
2709
2714
|
border-radius: 8px 8px 0 0;
|
|
2710
2715
|
transition: .2s ease .2s background, .2s ease .2s padding;
|
|
2711
2716
|
position: relative;
|
|
@@ -2739,11 +2744,11 @@ var Container22 = styled25.div`
|
|
|
2739
2744
|
`;
|
|
2740
2745
|
|
|
2741
2746
|
// components/types/credit-card/card/index.tsx
|
|
2742
|
-
|
|
2747
|
+
var import_react11 = require("react");
|
|
2743
2748
|
|
|
2744
2749
|
// components/types/credit-card/card/styles.tsx
|
|
2745
|
-
|
|
2746
|
-
var Container23 =
|
|
2750
|
+
var import_styled_components27 = __toESM(require("styled-components"));
|
|
2751
|
+
var Container23 = import_styled_components27.default.div`
|
|
2747
2752
|
height: 11rem;
|
|
2748
2753
|
width: 20rem;
|
|
2749
2754
|
border-radius: 8px;
|
|
@@ -2898,7 +2903,7 @@ var assets_default2 = assets;
|
|
|
2898
2903
|
|
|
2899
2904
|
// components/types/credit-card/tools/index.tsx
|
|
2900
2905
|
var import_luhn = __toESM(require_luhn());
|
|
2901
|
-
|
|
2906
|
+
var import_lodash17 = __toESM(require("lodash"));
|
|
2902
2907
|
var validateLuhn = import_luhn.default.validate;
|
|
2903
2908
|
var getCardContent = (cardNumber) => {
|
|
2904
2909
|
const content = { flag: "", logo: "" };
|
|
@@ -2908,19 +2913,19 @@ var getCardContent = (cardNumber) => {
|
|
|
2908
2913
|
const cardContent = potentialCardContents.shift();
|
|
2909
2914
|
const flag = cardContent == null ? void 0 : cardContent.type;
|
|
2910
2915
|
content.flag = flag || "";
|
|
2911
|
-
content.logo = assets_default2[
|
|
2916
|
+
content.logo = assets_default2[import_lodash17.default.upperFirst(import_lodash17.default.camelCase(flag))] || "";
|
|
2912
2917
|
return content;
|
|
2913
2918
|
}
|
|
2914
2919
|
return content;
|
|
2915
2920
|
};
|
|
2916
2921
|
|
|
2917
2922
|
// components/types/credit-card/card/index.tsx
|
|
2918
|
-
|
|
2919
|
-
|
|
2923
|
+
var import_lodash18 = __toESM(require("lodash"));
|
|
2924
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2920
2925
|
function CreditCardComponent(props) {
|
|
2921
2926
|
var _a;
|
|
2922
|
-
const flagRef =
|
|
2923
|
-
|
|
2927
|
+
const flagRef = (0, import_react11.useRef)({});
|
|
2928
|
+
(0, import_react11.useEffect)(() => {
|
|
2924
2929
|
const content = getCardContent(props.number);
|
|
2925
2930
|
if (!flagRef.current) return;
|
|
2926
2931
|
if (!content.logo) {
|
|
@@ -2929,24 +2934,24 @@ function CreditCardComponent(props) {
|
|
|
2929
2934
|
}
|
|
2930
2935
|
flagRef.current.style.backgroundImage = `url(${content.logo})`;
|
|
2931
2936
|
}, [flagRef, props.number]);
|
|
2932
|
-
return /* @__PURE__ */
|
|
2933
|
-
/* @__PURE__ */
|
|
2934
|
-
/* @__PURE__ */
|
|
2935
|
-
/* @__PURE__ */
|
|
2936
|
-
/* @__PURE__ */
|
|
2937
|
-
/* @__PURE__ */
|
|
2937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Container23, { children: [
|
|
2938
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "iz-credit-card-left", children: [
|
|
2939
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { id: "iz-credit-card-chip", style: { backgroundImage: `url(${assets_default2.Chip})` } }) }),
|
|
2940
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "iz-credit-card-bottom", children: [
|
|
2941
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-number", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-elipse" }) }),
|
|
2942
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-name", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-elipse", children: import_lodash18.default.deburr((_a = props.name) == null ? void 0 : _a.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })
|
|
2938
2943
|
] })
|
|
2939
2944
|
] }),
|
|
2940
|
-
/* @__PURE__ */
|
|
2941
|
-
/* @__PURE__ */
|
|
2942
|
-
/* @__PURE__ */
|
|
2945
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "iz-credit-card-right", children: [
|
|
2946
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { id: "iz-credit-card-flag", ref: flagRef }) }),
|
|
2947
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-bottom", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "validade" }) })
|
|
2943
2948
|
] })
|
|
2944
2949
|
] });
|
|
2945
2950
|
}
|
|
2946
2951
|
|
|
2947
2952
|
// components/types/credit-card/functions/styles.tsx
|
|
2948
|
-
|
|
2949
|
-
var Container24 =
|
|
2953
|
+
var import_styled_components28 = __toESM(require("styled-components"));
|
|
2954
|
+
var Container24 = import_styled_components28.default.div`
|
|
2950
2955
|
display: flex;
|
|
2951
2956
|
flex-direction: column;
|
|
2952
2957
|
gap: .5rem;
|
|
@@ -2983,17 +2988,17 @@ var Container24 = styled27.div`
|
|
|
2983
2988
|
`;
|
|
2984
2989
|
|
|
2985
2990
|
// components/types/credit-card/functions/index.tsx
|
|
2986
|
-
|
|
2987
|
-
|
|
2991
|
+
var import_lodash19 = __toESM(require("lodash"));
|
|
2992
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2988
2993
|
function CreditCardFunctions(props) {
|
|
2989
|
-
return
|
|
2994
|
+
return import_lodash19.default.some(props.functions, (data) => !data.hide) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Container24, { className: "iz-credit-card-function-container", children: import_lodash19.default.map(
|
|
2990
2995
|
props.functions,
|
|
2991
|
-
(data, index) => !data.hide && /* @__PURE__ */
|
|
2996
|
+
(data, index) => !data.hide && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2992
2997
|
"div",
|
|
2993
2998
|
{
|
|
2994
2999
|
className: "iz-credit-card-function",
|
|
2995
3000
|
onClick: data.function,
|
|
2996
|
-
children: /* @__PURE__ */
|
|
3001
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("i", { "aria-hidden": true, className: data.icon })
|
|
2997
3002
|
},
|
|
2998
3003
|
index
|
|
2999
3004
|
)
|
|
@@ -3001,7 +3006,7 @@ function CreditCardFunctions(props) {
|
|
|
3001
3006
|
}
|
|
3002
3007
|
|
|
3003
3008
|
// components/types/credit-card/index.tsx
|
|
3004
|
-
|
|
3009
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
3005
3010
|
function CreditCard(props) {
|
|
3006
3011
|
const functions = [
|
|
3007
3012
|
{
|
|
@@ -3024,15 +3029,15 @@ function CreditCard(props) {
|
|
|
3024
3029
|
},
|
|
3025
3030
|
...props.functions || []
|
|
3026
3031
|
];
|
|
3027
|
-
return /* @__PURE__ */
|
|
3028
|
-
/* @__PURE__ */
|
|
3029
|
-
/* @__PURE__ */
|
|
3032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Container22, { children: [
|
|
3033
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CreditCardComponent, { ...props }),
|
|
3034
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CreditCardFunctions, { ...props, functions })
|
|
3030
3035
|
] });
|
|
3031
3036
|
}
|
|
3032
3037
|
|
|
3033
3038
|
// components/types/block/styles.tsx
|
|
3034
|
-
|
|
3035
|
-
var Container25 =
|
|
3039
|
+
var import_styled_components29 = __toESM(require("styled-components"));
|
|
3040
|
+
var Container25 = import_styled_components29.default.div`
|
|
3036
3041
|
display: flex;
|
|
3037
3042
|
flex-direction: column;
|
|
3038
3043
|
gap: 1rem;
|
|
@@ -3050,32 +3055,53 @@ var Container25 = styled28.div`
|
|
|
3050
3055
|
color: ${({ theme }) => theme.t6};
|
|
3051
3056
|
}
|
|
3052
3057
|
`;
|
|
3053
|
-
var Content2 =
|
|
3058
|
+
var Content2 = import_styled_components29.default.div`
|
|
3054
3059
|
font-size: 1.5rem;
|
|
3055
3060
|
font-weight: 500;
|
|
3056
3061
|
color: ${({ theme }) => theme.t7};
|
|
3057
3062
|
`;
|
|
3058
3063
|
|
|
3059
3064
|
// components/types/block/index.tsx
|
|
3060
|
-
|
|
3065
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3061
3066
|
function Block(props) {
|
|
3062
|
-
return /* @__PURE__ */
|
|
3063
|
-
(!!props.icon || !!props.label) && /* @__PURE__ */
|
|
3064
|
-
!!props.icon && /* @__PURE__ */
|
|
3065
|
-
!!props.label && /* @__PURE__ */
|
|
3067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Container25, { children: [
|
|
3068
|
+
(!!props.icon || !!props.label) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { children: [
|
|
3069
|
+
!!props.icon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { "aria-hidden": true, className: props.icon }),
|
|
3070
|
+
!!props.label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: props.label })
|
|
3066
3071
|
] }),
|
|
3067
|
-
/* @__PURE__ */
|
|
3068
|
-
!!props.component && /* @__PURE__ */
|
|
3072
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Content2, { children: [
|
|
3073
|
+
!!props.component && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Component, { content: props.component }),
|
|
3069
3074
|
props.children
|
|
3070
3075
|
] })
|
|
3071
3076
|
] });
|
|
3072
3077
|
}
|
|
3073
|
-
|
|
3078
|
+
|
|
3079
|
+
// components/index.tsx
|
|
3080
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
3081
|
+
function Component(props) {
|
|
3082
|
+
const renderComponent = (config) => {
|
|
3083
|
+
const ComponentElement = types_exports2[config.type];
|
|
3084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComponentElement, { ...config.props });
|
|
3085
|
+
};
|
|
3086
|
+
const renderRow = (components) => {
|
|
3087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RowContainer, { children: import_lodash20.default.map(
|
|
3088
|
+
components,
|
|
3089
|
+
(data, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react12.Fragment, { children: renderComponent(data) }, index)
|
|
3090
|
+
) });
|
|
3091
|
+
};
|
|
3092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Container, { className: props.className, children: import_lodash20.default.map(
|
|
3093
|
+
props.content,
|
|
3094
|
+
(data, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react12.Fragment, { children: import_lodash20.default.isArray(data) ? renderRow(data) : renderComponent(data) }, index)
|
|
3095
|
+
) });
|
|
3096
|
+
}
|
|
3097
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
3098
|
+
0 && (module.exports = {
|
|
3074
3099
|
Avatar,
|
|
3075
3100
|
Badge,
|
|
3076
3101
|
Block,
|
|
3077
3102
|
Button,
|
|
3078
3103
|
Chart,
|
|
3104
|
+
Component,
|
|
3079
3105
|
CreditCard,
|
|
3080
3106
|
Form,
|
|
3081
3107
|
InputDateTime,
|
|
@@ -3088,7 +3114,7 @@ export {
|
|
|
3088
3114
|
LoadingBar,
|
|
3089
3115
|
Logo,
|
|
3090
3116
|
Lottie,
|
|
3091
|
-
|
|
3117
|
+
Modal,
|
|
3092
3118
|
Paginate,
|
|
3093
3119
|
Table
|
|
3094
|
-
};
|
|
3120
|
+
});
|