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

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

@@ -1 +1,167 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useRef as e,useState as r,useEffect as o}from"react";import a from"prop-types";import{get as i,isEmpty as s}from"lodash";import{makeStyles as n,List as l,ListSubheader as c,Chip as p,ListItem as d,ListItemText as u,Typography as m}from"@material-ui/core";import{SEARCH_CATEGORIES as f}from"./constants.js";import{jsxs as g,jsx as h}from"react/jsx-runtime";var x=n((function(t){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:t.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:t.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:t.palette.primary.text8},empty:{color:t.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"}}})),b=function(a){var n=a.page,b=a.loading,y=a.groupedAssets,S=a.onClickAsset,v=a.onScrollReached,T=x(),R=e(null),A=r("top"),C=t(A,2),H=C[0],I=C[1];o((function(){b||("top"===H&&R.current.scrollTo(0,5),"bottom"===H&&R.current.scrollTo(0,R.current.scrollHeight-R.current.offsetHeight-5))}),[b]);return g("div",{className:T.assetListWrapper,children:[g(l,{className:T.assetListContainer,subheader:h("li",{}),onScroll:function(e){if(e.target.scrollHeight!==e.target.offsetHeight){var r=e.target.scrollTop+e.target.offsetHeight;Math.abs(e.target.scrollHeight-r)<1&&y.find((function(e){var r=t(e,2);return r[0],40===r[1].length}))&&(I("top"),v("bottom")),0===Math.round(e.target.scrollTop)&&n>1&&(I("bottom"),v("top"))}},ref:R,children:[y.map((function(e){var r=t(e,2),o=r[0],a=r[1];return h("li",{className:T.listSection,children:g("ul",{className:T.ul,children:[h(c,{classes:{gutters:T.listGutters},children:h(p,{className:T.assetTypeSubheaderChip,variant:"outlined",label:f[o].labelPlural},o)}),a.map((function(t){return h(d,{"data-testid":"".concat("AssetResultSection","_item_").concat(t.name,"MenuItem"),button:!0,classes:{gutters:T.listGutters},disabled:!t.redirectAssetId,onClick:function(){return S(t)},children:h(u,{primary:t.name,classes:{root:T.assetItemTextRoot,primary:T.assetItemTextPrimary}})},"item-".concat(o,"-").concat(i(t,"asset_id")?i(t,"asset_id"):i(t,"id")))}))]})},"section-".concat(o))})),s(y)&&h("div",{className:T.empty,children:"Your search did not match any Asset Name"})]}),b&&h(m,{"data-testid":"".concat("AssetResultSection","_loading"),className:T.loadingInfo,children:"Loading..."})]})};b.propTypes={page:a.number.isRequired,loading:a.bool.isRequired,groupedAssets:a.arrayOf(a.array).isRequired,onClickAsset:a.func.isRequired,onScrollReached:a.func.isRequired};export{b 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, ListSubheader, Chip, ListItem, ListItemText, Typography } from '@material-ui/core';
+import { SEARCH_CATEGORIES } from './constants.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'AssetResultSection';
+var useStyles = makeStyles(function (theme) {
+  return {
+    assetListWrapper: {
+      margin: '8px 0',
+      flex: 1
+    },
+    assetListContainer: {
+      maxHeight: '350px',
+      backgroundColor: theme.palette.background.paper,
+      position: 'relative',
+      overflow: 'auto'
+    },
+    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'
+    }
+  };
+});
+var isLastPage = function isLastPage(data) {
+  return !data.find(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2);
+      _ref2[0];
+      var value = _ref2[1];
+    return value.length === 40;
+  });
+};
+var AssetResultSection = function AssetResultSection(_ref3) {
+  var page = _ref3.page,
+    loading = _ref3.loading,
+    groupedAssets = _ref3.groupedAssets,
+    onClickAsset = _ref3.onClickAsset,
+    onScrollReached = _ref3.onScrollReached;
+  var classes = useStyles();
+  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__*/jsxs(List, {
+      className: classes.assetListContainer,
+      subheader: /*#__PURE__*/jsx("li", {}),
+      onScroll: handleScrollList,
+      ref: listRef,
+      children: [groupedAssets.map(function (_ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2),
+          assetTypeKey = _ref5[0],
+          asstes = _ref5[1];
+        return /*#__PURE__*/jsx("li", {
+          className: classes.listSection,
+          children: /*#__PURE__*/jsxs("ul", {
+            className: classes.ul,
+            children: [/*#__PURE__*/jsx(ListSubheader, {
+              classes: {
+                gutters: classes.listGutters
+              },
+              children: /*#__PURE__*/jsx(Chip, {
+                className: classes.assetTypeSubheaderChip,
+                variant: "outlined",
+                label: SEARCH_CATEGORIES[assetTypeKey].labelPlural
+              }, assetTypeKey)
+            }), 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));
+      }), 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..."
+    })]
+  });
+};
+AssetResultSection.propTypes = {
+  page: PropTypes.number.isRequired,
+  loading: PropTypes.bool.isRequired,
+  groupedAssets: PropTypes.arrayOf(PropTypes.array).isRequired,
+  onClickAsset: PropTypes.func.isRequired,
+  onScrollReached: PropTypes.func.isRequired
+};
+
+export { AssetResultSection as default };
+//# sourceMappingURL=AssetResultSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetResultSection.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AssetResultSection.js"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty } from 'lodash';\n\nimport {\n  makeStyles,\n  List,\n  ListSubheader,\n  Chip,\n  ListItem,\n  ListItemText,\n  Typography,\n} from '@material-ui/core';\n\nimport { SEARCH_CATEGORIES } from './constants';\n\nconst PAGE_NAME = 'AssetResultSection';\nconst useStyles = makeStyles(theme => ({\n  assetListWrapper: {\n    margin: '8px 0',\n    flex: 1,\n  },\n  assetListContainer: {\n    maxHeight: '350px',\n    backgroundColor: theme.palette.background.paper,\n    position: 'relative',\n    overflow: 'auto',\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}));\n\nconst isLastPage = data => {\n  return !data.find(([_, value]) => value.length === 40);\n};\n\nconst AssetResultSection = ({ page, loading, groupedAssets, onClickAsset, onScrollReached }) => {\n  const classes = useStyles();\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      <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              <ListSubheader classes={{ gutters: classes.listGutters }}>\n                <Chip\n                  key={assetTypeKey}\n                  className={classes.assetTypeSubheaderChip}\n                  variant=\"outlined\"\n                  label={SEARCH_CATEGORIES[assetTypeKey].labelPlural}\n                />\n              </ListSubheader>\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        {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>\n  );\n};\n\nAssetResultSection.propTypes = {\n  page: PropTypes.number.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf(PropTypes.array).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n};\n\nexport default AssetResultSection;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","assetListWrapper","margin","flex","assetListContainer","maxHeight","backgroundColor","palette","background","paper","position","overflow","listSection","ul","padding","listGutters","assetTypeSubheaderChip","height","color","primary","text6","assetItemTextRoot","minWidth","assetItemTextPrimary","whiteSpace","textOverflow","loadingInfo","textAlign","fontSize","lineHeight","text8","empty","fontStyle","marginLeft","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","gutters","SEARCH_CATEGORIES","labelPlural","asset","name","redirectAssetId","root","get","isEmpty","propTypes","PropTypes","number","isRequired","bool","arrayOf","array","func"],"mappings":"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"}

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

@@ -1 +1,57 @@
-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 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: {
+    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 { AssetTypesSection as default };
+//# 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,mBAAmB,CAAA;AAErC,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,oBAAoB,EAAE;AACpBC,IAAAA,MAAM,EAAE,CAAA;GACT;AACDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,aAAa,EAAE,KAAA;GAChB;AACDC,EAAAA,aAAa,EAAE;AACbC,IAAAA,WAAW,EAAE,KAAK;AAClBL,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,GAAGb,SAAS,EAAE,CAAA;EAE3B,oBACEc,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,OAAO,CAACX,oBAAqB;AAAA,IAAA,QAAA,EAAA,cAC3Ca,IAAC,UAAU,EAAA;MAAC,SAAS,EAAEF,OAAO,CAACT,WAAY;AAAA,MAAA,QAAA,EAAA,oBAAA;AAAA,KAAA,CAAqC,eAChFW,GAAA,CAAA,KAAA,EAAA;MAAA,QACGC,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,CAAgBhB,SAAS,EAAA,QAAA,CAAA,CAAA,MAAA,CAASoB,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;;;;"}

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

@@ -1 +1,212 @@
-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 { useState, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { withRouter } from 'react-router';
+import get from 'lodash/get';
+import { withStyles, Tooltip, makeStyles, Chip, Input } 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: '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];
+        var 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 { AutoCompleteAssetSearch$1 as default };
+//# 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
+  }
+};
+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

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","Object","values","filter","item","map","CATEGORY_KEY_VALUES","entries"],"mappings":"AAAO,IAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,kBAAkB,EAAE,MAAM;AAC1BC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDC,EAAAA,GAAG,EAAE;AACHL,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,WAAW,EAAE,MAAM;AACnBC,IAAAA,kBAAkB,EAAE,KAAK;AACzBC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDE,EAAAA,UAAU,EAAE;AACVN,IAAAA,IAAI,EAAE,YAAY;AAClBC,IAAAA,aAAa,EAAE,YAAY;AAC3BC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,kBAAkB,EAAE,YAAY;AAChCC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDG,EAAAA,aAAa,EAAE;AACbP,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,aAAa,EAAE,eAAe;AAC9BC,IAAAA,WAAW,EAAE,gBAAgB;AAC7BC,IAAAA,kBAAkB,EAAE,eAAe;AACnCC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDI,EAAAA,UAAU,EAAE;AACVR,IAAAA,IAAI,EAAE,YAAY;AAClBC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,WAAW,EAAE,MAAM;AACnBE,IAAAA,WAAW,EAAE,KAAA;AACf,GAAA;AACF,EAAC;AAEmCK,MAAM,CAACC,MAAM,CAACZ,iBAAiB,CAAC,CACjEa,MAAM,CAAC,UAAAC,IAAI,EAAA;EAAA,OAAIA,IAAI,CAACT,kBAAkB,CAAA;AAAA,CAAA,CAAC,CACvCU,GAAG,CAAC,UAAAD,IAAI,EAAA;EAAA,OAAIA,IAAI,CAACT,kBAAkB,CAAA;AAAA,CAAC,EAAA;AAEhC,IAAMW,mBAAmB,GAAGL,MAAM,CAACM,OAAO,CAACjB,iBAAiB;;;;"}