@react-native-aria/focus 0.2.7 → 0.2.8-alpha.0

package/lib/commonjs/index.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   FocusScope: true,
-  useFocusManager: true
+  useFocusManager: true,
+  useFocus: true
 };
 Object.defineProperty(exports, "FocusScope", {
   enumerable: true,
@@ -19,6 +20,12 @@ Object.defineProperty(exports, "useFocusManager", {
     return _FocusScope.useFocusManager;
   }
 });
+Object.defineProperty(exports, "useFocus", {
+  enumerable: true,
+  get: function () {
+    return _useFocus.useFocus;
+  }
+});
 
 var _useFocusRing = require("./useFocusRing");
 
@@ -35,4 +42,6 @@ Object.keys(_useFocusRing).forEach(function (key) {
 });
 
 var _FocusScope = require("./FocusScope");
+
+var _useFocus = require("./useFocus");
 //# 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;AAAA;;AACA","sourcesContent":["export * from './useFocusRing';\nexport { FocusScope, useFocusManager } from './FocusScope';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA","sourcesContent":["export * from './useFocusRing';\nexport { FocusScope, useFocusManager } from './FocusScope';\nexport { useFocus } from './useFocus';\n"]}

package/lib/commonjs/index.web.js

@@ -21,8 +21,16 @@ Object.defineProperty(exports, "useFocusManager", {
     return _FocusScope.useFocusManager;
   }
 });
+Object.defineProperty(exports, "useFocus", {
+  enumerable: true,
+  get: function () {
+    return _useFocus.useFocus;
+  }
+});
 
 var _useFocusRing = require("./useFocusRing.web");
 
 var _FocusScope = require("./FocusScope.web");
+
+var _useFocus = require("./useFocus");
 //# 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 { useFocusRing } from './useFocusRing.web';\nexport { FocusScope } from './FocusScope.web';\nexport { useFocusManager } from './FocusScope.web';\n"]}
+{"version":3,"sources":["index.web.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA","sourcesContent":["export { useFocusRing } from './useFocusRing.web';\nexport { FocusScope } from './FocusScope.web';\nexport { useFocusManager } from './FocusScope.web';\nexport { useFocus } from './useFocus';\n"]}

package/lib/commonjs/useFocus.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFocus = void 0;
+
+var _react = require("react");
+
+const useFocus = () => {
+  const [isFocused, setFocused] = (0, _react.useState)(false);
+  return {
+    focusProps: {
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false)
+    },
+    isFocused
+  };
+};
+
+exports.useFocus = useFocus;
+//# sourceMappingURL=useFocus.js.map

package/lib/commonjs/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFocus.ts"],"names":["useFocus","isFocused","setFocused","focusProps","onFocus","onBlur"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,QAAQ,GAAG,MAAM;AAC5B,QAAM,CAACC,SAAD,EAAYC,UAAZ,IAA0B,qBAAS,KAAT,CAAhC;AACA,SAAO;AACLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,MAAMF,UAAU,CAAC,IAAD,CADf;AAEVG,MAAAA,MAAM,EAAE,MAAMH,UAAU,CAAC,KAAD;AAFd,KADP;AAKLD,IAAAA;AALK,GAAP;AAOD,CATM","sourcesContent":["import { useState } from 'react';\n\nexport const useFocus = () => {\n  const [isFocused, setFocused] = useState(false);\n  return {\n    focusProps: {\n      onFocus: () => setFocused(true),\n      onBlur: () => setFocused(false),\n    },\n    isFocused,\n  };\n};\n"]}

package/lib/module/index.js

@@ -1,3 +1,4 @@
 export * from './useFocusRing';
 export { FocusScope, useFocusManager } from './FocusScope';
+export { useFocus } from './useFocus';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["FocusScope","useFocusManager"],"mappings":"AAAA,cAAc,gBAAd;AACA,SAASA,UAAT,EAAqBC,eAArB,QAA4C,cAA5C","sourcesContent":["export * from './useFocusRing';\nexport { FocusScope, useFocusManager } from './FocusScope';\n"]}
+{"version":3,"sources":["index.ts"],"names":["FocusScope","useFocusManager","useFocus"],"mappings":"AAAA,cAAc,gBAAd;AACA,SAASA,UAAT,EAAqBC,eAArB,QAA4C,cAA5C;AACA,SAASC,QAAT,QAAyB,YAAzB","sourcesContent":["export * from './useFocusRing';\nexport { FocusScope, useFocusManager } from './FocusScope';\nexport { useFocus } from './useFocus';\n"]}

package/lib/module/index.web.js

@@ -1,4 +1,5 @@
 export { useFocusRing } from './useFocusRing.web';
 export { FocusScope } from './FocusScope.web';
 export { useFocusManager } from './FocusScope.web';
+export { useFocus } from './useFocus';
 //# sourceMappingURL=index.web.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.web.ts"],"names":["useFocusRing","FocusScope","useFocusManager"],"mappings":"AAAA,SAASA,YAAT,QAA6B,oBAA7B;AACA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,eAAT,QAAgC,kBAAhC","sourcesContent":["export { useFocusRing } from './useFocusRing.web';\nexport { FocusScope } from './FocusScope.web';\nexport { useFocusManager } from './FocusScope.web';\n"]}
+{"version":3,"sources":["index.web.ts"],"names":["useFocusRing","FocusScope","useFocusManager","useFocus"],"mappings":"AAAA,SAASA,YAAT,QAA6B,oBAA7B;AACA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,eAAT,QAAgC,kBAAhC;AACA,SAASC,QAAT,QAAyB,YAAzB","sourcesContent":["export { useFocusRing } from './useFocusRing.web';\nexport { FocusScope } from './FocusScope.web';\nexport { useFocusManager } from './FocusScope.web';\nexport { useFocus } from './useFocus';\n"]}

package/lib/module/useFocus.js

@@ -0,0 +1,12 @@
+import { useState } from 'react';
+export const useFocus = () => {
+  const [isFocused, setFocused] = useState(false);
+  return {
+    focusProps: {
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false)
+    },
+    isFocused
+  };
+};
+//# sourceMappingURL=useFocus.js.map

package/lib/module/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFocus.ts"],"names":["useState","useFocus","isFocused","setFocused","focusProps","onFocus","onBlur"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;AAEA,OAAO,MAAMC,QAAQ,GAAG,MAAM;AAC5B,QAAM,CAACC,SAAD,EAAYC,UAAZ,IAA0BH,QAAQ,CAAC,KAAD,CAAxC;AACA,SAAO;AACLI,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,MAAMF,UAAU,CAAC,IAAD,CADf;AAEVG,MAAAA,MAAM,EAAE,MAAMH,UAAU,CAAC,KAAD;AAFd,KADP;AAKLD,IAAAA;AALK,GAAP;AAOD,CATM","sourcesContent":["import { useState } from 'react';\n\nexport const useFocus = () => {\n  const [isFocused, setFocused] = useState(false);\n  return {\n    focusProps: {\n      onFocus: () => setFocused(true),\n      onBlur: () => setFocused(false),\n    },\n    isFocused,\n  };\n};\n"]}

package/lib/typescript/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useFocusRing';
 export { FocusScope, useFocusManager } from './FocusScope';
+export { useFocus } from './useFocus';

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

@@ -1,3 +1,4 @@
 export { useFocusRing } from './useFocusRing.web';
 export { FocusScope } from './FocusScope.web';
 export { useFocusManager } from './FocusScope.web';
+export { useFocus } from './useFocus';

package/lib/typescript/useFocus.d.ts

@@ -0,0 +1,7 @@
+export declare const useFocus: () => {
+    focusProps: {
+        onFocus: () => void;
+        onBlur: () => void;
+    };
+    isFocused: boolean;
+};

package/package.json

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

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from './useFocusRing';
 export { FocusScope, useFocusManager } from './FocusScope';
+export { useFocus } from './useFocus';

package/src/index.web.ts

@@ -1,3 +1,4 @@
 export { useFocusRing } from './useFocusRing.web';
 export { FocusScope } from './FocusScope.web';
 export { useFocusManager } from './FocusScope.web';
+export { useFocus } from './useFocus';

package/src/useFocus.ts

@@ -0,0 +1,12 @@
+import { useState } from 'react';
+
+export const useFocus = () => {
+  const [isFocused, setFocused] = useState(false);
+  return {
+    focusProps: {
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false),
+    },
+    isFocused,
+  };
+};