pre-installations and preparations

node_modules/@mui/base/node/Menu/Menu.js

@@ -0,0 +1,168 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("@mui/utils");
+var _menuClasses = require("./menuClasses");
+var _useMenu = require("../useMenu");
+var _MenuProvider = require("../useMenu/MenuProvider");
+var _composeClasses = require("../composeClasses");
+var _Unstable_Popup = require("../Unstable_Popup");
+var _useSlotProps = require("../utils/useSlotProps");
+var _ClassNameConfigurator = require("../utils/ClassNameConfigurator");
+var _useList = require("../useList");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["actions", "anchor", "children", "onItemsChange", "slotProps", "slots"];
+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 && Object.prototype.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 useUtilityClasses(ownerState) {
+  const {
+    open
+  } = ownerState;
+  const slots = {
+    root: ['root', open && 'expanded'],
+    listbox: ['listbox', open && 'expanded']
+  };
+  return (0, _composeClasses.unstable_composeClasses)(slots, (0, _ClassNameConfigurator.useClassNamesOverride)(_menuClasses.getMenuUtilityClass));
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Menu](https://mui.com/base-ui/react-menu/)
+ *
+ * API:
+ *
+ * - [Menu API](https://mui.com/base-ui/react-menu/components-api/#menu)
+ */
+const Menu = exports.Menu = /*#__PURE__*/React.forwardRef(function Menu(props, forwardedRef) {
+  var _slots$root, _slots$listbox;
+  const {
+      actions,
+      anchor: anchorProp,
+      children,
+      onItemsChange,
+      slotProps = {},
+      slots = {}
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    contextValue,
+    getListboxProps,
+    dispatch,
+    open,
+    triggerElement
+  } = (0, _useMenu.useMenu)({
+    onItemsChange,
+    componentName: 'Menu'
+  });
+  const anchor = anchorProp != null ? anchorProp : triggerElement;
+  React.useImperativeHandle(actions, () => ({
+    dispatch,
+    resetHighlight: () => dispatch({
+      type: _useList.ListActionTypes.resetHighlight,
+      event: null
+    })
+  }), [dispatch]);
+  const ownerState = (0, _extends2.default)({}, props, {
+    open
+  });
+  const classes = useUtilityClasses(ownerState);
+  const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
+  const rootProps = (0, _useSlotProps.useSlotProps)({
+    elementType: Root,
+    externalSlotProps: slotProps.root,
+    externalForwardedProps: other,
+    additionalProps: {
+      ref: forwardedRef,
+      role: undefined
+    },
+    className: classes.root,
+    ownerState
+  });
+  const Listbox = (_slots$listbox = slots.listbox) != null ? _slots$listbox : 'ul';
+  const listboxProps = (0, _useSlotProps.useSlotProps)({
+    elementType: Listbox,
+    getSlotProps: getListboxProps,
+    externalSlotProps: slotProps.listbox,
+    className: classes.listbox,
+    ownerState
+  });
+  if (open === true && anchor == null) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Listbox, (0, _extends2.default)({}, listboxProps, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuProvider.MenuProvider, {
+          value: contextValue,
+          children: children
+        })
+      }))
+    }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Unstable_Popup.Unstable_Popup, (0, _extends2.default)({
+    keepMounted: true
+  }, rootProps, {
+    open: open,
+    anchor: anchor,
+    slots: {
+      root: Root
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Listbox, (0, _extends2.default)({}, listboxProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuProvider.MenuProvider, {
+        value: contextValue,
+        children: children
+      })
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * A ref with imperative actions that can be performed on the menu.
+   */
+  actions: _utils.refType,
+  /**
+   * The element based on which the menu is positioned.
+   */
+  anchor: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.object, _propTypes.default.func]),
+  /**
+   * @ignore
+   */
+  children: _propTypes.default.node,
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+  /**
+   * Function called when the items displayed in the menu change.
+   */
+  onItemsChange: _propTypes.default.func,
+  /**
+   * The props used for each slot inside the Menu.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    listbox: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside the Menu.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    listbox: _propTypes.default.elementType,
+    root: _propTypes.default.elementType
+  })
+} : void 0;