@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Annotations/components/AnnotationsList/components/Annotation/index.js

@@ -1,438 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { flowRight } from 'lodash';
-import moment from 'moment';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import grey from '@material-ui/core/colors/grey';
-import { isNativeDetected } from '../../../../../../utils/mobileDetect.js';
-import { deleteAnnotation, patchAnnotation } from '../../../../../../clients/jsonApi/index.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { IconButton, Menu, MenuItem, Paper, Typography, Divider } from '@material-ui/core';
-import { useState } from 'react';
-import { shape, number, string, oneOf, node, func, arrayOf } from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import Avatar from '../../../../../Avatar/index.js';
-import { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants.js';
-import { useAnnotationsDispatch } from '../../../../AnnotationsContext.js';
-import UserCardPopover from '../../../../../UserCardPopover.js';
-import { formatMentionText } from '../../../../../UserMention/utils/index.js';
-import AnnotationInput from '../AnnotationInput/index.js';
-import withWidth, { isWidthUp } from '@material-ui/core/withWidth';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import ConfirmationDialog from '../../../../../ConfirmationDialog.js';
-import CommentsInfo from '../../../../../CommentsInfo/index.js';
-import Attachment from '../../../../../Attachment/index.js';
-import AnnotationComments from '../AnnotationComments/index.js';
-import styles from './style.css.js';
-
-var PAGE_NAME = 'AppAnnotationItemPo';
-var CREATED_AT_FORMAT = 'MM/DD/YY H:mm';
-
-var muiStyles = function muiStyles(theme) {
-  return {
-    container: {
-      backgroundColor: '#3b3b3be6',
-      marginBottom: 16,
-      marginLeft: 26
-    },
-    headerDividerRoot: {
-      margin: '10px 0'
-    },
-    createdAt: {
-      color: theme.palette.grey[700],
-      marginLeft: 5
-    },
-    link: {
-      cursor: 'pointer'
-    },
-    iconButtonRoot: {
-      height: 24,
-      width: 24,
-      padding: 0,
-      margin: '0 -10px 0 5px'
-    }
-  };
-};
-
-var UserAvatar = function UserAvatar(_ref) {
-  var user = _ref.user,
-      currentUser = _ref.currentUser,
-      classes = _ref.classes;
-  return /*#__PURE__*/jsx("div", {
-    className: styles.cAnnotationUserAvatar,
-    children: isNativeDetected ? /*#__PURE__*/jsx(Avatar // eslint-disable-next-line camelcase
-    , {
-      displayName: "".concat(user.first_name, " ").concat(user.last_name),
-      imgSrc: user.profile_photo,
-      size: 38,
-      className: classes.avatar
-    }) : /*#__PURE__*/jsx(UserCardPopover, {
-      user: user,
-      currentUser: currentUser,
-      children: /*#__PURE__*/jsx(Avatar, {
-        displayName: "".concat(user.first_name, " ").concat(user.last_name),
-        imgSrc: user.profile_photo,
-        size: 38,
-        className: classes.avatar
-      })
-    })
-  });
-};
-
-var MenuButton = function MenuButton(_ref2) {
-  var actionsMenuAnchorEl = _ref2.actionsMenuAnchorEl,
-      handleToggleActionsMenu = _ref2.handleToggleActionsMenu,
-      classes = _ref2.classes,
-      handleEdit = _ref2.handleEdit,
-      handleDelete = _ref2.handleDelete;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(IconButton, {
-      "data-testid": "".concat(PAGE_NAME, "_menuButton"),
-      "aria-label": "Actions",
-      "aria-owns": actionsMenuAnchorEl ? styles.cAnnotationContainerActionsMenu : undefined,
-      "aria-haspopup": "true",
-      className: classes.iconButtonRoot,
-      onClick: handleToggleActionsMenu,
-      children: /*#__PURE__*/jsx(MoreVertIcon, {
-        htmlColor: grey[400]
-      })
-    }), /*#__PURE__*/jsxs(Menu, {
-      id: "cAnnotationContainerActionsMenu",
-      anchorOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      anchorEl: actionsMenuAnchorEl,
-      open: !!actionsMenuAnchorEl,
-      onClick: handleToggleActionsMenu,
-      children: [/*#__PURE__*/jsx(MenuItem, {
-        "data-testid": "".concat(PAGE_NAME, "_editMenuItem"),
-        onClick: handleEdit,
-        children: "Edit"
-      }), /*#__PURE__*/jsx(MenuItem, {
-        "data-testid": "".concat(PAGE_NAME, "_deleteMenuItem"),
-        onClick: handleDelete,
-        children: "Delete"
-      })]
-    })]
-  });
-};
-
-var Annotation = function Annotation(_ref3) {
-  var included = _ref3.included,
-      annotation = _ref3.annotation,
-      assetCompanyId = _ref3.assetCompanyId,
-      classes = _ref3.classes,
-      showSuccessNotification = _ref3.showSuccessNotification,
-      width = _ref3.width;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      commentInputIsOpen = _useState2[0],
-      setCommentInputIsOpen = _useState2[1];
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      actionsMenuAnchorEl = _useState4[0],
-      setActionsMenuAnchorEl = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isEdit = _useState6[0],
-      setIsEdit = _useState6[1];
-
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      deleteDialogOpen = _useState8[0],
-      setDeleteDialogOpen = _useState8[1];
-
-  var isSmallScreen = !isWidthUp('sm', width);
-  var initialCommentsCount = annotation.attributes.comments_count || 0;
-
-  var _useState9 = useState(initialCommentsCount),
-      _useState10 = _slicedToArray(_useState9, 2),
-      commentsCount = _useState10[0],
-      setCommentsCount = _useState10[1];
-
-  var dispatch = useAnnotationsDispatch();
-  var activeUsersList = annotation.relationships.comment_users.data.reduce(function (users, _ref4) {
-    var id = _ref4.id;
-    var userData = included.find(function (user) {
-      return user.id === id;
-    });
-
-    if (userData) {
-      users.push(userData.attributes);
-    }
-
-    return users;
-  }, []);
-  var userWhoCommented = activeUsersList.map( // eslint-disable-next-line camelcase
-  function (_ref5) {
-    var last_name = _ref5.last_name,
-        first_name = _ref5.first_name;
-    return "".concat(first_name, " ").concat(last_name);
-  });
-
-  var handleToggleActionsMenu = function handleToggleActionsMenu(event) {
-    var currentT = event.currentTarget;
-    setActionsMenuAnchorEl(actionsMenuAnchorEl ? null : currentT);
-  };
-
-  var handleDelete = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var response;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return deleteAnnotation(annotation.id);
-
-            case 3:
-              response = _context.sent;
-              if (response) dispatch({
-                type: DELETE_ANNOTATION,
-                id: annotation.id
-              });
-              _context.next = 10;
-              break;
-
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              console.error(_context.t0);
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 7]]);
-    }));
-
-    return function handleDelete() {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-
-  var handleEdit = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(body, period, attachment) {
-      var changedAnnotation, updatedAnnotation;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              changedAnnotation = {
-                body: body,
-                active_until: period,
-                attachment: {
-                  file_name: attachment && attachment.attachmentName,
-                  s3_link: attachment && attachment.attachmentUrl
-                }
-              };
-              _context2.next = 4;
-              return patchAnnotation(annotation.id, changedAnnotation);
-
-            case 4:
-              updatedAnnotation = _context2.sent;
-              dispatch({
-                type: EDIT_ANNOTATION,
-                annotation: updatedAnnotation,
-                id: annotation.id
-              });
-              _context2.next = 12;
-              break;
-
-            case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](0);
-              console.error(_context2.t0);
-              return _context2.abrupt("return");
-
-            case 12:
-              showSuccessNotification('Annotation has been changed');
-              setIsEdit(false);
-
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[0, 8]]);
-    }));
-
-    return function handleEdit(_x, _x2, _x3) {
-      return _ref7.apply(this, arguments);
-    };
-  }();
-
-  var userId = annotation.relationships.user.data.id;
-  var currentUser = included.find(function (_ref8) {
-    var type = _ref8.type,
-        id = _ref8.id;
-    return type === 'user' && id === userId;
-  });
-  var userData = currentUser.attributes;
-  var attachment = annotation.attributes.attachment;
-  return /*#__PURE__*/jsxs(Paper, {
-    className: classes.container,
-    elevation: 0,
-    children: [/*#__PURE__*/jsxs("div", {
-      "data-testid": "".concat(PAGE_NAME, "_annotation_").concat(annotation.attributes.body),
-      className: styles.cAnnotationContainer,
-      children: [/*#__PURE__*/jsx(UserAvatar, {
-        user: userData,
-        classes: classes,
-        isNative: isNativeDetected,
-        currentUser: currentUser
-      }), /*#__PURE__*/jsxs("div", {
-        className: styles.cAnnotationContainerTop,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: styles.cAnnotationContainerTopMainInfo,
-          children: [/*#__PURE__*/jsx(Typography, {
-            variant: "body2",
-            "data-testid": "".concat(PAGE_NAME, "_userName"),
-            children: "".concat(userData.first_name, " ").concat(userData.last_name)
-          }), /*#__PURE__*/jsx(Typography, {
-            "data-testid": "".concat(PAGE_NAME, "_addDate"),
-            variant: "caption",
-            className: classes.createdAt,
-            children: moment(annotation.attributes.created_at).format(CREATED_AT_FORMAT)
-          })]
-        }), /*#__PURE__*/jsx("div", {
-          className: classNames(styles.cAnnotationContainerTopMenu, _defineProperty({}, styles.cAnnotationContainerTopMenuSmall, isSmallScreen)),
-          children: /*#__PURE__*/jsx(MenuButton, {
-            actionsMenuAnchorEl: actionsMenuAnchorEl,
-            handleToggleActionsMenu: handleToggleActionsMenu,
-            handleEdit: function handleEdit() {
-              return setIsEdit(true);
-            },
-            handleDelete: function handleDelete() {
-              return setDeleteDialogOpen(true);
-            },
-            classes: classes
-          })
-        })]
-      }), /*#__PURE__*/jsx(Divider, {
-        className: classes.headerDividerRoot
-      }), /*#__PURE__*/jsx("div", {
-        "data-testid": "".concat(PAGE_NAME, "_message"),
-        className: styles.cAnnotationContainerContent,
-        children: isEdit ? /*#__PURE__*/jsx(AnnotationInput, {
-          initialText: annotation.attributes.body,
-          assetCompanyId: assetCompanyId,
-          initialPeriod: annotation.attributes.created_at,
-          initialAttachment: attachment,
-          onSend: handleEdit,
-          onClose: function onClose() {
-            return setIsEdit(false);
-          },
-          closeOnEsc: true
-        }) : /*#__PURE__*/jsxs(Fragment, {
-          children: [formatMentionText(annotation.attributes.body, annotation.relationships.mentioned_users.data, isNativeDetected, null, currentUser), attachment && attachment.signed_url && /*#__PURE__*/jsx(Attachment, {
-            attachmentUrl: attachment.signed_url,
-            size: "small"
-          })]
-        })
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      "data-testid": "".concat(PAGE_NAME, "_comments_").concat(annotation.attributes.body),
-      className: styles.cAnnotationComments,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: styles.cAnnotationCommentsInfo,
-        children: [/*#__PURE__*/jsx(Typography, {
-          "data-testid": "".concat(PAGE_NAME, "_commentButton"),
-          variant: "caption",
-          color: "primary",
-          className: classes.link,
-          onClick: function onClick() {
-            return setCommentInputIsOpen(true);
-          },
-          children: "Comment"
-        }), /*#__PURE__*/jsx(CommentsInfo, {
-          commentsCount: commentsCount,
-          usersWhoCommented: userWhoCommented,
-          activeUsersList: activeUsersList,
-          currentUser: currentUser,
-          small: true
-        })]
-      }), /*#__PURE__*/jsx(AnnotationComments, {
-        annotationId: annotation.id,
-        commentInputIsOpen: commentInputIsOpen,
-        setCommentInputIsOpen: setCommentInputIsOpen,
-        commentsCount: commentsCount,
-        initialCommentsCount: initialCommentsCount,
-        assetCompanyId: assetCompanyId,
-        setCommentsCount: setCommentsCount,
-        currentUser: currentUser
-      })]
-    }), deleteDialogOpen && /*#__PURE__*/jsx(ConfirmationDialog, {
-      open: deleteDialogOpen,
-      text: "Do you really want to delete annotation?",
-      handleClose: function handleClose() {
-        return setDeleteDialogOpen(false);
-      },
-      handleOk: handleDelete,
-      okText: "Delete"
-    })]
-  });
-};
-
-UserAvatar.propTypes = {
-  user: shape({
-    id: number.isRequired,
-    first_name: string.isRequired,
-    last_name: string.isRequired,
-    profile_photo: string.isRequired
-  }).isRequired,
-  currentUser: shape({}).isRequired,
-  classes: shape({}).isRequired
-};
-MenuButton.propTypes = {
-  actionsMenuAnchorEl: oneOf([node, null]).isRequired,
-  handleToggleActionsMenu: func.isRequired,
-  classes: shape({}).isRequired,
-  handleDelete: func.isRequired,
-  handleEdit: func.isRequired
-};
-Annotation.propTypes = {
-  included: arrayOf(shape({})).isRequired,
-  annotation: shape({
-    relationships: shape({
-      user: shape({
-        data: shape({
-          id: string.isRequired
-        }).isRequired
-      }).isRequired,
-      mentioned_users: shape({
-        data: arrayOf(shape({})).isRequired
-      }).isRequired
-    }).isRequired,
-    attributes: shape({
-      body: string.isRequired,
-      created_at: string.isRequired
-    })
-  }).isRequired,
-  classes: shape({}).isRequired,
-  showSuccessNotification: func,
-  width: string.isRequired,
-  assetCompanyId: number.isRequired
-};
-Annotation.defaultProps = {
-  showSuccessNotification: function showSuccessNotification() {
-    return undefined;
-  }
-};
-var Annotation$1 = flowRight([withStyles(muiStyles), withWidth()])(Annotation);
-
-export default Annotation$1;
-//# sourceMappingURL=index.js.map
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/regenerator";import{useState as r}from"react";import a from"classnames";import{shape as o,number as s,string as c,oneOf as m,node as d,func as l,arrayOf as u}from"prop-types";import{withStyles as p}from"@material-ui/core/styles";import{flowRight as h}from"lodash";import f,{isWidthUp as v}from"@material-ui/core/withWidth";import C from"moment";import{Paper as b,Typography as _,Divider as A,IconButton as y,Menu as g,MenuItem as R}from"@material-ui/core";import q from"@material-ui/core/colors/grey";import N from"@material-ui/icons/MoreVert";import x from"../../../../../Avatar/index.js";import M from"../../../../../UserCardPopover.js";import I from"../../../../../ConfirmationDialog.js";import j from"../../../../../CommentsInfo/index.js";import{formatMentionText as k}from"../../../../../UserMention/utils/index.js";import T from"../../../../../Attachment/index.js";import{isNativeDetected as w}from"../../../../../../utils/mobileDetect.js";import{deleteAnnotation as D,patchAnnotation as U}from"../../../../../../clients/jsonApi/index.js";import E from"../AnnotationComments/index.js";import{useAnnotationsDispatch as S}from"../../../../AnnotationsContext.js";import{DELETE_ANNOTATION as O,EDIT_ANNOTATION as z}from"../../../../constants.js";import B from"../AnnotationInput/index.js";import P from"./style.css.js";import{jsxs as L,jsx as W,Fragment as Y}from"react/jsx-runtime";var G="AppAnnotationItemPo",H=function(t){var e=t.user,n=t.currentUser,i=t.classes;return W("div",{className:P.cAnnotationUserAvatar,children:w?W(x,{displayName:"".concat(e.first_name," ").concat(e.last_name),imgSrc:e.profile_photo,size:38,className:i.avatar}):W(M,{user:e,currentUser:n,children:W(x,{displayName:"".concat(e.first_name," ").concat(e.last_name),imgSrc:e.profile_photo,size:38,className:i.avatar})})})},V=function(t){var e=t.actionsMenuAnchorEl,n=t.handleToggleActionsMenu,i=t.classes,r=t.handleEdit,a=t.handleDelete;return L(Y,{children:[W(y,{"data-testid":"".concat(G,"_menuButton"),"aria-label":"Actions","aria-owns":e?P.cAnnotationContainerActionsMenu:void 0,"aria-haspopup":"true",className:i.iconButtonRoot,onClick:n,children:W(N,{htmlColor:q[400]})}),L(g,{id:"cAnnotationContainerActionsMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:e,open:!!e,onClick:n,children:[W(R,{"data-testid":"".concat(G,"_editMenuItem"),onClick:r,children:"Edit"}),W(R,{"data-testid":"".concat(G,"_deleteMenuItem"),onClick:a,children:"Delete"})]})]})},F=function(o){var s,c,m=o.included,d=o.annotation,l=o.assetCompanyId,u=o.classes,p=o.showSuccessNotification,h=o.width,f=r(!1),y=n(f,2),g=y[0],R=y[1],q=r(null),N=n(q,2),x=N[0],M=N[1],F=r(!1),J=n(F,2),K=J[0],Q=J[1],X=r(!1),Z=n(X,2),$=Z[0],tt=Z[1],et=!v("sm",h),nt=d.attributes.comments_count||0,it=r(nt),rt=n(it,2),at=rt[0],ot=rt[1],st=S(),ct=d.relationships.comment_users.data.reduce((function(t,e){var n=e.id,i=m.find((function(t){return t.id===n}));return i&&t.push(i.attributes),t}),[]),mt=ct.map((function(t){var e=t.last_name,n=t.first_name;return"".concat(n," ").concat(e)})),dt=(s=e(i.mark((function t(){return i.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,D(d.id);case 3:t.sent&&st({type:O,id:d.id}),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error(t.t0);case 10:case"end":return t.stop()}}),t,null,[[0,7]])}))),function(){return s.apply(this,arguments)}),lt=(c=e(i.mark((function t(e,n,r){var a,o;return i.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,a={body:e,active_until:n,attachment:{file_name:r&&r.attachmentName,s3_link:r&&r.attachmentUrl}},t.next=4,U(d.id,a);case 4:o=t.sent,st({type:z,annotation:o,id:d.id}),t.next=12;break;case 8:return t.prev=8,t.t0=t.catch(0),console.error(t.t0),t.abrupt("return");case 12:p("Annotation has been changed"),Q(!1);case 14:case"end":return t.stop()}}),t,null,[[0,8]])}))),function(t,e,n){return c.apply(this,arguments)}),ut=d.relationships.user.data.id,pt=m.find((function(t){var e=t.type,n=t.id;return"user"===e&&n===ut})),ht=pt.attributes,ft=d.attributes.attachment;return L(b,{className:u.container,elevation:0,children:[L("div",{"data-testid":"".concat(G,"_annotation_").concat(d.attributes.body),className:P.cAnnotationContainer,children:[W(H,{user:ht,classes:u,isNative:w,currentUser:pt}),L("div",{className:P.cAnnotationContainerTop,children:[L("div",{className:P.cAnnotationContainerTopMainInfo,children:[W(_,{variant:"body2","data-testid":"".concat(G,"_userName"),children:"".concat(ht.first_name," ").concat(ht.last_name)}),W(_,{"data-testid":"".concat(G,"_addDate"),variant:"caption",className:u.createdAt,children:C(d.attributes.created_at).format("MM/DD/YY H:mm")})]}),W("div",{className:a(P.cAnnotationContainerTopMenu,t({},P.cAnnotationContainerTopMenuSmall,et)),children:W(V,{actionsMenuAnchorEl:x,handleToggleActionsMenu:function(t){var e=t.currentTarget;M(x?null:e)},handleEdit:function(){return Q(!0)},handleDelete:function(){return tt(!0)},classes:u})})]}),W(A,{className:u.headerDividerRoot}),W("div",{"data-testid":"".concat(G,"_message"),className:P.cAnnotationContainerContent,children:K?W(B,{initialText:d.attributes.body,assetCompanyId:l,initialPeriod:d.attributes.created_at,initialAttachment:ft,onSend:lt,onClose:function(){return Q(!1)},closeOnEsc:!0}):L(Y,{children:[k(d.attributes.body,d.relationships.mentioned_users.data,w,null,pt),ft&&ft.signed_url&&W(T,{attachmentUrl:ft.signed_url,size:"small"})]})})]}),L("div",{"data-testid":"".concat(G,"_comments_").concat(d.attributes.body),className:P.cAnnotationComments,children:[L("div",{className:P.cAnnotationCommentsInfo,children:[W(_,{"data-testid":"".concat(G,"_commentButton"),variant:"caption",color:"primary",className:u.link,onClick:function(){return R(!0)},children:"Comment"}),W(j,{commentsCount:at,usersWhoCommented:mt,activeUsersList:ct,currentUser:pt,small:!0})]}),W(E,{annotationId:d.id,commentInputIsOpen:g,setCommentInputIsOpen:R,commentsCount:at,initialCommentsCount:nt,assetCompanyId:l,setCommentsCount:ot,currentUser:pt})]}),$&&W(I,{open:$,text:"Do you really want to delete annotation?",handleClose:function(){return tt(!1)},handleOk:dt,okText:"Delete"})]})};H.propTypes={user:o({id:s.isRequired,first_name:c.isRequired,last_name:c.isRequired,profile_photo:c.isRequired}).isRequired,currentUser:o({}).isRequired,classes:o({}).isRequired},V.propTypes={actionsMenuAnchorEl:m([d,null]).isRequired,handleToggleActionsMenu:l.isRequired,classes:o({}).isRequired,handleDelete:l.isRequired,handleEdit:l.isRequired},F.propTypes={included:u(o({})).isRequired,annotation:o({relationships:o({user:o({data:o({id:c.isRequired}).isRequired}).isRequired,mentioned_users:o({data:u(o({})).isRequired}).isRequired}).isRequired,attributes:o({body:c.isRequired,created_at:c.isRequired})}).isRequired,classes:o({}).isRequired,showSuccessNotification:l,width:c.isRequired,assetCompanyId:s.isRequired},F.defaultProps={showSuccessNotification:function(){}};var J=h([p((function(t){return{container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:t.palette.grey[700],marginLeft:5},link:{cursor:"pointer"},iconButtonRoot:{height:24,width:24,padding:0,margin:"0 -10px 0 5px"}}})),f()])(F);export{J as default};

package/components/Annotations/components/AnnotationsList/components/Annotation/style.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_cAnnotationContainer__2oHkf {\n  padding: 15px 16px 0 22px;\n  position: relative;\n}\n\n.style_cAnnotationComments__2EXYS {\n  padding: 16px 16px 16px 22px;\n}\n\n.style_cAnnotationContainerTop__35t5H {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.style_cAnnotationContainerTopMainInfo__2NIf1,\n.style_cAnnotationContainerTopMenu__-E4jg {\n  display: flex;\n  align-items: center;\n}\n\n.style_cAnnotationContainerTopMenuSmall__3t9Gr {\n  justify-content: space-between;\n}\n\n.style_cAnnotationUserAvatar__2rjD1 {\n  width: 38px;\n  height: 38px;\n  background-color: grey;\n  border-radius: 100%;\n  position: absolute;\n  top: 15px;\n  left: -23px;\n}\n\n.style_cAnnotationCommentsInfo__2jQIG {\n  display: flex;\n  align-items: center;\n}\n";
-var styles = {"cAnnotationContainer":"style_cAnnotationContainer__2oHkf","cAnnotationComments":"style_cAnnotationComments__2EXYS","cAnnotationContainerTop":"style_cAnnotationContainerTop__35t5H","cAnnotationContainerTopMainInfo":"style_cAnnotationContainerTopMainInfo__2NIf1","cAnnotationContainerTopMenu":"style_cAnnotationContainerTopMenu__-E4jg","cAnnotationContainerTopMenuSmall":"style_cAnnotationContainerTopMenuSmall__3t9Gr","cAnnotationUserAvatar":"style_cAnnotationUserAvatar__2rjD1","cAnnotationCommentsInfo":"style_cAnnotationCommentsInfo__2jQIG"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=style.css.js.map
+import n from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cAnnotationContainer:"style_cAnnotationContainer__RZDNb",cAnnotationComments:"style_cAnnotationComments__0I3Tx",cAnnotationContainerTop:"style_cAnnotationContainerTop__9CQ47",cAnnotationContainerTopMainInfo:"style_cAnnotationContainerTopMainInfo__s2Mek",cAnnotationContainerTopMenu:"style_cAnnotationContainerTopMenu__JfKag",cAnnotationContainerTopMenuSmall:"style_cAnnotationContainerTopMenuSmall__T43Ll",cAnnotationUserAvatar:"style_cAnnotationUserAvatar__mrWQu",cAnnotationCommentsInfo:"style_cAnnotationCommentsInfo__T4YFf"};n(".style_cAnnotationContainer__RZDNb{padding:15px 16px 0 22px;position:relative}.style_cAnnotationComments__0I3Tx{padding:16px 16px 16px 22px}.style_cAnnotationContainerTop__9CQ47{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.style_cAnnotationContainerTopMainInfo__s2Mek,.style_cAnnotationContainerTopMenu__JfKag{align-items:center;display:flex}.style_cAnnotationContainerTopMenuSmall__T43Ll{justify-content:space-between}.style_cAnnotationUserAvatar__mrWQu{background-color:grey;border-radius:100%;height:38px;left:-23px;position:absolute;top:15px;width:38px}.style_cAnnotationCommentsInfo__T4YFf{align-items:center;display:flex}");export{t as default};