npm - @corva/ui - Versions diffs - 3.40.0-9 → 3.41.0-0 - Mend

@corva/ui 3.40.0-9 → 3.41.0-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 (479) hide show

package/components/OffsetWellPickerV5/components/Filter/Filter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Filter.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/Filter/Filter.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, omit, startCase } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { ListItemText } from '@material-ui/core';\n\nimport { FilterType, OBJECTIVE_PERIOD_LIST, StatusOptions } from '../../constants';\nimport { usePickerPropsStore } from '../../stores/picker-props-store/usePickerPropsStore';\nimport { useFilterStore } from '../../stores/filter-store/useFilterStore';\n\nimport { MultiSelect } from './MultiSelect';\nimport { WellSection } from './WellSection';\nimport { PeriodSelect } from './PeriodSelect';\n\nimport styles from './Filter.module.css';\n\nimport { UndoIcon } from '~/icons';\nimport { DateTimePicker } from '~/components';\nimport { Switch, ButtonText } from '~/componentsV2';\n\nconst PAGE_NAME = 'Filter';\n\nexport const Filter = ({\n isHidden,\n filterOptions,\n wellSections,\n selectedWellSection,\n subjectWell,\n assetCompanyId,\n onChangeBicWells,\n}) => {\n const isWDUser = usePickerPropsStore(state => state.isWDUser);\n const filters = useFilterStore(state => state.filters);\n const setFilter = useFilterStore(state => state.setFilter);\n const setFilters = useFilterStore(state => state.setFilters);\n const resetFilters = useFilterStore(state => state.resetFilters);\n const setTempFilter = useFilterStore(state => state.setTempFilter);\n const clearTempFilter = useFilterStore(state => state.clearTempFilter);\n const commitTempFilter = useFilterStore(state => state.commitTempFilter);\n const tempFilters = useFilterStore(state => state.tempFilters);\n const [errors, setErrors] = useState({});\n\n const handleChangeFilter = useCallback(\n (type, value) => {\n if (type === FilterType.sideTracks) {\n setFilter(FilterType.sideTracks, value);\n } else if (value) {\n setFilter(type, value);\n } else {\n // Remove the filter by setting the entire filters object without this key\n setFilters(omit(filters ?? {}, [type]));\n }\n },\n [filters, setFilter, setFilters]\n );\n\n const handleCustomDateChange = key => dateString => {\n const newDate = moment(dateString);\n if (!newDate.isValid()) {\n return;\n }\n const timestamp = newDate.unix();\n\n let isInvalidDate = false;\n if (key === 'timeRangeFrom') {\n isInvalidDate = timestamp >= filters[FilterType.timeRangeTo];\n } else if (key === 'timeRangeTo') {\n isInvalidDate = timestamp <= filters[FilterType.timeRangeFrom];\n }\n\n if (isInvalidDate) {\n setErrors({\n [key]: true,\n });\n } else {\n setErrors({});\n }\n\n setFilter(key, timestamp);\n };\n\n return (\n <div className={classNames(styles.filterContainer, { [styles.hidden]: isHidden })}>\n <div className={styles.filterGroup}>\n {filterOptions.map(({ value, label, options }, index) => {\n const isCompanyFilter = value === FilterType.company;\n\n // Company filter: options are company objects {id, name}\n if (isCompanyFilter) {\n const companyMap = {};\n options.forEach(company => {\n companyMap[company.id] = company.name;\n });\n\n // Cosmetic: show \"Subject Well Company\" instead of \"All\" when subject well exists\n const allText = subjectWell ? 'Subject Well Company' : 'All';\n\n // Find subject well's company name to show as linked default\n const subjectCompanyName = assetCompanyId\n ? options.find(c => c.id === assetCompanyId)?.name\n : null;\n\n return (\n <MultiSelect\n key={label}\n label={label}\n options={options.map(c => c.name)}\n currentValues={(filters[value] \|\| []).map(id => companyMap[id]).filter(Boolean)}\n tempValues={\n tempFilters[value] !== undefined\n ? (tempFilters[value] \|\| []).map(id => companyMap[id]).filter(Boolean)\n : undefined\n }\n showAllOption\n allText={allText}\n linkedDefaultValue={subjectCompanyName}\n ListMenuItem={({ value: name }) => <ListItemText primary={name} />}\n onChange={names => {\n // When \"All\" (or \"Subject Well Company\") is selected, MultiSelect sends null\n if (names === null \|\| (Array.isArray(names) && names.length === 0)) {\n // If subject well exists, remove filter (undefined) to restore initial state\n // Otherwise, set empty array to fetch all companies\n const filterValue = subjectWell && assetCompanyId ? undefined : [];\n handleChangeFilter(value, filterValue);\n return;\n }\n const ids = names\n .map(name => options.find(c => c.name === name)?.id)\n .filter(Boolean);\n handleChangeFilter(value, ids);\n }}\n onTempChange={names => {\n const ids = names\n .map(name => options.find(c => c.name === name)?.id)\n .filter(Boolean);\n setTempFilter(value, ids);\n }}\n onCommit={() => commitTempFilter(value)}\n onCancel={() => clearTempFilter(value)}\n />\n );\n }\n\n // Other filters: options are simple strings\n return (\n <MultiSelect\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n label={label}\n options={options}\n currentValues={filters[value] \|\| []}\n tempValues={tempFilters[value]}\n ListMenuItem={({ value: itemValue }) => <ListItemText primary={itemValue} />}\n onChange={filterValue => handleChangeFilter(value, filterValue)}\n onTempChange={filterValue => setTempFilter(value, filterValue)}\n onCommit={() => commitTempFilter(value)}\n onCancel={() => clearTempFilter(value)}\n />\n );\n })}\n <MultiSelect\n label=\"Status\"\n options={StatusOptions.map(item => item.value)}\n currentValues={filters[FilterType.status] \|\| []}\n tempValues={tempFilters[FilterType.status]}\n ValueComponent={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n {startCase(value)}\n </div>\n )}\n ListMenuItem={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n <ListItemText primary={startCase(value)} />\n </div>\n )}\n onChange={value => handleChangeFilter(FilterType.status, value)}\n onTempChange={value => setTempFilter(FilterType.status, value)}\n onCommit={() => commitTempFilter(FilterType.status)}\n onCancel={() => clearTempFilter(FilterType.status)}\n />\n <PeriodSelect\n label=\"Last Active\"\n currentValue={filters[FilterType.period] \|\| 'all'}\n options={OBJECTIVE_PERIOD_LIST}\n className={styles.companySelect}\n onChange={value => handleChangeFilter(FilterType.period, value)}\n />\n {filters[FilterType.period] === 'custom' && (\n <>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date From\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeFrom] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeFrom')}\n error={errors.timeRangeFrom}\n />\n </div>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date To\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeTo] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeTo')}\n error={errors.timeRangeTo}\n />\n </div>\n </>\n )}\n {isWDUser && !isEmpty(wellSections) && (\n <WellSection\n selectedValue={selectedWellSection}\n wellSections={wellSections}\n onChange={onChangeBicWells}\n />\n )}\n <Switch\n testId={`${PAGE_NAME}_ExcludeSidetracks`}\n size=\"small\"\n checked={filters[FilterType.sideTracks] \|\| false}\n onChange={checked => handleChangeFilter(FilterType.sideTracks, checked)}\n onLabel=\"Exclude Sidetracks\"\n />\n <ButtonText prefix={<UndoIcon />} onClick={resetFilters} disabled={isEmpty(filters)}>\n To Defaults\n </ButtonText>\n </div>\n </div>\n );\n};\n\nFilter.propTypes = {\n isHidden: PropTypes.bool.isRequired,\n filterOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n selectedWellSection: PropTypes.string.isRequired,\n subjectWell: PropTypes.shape({}),\n assetCompanyId: PropTypes.number.isRequired,\n onChangeBicWells: PropTypes.func.isRequired,\n};\n\nFilter.defaultProps = {\n subjectWell: null,\n};\n"],"names":["Filter","_ref","isHidden","filterOptions","wellSections","selectedWellSection","subjectWell","assetCompanyId","onChangeBicWells","isWDUser","usePickerPropsStore","state","filters","useFilterStore","setFilter","setFilters","resetFilters","setTempFilter","clearTempFilter","commitTempFilter","tempFilters","_useState","useState","_useState2","_slicedToArray","errors","setErrors","handleChangeFilter","useCallback","type","value","FilterType","sideTracks","omit","handleCustomDateChange","key","dateString","newDate","moment","isValid","timestamp","unix","isInvalidDate","timeRangeTo","timeRangeFrom","_jsx","className","classNames","styles","filterContainer","hidden","children","_jsxs","filterGroup","map","_ref2","index","label","options","company","_options$find","companyMap","forEach","id","name","allText","subjectCompanyName","find","c","MultiSelect","currentValues","filter","Boolean","tempValues","undefined","showAllOption","linkedDefaultValue","ListMenuItem","_ref3","ListItemText","primary","onChange","names","Array","isArray","length","ids","_options$find2","onTempChange","_options$find3","onCommit","onCancel","_ref4","itemValue","filterValue","StatusOptions","item","status","ValueComponent","_ref5","_StatusOptions$find","statusItem","statusIcon","style","background","color","startCase","_ref6","_StatusOptions$find2","PeriodSelect","currentValue","period","OBJECTIVE_PERIOD_LIST","companySelect","_Fragment","filterItem","DateTimePicker","variant","format","error","isEmpty","WellSection","selectedValue","Switch","testId","concat","size","checked","onLabel","ButtonText","prefix","UndoIcon","onClick","disabled","propTypes","PropTypes","bool","isRequired","arrayOf","shape","string","number","func","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"Filter.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/Filter/Filter.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, omit, startCase } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { ListItemText } from '@material-ui/core';\n\nimport { FilterType, OBJECTIVE_PERIOD_LIST, StatusOptions } from '../../constants';\nimport { usePickerPropsStore } from '../../stores/picker-props-store/usePickerPropsStore';\nimport { useFilterStore } from '../../stores/filter-store/useFilterStore';\n\nimport { MultiSelect } from './MultiSelect';\nimport { WellSection } from './WellSection';\nimport { PeriodSelect } from './PeriodSelect';\n\nimport styles from './Filter.module.css';\n\nimport { UndoIcon } from '~/icons';\nimport { DateTimePicker } from '~/components';\nimport { Switch, ButtonText } from '~/componentsV2';\n\nconst PAGE_NAME = 'Filter';\n\nexport const Filter = ({\n isHidden,\n filterOptions,\n wellSections,\n selectedWellSection,\n onChangeBicWells,\n}) => {\n const isWDUser = usePickerPropsStore(state => state.isWDUser);\n const filters = useFilterStore(state => state.filters);\n const setFilter = useFilterStore(state => state.setFilter);\n const setFilters = useFilterStore(state => state.setFilters);\n const resetFilters = useFilterStore(state => state.resetFilters);\n const setTempFilter = useFilterStore(state => state.setTempFilter);\n const clearTempFilter = useFilterStore(state => state.clearTempFilter);\n const commitTempFilter = useFilterStore(state => state.commitTempFilter);\n const tempFilters = useFilterStore(state => state.tempFilters);\n const [errors, setErrors] = useState({});\n\n const handleChangeFilter = useCallback(\n (type, value) => {\n if (type === FilterType.sideTracks) {\n setFilter(FilterType.sideTracks, value);\n } else if (value) {\n setFilter(type, value);\n } else {\n // Remove the filter by setting the entire filters object without this key\n setFilters(omit(filters ?? {}, [type]));\n }\n },\n [filters, setFilter, setFilters]\n );\n\n const handleCustomDateChange = key => dateString => {\n const newDate = moment(dateString);\n if (!newDate.isValid()) {\n return;\n }\n const timestamp = newDate.unix();\n\n let isInvalidDate = false;\n if (key === 'timeRangeFrom') {\n isInvalidDate = timestamp >= filters[FilterType.timeRangeTo];\n } else if (key === 'timeRangeTo') {\n isInvalidDate = timestamp <= filters[FilterType.timeRangeFrom];\n }\n\n if (isInvalidDate) {\n setErrors({\n [key]: true,\n });\n } else {\n setErrors({});\n }\n\n setFilter(key, timestamp);\n };\n\n return (\n <div className={classNames(styles.filterContainer, { [styles.hidden]: isHidden })}>\n <div className={styles.filterGroup}>\n {filterOptions.map(({ value, label, options }, index) => {\n const isCompanyFilter = value === FilterType.company;\n\n // Company filter: options are company objects {id, name}\n if (isCompanyFilter) {\n const companyMap = {};\n options.forEach(company => {\n companyMap[company.id] = company.name;\n });\n\n const allText = 'All';\n\n return (\n <MultiSelect\n key={label}\n label={label}\n options={options.map(c => c.name)}\n currentValues={(filters[value] \|\| []).map(id => companyMap[id]).filter(Boolean)}\n tempValues={\n tempFilters[value] !== undefined\n ? (tempFilters[value] \|\| []).map(id => companyMap[id]).filter(Boolean)\n : undefined\n }\n showAllOption\n allText={allText}\n ListMenuItem={({ value: name }) => <ListItemText primary={name} />}\n onChange={names => {\n if (names === null \|\| (Array.isArray(names) && names.length === 0)) {\n handleChangeFilter(value, []);\n return;\n }\n const ids = names\n .map(name => options.find(c => c.name === name)?.id)\n .filter(Boolean);\n handleChangeFilter(value, ids);\n }}\n onTempChange={names => {\n const ids = names\n .map(name => options.find(c => c.name === name)?.id)\n .filter(Boolean);\n setTempFilter(value, ids);\n }}\n onCommit={() => commitTempFilter(value)}\n onCancel={() => clearTempFilter(value)}\n />\n );\n }\n\n // Other filters: options are simple strings\n return (\n <MultiSelect\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n label={label}\n options={options}\n currentValues={filters[value] \|\| []}\n tempValues={tempFilters[value]}\n ListMenuItem={({ value: itemValue }) => <ListItemText primary={itemValue} />}\n onChange={filterValue => handleChangeFilter(value, filterValue)}\n onTempChange={filterValue => setTempFilter(value, filterValue)}\n onCommit={() => commitTempFilter(value)}\n onCancel={() => clearTempFilter(value)}\n />\n );\n })}\n <MultiSelect\n label=\"Status\"\n options={StatusOptions.map(item => item.value)}\n currentValues={filters[FilterType.status] \|\| []}\n tempValues={tempFilters[FilterType.status]}\n ValueComponent={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n {startCase(value)}\n </div>\n )}\n ListMenuItem={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n <ListItemText primary={startCase(value)} />\n </div>\n )}\n onChange={value => handleChangeFilter(FilterType.status, value)}\n onTempChange={value => setTempFilter(FilterType.status, value)}\n onCommit={() => commitTempFilter(FilterType.status)}\n onCancel={() => clearTempFilter(FilterType.status)}\n />\n <PeriodSelect\n label=\"Last Active\"\n currentValue={filters[FilterType.period] \|\| 'all'}\n options={OBJECTIVE_PERIOD_LIST}\n className={styles.companySelect}\n onChange={value => handleChangeFilter(FilterType.period, value)}\n />\n {filters[FilterType.period] === 'custom' && (\n <>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date From\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeFrom] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeFrom')}\n error={errors.timeRangeFrom}\n />\n </div>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date To\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeTo] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeTo')}\n error={errors.timeRangeTo}\n />\n </div>\n </>\n )}\n {isWDUser && !isEmpty(wellSections) && (\n <WellSection\n selectedValue={selectedWellSection}\n wellSections={wellSections}\n onChange={onChangeBicWells}\n />\n )}\n <Switch\n testId={`${PAGE_NAME}_ExcludeSidetracks`}\n size=\"small\"\n checked={filters[FilterType.sideTracks] \|\| false}\n onChange={checked => handleChangeFilter(FilterType.sideTracks, checked)}\n onLabel=\"Exclude Sidetracks\"\n />\n <ButtonText prefix={<UndoIcon />} onClick={resetFilters} disabled={isEmpty(filters)}>\n To Defaults\n </ButtonText>\n </div>\n </div>\n );\n};\n\nFilter.propTypes = {\n isHidden: PropTypes.bool.isRequired,\n filterOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n selectedWellSection: PropTypes.string.isRequired,\n onChangeBicWells: PropTypes.func.isRequired,\n};\n"],"names":["Filter","_ref","isHidden","filterOptions","wellSections","selectedWellSection","onChangeBicWells","isWDUser","usePickerPropsStore","state","filters","useFilterStore","setFilter","setFilters","resetFilters","setTempFilter","clearTempFilter","commitTempFilter","tempFilters","_useState","useState","_useState2","_slicedToArray","errors","setErrors","handleChangeFilter","useCallback","type","value","FilterType","sideTracks","omit","handleCustomDateChange","key","dateString","newDate","moment","isValid","timestamp","unix","isInvalidDate","timeRangeTo","timeRangeFrom","_jsx","className","classNames","styles","filterContainer","hidden","children","_jsxs","filterGroup","map","_ref2","index","label","options","company","companyMap","forEach","id","name","MultiSelect","c","currentValues","filter","Boolean","tempValues","undefined","showAllOption","allText","ListMenuItem","_ref3","ListItemText","primary","onChange","names","Array","isArray","length","ids","_options$find","find","onTempChange","_options$find2","onCommit","onCancel","_ref4","itemValue","filterValue","StatusOptions","item","status","ValueComponent","_ref5","_StatusOptions$find","statusItem","statusIcon","style","background","color","startCase","_ref6","_StatusOptions$find2","PeriodSelect","currentValue","period","OBJECTIVE_PERIOD_LIST","companySelect","_Fragment","filterItem","DateTimePicker","variant","format","error","isEmpty","WellSection","selectedValue","Switch","testId","concat","size","checked","onLabel","ButtonText","prefix","UndoIcon","onClick","disabled","propTypes","PropTypes","bool","isRequired","arrayOf","shape","string","func"],"mappings":"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"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/OffsetWellMap.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ export type OffsetWellMapProps = {
     }[]) => void;
     activeWellId?: number | null;
     isClickable?: boolean;
+    isLoading?: boolean;
     classes?: {
         root?: string;
         map?: string;

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/OffsetWellMap.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/OffsetWellMap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAG9E,OAAO,8BAA8B,CAAC;~~AA+BtC~~,OAAO,EAAE,IAAI,EAAE,WAAW,EAAe,MAAM,uBAAuB,CAAC;AAQvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,sBAAsB,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9E,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,~~CAqhBhD~~,CAAC"}
1	+ {"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/OffsetWellMap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAG9E,OAAO,8BAA8B,CAAC;AAgCtC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAe,MAAM,uBAAuB,CAAC;AAQvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,sBAAsB,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9E,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6lBhD,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/OffsetWellMap.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as e}from'./../../../../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useRef as i,useState as l,useCallback as r,useMemo as s,useEffect as n}from"react";import a,{Source as c,Layer as d,Popup as u}from"react-map-gl/mapbox";import p from"classnames";import"mapbox-gl/dist/mapbox-gl.css";import{usePickerPropsStore as m}from"../../../stores/picker-props-store/usePickerPropsStore.js";import{useViewStore as f}from"../../../stores/view-store/useViewStore.js";import{useFilterStore as h}from"../../../stores/filter-store/useFilterStore.js";import{DEFAULT_RADIUS_MILES as g}from"../../../constants.js";import{getStatusColor as v}from"./utils/getStatusColor.js";import{RadiusInput as y}from"./components/RadiusInput/RadiusInput.js";import{MapControls as S}from"./components/MapControls/MapControls.js";import{WellTooltip as j}from"./components/WellTooltip/WellTooltip.js";import{SubjectWellMarker as w}from"./components/SubjectWellMarker/SubjectWellMarker.js";import{LayerSwitcher as W}from"./components/LayerSwitcher/LayerSwitcher.js";import{DrawControl as b}from"./components/DrawControl/DrawControl.js";import{ScaleIndicator as C}from"./components/ScaleIndicator/ScaleIndicator.js";import{BoxSelectionOverlay as k}from"./components/BoxSelectionOverlay/BoxSelectionOverlay.js";import{MapHints as M}from"./components/MapHints/MapHints.js";import{useMapViewState as O}from"./hooks/useMapViewState.js";import{useRadiusCircle as D}from"./hooks/useRadiusCircle.js";import{useMapBounds as x}from"./hooks/useMapBounds.js";import{useWellMarkers as I}from"./hooks/useWellMarkers.js";import{useTooltip as P}from"./hooks/useTooltip.js";import{useTooltipAnchor as R,TOOLTIP_DIMENSIONS as L}from"./hooks/useTooltipAnchor.js";import{useLassoSelection as N}from"./hooks/useLassoSelection.js";import{useLassoKeyboardHandlers as A}from"./hooks/useLassoKeyboardHandlers.js";import{useBoxSelection as H}from"./hooks/useBoxSelection.js";import{useElementSize as B}from"./hooks/useElementSize.js";import{createPolygonGeoJSON as Z}from"./utils/polygonCoords.js";import{toCoordinates as E}from"./utils/toCoordinates.js";import{MapConfig as T}from"./constants.js";import V from"./OffsetWellMap.module.css.js";import{MAP_BOX_ACCESS_TOKEN as G}from"../../../../../config/mapbox/index.js";var J=function(J){var z,F,U,K,_,q=J.subjectWell,Q=void 0===q?null:q,X=J.wells,Y=J.offsetWellIds,$=J.handleChangeOffsetWell,ee=J.onBatchSelectWells,oe=J.activeWellId,te=J.isClickable,ie=void 0===te||te,le=J.classes,re=void 0===le?{}:le,se=m((function(e){return e.isViewOnly})),ne=null!==(z=h((function(e){return e.filters.radius})))&&void 0!==z?z:g,ae=h((function(e){return e.setRadius})),ce=null!==(F=h((function(e){return e.filters.selectionMode})))&&void 0!==F?F:"radius",de=h((function(e){return e.filters.polygonCoords})),ue=h((function(e){return e.setSelectionMode})),pe=h((function(e){return e.setPolygonCoords})),me=f((function(e){return e.mapStyle})),fe=f((function(e){return e.setMapStyle})),he="lasso"===ce,ge=de&&de.length>=3,ve="satellite"===me,ye=i(null),Se=i(null),je=l(!1),we=je[0],We=je[1],be=l(!1),Ce=be[0],ke=be[1],Me=l(!1),Oe=Me[0],De=Me[1],xe=r((function(){ke(!0)}),[]),Ie=s((function(){var e,o=null===(e=null==Q?void 0:Q.topHole)||void 0===e?void 0:e.coordinates;return o?E(o):null}),[Q]),Pe=O(ye,Ie),Re=Pe.viewState,Le=Pe.distance,Ne=Pe.handleMove,Ae=Pe.handleZoomIn,He=Pe.handleZoomOut,Be=Pe.canZoomIn,Ze=Pe.canZoomOut,Ee=(null==Q?void 0:Q.id)===oe,Te=r((function(e){return ae(e)}),[ae]),Ve=r((function(){he?((!de||de.length<3)&&pe(void 0),ue("radius")):ue("lasso")}),[he,de,ue,pe]),Ge=r((function(e){pe(e)}),[pe]),Je=N({mapRef:ye,isActive:he,hasInitialPolygon:!!ge,onPolygonChange:Ge}),ze=Je.isDrawing,Fe=Je.drawingPointCount,Ue=Je.isEditingPolygon,Ke=Je.isEditingVertices,_e=Je.drawRef,qe=Je.handleDrawCreate,Qe=Je.handleDrawUpdate,Xe=Je.handleDrawDelete,Ye=Je.handleModeChange,$e=Je.handleSelectionChange,eo=Je.discardDrawing,oo=Je.completeDrawing,to=Je.deletePolygon;A({isLassoActive:he,isDrawing:ze,drawingPointCount:Fe,isEditingPolygon:Ue,discardDrawing:eo,completeDrawing:oo,deletePolygon:to});var io=null!==(U=null==Q?void 0:Q.id)&&void 0!==U?U:null,lo=H({mapRef:ye,isEnabled:!se&&Ce,offsetWellIds:Y,subjectWellId:io,onBatchSelectWells:ee}),ro=lo.boxState,so=lo.wellsInBoxCount,no=lo.isShiftHeld,ao=P(),co=ao.hoveredWell,uo=ao.showTooltip,po=ao.hideTooltip,mo=B(Se),fo=mo.width,ho=mo.height,go=R({mapRef:ye,coords:null!==(K=null==co?void 0:co.coords)&&void 0!==K?K:null,isSubjectWell:null!==(_=null==co?void 0:co.isSubjectWell)&&void 0!==_&&_,isViewOnly:se,isClickable:ie,hintsWidth:fo,hintsHeight:ho}),vo=go.anchor,yo=go.offset,So=r((function(){return De(!0)}),[]),jo=r((function(){return De(!1)}),[]),wo=s((function(){return no&&!ro.isActive||ro.isActive?"crosshair":he?co?"pointer":void 0:Oe?"grabbing":co?"pointer":"grab"}),[no,ro.isActive,he,co,Oe]),Wo=D({subjectWellCoords:Ie,radiusMiles:ne}).circleGeoJSON,bo=s((function(){return he&&de?Z(de):null}),[he,de]),Co=I({wells:X,offsetWellIds:Y,activeWellId:null!=oe?oe:null,subjectWell:Q,mapStyle:me}),ko=Co.wellsGeoJSON,Mo=Co.highlightGeoJSON,Oo=Co.activeHighlightGeoJSON;x({mapRef:ye,circleGeoJSON:Wo,polygonGeoJSON:bo,selectionMode:ce,wellsGeoJSON:ko,subjectWell:Q,subjectWellCoords:Ie,radius:ne,isMapReady:Ce}),n((function(){var e,o=ye.current;if(oe&&o&&Ce){var t=X.find((function(e){return e.id===oe}));if(t){var i=null===(e=t.topHole)||void 0===e?void 0:e.coordinates;if(i){var l=i[0],r=i[1],s=o.getBounds();return s&&!s.contains([r,l])&&o.easeTo({center:[r,l],duration:300}),function(){null==o||o.stop()}}}}}),[oe,X,Ce]);var Do=r((function(e){var o;if(!se){var t=e.features;if(null==t?void 0:t.length){var i=t[0];if((null===(o=i.layer)||void 0===o?void 0:o.id)===T.LayerIds.Wells){var l=i.properties;if(l){var r=l.isOffsetWell,s={id:l.id,name:l.name,formation:l.formation,totalDepth:l.totalDepth,rigReleaseDate:l.rigReleaseDate};$(s,!r)}}}}}),[se,$]),xo=r((function(e){var o=e.features;if(null==o?void 0:o.length){var t=o[0],i=t.properties;if(i&&"Point"===t.geometry.type){var l=t.geometry.coordinates,r=l[0],s={latitude:l[1],longitude:r},n={id:i.id,name:i.name,formation:i.formation,status:i.status,totalDepth:i.totalDepth,rigReleaseDate:i.rigReleaseDate};uo({well:n,isOffsetWell:i.isOffsetWell,isSubjectWell:i.isSubjectWell,coords:s})}}else we||po()}),[uo,po,we]),Io=r((function(){po()}),[po]),Po=r((function(){We(!0),Q&&Ie&&uo({well:Q,isOffsetWell:!1,isSubjectWell:!0,coords:Ie})}),[Q,Ie,uo]),Ro=r((function(){We(!1),po()}),[po]);return o("div",{className:p(V.mapView,re.root),children:[o(a,e({ref:ye},Re,{onMove:Ne,onLoad:xe,mapboxAccessToken:G,mapStyle:T.Styles[me],style:{borderRadius:"8px"},scrollZoom:!0,doubleClickZoom:!0,boxZoom:!1,attributionControl:!1,interactiveLayerIds:[T.LayerIds.Wells],onClick:Do,onMouseMove:xo,onMouseLeave:Io,onDblClick:Ae,onDragStart:So,onDragEnd:jo,cursor:wo,children:[t(c,{id:"wells",type:"geojson",data:ko,children:t(d,{id:T.LayerIds.Wells,type:"circle",paint:{"circle-radius":T.Markers.WellSize,"circle-color":["get","color"],"circle-stroke-color":["coalesce",["get","strokeColor"],"transparent"],"circle-stroke-width":["get","strokeWidth"]}})}),(!he||!ge)&&Wo&&o(c,{id:"radius-circle",type:"geojson",data:Wo,children:[t(d,{id:"radius-circle-fill",type:"fill",paint:{"fill-color":T.SelectionColors[me].fill,"fill-opacity":1}}),t(d,{id:"radius-circle-stroke",type:"line",paint:{"line-color":T.SelectionColors[me].border,"line-width":T.SelectionColors[me].borderWidth}})]}),Mo.features.length>0&&t(c,{id:"well-highlights",type:"geojson",data:Mo,children:t(d,{id:"well-highlights-layer",type:"circle",paint:{"circle-radius":T.Markers.HighlightSize,"circle-color":["get","color"],"circle-opacity":.16}})}),Oo&&!Ee&&t(c,{id:"active-highlight",type:"geojson",data:Oo,children:t(d,{id:"active-highlight-layer",type:"circle",paint:{"circle-radius":T.Markers.HighlightSize,"circle-color":["get","color"],"circle-opacity":["case",["get","isOffsetWell"],.24,.08]}})}),t(c,{id:"hover-highlight",type:"geojson",data:{type:"FeatureCollection",features:co&&!co.isSubjectWell?[{type:"Feature",geometry:{type:"Point",coordinates:[co.coords.longitude,co.coords.latitude]},properties:{color:v({status:co.well.status,mapStyle:me,state:"hovered",isSubjectWell:!1}).fill,isOffsetWell:co.isOffsetWell}}]:[]},children:t(d,{id:"hover-highlight-layer",type:"circle",paint:{"circle-radius":T.Markers.HighlightSize,"circle-color":["get","color"],"circle-opacity":["case",["get","isOffsetWell"],.24,.08]}})}),he&&Ce&&t(b,{mapStyle:me,initialPolygon:de,onDrawCreate:qe,onDrawUpdate:Qe,onDrawDelete:Xe,onModeChange:Ye,onSelectionChange:$e,drawRef:_e},me),Ie&&Q&&t(w,{coordinates:Ie,onMouseEnter:Po,onMouseLeave:Ro}),co&&t(u,{longitude:co.coords.longitude,latitude:co.coords.latitude,closeButton:!1,closeOnClick:!1,anchor:vo,offset:yo,maxWidth:"".concat(L.maxWidth,"px"),className:V.popup,children:t(j,{well:co.well,isOffsetWell:co.isOffsetWell,isSubjectWell:co.isSubjectWell,isViewOnly:se,isClickable:ie})})]})),t(y,{radius:ne,editable:!!Q,isLassoActive:he,isSatellite:ve,onChange:Te,className:V.radiusFilter}),t(S,{onZoomIn:Ae,onZoomOut:He,canZoomIn:Be,canZoomOut:Ze,isLassoActive:he,onLassoToggle:Ve,isSatellite:ve,className:V.mapControls}),t(C,{distance:Le,className:V.scaleIndicator}),t(W,{mapStyle:me,onChange:fe,className:V.layerSwitcher}),!se&&t(M,{ref:Se,mode:!he||ro.isActive||no?"box":"lasso",isBoxActive:ro.isActive,isDrawing:ze,pointCount:Fe,isEditingPolygon:Ue,isEditingVertices:Ke,hasPolygon:!!ge,showBoxSelectionHint:!se,isSatellite:ve,className:V.mapHints}),ro.isActive&&t(k,{startPoint:ro.startPoint,endPoint:ro.endPoint,wellsCount:so,isSatellite:ve})]})};export{J as OffsetWellMap};
+import{__assign as e}from'./../../../../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,jsx as i}from"react/jsx-runtime";import{useRef as t,useState as l,useCallback as r,useMemo as s,useEffect as n}from"react";import a,{Source as c,Layer as d,Popup as u}from"react-map-gl/mapbox";import p from"classnames";import"mapbox-gl/dist/mapbox-gl.css";import{usePickerPropsStore as f}from"../../../stores/picker-props-store/usePickerPropsStore.js";import{useViewStore as m}from"../../../stores/view-store/useViewStore.js";import{useFilterStore as h}from"../../../stores/filter-store/useFilterStore.js";import{DEFAULT_RADIUS_MILES as g}from"../../../constants.js";import{getStatusColor as v}from"./utils/getStatusColor.js";import{RadiusInput as y}from"./components/RadiusInput/RadiusInput.js";import{MapControls as S}from"./components/MapControls/MapControls.js";import{WellTooltip as w}from"./components/WellTooltip/WellTooltip.js";import{SubjectWellMarker as j}from"./components/SubjectWellMarker/SubjectWellMarker.js";import{LayerSwitcher as W}from"./components/LayerSwitcher/LayerSwitcher.js";import{DrawControl as b}from"./components/DrawControl/DrawControl.js";import{ScaleIndicator as C}from"./components/ScaleIndicator/ScaleIndicator.js";import{BoxSelectionOverlay as M}from"./components/BoxSelectionOverlay/BoxSelectionOverlay.js";import{MapHints as k}from"./components/MapHints/MapHints.js";import{useMapViewState as D}from"./hooks/useMapViewState.js";import{useRadiusCircle as O}from"./hooks/useRadiusCircle.js";import{useMapBounds as R}from"./hooks/useMapBounds.js";import{useWellMarkers as I}from"./hooks/useWellMarkers.js";import{useTooltip as x}from"./hooks/useTooltip.js";import{useTooltipAnchor as P,TOOLTIP_DIMENSIONS as L}from"./hooks/useTooltipAnchor.js";import{useLassoSelection as N}from"./hooks/useLassoSelection.js";import{useLassoKeyboardHandlers as H}from"./hooks/useLassoKeyboardHandlers.js";import{useBoxSelection as A}from"./hooks/useBoxSelection.js";import{useElementSize as B}from"./hooks/useElementSize.js";import{useRadiusResize as E}from"./hooks/useRadiusResize.js";import{createPolygonGeoJSON as Z}from"./utils/polygonCoords.js";import{toCoordinates as T}from"./utils/toCoordinates.js";import{MapConfig as G}from"./constants.js";import J from"./OffsetWellMap.module.css.js";import{MAP_BOX_ACCESS_TOKEN as V}from"../../../../../config/mapbox/index.js";var z=function(z){var F,U,K,_,q,Q=z.subjectWell,X=void 0===Q?null:Q,Y=z.wells,$=z.offsetWellIds,ee=z.handleChangeOffsetWell,oe=z.onBatchSelectWells,ie=z.activeWellId,te=z.isClickable,le=void 0===te||te,re=z.isLoading,se=void 0!==re&&re,ne=z.classes,ae=void 0===ne?{}:ne,ce=f((function(e){return e.isViewOnly})),de=null!==(F=h((function(e){var o;return null===(o=e.filters)||void 0===o?void 0:o.radius})))&&void 0!==F?F:g,ue=h((function(e){return e.setRadius})),pe=null!==(U=h((function(e){var o;return null===(o=e.filters)||void 0===o?void 0:o.selectionMode})))&&void 0!==U?U:"radius",fe=h((function(e){var o;return null===(o=e.filters)||void 0===o?void 0:o.polygonCoords})),me=h((function(e){return e.setSelectionMode})),he=h((function(e){return e.setPolygonCoords})),ge=m((function(e){return e.mapStyle})),ve=m((function(e){return e.setMapStyle})),ye="lasso"===pe,Se=fe&&fe.length>=3,we="satellite"===ge,je=t(null),We=t(null),be=l(!1),Ce=be[0],Me=be[1],ke=l(!1),De=ke[0],Oe=ke[1],Re=l(!1),Ie=Re[0],xe=Re[1],Pe=r((function(){Oe(!0)}),[]),Le=s((function(){var e,o=null===(e=null==X?void 0:X.topHole)||void 0===e?void 0:e.coordinates;return o?T(o):null}),[X]),Ne=D(je,Le),He=Ne.viewState,Ae=Ne.distance,Be=Ne.handleMove,Ee=Ne.handleZoomIn,Ze=Ne.handleZoomOut,Te=Ne.canZoomIn,Ge=Ne.canZoomOut,Je=(null==X?void 0:X.id)===ie,Ve=r((function(e){return ue(e)}),[ue]),ze=E({mapRef:je,subjectWellCoords:Le,currentRadius:de,isEnabled:!ce&&!ye&&!!X,onRadiusChange:Ve}),Fe=ze.isHoveringEdge,Ue=ze.isDragging,Ke=ze.previewRadius,_e=ze.handleMouseMove,qe=ze.handleMouseDown,Qe=r((function(){ye?((!fe||fe.length<3)&&he(void 0),me("radius")):me("lasso")}),[ye,fe,me,he]),Xe=r((function(e){he(e)}),[he]),Ye=N({mapRef:je,isActive:ye,isMapReady:De,hasInitialPolygon:!!Se,onPolygonChange:Xe,wellsLayerId:G.LayerIds.Wells}),$e=Ye.isDrawing,eo=Ye.drawingPointCount,oo=Ye.isEditingPolygon,io=Ye.isEditingVertices,to=Ye.drawRef,lo=Ye.handleDrawCreate,ro=Ye.handleDrawUpdate,so=Ye.handleDrawDelete,no=Ye.handleModeChange,ao=Ye.handleSelectionChange,co=Ye.discardDrawing,uo=Ye.completeDrawing,po=Ye.deletePolygon;H({isLassoActive:ye,isDrawing:$e,drawingPointCount:eo,isEditingPolygon:oo,discardDrawing:co,completeDrawing:uo,deletePolygon:po});var fo=null!==(K=null==X?void 0:X.id)&&void 0!==K?K:null,mo=A({mapRef:je,isEnabled:!ce&&De,offsetWellIds:$,subjectWellId:fo,onBatchSelectWells:oe}),ho=mo.boxState,go=mo.wellsInBoxCount,vo=mo.isShiftHeld,yo=x(),So=yo.hoveredWell,wo=yo.showTooltip,jo=yo.hideTooltip,Wo=B(We),bo=Wo.width,Co=Wo.height,Mo=P({mapRef:je,coords:null!==(_=null==So?void 0:So.coords)&&void 0!==_?_:null,isSubjectWell:null!==(q=null==So?void 0:So.isSubjectWell)&&void 0!==q&&q,isViewOnly:ce,isClickable:le,hintsWidth:bo,hintsHeight:Co}),ko=Mo.anchor,Do=Mo.offset,Oo=r((function(){return xe(!0)}),[]),Ro=r((function(){return xe(!1)}),[]),Io=s((function(){return Ue?"grabbing":Fe&&!ye?"ew-resize":vo&&!ho.isActive||ho.isActive?"crosshair":ye?So?"pointer":void 0:Ie?"grabbing":So?"pointer":"grab"}),[Ue,Fe,vo,ho.isActive,ye,So,Ie]),xo=O({subjectWellCoords:Le,radiusMiles:de,previewRadiusMiles:Ke}),Po=xo.circleGeoJSON,Lo=xo.previewCircleGeoJSON,No=s((function(){return ye&&fe?Z(fe):null}),[ye,fe]),Ho=s((function(){return se||ye&&!Se?Y.filter((function(e){return void 0!==e.id&&$.includes(e.id)})):Y}),[Y,ye,Se,se,$]),Ao=I({wells:Ho,offsetWellIds:$,activeWellId:null!=ie?ie:null,subjectWell:X,mapStyle:ge}),Bo=Ao.wellsGeoJSON,Eo=Ao.highlightGeoJSON,Zo=Ao.activeHighlightGeoJSON;R({mapRef:je,circleGeoJSON:Po,polygonGeoJSON:No,selectionMode:pe,wellsGeoJSON:Bo,subjectWell:X,subjectWellCoords:Le,radius:de,isMapReady:De}),n((function(){var e,o=je.current;if(ie&&o&&De){var i=Y.find((function(e){return e.id===ie}));if(i){var t=null===(e=i.topHole)||void 0===e?void 0:e.coordinates;if(t){var l=t[0],r=t[1],s=o.getBounds();return s&&!s.contains([r,l])&&o.easeTo({center:[r,l],duration:300}),function(){null==o||o.stop()}}}}}),[ie,Y,De]);var To=r((function(e){var o;if(!ce){var i=e.features;if(null==i?void 0:i.length){var t=i[0];if((null===(o=t.layer)||void 0===o?void 0:o.id)===G.LayerIds.Wells){var l=t.properties;if(l){var r=l.isOffsetWell,s={id:l.id,name:l.name,formation:l.formation,totalDepth:l.totalDepth,rigReleaseDate:l.rigReleaseDate};ee(s,!r)}}}}}),[ce,ee]),Go=r((function(e){_e(e);var o=e.features;if(null==o?void 0:o.length){var i=o[0],t=i.properties;if(t&&"Point"===i.geometry.type){var l=i.geometry.coordinates,r=l[0],s={latitude:l[1],longitude:r},n={id:t.id,name:t.name,formation:t.formation,status:t.status,totalDepth:t.totalDepth,rigReleaseDate:t.rigReleaseDate};wo({well:n,isOffsetWell:t.isOffsetWell,isSubjectWell:t.isSubjectWell,coords:s})}}else Ce||jo()}),[wo,jo,Ce,_e]),Jo=r((function(){jo()}),[jo]),Vo=r((function(){Me(!0),X&&Le&&wo({well:X,isOffsetWell:!1,isSubjectWell:!0,coords:Le})}),[X,Le,wo]),zo=r((function(){Me(!1),jo()}),[jo]);return o("div",{className:p(J.mapView,ae.root),children:[o(a,e({ref:je},He,{onMove:Be,onLoad:Pe,mapboxAccessToken:V,mapStyle:G.Styles[ge],style:{borderRadius:"8px"},scrollZoom:!0,doubleClickZoom:!0,boxZoom:!1,attributionControl:!1,interactiveLayerIds:[G.LayerIds.Wells],onClick:To,onMouseMove:Go,onMouseLeave:Jo,onDblClick:Ee,onDragStart:Oo,onDragEnd:Ro,onMouseDown:qe,cursor:Io,children:[i(c,{id:"wells",type:"geojson",data:Bo,children:i(d,{id:G.LayerIds.Wells,type:"circle",paint:{"circle-radius":G.Markers.WellSize,"circle-color":["get","color"],"circle-stroke-color":["coalesce",["get","strokeColor"],"transparent"],"circle-stroke-width":["get","strokeWidth"]}})}),!ye&&Po&&o(c,{id:"radius-circle",type:"geojson",data:Po,children:[i(d,{id:"radius-circle-fill",type:"fill",paint:{"fill-color":G.SelectionColors[ge].fill,"fill-opacity":Ue?.3:1}}),i(d,{id:"radius-circle-stroke",type:"line",paint:{"line-color":G.SelectionColors[ge].border,"line-width":Fe||Ue?G.SelectionColors[ge].borderWidth+2:G.SelectionColors[ge].borderWidth}})]}),Lo&&o(c,{id:"radius-circle-preview",type:"geojson",data:Lo,children:[i(d,{id:"radius-circle-preview-fill",type:"fill",paint:{"fill-color":G.SelectionColors[ge].fill,"fill-opacity":.5}}),i(d,{id:"radius-circle-preview-stroke",type:"line",paint:{"line-color":G.SelectionColors[ge].border,"line-width":G.SelectionColors[ge].borderWidth+1,"line-dasharray":[4,2]}})]}),Eo.features.length>0&&i(c,{id:"well-highlights",type:"geojson",data:Eo,children:i(d,{id:"well-highlights-layer",type:"circle",paint:{"circle-radius":G.Markers.HighlightSize,"circle-color":["get","color"],"circle-opacity":.16}})}),Zo&&!Je&&i(c,{id:"active-highlight",type:"geojson",data:Zo,children:i(d,{id:"active-highlight-layer",type:"circle",paint:{"circle-radius":G.Markers.HighlightSize,"circle-color":["get","color"],"circle-opacity":["case",["get","isOffsetWell"],.24,.08]}})}),i(c,{id:"hover-highlight",type:"geojson",data:{type:"FeatureCollection",features:So&&!So.isSubjectWell?[{type:"Feature",geometry:{type:"Point",coordinates:[So.coords.longitude,So.coords.latitude]},properties:{color:v({status:So.well.status,mapStyle:ge,state:"hovered",isSubjectWell:!1}).fill,isOffsetWell:So.isOffsetWell}}]:[]},children:i(d,{id:"hover-highlight-layer",type:"circle",paint:{"circle-radius":G.Markers.HighlightSize,"circle-color":["get","color"],"circle-opacity":["case",["get","isOffsetWell"],.24,.08]}})}),ye&&De&&i(b,{mapStyle:ge,initialPolygon:fe,onDrawCreate:lo,onDrawUpdate:ro,onDrawDelete:so,onModeChange:no,onSelectionChange:ao,drawRef:to},ge),Le&&X&&i(j,{coordinates:Le,onMouseEnter:Vo,onMouseLeave:zo}),So&&i(u,{longitude:So.coords.longitude,latitude:So.coords.latitude,closeButton:!1,closeOnClick:!1,anchor:ko,offset:Do,maxWidth:"".concat(L.maxWidth,"px"),className:J.popup,children:i(w,{well:So.well,isOffsetWell:So.isOffsetWell,isSubjectWell:So.isSubjectWell,isViewOnly:ce,isClickable:le})})]})),i(y,{radius:de,editable:!!X,isLassoActive:ye,isSatellite:we,onChange:Ve,className:J.radiusFilter}),i(S,{onZoomIn:Ee,onZoomOut:Ze,canZoomIn:Te,canZoomOut:Ge,isLassoActive:ye,onLassoToggle:Qe,isSatellite:we,className:J.mapControls}),i(C,{distance:Ae,className:J.scaleIndicator}),i(W,{mapStyle:ge,onChange:ve,className:J.layerSwitcher}),!ce&&i(k,{ref:We,mode:!ye||ho.isActive||vo?"box":"lasso",isBoxActive:ho.isActive,hasCircle:!!Po&&!ye,isDrawing:$e,pointCount:eo,isEditingPolygon:oo,isEditingVertices:io,hasPolygon:!!Se,showBoxSelectionHint:!ce,isSatellite:we,className:J.mapHints}),ho.isActive&&i(M,{startPoint:ho.startPoint,endPoint:ho.endPoint,wellsCount:go,isSatellite:we})]})};export{z as OffsetWellMap};
 //# sourceMappingURL=OffsetWellMap.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/MapHints/MapHints.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 type MapHintsProps = {
     mode: 'box' | 'lasso';
     isBoxActive?: boolean;
+    hasCircle?: boolean;
     isDrawing?: boolean;
     pointCount?: number;
     isEditingPolygon?: boolean;

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/MapHints/MapHints.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MapHints.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/MapHints/MapHints.tsx"],"names":[],"mappings":"AAOA,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;IAEtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;~~AAmKF~~,eAAO,MAAM,QAAQ,~~0GAyCpB~~,CAAC"}
1	+ {"version":3,"file":"MapHints.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/MapHints/MapHints.tsx"],"names":[],"mappings":"AAOA,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;IAEtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+KF,eAAO,MAAM,QAAQ,0GA0CpB,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/MapHints/MapHints.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as o}from"react";import s from"classnames";import{CursorIcon as l}from"./components/CursorIcon.js";import{KeyboardKey as n}from"./components/KeyboardKey.js";import{HintItem as r}from"./components/HintItem.js";import a from"./MapHints.module.css.js";var c=function(i){var t=i.isActive,o=i.isSatellite;return e(r,t?{icon:e(l,{type:"default"}),text:"Release click to finalize selection",isSatellite:o}:{prefix:"Hold",keyboardKey:e(n,{children:"Shift"}),suffix:"+ drag to select wells",isSatellite:o})},p=function(t){var s=t.isDrawing,a=t.pointCount,c=t.isEditingPolygon,p=t.isEditingVertices,d=t.hasPolygon,f=t.showBoxSelectionHint,u=t.isSatellite,m=o((function(){var i=[];return s?0===a?i.push(e(r,{icon:e(l,{type:"cross"}),text:"Click on map to start drawing",isSatellite:u},"start-drawing")):a<3?i.push(e(r,{icon:e(l,{type:"cross"}),text:"Add at least 3 points to create selection",isSatellite:u},"add-points")):i.push(e(r,{prefix:"Press",keyboardKey:e(n,{children:"Enter"}),suffix:"to apply selection",isSatellite:u},"apply-selection")):p?(i.push(e(r,{icon:e(l,{type:"grabbing"}),text:"Drag points to reshape",isSatellite:u},"drag-points")),i.push(e(r,{prefix:"Press",keyboardKey:e(n,{children:"Delete"}),suffix:"to remove",isSatellite:u},"delete-polygon"))):c?(i.push(e(r,{icon:e(l,{type:"grabbing"}),text:"Drag to move",isSatellite:u},"drag-to-move")),i.push(e(r,{prefix:"Press",keyboardKey:e(n,{children:"Delete"}),suffix:"to remove",isSatellite:u},"delete-polygon")),i.push(e(r,{icon:e(l,{type:"default"}),text:"Click again to reshape",isSatellite:u},"reshape"))):d&&i.push(e(r,{icon:e(l,{type:"default"}),text:"Click on selection to modify",isSatellite:u},"modify-selection")),f&&i.length>0&&i.push(e(r,{prefix:"Hold",keyboardKey:e(n,{children:"Shift"}),suffix:"+ drag to select wells",isSatellite:u},"box-selection")),i}),[s,a,c,p,d,f,u]);return 0===m.length?null:e(i,{children:m})},d=t((function(i,t){var o=i.mode,l=i.isBoxActive,n=void 0!==l&&l,r=i.isDrawing,d=void 0!==r&&r,f=i.pointCount,u=void 0===f?0:f,m=i.isEditingPolygon,g=void 0!==m&&m,y=i.isEditingVertices,h=void 0!==y&&y,x=i.hasPolygon,S=void 0!==x&&x,v=i.showBoxSelectionHint,b=void 0!==v&&v,w=i.isSatellite,k=void 0!==w&&w,H=i.className,P="box"===o?e(c,{isActive:n,isSatellite:k}):e(p,{isDrawing:d,pointCount:u,isEditingPolygon:g,isEditingVertices:h,hasPolygon:S,showBoxSelectionHint:b,isSatellite:k});return"lasso"!==o||P?e("div",{ref:t,className:s(a.mapHints,H),children:P}):null}));d.displayName="MapHints";export{d as MapHints};
+import{jsx as e,jsxs as i,Fragment as t}from"react/jsx-runtime";import{forwardRef as o,useMemo as s}from"react";import l from"classnames";import{CursorIcon as n}from"./components/CursorIcon.js";import{KeyboardKey as r}from"./components/KeyboardKey.js";import{HintItem as a}from"./components/HintItem.js";import c from"./MapHints.module.css.js";var p=function(o){var s=o.isActive,l=o.hasCircle,c=o.isSatellite;return s?e(a,{icon:e(n,{type:"default"}),text:"Release click to finalize selection",isSatellite:c}):i(t,{children:[l&&e(a,{icon:e(n,{type:"grabbing"}),text:"Drag circle edge to resize radius",isSatellite:c}),e(a,{prefix:"Hold",keyboardKey:e(r,{children:"Shift"}),suffix:"+ drag to select wells",isSatellite:c})]})},d=function(i){var o=i.isDrawing,l=i.pointCount,c=i.isEditingPolygon,p=i.isEditingVertices,d=i.hasPolygon,f=i.showBoxSelectionHint,g=i.isSatellite,u=s((function(){var i=[];return o?0===l?i.push(e(a,{icon:e(n,{type:"cross"}),text:"Click on map to start drawing",isSatellite:g},"start-drawing")):l<3?i.push(e(a,{icon:e(n,{type:"cross"}),text:"Add at least 3 points to create selection",isSatellite:g},"add-points")):i.push(e(a,{prefix:"Press",keyboardKey:e(r,{children:"Enter"}),suffix:"to apply selection",isSatellite:g},"apply-selection")):p?(i.push(e(a,{icon:e(n,{type:"grabbing"}),text:"Drag points to reshape",isSatellite:g},"drag-points")),i.push(e(a,{prefix:"Press",keyboardKey:e(r,{children:"Delete"}),suffix:"to remove",isSatellite:g},"delete-polygon"))):c?(i.push(e(a,{icon:e(n,{type:"grabbing"}),text:"Drag to move",isSatellite:g},"drag-to-move")),i.push(e(a,{prefix:"Press",keyboardKey:e(r,{children:"Delete"}),suffix:"to remove",isSatellite:g},"delete-polygon")),i.push(e(a,{icon:e(n,{type:"default"}),text:"Click again to reshape",isSatellite:g},"reshape"))):d&&i.push(e(a,{icon:e(n,{type:"default"}),text:"Click on selection to modify",isSatellite:g},"modify-selection")),f&&d&&i.push(e(a,{prefix:"Hold",keyboardKey:e(r,{children:"Shift"}),suffix:"+ drag to select wells",isSatellite:g},"box-selection")),i}),[o,l,c,p,d,f,g]);return 0===u.length?null:e(t,{children:u})},f=o((function(i,t){var o=i.mode,s=i.isBoxActive,n=void 0!==s&&s,r=i.hasCircle,a=void 0!==r&&r,f=i.isDrawing,g=void 0!==f&&f,u=i.pointCount,h=void 0===u?0:u,m=i.isEditingPolygon,y=void 0!==m&&m,x=i.isEditingVertices,S=void 0!==x&&x,v=i.hasPolygon,b=void 0!==v&&v,w=i.showBoxSelectionHint,C=void 0!==w&&w,k=i.isSatellite,H=void 0!==k&&k,P=i.className,D="box"===o?e(p,{isActive:n,hasCircle:a,isSatellite:H}):e(d,{isDrawing:g,pointCount:h,isEditingPolygon:y,isEditingVertices:S,hasPolygon:b,showBoxSelectionHint:C,isSatellite:H});return"lasso"!==o||D?e("div",{ref:t,className:l(c.mapHints,P),children:D}):null}));f.displayName="MapHints";export{f as MapHints};
 //# sourceMappingURL=MapHints.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/RadiusInput/RadiusInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadiusInput.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/RadiusInput/RadiusInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,EAAE,EAAE,MAAM,OAAO,CAAC;AAW9E,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,~~CAqF5C~~,CAAC"}
1	+ {"version":3,"file":"RadiusInput.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/RadiusInput/RadiusInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,EAAE,EAAE,MAAM,OAAO,CAAC;AAW9E,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsF5C,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/RadiusInput/RadiusInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as e,useRef as n,useEffect as a}from"react";import{InputLabel as u,TextField as o}from"@material-ui/core";import{debounce as s}from"lodash";import m from"classnames";import{getIsImperial as l}from"../../../../../utils/getIsImperial.js";import c from"./RadiusInput.module.css.js";import{convertValue as d}from"../../../../../../../utils/index.js";var f=function(f){var v=f.radius,p=f.editable,b=f.isLassoActive,h=void 0!==b&&b,N=f.isSatellite,g=void 0!==N&&N,I=f.onChange,j=f["data-testid"],k=void 0===j?"RadiusInput":j,x=f.className,F=t(""),R=F[0],C=F[1],E=t(!1),S=E[0],y=E[1],A=t(!1),B=A[0],L=A[1],_=e((function(){return l()}),[]),q=e((function(){return s((function(r){return I(r)}),1500)}),[I]),w=n(q);w.current=q,a((function(){return function(){return w.current.cancel()}}),[]),a((function(){if(!B){var r=_?v:d(v,"length","mi","km",3);C(function(r){return Number.isInteger(r)?String(r):r.toFixed(2)}(Number(r)))}}),[_,v,B]);var z=_?"mi":"km",D=!p||h;return r("div",{className:m(c.radiusInput,g&&c.satellite,D&&c.disabled,x),children:[r(u,{htmlFor:"radius-input",className:c.label,children:["Radius (",z,"):"]}),i(o,{id:"radius-input","data-testid":"".concat(k,"_input"),type:"number",value:R,disabled:D,onChange:function(r){if(!function(r){var i,t=null===(i=r.nativeEvent)||void 0===i?void 0:i.data;return!!t&&["e","E","+","-"].includes(t)}(r)){var i=r.target.value;C(i);var t=function(r){if(""===r)return!0;var i=Number(r);return Number.isFinite(i)&&i>=0}(i);if(y(!t),t&&""!==i){var e=_?+i:d(+i,"length","km","mi",3);q(Number(e))}}},onFocus:function(){return L(!0)},onBlur:function(){w.current.flush(),L(!1)},error:S,className:c.field,"aria-label":"Radius in ".concat(_?"miles":"kilometers"),"aria-invalid":S})]})};export{f as RadiusInput};
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as n,useRef as e,useEffect as a}from"react";import{InputLabel as u,TextField as o}from"@material-ui/core";import{debounce as s}from"lodash";import l from"classnames";import{getIsImperial as m}from"../../../../../utils/getIsImperial.js";import c from"./RadiusInput.module.css.js";import{convertValue as d}from"../../../../../../../utils/index.js";var f=function(f){var v=f.radius,p=f.editable,b=f.isLassoActive,g=void 0!==b&&b,h=f.isSatellite,N=void 0!==h&&h,I=f.onChange,j=f["data-testid"],k=void 0===j?"RadiusInput":j,x=f.className,F=t(""),R=F[0],S=F[1],C=t(!1),E=C[0],y=C[1],A=t(!1),B=A[0],L=A[1],P=n((function(){return m()}),[]),U=n((function(){return s((function(r){return I(r)}),1500)}),[I]),_=e(U);_.current=U,a((function(){return function(){return _.current.cancel()}}),[]),a((function(){if(!B){var r=P?v:d(v,"length","mi","km",3);S(function(r){return Number.isInteger(r)?String(r):r.toFixed(2)}(Number(r)))}}),[P,v,B]);var q=P?"mi":"km",w=!p||g;return r("div",{className:l(c.radiusInput,N&&c.satellite,w&&c.disabled,x),children:[r(u,{htmlFor:"radius-input",className:c.label,children:["Radius (",q,"):"]}),i(o,{id:"radius-input","data-testid":"".concat(k,"_input"),type:"number",value:R,disabled:w,onChange:function(r){if(!function(r){var i,t=null===(i=r.nativeEvent)||void 0===i?void 0:i.data;return!!t&&["e","E","+","-"].includes(t)}(r)){var i=r.target.value;S(i);var t=function(r){if(""===r)return!0;var i=Number(r);return Number.isFinite(i)&&i>=0}(i);if(y(!t),t&&""!==i){var n=P?+i:d(+i,"length","km","mi",3);U(Number(n))}}},onFocus:function(){return L(!0)},onBlur:function(){_.current.flush(),L(!1)},error:E,className:c.field,"aria-label":"Radius in ".concat(P?"miles":"kilometers"),"aria-invalid":E,inputProps:{lang:"en-US"}})]})};export{f as RadiusInput};
 //# sourceMappingURL=RadiusInput.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/constants.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { ExpressionSpecification } from 'mapbox-gl';
 import { WellStatus } from '../../../constants';
 import { Coordinates } from './OffsetWellMap.types';
 export type WellStatusValue = typeof WellStatus[keyof typeof WellStatus];
@@ -11,6 +12,27 @@ export type StatusColorsForState = Record<WellMarkerState, StatusColorConfig>;
 export type StatusColorsForMapStyle = Record<WellStatusValue, StatusColorsForState>;
 export type StatusColorsByMapStyle = Record<MapStyleValue, StatusColorsForMapStyle>;
 export declare const StatusColors: StatusColorsByMapStyle;
+/**
+ * Mapbox zoom-interpolated marker sizes.
+ *
+ * These use Mapbox's `interpolate` expression to dynamically scale marker sizes based on zoom level.
+ * This prevents the "stain effect" where markers appear too large when zoomed out.
+ *
+ * Expression structure: ['interpolate', interpolationType, input, stop1, output1, stop2, output2, ...]
+ * - 'interpolate': Produces continuous results by interpolating between value pairs
+ * - ['linear']: Linear interpolation between stops (smooth transition)
+ * - ['zoom']: Uses the current map zoom level as input
+ * - Stops are pairs of [zoomLevel, pixelSize]:
+ *   - At zoom 1 (world view): markers are tiny
+ *   - At zoom 8 (regional): markers are small
+ *   - At zoom 12 (city level): markers are default size
+ *   - At zoom 18 (street level): markers are larger for easier clicking
+ *
+ * Values between stops are linearly interpolated.
+ * Example: At zoom 10 (between 8 and 12), WellMarkerSize would be ~4px.
+ */
+export declare const WellMarkerSize: ExpressionSpecification;
+export declare const HighlightMarkerSize: ExpressionSpecification;
 export declare const MapConfig: {
     readonly DefaultCoords: Coordinates;
     readonly Zoom: {
@@ -20,10 +42,11 @@ export declare const MapConfig: {
     };
     readonly Radius: {
         readonly Max: 3000;
+        readonly Min: 0.01;
     };
     readonly Markers: {
-        readonly WellSize: 5;
-        readonly HighlightSize: 16;
+        readonly WellSize: ExpressionSpecification;
+        readonly HighlightSize: ExpressionSpecification;
     };
     readonly Colors: {
         readonly OffsetWell: "#03BCD4";

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/constants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE9E,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEpF,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC;AAEpF,eAAO,MAAM,YAAY,EAAE,sBAuD1B,CAAC;AAEF,eAAO,MAAM,SAAS;4BAC6C,WAAW~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCpE~~,CAAC"}
1	+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE9E,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEpF,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC;AAEpF,eAAO,MAAM,YAAY,EAAE,sBAuD1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,cAAc,EAAE,uBAY5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,uBAYjC,CAAC;AAEF,eAAO,MAAM,SAAS;4BAC6C,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCpE,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/constants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={satellite:{active:{default:{fill:"rgba(168, 255, 61, 0.8)",stroke:"rgba(56, 102, 0, 0.64)"},hovered:{fill:"#A8FF3D",stroke:"rgba(56, 102, 0, 0.64)"},selected:{fill:"#A8FF3D",stroke:"rgba(56, 102, 0, 0.64)"}},paused:{default:{fill:"rgba(255, 246, 108, 0.8)",stroke:"rgba(102, 96, 10, 0.64)"},hovered:{fill:"#FFF66C",stroke:"rgba(102, 96, 10, 0.64)"},selected:{fill:"#FFF66C",stroke:"rgba(102, 96, 10, 0.64)"}},complete:{default:{fill:"rgba(111, 200, 255, 0.8)",stroke:"rgba(8, 85, 132, 0.64)"},hovered:{fill:"#6FC8FF",stroke:"rgba(8, 85, 132, 0.64)"},selected:{fill:"#6FC8FF",stroke:"rgba(8, 85, 132, 0.64)"}},idle:{default:{fill:"rgba(173, 173, 255, 0.8)",stroke:"rgba(64, 64, 131, 0.64)"},hovered:{fill:"#ADADFF",stroke:"rgba(64, 64, 131, 0.64)"},selected:{fill:"#ADADFF",stroke:"rgba(64, 64, 131, 0.64)"}},unknown:{default:{fill:"rgba(255, 255, 255, 0.8)",stroke:"rgba(82, 82, 82, 0.64)"},hovered:{fill:"#FFFFFF",stroke:"rgba(82, 82, 82, 0.64)"},selected:{fill:"#FFFFFF",stroke:"rgba(82, 82, 82, 0.64)"}}},dark:{active:{default:{fill:"rgba(168, 255, 61, 0.5)"},hovered:{fill:"rgba(150, 241, 38, 0.8)"},selected:{fill:"#A8FF3D"}},paused:{default:{fill:"rgba(255, 246, 108, 0.5)"},hovered:{fill:"rgba(255, 246, 108, 0.8)"},selected:{fill:"#FFF66C"}},complete:{default:{fill:"rgba(118, 194, 255, 0.8)"},hovered:{fill:"rgba(118, 194, 255, 0.8)"},selected:{fill:"#76C2FF"}},idle:{default:{fill:"rgba(173, 173, 255, 0.5)"},hovered:{fill:"rgba(173, 173, 255, 0.8)"},selected:{fill:"#ADADFF"}},unknown:{default:{fill:"rgba(255, 255, 255, 0.5)"},hovered:{fill:"rgba(255, 255, 255, 0.8)"},selected:{fill:"#FFFFFF"}}}},l={DefaultCoords:{latitude:29.749907,longitude:-95.358421},Zoom:{Initial:8.5,Max:18,Min:1},Radius:{Max:3e3},Markers:{WellSize:5,HighlightSize:16},Colors:{OffsetWell:"#03BCD4",RadiusCircle:"#03BCD4",DefaultWell:"#BDBDBD"},SelectionColors:{dark:{border:"#03BCD4",fill:"rgba(3, 188, 212, 0.08)",borderWidth:1},satellite:{border:"#FFE679",fill:"rgba(255, 193, 7, 0.08)",borderWidth:2}},LayerIds:{Wells:"wells-layer"},Styles:{dark:"mapbox://styles/mapbox/dark-v9",satellite:"mapbox://styles/mapbox/satellite-v9"}};export{l as MapConfig,e as StatusColors};
+var e={satellite:{active:{default:{fill:"rgba(168, 255, 61, 0.8)",stroke:"rgba(56, 102, 0, 0.64)"},hovered:{fill:"#A8FF3D",stroke:"rgba(56, 102, 0, 0.64)"},selected:{fill:"#A8FF3D",stroke:"rgba(56, 102, 0, 0.64)"}},paused:{default:{fill:"rgba(255, 246, 108, 0.8)",stroke:"rgba(102, 96, 10, 0.64)"},hovered:{fill:"#FFF66C",stroke:"rgba(102, 96, 10, 0.64)"},selected:{fill:"#FFF66C",stroke:"rgba(102, 96, 10, 0.64)"}},complete:{default:{fill:"rgba(111, 200, 255, 0.8)",stroke:"rgba(8, 85, 132, 0.64)"},hovered:{fill:"#6FC8FF",stroke:"rgba(8, 85, 132, 0.64)"},selected:{fill:"#6FC8FF",stroke:"rgba(8, 85, 132, 0.64)"}},idle:{default:{fill:"rgba(173, 173, 255, 0.8)",stroke:"rgba(64, 64, 131, 0.64)"},hovered:{fill:"#ADADFF",stroke:"rgba(64, 64, 131, 0.64)"},selected:{fill:"#ADADFF",stroke:"rgba(64, 64, 131, 0.64)"}},unknown:{default:{fill:"rgba(255, 255, 255, 0.8)",stroke:"rgba(82, 82, 82, 0.64)"},hovered:{fill:"#FFFFFF",stroke:"rgba(82, 82, 82, 0.64)"},selected:{fill:"#FFFFFF",stroke:"rgba(82, 82, 82, 0.64)"}}},dark:{active:{default:{fill:"rgba(168, 255, 61, 0.5)"},hovered:{fill:"rgba(150, 241, 38, 0.8)"},selected:{fill:"#A8FF3D"}},paused:{default:{fill:"rgba(255, 246, 108, 0.5)"},hovered:{fill:"rgba(255, 246, 108, 0.8)"},selected:{fill:"#FFF66C"}},complete:{default:{fill:"rgba(118, 194, 255, 0.8)"},hovered:{fill:"rgba(118, 194, 255, 0.8)"},selected:{fill:"#76C2FF"}},idle:{default:{fill:"rgba(173, 173, 255, 0.5)"},hovered:{fill:"rgba(173, 173, 255, 0.8)"},selected:{fill:"#ADADFF"}},unknown:{default:{fill:"rgba(255, 255, 255, 0.5)"},hovered:{fill:"rgba(255, 255, 255, 0.8)"},selected:{fill:"#FFFFFF"}}}},l=["interpolate",["linear"],["zoom"],1,1,8,3,12,5,18,8],r=["interpolate",["linear"],["zoom"],1,2,8,8,12,16,18,20],a={DefaultCoords:{latitude:29.749907,longitude:-95.358421},Zoom:{Initial:8.5,Max:18,Min:1},Radius:{Max:3e3,Min:.01},Markers:{WellSize:l,HighlightSize:r},Colors:{OffsetWell:"#03BCD4",RadiusCircle:"#03BCD4",DefaultWell:"#BDBDBD"},SelectionColors:{dark:{border:"#03BCD4",fill:"rgba(3, 188, 212, 0.08)",borderWidth:1},satellite:{border:"#FFE679",fill:"rgba(255, 193, 7, 0.08)",borderWidth:2}},LayerIds:{Wells:"wells-layer"},Styles:{dark:"mapbox://styles/mapbox/dark-v9",satellite:"mapbox://styles/mapbox/satellite-v9"}};export{r as HighlightMarkerSize,a as MapConfig,e as StatusColors,l as WellMarkerSize};
 //# sourceMappingURL=constants.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/index.d.ts CHANGED Viewed

@@ -9,4 +9,5 @@ export { useLassoSelection } from './useLassoSelection';
 export { useLassoKeyboardHandlers } from './useLassoKeyboardHandlers';
 export { useBoxSelection } from './useBoxSelection';
 export { useElementSize } from './useElementSize';
+export { useRadiusResize } from './useRadiusResize';
 //# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.d.ts CHANGED Viewed

@@ -5,8 +5,10 @@ import type { PolygonCoord } from '../../../../stores/filter-store/types';
 type UseLassoSelectionParams = {
     mapRef: RefObject<MapRef | null>;
     isActive: boolean;
+    isMapReady: boolean;
     hasInitialPolygon: boolean;
     onPolygonChange: (coords: PolygonCoord[] | undefined) => void;
+    wellsLayerId: string;
 };
 type UseLassoSelectionReturn = {
     isDrawing: boolean;
@@ -31,6 +33,6 @@ type UseLassoSelectionReturn = {
     completeDrawing: () => void;
     deletePolygon: () => void;
 };
-export declare const useLassoSelection: ({ mapRef, isActive, hasInitialPolygon, onPolygonChange, }: UseLassoSelectionParams) => UseLassoSelectionReturn;
+export declare const useLassoSelection: ({ mapRef, isActive, isMapReady, hasInitialPolygon, onPolygonChange, wellsLayerId, }: UseLassoSelectionParams) => UseLassoSelectionReturn;
 export {};
 //# sourceMappingURL=useLassoSelection.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLassoSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;~~AAElD~~,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAG1E,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;~~CAC/D~~,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,gBAAgB,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,qBAAqB,EAAE,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,~~2DAK~~/B,uBAAuB,KAAG,~~uBAqL5B~~,CAAC"}
1	+ {"version":3,"file":"useLassoSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAG1E,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,gBAAgB,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,qBAAqB,EAAE,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,qFAO/B,uBAAuB,KAAG,uBAoN5B,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as e,useState as n,useCallback as r,useEffect as o}from"react";import{convertDrawCoordsToApi as t}from"../utils/polygonCoords.js";var i=function(i){var a=i.mapRef,l=i.isActive,c=i.hasInitialPolygon,u=i.onPolygonChange,d=e(null),g=n(l&&!c),f=g[0],s=g[1],y=n(0),v=y[0],m=y[1],h=n(!1),p=h[0],w=h[1],P=n(!1),M=P[0],D=P[1],_=r((function(e){var n=e.features[0];if("Polygon"===(null==n?void 0:n.geometry.type)){var r=n.geometry.coordinates[0],o=t(r);u(o),s(!1),m(0),w(!1),D(!1)}}),[u]),C=r((function(e){var n=e.features[0];if("Polygon"===(null==n?void 0:n.geometry.type)){var r=n.geometry.coordinates[0],o=t(r);u(o)}}),[u]),A=r((function(){u(void 0),d.current&&(d.current.changeMode("draw_polygon"),s(!0))}),[u]),k=r((function(){d.current&&(d.current.deleteAll(),d.current.changeMode("draw_polygon"),m(0))}),[]),x=r((function(){if(d.current&&!(v<3)){var e=d.current.getAll().features[0];if(e&&"Polygon"===e.geometry.type){var n=e.geometry.coordinates[0];if(n&&!(n.length<3)){var r=t(n);u(r);var o=e.id;null!=o?d.current.changeMode("simple_select",{featureIds:[String(o)]}):d.current.changeMode("simple_select"),s(!1),m(0),w(!1),D(!1)}}}}),[v,u]),E=r((function(){d.current&&(d.current.deleteAll(),u(void 0),d.current.changeMode("draw_polygon"),s(!0),w(!1),D(!1))}),[u]),I=r((function(e){s("draw_polygon"===e.mode),D("direct_select"===e.mode)}),[]),R=r((function(e){w(e.features.length>0)}),[]),S=r((function(){if(d.current){var e=d.current.getAll().features[0];if("Polygon"===(null==e?void 0:e.geometry.type)){var n=e.geometry.coordinates[0];m(Math.max(0,n.length-2))}}}),[]);return o((function(){var e,n=null===(e=a.current)||void 0===e?void 0:e.getMap();if(n&&l&&f)return n.on("click",S),function(){n.off("click",S)}}),[a,l,f,S]),o((function(){l||(s(!1),m(0),w(!1),D(!1))}),[l]),o((function(){l&&!c&&s(!0)}),[l,c]),{isDrawing:f,drawingPointCount:v,isEditingPolygon:p,isEditingVertices:M,drawRef:d,handleDrawCreate:_,handleDrawUpdate:C,handleDrawDelete:A,handleModeChange:I,handleSelectionChange:R,discardDrawing:k,completeDrawing:x,deletePolygon:E}};export{i as useLassoSelection};
+import{useRef as e,useState as n,useCallback as r,useEffect as t}from"react";import{convertDrawCoordsToApi as o}from"../utils/polygonCoords.js";var i=function(i){var a=i.mapRef,l=i.isActive,c=i.isMapReady,u=i.hasInitialPolygon,d=i.onPolygonChange,g=i.wellsLayerId,f=e(null),s=e(!1),y=n(l&&!u),v=y[0],m=y[1],p=n(0),h=p[0],w=p[1],M=n(!1),P=M[0],_=M[1],D=n(!1),C=D[0],A=D[1],I=r((function(e){var n=e.features[0];if("Polygon"===(null==n?void 0:n.geometry.type)){var r=n.geometry.coordinates[0],t=o(r);d(t),m(!1),w(0),_(!1),A(!1)}}),[d]),R=r((function(e){var n=e.features[0];if("Polygon"===(null==n?void 0:n.geometry.type)){var r=n.geometry.coordinates[0],t=o(r);d(t)}}),[d]),k=r((function(){d(void 0),f.current&&(f.current.changeMode("draw_polygon"),m(!0))}),[d]),x=r((function(){f.current&&(f.current.deleteAll(),f.current.changeMode("draw_polygon"),w(0))}),[]),E=r((function(){if(f.current&&!(h<3)){var e=f.current.getAll().features[0];if(e&&"Polygon"===e.geometry.type){var n=e.geometry.coordinates[0];if(n&&!(n.length<3)){var r=o(n);d(r);var t=e.id;null!=t?f.current.changeMode("simple_select",{featureIds:[String(t)]}):f.current.changeMode("simple_select"),m(!1),w(0),_(!1),A(!1)}}}}),[h,d]),S=r((function(){f.current&&(f.current.deleteAll(),d(void 0),f.current.changeMode("draw_polygon"),m(!0),_(!1),A(!1))}),[d]),j=r((function(e){m("draw_polygon"===e.mode),A("direct_select"===e.mode)}),[]),q=r((function(e){if(s.current&&e.features.length>0&&f.current)return s.current=!1,void f.current.changeMode("simple_select",{featureIds:[]});s.current=!1,_(e.features.length>0)}),[]),F=r((function(){if(f.current){var e=f.current.getAll().features[0];if("Polygon"===(null==e?void 0:e.geometry.type)){var n=e.geometry.coordinates[0];w(Math.max(0,n.length-2))}}}),[]);return t((function(){var e,n=null===(e=a.current)||void 0===e?void 0:e.getMap();if(n&&l&&v)return n.on("click",F),function(){n.off("click",F)}}),[a,l,v,F]),t((function(){l||(m(!1),w(0),_(!1),A(!1))}),[l]),t((function(){l&&!u&&m(!0)}),[l,u]),t((function(){var e,n=null===(e=a.current)||void 0===e?void 0:e.getMap();if(n&&l&&c){var r=function(e){var r=n.queryRenderedFeatures(e.point,{layers:[g]});s.current=r.length>0};return n.on("mousedown",r),function(){n.off("mousedown",r)}}}),[a,l,c,g]),{isDrawing:v,drawingPointCount:h,isEditingPolygon:P,isEditingVertices:C,drawRef:f,handleDrawCreate:I,handleDrawUpdate:R,handleDrawDelete:k,handleModeChange:j,handleSelectionChange:q,discardDrawing:x,completeDrawing:E,deletePolygon:S}};export{i as useLassoSelection};
 //# sourceMappingURL=useLassoSelection.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusCircle.d.ts CHANGED Viewed

@@ -3,10 +3,12 @@ import { Coordinates } from '../OffsetWellMap.types';
 type UseRadiusCircleParams = {
     subjectWellCoords: Coordinates | null;
     radiusMiles: number;
+    previewRadiusMiles?: number | null;
 };
 type UseRadiusCircleReturn = {
     circleGeoJSON: Feature<Polygon> | null;
+    previewCircleGeoJSON: Feature<Polygon> | null;
 };
-export declare const useRadiusCircle: ({ subjectWellCoords, radiusMiles, }: UseRadiusCircleParams) => UseRadiusCircleReturn;
+export declare const useRadiusCircle: ({ subjectWellCoords, radiusMiles, previewRadiusMiles, }: UseRadiusCircleParams) => UseRadiusCircleReturn;
 export {};
 //# sourceMappingURL=useRadiusCircle.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusCircle.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRadiusCircle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusCircle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,KAAK,qBAAqB,GAAG;IAC3B,iBAAiB,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;~~CACrB~~,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;~~CACxC~~,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,~~qCAG7B~~,qBAAqB,KAAG,~~qBAiB1B~~,CAAC"}
1	+ {"version":3,"file":"useRadiusCircle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusCircle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,KAAK,qBAAqB,GAAG;IAC3B,iBAAiB,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACvC,oBAAoB,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,yDAI7B,qBAAqB,KAAG,qBA+B1B,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusCircle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as r}from"react";import o from"@turf/circle";import{toMapboxCoords as t}from"../utils/toMapboxCoords.js";var e=function(e){var i=e.subjectWellCoords,s=e.radiusMiles;return{circleGeoJSON:r((function(){if(!i||!s)return null;var r=t(i);return o(r,s,{units:"miles",steps:64})}),[i,s])}};export{e as useRadiusCircle};
+import{useMemo as r}from"react";import e from"@turf/circle";import{toMapboxCoords as i}from"../utils/toMapboxCoords.js";var t=function(t){var o=t.subjectWellCoords,u=t.radiusMiles,l=t.previewRadiusMiles,n=void 0===l?null:l;return{circleGeoJSON:r((function(){if(!o||!u)return null;var r=i(o);return e(r,u,{units:"miles",steps:64})}),[o,u]),previewCircleGeoJSON:r((function(){if(!o||null===n)return null;var r=i(o);return e(r,n,{units:"miles",steps:64})}),[o,n])}};export{t as useRadiusCircle};
 //# sourceMappingURL=useRadiusCircle.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusResize.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { RefObject } from 'react';
+import type { MapRef, MapMouseEvent } from 'react-map-gl/mapbox';
+import { Coordinates } from '../OffsetWellMap.types';
+type UseRadiusResizeParams = {
+    mapRef: RefObject<MapRef | null>;
+    subjectWellCoords: Coordinates | null;
+    currentRadius: number;
+    isEnabled: boolean;
+    onRadiusChange: (radius: number) => void;
+};
+type UseRadiusResizeReturn = {
+    isHoveringEdge: boolean;
+    isDragging: boolean;
+    previewRadius: number | null;
+    handleMouseMove: (event: MapMouseEvent) => void;
+    handleMouseDown: (event: MapMouseEvent) => void;
+    handleMouseUp: () => void;
+};
+export declare const useRadiusResize: ({ mapRef, subjectWellCoords, currentRadius, isEnabled, onRadiusChange, }: UseRadiusResizeParams) => UseRadiusResizeReturn;
+export {};
+//# sourceMappingURL=useRadiusResize.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusResize.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useRadiusResize.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAMrD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,iBAAiB,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AA+BF,eAAO,MAAM,eAAe,GAAI,0EAM7B,qBAAqB,KAAG,qBAqG1B,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusResize.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useState as n,useRef as t,useCallback as e,useEffect as r}from"react";import{getDistance as u,convertDistance as o}from"geolib";import{toMapboxCoords as i}from"../utils/toMapboxCoords.js";import{MapConfig as l}from"../constants.js";var a=function(n,t){var e=u(n,t);return o(e,"mi")},c=function(u){var o=u.mapRef,c=u.subjectWellCoords,d=u.currentRadius,s=u.isEnabled,f=u.onRadiusChange,m=n(!1),g=m[0],v=m[1],p=n(!1),M=p[0],h=p[1],x=n(null),R=x[0],b=x[1],j=t(!1),E=t(null),y=e((function(n){var t=o.current;if(t&&c&&s){var e=n.lngLat,r=a({latitude:c.latitude,longitude:c.longitude},{latitude:e.lat,longitude:e.lng});if(j.current){var u=Math.max(l.Radius.Min,Math.min(r,l.Radius.Max));b(u),E.current=u}else{var f=function(n,t){var e=i(t),r=n.project(e),u={x:r.x+5,y:r.y},o=n.unproject([u.x,u.y]);return a({latitude:t.latitude,longitude:t.longitude},{latitude:o.lat,longitude:o.lng})}(t,c),m=function(n,t,e){return Math.abs(n-t)<=e}(r,d,f);v(m)}}else v(!1)}),[o,c,s,d]),C=e((function(n){g&&s&&(n.preventDefault(),h(!0),j.current=!0)}),[g,s]),D=e((function(){j.current&&(h(!1),j.current=!1,null!==E.current&&f(E.current),b(null),E.current=null,v(!1))}),[f]);return r((function(){var n=function(){j.current&&D()};return document.addEventListener("mouseup",n),function(){document.removeEventListener("mouseup",n)}}),[D]),r((function(){s\|\|(v(!1),h(!1),j.current=!1,b(null),E.current=null)}),[s]),{isHoveringEdge:g,isDragging:M,previewRadius:R,handleMouseMove:y,handleMouseDown:C,handleMouseUp:D}};export{c as useRadiusResize};
2	+ //# sourceMappingURL=useRadiusResize.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusResize.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useRadiusResize.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/OffsetWellPickerV5/components/Map/WellsMap.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ type WellsMapProps = {
         id: number;
     }[]) => void;
     activeWellId?: number | null;
+    isLoading?: boolean;
 };
 export declare const WellsMap: FC<WellsMapProps>;
 export {};

package/components/OffsetWellPickerV5/components/Map/WellsMap.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WellsMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/Map/WellsMap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAiB,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInE,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,sBAAsB,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9E,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;~~CAC9B~~,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,~~CAsBtC~~,CAAC"}
1	+ {"version":3,"file":"WellsMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/Map/WellsMap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAiB,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInE,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,sBAAsB,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9E,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAwBtC,CAAC"}

package/components/OffsetWellPickerV5/components/Map/WellsMap.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{OffsetWellMap as l}from"./OffsetWellMap/OffsetWellMap.js";import a from"./WellsMap.module.css.js";var t=function(t){var s=t.subjectWell,o=void 0===s?null:s,n=t.wells,r=t.offsetWellIds,f=t.mapHidden,i=t.handleChangeOffsetWell,d=t.onBatchSelectWells,m=t.activeWellId,c=void 0===m?null:m;return e("div",{className:f?a.mapContainerHidden:a.mapContainer,children:e(l,{subjectWell:o,wells:n,offsetWellIds:r,handleChangeOffsetWell:i,onBatchSelectWells:d,activeWellId:c,classes:{root:a.mapRoot,map:a.mapMain}})})};export{t as WellsMap};
+import{jsx as e}from"react/jsx-runtime";import{OffsetWellMap as l}from"./OffsetWellMap/OffsetWellMap.js";import a from"./WellsMap.module.css.js";var s=function(s){var t=s.subjectWell,o=void 0===t?null:t,n=s.wells,i=s.offsetWellIds,d=s.mapHidden,r=s.handleChangeOffsetWell,f=s.onBatchSelectWells,m=s.activeWellId,c=void 0===m?null:m,p=s.isLoading,W=void 0!==p&&p;return e("div",{className:d?a.mapContainerHidden:a.mapContainer,children:e(l,{subjectWell:o,wells:n,offsetWellIds:i,handleChangeOffsetWell:r,onBatchSelectWells:f,activeWellId:c,isLoading:W,classes:{root:a.mapRoot,map:a.mapMain}})})};export{s as WellsMap};
 //# sourceMappingURL=WellsMap.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as s,useEffect as o,useMemo as r}from"react";import i from"prop-types";import{get as n}from"lodash";import{withStyles as a,Tooltip as p,makeStyles as l,Chip as c,Input as m}from"@material-ui/core";import d from"@material-ui/icons/Close";import"@babel/runtime/helpers/defineProperty";import"uuid";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/jsonApi/index.js";import"../../../../../clients/subscriptions/constants.js";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../api/shared/dataFormatter.js";import"../../../constants.js";import"geolib";import"../../../../../utils/convert.js";import"zustand";import"../../../stores/picker-props-store/PickerPropsStoreContext.js";import{jsxs as u,jsx as f,Fragment as h}from"react/jsx-runtime";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/wellTransformations.js";import"../../../../../utils/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"react-virtualized";import{useAssetsData as g}from"../../../effects/useAssetsData.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import{AssetTypesSection as j}from"./AssetTypesSection.js";import{AssetResultSection as x}from"./AssetResultSection.js";import{SEARCH_CATEGORIES as b,CATEGORY_KEY_VALUES as y}from"./constants.js";var C=a((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(p),I=l((function(e){return{wrapper:{width:function(e){return e.searchWidth||"auto"},display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},selectedLabel:{fontWeight:400,fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text1,whiteSpace:"nowrap",paddingLeft:"4px",paddingRight:"8px"},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),v=function(i){var a=i.company,p=i.subjectWellId,l=i.value,v=i.selectedWellIds,A=i.onChange,w=i.searchWidth,W=i.onClose,S=i.loadingAssetIds,k=t(null),R=e(k,2),P=R[0],D=R[1],T=t(null),q=e(T,2),z=q[0],N=q[1],L=t(1),B=e(L,2),H=B[0],O=B[1],F=I({searchWidth:w}),G=s();o((function(){N(l)}),[l]);var K=g(z,P,H,a,v),U=e(K,2),M=U[0],$=U[1],_=r((function(){return P&&$&&0!==$.length?$[0][1].filter((function(e){return e.checked})).length:0}),[P,$]);return u("div",{className:F.wrapper,children:[f("div",{className:F.inputWrapper,children:u("div",{className:F.searchInput,children:[P&&u(h,{children:[f(c,{"data-not-migrated-muichip":!0,classes:{root:F.selectedChip,deleteIcon:F.selectedChipDeleteIcon},label:n(b,[P,"labelPlural"],"Assets"),deleteIcon:f(d,{}),onDelete:function(){D(null)}}),_>0&&u("span",{className:F.selectedLabel,children:[_," Selected"]})]}),f(m,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:G,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:z||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;G.current.focus(),N(t),O(1)},onKeyUp:function(t){var s=t.target.value,o=t.keyCode,r=y.find((function(t){var o=e(t,2);return o[0],o[1].autoCategorizedKey===s.trim().toLowerCase()}));if(r&&(13===o||32===o))return N(""),D(r[0]),void O(1);""===s&&8===o&&(D(null),O(1))}}),f(C,{title:"Clear",children:f(d,{className:P||z?F.selectedChipDeleteIcon:F.disabledIcon,onClick:function(){N(""),D(null),O(1),W()}})})]})}),!P&&!z&&f(j,{onClickAssetType:function(e){G.current.focus(),D(e),O(1)}}),(P||z)&&f(x,{subjectWellId:p,page:H,assetType:P,loading:M,groupedAssets:$,onClickAsset:function(e,t){A(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var s=$[0][1];A(e,s.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&H>1&&O((function(e){return e-1})),"bottom"===e&&O((function(e){return e+1}))},loadingAssetIds:S})]})};v.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired,searchWidth:i.number,onClose:i.func.isRequired,loadingAssetIds:i.arrayOf(i.number)},v.defaultProps={searchWidth:null,loadingAssetIds:[]};export{v as AutoCompleteAssetSearch};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as s,useEffect as o,useMemo as r}from"react";import i from"prop-types";import{get as n}from"lodash";import{withStyles as a,Tooltip as p,makeStyles as l,Chip as c,Input as m}from"@material-ui/core";import d from"@material-ui/icons/Close";import"lz-string";import"@babel/runtime/helpers/defineProperty";import"uuid";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/jsonApi/index.js";import"../../../../../clients/subscriptions/constants.js";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../api/shared/dataFormatter.js";import"../../../constants.js";import"geolib";import"../../../../../utils/convert.js";import"zustand";import"../../../stores/picker-props-store/PickerPropsStoreContext.js";import{jsxs as u,jsx as f,Fragment as h}from"react/jsx-runtime";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/wellTransformations.js";import"../../../../../utils/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"react-virtualized";import{useAssetsData as g}from"../../../effects/useAssetsData.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import{AssetTypesSection as j}from"./AssetTypesSection.js";import{AssetResultSection as x}from"./AssetResultSection.js";import{SEARCH_CATEGORIES as b,CATEGORY_KEY_VALUES as y}from"./constants.js";var C=a((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(p),I=l((function(e){return{wrapper:{width:function(e){return e.searchWidth||"auto"},display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},selectedLabel:{fontWeight:400,fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text1,whiteSpace:"nowrap",paddingLeft:"4px",paddingRight:"8px"},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),v=function(i){var a=i.company,p=i.subjectWellId,l=i.value,v=i.selectedWellIds,A=i.onChange,w=i.searchWidth,W=i.onClose,S=i.loadingAssetIds,k=t(null),R=e(k,2),P=R[0],D=R[1],z=t(null),T=e(z,2),q=T[0],N=T[1],L=t(1),B=e(L,2),H=B[0],O=B[1],F=I({searchWidth:w}),G=s();o((function(){N(l)}),[l]);var K=g(q,P,H,a,v),U=e(K,2),M=U[0],$=U[1],_=r((function(){return P&&$&&0!==$.length?$[0][1].filter((function(e){return e.checked})).length:0}),[P,$]);return u("div",{className:F.wrapper,children:[f("div",{className:F.inputWrapper,children:u("div",{className:F.searchInput,children:[P&&u(h,{children:[f(c,{"data-not-migrated-muichip":!0,classes:{root:F.selectedChip,deleteIcon:F.selectedChipDeleteIcon},label:n(b,[P,"labelPlural"],"Assets"),deleteIcon:f(d,{}),onDelete:function(){D(null)}}),_>0&&u("span",{className:F.selectedLabel,children:[_," Selected"]})]}),f(m,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:G,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:q||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;G.current.focus(),N(t),O(1)},onKeyUp:function(t){var s=t.target.value,o=t.keyCode,r=y.find((function(t){var o=e(t,2);return o[0],o[1].autoCategorizedKey===s.trim().toLowerCase()}));if(r&&(13===o||32===o))return N(""),D(r[0]),void O(1);""===s&&8===o&&(D(null),O(1))}}),f(C,{title:"Clear",children:f(d,{className:P||q?F.selectedChipDeleteIcon:F.disabledIcon,onClick:function(){N(""),D(null),O(1),W()}})})]})}),!P&&!q&&f(j,{onClickAssetType:function(e){G.current.focus(),D(e),O(1)}}),(P||q)&&f(x,{subjectWellId:p,page:H,assetType:P,loading:M,groupedAssets:$,onClickAsset:function(e,t){A(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var s=$[0][1];A(e,s.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&H>1&&O((function(e){return e-1})),"bottom"===e&&O((function(e){return e+1}))},loadingAssetIds:S})]})};v.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired,searchWidth:i.number,onClose:i.func.isRequired,loadingAssetIds:i.arrayOf(i.number)},v.defaultProps={searchWidth:null,loadingAssetIds:[]};export{v as AutoCompleteAssetSearch};
 //# sourceMappingURL=AutoCompleteAssetSearch.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport { AssetTypesSection } from './AssetTypesSection';\nimport { AssetResultSection } from './AssetResultSection';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n tooltip: {\n backgroundColor: '#414141',\n color: '#ffffff',\n fontSize: '11px',\n lineHeight: '16px',\n borderRadius: '4px',\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n padding: '4px',\n },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n wrapper: {\n width: ({ searchWidth }) => searchWidth \|\| 'auto',\n display: 'flex',\n flexDirection: 'column',\n padding: 16,\n },\n inputWrapper: {\n display: 'flex',\n width: 'auto',\n margin: '0 8px 8px',\n alignItems: 'center',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n },\n selectedChip: {\n height: '24px',\n margin: '4px',\n },\n selectedChipDeleteIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n },\n },\n selectedLabel: {\n fontWeight: 400,\n fontSize: '16px',\n lineHeight: '22px',\n color: theme.palette.primary.text1,\n whiteSpace: 'nowrap',\n paddingLeft: '4px',\n paddingRight: '8px',\n },\n disabledIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n opacity: 0.4,\n },\n closeIconButton: {\n padding: 0,\n '&:hover $closeIcon': {\n color: theme.palette.primary.text1,\n },\n },\n searchInput: {\n width: '100%',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n borderBottom: '2px solid #03BCD4',\n },\n closeIcon: {\n color: theme.palette.primary.text6,\n fontSize: '18px',\n },\n}));\n\nexport const AutoCompleteAssetSearch = ({\n company,\n subjectWellId,\n value,\n selectedWellIds,\n onChange,\n searchWidth,\n onClose,\n loadingAssetIds,\n}) => {\n const [assetType, setAssetType] = useState(null);\n const [searchKey, setSearchKey] = useState(null);\n const [page, setPage] = useState(1);\n const classes = useStyles({ searchWidth });\n const searchInputRef = useRef();\n\n useEffect(() => {\n setSearchKey(value);\n }, [value]);\n\n const [loading, groupedAssets] = useAssetsData(\n searchKey,\n assetType,\n page,\n company,\n selectedWellIds\n );\n\n const selectedCount = useMemo(() => {\n if (!assetType \|\| !groupedAssets \|\| groupedAssets.length === 0) return 0;\n return groupedAssets[0][1].filter(asset => asset.checked).length;\n }, [assetType, groupedAssets]);\n\n const handleDeleteAssetType = () => {\n setAssetType(null);\n };\n\n const handleChangeAssetType = key => {\n searchInputRef.current.focus();\n setAssetType(key);\n setPage(1);\n };\n\n const handleChangeSearchKey = ({ target: { value } }) => {\n searchInputRef.current.focus();\n setSearchKey(value);\n setPage(1);\n };\n\n const handleKeyPress = e => {\n const { value } = e.target;\n const { keyCode } = e;\n\n const availableCategory = CATEGORY_KEY_VALUES.find(\n ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n );\n\n // NOTE: when type one of categories defined and press enter key or space key\n // then asset type will be auto selected and clear input field\n if (availableCategory && (keyCode === 13 \|\| keyCode === 32)) {\n setSearchKey('');\n setAssetType(availableCategory[0]);\n setPage(1);\n return;\n }\n\n // NOTE: when there is no value in input field and press back space key,\n // then clear asset type as well.\n if (value === '' && keyCode === 8) {\n setAssetType(null);\n setPage(1);\n }\n };\n\n const handleSearchClear = () => {\n setSearchKey('');\n setAssetType(null);\n setPage(1);\n onClose();\n };\n\n const handleScrollReached = position => {\n if (position === 'top' && page > 1) {\n setPage(prev => prev - 1);\n }\n if (position === 'bottom') {\n setPage(prev => prev + 1);\n }\n };\n\n const handleChangeAsset = (asset, assetType) => {\n onChange(!asset.checked, [asset.redirectAssetId], assetType);\n };\n\n const handleChangeAllAssets = (isAllAdding, assetType) => {\n const assets = groupedAssets[0][1];\n onChange(\n isAllAdding,\n assets.map(asset => asset.redirectAssetId),\n assetType\n );\n };\n\n return (\n <div className={classes.wrapper}>\n <div className={classes.inputWrapper}>\n <div className={classes.searchInput}>\n {assetType && (\n <>\n <Chip\n data-not-migrated-muichip\n classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n deleteIcon={<CloseIcon />}\n onDelete={handleDeleteAssetType}\n />\n {selectedCount > 0 && (\n <span className={classes.selectedLabel}>{selectedCount} Selected</span>\n )}\n </>\n )}\n <Input\n data-testid={`${PAGE_NAME}_searchInput`}\n inputRef={searchInputRef}\n autoFocus\n disableUnderline\n fullWidth\n value={searchKey \|\| ''}\n placeholder=\"Search for Wells ...\"\n onChange={handleChangeSearchKey}\n onKeyUp={handleKeyPress}\n />\n <StyledTooltip title=\"Clear\">\n <CloseIcon\n className={\n assetType \|\| searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n }\n onClick={handleSearchClear}\n />\n </StyledTooltip>\n </div>\n </div>\n\n {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n {(assetType \|\| searchKey) && (\n <AssetResultSection\n subjectWellId={subjectWellId}\n page={page}\n assetType={assetType}\n loading={loading}\n groupedAssets={groupedAssets}\n onClickAsset={handleChangeAsset}\n onClickAllAsset={handleChangeAllAssets}\n onScrollReached={handleScrollReached}\n loadingAssetIds={loadingAssetIds}\n />\n )}\n </div>\n );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n subjectWellId: PropTypes.number.isRequired,\n company: PropTypes.number.isRequired,\n value: PropTypes.string.isRequired,\n selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n onChange: PropTypes.func.isRequired,\n searchWidth: PropTypes.number,\n onClose: PropTypes.func.isRequired,\n loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAutoCompleteAssetSearch.defaultProps = {\n searchWidth: null,\n loadingAssetIds: [],\n};\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","_ref","searchWidth","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","selectedLabel","fontWeight","whiteSpace","paddingLeft","paddingRight","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","_ref2","company","subjectWellId","value","selectedWellIds","onChange","onClose","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","length","filter","asset","checked","_jsxs","className","children","_jsx","_Fragment","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","placeholder","_ref3","target","current","focus","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref4","_ref5","autoCategorizedKey","trim","toLowerCase","title","onClick","AssetTypesSection","onClickAssetType","key","AssetResultSection","onClickAsset","redirectAssetId","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","string","arrayOf","func","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport { AssetTypesSection } from './AssetTypesSection';\nimport { AssetResultSection } from './AssetResultSection';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n tooltip: {\n backgroundColor: '#414141',\n color: '#ffffff',\n fontSize: '11px',\n lineHeight: '16px',\n borderRadius: '4px',\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n padding: '4px',\n },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n wrapper: {\n width: ({ searchWidth }) => searchWidth \|\| 'auto',\n display: 'flex',\n flexDirection: 'column',\n padding: 16,\n },\n inputWrapper: {\n display: 'flex',\n width: 'auto',\n margin: '0 8px 8px',\n alignItems: 'center',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n },\n selectedChip: {\n height: '24px',\n margin: '4px',\n },\n selectedChipDeleteIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n },\n },\n selectedLabel: {\n fontWeight: 400,\n fontSize: '16px',\n lineHeight: '22px',\n color: theme.palette.primary.text1,\n whiteSpace: 'nowrap',\n paddingLeft: '4px',\n paddingRight: '8px',\n },\n disabledIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n opacity: 0.4,\n },\n closeIconButton: {\n padding: 0,\n '&:hover $closeIcon': {\n color: theme.palette.primary.text1,\n },\n },\n searchInput: {\n width: '100%',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n borderBottom: '2px solid #03BCD4',\n },\n closeIcon: {\n color: theme.palette.primary.text6,\n fontSize: '18px',\n },\n}));\n\nexport const AutoCompleteAssetSearch = ({\n company,\n subjectWellId,\n value,\n selectedWellIds,\n onChange,\n searchWidth,\n onClose,\n loadingAssetIds,\n}) => {\n const [assetType, setAssetType] = useState(null);\n const [searchKey, setSearchKey] = useState(null);\n const [page, setPage] = useState(1);\n const classes = useStyles({ searchWidth });\n const searchInputRef = useRef();\n\n useEffect(() => {\n setSearchKey(value);\n }, [value]);\n\n const [loading, groupedAssets] = useAssetsData(\n searchKey,\n assetType,\n page,\n company,\n selectedWellIds\n );\n\n const selectedCount = useMemo(() => {\n if (!assetType \|\| !groupedAssets \|\| groupedAssets.length === 0) return 0;\n return groupedAssets[0][1].filter(asset => asset.checked).length;\n }, [assetType, groupedAssets]);\n\n const handleDeleteAssetType = () => {\n setAssetType(null);\n };\n\n const handleChangeAssetType = key => {\n searchInputRef.current.focus();\n setAssetType(key);\n setPage(1);\n };\n\n const handleChangeSearchKey = ({ target: { value } }) => {\n searchInputRef.current.focus();\n setSearchKey(value);\n setPage(1);\n };\n\n const handleKeyPress = e => {\n const { value } = e.target;\n const { keyCode } = e;\n\n const availableCategory = CATEGORY_KEY_VALUES.find(\n ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n );\n\n // NOTE: when type one of categories defined and press enter key or space key\n // then asset type will be auto selected and clear input field\n if (availableCategory && (keyCode === 13 \|\| keyCode === 32)) {\n setSearchKey('');\n setAssetType(availableCategory[0]);\n setPage(1);\n return;\n }\n\n // NOTE: when there is no value in input field and press back space key,\n // then clear asset type as well.\n if (value === '' && keyCode === 8) {\n setAssetType(null);\n setPage(1);\n }\n };\n\n const handleSearchClear = () => {\n setSearchKey('');\n setAssetType(null);\n setPage(1);\n onClose();\n };\n\n const handleScrollReached = position => {\n if (position === 'top' && page > 1) {\n setPage(prev => prev - 1);\n }\n if (position === 'bottom') {\n setPage(prev => prev + 1);\n }\n };\n\n const handleChangeAsset = (asset, assetType) => {\n onChange(!asset.checked, [asset.redirectAssetId], assetType);\n };\n\n const handleChangeAllAssets = (isAllAdding, assetType) => {\n const assets = groupedAssets[0][1];\n onChange(\n isAllAdding,\n assets.map(asset => asset.redirectAssetId),\n assetType\n );\n };\n\n return (\n <div className={classes.wrapper}>\n <div className={classes.inputWrapper}>\n <div className={classes.searchInput}>\n {assetType && (\n <>\n <Chip\n data-not-migrated-muichip\n classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n deleteIcon={<CloseIcon />}\n onDelete={handleDeleteAssetType}\n />\n {selectedCount > 0 && (\n <span className={classes.selectedLabel}>{selectedCount} Selected</span>\n )}\n </>\n )}\n <Input\n data-testid={`${PAGE_NAME}_searchInput`}\n inputRef={searchInputRef}\n autoFocus\n disableUnderline\n fullWidth\n value={searchKey \|\| ''}\n placeholder=\"Search for Wells ...\"\n onChange={handleChangeSearchKey}\n onKeyUp={handleKeyPress}\n />\n <StyledTooltip title=\"Clear\">\n <CloseIcon\n className={\n assetType \|\| searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n }\n onClick={handleSearchClear}\n />\n </StyledTooltip>\n </div>\n </div>\n\n {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n {(assetType \|\| searchKey) && (\n <AssetResultSection\n subjectWellId={subjectWellId}\n page={page}\n assetType={assetType}\n loading={loading}\n groupedAssets={groupedAssets}\n onClickAsset={handleChangeAsset}\n onClickAllAsset={handleChangeAllAssets}\n onScrollReached={handleScrollReached}\n loadingAssetIds={loadingAssetIds}\n />\n )}\n </div>\n );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n subjectWellId: PropTypes.number.isRequired,\n company: PropTypes.number.isRequired,\n value: PropTypes.string.isRequired,\n selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n onChange: PropTypes.func.isRequired,\n searchWidth: PropTypes.number,\n onClose: PropTypes.func.isRequired,\n loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAutoCompleteAssetSearch.defaultProps = {\n searchWidth: null,\n loadingAssetIds: [],\n};\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","_ref","searchWidth","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","selectedLabel","fontWeight","whiteSpace","paddingLeft","paddingRight","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","_ref2","company","subjectWellId","value","selectedWellIds","onChange","onClose","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","length","filter","asset","checked","_jsxs","className","children","_jsx","_Fragment","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","placeholder","_ref3","target","current","focus","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref4","_ref5","autoCategorizedKey","trim","toLowerCase","title","onClick","AssetTypesSection","onClickAssetType","key","AssetResultSection","onClickAsset","redirectAssetId","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","string","arrayOf","func","defaultProps"],"mappings":"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"}