pre-installations and preparations

2024-05-05 11:21:00 +03:30
1 parent 3e5a0329cb
commit 201d621ac3
@@ -0,0 +1,40 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useMenuItem: true
+};
+Object.defineProperty(exports, "useMenuItem", {
+  enumerable: true,
+  get: function () {
+    return _useMenuItem.useMenuItem;
+  }
+});
+var _useMenuItem = require("./useMenuItem");
+var _useMenuItem2 = require("./useMenuItem.types");
+Object.keys(_useMenuItem2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useMenuItem2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMenuItem2[key];
+    }
+  });
+});
+var _useMenuItemContextStabilizer = require("./useMenuItemContextStabilizer");
+Object.keys(_useMenuItemContextStabilizer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useMenuItemContextStabilizer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMenuItemContextStabilizer[key];
+    }
+  });
+});
@@ -0,0 +1,138 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuItem = useMenuItem;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+var _useButton = require("../useButton");
+var _useList = require("../useList");
+var _useDropdown = require("../useDropdown");
+var _DropdownContext = require("../useDropdown/DropdownContext");
+var _combineHooksSlotProps = require("../utils/combineHooksSlotProps");
+var _useCompound = require("../useCompound");
+var _extractEventHandlers = require("../utils/extractEventHandlers");
+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 idGenerator(existingKeys) {
+  return `menu-item-${existingKeys.size}`;
+}
+const FALLBACK_MENU_CONTEXT = {
+  dispatch: () => {},
+  popupId: '',
+  registerPopup: () => {},
+  registerTrigger: () => {},
+  state: {
+    open: true,
+    changeReason: null
+  },
+  triggerElement: null
+};
+
+/**
+ *
+ * Demos:
+ *
+ * - [Menu](https://mui.com/base-ui/react-menu/#hooks)
+ *
+ * API:
+ *
+ * - [useMenuItem API](https://mui.com/base-ui/react-menu/hooks-api/#use-menu-item)
+ */
+function useMenuItem(params) {
+  var _React$useContext;
+  const {
+    disabled = false,
+    id: idParam,
+    rootRef: externalRef,
+    label,
+    disableFocusOnHover = false
+  } = params;
+  const id = (0, _utils.unstable_useId)(idParam);
+  const itemRef = React.useRef(null);
+  const itemMetadata = React.useMemo(() => ({
+    disabled,
+    id: id != null ? id : '',
+    label,
+    ref: itemRef
+  }), [disabled, id, label]);
+  const {
+    dispatch
+  } = (_React$useContext = React.useContext(_DropdownContext.DropdownContext)) != null ? _React$useContext : FALLBACK_MENU_CONTEXT;
+  const {
+    getRootProps: getListRootProps,
+    highlighted
+  } = (0, _useList.useListItem)({
+    item: id,
+    handlePointerOverEvents: !disableFocusOnHover
+  });
+  const {
+    index,
+    totalItemCount
+  } = (0, _useCompound.useCompoundItem)(id != null ? id : idGenerator, itemMetadata);
+  const {
+    getRootProps: getButtonProps,
+    focusVisible,
+    rootRef: buttonRefHandler
+  } = (0, _useButton.useButton)({
+    disabled,
+    focusableWhenDisabled: true
+  });
+  const handleRef = (0, _utils.unstable_useForkRef)(buttonRefHandler, externalRef, itemRef);
+  React.useDebugValue({
+    id,
+    highlighted,
+    disabled,
+    label
+  });
+  const createHandleClick = otherHandlers => event => {
+    var _otherHandlers$onClic;
+    (_otherHandlers$onClic = otherHandlers.onClick) == null || _otherHandlers$onClic.call(otherHandlers, event);
+    if (event.defaultMuiPrevented) {
+      return;
+    }
+    dispatch({
+      type: _useDropdown.DropdownActionTypes.close,
+      event
+    });
+  };
+  const getOwnHandlers = (otherHandlers = {}) => (0, _extends2.default)({}, otherHandlers, {
+    onClick: createHandleClick(otherHandlers)
+  });
+  function getRootProps(externalProps = {}) {
+    const externalEventHandlers = (0, _extractEventHandlers.extractEventHandlers)(externalProps);
+    const getCombinedRootProps = (0, _combineHooksSlotProps.combineHooksSlotProps)(getOwnHandlers, (0, _combineHooksSlotProps.combineHooksSlotProps)(getButtonProps, getListRootProps));
+    return (0, _extends2.default)({}, externalProps, externalEventHandlers, getCombinedRootProps(externalEventHandlers), {
+      id,
+      ref: handleRef,
+      role: 'menuitem'
+    });
+  }
+
+  // If `id` is undefined (during SSR in React < 18), we fall back to rendering a simplified menu item
+  // which does not have access to infortmation about its position or highlighted state.
+  if (id === undefined) {
+    return {
+      getRootProps,
+      disabled: false,
+      focusVisible,
+      highlighted: false,
+      index: -1,
+      totalItemCount: 0,
+      rootRef: handleRef
+    };
+  }
+  return {
+    getRootProps,
+    disabled,
+    focusVisible,
+    highlighted,
+    index,
+    totalItemCount,
+    rootRef: handleRef
+  };
+}
@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
@@ -0,0 +1,77 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuItemContextStabilizer = useMenuItemContextStabilizer;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+var _useList = require("../useList");
+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; }
+/**
+ * Stabilizes the ListContext value for the MenuItem component, so it doesn't change when sibling items update.
+ *
+ * @param id The id of the MenuItem. If undefined, it will be generated with useId.
+ * @returns The stable ListContext value and the id of the MenuItem.
+ *
+ * Demos:
+ *
+ * - [Menu](https://mui.com/base-ui/react-menu/#hooks)
+ *
+ * API:
+ *
+ * - [useMenuItemContextStabilizer API](https://mui.com/base-ui/react-menu/hooks-api/#use-menu-item-context-stabilizer)
+ */
+function useMenuItemContextStabilizer(id) {
+  const listContext = React.useContext(_useList.ListContext);
+  if (!listContext) {
+    throw new Error('MenuItem: ListContext was not found.');
+  }
+  const itemId = (0, _utils.unstable_useId)(id);
+  const {
+    getItemState,
+    dispatch
+  } = listContext;
+  let itemState;
+  if (itemId != null) {
+    itemState = getItemState(itemId);
+  } else {
+    itemState = {
+      focusable: true,
+      highlighted: false,
+      selected: false
+    };
+  }
+  const {
+    highlighted,
+    selected,
+    focusable
+  } = itemState;
+
+  // The local version of getItemState can be only called with the current Option's value.
+  // It doesn't make much sense to render an Option depending on other Options' state anyway.
+  const localGetItemState = React.useCallback(itemValue => {
+    if (itemValue !== itemId) {
+      throw new Error(['Base UI MenuItem: Tried to access the state of another MenuItem.', `itemValue: ${itemValue} | id: ${itemId}`, 'This is unsupported when the MenuItem uses the MenuItemContextStabilizer as a performance optimization.'].join('/n'));
+    }
+    return {
+      highlighted,
+      selected,
+      focusable
+    };
+  }, [highlighted, selected, focusable, itemId]);
+
+  // Create a local (per MenuItem) instance of the ListContext that changes only when
+  // the getItemState's return value changes.
+  // This makes MenuItems re-render only when their state actually change, not when any MenuItem's state changes.
+  const localContextValue = React.useMemo(() => ({
+    dispatch,
+    getItemState: localGetItemState
+  }), [dispatch, localGetItemState]);
+  return {
+    contextValue: localContextValue,
+    id: itemId
+  };
+}