@hanwenbo/x-taro-ui 0.0.1 → 0.0.2

package/es/adapters/miniapp/overlayHost.js

@@ -58,15 +58,21 @@ export var OverlayHost = function OverlayHost(_ref) {
     mounted = _useOverlayTransition.mounted,
     settled = _useOverlayTransition.settled;
   var previousVisibleRef = useRef(visible);
+  var afterCloseRef = useRef(afterClose);
   useEffect(function () {
-    var wasVisible = previousVisibleRef.current;
-    previousVisibleRef.current = visible;
-    if (!wasVisible || visible || !afterClose) return undefined;
-    var timer = setTimeout(afterClose, exitDuration);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [afterClose, exitDuration, visible]);
+    afterCloseRef.current = afterClose;
+  }, [afterClose]);
+  useEffect(function () {
+    var _afterCloseRef$curren;
+    if (visible) {
+      previousVisibleRef.current = true;
+      return;
+    }
+    // The transition owns completion; changing callbacks must not cancel it.
+    if (shouldRender || !previousVisibleRef.current) return;
+    previousVisibleRef.current = false;
+    (_afterCloseRef$curren = afterCloseRef.current) === null || _afterCloseRef$curren === void 0 || _afterCloseRef$curren.call(afterCloseRef);
+  }, [shouldRender, visible]);
   useEffect(function () {
     var runtimeDocument = globalThis['document'];
     if (!visible || !disableBodyScroll || !(runtimeDocument !== null && runtimeDocument !== void 0 && runtimeDocument.body)) return undefined;

package/es/auth/components.d.ts

@@ -1,7 +1,7 @@
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { AccountSecurityState, AuthSession, ContactIdentifierType, SignInContextField, SignInMethod, ThirdPartyAuthProvider, ThirdPartySignInHandler, ThirdPartySignInResult } from '@hanwenbo/x-auth-core/types';
 import { type ModalProps } from '../components/modal';
-import { type AuthSurface } from './internal';
+import { type AuthSurface, type AuthHeaderAlign } from './internal';
 import type { AuthComponentProps } from './types';
 import './styles.css';
 export interface ThirdPartySignInProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
@@ -10,8 +10,9 @@ export interface ThirdPartySignInProps<Session extends AuthSession = AuthSession
     onSuccess?: (session: Session) => void;
     providers?: ThirdPartyAuthProvider[];
 }
-export declare function ThirdPartySignIn<Session extends AuthSession = AuthSession>({ className, config, onAuthError, onProviderSignIn, onReauthenticationRequired, onResult, onSuccess, providers, services, style, testID, tokens }: ThirdPartySignInProps<Session>): React.JSX.Element | null;
+export declare function ThirdPartySignIn<Session extends AuthSession = AuthSession>({ className, config, onAuthError, onProviderSignIn, onReauthenticationRequired, onResult, onSuccess, providers, services, style, testID, tokens }: ThirdPartySignInProps<Session>): import("react/jsx-runtime").JSX.Element | null;
 export interface SignInProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
+    headerAlign?: AuthHeaderAlign;
     contextFields?: SignInContextFieldProps[];
     defaultMethod?: SignInMethod;
     description?: ReactNode;
@@ -33,7 +34,7 @@ export interface SignInProps<Session extends AuthSession = AuthSession> extends
 export interface SignInContextFieldProps extends SignInContextField {
     prefix?: ReactNode;
 }
-export declare function SignIn<Session extends AuthSession = AuthSession>({ className, config, contextFields, defaultMethod, description, logo, methods, onAuthError, onForgotPassword, onMethodChange, onProviderResult, onProviderSignIn, onReauthenticationRequired, onSignUp, onSuccess, providers, services, showFieldLabels, showRemember, style, surface, testID, title, tokens }: SignInProps<Session>): React.JSX.Element;
+export declare function SignIn<Session extends AuthSession = AuthSession>({ className, config, contextFields, defaultMethod, description, headerAlign, logo, methods, onAuthError, onForgotPassword, onMethodChange, onProviderResult, onProviderSignIn, onReauthenticationRequired, onSignUp, onSuccess, providers, services, showFieldLabels, showRemember, style, surface, testID, title, tokens }: SignInProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface SignUpProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     defaultIdentifier?: ContactIdentifierType;
     description?: ReactNode;
@@ -44,8 +45,9 @@ export interface SignUpProps<Session extends AuthSession = AuthSession> extends
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function SignUp<Session extends AuthSession = AuthSession>({ className, config, defaultIdentifier, description, identifiers, logo, onAuthError, onReauthenticationRequired, onSignIn, onSuccess, services, style, surface, testID, title, tokens }: SignUpProps<Session>): React.JSX.Element;
+export declare function SignUp<Session extends AuthSession = AuthSession>({ className, config, defaultIdentifier, description, identifiers, logo, onAuthError, onReauthenticationRequired, onSignIn, onSuccess, services, style, surface, testID, title, tokens }: SignUpProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface ForgotPasswordProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
+    description?: ReactNode;
     defaultIdentifier?: ContactIdentifierType;
     identifiers?: ContactIdentifierType[];
     onBackToSignIn?: () => void;
@@ -53,7 +55,7 @@ export interface ForgotPasswordProps<Session extends AuthSession = AuthSession>
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function ForgotPassword<Session extends AuthSession = AuthSession>({ className, config, defaultIdentifier, identifiers, onAuthError, onBackToSignIn, onReauthenticationRequired, onSuccess, services, style, surface, testID, title, tokens }: ForgotPasswordProps<Session>): React.JSX.Element;
+export declare function ForgotPassword<Session extends AuthSession = AuthSession>({ className, config, description, defaultIdentifier, identifiers, onAuthError, onBackToSignIn, onReauthenticationRequired, onSuccess, services, style, surface, testID, title, tokens }: ForgotPasswordProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface QuickSignInProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     autoContinuePhone?: boolean;
     autoSubmitCode?: boolean;
@@ -70,7 +72,7 @@ export interface QuickSignInProps<Session extends AuthSession = AuthSession> ext
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function QuickSignIn<Session extends AuthSession = AuthSession>({ autoSubmitCode, className, config, description, footer, identifierSubmitText, identifierType, initialIdentifier, onAuthError, onClose, onReauthenticationRequired, onStepChange, onSuccess, services, showHeader, style, submitText, surface, testID, title, tokens }: QuickSignInProps<Session>): React.JSX.Element;
+export declare function QuickSignIn<Session extends AuthSession = AuthSession>({ autoSubmitCode, className, config, description, footer, identifierSubmitText, identifierType, initialIdentifier, onAuthError, onClose, onReauthenticationRequired, onStepChange, onSuccess, services, showHeader, style, submitText, surface, testID, title, tokens }: QuickSignInProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface QuickSignInDialogProps<Session extends AuthSession = AuthSession> extends Omit<QuickSignInProps<Session>, 'onClose' | 'showHeader' | 'surface'> {
     closeOnSuccess?: boolean;
     modalProps?: Omit<ModalProps, 'afterClose' | 'body' | 'onClose' | 'visible'> & {
@@ -79,7 +81,7 @@ export interface QuickSignInDialogProps<Session extends AuthSession = AuthSessio
     onClose: () => void;
     visible: boolean;
 }
-export declare function QuickSignInDialog<Session extends AuthSession = AuthSession>({ closeOnSuccess, modalProps, onClose, onSuccess, visible, ...props }: QuickSignInDialogProps<Session>): React.JSX.Element;
+export declare function QuickSignInDialog<Session extends AuthSession = AuthSession>({ closeOnSuccess, modalProps, onClose, onSuccess, visible, ...props }: QuickSignInDialogProps<Session>): import("react/jsx-runtime").JSX.Element;
 export declare type IdentifierBindingAction = 'bind' | 'change';
 export interface IdentifierBindingProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     action?: IdentifierBindingAction;
@@ -91,7 +93,7 @@ export interface IdentifierBindingProps<Session extends AuthSession = AuthSessio
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function IdentifierBinding<Session extends AuthSession = AuthSession>({ action, className, config, currentDisplayValue, identifierType, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireReauthentication, services, style, surface, testID, title, tokens }: IdentifierBindingProps<Session>): React.JSX.Element;
+export declare function IdentifierBinding<Session extends AuthSession = AuthSession>({ action, className, config, currentDisplayValue, identifierType, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireReauthentication, services, style, surface, testID, title, tokens }: IdentifierBindingProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface ChangePasswordProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     description?: ReactNode;
     onCancel?: () => void;
@@ -100,18 +102,18 @@ export interface ChangePasswordProps<Session extends AuthSession = AuthSession>
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function ChangePassword<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireCurrentPassword, services, style, surface, testID, title, tokens }: ChangePasswordProps<Session>): React.JSX.Element;
+export declare function ChangePassword<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireCurrentPassword, services, style, surface, testID, title, tokens }: ChangePasswordProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface AccountSecurityProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     description?: ReactNode;
     onStateChange?: (state: AccountSecurityState) => void;
     state?: AccountSecurityState;
     title?: ReactNode;
 }
-export declare function AccountSecurity<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onReauthenticationRequired, onStateChange, services, state, style, testID, title, tokens }: AccountSecurityProps<Session>): React.JSX.Element;
+export declare function AccountSecurity<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onReauthenticationRequired, onStateChange, services, state, style, testID, title, tokens }: AccountSecurityProps<Session>): import("react/jsx-runtime").JSX.Element;
 declare type IdentifierShortcutProps<Session extends AuthSession> = Omit<IdentifierBindingProps<Session>, 'action' | 'identifierType'>;
-export declare function BindPhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
-export declare function BindEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
-export declare function ChangePhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
-export declare function ChangeEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
+export declare function BindPhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
+export declare function BindEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
+export declare function ChangePhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
+export declare function ChangeEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=components.d.ts.map