- moved states

front/src/modules/ui/context-menu/components/ContextMenu.tsx

@@ -2,12 +2,12 @@ import React, { useRef } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilValue, useSetRecoilState } from 'recoil';
 
-import { actionBarOpenState } from '@/ui/table/states/ActionBarIsOpenState';
-import { contextMenuEntriesState } from '@/ui/table/states/ContextMenuEntriesState';
-import { contextMenuOpenState } from '@/ui/table/states/ContextMenuIsOpenState';
-import { contextMenuPositionState } from '@/ui/table/states/contextMenuPositionState';
+import { actionBarOpenState } from '@/ui/action-bar/states/ActionBarIsOpenState';
+import { contextMenuPositionState } from '@/ui/context-menu/states/ContextMenuPositionState';
 import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
 
+import { contextMenuEntriesState } from '../states/ContextMenuEntriesState';
+import { contextMenuOpenState } from '../states/ContextMenuIsOpenState';
 import { PositionType } from '../types/PositionType';
 
 type OwnProps = {

front/src/modules/ui/context-menu/components/__stories__/ActionBar.stories.tsx

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+
+import { ContextMenu } from '../ContextMenu';
+
+const meta: Meta<typeof ContextMenu> = {
+  title: 'UI/ContextMenu/ContextMenu',
+  component: ContextMenu,
+  decorators: [ComponentDecorator],
+  args: { selectedIds: [] },
+};
+
+export default meta;
+type Story = StoryObj<typeof ContextMenu>;
+
+export const Default: Story = {};

front/src/modules/ui/context-menu/states/ContextMenuEntriesState.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { atom } from 'recoil';
+
+export const contextMenuEntriesState = atom<ReactElement[]>({
+  key: 'contextMenuEntriesState',
+  default: [],
+});

front/src/modules/ui/context-menu/states/ContextMenuIsOpenState.ts

@@ -0,0 +1,6 @@
+import { atom } from 'recoil';
+
+export const contextMenuOpenState = atom<boolean>({
+  key: 'contextMenuOpenState',
+  default: false,
+});

front/src/modules/ui/context-menu/states/ContextMenuPositionState.ts

@@ -0,0 +1,11 @@
+import { atom } from 'recoil';
+
+import { PositionType } from '@/ui/context-menu/types/PositionType';
+
+export const contextMenuPositionState = atom<PositionType>({
+  key: 'contextMenuPositionState',
+  default: {
+    x: null,
+    y: null,
+  },
+});