@react-native-aria/interactions 0.2.8 → 0.2.10-alpha.0

package/lib/commonjs/index.js

@@ -3,30 +3,72 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useHover", {
+  enumerable: true,
+  get: function () {
+    return _useHover.useHover;
+  }
+});
+Object.defineProperty(exports, "usePress", {
+  enumerable: true,
+  get: function () {
+    return _usePress.usePress;
+  }
+});
+Object.defineProperty(exports, "PressEvents", {
+  enumerable: true,
+  get: function () {
+    return _usePress.PressEvents;
+  }
+});
+Object.defineProperty(exports, "PressHookProps", {
+  enumerable: true,
+  get: function () {
+    return _usePress.PressHookProps;
+  }
+});
+Object.defineProperty(exports, "PressProps", {
+  enumerable: true,
+  get: function () {
+    return _usePress.PressProps;
+  }
+});
+Object.defineProperty(exports, "PressResult", {
+  enumerable: true,
+  get: function () {
+    return _usePress.PressResult;
+  }
+});
+Object.defineProperty(exports, "useIsPressProps", {
+  enumerable: true,
+  get: function () {
+    return _useIsPressProps.useIsPressProps;
+  }
+});
+Object.defineProperty(exports, "keyboardDismissHandlerManager", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismisssable.keyboardDismissHandlerManager;
+  }
+});
+Object.defineProperty(exports, "useKeyboardDismissable", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismisssable.useKeyboardDismissable;
+  }
+});
+Object.defineProperty(exports, "useBackHandler", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismisssable.useBackHandler;
+  }
+});
 
 var _useHover = require("./useHover");
 
-Object.keys(_useHover).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useHover[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useHover[key];
-    }
-  });
-});
-
 var _usePress = require("./usePress");
 
-Object.keys(_usePress).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _usePress[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _usePress[key];
-    }
-  });
-});
+var _useIsPressProps = require("./useIsPressProps");
+
+var _useKeyboardDismisssable = require("./useKeyboardDismisssable");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './useHover';\nexport * from './usePress';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAOA;;AACA","sourcesContent":["export { useHover } from './useHover';\nexport {\n  usePress,\n  PressEvents,\n  PressHookProps,\n  PressProps,\n  PressResult,\n} from './usePress';\nexport { useIsPressProps } from './useIsPressProps';\nexport {\n  keyboardDismissHandlerManager,\n  useKeyboardDismissable,\n  useBackHandler,\n} from './useKeyboardDismisssable';\n"]}

package/lib/commonjs/index.web.js

@@ -15,8 +15,36 @@ Object.defineProperty(exports, "usePress", {
     return _usePress.usePress;
   }
 });
+Object.defineProperty(exports, "useIsPressProps", {
+  enumerable: true,
+  get: function () {
+    return _useIsPressProps.useIsPressProps;
+  }
+});
+Object.defineProperty(exports, "keyboardDismissHandlerManager", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismisssable.keyboardDismissHandlerManager;
+  }
+});
+Object.defineProperty(exports, "useKeyboardDismissable", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismisssable.useKeyboardDismissable;
+  }
+});
+Object.defineProperty(exports, "useBackHandler", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismisssable.useBackHandler;
+  }
+});
 
 var _useHover = require("./useHover.web");
 
 var _usePress = require("./usePress");
+
+var _useIsPressProps = require("./useIsPressProps");
+
+var _useKeyboardDismisssable = require("./useKeyboardDismisssable");
 //# sourceMappingURL=index.web.js.map

package/lib/commonjs/index.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.web.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { useHover } from \"./useHover.web\";\nexport { usePress } from \"./usePress\";\n"]}
+{"version":3,"sources":["index.web.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["export { useHover } from './useHover.web';\nexport { usePress } from './usePress';\nexport { useIsPressProps } from './useIsPressProps';\nexport {\n  keyboardDismissHandlerManager,\n  useKeyboardDismissable,\n  useBackHandler,\n} from './useKeyboardDismisssable';\n"]}

package/lib/commonjs/useHover.js

@@ -5,10 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useHover = void 0;
 
+var _react = require("react");
+
 const useHover = (_props, _ref) => {
+  const [isHovered, setHovered] = (0, _react.useState)(false);
   let params = {
-    hoverProps: {},
-    isHovered: false
+    hoverProps: {
+      onHoverIn: () => setHovered(true),
+      onHoverOut: () => setHovered(false)
+    },
+    isHovered
   };
   return params;
 };

package/lib/commonjs/useHover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useHover.ts"],"names":["useHover","_props","_ref","params","hoverProps","isHovered"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ,GAAG,CAACC,MAAD,EAAqBC,IAArB,KAAmC;AACzD,MAAIC,MAAM,GAAG;AACXC,IAAAA,UAAU,EAAE,EADD;AAEXC,IAAAA,SAAS,EAAE;AAFA,GAAb;AAKA,SAAOF,MAAP;AACD,CAPM","sourcesContent":["import { HoverProps } from '@react-aria/interactions';\n\nexport const useHover = (_props: HoverProps, _ref: any) => {\n  let params = {\n    hoverProps: {},\n    isHovered: false,\n  };\n\n  return params;\n};\n"]}
+{"version":3,"sources":["useHover.ts"],"names":["useHover","_props","_ref","isHovered","setHovered","params","hoverProps","onHoverIn","onHoverOut"],"mappings":";;;;;;;AACA;;AAEO,MAAMA,QAAQ,GAAG,CAACC,MAAD,EAAqBC,IAArB,KAAoC;AAC1D,QAAM,CAACC,SAAD,EAAYC,UAAZ,IAA0B,qBAAS,KAAT,CAAhC;AACA,MAAIC,MAAM,GAAG;AACXC,IAAAA,UAAU,EAAE;AACVC,MAAAA,SAAS,EAAE,MAAMH,UAAU,CAAC,IAAD,CADjB;AAEVI,MAAAA,UAAU,EAAE,MAAMJ,UAAU,CAAC,KAAD;AAFlB,KADD;AAKXD,IAAAA;AALW,GAAb;AAQA,SAAOE,MAAP;AACD,CAXM","sourcesContent":["import { HoverProps } from '@react-aria/interactions';\nimport { useState } from 'react';\n\nexport const useHover = (_props: HoverProps, _ref?: any) => {\n  const [isHovered, setHovered] = useState(false);\n  let params = {\n    hoverProps: {\n      onHoverIn: () => setHovered(true),\n      onHoverOut: () => setHovered(false),\n    },\n    isHovered,\n  };\n\n  return params;\n};\n"]}

package/lib/commonjs/useHover.web.js

@@ -14,7 +14,7 @@ var _utils = require("@react-native-aria/utils");
 const useHover = (props, ref) => {
   let params = (0, _interactions.useHover)(props);
   (0, _react.useEffect)(() => {
-    (0, _utils.attachEventHandlersOnRef)(params.hoverProps, ref);
+    ref && ref.current && (0, _utils.attachEventHandlersOnRef)(params.hoverProps, ref);
   }, []);
   return params;
 };

package/lib/commonjs/useHover.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useHover.web.ts"],"names":["useHover","props","ref","params","hoverProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEO,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAoBC,GAApB,KAAiC;AACvD,MAAIC,MAAM,GAAG,4BAAYF,KAAZ,CAAb;AACA,wBAAU,MAAM;AACd,yCAAyBE,MAAM,CAACC,UAAhC,EAA4CF,GAA5C;AACD,GAFD,EAEG,EAFH;AAIA,SAAOC,MAAP;AACD,CAPM","sourcesContent":["import { useHover as useHoverWeb, HoverProps } from '@react-aria/interactions';\nimport { useEffect } from 'react';\nimport { attachEventHandlersOnRef } from '@react-native-aria/utils';\n\nexport const useHover = (props: HoverProps, ref: any) => {\n  let params = useHoverWeb(props);\n  useEffect(() => {\n    attachEventHandlersOnRef(params.hoverProps, ref);\n  }, []);\n\n  return params;\n};\n"]}
+{"version":3,"sources":["useHover.web.ts"],"names":["useHover","props","ref","params","current","hoverProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEO,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAoBC,GAApB,KAAkC;AACxD,MAAIC,MAAM,GAAG,4BAAYF,KAAZ,CAAb;AACA,wBAAU,MAAM;AACdC,IAAAA,GAAG,IAAIA,GAAG,CAACE,OAAX,IAAsB,qCAAyBD,MAAM,CAACE,UAAhC,EAA4CH,GAA5C,CAAtB;AACD,GAFD,EAEG,EAFH;AAIA,SAAOC,MAAP;AACD,CAPM","sourcesContent":["import { useHover as useHoverWeb, HoverProps } from '@react-aria/interactions';\nimport { useEffect } from 'react';\nimport { attachEventHandlersOnRef } from '@react-native-aria/utils';\n\nexport const useHover = (props: HoverProps, ref?: any) => {\n  let params = useHoverWeb(props);\n  useEffect(() => {\n    ref && ref.current && attachEventHandlersOnRef(params.hoverProps, ref);\n  }, []);\n\n  return params;\n};\n"]}

package/lib/commonjs/useIsPressProps.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsPressProps = void 0;
+
+var _react = require("react");
+
+const useIsPressProps = () => {
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+  return {
+    pressableProps: {
+      onPressIn: () => setIsPressed(true),
+      onPressOut: () => setIsPressed(false)
+    },
+    isPressed
+  };
+};
+
+exports.useIsPressProps = useIsPressProps;
+//# sourceMappingURL=useIsPressProps.js.map

package/lib/commonjs/useIsPressProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useIsPressProps.ts"],"names":["useIsPressProps","isPressed","setIsPressed","pressableProps","onPressIn","onPressOut"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,eAAe,GAAG,MAAM;AACnC,QAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4B,qBAAS,KAAT,CAAlC;AACA,SAAO;AACLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,SAAS,EAAE,MAAMF,YAAY,CAAC,IAAD,CADf;AAEdG,MAAAA,UAAU,EAAE,MAAMH,YAAY,CAAC,KAAD;AAFhB,KADX;AAKLD,IAAAA;AALK,GAAP;AAOD,CATM","sourcesContent":["import { useState } from 'react';\n\nexport const useIsPressProps = () => {\n  const [isPressed, setIsPressed] = useState(false);\n  return {\n    pressableProps: {\n      onPressIn: () => setIsPressed(true),\n      onPressOut: () => setIsPressed(false),\n    },\n    isPressed,\n  };\n};\n"]}

package/lib/commonjs/useKeyboardDismisssable.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBackHandler = useBackHandler;
+exports.useKeyboardDismissable = exports.keyboardDismissHandlerManager = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+let keyboardDismissHandlers = [];
+const keyboardDismissHandlerManager = {
+  push: handler => {
+    keyboardDismissHandlers.push(handler);
+    return () => {
+      keyboardDismissHandlers = keyboardDismissHandlers.filter(h => h !== handler);
+    };
+  },
+  length: () => keyboardDismissHandlers.length,
+  pop: () => {
+    return keyboardDismissHandlers.pop();
+  }
+};
+/**
+ * Handles attaching callback for Escape key listener on web and Back button listener on Android
+ */
+
+exports.keyboardDismissHandlerManager = keyboardDismissHandlerManager;
+
+const useKeyboardDismissable = ({
+  enabled,
+  callback
+}) => {
+  _react.default.useEffect(() => {
+    let cleanupFn = () => {};
+
+    if (enabled) {
+      cleanupFn = keyboardDismissHandlerManager.push(callback);
+    } else {
+      cleanupFn();
+    }
+
+    return () => {
+      cleanupFn();
+    };
+  }, [enabled, callback]);
+
+  useBackHandler({
+    enabled,
+    callback
+  });
+};
+
+exports.useKeyboardDismissable = useKeyboardDismissable;
+
+function useBackHandler({
+  enabled,
+  callback
+}) {
+  (0, _react.useEffect)(() => {
+    let backHandler = () => {
+      callback();
+      return true;
+    };
+
+    if (enabled) {
+      _reactNative.BackHandler.addEventListener('hardwareBackPress', backHandler);
+    } else {
+      _reactNative.BackHandler.removeEventListener('hardwareBackPress', backHandler);
+    }
+
+    return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', backHandler);
+  }, [enabled, callback]);
+}
+//# sourceMappingURL=useKeyboardDismisssable.js.map

package/lib/commonjs/useKeyboardDismisssable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useKeyboardDismisssable.ts"],"names":["keyboardDismissHandlers","keyboardDismissHandlerManager","push","handler","filter","h","length","pop","useKeyboardDismissable","enabled","callback","React","useEffect","cleanupFn","useBackHandler","backHandler","BackHandler","addEventListener","removeEventListener"],"mappings":";;;;;;;;AAAA;;AAEA;;;;;;AAOA,IAAIA,uBAAyC,GAAG,EAAhD;AACO,MAAMC,6BAA6B,GAAG;AAC3CC,EAAAA,IAAI,EAAGC,OAAD,IAAwB;AAC5BH,IAAAA,uBAAuB,CAACE,IAAxB,CAA6BC,OAA7B;AACA,WAAO,MAAM;AACXH,MAAAA,uBAAuB,GAAGA,uBAAuB,CAACI,MAAxB,CACvBC,CAAD,IAAOA,CAAC,KAAKF,OADW,CAA1B;AAGD,KAJD;AAKD,GAR0C;AAS3CG,EAAAA,MAAM,EAAE,MAAMN,uBAAuB,CAACM,MATK;AAU3CC,EAAAA,GAAG,EAAE,MAAM;AACT,WAAOP,uBAAuB,CAACO,GAAxB,EAAP;AACD;AAZ0C,CAAtC;AAeP;AACA;AACA;;;;AACO,MAAMC,sBAAsB,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAAoC;AACxEC,iBAAMC,SAAN,CAAgB,MAAM;AACpB,QAAIC,SAAS,GAAG,MAAM,CAAE,CAAxB;;AACA,QAAIJ,OAAJ,EAAa;AACXI,MAAAA,SAAS,GAAGZ,6BAA6B,CAACC,IAA9B,CAAmCQ,QAAnC,CAAZ;AACD,KAFD,MAEO;AACLG,MAAAA,SAAS;AACV;;AACD,WAAO,MAAM;AACXA,MAAAA,SAAS;AACV,KAFD;AAGD,GAVD,EAUG,CAACJ,OAAD,EAAUC,QAAV,CAVH;;AAYAI,EAAAA,cAAc,CAAC;AAAEL,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAD,CAAd;AACD,CAdM;;;;AAgBA,SAASI,cAAT,CAAwB;AAAEL,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAxB,EAAwD;AAC7D,wBAAU,MAAM;AACd,QAAIK,WAAW,GAAG,MAAM;AACtBL,MAAAA,QAAQ;AACR,aAAO,IAAP;AACD,KAHD;;AAIA,QAAID,OAAJ,EAAa;AACXO,+BAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDF,WAAlD;AACD,KAFD,MAEO;AACLC,+BAAYE,mBAAZ,CAAgC,mBAAhC,EAAqDH,WAArD;AACD;;AACD,WAAO,MACLC,yBAAYE,mBAAZ,CAAgC,mBAAhC,EAAqDH,WAArD,CADF;AAED,GAZD,EAYG,CAACN,OAAD,EAAUC,QAAV,CAZH;AAaD","sourcesContent":["import React from 'react';\nimport { useEffect } from 'react';\nimport { BackHandler } from 'react-native';\n\ntype IParams = {\n  enabled?: boolean;\n  callback: () => any;\n};\n\nlet keyboardDismissHandlers: Array<() => any> = [];\nexport const keyboardDismissHandlerManager = {\n  push: (handler: () => any) => {\n    keyboardDismissHandlers.push(handler);\n    return () => {\n      keyboardDismissHandlers = keyboardDismissHandlers.filter(\n        (h) => h !== handler\n      );\n    };\n  },\n  length: () => keyboardDismissHandlers.length,\n  pop: () => {\n    return keyboardDismissHandlers.pop();\n  },\n};\n\n/**\n * Handles attaching callback for Escape key listener on web and Back button listener on Android\n */\nexport const useKeyboardDismissable = ({ enabled, callback }: IParams) => {\n  React.useEffect(() => {\n    let cleanupFn = () => {};\n    if (enabled) {\n      cleanupFn = keyboardDismissHandlerManager.push(callback);\n    } else {\n      cleanupFn();\n    }\n    return () => {\n      cleanupFn();\n    };\n  }, [enabled, callback]);\n\n  useBackHandler({ enabled, callback });\n};\n\nexport function useBackHandler({ enabled, callback }: IParams) {\n  useEffect(() => {\n    let backHandler = () => {\n      callback();\n      return true;\n    };\n    if (enabled) {\n      BackHandler.addEventListener('hardwareBackPress', backHandler);\n    } else {\n      BackHandler.removeEventListener('hardwareBackPress', backHandler);\n    }\n    return () =>\n      BackHandler.removeEventListener('hardwareBackPress', backHandler);\n  }, [enabled, callback]);\n}\n"]}

package/lib/module/index.js

@@ -1,3 +1,5 @@
-export * from './useHover';
-export * from './usePress';
+export { useHover } from './useHover';
+export { usePress, PressEvents, PressHookProps, PressProps, PressResult } from './usePress';
+export { useIsPressProps } from './useIsPressProps';
+export { keyboardDismissHandlerManager, useKeyboardDismissable, useBackHandler } from './useKeyboardDismisssable';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,YAAd","sourcesContent":["export * from './useHover';\nexport * from './usePress';\n"]}
+{"version":3,"sources":["index.ts"],"names":["useHover","usePress","PressEvents","PressHookProps","PressProps","PressResult","useIsPressProps","keyboardDismissHandlerManager","useKeyboardDismissable","useBackHandler"],"mappings":"AAAA,SAASA,QAAT,QAAyB,YAAzB;AACA,SACEC,QADF,EAEEC,WAFF,EAGEC,cAHF,EAIEC,UAJF,EAKEC,WALF,QAMO,YANP;AAOA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SACEC,6BADF,EAEEC,sBAFF,EAGEC,cAHF,QAIO,2BAJP","sourcesContent":["export { useHover } from './useHover';\nexport {\n  usePress,\n  PressEvents,\n  PressHookProps,\n  PressProps,\n  PressResult,\n} from './usePress';\nexport { useIsPressProps } from './useIsPressProps';\nexport {\n  keyboardDismissHandlerManager,\n  useKeyboardDismissable,\n  useBackHandler,\n} from './useKeyboardDismisssable';\n"]}

package/lib/module/index.web.js

@@ -1,3 +1,5 @@
-export { useHover } from "./useHover.web";
-export { usePress } from "./usePress";
+export { useHover } from './useHover.web';
+export { usePress } from './usePress';
+export { useIsPressProps } from './useIsPressProps';
+export { keyboardDismissHandlerManager, useKeyboardDismissable, useBackHandler } from './useKeyboardDismisssable';
 //# sourceMappingURL=index.web.js.map

package/lib/module/index.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.web.ts"],"names":["useHover","usePress"],"mappings":"AAAA,SAASA,QAAT,QAAyB,gBAAzB;AACA,SAASC,QAAT,QAAyB,YAAzB","sourcesContent":["export { useHover } from \"./useHover.web\";\nexport { usePress } from \"./usePress\";\n"]}
+{"version":3,"sources":["index.web.ts"],"names":["useHover","usePress","useIsPressProps","keyboardDismissHandlerManager","useKeyboardDismissable","useBackHandler"],"mappings":"AAAA,SAASA,QAAT,QAAyB,gBAAzB;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SACEC,6BADF,EAEEC,sBAFF,EAGEC,cAHF,QAIO,2BAJP","sourcesContent":["export { useHover } from './useHover.web';\nexport { usePress } from './usePress';\nexport { useIsPressProps } from './useIsPressProps';\nexport {\n  keyboardDismissHandlerManager,\n  useKeyboardDismissable,\n  useBackHandler,\n} from './useKeyboardDismisssable';\n"]}

package/lib/module/useHover.js

@@ -1,7 +1,12 @@
+import { useState } from 'react';
 export const useHover = (_props, _ref) => {
+  const [isHovered, setHovered] = useState(false);
   let params = {
-    hoverProps: {},
-    isHovered: false
+    hoverProps: {
+      onHoverIn: () => setHovered(true),
+      onHoverOut: () => setHovered(false)
+    },
+    isHovered
   };
   return params;
 };

package/lib/module/useHover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useHover.ts"],"names":["useHover","_props","_ref","params","hoverProps","isHovered"],"mappings":"AAEA,OAAO,MAAMA,QAAQ,GAAG,CAACC,MAAD,EAAqBC,IAArB,KAAmC;AACzD,MAAIC,MAAM,GAAG;AACXC,IAAAA,UAAU,EAAE,EADD;AAEXC,IAAAA,SAAS,EAAE;AAFA,GAAb;AAKA,SAAOF,MAAP;AACD,CAPM","sourcesContent":["import { HoverProps } from '@react-aria/interactions';\n\nexport const useHover = (_props: HoverProps, _ref: any) => {\n  let params = {\n    hoverProps: {},\n    isHovered: false,\n  };\n\n  return params;\n};\n"]}
+{"version":3,"sources":["useHover.ts"],"names":["useState","useHover","_props","_ref","isHovered","setHovered","params","hoverProps","onHoverIn","onHoverOut"],"mappings":"AACA,SAASA,QAAT,QAAyB,OAAzB;AAEA,OAAO,MAAMC,QAAQ,GAAG,CAACC,MAAD,EAAqBC,IAArB,KAAoC;AAC1D,QAAM,CAACC,SAAD,EAAYC,UAAZ,IAA0BL,QAAQ,CAAC,KAAD,CAAxC;AACA,MAAIM,MAAM,GAAG;AACXC,IAAAA,UAAU,EAAE;AACVC,MAAAA,SAAS,EAAE,MAAMH,UAAU,CAAC,IAAD,CADjB;AAEVI,MAAAA,UAAU,EAAE,MAAMJ,UAAU,CAAC,KAAD;AAFlB,KADD;AAKXD,IAAAA;AALW,GAAb;AAQA,SAAOE,MAAP;AACD,CAXM","sourcesContent":["import { HoverProps } from '@react-aria/interactions';\nimport { useState } from 'react';\n\nexport const useHover = (_props: HoverProps, _ref?: any) => {\n  const [isHovered, setHovered] = useState(false);\n  let params = {\n    hoverProps: {\n      onHoverIn: () => setHovered(true),\n      onHoverOut: () => setHovered(false),\n    },\n    isHovered,\n  };\n\n  return params;\n};\n"]}

package/lib/module/useHover.web.js

@@ -4,7 +4,7 @@ import { attachEventHandlersOnRef } from '@react-native-aria/utils';
 export const useHover = (props, ref) => {
   let params = useHoverWeb(props);
   useEffect(() => {
-    attachEventHandlersOnRef(params.hoverProps, ref);
+    ref && ref.current && attachEventHandlersOnRef(params.hoverProps, ref);
   }, []);
   return params;
 };

package/lib/module/useHover.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useHover.web.ts"],"names":["useHover","useHoverWeb","useEffect","attachEventHandlersOnRef","props","ref","params","hoverProps"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,WAArB,QAAoD,0BAApD;AACA,SAASC,SAAT,QAA0B,OAA1B;AACA,SAASC,wBAAT,QAAyC,0BAAzC;AAEA,OAAO,MAAMH,QAAQ,GAAG,CAACI,KAAD,EAAoBC,GAApB,KAAiC;AACvD,MAAIC,MAAM,GAAGL,WAAW,CAACG,KAAD,CAAxB;AACAF,EAAAA,SAAS,CAAC,MAAM;AACdC,IAAAA,wBAAwB,CAACG,MAAM,CAACC,UAAR,EAAoBF,GAApB,CAAxB;AACD,GAFQ,EAEN,EAFM,CAAT;AAIA,SAAOC,MAAP;AACD,CAPM","sourcesContent":["import { useHover as useHoverWeb, HoverProps } from '@react-aria/interactions';\nimport { useEffect } from 'react';\nimport { attachEventHandlersOnRef } from '@react-native-aria/utils';\n\nexport const useHover = (props: HoverProps, ref: any) => {\n  let params = useHoverWeb(props);\n  useEffect(() => {\n    attachEventHandlersOnRef(params.hoverProps, ref);\n  }, []);\n\n  return params;\n};\n"]}
+{"version":3,"sources":["useHover.web.ts"],"names":["useHover","useHoverWeb","useEffect","attachEventHandlersOnRef","props","ref","params","current","hoverProps"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,WAArB,QAAoD,0BAApD;AACA,SAASC,SAAT,QAA0B,OAA1B;AACA,SAASC,wBAAT,QAAyC,0BAAzC;AAEA,OAAO,MAAMH,QAAQ,GAAG,CAACI,KAAD,EAAoBC,GAApB,KAAkC;AACxD,MAAIC,MAAM,GAAGL,WAAW,CAACG,KAAD,CAAxB;AACAF,EAAAA,SAAS,CAAC,MAAM;AACdG,IAAAA,GAAG,IAAIA,GAAG,CAACE,OAAX,IAAsBJ,wBAAwB,CAACG,MAAM,CAACE,UAAR,EAAoBH,GAApB,CAA9C;AACD,GAFQ,EAEN,EAFM,CAAT;AAIA,SAAOC,MAAP;AACD,CAPM","sourcesContent":["import { useHover as useHoverWeb, HoverProps } from '@react-aria/interactions';\nimport { useEffect } from 'react';\nimport { attachEventHandlersOnRef } from '@react-native-aria/utils';\n\nexport const useHover = (props: HoverProps, ref?: any) => {\n  let params = useHoverWeb(props);\n  useEffect(() => {\n    ref && ref.current && attachEventHandlersOnRef(params.hoverProps, ref);\n  }, []);\n\n  return params;\n};\n"]}

package/lib/module/useIsPressProps.js

@@ -0,0 +1,12 @@
+import { useState } from 'react';
+export const useIsPressProps = () => {
+  const [isPressed, setIsPressed] = useState(false);
+  return {
+    pressableProps: {
+      onPressIn: () => setIsPressed(true),
+      onPressOut: () => setIsPressed(false)
+    },
+    isPressed
+  };
+};
+//# sourceMappingURL=useIsPressProps.js.map

package/lib/module/useIsPressProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useIsPressProps.ts"],"names":["useState","useIsPressProps","isPressed","setIsPressed","pressableProps","onPressIn","onPressOut"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;AAEA,OAAO,MAAMC,eAAe,GAAG,MAAM;AACnC,QAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4BH,QAAQ,CAAC,KAAD,CAA1C;AACA,SAAO;AACLI,IAAAA,cAAc,EAAE;AACdC,MAAAA,SAAS,EAAE,MAAMF,YAAY,CAAC,IAAD,CADf;AAEdG,MAAAA,UAAU,EAAE,MAAMH,YAAY,CAAC,KAAD;AAFhB,KADX;AAKLD,IAAAA;AALK,GAAP;AAOD,CATM","sourcesContent":["import { useState } from 'react';\n\nexport const useIsPressProps = () => {\n  const [isPressed, setIsPressed] = useState(false);\n  return {\n    pressableProps: {\n      onPressIn: () => setIsPressed(true),\n      onPressOut: () => setIsPressed(false),\n    },\n    isPressed,\n  };\n};\n"]}

package/lib/module/useKeyboardDismisssable.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { useEffect } from 'react';
+import { BackHandler } from 'react-native';
+let keyboardDismissHandlers = [];
+export const keyboardDismissHandlerManager = {
+  push: handler => {
+    keyboardDismissHandlers.push(handler);
+    return () => {
+      keyboardDismissHandlers = keyboardDismissHandlers.filter(h => h !== handler);
+    };
+  },
+  length: () => keyboardDismissHandlers.length,
+  pop: () => {
+    return keyboardDismissHandlers.pop();
+  }
+};
+/**
+ * Handles attaching callback for Escape key listener on web and Back button listener on Android
+ */
+
+export const useKeyboardDismissable = ({
+  enabled,
+  callback
+}) => {
+  React.useEffect(() => {
+    let cleanupFn = () => {};
+
+    if (enabled) {
+      cleanupFn = keyboardDismissHandlerManager.push(callback);
+    } else {
+      cleanupFn();
+    }
+
+    return () => {
+      cleanupFn();
+    };
+  }, [enabled, callback]);
+  useBackHandler({
+    enabled,
+    callback
+  });
+};
+export function useBackHandler({
+  enabled,
+  callback
+}) {
+  useEffect(() => {
+    let backHandler = () => {
+      callback();
+      return true;
+    };
+
+    if (enabled) {
+      BackHandler.addEventListener('hardwareBackPress', backHandler);
+    } else {
+      BackHandler.removeEventListener('hardwareBackPress', backHandler);
+    }
+
+    return () => BackHandler.removeEventListener('hardwareBackPress', backHandler);
+  }, [enabled, callback]);
+}
+//# sourceMappingURL=useKeyboardDismisssable.js.map

package/lib/module/useKeyboardDismisssable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useKeyboardDismisssable.ts"],"names":["React","useEffect","BackHandler","keyboardDismissHandlers","keyboardDismissHandlerManager","push","handler","filter","h","length","pop","useKeyboardDismissable","enabled","callback","cleanupFn","useBackHandler","backHandler","addEventListener","removeEventListener"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,OAA1B;AACA,SAASC,WAAT,QAA4B,cAA5B;AAOA,IAAIC,uBAAyC,GAAG,EAAhD;AACA,OAAO,MAAMC,6BAA6B,GAAG;AAC3CC,EAAAA,IAAI,EAAGC,OAAD,IAAwB;AAC5BH,IAAAA,uBAAuB,CAACE,IAAxB,CAA6BC,OAA7B;AACA,WAAO,MAAM;AACXH,MAAAA,uBAAuB,GAAGA,uBAAuB,CAACI,MAAxB,CACvBC,CAAD,IAAOA,CAAC,KAAKF,OADW,CAA1B;AAGD,KAJD;AAKD,GAR0C;AAS3CG,EAAAA,MAAM,EAAE,MAAMN,uBAAuB,CAACM,MATK;AAU3CC,EAAAA,GAAG,EAAE,MAAM;AACT,WAAOP,uBAAuB,CAACO,GAAxB,EAAP;AACD;AAZ0C,CAAtC;AAeP;AACA;AACA;;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAAoC;AACxEb,EAAAA,KAAK,CAACC,SAAN,CAAgB,MAAM;AACpB,QAAIa,SAAS,GAAG,MAAM,CAAE,CAAxB;;AACA,QAAIF,OAAJ,EAAa;AACXE,MAAAA,SAAS,GAAGV,6BAA6B,CAACC,IAA9B,CAAmCQ,QAAnC,CAAZ;AACD,KAFD,MAEO;AACLC,MAAAA,SAAS;AACV;;AACD,WAAO,MAAM;AACXA,MAAAA,SAAS;AACV,KAFD;AAGD,GAVD,EAUG,CAACF,OAAD,EAAUC,QAAV,CAVH;AAYAE,EAAAA,cAAc,CAAC;AAAEH,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAD,CAAd;AACD,CAdM;AAgBP,OAAO,SAASE,cAAT,CAAwB;AAAEH,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAxB,EAAwD;AAC7DZ,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIe,WAAW,GAAG,MAAM;AACtBH,MAAAA,QAAQ;AACR,aAAO,IAAP;AACD,KAHD;;AAIA,QAAID,OAAJ,EAAa;AACXV,MAAAA,WAAW,CAACe,gBAAZ,CAA6B,mBAA7B,EAAkDD,WAAlD;AACD,KAFD,MAEO;AACLd,MAAAA,WAAW,CAACgB,mBAAZ,CAAgC,mBAAhC,EAAqDF,WAArD;AACD;;AACD,WAAO,MACLd,WAAW,CAACgB,mBAAZ,CAAgC,mBAAhC,EAAqDF,WAArD,CADF;AAED,GAZQ,EAYN,CAACJ,OAAD,EAAUC,QAAV,CAZM,CAAT;AAaD","sourcesContent":["import React from 'react';\nimport { useEffect } from 'react';\nimport { BackHandler } from 'react-native';\n\ntype IParams = {\n  enabled?: boolean;\n  callback: () => any;\n};\n\nlet keyboardDismissHandlers: Array<() => any> = [];\nexport const keyboardDismissHandlerManager = {\n  push: (handler: () => any) => {\n    keyboardDismissHandlers.push(handler);\n    return () => {\n      keyboardDismissHandlers = keyboardDismissHandlers.filter(\n        (h) => h !== handler\n      );\n    };\n  },\n  length: () => keyboardDismissHandlers.length,\n  pop: () => {\n    return keyboardDismissHandlers.pop();\n  },\n};\n\n/**\n * Handles attaching callback for Escape key listener on web and Back button listener on Android\n */\nexport const useKeyboardDismissable = ({ enabled, callback }: IParams) => {\n  React.useEffect(() => {\n    let cleanupFn = () => {};\n    if (enabled) {\n      cleanupFn = keyboardDismissHandlerManager.push(callback);\n    } else {\n      cleanupFn();\n    }\n    return () => {\n      cleanupFn();\n    };\n  }, [enabled, callback]);\n\n  useBackHandler({ enabled, callback });\n};\n\nexport function useBackHandler({ enabled, callback }: IParams) {\n  useEffect(() => {\n    let backHandler = () => {\n      callback();\n      return true;\n    };\n    if (enabled) {\n      BackHandler.addEventListener('hardwareBackPress', backHandler);\n    } else {\n      BackHandler.removeEventListener('hardwareBackPress', backHandler);\n    }\n    return () =>\n      BackHandler.removeEventListener('hardwareBackPress', backHandler);\n  }, [enabled, callback]);\n}\n"]}

package/lib/typescript/index.d.ts

@@ -1,2 +1,4 @@
-export * from './useHover';
-export * from './usePress';
+export { useHover } from './useHover';
+export { usePress, PressEvents, PressHookProps, PressProps, PressResult, } from './usePress';
+export { useIsPressProps } from './useIsPressProps';
+export { keyboardDismissHandlerManager, useKeyboardDismissable, useBackHandler, } from './useKeyboardDismisssable';

package/lib/typescript/index.web.d.ts

@@ -1,2 +1,4 @@
-export { useHover } from "./useHover.web";
-export { usePress } from "./usePress";
+export { useHover } from './useHover.web';
+export { usePress } from './usePress';
+export { useIsPressProps } from './useIsPressProps';
+export { keyboardDismissHandlerManager, useKeyboardDismissable, useBackHandler, } from './useKeyboardDismisssable';

package/lib/typescript/useHover.d.ts

@@ -1,5 +1,8 @@
 import { HoverProps } from '@react-aria/interactions';
-export declare const useHover: (_props: HoverProps, _ref: any) => {
-    hoverProps: {};
+export declare const useHover: (_props: HoverProps, _ref?: any) => {
+    hoverProps: {
+        onHoverIn: () => void;
+        onHoverOut: () => void;
+    };
     isHovered: boolean;
 };

package/lib/typescript/useHover.web.d.ts

@@ -1,2 +1,2 @@
 import { HoverProps } from '@react-aria/interactions';
-export declare const useHover: (props: HoverProps, ref: any) => import("@react-aria/interactions").HoverResult;
+export declare const useHover: (props: HoverProps, ref?: any) => import("@react-aria/interactions").HoverResult;

package/lib/typescript/useIsPressProps.d.ts

@@ -0,0 +1,7 @@
+export declare const useIsPressProps: () => {
+    pressableProps: {
+        onPressIn: () => void;
+        onPressOut: () => void;
+    };
+    isPressed: boolean;
+};

package/lib/typescript/useKeyboardDismisssable.d.ts

@@ -0,0 +1,15 @@
+declare type IParams = {
+    enabled?: boolean;
+    callback: () => any;
+};
+export declare const keyboardDismissHandlerManager: {
+    push: (handler: () => any) => () => void;
+    length: () => number;
+    pop: () => () => any;
+};
+/**
+ * Handles attaching callback for Escape key listener on web and Back button listener on Android
+ */
+export declare const useKeyboardDismissable: ({ enabled, callback }: IParams) => void;
+export declare function useBackHandler({ enabled, callback }: IParams): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/interactions",
-  "version": "0.2.8",
+  "version": "0.2.10-alpha.0",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/index.ts

@@ -1,2 +1,14 @@
-export * from './useHover';
-export * from './usePress';
+export { useHover } from './useHover';
+export {
+  usePress,
+  PressEvents,
+  PressHookProps,
+  PressProps,
+  PressResult,
+} from './usePress';
+export { useIsPressProps } from './useIsPressProps';
+export {
+  keyboardDismissHandlerManager,
+  useKeyboardDismissable,
+  useBackHandler,
+} from './useKeyboardDismisssable';

package/src/index.web.ts

@@ -1,2 +1,8 @@
-export { useHover } from "./useHover.web";
-export { usePress } from "./usePress";
+export { useHover } from './useHover.web';
+export { usePress } from './usePress';
+export { useIsPressProps } from './useIsPressProps';
+export {
+  keyboardDismissHandlerManager,
+  useKeyboardDismissable,
+  useBackHandler,
+} from './useKeyboardDismisssable';

package/src/useHover.ts

@@ -1,9 +1,14 @@
 import { HoverProps } from '@react-aria/interactions';
+import { useState } from 'react';
 
-export const useHover = (_props: HoverProps, _ref: any) => {
+export const useHover = (_props: HoverProps, _ref?: any) => {
+  const [isHovered, setHovered] = useState(false);
   let params = {
-    hoverProps: {},
-    isHovered: false,
+    hoverProps: {
+      onHoverIn: () => setHovered(true),
+      onHoverOut: () => setHovered(false),
+    },
+    isHovered,
   };
 
   return params;

package/src/useHover.web.ts

@@ -2,10 +2,10 @@ import { useHover as useHoverWeb, HoverProps } from '@react-aria/interactions';
 import { useEffect } from 'react';
 import { attachEventHandlersOnRef } from '@react-native-aria/utils';
 
-export const useHover = (props: HoverProps, ref: any) => {
+export const useHover = (props: HoverProps, ref?: any) => {
   let params = useHoverWeb(props);
   useEffect(() => {
-    attachEventHandlersOnRef(params.hoverProps, ref);
+    ref && ref.current && attachEventHandlersOnRef(params.hoverProps, ref);
   }, []);
 
   return params;

package/src/useIsPressProps.ts

@@ -0,0 +1,12 @@
+import { useState } from 'react';
+
+export const useIsPressProps = () => {
+  const [isPressed, setIsPressed] = useState(false);
+  return {
+    pressableProps: {
+      onPressIn: () => setIsPressed(true),
+      onPressOut: () => setIsPressed(false),
+    },
+    isPressed,
+  };
+};

package/src/useKeyboardDismisssable.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { useEffect } from 'react';
+import { BackHandler } from 'react-native';
+
+type IParams = {
+  enabled?: boolean;
+  callback: () => any;
+};
+
+let keyboardDismissHandlers: Array<() => any> = [];
+export const keyboardDismissHandlerManager = {
+  push: (handler: () => any) => {
+    keyboardDismissHandlers.push(handler);
+    return () => {
+      keyboardDismissHandlers = keyboardDismissHandlers.filter(
+        (h) => h !== handler
+      );
+    };
+  },
+  length: () => keyboardDismissHandlers.length,
+  pop: () => {
+    return keyboardDismissHandlers.pop();
+  },
+};
+
+/**
+ * Handles attaching callback for Escape key listener on web and Back button listener on Android
+ */
+export const useKeyboardDismissable = ({ enabled, callback }: IParams) => {
+  React.useEffect(() => {
+    let cleanupFn = () => {};
+    if (enabled) {
+      cleanupFn = keyboardDismissHandlerManager.push(callback);
+    } else {
+      cleanupFn();
+    }
+    return () => {
+      cleanupFn();
+    };
+  }, [enabled, callback]);
+
+  useBackHandler({ enabled, callback });
+};
+
+export function useBackHandler({ enabled, callback }: IParams) {
+  useEffect(() => {
+    let backHandler = () => {
+      callback();
+      return true;
+    };
+    if (enabled) {
+      BackHandler.addEventListener('hardwareBackPress', backHandler);
+    } else {
+      BackHandler.removeEventListener('hardwareBackPress', backHandler);
+    }
+    return () =>
+      BackHandler.removeEventListener('hardwareBackPress', backHandler);
+  }, [enabled, callback]);
+}