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/OffsetWellPickerV2/components/Table/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { clone, get, isEqual } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Checkbox, IconButton, Typography, withStyles } from '@material-ui/core';\nimport SortIcon from '@material-ui/icons/Sort';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport { List } from 'react-window';\n\nimport { METRICS_KEYS, METRICS_LIST, SETTINGS_COLUMN, TABLE_COLUMNS } from '../../constants';\n\nimport SubjectIndicator from './SubjectIndicator';\nimport MetricsAddMenu from './MetricsAddMenu';\nimport MetricsSelect from './MetricsSelect';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\n\nexport const ROW_HEIGHT = 48;\nexport const HEADER_HEIGHT = 44;\n\nconst PAGE_NAME = 'WellsTable';\n\nconst muiStyles = theme => ({\n title: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n flexWrap: 'wrap',\n marginBottom: '15px',\n marginTop: '16px',\n },\n tableWrapper: {\n marginTop: '24px',\n overflowX: 'auto',\n overflowY: 'hidden',\n position: 'relative',\n minHeight: 150,\n borderTop: '1px solid rgba(81, 81, 81, 1)',\n height: '100vh',\n },\n table: {\n position: 'absolute!important',\n inset: '44px 0 0',\n },\n header: {\n display: 'flex',\n flexFlow: 'row nowrap',\n borderBottom: theme.isLightTheme\n ? '1px solid rgba(224, 224, 224, 1)'\n : '1px solid rgba(81, 81, 81, 1)',\n height: 44,\n alignItems: 'center',\n },\n headerCell: {\n flex: '0 0',\n alignSelf: 'center',\n paddingRight: 10,\n '&:first-child': { marginLeft: 10 },\n },\n row: {\n display: 'flex',\n flexFlow: 'row nowrap',\n borderBottom: theme.isLightTheme\n ? '1px solid rgba(224, 224, 224, 1)'\n : '1px solid rgba(81, 81, 81, 1)',\n height: ROW_HEIGHT,\n alignItems: 'center',\n },\n rowCell: {\n flex: '0 0',\n alignSelf: 'center',\n paddingRight: 10,\n '&:first-child': { paddingLeft: 10 },\n },\n cell: {\n color: 'rgba(255, 255, 255, 0.54)',\n padding: '5px 10px',\n fontSize: '12px',\n whiteSpace: 'nowrap',\n },\n nameWrapper: {\n display: 'flex',\n alignItems: 'center',\n },\n nameCell: {\n padding: 0,\n },\n unitCell: {\n padding: 0,\n },\n tableRowHoverEnabled: {\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.1)',\n },\n },\n settingsCell: {\n textAlign: 'right',\n },\n rigReleaseCell: {\n whiteSpace: 'nowrap',\n },\n nameCheckBox: {\n color: theme.palette.primary.main,\n },\n bodyCell: {\n fontSize: '0.90rem',\n padding: '5px 10px',\n },\n metricsCellWrapper: {\n display: 'flex',\n flexDirection: 'row',\n alignContent: 'center',\n },\n tableTitle: {\n fontSize: '16px',\n lineHeight: '140.6%',\n marginTop: 10,\n },\n tableTitleItems: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n },\n addWellInput: {\n width: 300,\n marginTop: 10,\n },\n sortIconButton: {\n padding: '8px',\n '&:hover $sortIcon': {\n color: '#fff',\n },\n },\n ascendingSortIcon: {\n transform: 'scaleY(-1)',\n },\n sortIcon: {\n fontSize: '14px',\n color: '#BDBDBD',\n },\n metricsColumn: {\n display: 'flex',\n alignItems: 'center',\n },\n tableCellLabel: {\n fontSize: '0.90rem',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n color: '#fff',\n },\n tableCellLabelDisabled: {\n color: '#C4C4C4',\n },\n errorMsg: {\n color: '#C4C4C4',\n fontStyle: 'italic',\n fontSize: '14px',\n padding: '0 16px',\n whiteSpace: 'nowrap',\n },\n});\n\nfunction formatItem(item, key) {\n const value = get(item, key);\n\n let result;\n switch (key) {\n case 'distance':\n result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';\n break;\n case 'rigReleaseDate':\n result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';\n break;\n default:\n result = value \|\| '';\n }\n\n return result;\n}\n\nfunction formatMetricItem(item, metric, isMetricsLoading) {\n const value = get(item, metric.key);\n\n if (METRICS_KEYS.includes(metric.key)) {\n if (Number.isFinite(value) \|\| value) {\n return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;\n }\n\n if (isMetricsLoading) {\n return 'loading...';\n }\n }\n\n return '';\n}\n\n/* eslint-disable react/no-array-index-key */\nfunction WellsTable({\n subjectWell,\n wells,\n offsetWells,\n metricsKeys,\n isMetricsLoading,\n sortInfo,\n unusableWellAlarm,\n classes,\n onChangeMetricsKeys,\n onAddOffsetWell,\n onDeleteOffsetWell,\n onAddAllOffsetWells,\n onDeleteAllOffsetWells,\n onSorting,\n}) {\n // NOTE: Get usable wells & offset wells only\n const usableWells = useMemo(() => {\n return wells.filter(item => item.is_usable);\n }, [wells]);\n\n // NOTE: Just compare among usable wells\n const isAllUsableWellsSelected = useMemo(() => {\n const usableWellIds = usableWells.map(well => well.id).sort();\n const offsetWellIds = offsetWells.map(well => well.id).sort();\n return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);\n }, [usableWells, offsetWells]);\n\n const metricsColumns = useMemo(() => {\n // NOTE: Pay attention to the order of metrics and duplication\n return metricsKeys.reduce(\n (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n []\n );\n }, [metricsKeys]);\n\n // NOTE: Table columns\n const tableColumns = useMemo(() => {\n return [\n ...TABLE_COLUMNS,\n ...metricsColumns.map(item => ({ ...item, width: 240 })),\n SETTINGS_COLUMN,\n ];\n }, [metricsColumns]);\n\n const handleChangeMetricsKeys = newKeys => {\n onChangeMetricsKeys(newKeys);\n };\n\n const handleChangeColumnMetricsKey = columnIdx => newKey => {\n const newKeys = clone(metricsKeys);\n newKeys[columnIdx] = newKey;\n onChangeMetricsKeys(newKeys);\n };\n\n const handleSorting = dataKey => {\n onSorting(dataKey);\n };\n\n const handleToggleWell = (targetId, checked) => {\n if (checked) {\n onAddOffsetWell(targetId);\n } else {\n onDeleteOffsetWell(targetId);\n }\n };\n\n const handleToggleWells = e => {\n if (e.target.checked) {\n onAddAllOffsetWells();\n } else {\n onDeleteAllOffsetWells();\n }\n };\n\n const sortIconRenderer = dataKey => {\n return (\n <IconButton\n data-testid={`${PAGE_NAME}_sortRemove`}\n data-not-migrated-muiiconbutton\n className={classes.sortIconButton}\n onClick={() => handleSorting(dataKey)}\n >\n {dataKey !== sortInfo.key ? (\n <NotInterestedIcon className={classes.sortIcon} />\n ) : (\n <SortIcon\n className={classNames(classes.sortIcon, {\n [classes.ascendingSortIcon]: sortInfo.direction === 1,\n })}\n />\n )}\n </IconButton>\n );\n };\n\n // NOTE: Table renderers\n const headerRenderer = headerData => {\n const { label, dataKey } = headerData;\n\n // name column\n if (dataKey === 'name') {\n return (\n <div data-testid={`${PAGE_NAME}_wellHeader`} className={classes.nameWrapper}>\n <Checkbox\n data-testid={`${PAGE_NAME}_selectAll`}\n classes={{\n checked: classes.nameCheckBox,\n indeterminate: classes.nameCheckBox,\n }}\n onClick={handleToggleWells}\n checked={isAllUsableWellsSelected}\n indeterminate={offsetWells.length > 0 && !isAllUsableWellsSelected}\n size=\"small\"\n />\n <Typography className={classNames(classes.cell, classes.nameCell)}>{label}</Typography>\n {sortIconRenderer(dataKey)}\n </div>\n );\n }\n\n // metrics columns\n if (metricsKeys.includes(dataKey)) {\n const currentMetric = metricsColumns.find(item => item.key === dataKey);\n const metricIndex = metricsColumns.findIndex(item => item.key === dataKey);\n return (\n <div data-testid={`${PAGE_NAME}_header_${dataKey}`} className={classes.metricsColumn}>\n <MetricsSelect\n items={METRICS_LIST}\n currentValue={dataKey}\n onChange={handleChangeColumnMetricsKey(metricIndex)}\n />\n <Typography className={classNames(classes.cell, classes.unitCell)}>\n {currentMetric.unitType\n ? `(${getUnitDisplay(currentMetric.unitType, currentMetric.to)})`\n : ''}\n </Typography>\n {sortIconRenderer(dataKey)}\n </div>\n );\n }\n\n // settings column\n if (dataKey === SETTINGS_COLUMN.key) {\n return (\n <div className={classes.settingsCell}>\n <MetricsAddMenu metricsKeys={metricsKeys} onChange={handleChangeMetricsKeys} />\n </div>\n );\n }\n\n return (\n <div data-testid={`${PAGE_NAME}_header_${label}`} className={classes.nameWrapper}>\n <Typography className={classes.cell}>{label}</Typography>\n {sortIconRenderer(dataKey)}\n </div>\n );\n };\n\n const cellRenderer = ({ well, dataKey }) => {\n if (dataKey === 'name') {\n return (\n <div data-testid={`${PAGE_NAME}_row_${well.name}`} className={classes.nameWrapper}>\n <Checkbox\n data-testid={`${PAGE_NAME}_wellCheckbox`}\n color=\"primary\"\n checked={offsetWells.findIndex(offsetWell => offsetWell.id === well.id) > -1}\n onChange={e => handleToggleWell(well.id, e.target.checked)}\n size=\"small\"\n disabled={!well.is_usable}\n />\n\n <Typography\n data-testid={`${PAGE_NAME}_wellName`}\n className={classNames(classes.tableCellLabel, {\n [classes.tableCellLabelDisabled]: !well.is_usable,\n })}\n >\n {formatItem(well, dataKey)}\n </Typography>\n {subjectWell && well.id === subjectWell.id && <SubjectIndicator />}\n </div>\n );\n }\n\n // settings column\n if (dataKey === SETTINGS_COLUMN.key) {\n return (\n <div className={classes.settingsCell}>\n {!well.is_usable && (\n <Typography className={classes.errorMsg}>{unusableWellAlarm}</Typography>\n )}\n </div>\n );\n }\n\n let formattedCellData = null;\n if (metricsKeys.includes(dataKey)) {\n const currentMetric = metricsColumns.find(item => item.key === dataKey);\n formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);\n } else {\n formattedCellData = formatItem(well, dataKey);\n }\n return (\n <Typography\n data-testid={`${PAGE_NAME}_cell}`}\n className={classNames(classes.cell, classes.tableCellLabel, {\n [classes.tableCellLabelDisabled]: !well.is_usable,\n })}\n >\n {formattedCellData}\n </Typography>\n );\n };\n\n return (\n <>\n <div className={classes.tableWrapper}>\n <div className={classes.header}>\n {tableColumns.map(column => (\n <div\n className={classes.headerCell}\n key={column.key}\n style={{\n flexBasis: column.width,\n minWidth: column.minWidth,\n flexGrow: column.minWidth ? 1 : 0,\n }}\n >\n {headerRenderer({ label: column.label, dataKey: column.key })}\n </div>\n ))}\n </div>\n <div className={classes.table}>\n <List\n rowCount={wells.length}\n rowHeight={ROW_HEIGHT}\n rowComponent={({ index, style, ariaAttributes, wells }) => {\n return (\n <div style={{ ...style }} {...ariaAttributes} className={classes.row}>\n {tableColumns.map(column => (\n <div\n key={column.key}\n style={{\n flexBasis: column.width,\n minWidth: column.minWidth,\n flexGrow: column.minWidth ? 1 : 0,\n }}\n className={classes.rowCell}\n >\n {cellRenderer({\n well: wells[index],\n dataKey: column.key,\n })}\n </div>\n ))}\n </div>\n );\n }}\n rowProps={{ wells, tableColumns }}\n />\n </div>\n </div>\n </>\n );\n}\n\nWellsTable.propTypes = {\n subjectWell: PropTypes.shape({\n id: PropTypes.number,\n }),\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n isMetricsLoading: PropTypes.bool.isRequired,\n sortInfo: PropTypes.shape({\n key: PropTypes.string.isRequired,\n direction: PropTypes.number.isRequired,\n }).isRequired,\n classes: PropTypes.shape({}).isRequired,\n onChangeMetricsKeys: PropTypes.func.isRequired,\n onAddOffsetWell: PropTypes.func.isRequired,\n onDeleteOffsetWell: PropTypes.func.isRequired,\n onAddAllOffsetWells: PropTypes.func.isRequired,\n onDeleteAllOffsetWells: PropTypes.func.isRequired,\n onSorting: PropTypes.func.isRequired,\n unusableWellAlarm: PropTypes.string.isRequired,\n // isAdvancedSearch: PropTypes.bool,\n};\n\nWellsTable.defaultProps = {\n subjectWell: null,\n // isAdvancedSearch: false,\n};\n\nexport default withStyles(muiStyles)(memo(WellsTable));\n"],"names":["PAGE_NAME","formatItem","item","key","result","value","get","Number","isFinite","parseFloat","toFixed","moment","unix","format","WellsTable","_ref","subjectWell","wells","offsetWells","metricsKeys","isMetricsLoading","sortInfo","unusableWellAlarm","classes","onChangeMetricsKeys","onAddOffsetWell","onDeleteOffsetWell","onAddAllOffsetWells","onDeleteAllOffsetWells","onSorting","usableWells","useMemo","filter","is_usable","isAllUsableWellsSelected","usableWellIds","map","well","id","sort","offsetWellIds","length","isEqual","metricsColumns","reduce","concat","METRICS_LIST","tableColumns","_toConsumableArray","TABLE_COLUMNS","_objectSpread","width","SETTINGS_COLUMN","handleChangeMetricsKeys","newKeys","handleToggleWells","e","target","checked","sortIconRenderer","dataKey","_jsx","IconButton","className","sortIconButton","onClick","handleSorting","children","NotInterestedIcon","sortIcon","SortIcon","classNames","_defineProperty","ascendingSortIcon","direction","headerRenderer","headerData","columnIdx","label","_jsxs","nameWrapper","Checkbox","nameCheckBox","indeterminate","size","Typography","cell","nameCell","includes","currentMetric","find","metricIndex","findIndex","metricsColumn","MetricsSelect","items","currentValue","onChange","newKey","clone","unitCell","unitType","getUnitDisplay","to","settingsCell","MetricsAddMenu","cellRenderer","_ref2","name","color","offsetWell","targetId","disabled","tableCellLabel","tableCellLabelDisabled","jsx","SubjectIndicator","errorMsg","formattedCellData","metric","METRICS_KEYS","convertValue","from","formatMetricItem","_Fragment","jsxs","tableWrapper","header","column","headerCell","style","flexBasis","minWidth","flexGrow","table","List","rowCount","rowHeight","rowComponent","_ref3","index","ariaAttributes","row","rowCell","rowProps","propTypes","PropTypes","shape","number","arrayOf","isRequired","string","bool","func","defaultProps","withStyles","theme","title","display","justifyContent","alignItems","flexWrap","marginBottom","marginTop","overflowX","overflowY","position","minHeight","borderTop","height","inset","flexFlow","borderBottom","isLightTheme","flex","alignSelf","paddingRight","marginLeft","paddingLeft","padding","fontSize","whiteSpace","tableRowHoverEnabled","backgroundColor","textAlign","rigReleaseCell","palette","primary","main","bodyCell","metricsCellWrapper","flexDirection","alignContent","tableTitle","lineHeight","tableTitleItems","addWellInput","transform","overflow","textOverflow","fontStyle","memo"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { clone, get, isEqual } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Checkbox, IconButton, Typography, withStyles } from '@material-ui/core';\nimport SortIcon from '@material-ui/icons/Sort';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport { List } from 'react-window';\n\nimport { METRICS_KEYS, METRICS_LIST, SETTINGS_COLUMN, TABLE_COLUMNS } from '../../constants';\n\nimport SubjectIndicator from './SubjectIndicator';\nimport MetricsAddMenu from './MetricsAddMenu';\nimport MetricsSelect from './MetricsSelect';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\n\nexport const ROW_HEIGHT = 48;\nexport const HEADER_HEIGHT = 44;\n\nconst PAGE_NAME = 'WellsTable';\n\nconst muiStyles = theme => ({\n title: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n flexWrap: 'wrap',\n marginBottom: '15px',\n marginTop: '16px',\n },\n tableWrapper: {\n marginTop: '24px',\n overflowX: 'auto',\n overflowY: 'hidden',\n position: 'relative',\n minHeight: 150,\n borderTop: '1px solid rgba(81, 81, 81, 1)',\n height: '100vh',\n },\n table: {\n position: 'absolute!important',\n inset: '44px 0 0',\n },\n header: {\n display: 'flex',\n flexFlow: 'row nowrap',\n borderBottom: theme.isLightTheme\n ? '1px solid rgba(224, 224, 224, 1)'\n : '1px solid rgba(81, 81, 81, 1)',\n height: 44,\n alignItems: 'center',\n },\n headerCell: {\n flex: '0 0',\n alignSelf: 'center',\n paddingRight: 10,\n '&:first-child': { marginLeft: 10 },\n },\n row: {\n display: 'flex',\n flexFlow: 'row nowrap',\n borderBottom: theme.isLightTheme\n ? '1px solid rgba(224, 224, 224, 1)'\n : '1px solid rgba(81, 81, 81, 1)',\n height: ROW_HEIGHT,\n alignItems: 'center',\n },\n rowCell: {\n flex: '0 0',\n alignSelf: 'center',\n paddingRight: 10,\n '&:first-child': { paddingLeft: 10 },\n },\n cell: {\n color: 'rgba(255, 255, 255, 0.54)',\n padding: '5px 10px',\n fontSize: '12px',\n whiteSpace: 'nowrap',\n },\n nameWrapper: {\n display: 'flex',\n alignItems: 'center',\n },\n nameCell: {\n padding: 0,\n },\n unitCell: {\n padding: 0,\n },\n tableRowHoverEnabled: {\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.1)',\n },\n },\n settingsCell: {\n textAlign: 'right',\n },\n rigReleaseCell: {\n whiteSpace: 'nowrap',\n },\n nameCheckBox: {\n color: theme.palette.primary.main,\n },\n bodyCell: {\n fontSize: '0.90rem',\n padding: '5px 10px',\n },\n metricsCellWrapper: {\n display: 'flex',\n flexDirection: 'row',\n alignContent: 'center',\n },\n tableTitle: {\n fontSize: '16px',\n lineHeight: '140.6%',\n marginTop: 10,\n },\n tableTitleItems: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n },\n addWellInput: {\n width: 300,\n marginTop: 10,\n },\n sortIconButton: {\n padding: '8px',\n '&:hover $sortIcon': {\n color: '#fff',\n },\n },\n ascendingSortIcon: {\n transform: 'scaleY(-1)',\n },\n sortIcon: {\n fontSize: '14px',\n color: '#BDBDBD',\n },\n metricsColumn: {\n display: 'flex',\n alignItems: 'center',\n },\n tableCellLabel: {\n fontSize: '0.90rem',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n color: '#fff',\n },\n tableCellLabelDisabled: {\n color: '#C4C4C4',\n },\n errorMsg: {\n color: '#C4C4C4',\n fontStyle: 'italic',\n fontSize: '14px',\n padding: '0 16px',\n whiteSpace: 'nowrap',\n },\n});\n\nfunction formatItem(item, key) {\n const value = get(item, key);\n\n let result;\n switch (key) {\n case 'distance':\n result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';\n break;\n case 'rigReleaseDate':\n result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';\n break;\n default:\n result = value \|\| '';\n }\n\n return result;\n}\n\nfunction formatMetricItem(item, metric, isMetricsLoading) {\n const value = get(item, metric.key);\n\n if (METRICS_KEYS.includes(metric.key)) {\n if (Number.isFinite(value) \|\| value) {\n return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;\n }\n\n if (isMetricsLoading) {\n return 'loading...';\n }\n }\n\n return '';\n}\n\n/* eslint-disable react/no-array-index-key */\nfunction WellsTable({\n subjectWell = null,\n wells,\n offsetWells,\n metricsKeys,\n isMetricsLoading,\n sortInfo,\n unusableWellAlarm,\n classes,\n onChangeMetricsKeys,\n onAddOffsetWell,\n onDeleteOffsetWell,\n onAddAllOffsetWells,\n onDeleteAllOffsetWells,\n onSorting,\n}) {\n // NOTE: Get usable wells & offset wells only\n const usableWells = useMemo(() => {\n return wells.filter(item => item.is_usable);\n }, [wells]);\n\n // NOTE: Just compare among usable wells\n const isAllUsableWellsSelected = useMemo(() => {\n const usableWellIds = usableWells.map(well => well.id).sort();\n const offsetWellIds = offsetWells.map(well => well.id).sort();\n return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);\n }, [usableWells, offsetWells]);\n\n const metricsColumns = useMemo(() => {\n // NOTE: Pay attention to the order of metrics and duplication\n return metricsKeys.reduce(\n (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n []\n );\n }, [metricsKeys]);\n\n // NOTE: Table columns\n const tableColumns = useMemo(() => {\n return [\n ...TABLE_COLUMNS,\n ...metricsColumns.map(item => ({ ...item, width: 240 })),\n SETTINGS_COLUMN,\n ];\n }, [metricsColumns]);\n\n const handleChangeMetricsKeys = newKeys => {\n onChangeMetricsKeys(newKeys);\n };\n\n const handleChangeColumnMetricsKey = columnIdx => newKey => {\n const newKeys = clone(metricsKeys);\n newKeys[columnIdx] = newKey;\n onChangeMetricsKeys(newKeys);\n };\n\n const handleSorting = dataKey => {\n onSorting(dataKey);\n };\n\n const handleToggleWell = (targetId, checked) => {\n if (checked) {\n onAddOffsetWell(targetId);\n } else {\n onDeleteOffsetWell(targetId);\n }\n };\n\n const handleToggleWells = e => {\n if (e.target.checked) {\n onAddAllOffsetWells();\n } else {\n onDeleteAllOffsetWells();\n }\n };\n\n const sortIconRenderer = dataKey => {\n return (\n <IconButton\n data-testid={`${PAGE_NAME}_sortRemove`}\n data-not-migrated-muiiconbutton\n className={classes.sortIconButton}\n onClick={() => handleSorting(dataKey)}\n >\n {dataKey !== sortInfo.key ? (\n <NotInterestedIcon className={classes.sortIcon} />\n ) : (\n <SortIcon\n className={classNames(classes.sortIcon, {\n [classes.ascendingSortIcon]: sortInfo.direction === 1,\n })}\n />\n )}\n </IconButton>\n );\n };\n\n // NOTE: Table renderers\n const headerRenderer = headerData => {\n const { label, dataKey } = headerData;\n\n // name column\n if (dataKey === 'name') {\n return (\n <div data-testid={`${PAGE_NAME}_wellHeader`} className={classes.nameWrapper}>\n <Checkbox\n data-testid={`${PAGE_NAME}_selectAll`}\n classes={{\n checked: classes.nameCheckBox,\n indeterminate: classes.nameCheckBox,\n }}\n onClick={handleToggleWells}\n checked={isAllUsableWellsSelected}\n indeterminate={offsetWells.length > 0 && !isAllUsableWellsSelected}\n size=\"small\"\n />\n <Typography className={classNames(classes.cell, classes.nameCell)}>{label}</Typography>\n {sortIconRenderer(dataKey)}\n </div>\n );\n }\n\n // metrics columns\n if (metricsKeys.includes(dataKey)) {\n const currentMetric = metricsColumns.find(item => item.key === dataKey);\n const metricIndex = metricsColumns.findIndex(item => item.key === dataKey);\n return (\n <div data-testid={`${PAGE_NAME}_header_${dataKey}`} className={classes.metricsColumn}>\n <MetricsSelect\n items={METRICS_LIST}\n currentValue={dataKey}\n onChange={handleChangeColumnMetricsKey(metricIndex)}\n />\n <Typography className={classNames(classes.cell, classes.unitCell)}>\n {currentMetric.unitType\n ? `(${getUnitDisplay(currentMetric.unitType, currentMetric.to)})`\n : ''}\n </Typography>\n {sortIconRenderer(dataKey)}\n </div>\n );\n }\n\n // settings column\n if (dataKey === SETTINGS_COLUMN.key) {\n return (\n <div className={classes.settingsCell}>\n <MetricsAddMenu metricsKeys={metricsKeys} onChange={handleChangeMetricsKeys} />\n </div>\n );\n }\n\n return (\n <div data-testid={`${PAGE_NAME}_header_${label}`} className={classes.nameWrapper}>\n <Typography className={classes.cell}>{label}</Typography>\n {sortIconRenderer(dataKey)}\n </div>\n );\n };\n\n const cellRenderer = ({ well, dataKey }) => {\n if (dataKey === 'name') {\n return (\n <div data-testid={`${PAGE_NAME}_row_${well.name}`} className={classes.nameWrapper}>\n <Checkbox\n data-testid={`${PAGE_NAME}_wellCheckbox`}\n color=\"primary\"\n checked={offsetWells.findIndex(offsetWell => offsetWell.id === well.id) > -1}\n onChange={e => handleToggleWell(well.id, e.target.checked)}\n size=\"small\"\n disabled={!well.is_usable}\n />\n\n <Typography\n data-testid={`${PAGE_NAME}_wellName`}\n className={classNames(classes.tableCellLabel, {\n [classes.tableCellLabelDisabled]: !well.is_usable,\n })}\n >\n {formatItem(well, dataKey)}\n </Typography>\n {subjectWell && well.id === subjectWell.id && <SubjectIndicator />}\n </div>\n );\n }\n\n // settings column\n if (dataKey === SETTINGS_COLUMN.key) {\n return (\n <div className={classes.settingsCell}>\n {!well.is_usable && (\n <Typography className={classes.errorMsg}>{unusableWellAlarm}</Typography>\n )}\n </div>\n );\n }\n\n let formattedCellData = null;\n if (metricsKeys.includes(dataKey)) {\n const currentMetric = metricsColumns.find(item => item.key === dataKey);\n formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);\n } else {\n formattedCellData = formatItem(well, dataKey);\n }\n return (\n <Typography\n data-testid={`${PAGE_NAME}_cell}`}\n className={classNames(classes.cell, classes.tableCellLabel, {\n [classes.tableCellLabelDisabled]: !well.is_usable,\n })}\n >\n {formattedCellData}\n </Typography>\n );\n };\n\n return (\n <>\n <div className={classes.tableWrapper}>\n <div className={classes.header}>\n {tableColumns.map(column => (\n <div\n className={classes.headerCell}\n key={column.key}\n style={{\n flexBasis: column.width,\n minWidth: column.minWidth,\n flexGrow: column.minWidth ? 1 : 0,\n }}\n >\n {headerRenderer({ label: column.label, dataKey: column.key })}\n </div>\n ))}\n </div>\n <div className={classes.table}>\n <List\n rowCount={wells.length}\n rowHeight={ROW_HEIGHT}\n rowComponent={({ index, style, ariaAttributes, wells }) => {\n return (\n <div style={{ ...style }} {...ariaAttributes} className={classes.row}>\n {tableColumns.map(column => (\n <div\n key={column.key}\n style={{\n flexBasis: column.width,\n minWidth: column.minWidth,\n flexGrow: column.minWidth ? 1 : 0,\n }}\n className={classes.rowCell}\n >\n {cellRenderer({\n well: wells[index],\n dataKey: column.key,\n })}\n </div>\n ))}\n </div>\n );\n }}\n rowProps={{ wells, tableColumns }}\n />\n </div>\n </div>\n </>\n );\n}\n\nWellsTable.propTypes = {\n subjectWell: PropTypes.shape({\n id: PropTypes.number,\n }),\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n isMetricsLoading: PropTypes.bool.isRequired,\n sortInfo: PropTypes.shape({\n key: PropTypes.string.isRequired,\n direction: PropTypes.number.isRequired,\n }).isRequired,\n classes: PropTypes.shape({}).isRequired,\n onChangeMetricsKeys: PropTypes.func.isRequired,\n onAddOffsetWell: PropTypes.func.isRequired,\n onDeleteOffsetWell: PropTypes.func.isRequired,\n onAddAllOffsetWells: PropTypes.func.isRequired,\n onDeleteAllOffsetWells: PropTypes.func.isRequired,\n onSorting: PropTypes.func.isRequired,\n unusableWellAlarm: PropTypes.string.isRequired,\n // isAdvancedSearch: PropTypes.bool,\n};\n\nexport default withStyles(muiStyles)(memo(WellsTable));\n"],"names":["PAGE_NAME","formatItem","item","key","result","value","get","Number","isFinite","parseFloat","toFixed","moment","unix","format","WellsTable","_ref","_ref$subjectWell","subjectWell","wells","offsetWells","metricsKeys","isMetricsLoading","sortInfo","unusableWellAlarm","classes","onChangeMetricsKeys","onAddOffsetWell","onDeleteOffsetWell","onAddAllOffsetWells","onDeleteAllOffsetWells","onSorting","usableWells","useMemo","filter","is_usable","isAllUsableWellsSelected","usableWellIds","map","well","id","sort","offsetWellIds","length","isEqual","metricsColumns","reduce","concat","METRICS_LIST","tableColumns","_toConsumableArray","TABLE_COLUMNS","_objectSpread","width","SETTINGS_COLUMN","handleChangeMetricsKeys","newKeys","handleToggleWells","e","target","checked","sortIconRenderer","dataKey","_jsx","IconButton","className","sortIconButton","onClick","handleSorting","children","NotInterestedIcon","sortIcon","SortIcon","classNames","_defineProperty","ascendingSortIcon","direction","headerRenderer","headerData","columnIdx","label","_jsxs","nameWrapper","Checkbox","nameCheckBox","indeterminate","size","Typography","cell","nameCell","includes","currentMetric","find","metricIndex","findIndex","metricsColumn","MetricsSelect","items","currentValue","onChange","newKey","clone","unitCell","unitType","getUnitDisplay","to","settingsCell","MetricsAddMenu","cellRenderer","_ref2","name","color","offsetWell","targetId","disabled","tableCellLabel","tableCellLabelDisabled","jsx","SubjectIndicator","errorMsg","formattedCellData","metric","METRICS_KEYS","convertValue","from","formatMetricItem","_Fragment","jsxs","tableWrapper","header","column","headerCell","style","flexBasis","minWidth","flexGrow","table","List","rowCount","rowHeight","rowComponent","_ref3","index","ariaAttributes","row","rowCell","rowProps","propTypes","PropTypes","shape","number","arrayOf","isRequired","string","bool","func","withStyles","theme","title","display","justifyContent","alignItems","flexWrap","marginBottom","marginTop","overflowX","overflowY","position","minHeight","borderTop","height","inset","flexFlow","borderBottom","isLightTheme","flex","alignSelf","paddingRight","marginLeft","paddingLeft","padding","fontSize","whiteSpace","tableRowHoverEnabled","backgroundColor","textAlign","rigReleaseCell","palette","primary","main","bodyCell","metricsCellWrapper","flexDirection","alignContent","tableTitle","lineHeight","tableTitleItems","addWellInput","transform","overflow","textOverflow","fontStyle","memo"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("prop-types"),t=require("lodash"),l=require("@material-ui/core"),r=require("@material-ui/icons"),a=require("../../constants.js"),s=require("./RadiusInput.js"),n=require("./SidetrackSwitch.js"),o=require("./MultiSelect.js"),d=require("./ClearFiltersButton.js"),u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(i),f=l.makeStyles((function(e){return{container:{display:"flex",marginBottom:"24px"},filters:{display:"flex",flexWrap:"wrap"},fileterSection:{display:"flex",width:"100%",alignItems:"center",flexWrap:"wrap"},filterRow:{display:"flex",width:"100%",flexFlow:"row wrap",alignContent:"flex-start",gap:"24px"},paper:{background:e.palette.background.b4,overflow:"hidden"},dialogTitle:{padding:"14px 0",height:"60px",borderBottom:"1px solid ".concat(e.palette.background.b7)},titleWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 16px",fontSize:"18px"},title:{fontSize:"20px"},dialogContent:{display:"flex",width:"100%",flexFlow:"row wrap",alignContent:"flex-start",height:"100%",paddingRight:"16px",justifyContent:"space-between"}}}));function x(e){var i=e.radius,c=e.excludeSideTrack,p=e.filters,x=e.filtersOptions,g=e.isRadiusEditable,h=e.filtersHidden,b=e.onChangeFilters,j=e.onChangeRadius,C=e.onChangeSidetrack,m=e.onClearFilters,q=e.isTablet,R=e.isMobile,w=e.onToggleFilters,k=f({isMobile:R}),y=q?200:150,S=function(){w(!1)};return h&&R&&!q?u.jsxs(l.Dialog,{onBackdropClick:S,onEscapeKeyDown:S,fullScreen:!0,maxWidth:"xs",fullWidth:!0,open:!0,classes:{paper:k.paper},children:[u.jsx(l.DialogTitle,{className:k.dialogTitle,children:u.jsxs("div",{className:k.titleWrapper,children:[u.jsx(l.Typography,{className:k.title,children:"Filter"}),u.jsx(r.Close,{className:k.closeIcon,onClick:S})]})}),u.jsxs(l.DialogContent,{className:k.dialogContent,children:[a.FILTERS_LIST.map((function(e){var i=e.key,l=e.title,r=e.renderValue;return u.jsx(o,{title:l,size:y,options:t.get(x,i,[]),currentValues:t.get(p,i,[]),renderValue:r,onChange:function(e){return b(i,e)}},i)})),u.jsx(s,{radius:i,editable:g,onChange:j,isMobile:R}),u.jsx(n,{checked:c,onChange:C,isMobile:R})]})]}):h||R&&!q?null:u.jsx("div",{className:k.container,children:u.jsx("div",{className:k.filters,children:u.jsx("div",{className:k.fileterSection,children:u.jsxs("div",{className:k.filterRow,children:[a.FILTERS_LIST.map((function(e){var i=e.key,l=e.title,r=e.renderValue;return u.jsx(o,{title:l,size:y,options:t.get(x,i,[]),currentValues:t.get(p,i,[]),renderValue:r,onChange:function(e){return b(i,e)}},i)})),u.jsx(s,{radius:i,editable:g,onChange:j,isTablet:q}),u.jsx(n,{checked:c,onChange:C,isMobile:R}),u.jsx(d,{onClick:m})]})})})})}x.propTypes={subjectWell:p.default.shape({}),radius:p.default.number.isRequired,isRadiusEditable:p.default.bool.isRequired,excludeSideTrack:p.default.bool.isRequired,filters:p.default.shape({}).isRequired,filtersOptions:p.default.shape({}).isRequired,filtersHidden:p.default.bool.isRequired,onChangeFilters:p.default.func.isRequired,onChangeRadius:p.default.func.isRequired,onChangeSidetrack:p.default.func.isRequired,onClearFilters:p.default.func.isRequired,isTablet:p.default.bool.isRequired,isMobile:p.default.bool.isRequired,onToggleFilters:p.default.func.isRequired},x.defaultProps={subjectWell:null};var g=e.memo(x);module.exports=g;
+"use strict";var e=require("react"),i=require("prop-types"),t=require("lodash"),l=require("@material-ui/core"),r=require("@material-ui/icons"),a=require("../../constants.js"),s=require("./RadiusInput.js"),n=require("./SidetrackSwitch.js"),o=require("./MultiSelect.js"),d=require("./ClearFiltersButton.js"),u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(i),f=l.makeStyles((function(e){return{container:{display:"flex",marginBottom:"24px"},filters:{display:"flex",flexWrap:"wrap"},fileterSection:{display:"flex",width:"100%",alignItems:"center",flexWrap:"wrap"},filterRow:{display:"flex",width:"100%",flexFlow:"row wrap",alignContent:"flex-start",gap:"24px"},paper:{background:e.palette.background.b4,overflow:"hidden"},dialogTitle:{padding:"14px 0",height:"60px",borderBottom:"1px solid ".concat(e.palette.background.b7)},titleWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 16px",fontSize:"18px"},title:{fontSize:"20px"},dialogContent:{display:"flex",width:"100%",flexFlow:"row wrap",alignContent:"flex-start",height:"100%",paddingRight:"16px",justifyContent:"space-between"}}}));function x(e){var i=e.radius,c=e.excludeSideTrack,p=e.filters,x=e.filtersOptions,g=e.isRadiusEditable,h=e.filtersHidden,b=e.onChangeFilters,j=e.onChangeRadius,C=e.onChangeSidetrack,m=e.onClearFilters,q=e.isTablet,R=e.isMobile,w=e.onToggleFilters,k=f({isMobile:R}),y=q?200:150,S=function(){w(!1)};return h&&R&&!q?u.jsxs(l.Dialog,{onBackdropClick:S,onEscapeKeyDown:S,fullScreen:!0,maxWidth:"xs",fullWidth:!0,open:!0,classes:{paper:k.paper},children:[u.jsx(l.DialogTitle,{className:k.dialogTitle,children:u.jsxs("div",{className:k.titleWrapper,children:[u.jsx(l.Typography,{className:k.title,children:"Filter"}),u.jsx(r.Close,{className:k.closeIcon,onClick:S})]})}),u.jsxs(l.DialogContent,{className:k.dialogContent,children:[a.FILTERS_LIST.map((function(e){var i=e.key,l=e.title,r=e.renderValue;return u.jsx(o,{title:l,size:y,options:t.get(x,i,[]),currentValues:t.get(p,i,[]),renderValue:r,onChange:function(e){return b(i,e)}},i)})),u.jsx(s,{radius:i,editable:g,onChange:j,isMobile:R}),u.jsx(n,{checked:c,onChange:C,isMobile:R})]})]}):h||R&&!q?null:u.jsx("div",{className:k.container,children:u.jsx("div",{className:k.filters,children:u.jsx("div",{className:k.fileterSection,children:u.jsxs("div",{className:k.filterRow,children:[a.FILTERS_LIST.map((function(e){var i=e.key,l=e.title,r=e.renderValue;return u.jsx(o,{title:l,size:y,options:t.get(x,i,[]),currentValues:t.get(p,i,[]),renderValue:r,onChange:function(e){return b(i,e)}},i)})),u.jsx(s,{radius:i,editable:g,onChange:j,isTablet:q}),u.jsx(n,{checked:c,onChange:C,isMobile:R}),u.jsx(d,{onClick:m})]})})})})}x.propTypes={subjectWell:p.default.shape({}),radius:p.default.number.isRequired,isRadiusEditable:p.default.bool.isRequired,excludeSideTrack:p.default.bool.isRequired,filters:p.default.shape({}).isRequired,filtersOptions:p.default.shape({}).isRequired,filtersHidden:p.default.bool.isRequired,onChangeFilters:p.default.func.isRequired,onChangeRadius:p.default.func.isRequired,onChangeSidetrack:p.default.func.isRequired,onClearFilters:p.default.func.isRequired,isTablet:p.default.bool.isRequired,isMobile:p.default.bool.isRequired,onToggleFilters:p.default.func.isRequired};var g=e.memo(x);module.exports=g;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { Dialog, makeStyles, DialogTitle, DialogContent, Typography } from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nimport { FILTERS_LIST } from '../../constants';\n\nimport RadiusInput from './RadiusInput';\nimport SidetrackSwitch from './SidetrackSwitch';\nimport MultiSelect from './MultiSelect';\nimport ClearFiltersButton from './ClearFiltersButton';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n marginBottom: '24px',\n },\n filters: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n fileterSection: {\n display: 'flex',\n width: '100%',\n alignItems: 'center',\n flexWrap: 'wrap',\n },\n filterRow: {\n display: 'flex',\n width: '100%',\n flexFlow: 'row wrap',\n alignContent: 'flex-start',\n gap: '24px',\n },\n paper: {\n background: theme.palette.background.b4,\n overflow: 'hidden',\n },\n dialogTitle: {\n padding: '14px 0',\n height: '60px',\n borderBottom: `1px solid ${theme.palette.background.b7}`,\n },\n titleWrapper: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '0 16px',\n fontSize: '18px',\n },\n title: {\n fontSize: '20px',\n },\n dialogContent: {\n display: 'flex',\n width: '100%',\n flexFlow: 'row wrap',\n alignContent: 'flex-start',\n height: '100%',\n paddingRight: '16px',\n justifyContent: 'space-between',\n },\n}));\n\nfunction Filter({\n radius,\n excludeSideTrack,\n filters,\n filtersOptions,\n isRadiusEditable,\n filtersHidden,\n onChangeFilters,\n onChangeRadius,\n onChangeSidetrack,\n onClearFilters,\n isTablet,\n isMobile,\n onToggleFilters,\n}) {\n const classes = useStyles({ isMobile });\n const multiSelectSize = isTablet ? 200 : 150;\n const onClose = () => {\n onToggleFilters(false);\n };\n\n if (filtersHidden && isMobile && !isTablet) {\n return (\n <Dialog\n onBackdropClick={onClose}\n onEscapeKeyDown={onClose}\n fullScreen\n maxWidth=\"xs\"\n fullWidth\n open\n classes={{ paper: classes.paper }}\n >\n <DialogTitle className={classes.dialogTitle}>\n <div className={classes.titleWrapper}>\n <Typography className={classes.title}>Filter</Typography>\n <CloseIcon className={classes.closeIcon} onClick={onClose} />\n </div>\n </DialogTitle>\n <DialogContent className={classes.dialogContent}>\n {FILTERS_LIST.map(({ key, title, renderValue }) => (\n <MultiSelect\n key={key}\n title={title}\n size={multiSelectSize}\n options={get(filtersOptions, key, [])}\n currentValues={get(filters, key, [])}\n renderValue={renderValue}\n onChange={newValues => onChangeFilters(key, newValues)}\n />\n ))}\n <RadiusInput\n radius={radius}\n editable={isRadiusEditable}\n onChange={onChangeRadius}\n isMobile={isMobile}\n />\n <SidetrackSwitch\n checked={excludeSideTrack}\n onChange={onChangeSidetrack}\n isMobile={isMobile}\n />\n </DialogContent>\n </Dialog>\n );\n }\n\n if (!filtersHidden && (!isMobile \|\| isTablet)) {\n return (\n <div className={classes.container}>\n <div className={classes.filters}>\n <div className={classes.fileterSection}>\n <div className={classes.filterRow}>\n {FILTERS_LIST.map(({ key, title, renderValue }) => (\n <MultiSelect\n key={key}\n title={title}\n size={multiSelectSize}\n options={get(filtersOptions, key, [])}\n currentValues={get(filters, key, [])}\n renderValue={renderValue}\n onChange={newValues => onChangeFilters(key, newValues)}\n />\n ))}\n <RadiusInput\n radius={radius}\n editable={isRadiusEditable}\n onChange={onChangeRadius}\n isTablet={isTablet}\n />\n <SidetrackSwitch\n checked={excludeSideTrack}\n onChange={onChangeSidetrack}\n isMobile={isMobile}\n />\n <ClearFiltersButton onClick={onClearFilters} />\n </div>\n </div>\n </div>\n </div>\n );\n } else {\n return null;\n }\n}\n\nFilter.propTypes = {\n subjectWell: PropTypes.shape({}),\n radius: PropTypes.number.isRequired,\n isRadiusEditable: PropTypes.bool.isRequired,\n excludeSideTrack: PropTypes.bool.isRequired,\n filters: PropTypes.shape({}).isRequired,\n filtersOptions: PropTypes.shape({}).isRequired,\n filtersHidden: PropTypes.bool.isRequired,\n onChangeFilters: PropTypes.func.isRequired,\n onChangeRadius: PropTypes.func.isRequired,\n onChangeSidetrack: PropTypes.func.isRequired,\n onClearFilters: PropTypes.func.isRequired,\n isTablet: PropTypes.bool.isRequired,\n isMobile: PropTypes.bool.isRequired,\n onToggleFilters: PropTypes.func.isRequired,\n};\n\~~nFilter.defaultProps = {\n subjectWell: null,\n};\n\~~nexport default memo(Filter);\n"],"names":["useStyles","makeStyles","theme","container","display","marginBottom","filters","flexWrap","fileterSection","width","alignItems","filterRow","flexFlow","alignContent","gap","paper","background","palette","b4","overflow","dialogTitle","padding","height","borderBottom","b7","titleWrapper","justifyContent","fontSize","title","dialogContent","paddingRight","Filter","_ref","radius","excludeSideTrack","filtersOptions","isRadiusEditable","filtersHidden","onChangeFilters","onChangeRadius","onChangeSidetrack","onClearFilters","isTablet","isMobile","onToggleFilters","classes","multiSelectSize","onClose","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","fullScreen","maxWidth","fullWidth","open","children","_jsx","DialogTitle","className","jsxs","Typography","CloseIcon","closeIcon","onClick","DialogContent","FILTERS_LIST","map","_ref2","key","renderValue","MultiSelect","size","options","get","currentValues","onChange","newValues","jsx","RadiusInput","editable","SidetrackSwitch","checked","_ref3","ClearFiltersButton","propTypes","subjectWell","PropTypes","shape","number","isRequired","bool","func","~~defaultProps","~~memo"],"mappings":"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~~YAGlC3D~~,~~EAAO8D~~,~~aAAe,CACpBP,YAAa,MAGf,IAAeQ,~~EAAAA,EAAAA,~~KAAK/D~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { Dialog, makeStyles, DialogTitle, DialogContent, Typography } from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nimport { FILTERS_LIST } from '../../constants';\n\nimport RadiusInput from './RadiusInput';\nimport SidetrackSwitch from './SidetrackSwitch';\nimport MultiSelect from './MultiSelect';\nimport ClearFiltersButton from './ClearFiltersButton';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n marginBottom: '24px',\n },\n filters: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n fileterSection: {\n display: 'flex',\n width: '100%',\n alignItems: 'center',\n flexWrap: 'wrap',\n },\n filterRow: {\n display: 'flex',\n width: '100%',\n flexFlow: 'row wrap',\n alignContent: 'flex-start',\n gap: '24px',\n },\n paper: {\n background: theme.palette.background.b4,\n overflow: 'hidden',\n },\n dialogTitle: {\n padding: '14px 0',\n height: '60px',\n borderBottom: `1px solid ${theme.palette.background.b7}`,\n },\n titleWrapper: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '0 16px',\n fontSize: '18px',\n },\n title: {\n fontSize: '20px',\n },\n dialogContent: {\n display: 'flex',\n width: '100%',\n flexFlow: 'row wrap',\n alignContent: 'flex-start',\n height: '100%',\n paddingRight: '16px',\n justifyContent: 'space-between',\n },\n}));\n\nfunction Filter({\n radius,\n excludeSideTrack,\n filters,\n filtersOptions,\n isRadiusEditable,\n filtersHidden,\n onChangeFilters,\n onChangeRadius,\n onChangeSidetrack,\n onClearFilters,\n isTablet,\n isMobile,\n onToggleFilters,\n}) {\n const classes = useStyles({ isMobile });\n const multiSelectSize = isTablet ? 200 : 150;\n const onClose = () => {\n onToggleFilters(false);\n };\n\n if (filtersHidden && isMobile && !isTablet) {\n return (\n <Dialog\n onBackdropClick={onClose}\n onEscapeKeyDown={onClose}\n fullScreen\n maxWidth=\"xs\"\n fullWidth\n open\n classes={{ paper: classes.paper }}\n >\n <DialogTitle className={classes.dialogTitle}>\n <div className={classes.titleWrapper}>\n <Typography className={classes.title}>Filter</Typography>\n <CloseIcon className={classes.closeIcon} onClick={onClose} />\n </div>\n </DialogTitle>\n <DialogContent className={classes.dialogContent}>\n {FILTERS_LIST.map(({ key, title, renderValue }) => (\n <MultiSelect\n key={key}\n title={title}\n size={multiSelectSize}\n options={get(filtersOptions, key, [])}\n currentValues={get(filters, key, [])}\n renderValue={renderValue}\n onChange={newValues => onChangeFilters(key, newValues)}\n />\n ))}\n <RadiusInput\n radius={radius}\n editable={isRadiusEditable}\n onChange={onChangeRadius}\n isMobile={isMobile}\n />\n <SidetrackSwitch\n checked={excludeSideTrack}\n onChange={onChangeSidetrack}\n isMobile={isMobile}\n />\n </DialogContent>\n </Dialog>\n );\n }\n\n if (!filtersHidden && (!isMobile \|\| isTablet)) {\n return (\n <div className={classes.container}>\n <div className={classes.filters}>\n <div className={classes.fileterSection}>\n <div className={classes.filterRow}>\n {FILTERS_LIST.map(({ key, title, renderValue }) => (\n <MultiSelect\n key={key}\n title={title}\n size={multiSelectSize}\n options={get(filtersOptions, key, [])}\n currentValues={get(filters, key, [])}\n renderValue={renderValue}\n onChange={newValues => onChangeFilters(key, newValues)}\n />\n ))}\n <RadiusInput\n radius={radius}\n editable={isRadiusEditable}\n onChange={onChangeRadius}\n isTablet={isTablet}\n />\n <SidetrackSwitch\n checked={excludeSideTrack}\n onChange={onChangeSidetrack}\n isMobile={isMobile}\n />\n <ClearFiltersButton onClick={onClearFilters} />\n </div>\n </div>\n </div>\n </div>\n );\n } else {\n return null;\n }\n}\n\nFilter.propTypes = {\n subjectWell: PropTypes.shape({}),\n radius: PropTypes.number.isRequired,\n isRadiusEditable: PropTypes.bool.isRequired,\n excludeSideTrack: PropTypes.bool.isRequired,\n filters: PropTypes.shape({}).isRequired,\n filtersOptions: PropTypes.shape({}).isRequired,\n filtersHidden: PropTypes.bool.isRequired,\n onChangeFilters: PropTypes.func.isRequired,\n onChangeRadius: PropTypes.func.isRequired,\n onChangeSidetrack: PropTypes.func.isRequired,\n onClearFilters: PropTypes.func.isRequired,\n isTablet: PropTypes.bool.isRequired,\n isMobile: PropTypes.bool.isRequired,\n onToggleFilters: PropTypes.func.isRequired,\n};\n\nexport default memo(Filter);\n"],"names":["useStyles","makeStyles","theme","container","display","marginBottom","filters","flexWrap","fileterSection","width","alignItems","filterRow","flexFlow","alignContent","gap","paper","background","palette","b4","overflow","dialogTitle","padding","height","borderBottom","b7","titleWrapper","justifyContent","fontSize","title","dialogContent","paddingRight","Filter","_ref","radius","excludeSideTrack","filtersOptions","isRadiusEditable","filtersHidden","onChangeFilters","onChangeRadius","onChangeSidetrack","onClearFilters","isTablet","isMobile","onToggleFilters","classes","multiSelectSize","onClose","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","fullScreen","maxWidth","fullWidth","open","children","_jsx","DialogTitle","className","jsxs","Typography","CloseIcon","closeIcon","onClick","DialogContent","FILTERS_LIST","map","_ref2","key","renderValue","MultiSelect","size","options","get","currentValues","onChange","newValues","jsx","RadiusInput","editable","SidetrackSwitch","checked","_ref3","ClearFiltersButton","propTypes","subjectWell","PropTypes","shape","number","isRequired","bool","func","memo"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellPickerV3/components/CustomSelectionView/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"),o=require("../../../../../../utils/index.js"),l=require("../../../../../../utils/createAdaptiveRoot.js");require("../../../../../../config/mapboxGl/index.js");var a=require("../../../../../../config/mapbox/index.js");require("mapbox-gl/dist/mapbox-gl.css");var c=require("react/jsx-runtime"),i=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(i),m=o.mapbox.isValidCoordinates,v=[29.749907,-95.358421],g={type:"FeatureCollection",features:[]},y=function(e){var r=d.default(e,2),t=r[0];return[r[1],t]};function h(e){var t=e.open,o=e.subjectWell,i=e.wells,s=e.offsetWells,f=e.radius,h=e.formationColors,w=e.popUpFormatter,b=e.coordsDataPath,x=e.onAddOffsetWell,q=e.onDeleteOffsetWell,D=r.useRef(null),B=r.useRef(),R=r.useRef(null),j=r.useRef(null),C=r.useRef(null),F=r.useRef(null),M=r.useRef(null),W=r.useRef(),E=r.useState(!1),P=d.default(E,2),L=P[0],O=P[1],A=r.useMemo((function(){return o&&u.get(o,b)}),[o,b]);return r.useEffect((function(){a.IS_MAPBOX_ENABLED&&t&&!B.current&&(B.current=new p.default.Map({container:D.current,style:"mapbox://styles/mapbox/dark-v9",center:y(v),zoom:1,attributionControl:!1,scrollZoom:!1}),B.current.addControl(new p.default.NavigationControl({showCompass:!1}),"bottom-right"),B.current.on("load",(function(){B.current.addSource("radius-circle",{type:"geojson",data:g}),B.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),B.current.addSource("wells",{type:"geojson",data:g}),B.current.addLayer({id:"wells",type:"circle",source:"wells",layout:{"circle-sort-key":["get","sortKey"]},paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),O(!0)})))}),[t]),r.useEffect((function(){return function(){var e;null===(e=F.current)||void 0===e||e.unmount(),F.current=null,M.current=null,B.current&&(B.current.remove(),B.current=null,R.current=null,j.current=null)}}),[]),r.useEffect((function(){if(B.current&&L&&t){if(!A)return B.current.getSource("radius-circle").setData(g),void(R.current=null);var e=function(e,r){for(var t=d.default(e,2),u=t[0],n=t[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,l=[],a=r/(111320*Math.cos(u*Math.PI/180)),c=r/110574,i=0;i<=o;i+=1){var s=i/o*(2*Math.PI);l.push([n+a*Math.cos(s),u+c*Math.sin(s)])}return l}(A,1609.34*f);B.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}}),R.current=e.reduce((function(e,r){return e.extend(r)}),new p.default.LngLatBounds)}}),[f,A,t,L]),r.useEffect((function(){if(B.current&&L&&t){var e=W.current;W.current=i;var n=s.map((function(e){return e.id})),a=u.sortBy(i,(function(e){return n.includes(e.id)})),d=[],f={},v=new p.default.LngLatBounds;a.forEach((function(e){var r=u.get(e,b);if(r&&m(r)){var t=o&&o.id===e.id,l=n.includes(e.id),a=t?10:5,c=t||l?"#00FFFF":u.get(h,e.formation,"#BDBDBD"),i=t||l?1:.3;f[e.id]=e,v.extend(y(r)),d.push({type:"Feature",geometry:{type:"Point",coordinates:y(r)},properties:{wellId:e.id,radius:a,color:c,opacity:i,sortKey:l?1:0}})}})),B.current.getSource("wells").setData({type:"FeatureCollection",features:d}),j.current=d.length?v:null;var g=B.current,D=null,E=function(e){g.getCanvas().style.cursor="pointer";var t=f[e.features[0].properties.wellId];if(t&&t.id!==D&&(D=t.id,w)){var n=r.createElement(w,{well:t,color:u.get(h,t.formation,"#BDBDBD")});M.current||(M.current=document.createElement("div"),F.current=l.createAdaptiveRoot(M.current)),F.current.render(c.jsx(c.Fragment,{children:n})),C.current||(C.current=new p.default.Popup({closeButton:!1,maxWidth:"none"})),C.current.setLngLat(y(u.get(t,b))).setDOMContent(M.current).addTo(g)}},P=function(){var e;D=null,g.getCanvas().style.cursor="",null===(e=C.current)||void 0===e||e.remove()},O=function(e){var r=e.features[0].properties.wellId,t=o&&o.id===r;n.includes(r)&&!t?q(r):x(r)};return g.on("mousemove","wells",E),g.on("mouseleave","wells",P),g.on("click","wells",O),setTimeout((function(){B.current&&R.current&&i!==e&&B.current.fitBounds(R.current,{padding:5})}),500),function(){g.off("mousemove","wells",E),g.off("mouseleave","wells",P),g.off("click","wells",O)}}}),[o,i,s,t,L]),r.useEffect((function(){t&&setTimeout((function(){o?B.current&&R.current&&B.current.fitBounds(R.current,{padding:5}):B.current&&j.current&&B.current.fitBounds(j.current)}),500)}),[f,o,t,L]),c.jsx("div",{className:n.map,children:c.jsx("div",{className:n.mapMain,ref:D})})}h.propTypes={open:f.default.bool.isRequired,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,formationColors:f.default.shape({}).isRequired,popUpFormatter:f.default.func,coordsDataPath:f.default.string,onAddOffsetWell:f.default.func.isRequired,onDeleteOffsetWell:f.default.func.isRequired},h.defaultProps={subjectWell:null,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var w=r.memo(h);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"),o=require("../../../../../../utils/index.js"),l=require("../../../../../../utils/createAdaptiveRoot.js");require("../../../../../../config/mapboxGl/index.js");var a=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=o.mapbox.isValidCoordinates,v=[29.749907,-95.358421],g={type:"FeatureCollection",features:[]},y=function(e){var r=d.default(e,2),t=r[0];return[r[1],t]};function h(e){var t=e.open,o=e.subjectWell,c=void 0===o?null:o,s=e.wells,f=e.offsetWells,h=void 0===f?null:f,w=e.radius,x=e.formationColors,b=e.popUpFormatter,q=void 0===b?null:b,B=e.coordsDataPath,D=void 0===B?"settings.top_hole.coordinates":B,R=e.onAddOffsetWell,j=e.onDeleteOffsetWell,C=r.useRef(null),F=r.useRef(),M=r.useRef(null),E=r.useRef(null),L=r.useRef(null),W=r.useRef(null),O=r.useRef(null),P=r.useRef(),A=r.useState(!1),S=d.default(A,2),I=S[0],T=S[1],k=r.useMemo((function(){return c&&u.get(c,D)}),[c,D]);return r.useEffect((function(){a.IS_MAPBOX_ENABLED&&t&&!F.current&&(F.current=new p.default.Map({container:C.current,style:"mapbox://styles/mapbox/dark-v9",center:y(v),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:g}),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:g}),F.current.addLayer({id:"wells",type:"circle",source:"wells",layout:{"circle-sort-key":["get","sortKey"]},paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),T(!0)})))}),[t]),r.useEffect((function(){return function(){var e;null===(e=W.current)||void 0===e||e.unmount(),W.current=null,O.current=null,F.current&&(F.current.remove(),F.current=null,M.current=null,E.current=null)}}),[]),r.useEffect((function(){if(F.current&&I&&t){if(!k)return F.current.getSource("radius-circle").setData(g),void(M.current=null);var e=function(e,r){for(var t=d.default(e,2),u=t[0],n=t[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,l=[],a=r/(111320*Math.cos(u*Math.PI/180)),i=r/110574,c=0;c<=o;c+=1){var s=c/o*(2*Math.PI);l.push([n+a*Math.cos(s),u+i*Math.sin(s)])}return l}(k,1609.34*w);F.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}}),M.current=e.reduce((function(e,r){return e.extend(r)}),new p.default.LngLatBounds)}}),[w,k,t,I]),r.useEffect((function(){if(F.current&&I&&t){var e=P.current;P.current=s;var n=h.map((function(e){return e.id})),o=u.sortBy(s,(function(e){return n.includes(e.id)})),a=[],d={},f=new p.default.LngLatBounds;o.forEach((function(e){var r=u.get(e,D);if(r&&m(r)){var t=c&&c.id===e.id,o=n.includes(e.id),l=t?10:5,i=t||o?"#00FFFF":u.get(x,e.formation,"#BDBDBD"),s=t||o?1:.3;d[e.id]=e,f.extend(y(r)),a.push({type:"Feature",geometry:{type:"Point",coordinates:y(r)},properties:{wellId:e.id,radius:l,color:i,opacity:s,sortKey:o?1:0}})}})),F.current.getSource("wells").setData({type:"FeatureCollection",features:a}),E.current=a.length?f:null;var v=F.current,g=null,w=function(e){v.getCanvas().style.cursor="pointer";var t=d[e.features[0].properties.wellId];if(t&&t.id!==g&&(g=t.id,q)){var n=r.createElement(q,{well:t,color:u.get(x,t.formation,"#BDBDBD")});O.current||(O.current=document.createElement("div"),W.current=l.createAdaptiveRoot(O.current)),W.current.render(i.jsx(i.Fragment,{children:n})),L.current||(L.current=new p.default.Popup({closeButton:!1,maxWidth:"none"})),L.current.setLngLat(y(u.get(t,D))).setDOMContent(O.current).addTo(v)}},b=function(){var e;g=null,v.getCanvas().style.cursor="",null===(e=L.current)||void 0===e||e.remove()},B=function(e){var r=e.features[0].properties.wellId,t=c&&c.id===r;n.includes(r)&&!t?j(r):R(r)};return v.on("mousemove","wells",w),v.on("mouseleave","wells",b),v.on("click","wells",B),setTimeout((function(){F.current&&M.current&&s!==e&&F.current.fitBounds(M.current,{padding:5})}),500),function(){v.off("mousemove","wells",w),v.off("mouseleave","wells",b),v.off("click","wells",B)}}}),[c,s,h,t,I]),r.useEffect((function(){t&&setTimeout((function(){c?F.current&&M.current&&F.current.fitBounds(M.current,{padding:5}):F.current&&E.current&&F.current.fitBounds(E.current)}),500)}),[w,c,t,I]),i.jsx("div",{className:n.map,children:i.jsx("div",{className:n.mapMain,ref:C})})}h.propTypes={open:f.default.bool.isRequired,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,formationColors:f.default.shape({}).isRequired,popUpFormatter:f.default.func,coordsDataPath:f.default.string,onAddOffsetWell:f.default.func.isRequired,onDeleteOffsetWell:f.default.func.isRequired};var w=r.memo(h);module.exports=w;
 //# sourceMappingURL=Map.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } 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 DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\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\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n open,\n subjectWell,\n wells,\n offsetWells,\n radius,\n formationColors,\n popUpFormatter,\n coordsDataPath,\n onAddOffsetWell,\n onDeleteOffsetWell,\n}) {\n const mapContainerRef = useRef(null);\n const mapRef = useRef();\n const radiusCircleBoundsRef = 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 \|\| !open \|\| mapRef.current) return;\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 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 layout: {\n 'circle-sort-key': ['get', 'sortKey'],\n },\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': ['get', 'color'],\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n\n setIsMapReady(true);\n });\n }, [open]);\n\n useEffect(\n () => () => {\n tooltipRootRef.current?.unmount();\n tooltipRootRef.current = null;\n tooltipContainerRef.current = null;\n\n if (mapRef.current) {\n mapRef.current.remove();\n mapRef.current = null;\n radiusCircleBoundsRef.current = null;\n markersBoundsRef.current = null;\n }\n },\n []\n );\n\n // NOTE: Radius circle\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady \|\| !open) {\n return;\n }\n\n if (!subjectWellCoords) {\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n radiusCircleBoundsRef.current = null;\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 radiusCircleBoundsRef.current = ring.reduce(\n (bounds, coord) => bounds.extend(coord),\n new mapboxgl.LngLatBounds()\n );\n }, [radius, subjectWellCoords, open, isMapReady]);\n\n // NOTE: Well markers\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady \|\| !open) {\n return undefined;\n }\n\n const prevWells = prevWellsRef.current;\n prevWellsRef.current = wells;\n\n const offsetWellIds = offsetWells.map(well => well.id);\n const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n const features = [];\n const wellsById = {};\n const bounds = new mapboxgl.LngLatBounds();\n sortedWells.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 ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n const color =\n isWellSubject \|\| isWellOffset\n ? OFFSET_WELL_COLOR\n : get(formationColors, well.formation, '#BDBDBD');\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 // NOTE: sortKey keeps offset wells rendered on top (was sortedWells insertion order)\n properties: { wellId: well.id, radius: r, color, opacity, sortKey: isWellOffset ? 1 : 0 },\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 if (popUpFormatter) {\n const popUpContent = createElement(popUpFormatter, {\n well,\n color: get(formationColors, well.formation, '#BDBDBD'),\n });\n // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n if (!tooltipContainerRef.current) {\n tooltipContainerRef.current = document.createElement('div');\n tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n }\n tooltipRootRef.current.render(<>{popUpContent}</>);\n\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n }\n popupRef.current\n .setLngLat(toLngLat(get(well, coordsDataPath)))\n .setDOMContent(tooltipContainerRef.current)\n .addTo(map);\n }\n };\n\n const handleMouseLeave = () => {\n hoveredWellId = null;\n map.getCanvas().style.cursor = '';\n popupRef.current?.remove();\n };\n\n const handleClick = e => {\n const { wellId } = e.features[0].properties;\n const isWellSubject = subjectWell && subjectWell.id === wellId;\n const isWellOffset = offsetWellIds.includes(wellId);\n\n if (isWellOffset && !isWellSubject) {\n onDeleteOffsetWell(wellId);\n } else {\n onAddOffsetWell(wellId);\n }\n };\n\n map.on('mousemove', WELLS_ID, handleMouseMove);\n map.on('mouseleave', WELLS_ID, handleMouseLeave);\n map.on('click', WELLS_ID, handleClick);\n\n setTimeout(() => {\n if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_ID, handleMouseMove);\n map.off('mouseleave', WELLS_ID, handleMouseLeave);\n map.off('click', WELLS_ID, handleClick);\n };\n }, [subjectWell, wells, offsetWells, open, isMapReady]);\n\n useEffect(() => {\n if (!open) return;\n\n setTimeout(() => {\n if (subjectWell) {\n if (mapRef.current && radiusCircleBoundsRef.current) {\n mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n padding: 5,\n });\n }\n } else if (mapRef.current && markersBoundsRef.current) {\n mapRef.current.fitBounds(markersBoundsRef.current);\n }\n }, 500);\n }, [radius, subjectWell, open, isMapReady]);\n\n return (\n <div className={styles.map}>\n <div className={styles.mapMain} ref={mapContainerRef} />\n </div>\n );\n}\n\nWellsMap.propTypes = {\n open: PropTypes.bool.isRequired,\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 formationColors: PropTypes.shape({}).isRequired,\n popUpFormatter: PropTypes.func,\n coordsDataPath: PropTypes.string,\n onAddOffsetWell: PropTypes.func.isRequired,\n onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nWellsMap.defaultProps = {\n subjectWell: null,\n popUpFormatter: null,\n coordsDataPath: 'settings.top_hole.coordinates',\n offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","open","subjectWell","wells","offsetWells","radius","formationColors","popUpFormatter","coordsDataPath","onAddOffsetWell","onDeleteOffsetWell","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","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","layout","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","geometry","coordinates","reduce","bounds","coord","extend","LngLatBounds","prevWells","offsetWellIds","map","well","sortedWells","sortBy","includes","wellsById","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","properties","wellId","sortKey","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","_popupRef$current","handleClick","setTimeout","fitBounds","padding","off","className","styles","jsx","mapMain","ref","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","defaultProps","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Map.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } 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 DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\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\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n open,\n subjectWell = null,\n wells,\n offsetWells = null,\n radius,\n formationColors,\n popUpFormatter = null,\n coordsDataPath = 'settings.top_hole.coordinates',\n onAddOffsetWell,\n onDeleteOffsetWell,\n}) {\n const mapContainerRef = useRef(null);\n const mapRef = useRef();\n const radiusCircleBoundsRef = 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 \|\| !open \|\| mapRef.current) return;\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 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 layout: {\n 'circle-sort-key': ['get', 'sortKey'],\n },\n paint: {\n 'circle-radius': ['get', 'radius'],\n 'circle-color': ['get', 'color'],\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n\n setIsMapReady(true);\n });\n }, [open]);\n\n useEffect(\n () => () => {\n tooltipRootRef.current?.unmount();\n tooltipRootRef.current = null;\n tooltipContainerRef.current = null;\n\n if (mapRef.current) {\n mapRef.current.remove();\n mapRef.current = null;\n radiusCircleBoundsRef.current = null;\n markersBoundsRef.current = null;\n }\n },\n []\n );\n\n // NOTE: Radius circle\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady \|\| !open) {\n return;\n }\n\n if (!subjectWellCoords) {\n mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n radiusCircleBoundsRef.current = null;\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 radiusCircleBoundsRef.current = ring.reduce(\n (bounds, coord) => bounds.extend(coord),\n new mapboxgl.LngLatBounds()\n );\n }, [radius, subjectWellCoords, open, isMapReady]);\n\n // NOTE: Well markers\n useEffect(() => {\n if (!mapRef.current \|\| !isMapReady \|\| !open) {\n return undefined;\n }\n\n const prevWells = prevWellsRef.current;\n prevWellsRef.current = wells;\n\n const offsetWellIds = offsetWells.map(well => well.id);\n const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n const features = [];\n const wellsById = {};\n const bounds = new mapboxgl.LngLatBounds();\n sortedWells.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 ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n const color =\n isWellSubject \|\| isWellOffset\n ? OFFSET_WELL_COLOR\n : get(formationColors, well.formation, '#BDBDBD');\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 // NOTE: sortKey keeps offset wells rendered on top (was sortedWells insertion order)\n properties: { wellId: well.id, radius: r, color, opacity, sortKey: isWellOffset ? 1 : 0 },\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 if (popUpFormatter) {\n const popUpContent = createElement(popUpFormatter, {\n well,\n color: get(formationColors, well.formation, '#BDBDBD'),\n });\n // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n if (!tooltipContainerRef.current) {\n tooltipContainerRef.current = document.createElement('div');\n tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n }\n tooltipRootRef.current.render(<>{popUpContent}</>);\n\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n }\n popupRef.current\n .setLngLat(toLngLat(get(well, coordsDataPath)))\n .setDOMContent(tooltipContainerRef.current)\n .addTo(map);\n }\n };\n\n const handleMouseLeave = () => {\n hoveredWellId = null;\n map.getCanvas().style.cursor = '';\n popupRef.current?.remove();\n };\n\n const handleClick = e => {\n const { wellId } = e.features[0].properties;\n const isWellSubject = subjectWell && subjectWell.id === wellId;\n const isWellOffset = offsetWellIds.includes(wellId);\n\n if (isWellOffset && !isWellSubject) {\n onDeleteOffsetWell(wellId);\n } else {\n onAddOffsetWell(wellId);\n }\n };\n\n map.on('mousemove', WELLS_ID, handleMouseMove);\n map.on('mouseleave', WELLS_ID, handleMouseLeave);\n map.on('click', WELLS_ID, handleClick);\n\n setTimeout(() => {\n if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_ID, handleMouseMove);\n map.off('mouseleave', WELLS_ID, handleMouseLeave);\n map.off('click', WELLS_ID, handleClick);\n };\n }, [subjectWell, wells, offsetWells, open, isMapReady]);\n\n useEffect(() => {\n if (!open) return;\n\n setTimeout(() => {\n if (subjectWell) {\n if (mapRef.current && radiusCircleBoundsRef.current) {\n mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n padding: 5,\n });\n }\n } else if (mapRef.current && markersBoundsRef.current) {\n mapRef.current.fitBounds(markersBoundsRef.current);\n }\n }, 500);\n }, [radius, subjectWell, open, isMapReady]);\n\n return (\n <div className={styles.map}>\n <div className={styles.mapMain} ref={mapContainerRef} />\n </div>\n );\n}\n\nWellsMap.propTypes = {\n open: PropTypes.bool.isRequired,\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 formationColors: PropTypes.shape({}).isRequired,\n popUpFormatter: PropTypes.func,\n coordsDataPath: PropTypes.string,\n onAddOffsetWell: PropTypes.func.isRequired,\n onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","open","_ref5$subjectWell","subjectWell","wells","_ref5$offsetWells","offsetWells","radius","formationColors","_ref5$popUpFormatter","popUpFormatter","_ref5$coordsDataPath","coordsDataPath","onAddOffsetWell","onDeleteOffsetWell","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","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","layout","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","geometry","coordinates","reduce","bounds","coord","extend","LngLatBounds","prevWells","offsetWellIds","map","well","sortedWells","sortBy","includes","wellsById","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","properties","wellId","sortKey","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","_popupRef$current","handleClick","setTimeout","fitBounds","padding","off","className","styles","jsx","mapMain","ref","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","memo"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),l=require("prop-types"),s=require("@material-ui/core"),t=require("./FormationsLegend.js"),o=require("./popupGenerator.js"),a=require("./utils.js"),i=require("./Map.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(e),f=d(l),p=s.makeStyles({mapContainerHidden:{marginTop:"20px",display:"none"}});function m(e){var l=e.open,s=e.subjectWell,d=e.wells,f=e.offsetWells,m=e.radius,c=e.mapHidden,q=e.isMobile,b=e.onAddOffsetWell,j=e.onDeleteOffsetWell,W=p(),y=r.useMemo((function(){return a.getAllFormations(d)}),[d]),O=n.default(y,2),R=O[0],h=O[1];return u.jsxs("div",{className:c&&W.mapContainerHidden,children:[u.jsx(i,{open:l,subjectWell:s,wells:d,offsetWells:f,radius:m,formationColors:h,popUpFormatter:o(),coordsDataPath:"topHole.coordinates",onAddOffsetWell:b,onDeleteOffsetWell:j}),!q&&u.jsx(t,{formations:R,formationColors:h})]})}m.propTypes={open:f.default.bool.isRequired,subjectWell:f.default.shape({}),wells:f.default.arrayOf(f.default.shape({})).isRequired,offsetWells:f.default.arrayOf(f.default.shape({})).isRequired,radius:f.default.number,mapHidden:f.default.bool.isRequired,isMobile:f.default.bool.isRequired,onAddOffsetWell:f.default.func.isRequired,onDeleteOffsetWell:f.default.func.isRequired},m.defaultProps={subjectWell:null,radius:null};var c=r.memo(m);module.exports=c;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),l=require("prop-types"),o=require("@material-ui/core"),t=require("./FormationsLegend.js"),s=require("./popupGenerator.js"),i=require("./utils.js"),a=require("./Map.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(e),f=d(l),p=o.makeStyles({mapContainerHidden:{marginTop:"20px",display:"none"}});function m(e){var l=e.open,o=e.subjectWell,d=void 0===o?null:o,f=e.wells,m=e.offsetWells,c=e.radius,q=void 0===c?null:c,b=e.mapHidden,j=e.isMobile,W=e.onAddOffsetWell,y=e.onDeleteOffsetWell,O=p(),v=r.useMemo((function(){return i.getAllFormations(f)}),[f]),R=n.default(v,2),h=R[0],x=R[1];return u.jsxs("div",{className:b&&O.mapContainerHidden,children:[u.jsx(a,{open:l,subjectWell:d,wells:f,offsetWells:m,radius:q,formationColors:x,popUpFormatter:s(),coordsDataPath:"topHole.coordinates",onAddOffsetWell:W,onDeleteOffsetWell:y}),!j&&u.jsx(t,{formations:h,formationColors:x})]})}m.propTypes={open:f.default.bool.isRequired,subjectWell:f.default.shape({}),wells:f.default.arrayOf(f.default.shape({})).isRequired,offsetWells:f.default.arrayOf(f.default.shape({})).isRequired,radius:f.default.number,mapHidden:f.default.bool.isRequired,isMobile:f.default.bool.isRequired,onAddOffsetWell:f.default.func.isRequired,onDeleteOffsetWell:f.default.func.isRequired};var c=r.memo(m);module.exports=c;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport FormationsLegend from './FormationsLegend';\nimport popupGenerator from './popupGenerator';\nimport { getAllFormations } from './utils';\nimport Map from './Map';\n\nconst useStyles = makeStyles({\n mapContainerHidden: {\n marginTop: '20px',\n display: 'none',\n },\n});\n\nfunction MapContainer({\n open,\n subjectWell,\n wells,\n offsetWells,\n radius,\n mapHidden,\n isMobile,\n onAddOffsetWell,\n onDeleteOffsetWell,\n}) {\n const classes = useStyles();\n\n const [formations, formationColors] = useMemo(() => getAllFormations(wells), [wells]);\n\n return (\n <div className={mapHidden && classes.mapContainerHidden}>\n <Map\n open={open}\n subjectWell={subjectWell}\n wells={wells}\n offsetWells={offsetWells}\n radius={radius}\n formationColors={formationColors}\n popUpFormatter={popupGenerator()}\n coordsDataPath=\"topHole.coordinates\"\n onAddOffsetWell={onAddOffsetWell}\n onDeleteOffsetWell={onDeleteOffsetWell}\n />\n {!isMobile && <FormationsLegend formations={formations} formationColors={formationColors} />}\n </div>\n );\n}\n\nMapContainer.propTypes = {\n open: PropTypes.bool.isRequired,\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.isRequired,\n isMobile: PropTypes.bool.isRequired,\n onAddOffsetWell: PropTypes.func.isRequired,\n onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\~~nMapContainer.defaultProps = {\n subjectWell: null,\n radius: null,\n};\n\~~nexport default memo(MapContainer);\n"],"names":["useStyles","makeStyles","mapContainerHidden","marginTop","display","MapContainer","_ref","open","subjectWell","wells","offsetWells","radius","mapHidden","isMobile","onAddOffsetWell","onDeleteOffsetWell","classes","_useMemo","useMemo","getAllFormations","_useMemo2","_slicedToArray","formations","formationColors","_jsxs","className","children","_jsx","Map","popUpFormatter","popupGenerator","coordsDataPath","FormationsLegend","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","func","~~defaultProps","~~memo"],"mappings":"wXASMA,EAAYC,EAAAA,WAAW,CAC3BC,mBAAoB,CAClBC,UAAW,OACXC,QAAS,UAIb,SAASC,EAUNC,GAAA,IATDC,IAAAA,~~KACAC~~,~~IAAAA~~,~~YACAC~~,IAAAA,MACAC,IAAAA,~~YACAC~~,~~IAAAA~~,~~OACAC~~,IAAAA,UACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,mBAEMC,~~EAAUhB~~,~~IAEhBiB~~,EAAsCC,EAAAA,SAAQ,WAAA,OAAMC,EAAAA,~~iBAAiBV~~,KAAQ,CAACA,~~IAAOW~~,EAAAC,EAAAA,QAAAJ,EAAA,GAA9EK,EAAUF,EAAA,GAAEG,EAAeH,EAAA,GAElC,OACEI,EAAAA,KAAA,MAAA,CAAKC,UAAWb,GAAaI,~~EAAQd~~,~~mBAAmBwB~~,SAAA,CACtDC,MAACC,EAAG,~~CACFrB~~,KAAMA,~~EACNC~~,YAAaA,EACbC,MAAOA,EACPC,YAAaA,~~EACbC~~,OAAQA,EACRY,gBAAiBA,EACjBM,eAAgBC,IAChBC,eAAe,sBACfjB,gBAAiBA,EACjBC,mBAAoBA,KAEpBF,GAAYc,MAACK,EAAgB,CAACV,WAAYA,EAAYC,gBAAiBA,MAG/E,~~CAEAlB~~,~~EAAa4B~~,UAAY,~~CACvB1B~~,~~KAAM2B~~,EAAAA,QAAUC,KAAKC,~~WACrB5B~~,~~YAAa0B~~,EAAAA,QAAUG,MAAM,~~IAC7B5B~~,~~MAAOyB~~,EAAS,QAACI,QAAQJ,EAAAA,QAAUG,MAAM,CAAA,IAAKD,~~WAC9C1B~~,~~YAAawB~~,EAAS,QAACI,QAAQJ,EAAAA,QAAUG,MAAM,CAAA,IAAKD,WACpDzB,OAAQuB,EAAS,QAACK,OAClB3B,UAAWsB,EAAAA,QAAUC,KAAKC,WAC1BvB,SAAUqB,EAAAA,QAAUC,KAAKC,WACzBtB,gBAAiBoB,EAAAA,QAAUM,KAAKJ,WAChCrB,mBAAoBmB,EAAAA,QAAUM,KAAKJ,YAGrC/B,~~EAAaoC~~,~~aAAe,CAC1BjC,YAAa,KACbG,OAAQ,MAGV,IAAe+B,~~EAAAA,EAAAA,~~KAAKrC~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport FormationsLegend from './FormationsLegend';\nimport popupGenerator from './popupGenerator';\nimport { getAllFormations } from './utils';\nimport Map from './Map';\n\nconst useStyles = makeStyles({\n mapContainerHidden: {\n marginTop: '20px',\n display: 'none',\n },\n});\n\nfunction MapContainer({\n open,\n subjectWell = null,\n wells,\n offsetWells,\n radius = null,\n mapHidden,\n isMobile,\n onAddOffsetWell,\n onDeleteOffsetWell,\n}) {\n const classes = useStyles();\n\n const [formations, formationColors] = useMemo(() => getAllFormations(wells), [wells]);\n\n return (\n <div className={mapHidden && classes.mapContainerHidden}>\n <Map\n open={open}\n subjectWell={subjectWell}\n wells={wells}\n offsetWells={offsetWells}\n radius={radius}\n formationColors={formationColors}\n popUpFormatter={popupGenerator()}\n coordsDataPath=\"topHole.coordinates\"\n onAddOffsetWell={onAddOffsetWell}\n onDeleteOffsetWell={onDeleteOffsetWell}\n />\n {!isMobile && <FormationsLegend formations={formations} formationColors={formationColors} />}\n </div>\n );\n}\n\nMapContainer.propTypes = {\n open: PropTypes.bool.isRequired,\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.isRequired,\n isMobile: PropTypes.bool.isRequired,\n onAddOffsetWell: PropTypes.func.isRequired,\n onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nexport default memo(MapContainer);\n"],"names":["useStyles","makeStyles","mapContainerHidden","marginTop","display","MapContainer","_ref","open","_ref$subjectWell","subjectWell","wells","offsetWells","_ref$radius","radius","mapHidden","isMobile","onAddOffsetWell","onDeleteOffsetWell","classes","_useMemo","useMemo","getAllFormations","_useMemo2","_slicedToArray","formations","formationColors","_jsxs","className","children","_jsx","Map","popUpFormatter","popupGenerator","coordsDataPath","FormationsLegend","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","func","memo"],"mappings":"wXASMA,EAAYC,EAAAA,WAAW,CAC3BC,mBAAoB,CAClBC,UAAW,OACXC,QAAS,UAIb,SAASC,EAUNC,GAAA,IATDC,IAAAA,KAAIC,EAAAF,EACJG,YAAAA,aAAc,KAAID,EAClBE,IAAAA,MACAC,IAAAA,YAAWC,EAAAN,EACXO,OAAAA,aAAS,KAAID,EACbE,IAAAA,UACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,mBAEMC,EAAUlB,IAEhBmB,EAAsCC,EAAAA,SAAQ,WAAA,OAAMC,EAAAA,iBAAiBX,KAAQ,CAACA,IAAOY,EAAAC,EAAAA,QAAAJ,EAAA,GAA9EK,EAAUF,EAAA,GAAEG,EAAeH,EAAA,GAElC,OACEI,EAAAA,KAAA,MAAA,CAAKC,UAAWb,GAAaI,EAAQhB,mBAAmB0B,SAAA,CACtDC,MAACC,EAAG,CACFvB,KAAMA,EACNE,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbE,OAAQA,EACRY,gBAAiBA,EACjBM,eAAgBC,IAChBC,eAAe,sBACfjB,gBAAiBA,EACjBC,mBAAoBA,KAEpBF,GAAYc,MAACK,EAAgB,CAACV,WAAYA,EAAYC,gBAAiBA,MAG/E,CAEApB,EAAa8B,UAAY,CACvB5B,KAAM6B,EAAAA,QAAUC,KAAKC,WACrB7B,YAAa2B,EAAAA,QAAUG,MAAM,IAC7B7B,MAAO0B,EAAS,QAACI,QAAQJ,EAAAA,QAAUG,MAAM,CAAA,IAAKD,WAC9C3B,YAAayB,EAAS,QAACI,QAAQJ,EAAAA,QAAUG,MAAM,CAAA,IAAKD,WACpDzB,OAAQuB,EAAS,QAACK,OAClB3B,UAAWsB,EAAAA,QAAUC,KAAKC,WAC1BvB,SAAUqB,EAAAA,QAAUC,KAAKC,WACzBtB,gBAAiBoB,EAAAA,QAAUM,KAAKJ,WAChCrB,mBAAoBmB,EAAAA,QAAUM,KAAKJ,YAGrC,IAAeK,EAAAA,EAAAA,KAAKtC"}