@corva/ui 3.53.0-10 → 3.53.0-12

package/cjs-bundle/components/Drillstring/DrillstringDetail/DrillstringDetail.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),n=require("prop-types"),i=require("react"),r=require("@material-ui/core"),t=require("../BHATable/index.js"),l=require("../BHAComponentDetail/index.js"),a=require("./styles.css.js"),s=require("../../../utils/index.js"),o=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(e),c=function(e){var n,d,c,p=e.onDone,h=e.drillStringInfo,j=e.holeDepth,m=e.unit,x=i.useState(),f=u.default(x,2),v=f[0],q=f[1],D=null===(n=h.data)||void 0===n?void 0:n.id,T=Math.floor(s.convertValue(null===(d=h.data)||void 0===d?void 0:d.start_depth,"length","ft")),N=(null===(c=h.data)||void 0===c?void 0:c.components)||[],g=i.useMemo((function(){return N.find((function(e){return e.id===v}))}),[N,v]);return o.jsxs("div",{className:a.detailsPane,children:[o.jsxs("header",{children:[o.jsx(r.Button,{variant:"contained",className:a.detailDone,onClick:p,children:"Close"}),o.jsxs("div",{className:a.detailTitleGroup,children:[o.jsx("span",{className:a.detailTitle,children:"BHA Details"}),o.jsx("span",{className:a.detailTitleSeparator,children:" · "}),o.jsxs("span",{className:a.detailTitleMore,children:["BHA # ",D]}),o.jsx("span",{className:a.detailTitleSeparator,children:" · "}),o.jsx("span",{className:a.detailTitleMore,children:"".concat(T," - ").concat(j," ").concat(m)})]})]}),o.jsx(t,{components:N,onSelectComponent:function(e){var n=e.id;return q(n)}}),o.jsx(r.Dialog,{open:!!v,onClose:function(){return q(null)},scroll:"paper",children:o.jsx(r.DialogContent,{children:o.jsx(l,{component:g,onDone:function(){return q(null)}})})})]})};c.propTypes={drillStringInfo:n.shape().isRequired,holeDepth:n.number.isRequired,unit:n.string.isRequired,onDone:n.func.isRequired},module.exports=c;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),n=require("prop-types"),i=require("react"),r=require("@material-ui/core"),t=require("../BHATable/index.js"),l=require("../BHAComponentDetail/index.js"),a=require("./styles.css.js"),s=require("../../../utils/index.js"),o=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(e),c=function(e){var n,d,c,p=e.onDone,h=e.drillStringInfo,j=e.holeDepth,m=e.unit,f=i.useState(),x=u.default(f,2),v=x[0],q=x[1],D=null===(n=h.data)||void 0===n?void 0:n.id,T=Math.floor(s.convertValue(null===(d=h.data)||void 0===d?void 0:d.start_depth,"length","ft")),N=(null===(c=h.data)||void 0===c?void 0:c.components)||[],g=i.useMemo((function(){return N.find((function(e){return e.id===v}))}),[N,v]);return o.jsxs("div",{className:a.detailsPane,children:[o.jsxs("header",{children:[o.jsx(r.Button,{variant:"contained",className:a.detailDone,onClick:p,children:"Close"}),o.jsxs("div",{className:a.detailTitleGroup,children:[o.jsx("span",{className:a.detailTitle,children:"BHA Details"}),o.jsx("span",{className:a.detailTitleSeparator,children:" · "}),o.jsxs("span",{className:a.detailTitleMore,children:["BHA # ",D]}),o.jsx("span",{className:a.detailTitleSeparator,children:" · "}),o.jsx("span",{className:a.detailTitleMore,children:"".concat(T," - ").concat(j," ").concat(m)})]})]}),o.jsx(t,{components:N,onSelectComponent:function(e){var n=e.id;return q(n)}}),o.jsx(r.Dialog,{open:!!v,onClose:function(){return q(null)},scroll:"paper",children:o.jsx(r.DialogContent,{children:o.jsx(l,{component:g,onDone:function(){return q(null)}})})})]})};c.propTypes={drillStringInfo:n.shape().isRequired,holeDepth:n.number,unit:n.string.isRequired,onDone:n.func.isRequired},c.defaultProps={holeDepth:void 0},module.exports=c;
 //# sourceMappingURL=DrillstringDetail.js.map

package/cjs-bundle/components/Drillstring/DrillstringDetail/DrillstringDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrillstringDetail.js","sources":["../../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number.isRequired,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","jsxs","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","jsx","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func"],"mappings":"+YAWMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,EAAAA,WAAUC,EAAAC,EAAAA,QAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAYA,aAAqB,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,EAAAA,SAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAAK,KAAA,SAAA,CAAAD,SAAA,CACEE,MAACC,SAAM,CAACC,QAAQ,YAAYP,UAAWC,EAAOO,WAAYC,QAASlC,EAAO4B,SAAA,UAG1EJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOS,iBAAiBP,SACtC,CAAAE,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOW,YAAYT,SAAA,gBACpCE,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOY,qBAAqBV,SAAA,QAC7CJ,EAAAK,KAAA,OAAA,CAAMJ,UAAWC,EAAOa,gBAAgBX,SAAA,CAAA,SAAQlB,KAChDoB,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOY,qBAAqBV,SAAA,QAC7CE,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOa,gBAAgBX,SAAA,GAAAY,OAAK3B,EAAU,OAAA2B,OAAMtC,EAAS,KAAAsC,OAAIrC,WAI9E2B,MAACW,EAAQ,CACPtB,WAAYD,EACZwB,kBAAmB,SAAAC,GAAA,IAAG/B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DkB,MAACc,SAAM,CACLC,OAAQrC,EACRsC,QAAS,WAAA,OAAMrC,EAAuB,KAAM,EAC5CsC,OAAO,QAAOnB,SAEdE,MAACkB,gBAAa,CAAApB,SACZE,MAACmB,EAAkB,CACjB1B,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBuD,UAAY,CAC5BjD,gBAAiBkD,EAAKA,QAAGC,WACzBlD,UAAWmD,EAAMA,OAACD,WAClBjD,KAAMmD,EAAMA,OAACF,WACbpD,OAAQuD,EAAIA,KAACH"}
+{"version":3,"file":"DrillstringDetail.js","sources":["../../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nDrillstringDetail.defaultProps = {\n  holeDepth: undefined,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","jsxs","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","jsx","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func","defaultProps","undefined"],"mappings":"+YAWMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,EAAAA,WAAUC,EAAAC,EAAAA,QAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAYA,aAAqB,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,EAAAA,SAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAAK,KAAA,SAAA,CAAAD,SAAA,CACEE,MAACC,SAAM,CAACC,QAAQ,YAAYP,UAAWC,EAAOO,WAAYC,QAASlC,EAAO4B,SAAA,UAG1EJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOS,iBAAiBP,SACtC,CAAAE,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOW,YAAYT,SAAA,gBACpCE,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOY,qBAAqBV,SAAA,QAC7CJ,EAAAK,KAAA,OAAA,CAAMJ,UAAWC,EAAOa,gBAAgBX,SAAA,CAAA,SAAQlB,KAChDoB,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOY,qBAAqBV,SAAA,QAC7CE,EAAAM,IAAA,OAAA,CAAMX,UAAWC,EAAOa,gBAAgBX,SAAA,GAAAY,OAAK3B,EAAU,OAAA2B,OAAMtC,EAAS,KAAAsC,OAAIrC,WAI9E2B,MAACW,EAAQ,CACPtB,WAAYD,EACZwB,kBAAmB,SAAAC,GAAA,IAAG/B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DkB,MAACc,SAAM,CACLC,OAAQrC,EACRsC,QAAS,WAAA,OAAMrC,EAAuB,KAAM,EAC5CsC,OAAO,QAAOnB,SAEdE,MAACkB,gBAAa,CAAApB,SACZE,MAACmB,EAAkB,CACjB1B,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBuD,UAAY,CAC5BjD,gBAAiBkD,EAAKA,QAAGC,WACzBlD,UAAWmD,EAAMA,OACjBlD,KAAMmD,EAAMA,OAACF,WACbpD,OAAQuD,EAAIA,KAACH,YAGfzD,EAAkB6D,aAAe,CAC/BtD,eAAWuD"}

package/cjs-bundle/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("prop-types"),e=require("@material-ui/core"),l=require("../../../../Drillstring/BhaIndicator/BhaIndicator.js"),r=require("../../../../Drillstring/BHASchematic.js"),t=require("../../../../Drillstring/DrillstringDetail/DrillstringDetail.js"),a=require("../../../../../utils/convert.js"),n=require("../../../../../utils/bha.js"),s=require("react/jsx-runtime"),o=e.makeStyles({wrapper:{width:200,cursor:"pointer",marginTop:-52,marginBottom:-52},bhaDetail:{maxWidth:1500,maxHeight:"80%"}}),d=function(i){var d,g,D,h,u,c=i.feedItem,p=i.drillStringData,m=i.handleShowDrillstringDetailDialog,x=i.isShowDrillstringDetailDialog,j=i.handleHideDrillstringDetailDialog,q=o(),v=null===(d=c.well)||void 0===d?void 0:d.id,S=null===(g=c.context)||void 0===g||null===(D=g.bha)||void 0===D||null===(h=D.data)||void 0===h?void 0:h.id,f=n.getBHAInformation(v,S,p),w=n.calculateBHALengthMax(p),H=null===(u=f.data)||void 0===u?void 0:u.components,B=H&&n.getBHASchematic(H);return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:q.wrapper,onClick:m,children:B&&s.jsx(r,{containerHeight:160,schematic:B,bhaLengthMax:w},v)}),s.jsx(l,{align:"left"}),s.jsx(e.Dialog,{classes:{paperScrollPaper:q.bhaDetail},open:x,onClose:j,scroll:"paper",children:s.jsx(e.DialogContent,{children:s.jsx(t,{drillStringInfo:f,unit:a.getUnitDisplay("length"),onDone:j})})})]})};d.propTypes={feedItem:i.shape().isRequired,drillStringData:i.shape().isRequired,isShowDrillstringDetailDialog:i.bool.isRequired,handleShowDrillstringDetailDialog:i.func.isRequired,handleHideDrillstringDetailDialog:i.func.isRequired},module.exports=d;
+"use strict";var i=require("prop-types"),e=require("@material-ui/core"),r=require("../../../../Drillstring/BhaIndicator/BhaIndicator.js"),l=require("../../../../Drillstring/BHASchematic.js"),a=require("../../../../Drillstring/DrillstringDetail/DrillstringDetail.js"),t=require("../../../../../utils/convert.js"),n=require("../../../../../utils/bha.js"),s=require("react/jsx-runtime"),o=e.makeStyles({wrapper:{width:200,cursor:"pointer",marginTop:-52,marginBottom:-52},bhaDetail:{maxWidth:1500,maxHeight:"80%"}}),d=function(i){var d,g,D,h,u,c=i.feedItem,p=i.drillStringData,m=i.handleShowDrillstringDetailDialog,x=i.isShowDrillstringDetailDialog,j=i.handleHideDrillstringDetailDialog,q=o(),v=null===(d=c.well)||void 0===d?void 0:d.id,S=null===(g=c.context)||void 0===g||null===(D=g.bha)||void 0===D||null===(h=D.data)||void 0===h?void 0:h.id,f=n.getBHAInformation(v,S,p),w=n.calculateBHALengthMax(p),H=null===(u=f.data)||void 0===u?void 0:u.components,B=H&&n.getBHASchematic(H);return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:q.wrapper,onClick:m,children:B&&s.jsx(l,{containerHeight:160,schematic:B,bhaLengthMax:w},v)}),s.jsx(r,{align:"left"}),s.jsx(e.Dialog,{classes:{paperScrollPaper:q.bhaDetail},open:x,onClose:j,scroll:"paper",children:s.jsx(e.DialogContent,{children:s.jsx(a,{drillStringInfo:f,unit:t.getUnitDisplay("length"),onDone:j})})})]})};d.propTypes={feedItem:i.shape().isRequired,drillStringData:i.arrayOf(i.shape()).isRequired,isShowDrillstringDetailDialog:i.bool.isRequired,handleShowDrillstringDetailDialog:i.func.isRequired,handleHideDrillstringDetailDialog:i.func.isRequired},module.exports=d;
 //# sourceMappingURL=BhaSchematic.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js.map

@@ -1 +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';\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\n            key={wellId}\n            containerHeight={160}\n            schematic={schematicData}\n            bhaLengthMax={bhaLengthMax}\n          />\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","_ref","_feedItem$well","_feedItem$context","_feedItem$context$bha","_feedItem$context$bha2","_bhaInfo$data","feedItem","drillStringData","handleShowDrillstringDetailDialog","isShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","classes","wellId","well","id","bhaId","context","bha","data","bhaInfo","getBHAInformation","bhaLengthMax","calculateBHALengthMax","components","schematicData","getBHASchematic","_jsxs","_Fragment","children","_jsx","jsx","className","onClick","BHASchematic","containerHeight","schematic","BhaIndicator","align","Dialog","paperScrollPaper","open","onClose","scroll","DialogContent","DrillstringDetail","drillStringInfo","unit","getUnitDisplay","onDone","propTypes","shape","isRequired","bool","func"],"mappings":"gYASMA,EAAYC,EAAAA,WAAW,CAC3BC,QAAS,CACPC,MAAO,IACPC,OAAQ,UACRC,WAAY,GACZC,cAAe,IAEjBC,UAAW,CACTC,SAAU,KACVC,UAAW,SAITC,EAAe,SAMfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EALJC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,kCACAC,IAAAA,8BACAC,IAAAA,kCAEMC,EAAUtB,IAEVuB,EAAsB,QAAbN,EAAAA,EAASO,YAAI,IAAAZ,OAAA,EAAbA,EAAea,GACxBC,EAAwB,QAAnBb,EAAGI,EAASU,eAAO,IAAAd,GAAhB,QAAgBC,EAAhBD,EAAkBe,WAAlB,IAAAd,GAA2B,QAA3BC,EAAAD,EAAuBe,YAAI,IAAAd,OAAX,EAAhBA,EAA6BU,GAErCK,EAAUC,EAAiBA,kBAACR,EAAQG,EAAOR,GAC3Cc,EAAeC,wBAAsBf,GACrCgB,EAAyB,QAAZJ,EAAAA,EAAQD,YAAI,IAAAb,OAAA,EAAZA,EAAckB,WAC3BC,EAAgBD,GAAcE,EAAeA,gBAACF,GAEpD,OACEG,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SACE,CAAAC,EAAAC,IAAA,MAAA,CAAKC,UAAWpB,EAAQpB,QAASyC,QAASxB,EAAkCoB,SACzEJ,GACCK,EAAAC,IAACG,EAAY,CAEXC,gBAAiB,IACjBC,UAAWX,EACXH,aAAcA,GAHTT,KAQXiB,MAACO,EAAY,CAACC,MAAM,SAEpBR,MAACS,SAAM,CACL3B,QAAS,CACP4B,iBAAkB5B,EAAQf,WAE5B4C,KAAM/B,EACNgC,QAAS/B,EACTgC,OAAO,QAAOd,SAEdC,MAACc,gBAAa,CAAAf,SACZC,MAACe,EAAiB,CAChBC,gBAAiB1B,EACjB2B,KAAMC,EAAcA,eAAC,UACrBC,OAAQtC,UAMpB,EAEAX,EAAakD,UAAY,CACvB3C,SAAU4C,EAAKA,QAAGC,WAClB5C,gBAAiB2C,EAAKA,QAAGC,WACzB1C,8BAA+B2C,EAAIA,KAACD,WACpC3C,kCAAmC6C,EAAIA,KAACF,WACxCzC,kCAAmC2C,EAAIA,KAACF"}
+{"version":3,"file":"BhaSchematic.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js"],"sourcesContent":["import { shape, func, bool, arrayOf } 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';\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\n            key={wellId}\n            containerHeight={160}\n            schematic={schematicData}\n            bhaLengthMax={bhaLengthMax}\n          />\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: arrayOf(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","_ref","_feedItem$well","_feedItem$context","_feedItem$context$bha","_feedItem$context$bha2","_bhaInfo$data","feedItem","drillStringData","handleShowDrillstringDetailDialog","isShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","classes","wellId","well","id","bhaId","context","bha","data","bhaInfo","getBHAInformation","bhaLengthMax","calculateBHALengthMax","components","schematicData","getBHASchematic","_jsxs","_Fragment","children","_jsx","jsx","className","onClick","BHASchematic","containerHeight","schematic","BhaIndicator","align","Dialog","paperScrollPaper","open","onClose","scroll","DialogContent","DrillstringDetail","drillStringInfo","unit","getUnitDisplay","onDone","propTypes","shape","isRequired","arrayOf","bool","func"],"mappings":"gYASMA,EAAYC,EAAAA,WAAW,CAC3BC,QAAS,CACPC,MAAO,IACPC,OAAQ,UACRC,WAAY,GACZC,cAAe,IAEjBC,UAAW,CACTC,SAAU,KACVC,UAAW,SAITC,EAAe,SAMfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EALJC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,kCACAC,IAAAA,8BACAC,IAAAA,kCAEMC,EAAUtB,IAEVuB,EAAsB,QAAbN,EAAAA,EAASO,YAAI,IAAAZ,OAAA,EAAbA,EAAea,GACxBC,EAAwB,QAAnBb,EAAGI,EAASU,eAAO,IAAAd,GAAhB,QAAgBC,EAAhBD,EAAkBe,WAAlB,IAAAd,GAA2B,QAA3BC,EAAAD,EAAuBe,YAAI,IAAAd,OAAX,EAAhBA,EAA6BU,GAErCK,EAAUC,EAAiBA,kBAACR,EAAQG,EAAOR,GAC3Cc,EAAeC,wBAAsBf,GACrCgB,EAAyB,QAAZJ,EAAAA,EAAQD,YAAI,IAAAb,OAAA,EAAZA,EAAckB,WAC3BC,EAAgBD,GAAcE,EAAeA,gBAACF,GAEpD,OACEG,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SACE,CAAAC,EAAAC,IAAA,MAAA,CAAKC,UAAWpB,EAAQpB,QAASyC,QAASxB,EAAkCoB,SACzEJ,GACCK,EAAAC,IAACG,EAAY,CAEXC,gBAAiB,IACjBC,UAAWX,EACXH,aAAcA,GAHTT,KAQXiB,MAACO,EAAY,CAACC,MAAM,SAEpBR,MAACS,SAAM,CACL3B,QAAS,CACP4B,iBAAkB5B,EAAQf,WAE5B4C,KAAM/B,EACNgC,QAAS/B,EACTgC,OAAO,QAAOd,SAEdC,MAACc,gBAAa,CAAAf,SACZC,MAACe,EAAiB,CAChBC,gBAAiB1B,EACjB2B,KAAMC,EAAcA,eAAC,UACrBC,OAAQtC,UAMpB,EAEAX,EAAakD,UAAY,CACvB3C,SAAU4C,EAAKA,QAAGC,WAClB5C,gBAAiB6C,EAAOA,QAACF,WAASC,WAClC1C,8BAA+B4C,EAAIA,KAACF,WACpC3C,kCAAmC8C,EAAIA,KAACH,WACxCzC,kCAAmC4C,EAAIA,KAACH"}

package/cjs-bundle/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),a=require("@material-ui/core"),i=require("../../../../../utils/bha.js"),t=require("react/jsx-runtime"),r=a.makeStyles((function(e){return{labelGrid:{marginRight:11},planUnit:{color:e.palette.grey[400],marginLeft:5,fontSize:12},planText:{color:e.palette.grey[400]},pointValue:{display:"flex",alignItems:"center"},columnWithMargin:{marginRight:40}}})),n=function(e){var n,l,s=e.feedItem,o=e.bitComponent,d=e.pageName,p=r(),c=null===(n=s.context)||void 0===n||null===(l=n.bha)||void 0===l?void 0:l.data,h=null==c?void 0:c.components,m=null==c?void 0:c.start_depth,y=i.getBhaBitSize(h),u=i.getBhaDepthIn(m),g=(null==o?void 0:o.make)||"-",x=(null==o?void 0:o.model)||"-";return t.jsxs(a.Grid,{container:!0,spacing:16,justify:"flex-start",children:[t.jsxs(a.Grid,{item:!0,className:p.labelGrid,children:[t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Bit Size:"}),t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Depth In:"})]}),t.jsxs(a.Grid,{item:!0,className:p.columnWithMargin,children:[t.jsx(a.Typography,{variant:"body2",className:p.pointValue,children:y}),t.jsx(a.Typography,{variant:"body2","data-testid":"".concat(d,"_bitSize"),className:p.pointValue,children:u})]}),t.jsxs(a.Grid,{item:!0,className:p.labelGrid,children:[t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Bit Maker:"}),t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Bit Model:"})]}),t.jsxs(a.Grid,{item:!0,children:[t.jsx(a.Typography,{variant:"body2","data-testid":"".concat(d,"_bitMaker"),className:p.pointValue,children:g}),t.jsx(a.Typography,{variant:"body2","data-testid":"".concat(d,"_bitModel"),className:p.pointValue,children:x})]})]})};n.propTypes={feedItem:e.shape().isRequired,bitComponent:e.shape().isRequired,pageName:e.string.isRequired},module.exports=n;
+"use strict";var e=require("prop-types"),a=require("@material-ui/core"),i=require("../../../../../utils/bha.js"),t=require("react/jsx-runtime"),r=a.makeStyles((function(e){return{labelGrid:{marginRight:11},planUnit:{color:e.palette.grey[400],marginLeft:5,fontSize:12},planText:{color:e.palette.grey[400]},pointValue:{display:"flex",alignItems:"center"},columnWithMargin:{marginRight:40}}})),n=function(e){var n,l,s=e.feedItem,o=e.bitComponent,d=e.pageName,p=r(),c=null===(n=s.context)||void 0===n||null===(l=n.bha)||void 0===l?void 0:l.data,h=null==c?void 0:c.components,m=null==c?void 0:c.start_depth,y=i.getBhaBitSize(h),u=i.getBhaDepthIn(m),g=(null==o?void 0:o.make)||"-",x=(null==o?void 0:o.model)||"-";return t.jsxs(a.Grid,{container:!0,justify:"flex-start",children:[t.jsxs(a.Grid,{item:!0,className:p.labelGrid,children:[t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Bit Size:"}),t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Depth In:"})]}),t.jsxs(a.Grid,{item:!0,className:p.columnWithMargin,children:[t.jsx(a.Typography,{variant:"body2",className:p.pointValue,children:y}),t.jsx(a.Typography,{variant:"body2","data-testid":"".concat(d,"_bitSize"),className:p.pointValue,children:u})]}),t.jsxs(a.Grid,{item:!0,className:p.labelGrid,children:[t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Bit Maker:"}),t.jsx(a.Typography,{variant:"body2",className:p.planText,children:"Bit Model:"})]}),t.jsxs(a.Grid,{item:!0,children:[t.jsx(a.Typography,{variant:"body2","data-testid":"".concat(d,"_bitMaker"),className:p.pointValue,children:g}),t.jsx(a.Typography,{variant:"body2","data-testid":"".concat(d,"_bitModel"),className:p.pointValue,children:x})]})]})};n.propTypes={feedItem:e.shape().isRequired,bitComponent:e.shape().isRequired,pageName:e.string.isRequired},module.exports=n;
 //# sourceMappingURL=Info.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js"],"sourcesContent":["import { shape, string } from 'prop-types';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\n\nimport { getBhaBitSize, getBhaDepthIn } from '~/utils/bha';\n\nconst useStyles = makeStyles(theme => ({\n  labelGrid: {\n    marginRight: 11,\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n    fontSize: 12,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n  pointValue: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst Info = ({ feedItem, bitComponent, pageName }) => {\n  const classes = useStyles();\n\n  const bhaData = feedItem.context?.bha?.data;\n  const components = bhaData?.components;\n  const startDepth = bhaData?.start_depth;\n\n  const bitSize = getBhaBitSize(components);\n  const depthIn = getBhaDepthIn(startDepth);\n\n  const bitMaker = bitComponent?.make || '-';\n  const bitModel = bitComponent?.model || '-';\n\n  return (\n    <Grid container spacing={16} justify=\"flex-start\">\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Size:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Depth In:\n        </Typography>\n      </Grid>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\" className={classes.pointValue}>\n          {bitSize}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitSize`}\n          className={classes.pointValue}\n        >\n          {depthIn}\n        </Typography>\n      </Grid>\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Maker:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Model:\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitMaker`}\n          className={classes.pointValue}\n        >\n          {bitMaker}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitModel`}\n          className={classes.pointValue}\n        >\n          {bitModel}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nInfo.propTypes = {\n  feedItem: shape().isRequired,\n  bitComponent: shape().isRequired,\n  pageName: string.isRequired,\n};\n\nexport default Info;\n"],"names":["useStyles","makeStyles","theme","labelGrid","marginRight","planUnit","color","palette","grey","marginLeft","fontSize","planText","pointValue","display","alignItems","columnWithMargin","Info","_ref","_feedItem$context","_feedItem$context$bha","feedItem","bitComponent","pageName","classes","bhaData","context","bha","data","components","startDepth","start_depth","bitSize","getBhaBitSize","depthIn","getBhaDepthIn","bitMaker","make","bitModel","model","_jsxs","Grid","container","spacing","justify","children","item","className","_jsx","Typography","variant","concat","propTypes","shape","isRequired","string"],"mappings":"gJAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CACTC,YAAa,IAEfC,SAAU,CACRC,MAAOJ,EAAMK,QAAQC,KAAK,KAC1BC,WAAY,EACZC,SAAU,IAEZC,SAAU,CACRL,MAAOJ,EAAMK,QAAQC,KAAK,MAE5BI,WAAY,CACVC,QAAS,OACTC,WAAY,UAEdC,iBAAkB,CAChBX,YAAa,IAEhB,IAEKY,EAAO,SAA0CC,GAAA,IAAAC,EAAAC,EAAvCC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,SAChCC,EAAUvB,IAEVwB,UAAUJ,EAAAA,EAASK,sBAAT,UAAAP,EAAkBQ,WAAlB,IAAAP,SAAAA,EAAuBQ,KACjCC,EAAaJ,aAAAA,EAAAA,EAASI,WACtBC,EAAaL,aAAAA,EAAAA,EAASM,YAEtBC,EAAUC,gBAAcJ,GACxBK,EAAUC,gBAAcL,GAExBM,GAAWd,aAAY,EAAZA,EAAce,OAAQ,IACjCC,GAAWhB,aAAY,EAAZA,EAAciB,QAAS,IAExC,OACEC,EAAAA,KAACC,EAAAA,KAAI,CAACC,WAAS,EAACC,QAAS,GAAIC,QAAQ,aAAYC,SAAA,CAC/CL,OAACC,OAAI,CAACK,MAAI,EAACC,UAAWvB,EAAQpB,UAAUyC,SAAA,CACtCG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,cAGxDG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,iBAI1DL,OAACC,OAAI,CAACK,MAAI,EAACC,UAAWvB,EAAQR,iBAAiB6B,SAAA,CAC7CG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQX,WAAWgC,SACvDb,IAEHgB,MAACC,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB5B,EAAmB,YACnCwB,UAAWvB,EAAQX,WAAWgC,SAE7BX,OAGLM,OAACC,OAAI,CAACK,MAAI,EAACC,UAAWvB,EAAQpB,UAAUyC,SAAA,CACtCG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,eAGxDG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWvB,EAAQZ,SAASiC,SAAA,kBAI1DL,OAACC,OAAI,CAACK,MAAI,EAAAD,SAAA,CACRG,MAACC,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB5B,EAAoB,aACpCwB,UAAWvB,EAAQX,WAAWgC,SAE7BT,IAEHY,MAACC,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB5B,EAAoB,aACpCwB,UAAWvB,EAAQX,WAAWgC,SAE7BP,SAKX,EAEArB,EAAKmC,UAAY,CACf/B,SAAUgC,EAAKA,QAAGC,WAClBhC,aAAc+B,EAAKA,QAAGC,WACtB/B,SAAUgC,EAAMA,OAACD"}
+{"version":3,"file":"Info.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/Info.js"],"sourcesContent":["import { shape, string } from 'prop-types';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\n\nimport { getBhaBitSize, getBhaDepthIn } from '~/utils/bha';\n\nconst useStyles = makeStyles(theme => ({\n  labelGrid: {\n    marginRight: 11,\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n    fontSize: 12,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n  pointValue: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst Info = ({ feedItem, bitComponent, pageName }) => {\n  const classes = useStyles();\n\n  const bhaData = feedItem.context?.bha?.data;\n  const components = bhaData?.components;\n  const startDepth = bhaData?.start_depth;\n\n  const bitSize = getBhaBitSize(components);\n  const depthIn = getBhaDepthIn(startDepth);\n\n  const bitMaker = bitComponent?.make || '-';\n  const bitModel = bitComponent?.model || '-';\n\n  return (\n    <Grid container justify=\"flex-start\">\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Size:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Depth In:\n        </Typography>\n      </Grid>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\" className={classes.pointValue}>\n          {bitSize}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitSize`}\n          className={classes.pointValue}\n        >\n          {depthIn}\n        </Typography>\n      </Grid>\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Maker:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Bit Model:\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitMaker`}\n          className={classes.pointValue}\n        >\n          {bitMaker}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${pageName}_bitModel`}\n          className={classes.pointValue}\n        >\n          {bitModel}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nInfo.propTypes = {\n  feedItem: shape().isRequired,\n  bitComponent: shape().isRequired,\n  pageName: string.isRequired,\n};\n\nexport default Info;\n"],"names":["useStyles","makeStyles","theme","labelGrid","marginRight","planUnit","color","palette","grey","marginLeft","fontSize","planText","pointValue","display","alignItems","columnWithMargin","Info","_ref","_feedItem$context","_feedItem$context$bha","feedItem","bitComponent","pageName","classes","bhaData","context","bha","data","components","startDepth","start_depth","bitSize","getBhaBitSize","depthIn","getBhaDepthIn","bitMaker","make","bitModel","model","_jsxs","Grid","container","justify","children","item","className","_jsx","Typography","variant","concat","propTypes","shape","isRequired","string"],"mappings":"gJAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CACTC,YAAa,IAEfC,SAAU,CACRC,MAAOJ,EAAMK,QAAQC,KAAK,KAC1BC,WAAY,EACZC,SAAU,IAEZC,SAAU,CACRL,MAAOJ,EAAMK,QAAQC,KAAK,MAE5BI,WAAY,CACVC,QAAS,OACTC,WAAY,UAEdC,iBAAkB,CAChBX,YAAa,IAEhB,IAEKY,EAAO,SAA0CC,GAAA,IAAAC,EAAAC,EAAvCC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,SAChCC,EAAUvB,IAEVwB,UAAUJ,EAAAA,EAASK,sBAAT,UAAAP,EAAkBQ,WAAlB,IAAAP,SAAAA,EAAuBQ,KACjCC,EAAaJ,aAAAA,EAAAA,EAASI,WACtBC,EAAaL,aAAAA,EAAAA,EAASM,YAEtBC,EAAUC,gBAAcJ,GACxBK,EAAUC,gBAAcL,GAExBM,GAAWd,aAAY,EAAZA,EAAce,OAAQ,IACjCC,GAAWhB,aAAY,EAAZA,EAAciB,QAAS,IAExC,OACEC,EAAAA,KAACC,EAAAA,KAAI,CAACC,WAAS,EAACC,QAAQ,aAAYC,SAAA,CAClCJ,OAACC,OAAI,CAACI,MAAI,EAACC,UAAWtB,EAAQpB,UAAUwC,SAAA,CACtCG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,cAGxDG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,iBAI1DJ,OAACC,OAAI,CAACI,MAAI,EAACC,UAAWtB,EAAQR,iBAAiB4B,SAAA,CAC7CG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQX,WAAW+B,SACvDZ,IAEHe,MAACC,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB3B,EAAmB,YACnCuB,UAAWtB,EAAQX,WAAW+B,SAE7BV,OAGLM,OAACC,OAAI,CAACI,MAAI,EAACC,UAAWtB,EAAQpB,UAAUwC,SAAA,CACtCG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,eAGxDG,MAACC,aAAU,CAACC,QAAQ,QAAQH,UAAWtB,EAAQZ,SAASgC,SAAA,kBAI1DJ,OAACC,OAAI,CAACI,MAAI,EAAAD,SAAA,CACRG,MAACC,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB3B,EAAoB,aACpCuB,UAAWtB,EAAQX,WAAW+B,SAE7BR,IAEHW,MAACC,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAC,OAAgB3B,EAAoB,aACpCuB,UAAWtB,EAAQX,WAAW+B,SAE7BN,SAKX,EAEArB,EAAKkC,UAAY,CACf9B,SAAU+B,EAAKA,QAAGC,WAClB/B,aAAc8B,EAAKA,QAAGC,WACtB9B,SAAU+B,EAAMA,OAACD"}

package/cjs-bundle/components/FeedItem/feedItemTypes/FluidReportFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("prop-types"),t=require("classnames"),r=require("@material-ui/core"),a=require("@material-ui/core/colors/blue"),n=require("../../../utils/convert.js"),s=require("../../../utils/FluidCheckUtils.js"),c=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(t),u=o(a),p="fluidReportActivity",l=r.makeStyles((function(e){return{density:{color:u.default[300]},unit:{color:e.palette.grey[400],marginLeft:5},oneLineText:{display:"flex",alignItems:"center"},title:{color:e.palette.grey[400]},columnWithMargin:{marginRight:40}}})),y=function(i){var t=i.feedItem.context.fluid_report.data,a=t.depth,o=t.mud_type,u=t.mud_density,y=t.viscosity,m=y.pv,h=void 0===m?"":m,g=y.yp,f=void 0===g?"":g,x=y.rpm_readings,v=l(),q=s.ctop(a,"length","ft"),R=q?q.formatNumeral("0,0"):"-",j=n.getUnitDisplay("length"),T=n.convertValue(+u,"density","ppg").formatNumeral("0,0.00"),b=n.getUnitDisplay("density"),N=n.getUnitDisplay("yp"),_=Number.isFinite(h)?h.fixFloat(3):h,D=Number.isFinite(f)?f.fixFloat(3):f,F=e.useMemo((function(){var e=x.length-1;return x.reduce((function(i,t,r){var a=r===e?"":", ",n="".concat(t.rpm,"/").concat(t.dial_reading);return"".concat(i).concat(n).concat(a)}),"")}),[x]);return c.jsxs(r.Grid,{container:!0,spacing:"40",justify:"flex-start",children:[c.jsxs(r.Grid,{item:!0,className:v.columnWithMargin,children:[c.jsx(r.Typography,{variant:"body2",children:"Density"}),c.jsxs(r.Typography,{variant:"h6","data-testid":"".concat(p,"_density"),className:d.default(v.density,v.oneLineText),children:[T,c.jsxs(r.Typography,{component:"span",variant:"caption",className:v.unit,children:["(",b,")"]})]}),c.jsxs(r.Typography,{className:v.oneLineText,children:[R,c.jsxs(r.Typography,{component:"span",variant:"caption",className:v.unit,children:["(",j,")"]})," / ",o]})]}),c.jsxs(r.Grid,{item:!0,children:[c.jsxs(r.Typography,{variant:"body2","data-testid":"".concat(p,"_viscosity"),className:v.oneLineText,children:[c.jsx(r.Typography,{variant:"span",className:v.title,children:"PV: "}),"".concat(_," ").concat("cP"," / YP: ").concat(D),c.jsx(r.Typography,{component:"span",variant:"caption",className:v.unit,children:N})]}),c.jsx(r.Typography,{variant:"body2",className:v.title,children:"Rheometer Readings (RPM/Dial Reading):"}),c.jsx(r.Typography,{variant:"body2","data-testid":"".concat(p,"_rheometerReadings"),children:F})]})]})};y.propTypes={feedItem:i.shape({context:i.shape({fluid_report:i.shape({data:i.shape({depth:i.number.isRequired,mud_type:i.string.isRequired,mud_density:i.number.isRequired,viscosity:i.shape({pv:i.number.isRequired,yp:i.number.isRequired,rpm_readings:i.arrayOf(i.shape({id:i.string.isRequired,dial_reading:i.number.isRequired,rpm:i.number.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=y;
+"use strict";var e=require("react"),i=require("prop-types"),t=require("classnames"),r=require("@material-ui/core"),a=require("@material-ui/core/colors/blue"),n=require("../../../utils/convert.js"),s=require("../../../utils/FluidCheckUtils.js"),c=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(t),u=o(a),p="fluidReportActivity",l=r.makeStyles((function(e){return{density:{color:u.default[300]},unit:{color:e.palette.grey[400],marginLeft:5},oneLineText:{display:"flex",alignItems:"center"},title:{color:e.palette.grey[400]},columnWithMargin:{marginRight:40}}})),y=function(i){var t=i.feedItem.context.fluid_report.data,a=t.depth,o=t.mud_type,u=t.mud_density,y=t.viscosity,m=y.pv,h=void 0===m?"":m,g=y.yp,f=void 0===g?"":g,x=y.rpm_readings,v=l(),q=s.ctop(a,"length","ft"),R=q?q.formatNumeral("0,0"):"-",j=n.getUnitDisplay("length"),T=n.convertValue(+u,"density","ppg").formatNumeral("0,0.00"),b=n.getUnitDisplay("density"),N=n.getUnitDisplay("yp"),_=Number.isFinite(h)?h.fixFloat(3):h,D=Number.isFinite(f)?f.fixFloat(3):f,F=e.useMemo((function(){var e=x.length-1;return x.reduce((function(i,t,r){var a=r===e?"":", ",n="".concat(t.rpm,"/").concat(t.dial_reading);return"".concat(i).concat(n).concat(a)}),"")}),[x]);return c.jsxs(r.Grid,{container:!0,justify:"flex-start",children:[c.jsxs(r.Grid,{item:!0,className:v.columnWithMargin,children:[c.jsx(r.Typography,{variant:"body2",children:"Density"}),c.jsxs(r.Typography,{variant:"h6","data-testid":"".concat(p,"_density"),className:d.default(v.density,v.oneLineText),children:[T,c.jsxs(r.Typography,{component:"span",variant:"caption",className:v.unit,children:["(",b,")"]})]}),c.jsxs(r.Typography,{className:v.oneLineText,children:[R,c.jsxs(r.Typography,{component:"span",variant:"caption",className:v.unit,children:["(",j,")"]})," / ",o]})]}),c.jsxs(r.Grid,{item:!0,children:[c.jsxs(r.Typography,{variant:"body2","data-testid":"".concat(p,"_viscosity"),className:v.oneLineText,children:[c.jsx(r.Typography,{variant:"span",className:v.title,children:"PV: "}),"".concat(_," ").concat("cP"," / YP: ").concat(D),c.jsx(r.Typography,{component:"span",variant:"caption",className:v.unit,children:N})]}),c.jsx(r.Typography,{variant:"body2",className:v.title,children:"Rheometer Readings (RPM/Dial Reading):"}),c.jsx(r.Typography,{variant:"body2","data-testid":"".concat(p,"_rheometerReadings"),children:F})]})]})};y.propTypes={feedItem:i.shape({context:i.shape({fluid_report:i.shape({data:i.shape({depth:i.number.isRequired,mud_type:i.string.isRequired,mud_density:i.number.isRequired,viscosity:i.shape({pv:i.number.isRequired,yp:i.number.isRequired,rpm_readings:i.arrayOf(i.shape({id:i.string.isRequired,dial_reading:i.number.isRequired,rpm:i.number.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=y;
 //# sourceMappingURL=FluidReportFeedItem.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/FluidReportFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container spacing=\"40\" justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","Grid","container","spacing","justify","children","item","className","_jsx","Typography","variant","classNames","jsxs","component","pvUnit","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}
+{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","Grid","container","justify","children","item","className","_jsx","Typography","variant","classNames","jsxs","component","pvUnit","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}

package/cjs-bundle/components/FileUploadIconButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/classCallCheck"),r=require("@babel/runtime/helpers/createClass"),l=require("@babel/runtime/helpers/assertThisInitialized"),i=require("@babel/runtime/helpers/inherits"),a=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/regenerator"),u=require("react"),d=require("prop-types"),p=require("react-s3-uploader/s3upload"),c=require("@material-ui/core/CircularProgress"),f=require("@material-ui/icons/PhotoCamera"),h=require("./PostPreviewDialog/index.js"),b=require("./Icons/AttachIcon.js"),g=require("./IconButton/index.js"),F=require("../clients/jsonApi/index.js"),v=require("../utils/mobileDetect.js"),m=require("react/jsx-runtime");function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=U(e),y=U(t),S=U(r),j=U(l),O=U(i),q=U(a),w=U(n),D=U(o),x=U(s),I=U(d),C=U(p),R=U(c),T=U(f);function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){D.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,l=w.default(e);if(t){var i=w.default(this).constructor;r=Reflect.construct(l,arguments,i)}else r=l.apply(this,arguments);return q.default(this,r)}}var k=function(e){O.default(r,e);var t=_(r);function r(e){var l,i;return y.default(this,r),l=t.call(this,e),D.default(j.default(l),"onFinish",P.default(x.default.mark((function e(){var t;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F.getS3DownloadLink(l.state.s3FileName);case 2:t=e.sent,l.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:l.props.openPreviewDialogOnUpload,s3FileUrl:t.url},(function(){l.props.onFinish&&l.props.onFinish(l.state.s3FileUrl,l.state.s3FileName,l.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),D.default(j.default(l),"onError",(function(e){l.props.onError&&l.props.onError(e),console.error(e)})),D.default(j.default(l),"getSignedUrl",(i=P.default(x.default.mark((function e(t,r){var i;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,F.getS3SignedUrl(t.name,t.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),l.setState({uploadingFileToS3:null,currentUpload:null},(function(){l.onError(e.t0.message)})),e.abrupt("return");case 10:l.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:t.size}),r(N(N({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return i.apply(this,arguments)})),D.default(j.default(l),"preprocess",(function(e,t){t(e)})),D.default(j.default(l),"uploadFile",(function(e){if(e.target.files[0]){l.clearUpload();var t=new C.default({fileElement:l.fileInput.current,getSignedUrl:l.getSignedUrl,preprocess:l.preprocess,onProgress:function(){},onFinishS3Put:l.onFinish,onError:l.onError});l.setState({uploadingFileToS3:!0,currentUpload:{uploader:t}})}})),D.default(j.default(l),"handleCloseFileUploadPreviewDialog",(function(){l.setState({openFileUploadPreviewDialog:!1})})),D.default(j.default(l),"handleShare",(function(e,t,r){l.setState({openFileUploadPreviewDialog:!1},(function(){l.props.handleShare&&l.props.handleShare(e,t,r)}))})),l.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},l.fileInput=u.createRef(),l}return S.default(r,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=v.isNativeDetected?T.default:b,t=D.default({},"data-file-upload-button","");return m.jsxs("label",N(N({htmlFor:this.props.inputId},t),{},{children:[m.jsx("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),m.jsx(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:m.jsx(e,{})})]}))}},{key:"render",value:function(){return m.jsxs(m.Fragment,{children:[this.state.uploadingFileToS3?m.jsx(R.default,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&m.jsx(h,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),r}(u.PureComponent);k.propTypes={additionalFields:I.default.arrayOf(I.default.node),classes:I.default.shape({}).isRequired,tooltipProps:I.default.shape({}),disableRipple:I.default.bool,disabled:I.default.bool,fileUploadIconClassName:I.default.string,handleShare:I.default.func,inputId:I.default.string,message:I.default.string,onError:I.default.func,onFinish:I.default.func,openPreviewDialogOnUpload:I.default.bool,requiredFields:I.default.arrayOf(I.default.string)},k.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}},exports.FILE_UPLOAD_BUTTON_DATA_ATTR="data-file-upload-button",exports.default=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/classCallCheck"),r=require("@babel/runtime/helpers/createClass"),l=require("@babel/runtime/helpers/assertThisInitialized"),i=require("@babel/runtime/helpers/inherits"),a=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/regenerator"),u=require("react"),d=require("prop-types"),p=require("react-s3-uploader/s3upload"),c=require("@material-ui/core/CircularProgress"),f=require("@material-ui/icons/PhotoCamera"),h=require("./PostPreviewDialog/index.js"),b=require("./Icons/AttachIcon.js"),g=require("./IconButton/index.js"),F=require("../clients/jsonApi/index.js"),v=require("../utils/mobileDetect.js"),m=require("react/jsx-runtime");function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=U(e),y=U(t),S=U(r),j=U(l),O=U(i),q=U(a),w=U(n),D=U(o),x=U(s),I=U(d),C=U(p),T=U(c),E=U(f);function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){D.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,l=w.default(e);if(t){var i=w.default(this).constructor;r=Reflect.construct(l,arguments,i)}else r=l.apply(this,arguments);return q.default(this,r)}}var k=function(e){O.default(r,e);var t=_(r);function r(e){var l,i;return y.default(this,r),l=t.call(this,e),D.default(j.default(l),"onFinish",P.default(x.default.mark((function e(){var t;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F.getS3DownloadLink(l.state.s3FileName);case 2:t=e.sent,l.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:l.props.openPreviewDialogOnUpload,s3FileUrl:t.url},(function(){l.props.onFinish&&l.props.onFinish(l.state.s3FileUrl,l.state.s3FileName,l.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),D.default(j.default(l),"onError",(function(e){l.props.onError&&l.props.onError(e),console.error(e)})),D.default(j.default(l),"getSignedUrl",(i=P.default(x.default.mark((function e(t,r){var i;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,F.getS3SignedUrl(t.name,t.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),l.setState({uploadingFileToS3:null,currentUpload:null},(function(){l.onError(e.t0.message)})),e.abrupt("return");case 10:l.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:t.size}),r(R(R({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return i.apply(this,arguments)})),D.default(j.default(l),"preprocess",(function(e,t){t(e)})),D.default(j.default(l),"uploadFile",(function(e){if(e.target.files[0]){l.clearUpload();var t=new C.default({fileElement:l.fileInput.current,getSignedUrl:l.getSignedUrl,preprocess:l.preprocess,onProgress:function(){},onFinishS3Put:l.onFinish,onError:l.onError});l.setState({uploadingFileToS3:!0,currentUpload:{uploader:t}})}})),D.default(j.default(l),"handleCloseFileUploadPreviewDialog",(function(){l.setState({openFileUploadPreviewDialog:!1})})),D.default(j.default(l),"handleShare",(function(e,t,r){l.setState({openFileUploadPreviewDialog:!1},(function(){l.props.handleShare&&l.props.handleShare(e,t,r)}))})),l.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},l.fileInput=u.createRef(),l}return S.default(r,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=v.isNativeDetected?E.default:b,t=D.default({},"data-file-upload-button","");return m.jsxs("label",R(R({htmlFor:this.props.inputId},t),{},{children:[m.jsx("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),m.jsx(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:m.jsx(e,{})})]}))}},{key:"render",value:function(){return m.jsxs(m.Fragment,{children:[this.state.uploadingFileToS3?m.jsx(T.default,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&m.jsx(h,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),r}(u.PureComponent);k.propTypes={additionalFields:I.default.arrayOf(I.default.node),classes:I.default.shape({}),tooltipProps:I.default.shape({}),disableRipple:I.default.bool,disabled:I.default.bool,fileUploadIconClassName:I.default.string,handleShare:I.default.func,inputId:I.default.string,message:I.default.string,onError:I.default.func,onFinish:I.default.func,openPreviewDialogOnUpload:I.default.bool,requiredFields:I.default.arrayOf(I.default.string)},k.defaultProps={additionalFields:[],classes:{},disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}},exports.FILE_UPLOAD_BUTTON_DATA_ATTR="data-file-upload-button",exports.default=k;
 //# sourceMappingURL=FileUploadIconButton.js.map

package/cjs-bundle/components/FileUploadIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadIconButton.js","sources":["../../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\n// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing\nexport const FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n    const labelDataAttributes = { [FILE_UPLOAD_BUTTON_DATA_ATTR]: '' };\n\n    return (\n      <label htmlFor={this.props.inputId} {...labelDataAttributes}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress data-testid=\"generic_uploadProgress\" size={18} />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}).isRequired,\n  tooltipProps: PropTypes.shape({}),\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n  tooltipProps: { title: 'Attach File' },\n};\n\nexport default FileUploadIconButton;\n"],"names":["FileUploadIconButton","_PureComponent","_inherits","_super","_createSuper","props","_this","_ref2","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","s3DownloadLinkResponse","wrap","_context","prev","next","getS3DownloadLink","state","s3FileName","sent","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","stop","fileUploadingError","onError","console","error","_callee2","file","callback","data","_context2","getS3SignedUrl","name","type","t0","message","abrupt","signed_url","file_name","size","signedUrl","_x","_x2","apply","arguments","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","_createClass","key","value","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","labelDataAttributes","_jsxs","_objectSpread","htmlFor","inputId","children","_jsx","jsx","ref","id","disabled","onChange","uploadFile","style","display","IconButton","concat","component","className","fileUploadIconClassName","disableRipple","tooltipProps","_Fragment","CircularProgress","renderUploadButton","PostPreviewDialog","open","fileUrl","handleClose","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","PureComponent","propTypes","PropTypes","arrayOf","node","classes","shape","isRequired","bool","string","func","defaultProps","undefined","title"],"mappings":"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"}
+{"version":3,"file":"FileUploadIconButton.js","sources":["../../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\n// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing\nexport const FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n    const labelDataAttributes = { [FILE_UPLOAD_BUTTON_DATA_ATTR]: '' };\n\n    return (\n      <label htmlFor={this.props.inputId} {...labelDataAttributes}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress data-testid=\"generic_uploadProgress\" size={18} />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}),\n  tooltipProps: PropTypes.shape({}),\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  classes: {},\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n  tooltipProps: { title: 'Attach File' },\n};\n\nexport default FileUploadIconButton;\n"],"names":["FileUploadIconButton","_PureComponent","_inherits","_super","_createSuper","props","_this","_ref2","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","s3DownloadLinkResponse","wrap","_context","prev","next","getS3DownloadLink","state","s3FileName","sent","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","stop","fileUploadingError","onError","console","error","_callee2","file","callback","data","_context2","getS3SignedUrl","name","type","t0","message","abrupt","signed_url","file_name","size","signedUrl","_x","_x2","apply","arguments","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","_createClass","key","value","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","labelDataAttributes","_jsxs","_objectSpread","htmlFor","inputId","children","_jsx","jsx","ref","id","disabled","onChange","uploadFile","style","display","IconButton","concat","component","className","fileUploadIconClassName","disableRipple","tooltipProps","_Fragment","CircularProgress","renderUploadButton","PostPreviewDialog","open","fileUrl","handleClose","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","PureComponent","propTypes","PropTypes","arrayOf","node","classes","shape","bool","string","func","defaultProps","undefined","title"],"mappings":"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"}

package/cjs-bundle/components/UserMention/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),n=require("react"),o=require("lodash"),t=require("prop-types"),r=require("@material-ui/core/styles"),s=require("react-mentions"),i=require("@material-ui/core/colors/blue"),a=require("./utils/index.js"),u=require("./constants.js"),l=require("./style.css.js"),c=require("../Avatar/index.js");require("../../permissions/PermissionsContext.js");var d=require("../../permissions/constants/index.js");require("@babel/runtime/helpers/slicedToArray");var f=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js");var p=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=g(e),b=g(t);function h(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function y(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?h(Object(o),!0).forEach((function(n){m.default(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}var j={backgroundColor:g(i).default[100]},v={color:"#00bcd4"},q={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},w=y(y({},q),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),P=y(y({},q),{},{input:{color:"#000"}}),_=function(e){var t=e.onChange,r=e.singleLine,i=e.suggestionsPortalHost,d=e.value,f=e.inputRef,g=e.classes,m=e.style,b=e.withLightTheme,h=e.placeholder,q=e.onMount,_=e.onKeyDown,O=e.onKeyUp,C=e.onFocus,S=e.onBlur,x=e.autoFocus,R=e.disabled,A=e.companyId,F=e.currentUser,K=e.isCompanySelectVisible,M=e.mentionProps,U=e.allowSuggestionsAboveCursor;n.useEffect(q,[]);var D=n.useCallback(o.debounce((function(e,n){var o=K&&F&&F.company_id!==A?[F.company_id,A]:null;a.handleFetchUsers(e,n,o)}),400),[A]),I=Object.assign(b?P:w,m);return p.jsx(s.MentionsInput,{value:d,onChange:function(e,n){t(n)},singleLine:r,allowSpaceInQuery:!0,classNames:l,placeholder:h,suggestionsPortalHost:i,inputRef:f,style:I,onKeyDown:_,onKeyUp:O,autoFocus:x,onFocus:C,onBlur:S,disabled:R,allowSuggestionsAboveCursor:U,children:p.jsx(s.Mention,y({markup:u.USER_MARKUP,renderSuggestion:function(e){return function(e,n){return p.jsxs("div",{className:l.mention__suggestion,children:[p.jsx(c.AvatarComponent,{alt:e.display,displayName:e.display,className:n.avatar,imgSrc:e.photo}),p.jsxs("div",{className:l.mention__suggestion__info,children:[p.jsx("span",{"data-testid":"".concat("userMention","_name_").concat(e.display),className:l.mention__suggestion__info__name,children:e.display}),e.title&&p.jsx("span",{className:l.mention__suggestion__info__group,children:e.title})]})]})}(e,g)},trigger:"@",data:D,displayTransform:function(e,n){return"@".concat(n)},style:b?j:v,appendSpaceOnAdd:!0},M))})};_.propTypes={onChange:b.default.func,singleLine:b.default.bool,suggestionsPortalHost:b.default.shape({current:b.default.instanceOf(Element)}),value:b.default.string,inputRef:b.default.shape({}),classes:b.default.shape({avatar:b.default.string.isRequired}).isRequired,withLightTheme:b.default.bool,placeholder:b.default.string,style:b.default.shape({}),mentionProps:b.default.shape({}),onMount:b.default.func,onKeyDown:b.default.func,onKeyUp:b.default.func,onFocus:b.default.func,onBlur:b.default.func,autoFocus:b.default.bool,disabled:b.default.bool,currentUser:b.default.shape({company_id:b.default.number.isRequired}).isRequired,companyId:b.default.number,isCompanySelectVisible:b.default.bool.isRequired,allowSuggestionsAboveCursor:b.default.bool},_.defaultProps={onChange:function(){},singleLine:!1,suggestionsPortalHost:null,value:"",inputRef:null,withLightTheme:!1,placeholder:"Mention people using '@'",style:{suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},mentionProps:{},onMount:function(){},onKeyDown:function(){},onKeyUp:function(){},onFocus:function(){},onBlur:function(){},autoFocus:!0,disabled:!1,allowSuggestionsAboveCursor:!1,companyId:null};var O=f.withPermissionsHOC({isCompanySelectVisible:d.PERMISSIONS.companySelectorView})(r.withStyles({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(_));module.exports=O;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),n=require("react"),o=require("lodash"),t=require("prop-types"),r=require("@material-ui/core/styles"),s=require("react-mentions"),i=require("@material-ui/core/colors/blue"),a=require("./utils/index.js"),u=require("./constants.js"),l=require("./style.css.js"),c=require("../Avatar/index.js");require("../../permissions/PermissionsContext.js");var d=require("../../permissions/constants/index.js");require("@babel/runtime/helpers/slicedToArray");var f=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js");var p=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=g(e),b=g(t);function h(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function y(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?h(Object(o),!0).forEach((function(n){m.default(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}var j={backgroundColor:g(i).default[100]},v={color:"#00bcd4"},q={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},w=y(y({},q),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),P=y(y({},q),{},{input:{color:"#000"}}),_=function(e){var t=e.onChange,r=e.singleLine,i=e.suggestionsPortalHost,d=e.value,f=e.inputRef,g=e.classes,m=e.style,b=e.withLightTheme,h=e.placeholder,q=e.onMount,_=e.onKeyDown,O=e.onKeyUp,C=e.onFocus,S=e.onBlur,x=e.autoFocus,R=e.disabled,A=e.companyId,U=e.currentUser,F=e.isCompanySelectVisible,K=e.mentionProps,M=e.allowSuggestionsAboveCursor;n.useEffect(q,[]);var D=n.useCallback(o.debounce((function(e,n){var o=F&&U&&U.company_id!==A?[U.company_id,A]:null;a.handleFetchUsers(e,n,o)}),400),[A]),I=Object.assign(b?P:w,m);return p.jsx(s.MentionsInput,{value:d,onChange:function(e,n){t(n)},singleLine:r,allowSpaceInQuery:!0,classNames:l,placeholder:h,suggestionsPortalHost:i,inputRef:f,style:I,onKeyDown:_,onKeyUp:O,autoFocus:x,onFocus:C,onBlur:S,disabled:R,allowSuggestionsAboveCursor:M,children:p.jsx(s.Mention,y({markup:u.USER_MARKUP,renderSuggestion:function(e){return function(e,n){return p.jsxs("div",{className:l.mention__suggestion,children:[p.jsx(c.AvatarComponent,{alt:e.display,displayName:e.display,className:n.avatar,imgSrc:e.photo}),p.jsxs("div",{className:l.mention__suggestion__info,children:[p.jsx("span",{"data-testid":"".concat("userMention","_name_").concat(e.display),className:l.mention__suggestion__info__name,children:e.display}),e.title&&p.jsx("span",{className:l.mention__suggestion__info__group,children:e.title})]})]})}(e,g)},trigger:"@",data:D,displayTransform:function(e,n){return"@".concat(n)},style:b?j:v,appendSpaceOnAdd:!0},K))})};_.propTypes={onChange:b.default.func,singleLine:b.default.bool,suggestionsPortalHost:b.default.shape({current:b.default.instanceOf(Element)}),value:b.default.string,inputRef:b.default.shape({}),classes:b.default.shape({avatar:b.default.string.isRequired}).isRequired,withLightTheme:b.default.bool,placeholder:b.default.string,style:b.default.shape({}),mentionProps:b.default.shape({}),onMount:b.default.func,onKeyDown:b.default.func,onKeyUp:b.default.func,onFocus:b.default.func,onBlur:b.default.func,autoFocus:b.default.bool,disabled:b.default.bool,currentUser:b.default.shape({company_id:b.default.number.isRequired}),companyId:b.default.number,isCompanySelectVisible:b.default.bool.isRequired,allowSuggestionsAboveCursor:b.default.bool},_.defaultProps={onChange:function(){},singleLine:!1,suggestionsPortalHost:null,value:"",inputRef:null,withLightTheme:!1,placeholder:"Mention people using '@'",style:{suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},mentionProps:{},onMount:function(){},onKeyDown:function(){},onKeyUp:function(){},onFocus:function(){},onBlur:function(){},autoFocus:!0,disabled:!1,allowSuggestionsAboveCursor:!1,companyId:null,currentUser:null};var O=f.withPermissionsHOC({isCompanySelectVisible:d.PERMISSIONS.companySelectorView})(r.withStyles({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(_));module.exports=O;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/UserMention/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\nimport { USER_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange,\n  singleLine,\n  suggestionsPortalHost,\n  value,\n  inputRef,\n  classes,\n  style,\n  withLightTheme,\n  placeholder,\n  onMount,\n  onKeyDown,\n  onKeyUp,\n  onFocus,\n  onBlur,\n  autoFocus,\n  disabled,\n  companyId,\n  currentUser,\n  isCompanySelectVisible,\n  mentionProps,\n  allowSuggestionsAboveCursor,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = Object.assign(\n    withLightTheme ? lightThemeInputStyles : darkThemeInputStyles,\n    style\n  );\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }).isRequired,\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n};\n\nUserMention.defaultProps = {\n  onChange: () => undefined,\n  singleLine: false,\n  suggestionsPortalHost: null,\n  value: '',\n  inputRef: null,\n  withLightTheme: false,\n  placeholder: \"Mention people using '@'\",\n  style: {\n    suggestions: {\n      list: {\n        background: '#414141',\n      },\n      item: {\n        color: 'white',\n        height: 30,\n        '&focused': {\n          backgroundColor: 'rgba(255, 255, 255, 0.08)',\n        },\n      },\n    },\n  },\n  mentionProps: {},\n  onMount: () => undefined,\n  onKeyDown: () => undefined,\n  onKeyUp: () => undefined,\n  onFocus: () => undefined,\n  onBlur: () => undefined,\n  autoFocus: true,\n  disabled: false,\n  allowSuggestionsAboveCursor: false,\n  companyId: null,\n};\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","mentionDarkStyle","color","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","onChange","singleLine","suggestionsPortalHost","value","inputRef","classes","style","withLightTheme","placeholder","onMount","onKeyDown","onKeyUp","onFocus","onBlur","autoFocus","disabled","companyId","currentUser","isCompanySelectVisible","mentionProps","allowSuggestionsAboveCursor","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","Object","assign","_jsx","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","Mention","_objectSpread","markup","USER_MARKUP","renderSuggestion","entry","_jsxs","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","jsxs","mention__suggestion__info","jsx","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","defaultProps","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\nimport { USER_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange,\n  singleLine,\n  suggestionsPortalHost,\n  value,\n  inputRef,\n  classes,\n  style,\n  withLightTheme,\n  placeholder,\n  onMount,\n  onKeyDown,\n  onKeyUp,\n  onFocus,\n  onBlur,\n  autoFocus,\n  disabled,\n  companyId,\n  currentUser,\n  isCompanySelectVisible,\n  mentionProps,\n  allowSuggestionsAboveCursor,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = Object.assign(\n    withLightTheme ? lightThemeInputStyles : darkThemeInputStyles,\n    style\n  );\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }),\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n};\n\nUserMention.defaultProps = {\n  onChange: () => undefined,\n  singleLine: false,\n  suggestionsPortalHost: null,\n  value: '',\n  inputRef: null,\n  withLightTheme: false,\n  placeholder: \"Mention people using '@'\",\n  style: {\n    suggestions: {\n      list: {\n        background: '#414141',\n      },\n      item: {\n        color: 'white',\n        height: 30,\n        '&focused': {\n          backgroundColor: 'rgba(255, 255, 255, 0.08)',\n        },\n      },\n    },\n  },\n  mentionProps: {},\n  onMount: () => undefined,\n  onKeyDown: () => undefined,\n  onKeyUp: () => undefined,\n  onFocus: () => undefined,\n  onBlur: () => undefined,\n  autoFocus: true,\n  disabled: false,\n  allowSuggestionsAboveCursor: false,\n  companyId: null,\n  currentUser: null,\n};\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","mentionDarkStyle","color","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","onChange","singleLine","suggestionsPortalHost","value","inputRef","classes","style","withLightTheme","placeholder","onMount","onKeyDown","onKeyUp","onFocus","onBlur","autoFocus","disabled","companyId","currentUser","isCompanySelectVisible","mentionProps","allowSuggestionsAboveCursor","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","Object","assign","_jsx","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","Mention","_objectSpread","markup","USER_MARKUP","renderSuggestion","entry","_jsxs","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","jsxs","mention__suggestion__info","jsx","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","defaultProps","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"k7CAeA,IAUMA,EAAoB,CACxBC,qBAAqB,QAAC,MAElBC,EAAmB,CACvBC,MAAO,WAIHC,EAAc,CAClBC,YAAa,CACXC,KAAM,CACJ,WAAY,CACVL,gBAAiB,0BAMnBM,SACDH,GAAW,CAAA,EAAA,CACdI,MAAO,CACLL,MAAO,OACPM,WAAY,OACZC,OAAQ,GAEVC,YAAa,CACXR,MAAO,UAILS,SACDR,GAAW,CAAA,EAAA,CACdI,MAAO,CAAEL,MAAO,UAyBZU,EAAc,SAsBdC,GAAA,IArBJC,IAAAA,SACAC,IAAAA,WACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,eACAC,IAAAA,YACAC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,uBACAC,IAAAA,aACAC,IAAAA,4BAEAC,YAAUZ,EAAS,IAEnB,IASMa,EAAsBC,EAAWA,YAACC,YATrB,SAACC,EAAQC,GAC1B,IAAMC,EACJT,GAA0BD,GAAeA,EAAYW,aAAeZ,EAChE,CAACC,EAAYW,WAAYZ,GACzB,KAENa,EAAAA,iBAAiBJ,EAAQC,EAAUC,KAGwB,KAAM,CAACX,IAM9Dc,EAAcC,OAAOC,OACzBzB,EAAiBV,EAAwBL,EACzCc,GAGF,OACE2B,EAAAA,IAACC,EAAAA,cAAa,CACZ/B,MAAOA,EACPH,SAZkB,SAACmC,EAAOC,GAC5BpC,EAASoC,IAYPnC,WAAYA,EACZoC,mBAAiB,EACjBC,WAAYC,EACZ/B,YAAaA,EACbN,sBAAuBA,EACvBE,SAAUA,EACVE,MAAOwB,EACPpB,UAAWA,EACXC,QAASA,EACTG,UAAWA,EACXF,QAASA,EACTC,OAAQA,EACRE,SAAUA,EACVK,4BAA6BA,EAA4BoB,SAEzDP,EAAAA,IAACQ,EAAOA,QAAAC,EAAA,CACNC,OAAQC,EAAYA,YACpBC,iBAAkB,SAAAC,GAAK,OAxFN,SAACA,EAAOzC,GAAO,OACtC0C,EAAAA,KAAA,MAAA,CAAKC,UAAWT,EAAOU,oBAAoBT,SAAA,CACzCP,MAACiB,kBAAM,CACLC,IAAKL,EAAMM,QACXC,YAAaP,EAAMM,QACnBJ,UAAW3C,EAAQiD,OACnBC,OAAQT,EAAMU,QAEhBT,EAAAU,KAAA,MAAA,CAAKT,UAAWT,EAAOmB,0BAA0BlB,SAC/C,CAAAP,EAAA0B,IAAA,OAAA,CACE,cAAA,GAAAC,OAvDU,cAuDe,UAAAA,OAASd,EAAMM,SACxCJ,UAAWT,EAAOsB,gCAAgCrB,SAEjDM,EAAMM,UAERN,EAAMgB,OACL7B,EAAAA,IAAA,OAAA,CAAMe,UAAWT,EAAOwB,iCAAiCvB,SAAEM,EAAMgB,aAGjE,CAqE2BjB,CAAiBC,EAAOzC,EAAS,EAC5D2D,QAAQ,IACRC,KAAM3C,EACN4C,iBAAkB,SAACC,EAAIf,GAAO,MAAA,IAAAQ,OAASR,EAAU,EACjD9C,MAAOC,EAAiBtB,EAAoBE,EAC5CiF,kBAAgB,GACZjD,KAIZ,EAEArB,EAAYuE,UAAY,CACtBrE,SAAUsE,EAAS,QAACC,KACpBtE,WAAYqE,EAAS,QAACE,KACtBtE,sBAAuBoE,EAAS,QAACG,MAAM,CACrCC,QAASJ,EAAAA,QAAUK,WAAWC,WAEhCzE,MAAOmE,EAAS,QAACO,OACjBzE,SAAUkE,EAAAA,QAAUG,MAAM,IAC1BpE,QAASiE,EAAS,QAACG,MAAM,CACvBnB,OAAQgB,EAAAA,QAAUO,OAAOC,aACxBA,WACHvE,eAAgB+D,EAAS,QAACE,KAC1BhE,YAAa8D,EAAS,QAACO,OACvBvE,MAAOgE,EAAAA,QAAUG,MAAM,IACvBtD,aAAcmD,EAAAA,QAAUG,MAAM,IAC9BhE,QAAS6D,EAAS,QAACC,KACnB7D,UAAW4D,EAAS,QAACC,KACrB5D,QAAS2D,EAAS,QAACC,KACnB3D,QAAS0D,EAAS,QAACC,KACnB1D,OAAQyD,EAAS,QAACC,KAClBzD,UAAWwD,EAAS,QAACE,KACrBzD,SAAUuD,EAAS,QAACE,KAEpBvD,YAAaqD,EAAS,QAACG,MAAM,CAC3B7C,WAAY0C,EAAAA,QAAUS,OAAOD,aAE/B9D,UAAWsD,EAAS,QAACS,OACrB7D,uBAAwBoD,EAAAA,QAAUE,KAAKM,WACvC1D,4BAA6BkD,EAAS,QAACE,MAGzC1E,EAAYkF,aAAe,CACzBhF,SAAU,WAAe,EACzBC,YAAY,EACZC,sBAAuB,KACvBC,MAAO,GACPC,SAAU,KACVG,gBAAgB,EAChBC,YAAa,2BACbF,MAAO,CACLhB,YAAa,CACX2F,KAAM,CACJC,WAAY,WAEd3F,KAAM,CACJH,MAAO,QACP+F,OAAQ,GACR,WAAY,CACVjG,gBAAiB,gCAKzBiC,aAAc,CAAE,EAChBV,QAAS,WAAe,EACxBC,UAAW,WAAe,EAC1BC,QAAS,WAAe,EACxBC,QAAS,WAAe,EACxBC,OAAQ,WAAe,EACvBC,WAAW,EACXC,UAAU,EACVK,6BAA6B,EAC7BJ,UAAW,KACXC,YAAa,MAGf,IAAAmE,EAAeC,qBAAmB,CAAEnE,uBAAwBoE,EAAWA,YAACC,qBAAzDF,CACbG,EAAUA,WAlNM,CAChBlC,OAAQ,CACN6B,OAAQ,GACRM,MAAO,GACPC,OAAQ,qBA8MVF,CAAsB1F"}

package/cjs-bundle/componentsV2/Autocomplete/Autocomplete.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.Autocomplete_root__4SidE{width:100%}.Autocomplete_root__4SidE .MuiAutocomplete-endAdornment{display:contents}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{margin:0;padding:0;visibility:visible}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator .MuiTouchRipple-root,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator .MuiTouchRipple-root{display:none}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{background-color:transparent!important;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator svg,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator svg{display:block}.Autocomplete_root__4SidE .MuiInputAdornment-positionStart{max-width:70%}.Autocomplete_paper__Vq6DC{--corvaui-background:var(--palette-background-b-9);background-color:var(--palette-background-b-9)!important;box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;display:flex;flex-flow:column wrap;margin:8px 0;max-height:40vh;overflow:hidden;padding:0;position:relative}.Autocomplete_paper__Vq6DC:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:0 10px auto 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:auto 10px 0 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:has(.Autocomplete_sticky__0-eTa){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox{flex:0 1 auto;max-height:unset;padding:8px 0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox,.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li{width:100%}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox:has(.Autocomplete_sticky__0-eTa){padding-top:0}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option{background:var(--corvaui-background)!important;display:block;padding:0 16px!important;z-index:1}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option[data-focus=true] .Autocomplete_menuItem__c2Qka{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option:has(.Autocomplete_sticky__0-eTa){left:0;position:sticky;top:0}.Autocomplete_paper__Vq6DC .Autocomplete_sticky__0-eTa{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);overflow:visible}.Autocomplete_paper__Vq6DC .Autocomplete_listboxScrolled__n34NV .Autocomplete_sticky__0-eTa:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/0) 0,rgb(from var(--corvaui-background) r g b/1) 100%);content:"";height:8px;inset:100% 0 auto 0;margin-top:1px;position:absolute}.Autocomplete_paper__Vq6DC .MuiAutocomplete-noOptions{align-items:center;color:var(--palette-primary-text-6);display:flex;font-size:12px;font-style:italic;justify-content:center;min-height:31px;padding:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel{background:var(--corvaui-background)!important;color:var(--palette-primary-text-7);font-size:12px;font-weight:400;line-height:16px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel:not(:empty){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li+li .MuiAutocomplete-groupLabel:not(:empty){margin-top:8px}.Autocomplete_checkboxSmall__TjdiN{margin-right:-8px}.Autocomplete_checkboxMedium__LUbff{margin-right:-12px}.Autocomplete_selectedValue__iGHNh{overflow:hidden}.Autocomplete_selectedValueChip__5QOEK{flex:0 0 auto;margin:-3px 0;max-width:calc(33% - 8px)}.Autocomplete_inputContainer__RKk5j{flex-wrap:wrap;position:relative;row-gap:14px}.Autocomplete_inputContainer__RKk5j .Autocomplete_selectedValue__iGHNh{max-width:50%}.Autocomplete_prefix__WzSbL{display:contents}.Autocomplete_input__FHTVO{flex:1 1;max-width:100%;min-width:150px}.Autocomplete_withArrow__pNaNX .Autocomplete_input__FHTVO,.Autocomplete_withClear__RGtWV .Autocomplete_input__FHTVO{padding-right:24px}.Autocomplete_withArrow__pNaNX.Autocomplete_withClear__RGtWV .Autocomplete_input__FHTVO{padding-right:48px}.Autocomplete_suffix__y3P7i{bottom:calc(var(--corvaui-textinput-inputheight)/2 + 6px);height:var(--corvaui-textinput-inputheight);position:absolute;right:7px;transform:translateY(50%)}.Autocomplete_readOnlyInput__mD5xQ{cursor:inherit}'),module.exports={spacing:"8",root:"Autocomplete_root__4SidE",paper:"Autocomplete_paper__Vq6DC",sticky:"Autocomplete_sticky__0-eTa",menuItem:"Autocomplete_menuItem__c2Qka",listboxScrolled:"Autocomplete_listboxScrolled__n34NV",checkboxSmall:"Autocomplete_checkboxSmall__TjdiN",checkboxMedium:"Autocomplete_checkboxMedium__LUbff",selectedValue:"Autocomplete_selectedValue__iGHNh",selectedValueChip:"Autocomplete_selectedValueChip__5QOEK",inputContainer:"Autocomplete_inputContainer__RKk5j",prefix:"Autocomplete_prefix__WzSbL",input:"Autocomplete_input__FHTVO",withArrow:"Autocomplete_withArrow__pNaNX",withClear:"Autocomplete_withClear__RGtWV",suffix:"Autocomplete_suffix__y3P7i",readOnlyInput:"Autocomplete_readOnlyInput__mD5xQ"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.Autocomplete_root__4SidE{width:100%}.Autocomplete_root__4SidE .MuiAutocomplete-endAdornment{display:contents}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{margin:0;padding:0;visibility:visible}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator .MuiTouchRipple-root,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator .MuiTouchRipple-root{display:none}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{background-color:transparent!important;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator svg,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator svg{display:block}.Autocomplete_root__4SidE .MuiInputAdornment-positionStart{max-width:70%}.Autocomplete_paper__Vq6DC{--corvaui-background:var(--palette-background-b-9);background-color:var(--palette-background-b-9)!important;box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;display:flex;flex-flow:column wrap;margin:8px 0;max-height:40vh;overflow:hidden;padding:0;position:relative}.Autocomplete_paper__Vq6DC:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:0 10px auto 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:auto 10px 0 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:has(.Autocomplete_sticky__0-eTa){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox{flex:0 1 auto;max-height:unset;padding:8px 0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox,.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li{width:100%}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox:has(.Autocomplete_sticky__0-eTa){padding-top:0}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option{background:var(--corvaui-background)!important;display:block;padding:0 16px!important;z-index:1}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option[data-focus=true] .Autocomplete_menuItem__c2Qka{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option:has(.Autocomplete_sticky__0-eTa){left:0;position:sticky;top:0}.Autocomplete_paper__Vq6DC .Autocomplete_sticky__0-eTa{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);overflow:visible}.Autocomplete_paper__Vq6DC .Autocomplete_listboxScrolled__n34NV .Autocomplete_sticky__0-eTa:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/0) 0,rgb(from var(--corvaui-background) r g b/1) 100%);content:"";height:8px;inset:100% 0 auto 0;margin-top:1px;position:absolute}.Autocomplete_paper__Vq6DC .MuiAutocomplete-noOptions{align-items:center;color:var(--palette-primary-text-6);display:flex;font-size:12px;font-style:italic;justify-content:center;min-height:31px;padding:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel{background:var(--corvaui-background)!important;color:var(--palette-primary-text-7);font-size:12px;font-weight:400;line-height:16px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel:not(:empty){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li+li .MuiAutocomplete-groupLabel:not(:empty){margin-top:8px}.Autocomplete_checkboxSmall__TjdiN{margin-right:-8px}.Autocomplete_checkboxMedium__LUbff{margin-right:-12px}.Autocomplete_selectedValue__iGHNh{max-width:100%;overflow:hidden}.Autocomplete_selectedValueChip__5QOEK{flex:0 0 auto;margin:-3px 0;max-width:calc(33% - 8px)}.Autocomplete_inputContainer__RKk5j{flex-wrap:wrap;position:relative;row-gap:14px}.Autocomplete_inputContainer__RKk5j .Autocomplete_selectedValue__iGHNh{max-width:50%}.Autocomplete_prefix__WzSbL{display:contents}.Autocomplete_input__FHTVO{flex:1 1;max-width:100%;min-width:150px}.Autocomplete_withArrow__pNaNX .Autocomplete_input__FHTVO,.Autocomplete_withClear__RGtWV .Autocomplete_input__FHTVO{padding-right:24px}.Autocomplete_withArrow__pNaNX.Autocomplete_withClear__RGtWV .Autocomplete_input__FHTVO{padding-right:48px}.Autocomplete_suffix__y3P7i{bottom:calc(var(--corvaui-textinput-inputheight)/2 + 6px);height:var(--corvaui-textinput-inputheight);position:absolute;right:7px;transform:translateY(50%)}.Autocomplete_readOnlyInput__mD5xQ{cursor:inherit}'),module.exports={spacing:"8",root:"Autocomplete_root__4SidE",paper:"Autocomplete_paper__Vq6DC",sticky:"Autocomplete_sticky__0-eTa",menuItem:"Autocomplete_menuItem__c2Qka",listboxScrolled:"Autocomplete_listboxScrolled__n34NV",checkboxSmall:"Autocomplete_checkboxSmall__TjdiN",checkboxMedium:"Autocomplete_checkboxMedium__LUbff",selectedValue:"Autocomplete_selectedValue__iGHNh",selectedValueChip:"Autocomplete_selectedValueChip__5QOEK",inputContainer:"Autocomplete_inputContainer__RKk5j",prefix:"Autocomplete_prefix__WzSbL",input:"Autocomplete_input__FHTVO",withArrow:"Autocomplete_withArrow__pNaNX",withClear:"Autocomplete_withClear__RGtWV",suffix:"Autocomplete_suffix__y3P7i",readOnlyInput:"Autocomplete_readOnlyInput__mD5xQ"};
 //# sourceMappingURL=Autocomplete.scss.js.map

package/components/Drillstring/DrillstringDetail/DrillstringDetail.d.ts

@@ -7,10 +7,14 @@ declare function DrillstringDetail({ onDone, drillStringInfo, holeDepth, unit }:
 }): JSX.Element;
 declare namespace DrillstringDetail {
     namespace propTypes {
-        let drillStringInfo: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>>;
-        let holeDepth: import("prop-types").Validator<number>;
-        let unit: import("prop-types").Validator<string>;
-        let onDone: import("prop-types").Validator<(...args: any[]) => any>;
+        export let drillStringInfo: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>>;
+        export { number as holeDepth };
+        export let unit: import("prop-types").Validator<string>;
+        export let onDone: import("prop-types").Validator<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let holeDepth: undefined;
     }
 }
+import { number } from 'prop-types';
 //# sourceMappingURL=DrillstringDetail.d.ts.map

package/components/Drillstring/DrillstringDetail/DrillstringDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrillstringDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"names":[],"mappings":";AAWA;;;;;gBA8CC"}
+{"version":3,"file":"DrillstringDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"names":[],"mappings":";AAWA;;;;;gBA8CC;;;;;;;;;;;;uBAzD2C,YAAY"}

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{shape as i,number as n,string as r,func as t}from"prop-types";import{useState as o,useMemo as l}from"react";import{Button as a,Dialog as d,DialogContent as s}from"@material-ui/core";import c from"../BHATable/index.js";import p from"../BHAComponentDetail/index.js";import m from"./styles.css.js";import{convertValue as u}from"../../../utils/index.js";import{jsxs as f,jsx as h}from"react/jsx-runtime";var v=function(i){var n,r,t,v=i.onDone,T=i.drillStringInfo,D=i.holeDepth,N=i.unit,j=o(),x=e(j,2),A=x[0],C=x[1],S=null===(n=T.data)||void 0===n?void 0:n.id,q=Math.floor(u(null===(r=T.data)||void 0===r?void 0:r.start_depth,"length","ft")),y=(null===(t=T.data)||void 0===t?void 0:t.components)||[],B=l((function(){return y.find((function(e){return e.id===A}))}),[y,A]);return f("div",{className:m.detailsPane,children:[f("header",{children:[h(a,{variant:"contained",className:m.detailDone,onClick:v,children:"Close"}),f("div",{className:m.detailTitleGroup,children:[h("span",{className:m.detailTitle,children:"BHA Details"}),h("span",{className:m.detailTitleSeparator,children:" · "}),f("span",{className:m.detailTitleMore,children:["BHA # ",S]}),h("span",{className:m.detailTitleSeparator,children:" · "}),h("span",{className:m.detailTitleMore,children:"".concat(q," - ").concat(D," ").concat(N)})]})]}),h(c,{components:y,onSelectComponent:function(e){var i=e.id;return C(i)}}),h(d,{open:!!A,onClose:function(){return C(null)},scroll:"paper",children:h(s,{children:h(p,{component:B,onDone:function(){return C(null)}})})})]})};v.propTypes={drillStringInfo:i().isRequired,holeDepth:n.isRequired,unit:r.isRequired,onDone:t.isRequired};export{v as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{shape as n,number as i,string as o,func as r}from"prop-types";import{useState as t,useMemo as l}from"react";import{Button as a,Dialog as d,DialogContent as s}from"@material-ui/core";import c from"../BHATable/index.js";import p from"../BHAComponentDetail/index.js";import m from"./styles.css.js";import{convertValue as u}from"../../../utils/index.js";import{jsxs as f,jsx as h}from"react/jsx-runtime";var v=function(n){var i,o,r,v=n.onDone,D=n.drillStringInfo,T=n.holeDepth,N=n.unit,j=t(),x=e(j,2),A=x[0],C=x[1],S=null===(i=D.data)||void 0===i?void 0:i.id,y=Math.floor(u(null===(o=D.data)||void 0===o?void 0:o.start_depth,"length","ft")),B=(null===(r=D.data)||void 0===r?void 0:r.components)||[],H=l((function(){return B.find((function(e){return e.id===A}))}),[B,A]);return f("div",{className:m.detailsPane,children:[f("header",{children:[h(a,{variant:"contained",className:m.detailDone,onClick:v,children:"Close"}),f("div",{className:m.detailTitleGroup,children:[h("span",{className:m.detailTitle,children:"BHA Details"}),h("span",{className:m.detailTitleSeparator,children:" · "}),f("span",{className:m.detailTitleMore,children:["BHA # ",S]}),h("span",{className:m.detailTitleSeparator,children:" · "}),h("span",{className:m.detailTitleMore,children:"".concat(y," - ").concat(T," ").concat(N)})]})]}),h(c,{components:B,onSelectComponent:function(e){var n=e.id;return C(n)}}),h(d,{open:!!A,onClose:function(){return C(null)},scroll:"paper",children:h(s,{children:h(p,{component:H,onDone:function(){return C(null)}})})})]})};v.propTypes={drillStringInfo:n().isRequired,holeDepth:i,unit:o.isRequired,onDone:r.isRequired},v.defaultProps={holeDepth:void 0};export{v as default};
 //# sourceMappingURL=DrillstringDetail.js.map

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number.isRequired,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func"],"mappings":"2cAWA,IAAMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,IAAUC,EAAAC,EAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAiC,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,GAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAA,SAAA,CAAAI,SAAA,CACEC,EAACC,EAAM,CAACC,QAAQ,YAAYN,UAAWC,EAAOM,WAAYC,QAASjC,EAAO4B,SAAA,UAG1EJ,EAAA,MAAA,CAAKC,UAAWC,EAAOQ,iBAAiBN,SACtC,CAAAC,EAAA,OAAA,CAAMJ,UAAWC,EAAOS,YAAYP,SAAA,gBACpCC,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CJ,EAAA,OAAA,CAAMC,UAAWC,EAAOW,gBAAgBT,SAAA,CAAA,SAAQlB,KAChDmB,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CC,EAAA,OAAA,CAAMJ,UAAWC,EAAOW,gBAAgBT,SAAA,GAAAU,OAAKzB,EAAU,OAAAyB,OAAMpC,EAAS,KAAAoC,OAAInC,WAI9E0B,EAACU,EAAQ,CACPpB,WAAYD,EACZsB,kBAAmB,SAAAC,GAAA,IAAG7B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DiB,EAACa,EAAM,CACLC,OAAQnC,EACRoC,QAAS,WAAA,OAAMnC,EAAuB,KAAM,EAC5CoC,OAAO,QAAOjB,SAEdC,EAACiB,EAAa,CAAAlB,SACZC,EAACkB,EAAkB,CACjBxB,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBqD,UAAY,CAC5B/C,gBAAiBgD,IAAQC,WACzBhD,UAAWiD,EAAOD,WAClB/C,KAAMiD,EAAOF,WACblD,OAAQqD,EAAKH"}
+{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nDrillstringDetail.defaultProps = {\n  holeDepth: undefined,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func","defaultProps","undefined"],"mappings":"2cAWA,IAAMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,IAAUC,EAAAC,EAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAiC,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,GAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAA,SAAA,CAAAI,SAAA,CACEC,EAACC,EAAM,CAACC,QAAQ,YAAYN,UAAWC,EAAOM,WAAYC,QAASjC,EAAO4B,SAAA,UAG1EJ,EAAA,MAAA,CAAKC,UAAWC,EAAOQ,iBAAiBN,SACtC,CAAAC,EAAA,OAAA,CAAMJ,UAAWC,EAAOS,YAAYP,SAAA,gBACpCC,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CJ,EAAA,OAAA,CAAMC,UAAWC,EAAOW,gBAAgBT,SAAA,CAAA,SAAQlB,KAChDmB,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CC,EAAA,OAAA,CAAMJ,UAAWC,EAAOW,gBAAgBT,SAAA,GAAAU,OAAKzB,EAAU,OAAAyB,OAAMpC,EAAS,KAAAoC,OAAInC,WAI9E0B,EAACU,EAAQ,CACPpB,WAAYD,EACZsB,kBAAmB,SAAAC,GAAA,IAAG7B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DiB,EAACa,EAAM,CACLC,OAAQnC,EACRoC,QAAS,WAAA,OAAMnC,EAAuB,KAAM,EAC5CoC,OAAO,QAAOjB,SAEdC,EAACiB,EAAa,CAAAlB,SACZC,EAACkB,EAAkB,CACjBxB,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBqD,UAAY,CAC5B/C,gBAAiBgD,IAAQC,WACzBhD,UAAWiD,EACXhD,KAAMiD,EAAOF,WACblD,OAAQqD,EAAKH,YAGfvD,EAAkB2D,aAAe,CAC/BpD,eAAWqD"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.d.ts

@@ -9,7 +9,7 @@ declare function BhaSchematic({ feedItem, drillStringData, handleShowDrillstring
 declare namespace BhaSchematic {
     namespace propTypes {
         let feedItem: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>>;
-        let drillStringData: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>>;
+        let drillStringData: import("prop-types").Validator<(import("prop-types").InferProps<import("prop-types").ValidationMap<any>> | null | undefined)[]>;
         let isShowDrillstringDetailDialog: import("prop-types").Validator<boolean>;
         let handleShowDrillstringDetailDialog: import("prop-types").Validator<(...args: any[]) => any>;
         let handleHideDrillstringDetailDialog: import("prop-types").Validator<(...args: any[]) => any>;

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

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

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

@@ -1 +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';\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\n            key={wellId}\n            containerHeight={160}\n            schematic={schematicData}\n            bhaLengthMax={bhaLengthMax}\n          />\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","_ref","_feedItem$well","_feedItem$context","_feedItem$context$bha","_feedItem$context$bha2","_bhaInfo$data","feedItem","drillStringData","handleShowDrillstringDetailDialog","isShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","classes","wellId","well","id","bhaId","context","bha","data","bhaInfo","getBHAInformation","bhaLengthMax","calculateBHALengthMax","components","schematicData","getBHASchematic","_jsxs","_Fragment","children","_jsx","className","onClick","BHASchematic","containerHeight","schematic","BhaIndicator","align","Dialog","paperScrollPaper","open","onClose","scroll","DialogContent","DrillstringDetail","drillStringInfo","unit","getUnitDisplay","onDone","propTypes","shape","isRequired","bool","func"],"mappings":"+jBASA,IAAMA,EAAYC,EAAW,CAC3BC,QAAS,CACPC,MAAO,IACPC,OAAQ,UACRC,WAAY,GACZC,cAAe,IAEjBC,UAAW,CACTC,SAAU,KACVC,UAAW,SAITC,EAAe,SAMfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EALJC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,kCACAC,IAAAA,8BACAC,IAAAA,kCAEMC,EAAUtB,IAEVuB,EAAsB,QAAbN,EAAAA,EAASO,YAAI,IAAAZ,OAAA,EAAbA,EAAea,GACxBC,EAAwB,QAAnBb,EAAGI,EAASU,eAAO,IAAAd,GAAhB,QAAgBC,EAAhBD,EAAkBe,WAAlB,IAAAd,GAA2B,QAA3BC,EAAAD,EAAuBe,YAAI,IAAAd,OAAX,EAAhBA,EAA6BU,GAErCK,EAAUC,EAAkBR,EAAQG,EAAOR,GAC3Cc,EAAeC,EAAsBf,GACrCgB,EAAyB,QAAZJ,EAAAA,EAAQD,YAAI,IAAAb,OAAA,EAAZA,EAAckB,WAC3BC,EAAgBD,GAAcE,EAAgBF,GAEpD,OACEG,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,MAAA,CAAKC,UAAWnB,EAAQpB,QAASwC,QAASvB,EAAkCoB,SACzEJ,GACCK,EAACG,EAAY,CAEXC,gBAAiB,IACjBC,UAAWV,EACXH,aAAcA,GAHTT,KAQXiB,EAACM,EAAY,CAACC,MAAM,SAEpBP,EAACQ,EAAM,CACL1B,QAAS,CACP2B,iBAAkB3B,EAAQf,WAE5B2C,KAAM9B,EACN+B,QAAS9B,EACT+B,OAAO,QAAOb,SAEdC,EAACa,EAAa,CAAAd,SACZC,EAACc,EAAiB,CAChBC,gBAAiBzB,EACjB0B,KAAMC,EAAe,UACrBC,OAAQrC,UAMpB,EAEAX,EAAaiD,UAAY,CACvB1C,SAAU2C,IAAQC,WAClB3C,gBAAiB0C,IAAQC,WACzBzC,8BAA+B0C,EAAKD,WACpC1C,kCAAmC4C,EAAKF,WACxCxC,kCAAmC0C,EAAKF"}
+{"version":3,"file":"BhaSchematic.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/BhaFeedItem/components/BhaSchematic.js"],"sourcesContent":["import { shape, func, bool, arrayOf } 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';\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\n            key={wellId}\n            containerHeight={160}\n            schematic={schematicData}\n            bhaLengthMax={bhaLengthMax}\n          />\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: arrayOf(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","_ref","_feedItem$well","_feedItem$context","_feedItem$context$bha","_feedItem$context$bha2","_bhaInfo$data","feedItem","drillStringData","handleShowDrillstringDetailDialog","isShowDrillstringDetailDialog","handleHideDrillstringDetailDialog","classes","wellId","well","id","bhaId","context","bha","data","bhaInfo","getBHAInformation","bhaLengthMax","calculateBHALengthMax","components","schematicData","getBHASchematic","_jsxs","_Fragment","children","_jsx","className","onClick","BHASchematic","containerHeight","schematic","BhaIndicator","align","Dialog","paperScrollPaper","open","onClose","scroll","DialogContent","DrillstringDetail","drillStringInfo","unit","getUnitDisplay","onDone","propTypes","shape","isRequired","arrayOf","bool","func"],"mappings":"4kBASA,IAAMA,EAAYC,EAAW,CAC3BC,QAAS,CACPC,MAAO,IACPC,OAAQ,UACRC,WAAY,GACZC,cAAe,IAEjBC,UAAW,CACTC,SAAU,KACVC,UAAW,SAITC,EAAe,SAMfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EALJC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,kCACAC,IAAAA,8BACAC,IAAAA,kCAEMC,EAAUtB,IAEVuB,EAAsB,QAAbN,EAAAA,EAASO,YAAI,IAAAZ,OAAA,EAAbA,EAAea,GACxBC,EAAwB,QAAnBb,EAAGI,EAASU,eAAO,IAAAd,GAAhB,QAAgBC,EAAhBD,EAAkBe,WAAlB,IAAAd,GAA2B,QAA3BC,EAAAD,EAAuBe,YAAI,IAAAd,OAAX,EAAhBA,EAA6BU,GAErCK,EAAUC,EAAkBR,EAAQG,EAAOR,GAC3Cc,EAAeC,EAAsBf,GACrCgB,EAAyB,QAAZJ,EAAAA,EAAQD,YAAI,IAAAb,OAAA,EAAZA,EAAckB,WAC3BC,EAAgBD,GAAcE,EAAgBF,GAEpD,OACEG,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,MAAA,CAAKC,UAAWnB,EAAQpB,QAASwC,QAASvB,EAAkCoB,SACzEJ,GACCK,EAACG,EAAY,CAEXC,gBAAiB,IACjBC,UAAWV,EACXH,aAAcA,GAHTT,KAQXiB,EAACM,EAAY,CAACC,MAAM,SAEpBP,EAACQ,EAAM,CACL1B,QAAS,CACP2B,iBAAkB3B,EAAQf,WAE5B2C,KAAM9B,EACN+B,QAAS9B,EACT+B,OAAO,QAAOb,SAEdC,EAACa,EAAa,CAAAd,SACZC,EAACc,EAAiB,CAChBC,gBAAiBzB,EACjB0B,KAAMC,EAAe,UACrBC,OAAQrC,UAMpB,EAEAX,EAAaiD,UAAY,CACvB1C,SAAU2C,IAAQC,WAClB3C,gBAAiB4C,EAAQF,KAASC,WAClCzC,8BAA+B2C,EAAKF,WACpC1C,kCAAmC6C,EAAKH,WACxCxC,kCAAmC2C,EAAKH"}

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

@@ -1,2 +1,2 @@
-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{jsxs as o,jsx as d}from"react/jsx-runtime";var c=t((function(e){return{labelGrid:{marginRight:11},planUnit:{color:e.palette.grey[400],marginLeft:5,fontSize:12},planText:{color:e.palette.grey[400]},pointValue:{display:"flex",alignItems:"center"},columnWithMargin:{marginRight:40}}})),s=function(e){var a,t,s=e.feedItem,m=e.bitComponent,p=e.pageName,u=c(),h=null===(a=s.context)||void 0===a||null===(t=a.bha)||void 0===t?void 0:t.data,b=null==h?void 0:h.components,v=null==h?void 0:h.start_depth,f=l(b),y=r(v),g=(null==m?void 0:m.make)||"-",N=(null==m?void 0:m.model)||"-";return o(i,{container:!0,spacing:16,justify:"flex-start",children:[o(i,{item:!0,className:u.labelGrid,children:[d(n,{variant:"body2",className:u.planText,children:"Bit Size:"}),d(n,{variant:"body2",className:u.planText,children:"Depth In:"})]}),o(i,{item:!0,className:u.columnWithMargin,children:[d(n,{variant:"body2",className:u.pointValue,children:f}),d(n,{variant:"body2","data-testid":"".concat(p,"_bitSize"),className:u.pointValue,children:y})]}),o(i,{item:!0,className:u.labelGrid,children:[d(n,{variant:"body2",className:u.planText,children:"Bit Maker:"}),d(n,{variant:"body2",className:u.planText,children:"Bit Model:"})]}),o(i,{item:!0,children:[d(n,{variant:"body2","data-testid":"".concat(p,"_bitMaker"),className:u.pointValue,children:g}),d(n,{variant:"body2","data-testid":"".concat(p,"_bitModel"),className:u.pointValue,children:N})]})]})};s.propTypes={feedItem:e().isRequired,bitComponent:e().isRequired,pageName:a.isRequired};export{s as default};
+import{shape as e,string as a}from"prop-types";import{makeStyles as t,Grid as i,Typography as l}from"@material-ui/core";import{getBhaBitSize as n,getBhaDepthIn as r}from"../../../../../utils/bha.js";import{jsxs as o,jsx as d}from"react/jsx-runtime";var c=t((function(e){return{labelGrid:{marginRight:11},planUnit:{color:e.palette.grey[400],marginLeft:5,fontSize:12},planText:{color:e.palette.grey[400]},pointValue:{display:"flex",alignItems:"center"},columnWithMargin:{marginRight:40}}})),m=function(e){var a,t,m=e.feedItem,s=e.bitComponent,p=e.pageName,u=c(),h=null===(a=m.context)||void 0===a||null===(t=a.bha)||void 0===t?void 0:t.data,b=null==h?void 0:h.components,v=null==h?void 0:h.start_depth,f=n(b),y=r(v),N=(null==s?void 0:s.make)||"-",g=(null==s?void 0:s.model)||"-";return o(i,{container:!0,justify:"flex-start",children:[o(i,{item:!0,className:u.labelGrid,children:[d(l,{variant:"body2",className:u.planText,children:"Bit Size:"}),d(l,{variant:"body2",className:u.planText,children:"Depth In:"})]}),o(i,{item:!0,className:u.columnWithMargin,children:[d(l,{variant:"body2",className:u.pointValue,children:f}),d(l,{variant:"body2","data-testid":"".concat(p,"_bitSize"),className:u.pointValue,children:y})]}),o(i,{item:!0,className:u.labelGrid,children:[d(l,{variant:"body2",className:u.planText,children:"Bit Maker:"}),d(l,{variant:"body2",className:u.planText,children:"Bit Model:"})]}),o(i,{item:!0,children:[d(l,{variant:"body2","data-testid":"".concat(p,"_bitMaker"),className:u.pointValue,children:N}),d(l,{variant:"body2","data-testid":"".concat(p,"_bitModel"),className:u.pointValue,children:g})]})]})};m.propTypes={feedItem:e().isRequired,bitComponent:e().isRequired,pageName:a.isRequired};export{m as default};
 //# sourceMappingURL=Info.js.map