refactor!: RemoteTriggerダイアログのプレフィックスを削除して推奨版として提供 (#6196)

AtsushiM · claude · web-flow · commit c652930ce590 · 2026-04-08T12:09:11.000+09:00
Co-authored-by: Claude Sonnet 4.5 &lt;noreply@anthropic.com&gt;
diff --git a/packages/smarthr-ui/src/components/Dialog/ControlledActionDialog/stories/ActionDialog.stories.tsx b/packages/smarthr-ui/src/components/Dialog/ControlledActionDialog/stories/ActionDialog.stories.tsx
@@ -38,7 +38,7 @@ export default {
     )
   },
   args: {
-    heading: 'ダイアログタイトル',
+    heading: 'アクションダイアログ（Controlled）',
     actionText: 'アクションボタンラベル',
   },
   parameters: {
diff --git a/packages/smarthr-ui/src/components/Dialog/ControlledFormDialog/stories/FormDialog.stories.tsx b/packages/smarthr-ui/src/components/Dialog/ControlledFormDialog/stories/FormDialog.stories.tsx
@@ -48,7 +48,7 @@ export default {
     )
   },
   args: {
-    heading: 'フォームダイアログ',
+    heading: 'フォームダイアログ（Controlled）',
     actionText: '送信',
   },
   parameters: {
diff --git a/packages/smarthr-ui/src/components/Dialog/ControlledMessageDialog/stories/MessageDialog.stories.tsx b/packages/smarthr-ui/src/components/Dialog/ControlledMessageDialog/stories/MessageDialog.stories.tsx
@@ -21,7 +21,7 @@ export default {
     )
   },
   args: {
-    heading: 'メッセージダイアログタイトル',
+    heading: 'メッセージダイアログ（Controlled）',
     children: 'メッセージダイアログ本文',
   },
   parameters: {
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/ActionDialog.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/ActionDialog.tsx
@@ -8,7 +8,7 @@ import type { ComponentProps, FC } from 'react'
 type Props = Omit<ComponentProps<typeof ControlledActionDialog>, 'isOpen' | 'onClickClose' | 'id'> &
   Parameters<typeof useRemoteTrigger>[0]
 
-export const RemoteTriggerActionDialog: FC<Props> = ({
+export const ActionDialog: FC<Props> = ({
   id,
   onClickClose,
   onToggle,
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/FormDialog.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/FormDialog.tsx
@@ -8,7 +8,7 @@ import type { ComponentProps, FC } from 'react'
 type Props = Omit<ComponentProps<typeof ControlledFormDialog>, 'isOpen' | 'onClickClose' | 'id'> &
   Parameters<typeof useRemoteTrigger>[0]
 
-export const RemoteTriggerFormDialog: FC<Props> = ({
+export const FormDialog: FC<Props> = ({
   id,
   onClickClose,
   onToggle,
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/MessageDialog.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/MessageDialog.tsx
@@ -11,7 +11,7 @@ type Props = Omit<
 > &
   Parameters<typeof useRemoteTrigger>[0]
 
-export const RemoteTriggerMessageDialog: FC<Props> = ({
+export const MessageDialog: FC<Props> = ({
   id,
   onClickClose,
   onToggle,
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/StepFormDialog.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/StepFormDialog.tsx
@@ -11,7 +11,7 @@ type Props = Omit<
 > &
   Parameters<typeof useRemoteTrigger>[0]
 
-export const RemoteTriggerStepFormDialog: FC<Props> = ({
+export const StepFormDialog: FC<Props> = ({
   id,
   onClickClose,
   onToggle,
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/index.ts b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/index.ts
@@ -1,5 +1,5 @@
 export { RemoteDialogTrigger } from './RemoteDialogTrigger'
-export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog'
-export { RemoteTriggerStepFormDialog } from './RemoteTriggerStepFormDialog'
-export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog'
-export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog'
+export { MessageDialog } from './MessageDialog'
+export { StepFormDialog } from './StepFormDialog'
+export { FormDialog } from './FormDialog'
+export { ActionDialog } from './ActionDialog'
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/ActionDialog.stories.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/ActionDialog.stories.tsx
@@ -1,37 +1,37 @@
 import { action } from 'storybook/actions'
 
 import { Button } from '../../../Button'
+import { ActionDialog } from '../ActionDialog'
 import { RemoteDialogTrigger } from '../RemoteDialogTrigger'
-import { RemoteTriggerActionDialog } from '../RemoteTriggerActionDialog'
 
 import type { Meta, StoryObj } from '@storybook/react-webpack5'
 
 /** props は [ActionDialog](./?path=/docs/dialog（ダイアログ）-dialog-actiondialog--docs) を参照してください。 */
 export default {
-  title: 'Components/Dialog/RemoteDialogTrigger/RemoteTriggerActionDialog',
-  component: RemoteTriggerActionDialog,
+  title: 'Components/Dialog/RemoteDialogTrigger/ActionDialog',
+  component: ActionDialog,
   render: (args) => (
     <>
       <RemoteDialogTrigger targetId="remote-dialog">
         <Button>ダイアログを開く</Button>
       </RemoteDialogTrigger>
-      <RemoteTriggerActionDialog
+      <ActionDialog
         {...args}
         id="remote-dialog"
-        heading="リモートトリガーアクションダイアログ"
+        heading="アクションダイアログ"
         actionText="アクション"
         onClickAction={(e, { close }) => {
           action('onClickAction')(e)
           close()
         }}
       >
-        <p>リモートトリガーアクションダイアログです。</p>
-      </RemoteTriggerActionDialog>
+        <p>アクションダイアログです。</p>
+      </ActionDialog>
     </>
   ),
   parameters: {
     chromatic: { disableSnapshot: true },
   },
-} as Meta<typeof RemoteTriggerActionDialog>
+} as Meta<typeof ActionDialog>
 
-export const Playground: StoryObj<typeof RemoteTriggerActionDialog> = {}
+export const Playground: StoryObj<typeof ActionDialog> = {}
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/FormDialog.stories.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/FormDialog.stories.tsx
@@ -1,37 +1,37 @@
 import { action } from 'storybook/actions'
 
 import { Button } from '../../../Button'
+import { FormDialog } from '../FormDialog'
 import { RemoteDialogTrigger } from '../RemoteDialogTrigger'
-import { RemoteTriggerFormDialog } from '../RemoteTriggerFormDialog'
 
 import type { Meta, StoryObj } from '@storybook/react-webpack5'
 
 /** props は [FormDialog](./?path=/docs/dialog（ダイアログ）-dialog-formdialog--docs) を参照してください。 */
 export default {
-  title: 'Components/Dialog/RemoteDialogTrigger/RemoteTriggerFormDialog',
-  component: RemoteTriggerFormDialog,
+  title: 'Components/Dialog/RemoteDialogTrigger/FormDialog',
+  component: FormDialog,
   render: (args) => (
     <>
       <RemoteDialogTrigger targetId="remote-dialog">
         <Button>ダイアログを開く</Button>
       </RemoteDialogTrigger>
-      <RemoteTriggerFormDialog
+      <FormDialog
         {...args}
         id="remote-dialog"
-        heading="リモートトリガーフォームダイアログ"
+        heading="フォームダイアログ"
         actionText="アクション"
         onSubmit={(e, { close }) => {
           action('onSubmit')(e)
           close()
         }}
       >
-        <p>リモートトリガーフォームダイアログです。</p>
-      </RemoteTriggerFormDialog>
+        <p>フォームダイアログです。</p>
+      </FormDialog>
     </>
   ),
   parameters: {
     chromatic: { disableSnapshot: true },
   },
-} as Meta<typeof RemoteTriggerFormDialog>
+} as Meta<typeof FormDialog>
 
-export const Playground: StoryObj<typeof RemoteTriggerFormDialog> = {}
+export const Playground: StoryObj<typeof FormDialog> = {}
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/MessageDialog.stories.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/MessageDialog.stories.tsx
@@ -1,29 +1,26 @@
 import { Button } from '../../../Button'
+import { MessageDialog } from '../MessageDialog'
 import { RemoteDialogTrigger } from '../RemoteDialogTrigger'
-import { RemoteTriggerMessageDialog } from '../RemoteTriggerMessageDialog'
 
 import type { Meta, StoryObj } from '@storybook/react-webpack5'
 
 /** props は [MessageDialog](./?path=/docs/dialog（ダイアログ）-dialog-messagedialog--docs) を参照してください。 */
 export default {
-  title: 'Components/Dialog/RemoteDialogTrigger/RemoteTriggerMessageDialog',
-  component: RemoteTriggerMessageDialog,
+  title: 'Components/Dialog/RemoteDialogTrigger/MessageDialog',
+  component: MessageDialog,
   render: (args) => (
     <>
       <RemoteDialogTrigger targetId="remote-dialog">
         <Button>ダイアログを開く</Button>
       </RemoteDialogTrigger>
-      <RemoteTriggerMessageDialog
-        {...args}
-        id="remote-dialog"
-        heading="リモートトリガーメッセージダイアログ"
-        description="RemoteDialogTrigger で開かれた MessageDialog です。"
-      />
+      <MessageDialog {...args} id="remote-dialog" heading="メッセージダイアログ">
+        メッセージダイアログです。
+      </MessageDialog>
     </>
   ),
   parameters: {
     chromatic: { disableSnapshot: true },
   },
-} as Meta<typeof RemoteTriggerMessageDialog>
+} as Meta<typeof MessageDialog>
 
-export const Playground: StoryObj<typeof RemoteTriggerMessageDialog> = {}
+export const Playground: StoryObj<typeof MessageDialog> = {}
diff --git a/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/RemoteDialogTrigger.stories.tsx b/packages/smarthr-ui/src/components/Dialog/RemoteDialogTrigger/stories/RemoteDialogTrigger.stories.tsx
@@ -1,6 +1,6 @@
 import { Button } from '../../../Button'
+import { MessageDialog } from '../MessageDialog'
 import { RemoteDialogTrigger } from '../RemoteDialogTrigger'
-import { RemoteTriggerMessageDialog } from '../RemoteTriggerMessageDialog'
 
 import type { Meta, StoryObj } from '@storybook/react-webpack5'
 
@@ -15,11 +15,9 @@ export default {
       <RemoteDialogTrigger {...args}>
         <Button>ダイアログを開く</Button>
       </RemoteDialogTrigger>
-      <RemoteTriggerMessageDialog
-        id="remote-dialog"
-        heading="リモートトリガーメッセージダイアログ"
-        description="RemoteDialogTrigger で開かれた MessageDialog です。"
-      />
+      <MessageDialog id="remote-dialog" heading="メッセージダイアログ">
+        メッセージダイアログです。
+      </MessageDialog>
     </>
   ),
   parameters: {
diff --git a/packages/smarthr-ui/src/components/Dialog/index.ts b/packages/smarthr-ui/src/components/Dialog/index.ts
@@ -11,8 +11,8 @@ export { ModelessDialog } from './ModelessDialog'
 export { FocusTrap } from './FocusTrap'
 export {
   RemoteDialogTrigger,
-  RemoteTriggerActionDialog,
-  RemoteTriggerFormDialog,
-  RemoteTriggerMessageDialog,
-  RemoteTriggerStepFormDialog,
+  ActionDialog,
+  FormDialog,
+  MessageDialog,
+  StepFormDialog,
 } from './RemoteDialogTrigger'
diff --git a/packages/smarthr-ui/src/index.ts b/packages/smarthr-ui/src/index.ts
@@ -23,21 +23,21 @@ export { Textarea } from './components/Textarea'
 export { TextLink, HelpLink, UpwardLink } from './components/TextLink'
 export { Loader } from './components/Loader'
 export {
+  ActionDialog,
   ControlledActionDialog,
   ControlledFormDialog,
+  ControlledMessageDialog,
+  ControlledStepFormDialog,
   Dialog,
   DialogCloser,
   DialogContent,
   DialogTrigger,
   DialogWrapper,
-  ControlledMessageDialog,
+  FormDialog,
+  MessageDialog,
   ModelessDialog,
   RemoteDialogTrigger,
-  RemoteTriggerActionDialog,
-  RemoteTriggerFormDialog,
-  RemoteTriggerStepFormDialog,
-  RemoteTriggerMessageDialog,
-  ControlledStepFormDialog,
+  StepFormDialog,
   StepFormDialogItem,
 } from './components/Dialog'
 export { Pagination } from './components/Pagination'

Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ export default {`
`38`	`38`	`)`
`39`	`39`	`},`
`40`	`40`	`args: {`
`41`		`- heading: 'ダイアログタイトル',`
	`41`	`+ heading: 'アクションダイアログ（Controlled）',`
`42`	`42`	`actionText: 'アクションボタンラベル',`
`43`	`43`	`},`
`44`	`44`	`parameters: {`
Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ export default {`
`48`	`48`	`)`
`49`	`49`	`},`
`50`	`50`	`args: {`
`51`		`- heading: 'フォームダイアログ',`
	`51`	`+ heading: 'フォームダイアログ（Controlled）',`
`52`	`52`	`actionText: '送信',`
`53`	`53`	`},`
`54`	`54`	`parameters: {`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export default {`
`21`	`21`	`)`
`22`	`22`	`},`
`23`	`23`	`args: {`
`24`		`- heading: 'メッセージダイアログタイトル',`
	`24`	`+ heading: 'メッセージダイアログ（Controlled）',`
`25`	`25`	`children: 'メッセージダイアログ本文',`
`26`	`26`	`},`
`27`	`27`	`parameters: {`