@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/OffsetWellPickerV4/components/Filter/MultiSelect.js

@@ -1 +1,125 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as n}from"react";import r from"prop-types";import{makeStyles as i,FormControl as l,InputLabel as a,Select as o,MenuItem as u,Checkbox as c,ListItemText as s,Divider as d}from"@material-ui/core";import{jsxs as p,jsx as m}from"react/jsx-runtime";var h=i({multiMenuItem:{paddingLeft:"9px !important",paddingRight:"18px !important"}}),f=function(r){var i=r.label,f=r.currentValues,g=r.options,v=r.ListMenuItem,y=r.ValueComponent,x=r.onChange,C=r["data-testid"],b=h(),M=t([]),R=e(M,2),V=R[0],_=R[1],k=t(!1),q=e(k,2),I=q[0],O=q[1],A=t(!1),L=e(A,2),S=L[0],T=L[1];n((function(){_(f||[])}),[f,g]);return p(l,{style:{width:"100%"},children:[m(a,{shrink:!0,children:i}),p(o,{"data-testid":"".concat(C,"_select_").concat(i),multiple:!0,displayEmpty:!0,fullWidth:!0,value:V,renderValue:function(e){return function(e){return y&&1===e.length?m(y,{value:e[0]}):0===e.length?"All":1===e.length?e[0]:"".concat(e.length," Selected")}(e)},open:I,onOpen:function(){O(!0),T(!1)},onClose:function(){O(!1),S&&x(0===V.length?null:V),T(!1)},onChange:function(e){var t=e.target.value;_(t.includes("all")?[]:t),T(!0)},children:[p(u,{value:"all",classes:{gutters:b.multiMenuItem},children:[m(c,{"data-testid":"".concat(C,"_checkbox_all"),checked:!0,indeterminate:V.length>0}),m(s,{primary:"All"})]},"all"),m(d,{}),g.map((function(e){return p(u,{value:e,classes:{gutters:b.multiMenuItem},children:[m(c,{"data-testid":"".concat(C,"_checkbox_").concat(e),checked:-1!==V.indexOf(e)}),m(v,{value:e})]},e)}))]})]})};f.propTypes={options:r.arrayOf(r.string).isRequired,currentValues:r.arrayOf(r.string).isRequired,label:r.string.isRequired,ListMenuItem:r.node.isRequired,onChange:r.func.isRequired,ValueComponent:r.node,"data-testid":r.string},f.defaultProps={ValueComponent:null,"data-testid":"MultiSelect"};export{f as MultiSelect};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles, FormControl, InputLabel, Select, MenuItem, Checkbox, ListItemText, Divider } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  multiMenuItem: {
+    paddingLeft: '9px !important',
+    paddingRight: '18px !important'
+  }
+});
+var MultiSelect = function MultiSelect(_ref) {
+  var label = _ref.label,
+    currentValues = _ref.currentValues,
+    options = _ref.options,
+    ListMenuItem = _ref.ListMenuItem,
+    ValueComponent = _ref.ValueComponent,
+    onChange = _ref.onChange,
+    PAGE_NAME = _ref['data-testid'];
+  var classes = useStyles();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    values = _useState2[0],
+    setValues = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isChanged = _useState6[0],
+    setIsChanged = _useState6[1];
+  useEffect(function () {
+    setValues(currentValues || []);
+  }, [currentValues, options]);
+  var handleOpen = function handleOpen() {
+    setOpen(true);
+    setIsChanged(false);
+  };
+  var handleClose = function handleClose() {
+    setOpen(false);
+    if (isChanged) {
+      onChange(values.length === 0 ? null : values);
+    }
+    setIsChanged(false);
+  };
+  var handleChange = function handleChange(e) {
+    var selectedValues = e.target.value;
+    setValues(selectedValues.includes('all') ? [] : selectedValues);
+    setIsChanged(true);
+  };
+  var getSelectedValue = function getSelectedValue(value) {
+    if (ValueComponent && value.length === 1) return /*#__PURE__*/jsx(ValueComponent, {
+      value: value[0]
+    });
+    if (value.length === 0) return 'All';
+    if (value.length === 1) return value[0];
+    return "".concat(value.length, " Selected");
+  };
+  return /*#__PURE__*/jsxs(FormControl, {
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/jsx(InputLabel, {
+      shrink: true,
+      children: label
+    }), /*#__PURE__*/jsxs(Select, {
+      "data-testid": "".concat(PAGE_NAME, "_select_").concat(label),
+      multiple: true,
+      displayEmpty: true,
+      fullWidth: true,
+      value: values,
+      renderValue: function renderValue(value) {
+        return getSelectedValue(value);
+      },
+      open: open,
+      onOpen: handleOpen,
+      onClose: handleClose,
+      onChange: handleChange,
+      children: [/*#__PURE__*/jsxs(MenuItem, {
+        value: "all",
+        classes: {
+          gutters: classes.multiMenuItem
+        },
+        children: [/*#__PURE__*/jsx(Checkbox, {
+          "data-testid": "".concat(PAGE_NAME, "_checkbox_all"),
+          checked: true,
+          indeterminate: values.length > 0
+        }), /*#__PURE__*/jsx(ListItemText, {
+          primary: "All"
+        })]
+      }, "all"), /*#__PURE__*/jsx(Divider, {}), options.map(function (option) {
+        return /*#__PURE__*/jsxs(MenuItem, {
+          value: option,
+          classes: {
+            gutters: classes.multiMenuItem
+          },
+          children: [/*#__PURE__*/jsx(Checkbox, {
+            "data-testid": "".concat(PAGE_NAME, "_checkbox_").concat(option),
+            checked: values.indexOf(option) !== -1
+          }), /*#__PURE__*/jsx(ListMenuItem, {
+            value: option
+          })]
+        }, option);
+      })]
+    })]
+  });
+};
+MultiSelect.propTypes = {
+  options: PropTypes.arrayOf(PropTypes.string).isRequired,
+  currentValues: PropTypes.arrayOf(PropTypes.string).isRequired,
+  label: PropTypes.string.isRequired,
+  ListMenuItem: PropTypes.node.isRequired,
+  onChange: PropTypes.func.isRequired,
+  ValueComponent: PropTypes.node,
+  'data-testid': PropTypes.string
+};
+MultiSelect.defaultProps = {
+  ValueComponent: null,
+  'data-testid': 'MultiSelect'
+};
+
+export { MultiSelect };
+//# sourceMappingURL=MultiSelect.js.map

package/components/OffsetWellPickerV4/components/Filter/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/MultiSelect.js"],"sourcesContent":["import { useEffect, useState } 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  multiMenuItem: {\n    paddingLeft: '9px !important',\n    paddingRight: '18px !important',\n  },\n});\n\nexport const MultiSelect = ({\n  label,\n  currentValues,\n  options,\n  ListMenuItem,\n  ValueComponent,\n  onChange,\n  'data-testid': PAGE_NAME,\n}) => {\n  const classes = useStyles();\n  const [values, setValues] = useState([]);\n  const [open, setOpen] = useState(false);\n  const [isChanged, setIsChanged] = useState(false);\n\n  useEffect(() => {\n    setValues(currentValues || []);\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.length === 0 ? null : 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  const getSelectedValue = value => {\n    if (ValueComponent && value.length === 1) return <ValueComponent value={value[0]} />;\n    if (value.length === 0) return 'All';\n    if (value.length === 1) return value[0];\n    return `${value.length} Selected`;\n  };\n\n  return (\n    <FormControl style={{ width: '100%' }}>\n      <InputLabel shrink>{label}</InputLabel>\n      <Select\n        data-testid={`${PAGE_NAME}_select_${label}`}\n        multiple\n        displayEmpty\n        fullWidth\n        value={values}\n        renderValue={value => getSelectedValue(value)}\n        open={open}\n        onOpen={handleOpen}\n        onClose={handleClose}\n        onChange={handleChange}\n      >\n        <MenuItem key=\"all\" value=\"all\" classes={{ gutters: classes.multiMenuItem }}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_checkbox_all`}\n            checked\n            indeterminate={values.length > 0}\n          />\n          <ListItemText primary=\"All\" />\n        </MenuItem>\n\n        <Divider />\n\n        {options.map(option => (\n          <MenuItem key={option} value={option} classes={{ gutters: classes.multiMenuItem }}>\n            <Checkbox\n              data-testid={`${PAGE_NAME}_checkbox_${option}`}\n              checked={values.indexOf(option) !== -1}\n            />\n            <ListMenuItem value={option} />\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  label: PropTypes.string.isRequired,\n  ListMenuItem: PropTypes.node.isRequired,\n  onChange: PropTypes.func.isRequired,\n  ValueComponent: PropTypes.node,\n  'data-testid': PropTypes.string,\n};\n\nMultiSelect.defaultProps = {\n  ValueComponent: null,\n  'data-testid': 'MultiSelect',\n};\n"],"names":["useStyles","makeStyles","multiMenuItem","paddingLeft","paddingRight","MultiSelect","label","currentValues","options","ListMenuItem","ValueComponent","onChange","PAGE_NAME","classes","useState","values","setValues","open","setOpen","isChanged","setIsChanged","useEffect","handleOpen","handleClose","length","handleChange","e","selectedValues","target","value","includes","getSelectedValue","_jsx","_jsxs","width","gutters","map","option","indexOf","propTypes","PropTypes","arrayOf","string","isRequired","node","func","defaultProps"],"mappings":"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"}

package/components/OffsetWellPickerV4/components/Filter/PeriodSelect.js

@@ -1 +1,48 @@
-import e from"prop-types";import{FormControl as r,InputLabel as t,Select as a,MenuItem as n}from"@material-ui/core";import{jsxs as i,jsx as l}from"react/jsx-runtime";var o=function(e){var o=e.label,u=e.currentValue,c=e.options,s=e.onChange;return i(r,{style:{width:"100%"},children:[o&&l(t,{shrink:!0,children:o}),l(a,{"data-testid":"".concat("PeriodSelect","_select"),value:u,onChange:function(e){s(e.target.value.includes("all")?null:e.target.value)},children:c.map((function(e){var r=e.value,t=e.label;return l(n,{"data-testid":"".concat("PeriodSelect","_option_").concat(r,"MenuItem"),value:r,children:t},r)}))})]})};o.propTypes={label:e.string,currentValue:e.string.isRequired,options:e.arrayOf(e.shape({})).isRequired,onChange:e.func.isRequired},o.defaultProps={label:""};export{o as PeriodSelect};
+import PropTypes from 'prop-types';
+import { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'PeriodSelect';
+var PeriodSelect = function PeriodSelect(_ref) {
+  var label = _ref.label,
+    currentValue = _ref.currentValue,
+    options = _ref.options,
+    onChange = _ref.onChange;
+  var handleChange = function handleChange(e) {
+    onChange(e.target.value.includes('all') ? null : e.target.value);
+  };
+  return /*#__PURE__*/jsxs(FormControl, {
+    style: {
+      width: '100%'
+    },
+    children: [label && /*#__PURE__*/jsx(InputLabel, {
+      shrink: true,
+      children: label
+    }), /*#__PURE__*/jsx(Select, {
+      "data-testid": "".concat(PAGE_NAME, "_select"),
+      value: currentValue,
+      onChange: handleChange,
+      children: options.map(function (_ref2) {
+        var value = _ref2.value,
+          label = _ref2.label;
+        return /*#__PURE__*/jsx(MenuItem, {
+          "data-testid": "".concat(PAGE_NAME, "_option_").concat(value, "MenuItem"),
+          value: value,
+          children: label
+        }, value);
+      })
+    })]
+  });
+};
+PeriodSelect.propTypes = {
+  label: PropTypes.string,
+  currentValue: PropTypes.string.isRequired,
+  options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onChange: PropTypes.func.isRequired
+};
+PeriodSelect.defaultProps = {
+  label: ''
+};
+
+export { PeriodSelect };
+//# sourceMappingURL=PeriodSelect.js.map

package/components/OffsetWellPickerV4/components/Filter/PeriodSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelect.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/PeriodSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';\n\nconst PAGE_NAME = 'PeriodSelect';\n\nexport const PeriodSelect = ({ label, currentValue, options, onChange }) => {\n  const handleChange = e => {\n    onChange(e.target.value.includes('all') ? null : e.target.value);\n  };\n  return (\n    <FormControl style={{ width: '100%' }}>\n      {label && <InputLabel shrink>{label}</InputLabel>}\n      <Select\n        data-testid={`${PAGE_NAME}_select`}\n        value={currentValue}\n        onChange={handleChange}\n      >\n        {options.map(({ value, label }) => (\n          <MenuItem\n            data-testid={`${PAGE_NAME}_option_${value}MenuItem`}\n            key={value}\n            value={value}\n          >\n            {label}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n};\n\nPeriodSelect.propTypes = {\n  label: PropTypes.string,\n  currentValue: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n\nPeriodSelect.defaultProps = {\n  label: '',\n};\n"],"names":["PAGE_NAME","PeriodSelect","label","currentValue","options","onChange","handleChange","e","target","value","includes","_jsxs","width","_jsx","map","propTypes","PropTypes","string","isRequired","arrayOf","shape","func","defaultProps"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAG,cAAc,CAAA;AAEnBC,IAAAA,YAAY,GAAG,SAAfA,YAAY,CAAmD,IAAA,EAAA;EAAA,IAA7CC,KAAK,QAALA,KAAK;AAAEC,IAAAA,YAAY,QAAZA,YAAY;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AACnE,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAGC,CAAC,EAAI;AACxBF,IAAAA,QAAQ,CAACE,CAAC,CAACC,MAAM,CAACC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,GAAGH,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;GACjE,CAAA;AACD,EAAA,oBACEE,KAAC,WAAW,EAAA;AAAC,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE,MAAA;KAAS;IAAA,QACnCV,EAAAA,CAAAA,KAAK,iBAAIW,GAAA,CAAC,UAAU,EAAA;MAAC,MAAM,EAAA,IAAA;MAAA,QAAEX,EAAAA,KAAAA;KAAmB,CAAA,eACjDW,IAAC,MAAM,EAAA;AACL,MAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBb,SAAS,EAAU,SAAA,CAAA;AACnC,MAAA,KAAK,EAAEG,YAAa;AACpB,MAAA,QAAQ,EAAEG,YAAa;MAAA,QAEtBF,EAAAA,OAAO,CAACU,GAAG,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGL,KAAK,SAALA,KAAK;AAAEP,UAAAA,KAAK,SAALA,KAAK,CAAA;AAAA,QAAA,oBAC1BW,IAAC,QAAQ,EAAA;UACP,aAAgBb,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAAWS,UAAAA,CAAAA,CAAAA,MAAAA,CAAAA,KAAK,EAAW,UAAA,CAAA;AAEpD,UAAA,KAAK,EAAEA,KAAM;UAAA,QAEZP,EAAAA,KAAAA;AAAK,SAAA,EAHDO,KAAK,CAID,CAAA;OACZ,CAAA;KACM,CAAA,CAAA;GACG,CAAA,CAAA;AAElB,EAAC;AAEDR,YAAY,CAACc,SAAS,GAAG;EACvBb,KAAK,EAAEc,SAAS,CAACC,MAAM;AACvBd,EAAAA,YAAY,EAAEa,SAAS,CAACC,MAAM,CAACC,UAAU;AACzCd,EAAAA,OAAO,EAAEY,SAAS,CAACG,OAAO,CAACH,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAAC,CAACF,UAAU;AAC1Db,EAAAA,QAAQ,EAAEW,SAAS,CAACK,IAAI,CAACH,UAAAA;AAC3B,CAAC,CAAA;AAEDjB,YAAY,CAACqB,YAAY,GAAG;AAC1BpB,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC;;;;"}

package/components/OffsetWellPickerV4/components/Filter/RadiusInput.js

@@ -1 +1,80 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useMemo as r,useEffect as i}from"react";import a from"prop-types";import{Tooltip as n,TextField as o}from"@material-ui/core";import{debounce as u}from"lodash";import{convertValue as l}from"../../../../utils/index.js";import{getIsImperial as s}from"../../utils/unitSystem.js";import{jsx as d}from"react/jsx-runtime";var m=u((function(e){e()}),1500),p=function(e){var t,r=null==e||null===(t=e.nativeEvent)||void 0===t?void 0:t.data,i="-"===r&&""===e.target.value;return"e"===r||"E"===r||"+"===r||"."===r||i},c=function(a){var u=a.radius,c=a.editable,f=a.onChange,v=a["data-testid"],b=t(u),h=e(b,2),g=h[0],x=h[1],y=t(null),R=e(y,2),j=R[0],k=R[1],T=r((function(){return s()}),[]);i((function(){var e=T?u:l(u,"length","mi","km",3);x(Number.parseFloat(e).toFixed(2))}),[u]);return d(n,{title:c?"":"To make radius active select Subject Well.",children:d(o,{"data-testid":"".concat(v,"_input"),type:"number",label:"Radius (".concat(T?"miles":"km",")"),value:g||"",disabled:!c,onChange:function(e){var t=e.target.value;if(!p(e)){if(!Number.isFinite(+t)||+t<0)k("Incorrect radius");else{k(null);var r=T?+t:l(t,"length","km","mi",3);m((function(){f(+r)}))}x(t)}},error:!!j,helperText:j},"ows4-radius-input")})};c.propTypes={radius:a.number.isRequired,editable:a.bool.isRequired,onChange:a.func.isRequired,"data-testid":a.string},c.defaultProps={"data-testid":"RadiusInput"};export{c as RadiusInput,p as isBuggySymbolEntered};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { Tooltip, TextField } from '@material-ui/core';
+import { debounce } from 'lodash';
+import { convertValue } from '../../../../utils/index.js';
+import { getIsImperial } from '../../utils/unitSystem.js';
+import { jsx } from 'react/jsx-runtime';
+
+var debouncedFunc = debounce(function (callback) {
+  callback();
+}, 1500);
+var isBuggySymbolEntered = function isBuggySymbolEntered(event) {
+  var _event$nativeEvent;
+  var char = event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.data;
+  var isNotValidMinus = char === '-' && event.target.value === '';
+  return char === 'e' || char === 'E' || char === '+' || char === '.' || isNotValidMinus;
+};
+var RadiusInput = function RadiusInput(_ref) {
+  var radius = _ref.radius,
+    editable = _ref.editable,
+    onChange = _ref.onChange,
+    PAGE_NAME = _ref['data-testid'];
+  var _useState = useState(radius),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var isImperial = useMemo(function () {
+    return getIsImperial();
+  }, []);
+  useEffect(function () {
+    var radiusValue = isImperial ? radius : convertValue(radius, 'length', 'mi', 'km', 3);
+    setValue(Number.parseFloat(radiusValue).toFixed(2));
+  }, [radius]);
+  var handleChangeValue = function handleChangeValue(e) {
+    var newValue = e.target.value;
+    if (isBuggySymbolEntered(e)) {
+      return;
+    }
+    if (!Number.isFinite(+newValue) || +newValue < 0) {
+      setError('Incorrect radius');
+    } else {
+      setError(null);
+      var newRaduis = isImperial ? +newValue : convertValue(newValue, 'length', 'km', 'mi', 3);
+      debouncedFunc(function () {
+        onChange(+newRaduis);
+      });
+    }
+    setValue(newValue);
+  };
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: !editable ? 'To make radius active select Subject Well.' : '',
+    children: /*#__PURE__*/jsx(TextField, {
+      "data-testid": "".concat(PAGE_NAME, "_input"),
+      type: "number",
+      label: "Radius (".concat(isImperial ? 'miles' : 'km', ")"),
+      value: value || '',
+      disabled: !editable,
+      onChange: handleChangeValue,
+      error: !!error,
+      helperText: error
+    }, "ows4-radius-input")
+  });
+};
+RadiusInput.propTypes = {
+  radius: PropTypes.number.isRequired,
+  editable: PropTypes.bool.isRequired,
+  onChange: PropTypes.func.isRequired,
+  "data-testid": PropTypes.string
+};
+RadiusInput.defaultProps = {
+  "data-testid": "RadiusInput"
+};
+
+export { RadiusInput, isBuggySymbolEntered };
+//# sourceMappingURL=RadiusInput.js.map

package/components/OffsetWellPickerV4/components/Filter/RadiusInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadiusInput.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/RadiusInput.js"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { TextField, Tooltip } from '@material-ui/core';\nimport { debounce } from 'lodash';\nimport { convertValue } from '~/utils';\nimport { getIsImperial } from '../../utils/unitSystem';\n\nconst debouncedFunc = debounce(callback => {\n  callback();\n}, 1500);\n\nexport const isBuggySymbolEntered = event => {\n  const char = event?.nativeEvent?.data;\n  const isNotValidMinus = char === '-' && event.target.value === '';\n  return char === 'e' || char === 'E' || char === '+' || char === '.' || isNotValidMinus;\n};\n\nexport const RadiusInput = ({ radius, editable, onChange, 'data-testid': PAGE_NAME }) => {\n  const [value, setValue] = useState(radius);\n  const [error, setError] = useState(null);\n  const isImperial = useMemo(() => getIsImperial(), []);\n\n  useEffect(() => {\n    const radiusValue = isImperial ? radius : convertValue(radius, 'length', 'mi', 'km', 3);\n    setValue(Number.parseFloat(radiusValue).toFixed(2));\n  }, [radius]);\n\n  const handleChangeValue = e => {\n    const newValue = e.target.value;\n    if (isBuggySymbolEntered(e)) {\n      return;\n    }\n\n    if (!Number.isFinite(+newValue) || +newValue < 0) {\n      setError('Incorrect radius');\n    } else {\n      setError(null);\n      const newRaduis = isImperial ? +newValue : convertValue(newValue, 'length', 'km', 'mi', 3);\n      debouncedFunc(() => {\n        onChange(+newRaduis);\n      });\n    }\n\n    setValue(newValue);\n  };\n  return (\n    <Tooltip title={!editable ? 'To make radius active select Subject Well.' : ''}>\n      <TextField\n        data-testid={`${PAGE_NAME}_input`}\n        key=\"ows4-radius-input\"\n        type=\"number\"\n        label={`Radius (${isImperial ? 'miles' : 'km'})`}\n        value={value || ''}\n        disabled={!editable}\n        onChange={handleChangeValue}\n        error={!!error}\n        helperText={error}\n      />\n    </Tooltip>\n  );\n};\n\nRadiusInput.propTypes = {\n  radius: PropTypes.number.isRequired,\n  editable: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  \"data-testid\": PropTypes.string,\n};\n\nRadiusInput.defaultProps = {\n  \"data-testid\": \"RadiusInput\",\n};\n"],"names":["debouncedFunc","debounce","callback","isBuggySymbolEntered","event","char","nativeEvent","data","isNotValidMinus","target","value","RadiusInput","radius","editable","onChange","PAGE_NAME","useState","setValue","error","setError","isImperial","useMemo","getIsImperial","useEffect","radiusValue","convertValue","Number","parseFloat","toFixed","handleChangeValue","e","newValue","isFinite","newRaduis","_jsx","propTypes","PropTypes","number","isRequired","bool","func","string","defaultProps"],"mappings":"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"}

package/components/OffsetWellPickerV4/components/Filter/SingleSelect.js

@@ -1 +1,49 @@
-import e from"prop-types";import{FormControl as r,InputLabel as a,Select as n,MenuItem as t}from"@material-ui/core";import{jsxs as l,jsx as i}from"react/jsx-runtime";var c=function(e){var c=e.label,o=e.currentValue,u=e.options,s=e.className,d=e.renderValue,p=e.onChange;return l(r,{className:s,children:[c&&i(a,{shrink:!0,children:c}),i(n,{"data-testid":"".concat("SingleSelect","_select_").concat(c),value:o,renderValue:d,onChange:p,children:u.map((function(e){var r=e.value,a=e.label;return i(t,{"data-testid":"".concat("SingleSelect","_option_").concat(r,"MenuItem"),value:r,children:a},r)}))})]})};c.propTypes={label:e.string,currentValue:e.string.isRequired,options:e.arrayOf(e.shape({})).isRequired,className:e.string.isRequired,renderValue:e.func,onChange:e.func.isRequired},c.defaultProps={label:"",renderValue:null};export{c as SingleSelect};
+import PropTypes from 'prop-types';
+import { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'SingleSelect';
+var SingleSelect = function SingleSelect(_ref) {
+  var label = _ref.label,
+    currentValue = _ref.currentValue,
+    options = _ref.options,
+    className = _ref.className,
+    renderValue = _ref.renderValue,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/jsxs(FormControl, {
+    className: className,
+    children: [label && /*#__PURE__*/jsx(InputLabel, {
+      shrink: true,
+      children: label
+    }), /*#__PURE__*/jsx(Select, {
+      "data-testid": "".concat(PAGE_NAME, "_select_").concat(label),
+      value: currentValue,
+      renderValue: renderValue,
+      onChange: onChange,
+      children: options.map(function (_ref2) {
+        var value = _ref2.value,
+          label = _ref2.label;
+        return /*#__PURE__*/jsx(MenuItem, {
+          "data-testid": "".concat(PAGE_NAME, "_option_").concat(value, "MenuItem"),
+          value: value,
+          children: label
+        }, value);
+      })
+    })]
+  });
+};
+SingleSelect.propTypes = {
+  label: PropTypes.string,
+  currentValue: PropTypes.string.isRequired,
+  options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  className: PropTypes.string.isRequired,
+  renderValue: PropTypes.func,
+  onChange: PropTypes.func.isRequired
+};
+SingleSelect.defaultProps = {
+  label: '',
+  renderValue: null
+};
+
+export { SingleSelect };
+//# sourceMappingURL=SingleSelect.js.map

package/components/OffsetWellPickerV4/components/Filter/SingleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelect.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/SingleSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';\n\nconst PAGE_NAME = 'SingleSelect';\n\nexport const SingleSelect = ({\n  label,\n  currentValue,\n  options,\n  className,\n  renderValue,\n  onChange,\n}) => {\n  return (\n    <FormControl className={className}>\n      {label && <InputLabel shrink>{label}</InputLabel>}\n      <Select\n        data-testid={`${PAGE_NAME}_select_${label}`}\n        value={currentValue}\n        renderValue={renderValue}\n        onChange={onChange}\n      >\n        {options.map(({ value, label }) => (\n          <MenuItem\n            data-testid={`${PAGE_NAME}_option_${value}MenuItem`}\n            key={value}\n            value={value}\n          >\n            {label}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n};\n\nSingleSelect.propTypes = {\n  label: PropTypes.string,\n  currentValue: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  className: PropTypes.string.isRequired,\n  renderValue: PropTypes.func,\n  onChange: PropTypes.func.isRequired,\n};\n\nSingleSelect.defaultProps = {\n  label: '',\n  renderValue: null,\n};\n"],"names":["PAGE_NAME","SingleSelect","label","currentValue","options","className","renderValue","onChange","_jsxs","_jsx","map","value","propTypes","PropTypes","string","isRequired","arrayOf","shape","func","defaultProps"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAG,cAAc,CAAA;AAEnBC,IAAAA,YAAY,GAAG,SAAfA,YAAY,CAOnB,IAAA,EAAA;EAAA,IANJC,KAAK,QAALA,KAAK;AACLC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AAER,EAAA,oBACEC,KAAC,WAAW,EAAA;AAAC,IAAA,SAAS,EAAEH,SAAU;IAAA,QAC/BH,EAAAA,CAAAA,KAAK,iBAAIO,GAAA,CAAC,UAAU,EAAA;MAAC,MAAM,EAAA,IAAA;MAAA,QAAEP,EAAAA,KAAAA;KAAmB,CAAA,eACjDO,IAAC,MAAM,EAAA;MACL,aAAgBT,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAAWE,UAAAA,CAAAA,CAAAA,MAAAA,CAAAA,KAAK,CAAG;AAC5C,MAAA,KAAK,EAAEC,YAAa;AACpB,MAAA,WAAW,EAAEG,WAAY;AACzB,MAAA,QAAQ,EAAEC,QAAS;MAAA,QAElBH,EAAAA,OAAO,CAACM,GAAG,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGC,KAAK,SAALA,KAAK;AAAET,UAAAA,KAAK,SAALA,KAAK,CAAA;AAAA,QAAA,oBAC1BO,IAAC,QAAQ,EAAA;UACP,aAAgBT,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAAWW,UAAAA,CAAAA,CAAAA,MAAAA,CAAAA,KAAK,EAAW,UAAA,CAAA;AAEpD,UAAA,KAAK,EAAEA,KAAM;UAAA,QAEZT,EAAAA,KAAAA;AAAK,SAAA,EAHDS,KAAK,CAID,CAAA;OACZ,CAAA;KACM,CAAA,CAAA;GACG,CAAA,CAAA;AAElB,EAAC;AAEDV,YAAY,CAACW,SAAS,GAAG;EACvBV,KAAK,EAAEW,SAAS,CAACC,MAAM;AACvBX,EAAAA,YAAY,EAAEU,SAAS,CAACC,MAAM,CAACC,UAAU;AACzCX,EAAAA,OAAO,EAAES,SAAS,CAACG,OAAO,CAACH,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAAC,CAACF,UAAU;AAC1DV,EAAAA,SAAS,EAAEQ,SAAS,CAACC,MAAM,CAACC,UAAU;EACtCT,WAAW,EAAEO,SAAS,CAACK,IAAI;AAC3BX,EAAAA,QAAQ,EAAEM,SAAS,CAACK,IAAI,CAACH,UAAAA;AAC3B,CAAC,CAAA;AAEDd,YAAY,CAACkB,YAAY,GAAG;AAC1BjB,EAAAA,KAAK,EAAE,EAAE;AACTI,EAAAA,WAAW,EAAE,IAAA;AACf,CAAC;;;;"}

package/components/OffsetWellPickerV4/components/Filter/WellSection.js

@@ -1 +1,33 @@
-import e from"prop-types";import{makeStyles as r}from"@material-ui/core";import{SingleSelect as t}from"./SingleSelect.js";import{jsx as i}from"react/jsx-runtime";var o=r({wellSection:{width:"100%"}}),n=function(e){var r=e.selectedValue,n=e.wellSections,l=e.onChange,a=o();return i(t,{label:"Well Section",currentValue:r,options:n,className:a.wellSection,onChange:function(e){return l(e.target.value)}})};n.propTypes={selectedValue:e.string.isRequired,wellSections:e.arrayOf(e.shape({})).isRequired,onChange:e.func.isRequired};export{n as WellSection};
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/core';
+import { SingleSelect } from './SingleSelect.js';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  wellSection: {
+    width: '100%'
+  }
+});
+var WellSection = function WellSection(_ref) {
+  var selectedValue = _ref.selectedValue,
+    wellSections = _ref.wellSections,
+    _onChange = _ref.onChange;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(SingleSelect, {
+    label: "Well Section",
+    currentValue: selectedValue,
+    options: wellSections,
+    className: classes.wellSection,
+    onChange: function onChange(event) {
+      return _onChange(event.target.value);
+    }
+  });
+};
+WellSection.propTypes = {
+  selectedValue: PropTypes.string.isRequired,
+  wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onChange: PropTypes.func.isRequired
+};
+
+export { WellSection };
+//# sourceMappingURL=WellSection.js.map

package/components/OffsetWellPickerV4/components/Filter/WellSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellSection.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/WellSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport { SingleSelect } from './SingleSelect';\n\nconst useStyles = makeStyles({\n  wellSection: {\n    width: '100%',\n  },\n});\n\nexport const WellSection = ({ selectedValue, wellSections, onChange }) => {\n  const classes = useStyles();\n  return (\n    <SingleSelect\n      label=\"Well Section\"\n      currentValue={selectedValue}\n      options={wellSections}\n      className={classes.wellSection}\n      onChange={event => onChange(event.target.value)}\n    />\n  );\n};\n\nWellSection.propTypes = {\n  selectedValue: PropTypes.string.isRequired,\n  wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n"],"names":["useStyles","makeStyles","wellSection","width","WellSection","selectedValue","wellSections","onChange","classes","_jsx","event","target","value","propTypes","PropTypes","string","isRequired","arrayOf","shape","func"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,MAAA;AACT,GAAA;AACF,CAAC,CAAC,CAAA;AAEWC,IAAAA,WAAW,GAAG,SAAdA,WAAW,CAAkD,IAAA,EAAA;EAAA,IAA5CC,aAAa,QAAbA,aAAa;AAAEC,IAAAA,YAAY,QAAZA,YAAY;AAAEC,IAAAA,SAAQ,QAARA,QAAQ,CAAA;EACjE,IAAMC,OAAO,GAAGR,SAAS,EAAE,CAAA;AAC3B,EAAA,oBACES,IAAC,YAAY,EAAA;AACX,IAAA,KAAK,EAAC,cAAc;AACpB,IAAA,YAAY,EAAEJ,aAAc;AAC5B,IAAA,OAAO,EAAEC,YAAa;IACtB,SAAS,EAAEE,OAAO,CAACN,WAAY;IAC/B,QAAQ,EAAE,kBAAAQ,KAAK,EAAA;AAAA,MAAA,OAAIH,SAAQ,CAACG,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;AAAA,KAAA;GAC/C,CAAA,CAAA;AAEN,EAAC;AAEDR,WAAW,CAACS,SAAS,GAAG;AACtBR,EAAAA,aAAa,EAAES,SAAS,CAACC,MAAM,CAACC,UAAU;AAC1CV,EAAAA,YAAY,EAAEQ,SAAS,CAACG,OAAO,CAACH,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAAC,CAACF,UAAU;AAC/DT,EAAAA,QAAQ,EAAEO,SAAS,CAACK,IAAI,CAACH,UAAAA;AAC3B,CAAC;;;;"}

package/components/OffsetWellPickerV4/components/Map/WellsMap.js

@@ -1 +1,49 @@
-import e from"@babel/runtime/helpers/defineProperty";import l from"prop-types";import s from"classnames";import i from"../../../OffsetWellMap/OffsetWellMap.js";import r from"./WellsMap.module.css.js";import{ViewType as a}from"../../constants.js";import{jsx as t}from"react/jsx-runtime";var n=function(l){var n=l.isViewOnly,o=l.subjectWell,d=l.wells,f=l.offsetWellIds,p=l.radius,m=l.mapHidden,u=l.handleChanageOffsetWell,W=l.activeWellId,c=l.viewType;return t("div",{className:m?r.mapContainerHidden:s(r.mapContainer,e({},r.mapContainerMobile,c===a.mobile)),children:t(i,{isViewOnly:n,subjectWell:o,wells:d,offsetWellIds:f,radius:p,handleChanageOffsetWell:u,activeWellId:W})})};n.propTypes={isViewOnly:l.bool.isRequired,subjectWell:l.shape({}),wells:l.arrayOf(l.shape({})).isRequired,offsetWellIds:l.arrayOf(l.number).isRequired,radius:l.number,mapHidden:l.bool.isRequired,handleChanageOffsetWell:l.func.isRequired,activeWellId:l.number.isRequired,viewType:l.string.isRequired},n.defaultProps={subjectWell:null,radius:null};export{n as WellsMap};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import OffsetWellMap from '../../../OffsetWellMap/OffsetWellMap.js';
+import styles from './WellsMap.module.css.js';
+import { ViewType } from '../../constants.js';
+import { jsx } from 'react/jsx-runtime';
+
+var WellsMap = function WellsMap(_ref) {
+  var isViewOnly = _ref.isViewOnly,
+    subjectWell = _ref.subjectWell,
+    wells = _ref.wells,
+    offsetWellIds = _ref.offsetWellIds,
+    radius = _ref.radius,
+    mapHidden = _ref.mapHidden,
+    handleChanageOffsetWell = _ref.handleChanageOffsetWell,
+    activeWellId = _ref.activeWellId,
+    viewType = _ref.viewType;
+  return /*#__PURE__*/jsx("div", {
+    className: mapHidden ? styles.mapContainerHidden : classNames(styles.mapContainer, _defineProperty({}, styles.mapContainerMobile, viewType === ViewType.mobile)),
+    children: /*#__PURE__*/jsx(OffsetWellMap, {
+      isViewOnly: isViewOnly,
+      subjectWell: subjectWell,
+      wells: wells,
+      offsetWellIds: offsetWellIds,
+      radius: radius,
+      handleChanageOffsetWell: handleChanageOffsetWell,
+      activeWellId: activeWellId
+    })
+  });
+};
+WellsMap.propTypes = {
+  isViewOnly: PropTypes.bool.isRequired,
+  subjectWell: PropTypes.shape({}),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,
+  radius: PropTypes.number,
+  mapHidden: PropTypes.bool.isRequired,
+  handleChanageOffsetWell: PropTypes.func.isRequired,
+  activeWellId: PropTypes.number.isRequired,
+  viewType: PropTypes.string.isRequired
+};
+WellsMap.defaultProps = {
+  subjectWell: null,
+  radius: null
+};
+
+export { WellsMap };
+//# sourceMappingURL=WellsMap.js.map

package/components/OffsetWellPickerV4/components/Map/WellsMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellsMap.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Map/WellsMap.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport OffsetWellMap from '~/components/OffsetWellMap';\nimport styles from './WellsMap.module.css';\nimport { ViewType } from '../../constants';\n\nexport const WellsMap = ({\n  isViewOnly,\n  subjectWell,\n  wells,\n  offsetWellIds,\n  radius,\n  mapHidden,\n  handleChanageOffsetWell,\n  activeWellId,\n  viewType,\n}) => {\n  return (\n    <div\n      className={\n        mapHidden\n          ? styles.mapContainerHidden\n          : classNames(styles.mapContainer, {\n              [styles.mapContainerMobile]: viewType === ViewType.mobile,\n            })\n      }\n    >\n      <OffsetWellMap\n        isViewOnly={isViewOnly}\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWellIds={offsetWellIds}\n        radius={radius}\n        handleChanageOffsetWell={handleChanageOffsetWell}\n        activeWellId={activeWellId}\n      />\n    </div>\n  );\n};\n\nWellsMap.propTypes = {\n  isViewOnly: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n  handleChanageOffsetWell: PropTypes.func.isRequired,\n  activeWellId: PropTypes.number.isRequired,\n  viewType: PropTypes.string.isRequired,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  radius: null,\n};\n"],"names":["WellsMap","isViewOnly","subjectWell","wells","offsetWellIds","radius","mapHidden","handleChanageOffsetWell","activeWellId","viewType","_jsx","styles","mapContainerHidden","classNames","mapContainer","mapContainerMobile","ViewType","mobile","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","func","string","defaultProps"],"mappings":";;;;;;;;AAMaA,IAAAA,QAAQ,GAAG,SAAXA,QAAQ,CAUf,IAAA,EAAA;EAAA,IATJC,UAAU,QAAVA,UAAU;AACVC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,aAAa,QAAbA,aAAa;AACbC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,uBAAuB,QAAvBA,uBAAuB;AACvBC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAER,oBACEC,GAAA,CAAA,KAAA,EAAA;IACE,SAAS,EACPJ,SAAS,GACLK,MAAM,CAACC,kBAAkB,GACzBC,UAAU,CAACF,MAAM,CAACG,YAAY,EAC3BH,eAAAA,CAAAA,EAAAA,EAAAA,MAAM,CAACI,kBAAkB,EAAGN,QAAQ,KAAKO,QAAQ,CAACC,MAAM,CAEhE,CAAA;AAAA,IAAA,QAAA,eAEDP,IAAC,aAAa,EAAA;AACZ,MAAA,UAAU,EAAET,UAAW;AACvB,MAAA,WAAW,EAAEC,WAAY;AACzB,MAAA,KAAK,EAAEC,KAAM;AACb,MAAA,aAAa,EAAEC,aAAc;AAC7B,MAAA,MAAM,EAAEC,MAAO;AACf,MAAA,uBAAuB,EAAEE,uBAAwB;AACjD,MAAA,YAAY,EAAEC,YAAAA;AAAa,KAAA,CAAA;GAEzB,CAAA,CAAA;AAEV,EAAC;AAEDR,QAAQ,CAACkB,SAAS,GAAG;AACnBjB,EAAAA,UAAU,EAAEkB,SAAS,CAACC,IAAI,CAACC,UAAU;AACrCnB,EAAAA,WAAW,EAAEiB,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC;AAChCnB,EAAAA,KAAK,EAAEgB,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC,CAAC,CAACD,UAAU;EACxDjB,aAAa,EAAEe,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACK,MAAM,CAAC,CAACH,UAAU;EAC7DhB,MAAM,EAAEc,SAAS,CAACK,MAAM;AACxBlB,EAAAA,SAAS,EAAEa,SAAS,CAACC,IAAI,CAACC,UAAU;AACpCd,EAAAA,uBAAuB,EAAEY,SAAS,CAACM,IAAI,CAACJ,UAAU;AAClDb,EAAAA,YAAY,EAAEW,SAAS,CAACK,MAAM,CAACH,UAAU;AACzCZ,EAAAA,QAAQ,EAAEU,SAAS,CAACO,MAAM,CAACL,UAAAA;AAC7B,CAAC,CAAA;AAEDrB,QAAQ,CAAC2B,YAAY,GAAG;AACtBzB,EAAAA,WAAW,EAAE,IAAI;AACjBG,EAAAA,MAAM,EAAE,IAAA;AACV,CAAC;;;;"}

package/components/OffsetWellPickerV4/components/Map/WellsMap.module.css.js

@@ -1 +1,8 @@
-import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var a={mapContainerHidden:"WellsMap-module_mapContainerHidden__c8shs",mapContainer:"WellsMap-module_mapContainer__mEKOD",mapContainerMobile:"WellsMap-module_mapContainerMobile__4Js5W"};e(".WellsMap-module_mapContainerHidden__c8shs{display:none}.WellsMap-module_mapContainer__mEKOD{left:0;margin-bottom:16px;position:sticky;z-index:2}.WellsMap-module_mapContainerMobile__4Js5W{padding-right:16px}");export{a as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".WellsMap-module_mapContainerHidden__c8shs {\n  display: none;\n}\n\n.WellsMap-module_mapContainer__mEKOD {\n  margin-bottom: 16px;\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n\n.WellsMap-module_mapContainerMobile__4Js5W {\n  padding-right: 16px;\n}\n";
+var styles = {"mapContainerHidden":"WellsMap-module_mapContainerHidden__c8shs","mapContainer":"WellsMap-module_mapContainer__mEKOD","mapContainerMobile":"WellsMap-module_mapContainerMobile__4Js5W"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=WellsMap.module.css.js.map

package/components/OffsetWellPickerV4/components/Map/WellsMap.module.css.js.map

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

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js

@@ -1 +1,91 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as o}from"react";import t from"prop-types";import{TextField as n,InputAdornment as a,Popover as l}from"@material-ui/core";import{Search as c}from"@material-ui/icons";import i from"./AutoCompleteAssetSearch.js";import s from"./AdvancedSearch.module.css.js";import{jsxs as d,Fragment as u,jsx as m}from"react/jsx-runtime";var p=function(t){var p=t.companyId,f=t.subjectWellId,h=t.onChange,v=t.selectedWellIds,I=t.onHideAdvancedSearch,g=r(null),b=e(g,2),A=b[0],C=b[1],y=r(""),j=e(y,2),R=j[0],W=j[1],q=o(),O=function(){W(""),C(null),I()};return d(u,{children:[m(n,{"data-testid":"ows_advanced_search",id:"well-section-search-textfield",placeholder:"Add Offset ...",InputProps:{startAdornment:m(a,{position:"start",children:m(c,{className:s.searchIcon})}),className:s.searchInput},classes:{root:s.searchRoot},ref:q,value:R,onChange:function(e){W(e.target.value),e.target.value&&C(q.current)},onClick:function(e){C(e.currentTarget)}}),m(l,{open:Boolean(A),anchorEl:A,onClose:O,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:m(i,{subjectWellId:f,value:R,company:p,selectedWellIds:v,onChange:h,onClose:O})})]})};p.propTypes={companyId:t.number.isRequired,subjectWellId:t.number.isRequired,onChange:t.func.isRequired,selectedWellIds:t.arrayOf(t.number).isRequired,onHideAdvancedSearch:t.func.isRequired};export{p as AdvancedSearch};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { TextField, InputAdornment, Popover } from '@material-ui/core';
+import { Search } from '@material-ui/icons';
+import AutoCompleteAssetSearch from './AutoCompleteAssetSearch.js';
+import styles from './AdvancedSearch.module.css.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var AdvancedSearch = function AdvancedSearch(_ref) {
+  var companyId = _ref.companyId,
+    subjectWellId = _ref.subjectWellId,
+    onChange = _ref.onChange,
+    selectedWellIds = _ref.selectedWellIds,
+    onHideAdvancedSearch = _ref.onHideAdvancedSearch;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var searchRef = useRef();
+  var handlePopupOpen = function handlePopupOpen(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handlePopupClose = function handlePopupClose() {
+    setValue('');
+    setAnchorEl(null);
+    onHideAdvancedSearch();
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TextField, {
+      "data-testid": "ows_advanced_search",
+      id: "well-section-search-textfield",
+      placeholder: "Add Offset ...",
+      InputProps: {
+        startAdornment: /*#__PURE__*/jsx(InputAdornment, {
+          position: "start",
+          children: /*#__PURE__*/jsx(Search, {
+            className: styles.searchIcon
+          })
+        }),
+        className: styles.searchInput
+      },
+      classes: {
+        root: styles.searchRoot
+      },
+      ref: searchRef,
+      value: value,
+      onChange: function onChange(event) {
+        setValue(event.target.value);
+        if (event.target.value) {
+          setAnchorEl(searchRef.current);
+        }
+      },
+      onClick: handlePopupOpen
+    }), /*#__PURE__*/jsx(Popover, {
+      open: Boolean(anchorEl),
+      anchorEl: anchorEl,
+      onClose: handlePopupClose,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      children: /*#__PURE__*/jsx(AutoCompleteAssetSearch, {
+        subjectWellId: subjectWellId,
+        value: value,
+        company: companyId,
+        selectedWellIds: selectedWellIds,
+        onChange: onChange,
+        onClose: handlePopupClose
+      })
+    })]
+  });
+};
+AdvancedSearch.propTypes = {
+  companyId: PropTypes.number.isRequired,
+  subjectWellId: PropTypes.number.isRequired,
+  onChange: PropTypes.func.isRequired,
+  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,
+  onHideAdvancedSearch: PropTypes.func.isRequired
+};
+
+export { AdvancedSearch };
+//# sourceMappingURL=AdvancedSearch.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Popover, TextField, InputAdornment } from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nimport styles from './AdvancedSearch.module.css';\n\nexport const AdvancedSearch = ({\n  companyId,\n  subjectWellId,\n  onChange,\n  selectedWellIds,\n  onHideAdvancedSearch,\n}) => {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [value, setValue] = useState('');\n  const searchRef = useRef();\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopupClose = () => {\n    setValue('');\n    setAnchorEl(null);\n    onHideAdvancedSearch();\n  };\n\n  return (\n    <>\n      <TextField\n        data-testid=\"ows_advanced_search\"\n        id=\"well-section-search-textfield\"\n        placeholder=\"Add Offset ...\"\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon className={styles.searchIcon} />\n            </InputAdornment>\n          ),\n          className: styles.searchInput,\n        }}\n        classes={{ root: styles.searchRoot }}\n        ref={searchRef}\n        value={value}\n        onChange={event => {\n          setValue(event.target.value);\n          if (event.target.value) {\n            setAnchorEl(searchRef.current);\n          }\n        }}\n        onClick={handlePopupOpen}\n      />\n\n      <Popover\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handlePopupClose}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <AutoCompleteAssetSearch\n          subjectWellId={subjectWellId}\n          value={value}\n          company={companyId}\n          selectedWellIds={selectedWellIds}\n          onChange={onChange}\n          onClose={handlePopupClose}\n        />\n      </Popover>\n    </>\n  );\n};\n\nAdvancedSearch.propTypes = {\n  companyId: PropTypes.number.isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  onChange: PropTypes.func.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onHideAdvancedSearch: PropTypes.func.isRequired,\n};\n"],"names":["AdvancedSearch","companyId","subjectWellId","onChange","selectedWellIds","onHideAdvancedSearch","useState","anchorEl","setAnchorEl","value","setValue","searchRef","useRef","handlePopupOpen","event","currentTarget","handlePopupClose","_jsxs","_Fragment","_jsx","startAdornment","SearchIcon","styles","searchIcon","className","searchInput","root","searchRoot","target","current","Boolean","vertical","horizontal","propTypes","PropTypes","number","isRequired","func","arrayOf"],"mappings":";;;;;;;;;AASaA,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAMrB,IAAA,EAAA;EAAA,IALJC,SAAS,QAATA,SAAS;AACTC,IAAAA,aAAa,QAAbA,aAAa;AACbC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,eAAe,QAAfA,eAAe;AACfC,IAAAA,oBAAoB,QAApBA,oBAAoB,CAAA;EAEpB,IAAgCC,SAAAA,GAAAA,QAAQ,CAAC,IAAI,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAvCC,QAAQ,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAC5B,IAA0BF,UAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAA/BG,KAAK,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,QAAQ,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EACtB,IAAMC,SAAS,GAAGC,MAAM,EAAE,CAAA;AAE1B,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAGC,KAAK,EAAI;AAC/BN,IAAAA,WAAW,CAACM,KAAK,CAACC,aAAa,CAAC,CAAA;GACjC,CAAA;AAED,EAAA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;IAC7BN,QAAQ,CAAC,EAAE,CAAC,CAAA;IACZF,WAAW,CAAC,IAAI,CAAC,CAAA;AACjBH,IAAAA,oBAAoB,EAAE,CAAA;GACvB,CAAA;EAED,oBACEY,IAAA,CAAAC,QAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACEC,IAAC,SAAS,EAAA;AACR,MAAA,aAAA,EAAY,qBAAqB;AACjC,MAAA,EAAE,EAAC,+BAA+B;AAClC,MAAA,WAAW,EAAC,gBAAgB;AAC5B,MAAA,UAAU,EAAE;QACVC,cAAc,eACZD,IAAC,cAAc,EAAA;AAAC,UAAA,QAAQ,EAAC,OAAO;AAAA,UAAA,QAAA,eAC9BA,IAACE,MAAU,EAAA;YAAC,SAAS,EAAEC,MAAM,CAACC,UAAAA;AAAW,WAAA,CAAA;SAE5C,CAAA;QACDC,SAAS,EAAEF,MAAM,CAACG,WAAAA;OAClB;AACF,MAAA,OAAO,EAAE;QAAEC,IAAI,EAAEJ,MAAM,CAACK,UAAAA;OAAa;AACrC,MAAA,GAAG,EAAEhB,SAAU;AACf,MAAA,KAAK,EAAEF,KAAM;MACb,QAAQ,EAAE,SAAAK,QAAAA,CAAAA,KAAK,EAAI;AACjBJ,QAAAA,QAAQ,CAACI,KAAK,CAACc,MAAM,CAACnB,KAAK,CAAC,CAAA;AAC5B,QAAA,IAAIK,KAAK,CAACc,MAAM,CAACnB,KAAK,EAAE;AACtBD,UAAAA,WAAW,CAACG,SAAS,CAACkB,OAAO,CAAC,CAAA;AAChC,SAAA;OACA;AACF,MAAA,OAAO,EAAEhB,eAAAA;KACT,CAAA,eAEFM,IAAC,OAAO,EAAA;AACN,MAAA,IAAI,EAAEW,OAAO,CAACvB,QAAQ,CAAE;AACxB,MAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,OAAO,EAAES,gBAAiB;AAC1B,MAAA,YAAY,EAAE;AACZe,QAAAA,QAAQ,EAAE,KAAK;AACfC,QAAAA,UAAU,EAAE,MAAA;OACZ;AACF,MAAA,eAAe,EAAE;AACfD,QAAAA,QAAQ,EAAE,KAAK;AACfC,QAAAA,UAAU,EAAE,MAAA;OACZ;AAAA,MAAA,QAAA,eAEFb,IAAC,uBAAuB,EAAA;AACtB,QAAA,aAAa,EAAEjB,aAAc;AAC7B,QAAA,KAAK,EAAEO,KAAM;AACb,QAAA,OAAO,EAAER,SAAU;AACnB,QAAA,eAAe,EAAEG,eAAgB;AACjC,QAAA,QAAQ,EAAED,QAAS;AACnB,QAAA,OAAO,EAAEa,gBAAAA;AAAiB,OAAA,CAAA;KAEpB,CAAA,CAAA;GACT,CAAA,CAAA;AAEP,EAAC;AAEDhB,cAAc,CAACiC,SAAS,GAAG;AACzBhC,EAAAA,SAAS,EAAEiC,SAAS,CAACC,MAAM,CAACC,UAAU;AACtClC,EAAAA,aAAa,EAAEgC,SAAS,CAACC,MAAM,CAACC,UAAU;AAC1CjC,EAAAA,QAAQ,EAAE+B,SAAS,CAACG,IAAI,CAACD,UAAU;EACnChC,eAAe,EAAE8B,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACC,MAAM,CAAC,CAACC,UAAU;AAC/D/B,EAAAA,oBAAoB,EAAE6B,SAAS,CAACG,IAAI,CAACD,UAAAA;AACvC,CAAC;;;;"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.module.css.js

@@ -1 +1,8 @@
-import e from'./../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={searchRoot:"AdvancedSearch-module_searchRoot__USptK",searchInput:"AdvancedSearch-module_searchInput__ZIsPt",searchIcon:"AdvancedSearch-module_searchIcon__pD5bZ"};e(".AdvancedSearch-module_searchRoot__USptK{background-color:var(--palette-background-b-9)!important;left:12px;margin-left:12px!important;margin-top:12px!important;position:sticky!important;width:calc(100% - 24px);z-index:999}.AdvancedSearch-module_searchInput__ZIsPt{font-size:16px!important}.AdvancedSearch-module_searchInput__ZIsPt:hover:before{border-bottom:2px solid var(--palette-primary-text-1)!important}.AdvancedSearch-module_searchInput__ZIsPt:hover .AdvancedSearch-module_searchIcon__pD5bZ{fill:var(--palette-primary-text-1)!important}.AdvancedSearch-module_searchInput__ZIsPt:focus-within .AdvancedSearch-module_searchIcon__pD5bZ{fill:var(--palette-primary-main)!important}.AdvancedSearch-module_searchIcon__pD5bZ{fill:var(--palette-primary-text-6)!important;font-size:24px!important}");export{t as default};
+import styleInject from './../../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".AdvancedSearch-module_searchRoot__USptK {\n  width: calc(100% - 24px);\n  margin-left: 12px !important;\n  margin-top: 12px !important;\n  background-color: var(--palette-background-b-9) !important;\n  position: sticky !important;\n  left: 12px;\n  z-index: 999;\n}\n\n.AdvancedSearch-module_searchInput__ZIsPt {\n  font-size: 16px !important;\n}\n\n.AdvancedSearch-module_searchInput__ZIsPt:hover::before {\n  border-bottom: 2px solid var(--palette-primary-text-1) !important;\n}\n\n.AdvancedSearch-module_searchInput__ZIsPt:hover .AdvancedSearch-module_searchIcon__pD5bZ {\n  fill: var(--palette-primary-text-1) !important;\n}\n\n.AdvancedSearch-module_searchInput__ZIsPt:focus-within .AdvancedSearch-module_searchIcon__pD5bZ {\n  fill: var(--palette-primary-main) !important;\n}\n\n.AdvancedSearch-module_searchIcon__pD5bZ {\n  fill: var(--palette-primary-text-6) !important;\n  font-size: 24px !important;\n}\n";
+var styles = {"searchRoot":"AdvancedSearch-module_searchRoot__USptK","searchInput":"AdvancedSearch-module_searchInput__ZIsPt","searchIcon":"AdvancedSearch-module_searchIcon__pD5bZ"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AdvancedSearch.module.css.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,+DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}