infinity-forge 0.13.7 → 0.13.8
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/chat/card-message/index.js +1 -1
- package/dist/system/presentation/components/data/chat/card-message/index.js.map +1 -1
- package/dist/system/presentation/components/data/chat/styles.js +1 -1
- package/dist/system/presentation/components/data/chat/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -34,7 +34,7 @@ function CardMessage(_a) {
|
|
|
34
34
|
var chatRef = (0, react_1.useRef)(null);
|
|
35
35
|
(0, react_1.useEffect)(function () {
|
|
36
36
|
if (chatRef.current && messages && messages.length > 0) {
|
|
37
|
-
chatRef.current.scrollIntoView({ behavior: 'smooth' });
|
|
37
|
+
chatRef.current.scrollIntoView({ behavior: 'smooth', block: "end" });
|
|
38
38
|
}
|
|
39
39
|
}, [messages]);
|
|
40
40
|
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'card_message_error', children: (0, jsx_runtime_1.jsxs)(S.CardMessage, { ref: chatRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'message-header ', children: [(0, jsx_runtime_1.jsx)(system_1.Avatar, { image: message.avatar, className: 'avatar-image' }), message.userName && (0, jsx_runtime_1.jsx)("h4", { className: 'font-16-bold', children: message === null || message === void 0 ? void 0 : message.userName }), message.dataCriacao && (0, jsx_runtime_1.jsx)("p", { className: 'font-12', children: message === null || message === void 0 ? void 0 : message.dataCriacaoText })] }), message.message && ((0, jsx_runtime_1.jsx)("div", { className: 'message-body', children: (0, jsx_runtime_1.jsx)("p", { className: 'font-16', children: message === null || message === void 0 ? void 0 : message.message }) }))] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/chat/card-message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyC;AAEzC,2BAA4B;AAC5B,mCAA0C;AAE1C,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAAiE;QAA/D,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC7C,IAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE5C,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/chat/card-message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyC;AAEzC,2BAA4B;AAC5B,mCAA0C;AAE1C,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAAiE;QAA/D,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC7C,IAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE5C,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QACtE,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,oBAAoB,YAC9B,wBAAC,CAAC,CAAC,WAAW,IAAC,GAAG,EAAE,OAAO,aACzB,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,uBAAC,eAAM,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAC,cAAc,GAAG,EAEzD,OAAO,CAAC,QAAQ,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,GAAM,EACzE,OAAO,CAAC,WAAW,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,GAAK,IACzE,EAEL,OAAO,CAAC,OAAO,IAAI,CAClB,gCAAK,SAAS,EAAC,cAAc,YAC3B,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,GAAK,GACzC,CACP,IACa,GACV,CACT,CAAA;AACH,CAAC;AA3BD,kCA2BC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Chat = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Chat = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n\n .top_chat {\n height: 62px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 16px 20px 20px;\n\n .chat {\n height: 495px;\n overflow-y: auto;\n padding-right: 4px;\n\n .chat_item:last-child {\n margin-bottom: 0;\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 15px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\n }\n }\n }\n"], ["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n\n .top_chat {\n height: 62px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 16px 20px 20px;\n\n .chat {\n height: 495px;\n overflow-y: auto;\n padding-right: 4px;\n\n .chat_item:last-child {\n margin-bottom: 0;\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 15px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\n }\n }\n }\n"])));
|
|
12
|
+
exports.Chat = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n overflow: hidden;\n\n .top_chat {\n height: 62px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 16px 20px 20px;\n\n .chat {\n height: 495px;\n overflow-y: auto;\n padding-right: 4px;\n\n .chat_item:last-child {\n margin-bottom: 0;\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 15px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\n }\n }\n }\n"], ["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n overflow: hidden;\n\n .top_chat {\n height: 62px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 16px 20px 20px;\n\n .chat {\n height: 495px;\n overflow-y: auto;\n padding-right: 4px;\n\n .chat_item:last-child {\n margin-bottom: 0;\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 15px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\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/system/presentation/components/data/chat/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/chat/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,q8DAAA,k4DA0GhC,KAAA"}
|