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

package/lib/commonjs/FocusScope.web.js

@@ -25,7 +25,7 @@ const FocusScope = ({
   ...props
 }) => {
   /* Todo: stoping mounted and unMounted everytime contain is change */
-  if (contain === false) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  // if (contain === false) return <></>;
   return /*#__PURE__*/_react.default.createElement(_focus.FocusScope, _extends({
     contain: contain
   }, props), children);

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

@@ -1 +1 @@
-{"version":3,"sources":["FocusScope.web.tsx"],"names":["FocusScope","children","contain","props"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;;;AAKA,MAAMA,UAAU,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,OAAZ;AAAqB,KAAGC;AAAxB,CAAD,KAAsD;AACvE;AACA,MAAID,OAAO,KAAK,KAAhB,EAAuB,oBAAO,2DAAP;AAEvB,sBACE,6BAAC,iBAAD;AAAgB,IAAA,OAAO,EAAEA;AAAzB,KAAsCC,KAAtC,GACGF,QADH,CADF;AAKD,CATD","sourcesContent":["import React from 'react';\nimport {\n  FocusScope as AriaFocusScope,\n  useFocusManager,\n} from '@react-aria/focus';\nimport type { FocusScopeProps } from './FocusScope';\nconst FocusScope = ({ children, contain, ...props }: FocusScopeProps) => {\n  /* Todo: stoping mounted and unMounted everytime contain is change */\n  if (contain === false) return <></>;\n\n  return (\n    <AriaFocusScope contain={contain} {...props}>\n      {children}\n    </AriaFocusScope>\n  );\n};\n\nexport { FocusScope, useFocusManager };\n"]}
+{"version":3,"sources":["FocusScope.web.tsx"],"names":["FocusScope","children","contain","props"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;;;AAKA,MAAMA,UAAU,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,OAAZ;AAAqB,KAAGC;AAAxB,CAAD,KAAsD;AACvE;AACA;AAEA,sBACE,6BAAC,iBAAD;AAAgB,IAAA,OAAO,EAAED;AAAzB,KAAsCC,KAAtC,GACGF,QADH,CADF;AAKD,CATD","sourcesContent":["import React from 'react';\nimport {\n  FocusScope as AriaFocusScope,\n  useFocusManager,\n} from '@react-aria/focus';\nimport type { FocusScopeProps } from './FocusScope';\nconst FocusScope = ({ children, contain, ...props }: FocusScopeProps) => {\n  /* Todo: stoping mounted and unMounted everytime contain is change */\n  // if (contain === false) return <></>;\n\n  return (\n    <AriaFocusScope contain={contain} {...props}>\n      {children}\n    </AriaFocusScope>\n  );\n};\n\nexport { FocusScope, useFocusManager };\n"]}

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/FocusScope.web.js

@@ -9,7 +9,7 @@ const FocusScope = ({
   ...props
 }) => {
   /* Todo: stoping mounted and unMounted everytime contain is change */
-  if (contain === false) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  // if (contain === false) return <></>;
   return /*#__PURE__*/React.createElement(AriaFocusScope, _extends({
     contain: contain
   }, props), children);

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

@@ -1 +1 @@
-{"version":3,"sources":["FocusScope.web.tsx"],"names":["React","FocusScope","AriaFocusScope","useFocusManager","children","contain","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,UAAU,IAAIC,cADhB,EAEEC,eAFF,QAGO,mBAHP;;AAKA,MAAMF,UAAU,GAAG,CAAC;AAAEG,EAAAA,QAAF;AAAYC,EAAAA,OAAZ;AAAqB,KAAGC;AAAxB,CAAD,KAAsD;AACvE;AACA,MAAID,OAAO,KAAK,KAAhB,EAAuB,oBAAO,yCAAP;AAEvB,sBACE,oBAAC,cAAD;AAAgB,IAAA,OAAO,EAAEA;AAAzB,KAAsCC,KAAtC,GACGF,QADH,CADF;AAKD,CATD;;AAWA,SAASH,UAAT,EAAqBE,eAArB","sourcesContent":["import React from 'react';\nimport {\n  FocusScope as AriaFocusScope,\n  useFocusManager,\n} from '@react-aria/focus';\nimport type { FocusScopeProps } from './FocusScope';\nconst FocusScope = ({ children, contain, ...props }: FocusScopeProps) => {\n  /* Todo: stoping mounted and unMounted everytime contain is change */\n  if (contain === false) return <></>;\n\n  return (\n    <AriaFocusScope contain={contain} {...props}>\n      {children}\n    </AriaFocusScope>\n  );\n};\n\nexport { FocusScope, useFocusManager };\n"]}
+{"version":3,"sources":["FocusScope.web.tsx"],"names":["React","FocusScope","AriaFocusScope","useFocusManager","children","contain","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,UAAU,IAAIC,cADhB,EAEEC,eAFF,QAGO,mBAHP;;AAKA,MAAMF,UAAU,GAAG,CAAC;AAAEG,EAAAA,QAAF;AAAYC,EAAAA,OAAZ;AAAqB,KAAGC;AAAxB,CAAD,KAAsD;AACvE;AACA;AAEA,sBACE,oBAAC,cAAD;AAAgB,IAAA,OAAO,EAAED;AAAzB,KAAsCC,KAAtC,GACGF,QADH,CADF;AAKD,CATD;;AAWA,SAASH,UAAT,EAAqBE,eAArB","sourcesContent":["import React from 'react';\nimport {\n  FocusScope as AriaFocusScope,\n  useFocusManager,\n} from '@react-aria/focus';\nimport type { FocusScopeProps } from './FocusScope';\nconst FocusScope = ({ children, contain, ...props }: FocusScopeProps) => {\n  /* Todo: stoping mounted and unMounted everytime contain is change */\n  // if (contain === false) return <></>;\n\n  return (\n    <AriaFocusScope contain={contain} {...props}>\n      {children}\n    </AriaFocusScope>\n  );\n};\n\nexport { FocusScope, useFocusManager };\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.6",
+  "version": "0.2.8-alpha.0",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/FocusScope.web.tsx

@@ -6,7 +6,7 @@ import {
 import type { FocusScopeProps } from './FocusScope';
 const FocusScope = ({ children, contain, ...props }: FocusScopeProps) => {
   /* Todo: stoping mounted and unMounted everytime contain is change */
-  if (contain === false) return <></>;
+  // if (contain === false) return <></>;
 
   return (
     <AriaFocusScope contain={contain} {...props}>

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,
+  };
+};