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

package/componentsV2/TextInput/useShrink.js

@@ -0,0 +1,87 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
+
+var getOffset = function getOffset(of, from) {
+  if (!of || !from || of === from) {
+    return undefined;
+  }
+  var offsetLeft = 0;
+  var offsetTop = 0;
+  var current = of;
+  while (current && current !== from) {
+    offsetLeft += current.offsetLeft;
+    offsetTop += current.offsetTop;
+    current = current.parentElement;
+  }
+  return {
+    offsetLeft: offsetLeft,
+    offsetTop: offsetTop
+  };
+};
+var useShrink = function useShrink(_ref) {
+  var propOnFocus = _ref.propOnFocus,
+    propOnBlur = _ref.propOnBlur,
+    value = _ref.value,
+    suffix = _ref.suffix,
+    prefix = _ref.prefix,
+    status = _ref.status;
+  var valueShrink = String(value).length > 0;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focusShrink = _useState2[0],
+    setFocusShrink = _useState2[1];
+  var _useState3 = useState({
+      left: 0,
+      right: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    labelPaddings = _useState4[0],
+    setLabelPaddings = _useState4[1];
+  var fieldRef = useRef(null);
+  var inputRef = useRef(null);
+  var calcAndSetLabelPaddings = function calcAndSetLabelPaddings() {
+    var _getOffset, _fieldRef$current, _inputRef$current;
+    var left = ((_getOffset = getOffset(inputRef.current, fieldRef.current)) === null || _getOffset === void 0 ? void 0 : _getOffset.offsetLeft) || 0;
+    setLabelPaddings({
+      left: left,
+      right: (((_fieldRef$current = fieldRef.current) === null || _fieldRef$current === void 0 ? void 0 : _fieldRef$current.offsetWidth) || 0) - left - (((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetWidth) || 0)
+    });
+  };
+  var onFocus = useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    propOnFocus === null || propOnFocus === void 0 ? void 0 : propOnFocus.apply(void 0, args);
+    setFocusShrink(true);
+  }, [propOnFocus]);
+  var onBlur = useCallback(function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    propOnBlur === null || propOnBlur === void 0 ? void 0 : propOnBlur.apply(void 0, args);
+    setFocusShrink(false);
+    calcAndSetLabelPaddings();
+  }, [propOnBlur]);
+
+  // Recalculating offset on any prefix/suffix change (also - status in case of "loading")
+  useLayoutEffect(calcAndSetLabelPaddings, [prefix, suffix, status]);
+  return useMemo(function () {
+    var shrink = valueShrink || focusShrink;
+    return {
+      ref: fieldRef,
+      inputRef: inputRef,
+      InputLabelProps: {
+        component: 'div',
+        shrink: shrink,
+        style: {
+          padding: shrink ? '0px' : "0 ".concat(labelPaddings.right, "px 0 ").concat(labelPaddings.left, "px")
+        }
+      },
+      onFocus: onFocus,
+      onBlur: onBlur
+    };
+  }, [valueShrink, focusShrink, onFocus, onBlur, labelPaddings]);
+};
+
+export { useShrink };
+//# sourceMappingURL=useShrink.js.map

package/componentsV2/TextInput/useShrink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShrink.js","sources":["../../../src/componentsV2/TextInput/useShrink.tsx"],"sourcesContent":["import {\n  FocusEventHandler,\n  ReactNode,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nconst getOffset = (of: HTMLElement | null, from: HTMLElement | null) => {\n  if (!of || !from || of === from) {\n    return undefined;\n  }\n\n  let offsetLeft = 0;\n  let offsetTop = 0;\n  let current = of;\n\n  while (current && current !== from) {\n    offsetLeft += current.offsetLeft;\n    offsetTop += current.offsetTop;\n    current = current.parentElement as HTMLElement;\n  }\n\n  return { offsetLeft, offsetTop };\n};\n\ntype Props = {\n  value: string | number;\n  propOnFocus?: FocusEventHandler;\n  propOnBlur?: FocusEventHandler;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  status?: string;\n};\n\nexport const useShrink = ({ propOnFocus, propOnBlur, value, suffix, prefix, status }: Props) => {\n  const valueShrink = String(value).length > 0;\n  const [focusShrink, setFocusShrink] = useState(false);\n  const [labelPaddings, setLabelPaddings] = useState({ left: 0, right: 0 });\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const calcAndSetLabelPaddings = () => {\n    const left = getOffset(inputRef.current, fieldRef.current)?.offsetLeft || 0;\n    setLabelPaddings({\n      left,\n      right: (fieldRef.current?.offsetWidth || 0) - left - (inputRef.current?.offsetWidth || 0),\n    });\n  };\n\n  const onFocus = useCallback<FocusEventHandler>(\n    (...args) => {\n      propOnFocus?.(...args);\n      setFocusShrink(true);\n    },\n    [propOnFocus]\n  );\n\n  const onBlur = useCallback<FocusEventHandler>(\n    (...args) => {\n      propOnBlur?.(...args);\n      setFocusShrink(false);\n      calcAndSetLabelPaddings();\n    },\n    [propOnBlur]\n  );\n\n  // Recalculating offset on any prefix/suffix change (also - status in case of \"loading\")\n  useLayoutEffect(calcAndSetLabelPaddings, [prefix, suffix, status]);\n\n  return useMemo(() => {\n    const shrink = valueShrink || focusShrink;\n    return {\n      ref: fieldRef,\n      inputRef,\n      InputLabelProps: {\n        component: 'div',\n        shrink,\n        style: {\n          padding: shrink ? '0px' : `0 ${labelPaddings.right}px 0 ${labelPaddings.left}px`,\n        },\n      },\n      onFocus,\n      onBlur,\n    };\n  }, [valueShrink, focusShrink, onFocus, onBlur, labelPaddings]);\n};\n"],"names":["getOffset","of","from","undefined","offsetLeft","offsetTop","current","parentElement","useShrink","propOnFocus","propOnBlur","value","suffix","prefix","status","valueShrink","String","length","useState","focusShrink","setFocusShrink","left","right","labelPaddings","setLabelPaddings","fieldRef","useRef","inputRef","calcAndSetLabelPaddings","offsetWidth","onFocus","useCallback","args","onBlur","useLayoutEffect","useMemo","shrink","ref","InputLabelProps","component","style","padding"],"mappings":";;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,EAAsB,EAAEC,IAAwB,EAAK;EACtE,IAAI,CAACD,EAAE,IAAI,CAACC,IAAI,IAAID,EAAE,KAAKC,IAAI,EAAE;AAC/B,IAAA,OAAOC,SAAS,CAAA;AAClB,GAAA;EAEA,IAAIC,UAAU,GAAG,CAAC,CAAA;EAClB,IAAIC,SAAS,GAAG,CAAC,CAAA;EACjB,IAAIC,OAAO,GAAGL,EAAE,CAAA;AAEhB,EAAA,OAAOK,OAAO,IAAIA,OAAO,KAAKJ,IAAI,EAAE;IAClCE,UAAU,IAAIE,OAAO,CAACF,UAAU,CAAA;IAChCC,SAAS,IAAIC,OAAO,CAACD,SAAS,CAAA;IAC9BC,OAAO,GAAGA,OAAO,CAACC,aAA4B,CAAA;AAChD,GAAA;EAEA,OAAO;AAAEH,IAAAA,UAAU,EAAVA,UAAU;AAAEC,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AAClC,CAAC,CAAA;AAWYG,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAA0E,IAAA,EAAA;EAAA,IAApEC,WAAW,QAAXA,WAAW;AAAEC,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,MAAM,QAANA,MAAM,CAAA;EAChF,IAAMC,WAAW,GAAGC,MAAM,CAACL,KAAK,CAAC,CAACM,MAAM,GAAG,CAAC,CAAA;EAC5C,IAAsCC,SAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA9CC,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,cAAc,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAA,UAAA,GAA0CF,QAAQ,CAAC;AAAEG,MAAAA,IAAI,EAAE,CAAC;AAAEC,MAAAA,KAAK,EAAE,CAAA;AAAE,KAAC,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAlEC,aAAa,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,EAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,EAAA,IAAMC,QAAQ,GAAGD,MAAM,CAAmB,IAAI,CAAC,CAAA;AAE/C,EAAA,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;AAAA,IAAA,IAAA,UAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA;AACpC,IAAA,IAAMP,IAAI,GAAG,CAAA,CAAA,UAAA,GAAArB,SAAS,CAAC2B,QAAQ,CAACrB,OAAO,EAAEmB,QAAQ,CAACnB,OAAO,CAAC,+CAA7C,UAA+CF,CAAAA,UAAU,KAAI,CAAC,CAAA;AAC3EoB,IAAAA,gBAAgB,CAAC;AACfH,MAAAA,IAAI,EAAJA,IAAI;MACJC,KAAK,EAAE,CAAC,CAAAG,CAAAA,iBAAAA,GAAAA,QAAQ,CAACnB,OAAO,MAAA,IAAA,IAAA,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,iBAAkBuB,CAAAA,WAAW,KAAI,CAAC,IAAIR,IAAI,IAAI,sBAAAM,QAAQ,CAACrB,OAAO,MAAhB,IAAA,IAAA,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAkBuB,WAAW,KAAI,CAAC,CAAA;AAC1F,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMC,OAAO,GAAGC,WAAW,CACzB,YAAa;AAAA,IAAA,KAAA,IAAA,IAAA,GAAA,SAAA,CAAA,MAAA,EAATC,IAAI,GAAA,IAAA,KAAA,CAAA,IAAA,CAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,EAAA,IAAA,EAAA,EAAA;MAAJA,IAAI,CAAA,IAAA,CAAA,GAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AACNvB,IAAAA,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAA,KAAA,CAAA,KAAA,CAAA,EAAMuB,IAAI,CAAC,CAAA;IACtBZ,cAAc,CAAC,IAAI,CAAC,CAAA;AACtB,GAAC,EACD,CAACX,WAAW,CAAC,CACd,CAAA;AAED,EAAA,IAAMwB,MAAM,GAAGF,WAAW,CACxB,YAAa;AAAA,IAAA,KAAA,IAAA,KAAA,GAAA,SAAA,CAAA,MAAA,EAATC,IAAI,GAAA,IAAA,KAAA,CAAA,KAAA,CAAA,EAAA,KAAA,GAAA,CAAA,EAAA,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA;MAAJA,IAAI,CAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA;AACNtB,IAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAA,KAAA,CAAA,KAAA,CAAA,EAAMsB,IAAI,CAAC,CAAA;IACrBZ,cAAc,CAAC,KAAK,CAAC,CAAA;AACrBQ,IAAAA,uBAAuB,EAAE,CAAA;AAC3B,GAAC,EACD,CAAClB,UAAU,CAAC,CACb,CAAA;;AAED;EACAwB,eAAe,CAACN,uBAAuB,EAAE,CAACf,MAAM,EAAED,MAAM,EAAEE,MAAM,CAAC,CAAC,CAAA;EAElE,OAAOqB,OAAO,CAAC,YAAM;AACnB,IAAA,IAAMC,MAAM,GAAGrB,WAAW,IAAII,WAAW,CAAA;IACzC,OAAO;AACLkB,MAAAA,GAAG,EAAEZ,QAAQ;AACbE,MAAAA,QAAQ,EAARA,QAAQ;AACRW,MAAAA,eAAe,EAAE;AACfC,QAAAA,SAAS,EAAE,KAAK;AAChBH,QAAAA,MAAM,EAANA,MAAM;AACNI,QAAAA,KAAK,EAAE;UACLC,OAAO,EAAEL,MAAM,GAAG,KAAK,GAAA,IAAA,CAAA,MAAA,CAAQb,aAAa,CAACD,KAAK,EAAA,OAAA,CAAA,CAAA,MAAA,CAAQC,aAAa,CAACF,IAAI,EAAA,IAAA,CAAA;AAC9E,SAAA;OACD;AACDS,MAAAA,OAAO,EAAPA,OAAO;AACPG,MAAAA,MAAM,EAANA,MAAAA;KACD,CAAA;AACH,GAAC,EAAE,CAAClB,WAAW,EAAEI,WAAW,EAAEW,OAAO,EAAEG,MAAM,EAAEV,aAAa,CAAC,CAAC,CAAA;AAChE;;;;"}

package/componentsV2/TextLink/TextLink.js

@@ -0,0 +1,71 @@
+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

package/componentsV2/TextLink/TextLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.js","sources":["../../../src/componentsV2/TextLink/TextLink.tsx"],"sourcesContent":["import {\n  ComponentType,\n  forwardRef,\n  HTMLAttributeAnchorTarget,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport classNames from 'classnames';\nimport LanguageIcon from '@material-ui/icons/Language';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './TextLink.scss';\n\nexport type TextLinkProps = {\n  /**\n   * Component content\n   */\n  children?: ReactNode;\n  /**\n   * URI to navigate to\n   */\n  to?: string;\n  /**\n   * Target frame to open a link in. You'll most likely need `_self` for same tab or `_blank` for new tab\n   */\n  target?: HTMLAttributeAnchorTarget;\n  onClick?: MouseEventHandler<HTMLElement>;\n  disabled?: boolean;\n  disableTooltip?: boolean;\n  /**\n   * Component that will be rendered in place of an `<a/>` tag\n   */\n  component?: ComponentType<\n    Omit<TextLinkProps, 'component' | `disabled` | 'testId'> & {\n      'data-testid'?: string;\n    }\n  >;\n\n  className?: string;\n  testId?: string;\n};\n\nconst Anchor: TextLinkProps['component'] = forwardRef(({ to, children, ...props }, ref) => {\n  return (\n    <a {...props} href={to} ref={ref as Ref<HTMLAnchorElement>}>\n      {children}\n    </a>\n  );\n});\n\nexport const TextLink = forwardRef<HTMLAnchorElement, TextLinkProps>(\n  (\n    {\n      children,\n      className,\n      testId,\n      disableTooltip,\n      disabled,\n      component: Component = Anchor,\n      to,\n      onClick,\n      target = '_blank',\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const linkClassName = classNames(styles.root, disabled ? styles.disabled : styles.enabled);\n\n    // Adding zero-width spaces (\"breaking non-spaces\") to href, so it would fit in the tooltip\n    const preparedTooltipText = to?.replaceAll('/', '/\\u200B');\n\n    return (\n      <Tooltip\n        title={\n          <div className={styles.tooltip}>\n            <LanguageIcon fontSize=\"small\" className={styles.icon} />\n            {preparedTooltipText}\n          </div>\n        }\n        disabled={disableTooltip}\n        placement=\"bottom-start\"\n      >\n        <span ref={ref} className={className}>\n          {disabled ? (\n            <span className={linkClassName}>{children}</span>\n          ) : (\n            <Component\n              onClick={onClick}\n              className={linkClassName}\n              data-testid={testId}\n              to={to}\n              target={target}\n              {...rest}\n            >\n              {children}\n            </Component>\n          )}\n        </span>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["Anchor","forwardRef","ref","to","children","props","_jsx","TextLink","className","testId","disableTooltip","disabled","component","Component","onClick","target","rest","linkClassName","classNames","styles","root","enabled","preparedTooltipText","replaceAll","_jsxs","tooltip","icon"],"mappings":";;;;;;;;;;;;;AA4CA,IAAMA,MAAkC,GAAGC,UAAU,CAAC,UAAA,IAAA,EAA6BC,GAAG,EAAK;EAAA,IAAlCC,EAAE,QAAFA,EAAE;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,KAAK,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC7E,EAAA,oBACEC,yCAAOD,KAAK,CAAA,EAAA,EAAA,EAAA;AAAE,IAAA,IAAI,EAAEF,EAAG;AAAC,IAAA,GAAG,EAAED,GAA8B;IAAA,QACxDE,EAAAA,QAAAA;GACC,CAAA,CAAA,CAAA;AAER,CAAC,CAAC,CAAA;IAEWG,QAAQ,GAAGN,UAAU,CAChC,UAAA,KAAA,EAcEC,GAAG,EACA;EAAA,IAbDE,QAAQ,SAARA,QAAQ;AACRI,IAAAA,SAAS,SAATA,SAAS;AACTC,IAAAA,MAAM,SAANA,MAAM;AACNC,IAAAA,cAAc,SAAdA,cAAc;AACdC,IAAAA,QAAQ,SAARA,QAAQ;AAAA,IAAA,eAAA,GAAA,KAAA,CACRC,SAAS;AAAEC,IAAAA,SAAS,gCAAGb,MAAM,GAAA,eAAA;AAC7BG,IAAAA,EAAE,SAAFA,EAAE;AACFW,IAAAA,OAAO,SAAPA,OAAO;AAAA,IAAA,YAAA,GAAA,KAAA,CACPC,MAAM;AAANA,IAAAA,MAAM,6BAAG,QAAQ,GAAA,YAAA;IAEdC,IAAI,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,aAAa,GAAGC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAET,QAAQ,GAAGQ,MAAM,CAACR,QAAQ,GAAGQ,MAAM,CAACE,OAAO,CAAC,CAAA;;AAE1F;AACA,EAAA,IAAMC,mBAAmB,GAAGnB,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAFA,EAAE,CAAEoB,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;AAE1D,EAAA,oBACEjB,IAAC,OAAO,EAAA;AACN,IAAA,KAAK,eACHkB,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEL,MAAM,CAACM,OAAQ;AAAA,MAAA,QAAA,EAAA,cAC7BnB,IAAC,YAAY,EAAA;AAAC,QAAA,QAAQ,EAAC,OAAO;QAAC,SAAS,EAAEa,MAAM,CAACO,IAAAA;AAAK,OAAA,CAAG,EACxDJ,mBAAmB,CAAA;KAEvB,CAAA;AACD,IAAA,QAAQ,EAAEZ,cAAe;AACzB,IAAA,SAAS,EAAC,cAAc;IAAA,QAExB,eAAAJ,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,GAAG,EAAEJ,GAAI;AAAC,MAAA,SAAS,EAAEM,SAAU;AAAA,MAAA,QAAA,EAClCG,QAAQ,gBACPL,GAAA,CAAA,MAAA,EAAA;AAAM,QAAA,SAAS,EAAEW,aAAc;QAAA,QAAEb,EAAAA,QAAAA;OAAgB,CAAA,gBAEjDE,IAAC,SAAS,EAAA,aAAA,CAAA,aAAA,CAAA;AACR,QAAA,OAAO,EAAEQ,OAAQ;AACjB,QAAA,SAAS,EAAEG,aAAc;AACzB,QAAA,aAAA,EAAaR,MAAO;AACpB,QAAA,EAAE,EAAEN,EAAG;AACP,QAAA,MAAM,EAAEY,MAAAA;AAAO,OAAA,EACXC,IAAI,CAAA,EAAA,EAAA,EAAA;QAAA,QAEPZ,EAAAA,QAAAA;AAAQ,OAAA,CAAA,CAAA;AAEZ,KAAA,CAAA;GAEK,CAAA,CAAA;AAEd,CAAC;;;;"}

package/componentsV2/TextLink/TextLink.scss.js

@@ -0,0 +1,8 @@
+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

package/componentsV2/TextLink/TextLink.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js

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

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMiddleTruncated.constants.js","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.ts"],"sourcesContent":["export enum TextMiddleTruncatedTestIds {\n  FullTextTestId = 'CorvaUI.TextMiddleTruncated.FullTextTestId',\n  TruncatedTextTestId = 'CorvaUI.TextMiddleTruncated.TruncatedTextTestId',\n}\n"],"names":["TextMiddleTruncatedTestIds"],"mappings":"AAAA,IAAYA,2BAA0B;AAGrC,CAAA,UAHWA,0BAA0B,EAAA;EAA1BA,0BAA0B,CAAA,gBAAA,CAAA,GAAA,4CAAA,CAAA;EAA1BA,0BAA0B,CAAA,qBAAA,CAAA,GAAA,iDAAA,CAAA;AAAA,CAA1BA,EAAAA,0BAA0B,KAA1BA,0BAA0B,GAAA,EAAA,CAAA,CAAA;;;;"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js

@@ -0,0 +1,91 @@
+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

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMiddleTruncated.js","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\n\nimport { TextMiddleTruncatedTestIds } from './TextMiddleTruncated.constants';\n\nimport styles from './TextMiddleTruncated.scss';\n\nimport { truncateInTheMiddle } from '~/utils/formatting';\n\nexport type TextMiddleTruncatedProps = {\n  /**\n   * Content\n   */\n  children: string | number;\n  disableTooltip?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const TextMiddleTruncated = ({\n  children,\n  testId,\n  className,\n  disableTooltip,\n}: TextMiddleTruncatedProps) => {\n  const stringContent = String(children);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const hiddenEltRef = useRef<HTMLDivElement>(null);\n  const innerRef = useRef<HTMLDivElement>(null);\n  const [truncatedContent, setTruncatedContent] = useState(stringContent);\n\n  useLayoutEffect(() => {\n    const onDimensionsOrContentChange = debounce(\n      () => {\n        if (containerRef.current && hiddenEltRef.current) {\n          const { clientWidth } = containerRef.current;\n          const { scrollWidth: hiddenElementWidth, textContent } = hiddenEltRef.current;\n\n          // Fix for infinite shrinking in flex environments: we should not recalculate inner text again when\n          // size changes due to non-exact truncation which causes flex shrink and recalc, and there is no overflow\n          if (clientWidth === innerRef.current?.clientWidth) {\n            return;\n          }\n\n          // This calculation does not take into account the actual character width and relies on \"average\" width\n          // Measuring with canvas will produce exact results, but may be much more resource-intensive\n          // For benchmarks see https://www.measurethat.net/Benchmarks/Show/9887/2/measure-single-text\n          // Text measurement in canvas:\n          // canvasNode.getContext('2d').font = getComputedStyle(node).font;\n          // const measurements = canvasNode.getContext('2d').measureText('Text to measure')\n          setTruncatedContent(truncateInTheMiddle(textContent, clientWidth, hiddenElementWidth));\n        }\n      },\n      200,\n      { leading: true }\n    );\n\n    const resizeObserver = new ResizeObserver(onDimensionsOrContentChange);\n    const mutationObserver = new MutationObserver(onDimensionsOrContentChange);\n\n    if (containerRef.current && hiddenEltRef.current) {\n      // Account for available space change\n      resizeObserver.observe(containerRef.current);\n      // Account for styles change\n      resizeObserver.observe(hiddenEltRef.current);\n      // Account for text change\n      mutationObserver.observe(hiddenEltRef.current, {\n        subtree: true,\n        characterData: true,\n      });\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  return (\n    <Tooltip title={stringContent} disabled={disableTooltip || truncatedContent === stringContent}>\n      <div className={classNames(styles.root, className)} ref={containerRef} data-testid={testId}>\n        <div\n          className={styles.inner}\n          ref={innerRef}\n          data-testid={TextMiddleTruncatedTestIds.TruncatedTextTestId}\n        >\n          {truncatedContent}\n        </div>\n        {/* This wrapper is needed to get text's measurements  */}\n        <div\n          className={styles.hiddenElement}\n          ref={hiddenEltRef}\n          data-testid={TextMiddleTruncatedTestIds.FullTextTestId}\n        >\n          {stringContent}\n        </div>\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["TextMiddleTruncated","children","testId","className","disableTooltip","stringContent","String","containerRef","useRef","hiddenEltRef","innerRef","useState","truncatedContent","setTruncatedContent","useLayoutEffect","onDimensionsOrContentChange","debounce","current","clientWidth","hiddenElementWidth","scrollWidth","textContent","truncateInTheMiddle","leading","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","observe","subtree","characterData","disconnect","_jsx","_jsxs","classNames","styles","root","inner","TextMiddleTruncatedTestIds","TruncatedTextTestId","hiddenElement","FullTextTestId"],"mappings":"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"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js

@@ -0,0 +1,8 @@
+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

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/ToggleButtons/ToggleButtons.js

@@ -0,0 +1,67 @@
+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

package/componentsV2/ToggleButtons/ToggleButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtons.js","sources":["../../../src/componentsV2/ToggleButtons/ToggleButtons.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, useCallback } from 'react';\nimport {\n  ToggleButton as MuiToggleButton,\n  ToggleButtonGroup as MuiToggleButtonGroup,\n} from '@material-ui/lab';\nimport classNames from 'classnames';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './ToggleButtons.scss';\n\nexport type ToggleButtonsProps = {\n  options: {\n    label: ReactNode;\n    value: string;\n    disabled?: boolean;\n    tooltip?: ReactNode;\n\n    className?: string;\n    testId?: string;\n  }[];\n  value?: string;\n  onChange?: (value: string, event: MouseEvent<HTMLElement>) => void;\n  size?: 'small' | 'medium' | 'large';\n\n  className?: string;\n  testId?: string;\n};\n\n// This is needed to correctly handle props injected by MuiToggleButtonGroup\nconst ButtonWithTooltip = ({\n  label,\n  testId,\n  className,\n  tooltip,\n  disabled,\n  value,\n  // Other props injected by MuiToggleButtonGroup\n  ...rest\n}: ToggleButtonsProps['options'][number]) => {\n  const button = (\n    <MuiToggleButton\n      disabled={disabled}\n      data-testid={testId}\n      className={classNames(styles.button, className)}\n      value={value}\n      {...rest}\n    >\n      {label}\n    </MuiToggleButton>\n  );\n\n  if (tooltip) {\n    return <Tooltip title={tooltip}>{button}</Tooltip>;\n  }\n\n  return button;\n};\n\nexport const ToggleButtons = ({\n  testId,\n  className,\n  options,\n  size = 'medium',\n  value,\n  onChange,\n}: ToggleButtonsProps) => {\n  const onChangeHandler = useCallback(\n    (event: MouseEvent<HTMLElement>, value: string | null) => {\n      if (value !== null && onChange) {\n        onChange(value, event);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <MuiToggleButtonGroup\n      className={className}\n      data-testid={testId}\n      onChange={onChangeHandler}\n      value={value}\n      exclusive\n      size={size}\n    >\n      {options.map(option => (\n        <ButtonWithTooltip {...option} key={option.value} />\n      ))}\n    </MuiToggleButtonGroup>\n  );\n};\n"],"names":["ButtonWithTooltip","label","testId","className","tooltip","disabled","value","rest","button","_jsx","MuiToggleButton","classNames","styles","ToggleButtons","options","size","onChange","onChangeHandler","useCallback","event","MuiToggleButtonGroup","map","option","_createElement"],"mappings":";;;;;;;;;;;;AA6BA;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CASsB,IAAA,EAAA;EAAA,IAR3CC,KAAK,QAALA,KAAK;AACLC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,KAAK,QAALA,KAAK;IAEFC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IAAMC,MAAM,gBACVC,GAAA,CAACC,YAAe,EAAA,aAAA,CAAA,aAAA,CAAA;AACd,IAAA,QAAQ,EAAEL,QAAS;AACnB,IAAA,aAAA,EAAaH,MAAO;IACpB,SAAS,EAAES,UAAU,CAACC,MAAM,CAACJ,MAAM,EAAEL,SAAS,CAAE;AAChD,IAAA,KAAK,EAAEG,KAAAA;AAAM,GAAA,EACTC,IAAI,CAAA,EAAA,EAAA,EAAA;IAAA,QAEPN,EAAAA,KAAAA;GAEJ,CAAA,CAAA,CAAA;AAED,EAAA,IAAIG,OAAO,EAAE;AACX,IAAA,oBAAOK,IAAC,OAAO,EAAA;AAAC,MAAA,KAAK,EAAEL,OAAQ;MAAA,QAAEI,EAAAA,MAAAA;KAAiB,CAAA,CAAA;AACpD,GAAA;AAEA,EAAA,OAAOA,MAAM,CAAA;AACf,CAAC,CAAA;AAEYK,IAAAA,aAAa,GAAG,SAAhBA,aAAa,CAOA,KAAA,EAAA;EAAA,IANxBX,MAAM,SAANA,MAAM;AACNC,IAAAA,SAAS,SAATA,SAAS;AACTW,IAAAA,OAAO,SAAPA,OAAO;AAAA,IAAA,UAAA,GAAA,KAAA,CACPC,IAAI;AAAJA,IAAAA,IAAI,2BAAG,QAAQ,GAAA,UAAA;AACfT,IAAAA,KAAK,SAALA,KAAK;AACLU,IAAAA,QAAQ,SAARA,QAAQ,CAAA;EAER,IAAMC,eAAe,GAAGC,WAAW,CACjC,UAACC,KAA8B,EAAEb,KAAoB,EAAK;AACxD,IAAA,IAAIA,KAAK,KAAK,IAAI,IAAIU,QAAQ,EAAE;AAC9BA,MAAAA,QAAQ,CAACV,KAAK,EAAEa,KAAK,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EACD,CAACH,QAAQ,CAAC,CACX,CAAA;AAED,EAAA,oBACEP,IAACW,iBAAoB,EAAA;AACnB,IAAA,SAAS,EAAEjB,SAAU;AACrB,IAAA,aAAA,EAAaD,MAAO;AACpB,IAAA,QAAQ,EAAEe,eAAgB;AAC1B,IAAA,KAAK,EAAEX,KAAM;IACb,SAAS,EAAA,IAAA;AACT,IAAA,IAAI,EAAES,IAAK;AAAA,IAAA,QAAA,EAEVD,OAAO,CAACO,GAAG,CAAC,UAAAC,MAAM,EAAA;MAAA,oBACjBC,aAAA,CAAC,iBAAiB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKD,MAAM,CAAA,EAAA,EAAA,EAAA;QAAE,GAAG,EAAEA,MAAM,CAAChB,KAAAA;OAAS,CAAA,CAAA,CAAA;KACrD,CAAA;GACoB,CAAA,CAAA;AAE3B;;;;"}

package/componentsV2/ToggleButtons/ToggleButtons.scss.js

@@ -0,0 +1,8 @@
+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

package/componentsV2/ToggleButtons/ToggleButtons.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Tooltip/DcTooltip.js

@@ -0,0 +1,77 @@
+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

package/componentsV2/Tooltip/DcTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DcTooltip.js","sources":["../../../src/componentsV2/Tooltip/DcTooltip.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from '@material-ui/core';\n\n// TODO Move this hook to better place so the imports won't be as hideous\nimport { IsInsideDcFullscreenElemProvider } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\n\n// There is already an additional delay because of the need to wait for setIsFullscreenModalMode async calls.\n// To not make it feels slow, it's better to leave this as 0 unless we REALLY want to have 300+ms of additional delays\nconst TRANSITION_DURATION = 0; // ms\n\n/**\n * This is just a wrapper around MUI Tooltip component. It's only purpose it to call\n * setIsFullscreenModalMode function (https://www.notion.so/corva/Dev-Center-apps-fullscreen-modals-924d8de0cb334c2eb6530081934d50b5)\n * automatically to not make Corva users bother with calling it manually. It has exactly the same API as MUI Tooltip.\n * This component should be used only inside of DC apps.\n * In other cases, regular MUI tooltip should be the choice.\n * Read https://dc-docs.qa.corva.ai/docs/Frontend/App%20Basics/App%20Fullscreen%20Modals/ for more info\n */\nexport const DcTooltip = ({\n  onOpen: onOpenProp,\n  onClose: onCloseProp,\n  open: openProp,\n  title: titleProp,\n  TransitionProps = {},\n  ...rest\n}: TooltipProps) => {\n  const {\n    delayedIsOpen: innerIsOpen,\n    requestOpen,\n    requestClose,\n  } = useDelayedDcFullscreenElemOpen({ isOpen: !!openProp });\n\n  const isControlledMode = typeof openProp === 'boolean';\n\n  const onOpen: TooltipProps['onOpen'] = event => {\n    onOpenProp?.(event);\n\n    if (isControlledMode) {\n      /**\n       * If the component is controlled, we don't want to start\n       * the transition to open state. Mui Tooltip just notifies\n       * about the intention that a component wants to be opened\n       * but we don't actually open it unless outside 'open' prop is changed to true\n       */\n      return;\n    }\n\n    requestOpen();\n  };\n\n  const onClose: TooltipProps['onClose'] = event => {\n    onCloseProp?.(event);\n\n    if (isControlledMode) {\n      /**\n       * If the component is controlled, we don't want to start\n       * the transition to closed state. Mui Tooltip just notifies\n       * about the intention that a component wants to be closed\n       * but we don't actually close it unless outside 'open' prop is changed to false\n       */\n      return;\n    }\n\n    requestClose();\n  };\n\n  return (\n    <Tooltip\n      {...rest}\n      open={innerIsOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      TransitionProps={{\n        ...TransitionProps,\n        timeout: TRANSITION_DURATION,\n      }}\n      title={<IsInsideDcFullscreenElemProvider>{titleProp}</IsInsideDcFullscreenElemProvider>}\n    />\n  );\n};\n"],"names":["TRANSITION_DURATION","DcTooltip","onOpenProp","onOpen","onCloseProp","onClose","openProp","open","titleProp","title","TransitionProps","rest","useDelayedDcFullscreenElemOpen","isOpen","innerIsOpen","delayedIsOpen","requestOpen","requestClose","isControlledMode","event","_jsx","timeout"],"mappings":";;;;;;;;;;;AAQA,IAAMA,mBAAmB,GAAG,CAAC,CAAC;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAOF,IAAA,EAAA;EAAA,IANVC,UAAU,QAAlBC,MAAM;AACGC,IAAAA,WAAW,QAApBC,OAAO;AACDC,IAAAA,QAAQ,QAAdC,IAAI;AACGC,IAAAA,SAAS,QAAhBC,KAAK;AAAA,IAAA,oBAAA,GAAA,IAAA,CACLC,eAAe;IAAfA,eAAe,GAAA,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,oBAAA;IACjBC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,IAAA,qBAAA,GAIIC,8BAA8B,CAAC;MAAEC,MAAM,EAAE,CAAC,CAACP,QAAAA;AAAS,KAAC,CAAC;AAHzCQ,IAAAA,WAAW,yBAA1BC,aAAa;AACbC,IAAAA,WAAW,yBAAXA,WAAW;AACXC,IAAAA,YAAY,yBAAZA,YAAY,CAAA;AAGd,EAAA,IAAMC,gBAAgB,GAAG,OAAOZ,QAAQ,KAAK,SAAS,CAAA;AAEtD,EAAA,IAAMH,MAA8B,GAAG,SAAjCA,MAA8B,CAAGgB,KAAK,EAAI;AAC9CjB,IAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAGiB,KAAK,CAAC,CAAA;AAEnB,IAAA,IAAID,gBAAgB,EAAE;AACpB;AACN;AACA;AACA;AACA;AACA;AACM,MAAA,OAAA;AACF,KAAA;AAEAF,IAAAA,WAAW,EAAE,CAAA;GACd,CAAA;AAED,EAAA,IAAMX,OAAgC,GAAG,SAAnCA,OAAgC,CAAGc,KAAK,EAAI;AAChDf,IAAAA,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAGe,KAAK,CAAC,CAAA;AAEpB,IAAA,IAAID,gBAAgB,EAAE;AACpB;AACN;AACA;AACA;AACA;AACA;AACM,MAAA,OAAA;AACF,KAAA;AAEAD,IAAAA,YAAY,EAAE,CAAA;GACf,CAAA;EAED,oBACEG,GAAA,CAAC,OAAO,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACFT,IAAI,CAAA,EAAA,EAAA,EAAA;AACR,IAAA,IAAI,EAAEG,WAAY;AAClB,IAAA,MAAM,EAAEX,MAAO;AACf,IAAA,OAAO,EAAEE,OAAQ;AACjB,IAAA,eAAe,kCACVK,eAAe,CAAA,EAAA,EAAA,EAAA;AAClBW,MAAAA,OAAO,EAAErB,mBAAAA;KACT,CAAA;IACF,KAAK,eAAEoB,IAAC,gCAAgC,EAAA;MAAA,QAAEZ,EAAAA,SAAAA;AAAS,KAAA,CAAA;GACnD,CAAA,CAAA,CAAA;AAEN;;;;"}

package/componentsV2/Tooltip/Tooltip.js

@@ -0,0 +1,77 @@
+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

package/componentsV2/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/componentsV2/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip, TooltipProps as MuiTooltipProps } from '@material-ui/core';\nimport { ChangeEvent, ReactElement, ReactNode, useMemo } from 'react';\nimport classNames from 'classnames';\n\n// TODO Move these hooks to better place so the imports won't be as hideous\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { useIsInsideDcFullscreenElem } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { Text } from '../Text';\n\nimport { DcTooltip } from './DcTooltip';\n\nimport styles from './Tooltip.scss';\n\nexport type TooltipProps = {\n  /**\n   * Tooltip title. If there's no title or description, the tooltip is not shown\n   */\n  title?: ReactNode;\n  /**\n   * Tooltip description: used to provide additional information to the title. If there's no title or description, the tooltip is not shown\n   */\n  description?: ReactNode;\n  /**\n   * Element to position a tooltip to.\n   *\n   * ⚠️ Has to be a *single* reffable child (use `forwardRef` for custom components)\n   */\n  children: ReactElement;\n  /**\n   * Tooltip placement. Positions a tooltip dynamically if undefined\n   */\n  placement?: MuiTooltipProps['placement'];\n  /**\n   * Disables the tooltip\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tooltip is shown. Used to programmatically control the tooltip\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the component requests to be open.\n   */\n  onOpen?: (event: ChangeEvent<object>) => void;\n  /**\n   * Callback fired when the component requests to be closed.\n   */\n  onClose?: (event: ChangeEvent<object>) => void;\n\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This prop won't impact the enter touch delay (`enterTouchDelay`).\n   */\n  enterDelay?: number;\n  /**\n   * The number of milliseconds a user must touch the element before showing the tooltip.\n   */\n  enterTouchDelay?: number;\n  /**\n   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.\n   */\n  enterNextDelay?: number;\n  /**\n   * Makes a tooltip interactive, i.e. will not close when the user\n   * hovers over the tooltip before the `leaveDelay` is expired.\n   */\n  interactive?: boolean;\n  /**\n   * The number of milliseconds to wait before hiding the tooltip.\n   * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n   */\n  leaveDelay?: number;\n  /**\n   * The number of milliseconds after the user stops touching an element before hiding the tooltip.\n   */\n  leaveTouchDelay?: number;\n\n  /**\n   * Will be applied to tooltip container\n   */\n  className?: string;\n};\n\nexport const Tooltip = ({\n  children,\n  disabled,\n  title,\n  interactive = false,\n  className,\n  enterDelay = 100,\n  leaveDelay = 0,\n  enterTouchDelay = 700,\n  leaveTouchDelay = 1500,\n  enterNextDelay = 0,\n  description,\n  ...rest\n}: TooltipProps) => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n  const TooltipComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcTooltip : MuiTooltip;\n\n  const actualTitle =\n    disabled || (!title && !description) ? (\n      ''\n    ) : (\n      <div className={styles.content}>\n        {title && (\n          <Text size={12} className={styles.title} tagName=\"div\">\n            {title}\n          </Text>\n        )}\n        {description && (\n          <Text size={12} color=\"T6\" tagName=\"div\">\n            {description}\n          </Text>\n        )}\n      </div>\n    );\n\n  const handlers = {\n    disableFocusListener: disabled,\n    disableHoverListener: disabled,\n    disableTouchListener: disabled,\n  };\n\n  const classes = useMemo(() => ({ popper: classNames(styles.root, className) }), [className]);\n\n  return (\n    <TooltipComponent\n      title={actualTitle}\n      interactive={interactive}\n      classes={classes}\n      enterDelay={enterDelay}\n      leaveDelay={leaveDelay}\n      enterTouchDelay={enterTouchDelay}\n      leaveTouchDelay={leaveTouchDelay}\n      enterNextDelay={enterNextDelay}\n      {...handlers}\n      {...rest}\n    >\n      {children}\n    </TooltipComponent>\n  );\n};\n"],"names":["Tooltip","children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","rest","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","TooltipComponent","DcTooltip","MuiTooltip","actualTitle","_jsxs","styles","content","_jsx","handlers","disableFocusListener","disableHoverListener","disableTouchListener","classes","useMemo","popper","classNames","root"],"mappings":"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"}