@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/Toaster/Toaster.js

@@ -1,69 +1 @@
-import { useEffect } from 'react';
-import { makeStyles, Typography } from '@material-ui/core';
-import { Check } from '@material-ui/icons';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    notificationContainer: {
-      position: 'absolute',
-      height: 24,
-      left: 0,
-      right: 0,
-      display: 'flex',
-      justifyContent: 'center',
-      marginTop: 16,
-      zIndex: 999
-    },
-    notificationContent: {
-      display: 'flex',
-      alignItems: 'center',
-      background: 'rgba(65, 65, 65, 0.7)',
-      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',
-      borderRadius: 4
-    },
-    notificationIcon: {
-      width: 24,
-      color: theme.palette.primary.text6,
-      fontSize: 12,
-      lineHeight: '24px'
-    },
-    notificationLabel: {
-      color: theme.palette.primary.text6,
-      fontWeight: 400,
-      fontSize: 12,
-      lineHeight: '17px',
-      letterSpacing: 0.4,
-      paddingRight: 12
-    }
-  };
-});
-var DEFAULT_AUTO_HIDE_DURATION = 3000;
-function Toaster(_ref) {
-  var message = _ref.message,
-    _ref$autoHideDuration = _ref.autoHideDuration,
-    autoHideDuration = _ref$autoHideDuration === void 0 ? DEFAULT_AUTO_HIDE_DURATION : _ref$autoHideDuration,
-    onDismiss = _ref.onDismiss;
-  var classes = useStyles();
-  useEffect(function () {
-    var timeout = setTimeout(onDismiss, autoHideDuration);
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, []);
-  return /*#__PURE__*/jsx("div", {
-    className: classes.notificationContainer,
-    children: /*#__PURE__*/jsxs("div", {
-      className: classes.notificationContent,
-      children: [/*#__PURE__*/jsx(Check, {
-        className: classes.notificationIcon
-      }), /*#__PURE__*/jsx(Typography, {
-        className: classes.notificationLabel,
-        children: message
-      })]
-    })
-  });
-}
-
-export { Toaster };
-//# sourceMappingURL=Toaster.js.map
+import{__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useEffect as o}from"react";import{makeStyles as n,Typography as r}from"@material-ui/core";import{Check as a}from"@material-ui/icons";var c=n((function(i){return{notificationContainer:{position:"absolute",height:24,left:0,right:0,display:"flex",justifyContent:"center",marginTop:16,zIndex:999},notificationContent:{display:"flex",alignItems:"center",background:"rgba(65, 65, 65, 0.7)",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:4},notificationIcon:{width:24,color:i.palette.primary.text6,fontSize:12,lineHeight:"24px"},notificationLabel:{color:i.palette.primary.text6,fontWeight:400,fontSize:12,lineHeight:"17px",letterSpacing:.4,paddingRight:12}}}));function l(n){var l=n.message,s=n.autoHideDuration,m=void 0===s?3e3:s,f=n.onDismiss,p=c();return o((function(){var i=setTimeout(f,m);return function(){return clearTimeout(i)}}),[]),t("div",i({className:p.notificationContainer},{children:e("div",i({className:p.notificationContent},{children:[t(a,{className:p.notificationIcon}),t(r,i({className:p.notificationLabel},{children:l}))]}))}))}export{l as Toaster};

package/components/Tooltip/MuiTooltipDcWrapper.js

@@ -1,115 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useState, useEffect } from 'react';
-import { Tooltip } from '@material-ui/core';
-import { v4 } from 'uuid';
-import { noop } from 'lodash';
-import { useDcFullscreenElemsCoordinator } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import { IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["onOpen", "onClose", "open", "title", "TransitionProps"];
-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 TRANSITION_DURATION = 0; // ms
-
-/**
- * This is just a wrapper around MUI Tooltip component. It's only purpose it to call
- * setIsFullscreenModalMode function (https://www.notion.so/corva/Dev-Center-apps-fullscreen-modals-924d8de0cb334c2eb6530081934d50b5)
- * automatically to not make Corva users bother with calling it manually. It has exactly the same API as MUI Tooltip.
- * This component should be used only inside of DC apps.
- * In other cases, regular MUI tooltip should be the choice.
- */
-function MuiTooltipDcWrapper(_ref) {
-  var _ref$onOpen = _ref.onOpen,
-    onOpenProp = _ref$onOpen === void 0 ? noop : _ref$onOpen,
-    _ref$onClose = _ref.onClose,
-    onCloseProp = _ref$onClose === void 0 ? noop : _ref$onClose,
-    _ref$open = _ref.open,
-    openProp = _ref$open === void 0 ? null : _ref$open,
-    titleProp = _ref.title,
-    _ref$TransitionProps = _ref.TransitionProps,
-    TransitionProps = _ref$TransitionProps === void 0 ? {} : _ref$TransitionProps,
-    otherMuiTooltipProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerIsOpen = _useState2[0],
-    setInnerIsOpen = _useState2[1];
-  var _useDcFullscreenElems = useDcFullscreenElemsCoordinator(),
-    requestOpen = _useDcFullscreenElems.requestOpen,
-    requestClose = _useDcFullscreenElems.requestClose;
-  var _useState3 = useState(function () {
-      return v4();
-    }),
-    _useState4 = _slicedToArray(_useState3, 1),
-    componentId = _useState4[0];
-  var isControlledMode = typeof openProp === 'boolean';
-  var onOpen = function onOpen(event) {
-    onOpenProp(event);
-    if (isControlledMode) {
-      /**
-       * If the component is controlled, we don't want to start
-       * the transition to open state. Mui Tooltip just notifies
-       * about the intention that a component wants to be opened
-       * but we don't actually open it unless outside 'open' prop is changed to true
-       */
-      return;
-    }
-    requestOpen({
-      setIsOpened: setInnerIsOpen,
-      id: componentId
-    });
-  };
-  var onClose = function onClose(event) {
-    onCloseProp(event);
-    if (isControlledMode) {
-      /**
-       * If the component is controlled, we don't want to start
-       * the transition to closed state. Mui Tooltip just notifies
-       * about the intention that a component wants to be closed
-       * but we don't actually close it unless outside 'open' prop is changed to false
-       */
-      return;
-    }
-    requestClose({
-      setIsOpened: setInnerIsOpen,
-      id: componentId
-    });
-  };
-  useEffect(function () {
-    if (openProp) {
-      requestOpen({
-        setIsOpened: setInnerIsOpen,
-        id: componentId
-      });
-    } else {
-      requestClose({
-        setIsOpened: setInnerIsOpen,
-        id: componentId
-      });
-    }
-  }, [openProp]);
-  useEffect(function () {
-    return function () {
-      requestClose({
-        setIsOpened: setInnerIsOpen,
-        id: componentId
-      });
-    };
-  }, []);
-  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, otherMuiTooltipProps), {}, {
-    open: innerIsOpen,
-    onOpen: onOpen,
-    onClose: onClose,
-    TransitionProps: _objectSpread(_objectSpread({}, TransitionProps), {}, {
-      timeout: TRANSITION_DURATION
-    }),
-    title: /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
-      children: titleProp
-    })
-  }));
-}
-
-export { MuiTooltipDcWrapper };
-//# sourceMappingURL=MuiTooltipDcWrapper.js.map
+import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import{Tooltip as i}from"@material-ui/core";import{v4 as s}from"uuid";import{noop as p}from"lodash";import{useDcFullscreenElemsCoordinator as l}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{IsInsideDcFullscreenElemProvider as d}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";function m(m){var u=m.onOpen,c=void 0===u?p:u,f=m.onClose,a=void 0===f?p:f,v=m.open,C=void 0===v?null:v,O=m.title,D=m.TransitionProps,I=void 0===D?{}:D,P=e(m,["onOpen","onClose","open","title","TransitionProps"]),j=r(!1),E=j[0],F=j[1],b=l(),T=b.requestOpen,h=b.requestClose,q=r((function(){return s()}))[0],x="boolean"==typeof C;return t((function(){C?T({setIsOpened:F,id:q}):h({setIsOpened:F,id:q})}),[C]),t((function(){return function(){h({setIsOpened:F,id:q})}}),[]),n(i,o({},P,{open:E,onOpen:function(e){c(e),x||T({setIsOpened:F,id:q})},onClose:function(e){a(e),x||h({setIsOpened:F,id:q})},TransitionProps:o(o({},I),{timeout:0}),title:n(d,{children:O})}))}export{m as MuiTooltipDcWrapper};

package/components/Tooltip/ScrollableTooltip.js

@@ -1,102 +1 @@
-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.b8,
-        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,
-        padding: 0
-      }
-    },
-    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.b8, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
-        opacity: 0.8,
-        top: 0
-      },
-      '&::after': {
-        background: "linear-gradient(0deg, ".concat(theme.palette.background.b8, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
-        bottom: 0,
-        opacity: 0.8
-      }
-    },
-    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
+import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as a,Fragment as o}from"react/jsx-runtime";import r 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.b8,margin:12,marginTop:"7px !important",maxHeight:"calc(100vh - 24px)",maxWidth:500,padding:0}},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.b8," 18.23%, rgba(59, 59, 59, 0) 100%)"),opacity:.8,top:0},"&::after":{background:"linear-gradient(0deg, ".concat(t.palette.background.b8," 18.23%, rgba(59, 59, 59, 0) 100%)"),bottom:0,opacity:.8}},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,h=void 0===g?"":g,u=p.staticTitleHeight,v=void 0===u?0:u,b=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:h?v||24:0});return i(l,e({interactive:!0,isFullScreen:!1,title:h||b?a(o,{children:[h&&i("div",e({className:H.staticTitle},{children:h})),i("div",e({className:r(H.titleWrapper,N)},{children:i("div",e({className:r(H.title,f)},{children:b}))}))]}):"",classes:e(e({},n),{popper:r(H.popper,n.popper,m)})},C))};export{c as ScrollableTooltip};

package/components/Tooltip/Tooltip.js

@@ -1,24 +1 @@
-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 { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper.js';
-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 = useIsInsideDcApp();
-  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
-  var TooltipComponent = isFullScreen && isInsideDcApp && !isInsideDcFullscreenElem ? MuiTooltipDcWrapper : Tooltip$1;
-  return /*#__PURE__*/jsx(TooltipComponent, _objectSpread({}, tooltipProps));
-}
-
-export { Tooltip };
-//# sourceMappingURL=Tooltip.js.map
+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{useIsInsideDcApp as t}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{MuiTooltipDcWrapper as s}from"./MuiTooltipDcWrapper.js";function p(p){var m=p.isFullScreen,l=void 0===m||m,c=e(p,["isFullScreen"]),d=t(),v=i();return o(l&&d&&!v?s:n,r({},c))}export{p as Tooltip};

package/components/TracesEditModal/TracesEditModal.css.js

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

package/components/TracesEditModal/TracesEditModal.js

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

package/components/TracesEditModal/TracesEditModalContainer.js

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