Merge branch 'main' into refactor-theme-directory

web/src/beta/components/AdditionButton/index.tsx → web/src/beta/lib/core/Crust/Infobox/AdditionButton/index.tsx

@@ -2,10 +2,9 @@ import React, { useRef, useCallback, useEffect } from "react";
 import { usePopper } from "react-popper";
 
 import Icon from "@reearth/beta/components/Icon";
+import Portal from "@reearth/beta/components/Portal";
 import { styled } from "@reearth/services/theme";
 
-import Portal from "../Portal";
-
 export interface Props {
   className?: string;
   disabled?: boolean;

web/src/beta/lib/core/Crust/Infobox/index.tsx

@@ -1,12 +1,12 @@
 import React, { type ReactNode } from "react";
 
-import AdditionButton from "@reearth/beta/components/AdditionButton";
 import Icon from "@reearth/beta/components/Icon";
 import Text from "@reearth/beta/components/Text";
 import type { Layer } from "@reearth/beta/lib/core/mantle";
 import { useT } from "@reearth/services/i18n";
 import { styled, useTheme } from "@reearth/services/theme";
 
+import AdditionButton from "./AdditionButton";
 import BlockComponent from "./Block";
 import Field from "./Field";
 import Frame from "./Frame";

web/src/classic/components/atoms/Accordion/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react";
 import Component, { Props } from ".";
 
 export default {
-  title: "atoms/accordion",
+  title: "classic/atoms/accordion",
   component: Component,
 } as Meta;
 

web/src/classic/components/atoms/AutoComplete/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react";
 import AutoComplete, { Props } from ".";
 
 export default {
-  title: "atoms/AutoComplete",
+  title: "classic/atoms/AutoComplete",
   component: AutoComplete,
 } as Meta;
 

web/src/classic/components/atoms/Avatar/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import Avatar from ".";
 
 export default {
-  title: "atoms/Avatar",
+  title: "classic/atoms/Avatar",
   component: Avatar,
 } as Meta;
 

web/src/classic/components/atoms/Balloon/index.stories.tsx

@@ -10,7 +10,7 @@ const img = {
 };
 
 export default {
-  title: "atoms/Balloon",
+  title: "classic/atoms/Balloon",
   component: Balloon,
 } as Meta;
 

web/src/classic/components/atoms/Box/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react";
 import Component, { Props } from ".";
 
 export default {
-  title: "atoms/Box",
+  title: "classic/atoms/Box",
   component: Component,
 } as Meta;
 

web/src/classic/components/atoms/Button/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import Button from ".";
 
 export default {
-  title: "atoms/Buttons/Button",
+  title: "classic/atoms/Buttons/Button",
   component: Button,
 } as Meta;
 

web/src/classic/components/atoms/Check/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import Check from ".";
 
 export default {
-  title: "atoms/Check",
+  title: "classic/atoms/Check",
   component: Check,
 } as Meta;
 

web/src/classic/components/atoms/CheckBox/index.stories.tsx

@@ -4,7 +4,7 @@ import { Meta } from "@storybook/react";
 import CheckBox from ".";
 
 export default {
-  title: "atoms/CheckBox",
+  title: "classic/atoms/CheckBox",
   component: CheckBox,
 } as Meta;
 

web/src/classic/components/atoms/CheckGroup/index.stories.tsx

@@ -14,7 +14,7 @@ const items: { value: string; label: string }[] = [
 const Check = styled.div<{ value: string; label: string }>``;
 
 export default {
-  title: "atoms/CheckGroup",
+  title: "classic/atoms/CheckGroup",
   component: CheckGroup,
 } as Meta;
 

web/src/classic/components/atoms/ConfirmationModal/index.stories.tsx

@@ -4,7 +4,7 @@ import { useState } from "react";
 import ConfirmationModal, { Props } from ".";
 
 export default {
-  title: "atoms/Modal/ConfirmationModal",
+  title: "classic/atoms/Modal/ConfirmationModal",
   component: ConfirmationModal,
 } as Meta;
 

web/src/classic/components/atoms/ContentPicker/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import ContentPicker from ".";
 
 export default {
-  title: "atoms/Pickers/ContentPicker",
+  title: "classic/atoms/Pickers/ContentPicker",
   component: ContentPicker,
 } as Meta;
 

web/src/classic/components/atoms/Divider/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import Divider from ".";
 
 export default {
-  title: "atoms/Divider",
+  title: "classic/atoms/Divider",
   component: Divider,
 } as Meta;
 

web/src/classic/components/atoms/Dropdown/index.stories.tsx

@@ -8,7 +8,7 @@ const Wrapper: React.FC<{ children: ReactNode }> = ({ children }) => (
 );
 
 export default {
-  title: "atoms/Dropdown",
+  title: "classic/atoms/Dropdown",
   component: Dropdown,
 } as Meta;
 

web/src/classic/components/atoms/Flex/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react";
 import Component, { Props } from ".";
 
 export default {
-  title: "atoms/flex",
+  title: "classic/atoms/flex",
   component: Component,
 } as Meta;
 

web/src/classic/components/atoms/HelpButton/index.stories.tsx

@@ -3,7 +3,7 @@ import { Story, Meta } from "@storybook/react";
 import Component, { Props } from ".";
 
 export default {
-  title: "atoms/HelpButton",
+  title: "classic/atoms/HelpButton",
   component: Component,
 } as Meta;
 

web/src/classic/components/atoms/Icon/index.stories.tsx

@@ -6,7 +6,7 @@ const icon =
   '<svg stroke="white" fill="#00A0E8" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="css-1t9xarj" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>';
 
 export default {
-  title: "atoms/Icon",
+  title: "classic/atoms/Icon",
   component: Icon,
 } as Meta;
 

web/src/classic/components/atoms/Loading/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import Loading from ".";
 
 export default {
-  title: "atoms/Loading",
+  title: "classic/atoms/Loading",
   component: Loading,
 } as Meta;
 

web/src/classic/components/atoms/Markdown/index.stories.tsx

@@ -16,7 +16,7 @@ A table:
 `;
 
 export default {
-  title: "atoms/Markdown",
+  title: "classic/atoms/Markdown",
   component: Component,
   parameters: { actions: { argTypesRegex: "^on.*" } },
 } as Meta;

web/src/classic/components/atoms/Modal/index.stories.tsx

@@ -7,7 +7,7 @@ import Modal from ".";
 
 const meta: Meta<typeof Modal> = {
   component: Modal,
-  title: "atoms/Modal",
+  title: "classic/atoms/Modal",
 };
 
 export default meta;

web/src/classic/components/atoms/NotFound/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import NotFound from ".";
 
 export default {
-  title: "atoms/NotFound",
+  title: "classic/atoms/NotFound",
   component: NotFound,
 } as Meta;
 

web/src/classic/components/atoms/Notification/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import Notification from ".";
 
 export default {
-  title: "atoms/NotificationBanner",
+  title: "classic/atoms/NotificationBanner",
   component: Notification,
 } as Meta;
 

web/src/classic/components/atoms/Overlay/index.stories.tsx

@@ -10,7 +10,7 @@ const Container: React.FC<{ children?: ReactNode }> = ({ children }) => (
 );
 
 export default {
-  title: "atoms/Overlay",
+  title: "classic/atoms/Overlay",
   component: Overlay,
 } as Meta;
 

web/src/classic/components/atoms/Plugin/IFrame/index.stories.tsx

@@ -4,7 +4,7 @@ import { useRef } from "react";
 import Component, { Props, Ref } from ".";
 
 export default {
-  title: "atoms/Plugin/IFrame(classic)",
+  title: "classic/atoms/Plugin/IFrame(classic)",
   component: Component,
   argTypes: {
     onLoad: { action: "onLoad" },

web/src/classic/components/atoms/Plugin/index.stories.tsx

@@ -5,7 +5,7 @@ import { useRef } from "react";
 import Component, { Props, Ref } from ".";
 
 export default {
-  title: "atoms/Plugin(classic)",
+  title: "classic/atoms/Plugin(classic)",
   component: Component,
   parameters: { actions: { argTypesRegex: "^on.*" } },
 } as Meta;

web/src/classic/components/atoms/PublicationStatus/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import PublicationStatus from ".";
 
 export default {
-  title: "atoms/PublicationStatus",
+  title: "classic/atoms/PublicationStatus",
   component: PublicationStatus,
 } as Meta;
 

web/src/classic/components/atoms/Radio/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import Radio from ".";
 
 export default {
-  title: "atoms/Radio",
+  title: "classic/atoms/Radio",
   component: Radio,
 } as Meta;
 

web/src/classic/components/atoms/RadioButton/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import RadioButton from ".";
 
 export default {
-  title: "atoms/Buttons/RadioButton",
+  title: "classic/atoms/Buttons/RadioButton",
   component: RadioButton,
 } as Meta;
 

web/src/classic/components/atoms/RadioGroup/index.stories.tsx

@@ -14,7 +14,7 @@ const items: { value: string; label: string }[] = [
 const Radio = styled.div<{ value: string; label: string }>``;
 
 export default {
-  title: "atoms/RadioGroup",
+  title: "classic/atoms/RadioGroup",
   component: RadioGroup,
 } as Meta;
 

web/src/classic/components/atoms/RadioLabel/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import RadioLabel from ".";
 
 export default {
-  title: "atoms/RadioLabel",
+  title: "classic/atoms/RadioLabel",
   component: RadioLabel,
 } as Meta;
 

web/src/classic/components/atoms/RadioLabelGroup/index.stories.tsx

@@ -11,7 +11,7 @@ const items: RadioLabelProps[] = [
 ];
 
 export default {
-  title: "atoms/RadioLabelGroup",
+  title: "classic/atoms/RadioLabelGroup",
   component: RadioLabelGroup,
 } as Meta;
 

web/src/classic/components/atoms/Resizable/index.stories.tsx

@@ -11,7 +11,7 @@ const Pane = <div style={{ flex: 1, background: "#ffffff" }} />;
 const Content = <div style={{ width: "100%", height: "100%", background: "#ffffff" }} />;
 
 export default {
-  title: "atoms/Resizable",
+  title: "classic/atoms/Resizable",
   component: Resizable,
 } as Meta;
 

web/src/classic/components/atoms/Scroll/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react";
 import Component, { Props } from ".";
 
 export default {
-  title: "atoms/Scroll",
+  title: "classic/atoms/Scroll",
   component: Component,
   parameters: { actions: { argTypesRegex: "^on.*" } },
 } as Meta;

web/src/classic/components/atoms/SearchBar/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react";
 import Component, { Props } from ".";
 
 export default {
-  title: "atoms/SearchBar",
+  title: "classic/atoms/SearchBar",
   component: Component,
 } as Meta;
 

web/src/classic/components/atoms/Select/index.stories.tsx

@@ -9,7 +9,7 @@ const items: { value: string; label: string }[] = [
 ];
 
 export default {
-  title: "atoms/Select",
+  title: "classic/atoms/Select",
   component: Select,
 } as Meta;
 

web/src/classic/components/atoms/SelectBox/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react";
 import Component, { Props } from ".";
 
 export default {
-  title: "atoms/SelectBox",
+  title: "classic/atoms/SelectBox",
   component: Component,
   parameters: { actions: { argTypesRegex: "^on.*" } },
 } as Meta;

web/src/classic/components/atoms/SelectOption/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import { Option } from ".";
 
 export default {
-  title: "atoms/SelectOption",
+  title: "classic/atoms/SelectOption",
   component: Option,
 } as Meta;
 

web/src/classic/components/atoms/Slide/index.stories.tsx

@@ -17,7 +17,7 @@ const Page = styled.div`
 `;
 
 export default {
-  title: "atoms/Slide",
+  title: "classic/atoms/Slide",
   component: Slide,
 } as Meta;
 

web/src/classic/components/atoms/Slider/index.stories.tsx

@@ -4,7 +4,7 @@ import { Meta } from "@storybook/react";
 import Slider from ".";
 
 export default {
-  title: "atoms/Slider",
+  title: "classic/atoms/Slider",
   component: Slider,
 } as Meta;