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

package/lib/list/Item.js

@@ -1,14 +1,165 @@
-import "../chunks/jsx-runtime.D1SHvdVE.js";
-import "react";
-import "../chunks/compiler-runtime.Cu50tn6L.js";
-import "react-router-dom";
-import "../icons/index.js";
-import { L as u } from "../chunks/tabs.BvKfeA6Y.js";
-import "./helpers.js";
-import "../dropdown/withDropdown.js";
-import "../internals/constants.js";
-import "../internals/withTooltip.js";
-import "../permissionValidations.js";
-export {
-  u as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _icons = _interopRequireDefault(require("../icons"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _helpers = require("./helpers");
+var _withDropdown = require("../dropdown/withDropdown");
+var constants = _interopRequireWildcard(require("../internals/constants"));
+var _permissionValidations = require("../permissionValidations");
+var _tooltip = require("../tooltip");
+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); }
+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); }
+const Item = props => {
+  const {
+    onClick,
+    leftIconName,
+    leftIcon,
+    displayCheckbox,
+    url,
+    leftElement,
+    hovered = true,
+    customClass,
+    text,
+    subText,
+    rightIcon,
+    rightIconName,
+    itemId = '',
+    rightElement,
+    style,
+    children,
+    disabled,
+    separator = true,
+    visible = true,
+    permissionAttr,
+    skeletonize,
+    target,
+    tooltip,
+    tooltipPosition,
+    tooltipWidth,
+    onMouseDown,
+    onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
+  } = props;
+  const {
+    handleSelectItem,
+    selectable,
+    selectedItemId,
+    selectedItemRef,
+    selectOnEnter
+  } = (0, _react.useContext)(_helpers.ListContext);
+  const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
+  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;
+  const disabledIconColor = 'rgb(193, 193, 193)';
+  const getClass = () => "item ".concat(customClass, " ").concat(separator && 'list-separator', " ").concat(shouldDisable() && 'disabled', "\n    ").concat(displayCheckbox && 'list-checkbox');
+  const getIcon = (iconName, icon) => {
+    const noIconDisabledByPermission = !icon && !displayCheckbox && !leftElement && !leftIconName && !leftIcon && onDenied.disabled;
+    if (icon) {
+      return icon;
+    } else if (noIconDisabledByPermission) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "padlock",
+        color: disabledIconColor
+      });
+    } else if (iconName) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: !disabledByPermission ? iconName : 'padlock',
+        color: !disabledByPermission ? '' : disabledIconColor
+      });
+    }
+    return null;
+  };
+  const handleOnSelectItem = e => {
+    if (onClick !== undefined) onClick(e, itemId);
+    if (dropdownContext && dropdownContext.handleDropdownClose) {
+      dropdownContext.handleDropdownClose();
+    }
+    if (selectable) handleSelectItem(itemId, onClick);
+  };
+  const onKeyDown = (0, _react.useCallback)(e => {
+    if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize && itemId && selectedItemId === itemId) {
+      e.preventDefault();
+      handleOnSelectItem(e);
+      if (url) {
+        if (target === '_blank') {
+          var _window$open;
+          (_window$open = window.open(url, '_blank')) === null || _window$open === void 0 ? void 0 : _window$open.focus();
+        } else {
+          navigate(url);
+        }
+      }
+    }
+  }, [url, selectedItemId, itemId]);
+  const getProps = () => {
+    if (shouldDisable()) return undefined;
+    if (onClick === undefined && dropdownContext === undefined && !selectable) return null;
+    return {
+      onClick: event => {
+        handleOnSelectItem(event);
+      },
+      role: 'button',
+      tabIndex: 0
+    };
+  };
+  (0, _react.useEffect)(() => {
+    if (selectOnEnter) document.addEventListener('keydown', onKeyDown);
+    return () => {
+      document.removeEventListener('keydown', onKeyDown);
+    };
+  }, [url, selectedItemId, itemId]);
+  const renderCheckBox = (0, _react.useMemo)(() => {
+    if (!disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+        name: "checkbox"
+      });
+    } else if (disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "padlock"
+      });
+    }
+    return null;
+  }, [disabledByPermission && displayCheckbox]);
+  if (!visible || onDenied.unvisible) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("li", _extends({
+    ref: ref => {
+      itemRef.current = ref;
+      return itemId && selectedItemId === itemId ? selectedItemRef : null;
+    },
+    onMouseDown: onMouseDown,
+    style: style,
+    className: "item-container ".concat(hovered && 'hovered', "\n        ").concat(itemId && selectedItemId === itemId ? '-activedlist' : '')
+  }, getProps(), {
+    key: itemId
+  }), url && !shouldDisable() && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    className: "linkitem",
+    to: url,
+    target: target
+  }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(getClass(), " -icon-left")
+  }, renderCheckBox, leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(getClass())
+  }, text && /*#__PURE__*/_react.default.createElement("p", {
+    className: "".concat(text && 'text')
+  }, text), subText && /*#__PURE__*/_react.default.createElement("p", {
+    className: "".concat(subText && 'subtext')
+  }, subText), children), (rightIconName || rightIcon || rightElement || disabledByPermission) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(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
+  }));
 };
+var _default = exports.default = Item;

package/lib/list/Separator.d.ts

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

package/lib/list/Separator.js

@@ -1,10 +1,12 @@
-import { j as r } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as o } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const m = () => {
-  const e = o.c(1);
-  let t;
-  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ r.jsx("li", { className: "list-separator" }), e[0] = t) : t = e[0], t;
-};
-export {
-  m as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Separator = () => /*#__PURE__*/_react.default.createElement("li", {
+  className: "list-separator"
+});
+var _default = exports.default = Separator;

package/lib/list/helpers.d.ts

@@ -1,9 +1,16 @@
-import { default as React } from 'react';
-import { IListContext } from './types';
-declare const ListContext: React.Context<IListContext>;
+import React__default from 'react';
+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>;
 declare const LIST_ITEMS_TYPES: {
     listHeader: string;
     listItem: string;
     listSeparator: string;
 };
-export { ListContext, LIST_ITEMS_TYPES, };
+
+export { LIST_ITEMS_TYPES, ListContext };

package/lib/list/helpers.js

@@ -1,10 +1,14 @@
-import t from "react";
-const r = t.createContext({}), o = {
-  listHeader: "Header",
-  listItem: "Item",
-  listSeparator: "Separator"
-};
-export {
-  o as LIST_ITEMS_TYPES,
-  r as ListContext
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListContext = exports.LIST_ITEMS_TYPES = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ListContext = exports.ListContext = /*#__PURE__*/_react.default.createContext({});
+const LIST_ITEMS_TYPES = exports.LIST_ITEMS_TYPES = {
+  listHeader: 'Header',
+  listItem: 'Item',
+  listSeparator: 'Separator'
+};

package/lib/list/index.d.ts

@@ -1,7 +1,14 @@
-import { default as ListHeader } from './Header';
-import { default as ListItem } from './Item';
-import { default as ListSeparator } from './Separator';
-import { IListProps } from './types';
-declare const List: (props: IListProps) => import("react/jsx-runtime").JSX.Element;
-export default List;
-export { ListHeader, ListItem, ListSeparator };
+export { default as ListHeader } from './Header.js';
+export { default as ListItem } from './Item.js';
+export { default as ListSeparator } from './Separator.js';
+import { IListProps } from './types.js';
+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;
+
+export { List as default };

package/lib/list/index.js

@@ -1,104 +1,180 @@
-import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useRef as R, useState as h, useEffect as f, Fragment as S } from "react";
-import { default as q } from "./Header.js";
-import { L as _ } from "../chunks/tabs.BvKfeA6Y.js";
-import { keyCodes as m } from "../internals/constants.js";
-import { default as J } from "./Separator.js";
-import { LIST_ITEMS_TYPES as O, ListContext as b } from "./helpers.js";
-import D from "../skeleton/index.js";
-const K = (u) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ListHeader", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function () {
+    return _Item.default;
+  }
+});
+Object.defineProperty(exports, "ListSeparator", {
+  enumerable: true,
+  get: function () {
+    return _Separator.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _Item = _interopRequireDefault(require("./Item"));
+var constants = _interopRequireWildcard(require("../internals/constants"));
+var _Separator = _interopRequireDefault(require("./Separator"));
+require("../assets/styles/list.scss");
+var _helpers = require("./helpers");
+var _skeleton = _interopRequireDefault(require("../skeleton"));
+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 List = props => {
   const {
-    children: t,
-    customClass: E,
-    condensed: L,
-    transparent: j,
-    style: v,
-    selectable: T,
-    onSelectItem: p,
-    skeletonize: c = !1,
-    skeletonHeight: W = 48,
-    skeletonItens: I = 5,
-    selectOnEnter: C = !1
-  } = u, i = R(null), r = R(null), [o, d] = h(""), [s, g] = h([]), [w, x] = h(t), N = {
-    selectable: T,
-    selectOnEnter: C,
-    selectedItemId: o,
-    selectedItemRef: i,
-    children: t,
-    skeletonize: c,
-    handleSelectItem: (e, n) => {
-      !p && n && d(e), p && p(e);
+    children,
+    customClass,
+    condensed,
+    transparent,
+    style,
+    selectable,
+    onSelectItem,
+    skeletonize = false,
+    skeletonHeight = 48,
+    skeletonItens = 5,
+    selectOnEnter = false
+  } = props;
+  const selectedItemRef = (0, _react.useRef)(null);
+  const listRef = (0, _react.useRef)(null);
+  const [selectedItemId, setSelectedItemId] = (0, _react.useState)('');
+  const [itensId, setItensId] = (0, _react.useState)([]);
+  const [newChildren, setNewChildren] = (0, _react.useState)(children);
+  const contextValues = {
+    selectable,
+    selectOnEnter,
+    selectedItemId,
+    selectedItemRef,
+    children,
+    skeletonize,
+    handleSelectItem: (itemId, onClick) => {
+      if (!onSelectItem && onClick) setSelectedItemId(itemId);
+      if (onSelectItem) onSelectItem(itemId);
     }
-  }, k = (e) => {
-    if ([m.ARROW_DOWN, m.ARROW_UP].includes(e.keyCode) && !c) {
-      if (e.preventDefault(), e.keyCode === m.ARROW_DOWN)
-        if (o === s[s.length - 1])
-          d(s[0]);
-        else {
-          const n = s.indexOf(o === "" ? "0" : o);
-          d(s[n + 1]);
+  };
+  const onKeyDown = e => {
+    if ([constants.keyCodes.ARROW_DOWN, constants.keyCodes.ARROW_UP].includes(e.keyCode) && !skeletonize) {
+      e.preventDefault();
+      if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
+        if (selectedItemId === itensId[itensId.length - 1]) {
+          setSelectedItemId(itensId[0]);
+        } else {
+          const index = itensId.indexOf(selectedItemId === '' ? '0' : selectedItemId);
+          setSelectedItemId(itensId[index + 1]);
         }
-      else if (e.keyCode === m.ARROW_UP)
-        if (o === s[0])
-          d(s[s.length - 1]);
-        else {
-          const n = s.indexOf(o);
-          d(s[n - 1]);
+      } else if (e.keyCode === constants.keyCodes.ARROW_UP) {
+        if (selectedItemId === itensId[0]) {
+          setSelectedItemId(itensId[itensId.length - 1]);
+        } else {
+          const index = itensId.indexOf(selectedItemId);
+          setSelectedItemId(itensId[index - 1]);
         }
-      return i.current && i.current.focus();
+      }
+      return selectedItemRef.current && selectedItemRef.current.focus();
     }
     return null;
-  }, y = (e = 1) => {
-    const a = e > I ? 2 : Math.floor(I / e), A = Array.from(Array(a).keys());
-    return /* @__PURE__ */ l.jsx("div", { className: "skeleton-transparency", children: A.map((P) => /* @__PURE__ */ l.jsx(_, { hovered: !1, style: {
-      pointerEvents: "none"
-    }, children: /* @__PURE__ */ l.jsx(D, { height: W, style: {
-      margin: "6px 0"
-    } }) }, P)) });
-  }, B = (e) => e ? Array.isArray(e) && e.length > 0 ? e.map((n) => /* @__PURE__ */ l.jsxs(S, { children: [
-    n,
-    y(e.length)
-  ] }, n.props.title)) : /* @__PURE__ */ l.jsxs(S, { children: [
-    e,
-    y()
-  ] }) : y();
-  return f(() => {
-    if (i.current && r.current && r.current.scroll) {
-      const e = i.current.getBoundingClientRect(), n = r.current.getBoundingClientRect();
-      e.top - e.height > n.bottom ? r.current.scroll({
-        top: e.top
-      }) : e.top + e.height - n.y >= n.height ? r.current.scroll({
-        top: r.current.scrollTop + e.height
-      }) : e.bottom < 100 ? r.current.scroll({
-        top: 0
-      }) : r.current.scroll({
-        top: r.current.scrollTop - e.height
-      });
+  };
+  const getSkeleton = function () {
+    let length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    const maxSkeletonsItensExceeded = 2;
+    const skeletonItensCount = length > skeletonItens ? maxSkeletonsItensExceeded : Math.floor(skeletonItens / length);
+    const skeletonItensList = Array.from(Array(skeletonItensCount).keys());
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "skeleton-transparency"
+    }, skeletonItensList.map(id => /*#__PURE__*/_react.default.createElement(_Item.default, {
+      key: id,
+      hovered: false,
+      style: {
+        pointerEvents: 'none'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+      height: skeletonHeight,
+      style: {
+        margin: '6px 0'
+      }
+    }))));
+  };
+  const getNewChildren = headersChildren => {
+    if (!headersChildren) return getSkeleton();
+    return Array.isArray(headersChildren) && headersChildren.length > 0 ? headersChildren.map(item => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: item.props.title
+    }, item, getSkeleton(headersChildren.length))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, headersChildren, getSkeleton());
+  };
+  (0, _react.useEffect)(() => {
+    if (selectedItemRef.current && listRef.current && listRef.current.scroll) {
+      const selectedItemRect = selectedItemRef.current.getBoundingClientRect();
+      const listRect = listRef.current.getBoundingClientRect();
+      const defaultScrollTop = 0;
+      const defaultBottomOffset = 100;
+      if (selectedItemRect.top - selectedItemRect.height > listRect.bottom) {
+        listRef.current.scroll({
+          top: selectedItemRect.top
+        });
+      } else if (selectedItemRect.top + selectedItemRect.height - listRect.y >= listRect.height) {
+        listRef.current.scroll({
+          top: listRef.current.scrollTop + selectedItemRect.height
+        });
+      } else if (selectedItemRect.bottom < defaultBottomOffset) {
+        listRef.current.scroll({
+          top: defaultScrollTop
+        });
+      } else {
+        listRef.current.scroll({
+          top: listRef.current.scrollTop - selectedItemRect.height
+        });
+      }
     }
-  }, [i.current]), f(() => (c || document.addEventListener("keydown", k), () => {
-    document.removeEventListener("keydown", k);
-  }), [c, o, s]), f(() => {
-    p && u.selectedItemId && d(u.selectedItemId);
-  }, [u.selectedItemId]), f(() => {
-    if (Array.isArray(t) && t.length > 0) {
-      const e = t.map((n) => n.props && n.props.itemId).filter(Boolean);
-      g(e);
-    } else if (!Array.isArray(t) && t.props) {
-      const e = t;
-      e.props.itemId && g([e.props.itemId]);
+  }, [selectedItemRef.current]);
+  (0, _react.useEffect)(() => {
+    if (!skeletonize) document.addEventListener('keydown', onKeyDown);
+    return () => {
+      document.removeEventListener('keydown', onKeyDown);
+    };
+  }, [skeletonize, selectedItemId, itensId]);
+  (0, _react.useEffect)(() => {
+    if (onSelectItem && props.selectedItemId) setSelectedItemId(props.selectedItemId);
+  }, [props.selectedItemId]);
+  (0, _react.useEffect)(() => {
+    if (Array.isArray(children) && children.length > 0) {
+      const newItensIds = children.map(item => item.props && item.props.itemId).filter(Boolean);
+      setItensId(newItensIds);
+    } else if (!Array.isArray(children) && children.props) {
+      const childrenWithProps = children;
+      if (childrenWithProps.props.itemId) setItensId([childrenWithProps.props.itemId]);
     }
-  }, [t]), f(() => {
-    if (c) {
-      let e = null;
-      Array.isArray(t) && t.length > 0 ? e = t.filter((a) => a.type && typeof a.type != "string" && a.type.name === O.listHeader) : Array.isArray(t) || (e = t.type && typeof t.type != "string" && t.type.name === O.listHeader ? t : null), x(B(e));
-    } else
-      x(t);
-  }, [c, t]), /* @__PURE__ */ l.jsx(b.Provider, { value: N, children: /* @__PURE__ */ l.jsx("ul", { "data-testid": "list-component", style: v, ref: r, className: `list-component ${L && "-condensed"}
-        ${E} ${!j && "-listbackground"}`, children: w }) });
-};
-export {
-  q as ListHeader,
-  _ as ListItem,
-  J as ListSeparator,
-  K as default
+  }, [children]);
+  (0, _react.useEffect)(() => {
+    if (skeletonize) {
+      let headersChildren = null;
+      if (Array.isArray(children) && children.length > 0) {
+        const childrenWithType = children;
+        headersChildren = childrenWithType.filter(item => item.type && typeof item.type !== 'string' && item.type.name === _helpers.LIST_ITEMS_TYPES.listHeader);
+      } else if (!Array.isArray(children)) {
+        headersChildren = children.type && typeof children.type !== 'string' && children.type.name === _helpers.LIST_ITEMS_TYPES.listHeader ? children : null;
+      }
+      setNewChildren(getNewChildren(headersChildren));
+    } else {
+      setNewChildren(children);
+    }
+  }, [skeletonize, children]);
+  return /*#__PURE__*/_react.default.createElement(_helpers.ListContext.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    "data-testid": "list-component",
+    style: style,
+    ref: listRef,
+    className: "list-component ".concat(condensed && '-condensed', "\n        ").concat(customClass, " ").concat(!transparent && '-listbackground')
+  }, newChildren));
 };
+var _default = exports.default = List;

package/lib/list/types.d.ts

@@ -1,20 +1,23 @@
-import { ComponentPropsWithoutRef, CSSProperties, ReactElement, ReactNode, Ref } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { IconNames } from '../@types/Icon';
-import { Position } from '../@types/Position';
-export type ItemId = string;
-export interface KeyboardEvent {
+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 '../icons/helper.js';
+import '../@types/Position.js';
+
+type ItemId = string;
+interface KeyboardEvent {
     key: string;
     keyCode: number;
     preventDefault: () => void;
 }
-export interface IListHeaderProps {
+interface IListHeaderProps {
     title?: string;
     style?: object;
     children?: ReactNode;
     customClass?: string;
 }
-export interface IListProps {
+interface IListProps {
     children: ReactElement | ReactElement[];
     transparent?: boolean;
     customClass?: string;
@@ -28,7 +31,7 @@ export interface IListProps {
     skeletonItens?: number;
     selectOnEnter?: boolean;
 }
-export interface IListItemProps {
+interface IListItemProps extends ITooltipCommonProps {
     text?: string;
     style?: object;
     separator?: boolean;
@@ -52,13 +55,10 @@ export 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;
 }
-export interface IListContext {
+interface IListContext {
     selectable: boolean;
     selectedItemId: string;
     selectedItemRef: Ref<HTMLLIElement>;
@@ -67,3 +67,5 @@ export interface IListContext {
     children: ReactNode;
     handleSelectItem: (itemId: string, onClick?: () => void) => void;
 }
+
+export { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };

package/lib/list/types.js

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

package/lib/menus/float/MenuItem.d.ts

@@ -1,3 +1,9 @@
-import { IFloatMenuItemProps } from './types';
-declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-export default MenuItem;
+import { IFloatMenuItemProps } from './types.js';
+import 'react';
+import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => JSX.Element;
+
+export { MenuItem as default };