@koine/react 1.1.11 → 1.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Carousel/CarouselCss.d.ts +6 -1
- package/Details/Details.d.ts +298 -13
- package/Dialog/DialogMui.d.ts +328 -19
- package/Dialog/css/bare.d.ts +352 -43
- package/Dialog/m/bare.d.ts +322 -13
- package/Dialog/sc/bare.d.ts +325 -17
- package/Dialog/sc/framer.d.ts +316 -7
- package/Dialog/sc/framerMaterial.d.ts +316 -7
- package/Dialog/sc/material.d.ts +325 -16
- package/Dialog/tw/bare.d.ts +358 -49
- package/Dialog/tw/elegant.d.ts +379 -70
- package/Dialog/tw/framer.d.ts +340 -31
- package/Dialog/tw/framerMaterial.d.ts +356 -47
- package/Dialog/tw/material.d.ts +379 -70
- package/Form/Form.d.ts +45 -19
- package/Form/sc/bare.d.ts +33 -8
- package/Forms/Checkbox/Checkbox.d.ts +1 -1
- package/Forms/Input/Input.d.ts +1 -1
- package/Forms/Password/Password.d.ts +1 -1
- package/Forms/Radio/Radio.d.ts +1 -1
- package/Forms/Switch/Switch.d.ts +1 -1
- package/Forms/Textarea/Textarea.d.ts +1 -1
- package/Forms/Textarea/TextareaRich.d.ts +1 -1
- package/Link/Link.d.ts +1 -1
- package/Menu/MenuMui.d.ts +0 -35
- package/Menu/MenuMui.js +164 -77
- package/Menu/MenuMui.mjs +165 -75
- package/MenuItem/MenuItemMui.d.ts +0 -6
- package/MenuItem/MenuItemMui.js +31 -17
- package/MenuItem/MenuItemMui.mjs +32 -15
- package/Tabs/TabsMui.d.ts +287 -55
- package/Tabs/tw/bare.d.ts +311 -80
- package/Tabs/tw/material.d.ts +326 -136
- package/hooks/index.d.ts +1 -2
- package/hooks/index.js +1 -2
- package/hooks/index.mjs +1 -2
- package/hooks/useFocus.js +3 -3
- package/hooks/useFocus.mjs +3 -3
- package/hooks/useIsomorphicLayoutEffect.d.ts +1 -1
- package/hooks/useIsomorphicLayoutEffect.js +1 -1
- package/hooks/useIsomorphicLayoutEffect.mjs +1 -1
- package/hooks/useSpinDelay.d.ts +14 -0
- package/hooks/useSpinDelay.js +54 -0
- package/hooks/useSpinDelay.mjs +50 -0
- package/package.json +25 -22
- package/styles/theme--vanilla.d.ts +0 -1
- package/styles/theme--vanilla.js +15 -15
- package/styles/theme--vanilla.mjs +15 -14
package/Form/Form.d.ts
CHANGED
|
@@ -61,51 +61,77 @@ export type ComponentsProps = {
|
|
|
61
61
|
export type Props = Simplify<WithComponents<OwnProps, Components>>;
|
|
62
62
|
export type FormProps = Props;
|
|
63
63
|
export type KoineFormProps = Props;
|
|
64
|
-
export declare const Root: NonNullable<import("react").ElementType<
|
|
65
|
-
export declare const Overlay: NonNullable<import("react").ElementType<
|
|
66
|
-
export declare const Progress: NonNullable<import("react").ElementType<
|
|
67
|
-
export declare const Collapsable: NonNullable<import("react").ElementType<
|
|
64
|
+
export declare const Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
|
|
65
|
+
export declare const Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
66
|
+
export declare const Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
67
|
+
export declare const Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
68
68
|
$open?: boolean | undefined;
|
|
69
69
|
recalc?: boolean | undefined;
|
|
70
70
|
body?: React.ReactNode;
|
|
71
71
|
}>>;
|
|
72
|
-
export declare const Ok: NonNullable<import("react").ElementType<
|
|
72
|
+
export declare const Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
73
73
|
children?: import("react").ReactNode;
|
|
74
74
|
}>>;
|
|
75
|
-
export declare const Fail: NonNullable<import("react").ElementType<
|
|
75
|
+
export declare const Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
76
76
|
children?: import("react").ReactNode;
|
|
77
77
|
}>>;
|
|
78
78
|
export type FormFeedbackView = "" | "ok" | "fail";
|
|
79
79
|
export declare const Form: ({ Root: _Root, Overlay: _Overlay, Progress: _Progress, Collapsable: _Collapsable, ok, fail, loading, Ok: _Ok, okProps, Fail: _Fail, failProps, collapseOnOk, collapseOnFail, okTimeout, failTimeout, children, ...props }: FormProps) => JSX.Element;
|
|
80
|
-
export declare const KoineForm: ((props:
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
80
|
+
export declare const KoineForm: ((props: {
|
|
81
|
+
action: string;
|
|
82
|
+
ok?: boolean | undefined;
|
|
83
|
+
okProps?: object | undefined;
|
|
84
|
+
fail?: boolean | undefined;
|
|
85
|
+
failProps?: object | undefined;
|
|
86
|
+
loading?: boolean | undefined;
|
|
87
|
+
collapseOnOk?: boolean | undefined;
|
|
88
|
+
collapseOnFail?: boolean | undefined;
|
|
89
|
+
okTimeout?: number | undefined;
|
|
90
|
+
failTimeout?: number | undefined;
|
|
91
|
+
children?: import("react").ReactNode;
|
|
92
|
+
Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
|
|
93
|
+
Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
94
|
+
Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
95
|
+
Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
96
|
+
$open?: boolean | undefined;
|
|
97
|
+
recalc?: boolean | undefined;
|
|
98
|
+
body?: React.ReactNode;
|
|
99
|
+
}>>;
|
|
100
|
+
Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
101
|
+
children?: import("react").ReactNode;
|
|
102
|
+
}>>;
|
|
103
|
+
Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
104
|
+
children?: import("react").ReactNode;
|
|
105
|
+
}>>;
|
|
106
|
+
}) => import("react").FunctionComponentElement<any>) & {
|
|
107
|
+
Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
|
|
108
|
+
Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
109
|
+
Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
110
|
+
Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
85
111
|
$open?: boolean | undefined;
|
|
86
112
|
recalc?: boolean | undefined;
|
|
87
113
|
body?: React.ReactNode;
|
|
88
114
|
}>>;
|
|
89
|
-
Ok: NonNullable<import("react").ElementType<
|
|
115
|
+
Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
90
116
|
children?: import("react").ReactNode;
|
|
91
117
|
}>>;
|
|
92
|
-
Fail: NonNullable<import("react").ElementType<
|
|
118
|
+
Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
93
119
|
children?: import("react").ReactNode;
|
|
94
120
|
}>>;
|
|
95
121
|
} & {
|
|
96
122
|
defaultProps: {
|
|
97
|
-
Root: NonNullable<import("react").ElementType<
|
|
98
|
-
Overlay: NonNullable<import("react").ElementType<
|
|
99
|
-
Progress: NonNullable<import("react").ElementType<
|
|
100
|
-
Collapsable: NonNullable<import("react").ElementType<
|
|
123
|
+
Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
|
|
124
|
+
Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
125
|
+
Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
126
|
+
Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
101
127
|
$open?: boolean | undefined;
|
|
102
128
|
recalc?: boolean | undefined;
|
|
103
129
|
body?: React.ReactNode;
|
|
104
130
|
}>>;
|
|
105
|
-
Ok: NonNullable<import("react").ElementType<
|
|
131
|
+
Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
106
132
|
children?: import("react").ReactNode;
|
|
107
133
|
}>>;
|
|
108
|
-
Fail: NonNullable<import("react").ElementType<
|
|
134
|
+
Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
109
135
|
children?: import("react").ReactNode;
|
|
110
136
|
}>>;
|
|
111
137
|
};
|
package/Form/sc/bare.d.ts
CHANGED
|
@@ -1,12 +1,37 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import * as _ from "../Form";
|
|
3
2
|
export type { KoineFormProps } from "../Form";
|
|
4
|
-
export declare const Root: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<
|
|
5
|
-
export declare const Overlay: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<
|
|
3
|
+
export declare const Root: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const Overlay: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
5
|
export declare const Feedback: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
-
export declare const KoineForm: ((props:
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
export declare const KoineForm: ((props: {
|
|
7
|
+
action: string;
|
|
8
|
+
ok?: boolean | undefined;
|
|
9
|
+
okProps?: object | undefined;
|
|
10
|
+
fail?: boolean | undefined;
|
|
11
|
+
failProps?: object | undefined;
|
|
12
|
+
loading?: boolean | undefined;
|
|
13
|
+
collapseOnOk?: boolean | undefined;
|
|
14
|
+
collapseOnFail?: boolean | undefined;
|
|
15
|
+
okTimeout?: number | undefined;
|
|
16
|
+
failTimeout?: number | undefined;
|
|
17
|
+
children?: import("react").ReactNode;
|
|
18
|
+
Root: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>;
|
|
19
|
+
Overlay: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
20
|
+
Progress: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>;
|
|
21
|
+
Collapsable: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
22
|
+
$open?: boolean | undefined;
|
|
23
|
+
recalc?: boolean | undefined;
|
|
24
|
+
body?: import("react").ReactNode;
|
|
25
|
+
}>>;
|
|
26
|
+
Ok: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
27
|
+
children?: import("react").ReactNode;
|
|
28
|
+
}>>;
|
|
29
|
+
Fail: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
30
|
+
children?: import("react").ReactNode;
|
|
31
|
+
}>>;
|
|
32
|
+
}) => import("react").FunctionComponentElement<any>) & {
|
|
33
|
+
Root: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
|
|
34
|
+
Overlay: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
|
|
10
35
|
Progress: ({ size, thickness, color, ...props }: {
|
|
11
36
|
[x: string]: any;
|
|
12
37
|
size?: string | undefined;
|
|
@@ -18,8 +43,8 @@ export declare const KoineForm: ((props: import("type-fest").Simplify<import("..
|
|
|
18
43
|
Fail: import("styled-components").StyledComponent<({ $danger, children, ...props }: import("../../Alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
19
44
|
} & {
|
|
20
45
|
defaultProps: {
|
|
21
|
-
Root: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<
|
|
22
|
-
Overlay: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<
|
|
46
|
+
Root: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
|
|
47
|
+
Overlay: import("styled-components").StyledComponent<NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>>, import("styled-components").DefaultTheme, {}, never>;
|
|
23
48
|
Progress: ({ size, thickness, color, ...props }: {
|
|
24
49
|
[x: string]: any;
|
|
25
50
|
size?: string | undefined;
|
|
@@ -8,4 +8,4 @@ export type CheckboxProps = UseToggleProps;
|
|
|
8
8
|
/**
|
|
9
9
|
* All logic and invisible Inputs come from the `useToggle` hook
|
|
10
10
|
*/
|
|
11
|
-
export declare const Checkbox: import("react").ForwardRefExoticComponent<
|
|
11
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<UseToggleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
package/Forms/Input/Input.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ export declare const InputPre: import("styled-components").StyledComponent<"div"
|
|
|
6
6
|
export declare const InputPost: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
7
|
export declare const InputNative: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
8
8
|
export type InputProps = FormControl;
|
|
9
|
-
export declare const Input: import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import type { FormControl } from "../helpers";
|
|
3
3
|
export declare const PasswordInputNative: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
4
4
|
export type PasswordProps = FormControl;
|
|
5
|
-
export declare const Password: import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Password: import("react").ForwardRefExoticComponent<Omit<PasswordProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
package/Forms/Radio/Radio.d.ts
CHANGED
|
@@ -8,5 +8,5 @@ export type RadioProps = Omit<FormControl, "value"> & {
|
|
|
8
8
|
value?: string;
|
|
9
9
|
options?: Pick<RadioOptionProps, "label" | "value">[];
|
|
10
10
|
};
|
|
11
|
-
export declare const Radio: import("react").ForwardRefExoticComponent<
|
|
11
|
+
export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
12
12
|
export {};
|
package/Forms/Switch/Switch.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ export type SwitchProps = UseToggleProps;
|
|
|
6
6
|
/**
|
|
7
7
|
* All logic and invisible Inputs come from the `useToggle` hook
|
|
8
8
|
*/
|
|
9
|
-
export declare const Switch: import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<Omit<UseToggleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { FormControl } from "../helpers";
|
|
3
3
|
export declare const TextareaNative: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {}, never>;
|
|
4
4
|
export type TextareaProps = FormControl<"textarea">;
|
|
5
|
-
export declare const Textarea: import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -3,4 +3,4 @@ import { FormControl } from "../helpers";
|
|
|
3
3
|
export type TextareaRichProps = FormControl<"textarea"> & {
|
|
4
4
|
defaultValue?: string;
|
|
5
5
|
};
|
|
6
|
-
export declare const TextareaRich: import("react").ForwardRefExoticComponent<
|
|
6
|
+
export declare const TextareaRich: import("react").ForwardRefExoticComponent<Omit<TextareaRichProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
package/Link/Link.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export type KoineLinkProps = React.ComponentPropsWithRef<"a">;
|
|
3
|
-
export declare const KoineLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme,
|
|
3
|
+
export declare const KoineLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
|
|
5
5
|
}, never>;
|
package/Menu/MenuMui.d.ts
CHANGED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type HTMLMotionProps } from "framer-motion";
|
|
3
|
-
import { useMenu } from "@mui/base/MenuUnstyled";
|
|
4
|
-
import { type PopperChildrenProps } from "react-popper";
|
|
5
|
-
/**
|
|
6
|
-
* Props we control, cannot be overriden from implementers
|
|
7
|
-
*/
|
|
8
|
-
type MenuButtonOwnProps = {
|
|
9
|
-
"aria-controls"?: string;
|
|
10
|
-
"aria-haspopup": true | "true";
|
|
11
|
-
"aria-expanded"?: true | "true";
|
|
12
|
-
onClick: (event: React.MouseEvent<HTMLButtonElement>) => unknown;
|
|
13
|
-
onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => unknown;
|
|
14
|
-
};
|
|
15
|
-
type MenuButtonProps = Omit<React.ComponentPropsWithRef<"button">, keyof MenuButtonOwnProps> & MenuButtonOwnProps;
|
|
16
|
-
export type MenuItemsProps = {
|
|
17
|
-
/**
|
|
18
|
-
* Closes the parent menu
|
|
19
|
-
*/
|
|
20
|
-
close: () => unknown;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* Props we control, cannot be overriden from implementers
|
|
24
|
-
*/
|
|
25
|
-
type MenuOwnProps = ReturnType<typeof useMenu>["getListboxProps"] & {
|
|
26
|
-
onKeyDown: (event: React.KeyboardEvent) => unknown;
|
|
27
|
-
style: React.StyleHTMLAttributes<HTMLDivElement>;
|
|
28
|
-
};
|
|
29
|
-
export type MenuProps = Omit<Omit<HTMLMotionProps<"div">, "children"> & {
|
|
30
|
-
placement?: PopperChildrenProps["placement"];
|
|
31
|
-
Button: (props: MenuButtonProps) => JSX.Element;
|
|
32
|
-
children: (props: MenuItemsProps) => React.ReactNode;
|
|
33
|
-
}, keyof MenuOwnProps>;
|
|
34
|
-
export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<unknown>>;
|
|
35
|
-
export default Menu;
|