feat: forced file naming format (#2270)

packages/component/src/ui/button/button.tsx

@@ -1,7 +1,7 @@
 import { Children, cloneElement, forwardRef } from 'react';
 
 import type { ButtonProps } from './interface';
-import { Loading } from './Loading';
+import { Loading } from './loading';
 import { StyledButton } from './styles';
 import { getSize } from './utils';
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(

packages/component/src/ui/button/index.ts

@@ -1,3 +1,3 @@
-export * from './Button';
-export * from './IconButton';
-export * from './TextButton';
+export * from './button';
+export * from './icon-button';
+export * from './text-button';

packages/component/src/ui/confirm/index.ts

@@ -1 +1 @@
-export * from './Confirm';
+export * from './confirm';

packages/component/src/ui/empty/empty-svg.tsx

@@ -1,7 +1,7 @@
 import type { SvgIconProps } from '@mui/material/SvgIcon';
 import SvgIcon from '@mui/material/SvgIcon';
 
-export const EmptySVG = (_props: SvgIconProps) => {
+export const EmptySvg = (_props: SvgIconProps) => {
   return (
     <SvgIcon
       width="200"

packages/component/src/ui/empty/empty.tsx

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'react';
 
-import { EmptySVG } from './EmptySVG';
+import { EmptySvg } from './empty-svg';
 import { StyledEmptyContainer } from './style';
 export type EmptyContentProps = {
   containerStyle?: CSSProperties;
@@ -15,7 +15,7 @@ export const Empty = ({
 }: EmptyContentProps) => {
   return (
     <StyledEmptyContainer style={containerStyle}>
-      <EmptySVG />
+      <EmptySvg />
       <p style={descriptionStyle}>{description}</p>
     </StyledEmptyContainer>
   );

packages/component/src/ui/empty/index.ts

@@ -1 +1 @@
-export * from './Empty';
+export * from './empty';

packages/component/src/ui/input/index.ts

@@ -1,3 +1,3 @@
-export * from './Input';
-import { Input } from './Input';
+export * from './input';
+import { Input } from './input';
 export default Input;

packages/component/src/ui/layout/index.ts

@@ -1,2 +1,2 @@
-export * from './Content';
-export * from './Wrapper';
+export * from './content';
+export * from './wrapper';

packages/component/src/ui/menu/index.ts

@@ -1,4 +1,4 @@
-export * from './Menu';
+export * from './menu';
 // export { StyledMenuItem as MenuItem } from './styles';
-export * from './MenuItem';
-export * from './PureMenu';
+export * from './menu-item';
+export * from './pure-menu';

packages/component/src/ui/menu/styles.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties } from 'react';
 
 import { displayFlex, styled, textEllipsis } from '../../styles';
-import StyledPopperContainer from '../shared/Container';
+import StyledPopperContainer from '../shared/container';
 
 export const StyledMenuWrapper = styled(StyledPopperContainer)<{
   width?: CSSProperties['width'];

packages/component/src/ui/modal/index.tsx

@@ -1,7 +1,7 @@
-import Modal from './Modal';
+import Modal from './modal';
 
-export * from './Modal';
-export * from './ModalCloseButton';
-export * from './ModalWrapper';
+export * from './modal';
+export * from './modal-close-button';
+export * from './modal-wrapper';
 
 export default Modal;

packages/component/src/ui/modal/modal-close-button.tsx

@@ -2,8 +2,8 @@ import { CloseIcon } from '@blocksuite/icons';
 import type { HTMLAttributes } from 'react';
 
 import { styled } from '../../styles';
-import type { IconButtonProps } from '../button/IconButton';
-import { IconButton } from '../button/IconButton';
+import type { IconButtonProps } from '../button/icon-button';
+import { IconButton } from '../button/icon-button';
 export type ModalCloseButtonProps = {
   top?: number;
   right?: number;

packages/component/src/ui/popper/index.ts

@@ -1,3 +1,3 @@
 export * from './interface';
-export * from './Popper';
-export * from './PurePopper';
+export * from './popper';
+export * from './pure-popper';

packages/component/src/ui/popper/popper.tsx

@@ -13,7 +13,7 @@ import {
 
 import { styled } from '../../styles';
 import type { PopperProps, VirtualElement } from './interface';
-import { PopperArrow } from './PopoverArrow';
+import { PopperArrow } from './popover-arrow';
 export const Popper = ({
   children,
   content,

packages/component/src/ui/popper/pure-popper.tsx

@@ -3,8 +3,8 @@ import Grow from '@mui/material/Grow';
 import type { CSSProperties, PropsWithChildren } from 'react';
 import { useState } from 'react';
 
-import { PopperArrow } from './PopoverArrow';
-import { BasicStyledPopper } from './Popper';
+import { PopperArrow } from './popover-arrow';
+import { BasicStyledPopper } from './popper';
 import { PopperWrapper } from './styles';
 
 export type PurePopperProps = {

packages/component/src/ui/switch/index.ts

@@ -1 +1 @@
-export * from './Switch';
+export * from './switch';

packages/component/src/ui/switch/switch.tsx

@@ -1,4 +1,4 @@
-// components/Switch.tsx
+// components/switch.tsx
 import { useState } from 'react';
 
 import { styled } from '../../styles';

packages/component/src/ui/table/index.ts

@@ -6,8 +6,8 @@
 //
 
 export * from './interface';
-export * from './Table';
-export * from './TableBody';
-export * from './TableCell';
-export * from './TableHead';
-export * from './TableRow';
+export * from './table';
+export * from './table-body';
+export * from './table-cell';
+export * from './table-head';
+export * from './table-row';

packages/component/src/ui/tooltip/index.tsx

@@ -1,2 +1,2 @@
-export * from './QuickSearch-tips';
-export * from './Tooltip';
+export * from './quick-search-tips';
+export * from './tooltip';

packages/component/src/ui/tooltip/quick-search-tips.tsx

@@ -2,7 +2,7 @@ import type { TooltipProps } from '@mui/material';
 
 import { css, displayFlex, styled } from '../../styles';
 import { Popper, type PopperProps } from '../popper';
-import StyledPopperContainer from '../shared/Container';
+import StyledPopperContainer from '../shared/container';
 const StyledTooltip = styled(StyledPopperContainer)(() => {
   return {
     width: '390px',

packages/component/src/ui/tooltip/tooltip.tsx

@@ -2,7 +2,7 @@ import type { TooltipProps } from '@mui/material';
 
 import { styled } from '../../styles';
 import { Popper, type PopperProps } from '../popper';
-import StyledPopperContainer from '../shared/Container';
+import StyledPopperContainer from '../shared/container';
 const StyledTooltip = styled(StyledPopperContainer)(() => {
   return {
     maxWidth: '320px',

packages/component/src/ui/tree-view/index.ts

@@ -1,3 +1,3 @@
-export * from './TreeNode';
-export * from './TreeView';
+export * from './tree-node';
+export * from './tree-view';
 export * from './types';

packages/component/src/ui/tree-view/tree-node.tsx

@@ -6,7 +6,7 @@ import {
   StyledTreeNodeContainer,
   StyledTreeNodeWrapper,
 } from './styles';
-import { NodeLine, TreeNodeItem, TreeNodeItemWithDnd } from './TreeNodeInner';
+import { NodeLine, TreeNodeItem, TreeNodeItemWithDnd } from './tree-node-inner';
 import type { TreeNodeProps } from './types';
 export const TreeNodeWithDnd = <RenderProps,>(
   props: TreeNodeProps<RenderProps>

packages/component/src/ui/tree-view/tree-view.tsx

@@ -9,9 +9,9 @@ import {
 } from '@dnd-kit/core';
 import { useCallback, useState } from 'react';
 
-import useCollapsed from './hooks/useCollapsed';
-import useSelectWithKeyboard from './hooks/useSelectWithKeyboard';
-import { TreeNode, TreeNodeWithDnd } from './TreeNode';
+import useCollapsed from './hooks/use-collapsed';
+import useSelectWithKeyboard from './hooks/use-select-with-keyboard';
+import { TreeNode, TreeNodeWithDnd } from './tree-node';
 import type { TreeViewProps } from './types';
 import { findNode } from './utils';
 export const TreeView = <RenderProps,>({