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

package/lib/menus/sidenav/index.js

@@ -1,183 +1,97 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ExpandedMenu", {
-  enumerable: true,
-  get: function () {
-    return _ExpandMenu.default;
-  }
-});
-Object.defineProperty(exports, "NavMenuGroup", {
-  enumerable: true,
-  get: function () {
-    return _NavMenuGroup.default;
-  }
-});
-Object.defineProperty(exports, "NavMenuItem", {
-  enumerable: true,
-  get: function () {
-    return _NavMenuItem.default;
-  }
-});
-Object.defineProperty(exports, "NavSubMenuItem", {
-  enumerable: true,
-  get: function () {
-    return _NavSubMenuItem.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var uuid = _interopRequireWildcard(require("uuid"));
-var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
-var _NavSubMenuItem = _interopRequireDefault(require("./NavSubMenuItem"));
-var _NavMenuGroup = _interopRequireDefault(require("./NavMenuGroup"));
-var _ExpandMenu = _interopRequireDefault(require("./ExpandMenu"));
-require("../../assets/styles/sidenav.scss");
-var _helpers = require("./helpers");
-var _icons = _interopRequireDefault(require("../../icons"));
-var constants = _interopRequireWildcard(require("../../internals/constants"));
-var _popup_menu_search = _interopRequireDefault(require("./popup_menu_search"));
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const SideNav = props => {
-  const {
-    customClass,
-    showExpandMenu,
-    expandMenuCustomClass,
-    expanded = true,
-    menuSize = 'medium',
-    onExpandMenuClick,
-    children,
-    enableMenuSearch,
-    menuSearchCustomComponent
-  } = props;
-  const [isExpanded, setIsExpanded] = (0, _react.useState)(expanded);
-  const [menuItemsContent, setMenuItemsContent] = (0, _react.useState)([]);
-  const [sideNavDimensions, setSideNavDimensions] = (0, _react.useState)({});
-  const [openSearchMenuPopup, setOpenSearchMenuPopup] = (0, _react.useState)(false);
-  const sideNavRef = (0, _react.useRef)(null);
-  const onHeaderClick = () => {
-    setIsExpanded(!isExpanded);
-    if (onExpandMenuClick) onExpandMenuClick(!isExpanded);
-  };
-  const getPopupMenuSearchStyle = () => {
-    const {
-      left,
-      top,
-      width,
-      height
-    } = sideNavDimensions;
-    const style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
-    return style;
-  };
-  const closeSearchMenuPopup = () => {
-    setOpenSearchMenuPopup(false);
-  };
-  const compareChild = child => {
-    const {
-      type
-    } = child;
-    if ((type === _NavMenuItem.default || type === _NavSubMenuItem.default) && !child.props.children) {
-      setMenuItemsContent(prevState => [...prevState, {
-        id: child.props.id || "".concat(child.props.title, "-").concat(uuid.v1()),
-        content: child.props.title,
-        url: child.props.url
-      }]);
-    }
-  };
-  const scanChildrenContent = childrenProps => {
-    if (Array.isArray(childrenProps)) {
-      childrenProps.forEach(child => {
-        if (child) {
-          compareChild(child);
-          if (child.props && child.props.children) scanChildrenContent(child.props.children);
-        }
-      });
-    } else if (childrenProps) {
-      compareChild(childrenProps);
-      if (childrenProps.props && childrenProps.props.children) scanChildrenContent(childrenProps.props.children);
-    }
-  };
-  const openSearchMenu = () => {
-    setOpenSearchMenuPopup(true);
-  };
-  const onKeyDown = e => {
-    if ([constants.keyCodes.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey) {
-      e.preventDefault();
-      openSearchMenu();
-    }
-  };
-  (0, _react.useEffect)(() => {
-    document.addEventListener('keydown', onKeyDown);
-    return () => {
-      document.removeEventListener('keydown', onKeyDown);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (enableMenuSearch && sideNavRef && sideNavRef.current) {
-      setSideNavDimensions(sideNavRef.current.getBoundingClientRect());
-    }
-    if (enableMenuSearch) scanChildrenContent(children);
-  }, []);
-  (0, _react.useEffect)(() => {
-    setIsExpanded(expanded);
-  }, [expanded]);
-  const returnMenuItems = () => menuItemsContent.filter(item => item.content !== '');
-  const getPopupMenuSearch = () => {
-    const searchProps = _objectSpread(_objectSpread({}, props), {}, {
-      style: getPopupMenuSearchStyle(),
-      handlerClose: closeSearchMenuPopup,
-      menuItemsContent: menuItemsContent && returnMenuItems()
-    });
-    return /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
-      key: "popup-menusearch-".concat(uuid.v1())
-    }, /*#__PURE__*/_react.default.createElement(_NavMenuItem.default, {
-      childrenIsSubMenu: false,
-      customClass: "-customsidenavitem",
-      tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
-      tooltipPosition: "right"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      key: "searchMenuIcon",
-      className: "searchmenubutton",
-      role: "button",
-      tabIndex: -1,
-      onKeyDown: () => {},
-      onClick: () => {
-        openSearchMenu();
-      }
-    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: "search",
-      customClass: "searchmenuicon",
-      size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32 || 16
-    })), openSearchMenuPopup && (menuSearchCustomComponent ? menuSearchCustomComponent(searchProps) : /*#__PURE__*/_react.default.createElement(_popup_menu_search.default, searchProps))));
-  };
-  const getSideNavContent = () => {
-    if (!enableMenuSearch) return children;
-    const items = [...children];
-    items.splice(1, 0, getPopupMenuSearch());
-    return items;
-  };
-  const contextValues = {
-    isExpanded,
-    menuSize,
-    openSearchMenuPopup
-  };
-  return /*#__PURE__*/_react.default.createElement(_helpers.SideNavContext.Provider, {
-    value: contextValues
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sidenav-component ".concat(isExpanded ? '-expanded' : '', " ").concat(openSearchMenuPopup ? '-blocked' : '', " ").concat(customClass),
-    ref: sideNavRef
-  }, showExpandMenu && /*#__PURE__*/_react.default.createElement(_ExpandMenu.default, {
-    expandMenuCustomClass: "".concat(isExpanded && 'closefromexpanded', " ").concat(expandMenuCustomClass),
-    onExpandMenu: onHeaderClick,
-    iconName: isExpanded ? 'arrow_left' : 'arrow_right'
-  }), getSideNavContent()));
+import e from "../../node_modules/uuid/dist/v1.js";
+import t from "../../icons/index.js";
+import { keyCodes as n } from "../../internals/constants.js";
+import { SideNavContext as r } from "./helpers.js";
+import i from "./NavMenuItem.js";
+import a from "./NavSubMenuItem.js";
+import o from "./NavMenuGroup.js";
+import s from "./ExpandMenu.js";
+import '../../assets/styles/sidenav.css';/* empty css                          */
+import c from "./popup_menu_search/index.js";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/lib/menus/sidenav/index.tsx
+var m = (m) => {
+	let { customClass: h, showExpandMenu: g, expandMenuCustomClass: _, expanded: v = !0, menuSize: y = "medium", onExpandMenuClick: b, children: x, enableMenuSearch: S, menuSearchCustomComponent: C } = m, [w, T] = d(v), [E, D] = d([]), [O, k] = d({}), [A, j] = d(!1), M = u(null), N = () => {
+		T(!w), b && b(!w);
+	}, P = () => {
+		let { left: e, top: t, width: n, height: r } = O;
+		return `left: ${e + n + 5}px; top: ${t + 1}px; height: ${r - 8}px;`;
+	}, F = () => {
+		j(!1);
+	}, I = (t) => {
+		let { type: n } = t;
+		(n === i || n === a) && !t.props.children && D((n) => [...n, {
+			id: t.props.id || `${t.props.title}-${e()}`,
+			content: t.props.title,
+			url: t.props.url
+		}]);
+	}, L = (e) => {
+		Array.isArray(e) ? e.forEach((e) => {
+			e && (I(e), e.props && e.props.children && L(e.props.children));
+		}) : e && (I(e), e.props && e.props.children && L(e.props.children));
+	}, R = () => {
+		j(!0);
+	}, z = (e) => {
+		[n.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey && (e.preventDefault(), R());
+	};
+	l(() => (document.addEventListener("keydown", z), () => {
+		document.removeEventListener("keydown", z);
+	}), []), l(() => {
+		S && M && M.current && k(M.current.getBoundingClientRect()), S && L(x);
+	}, []), l(() => {
+		T(v);
+	}, [v]);
+	let B = () => E.filter((e) => e.content !== ""), V = () => {
+		let n = {
+			...m,
+			style: P(),
+			handlerClose: F,
+			menuItemsContent: E && B()
+		};
+		return /* @__PURE__ */ f(o, { children: /* @__PURE__ */ p(i, {
+			childrenIsSubMenu: !1,
+			customClass: "-customsidenavitem",
+			tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
+			tooltipPosition: "right",
+			children: [/* @__PURE__ */ f("div", {
+				className: "searchmenubutton",
+				role: "button",
+				tabIndex: -1,
+				onKeyDown: () => {},
+				onClick: () => {
+					R();
+				},
+				children: /* @__PURE__ */ f(t, {
+					name: "search",
+					customClass: "searchmenuicon",
+					size: y === "small" && 16 || y === "medium" && 22 || y === "large" && 32 || 16
+				})
+			}, "searchMenuIcon"), A && (C ? C(n) : /* @__PURE__ */ f(c, { ...n }))]
+		}) }, `popup-menusearch-${e()}`);
+	}, H = () => {
+		if (!S) return x;
+		let e = [...x];
+		return e.splice(1, 0, V()), e;
+	}, U = {
+		isExpanded: w,
+		menuSize: y,
+		openSearchMenuPopup: A
+	};
+	return /* @__PURE__ */ f(r.Provider, {
+		value: U,
+		children: /* @__PURE__ */ p("div", {
+			className: `sidenav-component ${w ? "-expanded" : ""} ${A ? "-blocked" : ""} ${h}`,
+			ref: M,
+			children: [g && /* @__PURE__ */ f(s, {
+				expandMenuCustomClass: `${w && "closefromexpanded"} ${_}`,
+				onExpandMenu: N,
+				iconName: w ? "arrow_left" : "arrow_right"
+			}), H()]
+		})
+	});
 };
-var _default = exports.default = SideNav;
+//#endregion
+export { s as ExpandedMenu, o as NavMenuGroup, i as NavMenuItem, a as NavSubMenuItem, m as default };
+
+//# sourceMappingURL=index.js.map

package/lib/menus/sidenav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/menus/sidenav/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ReactElement, ReactNode } from 'react';\nimport * as uuid from 'uuid';\nimport NavMenuItem from './NavMenuItem';\nimport NavSubMenuItem from './NavSubMenuItem';\nimport NavMenuGroup from './NavMenuGroup';\nimport ExpandedMenu from './ExpandMenu';\nimport '../../assets/styles/sidenav.scss';\nimport { SideNavContext } from './helpers';\nimport Icon from '../../icons';\nimport * as constants from '../../internals/constants';\nimport PopupMenuSearch from './popup_menu_search';\nimport { IMenuItemContent, ISideNavContext, ISideNavDimensions, ISideNavProps } from './types';\n\nconst SideNav = (props: ISideNavProps) => {\n  const {\n    customClass, showExpandMenu, expandMenuCustomClass, expanded = true, menuSize = 'medium',\n    onExpandMenuClick, children, enableMenuSearch, menuSearchCustomComponent,\n  } = props;\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const [menuItemsContent, setMenuItemsContent] = useState<IMenuItemContent[]>([]);\n  const [sideNavDimensions, setSideNavDimensions] =\n    useState<ISideNavDimensions>({} as ISideNavDimensions);\n  const [openSearchMenuPopup, setOpenSearchMenuPopup] = useState(false);\n  const sideNavRef = useRef<HTMLDivElement | null>(null);\n\n  const onHeaderClick = () => {\n    setIsExpanded(!isExpanded);\n    if (onExpandMenuClick) onExpandMenuClick(!isExpanded);\n  };\n\n  const getPopupMenuSearchStyle = () => {\n    const { left, top, width, height } = sideNavDimensions;\n    const style = `left: ${left + width + 5}px; top: ${top + 1}px; height: ${height - 8}px;`;\n    return style;\n  };\n\n  const closeSearchMenuPopup = () => {\n    setOpenSearchMenuPopup(false);\n  };\n\n  const compareChild = (child: any) => {\n    const { type } = child;\n    if ((type === NavMenuItem || type === NavSubMenuItem) && !child.props.children) {\n      setMenuItemsContent(prevState => [...prevState, {\n        id: child.props.id || `${child.props.title}-${uuid.v1()}`,\n        content: child.props.title,\n        url: child.props.url,\n      }]);\n    }\n  };\n\n  const scanChildrenContent = (childrenProps: any) => {\n    if (Array.isArray(childrenProps)) {\n      childrenProps.forEach((child) => {\n        if (child) {\n          compareChild(child);\n          if (child.props && child.props.children) scanChildrenContent(child.props.children);\n        }\n      });\n    } else if (childrenProps) {\n      compareChild(childrenProps);\n      if (childrenProps.props && childrenProps.props.children) \n        scanChildrenContent(childrenProps.props.children);\n    }\n  };\n\n  const openSearchMenu = () => {\n    setOpenSearchMenuPopup(true);\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if ([constants.keyCodes.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey) {\n      e.preventDefault();\n      openSearchMenu();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (enableMenuSearch && sideNavRef && sideNavRef.current) {\n      setSideNavDimensions(sideNavRef.current.getBoundingClientRect());\n    }\n    if (enableMenuSearch) scanChildrenContent(children as ReactElement);\n  }, []);\n\n  useEffect(() => {\n    setIsExpanded(expanded);\n  }, [expanded]);\n\n  const returnMenuItems = () => menuItemsContent.filter(item => item.content !== '');\n\n  const getPopupMenuSearch = () => {\n    const searchProps = {\n      ...props,\n      style: getPopupMenuSearchStyle(),\n      handlerClose: closeSearchMenuPopup,\n      menuItemsContent: menuItemsContent && returnMenuItems(),\n    };\n\n    return (\n      <NavMenuGroup key={`popup-menusearch-${uuid.v1()}`}>\n        <NavMenuItem\n          childrenIsSubMenu={false}\n          customClass=\"-customsidenavitem\"\n          tooltip=\"Pesquisar funcionalidades (CTRL+SHIFT+F)\"\n          tooltipPosition=\"right\">\n          <div\n            key=\"searchMenuIcon\"\n            className=\"searchmenubutton\"\n            role=\"button\"\n            tabIndex={-1}\n            onKeyDown={() => {}}\n            onClick={() => { openSearchMenu(); }}>\n            <Icon\n              name=\"search\"\n              customClass=\"searchmenuicon\"\n              size={\n                (menuSize === 'small' && 16) ||\n                (menuSize === 'medium' && 22) ||\n                (menuSize === 'large' && 32) || 16\n              } />\n          </div>\n          {openSearchMenuPopup && (\n            menuSearchCustomComponent\n              ? menuSearchCustomComponent(searchProps)\n              : <PopupMenuSearch {...searchProps} />\n          )}\n        </NavMenuItem>\n      </NavMenuGroup>\n    );\n  };\n\n  const getSideNavContent = (): ReactNode | ReactNode[] => {\n    if (!enableMenuSearch) return children;\n    const items = [...children as ReactNode[]];\n    items.splice(1, 0, getPopupMenuSearch());\n    return items;\n  };\n\n  const contextValues: ISideNavContext = {\n    isExpanded,\n    menuSize,\n    openSearchMenuPopup,\n  };\n  return (\n    <SideNavContext.Provider value={contextValues}>\n      <div\n        className={`sidenav-component ${isExpanded ? '-expanded' : ''} ${openSearchMenuPopup ? '-blocked' : ''} ${customClass}`}\n        ref={sideNavRef}>\n        {showExpandMenu &&\n          <ExpandedMenu\n            expandMenuCustomClass={`${isExpanded && 'closefromexpanded'} ${expandMenuCustomClass}`}\n            onExpandMenu={onHeaderClick}\n            iconName={isExpanded ? 'arrow_left' : 'arrow_right'} />}\n        {getSideNavContent()}\n      </div>\n    </SideNavContext.Provider>\n  );\n};\n\nexport default SideNav;\nexport {\n  NavMenuItem,\n  NavSubMenuItem,\n  NavMenuGroup,\n  ExpandedMenu,\n};\n"],"mappings":"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"}

package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts

@@ -1,12 +1,3 @@
-import { IEmptyListProps } from '../types.js';
-import 'react';
-import '../../../@types/PermissionAttr.js';
-import '../../../@types/Size.js';
-import '../../../@types/Icon.js';
-import '../../../icons/helper.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
-
-declare const EmptyList: ({ info, visible, }: IEmptyListProps) => JSX.Element;
-
-export { EmptyList as default };
+import { IEmptyListProps } from '../types';
+declare const EmptyList: ({ info, visible, }: IEmptyListProps) => import("react/jsx-runtime").JSX.Element;
+export default EmptyList;

package/lib/menus/sidenav/popup_menu_search/EmptyList.js

@@ -1,26 +1,18 @@
-"use strict";
+import e from "../../../icons/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/menus/sidenav/popup_menu_search/EmptyList.tsx
+var r = ({ info: r, visible: i = !0 }) => i ? /* @__PURE__ */ n("div", {
+	className: "nodata-container",
+	children: [/* @__PURE__ */ t(e, {
+		name: "information",
+		color: "#bdbdbd",
+		size: 128
+	}), /* @__PURE__ */ t("p", {
+		className: "subtext",
+		children: r
+	})]
+}) : /* @__PURE__ */ t("noscript", {});
+//#endregion
+export { r as default };
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = _interopRequireDefault(require("../../../icons"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const EmptyList = _ref => {
-  let {
-    info,
-    visible = true
-  } = _ref;
-  if (!visible) return /*#__PURE__*/_react.default.createElement("noscript", null);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "nodata-container"
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "information",
-    color: "#bdbdbd",
-    size: 128
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    className: "subtext"
-  }, info));
-};
-var _default = exports.default = EmptyList;
+//# sourceMappingURL=EmptyList.js.map

package/lib/menus/sidenav/popup_menu_search/EmptyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyList.js","names":[],"sources":["../../../../src/lib/menus/sidenav/popup_menu_search/EmptyList.tsx"],"sourcesContent":["import Icon from '../../../icons';\nimport { IEmptyListProps } from '../types';\n\nconst EmptyList = ({\n  info,\n  visible = true,\n}: IEmptyListProps) => {\n  if (!visible) return <noscript />;\n  return (\n    <div className=\"nodata-container\">\n      <Icon\n        name=\"information\"\n        color=\"#bdbdbd\"\n        size={128} />\n      <p className=\"subtext\">{info}</p>\n    </div>\n  );\n};\n\nexport default EmptyList;\n"],"mappings":";;;AAGA,IAAM,KAAa,EACjB,SACA,aAAU,SAEL,IAEH,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD;EACE,MAAK;EACL,OAAM;EACN,MAAM;EAAO,CAAA,EACf,kBAAC,KAAD;EAAG,WAAU;YAAW;EAAS,CAAA,CAAA;KAPhB,kBAAC,YAAD,EAAY,CAAA"}

package/lib/menus/sidenav/popup_menu_search/index.d.ts

@@ -1,12 +1,3 @@
-import React__default from 'react';
-import { IPopupMenuSearchProps } from '../types.js';
-import '../../../@types/PermissionAttr.js';
-import '../../../@types/Size.js';
-import '../../../@types/Icon.js';
-import '../../../icons/helper.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
-
-declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => React__default.ReactPortal;
-
-export { PopupMenuSearch as default };
+import { IPopupMenuSearchProps } from '../types';
+declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => import('react').ReactPortal;
+export default PopupMenuSearch;

package/lib/menus/sidenav/popup_menu_search/index.js

@@ -1,115 +1,80 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _search = _interopRequireDefault(require("../../../inputs/search"));
-var _list = _interopRequireWildcard(require("../../../list"));
-var _icons = _interopRequireDefault(require("../../../icons"));
-var _EmptyList = _interopRequireDefault(require("./EmptyList"));
-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 body = document.getElementsByTagName('body')[0];
-const PopupMenuSearch = props => {
-  const {
-    style,
-    menuItemsContent,
-    handlerClose,
-    menuSearchEmptyMessage,
-    menuSearchPlaceholder
-  } = props;
-  const [searchFieldContent, setSearchFieldContent] = (0, _react.useState)('');
-  const [searchResult, setSearchResult] = (0, _react.useState)(menuItemsContent);
-  const [defaultSelectedItemId, setDefaultSelectedItemId] = (0, _react.useState)('');
-  const searchFieldRef = (0, _react.useRef)(null);
-  const popupRef = (0, _react.useRef)(document.createElement('div'));
-  Object.assign(popupRef.current, {
-    className: 'searchmenu',
-    style
-  });
-  const closeOnEsc = e => {
-    if (e.key === 'Escape') {
-      handlerClose();
-      e.stopPropagation();
-    }
-  };
-  (0, _react.useEffect)(() => {
-    body.appendChild(popupRef.current);
-    if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
-    document.body.addEventListener('keydown', closeOnEsc);
-    return () => {
-      body.removeChild(popupRef.current);
-      document.body.removeEventListener('keydown', closeOnEsc);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    Object.assign(popupRef.current, {
-      style
-    });
-  }, [style]);
-  (0, _react.useEffect)(() => {
-    if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
-  }, []);
-  const search = value => {
-    const filter = value.toLowerCase();
-    const result = menuItemsContent && menuItemsContent.filter(item => item.content.toLowerCase().includes(filter));
-    if (result && result.length > 0) setDefaultSelectedItemId(result[0].id);
-    setSearchFieldContent(value);
-    setSearchResult(result);
-  };
-  const returnList = () => {
-    if (searchResult && searchResult.length > 0) {
-      return /*#__PURE__*/_react.default.createElement(_list.default, {
-        condensed: true,
-        transparent: true,
-        selectable: true,
-        onSelectItem: handlerClose,
-        selectedItemId: defaultSelectedItemId,
-        selectOnEnter: true,
-        style: {
-          margin: '25px 0px',
-          border: 'none',
-          boxShadow: 'none'
-        }
-      }, searchResult.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-        key: item.id,
-        itemId: item.id,
-        url: item.url,
-        text: item.content
-      })));
-    }
-    return /*#__PURE__*/_react.default.createElement(_EmptyList.default, {
-      info: menuSearchEmptyMessage
-    });
-  };
-  const getPopupContent = () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    onClick: handlerClose,
-    className: "closebutton",
-    onKeyPress: () => {},
-    role: "button",
-    tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "close",
-    size: 22
-  })), /*#__PURE__*/_react.default.createElement(_search.default, {
-    rounded: true,
-    onChange: e => {
-      if (e) search(e.target.value);
-    },
-    inputRef: searchFieldRef,
-    value: searchFieldContent,
-    placeHolder: menuSearchPlaceholder,
-    onReset: () => {
-      search('');
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: '90%'
-    }
-  }, returnList()));
-  return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
+import e from "../../../icons/index.js";
+import t from "../../../list/Item.js";
+import n from "../../../list/index.js";
+import r from "../../../inputs/search/index.js";
+import i from "./EmptyList.js";
+import { Fragment as a, useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "react-dom";
+//#region src/lib/menus/sidenav/popup_menu_search/index.tsx
+var f = document.getElementsByTagName("body")[0], p = (p) => {
+	let { style: m, menuItemsContent: h, handlerClose: g, menuSearchEmptyMessage: _, menuSearchPlaceholder: v } = p, [y, b] = c(""), [x, S] = c(h), [C, w] = c(""), T = s(null), E = s(document.createElement("div"));
+	Object.assign(E.current, {
+		className: "searchmenu",
+		style: m
+	});
+	let D = (e) => {
+		e.key === "Escape" && (g(), e.stopPropagation());
+	};
+	o(() => (f.appendChild(E.current), T && T.current && T.current.focus(), document.body.addEventListener("keydown", D), () => {
+		f.removeChild(E.current), document.body.removeEventListener("keydown", D);
+	}), []), o(() => {
+		Object.assign(E.current, { style: m });
+	}, [m]), o(() => {
+		x && x.length > 0 && w(x[0].id);
+	}, []);
+	let O = (e) => {
+		let t = e.toLowerCase(), n = h && h.filter((e) => e.content.toLowerCase().includes(t));
+		n && n.length > 0 && w(n[0].id), b(e), S(n);
+	};
+	return d.createPortal(/* @__PURE__ */ u(a, { children: [
+		/* @__PURE__ */ l("span", {
+			onClick: g,
+			className: "closebutton",
+			onKeyPress: () => {},
+			role: "button",
+			tabIndex: 0,
+			children: /* @__PURE__ */ l(e, {
+				name: "close",
+				size: 22
+			})
+		}),
+		/* @__PURE__ */ l(r, {
+			rounded: !0,
+			onChange: (e) => {
+				e && O(e.target.value);
+			},
+			inputRef: T,
+			value: y,
+			placeHolder: v,
+			onReset: () => {
+				O("");
+			}
+		}),
+		/* @__PURE__ */ l("div", {
+			style: { height: "90%" },
+			children: x && x.length > 0 ? /* @__PURE__ */ l(n, {
+				condensed: !0,
+				transparent: !0,
+				selectable: !0,
+				onSelectItem: g,
+				selectedItemId: C,
+				selectOnEnter: !0,
+				style: {
+					margin: "25px 0px",
+					border: "none",
+					boxShadow: "none"
+				},
+				children: x.map((e) => /* @__PURE__ */ l(t, {
+					itemId: e.id,
+					url: e.url,
+					text: e.content
+				}, e.id))
+			}) : /* @__PURE__ */ l(i, { info: _ })
+		})
+	] }), E.current);
 };
-var _default = exports.default = PopupMenuSearch;
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=index.js.map

package/lib/menus/sidenav/popup_menu_search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/menus/sidenav/popup_menu_search/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState, Fragment } from 'react';\nimport ReactDOM from 'react-dom';\nimport SearchField from '../../../inputs/search';\nimport List, { ListItem } from '../../../list';\nimport Icon from '../../../icons';\nimport EmptyList from './EmptyList';\nimport { IPopupMenuSearchProps } from '../types';\nimport { CustomInputEvent } from '../../../inputs/base/types';\n\nconst body = document.getElementsByTagName('body')[0];\n\nconst PopupMenuSearch = (props: IPopupMenuSearchProps) => {\n  const {\n    style, menuItemsContent, handlerClose, menuSearchEmptyMessage, menuSearchPlaceholder,\n  } = props;\n  const [searchFieldContent, setSearchFieldContent] = useState('');\n  const [searchResult, setSearchResult] = useState(menuItemsContent);\n  const [defaultSelectedItemId, setDefaultSelectedItemId] = useState('');\n  const searchFieldRef = useRef<HTMLInputElement | null>(null);\n  const popupRef = useRef(document.createElement('div'));\n  Object.assign(popupRef.current, {\n    className: 'searchmenu',\n    style,\n  });\n\n  const closeOnEsc = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handlerClose();\n      e.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    body.appendChild(popupRef.current);\n    if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();\n    document.body.addEventListener('keydown', closeOnEsc);\n\n    return () => {\n      body.removeChild(popupRef.current);\n      document.body.removeEventListener('keydown', closeOnEsc);\n    };\n  }, []);\n\n  useEffect(() => {\n    Object.assign(popupRef.current, {\n      style,\n    });\n  }, [style]);\n\n  useEffect(() => {\n    if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);\n  }, []);\n\n  const search = (value: string) => {\n    const filter = value.toLowerCase();\n    const result = menuItemsContent &&\n      menuItemsContent.filter(item => item.content.toLowerCase().includes(filter));\n\n    if (result && result.length > 0) setDefaultSelectedItemId(result[0].id);\n    setSearchFieldContent(value);\n    setSearchResult(result);\n  };\n\n  const returnList = () => {\n    if (searchResult && searchResult.length > 0) {\n      return (\n        <List\n          condensed\n          transparent\n          selectable\n          onSelectItem={handlerClose}\n          selectedItemId={defaultSelectedItemId}\n          selectOnEnter\n          style={{ margin: '25px 0px', border: 'none', boxShadow: 'none' }} >\n          {searchResult.map(item => (\n            <ListItem\n              key={item.id}\n              itemId={item.id}\n              url={item.url}\n              text={item.content} />\n          ))}\n        </List>);\n    }\n    return <EmptyList info={menuSearchEmptyMessage} />;\n  };\n\n  const getPopupContent = () => (\n    <Fragment>\n      <span\n        onClick={handlerClose}\n        className=\"closebutton\"\n        onKeyPress={() => { }}\n        role=\"button\"\n        tabIndex={0}>\n        <Icon name=\"close\" size={22} />\n      </span>\n      <SearchField\n        rounded\n        onChange={(e?: CustomInputEvent) => {\n          if (e) search(e.target.value);\n        }}\n        inputRef={searchFieldRef}\n        value={searchFieldContent}\n        placeHolder={menuSearchPlaceholder}\n        onReset={() => { search(''); }} />\n      <div style={{ height: '90%' }}>\n        {returnList()}\n      </div>\n    </Fragment>\n  );\n\n  return ReactDOM.createPortal(getPopupContent(), popupRef.current);\n};\n\nexport default PopupMenuSearch;\n"],"mappings":";;;;;;;;;AASA,IAAM,IAAO,SAAS,qBAAqB,OAAO,CAAC,IAE7C,KAAmB,MAAiC;CACxD,IAAM,EACJ,UAAO,qBAAkB,iBAAc,2BAAwB,6BAC7D,GACE,CAAC,GAAoB,KAAyB,EAAS,GAAG,EAC1D,CAAC,GAAc,KAAmB,EAAS,EAAiB,EAC5D,CAAC,GAAuB,KAA4B,EAAS,GAAG,EAChE,IAAiB,EAAgC,KAAK,EACtD,IAAW,EAAO,SAAS,cAAc,MAAM,CAAC;AACtD,QAAO,OAAO,EAAS,SAAS;EAC9B,WAAW;EACX;EACD,CAAC;CAEF,IAAM,KAAc,MAAqB;AACvC,EAAI,EAAE,QAAQ,aACZ,GAAc,EACd,EAAE,iBAAiB;;AAqBvB,CAjBA,SACE,EAAK,YAAY,EAAS,QAAQ,EAC9B,KAAkB,EAAe,WAAS,EAAe,QAAQ,OAAO,EAC5E,SAAS,KAAK,iBAAiB,WAAW,EAAW,QAExC;AAEX,EADA,EAAK,YAAY,EAAS,QAAQ,EAClC,SAAS,KAAK,oBAAoB,WAAW,EAAW;KAEzD,EAAE,CAAC,EAEN,QAAgB;AACd,SAAO,OAAO,EAAS,SAAS,EAC9B,UACD,CAAC;IACD,CAAC,EAAM,CAAC,EAEX,QAAgB;AACd,EAAI,KAAgB,EAAa,SAAS,KAAG,EAAyB,EAAa,GAAG,GAAG;IACxF,EAAE,CAAC;CAEN,IAAM,KAAU,MAAkB;EAChC,IAAM,IAAS,EAAM,aAAa,EAC5B,IAAS,KACb,EAAiB,QAAO,MAAQ,EAAK,QAAQ,aAAa,CAAC,SAAS,EAAO,CAAC;AAI9E,EAFI,KAAU,EAAO,SAAS,KAAG,EAAyB,EAAO,GAAG,GAAG,EACvE,EAAsB,EAAM,EAC5B,EAAgB,EAAO;;AAmDzB,QAAO,EAAS,aAxBd,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,QAAD;GACE,SAAS;GACT,WAAU;GACV,kBAAkB;GAClB,MAAK;GACL,UAAU;aACV,kBAAC,GAAD;IAAM,MAAK;IAAQ,MAAM;IAAM,CAAA;GAC1B,CAAA;EACP,kBAAC,GAAD;GACE,SAAA;GACA,WAAW,MAAyB;AAClC,IAAI,KAAG,EAAO,EAAE,OAAO,MAAM;;GAE/B,UAAU;GACV,OAAO;GACP,aAAa;GACb,eAAe;AAAE,MAAO,GAAG;;GAAO,CAAA;EACpC,kBAAC,OAAD;GAAK,OAAO,EAAE,QAAQ,OAAO;aAzC3B,KAAgB,EAAa,SAAS,IAEtC,kBAAC,GAAD;IACE,WAAA;IACA,aAAA;IACA,YAAA;IACA,cAAc;IACd,gBAAgB;IAChB,eAAA;IACA,OAAO;KAAE,QAAQ;KAAY,QAAQ;KAAQ,WAAW;KAAQ;cAC/D,EAAa,KAAI,MAChB,kBAAC,GAAD;KAEE,QAAQ,EAAK;KACb,KAAK,EAAK;KACV,MAAM,EAAK;KAAW,EAHjB,EAAK,GAGY,CAAA;IAErB,CAAA,GAEJ,kBAAC,GAAD,EAAW,MAAM,GAA0B,CAAA;GAwB1C,CAAA;EAAA,EACG,CAAA,EAGmC,EAAS,QAAQ"}