@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/FeedItem/components/Comments.js

@@ -1,35 +1 @@
-import { isNativeDetected } from '../../../utils/mobileDetect.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Divider } from '@material-ui/core';
-import FeedComments from './FeedComments.js';
-
-var useStyles = makeStyles({
-  commentsDividerRoot: {
-    margin: '5px 16px 10px 33px'
-  },
-  commentsDividerRootNative: {
-    margin: '5px 16px 10px 16px'
-  }
-});
-
-var Comments = function Comments(_ref) {
-  var feedItem = _ref.feedItem,
-      openCommentInput = _ref.openCommentInput,
-      user = _ref.user;
-  var classes = useStyles();
-  var commentsCount = feedItem.comments.length;
-  var showDivider = !!commentsCount;
-  return /*#__PURE__*/jsxs("div", {
-    children: [(showDivider || openCommentInput) && /*#__PURE__*/jsx(Divider, {
-      className: isNativeDetected ? classes.commentsDividerRootNative : classes.commentsDividerRoot
-    }), /*#__PURE__*/jsx(FeedComments, {
-      openCommentInput: openCommentInput,
-      feedItem: feedItem,
-      isNative: isNativeDetected,
-      user: user
-    })]
-  });
-};
-
-export default Comments;
-//# sourceMappingURL=Comments.js.map
+import{makeStyles as e,Divider as t}from"@material-ui/core";import{isNativeDetected as m}from"../../../utils/mobileDetect.js";import o from"./FeedComments.js";import{jsxs as i,jsx as r}from"react/jsx-runtime";var n=e({commentsDividerRoot:{margin:"5px 16px 10px 33px"},commentsDividerRootNative:{margin:"5px 16px 10px 16px"}}),p=function(e){var p=e.feedItem,s=e.openCommentInput,a=e.user,c=n(),d=p.comments.length;return i("div",{children:[(!!d||s)&&r(t,{className:m?c.commentsDividerRootNative:c.commentsDividerRoot}),r(o,{openCommentInput:s,feedItem:p,isNative:m,user:a})]})};export{p as default};

package/components/FeedItem/components/Content.js

@@ -1,182 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get } from 'lodash';
-import { fromJS } from 'immutable';
-import { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '../../../constants/feed.js';
-import { jsx } from 'react/jsx-runtime';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { THEMES } from '../../../constants/theme.js';
-import AlertFeedItem from '../feedItemTypes/AlertFeedItem.js';
-import PostFeedItem from '../feedItemTypes/PostFeedItem.js';
-import GeosteeringFeedItem from '../feedItemTypes/GeosteeringFeedItem.js';
-import OperationalNoteFeedItem$1 from '../feedItemTypes/DrillingOperationalNoteFeedItem.js';
-import OperationSummaryFeedItem$1 from '../feedItemTypes/DrillingOperationSummaryFeedItem.js';
-import DrillingDailyCostFeedItem from '../feedItemTypes/DrillingDailyCostFeedItem.js';
-import DocumentFeedItem from '../feedItemTypes/DocumentFeedItem.js';
-import DrillerMemoFeedItem from '../feedItemTypes/DrillerMemoFeedItem.js';
-import NptFeedItem from '../feedItemTypes/NptFeedItem.js';
-import SurveyStationFeedItem from '../feedItemTypes/SurveyStationFeedItem/index.js';
-import DrillingLessonsLearnedFeedItem from '../feedItemTypes/LessonsLearnedFeedItem/index.js';
-import TracesMemoFeedItem from '../feedItemTypes/TracesMemoFeedItem.js';
-import OperationalNoteFeedItem from '../feedItemTypes/CompletionOperationalNoteFeedItem.js';
-import OperationSummaryFeedItem from '../feedItemTypes/CompletionOperationSummaryFeedItem.js';
-import CompletionDailyCostFeedItem from '../feedItemTypes/CompletionDailyCostFeedItem.js';
-import CompletionDocumentFeedItem from '../feedItemTypes/CompletionDocumentFeedItem.js';
-import CompletionNptFeedItem from '../feedItemTypes/CompletionNptFeedItem.js';
-import StageOverviewFeedItem from '../feedItemTypes/StageOverviewFeedItem/index.js';
-import AppAnnotationFeedItem from '../feedItemTypes/AppAnnotationFeedItem/index.js';
-import WellPlanFeedItem from '../feedItemTypes/WellPlanFeedItem/index.js';
-import FluidReportFeedItem from '../feedItemTypes/FluidReportFeedItem.js';
-import BhaFeedItem from '../feedItemTypes/BhaFeedItem/BhaFeedItem.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var PAGE_NAME = 'Feed_Content'; // NOTE: Some feed items uses embedded apps inside
-
-var APP_CONTEXT = {
-  view: 'feedItem',
-  theme: THEMES.DARK
-};
-
-var Content = function Content(_ref) {
-  var feedItem = _ref.feedItem,
-      appData = _ref.appData,
-      customFeedItemTypeTemplates = _ref.customFeedItemTypeTemplates,
-      currentUser = _ref.currentUser,
-      props = _objectWithoutProperties(_ref, ["feedItem", "appData", "customFeedItemTypeTemplates", "currentUser"]);
-
-  // Temporary solution for the feed items
-  // whose implementation is in progress
-  if (feedItem.type in customFeedItemTypeTemplates) {
-    var Template = customFeedItemTypeTemplates[feedItem.type];
-    return /*#__PURE__*/jsx(Template, {
-      "data-testid": "".concat(PAGE_NAME, "_template"),
-      feedItem: fromJS(feedItem),
-      appData: fromJS(appData),
-      appContext: fromJS(APP_CONTEXT)
-    });
-  }
-
-  switch (feedItem.type) {
-    case get(FEED_ITEM_TYPES_BY_KEY, 'alert.type'):
-      return /*#__PURE__*/jsx(AlertFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'post.type'):
-      return /*#__PURE__*/jsx(PostFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'geosteering_comments.type'):
-      return /*#__PURE__*/jsx(GeosteeringFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'operational_note.type'):
-      return /*#__PURE__*/jsx(OperationalNoteFeedItem$1, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'operation_summary.type'):
-      return /*#__PURE__*/jsx(OperationSummaryFeedItem$1, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'daily_cost.type'):
-      return /*#__PURE__*/jsx(DrillingDailyCostFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'document.type'):
-      return /*#__PURE__*/jsx(DocumentFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'driller_memo.type'):
-      return /*#__PURE__*/jsx(DrillerMemoFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'npt_event.type'):
-      return /*#__PURE__*/jsx(NptFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'survey_station.type'):
-      return /*#__PURE__*/jsx(SurveyStationFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_operational_note.type'):
-      return /*#__PURE__*/jsx(OperationalNoteFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_operation_summary.type'):
-      return /*#__PURE__*/jsx(OperationSummaryFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_daily_cost.type'):
-      return /*#__PURE__*/jsx(CompletionDailyCostFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_document.type'):
-      return /*#__PURE__*/jsx(CompletionDocumentFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_npt_event.type'):
-      return /*#__PURE__*/jsx(CompletionNptFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'completion_actual_stage.type'):
-      return /*#__PURE__*/jsx(StageOverviewFeedItem, {
-        feedItem: feedItem
-      });
-
-    case FEED_ITEM_TYPES.TRACES_MEMO:
-      return /*#__PURE__*/jsx(TracesMemoFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'lessons_learned.type'):
-      return /*#__PURE__*/jsx(DrillingLessonsLearnedFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'bha.type'):
-      return /*#__PURE__*/jsx(BhaFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'fluid_report.type'):
-      return /*#__PURE__*/jsx(FluidReportFeedItem, {
-        feedItem: feedItem
-      });
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'app_annotation.type'):
-      return /*#__PURE__*/jsx(AppAnnotationFeedItem, _objectSpread({
-        feedItem: feedItem,
-        appData: appData,
-        appContext: APP_CONTEXT,
-        currentUser: currentUser
-      }, props));
-
-    case get(FEED_ITEM_TYPES_BY_KEY, 'well_plan.type'):
-      return /*#__PURE__*/jsx(WellPlanFeedItem, _objectSpread({
-        feedItem: feedItem,
-        appData: appData,
-        appContext: APP_CONTEXT
-      }, props));
-
-    default:
-      return null;
-  }
-};
-
-export default Content;
-//# sourceMappingURL=Content.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{get as r}from"lodash";import{fromJS as m}from"immutable";import{FEED_ITEM_TYPES_BY_KEY as o,FEED_ITEM_TYPES as p}from"../../../constants/feed.js";import{THEMES as n}from"../../../constants/theme.js";import s from"../feedItemTypes/AlertFeedItem.js";import a from"../feedItemTypes/PostFeedItem.js";import i from"../feedItemTypes/GeosteeringFeedItem.js";import d from"../feedItemTypes/DrillingOperationalNoteFeedItem.js";import f from"../feedItemTypes/DrillingOperationSummaryFeedItem.js";import I from"../feedItemTypes/DrillingDailyCostFeedItem.js";import c from"../feedItemTypes/DocumentFeedItem.js";import y from"../feedItemTypes/DrillerMemoFeedItem.js";import l from"../feedItemTypes/NptFeedItem.js";import u from"../feedItemTypes/SurveyStationFeedItem/index.js";import j from"../feedItemTypes/LessonsLearnedFeedItem/index.js";import T from"../feedItemTypes/TracesMemoFeedItem.js";import F from"../feedItemTypes/CompletionOperationalNoteFeedItem.js";import _ from"../feedItemTypes/CompletionOperationSummaryFeedItem.js";import O from"../feedItemTypes/CompletionDailyCostFeedItem.js";import b from"../feedItemTypes/CompletionDocumentFeedItem.js";import D from"../feedItemTypes/CompletionNptFeedItem.js";import g from"../feedItemTypes/StageOverviewFeedItem/index.js";import v from"../feedItemTypes/AppAnnotationFeedItem/index.js";import h from"../feedItemTypes/WellPlanFeedItem/index.js";import C from"../feedItemTypes/FluidReportFeedItem.js";import P from"../feedItemTypes/BhaFeedItem/BhaFeedItem.js";import{jsx as w}from"react/jsx-runtime";var x=["feedItem","appData","customFeedItemTypeTemplates","currentUser"];function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);t&&(m=m.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,m)}return r}function A(t){for(var r=1;r<arguments.length;r++){var m=null!=arguments[r]?arguments[r]:{};r%2?S(Object(m),!0).forEach((function(r){e(t,r,m[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(m)):S(Object(m)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(m,e))}))}return t}var E={view:"feedItem",theme:n.DARK},M=function(e){var n=e.feedItem,S=e.appData,M=e.customFeedItemTypeTemplates,N=e.currentUser,R=t(e,x);if(n.type in M){var U=M[n.type];return w(U,{"data-testid":"".concat("Feed_Content","_template"),feedItem:m(n),appData:m(S),appContext:m(E)})}switch(n.type){case r(o,"alert.type"):return w(s,{feedItem:n});case r(o,"post.type"):return w(a,{feedItem:n});case r(o,"geosteering_comments.type"):return w(i,{feedItem:n});case r(o,"operational_note.type"):return w(d,{feedItem:n});case r(o,"operation_summary.type"):return w(f,{feedItem:n});case r(o,"daily_cost.type"):return w(I,{feedItem:n});case r(o,"document.type"):return w(c,{feedItem:n});case r(o,"driller_memo.type"):return w(y,{feedItem:n});case r(o,"npt_event.type"):return w(l,{feedItem:n});case r(o,"survey_station.type"):return w(u,{feedItem:n});case r(o,"completion_operational_note.type"):return w(F,{feedItem:n});case r(o,"completion_operation_summary.type"):return w(_,{feedItem:n});case r(o,"completion_daily_cost.type"):return w(O,{feedItem:n});case r(o,"completion_document.type"):return w(b,{feedItem:n});case r(o,"completion_npt_event.type"):return w(D,{feedItem:n});case r(o,"completion_actual_stage.type"):return w(g,{feedItem:n});case p.TRACES_MEMO:return w(T,{feedItem:n});case r(o,"lessons_learned.type"):return w(j,{feedItem:n});case r(o,"bha.type"):return w(P,{feedItem:n});case r(o,"fluid_report.type"):return w(C,{feedItem:n});case r(o,"app_annotation.type"):return w(v,A({feedItem:n,appData:S,appContext:E,currentUser:N},R));case r(o,"well_plan.type"):return w(h,A({feedItem:n,appData:S,appContext:E},R));default:return null}};export{M as default};

package/components/FeedItem/components/CreatedAt.js

@@ -1,24 +1 @@
-import moment from 'moment';
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-
-var PAGE_NAME = 'FeedPo';
-var useStyles = makeStyles({
-  flexShrink: 0,
-  marginLeft: 'auto'
-});
-var CREATED_AT_FORMAT = 'MM/DD/YY H:mm';
-
-var CreatedAt = function CreatedAt(_ref) {
-  var feedItem = _ref.feedItem;
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(Typography, {
-    variant: "body2",
-    "data-testid": "".concat(PAGE_NAME, "_createdPostDate"),
-    className: classes.createdAtRoot,
-    children: moment(feedItem.created_at).format(CREATED_AT_FORMAT)
-  });
-};
-
-export default CreatedAt;
-//# sourceMappingURL=CreatedAt.js.map
+import t from"moment";import{makeStyles as e,Typography as r}from"@material-ui/core";import{jsx as a}from"react/jsx-runtime";var o=e({flexShrink:0,marginLeft:"auto"}),m=function(e){var m=e.feedItem,i=o();return a(r,{variant:"body2","data-testid":"".concat("FeedPo","_createdPostDate"),className:i.createdAtRoot,children:t(m.created_at).format("MM/DD/YY H:mm")})};export{m as default};

package/components/FeedItem/components/FeedComments.js

@@ -1,100 +1 @@
-import moment from 'moment';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { postFeedItemComment } from '../../../clients/jsonApi/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Button, Typography } from '@material-ui/core';
-import { useState, useRef } from 'react';
-import noop from 'lodash/noop';
-import PropTypes from 'prop-types';
-import CommentInput from '../../CommentInput/index.js';
-import CommentLoader from '../../CommentLoader.js';
-import Comment from '../../Comment/index.js';
-
-var PAGE_NAME = 'FeedComments';
-var useStyles = makeStyles({
-  showMoreButtonRoot: {
-    textTransform: 'none',
-    backgroundColor: 'transparent!important'
-  },
-  feedCommentsContainer: {
-    padding: '0 16px 0 33px'
-  }
-});
-var INITIAL_VISIBLE_COMMENTS_COUNT = 3;
-
-function FeedComments(_ref) {
-  var openCommentInput = _ref.openCommentInput,
-      feedItem = _ref.feedItem,
-      isNative = _ref.isNative,
-      user = _ref.user;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isPosting = _useState2[0],
-      setIsPosting = _useState2[1];
-
-  var _useState3 = useState(INITIAL_VISIBLE_COMMENTS_COUNT),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visibleComments = _useState4[0],
-      setVisibleComments = _useState4[1];
-
-  var inputEl = useRef();
-  var classes = useStyles();
-
-  var handleShowMoreComments = function handleShowMoreComments() {
-    var MORE_COMMENTS_FIRST_INCREMENT = 7;
-    var MORE_COMMENTS_INCREMENT = 10;
-    setVisibleComments(function (prevVisibleComments) {
-      return prevVisibleComments === INITIAL_VISIBLE_COMMENTS_COUNT ? prevVisibleComments + MORE_COMMENTS_FIRST_INCREMENT : prevVisibleComments + MORE_COMMENTS_INCREMENT;
-    });
-  };
-
-  var postComment = function postComment(comment) {
-    postFeedItemComment(feedItem.id, comment);
-  };
-
-  var commentsCount = feedItem.comments.length;
-  var showShowMore = commentsCount > visibleComments;
-  return /*#__PURE__*/jsxs("div", {
-    className: (openCommentInput || !!commentsCount) && classes.feedCommentsContainer,
-    children: [openCommentInput && !isNative && /*#__PURE__*/jsx(CommentInput, {
-      inputRef: inputEl,
-      postComment: postComment,
-      setIsPosting: setIsPosting,
-      companyId: feedItem.company_id,
-      autoFocus: false
-    }), showShowMore && /*#__PURE__*/jsx(Button, {
-      "data-testid": "".concat(PAGE_NAME, "_viewMoreComments"),
-      classes: classes.showMoreButtonRoot,
-      onClick: handleShowMoreComments,
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "caption",
-        color: "primary",
-        children: "View more comments"
-      })
-    }), feedItem.comments.sort(function (item) {
-      return -moment(item.created_at).unix();
-    }).slice(0, visibleComments).reverse() // NOTE: Show recent comments first
-    .map(function (comment) {
-      return /*#__PURE__*/jsx(Comment, {
-        comment: comment,
-        handleDeleteCallback: noop
-        /* NOTE: Received through subscription */
-        ,
-        patchCommentCallback: noop,
-        companyId: feedItem.company_id,
-        user: user
-      }, comment.id);
-    }), isPosting && /*#__PURE__*/jsx(CommentLoader, {})]
-  });
-}
-
-FeedComments.propTypes = {
-  openCommentInput: PropTypes.bool.isRequired,
-  feedItem: PropTypes.shape().isRequired,
-  user: PropTypes.shape().isRequired,
-  isNative: PropTypes.bool.isRequired
-};
-
-export default FeedComments;
-//# sourceMappingURL=FeedComments.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as o,useRef as t}from"react";import r from"prop-types";import n from"lodash/noop";import m from"moment";import{makeStyles as i,Button as s,Typography as a}from"@material-ui/core";import p from"../../Comment/index.js";import c from"../../CommentLoader.js";import d from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import{jsxs as l,jsx as f}from"react/jsx-runtime";var C=i({showMoreButtonRoot:{textTransform:"none",backgroundColor:"transparent!important"},feedCommentsContainer:{padding:"0 16px 0 33px"}});function h(r){var i=r.openCommentInput,h=r.feedItem,x=r.isNative,v=r.user,y=o(!1),I=e(y,2),b=I[0],R=I[1],j=o(3),g=e(j,2),k=g[0],q=g[1],w=t(),_=C(),M=h.comments.length,N=M>k;return l("div",{className:(i||!!M)&&_.feedCommentsContainer,children:[i&&!x&&f(d,{inputRef:w,postComment:function(e){u(h.id,e)},setIsPosting:R,companyId:h.company_id,autoFocus:!1}),N&&f(s,{"data-testid":"".concat("FeedComments","_viewMoreComments"),classes:_.showMoreButtonRoot,onClick:function(){q((function(e){return 3===e?e+7:e+10}))},children:f(a,{variant:"caption",color:"primary",children:"View more comments"})}),h.comments.sort((function(e){return-m(e.created_at).unix()})).slice(0,k).reverse().map((function(e){return f(p,{comment:e,handleDeleteCallback:n,patchCommentCallback:n,companyId:h.company_id,user:v},e.id)})),b&&f(c,{})]})}h.propTypes={openCommentInput:r.bool.isRequired,feedItem:r.shape().isRequired,user:r.shape().isRequired,isNative:r.bool.isRequired};export{h as default};

package/components/FeedItem/components/Icon.js

@@ -1,91 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { ALERT_LEVEL_COLOR } from '../../../constants/alerts.js';
-import { FEED_ITEM_TYPES_BY_KEY } from '../../../constants/feed.js';
-import { isNativeDetected } from '../../../utils/mobileDetect.js';
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
-import classNames from 'classnames';
-import { getIconForFeedItemType, AVATAR_ICON } from '../../../utils/feed.js';
-import AvatarIcon from './AvatarIcon.js';
-
-var useStyles = makeStyles({
-  icon: {
-    width: 46,
-    height: 46,
-    backgroundColor: 'grey',
-    borderRadius: 23,
-    position: 'absolute',
-    top: 15,
-    left: -23,
-    padding: 9
-  },
-  iconWrapper: {
-    display: 'inline-block',
-    height: 28,
-    width: 28,
-    overflow: 'hidden'
-  },
-  iconImg: {
-    height: 28,
-    width: 28
-  },
-  iconNative: {
-    left: 'auto'
-  }
-});
-
-var TypeIcon = function TypeIcon(_ref) {
-  var feedItem = _ref.feedItem,
-      feedItemType = _ref.feedItemType,
-      icon = _ref.icon;
-  var classes = useStyles();
-  var label = FEED_ITEM_TYPES_BY_KEY[feedItemType] ? FEED_ITEM_TYPES_BY_KEY[feedItemType].label : 'Other';
-  var backgroundColorContainer;
-
-  if (feedItemType === FEED_ITEM_TYPES_BY_KEY.alert.type) {
-    var _feedItem$context, _feedItem$context$ale;
-
-    var level = (_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$ale = _feedItem$context.alert) === null || _feedItem$context$ale === void 0 ? void 0 : _feedItem$context$ale.level;
-    backgroundColorContainer = {
-      backgroundColor: ALERT_LEVEL_COLOR[level]
-    };
-  }
-
-  return /*#__PURE__*/jsx("div", {
-    className: classNames(classes.icon, _defineProperty({}, classes.iconNative, isNativeDetected)),
-    style: backgroundColorContainer,
-    children: /*#__PURE__*/jsx("div", {
-      className: classes.iconWrapper,
-      children: /*#__PURE__*/jsx("img", {
-        src: icon,
-        alt: "".concat(label, " icon"),
-        className: classes.iconImg
-      })
-    })
-  });
-};
-
-var Icon = function Icon(_ref2) {
-  var feedItem = _ref2.feedItem,
-      displayName = _ref2.displayName,
-      isRecommended = _ref2.isRecommended;
-  var feedItemType = feedItem.type;
-  var icon = getIconForFeedItemType(feedItemType);
-
-  if (icon === AVATAR_ICON) {
-    return /*#__PURE__*/jsx(AvatarIcon, {
-      displayName: displayName,
-      feedItem: feedItem,
-      isRecommended: isRecommended
-    });
-  }
-
-  return /*#__PURE__*/jsx(TypeIcon, {
-    icon: icon,
-    feedItem: feedItem,
-    feedItemType: feedItemType
-  });
-};
-
-export default Icon;
-//# sourceMappingURL=Icon.js.map
+import e from"@babel/runtime/helpers/defineProperty";import o from"classnames";import{makeStyles as t}from"@material-ui/core";import{isNativeDetected as i}from"../../../utils/mobileDetect.js";import{getIconForFeedItemType as r,AVATAR_ICON as a}from"../../../utils/feed.js";import{FEED_ITEM_TYPES_BY_KEY as m}from"../../../constants/feed.js";import{ALERT_LEVEL_COLOR as n}from"../../../constants/alerts.js";import l from"./AvatarIcon.js";import{jsx as d}from"react/jsx-runtime";var c=t({icon:{width:46,height:46,backgroundColor:"grey",borderRadius:23,position:"absolute",top:15,left:-23,padding:9},iconWrapper:{display:"inline-block",height:28,width:28,overflow:"hidden"},iconImg:{height:28,width:28},iconNative:{left:"auto"}}),s=function(t){var r,a=t.feedItem,l=t.feedItemType,s=t.icon,p=c(),f=m[l]?m[l].label:"Other";if(l===m.alert.type){var u,h,v=null===(u=a.context)||void 0===u||null===(h=u.alert)||void 0===h?void 0:h.level;r={backgroundColor:n[v]}}return d("div",{className:o(p.icon,e({},p.iconNative,i)),style:r,children:d("div",{className:p.iconWrapper,children:d("img",{src:s,alt:"".concat(f," icon"),className:p.iconImg})})})},p=function(e){var o=e.feedItem,t=e.displayName,i=e.isRecommended,m=o.type,n=r(m);return n===a?d(l,{displayName:t,feedItem:o,isRecommended:i}):d(s,{icon:n,feedItem:o,feedItemType:m})};export{p as default};

package/components/FeedItem/components/Reactions.js

@@ -1,108 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { uniq } from 'lodash';
-import moment from 'moment';
-import utils from '../../../utils/main.js';
-import { isNativeDetected } from '../../../utils/mobileDetect.js';
-import { notifyOpenFeedCommentInput } from '../../../utils/nativeMessages.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makeStyles, useTheme, IconButton } from '@material-ui/core';
-import classNames from 'classnames';
-import CommentsInfo from '../../CommentsInfo/index.js';
-import CommentIcon from '@material-ui/icons/Comment';
-import ThumbUpIcon from '@material-ui/icons/ThumbUp';
-
-var PAGE_NAME = 'FeedPo';
-var useStyles = makeStyles({
-  reactionButton: {
-    padding: 8
-  },
-  reactions: {
-    minHeight: 48,
-    marginTop: 5,
-    display: 'flex',
-    alignItems: 'center',
-    padding: '0 16px 0 33px',
-    flexWrap: 'wrap'
-  },
-  reactionsNative: {
-    padding: '0 16px'
-  },
-  actions: {
-    display: 'flex',
-    marginRight: 30,
-    alignItems: 'center',
-    marginLeft: -12
-  }
-});
-var AVATARS_VISIBLE_AMOUNT = isNativeDetected ? 2 : 4;
-
-var Reactions = function Reactions(_ref) {
-  var feedItem = _ref.feedItem,
-      currentUser = _ref.currentUser,
-      setOpenCommentInput = _ref.setOpenCommentInput,
-      openCommentInput = _ref.openCommentInput,
-      handleToggleLike = _ref.handleToggleLike;
-  var theme = useTheme();
-  var classes = useStyles();
-  var likesCount = feedItem.likes_count;
-  var commentsCount = feedItem.comments.length;
-  var isLikedByCurrentUser = (feedItem.likes || []).findIndex(function (like) {
-    var _like$user;
-
-    return ((_like$user = like.user) === null || _like$user === void 0 ? void 0 : _like$user.id) === currentUser.id;
-  }) !== -1;
-  var usersWhoLike = (feedItem.likes || []).map(function (like) {
-    return utils.getUserFullName(like.user);
-  });
-  var usersWhoCommented = uniq((feedItem.comments || []).map(function (comment) {
-    return utils.getUserFullName(comment.user);
-  }));
-  var activeUsersList = uniq((feedItem.comments || []).concat(feedItem.likes || []).sort(function (item) {
-    return moment(item.created_at).unix();
-  }).map(function (item) {
-    return item.user;
-  })).slice(0, AVATARS_VISIBLE_AMOUNT);
-
-  var handleCommentIconClick = function handleCommentIconClick() {
-    if (isNativeDetected) {
-      notifyOpenFeedCommentInput(feedItem.id);
-    } else setOpenCommentInput(!openCommentInput);
-  };
-
-  return /*#__PURE__*/jsx("div", {
-    className: classNames(classes.reactions, _defineProperty({}, classes.reactionsNative, isNativeDetected)),
-    children: /*#__PURE__*/jsxs("div", {
-      className: classes.actions,
-      children: [/*#__PURE__*/jsx(IconButton, {
-        "data-testid": "".concat(PAGE_NAME, "_likeButton"),
-        "aria-label": "Like",
-        onClick: handleToggleLike,
-        className: classes.reactionButton,
-        children: /*#__PURE__*/jsx(ThumbUpIcon, {
-          htmlColor: isLikedByCurrentUser ? theme.palette.primary.main : theme.palette.grey[400]
-        })
-      }), /*#__PURE__*/jsx(IconButton, {
-        "data-testid": "".concat(PAGE_NAME, "_commentButton"),
-        "aria-label": "Comment",
-        onClick: handleCommentIconClick,
-        className: classes.reactionButton,
-        children: /*#__PURE__*/jsx(CommentIcon, {
-          htmlColor: theme.palette.grey[400]
-        })
-      }), /*#__PURE__*/jsx(CommentsInfo, {
-        likesCount: likesCount,
-        usersWhoLike: usersWhoLike,
-        commentsCount: commentsCount,
-        usersWhoCommented: usersWhoCommented,
-        activeUsersList: activeUsersList,
-        onCommentsClick: function onCommentsClick() {
-          return setOpenCommentInput(!openCommentInput);
-        },
-        small: true
-      })]
-    })
-  });
-};
-
-export default Reactions;
-//# sourceMappingURL=Reactions.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"classnames";import i from"moment";import{uniq as n}from"lodash";import{makeStyles as r,useTheme as o,IconButton as m}from"@material-ui/core";import a from"@material-ui/icons/ThumbUp";import s from"@material-ui/icons/Comment";import{notifyOpenFeedCommentInput as l}from"../../../utils/nativeMessages.js";import{isNativeDetected as c}from"../../../utils/mobileDetect.js";import u from"../../CommentsInfo/index.js";import p from"../../../utils/main.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";var g=r({reactionButton:{padding:8},reactions:{minHeight:48,marginTop:5,display:"flex",alignItems:"center",padding:"0 16px 0 33px",flexWrap:"wrap"},reactionsNative:{padding:"0 16px"},actions:{display:"flex",marginRight:30,alignItems:"center",marginLeft:-12}}),h=c?2:4,C=function(r){var C=r.feedItem,k=r.currentUser,v=r.setOpenCommentInput,x=r.openCommentInput,N=r.handleToggleLike,I=o(),b=g(),y=C.likes_count,j=C.comments.length,B=-1!==(C.likes||[]).findIndex((function(e){var t;return(null===(t=e.user)||void 0===t?void 0:t.id)===k.id})),L=(C.likes||[]).map((function(e){return p.getUserFullName(e.user)})),U=n((C.comments||[]).map((function(e){return p.getUserFullName(e.user)}))),F=n((C.comments||[]).concat(C.likes||[]).sort((function(e){return i(e.created_at).unix()})).map((function(e){return e.user}))).slice(0,h);return d("div",{className:t(b.reactions,e({},b.reactionsNative,c)),children:f("div",{className:b.actions,children:[d(m,{"data-testid":"".concat("FeedPo","_likeButton"),"aria-label":"Like",onClick:N,className:b.reactionButton,children:d(a,{htmlColor:B?I.palette.primary.main:I.palette.grey[400]})}),d(m,{"data-testid":"".concat("FeedPo","_commentButton"),"aria-label":"Comment",onClick:function(){c?l(C.id):v(!x)},className:b.reactionButton,children:d(s,{htmlColor:I.palette.grey[400]})}),d(u,{likesCount:y,usersWhoLike:L,commentsCount:j,usersWhoCommented:U,activeUsersList:F,onCommentsClick:function(){return v(!x)},small:!0})]})})};export{C as default};

package/components/FeedItem/components/RigAndWell.js

@@ -1,59 +1 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import { Link } from 'react-router';
-
-var PAGE_NAME = 'FeedPo';
-var useStyles = makeStyles(function (theme) {
-  return {
-    contentAssetInfo: {
-      color: theme.palette.grey[400],
-      width: '100%',
-      fontSize: 12
-    },
-    assetLink: {
-      cursor: 'pointer',
-      display: 'block',
-      width: '100%',
-      padding: '2px 0',
-      fontSize: '12px'
-    }
-  };
-});
-
-var getRigName = function getRigName(feedItem) {
-  var _feedItem$rig, _feedItem$well, _feedItem$well$parent;
-
-  var isRigBasedItem = !!feedItem.rig;
-  return isRigBasedItem ? (_feedItem$rig = feedItem.rig) === null || _feedItem$rig === void 0 ? void 0 : _feedItem$rig.name : (_feedItem$well = feedItem.well) === null || _feedItem$well === void 0 ? void 0 : (_feedItem$well$parent = _feedItem$well.parent_asset) === null || _feedItem$well$parent === void 0 ? void 0 : _feedItem$well$parent.name;
-};
-
-var RigAndWell = function RigAndWell(_ref) {
-  var _feedItem$rig2, _feedItem$rig2$active, _feedItem$well2, _feedItem$rig3, _feedItem$rig3$active, _feedItem$well3;
-
-  var feedItem = _ref.feedItem;
-  var classes = useStyles();
-  var isRigBasedItem = !!feedItem.rig;
-  var rigName = getRigName(feedItem);
-  var wellName = isRigBasedItem ? (_feedItem$rig2 = feedItem.rig) === null || _feedItem$rig2 === void 0 ? void 0 : (_feedItem$rig2$active = _feedItem$rig2.active_well) === null || _feedItem$rig2$active === void 0 ? void 0 : _feedItem$rig2$active.name : (_feedItem$well2 = feedItem.well) === null || _feedItem$well2 === void 0 ? void 0 : _feedItem$well2.name;
-  var wellId = isRigBasedItem ? (_feedItem$rig3 = feedItem.rig) === null || _feedItem$rig3 === void 0 ? void 0 : (_feedItem$rig3$active = _feedItem$rig3.active_well) === null || _feedItem$rig3$active === void 0 ? void 0 : _feedItem$rig3$active.id : (_feedItem$well3 = feedItem.well) === null || _feedItem$well3 === void 0 ? void 0 : _feedItem$well3.id;
-  return wellId ? /*#__PURE__*/jsx(Link, {
-    "data-testid": "".concat(PAGE_NAME, "_wellLink"),
-    className: classes.assetLink,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    to: "/assets/".concat(wellId, "/"),
-    children: /*#__PURE__*/jsxs(Typography, {
-      variant: "body2",
-      className: classes.contentAssetInfo,
-      children: [rigName, " - ", wellName]
-    })
-  }) : /*#__PURE__*/jsxs(Typography, {
-    variant: "body2",
-    className: classes.contentAssetInfo,
-    children: [rigName, " - No Active Well"]
-  });
-};
-
-export default RigAndWell;
-//# sourceMappingURL=RigAndWell.js.map
+import{Link as e}from"react-router";import{makeStyles as i,Typography as t}from"@material-ui/core";import{jsx as n,jsxs as o}from"react/jsx-runtime";var l=i((function(e){return{contentAssetInfo:{color:e.palette.grey[400],width:"100%",fontSize:12},assetLink:{cursor:"pointer",display:"block",width:"100%",padding:"2px 0",fontSize:"12px"}}})),r=function(i){var r,a,d,c,s,v,u=i.feedItem,m=l(),f=!!u.rig,p=function(e){var i,t,n;return e.rig?null===(i=e.rig)||void 0===i?void 0:i.name:null===(t=e.well)||void 0===t||null===(n=t.parent_asset)||void 0===n?void 0:n.name}(u),g=f?null===(r=u.rig)||void 0===r||null===(a=r.active_well)||void 0===a?void 0:a.name:null===(d=u.well)||void 0===d?void 0:d.name,w=f?null===(c=u.rig)||void 0===c||null===(s=c.active_well)||void 0===s?void 0:s.id:null===(v=u.well)||void 0===v?void 0:v.id;return w?n(e,{"data-testid":"".concat("FeedPo","_wellLink"),className:m.assetLink,onClick:function(e){return e.stopPropagation()},to:"/assets/".concat(w,"/"),children:o(t,{variant:"body2",className:m.contentAssetInfo,children:[p," - ",g]})}):o(t,{variant:"body2",className:m.contentAssetInfo,children:[p," - No Active Well"]})};export{r as default};