linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/list/index.js

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

package/lib/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["List","props","children","customClass","condensed","transparent","style","selectable","onSelectItem","skeletonize","skeletonHeight","skeletonItens","selectOnEnter","selectedItemRef","useRef","listRef","selectedItemId","setSelectedItemId","useState","itensId","setItensId","newChildren","setNewChildren","contextValues","handleSelectItem","itemId","onClick","onKeyDown","e","constants","ARROW_DOWN","ARROW_UP","includes","keyCode","preventDefault","length","index","indexOf","current","focus","getSkeleton","skeletonItensCount","maxSkeletonsItensExceeded","Math","floor","skeletonItensList","Array","from","keys","jsx","map","id","ListItem","pointerEvents","Skeleton","margin","getNewChildren","headersChildren","isArray","item","jsxs","Fragment","title","useEffect","scroll","selectedItemRect","getBoundingClientRect","listRect","top","height","bottom","y","scrollTop","defaultScrollTop","document","addEventListener","removeEventListener","newItensIds","filter","Boolean","childrenWithProps","type","name","LIST_ITEMS_TYPES","listHeader","ListContext"],"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,69 +1,56 @@
-"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 _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 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?.handleDropdownClose);
+import { jsx as m, jsxs as z } from "react/jsx-runtime";
+import { c as y } from "../../_virtual/compiler-runtime.js";
+import { useContext as D } from "react";
+import S from "../../_virtual/lodash.js";
+import b from "../../icons/index.js";
+import { WithDropdownContext as g } from "../../dropdown/withDropdown.js";
+import j from "../../buttons/Button.js";
+import '../../assets/styles/button.css';/* empty css                              */
+import E from "./helpers.js";
+const G = (I) => {
+  const o = y.c(24), {
+    title: f,
+    url: p,
+    iconName: u,
+    iconColor: k,
+    iconSize: v,
+    dropdownMenu: c,
+    onClick: e
+  } = I, C = k === void 0 ? "gray" : k, h = v === void 0 ? 24 : v, {
+    customClassMenuItem: M
+  } = D(E), l = D(g);
+  let a;
+  o[0] !== l || o[1] !== e ? (a = () => {
+    if (e) {
+      e(l?.handleDropdownClose);
       return;
     }
-    if (dropdownContext) dropdownContext.handleDropdownClose();
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "floatmenuitem"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${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))));
+    l && l.handleDropdownClose();
+  }, o[0] = l, o[1] = e, o[2] = a) : a = o[2];
+  const w = a, x = `${M} -items`;
+  let t;
+  o[3] !== c || o[4] !== e ? (t = !S.isEmpty(c) && !e && /* @__PURE__ */ m(j, { customClass: "floatmenudropdown", iconName: "more1", transparent: !0, size: "medium", boxShadow: !1, dropdown: !0, showIconDropdown: !1, children: c }), o[3] = c, o[4] = e, o[5] = t) : t = o[5];
+  const N = e ? "pointer" : void 0;
+  let n;
+  o[6] !== N ? (n = {
+    cursor: N
+  }, o[6] = N, o[7] = n) : n = o[7];
+  let r;
+  o[8] !== C || o[9] !== u || o[10] !== h ? (r = /* @__PURE__ */ m("span", { className: "iconcontainer", children: /* @__PURE__ */ m(b, { name: u, size: h, color: C, customClass: "iconmenu" }) }), o[8] = C, o[9] = u, o[10] = h, o[11] = r) : r = o[11];
+  let s;
+  o[12] !== f ? (s = /* @__PURE__ */ m("span", { className: "nameitem", children: f }), o[12] = f, o[13] = s) : s = o[13];
+  let i;
+  o[14] !== w || o[15] !== n || o[16] !== r || o[17] !== s || o[18] !== p ? (i = /* @__PURE__ */ z("a", { className: "floatmenulink", target: "_blank", onClick: w, href: p, style: n, rel: "noreferrer", children: [
+    r,
+    s
+  ] }), o[14] = w, o[15] = n, o[16] = r, o[17] = s, o[18] = p, o[19] = i) : i = o[19];
+  let d;
+  return o[20] !== i || o[21] !== x || o[22] !== t ? (d = /* @__PURE__ */ m("div", { className: "floatmenuitem", children: /* @__PURE__ */ z("div", { className: x, children: [
+    t,
+    i
+  ] }) }), o[20] = i, o[21] = x, o[22] = t, o[23] = d) : d = o[23], d;
 };
-var _default = exports.default = MenuItem;
+export {
+  G as default
+};
+//# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","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"],"names":["MenuItem","t0","$","_c","title","url","iconName","iconColor","t1","iconSize","t2","dropdownMenu","onClick","undefined","customClassMenuItem","useContext","FloatMenuContext","dropdownContext","WithDropdownContext","t3","handleDropdownClose","handleOnClick","t4","t5","_","isEmpty","jsx","Button","t6","t7","cursor","t8","Icon","t9","t10","t11","jsxs"],"mappings":"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"}

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