@corva/ui 3.1.0-rc.5 → 3.1.0

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

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

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

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

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

@@ -1,236 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import { withRouter } from 'react-router';
-import get from 'lodash/get';
-import { withStyles, Tooltip, makeStyles, Input, Chip } from '@material-ui/core';
-import CloseIcon from '@material-ui/icons/Close';
-import AssetTypesSection from './AssetTypesSection.js';
-import AssetResultSection from './AssetResultSection.js';
-import { useAssetsData } from './effects/useAssetsData.js';
-import { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'AutoCompleteAssetSearch';
-var StyledTooltip = withStyles(function () {
-  return {
-    tooltip: {
-      backgroundColor: '#414141',
-      color: '#ffffff',
-      fontSize: '11px',
-      lineHeight: '16px',
-      borderRadius: '4px',
-      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',
-      padding: '4px'
-    }
-  };
-})(Tooltip);
-var useStyles = makeStyles(function (theme) {
-  return {
-    wrapper: {
-      width: function width(_ref) {
-        var isTablet = _ref.isTablet,
-          isMobile = _ref.isMobile;
-        return !isTablet && isMobile ? '100%' : '472px';
-      },
-      height: function height(_ref2) {
-        var isTablet = _ref2.isTablet,
-          isMobile = _ref2.isMobile;
-        return !isTablet && isMobile && '100%';
-      },
-      display: 'flex',
-      flexDirection: 'column',
-      padding: '12px 16px'
-    },
-    inputWrapper: {
-      display: 'flex',
-      width: 'auto',
-      marginBottom: '16px',
-      alignItems: 'center',
-      flexWrap: 'nowrap',
-      justifyContent: 'space-between'
-    },
-    selectedChip: {
-      width: 'fit-content',
-      marginBottom: '10px',
-      fontSize: '14px'
-    },
-    selectedChipDeleteIcon: {
-      width: '16px',
-      height: '16px',
-      color: theme.palette.primary.text6,
-      '&:hover': {
-        color: theme.palette.primary.text1
-      }
-    },
-    disabledIcon: {
-      width: '16px',
-      height: '16px',
-      color: theme.palette.primary.text6,
-      opacity: 0.4
-    },
-    closeIconButton: {
-      padding: 0,
-      '&:hover $closeIcon': {
-        color: theme.palette.primary.text1
-      }
-    },
-    searchInput: {
-      width: '100%',
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      borderBottom: '2px solid #03BCD4'
-    },
-    closeIcon: {
-      color: theme.palette.primary.text6,
-      fontSize: '18px'
-    },
-    deleteIcon: {
-      color: theme.palette.primary.text1,
-      height: '16px'
-    }
-  };
-});
-var AutoCompleteAssetSearch = function AutoCompleteAssetSearch(_ref3) {
-  var onClickAsset = _ref3.onClickAsset,
-    company = _ref3.company,
-    isTablet = _ref3.isTablet,
-    isMobile = _ref3.isMobile;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    assetType = _useState2[0],
-    setAssetType = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchKey = _useState4[0],
-    setSearchKey = _useState4[1];
-  var _useState5 = useState(1),
-    _useState6 = _slicedToArray(_useState5, 2),
-    page = _useState6[0],
-    setPage = _useState6[1];
-  var classes = useStyles({
-    isTablet: isTablet,
-    isMobile: isMobile
-  });
-  var searchInputRef = useRef();
-  var _useAssetsData = useAssetsData(searchKey, assetType, page, company),
-    _useAssetsData2 = _slicedToArray(_useAssetsData, 2),
-    loading = _useAssetsData2[0],
-    groupedAssets = _useAssetsData2[1];
-  var handleDeleteAssetType = function handleDeleteAssetType() {
-    setAssetType(null);
-    setPage(1);
-  };
-  var handleChangeAssetType = function handleChangeAssetType(key) {
-    searchInputRef.current.focus();
-    setAssetType(key);
-    setPage(1);
-  };
-  var handleChangeSearchKey = function handleChangeSearchKey(_ref4) {
-    var value = _ref4.target.value;
-    setSearchKey(value);
-    setPage(1);
-  };
-  var handleKeyPress = function handleKeyPress(e) {
-    var value = e.target.value;
-    var keyCode = e.keyCode;
-    var availableCategory = CATEGORY_KEY_VALUES.find(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 2);
-        _ref6[0];
-        var item = _ref6[1];
-      return item.autoCategorizedKey === value.trim().toLowerCase();
-    });
-
-    // NOTE: when type one of categories defined and press enter key or space key
-    // then asset type will be auto selected and clear input field
-    if (availableCategory && (keyCode === 13 || keyCode === 32)) {
-      setSearchKey('');
-      setAssetType(availableCategory[0]);
-      setPage(1);
-      return;
-    }
-
-    // NOTE: when there is no value in input field and press back space key,
-    // then clear asset type as well.
-    if (value === '' && keyCode === 8) {
-      setAssetType(null);
-      setPage(1);
-    }
-  };
-  var handleSearchClear = function handleSearchClear() {
-    searchInputRef.current.focus();
-    setSearchKey('');
-    setAssetType(null);
-    setPage(1);
-  };
-  var handleScrollReached = function handleScrollReached(position) {
-    if (position === 'top' && page > 1) {
-      setPage(function (prev) {
-        return prev - 1;
-      });
-    }
-    if (position === 'bottom') {
-      setPage(function (prev) {
-        return prev + 1;
-      });
-    }
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classes.inputWrapper,
-      children: /*#__PURE__*/jsxs("div", {
-        className: classes.searchInput,
-        children: [/*#__PURE__*/jsx(Input, {
-          "data-testid": "".concat(PAGE_NAME, "_searchInput"),
-          inputRef: searchInputRef,
-          autoFocus: true,
-          disableUnderline: true,
-          fullWidth: true,
-          value: searchKey || '',
-          placeholder: "Search ".concat(get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'assets'), "..."),
-          onChange: handleChangeSearchKey,
-          onKeyUp: handleKeyPress
-        }), /*#__PURE__*/jsx(StyledTooltip, {
-          title: "Clear",
-          children: /*#__PURE__*/jsx(CloseIcon, {
-            className: assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon,
-            onClick: handleSearchClear
-          })
-        })]
-      })
-    }), assetType && /*#__PURE__*/jsx(Chip, {
-      "data-not-migrated-muichip": true,
-      classes: {
-        root: classes.selectedChip,
-        deleteIcon: classes.deleteIcon
-      },
-      color: "primary",
-      label: get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets'),
-      deleteIcon: /*#__PURE__*/jsx(CloseIcon, {}),
-      onDelete: handleDeleteAssetType
-    }), !assetType && !searchKey && /*#__PURE__*/jsx(AssetTypesSection, {
-      onClickAssetType: handleChangeAssetType
-    }), (assetType || searchKey) && /*#__PURE__*/jsx(AssetResultSection, {
-      loading: loading,
-      page: page,
-      groupedAssets: groupedAssets,
-      onClickAsset: onClickAsset,
-      onScrollReached: handleScrollReached,
-      isTablet: isTablet,
-      isMobile: isMobile
-    })]
-  });
-};
-AutoCompleteAssetSearch.propTypes = {
-  company: PropTypes.number.isRequired,
-  onClickAsset: PropTypes.func.isRequired,
-  isTablet: PropTypes.bool.isRequired,
-  isMobile: PropTypes.bool.isRequired
-};
-var AutoCompleteAssetSearch$1 = withRouter(AutoCompleteAssetSearch);
-
-export { AutoCompleteAssetSearch$1 as default };
-//# sourceMappingURL=AutoCompleteAssetSearch.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as o}from"react";import r from"prop-types";import{withRouter as i}from"react-router";import n from"lodash/get";import{withStyles as l,Tooltip as a,makeStyles as s,Input as c,Chip as p}from"@material-ui/core";import u from"@material-ui/icons/Close";import d from"./AssetTypesSection.js";import m from"./AssetResultSection.js";import{useAssetsData as f}from"./effects/useAssetsData.js";import{SEARCH_CATEGORIES as h,CATEGORY_KEY_VALUES as x}from"./constants.js";import{jsxs as b,jsx as g}from"react/jsx-runtime";var y=l((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(a),C=s((function(e){return{wrapper:{width:function(e){var t=e.isTablet,o=e.isMobile;return!t&&o?"100%":"472px"},height:function(e){var t=e.isTablet,o=e.isMobile;return!t&&o&&"100%"},display:"flex",flexDirection:"column",padding:"12px 16px"},inputWrapper:{display:"flex",width:"auto",marginBottom:"16px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{width:"fit-content",marginBottom:"10px",fontSize:"14px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"},deleteIcon:{color:e.palette.primary.text1,height:"16px"}}})),v=function(r){var i=r.onClickAsset,l=r.company,a=r.isTablet,s=r.isMobile,v=t(null),I=e(v,2),w=I[0],A=I[1],T=t(null),S=e(T,2),R=S[0],j=S[1],k=t(1),D=e(k,2),M=D[0],B=D[1],q=C({isTablet:a,isMobile:s}),z=o(),N=f(R,w,M,l),W=e(N,2),K=W[0],P=W[1];return b("div",{className:q.wrapper,children:[g("div",{className:q.inputWrapper,children:b("div",{className:q.searchInput,children:[g(c,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:z,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:R||"",placeholder:"Search ".concat(n(h,[w,"labelPlural"],"assets"),"..."),onChange:function(e){var t=e.target.value;j(t),B(1)},onKeyUp:function(t){var o=t.target.value,r=t.keyCode,i=x.find((function(t){var r=e(t,2);return r[0],r[1].autoCategorizedKey===o.trim().toLowerCase()}));if(i&&(13===r||32===r))return j(""),A(i[0]),void B(1);""===o&&8===r&&(A(null),B(1))}}),g(y,{title:"Clear",children:g(u,{className:w||R?q.selectedChipDeleteIcon:q.disabledIcon,onClick:function(){z.current.focus(),j(""),A(null),B(1)}})})]})}),w&&g(p,{"data-not-migrated-muichip":!0,classes:{root:q.selectedChip,deleteIcon:q.deleteIcon},color:"primary",label:n(h,[w,"labelPlural"],"Assets"),deleteIcon:g(u,{}),onDelete:function(){A(null),B(1)}}),!w&&!R&&g(d,{onClickAssetType:function(e){z.current.focus(),A(e),B(1)}}),(w||R)&&g(m,{loading:K,page:M,groupedAssets:P,onClickAsset:i,onScrollReached:function(e){"top"===e&&M>1&&B((function(e){return e-1})),"bottom"===e&&B((function(e){return e+1}))},isTablet:a,isMobile:s})]})};v.propTypes={company:r.number.isRequired,onClickAsset:r.func.isRequired,isTablet:r.bool.isRequired,isMobile:r.bool.isRequired};var I=i(v);export{I as default};

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

@@ -1,45 +1 @@
-var SEARCH_CATEGORIES = {
-  well: {
-    name: 'well',
-    labelSingular: 'Well',
-    labelPlural: 'Wells',
-    autoCategorizedKey: 'well',
-    isAssetType: true
-  },
-  rig: {
-    name: 'rig',
-    labelSingular: 'Rig',
-    labelPlural: 'Rigs',
-    autoCategorizedKey: 'rig',
-    isAssetType: true
-  },
-  frac_fleet: {
-    name: 'frac_fleet',
-    labelSingular: 'Frac Fleet',
-    labelPlural: 'Frac Fleets',
-    autoCategorizedKey: 'frac fleet',
-    isAssetType: true
-  },
-  drillout_unit: {
-    name: 'drillout_unit',
-    labelSingular: 'Drillout unit',
-    labelPlural: 'Drillout Units',
-    autoCategorizedKey: 'drillout unit',
-    isAssetType: true
-  },
-  api_number: {
-    name: 'api_number',
-    labelSingular: 'API#',
-    labelPlural: 'API#',
-    isAssetType: false
-  }
-};
-Object.values(SEARCH_CATEGORIES).filter(function (item) {
-  return item.autoCategorizedKey;
-}).map(function (item) {
-  return item.autoCategorizedKey;
-});
-var CATEGORY_KEY_VALUES = Object.entries(SEARCH_CATEGORIES);
-
-export { CATEGORY_KEY_VALUES, SEARCH_CATEGORIES };
-//# sourceMappingURL=constants.js.map
+var e={well:{name:"well",labelSingular:"Well",labelPlural:"Wells",autoCategorizedKey:"well",isAssetType:!0},rig:{name:"rig",labelSingular:"Rig",labelPlural:"Rigs",autoCategorizedKey:"rig",isAssetType:!0},frac_fleet:{name:"frac_fleet",labelSingular:"Frac Fleet",labelPlural:"Frac Fleets",autoCategorizedKey:"frac fleet",isAssetType:!0},drillout_unit:{name:"drillout_unit",labelSingular:"Drillout unit",labelPlural:"Drillout Units",autoCategorizedKey:"drillout unit",isAssetType:!0},api_number:{name:"api_number",labelSingular:"API#",labelPlural:"API#",isAssetType:!1}};Object.values(e).filter((function(e){return e.autoCategorizedKey})).map((function(e){return e.autoCategorizedKey}));var l=Object.entries(e);export{l as CATEGORY_KEY_VALUES,e as SEARCH_CATEGORIES};

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/effects/useAssetsData.js

@@ -1,77 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState, useEffect, useMemo } from 'react';
-import debounce from 'lodash/debounce';
-import groupBy from 'lodash/groupBy';
-import every from 'lodash/every';
-import { fetchAllAssets } from '../../../../../../utils/apiCalls.js';
-
-var debouncedFunc = debounce(function (callback) {
-  callback();
-}, 500);
-var isMatchedAsset = function isMatchedAsset(assetName, searchKey) {
-  var searchKeys = searchKey.split(' ');
-  return every(searchKeys, function (key) {
-    return assetName.toLowerCase().includes(key || '');
-  });
-};
-function useAssetsData(searchKey, assetType, page, company) {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    assetsData = _useState2[0],
-    setAssetsData = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  useEffect(function () {
-    function fetchAssets() {
-      return _fetchAssets.apply(this, arguments);
-    }
-    function _fetchAssets() {
-      _fetchAssets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var assets;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return fetchAllAssets(assetType, page, company);
-              case 3:
-                assets = _context.sent;
-                setAssetsData(assets);
-                setLoading(false);
-                _context.next = 12;
-                break;
-              case 8:
-                _context.prev = 8;
-                _context.t0 = _context["catch"](0);
-                console.error(_context.t0);
-                setLoading(false);
-              case 12:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 8]]);
-      }));
-      return _fetchAssets.apply(this, arguments);
-    }
-    setLoading(true);
-    debouncedFunc(fetchAssets);
-  }, [assetType, page, company]);
-  var searchResult = useMemo(function () {
-    var filteredData = assetsData.filter(function (asset) {
-      var _asset$apiNumber;
-      return (!assetType || asset.type === assetType) && (isMatchedAsset(asset.name, (searchKey || '').toLowerCase()) || ((_asset$apiNumber = asset.apiNumber) === null || _asset$apiNumber === void 0 ? void 0 : _asset$apiNumber.toLowerCase().includes((searchKey || '').toLowerCase())));
-    });
-    var groupData = Object.entries(groupBy(filteredData, 'type'));
-    return groupData;
-  }, [searchKey, assetsData, assetType]);
-  return [loading, searchResult];
-}
-
-export { useAssetsData };
-//# sourceMappingURL=useAssetsData.js.map
+import r from"@babel/runtime/helpers/asyncToGenerator";import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{useState as o,useEffect as n,useMemo as a}from"react";import i from"lodash/debounce";import u from"lodash/groupBy";import s from"lodash/every";import{fetchAllAssets as c}from"../../../../../../utils/apiCalls.js";var p=i((function(r){r()}),500);function l(i,l,m,f){var v=o([]),b=e(v,2),d=b[0],h=b[1],y=o(!1),w=e(y,2),C=w[0],x=w[1];n((function(){function e(){return(e=r(t.mark((function r(){var e;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,c(l,m,f);case 3:e=r.sent,h(e),x(!1),r.next=12;break;case 8:r.prev=8,r.t0=r.catch(0),console.error(r.t0),x(!1);case 12:case"end":return r.stop()}}),r,null,[[0,8]])})))).apply(this,arguments)}x(!0),p((function(){return e.apply(this,arguments)}))}),[l,m,f]);var L=a((function(){var r=d.filter((function(r){var e;return(!l||r.type===l)&&(function(r,e){var t=e.split(" ");return s(t,(function(e){return r.toLowerCase().includes(e||"")}))}(r.name,(i||"").toLowerCase())||(null===(e=r.apiNumber)||void 0===e?void 0:e.toLowerCase().includes((i||"").toLowerCase())))}));return Object.entries(u(r,"type"))}),[i,d,l]);return[C,L]}export{l as useAssetsData};