@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/TracesEditModal/TracesEditModalContainer.js

@@ -1,168 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { isEqual, minBy } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { FEED_ITEM_TYPES } from '../../constants/feed.js';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import { getAppStorage } from '../../clients/jsonApi/index.js';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import TracesMemoModal from './TracesEditModal.js';
-
-var validateTimestamp = function validateTimestamp(timestamp, minTime, maxTime) {
-  if (Number.isNaN(timestamp)) {
-    return "Can't parse date or time format";
-  }
-
-  if (timestamp < minTime || timestamp > maxTime) {
-    return 'Should be in range of available traces data';
-  }
-
-  return '';
-};
-
-var RECORDS_AROUND_DELTA_SEC = 5;
-
-var TracesEditModalContainer = function TracesEditModalContainer(_ref) {
-  var feedItem = _ref.feedItem,
-      onSave = _ref.onSave,
-      onClose = _ref.onClose,
-      minDateSec = _ref.minDateSec,
-      maxDateSec = _ref.maxDateSec,
-      assetId = _ref.assetId;
-  var feedItemContext = feedItem.context[FEED_ITEM_TYPES.TRACES_MEMO];
-  var attachment = feedItemContext.attachment;
-  var initialTimestamp = feedItemContext.timestamp;
-  var initialBody = feedItemContext.body;
-  var initialPostInputValue = {
-    body: initialBody,
-    attachment: attachment
-  };
-
-  var _useState = useState(initialPostInputValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      editedPostInputValue = _useState2[0],
-      setEditedPostInputValue = _useState2[1];
-
-  var _useState3 = useState(initialTimestamp),
-      _useState4 = _slicedToArray(_useState3, 2),
-      editedTimestamp = _useState4[0],
-      setEditedTimestamp = _useState4[1];
-
-  var _useState5 = useState(feedItemContext.holeDepth),
-      _useState6 = _slicedToArray(_useState5, 2),
-      editedHoleDepth = _useState6[0],
-      setEditedHoleDepth = _useState6[1];
-
-  var _useState7 = useState(feedItemContext.bitDepth),
-      _useState8 = _slicedToArray(_useState7, 2),
-      editedBitDepth = _useState8[0],
-      setEditedBitDepth = _useState8[1];
-
-  var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isDepthDataLoading = _useState10[0],
-      setIsDepthDataLoading = _useState10[1];
-
-  var timestampError = validateTimestamp(editedTimestamp, minDateSec, maxDateSec);
-  var isApplyDisabled = Number.isNaN(editedTimestamp) || !editedPostInputValue.body && !editedPostInputValue.attachment || initialTimestamp === editedTimestamp && isEqual(initialPostInputValue, editedPostInputValue);
-
-  var loadDepthDetailsForTimestamp = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(timestampSec) {
-      var startTimestamp, endTimestamp, query, records, closestRecord;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              startTimestamp = timestampSec - RECORDS_AROUND_DELTA_SEC;
-              endTimestamp = timestampSec + RECORDS_AROUND_DELTA_SEC;
-              query = "{timestamp#gte#".concat(startTimestamp, "}AND{timestamp#lte#").concat(endTimestamp, "}");
-              setIsDepthDataLoading(true);
-              _context.prev = 4;
-              _context.next = 7;
-              return getAppStorage('corva', 'wits', assetId, {
-                limit: 10,
-                query: query
-              });
-
-            case 7:
-              records = _context.sent;
-              closestRecord = records && minBy(records, function (record) {
-                return Math.abs(record.timestamp - timestampSec);
-              });
-              setEditedHoleDepth(closestRecord.data.hole_depth);
-              setEditedBitDepth(closestRecord.data.bit_depth);
-              _context.next = 16;
-              break;
-
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](4);
-              console.error(_context.t0);
-
-            case 16:
-              setIsDepthDataLoading(false);
-
-            case 17:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[4, 13]]);
-    }));
-
-    return function loadDepthDetailsForTimestamp(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var onTimestampChange = function onTimestampChange(newDate) {
-    setEditedTimestamp(newDate.unix());
-  };
-
-  var onApplyChanges = function onApplyChanges() {
-    return onSave({
-      context: _defineProperty({}, FEED_ITEM_TYPES.TRACES_MEMO, {
-        body: editedPostInputValue.body,
-        attachment: editedPostInputValue.attachment,
-        timestamp: editedTimestamp,
-        holeDepth: editedHoleDepth,
-        bitDepth: editedBitDepth
-      })
-    });
-  };
-
-  useEffect(function () {
-    if (!editedTimestamp || timestampError || initialTimestamp === editedTimestamp) return;
-    loadDepthDetailsForTimestamp(editedTimestamp);
-  }, [timestampError, editedTimestamp, initialTimestamp]);
-  return /*#__PURE__*/jsx(TracesMemoModal, {
-    postValue: editedPostInputValue,
-    onPostChange: setEditedPostInputValue,
-    timestampMs: editedTimestamp * 1000,
-    timestampError: timestampError,
-    minDateMs: minDateSec * 1000,
-    maxDateMs: maxDateSec * 1000,
-    isDepthDataLoading: isDepthDataLoading,
-    isApplyDisabled: isApplyDisabled,
-    holeDepth: editedHoleDepth,
-    bitDepth: editedBitDepth,
-    userCompanyId: feedItem.company_id,
-    onTimestampChange: onTimestampChange,
-    onApply: onApplyChanges,
-    onClose: onClose
-  });
-};
-
-TracesEditModalContainer.propTypes = {
-  feedItem: PropTypes.shape().isRequired,
-  onSave: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired,
-  minDateSec: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  maxDateSec: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  assetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-};
-
-export default TracesEditModalContainer;
-//# sourceMappingURL=TracesEditModalContainer.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import a from"@babel/runtime/regenerator";import o from"prop-types";import{useState as n,useEffect as i}from"react";import{isEqual as s,minBy as m}from"lodash";import{FEED_ITEM_TYPES as p}from"../../constants/feed.js";import{getAppStorage as c}from"../../clients/jsonApi/index.js";import u from"./TracesEditModal.js";import{jsx as d}from"react/jsx-runtime";var f=function(o){var f,l,h,b,y=o.feedItem,D=o.onSave,x=o.onClose,v=o.minDateSec,T=o.maxDateSec,g=o.assetId,C=y.context[p.TRACES_MEMO],M=C.attachment,S=C.timestamp,R={body:C.body,attachment:M},q=n(R),A=r(q,2),N=A[0],E=A[1],j=n(S),I=r(j,2),O=I[0],_=I[1],w=n(C.holeDepth),k=r(w,2),P=k[0],G=k[1],L=n(C.bitDepth),V=r(L,2),z=V[0],B=V[1],F=n(!1),H=r(F,2),J=H[0],K=H[1],Q=(f=O,l=v,h=T,Number.isNaN(f)?"Can't parse date or time format":f<l||f>h?"Should be in range of available traces data":""),U=Number.isNaN(O)||!N.body&&!N.attachment||S===O&&s(R,N),W=(b=t(a.mark((function e(t){var r,o,n,i;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+5,o="{timestamp#gte#".concat(t-5,"}AND{timestamp#lte#").concat(r,"}"),K(!0),e.prev=4,e.next=7,c("corva","wits",g,{limit:10,query:o});case 7:n=e.sent,i=n&&m(n,(function(e){return Math.abs(e.timestamp-t)})),G(i.data.hole_depth),B(i.data.bit_depth),e.next=16;break;case 13:e.prev=13,e.t0=e.catch(4),console.error(e.t0);case 16:K(!1);case 17:case"end":return e.stop()}}),e,null,[[4,13]])}))),function(e){return b.apply(this,arguments)});return i((function(){O&&!Q&&S!==O&&W(O)}),[Q,O,S]),d(u,{postValue:N,onPostChange:E,timestampMs:1e3*O,timestampError:Q,minDateMs:1e3*v,maxDateMs:1e3*T,isDepthDataLoading:J,isApplyDisabled:U,holeDepth:P,bitDepth:z,userCompanyId:y.company_id,onTimestampChange:function(e){_(e.unix())},onApply:function(){return D({context:e({},p.TRACES_MEMO,{body:N.body,attachment:N.attachment,timestamp:O,holeDepth:P,bitDepth:z})})},onClose:x})};f.propTypes={feedItem:o.shape().isRequired,onSave:o.func.isRequired,onClose:o.func.isRequired,minDateSec:o.oneOfType([o.number,o.string]).isRequired,maxDateSec:o.oneOfType([o.number,o.string]).isRequired,assetId:o.oneOfType([o.number,o.string]).isRequired};export{f as default};

package/components/TruncatedText/index.js

@@ -1,57 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles, Tooltip } from '@material-ui/core';
-import { useState, useRef, useEffect } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-
-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 useStyles = makeStyles({
-  root: {
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
-  }
-});
-
-function TruncatedText(_ref) {
-  var children = _ref.children,
-      otherProps = _objectWithoutProperties(_ref, ["children"]);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasTooltip = _useState2[0],
-      setHasTooltip = _useState2[1];
-
-  var contentRef = useRef();
-  var styles = useStyles();
-  useEffect(function () {
-    var _contentRef$current = contentRef.current,
-        scrollWidth = _contentRef$current.scrollWidth,
-        clientWidth = _contentRef$current.clientWidth;
-    setHasTooltip(scrollWidth > clientWidth);
-  });
-
-  var content = /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-    className: styles.root,
-    ref: contentRef
-  }, otherProps), {}, {
-    children: children
-  }));
-
-  if (!hasTooltip) return content;
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: children,
-    children: content
-  });
-}
-
-TruncatedText.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired
-};
-
-export default TruncatedText;
-//# sourceMappingURL=index.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useState as o,useRef as i,useEffect as n}from"react";import c from"prop-types";import{makeStyles as p,Tooltip as l}from"@material-ui/core";import{jsx as a}from"react/jsx-runtime";var f=["children"];function s(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function m(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?s(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var u=p({root:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}});function b(r){var c=r.children,p=t(r,f),s=o(!1),b=e(s,2),O=b[0],d=b[1],h=i(),y=u();n((function(){var r=h.current,e=r.scrollWidth,t=r.clientWidth;d(e>t)}));var j=a("div",m(m({className:y.root,ref:h},p),{},{children:c}));return O?a(l,{title:c,children:j}):j}b.propTypes={children:c.oneOfType([c.node,c.string]).isRequired};export{b as default};

package/components/Typography.js

@@ -1,37 +1 @@
-import { styled, Typography as Typography$1 } from '@material-ui/core';
-
-var Regular10 = styled(Typography$1)({
-  fontWeight: 400,
-  fontSize: '0.625rem'
-});
-var Regular11 = styled(Typography$1)({
-  fontWeight: 400,
-  fontSize: '0.6875rem'
-});
-var Regular12 = styled(Typography$1)({
-  fontWeight: 400,
-  fontSize: '0.75rem'
-});
-var Regular14 = styled(Typography$1)({
-  fontWeight: 400,
-  fontSize: '0.875rem'
-});
-var Regular16 = styled(Typography$1)({
-  fontWeight: 400,
-  fontSize: '1rem'
-});
-var Regular20 = styled(Typography$1)({
-  fontWeight: 400,
-  fontSize: '1.25rem'
-});
-var Medium13 = styled(Typography$1)({
-  fontWeight: 500,
-  fontSize: '0.8125rem'
-});
-var Medium14 = styled(Typography$1)({
-  fontWeight: 500,
-  fontSize: '0.875rem'
-});
-
-export { Medium13, Medium14, Regular10, Regular11, Regular12, Regular14, Regular16, Regular20 };
-//# sourceMappingURL=Typography.js.map
+import{styled as e,Typography as t}from"@material-ui/core";var o=e(t)({fontWeight:400,fontSize:"0.625rem"}),i=e(t)({fontWeight:400,fontSize:"0.6875rem"}),f=e(t)({fontWeight:400,fontSize:"0.75rem"}),n=e(t)({fontWeight:400,fontSize:"0.875rem"}),r=e(t)({fontWeight:400,fontSize:"1rem"}),m=e(t)({fontWeight:400,fontSize:"1.25rem"}),g=e(t)({fontWeight:500,fontSize:"0.8125rem"}),h=e(t)({fontWeight:500,fontSize:"0.875rem"});export{g as Medium13,h as Medium14,o as Regular10,i as Regular11,f as Regular12,n as Regular14,r as Regular16,m as Regular20};

package/components/UserCard/index.js

@@ -1,181 +1 @@
-import '@babel/runtime/helpers/defineProperty';
-import blue from '@material-ui/core/colors/blue';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import Card from '@material-ui/core/Card';
-import CardActions from '@material-ui/core/CardActions';
-import CardContent from '@material-ui/core/CardContent';
-import CardMedia from '@material-ui/core/CardMedia';
-import Chip from '@material-ui/core/Chip';
-import Button from '@material-ui/core/Button';
-import Typography from '@material-ui/core/Typography';
-import EmailIcon from '@material-ui/icons/Email';
-import PhoneIcon from '@material-ui/icons/Phone';
-import styles from './style.css.js';
-import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import 'react-router';
-import { UniversalLink } from '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-
-var PAGE_NAME = 'UserCardDialogPo';
-
-var muiStyles = function muiStyles(theme) {
-  return {
-    card: {
-      width: 352
-    },
-    media: {
-      height: 264,
-      width: '100%'
-    },
-    content: {
-      cursor: 'auto',
-      padding: '10px 28px 28px 28px'
-    },
-    userName: {
-      fontWeight: 'bold'
-    },
-    contact: {
-      display: 'flex',
-      alignItems: 'center',
-      fontSize: 12,
-      color: blue[900],
-      cursor: 'pointer'
-    },
-    contactIcon: {
-      height: 15,
-      width: 15,
-      marginRight: 10,
-      color: theme.palette.grey[300]
-    },
-    actions: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      padding: '0 28px 28px 28px'
-    },
-    actionButton: {
-      width: 139
-    }
-  };
-};
-
-function UserCard(_ref) {
-  var _ref$user = _ref.user,
-      id = _ref$user.id,
-      email = _ref$user.email,
-      mobile = _ref$user.mobile,
-      title = _ref$user.title,
-      firstName = _ref$user.first_name,
-      lastName = _ref$user.last_name,
-      profilePhoto = _ref$user.profile_photo,
-      currentUser = _ref.currentUser,
-      classes = _ref.classes;
-  return /*#__PURE__*/jsxs(Card, {
-    "data-testid": "".concat(PAGE_NAME),
-    className: classes.card,
-    children: [/*#__PURE__*/jsx(CardMedia, {
-      "data-testid": "".concat(PAGE_NAME, "_placeholder"),
-      className: classes.media,
-      image: profilePhoto || 'https://cdn.corva.ai/app/images/user-placeholder.svg',
-      title: "".concat(firstName, " ").concat(lastName),
-      children: Number(currentUser.id) === Number(id) && /*#__PURE__*/jsx("div", {
-        className: styles.cUserCardMediaBackdrop,
-        children: /*#__PURE__*/jsx(UniversalLink, {
-          href: "/config/users/".concat(id),
-          children: /*#__PURE__*/jsx(Chip, {
-            "data-not-migrated-MuiChip": true,
-            "data-testid": "".concat(PAGE_NAME, "_viewProfile"),
-            className: styles.cUserCardMediaBackdropToProfile,
-            label: "View Profile"
-          })
-        })
-      })
-    }), /*#__PURE__*/jsxs(CardContent, {
-      className: classes.content,
-      children: [/*#__PURE__*/jsx(Typography, {
-        "data-testid": "".concat(PAGE_NAME, "_name"),
-        variant: "h5",
-        className: classes.userName,
-        children: "".concat(firstName, " ").concat(lastName)
-      }), title && /*#__PURE__*/jsx(Typography, {
-        variant: "subtitle1",
-        children: title
-      }), /*#__PURE__*/jsx("br", {}), email && /*#__PURE__*/jsx("a", {
-        href: "mailto:".concat(email),
-        target: "_top",
-        children: /*#__PURE__*/jsxs(Typography, {
-          "data-testid": "".concat(PAGE_NAME, "_email"),
-          gutterBottom: true,
-          variant: "body1",
-          className: classes.contact,
-          children: [/*#__PURE__*/jsx(EmailIcon, {
-            className: classes.contactIcon
-          }), email]
-        })
-      }), mobile && /*#__PURE__*/jsx("a", {
-        href: "tel:".concat(mobile),
-        target: "_top",
-        children: /*#__PURE__*/jsxs(Typography, {
-          "data-testid": "".concat(PAGE_NAME, "_phone"),
-          variant: "body1",
-          className: classes.contact,
-          children: [/*#__PURE__*/jsx(PhoneIcon, {
-            className: classes.contactIcon
-          }), mobile]
-        })
-      })]
-    }), /*#__PURE__*/jsxs(CardActions, {
-      className: classes.actions,
-      children: [email ? /*#__PURE__*/jsx("a", {
-        href: "mailto:".concat(email),
-        target: "_top",
-        children: /*#__PURE__*/jsx(Button, {
-          "data-testid": "".concat(PAGE_NAME, "_emailButton"),
-          className: classes.actionButton,
-          variant: "contained",
-          color: "primary",
-          children: "Email"
-        })
-      }) : /*#__PURE__*/jsx(Button, {
-        disabled: true,
-        className: classes.actionButton,
-        variant: "contained",
-        color: "primary",
-        children: "Email"
-      }), /*#__PURE__*/jsx(Button, {
-        "data-testid": "".concat(PAGE_NAME, "_messageButton"),
-        disabled: true,
-        className: classes.actionButton,
-        variant: "contained",
-        color: "primary",
-        children: "Message"
-      })]
-    })]
-  });
-}
-
-UserCard.propTypes = {
-  user: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    email: PropTypes.string,
-    mobile: PropTypes.string,
-    title: PropTypes.string,
-    role: PropTypes.string,
-    first_name: PropTypes.string.isRequired,
-    last_name: PropTypes.string.isRequired,
-    profile_photo: PropTypes.string
-  }).isRequired,
-  classes: PropTypes.shape({}).isRequired,
-  currentUser: PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-  })
-};
-UserCard.defaultProps = {
-  currentUser: {}
-};
-var UserCard$1 = withStyles(muiStyles)(UserCard);
-
-export default UserCard$1;
-//# sourceMappingURL=index.js.map
+import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import r from"@material-ui/core/Card";import a from"@material-ui/core/CardActions";import i from"@material-ui/core/CardContent";import o from"@material-ui/core/CardMedia";import c from"@material-ui/core/Chip";import n from"@material-ui/core/Button";import s from"@material-ui/core/Typography";import l from"@material-ui/core/colors/blue";import m from"@material-ui/icons/Email";import d from"@material-ui/icons/Phone";import p from"./style.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as u}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsxs as h,jsx as f}from"react/jsx-runtime";var g="UserCardDialogPo";function b(e){var t=e.user,l=t.id,b=t.email,v=t.mobile,C=t.title,N=t.first_name,y=t.last_name,_=t.profile_photo,x=e.currentUser,B=e.classes;return h(r,{"data-testid":"".concat(g),className:B.card,children:[f(o,{"data-testid":"".concat(g,"_placeholder"),className:B.media,image:_||"https://cdn.corva.ai/app/images/user-placeholder.svg",title:"".concat(N," ").concat(y),children:Number(x.id)===Number(l)&&f("div",{className:p.cUserCardMediaBackdrop,children:f(u,{href:"/config/users/".concat(l),children:f(c,{"data-not-migrated-MuiChip":!0,"data-testid":"".concat(g,"_viewProfile"),className:p.cUserCardMediaBackdropToProfile,label:"View Profile"})})})}),h(i,{className:B.content,children:[f(s,{"data-testid":"".concat(g,"_name"),variant:"h5",className:B.userName,children:"".concat(N," ").concat(y)}),C&&f(s,{variant:"subtitle1",children:C}),f("br",{}),b&&f("a",{href:"mailto:".concat(b),target:"_top",children:h(s,{"data-testid":"".concat(g,"_email"),gutterBottom:!0,variant:"body1",className:B.contact,children:[f(m,{className:B.contactIcon}),b]})}),v&&f("a",{href:"tel:".concat(v),target:"_top",children:h(s,{"data-testid":"".concat(g,"_phone"),variant:"body1",className:B.contact,children:[f(d,{className:B.contactIcon}),v]})})]}),h(a,{className:B.actions,children:[b?f("a",{href:"mailto:".concat(b),target:"_top",children:f(n,{"data-testid":"".concat(g,"_emailButton"),className:B.actionButton,variant:"contained",color:"primary",children:"Email"})}):f(n,{disabled:!0,className:B.actionButton,variant:"contained",color:"primary",children:"Email"}),f(n,{"data-testid":"".concat(g,"_messageButton"),disabled:!0,className:B.actionButton,variant:"contained",color:"primary",children:"Message"})]})]})}b.propTypes={user:e.shape({id:e.number.isRequired,email:e.string,mobile:e.string,title:e.string,role:e.string,first_name:e.string.isRequired,last_name:e.string.isRequired,profile_photo:e.string}).isRequired,classes:e.shape({}).isRequired,currentUser:e.shape({id:e.oneOfType([e.number,e.string])})},b.defaultProps={currentUser:{}};var v=t((function(e){return{card:{width:352},media:{height:264,width:"100%"},content:{cursor:"auto",padding:"10px 28px 28px 28px"},userName:{fontWeight:"bold"},contact:{display:"flex",alignItems:"center",fontSize:12,color:l[900],cursor:"pointer"},contactIcon:{height:15,width:15,marginRight:10,color:e.palette.grey[300]},actions:{display:"flex",justifyContent:"space-between",padding:"0 28px 28px 28px"},actionButton:{width:139}}}))(b);export{v as default};

package/components/UserCard/style.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_cUserCardMediaBackdrop__2eVbp {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.style_cUserCardMediaBackdrop__2eVbp:hover {\n  background-color: rgba(47, 47, 47, 0.25);\n  transition: background-color 100ms linear;\n}\n\n.style_cUserCardMediaBackdrop__2eVbp:hover .style_cUserCardMediaBackdropToProfile__1cnxg {\n  display: flex;\n  background-color: #303030;\n  opacity: 0.86;\n  color: #fff;\n  cursor: pointer;\n  width: 139px;\n  height: 30px;\n  justify-content: center;\n  font-family: Roboto;\n  font-size: 16px;\n  line-height: 21px;\n  font-weight: 200;\n}\n\n.style_cUserCardMediaBackdropToProfile__1cnxg {\n  top: 14px;\n  left: 50%;\n  transform: translateX(-50%);\n  position: absolute;\n  display: none;\n}\n";
-var styles = {"cUserCardMediaBackdrop":"style_cUserCardMediaBackdrop__2eVbp","cUserCardMediaBackdropToProfile":"style_cUserCardMediaBackdropToProfile__1cnxg"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=style.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={cUserCardMediaBackdrop:"style_cUserCardMediaBackdrop__iJBty",cUserCardMediaBackdropToProfile:"style_cUserCardMediaBackdropToProfile__jljG2"};e(".style_cUserCardMediaBackdrop__iJBty{height:100%;position:relative;width:100%}.style_cUserCardMediaBackdrop__iJBty:hover{background-color:rgba(47,47,47,.25);transition:background-color .1s linear}.style_cUserCardMediaBackdrop__iJBty:hover .style_cUserCardMediaBackdropToProfile__jljG2{background-color:#303030;color:#fff;cursor:pointer;display:flex;font-family:Roboto;font-size:16px;font-weight:200;height:30px;justify-content:center;line-height:21px;opacity:.86;width:139px}.style_cUserCardMediaBackdropToProfile__jljG2{display:none;left:50%;position:absolute;top:14px;transform:translateX(-50%)}");export{r as default};

package/components/UserCardPopover.js

@@ -1,82 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { withStyles, Popover } from '@material-ui/core';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import UserCard from './UserCard/index.js';
-
-var muiStyles = {
-  popoverPaper: {
-    background: 'transparent'
-  },
-  childrenWrapper: {
-    cursor: 'pointer'
-  }
-};
-
-function UserCardPopover(props) {
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      anchorEl = _useState2[0],
-      setAnchorEl = _useState2[1];
-
-  var open = Boolean(anchorEl);
-
-  var handlePopoverOpen = function handlePopoverOpen(event) {
-    setAnchorEl(event.currentTarget);
-  };
-
-  var handlePopoverClose = function handlePopoverClose() {
-    setAnchorEl(null);
-  };
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      "aria-owns": open ? 'user-popover' : undefined,
-      "aria-haspopup": "true",
-      onClick: handlePopoverOpen,
-      className: props.classes.childrenWrapper,
-      style: props.wrapperStyle,
-      children: props.children
-    }), /*#__PURE__*/jsx(Popover, {
-      id: "user-popover",
-      open: open,
-      classes: {
-        paper: props.classes.popoverPaper
-      },
-      anchorEl: anchorEl,
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'left'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'left'
-      },
-      onClose: handlePopoverClose,
-      children: /*#__PURE__*/jsx(UserCard, {
-        user: props.user,
-        currentUser: props.currentUser
-      })
-    })]
-  });
-}
-
-UserCardPopover.propTypes = {
-  wrapperStyle: PropTypes.shape({}),
-  user: PropTypes.shape({}).isRequired,
-  children: PropTypes.node.isRequired,
-  currentUser: PropTypes.shape({}),
-  classes: PropTypes.shape({
-    popoverPaper: PropTypes.string.isRequired,
-    childrenWrapper: PropTypes.string.isRequired
-  }).isRequired
-};
-UserCardPopover.defaultProps = {
-  wrapperStyle: {},
-  currentUser: {}
-};
-var UserCardPopover$1 = withStyles(muiStyles)(UserCardPopover);
-
-export default UserCardPopover$1;
-//# sourceMappingURL=UserCardPopover.js.map
+import r from"@babel/runtime/helpers/slicedToArray";import{useState as e}from"react";import o from"prop-types";import{withStyles as p,Popover as i}from"@material-ui/core";import s from"./UserCard/index.js";import{jsxs as a,Fragment as t,jsx as n}from"react/jsx-runtime";function l(o){var p=e(null),l=r(p,2),c=l[0],u=l[1],d=Boolean(c);return a(t,{children:[n("div",{"aria-owns":d?"user-popover":void 0,"aria-haspopup":"true",onClick:function(r){u(r.currentTarget)},className:o.classes.childrenWrapper,style:o.wrapperStyle,children:o.children}),n(i,{id:"user-popover",open:d,classes:{paper:o.classes.popoverPaper},anchorEl:c,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:function(){u(null)},children:n(s,{user:o.user,currentUser:o.currentUser})})]})}l.propTypes={wrapperStyle:o.shape({}),user:o.shape({}).isRequired,children:o.node.isRequired,currentUser:o.shape({}),classes:o.shape({popoverPaper:o.string.isRequired,childrenWrapper:o.string.isRequired}).isRequired},l.defaultProps={wrapperStyle:{},currentUser:{}};var c=p({popoverPaper:{background:"transparent"},childrenWrapper:{cursor:"pointer"}})(l);export{c as default};

package/components/UserMention/constants.js

@@ -1,8 +1 @@
-var USER_MARKUP = '@[user:__id__|__display__]';
-var PLACEHOLDERS = {
-  id: '__id__',
-  display: '__display__'
-};
-
-export { PLACEHOLDERS, USER_MARKUP };
-//# sourceMappingURL=constants.js.map
+var _="@[user:__id__|__display__]",d={id:"__id__",display:"__display__"};export{d as PLACEHOLDERS,_ as USER_MARKUP};