@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/FeedItem/feedItemTypes/TracesMemoFeedItem.js

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

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

@@ -1,72 +1 @@
-import { getUnitDisplay } from '../../../../../utils/convert.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import { shape, number } from 'prop-types';
-
-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 default TargetChanges;
-//# sourceMappingURL=TargetChanges.js.map
+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};

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

@@ -1,39 +1 @@
-import blue from '@material-ui/core/colors/blue';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import { number } from 'prop-types';
-
-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 default VerticalSectionAzimuth;
-//# sourceMappingURL=VerticalSectionAzimuth.js.map
+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};

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

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

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

@@ -1,145 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { Map, List } from 'immutable';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useEffect } from 'react';
-import { shape, number, func, string } from 'prop-types';
-import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
-import { DEFAULT_SUBSCRIPTION_META } from '../../../../constants/subscriptions.js';
-import EmbeddedApp from '../../../EmbeddedApp/EmbeddedApp.js';
-import TargetChanges from './components/TargetChanges.js';
-import VerticalSectionAzimuth from './components/VerticalSectionAzimuth.js';
-import { SUBSCRIPTIONS } from './constants.js';
-import styles from './styles.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var 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 default WellPlanFeedItem;
-//# sourceMappingURL=index.js.map
+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};

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

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

package/components/FilePreview/index.js

@@ -1,82 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import grey from '@material-ui/core/colors/grey';
-import utils from '../../utils/main.js';
-import { getIsImage } from '../../utils/fileExtension.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { withStyles, Typography } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import IconButton from '../IconButton/index.js';
-import DeleteIcon from '@material-ui/icons/Delete';
-import FileTypeIcon from '../FileTypeIcon.js';
-import styles from './styles.css.js';
-
-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 default FilePreview$1;
-//# sourceMappingURL=index.js.map
+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};

package/components/FilePreview/styles.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_cComponentFilePreview__21aIb {\n  display: flex;\n  padding: 2px 0;\n  margin-top: 10px;\n  width: calc(100% - 29px); /* NOTE: 28 is a settings icon size. */\n  margin-left: 26px;\n  background: #4d4d4d;\n  border-radius: 4px;\n  position: relative;\n}\n\n.styles_cComponentFilePreviewWrapper__1zzqo {\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n}\n\n.styles_cComponentFilePreview__21aIb:hover .styles_cComponentFilePreviewDeleteFile__2prBM {\n  position: relative;\n  margin-left: 20px;\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewDeleteFile__2prBM {\n  position: absolute !important;\n  right: 8px;\n  top: 0px;\n  visibility: hidden;\n}\n\n.styles_cComponentFilePreviewDeleteFileCentered__1Qeue {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__9m-9H {\n  border-radius: 3px;\n  overflow: hidden;\n  text-align: center;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.styles_cComponentFilePreview__21aIb:hover .styles_cComponentFilePreviewImageFileWrapper__9m-9H,\n.styles_cComponentFilePreview__21aIb:hover .styles_cComponentFilePreviewWrapper__1zzqo {\n  opacity: 0.7;\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__9m-9H:hover .styles_cComponentFilePreviewDeleteFile__2prBM {\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewName__2Ru_J {\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0px 0px 0px;\n  align-items: center;\n}\n\n.styles_cComponentFilePreviewImage__2VVEY {\n  vertical-align: top;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.styles_cComponentFilePreviewDownload__2zpMm {\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__3xAme {\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__21aIb","cComponentFilePreviewWrapper":"styles_cComponentFilePreviewWrapper__1zzqo","cComponentFilePreviewDeleteFile":"styles_cComponentFilePreviewDeleteFile__2prBM","cComponentFilePreviewDeleteFileCentered":"styles_cComponentFilePreviewDeleteFileCentered__1Qeue","cComponentFilePreviewImageFileWrapper":"styles_cComponentFilePreviewImageFileWrapper__9m-9H","cComponentFilePreviewName":"styles_cComponentFilePreviewName__2Ru_J","cComponentFilePreviewImage":"styles_cComponentFilePreviewImage__2VVEY","cComponentFilePreviewDownload":"styles_cComponentFilePreviewDownload__2zpMm","cComponentFilePreviewDownloadText":"styles_cComponentFilePreviewDownloadText__3xAme"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=styles.css.js.map
+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:26px;margin-top:10px;padding:2px 0;position:relative;width:calc(100% - 29px)}.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:0;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};

package/components/FileTypeIcon.js

@@ -1,67 +1 @@
-import imageExtensions from 'image-extensions';
-import { getFileExtension } from '../utils/fileExtension.js';
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-
-var fileExtensions = {
-  image: imageExtensions,
-  doc: ['doc', 'docx'],
-  xls: ['xls', 'xlsx'],
-  pdf: ['pdf'],
-  archive: ['zip', 'rar', '7z', 'tar']
-};
-var styles = {
-  fileTypeWrapper: {
-    display: 'inline-block',
-    verticalAlign: 'top'
-  }
-};
-
-var FileTypeIcon = function FileTypeIcon(_ref) {
-  var fileName = _ref.fileName,
-      size = _ref.size,
-      className = _ref.className;
-  var extension = getFileExtension(fileName);
-  var fileTypeIcon;
-
-  if (fileExtensions.image.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/image.svg';
-  } else if (fileExtensions.doc.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/doc.svg';
-  } else if (fileExtensions.xls.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/xls.svg';
-  } else if (fileExtensions.pdf.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/pdf.svg';
-  } else if (fileExtensions.archive.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/archive.svg';
-  } else {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/other.svg';
-  }
-
-  return /*#__PURE__*/jsx("div", {
-    style: styles.fileTypeWrapper,
-    className: className,
-    children: /*#__PURE__*/jsx("img", {
-      src: fileTypeIcon,
-      alt: "File icon",
-      style: {
-        display: 'block',
-        height: size,
-        width: size
-      }
-    })
-  });
-};
-
-FileTypeIcon.propTypes = {
-  fileName: PropTypes.string.isRequired,
-  size: PropTypes.number,
-  className: PropTypes.string
-};
-FileTypeIcon.defaultProps = {
-  size: 50,
-  className: undefined
-};
-
-export default FileTypeIcon;
-//# sourceMappingURL=FileTypeIcon.js.map
+import i from"prop-types";import e from"image-extensions";import{getFileExtension as s}from"../utils/fileExtension.js";import{jsx as a}from"react/jsx-runtime";var p={image:e,doc:["doc","docx"],xls:["xls","xlsx"],pdf:["pdf"],archive:["zip","rar","7z","tar"]},t={fileTypeWrapper:{display:"inline-block",verticalAlign:"top"}},c=function(i){var e,c=i.fileName,r=i.size,l=i.className,o=s(c);return e=p.image.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/image.svg":p.doc.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/doc.svg":p.xls.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/xls.svg":p.pdf.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/pdf.svg":p.archive.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/archive.svg":"https://cdn.corva.ai/app/images/file-type-icons/other.svg",a("div",{style:t.fileTypeWrapper,className:l,children:a("img",{src:e,alt:"File icon",style:{display:"block",height:r,width:r}})})};c.propTypes={fileName:i.string.isRequired,size:i.number,className:i.string},c.defaultProps={size:50,className:void 0};export{c as default};