@react-stately/menu - npm Package Compare versions

Comparing version 3.0.0-alpha.1 to 3.0.0-rc.0

dist/main.js

@@ -1,6 +0,10 @@
-var _babelRuntimeHelpersSlicedToArray = $parcel$interopDefault(require("@babel/runtime/helpers/slicedToArray"));
+var {
+  useState
+} = require("react");
 
-var useControlledState = require("@react-stately/utils").useControlledState;
+var {
+  useOverlayTriggerState
+} = require("@react-stately/overlays");
 
-var useState = require("react").useState;
+var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
 
@@ -11,32 +15,25 @@ function $parcel$interopDefault(a) {
 
+/**
+ * Manages state for a menu trigger. Tracks whether the menu is currently open,
+ * and controls which item will receive focus when it opens.
+ */
 function useMenuTriggerState(props) {
-  var _useControlledState = useControlledState(props.isOpen, props.defaultOpen || false, props.onOpenChange),
-      _useControlledState2 = _babelRuntimeHelpersSlicedToArray(_useControlledState, 2),
-      isOpen = _useControlledState2[0],
-      setOpen = _useControlledState2[1];
+  let overlayTriggerState = useOverlayTriggerState(props);
+  let [focusStrategy, setFocusStrategy] = useState(null);
+  return _babelRuntimeHelpersExtends({
+    focusStrategy
+  }, overlayTriggerState, {
+    toggle(focusStrategy) {
+      if (focusStrategy === void 0) {
+        focusStrategy = null;
+      }
 
-  var _useState = useState('first'),
-      _useState2 = _babelRuntimeHelpersSlicedToArray(_useState, 2),
-      focusStrategy = _useState2[0],
-      setFocusStrategy = _useState2[1];
-
-  return {
-    isOpen: isOpen,
-    setOpen: setOpen,
-    focusStrategy: focusStrategy,
-    setFocusStrategy: setFocusStrategy,
-    open: function open() {
-      setOpen(true);
-    },
-    close: function close() {
-      setOpen(false);
-    },
-    toggle: function toggle() {
-      var focusStrategy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'first';
       setFocusStrategy(focusStrategy);
-      setOpen(!isOpen);
+      overlayTriggerState.toggle();
     }
-  };
+
+  });
 }
 
-exports.useMenuTriggerState = useMenuTriggerState;
+exports.useMenuTriggerState = useMenuTriggerState;
+//# sourceMappingURL=main.js.map

dist/module.js

@@ -1,26 +0,26 @@
-import { useControlledState } from "@react-stately/utils";
 import { useState } from "react";
+import { useOverlayTriggerState } from "@react-stately/overlays";
+import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
+
+/**
+ * Manages state for a menu trigger. Tracks whether the menu is currently open,
+ * and controls which item will receive focus when it opens.
+ */
 export function useMenuTriggerState(props) {
-  let [isOpen, setOpen] = useControlledState(props.isOpen, props.defaultOpen || false, props.onOpenChange);
-  let [focusStrategy, setFocusStrategy] = useState('first');
-  return {
-    isOpen,
-    setOpen,
-    focusStrategy,
-    setFocusStrategy,
+  let overlayTriggerState = useOverlayTriggerState(props);
+  let [focusStrategy, setFocusStrategy] = useState(null);
+  return _babelRuntimeHelpersEsmExtends({
+    focusStrategy
+  }, overlayTriggerState, {
+    toggle(focusStrategy) {
+      if (focusStrategy === void 0) {
+        focusStrategy = null;
+      }
 
-    open() {
-      setOpen(true);
-    },
-
-    close() {
-      setOpen(false);
-    },
-
-    toggle(focusStrategy = 'first') {
       setFocusStrategy(focusStrategy);
-      setOpen(!isOpen);
+      overlayTriggerState.toggle();
     }
 
-  };
-}
+  });
+}
+//# sourceMappingURL=module.js.map

dist/types.d.ts

 import { FocusStrategy, MenuTriggerProps } from "@react-types/menu";
-export interface MenuTriggerState {
-    isOpen: boolean;
-    setOpen(value: boolean): void;
-    focusStrategy: FocusStrategy;
-    setFocusStrategy(value: FocusStrategy): void;
-    open(): void;
-    close(): void;
-    toggle(focusStrategy?: FocusStrategy): void;
+import { OverlayTriggerState } from "@react-stately/overlays";
+export interface MenuTriggerState extends OverlayTriggerState {
+    /** Controls which item will be auto focused when the menu opens. */
+    readonly focusStrategy: FocusStrategy;
+    /** Toggles the menu. */
+    toggle(focusStrategy?: FocusStrategy | null): void;
 }
+/**
+ * Manages state for a menu trigger. Tracks whether the menu is currently open,
+ * and controls which item will receive focus when it opens.
+ */
 export function useMenuTriggerState(props: MenuTriggerProps): MenuTriggerState;
 
 //# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@react-stately/menu",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-rc.0",
   "description": "Spectrum UI components in React",
@@ -20,4 +20,5 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-stately/utils": "^3.0.0-rc.2",
-    "@react-types/menu": "^3.0.0-alpha.1"
+    "@react-stately/overlays": "3.0.0-rc.0",
+    "@react-stately/utils": "3.0.0-rc.3",
+    "@react-types/menu": "3.0.0-rc.0"
   },
@@ -30,3 +31,3 @@ "peerDependencies": {
   },
-  "gitHead": "207e6ee9076905c96638a7f81a367758872e1410"
+  "gitHead": "461d6321126ae9b4f1508aa912f7b36bf8a603f8"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

20154

increased by33.79%

Number of package files

9

increased by28.57%

Lines of code

68

increased by3.03%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Added@react-stately/overlays@3.0.0-rc.0

• + Added@react-stately/overlays@3.0.0-rc.0(transitive)

• + Added@react-stately/utils@3.0.0-rc.3(transitive)

• + Added@react-types/menu@3.0.0-rc.0(transitive)

• + Added@react-types/overlays@3.0.0-rc.0(transitive)

• + Added@react-types/shared@3.0.0-rc.3(transitive)

• - Removed@react-stately/utils@3.10.3(transitive)

• - Removed@react-types/menu@3.9.11(transitive)

• - Removed@react-types/overlays@3.8.9(transitive)

• - Removed@react-types/shared@3.24.1(transitive)

• - Removed@swc/helpers@0.5.13(transitive)

• - Removedtslib@2.7.0(transitive)

• Updated@react-stately/utils@3.0.0-rc.3

• Updated@react-types/menu@3.0.0-rc.0