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

package/components/TextField/index.js

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

package/components/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import { ChangeEventHandler, FC, FocusEventHandler } from 'react';\nimport {\n  InputAdornment,\n  makeStyles,\n  TextField as MuiTextField,\n  TextFieldProps as MuiTextFieldProps,\n} from '@material-ui/core';\nimport { useCustomShrink } from './effects';\nimport palette from '~/config/theme/palette.mjs';\n\ntype StylesProps = {\n  startLabelOffset?: number;\n  endLabelOffset?: number;\n};\n\nconst useStyles = makeStyles(theme => ({\n  textField: {\n    marginTop: 16,\n    marginBottom: 8,\n    '& .MuiFormLabel-root': {\n      marginLeft: (props: StylesProps) =>\n        props.startLabelOffset ? `${props.startLabelOffset + 8}px` : 0,\n      marginRight: (props: StylesProps) =>\n        props.endLabelOffset ? `${props.endLabelOffset + 8}px` : 0,\n    },\n\n    '&:hover': {\n      '&.MuiTextField-root .MuiInput-root': {\n        '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n          fill: palette.primary.contrastText,\n        },\n      },\n    },\n\n    '&.MuiTextField-root .MuiInput-root': {\n      '& .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n        width: 16,\n        height: 16,\n        fontSize: 16,\n        fill: '#DADADA',\n      },\n      '&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n        fill: `${theme.palette.error.main} !important`,\n      },\n    },\n\n    '& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root': {\n      fill: `${theme.palette.primary.main} !important`,\n    },\n  },\n  shrunkLabel: {\n    '&.MuiInputLabel-shrink.MuiFormLabel-root': {\n      marginLeft: 0,\n    },\n  },\n}));\n\ntype TextFieldProps = Omit<\n  MuiTextFieldProps,\n  | 'value'\n  | 'startIcon'\n  | 'endIcon'\n  | 'InputProps'\n  | 'InputLabelProps'\n  | 'onFocus'\n  | 'onBlur'\n  | 'endAdornment'\n  | 'startAdornment'\n  | 'onChange'\n  | 'classes'\n> & {\n  value: string | number | null | undefined;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n  InputProps?: MuiTextFieldProps['InputProps'] & { startAdornment?: React.ReactNode };\n  InputLabelProps?: MuiTextFieldProps['InputLabelProps'] & { startAdornment?: React.ReactNode };\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  endAdornment?: React.ReactNode;\n  startAdornment?: React.ReactNode;\n};\n\nconst TextField: FC<TextFieldProps> = props => {\n  const {\n    startIcon,\n    endIcon,\n    onFocus,\n    onBlur,\n    InputProps,\n    value = '',\n    startAdornment,\n    endAdornment,\n    ...rest\n  } = props;\n\n  const {\n    shrink,\n    onInputFocus,\n    onInputBlur,\n    startLabelOffset,\n    endLabelOffset,\n    startAdornmentRef,\n    endAdornmentRef,\n  } = useCustomShrink({\n    startIcon,\n    endIcon,\n    onFocus,\n    onBlur,\n    value,\n    InputProps,\n  });\n\n  const styles = useStyles({ startLabelOffset, endLabelOffset });\n\n  return (\n    <MuiTextField\n      {...rest}\n      variant={rest.variant} // This line is needed so MUI's types won't throw some crazy error\n      onFocus={onInputFocus}\n      onBlur={onInputBlur}\n      value={value}\n      classes={{ root: styles.textField }}\n      InputLabelProps={{\n        shrink,\n        classes: { shrink: styles.shrunkLabel },\n        ...props.InputLabelProps,\n      }}\n      InputProps={{\n        startAdornment: startIcon ? (\n          <InputAdornment position=\"start\" ref={startAdornmentRef}>\n            {startIcon}\n          </InputAdornment>\n        ) : (\n          startAdornment\n        ),\n        endAdornment: endIcon ? (\n          <InputAdornment position=\"end\" ref={endAdornmentRef}>\n            {endIcon}\n          </InputAdornment>\n        ) : (\n          endAdornment\n        ),\n        ...props.InputProps,\n      }}\n    />\n  );\n};\n\nexport default TextField;\n"],"names":["useStyles","makeStyles","theme","textField","marginTop","marginBottom","marginLeft","props","startLabelOffset","marginRight","endLabelOffset","fill","palette","primary","contrastText","width","height","fontSize","error","main","shrunkLabel","TextField","startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment","rest","useCustomShrink","shrink","onInputFocus","onInputBlur","startAdornmentRef","endAdornmentRef","styles","_jsx","MuiTextField","variant","root","classes","InputLabelProps"],"mappings":"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"}

package/components/TextLink/index.js

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

package/components/TextLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TextLink/index.tsx"],"sourcesContent":["import { makeStyles, Tooltip, TooltipProps, withStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport { useDevCenterRouter } from '../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter';\nimport { ReactNode } from 'react';\n\nconst StyledTooltip = withStyles({\n  tooltip: {\n    padding: '4px 8px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n})(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  //@ts-ignore\n  root: ({ color }) => ({\n    color,\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: '0.15px',\n    textDecoration: 'none',\n    '&:hover': {\n      color,\n      textDecoration: 'underline',\n    },\n    '&:visited': {\n      color,\n    },\n  }),\n  disabled: {\n    color: theme.palette.primary.dark,\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: '0.15px',\n  },\n  icon: {\n    marginRight: 8,\n  },\n  buttonLink: {\n    border: 'none',\n    background: 'none',\n    padding: 0,\n    cursor: 'pointer',\n  },\n}));\n\ntype TextLinkProps = {\n  /**\n   * Component's content\n   */\n  children: ReactNode;\n  href: string;\n  className?: string;\n  color?: string;\n  target?: '_self' | '_blank';\n  disabled?: boolean;\n  showTooltip?: boolean;\n  /**\n   * Uses `href` if empty\n   */\n  tooltipText?: string;\n  TooltipProps?: Omit<TooltipProps, 'children' | 'title'> & { title?: TooltipProps['title'] };\n};\n\nconst TextLink = ({\n  children,\n  href,\n  TooltipProps = {},\n  className = '',\n  color = '#03bcd4',\n  target = '_blank',\n  disabled = false,\n  showTooltip = false,\n  tooltipText = '',\n  ...LinkProps\n}: TextLinkProps): JSX.Element => {\n  const styles = useStyles({ color });\n  const devCenterRouter = useDevCenterRouter(); // Available only in DC apps in an iframe\n\n  if (disabled) {\n    return (\n      <Tooltip title=\"Disabled\" placement=\"bottom-start\">\n        <span className={classNames(styles.disabled, className)} {...LinkProps}>\n          {children}\n        </span>\n      </Tooltip>\n    );\n  }\n\n  const link =\n    devCenterRouter && target === '_self' ? (\n      <button\n        tabIndex={0}\n        role=\"link\"\n        className={classNames(styles.buttonLink, styles.root, className)}\n        onClick={e => {\n          if (e.metaKey || e.ctrlKey) {\n            window.open(href, '_blank');\n          } else {\n            devCenterRouter.push(href);\n          }\n        }}\n        {...LinkProps}\n      >\n        {children}\n      </button>\n    ) : (\n      // TODO: use react-router API when it's availble & target=_self instead of `a` tag\n      // to not reload the whole page\n      // https://corvaqa.atlassian.net/browse/DC-3914\n      <a\n        className={classNames(styles.root, className)}\n        target={target}\n        href={href}\n        rel=\"noopener noreferrer\"\n        {...LinkProps}\n      >\n        {children}\n      </a>\n    );\n\n  // Adding zero-width spaces (\"breaking non-spaces\") to href so it would fit in the tooltip\n  const preparedTooltipText = tooltipText || href?.replaceAll('/', '/\\u200B');\n\n  if (showTooltip || tooltipText) {\n    return (\n      <StyledTooltip\n        title={\n          <>\n            <LanguageIcon fontSize=\"small\" className={styles.icon} />\n            {preparedTooltipText}\n          </>\n        }\n        placement=\"bottom-start\"\n        {...TooltipProps}\n      >\n        {link}\n      </StyledTooltip>\n    );\n  }\n\n  return link;\n};\n\nexport default TextLink;\n"],"names":["StyledTooltip","withStyles","tooltip","padding","display","alignItems","Tooltip","useStyles","makeStyles","theme","root","color","fontSize","lineHeight","letterSpacing","textDecoration","disabled","palette","primary","dark","icon","marginRight","buttonLink","border","background","cursor","TextLink","children","href","TooltipProps","className","target","showTooltip","tooltipText","LinkProps","styles","devCenterRouter","useDevCenterRouter","_jsx","classNames","link","e","metaKey","ctrlKey","window","open","push","preparedTooltipText","replaceAll","_jsxs","_Fragment"],"mappings":"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"}

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

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';\n\nimport { ToasterType } from './types';\nimport { CheckSmallIcon } from '~/icons';\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 12px 0px #0000001F',\n    borderRadius: 4,\n    paddingRight: 12,\n    paddingLeft: 8,\n  },\n  notificationIcon: {\n    width: 12,\n    color: theme.palette.primary.text6,\n    fontSize: 12,\n    marginRight: 4,\n  },\n  notificationLabel: {\n    color: theme.palette.primary.text6,\n    fontWeight: 400,\n    fontSize: 12,\n    lineHeight: '17px',\n    letterSpacing: 0.4,\n  },\n}));\n\nexport const 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        <CheckSmallIcon size={12} 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","paddingRight","paddingLeft","notificationIcon","width","color","palette","primary","text6","fontSize","marginRight","notificationLabel","fontWeight","lineHeight","letterSpacing","DEFAULT_AUTO_HIDE_DURATION","Toaster","message","autoHideDuration","onDismiss","classes","useEffect","timeout","setTimeout","clearTimeout","_jsx","_jsxs"],"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,4BAA4B;AACvCC,MAAAA,YAAY,EAAE,CAAC;AACfC,MAAAA,YAAY,EAAE,EAAE;AAChBC,MAAAA,WAAW,EAAE,CAAA;KACd;AACDC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,KAAK,EAAEnB,KAAK,CAACoB,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,WAAW,EAAE,CAAA;KACd;AACDC,IAAAA,iBAAiB,EAAE;AACjBN,MAAAA,KAAK,EAAEnB,KAAK,CAACoB,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCI,MAAAA,UAAU,EAAE,GAAG;AACfH,MAAAA,QAAQ,EAAE,EAAE;AACZI,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,aAAa,EAAE,GAAA;AACjB,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEI,IAAMC,0BAA0B,GAAG,KAAI;AAMvC,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,GAAGpC,SAAS,EAAE,CAAA;AAE3BqC,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,CAACjC,qBAAsB;IAAA,QAC5C,eAAAuC,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEN,OAAO,CAACxB,mBAAoB;AAAA,MAAA,QAAA,EAAA,cAC1C6B,IAAC,cAAc,EAAA;AAAC,QAAA,IAAI,EAAE,EAAG;QAAC,SAAS,EAAEL,OAAO,CAACjB,gBAAAA;OAAoB,CAAA,eACjEsB,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