@react-native-aria/overlays 0.3.8 → 0.3.10

package/lib/commonjs/useOverlayTrigger.js

@@ -24,9 +24,7 @@ exports.useOverlayTrigger = useOverlayTrigger;
 function useOverlayTrigger(_props, state, _ref) {
   return {
     triggerProps: {
-      accessibilityState: {
-        expanded: state.isOpen
-      }
+      'aria-expanded': state.isOpen
     },
     overlayProps: {}
   };

package/lib/commonjs/useOverlayTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOverlayTrigger.ts"],"names":["useOverlayTrigger","_props","state","_ref","triggerProps","accessibilityState","expanded","isOpen","overlayProps"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACO,SAASA,iBAAT,CACLC,MADK,EAELC,KAFK,EAGLC,IAHK,EAIe;AACpB,SAAO;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,kBAAkB,EAAE;AAClBC,QAAAA,QAAQ,EAAEJ,KAAK,CAACK;AADE;AADR,KADT;AAMLC,IAAAA,YAAY,EAAE;AANT,GAAP;AAQD","sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { HTMLAttributes, RefObject } from \"react\";\nimport { OverlayTriggerState } from \"@react-stately/overlays\";\n\ninterface OverlayTriggerProps {\n  /** Type of overlay that is opened by the trigger. */\n  type: \"dialog\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\";\n}\n\ninterface OverlayTriggerAria {\n  /** Props for the trigger element. */\n  triggerProps: any;\n\n  /** Props for the overlay container element. */\n  overlayProps: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Handles the behavior and accessibility for an overlay trigger, e.g. a button\n * that opens a popover, menu, or other overlay that is positioned relative to the trigger.\n */\nexport function useOverlayTrigger(\n  _props: OverlayTriggerProps,\n  state: OverlayTriggerState,\n  _ref: RefObject<HTMLElement>\n): OverlayTriggerAria {\n  return {\n    triggerProps: {\n      accessibilityState: {\n        expanded: state.isOpen,\n      },\n    },\n    overlayProps: {},\n  };\n}\n"]}
+{"version":3,"sources":["useOverlayTrigger.ts"],"names":["useOverlayTrigger","_props","state","_ref","triggerProps","isOpen","overlayProps"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACO,SAASA,iBAAT,CACLC,MADK,EAELC,KAFK,EAGLC,IAHK,EAIe;AACpB,SAAO;AACLC,IAAAA,YAAY,EAAE;AACZ,uBAAiBF,KAAK,CAACG;AADX,KADT;AAILC,IAAAA,YAAY,EAAE;AAJT,GAAP;AAMD","sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { HTMLAttributes, RefObject } from 'react';\nimport { OverlayTriggerState } from '@react-stately/overlays';\n\ninterface OverlayTriggerProps {\n  /** Type of overlay that is opened by the trigger. */\n  type: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';\n}\n\ninterface OverlayTriggerAria {\n  /** Props for the trigger element. */\n  triggerProps: any;\n\n  /** Props for the overlay container element. */\n  overlayProps: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Handles the behavior and accessibility for an overlay trigger, e.g. a button\n * that opens a popover, menu, or other overlay that is positioned relative to the trigger.\n */\nexport function useOverlayTrigger(\n  _props: OverlayTriggerProps,\n  state: OverlayTriggerState,\n  _ref: RefObject<HTMLElement>\n): OverlayTriggerAria {\n  return {\n    triggerProps: {\n      'aria-expanded': state.isOpen,\n    },\n    overlayProps: {},\n  };\n}\n"]}

package/lib/module/useOverlayTrigger.js

@@ -17,9 +17,7 @@
 export function useOverlayTrigger(_props, state, _ref) {
   return {
     triggerProps: {
-      accessibilityState: {
-        expanded: state.isOpen
-      }
+      'aria-expanded': state.isOpen
     },
     overlayProps: {}
   };

package/lib/module/useOverlayTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOverlayTrigger.ts"],"names":["useOverlayTrigger","_props","state","_ref","triggerProps","accessibilityState","expanded","isOpen","overlayProps"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAT,CACLC,MADK,EAELC,KAFK,EAGLC,IAHK,EAIe;AACpB,SAAO;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,kBAAkB,EAAE;AAClBC,QAAAA,QAAQ,EAAEJ,KAAK,CAACK;AADE;AADR,KADT;AAMLC,IAAAA,YAAY,EAAE;AANT,GAAP;AAQD","sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { HTMLAttributes, RefObject } from \"react\";\nimport { OverlayTriggerState } from \"@react-stately/overlays\";\n\ninterface OverlayTriggerProps {\n  /** Type of overlay that is opened by the trigger. */\n  type: \"dialog\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\";\n}\n\ninterface OverlayTriggerAria {\n  /** Props for the trigger element. */\n  triggerProps: any;\n\n  /** Props for the overlay container element. */\n  overlayProps: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Handles the behavior and accessibility for an overlay trigger, e.g. a button\n * that opens a popover, menu, or other overlay that is positioned relative to the trigger.\n */\nexport function useOverlayTrigger(\n  _props: OverlayTriggerProps,\n  state: OverlayTriggerState,\n  _ref: RefObject<HTMLElement>\n): OverlayTriggerAria {\n  return {\n    triggerProps: {\n      accessibilityState: {\n        expanded: state.isOpen,\n      },\n    },\n    overlayProps: {},\n  };\n}\n"]}
+{"version":3,"sources":["useOverlayTrigger.ts"],"names":["useOverlayTrigger","_props","state","_ref","triggerProps","isOpen","overlayProps"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAT,CACLC,MADK,EAELC,KAFK,EAGLC,IAHK,EAIe;AACpB,SAAO;AACLC,IAAAA,YAAY,EAAE;AACZ,uBAAiBF,KAAK,CAACG;AADX,KADT;AAILC,IAAAA,YAAY,EAAE;AAJT,GAAP;AAMD","sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { HTMLAttributes, RefObject } from 'react';\nimport { OverlayTriggerState } from '@react-stately/overlays';\n\ninterface OverlayTriggerProps {\n  /** Type of overlay that is opened by the trigger. */\n  type: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';\n}\n\ninterface OverlayTriggerAria {\n  /** Props for the trigger element. */\n  triggerProps: any;\n\n  /** Props for the overlay container element. */\n  overlayProps: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Handles the behavior and accessibility for an overlay trigger, e.g. a button\n * that opens a popover, menu, or other overlay that is positioned relative to the trigger.\n */\nexport function useOverlayTrigger(\n  _props: OverlayTriggerProps,\n  state: OverlayTriggerState,\n  _ref: RefObject<HTMLElement>\n): OverlayTriggerAria {\n  return {\n    triggerProps: {\n      'aria-expanded': state.isOpen,\n    },\n    overlayProps: {},\n  };\n}\n"]}

package/lib/typescript/useOverlayTrigger.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes, RefObject } from "react";
-import { OverlayTriggerState } from "@react-stately/overlays";
+import { HTMLAttributes, RefObject } from 'react';
+import { OverlayTriggerState } from '@react-stately/overlays';
 interface OverlayTriggerProps {
     /** Type of overlay that is opened by the trigger. */
-    type: "dialog" | "menu" | "listbox" | "tree" | "grid";
+    type: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';
 }
 interface OverlayTriggerAria {
     /** Props for the trigger element. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/overlays",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "description": "Overlay utilities. Part of react-native-aria",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@react-aria/interactions": "^3.3.2",
     "@react-aria/overlays": "^3.7.0",
-    "@react-native-aria/utils": "^0.2.8",
+    "@react-native-aria/utils": "^0.2.10",
     "@react-stately/overlays": "^3.1.1",
     "@react-types/overlays": "^3.4.0",
     "dom-helpers": "^5.0.0"

package/src/useOverlayTrigger.ts

@@ -10,12 +10,12 @@
  * governing permissions and limitations under the License.
  */
 
-import { HTMLAttributes, RefObject } from "react";
-import { OverlayTriggerState } from "@react-stately/overlays";
+import { HTMLAttributes, RefObject } from 'react';
+import { OverlayTriggerState } from '@react-stately/overlays';
 
 interface OverlayTriggerProps {
   /** Type of overlay that is opened by the trigger. */
-  type: "dialog" | "menu" | "listbox" | "tree" | "grid";
+  type: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';
 }
 
 interface OverlayTriggerAria {
@@ -37,9 +37,7 @@ export function useOverlayTrigger(
 ): OverlayTriggerAria {
   return {
     triggerProps: {
-      accessibilityState: {
-        expanded: state.isOpen,
-      },
+      'aria-expanded': state.isOpen,
     },
     overlayProps: {},
   };