@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/PostInput/PostInput.css.js

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

package/components/PostInput/PostInput.js

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

package/components/PostPreviewDialog/index.js

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

package/components/PostPreviewDialog/styles.css.js

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

package/components/PriceInput/FormattedNumber.js

@@ -1,42 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import NumberFormat from 'react-number-format';
-import PropTypes from 'prop-types';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["inputRef", "onChange"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function NumberFormatCustom(props) {
-  var inputRef = props.inputRef,
-    onChange = props.onChange,
-    other = _objectWithoutProperties(props, _excluded);
-  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 { NumberFormatCustom as default };
-//# 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,24 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import { TextField } from '@material-ui/core';
-import NumberFormatCustom from './FormattedNumber.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 { PriceInput as default };
-//# 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/RangeSlider.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".RangeSlider_rangeSliderHorizontal__SAdDE {\n  /* mode values */\n  padding: 30px 0 12px;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.RangeSlider_rangeSliderVertical__k8ac- {\n  height: 100%;\n  padding: 0 30px;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n}\n\n.RangeSlider_rangeSliderRail__ufDMI {\n  position: relative;\n  height: 3px;\n  cursor: pointer;\n  border-radius: 1px;\n  background-color: rgba(99, 239, 255, 0.24);\n}\n\n.RangeSlider_rangeSliderRailHorizontal__rLPtT {\n  width: 100%;\n  margin: 0 6px;\n}\n\n.RangeSlider_rangeSliderRailHorizontal__rLPtT > .RangeSlider_rangeSliderThumb__KMaq0 {\n  cursor: ew-resize;\n}\n\n.RangeSlider_rotatedVerticalRange__-oEIw {\n  transform: rotate(180deg);\n}\n\n.RangeSlider_rangeSliderRailVertical__4zKzk {\n  height: 100%;\n  width: 2px;\n  margin: 6px 0;\n}\n\n.RangeSlider_rangeSliderRailVertical__4zKzk > .RangeSlider_rangeSliderThumb__KMaq0 {\n  cursor: ns-resize;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC {\n  position: absolute;\n  z-index: 1;\n  cursor: pointer;\n}\n\n.RangeSlider_rangeSliderBarHorizontal__is0F7 {\n  height: 12px;\n  margin: 1px 0 0;\n  transform: translate(0, -50%);\n}\n\n.RangeSlider_rangeSliderBarVertical__2DexQ {\n  height: 100%;\n  width: 12px;\n  margin: 1px 0 0;\n}\n\n.RangeSlider_rangeSliderBarView__6dNQB {\n  border-radius: 1px;\n  background: var(--palette-primary-main);\n}\n\n.RangeSlider_rangeSliderBarViewHorizontal__6pRPw {\n  position: relative;\n  margin: 5px 0 0;\n  height: 3px;\n}\n\n.RangeSlider_rangeSliderBarViewVertical__W2QnY {\n  width: 3px;\n  height: 100%;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewVertical__W2QnY::before,\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewHorizontal__6pRPw::before {\n  content: '';\n  border-radius: 1px;\n  position: absolute;\n  opacity: 0.4;\n  background: #03bcd4;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewHorizontal__6pRPw::before {\n  width: 100%;\n  height: 11px;\n  bottom: -4px;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC:active {\n  cursor: grabbing;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewVertical__W2QnY::before {\n  height: 100%;\n  width: 11px;\n  left: -4px;\n}\n\n.RangeSlider_rangeSliderThumb__KMaq0 {\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  transform: translate(-50%, -50%);\n}\n\n.RangeSlider_mobileRangeSliderThumb__TEj2q.RangeSlider_rangeSliderThumb__KMaq0:hover > .RangeSlider_rangeSliderLabel__3-qO8 {\n  box-shadow: none !important;\n}\n\n.RangeSlider_mobileRangeSliderThumb__TEj2q:hover.RangeSlider_rangeSliderThumb__KMaq0::before {\n  position: absolute;\n  content: '';\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 39px;\n  height: 39px;\n  border-radius: 20px;\n  opacity: 0.1;\n  background: #d9d9d9;\n}\n\n.RangeSlider_rangeSliderLabel__3-qO8 {\n  position: relative;\n  background: var(--palette-primary-main);\n  width: 12px;\n  height: 12px;\n  border-radius: 12px;\n  transition: box-shadow 0.3s;\n}\n\n.RangeSlider_rangeSliderThumb__KMaq0:hover > .RangeSlider_rangeSliderLabel__3-qO8 {\n  box-shadow: rgba(3, 188, 212, 0.2) 0 0 0 8px;\n}\n\n.RangeSlider_rangeSliderInputDivider__PcwIK {\n  background: var(--palette-background-b-9);\n  font-weight: 500;\n  font-size: 10px;\n  color: #fff;\n}\n\n.RangeSlider_rangeSliderCompactInputs__ukFLL {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  background: var(--palette-background-b-9);\n  transform: translate(-50%, -50%);\n}\n\n.RangeSlider_disabled__8eBEv {\n  opacity: 0.5;\n  pointer-events: none;\n}\n";
-var styles = {"rangeSliderHorizontal":"RangeSlider_rangeSliderHorizontal__SAdDE","rangeSliderVertical":"RangeSlider_rangeSliderVertical__k8ac-","rangeSliderRail":"RangeSlider_rangeSliderRail__ufDMI","rangeSliderRailHorizontal":"RangeSlider_rangeSliderRailHorizontal__rLPtT","rangeSliderThumb":"RangeSlider_rangeSliderThumb__KMaq0","rotatedVerticalRange":"RangeSlider_rotatedVerticalRange__-oEIw","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","mobileRangeSliderThumb":"RangeSlider_mobileRangeSliderThumb__TEj2q","rangeSliderLabel":"RangeSlider_rangeSliderLabel__3-qO8","rangeSliderInputDivider":"RangeSlider_rangeSliderInputDivider__PcwIK","rangeSliderCompactInputs":"RangeSlider_rangeSliderCompactInputs__ukFLL","disabled":"RangeSlider_disabled__8eBEv"};
-styleInject(css_248z);
-
-export { styles as default };
-//# 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",rangeSliderThumb:"RangeSlider_rangeSliderThumb__KMaq0",rotatedVerticalRange:"RangeSlider_rotatedVerticalRange__-oEIw",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",mobileRangeSliderThumb:"RangeSlider_mobileRangeSliderThumb__TEj2q",rangeSliderLabel:"RangeSlider_rangeSliderLabel__3-qO8",rangeSliderInputDivider:"RangeSlider_rangeSliderInputDivider__PcwIK",rangeSliderCompactInputs:"RangeSlider_rangeSliderCompactInputs__ukFLL",disabled:"RangeSlider_disabled__8eBEv"};e('.RangeSlider_rangeSliderHorizontal__SAdDE{align-items:center;display:flex;padding:30px 0 12px;position:relative}.RangeSlider_rangeSliderVertical__k8ac-{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:rgba(99,239,255,.24);border-radius:1px;cursor:pointer;height:3px;position:relative}.RangeSlider_rangeSliderRailHorizontal__rLPtT{margin:0 6px;width:100%}.RangeSlider_rangeSliderRailHorizontal__rLPtT>.RangeSlider_rangeSliderThumb__KMaq0{cursor:ew-resize}.RangeSlider_rotatedVerticalRange__-oEIw{transform:rotate(180deg)}.RangeSlider_rangeSliderRailVertical__4zKzk{height:100%;margin:6px 0;width:2px}.RangeSlider_rangeSliderRailVertical__4zKzk>.RangeSlider_rangeSliderThumb__KMaq0{cursor:ns-resize}.RangeSlider_rangeSliderBar__Kj3LC{cursor:pointer;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:var(--palette-primary-main);border-radius:1px}.RangeSlider_rangeSliderBarViewHorizontal__6pRPw{height:3px;margin:5px 0 0;position:relative}.RangeSlider_rangeSliderBarViewVertical__W2QnY{height:100%;width:3px}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before,.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{background:#03bcd4;border-radius:1px;content:"";opacity:.4;position:absolute}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before{bottom:-4px;height:11px;width:100%}.RangeSlider_rangeSliderBar__Kj3LC:active{cursor:grabbing}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{height:100%;left:-4px;width:11px}.RangeSlider_rangeSliderThumb__KMaq0{align-items:center;display:flex;height:24px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:24px;z-index:1}.RangeSlider_mobileRangeSliderThumb__TEj2q.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:none!important}.RangeSlider_mobileRangeSliderThumb__TEj2q:hover.RangeSlider_rangeSliderThumb__KMaq0:before{background:#d9d9d9;border-radius:20px;content:"";height:39px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:39px}.RangeSlider_rangeSliderLabel__3-qO8{background:var(--palette-primary-main);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 8px rgba(3,188,212,.2)}.RangeSlider_rangeSliderInputDivider__PcwIK{background:var(--palette-background-b-9);color:#fff;font-size:10px;font-weight:500}.RangeSlider_rangeSliderCompactInputs__ukFLL{align-items:center;background:var(--palette-background-b-9);border-radius:4px;display:flex;justify-content:center;position:absolute;transform:translate(-50%,-50%)}.RangeSlider_disabled__8eBEv{opacity:.5;pointer-events:none}');export{r as default};