linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/toolbar/index.js

@@ -1,39 +1,65 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as v } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { default as E } from "./ToolBarGroup.js";
-import { default as G } from "./Separator.js";
-import { default as N } from "./ButtonBar.js";
-import { default as S } from "./LabelBar.js";
-import '../assets/toolbar.css';/* empty css                         */
-import j from "./helpers.js";
-const T = (p) => {
-  const t = v.c(19);
-  let o, r, s, a, e, i;
-  t[0] !== p ? ({
-    innerRef: r,
-    children: o,
-    style: e,
-    size: a,
-    customClass: i,
-    ...s
-  } = p, t[0] = p, t[1] = o, t[2] = r, t[3] = s, t[4] = a, t[5] = e, t[6] = i) : (o = t[1], r = t[2], s = t[3], a = t[4], e = t[5], i = t[6]);
-  let f;
-  t[7] !== e ? (f = e === void 0 ? {} : e, t[7] = e, t[8] = f) : f = t[8];
-  const c = f, B = i === void 0 ? "" : i;
-  let m;
-  t[9] !== s ? (m = {
-    ...s
-  }, t[9] = s, t[10] = m) : m = t[10];
-  const u = m, x = `toolbar-component ${a ? `${a}-bar` : ""} ${B}`;
-  let l;
-  t[11] !== o || t[12] !== r || t[13] !== c || t[14] !== x ? (l = /* @__PURE__ */ d.jsx("div", { ref: r, className: x, style: c, children: o }), t[11] = o, t[12] = r, t[13] = c, t[14] = x, t[15] = l) : l = t[15];
-  let n;
-  return t[16] !== u || t[17] !== l ? (n = /* @__PURE__ */ d.jsx(j.Provider, { value: u, children: l }), t[16] = u, t[17] = l, t[18] = n) : n = t[18], n;
-};
-export {
-  N as ButtonBar,
-  S as LabelBar,
-  G as Separator,
-  E as ToolBarGroup,
-  T as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ButtonBar", {
+  enumerable: true,
+  get: function () {
+    return _ButtonBar.default;
+  }
+});
+Object.defineProperty(exports, "LabelBar", {
+  enumerable: true,
+  get: function () {
+    return _LabelBar.default;
+  }
+});
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () {
+    return _Separator.default;
+  }
+});
+Object.defineProperty(exports, "ToolBarGroup", {
+  enumerable: true,
+  get: function () {
+    return _ToolBarGroup.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ToolBarGroup = _interopRequireDefault(require("./ToolBarGroup"));
+var _Separator = _interopRequireDefault(require("./Separator"));
+var _ButtonBar = _interopRequireDefault(require("./ButtonBar"));
+var _LabelBar = _interopRequireDefault(require("./LabelBar"));
+require("../assets/styles/toolbar.scss");
+var _helpers = _interopRequireDefault(require("./helpers"));
+const _excluded = ["innerRef", "children", "style", "size", "customClass"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const ToolBar = _ref => {
+  let {
+      innerRef,
+      children,
+      style = {},
+      size,
+      customClass = ''
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const contextValues = _objectSpread({}, props);
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: innerRef,
+    className: "toolbar-component ".concat(size ? "".concat(size, "-bar") : '', " ").concat(customClass),
+    style: style
+  }, children));
 };
+var _default = exports.default = ToolBar;

package/lib/toolbar/types.d.ts

@@ -1,10 +1,12 @@
-import { CSSProperties, ReactElement, ReactNode, MutableRefObject } from 'react';
-import { ButtonTypes } from '../@types/ButtonTypes';
-import { Position } from '../@types/Position';
-import { Size } from '../@types/Size';
-import { NodeItem } from '../treeview/types';
-import { IconNames } from '../@types/Icon';
-export interface IToolbarProps {
+import { ReactNode, CSSProperties, ReactElement, MutableRefObject } from 'react';
+import { ButtonTypes } from '../@types/ButtonTypes.js';
+import { Position } from '../@types/Position.js';
+import { Size } from '../@types/Size.js';
+import { NodeItem } from '../treeview/types.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
+
+interface IToolbarProps {
     children?: ReactNode;
     customClass?: string;
     skeletonize?: boolean;
@@ -12,7 +14,7 @@ export interface IToolbarProps {
     style?: CSSProperties;
     size?: Extract<Size, 'small' | 'large'>;
 }
-export interface IButtonBarProps {
+interface IButtonBarProps {
     label?: string;
     iconName?: IconNames;
     type?: ButtonTypes;
@@ -21,14 +23,14 @@ export interface IButtonBarProps {
     customClass?: string;
     transparent?: boolean;
     size?: Size;
-    iconAlign?: Exclude<Position, 'top' | 'bottom'>;
+    iconAlign?: Extract<Position, 'left' | 'center'>;
     validationKey?: string;
     boxShadow?: boolean;
     id?: string;
     onNodeElementClick?: (node: NodeItem) => void;
     buttonRef?: MutableRefObject<HTMLButtonElement | null> | ((ref: HTMLButtonElement | null) => void);
 }
-export interface ILabelBarProps {
+interface ILabelBarProps {
     iconName?: IconNames;
     bordered?: boolean;
     icon?: ReactElement;
@@ -37,7 +39,9 @@ export interface ILabelBarProps {
     size?: Extract<Size, 'small' | 'large'>;
     type?: Extract<ButtonTypes, 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning'>;
 }
-export interface IToolBarGroup {
+interface IToolBarGroup {
     style?: CSSProperties;
     children: ReactNode;
 }
+
+export { IButtonBarProps, ILabelBarProps, IToolBarGroup, IToolbarProps };

package/lib/toolbar/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/tooltip/TooltipContent.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { ITooltipContentProps } from './types.js';
+import '../@types/Position.js';
+
+declare const TooltipContent: ({ text, textError, tooltipRef, style, styleForContent, tooltipDimensions, position, handlerSetDimensions, }: ITooltipContentProps) => React__default.ReactPortal;
+
+export { TooltipContent as default };

package/lib/tooltip/TooltipContent.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("../assets/styles/tooltip.scss");
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var uuid = _interopRequireWildcard(require("uuid"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TooltipContent = _ref => {
+  let {
+    text,
+    textError,
+    tooltipRef,
+    style = '',
+    styleForContent,
+    tooltipDimensions,
+    position = 'bottom',
+    handlerSetDimensions = () => {}
+  } = _ref;
+  const tooltipComponent = (0, _react.useRef)(document.createElement('div'));
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.id = "tooltip-".concat(uuid.v1());
+    tooltipComponent.current.className = "tooltip-component ".concat(position, " ");
+    tooltipComponent.current.dataset.testid = 'tooltip-component';
+    tooltipComponent.current.style.cssText = style;
+    document.body.appendChild(tooltipComponent.current);
+    const tooltipEl = document.querySelector("div#".concat(tooltipComponent.current.id));
+    let widthDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetWidth;
+    const heightDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetHeight;
+    if (tooltipDimensions && tooltipDimensions.width) {
+      widthDimension = tooltipDimensions.width;
+    }
+    handlerSetDimensions({
+      width: widthDimension,
+      height: Number(heightDimension)
+    });
+    // eslint-disable-next-line no-param-reassign
+    if (tooltipRef) {
+      tooltipRef.current = tooltipEl;
+    }
+    return () => {
+      document.body.removeChild(tooltipComponent.current);
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.className = "tooltip-component ".concat(position, " ");
+  }, [position]);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.style.cssText = style;
+  }, [style]);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.className = textError ? "tooltip-error tooltip-component ".concat(position) : "tooltip-component ".concat(position);
+  }, [textError]);
+  const getTooltipContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: "tooltipcontent",
+    style: styleForContent
+  }, textError || text);
+  return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);
+};
+var _default = exports.default = TooltipContent;

package/lib/tooltip/index.d.ts

@@ -1,4 +1,7 @@
-import { default as React } from 'react';
-import { ITooltipProps } from './types';
-declare const Tooltip: ({ text, textError, tooltipRef, style, tooltipDimensions, className, handlerSetDimensions, }: ITooltipProps) => React.ReactPortal;
-export default Tooltip;
+import { ITooltipProps } from './types.js';
+import 'react';
+import '../@types/Position.js';
+
+declare function Tooltip({ text, textError, targetRef, style, width, space, className, position, onDeniedText, }: ITooltipProps): JSX.Element | null;
+
+export { Tooltip, Tooltip as default };

package/lib/tooltip/index.js

@@ -1,39 +1,46 @@
-import { j as f } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useRef as h, useEffect as e } from "react";
-import a from "react-dom";
-import { v } from "../chunks/v1.Ds1rkxUj.js";
-import '../assets/index5.css';const x = ({
-  text: m,
-  textError: n,
-  tooltipRef: u,
-  style: r = "",
-  tooltipDimensions: c,
-  className: o = "bottom",
-  handlerSetDimensions: p = () => {
-  }
-}) => {
-  const t = h(document.createElement("div"));
-  e(() => {
-    t.current.id = `tooltip-${v()}`, t.current.className = `tooltip-component ${o} `, t.current.dataset.testid = "tooltip-component", t.current.style.cssText = r, document.body.appendChild(t.current);
-    const i = document.querySelector(`div#${t.current.id}`);
-    let d = i?.offsetWidth;
-    const l = i?.offsetHeight;
-    return c && c.width && (d = c.width), p({
-      width: d,
-      height: Number(l)
-    }), u && (u.current = i), () => {
-      document.body.removeChild(t.current);
-    };
-  }, []), e(() => {
-    t.current.className = `tooltip-component ${o} `;
-  }, [o]), e(() => {
-    t.current.style.cssText = r;
-  }, [r]), e(() => {
-    t.current.className = n ? `tooltip-error tooltip-component ${o}` : `tooltip-component ${o}`;
-  }, [n]);
-  const s = () => /* @__PURE__ */ f.jsx("div", { className: "tooltipcontent", children: n || m });
-  return a.createPortal(s(), t.current);
-};
-export {
-  x as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = exports.default = Tooltip;
+var _react = _interopRequireDefault(require("react"));
+var _TooltipContent = _interopRequireDefault(require("./TooltipContent"));
+var _useTooltip2 = require("./useTooltip");
+const _excluded = ["showTooltip"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function Tooltip(_ref) {
+  let {
+    text,
+    textError,
+    targetRef,
+    style,
+    width,
+    space,
+    className,
+    position = 'bottom',
+    onDeniedText
+  } = _ref;
+  const _useTooltip = (0, _useTooltip2.useTooltip)({
+      targetRef,
+      errorMessage: textError,
+      position,
+      width,
+      text,
+      space,
+      onDeniedText
+    }),
+    {
+      showTooltip
+    } = _useTooltip,
+    tooltipContentProps = _objectWithoutProperties(_useTooltip, _excluded);
+  if (!showTooltip) return null;
+  return /*#__PURE__*/_react.default.createElement(_TooltipContent.default, _extends({
+    styleForContent: style,
+    classNameForContent: className,
+    position: position
+  }, tooltipContentProps));
+}

package/lib/tooltip/types.d.ts

@@ -1,15 +1,39 @@
-import { MutableRefObject } from 'react';
+import { RefObject, CSSProperties, MutableRefObject } from 'react';
+import { Position } from '../@types/Position.js';
+
 type Dimensions = {
     width: number | string;
     height: number;
 };
-export interface ITooltipProps {
+interface ITooltipProps {
+    targetRef: RefObject<HTMLElement>;
     text?: string;
-    style?: string;
+    textError?: string;
+    style?: CSSProperties;
     className?: string;
+    width?: string | number;
+    space?: number;
+    position?: Exclude<Position, 'center'>;
+    onDeniedText?: string;
+}
+interface ITooltipContentProps {
     tooltipRef?: MutableRefObject<HTMLElement | null>;
+    text?: string;
+    style?: string;
+    styleForContent?: CSSProperties;
+    classNameForContent?: string;
+    width?: string | number;
+    space?: number;
+    tooltip?: string;
+    position?: Exclude<Position, 'center'>;
     handlerSetDimensions?: ({ width, height }: Dimensions) => void;
     tooltipDimensions?: Dimensions;
     textError?: string;
 }
-export {};
+interface ITooltipCommonProps {
+    tooltip?: string;
+    tooltipWidth?: string | number;
+    tooltipPosition?: Exclude<Position, 'center'>;
+}
+
+export { ITooltipCommonProps, ITooltipContentProps, ITooltipProps };

package/lib/tooltip/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/tooltip/useTooltip.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { RefObject } from 'react';
+import { Position } from '../@types/Position.js';
+
+interface UseTooltipProps {
+    text?: string;
+    width?: number | string;
+    space?: number;
+    position?: Exclude<Position, 'center'>;
+    errorMessage?: string;
+    targetRef: RefObject<HTMLElement>;
+    onDeniedText?: string;
+}
+declare function useTooltip({ targetRef, text, width: widthProp, space, position: positionProp, errorMessage, onDeniedText, }: UseTooltipProps): {
+    text: string | undefined;
+    tooltipRef: React.MutableRefObject<HTMLElement | null>;
+    style: string;
+    className: "left" | "right" | "top" | "bottom";
+    handlerSetDimensions: React.Dispatch<React.SetStateAction<{
+        width: string | number;
+        height: number;
+    }>>;
+    tooltipDimensions: {
+        width: string | number;
+        height: number;
+    };
+    showTooltip: boolean;
+};
+
+export { useTooltip };

package/lib/tooltip/useTooltip.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTooltip = useTooltip;
+var _react = require("react");
+const TOOLTIP_INITIAL_HEIGHT = 40;
+function useTooltip(_ref) {
+  let {
+    targetRef,
+    text,
+    width: widthProp = 'auto',
+    space = 0,
+    position: positionProp = 'bottom',
+    errorMessage,
+    onDeniedText
+  } = _ref;
+  const [stateTooltipPosition, setStateTooltipPosition] = (0, _react.useState)(positionProp);
+  const [tooltipStyle, setTooltipStyle] = (0, _react.useState)('');
+  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
+  const [tooltipDimensions, setTooltipDimensions] = (0, _react.useState)({
+    width: widthProp,
+    height: TOOLTIP_INITIAL_HEIGHT
+  });
+  const targetElement = targetRef;
+  const tooltipElement = (0, _react.useRef)(null);
+  const onMouseOver = e => {
+    if (targetElement.current && targetElement.current.contains(e.target)) {
+      setShowTooltip(true);
+    } else setShowTooltip(false);
+  };
+  const onMouseOut = () => {
+    setShowTooltip(false);
+  };
+  const onAnyScroll = () => {
+    setShowTooltip(false);
+  };
+  (0, _react.useEffect)(() => {
+    if (text || onDeniedText) {
+      if (errorMessage) {
+        setShowTooltip(true);
+      } else {
+        setShowTooltip(false);
+        document.addEventListener('mouseover', onMouseOver);
+        document.addEventListener('scroll', onAnyScroll, true);
+        if (targetElement && targetElement.current) {
+          targetElement.current.addEventListener('mouseout', onMouseOut);
+        }
+      }
+    }
+    return () => {
+      if (text || onDeniedText) {
+        document.removeEventListener('mouseover', onMouseOver);
+        document.removeEventListener('scroll', onAnyScroll, true);
+        if (targetElement && targetElement.current) {
+          targetElement.current.removeEventListener('mouseout', onMouseOut);
+        }
+      }
+    };
+  }, [errorMessage, text, onDeniedText]);
+  (0, _react.useEffect)(() => {
+    if (targetElement.current && tooltipElement.current) {
+      const {
+        width,
+        height
+      } = tooltipDimensions;
+      const targetDimensions = targetElement.current.getBoundingClientRect();
+      const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
+      const tooltipClientWidth = tooltipElement.current.clientWidth;
+      let style = "width: ".concat(typeof width === 'string' ? width : "".concat(width, "px"));
+      let left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
+      left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);
+      style += "; left: ".concat(Math.max(space, left), "px");
+      switch (stateTooltipPosition) {
+        case 'top':
+          if (targetDimensions.top < height) {
+            setStateTooltipPosition('bottom');
+          } else {
+            style += "; top: ".concat(targetDimensions.top + window.scrollY - height - space - 5, "px");
+          }
+          break;
+        case 'bottom':
+          if (window.innerHeight - targetDimensions.bottom < height) {
+            setStateTooltipPosition('top');
+          } else {
+            style += "; top: ".concat(targetDimensions.top + window.scrollY + targetDimensions.height + space + 5, "px");
+          }
+          break;
+        case 'left':
+          if (targetDimensions.left < tooltipClientWidth) {
+            if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
+              setStateTooltipPosition('bottom');
+            } else {
+              setStateTooltipPosition('right');
+            }
+          } else {
+            style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
+            style += "; left: ".concat(targetDimensions.left - tooltipClientWidth - 6 - space, "px");
+          }
+          break;
+        case 'right':
+          if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
+            setStateTooltipPosition('left');
+          } else {
+            style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
+            style += "; left: ".concat(targetDimensions.left + targetDimensions.width + 5 + space, "px");
+          }
+          break;
+        default:
+          style += '';
+      }
+      setTooltipStyle(style);
+    }
+  }, [tooltipDimensions, stateTooltipPosition]);
+  (0, _react.useEffect)(() => {
+    if (targetElement.current && tooltipElement.current && showTooltip) {
+      var _targetElement$curren, _targetElement$curren2;
+      const targetRect = (_targetElement$curren = (_targetElement$curren2 = targetElement.current) === null || _targetElement$curren2 === void 0 ? void 0 : _targetElement$curren2.getBoundingClientRect()) !== null && _targetElement$curren !== void 0 ? _targetElement$curren : {
+        x: 0,
+        width: 0
+      };
+      const elementHorizontalPosition = targetRect.x;
+      const widthElement = targetRect.width;
+      const centerOfElement = elementHorizontalPosition + widthElement / 2;
+      requestAnimationFrame(() => {
+        var _tooltipElement$curre, _tooltipElement$curre2, _tooltipElement$curre3;
+        const tooltipRect = (_tooltipElement$curre = (_tooltipElement$curre2 = tooltipElement.current) === null || _tooltipElement$curre2 === void 0 ? void 0 : _tooltipElement$curre2.getBoundingClientRect()) !== null && _tooltipElement$curre !== void 0 ? _tooltipElement$curre : {
+          x: 0,
+          width: 0
+        };
+        const tooltipHorizontalPosition = tooltipRect.x;
+        const widthTooltip = tooltipRect.width;
+        const centerOfTooltip = tooltipHorizontalPosition + widthTooltip / 2;
+        const centerDifferenceBetweenElementAndTooltip = Number(((centerOfElement - centerOfTooltip) / widthTooltip * 100).toFixed(2));
+        const sumDifference = (0.5 + centerDifferenceBetweenElementAndTooltip / 100) * 100;
+        (_tooltipElement$curre3 = tooltipElement.current) === null || _tooltipElement$curre3 === void 0 ? void 0 : _tooltipElement$curre3.style.setProperty('--arrow-position', "".concat(sumDifference, "%"));
+      });
+    }
+  }, [showTooltip, tooltipElement.current, targetElement.current]);
+  (0, _react.useEffect)(() => {
+    setStateTooltipPosition(positionProp);
+  }, [window.scrollY, window.scrollX, window.innerWidth]);
+  return {
+    text: onDeniedText || text,
+    tooltipRef: tooltipElement,
+    style: tooltipStyle,
+    className: stateTooltipPosition,
+    handlerSetDimensions: setTooltipDimensions,
+    tooltipDimensions: tooltipDimensions,
+    showTooltip
+  };
+}

package/lib/treetable/Body.d.ts

@@ -1,2 +1,3 @@
-declare const TreeTableBody: () => import("react/jsx-runtime").JSX.Element;
-export default TreeTableBody;
+declare const TreeTableBody: () => JSX.Element;
+
+export { TreeTableBody as default };