infinity-forge 8.2.3 → 8.2.5
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/system/hooks/ui/use-table/components/table/actions/delete/index.d.ts +3 -4
- package/dist/system/hooks/ui/use-table/components/table/actions/delete/index.js +16 -4
- package/dist/system/hooks/ui/use-table/components/table/actions/delete/index.js.map +1 -1
- package/dist/system/hooks/ui/use-table/components/table/actions/index.js +7 -6
- package/dist/system/hooks/ui/use-table/components/table/actions/index.js.map +1 -1
- package/dist/system/hooks/ui/use-table/components/table/create/index.js +4 -3
- package/dist/system/hooks/ui/use-table/components/table/create/index.js.map +1 -1
- package/dist/system/hooks/ui/use-table/interfaces.d.ts +8 -3
- package/dist/system/hooks/ui/use-table/interfaces.js.map +1 -1
- package/dist/test/index.js +2 -10
- package/dist/test/index.js.map +1 -1
- package/dist/ui/components/charts/index.d.ts +2 -0
- package/dist/ui/components/charts/index.js +19 -0
- package/dist/ui/components/charts/index.js.map +1 -0
- package/dist/ui/components/charts/matriz/index.d.ts +12 -0
- package/dist/ui/components/charts/matriz/index.js +108 -0
- package/dist/ui/components/charts/matriz/index.js.map +1 -0
- package/dist/ui/components/charts/matriz/styles.d.ts +1 -0
- package/dist/ui/components/charts/matriz/styles.js +14 -0
- package/dist/ui/components/charts/matriz/styles.js.map +1 -0
- package/dist/ui/components/charts/pie/index.d.ts +1 -0
- package/dist/ui/components/charts/pie/index.js +18 -0
- package/dist/ui/components/charts/pie/index.js.map +1 -0
- package/dist/ui/components/charts/pie/simple/functions.d.ts +2 -0
- package/dist/ui/components/charts/pie/simple/functions.js +32 -0
- package/dist/ui/components/charts/pie/simple/functions.js.map +1 -0
- package/dist/ui/components/charts/pie/simple/index.d.ts +7 -0
- package/dist/ui/components/charts/pie/simple/index.js +92 -0
- package/dist/ui/components/charts/pie/simple/index.js.map +1 -0
- package/dist/ui/components/charts/pie/simple/interfaces.d.ts +9 -0
- package/dist/ui/components/charts/pie/simple/interfaces.js +3 -0
- package/dist/ui/components/charts/pie/simple/interfaces.js.map +1 -0
- package/dist/ui/components/charts/pie/simple/styles.d.ts +1 -0
- package/dist/ui/components/charts/pie/simple/styles.js +14 -0
- package/dist/ui/components/charts/pie/simple/styles.js.map +1 -0
- package/dist/ui/components/form/handler/form-handler/index.d.ts +1 -0
- package/dist/ui/components/form/handler/form-handler/index.js +2 -2
- package/dist/ui/components/form/handler/form-handler/index.js.map +1 -1
- package/dist/ui/components/form/handler/form-handler/use-form-handler.d.ts +1 -0
- package/dist/ui/components/form/handler/interfaces.d.ts +1 -0
- package/dist/ui/components/form/interfaces.d.ts +0 -1
- package/dist/ui/components/index.d.ts +1 -0
- package/dist/ui/components/index.js +1 -0
- package/dist/ui/components/index.js.map +1 -1
- package/dist/ui/components/modal/component.js +1 -1
- package/dist/ui/components/modal/component.js.map +1 -1
- package/dist/ui/components/modal/styles.js +1 -1
- package/dist/ui/components/modal/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { ActionsTable
|
|
2
|
-
export declare function ActionDelete<T>({
|
|
3
|
-
action: TableActionDelete<T>;
|
|
1
|
+
import { ActionsTable } from '../../../../../../../../system/index.js';
|
|
2
|
+
export declare function ActionDelete<T>({ table, actionDelete }: {
|
|
4
3
|
table: any;
|
|
5
|
-
|
|
4
|
+
actionDelete: ActionsTable<T>['delete'];
|
|
6
5
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
14
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
15
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -43,7 +54,7 @@ var ui_1 = require("../../../../../../../../ui/index.js");
|
|
|
43
54
|
var system_1 = require("../../../../../../../../system/index.js");
|
|
44
55
|
function ActionDelete(_a) {
|
|
45
56
|
var _b, _c;
|
|
46
|
-
var
|
|
57
|
+
var table = _a.table, actionDelete = _a.actionDelete;
|
|
47
58
|
var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
|
|
48
59
|
var roleUser = (0, system_1.useAuthAdmin)().roleUser;
|
|
49
60
|
var Configurations = (0, system_1.useInfraInjection)().Configurations;
|
|
@@ -61,7 +72,7 @@ function ActionDelete(_a) {
|
|
|
61
72
|
case 0:
|
|
62
73
|
_b.trys.push([0, 2, 3, 4]);
|
|
63
74
|
setLoading(true);
|
|
64
|
-
return [4 /*yield*/,
|
|
75
|
+
return [4 /*yield*/, (actionDelete === null || actionDelete === void 0 ? void 0 : actionDelete.onDelete(table))];
|
|
65
76
|
case 1:
|
|
66
77
|
_b.sent();
|
|
67
78
|
return [3 /*break*/, 4];
|
|
@@ -76,8 +87,9 @@ function ActionDelete(_a) {
|
|
|
76
87
|
});
|
|
77
88
|
});
|
|
78
89
|
}
|
|
79
|
-
|
|
90
|
+
var modalDeleteProps = (actionDelete === null || actionDelete === void 0 ? void 0 : actionDelete.modal) || {};
|
|
91
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: 'Actions', bgColor: '#fff', enableHover: true, content: 'Excluir', trigger: (actionDelete === null || actionDelete === void 0 ? void 0 : actionDelete.confirmDelete) ? ((0, jsx_runtime_1.jsx)(ui_1.Warning, __assign({}, modalDeleteProps, { onConfirm: deleteItem, button: {
|
|
80
92
|
Element: function () { return ((0, jsx_runtime_1.jsx)("button", { className: 'action-button', type: 'button', children: loading ? (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 13 }) : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) })); },
|
|
81
|
-
} })) : ((0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: deleteItem, type: 'button', children: loading ? (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 13 }) : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) })) }));
|
|
93
|
+
} }))) : ((0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: deleteItem, type: 'button', children: loading ? (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 13 }) : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) })) }));
|
|
82
94
|
}
|
|
83
95
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/hooks/ui/use-table/components/table/actions/delete/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/hooks/ui/use-table/components/table/actions/delete/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oCAsDC;;AA3DD,+BAAgC;AAEhC,2BAA2D;AAC3D,mCAAwE;AAExE,SAAgB,YAAY,CAAI,EAAgF;;QAA9E,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC7C,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAErC,IAAA,QAAQ,GAAK,IAAA,qBAAY,GAAE,SAAnB,CAAmB;IAC3B,IAAA,cAAc,GAAK,IAAA,0BAAiB,GAAE,eAAxB,CAAwB;IAE9C,IAAM,cAAc,GAAG,CAAC,CAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,aAAa,0CAAE,MAAM,CAAA;QAClE,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAEhE,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,SAAe,UAAU;;;;;;;wBAErB,UAAU,CAAC,IAAI,CAAC,CAAA;wBAEhB,qBAAM,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA,EAAA;;wBAAnC,SAAmC,CAAA;;;;;;wBAGnC,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;;KAEpB;IAED,IAAM,gBAAgB,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,EAAE,CAAA;IAElD,OAAO,CACL,uBAAC,YAAO,IACN,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,MAAM,EACd,WAAW,QACX,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,EAAC,CAAC,CAAC,CAC5B,uBAAC,YAAO,eACJ,gBAAgB,IAClB,SAAS,EAAE,UAAU,EACrB,MAAM,EAAE;gBACN,OAAO,EAAE,cAAM,OAAA,CACb,mCAAQ,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,YAC5C,OAAO,CAAC,CAAC,CAAC,uBAAC,iBAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GAC3D,CACV,EAJc,CAId;aACF,IACD,CACH,CAAC,CAAC,CAAC,CACF,mCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,YACjE,OAAO,CAAC,CAAC,CAAC,uBAAC,iBAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GAC3D,CACV,GAEH,CACH,CAAA;AACH,CAAC"}
|
|
@@ -93,18 +93,19 @@ var delete_1 = require("./delete/index.js");
|
|
|
93
93
|
var S = __importStar(require("./styles.js"));
|
|
94
94
|
function Actions(_a) {
|
|
95
95
|
var _this = this;
|
|
96
|
-
var _b, _c, _d;
|
|
96
|
+
var _b, _c, _d, _e;
|
|
97
97
|
var actions = _a.actions, table = _a.table;
|
|
98
|
-
var
|
|
98
|
+
var _f = (0, react_1.useState)(false), open = _f[0], setOpen = _f[1];
|
|
99
99
|
var payload = __assign(__assign({}, ((actions === null || actions === void 0 ? void 0 : actions.edit) || {})), { tableItem: table });
|
|
100
100
|
var roleUser = (0, system_1.useAuthAdmin)().roleUser;
|
|
101
101
|
var Configurations = (0, system_1.useInfraInjection)().Configurations;
|
|
102
102
|
var enableToUpdate = !((_c = (_b = Configurations === null || Configurations === void 0 ? void 0 : Configurations.table) === null || _b === void 0 ? void 0 : _b.accessControl) === null || _c === void 0 ? void 0 : _c.update)
|
|
103
103
|
? true
|
|
104
104
|
: Configurations.table.accessControl.update.includes(roleUser);
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
var modalEditProps = ((_d = actions === null || actions === void 0 ? void 0 : actions.edit) === null || _d === void 0 ? void 0 : _d.modal) || {};
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(S.Actions, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(actions.edit &&
|
|
107
|
+
enableToUpdate) &&
|
|
108
|
+
(((_e = actions.edit) === null || _e === void 0 ? void 0 : _e.link) ? ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: 'Actions', bgColor: '#fff', enableHover: true, content: 'Editar', trigger: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'action-button', href: actions.edit.link.href(table), children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }) }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, __assign({ open: open, onClose: function () { return setOpen(false); }, styles: __assign({ width: '100vw', maxWidth: '512px', borderRadius: 5 }, ((actions === null || actions === void 0 ? void 0 : actions.modalStyles) || {})) }, modalEditProps, { children: (0, jsx_runtime_1.jsx)(ui_1.DynamicFormHandler, __assign({}, payload, { onSucess: function (data) { return __awaiter(_this, void 0, void 0, function () {
|
|
108
109
|
var response;
|
|
109
110
|
return __generator(this, function (_a) {
|
|
110
111
|
switch (_a.label) {
|
|
@@ -116,7 +117,7 @@ function Actions(_a) {
|
|
|
116
117
|
});
|
|
117
118
|
}); }, onFinish: function () {
|
|
118
119
|
setOpen(false);
|
|
119
|
-
} })) }), (0, jsx_runtime_1.jsx)("span", { className: 'action-button', onClick: function () { return setOpen(true); }, children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: '', bgColor: '#fff', enableHover: true, content: 'Editar', trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }) }) }) })] }))), actions.detail && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: 'Actions', bgColor: '#fff', enableHover: true, content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'action-button', href: actions.detail(table), children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEye' }) }) })), actions.delete && ((0, jsx_runtime_1.jsx)(delete_1.ActionDelete, {
|
|
120
|
+
} })) })), (0, jsx_runtime_1.jsx)("span", { className: 'action-button', onClick: function () { return setOpen(true); }, children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: '', bgColor: '#fff', enableHover: true, content: 'Editar', trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }) }) }) })] }))), actions.detail && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: 'Actions', bgColor: '#fff', enableHover: true, content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'action-button', href: actions.detail(table), children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEye' }) }) })), actions.delete && ((0, jsx_runtime_1.jsx)(delete_1.ActionDelete, { actionDelete: actions.delete, table: table })), actions.custom &&
|
|
120
121
|
actions.custom.length > 0 &&
|
|
121
122
|
actions.custom.map(function (Component, index) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, table)) }, 'custom' + index + Component.name)); })] }) }));
|
|
122
123
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,17 +55,18 @@ var ui_1 = require("../../../../../../../ui/index.js");
|
|
|
55
55
|
var system_1 = require("../../../../../../../system/index.js");
|
|
56
56
|
var S = __importStar(require("./styles.js"));
|
|
57
57
|
function CreateAction(_a) {
|
|
58
|
-
var _b, _c, _d, _e;
|
|
58
|
+
var _b, _c, _d, _e, _f;
|
|
59
59
|
var actions = _a.actions;
|
|
60
|
-
var
|
|
60
|
+
var _g = (0, react_1.useState)(false), open = _g[0], setOpen = _g[1];
|
|
61
61
|
var roleUser = (0, system_1.useAuthAdmin)().roleUser;
|
|
62
62
|
var Configurations = (0, system_1.useInfraInjection)().Configurations;
|
|
63
63
|
var enableToCreate = !((_c = (_b = Configurations === null || Configurations === void 0 ? void 0 : Configurations.table) === null || _b === void 0 ? void 0 : _b.accessControl) === null || _c === void 0 ? void 0 : _c.create)
|
|
64
64
|
? true
|
|
65
65
|
: Configurations.table.accessControl.create.includes(roleUser);
|
|
66
|
+
var modalProps = ((_d = actions === null || actions === void 0 ? void 0 : actions.create) === null || _d === void 0 ? void 0 : _d.modal) || {};
|
|
66
67
|
if (!actions.create || !enableToCreate) {
|
|
67
68
|
return;
|
|
68
69
|
}
|
|
69
|
-
return ((0, jsx_runtime_1.jsx)(S.Create, { children: ((
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(S.Create, { children: ((_e = actions.create) === null || _e === void 0 ? void 0 : _e.link) ? ((0, jsx_runtime_1.jsxs)(link_1.default, { className: 'create-button font-14-regular', href: actions.create.link.href, children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: ((_f = actions === null || actions === void 0 ? void 0 : actions.create) === null || _f === void 0 ? void 0 : _f.icon) || 'IconPlusSharp' }) }), actions.create.text] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, __assign({ styles: __assign({ width: '100vw', maxWidth: '512px', borderRadius: 10 }, ((actions === null || actions === void 0 ? void 0 : actions.modalStyles) || {})), open: open }, modalProps, { onClose: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.DynamicFormHandler, __assign({}, actions.create, { onSucess: actions.create.onSucess, onFinish: function () { return setOpen(false); } })) })), actions.create.Custom ? ((0, jsx_runtime_1.jsx)(actions.create.Custom, {})) : ((0, jsx_runtime_1.jsxs)("button", { className: 'create-button font-14-regular', type: 'button', onClick: function () { return setOpen(true); }, children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: (actions === null || actions === void 0 ? void 0 : actions.create.icon) || 'IconPlusSharp' }) }), actions.create.text] }))] })) }));
|
|
70
71
|
}
|
|
71
72
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/hooks/ui/use-table/components/table/create/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/hooks/ui/use-table/components/table/create/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,oCAwDC;;AAlED,+BAAgC;AAChC,mDAA4B;AAE5B,2BAAsD;AACtD,mCAA0D;AAI1D,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAsC;;QAApC,OAAO,aAAA;IAC9B,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAE/B,IAAA,QAAQ,GAAK,IAAA,qBAAY,GAAE,SAAnB,CAAmB;IAC3B,IAAA,cAAc,GAAK,IAAA,0BAAiB,GAAE,eAAxB,CAAwB;IAE9C,IAAM,cAAc,GAAG,CAAC,CAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,aAAa,0CAAE,MAAM,CAAA;QAClE,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAEhE,IAAM,UAAU,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,KAAK,KAAI,EAAE,CAAA;IAE/C,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QACvC,OAAM;IACR,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,MAAM,cACN,CAAA,MAAA,OAAO,CAAC,MAAM,0CAAE,IAAI,EAAC,CAAC,CAAC,CACtB,wBAAC,cAAI,IAAC,SAAS,EAAC,+BAA+B,EAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,aAC5E,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAE,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,IAAI,KAAI,eAAe,GAAI,GACpD,EAEL,OAAO,CAAC,MAAM,CAAC,IAAI,IACf,CACR,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,UAAK,aACJ,MAAM,aAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,IAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,EAAE,CAAC,GAC9F,IAAI,EAAE,IAAI,IACN,UAAU,IACd,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,YAE7B,uBAAC,uBAAkB,eACb,OAAO,CAAC,MAAM,IAClB,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,EACjC,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,IAC9B,IACI,EAEP,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACvB,uBAAC,OAAO,CAAC,MAAM,CAAC,MAAM,KAAG,CAC1B,CAAC,CAAC,CAAC,CACF,oCAAQ,SAAS,EAAC,+BAA+B,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,aAC1F,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,IAAI,KAAI,eAAe,GAAI,GACnD,EAEL,OAAO,CAAC,MAAM,CAAC,IAAI,IACb,CACV,IACA,CACJ,GACQ,CACZ,CAAA;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IconsNames, DynamicFormHandlerProps, QueryOptions, PaginationModel, useQueryProps } from '../../../../ui/index.js';
|
|
2
|
+
import { IconsNames, DynamicFormHandlerProps, QueryOptions, PaginationModel, useQueryProps, ModalProps } from '../../../../ui/index.js';
|
|
3
3
|
import { Filter } from './components/table/filters/index.js';
|
|
4
4
|
import { ExportTable } from './components/table/interfaces.js';
|
|
5
5
|
interface Column<T = any> {
|
|
@@ -70,6 +70,7 @@ type TableActionCreate<T = any> = {
|
|
|
70
70
|
link?: {
|
|
71
71
|
href: string;
|
|
72
72
|
};
|
|
73
|
+
modal?: Partial<ModalProps>;
|
|
73
74
|
text?: string;
|
|
74
75
|
icon?: IconsNames;
|
|
75
76
|
Custom?: (props: any) => React.ReactNode;
|
|
@@ -82,6 +83,7 @@ type TableActionEdit<T = any> = {
|
|
|
82
83
|
text: string;
|
|
83
84
|
icon?: IconsNames;
|
|
84
85
|
};
|
|
86
|
+
modal?: Partial<ModalProps>;
|
|
85
87
|
} & DynamicFormHandlerProps<T>;
|
|
86
88
|
type TableActionDelete<T> = (table: {
|
|
87
89
|
[key in keyof T]: T[key];
|
|
@@ -92,11 +94,14 @@ type ActionsTable<T = any> = {
|
|
|
92
94
|
create?: TableActionCreate<T>;
|
|
93
95
|
custom?: FNComponent[];
|
|
94
96
|
modalStyles?: React.CSSProperties;
|
|
95
|
-
delete?:
|
|
97
|
+
delete?: {
|
|
98
|
+
modal?: Partial<ModalProps>;
|
|
99
|
+
confirmDelete?: boolean;
|
|
100
|
+
onDelete?: TableActionDelete<T>;
|
|
101
|
+
};
|
|
96
102
|
detail?: (table: {
|
|
97
103
|
[key in keyof T]: string;
|
|
98
104
|
}) => string;
|
|
99
|
-
confirmDelete?: boolean;
|
|
100
105
|
};
|
|
101
106
|
type ChildrenTable<T = any> = {
|
|
102
107
|
childrenKey: keyof T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/system/hooks/ui/use-table/interfaces.ts"],"names":[],"mappings":";;AAEA,
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/system/hooks/ui/use-table/interfaces.ts"],"names":[],"mappings":";;AAEA,2BAAoI;AAqGpI,mBAAc,CAAA"}
|
package/dist/test/index.js
CHANGED
|
@@ -2,18 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro;
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var
|
|
5
|
+
var ui_1 = require("../ui/index.js");
|
|
6
6
|
var formik_1 = require("formik");
|
|
7
7
|
function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
9
|
-
configurations: {
|
|
10
|
-
Component: function (props) { return (0, jsx_runtime_1.jsx)("div", { children: props.name }); },
|
|
11
|
-
},
|
|
12
|
-
items: [
|
|
13
|
-
{ id: 1, name: 'test', url: '/test' },
|
|
14
|
-
{ id: 2, name: 'tiago', url: '/tiago' },
|
|
15
|
-
],
|
|
16
|
-
}, children: "a" }));
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ui_1.PieSimpleChart, { data: [{ color: "#000", label: "Test", value: 123 }, { color: "#ccc", label: "Test2", value: 1234 }] }) }));
|
|
17
9
|
}
|
|
18
10
|
function Component() {
|
|
19
11
|
var values = (0, formik_1.useFormikContext)().values;
|
package/dist/test/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;AAKA,wGAYC;;AAjBD,2BAAqC;AAErC,iCAAyC;AAGzC,SAAgB,8CAA8C;IAC5D,OAAO,CACN,2DAKH,uBAAC,mBAAc,IAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,GAGlH,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS;IACR,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,OAAO,2DAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAI,CAAA;AACtC,CAAC;AAED,iBAAiB;AACjB,WAAW;AACX,mFAAmF;AACnF,mJAAmJ;AACnJ,6IAA6I;AAC7I,gBAAgB;AAChB,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;mBAuBe;AACjB,CAAC;AACD,iBAAiB;AACjB,CAAC;IACC,UAAU;IACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAqCqB;AACvB,CAAC;AAED,sGAAsG;AAEtG,yGAAyG;AACzG,mBAAmB;AACnB,qGAAqG;AACrG,4JAA4J;AAC5J,4HAA4H;AAE5H,KAAK;AACL,CAAC;IACC;;;;;;;;;;;;;;;oBAegB;AAClB,CAAC;AAED,uHAAuH;AAEvH,qLAAqL;AACrL,2BAA2B;AAC3B,kRAAkR;AAClR,IAAI;AACJ,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA2BqB;AACvB,CAAC;AAED,iBAAiB;AACjB,uCAAuC;AAEvC,WAAW;AACX,OAAO;AACP,cAAc;AACd,sBAAsB;AACtB,yBAAyB;AACzB,6BAA6B;AAC7B,WAAW;AACX,wBAAwB;AAExB,mBAAmB;AACnB,oCAAoC;AACpC,4BAA4B;AAC5B,WAAW;AACX,+BAA+B;AAC/B,kCAAkC;AAClC,wBAAwB;AACxB,0CAA0C;AAC1C,mCAAmC;AAEnC,6DAA6D;AAC7D,kEAAkE;AAClE,cAAc;AACd,aAAa;AACb,4JAA4J;AAC5J,WAAW;AACX,QAAQ;AACR,8BAA8B;AAE9B,+BAA+B;AAC/B,qBAAqB;AACrB,QAAQ;AACR,IAAI;AAEJ,wJAAwJ;AACxJ,CAAC;IACC;;;;;;;;;;;yBAWqB;AACvB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./pie/index.js"), exports);
|
|
18
|
+
__exportStar(require("./matriz/index.js"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/charts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,2CAAwB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type ItemData = {
|
|
2
|
+
image: string;
|
|
3
|
+
label: string;
|
|
4
|
+
overall: number;
|
|
5
|
+
} & {
|
|
6
|
+
[key: string]: number | string;
|
|
7
|
+
};
|
|
8
|
+
export declare function Matriz({ title, data }: {
|
|
9
|
+
title: string;
|
|
10
|
+
data: ItemData[];
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.Matriz = Matriz;
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var S = __importStar(require("./styles.js"));
|
|
39
|
+
function Matriz(_a) {
|
|
40
|
+
var title = _a.title, data = _a.data;
|
|
41
|
+
var headers = Object.keys(data[0]).filter(function (key) { return key !== "label" && key !== "image"; });
|
|
42
|
+
var dataHeaders = headers.filter(function (key) { return key !== "overall"; });
|
|
43
|
+
var maxValue = Math.max.apply(Math, data.flatMap(function (row) {
|
|
44
|
+
return dataHeaders.map(function (header) { return typeof row[header] === 'number' ? row[header] : 0; });
|
|
45
|
+
}));
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)(S.Matriz, { children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-20-regular", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "matriz", children: [(0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { style: { width: "30%" } }), headers.map(function (header, index) { return ((0, jsx_runtime_1.jsxs)("th", { children: [header !== "Não sei avaliar" &&
|
|
47
|
+
header !== "Overall" && header !== "image" &&
|
|
48
|
+
index + 1 + " " + "-", " ", header] }, header)); })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: data.map(function (row, rowIndex) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { style: { textAlign: "left" }, children: (0, jsx_runtime_1.jsxs)("div", { className: "label_container", children: [row.image && (0, jsx_runtime_1.jsx)("img", { src: row.image, alt: "" }), (0, jsx_runtime_1.jsxs)("span", { children: [" ", row.label] })] }) }), headers.map(function (key) {
|
|
49
|
+
var value = typeof row[key] === "number" ? row[key] : 0;
|
|
50
|
+
var isOverall = key === "Overall";
|
|
51
|
+
var percentage = isOverall
|
|
52
|
+
? ""
|
|
53
|
+
: ((value / row.overall) * 100).toFixed(1) + "%";
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)("td", { "data-value": value, style: {
|
|
55
|
+
backgroundColor: isOverall
|
|
56
|
+
? "#ccc"
|
|
57
|
+
: "rgba(74, 144, 226, ".concat(value / maxValue, ")"),
|
|
58
|
+
color: isOverall
|
|
59
|
+
? "#000"
|
|
60
|
+
: value / maxValue > 0.5
|
|
61
|
+
? "#fff"
|
|
62
|
+
: "#000",
|
|
63
|
+
fontWeight: isOverall ? "bold" : "normal",
|
|
64
|
+
textAlign: "center",
|
|
65
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { children: value }), !isOverall && ((0, jsx_runtime_1.jsx)("div", { style: { fontSize: "0.8em", opacity: 0.7 }, children: percentage }))] }, key));
|
|
66
|
+
})] }, rowIndex)); }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "gradient", children: [(0, jsx_runtime_1.jsx)("div", { className: "background" }), (0, jsx_runtime_1.jsxs)("div", { className: "legend", children: [(0, jsx_runtime_1.jsx)("span", { children: "Min" }), (0, jsx_runtime_1.jsx)("span", { children: "Max" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "table-informations", children: (0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { style: { width: "30%" }, children: "Pergunta" }), (0, jsx_runtime_1.jsx)("th", { style: { width: "100px" }, children: "Contagem" }), (0, jsx_runtime_1.jsx)("th", { style: { width: "50%" }, children: "Pontua\u00E7\u00E3o" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: data.map(function (row, rowIndex) {
|
|
67
|
+
var validEntries = Object.entries(row).filter(function (_a) {
|
|
68
|
+
var key = _a[0];
|
|
69
|
+
return key !== "label" &&
|
|
70
|
+
key !== "Não sei avaliar" &&
|
|
71
|
+
key !== "Overall" && key !== "image";
|
|
72
|
+
});
|
|
73
|
+
var totalCount = validEntries.reduce(function (sum, _a) {
|
|
74
|
+
var value = _a[1];
|
|
75
|
+
return sum + Number(value);
|
|
76
|
+
}, 0);
|
|
77
|
+
var weightedSum = validEntries.reduce(function (sum, _a, index) {
|
|
78
|
+
var value = _a[1];
|
|
79
|
+
return sum + Number(value) * (index + 1);
|
|
80
|
+
}, 0);
|
|
81
|
+
var score = totalCount > 0 ? (weightedSum / totalCount).toFixed(2) : "N/A";
|
|
82
|
+
var scores = data.map(function (row) {
|
|
83
|
+
var validEntries = Object.entries(row).filter(function (_a) {
|
|
84
|
+
var key = _a[0];
|
|
85
|
+
return key !== "label" &&
|
|
86
|
+
key !== "Não sei avaliar" &&
|
|
87
|
+
key !== "Overall" && key !== "image";
|
|
88
|
+
});
|
|
89
|
+
var totalCount = validEntries.reduce(function (sum, _a) {
|
|
90
|
+
var value = _a[1];
|
|
91
|
+
return sum + Number(value);
|
|
92
|
+
}, 0);
|
|
93
|
+
var weightedSum = validEntries.reduce(function (sum, _a, index) {
|
|
94
|
+
var value = _a[1];
|
|
95
|
+
return sum + Number(value) * (index + 1);
|
|
96
|
+
}, 0);
|
|
97
|
+
return totalCount > 0
|
|
98
|
+
? Number((weightedSum / totalCount).toFixed(2))
|
|
99
|
+
: 0;
|
|
100
|
+
});
|
|
101
|
+
var maxScore = Math.max.apply(Math, scores);
|
|
102
|
+
return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("td", { style: { textAlign: "left" }, children: [" ", row.label] }), (0, jsx_runtime_1.jsx)("td", { children: totalCount }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsxs)("div", { className: "progress", children: [(0, jsx_runtime_1.jsx)("div", { className: "score-value", children: score }), (0, jsx_runtime_1.jsx)("div", { className: "progress-bar", children: (0, jsx_runtime_1.jsx)("span", { style: {
|
|
103
|
+
width: "".concat((Number(score) / dataHeaders.length) * 100, "%"),
|
|
104
|
+
backgroundColor: Number(score) === maxScore ? "#007BFF" : "#555",
|
|
105
|
+
} }) })] }) })] }, rowIndex));
|
|
106
|
+
}) })] }) })] }));
|
|
107
|
+
}
|
|
108
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/charts/matriz/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Matriz: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Matriz = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Matriz = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nmargin-bottom: 50px;\n\n .matriz {\n margin-bottom: 20px;\n\n img {\n width: 50px;\n height: 50px;\n object-fit: contain;\n background-color: #ccc;\n }\n\n .label_container {\n display: flex;\n gap: 5px;\n align-items: center;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n }\n\n th,\n td {\n border: 1px solid #ddd;\n padding: 8px;\n text-align: center;\n }\n\n th {\n background-color: #f4f4f4;\n }\n\n .min-max-bar {\n width: 100%;\n height: 10px;\n margin-top: 10px;\n background: linear-gradient(to right, #4a90e2, #ffcc00);\n }\n\n .gradient {\n max-width: 300px;\n width: 100%;\n margin: 20px auto 0;\n display: flex;\n flex-direction: column;\n\n .background {\n background-image: linear-gradient(\n to right,\n white,\n rgba(74, 144, 226, 1)\n );\n height: 20px;\n border-radius: 50px;\n margin-bottom: 2px;\n border: 1px solid rgb(216, 216, 216);\n }\n\n .legend {\n display: flex;\n justify-content: space-between;\n font-size: 12p;\n }\n }\n }\n\n\n .table-informations {\n table {\n width: 100%;\n border-collapse: collapse;\n font-family: Arial, sans-serif;\n }\n\n th,\n td {\n padding: 12px;\n text-align: left;\n border-bottom: 1px solid #ddd;\n }\n\n th {\n background-color: #f5f5f5;\n font-weight: bold;\n }\n\n tr:nth-child(even) {\n background-color: #f9f9f9;\n }\n\n .progress-bar-container {\n width: 100%;\n background-color: #e0e0e0;\n border-radius: 4px;\n height: 8px;\n position: relative;\n }\n\n .progress {\n display: flex;\n gap: 15px;\n width: 100%;\n align-items: center;\n\n .progress-bar {\n height: 8px;\n border-radius: 4px;\n transition: width 0.3s ease-in-out;\n width: 100%;\n\n span {\n height: 8px;\n display: flex;\n background-color: grey;\n }\n }\n }\n }\n\n"], ["\nmargin-bottom: 50px;\n\n .matriz {\n margin-bottom: 20px;\n\n img {\n width: 50px;\n height: 50px;\n object-fit: contain;\n background-color: #ccc;\n }\n\n .label_container {\n display: flex;\n gap: 5px;\n align-items: center;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n }\n\n th,\n td {\n border: 1px solid #ddd;\n padding: 8px;\n text-align: center;\n }\n\n th {\n background-color: #f4f4f4;\n }\n\n .min-max-bar {\n width: 100%;\n height: 10px;\n margin-top: 10px;\n background: linear-gradient(to right, #4a90e2, #ffcc00);\n }\n\n .gradient {\n max-width: 300px;\n width: 100%;\n margin: 20px auto 0;\n display: flex;\n flex-direction: column;\n\n .background {\n background-image: linear-gradient(\n to right,\n white,\n rgba(74, 144, 226, 1)\n );\n height: 20px;\n border-radius: 50px;\n margin-bottom: 2px;\n border: 1px solid rgb(216, 216, 216);\n }\n\n .legend {\n display: flex;\n justify-content: space-between;\n font-size: 12p;\n }\n }\n }\n\n\n .table-informations {\n table {\n width: 100%;\n border-collapse: collapse;\n font-family: Arial, sans-serif;\n }\n\n th,\n td {\n padding: 12px;\n text-align: left;\n border-bottom: 1px solid #ddd;\n }\n\n th {\n background-color: #f5f5f5;\n font-weight: bold;\n }\n\n tr:nth-child(even) {\n background-color: #f9f9f9;\n }\n\n .progress-bar-container {\n width: 100%;\n background-color: #e0e0e0;\n border-radius: 4px;\n height: 8px;\n position: relative;\n }\n\n .progress {\n display: flex;\n gap: 15px;\n width: 100%;\n align-items: center;\n\n .progress-bar {\n height: 8px;\n border-radius: 4px;\n transition: width 0.3s ease-in-out;\n width: 100%;\n\n span {\n height: 8px;\n display: flex;\n background-color: grey;\n }\n }\n }\n }\n\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/charts/matriz/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,+tEAAA,4pEA0H/B,KAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './simple/index.js';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./simple/index.js"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/charts/pie/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getPathData = getPathData;
|
|
4
|
+
exports.breakWord = breakWord;
|
|
5
|
+
function getPathData(cx, cy, radius, startAngle, endAngle) {
|
|
6
|
+
var rad = Math.PI / 180;
|
|
7
|
+
var x1 = cx + radius * Math.cos(rad * startAngle);
|
|
8
|
+
var y1 = cy + radius * Math.sin(rad * startAngle);
|
|
9
|
+
var x2 = cx + radius * Math.cos(rad * endAngle);
|
|
10
|
+
var y2 = cy + radius * Math.sin(rad * endAngle);
|
|
11
|
+
var largeArcFlag = endAngle - startAngle > 180 ? 1 : 0;
|
|
12
|
+
return [
|
|
13
|
+
"M ".concat(cx, " ").concat(cy),
|
|
14
|
+
"L ".concat(x1, " ").concat(y1),
|
|
15
|
+
"A ".concat(radius, " ").concat(radius, " 0 ").concat(largeArcFlag, " 1 ").concat(x2, " ").concat(y2),
|
|
16
|
+
"Z",
|
|
17
|
+
].join(" ");
|
|
18
|
+
}
|
|
19
|
+
function breakWord(word, maxWordsPerLine) {
|
|
20
|
+
var words = word.split(" ");
|
|
21
|
+
var lines = [];
|
|
22
|
+
if (!maxWordsPerLine) {
|
|
23
|
+
var firstLine = words.slice(0, Math.ceil(words.length / 2)).join(" ");
|
|
24
|
+
var secondLine = words.slice(Math.ceil(words.length / 2)).join(" ");
|
|
25
|
+
return [firstLine, secondLine];
|
|
26
|
+
}
|
|
27
|
+
for (var i = 0; i < words.length; i += maxWordsPerLine) {
|
|
28
|
+
lines.push(words.slice(i, i + maxWordsPerLine).join(" "));
|
|
29
|
+
}
|
|
30
|
+
return lines;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=functions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"functions.js","sourceRoot":"","sources":["../../../../../../src/ui/components/charts/pie/simple/functions.ts"],"names":[],"mappings":";;AAAA,kCAoBC;AAED,8BAgBC;AAtCD,SAAgB,WAAW,CACzB,EAAU,EACV,EAAU,EACV,MAAc,EACd,UAAkB,EAClB,QAAgB;IAEhB,IAAM,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;IAC1B,IAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC;IACpD,IAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC;IACpD,IAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC;IAClD,IAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC;IAClD,IAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzD,OAAO;QACL,YAAK,EAAE,cAAI,EAAE,CAAE;QACf,YAAK,EAAE,cAAI,EAAE,CAAE;QACf,YAAK,MAAM,cAAI,MAAM,gBAAM,YAAY,gBAAM,EAAE,cAAI,EAAE,CAAE;QACvD,GAAG;KACJ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED,SAAgB,SAAS,CAAC,IAAY,EAAE,eAAwB;IAC9D,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,IAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACxE,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEtE,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACjC,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,eAAe,EAAE,CAAC;QACvD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.PieSimpleChart = PieSimpleChart;
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var react_1 = require("react");
|
|
39
|
+
var ui_1 = require("../../../../../ui/index.js");
|
|
40
|
+
var functions_1 = require("./functions.js");
|
|
41
|
+
var S = __importStar(require("./styles.js"));
|
|
42
|
+
function PieSimpleChart(_a) {
|
|
43
|
+
var data = _a.data, _b = _a.size, size = _b === void 0 ? 300 : _b;
|
|
44
|
+
var _window = (0, ui_1.useWindow)();
|
|
45
|
+
var isMobile = _window && _window.innerWidth <= 1024;
|
|
46
|
+
var containerRef = (0, react_1.useRef)(null);
|
|
47
|
+
var cx = size / 2;
|
|
48
|
+
var cy = size / 2;
|
|
49
|
+
var radius = size / 2;
|
|
50
|
+
var labelRadius = radius * 1.2; // Distância para posicionar os labels fora da pizza
|
|
51
|
+
var total = data.reduce(function (acc, item) { return acc + item.value; }, 0);
|
|
52
|
+
var startAngle = 0;
|
|
53
|
+
// Estados para controle do tooltip
|
|
54
|
+
var _c = (0, react_1.useState)(null), hoveredSlice = _c[0], setHoveredSlice = _c[1];
|
|
55
|
+
var _d = (0, react_1.useState)({ x: 0, y: 0 }), tooltipPos = _d[0], setTooltipPos = _d[1];
|
|
56
|
+
// Calcula posição relativa ao container para posicionar o tooltip
|
|
57
|
+
function handleMouseMove(e) {
|
|
58
|
+
if (containerRef.current) {
|
|
59
|
+
var rect = containerRef.current.getBoundingClientRect();
|
|
60
|
+
var x = e.clientX - rect.left;
|
|
61
|
+
var y = e.clientY - rect.top;
|
|
62
|
+
setTooltipPos({ x: x, y: y });
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return ((0, jsx_runtime_1.jsxs)(S.PieSimpleChart, { className: 'pie_simple_chart_infinity_forge', ref: containerRef, children: [(0, jsx_runtime_1.jsx)("svg", { width: size * 1.5, height: size, style: { overflow: 'visible' }, children: data.map(function (item, index) {
|
|
66
|
+
var sliceAngle = (item.value / total) * 360;
|
|
67
|
+
var endAngle = startAngle + sliceAngle;
|
|
68
|
+
var midAngle = startAngle + sliceAngle / 2;
|
|
69
|
+
var pathData = (0, functions_1.getPathData)(cx, cy, radius, startAngle, endAngle);
|
|
70
|
+
var rad = Math.PI / 180;
|
|
71
|
+
// Calcula as coordenadas do label
|
|
72
|
+
var labelX = cx + labelRadius * Math.cos(midAngle * rad);
|
|
73
|
+
var labelY = cy + labelRadius * Math.sin(midAngle * rad);
|
|
74
|
+
var textAnchor = labelX > cx ? 'start' : 'end';
|
|
75
|
+
// Linha de conexão entre a fatia e o label
|
|
76
|
+
var lineX1 = cx + radius * 0.8 * Math.cos(midAngle * rad);
|
|
77
|
+
var lineY1 = cy + radius * 0.8 * Math.sin(midAngle * rad);
|
|
78
|
+
var dx = labelX > cx ? '5px' : '-5px';
|
|
79
|
+
var newItemLabel = "".concat(item.label, ": ").concat(((item.value / total) * 100).toFixed(2), "%");
|
|
80
|
+
var lines = (0, functions_1.breakWord)(newItemLabel);
|
|
81
|
+
var currentSlice = ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { d: pathData, fill: item.color, stroke: '#fff', strokeWidth: 2, onMouseEnter: function (e) {
|
|
82
|
+
setHoveredSlice(item);
|
|
83
|
+
handleMouseMove(e);
|
|
84
|
+
}, onMouseMove: handleMouseMove, onMouseLeave: function () { return setHoveredSlice(null); } }), (0, jsx_runtime_1.jsx)("line", { x1: lineX1, y1: lineY1, x2: labelX, y2: labelY, stroke: '#333', strokeWidth: 1 }), (0, jsx_runtime_1.jsx)("text", { x: labelX, y: labelY, dx: dx, textAnchor: textAnchor, alignmentBaseline: 'middle', fontSize: isMobile ? '9px' : '11px', fontWeight: 'bold', fill: '#333', onMouseEnter: function (e) {
|
|
85
|
+
setHoveredSlice(item);
|
|
86
|
+
handleMouseMove(e);
|
|
87
|
+
}, onMouseMove: function (e) { return handleMouseMove(e); }, onMouseLeave: function () { return setHoveredSlice(null); }, children: isMobile ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: lines.map(function (line, index) { return ((0, jsx_runtime_1.jsx)("tspan", { x: labelX, dx: dx, dy: index === 0 ? '-5' : '12', children: line }, index)); }) })) : (newItemLabel) })] }, index));
|
|
88
|
+
startAngle = endAngle;
|
|
89
|
+
return currentSlice;
|
|
90
|
+
}) }), hoveredSlice && ((0, jsx_runtime_1.jsxs)("div", { className: 'tooltip', style: { left: tooltipPos.x + 10, top: tooltipPos.y + 10 }, children: [(0, jsx_runtime_1.jsx)("strong", { children: hoveredSlice.label }), ": ", hoveredSlice.value] }))] }));
|
|
91
|
+
}
|
|
92
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/charts/pie/simple/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/ui/components/charts/pie/simple/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PieSimpleChart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.PieSimpleChart = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.PieSimpleChart = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n\n svg path:hover {\n opacity: 0.8;\n cursor: pointer;\n }\n\n .tooltip {\n position: absolute;\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n pointer-events: none;\n white-space: nowrap;\n z-index: 999;\n }\n"], ["\n position: relative;\n display: inline-block;\n\n svg path:hover {\n opacity: 0.8;\n cursor: pointer;\n }\n\n .tooltip {\n position: absolute;\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n pointer-events: none;\n white-space: nowrap;\n z-index: 999;\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/charts/pie/simple/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+aAAA,4WAoB1C,KAAA"}
|
|
@@ -6,5 +6,6 @@ export declare const FormHandlerContext: import("react").Context<{
|
|
|
6
6
|
onSubmit: (action?: ICustomSubmitProps["action"], configs?: OnSubmitConfiguration) => Promise<void>;
|
|
7
7
|
values: any;
|
|
8
8
|
setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void | FormikErrors<any>>;
|
|
9
|
+
formHandlerContextProps?: any;
|
|
9
10
|
}>;
|
|
10
11
|
export default function FormElement(props: IFormHandler): import("react/jsx-runtime").JSX.Element;
|
|
@@ -106,7 +106,7 @@ var custom_submit_1 = require("../custom-submit/index.js");
|
|
|
106
106
|
var S = __importStar(require("../styles.js"));
|
|
107
107
|
exports.FormHandlerContext = (0, react_1.createContext)(null);
|
|
108
108
|
function FormHandlerComponent(_a) {
|
|
109
|
-
var i18n = _a.i18n, button = _a.button, schema = _a.schema, modifySchema = _a.modifySchema, recaptcha = _a.recaptcha, children = _a.children, onFinish = _a.onFinish, onSucess = _a.onSucess, debugMode = _a.debugMode, fileFields = _a.fileFields, autoComplete = _a.autoComplete, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm, customAction = _a.customAction, decimalFields = _a.decimalFields, messageProvider = _a.messageProvider, defaultSchemas = _a.defaultSchemas, isStickyButtons = _a.isStickyButtons, onValidateSchema = _a.onValidateSchema, _b = _a.cleanFieldsOnSubmit, cleanFieldsOnSubmit = _b === void 0 ? true : _b, _c = _a.disableEnterKeySubmitForm, disableEnterKeySubmitForm = _c === void 0 ? false : _c;
|
|
109
|
+
var i18n = _a.i18n, button = _a.button, schema = _a.schema, modifySchema = _a.modifySchema, recaptcha = _a.recaptcha, children = _a.children, onFinish = _a.onFinish, onSucess = _a.onSucess, debugMode = _a.debugMode, fileFields = _a.fileFields, autoComplete = _a.autoComplete, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm, customAction = _a.customAction, decimalFields = _a.decimalFields, messageProvider = _a.messageProvider, defaultSchemas = _a.defaultSchemas, isStickyButtons = _a.isStickyButtons, onValidateSchema = _a.onValidateSchema, formHandlerContextProps = _a.formHandlerContextProps, _b = _a.cleanFieldsOnSubmit, cleanFieldsOnSubmit = _b === void 0 ? true : _b, _c = _a.disableEnterKeySubmitForm, disableEnterKeySubmitForm = _c === void 0 ? false : _c;
|
|
110
110
|
var _d = (0, react_1.useState)({ state: '', message: '' }), stateForm = _d[0], setStateForm = _d[1];
|
|
111
111
|
var sendFiles = (0, use_send_file_1.useSendFile)({ fileFields: fileFields, debugMode: debugMode });
|
|
112
112
|
var validateSchemas = (0, use_schemas_1.useSchemas)({ schema: schema, defaultSchemas: defaultSchemas, i18n: i18n, modifySchema: modifySchema });
|
|
@@ -301,7 +301,7 @@ function FormHandlerComponent(_a) {
|
|
|
301
301
|
(0, react_1.useEffect)(function () {
|
|
302
302
|
onChangeForm && onChangeForm.callbackResult(values);
|
|
303
303
|
}, __spreadArray([values], ((onChangeForm === null || onChangeForm === void 0 ? void 0 : onChangeForm.additionalDependencies) || []), true));
|
|
304
|
-
return ((0, jsx_runtime_1.jsx)(exports.FormHandlerContext.Provider, { value: { onSubmit: onSubmit, stateForm: stateForm, values: values, setFieldValue: setFieldValue }, children: (0, jsx_runtime_1.jsx)(formik_1.Form, { autoComplete: autoComplete, children: (0, jsx_runtime_1.jsxs)(S.FormHandler, { onKeyDown: handleKeyDown, id: formHandlerId, children: [stateForm.state === 'error' && (0, jsx_runtime_1.jsx)("span", { className: 'error-form', children: stateForm.message }), (0, jsx_runtime_1.jsx)("div", { className: 'conntent_form_infinity_forge', children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "form-button ".concat(isStickyButtons ? 'sticky' : ''), children: [recaptcha && (0, jsx_runtime_1.jsx)("div", { id: 'recaptcha-v3' }), customAction && ((0, jsx_runtime_1.jsx)(customAction.Component, __assign({}, (customAction.props || {}), { stateForm: stateForm, handleSubmit: handleSubmit, values: values, setFieldValue: setFieldValue }))), button && ((0, jsx_runtime_1.jsx)(ui_1.Button, __assign({}, button, { type: 'button', onClick: function () { return handleSubmit(); }, loading: stateForm.state === 'loading' }))), customSubmit &&
|
|
304
|
+
return ((0, jsx_runtime_1.jsx)(exports.FormHandlerContext.Provider, { value: { onSubmit: onSubmit, stateForm: stateForm, values: values, setFieldValue: setFieldValue, formHandlerContextProps: formHandlerContextProps }, children: (0, jsx_runtime_1.jsx)(formik_1.Form, { autoComplete: autoComplete, children: (0, jsx_runtime_1.jsxs)(S.FormHandler, { onKeyDown: handleKeyDown, id: formHandlerId, children: [stateForm.state === 'error' && (0, jsx_runtime_1.jsx)("span", { className: 'error-form', children: stateForm.message }), (0, jsx_runtime_1.jsx)("div", { className: 'conntent_form_infinity_forge', children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "form-button ".concat(isStickyButtons ? 'sticky' : ''), children: [recaptcha && (0, jsx_runtime_1.jsx)("div", { id: 'recaptcha-v3' }), customAction && ((0, jsx_runtime_1.jsx)(customAction.Component, __assign({}, (customAction.props || {}), { stateForm: stateForm, handleSubmit: handleSubmit, values: values, setFieldValue: setFieldValue }))), button && ((0, jsx_runtime_1.jsx)(ui_1.Button, __assign({}, button, { type: 'button', onClick: function () { return handleSubmit(); }, loading: stateForm.state === 'loading' }))), customSubmit &&
|
|
305
305
|
customSubmit.length > 0 &&
|
|
306
306
|
customSubmit.map(function (custom, index) { return ((0, jsx_runtime_1.jsx)(custom_submit_1.CustomSubmitButton, __assign({}, custom, { stateForm: stateForm, onSubmit: handleSubmit }), index)); })] })] }) }) }));
|
|
307
307
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,4 +3,5 @@ export declare function useFormHandler(): {
|
|
|
3
3
|
onSubmit: (action?: import("../index.js").ICustomSubmitProps["action"], configs?: import("../index.js").OnSubmitConfiguration) => Promise<void>;
|
|
4
4
|
values: any;
|
|
5
5
|
setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void | import("formik").FormikErrors<any>>;
|
|
6
|
+
formHandlerContextProps?: any;
|
|
6
7
|
};
|
|
@@ -25,6 +25,7 @@ export interface IFormHandler {
|
|
|
25
25
|
onValidateSchema?: (erors: any) => void;
|
|
26
26
|
recaptcha?: boolean | string;
|
|
27
27
|
decimalFields?: string[];
|
|
28
|
+
formHandlerContextProps?: any;
|
|
28
29
|
messageProvider?: MessageProviderProps;
|
|
29
30
|
modifyInitialData?: (initialData: IFormHandler["initialData"]) => any;
|
|
30
31
|
onFinish?: (data: any, initialValues: any) => void;
|
|
@@ -64,7 +64,6 @@ interface Props {
|
|
|
64
64
|
onClick?: (value: any) => void;
|
|
65
65
|
};
|
|
66
66
|
iconDirection?: 'left' | 'right';
|
|
67
|
-
only?: 'cpf' | 'cnpj';
|
|
68
67
|
onChangeInput?: (value: number | string | boolean | string[] | Date | FileSystemType[], callback?: () => void, formik?: InputFormikState, applyMask?: (value: string, mask: string) => string, formikContext?: FormikContextType<unknown>) => any;
|
|
69
68
|
controlledInitialValue?: {
|
|
70
69
|
value?: string;
|
|
@@ -3,6 +3,7 @@ export * from './site/index.js';
|
|
|
3
3
|
export * from './form/index.js';
|
|
4
4
|
export * from './video/index.js';
|
|
5
5
|
export * from './modal/index.js';
|
|
6
|
+
export * from './charts/index.js';
|
|
6
7
|
export * from './overlay/index.js';
|
|
7
8
|
export * from './button/index.js';
|
|
8
9
|
export * from './tooltip/index.js';
|
|
@@ -19,6 +19,7 @@ __exportStar(require("./site/index.js"), exports);
|
|
|
19
19
|
__exportStar(require("./form/index.js"), exports);
|
|
20
20
|
__exportStar(require("./video/index.js"), exports);
|
|
21
21
|
__exportStar(require("./modal/index.js"), exports);
|
|
22
|
+
__exportStar(require("./charts/index.js"), exports);
|
|
22
23
|
__exportStar(require("./overlay/index.js"), exports);
|
|
23
24
|
__exportStar(require("./button/index.js"), exports);
|
|
24
25
|
__exportStar(require("./tooltip/index.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,4CAAyB;AACzB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
|
|
@@ -53,6 +53,6 @@ function Modal(_a) {
|
|
|
53
53
|
return null;
|
|
54
54
|
return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { onClick: handleCancel, isExiting: !open, children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, className: 'modal-content', onClick: function (e) {
|
|
55
55
|
e.stopPropagation();
|
|
56
|
-
}, children: [(title || !hideCloseButton) && ((0, jsx_runtime_1.jsxs)("h2", { className: 'title', children: [title && title, !hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { className: 'close-button', type: 'button', onClick: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconClose' }) }))] })), (0, jsx_runtime_1.jsxs)("div", { style: stylesContent, className: 'content_modal_infinity_forge', children: [message && (0, jsx_runtime_1.jsx)("p", { className: 'message', children: message }), children, actions && ((0, jsx_runtime_1.jsxs)("div", { className: 'actions_modal_infinity_forge', children: [onCancel && (0, jsx_runtime_1.jsx)("button", { onClick: handleCancel, children: cancelText }), onConfirm && (0, jsx_runtime_1.jsx)("button", { onClick: handleConfirm, children: confirmText }), actions && (0, jsx_runtime_1.jsx)("div", { className: 'custom_actions_modal_infinity_forge', children: actions })] }))] })] }) }));
|
|
56
|
+
}, children: [(title || !hideCloseButton) && ((0, jsx_runtime_1.jsxs)("h2", { className: 'title', children: [(0, jsx_runtime_1.jsx)("span", { className: 'title_content', children: title && title }), !hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { className: 'close-button', type: 'button', onClick: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconClose' }) }))] })), (0, jsx_runtime_1.jsxs)("div", { style: stylesContent, className: 'content_modal_infinity_forge', children: [message && (0, jsx_runtime_1.jsx)("p", { className: 'message', children: message }), children, actions && ((0, jsx_runtime_1.jsxs)("div", { className: 'actions_modal_infinity_forge', children: [onCancel && (0, jsx_runtime_1.jsx)("button", { onClick: handleCancel, children: cancelText }), onConfirm && (0, jsx_runtime_1.jsx)("button", { onClick: handleConfirm, children: confirmText }), actions && (0, jsx_runtime_1.jsx)("div", { className: 'custom_actions_modal_infinity_forge', children: actions })] }))] })] }) }));
|
|
57
57
|
}
|
|
58
58
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,sBAoEC;;AA1ED,sCAAoC;AACpC,oCAAiC;AACjC,oCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAcT;QAbX,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA,EACzB,SAAS,eAAA,EACT,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,aAAa,mBAAA;IAEb,IAAM,YAAY,GAAG,IAAA,0BAAkB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAElD,SAAS,aAAa;QACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;IACf,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;QACZ,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,iBAAO,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IAAI,YAC9C,wBAAC,CAAC,CAAC,KAAK,IACN,KAAK,EAAE,MAAM,gBACD,CAAC,IAAI,EACjB,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,UAAC,CAAC;gBACT,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,sBAoEC;;AA1ED,sCAAoC;AACpC,oCAAiC;AACjC,oCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAcT;QAbX,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA,EACzB,SAAS,eAAA,EACT,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,aAAa,mBAAA;IAEb,IAAM,YAAY,GAAG,IAAA,0BAAkB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAElD,SAAS,aAAa;QACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;IACf,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;QACZ,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,iBAAO,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IAAI,YAC9C,wBAAC,CAAC,CAAC,KAAK,IACN,KAAK,EAAE,MAAM,gBACD,CAAC,IAAI,EACjB,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,UAAC,CAAC;gBACT,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,aAEE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,IAAI,CAC9B,gCAAI,SAAS,EAAC,OAAO,aACnB,iCAAM,SAAS,EAAC,eAAe,YAAE,KAAK,IAAI,KAAK,GAAQ,EAEtD,CAAC,eAAe,IAAI,CACnB,mCAAQ,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YAC7D,uBAAC,YAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GAClB,CACV,IACE,CACN,EAEH,iCAAK,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,8BAA8B,aAChE,OAAO,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,GAAK,EAE/C,QAAQ,EAER,OAAO,IAAI,CACV,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,QAAQ,IAAI,mCAAQ,OAAO,EAAE,YAAY,YAAG,UAAU,GAAU,EAEhE,SAAS,IAAI,mCAAQ,OAAO,EAAE,aAAa,YAAG,WAAW,GAAU,EAEnE,OAAO,IAAI,gCAAK,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAO,IAC5E,CACP,IACG,IACE,GACF,CACX,CAAA;AACH,CAAC"}
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.Modal = void 0;
|
|
11
11
|
var keyframes_1 = require("../../../ui/styles/keyframes.js");
|
|
12
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
exports.Modal = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: white;\n max-height: 90vh;\n border-radius: 8px;\n padding: 24px;\n width: 90%;\n max-width: 80vw;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n animation: ", " 0.3s ease forwards;\n display: flex;\n flex-direction: column;\n\n .conntent_form_infinity_forge {\n /* overflow: auto;\n max-height: 90vh; */\n padding: 0 10px;\n }\n\n .title {\n margin: 0 0 6px;\n font-size: 1.5rem;\n color: #333;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-shrink: 0;\n\n .close-button {\n display: flex;\n align-items: center;\n width: 10px;\n margin: 0 0 0 auto;\n background: none;\n padding: 0;\n border: none;\n color: #666;\n transition: color 0.2s;\n\n svg {\n width: 100%;\n height: 100%;\n fill: currentColor;\n }\n\n &:hover {\n color: #333;\n }\n }\n }\n\n .message {\n margin: 0 0 16px;\n font-size: 1rem;\n color: #666;\n }\n\n .content_modal_infinity_forge {\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n\n &::-webkit-scrollbar {\n width: 3px;\n background-color: #f5f5f5;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n border: 2px solid transparent;\n background-clip: content-box;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n margin: 4px 0;\n }\n\n scrollbar-width: thin;\n scrollbar-color: ", " #f5f5f5;\n }\n\n .actions_modal_infinity_forge {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n padding-top: 16px;\n\n button {\n padding: 8px 16px;\n border: none;\n border-radius: 4px;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color, filter, 0.2s;\n\n &:first-of-type {\n background-color: #f0f0f0;\n color: #333;\n\n &:hover {\n background-color: #e0e0e0;\n }\n }\n\n &:last-of-type {\n background-color: ", ";\n color: white;\n\n &:hover {\n filter: brightness(95%);\n }\n }\n }\n }\n\n .form-button .sticky {\n margin: 0;\n bottom: -1px;\n }\n"], ["\n background-color: white;\n max-height: 90vh;\n border-radius: 8px;\n padding: 24px;\n width: 90%;\n max-width: 80vw;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n animation: ", " 0.3s ease forwards;\n display: flex;\n flex-direction: column;\n\n .conntent_form_infinity_forge {\n /* overflow: auto;\n max-height: 90vh; */\n padding: 0 10px;\n }\n\n .title {\n margin: 0 0 6px;\n font-size: 1.5rem;\n color: #333;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-shrink: 0;\n\n .close-button {\n display: flex;\n align-items: center;\n width: 10px;\n margin: 0 0 0 auto;\n background: none;\n padding: 0;\n border: none;\n color: #666;\n transition: color 0.2s;\n\n svg {\n width: 100%;\n height: 100%;\n fill: currentColor;\n }\n\n &:hover {\n color: #333;\n }\n }\n }\n\n .message {\n margin: 0 0 16px;\n font-size: 1rem;\n color: #666;\n }\n\n .content_modal_infinity_forge {\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n\n &::-webkit-scrollbar {\n width: 3px;\n background-color: #f5f5f5;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n border: 2px solid transparent;\n background-clip: content-box;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n margin: 4px 0;\n }\n\n scrollbar-width: thin;\n scrollbar-color: ", " #f5f5f5;\n }\n\n .actions_modal_infinity_forge {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n padding-top: 16px;\n\n button {\n padding: 8px 16px;\n border: none;\n border-radius: 4px;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color, filter, 0.2s;\n\n &:first-of-type {\n background-color: #f0f0f0;\n color: #333;\n\n &:hover {\n background-color: #e0e0e0;\n }\n }\n\n &:last-of-type {\n background-color: ", ";\n color: white;\n\n &:hover {\n filter: brightness(95%);\n }\n }\n }\n }\n\n .form-button .sticky {\n margin: 0;\n bottom: -1px;\n }\n"])), function (_a) {
|
|
13
|
+
exports.Modal = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: white;\n max-height: 90vh;\n border-radius: 8px;\n padding: 24px;\n width: 90%;\n max-width: 80vw;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n animation: ", " 0.3s ease forwards;\n display: flex;\n flex-direction: column;\n\n .conntent_form_infinity_forge {\n /* overflow: auto;\n max-height: 90vh; */\n padding: 0 10px;\n }\n\n\n .title {\n margin: 0 0 6px;\n font-size: 1.5rem;\n color: #333;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-shrink: 0;\n\n .close-button {\n display: flex;\n align-items: center;\n width: 10px;\n margin: 0 0 0 auto;\n background: none;\n padding: 0;\n border: none;\n color: #666;\n transition: color 0.2s;\n\n svg {\n width: 100%;\n height: 100%;\n fill: currentColor;\n }\n\n &:hover {\n color: #333;\n }\n }\n }\n\n .message {\n margin: 0 0 16px;\n font-size: 1rem;\n color: #666;\n }\n\n .content_modal_infinity_forge {\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n\n &::-webkit-scrollbar {\n width: 3px;\n background-color: #f5f5f5;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n border: 2px solid transparent;\n background-clip: content-box;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n margin: 4px 0;\n }\n\n scrollbar-width: thin;\n scrollbar-color: ", " #f5f5f5;\n }\n\n .actions_modal_infinity_forge {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n padding-top: 16px;\n\n button {\n padding: 8px 16px;\n border: none;\n border-radius: 4px;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color, filter, 0.2s;\n\n &:first-of-type {\n background-color: #f0f0f0;\n color: #333;\n\n &:hover {\n background-color: #e0e0e0;\n }\n }\n\n &:last-of-type {\n background-color: ", ";\n color: white;\n\n &:hover {\n filter: brightness(95%);\n }\n }\n }\n }\n\n .form-button .sticky {\n margin: 0;\n bottom: -1px;\n }\n"], ["\n background-color: white;\n max-height: 90vh;\n border-radius: 8px;\n padding: 24px;\n width: 90%;\n max-width: 80vw;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n animation: ", " 0.3s ease forwards;\n display: flex;\n flex-direction: column;\n\n .conntent_form_infinity_forge {\n /* overflow: auto;\n max-height: 90vh; */\n padding: 0 10px;\n }\n\n\n .title {\n margin: 0 0 6px;\n font-size: 1.5rem;\n color: #333;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-shrink: 0;\n\n .close-button {\n display: flex;\n align-items: center;\n width: 10px;\n margin: 0 0 0 auto;\n background: none;\n padding: 0;\n border: none;\n color: #666;\n transition: color 0.2s;\n\n svg {\n width: 100%;\n height: 100%;\n fill: currentColor;\n }\n\n &:hover {\n color: #333;\n }\n }\n }\n\n .message {\n margin: 0 0 16px;\n font-size: 1rem;\n color: #666;\n }\n\n .content_modal_infinity_forge {\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n\n &::-webkit-scrollbar {\n width: 3px;\n background-color: #f5f5f5;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n border: 2px solid transparent;\n background-clip: content-box;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n margin: 4px 0;\n }\n\n scrollbar-width: thin;\n scrollbar-color: ", " #f5f5f5;\n }\n\n .actions_modal_infinity_forge {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n padding-top: 16px;\n\n button {\n padding: 8px 16px;\n border: none;\n border-radius: 4px;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color, filter, 0.2s;\n\n &:first-of-type {\n background-color: #f0f0f0;\n color: #333;\n\n &:hover {\n background-color: #e0e0e0;\n }\n }\n\n &:last-of-type {\n background-color: ", ";\n color: white;\n\n &:hover {\n filter: brightness(95%);\n }\n }\n }\n }\n\n .form-button .sticky {\n margin: 0;\n bottom: -1px;\n }\n"])), function (_a) {
|
|
14
14
|
var $isExiting = _a.$isExiting;
|
|
15
15
|
return ($isExiting ? keyframes_1.condenseAnimation : keyframes_1.expandAnimation);
|
|
16
16
|
}, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#0070f3'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryHoverColor) || '#005bb5'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#0070f3'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#0070f3'; });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,mDAA0E;AAC1E,wEAAsC;AAEzB,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,mDAA0E;AAC1E,wEAAsC;AAEzB,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,i8EAA0B,2LAQ1C,EAAsE,mlCA6D3D,EAAkD,kMAOhD,EAAuD,+KAU5D,EAAkD,4jBA4B7C,EAAkD,yLAc7E,KAxHc,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,6BAAiB,CAAC,CAAC,CAAC,2BAAe,CAAC;AAAlD,CAAkD,EA6D3D,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,SAAS,CAAA,EAAA,EAOhD,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,iBAAiB,KAAI,SAAS,CAAA,EAAA,EAU5D,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,SAAS,CAAA,EAAA,EA4B7C,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,SAAS,CAAA,EAAA,EAc7E"}
|