@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/TextField/index.js

@@ -1,114 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { makeStyles, TextField as TextField$1, InputAdornment } from '@material-ui/core';
-import { useCustomShrink } from './effects/index.js';
-import palette from '../../config/theme/palette.mjs.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["startIcon", "endIcon", "onFocus", "onBlur", "InputProps", "value", "startAdornment", "endAdornment"];
-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 {
-    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,
-    _props$value = props.value,
-    value = _props$value === void 0 ? '' : _props$value,
-    startAdornment = props.startAdornment,
-    endAdornment = props.endAdornment,
-    rest = _objectWithoutProperties(props, _excluded);
-  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), {}, {
-    variant: rest.variant // This line is needed so MUI's types won't throw some crazy error
-    ,
-    onFocus: onInputFocus,
-    onBlur: onInputBlur,
-    value: value,
-    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)
-  }));
-};
-
-export { TextField as default };
-//# sourceMappingURL=index.js.map
+import{__rest as t,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{makeStyles as r,TextField as e,InputAdornment as i}from"@material-ui/core";import{useCustomShrink as a}from"./effects/index.js";import s from"../../config/theme/palette.mjs.js";var u=r((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}}}})),l=function(r){var s=r.startIcon,l=r.endIcon,f=r.onFocus,m=r.onBlur,p=r.InputProps,d=r.value,c=void 0===d?"":d,I=r.startAdornment,v=r.endAdornment,b=t(r,["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"]),L=a({startIcon:s,endIcon:l,onFocus:f,onBlur:m,value:c,InputProps:p}),M=L.shrink,g=L.onInputFocus,A=L.onInputBlur,h=L.startLabelOffset,F=L.endLabelOffset,x=L.startAdornmentRef,O=L.endAdornmentRef,P=u({startLabelOffset:h,endLabelOffset:F});return o(e,n({},b,{variant:b.variant,onFocus:g,onBlur:A,value:c,classes:{root:P.textField},InputLabelProps:n({shrink:M,classes:{shrink:P.shrunkLabel}},r.InputLabelProps),InputProps:n({startAdornment:s?o(i,{position:"start",ref:x,children:s}):I,endAdornment:l?o(i,{position:"end",ref:O,children:l}):v},r.InputProps)}))};export{l as default};

package/components/TextLink/index.js

@@ -1,136 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { withStyles, Tooltip, makeStyles } from '@material-ui/core';
-import classNames from 'classnames';
-import LanguageIcon from '@material-ui/icons/Language';
-import { useDevCenterRouter } from '../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var _excluded = ["children", "href", "TooltipProps", "className", "color", "target", "disabled", "showTooltip", "tooltipText"];
-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 StyledTooltip = withStyles({
-  tooltip: {
-    padding: '4px 8px',
-    display: 'flex',
-    alignItems: 'center'
-  }
-})(Tooltip);
-var useStyles = makeStyles(function (theme) {
-  return {
-    //@ts-ignore
-    root: function root(_ref) {
-      var color = _ref.color;
-      return {
-        color: color,
-        fontSize: 'inherit',
-        lineHeight: 'inherit',
-        letterSpacing: '0.15px',
-        textDecoration: 'none',
-        '&:hover': {
-          color: color,
-          textDecoration: 'underline'
-        },
-        '&:visited': {
-          color: color
-        }
-      };
-    },
-    disabled: {
-      color: theme.palette.primary.dark,
-      fontSize: 'inherit',
-      lineHeight: 'inherit',
-      letterSpacing: '0.15px'
-    },
-    icon: {
-      marginRight: 8
-    },
-    buttonLink: {
-      border: 'none',
-      background: 'none',
-      padding: 0,
-      cursor: 'pointer'
-    }
-  };
-});
-var TextLink = function TextLink(_ref2) {
-  var children = _ref2.children,
-    href = _ref2.href,
-    _ref2$TooltipProps = _ref2.TooltipProps,
-    TooltipProps = _ref2$TooltipProps === void 0 ? {} : _ref2$TooltipProps,
-    _ref2$className = _ref2.className,
-    className = _ref2$className === void 0 ? '' : _ref2$className,
-    _ref2$color = _ref2.color,
-    color = _ref2$color === void 0 ? '#03bcd4' : _ref2$color,
-    _ref2$target = _ref2.target,
-    target = _ref2$target === void 0 ? '_blank' : _ref2$target,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    _ref2$showTooltip = _ref2.showTooltip,
-    showTooltip = _ref2$showTooltip === void 0 ? false : _ref2$showTooltip,
-    _ref2$tooltipText = _ref2.tooltipText,
-    tooltipText = _ref2$tooltipText === void 0 ? '' : _ref2$tooltipText,
-    LinkProps = _objectWithoutProperties(_ref2, _excluded);
-  var styles = useStyles({
-    color: color
-  });
-  var devCenterRouter = useDevCenterRouter(); // Available only in DC apps in an iframe
-
-  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 = devCenterRouter && target === '_self' ? /*#__PURE__*/jsx("button", _objectSpread(_objectSpread({
-    tabIndex: 0,
-    role: "link",
-    className: classNames(styles.buttonLink, styles.root, className),
-    onClick: function onClick(e) {
-      if (e.metaKey || e.ctrlKey) {
-        window.open(href, '_blank');
-      } else {
-        devCenterRouter.push(href);
-      }
-    }
-  }, LinkProps), {}, {
-    children: children
-  })) :
-  /*#__PURE__*/
-  // TODO: use react-router API when it's availble & target=_self instead of `a` tag
-  // to not reload the whole page
-  // https://corvaqa.atlassian.net/browse/DC-3914
-  jsx("a", _objectSpread(_objectSpread({
-    className: classNames(styles.root, className),
-    target: target,
-    href: href,
-    rel: "noopener noreferrer"
-  }, LinkProps), {}, {
-    children: children
-  }));
-
-  // Adding zero-width spaces ("breaking non-spaces") to href so it would fit in the tooltip
-  var preparedTooltipText = tooltipText || (href === null || href === void 0 ? void 0 : href.replaceAll('/', "/\u200B"));
-  if (showTooltip || tooltipText) {
-    return /*#__PURE__*/jsx(StyledTooltip, _objectSpread(_objectSpread({
-      title: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(LanguageIcon, {
-          fontSize: "small",
-          className: styles.icon
-        }), preparedTooltipText]
-      }),
-      placement: "bottom-start"
-    }, TooltipProps), {}, {
-      children: link
-    }));
-  }
-  return link;
-};
-
-export { TextLink as default };
-//# sourceMappingURL=index.js.map
+import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as r,Fragment as i}from"react/jsx-runtime";import{withStyles as n,Tooltip as l,makeStyles as a}from"@material-ui/core";import c from"classnames";import s from"@material-ui/icons/Language";import{useDevCenterRouter as d}from"../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";var p=n({tooltip:{padding:"4px 8px",display:"flex",alignItems:"center"}})(l),m=a((function(e){return{root:function(e){var o=e.color;return{color:o,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px",textDecoration:"none","&:hover":{color:o,textDecoration:"underline"},"&:visited":{color:o}}},disabled:{color:e.palette.primary.dark,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px"},icon:{marginRight:8},buttonLink:{border:"none",background:"none",padding:0,cursor:"pointer"}}})),u=function(n){var a=n.children,u=n.href,f=n.TooltipProps,h=void 0===f?{}:f,b=n.className,v=void 0===b?"":b,g=n.color,x=void 0===g?"#03bcd4":g,k=n.target,D=void 0===k?"_blank":k,N=n.disabled,T=void 0!==N&&N,C=n.showTooltip,S=void 0!==C&&C,w=n.tooltipText,y=void 0===w?"":w,_=e(n,["children","href","TooltipProps","className","color","target","disabled","showTooltip","tooltipText"]),j=m({color:x}),z=d();if(T)return t(l,{title:"Disabled",placement:"bottom-start",children:t("span",o({className:c(j.disabled,v)},_,{children:a}))});var L=z&&"_self"===D?t("button",o({tabIndex:0,role:"link",className:c(j.buttonLink,j.root,v),onClick:function(e){e.metaKey||e.ctrlKey?window.open(u,"_blank"):z.push(u)}},_,{children:a})):t("a",o({className:c(j.root,v),target:D,href:u,rel:"noopener noreferrer"},_,{children:a})),R=y||(null==u?void 0:u.replaceAll("/","/​"));return S||y?t(p,o({title:r(i,{children:[t(s,{fontSize:"small",className:j.icon}),R]}),placement:"bottom-start"},h,{children:L})):L};export{u as default};

package/components/Toaster/ToastContainer.js

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

package/components/Toaster/Toaster.js

@@ -1,95 +1 @@
-import { useEffect } from 'react';
-import { makeStyles, Typography } from '@material-ui/core';
-import { CheckSmallIcon } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-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 12px 0px #0000001F',
-      borderRadius: 4,
-      paddingRight: 12,
-      paddingLeft: 8
-    },
-    notificationIcon: {
-      width: 12,
-      color: theme.palette.primary.text6,
-      fontSize: 12,
-      marginRight: 4
-    },
-    notificationLabel: {
-      color: theme.palette.primary.text6,
-      fontWeight: 400,
-      fontSize: 12,
-      lineHeight: '17px',
-      letterSpacing: 0.4
-    }
-  };
-});
-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(CheckSmallIcon, {
-        size: 12,
-        className: classes.notificationIcon
-      }), /*#__PURE__*/jsx(Typography, {
-        className: classes.notificationLabel,
-        children: message
-      })]
-    })
-  });
-}
-
-export { DEFAULT_AUTO_HIDE_DURATION, Toaster };
-//# sourceMappingURL=Toaster.js.map
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useEffect as s}from"react";import{makeStyles as n,Typography as c}from"@material-ui/core";import{CheckSmallIcon as t}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var e=n((function(o){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 12px 0px #0000001F",borderRadius:4,paddingRight:12,paddingLeft:8},notificationIcon:{width:12,color:o.palette.primary.text6,fontSize:12,marginRight:4},notificationLabel:{color:o.palette.primary.text6,fontWeight:400,fontSize:12,lineHeight:"17px",letterSpacing:.4}}})),r=3e3;function m(n){var r=n.message,m=n.autoHideDuration,a=void 0===m?3e3:m,p=n.onDismiss,u=e();return s((function(){var o=setTimeout(p,a);return function(){return clearTimeout(o)}}),[]),o("div",{className:u.notificationContainer,children:i("div",{className:u.notificationContent,children:[o(t,{size:12,className:u.notificationIcon}),o(c,{className:u.notificationLabel,children:r})]})})}export{r as DEFAULT_AUTO_HIDE_DURATION,m 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.b10,
-        margin: 12,
-        // NOTE: interactive Tooltip is set 5px from the window top so in total it will result in 12px margin
-        marginTop: '7px !important',
-        maxHeight: 'calc(100vh - 24px)',
-        maxWidth: 500
-      }
-    },
-    staticTitle: {
-      fontSize: 12,
-      fontWeight: 400,
-      letterSpacing: '0.4px',
-      lineHeight: '16px',
-      whiteSpace: 'nowrap',
-      padding: '8px 8px 0 8px'
-    },
-    titleWrapper: {
-      position: 'relative',
-      '&::before, &::after': {
-        content: '""',
-        height: 16,
-        position: 'absolute',
-        width: '100%'
-      },
-      '&::before': {
-        background: "linear-gradient(180deg, ".concat(theme.palette.background.b10, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
-        opacity: 0.8,
-        top: 0
-      },
-      '&::after': {
-        background: "linear-gradient(0deg, ".concat(theme.palette.background.b10, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
-        bottom: 0,
-        opacity: 0.8,
-        borderRadius: 4
-      }
-    },
-    title: {
-      maxHeight: function maxHeight(_ref) {
-        var _ref$staticTitleHeigh = _ref.staticTitleHeight,
-          staticTitleHeight = _ref$staticTitleHeigh === void 0 ? 0 : _ref$staticTitleHeigh;
-        return "calc(100vh - ".concat(staticTitleHeight + 24, "px)");
-      },
-      overflowY: 'auto',
-      padding: '8px 16px 8px 8px'
-    }
-  };
-});
-var ScrollableTooltip = function ScrollableTooltip(_ref2) {
-  var _ref2$classes = _ref2.classes,
-    classesProp = _ref2$classes === void 0 ? {} : _ref2$classes,
-    _ref2$popperClassName = _ref2.popperClassName,
-    popperClassName = _ref2$popperClassName === void 0 ? '' : _ref2$popperClassName,
-    _ref2$staticTitle = _ref2.staticTitle,
-    staticTitle = _ref2$staticTitle === void 0 ? '' : _ref2$staticTitle,
-    _ref2$staticTitleHeig = _ref2.staticTitleHeight,
-    staticTitleHeight = _ref2$staticTitleHeig === void 0 ? 0 : _ref2$staticTitleHeig,
-    title = _ref2.title,
-    _ref2$titleClassName = _ref2.titleClassName,
-    titleClassName = _ref2$titleClassName === void 0 ? '' : _ref2$titleClassName,
-    _ref2$titleWrapperCla = _ref2.titleWrapperClassName,
-    titleWrapperClassName = _ref2$titleWrapperCla === void 0 ? '' : _ref2$titleWrapperCla,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var classes = useStyles({
-    staticTitleHeight: staticTitle ? staticTitleHeight || 24 : 0
-  });
-  return /*#__PURE__*/jsx(Tooltip, _objectSpread({
-    interactive: true,
-    isFullScreen: false,
-    title: staticTitle || title ? /*#__PURE__*/jsxs(Fragment, {
-      children: [staticTitle && /*#__PURE__*/jsx("div", {
-        className: classes.staticTitle,
-        children: staticTitle
-      }), /*#__PURE__*/jsx("div", {
-        className: classNames(classes.titleWrapper, titleWrapperClassName),
-        children: /*#__PURE__*/jsx("div", {
-          className: classNames(classes.title, titleClassName),
-          children: title
-        })
-      })]
-    }) : '',
-    classes: _objectSpread(_objectSpread({}, classesProp), {}, {
-      popper: classNames(classes.popper, classesProp.popper, popperClassName)
-    })
-  }, props));
-};
-
-export { ScrollableTooltip };
-//# sourceMappingURL=ScrollableTooltip.js.map
+import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as a,Fragment as r}from"react/jsx-runtime";import o from"classnames";import{makeStyles as p}from"@material-ui/core";import{Tooltip as l}from"./Tooltip.js";var s=p((function(t){return{popper:{"& .MuiTooltip-tooltip":{backgroundColor:t.palette.background.b10,margin:12,marginTop:"7px !important",maxHeight:"calc(100vh - 24px)",maxWidth:500}},staticTitle:{fontSize:12,fontWeight:400,letterSpacing:"0.4px",lineHeight:"16px",whiteSpace:"nowrap",padding:"8px 8px 0 8px"},titleWrapper:{position:"relative","&::before, &::after":{content:'""',height:16,position:"absolute",width:"100%"},"&::before":{background:"linear-gradient(180deg, ".concat(t.palette.background.b10," 18.23%, rgba(59, 59, 59, 0) 100%)"),opacity:.8,top:0},"&::after":{background:"linear-gradient(0deg, ".concat(t.palette.background.b10," 18.23%, rgba(59, 59, 59, 0) 100%)"),bottom:0,opacity:.8,borderRadius:4}},title:{maxHeight:function(t){var e=t.staticTitleHeight;return"calc(100vh - ".concat((void 0===e?0:e)+24,"px)")},overflowY:"auto",padding:"8px 16px 8px 8px"}}})),c=function(p){var c=p.classes,n=void 0===c?{}:c,d=p.popperClassName,m=void 0===d?"":d,g=p.staticTitle,u=void 0===g?"":g,h=p.staticTitleHeight,b=void 0===h?0:h,v=p.title,x=p.titleClassName,f=void 0===x?"":x,T=p.titleWrapperClassName,N=void 0===T?"":T,C=t(p,["classes","popperClassName","staticTitle","staticTitleHeight","title","titleClassName","titleWrapperClassName"]),H=s({staticTitleHeight:u?b||24:0});return i(l,e({interactive:!0,isFullScreen:!1,title:u||v?a(r,{children:[u&&i("div",{className:H.staticTitle,children:u}),i("div",{className:o(H.titleWrapper,N),children:i("div",{className:o(H.title,f),children:v})})]}):"",classes:e(e({},n),{popper:o(H.popper,n.popper,m)})},C))};export{c as ScrollableTooltip};

package/components/Tooltip/Tooltip.js

@@ -1,25 +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 { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
-import { MuiTooltipDcWrapper } from './MuiTooltipDcWrapper.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["isFullScreen"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function Tooltip(_ref) {
-  var _ref$isFullScreen = _ref.isFullScreen,
-    isFullScreen = _ref$isFullScreen === void 0 ? true : _ref$isFullScreen,
-    tooltipProps = _objectWithoutProperties(_ref, _excluded);
-  var isInsideDcApp = useIsInsideIsolatedDcApp();
-  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
-  var TooltipComponent = isFullScreen && isInsideDcApp && !isInsideDcFullscreenElem ? MuiTooltipDcWrapper : Tooltip$1;
-  return /*#__PURE__*/jsx(TooltipComponent, _objectSpread({}, tooltipProps));
-}
-
-export { Tooltip };
-//# sourceMappingURL=Tooltip.js.map
+import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{Tooltip as n}from"@material-ui/core";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as i}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideIsolatedDcApp as t}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{MuiTooltipDcWrapper as s}from"./MuiTooltipDcWrapper.js";function p(p){var l=p.isFullScreen,m=void 0===l||l,c=e(p,["isFullScreen"]),d=t(),a=i();return o(m&&d&&!a?s:n,r({},c))}export{p as Tooltip};