synos-helena 22.0.7 → 22.0.8-beta.0

package/lib/index.js

@@ -33708,7 +33708,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd */ \"antd\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/components/Icon.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _assets_images_empty_notification_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~/assets/images/empty-notification.svg */ \"./src/assets/images/empty-notification.svg\");\n/* harmony import */ var _util_Util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~/util/Util */ \"./src/util/Util.js\");\n/* harmony import */ var _util_CustomHooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ~/util/CustomHooks */ \"./src/util/CustomHooks.tsx\");\n/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ~ */ \"./src/index.ts\");\n/* harmony import */ var _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./NotificationList.module.css */ \"./src/HLNotification/notificationList/NotificationList.module.css\");\n\n\n\n\n\n\n\n\n\nvar NotificationList = function (props) {\n    var _a = props.notifications, notificationsProps = _a === void 0 ? [] : _a;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(notificationsProps), notifications = _b[0], setNotifications = _b[1];\n    var prevNotifications = (0,_util_CustomHooks__WEBPACK_IMPORTED_MODULE_5__.usePrevious)(notifications);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        if (notificationsProps && prevNotifications) {\n            var isEqual = (0,_util_Util__WEBPACK_IMPORTED_MODULE_4__.compareArrays)(notificationsProps, prevNotifications);\n            if (isEqual !== true) {\n                setNotifications(notificationsProps);\n            }\n        }\n    }, [notificationsProps]);\n    var getAvatarIcon = function (iconType) {\n        if (iconType) {\n            switch (iconType.toString().toLowerCase()) {\n                case 'download':\n                    return 'DownloadOutlined';\n                case 'link':\n                    return 'LinkOutlined';\n                case 'mail':\n                    return 'MailOutlined';\n                case 'error':\n                    return 'CloseOutlined';\n                default:\n                    return 'InfoOutlined';\n            }\n        }\n        return 'InfoOutlined';\n    };\n    var getOkTextByNotificationType = function (iconType) {\n        if (iconType) {\n            switch (iconType.toString().toLowerCase()) {\n                case 'download':\n                    return 'Baixar Arquivo';\n                case 'link':\n                    return 'Abrir Link';\n                case 'mail':\n                    return 'Acessar';\n                default:\n                    return 'Confirmar';\n            }\n        }\n        return 'Ok';\n    };\n    var getColorByNotificationType = function (iconType) {\n        var downloadColor = '#F8C34A';\n        var linkColor = '#0992F8';\n        var messageColor = '#72D99F';\n        var errorColor = '#D3472C';\n        if (iconType) {\n            switch (iconType.toString().toLowerCase()) {\n                case 'download':\n                    return downloadColor;\n                case 'link':\n                    return linkColor;\n                case 'error':\n                    return errorColor;\n                default:\n                    return messageColor;\n            }\n        }\n    };\n    var onClickNotification = function (notification) {\n        if (notification) {\n            if (notification.onClick) {\n                var uncheckedNotifications = notifications.slice(0);\n                notification.isVisualized = true;\n                var index = uncheckedNotifications.indexOf(notification);\n                if (index !== -1) {\n                    uncheckedNotifications[index] = notification;\n                }\n                notification.onClick(notification);\n                setNotifications(uncheckedNotifications);\n            }\n            props.onClickNotification && props.onClickNotification(notification);\n        }\n    };\n    var readMore = function (n, date) {\n        var _a;\n        var showNotifications = props.showNotifications, hideNotifications = props.hideNotifications;\n        var icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_6__.HLIcon, { type: getAvatarIcon(n.type) });\n        hideNotifications();\n        ___WEBPACK_IMPORTED_MODULE_6__.HLModal.confirm({\n            width: 460,\n            icon: '',\n            content: (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"hl-notification-modal\"] },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].avatar },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(antd__WEBPACK_IMPORTED_MODULE_1__.Avatar, { style: { backgroundColor: getColorByNotificationType(n.type), fontSize: '14px' }, icon: icon })),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].content },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].header },\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].title }, n.title.toUpperCase()),\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].date }, date)),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].description }, n.description)))),\n            onCancel: function () { return showNotifications(); },\n            onOk: function () { return onClickNotification(n); },\n            okText: getOkTextByNotificationType(n.type),\n            okButtonProps: {\n                href: n.link,\n                target: '_blank',\n                icon: ['download', 'link', 'mail'].includes(((_a = n.type) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase()) || '') && icon,\n            },\n        });\n    };\n    var getNotificationList = function () {\n        var LinkComponent = props.Link;\n        var orderedNotifications = lodash__WEBPACK_IMPORTED_MODULE_2___default().orderBy(notifications, ['date'], ['desc']);\n        return orderedNotifications.map(function (notification, index) {\n            var opacity = notification.isVisualized ? '50%' : undefined;\n            var title = notification.title.toUpperCase();\n            var description = notification.description;\n            var isTooBig = description.length >= 100;\n            var date = (0,_util_Util__WEBPACK_IMPORTED_MODULE_4__.createDateObject)({ date: new Date(notification.date), format: undefined, useDayjs: true }).fromNow();\n            var content = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"li\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].item },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].avatar, style: { opacity: opacity } },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(antd__WEBPACK_IMPORTED_MODULE_1__.Badge, { style: { left: '19px', top: '5px', padding: '3px', border: '1px solid #FFFFFF' }, dot: !notification.isVisualized },\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(antd__WEBPACK_IMPORTED_MODULE_1__.Avatar, { style: { backgroundColor: getColorByNotificationType(notification.type), fontSize: '14px' }, icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_6__.HLIcon, { type: getAvatarIcon(notification.type) }) }))),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].content, style: { opacity: opacity } },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].title }, title),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].date }, date),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].description }, isTooBig ? description.substring(0, 100) + '...' : description))));\n            var link = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { key: \"\".concat(date, \"_\").concat(title, \"_\").concat(index), onClick: function () { return onClickNotification(notification); } }, LinkComponent && notification.link ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LinkComponent, { to: notification.link }, content)) : notification.link || notification.onClick ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", { href: notification.link, target: \"_blank\", className: !notification.link && notification.isVisualized && notification.type === 'info' ? _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].info : '', rel: \"noreferrer\" }, content)) : (content)));\n            var result = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"item-container\"] },\n                link,\n                isTooBig && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_6__.HLButton, { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"read-more\"], size: \"small\", type: \"link\", onClick: function () { return readMore(notification, date); } }, \"Ler Mais\"))));\n            return result;\n        });\n    };\n    if (!notifications || notifications.length === 0) {\n        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"hl-notification-list-icon-style\"] },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { component: _assets_images_empty_notification_svg__WEBPACK_IMPORTED_MODULE_3__[\"default\"], style: { fontSize: '72px' } }),\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null,\n                \" \",\n                'Seu histórico de notificações está vazio.')));\n    }\n    var notificationList = getNotificationList();\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"hl-notification-list\"] }, notificationList);\n};\nNotificationList.displayName = 'NotificationList';\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotificationList);\n\n\n//# sourceURL=webpack://synchro-helena/./src/HLNotification/notificationList/NotificationList.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd */ \"antd\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/components/Icon.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _assets_images_empty_notification_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~/assets/images/empty-notification.svg */ \"./src/assets/images/empty-notification.svg\");\n/* harmony import */ var _util_Util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~/util/Util */ \"./src/util/Util.js\");\n/* harmony import */ var _util_CustomHooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ~/util/CustomHooks */ \"./src/util/CustomHooks.tsx\");\n/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ~ */ \"./src/index.ts\");\n/* harmony import */ var _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./NotificationList.module.css */ \"./src/HLNotification/notificationList/NotificationList.module.css\");\n\n\n\n\n\n\n\n\n\nvar NotificationList = function (props) {\n    var _a = props.notifications, notificationsProps = _a === void 0 ? [] : _a;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(notificationsProps), notifications = _b[0], setNotifications = _b[1];\n    var prevNotifications = (0,_util_CustomHooks__WEBPACK_IMPORTED_MODULE_5__.usePrevious)(notifications);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        if (notificationsProps && prevNotifications) {\n            var isEqual = (0,_util_Util__WEBPACK_IMPORTED_MODULE_4__.compareArrays)(notificationsProps, prevNotifications);\n            if (isEqual !== true) {\n                setNotifications(notificationsProps);\n            }\n        }\n    }, [notificationsProps]);\n    var getAvatarIcon = function (iconType) {\n        if (iconType) {\n            switch (iconType.toString().toLowerCase()) {\n                case 'download':\n                    return 'DownloadOutlined';\n                case 'link':\n                    return 'LinkOutlined';\n                case 'mail':\n                    return 'MailOutlined';\n                case 'error':\n                    return 'CloseOutlined';\n                default:\n                    return 'InfoOutlined';\n            }\n        }\n        return 'InfoOutlined';\n    };\n    var getOkTextByNotificationType = function (iconType) {\n        if (iconType) {\n            switch (iconType.toString().toLowerCase()) {\n                case 'download':\n                    return 'Baixar Arquivo';\n                case 'link':\n                    return 'Abrir Link';\n                case 'mail':\n                    return 'Acessar';\n                default:\n                    return 'Confirmar';\n            }\n        }\n        return 'Ok';\n    };\n    var getColorByNotificationType = function (iconType) {\n        var downloadColor = '#F8C34A';\n        var linkColor = '#0992F8';\n        var messageColor = '#72D99F';\n        var errorColor = '#D3472C';\n        if (iconType) {\n            switch (iconType.toString().toLowerCase()) {\n                case 'download':\n                    return downloadColor;\n                case 'link':\n                    return linkColor;\n                case 'error':\n                    return errorColor;\n                default:\n                    return messageColor;\n            }\n        }\n    };\n    var onClickNotification = function (notification) {\n        if (notification) {\n            if (notification.onClick) {\n                var uncheckedNotifications = notifications.slice(0);\n                notification.isVisualized = true;\n                var index = uncheckedNotifications.indexOf(notification);\n                if (index !== -1) {\n                    uncheckedNotifications[index] = notification;\n                }\n                notification.onClick(notification);\n                setNotifications(uncheckedNotifications);\n            }\n            props.onClickNotification && props.onClickNotification(notification);\n        }\n    };\n    var readMore = function (n, date) {\n        var _a;\n        var showNotifications = props.showNotifications, hideNotifications = props.hideNotifications;\n        var icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_6__.HLIcon, { type: getAvatarIcon(n.type) });\n        hideNotifications();\n        ___WEBPACK_IMPORTED_MODULE_6__.HLModal.confirm({\n            width: 460,\n            icon: '',\n            content: (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"hl-notification-modal\"] },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].avatar },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(antd__WEBPACK_IMPORTED_MODULE_1__.Avatar, { style: { backgroundColor: getColorByNotificationType(n.type), fontSize: '14px' }, icon: icon })),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].content },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].header },\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].title }, n.title.toUpperCase()),\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].date }, date)),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].description }, n.description)))),\n            onCancel: function () { return showNotifications(); },\n            onOk: function () { return onClickNotification(n); },\n            okText: getOkTextByNotificationType(n.type),\n            okButtonProps: {\n                href: n.link,\n                target: '_blank',\n                icon: ['download', 'link', 'mail'].includes(((_a = n.type) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase()) || '') && icon,\n            },\n        });\n    };\n    var getNotificationList = function () {\n        var LinkComponent = props.Link;\n        var orderedNotifications = lodash__WEBPACK_IMPORTED_MODULE_2___default().orderBy(notifications, ['date'], ['desc']);\n        return orderedNotifications.map(function (notification, index) {\n            var opacity = notification.isVisualized ? '50%' : undefined;\n            var title = notification.title.toUpperCase();\n            var description = notification.description;\n            var isTooBig = description.length >= 100;\n            var date = (0,_util_Util__WEBPACK_IMPORTED_MODULE_4__.createDateObject)({ date: new Date(notification.date), format: undefined, useDayjs: true }).fromNow();\n            var content = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"li\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].item },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].avatar, style: { opacity: opacity } },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(antd__WEBPACK_IMPORTED_MODULE_1__.Badge, { style: { left: '19px', top: '5px', padding: '3px', border: '1px solid #FFFFFF' }, dot: !notification.isVisualized },\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(antd__WEBPACK_IMPORTED_MODULE_1__.Avatar, { style: { backgroundColor: getColorByNotificationType(notification.type), fontSize: '14px' }, icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_6__.HLIcon, { type: getAvatarIcon(notification.type) }) }))),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].content, style: { opacity: opacity } },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].title }, title),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].date }, date),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].description }, isTooBig ? description.substring(0, 100) + '...' : description))));\n            var link = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { key: \"\".concat(date, \"_\").concat(title, \"_\").concat(index), onClick: function () { return onClickNotification(notification); } }, LinkComponent && notification.link && JSON.parse(notification.link) ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LinkComponent, { to: notification.link }, content)) : notification.link || notification.onClick ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", { href: notification.link, target: \"_blank\", className: !notification.link && notification.isVisualized && notification.type === 'info' ? _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"].info : '', rel: \"noreferrer\" }, content)) : (content)));\n            var result = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"item-container\"] },\n                link,\n                isTooBig && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_6__.HLButton, { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"read-more\"], size: \"small\", type: \"link\", onClick: function () { return readMore(notification, date); } }, \"Ler Mais\"))));\n            return result;\n        });\n    };\n    if (!notifications || notifications.length === 0) {\n        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"hl-notification-list-icon-style\"] },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { component: _assets_images_empty_notification_svg__WEBPACK_IMPORTED_MODULE_3__[\"default\"], style: { fontSize: '72px' } }),\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null,\n                \" \",\n                'Seu histórico de notificações está vazio.')));\n    }\n    var notificationList = getNotificationList();\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", { className: _NotificationList_module_css__WEBPACK_IMPORTED_MODULE_7__[\"default\"][\"hl-notification-list\"] }, notificationList);\n};\nNotificationList.displayName = 'NotificationList';\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotificationList);\n\n\n//# sourceURL=webpack://synchro-helena/./src/HLNotification/notificationList/NotificationList.tsx?");
 
 /***/ }),