release 2.1.0 (#451)

* feat: optimize fonts rendering on windows (#385)

* feat(styles): set Inter to highest font

* docs(fonts): add guide for fonts rendering on windows

* test: udpate snapshots

* chore: release v2.1.0-canary.0

* feat(table): add update row action to Table (#378)

* feat: add update to Table's actions. add test and doc

fix(table): fix comments

* feat(table): improve type for table actions

chore: update docs

chore: remove unused types

chore(table): improve docs

Co-authored-by: William Castandet <williamcastandet@williams-air.home>
Co-authored-by: unix <unix.bio@gmail.com>

* refactor(use-theme): move use-theme to the top directory (#397)

* refactor(use-theme): move use-theme to the top directory

* chore(jest): ignore use-theme of forwarding

* chore: release v2.1.0-canary.1

* feat(select): add clearable option to select multiple with test and english doc (#396)

* docs: add clearable option to select multiple with test and english doc

* fix: fix types for onClear

* fix: fix import path for use-theme

add more test for coverage

* docs(select): add chinese document

Co-authored-by: unix <unix.bio@gmail.com>

* chore: release v2.1.0-canary.2

* fix(tabs): scrollable (#404)

docs(tabs): scroll behavior

* feat(textarea): resize prop (#416)

* feat: add resize prop to textarea

* docs: add resize prop for textarea

* docs(textarea): improve docs and attributes for cn

* test(textarea): update snapshots

Co-authored-by: unix <unix.bio@gmail.com>

* fix(types): replace path aliases in type files (#432)

* fix(types): replace path aliases in type files

* chore(lint): upgrade eslint and optimize code style

* chore: fix type error for context handler

* test: update snapshots

* fix: use ttsc to identify aliases in type paths

* feat(hooks): add a tool hooks for react context (#439)

* feat(hooks): add a tool hooks for react context

* chore: move use-context-state to internal tools

style: fix lint warning

* chore: simplify the structure of the catalog

* refactor(themes): refactor theme module to keep multiple themes (#440)

* refactor(themes): refactor theme module to keep multiple themes

* chore: migrate APIs to be compatible with new theme system

* test: update snapshots

* chore: migrate the path of the theme module

* feat(themes): append static methods of themes

* chore: hide custom theme when no custom content in the context

* chore: manually add flush to preload styles in html

* docs(themes): update to fit the new theme system

* chore: release v2.1.0-canary.3 (#450)

* docs: add link to GH discussions

* chore: upgrade deps

* chore: update code style for prettier

* chore: release v2.1.0-canary.3

* chore(deps): upgrade babel

* chore: replace enzyme adapter with community repo to fit react.17

* test: updatee snapshots for auto typesetting

* test(config): ignore unexported parts of the tools

Co-authored-by: William <wcastand@gmail.com>
Co-authored-by: William Castandet <williamcastandet@williams-air.home>
Co-authored-by: Vaibhav Acharya <vaibhavacharya111@gmail.com>
Co-authored-by: Paul van Dyk <39598117+PaulPCIO@users.noreply.github.com>

components/tree/tree-file-icon.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import useTheme from '../styles/use-theme'
+import useTheme from '../use-theme'
 import withDefaults from '../utils/with-defaults'
 
 interface Props {

components/tree/tree-file.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react'
 import withDefaults from '../utils/with-defaults'
-import useTheme from '../styles/use-theme'
+import useTheme from '../use-theme'
 import TreeFileIcon from './tree-file-icon'
 import { useTreeContext } from './tree-context'
 import TreeIndents from './tree-indents'

components/tree/tree-folder-icon.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import useTheme from '../styles/use-theme'
+import useTheme from '../use-theme'
 import withDefaults from '../utils/with-defaults'
 
 interface Props {

components/tree/tree-folder.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react'
-import useTheme from '../styles/use-theme'
+import useTheme from '../use-theme'
 import withDefaults from '../utils/with-defaults'
 import { setChildrenProps } from '../utils/collections'
 import TreeFile from './tree-file'
@@ -53,7 +53,9 @@ const TreeFolder: React.FC<React.PropsWithChildren<TreeFolderProps>> = ({
     [TreeFolder, TreeFile],
   )
 
-  const sortedChildren = isImperative ? nextChildren : sortChildren(nextChildren, TreeFolder)
+  const sortedChildren = isImperative
+    ? nextChildren
+    : sortChildren(nextChildren, TreeFolder)
 
   return (
     <div className={`folder ${className}`} onClick={clickHandler} {...props}>

components/tree/tree-status-icon.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import useTheme from '../styles/use-theme'
+import useTheme from '../use-theme'
 import withDefaults from '../utils/with-defaults'
 
 interface Props {
@@ -17,7 +17,12 @@ const defaultProps = {
 
 export type TreeStatusIconProps = Props & typeof defaultProps
 
-const TreeStatusIcon: React.FC<TreeStatusIconProps> = ({ color, width, height, active }) => {
+const TreeStatusIcon: React.FC<TreeStatusIconProps> = ({
+  color,
+  width,
+  height,
+  active,
+}) => {
   const theme = useTheme()
   return (
     <svg

components/tree/tree.tsx

@@ -42,11 +42,20 @@ const makeChildren = (value: Array<FileTreeValue> = []) => {
     .map((item, index) => {
       if (item.type === directoryType)
         return (
-          <TreeFolder name={item.name} extra={item.extra} key={`folder-${item.name}-${index}`}>
+          <TreeFolder
+            name={item.name}
+            extra={item.extra}
+            key={`folder-${item.name}-${index}`}>
             {makeChildren(item.files)}
           </TreeFolder>
         )
-      return <TreeFile name={item.name} extra={item.extra} key={`file-${item.name}-${index}`} />
+      return (
+        <TreeFile
+          name={item.name}
+          extra={item.extra}
+          key={`file-${item.name}-${index}`}
+        />
+      )
     })
 }
 
@@ -72,7 +81,9 @@ const Tree: React.FC<React.PropsWithChildren<TreeProps>> = ({
     [initialExpand],
   )
 
-  const customChildren = isImperative ? makeChildren(value) : sortChildren(children, TreeFolder)
+  const customChildren = isImperative
+    ? makeChildren(value)
+    : sortChildren(children, TreeFolder)
 
   return (
     <TreeContext.Provider value={initialValue}>