feat: 사용법 변경 useContext => useDialog

Author: 신용준

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shinyongjun/react-dialog",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "source": "./src/index.tsx",

package/src/hooks/useDialog.ts

@@ -0,0 +1,14 @@
+import { useContext } from 'react';
+import AlertContext from '../context/AlertContext';
+import ConfirmContext from '../context/ConfirmContext';
+import PromptContext from '../context/PromptContext';
+
+const useDialog = () => {
+  const { alert } = useContext(AlertContext);
+  const { confirm } = useContext(ConfirmContext);
+  const { prompt } = useContext(PromptContext);
+
+  return { alert, confirm, prompt };
+};
+
+export default useDialog;

package/src/hooks/useOutsideClick.ts

@@ -1,7 +1,5 @@
-export { default as AlertDialog } from './components/dialog/AlertDialog';
-export { default as ConfirmDialog } from './components/dialog/ConfirmDialog';
-export { default as PromptDialog } from './components/dialog/PromptDialog';
 export { default as AlertContext } from './context/AlertContext';
 export { default as ConfirmContext } from './context/ConfirmContext';
 export { default as PromptContext } from './context/PromptContext';
+export { default as useDialog } from './hooks/useDialog';
 export { default as DialogProvider } from './components/DialogProvider';

package/src/index.tsx

@@ -1,16 +1,13 @@
 import * as React from 'react';
-import { useContext } from 'react';
-import {
-  AlertContext,
-  ConfirmContext,
-  PromptContext,
-} from '@shinyongjun/react-dialog';
+import { useDialog } from '@shinyongjun/react-dialog';
 import '@shinyongjun/react-dialog/css';
 
 function App() {
-  const { alert: customAlert } = useContext(AlertContext);
-  const { confirm: customConfirm } = useContext(ConfirmContext);
-  const { prompt: customPrompt } = useContext(PromptContext);
+  const {
+    alert: customAlert,
+    confirm: customConfirm,
+    prompt: customPrompt,
+  } = useDialog();
 
   const onAlertClick = async () => {
     await customAlert('are you sure?');