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

package/components/FeedItem/feedItemTypes/TracesMemoFeedItem.js

@@ -1 +1,92 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import r from"moment";import{makeStyles as i,Box as a,Typography as s}from"@material-ui/core";import{isNativeDetected as n}from"../../../utils/mobileDetect.js";import{Regular14 as m}from"../../Typography.js";import o from"../../Attachment/index.js";import{formatMentionText as p}from"../../UserMention/utils/index.js";import l from"../../CollapsibleContent.js";import{FEED_ITEM_TYPES as c}from"../../../constants/feed.js";import{jsxs as d,jsx as h}from"react/jsx-runtime";var u="TracesMemoFeedItem",b=i({label:{color:"#bbbbbb"},container:{marginRight:16}}),f=function(e){var t=e.feedItem,i=t.context[c.TRACES_MEMO],f=i.body,y=i.attachment,g=void 0===y?{}:y,D=i.bitDepth,R=i.holeDepth,T=i.timestamp,_=t.mentioned_users,M=b();return d(a,{whiteSpace:"pre-wrap",children:[f&&h(l,{children:h(s,{"data-testid":"".concat(u,"_message"),variant:"body1",gutterBottom:!0,children:p(f,_,n)})}),g&&(g.signed_url||g.url)&&h(o,{attachmentUrl:g.signed_url||g.url,attachmentSize:g.size,size:"medium"}),d(a,{display:"flex",mt:2,children:[d(m,{"data-testid":"".concat(u,"_Time"),className:M.container,children:[h("span",{className:M.label,children:"Time: "}),r(1e3*T).format("MM.DD.YYYY, HH:mm")]}),d(m,{"data-testid":"".concat(u,"_HoleDepth"),className:M.container,children:[h("span",{className:M.label,children:"Hole Depth: "}),R,"’"]}),d(m,{"data-testid":"".concat(u,"_Bit Depth"),className:M.container,children:[h("span",{className:M.label,children:"Bit Depth: "}),D,"’"]})]})]})};f.propTypes={feedItem:t.shape({context:t.shape(e({},c.TRACES_MEMO,t.shape({body:t.string.isRequired,attachment:t.shape({url:t.string,size:t.number}),bitDepth:t.oneOfType([t.string,t.number]).isRequired,holeDepth:t.oneOfType([t.string,t.number]).isRequired,timestamp:t.oneOfType([t.string,t.number]).isRequired}).isRequired)).isRequired,mentioned_users:t.arrayOf(t.shape({}))}).isRequired};export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import moment from 'moment';
+import { makeStyles, Box, Typography } from '@material-ui/core';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { Regular14 } from '../../Typography.js';
+import Attachment from '../../Attachment/index.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import CollapsibleContent from '../../CollapsibleContent.js';
+import { FEED_ITEM_TYPES } from '../../../constants/feed.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'TracesMemoFeedItem';
+var TIME_FORMAT = 'MM.DD.YYYY, HH:mm';
+var useStyles = makeStyles({
+  label: {
+    color: '#bbbbbb'
+  },
+  container: {
+    marginRight: 16
+  }
+});
+var TracesMemoFeedItem = function TracesMemoFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    _ref$feedItem$context = _ref$feedItem.context[FEED_ITEM_TYPES.TRACES_MEMO],
+    body = _ref$feedItem$context.body,
+    _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+    attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+    bitDepth = _ref$feedItem$context.bitDepth,
+    holeDepth = _ref$feedItem$context.holeDepth,
+    timestamp = _ref$feedItem$context.timestamp,
+    mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs(Box, {
+    whiteSpace: "pre-wrap",
+    children: [body && /*#__PURE__*/jsx(CollapsibleContent, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-testid": "".concat(PAGE_NAME, "_message"),
+        variant: "body1",
+        gutterBottom: true,
+        children: formatMentionText(body, mentionedUsers, isNativeDetected)
+      })
+    }), attachment && (attachment.signed_url || attachment.url) && /*#__PURE__*/jsx(Attachment, {
+      attachmentUrl: attachment.signed_url || attachment.url,
+      attachmentSize: attachment.size,
+      size: "medium"
+    }), /*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      mt: 2,
+      children: [/*#__PURE__*/jsxs(Regular14, {
+        "data-testid": "".concat(PAGE_NAME, "_Time"),
+        className: classes.container,
+        children: [/*#__PURE__*/jsx("span", {
+          className: classes.label,
+          children: "Time: "
+        }), moment(timestamp * 1000).format(TIME_FORMAT)]
+      }), /*#__PURE__*/jsxs(Regular14, {
+        "data-testid": "".concat(PAGE_NAME, "_HoleDepth"),
+        className: classes.container,
+        children: [/*#__PURE__*/jsx("span", {
+          className: classes.label,
+          children: "Hole Depth: "
+        }), holeDepth, "\u2019"]
+      }), /*#__PURE__*/jsxs(Regular14, {
+        "data-testid": "".concat(PAGE_NAME, "_Bit Depth"),
+        className: classes.container,
+        children: [/*#__PURE__*/jsx("span", {
+          className: classes.label,
+          children: "Bit Depth: "
+        }), bitDepth, "\u2019"]
+      })]
+    })]
+  });
+};
+TracesMemoFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape(_defineProperty({}, FEED_ITEM_TYPES.TRACES_MEMO, PropTypes.shape({
+      body: PropTypes.string.isRequired,
+      attachment: PropTypes.shape({
+        url: PropTypes.string,
+        size: PropTypes.number
+      }),
+      bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      timestamp: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+    }).isRequired)).isRequired,
+    mentioned_users: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired
+};
+
+export { TracesMemoFeedItem as default };
+//# sourceMappingURL=TracesMemoFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TracesMemoFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/TracesMemoFeedItem.js"],"sourcesContent":["// NOTE: Need to add Collapsible content\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport {Typography, Box, makeStyles} from '@material-ui/core';\n\nimport {isNativeDetected} from '~/utils/mobileDetect';\nimport {Regular14} from '~/components/Typography';\n\nimport Attachment from '~/components/Attachment';\nimport {formatMentionText} from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\n\nimport {FEED_ITEM_TYPES} from '~/constants/feed';\n\nconst PAGE_NAME = 'TracesMemoFeedItem';\n\nconst TIME_FORMAT = 'MM.DD.YYYY, HH:mm';\n\nconst useStyles = makeStyles({\n  label: {color: '#bbbbbb'},\n  container: {marginRight: 16},\n});\n\nconst TracesMemoFeedItem = ({\n                              feedItem: {\n                                context: {\n                                  [FEED_ITEM_TYPES.TRACES_MEMO]: {\n                                    body,\n                                    attachment = {},\n                                    bitDepth,\n                                    holeDepth,\n                                    timestamp\n                                  },\n                                },\n                                mentioned_users: mentionedUsers,\n                              },\n                            }) => {\n  const classes = useStyles();\n  return (\n    <Box whiteSpace=\"pre-wrap\">\n      {body && (\n        <CollapsibleContent>\n          <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </Typography>\n        </CollapsibleContent>\n      )}\n\n      {attachment && (attachment.signed_url || attachment.url) && (\n        <Attachment\n          attachmentUrl={attachment.signed_url || attachment.url}\n          attachmentSize={attachment.size}\n          size=\"medium\"\n        />\n      )}\n      <Box display=\"flex\" mt={2}>\n        <Regular14 data-testid={`${PAGE_NAME}_Time`} className={classes.container}>\n          <span className={classes.label}>Time: </span>\n          {moment(timestamp * 1000).format(TIME_FORMAT)}\n        </Regular14>\n        <Regular14 data-testid={`${PAGE_NAME}_HoleDepth`} className={classes.container}>\n          <span className={classes.label}>Hole Depth: </span>\n          {holeDepth}’\n        </Regular14>\n        <Regular14 data-testid={`${PAGE_NAME}_Bit Depth`} className={classes.container}>\n          <span className={classes.label}>Bit Depth: </span>\n          {bitDepth}’\n        </Regular14>\n      </Box>\n    </Box>\n  );\n};\n\nTracesMemoFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      [FEED_ITEM_TYPES.TRACES_MEMO]: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n        holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n        timestamp: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default TracesMemoFeedItem;\n"],"names":["PAGE_NAME","TIME_FORMAT","useStyles","makeStyles","label","color","container","marginRight","TracesMemoFeedItem","feedItem","context","FEED_ITEM_TYPES","TRACES_MEMO","body","attachment","bitDepth","holeDepth","timestamp","mentionedUsers","mentioned_users","classes","_jsxs","_jsx","formatMentionText","isNativeDetected","signed_url","url","size","moment","format","propTypes","PropTypes","shape","string","isRequired","number","oneOfType","arrayOf"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js

@@ -1 +1,70 @@
-import{shape as a,number as e}from"prop-types";import{makeStyles as t,Typography as r}from"@material-ui/core";import{getUnitDisplay as n}from"../../../../../utils/convert.js";import{jsxs as c,jsx as i}from"react/jsx-runtime";var l=t((function(a){return{wrapper:{display:"flex"},targetLabel:{color:a.palette.grey[400],marginRight:10},targetValue:{marginRight:15}}})),o=function(a){var e=a.targetChanges,t=l();return c("div",{children:[i(r,{variant:"body2",gutterBottom:!0,children:"Target Changes:"}),c("div",{className:t.wrapper,children:[i(r,{variant:"body2",className:t.targetLabel,children:"MD:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.measured_depth||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"Vertical Section:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.vertical_section||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"TVD Change:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.tvd_change||0," (").concat(n("length"),")")})]})]})};o.propTypes={targetChanges:a({measured_depth:e,vertical_section:e,tvd_change:e})},o.defaultProps={targetChanges:{}};export{o as default};
+import { shape, number } from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import { getUnitDisplay } from '../../../../../utils/convert.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    wrapper: {
+      display: 'flex'
+    },
+    targetLabel: {
+      color: theme.palette.grey[400],
+      marginRight: 10
+    },
+    targetValue: {
+      marginRight: 15
+    }
+  };
+});
+var TargetChanges = function TargetChanges(_ref) {
+  var targetChanges = _ref.targetChanges;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      gutterBottom: true,
+      children: "Target Changes:"
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.wrapper,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetLabel,
+        children: "MD:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetValue,
+        children: "".concat(targetChanges.measured_depth || 0, " (").concat(getUnitDisplay('length'), ")")
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetLabel,
+        children: "Vertical Section:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetValue,
+        children: "".concat(targetChanges.vertical_section || 0, " (").concat(getUnitDisplay('length'), ")")
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetLabel,
+        children: "TVD Change:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetValue,
+        children: "".concat(targetChanges.tvd_change || 0, " (").concat(getUnitDisplay('length'), ")")
+      })]
+    })]
+  });
+};
+TargetChanges.propTypes = {
+  targetChanges: shape({
+    measured_depth: number,
+    vertical_section: number,
+    tvd_change: number
+  })
+};
+TargetChanges.defaultProps = {
+  targetChanges: {}
+};
+
+export { TargetChanges as default };
+//# sourceMappingURL=TargetChanges.js.map

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetChanges.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"sourcesContent":["import { shape, number } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils/convert';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n  },\n  targetLabel: {\n    color: theme.palette.grey[400],\n    marginRight: 10,\n  },\n  targetValue: {\n    marginRight: 15,\n  },\n}));\n\nconst TargetChanges = ({ targetChanges }) => {\n  const classes = useStyles();\n  return (\n    <div>\n      <Typography variant=\"body2\" gutterBottom>\n        Target Changes:\n      </Typography>\n      <div className={classes.wrapper}>\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          MD:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.measured_depth || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          Vertical Section:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.vertical_section || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          TVD Change:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.tvd_change || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nTargetChanges.propTypes = {\n  targetChanges: shape({\n    measured_depth: number,\n    vertical_section: number,\n    tvd_change: number,\n  }),\n};\n\nTargetChanges.defaultProps = {\n  targetChanges: {},\n};\n\nexport default TargetChanges;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","targetLabel","color","palette","grey","marginRight","targetValue","TargetChanges","targetChanges","classes","_jsxs","_jsx","measured_depth","getUnitDisplay","vertical_section","tvd_change","propTypes","shape","number","defaultProps"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,MAAA;KACV;AACDC,IAAAA,WAAW,EAAE;MACXC,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC9BC,MAAAA,WAAW,EAAE,EAAA;KACd;AACDC,IAAAA,WAAW,EAAE;AACXD,MAAAA,WAAW,EAAE,EAAA;AACf,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAME,aAAa,GAAG,SAAhBA,aAAa,CAA0B,IAAA,EAAA;EAAA,IAApBC,aAAa,QAAbA,aAAa,CAAA;EACpC,IAAMC,OAAO,GAAGb,SAAS,EAAE,CAAA;EAC3B,oBACEc,IAAA,CAAA,KAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACEC,IAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAC,OAAO;MAAC,YAAY,EAAA,IAAA;AAAA,MAAA,QAAA,EAAA,iBAAA;AAAA,KAAA,CAE3B,eACbD,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAED,OAAO,CAACV,OAAQ;AAAA,MAAA,QAAA,EAAA,cAC9BY,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACR,WAAY;AAAA,QAAA,QAAA,EAAA,KAAA;OAE9C,CAAA,eACbU,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACH,WAAY;QAAA,QACrDE,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,aAAa,CAACI,cAAc,IAAI,CAAC,EAAKC,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;OACvD,CAAA,eAEbF,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACR,WAAY;AAAA,QAAA,QAAA,EAAA,mBAAA;OAE9C,CAAA,eACbU,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACH,WAAY;QAAA,QACrDE,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,aAAa,CAACM,gBAAgB,IAAI,CAAC,EAAKD,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;OACzD,CAAA,eAEbF,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACR,WAAY;AAAA,QAAA,QAAA,EAAA,aAAA;OAE9C,CAAA,eACbU,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACH,WAAY;QAAA,QACrDE,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,aAAa,CAACO,UAAU,IAAI,CAAC,EAAKF,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;OACnD,CAAA,CAAA;KACT,CAAA,CAAA;GACF,CAAA,CAAA;AAEV,EAAC;AAEDN,aAAa,CAACS,SAAS,GAAG;EACxBR,aAAa,EAAES,KAAK,CAAC;AACnBL,IAAAA,cAAc,EAAEM,MAAM;AACtBJ,IAAAA,gBAAgB,EAAEI,MAAM;AACxBH,IAAAA,UAAU,EAAEG,MAAAA;GACb,CAAA;AACH,CAAC,CAAA;AAEDX,aAAa,CAACY,YAAY,GAAG;AAC3BX,EAAAA,aAAa,EAAE,EAAC;AAClB,CAAC;;;;"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js

@@ -1 +1,37 @@
-import{number as r}from"prop-types";import{makeStyles as t,Typography as a}from"@material-ui/core";import e from"@material-ui/core/colors/blue";import{jsxs as i,jsx as o}from"react/jsx-runtime";var c=t({wrapper:{marginRight:40},vsa:{color:e[300]}}),m=function(r){var t=r.vsa,e=c();return i("div",{className:e.wrapper,children:[o(a,{variant:"body2",gutterBottom:!0,children:"Vertical section Azimuth:"}),o(a,{"data-testid":"".concat("FeedActivityPo","_wellPlan_verticalAzimuth"),variant:"h5",className:e.vsa,children:t})]})};m.propTypes={vsa:r.isRequired};export{m as default};
+import { number } from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import blue from '@material-ui/core/colors/blue';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'FeedActivityPo';
+var useStyles = makeStyles({
+  wrapper: {
+    marginRight: 40
+  },
+  vsa: {
+    color: blue[300]
+  }
+});
+var VerticalSectionAzimuth = function VerticalSectionAzimuth(_ref) {
+  var vsa = _ref.vsa;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      gutterBottom: true,
+      children: "Vertical section Azimuth:"
+    }), /*#__PURE__*/jsx(Typography, {
+      "data-testid": "".concat(PAGE_NAME, "_wellPlan_verticalAzimuth"),
+      variant: "h5",
+      className: classes.vsa,
+      children: vsa
+    })]
+  });
+};
+VerticalSectionAzimuth.propTypes = {
+  vsa: number.isRequired
+};
+
+export { VerticalSectionAzimuth as default };
+//# sourceMappingURL=VerticalSectionAzimuth.js.map

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalSectionAzimuth.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js"],"sourcesContent":["import { number } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nconst PAGE_NAME = 'FeedActivityPo';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    marginRight: 40,\n  },\n  vsa: {\n    color: blue[300],\n  },\n});\n\nconst VerticalSectionAzimuth = ({ vsa }) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant=\"body2\" gutterBottom>\n        Vertical section Azimuth:\n      </Typography>\n      <Typography\n        data-testid={`${PAGE_NAME}_wellPlan_verticalAzimuth`}\n        variant=\"h5\"\n        className={classes.vsa}\n      >\n        {vsa}\n      </Typography>\n    </div>\n  );\n};\n\nVerticalSectionAzimuth.propTypes = {\n  vsa: number.isRequired,\n};\n\nexport default VerticalSectionAzimuth;\n"],"names":["PAGE_NAME","useStyles","makeStyles","wrapper","marginRight","vsa","color","blue","VerticalSectionAzimuth","classes","_jsxs","_jsx","propTypes","number","isRequired"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAG,gBAAgB,CAAA;AAElC,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,WAAW,EAAE,EAAA;GACd;AACDC,EAAAA,GAAG,EAAE;IACHC,KAAK,EAAEC,IAAI,CAAC,GAAG,CAAA;AACjB,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAgB,IAAA,EAAA;EAAA,IAAVH,GAAG,QAAHA,GAAG,CAAA;EACnC,IAAMI,OAAO,GAAGR,SAAS,EAAE,CAAA;EAC3B,oBACES,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,OAAO,CAACN,OAAQ;AAAA,IAAA,QAAA,EAAA,cAC9BQ,IAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAC,OAAO;MAAC,YAAY,EAAA,IAAA;AAAA,MAAA,QAAA,EAAA,2BAAA;KAE3B,CAAA,eACbA,IAAC,UAAU,EAAA;AACT,MAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBX,SAAS,EAA4B,2BAAA,CAAA;AACrD,MAAA,OAAO,EAAC,IAAI;MACZ,SAAS,EAAES,OAAO,CAACJ,GAAI;MAAA,QAEtBA,EAAAA,GAAAA;KACU,CAAA,CAAA;GACT,CAAA,CAAA;AAEV,EAAC;AAEDG,sBAAsB,CAACI,SAAS,GAAG;EACjCP,GAAG,EAAEQ,MAAM,CAACC,UAAAA;AACd,CAAC;;;;"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/constants.js

@@ -1 +1,28 @@
-var t=[{provider:"corva",collection:"data.actual_survey",event:"update",meta:{subscribeToLatestOnly:!0},params:{limit:1,sort:"{ timestamp: -1 }"}},{provider:"corva",collection:"data.plan_survey",meta:{subscribeToLatestOnly:!0},params:{limit:1,sort:"{ timestamp: -1 }"}},{provider:"corva",collection:"wits"}];export{t as SUBSCRIPTIONS};
+var SUBSCRIPTIONS = [{
+  provider: 'corva',
+  collection: 'data.actual_survey',
+  event: 'update',
+  meta: {
+    subscribeToLatestOnly: true
+  },
+  params: {
+    limit: 1,
+    sort: '{ timestamp: -1 }'
+  }
+}, {
+  provider: 'corva',
+  collection: 'data.plan_survey',
+  meta: {
+    subscribeToLatestOnly: true
+  },
+  params: {
+    limit: 1,
+    sort: '{ timestamp: -1 }'
+  }
+}, {
+  provider: 'corva',
+  collection: 'wits'
+}];
+
+export { SUBSCRIPTIONS };
+//# sourceMappingURL=constants.js.map

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/constants.js"],"sourcesContent":["export const SUBSCRIPTIONS = [\n    {\n      provider: 'corva',\n      collection: 'data.actual_survey',\n      event: 'update',\n      meta: { subscribeToLatestOnly: true },\n      params: {\n        limit: 1,\n        sort: '{ timestamp: -1 }',\n      },\n    },\n    {\n      provider: 'corva',\n      collection: 'data.plan_survey',\n      meta: { subscribeToLatestOnly: true },\n      params: {\n        limit: 1,\n        sort: '{ timestamp: -1 }',\n      },\n    },\n    {\n      provider: 'corva',\n      collection: 'wits',\n    },\n  ];"],"names":["SUBSCRIPTIONS","provider","collection","event","meta","subscribeToLatestOnly","params","limit","sort"],"mappings":"AAAO,IAAMA,aAAa,GAAG,CACzB;AACEC,EAAAA,QAAQ,EAAE,OAAO;AACjBC,EAAAA,UAAU,EAAE,oBAAoB;AAChCC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,qBAAqB,EAAE,IAAA;GAAM;AACrCC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,IAAI,EAAE,mBAAA;AACR,GAAA;AACF,CAAC,EACD;AACEP,EAAAA,QAAQ,EAAE,OAAO;AACjBC,EAAAA,UAAU,EAAE,kBAAkB;AAC9BE,EAAAA,IAAI,EAAE;AAAEC,IAAAA,qBAAqB,EAAE,IAAA;GAAM;AACrCC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,IAAI,EAAE,mBAAA;AACR,GAAA;AACF,CAAC,EACD;AACEP,EAAAA,QAAQ,EAAE,OAAO;AACjBC,EAAAA,UAAU,EAAE,MAAA;AACd,CAAC;;;;"}

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

@@ -1 +1,142 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useEffect as t}from"react";import{shape as r,number as s,func as i,string as a}from"prop-types";import{Map as p,List as o}from"immutable";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import n from"../../../EmbeddedApp/EmbeddedApp.js";import{DEFAULT_SUBSCRIPTION_META as u}from"../../../../constants/subscriptions.js";import c from"./components/TargetChanges.js";import m from"./components/VerticalSectionAzimuth.js";import{SUBSCRIPTIONS as d}from"./constants.js";import l from"./styles.css.js";import{jsxs as b,Fragment as g,jsx as f}from"react/jsx-runtime";function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function A(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?y(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):y(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var h=function(e){var r=e.feedItem,s=r.id,i=r.well,a=r.context.well_plan,y=a.data,h=y.vertical_section_azimuth,D=y.target_changes,j=a.timestamp,R=e.subscribeAppForAsset,S=e.unsubscribeAppFromAsset,q=e.appContext,O=e.isSubDataLoading,C=e.getSubErrors,w=e.isSubDataEmpty,v=e.appRegistry,E=e.appData,P=d.map((function(e){return A(A({},e),{},{meta:A(A({},u),{},{subscribeOnlyForInitialData:!0})})}));return t((function(){i&&j&&R(s,P,i.id,{query:"{timestamp#lte#".concat(j,"}")})}),[]),i?b(g,{children:[b("div",{className:l.wellPlanFeedItemInfo,children:[f(m,{vsa:h}),D&&f(c,{targetChanges:D})]}),f(n,{asset:p(i),appContainerClassName:l.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:P,requiresSubscription:!1,appContext:p(q),assetDashboards:o(),graphType:1,internalSelectors:{isSubDataLoading:O,getSubErrors:C,isSubDataEmpty:w},appRegistry:v,appData:E,subscribeAppForAsset:R,unsubscribeAppFromAsset:S}),f(n,{asset:p(i),appContainerClassName:l.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:P,requiresSubscription:!1,appContext:p(q),assetDashboards:o(),graphType:2,internalSelectors:{isSubDataLoading:O,getSubErrors:C,isSubDataEmpty:w},appRegistry:v,appData:E,subscribeAppForAsset:R,unsubscribeAppFromAsset:S})]}):"No Well in data"};h.propTypes={feedItem:r({id:s,context:r({well_plan:r({timestamp:s.isRequired,data:r({vertical_section_azimuth:s,target_changes:r({measured_depth:s,tvd_change:s,vertical_section:s})})}).isRequired}).isRequired,well:r({id:s.isRequired}).isRequired}).isRequired,subscribeAppForAsset:i.isRequired,unsubscribeAppFromAsset:i.isRequired,appContext:r({view:a.isRequired}).isRequired,appData:r().isRequired,appRegistry:r().isRequired,isSubDataLoading:i.isRequired,getSubErrors:i.isRequired,isSubDataEmpty:i.isRequired};export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect } from 'react';
+import { shape, number, func, string } from 'prop-types';
+import { Map, List } from 'immutable';
+import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import EmbeddedApp from '../../../EmbeddedApp/EmbeddedApp.js';
+import { DEFAULT_SUBSCRIPTION_META } from '../../../../constants/subscriptions.js';
+import TargetChanges from './components/TargetChanges.js';
+import VerticalSectionAzimuth from './components/VerticalSectionAzimuth.js';
+import { SUBSCRIPTIONS } from './constants.js';
+import styles from './styles.css.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var WellPlanFeedItem = function WellPlanFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    id = _ref$feedItem.id,
+    well = _ref$feedItem.well,
+    _ref$feedItem$context = _ref$feedItem.context.well_plan,
+    _ref$feedItem$context2 = _ref$feedItem$context.data,
+    vsa = _ref$feedItem$context2.vertical_section_azimuth,
+    targetChanges = _ref$feedItem$context2.target_changes,
+    timestamp = _ref$feedItem$context.timestamp,
+    subscribeAppForAsset = _ref.subscribeAppForAsset,
+    unsubscribeAppFromAsset = _ref.unsubscribeAppFromAsset,
+    appContext = _ref.appContext,
+    isSubDataLoading = _ref.isSubDataLoading,
+    getSubErrors = _ref.getSubErrors,
+    isSubDataEmpty = _ref.isSubDataEmpty,
+    appRegistry = _ref.appRegistry,
+    appData = _ref.appData;
+  // Note: Using custom subscription here instead of embedded app component sub,
+  // because in this component we have 2 apps with same data, we don't want to load
+  // data twice;
+
+  var subscriptions = SUBSCRIPTIONS.map(function (sub) {
+    return _objectSpread(_objectSpread({}, sub), {}, {
+      meta: _objectSpread(_objectSpread({}, DEFAULT_SUBSCRIPTION_META), {}, {
+        subscribeOnlyForInitialData: true
+      })
+    });
+  });
+  useEffect(function () {
+    function subscribeAppForData() {
+      subscribeAppForAsset(id, subscriptions, well.id, {
+        query: "{timestamp#lte#".concat(timestamp, "}")
+      });
+      return function () {
+        unsubscribeAppFromAsset(id, subscriptions);
+      };
+    }
+    if (well && timestamp) subscribeAppForData();
+  }, []);
+  if (!well) return 'No Well in data';
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.wellPlanFeedItemInfo,
+      children: [/*#__PURE__*/jsx(VerticalSectionAzimuth, {
+        vsa: vsa
+      }), targetChanges && /*#__PURE__*/jsx(TargetChanges, {
+        targetChanges: targetChanges
+      })]
+    }), /*#__PURE__*/jsx(EmbeddedApp, {
+      asset: Map(well),
+      appContainerClassName: styles.wellPlanFeedItemApp,
+      appId: id,
+      assetId: well.id,
+      appComponentKey: "directional-wellPlan",
+      appComponentCategory: "directional",
+      subscriptions: subscriptions,
+      requiresSubscription: false,
+      appContext: Map(appContext),
+      assetDashboards: List(),
+      graphType: 1,
+      internalSelectors: {
+        isSubDataLoading: isSubDataLoading,
+        getSubErrors: getSubErrors,
+        isSubDataEmpty: isSubDataEmpty
+      },
+      appRegistry: appRegistry,
+      appData: appData,
+      subscribeAppForAsset: subscribeAppForAsset,
+      unsubscribeAppFromAsset: unsubscribeAppFromAsset
+    }), /*#__PURE__*/jsx(EmbeddedApp, {
+      asset: Map(well),
+      appContainerClassName: styles.wellPlanFeedItemApp,
+      appId: id,
+      assetId: well.id,
+      appComponentKey: "directional-wellPlan",
+      appComponentCategory: "directional",
+      subscriptions: subscriptions,
+      requiresSubscription: false,
+      appContext: Map(appContext),
+      assetDashboards: List(),
+      graphType: 2,
+      internalSelectors: {
+        isSubDataLoading: isSubDataLoading,
+        getSubErrors: getSubErrors,
+        isSubDataEmpty: isSubDataEmpty
+      },
+      appRegistry: appRegistry,
+      appData: appData,
+      subscribeAppForAsset: subscribeAppForAsset,
+      unsubscribeAppFromAsset: unsubscribeAppFromAsset
+    })]
+  });
+};
+WellPlanFeedItem.propTypes = {
+  feedItem: shape({
+    id: number,
+    context: shape({
+      well_plan: shape({
+        timestamp: number.isRequired,
+        data: shape({
+          vertical_section_azimuth: number,
+          target_changes: shape({
+            measured_depth: number,
+            tvd_change: number,
+            vertical_section: number
+          })
+        })
+      }).isRequired
+    }).isRequired,
+    well: shape({
+      id: number.isRequired
+    }).isRequired
+  }).isRequired,
+  subscribeAppForAsset: func.isRequired,
+  unsubscribeAppFromAsset: func.isRequired,
+  appContext: shape({
+    view: string.isRequired
+  }).isRequired,
+  appData: shape().isRequired,
+  appRegistry: shape().isRequired,
+  isSubDataLoading: func.isRequired,
+  getSubErrors: func.isRequired,
+  isSubDataEmpty: func.isRequired
+};
+
+export { WellPlanFeedItem as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { shape, number, func, string } from 'prop-types';\nimport { Map, List } from 'immutable';\n\nimport { EmbeddedApp } from '~/components/EmbeddedApp';\n\nimport { DEFAULT_SUBSCRIPTION_META } from '~/constants/subscriptions';\n\nimport TargetChanges from './components/TargetChanges';\nimport VerticalSectionAzimuth from './components/VerticalSectionAzimuth';\nimport { SUBSCRIPTIONS } from './constants';\n\nimport styles from './styles.css';\n\nconst WellPlanFeedItem = ({\n  feedItem: {\n    id,\n    well,\n    context: {\n      well_plan: {\n        data: { vertical_section_azimuth: vsa, target_changes: targetChanges },\n        timestamp,\n      },\n    },\n  },\n  subscribeAppForAsset,\n  unsubscribeAppFromAsset,\n  appContext,\n  isSubDataLoading,\n  getSubErrors,\n  isSubDataEmpty,\n  appRegistry,\n  appData,\n}) => {\n  // Note: Using custom subscription here instead of embedded app component sub,\n  // because in this component we have 2 apps with same data, we don't want to load\n  // data twice;\n\n  const subscriptions = SUBSCRIPTIONS.map(sub => ({\n    ...sub,\n    meta: { ...DEFAULT_SUBSCRIPTION_META, subscribeOnlyForInitialData: true },\n  }));\n\n  useEffect(() => {\n    function subscribeAppForData() {\n      subscribeAppForAsset(id, subscriptions, well.id, { query: `{timestamp#lte#${timestamp}}` });\n\n      return () => {\n        unsubscribeAppFromAsset(id, subscriptions);\n      };\n    }\n\n    if (well && timestamp) subscribeAppForData();\n  }, []);\n\n  if (!well) return 'No Well in data';\n\n  return (\n    <>\n      <div className={styles.wellPlanFeedItemInfo}>\n        <VerticalSectionAzimuth vsa={vsa} />\n        {targetChanges && <TargetChanges targetChanges={targetChanges} />}\n      </div>\n      <EmbeddedApp\n        asset={Map(well)}\n        appContainerClassName={styles.wellPlanFeedItemApp}\n        appId={id}\n        assetId={well.id}\n        appComponentKey=\"directional-wellPlan\"\n        appComponentCategory=\"directional\"\n        subscriptions={subscriptions}\n        requiresSubscription={false}\n        appContext={Map(appContext)}\n        assetDashboards={List()}\n        graphType={1}\n        internalSelectors={{\n          isSubDataLoading,\n          getSubErrors,\n          isSubDataEmpty,\n        }}\n        appRegistry={appRegistry}\n        appData={appData}\n        subscribeAppForAsset={subscribeAppForAsset}\n        unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n      />\n      <EmbeddedApp\n        asset={Map(well)}\n        appContainerClassName={styles.wellPlanFeedItemApp}\n        appId={id}\n        assetId={well.id}\n        appComponentKey=\"directional-wellPlan\"\n        appComponentCategory=\"directional\"\n        subscriptions={subscriptions}\n        requiresSubscription={false}\n        appContext={Map(appContext)}\n        assetDashboards={List()}\n        graphType={2}\n        internalSelectors={{\n          isSubDataLoading,\n          getSubErrors,\n          isSubDataEmpty,\n        }}\n        appRegistry={appRegistry}\n        appData={appData}\n        subscribeAppForAsset={subscribeAppForAsset}\n        unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n      />\n    </>\n  );\n};\n\nWellPlanFeedItem.propTypes = {\n  feedItem: shape({\n    id: number,\n    context: shape({\n      well_plan: shape({\n        timestamp: number.isRequired,\n        data: shape({\n          vertical_section_azimuth: number,\n          target_changes: shape({\n            measured_depth: number,\n            tvd_change: number,\n            vertical_section: number,\n          }),\n        }),\n      }).isRequired,\n    }).isRequired,\n    well: shape({\n      id: number.isRequired,\n    }).isRequired,\n  }).isRequired,\n\n  subscribeAppForAsset: func.isRequired,\n  unsubscribeAppFromAsset: func.isRequired,\n  appContext: shape({\n    view: string.isRequired,\n  }).isRequired,\n  appData: shape().isRequired,\n  appRegistry: shape().isRequired,\n  isSubDataLoading: func.isRequired,\n  getSubErrors: func.isRequired,\n  isSubDataEmpty: func.isRequired,\n};\n\nexport default WellPlanFeedItem;\n"],"names":["WellPlanFeedItem","feedItem","id","well","context","well_plan","data","vsa","vertical_section_azimuth","targetChanges","target_changes","timestamp","subscribeAppForAsset","unsubscribeAppFromAsset","appContext","isSubDataLoading","getSubErrors","isSubDataEmpty","appRegistry","appData","subscriptions","SUBSCRIPTIONS","map","sub","meta","DEFAULT_SUBSCRIPTION_META","subscribeOnlyForInitialData","useEffect","subscribeAppForData","query","_jsxs","_Fragment","styles","wellPlanFeedItemInfo","_jsx","Map","wellPlanFeedItemApp","List","propTypes","shape","number","isRequired","measured_depth","tvd_change","vertical_section","func","view","string"],"mappings":";;;;;;;;;;;;;;;AAcA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAmBhB,IAAA,EAAA;AAAA,EAAA,IAAA,aAAA,GAAA,IAAA,CAlBJC,QAAQ;AACNC,IAAAA,EAAE,iBAAFA,EAAE;AACFC,IAAAA,IAAI,iBAAJA,IAAI;IAAA,qBACJC,GAAAA,aAAAA,CAAAA,OAAO,CACLC,SAAS;AAAA,IAAA,sBAAA,GAAA,qBAAA,CACPC,IAAI;AAA8BC,IAAAA,GAAG,0BAA7BC,wBAAwB;AAAuBC,IAAAA,aAAa,0BAA7BC,cAAc;AACrDC,IAAAA,SAAS,yBAATA,SAAS;AAIfC,IAAAA,oBAAoB,QAApBA,oBAAoB;AACpBC,IAAAA,uBAAuB,QAAvBA,uBAAuB;AACvBC,IAAAA,UAAU,QAAVA,UAAU;AACVC,IAAAA,gBAAgB,QAAhBA,gBAAgB;AAChBC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,cAAc,QAAdA,cAAc;AACdC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,OAAO,QAAPA,OAAO,CAAA;AAEP;AACA;AACA;;AAEA,EAAA,IAAMC,aAAa,GAAGC,aAAa,CAACC,GAAG,CAAC,UAAAC,GAAG,EAAA;AAAA,IAAA,OAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACtCA,GAAG,CAAA,EAAA,EAAA,EAAA;AACNC,MAAAA,IAAI,kCAAOC,yBAAyB,CAAA,EAAA,EAAA,EAAA;AAAEC,QAAAA,2BAA2B,EAAE,IAAA;AAAI,OAAA,CAAA;AAAE,KAAA,CAAA,CAAA;AAAA,GACzE,CAAC,CAAA;AAEHC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,SAASC,mBAAmB,GAAG;MAC7BhB,oBAAoB,CAACV,EAAE,EAAEkB,aAAa,EAAEjB,IAAI,CAACD,EAAE,EAAE;AAAE2B,QAAAA,KAAK,2BAAoBlB,SAAS,EAAA,GAAA,CAAA;AAAI,OAAC,CAAC,CAAA;AAE3F,MAAA,OAAO,YAAM;AACXE,QAAAA,uBAAuB,CAACX,EAAE,EAAEkB,aAAa,CAAC,CAAA;OAC3C,CAAA;AACH,KAAA;AAEA,IAAA,IAAIjB,IAAI,IAAIQ,SAAS,EAAEiB,mBAAmB,EAAE,CAAA;GAC7C,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAI,CAACzB,IAAI,EAAE,OAAO,iBAAiB,CAAA;EAEnC,oBACE2B,IAAA,CAAAC,QAAA,EAAA;IAAA,QACE,EAAA,cAAAD,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEE,MAAM,CAACC,oBAAqB;AAAA,MAAA,QAAA,EAAA,cAC1CC,IAAC,sBAAsB,EAAA;AAAC,QAAA,GAAG,EAAE3B,GAAAA;AAAI,OAAA,CAAG,EACnCE,aAAa,iBAAIyB,GAAA,CAAC,aAAa,EAAA;AAAC,QAAA,aAAa,EAAEzB,aAAAA;OAAiB,CAAA,CAAA;KAC7D,CAAA,eACNyB,IAAC,WAAW,EAAA;AACV,MAAA,KAAK,EAAEC,GAAG,CAAChC,IAAI,CAAE;MACjB,qBAAqB,EAAE6B,MAAM,CAACI,mBAAoB;AAClD,MAAA,KAAK,EAAElC,EAAG;MACV,OAAO,EAAEC,IAAI,CAACD,EAAG;AACjB,MAAA,eAAe,EAAC,sBAAsB;AACtC,MAAA,oBAAoB,EAAC,aAAa;AAClC,MAAA,aAAa,EAAEkB,aAAc;AAC7B,MAAA,oBAAoB,EAAE,KAAM;AAC5B,MAAA,UAAU,EAAEe,GAAG,CAACrB,UAAU,CAAE;MAC5B,eAAe,EAAEuB,IAAI,EAAG;AACxB,MAAA,SAAS,EAAE,CAAE;AACb,MAAA,iBAAiB,EAAE;AACjBtB,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,cAAc,EAAdA,cAAAA;OACA;AACF,MAAA,WAAW,EAAEC,WAAY;AACzB,MAAA,OAAO,EAAEC,OAAQ;AACjB,MAAA,oBAAoB,EAAEP,oBAAqB;AAC3C,MAAA,uBAAuB,EAAEC,uBAAAA;KACzB,CAAA,eACFqB,IAAC,WAAW,EAAA;AACV,MAAA,KAAK,EAAEC,GAAG,CAAChC,IAAI,CAAE;MACjB,qBAAqB,EAAE6B,MAAM,CAACI,mBAAoB;AAClD,MAAA,KAAK,EAAElC,EAAG;MACV,OAAO,EAAEC,IAAI,CAACD,EAAG;AACjB,MAAA,eAAe,EAAC,sBAAsB;AACtC,MAAA,oBAAoB,EAAC,aAAa;AAClC,MAAA,aAAa,EAAEkB,aAAc;AAC7B,MAAA,oBAAoB,EAAE,KAAM;AAC5B,MAAA,UAAU,EAAEe,GAAG,CAACrB,UAAU,CAAE;MAC5B,eAAe,EAAEuB,IAAI,EAAG;AACxB,MAAA,SAAS,EAAE,CAAE;AACb,MAAA,iBAAiB,EAAE;AACjBtB,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,cAAc,EAAdA,cAAAA;OACA;AACF,MAAA,WAAW,EAAEC,WAAY;AACzB,MAAA,OAAO,EAAEC,OAAQ;AACjB,MAAA,oBAAoB,EAAEP,oBAAqB;AAC3C,MAAA,uBAAuB,EAAEC,uBAAAA;KACzB,CAAA,CAAA;GACD,CAAA,CAAA;AAEP,EAAC;AAEDb,gBAAgB,CAACsC,SAAS,GAAG;EAC3BrC,QAAQ,EAAEsC,KAAK,CAAC;AACdrC,IAAAA,EAAE,EAAEsC,MAAM;IACVpC,OAAO,EAAEmC,KAAK,CAAC;MACblC,SAAS,EAAEkC,KAAK,CAAC;QACf5B,SAAS,EAAE6B,MAAM,CAACC,UAAU;QAC5BnC,IAAI,EAAEiC,KAAK,CAAC;AACV/B,UAAAA,wBAAwB,EAAEgC,MAAM;UAChC9B,cAAc,EAAE6B,KAAK,CAAC;AACpBG,YAAAA,cAAc,EAAEF,MAAM;AACtBG,YAAAA,UAAU,EAAEH,MAAM;AAClBI,YAAAA,gBAAgB,EAAEJ,MAAAA;WACnB,CAAA;SACF,CAAA;AACH,OAAC,CAAC,CAACC,UAAAA;KACJ,CAAC,CAACA,UAAU;IACbtC,IAAI,EAAEoC,KAAK,CAAC;MACVrC,EAAE,EAAEsC,MAAM,CAACC,UAAAA;AACb,KAAC,CAAC,CAACA,UAAAA;GACJ,CAAC,CAACA,UAAU;EAEb7B,oBAAoB,EAAEiC,IAAI,CAACJ,UAAU;EACrC5B,uBAAuB,EAAEgC,IAAI,CAACJ,UAAU;EACxC3B,UAAU,EAAEyB,KAAK,CAAC;IAChBO,IAAI,EAAEC,MAAM,CAACN,UAAAA;GACd,CAAC,CAACA,UAAU;AACbtB,EAAAA,OAAO,EAAEoB,KAAK,EAAE,CAACE,UAAU;AAC3BvB,EAAAA,WAAW,EAAEqB,KAAK,EAAE,CAACE,UAAU;EAC/B1B,gBAAgB,EAAE8B,IAAI,CAACJ,UAAU;EACjCzB,YAAY,EAAE6B,IAAI,CAACJ,UAAU;EAC7BxB,cAAc,EAAE4B,IAAI,CAACJ,UAAAA;AACvB,CAAC;;;;"}

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

@@ -1 +1,8 @@
-import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={wellPlanFeedItemInfo:"styles_wellPlanFeedItemInfo__DtdDC",wellPlanFeedItemApp:"styles_wellPlanFeedItemApp__CJEjo"};e(".styles_wellPlanFeedItemInfo__DtdDC{display:flex;flex-wrap:wrap;margin-bottom:20px}.styles_wellPlanFeedItemApp__CJEjo{display:inline-block;height:400px;margin-right:15px;position:relative;width:400px}");export{l as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_wellPlanFeedItemInfo__DtdDC {\n  display: flex;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.styles_wellPlanFeedItemApp__CJEjo {\n  width: 400px;\n  height: 400px;\n  position: relative;\n  margin-right: 15px;\n  display: inline-block;\n}\n";
+var styles = {"wellPlanFeedItemInfo":"styles_wellPlanFeedItemInfo__DtdDC","wellPlanFeedItemApp":"styles_wellPlanFeedItemApp__CJEjo"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

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

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

package/components/FilePreview/index.js

@@ -1 +1,80 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import r from"classnames";import{withStyles as t,Typography as l}from"@material-ui/core";import o from"@material-ui/icons/Delete";import a from"@material-ui/core/colors/grey";import s from"../../utils/main.js";import{getIsImage as n}from"../../utils/fileExtension.js";import m from"../FileTypeIcon.js";import c from"../IconButton/index.js";import p from"./styles.css.js";import{jsxs as d,jsx as f}from"react/jsx-runtime";var u=function(i){var t=i.fileName,u=i.fileUrl,v=i.handleFileDelete,F=i.classes,w=n(t);return d("div",{className:r(p.cComponentFilePreview,F.wrapper),children:[f("div",w?{className:p.cComponentFilePreviewImageFileWrapper,children:f("img",{"data-testid":"".concat("filePreview","_filePreview"),className:p.cComponentFilePreviewImage,src:u,alt:"Uploaded file"})}:{className:p.cComponentFilePreviewWrapper,children:d("div",{className:p.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(a[400])},children:[f(m,{fileName:t,size:25}),f("div",{className:p.cComponentFilePreviewDownloadText,children:f(l,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:s.getFileNameWithExtensionFromPath(t)})})]})}),f(c,{title:"Delete",onClick:v,className:r(p.cComponentFilePreviewDeleteFile,e({},p.cComponentFilePreviewDeleteFileCentered,!w)),tooltipProps:{title:"Delete"},children:f(o,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};u.propTypes={fileName:i.string.isRequired,fileUrl:i.string.isRequired,handleFileDelete:i.func.isRequired,classes:i.shape({deleteTooltip:i.string.isRequired}).isRequired};var v=t({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(u);export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles, Typography } from '@material-ui/core';
+import DeleteIcon from '@material-ui/icons/Delete';
+import grey from '@material-ui/core/colors/grey';
+import utils from '../../utils/main.js';
+import { getIsImage } from '../../utils/fileExtension.js';
+import FileTypeIcon from '../FileTypeIcon.js';
+import IconButton from '../IconButton/index.js';
+import styles from './styles.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'filePreview';
+var FilePreview = function FilePreview(_ref) {
+  var fileName = _ref.fileName,
+    fileUrl = _ref.fileUrl,
+    handleFileDelete = _ref.handleFileDelete,
+    classes = _ref.classes;
+  var isImage = getIsImage(fileName);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.cComponentFilePreview, classes.wrapper),
+    children: [isImage ? /*#__PURE__*/jsx("div", {
+      className: styles.cComponentFilePreviewImageFileWrapper,
+      children: /*#__PURE__*/jsx("img", {
+        "data-testid": "".concat(PAGE_NAME, "_filePreview"),
+        className: styles.cComponentFilePreviewImage,
+        src: fileUrl,
+        alt: "Uploaded file"
+      })
+    }) : /*#__PURE__*/jsx("div", {
+      className: styles.cComponentFilePreviewWrapper,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.cComponentFilePreviewDownload,
+        style: {
+          border: "1px solid ".concat(grey[400])
+        },
+        children: [/*#__PURE__*/jsx(FileTypeIcon, {
+          fileName: fileName,
+          size: 25
+        }), /*#__PURE__*/jsx("div", {
+          className: styles.cComponentFilePreviewDownloadText,
+          children: /*#__PURE__*/jsx(Typography, {
+            "data-testid": "".concat(PAGE_NAME, "_fileName"),
+            variant: "subtitle2",
+            noWrap: true,
+            children: utils.getFileNameWithExtensionFromPath(fileName)
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(IconButton, {
+      title: "Delete",
+      onClick: handleFileDelete,
+      className: classNames(styles.cComponentFilePreviewDeleteFile, _defineProperty({}, styles.cComponentFilePreviewDeleteFileCentered, !isImage)),
+      tooltipProps: {
+        title: 'Delete'
+      },
+      children: /*#__PURE__*/jsx(DeleteIcon, {
+        "data-testid": "".concat(PAGE_NAME, "_deleteButton")
+      })
+    })]
+  });
+};
+FilePreview.propTypes = {
+  fileName: PropTypes.string.isRequired,
+  fileUrl: PropTypes.string.isRequired,
+  handleFileDelete: PropTypes.func.isRequired,
+  classes: PropTypes.shape({
+    deleteTooltip: PropTypes.string.isRequired
+  }).isRequired
+};
+var FilePreview$1 = withStyles({
+  deleteTooltip: {
+    marginTop: '3px',
+    backgroundColor: 'rgba(97, 97, 97, 0.4)'
+  }
+})(FilePreview);
+
+export { FilePreview$1 as default };
+//# sourceMappingURL=index.js.map

package/components/FilePreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Typography, withStyles } from '@material-ui/core';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport grey from '@material-ui/core/colors/grey';\nimport utils from '~utils/main';\n\nimport { getIsImage } from '~/utils/fileExtension';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'filePreview';\n\nconst FilePreview = ({ fileName, fileUrl, handleFileDelete, classes }) => {\n  const isImage = getIsImage(fileName);\n\n  return (\n    <div className={classNames(styles.cComponentFilePreview, classes.wrapper)}>\n      {isImage ? (\n        <div className={styles.cComponentFilePreviewImageFileWrapper}>\n          <img\n            data-testid={`${PAGE_NAME}_filePreview`}\n            className={styles.cComponentFilePreviewImage}\n            src={fileUrl}\n            alt=\"Uploaded file\"\n          />\n        </div>\n      ) : (\n        <div className={styles.cComponentFilePreviewWrapper}>\n          <div\n            className={styles.cComponentFilePreviewDownload}\n            style={{\n              border: `1px solid ${grey[400]}`,\n            }}\n          >\n            <FileTypeIcon fileName={fileName} size={25} />\n            <div className={styles.cComponentFilePreviewDownloadText}>\n              <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n                {utils.getFileNameWithExtensionFromPath(fileName)}\n              </Typography>\n            </div>\n          </div>\n        </div>\n      )}\n      <IconButton\n        title=\"Delete\"\n        onClick={handleFileDelete}\n        className={classNames(styles.cComponentFilePreviewDeleteFile, {\n          [styles.cComponentFilePreviewDeleteFileCentered]: !isImage,\n        })}\n        tooltipProps={{ title: 'Delete' }}\n      >\n        <DeleteIcon data-testid={`${PAGE_NAME}_deleteButton`} />\n      </IconButton>\n    </div>\n  );\n};\n\nFilePreview.propTypes = {\n  fileName: PropTypes.string.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  handleFileDelete: PropTypes.func.isRequired,\n  classes: PropTypes.shape({\n    deleteTooltip: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles({\n  deleteTooltip: {\n    marginTop: '3px',\n    backgroundColor: 'rgba(97, 97, 97, 0.4)',\n  },\n})(FilePreview);\n"],"names":["PAGE_NAME","FilePreview","fileName","fileUrl","handleFileDelete","classes","isImage","getIsImage","_jsxs","classNames","styles","cComponentFilePreview","wrapper","_jsx","cComponentFilePreviewImageFileWrapper","cComponentFilePreviewImage","cComponentFilePreviewWrapper","cComponentFilePreviewDownload","border","grey","cComponentFilePreviewDownloadText","utils","getFileNameWithExtensionFromPath","cComponentFilePreviewDeleteFile","cComponentFilePreviewDeleteFileCentered","title","propTypes","PropTypes","string","isRequired","func","shape","deleteTooltip","withStyles","marginTop","backgroundColor"],"mappings":"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"}

package/components/FilePreview/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var i={cComponentFilePreview:"styles_cComponentFilePreview__u5R6s",cComponentFilePreviewWrapper:"styles_cComponentFilePreviewWrapper__efPtx",cComponentFilePreviewDeleteFile:"styles_cComponentFilePreviewDeleteFile__I4343",cComponentFilePreviewDeleteFileCentered:"styles_cComponentFilePreviewDeleteFileCentered__6rfz6",cComponentFilePreviewImageFileWrapper:"styles_cComponentFilePreviewImageFileWrapper__BW-s-",cComponentFilePreviewName:"styles_cComponentFilePreviewName__x37wX",cComponentFilePreviewImage:"styles_cComponentFilePreviewImage__affFU",cComponentFilePreviewDownload:"styles_cComponentFilePreviewDownload__MlNlb",cComponentFilePreviewDownloadText:"styles_cComponentFilePreviewDownloadText__qoZzr"};e(".styles_cComponentFilePreview__u5R6s{background:#4d4d4d;border-radius:4px;display:flex;margin-left:48px;margin-top:10px;max-height:300px;padding:2px 0;position:relative}.styles_cComponentFilePreviewWrapper__efPtx{align-items:center;display:flex;margin-left:8px}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343{margin-left:20px;position:relative;visibility:visible}.styles_cComponentFilePreviewDeleteFile__I4343{position:absolute!important;right:8px;top:8px;visibility:hidden}.styles_cComponentFilePreviewDeleteFileCentered__6rfz6{top:50%;transform:translateY(-50%)}.styles_cComponentFilePreviewImageFileWrapper__BW-s-{border-radius:3px;margin-bottom:0;margin-top:0;overflow:hidden;text-align:center}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx{opacity:.7}.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343{visibility:visible}.styles_cComponentFilePreviewName__x37wX{align-items:center;display:flex;justify-content:space-between;margin:20px 0 0}.styles_cComponentFilePreviewImage__affFU{max-height:100%;max-width:100%;vertical-align:top}.styles_cComponentFilePreviewDownload__MlNlb{align-items:center;border-radius:3px;cursor:pointer;display:flex;margin:5px 0;padding:5px;width:150px}.styles_cComponentFilePreviewDownloadText__qoZzr{display:flex;justify-content:space-between;margin-left:10px;width:calc(100% - 60px)}");export{i as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cComponentFilePreview__u5R6s {\n  display: flex;\n  padding: 2px 0;\n  margin-top: 10px;\n  margin-left: 48px;\n  background: #4d4d4d;\n  border-radius: 4px;\n  position: relative;\n  max-height: 300px;\n}\n\n.styles_cComponentFilePreviewWrapper__efPtx {\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: relative;\n  margin-left: 20px;\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: absolute !important;\n  right: 8px;\n  top: 8px;\n  visibility: hidden;\n}\n\n.styles_cComponentFilePreviewDeleteFileCentered__6rfz6 {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s- {\n  border-radius: 3px;\n  overflow: hidden;\n  text-align: center;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx {\n  opacity: 0.7;\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewName__x37wX {\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0px 0px 0px;\n  align-items: center;\n}\n\n.styles_cComponentFilePreviewImage__affFU {\n  vertical-align: top;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.styles_cComponentFilePreviewDownload__MlNlb {\n  width: 150px;\n  padding: 5px;\n  border-radius: 3px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  margin: 5px 0;\n}\n\n.styles_cComponentFilePreviewDownloadText__qoZzr {\n  margin-left: 10px;\n  width: calc(100% - 60px); /* NOTE: Minus file icon width */\n  display: flex;\n  justify-content: space-between;\n}\n";
+var styles = {"cComponentFilePreview":"styles_cComponentFilePreview__u5R6s","cComponentFilePreviewWrapper":"styles_cComponentFilePreviewWrapper__efPtx","cComponentFilePreviewDeleteFile":"styles_cComponentFilePreviewDeleteFile__I4343","cComponentFilePreviewDeleteFileCentered":"styles_cComponentFilePreviewDeleteFileCentered__6rfz6","cComponentFilePreviewImageFileWrapper":"styles_cComponentFilePreviewImageFileWrapper__BW-s-","cComponentFilePreviewName":"styles_cComponentFilePreviewName__x37wX","cComponentFilePreviewImage":"styles_cComponentFilePreviewImage__affFU","cComponentFilePreviewDownload":"styles_cComponentFilePreviewDownload__MlNlb","cComponentFilePreviewDownloadText":"styles_cComponentFilePreviewDownloadText__qoZzr"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/FilePreview/styles.css.js.map

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