@coze-arch/cli 0.0.10-alpha.11b7ea → 0.0.10-alpha.954690

package/lib/__templates__/expo/client/heroui/primitives/dialog/dialog.tsx

@@ -1,274 +0,0 @@
-import { createContext, forwardRef, useContext, useEffect, useId } from 'react';
-import {
-  BackHandler,
-  type GestureResponderEvent,
-  Pressable,
-  Text,
-  View,
-} from 'react-native';
-import { useControllableState } from '../../helpers/internal/hooks';
-import { Portal as PortalPrimitive } from '../portal';
-import * as Slot from '../slot';
-import type {
-  CloseProps,
-  CloseRef,
-  ContentProps,
-  ContentRef,
-  DescriptionProps,
-  DescriptionRef,
-  OverlayProps,
-  OverlayRef,
-  PortalProps,
-  RootContext,
-  RootProps,
-  RootRef,
-  TitleProps,
-  TitleRef,
-  TriggerProps,
-  TriggerRef,
-} from './dialog.types';
-
-const DialogContext = createContext<
-  (RootContext & { nativeID: string }) | null
->(null);
-
-const Root = forwardRef<RootRef, RootProps>(
-  (
-    {
-      asChild,
-      isOpen: isOpenProp,
-      isDefaultOpen,
-      onOpenChange: onOpenChangeProp,
-      ...viewProps
-    },
-    ref
-  ) => {
-    const [isOpen = false, onOpenChange] = useControllableState({
-      prop: isOpenProp,
-      defaultProp: isDefaultOpen,
-      onChange: onOpenChangeProp,
-    });
-
-    const nativeID = useId();
-
-    const Component = asChild ? Slot.View : View;
-
-    return (
-      <DialogContext.Provider
-        value={{
-          isOpen,
-          onOpenChange,
-          nativeID,
-        }}
-      >
-        <Component ref={ref} {...viewProps} />
-      </DialogContext.Provider>
-    );
-  }
-);
-
-function useRootContext() {
-  const context = useContext(DialogContext);
-  if (!context) {
-    throw new Error(
-      'Dialog compound components cannot be rendered outside the Dialog component'
-    );
-  }
-  return context;
-}
-
-Root.displayName = 'HeroUINative.Primitive.Dialog.Root';
-
-// --------------------------------------------------
-
-const Trigger = forwardRef<TriggerRef, TriggerProps>(
-  ({ asChild, onPress: onPressProp, disabled = false, ...props }, ref) => {
-    const { isOpen, onOpenChange } = useRootContext();
-
-    function onPress(ev: GestureResponderEvent) {
-      if (disabled) return;
-      const newValue = !isOpen;
-      onOpenChange(newValue);
-      onPressProp?.(ev);
-    }
-
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return (
-      <Component
-        ref={ref}
-        aria-disabled={disabled ?? undefined}
-        role="button"
-        onPress={onPress}
-        disabled={disabled ?? undefined}
-        {...props}
-      />
-    );
-  }
-);
-
-Trigger.displayName = 'HeroUINative.Primitive.Dialog.Trigger';
-
-// --------------------------------------------------
-
-/**
- * @warning when using a custom `<PortalHost />`, you might have to adjust the Content's offset to account for nav elements like headers.
- */
-function Portal({ forceMount, hostName, children }: PortalProps) {
-  const value = useRootContext();
-
-  if (!forceMount) {
-    if (!value.isOpen) {
-      return null;
-    }
-  }
-
-  return (
-    <PortalPrimitive hostName={hostName} name={`${value.nativeID}_portal`}>
-      <DialogContext.Provider value={value}>{children}</DialogContext.Provider>
-    </PortalPrimitive>
-  );
-}
-
-// --------------------------------------------------
-
-const Overlay = forwardRef<OverlayRef, OverlayProps>(
-  (
-    {
-      asChild,
-      forceMount,
-      isCloseOnPress = true,
-      onPress: OnPressProp,
-      ...props
-    },
-    ref
-  ) => {
-    const { isOpen, onOpenChange } = useRootContext();
-
-    function onPress(ev: GestureResponderEvent) {
-      if (isCloseOnPress) {
-        onOpenChange(!isOpen);
-      }
-      OnPressProp?.(ev);
-    }
-
-    if (!forceMount) {
-      if (!isOpen) {
-        return null;
-      }
-    }
-
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return <Component ref={ref} onPress={onPress} {...props} />;
-  }
-);
-
-Overlay.displayName = 'HeroUINative.Primitive.Dialog.Overlay';
-
-// --------------------------------------------------
-
-const Content = forwardRef<ContentRef, ContentProps>(
-  ({ asChild, forceMount, ...props }, ref) => {
-    const { isOpen, nativeID, onOpenChange } = useRootContext();
-
-    useEffect(() => {
-      const backHandler = BackHandler.addEventListener(
-        'hardwareBackPress',
-        () => {
-          onOpenChange(false);
-          return true;
-        }
-      );
-
-      return () => {
-        backHandler.remove();
-      };
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-
-    if (!forceMount) {
-      if (!isOpen) {
-        return null;
-      }
-    }
-
-    const Component = asChild ? Slot.View : View;
-
-    return (
-      <Component
-        ref={ref}
-        role="dialog"
-        nativeID={nativeID}
-        aria-labelledby={`${nativeID}_label`}
-        aria-describedby={`${nativeID}_desc`}
-        aria-modal={true}
-        {...props}
-      />
-    );
-  }
-);
-
-Content.displayName = 'HeroUINative.Primitive.Dialog.Content';
-
-// --------------------------------------------------
-
-const Close = forwardRef<CloseRef, CloseProps>(
-  ({ asChild, onPress: onPressProp, disabled = false, ...props }, ref) => {
-    const { onOpenChange } = useRootContext();
-
-    function onPress(ev: GestureResponderEvent) {
-      if (disabled) return;
-      onOpenChange(false);
-      onPressProp?.(ev);
-    }
-
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return (
-      <Component
-        ref={ref}
-        aria-disabled={disabled ?? undefined}
-        role="button"
-        onPress={onPress}
-        disabled={disabled ?? undefined}
-        {...props}
-      />
-    );
-  }
-);
-
-Close.displayName = 'HeroUINative.Primitive.Dialog.Close';
-
-// --------------------------------------------------
-
-const Title = forwardRef<TitleRef, TitleProps>((props, ref) => {
-  const { nativeID } = useRootContext();
-  return (
-    <Text ref={ref} role="heading" nativeID={`${nativeID}_label`} {...props} />
-  );
-});
-
-Title.displayName = 'HeroUINative.Primitive.Dialog.Title';
-
-// --------------------------------------------------
-
-const Description = forwardRef<DescriptionRef, DescriptionProps>(
-  (props, ref) => {
-    const { nativeID } = useRootContext();
-    return <Text ref={ref} nativeID={`${nativeID}_desc`} {...props} />;
-  }
-);
-
-Description.displayName = 'HeroUINative.Primitive.Dialog.Description';
-
-// --------------------------------------------------
-
-export {
-  Close,
-  Content,
-  Description,
-  Overlay,
-  Portal,
-  Root,
-  Title,
-  Trigger,
-  useRootContext,
-};

package/lib/__templates__/expo/client/heroui/primitives/dialog/dialog.types.ts

@@ -1,129 +0,0 @@
-import type {
-  ForceMountable,
-  PressableRef,
-  SlottablePressableProps,
-  SlottableTextProps,
-  SlottableViewProps,
-  TextRef,
-  ViewRef,
-} from '../../helpers/internal/types';
-
-/**
- * Context for the dialog root component
- */
-type RootContext = {
-  /** Whether the dialog is currently open */
-  isOpen: boolean;
-  /** Callback fired when the open state changes */
-  onOpenChange: (value: boolean) => void;
-};
-
-/**
- * Props for the dialog root component
- */
-type RootProps = SlottableViewProps & {
-  /** The controlled open state of the dialog */
-  isOpen?: boolean;
-  /** The open state of the dialog when initially rendered (uncontrolled) */
-  isDefaultOpen?: boolean;
-  /** Event handler called when the open state changes */
-  onOpenChange?: (value: boolean) => void;
-};
-
-/**
- * Props for the dialog portal component
- */
-interface PortalProps extends ForceMountable {
-  /** The content to be rendered in the portal */
-  children: React.ReactNode;
-  /** Optional portal host name to render into a specific portal container */
-  hostName?: string;
-}
-
-/**
- * Props for the dialog overlay component
- */
-type OverlayProps = ForceMountable &
-  SlottablePressableProps & {
-    /** Whether clicking the overlay should close the dialog */
-    isCloseOnPress?: boolean;
-  };
-
-/**
- * Props for the dialog content component
- */
-type ContentProps = ForceMountable & SlottableViewProps;
-
-/**
- * Props for the dialog trigger component
- */
-type TriggerProps = SlottablePressableProps;
-
-/**
- * Props for the dialog close button component
- */
-type CloseProps = SlottablePressableProps;
-
-/**
- * Props for the dialog title component
- */
-type TitleProps = SlottableTextProps;
-
-/**
- * Props for the dialog description component
- */
-type DescriptionProps = SlottableTextProps;
-
-/**
- * Ref type for the dialog close button
- */
-type CloseRef = PressableRef;
-
-/**
- * Ref type for the dialog content
- */
-type ContentRef = ViewRef;
-
-/**
- * Ref type for the dialog description
- */
-type DescriptionRef = TextRef;
-
-/**
- * Ref type for the dialog overlay
- */
-type OverlayRef = PressableRef;
-
-/**
- * Ref type for the dialog root
- */
-type RootRef = ViewRef;
-
-/**
- * Ref type for the dialog title
- */
-type TitleRef = TextRef;
-
-/**
- * Ref type for the dialog trigger
- */
-type TriggerRef = PressableRef;
-
-export type {
-  CloseProps,
-  CloseRef,
-  ContentProps,
-  ContentRef,
-  DescriptionProps,
-  DescriptionRef,
-  OverlayProps,
-  OverlayRef,
-  PortalProps,
-  RootContext,
-  RootProps,
-  RootRef,
-  TitleProps,
-  TitleRef,
-  TriggerProps,
-  TriggerRef,
-};

package/lib/__templates__/expo/client/heroui/primitives/dialog/index.ts

@@ -1,2 +0,0 @@
-export * from './dialog';
-export * from './dialog.types';

package/lib/__templates__/expo/client/heroui/primitives/input-otp/index.ts

@@ -1,3 +0,0 @@
-export * from './input-otp';
-export * from './input-otp.types';
-export * from './input-otp.utils';