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

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js

@@ -1 +1,172 @@
-import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/defineProperty";import{shape as r,oneOfType as i,number as a,string as o,func as n}from"prop-types";import{Map as p,List as s}from"immutable";import c from"moment";import{makeStyles as m,Typography as d}from"@material-ui/core";import{isNativeDetected as u}from"../../../../utils/mobileDetect.js";import l from"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import b from"../../../EmbeddedApp/EmbeddedApp.js";import f from"../../../Attachment/index.js";import{formatMentionText as g}from"../../../UserMention/utils/index.js";import{normalizeAssetForApp as y}from"./helpers.js";import A from"./styles.css.js";import{jsx as h,jsxs as j}from"react/jsx-runtime";function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function O(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?w(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):w(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var R=m({attachmentLable:{fontSize:"12px",color:"#ccc"}}),v=function(e){var t=e.feedItem,r=t.id,i=t.well,a=t.rig,o=t.app,n=t.package,m=t.company_id,w=t.context.app_annotation,v=w.body,_=w.app_category,q=w.app_key,D=w.created_at,E=w.settings,S=void 0===E?{}:E,C=w.attachment,P=w.data_timestamp,x=t.mentioned_users,F=e.appContext,I=e.appRegistry,N=e.subscribeAppForAsset,k=e.unsubscribeAppFromAsset,L=e.currentUser,U=e.appData,z=e.isSubDataLoading,B=e.getSubErrors,K=e.isSubDataEmpty,M=R(),T=!!o,G=T&&"dev_center"===o.platform;if(!T||G&&!n)return h(d,{variant:"body2",children:"App not found"});var H=y(i||a,m),J=c(P||D).unix();return[H,_,q,D].every(Boolean)&&H.id?j("div",{className:A.appAnnotationFeedItem,children:[h(d,{variant:"body2","data-testid":"".concat("FeedActivityPo_appAnnotation","_message"),children:g(v,x,u)}),h("br",{}),n&&n.url?h(l,{appContainerClassName:A.appAnnotationFeedItemApp,appId:r,assetId:H.id,asset:H,app:{app:O(O({},o),{},{settings:S}),package:n},coordinates:{},timestamp:J,time:P,currentUser:L}):h(b,{appContainerClassName:A.appAnnotationFeedItemApp,appId:r,assetId:H.id,asset:p(H),appComponentKey:q,appComponentCategory:_,requiresSubscription:!0,appContext:p(F),assetDashboards:s(),timestamp:J,time:P,onSettingChange:function(){},settings:S,internalSelectors:{isSubDataLoading:z,getSubErrors:B,isSubDataEmpty:K},appRegistry:I,appData:U,subscribeAppForAsset:N,unsubscribeAppFromAsset:k}),C&&C.s3_link&&j("div",{className:A.appAnnotationFeedItemAttachment,children:[h(d,{variant:"subtitle1",className:M.attachmentLable,children:"Attachments"}),h(f,{small:!0,attachmentUrl:C.signed_url,fileName:C.file_name,displayName:C.file_name})]})]}):h(d,{variant:"body2",children:"No Data"})};v.propTypes={feedItem:r({id:i([a,o]).isRequired,well:function(t,r,i){return t.well||t.rig?t.well&&"object"!==e(t.well)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},rig:function(t,r,i){return t.well||t.rig?t.rig&&"object"!==e(t.rig)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},context:r({app_annotation:r({body:o,app_category:o.isRequired,app_name:o.isRequired,created_at:o.isRequired,settings:r()}).isRequired}).isRequired}).isRequired,appContext:r().isRequired,currentUser:r().isRequired,appData:r().isRequired,appRegistry:r().isRequired,subscribeAppForAsset:n.isRequired,unsubscribeAppFromAsset:n.isRequired,isSubDataLoading:n.isRequired,getSubErrors:n.isRequired,isSubDataEmpty:n.isRequired};export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import moment from 'moment';
+import { Map, List } from 'immutable';
+import { isNativeDetected } from '../../../../utils/mobileDetect.js';
+import _typeof from '@babel/runtime/helpers/typeof';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import { shape, oneOfType, number, string, func } from 'prop-types';
+import { formatMentionText } from '../../../UserMention/utils/index.js';
+import Attachment from '../../../Attachment/index.js';
+import DevCenterEmbeddedApp from '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import EmbeddedApp from '../../../EmbeddedApp/EmbeddedApp.js';
+import { normalizeAssetForApp } from './helpers.js';
+import styles from './styles.css.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var PAGE_NAME = 'FeedActivityPo_appAnnotation';
+var useStyles = makeStyles({
+  attachmentLable: {
+    fontSize: '12px',
+    color: '#ccc'
+  }
+});
+
+var AppAnnotationFeedItem = function AppAnnotationFeedItem(props) {
+  var _props$feedItem = props.feedItem,
+      id = _props$feedItem.id,
+      well = _props$feedItem.well,
+      rig = _props$feedItem.rig,
+      app = _props$feedItem.app,
+      appPackage = _props$feedItem.package,
+      companyId = _props$feedItem.company_id,
+      _props$feedItem$conte = _props$feedItem.context.app_annotation,
+      body = _props$feedItem$conte.body,
+      appCategory = _props$feedItem$conte.app_category,
+      appKey = _props$feedItem$conte.app_key,
+      createdAt = _props$feedItem$conte.created_at,
+      _props$feedItem$conte2 = _props$feedItem$conte.settings,
+      settings = _props$feedItem$conte2 === void 0 ? {} : _props$feedItem$conte2,
+      attachment = _props$feedItem$conte.attachment,
+      dataTimestamp = _props$feedItem$conte.data_timestamp,
+      mentionedUsers = _props$feedItem.mentioned_users,
+      appContext = props.appContext,
+      appRegistry = props.appRegistry,
+      subscribeAppForAsset = props.subscribeAppForAsset,
+      unsubscribeAppFromAsset = props.unsubscribeAppFromAsset,
+      currentUser = props.currentUser,
+      appData = props.appData,
+      isSubDataLoading = props.isSubDataLoading,
+      getSubErrors = props.getSubErrors,
+      isSubDataEmpty = props.isSubDataEmpty;
+  var classes = useStyles();
+  var isAppFound = !!app;
+  var isDevCenterApp = isAppFound && app.platform === 'dev_center';
+  var isDevCenterWithoutPackage = isDevCenterApp && !appPackage;
+  if (!isAppFound || isDevCenterWithoutPackage) return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    children: "App not found"
+  });
+  var asset = normalizeAssetForApp(well || rig, companyId);
+  var timestamp = moment(dataTimestamp || createdAt).unix();
+  var requiredFields = [asset, appCategory, appKey, createdAt];
+  if (!requiredFields.every(Boolean) || !asset.id) return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    children: "No Data"
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.appAnnotationFeedItem,
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      "data-testid": "".concat(PAGE_NAME, "_message"),
+      children: formatMentionText(body, mentionedUsers, isNativeDetected)
+    }), /*#__PURE__*/jsx("br", {}), appPackage && appPackage.url ? /*#__PURE__*/jsx(DevCenterEmbeddedApp, {
+      appContainerClassName: styles.appAnnotationFeedItemApp,
+      appId: id,
+      assetId: asset.id,
+      asset: asset,
+      app: {
+        app: _objectSpread(_objectSpread({}, app), {}, {
+          settings: settings
+        }),
+        package: appPackage
+      },
+      coordinates: {},
+      timestamp: timestamp,
+      time: dataTimestamp,
+      currentUser: currentUser
+    }) : /*#__PURE__*/jsx(EmbeddedApp, {
+      appContainerClassName: styles.appAnnotationFeedItemApp,
+      appId: id,
+      assetId: asset.id,
+      asset: Map(asset),
+      appComponentKey: appKey,
+      appComponentCategory: appCategory,
+      requiresSubscription: true,
+      appContext: Map(appContext),
+      assetDashboards: List(),
+      timestamp: timestamp,
+      time: dataTimestamp,
+      onSettingChange: function onSettingChange() {
+        return undefined;
+      },
+      settings: settings,
+      internalSelectors: {
+        isSubDataLoading: isSubDataLoading,
+        getSubErrors: getSubErrors,
+        isSubDataEmpty: isSubDataEmpty
+      },
+      appRegistry: appRegistry,
+      appData: appData,
+      subscribeAppForAsset: subscribeAppForAsset,
+      unsubscribeAppFromAsset: unsubscribeAppFromAsset
+    }), attachment && attachment.s3_link && /*#__PURE__*/jsxs("div", {
+      className: styles.appAnnotationFeedItemAttachment,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "subtitle1",
+        className: classes.attachmentLable,
+        children: "Attachments"
+      }), /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.signed_url,
+        fileName: attachment.file_name,
+        displayName: attachment.file_name
+      })]
+    })]
+  });
+};
+
+AppAnnotationFeedItem.propTypes = {
+  feedItem: shape({
+    id: oneOfType([number, string]).isRequired,
+    well: function well(props, propName, componentName) {
+      if (!props.well && !props.rig) {
+        return new Error("One of props 'well' or 'rig' was not specified in '".concat(componentName, "'."));
+      }
+
+      if (props.well && _typeof(props.well) !== 'object') return new Error("Prop '".concat(propName, "' should be an object"));
+      return null;
+    },
+    rig: function rig(props, propName, componentName) {
+      if (!props.well && !props.rig) {
+        return new Error("One of props 'well' or 'rig' was not specified in '".concat(componentName, "'."));
+      }
+
+      if (props.rig && _typeof(props.rig) !== 'object') return new Error("Prop '".concat(propName, "' should be an object"));
+      return null;
+    },
+    context: shape({
+      app_annotation: shape({
+        body: string,
+        app_category: string.isRequired,
+        app_name: string.isRequired,
+        created_at: string.isRequired,
+        settings: shape()
+      }).isRequired
+    }).isRequired
+  }).isRequired,
+  appContext: shape().isRequired,
+  currentUser: shape().isRequired,
+  appData: shape().isRequired,
+  appRegistry: shape().isRequired,
+  subscribeAppForAsset: func.isRequired,
+  unsubscribeAppFromAsset: func.isRequired,
+  isSubDataLoading: func.isRequired,
+  getSubErrors: func.isRequired,
+  isSubDataEmpty: func.isRequired
+};
+
+export default AppAnnotationFeedItem;
+//# sourceMappingURL=index.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"sourcesContent":["import { shape, number, string, oneOfType, func } from 'prop-types';\nimport { Map, List } from 'immutable';\nimport moment from 'moment';\n\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { EmbeddedApp, DevCenterEmbeddedApp } from '~/components/EmbeddedApp';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\n\nimport { normalizeAssetForApp } from './helpers';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'FeedActivityPo_appAnnotation';\n\nconst useStyles = makeStyles({\n  attachmentLable: {\n    fontSize: '12px',\n    color: '#ccc',\n  },\n});\n\nconst AppAnnotationFeedItem = props => {\n  const {\n    feedItem: {\n      id,\n      well,\n      rig,\n      app,\n      package: appPackage,\n      company_id: companyId,\n      context: {\n        app_annotation: {\n          body,\n          app_category: appCategory,\n          app_key: appKey,\n          created_at: createdAt,\n          settings = {},\n          attachment,\n          data_timestamp: dataTimestamp,\n        },\n      },\n      mentioned_users: mentionedUsers,\n    },\n    appContext,\n\n    appRegistry,\n    subscribeAppForAsset,\n    unsubscribeAppFromAsset,\n    currentUser,\n    appData,\n    isSubDataLoading,\n    getSubErrors,\n    isSubDataEmpty,\n  } = props;\n  const classes = useStyles();\n\n  const isAppFound = !!app;\n  const isDevCenterApp = isAppFound && app.platform === 'dev_center';\n  const isDevCenterWithoutPackage = isDevCenterApp && !appPackage;\n\n  if (!isAppFound || isDevCenterWithoutPackage)\n    return <Typography variant=\"body2\">App not found</Typography>;\n\n  const asset = normalizeAssetForApp(well || rig, companyId);\n  const timestamp = moment(dataTimestamp || createdAt).unix();\n\n  const requiredFields = [asset, appCategory, appKey, createdAt];\n\n  if (!requiredFields.every(Boolean) || !asset.id)\n    return <Typography variant=\"body2\">No Data</Typography>;\n\n  return (\n    <div className={styles.appAnnotationFeedItem}>\n      <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_message`}>\n        {formatMentionText(body, mentionedUsers, isNativeDetected)}\n      </Typography>\n      <br />\n      {appPackage && appPackage.url ? (\n        <DevCenterEmbeddedApp\n          appContainerClassName={styles.appAnnotationFeedItemApp}\n          appId={id}\n          assetId={asset.id}\n          asset={asset}\n          app={{\n            app: { ...app, settings },\n            package: appPackage,\n          }}\n          coordinates={{}}\n          timestamp={timestamp}\n          time={dataTimestamp}\n          currentUser={currentUser}\n        />\n      ) : (\n        <EmbeddedApp\n          appContainerClassName={styles.appAnnotationFeedItemApp}\n          appId={id}\n          assetId={asset.id}\n          asset={Map(asset)}\n          appComponentKey={appKey}\n          appComponentCategory={appCategory}\n          requiresSubscription\n          appContext={Map(appContext)}\n          assetDashboards={List()}\n          timestamp={timestamp}\n          time={dataTimestamp}\n          onSettingChange={() => undefined}\n          settings={settings}\n          internalSelectors={{\n            isSubDataLoading,\n            getSubErrors,\n            isSubDataEmpty,\n          }}\n          appRegistry={appRegistry}\n          appData={appData}\n          subscribeAppForAsset={subscribeAppForAsset}\n          unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n        />\n      )}\n      {attachment && attachment.s3_link && (\n        <div className={styles.appAnnotationFeedItemAttachment}>\n          <Typography variant=\"subtitle1\" className={classes.attachmentLable}>\n            Attachments\n          </Typography>\n          <Attachment\n            small\n            attachmentUrl={attachment.signed_url}\n            fileName={attachment.file_name}\n            displayName={attachment.file_name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppAnnotationFeedItem.propTypes = {\n  feedItem: shape({\n    id: oneOfType([number, string]).isRequired,\n    well: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.well && typeof props.well !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    rig: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.rig && typeof props.rig !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    context: shape({\n      app_annotation: shape({\n        body: string,\n        app_category: string.isRequired,\n        app_name: string.isRequired,\n        created_at: string.isRequired,\n        settings: shape(),\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n  appContext: shape().isRequired,\n  currentUser: shape().isRequired,\n  appData: shape().isRequired,\n  appRegistry: shape().isRequired,\n  subscribeAppForAsset: func.isRequired,\n  unsubscribeAppFromAsset: func.isRequired,\n  isSubDataLoading: func.isRequired,\n  getSubErrors: func.isRequired,\n  isSubDataEmpty: func.isRequired,\n};\n\nexport default AppAnnotationFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","attachmentLable","fontSize","color","AppAnnotationFeedItem","props","feedItem","id","well","rig","app","appPackage","package","companyId","company_id","context","app_annotation","body","appCategory","app_category","appKey","app_key","createdAt","created_at","settings","attachment","dataTimestamp","data_timestamp","mentionedUsers","mentioned_users","appContext","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","currentUser","appData","isSubDataLoading","getSubErrors","isSubDataEmpty","classes","isAppFound","isDevCenterApp","platform","isDevCenterWithoutPackage","_jsx","asset","normalizeAssetForApp","timestamp","moment","unix","requiredFields","every","Boolean","_jsxs","styles","appAnnotationFeedItem","formatMentionText","isNativeDetected","url","appAnnotationFeedItemApp","Map","List","undefined","s3_link","appAnnotationFeedItemAttachment","signed_url","file_name","propTypes","shape","oneOfType","number","string","isRequired","propName","componentName","Error","app_name","func"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/styles.css.js

@@ -1 +1,8 @@
-import t from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={appAnnotationFeedItem:"styles_appAnnotationFeedItem__YxXXr",appAnnotationFeedItemApp:"styles_appAnnotationFeedItemApp__ocHQR",appAnnotationFeedItemAttachment:"styles_appAnnotationFeedItemAttachment__0MiDo"};t(".styles_appAnnotationFeedItem__YxXXr{display:flex;flex-direction:column}.styles_appAnnotationFeedItemApp__ocHQR{display:inline-block;height:500px;margin-right:15px;position:relative;width:600px}.styles_appAnnotationFeedItemAttachment__0MiDo{padding-top:10px;width:200px}");export{e as default};
+import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_appAnnotationFeedItem__20aK_ {\n  display: flex;\n  flex-direction: column;\n}\n\n.styles_appAnnotationFeedItemApp__3shnf {\n  width: 600px;\n  height: 500px;\n  position: relative;\n  margin-right: 15px;\n  display: inline-block;\n}\n\n.styles_appAnnotationFeedItemAttachment__3ynrz {\n  padding-top: 10px;\n  width: 200px;\n}";
+var styles = {"appAnnotationFeedItem":"styles_appAnnotationFeedItem__20aK_","appAnnotationFeedItemApp":"styles_appAnnotationFeedItemApp__3shnf","appAnnotationFeedItemAttachment":"styles_appAnnotationFeedItemAttachment__3ynrz"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,0DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js

@@ -1 +1,138 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import i from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useState as t,useEffect as o}from"react";import{shape as n,number as a,string as s,arrayOf as l}from"prop-types";import m from"./components/Info.js";import d from"./components/BhaNumber.js";import p from"./components/BhaSchematic.js";import c from"./components/NoData.js";import{loadDrillStringData as u}from"../../../../utils/bha.js";import f from"./styles.css.js";import{jsxs as h,Fragment as b,jsx as v}from"react/jsx-runtime";var y=function(n){var a,s=n.feedItem,l=n.feedItem,y=l.well,g=l.context,q=l.company_id,D=t([]),R=i(D,2),I=R[0],j=R[1],x=t(!1),w=i(x,2),N=w[0],_=w[1],A=null==y?void 0:y.id,S=null==g||null===(a=g.bha)||void 0===a?void 0:a.data,T=[null==S?void 0:S.id],k=(null==S?void 0:S.components.find((function(e){return"bit"===e.family})))||{},B=(null==S?void 0:S.id)||"-";function C(){return(C=e(r.mark((function e(){var i;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,u([{_id:A,bha_ids:T}],q);case 3:i=e.sent,j(i),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})))).apply(this,arguments)}return o((function(){!function(){C.apply(this,arguments)}()}),[]),h(b,{children:[h("div",{className:f.bhaFeedItemInfoWrapper,children:[v(d,{bhaId:B,pageName:"bhaActivity"}),v(m,{feedItem:s,bitComponent:k,pageName:"bhaActivity"})]}),I.length>0?v(p,{feedItem:s,drillStringData:I,isShowDrillstringDetailDialog:N,handleShowDrillstringDetailDialog:function(){return _(!0)},handleHideDrillstringDetailDialog:function(){return _(!1)}}):v(c,{pageName:"bhaActivity"})]})};y.propTypes={feedItem:n({id:a.isRequired,type:s.isRequired,company_id:a.isRequired,context:n({bha:n({data:n({id:a.isRequired,components:l(n).isRequired,start_depth:a.isRequired}).isRequired})}).isRequired,created_at:s.isRequired,well:n({id:a.isRequired})}).isRequired};export{y as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { loadDrillStringData } from '../../../../utils/bha.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { shape, number, string, arrayOf } from 'prop-types';
+import Info from './components/Info.js';
+import BhaNumber from './components/BhaNumber.js';
+import BhaSchematic from './components/BhaSchematic.js';
+import NoDataMessage from './components/NoData.js';
+import styles from './styles.css.js';
+
+var PAGE_NAME = 'bhaActivity';
+
+var BhaFeedItem = function BhaFeedItem(_ref) {
+  var _context$bha;
+
+  var feedItem = _ref.feedItem,
+      _ref$feedItem = _ref.feedItem,
+      well = _ref$feedItem.well,
+      context = _ref$feedItem.context,
+      companyId = _ref$feedItem.company_id;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      drillStringData = _useState2[0],
+      setDrillStringData = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isShowDrillstringDetailDialog = _useState4[0],
+      setIsShowDrillstringDetailDialog = _useState4[1];
+
+  var handleShowDrillstringDetailDialog = function handleShowDrillstringDetailDialog() {
+    return setIsShowDrillstringDetailDialog(true);
+  };
+
+  var handleHideDrillstringDetailDialog = function handleHideDrillstringDetailDialog() {
+    return setIsShowDrillstringDetailDialog(false);
+  };
+
+  var wellId = well === null || well === void 0 ? void 0 : well.id;
+  var bhaData = context === null || context === void 0 ? void 0 : (_context$bha = context.bha) === null || _context$bha === void 0 ? void 0 : _context$bha.data;
+  var bhaIds = [bhaData === null || bhaData === void 0 ? void 0 : bhaData.id];
+  var bitComponent = (bhaData === null || bhaData === void 0 ? void 0 : bhaData.components.find(function (component) {
+    return component.family === 'bit';
+  })) || {};
+  var id = (bhaData === null || bhaData === void 0 ? void 0 : bhaData.id) || '-';
+
+  function handleFetchDrillStringData() {
+    return _handleFetchDrillStringData.apply(this, arguments);
+  }
+
+  function _handleFetchDrillStringData() {
+    _handleFetchDrillStringData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var response;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return loadDrillStringData([{
+                _id: wellId,
+                bha_ids: bhaIds
+              }], companyId);
+
+            case 3:
+              response = _context.sent;
+              setDrillStringData(response);
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              console.error(_context.t0);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+    return _handleFetchDrillStringData.apply(this, arguments);
+  }
+
+  useEffect(function () {
+    handleFetchDrillStringData();
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.bhaFeedItemInfoWrapper,
+      children: [/*#__PURE__*/jsx(BhaNumber, {
+        bhaId: id,
+        pageName: PAGE_NAME
+      }), /*#__PURE__*/jsx(Info, {
+        feedItem: feedItem,
+        bitComponent: bitComponent,
+        pageName: PAGE_NAME
+      })]
+    }), drillStringData.length > 0 ? /*#__PURE__*/jsx(BhaSchematic, {
+      feedItem: feedItem,
+      drillStringData: drillStringData,
+      isShowDrillstringDetailDialog: isShowDrillstringDetailDialog,
+      handleShowDrillstringDetailDialog: handleShowDrillstringDetailDialog,
+      handleHideDrillstringDetailDialog: handleHideDrillstringDetailDialog
+    }) : /*#__PURE__*/jsx(NoDataMessage, {
+      pageName: PAGE_NAME
+    })]
+  });
+};
+
+BhaFeedItem.propTypes = {
+  feedItem: shape({
+    id: number.isRequired,
+    type: string.isRequired,
+    company_id: number.isRequired,
+    context: shape({
+      bha: shape({
+        data: shape({
+          id: number.isRequired,
+          components: arrayOf(shape).isRequired,
+          start_depth: number.isRequired
+        }).isRequired
+      })
+    }).isRequired,
+    created_at: string.isRequired,
+    well: shape({
+      id: number.isRequired
+    })
+  }).isRequired
+};
+
+export default BhaFeedItem;
+//# sourceMappingURL=BhaFeedItem.js.map

package/components/FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BhaFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\n\nimport Info from './components/Info';\nimport BhaNumber from './components/BhaNumber';\nimport BhaSchematic from './components/BhaSchematic';\nimport NoData from './components/NoData';\n\nimport { loadDrillStringData } from '~/utils/bha';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'bhaActivity';\n\nconst BhaFeedItem = ({ feedItem, feedItem: { well, context, company_id: companyId } }) => {\n  const [drillStringData, setDrillStringData] = useState([]);\n  const [isShowDrillstringDetailDialog, setIsShowDrillstringDetailDialog] = useState(false);\n\n  const handleShowDrillstringDetailDialog = () => setIsShowDrillstringDetailDialog(true);\n  const handleHideDrillstringDetailDialog = () => setIsShowDrillstringDetailDialog(false);\n\n  const wellId = well?.id;\n  const bhaData = context?.bha?.data;\n  const bhaIds = [bhaData?.id];\n  const bitComponent = bhaData?.components.find(component => component.family === 'bit') || {};\n\n  const id = bhaData?.id || '-';\n\n  async function handleFetchDrillStringData() {\n    try {\n      const response = await loadDrillStringData([{ _id: wellId, bha_ids: bhaIds }], companyId);\n      setDrillStringData(response);\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  useEffect(() => {\n    handleFetchDrillStringData();\n  }, []);\n\n  return (\n    <>\n      <div className={styles.bhaFeedItemInfoWrapper}>\n        <BhaNumber bhaId={id} pageName={PAGE_NAME} />\n        <Info feedItem={feedItem} bitComponent={bitComponent} pageName={PAGE_NAME} />\n      </div>\n\n      {drillStringData.length > 0 ? (\n        <BhaSchematic\n          feedItem={feedItem}\n          drillStringData={drillStringData}\n          isShowDrillstringDetailDialog={isShowDrillstringDetailDialog}\n          handleShowDrillstringDetailDialog={handleShowDrillstringDetailDialog}\n          handleHideDrillstringDetailDialog={handleHideDrillstringDetailDialog}\n        />\n      ) : (\n        <NoData pageName={PAGE_NAME} />\n      )}\n    </>\n  );\n};\n\nBhaFeedItem.propTypes = {\n  feedItem: shape({\n    id: number.isRequired,\n    type: string.isRequired,\n    company_id: number.isRequired,\n    context: shape({\n      bha: shape({\n        data: shape({\n          id: number.isRequired,\n          components: arrayOf(shape).isRequired,\n          start_depth: number.isRequired,\n        }).isRequired,\n      }),\n    }).isRequired,\n    created_at: string.isRequired,\n    well: shape({\n      id: number.isRequired,\n    }),\n  }).isRequired,\n};\n\nexport default BhaFeedItem;\n"],"names":["PAGE_NAME","BhaFeedItem","feedItem","well","context","companyId","company_id","useState","drillStringData","setDrillStringData","isShowDrillstringDetailDialog","setIsShowDrillstringDetailDialog","handleShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","wellId","id","bhaData","bha","data","bhaIds","bitComponent","components","find","component","family","handleFetchDrillStringData","loadDrillStringData","_id","bha_ids","response","console","error","useEffect","_jsxs","styles","bhaFeedItemInfoWrapper","_jsx","length","NoData","propTypes","shape","number","isRequired","type","string","arrayOf","start_depth","created_at"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaNumber.js

@@ -1 +1,39 @@
-import{oneOfType as r,number as a,string as e}from"prop-types";import{makeStyles as i,Typography as o}from"@material-ui/core";import t from"@material-ui/core/colors/blue";import{jsxs as m,jsx as p}from"react/jsx-runtime";var d=i({wrapper:{marginRight:40},bhaId:{color:t[300]}}),c=function(r){var a=r.bhaId,e=r.pageName,i=d();return m("div",{className:i.wrapper,children:[p(o,{variant:"body2",children:"BHA#:"}),p(o,{"data-testid":"".concat(e,"_bhaNumber"),variant:"h6",className:i.bhaId,children:a})]})};c.propTypes={bhaId:r([a,e]).isRequired,pageName:e.isRequired};export{c as default};
+import blue from '@material-ui/core/colors/blue';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import { oneOfType, number, string } from 'prop-types';
+
+var useStyles = makeStyles({
+  wrapper: {
+    marginRight: 40
+  },
+  bhaId: {
+    color: blue[300]
+  }
+});
+
+var BhaNumber = function BhaNumber(_ref) {
+  var bhaId = _ref.bhaId,
+      pageName = _ref.pageName;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      children: "BHA#:"
+    }), /*#__PURE__*/jsx(Typography, {
+      "data-testid": "".concat(pageName, "_bhaNumber"),
+      variant: "h6",
+      className: classes.bhaId,
+      children: bhaId
+    })]
+  });
+};
+
+BhaNumber.propTypes = {
+  bhaId: oneOfType([number, string]).isRequired,
+  pageName: string.isRequired
+};
+
+export default BhaNumber;
+//# sourceMappingURL=BhaNumber.js.map

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BhaNumber.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaNumber.js"],"sourcesContent":["import { oneOfType, number, string } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nconst useStyles = makeStyles({\n  wrapper: { marginRight: 40 },\n  bhaId: { color: blue[300] },\n});\n\nconst BhaNumber = ({ bhaId, pageName }) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant=\"body2\">BHA#:</Typography>\n      <Typography data-testid={`${pageName}_bhaNumber`} variant=\"h6\" className={classes.bhaId}>\n        {bhaId}\n      </Typography>\n    </div>\n  );\n};\n\nBhaNumber.propTypes = {\n  bhaId: oneOfType([number, string]).isRequired,\n  pageName: string.isRequired,\n};\n\nexport default BhaNumber;\n"],"names":["useStyles","makeStyles","wrapper","marginRight","bhaId","color","blue","BhaNumber","pageName","classes","_jsxs","_jsx","propTypes","oneOfType","number","string","isRequired"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GADkB;AAE3BC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAEC,IAAI,CAAC,GAAD;AAAb;AAFoB,CAAD,CAA5B;;IAKMC,SAAS,GAAG,SAAZA,SAAY,OAAyB;AAAA,MAAtBH,KAAsB,QAAtBA,KAAsB;AAAA,MAAfI,QAAe,QAAfA,QAAe;AACzC,MAAMC,OAAO,GAAGT,SAAS,EAAzB;AAEA,sBACEU;AAAK,IAAA,SAAS,EAAED,OAAO,CAACP,OAAxB;AAAA,4BACES,IAAC,UAAD;AAAY,MAAA,OAAO,EAAC,OAApB;AAAA;AAAA,MADF,eAEEA,IAAC,UAAD;AAAY,+BAAgBH,QAAhB,eAAZ;AAAkD,MAAA,OAAO,EAAC,IAA1D;AAA+D,MAAA,SAAS,EAAEC,OAAO,CAACL,KAAlF;AAAA,gBACGA;AADH,MAFF;AAAA,IADF;AAQD;;AAEDG,SAAS,CAACK,SAAV,GAAsB;AACpBR,EAAAA,KAAK,EAAES,SAAS,CAAC,CAACC,MAAD,EAASC,MAAT,CAAD,CAAT,CAA4BC,UADf;AAEpBR,EAAAA,QAAQ,EAAEO,MAAM,CAACC;AAFG,CAAtB;;;;"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js

@@ -1 +1,75 @@
-import{shape as i,bool as r,func as l}from"prop-types";import{makeStyles as e,Dialog as t,DialogContent as a}from"@material-ui/core";import o from"../../../../Drillstring/BhaIndicator/BhaIndicator.js";import n from"../../../../Drillstring/BHASchematic.js";import s from"../../../../Drillstring/DrillstringDetail/DrillstringDetail.js";import{getUnitDisplay as d}from"../../../../../utils/convert.js";import{getBHAInformation as D,calculateBHALengthMax as m,getBHASchematic as p}from"../../../../../utils/bha.js";import{jsxs as g,Fragment as h,jsx as c}from"react/jsx-runtime";var u=e({wrapper:{width:200,cursor:"pointer",marginTop:-52,marginBottom:-52},bhaDetail:{maxWidth:1500,maxHeight:"80%"}}),f=function(i){var r,l,e,f,v,S=i.feedItem,w=i.drillStringData,j=i.handleShowDrillstringDetailDialog,x=i.isShowDrillstringDetailDialog,b=i.handleHideDrillstringDetailDialog,q=u(),I=null===(r=S.well)||void 0===r?void 0:r.id,R=null===(l=S.context)||void 0===l||null===(e=l.bha)||void 0===e||null===(f=e.data)||void 0===f?void 0:f.id,B=D(I,R,w),H=m(w),y=null===(v=B.data)||void 0===v?void 0:v.components,C=y&&p(y);return g(h,{children:[c("div",{className:q.wrapper,onClick:j,children:C&&c(n,{schematic:C,bhaLengthMax:H},I)}),c(o,{align:"left"}),c(t,{classes:{paperScrollPaper:q.bhaDetail},open:x,onClose:b,scroll:"paper",children:c(a,{children:c(s,{drillStringInfo:B,unit:d("length"),onDone:b})})})]})};f.propTypes={feedItem:i().isRequired,drillStringData:i().isRequired,isShowDrillstringDetailDialog:r.isRequired,handleShowDrillstringDetailDialog:l.isRequired,handleHideDrillstringDetailDialog:l.isRequired};export{f as default};
+import { getUnitDisplay } from '../../../../../utils/convert.js';
+import { getBHAInformation, calculateBHALengthMax, getBHASchematic } from '../../../../../utils/bha.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makeStyles, Dialog, DialogContent } from '@material-ui/core';
+import { shape, bool, func } from 'prop-types';
+import BHASchematic from '../../../../Drillstring/BHASchematic.js';
+import BhaIndicator from '../../../../Drillstring/BhaIndicator/BhaIndicator.js';
+import DrillstringDetail from '../../../../Drillstring/DrillstringDetail/DrillstringDetail.js';
+
+var useStyles = makeStyles({
+  wrapper: {
+    width: 200,
+    cursor: 'pointer',
+    marginTop: -52,
+    marginBottom: -52
+  },
+  bhaDetail: {
+    maxWidth: 1500,
+    maxHeight: '80%'
+  }
+});
+
+var BhaSchematic = function BhaSchematic(_ref) {
+  var _feedItem$well, _feedItem$context, _feedItem$context$bha, _feedItem$context$bha2, _bhaInfo$data;
+
+  var feedItem = _ref.feedItem,
+      drillStringData = _ref.drillStringData,
+      handleShowDrillstringDetailDialog = _ref.handleShowDrillstringDetailDialog,
+      isShowDrillstringDetailDialog = _ref.isShowDrillstringDetailDialog,
+      handleHideDrillstringDetailDialog = _ref.handleHideDrillstringDetailDialog;
+  var classes = useStyles();
+  var wellId = (_feedItem$well = feedItem.well) === null || _feedItem$well === void 0 ? void 0 : _feedItem$well.id;
+  var bhaId = (_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$bha = _feedItem$context.bha) === null || _feedItem$context$bha === void 0 ? void 0 : (_feedItem$context$bha2 = _feedItem$context$bha.data) === null || _feedItem$context$bha2 === void 0 ? void 0 : _feedItem$context$bha2.id;
+  var bhaInfo = getBHAInformation(wellId, bhaId, drillStringData);
+  var bhaLengthMax = calculateBHALengthMax(drillStringData);
+  var components = (_bhaInfo$data = bhaInfo.data) === null || _bhaInfo$data === void 0 ? void 0 : _bhaInfo$data.components;
+  var schematicData = components && getBHASchematic(components);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.wrapper,
+      onClick: handleShowDrillstringDetailDialog,
+      children: schematicData && /*#__PURE__*/jsx(BHASchematic, {
+        schematic: schematicData,
+        bhaLengthMax: bhaLengthMax
+      }, wellId)
+    }), /*#__PURE__*/jsx(BhaIndicator, {
+      align: "left"
+    }), /*#__PURE__*/jsx(Dialog, {
+      classes: {
+        paperScrollPaper: classes.bhaDetail
+      },
+      open: isShowDrillstringDetailDialog,
+      onClose: handleHideDrillstringDetailDialog,
+      scroll: "paper",
+      children: /*#__PURE__*/jsx(DialogContent, {
+        children: /*#__PURE__*/jsx(DrillstringDetail, {
+          drillStringInfo: bhaInfo,
+          unit: getUnitDisplay('length'),
+          onDone: handleHideDrillstringDetailDialog
+        })
+      })
+    })]
+  });
+};
+
+BhaSchematic.propTypes = {
+  feedItem: shape().isRequired,
+  drillStringData: shape().isRequired,
+  isShowDrillstringDetailDialog: bool.isRequired,
+  handleShowDrillstringDetailDialog: func.isRequired,
+  handleHideDrillstringDetailDialog: func.isRequired
+};
+
+export default BhaSchematic;
+//# sourceMappingURL=BhaSchematic.js.map

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BhaSchematic.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js"],"sourcesContent":["import { shape, func, bool } from 'prop-types';\nimport { Dialog, DialogContent, makeStyles } from '@material-ui/core';\n\nimport BhaIndicator from '~/components/Drillstring/BhaIndicator';\nimport BHASchematic from '~/components/Drillstring/BHASchematic';\nimport DrillstringDetail from '~/components/Drillstring/DrillstringDetail';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport { getBHAInformation, calculateBHALengthMax, getBHASchematic } from '~/utils/bha';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    width: 200,\n    cursor: 'pointer',\n    marginTop: -52,\n    marginBottom: -52,\n  },\n  bhaDetail: {\n    maxWidth: 1500,\n    maxHeight: '80%',\n  },\n});\n\nconst BhaSchematic = ({\n  feedItem,\n  drillStringData,\n  handleShowDrillstringDetailDialog,\n  isShowDrillstringDetailDialog,\n  handleHideDrillstringDetailDialog,\n}) => {\n  const classes = useStyles();\n\n  const wellId = feedItem.well?.id;\n  const bhaId = feedItem.context?.bha?.data?.id;\n\n  const bhaInfo = getBHAInformation(wellId, bhaId, drillStringData);\n  const bhaLengthMax = calculateBHALengthMax(drillStringData);\n  const components = bhaInfo.data?.components;\n  const schematicData = components && getBHASchematic(components);\n\n  return (\n    <>\n      <div className={classes.wrapper} onClick={handleShowDrillstringDetailDialog}>\n        {schematicData && (\n          <BHASchematic key={wellId} schematic={schematicData} bhaLengthMax={bhaLengthMax} />\n        )}\n      </div>\n\n      <BhaIndicator align=\"left\" />\n\n      <Dialog\n        classes={{\n          paperScrollPaper: classes.bhaDetail,\n        }}\n        open={isShowDrillstringDetailDialog}\n        onClose={handleHideDrillstringDetailDialog}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <DrillstringDetail\n            drillStringInfo={bhaInfo}\n            unit={getUnitDisplay('length')}\n            onDone={handleHideDrillstringDetailDialog}\n          />\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n\nBhaSchematic.propTypes = {\n  feedItem: shape().isRequired,\n  drillStringData: shape().isRequired,\n  isShowDrillstringDetailDialog: bool.isRequired,\n  handleShowDrillstringDetailDialog: func.isRequired,\n  handleHideDrillstringDetailDialog: func.isRequired,\n};\n\nexport default BhaSchematic;\n"],"names":["useStyles","makeStyles","wrapper","width","cursor","marginTop","marginBottom","bhaDetail","maxWidth","maxHeight","BhaSchematic","feedItem","drillStringData","handleShowDrillstringDetailDialog","isShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","classes","wellId","well","id","bhaId","context","bha","data","bhaInfo","getBHAInformation","bhaLengthMax","calculateBHALengthMax","components","schematicData","getBHASchematic","_jsxs","_jsx","paperScrollPaper","getUnitDisplay","propTypes","shape","isRequired","bool","func"],"mappings":";;;;;;;;;AAUA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,GADA;AAEPC,IAAAA,MAAM,EAAE,SAFD;AAGPC,IAAAA,SAAS,EAAE,CAAC,EAHL;AAIPC,IAAAA,YAAY,EAAE,CAAC;AAJR,GADkB;AAO3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE,IADD;AAETC,IAAAA,SAAS,EAAE;AAFF;AAPgB,CAAD,CAA5B;;IAaMC,YAAY,GAAG,SAAfA,YAAe,OAMf;AAAA;;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,iCAGI,QAHJA,iCAGI;AAAA,MAFJC,6BAEI,QAFJA,6BAEI;AAAA,MADJC,iCACI,QADJA,iCACI;AACJ,MAAMC,OAAO,GAAGhB,SAAS,EAAzB;AAEA,MAAMiB,MAAM,qBAAGN,QAAQ,CAACO,IAAZ,mDAAG,eAAeC,EAA9B;AACA,MAAMC,KAAK,wBAAGT,QAAQ,CAACU,OAAZ,+EAAG,kBAAkBC,GAArB,oFAAG,sBAAuBC,IAA1B,2DAAG,uBAA6BJ,EAA3C;AAEA,MAAMK,OAAO,GAAGC,iBAAiB,CAACR,MAAD,EAASG,KAAT,EAAgBR,eAAhB,CAAjC;AACA,MAAMc,YAAY,GAAGC,qBAAqB,CAACf,eAAD,CAA1C;AACA,MAAMgB,UAAU,oBAAGJ,OAAO,CAACD,IAAX,kDAAG,cAAcK,UAAjC;AACA,MAAMC,aAAa,GAAGD,UAAU,IAAIE,eAAe,CAACF,UAAD,CAAnD;AAEA,sBACEG;AAAA,4BACEC;AAAK,MAAA,SAAS,EAAEhB,OAAO,CAACd,OAAxB;AAAiC,MAAA,OAAO,EAAEW,iCAA1C;AAAA,gBACGgB,aAAa,iBACZG,IAAC,YAAD;AAA2B,QAAA,SAAS,EAAEH,aAAtC;AAAqD,QAAA,YAAY,EAAEH;AAAnE,SAAmBT,MAAnB;AAFJ,MADF,eAOEe,IAAC,YAAD;AAAc,MAAA,KAAK,EAAC;AAApB,MAPF,eASEA,IAAC,MAAD;AACE,MAAA,OAAO,EAAE;AACPC,QAAAA,gBAAgB,EAAEjB,OAAO,CAACT;AADnB,OADX;AAIE,MAAA,IAAI,EAAEO,6BAJR;AAKE,MAAA,OAAO,EAAEC,iCALX;AAME,MAAA,MAAM,EAAC,OANT;AAAA,6BAQEiB,IAAC,aAAD;AAAA,+BACEA,IAAC,iBAAD;AACE,UAAA,eAAe,EAAER,OADnB;AAEE,UAAA,IAAI,EAAEU,cAAc,CAAC,QAAD,CAFtB;AAGE,UAAA,MAAM,EAAEnB;AAHV;AADF;AARF,MATF;AAAA,IADF;AA4BD;;AAEDL,YAAY,CAACyB,SAAb,GAAyB;AACvBxB,EAAAA,QAAQ,EAAEyB,KAAK,GAAGC,UADK;AAEvBzB,EAAAA,eAAe,EAAEwB,KAAK,GAAGC,UAFF;AAGvBvB,EAAAA,6BAA6B,EAAEwB,IAAI,CAACD,UAHb;AAIvBxB,EAAAA,iCAAiC,EAAE0B,IAAI,CAACF,UAJjB;AAKvBtB,EAAAA,iCAAiC,EAAEwB,IAAI,CAACF;AALjB,CAAzB;;;;"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js

@@ -1 +1,108 @@
-import{shape as e,string as a}from"prop-types";import{makeStyles as t,Grid as i,Typography as n}from"@material-ui/core";import{getBhaBitSize as l,getBhaDepthIn as r}from"../../../../../utils/bha.js";import{getUnitDisplay as o}from"../../../../../utils/convert.js";import{jsxs as d,jsx as c}from"react/jsx-runtime";var s=t((function(e){return{planUnit:{color:e.palette.grey[400],marginLeft:5},planText:{color:e.palette.grey[400]},pointValue:{display:"flex"},columnWithMargin:{marginRight:40}}})),m=function(e){var a,t,m=e.feedItem,p=e.bitComponent,u=e.pageName,h=s(),v=null===(a=m.context)||void 0===a||null===(t=a.bha)||void 0===t?void 0:t.data,b=null==v?void 0:v.components,y=null==v?void 0:v.start_depth,f=l(b),N=r(y),g=(null==p?void 0:p.make)||"-",x=(null==p?void 0:p.model)||"-";return d(i,{container:!0,spacing:16,justify:"flex-start",children:[d(i,{item:!0,children:[c(n,{variant:"body1",className:h.planText,children:"Bit Size:"}),c(n,{variant:"body1",className:h.planText,children:"Depth In:"})]}),d(i,{item:!0,className:h.columnWithMargin,children:[c(n,{variant:"body2",className:h.pointValue,children:f}),d(n,{variant:"body2","data-testid":"".concat(u,"_bitSize"),className:h.pointValue,children:[N,d(n,{variant:"body2",component:"span",className:h.planUnit,children:["(",o("length"),")"]})]})]}),d(i,{item:!0,children:[c(n,{variant:"body1",className:h.planText,children:"Bit Maker:"}),c(n,{variant:"body1",className:h.planText,children:"Bit Model:"})]}),d(i,{item:!0,children:[c(n,{variant:"body2","data-testid":"".concat(u,"_bitMaker"),className:h.pointValue,children:g}),c(n,{variant:"body2","data-testid":"".concat(u,"_bitModel"),className:h.pointValue,children:x})]})]})};m.propTypes={feedItem:e().isRequired,bitComponent:e().isRequired,pageName:a.isRequired};export{m as default};
+import { getUnitDisplay } from '../../../../../utils/convert.js';
+import { getBhaBitSize, getBhaDepthIn } from '../../../../../utils/bha.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import { shape, string } from 'prop-types';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    planUnit: {
+      color: theme.palette.grey[400],
+      marginLeft: 5
+    },
+    planText: {
+      color: theme.palette.grey[400]
+    },
+    pointValue: {
+      display: 'flex'
+    },
+    columnWithMargin: {
+      marginRight: 40
+    }
+  };
+});
+
+var Info = function Info(_ref) {
+  var _feedItem$context, _feedItem$context$bha;
+
+  var feedItem = _ref.feedItem,
+      bitComponent = _ref.bitComponent,
+      pageName = _ref.pageName;
+  var classes = useStyles();
+  var bhaData = (_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$bha = _feedItem$context.bha) === null || _feedItem$context$bha === void 0 ? void 0 : _feedItem$context$bha.data;
+  var components = bhaData === null || bhaData === void 0 ? void 0 : bhaData.components;
+  var startDepth = bhaData === null || bhaData === void 0 ? void 0 : bhaData.start_depth;
+  var bitSize = getBhaBitSize(components); //   const depthIn = getBhaDepthIn(startDepth, convert);
+
+  var depthIn = getBhaDepthIn(startDepth);
+  var bitMaker = (bitComponent === null || bitComponent === void 0 ? void 0 : bitComponent.make) || '-';
+  var bitModel = (bitComponent === null || bitComponent === void 0 ? void 0 : bitComponent.model) || '-';
+  return /*#__PURE__*/jsxs(Grid, {
+    container: true,
+    spacing: 16,
+    justify: "flex-start",
+    children: [/*#__PURE__*/jsxs(Grid, {
+      item: true,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body1",
+        className: classes.planText,
+        children: "Bit Size:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body1",
+        className: classes.planText,
+        children: "Depth In:"
+      })]
+    }), /*#__PURE__*/jsxs(Grid, {
+      item: true,
+      className: classes.columnWithMargin,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.pointValue,
+        children: bitSize
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(pageName, "_bitSize"),
+        className: classes.pointValue,
+        children: [depthIn, /*#__PURE__*/jsxs(Typography, {
+          variant: "body2",
+          component: "span",
+          className: classes.planUnit,
+          children: ["(", getUnitDisplay('length'), ")"]
+        })]
+      })]
+    }), /*#__PURE__*/jsxs(Grid, {
+      item: true,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body1",
+        className: classes.planText,
+        children: "Bit Maker:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body1",
+        className: classes.planText,
+        children: "Bit Model:"
+      })]
+    }), /*#__PURE__*/jsxs(Grid, {
+      item: true,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(pageName, "_bitMaker"),
+        className: classes.pointValue,
+        children: bitMaker
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(pageName, "_bitModel"),
+        className: classes.pointValue,
+        children: bitModel
+      })]
+    })]
+  });
+};
+
+Info.propTypes = {
+  feedItem: shape().isRequired,
+  bitComponent: shape().isRequired,
+  pageName: string.isRequired
+};
+
+export default Info;
+//# sourceMappingURL=Info.js.map