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

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AssetTypesSection.js

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

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AssetTypesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTypesSection.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/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    margin: 8,\n  },\n  description: {\n    color: '#BDBDBD',\n    fontSize: '12px',\n    lineHeight: '17px',\n    paddingBottom: '8px',\n  },\n  assetTypeChip: {\n    marginRight: '8px',\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 className={classes.assetSelectorWrapper}>\n      <Typography className={classes.description}>I&apos;m looking for...</Typography>\n      <div>\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","margin","description","color","fontSize","lineHeight","paddingBottom","assetTypeChip","marginRight","AssetTypesSection","onClickAssetType","classes","_jsxs","_jsx","CATEGORY_KEY_VALUES","map","key","item","labelPlural","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;AAMA,IAAMA,SAAS,GAAG,mBAAlB;AAEA,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,oBAAoB,EAAE;AACpBC,IAAAA,MAAM,EAAE;AADY,GADK;AAI3BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,SADI;AAEXC,IAAAA,QAAQ,EAAE,MAFC;AAGXC,IAAAA,UAAU,EAAE,MAHD;AAIXC,IAAAA,aAAa,EAAE;AAJJ,GAJc;AAU3BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,WAAW,EAAE,KADA;AAEbL,IAAAA,KAAK,EAAE,SAFM;AAGb,oBAAgB;AACdK,MAAAA,WAAW,EAAE;AADC;AAHH;AAVY,CAAD,CAA5B;;IAmBMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAA0B;AAAA,MAAvBC,gBAAuB,QAAvBA,gBAAuB;AAClD,MAAMC,OAAO,GAAGb,SAAS,EAAzB;AAEA,sBACEc;AAAK,IAAA,SAAS,EAAED,OAAO,CAACX,oBAAxB;AAAA,4BACEa,IAAC,UAAD;AAAY,MAAA,SAAS,EAAEF,OAAO,CAACT,WAA/B;AAAA;AAAA,MADF,eAEEW;AAAA,gBACGC,mBAAmB,CAACC,GAApB,CAAwB;AAAA;AAAA,YAAEC,GAAF;AAAA,YAAOC,IAAP;;AAAA,4BACvBJ,IAAC,IAAD;AACE,mCAAgBhB,SAAhB,mBAAkCoB,IAAI,CAACC,WAAvC,CADF;AAGE,UAAA,SAAS,EAAEP,OAAO,CAACJ,aAHrB;AAIE,UAAA,OAAO,EAAC,UAJV;AAKE,UAAA,KAAK,EAAEU,IAAI,CAACC,WALd;AAME,UAAA,OAAO,EAAE;AAAA,mBAAMR,gBAAgB,CAACM,GAAD,CAAtB;AAAA;AANX,WAEOA,GAFP,CADuB;AAAA,OAAxB;AADH,MAFF;AAAA,IADF;AAiBD;;AAEDP,iBAAiB,CAACU,SAAlB,GAA8B;AAC5BT,EAAAA,gBAAgB,EAAEU,SAAS,CAACC,IAAV,CAAeC;AADL,CAA9B;;;;"}

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js

@@ -1 +1,227 @@
-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 a,Tooltip as l,makeStyles as c,Chip as p,Input as s}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 g,jsx as y}from"react/jsx-runtime";var C=a((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"}}}))(l),b=c((function(e){return{wrapper:{width:"472px",display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},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"}}})),v=function(r){var i=r.onClickAsset,a=r.company,l=t(null),c=e(l,2),v=c[0],I=c[1],w=t(null),A=e(w,2),D=A[0],S=A[1],j=t(1),k=e(j,2),R=k[0],N=k[1],T=b(),W=o(),z=f(D,v,R,a),B=e(z,2),q=B[0],K=B[1];return g("div",{className:T.wrapper,children:[y("div",{className:T.inputWrapper,children:g("div",{className:T.searchInput,children:[v&&y(p,{"data-not-migrated-muichip":!0,classes:{root:T.selectedChip,deleteIcon:T.selectedChipDeleteIcon},label:n(h,[v,"labelPlural"],"Assets"),deleteIcon:y(u,{}),onDelete:function(){I(null),N(1)}}),y(s,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:W,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:D||"",placeholder:"Search ".concat(n(h,[v,"labelPlural"],"assets"),"..."),onChange:function(e){var t=e.target.value;S(t),N(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 S(""),I(i[0]),void N(1);""===o&&8===r&&(I(null),N(1))}}),y(C,{title:"Clear",children:y(u,{className:v||D?T.selectedChipDeleteIcon:T.disabledIcon,onClick:function(){W.current.focus(),S(""),I(null),N(1)}})})]})}),!v&&!D&&y(d,{onClickAssetType:function(e){W.current.focus(),I(e),N(1)}}),(v||D)&&y(m,{loading:q,page:R,groupedAssets:K,onClickAsset:i,onScrollReached:function(e){"top"===e&&R>1&&N((function(e){return e-1})),"bottom"===e&&N((function(e){return e+1}))}})]})};v.propTypes={company:r.number.isRequired,onClickAsset:r.func.isRequired};var I=i(v);export{I as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import get from 'lodash/get';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { withStyles, Tooltip, makeStyles, Chip, Input } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import { useState, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { withRouter } from 'react-router';
+import { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants.js';
+import AssetTypesSection from './AssetTypesSection.js';
+import AssetResultSection from './AssetResultSection.js';
+import { useAssetsData } from './effects/useAssetsData.js';
+
+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: '472px',
+      display: 'flex',
+      flexDirection: 'column',
+      padding: 16
+    },
+    inputWrapper: {
+      display: 'flex',
+      width: 'auto',
+      margin: '0 8px 8px',
+      alignItems: 'center',
+      flexWrap: 'nowrap',
+      justifyContent: 'space-between'
+    },
+    selectedChip: {
+      height: '24px',
+      margin: '4px'
+    },
+    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'
+    }
+  };
+});
+
+var AutoCompleteAssetSearch = function AutoCompleteAssetSearch(_ref) {
+  var onClickAsset = _ref.onClickAsset,
+      company = _ref.company;
+
+  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();
+  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(_ref2) {
+    var value = _ref2.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 (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+          _ = _ref4[0],
+          item = _ref4[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: [assetType && /*#__PURE__*/jsx(Chip, {
+          "data-not-migrated-muichip": true,
+          classes: {
+            root: classes.selectedChip,
+            deleteIcon: classes.selectedChipDeleteIcon
+          },
+          label: get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets'),
+          deleteIcon: /*#__PURE__*/jsx(CloseIcon, {}),
+          onDelete: handleDeleteAssetType
+        }), /*#__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 && !searchKey && /*#__PURE__*/jsx(AssetTypesSection, {
+      onClickAssetType: handleChangeAssetType
+    }), (assetType || searchKey) && /*#__PURE__*/jsx(AssetResultSection, {
+      loading: loading,
+      page: page,
+      groupedAssets: groupedAssets,
+      onClickAsset: onClickAsset,
+      onScrollReached: handleScrollReached
+    })]
+  });
+};
+
+AutoCompleteAssetSearch.propTypes = {
+  company: PropTypes.number.isRequired,
+  onClickAsset: PropTypes.func.isRequired
+};
+var AutoCompleteAssetSearch$1 = withRouter(AutoCompleteAssetSearch);
+
+export default AutoCompleteAssetSearch$1;
+//# sourceMappingURL=AutoCompleteAssetSearch.js.map

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router';\nimport get from 'lodash/get';\n\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport AssetTypesSection from './AssetTypesSection';\nimport AssetResultSection from './AssetResultSection';\n\nimport { useAssetsData } from './effects';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n  tooltip: {\n    backgroundColor: '#414141',\n    color: '#ffffff',\n    fontSize: '11px',\n    lineHeight: '16px',\n    borderRadius: '4px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    padding: '4px',\n  },\n}))(Tooltip);\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    width: '472px',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 16,\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    margin: '0 8px 8px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    height: '24px',\n    margin: '4px',\n  },\n  selectedChipDeleteIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n    },\n  disabledIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    opacity: 0.4,\n  },\n  closeIconButton: {\n    padding: 0,\n    '&:hover $closeIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  searchInput: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '2px solid #03BCD4',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    fontSize: '18px',\n  },\n}));\n\nconst AutoCompleteAssetSearch = ({ onClickAsset, company }) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const classes = useStyles();\n  const searchInputRef = useRef();\n\n  const [loading, groupedAssets] = useAssetsData(searchKey, assetType, page, company);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    setSearchKey(value);\n    setPage(1);\n  };\n\n  const handleKeyPress = e => {\n    const { value } = e.target;\n    const { keyCode } = e;\n\n    const availableCategory = CATEGORY_KEY_VALUES.find(\n      ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n    );\n\n    // NOTE: when type one of categories defined and press enter key or space key\n    // then asset type will be auto selected and clear input field\n    if (availableCategory && (keyCode === 13 || keyCode === 32)) {\n      setSearchKey('');\n      setAssetType(availableCategory[0]);\n      setPage(1);\n      return;\n    }\n\n    // NOTE: when there is no value in input field and press back space key,\n    // then clear asset type as well.\n    if (value === '' && keyCode === 8) {\n      setAssetType(null);\n      setPage(1);\n    }\n  };\n\n  const handleSearchClear = () => {\n    searchInputRef.current.focus();\n    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleScrollReached = position => {\n    if (position === 'top' && page > 1) {\n      setPage(prev => prev - 1);\n    }\n    if (position === 'bottom') {\n      setPage(prev => prev + 1);\n    }\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          {assetType && (\n            <Chip\n              data-not-migrated-muichip\n              classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n              label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n              deleteIcon={<CloseIcon />}\n              onDelete={handleDeleteAssetType}\n            />\n          )}\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder={`Search ${get(\n              SEARCH_CATEGORIES,\n              [assetType, 'labelPlural'],\n              'assets'\n            )}...`}\n            onChange={handleChangeSearchKey}\n            onKeyUp={handleKeyPress}\n          />\n          <StyledTooltip title=\"Clear\">\n            <CloseIcon\n              className={\n                assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n              }\n              onClick={handleSearchClear}\n            />\n          </StyledTooltip>\n        </div>\n      </div>\n\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          loading={loading}\n          page={page}\n          groupedAssets={groupedAssets}\n          onClickAsset={onClickAsset}\n          onScrollReached={handleScrollReached}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n};\n\nexport default withRouter(AutoCompleteAssetSearch);\n"],"names":["PAGE_NAME","StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","onClickAsset","company","useState","assetType","setAssetType","searchKey","setSearchKey","page","setPage","classes","searchInputRef","useRef","useAssetsData","loading","groupedAssets","handleDeleteAssetType","handleChangeAssetType","key","current","focus","handleChangeSearchKey","value","target","handleKeyPress","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_","item","autoCategorizedKey","trim","toLowerCase","handleSearchClear","handleScrollReached","position","prev","_jsxs","_jsx","root","deleteIcon","get","SEARCH_CATEGORIES","propTypes","PropTypes","number","isRequired","func","withRouter"],"mappings":"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"}

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/constants.js

@@ -1 +1,45 @@
-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};
+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
+  }
+};
+var AUTO_CATEGORIZE_KEYS = 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 { AUTO_CATEGORIZE_KEYS, CATEGORY_KEY_VALUES, SEARCH_CATEGORIES };
+//# sourceMappingURL=constants.js.map

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/constants.js"],"sourcesContent":["export const SEARCH_CATEGORIES = {\n  well: {\n    name: 'well',\n    labelSingular: 'Well',\n    labelPlural: 'Wells',\n    autoCategorizedKey: 'well',\n    isAssetType: true,\n  },\n  rig: {\n    name: 'rig',\n    labelSingular: 'Rig',\n    labelPlural: 'Rigs',\n    autoCategorizedKey: 'rig',\n    isAssetType: true,\n  },\n  frac_fleet: {\n    name: 'frac_fleet',\n    labelSingular: 'Frac Fleet',\n    labelPlural: 'Frac Fleets',\n    autoCategorizedKey: 'frac fleet',\n    isAssetType: true,\n  },\n  drillout_unit: {\n    name: 'drillout_unit',\n    labelSingular: 'Drillout unit',\n    labelPlural: 'Drillout Units',\n    autoCategorizedKey: 'drillout unit',\n    isAssetType: true,\n  },\n  api_number: {\n    name: 'api_number',\n    labelSingular: 'API#',\n    labelPlural: 'API#',\n    isAssetType: false,\n  },\n};\n\nexport const AUTO_CATEGORIZE_KEYS = Object.values(SEARCH_CATEGORIES)\n  .filter(item => item.autoCategorizedKey)\n  .map(item => item.autoCategorizedKey);\n\nexport const CATEGORY_KEY_VALUES = Object.entries(SEARCH_CATEGORIES);\n"],"names":["SEARCH_CATEGORIES","well","name","labelSingular","labelPlural","autoCategorizedKey","isAssetType","rig","frac_fleet","drillout_unit","api_number","AUTO_CATEGORIZE_KEYS","Object","values","filter","item","map","CATEGORY_KEY_VALUES","entries"],"mappings":"IAAaA,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,MADF;AAEJC,IAAAA,aAAa,EAAE,MAFX;AAGJC,IAAAA,WAAW,EAAE,OAHT;AAIJC,IAAAA,kBAAkB,EAAE,MAJhB;AAKJC,IAAAA,WAAW,EAAE;AALT,GADyB;AAQ/BC,EAAAA,GAAG,EAAE;AACHL,IAAAA,IAAI,EAAE,KADH;AAEHC,IAAAA,aAAa,EAAE,KAFZ;AAGHC,IAAAA,WAAW,EAAE,MAHV;AAIHC,IAAAA,kBAAkB,EAAE,KAJjB;AAKHC,IAAAA,WAAW,EAAE;AALV,GAR0B;AAe/BE,EAAAA,UAAU,EAAE;AACVN,IAAAA,IAAI,EAAE,YADI;AAEVC,IAAAA,aAAa,EAAE,YAFL;AAGVC,IAAAA,WAAW,EAAE,aAHH;AAIVC,IAAAA,kBAAkB,EAAE,YAJV;AAKVC,IAAAA,WAAW,EAAE;AALH,GAfmB;AAsB/BG,EAAAA,aAAa,EAAE;AACbP,IAAAA,IAAI,EAAE,eADO;AAEbC,IAAAA,aAAa,EAAE,eAFF;AAGbC,IAAAA,WAAW,EAAE,gBAHA;AAIbC,IAAAA,kBAAkB,EAAE,eAJP;AAKbC,IAAAA,WAAW,EAAE;AALA,GAtBgB;AA6B/BI,EAAAA,UAAU,EAAE;AACVR,IAAAA,IAAI,EAAE,YADI;AAEVC,IAAAA,aAAa,EAAE,MAFL;AAGVC,IAAAA,WAAW,EAAE,MAHH;AAIVE,IAAAA,WAAW,EAAE;AAJH;AA7BmB;IAqCpBK,oBAAoB,GAAGC,MAAM,CAACC,MAAP,CAAcb,iBAAd,EACjCc,MADiC,CAC1B,UAAAC,IAAI;AAAA,SAAIA,IAAI,CAACV,kBAAT;AAAA,CADsB,EAEjCW,GAFiC,CAE7B,UAAAD,IAAI;AAAA,SAAIA,IAAI,CAACV,kBAAT;AAAA,CAFyB;IAIvBY,mBAAmB,GAAGL,MAAM,CAACM,OAAP,CAAelB,iBAAf;;;;"}

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/effects/useAssetsData.js

@@ -1 +1,86 @@
-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=11;break;case 8:r.prev=8,r.t0=r.catch(0),console.error(r.t0);case 11: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};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+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 = 11;
+                break;
+
+              case 8:
+                _context.prev = 8;
+                _context.t0 = _context["catch"](0);
+                console.error(_context.t0);
+
+              case 11:
+              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

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/effects/useAssetsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsData.js","sources":["../../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/effects/useAssetsData.js"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport debounce from 'lodash/debounce';\nimport groupBy from 'lodash/groupBy';\nimport every from 'lodash/every';\n\nimport { fetchAllAssets } from '../utils/apiCalls';\n\nconst debouncedFunc = debounce(callback => {\n  callback();\n}, 500);\n\nconst isMatchedAsset = (assetName, searchKey) => {\n  const searchKeys = searchKey.split(' ');\n\n  return every(searchKeys, key => assetName.toLowerCase().includes(key || ''));\n};\n\nexport function useAssetsData(searchKey, assetType, page, company) {\n  const [assetsData, setAssetsData] = useState([]);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    async function fetchAssets() {\n      try {\n        const assets = await fetchAllAssets(assetType, page, company);\n        setAssetsData(assets);\n        setLoading(false);\n      } catch (e) {\n        console.error(e);\n      }\n    }\n    setLoading(true);\n    debouncedFunc(fetchAssets);\n  }, [assetType, page, company]);\n\n  const searchResult = useMemo(() => {\n    const filteredData = assetsData.filter(\n      asset =>\n        (!assetType || asset.type === assetType) &&\n        (isMatchedAsset(asset.name, (searchKey || '').toLowerCase()) ||\n          asset.apiNumber?.toLowerCase().includes((searchKey || '').toLowerCase()))\n    );\n    const groupData = Object.entries(groupBy(filteredData, 'type'));\n    return groupData;\n  }, [searchKey, assetsData, assetType]);\n\n  return [loading, searchResult];\n}\n"],"names":["debouncedFunc","debounce","callback","isMatchedAsset","assetName","searchKey","searchKeys","split","every","key","toLowerCase","includes","useAssetsData","assetType","page","company","useState","assetsData","setAssetsData","loading","setLoading","useEffect","fetchAssets","fetchAllAssets","assets","console","error","searchResult","useMemo","filteredData","filter","asset","type","name","apiNumber","groupData","Object","entries","groupBy"],"mappings":";;;;;;;;;AAOA,IAAMA,aAAa,GAAGC,QAAQ,CAAC,UAAAC,QAAQ,EAAI;AACzCA,EAAAA,QAAQ;AACT,CAF6B,EAE3B,GAF2B,CAA9B;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AAC/C,MAAMC,UAAU,GAAGD,SAAS,CAACE,KAAV,CAAgB,GAAhB,CAAnB;AAEA,SAAOC,KAAK,CAACF,UAAD,EAAa,UAAAG,GAAG;AAAA,WAAIL,SAAS,CAACM,WAAV,GAAwBC,QAAxB,CAAiCF,GAAG,IAAI,EAAxC,CAAJ;AAAA,GAAhB,CAAZ;AACD,CAJD;;AAMO,SAASG,aAAT,CAAuBP,SAAvB,EAAkCQ,SAAlC,EAA6CC,IAA7C,EAAmDC,OAAnD,EAA4D;AAAA,kBAC7BC,QAAQ,CAAC,EAAD,CADqB;AAAA;AAAA,MAC1DC,UAD0D;AAAA,MAC9CC,aAD8C;;AAAA,mBAEnCF,QAAQ,CAAC,KAAD,CAF2B;AAAA;AAAA,MAE1DG,OAF0D;AAAA,MAEjDC,UAFiD;;AAIjEC,EAAAA,SAAS,CAAC,YAAM;AAAA,aACCC,WADD;AAAA;AAAA;;AAAA;AAAA,8EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAEyBC,cAAc,CAACV,SAAD,EAAYC,IAAZ,EAAkBC,OAAlB,CAFvC;;AAAA;AAEUS,gBAAAA,MAFV;AAGIN,gBAAAA,aAAa,CAACM,MAAD,CAAb;AACAJ,gBAAAA,UAAU,CAAC,KAAD,CAAV;AAJJ;AAAA;;AAAA;AAAA;AAAA;AAMIK,gBAAAA,OAAO,CAACC,KAAR;;AANJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADc;AAAA;AAAA;;AAUdN,IAAAA,UAAU,CAAC,IAAD,CAAV;AACApB,IAAAA,aAAa,CAACsB,WAAD,CAAb;AACD,GAZQ,EAYN,CAACT,SAAD,EAAYC,IAAZ,EAAkBC,OAAlB,CAZM,CAAT;AAcA,MAAMY,YAAY,GAAGC,OAAO,CAAC,YAAM;AACjC,QAAMC,YAAY,GAAGZ,UAAU,CAACa,MAAX,CACnB,UAAAC,KAAK;AAAA;;AAAA,aACH,CAAC,CAAClB,SAAD,IAAckB,KAAK,CAACC,IAAN,KAAenB,SAA9B,MACCV,cAAc,CAAC4B,KAAK,CAACE,IAAP,EAAa,CAAC5B,SAAS,IAAI,EAAd,EAAkBK,WAAlB,EAAb,CAAd,yBACCqB,KAAK,CAACG,SADP,qDACC,iBAAiBxB,WAAjB,GAA+BC,QAA/B,CAAwC,CAACN,SAAS,IAAI,EAAd,EAAkBK,WAAlB,EAAxC,CADD,CADD,CADG;AAAA,KADc,CAArB;AAMA,QAAMyB,SAAS,GAAGC,MAAM,CAACC,OAAP,CAAeC,OAAO,CAACT,YAAD,EAAe,MAAf,CAAtB,CAAlB;AACA,WAAOM,SAAP;AACD,GAT2B,EASzB,CAAC9B,SAAD,EAAYY,UAAZ,EAAwBJ,SAAxB,CATyB,CAA5B;AAWA,SAAO,CAACM,OAAD,EAAUQ,YAAV,CAAP;AACD;;;;"}