Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit 7f7b860

Browse files
codebender828codebender828
authored
Merge pull request #77 from chakra-ui/develop
chore: release candidate `@chakra-ui/[email protected]` 🎉
2 parents c8c854d + db47143 commit 7f7b860

File tree

111 files changed

+2789
-986
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

111 files changed

+2789
-986
lines changed

‎.DS_Store

0 Bytes
Binary file not shown.

‎.changeset/orange-camels-doubt.md

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
'@chakra-ui/c-accordion': patch
3+
'@chakra-ui/c-alert': patch
4+
'@chakra-ui/c-button': patch
5+
'@chakra-ui/c-close-button': patch
6+
'@chakra-ui/c-code': patch
7+
'@chakra-ui/c-color-mode': patch
8+
'@chakra-ui/c-flex': patch
9+
'@chakra-ui/c-focus-lock': patch
10+
'@chakra-ui/c-icon': patch
11+
'@chakra-ui/c-modal': patch
12+
'@chakra-ui/c-motion': patch
13+
'@chakra-ui/c-popper': patch
14+
'@chakra-ui/c-portal': patch
15+
'@chakra-ui/c-reset': patch
16+
'@chakra-ui/c-scroll-lock': patch
17+
'@chakra-ui/c-spinner': patch
18+
'@chakra-ui/c-theme-provider': patch
19+
'@chakra-ui/c-visually-hidden': patch
20+
'@chakra-ui/vue-next': patch
21+
'@chakra-ui/vue-layout': patch
22+
'@chakra-ui/vue-system': patch
23+
'@chakra-ui/vue-theme': patch
24+
'@chakra-ui/vue-theme-tools': patch
25+
'@chakra-ui/vue-utils': patch
26+
'@chakra-ui/vue-a11y': patch
27+
'@chakra-ui/vue-composables': patch
28+
'@chakra-ui/vue-auto-import': patch
29+
'@chakra-ui/vue-docs': patch
30+
---
31+
32+
Migrated layout packages to TSX \nMigrate test suite to esbuild-jest runner. \nAdded intellisense support for Chakra UI Vue components

‎.changeset/two-moles-worry.md

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
'@chakra-ui/c-accordion': patch
3+
'@chakra-ui/c-alert': patch
4+
'@chakra-ui/c-button': patch
5+
'@chakra-ui/c-close-button': patch
6+
'@chakra-ui/c-code': patch
7+
'@chakra-ui/c-color-mode': patch
8+
'@chakra-ui/c-flex': patch
9+
'@chakra-ui/c-focus-lock': patch
10+
'@chakra-ui/c-icon': patch
11+
'@chakra-ui/c-modal': patch
12+
'@chakra-ui/c-motion': patch
13+
'@chakra-ui/c-popper': patch
14+
'@chakra-ui/c-portal': patch
15+
'@chakra-ui/c-reset': patch
16+
'@chakra-ui/c-scroll-lock': patch
17+
'@chakra-ui/c-spinner': patch
18+
'@chakra-ui/c-theme-provider': patch
19+
'@chakra-ui/c-visually-hidden': patch
20+
'@chakra-ui/vue-next': patch
21+
'@chakra-ui/vue-layout': patch
22+
'@chakra-ui/vue-system': patch
23+
'@chakra-ui/vue-test-utils': patch
24+
'@chakra-ui/vue-theme': patch
25+
'@chakra-ui/vue-theme-tools': patch
26+
'@chakra-ui/vue-utils': patch
27+
'@chakra-ui/vue-a11y': patch
28+
'@chakra-ui/vue-composables': patch
29+
'@chakra-ui/vue-auto-import': patch
30+
'@chakra-ui/vue-docs': patch
31+
---
32+
33+
Adds Drawer and AlertDialog components

‎.codesandbox/ci.json

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
{
2+
"installCommand": "csb:install",
3+
"buildCommand": "build",
4+
"packages": [
5+
"packages/c-accordion",
6+
"packages/c-alert",
7+
"packages/c-button",
8+
"packages/c-close-button",
9+
"packages/c-code",
10+
"packages/c-color-mode",
11+
"packages/c-flex",
12+
"packages/c-focus-lock",
13+
"packages/c-icon",
14+
"packages/c-modal",
15+
"packages/c-motion",
16+
"packages/c-popper",
17+
"packages/c-portal",
18+
"packages/c-reset",
19+
"packages/c-scroll-lock",
20+
"packages/c-spinner",
21+
"packages/c-theme-provider",
22+
"packages/c-visually-hidden",
23+
"packages/core",
24+
"packages/layout",
25+
"packages/nuxt",
26+
"packages/system",
27+
"packages/test-utils",
28+
"packages/theme",
29+
"packages/theme-tools",
30+
"packages/utils",
31+
"packages/vue-a11y",
32+
"packages/vue-composables"
33+
],
34+
"sandboxes": ["chakra-ui-vue-v1-jcidb"],
35+
"node": "14"
36+
}

‎babel.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const baseConfig = function (api) {
2020
],
2121
'@babel/preset-typescript',
2222
]
23-
const plugins = ['@vue/babel-plugin-jsx']
23+
const plugins = ['@vue/babel-plugin-jsx', '@babel/plugin-transform-runtime']
2424

2525
return {
2626
presets,

‎components.d.ts

+175
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,175 @@
1+
/**
2+
* Typescript support for @@chakra-ui/vue-next1.0.0-alpha.5 auto-imported
3+
* components using `vite-plugin-components`
4+
*
5+
* @see: https://github.com/antfu/vite-plugin-components#typescript
6+
*
7+
* This is a generated file. Do not edit it's contents.
8+
*
9+
* This file was generated on 2021-07-06T07:42:41.009Z
10+
*/
11+
12+
import { ChakraProps } from '@chakra-ui/vue-system'
13+
import { VNodeChild, HTMLAttributes } from 'vue'
14+
15+
export type JsxNode = VNodeChild | JSX.Element
16+
17+
export interface SlotDirective {
18+
[name: string]: () => JsxNode
19+
}
20+
21+
type JsxComponentCustomProps = {
22+
vModel?: unknown
23+
vModels?: unknown[]
24+
vCustom?: unknown[]
25+
vShow?: boolean
26+
vHtml?: JsxNode
27+
vSlots?: SlotDirective
28+
'v-model'?: unknown
29+
'v-models'?: unknown[]
30+
'v-custom'?: unknown[]
31+
'v-show'?: boolean
32+
'v-html'?: JsxNode
33+
'v-slots'?: SlotDirective
34+
} & Omit<HTMLAttributes, 'innerHTML'> & {
35+
innerHTML?: JsxNode
36+
}
37+
38+
declare module 'vue' {
39+
/* Global component types for Volar auto-complete */
40+
export interface GlobalComponents {
41+
CAlert: typeof import('@chakra-ui/vue-next')['CAlert']
42+
CAlertTitle: typeof import('@chakra-ui/vue-next')['CAlertTitle']
43+
CAlertDescription: typeof import('@chakra-ui/vue-next')['CAlertDescription']
44+
CAlertIcon: typeof import('@chakra-ui/vue-next')['CAlertIcon']
45+
CButton: typeof import('@chakra-ui/vue-next')['CButton']
46+
CButtonGroup: typeof import('@chakra-ui/vue-next')['CButtonGroup']
47+
CIconButton: typeof import('@chakra-ui/vue-next')['CIconButton']
48+
CFocusLock: typeof import('@chakra-ui/vue-next')['CFocusLock']
49+
CAspectRatio: typeof import('@chakra-ui/vue-next')['CAspectRatio']
50+
CBadge: typeof import('@chakra-ui/vue-next')['CBadge']
51+
CBox: typeof import('@chakra-ui/vue-next')['CBox']
52+
CSquare: typeof import('@chakra-ui/vue-next')['CSquare']
53+
CCircle: typeof import('@chakra-ui/vue-next')['CCircle']
54+
CCenter: typeof import('@chakra-ui/vue-next')['CCenter']
55+
CContainer: typeof import('@chakra-ui/vue-next')['CContainer']
56+
CDivider: typeof import('@chakra-ui/vue-next')['CDivider']
57+
CGrid: typeof import('@chakra-ui/vue-next')['CGrid']
58+
CGridItem: typeof import('@chakra-ui/vue-next')['CGridItem']
59+
CHeading: typeof import('@chakra-ui/vue-next')['CHeading']
60+
CLink: typeof import('@chakra-ui/vue-next')['CLink']
61+
CLinkOverlay: typeof import('@chakra-ui/vue-next')['CLinkOverlay']
62+
CLinkBox: typeof import('@chakra-ui/vue-next')['CLinkBox']
63+
CList: typeof import('@chakra-ui/vue-next')['CList']
64+
COrderedList: typeof import('@chakra-ui/vue-next')['COrderedList']
65+
CUnorderedList: typeof import('@chakra-ui/vue-next')['CUnorderedList']
66+
CListItem: typeof import('@chakra-ui/vue-next')['CListItem']
67+
CListIcon: typeof import('@chakra-ui/vue-next')['CListIcon']
68+
CKbd: typeof import('@chakra-ui/vue-next')['CKbd']
69+
CSimpleGrid: typeof import('@chakra-ui/vue-next')['CSimpleGrid']
70+
CSpacer: typeof import('@chakra-ui/vue-next')['CSpacer']
71+
CStackDivider: typeof import('@chakra-ui/vue-next')['CStackDivider']
72+
CStackItem: typeof import('@chakra-ui/vue-next')['CStackItem']
73+
CStack: typeof import('@chakra-ui/vue-next')['CStack']
74+
CHStack: typeof import('@chakra-ui/vue-next')['CHStack']
75+
CVStack: typeof import('@chakra-ui/vue-next')['CVStack']
76+
CText: typeof import('@chakra-ui/vue-next')['CText']
77+
CModal: typeof import('@chakra-ui/vue-next')['CModal']
78+
CModalContent: typeof import('@chakra-ui/vue-next')['CModalContent']
79+
CModalOverlay: typeof import('@chakra-ui/vue-next')['CModalOverlay']
80+
CModalHeader: typeof import('@chakra-ui/vue-next')['CModalHeader']
81+
CModalBody: typeof import('@chakra-ui/vue-next')['CModalBody']
82+
CModalFooter: typeof import('@chakra-ui/vue-next')['CModalFooter']
83+
CModalCloseButton: typeof import('@chakra-ui/vue-next')['CModalCloseButton']
84+
CDrawer: typeof import('@chakra-ui/vue-next')['CDrawer']
85+
CDrawerContent: typeof import('@chakra-ui/vue-next')['CDrawerContent']
86+
CDrawerBody: typeof import('@chakra-ui/vue-next')['CDrawerBody']
87+
CDrawerCloseButton: typeof import('@chakra-ui/vue-next')['CDrawerCloseButton']
88+
CDrawerFooter: typeof import('@chakra-ui/vue-next')['CDrawerFooter']
89+
CDrawerHeader: typeof import('@chakra-ui/vue-next')['CDrawerHeader']
90+
CDrawerOverlay: typeof import('@chakra-ui/vue-next')['CDrawerOverlay']
91+
CAlertDialog: typeof import('@chakra-ui/vue-next')['CAlertDialog']
92+
CAlertDialogContent: typeof import('@chakra-ui/vue-next')['CAlertDialogContent']
93+
CAlertDialogBody: typeof import('@chakra-ui/vue-next')['CAlertDialogBody']
94+
CAlertDialogCloseButton: typeof import('@chakra-ui/vue-next')['CAlertDialogCloseButton']
95+
CAlertDialogFooter: typeof import('@chakra-ui/vue-next')['CAlertDialogFooter']
96+
CAlertDialogHeader: typeof import('@chakra-ui/vue-next')['CAlertDialogHeader']
97+
CAlertDialogOverlay: typeof import('@chakra-ui/vue-next')['CAlertDialogOverlay']
98+
CMotion: typeof import('@chakra-ui/vue-next')['CMotion']
99+
CAnimatePresence: typeof import('@chakra-ui/vue-next')['CAnimatePresence']
100+
CPortal: typeof import('@chakra-ui/vue-next')['CPortal']
101+
CScrollLock: typeof import('@chakra-ui/vue-next')['CScrollLock']
102+
CVisuallyHidden: typeof import('@chakra-ui/vue-next')['CVisuallyHidden']
103+
CVisuallyHiddenInput: typeof import('@chakra-ui/vue-next')['CVisuallyHiddenInput']
104+
'chakra.a': typeof import('@chakra-ui/vue-next')['CBox']
105+
'chakra.b': typeof import('@chakra-ui/vue-next')['CBox']
106+
'chakra.article': typeof import('@chakra-ui/vue-next')['CBox']
107+
'chakra.aside': typeof import('@chakra-ui/vue-next')['CBox']
108+
'chakra.blockquote': typeof import('@chakra-ui/vue-next')['CBox']
109+
'chakra.button': typeof import('@chakra-ui/vue-next')['CBox']
110+
'chakra.caption': typeof import('@chakra-ui/vue-next')['CBox']
111+
'chakra.cite': typeof import('@chakra-ui/vue-next')['CBox']
112+
'chakra.circle': typeof import('@chakra-ui/vue-next')['CBox']
113+
'chakra.code': typeof import('@chakra-ui/vue-next')['CBox']
114+
'chakra.dd': typeof import('@chakra-ui/vue-next')['CBox']
115+
'chakra.div': typeof import('@chakra-ui/vue-next')['CBox']
116+
'chakra.dl': typeof import('@chakra-ui/vue-next')['CBox']
117+
'chakra.dt': typeof import('@chakra-ui/vue-next')['CBox']
118+
'chakra.fieldset': typeof import('@chakra-ui/vue-next')['CBox']
119+
'chakra.figcaption': typeof import('@chakra-ui/vue-next')['CBox']
120+
'chakra.figure': typeof import('@chakra-ui/vue-next')['CBox']
121+
'chakra.footer': typeof import('@chakra-ui/vue-next')['CBox']
122+
'chakra.form': typeof import('@chakra-ui/vue-next')['CBox']
123+
'chakra.h1': typeof import('@chakra-ui/vue-next')['CBox']
124+
'chakra.h2': typeof import('@chakra-ui/vue-next')['CBox']
125+
'chakra.h3': typeof import('@chakra-ui/vue-next')['CBox']
126+
'chakra.h4': typeof import('@chakra-ui/vue-next')['CBox']
127+
'chakra.h5': typeof import('@chakra-ui/vue-next')['CBox']
128+
'chakra.h6': typeof import('@chakra-ui/vue-next')['CBox']
129+
'chakra.header': typeof import('@chakra-ui/vue-next')['CBox']
130+
'chakra.hr': typeof import('@chakra-ui/vue-next')['CBox']
131+
'chakra.iframe': typeof import('@chakra-ui/vue-next')['CBox']
132+
'chakra.img': typeof import('@chakra-ui/vue-next')['CBox']
133+
'chakra.input': typeof import('@chakra-ui/vue-next')['CBox']
134+
'chakra.kbd': typeof import('@chakra-ui/vue-next')['CBox']
135+
'chakra.label': typeof import('@chakra-ui/vue-next')['CBox']
136+
'chakra.li': typeof import('@chakra-ui/vue-next')['CBox']
137+
'chakra.mark': typeof import('@chakra-ui/vue-next')['CBox']
138+
'chakra.main': typeof import('@chakra-ui/vue-next')['CBox']
139+
'chakra.nav': typeof import('@chakra-ui/vue-next')['CBox']
140+
'chakra.ol': typeof import('@chakra-ui/vue-next')['CBox']
141+
'chakra.p': typeof import('@chakra-ui/vue-next')['CBox']
142+
'chakra.path': typeof import('@chakra-ui/vue-next')['CBox']
143+
'chakra.pre': typeof import('@chakra-ui/vue-next')['CBox']
144+
'chakra.q': typeof import('@chakra-ui/vue-next')['CBox']
145+
'chakra.rect': typeof import('@chakra-ui/vue-next')['CBox']
146+
'chakra.s': typeof import('@chakra-ui/vue-next')['CBox']
147+
'chakra.svg': typeof import('@chakra-ui/vue-next')['CBox']
148+
'chakra.section': typeof import('@chakra-ui/vue-next')['CBox']
149+
'chakra.select': typeof import('@chakra-ui/vue-next')['CBox']
150+
'chakra.strong': typeof import('@chakra-ui/vue-next')['CBox']
151+
'chakra.small': typeof import('@chakra-ui/vue-next')['CBox']
152+
'chakra.span': typeof import('@chakra-ui/vue-next')['CBox']
153+
'chakra.sub': typeof import('@chakra-ui/vue-next')['CBox']
154+
'chakra.sup': typeof import('@chakra-ui/vue-next')['CBox']
155+
'chakra.table': typeof import('@chakra-ui/vue-next')['CBox']
156+
'chakra.tbody': typeof import('@chakra-ui/vue-next')['CBox']
157+
'chakra.td': typeof import('@chakra-ui/vue-next')['CBox']
158+
'chakra.textarea': typeof import('@chakra-ui/vue-next')['CBox']
159+
'chakra.tfoot': typeof import('@chakra-ui/vue-next')['CBox']
160+
'chakra.th': typeof import('@chakra-ui/vue-next')['CBox']
161+
'chakra.thead': typeof import('@chakra-ui/vue-next')['CBox']
162+
'chakra.tr': typeof import('@chakra-ui/vue-next')['CBox']
163+
'chakra.ul': typeof import('@chakra-ui/vue-next')['CBox']
164+
}
165+
166+
/* Component custom props types for JSX and TSX auto complete */
167+
export interface ComponentCustomProps
168+
extends JsxComponentCustomProps,
169+
ChakraProps {
170+
onClick?: () => any
171+
vSlots?: {
172+
[eleName: string]: JSX.Element
173+
}
174+
}
175+
}

‎jest.config.js

+10-6
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,23 @@
11
module.exports = {
22
transform: {
3-
'^.+\\.(ts|tsx|js|jsx)$': 'ts-jest/dist',
3+
'^.+\\.(ts|tsx)$': [
4+
'esbuild-jest',
5+
{
6+
jsxFactory: 'h',
7+
jsxFragment: 'Fragment',
8+
sourcemap: true,
9+
target: 'es2020',
10+
},
11+
],
412
},
513
transformIgnorePatterns: ['/node_modules/(?!@popperjs/.*|lodash.)'],
614
moduleNameMapper: {
715
'^@/(.*)$': '<rootDir>/$1',
816
'@chakra-ui/vue-test-utils': '<rootDir>/packages/test-utils/src/index.ts',
917
},
18+
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
1019
snapshotSerializers: [
1120
'@chakra-ui/vue-test-utils/dist/cjs/snapshot-serializer.js',
1221
],
1322
testMatch: ['**/**/*.test.(js|jsx|ts|tsx)'],
14-
globals: {
15-
'ts-jest': {
16-
tsconfig: 'tsconfig.json',
17-
},
18-
},
1923
}

0 commit comments

Comments
 (0)