@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Attachment/index.js

@@ -1,343 +1 @@
-import '@babel/runtime/helpers/defineProperty';
-import 'lodash';
-import '../../constants/completion.js';
-import '../../constants/alerts.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import '../../constants/goals.js';
-import '../../constants/segment.js';
-import '../../constants/apps.js';
-import '../../constants/drillstring.js';
-import '../../constants/notifications.js';
-import '../../constants/feed.js';
-import '../../constants/bha.js';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/asyncToGenerator';
-import grey from '@material-ui/core/colors/grey';
-import utils from '../../utils/main.js';
-import 'query-string';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { getIsImage, getIsVideo } from '../../utils/fileExtension.js';
-import '../../clients/api/apiCore.js';
-import '../../clients/constants.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Dialog } from '@material-ui/core';
-import { useState, useCallback } from 'react';
-import 'querystring';
-import 'uuid/v1';
-import '../../clients/subscriptions.js';
-import useSignedURL from '../../effects/useSignedURL.js';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-import FileTypeIcon from '../FileTypeIcon.js';
-import ReactPlayer from 'react-player';
-import IconButton from '@material-ui/core/IconButton';
-import ImageIcon from '@material-ui/icons/Image';
-import DownloadIcon from '@material-ui/icons/SaveAlt';
-import FullSizeIcon from '@material-ui/icons/Fullscreen';
-import ImageViewer from '../ImageViewer/index.js';
-import GoogleDocsViewer from '../GoogleDocsViewer/index.js';
-import styles from './styles.css.js';
-
-var PAGE_NAME = 'Attachment';
-var grey200 = grey[200];
-var grey400 = grey[400];
-var grey600 = grey[600];
-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: {
-    marginTop: 10,
-    padding: '10px 10px 10px 5px',
-    border: "1px solid ".concat(grey600),
-    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'
-    },
-    downloadIcon: {
-      color: grey600,
-      '&:hover': {
-        color: theme.palette.common.white
-      }
-    }
-  };
-};
-/* eslint-disable react/prop-types */
-
-
-var ImageAttachment = function ImageAttachment(props) {
-  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: props.attachmentUrl,
-        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: props.attachmentUrl,
-      imagePadding: 50,
-      onAfterOpen: props.handleLightboxOpen,
-      onCloseRequest: props.handleLightboxClose
-    })]
-  });
-};
-
-var FileAttachment = function FileAttachment(props) {
-  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
-        },
-        children: /*#__PURE__*/jsx(GoogleDocsViewer, {
-          fileUrl: props.attachmentUrl,
-          fileName: utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl),
-          fileSize: props.attachmentSize,
-          onClose: props.closePreview,
-          width: "100%",
-          height: "100%"
-        })
-      })]
-    }), /*#__PURE__*/jsx("a", {
-      download: props.displayName,
-      href: props.attachmentUrl,
-      className: styles.cAttachmentFileDownloadWrapperForm,
-      children: /*#__PURE__*/jsx(IconButton, {
-        "data-testid": "".concat(PAGE_NAME, "_downloadButton"),
-        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,
-      attachmentUrl: 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,
-      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 default Attachment$1;
-//# 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 l from"@material-ui/core/Typography";import n from"@material-ui/core/IconButton";import{Dialog as s}from"@material-ui/core";import m from"@material-ui/icons/Image";import c from"@material-ui/icons/SaveAlt";import d from"@material-ui/icons/Fullscreen";import p from"@material-ui/core/colors/grey";import h from"../FileTypeIcon.js";import u from"../ImageViewer/index.js";import f from"../GoogleDocsViewer/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 N from"../../effects/useSignedURL.js";import w from"../../utils/main.js";import y from"./styles.css.js";import{jsx as x,jsxs as I,Fragment as A}from"react/jsx-runtime";var j=p[200],P=p[400],L=p[600],U={label:"small",value:135},z={label:"medium",value:300},F={fileImage:function(e,t){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:t===U.label?U.value:z.value,display:e?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{marginTop:10,padding:"10px 10px 10px 5px",border:"1px solid ".concat(L),borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:j,borderRadius:3,marginTop:10,height:135,width:135}},W=function(e){return I(A,{children:[I("div",{onClick:e.openLightbox,className:y.cAttachmentImg,children:[x("img",{"data-testid":"".concat("Attachment","_image"),src:e.attachmentUrl,style:F.fileImage(e.imageIsLoaded,e.size),alt:"Attachment",onLoad:e.setImageIsLoaded}),x("div",{"data-testid":"".concat("Attachment","_button"),className:y.cAttachmentImgPreviwBtn,children:x(d,{})})]}),!e.imageIsLoaded&&x("div",{style:F.imagePlaceholder,children:x(m,{"data-testid":"".concat("Attachment","_placeholder"),className:e.classes.imageIconRoot,htmlColor:P,fontSize:"large"})}),e.lightboxIsOpen&&x(u,{mainSrc:e.attachmentUrl,imagePadding:50,onAfterOpen:e.handleLightboxOpen,onCloseRequest:e.handleLightboxClose})]})},R=function(e){return I("div",{className:y.cAttachmentFileWrapper,children:[I("div",{className:y.cAttachmentFileDownloadWrapper,style:F.fileDownloadWrapper,onClick:e.openPreview,children:[x(h,{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(l,{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},children:x(f,{fileUrl:e.attachmentUrl,fileName:w.getFileNameWithExtensionFromPath(e.displayName||e.attachmentUrl),fileSize:e.attachmentSize,onClose:e.closePreview,width:"100%",height:"100%"})})]}),x("a",{download:e.displayName,href:e.attachmentUrl,className:y.cAttachmentFileDownloadWrapperForm,children:x(n,{"data-testid":"".concat("Attachment","_downloadButton"),type:"submit",children:x(c,{className:e.classes.downloadIcon})})})]})};function D(i){var r=t(!1),l=e(r,2),n=l[0],s=l[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],I=i.displayName||i.attachmentUrl||i.fileName,A=v(I),j=b(I),P=N(!i.attachmentUrl&&i.fileName),L=i.attachmentUrl||P,F=a((function(e){return e.preventDefault()}),[]);return A?x("div",{className:y.cAttachment,children:x(W,{size:i.size,openLightbox:function(){return p(!0)},attachmentUrl:L,setImageIsLoaded:function(){return s(!0)},imageIsLoaded:n,lightboxIsOpen:d,handleLightboxOpen:function(){g&&document.documentElement.addEventListener("touchmove",F,{passive:!1})},handleLightboxClose:function(){g&&document.documentElement.removeEventListener("touchmove",F),p(!1)},classes:i.classes})}):j&&o.canPlay(L)?x("div",{className:y.cAttachment,children:x(o,{"data-testid":"".concat("Attachment","_player"),className:y.cAttachmentReactPlayer,url:L,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:i.size===U.label?U.value:z.value,width:null})}):x("div",{className:y.cAttachment,children:x(R,{attachmentUrl:L,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})})}D.propTypes={attachmentUrl:i.string.isRequired,attachmentSize:i.number,displayName:i.string,fileName:i.string,size:i.oneOf([U.label,z.label]),classes:i.shape({}).isRequired,small:i.bool},D.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:z.label,small:!1};var S=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"},downloadIcon:{color:L,"&:hover":{color:e.palette.common.white}}}}))(D);export{S 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__1OFvn {\n  display: flex;\n  align-items: center;\n}\n\n.styles_cAttachmentFileDownloadWrapper__2LXjE {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.styles_cAttachmentFileDownloadWrapperFileIcon__24q5b {\n  margin-right: 10px;\n}\n\n.styles_cAttachmentFileDownloadWrapperFileName__3FEOy {\n  display: inline-block;\n  vertical-align: top;\n  width: calc(100% - 60px);\n}\n\n.styles_cAttachmentFileDownloadWrapperForm__h4YwZ {\n  margin-left: 5px;\n}\n\n.styles_cAttachmentFileDownloadWrapper__2LXjE:hover {\n  background-color: #616161;\n}\n\n.styles_cAttachmentReactPlayer__3vD0k 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__23K5g .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__3AF5m {\n  margin-top: 10px;\n  position: relative;\n  display: inline-block;\n}\n\n.styles_cAttachmentImgPreviwBtn__1bn8h {\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__3AF5m:hover {\n  opacity: 0.7;\n}\n\n.styles_cAttachmentImg__3AF5m:hover .styles_cAttachmentImgPreviwBtn__1bn8h {\n  display: flex;\n}\n";
-var styles = {"cAttachmentFileWrapper":"styles_cAttachmentFileWrapper__1OFvn","cAttachmentFileDownloadWrapper":"styles_cAttachmentFileDownloadWrapper__2LXjE","cAttachmentFileDownloadWrapperFileIcon":"styles_cAttachmentFileDownloadWrapperFileIcon__24q5b","cAttachmentFileDownloadWrapperFileName":"styles_cAttachmentFileDownloadWrapperFileName__3FEOy","cAttachmentFileDownloadWrapperForm":"styles_cAttachmentFileDownloadWrapperForm__h4YwZ","cAttachmentReactPlayer":"styles_cAttachmentReactPlayer__3vD0k","cAttachment":"styles_cAttachment__23K5g","cAttachmentImg":"styles_cAttachmentImg__3AF5m","cAttachmentImgPreviwBtn":"styles_cAttachmentImgPreviwBtn__1bn8h"};
-styleInject(css_248z);
-
-export default styles;
-//# 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}.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/Avatar/index.js

@@ -1,114 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import utils from '../../utils/main.js';
-import { jsx } from 'react/jsx-runtime';
-import palette from '../../config/theme/palette.mjs.js';
-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';
-
-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 muiStyles = function muiStyles(theme) {
-  return {
-    avatar: {
-      color: theme.palette.common.white,
-      fontWeight: 'bold'
-    }
-  };
-};
-
-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;
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: displayName,
-    disableFocusListener: !showTooltip,
-    disableHoverListener: !showTooltip,
-    disableTouchListener: !showTooltip,
-    children: /*#__PURE__*/jsx(Avatar$1, {
-      "data-testid": "generic_avatar",
-      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
-    })
-  });
-};
-AvatarComponent.propTypes = {
-  displayName: PropTypes.string,
-  showTooltip: PropTypes.bool,
-  size: PropTypes.number,
-  className: PropTypes.string,
-  imgSrc: PropTypes.string,
-  alt: PropTypes.string,
-  classes: PropTypes.shape({}).isRequired
-};
-AvatarComponent.defaultProps = {
-  displayName: '',
-  showTooltip: false,
-  size: 32,
-  className: undefined,
-  imgSrc: undefined,
-  alt: undefined
-};
-var Avatar = withStyles(muiStyles)(AvatarComponent);
-
-export default Avatar;
-export { AvatarComponent };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import r from"classnames";import{withStyles as a}from"@material-ui/core/styles";import s from"@material-ui/core/Avatar";import{Tooltip as o}from"../Tooltip/Tooltip.js";import i from"../../utils/main.js";import p from"../../config/theme/palette.mjs.js";import{jsx as n}from"react/jsx-runtime";function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function c(t){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?l(Object(a),!0).forEach((function(r){e(t,r,a[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}var m=function(e){switch(e){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(e/2)}},u=function(e){return{minWidth:e,width:e,height:e,lineHeight:"".concat(e,"px"),fontSize:m(e)}},f=[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],h=function(e){return f[Math.abs(i.hashCode(e)%f.length)]},b=function(e){var t=e.displayName,a=e.showTooltip,p=e.size,l=e.className,m=e.imgSrc,f=e.alt,b=e.classes;return n(o,{title:t,disableFocusListener:!a,disableHoverListener:!a,disableTouchListener:!a,children:n(s,{"data-testid":"generic_avatar",alt:f,src:m,className:r(b.avatar,l),style:c(c({},u(Number(p))),{},{backgroundColor:!!t&&h(t)}),children:t?i.getNameInitials(t):null})})};b.propTypes={displayName:t.string,showTooltip:t.bool,size:t.number,className:t.string,imgSrc:t.string,alt:t.string,classes:t.shape({}).isRequired},b.defaultProps={displayName:"",showTooltip:!1,size:32,className:void 0,imgSrc:void 0,alt:void 0};var d=a((function(e){return{avatar:{color:e.palette.common.white,fontWeight:"bold"}}}))(b);export{b as AvatarComponent,d as default};

package/components/BICOffsetPickerDialog/components/Map/Map.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Map_map__3r57p {\n  width: 100%;\n}\n\n.Map_mapMain__3l1Pq {\n  width: 100%;\n  flex: 100;\n  height: 176px;\n  border-radius: 4px;\n  background-color: #414141;\n}\n\n.Map_mapFooter__2xJsB {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n.Map_mapFooterItem__1E0CX {\n  display: flex;\n  align-items: center;\n  margin-right: 10px;\n  white-space: nowrap;\n}\n\n.Map_mapFooterItemSquare__2gPNj {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 5px;\n}\n\n.Map_mapFooterItemLabel__rjEle {\n  font-size: 11px;\n  color: #cccccc;\n}\n\n.Map_map__3r57p .leaflet-popup-content-wrapper {\n  background-color: #414141;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12),\n    0px 8px 10px rgba(0, 0, 0, 0.14);\n  border-radius: 4px;\n}\n\n.Map_map__3r57p .leaflet-popup-content {\n  padding: 4px 4px;\n  border-radius: 4px;\n}\n\n.Map_map__3r57p .leaflet-popup-tip {\n  display: none;\n}\n\n.Map_map__3r57p .leaflet-popup-close-button {\n  display: none;\n}\n\n.Map_map__3r57p .leaflet-control-zoom {\n  background: none;\n  box-shadow: none;\n  border: none;\n}\n\n.Map_map__3r57p .leaflet-control-zoom a {\n  background-image: none;\n  text-indent: unset;\n  content: unset;\n  color: #bdbdbd;\n  font-size: 22px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  background: #272727;\n  border-radius: 4px;\n  margin-top: 4px;\n  opacity: 1;\n}\n\n.Map_map__3r57p .leaflet-control-zoom a:hover {\n  color: #fff;\n  background: #303030;\n  background-image: none;\n  text-indent: unset;\n  content: unset;\n  font-size: 22px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n  margin-top: 4px;\n  opacity: 1;\n}\n\n.Map_map__3r57p .leaflet-touch .leaflet-bar {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n\n.Map_map__3r57p .leaflet-touch .leaflet-control-layers {\n  border: 0px solid transparent;\n  background-clip: padding-box;\n}\n\n\n";
-var styles = {"map":"Map_map__3r57p","mapMain":"Map_mapMain__3l1Pq","mapFooter":"Map_mapFooter__2xJsB","mapFooterItem":"Map_mapFooterItem__1E0CX","mapFooterItemSquare":"Map_mapFooterItemSquare__2gPNj","mapFooterItemLabel":"Map_mapFooterItemLabel__rjEle"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=Map.css.js.map
+import a from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={map:"Map_map__Ya53V",mapMain:"Map_mapMain__K9p4a",mapFooter:"Map_mapFooter__ueyMi",mapFooterItem:"Map_mapFooterItem__y9wgh",mapFooterItemSquare:"Map_mapFooterItemSquare__hqWmQ",mapFooterItemLabel:"Map_mapFooterItemLabel__MLQYo"};a(".Map_map__Ya53V{width:100%}.Map_mapMain__K9p4a{background-color:#414141;border-radius:4px;flex:100;height:176px;width:100%}.Map_mapFooter__ueyMi{display:flex;flex:1;flex-wrap:wrap;padding-bottom:5px;padding-top:5px}.Map_mapFooterItem__y9wgh{align-items:center;display:flex;margin-right:10px;white-space:nowrap}.Map_mapFooterItemSquare__hqWmQ{border-radius:50%;height:8px;margin-right:5px;width:8px}.Map_mapFooterItemLabel__MLQYo{color:#ccc;font-size:11px}.Map_map__Ya53V .leaflet-popup-content-wrapper{background-color:#414141;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,.2),0 3px 14px rgba(0,0,0,.12),0 8px 10px rgba(0,0,0,.14)}.Map_map__Ya53V .leaflet-popup-content{border-radius:4px;padding:4px}.Map_map__Ya53V .leaflet-popup-close-button,.Map_map__Ya53V .leaflet-popup-tip{display:none}.Map_map__Ya53V .leaflet-control-zoom{background:none;border:none;box-shadow:none}.Map_map__Ya53V .leaflet-control-zoom a{background-image:none;background:#272727;color:#bdbdbd}.Map_map__Ya53V .leaflet-control-zoom a,.Map_map__Ya53V .leaflet-control-zoom a:hover{align-items:center;border-radius:4px;content:unset;display:flex;font-size:22px;height:32px;justify-content:center;margin-top:4px;opacity:1;text-align:center;text-indent:unset;width:32px}.Map_map__Ya53V .leaflet-control-zoom a:hover{background:#303030;background-image:none;color:#fff}.Map_map__Ya53V .leaflet-touch .leaflet-bar,.Map_map__Ya53V .leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:0 solid transparent}");export{e as default};