@tamagui/focus-scope 1.127.2 → 1.128.0

package/src/{FocusScopeProps.tsx → types.tsx}

@@ -1,5 +1,8 @@
+import type { Scope } from '@tamagui/create-context'
 import type React from 'react'
 
+export type ScopedProps<P> = P & { __scopeFocusScope?: Scope }
+
 export interface FocusScopeProps {
   /**
    * @default true
@@ -37,6 +40,13 @@ export interface FocusScopeProps {
    */
   forceUnmount?: boolean
 
+  /**
+   * When true, waits for idle before focusing. When a number, waits that many ms.
+   * This prevents reflows during animations.
+   * @default false
+   */
+  focusOnIdle?: boolean | number
+
   children?:
     | React.ReactNode
     | ((props: {

package/types/FocusScope.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FocusScopeProps } from './FocusScopeProps';
+import type { FocusScopeProps } from './types';
 type FocusScopeElement = HTMLDivElement;
 declare const FocusScope: React.ForwardRefExoticComponent<FocusScopeProps & React.RefAttributes<HTMLDivElement>>;
 export declare function useFocusScope(props: FocusScopeProps, forwardedRef: React.ForwardedRef<FocusScopeElement>): {

package/types/FocusScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScope.d.ts","sourceRoot":"","sources":["../src/FocusScope.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAYxD,KAAK,iBAAiB,GAAG,cAAc,CAAA;AAEvC,QAAA,MAAM,UAAU,wFAUf,CAAA;AAMD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,eAAe,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC;;uBAsHzC,KAAK,CAAC,aAAa;;EAqC9B;AA2ID,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,YAAY,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"FocusScope.d.ts","sourceRoot":"","sources":["../src/FocusScope.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAe3D,KAAK,iBAAiB,GAAG,cAAc,CAAA;AAEvC,QAAA,MAAM,UAAU,wFAiCf,CAAA;AAMD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,eAAe,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC;;uBAwIzC,KAAK,CAAC,aAAa;;EAqC9B;AA4ID,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/types/FocusScope.native.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { FocusScopeProps } from './FocusScopeProps';
+import type { FocusScopeProps } from './types';
 export declare const FocusScope: React.ForwardRefExoticComponent<FocusScopeProps & React.RefAttributes<unknown>>;
 //# sourceMappingURL=FocusScope.native.d.ts.map

package/types/FocusScope.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScope.native.d.ts","sourceRoot":"","sources":["../src/FocusScope.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,UAAU,iFAErB,CAAA"}
+{"version":3,"file":"FocusScope.native.d.ts","sourceRoot":"","sources":["../src/FocusScope.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,UAAU,iFAErB,CAAA"}

package/types/FocusScopeController.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { FocusScopeProps } from './types';
+import type { ScopedProps } from './types';
+declare const createFocusScopeControllerScope: import("@tamagui/create-context").CreateScope;
+type FocusScopeControllerContextValue = Omit<FocusScopeProps, 'children'>;
+declare const FocusScopeControllerProvider: (props: FocusScopeControllerContextValue & {
+    scope: import("@tamagui/create-context").Scope<FocusScopeControllerContextValue>;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useFocusScopeControllerContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<FocusScopeControllerContextValue | undefined>, options?: {
+    warn?: boolean;
+    fallback?: Partial<FocusScopeControllerContextValue> | undefined;
+} | undefined) => FocusScopeControllerContextValue;
+export interface FocusScopeControllerProps extends FocusScopeControllerContextValue {
+    children?: React.ReactNode;
+}
+declare function FocusScopeController(props: ScopedProps<FocusScopeControllerProps>): import("react/jsx-runtime").JSX.Element;
+declare const FocusScopeControllerComponent: typeof FocusScopeController;
+export { createFocusScopeControllerScope, FocusScopeControllerComponent as FocusScopeController, FocusScopeControllerProvider, useFocusScopeControllerContext, };
+//# sourceMappingURL=FocusScopeController.d.ts.map

package/types/FocusScopeController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusScopeController.d.ts","sourceRoot":"","sources":["../src/FocusScopeController.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,QAAA,MAA0C,+BAA+B,+CACxB,CAAA;AAEjD,KAAK,gCAAgC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;AAEzE,QAAA,MAAO,4BAA4B;;;+CAAE,8BAA8B;;;kDAGhE,CAAA;AAMH,MAAM,WAAW,yBAA0B,SAAQ,gCAAgC;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC,yBAAyB,CAAC,2CA0C1E;AAED,QAAA,MAAM,6BAA6B,6BAAuB,CAAA;AAE1D,OAAO,EACL,+BAA+B,EAC/B,6BAA6B,IAAI,oBAAoB,EACrD,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAA"}

package/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './FocusScope';
+export * from './FocusScopeController';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA"}

package/types/{FocusScopeProps.d.ts → types.d.ts}

@@ -1,4 +1,8 @@
+import type { Scope } from '@tamagui/create-context';
 import type React from 'react';
+export type ScopedProps<P> = P & {
+    __scopeFocusScope?: Scope;
+};
 export interface FocusScopeProps {
     /**
      * @default true
@@ -30,10 +34,16 @@ export interface FocusScopeProps {
      * If unmount is animated, you want to force re-focus at start of animation not after
      */
     forceUnmount?: boolean;
+    /**
+     * When true, waits for idle before focusing. When a number, waits that many ms.
+     * This prevents reflows during animations.
+     * @default false
+     */
+    focusOnIdle?: boolean | number;
     children?: React.ReactNode | ((props: {
         onKeyDown: (event: React.KeyboardEvent) => void;
         tabIndex: number;
         ref: React.ForwardedRef<any>;
     }) => React.ReactNode);
 }
-//# sourceMappingURL=FocusScopeProps.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE9D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEzC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAE9B,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QACP,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;QAC/C,QAAQ,EAAE,MAAM,CAAA;QAChB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;KAC7B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CAC3B"}

package/dist/cjs/FocusScopeProps.native.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/FocusScopeProps.tsx"],
-  "mappings": ";;;;;;;;;;;;AAEA;;",
-  "names": []
-}

package/dist/esm/FocusScopeProps.js

@@ -1 +0,0 @@
-//# sourceMappingURL=FocusScopeProps.js.map

package/dist/esm/FocusScopeProps.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=FocusScopeProps.mjs.map

package/dist/esm/FocusScopeProps.native.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=FocusScopeProps.native.js.map

package/dist/jsx/FocusScopeProps.js

@@ -1 +0,0 @@
-//# sourceMappingURL=FocusScopeProps.js.map

package/dist/jsx/FocusScopeProps.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=FocusScopeProps.mjs.map

package/dist/jsx/FocusScopeProps.native.js

@@ -1 +0,0 @@
-//# sourceMappingURL=FocusScopeProps.js.map

package/types/FocusScopeProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusScopeProps.d.ts","sourceRoot":"","sources":["../src/FocusScopeProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEzC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QACP,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;QAC/C,QAAQ,EAAE,MAAM,CAAA;QAChB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;KAC7B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CAC3B"}