@omniumretail/component-library 1.0.75 → 1.0.77
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/bundle.js +1 -1
- package/dist/main.css +1 -0
- package/dist/types/components/UserInfo/index.d.ts +2 -1
- package/package.json +1 -1
- package/src/components/UserInfo/UserInfo.stories.tsx +3 -2
- package/src/components/UserInfo/index.tsx +62 -47
- package/src/components/UserInfo/styles.module.scss +1 -0
package/dist/bundle.js
CHANGED
|
@@ -11025,7 +11025,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
11025
11025
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
11026
11026
|
|
|
11027
11027
|
"use strict";
|
|
11028
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"UserInfo\": function() { return /* binding */ UserInfo; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/UserInfo/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\n\r\n\r\n\r\n\r\nvar UserInfo = function (_a) {\r\n var _b;\r\n var _c;\r\n var userData = _a.userData, customClass = _a.customClass, userName = _a.userName, userCode = _a.userCode, userInfoTranslationsKey = _a.userInfoTranslationsKey;\r\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__.useTranslation)().t;\r\n var userInfoStyle = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_b = {},\r\n _b[\"\".concat(customClass)] = customClass,\r\n _b), [_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfo]);\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: userInfoStyle }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Label__WEBPACK_IMPORTED_MODULE_3__.Label, __assign({ customStyle: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userName }, { children: userName })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userCode }, { children: userCode })), (_c = Object.entries(userData)) === null || _c === void 0 ? void 0 : _c.map(function (_a) {\r\n var key = _a[0], value = _a[1];\r\n if (key === 'Store') {\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoTitles }, { children: userInfoTranslationsKey ? t(\"\".concat(userInfoTranslationsKey, \".\").concat(key)) : key })), value === null || value === void 0 ? void 0 : value.map(function (store, index) { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoDesc }, { children: store }), \"\".concat(key, \"-\").concat(index))); })] }, key));\r\n }\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoTitles }, { children: userInfoTranslationsKey ? t(\"\".concat(userInfoTranslationsKey, \".\").concat(key)) : key })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoDesc }, { children: value }))] }, key));\r\n })] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11028
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"UserInfo\": function() { return /* binding */ UserInfo; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/UserInfo/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_4__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\n\r\n\r\n\r\n\r\nvar UserInfo = function (_a) {\r\n var _b;\r\n var _c;\r\n var userData = _a.userData, customClass = _a.customClass, userImage = _a.userImage, userName = _a.userName, userCode = _a.userCode, userInfoTranslationsKey = _a.userInfoTranslationsKey;\r\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__.useTranslation)().t;\r\n var userInfoStyle = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_b = {},\r\n _b[\"\".concat(customClass)] = customClass,\r\n _b), [_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfo]);\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: userInfoStyle }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"img\", { src: userImage }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Label__WEBPACK_IMPORTED_MODULE_3__.Label, __assign({ customStyle: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userName }, { children: userName })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userCode }, { children: userCode })), (_c = Object.entries(userData)) === null || _c === void 0 ? void 0 : _c.map(function (_a) {\r\n var key = _a[0], value = _a[1];\r\n if (userInfoTranslationsKey &&\r\n t(\"\".concat(userInfoTranslationsKey, \".\").concat(key)) === \"\".concat(userInfoTranslationsKey, \".\").concat(key)) {\r\n // Verificar se a chave de tradução não existe\r\n return null; // Pular a renderização desse campo\r\n }\r\n if (key === 'Store') {\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoTitles }, { children: userInfoTranslationsKey ? t(\"\".concat(userInfoTranslationsKey, \".\").concat(key)) : key })), value === null || value === void 0 ? void 0 : value.map(function (store, index) { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoDesc }, { children: store }), \"\".concat(key, \"-\").concat(index))); })] }, key));\r\n }\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoTitles }, { children: userInfoTranslationsKey ? t(\"\".concat(userInfoTranslationsKey, \".\").concat(key)) : key })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h3\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userInfoDesc }, { children: value }))] }, key));\r\n })] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9Vc2VySW5mby9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL1VzZXJJbmZvL2luZGV4LnRzeD9hNWMyIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcclxuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XHJcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XHJcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XHJcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcclxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gdDtcclxuICAgIH07XHJcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcclxufTtcclxuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XHJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xyXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL0xhYmVsJztcclxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcclxuZXhwb3J0IHZhciBVc2VySW5mbyA9IGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIF9iO1xyXG4gICAgdmFyIF9jO1xyXG4gICAgdmFyIHVzZXJEYXRhID0gX2EudXNlckRhdGEsIGN1c3RvbUNsYXNzID0gX2EuY3VzdG9tQ2xhc3MsIHVzZXJJbWFnZSA9IF9hLnVzZXJJbWFnZSwgdXNlck5hbWUgPSBfYS51c2VyTmFtZSwgdXNlckNvZGUgPSBfYS51c2VyQ29kZSwgdXNlckluZm9UcmFuc2xhdGlvbnNLZXkgPSBfYS51c2VySW5mb1RyYW5zbGF0aW9uc0tleTtcclxuICAgIHZhciB0ID0gdXNlVHJhbnNsYXRpb24oKS50O1xyXG4gICAgdmFyIHVzZXJJbmZvU3R5bGUgPSBjbGFzc05hbWVzKChfYiA9IHt9LFxyXG4gICAgICAgIF9iW1wiXCIuY29uY2F0KGN1c3RvbUNsYXNzKV0gPSBjdXN0b21DbGFzcyxcclxuICAgICAgICBfYiksIFtzdHlsZXMudXNlckluZm9dKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHVzZXJJbmZvU3R5bGUgfSwgeyBjaGlsZHJlbjogW19qc3goXCJpbWdcIiwgeyBzcmM6IHVzZXJJbWFnZSB9KSwgX2pzeChMYWJlbCwgX19hc3NpZ24oeyBjdXN0b21TdHlsZTogc3R5bGVzLnVzZXJOYW1lIH0sIHsgY2hpbGRyZW46IHVzZXJOYW1lIH0pKSwgX2pzeChcImgzXCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudXNlckNvZGUgfSwgeyBjaGlsZHJlbjogdXNlckNvZGUgfSkpLCAoX2MgPSBPYmplY3QuZW50cmllcyh1c2VyRGF0YSkpID09PSBudWxsIHx8IF9jID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYy5tYXAoZnVuY3Rpb24gKF9hKSB7XHJcbiAgICAgICAgICAgICAgICB2YXIga2V5ID0gX2FbMF0sIHZhbHVlID0gX2FbMV07XHJcbiAgICAgICAgICAgICAgICBpZiAodXNlckluZm9UcmFuc2xhdGlvbnNLZXkgJiZcclxuICAgICAgICAgICAgICAgICAgICB0KFwiXCIuY29uY2F0KHVzZXJJbmZvVHJhbnNsYXRpb25zS2V5LCBcIi5cIikuY29uY2F0KGtleSkpID09PSBcIlwiLmNvbmNhdCh1c2VySW5mb1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgLy8gVmVyaWZpY2FyIHNlIGEgY2hhdmUgZGUgdHJhZHXDp8OjbyBuw6NvIGV4aXN0ZVxyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBudWxsOyAvLyBQdWxhciBhIHJlbmRlcml6YcOnw6NvIGRlc3NlIGNhbXBvXHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBpZiAoa2V5ID09PSAnU3RvcmUnKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IGNoaWxkcmVuOiBbX2pzeChcImgzXCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudXNlckluZm9UaXRsZXMgfSwgeyBjaGlsZHJlbjogdXNlckluZm9UcmFuc2xhdGlvbnNLZXkgPyB0KFwiXCIuY29uY2F0KHVzZXJJbmZvVHJhbnNsYXRpb25zS2V5LCBcIi5cIikuY29uY2F0KGtleSkpIDoga2V5IH0pKSwgdmFsdWUgPT09IG51bGwgfHwgdmFsdWUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbHVlLm1hcChmdW5jdGlvbiAoc3RvcmUsIGluZGV4KSB7IHJldHVybiAoX2pzeChcImgzXCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudXNlckluZm9EZXNjIH0sIHsgY2hpbGRyZW46IHN0b3JlIH0pLCBcIlwiLmNvbmNhdChrZXksIFwiLVwiKS5jb25jYXQoaW5kZXgpKSk7IH0pXSB9LCBrZXkpKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3goXCJoM1wiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJJbmZvVGl0bGVzIH0sIHsgY2hpbGRyZW46IHVzZXJJbmZvVHJhbnNsYXRpb25zS2V5ID8gdChcIlwiLmNvbmNhdCh1c2VySW5mb1RyYW5zbGF0aW9uc0tleSwgXCIuXCIpLmNvbmNhdChrZXkpKSA6IGtleSB9KSksIF9qc3goXCJoM1wiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJJbmZvRGVzYyB9LCB7IGNoaWxkcmVuOiB2YWx1ZSB9KSldIH0sIGtleSkpO1xyXG4gICAgICAgICAgICB9KV0gfSkpKTtcclxufTtcclxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/UserInfo/index.tsx\n");
|
|
11029
11029
|
|
|
11030
11030
|
/***/ }),
|
|
11031
11031
|
|
package/dist/main.css
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export interface UserInfoProps {
|
|
2
2
|
userData: any;
|
|
3
|
+
userImage: string;
|
|
3
4
|
userName: string;
|
|
4
5
|
userCode: string;
|
|
5
6
|
userInfoTranslationsKey?: string;
|
|
6
7
|
customClass?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare const UserInfo: ({ userData, customClass, userName, userCode, userInfoTranslationsKey }: UserInfoProps) => JSX.Element;
|
|
9
|
+
export declare const UserInfo: ({ userData, customClass, userImage, userName, userCode, userInfoTranslationsKey, }: UserInfoProps) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -26,10 +26,11 @@ const Template: Story<any> = (args) => {
|
|
|
26
26
|
"NChildren": "2",
|
|
27
27
|
"Workload": "2 horas",
|
|
28
28
|
"Description": "One Desccription",
|
|
29
|
-
"Comments": "One CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne Commentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww"
|
|
29
|
+
"Comments": "One CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne Commentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww",
|
|
30
|
+
"Image": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/Users/.jpg"
|
|
30
31
|
};
|
|
31
32
|
|
|
32
|
-
return <UserInfo {...args} userData={data} userName={ "Diogo Carvalho" } userCode={ "121212" } userInfoTranslationsKey={'userInfoColumn'}></UserInfo>;
|
|
33
|
+
return <UserInfo {...args} userData={data} userName={ "Diogo Carvalho" } userCode={ "121212" } userImage={"https://omnium-user-images.s3.eu-west-1.amazonaws.com/Users/.jpg"} userInfoTranslationsKey={'userInfoColumn'}></UserInfo>;
|
|
33
34
|
}
|
|
34
35
|
|
|
35
36
|
export const Primary = Template.bind({});
|
|
@@ -5,58 +5,73 @@ import { Label } from '../Label';
|
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
|
|
7
7
|
export interface UserInfoProps {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
userData: any;
|
|
9
|
+
userImage: string;
|
|
10
|
+
userName: string;
|
|
11
|
+
userCode: string;
|
|
12
|
+
userInfoTranslationsKey?: string;
|
|
13
|
+
customClass?: string;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
export const UserInfo = ({
|
|
16
|
-
|
|
16
|
+
export const UserInfo = ({
|
|
17
|
+
userData,
|
|
18
|
+
customClass,
|
|
19
|
+
userImage,
|
|
20
|
+
userName,
|
|
21
|
+
userCode,
|
|
22
|
+
userInfoTranslationsKey,
|
|
23
|
+
}: UserInfoProps) => {
|
|
24
|
+
const { t } = useTranslation();
|
|
17
25
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
26
|
+
const userInfoStyle = classNames(
|
|
27
|
+
{
|
|
28
|
+
[`${customClass}`]: customClass,
|
|
29
|
+
},
|
|
30
|
+
[styles.userInfo]
|
|
31
|
+
);
|
|
21
32
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
{userName}
|
|
26
|
-
</Label>
|
|
33
|
+
return (
|
|
34
|
+
<div className={userInfoStyle}>
|
|
35
|
+
<img src={userImage} />
|
|
27
36
|
|
|
28
|
-
|
|
29
|
-
|
|
37
|
+
<Label customStyle={styles.userName}>{userName}</Label>
|
|
38
|
+
|
|
39
|
+
<h3 className={styles.userCode}>{userCode}</h3>
|
|
40
|
+
|
|
41
|
+
{Object.entries(userData)?.map(([key, value]: any) => {
|
|
42
|
+
if (
|
|
43
|
+
userInfoTranslationsKey &&
|
|
44
|
+
t(`${userInfoTranslationsKey}.${key}`) === `${userInfoTranslationsKey}.${key}`
|
|
45
|
+
) {
|
|
46
|
+
// Verificar se a chave de tradução não existe
|
|
47
|
+
return null; // Pular a renderização desse campo
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
if (key === 'Store') {
|
|
51
|
+
return (
|
|
52
|
+
<div key={key}>
|
|
53
|
+
<h3 className={styles.userInfoTitles}>
|
|
54
|
+
{userInfoTranslationsKey ? t(`${userInfoTranslationsKey}.${key}`) : key}
|
|
55
|
+
</h3>
|
|
56
|
+
{value?.map((store: string, index: number) => (
|
|
57
|
+
<h3 key={`${key}-${index}`} className={styles.userInfoDesc}>
|
|
58
|
+
{store}
|
|
59
|
+
</h3>
|
|
60
|
+
))}
|
|
61
|
+
</div>
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
return (
|
|
66
|
+
<div key={key}>
|
|
67
|
+
<h3 className={styles.userInfoTitles}>
|
|
68
|
+
{userInfoTranslationsKey ? t(`${userInfoTranslationsKey}.${key}`) : key}
|
|
30
69
|
</h3>
|
|
31
70
|
|
|
32
|
-
{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
</h3>
|
|
39
|
-
{value?.map((store: string, index: number) => (
|
|
40
|
-
<h3 key={`${key}-${index}`} className={styles.userInfoDesc}>
|
|
41
|
-
{store}
|
|
42
|
-
</h3>
|
|
43
|
-
))}
|
|
44
|
-
</div>
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
return (
|
|
49
|
-
<div key={key}>
|
|
50
|
-
<h3 className={styles.userInfoTitles}>
|
|
51
|
-
{userInfoTranslationsKey ? t(`${userInfoTranslationsKey}.${key}`) : key}
|
|
52
|
-
</h3>
|
|
53
|
-
|
|
54
|
-
<h3 className={styles.userInfoDesc}>
|
|
55
|
-
{value as string}
|
|
56
|
-
</h3>
|
|
57
|
-
</div>
|
|
58
|
-
);
|
|
59
|
-
})}
|
|
60
|
-
</div>
|
|
61
|
-
);
|
|
71
|
+
<h3 className={styles.userInfoDesc}>{value as string}</h3>
|
|
72
|
+
</div>
|
|
73
|
+
);
|
|
74
|
+
})}
|
|
75
|
+
</div>
|
|
76
|
+
);
|
|
62
77
|
};
|