aio-popup 8.0.1 → 8.1.0

package/index.css

@@ -572,6 +572,7 @@
 
 .aio-popup-confirm {
   overflow: hidden;
+  background: #fff;
 }
 
 .aio-popup-confirm .aio-popup-body {

package/index.d.ts

@@ -102,6 +102,7 @@ export type AP_confirm = {
 export type AP_prompt = {
     title?: string;
     text: string;
+    placeholder?: string;
     subtitle?: string;
     submitText?: string;
     canselText?: string;

package/index.js

@@ -195,7 +195,7 @@ const usePopup = (props) => {
     };
     const addPrompt = (obj) => {
         const id = 'a' + (Math.round(Math.random() * 100000));
-        let { title, text = '', subtitle, submitText = 'Submit', canselText = 'close', onSubmit, onCansel = () => { }, modalAttrs, backdropAttrs, headerAttrs, footerAttrs, bodyAttrs } = obj;
+        let { title, text = '', subtitle, submitText = 'Submit', placeholder = '', canselText = 'close', onSubmit, onCansel = () => { }, modalAttrs, backdropAttrs, headerAttrs, footerAttrs, bodyAttrs } = obj;
         const submitAttrs = AddToAttrs(obj.submitAttrs, {
             className: 'active', attrs: {
                 onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -230,7 +230,7 @@ const usePopup = (props) => {
             position: 'center', header: { title, subtitle },
             modalAttrs: AddToAttrs(modalAttrs, { className: 'aio-popup-prompt' }),
             backdropAttrs, headerAttrs, footerAttrs, bodyAttrs,
-            body: _jsx(Prompt, { change: (value) => promptTexts.current = Object.assign(Object.assign({}, promptTexts.current), { [id]: value }), placeholder: text }),
+            body: _jsx(Prompt, { change: (value) => promptTexts.current = Object.assign(Object.assign({}, promptTexts.current), { [id]: value }), placeholder: placeholder, text: text }),
             footer: (_jsxs(_Fragment, { children: [_jsx("button", Object.assign({}, canselAttrs, { children: canselText })), _jsx("button", Object.assign({}, submitAttrs, { children: submitText }))] }))
         };
         addModal(config);
@@ -251,9 +251,9 @@ const usePopup = (props) => {
     return { addAlert, addSnackebar, removeModal, addModal, getModals, addHighlight, removeHighlight, render, addConfirm, addPrompt, portal };
 };
 export default usePopup;
-const Prompt = ({ change, placeholder }) => {
-    const [text, setText] = useState('');
-    return (_jsx("textarea", { placeholder: placeholder, value: text, onChange: (e) => { const value = e.target.value; setText(value); change(value); } }));
+const Prompt = ({ change, placeholder, text = '' }) => {
+    const [value, setValue] = useState(text);
+    return (_jsx("textarea", { placeholder: placeholder, value: value, onChange: (e) => { const value = e.target.value; setValue(value); change(value); } }));
 };
 const POPUPCTX = createContext({});
 const Popup = ({ modal, isLast }) => {
@@ -742,16 +742,16 @@ function getEasing(highlight) {
     const { easing } = highlight;
     var easingNames = [
         'linear',
-        'easeInQuad',
-        'easeInSine',
-        'easeInCirc',
-        'easeInBack',
-        'easeOutQuad',
-        'easeOutSine',
-        'easeOutCirc',
-        'easeInOutQuad',
-        'easeInOutSine',
-        'easeInOutBack',
+        'easeInQuad', //1
+        'easeInSine', //5
+        'easeInCirc', //7
+        'easeInBack', //8
+        'easeOutQuad', //9
+        'easeOutSine', //13
+        'easeOutCirc', //15
+        'easeInOutQuad', //18
+        'easeInOutSine', //22
+        'easeInOutBack', //25
         'easeOutBounce', //27
     ];
     if (typeof easing === 'number') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-popup",
-  "version": "8.0.1",
+  "version": "8.1.0",
   "description": "handle all types of popup and modals in react",
   "main": "index.js",
   "scripts": {