linear-react-components-ui 1.1.24-beta.1 → 1.1.25-rc.0

package/lib/list/Item.d.ts

@@ -3,9 +3,11 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
-import '../tooltip/types.js';
 import '../@types/Position.js';
 
-declare const Item: (props: IListItemProps) => JSX.Element | null;
+declare const _default: {
+    (props: IListItemProps): JSX.Element;
+    displayName: string;
+};
 
-export { Item as default };
+export { _default as default };

package/lib/list/Item.js

@@ -11,8 +11,8 @@ var _checkbox = _interopRequireDefault(require("../checkbox"));
 var _helpers = require("./helpers");
 var _withDropdown = require("../dropdown/withDropdown");
 var constants = _interopRequireWildcard(require("../internals/constants"));
+var _withTooltip = _interopRequireWildcard(require("../internals/withTooltip"));
 var _permissionValidations = require("../permissionValidations");
-var _tooltip = require("../tooltip");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -40,11 +40,8 @@ const Item = props => {
     visible = true,
     permissionAttr,
     skeletonize,
+    targetRef,
     target,
-    tooltip,
-    tooltipPosition,
-    tooltipWidth,
-    onMouseDown,
     onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
   } = props;
   const {
@@ -55,9 +52,11 @@ const Item = props => {
     selectOnEnter
   } = (0, _react.useContext)(_helpers.ListContext);
   const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
+  const {
+    handlerSetOnDeniedText
+  } = (0, _react.useContext)(_withTooltip.TooltipContext);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
-  const itemRef = (0, _react.useRef)(null);
   const navigate = (0, _reactRouterDom.useNavigate)();
   const disabledByPermission = onDenied.disabled;
   const shouldDisable = () => disabled || onDenied.disabled;
@@ -118,6 +117,9 @@ const Item = props => {
       document.removeEventListener('keydown', onKeyDown);
     };
   }, [url, selectedItemId, itemId]);
+  (0, _react.useEffect)(() => {
+    if (disabledByPermission) handlerSetOnDeniedText(onDeniedText);
+  }, [disabledByPermission]);
   const renderCheckBox = (0, _react.useMemo)(() => {
     if (!disabledByPermission && displayCheckbox) {
       return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
@@ -131,12 +133,11 @@ const Item = props => {
     return null;
   }, [disabledByPermission && displayCheckbox]);
   if (!visible || onDenied.unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("li", _extends({
+  return /*#__PURE__*/_react.default.createElement("li", _extends({
     ref: ref => {
-      itemRef.current = ref;
+      if (targetRef) targetRef(ref);
       return itemId && selectedItemId === itemId ? selectedItemRef : null;
     },
-    onMouseDown: onMouseDown,
     style: style,
     className: `item-container ${hovered && 'hovered'}
         ${itemId && selectedItemId === itemId ? '-activedlist' : ''}`
@@ -156,12 +157,6 @@ const Item = props => {
     className: `${subText && 'subtext'}`
   }, subText), children), (rightIconName || rightIcon || rightElement || disabledByPermission) && /*#__PURE__*/_react.default.createElement("div", {
     className: `${getClass()} -icon-right`
-  }, getIcon(rightIconName, rightIcon), rightElement)), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: itemRef,
-    text: tooltip,
-    width: tooltipWidth,
-    position: tooltipPosition,
-    onDeniedText: disabledByPermission ? onDeniedText : undefined
-  }));
+  }, getIcon(rightIconName, rightIcon), rightElement));
 };
-var _default = exports.default = Item;
+var _default = exports.default = (0, _withTooltip.default)(Item);

package/lib/list/helpers.d.ts

@@ -3,7 +3,6 @@ import { IListContext } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
-import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const ListContext: React__default.Context<IListContext>;

package/lib/list/index.d.ts

@@ -6,7 +6,6 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
-import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const List: (props: IListProps) => JSX.Element;

package/lib/list/types.d.ts

@@ -1,9 +1,8 @@
 import { ReactNode, ReactElement, CSSProperties, ComponentPropsWithoutRef, Ref } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { IconNames } from '../@types/Icon.js';
-import { ITooltipCommonProps } from '../tooltip/types.js';
+import { Position } from '../@types/Position.js';
 import '../icons/helper.js';
-import '../@types/Position.js';
 
 type ItemId = string;
 interface KeyboardEvent {
@@ -31,7 +30,7 @@ interface IListProps {
     skeletonItens?: number;
     selectOnEnter?: boolean;
 }
-interface IListItemProps extends ITooltipCommonProps {
+interface IListItemProps {
     text?: string;
     style?: object;
     separator?: boolean;
@@ -55,8 +54,11 @@ interface IListItemProps extends ITooltipCommonProps {
     permissionAttr?: PermissionAttr | PermissionAttr[];
     selectOnEnter?: boolean;
     skeletonize?: boolean;
+    targetRef?: (ref: HTMLLIElement) => void;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    tooltip?: string;
     onDeniedText?: string;
-    onMouseDown?: (event?: React.MouseEvent<HTMLLIElement>) => void;
 }
 interface IListContext {
     selectable: boolean;

package/lib/menus/sidenav/ExpandMenu.d.ts

@@ -2,10 +2,10 @@ import { IExpandMenuProps } from './types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
 
 declare const ExpandMenu: ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => JSX.Element;
 

package/lib/menus/sidenav/MenuLink.d.ts

@@ -2,11 +2,14 @@ import { IMenuLinkProps } from './types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
 
-declare const MenuLink: ({ url, children, disabled, tooltip, tooltipPosition, errorMessage, tooltipWidth, }: IMenuLinkProps) => JSX.Element;
+declare const _default: {
+    (props: IMenuLinkProps): JSX.Element;
+    displayName: string;
+};
 
-export { MenuLink as default };
+export { _default as default };

package/lib/menus/sidenav/MenuLink.js

@@ -4,35 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
-var _tooltip = require("../../tooltip");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MenuLink = _ref => {
   let {
     url,
     children,
-    disabled,
-    tooltip,
-    tooltipPosition,
-    errorMessage,
-    tooltipWidth
+    targetRef,
+    disabled
   } = _ref;
-  const linkRef = (0, _react.useRef)(null);
   if (url && !disabled) {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
       to: url,
       className: "menulink",
-      ref: linkRef
-    }, children), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-      targetRef: linkRef,
-      text: tooltip,
-      position: tooltipPosition,
-      width: tooltipWidth,
-      textError: errorMessage
-    }));
+      ref: r => {
+        if (targetRef) targetRef(r);
+      }
+    }, children);
   }
   return children;
 };
-var _default = exports.default = MenuLink;
+var _default = exports.default = (0, _withTooltip.default)(MenuLink);

package/lib/menus/sidenav/NavMenuGroup.d.ts

@@ -2,10 +2,10 @@ import { INavMenuGroupProps } from './types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
 
 declare const NavMenuGroup: ({ children, scrollable, style }: INavMenuGroupProps) => JSX.Element;
 

package/lib/menus/sidenav/NavMenuItem.d.ts

@@ -2,11 +2,14 @@ import { INavMenuItemProps } from './types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
 
-declare const NavMenuItem: (props: INavMenuItemProps) => JSX.Element | null;
+declare const _default: {
+    (props: INavMenuItemProps): JSX.Element;
+    displayName: string;
+};
 
-export { NavMenuItem as default };
+export { _default as default };

package/lib/menus/sidenav/NavMenuItem.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
 var _icons = _interopRequireDefault(require("../../icons"));
-var _tooltip = require("../../tooltip");
 var _MenuLink = _interopRequireDefault(require("./MenuLink"));
 var _helpers = require("./helpers");
 var _permissionValidations = require("../../permissionValidations");
@@ -26,14 +26,11 @@ const NavMenuItem = props => {
     maxWidth = '90%',
     minWidth = 500,
     columnsQtty,
+    targetRef,
     disableDefaultStyle = false,
     showDropdownOnClick = false,
     style,
-    customClassForDropdown,
-    tooltip,
-    tooltipPosition,
-    tooltipWidth,
-    errorMessage
+    customClassForDropdown
   } = props;
   const [showSubMenu, setShowSubMenu] = (0, _react.useState)(false);
   const [targetDimensions, setTargetDimensions] = (0, _react.useState)({});
@@ -96,7 +93,10 @@ const NavMenuItem = props => {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("li", {
     style: style,
-    ref: menuItemRef,
+    ref: r => {
+      menuItemRef.current = r;
+      if (targetRef) targetRef(r);
+    },
     className: `item ${url && !disabled && '-withlink'} ${customClass} ${disabled && '-disabled'}`,
     onMouseEnter: onMouseEnter,
     onMouseLeave: () => {
@@ -110,7 +110,9 @@ const NavMenuItem = props => {
     }
   }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, _extends({
     disabled: disabled
-  }, props), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
+  }, props, {
+    targetRef: null
+  }), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: iconName,
     size: menuSize === 'small' && 16 || menuSize === 'medium' && 24 || menuSize === 'large' && 32 || 16,
     customClassForContainer: "menuicon-container",
@@ -139,12 +141,6 @@ const NavMenuItem = props => {
     style: {
       gridTemplateColumns: `repeat(${columnsQtty}, 1fr)`
     }
-  }, children))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: menuItemRef,
-    text: tooltip,
-    position: tooltipPosition,
-    width: tooltipWidth,
-    textError: errorMessage
-  }));
+  }, children))));
 };
-var _default = exports.default = NavMenuItem;
+var _default = exports.default = (0, _withTooltip.default)(NavMenuItem);

package/lib/menus/sidenav/NavSubMenuItem.d.ts

@@ -2,10 +2,10 @@ import { INavSubMenuItemProps } from './types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
 
 declare const NavSubMenuItem: ({ title, url, permissionAttr }: INavSubMenuItemProps) => JSX.Element | null;
 

package/lib/menus/sidenav/helpers.d.ts

@@ -2,10 +2,10 @@ import React__default from 'react';
 import { ISubMenuContext, ISideNavContext } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
 
 declare const getCssClassMenu: (isExpanded?: boolean, size?: string) => string;
 declare const SubMenuContext: React__default.Context<ISubMenuContext>;

package/lib/menus/sidenav/index.d.ts

@@ -6,10 +6,10 @@ import { ISideNavProps } from './types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
 
 declare const SideNav: (props: ISideNavProps) => JSX.Element;
 

package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts

@@ -2,10 +2,10 @@ import { IEmptyListProps } from '../types.js';
 import 'react';
 import '../../../@types/PermissionAttr.js';
 import '../../../@types/Size.js';
+import '../../../internals/types.js';
+import '../../../@types/Position.js';
 import '../../../@types/Icon.js';
 import '../../../icons/helper.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
 
 declare const EmptyList: ({ info, visible, }: IEmptyListProps) => JSX.Element;
 

package/lib/menus/sidenav/popup_menu_search/index.d.ts

@@ -2,10 +2,10 @@ import React__default from 'react';
 import { IPopupMenuSearchProps } from '../types.js';
 import '../../../@types/PermissionAttr.js';
 import '../../../@types/Size.js';
+import '../../../internals/types.js';
+import '../../../@types/Position.js';
 import '../../../@types/Icon.js';
 import '../../../icons/helper.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
 
 declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => React__default.ReactPortal;
 

package/lib/menus/sidenav/types.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode, ReactElement, CSSProperties } from 'react';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { Size } from '../../@types/Size.js';
+import { WithTooltipProps } from '../../internals/types.js';
 import { IconNames } from '../../@types/Icon.js';
-import { ITooltipCommonProps } from '../../tooltip/types.js';
-import '../../icons/helper.js';
 import '../../@types/Position.js';
+import '../../icons/helper.js';
 
 interface ISideNavProps {
     children: ReactNode;
@@ -30,18 +30,18 @@ interface IMenuItemContent {
     content: string;
     url: string;
 }
-interface IMenuLinkProps extends ITooltipCommonProps {
+interface IMenuLinkProps extends WithTooltipProps {
     children: ReactElement;
     url?: string;
+    targetRef?: ((ref: HTMLAnchorElement | null) => void) | null;
     disabled?: boolean;
-    errorMessage?: string;
 }
 interface INavMenuGroupProps {
     children: ReactNode;
     scrollable?: boolean;
     style?: CSSProperties;
 }
-interface INavMenuItemProps extends ITooltipCommonProps {
+interface INavMenuItemProps extends WithTooltipProps {
     children?: ReactNode;
     title?: string;
     iconName?: IconNames;
@@ -52,11 +52,11 @@ interface INavMenuItemProps extends ITooltipCommonProps {
     minWidth?: string | number;
     maxWidth?: string | number;
     columnsQtty?: number;
+    targetRef?: (ref: HTMLLIElement | null) => void;
     disableDefaultStyle?: boolean;
     showDropdownOnClick?: boolean;
     style?: CSSProperties;
     customClassForDropdown?: string;
-    errorMessage?: string;
 }
 interface INavSubMenuItemProps {
     title: string;

package/lib/popover/PopoverText.js

@@ -9,20 +9,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const PopoverText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    children,
-    text
+    children
   } = _ref;
-  const hintRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => hintRef.current, [hintRef.current]);
-  (0, _react.useEffect)(() => {
-    if (hintRef.current && text !== undefined) {
-      hintRef.current.innerHTML = text;
-    }
-  }, [text, hintRef.current]);
   return /*#__PURE__*/_react.default.createElement("p", {
     className: "text",
-    ref: hintRef,
-    "data-testid": "popover-text"
+    ref: ref
   }, children);
 });
 PopoverText.displayName = 'PopoverText';

package/lib/popover/index.js

@@ -42,7 +42,6 @@ const Popover = _ref => {
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_buttons.default, _extends({
     round: true,
-    type: "button",
     dropdown: true,
     transparent: true,
     tabIndex: -1,

package/lib/popover/types.d.ts

@@ -10,7 +10,6 @@ interface PopoverTitleProps {
 }
 interface PopoverTextProps {
     children?: ReactNode;
-    text?: string;
 }
 interface IPopoverProps {
     iconName?: IconNames;

package/lib/textContent/index.d.ts

@@ -1,17 +1,22 @@
-import React__default from 'react';
-import { ITooltipCommonProps } from '../tooltip/types.js';
+import React__default, { MutableRefObject } from 'react';
+import { WithTooltipProps } from '../internals/types.js';
+import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 
-interface TextContentProps extends React__default.HTMLAttributes<HTMLElement>, ITooltipCommonProps {
+interface TextContentProps extends React__default.HTMLAttributes<HTMLElement>, WithTooltipProps {
     as?: 'span' | 'strong' | 'p';
     label?: string | string[];
     styleForLabel?: object;
     labelUppercase?: boolean;
     required?: boolean;
     disabled?: boolean;
+    targetRef?: (ref: HTMLSpanElement | null) => void;
+    labelRef?: MutableRefObject<HTMLSpanElement | null>;
     onHoverLabel?: (e: React__default.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    errorMessage?: string;
 }
-declare const TextContent: React__default.ForwardRefExoticComponent<TextContentProps & React__default.RefAttributes<HTMLElement>>;
+declare const _default: {
+    (props: TextContentProps & React__default.RefAttributes<HTMLElement>): JSX.Element;
+    displayName: string;
+};
 
-export { TextContent as default };
+export { _default as default };

package/lib/textContent/index.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("../assets/styles/textContent.scss");
-var _tooltip = require("../tooltip");
-const _excluded = ["as", "children", "className", "styleForLabel", "onHoverLabel", "tooltip", "tooltipPosition", "tooltipWidth", "errorMessage", "labelUppercase"];
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
+var _lodash = _interopRequireDefault(require("lodash"));
+const _excluded = ["as", "children", "className", "styleForLabel", "onHoverLabel"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
@@ -19,29 +21,18 @@ const TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       children,
       className,
       styleForLabel,
-      onHoverLabel,
-      tooltip,
-      tooltipPosition,
-      tooltipWidth,
-      errorMessage,
-      labelUppercase: __
+      onHoverLabel
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  const compRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => compRef.current, []);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Comp, _extends({
-    ref: compRef,
+  const typedRef = ref;
+  const restProps = _lodash.default.omit(props, ['tooltipWidth', 'tooltip', 'tooltipPosition', 'labelUppercase']);
+  return /*#__PURE__*/_react.default.createElement(Comp, _extends({
+    ref: typedRef,
     style: styleForLabel,
     className: `text-content-component ${className}`,
     "data-textcontent": Comp,
     onMouseEnter: onHoverLabel
-  }, props), children), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: compRef,
-    text: tooltip,
-    position: tooltipPosition,
-    width: tooltipWidth,
-    textError: errorMessage
-  }));
+  }, restProps), children);
 });
 TextContent.displayName = 'TextContent';
-var _default = exports.default = TextContent;
+var _default = exports.default = (0, _withTooltip.default)(TextContent);

package/lib/tooltip/index.d.ts

@@ -1,7 +1,6 @@
+import React__default from 'react';
 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;
+declare const Tooltip: ({ text, textError, tooltipRef, style, tooltipDimensions, className, handlerSetDimensions, }: ITooltipProps) => React__default.ReactPortal;
 
-export { Tooltip, Tooltip as default };
+export { Tooltip as default };