infinity-forge 0.49.8 → 0.50.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/system/presentation/components/layout/header/components/search-modal/index.js +3 -1
- package/dist/system/presentation/components/layout/header/components/search-modal/index.js.map +1 -1
- package/dist/system/presentation/components/layout/header/components/search-modal/search-list/index.d.ts +3 -2
- package/dist/system/presentation/components/layout/header/components/search-modal/search-list/index.js +2 -2
- package/dist/system/presentation/components/layout/header/components/search-modal/search-list/index.js.map +1 -1
- package/dist/system/presentation/context/container.js +1 -1
- package/dist/system/presentation/context/container.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/actions/index.js +16 -16
- package/dist/system/presentation/hooks/ui/use-table/components/table/actions/index.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/create/index.js +17 -17
- package/dist/system/presentation/hooks/ui/use-table/components/table/create/index.js.map +1 -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/index.d.ts +3 -0
- package/dist/ui/components/modal/index.js +74 -0
- package/dist/ui/components/modal/index.js.map +1 -0
- package/dist/ui/components/modal/interfaces.d.ts +27 -0
- package/dist/ui/components/modal/interfaces.js.map +1 -0
- package/dist/ui/components/modal/modalManager.d.ts +2 -0
- package/dist/ui/components/modal/modalManager.js +17 -0
- package/dist/ui/components/modal/modalManager.js.map +1 -0
- package/dist/ui/components/modal/styles.js +14 -0
- package/dist/ui/components/modal/styles.js.map +1 -0
- package/dist/ui/contexts/index.d.ts +0 -1
- package/dist/ui/contexts/index.js +0 -1
- package/dist/ui/contexts/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/ui/contexts/modal/context.d.ts +0 -9
- package/dist/ui/contexts/modal/context.js +0 -88
- package/dist/ui/contexts/modal/context.js.map +0 -1
- package/dist/ui/contexts/modal/index.d.ts +0 -3
- package/dist/ui/contexts/modal/index.js +0 -20
- package/dist/ui/contexts/modal/index.js.map +0 -1
- package/dist/ui/contexts/modal/interfaces.d.ts +0 -13
- package/dist/ui/contexts/modal/interfaces.js.map +0 -1
- package/dist/ui/contexts/modal/modal_item/index.d.ts +0 -2
- package/dist/ui/contexts/modal/modal_item/index.js +0 -33
- package/dist/ui/contexts/modal/modal_item/index.js.map +0 -1
- package/dist/ui/contexts/modal/styles.js +0 -14
- package/dist/ui/contexts/modal/styles.js.map +0 -1
- /package/dist/ui/{contexts → components}/modal/interfaces.js +0 -0
- /package/dist/ui/{contexts → components}/modal/styles.d.ts +0 -0
|
@@ -25,12 +25,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.SearchModal = void 0;
|
|
27
27
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var react_1 = require("react");
|
|
28
29
|
var ui_1 = require("../../../../../../../ui/index.js");
|
|
29
30
|
var trigger_1 = require("./trigger/index.js");
|
|
30
31
|
var search_list_1 = require("./search-list/index.js");
|
|
31
32
|
var S = __importStar(require("./styles.js"));
|
|
32
33
|
function SearchModal() {
|
|
33
|
-
|
|
34
|
+
var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchModal', children: (0, jsx_runtime_1.jsxs)(S.SearchModal, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, { open: open, onClose: function () { return setOpen(false); }, styles: { width: '100vw', maxWidth: "512px", borderRadius: 10 }, children: (0, jsx_runtime_1.jsx)(search_list_1.SearchList, { setOpen: setOpen }) }), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () { return setOpen(true); }, children: (0, jsx_runtime_1.jsx)(trigger_1.SearchTrigger, {}) })] }) }));
|
|
34
36
|
}
|
|
35
37
|
exports.SearchModal = SearchModal;
|
|
36
38
|
//# sourceMappingURL=index.js.map
|
package/dist/system/presentation/components/layout/header/components/search-modal/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,2BAAmC;AACnC,qCAAyC;AACzC,6CAA0C;AAE1C,0CAA6B;AAE7B,SAAgB,WAAW;IACnB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,uBAAC,UAAK,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,YAC/G,uBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,GAAI,GAC1B,EAER,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,YAChD,uBAAC,uBAAa,KAAG,GACV,IACK,GACV,CACT,CAAA;AACH,CAAC;AAhBD,kCAgBC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare function SearchList({ setOpen }: {
|
|
2
|
+
setOpen: any;
|
|
3
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -35,13 +35,13 @@ var ui_1 = require("../../../../../../../../ui/index.js");
|
|
|
35
35
|
var S = __importStar(require("./styles.js"));
|
|
36
36
|
function SearchList(_a) {
|
|
37
37
|
var _b;
|
|
38
|
-
var
|
|
38
|
+
var setOpen = _a.setOpen;
|
|
39
39
|
var _c = (0, react_1.useState)(''), searchText = _c[0], setSearchText = _c[1];
|
|
40
40
|
var data = (0, system_1.useLoadMenu)().data;
|
|
41
41
|
var filteredList = (_b = data.items) === null || _b === void 0 ? void 0 : _b.filter(function (list) {
|
|
42
42
|
return JSON.stringify(list).toLowerCase().includes(searchText.toLowerCase());
|
|
43
43
|
});
|
|
44
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchList', children: (0, jsx_runtime_1.jsxs)(S.SearchList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)(ui_1.FormHandler, { children: (0, jsx_runtime_1.jsx)(system_1.InputSearch, { onChange: function (value) { return setSearchText(value); } }) }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick:
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchList', children: (0, jsx_runtime_1.jsxs)(S.SearchList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)(ui_1.FormHandler, { children: (0, jsx_runtime_1.jsx)(system_1.InputSearch, { onChange: function (value) { return setSearchText(value); } }) }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }), (0, jsx_runtime_1.jsx)("div", { className: 'list', children: (filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: 'not-found', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconNotFound' }) }), (0, jsx_runtime_1.jsx)("p", { className: 'font-20-regular', children: "Nenhum resultado encontrado" })] })) : (filteredList === null || filteredList === void 0 ? void 0 : filteredList.map(function (item, index) {
|
|
45
45
|
var _a;
|
|
46
46
|
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h6", { className: "font-12-bold uppercase ".concat(index !== 0 && 'last'), children: item.title }), filteredList[index].route && ((0, jsx_runtime_1.jsxs)(link_1.default, { href: filteredList[index].route, className: 'item', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: filteredList[index].icon }) }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-box font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: 'name', children: filteredList[index].title }), (0, jsx_runtime_1.jsx)("span", { className: 'href', children: filteredList[index].route })] })] }, filteredList[index].title)), (_a = item.items) === null || _a === void 0 ? void 0 : _a.map(function (subItem) {
|
|
47
47
|
return subItem.route ? ((0, jsx_runtime_1.jsxs)(link_1.default, { href: subItem.route, className: 'item', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: subItem.icon }) }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-box font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: 'name', children: subItem.title }), (0, jsx_runtime_1.jsx)("span", { className: 'href', children: subItem.route })] })] }, subItem.title)) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAE1C,mDAA4B;AAE5B,mCAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ var infra_injection_1 = require("./infra-injection/index.js");
|
|
|
21
21
|
function InfinityForgeProviders(_a) {
|
|
22
22
|
var auth = _a.auth, theme = _a.theme, children = _a.children, InjectedRemotes = _a.InjectedRemotes, Configurations = _a.Configurations, siteConfigurations = _a.siteConfigurations;
|
|
23
23
|
function ContainerContent() {
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(sites_1.SiteProvider, { siteConfigurations: siteConfigurations, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ui_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(ui_1.
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(sites_1.SiteProvider, { siteConfigurations: siteConfigurations, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ui_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(ui_1.LoaderOnRouteChange, { children: children }) }) }) }));
|
|
25
25
|
}
|
|
26
26
|
return ((0, jsx_runtime_1.jsx)(infra_injection_1.InfraInjectionProvider, { InjectedRemotes: InjectedRemotes, Configurations: Configurations, children: auth ? ((0, jsx_runtime_1.jsx)(auth_1.AuthAdminProvider, __assign({}, auth, { children: (0, jsx_runtime_1.jsx)(ContainerContent, {}) }))) : ((0, jsx_runtime_1.jsx)(ContainerContent, {})) }));
|
|
27
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2BAAyD;AACzD,iCAAuE;AAEvE,+BAAkE;AAClE,iCAAkE;AAClE,qDAAqF;AAErF,SAAgB,sBAAsB,CAAC,EAU4D;QATjG,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,kBAAkB,wBAAA;IAKlB,SAAS,gBAAgB;QACvB,OAAO,CACL,uBAAC,oBAAY,IAAC,kBAAkB,EAAE,kBAAkB,YAClD,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,uBAAC,kBAAa,cACZ,uBAAC,wBAAmB,cAAE,QAAQ,GAAuB,GACvC,GACF,GACH,CAChB,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wCAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,YACrF,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,wBAAiB,eAAK,IAAI,cACzB,uBAAC,gBAAgB,KAAG,IACF,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAgB,KAAG,CACrB,GACsB,CAC1B,CAAA;AACH,CAAC;AAlCD,wDAkCC"}
|
|
@@ -75,30 +75,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
75
75
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
76
76
|
exports.Actions = void 0;
|
|
77
77
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
78
|
+
var react_1 = require("react");
|
|
78
79
|
var link_1 = __importDefault(require("next/link"));
|
|
79
80
|
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
80
81
|
var S = __importStar(require("./styles.js"));
|
|
81
82
|
function Actions(_a) {
|
|
82
83
|
var _b;
|
|
83
84
|
var actions = _a.actions, table = _a.table;
|
|
85
|
+
var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
|
|
84
86
|
var payload = __assign(__assign({}, ((actions === null || actions === void 0 ? void 0 : actions.edit) || {})), { tableItem: table });
|
|
87
|
+
function onSuccessEdit(data) {
|
|
88
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
89
|
+
return __generator(this, function (_a) {
|
|
90
|
+
switch (_a.label) {
|
|
91
|
+
case 0: return [4 /*yield*/, actions.edit.onSucess(data, undefined, table)];
|
|
92
|
+
case 1:
|
|
93
|
+
_a.sent();
|
|
94
|
+
setOpen(false);
|
|
95
|
+
return [2 /*return*/];
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
}
|
|
85
100
|
return ((0, jsx_runtime_1.jsx)(S.Actions, { children: (0, jsx_runtime_1.jsxs)("div", { children: [actions.edit &&
|
|
86
|
-
(((_b = actions.edit) === null || _b === void 0 ? void 0 : _b.link) ? ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { 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.jsx)(ui_1.Modal, {
|
|
87
|
-
function onSuccessEdit(data) {
|
|
88
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
89
|
-
return __generator(this, function (_a) {
|
|
90
|
-
switch (_a.label) {
|
|
91
|
-
case 0: return [4 /*yield*/, actions.edit.onSucess(data, undefined, table)];
|
|
92
|
-
case 1:
|
|
93
|
-
_a.sent();
|
|
94
|
-
props.closeModal();
|
|
95
|
-
return [2 /*return*/];
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
return (0, jsx_runtime_1.jsx)(ui_1.DynamicFormHandler, __assign({}, payload, { onSucess: onSuccessEdit }));
|
|
101
|
-
} }))), actions.detail && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { 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)(ui_1.Tooltip, { bgColor: '#fff', enableHover: true, content: 'Excluir', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: function () { return actions.delete(table); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) }) })), actions.custom &&
|
|
101
|
+
(((_b = actions.edit) === null || _b === void 0 ? void 0 : _b.link) ? ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { 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, { open: open, onClose: function () { return setOpen(false); }, styles: { width: '100vw', maxWidth: '512px', borderRadius: 5 }, children: (0, jsx_runtime_1.jsx)(ui_1.DynamicFormHandler, __assign({}, payload, { onSucess: onSuccessEdit })) }), (0, jsx_runtime_1.jsx)("span", { className: 'action-button', onClick: function () { return setOpen(true); }, children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { 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, { 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)(ui_1.Tooltip, { bgColor: '#fff', enableHover: true, content: 'Excluir', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: function () { return actions.delete(table); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) }) })), actions.custom &&
|
|
102
102
|
actions.custom.length > 0 &&
|
|
103
103
|
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)); })] }) }));
|
|
104
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -75,31 +75,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
75
75
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
76
76
|
exports.CreateAction = void 0;
|
|
77
77
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
78
|
-
var
|
|
78
|
+
var react_1 = require("react");
|
|
79
79
|
var link_1 = __importDefault(require("next/link"));
|
|
80
|
+
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
80
81
|
var S = __importStar(require("./styles.js"));
|
|
81
82
|
function CreateAction(_a) {
|
|
82
83
|
var _b, _c;
|
|
83
84
|
var actions = _a.actions;
|
|
85
|
+
var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
|
|
86
|
+
function onSuccessCreate(data) {
|
|
87
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
88
|
+
return __generator(this, function (_a) {
|
|
89
|
+
switch (_a.label) {
|
|
90
|
+
case 0: return [4 /*yield*/, actions.create.onSucess(data)];
|
|
91
|
+
case 1:
|
|
92
|
+
_a.sent();
|
|
93
|
+
setOpen(false);
|
|
94
|
+
return [2 /*return*/];
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
}
|
|
84
99
|
if (!actions.create) {
|
|
85
100
|
return;
|
|
86
101
|
}
|
|
87
|
-
return ((0, jsx_runtime_1.jsx)(S.Create, { children: ((_b = actions.create) === null || _b === void 0 ? void 0 : _b.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: ((_c = actions === null || actions === void 0 ? void 0 : actions.create) === null || _c === void 0 ? void 0 : _c.icon) || 'IconPlusSharp' }) }), actions.create.text] })) : ((0, jsx_runtime_1.jsx)(ui_1.Modal, {
|
|
88
|
-
function onSuccessCreate(data) {
|
|
89
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
90
|
-
return __generator(this, function (_a) {
|
|
91
|
-
switch (_a.label) {
|
|
92
|
-
case 0: return [4 /*yield*/, actions.create.onSucess(data)];
|
|
93
|
-
case 1:
|
|
94
|
-
_a.sent();
|
|
95
|
-
props.closeModal();
|
|
96
|
-
return [2 /*return*/];
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
return (0, jsx_runtime_1.jsx)(ui_1.DynamicFormHandler, __assign({}, actions.create, { onSucess: onSuccessCreate }));
|
|
102
|
-
} })) }));
|
|
102
|
+
return ((0, jsx_runtime_1.jsx)(S.Create, { children: ((_b = actions.create) === null || _b === void 0 ? void 0 : _b.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: ((_c = actions === null || actions === void 0 ? void 0 : actions.create) === null || _c === void 0 ? void 0 : _c.icon) || 'IconPlusSharp' }) }), actions.create.text] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, { styles: { width: '100vw', maxWidth: '512px', borderRadius: 10 }, open: open, onClose: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.DynamicFormHandler, __assign({}, actions.create, { onSucess: onSuccessCreate })) }), (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] })] })) }));
|
|
103
103
|
}
|
|
104
104
|
exports.CreateAction = CreateAction;
|
|
105
105
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/create/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/create/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,mDAA4B;AAE5B,2BAAsD;AAItD,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAsC;;QAApC,OAAO,aAAA;IAC9B,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,SAAe,eAAe,CAAC,IAAI;;;;4BACjC,qBAAM,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA;;wBAAnC,SAAmC,CAAA;wBAEnC,OAAO,CAAC,KAAK,CAAC,CAAA;;;;;KACf;IAED,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACpB,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,IACJ,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,EAC/D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,YAE7B,uBAAC,uBAAkB,eAAK,OAAO,CAAC,MAAM,IAAE,QAAQ,EAAE,eAAe,IAAI,GAC/D,EAER,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,IACR,CACJ,GACQ,CACZ,CAAA;AACH,CAAC;AA5CD,oCA4CC"}
|
|
@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./form/index.js"), exports);
|
|
18
|
+
__exportStar(require("./modal/index.js"), exports);
|
|
18
19
|
__exportStar(require("./button/index.js"), exports);
|
|
19
20
|
__exportStar(require("./tooltip/index.js"), exports);
|
|
20
21
|
__exportStar(require("./sidebar/index.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
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 (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.Modal = void 0;
|
|
30
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
+
var react_1 = require("react");
|
|
32
|
+
var react_dom_1 = __importDefault(require("react-dom"));
|
|
33
|
+
var ui_1 = require("../../../ui/index.js");
|
|
34
|
+
var modalManager_1 = require("./modalManager.js");
|
|
35
|
+
var S = __importStar(require("./styles.js"));
|
|
36
|
+
exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
|
|
37
|
+
var open = _a.open, container = _a.container, styles = _a.styles, onClose = _a.onClose, children = _a.children;
|
|
38
|
+
var _b = (0, react_1.useState)(false), showPortal = _b[0], setShowPortal = _b[1];
|
|
39
|
+
var refModal = (0, react_1.useRef)(null);
|
|
40
|
+
var refContainer = (0, react_1.useRef)(null);
|
|
41
|
+
if (refContainer.current === null && process.browser) {
|
|
42
|
+
refContainer.current = document.createElement("div");
|
|
43
|
+
}
|
|
44
|
+
(0, modalManager_1.useModalManager)(refModal, open);
|
|
45
|
+
(0, react_1.useEffect)(function () {
|
|
46
|
+
return function () {
|
|
47
|
+
if (showPortal) {
|
|
48
|
+
if (refContainer.current &&
|
|
49
|
+
!container &&
|
|
50
|
+
document.body.contains(refContainer.current)) {
|
|
51
|
+
document.body.removeChild(refContainer.current);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
}, [showPortal]);
|
|
56
|
+
(0, react_1.useEffect)(function () {
|
|
57
|
+
if (open && !showPortal) {
|
|
58
|
+
setShowPortal(true);
|
|
59
|
+
if (refContainer.current &&
|
|
60
|
+
!container &&
|
|
61
|
+
!document.body.contains(refContainer.current)) {
|
|
62
|
+
document.body.appendChild(refContainer.current);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}, [open]);
|
|
66
|
+
function closeModal() {
|
|
67
|
+
setShowPortal(false);
|
|
68
|
+
onClose();
|
|
69
|
+
}
|
|
70
|
+
return showPortal && refContainer.current
|
|
71
|
+
? react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "Modal", children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: "overlay", onClick: closeModal }), (0, jsx_runtime_1.jsxs)("div", { className: "modal_content", style: styles, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: closeModal, className: "close_modal_infinity_forge", children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: "CloseIcon", fill: "#000" }) }), (0, jsx_runtime_1.jsx)("div", { className: "content_modal_infinity_forge", children: children })] })] }) }), refContainer.current)
|
|
72
|
+
: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
73
|
+
});
|
|
74
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+E;AAC/E,wDAAiC;AAEjC,2BAAmC;AAEnC,+CAAiD;AAIjD,0CAA8B;AAEjB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UACE,EAMa,EACb,CAA+B;QAN7B,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA;IAIJ,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IAEpD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEzD,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrD,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC;IAED,IAAA,8BAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC;QACR,OAAO;YACL,IAAI,UAAU,EAAE,CAAC;gBACf,IACE,YAAY,CAAC,OAAO;oBACpB,CAAC,SAAS;oBACV,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAC5C,CAAC;oBACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBAClD,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,CAAC;YAEpB,IACE,YAAY,CAAC,OAAO;gBACpB,CAAC,SAAS;gBACV,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAC7C,CAAC;gBACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAClD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,UAAU;QACjB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,UAAU,IAAI,YAAY,CAAC,OAAO;QACvC,CAAC,CAAC,mBAAQ,CAAC,YAAY,CACnB,uBAAC,UAAK,IAAC,IAAI,EAAC,OAAO,YACjB,wBAAC,CAAC,CAAC,KAAK,eACN,gCAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,MAAM,aAC1C,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,4BAA4B,YAEtC,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAG,GAC9B,EAET,gCAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,IAC1D,IACE,GACJ,EACR,YAAY,CAAC,OAAO,CACrB;QACH,CAAC,CAAC,kDAAK,CAAC;AACZ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface ModalProps {
|
|
3
|
+
open: boolean;
|
|
4
|
+
center?: boolean;
|
|
5
|
+
closeOnEsc?: boolean;
|
|
6
|
+
closeOnOverlayClick?: boolean;
|
|
7
|
+
blockScroll?: boolean;
|
|
8
|
+
showCloseIcon?: boolean;
|
|
9
|
+
closeIconId?: string;
|
|
10
|
+
closeIcon?: React.ReactNode;
|
|
11
|
+
focusTrapped?: boolean;
|
|
12
|
+
initialFocusRef?: React.RefObject<HTMLElement>;
|
|
13
|
+
container?: Element | null;
|
|
14
|
+
styles?: React.CSSProperties;
|
|
15
|
+
animationDuration?: number;
|
|
16
|
+
role?: string;
|
|
17
|
+
ariaLabelledby?: string;
|
|
18
|
+
ariaDescribedby?: string;
|
|
19
|
+
reserveScrollBarGap?: boolean;
|
|
20
|
+
containerId?: string;
|
|
21
|
+
modalId?: string;
|
|
22
|
+
onClose: () => void;
|
|
23
|
+
onEscKeyDown?: (event: KeyboardEvent) => void;
|
|
24
|
+
onOverlayClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
25
|
+
onAnimationEnd?: () => void;
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useModalManager = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var modals = [];
|
|
6
|
+
function useModalManager(ref, open) {
|
|
7
|
+
(0, react_1.useEffect)(function () {
|
|
8
|
+
if (open) {
|
|
9
|
+
modals.push(ref);
|
|
10
|
+
}
|
|
11
|
+
return function () {
|
|
12
|
+
modals = modals.filter(function (modal) { return modal !== ref; });
|
|
13
|
+
};
|
|
14
|
+
}, [open, ref]);
|
|
15
|
+
}
|
|
16
|
+
exports.useModalManager = useModalManager;
|
|
17
|
+
//# sourceMappingURL=modalManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modalManager.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/modalManager.ts"],"names":[],"mappings":";;;AAAA,+BAAuC;AAEvC,IAAI,MAAM,GAAmB,EAAE,CAAC;AAEhC,SAAgB,eAAe,CAAC,GAAiB,EAAE,IAAa;IAC9D,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC;QACD,OAAO;YACL,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,GAAG,EAAb,CAAa,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAClB,CAAC;AATD,0CASC"}
|
|
@@ -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.Modal = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Modal = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: 100%;\n max-width: 95vw;\n max-height: 100vh;\n position: fixed;\n z-index: 9999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 35px 0 20px;\n\n .content_modal_infinity_forge {\n max-height: 80vh;\n overflow: auto;\n padding: 0 20px;\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"], ["\n .overlay {\n position: fixed;\n z-index: 999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: 100%;\n max-width: 95vw;\n max-height: 100vh;\n position: fixed;\n z-index: 9999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 35px 0 20px;\n\n .content_modal_infinity_forge {\n max-height: 80vh;\n overflow: auto;\n padding: 0 20px;\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\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/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,66BAAA,02BA6CjC,KAAC"}
|
|
@@ -14,7 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./modal/index.js"), exports);
|
|
18
17
|
__exportStar(require("./toast/index.js"), exports);
|
|
19
18
|
__exportStar(require("./route-loading/index.js"), exports);
|
|
20
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/contexts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/contexts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,kDAA+B"}
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { IModal } from './interfaces.js';
|
|
2
|
-
declare function ModalProvider({ children }: {
|
|
3
|
-
children: any;
|
|
4
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
declare function useModal(): {
|
|
6
|
-
createModal: (item: IModal) => void;
|
|
7
|
-
closeModal: (uid: string) => void;
|
|
8
|
-
};
|
|
9
|
-
export { ModalProvider, useModal };
|
|
@@ -1,88 +0,0 @@
|
|
|
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
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
37
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
38
|
-
if (ar || !(i in from)) {
|
|
39
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
40
|
-
ar[i] = from[i];
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
44
|
-
};
|
|
45
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
46
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
47
|
-
};
|
|
48
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
|
-
exports.useModal = exports.ModalProvider = void 0;
|
|
50
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
51
|
-
var react_1 = require("react");
|
|
52
|
-
var react_dom_1 = __importDefault(require("react-dom"));
|
|
53
|
-
var ui_1 = require("../../../ui/index.js");
|
|
54
|
-
var S = __importStar(require("./styles.js"));
|
|
55
|
-
var ModalContext = (0, react_1.createContext)({
|
|
56
|
-
createModal: function () { },
|
|
57
|
-
closeModal: function () { },
|
|
58
|
-
});
|
|
59
|
-
function ModalProvider(_a) {
|
|
60
|
-
var children = _a.children;
|
|
61
|
-
var _b = (0, react_1.useState)([]), modal = _b[0], setModal = _b[1];
|
|
62
|
-
var refContainer = (0, react_1.useRef)(null);
|
|
63
|
-
function createModal(item) {
|
|
64
|
-
var id = (0, ui_1.uid)(32);
|
|
65
|
-
setModal(function (state) { return __spreadArray(__spreadArray([], state, true), [__assign(__assign({}, item), { id: item.id || id })], false); });
|
|
66
|
-
}
|
|
67
|
-
function closeModal(id) {
|
|
68
|
-
var findModal = modal.find(function (m) { return m.id === id; });
|
|
69
|
-
if (findModal) {
|
|
70
|
-
setModal(function (state) { return state.filter(function (item) { return item.id !== findModal.id; }); });
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
return ((0, jsx_runtime_1.jsxs)(ModalContext.Provider, { value: { createModal: createModal, closeModal: closeModal }, children: [children, refContainer.current &&
|
|
74
|
-
react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(S.Modal, { children: modal === null || modal === void 0 ? void 0 : modal.map(function (modal_props) {
|
|
75
|
-
function close() {
|
|
76
|
-
(modal_props === null || modal_props === void 0 ? void 0 : modal_props.onClose) && modal_props.onClose();
|
|
77
|
-
closeModal(modal_props.id);
|
|
78
|
-
}
|
|
79
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Modal', children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'overlay', onClick: close }), (0, jsx_runtime_1.jsxs)("div", { className: 'modal_content', style: __assign({}, modal_props.style), children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: close, className: 'close_modal_infinity_forge', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon', fill: '#000' }) }), (0, jsx_runtime_1.jsx)(modal_props.ModalContent, { closeModal: close })] })] }) }, modal_props.id));
|
|
80
|
-
}) }), refContainer.current), (0, jsx_runtime_1.jsx)("div", { ref: refContainer })] }));
|
|
81
|
-
}
|
|
82
|
-
exports.ModalProvider = ModalProvider;
|
|
83
|
-
function useModal() {
|
|
84
|
-
var context = (0, react_1.useContext)(ModalContext);
|
|
85
|
-
return context;
|
|
86
|
-
}
|
|
87
|
-
exports.useModal = useModal;
|
|
88
|
-
//# sourceMappingURL=context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/ui/contexts/modal/context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkF;AAClF,wDAAgC;AAEhC,2BAAuC;AAIvC,0CAA6B;AAE7B,IAAM,YAAY,GAAG,IAAA,qBAAa,EAA6E;IAC7G,WAAW,EAAE,cAAO,CAAC;IACrB,UAAU,EAAE,cAAO,CAAC;CACrB,CAAC,CAAA;AAEF,SAAS,aAAa,CAAC,EAAY;QAAV,QAAQ,cAAA;IACzB,IAAA,KAAoB,IAAA,gBAAQ,EAAW,EAAE,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAA;IAEhD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAExD,SAAS,WAAW,CAAC,IAAY;QAC/B,IAAM,EAAE,GAAG,IAAA,QAAG,EAAC,EAAE,CAAC,CAAA;QAElB,QAAQ,CAAC,UAAC,KAAK,IAAK,uCAAI,KAAK,gCAAO,IAAI,KAAE,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,cAAvC,CAA0C,CAAC,CAAA;IACjE,CAAC;IAED,SAAS,UAAU,CAAC,EAAgB;QAClC,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAX,CAAW,CAAC,CAAA;QAEhD,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,EAAxB,CAAwB,CAAC,EAAhD,CAAgD,CAAC,CAAA;QACvE,CAAC;IACH,CAAC;IAED,OAAO,CACL,wBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,aACtD,QAAQ,EAER,YAAY,CAAC,OAAO;gBACnB,mBAAQ,CAAC,YAAY,CACnB,uBAAC,CAAC,CAAC,KAAK,cACL,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,WAAW;wBACtB,SAAS,KAAK;4BACZ,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,WAAW,CAAC,OAAO,EAAE,CAAA;4BAC7C,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;wBAC5B,CAAC;wBAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,OAAO,YACjB,wBAAC,CAAC,CAAC,KAAK,eACN,gCAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,GAAI,EAE3C,iCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,eAAO,WAAW,CAAC,KAAK,cAC1D,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,4BAA4B,YAC1E,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAG,GAC9B,EAER,uBAAC,WAAW,CAAC,YAAY,IAAC,UAAU,EAAE,KAAK,GAAI,IAC5C,IACE,IAXa,WAAW,CAAC,EAAE,CAY/B,CACT,CAAA;oBACH,CAAC,CAAC,GACM,EACV,YAAY,CAAC,OAAO,CACrB,EAEH,gCAAK,GAAG,EAAE,YAAY,GAAQ,IACR,CACzB,CAAA;AACH,CAAC;AAQQ,sCAAa;AANtB,SAAS,QAAQ;IACf,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;IAExC,OAAO,OAAO,CAAA;AAChB,CAAC;AAEuB,4BAAQ"}
|
|
@@ -1,20 +0,0 @@
|
|
|
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("./context.js"), exports);
|
|
18
|
-
__exportStar(require("./modal_item/index.js"), exports);
|
|
19
|
-
__exportStar(require("./interfaces.js"), exports);
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,+CAA4B;AAC5B,+CAA4B"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface IModal {
|
|
3
|
-
id?: string;
|
|
4
|
-
trigger: JSX.Element;
|
|
5
|
-
style?: React.CSSProperties;
|
|
6
|
-
open?: true;
|
|
7
|
-
onClose?: () => void;
|
|
8
|
-
onOpen?: () => void;
|
|
9
|
-
ModalContent: (props: ModalContentProps) => JSX.Element;
|
|
10
|
-
}
|
|
11
|
-
export type ModalContentProps = {
|
|
12
|
-
closeModal: () => void;
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/contexts/modal/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Modal = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var react_1 = require("react");
|
|
6
|
-
var ui_1 = require("../../../../ui/index.js");
|
|
7
|
-
var context_1 = require("../context.js");
|
|
8
|
-
function Modal(props) {
|
|
9
|
-
var createModal = (0, context_1.useModal)().createModal;
|
|
10
|
-
(0, react_1.useEffect)(function () {
|
|
11
|
-
if (props.open) {
|
|
12
|
-
createModal(props);
|
|
13
|
-
}
|
|
14
|
-
}, [props.open]);
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'clone_element_button_modal_item', children: props.trigger &&
|
|
16
|
-
(0, react_1.cloneElement)(props.trigger, {
|
|
17
|
-
onClick: function () {
|
|
18
|
-
createModal(props);
|
|
19
|
-
(props === null || props === void 0 ? void 0 : props.onOpen) && props.onOpen();
|
|
20
|
-
},
|
|
21
|
-
}) }));
|
|
22
|
-
}
|
|
23
|
-
exports.Modal = Modal;
|
|
24
|
-
{
|
|
25
|
-
/* <Modal
|
|
26
|
-
id='EXAMPLE_MODAL'
|
|
27
|
-
trigger={<button>ABRIR</button>}
|
|
28
|
-
ModalContent={(props: {} & ModalContentProps) => {
|
|
29
|
-
return <strong className='font-20-bold' onClick={() => props.closeModal()}>FECHAR</strong>
|
|
30
|
-
}}
|
|
31
|
-
/> */
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/contexts/modal/modal_item/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+C;AAE/C,2BAA4B;AAC5B,sCAAqC;AAIrC,SAAgB,KAAK,CAAC,KAAa;IACzB,IAAA,WAAW,GAAK,IAAA,kBAAQ,GAAE,YAAf,CAAe;IAElC,IAAA,iBAAS,EAAC;QACR,IAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YACd,WAAW,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,iCAAiC,YAC1C,KAAK,CAAC,OAAO;YACZ,IAAA,oBAAY,EAAC,KAAK,CAAC,OAAO,EAAE;gBAC1B,OAAO,EAAE;oBACP,WAAW,CAAC,KAAK,CAAC,CAAA;oBAClB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,EAAE,CAAC;gBAClC,CAAC;aACF,CAAC,GACE,CACT,CAAA;AACH,CAAC;AApBD,sBAoBC;AAED,CAAC;IACC;;;;;;OAMG;AACL,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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.Modal = void 0;
|
|
11
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(2px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: 100%;\n max-height: 100vh;\n position: fixed;\n z-index: 9999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"], ["\n .overlay {\n position: fixed;\n z-index: 999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(2px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: 100%;\n max-height: 100vh;\n position: fixed;\n z-index: 9999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"])));
|
|
13
|
-
var templateObject_1;
|
|
14
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/contexts/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+vBAAA,4rBAqCjC,KAAA"}
|
|
File without changes
|
|
File without changes
|