@corva/ui 0.32.0-rc.1 → 0.32.0-rc.5

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/components/FilePreview/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"@material-ui/core/colors/grey";import{getIsImage as r}from"../../utils/fileExtension.js";import{jsxs as l,jsx as t}from"react/jsx-runtime";import{withStyles as o,Typography as a}from"@material-ui/core";import s from"prop-types";import n from"classnames";import m from"../IconButton/index.js";import c from"@material-ui/icons/Delete";import p from"../FileTypeIcon.js";import d from"./styles.css.js";var f=function(o){var s=o.fileName,f=o.fileUrl,v=o.handleFileDelete,u=o.classes,w=r(s);return l("div",{className:n(d.cComponentFilePreview,u.wrapper),children:[t("div",w?{className:d.cComponentFilePreviewImageFileWrapper,children:t("img",{"data-testid":"".concat("filePreview","_filePreview"),className:d.cComponentFilePreviewImage,src:f,alt:"Uploaded file"})}:{className:d.cComponentFilePreviewWrapper,children:l("div",{className:d.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(i[400])},children:[t(p,{fileName:s,size:25}),t("div",{className:d.cComponentFilePreviewDownloadText,children:t(a,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:s})})]})}),t(m,{title:"Delete",onClick:v,className:n(d.cComponentFilePreviewDeleteFile,e({},d.cComponentFilePreviewDeleteFileCentered,!w)),tooltipProps:{title:"Delete"},children:t(c,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};f.propTypes={fileName:s.string.isRequired,fileUrl:s.string.isRequired,handleFileDelete:s.func.isRequired,classes:s.shape({deleteTooltip:s.string.isRequired}).isRequired};var v=o({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(f);export default v;
+import e from"@babel/runtime/helpers/defineProperty";import i from"@material-ui/core/colors/grey";import r from"../../utils/main.js";import{getIsImage as t}from"../../utils/fileExtension.js";import{jsxs as l,jsx as o}from"react/jsx-runtime";import{withStyles as a,Typography as s}from"@material-ui/core";import n from"prop-types";import m from"classnames";import c from"../IconButton/index.js";import p from"@material-ui/icons/Delete";import d from"../FileTypeIcon.js";import f from"./styles.css.js";var u=function(a){var n=a.fileName,u=a.fileUrl,v=a.handleFileDelete,F=a.classes,w=t(n);return l("div",{className:m(f.cComponentFilePreview,F.wrapper),children:[o("div",w?{className:f.cComponentFilePreviewImageFileWrapper,children:o("img",{"data-testid":"".concat("filePreview","_filePreview"),className:f.cComponentFilePreviewImage,src:u,alt:"Uploaded file"})}:{className:f.cComponentFilePreviewWrapper,children:l("div",{className:f.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(i[400])},children:[o(d,{fileName:n,size:25}),o("div",{className:f.cComponentFilePreviewDownloadText,children:o(s,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:r.getFileNameWithExtensionFromPath(n)})})]})}),o(c,{title:"Delete",onClick:v,className:m(f.cComponentFilePreviewDeleteFile,e({},f.cComponentFilePreviewDeleteFileCentered,!w)),tooltipProps:{title:"Delete"},children:o(p,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};u.propTypes={fileName:n.string.isRequired,fileUrl:n.string.isRequired,handleFileDelete:n.func.isRequired,classes:n.shape({deleteTooltip:n.string.isRequired}).isRequired};var v=a({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(u);export default v;

package/components/FileUploadIconButton.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/regenerator";import i from"@babel/runtime/helpers/asyncToGenerator";import{isNativeDetected as o}from"../utils/mobileDetect.js";import n from"@babel/runtime/helpers/createClass";import{jsxs as l,jsx as s,Fragment as a}from"react/jsx-runtime";import{createRef as p,PureComponent as u}from"react";import{getS3DownloadLink as c,getS3SignedUrl as d}from"../clients/jsonApi/index.js";import f from"prop-types";import{withStyles as m}from"@material-ui/core/styles";import h from"@babel/runtime/helpers/assertThisInitialized";import b from"@babel/runtime/helpers/inherits";import g from"@babel/runtime/helpers/possibleConstructorReturn";import F from"@babel/runtime/helpers/getPrototypeOf";import v from"./IconButton/index.js";import U from"react-s3-uploader/s3upload";import y from"@material-ui/core/CircularProgress";import P from"@material-ui/icons/PhotoCamera";import S from"./PostPreviewDialog/index.js";import w from"./Icons/AttachIcon.js";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function D(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?O(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}function j(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,i=F(e);if(r){var o=F(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return g(this,t)}}var I=function(f){b(g,u);var m=j(g);function g(o){var n,l;return r(this,g),n=m.call(this,o),e(h(n),"onFinish",i(t.mark((function e(){return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:n.props.openPreviewDialogOnUpload},(function(){n.props.onFinish&&c(n.state.s3FileName).then((function(e){n.props.onFinish(e.url,n.state.s3FileName,n.state.s3FileSize)}))}));case 1:case"end":return e.stop()}}),e)})))),e(h(n),"onError",(function(e){n.props.onError&&n.props.onError(e),console.error(e)})),e(h(n),"getSignedUrl",(l=i(t.mark((function e(r,i){var o;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,d(r.name,r.type);case 3:o=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),n.setState({uploadingFileToS3:null,currentUpload:null},(function(){n.onError(e.t0.message)})),e.abrupt("return");case 10:n.setState({s3FileUrl:o.signed_url,s3FileName:o.file_name,s3FileSize:r.size}),i(D(D({},o),{},{signedUrl:o.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return l.apply(this,arguments)})),e(h(n),"preprocess",(function(e,r){r(e)})),e(h(n),"uploadFile",(function(e){if(e.target.files[0]){n.clearUpload();var r=new U({fileElement:n.fileInput.current,getSignedUrl:n.getSignedUrl,preprocess:n.preprocess,onProgress:function(){},onFinishS3Put:n.onFinish,onError:n.onError});n.setState({uploadingFileToS3:!0,currentUpload:{uploader:r}})}})),e(h(n),"handleCloseFileUploadPreviewDialog",(function(){n.setState({openFileUploadPreviewDialog:!1})})),e(h(n),"handleShare",(function(e,r,t){n.setState({openFileUploadPreviewDialog:!1},(function(){n.props.handleShare&&n.props.handleShare(e,r,t)}))})),n.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},n.fileInput=p(),n}return n(g,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=o?P:w;return l("label",{htmlFor:this.props.inputId,children:[s("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),s(v,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:{title:"Attach File"},children:s(e,{})})]})}},{key:"render",value:function(){return l(a,{children:[this.state.uploadingFileToS3?s(y,{"data-testid":"generic_uploadProgress",classes:{root:this.props.classes.progressRoot},size:20}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&s(S,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),g}();I.propTypes={additionalFields:f.arrayOf(f.node),classes:f.shape({}).isRequired,disableRipple:f.bool,disabled:f.bool,fileUploadIconClassName:f.string,handleShare:f.func,inputId:f.string,message:f.string,onError:f.func,onFinish:f.func,openPreviewDialogOnUpload:f.bool,requiredFields:f.arrayOf(f.string)},I.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[]};var C=m({progressRoot:{margin:14,marginTop:20}})(I);export default C;
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/regenerator";import i from"@babel/runtime/helpers/asyncToGenerator";import{isNativeDetected as o}from"../utils/mobileDetect.js";import n from"@babel/runtime/helpers/createClass";import{jsxs as l,jsx as s,Fragment as a}from"react/jsx-runtime";import{createRef as p,PureComponent as u}from"react";import{getS3DownloadLink as c,getS3SignedUrl as d}from"../clients/jsonApi/index.js";import f from"prop-types";import{withStyles as m}from"@material-ui/core/styles";import h from"@babel/runtime/helpers/assertThisInitialized";import b from"@babel/runtime/helpers/inherits";import g from"@babel/runtime/helpers/possibleConstructorReturn";import F from"@babel/runtime/helpers/getPrototypeOf";import v from"./IconButton/index.js";import U from"react-s3-uploader/s3upload";import y from"@material-ui/core/CircularProgress";import P from"@material-ui/icons/PhotoCamera";import S from"./PostPreviewDialog/index.js";import w from"./Icons/AttachIcon.js";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function D(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?O(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}function j(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,i=F(e);if(r){var o=F(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return g(this,t)}}var I=function(f){b(g,u);var m=j(g);function g(o){var n,l;return r(this,g),n=m.call(this,o),e(h(n),"onFinish",i(t.mark((function e(){var r;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,c(n.state.s3FileName);case 2:r=e.sent,n.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:n.props.openPreviewDialogOnUpload,s3FileUrl:r.url},(function(){n.props.onFinish&&n.props.onFinish(n.state.s3FileUrl,n.state.s3FileName,n.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),e(h(n),"onError",(function(e){n.props.onError&&n.props.onError(e),console.error(e)})),e(h(n),"getSignedUrl",(l=i(t.mark((function e(r,i){var o;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,d(r.name,r.type);case 3:o=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),n.setState({uploadingFileToS3:null,currentUpload:null},(function(){n.onError(e.t0.message)})),e.abrupt("return");case 10:n.setState({s3FileUrl:o.signed_url,s3FileName:o.file_name,s3FileSize:r.size}),i(D(D({},o),{},{signedUrl:o.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return l.apply(this,arguments)})),e(h(n),"preprocess",(function(e,r){r(e)})),e(h(n),"uploadFile",(function(e){if(e.target.files[0]){n.clearUpload();var r=new U({fileElement:n.fileInput.current,getSignedUrl:n.getSignedUrl,preprocess:n.preprocess,onProgress:function(){},onFinishS3Put:n.onFinish,onError:n.onError});n.setState({uploadingFileToS3:!0,currentUpload:{uploader:r}})}})),e(h(n),"handleCloseFileUploadPreviewDialog",(function(){n.setState({openFileUploadPreviewDialog:!1})})),e(h(n),"handleShare",(function(e,r,t){n.setState({openFileUploadPreviewDialog:!1},(function(){n.props.handleShare&&n.props.handleShare(e,r,t)}))})),n.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},n.fileInput=p(),n}return n(g,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=o?P:w;return l("label",{htmlFor:this.props.inputId,children:[s("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),s(v,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:{title:"Attach File"},children:s(e,{})})]})}},{key:"render",value:function(){return l(a,{children:[this.state.uploadingFileToS3?s(y,{"data-testid":"generic_uploadProgress",classes:{root:this.props.classes.progressRoot},size:20}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&s(S,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),g}();I.propTypes={additionalFields:f.arrayOf(f.node),classes:f.shape({}).isRequired,disableRipple:f.bool,disabled:f.bool,fileUploadIconClassName:f.string,handleShare:f.func,inputId:f.string,message:f.string,onError:f.func,onFinish:f.func,openPreviewDialogOnUpload:f.bool,requiredFields:f.arrayOf(f.string)},I.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[]};var C=m({progressRoot:{margin:14,marginTop:20}})(I);export default C;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.32.0-rc.1",
+  "version": "0.32.0-rc.5",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"