From 0eed12ce10676d1ce375dd7a9555d5d4037d64b8 Mon Sep 17 00:00:00 2001 From: KaWaite <34051327+KaWaite@users.noreply.github.com> Date: Tue, 13 Jun 2023 14:30:07 +0900 Subject: [PATCH] refactor(web): organize stories to classic group (#488) --- .../AdditionButton/index.stories.tsx | 12 -- .../Crust/Infobox}/AdditionButton/index.tsx | 3 +- web/src/beta/lib/core/Crust/Infobox/index.tsx | 2 +- .../atoms/Accordion/index.stories.tsx | 2 +- .../atoms/AdditionButton/index.stories.tsx | 13 --- .../atoms/AutoComplete/index.stories.tsx | 2 +- .../components/atoms/Avatar/index.stories.tsx | 2 +- .../atoms/Balloon/index.stories.tsx | 2 +- .../components/atoms/Box/index.stories.tsx | 2 +- .../components/atoms/Button/index.stories.tsx | 2 +- .../components/atoms/Check/index.stories.tsx | 2 +- .../atoms/CheckBox/index.stories.tsx | 2 +- .../atoms/CheckGroup/index.stories.tsx | 2 +- .../atoms/ConfirmationModal/index.stories.tsx | 2 +- .../atoms/ContentPicker/index.stories.tsx | 2 +- .../atoms/Divider/index.stories.tsx | 2 +- .../atoms/Dropdown/index.stories.tsx | 2 +- .../components/atoms/Flex/index.stories.tsx | 2 +- .../atoms/HelpButton/index.stories.tsx | 2 +- .../components/atoms/Icon/index.stories.tsx | 2 +- .../atoms/Loading/index.stories.tsx | 2 +- .../atoms/Markdown/index.stories.tsx | 2 +- .../components/atoms/Modal/index.stories.tsx | 2 +- .../atoms/NotFound/index.stories.tsx | 2 +- .../atoms/Notification/index.stories.tsx | 2 +- .../atoms/Overlay/index.stories.tsx | 2 +- .../atoms/Plugin/IFrame/index.stories.tsx | 2 +- .../components/atoms/Plugin/index.stories.tsx | 2 +- .../atoms/PublicationStatus/index.stories.tsx | 2 +- .../components/atoms/Radio/index.stories.tsx | 2 +- .../atoms/RadioButton/index.stories.tsx | 2 +- .../atoms/RadioGroup/index.stories.tsx | 2 +- .../atoms/RadioLabel/index.stories.tsx | 2 +- .../atoms/RadioLabelGroup/index.stories.tsx | 2 +- .../atoms/Resizable/index.stories.tsx | 2 +- .../components/atoms/Scroll/index.stories.tsx | 2 +- .../atoms/SearchBar/index.stories.tsx | 2 +- .../components/atoms/Select/index.stories.tsx | 2 +- .../atoms/SelectBox/index.stories.tsx | 2 +- .../atoms/SelectOption/index.stories.tsx | 2 +- .../components/atoms/Slide/index.stories.tsx | 2 +- .../components/atoms/Slider/index.stories.tsx | 2 +- .../atoms/TabCard/index.stories.tsx | 2 +- .../components/atoms/Table/index.stories.tsx | 2 +- .../components/atoms/Tag/index.stories.tsx | 2 +- .../components/atoms/Text/index.stories.tsx | 2 +- .../atoms/TextBox/index.stories.tsx | 2 +- .../atoms/Timeline/index.stories.tsx | 2 +- .../atoms/ToggleButton/index.stories.tsx | 2 +- .../atoms/TreeView/index.stories.tsx | 2 +- .../AssetModal/AssetCard/index.stories.tsx | 2 +- .../AssetListItem/index.stories.tsx | 2 +- .../AssetModal/AssetSelect/index.stories.tsx | 2 +- .../molecules/Common/Header/index.stories.tsx | 2 +- .../ProjectCreationModal/index.stories.tsx | 2 +- .../index.stories.tsx | 2 +- .../WorkspaceCreationModal/index.stories.tsx | 2 +- .../DatasetInfoPane/index.stories.tsx | 2 +- .../DatasetHeader/index.stories.tsx | 2 +- .../DatasetModal/index.stories.tsx | 2 +- .../DatasetSchemaCell/index.stories.tsx | 2 +- .../EarthEditor/Header/index.stories.tsx | 2 +- .../index.stories.tsx | 2 +- .../LayerSelectionModal/index.stories.tsx | 2 +- .../EarthEditor/OutlinePane/index.stories.tsx | 2 +- .../PrimitiveCell/index.stories.tsx | 2 +- .../PrimitiveHeader/index.stories.tsx | 2 +- .../CameraField/index.stories.tsx | 2 +- .../ColorField/index.stories.tsx | 2 +- .../LayerField/index.stories.tsx | 2 +- .../LocationField/index.stories.tsx | 2 +- .../PropertyLinkPanel/index.stories.tsx | 2 +- .../PropertyTitle/index.stories.tsx | 2 +- .../RadioField/index.stories.tsx | 2 +- .../SelectField/index.stories.tsx | 2 +- .../SwitchField/index.stories.tsx | 2 +- .../PropertyField/TextField/index.stories.tsx | 2 +- .../FontFamilyField/index.stories.tsx | 2 +- .../FontFormatField/index.stories.tsx | 2 +- .../FontSizeField/index.stories.tsx | 2 +- .../TypographyField/index.stories.tsx | 2 +- .../PropertyField/index.stories.tsx | 2 +- .../PropertyItem/index.stories.tsx | 2 +- .../PropertyList/index.stories.tsx | 2 +- .../WidgetAlignSystemToggle/index.stories.tsx | 2 +- .../RadioLabelField/index.stories.tsx | 2 +- .../PublicationModal/index.stories.tsx | 2 +- .../TagPane/SceneTagPane/index.stories.tsx | 2 +- .../TagPane/TagGroup/index.stories.tsx | 2 +- .../Published/Error/index.stories.tsx | 2 +- .../Dataset/DatasetList/index.stories.tsx | 2 +- .../Plugin/PluginAccordion/index.stories.tsx | 2 +- .../ProjectList/ProjectCell/index.stories.tsx | 2 +- .../ProjectList/ProjectList/index.stories.tsx | 2 +- .../Settings/SelectField/index.stories.tsx | 2 +- .../Block/DataList/index.stories.tsx | 2 +- .../Visualizer/Block/HTML/index.stories.tsx | 2 +- .../Visualizer/Block/Image/index.stories.tsx | 2 +- .../Block/Location/index.stories.tsx | 2 +- .../Visualizer/Block/Text/index.stories.tsx | 2 +- .../Visualizer/Block/Video/index.stories.tsx | 2 +- .../Visualizer/Block/index.stories.tsx | 2 +- .../Engine/Cesium/Box/index.stories.tsx | 2 +- .../Engine/Cesium/Ellipsoid/index.stories.tsx | 2 +- .../Engine/Cesium/Marker/index.stories.tsx | 2 +- .../Engine/Cesium/Model/index.stories.tsx | 2 +- .../Cesium/PhotoOverlay/index.stories.tsx | 2 +- .../Engine/Cesium/Polygon/index.stories.tsx | 2 +- .../Engine/Cesium/Polyline/index.stories.tsx | 2 +- .../Engine/Cesium/Rect/index.stories.tsx | 2 +- .../Engine/Cesium/Resource/index.stories.tsx | 2 +- .../Engine/Cesium/Tileset/index.stories.tsx | 2 +- .../Engine/Cesium/index.stories.tsx | 2 +- .../Infobox/AdditionButton/index.tsx | 108 ++++++++++++++++++ .../Infobox/Field/index.stories.tsx | 2 +- .../Infobox/Frame/index.stories.tsx | 2 +- .../Visualizer/Infobox/index.stories.tsx | 2 +- .../molecules/Visualizer/Infobox/index.tsx | 2 +- .../Visualizer/Plugin/index.stories.tsx | 2 +- .../Widget/Button/index.stories.tsx | 2 +- .../Visualizer/Widget/Menu/index.stories.tsx | 2 +- .../NavigatorPresenter/index.stories.tsx | 2 +- .../Widget/Navigator/index.stories.tsx | 2 +- .../Widget/SplashScreen/index.stories.tsx | 2 +- .../Widget/Storytelling/index.stories.tsx | 2 +- .../Widget/Timeline/index.stories.tsx | 2 +- .../Visualizer/Widget/index.stories.tsx | 2 +- .../molecules/Visualizer/index.stories.tsx | 2 +- .../Crust/Infobox/AdditionButton/index.tsx | 108 ++++++++++++++++++ web/src/classic/core/Crust/Infobox/index.tsx | 2 +- .../PluginFrame/IFrame/index.stories.tsx | 2 +- .../PluginFrame/SafeIFrame/index.stories.tsx | 2 +- .../Plugins/PluginFrame/index.stories.tsx | 2 +- 133 files changed, 345 insertions(+), 155 deletions(-) delete mode 100644 web/src/beta/components/AdditionButton/index.stories.tsx rename web/src/beta/{components => lib/core/Crust/Infobox}/AdditionButton/index.tsx (97%) delete mode 100644 web/src/classic/components/atoms/AdditionButton/index.stories.tsx create mode 100644 web/src/classic/components/molecules/Visualizer/Infobox/AdditionButton/index.tsx create mode 100644 web/src/classic/core/Crust/Infobox/AdditionButton/index.tsx diff --git a/web/src/beta/components/AdditionButton/index.stories.tsx b/web/src/beta/components/AdditionButton/index.stories.tsx deleted file mode 100644 index f386b1def7..0000000000 --- a/web/src/beta/components/AdditionButton/index.stories.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import { Story, Meta } from "@storybook/react"; -import { Component } from "react"; - -import AdditionButton, { Props } from "."; - -export default { - component: AdditionButton, -} as Meta; - -export const Default: Story = args => ; - -Default.args = {}; diff --git a/web/src/beta/components/AdditionButton/index.tsx b/web/src/beta/lib/core/Crust/Infobox/AdditionButton/index.tsx similarity index 97% rename from web/src/beta/components/AdditionButton/index.tsx rename to web/src/beta/lib/core/Crust/Infobox/AdditionButton/index.tsx index 50f9387a2a..1da82b8841 100644 --- a/web/src/beta/components/AdditionButton/index.tsx +++ b/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; diff --git a/web/src/beta/lib/core/Crust/Infobox/index.tsx b/web/src/beta/lib/core/Crust/Infobox/index.tsx index 3fc5e0fe13..644267d76c 100644 --- a/web/src/beta/lib/core/Crust/Infobox/index.tsx +++ b/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"; diff --git a/web/src/classic/components/atoms/Accordion/index.stories.tsx b/web/src/classic/components/atoms/Accordion/index.stories.tsx index 64ce7a5a32..9be7555ce0 100644 --- a/web/src/classic/components/atoms/Accordion/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/AdditionButton/index.stories.tsx b/web/src/classic/components/atoms/AdditionButton/index.stories.tsx deleted file mode 100644 index 49844738a0..0000000000 --- a/web/src/classic/components/atoms/AdditionButton/index.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { Story, Meta } from "@storybook/react"; -import { Component } from "react"; - -import AdditionButton, { Props } from "."; - -export default { - title: "atoms/Buttons/AdditionButton", - component: AdditionButton, -} as Meta; - -export const Default: Story = args => ; - -Default.args = {}; diff --git a/web/src/classic/components/atoms/AutoComplete/index.stories.tsx b/web/src/classic/components/atoms/AutoComplete/index.stories.tsx index 759546e3b3..a3c08cfd20 100644 --- a/web/src/classic/components/atoms/AutoComplete/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Avatar/index.stories.tsx b/web/src/classic/components/atoms/Avatar/index.stories.tsx index d8a38559cd..f523522693 100644 --- a/web/src/classic/components/atoms/Avatar/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Balloon/index.stories.tsx b/web/src/classic/components/atoms/Balloon/index.stories.tsx index 88042d949a..cf50ad16ef 100644 --- a/web/src/classic/components/atoms/Balloon/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Box/index.stories.tsx b/web/src/classic/components/atoms/Box/index.stories.tsx index f9a92610bb..02375c8b92 100644 --- a/web/src/classic/components/atoms/Box/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Button/index.stories.tsx b/web/src/classic/components/atoms/Button/index.stories.tsx index 1a04a470ed..5a9f55e51b 100644 --- a/web/src/classic/components/atoms/Button/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Check/index.stories.tsx b/web/src/classic/components/atoms/Check/index.stories.tsx index 408ac6c213..0e906d4ad7 100644 --- a/web/src/classic/components/atoms/Check/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/CheckBox/index.stories.tsx b/web/src/classic/components/atoms/CheckBox/index.stories.tsx index c19ea7101e..3945e4f245 100644 --- a/web/src/classic/components/atoms/CheckBox/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/CheckGroup/index.stories.tsx b/web/src/classic/components/atoms/CheckGroup/index.stories.tsx index 1de60320cb..7767930b16 100644 --- a/web/src/classic/components/atoms/CheckGroup/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/ConfirmationModal/index.stories.tsx b/web/src/classic/components/atoms/ConfirmationModal/index.stories.tsx index 29710d8082..342bc7f576 100644 --- a/web/src/classic/components/atoms/ConfirmationModal/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/ContentPicker/index.stories.tsx b/web/src/classic/components/atoms/ContentPicker/index.stories.tsx index 073f243d0c..e0df7f54dd 100644 --- a/web/src/classic/components/atoms/ContentPicker/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Divider/index.stories.tsx b/web/src/classic/components/atoms/Divider/index.stories.tsx index 8a842b0df6..2b212567f9 100644 --- a/web/src/classic/components/atoms/Divider/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Dropdown/index.stories.tsx b/web/src/classic/components/atoms/Dropdown/index.stories.tsx index b6d1f48271..9b8742b8da 100644 --- a/web/src/classic/components/atoms/Dropdown/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Flex/index.stories.tsx b/web/src/classic/components/atoms/Flex/index.stories.tsx index ebfac84a51..0108159388 100644 --- a/web/src/classic/components/atoms/Flex/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/HelpButton/index.stories.tsx b/web/src/classic/components/atoms/HelpButton/index.stories.tsx index 70d116e350..1238c97873 100644 --- a/web/src/classic/components/atoms/HelpButton/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Icon/index.stories.tsx b/web/src/classic/components/atoms/Icon/index.stories.tsx index 25255b2173..ab7d4ad9be 100644 --- a/web/src/classic/components/atoms/Icon/index.stories.tsx +++ b/web/src/classic/components/atoms/Icon/index.stories.tsx @@ -6,7 +6,7 @@ const icon = ''; export default { - title: "atoms/Icon", + title: "classic/atoms/Icon", component: Icon, } as Meta; diff --git a/web/src/classic/components/atoms/Loading/index.stories.tsx b/web/src/classic/components/atoms/Loading/index.stories.tsx index 7d90b0a68d..824849dabf 100644 --- a/web/src/classic/components/atoms/Loading/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Markdown/index.stories.tsx b/web/src/classic/components/atoms/Markdown/index.stories.tsx index 674034fd81..876f8439f5 100644 --- a/web/src/classic/components/atoms/Markdown/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Modal/index.stories.tsx b/web/src/classic/components/atoms/Modal/index.stories.tsx index 3dd548de15..6fd18952e8 100644 --- a/web/src/classic/components/atoms/Modal/index.stories.tsx +++ b/web/src/classic/components/atoms/Modal/index.stories.tsx @@ -7,7 +7,7 @@ import Modal from "."; const meta: Meta = { component: Modal, - title: "atoms/Modal", + title: "classic/atoms/Modal", }; export default meta; diff --git a/web/src/classic/components/atoms/NotFound/index.stories.tsx b/web/src/classic/components/atoms/NotFound/index.stories.tsx index 46f102c250..fbbb1c4083 100644 --- a/web/src/classic/components/atoms/NotFound/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Notification/index.stories.tsx b/web/src/classic/components/atoms/Notification/index.stories.tsx index 2bff5eb457..aa3be1f938 100644 --- a/web/src/classic/components/atoms/Notification/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Overlay/index.stories.tsx b/web/src/classic/components/atoms/Overlay/index.stories.tsx index 1a76546a62..7fbcd3f1ac 100644 --- a/web/src/classic/components/atoms/Overlay/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Plugin/IFrame/index.stories.tsx b/web/src/classic/components/atoms/Plugin/IFrame/index.stories.tsx index 7fc86eae1d..b1fbf49b1c 100644 --- a/web/src/classic/components/atoms/Plugin/IFrame/index.stories.tsx +++ b/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" }, diff --git a/web/src/classic/components/atoms/Plugin/index.stories.tsx b/web/src/classic/components/atoms/Plugin/index.stories.tsx index b558395138..7404676eab 100644 --- a/web/src/classic/components/atoms/Plugin/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/PublicationStatus/index.stories.tsx b/web/src/classic/components/atoms/PublicationStatus/index.stories.tsx index de72c7ecdd..d93d3b29db 100644 --- a/web/src/classic/components/atoms/PublicationStatus/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Radio/index.stories.tsx b/web/src/classic/components/atoms/Radio/index.stories.tsx index 59056556f9..bfa0d44cf7 100644 --- a/web/src/classic/components/atoms/Radio/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/RadioButton/index.stories.tsx b/web/src/classic/components/atoms/RadioButton/index.stories.tsx index 2710aade20..aef180ae2f 100644 --- a/web/src/classic/components/atoms/RadioButton/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/RadioGroup/index.stories.tsx b/web/src/classic/components/atoms/RadioGroup/index.stories.tsx index 92f93c974c..33fccfc5a7 100644 --- a/web/src/classic/components/atoms/RadioGroup/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/RadioLabel/index.stories.tsx b/web/src/classic/components/atoms/RadioLabel/index.stories.tsx index 9797ed304c..f4592e9c19 100644 --- a/web/src/classic/components/atoms/RadioLabel/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/RadioLabelGroup/index.stories.tsx b/web/src/classic/components/atoms/RadioLabelGroup/index.stories.tsx index 83d0249842..965cb4d153 100644 --- a/web/src/classic/components/atoms/RadioLabelGroup/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Resizable/index.stories.tsx b/web/src/classic/components/atoms/Resizable/index.stories.tsx index b1b491c658..86f236845d 100644 --- a/web/src/classic/components/atoms/Resizable/index.stories.tsx +++ b/web/src/classic/components/atoms/Resizable/index.stories.tsx @@ -11,7 +11,7 @@ const Pane =
; const Content =
; export default { - title: "atoms/Resizable", + title: "classic/atoms/Resizable", component: Resizable, } as Meta; diff --git a/web/src/classic/components/atoms/Scroll/index.stories.tsx b/web/src/classic/components/atoms/Scroll/index.stories.tsx index f832fd79dd..5e9ec641fe 100644 --- a/web/src/classic/components/atoms/Scroll/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/SearchBar/index.stories.tsx b/web/src/classic/components/atoms/SearchBar/index.stories.tsx index e53c031a7b..986eb7efe7 100644 --- a/web/src/classic/components/atoms/SearchBar/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Select/index.stories.tsx b/web/src/classic/components/atoms/Select/index.stories.tsx index c33955bd93..1bd49a75cc 100644 --- a/web/src/classic/components/atoms/Select/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/SelectBox/index.stories.tsx b/web/src/classic/components/atoms/SelectBox/index.stories.tsx index 8098408f6f..50514ff722 100644 --- a/web/src/classic/components/atoms/SelectBox/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/SelectOption/index.stories.tsx b/web/src/classic/components/atoms/SelectOption/index.stories.tsx index 3321ca6e58..28e49b67c9 100644 --- a/web/src/classic/components/atoms/SelectOption/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Slide/index.stories.tsx b/web/src/classic/components/atoms/Slide/index.stories.tsx index 7a3ab5d29a..85c2c5046c 100644 --- a/web/src/classic/components/atoms/Slide/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/Slider/index.stories.tsx b/web/src/classic/components/atoms/Slider/index.stories.tsx index 785f63e4f8..cdb80f4985 100644 --- a/web/src/classic/components/atoms/Slider/index.stories.tsx +++ b/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; diff --git a/web/src/classic/components/atoms/TabCard/index.stories.tsx b/web/src/classic/components/atoms/TabCard/index.stories.tsx index 408daccd54..1c33d98af8 100644 --- a/web/src/classic/components/atoms/TabCard/index.stories.tsx +++ b/web/src/classic/components/atoms/TabCard/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import TabCard, { Props } from "."; export default { - title: "atoms/TabCard", + title: "classic/atoms/TabCard", component: TabCard, } as Meta; diff --git a/web/src/classic/components/atoms/Table/index.stories.tsx b/web/src/classic/components/atoms/Table/index.stories.tsx index a921249904..98a4ac9c7a 100644 --- a/web/src/classic/components/atoms/Table/index.stories.tsx +++ b/web/src/classic/components/atoms/Table/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Table, { Props } from "."; export default { - title: "atoms/Table", + title: "classic/atoms/Table", component: Table, } as Meta; diff --git a/web/src/classic/components/atoms/Tag/index.stories.tsx b/web/src/classic/components/atoms/Tag/index.stories.tsx index c6ace143a6..be265d2116 100644 --- a/web/src/classic/components/atoms/Tag/index.stories.tsx +++ b/web/src/classic/components/atoms/Tag/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Tag, { Props } from "."; export default { - title: "atoms/Tag", + title: "classic/atoms/Tag", component: Tag, } as Meta; diff --git a/web/src/classic/components/atoms/Text/index.stories.tsx b/web/src/classic/components/atoms/Text/index.stories.tsx index 0001978d2f..de6d9eb66e 100644 --- a/web/src/classic/components/atoms/Text/index.stories.tsx +++ b/web/src/classic/components/atoms/Text/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Text, { TextProps } from "."; export default { - title: "atoms/Text", + title: "classic/atoms/Text", component: Text, } as Meta; diff --git a/web/src/classic/components/atoms/TextBox/index.stories.tsx b/web/src/classic/components/atoms/TextBox/index.stories.tsx index 16931eab41..214a1fc30f 100644 --- a/web/src/classic/components/atoms/TextBox/index.stories.tsx +++ b/web/src/classic/components/atoms/TextBox/index.stories.tsx @@ -3,7 +3,7 @@ import { Story, Meta } from "@storybook/react"; import Component, { Props } from "."; export default { - title: "atoms/TextBox", + title: "classic/atoms/TextBox", component: Component, argTypes: { color: { control: "color" }, diff --git a/web/src/classic/components/atoms/Timeline/index.stories.tsx b/web/src/classic/components/atoms/Timeline/index.stories.tsx index 8cf6755039..c8fd49a0b6 100644 --- a/web/src/classic/components/atoms/Timeline/index.stories.tsx +++ b/web/src/classic/components/atoms/Timeline/index.stories.tsx @@ -4,7 +4,7 @@ import { useState } from "react"; import Timeline, { Props } from "."; export default { - title: "atoms/Timeline/Timeline", + title: "classic/atoms/Timeline/Timeline", component: Timeline, } as Meta; diff --git a/web/src/classic/components/atoms/ToggleButton/index.stories.tsx b/web/src/classic/components/atoms/ToggleButton/index.stories.tsx index 21afcfdd61..2137c8ac47 100644 --- a/web/src/classic/components/atoms/ToggleButton/index.stories.tsx +++ b/web/src/classic/components/atoms/ToggleButton/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import ToggleButton from "."; export default { - title: "atoms/Buttons/ToggleButton", + title: "classic/atoms/Buttons/ToggleButton", component: ToggleButton, } as Meta; diff --git a/web/src/classic/components/atoms/TreeView/index.stories.tsx b/web/src/classic/components/atoms/TreeView/index.stories.tsx index 8dfe6dd6bc..85423d4b72 100644 --- a/web/src/classic/components/atoms/TreeView/index.stories.tsx +++ b/web/src/classic/components/atoms/TreeView/index.stories.tsx @@ -7,7 +7,7 @@ import { ItemProps } from "./types"; import Component, { Props, Item } from "."; export default { - title: "atoms/TreeView", + title: "classic/atoms/TreeView", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Common/AssetModal/AssetCard/index.stories.tsx b/web/src/classic/components/molecules/Common/AssetModal/AssetCard/index.stories.tsx index 45914190da..ca0f56e6af 100644 --- a/web/src/classic/components/molecules/Common/AssetModal/AssetCard/index.stories.tsx +++ b/web/src/classic/components/molecules/Common/AssetModal/AssetCard/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Component, { Props } from "."; export default { - title: "molecules/EarthEditor/AssetsModal/AssetCard", + title: "classic/molecules/EarthEditor/AssetsModal/AssetCard", component: Component, } as Meta; diff --git a/web/src/classic/components/molecules/Common/AssetModal/AssetListItem/index.stories.tsx b/web/src/classic/components/molecules/Common/AssetModal/AssetListItem/index.stories.tsx index 15f0424fa2..7f9a1f2b81 100644 --- a/web/src/classic/components/molecules/Common/AssetModal/AssetListItem/index.stories.tsx +++ b/web/src/classic/components/molecules/Common/AssetModal/AssetListItem/index.stories.tsx @@ -21,7 +21,7 @@ const fileAsset = { }; export default { - title: "molecules/EarthEditor/AssetsModal/AssetListItem", + title: "classic/molecules/EarthEditor/AssetsModal/AssetListItem", component: Component, } as Meta; diff --git a/web/src/classic/components/molecules/Common/AssetModal/AssetSelect/index.stories.tsx b/web/src/classic/components/molecules/Common/AssetModal/AssetSelect/index.stories.tsx index 96ab3a95aa..929b49f94d 100644 --- a/web/src/classic/components/molecules/Common/AssetModal/AssetSelect/index.stories.tsx +++ b/web/src/classic/components/molecules/Common/AssetModal/AssetSelect/index.stories.tsx @@ -9,7 +9,7 @@ const filterOptions: { key: string; label: string }[] = [ ]; export default { - title: "molecules/EarthEditor/AssetsModal/AssetSelect", + title: "classic/molecules/EarthEditor/AssetsModal/AssetSelect", component: Component, } as Meta; diff --git a/web/src/classic/components/molecules/Common/Header/index.stories.tsx b/web/src/classic/components/molecules/Common/Header/index.stories.tsx index e6c50bfc51..307824fe16 100644 --- a/web/src/classic/components/molecules/Common/Header/index.stories.tsx +++ b/web/src/classic/components/molecules/Common/Header/index.stories.tsx @@ -25,7 +25,7 @@ const defaultProps: Props = { }; export default { - title: "molecules/Common/Header", + title: "classic/molecules/Common/Header", component: Header, } as Meta; diff --git a/web/src/classic/components/molecules/Common/ProjectCreationModal/index.stories.tsx b/web/src/classic/components/molecules/Common/ProjectCreationModal/index.stories.tsx index 886405197c..a12f3a59eb 100644 --- a/web/src/classic/components/molecules/Common/ProjectCreationModal/index.stories.tsx +++ b/web/src/classic/components/molecules/Common/ProjectCreationModal/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta, Story } from "@storybook/react"; import ProjectCreationModal, { Props } from "."; export default { - title: "molecules/ProjectList/ProjectCreationModal", + title: "classic/molecules/ProjectList/ProjectCreationModal", component: ProjectCreationModal, } as Meta; diff --git a/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.stories.tsx b/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.stories.tsx index e119aa9b44..61bcd122fe 100644 --- a/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.stories.tsx +++ b/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta, Story } from "@storybook/react"; import ProjectTypeSelectionModal, { Props } from "."; export default { - title: "molecules/common/ProjectTypeSelectionModal", + title: "classic/molecules/common/ProjectTypeSelectionModal", component: ProjectTypeSelectionModal, } as Meta; diff --git a/web/src/classic/components/molecules/Common/WorkspaceCreationModal/index.stories.tsx b/web/src/classic/components/molecules/Common/WorkspaceCreationModal/index.stories.tsx index 9ff0ff0b18..7352910517 100644 --- a/web/src/classic/components/molecules/Common/WorkspaceCreationModal/index.stories.tsx +++ b/web/src/classic/components/molecules/Common/WorkspaceCreationModal/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta } from "@storybook/react"; import WorkSpaceCreationModal from "."; export default { - title: "molecules/Common/WorkSpaceCreationModal", + title: "classic/molecules/Common/WorkSpaceCreationModal", component: WorkSpaceCreationModal, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/DatasetInfoPane/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/DatasetInfoPane/index.stories.tsx index c24b3006b9..cc4b372de0 100644 --- a/web/src/classic/components/molecules/EarthEditor/DatasetInfoPane/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/DatasetInfoPane/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import DatasetInfoPane, { Props } from "."; export default { - title: "molecules/EarthEditor/DatasetInfoPane", + title: "classic/molecules/EarthEditor/DatasetInfoPane", component: DatasetInfoPane, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetHeader/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetHeader/index.stories.tsx index 8315acbae7..00a2a39b5d 100644 --- a/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetHeader/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetHeader/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import DatasetHeader from "."; export default { - title: "molecules/EarthEditor/DatasetPane/DatasetHeader", + title: "classic/molecules/EarthEditor/DatasetPane/DatasetHeader", component: DatasetHeader, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetModal/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetModal/index.stories.tsx index 6865212a06..65817664bd 100644 --- a/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetModal/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetModal/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import DatasetModal from "."; export default { - title: "molecules/EarthEditor/DatasetPane/DatasetModal", + title: "classic/molecules/EarthEditor/DatasetPane/DatasetModal", component: DatasetModal, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetSchemaCell/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetSchemaCell/index.stories.tsx index 50c948dd6a..5c5d44bc0b 100644 --- a/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetSchemaCell/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/DatasetPane/DatasetSchemaCell/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import DatasetSchemaCell from "."; export default { - title: "molecules/EarthEditor/DatasetPane/DatasetSchemaCell", + title: "classic/molecules/EarthEditor/DatasetPane/DatasetSchemaCell", component: DatasetSchemaCell, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/Header/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/Header/index.stories.tsx index 566448a6a6..497f6b92ec 100644 --- a/web/src/classic/components/molecules/EarthEditor/Header/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/Header/index.stories.tsx @@ -54,7 +54,7 @@ const defaultProps = { }; export default { - title: "molecules/EarthEditor/Header", + title: "classic/molecules/EarthEditor/Header", component: Header, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/LayerMultipleSelectionModal/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/LayerMultipleSelectionModal/index.stories.tsx index e76d075c52..0a5feb71d3 100644 --- a/web/src/classic/components/molecules/EarthEditor/LayerMultipleSelectionModal/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/LayerMultipleSelectionModal/index.stories.tsx @@ -3,7 +3,7 @@ import { Story, Meta } from "@storybook/react"; import Component, { Props, Layer } from "."; export default { - title: "molecules/EarthEditor/LayerMultipleSelectionModal", + title: "classic/molecules/EarthEditor/LayerMultipleSelectionModal", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/LayerSelectionModal/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/LayerSelectionModal/index.stories.tsx index c5899f78ad..334d4e8b8b 100644 --- a/web/src/classic/components/molecules/EarthEditor/LayerSelectionModal/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/LayerSelectionModal/index.stories.tsx @@ -3,7 +3,7 @@ import { Story, Meta } from "@storybook/react"; import Component, { Props, Layer } from "."; export default { - title: "molecules/EarthEditor/LayerSelectionModal", + title: "classic/molecules/EarthEditor/LayerSelectionModal", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/OutlinePane/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/OutlinePane/index.stories.tsx index cd24056682..cae48189be 100644 --- a/web/src/classic/components/molecules/EarthEditor/OutlinePane/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/OutlinePane/index.stories.tsx @@ -7,7 +7,7 @@ import deepFind from "@reearth/classic/util/deepFind"; import Component, { Layer, Widget } from "."; export default { - title: "molecules/EarthEditor/LayerPane", + title: "classic/molecules/EarthEditor/LayerPane", component: Component, argTypes: { onLayerRename: { action: "onLayerRename" }, diff --git a/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/PrimitiveCell/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/PrimitiveCell/index.stories.tsx index d2fb47b5ab..160140c089 100644 --- a/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/PrimitiveCell/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/PrimitiveCell/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import PrimitiveCell from "."; export default { - title: "molecules/EarthEditor/PrimitiveHeader/PrimitiveCell", + title: "classic/molecules/EarthEditor/PrimitiveHeader/PrimitiveCell", component: PrimitiveCell, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/index.stories.tsx index b65f0bd298..5adc8758f8 100644 --- a/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PrimitiveHeader/index.stories.tsx @@ -33,7 +33,7 @@ const defaultProps = { }; export default { - title: "molecules/EarthEditor/PrimitiveHeader", + title: "classic/molecules/EarthEditor/PrimitiveHeader", component: PrimitiveHeader, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/CameraField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/CameraField/index.stories.tsx index 4931aa2d2e..c08a667291 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/CameraField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/CameraField/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import CameraField, { Props } from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/CameraField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/CameraField", component: CameraField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/ColorField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/ColorField/index.stories.tsx index dd578d3706..5728850cbc 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/ColorField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/ColorField/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta } from "@storybook/react"; import ColorField from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/ColorField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/ColorField", component: ColorField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LayerField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LayerField/index.stories.tsx index 3fe778975d..12d42b8744 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LayerField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LayerField/index.stories.tsx @@ -3,7 +3,7 @@ import { Story, Meta } from "@storybook/react"; import Component, { Props, Layer } from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/LayerField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/LayerField", component: Component, argTypes: { onChange: { action: "onChange" } }, parameters: { actions: { argTypesRegex: "^on.*" } }, diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.stories.tsx index 1afc4ca6c0..92849fc10c 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.stories.tsx @@ -10,7 +10,7 @@ const location: Location = { }; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/LocationField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/LocationField", component: LocationField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/PropertyLinkPanel/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/PropertyLinkPanel/index.stories.tsx index 3b815dfff8..801b04f047 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/PropertyLinkPanel/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/PropertyLinkPanel/index.stories.tsx @@ -36,7 +36,7 @@ const datasetSchemas: DatasetSchema[] = [ ]; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/PropertyLinkPanel", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/PropertyLinkPanel", component: PropertyLinkPanel, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/index.stories.tsx index 8e65124bc0..37b92d626b 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle/index.stories.tsx @@ -8,7 +8,7 @@ const Wrapper: React.FC<{ children?: ReactNode }> = ({ children }) => ( ); export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/PropertyTitle", component: PropertyTitle, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/RadioField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/RadioField/index.stories.tsx index 1d50b240a0..35e822ee4b 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/RadioField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/RadioField/index.stories.tsx @@ -10,7 +10,7 @@ const items: { key: string; label?: string; icon?: string }[] = [ ]; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/RadioField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/RadioField", component: RadioField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SelectField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SelectField/index.stories.tsx index d3340b7d7c..26798aea58 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SelectField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SelectField/index.stories.tsx @@ -16,7 +16,7 @@ const itemsWithIcon = items.map(({ key, label, icon }) => ); export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/SelectField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/SelectField", component: SelectField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SwitchField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SwitchField/index.stories.tsx index e7ec2a885b..63d6d406db 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SwitchField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/SwitchField/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import SwitchField from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/SwitchField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/SwitchField", component: SwitchField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TextField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TextField/index.stories.tsx index 9384c40956..37193ef662 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TextField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TextField/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta } from "@storybook/react"; import TextField from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/TextField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/TextField", component: TextField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFamilyField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFamilyField/index.stories.tsx index 7116827966..3d7d48885e 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFamilyField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFamilyField/index.stories.tsx @@ -6,7 +6,7 @@ import { colors } from "@reearth/services/theme"; import FontFamilyField from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFamilyField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFamilyField", component: FontFamilyField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFormatField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFormatField/index.stories.tsx index 4e4c44a5aa..06f4a52ceb 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFormatField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFormatField/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta } from "@storybook/react"; import FontFormatField from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFormatField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontFormatField", component: FontFormatField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontSizeField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontSizeField/index.stories.tsx index 150d1ab594..8adf951514 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontSizeField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontSizeField/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta } from "@storybook/react"; import FontSizeField from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontSizeField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/FontSizeField", component: FontSizeField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/index.stories.tsx index 26af1342f5..3c1596bda7 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta } from "@storybook/react"; import TypographyField from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField/TypographyField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField/TypographyField", component: TypographyField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/index.stories.tsx index e6752cc81c..7cf24bf136 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/index.stories.tsx @@ -26,7 +26,7 @@ const camera: settings = { }; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyField", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyField", component: PropertyField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.stories.tsx index 7d7f8020e5..c94d791d74 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.stories.tsx @@ -4,7 +4,7 @@ import { Meta } from "@storybook/react"; import PropertyItem, { Layer } from "."; export default { - title: "molecules/EarthEditor/PropertyPane/PropertyItem", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyItem", component: PropertyItem, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyList/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyList/index.stories.tsx index 0ae9881dfb..9f10485ea7 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyList/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyList/index.stories.tsx @@ -8,7 +8,7 @@ const Wrapper: React.FC<{ children?: ReactNode }> = ({ children }) => ( ); export default { - title: "molecules/EarthEditor/PropertyPane/PropertyList", + title: "classic/molecules/EarthEditor/PropertyPane/PropertyList", component: PropertyList, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemToggle/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemToggle/index.stories.tsx index e267065ad8..bd35ec4f83 100644 --- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemToggle/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemToggle/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Component, { Props } from "."; export default { - title: "molecules/EarthEditor/PropertyPane/WidgetAlignSystemToggle", + title: "classic/molecules/EarthEditor/PropertyPane/WidgetAlignSystemToggle", component: Component, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PublicationModal/RadioLabelField/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PublicationModal/RadioLabelField/index.stories.tsx index 7b4349496c..5797ce101b 100644 --- a/web/src/classic/components/molecules/EarthEditor/PublicationModal/RadioLabelField/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PublicationModal/RadioLabelField/index.stories.tsx @@ -9,7 +9,7 @@ const items: RadioLabelFieldProps["items"] = [ ]; export default { - title: "molecules/EarthEditor/PublicationModal/RadioLabelField", + title: "classic/molecules/EarthEditor/PublicationModal/RadioLabelField", component: RadioLabelField, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/PublicationModal/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/PublicationModal/index.stories.tsx index dc3f08ba9b..980667c593 100644 --- a/web/src/classic/components/molecules/EarthEditor/PublicationModal/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/PublicationModal/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import PublicationModal from "."; export default { - title: "molecules/EarthEditor/PublicationModal", + title: "classic/molecules/EarthEditor/PublicationModal", component: PublicationModal, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/TagPane/SceneTagPane/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/TagPane/SceneTagPane/index.stories.tsx index a31a612ce4..9f396cf667 100644 --- a/web/src/classic/components/molecules/EarthEditor/TagPane/SceneTagPane/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/TagPane/SceneTagPane/index.stories.tsx @@ -5,7 +5,7 @@ import React, { useState } from "react"; import TagPane, { Props, TagGroup } from "."; export default { - title: "molecules/EarthEditor/TagPane", + title: "classic/molecules/EarthEditor/TagPane", component: TagPane, } as Meta; diff --git a/web/src/classic/components/molecules/EarthEditor/TagPane/TagGroup/index.stories.tsx b/web/src/classic/components/molecules/EarthEditor/TagPane/TagGroup/index.stories.tsx index 37f0f8e0fd..d84e3b80f2 100644 --- a/web/src/classic/components/molecules/EarthEditor/TagPane/TagGroup/index.stories.tsx +++ b/web/src/classic/components/molecules/EarthEditor/TagPane/TagGroup/index.stories.tsx @@ -5,7 +5,7 @@ import React, { useState } from "react"; import TagGroup, { Props } from "."; export default { - title: "molecules/EarthEditor/TagGroup/TagGroup", + title: "classic/molecules/EarthEditor/TagGroup/TagGroup", component: TagGroup, } as Meta; diff --git a/web/src/classic/components/molecules/Published/Error/index.stories.tsx b/web/src/classic/components/molecules/Published/Error/index.stories.tsx index ed788d0ea3..d7c8b9dfea 100644 --- a/web/src/classic/components/molecules/Published/Error/index.stories.tsx +++ b/web/src/classic/components/molecules/Published/Error/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Component from "."; export default { - title: "molecules/Published/Error", + title: "classic/molecules/Published/Error", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Settings/Project/Dataset/DatasetList/index.stories.tsx b/web/src/classic/components/molecules/Settings/Project/Dataset/DatasetList/index.stories.tsx index 1ea99f674b..cbecc71316 100644 --- a/web/src/classic/components/molecules/Settings/Project/Dataset/DatasetList/index.stories.tsx +++ b/web/src/classic/components/molecules/Settings/Project/Dataset/DatasetList/index.stories.tsx @@ -11,7 +11,7 @@ const items = [ ]; export default { - title: "molecules/Settings/Workspace/Dataset/DatasetList", + title: "classic/molecules/Settings/Workspace/Dataset/DatasetList", component: DatasetList, } as Meta; diff --git a/web/src/classic/components/molecules/Settings/Project/Plugin/PluginAccordion/index.stories.tsx b/web/src/classic/components/molecules/Settings/Project/Plugin/PluginAccordion/index.stories.tsx index 26bce116be..f117ec8176 100644 --- a/web/src/classic/components/molecules/Settings/Project/Plugin/PluginAccordion/index.stories.tsx +++ b/web/src/classic/components/molecules/Settings/Project/Plugin/PluginAccordion/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Component, { PluginAccordionProps } from "."; export default { - title: "molecules/Settings/Project/PluginAccordion", + title: "classic/molecules/Settings/Project/PluginAccordion", component: Component, } as Meta; diff --git a/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.stories.tsx b/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.stories.tsx index fb2e6956d3..447f1b9a0c 100644 --- a/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.stories.tsx +++ b/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.stories.tsx @@ -10,7 +10,7 @@ const project: Project = { }; export default { - title: "molecules/ProjectList/ProjectCell", + title: "classic/molecules/ProjectList/ProjectCell", component: ProjectCell, } as Meta; diff --git a/web/src/classic/components/molecules/Settings/ProjectList/ProjectList/index.stories.tsx b/web/src/classic/components/molecules/Settings/ProjectList/ProjectList/index.stories.tsx index 63f595749d..672c2c4f1f 100644 --- a/web/src/classic/components/molecules/Settings/ProjectList/ProjectList/index.stories.tsx +++ b/web/src/classic/components/molecules/Settings/ProjectList/ProjectList/index.stories.tsx @@ -24,7 +24,7 @@ const visualizations: Project[] = [ ]; export default { - title: "molecules/Settings/ProjectList/ProjectList", + title: "classic/molecules/Settings/ProjectList/ProjectList", component: ProjectList, } as Meta; diff --git a/web/src/classic/components/molecules/Settings/SelectField/index.stories.tsx b/web/src/classic/components/molecules/Settings/SelectField/index.stories.tsx index ea7f575e11..c25807e321 100644 --- a/web/src/classic/components/molecules/Settings/SelectField/index.stories.tsx +++ b/web/src/classic/components/molecules/Settings/SelectField/index.stories.tsx @@ -16,7 +16,7 @@ const itemsWithIcon = items.map(({ key, label, icon }) => ); export default { - title: "molecules/Settings/Workspace/SelectField", + title: "classic/molecules/Settings/Workspace/SelectField", component: SelectField, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Block/DataList/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Block/DataList/index.stories.tsx index 5ea44965ad..562069512e 100644 --- a/web/src/classic/components/molecules/Visualizer/Block/DataList/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Block/DataList/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import DataList, { Item, Props } from "."; export default { - title: "molecules/Visualizer/Block/DataList", + title: "classic/molecules/Visualizer/Block/DataList", component: DataList, argTypes: { onClick: { action: "onClick" }, diff --git a/web/src/classic/components/molecules/Visualizer/Block/HTML/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Block/HTML/index.stories.tsx index 67da78ebb2..b5e7bab566 100644 --- a/web/src/classic/components/molecules/Visualizer/Block/HTML/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Block/HTML/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import HTML, { Props } from "."; export default { - title: "molecules/Visualizer/Block/HTML", + title: "classic/molecules/Visualizer/Block/HTML", component: HTML, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Block/Image/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Block/Image/index.stories.tsx index 8dea2327bd..3d2ebf0247 100644 --- a/web/src/classic/components/molecules/Visualizer/Block/Image/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Block/Image/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Image, { Props } from "."; export default { - title: "molecules/Visualizer/Block/Image", + title: "classic/molecules/Visualizer/Block/Image", component: Image, argTypes: { onClick: { action: "onClick" }, diff --git a/web/src/classic/components/molecules/Visualizer/Block/Location/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Block/Location/index.stories.tsx index 85073d32d4..95ddc41292 100644 --- a/web/src/classic/components/molecules/Visualizer/Block/Location/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Block/Location/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Location, { Props } from "."; export default { - title: "molecules/Visualizer/Block/Location", + title: "classic/molecules/Visualizer/Block/Location", component: Location, argTypes: { onClick: { action: "onClick" }, diff --git a/web/src/classic/components/molecules/Visualizer/Block/Text/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Block/Text/index.stories.tsx index 96360e5e8c..1e4f5c58d3 100644 --- a/web/src/classic/components/molecules/Visualizer/Block/Text/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Block/Text/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Text, { Props } from "."; export default { - title: "molecules/Visualizer/Block/Text", + title: "classic/molecules/Visualizer/Block/Text", component: Text, argTypes: { onClick: { action: "onClick" }, diff --git a/web/src/classic/components/molecules/Visualizer/Block/Video/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Block/Video/index.stories.tsx index 64dac27cac..83b553194c 100644 --- a/web/src/classic/components/molecules/Visualizer/Block/Video/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Block/Video/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Video, { Props } from "."; export default { - title: "molecules/Visualizer/Block/Video", + title: "classic/molecules/Visualizer/Block/Video", component: Video, argTypes: { onClick: { action: "onClick" }, diff --git a/web/src/classic/components/molecules/Visualizer/Block/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Block/index.stories.tsx index 40c896ac46..6eae59a7ab 100644 --- a/web/src/classic/components/molecules/Visualizer/Block/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Block/index.stories.tsx @@ -5,7 +5,7 @@ import { Provider } from "../storybook"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Block", + title: "classic/molecules/Visualizer/Block", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Box/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Box/index.stories.tsx index 2d4df68fcc..32f608a1d8 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Box/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Box/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location } from "../storybook"; import Box, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Box", + title: "classic/molecules/Visualizer/Engine/Cesium/Box", component: Box, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Ellipsoid/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Ellipsoid/index.stories.tsx index 749b8d980c..528b569ca3 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Ellipsoid/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Ellipsoid/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location } from "../storybook"; import Ellipsoid, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Ellipsoid", + title: "classic/molecules/Visualizer/Engine/Cesium/Ellipsoid", component: Ellipsoid, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Marker/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Marker/index.stories.tsx index d56cbdda71..982f033e59 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Marker/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Marker/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location } from "../storybook"; import Marker, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Marker", + title: "classic/molecules/Visualizer/Engine/Cesium/Marker", component: Marker, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Model/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Model/index.stories.tsx index 5cf707f5f0..de98123e42 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Model/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Model/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location, SceneProperty } from "../storybook"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Model", + title: "classic/molecules/Visualizer/Engine/Cesium/Model", component: Component, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/PhotoOverlay/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/PhotoOverlay/index.stories.tsx index 7be308213a..f8b11ab686 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/PhotoOverlay/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/PhotoOverlay/index.stories.tsx @@ -6,7 +6,7 @@ import { V, location } from "../storybook"; import PhotoOverlay, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/PhotoOverlay", + title: "classic/molecules/Visualizer/Engine/Cesium/PhotoOverlay", component: PhotoOverlay, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polygon/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polygon/index.stories.tsx index e5083f78d1..fe4af62499 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polygon/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polygon/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location } from "../storybook"; import Polygon, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Polygon", + title: "classic/molecules/Visualizer/Engine/Cesium/Polygon", component: Polygon, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polyline/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polyline/index.stories.tsx index 7704de0751..f01616f1cd 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polyline/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Polyline/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location } from "../storybook"; import Polyline, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Polyline", + title: "classic/molecules/Visualizer/Engine/Cesium/Polyline", component: Polyline, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Rect/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Rect/index.stories.tsx index ed9344d728..bfb5f98d6b 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Rect/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Rect/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location } from "../storybook"; import Rect, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Rect", + title: "classic/molecules/Visualizer/Engine/Cesium/Rect", component: Rect, argTypes: { api: { diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Resource/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Resource/index.stories.tsx index d937f42b96..940b90dc9f 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Resource/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Resource/index.stories.tsx @@ -5,7 +5,7 @@ import { V, location } from "../storybook"; import Resource, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Resource", + title: "classic/molecules/Visualizer/Engine/Cesium/Resource", component: Resource, argTypes: { api: { diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Tileset/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Tileset/index.stories.tsx index 74185bc89d..348998c586 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Tileset/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/Tileset/index.stories.tsx @@ -5,7 +5,7 @@ import { V } from "../storybook"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium/Tileset", + title: "classic/molecules/Visualizer/Engine/Cesium/Tileset", component: Component, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/index.stories.tsx index e5de4950a4..dc3c5f5f9c 100644 --- a/web/src/classic/components/molecules/Visualizer/Engine/Cesium/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Engine/Cesium/index.stories.tsx @@ -5,7 +5,7 @@ import { Entity } from "resium"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Engine/Cesium", + title: "classic/molecules/Visualizer/Engine/Cesium", component: Component, argTypes: { onCameraChange: { action: "onCameraChange" }, diff --git a/web/src/classic/components/molecules/Visualizer/Infobox/AdditionButton/index.tsx b/web/src/classic/components/molecules/Visualizer/Infobox/AdditionButton/index.tsx new file mode 100644 index 0000000000..697efe7bf7 --- /dev/null +++ b/web/src/classic/components/molecules/Visualizer/Infobox/AdditionButton/index.tsx @@ -0,0 +1,108 @@ +import React, { useRef, useCallback, useEffect } from "react"; +import { usePopper } from "react-popper"; + +import Icon from "@reearth/classic/components/atoms/Icon"; +import Portal from "@reearth/classic/components/atoms/Portal"; +import { styled } from "@reearth/services/theme"; + +export interface Props { + className?: string; + disabled?: boolean; + onClick?: () => void; + children?: React.ReactNode; +} + +const AdditionButton: React.FC = ({ className, children, disabled, onClick }) => { + const referenceElement = useRef(null); + const popperElement = useRef(null); + const { + styles, + attributes, + update: updatePopper, + } = usePopper(referenceElement.current, popperElement.current, { + placement: "bottom", + strategy: "fixed", + modifiers: [ + { + name: "eventListeners", + enabled: false, + options: { + scroll: false, + resize: false, + }, + }, + ], + }); + + const handleClick = useCallback(() => { + if (disabled) return; + onClick?.(); + }, [disabled, onClick]); + + // TODO: わかりずらい。もっといい方法ありそう。 + useEffect(() => { + if (children) { + updatePopper?.(); + } + }, [children, updatePopper]); + + return ( + + + + + + + +
+ {children} +
+ + + ); +}; + +const Wrapper = styled.div` + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + + &:hover { + * { + visibility: visible; + opacity: 1; + } + } +`; + +const InsertArea = styled.div` + width: 100%; + padding: 0 0 30px 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + transition: all 0.5s; +`; + +const StyledIcon = styled(Icon)` + color: ${props => props.theme.infoBox.accent}; +`; + +const Button = styled.div` + color: ${props => props.theme.infoBox.accent}; + margin: 0 3px; +`; + +const Line = styled.div` + width: 43%; + background-color: ${props => props.theme.main.accent}; + height: 2px; + margin-top: -2px; +`; + +export default AdditionButton; diff --git a/web/src/classic/components/molecules/Visualizer/Infobox/Field/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Infobox/Field/index.stories.tsx index b1be47e9a4..0cb681db46 100644 --- a/web/src/classic/components/molecules/Visualizer/Infobox/Field/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Infobox/Field/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Field, { Props } from "."; export default { - title: "molecules/Visualizer/Infobox/Field", + title: "classic/molecules/Visualizer/Infobox/Field", component: Field, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Infobox/Frame/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Infobox/Frame/index.stories.tsx index bd8a1d9df1..b35100b97d 100644 --- a/web/src/classic/components/molecules/Visualizer/Infobox/Frame/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Infobox/Frame/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Infobox/Frame", + title: "classic/molecules/Visualizer/Infobox/Frame", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Infobox/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Infobox/index.stories.tsx index 345389dbbb..ec7f76dba0 100644 --- a/web/src/classic/components/molecules/Visualizer/Infobox/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Infobox/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Infobox", + title: "classic/molecules/Visualizer/Infobox", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Infobox/index.tsx b/web/src/classic/components/molecules/Visualizer/Infobox/index.tsx index cfd531d6ea..5b9a0d4d55 100644 --- a/web/src/classic/components/molecules/Visualizer/Infobox/index.tsx +++ b/web/src/classic/components/molecules/Visualizer/Infobox/index.tsx @@ -1,6 +1,5 @@ import React, { useState } from "react"; -import AdditionButton from "@reearth/classic/components/atoms/AdditionButton"; import Icon from "@reearth/classic/components/atoms/Icon"; import Text from "@reearth/classic/components/atoms/Text"; import { ValueTypes, ValueType } from "@reearth/classic/util/value"; @@ -12,6 +11,7 @@ import type { SceneProperty } from "../Engine"; import { Viewport } from "../hooks"; import type { CommonProps as PluginCommonProps } from "../Plugin"; +import AdditionButton from "./AdditionButton"; import Field from "./Field"; import Frame from "./Frame"; import useHooks from "./hooks"; diff --git a/web/src/classic/components/molecules/Visualizer/Plugin/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Plugin/index.stories.tsx index 12e7729f23..48bf09c1e8 100644 --- a/web/src/classic/components/molecules/Visualizer/Plugin/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Plugin/index.stories.tsx @@ -5,7 +5,7 @@ import { Provider } from "../storybook"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Plugin", + title: "classic/molecules/Visualizer/Plugin", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/Button/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/Button/index.stories.tsx index 7987d097f6..0548747574 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/Button/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/Button/index.stories.tsx @@ -6,7 +6,7 @@ import { Provider } from "../../storybook"; import Button, { Props } from "."; export default { - title: "molecules/Visualizer/Widget/Button", + title: "classic/molecules/Visualizer/Widget/Button", component: Button, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/Menu/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/Menu/index.stories.tsx index e50c579993..a35331dbbc 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/Menu/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/Menu/index.stories.tsx @@ -6,7 +6,7 @@ import { Provider } from "../../storybook"; import Menu, { Props } from "."; export default { - title: "molecules/Visualizer/Widget/Menu", + title: "classic/molecules/Visualizer/Widget/Menu", component: Menu, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.stories.tsx index e13892bfad..7910f4d351 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.stories.tsx @@ -3,7 +3,7 @@ import { Meta, Story } from "@storybook/react"; import Navigator, { Props } from "."; export default { - title: "atoms/Navigator", + title: "classic/atoms/Navigator", component: Navigator, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/Navigator/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/Navigator/index.stories.tsx index 0ecc6a6930..ad03b61b68 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/Navigator/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/Navigator/index.stories.tsx @@ -5,7 +5,7 @@ import { Provider } from "../../storybook"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Widget/Navigator", + title: "classic/molecules/Visualizer/Widget/Navigator", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/SplashScreen/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/SplashScreen/index.stories.tsx index 9327ca24d0..8e2a42102c 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/SplashScreen/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/SplashScreen/index.stories.tsx @@ -6,7 +6,7 @@ import { Provider } from "../../storybook"; import SplashScreen, { Props } from "."; export default { - title: "molecules/Visualizer/Widget/SplashScreen", + title: "classic/molecules/Visualizer/Widget/SplashScreen", component: SplashScreen, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/Storytelling/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/Storytelling/index.stories.tsx index 04b61ee074..1d4cf22a8a 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/Storytelling/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/Storytelling/index.stories.tsx @@ -5,7 +5,7 @@ import { Provider } from "../../storybook"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Widget/Storytelling", + title: "classic/molecules/Visualizer/Widget/Storytelling", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/Timeline/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/Timeline/index.stories.tsx index 6e9a01a382..3345a38e96 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/Timeline/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/Timeline/index.stories.tsx @@ -5,7 +5,7 @@ import { Provider } from "../../storybook"; import Component, { Props } from "."; export default { - title: "molecules/Visualizer/Widget/Timeline", + title: "classic/molecules/Visualizer/Widget/Timeline", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/Widget/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/Widget/index.stories.tsx index e56195d6b6..f73b182093 100644 --- a/web/src/classic/components/molecules/Visualizer/Widget/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/Widget/index.stories.tsx @@ -6,7 +6,7 @@ import { Provider } from "../storybook"; import Widget, { Props } from "."; export default { - title: "molecules/Visualizer/Widget", + title: "classic/molecules/Visualizer/Widget", component: Widget, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta; diff --git a/web/src/classic/components/molecules/Visualizer/index.stories.tsx b/web/src/classic/components/molecules/Visualizer/index.stories.tsx index b254507ed1..19817a919a 100644 --- a/web/src/classic/components/molecules/Visualizer/index.stories.tsx +++ b/web/src/classic/components/molecules/Visualizer/index.stories.tsx @@ -6,7 +6,7 @@ import type { WidgetAlignSystem } from "@reearth/classic/components/molecules/Vi import Component, { Widget, Props, Layer } from "."; export default { - title: "molecules/Visualizer", + title: "classic/molecules/Visualizer", component: Component, argTypes: { onBlockChange: { action: "onBlockChange" }, diff --git a/web/src/classic/core/Crust/Infobox/AdditionButton/index.tsx b/web/src/classic/core/Crust/Infobox/AdditionButton/index.tsx new file mode 100644 index 0000000000..697efe7bf7 --- /dev/null +++ b/web/src/classic/core/Crust/Infobox/AdditionButton/index.tsx @@ -0,0 +1,108 @@ +import React, { useRef, useCallback, useEffect } from "react"; +import { usePopper } from "react-popper"; + +import Icon from "@reearth/classic/components/atoms/Icon"; +import Portal from "@reearth/classic/components/atoms/Portal"; +import { styled } from "@reearth/services/theme"; + +export interface Props { + className?: string; + disabled?: boolean; + onClick?: () => void; + children?: React.ReactNode; +} + +const AdditionButton: React.FC = ({ className, children, disabled, onClick }) => { + const referenceElement = useRef(null); + const popperElement = useRef(null); + const { + styles, + attributes, + update: updatePopper, + } = usePopper(referenceElement.current, popperElement.current, { + placement: "bottom", + strategy: "fixed", + modifiers: [ + { + name: "eventListeners", + enabled: false, + options: { + scroll: false, + resize: false, + }, + }, + ], + }); + + const handleClick = useCallback(() => { + if (disabled) return; + onClick?.(); + }, [disabled, onClick]); + + // TODO: わかりずらい。もっといい方法ありそう。 + useEffect(() => { + if (children) { + updatePopper?.(); + } + }, [children, updatePopper]); + + return ( + + + + + + + +
+ {children} +
+ + + ); +}; + +const Wrapper = styled.div` + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + + &:hover { + * { + visibility: visible; + opacity: 1; + } + } +`; + +const InsertArea = styled.div` + width: 100%; + padding: 0 0 30px 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + transition: all 0.5s; +`; + +const StyledIcon = styled(Icon)` + color: ${props => props.theme.infoBox.accent}; +`; + +const Button = styled.div` + color: ${props => props.theme.infoBox.accent}; + margin: 0 3px; +`; + +const Line = styled.div` + width: 43%; + background-color: ${props => props.theme.main.accent}; + height: 2px; + margin-top: -2px; +`; + +export default AdditionButton; diff --git a/web/src/classic/core/Crust/Infobox/index.tsx b/web/src/classic/core/Crust/Infobox/index.tsx index cb82696f49..e9ab44f3b7 100644 --- a/web/src/classic/core/Crust/Infobox/index.tsx +++ b/web/src/classic/core/Crust/Infobox/index.tsx @@ -1,12 +1,12 @@ import React, { type ReactNode } from "react"; -import AdditionButton from "@reearth/classic/components/atoms/AdditionButton"; import Icon from "@reearth/classic/components/atoms/Icon"; import Text from "@reearth/classic/components/atoms/Text"; import type { Layer } from "@reearth/classic/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"; diff --git a/web/src/classic/core/Crust/Plugins/PluginFrame/IFrame/index.stories.tsx b/web/src/classic/core/Crust/Plugins/PluginFrame/IFrame/index.stories.tsx index 280cce1136..834d746868 100644 --- a/web/src/classic/core/Crust/Plugins/PluginFrame/IFrame/index.stories.tsx +++ b/web/src/classic/core/Crust/Plugins/PluginFrame/IFrame/index.stories.tsx @@ -4,7 +4,7 @@ import { useRef } from "react"; import Component, { Props, Ref } from "."; export default { - title: "atoms/Plugin/IFrame(classic/core)", + title: "classic/atoms/Plugin/IFrame(classic/core)", component: Component, argTypes: { onLoad: { action: "onLoad" }, diff --git a/web/src/classic/core/Crust/Plugins/PluginFrame/SafeIFrame/index.stories.tsx b/web/src/classic/core/Crust/Plugins/PluginFrame/SafeIFrame/index.stories.tsx index 118da29822..13084ee888 100644 --- a/web/src/classic/core/Crust/Plugins/PluginFrame/SafeIFrame/index.stories.tsx +++ b/web/src/classic/core/Crust/Plugins/PluginFrame/SafeIFrame/index.stories.tsx @@ -4,7 +4,7 @@ import { useRef } from "react"; import Component, { Props, Ref } from "."; export default { - title: "atoms/Plugin/SafeIFrame(classic/core)", + title: "classic/atoms/Plugin/SafeIFrame(classic/core)", component: Component, argTypes: { onLoad: { action: "onLoad" }, diff --git a/web/src/classic/core/Crust/Plugins/PluginFrame/index.stories.tsx b/web/src/classic/core/Crust/Plugins/PluginFrame/index.stories.tsx index 97153d9128..5e22863f33 100644 --- a/web/src/classic/core/Crust/Plugins/PluginFrame/index.stories.tsx +++ b/web/src/classic/core/Crust/Plugins/PluginFrame/index.stories.tsx @@ -5,7 +5,7 @@ import { useRef } from "react"; import Component, { Props, Ref } from "."; export default { - title: "atoms/Plugin(classic/core)", + title: "classic/atoms/Plugin(classic/core)", component: Component, parameters: { actions: { argTypesRegex: "^on.*" } }, } as Meta;