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

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/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 };

package/lib/tooltip/index.js

@@ -3,44 +3,61 @@
 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"];
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var uuid = _interopRequireWildcard(require("uuid"));
+require("../assets/styles/tooltip.scss");
 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) {
+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; }
+const Tooltip = _ref => {
   let {
     text,
     textError,
-    targetRef,
-    style,
-    width,
-    space,
-    className,
-    position = 'bottom',
-    onDeniedText
+    tooltipRef,
+    style = '',
+    tooltipDimensions,
+    className = 'bottom',
+    handlerSetDimensions = () => {}
   } = _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));
-}
+  const tooltipComponent = (0, _react.useRef)(document.createElement('div'));
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.id = `tooltip-${uuid.v1()}`;
+    tooltipComponent.current.className = `tooltip-component ${className} `;
+    tooltipComponent.current.dataset.testid = 'tooltip-component';
+    tooltipComponent.current.style.cssText = style;
+    document.body.appendChild(tooltipComponent.current);
+    const tooltipEl = document.querySelector(`div#${tooltipComponent.current.id}`);
+    let widthDimension = tooltipEl?.offsetWidth;
+    const heightDimension = 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 ${className} `;
+  }, [className]);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.style.cssText = style;
+  }, [style]);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.className = textError ? `tooltip-error tooltip-component ${className}` : `tooltip-component ${className}`;
+  }, [textError]);
+  const getTooltipContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: "tooltipcontent"
+  }, textError || text);
+  return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);
+};
+var _default = exports.default = Tooltip;

package/lib/tooltip/types.d.ts

@@ -1,39 +1,17 @@
-import { RefObject, CSSProperties, MutableRefObject } from 'react';
-import { Position } from '../@types/Position.js';
+import { MutableRefObject } from 'react';
 
 type Dimensions = {
     width: number | string;
     height: number;
 };
 interface ITooltipProps {
-    targetRef: RefObject<HTMLElement>;
     text?: string;
-    textError?: string;
-    style?: CSSProperties;
+    style?: string;
     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;
 }
-interface ITooltipCommonProps {
-    tooltip?: string;
-    tooltipWidth?: string | number;
-    tooltipPosition?: Exclude<Position, 'center'>;
-}
 
-export { ITooltipCommonProps, ITooltipContentProps, ITooltipProps };
+export { ITooltipProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.24-beta.2",
+  "version": "1.1.25-rc.0",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -54,7 +54,7 @@
     "moment": "2.30.1",
     "prop-types": "15.8.1",
     "react-dev-utils": "12.0.0",
-    "react-imask": "7.6.1",
+    "react-imask": "^7.6.1",
     "react-router-dom": "6.21.3",
     "react-syntax-highlighter": "15.5.0",
     "semver": "7.5.4",
@@ -68,7 +68,6 @@
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.23.3",
-    "@faker-js/faker": "9.8.0",
     "@svgr/webpack": "8.1.0",
     "@swc/core": "1.4.13",
     "@testing-library/dom": "10.4.0",

package/lib/BaseMask-4885b7c4.d.ts

@@ -1,24 +0,0 @@
-import React__default from 'react';
-import { T as TextFieldInputProps } from './index-f6f0d3a8.js';
-import { FactoryOpts } from 'imask';
-
-interface MaskFieldProps extends TextFieldInputProps {
-    maskOptions?: FactoryOpts;
-    onAccept?: (value: string) => void;
-    onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;
-    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-    autoCompleteMask?: string;
-    value?: string;
-}
-declare const Input: React__default.ForwardRefExoticComponent<Pick<MaskFieldProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "customClass" | "permissionAttr" | "size" | "skeletonize" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "tooltip" | "tooltipWidth" | "tooltipPosition" | "checked" | "required" | "labelUppercase" | "hint" | "hintPosition" | "themePopover" | "popoverAlign" | "width" | "height" | "multiple" | "readOnly" | "list" | "step" | "maxLength" | "onComplete" | "textAlign" | "rounded" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "max" | "min" | "src" | "alt" | "autoCompleteMask" | "errors" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "onAccept" | "maskOptions"> & React__default.RefAttributes<HTMLInputElement>>;
-
-declare const BaseMask_Input: typeof Input;
-type BaseMask_MaskFieldProps = MaskFieldProps;
-declare namespace BaseMask {
-  export {
-    BaseMask_Input as Input,
-    BaseMask_MaskFieldProps as MaskFieldProps,
-  };
-}
-
-export { BaseMask as B, Input as I, MaskFieldProps as M };