@corva/ui 3.1.0-rc.5 → 3.1.0

package/componentsV2/TextLink/TextLink.js

@@ -1,71 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import LanguageIcon from '@material-ui/icons/Language';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import styles from './TextLink.scss.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _excluded = ["to", "children"],
-  _excluded2 = ["children", "className", "testId", "disableTooltip", "disabled", "component", "to", "onClick", "target"];
-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 Anchor = forwardRef(function (_ref, ref) {
-  var to = _ref.to,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({}, props), {}, {
-    href: to,
-    ref: ref,
-    children: children
-  }));
-});
-var TextLink = forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    className = _ref2.className,
-    testId = _ref2.testId,
-    disableTooltip = _ref2.disableTooltip,
-    disabled = _ref2.disabled,
-    _ref2$component = _ref2.component,
-    Component = _ref2$component === void 0 ? Anchor : _ref2$component,
-    to = _ref2.to,
-    onClick = _ref2.onClick,
-    _ref2$target = _ref2.target,
-    target = _ref2$target === void 0 ? '_blank' : _ref2$target,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  var linkClassName = classNames(styles.root, disabled ? styles.disabled : styles.enabled);
-
-  // Adding zero-width spaces ("breaking non-spaces") to href, so it would fit in the tooltip
-  var preparedTooltipText = to === null || to === void 0 ? void 0 : to.replaceAll('/', "/\u200B");
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: /*#__PURE__*/jsxs("div", {
-      className: styles.tooltip,
-      children: [/*#__PURE__*/jsx(LanguageIcon, {
-        fontSize: "small",
-        className: styles.icon
-      }), preparedTooltipText]
-    }),
-    disabled: disableTooltip,
-    placement: "bottom-start",
-    children: /*#__PURE__*/jsx("span", {
-      ref: ref,
-      className: className,
-      children: disabled ? /*#__PURE__*/jsx("span", {
-        className: linkClassName,
-        children: children
-      }) : /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({
-        onClick: onClick,
-        className: linkClassName,
-        "data-testid": testId,
-        to: to,
-        target: target
-      }, rest), {}, {
-        children: children
-      }))
-    })
-  });
-});
-
-export { TextLink };
-//# sourceMappingURL=TextLink.js.map
+import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as i}from"react/jsx-runtime";import{forwardRef as l}from"react";import a from"classnames";import r from"@material-ui/icons/Language";import{Tooltip as s}from"../Tooltip/Tooltip.js";import n from"./TextLink.scss.js";var c=l((function(i,l){var a=i.to,r=i.children,s=e(i,["to","children"]);return o("a",t({},s,{href:a,ref:l,children:r}))})),d=l((function(l,d){var m=l.children,p=l.className,f=l.testId,b=l.disableTooltip,h=l.disabled,u=l.component,v=void 0===u?c:u,N=l.to,g=l.onClick,k=l.target,T=void 0===k?"_blank":k,j=e(l,["children","className","testId","disableTooltip","disabled","component","to","onClick","target"]),x=a(n.root,h?n.disabled:n.enabled),C=null==N?void 0:N.replaceAll("/","/​");return o(s,{title:i("div",{className:n.tooltip,children:[o(r,{fontSize:"small",className:n.icon}),C]}),disabled:b,placement:"bottom-start",children:o("span",{ref:d,className:p,children:h?o("span",{className:x,children:m}):o(v,t({onClick:g,className:x,"data-testid":f,to:N,target:T},j,{children:m}))})})}));export{d as TextLink};

package/componentsV2/TextLink/TextLink.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.TextLink_root__QwRLL {\n  cursor: pointer;\n  text-decoration: none;\n  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  outline: none;\n  font-size: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n}\n.TextLink_root__QwRLL.TextLink_enabled__xRVMs {\n  color: var(--palette-primary-main);\n}\n.TextLink_root__QwRLL.TextLink_enabled__xRVMs:hover, .TextLink_root__QwRLL.TextLink_enabled__xRVMs:focus, .TextLink_root__QwRLL.TextLink_enabled__xRVMs:active, .TextLink_root__QwRLL.TextLink_enabled__xRVMs:visited {\n  text-decoration: underline;\n}\n.TextLink_root__QwRLL.TextLink_disabled__zz9Bk {\n  pointer-events: none;\n  color: var(--palette-primary-dark);\n}\n.TextLink_tooltip__nVhOn {\n  display: flex;\n  align-items: center;\n  max-width: 300px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.TextLink_icon__-wrDV {\n  margin-right: 8px;\n}";
-var styles = {"spacing":"8","root":"TextLink_root__QwRLL","enabled":"TextLink_enabled__xRVMs","disabled":"TextLink_disabled__zz9Bk","tooltip":"TextLink_tooltip__nVhOn","icon":"TextLink_icon__-wrDV"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=TextLink.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"TextLink_root__QwRLL",enabled:"TextLink_enabled__xRVMs",disabled:"TextLink_disabled__zz9Bk",tooltip:"TextLink_tooltip__nVhOn",icon:"TextLink_icon__-wrDV"};e(".TextLink_root__QwRLL{cursor:pointer;font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs{color:var(--palette-primary-main)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs:active,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:focus,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:hover,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:visited{text-decoration:underline}.TextLink_root__QwRLL.TextLink_disabled__zz9Bk{color:var(--palette-primary-dark);pointer-events:none}.TextLink_tooltip__nVhOn{align-items:center;display:flex;max-width:300px;overflow:hidden;text-overflow:ellipsis}.TextLink_icon__-wrDV{margin-right:8px}");export{t as default};

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js

@@ -1,8 +1 @@
-var TextMiddleTruncatedTestIds;
-(function (TextMiddleTruncatedTestIds) {
-  TextMiddleTruncatedTestIds["FullTextTestId"] = "CorvaUI.TextMiddleTruncated.FullTextTestId";
-  TextMiddleTruncatedTestIds["TruncatedTextTestId"] = "CorvaUI.TextMiddleTruncated.TruncatedTextTestId";
-})(TextMiddleTruncatedTestIds || (TextMiddleTruncatedTestIds = {}));
-
-export { TextMiddleTruncatedTestIds };
-//# sourceMappingURL=TextMiddleTruncated.constants.js.map
+var e;!function(e){e.FullTextTestId="CorvaUI.TextMiddleTruncated.FullTextTestId",e.TruncatedTextTestId="CorvaUI.TextMiddleTruncated.TruncatedTextTestId"}(e||(e={}));export{e as TextMiddleTruncatedTestIds};

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js

@@ -1,91 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import classNames from 'classnames';
-import { useRef, useState, useLayoutEffect } from 'react';
-import { debounce } from 'lodash';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { TextMiddleTruncatedTestIds } from './TextMiddleTruncated.constants.js';
-import styles from './TextMiddleTruncated.scss.js';
-import { truncateInTheMiddle } from '../../utils/formatting.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var TextMiddleTruncated = function TextMiddleTruncated(_ref) {
-  var children = _ref.children,
-    testId = _ref.testId,
-    className = _ref.className,
-    disableTooltip = _ref.disableTooltip;
-  var stringContent = String(children);
-  var containerRef = useRef(null);
-  var hiddenEltRef = useRef(null);
-  var innerRef = useRef(null);
-  var _useState = useState(stringContent),
-    _useState2 = _slicedToArray(_useState, 2),
-    truncatedContent = _useState2[0],
-    setTruncatedContent = _useState2[1];
-  useLayoutEffect(function () {
-    var onDimensionsOrContentChange = debounce(function () {
-      if (containerRef.current && hiddenEltRef.current) {
-        var _innerRef$current;
-        var clientWidth = containerRef.current.clientWidth;
-        var _hiddenEltRef$current = hiddenEltRef.current,
-          hiddenElementWidth = _hiddenEltRef$current.scrollWidth,
-          textContent = _hiddenEltRef$current.textContent;
-
-        // Fix for infinite shrinking in flex environments: we should not recalculate inner text again when
-        // size changes due to non-exact truncation which causes flex shrink and recalc, and there is no overflow
-        if (clientWidth === ((_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.clientWidth)) {
-          return;
-        }
-
-        // This calculation does not take into account the actual character width and relies on "average" width
-        // Measuring with canvas will produce exact results, but may be much more resource-intensive
-        // For benchmarks see https://www.measurethat.net/Benchmarks/Show/9887/2/measure-single-text
-        // Text measurement in canvas:
-        // canvasNode.getContext('2d').font = getComputedStyle(node).font;
-        // const measurements = canvasNode.getContext('2d').measureText('Text to measure')
-        setTruncatedContent(truncateInTheMiddle(textContent, clientWidth, hiddenElementWidth));
-      }
-    }, 200, {
-      leading: true
-    });
-    var resizeObserver = new ResizeObserver(onDimensionsOrContentChange);
-    var mutationObserver = new MutationObserver(onDimensionsOrContentChange);
-    if (containerRef.current && hiddenEltRef.current) {
-      // Account for available space change
-      resizeObserver.observe(containerRef.current);
-      // Account for styles change
-      resizeObserver.observe(hiddenEltRef.current);
-      // Account for text change
-      mutationObserver.observe(hiddenEltRef.current, {
-        subtree: true,
-        characterData: true
-      });
-    }
-    return function () {
-      resizeObserver.disconnect();
-      mutationObserver.disconnect();
-    };
-  }, []);
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: stringContent,
-    disabled: disableTooltip || truncatedContent === stringContent,
-    children: /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.root, className),
-      ref: containerRef,
-      "data-testid": testId,
-      children: [/*#__PURE__*/jsx("div", {
-        className: styles.inner,
-        ref: innerRef,
-        "data-testid": TextMiddleTruncatedTestIds.TruncatedTextTestId,
-        children: truncatedContent
-      }), /*#__PURE__*/jsx("div", {
-        className: styles.hiddenElement,
-        ref: hiddenEltRef,
-        "data-testid": TextMiddleTruncatedTestIds.FullTextTestId,
-        children: stringContent
-      })]
-    })
-  });
-};
-
-export { TextMiddleTruncated };
-//# sourceMappingURL=TextMiddleTruncated.js.map
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import e from"classnames";import{useRef as n,useState as i,useLayoutEffect as o}from"react";import{debounce as s}from"lodash";import{Tooltip as c}from"../Tooltip/Tooltip.js";import{TextMiddleTruncatedTestIds as d}from"./TextMiddleTruncated.constants.js";import a from"./TextMiddleTruncated.scss.js";import{truncateInTheMiddle as l}from"../../utils/formatting.js";var u=function(u){var m=u.children,f=u.testId,v=u.className,p=u.disableTooltip,T=String(m),h=n(null),b=n(null),x=n(null),j=i(T),N=j[0],g=j[1];return o((function(){var t=s((function(){var t;if(h.current&&b.current){var r=h.current.clientWidth,e=b.current,n=e.scrollWidth,i=e.textContent;if(r===(null===(t=x.current)||void 0===t?void 0:t.clientWidth))return;g(l(i,r,n))}}),200,{leading:!0}),r=new ResizeObserver(t),e=new MutationObserver(t);return h.current&&b.current&&(r.observe(h.current),r.observe(b.current),e.observe(b.current,{subtree:!0,characterData:!0})),function(){r.disconnect(),e.disconnect()}}),[]),t(c,{title:T,disabled:p||N===T,children:r("div",{className:e(a.root,v),ref:h,"data-testid":f,children:[t("div",{className:a.inner,ref:x,"data-testid":d.TruncatedTextTestId,children:N}),t("div",{className:a.hiddenElement,ref:b,"data-testid":d.FullTextTestId,children:T})]})})};export{u as TextMiddleTruncated};

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".TextMiddleTruncated_root__sMHwy {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.TextMiddleTruncated_inner__sWwZy {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.TextMiddleTruncated_hiddenElement__JW0Og {\n  position: absolute;\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n  pointer-events: none;\n}";
-var styles = {"root":"TextMiddleTruncated_root__sMHwy","inner":"TextMiddleTruncated_inner__sWwZy","hiddenElement":"TextMiddleTruncated_hiddenElement__JW0Og"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=TextMiddleTruncated.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var d={root:"TextMiddleTruncated_root__sMHwy",inner:"TextMiddleTruncated_inner__sWwZy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_inner__sWwZy{display:inline-block;vertical-align:top}.TextMiddleTruncated_hiddenElement__JW0Og{height:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:0}");export{d as default};

package/componentsV2/ToggleButtons/ToggleButtons.js

@@ -1,67 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useCallback, createElement } from 'react';
-import { ToggleButtonGroup, ToggleButton } from '@material-ui/lab';
-import classNames from 'classnames';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import styles from './ToggleButtons.scss.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["label", "testId", "className", "tooltip", "disabled", "value"];
-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; }
-// This is needed to correctly handle props injected by MuiToggleButtonGroup
-var ButtonWithTooltip = function ButtonWithTooltip(_ref) {
-  var label = _ref.label,
-    testId = _ref.testId,
-    className = _ref.className,
-    tooltip = _ref.tooltip,
-    disabled = _ref.disabled,
-    value = _ref.value,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var button = /*#__PURE__*/jsx(ToggleButton, _objectSpread(_objectSpread({
-    disabled: disabled,
-    "data-testid": testId,
-    className: classNames(styles.button, className),
-    value: value
-  }, rest), {}, {
-    children: label
-  }));
-  if (tooltip) {
-    return /*#__PURE__*/jsx(Tooltip, {
-      title: tooltip,
-      children: button
-    });
-  }
-  return button;
-};
-var ToggleButtons = function ToggleButtons(_ref2) {
-  var testId = _ref2.testId,
-    className = _ref2.className,
-    options = _ref2.options,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    value = _ref2.value,
-    onChange = _ref2.onChange;
-  var onChangeHandler = useCallback(function (event, value) {
-    if (value !== null && onChange) {
-      onChange(value, event);
-    }
-  }, [onChange]);
-  return /*#__PURE__*/jsx(ToggleButtonGroup, {
-    className: className,
-    "data-testid": testId,
-    onChange: onChangeHandler,
-    value: value,
-    exclusive: true,
-    size: size,
-    children: options.map(function (option) {
-      return /*#__PURE__*/createElement(ButtonWithTooltip, _objectSpread(_objectSpread({}, option), {}, {
-        key: option.value
-      }));
-    })
-  });
-};
-
-export { ToggleButtons };
-//# sourceMappingURL=ToggleButtons.js.map
+import{__assign as e,__rest as t}from'./../../ext-esm/tslib/tslib.es6.js';import{useCallback as a,createElement as o}from"react";import{jsx as s}from"react/jsx-runtime";import{ToggleButtonGroup as l,ToggleButton as i}from"@material-ui/lab";import r from"classnames";import{Tooltip as m}from"../Tooltip/Tooltip.js";import n from"./ToggleButtons.scss.js";var u=function(a){var o=a.label,l=a.testId,u=a.className,d=a.tooltip,c=a.disabled,p=a.value,f=t(a,["label","testId","className","tooltip","disabled","value"]),v=s(i,e({disabled:c,"data-testid":l,className:r(n.button,u),value:p},f,{children:o}));return d?s(m,{title:d,children:v}):v},d=function(t){var i=t.testId,r=t.className,m=t.options,n=t.size,d=void 0===n?"medium":n,c=t.value,p=t.onChange,f=a((function(e,t){null!==t&&p&&p(t,e)}),[p]);return s(l,{className:r,"data-testid":i,onChange:f,value:c,exclusive:!0,size:d,children:m.map((function(t){return o(u,e({},t,{key:t.value}))}))})};export{d as ToggleButtons};

package/componentsV2/ToggleButtons/ToggleButtons.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.ToggleButtons_button__GH4OM {\n  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  transition-property: color, background;\n  margin: 0 !important;\n}\n.ToggleButtons_button__GH4OM:hover, .ToggleButtons_button__GH4OM:focus {\n  background: rgb(from var(--palette-primary-text-1) r g b / 0.12);\n  color: var(--palette-primary-text-1);\n}";
-var styles = {"spacing":"8","button":"ToggleButtons_button__GH4OM"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=ToggleButtons.scss.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",button:"ToggleButtons_button__GH4OM"};t(".ToggleButtons_button__GH4OM{margin:0!important;transition:.15s cubic-bezier(.4,0,.2,1);transition-property:color,background}.ToggleButtons_button__GH4OM:focus,.ToggleButtons_button__GH4OM:hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}");export{o as default};

package/componentsV2/Tooltip/DcTooltip.js

@@ -1,77 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Tooltip } from '@material-ui/core';
-import '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import { IsInsideDcFullscreenElemProvider } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.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.
- * Read https://dc-docs.qa.corva.ai/docs/Frontend/App%20Basics/App%20Fullscreen%20Modals/ for more info
- */
-var DcTooltip = function DcTooltip(_ref) {
-  var onOpenProp = _ref.onOpen,
-    onCloseProp = _ref.onClose,
-    openProp = _ref.open,
-    titleProp = _ref.title,
-    _ref$TransitionProps = _ref.TransitionProps,
-    TransitionProps = _ref$TransitionProps === void 0 ? {} : _ref$TransitionProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
-      isOpen: !!openProp
-    }),
-    innerIsOpen = _useDelayedDcFullscre.delayedIsOpen,
-    requestOpen = _useDelayedDcFullscre.requestOpen,
-    requestClose = _useDelayedDcFullscre.requestClose;
-  var isControlledMode = typeof openProp === 'boolean';
-  var onOpen = function onOpen(event) {
-    onOpenProp === null || onOpenProp === void 0 ? void 0 : 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();
-  };
-  var onClose = function onClose(event) {
-    onCloseProp === null || onCloseProp === void 0 ? void 0 : 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();
-  };
-  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, rest), {}, {
-    open: innerIsOpen,
-    onOpen: onOpen,
-    onClose: onClose,
-    TransitionProps: _objectSpread(_objectSpread({}, TransitionProps), {}, {
-      timeout: TRANSITION_DURATION
-    }),
-    title: /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
-      children: titleProp
-    })
-  }));
-};
-
-export { DcTooltip };
-//# sourceMappingURL=DcTooltip.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{Tooltip as r}from"@material-ui/core";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{IsInsideDcFullscreenElemProvider as t}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";var i=function(i){var l=i.onOpen,p=i.onClose,m=i.open,c=i.title,u=i.TransitionProps,a=void 0===u?{}:u,d=e(i,["onOpen","onClose","open","title","TransitionProps"]),C=s({isOpen:!!m}),f=C.delayedIsOpen,v=C.requestOpen,D=C.requestClose,O="boolean"==typeof m;return n(r,o({},d,{open:f,onOpen:function(e){null==l||l(e),O||v()},onClose:function(e){null==p||p(e),O||D()},TransitionProps:o(o({},a),{timeout:0}),title:n(t,{children:c})}))};export{i as DcTooltip};

package/componentsV2/Tooltip/Tooltip.js

@@ -1,77 +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 { useMemo } from 'react';
-import classNames from 'classnames';
-import { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
-import { useIsInsideDcFullscreenElem } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { Text } from '../Text/Text.js';
-import { DcTooltip } from './DcTooltip.js';
-import styles from './Tooltip.scss.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _excluded = ["children", "disabled", "title", "interactive", "className", "enterDelay", "leaveDelay", "enterTouchDelay", "leaveTouchDelay", "enterNextDelay", "description"];
-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 Tooltip = function Tooltip(_ref) {
-  var children = _ref.children,
-    disabled = _ref.disabled,
-    title = _ref.title,
-    _ref$interactive = _ref.interactive,
-    interactive = _ref$interactive === void 0 ? false : _ref$interactive,
-    className = _ref.className,
-    _ref$enterDelay = _ref.enterDelay,
-    enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
-    _ref$leaveDelay = _ref.leaveDelay,
-    leaveDelay = _ref$leaveDelay === void 0 ? 0 : _ref$leaveDelay,
-    _ref$enterTouchDelay = _ref.enterTouchDelay,
-    enterTouchDelay = _ref$enterTouchDelay === void 0 ? 700 : _ref$enterTouchDelay,
-    _ref$leaveTouchDelay = _ref.leaveTouchDelay,
-    leaveTouchDelay = _ref$leaveTouchDelay === void 0 ? 1500 : _ref$leaveTouchDelay,
-    _ref$enterNextDelay = _ref.enterNextDelay,
-    enterNextDelay = _ref$enterNextDelay === void 0 ? 0 : _ref$enterNextDelay,
-    description = _ref.description,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var isInsideDcApp = useIsInsideIsolatedDcApp();
-  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
-  var TooltipComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcTooltip : Tooltip$1;
-  var actualTitle = disabled || !title && !description ? '' : /*#__PURE__*/jsxs("div", {
-    className: styles.content,
-    children: [title && /*#__PURE__*/jsx(Text, {
-      size: 12,
-      className: styles.title,
-      tagName: "div",
-      children: title
-    }), description && /*#__PURE__*/jsx(Text, {
-      size: 12,
-      color: "T6",
-      tagName: "div",
-      children: description
-    })]
-  });
-  var handlers = {
-    disableFocusListener: disabled,
-    disableHoverListener: disabled,
-    disableTouchListener: disabled
-  };
-  var classes = useMemo(function () {
-    return {
-      popper: classNames(styles.root, className)
-    };
-  }, [className]);
-  return /*#__PURE__*/jsx(TooltipComponent, _objectSpread(_objectSpread(_objectSpread({
-    title: actualTitle,
-    interactive: interactive,
-    classes: classes,
-    enterDelay: enterDelay,
-    leaveDelay: leaveDelay,
-    enterTouchDelay: enterTouchDelay,
-    leaveTouchDelay: leaveTouchDelay,
-    enterNextDelay: enterNextDelay
-  }, handlers), rest), {}, {
-    children: children
-  }));
-};
-
-export { Tooltip };
-//# sourceMappingURL=Tooltip.js.map
+import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Tooltip as i}from"@material-ui/core";import{useMemo as l}from"react";import s from"classnames";import{useIsInsideIsolatedDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as n}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{Text as c}from"../Text/Text.js";import{DcTooltip as d}from"./DcTooltip.js";import m from"./Tooltip.scss.js";var p=function(p){var v=p.children,D=p.disabled,u=p.title,y=p.interactive,h=void 0!==y&&y,T=p.className,f=p.enterDelay,N=void 0===f?100:f,I=p.leaveDelay,b=void 0===I?0:I,j=p.enterTouchDelay,x=void 0===j?700:j,C=p.leaveTouchDelay,A=void 0===C?1500:C,P=p.enterNextDelay,F=void 0===P?0:P,L=p.description,g=e(p,["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description"]),z=a(),E=n(),H=z&&!E?d:i,_=D||!u&&!L?"":t("div",{className:m.content,children:[u&&o(c,{size:12,className:m.title,tagName:"div",children:u}),L&&o(c,{size:12,color:"T6",tagName:"div",children:L})]}),k={disableFocusListener:D,disableHoverListener:D,disableTouchListener:D},q=l((function(){return{popper:s(m.root,T)}}),[T]);return o(H,r({title:_,interactive:h,classes:q,enterDelay:N,leaveDelay:b,enterTouchDelay:x,leaveTouchDelay:A,enterNextDelay:F},k,g,{children:v}))};export{p as Tooltip};

package/componentsV2/Tooltip/Tooltip.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Tooltip_root__A7khs .MuiTooltip-tooltip {\n  max-width: 500px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: none;\n  padding: 0px 8px;\n}\n.Tooltip_root__A7khs .MuiTooltip-tooltip:before, .Tooltip_root__A7khs .MuiTooltip-tooltip:after {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  height: 4px;\n}\n.Tooltip_root__A7khs .MuiTooltip-tooltip:before {\n  inset: 0 0 auto 0;\n  background: linear-gradient(180deg, var(--palette-background-b-10), rgb(from var(--palette-background-b-10) r g b / 0));\n}\n.Tooltip_root__A7khs .MuiTooltip-tooltip:after {\n  inset: auto 0 0 0;\n  background: linear-gradient(0deg, var(--palette-background-b-10), rgb(from var(--palette-background-b-10) r g b / 0));\n}\n.Tooltip_root__A7khs .Tooltip_content__h8NZy {\n  padding: 4px 0px;\n  max-height: calc(100vh - 64px);\n  overflow: auto;\n  padding: 4px 0px;\n}\n.Tooltip_root__A7khs .Tooltip_title__t24ci:not(:last-child) {\n  margin-bottom: 8px;\n}";
-var styles = {"spacing":"8","root":"Tooltip_root__A7khs","content":"Tooltip_content__h8NZy","title":"Tooltip_title__t24ci"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Tooltip.scss.js.map
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tooltip_root__A7khs",content:"Tooltip_content__h8NZy",title:"Tooltip_title__t24ci"};o('.Tooltip_root__A7khs .MuiTooltip-tooltip{box-shadow:none;max-width:500px;overflow:hidden;padding:0 8px;position:relative}.Tooltip_root__A7khs .MuiTooltip-tooltip:after,.Tooltip_root__A7khs .MuiTooltip-tooltip:before{content:"";height:4px;position:absolute;z-index:1}.Tooltip_root__A7khs .MuiTooltip-tooltip:before{background:linear-gradient(180deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:0 0 auto 0}.Tooltip_root__A7khs .MuiTooltip-tooltip:after{background:linear-gradient(0deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:auto 0 0 0}.Tooltip_root__A7khs .Tooltip_content__h8NZy{max-height:calc(100vh - 64px);overflow:auto;padding:4px 0}.Tooltip_root__A7khs .Tooltip_title__t24ci:not(:last-child){margin-bottom:8px}');export{t as default};

package/componentsV2/index.js

@@ -1,54 +1 @@
-export { Text } from './Text/Text.js';
-export { Grid } from './Grid/Grid.js';
-export { Cell } from './Grid/Cell.js';
-export { Header } from './Header/Header.js';
-export { Button } from './Button/Button.js';
-export { ButtonIcon } from './ButtonIcon/ButtonIcon.js';
-export { Tooltip } from './Tooltip/Tooltip.js';
-export { Popover } from './Popover/Popover.js';
-export { Radio } from './Radio/Radio.js';
-export { RadioGroup } from './RadioGroup/RadioGroup.js';
-export { Checkbox } from './Checkbox/Checkbox.js';
-export { CheckboxGroup } from './CheckboxGroup/CheckboxGroup.js';
-export { TextInput } from './TextInput/TextInput.js';
-export { TextEndTruncated } from './TextEndTruncated/TextEndTruncated.js';
-export { TextMiddleTruncated } from './TextMiddleTruncated/TextMiddleTruncated.js';
-export { TextMiddleTruncatedTestIds } from './TextMiddleTruncated/TextMiddleTruncated.constants.js';
-export { TextLink } from './TextLink/TextLink.js';
-export { LoaderCircular } from './LoaderCircular/LoaderCircular.js';
-export { Chip } from './Chip/Chip.js';
-export { ChipAlert } from './ChipAlert/ChipAlert.js';
-export { ChipIndicator } from './ChipIndicator/ChipIndicator.js';
-export { Avatar } from './Avatar/Avatar.js';
-export { AvatarGroup } from './AvatarGroup/AvatarGroup.js';
-export { ToggleButtons } from './ToggleButtons/ToggleButtons.js';
-export { Paper } from './Paper/Paper.js';
-export { Modal } from './Modal/Modal.js';
-export { Menu } from './Menu/Menu.js';
-export { Counter } from './Counter/Counter.js';
-export { BadgeCounter } from './BadgeCounter/BadgeCounter.js';
-export { BadgeDot } from './BadgeDot/BadgeDot.js';
-export { LoaderLinear } from './LoaderLinear/LoaderLinear.js';
-export { LoaderLogo } from './LoaderLogo/LoaderLogo.js';
-export { Switch } from './Switch/Switch.js';
-export { Tabs } from './Tabs/Tabs.js';
-export { EmptyState } from './EmptyState/EmptyState.js';
-export { FileIcon } from './FileIcon/FileIcon.js';
-export { FilesDropzone } from './FilesDropzone/FilesDropzone.js';
-export { FilesLoader } from './FilesLoader/FilesLoader.js';
-export { FilesProcessor } from './FilesProcessor/FilesProcessor.js';
-export { Skeleton } from './Skeleton/Skeleton.js';
-export { CopyToClipboard } from './CopyToClipboard/CopyToClipboard.js';
-export { Stepper } from './Stepper/Stepper.js';
-export { ButtonLive } from './ButtonLive/ButtonLive.js';
-export { IndicatorLive } from './IndicatorLive/IndicatorLive.js';
-export { Accordion } from './Accordion/Accordion.js';
-export { Breadcrumbs } from './Breadcrumbs/Breadcrumbs.js';
-export { BadgeComment } from './BadgeComment/BadgeComment.js';
-export { AppContainer } from './AppContainer/AppContainer.js';
-export { AppContainerTestIds } from './AppContainer/AppContainer.constants.js';
-export { AppFooter } from './AppFooter/AppFooter.js';
-export { AppHeader } from './AppHeader/AppHeader.js';
-export { AppHeaderTestIds } from './AppHeader/AppHeader.constants.js';
-export { Popper } from './Popper/Popper.js';
-//# sourceMappingURL=index.js.map
+export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextMiddleTruncatedTestIds}from"./TextMiddleTruncated/TextMiddleTruncated.constants.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";export{AvatarGroup}from"./AvatarGroup/AvatarGroup.js";export{ToggleButtons}from"./ToggleButtons/ToggleButtons.js";export{Paper}from"./Paper/Paper.js";export{Modal}from"./Modal/Modal.js";export{Menu}from"./Menu/Menu.js";export{Counter}from"./Counter/Counter.js";export{BadgeCounter}from"./BadgeCounter/BadgeCounter.js";export{BadgeDot}from"./BadgeDot/BadgeDot.js";export{LoaderLinear}from"./LoaderLinear/LoaderLinear.js";export{LoaderLogo}from"./LoaderLogo/LoaderLogo.js";export{Switch}from"./Switch/Switch.js";export{Tabs}from"./Tabs/Tabs.js";export{EmptyState}from"./EmptyState/EmptyState.js";export{FileIcon}from"./FileIcon/FileIcon.js";export{FilesDropzone}from"./FilesDropzone/FilesDropzone.js";export{FilesLoader}from"./FilesLoader/FilesLoader.js";export{FilesProcessor}from"./FilesProcessor/FilesProcessor.js";export{Skeleton}from"./Skeleton/Skeleton.js";export{CopyToClipboard}from"./CopyToClipboard/CopyToClipboard.js";export{Stepper}from"./Stepper/Stepper.js";export{ButtonLive}from"./ButtonLive/ButtonLive.js";export{IndicatorLive}from"./IndicatorLive/IndicatorLive.js";export{Accordion}from"./Accordion/Accordion.js";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.js";export{BadgeComment}from"./BadgeComment/BadgeComment.js";export{AppContainer}from"./AppContainer/AppContainer.js";export{AppContainerTestIds}from"./AppContainer/AppContainer.constants.js";export{AppFooter}from"./AppFooter/AppFooter.js";export{AppHeader}from"./AppHeader/AppHeader.js";export{AppHeaderTestIds}from"./AppHeader/AppHeader.constants.js";export{Popper}from"./Popper/Popper.js";

package/config/extendNative.js

@@ -1,16 +1 @@
-import numeral from 'numeral';
-
-/**
- * BE CAREFUL using this file.
- * There is risk introduced by extending native components.
- * All extensions must have eslint exceptions annotated!
- */
-
-// NOTE: This is to avoid having to wrap conversions and other things with toFixed and parseFloat calls
-Number.prototype.fixFloat = function fixFloat(digits) {
-  return parseFloat(this.toFixed(digits));
-};
-Number.prototype.formatNumeral = function formatNumeral(fmt) {
-  return numeral(this).format(fmt);
-};
-//# sourceMappingURL=extendNative.js.map
+import t from"numeral";Number.prototype.fixFloat=function(t){return parseFloat(this.toFixed(t))},Number.prototype.formatNumeral=function(r){return t(this).format(r)};