@tamagui/create-menu 2.0.0-1

package/types/createNativeMenu/createNativeMenuTypes.d.ts

@@ -0,0 +1,188 @@
+import type { ImageProps } from 'react-native';
+import type { SFSymbol } from 'sf-symbols-typescript';
+type ImageOptions = {
+    tint?: string;
+};
+export type MenuProps = {
+    children: React.ReactNode;
+    native?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Callback function indicating that the menu intends to open or close. Passes a `willOpen` boolean argument indicating whether it is opening or closing.
+     * Unlike `onOpenChange`, this is called before the animation begins.
+     * @platform `ios`
+     */
+    onOpenWillChange?: (willOpen: boolean) => void;
+};
+/**
+ * Props for the auxiliary view that can be shown alongside a context menu on iOS
+ * @platform ios
+ */
+export type ContextMenuAuxiliaryProps = {
+    height?: number;
+    width?: number;
+    anchorPosition?: 'top' | 'bottom' | 'automatic';
+    children: React.ReactNode | ((options: {
+        dismissMenu: () => void;
+    }) => React.ReactNode);
+    onDidShow?: () => void;
+    marginWithScreenEdge?: number;
+    onWillShow?: () => void;
+};
+export type MenuTriggerProps = {
+    children: React.ReactElement;
+    asChild?: boolean;
+    /**
+     * Determine whether the menu should open on `press` or `longPress`. Defaults to `press` for `Menu` and `longPress` for `ContextMenu`.
+     *
+     * Only applies for `ios` and `android`.
+     */
+    action?: 'press' | 'longPress';
+};
+export type MenuContentProps = {
+    children: React.ReactNode;
+};
+export type ContextMenuContentProps = MenuContentProps;
+export type MenuGroupProps = {
+    children: React.ReactNode;
+};
+export type MenuItemProps = {
+    children: React.ReactNode;
+    /**
+     * If you want to pass a React text node to `<ItemTitle />`, then you need to use this prop. This gets used on iOS and Android.
+     */
+    textValue?: string;
+    /**
+     * Callback when the item is selected
+     */
+    onSelect?: (event?: Event) => void;
+} & {
+    disabled?: boolean;
+    hidden?: boolean;
+    destructive?: boolean;
+    key: string;
+};
+export interface MenuItemCommonProps {
+    /**
+     * React elements to render as fallback icon (typically for web)
+     */
+    children?: React.ReactNode;
+    /**
+     * The name of an iOS-only SF Symbol. For a full list, see https://developer.apple.com/sf-symbols/.
+     * @deprecated Please use the `name` inside of the `ios` prop instead.
+     * @platform ios
+     */
+    iosIconName?: string;
+    /**
+     * Icon configuration to be used on iOS. You can pass a SF Symbol icon using the `name` prop.
+     * Additionally, you can configure the SF Symbol's features like weight, scale, color etc. by passing
+     * the corresponding props. Note that some of those features require iOS 15+.
+     *
+     * @platform ios
+     */
+    ios?: {
+        name: SFSymbol;
+        weight?: 'ultraLight' | 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'heavy' | 'black';
+        scale?: 'small' | 'medium' | 'large';
+        hierarchicalColor?: string;
+        paletteColors?: string[];
+    };
+    /**
+     * The name of an android-only resource drawable. For a full list, see https://developer.android.com/reference/android/R.drawable.html.
+     *
+     * @platform android
+     */
+    androidIconName?: string;
+}
+export type MenuItemIconProps = MenuItemCommonProps;
+export type MenuItemImageProps = MenuItemCommonProps & {
+    /**
+     * `source={require('path/to/image')}`
+     */
+    source: ImageProps['source'];
+    ios?: {
+        style?: ImageOptions;
+        lazy?: boolean;
+    };
+};
+export type MenuArrowProps = {};
+export type MenuSubTriggerProps = MenuItemProps & {
+    key: string;
+};
+export type MenuSubProps = {
+    children?: React.ReactNode;
+};
+export type MenuSubContentProps = {
+    children: React.ReactNode;
+};
+export type ContextMenuSubContentProps = ContextMenuContentProps;
+export type MenuItemTitleProps = {
+    children: string | React.ReactNode;
+};
+export type MenuItemSubtitleProps = {
+    children: string;
+};
+export type MenuSeparatorProps = {};
+export type MenuCheckboxItemProps = Omit<MenuItemProps, 'onSelect'> & {
+    /**
+     * The controlled checked state of the checkbox item.
+     * Use this with `onCheckedChange` for the web-style API.
+     */
+    checked?: boolean;
+    /**
+     * Callback when the checked state changes.
+     * Use this with `checked` for the web-style API.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * The controlled value state for native platforms.
+     * Use this with `onValueChange` for the native-style API.
+     * @platform ios, android
+     */
+    value?: 'mixed' | 'on' | 'off' | boolean;
+    /**
+     * Callback when the value changes on native platforms.
+     * Use this with `value` for the native-style API.
+     * @platform ios, android
+     */
+    onValueChange?: (state: 'mixed' | 'on' | 'off', prevState: 'mixed' | 'on' | 'off') => void;
+    key: string;
+};
+export type MenuItemIndicatorProps = {
+    children?: React.ReactNode;
+};
+export type MenuLabelProps = {
+    children: string;
+    /**
+     * If you want to pass a React text node to `<Lable />`, then you need to use this prop. This gets used on iOS and Android.
+     */
+    textValue?: string;
+};
+export type ContextMenuPreviewProps = {
+    children: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Size of the preview
+     * @platform ios
+     */
+    size?: {
+        width?: number;
+        height?: number;
+    };
+    /**
+     * Called when the preview is pressed
+     * @platform ios
+     */
+    onPress?: () => void;
+    /**
+     * Background color of the preview
+     * @platform ios
+     */
+    backgroundColor?: string;
+    /**
+     * Border radius of the preview
+     * @platform ios
+     */
+    borderRadius?: number;
+};
+export {};
+//# sourceMappingURL=createNativeMenuTypes.d.ts.map

package/types/createNativeMenu/createNativeMenuTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createNativeMenuTypes.d.ts","sourceRoot":"","sources":["../../src/createNativeMenu/createNativeMenuTypes.ts"],"names":[],"mappings":"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"}

package/types/createNativeMenu/index.d.ts

@@ -0,0 +1,4 @@
+export * from './createNativeMenu';
+export * from './withNativeMenu';
+export type { MenuItemIconProps as NativeMenuItemIconProps, MenuSubTriggerProps as NativeMenuSubTriggerProps, } from './createNativeMenuTypes';
+//# sourceMappingURL=index.d.ts.map

package/types/createNativeMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/createNativeMenu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAEhC,YAAY,EACV,iBAAiB,IAAI,uBAAuB,EAC5C,mBAAmB,IAAI,yBAAyB,GACjD,MAAM,yBAAyB,CAAA"}

package/types/createNativeMenu/utils.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Credit to geist-ui/react, it's initially copied from there and updated.
+ *
+ * MIT License
+
+Copyright (c) 2020 Geist UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+import React, { type ReactNode } from 'react';
+type ReactChildArray = ReturnType<typeof React.Children.toArray>;
+export declare function flattenChildrenKeyless(children: ReactNode): ReactChildArray;
+export declare function flattenChildren(children: ReactNode, componentNamesToIgnore?: string[], depth?: number, keys?: (string | number)[]): ReactNode[];
+export declare const pickChildren: <Props = any>(_children: ReactNode | undefined, targetChild: React.ElementType, componentNamesToIgnore?: string[]) => {
+    targetChildren: React.ReactElement<Props, string | React.JSXElementConstructor<any>>[] | undefined;
+    withoutTargetChildren: (string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined>)[] | null | undefined;
+};
+export declare const isInstanceOfComponent: (element: React.ReactElement | ReactNode | undefined, targetElement: React.ElementType) => boolean;
+export declare const filterNull: <T extends unknown | null | undefined>(t: T) => t is NonNullable<T>;
+export declare const create: <Props extends {}>(Component: React.ComponentType<Props>, displayName: string) => React.FC<Props>;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/types/createNativeMenu/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/createNativeMenu/utils.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAAE,EAGZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AAEd,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAEhE,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,SAAS,GAAG,eAAe,CAW3E;AAED,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,SAAS,EACnB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,KAAK,SAAI,EACT,IAAI,GAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,GAC7B,SAAS,EAAE,CAuCb;AAED,eAAO,MAAM,YAAY,GAAI,KAAK,GAAG,GAAG,EACtC,WAAW,SAAS,GAAG,SAAS,EAChC,aAAa,KAAK,CAAC,WAAW,EAC9B,yBAAyB,MAAM,EAAE;;;CAoBlC,CAAA;AAED,eAAO,MAAM,qBAAqB,GAChC,SAAS,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,SAAS,EACnD,eAAe,KAAK,CAAC,WAAW,YASjC,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,GAAG,IAAI,GAAG,SAAS,EAC7D,GAAG,CAAC,KACH,CAAC,IAAI,WAAW,CAAC,CAAC,CAEpB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,KAAK,SAAS,EAAE,EACrC,WAAW,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EACrC,aAAa,MAAM,oBAQpB,CAAA"}

package/types/createNativeMenu/withNativeMenu.d.ts

@@ -0,0 +1,9 @@
+type CombinedProps<C, N> = C extends React.ComponentType<infer CP> ? N extends React.ComponentType<infer NP> ? CP & NP : CP : N extends React.ComponentType<infer NP> ? NP : {};
+export declare function withNativeMenu<C extends React.ComponentType<any>, N extends React.ComponentType<any>>({ Component, NativeComponent, }: {
+    Component: C;
+    NativeComponent: N;
+    scope?: string;
+    isRoot?: boolean;
+}): React.FC<CombinedProps<C, N>>;
+export {};
+//# sourceMappingURL=withNativeMenu.d.ts.map

package/types/createNativeMenu/withNativeMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withNativeMenu.d.ts","sourceRoot":"","sources":["../../src/createNativeMenu/withNativeMenu.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,GAC9D,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,GACrC,EAAE,GAAG,EAAE,GACP,EAAE,GACJ,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,GACrC,EAAE,GACF,EAAE,CAAA;AAER,wBAAgB,cAAc,CAC5B,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAClC,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAClC,EACA,SAAS,EACT,eAAe,GAChB,EAAE;IACD,SAAS,EAAE,CAAC,CAAA;IACZ,eAAe,EAAE,CAAC,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAgBhC"}

package/types/index.d.ts

@@ -0,0 +1,6 @@
+import '@tamagui/polyfill-dev';
+export * from './createBaseMenu';
+export * from './createNativeMenu/index';
+export type { MenuItemImageProps, MenuItemIconProps, } from './createNativeMenu/createNativeMenuTypes';
+export { MenuPredefined } from './MenuPredefined';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAE9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,YAAY,EACV,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,0CAA0C,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}