@seafile/sdoc-editor 0.2.29-beta → 0.2.30-beta

package/dist/components/doc-operations/notifications-operation/index.js

@@ -1,170 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { EventBus } from '../../../basic-sdk';
-import { EXTERNAL_EVENT } from '../../../constants';
-import { createNotify, getErrorMsg } from '../../../utils';
-import { useCollaborators } from '../../../hooks';
-import context from '../../../context';
-import { Notification } from '../../../model';
-import NotificationPopover from './notifications-popover';
-import AllNotificationsDialog from './notifications-dialog';
-import toaster from '../../toast';
-import './index.css';
-var PER_PAGE = 25;
-var NotificationOperation = function NotificationOperation() {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    notifications = _useState2[0],
-    setNotifications = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hasMore = _useState4[0],
-    setHasMore = _useState4[1];
-  var _useState5 = useState(1),
-    _useState6 = _slicedToArray(_useState5, 2),
-    page = _useState6[0],
-    setPage = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    showNotificationsDialog = _useState8[0],
-    setShowNotificationsDialog = _useState8[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useCollaborators = useCollaborators(),
-    collaborators = _useCollaborators.collaborators;
-  var id = 'sdoc-notification';
-  var popupBrowserCommentNotification = useCallback(function (notification) {
-    if (!notification) return;
-    var author = notification.author,
-      msgType = notification.msg_type,
-      reply = notification.reply,
-      comment = notification.comment;
-    var authorInfo = collaborators.find(function (collaborator) {
-      return collaborator.email === author;
-    });
-    var notificationContent = comment || reply;
-    var titleKey = msgType === 'comment' ? 'xxx_added_a_new_comment' : 'xxx_added_a_reply';
-    var title = t(titleKey, {
-      author: authorInfo ? authorInfo.name : t('Unknown')
-    });
-    var options = {
-      body: "".concat(notificationContent)
-    };
-    createNotify(title, options);
-  }, [collaborators, t]);
-  var _listNotifications = useCallback(function (page) {
-    var perPage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : PER_PAGE;
-    var forceAcquisition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    if (!forceAcquisition && !hasMore) return;
-    var newNotifications = page === 1 ? [] : notifications.slice(0);
-    context.listNotifications(page, perPage).then(function (res) {
-      var _res$data = res.data,
-        loadedNotifications = _res$data.notifications,
-        total_count = _res$data.total_count;
-      var hasMore = total_count > notifications.length + newNotifications.length;
-      loadedNotifications.forEach(function (n) {
-        var notification = new Notification(n);
-        newNotifications.push(notification);
-      });
-      setHasMore(hasMore);
-      setPage(page + 1);
-      setNotifications(newNotifications);
-    }).catch(function (error) {
-      var errMsg = getErrorMsg(error, true);
-      if (!error.response || error.response.status !== 403) {
-        toaster.danger(t(errMsg));
-      }
-    });
-  }, [notifications, hasMore, t]);
-  var onNewNotification = useCallback(function (notification) {
-    popupBrowserCommentNotification(notification);
-    _listNotifications(1, PER_PAGE, true);
-  }, [popupBrowserCommentNotification, _listNotifications]);
-  useEffect(function () {
-    _listNotifications(1, PER_PAGE);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  useEffect(function () {
-    var eventBus = EventBus.getInstance();
-    var unsubscribeNewNotification = eventBus.subscribe(EXTERNAL_EVENT.NEW_NOTIFICATION, onNewNotification);
-    return function () {
-      unsubscribeNewNotification();
-    };
-  }, [onNewNotification]);
-  var markAllNotificationsRead = useCallback(function () {
-    context.markAllNotificationsRead().then(function (res) {
-      var newNotifications = notifications.slice(0).map(function (n) {
-        n.seen = true;
-        return n;
-      });
-      setNotifications(newNotifications);
-    }).catch(function (error) {
-      var errMsg = getErrorMsg(error, true);
-      if (!error.response || error.response.status !== 403) {
-        toaster.danger(t(errMsg));
-      }
-    });
-  }, [notifications, t]);
-  var markNotificationRead = useCallback(function (notificationId) {
-    context.markNotificationRead(notificationId).then(function (res) {
-      var newNotifications = notifications.slice(0).map(function (n) {
-        if (n.id === notificationId) {
-          n.seen = true;
-        }
-        return n;
-      });
-      setNotifications(newNotifications);
-    }).catch(function (error) {
-      var errMsg = getErrorMsg(error, true);
-      if (!error.response || error.response.status !== 403) {
-        toaster.danger(t(errMsg));
-      }
-    });
-  }, [notifications, t]);
-  var deleteAllNotifications = useCallback(function () {
-    context.deleteAllNotifications().then(function (res) {
-      setNotifications([]);
-      setPage(1);
-      setHasMore(true);
-    }).catch(function (error) {
-      var errMsg = getErrorMsg(error);
-      if (!error.response || error.response.status !== 403) {
-        toaster.danger(t(errMsg));
-      }
-    });
-  }, [t]);
-  var toggleNotificationsDialog = useCallback(function () {
-    setShowNotificationsDialog(!showNotificationsDialog);
-  }, [showNotificationsDialog]);
-  var unreadNotificationsCount = notifications.filter(function (n) {
-    return !n.seen;
-  }).length;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: "op-item sdoc-notification-icon-container",
-    id: id
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-notification"
-  }), unreadNotificationsCount > 0 && /*#__PURE__*/React.createElement("span", {
-    className: "sdoc-notification-count"
-  }, unreadNotificationsCount)), /*#__PURE__*/React.createElement(NotificationPopover, {
-    target: id,
-    notifications: notifications,
-    listNotifications: function listNotifications() {
-      return _listNotifications(page, PER_PAGE);
-    },
-    markAllNotificationsRead: markAllNotificationsRead,
-    markNotificationRead: markNotificationRead,
-    onToggleNotificationsDialog: toggleNotificationsDialog
-  }), showNotificationsDialog && /*#__PURE__*/React.createElement(AllNotificationsDialog, {
-    notifications: notifications,
-    listNotifications: function listNotifications() {
-      return _listNotifications(page, PER_PAGE);
-    },
-    markNotificationRead: markNotificationRead,
-    markAllNotificationsRead: markAllNotificationsRead,
-    deleteAllNotifications: deleteAllNotifications,
-    toggle: toggleNotificationsDialog
-  }));
-};
-export default NotificationOperation;

package/dist/components/doc-operations/notifications-operation/notifications-dialog/index.css

@@ -1,97 +0,0 @@
-.sdoc-all-notifications-dialog {
-  width: 720px;
-  max-width: 720px;
-  height: calc(100% - 56px);
-}
-
-.sdoc-all-notifications-dialog .modal-content {
-  height: 100%;
-}
-
-.sdoc-all-notifications-dialog .sdoc-notification-header-close {
-  display: flex;
-}
-
-.sdoc-all-notifications-dialog .sdoc-notification-dropdown-toggle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 24px;
-  width: 24px;
-}
-
-.sdoc-all-notifications-dialog .sdoc-notification-operation-btn {
-  height: 24px;
-  width: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #000;
-  opacity: .5;
-}
-
-.sdoc-all-notifications-dialog .sdoc-notification-operation-btn:hover {
-  opacity: .75;
-  cursor: pointer;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-body  {
-  height: 100%;
-  overflow: hidden;
-  padding: 0;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-container {
-  overflow: auto;
-  padding: 2rem 1rem;
-  height: 100%;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-container table {
-  width: 100%;
-  table-layout: fixed;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-container .sdoc-notifications-table-header-sm {
-  font-size: 13px;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-container table thead tr {
-  height: 2.1875rem;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-container table th {
-  padding: 0.3125rem 0.1875rem;
-  border-bottom: 1px solid #eee;
-  text-align: left;
-  font-weight: 400;
-  line-height: 1.6;
-  color: #9c9c9c;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-container table td {
-  padding: 0.5rem 0.1875rem;
-  border-bottom: 1px solid #eee;
-  color: #333;
-  font-size: 14px;
-  word-break: break-all;
-}
-
-.sdoc-all-notifications-dialog .sdoc-all-notifications-container table tbody tr:hover {
-  background: #f5f5f5;
-  cursor: pointer;
-}
-
-.sdoc-all-notifications-dialog .sdoc-empty-notifications-tip {
-  height: 100%;
-  width: 100%;
-  padding: 5.5em 1em;
-  border-radius: 3px;
-  background-color: #fff;
-  text-align: center;
-}
-
-.sdoc-all-notifications-dialog .sdoc-empty-notifications-tip .sdoc-empty-notifications-img-tip {
-  width: 100px;
-  height: 100px;
-}

package/dist/components/doc-operations/notifications-operation/notifications-dialog/index.js

@@ -1,107 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useState, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Modal, ModalHeader, ModalBody, Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
-import context from '../../../../context';
-import Notification from './notification';
-import './index.css';
-var AllNotificationsDialog = function AllNotificationsDialog(_ref) {
-  var notifications = _ref.notifications,
-    toggle = _ref.toggle,
-    markAllNotificationsRead = _ref.markAllNotificationsRead,
-    deleteAllNotifications = _ref.deleteAllNotifications,
-    markNotificationRead = _ref.markNotificationRead,
-    listNotifications = _ref.listNotifications;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isMenuShow = _useState2[0],
-    setMenuShow = _useState2[1];
-  var containerRef = useRef(null);
-  var tableRef = useRef(null);
-  var toggleMenu = useCallback(function () {
-    setMenuShow(!isMenuShow);
-  }, [isMenuShow]);
-  var onScroll = useCallback(function () {
-    if (containerRef.current.offsetHeight + containerRef.current.scrollTop + 1 >= tableRef.current.offsetHeight + 64) {
-      // 64 is padding height
-      listNotifications();
-    }
-  }, [listNotifications, containerRef, tableRef]);
-  var renderHeaderRowBtn = useCallback(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "sdoc-notification-header-close"
-    }, /*#__PURE__*/React.createElement(Dropdown, {
-      isOpen: isMenuShow,
-      toggle: toggleMenu
-    }, /*#__PURE__*/React.createElement(DropdownToggle, {
-      tag: "span",
-      "data-toggle": "dropdown",
-      "aria-expanded": isMenuShow,
-      className: "sdoc-notification-dropdown-toggle"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "sdoc-notification-operation-btn"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "sdocfont sdoc-more"
-    }))), /*#__PURE__*/React.createElement(DropdownMenu, {
-      right: true,
-      className: "sdoc-dropdown-menu large"
-    }, /*#__PURE__*/React.createElement(DropdownItem, {
-      className: "sdoc-dropdown-menu-item",
-      onClick: markAllNotificationsRead
-    }, t('Mark_all_as_read')), /*#__PURE__*/React.createElement(DropdownItem, {
-      className: "sdoc-dropdown-menu-item",
-      onClick: deleteAllNotifications
-    }, t('Delete_all_notifications')))), /*#__PURE__*/React.createElement("div", {
-      className: "sdoc-notification-operation-btn",
-      onClick: toggle
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "sdocfont sdoc-sm-close"
-    })));
-  }, [deleteAllNotifications, isMenuShow, markAllNotificationsRead, t, toggle, toggleMenu]);
-  var renderNotifications = useCallback(function () {
-    if (!Array.isArray(notifications) || notifications.length === 0) {
-      var mediaUrl = context.getSetting('mediaUrl');
-      return /*#__PURE__*/React.createElement("div", {
-        className: "sdoc-empty-notifications-tip"
-      }, /*#__PURE__*/React.createElement("img", {
-        src: mediaUrl + 'img/no-items-tip.png',
-        className: "sdoc-empty-notifications-img-tip",
-        alt: ""
-      }), /*#__PURE__*/React.createElement("p", null, t('No_notification')));
-    }
-    return /*#__PURE__*/React.createElement("table", {
-      ref: tableRef
-    }, /*#__PURE__*/React.createElement("thead", {
-      className: "sdoc-notifications-table-header-sm"
-    }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-      width: "10%"
-    }), /*#__PURE__*/React.createElement("th", {
-      width: "70%"
-    }, t('News')), /*#__PURE__*/React.createElement("th", {
-      width: "20%"
-    }, t('Update_date')))), /*#__PURE__*/React.createElement("tbody", null, notifications.map(function (item) {
-      return /*#__PURE__*/React.createElement(Notification, {
-        key: item.id,
-        notification: item,
-        markNotificationRead: markNotificationRead
-      });
-    })));
-  }, [notifications, t, markNotificationRead]);
-  return /*#__PURE__*/React.createElement(Modal, {
-    isOpen: true,
-    toggle: toggle,
-    className: "sdoc-all-notifications-dialog"
-  }, /*#__PURE__*/React.createElement(ModalHeader, {
-    close: renderHeaderRowBtn(),
-    toggle: toggle
-  }, t('All_notifications')), /*#__PURE__*/React.createElement(ModalBody, {
-    className: "sdoc-all-notifications-body"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-all-notifications-container",
-    ref: containerRef,
-    onScroll: onScroll
-  }, renderNotifications())));
-};
-export default AllNotificationsDialog;

package/dist/components/doc-operations/notifications-operation/notifications-dialog/notification.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-var Notification = function Notification(_ref) {
-  var notification = _ref.notification,
-    markNotificationRead = _ref.markNotificationRead;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("tr", {
-    onClick: function onClick() {
-      return markNotificationRead(notification.id);
-    }
-  }, /*#__PURE__*/React.createElement("td", {
-    className: "pl-3"
-  }, /*#__PURE__*/React.createElement("img", {
-    style: {
-      borderRadius: '50%'
-    },
-    src: notification.userAvatarURL,
-    alt: "",
-    width: "30"
-  })), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-detail"
-  }, notification.msgType === 'comment' ? t('Added_a_new_comment') : t('Added_a_reply'))), /*#__PURE__*/React.createElement("td", null, notification.time));
-};
-export default Notification;

package/dist/components/doc-operations/notifications-operation/notifications-popover/index.css

@@ -1,173 +0,0 @@
-.sdoc-notifications-popover {
-  max-width: 322px;
-}
-
-.sdoc-notifications-popover .popover-inner {
-  width: 320px;
-  height: 386px;
-  overflow: hidden;
-}
-
-.sdoc-notifications-popover.sdoc-notifications-empty-popover .popover-inner {
-  height: 126px;
-}
-
-.sdoc-notifications-popover .sdoc-notification-container {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.sdoc-notifications-popover .sdoc-notification-header {
-  width: 100%;
-  height: 50px;
-  border-bottom: 1px solid #ededed;
-  font-size: 16px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.sdoc-notifications-popover .sdoc-notification-header .sdoc-notification-header-title {
-  flex: 1;
-  overflow: hidden;
-  text-align: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sdoc-notifications-popover .sdoc-notification-header .sdoc-notification-header-close-btn {
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 14px;
-  color: #000;
-  opacity: .5;
-  font-weight: 700;
-}
-
-.sdoc-notifications-popover .sdoc-notification-header .sdoc-notification-header-close-btn:hover {
-  cursor: pointer;
-  opacity: .75;
-}
-
-.sdoc-notifications-popover .sdoc-notification-body {
-  width: 100%;
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.sdoc-notifications-popover .sdoc-mark-notifications {
-  border-bottom: 1px solid #ededed;
-  height: 36px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: 1rem;
-}
-
-.sdoc-notifications-popover .sdoc-mark-notifications .sdoc-mark-notifications-tip {
-  color: #b4b4b4;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sdoc-notifications-popover .sdoc-mark-notifications .sdoc-mark-notifications-tip:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.sdoc-notifications-popover .sdoc-notification-list-container {
-  flex: 1;
-  overflow: hidden;
-  width: 100%;
-}
-
-.sdoc-notifications-popover .sdoc-notification-list-content {
-  height: 100%;
-  overflow: scroll;
-}
-
-.sdoc-notifications-popover .sdoc-notification-list-content .sdoc-notification-item {
-  width: 100%;
-  padding: 14px 16px 14px 10px;
-  border-bottom: 1px solid #ededed;
-  position: relative;
-  cursor: pointer;
-}
-
-.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-item-header {
-  display: flex;
-  align-items: center;
-}
-
-.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-point {
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: red;
-  margin-right: 12px;
-  position: absolute;
-}
-
-.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-header-info {
-  display: flex;
-  justify-content: space-between;
-  flex: 1 1;
-  margin-left: 20px;
-  width: calc(100% - 20px);
-}
-
-.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-user-detail {
-  display: flex;
-  width: 65%;
-}
-
-.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-user-name {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  font-weight: 500;
-  margin-left: 8px;
-}
-
-.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-time {
-  color: #b4b4b4;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  font-size: 13px;
-}
-
-.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-content-wrapper {
-  font-size: 13px;
-  margin-left: 3rem;
-  display: flex;
-}
-
-.sdoc-notifications-popover .sdoc-notification-footer {
-  width: 100%;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #f9f9f9;
-  cursor: pointer;
-  border-top: 1px solid #ededed;
-}

package/dist/components/doc-operations/notifications-operation/notifications-popover/index.js

@@ -1,78 +0,0 @@
-import React, { useRef, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { UncontrolledPopover } from 'reactstrap';
-import classnames from 'classnames';
-import Notification from './notification';
-import './index.css';
-var NotificationPopover = function NotificationPopover(_ref) {
-  var target = _ref.target,
-    notifications = _ref.notifications,
-    markAllNotificationsRead = _ref.markAllNotificationsRead,
-    listNotifications = _ref.listNotifications,
-    markNotificationRead = _ref.markNotificationRead,
-    onToggleNotificationsDialog = _ref.onToggleNotificationsDialog;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var ref = useRef(null);
-  var notificationContainerRef = useRef(null);
-  var notificationContentRef = useRef(null);
-  var onNotificationListToggle = useCallback(function () {
-    ref.current && ref.current.toggle();
-  }, [ref]);
-  var onScroll = useCallback(function () {
-    if (notificationContainerRef.current.offsetHeight + notificationContainerRef.current.scrollTop + 1 >= notificationContentRef.current.offsetHeight) {
-      listNotifications && listNotifications();
-    }
-  }, [listNotifications, notificationContainerRef, notificationContentRef]);
-  var toggleNotificationsDialog = useCallback(function () {
-    onToggleNotificationsDialog();
-    onNotificationListToggle();
-  }, [onToggleNotificationsDialog, onNotificationListToggle]);
-  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
-    ref: ref,
-    target: target,
-    placement: "bottom-end",
-    popperClassName: classnames('sdoc-notifications-popover', {
-      'sdoc-notifications-empty-popover': notifications.length === 0
-    }),
-    trigger: "legacy",
-    hideArrow: true,
-    fade: false,
-    security: "fixed"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-header-title"
-  }, t('Notification')), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-header-close-btn"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-sm-close",
-    onClick: onNotificationListToggle
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-body"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-mark-notifications"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-mark-notifications-tip",
-    onClick: markAllNotificationsRead
-  }, t('Mark_all_as_read'))), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-list-container",
-    ref: notificationContainerRef,
-    onScroll: onScroll
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-list-content",
-    ref: notificationContentRef
-  }, Array.isArray(notifications) && notifications.map(function (n) {
-    return /*#__PURE__*/React.createElement(Notification, {
-      key: n.id,
-      notification: n,
-      markNotificationRead: markNotificationRead
-    });
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-notification-footer",
-    onClick: toggleNotificationsDialog
-  }, t('View_all_notifications'))));
-};
-export default NotificationPopover;