@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/PostPreviewDialog/index.js

@@ -1 +1,364 @@
-import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import l 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 y from"@material-ui/core/RootRef";import F from"@material-ui/core/colors/grey";import v from"@material-ui/icons/Delete";import{Dialog as N}from"@material-ui/core";import b from"../FileTypeIcon.js";import S 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 x}from"../../utils/fileExtension.js";import{jsx as B,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,o=r(e);if(t){var a=r(this).constructor;i=Reflect.construct(o,arguments,a)}else i=o.apply(this,arguments);return l(this,i)}}var j="PostPreviewDialog",k=F[200],T=F[300],z=F[400],A=function(e){return w(d,{className:e.classes.messageWrapper,children:[B(U,{"data-testid":"".concat(j,"_messageInput"),inputRef:e.inputEl,inputComponent:E,inputProps:{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:[B("div",{children:e.additionalFields}),w("div",{className:R.cPostPreviewDialogMessageActionFields,children:[!e.fileUrl&&B(D,{htmlColor:F[400],openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:e.handleFileUpload,onError:e.handleFileUploadingError,inputId:"preview-dialog-file-upload"}),B(S,{handleSelectEmoji:e.handleSelectEmoji,emojiIconClassName:e.classes.additionalActionButton,htmlColor:F[400],disableRipple:!0})]})]})]})},M=function(e){var t=x(e.fileName);return w("div",t?{children:[w("div",{className:R.cPostPreviewDialogFileName,children:[B(g,{"data-testid":"".concat(j,"_fileName"),variant:"subtitle2",noWrap:!0,gutterBottom:!0,children:e.fileName}),B(v,{"data-testid":"".concat(j,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]}),B("div",{className:R.cPostPreviewDialogFileImageFileWrapper,style:{backgroundColor:k,border:"1px solid ".concat(T)},children:B("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(z)},children:[B(b,{fileName:e.fileName}),w("div",{className:R.cPostPreviewDialogFileDownloadText,children:[B(g,{"data-testid":"".concat(j,"_fileName"),variant:"subtitle2",noWrap:!0,children:e.fileName}),B(v,{"data-testid":"".concat(j,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]})]})},W=function(l){o(c,s);var r=I(c);function c(t){var o;return e(this,c),o=r.call(this,t),a(i(o),"focusOnInput",(function(){return o.inputEl.current.focus()})),a(i(o),"handleKeyDown",(function(e){"Enter"===e.key&&o.handleShare()})),a(i(o),"handleMessageChange",(function(e){return o.setState({comment:e})})),a(i(o),"handleSelectEmoji",(function(e){return o.setState((function(t){var i=t.comment;return{comment:"".concat(i).concat(e.native)}}))})),a(i(o),"handleShare",(function(){o.props.handleShare(o.state.comment,o.state.fileUrl,o.state.fileSize,o.state.fileName)})),a(i(o),"handleFileDelete",(function(){o.setState({fileUrl:"",fileSize:null,fileName:""})})),a(i(o),"handleFileUpload",(function(e,t,i){o.setState({fileUrl:e,fileName:t,fileSize:i,fileUploadingError:null})})),a(i(o),"handleFileUploadingError",(function(e){o.setState({fileUrl:null,fileName:null,fileSize:null,fileUploadingError:e})})),o.state={comment:t.message,fileUrl:t.fileUrl,fileSize:t.fileSize,fileName:t.fileName,fileUploadingError:null},o.inputEl=n(),o.rootRef=n(),o}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 B(y,{rootRef:this.rootRef,children:w(N,{fullScreen:P,open:this.props.open,onClose:this.props.handleClose,onBackdropClick:this.props.handleClose,onEntered:this.focusOnInput,children:[B(h,{children:this.props.title}),w(f,{classes:{root:!P&&this.props.classes.dialogContentRoot},children:[B(A,{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&&B(C,{errorMessage:this.state.fileUploadingError,className:this.props.classes.fileUploadingError}),this.state.fileUrl&&B(M,{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:[B(u,{"data-testid":"".concat(j,"_cancelButton"),color:"primary",onClick:this.props.handleClose,children:this.props.cancelButtonText}),B(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}();W.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},W.defaultProps={title:"Share a file",fileUrl:"",fileName:"",fileSize:null,additionalFields:[],requiredFields:[],message:"",companyId:null,okButtonText:"Post",cancelButtonText:"Cancel"};var _=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}}}))(W);export{_ as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import grey from '@material-ui/core/colors/grey';
+import { isNativeDetected } from '../../utils/mobileDetect.js';
+import { getIsImage } from '../../utils/fileExtension.js';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Dialog } from '@material-ui/core';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+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 Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
+import UserMention from '../UserMention/index.js';
+import EmojiIconButton from '../EmojiIconButton.js';
+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 Input from '@material-ui/core/Input';
+import RootRef from '@material-ui/core/RootRef';
+import DeleteIcon from '@material-ui/icons/Delete';
+import FileTypeIcon from '../FileTypeIcon.js';
+import FailedFileUploading from '../FailedFileUploading.js';
+import styles from './styles.css.js';
+import FileUploadIconButton from '../FileUploadIconButton.js';
+
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_NAME = 'PostPreviewDialog';
+var grey200 = grey[200];
+var grey300 = grey[300];
+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: {
+        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,
+      style: {
+        backgroundColor: grey200,
+        border: "1px solid ".concat(grey300)
+      },
+      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 default PostPreviewDialog;
+//# 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 grey300 = grey[300];\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        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\n        className={styles.cPostPreviewDialogFileImageFileWrapper}\n        style={{\n          backgroundColor: grey200,\n          border: `1px solid ${grey300}`,\n        }}\n      >\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","grey300","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","onChange","handleMessageChange","companyId","suggestionsPortalHost","rootRef","current","comment","handleKeyDown","styles","cPostPreviewDialogMessageAdditionalFieldsWrapper","additionalFields","cPostPreviewDialogMessageActionFields","fileUrl","handleFileUpload","handleFileUploadingError","handleSelectEmoji","additionalActionButton","File","isImage","getIsImage","fileName","cPostPreviewDialogFileName","handleFileDelete","cPostPreviewDialogFileImageFileWrapper","backgroundColor","cPostPreviewDialogFileImage","cPostPreviewDialogFileDownload","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{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__1NwP3 {\n    display: flex;\n    justify-content: space-between;\n}\n\n.styles_cPostPreviewDialogMessageActionFields__2wgLj {\n    display: flex;\n    align-items: center;\n}\n\n.styles_cPostPreviewDialogFileName__-DTP_ {\n    display: flex;\n    justify-content: space-between;\n    margin: 20px 0px 0px 0px;\n    align-items: center;\n}\n\n.styles_cPostPreviewDialogFileImageFileWrapper__2n-ET {\n    border-radius: 3px;\n    overflow: hidden;\n    text-align: center;\n    margin-bottom: 5px;\n    margin-top: 15px;\n}\n\n.styles_cPostPreviewDialogFileImage__2N4os {\n    vertical-align: top;\n    max-width: 100%;\n    max-height: 300px;\n}\n\n.styles_cPostPreviewDialogFileDownload__2V4Vb {\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__21hhj {\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__1NwP3","cPostPreviewDialogMessageActionFields":"styles_cPostPreviewDialogMessageActionFields__2wgLj","cPostPreviewDialogFileName":"styles_cPostPreviewDialogFileName__-DTP_","cPostPreviewDialogFileImageFileWrapper":"styles_cPostPreviewDialogFileImageFileWrapper__2n-ET","cPostPreviewDialogFileImage":"styles_cPostPreviewDialogFileImage__2N4os","cPostPreviewDialogFileDownload":"styles_cPostPreviewDialogFileDownload__2V4Vb","cPostPreviewDialogFileDownloadText":"styles_cPostPreviewDialogFileDownloadText__21hhj"};
+styleInject(css_248z);
+
+export default styles;
+//# 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,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/PriceInput/FormattedNumber.js

@@ -1 +1,45 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"react-number-format";import n from"prop-types";import{jsx as o}from"react/jsx-runtime";var i=["inputRef","onChange"];function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function u(e){var n=e.inputRef,a=e.onChange,u=r(e,i);return o(t,p(p({},u),{},{getInputRef:n,onValueChange:function(r){a({target:{name:e.name,value:r.value}})},thousandSeparator:!0,isNumericString:!0,prefix:"$",allowNegative:!1,allowLeadingZeros:!1}))}u.propTypes={inputRef:n.func.isRequired,name:n.string.isRequired,onChange:n.func.isRequired,decimalScale:n.number},u.defaultProps={decimalScale:2};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import NumberFormat from 'react-number-format';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function NumberFormatCustom(props) {
+  var inputRef = props.inputRef,
+      onChange = props.onChange,
+      other = _objectWithoutProperties(props, ["inputRef", "onChange"]);
+
+  return /*#__PURE__*/jsx(NumberFormat, _objectSpread(_objectSpread({}, other), {}, {
+    getInputRef: inputRef,
+    onValueChange: function onValueChange(values) {
+      onChange({
+        target: {
+          name: props.name,
+          value: values.value
+        }
+      });
+    },
+    thousandSeparator: true,
+    isNumericString: true,
+    prefix: "$",
+    allowNegative: false,
+    allowLeadingZeros: false
+  }));
+}
+
+NumberFormatCustom.propTypes = {
+  inputRef: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+  decimalScale: PropTypes.number
+};
+NumberFormatCustom.defaultProps = {
+  decimalScale: 2
+};
+
+export default NumberFormatCustom;
+//# sourceMappingURL=FormattedNumber.js.map

package/components/PriceInput/FormattedNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedNumber.js","sources":["../../../src/components/PriceInput/FormattedNumber.js"],"sourcesContent":["import NumberFormat from 'react-number-format';\nimport PropTypes from 'prop-types';\n\nfunction NumberFormatCustom(props) {\n  const { inputRef, onChange, ...other } = props;\n\n  return (\n    <NumberFormat\n      {...other}\n      getInputRef={inputRef}\n      onValueChange={values => {\n        onChange({\n          target: {\n            name: props.name,\n            value: values.value,\n          },\n        });\n      }}\n      thousandSeparator\n      isNumericString\n      prefix=\"$\"\n      allowNegative={false}\n      allowLeadingZeros={false}\n    />\n  );\n}\n\nNumberFormatCustom.propTypes = {\n  inputRef: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  decimalScale: PropTypes.number,\n};\n\nNumberFormatCustom.defaultProps = {\n  decimalScale: 2,\n};\n\nexport default NumberFormatCustom;\n"],"names":["NumberFormatCustom","props","inputRef","onChange","other","_jsx","values","target","name","value","propTypes","PropTypes","func","isRequired","string","decimalScale","number","defaultProps"],"mappings":";;;;;;;;;;AAGA,SAASA,kBAAT,CAA4BC,KAA5B,EAAmC;AAAA,MACzBC,QADyB,GACQD,KADR,CACzBC,QADyB;AAAA,MACfC,QADe,GACQF,KADR,CACfE,QADe;AAAA,MACFC,KADE,4BACQH,KADR;;AAGjC,sBACEI,IAAC,YAAD,kCACMD,KADN;AAEE,IAAA,WAAW,EAAEF,QAFf;AAGE,IAAA,aAAa,EAAE,uBAAAI,MAAM,EAAI;AACvBH,MAAAA,QAAQ,CAAC;AACPI,QAAAA,MAAM,EAAE;AACNC,UAAAA,IAAI,EAAEP,KAAK,CAACO,IADN;AAENC,UAAAA,KAAK,EAAEH,MAAM,CAACG;AAFR;AADD,OAAD,CAAR;AAMD,KAVH;AAWE,IAAA,iBAAiB,MAXnB;AAYE,IAAA,eAAe,MAZjB;AAaE,IAAA,MAAM,EAAC,GAbT;AAcE,IAAA,aAAa,EAAE,KAdjB;AAeE,IAAA,iBAAiB,EAAE;AAfrB,KADF;AAmBD;;AAEDT,kBAAkB,CAACU,SAAnB,GAA+B;AAC7BR,EAAAA,QAAQ,EAAES,SAAS,CAACC,IAAV,CAAeC,UADI;AAE7BL,EAAAA,IAAI,EAAEG,SAAS,CAACG,MAAV,CAAiBD,UAFM;AAG7BV,EAAAA,QAAQ,EAAEQ,SAAS,CAACC,IAAV,CAAeC,UAHI;AAI7BE,EAAAA,YAAY,EAAEJ,SAAS,CAACK;AAJK,CAA/B;AAOAhB,kBAAkB,CAACiB,YAAnB,GAAkC;AAChCF,EAAAA,YAAY,EAAE;AADkB,CAAlC;;;;"}

package/components/PriceInput/PriceInput.js

@@ -1 +1,27 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"prop-types";import{TextField as t}from"@material-ui/core";import o from"./FormattedNumber.js";import{jsx as p}from"react/jsx-runtime";function n(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var c=function(r){return p(t,i(i({},r),{},{InputProps:i(i({},r.InputProps),{},{inputComponent:o})}))};c.propTypes={InputProps:e.shape({})},c.defaultProps={InputProps:{}};export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import { TextField } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import NumberFormatCustom from './FormattedNumber.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var PriceInput = function PriceInput(props) {
+  return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
+    InputProps: _objectSpread(_objectSpread({}, props.InputProps), {}, {
+      inputComponent: NumberFormatCustom
+    })
+  }));
+};
+
+PriceInput.propTypes = {
+  InputProps: PropTypes.shape({})
+};
+PriceInput.defaultProps = {
+  InputProps: {}
+};
+
+export default PriceInput;
+//# sourceMappingURL=PriceInput.js.map

package/components/PriceInput/PriceInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { TextField } from '@material-ui/core';\nimport NumberFormatCustom from './FormattedNumber';\n\nconst PriceInput = props => {\n  return (\n    <TextField\n      {...props}\n      InputProps={{\n        ...props.InputProps,\n        inputComponent: NumberFormatCustom,\n      }}\n    />\n  );\n};\n\nPriceInput.propTypes = {\n  InputProps: PropTypes.shape({}),\n};\n\nPriceInput.defaultProps = {\n  InputProps: {},\n};\n\nexport default PriceInput;\n"],"names":["PriceInput","props","_jsx","InputProps","inputComponent","NumberFormatCustom","propTypes","PropTypes","shape","defaultProps"],"mappings":";;;;;;;;;;IAKMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;AAC1B,sBACEC,IAAC,SAAD,kCACMD,KADN;AAEE,IAAA,UAAU,kCACLA,KAAK,CAACE,UADD;AAERC,MAAAA,cAAc,EAAEC;AAFR;AAFZ,KADF;AASD;;AAEDL,UAAU,CAACM,SAAX,GAAuB;AACrBH,EAAAA,UAAU,EAAEI,SAAS,CAACC,KAAV,CAAgB,EAAhB;AADS,CAAvB;AAIAR,UAAU,CAACS,YAAX,GAA0B;AACxBN,EAAAA,UAAU,EAAE;AADY,CAA1B;;;;"}

package/components/RangeSlider/Input.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={rangeSliderInput:"Input_rangeSliderInput__uoNkK"};e(".Input_rangeSliderInput__uoNkK{background:#414141;border:none;border-radius:4px;color:#fff;display:block;font-size:10px;font-weight:500;margin:0 0 0 auto;outline:none;padding:2px 4px;text-align:center}");export{n as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Input_rangeSliderInput__1cG0J {\n  background: #414141;\n  padding: 2px 4px;\n  text-align: center;\n  border-radius: 4px;\n  font-weight: 500;\n  font-size: 10px;\n  color: #fff;\n  border: none;\n  outline: none;\n  display: block;\n  margin: 0 0 0 auto;\n}\n";
+var styles = {"rangeSliderInput":"Input_rangeSliderInput__1cG0J"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=Input.css.js.map

package/components/RangeSlider/Input.css.js.map

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

package/components/RangeSlider/RangeSlider.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={rangeSliderHorizontal:"RangeSlider_rangeSliderHorizontal__SAdDE",rangeSliderVertical:"RangeSlider_rangeSliderVertical__k8ac-",rangeSliderRail:"RangeSlider_rangeSliderRail__ufDMI",rangeSliderRailHorizontal:"RangeSlider_rangeSliderRailHorizontal__rLPtT",rangeSliderRailVertical:"RangeSlider_rangeSliderRailVertical__4zKzk",rangeSliderBar:"RangeSlider_rangeSliderBar__Kj3LC",rangeSliderBarHorizontal:"RangeSlider_rangeSliderBarHorizontal__is0F7",rangeSliderBarVertical:"RangeSlider_rangeSliderBarVertical__2DexQ",rangeSliderBarView:"RangeSlider_rangeSliderBarView__6dNQB",rangeSliderBarViewHorizontal:"RangeSlider_rangeSliderBarViewHorizontal__6pRPw",rangeSliderBarViewVertical:"RangeSlider_rangeSliderBarViewVertical__W2QnY",rangeSliderThumb:"RangeSlider_rangeSliderThumb__KMaq0",rangeSliderLabel:"RangeSlider_rangeSliderLabel__3-qO8",rangeSliderInputDivider:"RangeSlider_rangeSliderInputDivider__PcwIK",rangeSliderCompactInputs:"RangeSlider_rangeSliderCompactInputs__ukFLL"};e(".RangeSlider_rangeSliderHorizontal__SAdDE{padding:30px 0 12px}.RangeSlider_rangeSliderVertical__k8ac-{height:100%;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:hsla(0,0%,100%,.3);border-radius:1px;position:relative}.RangeSlider_rangeSliderRailHorizontal__rLPtT{height:2px}.RangeSlider_rangeSliderRailVertical__4zKzk{height:100%;width:2px}.RangeSlider_rangeSliderBar__Kj3LC{cursor:grab;position:absolute;z-index:1}.RangeSlider_rangeSliderBarHorizontal__is0F7{height:12px;margin:1px 0 0;transform:translateY(-50%)}.RangeSlider_rangeSliderBarVertical__2DexQ{height:100%;margin:1px 0 0;width:12px}.RangeSlider_rangeSliderBarView__6dNQB{background:#03bcd4;border-radius:1px}.RangeSlider_rangeSliderBarViewHorizontal__6pRPw{height:2px;margin:5px 0 0}.RangeSlider_rangeSliderBarViewVertical__W2QnY{height:100%;margin:5px 0 0;width:2px}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarView__6dNQB{box-shadow:0 0 0 4px rgba(3,188,212,.2)}.RangeSlider_rangeSliderThumb__KMaq0{align-items:center;cursor:grab;display:flex;height:24px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:24px;z-index:1}.RangeSlider_rangeSliderLabel__3-qO8{background:#03bcd4;border-radius:12px;height:12px;position:relative;transition:box-shadow .3s;width:12px}.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:0 0 0 6px rgba(3,188,212,.2)}.RangeSlider_rangeSliderInputDivider__PcwIK{background:#414141;color:#fff;font-size:10px;font-weight:500}.RangeSlider_rangeSliderCompactInputs__ukFLL{align-items:center;background:#414141;border-radius:4px;display:flex;justify-content:center;position:absolute;transform:translate(-50%,-50%)}");export{r as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".RangeSlider_rangeSliderHorizontal__2APy6 {\n  /* mode values */\n  padding: 30px 0 12px;\n}\n\n.RangeSlider_rangeSliderVertical__2InWi {\n  height: 100%;\n  padding: 0 30px;\n}\n\n.RangeSlider_rangeSliderRail__3lLYO {\n  position: relative;\n  border-radius: 1px;\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n.RangeSlider_rangeSliderRailHorizontal__2GawL {\n  height: 2px;\n}\n\n.RangeSlider_rangeSliderRailVertical__1o3xX {\n  height: 100%;\n  width: 2px;\n}\n\n.RangeSlider_rangeSliderBar__3RX7A {\n  position: absolute;\n  cursor: grab;\n  z-index: 1;\n}\n\n.RangeSlider_rangeSliderBarHorizontal__1ILdy {\n  height: 12px;\n  margin: 1px 0 0;\n  transform: translate(0, -50%);\n}\n\n.RangeSlider_rangeSliderBarVertical__saTU1 {\n  height: 100%;\n  width: 12px;\n  margin: 1px 0 0;\n}\n\n.RangeSlider_rangeSliderBarView__2TFxS {\n  border-radius: 1px;\n  background: #03bcd4;\n}\n\n.RangeSlider_rangeSliderBarViewHorizontal__2O4Ri {\n  height: 2px;\n  margin: 5px 0 0;\n}\n\n.RangeSlider_rangeSliderBarViewVertical__1pwsQ {\n  width: 2px;\n  height: 100%;\n  margin: 5px 0 0;\n}\n\n.RangeSlider_rangeSliderBar__3RX7A:hover > .RangeSlider_rangeSliderBarView__2TFxS {\n  box-shadow: rgba(3, 188, 212, 0.2) 0 0 0 4px;\n}\n\n.RangeSlider_rangeSliderThumb__cYgmA {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  height: 24px;\n  z-index: 1;\n  cursor: grab;\n  transform: translate(-50%, -50%);\n}\n\n.RangeSlider_rangeSliderLabel__KcBmx {\n  position: relative;\n  background: #03bcd4;\n  width: 12px;\n  height: 12px;\n  border-radius: 12px;\n  transition: box-shadow 0.3s;\n}\n\n.RangeSlider_rangeSliderThumb__cYgmA:hover > .RangeSlider_rangeSliderLabel__KcBmx {\n  box-shadow: rgba(3, 188, 212, 0.2) 0 0 0 6px;\n}\n\n.RangeSlider_rangeSliderInputDivider__2u7_r {\n  background: #414141;\n  font-weight: 500;\n  font-size: 10px;\n  color: #fff;\n}\n\n.RangeSlider_rangeSliderCompactInputs__wlVGi {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  background: #414141;\n  transform: translate(-50%, -50%);\n}\n";
+var styles = {"rangeSliderHorizontal":"RangeSlider_rangeSliderHorizontal__2APy6","rangeSliderVertical":"RangeSlider_rangeSliderVertical__2InWi","rangeSliderRail":"RangeSlider_rangeSliderRail__3lLYO","rangeSliderRailHorizontal":"RangeSlider_rangeSliderRailHorizontal__2GawL","rangeSliderRailVertical":"RangeSlider_rangeSliderRailVertical__1o3xX","rangeSliderBar":"RangeSlider_rangeSliderBar__3RX7A","rangeSliderBarHorizontal":"RangeSlider_rangeSliderBarHorizontal__1ILdy","rangeSliderBarVertical":"RangeSlider_rangeSliderBarVertical__saTU1","rangeSliderBarView":"RangeSlider_rangeSliderBarView__2TFxS","rangeSliderBarViewHorizontal":"RangeSlider_rangeSliderBarViewHorizontal__2O4Ri","rangeSliderBarViewVertical":"RangeSlider_rangeSliderBarViewVertical__1pwsQ","rangeSliderThumb":"RangeSlider_rangeSliderThumb__cYgmA","rangeSliderLabel":"RangeSlider_rangeSliderLabel__KcBmx","rangeSliderInputDivider":"RangeSlider_rangeSliderInputDivider__2u7_r","rangeSliderCompactInputs":"RangeSlider_rangeSliderCompactInputs__wlVGi"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=RangeSlider.css.js.map

package/components/RangeSlider/RangeSlider.css.js.map

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