linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

package/lib/menus/sidenav/index.js

@@ -1,184 +1,128 @@
-"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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function 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 => {
+import { j as t } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as a, useRef as H, useEffect as l } from "react";
+import I from "./NavMenuItem.js";
+import T from "./NavSubMenuItem.js";
+import _ from "./NavMenuGroup.js";
+import q from "./ExpandMenu.js";
+import { SideNavContext as B } from "./helpers.js";
+import G from "../../icons/index.js";
+import { keyCodes as O } from "../../internals/constants.js";
+import V from "./popup_menu_search/index.js";
+import { v as N } from "../../chunks/v1.CDXKvGzE.js";
+import '../../assets/index27.css';const re = (f) => {
   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);
+    customClass: $,
+    showExpandMenu: g,
+    expandMenuCustomClass: j,
+    expanded: u = !0,
+    menuSize: s = "medium",
+    onExpandMenuClick: x,
+    children: i,
+    enableMenuSearch: p,
+    menuSearchCustomComponent: h
+  } = f, [o, C] = a(u), [M, k] = a([]), [w, b] = a({}), [c, v] = a(!1), r = H(null), D = () => {
+    C(!o), x && x(!o);
+  }, R = () => {
+    const { left: e, top: n, width: d, height: A } = w;
+    return `left: ${e + d + 5}px; top: ${n + 1}px; height: ${A - 8}px;`;
+  }, K = () => {
+    v(!1);
+  }, S = (e) => {
+    const { type: n } = e;
+    (n === I || n === T) && !e.props.children && k((d) => [...d, {
+      id: e.props.id || `${e.props.title}-${N()}`,
+      content: e.props.title,
+      url: e.props.url
+    }]);
+  }, m = (e) => {
+    Array.isArray(e) ? e.forEach((n) => {
+      n && (S(n), n.props && n.props.children && m(n.props.children));
+    }) : e && (S(e), e.props && e.props.children && m(e.props.children));
+  }, y = () => {
+    v(!0);
+  }, E = (e) => {
+    [O.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey && (e.preventDefault(), y());
   };
-  const getPopupMenuSearchStyle = () => {
-    const {
-      left,
-      top,
-      width,
-      height
-    } = sideNavDimensions;
-    const style = `left: ${left + width + 5}px; top: ${top + 1}px; height: ${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 || `${child.props.title}-${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);
+  l(() => (document.addEventListener("keydown", E), () => {
+    document.removeEventListener("keydown", E);
+  }), []), l(() => {
+    p && r && r.current && b(r.current.getBoundingClientRect()), p && m(i);
+  }, []), l(() => {
+    C(u);
+  }, [u]);
+  const P = () => M.filter((e) => e.content !== ""), F = () => {
+    const e = {
+      ...f,
+      style: R(),
+      handlerClose: K,
+      menuItemsContent: M && P()
     };
-  }, []);
-  (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-${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();
+    return /* @__PURE__ */ t.jsx(_, { children: /* @__PURE__ */ t.jsxs(
+      I,
+      {
+        childrenIsSubMenu: !1,
+        customClass: "-customsidenavitem",
+        tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
+        tooltipPosition: "right",
+        children: [
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "searchmenubutton",
+              role: "button",
+              tabIndex: -1,
+              onKeyDown: () => {
+              },
+              onClick: () => {
+                y();
+              },
+              children: /* @__PURE__ */ t.jsx(
+                G,
+                {
+                  name: "search",
+                  customClass: "searchmenuicon",
+                  size: s === "small" && 16 || s === "medium" && 22 || s === "large" && 32 || 16
+                }
+              )
+            },
+            "searchMenuIcon"
+          ),
+          c && (h ? h(e) : /* @__PURE__ */ t.jsx(V, { ...e }))
+        ]
       }
-    }, /*#__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;
+    ) }, `popup-menusearch-${N()}`);
+  }, L = () => {
+    if (!p) return i;
+    const e = [...i];
+    return e.splice(1, 0, F()), e;
+  }, z = {
+    isExpanded: o,
+    menuSize: s,
+    openSearchMenuPopup: c
   };
-  const contextValues = {
-    isExpanded,
-    menuSize,
-    openSearchMenuPopup
-  };
-  return /*#__PURE__*/_react.default.createElement(_helpers.SideNavContext.Provider, {
-    value: contextValues
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `sidenav-component ${isExpanded ? '-expanded' : ''} ${openSearchMenuPopup ? '-blocked' : ''} ${customClass}`,
-    ref: sideNavRef
-  }, showExpandMenu && /*#__PURE__*/_react.default.createElement(_ExpandMenu.default, {
-    expandMenuCustomClass: `${isExpanded && 'closefromexpanded'} ${expandMenuCustomClass}`,
-    onExpandMenu: onHeaderClick,
-    iconName: isExpanded ? 'arrow_left' : 'arrow_right'
-  }), getSideNavContent()));
+  return /* @__PURE__ */ t.jsx(B.Provider, { value: z, children: /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: `sidenav-component ${o ? "-expanded" : ""} ${c ? "-blocked" : ""} ${$}`,
+      ref: r,
+      children: [
+        g && /* @__PURE__ */ t.jsx(
+          q,
+          {
+            expandMenuCustomClass: `${o && "closefromexpanded"} ${j}`,
+            onExpandMenu: D,
+            iconName: o ? "arrow_left" : "arrow_right"
+          }
+        ),
+        L()
+      ]
+    }
+  ) });
+};
+export {
+  q as ExpandedMenu,
+  _ as NavMenuGroup,
+  I as NavMenuItem,
+  T as NavSubMenuItem,
+  re as default
 };
-var _default = exports.default = SideNav;

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 '../../../internals/types.js';
-import '../../../@types/Position.js';
-import '../../../@types/Icon.js';
-import '../../../icons/helper.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,19 @@
-"use strict";
-
-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));
+import { j as s } from "../../../chunks/jsx-runtime.CYK1ROHF.js";
+import o from "../../../icons/index.js";
+const i = ({
+  info: t,
+  visible: r = !0
+}) => r ? /* @__PURE__ */ s.jsxs("div", { className: "nodata-container", children: [
+  /* @__PURE__ */ s.jsx(
+    o,
+    {
+      name: "information",
+      color: "#bdbdbd",
+      size: 128
+    }
+  ),
+  /* @__PURE__ */ s.jsx("p", { className: "subtext", children: t })
+] }) : /* @__PURE__ */ s.jsx("noscript", {});
+export {
+  i as default
 };
-var _default = exports.default = EmptyList;

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

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

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

@@ -1,116 +1,90 @@
-"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 _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 body = document.getElementsByTagName('body')[0];
-const PopupMenuSearch = props => {
+import { j as t } from "../../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as d, useRef as f, useEffect as u, Fragment as v } from "react";
+import P from "react-dom";
+import w from "../../../inputs/search/index.js";
+import F from "../../../list/index.js";
+import O from "../../../icons/index.js";
+import k from "./EmptyList.js";
+import { L as M } from "../../../chunks/tabs.Cvj2MJH6.js";
+const h = document.getElementsByTagName("body")[0], A = (x) => {
   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
+    style: c,
+    menuItemsContent: a,
+    handlerClose: l,
+    menuSearchEmptyMessage: g,
+    menuSearchPlaceholder: y
+  } = x, [b, j] = d(""), [n, I] = d(a), [C, i] = d(""), o = f(null), r = f(document.createElement("div"));
+  Object.assign(r.current, {
+    className: "searchmenu",
+    style: c
   });
-  const closeOnEsc = e => {
-    if (e.key === 'Escape') {
-      handlerClose();
-      e.stopPropagation();
-    }
+  const m = (e) => {
+    e.key === "Escape" && (l(), 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
+  u(() => (h.appendChild(r.current), o && o.current && o.current.focus(), document.body.addEventListener("keydown", m), () => {
+    h.removeChild(r.current), document.body.removeEventListener("keydown", m);
+  }), []), u(() => {
+    Object.assign(r.current, {
+      style: c
     });
-  }, [style]);
-  (0, _react.useEffect)(() => {
-    if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
+  }, [c]), u(() => {
+    n && n.length > 0 && i(n[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%'
+  const p = (e) => {
+    const L = e.toLowerCase(), s = a && a.filter((R) => R.content.toLowerCase().includes(L));
+    s && s.length > 0 && i(s[0].id), j(e), I(s);
+  }, E = () => n && n.length > 0 ? /* @__PURE__ */ t.jsx(
+    F,
+    {
+      condensed: !0,
+      transparent: !0,
+      selectable: !0,
+      onSelectItem: l,
+      selectedItemId: C,
+      selectOnEnter: !0,
+      style: { margin: "25px 0px", border: "none", boxShadow: "none" },
+      children: n.map((e) => /* @__PURE__ */ t.jsx(
+        M,
+        {
+          itemId: e.id,
+          url: e.url,
+          text: e.content
+        },
+        e.id
+      ))
     }
-  }, returnList()));
-  return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
+  ) : /* @__PURE__ */ t.jsx(k, { info: g }), S = () => /* @__PURE__ */ t.jsxs(v, { children: [
+    /* @__PURE__ */ t.jsx(
+      "span",
+      {
+        onClick: l,
+        className: "closebutton",
+        onKeyPress: () => {
+        },
+        role: "button",
+        tabIndex: 0,
+        children: /* @__PURE__ */ t.jsx(O, { name: "close", size: 22 })
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      w,
+      {
+        rounded: !0,
+        onChange: (e) => {
+          e && p(e.target.value);
+        },
+        inputRef: o,
+        value: b,
+        placeHolder: y,
+        onReset: () => {
+          p("");
+        }
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { style: { height: "90%" }, children: E() })
+  ] });
+  return P.createPortal(S(), r.current);
+};
+export {
+  A as default
 };
-var _default = exports.default = PopupMenuSearch;

package/lib/menus/sidenav/sidenav.spec.d.ts

@@ -0,0 +1 @@
+export {};