Skip to content

Commit e8e9c78

Browse files
Arifulislam5577Arifulislam5577
committed
Fixed: Dropdown docs issue fixed.
1 parent 6b72cfd commit e8e9c78

File tree

6 files changed

+75
-55
lines changed

6 files changed

+75
-55
lines changed

‎.prettierignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# Ignore artifacts:
22
.next/
3-
3+
lib
44
# Ignore specific files:
55
package-lock.json

‎app/docs/components/dropdown/variant/DefaultDropdown.tsx‎

Lines changed: 21 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const DefaultDropdown = () => {
1515
<DropdownAction asChild>
1616
<Button>Open Dropdown</Button>
1717
</DropdownAction>
18-
<DropdownContent onClick={(e) => e.stopPropagation()}>
18+
<DropdownContent>
1919
<DropdownArrow />
2020
<DropdownItem>Contacts</DropdownItem>
2121
<DropdownItem>Phone</DropdownItem>
@@ -34,26 +34,33 @@ const DefaultDropdown = () => {
3434

3535
const DefaultDropdownCode = {
3636
'DropdownComponent.tsx': `
37-
import { Button, Divider, Dropdown, DropdownAction, DropdownContent, DropdownItem, DropdownList } from 'keep-react'
37+
import {
38+
Button,
39+
Dropdown,
40+
DropdownAction,
41+
DropdownArrow,
42+
DropdownContent,
43+
DropdownDivider,
44+
DropdownItem,
45+
} from 'keep-react'
3846
3947
export const DropdownComponent = () => {
4048
return (
4149
<Dropdown>
4250
<DropdownAction asChild>
43-
<Button>Open Dropdown</Button>
51+
<Button>Open Dropdown</Button>
4452
</DropdownAction>
4553
<DropdownContent>
46-
<DropdownList>
47-
<DropdownItem>Contacts</DropdownItem>
48-
<DropdownItem>Phone</DropdownItem>
49-
<DropdownItem>Statistics</DropdownItem>
50-
<Divider />
51-
<DropdownItem>Rename</DropdownItem>
52-
<DropdownItem>Duplicate</DropdownItem>
53-
<Divider />
54-
<DropdownItem>Account</DropdownItem>
55-
<DropdownItem>Logout</DropdownItem>
56-
</DropdownList>
54+
<DropdownArrow />
55+
<DropdownItem>Contacts</DropdownItem>
56+
<DropdownItem>Phone</DropdownItem>
57+
<DropdownItem>Statistics</DropdownItem>
58+
<DropdownDivider />
59+
<DropdownItem>Rename</DropdownItem>
60+
<DropdownItem>Duplicate</DropdownItem>
61+
<DropdownDivider />
62+
<DropdownItem>Account</DropdownItem>
63+
<DropdownItem>Logout</DropdownItem>
5764
</DropdownContent>
5865
</Dropdown>
5966
)

‎app/docs/components/dropdown/variant/DropdownWithIcon.tsx‎

Lines changed: 51 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -66,49 +66,63 @@ const DropdownWithIconCode = {
6666
'DropdownComponent.tsx': `
6767
'use client'
6868
import { ChartPieSlice, Copy, Pen, Phone, SignOut, UserCircle, Users } from 'phosphor-react'
69-
import { Button, Divider, Dropdown, DropdownAction, DropdownContent, DropdownItem, DropdownList} from 'keep-react'
69+
import {
70+
Button,
71+
Dropdown,
72+
DropdownAction,
73+
DropdownArrow,
74+
DropdownContent,
75+
DropdownDivider,
76+
DropdownGroup,
77+
DropdownItem,
78+
} from 'keep-react'
7079
7180
export const DropdownComponent = () => {
7281
return (
7382
<Dropdown>
74-
<DropdownAction asChild>
75-
<Button>Open Dropdown</Button>
76-
</DropdownAction>
77-
<DropdownContent>
78-
<DropdownList>
79-
<DropdownItem>
80-
<Users size={20} />
81-
Contacts
82-
</DropdownItem>
83-
<DropdownItem>
84-
<Phone size={20} />
85-
Phone
86-
</DropdownItem>
87-
<DropdownItem>
88-
<ChartPieSlice size={20} />
89-
Statistics
90-
</DropdownItem>
83+
<DropdownAction asChild>
84+
<Button>Open Dropdown</Button>
85+
</DropdownAction>
86+
<DropdownContent>
87+
<DropdownArrow />
88+
<DropdownGroup>
89+
<DropdownItem>
90+
<Users size={20} />
91+
Contacts
92+
</DropdownItem>
93+
<DropdownItem>
94+
<Phone size={20} />
95+
Phone
96+
</DropdownItem>
97+
<DropdownItem>
98+
<ChartPieSlice size={20} />
99+
Statistics
100+
</DropdownItem>
101+
</DropdownGroup>
91102
<DropdownDivider />
92-
<DropdownItem>
93-
<Pen size={20} />
94-
Rename
95-
</DropdownItem>
96-
<DropdownItem>
97-
<Copy size={20} />
98-
Duplicate
99-
</DropdownItem>
103+
<DropdownGroup>
104+
<DropdownItem>
105+
<Pen size={20} />
106+
Rename
107+
</DropdownItem>
108+
<DropdownItem>
109+
<Copy size={20} />
110+
Duplicate
111+
</DropdownItem>
112+
</DropdownGroup>
100113
<DropdownDivider />
101-
<DropdownItem>
102-
<UserCircle size={20} />
103-
Account
104-
</DropdownItem>
105-
<DropdownItem>
106-
<SignOut size={20} />
107-
Logout
108-
</DropdownItem>
109-
</DropdownList>
110-
</DropdownContent>
111-
</Dropdown>
114+
<DropdownGroup>
115+
<DropdownItem>
116+
<UserCircle size={20} />
117+
Account
118+
</DropdownItem>
119+
<DropdownItem>
120+
<SignOut size={20} />
121+
Logout
122+
</DropdownItem>
123+
</DropdownGroup>
124+
</DropdownContent>
125+
</Dropdown>
112126
)
113127
}
114128
`,

‎app/docs/components/table/variant/ProductTable.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,6 @@ import {
9898
DropdownAction,
9999
DropdownContent,
100100
DropdownItem,
101-
DropdownList,
102101
Table,
103102
TableBody,
104103
TableCaption,

‎app/src/components/Divider/Divider.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { FC, ReactNode } from 'react'
33
import { cn } from '../../utils/cn'
44
import { DividerColorVariant, DividerSizeVariant, dividerTheme } from './theme'
55

6-
interface DividerProps {
6+
export interface DividerProps {
77
color?: keyof DividerColorVariant
88
size?: keyof DividerSizeVariant
99
variant?: 'start' | 'end' | 'center'

‎tsconfig.lib.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"extends": "./tsconfig.json",
33
"compilerOptions": {
44
"jsx": "react-jsx",
5-
"module": "CommonJS",
5+
"module": "ES2015",
66
"outDir": "./lib"
77
},
88
"exclude": ["app/**/*.stories.tsx"],

0 commit comments

Comments
 (0)