@corva/ui 3.53.0-1 → 3.53.0-11

package/components/FeedItem/feedItemTypes/FluidReportFeedItem.js

@@ -1,2 +1,2 @@
-import{useMemo as e}from"react";import{shape as i,number as t,string as r,arrayOf as n}from"prop-types";import a from"classnames";import{makeStyles as o,Grid as c,Typography as s}from"@material-ui/core";import d from"@material-ui/core/colors/blue";import{getUnitDisplay as l,convertValue as m}from"../../../utils/convert.js";import{ctop as u}from"../../../utils/FluidCheckUtils.js";import{jsxs as p,jsx as f}from"react/jsx-runtime";var y="fluidReportActivity",h=o((function(e){return{density:{color:d[300]},unit:{color:e.palette.grey[400],marginLeft:5},oneLineText:{display:"flex",alignItems:"center"},title:{color:e.palette.grey[400]},columnWithMargin:{marginRight:40}}})),v=function(i){var t=i.feedItem.context.fluid_report.data,r=t.depth,n=t.mud_type,o=t.mud_density,d=t.viscosity,v=d.pv,R=void 0===v?"":v,g=d.yp,q=void 0===g?"":g,N=d.rpm_readings,_=h(),x=u(r,"length","ft"),b=x?x.formatNumeral("0,0"):"-",F=l("length"),L=m(+o,"density","ppg").formatNumeral("0,0.00"),T=l("density"),j=l("yp"),P=Number.isFinite(R)?R.fixFloat(3):R,I=Number.isFinite(q)?q.fixFloat(3):q,M=e((function(){var e=N.length-1;return N.reduce((function(i,t,r){var n=r===e?"":", ",a="".concat(t.rpm,"/").concat(t.dial_reading);return"".concat(i).concat(a).concat(n)}),"")}),[N]);return p(c,{container:!0,spacing:"40",justify:"flex-start",children:[p(c,{item:!0,className:_.columnWithMargin,children:[f(s,{variant:"body2",children:"Density"}),p(s,{variant:"h6","data-testid":"".concat(y,"_density"),className:a(_.density,_.oneLineText),children:[L,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",T,")"]})]}),p(s,{className:_.oneLineText,children:[b,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",F,")"]})," / ",n]})]}),p(c,{item:!0,children:[p(s,{variant:"body2","data-testid":"".concat(y,"_viscosity"),className:_.oneLineText,children:[f(s,{variant:"span",className:_.title,children:"PV: "}),"".concat(P," ").concat("cP"," / YP: ").concat(I),f(s,{component:"span",variant:"caption",className:_.unit,children:j})]}),f(s,{variant:"body2",className:_.title,children:"Rheometer Readings (RPM/Dial Reading):"}),f(s,{variant:"body2","data-testid":"".concat(y,"_rheometerReadings"),children:M})]})]})};v.propTypes={feedItem:i({context:i({fluid_report:i({data:i({depth:t.isRequired,mud_type:r.isRequired,mud_density:t.isRequired,viscosity:i({pv:t.isRequired,yp:t.isRequired,rpm_readings:n(i({id:r.isRequired,dial_reading:t.isRequired,rpm:t.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired};export{v as default};
+import{useMemo as e}from"react";import{shape as i,number as t,string as r,arrayOf as n}from"prop-types";import a from"classnames";import{makeStyles as o,Grid as c,Typography as s}from"@material-ui/core";import d from"@material-ui/core/colors/blue";import{getUnitDisplay as l,convertValue as m}from"../../../utils/convert.js";import{ctop as u}from"../../../utils/FluidCheckUtils.js";import{jsxs as p,jsx as f}from"react/jsx-runtime";var y="fluidReportActivity",h=o((function(e){return{density:{color:d[300]},unit:{color:e.palette.grey[400],marginLeft:5},oneLineText:{display:"flex",alignItems:"center"},title:{color:e.palette.grey[400]},columnWithMargin:{marginRight:40}}})),v=function(i){var t=i.feedItem.context.fluid_report.data,r=t.depth,n=t.mud_type,o=t.mud_density,d=t.viscosity,v=d.pv,R=void 0===v?"":v,g=d.yp,q=void 0===g?"":g,N=d.rpm_readings,_=h(),x=u(r,"length","ft"),b=x?x.formatNumeral("0,0"):"-",F=l("length"),L=m(+o,"density","ppg").formatNumeral("0,0.00"),T=l("density"),j=l("yp"),P=Number.isFinite(R)?R.fixFloat(3):R,I=Number.isFinite(q)?q.fixFloat(3):q,M=e((function(){var e=N.length-1;return N.reduce((function(i,t,r){var n=r===e?"":", ",a="".concat(t.rpm,"/").concat(t.dial_reading);return"".concat(i).concat(a).concat(n)}),"")}),[N]);return p(c,{container:!0,justify:"flex-start",children:[p(c,{item:!0,className:_.columnWithMargin,children:[f(s,{variant:"body2",children:"Density"}),p(s,{variant:"h6","data-testid":"".concat(y,"_density"),className:a(_.density,_.oneLineText),children:[L,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",T,")"]})]}),p(s,{className:_.oneLineText,children:[b,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",F,")"]})," / ",n]})]}),p(c,{item:!0,children:[p(s,{variant:"body2","data-testid":"".concat(y,"_viscosity"),className:_.oneLineText,children:[f(s,{variant:"span",className:_.title,children:"PV: "}),"".concat(P," ").concat("cP"," / YP: ").concat(I),f(s,{component:"span",variant:"caption",className:_.unit,children:j})]}),f(s,{variant:"body2",className:_.title,children:"Rheometer Readings (RPM/Dial Reading):"}),f(s,{variant:"body2","data-testid":"".concat(y,"_rheometerReadings"),children:M})]})]})};v.propTypes={feedItem:i({context:i({fluid_report:i({data:i({depth:t.isRequired,mud_type:r.isRequired,mud_density:t.isRequired,viscosity:i({pv:t.isRequired,yp:t.isRequired,rpm_readings:n(i({id:r.isRequired,dial_reading:t.isRequired,rpm:t.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired};export{v as default};
 //# sourceMappingURL=FluidReportFeedItem.js.map

package/components/FeedItem/feedItemTypes/FluidReportFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container spacing=\"40\" justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","Grid","container","spacing","justify","children","item","className","_jsx","Typography","variant","classNames","component","pvUnit","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}
+{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","Grid","container","justify","children","item","className","_jsx","Typography","variant","classNames","component","pvUnit","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}

package/components/FileUploadIconButton.d.ts

@@ -25,7 +25,7 @@ declare class FileUploadIconButton extends PureComponent<any, any, any> {
 declare namespace FileUploadIconButton {
     namespace propTypes {
         let additionalFields: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-        let classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+        let classes: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         let tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         let disableRipple: PropTypes.Requireable<boolean>;
         let disabled: PropTypes.Requireable<boolean>;
@@ -41,6 +41,8 @@ declare namespace FileUploadIconButton {
     namespace defaultProps {
         let additionalFields_1: never[];
         export { additionalFields_1 as additionalFields };
+        let classes_1: {};
+        export { classes_1 as classes };
         let disableRipple_1: boolean;
         export { disableRipple_1 as disableRipple };
         let disabled_1: boolean;

package/components/FileUploadIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadIconButton.d.ts","sourceRoot":"","sources":["../../src/components/FileUploadIconButton.js"],"names":[],"mappings":"AAeA,2CAA4C,yBAAyB,CAAC;;AAEtE;IACE,wBAgBC;IAbC;;;;;;;MAUC;IAED,0CAA4B;IAG9B,8BAcE;IAEF,UAAU,uBAAkB,UAG1B;IAEF,eAAsB,SAAI,EAAE,aAAQ,mBA4BlC;IAEF,aAAc,SAAI,EAAE,SAAI,UAEtB;IAEF,aAAa,UAAK,UAqBhB;IAEF,oBAKC;IAED,+CAEE;IAEF,cAAe,YAAO,EAAE,aAAQ,EAAE,aAAQ,UAMxC;IAEF,kCA2BC;IAED,sBAwBC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA3LwC,OAAO;sBAC1B,YAAY"}
+{"version":3,"file":"FileUploadIconButton.d.ts","sourceRoot":"","sources":["../../src/components/FileUploadIconButton.js"],"names":[],"mappings":"AAeA,2CAA4C,yBAAyB,CAAC;;AAEtE;IACE,wBAgBC;IAbC;;;;;;;MAUC;IAED,0CAA4B;IAG9B,8BAcE;IAEF,UAAU,uBAAkB,UAG1B;IAEF,eAAsB,SAAI,EAAE,aAAQ,mBA4BlC;IAEF,aAAc,SAAI,EAAE,SAAI,UAEtB;IAEF,aAAa,UAAK,UAqBhB;IAEF,oBAKC;IAED,+CAEE;IAEF,cAAe,YAAO,EAAE,aAAQ,EAAE,aAAQ,UAMxC;IAEF,kCA2BC;IAED,sBAwBC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA3LwC,OAAO;sBAC1B,YAAY"}

package/components/FileUploadIconButton.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/regenerator";import{createRef as p,PureComponent as u}from"react";import d from"prop-types";import c from"react-s3-uploader/s3upload";import f from"@material-ui/core/CircularProgress";import h from"@material-ui/icons/PhotoCamera";import m from"./PostPreviewDialog/index.js";import b from"./Icons/AttachIcon.js";import g from"./IconButton/index.js";import{getS3DownloadLink as F,getS3SignedUrl as v}from"../clients/jsonApi/index.js";import{isNativeDetected as U}from"../utils/mobileDetect.js";import{jsxs as P,jsx as y,Fragment as S}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function j(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,i=l(e);if(r){var o=l(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return n(this,t)}}var D="data-file-upload-button",I=function(n){o(d,u);var l=j(d);function d(t){var o,n;return r(this,d),o=l.call(this,t),a(i(o),"onFinish",e(s.mark((function e(){var r;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F(o.state.s3FileName);case 2:r=e.sent,o.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:o.props.openPreviewDialogOnUpload,s3FileUrl:r.url},(function(){o.props.onFinish&&o.props.onFinish(o.state.s3FileUrl,o.state.s3FileName,o.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),a(i(o),"onError",(function(e){o.props.onError&&o.props.onError(e),console.error(e)})),a(i(o),"getSignedUrl",(n=e(s.mark((function e(r,t){var i;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,v(r.name,r.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),o.setState({uploadingFileToS3:null,currentUpload:null},(function(){o.onError(e.t0.message)})),e.abrupt("return");case 10:o.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:r.size}),t(w(w({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return n.apply(this,arguments)})),a(i(o),"preprocess",(function(e,r){r(e)})),a(i(o),"uploadFile",(function(e){if(e.target.files[0]){o.clearUpload();var r=new c({fileElement:o.fileInput.current,getSignedUrl:o.getSignedUrl,preprocess:o.preprocess,onProgress:function(){},onFinishS3Put:o.onFinish,onError:o.onError});o.setState({uploadingFileToS3:!0,currentUpload:{uploader:r}})}})),a(i(o),"handleCloseFileUploadPreviewDialog",(function(){o.setState({openFileUploadPreviewDialog:!1})})),a(i(o),"handleShare",(function(e,r,t){o.setState({openFileUploadPreviewDialog:!1},(function(){o.props.handleShare&&o.props.handleShare(e,r,t)}))})),o.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},o.fileInput=p(),o}return t(d,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=U?h:b,r=a({},"data-file-upload-button","");return P("label",w(w({htmlFor:this.props.inputId},r),{},{children:[y("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),y(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:y(e,{})})]}))}},{key:"render",value:function(){return P(S,{children:[this.state.uploadingFileToS3?y(f,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&y(m,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),d}();I.propTypes={additionalFields:d.arrayOf(d.node),classes:d.shape({}).isRequired,tooltipProps:d.shape({}),disableRipple:d.bool,disabled:d.bool,fileUploadIconClassName:d.string,handleShare:d.func,inputId:d.string,message:d.string,onError:d.func,onFinish:d.func,openPreviewDialogOnUpload:d.bool,requiredFields:d.arrayOf(d.string)},I.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}};export{D as FILE_UPLOAD_BUTTON_DATA_ATTR,I as default};
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import i from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/regenerator";import{createRef as p,PureComponent as u}from"react";import d from"prop-types";import c from"react-s3-uploader/s3upload";import f from"@material-ui/core/CircularProgress";import h from"@material-ui/icons/PhotoCamera";import m from"./PostPreviewDialog/index.js";import b from"./Icons/AttachIcon.js";import g from"./IconButton/index.js";import{getS3DownloadLink as F,getS3SignedUrl as v}from"../clients/jsonApi/index.js";import{isNativeDetected as U}from"../utils/mobileDetect.js";import{jsxs as P,jsx as y,Fragment as S}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function j(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,o=l(e);if(r){var i=l(this).constructor;t=Reflect.construct(o,arguments,i)}else t=o.apply(this,arguments);return n(this,t)}}var D="data-file-upload-button",I=function(n){i(d,u);var l=j(d);function d(t){var i,n;return r(this,d),i=l.call(this,t),a(o(i),"onFinish",e(s.mark((function e(){var r;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F(i.state.s3FileName);case 2:r=e.sent,i.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:i.props.openPreviewDialogOnUpload,s3FileUrl:r.url},(function(){i.props.onFinish&&i.props.onFinish(i.state.s3FileUrl,i.state.s3FileName,i.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),a(o(i),"onError",(function(e){i.props.onError&&i.props.onError(e),console.error(e)})),a(o(i),"getSignedUrl",(n=e(s.mark((function e(r,t){var o;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,v(r.name,r.type);case 3:o=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),i.setState({uploadingFileToS3:null,currentUpload:null},(function(){i.onError(e.t0.message)})),e.abrupt("return");case 10:i.setState({s3FileUrl:o.signed_url,s3FileName:o.file_name,s3FileSize:r.size}),t(w(w({},o),{},{signedUrl:o.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return n.apply(this,arguments)})),a(o(i),"preprocess",(function(e,r){r(e)})),a(o(i),"uploadFile",(function(e){if(e.target.files[0]){i.clearUpload();var r=new c({fileElement:i.fileInput.current,getSignedUrl:i.getSignedUrl,preprocess:i.preprocess,onProgress:function(){},onFinishS3Put:i.onFinish,onError:i.onError});i.setState({uploadingFileToS3:!0,currentUpload:{uploader:r}})}})),a(o(i),"handleCloseFileUploadPreviewDialog",(function(){i.setState({openFileUploadPreviewDialog:!1})})),a(o(i),"handleShare",(function(e,r,t){i.setState({openFileUploadPreviewDialog:!1},(function(){i.props.handleShare&&i.props.handleShare(e,r,t)}))})),i.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},i.fileInput=p(),i}return t(d,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=U?h:b,r=a({},"data-file-upload-button","");return P("label",w(w({htmlFor:this.props.inputId},r),{},{children:[y("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),y(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:y(e,{})})]}))}},{key:"render",value:function(){return P(S,{children:[this.state.uploadingFileToS3?y(f,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&y(m,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),d}();I.propTypes={additionalFields:d.arrayOf(d.node),classes:d.shape({}),tooltipProps:d.shape({}),disableRipple:d.bool,disabled:d.bool,fileUploadIconClassName:d.string,handleShare:d.func,inputId:d.string,message:d.string,onError:d.func,onFinish:d.func,openPreviewDialogOnUpload:d.bool,requiredFields:d.arrayOf(d.string)},I.defaultProps={additionalFields:[],classes:{},disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}};export{D as FILE_UPLOAD_BUTTON_DATA_ATTR,I as default};
 //# sourceMappingURL=FileUploadIconButton.js.map

package/components/FileUploadIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadIconButton.js","sources":["../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\n// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing\nexport const FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n    const labelDataAttributes = { [FILE_UPLOAD_BUTTON_DATA_ATTR]: '' };\n\n    return (\n      <label htmlFor={this.props.inputId} {...labelDataAttributes}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress data-testid=\"generic_uploadProgress\" size={18} />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}).isRequired,\n  tooltipProps: PropTypes.shape({}),\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n  tooltipProps: { title: 'Attach File' },\n};\n\nexport default FileUploadIconButton;\n"],"names":["FILE_UPLOAD_BUTTON_DATA_ATTR","FileUploadIconButton","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_ref2","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","s3DownloadLinkResponse","wrap","_context","prev","next","getS3DownloadLink","state","s3FileName","sent","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","stop","fileUploadingError","onError","console","error","_callee2","file","callback","data","_context2","getS3SignedUrl","name","type","t0","message","abrupt","signed_url","file_name","size","signedUrl","_x","_x2","apply","arguments","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","_createClass","key","value","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","labelDataAttributes","_jsxs","_objectSpread","htmlFor","inputId","children","_jsx","ref","id","disabled","onChange","uploadFile","style","display","IconButton","concat","component","className","fileUploadIconClassName","disableRipple","tooltipProps","_Fragment","CircularProgress","renderUploadButton","PostPreviewDialog","open","fileUrl","handleClose","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","propTypes","PropTypes","arrayOf","node","classes","shape","isRequired","bool","string","func","defaultProps","undefined","title"],"mappings":"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"}
+{"version":3,"file":"FileUploadIconButton.js","sources":["../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\n// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing\nexport const FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n    const labelDataAttributes = { [FILE_UPLOAD_BUTTON_DATA_ATTR]: '' };\n\n    return (\n      <label htmlFor={this.props.inputId} {...labelDataAttributes}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress data-testid=\"generic_uploadProgress\" size={18} />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}),\n  tooltipProps: PropTypes.shape({}),\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  classes: {},\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n  tooltipProps: { title: 'Attach File' },\n};\n\nexport default FileUploadIconButton;\n"],"names":["FILE_UPLOAD_BUTTON_DATA_ATTR","FileUploadIconButton","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_ref2","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","s3DownloadLinkResponse","wrap","_context","prev","next","getS3DownloadLink","state","s3FileName","sent","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","stop","fileUploadingError","onError","console","error","_callee2","file","callback","data","_context2","getS3SignedUrl","name","type","t0","message","abrupt","signed_url","file_name","size","signedUrl","_x","_x2","apply","arguments","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","_createClass","key","value","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","labelDataAttributes","_jsxs","_objectSpread","htmlFor","inputId","children","_jsx","ref","id","disabled","onChange","uploadFile","style","display","IconButton","concat","component","className","fileUploadIconClassName","disableRipple","tooltipProps","_Fragment","CircularProgress","renderUploadButton","PostPreviewDialog","open","fileUrl","handleClose","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","propTypes","PropTypes","arrayOf","node","classes","shape","bool","string","func","defaultProps","undefined","title"],"mappings":"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"}

package/components/ImageViewer/index.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"prop-types";import t from"react-image-lightbox";import e from"@material-ui/icons/SaveAlt";import n from"@material-ui/icons/ArrowBack";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as p,jsxs as r}from"react/jsx-runtime";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"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"@material-ui/core";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as i}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";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"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/Label/Label.js";import"lodash";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"@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"../../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"../../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"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"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";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"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.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"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import c from"./styles.css.js";function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var l=function(o){return p("div",{className:c.cImageViewerToolbar,children:p("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:o.onCloseRequest,children:p(n,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},d=function(o){var s=i();return p("div",{className:c.cImageViewer,children:p(t,{mainSrc:o.mainSrc,imagePadding:o.imagePadding,toolbarButtons:[p("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:p("a",{href:o.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:p(e,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:o.onAfterOpen,onCloseRequest:o.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(o,s){return r("div",a(a({},o),{},{children:[p(l,{onCloseRequest:o.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};d.propTypes={mainSrc:s.string.isRequired,imagePadding:s.number,onAfterOpen:s.func,onCloseRequest:s.func},l.propTypes={onCloseRequest:s.func.isRequired},d.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0};export{d as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"prop-types";import t from"react-image-lightbox";import e from"@material-ui/icons/SaveAlt";import n from"@material-ui/icons/ArrowBack";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as r,jsxs as p}from"react/jsx-runtime";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"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"@material-ui/core";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as i}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";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"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"lodash";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"@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"../../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"../../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"query-string";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"react-router-dom";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"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";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"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.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.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"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import c from"./styles.css.js";function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var l=function(o){return r("div",{className:c.cImageViewerToolbar,children:r("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:o.onCloseRequest,children:r(n,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},d=function(o){var s=i();return r("div",{className:c.cImageViewer,children:r(t,{mainSrc:o.mainSrc,imagePadding:o.imagePadding,toolbarButtons:[r("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:r("a",{href:o.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:r(e,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:o.onAfterOpen,onCloseRequest:o.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(o,s){return p("div",a(a({},o),{},{children:[r(l,{onCloseRequest:o.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};d.propTypes={mainSrc:s.string.isRequired,imagePadding:s.number,onAfterOpen:s.func,onCloseRequest:s.func},l.propTypes={onCloseRequest:s.func.isRequired},d.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0};export{d as default};
 //# sourceMappingURL=index.js.map

package/components/ImageViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n  const renderToolbarButtons = () => [\n    <button\n      key=\"Download\"\n      data-testid={`${PAGE_NAME}_download`}\n      type=\"button\"\n      aria-label=\"Download\"\n      className={styles.cImageViewerToolbarButton}\n    >\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n        reactModalStyle={{ overlay: { zIndex: 1500 } }}\n        reactModalProps={{\n          // eslint-disable-next-line no-restricted-globals\n          parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n          overlayElement: (props, contentElement) => (\n            <div {...props}>\n              <Toolbar onCloseRequest={props.onCloseRequest} />\n              {contentElement}\n            </div>\n          ),\n        }}\n        wrapperClassName={styles.cImageViewerWrapper}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"6nZASA,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAA,SAAA,CACEK,KAAK,SACL,aAAW,QACXJ,UAAWC,EAAOI,0BAClBC,QAASR,EAAMS,eAAeJ,SAE9BJ,EAACS,EAAQ,CAACR,UAAWC,EAAOQ,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAb,GAClB,IAAMc,EAAgBC,IAgBtB,OACEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaX,SAClCJ,EAACgB,EAAQ,CACPC,QAASlB,EAAMkB,QACfC,aAAcnB,EAAMmB,aACpBC,eAnB6B,CACjCnB,EAAA,SAAA,CAEE,cAAA,GAAAoB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXJ,UAAWC,EAAOI,0BAA0BF,SAE5CJ,EAAA,IAAA,CAAGqB,KAAMtB,EAAMkB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBpB,SAChFJ,EAACyB,EAAY,CAACxB,UAAWC,EAAOQ,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa3B,EAAM2B,YACnBlB,eAAgBT,EAAMS,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACpC,EAAOqC,GAAc,OACpCC,eAAStC,GAAK,GAAA,CAAAK,SAAA,CACZJ,EAACF,EAAO,CAACU,eAAgBT,EAAMS,iBAC9B4B,KACG,GAGVE,iBAAkBpC,EAAOqC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAUC,OAAOC,WAC1BzB,aAAcuB,EAAUG,OACxBlB,YAAae,EAAUI,KACvBrC,eAAgBiC,EAAUI,MAG5B/C,EAAQ0C,UAAY,CAClBhC,eAAgBiC,EAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n  const renderToolbarButtons = () => [\n    <button\n      key=\"Download\"\n      data-testid={`${PAGE_NAME}_download`}\n      type=\"button\"\n      aria-label=\"Download\"\n      className={styles.cImageViewerToolbarButton}\n    >\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n        reactModalStyle={{ overlay: { zIndex: 1500 } }}\n        reactModalProps={{\n          // eslint-disable-next-line no-restricted-globals\n          parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n          overlayElement: (props, contentElement) => (\n            <div {...props}>\n              <Toolbar onCloseRequest={props.onCloseRequest} />\n              {contentElement}\n            </div>\n          ),\n        }}\n        wrapperClassName={styles.cImageViewerWrapper}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"4zZASA,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAA,SAAA,CACEK,KAAK,SACL,aAAW,QACXJ,UAAWC,EAAOI,0BAClBC,QAASR,EAAMS,eAAeJ,SAE9BJ,EAACS,EAAQ,CAACR,UAAWC,EAAOQ,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAb,GAClB,IAAMc,EAAgBC,IAgBtB,OACEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaX,SAClCJ,EAACgB,EAAQ,CACPC,QAASlB,EAAMkB,QACfC,aAAcnB,EAAMmB,aACpBC,eAnB6B,CACjCnB,EAAA,SAAA,CAEE,cAAA,GAAAoB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXJ,UAAWC,EAAOI,0BAA0BF,SAE5CJ,EAAA,IAAA,CAAGqB,KAAMtB,EAAMkB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBpB,SAChFJ,EAACyB,EAAY,CAACxB,UAAWC,EAAOQ,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa3B,EAAM2B,YACnBlB,eAAgBT,EAAMS,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACpC,EAAOqC,GAAc,OACpCC,eAAStC,GAAK,GAAA,CAAAK,SAAA,CACZJ,EAACF,EAAO,CAACU,eAAgBT,EAAMS,iBAC9B4B,KACG,GAGVE,iBAAkBpC,EAAOqC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAUC,OAAOC,WAC1BzB,aAAcuB,EAAUG,OACxBlB,YAAae,EAAUI,KACvBrC,eAAgBiC,EAAUI,MAG5B/C,EAAQ0C,UAAY,CAClBhC,eAAgBiC,EAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as o,useEffect as i,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as d}from"lodash";import{makeStyles as m,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as h,DialogActions as j,Button as y}from"@material-ui/core";import S from"@material-ui/icons/Close";import{useTheme as C}from"@material-ui/core/styles";import v from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import I from"./components/Map/index.js";import x from"./components/Table/index.js";import{useCompanies as A,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as k,useRadiusWells as w,useOffsetWells as P,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.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"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as U,jsx as _,Fragment as F}from"react/jsx-runtime";import V from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function H(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?G(Object(o),!0).forEach((function(n){e(t,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):G(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var K=m((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),Q=function(n){var l=n.isOpen,m=n.defaultSubjectWellId,G=n.companyId,Q=n.offsetSetting,$=n.currentUser,J=n.addWellsUsabilityInfo,X=n.unusableWellAlarm,Y=n.isAdvancedSearch,Z=n.bestCount,ee=n.maxOffsetSize,te=n.onClose,ne=n.onSave,oe=K(),ie=C(),se=v(ie.breakpoints.down("sm")),re=L([q.companySelectorView]),le=t(re,1)[0].active,ce=o(G||c(Q,"companyId")||+c($,"company_id")),ae=t(ce,2),de=ae[0],me=ae[1],ue=o(c(Q,"subjectWellId")||m),pe=t(ue,2),fe=pe[0],be=pe[1];M(Q,ne,ee);var ge=o(c(Q,"filters")||z.filters),he=t(ge,2),je=he[0],ye=he[1],Se=o(c(Q,"radius")||z.radius),Ce=t(Se,2),ve=Ce[0],We=Ce[1],Oe=o(c(Q,"excludeSideTrack")||!1),Ie=t(Oe,2),xe=Ie[0],Ae=Ie[1],Ne=o(c(Q,"includeNonEngineeredWells")||!1),De=t(Ne,2),ke=De[0],we=De[1],Pe=o([]),Te=t(Pe,2),Be=Te[0],Ee=Te[1],ze=o(z.sortInfo),Re=t(ze,2),Le=Re[0],qe=Re[1],Me=o(!1),Ue=t(Me,2),_e=Ue[0],Fe=Ue[1],Ve=o([]),Ge=t(Ve,2),He=Ge[0],Ke=Ge[1];i((function(){l&&(Ke(c(Q,"selectedWellIds")||[]),me(G||c(Q,"companyId")||+c($,"company_id")),be(c(Q,"subjectWellId")||m))}),[l,Q]);var Qe=s((function(){return!!fe}),[fe]),$e=A(le,Y&&m,de),Je=N(de,J),Xe=D(de);i((function(){Ee((function(e){return Xe?[Xe]:e}))}),[Xe]);var Ye=V(je,Je),Ze=s((function(){return B(je,xe,Je)}),[je,xe,Je]),et=s((function(){return E(Ze,ke)}),[Ze,ke]),tt=s((function(){return et&&fe?et.find((function(e){return e.id===fe})):null}),[et,fe]),nt=k(Ze,tt),ot=s((function(){return E(nt,!1)}),[nt]),it=ke?nt:ot,st=nt&&nt.length!==ot.length;w(ve,nt,Ke);var rt=P(ve,Je,He),lt=T(de,it),ct=t(lt,2),at=ct[0],dt=ct[1],mt=s((function(){return dt?a(dt,Le.key,1===Le.direction?"asc":"desc"):dt}),[Le,dt]),ut=r((function(e){me(e),be(null),Ke([]),ye(z.filters)}),[]),pt=r((function(e){var t=et.find((function(t){return t.id===e}));t&&t.is_usable&&Ke(d(He.concat(e)))}),[He,et]),ft=r((function(e){Ke(d(He.filter((function(t){return t!==e}))))}),[He]),bt=r((function(){Ke(et.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[et]),gt=r((function(){Ke([])}),[]),ht=r((function(e){Ke([]),be(e)}),[Je]),jt=r((function(){Ke([]),be(null)}),[]),yt=r((function(e){We(e)}),[]),St=r((function(e){Ae(e)}),[]),Ct=r((function(e){e||Ke((function(e){return e.filter((function(e){return ot.map((function(e){return e.id})).includes(e)}))})),we(e)}),[ot]),vt=r((function(t,n){ye((function(o){return H(H({},o),{},e({},t,n))})),Ke([])}),[]),Wt=r((function(){ye(H({},z.filters)),Ke([])}),[]),Ot=r((function(){Fe((function(e){return!e}))}),[]),It=r((function(e){Ee(e)}),[]),xt=r((function(e){qe((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),At=function(){te()},Nt=!(Je&&et&&it&&dt&&rt&&mt);return U(u,{onBackdropClick:te,onEscapeKeyDown:te,maxWidth:"lg",fullWidth:!0,fullScreen:se,open:l,children:[_(p,{children:U("div",{className:oe.dialogTitles,children:[Y?U("div",{className:oe.titleArea,children:[_(f,{className:oe.subTitle,onClick:At,children:"Select Offset Wells"}),_(f,{className:oe.subTitleSpace,children:" / "}),_(f,{className:oe.title,children:"Advanced Search"})]}):_(f,{className:oe.title,children:"Select Offset Wells"}),_(b,{title:"Close",children:_(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:oe.closeIconButton,onClick:te,children:_(S,{className:oe.closeIcon})})})]})}),_(h,{className:oe.dialogContent,children:Nt?_(R,{fullscreen:!1}):U(F,{children:[_(O,{companyId:de,companies:$e,canViewCompanies:le,radius:ve,excludeSideTrack:xe,includeNonEngineeredWells:ke,wells:et,subjectWell:tt,filters:je,filtersOptions:Ye,mapHidden:_e,isRadiusEditable:Qe,isExistNonEngineeredWells:st,onChangeCompany:ut,onSetSubjectWell:ht,onChangeRadius:yt,onChangeSidetrack:St,onChangeNonEngineeredWells:Ct,onChangeFilters:vt,onClearFilters:Wt,onToggleMap:Ot}),_(I,{subjectWell:tt,wells:et,offsetWells:rt,radius:ve,mapHidden:_e,onSetSubjectWell:ht,onRemoveSubjectWell:jt,onAddOffsetWell:pt,onDeleteOffsetWell:ft}),_(x,{subjectWell:tt,wells:mt,offsetWells:rt,metricsKeys:Be,sortInfo:Le,isMetricsLoading:at,unusableWellAlarm:X,onChangeMetricsKeys:It,onSorting:xt,onAddOffsetWell:pt,onDeleteOffsetWell:ft,onAddAllOffsetWells:bt,onDeleteAllOffsetWells:gt})]})}),_("div",{className:oe.bottomShadow}),U(j,{className:W(oe.dialogActions,e({},oe.dialogActionsSmallScreen,se)),children:[Y?U("div",{className:oe.selectedWells,children:[_(f,{className:oe.selected,children:"Selected:"}),_(f,{className:oe.selectedLabel,children:"Best:"}),_(f,{className:oe.selectedNumber,children:Z}),_(f,{className:oe.selectedLabel,children:"Advanced Search:"}),_(f,{className:oe.selectedNumber,children:(null==rt?void 0:rt.length)||0})]}):_("div",{}),U("div",{children:[_(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:At,color:"primary",style:{marginRight:16},children:"CANCEL"}),U(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},Q),{},{companyId:de,subjectWellId:fe,radius:ve,excludeSideTrack:xe,includeNonEngineeredWells:ke,filters:je,selectedWellIds:d(rt.map((function(e){return e.id})))});ne(e,rt)},children:["ADD (",(null==rt?void 0:rt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired},Q.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0,maxOffsetSize:1e3};var $=n(Q);export{$ as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as o,useEffect as i,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as d}from"lodash";import{makeStyles as m,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as h,DialogActions as j,Button as y}from"@material-ui/core";import S from"@material-ui/icons/Close";import{useTheme as C}from"@material-ui/core/styles";import v from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import I from"./components/Map/index.js";import x from"./components/Table/index.js";import{useCompanies as A,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as k,useRadiusWells as w,useOffsetWells as P,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";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"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as U,jsx as _,Fragment as F}from"react/jsx-runtime";import V from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function H(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?G(Object(o),!0).forEach((function(n){e(t,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):G(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var K=m((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),Q=function(n){var l=n.isOpen,m=n.defaultSubjectWellId,G=n.companyId,Q=n.offsetSetting,$=n.currentUser,J=n.addWellsUsabilityInfo,X=n.unusableWellAlarm,Y=n.isAdvancedSearch,Z=n.bestCount,ee=n.maxOffsetSize,te=n.onClose,ne=n.onSave,oe=K(),ie=C(),se=v(ie.breakpoints.down("sm")),re=L([q.companySelectorView]),le=t(re,1)[0].active,ce=o(G||c(Q,"companyId")||+c($,"company_id")),ae=t(ce,2),de=ae[0],me=ae[1],ue=o(c(Q,"subjectWellId")||m),pe=t(ue,2),fe=pe[0],be=pe[1];M(Q,ne,ee);var ge=o(c(Q,"filters")||z.filters),he=t(ge,2),je=he[0],ye=he[1],Se=o(c(Q,"radius")||z.radius),Ce=t(Se,2),ve=Ce[0],We=Ce[1],Oe=o(c(Q,"excludeSideTrack")||!1),Ie=t(Oe,2),xe=Ie[0],Ae=Ie[1],Ne=o(c(Q,"includeNonEngineeredWells")||!1),De=t(Ne,2),ke=De[0],we=De[1],Pe=o([]),Te=t(Pe,2),Be=Te[0],Ee=Te[1],ze=o(z.sortInfo),Re=t(ze,2),Le=Re[0],qe=Re[1],Me=o(!1),Ue=t(Me,2),_e=Ue[0],Fe=Ue[1],Ve=o([]),Ge=t(Ve,2),He=Ge[0],Ke=Ge[1];i((function(){l&&(Ke(c(Q,"selectedWellIds")||[]),me(G||c(Q,"companyId")||+c($,"company_id")),be(c(Q,"subjectWellId")||m))}),[l,Q]);var Qe=s((function(){return!!fe}),[fe]),$e=A(le,Y&&m,de),Je=N(de,J),Xe=D(de);i((function(){Ee((function(e){return Xe?[Xe]:e}))}),[Xe]);var Ye=V(je,Je),Ze=s((function(){return B(je,xe,Je)}),[je,xe,Je]),et=s((function(){return E(Ze,ke)}),[Ze,ke]),tt=s((function(){return et&&fe?et.find((function(e){return e.id===fe})):null}),[et,fe]),nt=k(Ze,tt),ot=s((function(){return E(nt,!1)}),[nt]),it=ke?nt:ot,st=nt&&nt.length!==ot.length;w(ve,nt,Ke);var rt=P(ve,Je,He),lt=T(de,it),ct=t(lt,2),at=ct[0],dt=ct[1],mt=s((function(){return dt?a(dt,Le.key,1===Le.direction?"asc":"desc"):dt}),[Le,dt]),ut=r((function(e){me(e),be(null),Ke([]),ye(z.filters)}),[]),pt=r((function(e){var t=et.find((function(t){return t.id===e}));t&&t.is_usable&&Ke(d(He.concat(e)))}),[He,et]),ft=r((function(e){Ke(d(He.filter((function(t){return t!==e}))))}),[He]),bt=r((function(){Ke(et.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[et]),gt=r((function(){Ke([])}),[]),ht=r((function(e){Ke([]),be(e)}),[Je]),jt=r((function(){Ke([]),be(null)}),[]),yt=r((function(e){We(e)}),[]),St=r((function(e){Ae(e)}),[]),Ct=r((function(e){e||Ke((function(e){return e.filter((function(e){return ot.map((function(e){return e.id})).includes(e)}))})),we(e)}),[ot]),vt=r((function(t,n){ye((function(o){return H(H({},o),{},e({},t,n))})),Ke([])}),[]),Wt=r((function(){ye(H({},z.filters)),Ke([])}),[]),Ot=r((function(){Fe((function(e){return!e}))}),[]),It=r((function(e){Ee(e)}),[]),xt=r((function(e){qe((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),At=function(){te()},Nt=!(Je&&et&&it&&dt&&rt&&mt);return U(u,{onBackdropClick:te,onEscapeKeyDown:te,maxWidth:"lg",fullWidth:!0,fullScreen:se,open:l,children:[_(p,{children:U("div",{className:oe.dialogTitles,children:[Y?U("div",{className:oe.titleArea,children:[_(f,{className:oe.subTitle,onClick:At,children:"Select Offset Wells"}),_(f,{className:oe.subTitleSpace,children:" / "}),_(f,{className:oe.title,children:"Advanced Search"})]}):_(f,{className:oe.title,children:"Select Offset Wells"}),_(b,{title:"Close",children:_(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:oe.closeIconButton,onClick:te,children:_(S,{className:oe.closeIcon})})})]})}),_(h,{className:oe.dialogContent,children:Nt?_(R,{fullscreen:!1}):U(F,{children:[_(O,{companyId:de,companies:$e,canViewCompanies:le,radius:ve,excludeSideTrack:xe,includeNonEngineeredWells:ke,wells:et,subjectWell:tt,filters:je,filtersOptions:Ye,mapHidden:_e,isRadiusEditable:Qe,isExistNonEngineeredWells:st,onChangeCompany:ut,onSetSubjectWell:ht,onChangeRadius:yt,onChangeSidetrack:St,onChangeNonEngineeredWells:Ct,onChangeFilters:vt,onClearFilters:Wt,onToggleMap:Ot}),_(I,{subjectWell:tt,wells:et,offsetWells:rt,radius:ve,mapHidden:_e,onSetSubjectWell:ht,onRemoveSubjectWell:jt,onAddOffsetWell:pt,onDeleteOffsetWell:ft}),_(x,{subjectWell:tt,wells:mt,offsetWells:rt,metricsKeys:Be,sortInfo:Le,isMetricsLoading:at,unusableWellAlarm:X,onChangeMetricsKeys:It,onSorting:xt,onAddOffsetWell:pt,onDeleteOffsetWell:ft,onAddAllOffsetWells:bt,onDeleteAllOffsetWells:gt})]})}),_("div",{className:oe.bottomShadow}),U(j,{className:W(oe.dialogActions,e({},oe.dialogActionsSmallScreen,se)),children:[Y?U("div",{className:oe.selectedWells,children:[_(f,{className:oe.selected,children:"Selected:"}),_(f,{className:oe.selectedLabel,children:"Best:"}),_(f,{className:oe.selectedNumber,children:Z}),_(f,{className:oe.selectedLabel,children:"Advanced Search:"}),_(f,{className:oe.selectedNumber,children:(null==rt?void 0:rt.length)||0})]}):_("div",{}),U("div",{children:[_(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:At,color:"primary",style:{marginRight:16},children:"CANCEL"}),U(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},Q),{},{companyId:de,subjectWellId:fe,radius:ve,excludeSideTrack:xe,includeNonEngineeredWells:ke,filters:je,selectedWellIds:d(rt.map((function(e){return e.id})))});ne(e,rt)},children:["ADD (",(null==rt?void 0:rt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired},Q.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0,maxOffsetSize:1e3};var $=n(Q);export{$ as default};
 //# sourceMappingURL=OffsetWellPickerDialog.js.map

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellPickerDialog.js","sources":["../../../src/components/OffsetWellPickerV2/OffsetWellPickerDialog.js"],"sourcesContent":["import { memo, useState, useCallback, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniq, orderBy, get } from 'lodash';\nimport {\n  Button,\n  IconButton,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport classnames from 'classnames';\n\nimport Filter from './components/Filter';\nimport WellsMap from './components/Map';\nimport WellsTable from './components/Table';\nimport {\n  useCompanies,\n  useCompanyMetricKey,\n  useWells,\n  useWellsWithCoords,\n  useOffsetWells,\n  useBidirectionalFiltering,\n  useMetricsData,\n  useRadiusWells,\n} from './effects';\nimport { getFilteredWells, getFilteredWellsByNonEngineered } from './utils';\nimport { DEFAULT_SETTINGS } from './constants';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport { usePermissions, PERMISSIONS } from '~/permissions';\nimport { useGlobalOffsetWellsSync } from '~/effects';\n\nconst PAGE_NAME = 'OffsetsPickerDialog';\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitles: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: 20,\n  },\n  subTitle: {\n    fontSize: 14,\n    color: '#03BCD4',\n    '&:hover': {\n      cursor: 'pointer',\n      textDecoration: 'underline',\n    },\n  },\n  subTitleSpace: {\n    fontSize: 14,\n    color: '#03BCD4',\n  },\n  titleArea: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  closeIconButton: {\n    fontSize: 20,\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: '#BDBDBD',\n  },\n  dialogActions: {\n    justifyContent: 'space-between',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  tabs: {\n    background: '#414141',\n  },\n  selectedWells: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  selected: {\n    fontSize: 16,\n  },\n  selectedLabel: {\n    fontSize: 12,\n    marginLeft: 14,\n    color: 'rgba(255, 255, 255, 0.54)',\n  },\n  selectedNumber: {\n    fontSize: 12,\n    margin: 4,\n    color: 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\nconst OffsetsPickerDialog = ({\n  isOpen,\n  defaultSubjectWellId,\n  companyId,\n  offsetSetting,\n  currentUser,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n  isAdvancedSearch,\n  bestCount,\n  maxOffsetSize,\n  onClose,\n  onSave,\n}) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n  const [{ active: canViewCompanies }] = usePermissions([PERMISSIONS.companySelectorView]);\n\n  const [assetCompanyId, setAssetCompanyId] = useState(\n    companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n  );\n  const [subjectWellId, setSubjectWellId] = useState(\n    get(offsetSetting, 'subjectWellId') || defaultSubjectWellId\n  );\n\n  useGlobalOffsetWellsSync(offsetSetting, onSave, maxOffsetSize, subjectWellId);\n  const [filters, setFilters] = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters);\n  const [radius, setRadius] = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius);\n  const [excludeSideTrack, setExcludeSideTrack] = useState(\n    get(offsetSetting, 'excludeSideTrack') || false\n  );\n  const [includeNonEngineeredWells, setIncludeNonEngineeredWells] = useState(\n    get(offsetSetting, 'includeNonEngineeredWells') || false\n  );\n  const [metricsKeys, setMetricsKeys] = useState([]);\n  const [sortInfo, setSortInfo] = useState(DEFAULT_SETTINGS.sortInfo);\n  const [mapHidden, setMapHidden] = useState(false);\n  const [selectedWellIds, setSelectedWellIds] = useState([]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);\n      setAssetCompanyId(\n        companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n      );\n      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);\n    }\n  }, [isOpen, offsetSetting]);\n\n  const isRadiusEditable = useMemo(() => {\n    return !!subjectWellId;\n  }, [subjectWellId]);\n\n  // NOTE: Fetch all companies\n  const companies = useCompanies(\n    canViewCompanies,\n    isAdvancedSearch && defaultSubjectWellId,\n    assetCompanyId\n  );\n\n  // NOTE: fetch all wells for the currently selected company\n  const wells = useWells(assetCompanyId, addWellsUsabilityInfo);\n\n  // Note: fetch company metric key\n  const companyMetricKey = useCompanyMetricKey(assetCompanyId);\n\n  useEffect(() => {\n    setMetricsKeys(prev => {\n      return companyMetricKey ? [companyMetricKey] : prev;\n    });\n  }, [companyMetricKey]);\n\n  // NOTE: Get available options for every filters\n  const filtersOptions = useBidirectionalFiltering(filters, wells);\n\n  // NOTE: Filter wells by target formation, string design, program, basin, county, area\n  const initialFilteredWells = useMemo(\n    () => getFilteredWells(filters, excludeSideTrack, wells),\n    [filters, excludeSideTrack, wells]\n  );\n\n  const filteredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(initialFilteredWells, includeNonEngineeredWells),\n    [initialFilteredWells, includeNonEngineeredWells]\n  );\n\n  // NOTE: get subject well from id\n  const subjectWell = useMemo(() => {\n    return filteredWells && subjectWellId\n      ? filteredWells.find(well => well.id === subjectWellId)\n      : null;\n  }, [filteredWells, subjectWellId]);\n\n  // NOTE: All matched wells regardless of is_usable field\n  const filteredWellsWithCoords = useWellsWithCoords(initialFilteredWells, subjectWell);\n\n  const engineeredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(filteredWellsWithCoords, false),\n    [filteredWellsWithCoords]\n  );\n  const filteredWellsByNonEngineered = includeNonEngineeredWells\n    ? filteredWellsWithCoords\n    : engineeredWells;\n  const isExistNonEngineeredWells =\n    filteredWellsWithCoords && filteredWellsWithCoords.length !== engineeredWells.length;\n\n  // NOTE: Update selectedWellIds by radius\n  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds);\n\n  // NOTE: Get offset wells (only usable wells)\n  const offsetWells = useOffsetWells(radius, wells, selectedWellIds);\n\n  // NOTE: Fetch metrics for all filtered wells\n  const [isMetricsLoading, filteredWellsWithMetric] = useMetricsData(\n    assetCompanyId,\n    filteredWellsByNonEngineered\n  );\n\n  // NOTE: Sort wells by focused metric\n  const sortedFilteredWells = useMemo(() => {\n    if (!filteredWellsWithMetric) {\n      return filteredWellsWithMetric;\n    }\n\n    return orderBy(\n      filteredWellsWithMetric,\n      sortInfo.key,\n      sortInfo.direction === 1 ? 'asc' : 'desc'\n    );\n  }, [sortInfo, filteredWellsWithMetric]);\n\n  const handleChangeCompany = useCallback(newCompanyId => {\n    setAssetCompanyId(newCompanyId);\n    setSubjectWellId(null);\n    setSelectedWellIds([]);\n    setFilters(DEFAULT_SETTINGS.filters);\n  }, []);\n\n  const handleAddOffsetWell = useCallback(\n    targetId => {\n      // Do not allow to add unusuable wells\n      const currentWell = filteredWells.find(well => well.id === targetId);\n      if (!currentWell || !currentWell.is_usable) {\n        return;\n      }\n\n      setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));\n    },\n    [selectedWellIds, filteredWells]\n  );\n\n  const handleDeleteOffsetWell = useCallback(\n    targetId => {\n      setSelectedWellIds(uniq(selectedWellIds.filter(wellId => wellId !== targetId)));\n    },\n    [selectedWellIds]\n  );\n\n  const handleAddAllOffsetWells = useCallback(() => {\n    setSelectedWellIds(filteredWells.filter(well => well.is_usable).map(well => well.id));\n  }, [filteredWells]);\n\n  const handleDeleteAllOffsetWells = useCallback(() => {\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleSetSubjectWell = useCallback(\n    targetId => {\n      setSelectedWellIds([]);\n      setSubjectWellId(targetId);\n    },\n    [wells]\n  );\n\n  const handleRemoveSubjectWell = useCallback(() => {\n    setSelectedWellIds([]);\n    setSubjectWellId(null);\n  }, []);\n\n  const handleChangeRadius = useCallback(newRadius => {\n    setRadius(newRadius);\n  }, []);\n\n  const handleChangeSidetrack = useCallback(checked => {\n    setExcludeSideTrack(checked);\n  }, []);\n\n  const handleChangeNonEngineeredWells = useCallback(\n    checked => {\n      if (!checked)\n        setSelectedWellIds(prev =>\n          prev.filter(item => engineeredWells.map(well => well.id).includes(item))\n        );\n      setIncludeNonEngineeredWells(checked);\n    },\n    [engineeredWells]\n  );\n\n  const handleChangeFilters = useCallback((key, newValues) => {\n    setFilters(prev => ({ ...prev, [key]: newValues }));\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleClearFilters = useCallback(() => {\n    setFilters({ ...DEFAULT_SETTINGS.filters });\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleToggleMap = useCallback(() => {\n    setMapHidden(value => !value);\n  }, []);\n\n  const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n    setMetricsKeys(newMetricsKeys);\n  }, []);\n\n  // NOTE: Use column index to determine which metric is used for sorting\n  const handleSorting = useCallback(newKey => {\n    setSortInfo(prevInfo => {\n      return prevInfo.key === newKey\n        ? {\n            ...prevInfo,\n            direction: prevInfo.direction * -1,\n          }\n        : {\n            key: newKey,\n            direction: 1,\n          };\n    });\n  }, []);\n\n  const handleClose = () => {\n    onClose();\n  };\n\n  const handleSave = () => {\n    const setting = {\n      ...offsetSetting,\n      companyId: assetCompanyId,\n      subjectWellId,\n      radius,\n      excludeSideTrack,\n      includeNonEngineeredWells,\n      filters,\n      selectedWellIds: uniq(offsetWells.map(offsetWell => offsetWell.id)),\n    };\n\n    onSave(setting, offsetWells);\n  };\n\n  const isLoading =\n    !wells ||\n    !filteredWells ||\n    !filteredWellsByNonEngineered ||\n    !filteredWellsWithMetric ||\n    !offsetWells ||\n    !sortedFilteredWells;\n\n  return (\n    <Dialog\n      onBackdropClick={onClose}\n      onEscapeKeyDown={onClose}\n      maxWidth=\"lg\"\n      fullWidth\n      fullScreen={isFullScreen}\n      open={isOpen}\n    >\n      <DialogTitle>\n        <div className={classes.dialogTitles}>\n          {!isAdvancedSearch ? (\n            <Typography className={classes.title}>Select Offset Wells</Typography>\n          ) : (\n            <div className={classes.titleArea}>\n              <Typography className={classes.subTitle} onClick={handleClose}>\n                Select Offset Wells\n              </Typography>\n              <Typography className={classes.subTitleSpace}>&nbsp;/&nbsp;</Typography>\n              <Typography className={classes.title}>Advanced Search</Typography>\n            </div>\n          )}\n          <Tooltip title=\"Close\">\n            <IconButton\n              data-not-migrated-muiiconbutton\n              aria-label=\"close\"\n              className={classes.closeIconButton}\n              onClick={onClose}\n            >\n              <CloseIcon className={classes.closeIcon} />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </DialogTitle>\n      <DialogContent className={classes.dialogContent}>\n        {!isLoading ? (\n          <>\n            <Filter\n              companyId={assetCompanyId}\n              companies={companies}\n              canViewCompanies={canViewCompanies}\n              radius={radius}\n              excludeSideTrack={excludeSideTrack}\n              includeNonEngineeredWells={includeNonEngineeredWells}\n              wells={filteredWells}\n              subjectWell={subjectWell}\n              filters={filters}\n              filtersOptions={filtersOptions}\n              mapHidden={mapHidden}\n              isRadiusEditable={isRadiusEditable}\n              isExistNonEngineeredWells={isExistNonEngineeredWells}\n              onChangeCompany={handleChangeCompany}\n              onSetSubjectWell={handleSetSubjectWell}\n              onChangeRadius={handleChangeRadius}\n              onChangeSidetrack={handleChangeSidetrack}\n              onChangeNonEngineeredWells={handleChangeNonEngineeredWells}\n              onChangeFilters={handleChangeFilters}\n              onClearFilters={handleClearFilters}\n              onToggleMap={handleToggleMap}\n            />\n            <WellsMap\n              subjectWell={subjectWell}\n              wells={filteredWells}\n              offsetWells={offsetWells}\n              radius={radius}\n              mapHidden={mapHidden}\n              onSetSubjectWell={handleSetSubjectWell}\n              onRemoveSubjectWell={handleRemoveSubjectWell}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n            />\n\n            <WellsTable\n              subjectWell={subjectWell}\n              wells={sortedFilteredWells}\n              offsetWells={offsetWells}\n              metricsKeys={metricsKeys}\n              sortInfo={sortInfo}\n              isMetricsLoading={isMetricsLoading}\n              unusableWellAlarm={unusableWellAlarm}\n              onChangeMetricsKeys={handleChangeMetricsKeys}\n              onSorting={handleSorting}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n              onAddAllOffsetWells={handleAddAllOffsetWells}\n              onDeleteAllOffsetWells={handleDeleteAllOffsetWells}\n            />\n          </>\n        ) : (\n          <LoadingIndicator fullscreen={false} />\n        )}\n      </DialogContent>\n      <div className={classes.bottomShadow} />\n      <DialogActions\n        className={classnames(classes.dialogActions, {\n          [classes.dialogActionsSmallScreen]: isFullScreen,\n        })}\n      >\n        {isAdvancedSearch ? (\n          <div className={classes.selectedWells}>\n            <Typography className={classes.selected}>Selected:</Typography>\n            <Typography className={classes.selectedLabel}>Best:</Typography>\n            <Typography className={classes.selectedNumber}>{bestCount}</Typography>\n            <Typography className={classes.selectedLabel}>Advanced Search:</Typography>\n            <Typography className={classes.selectedNumber}>{offsetWells?.length || 0}</Typography>\n          </div>\n        ) : (\n          <div />\n        )}\n        <div>\n          <Button\n            data-testid={`${PAGE_NAME}_cancel`}\n            onClick={handleClose}\n            color=\"primary\"\n            style={{ marginRight: 16 }}\n          >\n            CANCEL\n          </Button>\n          <Button\n            data-testid={`${PAGE_NAME}_add`}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={handleSave}\n          >\n            ADD ({offsetWells?.length || 0})\n          </Button>\n        </div>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOffsetsPickerDialog.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  defaultSubjectWellId: PropTypes.number,\n  companyId: PropTypes.number,\n  offsetSetting: PropTypes.shape({}).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  addWellsUsabilityInfo: PropTypes.func,\n  unusableWellAlarm: PropTypes.string,\n  isAdvancedSearch: PropTypes.bool,\n  bestCount: PropTypes.number,\n  maxOffsetSize: PropTypes.number,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nOffsetsPickerDialog.defaultProps = {\n  defaultSubjectWellId: null,\n  companyId: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  isAdvancedSearch: false,\n  bestCount: 0,\n  maxOffsetSize: 1000, // infinite\n};\n\nexport default memo(OffsetsPickerDialog);\n"],"names":["useStyles","makeStyles","theme","dialogTitles","display","justifyContent","alignItems","title","fontSize","subTitle","color","cursor","textDecoration","subTitleSpace","titleArea","closeIconButton","padding","closeIcon","dialogActions","paddingTop","paddingBottom","bottomShadow","width","height","backgroundImage","concat","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","_ref","isOpen","defaultSubjectWellId","companyId","offsetSetting","currentUser","addWellsUsabilityInfo","unusableWellAlarm","isAdvancedSearch","bestCount","maxOffsetSize","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","_usePermissions","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","_slicedToArray","active","_useState","useState","get","_useState2","assetCompanyId","setAssetCompanyId","_useState4","_useState3","subjectWellId","setSubjectWellId","useGlobalOffsetWellsSync","_useState5","DEFAULT_SETTINGS","filters","_useState6","setFilters","_useState7","radius","_useState8","setRadius","_useState10","_useState9","excludeSideTrack","setExcludeSideTrack","_useState12","_useState11","includeNonEngineeredWells","setIncludeNonEngineeredWells","_useState14","_useState13","metricsKeys","setMetricsKeys","_useState15","sortInfo","_useState16","setSortInfo","_useState18","_useState17","mapHidden","setMapHidden","_useState20","_useState19","selectedWellIds","setSelectedWellIds","useEffect","isRadiusEditable","useMemo","companies","useCompanies","wells","useWells","companyMetricKey","useCompanyMetricKey","prev","filtersOptions","useBidirectionalFiltering","initialFilteredWells","getFilteredWells","filteredWells","getFilteredWellsByNonEngineered","subjectWell","find","well","id","filteredWellsWithCoords","useWellsWithCoords","engineeredWells","filteredWellsByNonEngineered","isExistNonEngineeredWells","length","useRadiusWells","offsetWells","useOffsetWells","_useMetricsData","useMetricsData","_useMetricsData2","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeNonEngineeredWells","item","includes","handleChangeFilters","newValues","_objectSpread","_defineProperty","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","isLoading","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","maxWidth","fullWidth","fullScreen","open","children","_jsx","DialogTitle","className","Typography","onClick","Tooltip","IconButton","CloseIcon","DialogContent","LoadingIndicator","fullscreen","_Fragment","Filter","onChangeCompany","onSetSubjectWell","onChangeRadius","onChangeSidetrack","onChangeNonEngineeredWells","onChangeFilters","onClearFilters","onToggleMap","WellsMap","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","WellsTable","onChangeMetricsKeys","onSorting","onAddAllOffsetWells","onDeleteAllOffsetWells","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":"2iHAuCA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,aAAc,CACZC,QAAS,OACTC,eAAgB,gBAChBC,WAAY,UAEdC,MAAO,CACLC,SAAU,IAEZC,SAAU,CACRD,SAAU,GACVE,MAAO,UACP,UAAW,CACTC,OAAQ,UACRC,eAAgB,cAGpBC,cAAe,CACbL,SAAU,GACVE,MAAO,WAETI,UAAW,CACTV,QAAS,OACTE,WAAY,UAEdS,gBAAiB,CACfP,SAAU,GACVQ,QAAS,EACT,qBAAsB,CACpBN,MAAO,SAGXO,UAAW,CACTP,MAAO,WAETQ,cAAe,CACbb,eAAgB,gBAChBc,WAAY,EACZC,cAAe,GAEjBC,aAAc,CACZC,MAAO,OACPC,OAAQ,OACRC,gBAAe,mDAAAC,OAAqDvB,EAAMwB,QAAQC,WAAWC,GAAK,KAClGC,SAAU,WACVC,OAAQ,OACRC,OAAQ,GAEVC,yBAA0B,CACxBC,aAAc,SAEhBC,cAAe,CACb9B,QAAS,OACT+B,cAAe,UAEjBC,KAAM,CACJT,WAAY,WAEdU,cAAe,CACbjC,QAAS,OACTE,WAAY,UAEdgC,SAAU,CACR9B,SAAU,IAEZ+B,cAAe,CACb/B,SAAU,GACVgC,WAAY,GACZ9B,MAAO,6BAET+B,eAAgB,CACdjC,SAAU,GACVkC,OAAQ,EACRhC,MAAO,4BAEV,IAEKiC,EAAsB,SAatBC,GAAA,IAZJC,IAAAA,OACAC,IAAAA,qBACAC,IAAAA,UACAC,IAAAA,cACAC,IAAAA,YACAC,IAAAA,sBACAC,IAAAA,kBACAC,IAAAA,iBACAC,IAAAA,UACAC,KAAAA,cACAC,KAAAA,QACAC,KAAAA,OAEMC,GAAUzD,IACVE,GAAQwD,IACRC,GAAeC,EAAc1D,GAAM2D,YAAYC,KAAK,OAC1DC,GAAuCC,EAAe,CAACC,EAAYC,sBAAlDC,GAAuEC,EAAAL,GAAA,MAA/EM,OAETC,GAA4CC,EAC1CxB,GAAayB,EAAIxB,EAAe,eAAiBwB,EAAIvB,EAAa,eACnEwB,GAAAL,EAAAE,GAAA,GAFMI,GAAcD,GAAA,GAAEE,GAAiBF,GAAA,GAGEF,GAAAA,EACxCC,EAAIxB,EAAe,kBAAoBF,GACxC8B,GAAAR,EAAAS,GAAA,GAFMC,GAAaF,GAAA,GAAEG,GAAgBH,GAAA,GAItCI,EAAyBhC,EAAeQ,GAAQF,IAChD,IAAA2B,GAA8BV,EAASC,EAAIxB,EAAe,YAAckC,EAAiBC,SAAQC,GAAAhB,EAAAa,GAAA,GAA1FE,GAAOC,GAAA,GAAEC,GAAUD,GAAA,GAC1BE,GAA4Bf,EAASC,EAAIxB,EAAe,WAAakC,EAAiBK,QAAOC,GAAApB,EAAAkB,GAAA,GAAtFC,GAAMC,GAAA,GAAEC,GAASD,GAAA,GACwBjB,GAAAA,EAC9CC,EAAIxB,EAAe,sBAAuB,GAC3C0C,GAAAtB,EAAAuB,GAAA,GAFMC,GAAgBF,GAAA,GAAEG,GAAmBH,GAAA,GAGsBnB,GAAAA,EAChEC,EAAIxB,EAAe,+BAAgC,GACpD8C,GAAA1B,EAAA2B,GAAA,GAFMC,GAAyBF,GAAA,GAAEG,GAA4BH,GAAA,GAGxBvB,GAAAA,EAAS,IAAG2B,GAAA9B,EAAA+B,GAAA,GAA3CC,GAAWF,GAAA,GAAEG,GAAcH,GAAA,GAClCI,GAAgC/B,EAASW,EAAiBqB,UAASC,GAAApC,EAAAkC,GAAA,GAA5DC,GAAQC,GAAA,GAAEC,GAAWD,GAAA,GACMjC,GAAAA,GAAS,GAAMmC,GAAAtC,EAAAuC,GAAA,GAA1CC,GAASF,GAAA,GAAEG,GAAYH,GAAA,GACgBnC,GAAAA,EAAS,IAAGuC,GAAA1C,EAAA2C,GAAA,GAAnDC,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GAE1CI,GAAU,WACJrE,IACFoE,GAAmBzC,EAAIxB,EAAe,oBAAsB,IAC5D2B,GACE5B,GAAayB,EAAIxB,EAAe,eAAiBwB,EAAIvB,EAAa,eAEpE8B,GAAiBP,EAAIxB,EAAe,kBAAoBF,GAE5D,GAAG,CAACD,EAAQG,IAEZ,IAAMmE,GAAmBC,GAAQ,WAC/B,QAAStC,EACX,GAAG,CAACA,KAGEuC,GAAYC,EAChBnD,GACAf,GAAoBN,EACpB4B,IAII6C,GAAQC,EAAS9C,GAAgBxB,GAGjCuE,GAAmBC,EAAoBhD,IAE7CwC,GAAU,WACRb,IAAe,SAAAsB,GACb,OAAOF,GAAmB,CAACA,IAAoBE,CACjD,GACF,GAAG,CAACF,KAGJ,IAAMG,GAAiBC,EAA0B1C,GAASoC,IAGpDO,GAAuBV,GAC3B,WAAA,OAAMW,EAAiB5C,GAASS,GAAkB2B,GAAM,GACxD,CAACpC,GAASS,GAAkB2B,KAGxBS,GAAgBZ,GACpB,WAAA,OAAMa,EAAgCH,GAAsB9B,GAA0B,GACtF,CAAC8B,GAAsB9B,KAInBkC,GAAcd,GAAQ,WAC1B,OAAOY,IAAiBlD,GACpBkD,GAAcG,MAAK,SAAAC,GAAI,OAAIA,EAAKC,KAAOvD,EAAa,IACpD,IACN,GAAG,CAACkD,GAAelD,KAGbwD,GAA0BC,EAAmBT,GAAsBI,IAEnEM,GAAkBpB,GACtB,WAAA,OAAMa,EAAgCK,IAAyB,KAC/D,CAACA,KAEGG,GAA+BzC,GACjCsC,GACAE,GACEE,GACJJ,IAA2BA,GAAwBK,SAAWH,GAAgBG,OAGhFC,EAAerD,GAAQ+C,GAAyBrB,IAGhD,IAAM4B,GAAcC,EAAevD,GAAQgC,GAAOP,IAGlD+B,GAAoDC,EAClDtE,GACA+D,IACDQ,GAAA7E,EAAA2E,GAAA,GAHMG,GAAgBD,GAAA,GAAEE,GAAuBF,GAAA,GAM1CG,GAAsBhC,GAAQ,WAClC,OAAK+B,GAIEE,EACLF,GACA5C,GAAS+C,IACc,IAAvB/C,GAASgD,UAAkB,MAAQ,QAN5BJ,EAQX,GAAG,CAAC5C,GAAU4C,KAERK,GAAsBC,GAAY,SAAAC,GACtC/E,GAAkB+E,GAClB3E,GAAiB,MACjBkC,GAAmB,IACnB5B,GAAWH,EAAiBC,QAC7B,GAAE,IAEGwE,GAAsBF,GAC1B,SAAAG,GAEE,IAAMC,EAAc7B,GAAcG,MAAK,SAAAC,GAAI,OAAIA,EAAKC,KAAOuB,KACtDC,GAAgBA,EAAYC,WAIjC7C,GAAmB8C,EAAK/C,GAAgBvF,OAAOmI,IACjD,GACA,CAAC5C,GAAiBgB,KAGdgC,GAAyBP,GAC7B,SAAAG,GACE3C,GAAmB8C,EAAK/C,GAAgBiD,QAAO,SAAAC,GAAM,OAAIA,IAAWN,CAAQ,KAC9E,GACA,CAAC5C,KAGGmD,GAA0BV,GAAY,WAC1CxC,GAAmBe,GAAciC,QAAO,SAAA7B,GAAI,OAAIA,EAAK0B,SAAS,IAAEM,KAAI,SAAAhC,GAAI,OAAIA,EAAKC,EAAE,IACrF,GAAG,CAACL,KAEEqC,GAA6BZ,GAAY,WAC7CxC,GAAmB,GACpB,GAAE,IAEGqD,GAAuBb,GAC3B,SAAAG,GACE3C,GAAmB,IACnBlC,GAAiB6E,EACnB,GACA,CAACrC,KAGGgD,GAA0Bd,GAAY,WAC1CxC,GAAmB,IACnBlC,GAAiB,KAClB,GAAE,IAEGyF,GAAqBf,GAAY,SAAAgB,GACrChF,GAAUgF,EACX,GAAE,IAEGC,GAAwBjB,GAAY,SAAAkB,GACxC9E,GAAoB8E,EACrB,GAAE,IAEGC,GAAiCnB,GACrC,SAAAkB,GACOA,GACH1D,IAAmB,SAAAU,GAAI,OACrBA,EAAKsC,QAAO,SAAAY,GAAI,OAAIrC,GAAgB4B,KAAI,SAAAhC,GAAI,OAAIA,EAAKC,EAAE,IAAEyC,SAASD,SAEtE5E,GAA6B0E,EAC/B,GACA,CAACnC,KAGGuC,GAAsBtB,GAAY,SAACH,EAAK0B,GAC5C3F,IAAW,SAAAsC,GAAI,OAAAsD,EAAAA,EAAA,CAAA,EAAUtD,GAAI,GAAAuD,EAAA,CAAA,EAAG5B,EAAM0B,GAAS,IAC/C/D,GAAmB,GACpB,GAAE,IAEGkE,GAAqB1B,GAAY,WACrCpE,GAAgBH,EAAAA,CAAAA,EAAAA,EAAiBC,UACjC8B,GAAmB,GACpB,GAAE,IAEGmE,GAAkB3B,GAAY,WAClC5C,IAAa,SAAAwE,GAAK,OAAKA,IACxB,GAAE,IAEGC,GAA0B7B,GAAY,SAAA8B,GAC1ClF,GAAekF,EAChB,GAAE,IAGGC,GAAgB/B,GAAY,SAAAgC,GAChChF,IAAY,SAAAiF,GACV,OAAOA,EAASpC,MAAQmC,SAEfC,GAAQ,GAAA,CACXnC,WAAiC,EAAtBmC,EAASnC,YAEtB,CACED,IAAKmC,EACLlC,UAAW,EAEnB,GACD,GAAE,IAEGoC,GAAc,WAClBpI,MAkBIqI,KACHrE,IACAS,IACAS,IACAU,IACAN,IACAO,IAEH,OACEyC,EAACC,EAAM,CACLC,gBAAiBxI,GACjByI,gBAAiBzI,GACjB0I,SAAS,KACTC,WAAS,EACTC,WAAYxI,GACZyI,KAAMvJ,EAAOwJ,SAAA,CAEbC,EAACC,EAAW,CAAAF,SACVR,EAAA,MAAA,CAAKW,UAAW/I,GAAQtD,aAAakM,SAAA,CACjCjJ,EAGAyI,EAAA,MAAA,CAAKW,UAAW/I,GAAQ3C,UAAUuL,SAAA,CAChCC,EAACG,EAAU,CAACD,UAAW/I,GAAQhD,SAAUiM,QAASf,GAAYU,SAAA,wBAG9DC,EAACG,EAAU,CAACD,UAAW/I,GAAQ5C,cAAcwL,SAAA,QAC7CC,EAACG,EAAU,CAACD,UAAW/I,GAAQlD,MAAM8L,SAAA,uBAPvCC,EAACG,EAAU,CAACD,UAAW/I,GAAQlD,MAAM8L,SAAA,wBAUvCC,EAACK,EAAO,CAACpM,MAAM,QAAO8L,SACpBC,EAACM,EAAU,CACT,mCAA+B,EAC/B,aAAW,QACXJ,UAAW/I,GAAQ1C,gBACnB2L,QAASnJ,GAAQ8I,SAEjBC,EAACO,EAAS,CAACL,UAAW/I,GAAQxC,qBAKtCqL,EAACQ,EAAa,CAACN,UAAW/I,GAAQvB,cAAcmK,SAC5CT,GAsDAU,EAACS,EAAgB,CAACC,YAAY,IArD9BnB,EAAAoB,EAAA,CAAAZ,SAAA,CACEC,EAACY,EAAM,CACLnK,UAAW2B,GACX2C,UAAWA,GACXlD,iBAAkBA,GAClBoB,OAAQA,GACRK,iBAAkBA,GAClBI,0BAA2BA,GAC3BuB,MAAOS,GACPE,YAAaA,GACb/C,QAASA,GACTyC,eAAgBA,GAChBhB,UAAWA,GACXO,iBAAkBA,GAClBuB,0BAA2BA,GAC3ByE,gBAAiB3D,GACjB4D,iBAAkB9C,GAClB+C,eAAgB7C,GAChB8C,kBAAmB5C,GACnB6C,2BAA4B3C,GAC5B4C,gBAAiBzC,GACjB0C,eAAgBtC,GAChBuC,YAAatC,KAEfkB,EAACqB,EAAQ,CACPzF,YAAaA,GACbX,MAAOS,GACPa,YAAaA,GACbtD,OAAQA,GACRqB,UAAWA,GACXwG,iBAAkB9C,GAClBsD,oBAAqBrD,GACrBsD,gBAAiBlE,GACjBmE,mBAAoB9D,KAGtBsC,EAACyB,EAAU,CACT7F,YAAaA,GACbX,MAAO6B,GACPP,YAAaA,GACbzC,YAAaA,GACbG,SAAUA,GACV2C,iBAAkBA,GAClB/F,kBAAmBA,EACnB6K,oBAAqB1C,GACrB2C,UAAWzC,GACXqC,gBAAiBlE,GACjBmE,mBAAoB9D,GACpBkE,oBAAqB/D,GACrBgE,uBAAwB9D,UAOhCiC,EAAA,MAAA,CAAKE,UAAW/I,GAAQpC,eACxBwK,EAACuC,EAAa,CACZ5B,UAAW6B,EAAW5K,GAAQvC,cAC3BuC,EAAAA,CAAAA,EAAAA,GAAQzB,yBAA2B2B,KACnC0I,SAAA,CAEFjJ,EACCyI,EAAA,MAAA,CAAKW,UAAW/I,GAAQpB,cAAcgK,SAAA,CACpCC,EAACG,EAAU,CAACD,UAAW/I,GAAQnB,SAAS+J,SAAA,cACxCC,EAACG,EAAU,CAACD,UAAW/I,GAAQlB,cAAc8J,SAAA,UAC7CC,EAACG,EAAU,CAACD,UAAW/I,GAAQhB,eAAe4J,SAAEhJ,IAChDiJ,EAACG,EAAU,CAACD,UAAW/I,GAAQlB,cAAc8J,SAAA,qBAC7CC,EAACG,EAAU,CAACD,UAAW/I,GAAQhB,eAAe4J,UAAExD,gBAAAA,GAAaF,SAAU,OAGzE2D,YAEFT,EAAA,MAAA,CAAAQ,SAAA,CACEC,EAACgC,EAAM,CACL,cAAA,GAAA7M,OAjcM,sBAic6B,WACnCiL,QAASf,GACTjL,MAAM,UACN6N,MAAO,CAAEC,YAAa,IAAKnC,SAAA,WAI7BR,EAACyC,EAAM,CACL,cAAA,GAAA7M,OAzcM,sBAyc0B,QAChCgN,QAAQ,YACR/N,MAAM,UACNgM,QAjJS,WACjB,IAAMgC,SACD1L,GAAa,GAAA,CAChBD,UAAW2B,GACXI,cAAAA,GACAS,OAAAA,GACAK,iBAAAA,GACAI,0BAAAA,GACAb,QAAAA,GACA6B,gBAAiB+C,EAAKlB,GAAYuB,KAAI,SAAAuE,GAAU,OAAIA,EAAWtG,SAGjE7E,GAAOkL,EAAS7F,KAqIYwD,SAEd,CAAA,SAAAxD,gBAAAA,GAAaF,SAAU,EAAC,eAM1C,EAEAhG,EAAoBiM,UAAY,CAC9B/L,OAAQgM,EAAUC,KAAKC,WACvBjM,qBAAsB+L,EAAUG,OAChCjM,UAAW8L,EAAUG,OACrBhM,cAAe6L,EAAUI,MAAM,CAAA,GAAIF,WACnC9L,YAAa4L,EAAUI,MAAM,CAAA,GAAIF,WACjC7L,sBAAuB2L,EAAUK,KACjC/L,kBAAmB0L,EAAUM,OAC7B/L,iBAAkByL,EAAUC,KAC5BzL,UAAWwL,EAAUG,OACrB1L,cAAeuL,EAAUG,OACzBxL,OAAQqL,EAAUK,KAAKH,WACvBxL,QAASsL,EAAUK,KAAKH,YAG1BpM,EAAoByM,aAAe,CACjCtM,qBAAsB,KACtBC,UAAW,KACXG,sBAAuB,KACvBC,kBAAmB,gBACnBC,kBAAkB,EAClBC,UAAW,EACXC,cAAe,KAGjB,IAAe+L,EAAAA,EAAK1M"}
+{"version":3,"file":"OffsetWellPickerDialog.js","sources":["../../../src/components/OffsetWellPickerV2/OffsetWellPickerDialog.js"],"sourcesContent":["import { memo, useState, useCallback, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniq, orderBy, get } from 'lodash';\nimport {\n  Button,\n  IconButton,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport classnames from 'classnames';\n\nimport Filter from './components/Filter';\nimport WellsMap from './components/Map';\nimport WellsTable from './components/Table';\nimport {\n  useCompanies,\n  useCompanyMetricKey,\n  useWells,\n  useWellsWithCoords,\n  useOffsetWells,\n  useBidirectionalFiltering,\n  useMetricsData,\n  useRadiusWells,\n} from './effects';\nimport { getFilteredWells, getFilteredWellsByNonEngineered } from './utils';\nimport { DEFAULT_SETTINGS } from './constants';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport { usePermissions, PERMISSIONS } from '~/permissions';\nimport { useGlobalOffsetWellsSync } from '~/effects';\n\nconst PAGE_NAME = 'OffsetsPickerDialog';\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitles: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: 20,\n  },\n  subTitle: {\n    fontSize: 14,\n    color: '#03BCD4',\n    '&:hover': {\n      cursor: 'pointer',\n      textDecoration: 'underline',\n    },\n  },\n  subTitleSpace: {\n    fontSize: 14,\n    color: '#03BCD4',\n  },\n  titleArea: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  closeIconButton: {\n    fontSize: 20,\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: '#BDBDBD',\n  },\n  dialogActions: {\n    justifyContent: 'space-between',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  tabs: {\n    background: '#414141',\n  },\n  selectedWells: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  selected: {\n    fontSize: 16,\n  },\n  selectedLabel: {\n    fontSize: 12,\n    marginLeft: 14,\n    color: 'rgba(255, 255, 255, 0.54)',\n  },\n  selectedNumber: {\n    fontSize: 12,\n    margin: 4,\n    color: 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\nconst OffsetsPickerDialog = ({\n  isOpen,\n  defaultSubjectWellId,\n  companyId,\n  offsetSetting,\n  currentUser,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n  isAdvancedSearch,\n  bestCount,\n  maxOffsetSize,\n  onClose,\n  onSave,\n}) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n  const [{ active: canViewCompanies }] = usePermissions([PERMISSIONS.companySelectorView]);\n\n  const [assetCompanyId, setAssetCompanyId] = useState(\n    companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n  );\n  const [subjectWellId, setSubjectWellId] = useState(\n    get(offsetSetting, 'subjectWellId') || defaultSubjectWellId\n  );\n\n  useGlobalOffsetWellsSync(offsetSetting, onSave, maxOffsetSize, subjectWellId);\n  const [filters, setFilters] = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters);\n  const [radius, setRadius] = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius);\n  const [excludeSideTrack, setExcludeSideTrack] = useState(\n    get(offsetSetting, 'excludeSideTrack') || false\n  );\n  const [includeNonEngineeredWells, setIncludeNonEngineeredWells] = useState(\n    get(offsetSetting, 'includeNonEngineeredWells') || false\n  );\n  const [metricsKeys, setMetricsKeys] = useState([]);\n  const [sortInfo, setSortInfo] = useState(DEFAULT_SETTINGS.sortInfo);\n  const [mapHidden, setMapHidden] = useState(false);\n  const [selectedWellIds, setSelectedWellIds] = useState([]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);\n      setAssetCompanyId(\n        companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n      );\n      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);\n    }\n  }, [isOpen, offsetSetting]);\n\n  const isRadiusEditable = useMemo(() => {\n    return !!subjectWellId;\n  }, [subjectWellId]);\n\n  // NOTE: Fetch all companies\n  const companies = useCompanies(\n    canViewCompanies,\n    isAdvancedSearch && defaultSubjectWellId,\n    assetCompanyId\n  );\n\n  // NOTE: fetch all wells for the currently selected company\n  const wells = useWells(assetCompanyId, addWellsUsabilityInfo);\n\n  // Note: fetch company metric key\n  const companyMetricKey = useCompanyMetricKey(assetCompanyId);\n\n  useEffect(() => {\n    setMetricsKeys(prev => {\n      return companyMetricKey ? [companyMetricKey] : prev;\n    });\n  }, [companyMetricKey]);\n\n  // NOTE: Get available options for every filters\n  const filtersOptions = useBidirectionalFiltering(filters, wells);\n\n  // NOTE: Filter wells by target formation, string design, program, basin, county, area\n  const initialFilteredWells = useMemo(\n    () => getFilteredWells(filters, excludeSideTrack, wells),\n    [filters, excludeSideTrack, wells]\n  );\n\n  const filteredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(initialFilteredWells, includeNonEngineeredWells),\n    [initialFilteredWells, includeNonEngineeredWells]\n  );\n\n  // NOTE: get subject well from id\n  const subjectWell = useMemo(() => {\n    return filteredWells && subjectWellId\n      ? filteredWells.find(well => well.id === subjectWellId)\n      : null;\n  }, [filteredWells, subjectWellId]);\n\n  // NOTE: All matched wells regardless of is_usable field\n  const filteredWellsWithCoords = useWellsWithCoords(initialFilteredWells, subjectWell);\n\n  const engineeredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(filteredWellsWithCoords, false),\n    [filteredWellsWithCoords]\n  );\n  const filteredWellsByNonEngineered = includeNonEngineeredWells\n    ? filteredWellsWithCoords\n    : engineeredWells;\n  const isExistNonEngineeredWells =\n    filteredWellsWithCoords && filteredWellsWithCoords.length !== engineeredWells.length;\n\n  // NOTE: Update selectedWellIds by radius\n  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds);\n\n  // NOTE: Get offset wells (only usable wells)\n  const offsetWells = useOffsetWells(radius, wells, selectedWellIds);\n\n  // NOTE: Fetch metrics for all filtered wells\n  const [isMetricsLoading, filteredWellsWithMetric] = useMetricsData(\n    assetCompanyId,\n    filteredWellsByNonEngineered\n  );\n\n  // NOTE: Sort wells by focused metric\n  const sortedFilteredWells = useMemo(() => {\n    if (!filteredWellsWithMetric) {\n      return filteredWellsWithMetric;\n    }\n\n    return orderBy(\n      filteredWellsWithMetric,\n      sortInfo.key,\n      sortInfo.direction === 1 ? 'asc' : 'desc'\n    );\n  }, [sortInfo, filteredWellsWithMetric]);\n\n  const handleChangeCompany = useCallback(newCompanyId => {\n    setAssetCompanyId(newCompanyId);\n    setSubjectWellId(null);\n    setSelectedWellIds([]);\n    setFilters(DEFAULT_SETTINGS.filters);\n  }, []);\n\n  const handleAddOffsetWell = useCallback(\n    targetId => {\n      // Do not allow to add unusuable wells\n      const currentWell = filteredWells.find(well => well.id === targetId);\n      if (!currentWell || !currentWell.is_usable) {\n        return;\n      }\n\n      setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));\n    },\n    [selectedWellIds, filteredWells]\n  );\n\n  const handleDeleteOffsetWell = useCallback(\n    targetId => {\n      setSelectedWellIds(uniq(selectedWellIds.filter(wellId => wellId !== targetId)));\n    },\n    [selectedWellIds]\n  );\n\n  const handleAddAllOffsetWells = useCallback(() => {\n    setSelectedWellIds(filteredWells.filter(well => well.is_usable).map(well => well.id));\n  }, [filteredWells]);\n\n  const handleDeleteAllOffsetWells = useCallback(() => {\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleSetSubjectWell = useCallback(\n    targetId => {\n      setSelectedWellIds([]);\n      setSubjectWellId(targetId);\n    },\n    [wells]\n  );\n\n  const handleRemoveSubjectWell = useCallback(() => {\n    setSelectedWellIds([]);\n    setSubjectWellId(null);\n  }, []);\n\n  const handleChangeRadius = useCallback(newRadius => {\n    setRadius(newRadius);\n  }, []);\n\n  const handleChangeSidetrack = useCallback(checked => {\n    setExcludeSideTrack(checked);\n  }, []);\n\n  const handleChangeNonEngineeredWells = useCallback(\n    checked => {\n      if (!checked)\n        setSelectedWellIds(prev =>\n          prev.filter(item => engineeredWells.map(well => well.id).includes(item))\n        );\n      setIncludeNonEngineeredWells(checked);\n    },\n    [engineeredWells]\n  );\n\n  const handleChangeFilters = useCallback((key, newValues) => {\n    setFilters(prev => ({ ...prev, [key]: newValues }));\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleClearFilters = useCallback(() => {\n    setFilters({ ...DEFAULT_SETTINGS.filters });\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleToggleMap = useCallback(() => {\n    setMapHidden(value => !value);\n  }, []);\n\n  const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n    setMetricsKeys(newMetricsKeys);\n  }, []);\n\n  // NOTE: Use column index to determine which metric is used for sorting\n  const handleSorting = useCallback(newKey => {\n    setSortInfo(prevInfo => {\n      return prevInfo.key === newKey\n        ? {\n            ...prevInfo,\n            direction: prevInfo.direction * -1,\n          }\n        : {\n            key: newKey,\n            direction: 1,\n          };\n    });\n  }, []);\n\n  const handleClose = () => {\n    onClose();\n  };\n\n  const handleSave = () => {\n    const setting = {\n      ...offsetSetting,\n      companyId: assetCompanyId,\n      subjectWellId,\n      radius,\n      excludeSideTrack,\n      includeNonEngineeredWells,\n      filters,\n      selectedWellIds: uniq(offsetWells.map(offsetWell => offsetWell.id)),\n    };\n\n    onSave(setting, offsetWells);\n  };\n\n  const isLoading =\n    !wells ||\n    !filteredWells ||\n    !filteredWellsByNonEngineered ||\n    !filteredWellsWithMetric ||\n    !offsetWells ||\n    !sortedFilteredWells;\n\n  return (\n    <Dialog\n      onBackdropClick={onClose}\n      onEscapeKeyDown={onClose}\n      maxWidth=\"lg\"\n      fullWidth\n      fullScreen={isFullScreen}\n      open={isOpen}\n    >\n      <DialogTitle>\n        <div className={classes.dialogTitles}>\n          {!isAdvancedSearch ? (\n            <Typography className={classes.title}>Select Offset Wells</Typography>\n          ) : (\n            <div className={classes.titleArea}>\n              <Typography className={classes.subTitle} onClick={handleClose}>\n                Select Offset Wells\n              </Typography>\n              <Typography className={classes.subTitleSpace}>&nbsp;/&nbsp;</Typography>\n              <Typography className={classes.title}>Advanced Search</Typography>\n            </div>\n          )}\n          <Tooltip title=\"Close\">\n            <IconButton\n              data-not-migrated-muiiconbutton\n              aria-label=\"close\"\n              className={classes.closeIconButton}\n              onClick={onClose}\n            >\n              <CloseIcon className={classes.closeIcon} />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </DialogTitle>\n      <DialogContent className={classes.dialogContent}>\n        {!isLoading ? (\n          <>\n            <Filter\n              companyId={assetCompanyId}\n              companies={companies}\n              canViewCompanies={canViewCompanies}\n              radius={radius}\n              excludeSideTrack={excludeSideTrack}\n              includeNonEngineeredWells={includeNonEngineeredWells}\n              wells={filteredWells}\n              subjectWell={subjectWell}\n              filters={filters}\n              filtersOptions={filtersOptions}\n              mapHidden={mapHidden}\n              isRadiusEditable={isRadiusEditable}\n              isExistNonEngineeredWells={isExistNonEngineeredWells}\n              onChangeCompany={handleChangeCompany}\n              onSetSubjectWell={handleSetSubjectWell}\n              onChangeRadius={handleChangeRadius}\n              onChangeSidetrack={handleChangeSidetrack}\n              onChangeNonEngineeredWells={handleChangeNonEngineeredWells}\n              onChangeFilters={handleChangeFilters}\n              onClearFilters={handleClearFilters}\n              onToggleMap={handleToggleMap}\n            />\n            <WellsMap\n              subjectWell={subjectWell}\n              wells={filteredWells}\n              offsetWells={offsetWells}\n              radius={radius}\n              mapHidden={mapHidden}\n              onSetSubjectWell={handleSetSubjectWell}\n              onRemoveSubjectWell={handleRemoveSubjectWell}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n            />\n\n            <WellsTable\n              subjectWell={subjectWell}\n              wells={sortedFilteredWells}\n              offsetWells={offsetWells}\n              metricsKeys={metricsKeys}\n              sortInfo={sortInfo}\n              isMetricsLoading={isMetricsLoading}\n              unusableWellAlarm={unusableWellAlarm}\n              onChangeMetricsKeys={handleChangeMetricsKeys}\n              onSorting={handleSorting}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n              onAddAllOffsetWells={handleAddAllOffsetWells}\n              onDeleteAllOffsetWells={handleDeleteAllOffsetWells}\n            />\n          </>\n        ) : (\n          <LoadingIndicator fullscreen={false} />\n        )}\n      </DialogContent>\n      <div className={classes.bottomShadow} />\n      <DialogActions\n        className={classnames(classes.dialogActions, {\n          [classes.dialogActionsSmallScreen]: isFullScreen,\n        })}\n      >\n        {isAdvancedSearch ? (\n          <div className={classes.selectedWells}>\n            <Typography className={classes.selected}>Selected:</Typography>\n            <Typography className={classes.selectedLabel}>Best:</Typography>\n            <Typography className={classes.selectedNumber}>{bestCount}</Typography>\n            <Typography className={classes.selectedLabel}>Advanced Search:</Typography>\n            <Typography className={classes.selectedNumber}>{offsetWells?.length || 0}</Typography>\n          </div>\n        ) : (\n          <div />\n        )}\n        <div>\n          <Button\n            data-testid={`${PAGE_NAME}_cancel`}\n            onClick={handleClose}\n            color=\"primary\"\n            style={{ marginRight: 16 }}\n          >\n            CANCEL\n          </Button>\n          <Button\n            data-testid={`${PAGE_NAME}_add`}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={handleSave}\n          >\n            ADD ({offsetWells?.length || 0})\n          </Button>\n        </div>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOffsetsPickerDialog.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  defaultSubjectWellId: PropTypes.number,\n  companyId: PropTypes.number,\n  offsetSetting: PropTypes.shape({}).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  addWellsUsabilityInfo: PropTypes.func,\n  unusableWellAlarm: PropTypes.string,\n  isAdvancedSearch: PropTypes.bool,\n  bestCount: PropTypes.number,\n  maxOffsetSize: PropTypes.number,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nOffsetsPickerDialog.defaultProps = {\n  defaultSubjectWellId: null,\n  companyId: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  isAdvancedSearch: false,\n  bestCount: 0,\n  maxOffsetSize: 1000, // infinite\n};\n\nexport default memo(OffsetsPickerDialog);\n"],"names":["useStyles","makeStyles","theme","dialogTitles","display","justifyContent","alignItems","title","fontSize","subTitle","color","cursor","textDecoration","subTitleSpace","titleArea","closeIconButton","padding","closeIcon","dialogActions","paddingTop","paddingBottom","bottomShadow","width","height","backgroundImage","concat","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","_ref","isOpen","defaultSubjectWellId","companyId","offsetSetting","currentUser","addWellsUsabilityInfo","unusableWellAlarm","isAdvancedSearch","bestCount","maxOffsetSize","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","_usePermissions","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","_slicedToArray","active","_useState","useState","get","_useState2","assetCompanyId","setAssetCompanyId","_useState4","_useState3","subjectWellId","setSubjectWellId","useGlobalOffsetWellsSync","_useState5","DEFAULT_SETTINGS","filters","_useState6","setFilters","_useState7","radius","_useState8","setRadius","_useState10","_useState9","excludeSideTrack","setExcludeSideTrack","_useState12","_useState11","includeNonEngineeredWells","setIncludeNonEngineeredWells","_useState14","_useState13","metricsKeys","setMetricsKeys","_useState15","sortInfo","_useState16","setSortInfo","_useState18","_useState17","mapHidden","setMapHidden","_useState20","_useState19","selectedWellIds","setSelectedWellIds","useEffect","isRadiusEditable","useMemo","companies","useCompanies","wells","useWells","companyMetricKey","useCompanyMetricKey","prev","filtersOptions","useBidirectionalFiltering","initialFilteredWells","getFilteredWells","filteredWells","getFilteredWellsByNonEngineered","subjectWell","find","well","id","filteredWellsWithCoords","useWellsWithCoords","engineeredWells","filteredWellsByNonEngineered","isExistNonEngineeredWells","length","useRadiusWells","offsetWells","useOffsetWells","_useMetricsData","useMetricsData","_useMetricsData2","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeNonEngineeredWells","item","includes","handleChangeFilters","newValues","_objectSpread","_defineProperty","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","isLoading","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","maxWidth","fullWidth","fullScreen","open","children","_jsx","DialogTitle","className","Typography","onClick","Tooltip","IconButton","CloseIcon","DialogContent","LoadingIndicator","fullscreen","_Fragment","Filter","onChangeCompany","onSetSubjectWell","onChangeRadius","onChangeSidetrack","onChangeNonEngineeredWells","onChangeFilters","onClearFilters","onToggleMap","WellsMap","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","WellsTable","onChangeMetricsKeys","onSorting","onAddAllOffsetWells","onDeleteAllOffsetWells","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Filter/NonEngineeredWellsSwitch.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     'data-testid': PropTypes.Requireable<string>;
 }>> & {
     'data-testid'?: string | null | undefined;
-} & {}, "value" | "data-testid" | "onChange"> & import("@material-ui/styles").StyledComponentProps<"tooltipContent" | "formControl" | "infoIcon" | "nonEngineeredWrapper" | "infoTooltip">>;
+} & {}, "value" | "data-testid" | "onChange"> & import("@material-ui/styles").StyledComponentProps<"tooltipContent" | "formControl" | "infoIcon" | "infoTooltip" | "nonEngineeredWrapper">>;
 export default _default;
 import PropTypes from 'prop-types';
 //# sourceMappingURL=NonEngineeredWellsSwitch.d.ts.map