create index.ts

apps/app/src/components/Sidebar/PageTreeItem/PageTreeItem.tsx

@@ -16,10 +16,9 @@ import {
 import { mutatePageTree, useSWRxPageChildren } from '~/stores/page-listing';
 import loggerFactory from '~/utils/logger';
 
-import SimpleItem, {
-  SimpleItemProps,
-} from '../../TreeItem/SimpleItem';
-import { useNewPageInput } from '../../TreeItem/UseNewPageInput';
+import {
+  SimpleItem, SimpleItemProps, useNewPageInput,
+} from '../../TreeItem';
 import { ItemNode } from '../PageTree/ItemNode';
 
 import { Ellipsis } from './Ellipsis';

apps/app/src/components/Sidebar/PageTreeItem/PageTreeItemForModal.tsx

@@ -1,7 +1,8 @@
 import React, { FC } from 'react';
 
-import SimpleItem, { SimpleItemProps, SimpleItemTool } from '../../TreeItem/SimpleItem';
-import { useNewPageInput } from '../../TreeItem/UseNewPageInput';
+import {
+  SimpleItem, SimpleItemProps, SimpleItemTool, useNewPageInput,
+} from '../../TreeItem';
 
 type Optional = 'itemRef' | 'itemClass' | 'mainClassName';
 type PageTreeItemProps = Omit<SimpleItemProps, Optional> & {key};

apps/app/src/components/TreeItem/SimpleItem.tsx

@@ -131,7 +131,7 @@ export const SimpleItemTool: FC<SimpleItemToolProps> = (props) => {
   );
 };
 
-const SimpleItem: FC<SimpleItemProps> = (props) => {
+export const SimpleItem: FC<SimpleItemProps> = (props) => {
   const {
     itemNode, targetPathOrId, isOpen: _isOpen = false,
     onRenamed, onClickDuplicateMenuItem, onClickDeleteMenuItem, isEnableActions, isReadOnlyUser,
@@ -281,5 +281,3 @@ const SimpleItem: FC<SimpleItemProps> = (props) => {
     </div>
   );
 };
-
-export default SimpleItem;

apps/app/src/components/TreeItem/index.ts

@@ -0,0 +1,2 @@
+export { useNewPageInput } from './UseNewPageInput';
+export * from './SimpleItem';