@corva/ui 3.40.0-9 → 3.41.0-0

package/cjs-bundle/components/OffsetWellPickerV5/components/Filter/Filter.js.map

@@ -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","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","jsx","_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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"}
+{"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","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","jsx","_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/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/OffsetWellMap.js

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

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/MapHints/MapHints.js

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

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/components/RadiusInput/RadiusInput.js

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

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/constants.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.MapConfig={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"}},exports.StatusColors={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"}}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=["interpolate",["linear"],["zoom"],1,1,8,3,12,5,18,8],l=["interpolate",["linear"],["zoom"],1,2,8,8,12,16,18,20],r={DefaultCoords:{latitude:29.749907,longitude:-95.358421},Zoom:{Initial:8.5,Max:18,Min:1},Radius:{Max:3e3,Min:.01},Markers:{WellSize:e,HighlightSize:l},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"}};exports.HighlightMarkerSize=l,exports.MapConfig=r,exports.StatusColors={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"}}}},exports.WellMarkerSize=e;
 //# sourceMappingURL=constants.js.map

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.js

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

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusCircle.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@turf/circle"),t=require("../utils/toMapboxCoords.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(r);exports.useRadiusCircle=function(r){var u=r.subjectWellCoords,s=r.radiusMiles;return{circleGeoJSON:e.useMemo((function(){if(!u||!s)return null;var e=t.toMapboxCoords(u);return o.default(e,s,{units:"miles",steps:64})}),[u,s])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@turf/circle"),u=require("../utils/toMapboxCoords.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r);exports.useRadiusCircle=function(r){var t=r.subjectWellCoords,o=r.radiusMiles,s=r.previewRadiusMiles,l=void 0===s?null:s;return{circleGeoJSON:e.useMemo((function(){if(!t||!o)return null;var e=u.toMapboxCoords(t);return i.default(e,o,{units:"miles",steps:64})}),[t,o]),previewCircleGeoJSON:e.useMemo((function(){if(!t||null===l)return null;var e=u.toMapboxCoords(t);return i.default(e,l,{units:"miles",steps:64})}),[t,l])}};
 //# sourceMappingURL=useRadiusCircle.js.map

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusResize.js

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

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusResize.js.map

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

package/cjs-bundle/components/OffsetWellPickerV5/components/Map/WellsMap.js

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

package/cjs-bundle/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),s=require("lodash"),i=require("@material-ui/core"),n=require("@material-ui/icons/Close");require("@babel/runtime/helpers/defineProperty"),require("uuid"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../../clients/jsonApi/index.js"),require("../../../../../clients/subscriptions/constants.js"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("../../../api/shared/dataFormatter.js"),require("../../../constants.js"),require("geolib"),require("../../../../../utils/convert.js"),require("zustand"),require("../../../stores/picker-props-store/PickerPropsStoreContext.js");var a=require("react/jsx-runtime");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../utils/wellTransformations.js"),require("../../../../../utils/index.js"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js"),require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js"),require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js"),require("react-virtualized");var o=require("../../../effects/useAssetsData.js");require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js");var u=require("./AssetTypesSection.js"),l=require("./AssetResultSection.js"),c=require("./constants.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),f=d(r),h=d(n),q=i.withStyles((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"}}}))(i.Tooltip),m=i.makeStyles((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"}}})),j=function(e){var r=e.company,n=e.subjectWellId,d=e.value,f=e.selectedWellIds,j=e.onChange,x=e.searchWidth,g=e.onClose,b=e.loadingAssetIds,y=t.useState(null),C=p.default(y,2),A=C[0],I=C[1],v=t.useState(null),S=p.default(v,2),w=S[0],R=S[1],W=t.useState(1),k=p.default(W,2),P=k[0],T=k[1],D=m({searchWidth:x}),E=t.useRef();t.useEffect((function(){R(d)}),[d]);var z=o.useAssetsData(w,A,P,r,f),O=p.default(z,2),_=O[0],L=O[1],N=t.useMemo((function(){return A&&L&&0!==L.length?L[0][1].filter((function(e){return e.checked})).length:0}),[A,L]);return a.jsxs("div",{className:D.wrapper,children:[a.jsx("div",{className:D.inputWrapper,children:a.jsxs("div",{className:D.searchInput,children:[A&&a.jsxs(a.Fragment,{children:[a.jsx(i.Chip,{"data-not-migrated-muichip":!0,classes:{root:D.selectedChip,deleteIcon:D.selectedChipDeleteIcon},label:s.get(c.SEARCH_CATEGORIES,[A,"labelPlural"],"Assets"),deleteIcon:a.jsx(h.default,{}),onDelete:function(){I(null)}}),N>0&&a.jsxs("span",{className:D.selectedLabel,children:[N," Selected"]})]}),a.jsx(i.Input,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:E,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:w||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;E.current.focus(),R(t),T(1)},onKeyUp:function(e){var t=e.target.value,r=e.keyCode,s=c.CATEGORY_KEY_VALUES.find((function(e){var r=p.default(e,2);return r[0],r[1].autoCategorizedKey===t.trim().toLowerCase()}));if(s&&(13===r||32===r))return R(""),I(s[0]),void T(1);""===t&&8===r&&(I(null),T(1))}}),a.jsx(q,{title:"Clear",children:a.jsx(h.default,{className:A||w?D.selectedChipDeleteIcon:D.disabledIcon,onClick:function(){R(""),I(null),T(1),g()}})})]})}),!A&&!w&&a.jsx(u.AssetTypesSection,{onClickAssetType:function(e){E.current.focus(),I(e),T(1)}}),(A||w)&&a.jsx(l.AssetResultSection,{subjectWellId:n,page:P,assetType:A,loading:_,groupedAssets:L,onClickAsset:function(e,t){j(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=L[0][1];j(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&P>1&&T((function(e){return e-1})),"bottom"===e&&T((function(e){return e+1}))},loadingAssetIds:b})]})};j.propTypes={subjectWellId:f.default.number.isRequired,company:f.default.number.isRequired,value:f.default.string.isRequired,selectedWellIds:f.default.arrayOf(f.default.number).isRequired,onChange:f.default.func.isRequired,searchWidth:f.default.number,onClose:f.default.func.isRequired,loadingAssetIds:f.default.arrayOf(f.default.number)},j.defaultProps={searchWidth:null,loadingAssetIds:[]},exports.AutoCompleteAssetSearch=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),s=require("lodash"),i=require("@material-ui/core"),n=require("@material-ui/icons/Close");require("lz-string"),require("@babel/runtime/helpers/defineProperty"),require("uuid"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../../clients/jsonApi/index.js"),require("../../../../../clients/subscriptions/constants.js"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("../../../api/shared/dataFormatter.js"),require("../../../constants.js"),require("geolib"),require("../../../../../utils/convert.js"),require("zustand"),require("../../../stores/picker-props-store/PickerPropsStoreContext.js");var a=require("react/jsx-runtime");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../utils/wellTransformations.js"),require("../../../../../utils/index.js"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js"),require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js"),require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js"),require("react-virtualized");var o=require("../../../effects/useAssetsData.js");require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js");var u=require("./AssetTypesSection.js"),l=require("./AssetResultSection.js"),c=require("./constants.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),f=d(r),h=d(n),q=i.withStyles((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"}}}))(i.Tooltip),m=i.makeStyles((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"}}})),j=function(e){var r=e.company,n=e.subjectWellId,d=e.value,f=e.selectedWellIds,j=e.onChange,x=e.searchWidth,g=e.onClose,b=e.loadingAssetIds,y=t.useState(null),C=p.default(y,2),A=C[0],I=C[1],v=t.useState(null),S=p.default(v,2),w=S[0],R=S[1],W=t.useState(1),k=p.default(W,2),P=k[0],T=k[1],D=m({searchWidth:x}),z=t.useRef();t.useEffect((function(){R(d)}),[d]);var E=o.useAssetsData(w,A,P,r,f),O=p.default(E,2),_=O[0],L=O[1],N=t.useMemo((function(){return A&&L&&0!==L.length?L[0][1].filter((function(e){return e.checked})).length:0}),[A,L]);return a.jsxs("div",{className:D.wrapper,children:[a.jsx("div",{className:D.inputWrapper,children:a.jsxs("div",{className:D.searchInput,children:[A&&a.jsxs(a.Fragment,{children:[a.jsx(i.Chip,{"data-not-migrated-muichip":!0,classes:{root:D.selectedChip,deleteIcon:D.selectedChipDeleteIcon},label:s.get(c.SEARCH_CATEGORIES,[A,"labelPlural"],"Assets"),deleteIcon:a.jsx(h.default,{}),onDelete:function(){I(null)}}),N>0&&a.jsxs("span",{className:D.selectedLabel,children:[N," Selected"]})]}),a.jsx(i.Input,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:z,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:w||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;z.current.focus(),R(t),T(1)},onKeyUp:function(e){var t=e.target.value,r=e.keyCode,s=c.CATEGORY_KEY_VALUES.find((function(e){var r=p.default(e,2);return r[0],r[1].autoCategorizedKey===t.trim().toLowerCase()}));if(s&&(13===r||32===r))return R(""),I(s[0]),void T(1);""===t&&8===r&&(I(null),T(1))}}),a.jsx(q,{title:"Clear",children:a.jsx(h.default,{className:A||w?D.selectedChipDeleteIcon:D.disabledIcon,onClick:function(){R(""),I(null),T(1),g()}})})]})}),!A&&!w&&a.jsx(u.AssetTypesSection,{onClickAssetType:function(e){z.current.focus(),I(e),T(1)}}),(A||w)&&a.jsx(l.AssetResultSection,{subjectWellId:n,page:P,assetType:A,loading:_,groupedAssets:L,onClickAsset:function(e,t){j(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=L[0][1];j(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&P>1&&T((function(e){return e-1})),"bottom"===e&&T((function(e){return e+1}))},loadingAssetIds:b})]})};j.propTypes={subjectWellId:f.default.number.isRequired,company:f.default.number.isRequired,value:f.default.string.isRequired,selectedWellIds:f.default.arrayOf(f.default.number).isRequired,onChange:f.default.func.isRequired,searchWidth:f.default.number,onClose:f.default.func.isRequired,loadingAssetIds:f.default.arrayOf(f.default.number)},j.defaultProps={searchWidth:null,loadingAssetIds:[]},exports.AutoCompleteAssetSearch=j;
 //# sourceMappingURL=AutoCompleteAssetSearch.js.map

package/cjs-bundle/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js.map

@@ -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","jsx","jsxs","_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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"}
+{"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","jsx","jsxs","_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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"}