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

package/components/Toaster/ToastContainer.js

@@ -1 +1,38 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{Toaster as e}from"./Toaster.js";var n=Symbol.for("devcenterToasts"),a=function(){var a=t(null),s=a[0],i=a[1],u=function(){return i(null)},m=function(o,t){return i({message:o,autoHideDuration:t})},c=m;return r((function(){window[n]={createToast:m,removeToast:u,showToast:c}}),[]),s?o(e,{message:s.message,autoHideDuration:s.autoHideDuration,onDismiss:u}):null};export{n as DEVCENTER_TOASTS_SYMBOL,a as ToastContainer};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { Toaster } from './Toaster.js';
+import { jsx } from 'react/jsx-runtime';
+
+var DEVCENTER_TOASTS_SYMBOL = Symbol.for('devcenterToasts');
+var ToastContainer = function ToastContainer() {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    toaster = _useState2[0],
+    setToaster = _useState2[1];
+  var removeToast = function removeToast() {
+    return setToaster(null);
+  };
+  var createToast = function createToast(message, autoHideDuration) {
+    return setToaster({
+      message: message,
+      autoHideDuration: autoHideDuration
+    });
+  };
+  var showToast = createToast;
+  useEffect(function () {
+    window[DEVCENTER_TOASTS_SYMBOL] = {
+      createToast: createToast,
+      removeToast: removeToast,
+      showToast: showToast
+    };
+  }, []);
+  if (!toaster) return null;
+  return /*#__PURE__*/jsx(Toaster, {
+    message: toaster.message,
+    autoHideDuration: toaster.autoHideDuration,
+    onDismiss: removeToast
+  });
+};
+
+export { DEVCENTER_TOASTS_SYMBOL, ToastContainer };
+//# sourceMappingURL=ToastContainer.js.map

package/components/Toaster/ToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.js","sources":["../../../src/components/Toaster/ToastContainer.tsx"],"sourcesContent":["import { useState, useEffect, ReactElement } from 'react';\n\nimport { Toaster } from './Toaster';\nimport { ToasterType } from './types';\n\ntype createToast = (message: ReactElement, autoHideDuration?: number) => void;\n\nexport const DEVCENTER_TOASTS_SYMBOL = Symbol.for('devcenterToasts');\n\nexport const ToastContainer = () => {\n  const [toaster, setToaster] = useState<ToasterType>(null);\n\n  const removeToast = () => setToaster(null);\n\n  const createToast: createToast = (message, autoHideDuration) =>\n    setToaster({ message, autoHideDuration });\n\n  const showToast = createToast;\n\n  useEffect(() => {\n    window[DEVCENTER_TOASTS_SYMBOL] = {\n      createToast,\n      removeToast,\n      showToast,\n    };\n  }, []);\n\n  if (!toaster) return null;\n\n  return (\n    <Toaster\n      message={toaster.message}\n      autoHideDuration={toaster.autoHideDuration}\n      onDismiss={removeToast}\n    />\n  );\n};\n"],"names":["DEVCENTER_TOASTS_SYMBOL","Symbol","for","ToastContainer","useState","toaster","setToaster","removeToast","createToast","message","autoHideDuration","showToast","useEffect","window","_jsx"],"mappings":";;;;;AAOO,IAAMA,uBAAuB,GAAGC,MAAM,CAACC,GAAG,CAAC,iBAAiB,EAAC;AAEvDC,IAAAA,cAAc,GAAG,SAAjBA,cAAc,GAAS;EAClC,IAA8BC,SAAAA,GAAAA,QAAQ,CAAc,IAAI,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAlDC,OAAO,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,UAAU,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAE1B,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAA;IAAA,OAASD,UAAU,CAAC,IAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAE1C,EAAA,IAAME,WAAwB,GAAG,SAA3BA,WAAwB,CAAIC,OAAO,EAAEC,gBAAgB,EAAA;AAAA,IAAA,OACzDJ,UAAU,CAAC;AAAEG,MAAAA,OAAO,EAAPA,OAAO;AAAEC,MAAAA,gBAAgB,EAAhBA,gBAAAA;AAAiB,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;EAE3C,IAAMC,SAAS,GAAGH,WAAW,CAAA;AAE7BI,EAAAA,SAAS,CAAC,YAAM;IACdC,MAAM,CAACb,uBAAuB,CAAC,GAAG;AAChCQ,MAAAA,WAAW,EAAXA,WAAW;AACXD,MAAAA,WAAW,EAAXA,WAAW;AACXI,MAAAA,SAAS,EAATA,SAAAA;KACD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAI,CAACN,OAAO,EAAE,OAAO,IAAI,CAAA;AAEzB,EAAA,oBACES,IAAC,OAAO,EAAA;IACN,OAAO,EAAET,OAAO,CAACI,OAAQ;IACzB,gBAAgB,EAAEJ,OAAO,CAACK,gBAAiB;AAC3C,IAAA,SAAS,EAAEH,WAAAA;GACX,CAAA,CAAA;AAEN;;;;"}

package/components/Toaster/Toaster.js

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

package/components/Toaster/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { Check as CheckIcon } from '@material-ui/icons';\n\nimport { ToasterType } from './types';\n\nconst useStyles = makeStyles(theme => ({\n  notificationContainer: {\n    position: 'absolute',\n    height: 24,\n    left: 0,\n    right: 0,\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: 16,\n    zIndex: 999,\n  },\n  notificationContent: {\n    display: 'flex',\n    alignItems: 'center',\n    background: 'rgba(65, 65, 65, 0.7)',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    borderRadius: 4,\n  },\n  notificationIcon: {\n    width: 24,\n    color: theme.palette.primary.text6,\n    fontSize: 12,\n    lineHeight: '24px',\n  },\n  notificationLabel: {\n    color: theme.palette.primary.text6,\n    fontWeight: 400,\n    fontSize: 12,\n    lineHeight: '17px',\n    letterSpacing: 0.4,\n    paddingRight: 12,\n  },\n}));\n\nconst DEFAULT_AUTO_HIDE_DURATION = 3000;\n\ninterface ToasterProps extends ToasterType {\n  onDismiss: () => void;\n}\n\nexport function Toaster({\n  message,\n  autoHideDuration = DEFAULT_AUTO_HIDE_DURATION,\n  onDismiss,\n}: ToasterProps): JSX.Element {\n  const classes = useStyles();\n\n  useEffect(() => {\n    const timeout = setTimeout(onDismiss, autoHideDuration);\n\n    return () => clearTimeout(timeout);\n  }, []);\n\n  return (\n    <div className={classes.notificationContainer}>\n      <div className={classes.notificationContent}>\n        <CheckIcon className={classes.notificationIcon} />\n        <Typography className={classes.notificationLabel}>{message}</Typography>\n      </div>\n    </div>\n  );\n}\n"],"names":["useStyles","makeStyles","theme","notificationContainer","position","height","left","right","display","justifyContent","marginTop","zIndex","notificationContent","alignItems","background","boxShadow","borderRadius","notificationIcon","width","color","palette","primary","text6","fontSize","lineHeight","notificationLabel","fontWeight","letterSpacing","paddingRight","DEFAULT_AUTO_HIDE_DURATION","Toaster","message","autoHideDuration","onDismiss","classes","useEffect","timeout","setTimeout","clearTimeout","_jsx","_jsxs","CheckIcon"],"mappings":";;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,KAAK,EAAE,CAAC;AACRC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,SAAS,EAAE,EAAE;AACbC,MAAAA,MAAM,EAAE,GAAA;KACT;AACDC,IAAAA,mBAAmB,EAAE;AACnBJ,MAAAA,OAAO,EAAE,MAAM;AACfK,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,UAAU,EAAE,uBAAuB;AACnCC,MAAAA,SAAS,EAAE,iCAAiC;AAC5CC,MAAAA,YAAY,EAAE,CAAA;KACf;AACDC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,KAAK,EAAEjB,KAAK,CAACkB,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,MAAA;KACb;AACDC,IAAAA,iBAAiB,EAAE;AACjBN,MAAAA,KAAK,EAAEjB,KAAK,CAACkB,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCI,MAAAA,UAAU,EAAE,GAAG;AACfH,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,MAAM;AAClBG,MAAAA,aAAa,EAAE,GAAG;AAClBC,MAAAA,YAAY,EAAE,EAAA;AAChB,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,0BAA0B,GAAG,IAAI,CAAA;AAMhC,SAASC,OAAO,CAIO,IAAA,EAAA;EAAA,IAH5BC,OAAO,QAAPA,OAAO;AAAA,IAAA,qBAAA,GAAA,IAAA,CACPC,gBAAgB;AAAhBA,IAAAA,gBAAgB,sCAAGH,0BAA0B,GAAA,qBAAA;AAC7CI,IAAAA,SAAS,QAATA,SAAS,CAAA;EAET,IAAMC,OAAO,GAAGlC,SAAS,EAAE,CAAA;AAE3BmC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,OAAO,GAAGC,UAAU,CAACJ,SAAS,EAAED,gBAAgB,CAAC,CAAA;IAEvD,OAAO,YAAA;MAAA,OAAMM,YAAY,CAACF,OAAO,CAAC,CAAA;AAAA,KAAA,CAAA;GACnC,EAAE,EAAE,CAAC,CAAA;EAEN,oBACEG,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEL,OAAO,CAAC/B,qBAAsB;IAAA,QAC5C,eAAAqC,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEN,OAAO,CAACtB,mBAAoB;AAAA,MAAA,QAAA,EAAA,cAC1C2B,IAACE,KAAS,EAAA;QAAC,SAAS,EAAEP,OAAO,CAACjB,gBAAAA;OAAoB,CAAA,eAClDsB,IAAC,UAAU,EAAA;QAAC,SAAS,EAAEL,OAAO,CAACT,iBAAkB;QAAA,QAAEM,EAAAA,OAAAA;OAAqB,CAAA,CAAA;AAAA,KAAA,CAAA;GAEtE,CAAA,CAAA;AAEV;;;;"}

package/components/Tooltip/MuiTooltipDcWrapper.js

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

package/components/Tooltip/MuiTooltipDcWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTooltipDcWrapper.js","sources":["../../../src/components/Tooltip/MuiTooltipDcWrapper.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Tooltip, TooltipProps } from '@material-ui/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { noop } from 'lodash';\n\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useDcFullscreenElemsCoordinator,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\n// There is already an additional delay because of the need to wait for setIsFullscreenModalMode async calls.\n// 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\nconst TRANSITION_DURATION = 0; // ms\n\n/**\n * This is just a wrapper around MUI Tooltip component. It's only purpose it to call\n * setIsFullscreenModalMode function (https://www.notion.so/corva/Dev-Center-apps-fullscreen-modals-924d8de0cb334c2eb6530081934d50b5)\n * automatically to not make Corva users bother with calling it manually. It has exactly the same API as MUI Tooltip.\n * This component should be used only inside of DC apps.\n * In other cases, regular MUI tooltip should be the choice.\n */\nexport function MuiTooltipDcWrapper({\n  onOpen: onOpenProp = noop,\n  onClose: onCloseProp = noop,\n  open: openProp = null,\n  title: titleProp,\n  TransitionProps = {},\n  ...otherMuiTooltipProps\n}: TooltipProps): JSX.Element {\n  const [innerIsOpen, setInnerIsOpen] = useState(false);\n  const { requestOpen, requestClose } = useDcFullscreenElemsCoordinator();\n  const [componentId] = useState(() => uuidv4());\n\n  const isControlledMode = typeof openProp === 'boolean';\n\n  const onOpen = event => {\n    onOpenProp(event);\n\n    if (isControlledMode) {\n      /**\n       * If the component is controlled, we don't want to start\n       * the transition to open state. Mui Tooltip just notifies\n       * about the intention that a component wants to be opened\n       * but we don't actually open it unless outside 'open' prop is changed to true\n       */\n      return;\n    }\n\n    requestOpen({ setIsOpened: setInnerIsOpen, id: componentId });\n  };\n\n  const onClose = event => {\n    onCloseProp(event);\n\n    if (isControlledMode) {\n      /**\n       * If the component is controlled, we don't want to start\n       * the transition to closed state. Mui Tooltip just notifies\n       * about the intention that a component wants to be closed\n       * but we don't actually close it unless outside 'open' prop is changed to false\n       */\n      return;\n    }\n\n    requestClose({ setIsOpened: setInnerIsOpen, id: componentId });\n  };\n\n  useEffect(() => {\n    if (openProp) {\n      requestOpen({ setIsOpened: setInnerIsOpen, id: componentId });\n    } else {\n      requestClose({ setIsOpened: setInnerIsOpen, id: componentId });\n    }\n  }, [openProp]);\n\n  useEffect(() => {\n    return () => {\n      requestClose({ setIsOpened: setInnerIsOpen, id: componentId });\n    };\n  }, []);\n\n  return (\n    <Tooltip\n      {...otherMuiTooltipProps}\n      open={innerIsOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      TransitionProps={{\n        ...TransitionProps,\n        timeout: TRANSITION_DURATION,\n      }}\n      title={<IsInsideDcFullscreenElemProvider>{titleProp}</IsInsideDcFullscreenElemProvider>}\n    />\n  );\n}\n"],"names":["TRANSITION_DURATION","MuiTooltipDcWrapper","onOpen","onOpenProp","noop","onClose","onCloseProp","open","openProp","titleProp","title","TransitionProps","otherMuiTooltipProps","useState","innerIsOpen","setInnerIsOpen","useDcFullscreenElemsCoordinator","requestOpen","requestClose","uuidv4","componentId","isControlledMode","event","setIsOpened","id","useEffect","_jsx","timeout"],"mappings":";;;;;;;;;;;;;;AAYA,IAAMA,mBAAmB,GAAG,CAAC,CAAC;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,mBAAmB,CAOL,IAAA,EAAA;AAAA,EAAA,IAAA,WAAA,GAAA,IAAA,CAN5BC,MAAM;AAAEC,IAAAA,UAAU,4BAAGC,IAAI,GAAA,WAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CACzBC,OAAO;AAAEC,IAAAA,WAAW,6BAAGF,IAAI,GAAA,YAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CAC3BG,IAAI;AAAEC,IAAAA,QAAQ,0BAAG,IAAI,GAAA,SAAA;AACdC,IAAAA,SAAS,QAAhBC,KAAK;AAAA,IAAA,oBAAA,GAAA,IAAA,CACLC,eAAe;IAAfA,eAAe,GAAA,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,oBAAA;IACjBC,oBAAoB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEvB,IAAsCC,SAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA9CC,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,cAAc,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAA,qBAAA,GAAsCC,+BAA+B,EAAE;AAA/DC,IAAAA,WAAW,yBAAXA,WAAW;AAAEC,IAAAA,YAAY,yBAAZA,YAAY,CAAA;AACjC,EAAA,IAAA,UAAA,GAAsBL,QAAQ,CAAC,YAAA;AAAA,MAAA,OAAMM,EAAM,EAAE,CAAA;KAAC,CAAA;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAvCC,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,EAAA,IAAMC,gBAAgB,GAAG,OAAOb,QAAQ,KAAK,SAAS,CAAA;AAEtD,EAAA,IAAMN,MAAM,GAAG,SAATA,MAAM,CAAGoB,KAAK,EAAI;IACtBnB,UAAU,CAACmB,KAAK,CAAC,CAAA;AAEjB,IAAA,IAAID,gBAAgB,EAAE;AACpB;AACN;AACA;AACA;AACA;AACA;AACM,MAAA,OAAA;AACF,KAAA;AAEAJ,IAAAA,WAAW,CAAC;AAAEM,MAAAA,WAAW,EAAER,cAAc;AAAES,MAAAA,EAAE,EAAEJ,WAAAA;AAAY,KAAC,CAAC,CAAA;GAC9D,CAAA;AAED,EAAA,IAAMf,OAAO,GAAG,SAAVA,OAAO,CAAGiB,KAAK,EAAI;IACvBhB,WAAW,CAACgB,KAAK,CAAC,CAAA;AAElB,IAAA,IAAID,gBAAgB,EAAE;AACpB;AACN;AACA;AACA;AACA;AACA;AACM,MAAA,OAAA;AACF,KAAA;AAEAH,IAAAA,YAAY,CAAC;AAAEK,MAAAA,WAAW,EAAER,cAAc;AAAES,MAAAA,EAAE,EAAEJ,WAAAA;AAAY,KAAC,CAAC,CAAA;GAC/D,CAAA;AAEDK,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIjB,QAAQ,EAAE;AACZS,MAAAA,WAAW,CAAC;AAAEM,QAAAA,WAAW,EAAER,cAAc;AAAES,QAAAA,EAAE,EAAEJ,WAAAA;AAAY,OAAC,CAAC,CAAA;AAC/D,KAAC,MAAM;AACLF,MAAAA,YAAY,CAAC;AAAEK,QAAAA,WAAW,EAAER,cAAc;AAAES,QAAAA,EAAE,EAAEJ,WAAAA;AAAY,OAAC,CAAC,CAAA;AAChE,KAAA;AACF,GAAC,EAAE,CAACZ,QAAQ,CAAC,CAAC,CAAA;AAEdiB,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,OAAO,YAAM;AACXP,MAAAA,YAAY,CAAC;AAAEK,QAAAA,WAAW,EAAER,cAAc;AAAES,QAAAA,EAAE,EAAEJ,WAAAA;AAAY,OAAC,CAAC,CAAA;KAC/D,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;EAEN,oBACEM,GAAA,CAAC,OAAO,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACFd,oBAAoB,CAAA,EAAA,EAAA,EAAA;AACxB,IAAA,IAAI,EAAEE,WAAY;AAClB,IAAA,MAAM,EAAEZ,MAAO;AACf,IAAA,OAAO,EAAEG,OAAQ;AACjB,IAAA,eAAe,kCACVM,eAAe,CAAA,EAAA,EAAA,EAAA;AAClBgB,MAAAA,OAAO,EAAE3B,mBAAAA;KACT,CAAA;IACF,KAAK,eAAE0B,IAAC,gCAAgC,EAAA;MAAA,QAAEjB,EAAAA,SAAAA;AAAS,KAAA,CAAA;GACnD,CAAA,CAAA,CAAA;AAEN;;;;"}

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 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};
+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

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, TooltipProps, Theme } 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.b8,\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      padding: 0,\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.b8} 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.b8} 18.23%, rgba(59, 59, 59, 0) 100%)`,\n      bottom: 0,\n      opacity: 0.8,\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","b8","margin","marginTop","maxHeight","maxWidth","padding","staticTitle","fontSize","fontWeight","letterSpacing","lineHeight","whiteSpace","titleWrapper","position","content","height","width","opacity","top","bottom","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,24 @@
-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};
+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

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 { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider';\nimport { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper';\n\ninterface TooltipProps extends MuiTooltipProps {\n  isFullScreen?: boolean;\n}\n\nexport function Tooltip({ isFullScreen = true, ...tooltipProps }: TooltipProps): JSX.Element {\n  const isInsideDcApp = useIsInsideDcApp();\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","useIsInsideDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","TooltipComponent","MuiTooltipDcWrapper","MuiTooltip","_jsx"],"mappings":";;;;;;;;;;;;AAUO,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,gBAAgB,EAAE,CAAA;EACxC,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,142 @@
-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};
+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

package/components/TracesEditModal/TracesEditModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TracesEditModal.js","sources":["../../../src/components/TracesEditModal/TracesEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { Grid, Button, Box } from '@material-ui/core';\n\nimport { Regular14 } from '~/components/Typography';\nimport Modal from '~/components/Modal';\nimport KeyboardDateTimePicker from '~/components/KeyboardDateTimePicker';\nimport PostInput from '~/components/PostInput';\n\nimport styles from './TracesEditModal.css';\n\nconst 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  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          <span className={styles.modalFieldLabel}>Time</span>\n          <KeyboardDateTimePicker\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        <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...' : `${holeDepth}’`}\n          </Regular14>\n        </Box>\n        <Box display=\"flex\" flexDirection=\"column\">\n          <span className={styles.modalFieldLabel}>Bit Depth</span>\n          <Regular14 data-testid={`${PAGE_NAME}_bitDepth`}>\n            {isDepthDataLoading ? 'Loading...' : `${bitDepth}’`}\n          </Regular14>\n        </Box>\n      </Box>\n    </Modal>\n  );\n};\n\nTracesMemoModal.propTypes = {\n  isApplyDisabled: PropTypes.bool,\n  isDepthDataLoading: PropTypes.bool,\n  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  minDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  maxDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampError: PropTypes.string,\n  holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  initialAttachment: PropTypes.shape({}),\n  postValue: PropTypes.shape({\n    body: PropTypes.string,\n    attachment: PropTypes.shape({}),\n  }).isRequired,\n  onPostChange: PropTypes.func.isRequired,\n  onTimestampChange: PropTypes.func.isRequired,\n  onClose: PropTypes.func,\n  onApply: PropTypes.func,\n};\n\nTracesMemoModal.defaultProps = {\n  initialAttachment: null,\n  onClose: noop,\n  onApply: noop,\n  timestampError: '',\n  isApplyDisabled: false,\n  isDepthDataLoading: false,\n};\n\nexport default TracesMemoModal;\n"],"names":["PAGE_NAME","TIME_FORMAT","TracesMemoModal","onClose","onApply","postValue","onPostChange","timestampMs","onTimestampChange","timestampError","minDateMs","maxDateMs","isApplyDisabled","isDepthDataLoading","holeDepth","bitDepth","userCompanyId","_jsxs","styles","modal","_jsx","modalPostInput","modalFieldLabel","modalDateInput","propTypes","PropTypes","bool","oneOfType","string","number","isRequired","initialAttachment","shape","body","attachment","func","defaultProps","noop"],"mappings":"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"}