@corva/ui 0.34.0-rc.0 → 0.34.0-rc.3

package/components/TracesEditModal/TracesEditModal.js

@@ -1 +1,138 @@
-import e from"prop-types";import{noop as i}from"lodash";import{Grid as n,Button as a,Box as o}from"@material-ui/core";import{Regular14 as t}from"../Typography.js";import r from"../Modal/index.js";import s from"../KeyboardDateTimePicker.js";import l from"../PostInput/PostInput.js";import m from"./TracesEditModal.css.js";import{jsxs as p,jsx as d}from"react/jsx-runtime";var c=function(e){var i=e.onClose,c=e.onApply,u=e.postValue,h=e.onPostChange,f=e.timestampMs,y=e.onTimestampChange,D=e.timestampError,b=e.minDateMs,g=e.maxDateMs,C=e.isApplyDisabled,x=e.isDepthDataLoading,T=e.holeDepth,M=e.bitDepth,q=e.userCompanyId;return p(r,{open:!0,onClose:i,title:"Edit",contentClassName:m.modal,actions:p(n,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[d(n,{item:!0,children:d(a,{color:"primary",onClick:i,children:"Cancel"})}),d(n,{item:!0,children:d(a,{variant:"contained",color:"primary",disabled:C,onClick:c,children:"Apply"})})]}),children:[d(l,{className:m.modalPostInput,initialValue:u,userCompanyId:q,onChange:h}),p(o,{display:"flex",flexDirection:"column",children:[p(o,{display:"flex",flexDirection:"column",mb:2,children:[d("span",{className:m.modalFieldLabel,children:"Time"}),d(s,{className:m.modalDateInput,disabled:x,ampm:!1,value:f,minDate:b,maxDate:g,onChange:y,format:"MM/DD/YYYY, HH:mm",error:!!D,helperText:D})]}),p(o,{display:"flex",flexDirection:"column",mb:3,children:[d("span",{className:m.modalFieldLabel,children:"Hole Depth"}),d(t,{children:x?"Loading...":"".concat(T,"’")})]}),p(o,{display:"flex",flexDirection:"column",children:[d("span",{className:m.modalFieldLabel,children:"Bit Depth"}),d(t,{children:x?"Loading...":"".concat(M,"’")})]})]})]})};c.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},c.defaultProps={initialAttachment:null,onClose:i,onApply:i,timestampError:"",isApplyDisabled:!1,isDepthDataLoading:!1};export{c as default};
+import { noop } from 'lodash';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Grid, Button, Box } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import Modal from '../Modal/index.js';
+import { Regular14 } from '../Typography.js';
+import KeyboardDateTimePicker from '../KeyboardDateTimePicker.js';
+import PostInput from '../PostInput/PostInput.js';
+import styles from './TracesEditModal.css.js';
+
+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;
+  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, {
+          color: "primary",
+          onClick: onClose,
+          children: "Cancel"
+        })
+      }), /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Button, {
+          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__*/jsxs(Box, {
+        display: "flex",
+        flexDirection: "column",
+        mb: 2,
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.modalFieldLabel,
+          children: "Time"
+        }), /*#__PURE__*/jsx(KeyboardDateTimePicker, {
+          className: styles.modalDateInput,
+          disabled: isDepthDataLoading,
+          ampm: false,
+          value: timestampMs,
+          minDate: minDateMs,
+          maxDate: maxDateMs,
+          onChange: onTimestampChange,
+          format: TIME_FORMAT,
+          error: !!timestampError,
+          helperText: timestampError
+        })]
+      }), /*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        flexDirection: "column",
+        mb: 3,
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.modalFieldLabel,
+          children: "Hole Depth"
+        }), /*#__PURE__*/jsx(Regular14, {
+          children: isDepthDataLoading ? 'Loading...' : "".concat(holeDepth, "\u2019")
+        })]
+      }), /*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        flexDirection: "column",
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.modalFieldLabel,
+          children: "Bit Depth"
+        }), /*#__PURE__*/jsx(Regular14, {
+          children: isDepthDataLoading ? 'Loading...' : "".concat(bitDepth, "\u2019")
+        })]
+      })]
+    })]
+  });
+};
+
+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 default TracesMemoModal;
+//# sourceMappingURL=TracesEditModal.js.map

package/components/TracesEditModal/TracesEditModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TracesEditModal.js","sources":["../../../src/components/TracesEditModal/TracesEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { Grid, Button, Box } from '@material-ui/core';\n\nimport { Regular14 } from '~/components/Typography';\nimport Modal from '~/components/Modal';\nimport KeyboardDateTimePicker from '~/components/KeyboardDateTimePicker';\nimport PostInput from '~/components/PostInput';\n\nimport styles from './TracesEditModal.css';\n\nconst TIME_FORMAT = 'MM/DD/YYYY, HH:mm';\n\nconst TracesMemoModal = ({\n  onClose,\n  onApply,\n  postValue,\n  onPostChange,\n  timestampMs,\n  onTimestampChange,\n  timestampError,\n  minDateMs,\n  maxDateMs,\n  isApplyDisabled,\n  isDepthDataLoading,\n  holeDepth,\n  bitDepth,\n  userCompanyId,\n}) => {\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Edit\"\n      contentClassName={styles.modal}\n      actions={\n        <Grid container direction=\"row\" justify=\"flex-end\" alignItems=\"center\" spacing={2}>\n          <Grid item>\n            <Button color=\"primary\" onClick={onClose}>\n              Cancel\n            </Button>\n          </Grid>\n          <Grid item>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isApplyDisabled}\n              onClick={onApply}\n            >\n              Apply\n            </Button>\n          </Grid>\n        </Grid>\n      }\n    >\n      <PostInput\n        className={styles.modalPostInput}\n        initialValue={postValue}\n        userCompanyId={userCompanyId}\n        onChange={onPostChange}\n      />\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box display=\"flex\" flexDirection=\"column\" mb={2}>\n          <span className={styles.modalFieldLabel}>Time</span>\n          <KeyboardDateTimePicker\n            className={styles.modalDateInput}\n            disabled={isDepthDataLoading}\n            ampm={false}\n            value={timestampMs}\n            minDate={minDateMs}\n            maxDate={maxDateMs}\n            onChange={onTimestampChange}\n            format={TIME_FORMAT}\n            error={!!timestampError}\n            helperText={timestampError}\n          />\n        </Box>\n        <Box display=\"flex\" flexDirection=\"column\" mb={3}>\n          <span className={styles.modalFieldLabel}>Hole Depth</span>\n          <Regular14>{isDepthDataLoading ? 'Loading...' : `${holeDepth}’`}</Regular14>\n        </Box>\n        <Box display=\"flex\" flexDirection=\"column\">\n          <span className={styles.modalFieldLabel}>Bit Depth</span>\n          <Regular14>{isDepthDataLoading ? 'Loading...' : `${bitDepth}’`}</Regular14>\n        </Box>\n      </Box>\n    </Modal>\n  );\n};\n\nTracesMemoModal.propTypes = {\n  isApplyDisabled: PropTypes.bool,\n  isDepthDataLoading: PropTypes.bool,\n  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  minDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  maxDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampError: PropTypes.string,\n  holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  initialAttachment: PropTypes.shape({}),\n  postValue: PropTypes.shape({\n    body: PropTypes.string,\n    attachment: PropTypes.shape({}),\n  }).isRequired,\n  onPostChange: PropTypes.func.isRequired,\n  onTimestampChange: PropTypes.func.isRequired,\n  onClose: PropTypes.func,\n  onApply: PropTypes.func,\n};\n\nTracesMemoModal.defaultProps = {\n  initialAttachment: null,\n  onClose: noop,\n  onApply: noop,\n  timestampError: '',\n  isApplyDisabled: false,\n  isDepthDataLoading: false,\n};\n\nexport default TracesMemoModal;\n"],"names":["TIME_FORMAT","TracesMemoModal","onClose","onApply","postValue","onPostChange","timestampMs","onTimestampChange","timestampError","minDateMs","maxDateMs","isApplyDisabled","isDepthDataLoading","holeDepth","bitDepth","userCompanyId","_jsxs","styles","modal","_jsx","modalPostInput","modalFieldLabel","modalDateInput","propTypes","PropTypes","bool","oneOfType","string","number","isRequired","initialAttachment","shape","body","attachment","func","defaultProps","noop"],"mappings":"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"}

package/components/TracesEditModal/TracesEditModalContainer.js

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

package/components/TracesEditModal/TracesEditModalContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TracesEditModalContainer.js","sources":["../../../src/components/TracesEditModal/TracesEditModalContainer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect } from 'react';\nimport { minBy, isEqual } from 'lodash';\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\nimport { getAppStorage } from '~/clients/jsonApi';\n\nimport TracesEditModal from './TracesEditModal';\n\nconst validateTimestamp = (timestamp, minTime, maxTime) => {\n  if (Number.isNaN(timestamp)) {\n    return \"Can't parse date or time format\";\n  }\n  if (timestamp < minTime || timestamp > maxTime) {\n    return 'Should be in range of available traces data';\n  }\n  return '';\n};\nconst RECORDS_AROUND_DELTA_SEC = 5;\n\nconst TracesEditModalContainer = ({\n  feedItem,\n  onSave,\n  onClose,\n  minDateSec,\n  maxDateSec,\n  assetId,\n}) => {\n  const feedItemContext = feedItem.context[FEED_ITEM_TYPES.TRACES_MEMO];\n  const { attachment } = feedItemContext;\n  const initialTimestamp = feedItemContext.timestamp;\n  const initialBody = feedItemContext.body;\n  const initialPostInputValue = {\n    body: initialBody,\n    attachment,\n  };\n\n  const [editedPostInputValue, setEditedPostInputValue] = useState(initialPostInputValue);\n  const [editedTimestamp, setEditedTimestamp] = useState(initialTimestamp);\n  const [editedHoleDepth, setEditedHoleDepth] = useState(feedItemContext.holeDepth);\n  const [editedBitDepth, setEditedBitDepth] = useState(feedItemContext.bitDepth);\n  const [isDepthDataLoading, setIsDepthDataLoading] = useState(false);\n\n  const timestampError = validateTimestamp(editedTimestamp, minDateSec, maxDateSec);\n\n  const isApplyDisabled =\n    Number.isNaN(editedTimestamp) ||\n    (!editedPostInputValue.body && !editedPostInputValue.attachment) ||\n    (initialTimestamp === editedTimestamp && isEqual(initialPostInputValue, editedPostInputValue));\n\n  const loadDepthDetailsForTimestamp = async timestampSec => {\n    const startTimestamp = timestampSec - RECORDS_AROUND_DELTA_SEC;\n    const endTimestamp = timestampSec + RECORDS_AROUND_DELTA_SEC;\n\n    const query = `{timestamp#gte#${startTimestamp}}AND{timestamp#lte#${endTimestamp}}`;\n\n    setIsDepthDataLoading(true);\n\n    try {\n      const records = await getAppStorage('corva', 'wits', assetId, {\n        limit: 10,\n        query,\n      });\n      const closestRecord =\n        records && minBy(records, record => Math.abs(record.timestamp - timestampSec));\n\n      setEditedHoleDepth(closestRecord.data.hole_depth);\n      setEditedBitDepth(closestRecord.data.bit_depth);\n    } catch (error) {\n      console.error(error);\n    }\n    setIsDepthDataLoading(false);\n  };\n\n  const onTimestampChange = newDate => {\n    setEditedTimestamp(newDate.unix());\n  };\n\n  const onApplyChanges = () =>\n    onSave({\n      context: {\n        [FEED_ITEM_TYPES.TRACES_MEMO]: {\n          body: editedPostInputValue.body,\n          attachment: editedPostInputValue.attachment,\n          timestamp: editedTimestamp,\n          holeDepth: editedHoleDepth,\n          bitDepth: editedBitDepth,\n        },\n      },\n    });\n\n  useEffect(() => {\n    if (!editedTimestamp || timestampError || initialTimestamp === editedTimestamp) return;\n\n    loadDepthDetailsForTimestamp(editedTimestamp);\n  }, [timestampError, editedTimestamp, initialTimestamp]);\n\n  return (\n    <TracesEditModal\n      postValue={editedPostInputValue}\n      onPostChange={setEditedPostInputValue}\n      timestampMs={editedTimestamp * 1000}\n      timestampError={timestampError}\n      minDateMs={minDateSec * 1000}\n      maxDateMs={maxDateSec * 1000}\n      isDepthDataLoading={isDepthDataLoading}\n      isApplyDisabled={isApplyDisabled}\n      holeDepth={editedHoleDepth}\n      bitDepth={editedBitDepth}\n      userCompanyId={feedItem.company_id}\n      onTimestampChange={onTimestampChange}\n      onApply={onApplyChanges}\n      onClose={onClose}\n    />\n  );\n};\n\nTracesEditModalContainer.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n  minDateSec: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  maxDateSec: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  assetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n};\n\nexport default TracesEditModalContainer;\n"],"names":["validateTimestamp","timestamp","minTime","maxTime","Number","isNaN","RECORDS_AROUND_DELTA_SEC","TracesEditModalContainer","feedItem","onSave","onClose","minDateSec","maxDateSec","assetId","feedItemContext","context","FEED_ITEM_TYPES","TRACES_MEMO","attachment","initialTimestamp","initialBody","body","initialPostInputValue","useState","editedPostInputValue","setEditedPostInputValue","editedTimestamp","setEditedTimestamp","holeDepth","editedHoleDepth","setEditedHoleDepth","bitDepth","editedBitDepth","setEditedBitDepth","isDepthDataLoading","setIsDepthDataLoading","timestampError","isApplyDisabled","isEqual","loadDepthDetailsForTimestamp","timestampSec","startTimestamp","endTimestamp","query","getAppStorage","limit","records","closestRecord","minBy","record","Math","abs","data","hole_depth","bit_depth","console","error","onTimestampChange","newDate","unix","onApplyChanges","useEffect","_jsx","TracesEditModal","company_id","propTypes","PropTypes","shape","isRequired","func","oneOfType","number","string"],"mappings":"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"}

package/components/TruncatedText/index.js

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

package/components/TruncatedText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TruncatedText/index.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Tooltip } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  root: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n});\n\nfunction TruncatedText({ children, ...otherProps }) {\n  const [hasTooltip, setHasTooltip] = useState(false);\n  const contentRef = useRef();\n  const styles = useStyles();\n\n  useEffect(() => {\n    const { scrollWidth, clientWidth } = contentRef.current;\n    setHasTooltip(scrollWidth > clientWidth);\n  });\n\n  const content = (\n    <div className={styles.root} ref={contentRef} {...otherProps}>\n      {children}\n    </div>\n  );\n\n  if (!hasTooltip) return content;\n  return <Tooltip title={children}>{content}</Tooltip>;\n}\n\nTruncatedText.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n};\n\nexport default TruncatedText;\n"],"names":["useStyles","makeStyles","root","overflow","whiteSpace","textOverflow","TruncatedText","children","otherProps","useState","hasTooltip","setHasTooltip","contentRef","useRef","styles","useEffect","current","scrollWidth","clientWidth","content","_jsx","propTypes","PropTypes","oneOfType","node","string","isRequired"],"mappings":";;;;;;;;;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,QADN;AAEJC,IAAAA,UAAU,EAAE,QAFR;AAGJC,IAAAA,YAAY,EAAE;AAHV;AADqB,CAAD,CAA5B;;AAQA,SAASC,aAAT,OAAoD;AAAA,MAA3BC,QAA2B,QAA3BA,QAA2B;AAAA,MAAdC,UAAc;;AAAA,kBACdC,QAAQ,CAAC,KAAD,CADM;AAAA;AAAA,MAC3CC,UAD2C;AAAA,MAC/BC,aAD+B;;AAElD,MAAMC,UAAU,GAAGC,MAAM,EAAzB;AACA,MAAMC,MAAM,GAAGd,SAAS,EAAxB;AAEAe,EAAAA,SAAS,CAAC,YAAM;AAAA,8BACuBH,UAAU,CAACI,OADlC;AAAA,QACNC,WADM,uBACNA,WADM;AAAA,QACOC,WADP,uBACOA,WADP;AAEdP,IAAAA,aAAa,CAACM,WAAW,GAAGC,WAAf,CAAb;AACD,GAHQ,CAAT;;AAKA,MAAMC,OAAO,gBACXC;AAAK,IAAA,SAAS,EAAEN,MAAM,CAACZ,IAAvB;AAA6B,IAAA,GAAG,EAAEU;AAAlC,KAAkDJ,UAAlD;AAAA,cACGD;AADH,KADF;;AAMA,MAAI,CAACG,UAAL,EAAiB,OAAOS,OAAP;AACjB,sBAAOC,IAAC,OAAD;AAAS,IAAA,KAAK,EAAEb,QAAhB;AAAA,cAA2BY;AAA3B,IAAP;AACD;;AAEDb,aAAa,CAACe,SAAd,GAA0B;AACxBd,EAAAA,QAAQ,EAAEe,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,IAAX,EAAiBF,SAAS,CAACG,MAA3B,CAApB,EAAwDC;AAD1C,CAA1B;;;;"}

package/components/Typography.js

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

package/components/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../../src/components/Typography.js"],"sourcesContent":["import { Typography, styled } from '@material-ui/core';\n\nexport const Regular10 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.625rem',\n});\n\nexport const Regular11 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.6875rem',\n});\n\nexport const Regular12 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.75rem',\n});\n\nexport const Regular14 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.875rem',\n});\n\nexport const Regular16 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '1rem',\n});\n\nexport const Regular20 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '1.25rem',\n});\n\nexport const Medium13 = styled(Typography)({\n  fontWeight: 500,\n  fontSize: '0.8125rem',\n});\n\nexport const Medium14 = styled(Typography)({\n  fontWeight: 500,\n  fontSize: '0.875rem',\n});\n"],"names":["Regular10","styled","Typography","fontWeight","fontSize","Regular11","Regular12","Regular14","Regular16","Regular20","Medium13","Medium14"],"mappings":";;IAEaA,SAAS,GAAGC,MAAM,CAACC,YAAD,CAAN,CAAmB;AAC1CC,EAAAA,UAAU,EAAE,GAD8B;AAE1CC,EAAAA,QAAQ,EAAE;AAFgC,CAAnB;IAKZC,SAAS,GAAGJ,MAAM,CAACC,YAAD,CAAN,CAAmB;AAC1CC,EAAAA,UAAU,EAAE,GAD8B;AAE1CC,EAAAA,QAAQ,EAAE;AAFgC,CAAnB;IAKZE,SAAS,GAAGL,MAAM,CAACC,YAAD,CAAN,CAAmB;AAC1CC,EAAAA,UAAU,EAAE,GAD8B;AAE1CC,EAAAA,QAAQ,EAAE;AAFgC,CAAnB;IAKZG,SAAS,GAAGN,MAAM,CAACC,YAAD,CAAN,CAAmB;AAC1CC,EAAAA,UAAU,EAAE,GAD8B;AAE1CC,EAAAA,QAAQ,EAAE;AAFgC,CAAnB;IAKZI,SAAS,GAAGP,MAAM,CAACC,YAAD,CAAN,CAAmB;AAC1CC,EAAAA,UAAU,EAAE,GAD8B;AAE1CC,EAAAA,QAAQ,EAAE;AAFgC,CAAnB;IAKZK,SAAS,GAAGR,MAAM,CAACC,YAAD,CAAN,CAAmB;AAC1CC,EAAAA,UAAU,EAAE,GAD8B;AAE1CC,EAAAA,QAAQ,EAAE;AAFgC,CAAnB;IAKZM,QAAQ,GAAGT,MAAM,CAACC,YAAD,CAAN,CAAmB;AACzCC,EAAAA,UAAU,EAAE,GAD6B;AAEzCC,EAAAA,QAAQ,EAAE;AAF+B,CAAnB;IAKXO,QAAQ,GAAGV,MAAM,CAACC,YAAD,CAAN,CAAmB;AACzCC,EAAAA,UAAU,EAAE,GAD6B;AAEzCC,EAAAA,QAAQ,EAAE;AAF+B,CAAnB;;;;"}