@react-native-aria/focus 0.2.5 → 0.2.6

package/lib/commonjs/FocusScope.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FocusScope.tsx"],"names":["FocusScope","props","children","useFocusManager"],"mappings":";;;;;;;;AAAA;;;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAT,CAAoBC,KAApB,EAA4C;AACjD,sBAAO,6BAAC,cAAD,CAAO,QAAP,QAAiBA,KAAK,CAACC,QAAvB,CAAP;AACD,C,CAED;;;AACO,MAAMC,eAAe,GAAG,MAAM,CAAE,CAAhC","sourcesContent":["import React, { ReactNode } from 'react';\n\ninterface FocusScopeProps {\n  /** The contents of the focus scope. */\n  children: ReactNode;\n\n  /**\n   * Whether to contain focus inside the scope, so users cannot\n   * move focus outside, for example in a modal dialog.\n   */\n  contain?: boolean;\n\n  /**\n   * Whether to restore focus back to the element that was focused\n   * when the focus scope mounted, after the focus scope unmounts.\n   */\n  restoreFocus?: boolean;\n\n  /** Whether to auto focus the first focusable element in the focus scope on mount. */\n  autoFocus?: boolean;\n}\n\n/**\n * A FocusScope manages focus for its descendants. It supports containing focus inside\n * the scope, restoring focus to the previously focused element on unmount, and auto\n * focusing children on mount. It also acts as a container for a programmatic focus\n * management interface that can be used to move focus forward and back in response\n * to user events.\n */\nexport function FocusScope(props: FocusScopeProps) {\n  return <React.Fragment>{props.children}</React.Fragment>;\n}\n\n// Noop - Implement this for mac and windows\nexport const useFocusManager = () => {};\n"]}
+{"version":3,"sources":["FocusScope.tsx"],"names":["FocusScope","props","children","useFocusManager"],"mappings":";;;;;;;;AAAA;;;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAT,CAAoBC,KAApB,EAA4C;AACjD,sBAAO,6BAAC,cAAD,CAAO,QAAP,QAAiBA,KAAK,CAACC,QAAvB,CAAP;AACD,C,CAED;;;AACO,MAAMC,eAAe,GAAG,MAAM,CAAE,CAAhC","sourcesContent":["import React, { ReactNode } from 'react';\n\nexport interface FocusScopeProps {\n  /** The contents of the focus scope. */\n  children: ReactNode;\n\n  /**\n   * Whether to contain focus inside the scope, so users cannot\n   * move focus outside, for example in a modal dialog.\n   */\n  contain?: boolean;\n\n  /**\n   * Whether to restore focus back to the element that was focused\n   * when the focus scope mounted, after the focus scope unmounts.\n   */\n  restoreFocus?: boolean;\n\n  /** Whether to auto focus the first focusable element in the focus scope on mount. */\n  autoFocus?: boolean;\n}\n\n/**\n * A FocusScope manages focus for its descendants. It supports containing focus inside\n * the scope, restoring focus to the previously focused element on unmount, and auto\n * focusing children on mount. It also acts as a container for a programmatic focus\n * management interface that can be used to move focus forward and back in response\n * to user events.\n */\nexport function FocusScope(props: FocusScopeProps) {\n  return <React.Fragment>{props.children}</React.Fragment>;\n}\n\n// Noop - Implement this for mac and windows\nexport const useFocusManager = () => {};\n"]}

package/lib/commonjs/FocusScope.web.js

@@ -3,18 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "FocusScope", {
-  enumerable: true,
-  get: function () {
-    return _focus.FocusScope;
-  }
-});
 Object.defineProperty(exports, "useFocusManager", {
   enumerable: true,
   get: function () {
     return _focus.useFocusManager;
   }
 });
+exports.FocusScope = void 0;
+
+var _react = _interopRequireDefault(require("react"));
 
 var _focus = require("@react-aria/focus");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const FocusScope = ({
+  children,
+  contain,
+  ...props
+}) => {
+  /* Todo: stoping mounted and unMounted everytime contain is change */
+  if (contain === false) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  return /*#__PURE__*/_react.default.createElement(_focus.FocusScope, _extends({
+    contain: contain
+  }, props), children);
+};
+
+exports.FocusScope = FocusScope;
 //# sourceMappingURL=FocusScope.web.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["FocusScope.web.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export { FocusScope, useFocusManager } from '@react-aria/focus';\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,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"]}

package/lib/module/FocusScope.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FocusScope.tsx"],"names":["React","FocusScope","props","children","useFocusManager"],"mappings":"AAAA,OAAOA,KAAP,MAAiC,OAAjC;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAT,CAAoBC,KAApB,EAA4C;AACjD,sBAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBA,KAAK,CAACC,QAAvB,CAAP;AACD,C,CAED;;AACA,OAAO,MAAMC,eAAe,GAAG,MAAM,CAAE,CAAhC","sourcesContent":["import React, { ReactNode } from 'react';\n\ninterface FocusScopeProps {\n  /** The contents of the focus scope. */\n  children: ReactNode;\n\n  /**\n   * Whether to contain focus inside the scope, so users cannot\n   * move focus outside, for example in a modal dialog.\n   */\n  contain?: boolean;\n\n  /**\n   * Whether to restore focus back to the element that was focused\n   * when the focus scope mounted, after the focus scope unmounts.\n   */\n  restoreFocus?: boolean;\n\n  /** Whether to auto focus the first focusable element in the focus scope on mount. */\n  autoFocus?: boolean;\n}\n\n/**\n * A FocusScope manages focus for its descendants. It supports containing focus inside\n * the scope, restoring focus to the previously focused element on unmount, and auto\n * focusing children on mount. It also acts as a container for a programmatic focus\n * management interface that can be used to move focus forward and back in response\n * to user events.\n */\nexport function FocusScope(props: FocusScopeProps) {\n  return <React.Fragment>{props.children}</React.Fragment>;\n}\n\n// Noop - Implement this for mac and windows\nexport const useFocusManager = () => {};\n"]}
+{"version":3,"sources":["FocusScope.tsx"],"names":["React","FocusScope","props","children","useFocusManager"],"mappings":"AAAA,OAAOA,KAAP,MAAiC,OAAjC;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAT,CAAoBC,KAApB,EAA4C;AACjD,sBAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBA,KAAK,CAACC,QAAvB,CAAP;AACD,C,CAED;;AACA,OAAO,MAAMC,eAAe,GAAG,MAAM,CAAE,CAAhC","sourcesContent":["import React, { ReactNode } from 'react';\n\nexport interface FocusScopeProps {\n  /** The contents of the focus scope. */\n  children: ReactNode;\n\n  /**\n   * Whether to contain focus inside the scope, so users cannot\n   * move focus outside, for example in a modal dialog.\n   */\n  contain?: boolean;\n\n  /**\n   * Whether to restore focus back to the element that was focused\n   * when the focus scope mounted, after the focus scope unmounts.\n   */\n  restoreFocus?: boolean;\n\n  /** Whether to auto focus the first focusable element in the focus scope on mount. */\n  autoFocus?: boolean;\n}\n\n/**\n * A FocusScope manages focus for its descendants. It supports containing focus inside\n * the scope, restoring focus to the previously focused element on unmount, and auto\n * focusing children on mount. It also acts as a container for a programmatic focus\n * management interface that can be used to move focus forward and back in response\n * to user events.\n */\nexport function FocusScope(props: FocusScopeProps) {\n  return <React.Fragment>{props.children}</React.Fragment>;\n}\n\n// Noop - Implement this for mac and windows\nexport const useFocusManager = () => {};\n"]}

package/lib/module/FocusScope.web.js

@@ -1,2 +1,19 @@
-export { FocusScope, useFocusManager } from '@react-aria/focus';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { FocusScope as AriaFocusScope, useFocusManager } from '@react-aria/focus';
+
+const FocusScope = ({
+  children,
+  contain,
+  ...props
+}) => {
+  /* Todo: stoping mounted and unMounted everytime contain is change */
+  if (contain === false) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  return /*#__PURE__*/React.createElement(AriaFocusScope, _extends({
+    contain: contain
+  }, props), children);
+};
+
+export { FocusScope, useFocusManager };
 //# sourceMappingURL=FocusScope.web.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["FocusScope.web.tsx"],"names":["FocusScope","useFocusManager"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,eAArB,QAA4C,mBAA5C","sourcesContent":["export { FocusScope, useFocusManager } from '@react-aria/focus';\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,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"]}

package/lib/typescript/FocusScope.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-interface FocusScopeProps {
+export interface FocusScopeProps {
     /** The contents of the focus scope. */
     children: ReactNode;
     /**
@@ -24,4 +24,3 @@ interface FocusScopeProps {
  */
 export declare function FocusScope(props: FocusScopeProps): JSX.Element;
 export declare const useFocusManager: () => void;
-export {};

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

@@ -1 +1,4 @@
-export { FocusScope, useFocusManager } from '@react-aria/focus';
+import { useFocusManager } from '@react-aria/focus';
+import type { FocusScopeProps } from './FocusScope';
+declare const FocusScope: ({ children, contain, ...props }: FocusScopeProps) => JSX.Element;
+export { FocusScope, useFocusManager };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/focus",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/FocusScope.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 
-interface FocusScopeProps {
+export interface FocusScopeProps {
   /** The contents of the focus scope. */
   children: ReactNode;
 

package/src/FocusScope.web.tsx

@@ -1 +1,18 @@
-export { FocusScope, useFocusManager } from '@react-aria/focus';
+import React from 'react';
+import {
+  FocusScope as AriaFocusScope,
+  useFocusManager,
+} from '@react-aria/focus';
+import type { FocusScopeProps } from './FocusScope';
+const FocusScope = ({ children, contain, ...props }: FocusScopeProps) => {
+  /* Todo: stoping mounted and unMounted everytime contain is change */
+  if (contain === false) return <></>;
+
+  return (
+    <AriaFocusScope contain={contain} {...props}>
+      {children}
+    </AriaFocusScope>
+  );
+};
+
+export { FocusScope, useFocusManager };