@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/Tooltip/ScrollableTooltip.js

@@ -1 +1,102 @@
-import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as a,Fragment as r}from"react/jsx-runtime";import o from"classnames";import{makeStyles as p}from"@material-ui/core";import{Tooltip as l}from"./Tooltip.js";var s=p((function(t){return{popper:{"& .MuiTooltip-tooltip":{backgroundColor:t.palette.background.b10,margin:12,marginTop:"7px !important",maxHeight:"calc(100vh - 24px)",maxWidth:500}},staticTitle:{fontSize:12,fontWeight:400,letterSpacing:"0.4px",lineHeight:"16px",whiteSpace:"nowrap",padding:"8px 8px 0 8px"},titleWrapper:{position:"relative","&::before, &::after":{content:'""',height:16,position:"absolute",width:"100%"},"&::before":{background:"linear-gradient(180deg, ".concat(t.palette.background.b10," 18.23%, rgba(59, 59, 59, 0) 100%)"),opacity:.8,top:0},"&::after":{background:"linear-gradient(0deg, ".concat(t.palette.background.b10," 18.23%, rgba(59, 59, 59, 0) 100%)"),bottom:0,opacity:.8,borderRadius:4}},title:{maxHeight:function(t){var e=t.staticTitleHeight;return"calc(100vh - ".concat((void 0===e?0:e)+24,"px)")},overflowY:"auto",padding:"8px 16px 8px 8px"}}})),c=function(p){var c=p.classes,n=void 0===c?{}:c,d=p.popperClassName,m=void 0===d?"":d,g=p.staticTitle,u=void 0===g?"":g,h=p.staticTitleHeight,b=void 0===h?0:h,v=p.title,x=p.titleClassName,f=void 0===x?"":x,T=p.titleWrapperClassName,N=void 0===T?"":T,C=t(p,["classes","popperClassName","staticTitle","staticTitleHeight","title","titleClassName","titleWrapperClassName"]),H=s({staticTitleHeight:u?b||24:0});return i(l,e({interactive:!0,isFullScreen:!1,title:u||v?a(r,{children:[u&&i("div",{className:H.staticTitle,children:u}),i("div",{className:o(H.titleWrapper,N),children:i("div",{className:o(H.title,f),children:v})})]}):"",classes:e(e({},n),{popper:o(H.popper,n.popper,m)})},C))};export{c as ScrollableTooltip};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import { Tooltip } from './Tooltip.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var _excluded = ["classes", "popperClassName", "staticTitle", "staticTitleHeight", "title", "titleClassName", "titleWrapperClassName"];
+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(function (theme) {
+  return {
+    popper: {
+      '& .MuiTooltip-tooltip': {
+        backgroundColor: theme.palette.background.b10,
+        margin: 12,
+        // NOTE: interactive Tooltip is set 5px from the window top so in total it will result in 12px margin
+        marginTop: '7px !important',
+        maxHeight: 'calc(100vh - 24px)',
+        maxWidth: 500
+      }
+    },
+    staticTitle: {
+      fontSize: 12,
+      fontWeight: 400,
+      letterSpacing: '0.4px',
+      lineHeight: '16px',
+      whiteSpace: 'nowrap',
+      padding: '8px 8px 0 8px'
+    },
+    titleWrapper: {
+      position: 'relative',
+      '&::before, &::after': {
+        content: '""',
+        height: 16,
+        position: 'absolute',
+        width: '100%'
+      },
+      '&::before': {
+        background: "linear-gradient(180deg, ".concat(theme.palette.background.b10, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
+        opacity: 0.8,
+        top: 0
+      },
+      '&::after': {
+        background: "linear-gradient(0deg, ".concat(theme.palette.background.b10, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
+        bottom: 0,
+        opacity: 0.8,
+        borderRadius: 4
+      }
+    },
+    title: {
+      maxHeight: function maxHeight(_ref) {
+        var _ref$staticTitleHeigh = _ref.staticTitleHeight,
+          staticTitleHeight = _ref$staticTitleHeigh === void 0 ? 0 : _ref$staticTitleHeigh;
+        return "calc(100vh - ".concat(staticTitleHeight + 24, "px)");
+      },
+      overflowY: 'auto',
+      padding: '8px 16px 8px 8px'
+    }
+  };
+});
+var ScrollableTooltip = function ScrollableTooltip(_ref2) {
+  var _ref2$classes = _ref2.classes,
+    classesProp = _ref2$classes === void 0 ? {} : _ref2$classes,
+    _ref2$popperClassName = _ref2.popperClassName,
+    popperClassName = _ref2$popperClassName === void 0 ? '' : _ref2$popperClassName,
+    _ref2$staticTitle = _ref2.staticTitle,
+    staticTitle = _ref2$staticTitle === void 0 ? '' : _ref2$staticTitle,
+    _ref2$staticTitleHeig = _ref2.staticTitleHeight,
+    staticTitleHeight = _ref2$staticTitleHeig === void 0 ? 0 : _ref2$staticTitleHeig,
+    title = _ref2.title,
+    _ref2$titleClassName = _ref2.titleClassName,
+    titleClassName = _ref2$titleClassName === void 0 ? '' : _ref2$titleClassName,
+    _ref2$titleWrapperCla = _ref2.titleWrapperClassName,
+    titleWrapperClassName = _ref2$titleWrapperCla === void 0 ? '' : _ref2$titleWrapperCla,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var classes = useStyles({
+    staticTitleHeight: staticTitle ? staticTitleHeight || 24 : 0
+  });
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread({
+    interactive: true,
+    isFullScreen: false,
+    title: staticTitle || title ? /*#__PURE__*/jsxs(Fragment, {
+      children: [staticTitle && /*#__PURE__*/jsx("div", {
+        className: classes.staticTitle,
+        children: staticTitle
+      }), /*#__PURE__*/jsx("div", {
+        className: classNames(classes.titleWrapper, titleWrapperClassName),
+        children: /*#__PURE__*/jsx("div", {
+          className: classNames(classes.title, titleClassName),
+          children: title
+        })
+      })]
+    }) : '',
+    classes: _objectSpread(_objectSpread({}, classesProp), {}, {
+      popper: classNames(classes.popper, classesProp.popper, popperClassName)
+    })
+  }, props));
+};
+
+export { ScrollableTooltip };
+//# sourceMappingURL=ScrollableTooltip.js.map

package/components/Tooltip/ScrollableTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableTooltip.js","sources":["../../../src/components/Tooltip/ScrollableTooltip.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, Theme, TooltipProps } from '@material-ui/core';\nimport { Tooltip } from './Tooltip';\nimport { ReactNode } from 'react';\n\nconst useStyles = makeStyles<Theme, { staticTitleHeight: number }>(theme => ({\n  popper: {\n    '& .MuiTooltip-tooltip': {\n      backgroundColor: theme.palette.background.b10,\n      margin: 12,\n      // NOTE: interactive Tooltip is set 5px from the window top so in total it will result in 12px margin\n      marginTop: '7px !important',\n      maxHeight: 'calc(100vh - 24px)',\n      maxWidth: 500,\n    },\n  },\n  staticTitle: {\n    fontSize: 12,\n    fontWeight: 400,\n    letterSpacing: '0.4px',\n    lineHeight: '16px',\n    whiteSpace: 'nowrap',\n    padding: '8px 8px 0 8px',\n  },\n  titleWrapper: {\n    position: 'relative',\n    '&::before, &::after': {\n      content: '\"\"',\n      height: 16,\n      position: 'absolute',\n      width: '100%',\n    },\n    '&::before': {\n      background: `linear-gradient(180deg, ${theme.palette.background.b10} 18.23%, rgba(59, 59, 59, 0) 100%)`,\n      opacity: 0.8,\n      top: 0,\n    },\n    '&::after': {\n      background: `linear-gradient(0deg, ${theme.palette.background.b10} 18.23%, rgba(59, 59, 59, 0) 100%)`,\n      bottom: 0,\n      opacity: 0.8,\n      borderRadius: 4,\n    },\n  },\n  title: {\n    maxHeight: ({ staticTitleHeight = 0 }) => `calc(100vh - ${staticTitleHeight + 24}px)`,\n    overflowY: 'auto',\n    padding: '8px 16px 8px 8px',\n  },\n}));\n\ninterface ScrollableTooltip extends Omit<TooltipProps, 'classes' | 'title'> {\n  classes?: TooltipProps['classes'];\n  popperClassName?: string;\n  staticTitle?: ReactNode;\n  staticTitleHeight?: number;\n  title: ReactNode;\n  titleClassName?: string;\n  titleWrapperClassName?: string;\n}\n\nexport const ScrollableTooltip = ({\n  classes: classesProp = {},\n  popperClassName = '',\n  staticTitle = '',\n  staticTitleHeight = 0,\n  title,\n  titleClassName = '',\n  titleWrapperClassName = '',\n  ...props\n}: ScrollableTooltip): JSX.Element => {\n  const classes = useStyles({ staticTitleHeight: staticTitle ? staticTitleHeight || 24 : 0 });\n\n  return (\n    <Tooltip\n      interactive\n      isFullScreen={false}\n      title={\n        staticTitle || title ? (\n          <>\n            {staticTitle && <div className={classes.staticTitle}>{staticTitle}</div>}\n            <div className={classNames(classes.titleWrapper, titleWrapperClassName)}>\n              <div className={classNames(classes.title, titleClassName)}>{title}</div>\n            </div>\n          </>\n        ) : (\n          ''\n        )\n      }\n      classes={{\n        ...classesProp,\n        popper: classNames(classes.popper, classesProp.popper, popperClassName),\n      }}\n      {...props}\n    />\n  );\n};\n"],"names":["useStyles","makeStyles","theme","popper","backgroundColor","palette","background","b10","margin","marginTop","maxHeight","maxWidth","staticTitle","fontSize","fontWeight","letterSpacing","lineHeight","whiteSpace","padding","titleWrapper","position","content","height","width","opacity","top","bottom","borderRadius","title","staticTitleHeight","overflowY","ScrollableTooltip","classes","classesProp","popperClassName","titleClassName","titleWrapperClassName","props","_jsx","_jsxs","_Fragment","classNames"],"mappings":"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"}

package/components/Tooltip/Tooltip.js

@@ -1 +1,25 @@
-import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{Tooltip as n}from"@material-ui/core";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as i}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideIsolatedDcApp as t}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{MuiTooltipDcWrapper as s}from"./MuiTooltipDcWrapper.js";function p(p){var l=p.isFullScreen,m=void 0===l||l,c=e(p,["isFullScreen"]),d=t(),a=i();return o(m&&d&&!a?s:n,r({},c))}export{p as Tooltip};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Tooltip as Tooltip$1 } from '@material-ui/core';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper.js';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["isFullScreen"];
+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; }
+function Tooltip(_ref) {
+  var _ref$isFullScreen = _ref.isFullScreen,
+    isFullScreen = _ref$isFullScreen === void 0 ? true : _ref$isFullScreen,
+    tooltipProps = _objectWithoutProperties(_ref, _excluded);
+  var isInsideDcApp = useIsInsideIsolatedDcApp();
+  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
+  var TooltipComponent = isFullScreen && isInsideDcApp && !isInsideDcFullscreenElem ? MuiTooltipDcWrapper : Tooltip$1;
+  return /*#__PURE__*/jsx(TooltipComponent, _objectSpread({}, tooltipProps));
+}
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip, TooltipProps as MuiTooltipProps } from '@material-ui/core';\n\nimport { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper';\nimport * as React from 'react';\nimport { ChangeEvent, ReactElement, ReactNode } from 'react';\n\n// Props copied from MUI so SB can pick up their types\nexport type TooltipProps = {\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title: ReactNode;\n  /**\n   * Element to position a tooltip to.\n   *\n   * ⚠️ Has to be a *single* reffable child (use `forwardRef` for custom components)\n   */\n  children: ReactElement;\n  isFullScreen?: boolean;\n  disableFocusListener?: boolean;\n  /**\n   * Do not respond to hover events.\n   */\n  disableHoverListener?: boolean;\n  /**\n   * Do not respond to long press touch events.\n   */\n  disableTouchListener?: boolean;\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This prop won't impact the enter touch delay (`enterTouchDelay`).\n   */\n  enterDelay?: number;\n  /**\n   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.\n   */\n  enterNextDelay?: number;\n  /**\n   * The number of milliseconds a user must touch the element before showing the tooltip.\n   */\n  enterTouchDelay?: number;\n  /**\n   * This prop is used to help implement the accessibility logic.\n   * If you don't provide this prop. It falls back to a randomly generated id.\n   */\n  id?: string;\n  /**\n   * Makes a tooltip interactive, i.e. will not close when the user\n   * hovers over the tooltip before the `leaveDelay` is expired.\n   */\n  interactive?: boolean;\n  /**\n   * The number of milliseconds to wait before hiding the tooltip.\n   * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n   */\n  leaveDelay?: number;\n  /**\n   * The number of milliseconds after the user stops touching an element before hiding the tooltip.\n   */\n  leaveTouchDelay?: number;\n  /**\n   * Callback fired when the component requests to be closed.\n   */\n  onClose?: (event: ChangeEvent<{}>) => void;\n  /**\n   * Callback fired when the component requests to be open.\n   */\n  onOpen?: (event: ChangeEvent<{}>) => void;\n  /**\n   * If `true`, the tooltip is shown.\n   */\n  open?: boolean;\n  /**\n   * Tooltip placement.\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n  classes?: Record<string, string>;\n} & Omit<\n  MuiTooltipProps,\n  | 'title'\n  | 'children'\n  | 'disableFocusListener'\n  | 'disableHoverListener'\n  | 'disableTouchListener'\n  | 'enterDelay'\n  | 'enterNextDelay'\n  | 'enterTouchDelay'\n  | 'id'\n  | 'interactive'\n  | 'leaveDelay'\n  | 'leaveTouchDelay'\n  | 'onClose'\n  | 'onOpen'\n  | 'open'\n  | 'placement'\n  | 'classes'\n>;\n\nexport function Tooltip({ isFullScreen = true, ...tooltipProps }: TooltipProps): JSX.Element {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const TooltipComponent =\n    isFullScreen && isInsideDcApp && !isInsideDcFullscreenElem ? MuiTooltipDcWrapper : MuiTooltip;\n\n  return <TooltipComponent {...tooltipProps} />;\n}\n"],"names":["Tooltip","isFullScreen","tooltipProps","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","TooltipComponent","MuiTooltipDcWrapper","MuiTooltip","_jsx"],"mappings":";;;;;;;;;;;;;AAgHO,SAASA,OAAO,CAAsE,IAAA,EAAA;AAAA,EAAA,IAAA,iBAAA,GAAA,IAAA,CAAnEC,YAAY;AAAZA,IAAAA,YAAY,kCAAG,IAAI,GAAA,iBAAA;IAAKC,YAAY,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAC5D,IAAMC,aAAa,GAAGC,wBAAwB,EAAE,CAAA;EAChD,IAAMC,wBAAwB,GAAGC,2BAA2B,EAAE,CAAA;EAE9D,IAAMC,gBAAgB,GACpBN,YAAY,IAAIE,aAAa,IAAI,CAACE,wBAAwB,GAAGG,mBAAmB,GAAGC,SAAU,CAAA;AAE/F,EAAA,oBAAOC,GAAC,CAAA,gBAAgB,EAAKR,aAAAA,CAAAA,EAAAA,EAAAA,YAAY,CAAI,CAAA,CAAA;AAC/C;;;;"}

package/components/TracesEditModal/TracesEditModal.css.js

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

package/components/TracesEditModal/TracesEditModal.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/TracesEditModal/TracesEditModal.js

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

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 styles from './TracesEditModal.css';\n\nimport { Regular14 } from '~/components/Typography';\nimport Modal from '~/components/Modal';\nimport KeyboardDateTimePicker from '~/components/KeyboardDateTimePicker';\nimport PostInput from '~/components/PostInput';\nimport { convertValue } from '~/utils/convert';\nimport { getUnitDisplay } from '~/utils';\n\nconst PAGE_NAME = 'TracesEditModal';\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  const depthUnit = getUnitDisplay('length');\n  const bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\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 data-testid={`${PAGE_NAME}_cancel`} color=\"primary\" onClick={onClose}>\n              Cancel\n            </Button>\n          </Grid>\n          <Grid item>\n            <Button\n              data-testid={`${PAGE_NAME}_apply`}\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          <KeyboardDateTimePicker\n            label=\"Time\"\n            data-testid={`${PAGE_NAME}_date`}\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        {Number.isFinite(holeDepth) && (\n          <Box display=\"flex\" flexDirection=\"column\" mb={3}>\n            <span className={styles.modalFieldLabel}>Hole Depth</span>\n            <Regular14 data-testid={`${PAGE_NAME}_holeDepth`}>\n              {isDepthDataLoading ? 'Loading...' : `${holeDepthConverted} ${depthUnit}`}\n            </Regular14>\n          </Box>\n        )}\n        {Number.isFinite(bitDepth) && (\n          <Box display=\"flex\" flexDirection=\"column\">\n            <span className={styles.modalFieldLabel}>Bit Depth</span>\n            <Regular14 data-testid={`${PAGE_NAME}_bitDepth`}>\n              {isDepthDataLoading ? 'Loading...' : `${bitDepthConverted} ${depthUnit}`}\n            </Regular14>\n          </Box>\n        )}\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":["PAGE_NAME","TIME_FORMAT","TracesMemoModal","onClose","onApply","postValue","onPostChange","timestampMs","onTimestampChange","timestampError","minDateMs","maxDateMs","isApplyDisabled","isDepthDataLoading","holeDepth","bitDepth","userCompanyId","depthUnit","getUnitDisplay","bitDepthConverted","convertValue","holeDepthConverted","_jsxs","styles","modal","_jsx","modalPostInput","modalDateInput","Number","isFinite","modalFieldLabel","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,148 @@
-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};
+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

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';\n\nimport TracesEditModal from './TracesEditModal';\n\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\nimport { getAppStorage } from '~/clients/jsonApi';\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,66 @@
-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};
+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

package/components/TruncatedText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TruncatedText/index.tsx"],"sourcesContent":["import { DetailedHTMLProps, HTMLAttributes, ReactNode, useEffect, useRef, useState } from 'react';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport classNames from 'classnames';\n\nexport type TruncatedTextProps = {\n  /**\n   * Text to truncate\n   */\n  children: ReactNode;\n  className?: string;\n  maxLines?: number;\n  showTooltip?: boolean;\n} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nconst useStyles = makeStyles({\n  root: ({ maxLines }: { maxLines: number | null }) => ({\n    overflow: 'hidden',\n    ...(maxLines\n      ? { display: '-webkit-box', '-webkit-line-clamp': maxLines, '-webkit-box-orient': 'vertical' }\n      : { whiteSpace: 'nowrap', textOverflow: 'ellipsis' }),\n  }),\n});\n\nfunction TruncatedText({\n  children,\n  className = '',\n  maxLines = null,\n  showTooltip = true,\n  ...otherProps\n}: TruncatedTextProps) {\n  const [hasTooltip, setHasTooltip] = useState(false);\n  const contentRef = useRef<HTMLDivElement>();\n  const styles = useStyles({ maxLines });\n\n  useEffect(() => {\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight } = contentRef.current;\n    setHasTooltip(maxLines ? scrollHeight > clientHeight : scrollWidth > clientWidth);\n  });\n\n  const content = (\n    <div className={classNames(styles.root, className)} ref={contentRef} {...otherProps}>\n      {children}\n    </div>\n  );\n\n  if (!hasTooltip || !showTooltip) return content;\n  return <Tooltip title={children}>{content}</Tooltip>;\n}\n\nexport default TruncatedText;\n"],"names":["useStyles","makeStyles","root","maxLines","overflow","display","whiteSpace","textOverflow","TruncatedText","children","className","showTooltip","otherProps","useState","hasTooltip","setHasTooltip","contentRef","useRef","styles","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","content","_jsx","classNames"],"mappings":";;;;;;;;;;;AAcA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,IAAI,EAAE,SAAA,IAAA,CAAA,IAAA,EAAA;IAAA,IAAGC,QAAQ,QAARA,QAAQ,CAAA;AAAA,IAAA,OAAA,aAAA,CAAA;AACfC,MAAAA,QAAQ,EAAE,QAAA;AAAQ,KAAA,EACdD,QAAQ,GACR;AAAEE,MAAAA,OAAO,EAAE,aAAa;AAAE,MAAA,oBAAoB,EAAEF,QAAQ;AAAE,MAAA,oBAAoB,EAAE,UAAA;AAAW,KAAC,GAC5F;AAAEG,MAAAA,UAAU,EAAE,QAAQ;AAAEC,MAAAA,YAAY,EAAE,UAAA;KAAY,CAAA,CAAA;AAAA,GAAA;AAE1D,CAAC,CAAC,CAAA;AAEF,SAASC,aAAa,CAMC,KAAA,EAAA;EAAA,IALrBC,QAAQ,SAARA,QAAQ;AAAA,IAAA,eAAA,GAAA,KAAA,CACRC,SAAS;AAATA,IAAAA,SAAS,gCAAG,EAAE,GAAA,eAAA;AAAA,IAAA,cAAA,GAAA,KAAA,CACdP,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,IAAI,GAAA,cAAA;AAAA,IAAA,iBAAA,GAAA,KAAA,CACfQ,WAAW;AAAXA,IAAAA,WAAW,kCAAG,IAAI,GAAA,iBAAA;IACfC,UAAU,GAAA,wBAAA,CAAA,KAAA,EAAA,SAAA,CAAA,CAAA;EAEb,IAAoCC,SAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA5CC,UAAU,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,aAAa,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAChC,IAAMC,UAAU,GAAGC,MAAM,EAAkB,CAAA;EAC3C,IAAMC,MAAM,GAAGlB,SAAS,CAAC;AAAEG,IAAAA,QAAQ,EAARA,QAAAA;AAAS,GAAC,CAAC,CAAA;AAEtCgB,EAAAA,SAAS,CAAC,YAAM;IACd,IAAiEH,mBAAAA,GAAAA,UAAU,CAACI,OAAO;AAA3EC,MAAAA,WAAW,uBAAXA,WAAW;AAAEC,MAAAA,WAAW,uBAAXA,WAAW;AAAEC,MAAAA,YAAY,uBAAZA,YAAY;AAAEC,MAAAA,YAAY,uBAAZA,YAAY,CAAA;IAC5DT,aAAa,CAACZ,QAAQ,GAAGoB,YAAY,GAAGC,YAAY,GAAGH,WAAW,GAAGC,WAAW,CAAC,CAAA;AACnF,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMG,OAAO,gBACXC,GAAA,CAAA,KAAA,EAAA,aAAA,CAAA,aAAA,CAAA;IAAK,SAAS,EAAEC,UAAU,CAACT,MAAM,CAAChB,IAAI,EAAEQ,SAAS,CAAE;AAAC,IAAA,GAAG,EAAEM,UAAAA;AAAW,GAAA,EAAKJ,UAAU,CAAA,EAAA,EAAA,EAAA;IAAA,QAChFH,EAAAA,QAAAA;GAEJ,CAAA,CAAA,CAAA;AAED,EAAA,IAAI,CAACK,UAAU,IAAI,CAACH,WAAW,EAAE,OAAOc,OAAO,CAAA;AAC/C,EAAA,oBAAOC,IAAC,OAAO,EAAA;AAAC,IAAA,KAAK,EAAEjB,QAAS;IAAA,QAAEgB,EAAAA,OAAAA;GAAkB,CAAA,CAAA;AACtD;;;;"}