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

package/lib/__templates__/expo/client/heroui/primitives/bottom-sheet/bottom-sheet.tsx

@@ -1,235 +0,0 @@
-import { createContext, forwardRef, useContext, useId } from 'react';
-import {
-  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 './bottom-sheet.types';
-
-const BottomSheetContext = 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 (
-      <BottomSheetContext.Provider
-        value={{
-          isOpen,
-          onOpenChange,
-          nativeID,
-        }}
-      >
-        <Component ref={ref} {...viewProps} />
-      </BottomSheetContext.Provider>
-    );
-  }
-);
-
-function useRootContext() {
-  const context = useContext(BottomSheetContext);
-  if (!context) {
-    throw new Error(
-      'BottomSheet compound components cannot be rendered outside the BottomSheet component'
-    );
-  }
-  return context;
-}
-
-Root.displayName = 'HeroUINative.Primitive.BottomSheet.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.BottomSheet.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({ hostName, children }: PortalProps) {
-  const value = useRootContext();
-
-  return (
-    <PortalPrimitive hostName={hostName} name={`${value.nativeID}_portal`}>
-      <BottomSheetContext.Provider value={value}>
-        {children}
-      </BottomSheetContext.Provider>
-    </PortalPrimitive>
-  );
-}
-
-// --------------------------------------------------
-
-const Overlay = forwardRef<OverlayRef, OverlayProps>(
-  ({ asChild, isCloseOnPress = true, onPress: OnPressProp, ...props }, ref) => {
-    const { isOpen, onOpenChange } = useRootContext();
-
-    function onPress(ev: GestureResponderEvent) {
-      if (isCloseOnPress) {
-        onOpenChange(!isOpen);
-      }
-      OnPressProp?.(ev);
-    }
-
-    const Component = asChild ? Slot.Pressable : Pressable;
-
-    return <Component ref={ref} onPress={onPress} {...props} />;
-  }
-);
-
-Overlay.displayName = 'HeroUINative.Primitive.BottomSheet.Overlay';
-
-// --------------------------------------------------
-
-const Content = forwardRef<ContentRef, ContentProps>(
-  ({ asChild, ...props }, ref) => {
-    const { nativeID } = useRootContext();
-
-    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.BottomSheet.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.BottomSheet.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.BottomSheet.Title';
-
-// --------------------------------------------------
-
-const Description = forwardRef<DescriptionRef, DescriptionProps>(
-  (props, ref) => {
-    const { nativeID } = useRootContext();
-    return <Text ref={ref} nativeID={`${nativeID}_desc`} {...props} />;
-  }
-);
-
-Description.displayName = 'HeroUINative.Primitive.BottomSheet.Description';
-
-// --------------------------------------------------
-
-export {
-  Close,
-  Content,
-  Description,
-  Overlay,
-  Portal,
-  Root,
-  Title,
-  Trigger,
-  useRootContext,
-};

package/lib/__templates__/expo/client/heroui/primitives/bottom-sheet/bottom-sheet.types.ts

@@ -1,127 +0,0 @@
-import type {
-  PressableRef,
-  SlottablePressableProps,
-  SlottableTextProps,
-  SlottableViewProps,
-  TextRef,
-  ViewRef,
-} from '../../helpers/internal/types';
-
-/**
- * Context for the bottom sheet root component
- */
-type RootContext = {
-  /** Whether the bottom sheet is currently open */
-  isOpen: boolean;
-  /** Callback fired when the open state changes */
-  onOpenChange: (value: boolean) => void;
-};
-
-/**
- * Props for the bottom sheet root component
- */
-type RootProps = SlottableViewProps & {
-  /** The controlled open state of the bottom sheet */
-  isOpen?: boolean;
-  /** The open state of the bottom sheet when initially rendered (uncontrolled) */
-  isDefaultOpen?: boolean;
-  /** Event handler called when the open state changes */
-  onOpenChange?: (value: boolean) => void;
-};
-
-/**
- * Props for the bottom sheet portal component
- */
-interface PortalProps {
-  /** 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 bottom sheet overlay component
- */
-type OverlayProps = SlottablePressableProps & {
-  /** Whether clicking the overlay should close the bottom sheet */
-  isCloseOnPress?: boolean;
-};
-
-/**
- * Props for the bottom sheet content component
- */
-type ContentProps = SlottableViewProps;
-
-/**
- * Props for the bottom sheet trigger component
- */
-type TriggerProps = SlottablePressableProps;
-
-/**
- * Props for the bottom sheet close button component
- */
-type CloseProps = SlottablePressableProps;
-
-/**
- * Props for the bottom sheet title component
- */
-type TitleProps = SlottableTextProps;
-
-/**
- * Props for the bottom sheet description component
- */
-type DescriptionProps = SlottableTextProps;
-
-/**
- * Ref type for the bottom sheet close button
- */
-type CloseRef = PressableRef;
-
-/**
- * Ref type for the bottom sheet content
- */
-type ContentRef = ViewRef;
-
-/**
- * Ref type for the bottom sheet description
- */
-type DescriptionRef = TextRef;
-
-/**
- * Ref type for the bottom sheet overlay
- */
-type OverlayRef = PressableRef;
-
-/**
- * Ref type for the bottom sheet root
- */
-type RootRef = ViewRef;
-
-/**
- * Ref type for the bottom sheet title
- */
-type TitleRef = TextRef;
-
-/**
- * Ref type for the bottom sheet 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/bottom-sheet/index.ts

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

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

@@ -1,119 +0,0 @@
-import { createContext, forwardRef, useContext } from 'react';
-import { type GestureResponderEvent, Pressable, View } from 'react-native';
-import type {
-  PressableRef,
-  SlottablePressableProps,
-} from '../../helpers/internal/types';
-import * as Slot from '../slot';
-import type {
-  IndicatorProps,
-  IndicatorRef,
-  RootProps,
-  RootRef,
-} from './checkbox.types';
-
-interface RootContext extends RootProps {
-  nativeID?: string;
-}
-
-const CheckboxContext = createContext<RootContext | null>(null);
-
-const Root = forwardRef<RootRef, RootProps>(
-  (
-    {
-      isDisabled = false,
-      isSelected,
-      onSelectedChange,
-      isInvalid = false,
-      nativeID,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <CheckboxContext.Provider
-        value={{
-          isDisabled,
-          isSelected,
-          onSelectedChange,
-          isInvalid,
-          nativeID,
-        }}
-      >
-        <Trigger ref={ref} {...props} />
-      </CheckboxContext.Provider>
-    );
-  }
-);
-
-Root.displayName = 'HeroUINative.Primitive.Checkbox.Root';
-
-function useCheckboxContext() {
-  const context = useContext(CheckboxContext);
-  if (!context) {
-    throw new Error(
-      'Checkbox compound components cannot be rendered outside the Checkbox component'
-    );
-  }
-  return context;
-}
-
-// --------------------------------------------------
-
-const Trigger = forwardRef<PressableRef, SlottablePressableProps>(
-  ({ asChild, onPress: onPressProp, ...props }, ref) => {
-    const { isDisabled, isSelected, onSelectedChange, nativeID } =
-      useCheckboxContext();
-
-    function onPress(ev: GestureResponderEvent) {
-      if (isDisabled) return;
-      const newValue = !isSelected;
-      onSelectedChange?.(newValue);
-      onPressProp?.(ev);
-    }
-
-    const Component = asChild ? Slot.Pressable : Pressable;
-
-    return (
-      <Component
-        ref={ref}
-        nativeID={nativeID}
-        aria-disabled={isDisabled}
-        role="checkbox"
-        aria-checked={isSelected}
-        onPress={onPress}
-        accessibilityState={{
-          checked: isSelected,
-          disabled: isDisabled,
-        }}
-        disabled={isDisabled}
-        {...props}
-      />
-    );
-  }
-);
-
-Trigger.displayName = 'HeroUINative.Primitive.Checkbox.Trigger';
-
-// --------------------------------------------------
-
-const Indicator = forwardRef<IndicatorRef, IndicatorProps>(
-  ({ asChild, ...props }, ref) => {
-    const { isSelected, isDisabled } = useCheckboxContext();
-
-    const Component = asChild ? Slot.View : View;
-    return (
-      <Component
-        ref={ref}
-        aria-disabled={isDisabled}
-        aria-hidden={!isSelected}
-        role={'presentation'}
-        {...props}
-      />
-    );
-  }
-);
-
-Indicator.displayName = 'HeroUINative.Primitive.Checkbox.Indicator';
-
-export { Indicator, Root, useCheckboxContext };

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

@@ -1,37 +0,0 @@
-import type {
-  PressableRef,
-  SlottablePressableProps,
-  SlottableViewProps,
-  ViewRef,
-} from '../../helpers/internal/types';
-
-/**
- * Props for the checkbox root component.
- *
- * @extends SlottablePressableProps Inherits pressable props except 'disabled'
- */
-type RootProps = Omit<SlottablePressableProps, 'disabled'> & {
-  /** Whether the checkbox is currently selected */
-  isSelected?: boolean;
-  /** Callback fired when the checkbox selection state changes */
-  onSelectedChange?: (isSelected: boolean) => void;
-  /** Whether the checkbox is disabled and cannot be interacted with */
-  isDisabled?: boolean;
-  /** Whether the checkbox is in an invalid state */
-  isInvalid?: boolean;
-};
-
-/**
- * Props for the checkbox indicator component.
- *
- * @extends SlottableViewProps Inherits view props except 'disabled'
- */
-type IndicatorProps = Omit<SlottableViewProps, 'disabled'>;
-
-/** Reference type for the checkbox root component */
-type RootRef = PressableRef;
-
-/** Reference type for the checkbox indicator component */
-type IndicatorRef = ViewRef;
-
-export type { IndicatorProps, IndicatorRef, RootProps, RootRef };

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

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