# @types/react-pie-menu

> TypeScript definitions for react-pie-menu

Latest version **1.0.3** (published 2023-11-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/react-pie-menu
pnpm add @types/react-pie-menu
yarn add @types/react-pie-menu
bun add @types/react-pie-menu
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; no vulnerabilities; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2023-11-07 |
| First published | 2022-11-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 6.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 51440 |
| Maintainers | types |

## Links

- npm: https://www.npmjs.com/package/@types/react-pie-menu
- Repository: https://github.com/DefinitelyTyped/DefinitelyTyped
- Homepage: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-pie-menu
- npm.io page: https://npm.io/package/@types/react-pie-menu

## Recent versions

- 1.0.3 (latest) — 2023-11-07
- 1.0.0 (ts4.1) — 2022-11-07
- 1.0.2 — 2023-10-18
- 1.0.1 — 2023-09-27

## README

# Installation
> `npm install --save @types/react-pie-menu`

# Summary
This package contains type definitions for react-pie-menu (https://github.com/psychobolt/react-pie-menu#readme).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-pie-menu.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-pie-menu/index.d.ts)
````ts
export type Callback = (_event: React.SyntheticEvent<unknown>) => unknown;

export interface SliceContext {
    radius?: string;
    centerRadius?: string;
    centralAngle?: number;
    polar?: boolean;
}

export interface SliceProps extends SliceContext {
    as?: unknown;
    className?: string;
    contentHeight?: string;
    onMouseEnter?: Callback;
    onMouseOver?: Callback;
    onMouseOut?: Callback;
    onSelect?: Callback;
    onKeyDown?: Callback;
    onFocus?: Callback;
    onBlur?: Callback;
    attrs?: Record<string, unknown>;
    children?: React.ReactNode;
}

export interface Metadata {
    className?: string;
    radiusPx?: number;
    centerRadiusPx?: number;
}

export interface PieMenuProps extends SliceContext, Metadata {
    slices?: { itemId: string; slice: React.ReactNode[] };
    startOffsetAngle?: number;
    polar?: boolean;
    Center?: React.ComponentType<unknown>;
    attrs?: Record<string, unknown>;
    children: React.ReactNode;
}

export interface PieCenterProps {
    onClick?: Callback;
    children?: React.ReactNode;
}

export interface ContextSelectorProps<T> {
    theme: {
        context: {
            [key: string]: T;
        };
    };
}

export interface ThemeContextSelector<T> {
    (props: ContextSelectorProps<T>): T;
}

// pie menu selectors
export const radius: ThemeContextSelector<number>;
export const centerRadius: ThemeContextSelector<number>;
export const centralAngle: ThemeContextSelector<number>;
export const polar: ThemeContextSelector<boolean>;
export function ifObtuse(value: any, _default: any): any;

// slice selectors
export const startAngle: ThemeContextSelector<number>;
export const endAngle: ThemeContextSelector<number>;
export const skew: ThemeContextSelector<number>;

// components
export const Slice: React.ComponentType<SliceProps>;
export const PieMenu: React.ComponentType<PieMenuProps>;
export const PieCenter: React.ComponentType<PieCenterProps>;

````

### Additional Details
 * Last updated: Tue, 07 Nov 2023 09:09:39 GMT
 * Dependencies: none

# Credits
These definitions were written by [Joel Keyser](https://github.com/keyserj).

---
_Source: https://npm.io/package/@types/react-pie-menu · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
