@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/PostInput/PostInput.js

@@ -1 +1,148 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import n from"prop-types";import{useState as r,useRef as t,useEffect as i}from"react";import{TextField as s,InputAdornment as a}from"@material-ui/core";import l from"classnames";import{noop as u}from"lodash";import m from"../FilePreview/index.js";import p from"../FailedFileUploading.js";import c from"../UserMention/index.js";import d from"../FileUploadIconButton.js";import f from"../EmojiIconButton.js";import g from"./PostInput.css.js";import{jsxs as h,jsx as v}from"react/jsx-runtime";var w=function(n){var u=n.className,w=n.userCompanyId,y=n.onChange,P=n.onKeyDown,b=n.initialValue,C=n.filePreviewWrapperClass,j=n.smallerView,F=n.suggestionsPortalHost,I=n.allowSuggestionsAboveCursor,A=r(b.body),N=o(A,2),S=N[0],T=N[1],x=r(b.attachment),D=o(x,2),U=D[0],V=D[1],H=r(null),K=o(H,2),E=K[0],W=K[1],B=t(null);return i((function(){B.current&&(B.current.selectionStart=B.current.value.length)}),[]),i((function(){y({body:S,attachment:U})}),[S,U]),h("div",{className:l(g.input,u),children:[v(s,{"data-testid":"".concat("PostInput","_input"),className:l(g.inputTextField,e({},g.inputTextFieldSmaller,j)),placeholder:"Add Comment...",FormHelperTextProps:{component:"div",margin:"dense"},inputRef:B,InputProps:{inputComponent:c,inputProps:{onChange:T,value:S,withLightTheme:!1,companyId:w,autoFocus:!0,className:g.inputInput,placeholder:"Type here...",suggestionsPortalHost:F,allowSuggestionsAboveCursor:I},endAdornment:h(a,{position:"end",className:l(g.inputAdornment,e({},g.inputAdornmentSmaller,j)),children:[!U&&v("div",{children:v(d,{openPreviewDialogOnUpload:!1,onFinish:function(e,o,n){V({url:e,name:o,size:n})},onError:W})}),v("div",{children:v(f,{"data-testid":"".concat("PostInput","_emoji"),handleSelectEmoji:function(e){return T((function(o){return"".concat(o).concat(e.native)}))}})})]}),disableUnderline:!0,classes:{}},onKeyDown:P}),U&&v(m,{fileName:U.name,fileUrl:U.url,handleFileDelete:function(){return V(null)},classes:{wrapper:C}}),E&&v(p,{errorMessage:E})]})};w.propTypes={userCompanyId:n.oneOfType([n.string,n.number]).isRequired,className:n.string,onKeyDown:n.func,onChange:n.func,initialValue:n.shape({body:n.string,attachment:n.shape({})}),filePreviewWrapperClass:n.string,suggestionsPortalHost:n.node,allowSuggestionsAboveCursor:n.bool,smallerView:n.bool},w.defaultProps={className:null,initialValue:{body:"",attachment:null},filePreviewWrapperClass:null,onKeyDown:u,onChange:u,smallerView:!1,suggestionsPortalHost:void 0,allowSuggestionsAboveCursor:!1};export{w as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import PropTypes from 'prop-types';
+import { useState, useRef, useEffect } from 'react';
+import { TextField, InputAdornment } from '@material-ui/core';
+import classNames from 'classnames';
+import { noop } from 'lodash';
+import FilePreview from '../FilePreview/index.js';
+import FailedFileUploading from '../FailedFileUploading.js';
+import UserMention from '../UserMention/index.js';
+import FileUploadIconButton from '../FileUploadIconButton.js';
+import EmojiIconButton from '../EmojiIconButton.js';
+import styles from './PostInput.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'PostInput';
+var PostInput = function PostInput(_ref) {
+  var className = _ref.className,
+    userCompanyId = _ref.userCompanyId,
+    onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    initialValue = _ref.initialValue,
+    filePreviewWrapperClass = _ref.filePreviewWrapperClass,
+    smallerView = _ref.smallerView,
+    suggestionsPortalHost = _ref.suggestionsPortalHost,
+    allowSuggestionsAboveCursor = _ref.allowSuggestionsAboveCursor;
+  var _useState = useState(initialValue.body),
+    _useState2 = _slicedToArray(_useState, 2),
+    body = _useState2[0],
+    setBody = _useState2[1];
+  var _useState3 = useState(initialValue.attachment),
+    _useState4 = _slicedToArray(_useState3, 2),
+    attachment = _useState4[0],
+    setAttachment = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    attachmentLoadingError = _useState6[0],
+    setAttachmentLoadingError = _useState6[1];
+  var inputRef = useRef(null);
+  useEffect(function () {
+    if (inputRef.current) {
+      inputRef.current.selectionStart = inputRef.current.value.length;
+    }
+  }, []);
+  useEffect(function () {
+    onChange({
+      body: body,
+      attachment: attachment
+    });
+  }, [body, attachment]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.input, className),
+    children: [/*#__PURE__*/jsx(TextField, {
+      "data-testid": "".concat(PAGE_NAME, "_input"),
+      className: classNames(styles.inputTextField, _defineProperty({}, styles.inputTextFieldSmaller, smallerView)),
+      placeholder: "Add Comment...",
+      FormHelperTextProps: {
+        component: 'div',
+        margin: 'dense'
+      },
+      inputRef: inputRef,
+      InputProps: {
+        inputComponent: UserMention,
+        inputProps: {
+          onChange: setBody,
+          value: body,
+          withLightTheme: false,
+          companyId: userCompanyId,
+          autoFocus: true,
+          className: styles.inputInput,
+          placeholder: 'Type here...',
+          suggestionsPortalHost: suggestionsPortalHost,
+          allowSuggestionsAboveCursor: allowSuggestionsAboveCursor
+        },
+        endAdornment: /*#__PURE__*/jsxs(InputAdornment, {
+          position: "end",
+          className: classNames(styles.inputAdornment, _defineProperty({}, styles.inputAdornmentSmaller, smallerView)),
+          children: [!attachment && /*#__PURE__*/jsx("div", {
+            children: /*#__PURE__*/jsx(FileUploadIconButton, {
+              openPreviewDialogOnUpload: false,
+              onFinish: function onFinish(url, name, size) {
+                setAttachment({
+                  url: url,
+                  name: name,
+                  size: size
+                });
+              },
+              onError: setAttachmentLoadingError
+            })
+          }), /*#__PURE__*/jsx("div", {
+            children: /*#__PURE__*/jsx(EmojiIconButton, {
+              "data-testid": "".concat(PAGE_NAME, "_emoji"),
+              handleSelectEmoji: function handleSelectEmoji(emoji) {
+                return setBody(function (prevText) {
+                  return "".concat(prevText).concat(emoji.native);
+                });
+              }
+            })
+          })]
+        }),
+        disableUnderline: true,
+        classes: {}
+      },
+      onKeyDown: onKeyDown
+    }), attachment && /*#__PURE__*/jsx(FilePreview, {
+      fileName: attachment.name,
+      fileUrl: attachment.url,
+      handleFileDelete: function handleFileDelete() {
+        return setAttachment(null);
+      },
+      classes: {
+        wrapper: filePreviewWrapperClass
+      }
+    }), attachmentLoadingError && /*#__PURE__*/jsx(FailedFileUploading, {
+      errorMessage: attachmentLoadingError
+    })]
+  });
+};
+PostInput.propTypes = {
+  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  className: PropTypes.string,
+  onKeyDown: PropTypes.func,
+  onChange: PropTypes.func,
+  initialValue: PropTypes.shape({
+    body: PropTypes.string,
+    attachment: PropTypes.shape({})
+  }),
+  filePreviewWrapperClass: PropTypes.string,
+  suggestionsPortalHost: PropTypes.node,
+  allowSuggestionsAboveCursor: PropTypes.bool,
+  smallerView: PropTypes.bool
+};
+PostInput.defaultProps = {
+  className: null,
+  initialValue: {
+    body: '',
+    attachment: null
+  },
+  filePreviewWrapperClass: null,
+  onKeyDown: noop,
+  onChange: noop,
+  smallerView: false,
+  suggestionsPortalHost: undefined,
+  allowSuggestionsAboveCursor: false
+};
+
+export { PostInput as default };
+//# sourceMappingURL=PostInput.js.map

package/components/PostInput/PostInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostInput.js","sources":["../../../src/components/PostInput/PostInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useRef } from 'react';\nimport { TextField, InputAdornment } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\nimport FilePreview from '~/components/FilePreview';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport EmojiIconButton from '~/components/EmojiIconButton';\n\nimport styles from './PostInput.css';\n\nconst PAGE_NAME = 'PostInput';\n\nconst PostInput = ({\n  className,\n  userCompanyId,\n  onChange,\n  onKeyDown,\n  initialValue,\n  filePreviewWrapperClass,\n  smallerView,\n  suggestionsPortalHost,\n  allowSuggestionsAboveCursor,\n}) => {\n  const [body, setBody] = useState(initialValue.body);\n  const [attachment, setAttachment] = useState(initialValue.attachment);\n  const [attachmentLoadingError, setAttachmentLoadingError] = useState(null);\n  const inputRef = useRef(null);\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.selectionStart = inputRef.current.value.length;\n    }\n  }, []);\n  useEffect(() => {\n    onChange({\n      body,\n      attachment,\n    });\n  }, [body, attachment]);\n\n  return (\n    <div className={classNames(styles.input, className)}>\n      <TextField\n        data-testid={`${PAGE_NAME}_input`}\n        className={classNames(styles.inputTextField, {\n          [styles.inputTextFieldSmaller]: smallerView,\n        })}\n        placeholder=\"Add Comment...\"\n        FormHelperTextProps={{\n          component: 'div',\n          margin: 'dense',\n        }}\n        inputRef={inputRef}\n        InputProps={{\n          inputComponent: UserMention,\n          inputProps: {\n            onChange: setBody,\n            value: body,\n            withLightTheme: false,\n            companyId: userCompanyId,\n            autoFocus: true,\n            className: styles.inputInput,\n            placeholder: 'Type here...',\n            suggestionsPortalHost,\n            allowSuggestionsAboveCursor,\n          },\n          endAdornment: (\n            <InputAdornment\n              position=\"end\"\n              className={classNames(styles.inputAdornment, {\n                [styles.inputAdornmentSmaller]: smallerView,\n              })}\n            >\n              {!attachment && (\n                <div>\n                  <FileUploadIconButton\n                    openPreviewDialogOnUpload={false}\n                    onFinish={(url, name, size) => {\n                      setAttachment({\n                        url,\n                        name,\n                        size,\n                      });\n                    }}\n                    onError={setAttachmentLoadingError}\n                  />\n                </div>\n              )}\n              <div>\n                <EmojiIconButton\n                  data-testid={`${PAGE_NAME}_emoji`}\n                  handleSelectEmoji={emoji => setBody(prevText => `${prevText}${emoji.native}`)}\n                />\n              </div>\n            </InputAdornment>\n          ),\n          disableUnderline: true,\n          classes: {},\n        }}\n        onKeyDown={onKeyDown}\n      />\n      {attachment && (\n        <FilePreview\n          fileName={attachment.name}\n          fileUrl={attachment.url}\n          handleFileDelete={() => setAttachment(null)}\n          classes={{ wrapper: filePreviewWrapperClass }}\n        />\n      )}\n      {attachmentLoadingError && <FailedFileUploading errorMessage={attachmentLoadingError} />}\n    </div>\n  );\n};\n\nPostInput.propTypes = {\n  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  className: PropTypes.string,\n  onKeyDown: PropTypes.func,\n  onChange: PropTypes.func,\n  initialValue: PropTypes.shape({\n    body: PropTypes.string,\n    attachment: PropTypes.shape({}),\n  }),\n  filePreviewWrapperClass: PropTypes.string,\n  suggestionsPortalHost: PropTypes.node,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  smallerView: PropTypes.bool,\n};\n\nPostInput.defaultProps = {\n  className: null,\n  initialValue: {\n    body: '',\n    attachment: null,\n  },\n  filePreviewWrapperClass: null,\n  onKeyDown: noop,\n  onChange: noop,\n  smallerView: false,\n  suggestionsPortalHost: undefined,\n  allowSuggestionsAboveCursor: false,\n};\n\nexport default PostInput;\n"],"names":["PAGE_NAME","PostInput","className","userCompanyId","onChange","onKeyDown","initialValue","filePreviewWrapperClass","smallerView","suggestionsPortalHost","allowSuggestionsAboveCursor","useState","body","setBody","attachment","setAttachment","attachmentLoadingError","setAttachmentLoadingError","inputRef","useRef","useEffect","current","selectionStart","value","length","_jsxs","classNames","styles","input","_jsx","inputTextField","inputTextFieldSmaller","component","margin","inputComponent","UserMention","inputProps","withLightTheme","companyId","autoFocus","inputInput","placeholder","endAdornment","inputAdornment","inputAdornmentSmaller","url","name","size","emoji","prevText","native","disableUnderline","classes","wrapper","propTypes","PropTypes","oneOfType","string","number","isRequired","func","shape","node","bool","defaultProps","noop","undefined"],"mappings":"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"}

package/components/PostPreviewDialog/index.js

@@ -1 +1,337 @@
-import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import l from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import{createRef as n,PureComponent as s}from"react";import c from"prop-types";import{withStyles as p}from"@material-ui/core/styles";import d from"@material-ui/core/Paper";import m from"@material-ui/core/DialogActions";import f from"@material-ui/core/DialogContent";import h from"@material-ui/core/DialogTitle";import u from"@material-ui/core/Button";import g from"@material-ui/core/Typography";import U from"@material-ui/core/Input";import F from"@material-ui/core/RootRef";import y from"@material-ui/core/colors/grey";import v from"@material-ui/icons/Delete";import{Dialog as N}from"@material-ui/core";import S from"../FileTypeIcon.js";import b from"../EmojiIconButton.js";import D from"../FileUploadIconButton.js";import C from"../FailedFileUploading.js";import E from"../UserMention/index.js";import{isNativeDetected as P}from"../../utils/mobileDetect.js";import R from"./styles.css.js";import{getIsImage as B}from"../../utils/fileExtension.js";import{jsx as x,jsxs as w}from"react/jsx-runtime";function I(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var i,l=r(e);if(t){var a=r(this).constructor;i=Reflect.construct(l,arguments,a)}else i=l.apply(this,arguments);return o(this,i)}}var j="PostPreviewDialog",k=y[200],T=y[400],z=function(e){return w(d,{className:e.classes.messageWrapper,children:[x(U,{"data-testid":"".concat(j,"_messageInput"),inputRef:e.inputEl,inputComponent:E,inputProps:{withLightTheme:!1,onChange:e.handleMessageChange,companyId:e.companyId,suggestionsPortalHost:e.rootRef.current},placeholder:"Add a message about the file...",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:e.classes.textFieldRoot,value:e.comment,onKeyDown:e.handleKeyDown}),w("div",{className:R.cPostPreviewDialogMessageAdditionalFieldsWrapper,children:[x("div",{children:e.additionalFields}),w("div",{className:R.cPostPreviewDialogMessageActionFields,children:[!e.fileUrl&&x(D,{htmlColor:y[400],openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:e.handleFileUpload,onError:e.handleFileUploadingError,inputId:"preview-dialog-file-upload"}),x(b,{handleSelectEmoji:e.handleSelectEmoji,emojiIconClassName:e.classes.additionalActionButton,htmlColor:y[400],disableRipple:!0})]})]})]})},A=function(e){var t=B(e.fileName);return w("div",t?{children:[w("div",{className:R.cPostPreviewDialogFileName,children:[x(g,{"data-testid":"".concat(j,"_fileName"),variant:"subtitle2",noWrap:!0,gutterBottom:!0,children:e.fileName}),x(v,{"data-testid":"".concat(j,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]}),x("div",{className:R.cPostPreviewDialogFileImageFileWrapper,children:x("img",{"data-testid":"".concat(j,"_previewImage"),className:R.cPostPreviewDialogFileImage,src:e.fileUrl,alt:"Uploaded file"})})]}:{className:R.cPostPreviewDialogFileDownload,style:{backgroundColor:k,border:"1px solid ".concat(T)},children:[x(S,{fileName:e.fileName}),w("div",{className:R.cPostPreviewDialogFileDownloadText,children:[x(g,{"data-testid":"".concat(j,"_fileName"),variant:"subtitle2",noWrap:!0,children:e.fileName}),x(v,{"data-testid":"".concat(j,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]})]})},M=function(o){l(c,s);var r=I(c);function c(t){var l;return e(this,c),l=r.call(this,t),a(i(l),"focusOnInput",(function(){return l.inputEl.current.focus()})),a(i(l),"handleKeyDown",(function(e){"Enter"===e.key&&l.handleShare()})),a(i(l),"handleMessageChange",(function(e){return l.setState({comment:e})})),a(i(l),"handleSelectEmoji",(function(e){return l.setState((function(t){var i=t.comment;return{comment:"".concat(i).concat(e.native)}}))})),a(i(l),"handleShare",(function(){l.props.handleShare(l.state.comment,l.state.fileUrl,l.state.fileSize,l.state.fileName)})),a(i(l),"handleFileDelete",(function(){l.setState({fileUrl:"",fileSize:null,fileName:""})})),a(i(l),"handleFileUpload",(function(e,t,i){l.setState({fileUrl:e,fileName:t,fileSize:i,fileUploadingError:null})})),a(i(l),"handleFileUploadingError",(function(e){l.setState({fileUrl:null,fileName:null,fileSize:null,fileUploadingError:e})})),l.state={comment:t.message,fileUrl:t.fileUrl,fileSize:t.fileSize,fileName:t.fileName,fileUploadingError:null},l.inputEl=n(),l.rootRef=n(),l}return t(c,[{key:"componentDidUpdate",value:function(e){!e.open&&this.props.open&&!this.state.comment&&this.props.message&&this.setState({comment:this.props.message}),this.props.fileUrl===e.fileUrl&&this.props.fileSize===e.fileSize&&this.props.fileName===e.fileName||this.setState({fileUrl:this.props.fileUrl,fileSize:this.props.fileSize,fileName:this.props.fileName})}},{key:"render",value:function(){return x(F,{rootRef:this.rootRef,children:w(N,{fullScreen:P,open:this.props.open,onClose:this.props.handleClose,onBackdropClick:this.props.handleClose,onEntered:this.focusOnInput,children:[x(h,{children:this.props.title}),w(f,{classes:{root:!P&&this.props.classes.dialogContentRoot},children:[x(z,{inputEl:this.inputEl,comment:this.state.comment,handleMessageChange:this.handleMessageChange,handleKeyDown:this.handleKeyDown,handleFileUpload:this.handleFileUpload,handleSelectEmoji:this.handleSelectEmoji,handleFileUploadingError:this.handleFileUploadingError,additionalFields:this.props.additionalFields,fileUrl:this.state.fileUrl,classes:this.props.classes,companyId:this.props.companyId,rootRef:this.rootRef}),this.state.fileUploadingError&&x(C,{errorMessage:this.state.fileUploadingError,className:this.props.classes.fileUploadingError}),this.state.fileUrl&&x(A,{fileName:this.state.fileName,fileUrl:this.state.fileUrl,handleFileDelete:this.handleFileDelete,handleFileUploadingError:this.handleFileUploadingError,classes:this.props.classes})]}),w(m,{className:this.props.classes.dialogActions,children:[x(u,{"data-testid":"".concat(j,"_cancelButton"),color:"primary",onClick:this.props.handleClose,children:this.props.cancelButtonText}),x(u,{"data-testid":"".concat(j,"_okButton"),color:"primary",variant:"contained",disabled:!this.state.fileUrl&&!this.state.comment||!this.props.requiredFields.every(Boolean),onClick:this.handleShare,children:this.props.okButtonText})]})]})})}}]),c}();M.propTypes={title:c.string,open:c.bool.isRequired,fileUrl:c.string,fileName:c.string,fileSize:c.number,handleShare:c.func.isRequired,handleClose:c.func.isRequired,classes:c.shape({}).isRequired,additionalFields:c.arrayOf(c.node),requiredFields:c.arrayOf(c.string),message:c.string,companyId:c.number,okButtonText:c.string,cancelButtonText:c.string},M.defaultProps={title:"Share a file",fileUrl:"",fileName:"",fileSize:null,additionalFields:[],requiredFields:[],message:"",companyId:null,okButtonText:"Post",cancelButtonText:"Cancel"};var W=p((function(e){return{dialogContentRoot:{minWidth:500},textFieldRoot:{marginBottom:20},textInput:{paddingTop:2},messageWrapper:{padding:"18.5px 14px",border:"solid 1px ".concat(e.palette.primary.main),boxShadow:"none"},dialogActions:{padding:"24px 24px",margin:0},deleteButton:{color:"#DADADA",cursor:"pointer"},fileUploadingError:{marginTop:10}}}))(M);export{W as default};
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Paper from '@material-ui/core/Paper';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
+import Input from '@material-ui/core/Input';
+import RootRef from '@material-ui/core/RootRef';
+import grey from '@material-ui/core/colors/grey';
+import DeleteIcon from '@material-ui/icons/Delete';
+import { Dialog } from '@material-ui/core';
+import FileTypeIcon from '../FileTypeIcon.js';
+import EmojiIconButton from '../EmojiIconButton.js';
+import FileUploadIconButton from '../FileUploadIconButton.js';
+import FailedFileUploading from '../FailedFileUploading.js';
+import UserMention from '../UserMention/index.js';
+import { isNativeDetected } from '../../utils/mobileDetect.js';
+import styles from './styles.css.js';
+import { getIsImage } from '../../utils/fileExtension.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_NAME = 'PostPreviewDialog';
+var grey200 = grey[200];
+var grey400 = grey[400];
+var muiStyles = function muiStyles(theme) {
+  return {
+    dialogContentRoot: {
+      minWidth: 500
+    },
+    textFieldRoot: {
+      marginBottom: 20
+    },
+    textInput: {
+      paddingTop: 2
+    },
+    messageWrapper: {
+      padding: '18.5px 14px',
+      border: "solid 1px ".concat(theme.palette.primary.main),
+      boxShadow: 'none'
+    },
+    dialogActions: {
+      padding: '24px 24px',
+      margin: 0
+    },
+    deleteButton: {
+      color: '#DADADA',
+      cursor: 'pointer'
+    },
+    fileUploadingError: {
+      marginTop: 10
+    }
+  };
+};
+
+/* eslint-disable react/prop-types */
+var Message = function Message(props) {
+  return /*#__PURE__*/jsxs(Paper, {
+    className: props.classes.messageWrapper,
+    children: [/*#__PURE__*/jsx(Input, {
+      "data-testid": "".concat(PAGE_NAME, "_messageInput"),
+      inputRef: props.inputEl,
+      inputComponent: UserMention,
+      inputProps: {
+        withLightTheme: false,
+        onChange: props.handleMessageChange,
+        companyId: props.companyId,
+        suggestionsPortalHost: props.rootRef.current
+      },
+      placeholder: "Add a message about the file...",
+      fullWidth: true,
+      disableUnderline: true,
+      multiline: true,
+      rows: "3",
+      className: props.classes.textFieldRoot,
+      value: props.comment,
+      onKeyDown: props.handleKeyDown
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.cPostPreviewDialogMessageAdditionalFieldsWrapper,
+      children: [/*#__PURE__*/jsx("div", {
+        children: props.additionalFields
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.cPostPreviewDialogMessageActionFields,
+        children: [!props.fileUrl && /*#__PURE__*/jsx(FileUploadIconButton, {
+          htmlColor: grey[400],
+          openPreviewDialogOnUpload: false,
+          disableRipple: true,
+          onFinish: props.handleFileUpload,
+          onError: props.handleFileUploadingError,
+          inputId: "preview-dialog-file-upload"
+        }), /*#__PURE__*/jsx(EmojiIconButton, {
+          handleSelectEmoji: props.handleSelectEmoji,
+          emojiIconClassName: props.classes.additionalActionButton,
+          htmlColor: grey[400],
+          disableRipple: true
+        })]
+      })]
+    })]
+  });
+};
+var File = function File(props) {
+  var isImage = getIsImage(props.fileName);
+  return isImage ? /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.cPostPreviewDialogFileName,
+      children: [/*#__PURE__*/jsx(Typography, {
+        "data-testid": "".concat(PAGE_NAME, "_fileName"),
+        variant: "subtitle2",
+        noWrap: true,
+        gutterBottom: true,
+        children: props.fileName
+      }), /*#__PURE__*/jsx(DeleteIcon, {
+        "data-testid": "".concat(PAGE_NAME, "_deleteButton"),
+        color: "action",
+        onClick: props.handleFileDelete,
+        className: props.classes.deleteButton
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.cPostPreviewDialogFileImageFileWrapper,
+      children: /*#__PURE__*/jsx("img", {
+        "data-testid": "".concat(PAGE_NAME, "_previewImage"),
+        className: styles.cPostPreviewDialogFileImage,
+        src: props.fileUrl,
+        alt: "Uploaded file"
+      })
+    })]
+  }) : /*#__PURE__*/jsxs("div", {
+    className: styles.cPostPreviewDialogFileDownload,
+    style: {
+      backgroundColor: grey200,
+      border: "1px solid ".concat(grey400)
+    },
+    children: [/*#__PURE__*/jsx(FileTypeIcon, {
+      fileName: props.fileName
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.cPostPreviewDialogFileDownloadText,
+      children: [/*#__PURE__*/jsx(Typography, {
+        "data-testid": "".concat(PAGE_NAME, "_fileName"),
+        variant: "subtitle2",
+        noWrap: true,
+        children: props.fileName
+      }), /*#__PURE__*/jsx(DeleteIcon, {
+        "data-testid": "".concat(PAGE_NAME, "_deleteButton"),
+        color: "action",
+        onClick: props.handleFileDelete,
+        className: props.classes.deleteButton
+      })]
+    })]
+  });
+};
+/* eslint-enable react/prop-types */
+var FileUploadPreviewDialog = /*#__PURE__*/function (_PureComponent) {
+  _inherits(FileUploadPreviewDialog, _PureComponent);
+  var _super = _createSuper(FileUploadPreviewDialog);
+  function FileUploadPreviewDialog(props) {
+    var _this;
+    _classCallCheck(this, FileUploadPreviewDialog);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "focusOnInput", function () {
+      return _this.inputEl.current.focus();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+      if (event.key === 'Enter') {
+        _this.handleShare();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMessageChange", function (comment) {
+      return _this.setState({
+        comment: comment
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleSelectEmoji", function (emoji) {
+      return _this.setState(function (_ref) {
+        var comment = _ref.comment;
+        return {
+          comment: "".concat(comment).concat(emoji.native)
+        };
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleShare", function () {
+      _this.props.handleShare(_this.state.comment, _this.state.fileUrl, _this.state.fileSize, _this.state.fileName);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFileDelete", function () {
+      _this.setState({
+        fileUrl: '',
+        fileSize: null,
+        fileName: ''
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFileUpload", function (fileUrl, fileName, fileSize) {
+      _this.setState({
+        fileUrl: fileUrl,
+        fileName: fileName,
+        fileSize: fileSize,
+        fileUploadingError: null
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFileUploadingError", function (fileUploadingError) {
+      _this.setState({
+        fileUrl: null,
+        fileName: null,
+        fileSize: null,
+        fileUploadingError: fileUploadingError
+      });
+    });
+    _this.state = {
+      comment: props.message,
+      fileUrl: props.fileUrl,
+      fileSize: props.fileSize,
+      fileName: props.fileName,
+      fileUploadingError: null
+    };
+    _this.inputEl = createRef();
+    _this.rootRef = createRef();
+    return _this;
+  }
+  _createClass(FileUploadPreviewDialog, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (!prevProps.open && this.props.open && !this.state.comment && this.props.message) {
+        this.setState({
+          comment: this.props.message
+        });
+      }
+      if (this.props.fileUrl !== prevProps.fileUrl || this.props.fileSize !== prevProps.fileSize || this.props.fileName !== prevProps.fileName) {
+        this.setState({
+          fileUrl: this.props.fileUrl,
+          fileSize: this.props.fileSize,
+          fileName: this.props.fileName
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/jsx(RootRef, {
+        rootRef: this.rootRef,
+        children: /*#__PURE__*/jsxs(Dialog, {
+          fullScreen: isNativeDetected,
+          open: this.props.open,
+          onClose: this.props.handleClose,
+          onBackdropClick: this.props.handleClose,
+          onEntered: this.focusOnInput,
+          children: [/*#__PURE__*/jsx(DialogTitle, {
+            children: this.props.title
+          }), /*#__PURE__*/jsxs(DialogContent, {
+            classes: {
+              root: !isNativeDetected && this.props.classes.dialogContentRoot
+            },
+            children: [/*#__PURE__*/jsx(Message, {
+              inputEl: this.inputEl,
+              comment: this.state.comment,
+              handleMessageChange: this.handleMessageChange,
+              handleKeyDown: this.handleKeyDown,
+              handleFileUpload: this.handleFileUpload,
+              handleSelectEmoji: this.handleSelectEmoji,
+              handleFileUploadingError: this.handleFileUploadingError,
+              additionalFields: this.props.additionalFields,
+              fileUrl: this.state.fileUrl,
+              classes: this.props.classes,
+              companyId: this.props.companyId,
+              rootRef: this.rootRef
+            }), this.state.fileUploadingError && /*#__PURE__*/jsx(FailedFileUploading, {
+              errorMessage: this.state.fileUploadingError,
+              className: this.props.classes.fileUploadingError
+            }), this.state.fileUrl && /*#__PURE__*/jsx(File, {
+              fileName: this.state.fileName,
+              fileUrl: this.state.fileUrl,
+              handleFileDelete: this.handleFileDelete,
+              handleFileUploadingError: this.handleFileUploadingError,
+              classes: this.props.classes
+            })]
+          }), /*#__PURE__*/jsxs(DialogActions, {
+            className: this.props.classes.dialogActions,
+            children: [/*#__PURE__*/jsx(Button, {
+              "data-testid": "".concat(PAGE_NAME, "_cancelButton"),
+              color: "primary",
+              onClick: this.props.handleClose,
+              children: this.props.cancelButtonText
+            }), /*#__PURE__*/jsx(Button, {
+              "data-testid": "".concat(PAGE_NAME, "_okButton"),
+              color: "primary",
+              variant: "contained",
+              disabled: !this.state.fileUrl && !this.state.comment || !this.props.requiredFields.every(Boolean),
+              onClick: this.handleShare,
+              children: this.props.okButtonText
+            })]
+          })]
+        })
+      });
+    }
+  }]);
+  return FileUploadPreviewDialog;
+}(PureComponent);
+FileUploadPreviewDialog.propTypes = {
+  title: PropTypes.string,
+  open: PropTypes.bool.isRequired,
+  fileUrl: PropTypes.string,
+  fileName: PropTypes.string,
+  fileSize: PropTypes.number,
+  handleShare: PropTypes.func.isRequired,
+  handleClose: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired,
+  additionalFields: PropTypes.arrayOf(PropTypes.node),
+  requiredFields: PropTypes.arrayOf(PropTypes.string),
+  message: PropTypes.string,
+  companyId: PropTypes.number,
+  okButtonText: PropTypes.string,
+  cancelButtonText: PropTypes.string
+};
+FileUploadPreviewDialog.defaultProps = {
+  title: 'Share a file',
+  fileUrl: '',
+  fileName: '',
+  fileSize: null,
+  additionalFields: [],
+  requiredFields: [],
+  message: '',
+  companyId: null,
+  okButtonText: 'Post',
+  cancelButtonText: 'Cancel'
+};
+var PostPreviewDialog = withStyles(muiStyles)(FileUploadPreviewDialog);
+
+export { PostPreviewDialog as default };
+//# sourceMappingURL=index.js.map

package/components/PostPreviewDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PostPreviewDialog/index.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Paper from '@material-ui/core/Paper';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport Input from '@material-ui/core/Input';\nimport RootRef from '@material-ui/core/RootRef';\nimport grey from '@material-ui/core/colors/grey';\n\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Dialog } from '@material-ui/core';\n\nimport FileTypeIcon from '~/components/FileTypeIcon';\nimport EmojiIconButton from '~/components/EmojiIconButton';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nimport styles from './styles.css';\nimport { getIsImage } from '../../utils/fileExtension';\n\nconst PAGE_NAME = 'PostPreviewDialog';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst muiStyles = theme => ({\n  dialogContentRoot: { minWidth: 500 },\n  textFieldRoot: { marginBottom: 20 },\n  textInput: { paddingTop: 2 },\n  messageWrapper: {\n    padding: '18.5px 14px',\n    border: `solid 1px ${theme.palette.primary.main}`,\n    boxShadow: 'none',\n  },\n  dialogActions: {\n    padding: '24px 24px',\n    margin: 0,\n  },\n  deleteButton: {\n    color: '#DADADA',\n    cursor: 'pointer',\n  },\n  fileUploadingError: {\n    marginTop: 10,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst Message = props => (\n  <Paper className={props.classes.messageWrapper}>\n    <Input\n      data-testid={`${PAGE_NAME}_messageInput`}\n      inputRef={props.inputEl}\n      inputComponent={UserMention}\n      inputProps={{\n        withLightTheme: false,\n        onChange: props.handleMessageChange,\n        companyId: props.companyId,\n        suggestionsPortalHost: props.rootRef.current,\n      }}\n      placeholder=\"Add a message about the file...\"\n      fullWidth\n      disableUnderline\n      multiline\n      rows=\"3\"\n      className={props.classes.textFieldRoot}\n      value={props.comment}\n      onKeyDown={props.handleKeyDown}\n    />\n    <div className={styles.cPostPreviewDialogMessageAdditionalFieldsWrapper}>\n      <div>{props.additionalFields}</div>\n      <div className={styles.cPostPreviewDialogMessageActionFields}>\n        {!props.fileUrl && (\n          <FileUploadIconButton\n            htmlColor={grey[400]}\n            openPreviewDialogOnUpload={false}\n            disableRipple\n            onFinish={props.handleFileUpload}\n            onError={props.handleFileUploadingError}\n            inputId=\"preview-dialog-file-upload\"\n          />\n        )}\n        <EmojiIconButton\n          handleSelectEmoji={props.handleSelectEmoji}\n          emojiIconClassName={props.classes.additionalActionButton}\n          htmlColor={grey[400]}\n          disableRipple\n        />\n      </div>\n    </div>\n  </Paper>\n);\n\nconst File = props => {\n  const isImage = getIsImage(props.fileName);\n\n  return isImage ? (\n    <div>\n      <div className={styles.cPostPreviewDialogFileName}>\n        <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap gutterBottom>\n          {props.fileName}\n        </Typography>\n        <DeleteIcon\n          data-testid={`${PAGE_NAME}_deleteButton`}\n          color=\"action\"\n          onClick={props.handleFileDelete}\n          className={props.classes.deleteButton}\n        />\n      </div>\n      <div className={styles.cPostPreviewDialogFileImageFileWrapper}>\n        <img\n          data-testid={`${PAGE_NAME}_previewImage`}\n          className={styles.cPostPreviewDialogFileImage}\n          src={props.fileUrl}\n          alt=\"Uploaded file\"\n        />\n      </div>\n    </div>\n  ) : (\n    <div\n      className={styles.cPostPreviewDialogFileDownload}\n      style={{\n        backgroundColor: grey200,\n        border: `1px solid ${grey400}`,\n      }}\n    >\n      <FileTypeIcon fileName={props.fileName} />\n      <div className={styles.cPostPreviewDialogFileDownloadText}>\n        <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n          {props.fileName}\n        </Typography>\n        <DeleteIcon\n          data-testid={`${PAGE_NAME}_deleteButton`}\n          color=\"action\"\n          onClick={props.handleFileDelete}\n          className={props.classes.deleteButton}\n        />\n      </div>\n    </div>\n  );\n};\n/* eslint-enable react/prop-types */\n\nclass FileUploadPreviewDialog extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      comment: props.message,\n      fileUrl: props.fileUrl,\n      fileSize: props.fileSize,\n      fileName: props.fileName,\n      fileUploadingError: null,\n    };\n\n    this.inputEl = createRef();\n    this.rootRef = createRef();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.open && this.props.open && !this.state.comment && this.props.message) {\n      this.setState({ comment: this.props.message });\n    }\n\n    if (\n      this.props.fileUrl !== prevProps.fileUrl ||\n      this.props.fileSize !== prevProps.fileSize ||\n      this.props.fileName !== prevProps.fileName\n    ) {\n      this.setState({\n        fileUrl: this.props.fileUrl,\n        fileSize: this.props.fileSize,\n        fileName: this.props.fileName,\n      });\n    }\n  }\n\n  focusOnInput = () => this.inputEl.current.focus();\n\n  handleKeyDown = event => {\n    if (event.key === 'Enter') {\n      this.handleShare();\n    }\n  };\n\n  handleMessageChange = comment => this.setState({ comment });\n\n  handleSelectEmoji = emoji =>\n    this.setState(({ comment }) => ({ comment: `${comment}${emoji.native}` }));\n\n  handleShare = () => {\n    this.props.handleShare(\n      this.state.comment,\n      this.state.fileUrl,\n      this.state.fileSize,\n      this.state.fileName\n    );\n  };\n\n  handleFileDelete = () => {\n    this.setState({ fileUrl: '', fileSize: null, fileName: '' });\n  };\n\n  handleFileUpload = (fileUrl, fileName, fileSize) => {\n    this.setState({\n      fileUrl,\n      fileName,\n      fileSize,\n      fileUploadingError: null,\n    });\n  };\n\n  handleFileUploadingError = fileUploadingError => {\n    this.setState({\n      fileUrl: null,\n      fileName: null,\n      fileSize: null,\n      fileUploadingError,\n    });\n  };\n\n  render() {\n    return (\n      <RootRef rootRef={this.rootRef}>\n        <Dialog\n          fullScreen={isNativeDetected}\n          open={this.props.open}\n          onClose={this.props.handleClose}\n          onBackdropClick={this.props.handleClose}\n          onEntered={this.focusOnInput}\n        >\n          <DialogTitle>{this.props.title}</DialogTitle>\n\n          <DialogContent\n            classes={{ root: !isNativeDetected && this.props.classes.dialogContentRoot }}\n          >\n            <Message\n              inputEl={this.inputEl}\n              comment={this.state.comment}\n              handleMessageChange={this.handleMessageChange}\n              handleKeyDown={this.handleKeyDown}\n              handleFileUpload={this.handleFileUpload}\n              handleSelectEmoji={this.handleSelectEmoji}\n              handleFileUploadingError={this.handleFileUploadingError}\n              additionalFields={this.props.additionalFields}\n              fileUrl={this.state.fileUrl}\n              classes={this.props.classes}\n              companyId={this.props.companyId}\n              rootRef={this.rootRef}\n            />\n\n            {this.state.fileUploadingError && (\n              <FailedFileUploading\n                errorMessage={this.state.fileUploadingError}\n                className={this.props.classes.fileUploadingError}\n              />\n            )}\n\n            {this.state.fileUrl && (\n              <File\n                fileName={this.state.fileName}\n                fileUrl={this.state.fileUrl}\n                handleFileDelete={this.handleFileDelete}\n                handleFileUploadingError={this.handleFileUploadingError}\n                classes={this.props.classes}\n              />\n            )}\n          </DialogContent>\n\n          <DialogActions className={this.props.classes.dialogActions}>\n            <Button\n              data-testid={`${PAGE_NAME}_cancelButton`}\n              color=\"primary\"\n              onClick={this.props.handleClose}\n            >\n              {this.props.cancelButtonText}\n            </Button>\n\n            <Button\n              data-testid={`${PAGE_NAME}_okButton`}\n              color=\"primary\"\n              variant=\"contained\"\n              disabled={\n                (!this.state.fileUrl && !this.state.comment) ||\n                !this.props.requiredFields.every(Boolean)\n              }\n              onClick={this.handleShare}\n            >\n              {this.props.okButtonText}\n            </Button>\n          </DialogActions>\n        </Dialog>\n      </RootRef>\n    );\n  }\n}\n\nFileUploadPreviewDialog.propTypes = {\n  title: PropTypes.string,\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string,\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  handleShare: PropTypes.func.isRequired,\n  handleClose: PropTypes.func.isRequired,\n\n  classes: PropTypes.shape({}).isRequired,\n\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n  message: PropTypes.string,\n  companyId: PropTypes.number,\n\n  okButtonText: PropTypes.string,\n  cancelButtonText: PropTypes.string,\n};\n\nFileUploadPreviewDialog.defaultProps = {\n  title: 'Share a file',\n  fileUrl: '',\n  fileName: '',\n  fileSize: null,\n  additionalFields: [],\n  requiredFields: [],\n  message: '',\n  companyId: null,\n\n  okButtonText: 'Post',\n  cancelButtonText: 'Cancel',\n};\n\nexport default withStyles(muiStyles)(FileUploadPreviewDialog);\n"],"names":["PAGE_NAME","grey200","grey","grey400","muiStyles","theme","dialogContentRoot","minWidth","textFieldRoot","marginBottom","textInput","paddingTop","messageWrapper","padding","border","palette","primary","main","boxShadow","dialogActions","margin","deleteButton","color","cursor","fileUploadingError","marginTop","Message","props","_jsxs","classes","_jsx","inputEl","UserMention","withLightTheme","onChange","handleMessageChange","companyId","suggestionsPortalHost","rootRef","current","comment","handleKeyDown","styles","cPostPreviewDialogMessageAdditionalFieldsWrapper","additionalFields","cPostPreviewDialogMessageActionFields","fileUrl","handleFileUpload","handleFileUploadingError","handleSelectEmoji","additionalActionButton","File","isImage","getIsImage","fileName","cPostPreviewDialogFileName","handleFileDelete","cPostPreviewDialogFileImageFileWrapper","cPostPreviewDialogFileImage","cPostPreviewDialogFileDownload","backgroundColor","cPostPreviewDialogFileDownloadText","FileUploadPreviewDialog","focus","event","key","handleShare","setState","emoji","native","state","fileSize","message","createRef","prevProps","open","isNativeDetected","handleClose","focusOnInput","title","root","cancelButtonText","requiredFields","every","Boolean","okButtonText","PureComponent","propTypes","PropTypes","string","bool","isRequired","number","func","shape","arrayOf","node","defaultProps","withStyles"],"mappings":"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"}

package/components/PostPreviewDialog/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var i={cPostPreviewDialogMessageAdditionalFieldsWrapper:"styles_cPostPreviewDialogMessageAdditionalFieldsWrapper__Yyvh7",cPostPreviewDialogMessageActionFields:"styles_cPostPreviewDialogMessageActionFields__yaBbe",cPostPreviewDialogFileName:"styles_cPostPreviewDialogFileName__V--fs",cPostPreviewDialogFileImageFileWrapper:"styles_cPostPreviewDialogFileImageFileWrapper__bM6db",cPostPreviewDialogFileImage:"styles_cPostPreviewDialogFileImage__yVJFK",cPostPreviewDialogFileDownload:"styles_cPostPreviewDialogFileDownload__oCHdV",cPostPreviewDialogFileDownloadText:"styles_cPostPreviewDialogFileDownloadText__qe7QO"};e(".styles_cPostPreviewDialogMessageAdditionalFieldsWrapper__Yyvh7{display:flex;justify-content:space-between}.styles_cPostPreviewDialogMessageActionFields__yaBbe{align-items:center;display:flex}.styles_cPostPreviewDialogFileName__V--fs{align-items:center;display:flex;justify-content:space-between;margin:20px 0 0}.styles_cPostPreviewDialogFileImageFileWrapper__bM6db{background-color:#4d4d4d;border-radius:3px;margin-bottom:5px;margin-top:15px;overflow:hidden;text-align:center}.styles_cPostPreviewDialogFileImage__yVJFK{max-height:300px;max-width:100%;vertical-align:top}.styles_cPostPreviewDialogFileDownload__oCHdV{align-items:center;border-radius:3px;cursor:pointer;display:flex;margin-top:10px;padding:10px 10px 10px 5px}.styles_cPostPreviewDialogFileDownloadText__qe7QO{display:flex;justify-content:space-between;margin-left:10px;width:calc(100% - 60px)}");export{i as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cPostPreviewDialogMessageAdditionalFieldsWrapper__Yyvh7 {\n    display: flex;\n    justify-content: space-between;\n}\n\n.styles_cPostPreviewDialogMessageActionFields__yaBbe {\n    display: flex;\n    align-items: center;\n}\n\n.styles_cPostPreviewDialogFileName__V--fs {\n    display: flex;\n    justify-content: space-between;\n    margin: 20px 0px 0px 0px;\n    align-items: center;\n}\n\n.styles_cPostPreviewDialogFileImageFileWrapper__bM6db {\n    border-radius: 3px;\n    overflow: hidden;\n    text-align: center;\n    margin-bottom: 5px;\n    margin-top: 15px;\n    background-color: #4d4d4d;\n}\n\n.styles_cPostPreviewDialogFileImage__yVJFK {\n    vertical-align: top;\n    max-width: 100%;\n    max-height: 300px;\n}\n\n.styles_cPostPreviewDialogFileDownload__oCHdV {\n    margin-top: 10px;\n    padding: 10px 10px 10px 5px;\n    border-radius: 3px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n}\n\n.styles_cPostPreviewDialogFileDownloadText__qe7QO {\n    margin-left: 10px;\n    width: calc(100% - 60px); /* NOTE: Minus file icon width */\n    display: flex;\n    justify-content: space-between;\n}\n";
+var styles = {"cPostPreviewDialogMessageAdditionalFieldsWrapper":"styles_cPostPreviewDialogMessageAdditionalFieldsWrapper__Yyvh7","cPostPreviewDialogMessageActionFields":"styles_cPostPreviewDialogMessageActionFields__yaBbe","cPostPreviewDialogFileName":"styles_cPostPreviewDialogFileName__V--fs","cPostPreviewDialogFileImageFileWrapper":"styles_cPostPreviewDialogFileImageFileWrapper__bM6db","cPostPreviewDialogFileImage":"styles_cPostPreviewDialogFileImage__yVJFK","cPostPreviewDialogFileDownload":"styles_cPostPreviewDialogFileDownload__oCHdV","cPostPreviewDialogFileDownloadText":"styles_cPostPreviewDialogFileDownloadText__qe7QO"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/PostPreviewDialog/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}