@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/TracesEditModal/TracesEditModal.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".TracesEditModal_modal__5HWx8 {\n  max-width: 450px;\n  width: 100vw;\n}\n\n.TracesEditModal_modalFieldLabel__cOP-S {\n  color: #bdbdbd;\n  margin-bottom: 4px;\n  font-size: 0.75rem;\n}\n\n.TracesEditModal_modalPostInput__yT1sN {\n  margin-top: 14px;\n  margin-bottom: 24px;\n}\n\n.TracesEditModal_modalDateInput__uAfso {\n  max-width: 200px;\n}\n\n.TracesEditModal_modalDateInput__uAfso .MuiInput-root {\n  padding-bottom: 5px;\n}\n";
-var styles = {"modal":"TracesEditModal_modal__5HWx8","modalFieldLabel":"TracesEditModal_modalFieldLabel__cOP-S","modalPostInput":"TracesEditModal_modalPostInput__yT1sN","modalDateInput":"TracesEditModal_modalDateInput__uAfso"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=TracesEditModal.css.js.map
+import a from'./../../ext-esm/style-inject/dist/style-inject.es.js';var d={modal:"TracesEditModal_modal__5HWx8",modalFieldLabel:"TracesEditModal_modalFieldLabel__cOP-S",modalPostInput:"TracesEditModal_modalPostInput__yT1sN",modalDateInput:"TracesEditModal_modalDateInput__uAfso"};a(".TracesEditModal_modal__5HWx8{max-width:450px;width:100vw}.TracesEditModal_modalFieldLabel__cOP-S{color:#bdbdbd;font-size:.75rem;margin-bottom:4px}.TracesEditModal_modalPostInput__yT1sN{margin-bottom:24px;margin-top:14px}.TracesEditModal_modalDateInput__uAfso{max-width:200px}.TracesEditModal_modalDateInput__uAfso .MuiInput-root{padding-bottom:5px}");export{d as default};

package/components/TracesEditModal/TracesEditModal.js

@@ -1,145 +1 @@
-import PropTypes from 'prop-types';
-import { noop } from 'lodash';
-import { Grid, Button, Box } from '@material-ui/core';
-import styles from './TracesEditModal.css.js';
-import { Regular14 } from '../Typography.js';
-import Modal from '../Modal/Modal.js';
-import KeyboardDateTimePicker from '../KeyboardDateTimePicker.js';
-import PostInput from '../PostInput/PostInput.js';
-import { convertValue } from '../../utils/convert.js';
-import { getUnitDisplay } from '../../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'TracesEditModal';
-var TIME_FORMAT = 'MM/DD/YYYY, HH:mm';
-var TracesMemoModal = function TracesMemoModal(_ref) {
-  var onClose = _ref.onClose,
-    onApply = _ref.onApply,
-    postValue = _ref.postValue,
-    onPostChange = _ref.onPostChange,
-    timestampMs = _ref.timestampMs,
-    onTimestampChange = _ref.onTimestampChange,
-    timestampError = _ref.timestampError,
-    minDateMs = _ref.minDateMs,
-    maxDateMs = _ref.maxDateMs,
-    isApplyDisabled = _ref.isApplyDisabled,
-    isDepthDataLoading = _ref.isDepthDataLoading,
-    holeDepth = _ref.holeDepth,
-    bitDepth = _ref.bitDepth,
-    userCompanyId = _ref.userCompanyId;
-  var depthUnit = getUnitDisplay('length');
-  var bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');
-  var holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');
-  return /*#__PURE__*/jsxs(Modal, {
-    open: true,
-    onClose: onClose,
-    title: "Edit",
-    contentClassName: styles.modal,
-    actions: /*#__PURE__*/jsxs(Grid, {
-      container: true,
-      direction: "row",
-      justify: "flex-end",
-      alignItems: "center",
-      spacing: 2,
-      children: [/*#__PURE__*/jsx(Grid, {
-        item: true,
-        children: /*#__PURE__*/jsx(Button, {
-          "data-testid": "".concat(PAGE_NAME, "_cancel"),
-          color: "primary",
-          onClick: onClose,
-          children: "Cancel"
-        })
-      }), /*#__PURE__*/jsx(Grid, {
-        item: true,
-        children: /*#__PURE__*/jsx(Button, {
-          "data-testid": "".concat(PAGE_NAME, "_apply"),
-          variant: "contained",
-          color: "primary",
-          disabled: isApplyDisabled,
-          onClick: onApply,
-          children: "Apply"
-        })
-      })]
-    }),
-    children: [/*#__PURE__*/jsx(PostInput, {
-      className: styles.modalPostInput,
-      initialValue: postValue,
-      userCompanyId: userCompanyId,
-      onChange: onPostChange
-    }), /*#__PURE__*/jsxs(Box, {
-      display: "flex",
-      flexDirection: "column",
-      children: [/*#__PURE__*/jsx(Box, {
-        display: "flex",
-        flexDirection: "column",
-        mb: 2,
-        children: /*#__PURE__*/jsx(KeyboardDateTimePicker, {
-          label: "Time",
-          "data-testid": "".concat(PAGE_NAME, "_date"),
-          className: styles.modalDateInput,
-          disabled: isDepthDataLoading,
-          ampm: false,
-          value: timestampMs,
-          minDate: minDateMs,
-          maxDate: maxDateMs,
-          onChange: onTimestampChange,
-          format: TIME_FORMAT,
-          error: !!timestampError,
-          helperText: timestampError
-        })
-      }), Number.isFinite(holeDepth) && /*#__PURE__*/jsxs(Box, {
-        display: "flex",
-        flexDirection: "column",
-        mb: 3,
-        children: [/*#__PURE__*/jsx("span", {
-          className: styles.modalFieldLabel,
-          children: "Hole Depth"
-        }), /*#__PURE__*/jsx(Regular14, {
-          "data-testid": "".concat(PAGE_NAME, "_holeDepth"),
-          children: isDepthDataLoading ? 'Loading...' : "".concat(holeDepthConverted, " ").concat(depthUnit)
-        })]
-      }), Number.isFinite(bitDepth) && /*#__PURE__*/jsxs(Box, {
-        display: "flex",
-        flexDirection: "column",
-        children: [/*#__PURE__*/jsx("span", {
-          className: styles.modalFieldLabel,
-          children: "Bit Depth"
-        }), /*#__PURE__*/jsx(Regular14, {
-          "data-testid": "".concat(PAGE_NAME, "_bitDepth"),
-          children: isDepthDataLoading ? 'Loading...' : "".concat(bitDepthConverted, " ").concat(depthUnit)
-        })]
-      })]
-    })]
-  });
-};
-TracesMemoModal.propTypes = {
-  isApplyDisabled: PropTypes.bool,
-  isDepthDataLoading: PropTypes.bool,
-  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  timestampMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  minDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  maxDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  timestampError: PropTypes.string,
-  holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  initialAttachment: PropTypes.shape({}),
-  postValue: PropTypes.shape({
-    body: PropTypes.string,
-    attachment: PropTypes.shape({})
-  }).isRequired,
-  onPostChange: PropTypes.func.isRequired,
-  onTimestampChange: PropTypes.func.isRequired,
-  onClose: PropTypes.func,
-  onApply: PropTypes.func
-};
-TracesMemoModal.defaultProps = {
-  initialAttachment: null,
-  onClose: noop,
-  onApply: noop,
-  timestampError: '',
-  isApplyDisabled: false,
-  isDepthDataLoading: false
-};
-
-export { TracesMemoModal as default };
-//# sourceMappingURL=TracesEditModal.js.map
+import e from"prop-types";import{noop as t}from"lodash";import{Grid as i,Button as a,Box as n}from"@material-ui/core";import o from"./TracesEditModal.css.js";import{Regular14 as r}from"../Typography.js";import s from"../Modal/Modal.js";import l from"../KeyboardDateTimePicker.js";import m from"../PostInput/PostInput.js";import{convertValue as p}from"../../utils/convert.js";import{getUnitDisplay as d}from"../../utils/index.js";import{jsxs as c,jsx as h}from"react/jsx-runtime";var u="TracesEditModal",f=function(e){var t=e.onClose,f=e.onApply,D=e.postValue,y=e.onPostChange,b=e.timestampMs,g=e.onTimestampChange,C=e.timestampError,x=e.minDateMs,T=e.maxDateMs,M=e.isApplyDisabled,j=e.isDepthDataLoading,q=e.holeDepth,A=e.bitDepth,R=e.userCompanyId,I=d("length"),L=p(+A,"length","ft"),N=p(+q,"length","ft");return c(s,{open:!0,onClose:t,title:"Edit",contentClassName:o.modal,actions:c(i,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[h(i,{item:!0,children:h(a,{"data-testid":"".concat(u,"_cancel"),color:"primary",onClick:t,children:"Cancel"})}),h(i,{item:!0,children:h(a,{"data-testid":"".concat(u,"_apply"),variant:"contained",color:"primary",disabled:M,onClick:f,children:"Apply"})})]}),children:[h(m,{className:o.modalPostInput,initialValue:D,userCompanyId:R,onChange:y}),c(n,{display:"flex",flexDirection:"column",children:[h(n,{display:"flex",flexDirection:"column",mb:2,children:h(l,{label:"Time","data-testid":"".concat(u,"_date"),className:o.modalDateInput,disabled:j,ampm:!1,value:b,minDate:x,maxDate:T,onChange:g,format:"MM/DD/YYYY, HH:mm",error:!!C,helperText:C})}),Number.isFinite(q)&&c(n,{display:"flex",flexDirection:"column",mb:3,children:[h("span",{className:o.modalFieldLabel,children:"Hole Depth"}),h(r,{"data-testid":"".concat(u,"_holeDepth"),children:j?"Loading...":"".concat(N," ").concat(I)})]}),Number.isFinite(A)&&c(n,{display:"flex",flexDirection:"column",children:[h("span",{className:o.modalFieldLabel,children:"Bit Depth"}),h(r,{"data-testid":"".concat(u,"_bitDepth"),children:j?"Loading...":"".concat(L," ").concat(I)})]})]})]})};f.propTypes={isApplyDisabled:e.bool,isDepthDataLoading:e.bool,userCompanyId:e.oneOfType([e.string,e.number]).isRequired,timestampMs:e.oneOfType([e.string,e.number]).isRequired,minDateMs:e.oneOfType([e.string,e.number]).isRequired,maxDateMs:e.oneOfType([e.string,e.number]).isRequired,timestampError:e.string,holeDepth:e.oneOfType([e.string,e.number]).isRequired,bitDepth:e.oneOfType([e.string,e.number]).isRequired,initialAttachment:e.shape({}),postValue:e.shape({body:e.string,attachment:e.shape({})}).isRequired,onPostChange:e.func.isRequired,onTimestampChange:e.func.isRequired,onClose:e.func,onApply:e.func},f.defaultProps={initialAttachment:null,onClose:t,onApply:t,timestampError:"",isApplyDisabled:!1,isDepthDataLoading:!1};export{f as default};

package/components/TracesEditModal/TracesEditModalContainer.js

@@ -1,148 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import PropTypes from 'prop-types';
-import { useState, useEffect } from 'react';
-import { isEqual, minBy } from 'lodash';
-import TracesMemoModal from './TracesEditModal.js';
-import { FEED_ITEM_TYPES } from '../../constants/feed.js';
-import { getAppStorage } from '../../clients/jsonApi/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-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 { TracesEditModalContainer as default };
-//# 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 p from"./TracesEditModal.js";import{FEED_ITEM_TYPES as c}from"../../constants/feed.js";import{getAppStorage as u}from"../../clients/jsonApi/index.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[c.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,u("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(p,{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({},c.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,66 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState, useRef, useEffect } from 'react';
-import { makeStyles, Tooltip } from '@material-ui/core';
-import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children", "className", "maxLines", "showTooltip"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles({
-  root: function root(_ref) {
-    var maxLines = _ref.maxLines;
-    return _objectSpread({
-      overflow: 'hidden'
-    }, maxLines ? {
-      display: '-webkit-box',
-      '-webkit-line-clamp': maxLines,
-      '-webkit-box-orient': 'vertical'
-    } : {
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
-    });
-  }
-});
-function TruncatedText(_ref2) {
-  var children = _ref2.children,
-    _ref2$className = _ref2.className,
-    className = _ref2$className === void 0 ? '' : _ref2$className,
-    _ref2$maxLines = _ref2.maxLines,
-    maxLines = _ref2$maxLines === void 0 ? null : _ref2$maxLines,
-    _ref2$showTooltip = _ref2.showTooltip,
-    showTooltip = _ref2$showTooltip === void 0 ? true : _ref2$showTooltip,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasTooltip = _useState2[0],
-    setHasTooltip = _useState2[1];
-  var contentRef = useRef();
-  var styles = useStyles({
-    maxLines: maxLines
-  });
-  useEffect(function () {
-    var _contentRef$current = contentRef.current,
-      scrollWidth = _contentRef$current.scrollWidth,
-      clientWidth = _contentRef$current.clientWidth,
-      scrollHeight = _contentRef$current.scrollHeight,
-      clientHeight = _contentRef$current.clientHeight;
-    setHasTooltip(maxLines ? scrollHeight > clientHeight : scrollWidth > clientWidth);
-  });
-  var content = /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-    className: classNames(styles.root, className),
-    ref: contentRef
-  }, otherProps), {}, {
-    children: children
-  }));
-  if (!hasTooltip || !showTooltip) return content;
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: children,
-    children: content
-  });
-}
-
-export { TruncatedText as default };
-//# sourceMappingURL=index.js.map
+import{__assign as i,__rest as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{useState as o,useRef as t,useEffect as l}from"react";import{makeStyles as a,Tooltip as n}from"@material-ui/core";import s from"classnames";var c=a({root:function(e){var r=e.maxLines;return i({overflow:"hidden"},r?{display:"-webkit-box","-webkit-line-clamp":r,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"})}});function m(a){var m=a.children,d=a.className,p=void 0===d?"":d,f=a.maxLines,h=void 0===f?null:f,v=a.showTooltip,u=void 0===v||v,w=e(a,["children","className","maxLines","showTooltip"]),x=o(!1),b=x[0],L=x[1],k=t(),N=c({maxLines:h});l((function(){var i=k.current,e=i.scrollWidth,r=i.clientWidth,o=i.scrollHeight,t=i.clientHeight;L(h?o>t:e>r)}));var g=r("div",i({className:s(N.root,p),ref:k},w,{children:m}));return b&&u?r(n,{title:m,children:g}):g}export{m as default};

package/components/Typography.js

@@ -1,41 +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'
-});
-var SemiBold9 = styled(Typography$1)({
-  fontWeight: 600,
-  fontSize: '0.5625rem'
-});
-
-export { Medium13, Medium14, Regular10, Regular11, Regular12, Regular14, Regular16, Regular20, SemiBold9 };
-//# 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"}),z=e(t)({fontWeight:600,fontSize:"0.5625rem"});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,z as SemiBold9};

package/components/UserCard/index.js

@@ -1,176 +1 @@
-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 '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import { UniversalLink } from '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import 'react';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react-router';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './style.css.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,
-      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 { UserCard$1 as default };
-//# sourceMappingURL=index.js.map
+import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import a from"@material-ui/core/Card";import r from"@material-ui/core/CardActions";import i from"@material-ui/core/CardContent";import o from"@material-ui/core/CardMedia";import n from"@material-ui/core/Chip";import c from"@material-ui/core/Button";import s from"@material-ui/core/Typography";import l from"@material-ui/icons/Email";import m from"@material-ui/icons/Phone";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as d}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsxs as p,jsx as u}from"react/jsx-runtime";import h from"./style.css.js";var f="UserCardDialogPo";function g(e){var t=e.user,g=t.id,v=t.email,b=t.mobile,C=t.title,N=t.first_name,y=t.last_name,_=t.profile_photo,x=e.currentUser,B=e.classes;return p(a,{"data-testid":"".concat(f),className:B.card,children:[u(o,{"data-testid":"".concat(f,"_placeholder"),className:B.media,image:_||"https://cdn.corva.ai/app/images/user-placeholder.svg",title:"".concat(N," ").concat(y),children:Number(x.id)===Number(g)&&u("div",{className:h.cUserCardMediaBackdrop,children:u(d,{href:"/config/users/".concat(g),children:u(n,{"data-not-migrated-MuiChip":!0,"data-testid":"".concat(f,"_viewProfile"),className:h.cUserCardMediaBackdropToProfile,label:"View Profile"})})})}),p(i,{className:B.content,children:[u(s,{"data-testid":"".concat(f,"_name"),variant:"h5",className:B.userName,children:"".concat(N," ").concat(y)}),C&&u(s,{variant:"subtitle1",children:C}),u("br",{}),v&&u("a",{href:"mailto:".concat(v),target:"_top",children:p(s,{"data-testid":"".concat(f,"_email"),gutterBottom:!0,variant:"body1",className:B.contact,children:[u(l,{className:B.contactIcon}),v]})}),b&&u("a",{href:"tel:".concat(b),target:"_top",children:p(s,{"data-testid":"".concat(f,"_phone"),variant:"body1",className:B.contact,children:[u(m,{className:B.contactIcon}),b]})})]}),p(r,{className:B.actions,children:[v?u("a",{href:"mailto:".concat(v),target:"_top",children:u(c,{"data-testid":"".concat(f,"_emailButton"),className:B.actionButton,variant:"contained",color:"primary",children:"Email"})}):u(c,{disabled:!0,className:B.actionButton,variant:"contained",color:"primary",children:"Email"}),u(c,{"data-testid":"".concat(f,"_messageButton"),disabled:!0,className:B.actionButton,variant:"contained",color:"primary",children:"Message"})]})]})}g.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])})},g.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,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}}}))(g);export{v as default};

package/components/UserCard/style.css.js

@@ -0,0 +1 @@
+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:13px;font-weight:200;height:32px;justify-content:center;line-height:17px;opacity:.86;width:92px}.style_cUserCardMediaBackdropToProfile__jljG2{display:none;left:50%;position:absolute;top:14px;transform:translateX(-50%)}");export{r as default};