linear-react-components-ui 1.1.22 → 1.1.24-beta.0

package/lib/inputs2/textfield/index.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+Object.defineProperty(exports, "LeftSlot", {
+  enumerable: true,
+  get: function () {
+    return _slot.LeftSlot;
+  }
+});
+Object.defineProperty(exports, "RightSlot", {
+  enumerable: true,
+  get: function () {
+    return _slot.RightSlot;
+  }
+});
+require("../../assets/styles/textfield.scss");
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
+var _popover = _interopRequireWildcard(require("../../popover"));
+var _permissionValidations = require("../../permissionValidations");
+var _hint = _interopRequireDefault(require("../../hint"));
+var _slot = require("../slot");
+var _tooltip = require("../../tooltip");
+const _excluded = ["type", "name", "label", "errors", "children", "onDeniedActions", "permissionAttr", "customClass", "customClassLabel", "customClassWrapper", "customClassInputContainer", "textAlign", "labelUppercase", "skeletonize", "hintPosition", "gridLayout", "themePopover", "popoverAlign", "tooltip", "tooltipPosition", "tooltipWidth", "hint"];
+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); }
+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 options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      type = 'text',
+      name,
+      label,
+      errors,
+      children,
+      onDeniedActions = undefined,
+      permissionAttr = undefined,
+      customClass = '',
+      customClassLabel = '',
+      customClassWrapper = '',
+      customClassInputContainer = '',
+      textAlign = 'left',
+      labelUppercase = false,
+      skeletonize = false,
+      hintPosition = 'below',
+      gridLayout = undefined,
+      themePopover = 'light',
+      popoverAlign = 'left',
+      tooltip,
+      tooltipPosition,
+      tooltipWidth,
+      hint
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const onDenied = _react.default.useMemo(() => {
+    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
+  }, [onDeniedActions, permissionAttr]);
+  const {
+    hideContent,
+    unvisible
+  } = onDenied;
+  const inputRef = (0, _react.useRef)(null);
+  const hasLabel = !_lodash.default.isEmpty(props?.label);
+  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
+  const isDisabled = Boolean(props.disabled || onDenied.disabled);
+  const hasHintMessages = Boolean(props.hint?.length);
+  const hasValidationErrors = Boolean(errors?.length);
+  const {
+    leftSlotElements,
+    rightSlotElements
+  } = _react.default.useMemo(() => {
+    const left = [];
+    const right = [];
+    _react.default.Children.map(children, (childElement, index) => {
+      if (/*#__PURE__*/_react.default.isValidElement(childElement)) {
+        const clonedChild = /*#__PURE__*/_react.default.cloneElement(childElement, {
+          key: childElement.key ?? `slot-${index}`,
+          disabled: isDisabled || isReadOnly,
+          'aria-disabled': isDisabled || isReadOnly
+        });
+        if (childElement.type === _slot.LeftSlot) left.push(clonedChild);
+        if (childElement.type === _slot.RightSlot) right.push(clonedChild);
+      }
+    });
+    return {
+      leftSlotElements: left,
+      rightSlotElements: right
+    };
+  }, [children, isDisabled, isReadOnly]);
+  const hasLeftSlotElements = Boolean(leftSlotElements?.length);
+  const hasRightSlotElements = Boolean(rightSlotElements?.length);
+  if (unvisible || hideContent) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    cols: gridLayout
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: inputRef,
+    className: `text-field-root ${customClassWrapper}`,
+    "data-state-error": hasValidationErrors
+  }, hasLabel && /*#__PURE__*/_react.default.createElement("span", {
+    className: `root-label ${customClassLabel}`,
+    "data-state-skeletonize": skeletonize
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    className: "label",
+    title: label,
+    htmlFor: name,
+    "data-state-disabled": isDisabled,
+    "data-state-read-only": isReadOnly,
+    "data-state-input-required": props.required,
+    "data-state-label-uppercase": labelUppercase
+  }, label), hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    customClass: "label-popover",
+    theme: themePopover,
+    align: popoverAlign,
+    iconColor: "#03bde2"
+  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
+    text: hint
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    "data-state-skeletonize": skeletonize,
+    className: `container ${customClassInputContainer}`
+  }, hasLeftSlotElements && !skeletonize && leftSlotElements, /*#__PURE__*/_react.default.createElement("input", _extends({
+    ref: ref,
+    id: name,
+    type: type,
+    readOnly: isReadOnly,
+    disabled: isDisabled,
+    className: `input ${customClass}`,
+    tabIndex: !isReadOnly ? 0 : -1,
+    placeholder: rest.placeholder,
+    "data-state-error": hasValidationErrors,
+    "data-state-read-only": isReadOnly,
+    "data-state-text-align": textAlign,
+    "data-state-skeletonize": skeletonize
+  }, rest)), hasRightSlotElements && !skeletonize && rightSlotElements), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
+    customClass: "hint",
+    description: hint,
+    disabled: isDisabled,
+    skeletonize: skeletonize,
+    visible: hasHintMessages
+  }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
+    className: "error",
+    "data-state-skeletonize": skeletonize,
+    "aria-describedby": String(name).concat('-errors')
+  }, errors?.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: `${index + 1}-${error}`
+  }, error, "\xA0"))))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+    targetRef: inputRef,
+    text: tooltip,
+    width: tooltipWidth,
+    position: tooltipPosition
+  }));
+});
+Input.displayName = 'TextFieldInput';

package/lib/internals/types.d.ts

@@ -1,19 +1,3 @@
-import { CSSProperties } from 'react';
-import { OnDenied } from '../@types/PermissionAttr.js';
-import { Position } from '../@types/Position.js';
-
-interface WithTooltipProps {
-    tooltipWidth?: string | number;
-    space?: number;
-    tooltip?: string;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    style?: CSSProperties;
-    handlerSetOnDeniedText?: (onDeniedValue: OnDenied) => void;
-    errorMessage?: string;
-}
-interface ITooltipContext {
-    handlerSetOnDeniedText: (text: string) => void;
-}
 interface GetDisplayNameParams {
     displayName?: string;
     name?: string;
@@ -22,4 +6,4 @@ interface HasToolTipParams {
     tooltip?: string;
 }
 
-export { GetDisplayNameParams, HasToolTipParams, ITooltipContext, WithTooltipProps };
+export { GetDisplayNameParams, HasToolTipParams };

package/lib/labels/DangerLabel.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const DangerLabel: ({ ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/DefaultLabel.d.ts

@@ -5,10 +5,8 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
-declare const _default: {
-    (props: ILabelProps): JSX.Element;
-    displayName: string;
-};
+declare const DefaultLabel: ({ style, iconName, icon, children, visible, customClass, className, disabled, size, iconAlign, bordered, permissionAttr, skeletonize, tooltip, tooltipPosition, tooltipWidth, }: ILabelProps) => JSX.Element | null;
 
-export { _default as default };
+export { DefaultLabel as default };

package/lib/labels/DefaultLabel.js

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
-var _withTooltip = _interopRequireDefault(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; }
 const DefaultLabel = _ref => {
   let {
     style,
-    targetRef,
     iconName,
     icon,
     children,
@@ -26,10 +25,14 @@ const DefaultLabel = _ref => {
     iconAlign = 'left',
     bordered,
     permissionAttr,
-    skeletonize
+    skeletonize,
+    tooltip,
+    tooltipPosition,
+    tooltipWidth
   } = _ref;
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const labelRef = (0, _react.useRef)(null);
   const getClass = () => `label-component ${className} ${customClass} ${bordered ? '-bordered' : ''} ${disabled ? '-disabled' : ''}
     ${skeletonize ? '-skeletonized' : ''}
     ${size ? `-${size}` : ''}
@@ -46,10 +49,15 @@ const DefaultLabel = _ref => {
     return null;
   };
   if (!visible || onDenied.unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     className: getClass(),
-    ref: r => targetRef && targetRef(r)
-  }, getIcon(), children);
+    ref: labelRef
+  }, getIcon(), children), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+    targetRef: labelRef,
+    text: tooltip,
+    width: tooltipWidth,
+    position: tooltipPosition
+  }));
 };
-var _default = exports.default = (0, _withTooltip.default)(DefaultLabel);
+var _default = exports.default = DefaultLabel;

package/lib/labels/InfoLabel.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const InfoLabel: ({ ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/PrimaryLabel.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const PrimaryLabel: ({ ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/SuccessLabel.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const SuccessLabel: ({ ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/WarningLabel.d.ts

@@ -5,6 +5,7 @@ import '../@types/Position.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 declare const WarningLabel: ({ ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/index.d.ts

@@ -1,5 +1,5 @@
 export { default as LabelContainer } from './label_container/index.js';
-import _default from './DefaultLabel.js';
+import DefaultLabel from './DefaultLabel.js';
 export { default as DangerLabel } from './DangerLabel.js';
 export { default as PrimaryLabel } from './PrimaryLabel.js';
 export { default as WarningLabel } from './WarningLabel.js';
@@ -12,7 +12,8 @@ import '../@types/PermissionAttr.js';
 import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 
 
 
-export { _default as default };
+export { DefaultLabel as default };

package/lib/labels/types.d.ts

@@ -3,19 +3,16 @@ import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
 import { IconNames } from '../@types/Icon.js';
+import { ITooltipCommonProps } from '../tooltip/types.js';
 import '../icons/helper.js';
 
-interface ILabelProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ILabelProps extends React.HTMLAttributes<HTMLDivElement>, ITooltipCommonProps {
     customClass?: string;
     size?: Size;
     iconName?: IconNames;
     iconAlign?: Position;
     icon?: ReactElement;
-    targetRef?: (ref: HTMLDivElement | null) => void;
     bordered?: boolean;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
     visible?: boolean;
     disabled?: boolean;
     permissionAttr?: PermissionAttr | PermissionAttr[];

package/lib/list/Header.d.ts

@@ -3,6 +3,7 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
 declare const Header: ({ title, children, style, customClass }: IListHeaderProps) => JSX.Element;

package/lib/list/Item.d.ts

@@ -3,11 +3,9 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../tooltip/types.js';
 import '../@types/Position.js';
 
-declare const _default: {
-    (props: IListItemProps): JSX.Element;
-    displayName: string;
-};
+declare const Item: (props: IListItemProps) => JSX.Element | null;
 
-export { _default as default };
+export { Item 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,8 +40,11 @@ const Item = props => {
     visible = true,
     permissionAttr,
     skeletonize,
-    targetRef,
     target,
+    tooltip,
+    tooltipPosition,
+    tooltipWidth,
+    onMouseDown,
     onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
   } = props;
   const {
@@ -52,11 +55,9 @@ 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;
@@ -117,9 +118,6 @@ 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, {
@@ -133,11 +131,12 @@ const Item = props => {
     return null;
   }, [disabledByPermission && displayCheckbox]);
   if (!visible || onDenied.unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement("li", _extends({
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("li", _extends({
     ref: ref => {
-      if (targetRef) targetRef(ref);
+      itemRef.current = ref;
       return itemId && selectedItemId === itemId ? selectedItemRef : null;
     },
+    onMouseDown: onMouseDown,
     style: style,
     className: `item-container ${hovered && 'hovered'}
         ${itemId && selectedItemId === itemId ? '-activedlist' : ''}`
@@ -157,6 +156,12 @@ 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));
+  }, getIcon(rightIconName, rightIcon), rightElement)), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+    targetRef: itemRef,
+    text: tooltip,
+    width: tooltipWidth,
+    position: tooltipPosition,
+    onDeniedText: disabledByPermission ? onDeniedText : undefined
+  }));
 };
-var _default = exports.default = (0, _withTooltip.default)(Item);
+var _default = exports.default = Item;

package/lib/list/helpers.d.ts

@@ -3,6 +3,7 @@ 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,6 +6,7 @@ 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,8 +1,9 @@
 import { ReactNode, ReactElement, CSSProperties, ComponentPropsWithoutRef, Ref } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { IconNames } from '../@types/Icon.js';
-import { Position } from '../@types/Position.js';
+import { ITooltipCommonProps } from '../tooltip/types.js';
 import '../icons/helper.js';
+import '../@types/Position.js';
 
 type ItemId = string;
 interface KeyboardEvent {
@@ -30,7 +31,7 @@ interface IListProps {
     skeletonItens?: number;
     selectOnEnter?: boolean;
 }
-interface IListItemProps {
+interface IListItemProps extends ITooltipCommonProps {
     text?: string;
     style?: object;
     separator?: boolean;
@@ -54,11 +55,8 @@ interface IListItemProps {
     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,14 +2,11 @@ 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 _default: {
-    (props: IMenuLinkProps): JSX.Element;
-    displayName: string;
-};
+declare const MenuLink: ({ url, children, disabled, tooltip, tooltipPosition, errorMessage, tooltipWidth, }: IMenuLinkProps) => JSX.Element;
 
-export { _default as default };
+export { MenuLink as default };

package/lib/menus/sidenav/MenuLink.js

@@ -4,26 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
-var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
 const MenuLink = _ref => {
   let {
     url,
     children,
-    targetRef,
-    disabled
+    disabled,
+    tooltip,
+    tooltipPosition,
+    errorMessage,
+    tooltipWidth
   } = _ref;
+  const linkRef = (0, _react.useRef)(null);
   if (url && !disabled) {
-    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
       to: url,
       className: "menulink",
-      ref: r => {
-        if (targetRef) targetRef(r);
-      }
-    }, children);
+      ref: linkRef
+    }, children), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+      targetRef: linkRef,
+      text: tooltip,
+      position: tooltipPosition,
+      width: tooltipWidth,
+      textError: errorMessage
+    }));
   }
   return children;
 };
-var _default = exports.default = (0, _withTooltip.default)(MenuLink);
+var _default = exports.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,14 +2,11 @@ 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 _default: {
-    (props: INavMenuItemProps): JSX.Element;
-    displayName: string;
-};
+declare const NavMenuItem: (props: INavMenuItemProps) => JSX.Element | null;
 
-export { _default as default };
+export { NavMenuItem as default };