@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/MetricsAddMenu.js

@@ -1 +1,299 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as r}from"react";import o from"prop-types";import{withStyles as i,Menu as n,MenuItem as s,Checkbox as p,ListItemText as m}from"@material-ui/core";import a from"@material-ui/icons/Settings";import{isEqual as l}from"lodash";import"../../../../../Modal/index.js";import"../../../../../IconMenu/index.js";import"../../../../../StyledMenuItem/index.js";import"../../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"@material-ui/icons/Help";import"../../../../../Annotations/components/AnnotationsList/index.js";import"../../../../../Annotations/components/LastAnnotation/index.js";import"../../../../../Annotations/AnnotationsContext.js";import"../../../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../../../../clients/jsonApi/index.js";import"../../../../../../clients/subscriptions.js";import"../../../../../../constants/goals.js";import"../../../../../../constants/segment.js";import"../../../../../../constants/alerts.js";import"../../../../../../constants/apps.js";import"../../../../../../constants/drillstring.js";import"../../../../../../constants/completion.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../../utils/index.js";import"../../../../../HelpCenter/ArticleIcon.js";import"../../../../../HelpCenter/DialogLayout.js";import"../../../../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js";import"../../../../../HelpCenter/ItemContent/ItemContent.js";import"../../../../../HelpCenter/SingleItemHeader.js";import"../../../../../HelpCenter/shapes/index.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as d,Fragment as c,jsx as j}from"react/jsx-runtime";import"../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../../DevCenter/AppContext.js";import"../../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../../DevCenter/SideBar/SideBar.js";import"../../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import"../../../../../AssetEditor/index.js";import"../../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../../Typography.js";import"../../../../../CollapsableSidebar.js";import"../../../../../DateTimePicker/index.js";import"../../../../../DatePicker/index.js";import"../../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../../ParameterCharts/ParameterCharts.js";import"../../../../../ParameterCharts/AddEditTrack.js";import"../../../../../ChartActionsList/ChartActionsList.js";import"../../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../../AssetEditor/SingleAssetEditor.js";import"../../../../../SettingEditors/ColorEditor/index.js";import"../../../../../SettingEditors/DropdownEditor/index.js";import"../../../../../SettingEditors/RadioEditor/index.js";import"../../../../../SwitchControl/index.js";import"../../../../../ColorPicker/ColorPicker.js";import"../../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../../TruncatedText/index.js";import"../../../../../RangeSlider/RangeSlider.js";import"../../../../../Login/components/Login.js";import"../../../../../Login/components/PasswordField.js";import"../../../../../Login/components/Chip.js";import"../../../../../Login/components/StepFooter.js";import"../../../../../Login/components/StepContent.js";import"../../../../../Login/components/StepHeader.js";import"../../../../../Login/components/Step.js";import"../../../../../Login/components/OrDivider.js";import"../../../../../Login/components/HiddenEmailField.js";import"../../../../../Login/components/EmailField.js";import"../../../../../Breadcrumbs/index.js";import"../../../../../VirtualizedTable/index.js";import"../../../../../EmptyView/EmptyView.js";import"../../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../../Button/index.js";import"../../../../../ContextMenuItem/index.js";import"../../../../../FolderMenuItem/index.js";import"../../../../../EditableItem/EditableItem/index.js";import"../../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../../Checkbox/index.js";import"../../../../../FolderMenuItemWithLinks/index.js";import C from"../../../../../IconButton/index.js";import"../../../../../TextField/index.js";import"../../../../../Chip/index.js";import"../../../../../Counter/index.js";import"../../../../../AnchorsList/AnchorsList.js";import"../../../../../Select/index.js";import"../../../../../CustomSelect/index.js";import"../../../../../Tabs/Tabs.js";import"../../../../../Tabs/Tab.js";import"../../../../../ResizableTable/ResizableTable.js";import"../../../../../Drillstring/BHASchematic.js";import"../../../../../Drillstring/BHATable/index.js";import"../../../../../Drillstring/BHAComponentIcon.js";import"../../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../../Casing/CasingTable/index.js";import"../../../../../Casing/CasingComponentIcon.js";import"../../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../../WellSummary/WellSummaryItemValue.js";import"../../../../../WellSummary/ActivitySummaryChart.js";import"../../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../../BICOffsetPickerDialog/index.js";import"../../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../index.js";import"../../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../../../../../ConfirmationDialog.js";import"../../../../../TextLink/index.js";import"../../../../../Avatar/index.js";import"../../../../../Template/TemplatePopover/index.js";import"../../../../../MenuItem/index.js";import"../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../PinnableFilters/PinnableFilters.js";import"../../../../../HeaderLayout/HeaderLayout.js";import"../../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../../Table/TableToolbar/TableToolbar.js";import"../../../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../../../PriceInput/PriceInput.js";import"../../../../../LabelsCounter/LabelsCounter.js";import"../../../../../Stepper/Step.js";import"../../../../../Stepper/StepsWrapper.js";import"../../../../../Stepper/Stepper.js";import"../../../../../Comment/CommentIcon/index.js";import"../../../../../FilesLoader/FilesLoader.js";import"../../../../../FilesLoader/Icons/FileIcon.js";import"../../../../../SearchInput/index.js";import"../../../../../FeedItem/FeedItem.js";import"../../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../../PostInput/PostInput.js";import"../../../../../KeyboardDateTimePicker.js";import"../../../../../AddComment/Popover.js";import"../../../../../AddComment/Popup.js";import"../../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../../StageDesignVActual/ComparisonRow.js";import"../../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../../DocumentViewer/DocumentViewer.js";import{METRICS_LIST as u,MAX_METRICS_COUNT as A}from"../../constants.js";function D(o){var i=o.metricsKeys,D=o.onChange,g=o.classes,v=t([]),x=e(v,2),b=x[0],P=x[1],S=t(null),f=e(S,2),h=f[0],y=f[1];r((function(){P(i)}),[i]);return d(c,{children:[j(C,{tooltipProps:{title:"Add Metric"},size:"small",onClick:function(e){y(e.currentTarget)},children:j(a,{size:"small"})}),j(n,{id:"simple-menu",anchorEl:h,getContentAnchorEl:null,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"},PaperProps:{style:{maxHeight:"300px",backgroundColor:"#414141"}},keepMounted:!0,open:Boolean(h),onClose:function(){y(null),l(b,i)||D(b)},children:u.map((function(e){return d(s,{disabled:b.length===A&&!b.includes(e.key),onClick:function(){return t=e.key,void(b.includes(t)?P((function(e){return e.filter((function(e){return e!==t}))})):P((function(e){return e.concat(t)})));var t},children:[j(p,{checked:b.includes(e.key),className:g.checkBox}),j(m,{primary:e.label,classes:{primary:g.listItemPrimaryText}})]},e.key)}))})]})}D.propTypes={metricsKeys:o.arrayOf(o.string).isRequired,onChange:o.func.isRequired,classes:o.shape({}).isRequired};var g=i({listItemPrimaryText:{color:"#fff",fontSize:"14px"},checkBox:{color:"grey",padding:"5px"}})(D);export{g as default};
+import '@babel/runtime/helpers/defineProperty';
+import { isEqual } from 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../../../../constants/completion.js';
+import '../../../../../../constants/alerts.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import '../../../../../../constants/goals.js';
+import '../../../../../../constants/segment.js';
+import '../../../../../../constants/apps.js';
+import '../../../../../../constants/drillstring.js';
+import '../../../../../../constants/notifications.js';
+import '../../../../../../constants/feed.js';
+import '../../../../../../constants/bha.js';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '../../../../../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/typeof';
+import '../../../../../../clients/api/apiCore.js';
+import '../../../../../../clients/constants.js';
+import '../../../../../../utils/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { withStyles, Menu, MenuItem, Checkbox, ListItemText } from '@material-ui/core';
+import { useState, useEffect } from 'react';
+import 'querystring';
+import 'uuid/v1';
+import '../../../../../../clients/subscriptions.js';
+import 'uuid';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import 'classnames';
+import '../../../../../Modal/index.js';
+import '../../../../../IconMenu/index.js';
+import '../../../../../StyledMenuItem/index.js';
+import '../../../../../LoadingIndicator/LoadingIndicator.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import '../../../../../Tooltip/MuiTooltipDcWrapper.js';
+import '../../../../../Avatar/index.js';
+import '../../../../../Annotations/AnnotationsContext.js';
+import '../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import '../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import IconButton from '../../../../../IconButton/index.js';
+import '../../../../../ConfirmationDialog.js';
+import '../../../../../Annotations/components/AnnotationsList/index.js';
+import '../../../../../Annotations/components/LastAnnotation/index.js';
+import '../../../../../PadModeSelect/PadModeSelect.js';
+import '../../../../../DevCenter/AppHeader/AppHeader.js';
+import '../../../../../Button/index.js';
+import '../../../../../DevCenter/AppSideBar/AppSideBar.js';
+import '../../../../../DevCenter/AppContext.js';
+import '../../../../../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons/Help';
+import '../../../../../HelpCenter/ArticleIcon.js';
+import '../../../../../HelpCenter/DialogLayout.js';
+import '../../../../../HelpCenter/SingleItemHeader.js';
+import '../../../../../DocumentViewer/DocumentViewer.js';
+import '../../../../../HelpCenter/shapes/index.js';
+import 'slate';
+import '../../../../../SlateFormattedText/RenderElements.js';
+import '../../../../../SlateFormattedText/SlateFormattedText.js';
+import '../../../../../HelpCenter/ItemContent/ItemContent.js';
+import '../../../../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../../../../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../../../../ErrorBoundary/ErrorBoundary.js';
+import '../../../../../Typography.js';
+import '../../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import '../../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../../../../../DevCenter/NavigationBar/NavigationBar.js';
+import '../../../../../DevCenter/SideBar/SideBar.js';
+import '../../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../../../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
+import '../../../../../TruncatedText/index.js';
+import '../../../../../AssetEditor/SingleAssetEditor.js';
+import '../../../../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../../../../AssetEditor/index.js';
+import '../../../../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../../../../CollapsableSidebar.js';
+import '../../../../../DateTimePicker/index.js';
+import '../../../../../DatePicker/index.js';
+import '../../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../../../../../ColorPicker/ColorPicker.js';
+import '../../../../../ParameterCharts/AddEditTrack.js';
+import '../../../../../ParameterCharts/ParameterCharts.js';
+import '../../../../../ChartActionsList/ChartActionsList.js';
+import '../../../../../SettingEditors/ColorEditor/index.js';
+import '../../../../../SettingEditors/DropdownEditor/index.js';
+import '../../../../../SettingEditors/RadioEditor/index.js';
+import '../../../../../SwitchControl/index.js';
+import '../../../../../RangeSlider/RangeSlider.js';
+import '../../../../../Login/components/Login.js';
+import '../../../../../Login/components/PasswordField.js';
+import '../../../../../Login/components/Chip.js';
+import '../../../../../Login/components/StepFooter.js';
+import '../../../../../Login/components/StepContent.js';
+import '../../../../../Login/components/StepHeader.js';
+import '../../../../../Login/components/Step.js';
+import '../../../../../Login/components/OrDivider.js';
+import '../../../../../Login/components/HiddenEmailField.js';
+import '../../../../../Login/components/EmailField.js';
+import '../../../../../Breadcrumbs/index.js';
+import SettingsIcon from '@material-ui/icons/Settings';
+import '../../../../../VirtualizedTable/index.js';
+import '../../../../../EmptyView/EmptyView.js';
+import '../../../../../MenuItem/index.js';
+import '../../../../../ContextMenuItem/index.js';
+import '../../../../../FolderMenuItem/index.js';
+import '../../../../../EditableItem/EditableItem/index.js';
+import '../../../../../EditableItem/EditableItemWithBadge/index.js';
+import '../../../../../Checkbox/index.js';
+import '../../../../../FolderMenuItemWithLinks/index.js';
+import '../../../../../TextField/index.js';
+import '../../../../../Chip/index.js';
+import '../../../../../Counter/index.js';
+import '../../../../../AnchorsList/AnchorsList.js';
+import '../../../../../Select/index.js';
+import '../../../../../CustomSelect/index.js';
+import '../../../../../Tabs/Tabs.js';
+import '../../../../../Tabs/Tab.js';
+import '../../../../../ResizableTable/ResizableTable.js';
+import '../../../../../Drillstring/BHASchematic.js';
+import '../../../../../Drillstring/BHAComponentIcon.js';
+import '../../../../../Drillstring/BHATable/index.js';
+import '../../../../../Drillstring/BHAComponentDetail/index.js';
+import '../../../../../Casing/CasingComponentIcon.js';
+import '../../../../../Casing/CasingTable/index.js';
+import '../../../../../WellSummary/WellSummaryItemLabel.js';
+import '../../../../../WellSummary/WellSummaryItemTitle.js';
+import '../../../../../WellSummary/WellSummaryItemValue.js';
+import '../../../../../WellSummary/ActivitySummaryChart.js';
+import '../../../../../WellSummary/FracWirelineTimeChart.js';
+import '../../../../../BICOffsetPickerDialog/index.js';
+import '../../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import { METRICS_LIST, MAX_METRICS_COUNT } from '../../constants.js';
+import '../../../../index.js';
+import '../../../../../Notifications/Notifications.js';
+import '../../../../../TextLink/index.js';
+import '../../../../../Template/TemplatePopover/index.js';
+import '../../../../../PinnableFilters/PinnableFilters.js';
+import '../../../../../HeaderLayout/HeaderLayout.js';
+import '../../../../../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../../../../../PadOffsetsPicker/OffsetAssetChip.js';
+import '../../../../../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../../../../../PadOffsetsPicker/StagesSelector.js';
+import '../../../../../Table/TableToolbar/TableToolbar.js';
+import '../../../../../PriceInput/PriceInput.js';
+import '../../../../../LabelsCounter/LabelsCounter.js';
+import '../../../../../Stepper/Step.js';
+import '../../../../../Stepper/StepsWrapper.js';
+import '../../../../../Stepper/Stepper.js';
+import '../../../../../Comment/CommentIcon/index.js';
+import '../../../../../FilesLoader/Icons/FileIcon.js';
+import '../../../../../FilesLoader/FilesLoader.js';
+import '../../../../../SearchInput/index.js';
+import '../../../../../StageDesignVActual/ComparisonHeader.js';
+import '../../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../../../../../StageDesignVActual/ComparisonRow.js';
+import '../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../../../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../../../../../EmbeddedApp/EmbeddedApp.js';
+import '../../../../../FeedItem/FeedItem.js';
+import '../../../../../KeyboardDateTimePicker.js';
+import '../../../../../PostInput/PostInput.js';
+import '../../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../../../../../AddComment/Popover.js';
+import '../../../../../AddComment/Popup.js';
+
+var muiStyles = {
+  listItemPrimaryText: {
+    color: '#fff',
+    fontSize: '14px'
+  },
+  checkBox: {
+    color: 'grey',
+    padding: '5px'
+  }
+};
+
+function MetricsAddMenu(_ref) {
+  var metricsKeys = _ref.metricsKeys,
+      onChange = _ref.onChange,
+      classes = _ref.classes;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedKeys = _useState2[0],
+      setSelectedKeys = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      anchorEl = _useState4[0],
+      setAnchorEl = _useState4[1];
+
+  useEffect(function () {
+    // NOTE: If there are >=2 columns, metrics keys can be duplicated
+    setSelectedKeys(metricsKeys);
+  }, [metricsKeys]);
+
+  var handleClick = function handleClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+
+    if (!isEqual(selectedKeys, metricsKeys)) {
+      onChange(selectedKeys);
+    }
+  };
+
+  var handleChangeMetrics = function handleChangeMetrics(newKey) {
+    if (selectedKeys.includes(newKey)) {
+      setSelectedKeys(function (prevKeys) {
+        return prevKeys.filter(function (key) {
+          return key !== newKey;
+        });
+      });
+    } else {
+      setSelectedKeys(function (prevKeys) {
+        return prevKeys.concat(newKey);
+      });
+    }
+  };
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(IconButton, {
+      tooltipProps: {
+        title: 'Add Metric'
+      },
+      size: "small",
+      onClick: handleClick,
+      children: /*#__PURE__*/jsx(SettingsIcon, {
+        size: "small"
+      })
+    }), /*#__PURE__*/jsx(Menu, {
+      id: "simple-menu",
+      anchorEl: anchorEl,
+      getContentAnchorEl: null,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      transformOrigin: {
+        vertical: 'bottom',
+        horizontal: 'right'
+      },
+      PaperProps: {
+        style: {
+          maxHeight: '300px',
+          backgroundColor: '#414141'
+        }
+      },
+      keepMounted: true,
+      open: Boolean(anchorEl),
+      onClose: handleClose,
+      children: METRICS_LIST.map(function (item) {
+        return /*#__PURE__*/jsxs(MenuItem, {
+          disabled: selectedKeys.length === MAX_METRICS_COUNT && !selectedKeys.includes(item.key),
+          onClick: function onClick() {
+            return handleChangeMetrics(item.key);
+          },
+          children: [/*#__PURE__*/jsx(Checkbox, {
+            checked: selectedKeys.includes(item.key),
+            className: classes.checkBox
+          }), /*#__PURE__*/jsx(ListItemText, {
+            primary: item.label,
+            classes: {
+              primary: classes.listItemPrimaryText
+            }
+          })]
+        }, item.key);
+      })
+    })]
+  });
+}
+
+MetricsAddMenu.propTypes = {
+  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
+  onChange: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired
+};
+var MetricsAddMenu$1 = withStyles(muiStyles)(MetricsAddMenu);
+
+export default MetricsAddMenu$1;
+//# sourceMappingURL=MetricsAddMenu.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/MetricsAddMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsAddMenu.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/MetricsAddMenu.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, MenuItem, Checkbox, ListItemText, withStyles } from '@material-ui/core';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { isEqual } from 'lodash';\n\nimport { IconButton as IconButtonComponent } from '~/components';\nimport { METRICS_LIST, MAX_METRICS_COUNT } from '../../constants';\n\nconst muiStyles = {\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n  },\n  checkBox: {\n    color: 'grey',\n    padding: '5px',\n  },\n};\n\nfunction MetricsAddMenu({ metricsKeys, onChange, classes }) {\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  useEffect(() => {\n    // NOTE: If there are >=2 columns, metrics keys can be duplicated\n    setSelectedKeys(metricsKeys);\n  }, [metricsKeys]);\n\n  const handleClick = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(prevKeys => prevKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(prevKeys => prevKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <IconButtonComponent\n        tooltipProps={{ title: 'Add Metric' }}\n        size=\"small\"\n        onClick={handleClick}\n      >\n        <SettingsIcon size=\"small\" />\n      </IconButtonComponent>\n\n      <Menu\n        id=\"simple-menu\"\n        anchorEl={anchorEl}\n        getContentAnchorEl={null}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          style: {\n            maxHeight: '300px',\n            backgroundColor: '#414141',\n          },\n        }}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleClose}\n      >\n        {METRICS_LIST.map(item => (\n          <MenuItem\n            disabled={selectedKeys.length === MAX_METRICS_COUNT && !selectedKeys.includes(item.key)}\n            key={item.key}\n            onClick={() => handleChangeMetrics(item.key)}\n          >\n            <Checkbox checked={selectedKeys.includes(item.key)} className={classes.checkBox} />\n            <ListItemText primary={item.label} classes={{ primary: classes.listItemPrimaryText }} />\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\nMetricsAddMenu.propTypes = {\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default withStyles(muiStyles)(MetricsAddMenu);\n"],"names":["muiStyles","listItemPrimaryText","color","fontSize","checkBox","padding","MetricsAddMenu","metricsKeys","onChange","classes","useState","selectedKeys","setSelectedKeys","anchorEl","setAnchorEl","useEffect","handleClick","event","currentTarget","handleClose","isEqual","handleChangeMetrics","newKey","includes","prevKeys","filter","key","concat","_jsxs","_jsx","IconButtonComponent","title","vertical","horizontal","style","maxHeight","backgroundColor","Boolean","METRICS_LIST","map","item","length","MAX_METRICS_COUNT","label","primary","propTypes","PropTypes","arrayOf","string","isRequired","func","shape","withStyles"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/MetricsSelect.js

@@ -1 +1,77 @@
-import e from"prop-types";import{withStyles as r,FormControl as t,Select as o,MenuItem as a,ListItemText as i}from"@material-ui/core";import{jsx as s}from"react/jsx-runtime";function l(e){var r=e.items,l=e.currentValue,n=e.onChange,m=e.classes;return s(t,{className:m.formControl,children:s(o,{className:m.select,MenuProps:{classes:{paper:m.paper}},autoWidth:!0,value:l,onChange:function(e){return n(e.target.value)},children:r.map((function(e){return s(a,{value:e.key,children:s(i,{primary:e.label,classes:{root:m.listItem,primary:m.listItemPrimaryText}})},e.key)}))})})}l.propTypes={items:e.array.isRequired,currentValue:e.string.isRequired,onChange:e.func.isRequired,classes:e.shape({}).isRequired};var n=r({select:{"&:before":{borderBottom:0},"&:after":{borderBottom:0}},formControl:{width:"150px"},listItem:{padding:0},listItemPrimaryText:{color:"#fff",fontSize:"14px",overflow:"hidden",textOverflow:"ellipsis"},paper:{backgroundColor:"#414141",maxHeight:"300px"}})(l);export{n as default};
+import { jsx } from 'react/jsx-runtime';
+import { withStyles, FormControl, Select, MenuItem, ListItemText } from '@material-ui/core';
+import PropTypes from 'prop-types';
+
+var muiStyles = {
+  select: {
+    '&:before': {
+      borderBottom: 0
+    },
+    '&:after': {
+      borderBottom: 0
+    }
+  },
+  formControl: {
+    width: '150px'
+  },
+  listItem: {
+    padding: 0
+  },
+  listItemPrimaryText: {
+    color: '#fff',
+    fontSize: '14px',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  },
+  paper: {
+    backgroundColor: '#414141',
+    maxHeight: '300px'
+  }
+};
+
+function MetricsSelect(_ref) {
+  var items = _ref.items,
+      currentValue = _ref.currentValue,
+      _onChange = _ref.onChange,
+      classes = _ref.classes;
+  return /*#__PURE__*/jsx(FormControl, {
+    className: classes.formControl,
+    children: /*#__PURE__*/jsx(Select, {
+      className: classes.select,
+      MenuProps: {
+        classes: {
+          paper: classes.paper
+        }
+      },
+      autoWidth: true,
+      value: currentValue,
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      },
+      children: items.map(function (item) {
+        return /*#__PURE__*/jsx(MenuItem, {
+          value: item.key,
+          children: /*#__PURE__*/jsx(ListItemText, {
+            primary: item.label,
+            classes: {
+              root: classes.listItem,
+              primary: classes.listItemPrimaryText
+            }
+          })
+        }, item.key);
+      })
+    })
+  });
+}
+
+MetricsSelect.propTypes = {
+  items: PropTypes.array.isRequired,
+  // eslint-disable-line react/forbid-prop-types
+  currentValue: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired
+};
+var MetricsSelect$1 = withStyles(muiStyles)(MetricsSelect);
+
+export default MetricsSelect$1;
+//# sourceMappingURL=MetricsSelect.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/MetricsSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsSelect.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/MetricsSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select, MenuItem, FormControl, ListItemText, withStyles } from '@material-ui/core';\n\nconst muiStyles = {\n  select: {\n    '&:before': {\n      borderBottom: 0,\n    },\n    '&:after': {\n      borderBottom: 0,\n    },\n  },\n  formControl: {\n    width: '150px',\n  },\n  listItem: {\n    padding: 0,\n  },\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  paper: {\n    backgroundColor: '#414141',\n    maxHeight: '300px',\n  },\n};\n\nfunction MetricsSelect({ items, currentValue, onChange, classes }) {\n  return (\n    <FormControl className={classes.formControl}>\n      <Select\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        autoWidth\n        value={currentValue}\n        onChange={e => onChange(e.target.value)}\n      >\n        {items.map(item => (\n          <MenuItem key={item.key} value={item.key}>\n            <ListItemText\n              primary={item.label}\n              classes={{ root: classes.listItem, primary: classes.listItemPrimaryText }}\n            />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMetricsSelect.propTypes = {\n  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types\n  currentValue: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default withStyles(muiStyles)(MetricsSelect);\n"],"names":["muiStyles","select","borderBottom","formControl","width","listItem","padding","listItemPrimaryText","color","fontSize","overflow","textOverflow","paper","backgroundColor","maxHeight","MetricsSelect","items","currentValue","onChange","classes","_jsx","e","target","value","map","item","key","label","root","primary","propTypes","PropTypes","array","isRequired","string","func","shape","withStyles"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE;AACN,gBAAY;AACVC,MAAAA,YAAY,EAAE;AADJ,KADN;AAIN,eAAW;AACTA,MAAAA,YAAY,EAAE;AADL;AAJL,GADQ;AAShBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE;AADI,GATG;AAYhBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE;AADD,GAZM;AAehBC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,KAAK,EAAE,MADY;AAEnBC,IAAAA,QAAQ,EAAE,MAFS;AAGnBC,IAAAA,QAAQ,EAAE,QAHS;AAInBC,IAAAA,YAAY,EAAE;AAJK,GAfL;AAqBhBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE,SADZ;AAELC,IAAAA,SAAS,EAAE;AAFN;AArBS,CAAlB;;AA2BA,SAASC,aAAT,OAAmE;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,YAAmC,QAAnCA,YAAmC;AAAA,MAArBC,SAAqB,QAArBA,QAAqB;AAAA,MAAXC,OAAW,QAAXA,OAAW;AACjE,sBACEC,IAAC,WAAD;AAAa,IAAA,SAAS,EAAED,OAAO,CAAChB,WAAhC;AAAA,2BACEiB,IAAC,MAAD;AACE,MAAA,SAAS,EAAED,OAAO,CAAClB,MADrB;AAEE,MAAA,SAAS,EAAE;AAAEkB,QAAAA,OAAO,EAAE;AAAEP,UAAAA,KAAK,EAAEO,OAAO,CAACP;AAAjB;AAAX,OAFb;AAGE,MAAA,SAAS,MAHX;AAIE,MAAA,KAAK,EAAEK,YAJT;AAKE,MAAA,QAAQ,EAAE,kBAAAI,CAAC;AAAA,eAAIH,SAAQ,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAAZ;AAAA,OALb;AAAA,gBAOGP,KAAK,CAACQ,GAAN,CAAU,UAAAC,IAAI;AAAA,4BACbL,IAAC,QAAD;AAAyB,UAAA,KAAK,EAAEK,IAAI,CAACC,GAArC;AAAA,iCACEN,IAAC,YAAD;AACE,YAAA,OAAO,EAAEK,IAAI,CAACE,KADhB;AAEE,YAAA,OAAO,EAAE;AAAEC,cAAAA,IAAI,EAAET,OAAO,CAACd,QAAhB;AAA0BwB,cAAAA,OAAO,EAAEV,OAAO,CAACZ;AAA3C;AAFX;AADF,WAAekB,IAAI,CAACC,GAApB,CADa;AAAA,OAAd;AAPH;AADF,IADF;AAoBD;;AAEDX,aAAa,CAACe,SAAd,GAA0B;AACxBd,EAAAA,KAAK,EAAEe,SAAS,CAACC,KAAV,CAAgBC,UADC;AACW;AACnChB,EAAAA,YAAY,EAAEc,SAAS,CAACG,MAAV,CAAiBD,UAFP;AAGxBf,EAAAA,QAAQ,EAAEa,SAAS,CAACI,IAAV,CAAeF,UAHD;AAIxBd,EAAAA,OAAO,EAAEY,SAAS,CAACK,KAAV,CAAgB,EAAhB,EAAoBH;AAJL,CAA1B;AAOA,sBAAeI,UAAU,CAACrC,SAAD,CAAV,CAAsBe,aAAtB,CAAf;;;;"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/SubjectIndicator.js

@@ -1 +1,23 @@
-import{makeStyles as r}from"@material-ui/core";import{jsx as e}from"react/jsx-runtime";var t=r({subjectIndicator:{background:"#388e3c",borderRadius:"10px",padding:"4px",fontSize:"12px",marginLeft:"4px"}});function a(){var r=t();return e("div",{className:r.subjectIndicator,children:"Subject"})}export{a as default};
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles({
+  subjectIndicator: {
+    background: '#388e3c',
+    borderRadius: '10px',
+    padding: '4px',
+    fontSize: '12px',
+    marginLeft: '4px'
+  }
+});
+
+function SubjectIndicator() {
+  var classes = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    className: classes.subjectIndicator,
+    children: "Subject"
+  });
+}
+
+export default SubjectIndicator;
+//# sourceMappingURL=SubjectIndicator.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/SubjectIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubjectIndicator.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/SubjectIndicator.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  subjectIndicator: {\n    background: '#388e3c',\n    borderRadius: '10px',\n    padding: '4px',\n    fontSize: '12px',\n    marginLeft: '4px',\n  },\n});\n\nfunction SubjectIndicator() {\n  const classes = useStyles();\n  return <div className={classes.subjectIndicator}>Subject</div>;\n}\n\nexport default SubjectIndicator;\n"],"names":["useStyles","makeStyles","subjectIndicator","background","borderRadius","padding","fontSize","marginLeft","SubjectIndicator","classes","_jsx"],"mappings":";;;AAEA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,gBAAgB,EAAE;AAChBC,IAAAA,UAAU,EAAE,SADI;AAEhBC,IAAAA,YAAY,EAAE,MAFE;AAGhBC,IAAAA,OAAO,EAAE,KAHO;AAIhBC,IAAAA,QAAQ,EAAE,MAJM;AAKhBC,IAAAA,UAAU,EAAE;AALI;AADS,CAAD,CAA5B;;AAUA,SAASC,gBAAT,GAA4B;AAC1B,MAAMC,OAAO,GAAGT,SAAS,EAAzB;AACA,sBAAOU;AAAK,IAAA,SAAS,EAAED,OAAO,CAACP,gBAAxB;AAAA;AAAA,IAAP;AACD;;;;"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/WellSearch.js

@@ -1 +1,69 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import{makeStyles as t,TextField as n,InputAdornment as o}from"@material-ui/core";import p from"@material-ui/icons/Search";import i from"@material-ui/lab/Autocomplete";import{jsx as a}from"react/jsx-runtime";function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function c(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var s=t({paper:{boxShadow:"0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)"},endAdornment:{display:"none"}}),u=function(e){return e.name};function f(e){var r=e.wells,t=e.onChange,l=s();return a(i,{openOnFocus:!0,options:r,disableClearable:!0,blurOnSelect:!0,classes:{paper:l.paper,endAdornment:l.endAdornment},value:null,getOptionLabel:u,renderInput:function(e){return a(n,c(c({},e),{},{placeholder:"Add to List by Well Search",InputProps:c(c({},e.InputProps),{},{startAdornment:a(o,{position:"start",children:a(p,{style:{fill:"#DADADA",fontSize:"22px"}})})})}))},onChange:function(e,r){r&&r.id&&t(r.id)}})}f.propTypes={wells:r.arrayOf(r.shape({})).isRequired,onChange:r.func.isRequired};export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles, TextField, InputAdornment } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import SearchIcon from '@material-ui/icons/Search';
+import AutoComplete from '@material-ui/lab/Autocomplete';
+
+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({
+  paper: {
+    boxShadow: '0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)'
+  },
+  endAdornment: {
+    display: 'none'
+  }
+}); // NOTE: For auto complete option labels
+
+var getOptionLabel = function getOptionLabel(option) {
+  return option.name;
+};
+
+function WellSearch(_ref) {
+  var wells = _ref.wells,
+      _onChange = _ref.onChange;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(AutoComplete, {
+    openOnFocus: true,
+    options: wells,
+    disableClearable: true,
+    blurOnSelect: true,
+    classes: {
+      paper: classes.paper,
+      endAdornment: classes.endAdornment
+    },
+    value: null,
+    getOptionLabel: getOptionLabel,
+    renderInput: function renderInput(params) {
+      return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread({}, params), {}, {
+        placeholder: "Add to List by Well Search",
+        InputProps: _objectSpread(_objectSpread({}, params.InputProps), {}, {
+          startAdornment: /*#__PURE__*/jsx(InputAdornment, {
+            position: "start",
+            children: /*#__PURE__*/jsx(SearchIcon, {
+              style: {
+                fill: '#DADADA',
+                fontSize: '22px'
+              }
+            })
+          })
+        })
+      }));
+    },
+    onChange: function onChange(e, newWell) {
+      if (newWell && newWell.id) {
+        _onChange(newWell.id);
+      }
+    }
+  });
+}
+
+WellSearch.propTypes = {
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onChange: PropTypes.func.isRequired
+};
+
+export default WellSearch;
+//# sourceMappingURL=WellSearch.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/WellSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellSearch.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/WellSearch.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { TextField, InputAdornment, makeStyles } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport AutoComplete from '@material-ui/lab/Autocomplete';\n\nconst useStyles = makeStyles({\n  paper: {\n    boxShadow:\n      '0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)',\n  },\n  endAdornment: {\n    display: 'none',\n  },\n});\n\n// NOTE: For auto complete option labels\nconst getOptionLabel = option => option.name;\nfunction WellSearch({ wells, onChange }) {\n  const classes = useStyles();\n\n  return (\n    <AutoComplete\n      openOnFocus\n      options={wells}\n      disableClearable\n      blurOnSelect\n      classes={{\n        paper: classes.paper,\n        endAdornment: classes.endAdornment,\n      }}\n      value={null}\n      getOptionLabel={getOptionLabel}\n      renderInput={params => (\n        <TextField\n          {...params}\n          placeholder=\"Add to List by Well Search\"\n          InputProps={{\n            ...params.InputProps,\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <SearchIcon style={{ fill: '#DADADA', fontSize: '22px' }} />\n              </InputAdornment>\n            ),\n          }}\n        />\n      )}\n      onChange={(e, newWell) => {\n        if (newWell && newWell.id) {\n          onChange(newWell.id);\n        }\n      }}\n    />\n  );\n}\n\nWellSearch.propTypes = {\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n\nexport default WellSearch;\n"],"names":["useStyles","makeStyles","paper","boxShadow","endAdornment","display","getOptionLabel","option","name","WellSearch","wells","onChange","classes","_jsx","params","InputProps","startAdornment","fill","fontSize","e","newWell","id","propTypes","PropTypes","arrayOf","shape","isRequired","func"],"mappings":";;;;;;;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EACP;AAFG,GADoB;AAK3BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,OAAO,EAAE;AADG;AALa,CAAD,CAA5B;;AAWA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,MAAM;AAAA,SAAIA,MAAM,CAACC,IAAX;AAAA,CAA7B;;AACA,SAASC,UAAT,OAAyC;AAAA,MAAnBC,KAAmB,QAAnBA,KAAmB;AAAA,MAAZC,SAAY,QAAZA,QAAY;AACvC,MAAMC,OAAO,GAAGZ,SAAS,EAAzB;AAEA,sBACEa,IAAC,YAAD;AACE,IAAA,WAAW,MADb;AAEE,IAAA,OAAO,EAAEH,KAFX;AAGE,IAAA,gBAAgB,MAHlB;AAIE,IAAA,YAAY,MAJd;AAKE,IAAA,OAAO,EAAE;AACPR,MAAAA,KAAK,EAAEU,OAAO,CAACV,KADR;AAEPE,MAAAA,YAAY,EAAEQ,OAAO,CAACR;AAFf,KALX;AASE,IAAA,KAAK,EAAE,IATT;AAUE,IAAA,cAAc,EAAEE,cAVlB;AAWE,IAAA,WAAW,EAAE,qBAAAQ,MAAM;AAAA,0BACjBD,IAAC,SAAD,kCACMC,MADN;AAEE,QAAA,WAAW,EAAC,4BAFd;AAGE,QAAA,UAAU,kCACLA,MAAM,CAACC,UADF;AAERC,UAAAA,cAAc,eACZH,IAAC,cAAD;AAAgB,YAAA,QAAQ,EAAC,OAAzB;AAAA,mCACEA,IAAC,UAAD;AAAY,cAAA,KAAK,EAAE;AAAEI,gBAAAA,IAAI,EAAE,SAAR;AAAmBC,gBAAAA,QAAQ,EAAE;AAA7B;AAAnB;AADF;AAHM;AAHZ,SADiB;AAAA,KAXrB;AAyBE,IAAA,QAAQ,EAAE,kBAACC,CAAD,EAAIC,OAAJ,EAAgB;AACxB,UAAIA,OAAO,IAAIA,OAAO,CAACC,EAAvB,EAA2B;AACzBV,QAAAA,SAAQ,CAACS,OAAO,CAACC,EAAT,CAAR;AACD;AACF;AA7BH,IADF;AAiCD;;AAEDZ,UAAU,CAACa,SAAX,GAAuB;AACrBZ,EAAAA,KAAK,EAAEa,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAAlB,EAAuCC,UADzB;AAErBf,EAAAA,QAAQ,EAAEY,SAAS,CAACI,IAAV,CAAeD;AAFJ,CAAvB;;;;"}