Mail

frontend/node_modules/react-confirm-alert/Readme.md

@@ -0,0 +1,108 @@
+# react-confirm-alert
+
+### React 18 is supported!!
+### For React <= 17.x.x use version 2.x.x
+
+React component confirm dialog. [Live demo](https://ga-mo.github.io/react-confirm-alert/demo/)
+
+[![npm version](https://badge.fury.io/js/react-confirm-alert.svg)](https://badge.fury.io/js/react-confirm-alert)
+
+Document for 
+[v.1.x.x](https://github.com/GA-MO/react-confirm-alert/blob/master/Document-v1.md), 
+[v.2.x.x](https://github.com/GA-MO/react-confirm-alert/blob/master/Document-v2.md)
+
+## Getting started
+
+#### Install with NPM:
+
+```
+$ npm install react-confirm-alert --save
+```
+
+#### Options
+
+```jsx
+const options = {
+  title: 'Title',
+  message: 'Message',
+  buttons: [
+    {
+      label: 'Yes',
+      onClick: () => alert('Click Yes')
+    },
+    {
+      label: 'No',
+      onClick: () => alert('Click No')
+    }
+  ],
+  closeOnEscape: true,
+  closeOnClickOutside: true,
+  keyCodeForClose: [8, 32],
+  willUnmount: () => {},
+  afterClose: () => {},
+  onClickOutside: () => {},
+  onKeypress: () => {},
+  onKeypressEscape: () => {},
+  overlayClassName: "overlay-custom-class-name"
+};
+
+confirmAlert(options);
+```
+
+#### Use with function:
+
+```jsx
+import { confirmAlert } from 'react-confirm-alert'; // Import
+import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
+
+class App extends React.Component {
+  submit = () => {
+    confirmAlert({
+      title: 'Confirm to submit',
+      message: 'Are you sure to do this.',
+      buttons: [
+        {
+          label: 'Yes',
+          onClick: () => alert('Click Yes')
+        },
+        {
+          label: 'No',
+          onClick: () => alert('Click No')
+        }
+      ]
+    });
+  };
+
+  render() {
+    return (
+      <div className='container'>
+        <button onClick={this.submit}>Confirm dialog</button>
+      </div>
+    );
+  }
+}
+```
+
+#### Custom UI Component
+
+```js
+confirmAlert({
+  customUI: ({ onClose }) => {
+    return (
+      <div className='custom-ui'>
+        <h1>Are you sure?</h1>
+        <p>You want to delete this file?</p>
+        <button onClick={onClose}>No</button>
+        <button
+          onClick={() => {
+            this.handleClickDelete();
+            onClose();
+          }}
+        >
+          Yes, Delete it!
+        </button>
+      </div>
+    );
+  }
+});
+```