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

package/components/Popover/Popover.js

@@ -1,48 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Popover as Popover$1 } from '@material-ui/core';
-import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
-import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import { jsx } from 'react/jsx-runtime';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
-import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
-import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
-import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import { useIsInsideDcFullscreenElem, IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-
-var _excluded = ["children", "open"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function DcPopover(_ref) {
-  var children = _ref.children,
-    openProp = _ref.open,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
-      isOpen: openProp
-    }),
-    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
-  return /*#__PURE__*/jsx(Popover$1, _objectSpread(_objectSpread({}, otherProps), {}, {
-    open: delayedIsOpen,
-    TransitionProps: _objectSpread(_objectSpread({}, otherProps.TransitionProps), {}, {
-      enter: true,
-      exit: false
-    }),
-    children: /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
-      children: children
-    })
-  }));
-}
-function Popover(props) {
-  var isInsideDcApp = useIsInsideDcApp();
-  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
-  var PopoverComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopover : Popover$1;
-  return /*#__PURE__*/jsx(PopoverComponent, _objectSpread({}, props));
-}
-
-export { Popover };
-//# sourceMappingURL=Popover.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popover as n}from"@material-ui/core";import{useDelayedDcFullscreenElemOpen as t}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as o}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as p,IsInsideDcFullscreenElemProvider as i}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as s}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";var c=["children","open"];function m(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function a(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?m(Object(t),!0).forEach((function(n){e(r,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function l(e){var p=e.children,s=e.open,m=r(e,c),l=t({isOpen:s}).delayedIsOpen;return o(n,a(a({},m),{},{open:l,TransitionProps:a(a({},m.TransitionProps),{},{enter:!0,exit:!1}),children:o(i,{children:p})}))}function D(e){var r=s(),t=p();return o(r&&!t?l:n,a({},e))}export{D as Popover};

package/components/Popper/Popper.js

@@ -1,44 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Popper as Popper$1 } from '@material-ui/core';
-import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import { jsx } from 'react/jsx-runtime';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
-import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
-import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
-import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import { useIsInsideDcFullscreenElem, IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
-
-var _excluded = ["children", "open"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function DcPopper(_ref) {
-  var children = _ref.children,
-    openProp = _ref.open,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
-      isOpen: openProp
-    }),
-    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
-  return /*#__PURE__*/jsx(Popper$1, _objectSpread(_objectSpread({}, otherProps), {}, {
-    open: delayedIsOpen,
-    children: /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
-      children: children
-    })
-  }));
-}
-function Popper(props) {
-  var isInsideDcApp = useIsInsideDcApp();
-  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
-  var PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : Popper$1;
-  return /*#__PURE__*/jsx(PopperComponent, _objectSpread({}, props));
-}
-
-export { Popper };
-//# sourceMappingURL=Popper.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as n}from"@material-ui/core";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as t}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as o,IsInsideDcFullscreenElemProvider as p}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as i}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";var c=["children","open"];function m(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function l(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?m(Object(t),!0).forEach((function(n){e(r,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function a(e){var o=e.children,i=e.open,m=r(e,c),a=s({isOpen:i}).delayedIsOpen;return t(n,l(l({},m),{},{open:a,children:t(p,{children:o})}))}function D(e){var r=i(),p=o();return t(r&&!p?a:n,l({},e))}export{D as Popper};

package/components/PostInput/PostInput.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".PostInput_input__gBiG5 {\n  width: 100%;\n}\n\n.PostInput_inputTextField__uwBDT {\n  width: 100%;\n  min-height: 120px;\n  background: #4d4d4d;\n  box-sizing: border-box;\n  border-radius: 4px;\n  padding: 8px 6px !important;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.PostInput_inputTextFieldSmaller__yG0Ll {\n  min-height: 77px;\n  height: 77px;\n}\n\n/* To style react-mentions elements inside the input */\n\n.PostInput_inputTextFieldSmaller__yG0Ll div[class^='style_mention'] {\n  z-index: 1;\n  max-height: 47px;\n}\n\n.PostInput_inputTextFieldSmaller__yG0Ll .PostInput_inputInput__86zk8 {\n  height: 30px;\n}\n\n.PostInput_inputTextField__uwBDT:focus-within {\n  box-shadow: inset 0 0 0 2px #03bcd4;\n}\n\n.PostInput_inputAdornment__dFrqi {\n  height: auto;\n  width: 100%;\n  display: flex;\n  flex: 1;\n  margin: 0 16px;\n  justify-content: flex-end;\n}\n\n.PostInput_inputAdornmentSmaller__8C8l7 {\n  position: absolute;\n  bottom: 0;\n  z-index: 1;\n}\n\n.PostInput_input__gBiG5 .MuiInputBase-root {\n  display: flex;\n  flex-direction: column;\n}\n";
-var styles = {"input":"PostInput_input__gBiG5","inputTextField":"PostInput_inputTextField__uwBDT","inputTextFieldSmaller":"PostInput_inputTextFieldSmaller__yG0Ll","inputInput":"PostInput_inputInput__86zk8","inputAdornment":"PostInput_inputAdornment__dFrqi","inputAdornmentSmaller":"PostInput_inputAdornmentSmaller__8C8l7"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=PostInput.css.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={input:"PostInput_input__gBiG5",inputTextField:"PostInput_inputTextField__uwBDT",inputTextFieldSmaller:"PostInput_inputTextFieldSmaller__yG0Ll",inputInput:"PostInput_inputInput__86zk8",inputAdornment:"PostInput_inputAdornment__dFrqi",inputAdornmentSmaller:"PostInput_inputAdornmentSmaller__8C8l7"};t(".PostInput_input__gBiG5{width:100%}.PostInput_inputTextField__uwBDT{background:#4d4d4d;border-radius:4px;box-sizing:border-box;min-height:120px;padding:8px 6px!important;transition:box-shadow .2s ease-in-out;width:100%}.PostInput_inputTextFieldSmaller__yG0Ll{height:77px;min-height:77px}.PostInput_inputTextFieldSmaller__yG0Ll div[class^=style_mention]{max-height:47px;z-index:1}.PostInput_inputTextFieldSmaller__yG0Ll .PostInput_inputInput__86zk8{height:30px}.PostInput_inputTextField__uwBDT:focus-within{box-shadow:inset 0 0 0 2px #03bcd4}.PostInput_inputAdornment__dFrqi{display:flex;flex:1;height:auto;justify-content:flex-end;margin:0 16px;width:100%}.PostInput_inputAdornmentSmaller__8C8l7{bottom:0;position:absolute;z-index:1}.PostInput_input__gBiG5 .MuiInputBase-root{display:flex;flex-direction:column}");export{n as default};

package/components/PostInput/PostInput.js

@@ -1,148 +1 @@
-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
+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};

package/components/PostPreviewDialog/index.js

@@ -1,337 +1 @@
-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
+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};

package/components/PostPreviewDialog/styles.css.js

@@ -1,8 +1 @@
-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
+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};