@barabel324/popups-engine 0.0.8 → 0.0.9

package/dist/popups-engine.d.ts

@@ -112,6 +112,8 @@ declare type TPEWrapper = FCClass<{
      * Варианты анимации обертки для motion
      */
     motionVariants?: TPEMotionVariants;
+    /** функция закрытия текущего попапа */
+    closePopup: () => void;
 }>;
 
 export declare const usePopupsEngineProvider: () => TPEContext;

package/dist/popups-engine.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createContext as g, useContext as x, useRef as O, useEffect as y, Suspense as R, useState as $, useCallback as b, useMemo as f } from "react";
-import { motion as j, AnimatePresence as F } from "motion/react";
+import { createContext as g, useContext as x, useRef as D, useEffect as y, Suspense as O, useState as R, useCallback as $, useMemo as f } from "react";
+import { motion as b, AnimatePresence as j } from "motion/react";
 const L = g({
   openPopup: () => {
   },
@@ -14,7 +14,7 @@ const L = g({
   popupList: []
 }), A = g({
   popups: {}
-}), V = () => x(L), I = () => x(k), S = () => x(A), z = "_parent_wmksm_1", K = {
+}), F = () => x(L), I = () => x(k), S = () => x(A), z = "_parent_wmksm_1", K = {
   parent: z
 }, M = {
   initial: { opacity: 0 },
@@ -22,23 +22,24 @@ const L = g({
   exit: { opacity: 0 }
 }, q = ({
   className: o,
-  motionVariants: u = M,
-  children: p
+  motionVariants: m = M,
+  closePopup: p,
+  children: t
 }) => {
-  const t = O(null), { closePopup: r } = V(), i = (c) => {
-    c.target === t.current && r();
+  const r = D(null), i = (c) => {
+    c.target === r.current && p();
   };
   return /* @__PURE__ */ n(
-    j.div,
+    b.div,
     {
-      variants: u,
+      variants: m,
       initial: "initial",
       animate: "animate",
       exit: "exit",
-      ref: t,
+      ref: r,
       className: o ?? K.parent,
       onClick: i,
-      children: p
+      children: t
     }
   );
 }, G = "_parent_1ud1o_1", H = {
@@ -53,14 +54,14 @@ const L = g({
   }
 ), W = ({
   className: o,
-  id: u = "popups-engine-root",
+  id: m = "popups-engine-root",
   components: p,
   classNames: t,
   motionVariants: r,
   enableBodyScroll: i,
   lockBodyScroll: c
 }) => {
-  const { popupList: s } = I(), { popups: v } = S(), { closePopup: l, closeAllPopups: P } = V();
+  const { popupList: s } = I(), { popups: v } = S(), { closePopup: a, closeAllPopups: u } = F();
   return y(() => (s.length > 0 && c?.(), () => {
     s.length > 0 && i?.();
   }), [
@@ -68,65 +69,66 @@ const L = g({
     i,
     c
   ]), y(() => {
-    const e = (m) => {
-      m.key === "Escape" && (s.at(-1)?.isCloseAll ? P : l)();
+    const e = (d) => {
+      d.key === "Escape" && (s.at(-1)?.isCloseAll ? u : a)();
     };
     return s.length > 0 && window.addEventListener("keydown", e), () => {
       window.removeEventListener("keydown", e);
     };
   }, [
     s,
-    l,
-    P
+    a,
+    u
   ]), /* @__PURE__ */ n(
     "div",
     {
       className: o,
-      id: u,
-      children: /* @__PURE__ */ n(F, { children: s.map((e) => {
+      id: m,
+      children: /* @__PURE__ */ n(j, { children: s.map((e) => {
         const {
-          popupID: m,
-          variant: a,
+          popupID: d,
+          variant: l,
           popupProps: E,
-          isCloseAll: d,
+          isCloseAll: P,
           components: w,
           classNames: C,
-          motionVariants: _
-        } = e, N = w?.wrapper || p?.wrapper || q, D = w?.loader || p?.loader || J, h = v[a];
+          motionVariants: V
+        } = e, _ = w?.wrapper || p?.wrapper || q, N = w?.loader || p?.loader || J, h = v[l];
         return h ? /* @__PURE__ */ n(
-          N,
+          _,
           {
             className: C?.wrapper || t?.wrapper,
-            motionVariants: _ || r,
+            motionVariants: V || r,
+            closePopup: P ? u : a,
             children: /* @__PURE__ */ n(
-              R,
+              O,
               {
-                fallback: /* @__PURE__ */ n(D, { className: C?.loader || t?.loader }),
+                fallback: /* @__PURE__ */ n(N, { className: C?.loader || t?.loader }),
                 children: /* @__PURE__ */ n(
                   h,
                   {
                     ...E,
-                    closePopup: d ? P : l
+                    closePopup: P ? u : a
                   }
                 )
               }
             )
           },
-          m
+          d
         ) : null;
       }) })
     }
   );
 }, X = ({
   popups: o,
-  children: u
+  children: m
 }) => {
-  const [p, t] = $([]), r = b((e) => {
-    const m = Object.keys(o), { variant: a } = e;
-    a && (m.some((d) => d === a) ? t((d) => [...d, {
+  const [p, t] = R([]), r = $((e) => {
+    const d = Object.keys(o), { variant: l } = e;
+    l && (d.some((P) => P === l) ? t((P) => [...P, {
       ...e,
       popupID: Date.now()
-    }]) : console.error(`there are no "${a}" popup`));
+    }]) : console.error(`there are no "${l}" popup`));
   }, [o]), i = () => {
     t((e) => e.slice(0, -1));
   }, c = () => {
@@ -138,15 +140,15 @@ const L = g({
     closePopup: i,
     closeFirstPopup: c,
     closeAllPopups: s
-  }), [r]), l = f(() => ({
+  }), [r]), a = f(() => ({
     popupList: p
-  }), [p]), P = f(() => ({
+  }), [p]), u = f(() => ({
     popups: o
   }), [o]);
-  return /* @__PURE__ */ n(L.Provider, { value: v, children: /* @__PURE__ */ n(k.Provider, { value: l, children: /* @__PURE__ */ n(A.Provider, { value: P, children: u }) }) });
+  return /* @__PURE__ */ n(L.Provider, { value: v, children: /* @__PURE__ */ n(k.Provider, { value: a, children: /* @__PURE__ */ n(A.Provider, { value: u, children: m }) }) });
 };
 export {
   X as PopupsEngineProvider,
   W as PopupsEngineRoot,
-  V as usePopupsEngineProvider
+  F as usePopupsEngineProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barabel324/popups-engine",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "main": "./dist/popups-engine.js",
   "types": "./dist/popups-engine.d.ts",