@corva/ui 0.33.0-7 → 0.33.0-8

package/components/FeedItem/FeedItem.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import{noop as t}from"lodash";import o from"@babel/runtime/helpers/slicedToArray";import{FEED_ITEM_TYPES_BY_KEY as r,FEED_ITEM_TYPES as n}from"../../constants/feed.js";import i from"@babel/runtime/regenerator";import a from"@babel/runtime/helpers/asyncToGenerator";import s from"@material-ui/core/colors/grey";import m from"../../utils/main.js";import{isNativeDetected as p}from"../../utils/mobileDetect.js";import{jsxs as c,jsx as l}from"react/jsx-runtime";import{makeStyles as d,Paper as u,Divider as f}from"@material-ui/core";import{useState as v}from"react";import{deleteFeedItem as I,toggleFeedItemLike as h}from"../../clients/jsonApi/index.js";import y from"prop-types";import b from"classnames";import T from"../LoadingIndicator/LoadingIndicator.js";import C from"../ConfirmationDialog.js";import g from"./components/Actions.js";import F from"./components/Comments.js";import j from"./components/Content.js";import k from"./components/CreatedAt.js";import x from"./components/Icon.js";import D from"./components/Reactions.js";import N from"./components/RigAndWell.js";import R from"./components/TypeAndAssetTitle.js";import w from"./FeedItem.css.js";var P=d((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:5,backgroundColor:e.palette.background.b8},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"10px 0"}}}));function A(t){var n,d,y,A,M,O,E,_,L=t.feedItem,U=t.editebleFeedItemTypes,q=t.removeFeedItem,S=t.enterEditMode,B=t.router,G=t.currentUser,W=t.canDeleteFeedItem,z=t.appData,H=t.customFeedItemTypeTemplates,J=P(),K=v(!1),Q=o(K,2),V=Q[0],X=Q[1],Y=v(!0),Z=o(Y,2),$=Z[0],ee=Z[1],te=v(!1),oe=o(te,2),re=oe[0],ne=oe[1],ie=L.type===r.post.type,ae=U.includes(L.type),se=r[L.type].label,me=m.getUserFullName(L.user),pe=L.type===r.alert.type&&"/alerts/".concat(null===(n=L.context)||void 0===n||null===(d=n.alert)||void 0===d?void 0:d.id),ce=L.type===r.alert.type&&pe,le=(E=a(i.mark((function e(){return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return X(!0),e.prev=1,e.next=4,I(L.id);case 4:e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(1),e.abrupt("return");case 9:return e.prev=9,X(!1),e.finish(9);case 12:m.showSuccessNotification("Item was deleted"),q(L.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return E.apply(this,arguments)}),de=(_=a(i.mark((function e(){var t;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=L.id,e.prev=1,e.next=4,h(t);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:case"end":return e.stop()}}),e,null,[[1,6]])}))),function(){return _.apply(this,arguments)});return c(u,{"data-testid":"".concat("FeedPo","_post_").concat(null===(y=L.context)||void 0===y||null===(A=y.post)||void 0===A?void 0:A.body,"_rigName_").concat(function(e){var t,o,r;return!!e.rig?null===(t=e.rig)||void 0===t?void 0:t.name:null===(o=e.well)||void 0===o||null===(r=o.parent_asset)||void 0===r?void 0:r.name}(L)),className:b(J.paperRoot,(M={},e(M,J.clickablePaperRoot,ce),e(M,w.hideOverflow,V),M)),elevation:0,children:[c("div",{onClick:function(){ce&&B.push(pe)},className:b(w.mainContainer,(O={},e(O,w.mainContainerClickable,ce),e(O,w.mainContainerNative,p),O)),children:[l(x,{feedItem:L,classes:J,displayName:me}),c("div",{className:b(w.mainContainerTop,e({},w.mainContainerTopNative,p)),children:[l(R,{feedItem:L,userFullName:me,typeLabel:se,classes:J,isPost:ie}),c("div",{className:w.mainContainerTopMenu,children:[l(k,{feedItem:L,classes:J}),l(g,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:ie,isEditableItem:ae,canDeleteFeedItem:W,handleEditMenuItem:function(){S(L)},handleDeleteMenuItem:function(){ne(!0)},copyFeedItemLink:function(){var e=L.id,t="".concat(window.location.host,"/feed/").concat(e);m.copyToClipboard(t)},feedItem:L,currentUser:G})]}),l(N,{feedItem:L,isPost:ie})]}),l(f,{className:J.headerDividerRoot}),l(j,{feedItem:L,appData:z,customFeedItemTypeTemplates:H})]}),l(D,{feedItem:L,handleToggleLike:de,setOpenCommentInput:ee,openCommentInput:$,currentUser:G}),l(F,{openCommentInput:$,feedItem:L,setOpenCommentInput:ee}),V&&l("div",{className:w.loadingContainer,style:{backgroundColor:s[800]},children:l(T,{})}),re&&l(C,{open:re,title:"Delete post",text:"Are you sure you want to delete post and all attachments?",handleClose:function(){return ne(!1)},handleOk:function(){le()},okText:"Delete"})]})}A.propTypes={feedItem:y.shape().isRequired,enterEditMode:y.func,removeFeedItem:y.func,editebleFeedItemTypes:y.oneOf([n.TRACES_MEMO,n.POST]),currentUser:y.shape().isRequired,canDeleteFeedItem:y.bool.isRequired,appData:y.shape().isRequired,customFeedItemTypeTemplates:y.shape()},A.defaultProps={enterEditMode:t,removeFeedItem:t,editebleFeedItemTypes:[n.POST],customFeedItemTypeTemplates:{}};export default A;
+import e from"@babel/runtime/helpers/defineProperty";import{noop as t}from"lodash";import o from"@babel/runtime/helpers/slicedToArray";import{FEED_ITEM_TYPES_BY_KEY as r,FEED_ITEM_TYPES as n}from"../../constants/feed.js";import i from"@babel/runtime/regenerator";import a from"@babel/runtime/helpers/asyncToGenerator";import s from"@material-ui/core/colors/grey";import m from"../../utils/main.js";import{isNativeDetected as p}from"../../utils/mobileDetect.js";import{jsxs as c,jsx as l}from"react/jsx-runtime";import{makeStyles as d,Paper as u,Divider as f}from"@material-ui/core";import{useState as v}from"react";import{deleteFeedItem as I,toggleFeedItemLike as h}from"../../clients/jsonApi/index.js";import y from"prop-types";import b from"classnames";import T from"../LoadingIndicator/LoadingIndicator.js";import C from"../ConfirmationDialog.js";import g from"./components/Actions.js";import F from"./components/Comments.js";import j from"./components/Content.js";import k from"./components/CreatedAt.js";import x from"./components/Icon.js";import D from"./components/Reactions.js";import N from"./components/RigAndWell.js";import R from"./components/TypeAndAssetTitle.js";import w from"./FeedItem.css.js";var P=d((function(e){return{paperRoot:{position:"relative",marginBottom:10,paddingBottom:5,backgroundColor:e.palette.background.b8},clickablePaperRoot:{"&:hover":{filter:"brightness(90%)",transition:"filter 0.3s"}},headerDividerRoot:{margin:"10px 0"}}}));function A(t){var n,d,y,A,M,O,E,_,L=t.feedItem,U=t.editebleFeedItemTypes,q=t.removeFeedItem,S=t.enterEditMode,B=t.router,G=t.currentUser,W=t.canDeleteFeedItem,z=t.appData,H=t.customFeedItemTypeTemplates,J=P(),K=v(!1),Q=o(K,2),V=Q[0],X=Q[1],Y=v(!0),Z=o(Y,2),$=Z[0],ee=Z[1],te=v(!1),oe=o(te,2),re=oe[0],ne=oe[1],ie=L.type===r.post.type,ae=U.includes(L.type),se=r[L.type].label,me=m.getUserFullName(L.user),pe=L.type===r.alert.type&&"/alerts/".concat(null===(n=L.context)||void 0===n||null===(d=n.alert)||void 0===d?void 0:d.id),ce=L.type===r.alert.type&&pe,le=(E=a(i.mark((function e(){return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return X(!0),e.prev=1,e.next=4,I(L.id);case 4:e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(1),e.abrupt("return");case 9:return e.prev=9,X(!1),e.finish(9);case 12:m.showSuccessNotification("Item was deleted"),q(L.id);case 14:case"end":return e.stop()}}),e,null,[[1,6,9,12]])}))),function(){return E.apply(this,arguments)}),de=(_=a(i.mark((function e(){var t;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=L.id,e.prev=1,e.next=4,h(t);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:case"end":return e.stop()}}),e,null,[[1,6]])}))),function(){return _.apply(this,arguments)});return c(u,{"data-testid":"".concat("FeedPo","_post_").concat(null===(y=L.context)||void 0===y||null===(A=y.post)||void 0===A?void 0:A.body,"_rigName_").concat(function(e){var t,o,r;return!!e.rig?null===(t=e.rig)||void 0===t?void 0:t.name:null===(o=e.well)||void 0===o||null===(r=o.parent_asset)||void 0===r?void 0:r.name}(L)),className:b(J.paperRoot,(M={},e(M,J.clickablePaperRoot,ce),e(M,w.hideOverflow,V),M)),elevation:0,children:[c("div",{onClick:function(){ce&&B.push(pe)},className:b(w.mainContainer,(O={},e(O,w.mainContainerClickable,ce),e(O,w.mainContainerNative,p),O)),children:[l(x,{feedItem:L,classes:J,displayName:me}),c("div",{className:b(w.mainContainerTop,e({},w.mainContainerTopNative,p)),children:[l(R,{feedItem:L,userFullName:me,typeLabel:se,classes:J,isPost:ie}),c("div",{className:w.mainContainerTopMenu,children:[l(k,{feedItem:L,classes:J}),l(g,{"data-testid":"".concat("FeedPo","_actionsDropdown"),isPost:ie,isEditableItem:ae,canDeleteFeedItem:W,handleEditMenuItem:function(){S(L)},handleDeleteMenuItem:function(){ne(!0)},copyFeedItemLink:function(){var e=L.id,t="".concat(window.location.host,"/feed/").concat(e);m.copyToClipboard(t)},feedItem:L,currentUser:G})]}),l(N,{feedItem:L,isPost:ie})]}),l(f,{className:J.headerDividerRoot}),l(j,{feedItem:L,appData:z,customFeedItemTypeTemplates:H})]}),l(D,{feedItem:L,handleToggleLike:de,setOpenCommentInput:ee,openCommentInput:$,currentUser:G}),l(F,{openCommentInput:$,feedItem:L,setOpenCommentInput:ee,user:G}),V&&l("div",{className:w.loadingContainer,style:{backgroundColor:s[800]},children:l(T,{})}),re&&l(C,{open:re,title:"Delete post",text:"Are you sure you want to delete post and all attachments?",handleClose:function(){return ne(!1)},handleOk:function(){le()},okText:"Delete"})]})}A.propTypes={feedItem:y.shape().isRequired,enterEditMode:y.func,removeFeedItem:y.func,editebleFeedItemTypes:y.oneOf([n.TRACES_MEMO,n.POST]),currentUser:y.shape().isRequired,canDeleteFeedItem:y.bool.isRequired,appData:y.shape().isRequired,customFeedItemTypeTemplates:y.shape()},A.defaultProps={enterEditMode:t,removeFeedItem:t,editebleFeedItemTypes:[n.POST],customFeedItemTypeTemplates:{}};export default A;

package/components/FeedItem/components/Comments.js

@@ -1 +1 @@
-import{isNativeDetected as e}from"../../../utils/mobileDetect.js";import{jsxs as t,jsx as m}from"react/jsx-runtime";import{makeStyles as o,Divider as i}from"@material-ui/core";import r from"./FeedComments.js";var n=o({commentsDividerRoot:{margin:"5px 16px 10px 33px"},commentsDividerRootNative:{margin:"5px 16px 10px 16px"}});export default function(o){var p=o.feedItem,a=o.openCommentInput,s=n(),c=p.comments.length;return t("div",{children:[(!!c||a)&&m(i,{className:e?s.commentsDividerRootNative:s.commentsDividerRoot}),m(r,{openCommentInput:a,feedItem:p,isNative:e})]})}
+import{isNativeDetected as e}from"../../../utils/mobileDetect.js";import{jsxs as t,jsx as m}from"react/jsx-runtime";import{makeStyles as o,Divider as i}from"@material-ui/core";import r from"./FeedComments.js";var n=o({commentsDividerRoot:{margin:"5px 16px 10px 33px"},commentsDividerRootNative:{margin:"5px 16px 10px 16px"}});export default function(o){var p=o.feedItem,s=o.openCommentInput,a=o.user,c=n(),d=p.comments.length;return t("div",{children:[(!!d||s)&&m(i,{className:e?c.commentsDividerRootNative:c.commentsDividerRoot}),m(r,{openCommentInput:s,feedItem:p,isNative:e,user:a})]})}

package/components/FeedItem/components/FeedComments.js

@@ -1 +1 @@
-import o from"moment";import e from"@babel/runtime/helpers/slicedToArray";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{makeStyles as r,Button as m,Typography as i}from"@material-ui/core";import{useState as a,useRef as s}from"react";import{postFeedItemComment as p}from"../../../clients/jsonApi/index.js";import c from"lodash/noop";import d from"prop-types";import u from"../../CommentInput/index.js";import l from"../../CommentLoader.js";import f from"../../Comment/index.js";var C=r({showMoreButtonRoot:{textTransform:"none",backgroundColor:"transparent!important"},feedCommentsContainer:{padding:"0 16px 0 33px"}});function h(r){var d=r.openCommentInput,h=r.feedItem,x=r.isNative,v=a(!1),y=e(v,2),I=y[0],b=y[1],j=a(3),R=e(j,2),g=R[0],k=R[1],w=s(),_=C(),q=h.comments.length,M=q>g;return t("div",{className:(d||!!q)&&_.feedCommentsContainer,children:[d&&!x&&n(u,{inputRef:w,postComment:function(o){p(h.id,o)},setIsPosting:b,companyId:h.company_id,autoFocus:!1}),M&&n(m,{"data-testid":"".concat("FeedComments","_viewMoreComments"),classes:_.showMoreButtonRoot,onClick:function(){k((function(o){return 3===o?o+7:o+10}))},children:n(i,{variant:"caption",color:"primary",children:"View more comments"})}),h.comments.sort((function(e){return-o(e.created_at).unix()})).slice(0,g).reverse().map((function(o){return n(f,{comment:o,handleDeleteCallback:c,patchCommentCallback:c,companyId:h.company_id},o.id)})),I&&n(l,{})]})}h.propTypes={openCommentInput:d.bool.isRequired,feedItem:d.shape().isRequired,isNative:d.bool.isRequired};export default h;
+import e from"moment";import o from"@babel/runtime/helpers/slicedToArray";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{makeStyles as n,Button as m,Typography as i}from"@material-ui/core";import{useState as s,useRef as a}from"react";import{postFeedItemComment as p}from"../../../clients/jsonApi/index.js";import c from"lodash/noop";import d from"prop-types";import u from"../../CommentInput/index.js";import l from"../../CommentLoader.js";import f from"../../Comment/index.js";var C=n({showMoreButtonRoot:{textTransform:"none",backgroundColor:"transparent!important"},feedCommentsContainer:{padding:"0 16px 0 33px"}});function h(n){var d=n.openCommentInput,h=n.feedItem,x=n.isNative,v=n.user,y=s(!1),I=o(y,2),b=I[0],R=I[1],j=s(3),g=o(j,2),k=g[0],q=g[1],w=a(),_=C(),M=h.comments.length,N=M>k;return t("div",{className:(d||!!M)&&_.feedCommentsContainer,children:[d&&!x&&r(u,{inputRef:w,postComment:function(e){p(h.id,e)},setIsPosting:R,companyId:h.company_id,autoFocus:!1}),N&&r(m,{"data-testid":"".concat("FeedComments","_viewMoreComments"),classes:_.showMoreButtonRoot,onClick:function(){q((function(e){return 3===e?e+7:e+10}))},children:r(i,{variant:"caption",color:"primary",children:"View more comments"})}),h.comments.sort((function(o){return-e(o.created_at).unix()})).slice(0,k).reverse().map((function(e){return r(f,{comment:e,handleDeleteCallback:c,patchCommentCallback:c,companyId:h.company_id,user:v},e.id)})),b&&r(l,{})]})}h.propTypes={openCommentInput:d.bool.isRequired,feedItem:d.shape().isRequired,user:d.shape().isRequired,isNative:d.bool.isRequired};export default h;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.33.0-7",
+  "version": "0.33.0-8",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"