@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/TextField/index.js

@@ -1,141 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles, TextField as TextField$1, InputAdornment } from '@material-ui/core';
-import palette from '../../config/theme/palette.mjs.js';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import { useCustomShrink } from './effects/index.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    textField: {
-      marginTop: 16,
-      marginBottom: 8,
-      '& .MuiFormLabel-root': {
-        marginLeft: function marginLeft(props) {
-          return props.startlabelOffset ? "".concat(props.startlabelOffset + 8, "px") : 0;
-        },
-        marginRight: function marginRight(props) {
-          return props.endlabelOffset ? "".concat(props.endlabelOffset + 8, "px") : 0;
-        }
-      },
-      '&:hover': {
-        '&.MuiTextField-root .MuiInput-root': {
-          '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {
-            fill: palette.primary.contrastText
-          }
-        }
-      },
-      '&.MuiTextField-root .MuiInput-root': {
-        '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {
-          width: 16,
-          height: 16,
-          fontSize: 16,
-          fill: '#DADADA'
-        },
-        '&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root': {
-          fill: "".concat(theme.palette.error.main, " !important")
-        }
-      },
-      '& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root': {
-        fill: "".concat(theme.palette.primary.main, " !important")
-      }
-    },
-    shrunkLabel: {
-      '&.MuiInputLabel-shrink.MuiFormLabel-root': {
-        marginLeft: 0
-      }
-    }
-  };
-});
-
-var TextField = function TextField(props) {
-  var startIcon = props.startIcon,
-      endIcon = props.endIcon,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      InputProps = props.InputProps,
-      value = props.value,
-      startAdornment = props.startAdornment,
-      endAdornment = props.endAdornment,
-      rest = _objectWithoutProperties(props, ["startIcon", "endIcon", "onFocus", "onBlur", "InputProps", "value", "startAdornment", "endAdornment"]);
-
-  var _useCustomShrink = useCustomShrink({
-    startIcon: startIcon,
-    endIcon: endIcon,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    value: value,
-    InputProps: InputProps
-  }),
-      shrink = _useCustomShrink.shrink,
-      onInputFocus = _useCustomShrink.onInputFocus,
-      onInputBlur = _useCustomShrink.onInputBlur,
-      startlabelOffset = _useCustomShrink.startlabelOffset,
-      endlabelOffset = _useCustomShrink.endlabelOffset,
-      startAdornmentRef = _useCustomShrink.startAdornmentRef,
-      endAdornmentRef = _useCustomShrink.endAdornmentRef;
-
-  var styles = useStyles({
-    startlabelOffset: startlabelOffset,
-    endlabelOffset: endlabelOffset
-  });
-  return /*#__PURE__*/jsx(TextField$1, _objectSpread(_objectSpread({}, rest), {}, {
-    onFocus: onInputFocus,
-    onBlur: onInputBlur,
-    classes: {
-      root: styles.textField
-    },
-    InputLabelProps: _objectSpread({
-      shrink: shrink,
-      classes: {
-        shrink: styles.shrunkLabel
-      }
-    }, props.InputLabelProps),
-    InputProps: _objectSpread({
-      startAdornment: startIcon ? /*#__PURE__*/jsx(InputAdornment, {
-        position: "start",
-        ref: startAdornmentRef,
-        children: startIcon
-      }) : startAdornment,
-      endAdornment: endIcon ? /*#__PURE__*/jsx(InputAdornment, {
-        position: "end",
-        ref: endAdornmentRef,
-        children: endIcon
-      }) : endAdornment
-    }, props.InputProps)
-  }));
-};
-
-TextField.propTypes = {
-  startIcon: PropTypes.node,
-  endIcon: PropTypes.node,
-  InputProps: PropTypes.shape({
-    startAdornment: null
-  }),
-  InputLabelProps: PropTypes.shape({
-    startAdornment: null
-  }),
-  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  endAdornment: PropTypes.node,
-  startAdornment: PropTypes.node
-};
-TextField.defaultProps = {
-  startIcon: null,
-  endIcon: null,
-  InputProps: undefined,
-  InputLabelProps: undefined,
-  value: '',
-  onFocus: undefined,
-  onBlur: undefined,
-  endAdornment: null,
-  startAdornment: null
-};
-
-export default TextField;
-//# sourceMappingURL=index.js.map
+import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/objectWithoutProperties";import r from"prop-types";import{makeStyles as e,TextField as o,InputAdornment as u}from"@material-ui/core";import{useCustomShrink as i}from"./effects/index.js";import s from"../../config/theme/palette.mjs.js";import{jsx as l}from"react/jsx-runtime";var a=["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"];function p(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.push.apply(r,e)}return r}function c(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?p(Object(e),!0).forEach((function(r){t(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var f=e((function(t){return{textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:function(t){return t.startlabelOffset?"".concat(t.startlabelOffset+8,"px"):0},marginRight:function(t){return t.endlabelOffset?"".concat(t.endlabelOffset+8,"px"):0}},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:s.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.error.main," !important")}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.primary.main," !important")}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}})),d=function(t){var r=t.startIcon,e=t.endIcon,s=t.onFocus,p=t.onBlur,d=t.InputProps,m=t.value,b=t.startAdornment,I=t.endAdornment,O=n(t,a),v=i({startIcon:r,endIcon:e,onFocus:s,onBlur:p,value:m,InputProps:d}),g=v.shrink,h=v.onInputFocus,P=v.onInputBlur,A=v.startlabelOffset,M=v.endlabelOffset,j=v.startAdornmentRef,y=v.endAdornmentRef,F=f({startlabelOffset:A,endlabelOffset:M});return l(o,c(c({},O),{},{onFocus:h,onBlur:P,classes:{root:F.textField},InputLabelProps:c({shrink:g,classes:{shrink:F.shrunkLabel}},t.InputLabelProps),InputProps:c({startAdornment:r?l(u,{position:"start",ref:j,children:r}):b,endAdornment:e?l(u,{position:"end",ref:y,children:e}):I},t.InputProps)}))};d.propTypes={startIcon:r.node,endIcon:r.node,InputProps:r.shape({startAdornment:null}),InputLabelProps:r.shape({startAdornment:null}),value:r.oneOf([r.string,r.number]),onFocus:r.func,onBlur:r.func,endAdornment:r.node,startAdornment:r.node},d.defaultProps={startIcon:null,endIcon:null,InputProps:void 0,InputLabelProps:void 0,value:"",onFocus:void 0,onBlur:void 0,endAdornment:null,startAdornment:null};export{d as default};

package/components/TextLink/index.js

@@ -1,112 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { withStyles, Tooltip, makeStyles } from '@material-ui/core';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import LanguageIcon from '@material-ui/icons/Language';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var StyledTooltip = withStyles({
-  tooltip: {
-    padding: '4px 8px',
-    display: 'flex',
-    alignItems: 'center'
-  }
-})(Tooltip);
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      color: theme.palette.primary.main,
-      fontSize: 'inherit',
-      lineHeight: 'inherit',
-      letterSpacing: '0.15px',
-      textDecoration: 'none',
-      '&:hover': {
-        color: theme.palette.primary.main,
-        textDecoration: 'underline'
-      },
-      '&:visited': {
-        color: theme.palette.primary.main
-      }
-    },
-    disabled: {
-      color: theme.palette.primary.dark,
-      fontSize: 'inherit',
-      lineHeight: 'inherit',
-      letterSpacing: '0.15px'
-    },
-    icon: {
-      marginRight: 8
-    }
-  };
-});
-
-var TextLink = function TextLink(_ref) {
-  var TooltipProps = _ref.TooltipProps,
-      children = _ref.children,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      showTooltip = _ref.showTooltip,
-      tooltipText = _ref.tooltipText,
-      LinkProps = _objectWithoutProperties(_ref, ["TooltipProps", "children", "className", "disabled", "showTooltip", "tooltipText"]);
-
-  var styles = useStyles();
-
-  if (disabled) {
-    return /*#__PURE__*/jsx(Tooltip, {
-      title: "Disabled",
-      placement: "bottom-start",
-      children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
-        className: classNames(styles.disabled, className)
-      }, LinkProps), {}, {
-        children: children
-      }))
-    });
-  }
-
-  var link = /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({
-    className: classNames(styles.root, className),
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, LinkProps), {}, {
-    children: children
-  }));
-
-  if (showTooltip || tooltipText) {
-    return /*#__PURE__*/jsx(StyledTooltip, _objectSpread(_objectSpread({
-      title: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(LanguageIcon, {
-          fontSize: "small",
-          className: styles.icon
-        }), tooltipText || LinkProps.href]
-      }),
-      placement: "bottom-start"
-    }, TooltipProps), {}, {
-      children: link
-    }));
-  }
-
-  return link;
-};
-
-TextLink.propTypes = {
-  TooltipProps: PropTypes.shape({}),
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  showTooltip: PropTypes.bool,
-  tooltipText: PropTypes.string
-};
-TextLink.defaultProps = {
-  TooltipProps: {},
-  className: '',
-  disabled: false,
-  showTooltip: false,
-  tooltipText: ''
-};
-
-export default TextLink;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{withStyles as r,Tooltip as o,makeStyles as i}from"@material-ui/core";import n from"prop-types";import l from"classnames";import a from"@material-ui/icons/Language";import{jsx as p,jsxs as s,Fragment as c}from"react/jsx-runtime";var m=["TooltipProps","children","className","disabled","showTooltip","tooltipText"];function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function b(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?d(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var f=r({tooltip:{padding:"4px 8px",display:"flex",alignItems:"center"}})(o),h=i((function(e){return{root:{color:e.palette.primary.main,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px",textDecoration:"none","&:hover":{color:e.palette.primary.main,textDecoration:"underline"},"&:visited":{color:e.palette.primary.main}},disabled:{color:e.palette.primary.dark,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px"},icon:{marginRight:8}}})),u=function(e){var r=e.TooltipProps,i=e.children,n=e.className,d=e.disabled,u=e.showTooltip,g=e.tooltipText,y=t(e,m),O=h();if(d)return p(o,{title:"Disabled",placement:"bottom-start",children:p("span",b(b({className:l(O.disabled,n)},y),{},{children:i}))});var P=p("a",b(b({className:l(O.root,n),target:"_blank",rel:"noopener noreferrer"},y),{},{children:i}));return u||g?p(f,b(b({title:s(c,{children:[p(a,{fontSize:"small",className:O.icon}),g||y.href]}),placement:"bottom-start"},r),{},{children:P})):P};u.propTypes={TooltipProps:n.shape({}),children:n.node.isRequired,className:n.string,disabled:n.bool,showTooltip:n.bool,tooltipText:n.string},u.defaultProps={TooltipProps:{},className:"",disabled:!1,showTooltip:!1,tooltipText:""};export{u as default};

package/components/Tooltip/MuiTooltipDcWrapper.js

@@ -1,120 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsx } from 'react/jsx-runtime';
-import { Tooltip } from '@material-ui/core';
-import { useState, useEffect } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import { useDcTooltipsCoordinator } from '../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-// To not make it feels slow, it's better to leave this as 0 unless we REALLY want to have 300+ms of additional delays
-
-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 onOpenProp = _ref.onOpen,
-      onCloseProp = _ref.onClose,
-      openProp = _ref.open,
-      TransitionProps = _ref.TransitionProps,
-      otherMuiTooltipProps = _objectWithoutProperties(_ref, ["onOpen", "onClose", "open", "TransitionProps"]);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerIsOpen = _useState2[0],
-      setInnerIsOpen = _useState2[1];
-
-  var _useDcTooltipsCoordin = useDcTooltipsCoordinator(),
-      requestOpen = _useDcTooltipsCoordin.requestOpen,
-      requestClose = _useDcTooltipsCoordin.requestClose;
-
-  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
-    });
-  };
-
-  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
-    });
-  };
-
-  useEffect(function () {
-    if (openProp) {
-      requestOpen({
-        setIsOpened: setInnerIsOpen
-      });
-    } else {
-      requestClose({
-        setIsOpened: setInnerIsOpen
-      });
-    }
-  }, [openProp]);
-  useEffect(function () {
-    return function () {
-      requestClose({
-        setIsOpened: setInnerIsOpen
-      });
-    };
-  }, []);
-  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, otherMuiTooltipProps), {}, {
-    open: innerIsOpen,
-    onOpen: onOpen,
-    onClose: onClose,
-    TransitionProps: _objectSpread(_objectSpread({}, TransitionProps), {}, {
-      timeout: TRANSITION_DURATION
-    })
-  }));
-}
-MuiTooltipDcWrapper.defaultProps = {
-  onOpen: function onOpen() {},
-  onClose: function onClose() {},
-  open: null,
-  TransitionProps: {}
-};
-MuiTooltipDcWrapper.propTypes = {
-  onOpen: PropTypes.func,
-  onClose: PropTypes.func,
-  open: PropTypes.bool,
-  TransitionProps: PropTypes.shape({})
-};
-
-export { MuiTooltipDcWrapper };
-//# sourceMappingURL=MuiTooltipDcWrapper.js.map
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n,useEffect as t}from"react";import p from"prop-types";import{Tooltip as i}from"@material-ui/core";import{useDcTooltipsCoordinator as s}from"../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import{jsx as c}from"react/jsx-runtime";var u=["onOpen","onClose","open","TransitionProps"];function f(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,n)}return r}function a(o){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?f(Object(n),!0).forEach((function(r){e(o,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(n,e))}))}return o}function l(e){var p=e.onOpen,f=e.onClose,l=e.open,O=e.TransitionProps,m=r(e,u),b=n(!1),P=o(b,2),y=P[0],d=P[1],j=s(),C=j.requestOpen,v=j.requestClose,h="boolean"==typeof l;return t((function(){l?C({setIsOpened:d}):v({setIsOpened:d})}),[l]),t((function(){return function(){v({setIsOpened:d})}}),[]),c(i,a(a({},m),{},{open:y,onOpen:function(e){p(e),h||C({setIsOpened:d})},onClose:function(e){f(e),h||v({setIsOpened:d})},TransitionProps:a(a({},O),{},{timeout:0})}))}l.defaultProps={onOpen:function(){},onClose:function(){},open:null,TransitionProps:{}},l.propTypes={onOpen:p.func,onClose:p.func,open:p.bool,TransitionProps:p.shape({})};export{l as MuiTooltipDcWrapper};

package/components/Tooltip/Tooltip.js

@@ -1,17 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import { Tooltip as Tooltip$1 } from '@material-ui/core';
-import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function Tooltip(props) {
-  var isInsideDcApp = useIsInsideDcApp();
-  var TooltipComponent = isInsideDcApp ? MuiTooltipDcWrapper : Tooltip$1;
-  return /*#__PURE__*/jsx(TooltipComponent, _objectSpread({}, props));
-}
-
-export { Tooltip };
-//# sourceMappingURL=Tooltip.js.map
+import r from"@babel/runtime/helpers/defineProperty";import{Tooltip as e}from"@material-ui/core";import{useIsInsideDcApp as t}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{MuiTooltipDcWrapper as o}from"./MuiTooltipDcWrapper.js";import{jsx as n}from"react/jsx-runtime";function p(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function i(i){var c=t();return n(c?o:e,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?p(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}({},i))}export{i 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__3ybge {\n  max-width: 450px;\n  width: 100vw;\n}\n\n.TracesEditModal_modalFieldLabel__ShM_l {\n  color: #bdbdbd;\n  margin-bottom: 4px;\n  font-size: 0.75rem;\n}\n\n.TracesEditModal_modalPostInput__2AFaY {\n  margin-top: 14px;\n  margin-bottom: 24px;\n}\n\n.TracesEditModal_modalDateInput__3522Q {\n  max-width: 200px;\n}\n\n.TracesEditModal_modalDateInput__3522Q .MuiInput-root {\n  padding-bottom: 5px;\n}\n";
-var styles = {"modal":"TracesEditModal_modal__3ybge","modalFieldLabel":"TracesEditModal_modalFieldLabel__ShM_l","modalPostInput":"TracesEditModal_modalPostInput__2AFaY","modalDateInput":"TracesEditModal_modalDateInput__3522Q"};
-styleInject(css_248z);
-
-export default styles;
-//# 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,138 +1 @@
-import { noop } from 'lodash';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Grid, Button, Box } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import Modal from '../Modal/index.js';
-import { Regular14 } from '../Typography.js';
-import KeyboardDateTimePicker from '../KeyboardDateTimePicker.js';
-import PostInput from '../PostInput/PostInput.js';
-import styles from './TracesEditModal.css.js';
-
-var TIME_FORMAT = 'MM/DD/YYYY, HH:mm';
-
-var TracesMemoModal = function TracesMemoModal(_ref) {
-  var onClose = _ref.onClose,
-      onApply = _ref.onApply,
-      postValue = _ref.postValue,
-      onPostChange = _ref.onPostChange,
-      timestampMs = _ref.timestampMs,
-      onTimestampChange = _ref.onTimestampChange,
-      timestampError = _ref.timestampError,
-      minDateMs = _ref.minDateMs,
-      maxDateMs = _ref.maxDateMs,
-      isApplyDisabled = _ref.isApplyDisabled,
-      isDepthDataLoading = _ref.isDepthDataLoading,
-      holeDepth = _ref.holeDepth,
-      bitDepth = _ref.bitDepth,
-      userCompanyId = _ref.userCompanyId;
-  return /*#__PURE__*/jsxs(Modal, {
-    open: true,
-    onClose: onClose,
-    title: "Edit",
-    contentClassName: styles.modal,
-    actions: /*#__PURE__*/jsxs(Grid, {
-      container: true,
-      direction: "row",
-      justify: "flex-end",
-      alignItems: "center",
-      spacing: 2,
-      children: [/*#__PURE__*/jsx(Grid, {
-        item: true,
-        children: /*#__PURE__*/jsx(Button, {
-          color: "primary",
-          onClick: onClose,
-          children: "Cancel"
-        })
-      }), /*#__PURE__*/jsx(Grid, {
-        item: true,
-        children: /*#__PURE__*/jsx(Button, {
-          variant: "contained",
-          color: "primary",
-          disabled: isApplyDisabled,
-          onClick: onApply,
-          children: "Apply"
-        })
-      })]
-    }),
-    children: [/*#__PURE__*/jsx(PostInput, {
-      className: styles.modalPostInput,
-      initialValue: postValue,
-      userCompanyId: userCompanyId,
-      onChange: onPostChange
-    }), /*#__PURE__*/jsxs(Box, {
-      display: "flex",
-      flexDirection: "column",
-      children: [/*#__PURE__*/jsxs(Box, {
-        display: "flex",
-        flexDirection: "column",
-        mb: 2,
-        children: [/*#__PURE__*/jsx("span", {
-          className: styles.modalFieldLabel,
-          children: "Time"
-        }), /*#__PURE__*/jsx(KeyboardDateTimePicker, {
-          className: styles.modalDateInput,
-          disabled: isDepthDataLoading,
-          ampm: false,
-          value: timestampMs,
-          minDate: minDateMs,
-          maxDate: maxDateMs,
-          onChange: onTimestampChange,
-          format: TIME_FORMAT,
-          error: !!timestampError,
-          helperText: timestampError
-        })]
-      }), /*#__PURE__*/jsxs(Box, {
-        display: "flex",
-        flexDirection: "column",
-        mb: 3,
-        children: [/*#__PURE__*/jsx("span", {
-          className: styles.modalFieldLabel,
-          children: "Hole Depth"
-        }), /*#__PURE__*/jsx(Regular14, {
-          children: isDepthDataLoading ? 'Loading...' : "".concat(holeDepth, "\u2019")
-        })]
-      }), /*#__PURE__*/jsxs(Box, {
-        display: "flex",
-        flexDirection: "column",
-        children: [/*#__PURE__*/jsx("span", {
-          className: styles.modalFieldLabel,
-          children: "Bit Depth"
-        }), /*#__PURE__*/jsx(Regular14, {
-          children: isDepthDataLoading ? 'Loading...' : "".concat(bitDepth, "\u2019")
-        })]
-      })]
-    })]
-  });
-};
-
-TracesMemoModal.propTypes = {
-  isApplyDisabled: PropTypes.bool,
-  isDepthDataLoading: PropTypes.bool,
-  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  timestampMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  minDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  maxDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  timestampError: PropTypes.string,
-  holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  initialAttachment: PropTypes.shape({}),
-  postValue: PropTypes.shape({
-    body: PropTypes.string,
-    attachment: PropTypes.shape({})
-  }).isRequired,
-  onPostChange: PropTypes.func.isRequired,
-  onTimestampChange: PropTypes.func.isRequired,
-  onClose: PropTypes.func,
-  onApply: PropTypes.func
-};
-TracesMemoModal.defaultProps = {
-  initialAttachment: null,
-  onClose: noop,
-  onApply: noop,
-  timestampError: '',
-  isApplyDisabled: false,
-  isDepthDataLoading: false
-};
-
-export default TracesMemoModal;
-//# sourceMappingURL=TracesEditModal.js.map
+import e from"prop-types";import{noop as i}from"lodash";import{Grid as n,Button as a,Box as o}from"@material-ui/core";import{Regular14 as t}from"../Typography.js";import r from"../Modal/index.js";import s from"../KeyboardDateTimePicker.js";import l from"../PostInput/PostInput.js";import m from"./TracesEditModal.css.js";import{jsxs as p,jsx as d}from"react/jsx-runtime";var c=function(e){var i=e.onClose,c=e.onApply,u=e.postValue,h=e.onPostChange,f=e.timestampMs,y=e.onTimestampChange,D=e.timestampError,b=e.minDateMs,g=e.maxDateMs,C=e.isApplyDisabled,x=e.isDepthDataLoading,T=e.holeDepth,M=e.bitDepth,q=e.userCompanyId;return p(r,{open:!0,onClose:i,title:"Edit",contentClassName:m.modal,actions:p(n,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[d(n,{item:!0,children:d(a,{color:"primary",onClick:i,children:"Cancel"})}),d(n,{item:!0,children:d(a,{variant:"contained",color:"primary",disabled:C,onClick:c,children:"Apply"})})]}),children:[d(l,{className:m.modalPostInput,initialValue:u,userCompanyId:q,onChange:h}),p(o,{display:"flex",flexDirection:"column",children:[p(o,{display:"flex",flexDirection:"column",mb:2,children:[d("span",{className:m.modalFieldLabel,children:"Time"}),d(s,{className:m.modalDateInput,disabled:x,ampm:!1,value:f,minDate:b,maxDate:g,onChange:y,format:"MM/DD/YYYY, HH:mm",error:!!D,helperText:D})]}),p(o,{display:"flex",flexDirection:"column",mb:3,children:[d("span",{className:m.modalFieldLabel,children:"Hole Depth"}),d(t,{children:x?"Loading...":"".concat(T,"’")})]}),p(o,{display:"flex",flexDirection:"column",children:[d("span",{className:m.modalFieldLabel,children:"Bit Depth"}),d(t,{children:x?"Loading...":"".concat(M,"’")})]})]})]})};c.propTypes={isApplyDisabled:e.bool,isDepthDataLoading:e.bool,userCompanyId:e.oneOfType([e.string,e.number]).isRequired,timestampMs:e.oneOfType([e.string,e.number]).isRequired,minDateMs:e.oneOfType([e.string,e.number]).isRequired,maxDateMs:e.oneOfType([e.string,e.number]).isRequired,timestampError:e.string,holeDepth:e.oneOfType([e.string,e.number]).isRequired,bitDepth:e.oneOfType([e.string,e.number]).isRequired,initialAttachment:e.shape({}),postValue:e.shape({body:e.string,attachment:e.shape({})}).isRequired,onPostChange:e.func.isRequired,onTimestampChange:e.func.isRequired,onClose:e.func,onApply:e.func},c.defaultProps={initialAttachment:null,onClose:i,onApply:i,timestampError:"",isApplyDisabled:!1,isDepthDataLoading:!1};export{c as default};