@corva/ui 0.34.0-rc.3 → 0.34.0

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

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

package/components/BICOffsetPickerDialog/components/WellSection/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
-  }
-};
-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
+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/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/effects/useAssetsData.js

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