infinity-forge 0.51.8 → 0.51.10
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/data/notifications/index.js +8 -7
- package/dist/system/presentation/components/data/notifications/index.js.map +1 -1
- package/dist/system/presentation/context/infra-injection/interfaces.d.ts +6 -2
- package/dist/ui/components/form/handler/form-handler/index.d.ts +1 -1
- 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/interfaces.d.ts +1 -0
- package/dist/ui/components/form/handler/styles.js +1 -1
- package/dist/ui/components/form/handler/styles.js.map +1 -1
- package/dist/ui/components/form/input-control/index.js +1 -1
- package/dist/ui/components/form/input-control/index.js.map +1 -1
- package/dist/ui/components/modal/index.js +1 -0
- package/dist/ui/components/modal/index.js.map +1 -1
- package/dist/ui/components/modal/styles.js +1 -1
- package/dist/ui/components/modal/styles.js.map +1 -1
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js +16 -9
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js.map +1 -1
- package/package.json +1 -1
|
@@ -80,7 +80,7 @@ var styles_1 = require("../../layout/header/components/menu-right/styles.js");
|
|
|
80
80
|
var S = __importStar(require("./styles.js"));
|
|
81
81
|
function ReadNotifications(_a) {
|
|
82
82
|
var _b;
|
|
83
|
-
var notifications = _a.notifications;
|
|
83
|
+
var notifications = _a.notifications, icon = _a.icon;
|
|
84
84
|
var readNotifications = (0, system_1.useLoadNoReadNotifications)();
|
|
85
85
|
function handleOnOpen() {
|
|
86
86
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -101,33 +101,34 @@ function ReadNotifications(_a) {
|
|
|
101
101
|
});
|
|
102
102
|
});
|
|
103
103
|
}
|
|
104
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.ActionBox, { type: 'button', onClick: handleOnOpen, children: [((_b = readNotifications.data) === null || _b === void 0 ? void 0 : _b.number) > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' })] }));
|
|
104
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.ActionBox, { type: 'button', onClick: handleOnOpen, children: [((_b = readNotifications.data) === null || _b === void 0 ? void 0 : _b.number) > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), icon ? icon : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' })] }));
|
|
105
105
|
}
|
|
106
106
|
function Notifications(props) {
|
|
107
|
+
var _a;
|
|
107
108
|
var Configurations = (0, system_1.useInfraInjection)().Configurations;
|
|
108
109
|
var notifications = (0, system_1.useLoadAllNotifications)();
|
|
109
110
|
if (!Configurations.notification) {
|
|
110
111
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
111
112
|
}
|
|
112
113
|
function ContentNotification(_a) {
|
|
113
|
-
var notifications = _a.notifications;
|
|
114
|
+
var notifications = _a.notifications, CustomComponent = _a.CustomComponent;
|
|
114
115
|
if (!notifications || (notifications === null || notifications === void 0 ? void 0 : notifications.length) === 0) {
|
|
115
116
|
return (0, jsx_runtime_1.jsx)("p", { className: 'font-16-regular', children: "Nenhuma notifica\u00E7\u00E3o no momento." });
|
|
116
117
|
}
|
|
117
118
|
return notifications.map(function (notification) {
|
|
118
|
-
return
|
|
119
|
+
return CustomComponent ? ((0, jsx_runtime_1.jsx)(CustomComponent, __assign({}, notification), 'custom-notification-card' + notification.id)) : ((0, jsx_runtime_1.jsx)(card_1.NotificationCard, __assign({}, notification), 'notification-card' + notification.id));
|
|
119
120
|
});
|
|
120
121
|
}
|
|
121
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, bgColor: '#fff', trigger: (0, jsx_runtime_1.jsx)(ReadNotifications, { notifications: notifications.data }), content: (0, jsx_runtime_1.jsx)(S.Content, { children: (0, jsx_runtime_1.jsx)(system_1.Tab, { tabs: [
|
|
122
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, bgColor: '#fff', trigger: (0, jsx_runtime_1.jsx)(ReadNotifications, { notifications: notifications.data, icon: (_a = Configurations === null || Configurations === void 0 ? void 0 : Configurations.notification) === null || _a === void 0 ? void 0 : _a.icon }), content: (0, jsx_runtime_1.jsx)(S.Content, { children: (0, jsx_runtime_1.jsx)(system_1.Tab, { tabs: [
|
|
122
123
|
{
|
|
123
124
|
key: 'not_read',
|
|
124
125
|
title: 'Não lido',
|
|
125
|
-
content: function () { return (0, jsx_runtime_1.jsx)(ContentNotification, { notifications: notifications === null || notifications === void 0 ? void 0 : notifications.data.filter(function (item) { return !item.isRead; }) }); },
|
|
126
|
+
content: function () { return ((0, jsx_runtime_1.jsx)(ContentNotification, { notifications: notifications === null || notifications === void 0 ? void 0 : notifications.data.filter(function (item) { return !item.isRead; }), CustomComponent: Configurations.notification.CustomComponent })); },
|
|
126
127
|
},
|
|
127
128
|
{
|
|
128
129
|
key: 'read',
|
|
129
130
|
title: 'Lidos',
|
|
130
|
-
content: function () { return (0, jsx_runtime_1.jsx)(ContentNotification, { notifications: notifications === null || notifications === void 0 ? void 0 : notifications.data.filter(function (item) { return item.isRead; }) }); },
|
|
131
|
+
content: function () { return ((0, jsx_runtime_1.jsx)(ContentNotification, { notifications: notifications === null || notifications === void 0 ? void 0 : notifications.data.filter(function (item) { return item.isRead; }), CustomComponent: Configurations.notification.CustomComponent })); },
|
|
131
132
|
},
|
|
132
133
|
] }) }) }) }) }));
|
|
133
134
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA2C;AAC3C,mCASiB;AAEjB,+BAAyC;AAGzC,2EAA4E;AAE5E,0CAA6B;AAE7B,SAAS,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { IStyledComponent } from 'styled-components';
|
|
2
3
|
import { RemoteLoadUserAdmin, RemoteMenu } from '../../../../system/index.js';
|
|
3
4
|
export interface InfraInjectionContextType {
|
|
@@ -9,9 +10,12 @@ export interface InfraInjectionContextType {
|
|
|
9
10
|
};
|
|
10
11
|
Configurations?: {
|
|
11
12
|
chat?: boolean;
|
|
12
|
-
notification?:
|
|
13
|
+
notification?: {
|
|
14
|
+
icon?: React.SVGProps<SVGSVGElement>;
|
|
15
|
+
CustomComponent?: any;
|
|
16
|
+
};
|
|
13
17
|
styles?: {
|
|
14
|
-
Button?: IStyledComponent<
|
|
18
|
+
Button?: IStyledComponent<'web', any>;
|
|
15
19
|
};
|
|
16
20
|
};
|
|
17
21
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { IFormHandler } from '../interfaces.js';
|
|
2
|
-
export default function FormElement({ button, schema, children, onSucess, debugMode, customSubmit, onChangeForm, customAction, defaultSchemas, cleanFieldsOnSubmit, disableEnterKeySubmitForm, }: IFormHandler): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default function FormElement({ button, schema, children, onSucess, debugMode, customSubmit, onChangeForm, customAction, defaultSchemas, isStickyButtons, cleanFieldsOnSubmit, disableEnterKeySubmitForm, }: IFormHandler): import("react/jsx-runtime").JSX.Element;
|
|
@@ -89,7 +89,7 @@ var generate_schemas_1 = require("./generate-schemas.js");
|
|
|
89
89
|
var custom_submit_1 = require("../custom-submit/index.js");
|
|
90
90
|
var S = __importStar(require("../styles.js"));
|
|
91
91
|
function FormElement(_a) {
|
|
92
|
-
var button = _a.button, schema = _a.schema, children = _a.children, onSucess = _a.onSucess, debugMode = _a.debugMode, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm, customAction = _a.customAction, defaultSchemas = _a.defaultSchemas, _b = _a.cleanFieldsOnSubmit, cleanFieldsOnSubmit = _b === void 0 ? true : _b, _c = _a.disableEnterKeySubmitForm, disableEnterKeySubmitForm = _c === void 0 ? false : _c;
|
|
92
|
+
var button = _a.button, schema = _a.schema, children = _a.children, onSucess = _a.onSucess, debugMode = _a.debugMode, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm, customAction = _a.customAction, defaultSchemas = _a.defaultSchemas, isStickyButtons = _a.isStickyButtons, _b = _a.cleanFieldsOnSubmit, cleanFieldsOnSubmit = _b === void 0 ? true : _b, _c = _a.disableEnterKeySubmitForm, disableEnterKeySubmitForm = _c === void 0 ? false : _c;
|
|
93
93
|
var _d = (0, react_1.useState)({ state: '', message: '' }), stateForm = _d[0], setStateForm = _d[1];
|
|
94
94
|
var _e = (0, formik_1.useFormikContext)(), values = _e.values, setErrors = _e.setErrors, setFieldError = _e.setFieldError, setFieldValue = _e.setFieldValue;
|
|
95
95
|
function validateSchemas() {
|
|
@@ -218,7 +218,7 @@ function FormElement(_a) {
|
|
|
218
218
|
(0, react_1.useEffect)(function () {
|
|
219
219
|
onChangeForm && onChangeForm.callbackResult(values);
|
|
220
220
|
}, __spreadArray([values], ((onChangeForm === null || onChangeForm === void 0 ? void 0 : onChangeForm.additionalDependencies) || []), true));
|
|
221
|
-
return ((0, jsx_runtime_1.jsx)(formik_1.Form, { children: (0, jsx_runtime_1.jsxs)(S.FormHandler, { onKeyDown: handleKeyDown, children: [stateForm.state === 'error' && (0, jsx_runtime_1.jsx)("span", { className: 'error-form', children: stateForm.message }), children, (0, jsx_runtime_1.jsxs)("div", { className:
|
|
221
|
+
return ((0, jsx_runtime_1.jsx)(formik_1.Form, { children: (0, jsx_runtime_1.jsxs)(S.FormHandler, { onKeyDown: handleKeyDown, children: [stateForm.state === 'error' && (0, jsx_runtime_1.jsx)("span", { className: 'error-form', children: stateForm.message }), children, (0, jsx_runtime_1.jsxs)("div", { className: "form-button ".concat(isStickyButtons ? 'sticky' : ''), children: [customAction && (0, jsx_runtime_1.jsx)(customAction.Component, __assign({}, (customAction.props || {}), { setFieldValue: setFieldValue })), button && ((0, jsx_runtime_1.jsx)(ui_1.Button, __assign({}, button, { type: 'button', onClick: function () { return handleSubmit(); }, loading: stateForm.state === 'loading' }))), customSubmit &&
|
|
222
222
|
customSubmit.length > 0 &&
|
|
223
223
|
customSubmit.map(function (custom, index) { return ((0, jsx_runtime_1.jsx)(custom_submit_1.CustomSubmitButton, __assign({}, custom, { stateForm: stateForm, onSubmit: handleSubmit }), index)); })] })] }) }));
|
|
224
224
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,uCAA0B;AAC1B,iCAA+C;AAE/C,2BAA6B;AAC7B,mCAA0E;AAE1E,uDAA4D;AAC5D,kDAAyE;AAIzE,2CAA8B;AAE9B,SAAwB,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ import { IDefaultSchemas } from './form-handler/generate-schemas.js';
|
|
|
6
6
|
export interface IFormHandler {
|
|
7
7
|
ref?: any;
|
|
8
8
|
defaultSchemas?: IDefaultSchemas;
|
|
9
|
+
isStickyButtons?: boolean;
|
|
9
10
|
onSucess?: (data: any, handlers?: {
|
|
10
11
|
setFieldError: (field: string, message: string) => void;
|
|
11
12
|
setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void | FormikErrors<unknown>>;
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.FormHandler = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.FormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n\n .error-form {\n color: red;\n margin-bottom: 10px;\n display: block;\n text-align: center;\n }\n\n .form-button {\n button {\n width: 100%;\n font-size: 14px;\n background-color: #000;\n height: 36px;\n color: #fff;\n }\n }\n"], ["\n width: 100%;\n\n .error-form {\n color: red;\n margin-bottom: 10px;\n display: block;\n text-align: center;\n }\n\n .form-button {\n button {\n width: 100%;\n font-size: 14px;\n background-color: #000;\n height: 36px;\n color: #fff;\n }\n }\n"])));
|
|
12
|
+
exports.FormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n\n .error-form {\n color: red;\n margin-bottom: 10px;\n display: block;\n text-align: center;\n }\n\n .form-button {\n &.sticky {\n position: sticky;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n\n button {\n width: 100%;\n font-size: 14px;\n background-color: #000;\n height: 36px;\n color: #fff;\n }\n }\n"], ["\n width: 100%;\n\n .error-form {\n color: red;\n margin-bottom: 10px;\n display: block;\n text-align: center;\n }\n\n .form-button {\n &.sticky {\n position: sticky;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n\n button {\n width: 100%;\n font-size: 14px;\n background-color: #000;\n height: 36px;\n color: #fff;\n }\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kdAAA,+YA0BvC,KAAA"}
|
|
@@ -35,7 +35,7 @@ function InputControl(_a) {
|
|
|
35
35
|
var icon = _a.icon, name = _a.name, label = _a.label, loading = _a.loading, children = _a.children;
|
|
36
36
|
var errors = (0, formik_1.useFormikContext)().errors;
|
|
37
37
|
var error = (0, formik_1.getIn)(errors, name);
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: 'input_control', "$inputIconSize": (icon === null || icon === void 0 ? void 0 : icon.size) || 20, "$inputIconDirection": (icon === null || icon === void 0 ? void 0 : icon.direction) || 'left', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'container-switch', children: [label && (0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), icon && (
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: 'input_control', "$inputIconSize": (icon === null || icon === void 0 ? void 0 : icon.size) || 20, "$inputIconDirection": (icon === null || icon === void 0 ? void 0 : icon.direction) || 'left', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'container-switch', children: [label && (0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), icon && ((0, jsx_runtime_1.jsx)("div", { className: 'input-icon', children: icon.element ? icon.element : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: icon === null || icon === void 0 ? void 0 : icon.name, fill: icon === null || icon === void 0 ? void 0 : icon.color }) })), (0, jsx_runtime_1.jsx)("div", { className: 'input-wrapper', children: children })] })] }), error && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: error })] }) }));
|
|
39
39
|
}
|
|
40
40
|
exports.InputControl = InputControl;
|
|
41
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgD;AAEhD,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzD,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAEjC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBACH,OAAO,YACT,CAAC,CAAC,KAAK,EACf,SAAS,EAAC,eAAe,oBACT,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,yBACX,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,aAE9C,iCAAK,SAAS,EAAC,kBAAkB,aAC9B,KAAK,IAAI,uBAAC,aAAK,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgD;AAEhD,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzD,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAEjC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBACH,OAAO,YACT,CAAC,CAAC,KAAK,EACf,SAAS,EAAC,eAAe,oBACT,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,yBACX,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,aAE9C,iCAAK,SAAS,EAAC,kBAAkB,aAC9B,KAAK,IAAI,uBAAC,aAAK,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAE1B,IAAI,IAAI,CACP,gCAAK,SAAS,EAAC,YAAY,YACxB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAC,SAAI,IAAC,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAI,GACxE,CACP,EACD,gCAAK,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,IAC3C,IACF,EAEL,KAAK,IAAI,uBAAC,oBAAY,IAAC,KAAK,EAAE,KAAK,GAAI,IACzB,GACX,CACT,CAAA;AACH,CAAC;AAjCD,oCAiCC"}
|
|
@@ -43,6 +43,7 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
|
|
|
43
43
|
refContainer.current.classList.add('infinity_forge_modal');
|
|
44
44
|
}
|
|
45
45
|
(0, modalManager_1.useModalManager)(refModal, open);
|
|
46
|
+
(0, ui_1.disableScroll)(open);
|
|
46
47
|
(0, react_1.useEffect)(function () {
|
|
47
48
|
if (open && !showPortal) {
|
|
48
49
|
setShowPortal(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAC7E,wDAAgC;AAEhC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAC7E,wDAAgC;AAEhC,2BAAiD;AAEjD,+CAAgD;AAIhD,0CAA6B;AAEhB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UAAC,EAA8D,EAAE,CAA+B;QAA7F,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzC,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC7C,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAExD,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrD,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACpD,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;IAC5D,CAAC;IAED,IAAA,8BAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAC/B,IAAA,kBAAa,EAAC,IAAI,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,CAAA;YAEnB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;QAED,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,KAAK,CAAC,CAAA;YAEpB,IAAI,YAAY,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,UAAU;QACjB,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,UAAU,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1C,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,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,4BAA4B,YAC/E,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAG,GAC9B,EAET,gCAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,aAAa,YAC/D,QAAQ,GACL,IACF,IACE,GACJ,EACR,YAAY,CAAC,OAAO,CACrB,CACF,CAAC,CAAC,CAAC,CACF,kDAAK,CACN,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Modal = void 0;
|
|
11
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:
|
|
12
|
+
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 9999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: fit-content;\n max-width: 95vw;\n max-height: 90vh;\n position: fixed;\n z-index: 99999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 35px 0 20px;\n overflow: hidden;\n overflow-y: auto;\n\n .content_modal_infinity_forge {\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: 9999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: fit-content;\n max-width: 95vw;\n max-height: 90vh;\n position: fixed;\n z-index: 99999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 35px 0 20px;\n overflow: hidden;\n overflow-y: auto;\n\n .content_modal_infinity_forge {\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
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,46BAAA,y2BA6CjC,KAAA"}
|
|
@@ -29,13 +29,7 @@ function useToolTip(position, rest) {
|
|
|
29
29
|
setIsOpen(false);
|
|
30
30
|
}
|
|
31
31
|
}, []);
|
|
32
|
-
(0, react_1.
|
|
33
|
-
document.addEventListener('click', handleClickOutside);
|
|
34
|
-
return function () {
|
|
35
|
-
document.removeEventListener('click', handleClickOutside);
|
|
36
|
-
};
|
|
37
|
-
}, [handleClickOutside]);
|
|
38
|
-
(0, react_1.useEffect)(function () {
|
|
32
|
+
var updateTooltipStyle = (0, react_1.useCallback)(function () {
|
|
39
33
|
var _a;
|
|
40
34
|
if (toolTipRef.current) {
|
|
41
35
|
var triggerRect = toolTipRef.current.getBoundingClientRect();
|
|
@@ -80,10 +74,23 @@ function useToolTip(position, rest) {
|
|
|
80
74
|
},
|
|
81
75
|
};
|
|
82
76
|
var _b = positions[position] || positions.auto, top_1 = _b.top, left = _b.left;
|
|
83
|
-
setTooltipStyle(__assign({ top: "".concat(top_1
|
|
77
|
+
setTooltipStyle(__assign({ top: "".concat(top_1, "px"), left: "".concat(left, "px"), position: 'fixed', zIndex: 999999999 }, rest.style));
|
|
84
78
|
}
|
|
85
79
|
}
|
|
86
|
-
}, [
|
|
80
|
+
}, [position, rest.style]);
|
|
81
|
+
(0, react_1.useEffect)(function () {
|
|
82
|
+
document.addEventListener('click', handleClickOutside);
|
|
83
|
+
window.addEventListener('scroll', updateTooltipStyle, true);
|
|
84
|
+
window.addEventListener('resize', updateTooltipStyle); // Added resize listener
|
|
85
|
+
return function () {
|
|
86
|
+
document.removeEventListener('click', handleClickOutside);
|
|
87
|
+
window.removeEventListener('scroll', updateTooltipStyle, true);
|
|
88
|
+
window.removeEventListener('resize', updateTooltipStyle); // Cleanup resize listener
|
|
89
|
+
};
|
|
90
|
+
}, [handleClickOutside, updateTooltipStyle]);
|
|
91
|
+
(0, react_1.useEffect)(function () {
|
|
92
|
+
updateTooltipStyle();
|
|
93
|
+
}, [isOpen, updateTooltipStyle]);
|
|
87
94
|
return {
|
|
88
95
|
isOpen: isOpen,
|
|
89
96
|
contentRef: contentRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAgE;AAIhE,SAAgB,UAAU,CAAC,QAAsB,EAAE,IAAS;IACpD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAAkC,IAAA,gBAAQ,EAAsB,EAAE,CAAC,EAAlE,YAAY,QAAA,EAAE,eAAe,QAAqC,CAAA;IAEzE,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE/C,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAe;QAC/C,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA5C,CAA4C,CAAC,CAAA;IACnE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAiB;;QACvD,IACE,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;YAClD,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EACnD,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":"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"}
|