@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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 classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport ImageIcon from '@material-ui/icons/Image';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { NewDocumentViewer } from '../NewDocumentViewer';\nimport { UnavailableFileIcon } from '../NewDocumentViewer/icons/UnavailableFileIcon';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport ImageViewer from '~components/ImageViewer';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsVideo, getIsImage } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main'; // question here\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\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    padding: '10px 10px 10px 5px',\n    border: `1px solid #616161`,\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    fontWeight: 400,\n  },\n  downloadIcon: {\n    color: theme.palette.primary.text3,\n  },\n  disabledPreview: {\n    backgroundColor: theme.palette.primary.text9,\n  },\n  unavailableFileIcon: {\n    marginRight: 12,\n    minWidth: 32,\n  },\n  titleContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  },\n  caption: {\n    fontSize: 12,\n    fontWeight: 400,\n    width: 'fit-content',\n  },\n  unavailableFileName: {\n    fontSize: 12,\n    fontWeight: 400,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;\n  return (\n    <>\n      <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n        <img\n          data-testid={`${PAGE_NAME}_image`}\n          src={downloadLink}\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={downloadLink}\n          imagePadding={50}\n          onAfterOpen={props.handleLightboxOpen}\n          onCloseRequest={props.handleLightboxClose}\n        />\n      )}\n    </>\n  );\n};\n\nconst FileAttachment = props => {\n  const fileName = utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl);\n  const fileUrl = useSignedURL(props.attachmentFileName);\n\n  const isPreviewUnavailable = getIsPreviewUnavailable(fileName);\n\n  const handleFilePreviewOpen = () => {\n    if (isPreviewUnavailable) return;\n    props.openPreview();\n  };\n\n  return (\n    <div className={styles.cAttachmentFileWrapper}>\n      <div\n        className={classNames(\n          styles.cAttachmentFileDownloadWrapper,\n          isPreviewUnavailable && props.classes.disabledPreview\n        )}\n        style={style.fileDownloadWrapper}\n        onClick={handleFilePreviewOpen}\n      >\n        {isPreviewUnavailable ? (\n          <UnavailableFileIcon className={props.classes.unavailableFileIcon} />\n        ) : (\n          <FileTypeIcon\n            fileName={props.displayName || props.attachmentUrl}\n            className={styles.cAttachmentFileDownloadWrapperFileIcon}\n            size={props.small ? 25 : 50}\n          />\n        )}\n        <div className={props.classes.titleContainer}>\n          {isPreviewUnavailable && <div className={props.classes.caption}>Preview unavailable</div>}\n          <div\n            data-testid={`${PAGE_NAME}_name`}\n            className={classNames(\n              styles.cAttachmentFileDownloadWrapperFileName,\n              isPreviewUnavailable && props.classes.fileName\n            )}\n          >\n            <Typography variant=\"subtitle2\" noWrap className={props.classes.unavailableFileName}>\n              {fileName}\n            </Typography>\n          </div>\n        </div>\n        <NewDocumentViewer\n          fileUrl={fileUrl}\n          classes={{\n            root: props.classes.dialogRoot,\n            paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n          }}\n          fileName={fileName}\n          fileSize={props.attachmentSize}\n          onClose={props.closePreview}\n          open={props.previewIsOpen}\n        />\n      </div>\n      <a\n        download={props.displayName}\n        href={fileUrl}\n        className={styles.cAttachmentFileDownloadWrapperForm}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_downloadButton`}\n          className={props.classes.downloadIcon}\n          type=\"submit\"\n        >\n          <DownloadIcon size={24} className={props.classes.downloadIcon} />\n        </IconButton>\n      </a>\n    </div>\n  );\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          attachmentFileName={props.fileName}\n          attachmentUrl={props.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        attachmentFileName={props.fileName}\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","SIZES","small","label","value","medium","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","muiStyles","theme","imageIconRoot","top","left","transform","dialog","nativeDialog","margin","dialogRoot","fileName","whiteSpace","textOverflow","fontWeight","downloadIcon","color","palette","primary","text3","disabledPreview","text9","unavailableFileIcon","marginRight","minWidth","titleContainer","flexDirection","caption","fontSize","unavailableFileName","ImageAttachment","props","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","openLightbox","styles","cAttachmentImg","_jsx","setImageIsLoaded","cAttachmentImgPreviwBtn","classes","lightboxIsOpen","handleLightboxOpen","handleLightboxClose","FileAttachment","utils","getFileNameWithExtensionFromPath","displayName","fileUrl","isPreviewUnavailable","getIsPreviewUnavailable","handleFilePreviewOpen","openPreview","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","cAttachmentFileDownloadWrapperFileIcon","cAttachmentFileDownloadWrapperFileName","root","paper","isNativeDetected","attachmentSize","closePreview","previewIsOpen","cAttachmentFileDownloadWrapperForm","Attachment","useState","isImageLoaded","setIsImageLoaded","isLightboxOpen","setIsLightboxOpen","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","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;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};
+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

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

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

package/components/Autocomplete/Autocomplete.js

@@ -1 +1,148 @@
-import{__rest as o,__assign as e,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{useMemo as r,useState as i,useEffect as l}from"react";import a from"classnames";import{get as p,noop as u}from"lodash";import{makeStyles as c}from"@material-ui/core";import s from"@material-ui/lab/Autocomplete";import f from"@material-ui/icons/Close";import{Tooltip as m}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var d=function(o){return p(p(o.split('Create "'),"1","").split('"'),"0","")},h=c((function(o){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%)",margin:0},createLabel:{fontSize:"16px",lineHeight:"22.5px",color:o.palette.primary.main},openIcon:{marginLeft:5},option:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%"},closeIcon:{width:16,height:16}}})),x=function(p){var c=p.isCreatable,x=p.options,g=p.value,v=p.getOptionLabel,b=p.onInputChange,C=p.onChange,I=void 0===C?u:C,w=p.renderOption,L=p.classes,O=o(p,["isCreatable","options","value","getOptionLabel","onInputChange","onChange","renderOption","classes"]),S=h(),j=r((function(){return null==x?void 0:x.map((function(o){return c?v(o):o}))}),[x]),T=r((function(){return c?v(g)||"":g}),[g]),H=i(j),N=H[0],y=H[1],z=i(null),A=z[0],_=z[1];l((function(){y(j)}),[j]);return t(s,e({value:T,onChange:c?function(o,e){return function(o){if((null==o?void 0:o.includes('Create "'))&&v(o)===v(A)){_(null);var e=d(A);y(n(n([],j,!0),[e],!1)),I(e,!0)}else I(o,!1)}(e)}:I,onInputChange:c?function(o,e){return function(o){if(""===o)_(null),y(j);else if(j.find((function(e){return e===o}))){var e=j.filter((function(o){return!o.includes('Create "')}));y(e)}else{var t=function(o){return'Create "'.concat(o,'"')}(o);_(t),y(n(n([],j,!0),[t],!1))}}(e)}:b,options:N,getOptionLabel:c?function(o){return String(o)}:v,renderOption:c?function(o){var e,n=d(o);return t(m,{title:o,children:t("div",{className:a((e={},e[S.createLabel]=n&&o!==n,e),S.option,null==L?void 0:L.optionLabelClass),children:o})})}:w,classes:e({root:a(S.root,null==L?void 0:L.root),paper:a(S.paper,null==L?void 0:L.paper),popupIndicator:S.openIcon},L),closeIcon:(T||A)&&t(f,{className:S.closeIcon})},O))};export{x as default};
+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 classNames from 'classnames';
+import { get, noop } 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%)',
+      margin: 0
+    },
+    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,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _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 String(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));
+};
+
+export { Autocomplete as default };
+//# sourceMappingURL=Autocomplete.js.map

package/components/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { ChangeEvent, ReactNode, useEffect, useMemo, useState } from 'react';\nimport classNames from 'classnames';\nimport { get, noop } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\nimport MaterialAutocomplete, {\n  AutocompleteProps as MuiAutocompleteProps,\n} from '@material-ui/lab/Autocomplete';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport Tooltip from '../Tooltip';\n\nconst getAddedValue = (value: string) => `Create \"${value}\"`;\nconst getUpdateValue = (value: string) =>\n  get(get(value.split('Create \"'), '1', '').split('\"'), '0', '');\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: 200,\n  },\n  paper: {\n    maxHeight: 400,\n    boxShadow:\n      '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%)',\n    margin: 0,\n  },\n  createLabel: {\n    fontSize: '16px',\n    lineHeight: '22.5px',\n    color: theme.palette.primary.main,\n  },\n  openIcon: {\n    marginLeft: 5,\n  },\n  option: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    width: '100%',\n  },\n  closeIcon: {\n    width: 16,\n    height: 16,\n  },\n}));\n\ntype AutocompleteProps = {\n  options: (object | string)[];\n  /**\n   * Renders input\n   */\n  renderInput: (params: any) => ReactNode;\n  value?: object | string;\n  size?: MuiAutocompleteProps<any, any, any, any>['size'];\n  /**\n   * Works only with strings as `options`. If `true`, `onChange` has the following signature:<br/>\n   * ```\n   * (value: string, wasCreated: boolean) => void;\n   * ```\n   */\n  isCreatable?: boolean;\n  /**\n   *  Used for searching the options list by default\n   */\n  getOptionLabel: (option: object | string) => string;\n  /**\n   *  Required when working with objects as `options`.\n   */\n  renderOption?: (\n    option: object | string,\n    params: { selected: boolean; inputValue: string }\n  ) => string;\n  onInputChange?: (event: ChangeEvent, value: string, action: 'input' | 'reset' | 'clear') => void;\n  onChange?: (\n    event: ChangeEvent,\n    value: object | string,\n    reason: 'create-option' | 'select-option' | 'remove-option' | 'clear' | 'blur'\n  ) => void;\n  classes?: Record<string, string>;\n  className?: string;\n  loading?: boolean;\n  loadingText?: ReactNode;\n  getOptionDisabled?: (option: object | string) => boolean;\n  /**\n   * If `true` - prevents Autocomplete from closing on select\n   */\n  disableCloseOnSelect?: boolean;\n  multiple?: boolean;\n} & Omit<\n  MuiAutocompleteProps<any, any, any, any>,\n  | 'options'\n  | 'renderInput'\n  | 'value'\n  | 'size'\n  | 'isCreatable'\n  | 'getOptionLabel'\n  | 'renderOption'\n  | 'onInputChange'\n  | 'onChange'\n  | 'classes'\n  | 'className'\n  | 'loading'\n  | 'loadingText'\n  | 'getOptionDisabled'\n  | 'disableCloseOnSelect'\n  | 'multiple'\n>;\n\nconst Autocomplete = ({\n  isCreatable,\n  options: inputOptions,\n  value: inputValue,\n  getOptionLabel,\n  onInputChange,\n  onChange = noop,\n  renderOption,\n  classes: customClasses,\n  ...restProps\n}: AutocompleteProps) => {\n  const classes = useStyles();\n  const initialOptions = useMemo(\n    () => inputOptions?.map(item => (isCreatable ? getOptionLabel(item) : item)),\n    [inputOptions]\n  );\n  const value = useMemo(\n    () => (isCreatable ? getOptionLabel(inputValue) || '' : inputValue),\n    [inputValue]\n  );\n  const [options, setOptions] = useState(initialOptions);\n  const [addedValue, setAddedValue] = useState(null);\n\n  useEffect(() => {\n    setOptions(initialOptions);\n  }, [initialOptions]);\n\n  const handleInputChange = (newValue: string) => {\n    if (newValue === '') {\n      setAddedValue(null);\n      setOptions(initialOptions);\n    } else if (!initialOptions.find(item => item === newValue)) {\n      // if input value not matches any option add Create option\n      const newAddedValue = getAddedValue(newValue);\n      setAddedValue(newAddedValue);\n      setOptions([...initialOptions, newAddedValue]);\n    } else {\n      // if any option include input value remove Create option\n      const filteredInitialOptions = initialOptions.filter(\n        option => !(option as string).includes(`Create \"`)\n      );\n      setOptions(filteredInitialOptions);\n    }\n  };\n\n  const handleChangeValue = (newValue: any) => {\n    if (newValue?.includes('Create \"') && getOptionLabel(newValue) === getOptionLabel(addedValue)) {\n      setAddedValue(null);\n      const updatedValue = getUpdateValue(addedValue);\n      setOptions([...initialOptions, updatedValue]);\n      (onChange as any)(updatedValue, true);\n    } else {\n      (onChange as any)(newValue, false);\n    }\n  };\n\n  return (\n    <MaterialAutocomplete\n      value={value}\n      onChange={isCreatable ? (_, newValue) => handleChangeValue(newValue) : onChange}\n      onInputChange={isCreatable ? (_, newValue) => handleInputChange(newValue) : onInputChange}\n      options={options}\n      getOptionLabel={isCreatable ? item => String(item) : getOptionLabel}\n      renderOption={\n        isCreatable\n          ? props => {\n              const updateValue = getUpdateValue(props);\n\n              return (\n                <Tooltip title={props as string}>\n                  <div\n                    className={classNames(\n                      { [classes.createLabel]: updateValue && props !== updateValue },\n                      classes.option,\n                      customClasses?.optionLabelClass\n                    )}\n                  >\n                    {props as string}\n                  </div>\n                </Tooltip>\n              );\n            }\n          : renderOption\n      }\n      classes={{\n        root: classNames(classes.root, customClasses?.root),\n        paper: classNames(classes.paper, customClasses?.paper),\n        popupIndicator: classes.openIcon,\n        ...customClasses,\n      }}\n      closeIcon={(value || addedValue) && <CloseIcon className={classes.closeIcon} />}\n      {...restProps}\n    />\n  );\n};\n\nexport default Autocomplete;\n"],"names":["getAddedValue","value","getUpdateValue","get","split","useStyles","makeStyles","theme","root","width","paper","maxHeight","boxShadow","margin","createLabel","fontSize","lineHeight","color","palette","primary","main","openIcon","marginLeft","option","overflow","whiteSpace","textOverflow","closeIcon","height","Autocomplete","isCreatable","inputOptions","options","inputValue","getOptionLabel","onInputChange","onChange","noop","renderOption","customClasses","classes","restProps","initialOptions","useMemo","map","item","useState","setOptions","addedValue","setAddedValue","useEffect","handleInputChange","newValue","find","newAddedValue","filteredInitialOptions","filter","includes","handleChangeValue","updatedValue","_jsx","MaterialAutocomplete","_","String","props","updateValue","classNames","optionLabelClass","popupIndicator"],"mappings":"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"}

package/components/Avatar/index.js

@@ -1 +1,86 @@
-import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import r from"classnames";import i from"@material-ui/core/Avatar";import{Tooltip as o}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import a from"../../utils/main.js";import{makeStyles as s}from"@material-ui/core";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)}},l=function(t){return{minWidth:t,width:t,height:t,lineHeight:"".concat(t,"px"),fontSize:n(t)}},c=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],m=function(t){return c[Math.abs(a.hashCode(t)%c.length)]},u=s((function(t){return{avatar:{color:t.palette.common.white,fontWeight:"bold"}}})),d=function(s){var n=s.className,c=s.imgSrc,d=s.alt,f=s.displayName,h=void 0===f?"":f,p=s.showTooltip,v=void 0!==p&&p,b=s.size,F=void 0===b?32:b,C=s["data-testid"],g=void 0===C?"generic_avatar":C,A=u();return e(o,{title:h,disableFocusListener:!v,disableHoverListener:!v,disableTouchListener:!v,children:e(i,{"data-testid":g,alt:d,src:c,className:r(A.avatar,n),style:t(t({},l(Number(F))),{backgroundColor:!!h&&m(h)}),children:h?a.getNameInitials(h):null})})};export{d as AvatarComponent,d as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import Avatar from '@material-ui/core/Avatar';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import '../Tooltip/ScrollableTooltip.js';
+import utils from '../../utils/main.js';
+import { makeStyles } from '@material-ui/core';
+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 getStyles = function getStyles(size) {
+  return {
+    minWidth: size,
+    width: size,
+    height: size,
+    lineHeight: "".concat(size, "px"),
+    fontSize: getFontSize(size)
+  };
+};
+var colors = ['#5F47A4', '#9078C8', '#DC74FD', '#F695B5', '#CB4F4F', '#896F65', '#F3AE96', '#EE7850', '#DDAE67', '#A6CA72', '#62893D', '#91C9C4', '#38818D', '#77B5F1', '#3F4C99', '#919DA4'];
+var getColor = function getColor(displayName) {
+  return colors[Math.abs(utils.hashCode(displayName) % colors.length)];
+};
+var useStyles = makeStyles(function (theme) {
+  return {
+    avatar: {
+      color: theme.palette.common.white,
+      fontWeight: 'bold'
+    }
+  };
+});
+var AvatarComponent = function AvatarComponent(_ref) {
+  var className = _ref.className,
+    imgSrc = _ref.imgSrc,
+    alt = _ref.alt,
+    _ref$displayName = _ref.displayName,
+    displayName = _ref$displayName === void 0 ? '' : _ref$displayName,
+    _ref$showTooltip = _ref.showTooltip,
+    showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 32 : _ref$size,
+    _ref$dataTestid = _ref['data-testid'],
+    dataTestId = _ref$dataTestid === void 0 ? 'generic_avatar' : _ref$dataTestid;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: displayName,
+    disableFocusListener: !showTooltip,
+    disableHoverListener: !showTooltip,
+    disableTouchListener: !showTooltip,
+    children: /*#__PURE__*/jsx(Avatar, {
+      "data-testid": dataTestId,
+      alt: alt,
+      src: imgSrc,
+      className: classNames(styles.avatar, className)
+      // NOTE: Here we are using inline-styles because currently MUI
+      // not supports passing props into style object
+      ,
+      style: _objectSpread(_objectSpread({}, getStyles(Number(size))), {}, {
+        backgroundColor: !!displayName && getColor(displayName)
+      }),
+      children: displayName ? utils.getNameInitials(displayName) : null
+    })
+  });
+};
+
+export { AvatarComponent, AvatarComponent as default };
+//# sourceMappingURL=index.js.map

package/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Avatar from '@material-ui/core/Avatar';\n\nimport Tooltip from '~/components/Tooltip';\n\nimport utils from '~/utils/main';\nimport { makeStyles } from '@material-ui/core';\n\nconst getFontSize = (size: number) => {\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 getStyles = (size: number) => ({\n  minWidth: size,\n  width: size,\n  height: size,\n  lineHeight: `${size}px`,\n  fontSize: getFontSize(size),\n});\n\nconst colors = [\n  '#5F47A4',\n  '#9078C8',\n  '#DC74FD',\n  '#F695B5',\n  '#CB4F4F',\n  '#896F65',\n  '#F3AE96',\n  '#EE7850',\n  '#DDAE67',\n  '#A6CA72',\n  '#62893D',\n  '#91C9C4',\n  '#38818D',\n  '#77B5F1',\n  '#3F4C99',\n  '#919DA4',\n];\n\nconst getColor = (displayName: string) => {\n  return colors[Math.abs(utils.hashCode(displayName) % colors.length)];\n};\n\nconst useStyles = makeStyles(theme => ({\n  avatar: {\n    color: theme.palette.common.white,\n    fontWeight: 'bold',\n  },\n}));\n\ntype AvatarComponentProps = {\n  displayName: string;\n  showTooltip?: boolean;\n  size?: number;\n  className?: string;\n  imgSrc?: string;\n  alt?: string;\n  'data-testid'?: string;\n};\n\nexport const AvatarComponent = ({\n  className,\n  imgSrc,\n  alt,\n  displayName = '',\n  showTooltip = false,\n  size = 32,\n  'data-testid': dataTestId = 'generic_avatar',\n}: AvatarComponentProps): JSX.Element => {\n  const styles = useStyles();\n  return (\n    <Tooltip\n      title={displayName}\n      disableFocusListener={!showTooltip}\n      disableHoverListener={!showTooltip}\n      disableTouchListener={!showTooltip}\n    >\n      <Avatar\n        data-testid={dataTestId}\n        alt={alt}\n        src={imgSrc}\n        className={classNames(styles.avatar, className)}\n        // NOTE: Here we are using inline-styles because currently MUI\n        // not supports passing props into style object\n        style={{\n          ...getStyles(Number(size)),\n          backgroundColor: !!displayName && getColor(displayName),\n        }}\n      >\n        {displayName ? utils.getNameInitials(displayName) : null}\n      </Avatar>\n    </Tooltip>\n  );\n};\n\nexport default AvatarComponent;\n"],"names":["getFontSize","size","Math","floor","getStyles","minWidth","width","height","lineHeight","fontSize","colors","getColor","displayName","abs","utils","hashCode","length","useStyles","makeStyles","theme","avatar","color","palette","common","white","fontWeight","AvatarComponent","className","imgSrc","alt","showTooltip","dataTestId","styles","_jsx","classNames","Number","backgroundColor","getNameInitials"],"mappings":"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"}

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

@@ -1 +1,204 @@
-import{memo as r,useRef as e,useMemo as t,useEffect as o,createElement as n}from"react";import l from"react-dom";import u from"prop-types";import c from"mapbox.js";import{get as i}from"lodash";import{usePrevious as a}from"../../effects/index.js";import s from"./Map.css.js";import{mapbox as f}from"../../../../utils/index.js";import{jsx as m}from"react/jsx-runtime";var d=f.isValidCoordinates,p=[29.749907,-95.358421];function h(r){var u=r.subjectWell,f=r.wells,h=r.offsetWells,v=r.radius,b=r.subjectWellMarkerSize,k=r.wellMarkerSize,y=r.coordsDataPath,g=e(null),j=e(null),x=e(null),C=e(null),M=a(f),W=t((function(){return u&&i(u,y)}),[u,y]);o((function(){g.current=c.mapbox.map(g.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(p,1),c.control.zoom({position:"bottomright"}).addTo(g.current),c.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(g.current)}),[]),o((function(){g.current&&(j.current&&g.current.removeLayer(j.current),W?(j.current=c.circle(W,1609.34*v,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),j.current.addTo(g.current)):j.current=null)}),[v,W]);return o((function(){if(g.current){g.current.closePopup(),x.current&&x.current.removeFrom(g.current);var r=h.map((function(r){return r.id})),e=[];f.forEach((function(t){var o=i(t,y);if(o&&d(o)){var a=u&&u.id===t.id,s=r.includes(t.id),f=a?b:k,p=a||s?1:.3,h=c.circleMarker(o,{radius:f,stroke:!1,fill:!0,fillOpacity:p,fillColor:"#FFC107",className:"circle_500"});h.addEventListener("mouseover",(function(){var r=document.createElement("div"),u=n((function(r){var e=r.well;return m("div",{style:{color:"#fff",background:"##414141"},children:m("span",{style:{fontSize:"11px",lineHeight:"16px"},children:i(e,"name")})})}),{well:t});l.render(u,r),c.popup().setLatLng(o).setContent(r).openOn(g.current),function(r,e,t){C.current=c.circleMarker(e,{radius:3*t,stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#FFC107",className:"circle_highlight"}),C.current.addEventListener("mouseout",(function(){x.current.removeFrom(g.current),x.current=c.featureGroup(r),x.current.addTo(g.current),g.current.closePopup()}));var o=r.concat(C.current);x.current=c.featureGroup(o),x.current.addTo(g.current)}(e,o,f)})),e.push(h)}})),e.length&&(x.current=c.featureGroup(e),x.current.addTo(g.current)),setTimeout((function(){j.current&&j.current.bringToBack(),g.current&&x.current&&f!==M&&g.current.fitBounds(x.current.getBounds())}),500)}}),[u,f,h]),m("div",{className:s.map,children:m("div",{className:s.mapMain,ref:g})})}h.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,coordsDataPath:u.string},h.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var v=r(h);export{v as default};
+import { memo, useRef, useMemo, useEffect, createElement } from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
+import L from 'mapbox.js';
+import { get } from 'lodash';
+import { usePrevious } from '../../effects/index.js';
+import styles from './Map.css.js';
+import { mapbox } from '../../../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var isValidCoordinates = mapbox.isValidCoordinates;
+var RADIUS_CIRCLE_COLOR = '#03BCD4';
+var METERS_IN_MILE = 1609.34;
+var DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;
+var DEFAULT_WELL_MARKER_SIZE = 5;
+var OFFSET_WELL_COLOR = '#FFC107';
+var DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates
+
+var toolTip = function toolTip() {
+  return (
+    // eslint-disable-next-line react/prop-types
+    function (_ref) {
+      var well = _ref.well;
+      return /*#__PURE__*/jsx("div", {
+        style: {
+          color: '#fff',
+          background: '##414141'
+        },
+        children: /*#__PURE__*/jsx("span", {
+          style: {
+            fontSize: '11px',
+            lineHeight: '16px'
+          },
+          children: get(well, 'name')
+        })
+      });
+    }
+  );
+};
+
+// eslint-disable-next-line no-unused-vars
+function WellsMap(_ref2) {
+  var subjectWell = _ref2.subjectWell,
+    wells = _ref2.wells,
+    offsetWells = _ref2.offsetWells,
+    radius = _ref2.radius,
+    subjectWellMarkerSize = _ref2.subjectWellMarkerSize,
+    wellMarkerSize = _ref2.wellMarkerSize,
+    coordsDataPath = _ref2.coordsDataPath;
+  var mapContainerRef = useRef(null);
+  var radiusCircleRef = useRef(null);
+  var markersGroupRef = useRef(null);
+  var highlightMarkerRef = useRef(null);
+  var prevWells = usePrevious(wells);
+  var subjectWellCoords = useMemo(function () {
+    return subjectWell && get(subjectWell, coordsDataPath);
+  }, [subjectWell, coordsDataPath]);
+
+  // NOTE: Initialize map
+  useEffect(function () {
+    mapContainerRef.current = L.mapbox.map(mapContainerRef.current, null, {
+      attributionControl: false,
+      scrollWheelZoom: false,
+      zoomControl: false
+    }).setView(DEFAULT_COORDS, 1);
+    L.control.zoom({
+      position: 'bottomright'
+    }).addTo(mapContainerRef.current);
+    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);
+  }, []);
+
+  // NOTE: Radius circle
+  useEffect(function () {
+    if (!mapContainerRef.current) {
+      return;
+    }
+
+    // NOTE: Clean up
+    if (radiusCircleRef.current) {
+      mapContainerRef.current.removeLayer(radiusCircleRef.current);
+    }
+    if (!subjectWellCoords) {
+      radiusCircleRef.current = null;
+      return;
+    }
+    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {
+      stroke: false,
+      fill: true,
+      fillOpacity: 0.2,
+      fillColor: RADIUS_CIRCLE_COLOR,
+      className: 'circle_500'
+    });
+    radiusCircleRef.current.addTo(mapContainerRef.current);
+  }, [radius, subjectWellCoords]);
+  var handleMouseOver = function handleMouseOver(markers, coords, r) {
+    highlightMarkerRef.current = L.circleMarker(coords, {
+      radius: r * 3,
+      stroke: false,
+      fill: true,
+      fillOpacity: 0.2,
+      fillColor: OFFSET_WELL_COLOR,
+      className: 'circle_highlight'
+    });
+    highlightMarkerRef.current.addEventListener('mouseout', function () {
+      markersGroupRef.current.removeFrom(mapContainerRef.current);
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapContainerRef.current);
+      mapContainerRef.current.closePopup();
+    });
+    var newMarkers = markers.concat(highlightMarkerRef.current);
+    markersGroupRef.current = L.featureGroup(newMarkers);
+    markersGroupRef.current.addTo(mapContainerRef.current);
+  };
+
+  // NOTE: Well markers
+  useEffect(function () {
+    if (!mapContainerRef.current) {
+      return;
+    }
+    mapContainerRef.current.closePopup();
+
+    // NOTE: Clean up
+    if (markersGroupRef.current) {
+      markersGroupRef.current.removeFrom(mapContainerRef.current);
+    }
+    var offsetWellIds = offsetWells.map(function (well) {
+      return well.id;
+    });
+    var markers = [];
+    wells.forEach(function (well) {
+      var coords = get(well, coordsDataPath);
+      if (coords && isValidCoordinates(coords)) {
+        var isWellSubject = subjectWell && subjectWell.id === well.id;
+        var isWellOffset = offsetWellIds.includes(well.id);
+        var r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;
+        var color = OFFSET_WELL_COLOR;
+        var opacity = isWellSubject || isWellOffset ? 1 : 0.3;
+        var newMarker = L.circleMarker(coords, {
+          radius: r,
+          stroke: false,
+          fill: true,
+          fillOpacity: opacity,
+          fillColor: color,
+          className: 'circle_500'
+        });
+        newMarker.addEventListener('mouseover', function () {
+          // Tooltip
+          var tooltipContainer = document.createElement('div');
+          var tootipContent = createElement(toolTip(), {
+            well: well
+          });
+          ReactDOM.render(tootipContent, tooltipContainer);
+          L.popup().setLatLng(coords).setContent(tooltipContainer).openOn(mapContainerRef.current);
+
+          // Highlight
+          handleMouseOver(markers, coords, r);
+        });
+        markers.push(newMarker);
+      }
+    });
+    if (markers.length) {
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapContainerRef.current);
+    }
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+      if (mapContainerRef.current && markersGroupRef.current && wells !== prevWells) {
+        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());
+      }
+    }, 500);
+  }, [subjectWell, wells, offsetWells]);
+  return /*#__PURE__*/jsx("div", {
+    className: styles.map,
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.mapMain,
+      ref: mapContainerRef
+    })
+  });
+}
+WellsMap.propTypes = {
+  subjectWell: PropTypes.shape({
+    id: PropTypes.number,
+    formation: PropTypes.string
+  }),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),
+  radius: PropTypes.number.isRequired,
+  subjectWellMarkerSize: PropTypes.number,
+  wellMarkerSize: PropTypes.number,
+  coordsDataPath: PropTypes.string
+};
+WellsMap.defaultProps = {
+  subjectWell: null,
+  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,
+  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,
+  coordsDataPath: 'settings.top_hole.coordinates',
+  offsetWells: null
+};
+var Map = memo(WellsMap);
+
+export { Map as default };
+//# sourceMappingURL=Map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport L from 'mapbox.js';\nimport { get } from 'lodash';\n\nimport { usePrevious } from '../../effects';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#FFC107';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst toolTip =\n  () =>\n  // eslint-disable-next-line react/prop-types\n  ({ well }) => {\n    return (\n      <div style={{ color: '#fff', background: '##414141' }}>\n        <span style={{ fontSize: '11px', lineHeight: '16px' }}>{get(well, 'name')}</span>\n      </div>\n    );\n  };\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const radiusCircleRef = useRef(null);\n  const markersGroupRef = useRef(null);\n  const highlightMarkerRef = useRef(null);\n\n  const prevWells = usePrevious(wells);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    mapContainerRef.current = L.mapbox\n      .map(mapContainerRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, 1);\n\n    L.control\n      .zoom({\n        position: 'bottomright',\n      })\n      .addTo(mapContainerRef.current);\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapContainerRef.current.removeLayer(radiusCircleRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      return;\n    }\n\n    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: RADIUS_CIRCLE_COLOR,\n      className: 'circle_500',\n    });\n\n    radiusCircleRef.current.addTo(mapContainerRef.current);\n  }, [radius, subjectWellCoords]);\n\n  const handleMouseOver = (markers, coords, r) => {\n    highlightMarkerRef.current = L.circleMarker(coords, {\n      radius: r * 3,\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: OFFSET_WELL_COLOR,\n      className: 'circle_highlight',\n    });\n\n    highlightMarkerRef.current.addEventListener('mouseout', () => {\n      markersGroupRef.current.removeFrom(mapContainerRef.current);\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapContainerRef.current);\n\n      mapContainerRef.current.closePopup();\n    });\n\n    const newMarkers = markers.concat(highlightMarkerRef.current);\n    markersGroupRef.current = L.featureGroup(newMarkers);\n    markersGroupRef.current.addTo(mapContainerRef.current);\n  };\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    mapContainerRef.current.closePopup();\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapContainerRef.current);\n    }\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const markers = [];\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const color = OFFSET_WELL_COLOR;\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        const newMarker = L.circleMarker(coords, {\n          radius: r,\n          stroke: false,\n          fill: true,\n          fillOpacity: opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', () => {\n          // Tooltip\n          const tooltipContainer = document.createElement('div');\n          const tootipContent = createElement(toolTip(), { well });\n          ReactDOM.render(tootipContent, tooltipContainer);\n          L.popup().setLatLng(coords).setContent(tooltipContainer).openOn(mapContainerRef.current);\n\n          // Highlight\n          handleMouseOver(markers, coords, r);\n        });\n\n        markers.push(newMarker);\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapContainerRef.current);\n    }\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (mapContainerRef.current && markersGroupRef.current && wells !== prevWells) {\n        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWells]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  subjectWellMarkerSize: PropTypes.number,\n  wellMarkerSize: PropTypes.number,\n  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","RADIUS_CIRCLE_COLOR","METERS_IN_MILE","DEFAULT_SUBJECT_WELL_MARKER_SIZE","DEFAULT_WELL_MARKER_SIZE","OFFSET_WELL_COLOR","DEFAULT_COORDS","toolTip","well","_jsx","color","background","fontSize","lineHeight","get","WellsMap","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","radiusCircleRef","markersGroupRef","highlightMarkerRef","prevWells","usePrevious","subjectWellCoords","useMemo","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","handleMouseOver","markers","coords","r","circleMarker","addEventListener","removeFrom","featureGroup","closePopup","newMarkers","concat","offsetWellIds","id","forEach","isWellSubject","isWellOffset","includes","opacity","newMarker","tooltipContainer","document","createElement","tootipContent","ReactDOM","render","popup","setLatLng","setContent","openOn","push","length","setTimeout","bringToBack","fitBounds","getBounds","styles","mapMain","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"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"}

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

@@ -1 +1,8 @@
-import n from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={mapContainer:"index_mapContainer__MoxG7",mapContainerHidden:"index_mapContainerHidden__b-kgb"};n(".index_mapContainer__MoxG7{margin-top:8px;width:472px}.index_mapContainerHidden__b-kgb{display:none;margin-top:20px}");export{e as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_mapContainer__MoxG7 {\n  margin-top: 8px;\n  width: 472px;\n}\n\n.index_mapContainerHidden__b-kgb {\n  margin-top: 20px;\n  display: none;\n}\n";
+var styles = {"mapContainer":"index_mapContainer__MoxG7","mapContainerHidden":"index_mapContainerHidden__b-kgb"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=index.css.js.map

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

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