build: update build config for ci test

Author: codebender828

babel.config.js

@@ -35,7 +35,7 @@ const testConfig = {
         [
           '@babel/preset-env',
           {
-            targets: { node: true },
+            targets: { node: 'current' },
           },
         ],
       ],

packages/c-focus-lock/src/use-focus-lock.ts

@@ -120,44 +120,45 @@ export function useFocusLock(
 
   watch(
     lockEl,
-    async (el) => {
-      await nextTick()
-      if (!el) return
-
-      trap = createFocusTrap(el, {
-        initialFocus: initialFocusEl.value as FocusTarget,
-        ...focusLockOptions,
-        onActivate() {
-          hasFocus.value = true
-
-          // In some cases the initial focus element
-          // may not yet be active. So just in case,
-          // There's a fallback call here to focus the
-          // element after the initial focus element is focused.
-          const container = contentEl.value || el
-          let initialFocus = initialFocusEl.value ?? getFirstFocusable(el)
-          if (initialFocusEl.value) {
-            initialFocus = initialFocusEl.value
-          } else {
-            const focusables = getAllFocusable(contentEl.value || el)
-            if (focusables.length) {
-              ;[initialFocus] = focusables.filter((el) => el !== container)
+    (el) => {
+      nextTick().then(() => {
+        if (!el) return
+
+        trap = createFocusTrap(el, {
+          initialFocus: initialFocusEl.value as FocusTarget,
+          ...focusLockOptions,
+          onActivate() {
+            hasFocus.value = true
+
+            // In some cases the initial focus element
+            // may not yet be active. So just in case,
+            // There's a fallback call here to focus the
+            // element after the initial focus element is focused.
+            const container = contentEl.value || el
+            let initialFocus = initialFocusEl.value ?? getFirstFocusable(el)
+            if (initialFocusEl.value) {
+              initialFocus = initialFocusEl.value
+            } else {
+              const focusables = getAllFocusable(contentEl.value || el)
+              if (focusables.length) {
+                ;[initialFocus] = focusables.filter((el) => el !== container)
+              }
             }
-          }
-          setTimeout(() => focus(initialFocus))
-
-          // Apply if consumer provides onActivate option
-          if (options.onActivate) options.onActivate()
-        },
-        onDeactivate() {
-          hasFocus.value = false
-          // Apply if consumer provides onDeactivate option
-          if (options.onDeactivate) options.onDeactivate()
-        },
+            setTimeout(() => focus(initialFocus))
+
+            // Apply if consumer provides onActivate option
+            if (options.onActivate) options.onActivate()
+          },
+          onDeactivate() {
+            hasFocus.value = false
+            // Apply if consumer provides onDeactivate option
+            if (options.onDeactivate) options.onDeactivate()
+          },
+        })
+
+        // Focus if immediate is set to true
+        if (immediate) activate()
       })
-
-      // Focus if immediate is set to true
-      if (immediate) activate()
     },
     { flush: 'post', immediate: true }
   )

packages/c-modal/tests/__snapshots__/c-modal.test.ts.snap

@@ -2,8 +2,7 @@
 
 exports[`should render properly 1`] = `
 <DocumentFragment>
-  <div
-    class="css-0"
-  />
+  <!--teleport start-->
+  <!--teleport end-->
 </DocumentFragment>
 `;

packages/c-modal/tests/c-modal.test.ts

@@ -4,4 +4,4 @@ import { CModal } from '../src'
 it('should render properly', () => {
   const { asFragment } = render(CModal)
   expect(asFragment()).toMatchSnapshot()
-})
+})

packages/theme-tools/src/create-breakpoints.ts

@@ -14,12 +14,13 @@ export type Breakpoints<T> = T & { base: '0em' }
 export const createBreakpoints = <T extends BaseBreakpointConfig>(
   config: T
 ): Breakpoints<T> => {
-  warn({
-    condition: true,
-    message: [
-      `[chakra-ui]: createBreakpoints(...) will be deprecated pretty soon`,
-      `simply pass the breakpoints as an object. Remove the createBreakpoint(..) call`,
-    ].join(''),
-  })
+  /** TODO: Decide on whether to keep the `createBreakpoints` call. */
+  // warn({
+  //   condition: true,
+  //   message: [
+  //     `[chakra-ui]: createBreakpoints(...) will be deprecated pretty soon`,
+  //     `simply pass the breakpoints as an object. Remove the createBreakpoint(..) call`,
+  //   ].join(''),
+  // })
   return { base: '0em', ...config }
 }