Socket
Socket
Sign inDemoInstall

@react-stately/menu

Package Overview
Dependencies
Maintainers
2
Versions
752
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-stately/menu - npm Package Compare versions

Comparing version 3.6.2-nightly.4578 to 3.6.2-nightly.4582

2

dist/main.js

@@ -10,3 +10,3 @@ var $f39cdb649cd48930$exports = require("./useMenuTriggerState.main.js");

$parcel$export(module.exports, "useMenuTriggerState", () => $f39cdb649cd48930$exports.useMenuTriggerState);
$parcel$export(module.exports, "UNSTABLE_useSubmenuTriggerState", () => $38ab7fb105c54ad2$exports.UNSTABLE_useSubmenuTriggerState);
$parcel$export(module.exports, "useSubmenuTriggerState", () => $38ab7fb105c54ad2$exports.useSubmenuTriggerState);
/*

@@ -13,0 +13,0 @@ * Copyright 2020 Adobe. All rights reserved.

import {useMenuTriggerState as $a28c903ee9ad8dc5$export$79fefeb1c2091ac3} from "./useMenuTriggerState.module.js";
import {UNSTABLE_useSubmenuTriggerState as $e5614764aa47eb35$export$d39fdbfa42246ac4} from "./useSubmenuTriggerState.module.js";
import {useSubmenuTriggerState as $e5614764aa47eb35$export$cfc51cf86138bf98} from "./useSubmenuTriggerState.module.js";

@@ -18,3 +18,3 @@ /*

export {$a28c903ee9ad8dc5$export$79fefeb1c2091ac3 as useMenuTriggerState, $e5614764aa47eb35$export$d39fdbfa42246ac4 as UNSTABLE_useSubmenuTriggerState};
export {$a28c903ee9ad8dc5$export$79fefeb1c2091ac3 as useMenuTriggerState, $e5614764aa47eb35$export$cfc51cf86138bf98 as useSubmenuTriggerState};
//# sourceMappingURL=module.js.map

@@ -14,9 +14,9 @@ import { FocusStrategy, Key } from "@react-types/shared";

/** Opens a specific submenu tied to a specific menu item at a specific level. */
UNSTABLE_openSubmenu: (triggerKey: Key, level: number) => void;
openSubmenu: (triggerKey: Key, level: number) => void;
/** Closes a specific submenu tied to a specific menu item at a specific level. */
UNSTABLE_closeSubmenu: (triggerKey: Key, level: number) => void;
closeSubmenu: (triggerKey: Key, level: number) => void;
/** An array of open submenu trigger keys within the menu tree.
* The index of key within array matches the submenu level in the tree.
*/
UNSTABLE_expandedKeysStack: Key[];
expandedKeysStack: Key[];
/** Closes the menu and all submenus in the menu tree. */

@@ -57,5 +57,5 @@ close: () => void;

*/
export function UNSTABLE_useSubmenuTriggerState(props: SubmenuTriggerProps, state: RootMenuTriggerState): SubmenuTriggerState;
export function useSubmenuTriggerState(props: SubmenuTriggerProps, state: RootMenuTriggerState): SubmenuTriggerState;
export type { MenuTriggerProps } from '@react-types/menu';
//# sourceMappingURL=types.d.ts.map

@@ -60,5 +60,5 @@ var $7hdEs$reactstatelyoverlays = require("@react-stately/overlays");

},
UNSTABLE_expandedKeysStack: expandedKeysStack,
UNSTABLE_openSubmenu: openSubmenu,
UNSTABLE_closeSubmenu: closeSubmenu
expandedKeysStack: expandedKeysStack,
openSubmenu: openSubmenu,
closeSubmenu: closeSubmenu
};

@@ -65,0 +65,0 @@ }

@@ -54,5 +54,5 @@ import {useOverlayTriggerState as $8bn9m$useOverlayTriggerState} from "@react-stately/overlays";

},
UNSTABLE_expandedKeysStack: expandedKeysStack,
UNSTABLE_openSubmenu: openSubmenu,
UNSTABLE_closeSubmenu: closeSubmenu
expandedKeysStack: expandedKeysStack,
openSubmenu: openSubmenu,
closeSubmenu: closeSubmenu
};

@@ -59,0 +59,0 @@ }

@@ -8,3 +8,3 @@ var $9cbje$react = require("react");

$parcel$export(module.exports, "UNSTABLE_useSubmenuTriggerState", () => $38ab7fb105c54ad2$export$d39fdbfa42246ac4);
$parcel$export(module.exports, "useSubmenuTriggerState", () => $38ab7fb105c54ad2$export$cfc51cf86138bf98);
/*

@@ -21,8 +21,8 @@ * Copyright 2023 Adobe. All rights reserved.

*/
function $38ab7fb105c54ad2$export$d39fdbfa42246ac4(props, state) {
function $38ab7fb105c54ad2$export$cfc51cf86138bf98(props, state) {
let { triggerKey: triggerKey } = props;
let { UNSTABLE_expandedKeysStack: UNSTABLE_expandedKeysStack, UNSTABLE_openSubmenu: UNSTABLE_openSubmenu, UNSTABLE_closeSubmenu: UNSTABLE_closeSubmenu, close: closeAll } = state;
let [submenuLevel] = (0, $9cbje$react.useState)(UNSTABLE_expandedKeysStack === null || UNSTABLE_expandedKeysStack === void 0 ? void 0 : UNSTABLE_expandedKeysStack.length);
let isOpen = (0, $9cbje$react.useMemo)(()=>UNSTABLE_expandedKeysStack[submenuLevel] === triggerKey, [
UNSTABLE_expandedKeysStack,
let { expandedKeysStack: expandedKeysStack, openSubmenu: openSubmenu, closeSubmenu: closeSubmenu, close: closeAll } = state;
let [submenuLevel] = (0, $9cbje$react.useState)(expandedKeysStack === null || expandedKeysStack === void 0 ? void 0 : expandedKeysStack.length);
let isOpen = (0, $9cbje$react.useMemo)(()=>expandedKeysStack[submenuLevel] === triggerKey, [
expandedKeysStack,
triggerKey,

@@ -34,5 +34,5 @@ submenuLevel

setFocusStrategy(focusStrategy);
UNSTABLE_openSubmenu(triggerKey, submenuLevel);
openSubmenu(triggerKey, submenuLevel);
}, [
UNSTABLE_openSubmenu,
openSubmenu,
submenuLevel,

@@ -43,5 +43,5 @@ triggerKey

setFocusStrategy(null);
UNSTABLE_closeSubmenu(triggerKey, submenuLevel);
closeSubmenu(triggerKey, submenuLevel);
}, [
UNSTABLE_closeSubmenu,
closeSubmenu,
submenuLevel,

@@ -48,0 +48,0 @@ triggerKey

@@ -14,8 +14,8 @@ import {useState as $7exkJ$useState, useMemo as $7exkJ$useMemo, useCallback as $7exkJ$useCallback} from "react";

*/
function $e5614764aa47eb35$export$d39fdbfa42246ac4(props, state) {
function $e5614764aa47eb35$export$cfc51cf86138bf98(props, state) {
let { triggerKey: triggerKey } = props;
let { UNSTABLE_expandedKeysStack: UNSTABLE_expandedKeysStack, UNSTABLE_openSubmenu: UNSTABLE_openSubmenu, UNSTABLE_closeSubmenu: UNSTABLE_closeSubmenu, close: closeAll } = state;
let [submenuLevel] = (0, $7exkJ$useState)(UNSTABLE_expandedKeysStack === null || UNSTABLE_expandedKeysStack === void 0 ? void 0 : UNSTABLE_expandedKeysStack.length);
let isOpen = (0, $7exkJ$useMemo)(()=>UNSTABLE_expandedKeysStack[submenuLevel] === triggerKey, [
UNSTABLE_expandedKeysStack,
let { expandedKeysStack: expandedKeysStack, openSubmenu: openSubmenu, closeSubmenu: closeSubmenu, close: closeAll } = state;
let [submenuLevel] = (0, $7exkJ$useState)(expandedKeysStack === null || expandedKeysStack === void 0 ? void 0 : expandedKeysStack.length);
let isOpen = (0, $7exkJ$useMemo)(()=>expandedKeysStack[submenuLevel] === triggerKey, [
expandedKeysStack,
triggerKey,

@@ -27,5 +27,5 @@ submenuLevel

setFocusStrategy(focusStrategy);
UNSTABLE_openSubmenu(triggerKey, submenuLevel);
openSubmenu(triggerKey, submenuLevel);
}, [
UNSTABLE_openSubmenu,
openSubmenu,
submenuLevel,

@@ -36,5 +36,5 @@ triggerKey

setFocusStrategy(null);
UNSTABLE_closeSubmenu(triggerKey, submenuLevel);
closeSubmenu(triggerKey, submenuLevel);
}, [
UNSTABLE_closeSubmenu,
closeSubmenu,
submenuLevel,

@@ -75,3 +75,3 @@ triggerKey

export {$e5614764aa47eb35$export$d39fdbfa42246ac4 as UNSTABLE_useSubmenuTriggerState};
export {$e5614764aa47eb35$export$cfc51cf86138bf98 as useSubmenuTriggerState};
//# sourceMappingURL=useSubmenuTriggerState.module.js.map
{
"name": "@react-stately/menu",
"version": "3.6.2-nightly.4578+b09a14eb1",
"version": "3.6.2-nightly.4582+e352bda0c",
"description": "Spectrum UI components in React",

@@ -25,5 +25,5 @@ "license": "Apache-2.0",

"dependencies": {
"@react-stately/overlays": "3.6.6-nightly.4578+b09a14eb1",
"@react-types/menu": "3.9.8-nightly.4578+b09a14eb1",
"@react-types/shared": "3.0.0-nightly.2866+b09a14eb1",
"@react-stately/overlays": "3.6.6-nightly.4582+e352bda0c",
"@react-types/menu": "3.9.8-nightly.4582+e352bda0c",
"@react-types/shared": "3.0.0-nightly.2870+e352bda0c",
"@swc/helpers": "^0.5.0"

@@ -37,3 +37,3 @@ },

},
"gitHead": "b09a14eb1854d9d52e08739e30aa8fae51f1595a"
"gitHead": "e352bda0c6a25ce09950f5b6780d2a3763b02ffb"
}

@@ -14,3 +14,3 @@ /*

export {useMenuTriggerState} from './useMenuTriggerState';
export {UNSTABLE_useSubmenuTriggerState} from './useSubmenuTriggerState';
export {useSubmenuTriggerState} from './useSubmenuTriggerState';

@@ -17,0 +17,0 @@ export type {MenuTriggerProps} from '@react-types/menu';

@@ -31,6 +31,6 @@ /*

/** Opens a specific submenu tied to a specific menu item at a specific level. */
UNSTABLE_openSubmenu: (triggerKey: Key, level: number) => void,
openSubmenu: (triggerKey: Key, level: number) => void,
/** Closes a specific submenu tied to a specific menu item at a specific level. */
UNSTABLE_closeSubmenu: (triggerKey: Key, level: number) => void,
closeSubmenu: (triggerKey: Key, level: number) => void,

@@ -40,3 +40,3 @@ /** An array of open submenu trigger keys within the menu tree.

*/
UNSTABLE_expandedKeysStack: Key[],
expandedKeysStack: Key[],

@@ -97,6 +97,6 @@ /** Closes the menu and all submenus in the menu tree. */

},
UNSTABLE_expandedKeysStack: expandedKeysStack,
UNSTABLE_openSubmenu: openSubmenu,
UNSTABLE_closeSubmenu: closeSubmenu
expandedKeysStack,
openSubmenu,
closeSubmenu
};
}

@@ -46,7 +46,7 @@ /*

*/
export function UNSTABLE_useSubmenuTriggerState(props: SubmenuTriggerProps, state: RootMenuTriggerState): SubmenuTriggerState {
export function useSubmenuTriggerState(props: SubmenuTriggerProps, state: RootMenuTriggerState): SubmenuTriggerState {
let {triggerKey} = props;
let {UNSTABLE_expandedKeysStack, UNSTABLE_openSubmenu, UNSTABLE_closeSubmenu, close: closeAll} = state;
let [submenuLevel] = useState(UNSTABLE_expandedKeysStack?.length);
let isOpen = useMemo(() => UNSTABLE_expandedKeysStack[submenuLevel] === triggerKey, [UNSTABLE_expandedKeysStack, triggerKey, submenuLevel]);
let {expandedKeysStack, openSubmenu, closeSubmenu, close: closeAll} = state;
let [submenuLevel] = useState(expandedKeysStack?.length);
let isOpen = useMemo(() => expandedKeysStack[submenuLevel] === triggerKey, [expandedKeysStack, triggerKey, submenuLevel]);
let [focusStrategy, setFocusStrategy] = useState<FocusStrategy>(null);

@@ -56,9 +56,9 @@

setFocusStrategy(focusStrategy);
UNSTABLE_openSubmenu(triggerKey, submenuLevel);
}, [UNSTABLE_openSubmenu, submenuLevel, triggerKey]);
openSubmenu(triggerKey, submenuLevel);
}, [openSubmenu, submenuLevel, triggerKey]);
let close = useCallback(() => {
setFocusStrategy(null);
UNSTABLE_closeSubmenu(triggerKey, submenuLevel);
}, [UNSTABLE_closeSubmenu, submenuLevel, triggerKey]);
closeSubmenu(triggerKey, submenuLevel);
}, [closeSubmenu, submenuLevel, triggerKey]);

@@ -65,0 +65,0 @@ let toggle = useCallback((focusStrategy: FocusStrategy = null) => {

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc