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

package/components/Attachment/index.js

@@ -1,344 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import ReactPlayer from 'react-player';
-import { withStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-import { Dialog } from '@material-ui/core';
-import ImageIcon from '@material-ui/icons/Image';
-import DownloadIcon from '@material-ui/icons/SaveAlt';
-import FullSizeIcon from '@material-ui/icons/Fullscreen';
-import grey from '@material-ui/core/colors/grey';
-import FileTypeIcon from '../FileTypeIcon.js';
-import ImageViewer from '../ImageViewer/index.js';
-import GoogleDocsViewer from '../GoogleDocsViewer/index.js';
-import IconButton from '../IconButton/index.js';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { getIsImage, getIsVideo } from '../../utils/fileExtension.js';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/regenerator';
-import 'querystring';
-import 'uuid/v1';
-import 'lodash';
-import 'query-string';
-import '../../clients/api/apiCore.js';
-import '../../clients/constants.js';
-import '../../clients/subscriptions.js';
-import '../../constants/goals.js';
-import '../../constants/segment.js';
-import '../../constants/alerts.js';
-import '../../constants/apps.js';
-import '../../constants/drillstring.js';
-import '../../constants/completion.js';
-import '../../constants/notifications.js';
-import '../../constants/feed.js';
-import '../../constants/bha.js';
-import '../../utils/env.js';
-import '../GradientManager/configuration/constants.js';
-import useSignedURL from '../../effects/useSignedURL.js';
-import '../../utils/index.js';
-import 'uuid';
-import 'jsona';
-import '../StatusBadge/constants.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'lodash/set';
-import 'lodash/get';
-import 'lodash/unset';
-import 'moment';
-import utils from '../../utils/main.js';
-import styles from './styles.css.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'Attachment';
-var grey200 = grey[200];
-var grey400 = grey[400];
-var SIZES = {
-  small: {
-    label: 'small',
-    value: 135
-  },
-  medium: {
-    label: 'medium',
-    value: 300
-  }
-};
-var style = {
-  fileImage: function fileImage(imageIsLoaded, size) {
-    return {
-      maxWidth: '100%',
-      borderRadius: 4,
-      overflow: 'hidden',
-      // NOTE: Makes one-line comment with image fits into comments container. Equals to
-      // imagePlaceholder height
-      maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,
-      display: imageIsLoaded ? 'initial' : 'none',
-      cursor: 'pointer'
-    };
-  },
-  fileDownloadWrapper: {
-    padding: '10px 10px 10px 5px',
-    border: "1px solid #616161",
-    borderRadius: 3,
-    maxWidth: 500,
-    // NOTE: Corresponds to react-player max width
-    width: '75%'
-  },
-  imagePlaceholder: {
-    position: 'relative',
-    backgroundColor: grey200,
-    borderRadius: 3,
-    marginTop: 10,
-    height: 135,
-    width: 135
-  }
-};
-var muiStyles = function muiStyles(theme) {
-  return {
-    imageIconRoot: {
-      position: 'absolute',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)'
-    },
-    dialog: {
-      width: '95%',
-      height: '95%',
-      maxWidth: '100%',
-      position: 'relative'
-    },
-    nativeDialog: {
-      width: '100%',
-      height: '100%',
-      maxWidth: '100%',
-      maxHeight: '100%',
-      margin: 0
-    },
-    dialogRoot: {
-      // NOTE: Make background color similar to lightbox
-      backgroundColor: 'rgba(0, 0, 0, 0.85)'
-    },
-    fileName: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      fontWeight: 400
-    },
-    downloadIcon: {
-      color: theme.palette.primary.text3
-    }
-  };
-};
-
-/* eslint-disable react/prop-types */
-var ImageAttachment = function ImageAttachment(props) {
-  var downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      onClick: props.openLightbox,
-      className: styles.cAttachmentImg,
-      children: [/*#__PURE__*/jsx("img", {
-        "data-testid": "".concat(PAGE_NAME, "_image"),
-        src: downloadLink,
-        style: style.fileImage(props.imageIsLoaded, props.size),
-        alt: "Attachment",
-        onLoad: props.setImageIsLoaded
-      }), /*#__PURE__*/jsx("div", {
-        "data-testid": "".concat(PAGE_NAME, "_button"),
-        className: styles.cAttachmentImgPreviwBtn,
-        children: /*#__PURE__*/jsx(FullSizeIcon, {})
-      })]
-    }), !props.imageIsLoaded && /*#__PURE__*/jsx("div", {
-      style: style.imagePlaceholder,
-      children: /*#__PURE__*/jsx(ImageIcon, {
-        "data-testid": "".concat(PAGE_NAME, "_placeholder"),
-        className: props.classes.imageIconRoot,
-        htmlColor: grey400,
-        fontSize: "large"
-      })
-    }), props.lightboxIsOpen && /*#__PURE__*/jsx(ImageViewer, {
-      mainSrc: downloadLink,
-      imagePadding: 50,
-      onAfterOpen: props.handleLightboxOpen,
-      onCloseRequest: props.handleLightboxClose
-    })]
-  });
-};
-var FileAttachment = function FileAttachment(props) {
-  var downloadLink = useSignedURL(props.attachmentFileName);
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.cAttachmentFileWrapper,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: styles.cAttachmentFileDownloadWrapper,
-      style: style.fileDownloadWrapper,
-      onClick: props.openPreview,
-      children: [/*#__PURE__*/jsx(FileTypeIcon, {
-        fileName: props.displayName || props.attachmentUrl,
-        className: styles.cAttachmentFileDownloadWrapperFileIcon,
-        size: props.small ? 25 : 50
-      }), /*#__PURE__*/jsx("div", {
-        "data-testid": "".concat(PAGE_NAME, "_name"),
-        className: styles.cAttachmentFileDownloadWrapperFileName,
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "subtitle2",
-          noWrap: true,
-          className: props.classes.fileName,
-          children: utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl)
-        })
-      }), /*#__PURE__*/jsx(Dialog, {
-        open: props.previewIsOpen,
-        onClose: props.closePreview,
-        classes: {
-          root: props.classes.dialogRoot,
-          paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog
-        },
-        onClick: props.closePreview,
-        children: /*#__PURE__*/jsx(GoogleDocsViewer, {
-          fileUrl: downloadLink,
-          fileName: utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl),
-          fileSize: props.attachmentSize,
-          onClose: props.closePreview,
-          width: "100%",
-          height: "100%"
-        })
-      })]
-    }), /*#__PURE__*/jsx("a", {
-      download: props.displayName,
-      href: downloadLink,
-      className: styles.cAttachmentFileDownloadWrapperForm,
-      children: /*#__PURE__*/jsx(IconButton, {
-        "data-testid": "".concat(PAGE_NAME, "_downloadButton"),
-        className: props.classes.downloadIcon,
-        type: "submit",
-        children: /*#__PURE__*/jsx(DownloadIcon, {
-          className: props.classes.downloadIcon
-        })
-      })
-    })]
-  });
-};
-
-/* eslint-enable react/prop-types */
-
-function Attachment(props) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isImageLoaded = _useState2[0],
-    setIsImageLoaded = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isLightboxOpen = _useState4[0],
-    setIsLightboxOpen = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isPreviewOpen = _useState6[0],
-    setIsPreviewOpen = _useState6[1];
-  var fileName = props.displayName || props.attachmentUrl || props.fileName;
-  var isImage = getIsImage(fileName);
-  var isVideo = getIsVideo(fileName);
-
-  // Don't fetch download link if attachmentUrl is provided
-  var downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);
-  var attachmentUrl = props.attachmentUrl || downloadLink;
-  var preventIOSScroll = useCallback(function (e) {
-    return e.preventDefault();
-  }, []);
-
-  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable
-  // Source: https://github.com/reactjs/react-modal/issues/369
-  var handleLightboxOpen = function handleLightboxOpen() {
-    if (isNativeDetected) {
-      // document.documentElement.style.overflowY = 'hidden';
-      document.documentElement.addEventListener('touchmove', preventIOSScroll, {
-        passive: false
-      });
-    }
-  };
-  var handleLightboxClose = function handleLightboxClose() {
-    if (isNativeDetected) {
-      // document.documentElement.style.overflowY = 'visible';
-      document.documentElement.removeEventListener('touchmove', preventIOSScroll);
-    }
-    setIsLightboxOpen(false);
-  };
-  var openLightbox = function openLightbox() {
-    return setIsLightboxOpen(true);
-  };
-  var setImageLoaded = function setImageLoaded() {
-    return setIsImageLoaded(true);
-  };
-  var openPreview = function openPreview() {
-    return setIsPreviewOpen(true);
-  };
-  var closePreview = function closePreview(e) {
-    e.stopPropagation();
-    setIsPreviewOpen(false);
-  };
-  if (isImage) return /*#__PURE__*/jsx("div", {
-    className: styles.cAttachment,
-    children: /*#__PURE__*/jsx(ImageAttachment, {
-      size: props.size,
-      openLightbox: openLightbox,
-      attachmentFileName: props.fileName,
-      attachmentUrl: props.attachmentUrl,
-      setImageIsLoaded: setImageLoaded,
-      imageIsLoaded: isImageLoaded,
-      lightboxIsOpen: isLightboxOpen,
-      handleLightboxOpen: handleLightboxOpen,
-      handleLightboxClose: handleLightboxClose,
-      classes: props.classes
-    })
-  });
-  if (isVideo && ReactPlayer.canPlay(attachmentUrl)) return /*#__PURE__*/jsx("div", {
-    className: styles.cAttachment,
-    children: /*#__PURE__*/jsx(ReactPlayer, {
-      "data-testid": "".concat(PAGE_NAME, "_player"),
-      className: styles.cAttachmentReactPlayer,
-      url: attachmentUrl,
-      config: {
-        file: {
-          attributes: {
-            preload: 'metadata'
-          }
-        }
-      },
-      controls: true,
-      height: props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,
-      width: null
-    })
-  });
-  return /*#__PURE__*/jsx("div", {
-    className: styles.cAttachment,
-    children: /*#__PURE__*/jsx(FileAttachment, {
-      attachmentUrl: attachmentUrl,
-      attachmentFileName: props.fileName,
-      attachmentSize: props.attachmentSize,
-      displayName: props.displayName,
-      openPreview: openPreview,
-      closePreview: closePreview,
-      previewIsOpen: isPreviewOpen,
-      classes: props.classes,
-      small: props.small
-    })
-  });
-}
-Attachment.propTypes = {
-  attachmentUrl: PropTypes.string.isRequired,
-  attachmentSize: PropTypes.number,
-  displayName: PropTypes.string,
-  fileName: PropTypes.string,
-  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),
-  classes: PropTypes.shape({}).isRequired,
-  small: PropTypes.bool
-};
-Attachment.defaultProps = {
-  displayName: null,
-  fileName: null,
-  attachmentSize: undefined,
-  size: SIZES.medium.label,
-  small: false
-};
-var Attachment$1 = withStyles(muiStyles)(Attachment);
-
-export { Attachment$1 as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useCallback as a}from"react";import i from"prop-types";import o from"react-player";import{withStyles as r}from"@material-ui/core/styles";import n from"@material-ui/core/Typography";import{Dialog as s}from"@material-ui/core";import l from"@material-ui/icons/Image";import m from"@material-ui/icons/SaveAlt";import c from"@material-ui/icons/Fullscreen";import d from"@material-ui/core/colors/grey";import p from"../FileTypeIcon.js";import h from"../ImageViewer/index.js";import u from"../GoogleDocsViewer/index.js";import f from"../IconButton/index.js";import{isNativeDetected as g}from"../../utils/mobileDetect.js";import{getIsImage as v,getIsVideo as b}from"../../utils/fileExtension.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import N from"../../effects/useSignedURL.js";import"../../utils/index.js";import"uuid";import"jsona";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import w from"../../utils/main.js";import y from"./styles.css.js";import{jsx as x,jsxs as j,Fragment as I}from"react/jsx-runtime";var A=d[200],F=d[400],P={label:"small",value:135},L={label:"medium",value:300},W={fileImage:function(e,t){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:t===P.label?P.value:L.value,display:e?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:A,borderRadius:3,marginTop:10,height:135,width:135}},z=function(e){var t=N(e.attachmentFileName)||e.attachmentUrl;return j(I,{children:[j("div",{onClick:e.openLightbox,className:y.cAttachmentImg,children:[x("img",{"data-testid":"".concat("Attachment","_image"),src:t,style:W.fileImage(e.imageIsLoaded,e.size),alt:"Attachment",onLoad:e.setImageIsLoaded}),x("div",{"data-testid":"".concat("Attachment","_button"),className:y.cAttachmentImgPreviwBtn,children:x(c,{})})]}),!e.imageIsLoaded&&x("div",{style:W.imagePlaceholder,children:x(l,{"data-testid":"".concat("Attachment","_placeholder"),className:e.classes.imageIconRoot,htmlColor:F,fontSize:"large"})}),e.lightboxIsOpen&&x(h,{mainSrc:t,imagePadding:50,onAfterOpen:e.handleLightboxOpen,onCloseRequest:e.handleLightboxClose})]})},C=function(e){var t=N(e.attachmentFileName);return j("div",{className:y.cAttachmentFileWrapper,children:[j("div",{className:y.cAttachmentFileDownloadWrapper,style:W.fileDownloadWrapper,onClick:e.openPreview,children:[x(p,{fileName:e.displayName||e.attachmentUrl,className:y.cAttachmentFileDownloadWrapperFileIcon,size:e.small?25:50}),x("div",{"data-testid":"".concat("Attachment","_name"),className:y.cAttachmentFileDownloadWrapperFileName,children:x(n,{variant:"subtitle2",noWrap:!0,className:e.classes.fileName,children:w.getFileNameWithExtensionFromPath(e.displayName||e.attachmentUrl)})}),x(s,{open:e.previewIsOpen,onClose:e.closePreview,classes:{root:e.classes.dialogRoot,paper:g?e.classes.nativeDialog:e.classes.dialog},onClick:e.closePreview,children:x(u,{fileUrl:t,fileName:w.getFileNameWithExtensionFromPath(e.displayName||e.attachmentUrl),fileSize:e.attachmentSize,onClose:e.closePreview,width:"100%",height:"100%"})})]}),x("a",{download:e.displayName,href:t,className:y.cAttachmentFileDownloadWrapperForm,children:x(f,{"data-testid":"".concat("Attachment","_downloadButton"),className:e.classes.downloadIcon,type:"submit",children:x(m,{className:e.classes.downloadIcon})})})]})};function U(i){var r=t(!1),n=e(r,2),s=n[0],l=n[1],m=t(!1),c=e(m,2),d=c[0],p=c[1],h=t(!1),u=e(h,2),f=u[0],w=u[1],j=i.displayName||i.attachmentUrl||i.fileName,I=v(j),A=b(j),F=N(!i.attachmentUrl&&i.fileName),W=i.attachmentUrl||F,U=a((function(e){return e.preventDefault()}),[]);return I?x("div",{className:y.cAttachment,children:x(z,{size:i.size,openLightbox:function(){return p(!0)},attachmentFileName:i.fileName,attachmentUrl:i.attachmentUrl,setImageIsLoaded:function(){return l(!0)},imageIsLoaded:s,lightboxIsOpen:d,handleLightboxOpen:function(){g&&document.documentElement.addEventListener("touchmove",U,{passive:!1})},handleLightboxClose:function(){g&&document.documentElement.removeEventListener("touchmove",U),p(!1)},classes:i.classes})}):A&&o.canPlay(W)?x("div",{className:y.cAttachment,children:x(o,{"data-testid":"".concat("Attachment","_player"),className:y.cAttachmentReactPlayer,url:W,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:i.size===P.label?P.value:L.value,width:null})}):x("div",{className:y.cAttachment,children:x(C,{attachmentUrl:W,attachmentFileName:i.fileName,attachmentSize:i.attachmentSize,displayName:i.displayName,openPreview:function(){return w(!0)},closePreview:function(e){e.stopPropagation(),w(!1)},previewIsOpen:f,classes:i.classes,small:i.small})})}U.propTypes={attachmentUrl:i.string.isRequired,attachmentSize:i.number,displayName:i.string,fileName:i.string,size:i.oneOf([P.label,L.label]),classes:i.shape({}).isRequired,small:i.bool},U.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:L.label,small:!1};var R=r((function(e){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:e.palette.primary.text3}}}))(U);export{R as default};

package/components/Attachment/styles.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_cAttachmentFileWrapper__w3whH {\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n}\n\n.styles_cAttachmentFileDownloadWrapper__bRnOU {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w {\n  margin-right: 10px;\n}\n\n.styles_cAttachmentFileDownloadWrapperFileName__K8HDS {\n  display: inline-block;\n  vertical-align: top;\n  width: calc(100% - 60px);\n}\n\n.styles_cAttachmentFileDownloadWrapperForm__a0lvj {\n  margin-left: 5px;\n}\n\n.styles_cAttachmentFileDownloadWrapper__bRnOU:hover {\n  background-color: #616161;\n}\n\n.styles_cAttachmentReactPlayer__-6Q9y video {\n  max-width: 500px; /* NOTE: Corresponds to file download wrapper max width */\n  background-color: #000000;\n}\n\n/* question here */\n\n.styles_cAttachment__AiNfC .react-player__preview {\n  max-width: 500px; /* NOTE: Corresponds to file download wrapper max width */\n  height: 235px !important;\n  background-color: #eeeeee; /* NOTE: MUI grey200 */\n  border-radius: 3px;\n}\n\n.styles_cAttachmentImg__uS-Lc {\n  margin-top: 10px;\n  position: relative;\n  display: inline-block;\n}\n\n.styles_cAttachmentImgPreviwBtn__6YA0k {\n  display: none;\n  height: 40px;\n  width: 40px;\n  border-radius: 40px;\n  background-color: rgba(97, 97, 97, 0.4);\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  cursor: pointer;\n}\n\n.styles_cAttachmentImg__uS-Lc:hover {\n  opacity: 0.7;\n}\n\n.styles_cAttachmentImg__uS-Lc:hover .styles_cAttachmentImgPreviwBtn__6YA0k {\n  display: flex;\n}\n";
-var styles = {"cAttachmentFileWrapper":"styles_cAttachmentFileWrapper__w3whH","cAttachmentFileDownloadWrapper":"styles_cAttachmentFileDownloadWrapper__bRnOU","cAttachmentFileDownloadWrapperFileIcon":"styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w","cAttachmentFileDownloadWrapperFileName":"styles_cAttachmentFileDownloadWrapperFileName__K8HDS","cAttachmentFileDownloadWrapperForm":"styles_cAttachmentFileDownloadWrapperForm__a0lvj","cAttachmentReactPlayer":"styles_cAttachmentReactPlayer__-6Q9y","cAttachment":"styles_cAttachment__AiNfC","cAttachmentImg":"styles_cAttachmentImg__uS-Lc","cAttachmentImgPreviwBtn":"styles_cAttachmentImgPreviwBtn__6YA0k"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=styles.css.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={cAttachmentFileWrapper:"styles_cAttachmentFileWrapper__w3whH",cAttachmentFileDownloadWrapper:"styles_cAttachmentFileDownloadWrapper__bRnOU",cAttachmentFileDownloadWrapperFileIcon:"styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w",cAttachmentFileDownloadWrapperFileName:"styles_cAttachmentFileDownloadWrapperFileName__K8HDS",cAttachmentFileDownloadWrapperForm:"styles_cAttachmentFileDownloadWrapperForm__a0lvj",cAttachmentReactPlayer:"styles_cAttachmentReactPlayer__-6Q9y",cAttachment:"styles_cAttachment__AiNfC",cAttachmentImg:"styles_cAttachmentImg__uS-Lc",cAttachmentImgPreviwBtn:"styles_cAttachmentImgPreviwBtn__6YA0k"};t(".styles_cAttachmentFileWrapper__w3whH{align-items:center;display:flex;margin-top:10px}.styles_cAttachmentFileDownloadWrapper__bRnOU{align-items:center;cursor:pointer;display:flex}.styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w{margin-right:10px}.styles_cAttachmentFileDownloadWrapperFileName__K8HDS{display:inline-block;vertical-align:top;width:calc(100% - 60px)}.styles_cAttachmentFileDownloadWrapperForm__a0lvj{margin-left:5px}.styles_cAttachmentFileDownloadWrapper__bRnOU:hover{background-color:#616161}.styles_cAttachmentReactPlayer__-6Q9y video{background-color:#000;max-width:500px}.styles_cAttachment__AiNfC .react-player__preview{background-color:#eee;border-radius:3px;height:235px!important;max-width:500px}.styles_cAttachmentImg__uS-Lc{display:inline-block;margin-top:10px;position:relative}.styles_cAttachmentImgPreviwBtn__6YA0k{align-items:center;background-color:rgba(97,97,97,.4);border-radius:40px;cursor:pointer;display:none;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.styles_cAttachmentImg__uS-Lc:hover{opacity:.7}.styles_cAttachmentImg__uS-Lc:hover .styles_cAttachmentImgPreviwBtn__6YA0k{display:flex}");export{e as default};

package/components/Autocomplete/Autocomplete.js

@@ -1,165 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useMemo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { noop, identity, get } from 'lodash';
-import { makeStyles } from '@material-ui/core';
-import AutoComplete from '@material-ui/lab/Autocomplete';
-import CloseIcon from '@material-ui/icons/Close';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import '../Tooltip/ScrollableTooltip.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["isCreatable", "options", "value", "getOptionLabel", "onInputChange", "onChange", "renderOption", "classes"];
-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 getAddedValue = function getAddedValue(value) {
-  return "Create \"".concat(value, "\"");
-};
-var getUpdateValue = function getUpdateValue(value) {
-  return get(get(value.split('Create "'), '1', '').split('"'), '0', '');
-};
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      width: 200
-    },
-    paper: {
-      maxHeight: 400,
-      boxShadow: '0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)'
-    },
-    createLabel: {
-      fontSize: '16px',
-      lineHeight: '22.5px',
-      color: theme.palette.primary.main
-    },
-    openIcon: {
-      marginLeft: 5
-    },
-    option: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      width: '100%'
-    },
-    closeIcon: {
-      width: 16,
-      height: 16
-    }
-  };
-});
-var Autocomplete = function Autocomplete(_ref) {
-  var isCreatable = _ref.isCreatable,
-    inputOptions = _ref.options,
-    inputValue = _ref.value,
-    getOptionLabel = _ref.getOptionLabel,
-    onInputChange = _ref.onInputChange,
-    onChange = _ref.onChange,
-    renderOption = _ref.renderOption,
-    customClasses = _ref.classes,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var classes = useStyles();
-  var initialOptions = useMemo(function () {
-    return inputOptions === null || inputOptions === void 0 ? void 0 : inputOptions.map(function (item) {
-      return isCreatable ? getOptionLabel(item) : item;
-    });
-  }, [inputOptions]);
-  var value = useMemo(function () {
-    return isCreatable ? getOptionLabel(inputValue) || '' : inputValue;
-  }, [inputValue]);
-  var _useState = useState(initialOptions),
-    _useState2 = _slicedToArray(_useState, 2),
-    options = _useState2[0],
-    setOptions = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    addedValue = _useState4[0],
-    setAddedValue = _useState4[1];
-  useEffect(function () {
-    setOptions(initialOptions);
-  }, [initialOptions]);
-  var handleInputChange = function handleInputChange(newValue) {
-    if (newValue === '') {
-      setAddedValue(null);
-      setOptions(initialOptions);
-    } else if (!initialOptions.find(function (item) {
-      return item === newValue;
-    })) {
-      // if input value not matches any option add Create option
-      var newAddedValue = getAddedValue(newValue);
-      setAddedValue(newAddedValue);
-      setOptions([].concat(_toConsumableArray(initialOptions), [newAddedValue]));
-    } else {
-      // if any option include input value remove Create option
-      var filteredInitialOptions = initialOptions.filter(function (option) {
-        return !option.includes("Create \"");
-      });
-      setOptions(filteredInitialOptions);
-    }
-  };
-  var handleChangeValue = function handleChangeValue(newValue) {
-    if (newValue !== null && newValue !== void 0 && newValue.includes('Create "') && getOptionLabel(newValue) === getOptionLabel(addedValue)) {
-      setAddedValue(null);
-      var updatedValue = getUpdateValue(addedValue);
-      setOptions([].concat(_toConsumableArray(initialOptions), [updatedValue]));
-      onChange(updatedValue, true);
-    } else {
-      onChange(newValue, false);
-    }
-  };
-  return /*#__PURE__*/jsx(AutoComplete, _objectSpread({
-    value: value,
-    onChange: isCreatable ? function (_, newValue) {
-      return handleChangeValue(newValue);
-    } : onChange,
-    onInputChange: isCreatable ? function (_, newValue) {
-      return handleInputChange(newValue);
-    } : onInputChange,
-    options: options,
-    getOptionLabel: isCreatable ? function (item) {
-      return item;
-    } : getOptionLabel,
-    renderOption: isCreatable ? function (props) {
-      var updateValue = getUpdateValue(props);
-      return /*#__PURE__*/jsx(Tooltip, {
-        title: props,
-        children: /*#__PURE__*/jsx("div", {
-          className: classNames(_defineProperty({}, classes.createLabel, updateValue && props !== updateValue), classes.option, customClasses === null || customClasses === void 0 ? void 0 : customClasses.optionLabelClass),
-          children: props
-        })
-      });
-    } : renderOption,
-    classes: _objectSpread({
-      root: classNames(classes.root, customClasses === null || customClasses === void 0 ? void 0 : customClasses.root),
-      paper: classNames(classes.paper, customClasses === null || customClasses === void 0 ? void 0 : customClasses.paper),
-      popupIndicator: classes.openIcon
-    }, customClasses),
-    closeIcon: (value || addedValue) && /*#__PURE__*/jsx(CloseIcon, {
-      className: classes.closeIcon
-    })
-  }, restProps));
-};
-Autocomplete.propTypes = {
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({})]).isRequired,
-  options: PropTypes.shape([]).isRequired,
-  isCreatable: PropTypes.bool,
-  getOptionLabel: PropTypes.func,
-  onChange: PropTypes.func,
-  onInputChange: PropTypes.func,
-  renderOption: PropTypes.func,
-  classes: PropTypes.shape()
-};
-Autocomplete.defaultProps = {
-  isCreatable: false,
-  onChange: noop,
-  getOptionLabel: identity,
-  onInputChange: noop,
-  renderOption: identity,
-  classes: {}
-};
-
-export { Autocomplete as default };
-//# sourceMappingURL=Autocomplete.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useMemo as n,useState as i,useEffect as p}from"react";import a from"prop-types";import l from"classnames";import{noop as c,identity as u,get as s}from"lodash";import{makeStyles as f}from"@material-ui/core";import m from"@material-ui/lab/Autocomplete";import b from"@material-ui/icons/Close";import{Tooltip as h}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{jsx as d}from"react/jsx-runtime";var g=["isCreatable","options","value","getOptionLabel","onInputChange","onChange","renderOption","classes"];function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function v(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?O(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):O(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var C=function(e){return s(s(e.split('Create "'),"1","").split('"'),"0","")},x=f((function(e){return{root:{width:200},paper:{maxHeight:400,boxShadow:"0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)"},createLabel:{fontSize:"16px",lineHeight:"22.5px",color:e.palette.primary.main},openIcon:{marginLeft:5},option:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%"},closeIcon:{width:16,height:16}}})),y=function(a){var c=a.isCreatable,u=a.options,s=a.value,f=a.getOptionLabel,O=a.onInputChange,y=a.onChange,j=a.renderOption,w=a.classes,I=o(a,g),P=x(),L=n((function(){return null==u?void 0:u.map((function(e){return c?f(e):e}))}),[u]),T=n((function(){return c?f(s)||"":s}),[s]),S=i(L),D=t(S,2),A=D[0],q=D[1],E=i(null),H=t(E,2),N=H[0],R=H[1];p((function(){q(L)}),[L]);return d(m,v({value:T,onChange:c?function(e,t){return function(e){if(null!=e&&e.includes('Create "')&&f(e)===f(N)){R(null);var t=C(N);q([].concat(r(L),[t])),y(t,!0)}else y(e,!1)}(t)}:y,onInputChange:c?function(e,t){return function(e){if(""===e)R(null),q(L);else if(L.find((function(r){return r===e}))){var t=L.filter((function(e){return!e.includes('Create "')}));q(t)}else{var o=function(e){return'Create "'.concat(e,'"')}(e);R(o),q([].concat(r(L),[o]))}}(t)}:O,options:A,getOptionLabel:c?function(e){return e}:f,renderOption:c?function(r){var t=C(r);return d(h,{title:r,children:d("div",{className:l(e({},P.createLabel,t&&r!==t),P.option,null==w?void 0:w.optionLabelClass),children:r})})}:j,classes:v({root:l(P.root,null==w?void 0:w.root),paper:l(P.paper,null==w?void 0:w.paper),popupIndicator:P.openIcon},w),closeIcon:(T||N)&&d(b,{className:P.closeIcon})},I))};y.propTypes={value:a.oneOfType([a.string,a.shape({})]).isRequired,options:a.shape([]).isRequired,isCreatable:a.bool,getOptionLabel:a.func,onChange:a.func,onInputChange:a.func,renderOption:a.func,classes:a.shape()},y.defaultProps={isCreatable:!1,onChange:c,getOptionLabel:u,onInputChange:c,renderOption:u,classes:{}};export{y as default};

package/components/Avatar/index.js

@@ -1,108 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import Avatar$1 from '@material-ui/core/Avatar';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import '../Tooltip/ScrollableTooltip.js';
-import utils from '../../utils/main.js';
-import palette from '../../config/theme/palette.mjs.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 getFontSize = function getFontSize(size) {
-  switch (size) {
-    case 24:
-      return 12;
-    case 32:
-      return 14;
-    case 40:
-      return 16;
-    case 48:
-      return 20;
-    case 128:
-      return 64;
-    case 200:
-      return 80;
-    default:
-      return Math.floor(size / 2);
-  }
-};
-var styles = {
-  size: function size(_size) {
-    return {
-      minWidth: _size,
-      width: _size,
-      height: _size,
-      lineHeight: "".concat(_size, "px"),
-      fontSize: getFontSize(_size)
-    };
-  }
-};
-var colors = [palette.pastel.p1, palette.pastel.p2, palette.pastel.p3, palette.pastel.p4, palette.pastel.p5, palette.pastel.p6, palette.pastel.p7, palette.pastel.p8, palette.pastel.p9, palette.pastel.p10, palette.pastel.p11, palette.pastel.p12, palette.pastel.p13, palette.pastel.p14, palette.pastel.p15, palette.pastel.p16];
-var getColor = function getColor(displayName) {
-  return colors[Math.abs(utils.hashCode(displayName) % colors.length)];
-};
-var AvatarComponent = function AvatarComponent(_ref) {
-  var displayName = _ref.displayName,
-    showTooltip = _ref.showTooltip,
-    size = _ref.size,
-    className = _ref.className,
-    imgSrc = _ref.imgSrc,
-    alt = _ref.alt,
-    classes = _ref.classes,
-    dataTestId = _ref['data-testid'];
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: displayName,
-    disableFocusListener: !showTooltip,
-    disableHoverListener: !showTooltip,
-    disableTouchListener: !showTooltip,
-    children: /*#__PURE__*/jsx(Avatar$1, {
-      "data-testid": dataTestId,
-      alt: alt,
-      src: imgSrc,
-      className: classNames(classes.avatar, className)
-      // NOTE: Here we are using inline-styles because currently MUI
-      // not supports passing props into style object
-      ,
-      style: _objectSpread(_objectSpread({}, styles.size(Number(size))), {}, {
-        backgroundColor: !!displayName && getColor(displayName)
-      }),
-      children: displayName ? utils.getNameInitials(displayName) : null
-    })
-  });
-};
-var avatarComponentPropTypes = {
-  displayName: PropTypes.string,
-  showTooltip: PropTypes.bool,
-  size: PropTypes.number,
-  className: PropTypes.string,
-  imgSrc: PropTypes.string,
-  alt: PropTypes.string,
-  'data-testid': PropTypes.string,
-  classes: PropTypes.shape({
-    avatar: PropTypes.string
-  }).isRequired
-};
-AvatarComponent.propTypes = avatarComponentPropTypes;
-AvatarComponent.defaultProps = {
-  displayName: '',
-  showTooltip: false,
-  size: 32,
-  className: undefined,
-  imgSrc: undefined,
-  alt: undefined,
-  'data-testid': 'generic_avatar'
-};
-var Avatar = withStyles(function (theme) {
-  return {
-    avatar: {
-      color: theme.palette.common.white,
-      fontWeight: 'bold'
-    }
-  };
-})(AvatarComponent);
-
-export { AvatarComponent, Avatar as default };
-//# sourceMappingURL=index.js.map
+import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import a from"prop-types";import s from"classnames";import{withStyles as r}from"@material-ui/core/styles";import i from"@material-ui/core/Avatar";import{Tooltip as o}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import l from"../../utils/main.js";import p from"../../config/theme/palette.mjs.js";var n=function(t){switch(t){case 24:return 12;case 32:return 14;case 40:return 16;case 48:return 20;case 128:return 64;case 200:return 80;default:return Math.floor(t/2)}},m=function(t){return{minWidth:t,width:t,height:t,lineHeight:"".concat(t,"px"),fontSize:n(t)}},c=[p.pastel.p1,p.pastel.p2,p.pastel.p3,p.pastel.p4,p.pastel.p5,p.pastel.p6,p.pastel.p7,p.pastel.p8,p.pastel.p9,p.pastel.p10,p.pastel.p11,p.pastel.p12,p.pastel.p13,p.pastel.p14,p.pastel.p15,p.pastel.p16],u=function(t){return c[Math.abs(l.hashCode(t)%c.length)]},d=function(a){var r=a.displayName,p=a.showTooltip,n=a.size,c=a.className,d=a.imgSrc,f=a.alt,h=a.classes,g=a["data-testid"];return e(o,t({title:r,disableFocusListener:!p,disableHoverListener:!p,disableTouchListener:!p},{children:e(i,t({"data-testid":g,alt:f,src:d,className:s(h.avatar,c),style:t(t({},m(Number(n))),{backgroundColor:!!r&&u(r)})},{children:r?l.getNameInitials(r):null}))}))},f={displayName:a.string,showTooltip:a.bool,size:a.number,className:a.string,imgSrc:a.string,alt:a.string,"data-testid":a.string,classes:a.shape({avatar:a.string}).isRequired};d.propTypes=f,d.defaultProps={displayName:"",showTooltip:!1,size:32,className:void 0,imgSrc:void 0,alt:void 0,"data-testid":"generic_avatar"};var h=r((function(t){return{avatar:{color:t.palette.common.white,fontWeight:"bold"}}}))(d);export{d as AvatarComponent,h as default};