linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/list/index.js

@@ -1,180 +1,75 @@
-"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,
-    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);
-    }
-  };
-  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 === constants.keyCodes.ARROW_UP) {
-        if (selectedItemId === itensId[0]) {
-          setSelectedItemId(itensId[itensId.length - 1]);
-        } else {
-          const index = itensId.indexOf(selectedItemId);
-          setSelectedItemId(itensId[index - 1]);
-        }
-      }
-      return selectedItemRef.current && selectedItemRef.current.focus();
-    }
-    return null;
-  };
-  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
-        });
-      }
-    }
-  }, [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]);
-    }
-  }, [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));
+import e from "./Header.js";
+import { LIST_ITEMS_TYPES as t, ListContext as n } from "./helpers.js";
+import { keyCodes as r } from "../internals/constants.js";
+import i from "./Item.js";
+import a from "./Separator.js";
+import '../assets/styles/list.css';/* empty css                    */
+import o from "../skeleton/index.js";
+import { Fragment as s, useEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/lib/list/index.tsx
+var p = (e) => {
+	let { children: a, customClass: p, condensed: m, transparent: h, style: g, selectable: _, onSelectItem: v, skeletonize: y = !1, skeletonHeight: b = 48, skeletonItens: x = 5, selectOnEnter: S = !1 } = e, C = l(null), w = l(null), [T, E] = u(""), [D, O] = u([]), [k, A] = u(a), j = {
+		selectable: _,
+		selectOnEnter: S,
+		selectedItemId: T,
+		selectedItemRef: C,
+		children: a,
+		skeletonize: y,
+		handleSelectItem: (e, t) => {
+			!v && t && E(e), v && v(e);
+		}
+	}, M = (e) => [r.ARROW_DOWN, r.ARROW_UP].includes(e.keyCode) && !y ? (e.preventDefault(), e.keyCode === r.ARROW_DOWN ? T === D[D.length - 1] ? E(D[0]) : E(D[D.indexOf(T === "" ? "0" : T) + 1]) : e.keyCode === r.ARROW_UP && (T === D[0] ? E(D[D.length - 1]) : E(D[D.indexOf(T) - 1])), C.current && C.current.focus()) : null, N = (e = 1) => {
+		let t = e > x ? 2 : Math.floor(x / e);
+		return /* @__PURE__ */ d("div", {
+			className: "skeleton-transparency",
+			children: Array.from(Array(t).keys()).map((e) => /* @__PURE__ */ d(i, {
+				hovered: !1,
+				style: { pointerEvents: "none" },
+				children: /* @__PURE__ */ d(o, {
+					height: b,
+					style: { margin: "6px 0" }
+				})
+			}, e))
+		});
+	}, P = (e) => e ? Array.isArray(e) && e.length > 0 ? e.map((t) => /* @__PURE__ */ f(s, { children: [t, N(e.length)] }, t.props.title)) : /* @__PURE__ */ f(s, { children: [e, N()] }) : N();
+	return c(() => {
+		if (C.current && w.current && w.current.scroll) {
+			let e = C.current.getBoundingClientRect(), t = w.current.getBoundingClientRect();
+			e.top - e.height > t.bottom ? w.current.scroll({ top: e.top }) : e.top + e.height - t.y >= t.height ? w.current.scroll({ top: w.current.scrollTop + e.height }) : e.bottom < 100 ? w.current.scroll({ top: 0 }) : w.current.scroll({ top: w.current.scrollTop - e.height });
+		}
+	}, [C.current]), c(() => (y || document.addEventListener("keydown", M), () => {
+		document.removeEventListener("keydown", M);
+	}), [
+		y,
+		T,
+		D
+	]), c(() => {
+		v && e.selectedItemId && E(e.selectedItemId);
+	}, [e.selectedItemId]), c(() => {
+		if (Array.isArray(a) && a.length > 0) O(a.map((e) => e.props && e.props.itemId).filter(Boolean));
+		else if (!Array.isArray(a) && a.props) {
+			let e = a;
+			e.props.itemId && O([e.props.itemId]);
+		}
+	}, [a]), c(() => {
+		if (y) {
+			let e = null;
+			Array.isArray(a) && a.length > 0 ? e = a.filter((e) => e.type && typeof e.type != "string" && e.type.name === t.listHeader) : Array.isArray(a) || (e = a.type && typeof a.type != "string" && a.type.name === t.listHeader ? a : null), A(P(e));
+		} else A(a);
+	}, [y, a]), /* @__PURE__ */ d(n.Provider, {
+		value: j,
+		children: /* @__PURE__ */ d("ul", {
+			"data-testid": "list-component",
+			style: g,
+			ref: w,
+			className: `list-component ${m && "-condensed"}
+        ${p} ${!h && "-listbackground"}`,
+			children: k
+		})
+	});
 };
-var _default = exports.default = List;
+//#endregion
+export { e as ListHeader, i as ListItem, a as ListSeparator, p as default };
+
+//# sourceMappingURL=index.js.map

package/lib/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/list/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ReactElement, Fragment, MouseEventHandler } from 'react';\nimport ListHeader from './Header';\nimport ListItem from './Item';\nimport * as constants from '../internals/constants';\nimport ListSeparator from './Separator';\nimport '../assets/styles/list.scss';\nimport { ListContext, LIST_ITEMS_TYPES } from './helpers';\nimport { IListContext, IListProps, ItemId } from './types';\nimport Skeleton from '../skeleton';\n\nconst List = (props: IListProps) => {\n  const {\n    children, customClass, condensed, transparent, style, selectable, onSelectItem,\n    skeletonize = false, skeletonHeight = 48, skeletonItens = 5, selectOnEnter = false,\n  } = props;\n  const selectedItemRef = useRef< HTMLLIElement | null>(null);\n  const listRef = useRef<HTMLUListElement | null>(null);\n  const [selectedItemId, setSelectedItemId] = useState<string>('');\n  const [itensId, setItensId] = useState<ItemId[]>([]);\n  const [newChildren, setNewChildren] = useState(children);\n\n  const contextValues = {\n    selectable,\n    selectOnEnter,\n    selectedItemId,\n    selectedItemRef,\n    children,\n    skeletonize,\n    handleSelectItem: (itemId: string, onClick?: MouseEventHandler) => {\n      if (!onSelectItem && onClick) setSelectedItemId(itemId);\n      if (onSelectItem) onSelectItem(itemId);\n    },\n  } as IListContext;\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if ([constants.keyCodes.ARROW_DOWN, constants.keyCodes.ARROW_UP].includes(e.keyCode)\n      && !skeletonize) {\n      e.preventDefault();\n      if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n        if (selectedItemId === itensId[itensId.length - 1]) {\n          setSelectedItemId(itensId[0]);\n        } else {\n          const index = itensId.indexOf(selectedItemId === '' ? '0' : selectedItemId);\n          setSelectedItemId(itensId[index + 1]);\n        }\n      } else if (e.keyCode === constants.keyCodes.ARROW_UP) {\n        if (selectedItemId === itensId[0]) {\n          setSelectedItemId(itensId[itensId.length - 1]);\n        } else {\n          const index = itensId.indexOf(selectedItemId);\n          setSelectedItemId(itensId[index - 1]);\n        }\n      }\n      return selectedItemRef.current && selectedItemRef.current.focus();\n    }\n    return null;\n  };\n\n  const getSkeleton = (length = 1) => {\n    const maxSkeletonsItensExceeded = 2;\n    const skeletonItensCount = length > skeletonItens ?\n      maxSkeletonsItensExceeded\n      : Math.floor(skeletonItens / length);\n    const skeletonItensList = Array.from(Array(skeletonItensCount).keys());\n\n    return (\n      <div className=\"skeleton-transparency\">\n        {skeletonItensList.map(id => (\n          <ListItem key={id} hovered={false} style={{ pointerEvents: 'none' }}>\n            <Skeleton height={skeletonHeight} style={{ margin: '6px 0' }} />\n          </ListItem>\n        ))}\n      </div>\n    );\n  };\n\n  const getNewChildren = (headersChildren: ReactElement | ReactElement[] | null) => {\n    if (!headersChildren) return getSkeleton();\n\n    return (\n      Array.isArray(headersChildren) && headersChildren.length > 0 ?\n          headersChildren.map((item: any) => (\n            <Fragment key={item.props.title}>\n              {item}\n              {getSkeleton(headersChildren.length)}\n            </Fragment>\n          ))\n        : (\n          <Fragment>\n            {headersChildren}\n            {getSkeleton()}\n          </Fragment>\n          )\n    );\n  };\n\n  useEffect(() => {\n    if (selectedItemRef.current && listRef.current && listRef.current.scroll) {\n      const selectedItemRect = selectedItemRef.current.getBoundingClientRect();\n      const listRect = listRef.current.getBoundingClientRect();\n      const defaultScrollTop = 0;\n      const defaultBottomOffset = 100;\n\n      if (selectedItemRect.top - selectedItemRect.height > listRect.bottom) {\n        listRef.current.scroll({ top: selectedItemRect.top });\n      } else if ((selectedItemRect.top + selectedItemRect.height) - listRect.y >= listRect.height) {\n        listRef.current.scroll({ top: listRef.current.scrollTop + selectedItemRect.height });\n      } else if (selectedItemRect.bottom < defaultBottomOffset) {\n        listRef.current.scroll({ top: defaultScrollTop });\n      } else {\n        listRef.current.scroll({ top: listRef.current.scrollTop - selectedItemRect.height });\n      }\n    }\n  }, [selectedItemRef.current]);\n\n  useEffect(() => {\n    if (!skeletonize) document.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, [skeletonize, selectedItemId, itensId]);\n\n  useEffect(() => {\n    if (onSelectItem && props.selectedItemId) setSelectedItemId(props.selectedItemId);\n  }, [props.selectedItemId]);\n\n  useEffect(() => {\n    if (Array.isArray(children) && children.length > 0) {\n      const newItensIds: ItemId[] = children.map((item: any) =>\n        item.props && item.props.itemId).filter(Boolean);\n      setItensId(newItensIds);\n    } else if (!Array.isArray(children) && children.props) {\n      const childrenWithProps = children as ReactElement<{ itemId?: string }>;\n      if (childrenWithProps.props.itemId) setItensId([childrenWithProps.props.itemId]);\n    }\n  }, [children]);\n\n  useEffect(() => {\n    if (skeletonize) {\n      let headersChildren: ReactElement | ReactElement[] | null = null;\n      if (Array.isArray(children) && children.length > 0) {\n        const childrenWithType = children as ReactElement[];\n        headersChildren = childrenWithType.filter((item: ReactElement) => item.type &&\n          typeof item.type !== 'string' && item.type.name === LIST_ITEMS_TYPES.listHeader);\n      } else if (!Array.isArray(children)) {\n        headersChildren = children.type && typeof children.type !== 'string' &&\n          children.type.name === LIST_ITEMS_TYPES.listHeader\n          ? children\n          : null;\n      }\n      setNewChildren(getNewChildren(headersChildren));\n    } else {\n      setNewChildren(children);\n    }\n  }, [skeletonize, children]);\n\n  return (\n    <ListContext.Provider value={contextValues}>\n      <ul\n        data-testid=\"list-component\"\n        style={style}\n        ref={listRef}\n        className={`list-component ${condensed && '-condensed'}\n        ${customClass} ${!transparent && '-listbackground'}`}>\n        {newChildren}\n      </ul>\n    </ListContext.Provider>\n  );\n};\n\nexport default List;\nexport { ListHeader, ListItem, ListSeparator };\n"],"mappings":"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"}

package/lib/list/types.d.ts

@@ -1,23 +1,20 @@
-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 {
+import { ComponentPropsWithoutRef, CSSProperties, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { IconNames } from '../@types/Icon';
+import { ITooltipCommonProps } from '../tooltip/types';
+export type ItemId = string;
+export interface KeyboardEvent {
     key: string;
     keyCode: number;
     preventDefault: () => void;
 }
-interface IListHeaderProps {
+export interface IListHeaderProps {
     title?: string;
     style?: object;
     children?: ReactNode;
     customClass?: string;
 }
-interface IListProps {
+export interface IListProps {
     children: ReactElement | ReactElement[];
     transparent?: boolean;
     customClass?: string;
@@ -31,7 +28,7 @@ interface IListProps {
     skeletonItens?: number;
     selectOnEnter?: boolean;
 }
-interface IListItemProps extends ITooltipCommonProps {
+export interface IListItemProps extends ITooltipCommonProps {
     text?: string;
     style?: object;
     separator?: boolean;
@@ -43,7 +40,7 @@ interface IListItemProps extends ITooltipCommonProps {
     rightElement?: ReactElement;
     leftIcon?: ReactElement;
     rightIcon?: ReactElement;
-    onClick?: (event?: React.MouseEvent<HTMLLIElement, MouseEvent> | KeyboardEvent, itemId?: string) => void;
+    onClick?: (event?: MouseEvent<HTMLLIElement> | KeyboardEvent, itemId?: string) => void;
     leftIconName?: IconNames;
     rightIconName?: IconNames;
     customClass?: string;
@@ -56,9 +53,9 @@ interface IListItemProps extends ITooltipCommonProps {
     selectOnEnter?: boolean;
     skeletonize?: boolean;
     onDeniedText?: string;
-    onMouseDown?: (event?: React.MouseEvent<HTMLLIElement>) => void;
+    onMouseDown?: (event?: MouseEvent<HTMLLIElement>) => void;
 }
-interface IListContext {
+export interface IListContext {
     selectable: boolean;
     selectedItemId: string;
     selectedItemRef: Ref<HTMLLIElement>;
@@ -67,5 +64,3 @@ interface IListContext {
     children: ReactNode;
     handleSelectItem: (itemId: string, onClick?: () => void) => void;
 }
-
-export { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };

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

@@ -1,9 +1,3 @@
-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 };
+import { IFloatMenuItemProps } from './types';
+declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/lib/menus/float/MenuItem.js

@@ -1,68 +1,60 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var _withDropdown = require("../../dropdown/withDropdown");
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-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 MenuItem = _ref => {
-  let {
-    title,
-    url,
-    iconName,
-    iconColor = 'gray',
-    iconSize = 24,
-    dropdownMenu,
-    onClick
-  } = _ref;
-  const {
-    customClassMenuItem
-  } = (0, _react.useContext)(_helpers.default);
-  const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-  const handleOnClick = () => {
-    if (onClick) {
-      onClick(dropdownContext === null || dropdownContext === void 0 ? void 0 : dropdownContext.handleDropdownClose);
-      return;
-    }
-    if (dropdownContext) dropdownContext.handleDropdownClose();
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "floatmenuitem"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(customClassMenuItem, " -items")
-  }, !_lodash.default.isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    customClass: "floatmenudropdown",
-    iconName: "more1",
-    transparent: true,
-    size: "medium",
-    boxShadow: false,
-    dropdown: true,
-    showIconDropdown: false
-  }, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
-    className: "floatmenulink",
-    target: "_blank",
-    onClick: handleOnClick,
-    href: url,
-    style: {
-      cursor: onClick ? 'pointer' : undefined
-    },
-    rel: "noreferrer"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "iconcontainer"
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: iconName,
-    size: iconSize,
-    color: iconColor,
-    customClass: "iconmenu"
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: "nameitem"
-  }, title))));
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../../node_modules/react/compiler-runtime.js";
+import n from "../../icons/index.js";
+import { require_lodash as r } from "../../node_modules/lodash/lodash.js";
+import { WithDropdownContext as i } from "../../dropdown/withDropdown.js";
+import a from "../../buttons/index.js";
+import o from "./helpers.js";
+import { useContext as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/lib/menus/float/MenuItem.tsx
+var u = t(), d = /* @__PURE__ */ e(r(), 1), f = (e) => {
+	let t = (0, u.c)(13), { title: r, url: f, iconName: p, iconColor: m, iconSize: h, dropdownMenu: g, onClick: _ } = e, v = m === void 0 ? "gray" : m, y = h === void 0 ? 24 : h, { customClassMenuItem: b } = s(o), x = s(i), S;
+	t[0] !== x || t[1] !== _ ? (S = () => {
+		if (_) {
+			_(x?.handleDropdownClose);
+			return;
+		}
+		x && x.handleDropdownClose();
+	}, t[0] = x, t[1] = _, t[2] = S) : S = t[2];
+	let C = S, w;
+	return t[3] !== b || t[4] !== g || t[5] !== C || t[6] !== v || t[7] !== p || t[8] !== y || t[9] !== _ || t[10] !== r || t[11] !== f ? (w = c("div", {
+		className: "floatmenuitem",
+		children: l("div", {
+			className: `${b} -items`,
+			children: [!d.default.isEmpty(g) && !_ && c(a, {
+				customClass: "floatmenudropdown",
+				iconName: "more1",
+				transparent: !0,
+				size: "medium",
+				boxShadow: !1,
+				dropdown: !0,
+				showIconDropdown: !1,
+				children: g
+			}), l("a", {
+				className: "floatmenulink",
+				target: "_blank",
+				onClick: C,
+				href: f,
+				style: { cursor: _ ? "pointer" : void 0 },
+				rel: "noreferrer",
+				children: [c("span", {
+					className: "iconcontainer",
+					children: c(n, {
+						name: p,
+						size: y,
+						color: v,
+						customClass: "iconmenu"
+					})
+				}), c("span", {
+					className: "nameitem",
+					children: r
+				})]
+			})]
+		})
+	}), t[3] = b, t[4] = g, t[5] = C, t[6] = v, t[7] = p, t[8] = y, t[9] = _, t[10] = r, t[11] = f, t[12] = w) : w = t[12], w;
 };
-var _default = exports.default = MenuItem;
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=MenuItem.js.map

package/lib/menus/float/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","names":[],"sources":["../../../src/lib/menus/float/MenuItem.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport _ from 'lodash';\nimport Icon from '../../icons';\nimport { WithDropdownContext } from '../../dropdown/withDropdown';\nimport Button from '../../buttons';\nimport FloatMenuContext from './helpers';\nimport { IFloatMenuItemProps } from './types';\n\nconst MenuItem = ({\n  title, url, iconName, iconColor = 'gray', iconSize = 24, dropdownMenu, onClick,\n}: IFloatMenuItemProps) => {\n  const { customClassMenuItem } = useContext(FloatMenuContext);\n  const dropdownContext = useContext(WithDropdownContext);\n\n  const handleOnClick = () => {\n    if (onClick) {\n      onClick(dropdownContext?.handleDropdownClose);\n      return;\n    }\n    if (dropdownContext) dropdownContext.handleDropdownClose();\n  };\n\n  return (\n    <div className=\"floatmenuitem\">\n      <div className={`${customClassMenuItem} -items`}>\n        {!_.isEmpty(dropdownMenu) && !onClick && (\n          <Button\n            customClass=\"floatmenudropdown\"\n            iconName=\"more1\"\n            transparent\n            size=\"medium\"\n            boxShadow={false}\n            dropdown\n            showIconDropdown={false}>\n            {dropdownMenu}\n          </Button>\n        )}\n        <a\n          className=\"floatmenulink\"\n          target=\"_blank\"\n          onClick={handleOnClick}\n          href={url}\n          style={{ cursor: onClick ? 'pointer' : undefined }}\n          rel=\"noreferrer\">\n          <span className=\"iconcontainer\">\n            <Icon name={iconName} size={iconSize} color={iconColor} customClass=\"iconmenu\" />\n          </span>\n          <span className=\"nameitem\">{title}</span>\n        </a>\n      </div>\n    </div>\n  );\n};\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;4CAQM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAY,EAAA,UAAA,QAAA,aAAA,WAAA,GAAA,UAAA,GAAA,iBAAA,eAAA,GACM,IAAA,MAAA,KAAA,IAAA,SAAA,GAAoB,IAAA,MAAA,KAAA,IAAA,KAAA,GAE1C,EAAA,2BAAgC,EAAW,EAAiB,EAC5D,IAAwB,EAAW,EAAoB,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEjD,UAAA;AACJ,MAAI,GAAA;AACF,KAAQ,GAAA,oBAAqC;AAAA;;AAG/C,EAAI,KAAiB,EAAA,qBAAqC;;CAL5D,IAAA,IAAM;AAoCE,wIA3BN,IAAA,EAAC,OAAD;EAAA,WAAe;EAAA,UACb,EAAC,OAAD;GAAA,WAAgB,GAAG,EAAA;GAAoB,UAAvC,CACG,CAAC,EAAA,QAAA,QAAU,EAAkB,IAA7B,CAA6B,KAC5B,EAAC,GAAD;IAAA,aACc;IAAA,UACH;IAAA,aACT;IAAA,MACK;IAAA,WACM;IAAA,UACX;IAAA,kBACkB;IAAA,UACjB;IACM,CAAA,EAEX,EAAC,KAAD;IAAA,WACY;IAAA,QACH;IAAA,SACE;IAAA,MACH;IAAA,OACC,EAAA,QAAU,IAAA,YAAA,KAAA,GAAiC;IAAA,KAC9C;IAAA,UANN,CAOE,EAAC,QAAD;KAAA,WAAgB;KAAA,UACd,EAAC,GAAD;MAAA,MAAY;MAAA,MAAgB;MAAA,OAAiB;MAAA,aAAuB;MAAa,CAAA;KAC5E,CAAA,EACP,EAAC,QAAD;KAAA,WAAgB;KAAA,UAAY;KAAa,CAAA,CAAA;;;EAGzC,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA3BN"}

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

@@ -0,0 +1,29 @@
+export default SubMenuContainer;
+declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
+    title: any;
+    customClass: any;
+    handlerGoBack: any;
+    skeletonize: any;
+    skeletonQtty: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SubMenuContainer {
+    namespace propTypes {
+        let children: any;
+        let handlerGoBack: any;
+        let title: any;
+        let customClass: any;
+        let skeletonize: any;
+        let skeletonQtty: any;
+    }
+    namespace defaultProps {
+        let title_1: undefined;
+        export { title_1 as title };
+        let customClass_1: undefined;
+        export { customClass_1 as customClass };
+        let skeletonize_1: boolean;
+        export { skeletonize_1 as skeletonize };
+        let skeletonQtty_1: number;
+        export { skeletonQtty_1 as skeletonQtty };
+    }
+}