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

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

@@ -1,48 +1 @@
-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
+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};

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

@@ -1,80 +1 @@
-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
+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};

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

@@ -1,49 +1 @@
-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
+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};

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

@@ -1,33 +1 @@
-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
+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};

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

@@ -1,49 +1 @@
-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
+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};

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

@@ -1,8 +1 @@
-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
+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};

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

@@ -1,91 +1 @@
-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
+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};

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

@@ -1,8 +1 @@
-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
+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};

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

@@ -1,258 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useRef, useState, useMemo, useEffect } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { sum, startCase, get, isEmpty } from 'lodash';
-import { makeStyles, List, ListSubheader, Chip, ListItem, Checkbox, Typography } from '@material-ui/core';
-import { SEARCH_CATEGORIES } from './constants.js';
-import { StatusOptions, ROWS_PER_PAGE } from '../../../constants.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'AssetResultSection';
-var useStyles = makeStyles(function (theme) {
-  return {
-    assetListWrapper: {
-      margin: '8px 0',
-      flex: 1
-    },
-    assetListContainer: {
-      maxHeight: '350px',
-      backgroundColor: theme.palette.background.paper,
-      position: 'relative',
-      overflow: 'auto'
-    },
-    listSection: {
-      backgroundColor: 'inherit'
-    },
-    ul: {
-      backgroundColor: 'inherit',
-      padding: 0
-    },
-    listGutters: {
-      padding: '2px 8px'
-    },
-    assetTypeSubheaderChip: {
-      height: '24px',
-      color: theme.palette.primary.text6
-    },
-    assetItemTextRoot: {
-      minWidth: '300px'
-    },
-    assetItemTextPrimary: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
-    },
-    loadingInfo: {
-      textAlign: 'center',
-      fontSize: '12px',
-      lineHeight: '17px',
-      color: theme.palette.primary.text8
-    },
-    empty: {
-      color: theme.palette.primary.text6,
-      fontSize: '12px',
-      fontStyle: 'italic',
-      marginLeft: '8px'
-    },
-    menuItem: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      width: '100%'
-    },
-    allMenuItem: {
-      boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.25)'
-    },
-    statusWrapper: {
-      display: 'flex',
-      alignItems: 'center',
-      width: '102px'
-    },
-    status: {
-      width: '8px',
-      height: '8px',
-      marginRight: '8px',
-      borderRadius: '50%',
-      cursor: 'default'
-    }
-  };
-});
-var isLastPage = function isLastPage(data, page) {
-  return !data.find(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2);
-      _ref2[0];
-      var value = _ref2[1];
-    return value.length === ROWS_PER_PAGE * page;
-  });
-};
-var AssetResultSection = function AssetResultSection(_ref3) {
-  var subjectWellId = _ref3.subjectWellId,
-    page = _ref3.page,
-    assetType = _ref3.assetType,
-    loading = _ref3.loading,
-    groupedAssets = _ref3.groupedAssets,
-    onClickAsset = _ref3.onClickAsset,
-    onClickAllAsset = _ref3.onClickAllAsset,
-    onScrollReached = _ref3.onScrollReached;
-  var classes = useStyles();
-  var listRef = useRef(null);
-  var _useState = useState('top'),
-    _useState2 = _slicedToArray(_useState, 2),
-    scrollPosition = _useState2[0],
-    setScrollPosition = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    assetsLen = _useState4[0],
-    setAssetsLen = _useState4[1];
-  var assetsNum = sum(groupedAssets === null || groupedAssets === void 0 ? void 0 : groupedAssets.map(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2);
-      _ref5[0];
-      var assets = _ref5[1];
-    return (assets === null || assets === void 0 ? void 0 : assets.length) || 0;
-  }));
-  var _useMemo = useMemo(function () {
-      if (groupedAssets.length === 1) {
-        var assets = groupedAssets[0][1];
-        var selectedCount = assets.filter(function (asset) {
-          return asset.checked;
-        }).length;
-        var _indeterminate = selectedCount > 0 && assets.length !== selectedCount;
-        var _isAllWellsSelected = selectedCount === assets.length;
-        return [_indeterminate, _isAllWellsSelected];
-      }
-      return [false, false];
-    }, [groupedAssets]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    indeterminate = _useMemo2[0],
-    isAllWellsSelected = _useMemo2[1];
-  useEffect(function () {
-    if (loading) {
-      setAssetsLen(assetsNum);
-      return;
-    }
-    if (scrollPosition === 'top') {
-      listRef.current.scrollTo(0, 5);
-    }
-    if (scrollPosition === 'bottom') {
-      listRef.current.scrollTo(0, listRef.current.scrollHeight - listRef.current.offsetHeight - 5);
-    }
-    if (scrollPosition === 'auto') {
-      listRef.current.scrollTo(0, (listRef.current.scrollHeight - listRef.current.offsetHeight) * assetsLen / assetsNum);
-    }
-  }, [loading]);
-  var handleScrollList = function handleScrollList(e) {
-    if (e.target.scrollHeight === e.target.offsetHeight) return;
-    var currentScrollBottom = e.target.scrollTop + e.target.offsetHeight;
-
-    // NOTE: if scroll is near 1px from the bottom, then load new data.
-    if (Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 && !isLastPage(groupedAssets, page)) {
-      setScrollPosition('auto');
-      onScrollReached('bottom');
-    }
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.assetListWrapper,
-    children: [/*#__PURE__*/jsxs(List, {
-      className: classes.assetListContainer,
-      subheader: /*#__PURE__*/jsx("li", {}),
-      onScroll: handleScrollList,
-      ref: listRef,
-      children: [groupedAssets.map(function (_ref6) {
-        var _ref7 = _slicedToArray(_ref6, 2),
-          assetTypeKey = _ref7[0],
-          asstes = _ref7[1];
-        return /*#__PURE__*/jsx("li", {
-          className: classes.listSection,
-          children: /*#__PURE__*/jsxs("ul", {
-            className: classes.ul,
-            children: [!assetType && /*#__PURE__*/jsx(ListSubheader, {
-              classes: {
-                gutters: classes.listGutters
-              },
-              children: /*#__PURE__*/jsx(Chip, {
-                className: classes.assetTypeSubheaderChip,
-                variant: "outlined",
-                label: SEARCH_CATEGORIES[assetTypeKey].labelPlural
-              }, assetTypeKey)
-            }), assetType && /*#__PURE__*/jsx(ListItem, {
-              button: true,
-              classes: {
-                gutters: classes.listGutters
-              },
-              onClick: function onClick() {
-                return onClickAllAsset(!isAllWellsSelected, assetTypeKey);
-              },
-              children: /*#__PURE__*/jsx("div", {
-                className: classNames(classes.menuItem, classes.allMenuItem),
-                children: /*#__PURE__*/jsxs("div", {
-                  children: [/*#__PURE__*/jsx(Checkbox, {
-                    checked: isAllWellsSelected,
-                    indeterminate: indeterminate,
-                    style: {
-                      marginRight: 8
-                    }
-                  }), "All"]
-                })
-              })
-            }), asstes.map(function (asset) {
-              var _StatusOptions$find;
-              return /*#__PURE__*/jsx(ListItem, {
-                "data-testid": "".concat(PAGE_NAME, "_item_").concat(asset.name, "MenuItem"),
-                button: true,
-                classes: {
-                  gutters: classes.listGutters
-                },
-                disabled: asset.type === SEARCH_CATEGORIES.well.name && !asset.visibility.includes('visible') || !asset.redirectAssetId || asset.redirectAssetId === subjectWellId,
-                onClick: function onClick() {
-                  return onClickAsset(asset, assetTypeKey);
-                },
-                children: /*#__PURE__*/jsxs("div", {
-                  className: classes.menuItem,
-                  children: [/*#__PURE__*/jsxs("div", {
-                    children: [/*#__PURE__*/jsx(Checkbox, {
-                      checked: asset.checked,
-                      style: {
-                        marginRight: 8
-                      }
-                    }), asset.name]
-                  }), /*#__PURE__*/jsxs("div", {
-                    className: classes.statusWrapper,
-                    children: [/*#__PURE__*/jsx("div", {
-                      className: classes.status,
-                      style: {
-                        background: (_StatusOptions$find = StatusOptions.find(function (item) {
-                          return item.value === asset.status;
-                        })) === null || _StatusOptions$find === void 0 ? void 0 : _StatusOptions$find.color
-                      }
-                    }), startCase(asset.status)]
-                  })]
-                })
-              }, "item-".concat(assetTypeKey, "-").concat(get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')));
-            })]
-          })
-        }, "section-".concat(assetTypeKey));
-      }), isEmpty(groupedAssets) && /*#__PURE__*/jsx("div", {
-        className: classes.empty,
-        children: "Your search did not match any Asset Name"
-      })]
-    }), loading && /*#__PURE__*/jsx(Typography, {
-      "data-testid": "".concat(PAGE_NAME, "_loading"),
-      className: classes.loadingInfo,
-      children: "Loading..."
-    })]
-  });
-};
-AssetResultSection.propTypes = {
-  subjectWellId: PropTypes.number.isRequired,
-  page: PropTypes.number.isRequired,
-  assetType: PropTypes.string.isRequired,
-  loading: PropTypes.bool.isRequired,
-  groupedAssets: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  onClickAsset: PropTypes.func.isRequired,
-  onClickAllAsset: PropTypes.func.isRequired,
-  onScrollReached: PropTypes.func.isRequired
-};
-
-export { AssetResultSection as default };
-//# sourceMappingURL=AssetResultSection.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import{useRef as t,useState as r,useMemo as i,useEffect as s}from"react";import n from"classnames";import a from"prop-types";import{sum as l,startCase as o,get as c,isEmpty as u}from"lodash";import{makeStyles as d,List as p,ListSubheader as m,Chip as h,ListItem as f,Checkbox as g,Typography as x}from"@material-ui/core";import{SEARCH_CATEGORIES as b}from"./constants.js";import{StatusOptions as v,ROWS_PER_PAGE as y}from"../../../constants.js";import{jsxs as R,jsx as A}from"react/jsx-runtime";var I=d((function(e){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:e.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:e.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:e.palette.primary.text8},empty:{color:e.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"},menuItem:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},allMenuItem:{boxShadow:"inset 0px -1px 0px rgba(255, 255, 255, 0.25)"},statusWrapper:{display:"flex",alignItems:"center",width:"102px"},status:{width:"8px",height:"8px",marginRight:"8px",borderRadius:"50%",cursor:"default"}}})),k=function(a){var d=a.subjectWellId,k=a.page,C=a.assetType,S=a.loading,N=a.groupedAssets,T=a.onClickAsset,w=a.onClickAllAsset,H=a.onScrollReached,q=I(),W=t(null),j=r("top"),L=e(j,2),_=L[0],G=L[1],M=r(0),z=e(M,2),O=z[0],P=z[1],Y=l(null==N?void 0:N.map((function(t){var r=e(t,2);r[0];var i=r[1];return(null==i?void 0:i.length)||0}))),B=i((function(){if(1===N.length){var e=N[0][1],t=e.filter((function(e){return e.checked})).length;return[t>0&&e.length!==t,t===e.length]}return[!1,!1]}),[N]),D=e(B,2),E=D[0],F=D[1];s((function(){S?P(Y):("top"===_&&W.current.scrollTo(0,5),"bottom"===_&&W.current.scrollTo(0,W.current.scrollHeight-W.current.offsetHeight-5),"auto"===_&&W.current.scrollTo(0,(W.current.scrollHeight-W.current.offsetHeight)*O/Y))}),[S]);return R("div",{className:q.assetListWrapper,children:[R(p,{className:q.assetListContainer,subheader:A("li",{}),onScroll:function(t){if(t.target.scrollHeight!==t.target.offsetHeight){var r=t.target.scrollTop+t.target.offsetHeight;Math.abs(t.target.scrollHeight-r)<1&&!function(t,r){return!t.find((function(t){var i=e(t,2);return i[0],i[1].length===y*r}))}(N,k)&&(G("auto"),H("bottom"))}},ref:W,children:[N.map((function(t){var r=e(t,2),i=r[0],s=r[1];return A("li",{className:q.listSection,children:R("ul",{className:q.ul,children:[!C&&A(m,{classes:{gutters:q.listGutters},children:A(h,{className:q.assetTypeSubheaderChip,variant:"outlined",label:b[i].labelPlural},i)}),C&&A(f,{button:!0,classes:{gutters:q.listGutters},onClick:function(){return w(!F,i)},children:A("div",{className:n(q.menuItem,q.allMenuItem),children:R("div",{children:[A(g,{checked:F,indeterminate:E,style:{marginRight:8}}),"All"]})})}),s.map((function(e){var t;return A(f,{"data-testid":"".concat("AssetResultSection","_item_").concat(e.name,"MenuItem"),button:!0,classes:{gutters:q.listGutters},disabled:e.type===b.well.name&&!e.visibility.includes("visible")||!e.redirectAssetId||e.redirectAssetId===d,onClick:function(){return T(e,i)},children:R("div",{className:q.menuItem,children:[R("div",{children:[A(g,{checked:e.checked,style:{marginRight:8}}),e.name]}),R("div",{className:q.statusWrapper,children:[A("div",{className:q.status,style:{background:null===(t=v.find((function(t){return t.value===e.status})))||void 0===t?void 0:t.color}}),o(e.status)]})]})},"item-".concat(i,"-").concat(c(e,"asset_id")?c(e,"asset_id"):c(e,"id")))}))]})},"section-".concat(i))})),u(N)&&A("div",{className:q.empty,children:"Your search did not match any Asset Name"})]}),S&&A(x,{"data-testid":"".concat("AssetResultSection","_loading"),className:q.loadingInfo,children:"Loading..."})]})};k.propTypes={subjectWellId:a.number.isRequired,page:a.number.isRequired,assetType:a.string.isRequired,loading:a.bool.isRequired,groupedAssets:a.arrayOf(a.shape({})).isRequired,onClickAsset:a.func.isRequired,onClickAllAsset:a.func.isRequired,onScrollReached:a.func.isRequired};export{k as default};