ownui-system 0.1.7 → 0.1.9
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/dist/components/Dropdown/dropdown-content.d.ts +2 -1
- package/dist/components/Dropdown/dropdown-context.d.ts +3 -5
- package/dist/components/Dropdown/dropdown-header.d.ts +1 -1
- package/dist/components/Dropdown/dropdown-item.d.ts +2 -1
- package/dist/components/Dropdown/dropdown.d.ts +25 -8
- package/dist/components/Dropdown/index.d.ts +0 -1
- package/dist/ownui-system.js +1835 -1725
- package/dist/ownui-system.js.map +1 -1
- package/dist/ownui-system.umd.cjs +40 -10
- package/dist/ownui-system.umd.cjs.map +1 -1
- package/package.json +13 -11
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
type DropdownContentProps = {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
4
5
|
};
|
|
5
|
-
declare function DropdownContent({ children }: DropdownContentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DropdownContent({ children, className }: DropdownContentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export default DropdownContent;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { DropdownSelectedItem } from "./dropdown";
|
|
2
3
|
type DropdownContextValue = {
|
|
3
4
|
isOpen: boolean;
|
|
4
|
-
selectedItem?:
|
|
5
|
-
name: string;
|
|
6
|
-
value: string;
|
|
7
|
-
};
|
|
5
|
+
selectedItem?: DropdownSelectedItem;
|
|
8
6
|
color?: string;
|
|
9
|
-
onSelect: (name: string, value: string) => void;
|
|
7
|
+
onSelect: (name: string, value: string, image?: string) => void;
|
|
10
8
|
onOpenChange: (isOpen: boolean) => void;
|
|
11
9
|
};
|
|
12
10
|
declare function useContext(): DropdownContextValue;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type ComponentProps } from "react";
|
|
2
|
-
declare function DropdownHeader({ ...rest }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function DropdownHeader({ className, ...rest }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default DropdownHeader;
|
|
@@ -3,9 +3,10 @@ type DropdownItemProps = {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
value: string;
|
|
5
5
|
name: string;
|
|
6
|
+
image?: string;
|
|
6
7
|
children: React.ReactNode;
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
right?: React.ReactNode;
|
|
9
10
|
} & React.ComponentProps<"li">;
|
|
10
|
-
declare function DropdownItem({ children, value, className, disabled, name, ...rest }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function DropdownItem({ children, value, className, disabled, name, image, ...rest }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export default DropdownItem;
|
|
@@ -1,11 +1,28 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import DropdownBody from "./dropdown-body";
|
|
3
|
+
import DropdownContent from "./dropdown-content";
|
|
4
|
+
import DropdownHeader from "./dropdown-header";
|
|
5
|
+
import DropdownItem from "./dropdown-item";
|
|
6
|
+
export type DropdownSelectedItem = {
|
|
7
|
+
name: string;
|
|
8
|
+
value: string;
|
|
9
|
+
image?: string;
|
|
10
|
+
};
|
|
11
|
+
interface DropdownProps {
|
|
12
|
+
selectedItem: DropdownSelectedItem;
|
|
13
|
+
isOpen: boolean;
|
|
7
14
|
color?: string;
|
|
8
|
-
|
|
15
|
+
disableTrigger?: boolean;
|
|
16
|
+
header: ReactNode;
|
|
17
|
+
body?: ReactNode;
|
|
18
|
+
onOpenChange: (isOpen: boolean) => void;
|
|
19
|
+
onSelect: (name: string, value: string, image?: string) => void;
|
|
20
|
+
}
|
|
21
|
+
declare function Dropdown({ selectedItem, color, disableTrigger, isOpen, header, body, onOpenChange, onSelect, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare namespace Dropdown {
|
|
23
|
+
var Body: typeof DropdownBody;
|
|
24
|
+
var Header: typeof DropdownHeader;
|
|
25
|
+
var Content: typeof DropdownContent;
|
|
26
|
+
var Item: typeof DropdownItem;
|
|
9
27
|
}
|
|
10
|
-
declare function Dropdown({ children, selectedItem, color, onSelect }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
11
28
|
export default Dropdown;
|