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

package/components/Attachment/index.js

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

package/components/Attachment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport { Dialog } from '@material-ui/core';\n\nimport ImageIcon from '@material-ui/icons/Image';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\n\nimport grey from '@material-ui/core/colors/grey';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport ImageViewer from '~components/ImageViewer';\nimport GoogleDocsViewer from '~components/GoogleDocsViewer';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsVideo, getIsImage } from '~/utils/fileExtension';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main'; // question here\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\nconst grey600 = grey[600];\n\nconst SIZES = {\n  small: { label: 'small', value: 135 },\n  medium: { label: 'medium', value: 300 },\n};\n\nconst style = {\n  fileImage: (imageIsLoaded, size) => ({\n    maxWidth: '100%',\n    borderRadius: 4,\n    overflow: 'hidden',\n    // NOTE: Makes one-line comment with image fits into comments container. Equals to\n    // imagePlaceholder height\n    maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,\n    display: imageIsLoaded ? 'initial' : 'none',\n    cursor: 'pointer',\n  }),\n  fileDownloadWrapper: {\n    marginTop: 10,\n    padding: '10px 10px 10px 5px',\n    border: `1px solid ${grey600}`,\n    borderRadius: 3,\n    maxWidth: 500, // NOTE: Corresponds to react-player max width\n    width: '75%',\n  },\n  imagePlaceholder: {\n    position: 'relative',\n    backgroundColor: grey200,\n    borderRadius: 3,\n    marginTop: 10,\n    height: 135,\n    width: 135,\n  },\n};\n\nconst muiStyles = theme => ({\n  imageIconRoot: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  dialog: {\n    width: '95%',\n    height: '95%',\n    maxWidth: '100%',\n    position: 'relative',\n  },\n  nativeDialog: {\n    width: '100%',\n    height: '100%',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n  dialogRoot: {\n    // NOTE: Make background color similar to lightbox\n    backgroundColor: 'rgba(0, 0, 0, 0.85)',\n  },\n  fileName: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n  downloadIcon: {\n    color: grey600,\n    '&:hover': {\n      color: theme.palette.common.white,\n    },\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => (\n  <>\n    <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n      <img\n        data-testid={`${PAGE_NAME}_image`}\n        src={props.attachmentUrl}\n        style={style.fileImage(props.imageIsLoaded, props.size)}\n        alt=\"Attachment\"\n        onLoad={props.setImageIsLoaded}\n      />\n      <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n        <FullSizeIcon />\n      </div>\n    </div>\n\n    {!props.imageIsLoaded && (\n      <div style={style.imagePlaceholder}>\n        <ImageIcon\n          data-testid={`${PAGE_NAME}_placeholder`}\n          className={props.classes.imageIconRoot}\n          htmlColor={grey400}\n          fontSize=\"large\"\n        />\n      </div>\n    )}\n\n    {props.lightboxIsOpen && (\n      <ImageViewer\n        mainSrc={props.attachmentUrl}\n        imagePadding={50}\n        onAfterOpen={props.handleLightboxOpen}\n        onCloseRequest={props.handleLightboxClose}\n      />\n    )}\n  </>\n);\n\nconst FileAttachment = props => (\n  <div className={styles.cAttachmentFileWrapper}>\n    <div\n      className={styles.cAttachmentFileDownloadWrapper}\n      style={style.fileDownloadWrapper}\n      onClick={props.openPreview}\n    >\n      <FileTypeIcon\n        fileName={props.displayName || props.attachmentUrl}\n        className={styles.cAttachmentFileDownloadWrapperFileIcon}\n        size={props.small ? 25 : 50}\n      />\n\n      <div\n        data-testid={`${PAGE_NAME}_name`}\n        className={styles.cAttachmentFileDownloadWrapperFileName}\n      >\n        <Typography variant=\"subtitle2\" noWrap className={props.classes.fileName}>\n          {utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl)}\n        </Typography>\n      </div>\n\n      <Dialog\n        open={props.previewIsOpen}\n        onClose={props.closePreview}\n        classes={{\n          root: props.classes.dialogRoot,\n          paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n        }}\n      >\n        <GoogleDocsViewer\n          fileUrl={props.attachmentUrl}\n          fileName={utils.getFileNameWithExtensionFromPath(\n            props.displayName || props.attachmentUrl\n          )}\n          fileSize={props.attachmentSize}\n          onClose={props.closePreview}\n          width=\"100%\"\n          height=\"100%\"\n        />\n      </Dialog>\n    </div>\n\n    <a\n      download={props.displayName}\n      href={props.attachmentUrl}\n      className={styles.cAttachmentFileDownloadWrapperForm}\n    >\n      <IconButton data-testid={`${PAGE_NAME}_downloadButton`} type=\"submit\">\n        <DownloadIcon className={props.classes.downloadIcon} />\n      </IconButton>\n    </a>\n  </div>\n);\n\n/* eslint-enable react/prop-types */\n\nfunction Attachment(props) {\n  const [isImageLoaded, setIsImageLoaded] = useState(false);\n  const [isLightboxOpen, setIsLightboxOpen] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const fileName = props.displayName || props.attachmentUrl || props.fileName;\n  const isImage = getIsImage(fileName);\n  const isVideo = getIsVideo(fileName);\n\n  // Don't fetch download link if attachmentUrl is provided\n  const downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);\n  const attachmentUrl = props.attachmentUrl || downloadLink;\n  const preventIOSScroll = useCallback(e => e.preventDefault(), []);\n\n  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable\n  // Source: https://github.com/reactjs/react-modal/issues/369\n  const handleLightboxOpen = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'hidden';\n      document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n        passive: false,\n      });\n    }\n  };\n\n  const handleLightboxClose = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'visible';\n      document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n    }\n    setIsLightboxOpen(false);\n  };\n\n  const openLightbox = () => setIsLightboxOpen(true);\n  const setImageLoaded = () => setIsImageLoaded(true);\n  const openPreview = () => setIsPreviewOpen(true);\n  const closePreview = e => {\n    e.stopPropagation();\n    setIsPreviewOpen(false);\n  };\n\n  if (isImage)\n    return (\n      <div className={styles.cAttachment}>\n        <ImageAttachment\n          size={props.size}\n          openLightbox={openLightbox}\n          attachmentUrl={attachmentUrl}\n          setImageIsLoaded={setImageLoaded}\n          imageIsLoaded={isImageLoaded}\n          lightboxIsOpen={isLightboxOpen}\n          handleLightboxOpen={handleLightboxOpen}\n          handleLightboxClose={handleLightboxClose}\n          classes={props.classes}\n        />\n      </div>\n    );\n\n  if (isVideo && ReactPlayer.canPlay(attachmentUrl))\n    return (\n      <div className={styles.cAttachment}>\n        <ReactPlayer\n          data-testid={`${PAGE_NAME}_player`}\n          className={styles.cAttachmentReactPlayer}\n          url={attachmentUrl}\n          config={{ file: { attributes: { preload: 'metadata' } } }}\n          controls\n          height={props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value}\n          width={null}\n        />\n      </div>\n    );\n\n  return (\n    <div className={styles.cAttachment}>\n      <FileAttachment\n        attachmentUrl={attachmentUrl}\n        attachmentSize={props.attachmentSize}\n        displayName={props.displayName}\n        openPreview={openPreview}\n        closePreview={closePreview}\n        previewIsOpen={isPreviewOpen}\n        classes={props.classes}\n        small={props.small}\n      />\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachmentUrl: PropTypes.string.isRequired,\n  attachmentSize: PropTypes.number,\n  displayName: PropTypes.string,\n  fileName: PropTypes.string,\n  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),\n  classes: PropTypes.shape({}).isRequired,\n  small: PropTypes.bool,\n};\n\nAttachment.defaultProps = {\n  displayName: null,\n  fileName: null,\n  attachmentSize: undefined,\n  size: SIZES.medium.label,\n  small: false,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["PAGE_NAME","grey200","grey","grey400","grey600","SIZES","small","label","value","medium","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","marginTop","padding","border","width","imagePlaceholder","position","backgroundColor","height","muiStyles","theme","imageIconRoot","top","left","transform","dialog","nativeDialog","margin","dialogRoot","fileName","whiteSpace","textOverflow","downloadIcon","color","palette","common","white","ImageAttachment","props","_jsxs","openLightbox","styles","cAttachmentImg","_jsx","attachmentUrl","setImageIsLoaded","cAttachmentImgPreviwBtn","classes","lightboxIsOpen","handleLightboxOpen","handleLightboxClose","FileAttachment","cAttachmentFileWrapper","cAttachmentFileDownloadWrapper","openPreview","displayName","cAttachmentFileDownloadWrapperFileIcon","cAttachmentFileDownloadWrapperFileName","utils","getFileNameWithExtensionFromPath","previewIsOpen","closePreview","root","paper","isNativeDetected","attachmentSize","cAttachmentFileDownloadWrapperForm","Attachment","useState","isImageLoaded","setIsImageLoaded","isLightboxOpen","setIsLightboxOpen","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","downloadLink","useSignedURL","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","setImageLoaded","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","file","attributes","preload","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","defaultProps","undefined","withStyles"],"mappings":"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"}

package/components/Attachment/styles.css.js

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

package/components/Attachment/styles.css.js.map

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

package/components/Avatar/index.js

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

package/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Avatar/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport Avatar from '@material-ui/core/Avatar';\n\nimport Tooltip from '~components/Tooltip';\n\nimport utils from '~utils/main';\nimport palette from '../../config/theme/palette.mjs';\n\nconst muiStyles = theme => ({\n  avatar: {\n    color: theme.palette.common.white,\n    fontWeight: 'bold',\n  },\n});\n\nconst getFontSize = size => {\n  switch (size) {\n    case 24:\n      return 12;\n    case 32:\n      return 14;\n    case 40:\n      return 16;\n    case 48:\n      return 20;\n    case 128:\n      return 64;\n    case 200:\n      return 80;\n    default:\n      return Math.floor(size / 2);\n  }\n};\n\nconst styles = {\n  size: size => ({\n    minWidth: size,\n    width: size,\n    height: size,\n    lineHeight: `${size}px`,\n    fontSize: getFontSize(size),\n  }),\n};\n\nconst colors = [\n  palette.pastel.p1,\n  palette.pastel.p2,\n  palette.pastel.p3,\n  palette.pastel.p4,\n  palette.pastel.p5,\n  palette.pastel.p6,\n  palette.pastel.p7,\n  palette.pastel.p8,\n  palette.pastel.p9,\n  palette.pastel.p10,\n  palette.pastel.p11,\n  palette.pastel.p12,\n  palette.pastel.p13,\n  palette.pastel.p14,\n  palette.pastel.p15,\n  palette.pastel.p16,\n];\n\nconst getColor = displayName => {\n  return colors[Math.abs(utils.hashCode(displayName) % colors.length)];\n};\n\nexport const AvatarComponent = ({\n  displayName,\n  showTooltip,\n  size,\n  className,\n  imgSrc,\n  alt,\n  classes,\n}) => (\n  <Tooltip\n    title={displayName}\n    disableFocusListener={!showTooltip}\n    disableHoverListener={!showTooltip}\n    disableTouchListener={!showTooltip}\n  >\n    <Avatar\n      data-testid=\"generic_avatar\"\n      alt={alt}\n      src={imgSrc}\n      className={classNames(classes.avatar, className)}\n      // NOTE: Here we are using inline-styles because currently MUI\n      // not supports passing props into style object\n      style={{\n        ...styles.size(Number(size)),\n        backgroundColor: !!displayName && getColor(displayName),\n      }}\n    >\n      {displayName ? utils.getNameInitials(displayName) : null}\n    </Avatar>\n  </Tooltip>\n);\n\nAvatarComponent.propTypes = {\n  displayName: PropTypes.string,\n  showTooltip: PropTypes.bool,\n  size: PropTypes.number,\n  className: PropTypes.string,\n  imgSrc: PropTypes.string,\n  alt: PropTypes.string,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nAvatarComponent.defaultProps = {\n  displayName: '',\n  showTooltip: false,\n  size: 32,\n  className: undefined,\n  imgSrc: undefined,\n  alt: undefined,\n};\n\nexport default withStyles(muiStyles)(AvatarComponent);\n"],"names":["muiStyles","theme","avatar","color","palette","common","white","fontWeight","getFontSize","size","Math","floor","styles","minWidth","width","height","lineHeight","fontSize","colors","pastel","p1","p2","p3","p4","p5","p6","p7","p8","p9","p10","p11","p12","p13","p14","p15","p16","getColor","displayName","abs","utils","hashCode","length","AvatarComponent","showTooltip","className","imgSrc","alt","classes","_jsx","Avatar","classNames","Number","backgroundColor","getNameInitials","propTypes","PropTypes","string","bool","number","shape","isRequired","defaultProps","undefined","withStyles"],"mappings":"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"}

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

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

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

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