@react-native-reusables/cli 0.0.18 → 0.1.1

package/__generated/components/primitives/menubar/menubar.web.tsx

@@ -1,548 +0,0 @@
-import * as Menubar from '@radix-ui/react-menubar';
-import { useAugmentedRef, useControllableState } from '@rnr/hooks';
-import * as Slot from '@rnr/slot';
-import type {
-  ForceMountable,
-  PositionedContentProps,
-  PressableRef,
-  SlottablePressableProps,
-  SlottableTextProps,
-  SlottableViewProps,
-  TextRef,
-  ViewRef,
-} from '@rnr/types';
-import { EmptyGestureResponderEvent } from '@rnr/utils';
-import * as React from 'react';
-import { GestureResponderEvent, Pressable, Text, View } from 'react-native';
-import type {
-  MenubarCheckboxItemProps,
-  MenubarItemProps,
-  MenubarMenuProps,
-  MenubarOverlayProps,
-  MenubarPortalProps,
-  MenubarRadioGroupProps,
-  MenubarRadioItemProps,
-  MenubarRootProps,
-  MenubarSeparatorProps,
-  MenubarSubProps,
-  MenubarSubTriggerProps,
-} from './types';
-
-const RootContext = React.createContext<MenubarRootProps | null>(null);
-
-const Root = React.forwardRef<ViewRef, SlottableViewProps & MenubarRootProps>(
-  ({ asChild, value, onValueChange, ...viewProps }, ref) => {
-    const Component = asChild ? Slot.View : View;
-    return (
-      <RootContext.Provider value={{ value, onValueChange }}>
-        <Menubar.Root value={value} onValueChange={onValueChange}>
-          <Component ref={ref} {...viewProps} />
-        </Menubar.Root>
-      </RootContext.Provider>
-    );
-  }
-);
-
-Root.displayName = 'RootWebMenubar';
-
-function useRootContext() {
-  const context = React.useContext(RootContext);
-  if (!context) {
-    throw new Error('Menubar compound components cannot be rendered outside the Menubar component');
-  }
-  return context;
-}
-
-const MenuContext = React.createContext<MenubarMenuProps | null>(null);
-
-const Menu = React.forwardRef<ViewRef, SlottableViewProps & MenubarMenuProps>(
-  ({ asChild, value, ...viewProps }, ref) => {
-    const Component = asChild ? Slot.View : View;
-    return (
-      <MenuContext.Provider value={{ value }}>
-        <Menubar.Menu value={value}>
-          <Component ref={ref} {...viewProps} />
-        </Menubar.Menu>
-      </MenuContext.Provider>
-    );
-  }
-);
-
-Menu.displayName = 'MenuWebMenubar';
-
-function useMenuContext() {
-  const context = React.useContext(MenuContext);
-  if (!context) {
-    throw new Error('Menubar compound components cannot be rendered outside the Menubar component');
-  }
-  return context;
-}
-
-const Trigger = React.forwardRef<PressableRef, SlottablePressableProps>(
-  ({ asChild, disabled = false, ...props }, ref) => {
-    const augmentedRef = useAugmentedRef({ ref });
-    const { value: menuValue } = useMenuContext();
-    const { value } = useRootContext();
-
-    React.useLayoutEffect(() => {
-      if (augmentedRef.current) {
-        const augRef = augmentedRef.current as unknown as HTMLDivElement;
-        augRef.dataset.state = value && menuValue === value ? 'open' : 'closed';
-      }
-    }, [open]);
-
-    React.useLayoutEffect(() => {
-      if (augmentedRef.current) {
-        const augRef = augmentedRef.current as unknown as HTMLDivElement;
-        if (disabled) {
-          augRef.dataset.disabled = 'true';
-        } else {
-          augRef.dataset.disabled = undefined;
-        }
-      }
-    }, [disabled]);
-
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return (
-      <Menubar.Trigger disabled={disabled ?? undefined} asChild>
-        <Component ref={augmentedRef} disabled={disabled} {...props} />
-      </Menubar.Trigger>
-    );
-  }
-);
-
-Trigger.displayName = 'TriggerWebMenubar';
-
-function Portal({ forceMount, container, children }: MenubarPortalProps) {
-  return <Menubar.Portal forceMount={forceMount} container={container} children={children} />;
-}
-
-const Overlay = React.forwardRef<PressableRef, SlottablePressableProps & MenubarOverlayProps>(
-  ({ asChild, ...props }, ref) => {
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return <Component ref={ref} {...props} />;
-  }
-);
-
-Overlay.displayName = 'OverlayWebMenubar';
-
-const MenubarContentContext = React.createContext<{
-  close: () => void;
-} | null>(null);
-
-const Content = React.forwardRef<ViewRef, SlottableViewProps & PositionedContentProps>(
-  (
-    {
-      asChild = false,
-      forceMount,
-      align,
-      side,
-      sideOffset,
-      alignOffset = 0,
-      avoidCollisions = true,
-      insets,
-      loop,
-      onCloseAutoFocus,
-      onEscapeKeyDown,
-      onPointerDownOutside,
-      onFocusOutside,
-      onInteractOutside,
-      collisionBoundary,
-      sticky,
-      hideWhenDetached,
-      ...props
-    },
-    ref
-  ) => {
-    const itemRef = React.useRef<HTMLDivElement>(null);
-
-    function close() {
-      itemRef.current?.click();
-    }
-
-    const Component = asChild ? Slot.View : View;
-    return (
-      <MenubarContentContext.Provider value={{ close }}>
-        <Menubar.Content
-          forceMount={forceMount}
-          alignOffset={alignOffset}
-          avoidCollisions={avoidCollisions}
-          collisionPadding={insets}
-          loop={loop}
-          onCloseAutoFocus={onCloseAutoFocus}
-          onEscapeKeyDown={onEscapeKeyDown}
-          onPointerDownOutside={onPointerDownOutside}
-          onFocusOutside={onFocusOutside}
-          onInteractOutside={onInteractOutside}
-          collisionBoundary={collisionBoundary}
-          sticky={sticky}
-          hideWhenDetached={hideWhenDetached}
-          align={align}
-          side={side}
-          sideOffset={sideOffset}
-        >
-          <Component ref={ref} {...props} />
-          <Menubar.Item
-            ref={itemRef}
-            aria-hidden
-            style={{ position: 'fixed', top: 0, left: 0, zIndex: -999999999 }}
-            aria-disabled
-            tabIndex={-1}
-            hidden
-          />
-        </Menubar.Content>
-      </MenubarContentContext.Provider>
-    );
-  }
-);
-
-Content.displayName = 'ContentWebMenubar';
-
-function useMenubarContentContext() {
-  const context = React.useContext(MenubarContentContext);
-  if (!context) {
-    throw new Error(
-      'MenubarContent compound components cannot be rendered outside the MenubarContent component'
-    );
-  }
-  return context;
-}
-
-const Item = React.forwardRef<PressableRef, SlottablePressableProps & MenubarItemProps>(
-  (
-    {
-      asChild,
-      textValue,
-      closeOnPress = true,
-      onPress: onPressProp,
-      onKeyDown: onKeyDownProp,
-      ...props
-    },
-    ref
-  ) => {
-    const { close } = useMenubarContentContext();
-
-    function onKeyDown(ev: React.KeyboardEvent) {
-      onKeyDownProp?.(ev);
-      if (ev.key === 'Enter' || ev.key === ' ') {
-        onPressProp?.(EmptyGestureResponderEvent);
-        if (closeOnPress) {
-          close();
-        }
-      }
-    }
-
-    function onPress(ev: GestureResponderEvent) {
-      onPressProp?.(ev);
-      if (closeOnPress) {
-        close();
-      }
-    }
-
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return (
-      <Menubar.Item
-        textValue={textValue}
-        disabled={props.disabled ?? undefined}
-        onSelect={closeOnPress ? undefined : onSelected}
-        asChild
-      >
-        <Component
-          ref={ref}
-          // @ts-expect-error web only
-          onKeyDown={onKeyDown}
-          onPress={onPress}
-          {...props}
-        />
-      </Menubar.Item>
-    );
-  }
-);
-
-Item.displayName = 'ItemWebMenubar';
-
-const Group = React.forwardRef<ViewRef, SlottableViewProps>(({ asChild, ...props }, ref) => {
-  const Component = asChild ? Slot.View : View;
-  return (
-    <Menubar.Group asChild>
-      <Component ref={ref} {...props} />
-    </Menubar.Group>
-  );
-});
-
-Group.displayName = 'GroupWebMenubar';
-
-const Label = React.forwardRef<TextRef, SlottableTextProps>(({ asChild, ...props }, ref) => {
-  const Component = asChild ? Slot.Text : Text;
-  return (
-    <Menubar.Label asChild>
-      <Component ref={ref} {...props} />
-    </Menubar.Label>
-  );
-});
-
-Label.displayName = 'LabelWebMenubar';
-
-const CheckboxItem = React.forwardRef<
-  PressableRef,
-  SlottablePressableProps & MenubarCheckboxItemProps
->(
-  (
-    {
-      asChild,
-      checked,
-      onCheckedChange,
-      textValue,
-      disabled = false,
-      closeOnPress = true,
-      onPress: onPressProp,
-      onKeyDown: onKeyDownProp,
-      ...props
-    },
-    ref
-  ) => {
-    function onKeyDown(ev: React.KeyboardEvent) {
-      onKeyDownProp?.(ev);
-      if (ev.key === 'Enter' || ev.key === ' ') {
-        onPressProp?.(EmptyGestureResponderEvent);
-        onCheckedChange?.(!checked);
-        if (closeOnPress) {
-          close();
-        }
-      }
-    }
-
-    function onPress(ev: GestureResponderEvent) {
-      onPressProp?.(ev);
-      onCheckedChange?.(!checked);
-      if (closeOnPress) {
-        close();
-      }
-    }
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return (
-      <Menubar.CheckboxItem
-        textValue={textValue}
-        checked={checked}
-        onCheckedChange={onCheckedChange}
-        onSelect={closeOnPress ? undefined : onSelected}
-        disabled={disabled ?? undefined}
-        asChild
-      >
-        <Component
-          ref={ref}
-          // @ts-expect-error web only
-          onKeyDown={onKeyDown}
-          onPress={onPress}
-          role='button'
-          {...props}
-        />
-      </Menubar.CheckboxItem>
-    );
-  }
-);
-
-CheckboxItem.displayName = 'CheckboxItemWebMenubar';
-
-const MenubarRadioGroupContext = React.createContext<{
-  value?: string;
-  onValueChange?: (value: string) => void;
-} | null>(null);
-
-const RadioGroup = React.forwardRef<ViewRef, SlottableViewProps & MenubarRadioGroupProps>(
-  ({ asChild, value, onValueChange, ...props }, ref) => {
-    const Component = asChild ? Slot.View : View;
-    return (
-      <MenubarRadioGroupContext.Provider value={{ value, onValueChange }}>
-        <Menubar.RadioGroup value={value} onValueChange={onValueChange} asChild>
-          <Component ref={ref} {...props} />
-        </Menubar.RadioGroup>
-      </MenubarRadioGroupContext.Provider>
-    );
-  }
-);
-
-RadioGroup.displayName = 'RadioGroupWebMenubar';
-
-function useMenubarRadioGroupContext() {
-  const context = React.useContext(MenubarRadioGroupContext);
-  if (!context) {
-    throw new Error(
-      'MenubarRadioGroup compound components cannot be rendered outside the MenubarRadioGroup component'
-    );
-  }
-  return context;
-}
-
-const RadioItem = React.forwardRef<PressableRef, SlottablePressableProps & MenubarRadioItemProps>(
-  (
-    {
-      asChild,
-      value,
-      textValue,
-      closeOnPress = true,
-      onPress: onPressProp,
-      onKeyDown: onKeyDownProp,
-      ...props
-    },
-    ref
-  ) => {
-    const { onValueChange } = useMenubarRadioGroupContext();
-    const { close } = useMenubarContentContext();
-
-    function onKeyDown(ev: React.KeyboardEvent) {
-      onKeyDownProp?.(ev);
-      if (ev.key === 'Enter' || ev.key === ' ') {
-        onValueChange?.(value);
-        onPressProp?.(EmptyGestureResponderEvent);
-        if (closeOnPress) {
-          close();
-        }
-      }
-    }
-
-    function onPress(ev: GestureResponderEvent) {
-      onValueChange?.(value);
-      onPressProp?.(ev);
-      if (closeOnPress) {
-        close();
-      }
-    }
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return (
-      <Menubar.RadioItem
-        value={value}
-        textValue={textValue}
-        disabled={props.disabled ?? undefined}
-        onSelect={closeOnPress ? undefined : onSelected}
-        asChild
-      >
-        <Component
-          ref={ref}
-          // @ts-expect-error web only
-          onKeyDown={onKeyDown}
-          onPress={onPress}
-          {...props}
-        />
-      </Menubar.RadioItem>
-    );
-  }
-);
-
-RadioItem.displayName = 'RadioItemWebMenubar';
-
-const ItemIndicator = React.forwardRef<ViewRef, SlottableViewProps & ForceMountable>(
-  ({ asChild, forceMount, ...props }, ref) => {
-    const Component = asChild ? Slot.View : View;
-    return (
-      <Menubar.ItemIndicator forceMount={forceMount} asChild>
-        <Component ref={ref} {...props} />
-      </Menubar.ItemIndicator>
-    );
-  }
-);
-
-ItemIndicator.displayName = 'ItemIndicatorWebMenubar';
-
-const Separator = React.forwardRef<ViewRef, SlottableViewProps & MenubarSeparatorProps>(
-  ({ asChild, decorative, ...props }, ref) => {
-    const Component = asChild ? Slot.View : View;
-    return (
-      <Menubar.Separator asChild>
-        <Component ref={ref} {...props} />
-      </Menubar.Separator>
-    );
-  }
-);
-
-Separator.displayName = 'SeparatorWebMenubar';
-
-const MenubarSubContext = React.createContext<{
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-} | null>(null);
-
-const Sub = React.forwardRef<ViewRef, SlottableViewProps & MenubarSubProps>(
-  ({ asChild, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...props }, ref) => {
-    const [open = false, onOpenChange] = useControllableState({
-      prop: openProp,
-      defaultProp: defaultOpen,
-      onChange: onOpenChangeProp,
-    });
-    const Component = asChild ? Slot.View : View;
-    return (
-      <MenubarSubContext.Provider value={{ open, onOpenChange }}>
-        <Menubar.Sub open={open} onOpenChange={onOpenChange}>
-          <Component ref={ref} {...props} />
-        </Menubar.Sub>
-      </MenubarSubContext.Provider>
-    );
-  }
-);
-
-Sub.displayName = 'SubWebMenubar';
-
-function useSubContext() {
-  const context = React.useContext(MenubarSubContext);
-  if (!context) {
-    throw new Error(
-      'MenubarSub compound components cannot be rendered outside the MenubarSub component'
-    );
-  }
-  return context;
-}
-
-const SubTrigger = React.forwardRef<PressableRef, SlottablePressableProps & MenubarSubTriggerProps>(
-  ({ asChild, textValue, disabled = false, ...props }, ref) => {
-    const Component = asChild ? Slot.Pressable : Pressable;
-    return (
-      <Menubar.SubTrigger disabled={disabled ?? undefined} textValue={textValue} asChild>
-        <Component ref={ref} {...props} />
-      </Menubar.SubTrigger>
-    );
-  }
-);
-
-SubTrigger.displayName = 'SubTriggerWebMenubar';
-
-const SubContent = React.forwardRef<ViewRef, SlottableViewProps & ForceMountable>(
-  ({ asChild = false, forceMount, ...props }, ref) => {
-    const Component = asChild ? Slot.View : View;
-    return (
-      <Menubar.Portal>
-        <Menubar.SubContent forceMount={forceMount}>
-          <Component ref={ref} {...props} />
-        </Menubar.SubContent>
-      </Menubar.Portal>
-    );
-  }
-);
-
-Content.displayName = 'ContentWebMenubar';
-
-export {
-  CheckboxItem,
-  Content,
-  Group,
-  Item,
-  ItemIndicator,
-  Label,
-  Menu,
-  Overlay,
-  Portal,
-  RadioGroup,
-  RadioItem,
-  Root,
-  Separator,
-  Sub,
-  SubContent,
-  SubTrigger,
-  Trigger,
-  useMenuContext,
-  useRootContext,
-  useSubContext,
-};
-
-function onSelected(ev: Event) {
-  ev.preventDefault();
-}

package/__generated/components/primitives/menubar/types.ts

@@ -1,77 +0,0 @@
-import { ForceMountable } from '@rnr/types';
-
-interface MenubarRootProps {
-  value: string | undefined;
-  onValueChange: (value: string | undefined) => void;
-}
-
-interface MenubarMenuProps {
-  value: string | undefined;
-}
-
-interface MenubarPortalProps extends ForceMountable {
-  children: React.ReactNode;
-  /**
-   * Platform: NATIVE ONLY
-   */
-  hostName?: string;
-  /**
-   * Platform: WEB ONLY
-   */
-  container?: HTMLElement | null | undefined;
-}
-
-interface MenubarOverlayProps extends ForceMountable {
-  closeOnPress?: boolean;
-}
-
-interface MenubarItemProps {
-  textValue?: string;
-  closeOnPress?: boolean;
-}
-
-interface MenubarCheckboxItemProps {
-  checked: boolean;
-  onCheckedChange: (checked: boolean) => void;
-  closeOnPress?: boolean;
-  textValue?: string;
-}
-
-interface MenubarRadioGroupProps {
-  value: string | undefined;
-  onValueChange: (value: string) => void;
-}
-
-interface MenubarRadioItemProps {
-  value: string;
-  textValue?: string;
-  closeOnPress?: boolean;
-}
-
-interface MenubarSeparatorProps {
-  decorative?: boolean;
-}
-
-interface MenubarSubProps {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (value: boolean) => void;
-}
-
-interface MenubarSubTriggerProps {
-  textValue?: string;
-}
-
-export type {
-  MenubarCheckboxItemProps,
-  MenubarItemProps,
-  MenubarMenuProps,
-  MenubarOverlayProps,
-  MenubarPortalProps,
-  MenubarRadioGroupProps,
-  MenubarRadioItemProps,
-  MenubarRootProps,
-  MenubarSeparatorProps,
-  MenubarSubProps,
-  MenubarSubTriggerProps,
-};

package/__generated/components/primitives/navigation-menu/index.ts

@@ -1 +0,0 @@
-export * from './navigation-menu';