aio-popup 6.6.0 → 6.6.2

package/index.d.ts

@@ -2,11 +2,12 @@ import { ReactNode } from 'react';
 import './index.css';
 export type AP_position = 'fullscreen' | 'center' | 'popover' | 'left' | 'right' | 'top' | 'bottom';
 export type AP_attrsKey = 'backdrop' | 'modal' | 'header' | 'body' | 'footer';
-export type AP_header = ((p: {
-    removeModal: () => void;
-    state: any;
-    setState: any;
-}) => ReactNode) | {
+export type AP_header = {
+    html?: ((p: {
+        removeModal: () => void;
+        state: any;
+        setState: any;
+    }) => ReactNode);
     title?: string;
     subtitle?: string;
     before?: ReactNode;
@@ -32,6 +33,7 @@ export type AP_modal = {
     fitHorizontal?: boolean;
     setAttrs?: AP_setAttrs;
     pageSelector?: string;
+    focus?: boolean;
 };
 export type AP_alert = {
     rtl?: boolean;

package/index.js

@@ -284,7 +284,9 @@ const Popup = ({ modal, isLast }) => {
             let popup = $(temp.dom.current);
             popup.removeClass('not-mounted');
             $(temp.backdropDom.current).removeClass('not-mounted');
-            popup.focus();
+            if (modal.focus !== false) {
+                popup.focus();
+            }
         }, 0);
         $(window).unbind('click', handleBackClick);
         $(window).bind('click', handleBackClick);
@@ -386,8 +388,8 @@ const ModalHeader = () => {
     }
     let { setAttrs = () => { return {}; } } = modal;
     let attrs = setAttrs('header') || {};
-    if (typeof modal.header === 'function') {
-        return modal.header({ removeModal: removeModal, state, setState });
+    if (modal.header && modal.header.html) {
+        return modal.header.html({ removeModal: removeModal, state, setState });
     }
     if (typeof modal.header !== 'object') {
         return null;
@@ -416,7 +418,7 @@ const ModalClose = () => {
     return _jsx("div", { className: `aio-popup-header-close`, onClick: (e) => {
             e.stopPropagation();
             e.preventDefault();
-            if (typeof header.onClose === 'function') {
+            if (header && typeof header.onClose === 'function') {
                 header.onClose({ state, setState });
             }
             else {
@@ -754,16 +756,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": "6.6.0",
+  "version": "6.6.2",
   "description": "handle all types of popup and modals in react",
   "main": "index.js",
   "scripts": {