@royyanbach-mhg-test/material-tailwind-react
Version:
@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.
1 lines • 1.4 kB
JavaScript
function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}import React from"react";import{FloatingTree,useFloatingParentNodeId}from"@floating-ui/react";import{useMenu}from"./MenuContext";import{MenuCore}from"./MenuCore";import{MenuHandler}from"./MenuHandler";import{MenuList}from"./MenuList";import{MenuItem}from"./MenuItem";var Menu=React.forwardRef(function(param,ref){var open=param.open,handler=param.handler,placement=param.placement,offset=param.offset,dismiss=param.dismiss,animate=param.animate,lockScroll=param.lockScroll,allowHover=param.allowHover,children=param.children;var parentId=useFloatingParentNodeId();var props={open:open,handler:handler,placement:placement,offset:offset,dismiss:dismiss,animate:animate,lockScroll:lockScroll,allowHover:allowHover};if(parentId==null){return React.createElement(FloatingTree,null,React.createElement(MenuCore,_extends({ref:ref},props),children))}return React.createElement(MenuCore,_extends({ref:ref},props),children)});Menu.propTypes=MenuCore.propTypes;Menu.displayName="MaterialTailwind.Menu";export{Menu,MenuHandler,MenuList,MenuItem,useMenu};export default Object.assign(Menu,{Handler:MenuHandler,List:MenuList,Item:MenuItem});