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

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

@@ -1 +1,159 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as o}from"react";import r from"prop-types";import{makeStyles as i,TextField as l,InputAdornment as a,Popover as n,Dialog as s,DialogTitle as c,Typography as p,DialogContent as m}from"@material-ui/core";import{Search as d,Close as h}from"@material-ui/icons";import f from"./AutoCompleteAssetSearch/AutoCompleteAssetSearch.js";import{jsxs as u,Fragment as b,jsx as x}from"react/jsx-runtime";var g=i((function(e){return{searchInput:{fontSize:"16px",width:"270px","&:hover":{"&::before":{borderBottom:"2px solid ".concat(e.palette.primary.text1," !important")}},"&:hover $searchIcon":{fill:"".concat(e.palette.primary.text1," !important")}},searchIcon:{fill:"".concat(e.palette.primary.text6," !important"),fontSize:"24px !important"},paper:{background:e.palette.background.b9,overflow:"hidden"},dialogTitle:{padding:"16px",height:"60px"},titleWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:"20px"},title:{fontSize:"20px"},dialogContent:{display:"flex",width:"100%",height:"100%",flexFlow:"row wrap",alignContent:"flex-start",padding:0,justifyContent:"space-between",overflow:"hidden"},closeIcon:{color:e.palette.primary.text6}}}));function y(t){var r=t.company,i=t.onClickAsset,y=t.isTablet,C=t.isMobile,A=g(),v=o(null),w=e(v,2),I=w[0],S=w[1],T=function(){S(null)},k=function(e){var t=e.redirectAssetId;t&&(i(t),T())};return u(b,{children:[x(l,{type:"text",id:"well-section-search-textfield",placeholder:!y&&C?"Well/Rig Search":"Add to List by Well/Rig Search",InputProps:{startAdornment:x(a,{position:"start",children:x(d,{className:A.searchIcon})}),className:A.searchInput},onClick:function(e){S(e.currentTarget)}}),(y||!C)&&x(n,{open:Boolean(I),anchorEl:I,onClose:T,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:x(f,{company:r,onClickAsset:k,onClose:T,isTablet:y,isMobile:C})}),!y&&C&&u(s,{fullScreen:!0,open:Boolean(I),classes:{paper:A.paper},children:[x(c,{className:A.dialogTitle,children:u("div",{className:A.titleWrapper,children:[x(p,{className:A.title,children:"Search"}),x(h,{className:A.closeIcon,onClick:T})]})}),x(m,{className:A.dialogContent,children:x(f,{company:r,onClickAsset:k,onClose:T,isTablet:y,isMobile:C})})]})]})}y.propTypes={company:r.number.isRequired,onClickAsset:r.func.isRequired,isTablet:r.bool.isRequired,isMobile:r.bool.isRequired};var C=t(y);export{C as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles, TextField, InputAdornment, Popover, Dialog, DialogTitle, Typography, DialogContent } from '@material-ui/core';
+import { Search, Close } from '@material-ui/icons';
+import AutoCompleteAssetSearch from './AutoCompleteAssetSearch/AutoCompleteAssetSearch.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    searchInput: {
+      fontSize: '16px',
+      width: '270px',
+      '&:hover': {
+        '&::before': {
+          borderBottom: "2px solid ".concat(theme.palette.primary.text1, " !important")
+        }
+      },
+      '&:hover $searchIcon': {
+        fill: "".concat(theme.palette.primary.text1, " !important")
+      }
+    },
+    searchIcon: {
+      fill: "".concat(theme.palette.primary.text6, " !important"),
+      fontSize: '24px !important'
+    },
+    paper: {
+      background: theme.palette.background.b9,
+      overflow: 'hidden'
+    },
+    dialogTitle: {
+      padding: '16px',
+      height: '60px'
+    },
+    titleWrapper: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      fontSize: '20px'
+    },
+    title: {
+      fontSize: '20px'
+    },
+    dialogContent: {
+      display: 'flex',
+      width: '100%',
+      height: '100%',
+      flexFlow: 'row wrap',
+      alignContent: 'flex-start',
+      padding: 0,
+      justifyContent: 'space-between',
+      overflow: 'hidden'
+    },
+    closeIcon: {
+      color: theme.palette.primary.text6
+    }
+  };
+});
+function AssetSearch(_ref) {
+  var company = _ref.company,
+    onClickAsset = _ref.onClickAsset,
+    isTablet = _ref.isTablet,
+    isMobile = _ref.isMobile;
+  var classes = useStyles();
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var handlePopupOpen = function handlePopupOpen(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handlePopupClose = function handlePopupClose() {
+    setAnchorEl(null);
+  };
+  var handleClickAsset = function handleClickAsset(asset) {
+    var redirectAssetId = asset.redirectAssetId;
+    if (redirectAssetId) {
+      onClickAsset(redirectAssetId);
+      handlePopupClose();
+    }
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TextField, {
+      type: "text",
+      id: "well-section-search-textfield",
+      placeholder: !isTablet && isMobile ? 'Well/Rig Search' : 'Add to List by Well/Rig Search',
+      InputProps: {
+        startAdornment: /*#__PURE__*/jsx(InputAdornment, {
+          position: "start",
+          children: /*#__PURE__*/jsx(Search, {
+            className: classes.searchIcon
+          })
+        }),
+        className: classes.searchInput
+      },
+      onClick: handlePopupOpen
+    }), (isTablet || !isMobile) && /*#__PURE__*/jsx(Popover, {
+      open: Boolean(anchorEl),
+      anchorEl: anchorEl,
+      onClose: handlePopupClose,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      children: /*#__PURE__*/jsx(AutoCompleteAssetSearch, {
+        company: company,
+        onClickAsset: handleClickAsset,
+        onClose: handlePopupClose,
+        isTablet: isTablet,
+        isMobile: isMobile
+      })
+    }), !isTablet && isMobile && /*#__PURE__*/jsxs(Dialog, {
+      fullScreen: true,
+      open: Boolean(anchorEl),
+      classes: {
+        paper: classes.paper
+      },
+      children: [/*#__PURE__*/jsx(DialogTitle, {
+        className: classes.dialogTitle,
+        children: /*#__PURE__*/jsxs("div", {
+          className: classes.titleWrapper,
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: classes.title,
+            children: "Search"
+          }), /*#__PURE__*/jsx(Close, {
+            className: classes.closeIcon,
+            onClick: handlePopupClose
+          })]
+        })
+      }), /*#__PURE__*/jsx(DialogContent, {
+        className: classes.dialogContent,
+        children: /*#__PURE__*/jsx(AutoCompleteAssetSearch, {
+          company: company,
+          onClickAsset: handleClickAsset,
+          onClose: handlePopupClose,
+          isTablet: isTablet,
+          isMobile: isMobile
+        })
+      })]
+    })]
+  });
+}
+AssetSearch.propTypes = {
+  company: PropTypes.number.isRequired,
+  onClickAsset: PropTypes.func.isRequired,
+  isTablet: PropTypes.bool.isRequired,
+  isMobile: PropTypes.bool.isRequired
+};
+
+// Important: Do not change root component default export (AssetSearch.js). Use it as container
+//  for your AssetSearch. It's required to make build and zip scripts work as expected;
+var AssetSearch$1 = memo(AssetSearch);
+
+export { AssetSearch$1 as default };
+//# sourceMappingURL=AssetSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSearch.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AssetSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  makeStyles,\n  Popover,\n  TextField,\n  Typography,\n  InputAdornment,\n} from '@material-ui/core';\nimport { Search as SearchIcon, Close as CloseIcon } from '@material-ui/icons';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nconst useStyles = makeStyles(theme => ({\n  searchInput: {\n    fontSize: '16px',\n    width: '270px',\n    '&:hover': {\n      '&::before': { borderBottom: `2px solid ${theme.palette.primary.text1} !important` },\n    },\n    '&:hover $searchIcon': {\n      fill: `${theme.palette.primary.text1} !important`,\n    },\n  },\n  searchIcon: {\n    fill: `${theme.palette.primary.text6} !important`,\n    fontSize: '24px !important',\n  },\n  paper: {\n    background: theme.palette.background.b9,\n    overflow: 'hidden',\n  },\n  dialogTitle: {\n    padding: '16px',\n    height: '60px',\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    fontSize: '20px',\n  },\n  title: {\n    fontSize: '20px',\n  },\n  dialogContent: {\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    flexFlow: 'row wrap',\n    alignContent: 'flex-start',\n    padding: 0,\n    justifyContent: 'space-between',\n    overflow: 'hidden',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nfunction AssetSearch({ company, onClickAsset, isTablet, isMobile }) {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopupClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleClickAsset = asset => {\n    const { redirectAssetId } = asset;\n    if (redirectAssetId) {\n      onClickAsset(redirectAssetId);\n      handlePopupClose();\n    }\n  };\n\n  return (\n    <>\n      <TextField\n        type=\"text\"\n        id=\"well-section-search-textfield\"\n        placeholder={!isTablet && isMobile ? 'Well/Rig Search' : 'Add to List by Well/Rig Search'}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n          className: classes.searchInput,\n        }}\n        onClick={handlePopupOpen}\n      />\n\n      {(isTablet || !isMobile) && (\n        <Popover\n          open={Boolean(anchorEl)}\n          anchorEl={anchorEl}\n          onClose={handlePopupClose}\n          anchorOrigin={{\n            vertical: 'top',\n            horizontal: 'left',\n          }}\n          transformOrigin={{\n            vertical: 'top',\n            horizontal: 'left',\n          }}\n        >\n          <AutoCompleteAssetSearch\n            company={company}\n            onClickAsset={handleClickAsset}\n            onClose={handlePopupClose}\n            isTablet={isTablet}\n            isMobile={isMobile}\n          />\n        </Popover>\n      )}\n      {!isTablet && isMobile && (\n        <Dialog fullScreen open={Boolean(anchorEl)} classes={{ paper: classes.paper }}>\n          <DialogTitle className={classes.dialogTitle}>\n            <div className={classes.titleWrapper}>\n              <Typography className={classes.title}>Search</Typography>\n              <CloseIcon className={classes.closeIcon} onClick={handlePopupClose} />\n            </div>\n          </DialogTitle>\n          <DialogContent className={classes.dialogContent}>\n            <AutoCompleteAssetSearch\n              company={company}\n              onClickAsset={handleClickAsset}\n              onClose={handlePopupClose}\n              isTablet={isTablet}\n              isMobile={isMobile}\n            />\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n\nAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  isTablet: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n};\n\n// Important: Do not change root component default export (AssetSearch.js). Use it as container\n//  for your AssetSearch. It's required to make build and zip scripts work as expected;\nexport default memo(AssetSearch);\n"],"names":["useStyles","makeStyles","theme","searchInput","fontSize","width","borderBottom","palette","primary","text1","fill","searchIcon","text6","paper","background","b9","overflow","dialogTitle","padding","height","titleWrapper","display","alignItems","justifyContent","title","dialogContent","flexFlow","alignContent","closeIcon","color","AssetSearch","company","onClickAsset","isTablet","isMobile","classes","useState","anchorEl","setAnchorEl","handlePopupOpen","event","currentTarget","handlePopupClose","handleClickAsset","asset","redirectAssetId","_jsxs","_Fragment","_jsx","startAdornment","SearchIcon","className","Boolean","vertical","horizontal","CloseIcon","propTypes","PropTypes","number","isRequired","func","bool","memo"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetResultSection.js

@@ -1 +1,195 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useRef as t,useState as o,useEffect as r}from"react";import i from"prop-types";import{get as a,isEmpty as s}from"lodash";import{makeStyles as n,List as l,ListItem as c,ListItemText as d,Typography as p}from"@material-ui/core";import{jsxs as u,jsx as m}from"react/jsx-runtime";var g=n((function(e){return{assetListWrapper:{height:"calc(100% - 110px)",margin:"8px 0 4px",flex:1},assetListContainer:{maxHeight:function(e){var t=e.isTablet,o=e.isMobile;return t||!o?"350px":"100% "},backgroundColor:e.palette.background.paper,position:"relative",overflowY:"auto",overFlowX:"hidden"},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"},topShadow:{top:function(e){return e.isMobile?"170px":"111px"},width:"100%",height:"16px",backgroundImage:"linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9," 100%)"),position:"absolute",zIndex:2},bottomShadow:{width:"100%",height:"15px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9," 100%)"),position:"absolute",bottom:"16px",zIndex:2}}})),h=function(i){var n=i.page,h=i.loading,b=i.groupedAssets,f=i.onClickAsset,x=i.onScrollReached,y=i.isTablet,S=i.isMobile,v=g({isTablet:y,isMobile:S}),T=t(null),R=o("top"),w=e(R,2),I=w[0],k=w[1];r((function(){h||("top"===I&&T.current.scrollTo(0,5),"bottom"===I&&T.current.scrollTo(0,T.current.scrollHeight-T.current.offsetHeight-5))}),[h]);return u("div",{className:v.assetListWrapper,children:[m("div",{className:v.topShadow,children:" "}),u(l,{className:v.assetListContainer,subheader:m("li",{}),onScroll:function(t){if(t.target.scrollHeight!==t.target.offsetHeight){var o=t.target.scrollTop+t.target.offsetHeight;Math.abs(t.target.scrollHeight-o)<1&&b.find((function(t){var o=e(t,2);return o[0],40===o[1].length}))&&(k("top"),x("bottom")),0===Math.round(t.target.scrollTop)&&n>1&&(k("bottom"),x("top"))}},ref:T,children:[b.map((function(t){var o=e(t,2),r=o[0],i=o[1];return m("li",{className:v.listSection,children:m("ul",{className:v.ul,children:i.map((function(e){return m(c,{"data-testid":"".concat("AssetResultSection","_item_").concat(e.name,"MenuItem"),button:!0,classes:{gutters:v.listGutters},disabled:!e.redirectAssetId,onClick:function(){return f(e)},children:m(d,{primary:e.name,classes:{root:v.assetItemTextRoot,primary:v.assetItemTextPrimary}})},"item-".concat(r,"-").concat(a(e,"asset_id")?a(e,"asset_id"):a(e,"id")))}))})},"section-".concat(r))})),!h&&s(b)&&m("div",{className:v.empty,children:"Your search did not match any Asset Name"})]}),h&&m(p,{"data-testid":"".concat("AssetResultSection","_loading"),className:v.loadingInfo,children:"Loading..."}),m("div",{className:v.bottomShadow,children:" "})]})};h.propTypes={page:i.number.isRequired,loading:i.bool.isRequired,groupedAssets:i.arrayOf([]).isRequired,onClickAsset:i.func.isRequired,onScrollReached:i.func.isRequired,isTablet:i.bool.isRequired,isMobile:i.bool.isRequired};export{h as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { get, isEmpty } from 'lodash';
+import { makeStyles, List, ListItem, ListItemText, Typography } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'AssetResultSection';
+var useStyles = makeStyles(function (theme) {
+  return {
+    assetListWrapper: {
+      height: 'calc(100% - 110px)',
+      margin: '8px 0 4px',
+      flex: 1
+    },
+    assetListContainer: {
+      maxHeight: function maxHeight(_ref) {
+        var isTablet = _ref.isTablet,
+          isMobile = _ref.isMobile;
+        return isTablet || !isMobile ? '350px' : '100% ';
+      },
+      backgroundColor: theme.palette.background.paper,
+      position: 'relative',
+      overflowY: 'auto',
+      overFlowX: 'hidden'
+    },
+    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'
+    },
+    topShadow: {
+      top: function top(_ref2) {
+        var isMobile = _ref2.isMobile;
+        return isMobile ? '170px' : '111px';
+      },
+      width: '100%',
+      height: '16px',
+      backgroundImage: "linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, " 100%)"),
+      position: 'absolute',
+      zIndex: 2
+    },
+    bottomShadow: {
+      width: '100%',
+      height: '15px',
+      backgroundImage: "linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, " 100%)"),
+      position: 'absolute',
+      bottom: '16px',
+      zIndex: 2
+    }
+  };
+});
+var isLastPage = function isLastPage(data) {
+  return !data.find(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2);
+      _ref4[0];
+      var value = _ref4[1];
+    return value.length === 40;
+  });
+};
+var AssetResultSection = function AssetResultSection(_ref5) {
+  var page = _ref5.page,
+    loading = _ref5.loading,
+    groupedAssets = _ref5.groupedAssets,
+    onClickAsset = _ref5.onClickAsset,
+    onScrollReached = _ref5.onScrollReached,
+    isTablet = _ref5.isTablet,
+    isMobile = _ref5.isMobile;
+  var classes = useStyles({
+    isTablet: isTablet,
+    isMobile: isMobile
+  });
+  var listRef = useRef(null);
+  var _useState = useState('top'),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollPosition = _useState2[0],
+    setScrollPosition = _useState2[1];
+  useEffect(function () {
+    if (loading) return;
+    if (scrollPosition === 'top') {
+      listRef.current.scrollTo(0, 5);
+    }
+    if (scrollPosition === 'bottom') {
+      listRef.current.scrollTo(0, listRef.current.scrollHeight - listRef.current.offsetHeight - 5);
+    }
+  }, [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)) {
+      setScrollPosition('top');
+      onScrollReached('bottom');
+    }
+    if (Math.round(e.target.scrollTop) === 0 && page > 1) {
+      setScrollPosition('bottom');
+      onScrollReached('top');
+    }
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.assetListWrapper,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.topShadow,
+      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__*/jsx("ul", {
+            className: classes.ul,
+            children: asstes.map(function (asset) {
+              return /*#__PURE__*/jsx(ListItem, {
+                "data-testid": "".concat(PAGE_NAME, "_item_").concat(asset.name, "MenuItem"),
+                button: true,
+                classes: {
+                  gutters: classes.listGutters
+                },
+                disabled: !asset.redirectAssetId,
+                onClick: function onClick() {
+                  return onClickAsset(asset);
+                },
+                children: /*#__PURE__*/jsx(ListItemText, {
+                  primary: asset.name,
+                  classes: {
+                    root: classes.assetItemTextRoot,
+                    primary: classes.assetItemTextPrimary
+                  }
+                })
+              }, "item-".concat(assetTypeKey, "-").concat(get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')));
+            })
+          })
+        }, "section-".concat(assetTypeKey));
+      }), !loading && 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..."
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.bottomShadow,
+      children: " "
+    })]
+  });
+};
+AssetResultSection.propTypes = {
+  page: PropTypes.number.isRequired,
+  loading: PropTypes.bool.isRequired,
+  groupedAssets: PropTypes.arrayOf([]).isRequired,
+  onClickAsset: PropTypes.func.isRequired,
+  onScrollReached: PropTypes.func.isRequired,
+  isTablet: PropTypes.bool.isRequired,
+  isMobile: PropTypes.bool.isRequired
+};
+
+export { AssetResultSection as default };
+//# sourceMappingURL=AssetResultSection.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetResultSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetResultSection.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetResultSection.js"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty } from 'lodash';\n\nimport { makeStyles, List, ListItem, ListItemText, Typography } from '@material-ui/core';\n\nconst PAGE_NAME = 'AssetResultSection';\nconst useStyles = makeStyles(theme => ({\n  assetListWrapper: {\n    height: 'calc(100% - 110px)',\n    margin: '8px 0 4px',\n    flex: 1,\n  },\n  assetListContainer: {\n    maxHeight: ({ isTablet, isMobile }) => (isTablet || !isMobile ? '350px' : '100% '),\n    backgroundColor: theme.palette.background.paper,\n    position: 'relative',\n    overflowY: 'auto',\n    overFlowX: 'hidden',\n  },\n  listSection: {\n    backgroundColor: 'inherit',\n  },\n  ul: {\n    backgroundColor: 'inherit',\n    padding: 0,\n  },\n  listGutters: {\n    padding: '2px 8px',\n  },\n  assetTypeSubheaderChip: {\n    height: '24px',\n    color: theme.palette.primary.text6,\n  },\n  assetItemTextRoot: {\n    minWidth: '300px',\n  },\n  assetItemTextPrimary: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n  loadingInfo: {\n    textAlign: 'center',\n    fontSize: '12px',\n    lineHeight: '17px',\n    color: theme.palette.primary.text8,\n  },\n  empty: {\n    color: theme.palette.primary.text6,\n    fontSize: '12px',\n    fontStyle: 'italic',\n    marginLeft: '8px',\n  },\n  topShadow: {\n    top: ({ isMobile }) => (isMobile ? '170px' : '111px'),\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9} 100%)`,\n    position: 'absolute',\n    zIndex: 2,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '15px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9} 100%)`,\n    position: 'absolute',\n    bottom: '16px',\n    zIndex: 2,\n  },\n}));\n\nconst isLastPage = data => {\n  return !data.find(([_, value]) => value.length === 40);\n};\n\nconst AssetResultSection = ({\n  page,\n  loading,\n  groupedAssets,\n  onClickAsset,\n  onScrollReached,\n  isTablet,\n  isMobile,\n}) => {\n  const classes = useStyles({ isTablet, isMobile });\n  const listRef = useRef(null);\n  const [scrollPosition, setScrollPosition] = useState('top');\n\n  useEffect(() => {\n    if (loading) return;\n    if (scrollPosition === 'top') {\n      listRef.current.scrollTo(0, 5);\n    }\n    if (scrollPosition === 'bottom') {\n      listRef.current.scrollTo(0, listRef.current.scrollHeight - listRef.current.offsetHeight - 5);\n    }\n  }, [loading]);\n\n  const handleScrollList = e => {\n    if (e.target.scrollHeight === e.target.offsetHeight) return;\n    const currentScrollBottom = e.target.scrollTop + e.target.offsetHeight;\n\n    // NOTE: if scroll is near 1px from the bottom, then load new data.\n    if (Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 && !isLastPage(groupedAssets)) {\n      setScrollPosition('top');\n      onScrollReached('bottom');\n    }\n    if (Math.round(e.target.scrollTop) === 0 && page > 1) {\n      setScrollPosition('bottom');\n      onScrollReached('top');\n    }\n  };\n  return (\n    <div className={classes.assetListWrapper}>\n      <div className={classes.topShadow}> </div>\n      <List\n        className={classes.assetListContainer}\n        subheader={<li />}\n        onScroll={handleScrollList}\n        ref={listRef}\n      >\n        {groupedAssets.map(([assetTypeKey, asstes]) => (\n          <li key={`section-${assetTypeKey}`} className={classes.listSection}>\n            <ul className={classes.ul}>\n              {asstes.map(asset => (\n                <ListItem\n                  data-testid={`${PAGE_NAME}_item_${asset.name}MenuItem`}\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  disabled={!asset.redirectAssetId}\n                  key={`item-${assetTypeKey}-${\n                    get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')\n                  }`}\n                  onClick={() => onClickAsset(asset)}\n                >\n                  <ListItemText\n                    primary={asset.name}\n                    classes={{\n                      root: classes.assetItemTextRoot,\n                      primary: classes.assetItemTextPrimary,\n                    }}\n                  />\n                </ListItem>\n              ))}\n            </ul>\n          </li>\n        ))}\n        {!loading && isEmpty(groupedAssets) && (\n          <div className={classes.empty}>Your search did not match any Asset Name</div>\n        )}\n      </List>\n      {loading && (\n        <Typography data-testid={`${PAGE_NAME}_loading`} className={classes.loadingInfo}>\n          Loading...\n        </Typography>\n      )}\n      <div className={classes.bottomShadow}> </div>\n    </div>\n  );\n};\n\nAssetResultSection.propTypes = {\n  page: PropTypes.number.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf([]).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n  isTablet: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n};\n\nexport default AssetResultSection;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","assetListWrapper","height","margin","flex","assetListContainer","maxHeight","isTablet","isMobile","backgroundColor","palette","background","paper","position","overflowY","overFlowX","listSection","ul","padding","listGutters","assetTypeSubheaderChip","color","primary","text6","assetItemTextRoot","minWidth","assetItemTextPrimary","overflow","whiteSpace","textOverflow","loadingInfo","textAlign","fontSize","lineHeight","text8","empty","fontStyle","marginLeft","topShadow","top","width","backgroundImage","b9","zIndex","bottomShadow","bottom","isLastPage","data","find","value","length","AssetResultSection","page","loading","groupedAssets","onClickAsset","onScrollReached","classes","listRef","useRef","useState","scrollPosition","setScrollPosition","useEffect","current","scrollTo","scrollHeight","offsetHeight","handleScrollList","e","target","currentScrollBottom","scrollTop","Math","abs","round","_jsxs","_jsx","map","assetTypeKey","asstes","asset","name","gutters","redirectAssetId","root","get","isEmpty","propTypes","PropTypes","number","isRequired","bool","arrayOf","func"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetTypesSection.js

@@ -1 +1,58 @@
-import e from"@babel/runtime/helpers/slicedToArray";import r from"prop-types";import{makeStyles as t,Typography as i,Chip as a}from"@material-ui/core";import{CATEGORY_KEY_VALUES as o}from"./constants.js";import{jsxs as p,jsx as l}from"react/jsx-runtime";var s=t({assetSelectorWrapper:{display:"flex",flexWrap:"wrap",gap:"8px"},description:{color:"#BDBDBD",fontSize:"12px",lineHeight:"17px",marginBottom:"8px"},assetTypeChip:{color:"#BDBDBD","&:last-child":{marginRight:"0px"}}}),n=function(r){var t=r.onClickAssetType,n=s();return p("div",{children:[l(i,{className:n.description,children:"I'm looking for..."}),l("div",{className:n.assetSelectorWrapper,children:o.map((function(r){var i=e(r,2),o=i[0],p=i[1];return l(a,{"data-testid":"".concat("AssetTypesSection","_chip_").concat(p.labelPlural),className:n.assetTypeChip,variant:"outlined",label:p.labelPlural,onClick:function(){return t(o)}},o)}))})]})};n.propTypes={onClickAssetType:r.func.isRequired};export{n as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import PropTypes from 'prop-types';
+import { makeStyles, Typography, Chip } from '@material-ui/core';
+import { CATEGORY_KEY_VALUES } from './constants.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'AssetTypesSection';
+var useStyles = makeStyles({
+  assetSelectorWrapper: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: '8px'
+  },
+  description: {
+    color: '#BDBDBD',
+    fontSize: '12px',
+    lineHeight: '17px',
+    marginBottom: '8px'
+  },
+  assetTypeChip: {
+    color: '#BDBDBD',
+    '&:last-child': {
+      marginRight: '0px'
+    }
+  }
+});
+var AssetTypesSection = function AssetTypesSection(_ref) {
+  var onClickAssetType = _ref.onClickAssetType;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: classes.description,
+      children: "I'm looking for..."
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.assetSelectorWrapper,
+      children: CATEGORY_KEY_VALUES.map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          item = _ref3[1];
+        return /*#__PURE__*/jsx(Chip, {
+          "data-testid": "".concat(PAGE_NAME, "_chip_").concat(item.labelPlural),
+          className: classes.assetTypeChip,
+          variant: "outlined",
+          label: item.labelPlural,
+          onClick: function onClick() {
+            return onClickAssetType(key);
+          }
+        }, key);
+      })
+    })]
+  });
+};
+AssetTypesSection.propTypes = {
+  onClickAssetType: PropTypes.func.isRequired
+};
+
+export { AssetTypesSection as default };
+//# sourceMappingURL=AssetTypesSection.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetTypesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTypesSection.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AssetTypesSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { makeStyles, Typography, Chip } from '@material-ui/core';\n\nimport { CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AssetTypesSection';\n\nconst useStyles = makeStyles({\n  assetSelectorWrapper: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '8px',\n  },\n  description: {\n    color: '#BDBDBD',\n    fontSize: '12px',\n    lineHeight: '17px',\n    marginBottom: '8px',\n  },\n  assetTypeChip: {\n    color: '#BDBDBD',\n    '&:last-child': {\n      marginRight: '0px',\n    },\n  },\n});\n\nconst AssetTypesSection = ({ onClickAssetType }) => {\n  const classes = useStyles();\n\n  return (\n    <div>\n      <Typography className={classes.description}>I&apos;m looking for...</Typography>\n      <div className={classes.assetSelectorWrapper}>\n        {CATEGORY_KEY_VALUES.map(([key, item]) => (\n          <Chip\n            data-testid={`${PAGE_NAME}_chip_${item.labelPlural}`}\n            key={key}\n            className={classes.assetTypeChip}\n            variant=\"outlined\"\n            label={item.labelPlural}\n            onClick={() => onClickAssetType(key)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nAssetTypesSection.propTypes = {\n  onClickAssetType: PropTypes.func.isRequired,\n};\n\nexport default AssetTypesSection;\n"],"names":["PAGE_NAME","useStyles","makeStyles","assetSelectorWrapper","display","flexWrap","gap","description","color","fontSize","lineHeight","marginBottom","assetTypeChip","marginRight","AssetTypesSection","onClickAssetType","classes","_jsxs","_jsx","CATEGORY_KEY_VALUES","map","key","item","labelPlural","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;AAMA,IAAMA,SAAS,GAAG,mBAAmB,CAAA;AAErC,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,oBAAoB,EAAE;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,GAAG,EAAE,KAAA;GACN;AACDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,YAAY,EAAE,KAAA;GACf;AACDC,EAAAA,aAAa,EAAE;AACbJ,IAAAA,KAAK,EAAE,SAAS;AAChB,IAAA,cAAc,EAAE;AACdK,MAAAA,WAAW,EAAE,KAAA;AACf,KAAA;AACF,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAA6B,IAAA,EAAA;EAAA,IAAvBC,gBAAgB,QAAhBA,gBAAgB,CAAA;EAC3C,IAAMC,OAAO,GAAGf,SAAS,EAAE,CAAA;EAE3B,oBACEgB,IAAA,CAAA,KAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACEC,IAAC,UAAU,EAAA;MAAC,SAAS,EAAEF,OAAO,CAACT,WAAY;AAAA,MAAA,QAAA,EAAA,oBAAA;AAAA,KAAA,CAAqC,eAChFW,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEF,OAAO,CAACb,oBAAqB;MAAA,QAC1CgB,EAAAA,mBAAmB,CAACC,GAAG,CAAC,UAAA,KAAA,EAAA;AAAA,QAAA,IAAA,KAAA,GAAA,cAAA,CAAA,KAAA,EAAA,CAAA,CAAA;UAAEC,GAAG,GAAA,KAAA,CAAA,CAAA,CAAA;UAAEC,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAAA,oBAClCJ,IAAC,IAAI,EAAA;AACH,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBlB,SAAS,EAAA,QAAA,CAAA,CAAA,MAAA,CAASsB,IAAI,CAACC,WAAW,CAAG;UAErD,SAAS,EAAEP,OAAO,CAACJ,aAAc;AACjC,UAAA,OAAO,EAAC,UAAU;UAClB,KAAK,EAAEU,IAAI,CAACC,WAAY;AACxB,UAAA,OAAO,EAAE,SAAA,OAAA,GAAA;YAAA,OAAMR,gBAAgB,CAACM,GAAG,CAAC,CAAA;AAAA,WAAA;AAAC,SAAA,EAJhCA,GAAG,CAKR,CAAA;OACH,CAAA;KACG,CAAA,CAAA;GACF,CAAA,CAAA;AAEV,EAAC;AAEDP,iBAAiB,CAACU,SAAS,GAAG;AAC5BT,EAAAA,gBAAgB,EAAEU,SAAS,CAACC,IAAI,CAACC,UAAAA;AACnC,CAAC;;;;"}