@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/PostInput/PostInput.js

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

package/components/PostPreviewDialog/index.js

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

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__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
+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};

package/components/PriceInput/FormattedNumber.js

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

package/components/PriceInput/PriceInput.js

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

package/components/RangeSlider/Input.css.js

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

package/components/RangeSlider/RangeSlider.css.js

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