@corva/ui 3.73.0-7 → 3.74.0-0

package/cjs-bundle/components/KeyboardDateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardDateTimePicker.js","sources":["../../../src/components/KeyboardDateTimePicker.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { KeyboardDateTimePicker as MuiKeyboardDateTimePicker } from '@material-ui/pickers';\n\nconst DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';\nconst SUPPORTED_FORMATS = [\n  'MM/DD/YYYY HH:mm',\n  'M/D/YYYY HH:mm',\n  'MM/DD/YYYY, HH:mm',\n  'M/D/YYYY, HH:mm',\n  'MMM DD, YYYY HH:mm',\n  'MMM D, YYYY HH:mm',\n  'MM/DD/YY HH:mm',\n  'M/D/YY HH:mm',\n];\nconst REFUSE_REGEXP = new RegExp('[^\\\\.\\\\ \\\\,\\\\[a-zA-Z0-9_]*$]+', 'gi');\n\nconst KeyboardDateTimePicker = props => {\n  const { format, onChange, label, 'data-testid': PAGE_NAME } = props;\n\n  const [dynamicFormat, setDynamicFormat] = useState(format);\n  const [inputValue, setInputValue] = useState(null);\n\n  const dateFormatter = str => {\n    return str;\n  };\n\n  const handleDateChange = (date, newInputValue) => {\n    const momentObj = moment(newInputValue, [...SUPPORTED_FORMATS, format], true);\n    const isValidDate = momentObj.isValid();\n\n    setDynamicFormat(prev => (isValidDate ? momentObj.creationData().format : prev));\n    setInputValue(newInputValue);\n    onChange(isValidDate ? momentObj : date, newInputValue);\n  };\n\n  return (\n    <MuiKeyboardDateTimePicker\n      rifmFormatter={dateFormatter}\n      refuse={REFUSE_REGEXP}\n      inputValue={inputValue}\n      {...props}\n      data-testid={`${PAGE_NAME}_${label}`}\n      format={dynamicFormat}\n      onChange={handleDateChange}\n    />\n  );\n};\n\nKeyboardDateTimePicker.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  format: PropTypes.string,\n  label: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nKeyboardDateTimePicker.defaultProps = {\n  format: DEFAULT_DATE_TIME_FORMAT,\n  label: 'Date',\n  'data-testid': 'KeyboardDateTimePicker',\n};\n\nexport default KeyboardDateTimePicker;\n"],"names":["SUPPORTED_FORMATS","REFUSE_REGEXP","RegExp","KeyboardDateTimePicker","props","format","onChange","label","PAGE_NAME","useState","_useState2","_slicedToArray","_useState","dynamicFormat","setDynamicFormat","_useState4","_useState3","inputValue","setInputValue","_jsx","MuiKeyboardDateTimePicker","_objectSpread","rifmFormatter","str","refuse","date","newInputValue","momentObj","moment","isValidDate","isValid","prev","creationData","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":"q6BAKA,IACMA,EAAoB,CACxB,mBACA,iBACA,oBACA,kBACA,qBACA,oBACA,iBACA,gBAEIC,EAAgB,IAAIC,OAAO,gCAAiC,MAE5DC,EAAyB,SAAAC,GAC7B,IAAQC,EAAsDD,EAAtDC,OAAQC,EAA8CF,EAA9CE,SAAUC,EAAoCH,EAApCG,MAAsBC,EAAcJ,EAA7B,eAESK,EAAAA,EAAQA,SAACJ,GAAOK,EAAAC,EAAAA,QAAAC,EAAA,GAAnDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GACFD,EAAAA,EAAQA,SAAC,MAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAehC,OACEI,MAACC,EAAAA,uBAAyBC,EAAAA,EAAA,CACxBC,cAfkB,SAAAC,GACpB,OAAOA,GAeLC,OAAQvB,EACRgB,WAAYA,GACRb,GAAK,GAAA,CACT,cAAgBI,GAAAA,OAAAA,EAAaD,KAAAA,OAAAA,GAC7BF,OAAQQ,EACRP,SAjBqB,SAACmB,EAAMC,GAC9B,IAAMC,EAAYC,EAAAA,QAAOF,EAAmB1B,GAAAA,OAAAA,EAAmBK,CAAAA,KAAS,GAClEwB,EAAcF,EAAUG,UAE9BhB,GAAiB,SAAAiB,GAAI,OAAKF,EAAcF,EAAUK,eAAe3B,OAAS0B,CAAI,IAC9Eb,EAAcQ,GACdpB,EAASuB,EAAcF,EAAYF,EAAMC,MAc7C,EAEAvB,EAAuB8B,UAAY,CACjC3B,SAAU4B,EAAAA,QAAUC,KAAKC,WACzB/B,OAAQ6B,EAAS,QAACG,OAClB9B,MAAO2B,EAAS,QAACG,OACjB,cAAeH,EAAS,QAACG,QAG3BlC,EAAuBmC,aAAe,CACpCjC,OArD+B,mBAsD/BE,MAAO,OACP,cAAe"}
+{"version":3,"file":"KeyboardDateTimePicker.js","sources":["../../../src/components/KeyboardDateTimePicker.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { KeyboardDateTimePicker as MuiKeyboardDateTimePicker } from '@material-ui/pickers';\n\nconst DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';\nconst SUPPORTED_FORMATS = [\n  'MM/DD/YYYY HH:mm',\n  'M/D/YYYY HH:mm',\n  'MM/DD/YYYY, HH:mm',\n  'M/D/YYYY, HH:mm',\n  'MMM DD, YYYY HH:mm',\n  'MMM D, YYYY HH:mm',\n  'MM/DD/YY HH:mm',\n  'M/D/YY HH:mm',\n];\nconst REFUSE_REGEXP = new RegExp('[^\\\\.\\\\ \\\\,\\\\[a-zA-Z0-9_]*$]+', 'gi');\n\nconst KeyboardDateTimePicker = ({\n  format = DEFAULT_DATE_TIME_FORMAT,\n  onChange,\n  label = 'Date',\n  'data-testid': PAGE_NAME = 'KeyboardDateTimePicker',\n  ...props\n}) => {\n  const [dynamicFormat, setDynamicFormat] = useState(format);\n  const [inputValue, setInputValue] = useState(null);\n\n  const dateFormatter = str => {\n    return str;\n  };\n\n  const handleDateChange = (date, newInputValue) => {\n    const momentObj = moment(newInputValue, [...SUPPORTED_FORMATS, format], true);\n    const isValidDate = momentObj.isValid();\n\n    setDynamicFormat(prev => (isValidDate ? momentObj.creationData().format : prev));\n    setInputValue(newInputValue);\n    onChange(isValidDate ? momentObj : date, newInputValue);\n  };\n\n  return (\n    <MuiKeyboardDateTimePicker\n      rifmFormatter={dateFormatter}\n      refuse={REFUSE_REGEXP}\n      inputValue={inputValue}\n      {...props}\n      label={label}\n      data-testid={`${PAGE_NAME}_${label}`}\n      format={dynamicFormat}\n      onChange={handleDateChange}\n    />\n  );\n};\n\nKeyboardDateTimePicker.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  format: PropTypes.string,\n  label: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nexport default KeyboardDateTimePicker;\n"],"names":["SUPPORTED_FORMATS","REFUSE_REGEXP","RegExp","KeyboardDateTimePicker","_ref","_ref$format","format","onChange","_ref$label","label","_ref$dataTestid","PAGE_NAME","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","dynamicFormat","setDynamicFormat","_useState4","_useState3","inputValue","setInputValue","_jsx","MuiKeyboardDateTimePicker","_objectSpread","rifmFormatter","str","refuse","date","newInputValue","momentObj","moment","isValidDate","isValid","prev","creationData","propTypes","PropTypes","func","isRequired","string"],"mappings":"shCAKA,IACMA,EAAoB,CACxB,mBACA,iBACA,oBACA,kBACA,qBACA,oBACA,iBACA,gBAEIC,EAAgB,IAAIC,OAAO,gCAAiC,MAE5DC,EAAyB,SAMzBC,GAAA,IAAAC,EAAAD,EALJE,OAAAA,aAd+B,mBAcED,EACjCE,IAAAA,SAAQC,EAAAJ,EACRK,MAAAA,aAAQ,OAAMD,EAAAE,EAAAN,EACd,eAAeO,aAAY,yBAAwBD,EAChDE,EAAKC,EAAA,QAAAT,EAAAU,GAEkCC,EAAAA,EAAQA,SAACT,GAAOU,EAAAC,EAAAA,QAAAC,EAAA,GAAnDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GACFD,EAAAA,EAAQA,SAAC,MAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAehC,OACEI,MAACC,EAAAA,uBAAyBC,EAAAA,EAAA,CACxBC,cAfkB,SAAAC,GACpB,OAAOA,GAeLC,OAAQ7B,EACRsB,WAAYA,GACRX,GAAK,GAAA,CACTH,MAAOA,EACP,cAAgBE,GAAAA,OAAAA,EAAaF,KAAAA,OAAAA,GAC7BH,OAAQa,EACRZ,SAlBqB,SAACwB,EAAMC,GAC9B,IAAMC,EAAYC,EAAAA,QAAOF,EAAmBhC,GAAAA,OAAAA,EAAmBM,CAAAA,KAAS,GAClE6B,EAAcF,EAAUG,UAE9BhB,GAAiB,SAAAiB,GAAI,OAAKF,EAAcF,EAAUK,eAAehC,OAAS+B,CAAI,IAC9Eb,EAAcQ,GACdzB,EAAS4B,EAAcF,EAAYF,EAAMC,MAe7C,EAEA7B,EAAuBoC,UAAY,CACjChC,SAAUiC,EAAAA,QAAUC,KAAKC,WACzBpC,OAAQkC,EAAS,QAACG,OAClBlC,MAAO+B,EAAS,QAACG,OACjB,cAAeH,EAAS,QAACG"}

package/cjs-bundle/components/LabelsCounter/LabelsCounter.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toArray"),t=require("prop-types"),r=require("lodash"),i=require("@material-ui/core"),a=require("../TruncatedText/index.js"),l=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),u=n(t),c=i.makeStyles({assetsCount:{maxWidth:168,whiteSpace:"nowrap"},countChip:{marginLeft:8}}),o=function(e){var t=e.items,n=e.limit,u=c(),o=s.default(t),d=o[0],p=o.slice(1);return r.isEmpty(t)?null:l.jsxs(l.Fragment,{children:[l.jsx(i.Chip,{label:l.jsx("div",{className:u.assetsCount,children:l.jsx(a,{children:d})})}),t.length>1&&l.jsx(i.Tooltip,{title:l.jsx("div",{children:p.map((function(e,t){return l.jsxs("div",{children:[e,"".concat(t<p.length-1?",":"")]},e)}))}),children:l.jsx(i.Chip,{label:t.length<=n?"+".concat(t.length-1):"".concat(n-1,"+"),className:u.countChip})})]})};o.propTypes={items:u.default.arrayOf(u.default.string).isRequired,limit:u.default.number},o.defaultProps={limit:100},module.exports=o;
+"use strict";var e=require("@babel/runtime/helpers/toArray"),t=require("prop-types"),r=require("lodash"),i=require("@material-ui/core"),n=require("../TruncatedText/index.js"),a=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e),u=s(t),c=i.makeStyles({assetsCount:{maxWidth:168,whiteSpace:"nowrap"},countChip:{marginLeft:8}}),o=function(e){var t=e.items,s=e.limit,u=void 0===s?100:s,o=c(),d=l.default(t),h=d[0],p=d.slice(1);return r.isEmpty(t)?null:a.jsxs(a.Fragment,{children:[a.jsx(i.Chip,{label:a.jsx("div",{className:o.assetsCount,children:a.jsx(n,{children:h})})}),t.length>1&&a.jsx(i.Tooltip,{title:a.jsx("div",{children:p.map((function(e,t){return a.jsxs("div",{children:[e,"".concat(t<p.length-1?",":"")]},e)}))}),children:a.jsx(i.Chip,{label:t.length<=u?"+".concat(t.length-1):"".concat(u-1,"+"),className:o.countChip})})]})};o.propTypes={items:u.default.arrayOf(u.default.string).isRequired,limit:u.default.number},module.exports=o;
 //# sourceMappingURL=LabelsCounter.js.map

package/cjs-bundle/components/LabelsCounter/LabelsCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelsCounter.js","sources":["../../../../src/components/LabelsCounter/LabelsCounter.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport { makeStyles, Tooltip, Chip } from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nconst useStyles = makeStyles({\n  assetsCount: {\n    maxWidth: 168,\n    whiteSpace: 'nowrap',\n  },\n  countChip: {\n    marginLeft: 8,\n  },\n});\n\nconst LabelsCounter = ({ items, limit }) => {\n  const styles = useStyles();\n\n  const [firstItem, ...restItems] = items;\n\n  if (isEmpty(items)) return null;\n\n  return (\n    <>\n      <Chip\n        label={\n          <div className={styles.assetsCount}>\n            <TruncatedText>{firstItem}</TruncatedText>\n          </div>\n        }\n      />\n      {items.length > 1 && (\n        <Tooltip\n          title={\n            <div>\n              {restItems.map((item, index) => (\n                <div key={item}>\n                  {item}\n                  {`${index < restItems.length - 1 ? ',' : ''}`}\n                </div>\n              ))}\n            </div>\n          }\n        >\n          <Chip\n            label={items.length <= limit ? `+${items.length - 1}` : `${limit - 1}+`}\n            className={styles.countChip}\n          />\n        </Tooltip>\n      )}\n    </>\n  );\n};\n\nLabelsCounter.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.string).isRequired,\n  limit: PropTypes.number,\n};\n\nLabelsCounter.defaultProps = {\n  limit: 100,\n};\n\nexport default LabelsCounter;\n"],"names":["useStyles","makeStyles","assetsCount","maxWidth","whiteSpace","countChip","marginLeft","LabelsCounter","_ref","items","limit","styles","_items","_toArray","firstItem","restItems","slice","isEmpty","_jsxs","_Fragment","children","_jsx","Chip","label","jsx","className","TruncatedText","length","Tooltip","title","map","item","index","concat","propTypes","PropTypes","arrayOf","string","isRequired","number","defaultProps"],"mappings":"wSAMMA,EAAYC,EAAAA,WAAW,CAC3BC,YAAa,CACXC,SAAU,IACVC,WAAY,UAEdC,UAAW,CACTC,WAAY,KAIVC,EAAgB,SAAsBC,GAAA,IAAnBC,IAAAA,MAAOC,IAAAA,MACxBC,EAASX,IAEfY,EAAAC,EAAA,QAAkCJ,GAA3BK,EAASF,EAAA,GAAKG,EAASH,EAAAI,MAAA,GAE9B,OAAIC,UAAQR,GAAe,KAGzBS,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,OAAI,CACHC,MACEF,EAAAG,IAAA,MAAA,CAAKC,UAAWd,EAAOT,YAAYkB,SACjCC,MAACK,EAAa,CAAAN,SAAEN,QAIrBL,EAAMkB,OAAS,GACdN,EAAAA,IAACO,EAAAA,QAAO,CACNC,MACER,EAAAG,IAAA,MAAA,CAAAJ,SACGL,EAAUe,KAAI,SAACC,EAAMC,GAAK,OACzBd,EAAAA,KAAA,MAAA,CAAAE,SAAA,CACGW,EAAI,GAAAE,OACDD,EAAQjB,EAAUY,OAAS,EAAI,IAAM,MAFjCI,QAMfX,SAEDC,MAACC,OAAI,CACHC,MAAOd,EAAMkB,QAAUjB,EAAYD,IAAAA,OAAAA,EAAMkB,OAAS,GAAC,GAAAM,OAAQvB,EAAQ,EAAK,KACxEe,UAAWd,EAAON,gBAM9B,EAEAE,EAAc2B,UAAY,CACxBzB,MAAO0B,EAAAA,QAAUC,QAAQD,EAAAA,QAAUE,QAAQC,WAC3C5B,MAAOyB,EAAS,QAACI,QAGnBhC,EAAciC,aAAe,CAC3B9B,MAAO"}
+{"version":3,"file":"LabelsCounter.js","sources":["../../../../src/components/LabelsCounter/LabelsCounter.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport { makeStyles, Tooltip, Chip } from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nconst useStyles = makeStyles({\n  assetsCount: {\n    maxWidth: 168,\n    whiteSpace: 'nowrap',\n  },\n  countChip: {\n    marginLeft: 8,\n  },\n});\n\nconst LabelsCounter = ({ items, limit = 100 }) => {\n  const styles = useStyles();\n\n  const [firstItem, ...restItems] = items;\n\n  if (isEmpty(items)) return null;\n\n  return (\n    <>\n      <Chip\n        label={\n          <div className={styles.assetsCount}>\n            <TruncatedText>{firstItem}</TruncatedText>\n          </div>\n        }\n      />\n      {items.length > 1 && (\n        <Tooltip\n          title={\n            <div>\n              {restItems.map((item, index) => (\n                <div key={item}>\n                  {item}\n                  {`${index < restItems.length - 1 ? ',' : ''}`}\n                </div>\n              ))}\n            </div>\n          }\n        >\n          <Chip\n            label={items.length <= limit ? `+${items.length - 1}` : `${limit - 1}+`}\n            className={styles.countChip}\n          />\n        </Tooltip>\n      )}\n    </>\n  );\n};\n\nLabelsCounter.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.string).isRequired,\n  limit: PropTypes.number,\n};\n\nexport default LabelsCounter;\n"],"names":["useStyles","makeStyles","assetsCount","maxWidth","whiteSpace","countChip","marginLeft","LabelsCounter","_ref","items","_ref$limit","limit","styles","_items","_toArray","firstItem","restItems","slice","isEmpty","_jsxs","_Fragment","children","_jsx","Chip","label","jsx","className","TruncatedText","length","Tooltip","title","map","item","index","concat","propTypes","PropTypes","arrayOf","string","isRequired","number"],"mappings":"wSAMMA,EAAYC,EAAAA,WAAW,CAC3BC,YAAa,CACXC,SAAU,IACVC,WAAY,UAEdC,UAAW,CACTC,WAAY,KAIVC,EAAgB,SAA4BC,GAAA,IAAzBC,IAAAA,MAAKC,EAAAF,EAAEG,MAAAA,aAAQ,IAAGD,EACnCE,EAASZ,IAEfa,EAAAC,EAAA,QAAkCL,GAA3BM,EAASF,EAAA,GAAKG,EAASH,EAAAI,MAAA,GAE9B,OAAIC,UAAQT,GAAe,KAGzBU,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,OAAI,CACHC,MACEF,EAAAG,IAAA,MAAA,CAAKC,UAAWd,EAAOV,YAAYmB,SACjCC,MAACK,EAAa,CAAAN,SAAEN,QAIrBN,EAAMmB,OAAS,GACdN,EAAAA,IAACO,EAAAA,QAAO,CACNC,MACER,EAAAG,IAAA,MAAA,CAAAJ,SACGL,EAAUe,KAAI,SAACC,EAAMC,GAAK,OACzBd,EAAAA,KAAA,MAAA,CAAAE,SAAA,CACGW,EAAI,GAAAE,OACDD,EAAQjB,EAAUY,OAAS,EAAI,IAAM,MAFjCI,QAMfX,SAEDC,MAACC,OAAI,CACHC,MAAOf,EAAMmB,QAAUjB,EAAYF,IAAAA,OAAAA,EAAMmB,OAAS,GAAC,GAAAM,OAAQvB,EAAQ,EAAK,KACxEe,UAAWd,EAAOP,gBAM9B,EAEAE,EAAc4B,UAAY,CACxB1B,MAAO2B,EAAAA,QAAUC,QAAQD,EAAAA,QAAUE,QAAQC,WAC3C5B,MAAOyB,EAAS,QAACI"}

package/cjs-bundle/components/LoadingIndicator/FullScreenLoadingIndicator.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("classnames"),s=require("./Loader.js"),r=require("./types.js"),a=require("./LoadingIndicator.css.js"),i=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e),d=function(e){var r=e.white,n=e.size,d=e.className;return i.jsx("div",{className:t.default(a.appLoading,d),children:i.jsx("div",{className:a.appLoadingGrid,children:i.jsx("div",{className:a.appLoadingInner,children:i.jsx(s.default,{white:r,size:n})})})})};d.propTypes=r.screenLoadingIndicatorPropTypes,d.defaultProps={white:!0,size:80,className:""},module.exports=d;
+"use strict";var e=require("classnames"),r=require("./Loader.js"),i=require("./types.js"),s=require("./LoadingIndicator.css.js"),a=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(e),t=function(e){var i=e.white,d=void 0===i||i,t=e.size,o=void 0===t?80:t,c=e.className,u=void 0===c?"":c;return a.jsx("div",{className:n.default(s.appLoading,u),children:a.jsx("div",{className:s.appLoadingGrid,children:a.jsx("div",{className:s.appLoadingInner,children:a.jsx(r.default,{white:d,size:o})})})})};t.propTypes=i.screenLoadingIndicatorPropTypes,module.exports=t;
 //# sourceMappingURL=FullScreenLoadingIndicator.js.map

package/cjs-bundle/components/LoadingIndicator/FullScreenLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenLoadingIndicator.js","sources":["../../../../src/components/LoadingIndicator/FullScreenLoadingIndicator.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Loader from './Loader';\nimport { screenLoadingIndicatorPropTypes, FullScreenLoadingIndicatorProps } from \"./types\";\nimport styles from './LoadingIndicator.css';\n\nconst FullScreenLoadingIndicator = (props: FullScreenLoadingIndicatorProps): JSX.Element => {\n  const { white, size, className } = props;\n\n  return (\n    <div className={classNames(styles.appLoading, className)}>\n      <div className={styles.appLoadingGrid}>\n        <div className={styles.appLoadingInner}>\n          <Loader white={white} size={size} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nFullScreenLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;\n\nFullScreenLoadingIndicator.defaultProps = {\n  white: true,\n  size: 80, // NOTE: px\n  className: '',\n};\n\nexport default FullScreenLoadingIndicator;\n"],"names":["FullScreenLoadingIndicator","props","white","size","className","_jsx","classNames","styles","appLoading","children","jsx","appLoadingGrid","appLoadingInner","Loader","propTypes","screenLoadingIndicatorPropTypes","defaultProps"],"mappings":"mPAKMA,EAA6B,SAACC,GAClC,IAAQC,EAA2BD,EAA3BC,MAAOC,EAAoBF,EAApBE,KAAMC,EAAcH,EAAdG,UAErB,OACEC,EAAAA,IAAA,MAAA,CAAKD,UAAWE,EAAU,QAACC,EAAOC,WAAYJ,GAAWK,SACvDJ,EAAAK,IAAA,MAAA,CAAKN,UAAWG,EAAOI,eAAeF,SACpCJ,EAAAK,IAAA,MAAA,CAAKN,UAAWG,EAAOK,gBAAgBH,SACrCJ,MAACQ,UAAM,CAACX,MAAOA,EAAOC,KAAMA,SAKtC,EAEAH,EAA2Bc,UAAYC,EAAAA,gCAEvCf,EAA2BgB,aAAe,CACxCd,OAAO,EACPC,KAAM,GACNC,UAAW"}
+{"version":3,"file":"FullScreenLoadingIndicator.js","sources":["../../../../src/components/LoadingIndicator/FullScreenLoadingIndicator.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Loader from './Loader';\nimport { screenLoadingIndicatorPropTypes, FullScreenLoadingIndicatorProps } from './types';\nimport styles from './LoadingIndicator.css';\n\nconst FullScreenLoadingIndicator = (props: FullScreenLoadingIndicatorProps): JSX.Element => {\n  const { white = true, size = 80, className = '' } = props;\n\n  return (\n    <div className={classNames(styles.appLoading, className)}>\n      <div className={styles.appLoadingGrid}>\n        <div className={styles.appLoadingInner}>\n          <Loader white={white} size={size} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nFullScreenLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;\n\nexport default FullScreenLoadingIndicator;\n"],"names":["FullScreenLoadingIndicator","props","white","_props$white","_props$size","size","_props$className","className","_jsx","classNames","styles","appLoading","children","jsx","appLoadingGrid","appLoadingInner","Loader","propTypes","screenLoadingIndicatorPropTypes"],"mappings":"mPAKMA,EAA6B,SAACC,GAClC,IAAoDA,EAAAA,EAA5CC,MAAAA,cAAYC,EAAAC,EAAgCH,EAA9BI,KAAAA,aAAO,GAAED,EAAAE,EAAqBL,EAAnBM,UAAAA,aAAY,GAAED,EAE/C,OACEE,EAAAA,IAAA,MAAA,CAAKD,UAAWE,EAAU,QAACC,EAAOC,WAAYJ,GAAWK,SACvDJ,EAAAK,IAAA,MAAA,CAAKN,UAAWG,EAAOI,eAAeF,SACpCJ,EAAAK,IAAA,MAAA,CAAKN,UAAWG,EAAOK,gBAAgBH,SACrCJ,MAACQ,UAAM,CAACd,MAAOA,EAAOG,KAAMA,SAKtC,EAEAL,EAA2BiB,UAAYC,EAA+BA"}

package/cjs-bundle/components/LoadingIndicator/InlineLoadingIndicator.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("classnames"),r=require("./Loader.js"),s=require("./types.js"),a=require("./LoadingIndicator.css.js"),i=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),u=function(e){var s=e.white,t=e.size,u=e.className;return i.jsx("div",{className:n.default(a.appLoadingInline,u),children:i.jsx(r.default,{white:s,size:t})})};u.propTypes=s.screenLoadingIndicatorPropTypes,u.defaultProps={white:!0,size:80,className:""},module.exports=u;
+"use strict";var e=require("classnames"),r=require("./Loader.js"),i=require("./types.js"),s=require("./LoadingIndicator.css.js"),a=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),o=function(e){var i=e.white,t=void 0===i||i,o=e.size,d=void 0===o?80:o,u=e.className,c=void 0===u?"":u;return a.jsx("div",{className:n.default(s.appLoadingInline,c),children:a.jsx(r.default,{white:t,size:d})})};o.propTypes=i.screenLoadingIndicatorPropTypes,module.exports=o;
 //# sourceMappingURL=InlineLoadingIndicator.js.map

package/cjs-bundle/components/LoadingIndicator/InlineLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineLoadingIndicator.js","sources":["../../../../src/components/LoadingIndicator/InlineLoadingIndicator.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Loader from './Loader';\nimport { screenLoadingIndicatorPropTypes, InlineLoadingIndicatorProps } from \"./types\";\nimport styles from './LoadingIndicator.css';\n\nconst InlineLoadingIndicator = (props: InlineLoadingIndicatorProps): JSX.Element => {\n  const { white, size, className } = props;\n\n  return (\n    <div className={classNames(styles.appLoadingInline, className)}>\n      <Loader white={white} size={size} />\n    </div>\n  );\n};\n\nInlineLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;\n\nInlineLoadingIndicator.defaultProps = {\n  white: true,\n  size: 80, // NOTE: px\n  className: '',\n};\n\nexport default InlineLoadingIndicator;\n"],"names":["InlineLoadingIndicator","props","white","size","className","_jsx","classNames","styles","appLoadingInline","children","Loader","propTypes","screenLoadingIndicatorPropTypes","defaultProps"],"mappings":"mPAKMA,EAAyB,SAACC,GAC9B,IAAQC,EAA2BD,EAA3BC,MAAOC,EAAoBF,EAApBE,KAAMC,EAAcH,EAAdG,UAErB,OACEC,EAAAA,IAAA,MAAA,CAAKD,UAAWE,EAAU,QAACC,EAAOC,iBAAkBJ,GAAWK,SAC7DJ,MAACK,UAAM,CAACR,MAAOA,EAAOC,KAAMA,KAGlC,EAEAH,EAAuBW,UAAYC,EAAAA,gCAEnCZ,EAAuBa,aAAe,CACpCX,OAAO,EACPC,KAAM,GACNC,UAAW"}
+{"version":3,"file":"InlineLoadingIndicator.js","sources":["../../../../src/components/LoadingIndicator/InlineLoadingIndicator.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Loader from './Loader';\nimport { screenLoadingIndicatorPropTypes, InlineLoadingIndicatorProps } from './types';\nimport styles from './LoadingIndicator.css';\n\nconst InlineLoadingIndicator = (props: InlineLoadingIndicatorProps): JSX.Element => {\n  const { white = true, size = 80, className = '' } = props;\n\n  return (\n    <div className={classNames(styles.appLoadingInline, className)}>\n      <Loader white={white} size={size} />\n    </div>\n  );\n};\n\nInlineLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;\n\nexport default InlineLoadingIndicator;\n"],"names":["InlineLoadingIndicator","props","white","_props$white","_props$size","size","_props$className","className","_jsx","classNames","styles","appLoadingInline","children","Loader","propTypes","screenLoadingIndicatorPropTypes"],"mappings":"mPAKMA,EAAyB,SAACC,GAC9B,IAAoDA,EAAAA,EAA5CC,MAAAA,cAAYC,EAAAC,EAAgCH,EAA9BI,KAAAA,aAAO,GAAED,EAAAE,EAAqBL,EAAnBM,UAAAA,aAAY,GAAED,EAE/C,OACEE,EAAAA,IAAA,MAAA,CAAKD,UAAWE,EAAU,QAACC,EAAOC,iBAAkBJ,GAAWK,SAC7DJ,MAACK,UAAM,CAACX,MAAOA,EAAOG,KAAMA,KAGlC,EAEAL,EAAuBc,UAAYC,EAA+BA"}

package/cjs-bundle/components/LoadingIndicator/Loader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types.js"),r=require("./LoadingIndicator.css.js"),t=require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),s=require("react/jsx-runtime"),o="/static/media/3ecb3740e2ccf98b1f61abce5f8ffb9f.gif",a=function(e){var a=e.white,c=e.size;return s.jsx("img",{"data-testid":t.LoaderLogoTestIds.ImageTestId,className:"".concat(r.cLoader," ").concat(a?"":r.cLoaderBlack),style:{width:null!=c?c:80,height:null!=c?c:80},src:o,alt:"Corva Loader"})};a.propTypes=e.loaderPropTypes,a.defaultProps={white:!0,size:80},exports.LOADER_DEFAULT_SIZE=80,exports.LOADER_HREF=o,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types.js"),r=require("./LoadingIndicator.css.js"),o=require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),t=require("react/jsx-runtime"),s="/static/media/3ecb3740e2ccf98b1f61abce5f8ffb9f.gif",a=function(e){var a=e.white,i=void 0===a||a,d=e.size,n=void 0===d?c:d;return t.jsx("img",{"data-testid":o.LoaderLogoTestIds.ImageTestId,className:"".concat(r.cLoader," ").concat(i?"":r.cLoaderBlack),style:{width:null!=n?n:80,height:null!=n?n:80},src:s,alt:"Corva Loader"})};a.propTypes=e.loaderPropTypes;var c=80;exports.LOADER_DEFAULT_SIZE=80,exports.LOADER_HREF=s,exports.default=a;
 //# sourceMappingURL=Loader.js.map

package/cjs-bundle/components/LoadingIndicator/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../src/components/LoadingIndicator/Loader.tsx"],"sourcesContent":["import { LoaderProps, loaderPropTypes } from './types';\nimport styles from './LoadingIndicator.css';\nimport Image from '~/assets/corva-loading-icon.gif';\nimport { LoaderLogoTestIds } from '~/componentsV2/LoaderLogo/LoaderLogo.constants';\n\nexport const LOADER_HREF = Image;\nexport const LOADER_DEFAULT_SIZE = 80;\n\nconst Loader = (props: LoaderProps): JSX.Element => {\n  const { white, size } = props;\n\n  return (\n    <img\n      data-testid={LoaderLogoTestIds.ImageTestId}\n      className={`${styles.cLoader} ${white ? '' : styles.cLoaderBlack}`}\n      style={{ width: size ?? LOADER_DEFAULT_SIZE, height: size ?? LOADER_DEFAULT_SIZE }}\n      src={LOADER_HREF}\n      alt=\"Corva Loader\"\n    />\n  );\n};\n\nLoader.propTypes = loaderPropTypes;\n\nLoader.defaultProps = {\n  white: true,\n  size: LOADER_DEFAULT_SIZE, // NOTE: px\n};\n\nexport default Loader;\n"],"names":["LOADER_HREF","Loader","props","white","size","_jsx","LoaderLogoTestIds","ImageTestId","className","styles","cLoader","cLoaderBlack","style","width","height","src","alt","propTypes","loaderPropTypes","defaultProps"],"mappings":"yOAKaA,EAJ+B,qDAOtCC,EAAS,SAACC,GACd,IAAQC,EAAgBD,EAAhBC,MAAOC,EAASF,EAATE,KAEf,OACEC,EAAAA,IAAA,MAAA,CACE,cAAaC,EAAiBA,kBAACC,YAC/BC,UAAcC,GAAAA,OAAAA,EAAOC,QAAWP,KAAAA,OAAAA,EAAQ,GAAKM,EAAOE,cACpDC,MAAO,CAAEC,MAAOT,QAAAA,EATa,GASgBU,OAAQV,QAAAA,EATxB,IAU7BW,IAAKf,EACLgB,IAAI,gBAGV,EAEAf,EAAOgB,UAAYC,EAAAA,gBAEnBjB,EAAOkB,aAAe,CACpBhB,OAAO,EACPC,KApBiC,gCAAA"}
+{"version":3,"file":"Loader.js","sources":["../../../../src/components/LoadingIndicator/Loader.tsx"],"sourcesContent":["import { LoaderProps, loaderPropTypes } from './types';\nimport styles from './LoadingIndicator.css';\nimport Image from '~/assets/corva-loading-icon.gif';\nimport { LoaderLogoTestIds } from '~/componentsV2/LoaderLogo/LoaderLogo.constants';\n\nexport const LOADER_HREF = Image;\nexport const LOADER_DEFAULT_SIZE = 80;\n\nconst Loader = (props: LoaderProps): JSX.Element => {\n  const { white = true, size = DEFAULT_LOADER_SIZE } = props;\n\n  return (\n    <img\n      data-testid={LoaderLogoTestIds.ImageTestId}\n      className={`${styles.cLoader} ${white ? '' : styles.cLoaderBlack}`}\n      style={{ width: size ?? LOADER_DEFAULT_SIZE, height: size ?? LOADER_DEFAULT_SIZE }}\n      src={LOADER_HREF}\n      alt=\"Corva Loader\"\n    />\n  );\n};\n\nLoader.propTypes = loaderPropTypes;\n\nconst DEFAULT_LOADER_SIZE = LOADER_DEFAULT_SIZE;\n\nexport default Loader;\n"],"names":["LOADER_HREF","Loader","props","white","_props$white","_props$size","size","DEFAULT_LOADER_SIZE","_jsx","LoaderLogoTestIds","ImageTestId","className","styles","cLoader","cLoaderBlack","style","width","height","src","alt","propTypes","loaderPropTypes"],"mappings":"yOAKaA,EAJ+B,qDAOtCC,EAAS,SAACC,GACd,IAAqDA,EAAAA,EAA7CC,MAAAA,cAAYC,EAAAC,EAAiCH,EAA/BI,KAAAA,aAAOC,EAAmBF,EAEhD,OACEG,EAAAA,IAAA,MAAA,CACE,cAAaC,EAAiBA,kBAACC,YAC/BC,UAAcC,GAAAA,OAAAA,EAAOC,QAAWV,KAAAA,OAAAA,EAAQ,GAAKS,EAAOE,cACpDC,MAAO,CAAEC,MAAOV,QAAAA,EATa,GASgBW,OAAQX,QAAAA,EATxB,IAU7BY,IAAKlB,EACLmB,IAAI,gBAGV,EAEAlB,EAAOmB,UAAYC,EAAAA,gBAEnB,IAAMd,EAlB6B,+BAAA"}

package/cjs-bundle/components/MiddleTruncate/MiddleTruncate.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("prop-types"),r=require("./utils.js"),u=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(t);function d(t){var n=t.children,a=t.truncatedText,d=t.separator,i=t.maxWidth,l=t.onTruncate,c=e.useRef();return e.useEffect((function(){var e=c.current,t=e.scrollWidth,u=e.innerText;l(t>i?r.getTruncatedText({maxWidth:i,separator:d,text:n,currentWidth:t,textLength:null==u?void 0:u.length}):null)}),[n]),u.jsx("div",{ref:c,children:a||n})}d.propTypes={children:a.default.oneOfType([a.default.node,a.default.string]).isRequired,truncatedText:a.default.string,onTruncate:a.default.func,separator:a.default.string,maxWidth:a.default.number},d.defaultProps={onTruncate:null,truncatedText:null,separator:" ... ",maxWidth:null},module.exports=d;
+"use strict";var e=require("react"),t=require("prop-types"),r=require("./utils.js"),u=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(t);function a(t){var n=t.children,i=t.truncatedText,a=void 0===i?null:i,d=t.separator,l=void 0===d?" ... ":d,o=t.maxWidth,c=void 0===o?null:o,f=t.onTruncate,s=void 0===f?null:f,p=e.useRef();return e.useEffect((function(){var e=p.current,t=e.scrollWidth,u=e.innerText;s(t>c?r.getTruncatedText({maxWidth:c,separator:l,text:n,currentWidth:t,textLength:null==u?void 0:u.length}):null)}),[n]),u.jsx("div",{ref:p,children:a||n})}a.propTypes={children:i.default.oneOfType([i.default.node,i.default.string]).isRequired,truncatedText:i.default.string,onTruncate:i.default.func,separator:i.default.string,maxWidth:i.default.number},module.exports=a;
 //# sourceMappingURL=MiddleTruncate.js.map

package/cjs-bundle/components/MiddleTruncate/MiddleTruncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiddleTruncate.js","sources":["../../../../src/components/MiddleTruncate/MiddleTruncate.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getTruncatedText } from './utils';\n\nfunction MiddleTruncate({ children, truncatedText, separator, maxWidth, onTruncate }) {\n  const contentRef = useRef();\n\n  useEffect(() => {\n    const { scrollWidth, innerText } = contentRef.current;\n\n    if (scrollWidth > maxWidth) {\n      onTruncate(\n        getTruncatedText({\n          maxWidth,\n          separator,\n          text: children,\n          currentWidth: scrollWidth,\n          textLength: innerText?.length,\n        })\n      );\n    } else {\n      onTruncate(null);\n    }\n  }, [children]);\n\n  return <div ref={contentRef}>{truncatedText || children}</div>;\n}\n\nMiddleTruncate.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n  truncatedText: PropTypes.string,\n  onTruncate: PropTypes.func,\n  separator: PropTypes.string,\n  maxWidth: PropTypes.number,\n};\n\nMiddleTruncate.defaultProps = {\n  onTruncate: null,\n  truncatedText: null,\n  separator: ' ... ',\n  maxWidth: null,\n};\n\nexport default MiddleTruncate;\n"],"names":["MiddleTruncate","_ref","children","truncatedText","separator","maxWidth","onTruncate","contentRef","useRef","useEffect","current","scrollWidth","innerText","getTruncatedText","text","currentWidth","textLength","length","_jsx","ref","propTypes","PropTypes","oneOfType","node","string","isRequired","func","number","defaultProps"],"mappings":"sMAKA,SAASA,EAA6EC,GAAA,IAA5DC,IAAAA,SAAUC,IAAAA,cAAeC,IAAAA,UAAWC,IAAAA,SAAUC,IAAAA,WAChEC,EAAaC,EAAAA,SAoBnB,OAlBAC,EAAAA,WAAU,WACR,IAAmCF,EAAAA,EAAWG,QAAtCC,IAAAA,YAAaC,IAAAA,UAGnBN,EADEK,EAAcN,EAEdQ,EAAAA,iBAAiB,CACfR,SAAAA,EACAD,UAAAA,EACAU,KAAMZ,EACNa,aAAcJ,EACdK,WAAYJ,aAAS,EAATA,EAAWK,SAIhB,KAEf,GAAG,CAACf,IAEGgB,EAAAA,IAAA,MAAA,CAAKC,IAAKZ,EAAWL,SAAEC,GAAiBD,GACjD,CAEAF,EAAeoB,UAAY,CACzBlB,SAAUmB,EAAAA,QAAUC,UAAU,CAACD,EAAAA,QAAUE,KAAMF,EAAS,QAACG,SAASC,WAClEtB,cAAekB,EAAS,QAACG,OACzBlB,WAAYe,EAAS,QAACK,KACtBtB,UAAWiB,EAAS,QAACG,OACrBnB,SAAUgB,EAAS,QAACM,QAGtB3B,EAAe4B,aAAe,CAC5BtB,WAAY,KACZH,cAAe,KACfC,UAAW,QACXC,SAAU"}
+{"version":3,"file":"MiddleTruncate.js","sources":["../../../../src/components/MiddleTruncate/MiddleTruncate.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getTruncatedText } from './utils';\n\nfunction MiddleTruncate(props) {\n  const {\n    children,\n    truncatedText = null,\n    separator = ' ... ',\n    maxWidth = null,\n    onTruncate = null,\n  } = props;\n  const contentRef = useRef();\n\n  useEffect(() => {\n    const { scrollWidth, innerText } = contentRef.current;\n\n    if (scrollWidth > maxWidth) {\n      onTruncate(\n        getTruncatedText({\n          maxWidth,\n          separator,\n          text: children,\n          currentWidth: scrollWidth,\n          textLength: innerText?.length,\n        })\n      );\n    } else {\n      onTruncate(null);\n    }\n  }, [children]);\n\n  return <div ref={contentRef}>{truncatedText || children}</div>;\n}\n\nMiddleTruncate.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n  truncatedText: PropTypes.string,\n  onTruncate: PropTypes.func,\n  separator: PropTypes.string,\n  maxWidth: PropTypes.number,\n};\n\nexport default MiddleTruncate;\n"],"names":["MiddleTruncate","props","children","_props$truncatedText","truncatedText","_props$separator","separator","_props$maxWidth","maxWidth","_props$onTruncate","onTruncate","contentRef","useRef","useEffect","current","scrollWidth","innerText","getTruncatedText","text","currentWidth","textLength","length","_jsx","ref","propTypes","PropTypes","oneOfType","node","string","isRequired","func","number"],"mappings":"sMAKA,SAASA,EAAeC,GACtB,IACEC,EAKED,EALFC,SAAQC,EAKNF,EAJFG,cAAAA,aAAgB,KAAID,EAAAE,EAIlBJ,EAHFK,UAAAA,aAAY,QAAOD,EAAAE,EAGjBN,EAFFO,SAAAA,aAAW,KAAID,EAAAE,EAEbR,EADFS,WAAAA,aAAa,KAAID,EAEbE,EAAaC,EAAAA,SAoBnB,OAlBAC,EAAAA,WAAU,WACR,IAAmCF,EAAAA,EAAWG,QAAtCC,IAAAA,YAAaC,IAAAA,UAGnBN,EADEK,EAAcP,EAEdS,EAAAA,iBAAiB,CACfT,SAAAA,EACAF,UAAAA,EACAY,KAAMhB,EACNiB,aAAcJ,EACdK,WAAYJ,aAAS,EAATA,EAAWK,SAIhB,KAEf,GAAG,CAACnB,IAEGoB,EAAAA,IAAA,MAAA,CAAKC,IAAKZ,EAAWT,SAAEE,GAAiBF,GACjD,CAEAF,EAAewB,UAAY,CACzBtB,SAAUuB,EAAAA,QAAUC,UAAU,CAACD,EAAAA,QAAUE,KAAMF,EAAS,QAACG,SAASC,WAClEzB,cAAeqB,EAAS,QAACG,OACzBlB,WAAYe,EAAS,QAACK,KACtBxB,UAAWmB,EAAS,QAACG,OACrBpB,SAAUiB,EAAS,QAACM"}

package/cjs-bundle/components/OffsetWellButton/OffsetWellButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),l=require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),t=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=d(e),o=function(e){var d=e.onClick,s=e.wells,o=void 0===s?[]:s,i=e.label,a=void 0===i?"Offset Wells":i,n=e.disabled,f=void 0!==n&&n,u=e.expanded,r=void 0!==u&&u,p=e.onExpand,b=e.offsetWellsLimited,c=void 0!==b&&b,x=e.isTooltipDisabled,v=void 0!==x&&x;return t.jsx(l.OffsetWellsButton,{wells:o,onClick:d,expanded:r,onExpand:p?function(){return p()}:void 0,showLimitationsMessage:c,label:a,disabled:f,isExpandTooltipDisabled:v,testId:"offsetWellsButton"})},i={onClick:s.default.func.isRequired,wells:s.default.arrayOf(s.default.shape({id:s.default.number,title:s.default.string})),label:s.default.string,disabled:s.default.bool,onExpand:s.default.func,expanded:s.default.bool,offsetWellsLimited:s.default.bool,isTooltipDisabled:s.default.bool};o.propTypes=i,o.defaultProps={onExpand:null,expanded:!1,wells:[],disabled:!1,offsetWellsLimited:!1,isTooltipDisabled:!1,label:"Offset Wells"},module.exports=o;
+"use strict";var e=require("prop-types"),l=require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),t=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(e),i=function(e){var o=e.onClick,d=e.wells,i=void 0===d?a:d,s=e.label,n=void 0===s?"Offset Wells":s,f=e.disabled,u=void 0!==f&&f,r=e.expanded,p=void 0!==r&&r,b=e.onExpand,c=void 0===b?null:b,v=e.offsetWellsLimited,x=void 0!==v&&v,m=e.isTooltipDisabled,W=void 0!==m&&m;return t.jsx(l.OffsetWellsButton,{wells:i,onClick:o,expanded:p,onExpand:c?function(){return c()}:void 0,showLimitationsMessage:x,label:n,disabled:u,isExpandTooltipDisabled:W,testId:"offsetWellsButton"})},s={onClick:d.default.func.isRequired,wells:d.default.arrayOf(d.default.shape({id:d.default.number,title:d.default.string})),label:d.default.string,disabled:d.default.bool,onExpand:d.default.func,expanded:d.default.bool,offsetWellsLimited:d.default.bool,isTooltipDisabled:d.default.bool};i.propTypes=s;var a=[];module.exports=i;
 //# sourceMappingURL=OffsetWellButton.js.map

package/cjs-bundle/components/OffsetWellButton/OffsetWellButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellButton.js","sources":["../../../../src/components/OffsetWellButton/OffsetWellButton.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { OffsetWellsButton, OffsetWell } from '~/componentsV2/OffsetWellsButton';\n\ntype OffsetWellButtonProps = {\n  onClick: (...args: any[]) => any;\n  wells?: { id?: number | null; title?: string | null }[];\n  label?: string;\n  disabled?: boolean;\n  onExpand?: (...args: any[]) => any;\n  expanded?: boolean;\n  offsetWellsLimited?: boolean;\n  isTooltipDisabled?: boolean;\n};\n\n/**\n * @deprecated Use OffsetWellsButton from ~/componentsV2/OffsetWellsButton instead.\n */\nconst OffsetWellButton = ({\n  onClick,\n  wells = [],\n  label = 'Offset Wells',\n  disabled = false,\n  expanded = false,\n  onExpand,\n  offsetWellsLimited = false,\n  isTooltipDisabled = false,\n}: OffsetWellButtonProps): JSX.Element => {\n  return (\n    <OffsetWellsButton\n      wells={wells as OffsetWell[]}\n      onClick={onClick}\n      expanded={expanded}\n      onExpand={onExpand ? () => onExpand() : undefined}\n      showLimitationsMessage={offsetWellsLimited}\n      label={label}\n      disabled={disabled}\n      isExpandTooltipDisabled={isTooltipDisabled}\n      testId=\"offsetWellsButton\"\n    />\n  );\n};\n\nconst offsetWellButtonPropTypes = {\n  onClick: PropTypes.func.isRequired,\n  wells: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      title: PropTypes.string,\n    })\n  ),\n  label: PropTypes.string,\n  disabled: PropTypes.bool,\n  onExpand: PropTypes.func,\n  expanded: PropTypes.bool,\n  offsetWellsLimited: PropTypes.bool,\n  isTooltipDisabled: PropTypes.bool,\n};\n\nOffsetWellButton.propTypes = offsetWellButtonPropTypes;\n\nOffsetWellButton.defaultProps = {\n  onExpand: null,\n  expanded: false,\n  wells: [],\n  disabled: false,\n  offsetWellsLimited: false,\n  isTooltipDisabled: false,\n  label: 'Offset Wells',\n};\n\nexport default OffsetWellButton;\n"],"names":["OffsetWellButton","_ref","onClick","_ref$wells","wells","_ref$label","label","_ref$disabled","disabled","_ref$expanded","expanded","onExpand","_ref$offsetWellsLimit","offsetWellsLimited","_ref$isTooltipDisable","isTooltipDisabled","_jsx","OffsetWellsButton","undefined","showLimitationsMessage","isExpandTooltipDisabled","testId","offsetWellButtonPropTypes","PropTypes","func","isRequired","arrayOf","shape","id","number","title","string","bool","propTypes","defaultProps"],"mappings":"kOAiBMA,EAAmB,SASiBC,GAAA,IARxCC,IAAAA,QAAOC,EAAAF,EACPG,MAAAA,aAAQ,GAAED,EAAAE,EAAAJ,EACVK,MAAAA,aAAQ,eAAcD,EAAAE,EAAAN,EACtBO,SAAAA,cAAgBD,EAAAE,EAAAR,EAChBS,SAAAA,cAAgBD,EAChBE,IAAAA,SAAQC,EAAAX,EACRY,mBAAAA,cAA0BD,EAAAE,EAAAb,EAC1Bc,kBAAAA,cAAyBD,EAEzB,OACEE,EAAAA,IAACC,EAAAA,kBAAiB,CAChBb,MAAOA,EACPF,QAASA,EACTQ,SAAUA,EACVC,SAAUA,EAAW,WAAA,OAAMA,GAAU,OAAGO,EACxCC,uBAAwBN,EACxBP,MAAOA,EACPE,SAAUA,EACVY,wBAAyBL,EACzBM,OAAO,qBAGb,EAEMC,EAA4B,CAChCpB,QAASqB,EAAAA,QAAUC,KAAKC,WACxBrB,MAAOmB,EAAS,QAACG,QACfH,EAAAA,QAAUI,MAAM,CACdC,GAAIL,EAAS,QAACM,OACdC,MAAOP,EAAS,QAACQ,UAGrBzB,MAAOiB,EAAS,QAACQ,OACjBvB,SAAUe,EAAS,QAACS,KACpBrB,SAAUY,EAAS,QAACC,KACpBd,SAAUa,EAAS,QAACS,KACpBnB,mBAAoBU,EAAS,QAACS,KAC9BjB,kBAAmBQ,EAAS,QAACS,MAG/BhC,EAAiBiC,UAAYX,EAE7BtB,EAAiBkC,aAAe,CAC9BvB,SAAU,KACVD,UAAU,EACVN,MAAO,GACPI,UAAU,EACVK,oBAAoB,EACpBE,mBAAmB,EACnBT,MAAO"}
+{"version":3,"file":"OffsetWellButton.js","sources":["../../../../src/components/OffsetWellButton/OffsetWellButton.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { OffsetWellsButton, OffsetWell } from '~/componentsV2/OffsetWellsButton';\n\ntype OffsetWellButtonProps = {\n  onClick: (...args: any[]) => any;\n  wells?: { id?: number | null; title?: string | null }[];\n  label?: string;\n  disabled?: boolean;\n  onExpand?: ((...args: any[]) => any) | null;\n  expanded?: boolean;\n  offsetWellsLimited?: boolean;\n  isTooltipDisabled?: boolean;\n};\n\n/**\n * @deprecated Use OffsetWellsButton from ~/componentsV2/OffsetWellsButton instead.\n */\nconst OffsetWellButton = ({\n  onClick,\n  wells = DEFAULT_OFFSET_WELL_BUTTON_WELLS,\n  label = 'Offset Wells',\n  disabled = false,\n  expanded = false,\n  onExpand = null,\n  offsetWellsLimited = false,\n  isTooltipDisabled = false,\n}: OffsetWellButtonProps): JSX.Element => {\n  return (\n    <OffsetWellsButton\n      wells={wells as OffsetWell[]}\n      onClick={onClick}\n      expanded={expanded}\n      onExpand={onExpand ? () => onExpand() : undefined}\n      showLimitationsMessage={offsetWellsLimited}\n      label={label}\n      disabled={disabled}\n      isExpandTooltipDisabled={isTooltipDisabled}\n      testId=\"offsetWellsButton\"\n    />\n  );\n};\n\nconst offsetWellButtonPropTypes = {\n  onClick: PropTypes.func.isRequired,\n  wells: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      title: PropTypes.string,\n    })\n  ),\n  label: PropTypes.string,\n  disabled: PropTypes.bool,\n  onExpand: PropTypes.func,\n  expanded: PropTypes.bool,\n  offsetWellsLimited: PropTypes.bool,\n  isTooltipDisabled: PropTypes.bool,\n};\n\nOffsetWellButton.propTypes = offsetWellButtonPropTypes;\n\nconst DEFAULT_OFFSET_WELL_BUTTON_WELLS: OffsetWellButtonProps['wells'] = [];\n\nexport default OffsetWellButton;\n"],"names":["OffsetWellButton","_ref","onClick","_ref$wells","wells","DEFAULT_OFFSET_WELL_BUTTON_WELLS","_ref$label","label","_ref$disabled","disabled","_ref$expanded","expanded","_ref$onExpand","onExpand","_ref$offsetWellsLimit","offsetWellsLimited","_ref$isTooltipDisable","isTooltipDisabled","_jsx","OffsetWellsButton","undefined","showLimitationsMessage","isExpandTooltipDisabled","testId","offsetWellButtonPropTypes","PropTypes","func","isRequired","arrayOf","shape","id","number","title","string","bool","propTypes"],"mappings":"kOAiBMA,EAAmB,SASiBC,GAAA,IARxCC,IAAAA,QAAOC,EAAAF,EACPG,MAAAA,aAAQC,EAAgCF,EAAAG,EAAAL,EACxCM,MAAAA,aAAQ,eAAcD,EAAAE,EAAAP,EACtBQ,SAAAA,cAAgBD,EAAAE,EAAAT,EAChBU,SAAAA,cAAgBD,EAAAE,EAAAX,EAChBY,SAAAA,aAAW,KAAID,EAAAE,EAAAb,EACfc,mBAAAA,cAA0BD,EAAAE,EAAAf,EAC1BgB,kBAAAA,cAAyBD,EAEzB,OACEE,EAAAA,IAACC,EAAAA,kBAAiB,CAChBf,MAAOA,EACPF,QAASA,EACTS,SAAUA,EACVE,SAAUA,EAAW,WAAA,OAAMA,GAAU,OAAGO,EACxCC,uBAAwBN,EACxBR,MAAOA,EACPE,SAAUA,EACVa,wBAAyBL,EACzBM,OAAO,qBAGb,EAEMC,EAA4B,CAChCtB,QAASuB,EAAAA,QAAUC,KAAKC,WACxBvB,MAAOqB,EAAS,QAACG,QACfH,EAAAA,QAAUI,MAAM,CACdC,GAAIL,EAAS,QAACM,OACdC,MAAOP,EAAS,QAACQ,UAGrB1B,MAAOkB,EAAS,QAACQ,OACjBxB,SAAUgB,EAAS,QAACS,KACpBrB,SAAUY,EAAS,QAACC,KACpBf,SAAUc,EAAS,QAACS,KACpBnB,mBAAoBU,EAAS,QAACS,KAC9BjB,kBAAmBQ,EAAS,QAACS,MAG/BlC,EAAiBmC,UAAYX,EAE7B,IAAMnB,EAAmE"}

package/cjs-bundle/components/OffsetWellChips/Chip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("@material-ui/core"),r=require("@material-ui/icons"),o=require("../MiddleTruncate/MiddleTruncate.js"),l=require("../../utils/main.js"),a=require("./icons/SubjectIcon.js"),n=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),u=i.makeStyles((function(e){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:e.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:e.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}})),d=function(e){var s=e.title,d=e.onClick,p=e.markColor,m=e.isSubject,h=e.rigName,x=e.maxWidth,g=e.wellId,f=e.onRemoveOffsetWell,j=e.isShowMark,b=t.useState(null),k=c.default(b,2),C=k[0],v=k[1],y=u({isShowMark:j}),S=!!C,T=h?"".concat(s," | ").concat(h):s,q=p||"#".concat(l.default.getColorFromString(s)),N=n.jsxs("div",{className:y.root,children:[n.jsx(i.Tooltip,{title:S?T:null!=h?h:"",classes:{popper:y.tooltip},children:n.jsxs("div",{className:y.titleContainer,children:[m?n.jsx("span",{className:y.subject,children:n.jsx(a,{})}):n.jsx("span",{style:{backgroundColor:q,display:j?"block":"none"},className:y.mark}),n.jsx(o,{onTruncate:function(e){v(e)},truncatedText:C,maxWidth:x,children:s})]})}),!m&&!!f&&n.jsxs(n.Fragment,{children:[n.jsx(r.Close,{className:y.closeIcon}),n.jsx(i.Tooltip,{title:"Remove",classes:{popper:y.tooltip},children:n.jsx("div",{className:y.closeArea,onClick:function(e){e.stopPropagation(),f&&f(g)}})})]})]});return n.jsx(i.Chip,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:N,classes:{root:y.chipRoot,label:y.label},onClick:function(e){return d&&d(e,g)},"data-testid":"".concat(s,"_offsetWellChip")})};d.defaultProps={onClick:null,markColor:null,maxWidth:200,rigName:null,isShowMark:!0,onRemoveOffsetWell:null},module.exports=d;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("@material-ui/core"),o=require("@material-ui/icons"),r=require("../MiddleTruncate/MiddleTruncate.js"),l=require("../../utils/main.js"),a=require("./icons/SubjectIcon.js"),n=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),u=i.makeStyles((function(e){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:e.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:e.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}}));module.exports=function(e){var s=e.title,d=e.onClick,p=void 0===d?null:d,m=e.markColor,h=void 0===m?null:m,x=e.isSubject,g=e.rigName,f=void 0===g?null:g,j=e.maxWidth,b=void 0===j?200:j,v=e.wellId,C=e.onRemoveOffsetWell,k=void 0===C?null:C,y=e.isShowMark,S=void 0===y||y,T=t.useState(null),q=c.default(T,2),N=q[0],R=q[1],w=u({isShowMark:S}),I=!!N,M=f?"".concat(s," | ").concat(f):s,W=h||"#".concat(l.default.getColorFromString(s)),z=n.jsxs("div",{className:w.root,children:[n.jsx(i.Tooltip,{title:I?M:null!=f?f:"",classes:{popper:w.tooltip},children:n.jsxs("div",{className:w.titleContainer,children:[x?n.jsx("span",{className:w.subject,children:n.jsx(a,{})}):n.jsx("span",{style:{backgroundColor:W,display:S?"block":"none"},className:w.mark}),n.jsx(r,{onTruncate:function(e){R(e)},truncatedText:N,maxWidth:b,children:s})]})}),!x&&!!k&&n.jsxs(n.Fragment,{children:[n.jsx(o.Close,{className:w.closeIcon}),n.jsx(i.Tooltip,{title:"Remove",classes:{popper:w.tooltip},children:n.jsx("div",{className:w.closeArea,onClick:function(e){e.stopPropagation(),k&&k(v)}})})]})]});return n.jsx(i.Chip,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:z,classes:{root:w.chipRoot,label:w.label},onClick:function(e){return p&&p(e,v)},"data-testid":"".concat(s,"_offsetWellChip")})};
 //# sourceMappingURL=Chip.js.map

package/cjs-bundle/components/OffsetWellChips/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/OffsetWellChips/Chip.tsx"],"sourcesContent":["import { type MouseEvent, useState } from 'react';\nimport { Chip, Tooltip, makeStyles } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport MiddleTruncate from '../MiddleTruncate';\nimport { ChipProps } from './types';\nimport utils from '~/utils/main';\nimport SubjectIcon from './icons/SubjectIcon';\n\nconst useStyles = makeStyles(theme => ({\n  chipRoot: {\n    position: 'relative',\n    height: 30,\n    padding: '7px 12px',\n    fontSize: 12,\n    color: theme.palette.primary.text6,\n    margin: '2px 4px',\n    '&:hover': {\n      cursor: 'pointer',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  root: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  label: {\n    padding: 0,\n  },\n  mark: {\n    marginRight: 4,\n    width: 8,\n    height: 8,\n    borderRadius: 8,\n  },\n  subject: {\n    display: 'flex',\n    marginRight: 4,\n  },\n  closeIcon: {\n    fontSize: '1rem',\n    marginLeft: '4px',\n  },\n  closeArea: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    width: 32,\n    height: 30,\n  },\n  tooltip: {\n    marginTop: '8px',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n}));\n\nconst OffsetWellChip = <T extends unknown>({\n  title,\n  onClick,\n  markColor,\n  isSubject,\n  rigName,\n  maxWidth,\n  wellId,\n  onRemoveOffsetWell,\n  isShowMark,\n}: ChipProps<T>): JSX.Element => {\n  const [truncatedText, setTruncatedText] = useState<string | null>(null);\n\n  const styles = useStyles({\n    isShowMark,\n  });\n  const isTruncated = !!truncatedText;\n  const fullTooltip = rigName ? `${title} | ${rigName}` : title;\n\n  const handleTruncatedText = (truncatedText: string) => {\n    setTruncatedText(truncatedText);\n  };\n\n  const handleRemoveWell = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (onRemoveOffsetWell) onRemoveOffsetWell(wellId);\n  };\n\n  const markBackgroundColor = markColor || `#${utils.getColorFromString(title)}`;\n\n  const label = (\n    <div className={styles.root}>\n      <Tooltip title={isTruncated ? fullTooltip : rigName ?? ''} classes={{ popper: styles.tooltip }}>\n        <div className={styles.titleContainer}>\n          {isSubject ? (\n            <span className={styles.subject}>\n              <SubjectIcon />\n            </span>\n          ) : (\n            <span\n              style={{\n                backgroundColor: markBackgroundColor,\n                display: isShowMark ? 'block' : 'none',\n              }}\n              className={styles.mark}\n            />\n          )}\n          <MiddleTruncate\n            onTruncate={handleTruncatedText}\n            truncatedText={truncatedText}\n            maxWidth={maxWidth}\n          >\n            {title}\n          </MiddleTruncate>\n        </div>\n      </Tooltip>\n      {!isSubject && !!onRemoveOffsetWell && (\n        <>\n          <Close className={styles.closeIcon} />\n          <Tooltip title=\"Remove\" classes={{ popper: styles.tooltip }}>\n            <div className={styles.closeArea} onClick={handleRemoveWell}></div>\n          </Tooltip>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Chip\n      data-not-migrated-MuiChip\n      variant=\"outlined\"\n      size=\"medium\"\n      label={label}\n      classes={{ root: styles.chipRoot, label: styles.label }}\n      onClick={e => onClick && onClick(e, wellId)}\n      data-testid={`${title}_offsetWellChip`}\n    />\n  );\n};\n\nOffsetWellChip.defaultProps = {\n  onClick: null,\n  markColor: null,\n  maxWidth: 200,\n  rigName: null,\n  isShowMark: true,\n  onRemoveOffsetWell: null,\n};\n\nexport default OffsetWellChip;\n"],"names":["useStyles","makeStyles","theme","chipRoot","position","height","padding","fontSize","color","palette","primary","text6","margin","cursor","backgroundColor","contrastText","root","width","display","alignItems","label","mark","marginRight","borderRadius","subject","closeIcon","marginLeft","closeArea","top","right","tooltip","marginTop","titleContainer","OffsetWellChip","_ref","title","onClick","markColor","isSubject","rigName","maxWidth","wellId","onRemoveOffsetWell","isShowMark","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","styles","isTruncated","fullTooltip","concat","markBackgroundColor","utils","getColorFromString","_jsxs","jsxs","className","children","_jsx","Tooltip","classes","popper","jsx","SubjectIcon","style","MiddleTruncate","onTruncate","_Fragment","Close","e","stopPropagation","Chip","variant","size","defaultProps"],"mappings":"6XAQMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACRC,SAAU,WACVC,OAAQ,GACRC,QAAS,WACTC,SAAU,GACVC,MAAON,EAAMO,QAAQC,QAAQC,MAC7BC,OAAQ,UACR,UAAW,CACTC,OAAQ,UACRC,gBAAiB,2BACjBN,MAAON,EAAMO,QAAQC,QAAQK,eAGjCC,KAAM,CACJC,MAAO,OACPC,QAAS,OACTC,WAAY,UAEdC,MAAO,CACLd,QAAS,GAEXe,KAAM,CACJC,YAAa,EACbL,MAAO,EACPZ,OAAQ,EACRkB,aAAc,GAEhBC,QAAS,CACPN,QAAS,OACTI,YAAa,GAEfG,UAAW,CACTlB,SAAU,OACVmB,WAAY,OAEdC,UAAW,CACTvB,SAAU,WACVwB,IAAK,EACLC,MAAO,EACPZ,MAAO,GACPZ,OAAQ,IAEVyB,QAAS,CACPC,UAAW,OAEbC,eAAgB,CACdd,QAAS,OACTC,WAAY,UAEf,IAEKc,EAAiB,SAUUC,GAAA,IAT/BC,IAAAA,MACAC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,mBACAC,IAAAA,WAE0CC,EAAAA,EAAQA,SAAgB,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAASlD,EAAU,CACvB2C,WAAAA,IAEIQ,IAAgBH,EAChBI,EAAcb,EAAO,GAAAc,OAAMlB,EAAWI,OAAAA,OAAAA,GAAYJ,EAWlDmB,EAAsBjB,GAAiBkB,IAAAA,OAAAA,EAAAA,QAAMC,mBAAmBrB,IAEhEf,EACJqC,EAAAC,KAAA,MAAA,CAAKC,UAAWT,EAAOlC,KAAK4C,SAAA,CAC1BC,MAACC,UAAO,CAAC3B,MAAOgB,EAAcC,EAAcb,QAAAA,EAAW,GAAIwB,QAAS,CAAEC,OAAQd,EAAOpB,SAAU8B,SAC7FH,EAAAC,KAAA,MAAA,CAAKC,UAAWT,EAAOlB,eAAe4B,SAAA,CACnCtB,EACCuB,EAAAI,IAAA,OAAA,CAAMN,UAAWT,EAAO1B,QAAQoC,SAC9BC,EAAAA,IAACK,EAAW,MAGdL,EAAAI,IAAA,OAAA,CACEE,MAAO,CACLrD,gBAAiBwC,EACjBpC,QAASyB,EAAa,QAAU,QAElCgB,UAAWT,EAAO7B,OAGtBwC,MAACO,EAAc,CACbC,WA7BkB,SAACrB,GAC3BC,EAAiBD,IA6BTA,cAAeA,EACfR,SAAUA,EAASoB,SAElBzB,UAILG,KAAeI,GACfe,EAAAA,KAAAa,EAAAA,SAAA,CAAAV,SAAA,CACEC,MAACU,QAAK,CAACZ,UAAWT,EAAOzB,YACzBoC,MAACC,UAAO,CAAC3B,MAAM,SAAS4B,QAAS,CAAEC,OAAQd,EAAOpB,SAAU8B,SAC1DC,EAAAI,IAAA,MAAA,CAAKN,UAAWT,EAAOvB,UAAWS,QArCnB,SAACoC,GACxBA,EAAEC,kBACE/B,GAAoBA,EAAmBD,cA0C7C,OACEoB,EAAAA,IAACa,EAAAA,KAAI,CACH,6BAAyB,EACzBC,QAAQ,WACRC,KAAK,SACLxD,MAAOA,EACP2C,QAAS,CAAE/C,KAAMkC,EAAO/C,SAAUiB,MAAO8B,EAAO9B,OAChDgB,QAAS,SAAAoC,GAAC,OAAIpC,GAAWA,EAAQoC,EAAG/B,EAAQ,EAC5C,cAAA,GAAAY,OAAgBlB,EAAK,oBAG3B,EAEAF,EAAe4C,aAAe,CAC5BzC,QAAS,KACTC,UAAW,KACXG,SAAU,IACVD,QAAS,KACTI,YAAY,EACZD,mBAAoB"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/OffsetWellChips/Chip.tsx"],"sourcesContent":["import { type MouseEvent, useState } from 'react';\nimport { Chip, Tooltip, makeStyles } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport MiddleTruncate from '../MiddleTruncate';\nimport { ChipProps } from './types';\nimport utils from '~/utils/main';\nimport SubjectIcon from './icons/SubjectIcon';\n\nconst useStyles = makeStyles(theme => ({\n  chipRoot: {\n    position: 'relative',\n    height: 30,\n    padding: '7px 12px',\n    fontSize: 12,\n    color: theme.palette.primary.text6,\n    margin: '2px 4px',\n    '&:hover': {\n      cursor: 'pointer',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  root: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  label: {\n    padding: 0,\n  },\n  mark: {\n    marginRight: 4,\n    width: 8,\n    height: 8,\n    borderRadius: 8,\n  },\n  subject: {\n    display: 'flex',\n    marginRight: 4,\n  },\n  closeIcon: {\n    fontSize: '1rem',\n    marginLeft: '4px',\n  },\n  closeArea: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    width: 32,\n    height: 30,\n  },\n  tooltip: {\n    marginTop: '8px',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n}));\n\nconst OffsetWellChip = <T extends unknown>({\n  title,\n  onClick = null,\n  markColor = null,\n  isSubject,\n  rigName = null,\n  maxWidth = 200,\n  wellId,\n  onRemoveOffsetWell = null,\n  isShowMark = true,\n}: ChipProps<T>): JSX.Element => {\n  const [truncatedText, setTruncatedText] = useState<string | null>(null);\n\n  const styles = useStyles({\n    isShowMark,\n  });\n  const isTruncated = !!truncatedText;\n  const fullTooltip = rigName ? `${title} | ${rigName}` : title;\n\n  const handleTruncatedText = (truncatedText: string) => {\n    setTruncatedText(truncatedText);\n  };\n\n  const handleRemoveWell = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (onRemoveOffsetWell) onRemoveOffsetWell(wellId);\n  };\n\n  const markBackgroundColor = markColor || `#${utils.getColorFromString(title)}`;\n\n  const label = (\n    <div className={styles.root}>\n      <Tooltip\n        title={isTruncated ? fullTooltip : rigName ?? ''}\n        classes={{ popper: styles.tooltip }}\n      >\n        <div className={styles.titleContainer}>\n          {isSubject ? (\n            <span className={styles.subject}>\n              <SubjectIcon />\n            </span>\n          ) : (\n            <span\n              style={{\n                backgroundColor: markBackgroundColor,\n                display: isShowMark ? 'block' : 'none',\n              }}\n              className={styles.mark}\n            />\n          )}\n          <MiddleTruncate\n            onTruncate={handleTruncatedText}\n            truncatedText={truncatedText}\n            maxWidth={maxWidth}\n          >\n            {title}\n          </MiddleTruncate>\n        </div>\n      </Tooltip>\n      {!isSubject && !!onRemoveOffsetWell && (\n        <>\n          <Close className={styles.closeIcon} />\n          <Tooltip title=\"Remove\" classes={{ popper: styles.tooltip }}>\n            <div className={styles.closeArea} onClick={handleRemoveWell}></div>\n          </Tooltip>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Chip\n      data-not-migrated-MuiChip\n      variant=\"outlined\"\n      size=\"medium\"\n      label={label}\n      classes={{ root: styles.chipRoot, label: styles.label }}\n      onClick={e => onClick && onClick(e, wellId)}\n      data-testid={`${title}_offsetWellChip`}\n    />\n  );\n};\n\nexport default OffsetWellChip;\n"],"names":["useStyles","makeStyles","theme","chipRoot","position","height","padding","fontSize","color","palette","primary","text6","margin","cursor","backgroundColor","contrastText","root","width","display","alignItems","label","mark","marginRight","borderRadius","subject","closeIcon","marginLeft","closeArea","top","right","tooltip","marginTop","titleContainer","_ref","title","_ref$onClick","onClick","_ref$markColor","markColor","isSubject","_ref$rigName","rigName","_ref$maxWidth","maxWidth","wellId","_ref$onRemoveOffsetWe","onRemoveOffsetWell","_ref$isShowMark","isShowMark","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","styles","isTruncated","fullTooltip","concat","markBackgroundColor","utils","getColorFromString","_jsxs","jsxs","className","children","_jsx","Tooltip","classes","popper","jsx","SubjectIcon","style","MiddleTruncate","onTruncate","_Fragment","Close","e","stopPropagation","Chip","variant","size"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellPickerV2/OffsetWellPickerDialog.js

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

package/cjs-bundle/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","jsxs","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","jsx","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":"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"}
+{"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 = null,\n  companyId = null,\n  offsetSetting,\n  currentUser,\n  addWellsUsabilityInfo = null,\n  unusableWellAlarm = 'Unable to add',\n  isAdvancedSearch = false,\n  bestCount = 0,\n  maxOffsetSize = 1000,\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\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","_ref$defaultSubjectWe","defaultSubjectWellId","_ref$companyId","companyId","offsetSetting","currentUser","_ref$addWellsUsabilit","addWellsUsabilityInfo","_ref$unusableWellAlar","unusableWellAlarm","_ref$isAdvancedSearch","isAdvancedSearch","_ref$bestCount","bestCount","_ref$maxOffsetSize","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","jsxs","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","jsx","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","memo"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),r=require("@material-ui/icons/Clear"),t=require("@material-ui/core/styles"),a=require("@material-ui/core"),i=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e),o=l(r),c=t.makeStyles((function(e){return{wrapper:{display:"flex",alignItems:"flex-end",height:"56px",marginBottom:"12px",cursor:"pointer","&:hover $clearText":{color:e.palette.primary.text1},"&:hover $clearIcon":{color:e.palette.primary.text1}},clearText:{color:e.palette.primary.text6},clearIcon:{color:e.palette.primary.text6,marginLeft:"16px",marginRight:"5px"}}}));function p(e){var r=e.onClick,t=e["data-testid"],l=c();return i.jsxs("div",{"data-testid":t,className:l.wrapper,onClick:r,children:[i.jsx(o.default,{className:l.clearIcon}),i.jsx(a.Typography,{className:l.clearText,children:"Clear"})]})}p.propTypes={onClick:s.default.func.isRequired,classes:s.default.shape({}).isRequired,"data-testid":s.default.string},p.defaultProps={"data-testid":"ClearFiltersButton"},module.exports=p;
+"use strict";var e=require("prop-types"),r=require("@material-ui/icons/Clear"),t=require("@material-ui/core/styles"),a=require("@material-ui/core"),i=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e),s=l(r),c=t.makeStyles((function(e){return{wrapper:{display:"flex",alignItems:"flex-end",height:"56px",marginBottom:"12px",cursor:"pointer","&:hover $clearText":{color:e.palette.primary.text1},"&:hover $clearIcon":{color:e.palette.primary.text1}},clearText:{color:e.palette.primary.text6},clearIcon:{color:e.palette.primary.text6,marginLeft:"16px",marginRight:"5px"}}}));function n(e){var r=e.onClick,t=e["data-testid"],l=void 0===t?"ClearFiltersButton":t,o=c();return i.jsxs("div",{"data-testid":l,className:o.wrapper,onClick:r,children:[i.jsx(s.default,{className:o.clearIcon}),i.jsx(a.Typography,{className:o.clearText,children:"Clear"})]})}n.propTypes={onClick:o.default.func.isRequired,classes:o.default.shape({}).isRequired,"data-testid":o.default.string},module.exports=n;
 //# sourceMappingURL=ClearFiltersButton.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearFiltersButton.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    height: '56px',\n    marginBottom: '12px',\n    cursor: 'pointer',\n    '&:hover $clearText': {\n      color: theme.palette.primary.text1,\n    },\n    '&:hover $clearIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  clearText: {\n    color: theme.palette.primary.text6,\n  },\n  clearIcon: {\n    color: theme.palette.primary.text6,\n    marginLeft: '16px',\n    marginRight: '5px',\n  },\n}));\n\nfunction ClearFiltersButton({ onClick, 'data-testid': dataTestId }) {\n  const classes = useStyles();\n  return (\n    <div data-testid={dataTestId} className={classes.wrapper} onClick={onClick}>\n      <ClearIcon className={classes.clearIcon} />\n      <Typography className={classes.clearText}>Clear</Typography>\n    </div>\n  );\n}\n\nClearFiltersButton.propTypes = {\n  onClick: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nClearFiltersButton.defaultProps = {\n  'data-testid': 'ClearFiltersButton',\n};\n\nexport default ClearFiltersButton;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","alignItems","height","marginBottom","cursor","color","palette","primary","text1","clearText","text6","clearIcon","marginLeft","marginRight","ClearFiltersButton","_ref","onClick","dataTestId","classes","_jsxs","className","children","_jsx","ClearIcon","Typography","propTypes","PropTypes","func","isRequired","shape","string","defaultProps"],"mappings":"6QAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,WAAY,WACZC,OAAQ,OACRC,aAAc,OACdC,OAAQ,UACR,qBAAsB,CACpBC,MAAOP,EAAMQ,QAAQC,QAAQC,OAE/B,qBAAsB,CACpBH,MAAOP,EAAMQ,QAAQC,QAAQC,QAGjCC,UAAW,CACTJ,MAAOP,EAAMQ,QAAQC,QAAQG,OAE/BC,UAAW,CACTN,MAAOP,EAAMQ,QAAQC,QAAQG,MAC7BE,WAAY,OACZC,YAAa,OAEhB,IAED,SAASC,EAA2DC,GAAA,IAAtCC,IAAAA,QAAwBC,IAAf,eAC/BC,EAAUtB,IAChB,OACEuB,EAAAA,KAAA,MAAA,CAAK,cAAaF,EAAYG,UAAWF,EAAQnB,QAASiB,QAASA,EAAQK,SAAA,CACzEC,MAACC,UAAS,CAACH,UAAWF,EAAQP,YAC9BW,MAACE,aAAU,CAACJ,UAAWF,EAAQT,UAAUY,SAAA,YAG/C,CAEAP,EAAmBW,UAAY,CAC7BT,QAASU,EAAAA,QAAUC,KAAKC,WACxBV,QAASQ,EAAS,QAACG,MAAM,CAAA,GAAID,WAC7B,cAAeF,EAAS,QAACI,QAG3BhB,EAAmBiB,aAAe,CAChC,cAAe"}
+{"version":3,"file":"ClearFiltersButton.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    height: '56px',\n    marginBottom: '12px',\n    cursor: 'pointer',\n    '&:hover $clearText': {\n      color: theme.palette.primary.text1,\n    },\n    '&:hover $clearIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  clearText: {\n    color: theme.palette.primary.text6,\n  },\n  clearIcon: {\n    color: theme.palette.primary.text6,\n    marginLeft: '16px',\n    marginRight: '5px',\n  },\n}));\n\nfunction ClearFiltersButton({ onClick, 'data-testid': dataTestId = 'ClearFiltersButton' }) {\n  const classes = useStyles();\n  return (\n    <div data-testid={dataTestId} className={classes.wrapper} onClick={onClick}>\n      <ClearIcon className={classes.clearIcon} />\n      <Typography className={classes.clearText}>Clear</Typography>\n    </div>\n  );\n}\n\nClearFiltersButton.propTypes = {\n  onClick: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nexport default ClearFiltersButton;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","alignItems","height","marginBottom","cursor","color","palette","primary","text1","clearText","text6","clearIcon","marginLeft","marginRight","ClearFiltersButton","_ref","onClick","_ref$dataTestid","dataTestId","classes","_jsxs","className","children","_jsx","ClearIcon","Typography","propTypes","PropTypes","func","isRequired","shape","string"],"mappings":"6QAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,WAAY,WACZC,OAAQ,OACRC,aAAc,OACdC,OAAQ,UACR,qBAAsB,CACpBC,MAAOP,EAAMQ,QAAQC,QAAQC,OAE/B,qBAAsB,CACpBH,MAAOP,EAAMQ,QAAQC,QAAQC,QAGjCC,UAAW,CACTJ,MAAOP,EAAMQ,QAAQC,QAAQG,OAE/BC,UAAW,CACTN,MAAOP,EAAMQ,QAAQC,QAAQG,MAC7BE,WAAY,OACZC,YAAa,OAEhB,IAED,SAASC,EAAkFC,GAAA,IAA7DC,IAAAA,QAAOC,EAAAF,EAAE,eAAeG,aAAa,qBAAoBD,EAC/EE,EAAUvB,IAChB,OACEwB,EAAAA,KAAA,MAAA,CAAK,cAAaF,EAAYG,UAAWF,EAAQpB,QAASiB,QAASA,EAAQM,SAAA,CACzEC,MAACC,UAAS,CAACH,UAAWF,EAAQR,YAC9BY,MAACE,aAAU,CAACJ,UAAWF,EAAQV,UAAUa,SAAA,YAG/C,CAEAR,EAAmBY,UAAY,CAC7BV,QAASW,EAAAA,QAAUC,KAAKC,WACxBV,QAASQ,EAAS,QAACG,MAAM,CAAA,GAAID,WAC7B,cAAeF,EAAS,QAACI"}

package/cjs-bundle/components/OffsetWellPickerV2/components/Filter/MultiSelect.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),a=require("@material-ui/core"),i=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),l=n(r),u=a.makeStyles({checkBox:{color:"grey",paddingLeft:0},formControl:{marginLeft:10,marginTop:8,width:function(e){return e.size}},listItemPrimaryText:{color:"#fff"},paper:{backgroundColor:"#414141"}});function c(e){var r=e.options,n=e.currentValues,l=e.title,c=e.size,o=e.renderValue,d=e.onChange,f=e["data-testid"],m=t.useState([]),p=s.default(m,2),x=p[0],h=p[1],y=t.useState(!1),g=s.default(y,2),j=g[0],q=g[1],k=t.useState(!1),C=s.default(k,2),v=C[0],I=C[1],b=u({size:c});t.useEffect((function(){h(n.filter((function(e){return r.includes(e)})))}),[n,r]);return i.jsxs(a.FormControl,{className:b.formControl,children:[i.jsx(a.InputLabel,{shrink:!0,htmlFor:"c-owp-multi-select-".concat(l),children:l}),i.jsxs(a.Select,{"data-testid":"".concat(f,"_select_").concat(l),className:b.select,MenuProps:{classes:{paper:b.paper}},multiple:!0,displayEmpty:!0,fullWidth:!0,value:x,inputProps:{name:"c-owp-multi-select-".concat(l),id:"c-owp-multi-select-".concat(l)},renderValue:function(e){return o(e.length)},open:j,onOpen:function(){q(!0),I(!1)},onClose:function(){q(!1),v&&d(x),I(!1)},onChange:function(e){var t=e.target.value;h(t.includes("all")?[]:t),I(!0)},children:[i.jsxs(a.MenuItem,{value:"all",children:[i.jsx(a.Checkbox,{"data-testid":"".concat(f,"_option_all"),checked:!0,indeterminate:x.length>0,className:b.checkBox}),i.jsx(a.ListItemText,{primary:o(0),classes:{primary:b.listItemPrimaryText}})]},"all"),i.jsx(a.Divider,{}),r.map((function(e){return i.jsxs(a.MenuItem,{value:e,children:[i.jsx(a.Checkbox,{"data-testid":"".concat(f,"_option_").concat(e,"MenuItem"),checked:x.indexOf(e)>-1,className:b.checkBox}),i.jsx(a.ListItemText,{primary:e,classes:{primary:b.listItemPrimaryText}})]},e)}))]})]})}c.propTypes={options:l.default.arrayOf(l.default.string).isRequired,currentValues:l.default.arrayOf(l.default.string).isRequired,title:l.default.string.isRequired,size:l.default.number.isRequired,renderValue:l.default.func.isRequired,onChange:l.default.func.isRequired,"data-testid":l.default.string},c.defaultProps={"data-testid":"MultiSelect"},module.exports=c;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),a=require("@material-ui/core"),i=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e),s=n(r),u=a.makeStyles({checkBox:{color:"grey",paddingLeft:0},formControl:{marginLeft:10,marginTop:8,width:function(e){return e.size}},listItemPrimaryText:{color:"#fff"},paper:{backgroundColor:"#414141"}});function c(e){var r=e.options,n=e.currentValues,s=e.title,c=e.size,o=e.renderValue,d=e.onChange,f=e["data-testid"],m=void 0===f?"MultiSelect":f,p=t.useState([]),x=l.default(p,2),h=x[0],y=x[1],g=t.useState(!1),j=l.default(g,2),q=j[0],k=j[1],v=t.useState(!1),C=l.default(v,2),I=C[0],b=C[1],T=u({size:c});t.useEffect((function(){y(n.filter((function(e){return r.includes(e)})))}),[n,r]);return i.jsxs(a.FormControl,{className:T.formControl,children:[i.jsx(a.InputLabel,{shrink:!0,htmlFor:"c-owp-multi-select-".concat(s),children:s}),i.jsxs(a.Select,{"data-testid":"".concat(m,"_select_").concat(s),className:T.select,MenuProps:{classes:{paper:T.paper}},multiple:!0,displayEmpty:!0,fullWidth:!0,value:h,inputProps:{name:"c-owp-multi-select-".concat(s),id:"c-owp-multi-select-".concat(s)},renderValue:function(e){return o(e.length)},open:q,onOpen:function(){k(!0),b(!1)},onClose:function(){k(!1),I&&d(h),b(!1)},onChange:function(e){var t=e.target.value;y(t.includes("all")?[]:t),b(!0)},children:[i.jsxs(a.MenuItem,{value:"all",children:[i.jsx(a.Checkbox,{"data-testid":"".concat(m,"_option_all"),checked:!0,indeterminate:h.length>0,className:T.checkBox}),i.jsx(a.ListItemText,{primary:o(0),classes:{primary:T.listItemPrimaryText}})]},"all"),i.jsx(a.Divider,{}),r.map((function(e){return i.jsxs(a.MenuItem,{value:e,children:[i.jsx(a.Checkbox,{"data-testid":"".concat(m,"_option_").concat(e,"MenuItem"),checked:h.indexOf(e)>-1,className:T.checkBox}),i.jsx(a.ListItemText,{primary:e,classes:{primary:T.listItemPrimaryText}})]},e)}))]})]})}c.propTypes={options:s.default.arrayOf(s.default.string).isRequired,currentValues:s.default.arrayOf(s.default.string).isRequired,title:s.default.string.isRequired,size:s.default.number.isRequired,renderValue:s.default.func.isRequired,onChange:s.default.func.isRequired,"data-testid":s.default.string},module.exports=c;
 //# sourceMappingURL=MultiSelect.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Filter/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Filter/MultiSelect.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Select,\n  MenuItem,\n  FormControl,\n  InputLabel,\n  Checkbox,\n  ListItemText,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  checkBox: {\n    color: 'grey',\n    paddingLeft: 0,\n  },\n  formControl: {\n    marginLeft: 10,\n    marginTop: 8,\n    width: ({ size }) => size,\n  },\n  listItemPrimaryText: { color: '#fff' },\n  paper: {\n    backgroundColor: '#414141',\n  },\n});\n\nfunction MultiSelect({\n  options,\n  currentValues,\n  title,\n  size,\n  renderValue,\n  onChange,\n  'data-testid': dataTestId,\n}) {\n  const [values, setValues] = useState([]);\n  const [open, setOpen] = useState(false);\n  const [isChanged, setIsChanged] = useState(false);\n\n  const classes = useStyles({ size });\n\n  useEffect(() => {\n    setValues(currentValues.filter(value => options.includes(value)));\n  }, [currentValues, options]);\n\n  const handleOpen = () => {\n    setOpen(true);\n    setIsChanged(false);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n    if (isChanged) {\n      onChange(values);\n    }\n    setIsChanged(false);\n  };\n\n  const handleChange = e => {\n    const selectedValues = e.target.value;\n    setValues(selectedValues.includes('all') ? [] : selectedValues);\n    setIsChanged(true);\n  };\n\n  return (\n    <FormControl className={classes.formControl}>\n      <InputLabel shrink htmlFor={`c-owp-multi-select-${title}`}>\n        {title}\n      </InputLabel>\n      <Select\n        data-testid={`${dataTestId}_select_${title}`}\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        multiple\n        displayEmpty\n        fullWidth\n        value={values}\n        inputProps={{\n          name: `c-owp-multi-select-${title}`,\n          id: `c-owp-multi-select-${title}`,\n        }}\n        renderValue={selected => renderValue(selected.length)}\n        open={open}\n        onOpen={handleOpen}\n        onClose={handleClose}\n        onChange={handleChange}\n      >\n        <MenuItem key=\"all\" value=\"all\">\n          <Checkbox\n            data-testid={`${dataTestId}_option_all`}\n            checked\n            indeterminate={values.length > 0}\n            className={classes.checkBox}\n          />\n          <ListItemText\n            primary={renderValue(0)}\n            classes={{ primary: classes.listItemPrimaryText }}\n          />\n        </MenuItem>\n\n        <Divider />\n\n        {options.map(option => (\n          <MenuItem key={option} value={option}>\n            <Checkbox\n              data-testid={`${dataTestId}_option_${option}MenuItem`}\n              checked={values.indexOf(option) > -1}\n              className={classes.checkBox}\n            />\n            <ListItemText primary={option} classes={{ primary: classes.listItemPrimaryText }} />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMultiSelect.propTypes = {\n  options: PropTypes.arrayOf(PropTypes.string).isRequired,\n  currentValues: PropTypes.arrayOf(PropTypes.string).isRequired,\n  title: PropTypes.string.isRequired,\n  size: PropTypes.number.isRequired,\n  renderValue: PropTypes.func.isRequired,\n  onChange: PropTypes.func.isRequired,\n  'data-testid': PropTypes.string,\n};\n\nMultiSelect.defaultProps = {\n  'data-testid': 'MultiSelect',\n};\n\nexport default MultiSelect;\n"],"names":["useStyles","makeStyles","checkBox","color","paddingLeft","formControl","marginLeft","marginTop","width","_ref","size","listItemPrimaryText","paper","backgroundColor","MultiSelect","_ref2","options","currentValues","title","renderValue","onChange","dataTestId","useState","_useState2","_slicedToArray","_useState","values","setValues","_useState4","_useState3","open","setOpen","_useState6","_useState5","isChanged","setIsChanged","classes","useEffect","filter","value","includes","_jsxs","FormControl","className","children","_jsx","InputLabel","shrink","htmlFor","concat","Select","select","MenuProps","multiple","displayEmpty","fullWidth","inputProps","name","id","selected","length","onOpen","onClose","e","selectedValues","target","MenuItem","Checkbox","checked","indeterminate","ListItemText","primary","Divider","map","option","indexOf","propTypes","PropTypes","arrayOf","string","isRequired","number","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Filter/MultiSelect.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Select,\n  MenuItem,\n  FormControl,\n  InputLabel,\n  Checkbox,\n  ListItemText,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  checkBox: {\n    color: 'grey',\n    paddingLeft: 0,\n  },\n  formControl: {\n    marginLeft: 10,\n    marginTop: 8,\n    width: ({ size }) => size,\n  },\n  listItemPrimaryText: { color: '#fff' },\n  paper: {\n    backgroundColor: '#414141',\n  },\n});\n\nfunction MultiSelect({\n  options,\n  currentValues,\n  title,\n  size,\n  renderValue,\n  onChange,\n  'data-testid': dataTestId = 'MultiSelect',\n}) {\n  const [values, setValues] = useState([]);\n  const [open, setOpen] = useState(false);\n  const [isChanged, setIsChanged] = useState(false);\n\n  const classes = useStyles({ size });\n\n  useEffect(() => {\n    setValues(currentValues.filter(value => options.includes(value)));\n  }, [currentValues, options]);\n\n  const handleOpen = () => {\n    setOpen(true);\n    setIsChanged(false);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n    if (isChanged) {\n      onChange(values);\n    }\n    setIsChanged(false);\n  };\n\n  const handleChange = e => {\n    const selectedValues = e.target.value;\n    setValues(selectedValues.includes('all') ? [] : selectedValues);\n    setIsChanged(true);\n  };\n\n  return (\n    <FormControl className={classes.formControl}>\n      <InputLabel shrink htmlFor={`c-owp-multi-select-${title}`}>\n        {title}\n      </InputLabel>\n      <Select\n        data-testid={`${dataTestId}_select_${title}`}\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        multiple\n        displayEmpty\n        fullWidth\n        value={values}\n        inputProps={{\n          name: `c-owp-multi-select-${title}`,\n          id: `c-owp-multi-select-${title}`,\n        }}\n        renderValue={selected => renderValue(selected.length)}\n        open={open}\n        onOpen={handleOpen}\n        onClose={handleClose}\n        onChange={handleChange}\n      >\n        <MenuItem key=\"all\" value=\"all\">\n          <Checkbox\n            data-testid={`${dataTestId}_option_all`}\n            checked\n            indeterminate={values.length > 0}\n            className={classes.checkBox}\n          />\n          <ListItemText\n            primary={renderValue(0)}\n            classes={{ primary: classes.listItemPrimaryText }}\n          />\n        </MenuItem>\n\n        <Divider />\n\n        {options.map(option => (\n          <MenuItem key={option} value={option}>\n            <Checkbox\n              data-testid={`${dataTestId}_option_${option}MenuItem`}\n              checked={values.indexOf(option) > -1}\n              className={classes.checkBox}\n            />\n            <ListItemText primary={option} classes={{ primary: classes.listItemPrimaryText }} />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMultiSelect.propTypes = {\n  options: PropTypes.arrayOf(PropTypes.string).isRequired,\n  currentValues: PropTypes.arrayOf(PropTypes.string).isRequired,\n  title: PropTypes.string.isRequired,\n  size: PropTypes.number.isRequired,\n  renderValue: PropTypes.func.isRequired,\n  onChange: PropTypes.func.isRequired,\n  'data-testid': PropTypes.string,\n};\n\nexport default MultiSelect;\n"],"names":["useStyles","makeStyles","checkBox","color","paddingLeft","formControl","marginLeft","marginTop","width","_ref","size","listItemPrimaryText","paper","backgroundColor","MultiSelect","_ref2","options","currentValues","title","renderValue","onChange","_ref2$dataTestid","dataTestId","useState","_useState2","_slicedToArray","_useState","values","setValues","_useState4","_useState3","open","setOpen","_useState6","_useState5","isChanged","setIsChanged","classes","useEffect","filter","value","includes","_jsxs","FormControl","className","children","_jsx","InputLabel","shrink","htmlFor","concat","Select","select","MenuProps","multiple","displayEmpty","fullWidth","inputProps","name","id","selected","length","onOpen","onClose","e","selectedValues","target","MenuItem","Checkbox","checked","indeterminate","ListItemText","primary","Divider","map","option","indexOf","propTypes","PropTypes","arrayOf","string","isRequired","number","func"],"mappings":"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"}