@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Notifications/components/styles.js

@@ -1,141 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    main: {
-      width: 443,
-      height: 48,
-      maxWidth: '85vw',
-      display: 'flex',
-      flexWrap: 'nowrap',
-      alignItems: 'center',
-      padding: 0,
-      marginBottom: theme.spacing(2)
-    },
-    success: {
-      backgroundColor: theme.palette.success.main
-    },
-    error: {
-      backgroundColor: theme.palette.error.main
-    },
-    warning: {
-      backgroundColor: theme.palette.warning.main,
-      '& .MuiSvgIcon-root': {
-        color: theme.palette.background.b7
-      },
-      '& p': {
-        color: theme.palette.background.b7
-      }
-    },
-    info: {
-      backgroundColor: theme.palette.info.main
-    },
-    title: {
-      color: theme.palette.grey[600],
-      fontWeight: '400'
-    },
-    content: {
-      fontSize: '14px',
-      lineHeight: '16px',
-      color: theme.palette.primary.contrastText,
-      fontWeight: 500,
-      whiteSpace: 'normal',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      '-webkit-box-orient': 'vertical',
-      '-webkit-line-clamp': 2,
-      height: 'fit-content',
-      display: '-webkit-box',
-      flexDirection: 'column',
-      justifyContent: 'center'
-    },
-    iconWrapper: {
-      display: 'flex',
-      alignSelf: 'center',
-      alignItems: 'center',
-      height: 35,
-      padding: '0px 10px 0 18px'
-    },
-    icon: {
-      width: 20,
-      height: 20,
-      transform: 'scale(1.2)'
-    },
-    closeIconButton: {
-      '&.MuiButtonBase-root': {
-        color: theme.palette.primary.contrastText,
-        padding: 11,
-        '&:hover': {
-          backgroundColor: 'rgba(255, 255, 255, 0.2)'
-        },
-        '&:active': {
-          backgroundColor: 'rgba(255, 255, 255, 0.4)'
-        }
-      }
-    },
-    closeIcon: {
-      width: 14,
-      height: 14,
-      '&.MuiSvgIcon-root': {
-        fontSize: 14,
-        transform: 'scale(1.715)'
-      }
-    },
-    messageContainer: {
-      overflowX: 'hidden',
-      flex: 1
-    },
-    messageWrapper: {
-      display: 'flex'
-    },
-    message: {
-      display: 'flex',
-      flex: 1,
-      alignItems: 'center',
-      minHeight: 35,
-      height: '100%',
-      overflowY: 'hidden',
-      justifyContent: 'center',
-      flexDirection: 'column'
-    },
-    messageTop: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      overflowX: 'hidden',
-      textOverflow: 'ellipsis',
-      width: '100%'
-    },
-    messageContent: {
-      overflowX: 'hidden',
-      textOverflow: 'ellipsis',
-      width: '100%'
-    },
-    timestamp: {
-      marginLeft: 10,
-      alignSelf: 'flex-end'
-    },
-    actionContainer: {
-      paddingLeft: '8px',
-      marginRight: '16px'
-    },
-    'alertLevels-info': {
-      borderLeft: '15px solid rgb(119, 195, 241)',
-      backgroundColor: theme.palette.primary.contrastText
-    },
-    'alertLevels-warning': {
-      borderLeft: '15px solid rgb(242, 192, 70)',
-      backgroundColor: theme.palette.primary.contrastText
-    },
-    'alertLevels-critical': {
-      borderLeft: '15px solid rgb(237, 70, 48)',
-      backgroundColor: theme.palette.primary.contrastText
-    },
-    tooltip: {
-      marginTop: 8,
-      color: theme.palette.primary.contrastText
-    }
-  };
-});
-
-export { useStyles };
-//# sourceMappingURL=styles.js.map
+import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{main:{width:443,height:48,maxWidth:"85vw",display:"flex",flexWrap:"nowrap",alignItems:"center",padding:0,marginBottom:e.spacing(2)},success:{backgroundColor:e.palette.success.main},error:{backgroundColor:e.palette.error.main},warning:{backgroundColor:e.palette.warning.main,"& .MuiSvgIcon-root":{color:e.palette.background.b7},"& p":{color:e.palette.background.b7}},info:{backgroundColor:e.palette.info.main},title:{color:e.palette.grey[600],fontWeight:"400"},content:{fontSize:"14px",lineHeight:"16px",color:e.palette.primary.contrastText,fontWeight:500,whiteSpace:"normal",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":2,height:"fit-content",display:"-webkit-box",flexDirection:"column",justifyContent:"center"},iconWrapper:{display:"flex",alignSelf:"center",alignItems:"center",height:35,padding:"0px 10px 0 18px"},icon:{width:20,height:20,transform:"scale(1.2)"},closeIconButton:{"&.MuiButtonBase-root":{color:e.palette.primary.contrastText,padding:11,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:active":{backgroundColor:"rgba(255, 255, 255, 0.4)"}}},closeIcon:{width:14,height:14,"&.MuiSvgIcon-root":{fontSize:14,transform:"scale(1.715)"}},messageContainer:{overflowX:"hidden",flex:1},messageWrapper:{display:"flex"},message:{display:"flex",flex:1,alignItems:"center",minHeight:35,height:"100%",overflowY:"hidden",justifyContent:"center",flexDirection:"column"},messageTop:{display:"flex",justifyContent:"space-between",overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},messageContent:{overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},timestamp:{marginLeft:10,alignSelf:"flex-end"},actionContainer:{paddingLeft:"8px",marginRight:"16px"},"alertLevels-info":{borderLeft:"15px solid rgb(119, 195, 241)",backgroundColor:e.palette.primary.contrastText},"alertLevels-warning":{borderLeft:"15px solid rgb(242, 192, 70)",backgroundColor:e.palette.primary.contrastText},"alertLevels-critical":{borderLeft:"15px solid rgb(237, 70, 48)",backgroundColor:e.palette.primary.contrastText},tooltip:{marginTop:8,color:e.palette.primary.contrastText}}}));export{t as useStyles};

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js

@@ -1,480 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get, orderBy, uniq } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/asyncToGenerator';
-import 'query-string';
-import '../../clients/api/apiCore.js';
-import '../../clients/constants.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyles, Dialog, DialogTitle, Typography, Tooltip, IconButton, DialogContent, DialogActions, Button } from '@material-ui/core';
-import CloseIcon from '@material-ui/icons/Close';
-import { memo, useState, useEffect, useMemo, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { useTheme } from '@material-ui/core/styles';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
-import '../../permissions/PermissionsContext.js';
-import usePermissions from '../../permissions/usePermissions.js';
-import { PERMISSIONS } from '../../permissions/constants/index.js';
-import '../../permissions/ProvidePermissions.js';
-import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { DEFAULT_SETTINGS } from './constants.js';
-import Filter from './components/Filter/index.js';
-import useBidirectionalFiltering from './effects/biDirectionalFiltering.js';
-import { useCompanies, useWells, useCompanyMetricKey, useFilteredWells, useWellsWithCoords, useRadiusWells, useOffsetWells, useMetricsData } from './effects/index.js';
-import WellsMap from './components/Map/index.js';
-import WellsTable from './components/Table/index.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles(function (theme) {
-  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(theme.palette.background.b9, ")"),
-      position: 'absolute',
-      bottom: '52px',
-      zIndex: 2
-    },
-    dialogActionsSmallScreen: {
-      paddingRight: '100px' // Intercom
-
-    },
-    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)'
-    }
-  };
-});
-
-var OffsetsPickerDialog = function OffsetsPickerDialog(_ref) {
-  var isOpen = _ref.isOpen,
-      defaultSubjectWellId = _ref.defaultSubjectWellId,
-      companyId = _ref.companyId,
-      offsetSetting = _ref.offsetSetting,
-      currentUser = _ref.currentUser,
-      addWellsUsabilityInfo = _ref.addWellsUsabilityInfo,
-      unusableWellAlarm = _ref.unusableWellAlarm,
-      isAdvancedSearch = _ref.isAdvancedSearch,
-      bestCount = _ref.bestCount,
-      onClose = _ref.onClose,
-      onSave = _ref.onSave;
-  var classes = useStyles();
-  var theme = useTheme();
-  var isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));
-
-  var _usePermissions = usePermissions([PERMISSIONS.companySelectorView]),
-      _usePermissions2 = _slicedToArray(_usePermissions, 1),
-      canViewCompanies = _usePermissions2[0].active;
-
-  var _useState = useState(companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')),
-      _useState2 = _slicedToArray(_useState, 2),
-      assetCompanyId = _useState2[0],
-      setAssetCompanyId = _useState2[1];
-
-  var _useState3 = useState(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId),
-      _useState4 = _slicedToArray(_useState3, 2),
-      subjectWellId = _useState4[0],
-      setSubjectWellId = _useState4[1];
-
-  var _useState5 = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters),
-      _useState6 = _slicedToArray(_useState5, 2),
-      filters = _useState6[0],
-      setFilters = _useState6[1];
-
-  var _useState7 = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius),
-      _useState8 = _slicedToArray(_useState7, 2),
-      radius = _useState8[0],
-      setRadius = _useState8[1];
-
-  var _useState9 = useState(get(offsetSetting, 'excludeSideTrack')),
-      _useState10 = _slicedToArray(_useState9, 2),
-      excludeSideTrack = _useState10[0],
-      setExcludeSideTrack = _useState10[1];
-
-  var _useState11 = useState([]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      metricsKeys = _useState12[0],
-      setMetricsKeys = _useState12[1];
-
-  var _useState13 = useState(DEFAULT_SETTINGS.sortInfo),
-      _useState14 = _slicedToArray(_useState13, 2),
-      sortInfo = _useState14[0],
-      setSortInfo = _useState14[1];
-
-  var _useState15 = useState(false),
-      _useState16 = _slicedToArray(_useState15, 2),
-      mapHidden = _useState16[0],
-      setMapHidden = _useState16[1];
-
-  var _useState17 = useState([]),
-      _useState18 = _slicedToArray(_useState17, 2),
-      selectedWellIds = _useState18[0],
-      setSelectedWellIds = _useState18[1];
-
-  useEffect(function () {
-    if (isOpen) {
-      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);
-      setAssetCompanyId(companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id'));
-      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);
-    }
-  }, [isOpen, offsetSetting]);
-  var isRadiusEditable = useMemo(function () {
-    return !!subjectWellId;
-  }, [subjectWellId]); // NOTE: Fetch all companies
-
-  var companies = useCompanies(canViewCompanies, isAdvancedSearch && defaultSubjectWellId, assetCompanyId); // NOTE: fetch all wells for the currently selected company
-
-  var wells = useWells(assetCompanyId, addWellsUsabilityInfo); // Note: fetch company metric key
-
-  var companyMetricKey = useCompanyMetricKey(assetCompanyId);
-  useEffect(function () {
-    setMetricsKeys(function (prev) {
-      return companyMetricKey ? [companyMetricKey] : prev;
-    });
-  }, [companyMetricKey]); // NOTE: Get available options for every filters
-
-  var filtersOptions = useBidirectionalFiltering(filters, wells); // NOTE: Filter wells by target formation, string design, program, basin, county, area
-
-  var filteredWells = useFilteredWells(filters, excludeSideTrack, wells); // NOTE: get subject well from id
-
-  var subjectWell = useMemo(function () {
-    return filteredWells && subjectWellId ? filteredWells.find(function (well) {
-      return well.id === subjectWellId;
-    }) : null;
-  }, [filteredWells, subjectWellId]); // NOTE: All matched wells regardless of is_usable field
-
-  var filteredWellsWithCoords = useWellsWithCoords(filteredWells, subjectWell); // NOTE: Update selectedWellIds by radius
-
-  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds); // NOTE: Get offset wells (only usable wells)
-
-  var offsetWells = useOffsetWells(radius, wells, selectedWellIds); // NOTE: Fetch metrics for all filtered wells
-
-  var _useMetricsData = useMetricsData(assetCompanyId, filteredWellsWithCoords),
-      _useMetricsData2 = _slicedToArray(_useMetricsData, 2),
-      isMetricsLoading = _useMetricsData2[0],
-      filteredWellsWithMetric = _useMetricsData2[1]; // NOTE: Sort wells by focused metric
-
-
-  var sortedFilteredWells = useMemo(function () {
-    if (!filteredWellsWithMetric) {
-      return filteredWellsWithMetric;
-    }
-
-    return orderBy(filteredWellsWithMetric, sortInfo.key, sortInfo.direction === 1 ? 'asc' : 'desc');
-  }, [sortInfo, filteredWellsWithMetric]);
-  var handleChangeCompany = useCallback(function (newCompanyId) {
-    setAssetCompanyId(newCompanyId);
-    setSubjectWellId(null);
-    setSelectedWellIds([]);
-    setFilters(DEFAULT_SETTINGS.filters);
-  }, []);
-  var handleAddOffsetWell = useCallback(function (targetId) {
-    // Do not allow to add unusuable wells
-    var currentWell = filteredWells.find(function (well) {
-      return well.id === targetId;
-    });
-
-    if (!currentWell || !currentWell.is_usable) {
-      return;
-    }
-
-    setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));
-  }, [selectedWellIds, filteredWells]);
-  var handleDeleteOffsetWell = useCallback(function (targetId) {
-    setSelectedWellIds(uniq(selectedWellIds.filter(function (wellId) {
-      return wellId !== targetId;
-    })));
-  }, [selectedWellIds]);
-  var handleAddAllOffsetWells = useCallback(function () {
-    setSelectedWellIds(filteredWells.filter(function (well) {
-      return well.is_usable;
-    }).map(function (well) {
-      return well.id;
-    }));
-  }, [filteredWells]);
-  var handleDeleteAllOffsetWells = useCallback(function () {
-    setSelectedWellIds([]);
-  }, [filteredWells]);
-  var handleSetSubjectWell = useCallback(function (targetId) {
-    setSelectedWellIds([]);
-    setSubjectWellId(targetId);
-  }, [wells]);
-  var handleRemoveSubjectWell = useCallback(function () {
-    setSelectedWellIds([]);
-    setSubjectWellId(null);
-  }, []);
-  var handleChangeRadius = useCallback(function (newRadius) {
-    setRadius(newRadius);
-  }, []);
-  var handleChangeSidetrack = useCallback(function (checked) {
-    setExcludeSideTrack(checked);
-  }, []);
-  var handleChangeFilters = useCallback(function (key, newValues) {
-    setFilters(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, newValues));
-    });
-    setSelectedWellIds([]);
-  }, []);
-  var handleClearFilters = useCallback(function () {
-    setFilters(_objectSpread({}, DEFAULT_SETTINGS.filters));
-    setSelectedWellIds([]);
-  }, []);
-  var handleToggleMap = useCallback(function () {
-    setMapHidden(function (value) {
-      return !value;
-    });
-  }, []);
-  var handleChangeMetricsKeys = useCallback(function (newMetricsKeys) {
-    setMetricsKeys(newMetricsKeys);
-  }, []); // NOTE: Use column index to determine which metric is used for sorting
-
-  var handleSorting = useCallback(function (newKey) {
-    setSortInfo(function (prevInfo) {
-      return prevInfo.key === newKey ? _objectSpread(_objectSpread({}, prevInfo), {}, {
-        direction: prevInfo.direction * -1
-      }) : {
-        key: newKey,
-        direction: 1
-      };
-    });
-  }, []);
-
-  var handleClose = function handleClose() {
-    onClose();
-  };
-
-  var handleSave = function handleSave() {
-    var setting = _objectSpread(_objectSpread({}, offsetSetting), {}, {
-      companyId: assetCompanyId,
-      subjectWellId: subjectWellId,
-      radius: radius,
-      excludeSideTrack: excludeSideTrack,
-      filters: filters,
-      selectedWellIds: uniq(offsetWells.map(function (offsetWell) {
-        return offsetWell.id;
-      }))
-    });
-
-    onSave(setting, offsetWells);
-  };
-
-  var isLoading = !wells || !filteredWells || !filteredWellsWithCoords || !filteredWellsWithMetric || !offsetWells || !sortedFilteredWells;
-  return /*#__PURE__*/jsxs(Dialog, {
-    onBackdropClick: onClose,
-    onEscapeKeyDown: onClose,
-    maxWidth: "lg",
-    fullWidth: true,
-    fullScreen: isFullScreen,
-    open: isOpen,
-    children: [/*#__PURE__*/jsx(DialogTitle, {
-      children: /*#__PURE__*/jsxs("div", {
-        className: classes.dialogTitles,
-        children: [!isAdvancedSearch ? /*#__PURE__*/jsx(Typography, {
-          className: classes.title,
-          children: "Select Offset Wells"
-        }) : /*#__PURE__*/jsxs("div", {
-          className: classes.titleArea,
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: classes.subTitle,
-            onClick: handleClose,
-            children: "Select Offset Wells"
-          }), /*#__PURE__*/jsx(Typography, {
-            className: classes.subTitleSpace,
-            children: "\xA0/\xA0"
-          }), /*#__PURE__*/jsx(Typography, {
-            className: classes.title,
-            children: "Advanced Search"
-          })]
-        }), /*#__PURE__*/jsx(Tooltip, {
-          title: "Close",
-          children: /*#__PURE__*/jsx(IconButton, {
-            "data-not-migrated-muiiconbutton": true,
-            "aria-label": "close",
-            className: classes.closeIconButton,
-            onClick: onClose,
-            children: /*#__PURE__*/jsx(CloseIcon, {
-              className: classes.closeIcon
-            })
-          })
-        })]
-      })
-    }), /*#__PURE__*/jsx(DialogContent, {
-      className: classes.dialogContent,
-      children: !isLoading ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Filter, {
-          companyId: assetCompanyId,
-          companies: companies,
-          canViewCompanies: canViewCompanies,
-          radius: radius,
-          excludeSideTrack: excludeSideTrack || false,
-          wells: filteredWells,
-          subjectWell: subjectWell,
-          filters: filters,
-          filtersOptions: filtersOptions,
-          mapHidden: mapHidden,
-          isRadiusEditable: isRadiusEditable,
-          onChangeCompany: handleChangeCompany,
-          onSetSubjectWell: handleSetSubjectWell,
-          onChangeRadius: handleChangeRadius,
-          onChangeSidetrack: handleChangeSidetrack,
-          onChangeFilters: handleChangeFilters,
-          onClearFilters: handleClearFilters,
-          onToggleMap: handleToggleMap
-        }), /*#__PURE__*/jsx(WellsMap, {
-          subjectWell: subjectWell,
-          wells: filteredWells,
-          offsetWells: offsetWells,
-          radius: radius,
-          mapHidden: mapHidden,
-          onSetSubjectWell: handleSetSubjectWell,
-          onRemoveSubjectWell: handleRemoveSubjectWell,
-          onAddOffsetWell: handleAddOffsetWell,
-          onDeleteOffsetWell: handleDeleteOffsetWell
-        }), /*#__PURE__*/jsx(WellsTable, {
-          subjectWell: subjectWell,
-          wells: sortedFilteredWells,
-          offsetWells: offsetWells,
-          metricsKeys: metricsKeys,
-          sortInfo: sortInfo,
-          isMetricsLoading: isMetricsLoading,
-          unusableWellAlarm: unusableWellAlarm,
-          onChangeMetricsKeys: handleChangeMetricsKeys,
-          onSorting: handleSorting,
-          onAddOffsetWell: handleAddOffsetWell,
-          onDeleteOffsetWell: handleDeleteOffsetWell,
-          onAddAllOffsetWells: handleAddAllOffsetWells,
-          onDeleteAllOffsetWells: handleDeleteAllOffsetWells
-        })]
-      }) : /*#__PURE__*/jsx(LoadingIndicator, {
-        fullscreen: false
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classes.bottomShadow
-    }), /*#__PURE__*/jsxs(DialogActions, {
-      className: classNames(classes.dialogActions, _defineProperty({}, classes.dialogActionsSmallScreen, isFullScreen)),
-      children: [isAdvancedSearch ? /*#__PURE__*/jsxs("div", {
-        className: classes.selectedWells,
-        children: [/*#__PURE__*/jsx(Typography, {
-          className: classes.selected,
-          children: "Selected:"
-        }), /*#__PURE__*/jsx(Typography, {
-          className: classes.selectedLabel,
-          children: "Best:"
-        }), /*#__PURE__*/jsx(Typography, {
-          className: classes.selectedNumber,
-          children: bestCount
-        }), /*#__PURE__*/jsx(Typography, {
-          className: classes.selectedLabel,
-          children: "Advanced Search:"
-        }), /*#__PURE__*/jsx(Typography, {
-          className: classes.selectedNumber,
-          children: (offsetWells === null || offsetWells === void 0 ? void 0 : offsetWells.length) || 0
-        })]
-      }) : /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx(Button, {
-          onClick: handleClose,
-          color: "primary",
-          style: {
-            marginRight: 16
-          },
-          children: "CANCEL"
-        }), /*#__PURE__*/jsxs(Button, {
-          variant: "contained",
-          color: "primary",
-          onClick: handleSave,
-          children: ["ADD (", (offsetWells === null || offsetWells === void 0 ? void 0 : offsetWells.length) || 0, ")"]
-        })]
-      })]
-    })]
-  });
-};
-
-OffsetsPickerDialog.propTypes = {
-  isOpen: PropTypes.bool.isRequired,
-  defaultSubjectWellId: PropTypes.number,
-  companyId: PropTypes.number,
-  offsetSetting: PropTypes.shape({}).isRequired,
-  currentUser: PropTypes.shape({}).isRequired,
-  addWellsUsabilityInfo: PropTypes.func,
-  // update offset wells usability info in specific apps ("is_usable" field)
-  unusableWellAlarm: PropTypes.string,
-  isAdvancedSearch: PropTypes.bool,
-  bestCount: PropTypes.number,
-  onSave: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired
-};
-OffsetsPickerDialog.defaultProps = {
-  defaultSubjectWellId: null,
-  companyId: null,
-  addWellsUsabilityInfo: null,
-  unusableWellAlarm: 'Unable to add',
-  isAdvancedSearch: false,
-  bestCount: 0
-};
-var OffsetWellPickerV2 = memo(OffsetsPickerDialog);
-
-export default OffsetWellPickerV2;
-//# sourceMappingURL=OffsetWellPickerDialog.js.map
+import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as i,useEffect as o,useMemo as l,useCallback as r}from"react";import s from"prop-types";import{get as c,orderBy as a,uniq as d}from"lodash";import{makeStyles as u,Dialog as f,DialogTitle as m,Typography as p,Tooltip as b,IconButton as g,DialogContent as h,DialogActions as y,Button as S}from"@material-ui/core";import j from"@material-ui/icons/Close";import{useTheme as W}from"@material-ui/core/styles";import v from"@material-ui/core/useMediaQuery";import I from"classnames";import C from"../../permissions/usePermissions.js";import{PERMISSIONS as O}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import A from"../LoadingIndicator/LoadingIndicator.js";import x from"./components/Filter/index.js";import N from"./components/Map/index.js";import w from"./components/Table/index.js";import{useCompanies as k,useWells as D,useCompanyMetricKey as P,useFilteredWells as T,useWellsWithCoords as B,useRadiusWells as R,useOffsetWells as z,useMetricsData as L}from"./effects/index.js";import{DEFAULT_SETTINGS as U}from"./constants.js";import{jsxs as q,jsx as E,Fragment as M}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function H(n){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?_(Object(i),!0).forEach((function(t){e(n,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):_(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var K=u((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)"}}})),V=function(t){var s=t.isOpen,u=t.defaultSubjectWellId,_=t.companyId,V=t.offsetSetting,G=t.currentUser,Q=t.addWellsUsabilityInfo,$=t.unusableWellAlarm,J=t.isAdvancedSearch,X=t.bestCount,Y=t.onClose,Z=t.onSave,ee=K(),ne=W(),te=v(ne.breakpoints.down("sm")),ie=C([O.companySelectorView]),oe=n(ie,1)[0].active,le=i(_||c(V,"companyId")||+c(G,"company_id")),re=n(le,2),se=re[0],ce=re[1],ae=i(c(V,"subjectWellId")||u),de=n(ae,2),ue=de[0],fe=de[1],me=i(c(V,"filters")||U.filters),pe=n(me,2),be=pe[0],ge=pe[1],he=i(c(V,"radius")||U.radius),ye=n(he,2),Se=ye[0],je=ye[1],We=i(c(V,"excludeSideTrack")),ve=n(We,2),Ie=ve[0],Ce=ve[1],Oe=i([]),Ae=n(Oe,2),xe=Ae[0],Ne=Ae[1],we=i(U.sortInfo),ke=n(we,2),De=ke[0],Pe=ke[1],Te=i(!1),Be=n(Te,2),Re=Be[0],ze=Be[1],Le=i([]),Ue=n(Le,2),qe=Ue[0],Ee=Ue[1];o((function(){s&&(Ee(c(V,"selectedWellIds")||[]),ce(_||c(V,"companyId")||+c(G,"company_id")),fe(c(V,"subjectWellId")||u))}),[s,V]);var Me=l((function(){return!!ue}),[ue]),Fe=k(oe,J&&u,se),_e=D(se,Q),He=P(se);o((function(){Ne((function(e){return He?[He]:e}))}),[He]);var Ke=F(be,_e),Ve=T(be,Ie,_e),Ge=l((function(){return Ve&&ue?Ve.find((function(e){return e.id===ue})):null}),[Ve,ue]),Qe=B(Ve,Ge);R(Se,Qe,Ee);var $e=z(Se,_e,qe),Je=L(se,Qe),Xe=n(Je,2),Ye=Xe[0],Ze=Xe[1],en=l((function(){return Ze?a(Ze,De.key,1===De.direction?"asc":"desc"):Ze}),[De,Ze]),nn=r((function(e){ce(e),fe(null),Ee([]),ge(U.filters)}),[]),tn=r((function(e){var n=Ve.find((function(n){return n.id===e}));n&&n.is_usable&&Ee(d(qe.concat(e)))}),[qe,Ve]),on=r((function(e){Ee(d(qe.filter((function(n){return n!==e}))))}),[qe]),ln=r((function(){Ee(Ve.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[Ve]),rn=r((function(){Ee([])}),[Ve]),sn=r((function(e){Ee([]),fe(e)}),[_e]),cn=r((function(){Ee([]),fe(null)}),[]),an=r((function(e){je(e)}),[]),dn=r((function(e){Ce(e)}),[]),un=r((function(n,t){ge((function(i){return H(H({},i),{},e({},n,t))})),Ee([])}),[]),fn=r((function(){ge(H({},U.filters)),Ee([])}),[]),mn=r((function(){ze((function(e){return!e}))}),[]),pn=r((function(e){Ne(e)}),[]),bn=r((function(e){Pe((function(n){return n.key===e?H(H({},n),{},{direction:-1*n.direction}):{key:e,direction:1}}))}),[]),gn=function(){Y()},hn=!(_e&&Ve&&Qe&&Ze&&$e&&en);return q(f,{onBackdropClick:Y,onEscapeKeyDown:Y,maxWidth:"lg",fullWidth:!0,fullScreen:te,open:s,children:[E(m,{children:q("div",{className:ee.dialogTitles,children:[J?q("div",{className:ee.titleArea,children:[E(p,{className:ee.subTitle,onClick:gn,children:"Select Offset Wells"}),E(p,{className:ee.subTitleSpace,children:" / "}),E(p,{className:ee.title,children:"Advanced Search"})]}):E(p,{className:ee.title,children:"Select Offset Wells"}),E(b,{title:"Close",children:E(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:ee.closeIconButton,onClick:Y,children:E(j,{className:ee.closeIcon})})})]})}),E(h,{className:ee.dialogContent,children:hn?E(A,{fullscreen:!1}):q(M,{children:[E(x,{companyId:se,companies:Fe,canViewCompanies:oe,radius:Se,excludeSideTrack:Ie||!1,wells:Ve,subjectWell:Ge,filters:be,filtersOptions:Ke,mapHidden:Re,isRadiusEditable:Me,onChangeCompany:nn,onSetSubjectWell:sn,onChangeRadius:an,onChangeSidetrack:dn,onChangeFilters:un,onClearFilters:fn,onToggleMap:mn}),E(N,{subjectWell:Ge,wells:Ve,offsetWells:$e,radius:Se,mapHidden:Re,onSetSubjectWell:sn,onRemoveSubjectWell:cn,onAddOffsetWell:tn,onDeleteOffsetWell:on}),E(w,{subjectWell:Ge,wells:en,offsetWells:$e,metricsKeys:xe,sortInfo:De,isMetricsLoading:Ye,unusableWellAlarm:$,onChangeMetricsKeys:pn,onSorting:bn,onAddOffsetWell:tn,onDeleteOffsetWell:on,onAddAllOffsetWells:ln,onDeleteAllOffsetWells:rn})]})}),E("div",{className:ee.bottomShadow}),q(y,{className:I(ee.dialogActions,e({},ee.dialogActionsSmallScreen,te)),children:[J?q("div",{className:ee.selectedWells,children:[E(p,{className:ee.selected,children:"Selected:"}),E(p,{className:ee.selectedLabel,children:"Best:"}),E(p,{className:ee.selectedNumber,children:X}),E(p,{className:ee.selectedLabel,children:"Advanced Search:"}),E(p,{className:ee.selectedNumber,children:(null==$e?void 0:$e.length)||0})]}):E("div",{}),q("div",{children:[E(S,{onClick:gn,color:"primary",style:{marginRight:16},children:"CANCEL"}),q(S,{variant:"contained",color:"primary",onClick:function(){var e=H(H({},V),{},{companyId:se,subjectWellId:ue,radius:Se,excludeSideTrack:Ie,filters:be,selectedWellIds:d($e.map((function(e){return e.id})))});Z(e,$e)},children:["ADD (",(null==$e?void 0:$e.length)||0,")"]})]})]})]})};V.propTypes={isOpen:s.bool.isRequired,defaultSubjectWellId:s.number,companyId:s.number,offsetSetting:s.shape({}).isRequired,currentUser:s.shape({}).isRequired,addWellsUsabilityInfo:s.func,unusableWellAlarm:s.string,isAdvancedSearch:s.bool,bestCount:s.number,onSave:s.func.isRequired,onClose:s.func.isRequired},V.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0};var G=t(V);export{G as default};