npm - @corva/ui - Versions diffs - 3.43.0-7 → 3.43.0-9 - Mend

@corva/ui 3.43.0-7 → 3.43.0-9

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

Files changed (971) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport { AssetTypesSection } from './AssetTypesSection';\nimport { AssetResultSection } from './AssetResultSection';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n tooltip: {\n backgroundColor: '#414141',\n color: '#ffffff',\n fontSize: '11px',\n lineHeight: '16px',\n borderRadius: '4px',\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n padding: '4px',\n },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n wrapper: {\n width: ({ searchWidth }) => searchWidth \|\| 'auto',\n display: 'flex',\n flexDirection: 'column',\n padding: 16,\n },\n inputWrapper: {\n display: 'flex',\n width: 'auto',\n margin: '0 8px 8px',\n alignItems: 'center',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n },\n selectedChip: {\n height: '24px',\n margin: '4px',\n },\n selectedChipDeleteIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n },\n },\n selectedLabel: {\n fontWeight: 400,\n fontSize: '16px',\n lineHeight: '22px',\n color: theme.palette.primary.text1,\n whiteSpace: 'nowrap',\n paddingLeft: '4px',\n paddingRight: '8px',\n },\n disabledIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n opacity: 0.4,\n },\n closeIconButton: {\n padding: 0,\n '&:hover $closeIcon': {\n color: theme.palette.primary.text1,\n },\n },\n searchInput: {\n width: '100%',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n borderBottom: '2px solid #03BCD4',\n },\n closeIcon: {\n color: theme.palette.primary.text6,\n fontSize: '18px',\n },\n}));\n\nexport const AutoCompleteAssetSearch = ({\n companyIds,\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 companyIds,\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 companyIds: PropTypes.arrayOf(PropTypes.number),\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 companyIds: null,\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","companyIds","subjectWellId","value","selectedWellIds","onChange","onClose","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","length","filter","asset","checked","_jsxs","className","children","_jsx","_Fragment","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","placeholder","_ref3","target","current","focus","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref4","_ref5","autoCategorizedKey","trim","toLowerCase","title","onClick","AssetTypesSection","onClickAssetType","key","AssetResultSection","onClickAsset","redirectAssetId","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","arrayOf","string","func","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport { AssetTypesSection } from './AssetTypesSection';\nimport { AssetResultSection } from './AssetResultSection';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n tooltip: {\n backgroundColor: '#414141',\n color: '#ffffff',\n fontSize: '11px',\n lineHeight: '16px',\n borderRadius: '4px',\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n padding: '4px',\n },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n wrapper: {\n width: ({ searchWidth }) => searchWidth \|\| 'auto',\n display: 'flex',\n flexDirection: 'column',\n padding: 16,\n },\n inputWrapper: {\n display: 'flex',\n width: 'auto',\n margin: '0 8px 8px',\n alignItems: 'center',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n },\n selectedChip: {\n height: '24px',\n margin: '4px',\n },\n selectedChipDeleteIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n },\n },\n selectedLabel: {\n fontWeight: 400,\n fontSize: '16px',\n lineHeight: '22px',\n color: theme.palette.primary.text1,\n whiteSpace: 'nowrap',\n paddingLeft: '4px',\n paddingRight: '8px',\n },\n disabledIcon: {\n width: '16px',\n height: '16px',\n color: theme.palette.primary.text6,\n opacity: 0.4,\n },\n closeIconButton: {\n padding: 0,\n '&:hover $closeIcon': {\n color: theme.palette.primary.text1,\n },\n },\n searchInput: {\n width: '100%',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n borderBottom: '2px solid #03BCD4',\n },\n closeIcon: {\n color: theme.palette.primary.text6,\n fontSize: '18px',\n },\n}));\n\nexport const AutoCompleteAssetSearch = ({\n companyIds,\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 companyIds,\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 companyIds: PropTypes.arrayOf(PropTypes.number),\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 companyIds: null,\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","companyIds","subjectWellId","value","selectedWellIds","onChange","onClose","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","length","filter","asset","checked","_jsxs","className","children","_jsx","_Fragment","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","placeholder","_ref3","target","current","focus","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref4","_ref5","autoCategorizedKey","trim","toLowerCase","title","onClick","AssetTypesSection","onClickAssetType","key","AssetResultSection","onClickAsset","redirectAssetId","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","arrayOf","string","func","defaultProps"],"mappings":"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"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricCell.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+type MetricConfig = {
+    key: string;
+    unitType?: string;
+    from?: string;
+    to?: string;
+};
+type MetricCellProps = {
+    value: number | string | null | undefined;
+    wellId: number;
+    loadingWellIds: Set<number>;
+    metric: MetricConfig | undefined;
+};
+export declare const MetricCell: import("react").MemoExoticComponent<({ value, wellId, loadingWellIds, metric }: MetricCellProps) => JSX.Element>;
+export {};
+//# sourceMappingURL=MetricCell.d.ts.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricCell.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MetricCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricCell.tsx"],"names":[],"mappings":"AAQA,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC;CAClC,CAAC;AAsCF,eAAO,MAAM,UAAU,kFApCiD,eAAe,iBAoCpC,CAAC"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricCell.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{memo as r}from"react";import{Typography as t}from"@material-ui/core";import i from"./MetricCell.module.css.js";import{Skeleton as a}from"../../../../componentsV2/Skeleton/Skeleton.js";import{convertValue as l}from"../../../../utils/index.js";var o=r((function(r){var o=r.value,m=r.wellId,n=r.loadingWellIds,c=r.metric;if(!c)return e(t,{variant:"body2",className:i.cellData,children:"—"});if(n.has(m)&&void 0===o)return e(a,{type:"text",width:50,height:16});if(Number.isFinite(o)\|\|o&&"Null"!==o){var s=c.unitType&&c.from&&c.to&&"number"==typeof o?l(o,c.unitType,c.from,c.to):o;return e(t,{variant:"body2",className:i.cellData,children:s})}return e(t,{variant:"body2",className:i.cellData,children:"—"})}));o.displayName="MetricCell";export{o as MetricCell};
2	+ //# sourceMappingURL=MetricCell.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricCell.js.map ADDED Viewed

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

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricCell.module.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cellData:"MetricCell-module_cellData__W5MJf"};e(".MetricCell-module_cellData__W5MJf{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--palette-primary-text-1);display:-webkit-box;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;overflow-wrap:break-word;white-space:normal}");export{t as default};
2	+ //# sourceMappingURL=MetricCell.module.css.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricCell.module.css.js.map ADDED Viewed

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

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useEffect as e}from"react";import{isEqual as n}from"lodash";import i from"prop-types";import{METRICS_LIST as p,DEFAULT_METRICS_KEY as r,MAX_METRICS_COUNT as c}from"../../constants.js";import m from"./MetricsSettingMenu.module.scss.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import{jsxs as a,Fragment as l,jsx as d}from"react/jsx-runtime";import"classnames";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import{ButtonIcon as j}from"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as u}from"../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"@material-ui/core";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import{Checkbox as V}from"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../componentsV2/Modal/Modal.scss.js";import{Menu as A}from"../../../../componentsV2/Menu/Menu.js";import{SettingTwoIcon as C}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../utils/index.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../types/shared/Completions.js";import"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../AppIcon/AppIcon.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";var I=p.filter((function(o){return o.key!==r})),S=function(i){var p=i.metricsKeys,r=i.onChange,S=s([]),h=o(S,2),v=h[0],g=h[1],D=s(!1),b=o(D,2),P=b[0],T=b[1],M=t(null);e((function(){g(p||[])}),[p]);return a(l,{children:[d(u,{title:"Select Metrics",children:d(j,{ref:M,"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",onClick:function(){T(!0)},type:P?"secondaryBg":"tertiaryBg",children:d(C,{size:"small"})})}),a(A,{open:P,anchorEl:M.current,onClose:function(){T(!1),n(v,p)||r(v)},placement:"bottom-end",className:m.menu,children:[d(A.Item,{disabled:!0,className:m.titleItem,children:"Up to 2 Metrics"}),I.map((function(o){var s=v.includes(o.key),t=v.length===c&&!s;return d(A.Item,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(o.key,"MenuItem"),disabled:t,onClick:function(){return s=o.key,void(v.includes(s)?g(v.filter((function(o){return o!==s}))):g(v.concat(s)));var s},prefix:d(V,{checked:s}),children:o.label},o.key)}))]})]})};S.propTypes={metricsKeys:i.arrayOf(i.string).isRequired,onChange:i.func.isRequired};export{S as MetricsSettingMenu};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useEffect as e}from"react";import{isEqual as n}from"lodash";import i from"prop-types";import{METRICS_LIST as p,DEFAULT_METRICS_KEY as r,MAX_METRICS_COUNT as c}from"../../constants.js";import m from"./MetricsSettingMenu.module.scss.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import{jsxs as a,Fragment as l,jsx as d}from"react/jsx-runtime";import"classnames";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import{ButtonIcon as j}from"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as u}from"../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"@material-ui/core";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import{Checkbox as V}from"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../componentsV2/Modal/Modal.scss.js";import{Menu as A}from"../../../../componentsV2/Menu/Menu.js";import{SettingTwoIcon as C}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../utils/index.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../types/shared/Completions.js";import"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../AppIcon/AppIcon.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";var I=p.filter((function(o){return o.key!==r})),S=function(i){var p=i.metricsKeys,r=i.onChange,S=s([]),h=o(S,2),v=h[0],g=h[1],D=s(!1),b=o(D,2),P=b[0],T=b[1],M=t(null);e((function(){g(p||[])}),[p]);return a(l,{children:[d(u,{title:"Select Metrics",children:d(j,{ref:M,"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",onClick:function(){T(!0)},type:P?"secondaryBg":"tertiaryBg",children:d(C,{size:"small"})})}),a(A,{open:P,anchorEl:M.current,onClose:function(){T(!1),n(v,p)||r(v)},placement:"bottom-end",className:m.menu,children:[d(A.Item,{disabled:!0,className:m.titleItem,children:"Up to 2 Metrics"}),I.map((function(o){var s=v.includes(o.key),t=v.length===c&&!s;return d(A.Item,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(o.key,"MenuItem"),disabled:t,onClick:function(){return s=o.key,void(v.includes(s)?g(v.filter((function(o){return o!==s}))):g(v.concat(s)));var s},prefix:d(V,{checked:s}),children:o.label},o.key)}))]})]})};S.propTypes={metricsKeys:i.arrayOf(i.string).isRequired,onChange:i.func.isRequired};export{S as MetricsSettingMenu};
 //# sourceMappingURL=MetricsSettingMenu.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MetricsSettingMenu.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT, DEFAULT_METRICS_KEY } from '../../constants';\n\nimport styles from './MetricsSettingMenu.module.scss';\n\nimport { Menu, Checkbox, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'MetricsSettingMenu';\nconst metricsList = METRICS_LIST.filter(metrics => metrics.key !== DEFAULT_METRICS_KEY);\n\nexport const MetricsSettingMenu = ({ metricsKeys, onChange }) => {\n const [selectedKeys, setSelectedKeys] = useState([]);\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef(null);\n\n useEffect(() => {\n setSelectedKeys(metricsKeys \|\| []);\n }, [metricsKeys]);\n\n const handleClick = () => {\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n if (!isEqual(selectedKeys, metricsKeys)) {\n onChange(selectedKeys);\n }\n };\n\n const handleChangeMetrics = newKey => {\n if (selectedKeys.includes(newKey)) {\n setSelectedKeys(selectedKeys.filter(key => key !== newKey));\n } else {\n setSelectedKeys(selectedKeys.concat(newKey));\n }\n };\n\n return (\n <>\n <Tooltip title=\"Select Metrics\">\n <ButtonIcon\n ref={anchorRef}\n data-testid={`${PAGE_NAME}_gear`}\n size=\"small\"\n onClick={handleClick}\n type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n >\n <SettingTwoIcon size=\"small\" />\n </ButtonIcon>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={anchorRef.current}\n onClose={handleClose}\n placement=\"bottom-end\"\n className={styles.menu}\n >\n <Menu.Item disabled className={styles.titleItem}>\n Up to 2 Metrics\n </Menu.Item>\n\n {metricsList.map(item => {\n const isChecked = selectedKeys.includes(item.key);\n const isDisabled = selectedKeys.length === MAX_METRICS_COUNT && !isChecked;\n\n return (\n <Menu.Item\n key={item.key}\n data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n disabled={isDisabled}\n onClick={() => handleChangeMetrics(item.key)}\n prefix={<Checkbox checked={isChecked} />}\n >\n {item.label}\n </Menu.Item>\n );\n })}\n </Menu>\n </>\n );\n};\n\nMetricsSettingMenu.propTypes = {\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n onChange: PropTypes.func.isRequired,\n};\n"],"names":["metricsList","METRICS_LIST","filter","metrics","key","DEFAULT_METRICS_KEY","MetricsSettingMenu","_ref","metricsKeys","onChange","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","useEffect","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","Menu","open","anchorEl","current","onClose","isEqual","placement","className","styles","menu","Item","disabled","titleItem","map","item","isChecked","includes","isDisabled","length","MAX_METRICS_COUNT","newKey","prefix","Checkbox","checked","label","propTypes","PropTypes","arrayOf","string","isRequired","func"],"mappings":"~~wuZAWA~~,IACMA,EAAcC,EAAaC,QAAO,SAAAC,GAAO,OAAIA,EAAQC,MAAQC,CAAmB,IAEzEC,EAAqB,SAA+BC,GAAA,IAA5BC,IAAAA,YAAaC,IAAAA,SACRC,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,EAAO,MAEzBC,GAAU,WACRP,EAAgBP,GAAe,GACjC,GAAG,CAACA,IAqBJ,OACEe,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAO,CAACC,MAAM,iBAAgBH,SAC7BC,EAACG,EAAU,CACTC,IAAKV,EACL,cAAA,GAAAW,OApCQ,qBAoCyB,SACjCC,KAAK,QACLC,QA1BY,WAClBd,GAAU,IA0BJe,KAAMhB,EAAS,cAAgB,aAAaO,SAE5CC,EAACS,EAAc,CAACH,KAAK,cAIzBT,EAACa,EAAI,CACHC,KAAMnB,EACNoB,SAAUlB,EAAUmB,QACpBC,QAhCc,WAClBrB,GAAU,GACLsB,EAAQ3B,EAAcN,IACzBC,EAASK,IA8BP4B,UAAU,aACVC,UAAWC,EAAOC,KAAKpB,SAEvB,CAAAC,EAACU,EAAKU,KAAI,CAACC,UAAQ,EAACJ,UAAWC,EAAOI,UAAUvB,SAAA,oBAI/CzB,EAAYiD,KAAI,SAAAC,GACf,IAAMC,EAAYrC,EAAasC,SAASF,EAAK9C,KACvCiD,EAAavC,EAAawC,SAAWC,IAAsBJ,EAEjE,OACEzB,EAACU,EAAKU,KAAI,CAER,cAAA,GAAAf,OA/DI,qBA+DqB,YAAAA,OAAWmB,EAAK9C,IAAc,YACvD2C,SAAUM,EACVpB,QAAS,WAAA,OA1COuB,EA0CmBN,EAAK9C,SAzC9CU,EAAasC,SAASI,GACxBzC,EAAgBD,EAAaZ,QAAO,SAAAE,GAAG,OAAIA,IAAQoD,CAAM,KAEzDzC,EAAgBD,EAAaiB,OAAOyB,KAJZ,IAAAA,CA0C6B,EAC7CC,OAAQ/B,EAACgC,EAAQ,CAACC,QAASR,IAAc1B,SAExCyB,EAAKU,OANDV,EAAK9C,IAShB,SAIR,EAEAE,EAAmBuD,UAAY,CAC7BrD,YAAasD,EAAUC,QAAQD,EAAUE,QAAQC,WACjDxD,SAAUqD,EAAUI,KAAKD"}
1	+ {"version":3,"file":"MetricsSettingMenu.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT, DEFAULT_METRICS_KEY } from '../../constants';\n\nimport styles from './MetricsSettingMenu.module.scss';\n\nimport { Menu, Checkbox, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'MetricsSettingMenu';\nconst metricsList = METRICS_LIST.filter(metrics => metrics.key !== DEFAULT_METRICS_KEY);\n\nexport const MetricsSettingMenu = ({ metricsKeys, onChange }) => {\n const [selectedKeys, setSelectedKeys] = useState([]);\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef(null);\n\n useEffect(() => {\n setSelectedKeys(metricsKeys \|\| []);\n }, [metricsKeys]);\n\n const handleClick = () => {\n setIsOpen(true);\n };\n\n const handleClose = () => {\n setIsOpen(false);\n if (!isEqual(selectedKeys, metricsKeys)) {\n onChange(selectedKeys);\n }\n };\n\n const handleChangeMetrics = newKey => {\n if (selectedKeys.includes(newKey)) {\n setSelectedKeys(selectedKeys.filter(key => key !== newKey));\n } else {\n setSelectedKeys(selectedKeys.concat(newKey));\n }\n };\n\n return (\n <>\n <Tooltip title=\"Select Metrics\">\n <ButtonIcon\n ref={anchorRef}\n data-testid={`${PAGE_NAME}_gear`}\n size=\"small\"\n onClick={handleClick}\n type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n >\n <SettingTwoIcon size=\"small\" />\n </ButtonIcon>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={anchorRef.current}\n onClose={handleClose}\n placement=\"bottom-end\"\n className={styles.menu}\n >\n <Menu.Item disabled className={styles.titleItem}>\n Up to 2 Metrics\n </Menu.Item>\n\n {metricsList.map(item => {\n const isChecked = selectedKeys.includes(item.key);\n const isDisabled = selectedKeys.length === MAX_METRICS_COUNT && !isChecked;\n\n return (\n <Menu.Item\n key={item.key}\n data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n disabled={isDisabled}\n onClick={() => handleChangeMetrics(item.key)}\n prefix={<Checkbox checked={isChecked} />}\n >\n {item.label}\n </Menu.Item>\n );\n })}\n </Menu>\n </>\n );\n};\n\nMetricsSettingMenu.propTypes = {\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n onChange: PropTypes.func.isRequired,\n};\n"],"names":["metricsList","METRICS_LIST","filter","metrics","key","DEFAULT_METRICS_KEY","MetricsSettingMenu","_ref","metricsKeys","onChange","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","useEffect","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","Menu","open","anchorEl","current","onClose","isEqual","placement","className","styles","menu","Item","disabled","titleItem","map","item","isChecked","includes","isDisabled","length","MAX_METRICS_COUNT","newKey","prefix","Checkbox","checked","label","propTypes","PropTypes","arrayOf","string","isRequired","func"],"mappings":"8xZAWA,IACMA,EAAcC,EAAaC,QAAO,SAAAC,GAAO,OAAIA,EAAQC,MAAQC,CAAmB,IAEzEC,EAAqB,SAA+BC,GAAA,IAA5BC,IAAAA,YAAaC,IAAAA,SACRC,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,EAAO,MAEzBC,GAAU,WACRP,EAAgBP,GAAe,GACjC,GAAG,CAACA,IAqBJ,OACEe,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAO,CAACC,MAAM,iBAAgBH,SAC7BC,EAACG,EAAU,CACTC,IAAKV,EACL,cAAA,GAAAW,OApCQ,qBAoCyB,SACjCC,KAAK,QACLC,QA1BY,WAClBd,GAAU,IA0BJe,KAAMhB,EAAS,cAAgB,aAAaO,SAE5CC,EAACS,EAAc,CAACH,KAAK,cAIzBT,EAACa,EAAI,CACHC,KAAMnB,EACNoB,SAAUlB,EAAUmB,QACpBC,QAhCc,WAClBrB,GAAU,GACLsB,EAAQ3B,EAAcN,IACzBC,EAASK,IA8BP4B,UAAU,aACVC,UAAWC,EAAOC,KAAKpB,SAEvB,CAAAC,EAACU,EAAKU,KAAI,CAACC,UAAQ,EAACJ,UAAWC,EAAOI,UAAUvB,SAAA,oBAI/CzB,EAAYiD,KAAI,SAAAC,GACf,IAAMC,EAAYrC,EAAasC,SAASF,EAAK9C,KACvCiD,EAAavC,EAAawC,SAAWC,IAAsBJ,EAEjE,OACEzB,EAACU,EAAKU,KAAI,CAER,cAAA,GAAAf,OA/DI,qBA+DqB,YAAAA,OAAWmB,EAAK9C,IAAc,YACvD2C,SAAUM,EACVpB,QAAS,WAAA,OA1COuB,EA0CmBN,EAAK9C,SAzC9CU,EAAasC,SAASI,GACxBzC,EAAgBD,EAAaZ,QAAO,SAAAE,GAAG,OAAIA,IAAQoD,CAAM,KAEzDzC,EAAgBD,EAAaiB,OAAOyB,KAJZ,IAAAA,CA0C6B,EAC7CC,OAAQ/B,EAACgC,EAAQ,CAACC,QAASR,IAAc1B,SAExCyB,EAAKU,OANDV,EAAK9C,IAShB,SAIR,EAEAE,EAAmBuD,UAAY,CAC7BrD,YAAasD,EAAUC,QAAQD,EAAUE,QAAQC,WACjDxD,SAAUqD,EAAUI,KAAKD"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 export const OffsetWellsTable: import("react").MemoExoticComponent<{
-    ({ isTableLoading, subjectWellId, columnsWithDict, wells: updatedWells, metricsKeys, handleChangeOffsetWell, isLastWell, isLimitedOffsetWells, maxOffsetWellNumber, wellSections, setActiveWellId, onRowClick, taScores, isWellSectionColumnVisible, }: {
+    ({ isTableLoading, subjectWellId, columnsWithDict, wells: updatedWells, metricsKeys, handleChangeOffsetWell, isLimitedOffsetWells, maxOffsetWellNumber, wellSections, setActiveWellId, onRowClick, taScores, isWellSectionColumnVisible, isLastWell, loadingWellIds, scrollContainerRef, isAnimatingRef, }: {
         isTableLoading: any;
         subjectWellId: any;
         columnsWithDict: any;
         wells: any;
         metricsKeys: any;
         handleChangeOffsetWell: any;
-        isLastWell: any;
         isLimitedOffsetWells: any;
         maxOffsetWellNumber: any;
         wellSections: any;
@@ -14,6 +13,10 @@ export const OffsetWellsTable: import("react").MemoExoticComponent<{
         onRowClick: any;
         taScores: any;
         isWellSectionColumnVisible: any;
+        isLastWell: any;
+        loadingWellIds: any;
+        scrollContainerRef: any;
+        isAnimatingRef: any;
     }): JSX.Element;
     propTypes: {
         isTableLoading: PropTypes.Validator<boolean>;
@@ -22,7 +25,6 @@ export const OffsetWellsTable: import("react").MemoExoticComponent<{
         wells: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
         metricsKeys: PropTypes.Validator<string[]>;
         handleChangeOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
-        isLastWell: PropTypes.Validator<boolean>;
         isLimitedOffsetWells: PropTypes.Validator<boolean>;
         maxOffsetWellNumber: PropTypes.Validator<number>;
         wellSections: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
@@ -30,6 +32,14 @@ export const OffsetWellsTable: import("react").MemoExoticComponent<{
         onRowClick: PropTypes.Validator<(...args: any[]) => any>;
         taScores: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
         isWellSectionColumnVisible: PropTypes.Validator<boolean>;
+        isLastWell: PropTypes.Validator<boolean>;
+        loadingWellIds: PropTypes.Validator<Set<unknown>>;
+        scrollContainerRef: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            current: PropTypes.Requireable<Element>;
+        }>>>;
+        isAnimatingRef: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            current: PropTypes.Requireable<boolean>;
+        }>>>;
     };
 }>;
 import PropTypes from 'prop-types';

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellsTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"names":[],"mappings":"~~AAwJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~GAAgE;~~sBAvJ1C~~,YAAY"}
1	+ {"version":3,"file":"OffsetWellsTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"names":[],"mappings":"AAkMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgE;sBAjM1C,YAAY"}

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

@@ -1,2 +1,2 @@
-import{memo as e,useRef as o,useMemo as t,useLayoutEffect as s,useCallback as i}from"react";import n from"prop-types";import{uniqBy as r}from"lodash";import{Table as p,TableBody as m,TableRow as c,TableCell as a}from"@material-ui/core";import{METRICS_LIST as l,EXPANDED_WELL_NAME_WIDTH as d,TableColumns as j}from"../../constants.js";import{getIsImperial as u}from"../../utils/getIsImperial.js";import{useViewStore as C}from"../../stores/view-store/useViewStore.js";import{OffsetWellsTableRow as A}from"./OffsetWellsTableRow.js";import V from"./OffsetWellsTable.module.css.js";import{jsxs as S,jsx as f}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"@icon-park/react/es/all";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../types/shared/Completions.js";import"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import I from"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV5WithStore.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";var g=function(e){var n=e.isTableLoading,g=e.subjectWellId,b=e.columnsWithDict,h=e.wells,v=e.metricsKeys,D=e.handleChangeOffsetWell,P=e.isLastWell,T=e.isLimitedOffsetWells,x=e.maxOffsetWellNumber,F=e.wellSections,B=e.setActiveWellId,W=e.onRowClick,y=e.taScores,L=e.isWellSectionColumnVisible,k=C((function(e){return e.isHScrollMoved})),M=C((function(e){return e.isWellNameExpand})),O=o(),E=o(),H=o(0),w=t((function(){return r(h,"id")}),[h]),R=t((function(){return u()}),[]),q=t((function(){var e=new Map(l.map((function(e){return[e.key,e]})));return(v||[]).map((function(o){return e.get(o)})).filter(Boolean)}),[v]),G=t((function(){return M?d-58:j[0].minWidth[v.length]-58}),[M,null==v?void 0:v.length]);s((function(){if(O.current){var e=O.current.querySelectorAll(".".concat(V.wellNameFixed));k?e.forEach((function(e){return e.classList.remove(V.noShadow)})):e.forEach((function(e){return e.classList.add(V.noShadow)}))}}),[k,w]),s((function(){E.current&&H.current>0&&(E.current.scrollTop=H.current)}),[w]);var N=i((function(e){H.current=e.target.scrollTop}),[]);return b&&w?S("div",{className:V.offsetWellsTable,children:[f("div",{className:V.bodyTableWrapper,ref:E,onScroll:N,children:f(p,{"aria-label":"ows table body",innerRef:O,className:V.bodyTable,children:S(m,{children:[w.map((function(e){return f(A,{columnsWithDict:b,subjectWellId:g,data:e,metricsKeys:v,metricsColumns:q,handleChangeOffsetWell:D,wellNameStyle:V.wellNameFixed,wellNameWidth:G,isImperial:R,isLimitedOffsetWells:T,maxOffsetWellNumber:x,wellSections:F,setActiveWellId:B,onRowClick:W,taScores:y,isWellSectionColumnVisible:L},e.id)})),!P&&f(c,{children:f(a,{className:V.loadingCell,children:f("span",{children:"Loading..."})})}),f(c,{children:f(a,{className:V.bottomShadow})})]})})}),n&&f("div",{className:V.loadingContainer,children:f(I,{fullscreen:!1,className:V.loadingIndicator})})]}):null};g.propTypes={isTableLoading:n.bool.isRequired,subjectWellId:n.number.isRequired,columnsWithDict:n.arrayOf(n.shape({})).isRequired,wells:n.arrayOf(n.shape({})).isRequired,metricsKeys:n.arrayOf(n.string).isRequired,handleChangeOffsetWell:n.func.isRequired,isLastWell:n.bool.isRequired,isLimitedOffsetWells:n.bool.isRequired,maxOffsetWellNumber:n.number.isRequired,wellSections:n.arrayOf(n.shape({})).isRequired,setActiveWellId:n.func.isRequired,onRowClick:n.func.isRequired,taScores:n.arrayOf(n.shape({})).isRequired,isWellSectionColumnVisible:n.bool.isRequired};var b=e(g);export{b as OffsetWellsTable};
+import{memo as e,useRef as i,useMemo as l,useLayoutEffect as r,useCallback as t}from"react";import s from"prop-types";import{uniqBy as o}from"lodash";import{Table as n,TableBody as a,TableRow as u,TableCell as c}from"@material-ui/core";import{ColumnType as m,METRICS_LIST as f,EXPANDED_WELL_NAME_WIDTH as d,TableColumns as p}from"../../constants.js";import{useDeferredLoading as h}from"../../effects/useDeferredLoading.js";import{useRowReorderAnimation as W}from"../../effects/useRowReorderAnimation.js";import{getIsImperial as b}from"../../utils/getIsImperial.js";import{useViewStore as R}from"../../stores/view-store/useViewStore.js";import{useViewportStore as w}from"../../stores/viewport-store/useViewportStore.js";import{OffsetWellsTableRow as y}from"./OffsetWellsTableRow.js";import{SkeletonTableRow as S}from"./SkeletonTableRow.js";import g from"./OffsetWellsTable.module.css.js";import{jsx as C,jsxs as q}from"react/jsx-runtime";var v=function(e){var s=e.isTableLoading,v=e.subjectWellId,O=e.columnsWithDict,N=e.wells,j=e.metricsKeys,I=e.handleChangeOffsetWell,L=e.isLimitedOffsetWells,T=e.maxOffsetWellNumber,x=e.wellSections,A=e.setActiveWellId,k=e.onRowClick,V=e.taScores,D=e.isWellSectionColumnVisible,K=e.isLastWell,E=e.loadingWellIds,F=e.scrollContainerRef,B=e.isAnimatingRef,M=R((function(e){return e.isHScrollMoved})),H=R((function(e){return e.isWellNameExpand})),P=w((function(e){return e.isAnyTileLoading()})),z=h(P).isLoading,G=i(),J=l((function(){return o(N,"id")}),[N]),Q=l((function(){return J.map((function(e){return e.id}))}),[J]),U=W(Q,F,B),X=U.tableBodyRef,Y=U.registerRow,Z=U.capturePositions,$=l((function(){return b()}),[]),_=null==O?void 0:O.some((function(e){return e.key===m.company})),ee=(null==V?void 0:V.length)>0,ie=s||z,le=l((function(){var e=new Map(f.map((function(e){return[e.key,e]})));return(j||[]).map((function(i){return e.get(i)})).filter(Boolean)}),[j]),re=l((function(){return H?d-58:p[0].minWidth[j.length]-58}),[H,null==j?void 0:j.length]);r((function(){if(G.current){var e=G.current.querySelectorAll(".".concat(g.wellNameFixed));M?e.forEach((function(e){return e.classList.remove(g.noShadow)})):e.forEach((function(e){return e.classList.add(g.noShadow)}))}}),[M,J]);var te=t((function(e,i){i&&Z(),I(e,i)}),[Z,I]),se=t((function(e){G.current=e,X(e)}),[X]);return O?C("div",{className:g.offsetWellsTable,children:C("div",{className:g.bodyTableWrapper,children:C(n,{"aria-label":"ows table body",innerRef:se,className:g.bodyTable,children:q(a,{children:[J.map((function(e){return C(y,{columnsWithDict:O,subjectWellId:v,data:e,metricsKeys:j,metricsColumns:le,handleChangeOffsetWell:te,wellNameStyle:g.wellNameFixed,wellNameWidth:re,isImperial:$,isLimitedOffsetWells:L,maxOffsetWellNumber:T,wellSections:x,setActiveWellId:A,onRowClick:k,taScores:V,isWellSectionColumnVisible:D,loadingWellIds:E,registerRow:Y},e.id)})),!K&&C(S,{columnsWithDict:O,metricsKeys:j,hasCompanyColumn:_,hasTaColumn:ee,isWellSectionColumnVisible:D,wellNameStyle:g.wellNameFixed}),ie&&Array.from({length:10}).map((function(e,i){return C(S,{columnsWithDict:O,metricsKeys:j,hasCompanyColumn:_,hasTaColumn:ee,isWellSectionColumnVisible:D,wellNameStyle:g.wellNameFixed},"skeleton-".concat(i))})),C(u,{children:C(c,{className:g.bottomShadow})})]})})})}):null};v.propTypes={isTableLoading:s.bool.isRequired,subjectWellId:s.number.isRequired,columnsWithDict:s.arrayOf(s.shape({})).isRequired,wells:s.arrayOf(s.shape({})).isRequired,metricsKeys:s.arrayOf(s.string).isRequired,handleChangeOffsetWell:s.func.isRequired,isLimitedOffsetWells:s.bool.isRequired,maxOffsetWellNumber:s.number.isRequired,wellSections:s.arrayOf(s.shape({})).isRequired,setActiveWellId:s.func.isRequired,onRowClick:s.func.isRequired,taScores:s.arrayOf(s.shape({})).isRequired,isWellSectionColumnVisible:s.bool.isRequired,isLastWell:s.bool.isRequired,loadingWellIds:s.instanceOf(Set).isRequired,scrollContainerRef:s.shape({current:s.instanceOf(Element)}).isRequired,isAnimatingRef:s.shape({current:s.bool}).isRequired};var O=e(v);export{O as OffsetWellsTable};
 //# sourceMappingURL=OffsetWellsTable.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellsTable.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"sourcesContent":["import { memo, useCallback, useLayoutEffect, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniqBy } from 'lodash';\nimport { Table, TableBody, TableCell, TableRow } from '@material-ui/core';\n\nimport { EXPANDED_WELL_NAME_WIDTH, METRICS_LIST, TableColumns } from '../../constants';\nimport { getIsImperial } from '../../utils/getIsImperial';\nimport { useViewStore } from '../../stores/view-store/useViewStore';\n\nimport { OffsetWellsTableRow } from './OffsetWellsTableRow';\n\nimport styles from './OffsetWellsTable.module.css';\n\nimport { LoadingIndicator } from '~/components';\n\nconst DIFF_WELL_NAME_WIDTH = 58;\n\nconst OffsetWellsTableComponent = ({\n isTableLoading,\n subjectWellId,\n columnsWithDict,\n wells: updatedWells,\n metricsKeys,\n handleChangeOffsetWell,\n isLastWell,\n isLimitedOffsetWells,\n maxOffsetWellNumber,\n wellSections,\n setActiveWellId,\n onRowClick,\n taScores,\n isWellSectionColumnVisible,\n}) => {\n const isHScrollMoved = useViewStore(state => state.isHScrollMoved);\n const isWellNameExpand = useViewStore(state => state.isWellNameExpand);\n /** @type {ReturnType<typeof useRef<HTMLElement>>} */\n const bodyTableRef = useRef();\n const offsetWellsContainerRef = useRef();\n const scrollPositionRef = useRef(0);\n\n const uniqWells = useMemo(() => uniqBy(updatedWells, 'id'), [updatedWells]);\n\n const isImperial = useMemo(() => getIsImperial(), []);\n\n const metricsColumns = useMemo(() => {\n // NOTE: Pay attention to the order of metrics and duplication\n const metricsMap = new Map(METRICS_LIST.map(item => [item.key, item]));\n return (metricsKeys \|\| []).map(key => metricsMap.get(key)).filter(Boolean);\n }, [metricsKeys]);\n\n const wellNameWidth = useMemo(() => {\n if (isWellNameExpand) return EXPANDED_WELL_NAME_WIDTH - DIFF_WELL_NAME_WIDTH;\n return TableColumns[0].minWidth[metricsKeys.length] - DIFF_WELL_NAME_WIDTH;\n }, [isWellNameExpand, metricsKeys?.length]);\n\n // NOTE: Remove shadow from column - Body table only now\n useLayoutEffect(() => {\n if (!bodyTableRef.current) return;\n\n // Body table\n const bodyColumns = bodyTableRef.current.querySelectorAll(`.${styles.wellNameFixed}`);\n if (!isHScrollMoved) {\n bodyColumns.forEach(th => th.classList.add(styles.noShadow));\n } else {\n bodyColumns.forEach(th => th.classList.remove(styles.noShadow));\n }\n // TODO: Check reference stability. Initially had bodyTableRef.current\n }, [isHScrollMoved, uniqWells]);\n\n // Restore scroll position after wells update\n useLayoutEffect(() => {\n if (offsetWellsContainerRef.current && scrollPositionRef.current > 0) {\n offsetWellsContainerRef.current.scrollTop = scrollPositionRef.current;\n }\n }, [uniqWells]);\n\n const handleScroll = useCallback(e => {\n scrollPositionRef.current = e.target.scrollTop;\n }, []);\n\n if (!columnsWithDict \|\| !uniqWells) return null;\n\n return (\n <div className={styles.offsetWellsTable}>\n <div\n className={styles.bodyTableWrapper}\n ref={offsetWellsContainerRef}\n onScroll={handleScroll}\n >\n <Table aria-label=\"ows table body\" innerRef={bodyTableRef} className={styles.bodyTable}>\n <TableBody>\n {uniqWells.map(well => (\n <OffsetWellsTableRow\n key={well.id}\n columnsWithDict={columnsWithDict}\n subjectWellId={subjectWellId}\n data={well}\n metricsKeys={metricsKeys}\n metricsColumns={metricsColumns}\n handleChangeOffsetWell={handleChangeOffsetWell}\n wellNameStyle={styles.wellNameFixed}\n wellNameWidth={wellNameWidth}\n isImperial={isImperial}\n isLimitedOffsetWells={isLimitedOffsetWells}\n maxOffsetWellNumber={maxOffsetWellNumber}\n wellSections={wellSections}\n setActiveWellId={setActiveWellId}\n onRowClick={onRowClick}\n taScores={taScores}\n isWellSectionColumnVisible={isWellSectionColumnVisible}\n />\n ))}\n {!isLastWell && (\n <TableRow>\n <TableCell className={styles.loadingCell}>\n <span>Loading...</span>\n </TableCell>\n </TableRow>\n )}\n <TableRow>\n <TableCell className={styles.bottomShadow} />\n </TableRow>\n </TableBody>\n </Table>\n </div>\n\n {isTableLoading && (\n <div className={styles.loadingContainer}>\n <LoadingIndicator fullscreen={false} className={styles.loadingIndicator} />\n </div>\n )}\n </div>\n );\n};\n\nOffsetWellsTableComponent.propTypes = {\n isTableLoading: PropTypes.bool.isRequired,\n subjectWellId: PropTypes.number.isRequired,\n columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n handleChangeOffsetWell: PropTypes.func.isRequired,\n isLastWell: PropTypes.bool.isRequired,\n isLimitedOffsetWells: PropTypes.bool.isRequired,\n maxOffsetWellNumber: PropTypes.number.isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n setActiveWellId: PropTypes.func.isRequired,\n onRowClick: PropTypes.func.isRequired,\n taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n isWellSectionColumnVisible: PropTypes.bool.isRequired,\n};\n\nexport const OffsetWellsTable = memo(OffsetWellsTableComponent);\n"],"names":["OffsetWellsTableComponent","_ref","isTableLoading","subjectWellId","columnsWithDict","updatedWells","wells","metricsKeys","handleChangeOffsetWell","isLastWell","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","onRowClick","taScores","isWellSectionColumnVisible","isHScrollMoved","useViewStore","state","isWellNameExpand","bodyTableRef","useRef","offsetWellsContainerRef","scrollPositionRef","uniqWells","useMemo","uniqBy","isImperial","getIsImperial","metricsColumns","metricsMap","Map","METRICS_LIST","map","item","key","get","filter","Boolean","wellNameWidth","EXPANDED_WELL_NAME_WIDTH","TableColumns","minWidth","length","useLayoutEffect","current","bodyColumns","querySelectorAll","styles","wellNameFixed","forEach","th","classList","remove","noShadow","add","scrollTop","handleScroll","useCallback","e","target","_jsxs","className","offsetWellsTable","children","_jsx","bodyTableWrapper","ref","onScroll","Table","innerRef","bodyTable","TableBody","well","OffsetWellsTableRow","data","wellNameStyle","id","TableRow","TableCell","loadingCell","bottomShadow","loadingContainer","LoadingIndicator","fullscreen","loadingIndicator","propTypes","PropTypes","bool","isRequired","number","arrayOf","shape","string","func","OffsetWellsTable","memo"],"mappings":"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"}
1	+ {"version":3,"file":"OffsetWellsTable.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"sourcesContent":["import { memo, useCallback, useLayoutEffect, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniqBy } from 'lodash';\nimport { Table, TableBody, TableCell, TableRow } from '@material-ui/core';\n\nimport { ColumnType, EXPANDED_WELL_NAME_WIDTH, METRICS_LIST, TableColumns } from '../../constants';\nimport { useDeferredLoading } from '../../effects/useDeferredLoading';\nimport { useRowReorderAnimation } from '../../effects/useRowReorderAnimation';\nimport { getIsImperial } from '../../utils/getIsImperial';\nimport { useViewStore } from '../../stores/view-store/useViewStore';\nimport { useViewportStore } from '../../stores/viewport-store/useViewportStore';\n\nimport { OffsetWellsTableRow } from './OffsetWellsTableRow';\nimport { SkeletonTableRow } from './SkeletonTableRow';\n\nimport styles from './OffsetWellsTable.module.css';\n\nconst SKELETON_ROW_COUNT = 10;\n\nconst DIFF_WELL_NAME_WIDTH = 58;\n\nconst OffsetWellsTableComponent = ({\n isTableLoading,\n subjectWellId,\n columnsWithDict,\n wells: updatedWells,\n metricsKeys,\n handleChangeOffsetWell,\n isLimitedOffsetWells,\n maxOffsetWellNumber,\n wellSections,\n setActiveWellId,\n onRowClick,\n taScores,\n isWellSectionColumnVisible,\n isLastWell,\n loadingWellIds,\n scrollContainerRef,\n isAnimatingRef,\n}) => {\n const isHScrollMoved = useViewStore(state => state.isHScrollMoved);\n const isWellNameExpand = useViewStore(state => state.isWellNameExpand);\n const isAnyTileLoading = useViewportStore(state => state.isAnyTileLoading());\n const { isLoading: isDeferredTileLoading } = useDeferredLoading(isAnyTileLoading);\n /** @type {ReturnType<typeof useRef<HTMLElement>>} /\n const bodyTableRef = useRef();\n\n const uniqWells = useMemo(() => uniqBy(updatedWells, 'id'), [updatedWells]);\n\n const wellIds = useMemo(() => uniqWells.map(well => well.id), [uniqWells]);\n\n const { tableBodyRef, registerRow, capturePositions } = useRowReorderAnimation(\n wellIds,\n scrollContainerRef,\n isAnimatingRef\n );\n\n const isImperial = useMemo(() => getIsImperial(), []);\n\n const hasCompanyColumn = columnsWithDict?.some(col => col.key === ColumnType.company);\n const hasTaColumn = taScores?.length > 0;\n\n // Show skeleton rows when loading (fills remaining space below existing wells)\n // Use deferred tile loading to catch loading state even during debounce window\n const showSkeletonRows = isTableLoading \|\| isDeferredTileLoading;\n\n const metricsColumns = useMemo(() => {\n // NOTE: Pay attention to the order of metrics and duplication\n const metricsMap = new Map(METRICS_LIST.map(item => [item.key, item]));\n return (metricsKeys \|\| []).map(key => metricsMap.get(key)).filter(Boolean);\n }, [metricsKeys]);\n\n const wellNameWidth = useMemo(() => {\n if (isWellNameExpand) return EXPANDED_WELL_NAME_WIDTH - DIFF_WELL_NAME_WIDTH;\n return TableColumns[0].minWidth[metricsKeys.length] - DIFF_WELL_NAME_WIDTH;\n }, [isWellNameExpand, metricsKeys?.length]);\n\n // NOTE: Remove shadow from column - Body table only now\n useLayoutEffect(() => {\n if (!bodyTableRef.current) return;\n\n // Body table\n const bodyColumns = bodyTableRef.current.querySelectorAll(`.${styles.wellNameFixed}`);\n\n if (!isHScrollMoved) {\n bodyColumns.forEach(th => th.classList.add(styles.noShadow));\n } else {\n bodyColumns.forEach(th => th.classList.remove(styles.noShadow));\n }\n // TODO: Check reference stability. Initially had bodyTableRef.current\n }, [isHScrollMoved, uniqWells]);\n\n const handleChangeOffsetWellWithAnimation = useCallback(\n (well, checked) => {\n if (checked) {\n capturePositions();\n }\n handleChangeOffsetWell(well, checked);\n },\n [capturePositions, handleChangeOffsetWell]\n );\n\n const combinedTableRef = useCallback(\n node => {\n bodyTableRef.current = node;\n tableBodyRef(node);\n },\n [tableBodyRef]\n );\n\n if (!columnsWithDict) return null;\n\n return (\n <div className={styles.offsetWellsTable}>\n <div className={styles.bodyTableWrapper}>\n <Table aria-label=\"ows table body\" innerRef={combinedTableRef} className={styles.bodyTable}>\n <TableBody>\n {uniqWells.map(well => (\n <OffsetWellsTableRow\n key={well.id}\n columnsWithDict={columnsWithDict}\n subjectWellId={subjectWellId}\n data={well}\n metricsKeys={metricsKeys}\n metricsColumns={metricsColumns}\n handleChangeOffsetWell={handleChangeOffsetWellWithAnimation}\n wellNameStyle={styles.wellNameFixed}\n wellNameWidth={wellNameWidth}\n isImperial={isImperial}\n isLimitedOffsetWells={isLimitedOffsetWells}\n maxOffsetWellNumber={maxOffsetWellNumber}\n wellSections={wellSections}\n setActiveWellId={setActiveWellId}\n onRowClick={onRowClick}\n taScores={taScores}\n isWellSectionColumnVisible={isWellSectionColumnVisible}\n loadingWellIds={loadingWellIds}\n registerRow={registerRow}\n />\n ))}\n {/ Show 1 skeleton row when more wells are pending render /}\n {!isLastWell && (\n <SkeletonTableRow\n columnsWithDict={columnsWithDict}\n metricsKeys={metricsKeys}\n hasCompanyColumn={hasCompanyColumn}\n hasTaColumn={hasTaColumn}\n isWellSectionColumnVisible={isWellSectionColumnVisible}\n wellNameStyle={styles.wellNameFixed}\n />\n )}\n {/ Skeleton rows to fill remaining space when loading */}\n {showSkeletonRows &&\n Array.from({ length: SKELETON_ROW_COUNT }).map((_, index) => (\n <SkeletonTableRow\n key={`skeleton-${index}`}\n columnsWithDict={columnsWithDict}\n metricsKeys={metricsKeys}\n hasCompanyColumn={hasCompanyColumn}\n hasTaColumn={hasTaColumn}\n isWellSectionColumnVisible={isWellSectionColumnVisible}\n wellNameStyle={styles.wellNameFixed}\n />\n ))}\n <TableRow>\n <TableCell className={styles.bottomShadow} />\n </TableRow>\n </TableBody>\n </Table>\n </div>\n </div>\n );\n};\n\nOffsetWellsTableComponent.propTypes = {\n isTableLoading: PropTypes.bool.isRequired,\n subjectWellId: PropTypes.number.isRequired,\n columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n handleChangeOffsetWell: PropTypes.func.isRequired,\n isLimitedOffsetWells: PropTypes.bool.isRequired,\n maxOffsetWellNumber: PropTypes.number.isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n setActiveWellId: PropTypes.func.isRequired,\n onRowClick: PropTypes.func.isRequired,\n taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n isWellSectionColumnVisible: PropTypes.bool.isRequired,\n isLastWell: PropTypes.bool.isRequired,\n loadingWellIds: PropTypes.instanceOf(Set).isRequired,\n scrollContainerRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }).isRequired,\n isAnimatingRef: PropTypes.shape({ current: PropTypes.bool }).isRequired,\n};\n\nexport const OffsetWellsTable = memo(OffsetWellsTableComponent);\n"],"names":["OffsetWellsTableComponent","_ref","isTableLoading","subjectWellId","columnsWithDict","updatedWells","wells","metricsKeys","handleChangeOffsetWell","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","onRowClick","taScores","isWellSectionColumnVisible","isLastWell","loadingWellIds","scrollContainerRef","isAnimatingRef","isHScrollMoved","useViewStore","state","isWellNameExpand","isAnyTileLoading","useViewportStore","isDeferredTileLoading","useDeferredLoading","isLoading","bodyTableRef","useRef","uniqWells","useMemo","uniqBy","wellIds","map","well","id","_useRowReorderAnimati","useRowReorderAnimation","tableBodyRef","registerRow","capturePositions","isImperial","getIsImperial","hasCompanyColumn","some","col","key","ColumnType","company","hasTaColumn","length","showSkeletonRows","metricsColumns","metricsMap","Map","METRICS_LIST","item","get","filter","Boolean","wellNameWidth","EXPANDED_WELL_NAME_WIDTH","TableColumns","minWidth","useLayoutEffect","current","bodyColumns","querySelectorAll","styles","wellNameFixed","forEach","th","classList","remove","noShadow","add","handleChangeOffsetWellWithAnimation","useCallback","checked","combinedTableRef","node","_jsx","className","offsetWellsTable","children","bodyTableWrapper","Table","innerRef","bodyTable","_jsxs","TableBody","OffsetWellsTableRow","data","wellNameStyle","SkeletonTableRow","Array","from","_","index","concat","TableRow","TableCell","bottomShadow","propTypes","PropTypes","bool","isRequired","number","arrayOf","shape","string","func","instanceOf","Set","Element","OffsetWellsTable","memo"],"mappings":"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"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.module.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={offsetWellsTable:"OffsetWellsTable-module_offsetWellsTable__8DcT-",loadingContainer:"OffsetWellsTable-module_loadingContainer__sTGL5",loadingIndicator:"OffsetWellsTable-module_loadingIndicator__mfLxA",stickyTableWrapper:"OffsetWellsTable-module_stickyTableWrapper__Lu2uT",stickyTable:"OffsetWellsTable-module_stickyTable__dOa4a",searchCellWrapper:"OffsetWellsTable-module_searchCellWrapper__vpfDS",searchCell:"OffsetWellsTable-module_searchCell__p-5Qe",bodyTableWrapper:"OffsetWellsTable-module_bodyTableWrapper__J9taX",bodyTable:"OffsetWellsTable-module_bodyTable__DO-pt",bodyGrid:"OffsetWellsTable-module_bodyGrid__oOcbp",loadingCell:"OffsetWellsTable-module_loadingCell__I6xtl",bottomShadow:"OffsetWellsTable-module_bottomShadow__xhi83",wellNameFixed:"OffsetWellsTable-module_wellNameFixed__BcpXR",noShadow:"OffsetWellsTable-module_noShadow__TyfD5"};e('.OffsetWellsTable-module_offsetWellsTable__8DcT-{display:flex;flex-direction:column;height:100%;isolation:isolate;min-height:0;overflow:visible;position:relative}.OffsetWellsTable-module_loadingContainer__sTGL5{align-items:center;backdrop-filter:blur(1px);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1500}.OffsetWellsTable-module_loadingIndicator__mfLxA{position:absolute;top:0}.OffsetWellsTable-module_stickyTableWrapper__Lu2uT{position:sticky;top:0;z-index:1}.OffsetWellsTable-module_stickyTable__dOa4a{background-color:var(--palette-background-b-6)}.OffsetWellsTable-module_searchCellWrapper__vpfDS{background-color:var(--palette-background-b-6);display:flex;flex-direction:column;left:0;position:sticky;top:49px;width:100%;z-index:1}.OffsetWellsTable-module_searchCell__p-5Qe{display:flex}.OffsetWellsTable-module_bodyTableWrapper__J9taX{flex:1;position:relative}.OffsetWellsTable-module_bodyTable__DO-pt{background-color:var(--palette-background-b-6);position:relative}.OffsetWellsTable-module_bodyGrid__oOcbp{margin-top:12px!important;overflow:hidden!important}.OffsetWellsTable-module_bodyGrid__oOcbp::-webkit-scrollbar-corner{background:transparent}.OffsetWellsTable-module_loadingCell__I6xtl{border-bottom:none!important;color:var(--palette-primary-text-8)!important;font-size:12px!important;height:16px!important;padding:0!important;position:absolute;text-align:center!important;width:100%;z-index:1000}.OffsetWellsTable-module_bottomShadow__xhi83{border-bottom:none!important;bottom:0;height:16px!important;padding:0!important;position:sticky;width:100%;z-index:999}.OffsetWellsTable-module_bottomShadow__xhi83:after{background-image:linear-gradient(180deg,rgba(51,51,51,0) 0,var(--palette-background-b-6) 100%);bottom:-1px;content:" ";height:16px!important;position:absolute;width:100%}.OffsetWellsTable-module_wellNameFixed__BcpXR:after{background-image:linear-gradient(90deg,var(--palette-background-b-6) 0,rgba(51,51,51,0) 100%);content:" ";height:calc(100% + 2px);pointer-events:none;position:absolute;right:-16px;top:-1px;width:16px}.OffsetWellsTable-module_noShadow__TyfD5:after{display:none}');export{l as default};
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={offsetWellsTable:"OffsetWellsTable-module_offsetWellsTable__8DcT-",loadingContainer:"OffsetWellsTable-module_loadingContainer__sTGL5",loadingIndicator:"OffsetWellsTable-module_loadingIndicator__mfLxA",stickyTableWrapper:"OffsetWellsTable-module_stickyTableWrapper__Lu2uT",stickyTable:"OffsetWellsTable-module_stickyTable__dOa4a",searchCellWrapper:"OffsetWellsTable-module_searchCellWrapper__vpfDS",searchCell:"OffsetWellsTable-module_searchCell__p-5Qe",bodyTableWrapper:"OffsetWellsTable-module_bodyTableWrapper__J9taX",bodyTable:"OffsetWellsTable-module_bodyTable__DO-pt",bodyGrid:"OffsetWellsTable-module_bodyGrid__oOcbp",loadingCell:"OffsetWellsTable-module_loadingCell__I6xtl",bottomShadow:"OffsetWellsTable-module_bottomShadow__xhi83",wellNameFixed:"OffsetWellsTable-module_wellNameFixed__BcpXR",noShadow:"OffsetWellsTable-module_noShadow__TyfD5"};e('.OffsetWellsTable-module_offsetWellsTable__8DcT-{display:flex;flex-direction:column;height:100%;isolation:isolate;min-height:0;overflow:visible;position:relative}.OffsetWellsTable-module_loadingContainer__sTGL5{align-items:center;backdrop-filter:blur(1px);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1500}.OffsetWellsTable-module_loadingIndicator__mfLxA{position:absolute;top:0}.OffsetWellsTable-module_stickyTableWrapper__Lu2uT{position:sticky;top:0;z-index:1}.OffsetWellsTable-module_stickyTable__dOa4a{background-color:var(--palette-background-b-6)}.OffsetWellsTable-module_searchCellWrapper__vpfDS{background-color:var(--palette-background-b-6);display:flex;flex-direction:column;left:0;position:sticky;top:48px;width:100%;z-index:1}.OffsetWellsTable-module_searchCell__p-5Qe{display:flex}.OffsetWellsTable-module_bodyTableWrapper__J9taX{flex:1;position:relative}.OffsetWellsTable-module_bodyTable__DO-pt{background-color:var(--palette-background-b-6);position:relative}.OffsetWellsTable-module_bodyGrid__oOcbp{margin-top:12px!important;overflow:hidden!important}.OffsetWellsTable-module_bodyGrid__oOcbp::-webkit-scrollbar-corner{background:transparent}.OffsetWellsTable-module_loadingCell__I6xtl{border-bottom:none!important;color:var(--palette-primary-text-8)!important;font-size:12px!important;height:16px!important;padding:0!important;position:absolute;text-align:center!important;width:100%;z-index:1000}.OffsetWellsTable-module_bottomShadow__xhi83{border-bottom:none!important;bottom:0;height:16px!important;padding:0!important;position:sticky;width:100%;z-index:999}.OffsetWellsTable-module_bottomShadow__xhi83:after{background-image:linear-gradient(180deg,rgba(51,51,51,0) 0,var(--palette-background-b-6) 100%);bottom:-1px;content:" ";height:16px!important;position:absolute;width:100%}.OffsetWellsTable-module_wellNameFixed__BcpXR:after{background-image:linear-gradient(90deg,var(--palette-background-b-6) 0,rgba(51,51,51,0) 100%);content:" ";height:calc(100% + 2px);pointer-events:none;position:absolute;right:-16px;top:-1px;width:16px}.OffsetWellsTable-module_noShadow__TyfD5:after{display:none}');export{l as default};
 //# sourceMappingURL=OffsetWellsTable.module.css.js.map