aio-popup 8.0.0 → 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

@@ -11,13 +11,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { createRef, useEffect, useState, createContext, useContext, useRef } from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 import ReactDOM from 'react-dom';
-import { $, anime } from 'aio-depencencies';
+import { $, anime } from 'aio-deps';
 import './index.css';
 const CTX = createContext({});
 function Align(p) {
     let { modal, target, fitHorizontal, rtl, limitTo, pageSelector } = p;
-    const bodyWidth = window.innerWidth, bodyHeight = window.innerHeight;
-    let pageLimit = { left: 0, top: 0, bottom: bodyHeight, right: bodyWidth, width: bodyWidth, height: bodyHeight };
+    const page = modal.parents('.aio-popup-backdrop');
+    let pageLimit = getBound(page[0]);
     if (pageSelector) {
         let page = modal.parents(pageSelector);
         if (page.length) {
@@ -46,7 +46,7 @@ function Align(p) {
         //اگر راست به چپ باید باشد
         if (rtl) {
             //راست المان را با راست هدف ست کن
-            domLimit.right = targetLimit.right;
+            domLimit.right = targetLimit.right - pageLimit.left;
             //چپ المان را بروز رسانی کن
             domLimit.left = domLimit.right - domLimit.width;
             //اگر المان از سمت چپ از صفحه بیرون زد سمت چپ المان را با سمت چپ صفحه ست کن
@@ -56,7 +56,7 @@ function Align(p) {
         }
         else {
             //چپ المان را با چپ هدف ست کن
-            domLimit.left = targetLimit.left;
+            domLimit.left = targetLimit.left + pageLimit.left;
             //راست المان را بروز رسانی کن
             domLimit.right = domLimit.left + domLimit.width;
             //اگر المان از سمت راست صفحه بیرون زد سمت چپ المان را با پهنای المان ست کن
@@ -71,7 +71,7 @@ function Align(p) {
             domLimit.top = pageLimit.bottom - domLimit.height;
         }
         else {
-            domLimit.top = targetLimit.top - domLimit.height;
+            domLimit.top = targetLimit.top - domLimit.height - (pageLimit.top);
         }
     }
     else {
@@ -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 }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-popup",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "description": "handle all types of popup and modals in react",
   "main": "index.js",
   "scripts": {
@@ -12,7 +12,7 @@
     "url": "git+https://github.com/mohammadFeiz/aio-popup.git"
   },
   "dependencies": {
-    "aio-depencencies": "latest"
+    "aio-deps": "latest"
   },
   "keywords": [
     "popup",