npm - @corva/ui - Versions diffs - 3.73.0-7 → 3.73.0-rc.0 - Mend

@corva/ui 3.73.0-7 → 3.73.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1103) hide show

package/cjs-bundle/components/Attachment/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Attachment/index.js"],"sourcesContent":["import { useCallback, useState } 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';\nimport { ImageViewer } from '../../componentsV2/ImageViewer';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsImage, getIsVideo } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main';\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\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.imageDimensions, props.size)}\n alt=\"Attachment\"\n onLoad={props.onImageLoaded}\n />\n <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n <FullSizeIcon />\n </div>\n </div>\n\n {!props.imageDimensions && (\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 src={downloadLink}\n onClose={props.handleLightboxClose}\n onOpen={props.handleLightboxOpen}\n width={props.imageDimensions?.width}\n height={props.imageDimensions?.height}\n />\n )}\n </>\n );\n};\n\nconst FileAttachment = props => {\n const fileName = utils.getFileNameWithExtensionFromPath(props.displayName \|\| props.attachmentUrl);\n\n const previewUrl = useSignedURL(props.attachmentFileName, 'inline');\n const downloadUrl = useSignedURL(props.attachmentFileName, 'attachment');\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={previewUrl}\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={downloadUrl}\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 [imageDimensions, setImageDimensions] = useState(undefined);\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 = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'hidden';\n document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n passive: false,\n });\n }\n }, [preventIOSScroll]);\n\n const handleLightboxClose = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'visible';\n document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n }\n setIsLightboxOpen(false);\n }, [preventIOSScroll]);\n\n const openLightbox = useCallback(() => setIsLightboxOpen(true), []);\n const onImageLoaded = useCallback(e => {\n const { naturalWidth, naturalHeight } = e.currentTarget;\n setImageDimensions({ width: naturalWidth, height: naturalHeight });\n }, []);\n const openPreview = useCallback(() => setIsPreviewOpen(true), []);\n const closePreview = useCallback(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 onImageLoaded={onImageLoaded}\n imageDimensions={imageDimensions}\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":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","_props$imageDimension","_props$imageDimension2","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","jsxs","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","jsx","concat","src","imageDimensions","alt","onLoad","onImageLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","onClose","handleLightboxClose","onOpen","handleLightboxOpen","FileAttachment","fileName","utils","getFileNameWithExtensionFromPath","displayName","previewUrl","downloadUrl","isPreviewUnavailable","getIsPreviewUnavailable","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","disabledPreview","openPreview","UnavailableFileIcon","unavailableFileIcon","FileTypeIcon","cAttachmentFileDownloadWrapperFileIcon","small","titleContainer","caption","cAttachmentFileDownloadWrapperFileName","Typography","variant","noWrap","unavailableFileName","NewDocumentViewer","fileUrl","root","dialogRoot","paper","isNativeDetected","nativeDialog","dialog","fileSize","attachmentSize","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","useState","undefined","_useState2","_slicedToArray","_useState","setImageDimensions","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","currentTarget","naturalWidth","naturalHeight","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","defaultProps","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Attachment/index.js"],"sourcesContent":["import { useCallback, useState } 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';\nimport { ImageViewer } from '../../componentsV2/ImageViewer';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsImage, getIsVideo } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main';\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\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.imageDimensions, props.size)}\n alt=\"Attachment\"\n onLoad={props.onImageLoaded}\n />\n <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n <FullSizeIcon />\n </div>\n </div>\n\n {!props.imageDimensions && (\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 src={downloadLink}\n onClose={props.handleLightboxClose}\n onOpen={props.handleLightboxOpen}\n width={props.imageDimensions?.width}\n height={props.imageDimensions?.height}\n />\n )}\n </>\n );\n};\n\nconst FileAttachment = props => {\n const fileName = utils.getFileNameWithExtensionFromPath(props.displayName \|\| props.attachmentUrl);\n\n const previewUrl = useSignedURL(props.attachmentFileName, 'inline');\n const downloadUrl = useSignedURL(props.attachmentFileName, 'attachment');\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={previewUrl}\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={downloadUrl}\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(rawProps) {\n const {\n displayName = null,\n fileName: attachmentFileName = null,\n attachmentSize = undefined,\n size = SIZES.medium.label,\n small = false,\n ...otherProps\n } = rawProps;\n const props = {\n ...otherProps,\n displayName,\n fileName: attachmentFileName,\n attachmentSize,\n size,\n small,\n };\n\n const [imageDimensions, setImageDimensions] = useState(undefined);\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 = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'hidden';\n document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n passive: false,\n });\n }\n }, [preventIOSScroll]);\n\n const handleLightboxClose = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'visible';\n document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n }\n setIsLightboxOpen(false);\n }, [preventIOSScroll]);\n\n const openLightbox = useCallback(() => setIsLightboxOpen(true), []);\n const onImageLoaded = useCallback(e => {\n const { naturalWidth, naturalHeight } = e.currentTarget;\n setImageDimensions({ width: naturalWidth, height: naturalHeight });\n }, []);\n const openPreview = useCallback(() => setIsPreviewOpen(true), []);\n const closePreview = useCallback(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 onImageLoaded={onImageLoaded}\n imageDimensions={imageDimensions}\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\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","_props$imageDimension","_props$imageDimension2","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","jsxs","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","jsx","concat","src","imageDimensions","alt","onLoad","onImageLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","onClose","handleLightboxClose","onOpen","handleLightboxOpen","FileAttachment","fileName","utils","getFileNameWithExtensionFromPath","displayName","previewUrl","downloadUrl","isPreviewUnavailable","getIsPreviewUnavailable","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","disabledPreview","openPreview","UnavailableFileIcon","unavailableFileIcon","FileTypeIcon","cAttachmentFileDownloadWrapperFileIcon","small","titleContainer","caption","cAttachmentFileDownloadWrapperFileName","Typography","variant","noWrap","unavailableFileName","NewDocumentViewer","fileUrl","root","dialogRoot","paper","isNativeDetected","nativeDialog","dialog","fileSize","attachmentSize","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","rawProps","_rawProps$displayName","_rawProps$fileName","_rawProps$attachmentS","undefined","_rawProps$size","_rawProps$small","_excluded","useState","_useState2","_slicedToArray","_useState","setImageDimensions","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","currentTarget","naturalWidth","naturalHeight","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"uxOAyBA,IAEMA,EAAUC,EAAAA,QAAK,KACfC,EAAUD,EAAAA,QAAK,KAEfE,EACG,CAAEC,MAAO,QAASC,MAAO,KAD5BF,EAEI,CAAEC,MAAO,SAAUC,MAAO,KAG9BC,EAAQ,CACZC,UAAW,SAACC,EAAeC,GAAI,MAAM,CACnCC,SAAU,OACVC,aAAc,EACdC,SAAU,SAGVC,UAAWJ,IAASN,EAAYC,MAAQD,EAAYE,MAAQF,EAAaE,MACzES,QAASN,EAAgB,UAAY,OACrCO,OAAQ,UACR,EACFC,oBAAqB,CACnBC,QAAS,qBACTC,OAA2B,oBAC3BP,aAAc,EACdD,SAAU,IACVS,MAAO,OAETC,iBAAkB,CAChBC,SAAU,WACVC,gBAAiBtB,EACjBW,aAAc,EACdY,UAAW,GACXC,OAAQ,IACRL,MAAO,MA6DLM,EAAkB,SAAAC,GAAS,IAAAC,EAAAC,EACzBC,EAAeC,EAAaJ,EAAMK,qBAAuBL,EAAMM,cAErE,OACEC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SACE,CAAAF,EAAAG,KAAA,MAAA,CAAKC,QAASX,EAAMY,aAAcC,UAAWC,EAAOC,eAAeN,SACjE,CAAAO,EAAAC,IAAA,MAAA,CACE,cAAA,GAAAC,OAtGQ,aAsG0B,UAClCC,IAAKhB,EACLvB,MAAOA,EAAMC,YAAYmB,EAAMoB,gBAAiBpB,EAAMjB,MACtDsC,IAAI,aACJC,OAAQtB,EAAMuB,gBAEhBP,EAAAC,IAAA,MAAA,CAAK,cAAA,GAAAC,OA5GK,aA4G8B,WAACL,UAAWC,EAAOU,wBAAwBf,SACjFO,EAAAA,IAACS,EAAY,QAAA,UAIfzB,EAAMoB,iBACNJ,EAAAA,IAAA,MAAA,CAAKpC,MAAOA,EAAMc,iBAAiBe,SACjCO,MAACU,UAAS,CACR,cAAA,GAAAR,OApHM,aAoHkC,gBACxCL,UAAWb,EAAM2B,QAAQC,cACzBC,UAAWrD,EACXsD,SAAS,YAKd9B,EAAM+B,gBACLf,EAAAA,IAACgB,EAAAA,YAAW,CACVb,IAAKhB,EACL8B,QAASjC,EAAMkC,oBACfC,OAAQnC,EAAMoC,mBACd3C,MAA4B,UAArBO,EAAMoB,uBAAe,IAAAnB,OAAA,EAArBA,EAAuBR,MAC9BK,eAAQE,EAAAA,EAAMoB,oCAANlB,EAAuBJ,WAKzC,EAEMuC,EAAiB,SAAArC,GACrB,IAAMsC,EAAWC,EAAAA,QAAMC,iCAAiCxC,EAAMyC,aAAezC,EAAMM,eAE7EoC,EAAatC,EAAaJ,EAAMK,mBAAoB,UACpDsC,EAAcvC,EAAaJ,EAAMK,mBAAoB,cAErDuC,EAAuBC,0BAAwBP,GAOrD,OACE/B,EAAAA,KAAA,MAAA,CAAKM,UAAWC,EAAOgC,uBAAuBrC,SAC5C,CAAAF,EAAAG,KAAA,MAAA,CACEG,UAAWkC,EAAU,QACnBjC,EAAOkC,+BACPJ,GAAwB5C,EAAM2B,QAAQsB,iBAExCrE,MAAOA,EAAMU,oBACbqB,QAbwB,WACxBiC,GACJ5C,EAAMkD,eAW6BzC,SAE9BmC,CAAAA,EACC5B,EAAAC,IAACkC,sBAAmB,CAACtC,UAAWb,EAAM2B,QAAQyB,sBAE9CpC,MAACqC,EAAY,CACXf,SAAUtC,EAAMyC,aAAezC,EAAMM,cACrCO,UAAWC,EAAOwC,uCAClBvE,KAAMiB,EAAMuD,MAAQ,GAAK,KAG7BhD,EAAAG,KAAA,MAAA,CAAKG,UAAWb,EAAM2B,QAAQ6B,eAAe/C,SAAA,CAC1CmC,GAAwB5B,EAAAC,IAAA,MAAA,CAAKJ,UAAWb,EAAM2B,QAAQ8B,QAAQhD,SAAA,wBAC/DO,EAAAC,IAAA,MAAA,CACE,cAAA,GAAAC,OA5KM,aA4K2B,SACjCL,UAAWkC,EAAU,QACnBjC,EAAO4C,uCACPd,GAAwB5C,EAAM2B,QAAQW,UACtC7B,SAEFO,MAAC2C,aAAU,CAACC,QAAQ,YAAYC,QAAM,EAAChD,UAAWb,EAAM2B,QAAQmC,oBAAoBrD,SACjF6B,SAIPtB,MAAC+C,EAAiB,CAChBC,QAAStB,EACTf,QAAS,CACPsC,KAAMjE,EAAM2B,QAAQuC,WACpBC,MAAOC,EAAgBA,iBAAGpE,EAAM2B,QAAQ0C,aAAerE,EAAM2B,QAAQ2C,QAEvEhC,SAAUA,EACViC,SAAUvE,EAAMwE,eAChBvC,QAASjC,EAAMyE,aACfC,KAAM1E,EAAM2E,mBAGhB3D,EAAAC,IAAA,IAAA,CACE2D,SAAU5E,EAAMyC,YAChBoC,KAAMlC,EACN9B,UAAWC,EAAOgE,mCAAmCrE,SAErDO,MAAC+D,EAAU,CACT,cAAA,GAAA7D,OAzMQ,aAyMmC,mBAC3CL,UAAWb,EAAM2B,QAAQqD,aACzBC,KAAK,SAAQxE,SAEbO,MAACkE,eAAY,CAACnG,KAAM,GAAI8B,UAAWb,EAAM2B,QAAQqD,qBAK3D,EAIA,SAASG,EAAWC,GAClB,IAOIA,EAAAA,EANF3C,YAAAA,aAAc,KAAI4C,EAAAC,EAMhBF,EALF9C,SAAUjC,aAAqB,KAAIiF,EAAAC,EAKjCH,EAJFZ,eAAAA,kBAAiBgB,EAASD,EAAAE,EAIxBL,EAHFrG,KAAAA,OAAON,IAAAA,EAAAA,EAAaC,MAAK+G,EAAAC,EAGvBN,EAFF7B,MAAAA,cAAamC,EAGT1F,mBADFoF,EAAQO,IAEG,GAAA,CACblD,YAAAA,EACAH,SAAUjC,EACVmE,eAAAA,EACAzF,KAAAA,EACAwE,MAAAA,IAG4CqC,EAAAA,EAAQA,cAACJ,GAAUK,EAAAC,EAAAA,QAAAC,EAAA,GAA1D3E,EAAeyE,EAAA,GAAEG,EAAkBH,EAAA,GACED,EAAAA,EAAQA,UAAC,GAAMK,EAAAH,EAAAA,QAAAI,EAAA,GAApDC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GACEL,EAAAA,EAAQA,UAAC,GAAMS,EAAAP,EAAAA,QAAAQ,EAAA,GAAlDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhC/D,EAAWtC,EAAMyC,aAAezC,EAAMM,eAAiBN,EAAMsC,SAC7DmE,EAAUC,aAAWpE,GACrBqE,EAAUC,aAAWtE,GAGrBnC,EAAeC,GAAcJ,EAAMM,eAAiBN,EAAMsC,UAC1DhC,EAAgBN,EAAMM,eAAiBH,EACvC0G,EAAmBC,eAAY,SAAAC,GAAC,OAAIA,EAAEC,gBAAgB,GAAE,IAIxD5E,EAAqB0E,EAAAA,aAAY,WACjC1C,oBAEF6C,SAASC,gBAAgBC,iBAAiB,YAAaN,EAAkB,CACvEO,SAAS,GAGf,GAAG,CAACP,IAEE3E,EAAsB4E,EAAAA,aAAY,WAClC1C,oBAEF6C,SAASC,gBAAgBG,oBAAoB,YAAaR,GAE5DT,GAAkB,EACpB,GAAG,CAACS,IAEEjG,EAAekG,EAAAA,aAAY,WAAA,OAAMV,GAAkB,EAAK,GAAE,IAC1D7E,EAAgBuF,eAAY,SAAAC,GAChC,IAAwCA,EAAAA,EAAEO,cAAlCC,IAAAA,aAAcC,IAAAA,cACtBxB,EAAmB,CAAEvG,MAAO8H,EAAczH,OAAQ0H,GACnD,GAAE,IACGtE,EAAc4D,EAAAA,aAAY,WAAA,OAAMN,GAAiB,EAAK,GAAE,IACxD/B,EAAeqC,eAAY,SAAAC,GAC/BA,EAAEU,kBACFjB,GAAiB,EAClB,GAAE,IAEH,OAAIC,EAEAzF,EAAAC,IAAA,MAAA,CAAKJ,UAAWC,EAAO4G,YAAYjH,SACjCO,MAACjB,EAAe,CACdhB,KAAMiB,EAAMjB,KACZ6B,aAAcA,EACdP,mBAAoBL,EAAMsC,SAC1BhC,cAAeN,EAAMM,cACrBiB,cAAeA,EACfH,gBAAiBA,EACjBW,eAAgBoE,EAChB/D,mBAAoBA,EACpBF,oBAAqBA,EACrBP,QAAS3B,EAAM2B,YAKnBgF,GAAWgB,EAAAA,QAAYC,QAAQtH,GAE/BU,EAAAC,IAAA,MAAA,CAAKJ,UAAWC,EAAO4G,YAAYjH,SACjCO,MAAC2G,UAAW,CACV,cAAA,GAAAzG,OAzSQ,aAyS2B,WACnCL,UAAWC,EAAO+G,uBAClBC,IAAKxH,EACLyH,OAAQ,CAAEC,KAAM,CAAEC,WAAY,CAAEC,QAAS,cACzCC,UAAQ,EACRrI,OAAQE,EAAMjB,OAASN,EAAYC,MAAQD,EAAYE,MAAQF,EAAaE,MAC5Ec,MAAO,SAMbuB,EAAAA,IAAA,MAAA,CAAKH,UAAWC,EAAO4G,YAAYjH,SACjCO,MAACqB,EAAc,CACb/B,cAAeA,EACfD,mBAAoBL,EAAMsC,SAC1BkC,eAAgBxE,EAAMwE,eACtB/B,YAAazC,EAAMyC,YACnBS,YAAaA,EACbuB,aAAcA,EACdE,cAAe4B,EACf5E,QAAS3B,EAAM2B,QACf4B,MAAOvD,EAAMuD,SAIrB,CAEA4B,EAAWiD,UAAY,CACrB9H,cAAe+H,EAAAA,QAAUC,OAAOC,WAChC/D,eAAgB6D,EAAS,QAACG,OAC1B/F,YAAa4F,EAAS,QAACC,OACvBhG,SAAU+F,EAAS,QAACC,OACpBvJ,KAAMsJ,EAAAA,QAAUI,MAAM,CAAChK,EAAYC,MAAOD,EAAaC,QACvDiD,QAAS0G,EAAS,QAACK,MAAM,CAAA,GAAIH,WAC7BhF,MAAO8E,EAAS,QAACM,MAGnB,IAAAC,EAAeC,cAzSG,SAAAC,GAAK,MAAK,CAC1BlH,cAAe,CACbjC,SAAU,WACVoJ,IAAK,MACLC,KAAM,MACNC,UAAW,yBAEb3E,OAAQ,CACN7E,MAAO,MACPK,OAAQ,MACRd,SAAU,OACVW,SAAU,YAEZ0E,aAAc,CACZ5E,MAAO,OACPK,OAAQ,OACRd,SAAU,OACVG,UAAW,OACX+J,OAAQ,GAEVhF,WAAY,CAEVtE,gBAAiB,uBAEnB0C,SAAU,CACRpD,SAAU,SACViK,WAAY,SACZC,aAAc,WACdC,WAAY,KAEdrE,aAAc,CACZsE,MAAOR,EAAMS,QAAQC,QAAQC,OAE/BxG,gBAAiB,CACfrD,gBAAiBkJ,EAAMS,QAAQC,QAAQE,OAEzCtG,oBAAqB,CACnBuG,YAAa,GACbC,SAAU,IAEZpG,eAAgB,CACdpE,QAAS,OACTyK,cAAe,SACfpK,MAAO,QAETgE,QAAS,CACP3B,SAAU,GACVuH,WAAY,IACZ5J,MAAO,eAETqE,oBAAqB,CACnBhC,SAAU,GACVuH,WAAY,KAEf,GAmPcR,CAAsB1D"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/Map.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),t=require("prop-types"),u=require("lodash"),n=require("./Map.css.js"),a=require("../../../../utils/index.js"),l=require("../../../../utils/createAdaptiveRoot.js");require("../../../../config/mapboxGl/index.js");var o=require("../../../../config/mapbox/index.js");require("mapbox-gl/dist/mapbox-gl.css");var i=require("react/jsx-runtime"),c=require("mapbox-gl");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e),f=s(t),p=s(c),m=a.mapbox.isValidCoordinates,v=[29.749907,-95.358421],g="wells-highlight",y={type:"FeatureCollection",features:[]},h=function(e){var r=d.default(e,2),t=r[0];return[r[1],t]};function b(e){var t=e.subjectWell,a=e.wells,c=e.offsetWells,s=e.radius,f=e.subjectWellMarkerSize,b=e.wellMarkerSize,w=e.coordsDataPath,x=r.useRef(null),j=r.useRef(null),S=r.useRef(null),M=r.useRef(null),q=r.useRef(null),C=r.useRef(null),D=r.useRef(),R=r.useState(!1),P=d.default(R,2),F=P[0],W=P[1],k=r.useMemo((function(){return t&&u.get(t,w)}),[t,w]);r.useEffect((function(){if(o.IS_MAPBOX_ENABLED){j.current=new p.default.Map({container:x.current,style:"mapbox://styles/mapbox/dark-v9",center:h(v),zoom:1,attributionControl:!1,scrollZoom:!1}),j.current.addControl(new p.default.NavigationControl({showCompass:!1}),"bottom-right"),j.current.on("load",(function(){j.current.addSource("radius-circle",{type:"geojson",data:y}),j.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),j.current.addSource("wells",{type:"geojson",data:y}),j.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),j.current.addSource(g,{type:"geojson",data:y}),j.current.addLayer({id:g,type:"circle",source:g,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),W(!0)}));var e=j.current;return function(){var r;null===(r=q.current)||void 0===r||r.unmount(),q.current=null,C.current=null,e.remove(),j.current=null,S.current=null}}}),[]),r.useEffect((function(){if(j.current&&F)if(k){var e=function(e,r){for(var t=d.default(e,2),u=t[0],n=t[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,l=[],o=r/(111320*Math.cos(u*Math.PI/180)),i=r/110574,c=0;c<=a;c+=1){var s=c/a*(2*Math.PI);l.push([n+o*Math.cos(s),u+i*Math.sin(s)])}return l}(k,1609.34*s);j.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}})}else j.current.getSource("radius-circle").setData(y)}),[s,k,F]);return r.useEffect((function(){var e;if(j.current&&F){var n=D.current;D.current=a,null===(e=M.current)||void 0===e||e.remove(),j.current.getSource(g).setData(y);var o=c.map((function(e){return e.id})),s=[],d={},v=new p.default.LngLatBounds;a.forEach((function(e){var r=u.get(e,w);if(r&&m(r)){var n=t&&t.id===e.id,a=o.includes(e.id),l=n?f:b,i=n||a?1:.3;d[e.id]=e,v.extend(h(r)),s.push({type:"Feature",geometry:{type:"Point",coordinates:h(r)},properties:{wellId:e.id,radius:l,opacity:i}})}})),j.current.getSource("wells").setData({type:"FeatureCollection",features:s}),S.current=s.length?v:null;var x=j.current,R=null,P=function(e){x.getCanvas().style.cursor="pointer";var t=d[e.features[0].properties.wellId];if(t&&t.id!==R){R=t.id;var n=u.get(t,w);C.current||(C.current=document.createElement("div"),q.current=l.createAdaptiveRoot(C.current)),q.current.render(r.createElement((function(e){var r=e.well;return i.jsx("div",{style:{color:"#fff",background:"##414141"},children:i.jsx("span",{style:{fontSize:"11px",lineHeight:"16px"},children:u.get(r,"name")})})}),{well:t})),M.current||(M.current=new p.default.Popup({closeButton:!1,maxWidth:"none"})),M.current.setLngLat(h(n)).setDOMContent(C.current).addTo(x),function(e,r){j.current.getSource(g).setData({type:"Feature",geometry:{type:"Point",coordinates:h(e)},properties:{radius:3*r}})}(n,e.features[0].properties.radius)}},W=function(){var e;R=null,x.getCanvas().style.cursor="",x.getSource(g).setData(y),null===(e=M.current)||void 0===e||e.remove()},k=function(e){null!=e&&e.point&&x.queryRenderedFeatures(e.point,{layers:[g]}).length||W()};return x.on("mousemove","wells",P),x.on("mouseleave","wells",k),x.on("mouseleave",g,W),setTimeout((function(){j.current&&S.current&&a!==n&&j.current.fitBounds(S.current)}),500),function(){x.off("mousemove","wells",P),x.off("mouseleave","wells",k),x.off("mouseleave",g,W)}}}),[t,a,c,F]),i.jsx("div",{className:n.map,children:i.jsx("div",{className:n.mapMain,ref:x})})}b.propTypes={subjectWell:f.default.shape({id:f.default.number,formation:f.default.string}),wells:f.default.arrayOf(f.default.shape({})).isRequired,offsetWells:f.default.arrayOf(f.default.shape({})),radius:f.default.number.isRequired,subjectWellMarkerSize:f.default.number,wellMarkerSize:f.default.number,coordsDataPath:f.default.string},b.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var w=r.memo(b);module.exports=w;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),t=require("prop-types"),u=require("lodash"),n=require("./Map.css.js"),a=require("../../../../utils/index.js"),l=require("../../../../utils/createAdaptiveRoot.js");require("../../../../config/mapboxGl/index.js");var o=require("../../../../config/mapbox/index.js");require("mapbox-gl/dist/mapbox-gl.css");var i=require("react/jsx-runtime"),c=require("mapbox-gl");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e),f=s(t),p=s(c),v=a.mapbox.isValidCoordinates,m=[29.749907,-95.358421],g="wells-highlight",y={type:"FeatureCollection",features:[]},h=function(e){var r=d.default(e,2),t=r[0];return[r[1],t]};function b(e){var t=e.subjectWell,a=void 0===t?null:t,c=e.wells,s=e.offsetWells,f=void 0===s?null:s,b=e.radius,j=e.subjectWellMarkerSize,S=void 0===j?w:j,q=e.wellMarkerSize,M=void 0===q?x:q,C=e.coordsDataPath,R=void 0===C?"settings.top_hole.coordinates":C,D=r.useRef(null),F=r.useRef(null),P=r.useRef(null),E=r.useRef(null),L=r.useRef(null),W=r.useRef(null),k=r.useRef(),z=r.useState(!1),B=d.default(z,2),A=B[0],I=B[1],N=r.useMemo((function(){return a&&u.get(a,R)}),[a,R]);r.useEffect((function(){if(o.IS_MAPBOX_ENABLED){F.current=new p.default.Map({container:D.current,style:"mapbox://styles/mapbox/dark-v9",center:h(m),zoom:1,attributionControl:!1,scrollZoom:!1}),F.current.addControl(new p.default.NavigationControl({showCompass:!1}),"bottom-right"),F.current.on("load",(function(){F.current.addSource("radius-circle",{type:"geojson",data:y}),F.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),F.current.addSource("wells",{type:"geojson",data:y}),F.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),F.current.addSource(g,{type:"geojson",data:y}),F.current.addLayer({id:g,type:"circle",source:g,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),I(!0)}));var e=F.current;return function(){var r;null===(r=L.current)||void 0===r||r.unmount(),L.current=null,W.current=null,e.remove(),F.current=null,P.current=null}}}),[]),r.useEffect((function(){if(F.current&&A)if(N){var e=function(e,r){for(var t=d.default(e,2),u=t[0],n=t[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,l=[],o=r/(111320*Math.cos(u*Math.PI/180)),i=r/110574,c=0;c<=a;c+=1){var s=c/a*(2*Math.PI);l.push([n+o*Math.cos(s),u+i*Math.sin(s)])}return l}(N,1609.34*b);F.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}})}else F.current.getSource("radius-circle").setData(y)}),[b,N,A]);return r.useEffect((function(){var e;if(F.current&&A){var t=k.current;k.current=c,null===(e=E.current)||void 0===e||e.remove(),F.current.getSource(g).setData(y);var n=f.map((function(e){return e.id})),o=[],s={},d=new p.default.LngLatBounds;c.forEach((function(e){var r=u.get(e,R);if(r&&v(r)){var t=a&&a.id===e.id,l=n.includes(e.id),i=t?S:M,c=t||l?1:.3;s[e.id]=e,d.extend(h(r)),o.push({type:"Feature",geometry:{type:"Point",coordinates:h(r)},properties:{wellId:e.id,radius:i,opacity:c}})}})),F.current.getSource("wells").setData({type:"FeatureCollection",features:o}),P.current=o.length?d:null;var m=F.current,b=null,w=function(e){m.getCanvas().style.cursor="pointer";var t=s[e.features[0].properties.wellId];if(t&&t.id!==b){b=t.id;var n=u.get(t,R);W.current||(W.current=document.createElement("div"),L.current=l.createAdaptiveRoot(W.current)),L.current.render(r.createElement((function(e){var r=e.well;return i.jsx("div",{style:{color:"#fff",background:"##414141"},children:i.jsx("span",{style:{fontSize:"11px",lineHeight:"16px"},children:u.get(r,"name")})})}),{well:t})),E.current||(E.current=new p.default.Popup({closeButton:!1,maxWidth:"none"})),E.current.setLngLat(h(n)).setDOMContent(W.current).addTo(m),function(e,r){F.current.getSource(g).setData({type:"Feature",geometry:{type:"Point",coordinates:h(e)},properties:{radius:3*r}})}(n,e.features[0].properties.radius)}},x=function(){var e;b=null,m.getCanvas().style.cursor="",m.getSource(g).setData(y),null===(e=E.current)||void 0===e||e.remove()},j=function(e){null!=e&&e.point&&m.queryRenderedFeatures(e.point,{layers:[g]}).length||x()};return m.on("mousemove","wells",w),m.on("mouseleave","wells",j),m.on("mouseleave",g,x),setTimeout((function(){F.current&&P.current&&c!==t&&F.current.fitBounds(P.current)}),500),function(){m.off("mousemove","wells",w),m.off("mouseleave","wells",j),m.off("mouseleave",g,x)}}}),[a,c,f,A]),i.jsx("div",{className:n.map,children:i.jsx("div",{className:n.mapMain,ref:D})})}b.propTypes={subjectWell:f.default.shape({id:f.default.number,formation:f.default.string}),wells:f.default.arrayOf(f.default.shape({})).isRequired,offsetWells:f.default.arrayOf(f.default.shape({})),radius:f.default.number.isRequired,subjectWellMarkerSize:f.default.number,wellMarkerSize:f.default.number,coordsDataPath:f.default.string};var w=8,x=5,j=r.memo(b);module.exports=j;
 //# sourceMappingURL=Map.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/Map.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\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 RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst HIGHLIGHT_ID = 'wells-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n const ring = [];\n const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const distanceY = radiusMeters / 110574;\n for (let i = 0; i <= points; i += 1) {\n const theta = (i / points) * (2 * Math.PI);\n ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n }\n return ring;\n};\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 mapRef = useRef(null);\n const markersBoundsRef = useRef(null);\n const popupRef = useRef(null);\n const tooltipRootRef = useRef(null);\n const tooltipContainerRef = useRef(null);\n const prevWellsRef = useRef();\n const [isMapReady, setIsMapReady] = useState(false);\n\n const subjectWellCoords = useMemo(() => {\n return subjectWell && get(subjectWell, coordsDataPath);\n }, [subjectWell, coordsDataPath]);\n\n // NOTE: Initialize map\n useEffect(() => {\n if (!IS_MAPBOX_ENABLED) return undefined;\n\n mapRef.current = new mapboxgl.Map({\n container: mapContainerRef.current,\n style: 'mapbox://styles/mapbox/dark-v9',\n center: toLngLat(DEFAULT_COORDS),\n zoom: 1,\n attributionControl: false,\n scrollZoom: false,\n });\n\n mapRef.current.addControl(\n new mapboxgl.NavigationControl({ showCompass: false }),\n 'bottom-right'\n );\n\n // NOTE: Sources/layers can only be added once the style has loaded.\n // The radius circle layer is added first so well markers render above it (was bringToBack),\n // and the hover highlight layer last so it renders on top of the markers\n mapRef.current.on('load', () => {\n mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n type: 'geojson',\n data: EMPTY_FEATURE_COLLECTION,\n });\n mapRef.current.addLayer({\n id: RADIUS_CIRCLE_ID,\n type: 'fill',\n source: RADIUS_CIRCLE_ID,\n paint: {\n 'fill-color': RADIUS_CIRCLE_COLOR,\n 'fill-opacity': 0.2,\n },\n });\n\n mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n mapRef.current.addLayer({\n id: WELLS_ID,\n type: 'circle',\n source: WELLS_ID,\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': OFFSET_WELL_COLOR,\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n\n mapRef.current.addSource(HIGHLIGHT_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n mapRef.current.addLayer({\n id: HIGHLIGHT_ID,\n type: 'circle',\n source: HIGHLIGHT_ID,\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': OFFSET_WELL_COLOR,\n 'circle-opacity': 0.2,\n },\n });\n\n setIsMapReady(true);\n });\n\n const map = mapRef.current;\n return () => {\n tooltipRootRef.current?.unmount();\n tooltipRootRef.current = null;\n tooltipContainerRef.current = null;\n\n map.remove();\n mapRef.current = null;\n markersBoundsRef.current = null;\n };\n }, []);\n\n // NOTE: Radius circle\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady) {\n return;\n }\n\n if (!subjectWellCoords) {\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n return;\n }\n\n const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n type: 'Feature',\n geometry: { type: 'Polygon', coordinates: [ring] },\n });\n }, [radius, subjectWellCoords, isMapReady]);\n\n const handleMouseOver = (coords, r) => {\n // Highlight the hovered well with a bigger translucent circle\n mapRef.current.getSource(HIGHLIGHT_ID).setData({\n type: 'Feature',\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: { radius: r * 3 },\n });\n };\n\n // NOTE: Well markers\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady) {\n return undefined;\n }\n\n const prevWells = prevWellsRef.current;\n prevWellsRef.current = wells;\n\n popupRef.current?.remove();\n mapRef.current.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n\n const offsetWellIds = offsetWells.map(well => well.id);\n\n const features = [];\n const wellsById = {};\n const bounds = new mapboxgl.LngLatBounds();\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 opacity = isWellSubject \|\| isWellOffset ? 1 : 0.3;\n\n wellsById[well.id] = well;\n bounds.extend(toLngLat(coords));\n features.push({\n type: 'Feature',\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: { wellId: well.id, radius: r, opacity },\n });\n }\n });\n\n mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n markersBoundsRef.current = features.length ? bounds : null;\n\n const map = mapRef.current;\n let hoveredWellId = null;\n\n const handleMouseMove = e => {\n map.getCanvas().style.cursor = 'pointer';\n\n const well = wellsById[e.features[0].properties.wellId];\n if (!well \|\| well.id === hoveredWellId) {\n return;\n }\n hoveredWellId = well.id;\n\n const coords = get(well, coordsDataPath);\n\n // Tooltip\n if (!tooltipContainerRef.current) {\n tooltipContainerRef.current = document.createElement('div');\n tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n }\n tooltipRootRef.current.render(createElement(toolTip(), { well }));\n\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n }\n popupRef.current\n .setLngLat(toLngLat(coords))\n .setDOMContent(tooltipContainerRef.current)\n .addTo(map);\n\n // Highlight\n handleMouseOver(coords, e.features[0].properties.radius);\n };\n\n // NOTE: was the mouseout handler of the Leaflet highlight marker\n const handleHighlightMouseLeave = () => {\n hoveredWellId = null;\n map.getCanvas().style.cursor = '';\n map.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n popupRef.current?.remove();\n };\n\n // NOTE: If the pointer exits before the highlight renders under it, the highlight\n // layer never emits mouseleave — clear here unless the cursor is inside the highlight\n const handleWellsMouseLeave = e => {\n if (e?.point && map.queryRenderedFeatures(e.point, { layers: [HIGHLIGHT_ID] }).length) {\n return;\n }\n handleHighlightMouseLeave();\n };\n\n map.on('mousemove', WELLS_ID, handleMouseMove);\n map.on('mouseleave', WELLS_ID, handleWellsMouseLeave);\n map.on('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n\n setTimeout(() => {\n if (mapRef.current && markersBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(markersBoundsRef.current);\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_ID, handleMouseMove);\n map.off('mouseleave', WELLS_ID, handleWellsMouseLeave);\n map.off('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n };\n }, [subjectWell, wells, offsetWells, isMapReady]);\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","DEFAULT_COORDS","HIGHLIGHT_ID","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref6","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","mapRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","map","_tooltipRootRef$curre","unmount","remove","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","getSource","setData","geometry","coordinates","_popupRef$current","prevWells","offsetWellIds","well","wellsById","bounds","LngLatBounds","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","extend","properties","wellId","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","document","createElement","createAdaptiveRoot","render","_ref5","_jsx","color","background","children","jsx","fontSize","lineHeight","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseOver","handleHighlightMouseLeave","_popupRef$current2","handleWellsMouseLeave","point","queryRenderedFeatures","layers","setTimeout","fitBounds","off","className","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Map.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\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 RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst HIGHLIGHT_ID = 'wells-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n const ring = [];\n const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const distanceY = radiusMeters / 110574;\n for (let i = 0; i <= points; i += 1) {\n const theta = (i / points) * (2 * Math.PI);\n ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n }\n return ring;\n};\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 = null,\n wells,\n offsetWells = null,\n radius,\n subjectWellMarkerSize = DEFAULT_WELLS_MAP_SUBJECT_WELL_MARKER_SIZE,\n wellMarkerSize = DEFAULT_WELLS_MAP_WELL_MARKER_SIZE,\n coordsDataPath = 'settings.top_hole.coordinates',\n}) {\n const mapContainerRef = useRef(null);\n const mapRef = useRef(null);\n const markersBoundsRef = useRef(null);\n const popupRef = useRef(null);\n const tooltipRootRef = useRef(null);\n const tooltipContainerRef = useRef(null);\n const prevWellsRef = useRef();\n const [isMapReady, setIsMapReady] = useState(false);\n\n const subjectWellCoords = useMemo(() => {\n return subjectWell && get(subjectWell, coordsDataPath);\n }, [subjectWell, coordsDataPath]);\n\n // NOTE: Initialize map\n useEffect(() => {\n if (!IS_MAPBOX_ENABLED) return undefined;\n\n mapRef.current = new mapboxgl.Map({\n container: mapContainerRef.current,\n style: 'mapbox://styles/mapbox/dark-v9',\n center: toLngLat(DEFAULT_COORDS),\n zoom: 1,\n attributionControl: false,\n scrollZoom: false,\n });\n\n mapRef.current.addControl(\n new mapboxgl.NavigationControl({ showCompass: false }),\n 'bottom-right'\n );\n\n // NOTE: Sources/layers can only be added once the style has loaded.\n // The radius circle layer is added first so well markers render above it (was bringToBack),\n // and the hover highlight layer last so it renders on top of the markers\n mapRef.current.on('load', () => {\n mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n type: 'geojson',\n data: EMPTY_FEATURE_COLLECTION,\n });\n mapRef.current.addLayer({\n id: RADIUS_CIRCLE_ID,\n type: 'fill',\n source: RADIUS_CIRCLE_ID,\n paint: {\n 'fill-color': RADIUS_CIRCLE_COLOR,\n 'fill-opacity': 0.2,\n },\n });\n\n mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n mapRef.current.addLayer({\n id: WELLS_ID,\n type: 'circle',\n source: WELLS_ID,\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': OFFSET_WELL_COLOR,\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n\n mapRef.current.addSource(HIGHLIGHT_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n mapRef.current.addLayer({\n id: HIGHLIGHT_ID,\n type: 'circle',\n source: HIGHLIGHT_ID,\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': OFFSET_WELL_COLOR,\n 'circle-opacity': 0.2,\n },\n });\n\n setIsMapReady(true);\n });\n\n const map = mapRef.current;\n return () => {\n tooltipRootRef.current?.unmount();\n tooltipRootRef.current = null;\n tooltipContainerRef.current = null;\n\n map.remove();\n mapRef.current = null;\n markersBoundsRef.current = null;\n };\n }, []);\n\n // NOTE: Radius circle\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady) {\n return;\n }\n\n if (!subjectWellCoords) {\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n return;\n }\n\n const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n type: 'Feature',\n geometry: { type: 'Polygon', coordinates: [ring] },\n });\n }, [radius, subjectWellCoords, isMapReady]);\n\n const handleMouseOver = (coords, r) => {\n // Highlight the hovered well with a bigger translucent circle\n mapRef.current.getSource(HIGHLIGHT_ID).setData({\n type: 'Feature',\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: { radius: r * 3 },\n });\n };\n\n // NOTE: Well markers\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady) {\n return undefined;\n }\n\n const prevWells = prevWellsRef.current;\n prevWellsRef.current = wells;\n\n popupRef.current?.remove();\n mapRef.current.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n\n const offsetWellIds = offsetWells.map(well => well.id);\n\n const features = [];\n const wellsById = {};\n const bounds = new mapboxgl.LngLatBounds();\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 opacity = isWellSubject \|\| isWellOffset ? 1 : 0.3;\n\n wellsById[well.id] = well;\n bounds.extend(toLngLat(coords));\n features.push({\n type: 'Feature',\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: { wellId: well.id, radius: r, opacity },\n });\n }\n });\n\n mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n markersBoundsRef.current = features.length ? bounds : null;\n\n const map = mapRef.current;\n let hoveredWellId = null;\n\n const handleMouseMove = e => {\n map.getCanvas().style.cursor = 'pointer';\n\n const well = wellsById[e.features[0].properties.wellId];\n if (!well \|\| well.id === hoveredWellId) {\n return;\n }\n hoveredWellId = well.id;\n\n const coords = get(well, coordsDataPath);\n\n // Tooltip\n if (!tooltipContainerRef.current) {\n tooltipContainerRef.current = document.createElement('div');\n tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n }\n tooltipRootRef.current.render(createElement(toolTip(), { well }));\n\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n }\n popupRef.current\n .setLngLat(toLngLat(coords))\n .setDOMContent(tooltipContainerRef.current)\n .addTo(map);\n\n // Highlight\n handleMouseOver(coords, e.features[0].properties.radius);\n };\n\n // NOTE: was the mouseout handler of the Leaflet highlight marker\n const handleHighlightMouseLeave = () => {\n hoveredWellId = null;\n map.getCanvas().style.cursor = '';\n map.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n popupRef.current?.remove();\n };\n\n // NOTE: If the pointer exits before the highlight renders under it, the highlight\n // layer never emits mouseleave — clear here unless the cursor is inside the highlight\n const handleWellsMouseLeave = e => {\n if (e?.point && map.queryRenderedFeatures(e.point, { layers: [HIGHLIGHT_ID] }).length) {\n return;\n }\n handleHighlightMouseLeave();\n };\n\n map.on('mousemove', WELLS_ID, handleMouseMove);\n map.on('mouseleave', WELLS_ID, handleWellsMouseLeave);\n map.on('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n\n setTimeout(() => {\n if (mapRef.current && markersBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(markersBoundsRef.current);\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_ID, handleMouseMove);\n map.off('mouseleave', WELLS_ID, handleWellsMouseLeave);\n map.off('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n };\n }, [subjectWell, wells, offsetWells, isMapReady]);\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\nconst DEFAULT_WELLS_MAP_SUBJECT_WELL_MARKER_SIZE = DEFAULT_SUBJECT_WELL_MARKER_SIZE;\nconst DEFAULT_WELLS_MAP_WELL_MARKER_SIZE = DEFAULT_WELL_MARKER_SIZE;\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","HIGHLIGHT_ID","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref6","_ref6$subjectWell","subjectWell","wells","_ref6$offsetWells","offsetWells","radius","_ref6$subjectWellMark","subjectWellMarkerSize","DEFAULT_WELLS_MAP_SUBJECT_WELL_MARKER_SIZE","_ref6$wellMarkerSize","wellMarkerSize","DEFAULT_WELLS_MAP_WELL_MARKER_SIZE","_ref6$coordsDataPath","coordsDataPath","mapContainerRef","useRef","mapRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","map","_tooltipRootRef$curre","unmount","remove","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","getSource","setData","geometry","coordinates","_popupRef$current","prevWells","offsetWellIds","well","wellsById","bounds","LngLatBounds","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","extend","properties","wellId","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","document","createElement","createAdaptiveRoot","render","_ref5","_jsx","color","background","children","jsx","fontSize","lineHeight","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseOver","handleHighlightMouseLeave","_popupRef$current2","handleWellsMouseLeave","point","queryRenderedFeatures","layers","setTimeout","fitBounds","off","className","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","memo"],"mappings":"giBAYQA,EAAuBC,EAAMA,OAA7BD,mBAQFE,EAAiB,CAAC,WAAY,WAI9BC,EAAe,kBACfC,EAA2B,CAAEC,KAAM,oBAAqBC,SAAU,IAElEC,EAAW,SAAHC,GAAA,IAAAC,EAAAC,EAAAA,QAAAF,EAAA,GAAKG,EAAGF,EAAA,GAAK,MAAM,CAANA,EAAA,GAAYE,EAAI,EA0B3C,SAASC,EAQNC,GAAA,IAAAC,EAAAD,EAPDE,YAAAA,aAAc,KAAID,EAClBE,IAAAA,MAAKC,EAAAJ,EACLK,YAAAA,aAAc,KAAID,EAClBE,IAAAA,OAAMC,EAAAP,EACNQ,sBAAAA,aAAwBC,EAA0CF,EAAAG,EAAAV,EAClEW,eAAAA,aAAiBC,EAAkCF,EAAAG,EAAAb,EACnDc,eAAAA,aAAiB,gCAA+BD,EAE1CE,EAAkBC,SAAO,MACzBC,EAASD,SAAO,MAChBE,EAAmBF,SAAO,MAC1BG,EAAWH,SAAO,MAClBI,EAAiBJ,SAAO,MACxBK,EAAsBL,SAAO,MAC7BM,EAAeN,EAAAA,SACeO,EAAAA,EAAQA,UAAC,GAAMC,EAAA3B,EAAAA,QAAA4B,EAAA,GAA5CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAE1BI,EAAoBC,EAAAA,SAAQ,WAChC,OAAO3B,GAAe4B,EAAAA,IAAI5B,EAAaY,EACzC,GAAG,CAACZ,EAAaY,IAGjBiB,EAAAA,WAAU,WACR,GAAKC,EAAAA,kBAAL,CAEAf,EAAOgB,QAAU,IAAIC,EAAQ,QAACC,IAAI,CAChCC,UAAWrB,EAAgBkB,QAC3BI,MAAO,iCACPC,OAAQ5C,EAASL,GACjBkD,KAAM,EACNC,oBAAoB,EACpBC,YAAY,IAGdxB,EAAOgB,QAAQS,WACb,IAAIR,EAAAA,QAASS,kBAAkB,CAAEC,aAAa,IAC9C,gBAMF3B,EAAOgB,QAAQY,GAAG,QAAQ,WACxB5B,EAAOgB,QAAQa,UA3EI,gBA2EwB,CACzCtD,KAAM,UACNuD,KAAMxD,IAER0B,EAAOgB,QAAQe,SAAS,CACtBC,GAhFiB,gBAiFjBzD,KAAM,OACN0D,OAlFiB,gBAmFjBC,MAAO,CACL,aA5FkB,UA6FlB,eAAgB,MAIpBlC,EAAOgB,QAAQa,UAxFJ,QAwFwB,CAAEtD,KAAM,UAAWuD,KAAMxD,IAC5D0B,EAAOgB,QAAQe,SAAS,CACtBC,GA1FS,QA2FTzD,KAAM,SACN0D,OA5FS,QA6FTC,MAAO,CACL,gBAAiB,CAAC,MAAO,UACzB,eApGgB,UAqGhB,iBAAkB,CAAC,MAAO,cAI9BlC,EAAOgB,QAAQa,UAAUxD,EAAc,CAAEE,KAAM,UAAWuD,KAAMxD,IAChE0B,EAAOgB,QAAQe,SAAS,CACtBC,GAAI3D,EACJE,KAAM,SACN0D,OAAQ5D,EACR6D,MAAO,CACL,gBAAiB,CAAC,MAAO,UACzB,eAhHgB,UAiHhB,iBAAkB,MAItBxB,GAAc,EAChB,IAEA,IAAMyB,EAAMnC,EAAOgB,QACnB,OAAO,WAAM,IAAAoB,EACX,QAAAA,EAAAjC,EAAea,eAAf,IAAAoB,GAAAA,EAAwBC,UACxBlC,EAAea,QAAU,KACzBZ,EAAoBY,QAAU,KAE9BmB,EAAIG,SACJtC,EAAOgB,QAAU,KACjBf,EAAiBe,QAAU,KArEW,CAuEzC,GAAE,IAGHF,EAAAA,WAAU,WACR,GAAKd,EAAOgB,SAAYP,EAIxB,GAAKE,EAAL,CAKA,IAAM4B,EAnIgB,SAAHC,EAAgBC,GAIrC,IAJmE,IAAAC,EAAA9D,EAAAA,QAAA4D,EAAA,GAAzC3D,EAAG6D,EAAA,GAAEC,EAAGD,EAAA,GAAiBE,yDAAS,GACtDL,EAAO,GACPM,EAAYJ,GAAgB,OAASK,KAAKC,IAAKlE,EAAMiE,KAAKE,GAAM,MAChEC,EAAYR,EAAe,OACxBS,EAAI,EAAGA,GAAKN,EAAQM,GAAK,EAAG,CACnC,IAAMC,EAASD,EAAIN,GAAW,EAAIE,KAAKE,IACvCT,EAAKa,KAAK,CAACT,EAAME,EAAYC,KAAKC,IAAII,GAAQtE,EAAMoE,EAAYH,KAAKO,IAAIF,IAC3E,CACA,OAAOZ,CACT,CA0HiBe,CAAkB3C,EAlJZ,QAkJ+BtB,GAClDW,EAAOgB,QAAQuC,UA5IM,iBA4IsBC,QAAQ,CACjDjF,KAAM,UACNkF,SAAU,CAAElF,KAAM,UAAWmF,YAAa,CAACnB,KAL7C,MAFEvC,EAAOgB,QAAQuC,UAvII,iBAuIwBC,QAAQlF,EAStD,GAAE,CAACe,EAAQsB,EAAmBF,IAqH/B,OAzGAK,EAAAA,WAAU,WAAM,IAAA6C,EACd,GAAK3D,EAAOgB,SAAYP,EAAxB,CAIA,IAAMmD,EAAYvD,EAAaW,QAC/BX,EAAaW,QAAU9B,EAEvB,QAAAyE,EAAAzD,EAASc,eAAT,IAAA2C,GAAAA,EAAkBrB,SAClBtC,EAAOgB,QAAQuC,UAAUlF,GAAcmF,QAAQlF,GAE/C,IAAMuF,EAAgBzE,EAAY+C,KAAI,SAAA2B,GAAI,OAAIA,EAAK9B,MAE7CxD,EAAW,GACXuF,EAAY,CAAA,EACZC,EAAS,IAAI/C,UAASgD,aAC5B/E,EAAMgF,SAAQ,SAAAJ,GACZ,IAAMK,EAAStD,EAAAA,IAAIiD,EAAMjE,GAEzB,GAAIsE,GAAUjG,EAAmBiG,GAAS,CACxC,IAAMC,EAAgBnF,GAAeA,EAAY+C,KAAO8B,EAAK9B,GACvDqC,EAAeR,EAAcS,SAASR,EAAK9B,IAC3CuC,EAAIH,EAAgB7E,EAAwBG,EAC5C8E,EAAUJ,GAAiBC,EAAe,EAAI,GAEpDN,EAAUD,EAAK9B,IAAM8B,EACrBE,EAAOS,OAAOhG,EAAS0F,IACvB3F,EAAS4E,KAAK,CACZ7E,KAAM,UACNkF,SAAU,CAAElF,KAAM,QAASmF,YAAajF,EAAS0F,IACjDO,WAAY,CAAEC,OAAQb,EAAK9B,GAAI3C,OAAQkF,EAAGC,QAAAA,IAE9C,CACF,IAEAxE,EAAOgB,QAAQuC,UA9LF,SA8LsBC,QAAQ,CAAEjF,KAAM,oBAAqBC,SAAAA,IACxEyB,EAAiBe,QAAUxC,EAASoG,OAASZ,EAAS,KAEtD,IAAM7B,EAAMnC,EAAOgB,QACf6D,EAAgB,KAEdC,EAAkB,SAAAC,GACtB5C,EAAI6C,YAAY5D,MAAM6D,OAAS,UAE/B,IAAMnB,EAAOC,EAAUgB,EAAEvG,SAAS,GAAGkG,WAAWC,QAChD,GAAKb,GAAQA,EAAK9B,KAAO6C,EAAzB,CAGAA,EAAgBf,EAAK9B,GAErB,IAAMmC,EAAStD,EAAAA,IAAIiD,EAAMjE,GAGpBO,EAAoBY,UACvBZ,EAAoBY,QAAUkE,SAASC,cAAc,OACrDhF,EAAea,QAAUoE,EAAAA,mBAAmBhF,EAAoBY,UAElEb,EAAea,QAAQqE,OAAOF,EAAaA,eAlMpC,SAGGG,GAAA,IAAXxB,IAAAA,KACD,OACEyB,EAAAA,IAAA,MAAA,CAAKnE,MAAO,CAAEoE,MAAO,OAAQC,WAAY,YAAaC,SACpDH,EAAAI,IAAA,OAAA,CAAMvE,MAAO,CAAEwE,SAAU,OAAQC,WAAY,QAASH,SAAE7E,EAAAA,IAAIiD,EAAM,WAGvE,GAyL0D,CAAEA,KAAAA,KAEpD5D,EAASc,UACZd,EAASc,QAAU,IAAIC,EAAQ,QAAC6E,MAAM,CAAEC,aAAa,EAAOC,SAAU,UAExE9F,EAASc,QACNiF,UAAUxH,EAAS0F,IACnB+B,cAAc9F,EAAoBY,SAClCmF,MAAMhE,GA3EW,SAACgC,EAAQI,GAE/BvE,EAAOgB,QAAQuC,UAAUlF,GAAcmF,QAAQ,CAC7CjF,KAAM,UACNkF,SAAU,CAAElF,KAAM,QAASmF,YAAajF,EAAS0F,IACjDO,WAAY,CAAErF,OAAY,EAAJkF,KAyEtB6B,CAAgBjC,EAAQY,EAAEvG,SAAS,GAAGkG,WAAWrF,OArBjD,GAyBIgH,EAA4B,WAAM,IAAAC,EACtCzB,EAAgB,KAChB1C,EAAI6C,YAAY5D,MAAM6D,OAAS,GAC/B9C,EAAIoB,UAAUlF,GAAcmF,QAAQlF,GACpC,QAAAgI,EAAApG,EAASc,eAAT,IAAAsF,GAAAA,EAAkBhE,UAKdiE,EAAwB,SAAAxB,GACxBA,SAAAA,EAAGyB,OAASrE,EAAIsE,sBAAsB1B,EAAEyB,MAAO,CAAEE,OAAQ,CAACrI,KAAiBuG,QAG/EyB,KAaF,OAVAlE,EAAIP,GAAG,YAnPM,QAmPiBkD,GAC9B3C,EAAIP,GAAG,aApPM,QAoPkB2E,GAC/BpE,EAAIP,GAAG,aAAcvD,EAAcgI,GAEnCM,YAAW,WACL3G,EAAOgB,SAAWf,EAAiBe,SAAW9B,IAAU0E,GAC1D5D,EAAOgB,QAAQ4F,UAAU3G,EAAiBe,QAE7C,GAAE,KAEI,WACLmB,EAAI0E,IAAI,YA9PG,QA8PoB/B,GAC/B3C,EAAI0E,IAAI,aA/PG,QA+PqBN,GAChCpE,EAAI0E,IAAI,aAAcxI,EAAcgI,GAlGtC,CAoGD,GAAE,CAACpH,EAAaC,EAAOE,EAAaqB,IAGnC8E,EAAAA,IAAA,MAAA,CAAKuB,UAAWC,EAAO5E,IAAIuD,SACzBH,EAAAI,IAAA,MAAA,CAAKmB,UAAWC,EAAOC,QAASC,IAAKnH,KAG3C,CAEAhB,EAASoI,UAAY,CACnBjI,YAAakI,EAAS,QAACC,MAAM,CAC3BpF,GAAImF,EAAS,QAACE,OACdC,UAAWH,EAAS,QAACI,SAEvBrI,MAAOiI,EAAS,QAACK,QAAQL,EAAAA,QAAUC,MAAM,CAAA,IAAKK,WAC9CrI,YAAa+H,EAAS,QAACK,QAAQL,EAAS,QAACC,MAAM,CAAE,IACjD/H,OAAQ8H,EAAAA,QAAUE,OAAOI,WACzBlI,sBAAuB4H,EAAS,QAACE,OACjC3H,eAAgByH,EAAS,QAACE,OAC1BxH,eAAgBsH,EAAS,QAACI,QAG5B,IAAM/H,EA/RmC,EAgSnCG,EA/R2B,EAiSlB+H,EAAAA,EAAAA,KAAK5I"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),a=require("prop-types"),r=require("classnames"),s=require("./Map.js"),l=require("./index.css.js"),t=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(a),i=u(r);function o(e){var a=e.subjectWell,r=e.wells,u=e.offsetWells,d=e.radius,o=e.mapHidden,f=i.default(l.mapContainer,o&&l.mapContainerHidden);return t.jsx("div",{className:f,children:t.jsx(s,{subjectWell:a,wells:r,offsetWells:u,radius:d,coordsDataPath:"topHole.coordinates"})})}o.propTypes={subjectWell:d.default.shape({}),wells:d.default.arrayOf(d.default.shape({})).isRequired,offsetWells:d.default.arrayOf(d.default.shape({})).isRequired,radius:d.default.number,mapHidden:d.default.bool},o.defaultProps={subjectWell:null,radius:5,mapHidden:!1};var f=e.memo(o);module.exports=f;
+"use strict";var e=require("react"),r=require("prop-types"),a=require("classnames"),s=require("./Map.js"),l=require("./index.css.js"),t=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(r),i=u(a);function o(e){var r=e.subjectWell,a=void 0===r?null:r,u=e.wells,d=e.offsetWells,o=e.radius,f=void 0===o?5:o,n=e.mapHidden,p=void 0!==n&&n,c=i.default(l.mapContainer,p&&l.mapContainerHidden);return t.jsx("div",{className:c,children:t.jsx(s,{subjectWell:a,wells:u,offsetWells:d,radius:f,coordsDataPath:"topHole.coordinates"})})}o.propTypes={subjectWell:d.default.shape({}),wells:d.default.arrayOf(d.default.shape({})).isRequired,offsetWells:d.default.arrayOf(d.default.shape({})).isRequired,radius:d.default.number,mapHidden:d.default.bool};var f=e.memo(o);module.exports=f;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/Map/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Map from './Map';\n\nimport styles from './index.css';\n\nfunction MapContainer({ subjectWell, wells, offsetWells, radius, mapHidden }) {\n const containerClass = classNames(styles.mapContainer, mapHidden && styles.mapContainerHidden);\n\n return (\n <div className={containerClass}>\n <Map\n subjectWell={subjectWell}\n wells={wells}\n offsetWells={offsetWells}\n radius={radius}\n coordsDataPath=\"topHole.coordinates\"\n />\n </div>\n );\n}\n\nMapContainer.propTypes = {\n subjectWell: PropTypes.shape({}),\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n radius: PropTypes.number,\n mapHidden: PropTypes.bool,\n};\n\~~nMapContainer.defaultProps = {\n subjectWell: null,\n radius: 5,\n mapHidden: false,\n};\n\~~nexport default memo(MapContainer);\n"],"names":["MapContainer","_ref","subjectWell","wells","offsetWells","radius","mapHidden","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","className","children","Map","coordsDataPath","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","~~defaultProps","~~memo"],"mappings":"+PAQA,SAASA,~~EAAqEC~~,GAAA,~~IAAtDC~~,~~IAAAA~~,~~YAAaC~~,IAAAA,MAAOC,IAAAA,~~YAAaC~~,~~IAAAA~~,~~OAAQC~~,~~IAAAA~~,~~UACzDC~~,EAAiBC,EAAAA,QAAWC,EAAOC,aAAcJ,GAAaG,EAAOE,oBAE3E,OACEC,EAAAA,IAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,MAACG,EAAG,~~CACFb~~,YAAaA,EACbC,MAAOA,EACPC,YAAaA,~~EACbC~~,OAAQA,~~EACRW~~,eAAe,yBAIvB,~~CAEAhB~~,~~EAAaiB~~,UAAY,~~CACvBf~~,~~YAAagB~~,EAAAA,QAAUC,MAAM,~~IAC7BhB~~,~~MAAOe~~,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,~~WAC9CjB~~,~~YAAac~~,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,~~WACpDhB~~,~~OAAQa~~,EAAS,QAACI,OAClBhB,UAAWY,EAAS,QAACK,~~MAGvBvB~~,~~EAAawB~~,~~aAAe,CAC1BtB,YAAa,KACbG,OAAQ,EACRC,WAAW,GAGb,IAAemB,~~EAAAA,EAAAA,~~KAAKzB~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/Map/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Map from './Map';\n\nimport styles from './index.css';\n\nfunction MapContainer({ subjectWell = null, wells, offsetWells, radius = 5, mapHidden = false }) {\n const containerClass = classNames(styles.mapContainer, mapHidden && styles.mapContainerHidden);\n\n return (\n <div className={containerClass}>\n <Map\n subjectWell={subjectWell}\n wells={wells}\n offsetWells={offsetWells}\n radius={radius}\n coordsDataPath=\"topHole.coordinates\"\n />\n </div>\n );\n}\n\nMapContainer.propTypes = {\n subjectWell: PropTypes.shape({}),\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n radius: PropTypes.number,\n mapHidden: PropTypes.bool,\n};\n\nexport default memo(MapContainer);\n"],"names":["MapContainer","_ref","_ref$subjectWell","subjectWell","wells","offsetWells","_ref$radius","radius","_ref$mapHidden","mapHidden","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","className","children","Map","coordsDataPath","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","memo"],"mappings":"+PAQA,SAASA,EAAwFC,GAAA,IAAAC,EAAAD,EAAzEE,YAAAA,aAAc,KAAID,EAAEE,IAAAA,MAAOC,IAAAA,YAAWC,EAAAL,EAAEM,OAAAA,aAAS,EAACD,EAAAE,EAAAP,EAAEQ,UAAAA,cAAiBD,EACrFE,EAAiBC,EAAAA,QAAWC,EAAOC,aAAcJ,GAAaG,EAAOE,oBAE3E,OACEC,EAAAA,IAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,MAACG,EAAG,CACFf,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbE,OAAQA,EACRY,eAAe,yBAIvB,CAEAnB,EAAaoB,UAAY,CACvBjB,YAAakB,EAAAA,QAAUC,MAAM,IAC7BlB,MAAOiB,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,WAC9CnB,YAAagB,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,WACpDjB,OAAQc,EAAS,QAACI,OAClBhB,UAAWY,EAAS,QAACK,MAGvB,IAAeC,EAAAA,EAAAA,KAAK3B"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);function d(e){var i=e.bgColor,r=e.textColor,d=e.width,n=e.height,o=e.fontSize,u=e.children,a=e["data-testid"],l={borderRadius:"calc(100vh)",background:i,color:r,fontSize:o,width:d,height:n,display:"flex",justifyContent:"center",alignItems:"center",fontWeight:"normal",minWidth:24};return t.jsx("div",{"data-testid":a,style:l,children:u})}d.propTypes={bgColor:r.default.string.isRequired,textColor:r.default.string.isRequired,width:r.default.number,height:r.default.number,fontSize:r.default.number,children:r.default.node.isRequired,"data-testid":r.default.string},d.defaultProps={width:24,height:24,fontSize:12,"data-testid":"NumberCircle"},module.exports=d;
+"use strict";var e=require("prop-types"),t=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);function d(e){var i=e.bgColor,r=e.textColor,d=e.width,o=void 0===d?24:d,n=e.height,u=void 0===n?24:n,a=e.fontSize,l=void 0===a?12:a,s=e.children,f=e["data-testid"],c=void 0===f?"NumberCircle":f,h={borderRadius:"calc(100vh)",background:i,color:r,fontSize:l,width:o,height:u,display:"flex",justifyContent:"center",alignItems:"center",fontWeight:"normal",minWidth:24};return t.jsx("div",{"data-testid":c,style:h,children:s})}d.propTypes={bgColor:r.default.string.isRequired,textColor:r.default.string.isRequired,width:r.default.number,height:r.default.number,fontSize:r.default.number,children:r.default.node.isRequired,"data-testid":r.default.string},module.exports=d;
 //# sourceMappingURL=NumberCircle.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberCircle.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction NumberCircle({\n bgColor,\n textColor,\n width,\n height,\n fontSize,\n children,\n 'data-testid': dataTestId,\n}) {\n const style = {\n borderRadius: 'calc(100vh)',\n background: bgColor,\n color: textColor,\n fontSize,\n width,\n height,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n fontWeight: 'normal',\n minWidth: 24,\n };\n\n return (\n <div data-testid={dataTestId} style={style}>\n {children}\n </div>\n );\n}\n\nNumberCircle.propTypes = {\n bgColor: PropTypes.string.isRequired,\n textColor: PropTypes.string.isRequired,\n width: PropTypes.number,\n height: PropTypes.number,\n fontSize: PropTypes.number,\n children: PropTypes.node.isRequired,\n 'data-testid': PropTypes.string,\n};\n\~~nNumberCircle.defaultProps = {\n width: 24,\n height: 24,\n fontSize: 12,\n 'data-testid': 'NumberCircle',\n};\n\~~nexport default NumberCircle;\n"],"names":["NumberCircle","_ref","bgColor","textColor","width","height","fontSize","children","dataTestId","style","borderRadius","background","color","display","justifyContent","alignItems","fontWeight","minWidth","_jsx","propTypes","PropTypes","string","isRequired","number","node"~~,"defaultProps"~~],"mappings":"2JAEA,SAASA,EAQNC,GAAA,IAPDC,IAAAA,QACAC,IAAAA,~~UACAC~~,~~IAAAA~~,~~MACAC~~,~~IAAAA~~,~~OACAC~~,~~IAAAA~~,~~SACAC~~,IAAAA,~~SACeC~~,~~IAAf~~,~~eAEMC~~,EAAQ,CACZC,aAAc,cACdC,~~WAAYT~~,~~EACZU~~,~~MAAOT~~,~~EACPG~~,SAAAA,~~EACAF~~,MAAAA,~~EACAC~~,OAAAA,~~EACAQ~~,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,WAAY,SACZC,SAAU,IAGZ,OACEC,EAAAA,IAAA,MAAA,CAAK,cAAaV,EAAYC,MAAOA,~~EAAMF~~,SACxCA,GAGP,~~CAEAP~~,~~EAAamB~~,UAAY,~~CACvBjB~~,~~QAASkB~~,EAAAA,QAAUC,OAAOC,~~WAC1BnB~~,~~UAAWiB~~,EAAAA,QAAUC,OAAOC,~~WAC5BlB~~,~~MAAOgB~~,EAAS,QAACG,~~OACjBlB~~,~~OAAQe~~,EAAS,QAACG,~~OAClBjB~~,~~SAAUc~~,EAAS,QAACG,~~OACpBhB~~,~~SAAUa~~,EAAAA,QAAUI,KAAKF,WACzB,cAAeF,EAAS,QAACC~~,QAG3BrB,EAAayB,aAAe,CAC1BrB,MAAO,GACPC,OAAQ,GACRC,SAAU,GACV,cAAe~~"}
1	+ {"version":3,"file":"NumberCircle.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction NumberCircle({\n bgColor,\n textColor,\n width = 24,\n height = 24,\n fontSize = 12,\n children,\n 'data-testid': dataTestId = 'NumberCircle',\n}) {\n const style = {\n borderRadius: 'calc(100vh)',\n background: bgColor,\n color: textColor,\n fontSize,\n width,\n height,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n fontWeight: 'normal',\n minWidth: 24,\n };\n\n return (\n <div data-testid={dataTestId} style={style}>\n {children}\n </div>\n );\n}\n\nNumberCircle.propTypes = {\n bgColor: PropTypes.string.isRequired,\n textColor: PropTypes.string.isRequired,\n width: PropTypes.number,\n height: PropTypes.number,\n fontSize: PropTypes.number,\n children: PropTypes.node.isRequired,\n 'data-testid': PropTypes.string,\n};\n\nexport default NumberCircle;\n"],"names":["NumberCircle","_ref","bgColor","textColor","_ref$width","width","_ref$height","height","_ref$fontSize","fontSize","children","_ref$dataTestid","dataTestId","style","borderRadius","background","color","display","justifyContent","alignItems","fontWeight","minWidth","_jsx","propTypes","PropTypes","string","isRequired","number","node"],"mappings":"2JAEA,SAASA,EAQNC,GAAA,IAPDC,IAAAA,QACAC,IAAAA,UAASC,EAAAH,EACTI,MAAAA,aAAQ,GAAED,EAAAE,EAAAL,EACVM,OAAAA,aAAS,GAAED,EAAAE,EAAAP,EACXQ,SAAAA,aAAW,GAAED,EACbE,IAAAA,SAAQC,EAAAV,EACR,eAAeW,aAAa,eAAcD,EAEpCE,EAAQ,CACZC,aAAc,cACdC,WAAYb,EACZc,MAAOb,EACPM,SAAAA,EACAJ,MAAAA,EACAE,OAAAA,EACAU,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,WAAY,SACZC,SAAU,IAGZ,OACEC,EAAAA,IAAA,MAAA,CAAK,cAAaV,EAAYC,MAAOA,EAAMH,SACxCA,GAGP,CAEAV,EAAauB,UAAY,CACvBrB,QAASsB,EAAAA,QAAUC,OAAOC,WAC1BvB,UAAWqB,EAAAA,QAAUC,OAAOC,WAC5BrB,MAAOmB,EAAS,QAACG,OACjBpB,OAAQiB,EAAS,QAACG,OAClBlB,SAAUe,EAAS,QAACG,OACpBjB,SAAUc,EAAAA,QAAUI,KAAKF,WACzB,cAAeF,EAAS,QAACC"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("prop-types"),n=require("@material-ui/core"),l=require("@material-ui/icons"),i=require("./NumberCircle.js"),a=require("react/jsx-runtime"),c=n.makeStyles({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function r(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function o(e){var t=r(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function s(e){return e.wells.filter((function(e){return e.checked})).length>0}function d(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function m(e){var t=e.section,m=e.disabled,u=e.onExpandCollapse,p=e.onSelectAll,h=e.onClearAll,x=c(),f=n.useTheme(),b=function(e){e.stopPropagation(),!d(t)&&h&&h(t),d(t)&&p&&p(t)};return a.jsxs("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:x.sectionContainer,children:[a.jsxs("div",{className:m?x.disabledItemLabel:x.itemLabel,onClick:function(){return u&&u(t)},children:[a.jsx(n.Tooltip,{title:"No Wells",placement:"right",children:a.jsxs("div",{className:x.sectionTitle,children:[m&&a.jsx(l.ExpandMore,{className:x.expandIcon}),a.jsxs("span",{className:x.sectionName,children:[" ",t.name]})]})}),r(t)>0&&a.jsx(i,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:f.palette.primary.text9,textColor:"#fff",width:20+6*(o(t).length-2),children:o(t)})]}),s(t)?a.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:x.checkbox,size:"small",checked:!0,indeterminate:d(t),color:"primary",onClick:b,disabled:m}):a.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:x.checkbox,checked:!1,size:"small",color:"primary",onClick:b,indeterminate:!1,disabled:m})]})}m.propTypes={section:t.shape({expanded:t.bool,name:t.string,wells:t.arrayOf(t.shape({}))}).isRequired,disabled:t.bool,onExpandCollapse:t.func,onSelectAll:t.func,onClearAll:t.func},m.defaultProps={disabled:!1,onSelectAll:null,onExpandCollapse:null,onClearAll:null};var u=e.memo(m);module.exports=u;
+"use strict";var e=require("react"),t=require("prop-types"),n=require("@material-ui/core"),l=require("@material-ui/icons"),i=require("./NumberCircle.js"),c=require("react/jsx-runtime"),a=n.makeStyles({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function r(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function o(e){var t=r(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function s(e){return e.wells.filter((function(e){return e.checked})).length>0}function d(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function m(e){var t=e.section,m=e.disabled,u=void 0!==m&&m,p=e.onExpandCollapse,h=void 0===p?null:p,x=e.onSelectAll,f=void 0===x?null:x,g=e.onClearAll,b=void 0===g?null:g,k=a(),C=n.useTheme(),v=function(e){e.stopPropagation(),!d(t)&&b&&b(t),d(t)&&f&&f(t)};return c.jsxs("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:k.sectionContainer,children:[c.jsxs("div",{className:u?k.disabledItemLabel:k.itemLabel,onClick:function(){return h&&h(t)},children:[c.jsx(n.Tooltip,{title:"No Wells",placement:"right",children:c.jsxs("div",{className:k.sectionTitle,children:[u&&c.jsx(l.ExpandMore,{className:k.expandIcon}),c.jsxs("span",{className:k.sectionName,children:[" ",t.name]})]})}),r(t)>0&&c.jsx(i,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:C.palette.primary.text9,textColor:"#fff",width:20+6*(o(t).length-2),children:o(t)})]}),s(t)?c.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:k.checkbox,size:"small",checked:!0,indeterminate:d(t),color:"primary",onClick:v,disabled:u}):c.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:k.checkbox,checked:!1,size:"small",color:"primary",onClick:v,indeterminate:!1,disabled:u})]})}m.propTypes={section:t.shape({expanded:t.bool,name:t.string,wells:t.arrayOf(t.shape({}))}).isRequired,disabled:t.bool,onExpandCollapse:t.func,onSelectAll:t.func,onClearAll:t.func};var u=e.memo(m);module.exports=u;
 //# sourceMappingURL=SectionItem.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionItem.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n sectionContainer: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between',\n marginRight: '4px',\n alignItems: 'center',\n },\n itemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n color: '#DADADA',\n cursor: 'pointer',\n },\n },\n disabledItemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n cursor: 'pointer',\n },\n },\n itemLabelToggle: {},\n sectionName: {\n marginLeft: '6px',\n marginRight: '10px',\n },\n checkbox: {\n width: '11px',\n height: '11px',\n },\n sectionTitle: {\n display: 'flex',\n alignItems: 'center',\n },\n expandIcon: {\n fontSize: '14px',\n marginRight: '8px',\n },\n});\n\nfunction getSelectedCount(section) {\n const data = section.wells.filter(item => item.checked) \|\| [];\n return data.length;\n}\n\nfunction getSelectedNumber(section) {\n const selectedCount = getSelectedCount(section);\n return selectedCount === section.wells.length\n ? `${selectedCount}`\n : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({ section, disabled, onExpandCollapse, onSelectAll, onClearAll }) {\n const classes = useStyles();\n const theme = useTheme();\n const handleClick = e => {\n e.stopPropagation();\n if (!isAllSelected(section) && onClearAll) onClearAll(section);\n if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n };\n return (\n <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n <div\n className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n onClick={() => onExpandCollapse && onExpandCollapse(section)}\n >\n <Tooltip title=\"No Wells\" placement=\"right\">\n <div className={classes.sectionTitle}>\n {disabled && <ExpandMore className={classes.expandIcon} />}\n <span className={classes.sectionName}> {section.name}</span>\n </div>\n </Tooltip>\n {getSelectedCount(section) > 0 && (\n <NumberCircle\n data-testid={`${PAGE_NAME}_wellsNumber`}\n bgColor={theme.palette.primary.text9}\n textColor=\"#fff\"\n width={20 + (getSelectedNumber(section).length - 2) * 6}\n >\n {getSelectedNumber(section)}\n </NumberCircle>\n )}\n </div>\n\n {isSelected(section) ? (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n size=\"small\"\n checked\n indeterminate={isAllSelected(section)}\n color=\"primary\"\n onClick={handleClick}\n disabled={disabled}\n />\n ) : (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n checked={false}\n size=\"small\"\n color=\"primary\"\n onClick={handleClick}\n indeterminate={false}\n disabled={disabled}\n />\n )}\n </div>\n );\n}\n\nSectionItem.propTypes = {\n section: shape({\n expanded: bool,\n name: string,\n wells: arrayOf(shape({})),\n }).isRequired,\n disabled: bool,\n onExpandCollapse: func,\n onSelectAll: func,\n onClearAll: func,\n};\n\~~nSectionItem.defaultProps = {\~~n ~~disabled: false,\n onSelectAll: null,\n onExpandCollapse: null,\n onClearAll: null,\n};\n~~// Important: Do not change root component default export (SectionItem.js). Use it as container\n// for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","disabled","onExpandCollapse","onSelectAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","jsxs","onClick","_jsx","Tooltip","title","placement","jsx","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","~~defaultProps","~~memo"],"mappings":"yLASMA,EAAYC,EAAAA,WAAW,CAC3BC,iBAAkB,CAChBC,QAAS,OACTC,MAAO,OACPC,eAAgB,gBAChBC,YAAa,MACbC,WAAY,UAEdC,UAAW,CACTL,QAAS,OACTI,WAAY,SACZ,UAAW,CACTE,MAAO,UACPC,OAAQ,YAGZC,kBAAmB,CACjBR,QAAS,OACTI,WAAY,SACZ,UAAW,CACTG,OAAQ,YAGZE,gBAAiB,CAAE,EACnBC,YAAa,CACXC,WAAY,MACZR,YAAa,QAEfS,SAAU,CACRX,MAAO,OACPY,OAAQ,QAEVC,aAAc,CACZd,QAAS,OACTI,WAAY,UAEdW,WAAY,CACVC,SAAU,OACVb,YAAa,SAIjB,SAASc,EAAiBC,GAExB,OADaA,EAAQC,MAAMC,QAAO,SAAAC,GAAI,OAAIA,EAAKC,OAAO,KAAK,IAC/CC,MACd,CAEA,SAASC,EAAkBN,GACzB,IAAMO,EAAgBR,EAAiBC,GACvC,OAAOO,IAAkBP,EAAQC,MAAMI,OAAM,GAAAG,OACtCD,GAAa,GAAAC,OACbD,EAAoBP,QAAAA,OAAAA,EAAQC,MAAMI,OAAiB,YAC5D,CAEA,SAASI,EAAWT,GAClB,OAAOA,EAAQC,MAAMC,QAAO,SAAAC,GAAI,OAAIA,EAAKC,WAASC,OAAS,CAC7D,CAEA,SAASK,EAAcV,GACrB,OAAOA,EAAQC,MAAMC,QAAO,SAAAC,GAAI,OAAIA,EAAKC,OAAO,IAAEC,SAAWL,EAAQC,MAAMI,MAC7E,CAEA,SAASM,~~EAA8EC~~,GAAA,~~IAAhEZ~~,IAAAA,~~QAASa~~,~~IAAAA~~,~~SAAUC~~,~~IAAAA~~,~~iBAAkBC~~,~~IAAAA~~,~~YAAaC~~,~~IAAAA~~,~~WACjEC~~,~~EAAUtC~~,~~IACVuC~~,EAAQC,EAAAA,WACRC,EAAc,SAAAC,GAClBA,EAAEC,~~mBACGZ~~,EAAcV,~~IAAYgB~~,GAAYA,~~EAAWhB~~,GAClDU,EAAcV,~~IAAYe~~,GAAaA,~~EAAYf~~,IAEzD,~~OACEuB~~,EAAAA,KAAA,MAAA,CAAK,cAAA,~~GAAAf~~,~~OAzES~~,~~cAyEgB~~,aAAAA,OAAYR,~~EAAQwB~~,MAAQC,UAAWR,~~EAAQpC~~,~~iBAAiB6C~~,SAC5F,CAAAH,EAAAI,KAAA,MAAA,CACEF,~~UAAWZ~~,~~EAAWI~~,~~EAAQ3B~~,~~kBAAoB2B~~,~~EAAQ9B~~,~~UAC1DyC~~,QAAS,WAAA,~~OAAMd~~,GAAoBA,~~EAAiBd~~,EAAS,~~EAAA0B~~,SAAA,CAE7DG,MAACC,UAAO,CAACC,MAAM,WAAWC,UAAU,QAAON,SACzCH,EAAAI,KAAA,MAAA,CAAKF,UAAWR,~~EAAQrB~~,~~aAAa8B~~,~~SAClCb~~,CAAAA,~~GAAYgB~~,EAAAI,IAACC,aAAU,CAACT,UAAWR,~~EAAQpB~~,~~aAC5C0B~~,EAAAI,KAAA,OAAA,CAAMF,UAAWR,~~EAAQzB~~,~~YAAYkC~~,~~SAAG1B~~,CAAAA,IAAAA,~~EAAQwB~~,~~aAGnDzB~~,EAAiBC,GAAW,~~GAC3B6B~~,EAAAA,IAACM,EAAY,CACX,cAAA,~~GAAA3B~~,~~OAtFM~~,~~cAsFkC~~,~~gBACxC4B~~,QAASlB,EAAMmB,QAAQC,QAAQC,MAC/BC,UAAU,~~OACVzD~~,MAAO,GAA+C,GAAzCuB,EAAkBN,GAASK,OAAS,~~GAAOqB~~,~~SAEvDpB~~,EAAkBN,QAKxBS,EAAWT,~~GACV6B~~,EAAAA,IAACY,EAAAA,SAAQ,CACP,cAAA,~~GAAAjC~~,~~OAlGQ~~,~~cAkG6B~~,~~aACrCiB~~,UAAWR,~~EAAQvB~~,~~SACnBgD~~,KAAK,~~QACLtC~~,SAAO,~~EACPuC~~,~~cAAejC~~,EAAcV,GAC7BZ,MAAM,~~UACNwC~~,QAASR,~~EACTP~~,SAAUA,~~IAGZgB~~,MAACY,WAAQ,CACP,cAAA,~~GAAAjC~~,~~OA7GQ~~,~~cA6G6B~~,~~aACrCiB~~,UAAWR,~~EAAQvB~~,SACnBU,SAAS,~~EACTsC~~,KAAK,~~QACLtD~~,MAAM,~~UACNwC~~,QAASR,EACTuB,eAAe,~~EACf9B~~,SAAUA,MAKpB,~~CAEAF~~,~~EAAYiC~~,UAAY,~~CACtB5C~~,~~QAAS6C~~,EAAAA,MAAM,CACbC,SAAUC,EAAIA,KACdvB,KAAMwB,EAAMA,~~OACZ/C~~,~~MAAOgD~~,EAAOA,QAACJ,QAAM,CAAA,MACpBK,~~WACHrC~~,~~SAAUkC~~,EAAIA,~~KACdjC~~,~~iBAAkBqC~~,EAAIA,~~KACtBpC~~,~~YAAaoC~~,EAAIA,KACjBnC,WAAYmC,EAAAA,~~MAGdxC~~,~~EAAYyC~~,~~aAAe,CACzBvC,UAAU,EACVE,YAAa,KACbD,iBAAkB,KAClBE,WAAY,MAId,IAAeqC,~~EAAAA,EAAAA,~~KAAK1C~~"}
1	+ {"version":3,"file":"SectionItem.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n sectionContainer: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between',\n marginRight: '4px',\n alignItems: 'center',\n },\n itemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n color: '#DADADA',\n cursor: 'pointer',\n },\n },\n disabledItemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n cursor: 'pointer',\n },\n },\n itemLabelToggle: {},\n sectionName: {\n marginLeft: '6px',\n marginRight: '10px',\n },\n checkbox: {\n width: '11px',\n height: '11px',\n },\n sectionTitle: {\n display: 'flex',\n alignItems: 'center',\n },\n expandIcon: {\n fontSize: '14px',\n marginRight: '8px',\n },\n});\n\nfunction getSelectedCount(section) {\n const data = section.wells.filter(item => item.checked) \|\| [];\n return data.length;\n}\n\nfunction getSelectedNumber(section) {\n const selectedCount = getSelectedCount(section);\n return selectedCount === section.wells.length\n ? `${selectedCount}`\n : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({\n section,\n disabled = false,\n onExpandCollapse = null,\n onSelectAll = null,\n onClearAll = null,\n}) {\n const classes = useStyles();\n const theme = useTheme();\n const handleClick = e => {\n e.stopPropagation();\n if (!isAllSelected(section) && onClearAll) onClearAll(section);\n if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n };\n return (\n <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n <div\n className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n onClick={() => onExpandCollapse && onExpandCollapse(section)}\n >\n <Tooltip title=\"No Wells\" placement=\"right\">\n <div className={classes.sectionTitle}>\n {disabled && <ExpandMore className={classes.expandIcon} />}\n <span className={classes.sectionName}> {section.name}</span>\n </div>\n </Tooltip>\n {getSelectedCount(section) > 0 && (\n <NumberCircle\n data-testid={`${PAGE_NAME}_wellsNumber`}\n bgColor={theme.palette.primary.text9}\n textColor=\"#fff\"\n width={20 + (getSelectedNumber(section).length - 2) * 6}\n >\n {getSelectedNumber(section)}\n </NumberCircle>\n )}\n </div>\n\n {isSelected(section) ? (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n size=\"small\"\n checked\n indeterminate={isAllSelected(section)}\n color=\"primary\"\n onClick={handleClick}\n disabled={disabled}\n />\n ) : (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n checked={false}\n size=\"small\"\n color=\"primary\"\n onClick={handleClick}\n indeterminate={false}\n disabled={disabled}\n />\n )}\n </div>\n );\n}\n\nSectionItem.propTypes = {\n section: shape({\n expanded: bool,\n name: string,\n wells: arrayOf(shape({})),\n }).isRequired,\n disabled: bool,\n onExpandCollapse: func,\n onSelectAll: func,\n onClearAll: func,\n};\n\n// Important: Do not change root component default export (SectionItem.js). Use it as container\n// for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","_ref$disabled","disabled","_ref$onExpandCollapse","onExpandCollapse","_ref$onSelectAll","onSelectAll","_ref$onClearAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","jsxs","onClick","_jsx","Tooltip","title","placement","jsx","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","memo"],"mappings":"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"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),n=require("@babel/runtime/helpers/defineProperty"),t=require("react"),r=require("prop-types"),i=require("classnames"),a=require("@material-ui/core"),c=require("@material-ui/icons"),o=require("./AssetSearch.js"),l=require("./SectionItem.js"),s=require("./WellListItem.js");require("../../../../utils/index.js");var u=require("react/jsx-runtime"),d=require("../../../../utils/notificationToasts.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(e),f=p(n),h=p(i);function x(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){f.default(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var y=a.makeStyles((function(e){return{content:{width:"472px",marginTop:"24px"},sectionItem:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"8px",fontSize:"12px",fontWeight:"normal",color:e.palette.primary.text6,borderTop:"1px solid ".concat(e.palette.primary.text8),"&:last-child":{borderBottom:"1px solid ".concat(e.palette.primary.text8)}},disabledSectionItem:{color:e.palette.primary.text8},wellList:{width:"100%",margin:0,padding:0},searchContainer:{display:"flex",justifyContent:"space-between",marginBottom:"24px",alignItems:"center"},advancedSearch:{fontSize:"14px",fontWeight:500,color:"#03BCD4",cursor:"pointer","&:hover":{textDecoration:"underline"}}}}));function j(e){var n=e.company,t=e.wellSections,r=e.getWellName,i=e.onChangeWellSections,p=e.onExploreMode,f=y(),x=function(e,n){var r=t.find((function(n){return n.name===e.name})).wells.map((function(e){return e.id})),a=t.map((function(e){var t=e.wells.map((function(e){return r.includes(e.id)?w(w({},e),{},{checked:n}):w({},e)}));return w(w({},e),{},{wells:t})}));i(a)},j=function(e){var n=t.map((function(n){return n.name===e.name?w(w({},n),{},{expanded:!n.expanded}):n}));i(n)},g=function(e){var n=t.map((function(n){var t=n.wells.map((function(n){return n.id===e.id?w(w({},n),{},{checked:!n.checked}):n}));return w(w({},n),{},{wells:t})}));i(n)},b=function(e){x(e,!0)},v=function(e){x(e,!1)};return u.jsxs("div",{className:f.content,children:[u.jsxs("div",{className:f.searchContainer,children:[u.jsx(o,{company:+n,onClickAsset:function(e,n){var r=t.map((function(t){if("Search Results"===t.name){var r=m.default(t.wells);return t.wells.find((function(n){return n.id===e}))||r.push({id:e,checked:!0,name:n,kind:"manual"}),w(w({},t),{},{wells:r})}return w(w({},t),{},{wells:t.wells.map((function(n){return n.id===e?w(w({},n),{},{checked:!0}):n}))})}));i(r),d.showSuccessNotification("Offset well successfully added!")},onExploreMode:p}),u.jsx(a.Typography,{"data-testid":"".concat("WellSection","_advancedSearch"),className:f.advancedSearch,onClick:function(){p()},children:"Advanced Search"})]}),(t||[]).map((function(e){return 0===e.wells.length?u.jsx("div",{className:h.default(f.sectionItem,f.disabledSectionItem),children:u.jsx(l,{section:e,disabled:!0})},"empty-".concat(e.name)):u.jsx("div",{className:f.sectionItem,children:u.jsxs(a.Accordion,{expanded:e.expanded,onChange:function(){return j(e)},children:[u.jsx(a.AccordionSummary,{expandIcon:u.jsx(c.ExpandMore,{}),style:{width:"100%"},children:u.jsx(l,{section:e,onExpandCollapse:j,onSelectAll:b,onClearAll:v})}),u.jsx(a.AccordionDetails,{children:u.jsx(a.List,{dense:!0,className:f.wellList,children:e.wells.map((function(n){return u.jsx(s,{well:n,wellName:r(e.wells,n.id),rigName:n.rigName,onToggleWell:g},"well-".concat(e.name,"-").concat(n.id))}))})})]})},"section-".concat(e.name))}))]})}j.propTypes={company:r.string.isRequired,wellSections:r.arrayOf(r.shape({})),getWellName:r.func.isRequired,onChangeWellSections:r.func.isRequired,onExploreMode:r.func.isRequired},j.defaultProps={wellSections:[]};var g=t.memo(j);module.exports=g;
+"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),n=require("@babel/runtime/helpers/defineProperty"),t=require("react"),r=require("prop-types"),i=require("classnames"),a=require("@material-ui/core"),c=require("@material-ui/icons"),o=require("./AssetSearch.js"),l=require("./SectionItem.js"),s=require("./WellListItem.js");require("../../../../utils/index.js");var d=require("react/jsx-runtime"),u=require("../../../../utils/notificationToasts.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(e),f=p(n),h=p(i);function x(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function y(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){f.default(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=a.makeStyles((function(e){return{content:{width:"472px",marginTop:"24px"},sectionItem:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"8px",fontSize:"12px",fontWeight:"normal",color:e.palette.primary.text6,borderTop:"1px solid ".concat(e.palette.primary.text8),"&:last-child":{borderBottom:"1px solid ".concat(e.palette.primary.text8)}},disabledSectionItem:{color:e.palette.primary.text8},wellList:{width:"100%",margin:0,padding:0},searchContainer:{display:"flex",justifyContent:"space-between",marginBottom:"24px",alignItems:"center"},advancedSearch:{fontSize:"14px",fontWeight:500,color:"#03BCD4",cursor:"pointer","&:hover":{textDecoration:"underline"}}}}));function w(e){var n=e.company,t=e.wellSections,r=void 0===t?g:t,i=e.getWellName,p=e.onChangeWellSections,f=e.onExploreMode,x=j(),w=function(e,n){var t=r.find((function(n){return n.name===e.name})).wells.map((function(e){return e.id})),i=r.map((function(e){var r=e.wells.map((function(e){return t.includes(e.id)?y(y({},e),{},{checked:n}):y({},e)}));return y(y({},e),{},{wells:r})}));p(i)},b=function(e){var n=r.map((function(n){return n.name===e.name?y(y({},n),{},{expanded:!n.expanded}):n}));p(n)},v=function(e){var n=r.map((function(n){var t=n.wells.map((function(n){return n.id===e.id?y(y({},n),{},{checked:!n.checked}):n}));return y(y({},n),{},{wells:t})}));p(n)},S=function(e){w(e,!0)},O=function(e){w(e,!1)};return d.jsxs("div",{className:x.content,children:[d.jsxs("div",{className:x.searchContainer,children:[d.jsx(o,{company:+n,onClickAsset:function(e,n){var t=r.map((function(t){if("Search Results"===t.name){var r=m.default(t.wells);return t.wells.find((function(n){return n.id===e}))||r.push({id:e,checked:!0,name:n,kind:"manual"}),y(y({},t),{},{wells:r})}return y(y({},t),{},{wells:t.wells.map((function(n){return n.id===e?y(y({},n),{},{checked:!0}):n}))})}));p(t),u.showSuccessNotification("Offset well successfully added!")},onExploreMode:f}),d.jsx(a.Typography,{"data-testid":"".concat("WellSection","_advancedSearch"),className:x.advancedSearch,onClick:function(){f()},children:"Advanced Search"})]}),(r||[]).map((function(e){return 0===e.wells.length?d.jsx("div",{className:h.default(x.sectionItem,x.disabledSectionItem),children:d.jsx(l,{section:e,disabled:!0})},"empty-".concat(e.name)):d.jsx("div",{className:x.sectionItem,children:d.jsxs(a.Accordion,{expanded:e.expanded,onChange:function(){return b(e)},children:[d.jsx(a.AccordionSummary,{expandIcon:d.jsx(c.ExpandMore,{}),style:{width:"100%"},children:d.jsx(l,{section:e,onExpandCollapse:b,onSelectAll:S,onClearAll:O})}),d.jsx(a.AccordionDetails,{children:d.jsx(a.List,{dense:!0,className:x.wellList,children:e.wells.map((function(n){return d.jsx(s,{well:n,wellName:i(e.wells,n.id),rigName:n.rigName,onToggleWell:v},"well-".concat(e.name,"-").concat(n.id))}))})})]})},"section-".concat(e.name))}))]})}w.propTypes={company:r.string.isRequired,wellSections:r.arrayOf(r.shape({})),getWellName:r.func.isRequired,onChangeWellSections:r.func.isRequired,onExploreMode:r.func.isRequired};var g=[],b=t.memo(w);module.exports=b;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { string, shape, func, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport {\n makeStyles,\n List,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n Typography,\n} from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport AssetSearch from './AssetSearch';\nimport SectionItem from './SectionItem';\nimport WellListItem from './WellListItem';\n\nimport { showSuccessNotification } from '~/utils';\n\nconst PAGE_NAME = 'WellSection';\n\nconst useStyles = makeStyles(theme => ({\n content: {\n width: '472px',\n marginTop: '24px',\n },\n sectionItem: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: '8px',\n fontSize: '12px',\n fontWeight: 'normal',\n color: theme.palette.primary.text6,\n borderTop: `1px solid ${theme.palette.primary.text8}`,\n '&:last-child': {\n borderBottom: `1px solid ${theme.palette.primary.text8}`,\n },\n },\n disabledSectionItem: {\n color: theme.palette.primary.text8,\n },\n wellList: {\n width: '100%',\n margin: 0,\n padding: 0,\n },\n searchContainer: {\n display: 'flex',\n justifyContent: 'space-between',\n marginBottom: '24px',\n alignItems: 'center',\n },\n advancedSearch: {\n fontSize: '14px',\n fontWeight: 500,\n color: '#03BCD4',\n cursor: 'pointer',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n}));\n\nfunction WellSection({ company, wellSections, getWellName, onChangeWellSections, onExploreMode }) {\n const classes = useStyles();\n\n const selectAllWells = (targetSection, f) => {\n const selectedWellIds = wellSections\n .find(section => section.name === targetSection.name)\n .wells.map(item => item.id);\n\n const data = wellSections.map(section => {\n const sectionData = section.wells.map(well => {\n if (selectedWellIds.includes(well.id)) {\n return { ...well, checked: f };\n } else {\n return { ...well };\n }\n });\n return {\n ...section,\n wells: sectionData,\n };\n });\n onChangeWellSections(data);\n };\n\n const handleExpandCollapseSection = targetSection => {\n const data = wellSections.map(section => {\n if (section.name === targetSection.name) {\n return { ...section, expanded: !section.expanded };\n }\n return section;\n });\n onChangeWellSections(data);\n };\n\n const handleToggleWell = targetWell => {\n const data = wellSections.map(section => {\n const sectionData = section.wells.map(well => {\n if (well.id === targetWell.id) {\n return { ...well, checked: !well.checked };\n }\n return well;\n });\n return {\n ...section,\n wells: sectionData,\n };\n });\n onChangeWellSections(data);\n };\n\n const handleSelectAll = targetSection => {\n selectAllWells(targetSection, true);\n };\n\n const handleClearAll = targetSection => {\n selectAllWells(targetSection, false);\n };\n\n const handleClickAsset = (redirectAssetId, name) => {\n const data = wellSections.map(section => {\n if (section.name === 'Search Results') {\n const wells = [...section.wells];\n if (!section.wells.find(item => item.id === redirectAssetId)) {\n wells.push({ id: redirectAssetId, checked: true, name, kind: 'manual' });\n }\n return { ...section, wells };\n }\n return {\n ...section,\n wells: section.wells.map(well =>\n well.id === redirectAssetId ? { ...well, checked: true } : well\n ),\n };\n });\n onChangeWellSections(data);\n showSuccessNotification('Offset well successfully added!');\n };\n\n const handleOffsetPickerDialog = () => {\n onExploreMode();\n };\n\n return (\n <div className={classes.content}>\n <div className={classes.searchContainer}>\n <AssetSearch\n company={+company}\n onClickAsset={handleClickAsset}\n onExploreMode={onExploreMode}\n />\n <Typography\n data-testid={`${PAGE_NAME}_advancedSearch`}\n className={classes.advancedSearch}\n onClick={handleOffsetPickerDialog}\n >\n Advanced Search\n </Typography>\n </div>\n\n {(wellSections \|\| []).map(section =>\n section.wells.length === 0 ? (\n <div\n key={`empty-${section.name}`}\n className={classNames(classes.sectionItem, classes.disabledSectionItem)}\n >\n <SectionItem section={section} disabled />\n </div>\n ) : (\n <div key={`section-${section.name}`} className={classes.sectionItem}>\n <Accordion\n expanded={section.expanded}\n onChange={() => handleExpandCollapseSection(section)}\n >\n <AccordionSummary expandIcon={<ExpandMore />} style={{ width: '100%' }}>\n <SectionItem\n section={section}\n onExpandCollapse={handleExpandCollapseSection}\n onSelectAll={handleSelectAll}\n onClearAll={handleClearAll}\n />\n </AccordionSummary>\n <AccordionDetails>\n <List dense className={classes.wellList}>\n {section.wells.map(well => (\n <WellListItem\n key={`well-${section.name}-${well.id}`}\n well={well}\n wellName={getWellName(section.wells, well.id)}\n rigName={well.rigName}\n onToggleWell={handleToggleWell}\n />\n ))}\n </List>\n </AccordionDetails>\n </Accordion>\n </div>\n )\n )}\n </div>\n );\n}\n\nWellSection.propTypes = {\n company: string.isRequired,\n wellSections: arrayOf(shape({})),\n getWellName: func.isRequired,\n onChangeWellSections: func.isRequired,\n onExploreMode: func.isRequired,\n};\n\nWellSection.defaultProps = {\n wellSections: [],\n};\n\n// Important: Do not change root component default export (WellSection.js). Use it as container\n// for your WellSection. It's required to make build and zip scripts work as expected;\nexport default memo(WellSection);\n"],"names":["useStyles","makeStyles","theme","content","width","marginTop","sectionItem","display","flexDirection","justifyContent","alignItems","padding","fontSize","fontWeight","color","palette","primary","text6","borderTop","concat","text8","borderBottom","disabledSectionItem","wellList","margin","searchContainer","marginBottom","advancedSearch","cursor","textDecoration","WellSection","_ref","company","wellSections","getWellName","onChangeWellSections","onExploreMode","classes","selectAllWells","targetSection","f","selectedWellIds","find","section","name","wells","map","item","id","data","sectionData","well","includes","_objectSpread","checked","handleExpandCollapseSection","expanded","handleToggleWell","targetWell","handleSelectAll","handleClearAll","_jsxs","className","children","jsxs","_jsx","AssetSearch","onClickAsset","redirectAssetId","_toConsumableArray","push","kind","showSuccessNotification","Typography","onClick","length","classNames","SectionItem","disabled","jsx","Accordion","onChange","AccordionSummary","expandIcon","ExpandMore","style","onExpandCollapse","onSelectAll","onClearAll","AccordionDetails","List","dense","WellListItem","wellName","rigName","onToggleWell","propTypes","string","isRequired","arrayOf","shape","func","defaultProps","memo"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { string, shape, func, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport {\n makeStyles,\n List,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n Typography,\n} from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport AssetSearch from './AssetSearch';\nimport SectionItem from './SectionItem';\nimport WellListItem from './WellListItem';\n\nimport { showSuccessNotification } from '~/utils';\n\nconst PAGE_NAME = 'WellSection';\n\nconst useStyles = makeStyles(theme => ({\n content: {\n width: '472px',\n marginTop: '24px',\n },\n sectionItem: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: '8px',\n fontSize: '12px',\n fontWeight: 'normal',\n color: theme.palette.primary.text6,\n borderTop: `1px solid ${theme.palette.primary.text8}`,\n '&:last-child': {\n borderBottom: `1px solid ${theme.palette.primary.text8}`,\n },\n },\n disabledSectionItem: {\n color: theme.palette.primary.text8,\n },\n wellList: {\n width: '100%',\n margin: 0,\n padding: 0,\n },\n searchContainer: {\n display: 'flex',\n justifyContent: 'space-between',\n marginBottom: '24px',\n alignItems: 'center',\n },\n advancedSearch: {\n fontSize: '14px',\n fontWeight: 500,\n color: '#03BCD4',\n cursor: 'pointer',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n}));\n\nfunction WellSection({\n company,\n wellSections = DEFAULT_WELL_SECTION_WELL_SECTIONS,\n getWellName,\n onChangeWellSections,\n onExploreMode,\n}) {\n const classes = useStyles();\n\n const selectAllWells = (targetSection, f) => {\n const selectedWellIds = wellSections\n .find(section => section.name === targetSection.name)\n .wells.map(item => item.id);\n\n const data = wellSections.map(section => {\n const sectionData = section.wells.map(well => {\n if (selectedWellIds.includes(well.id)) {\n return { ...well, checked: f };\n } else {\n return { ...well };\n }\n });\n return {\n ...section,\n wells: sectionData,\n };\n });\n onChangeWellSections(data);\n };\n\n const handleExpandCollapseSection = targetSection => {\n const data = wellSections.map(section => {\n if (section.name === targetSection.name) {\n return { ...section, expanded: !section.expanded };\n }\n return section;\n });\n onChangeWellSections(data);\n };\n\n const handleToggleWell = targetWell => {\n const data = wellSections.map(section => {\n const sectionData = section.wells.map(well => {\n if (well.id === targetWell.id) {\n return { ...well, checked: !well.checked };\n }\n return well;\n });\n return {\n ...section,\n wells: sectionData,\n };\n });\n onChangeWellSections(data);\n };\n\n const handleSelectAll = targetSection => {\n selectAllWells(targetSection, true);\n };\n\n const handleClearAll = targetSection => {\n selectAllWells(targetSection, false);\n };\n\n const handleClickAsset = (redirectAssetId, name) => {\n const data = wellSections.map(section => {\n if (section.name === 'Search Results') {\n const wells = [...section.wells];\n if (!section.wells.find(item => item.id === redirectAssetId)) {\n wells.push({ id: redirectAssetId, checked: true, name, kind: 'manual' });\n }\n return { ...section, wells };\n }\n return {\n ...section,\n wells: section.wells.map(well =>\n well.id === redirectAssetId ? { ...well, checked: true } : well\n ),\n };\n });\n onChangeWellSections(data);\n showSuccessNotification('Offset well successfully added!');\n };\n\n const handleOffsetPickerDialog = () => {\n onExploreMode();\n };\n\n return (\n <div className={classes.content}>\n <div className={classes.searchContainer}>\n <AssetSearch\n company={+company}\n onClickAsset={handleClickAsset}\n onExploreMode={onExploreMode}\n />\n <Typography\n data-testid={`${PAGE_NAME}_advancedSearch`}\n className={classes.advancedSearch}\n onClick={handleOffsetPickerDialog}\n >\n Advanced Search\n </Typography>\n </div>\n\n {(wellSections \|\| []).map(section =>\n section.wells.length === 0 ? (\n <div\n key={`empty-${section.name}`}\n className={classNames(classes.sectionItem, classes.disabledSectionItem)}\n >\n <SectionItem section={section} disabled />\n </div>\n ) : (\n <div key={`section-${section.name}`} className={classes.sectionItem}>\n <Accordion\n expanded={section.expanded}\n onChange={() => handleExpandCollapseSection(section)}\n >\n <AccordionSummary expandIcon={<ExpandMore />} style={{ width: '100%' }}>\n <SectionItem\n section={section}\n onExpandCollapse={handleExpandCollapseSection}\n onSelectAll={handleSelectAll}\n onClearAll={handleClearAll}\n />\n </AccordionSummary>\n <AccordionDetails>\n <List dense className={classes.wellList}>\n {section.wells.map(well => (\n <WellListItem\n key={`well-${section.name}-${well.id}`}\n well={well}\n wellName={getWellName(section.wells, well.id)}\n rigName={well.rigName}\n onToggleWell={handleToggleWell}\n />\n ))}\n </List>\n </AccordionDetails>\n </Accordion>\n </div>\n )\n )}\n </div>\n );\n}\n\nWellSection.propTypes = {\n company: string.isRequired,\n wellSections: arrayOf(shape({})),\n getWellName: func.isRequired,\n onChangeWellSections: func.isRequired,\n onExploreMode: func.isRequired,\n};\n\nconst DEFAULT_WELL_SECTION_WELL_SECTIONS = [];\n\n// Important: Do not change root component default export (WellSection.js). Use it as container\n// for your WellSection. It's required to make build and zip scripts work as expected;\nexport default memo(WellSection);\n"],"names":["useStyles","makeStyles","theme","content","width","marginTop","sectionItem","display","flexDirection","justifyContent","alignItems","padding","fontSize","fontWeight","color","palette","primary","text6","borderTop","concat","text8","borderBottom","disabledSectionItem","wellList","margin","searchContainer","marginBottom","advancedSearch","cursor","textDecoration","WellSection","_ref","company","_ref$wellSections","wellSections","DEFAULT_WELL_SECTION_WELL_SECTIONS","getWellName","onChangeWellSections","onExploreMode","classes","selectAllWells","targetSection","f","selectedWellIds","find","section","name","wells","map","item","id","data","sectionData","well","includes","_objectSpread","checked","handleExpandCollapseSection","expanded","handleToggleWell","targetWell","handleSelectAll","handleClearAll","_jsxs","className","children","jsxs","_jsx","AssetSearch","onClickAsset","redirectAssetId","_toConsumableArray","push","kind","showSuccessNotification","Typography","onClick","length","classNames","SectionItem","disabled","jsx","Accordion","onChange","AccordionSummary","expandIcon","ExpandMore","style","onExpandCollapse","onSelectAll","onClearAll","AccordionDetails","List","dense","WellListItem","wellName","rigName","onToggleWell","propTypes","string","isRequired","arrayOf","shape","func","memo"],"mappings":"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"}