@barabel324/popups-engine 0.0.5 → 0.0.6

package/README.md

@@ -1,12 +1,13 @@
 # Popups-engine
 
 Движок для управления попапами в React с поддержкой кастомных компонентов и анимаций через motion.
+
 Версия motion "^12.24.7"
 
 ## Установка
 
 ```bash
-npm install your-popups-engine
+npm i @barabel324/popups-engine
 ```
 
 ## Основные компоненты

package/dist/css.d.ts

@@ -0,0 +1,2 @@
+declare const css: string;
+export default css;

package/dist/popups-engine.d.ts

@@ -1,7 +1,5 @@
 import { Variant } from 'motion/react';
 
-export declare const css: string;
-
 /** Утилитарный дженерик для обозначения функционального компонента с пропсами children и className */
 declare type FCClass<P = object> = React.FC<P & React.PropsWithChildren & {
     className?: string;

package/dist/popups-engine.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { createContext as g, useContext as x, useRef as N, useEffect as h, Suspense as V, useState as $, useCallback as D, useMemo as f } from "react";
-import { motion as O, AnimatePresence as R } from "motion/react";
+import { createContext as g, useContext as x, useRef as N, useEffect as h, Suspense as V, useState as D, useCallback as O, useMemo as f } from "react";
+import { motion as R, AnimatePresence as $ } from "motion/react";
 const y = g({
   openPopup: () => {
   },
@@ -22,22 +22,22 @@ const y = g({
   exit: { opacity: 0 }
 }, z = ({
   className: n,
-  motionVariants: a = S,
+  motionVariants: u = S,
   children: p
 }) => {
-  const t = N(null), { closePopup: e } = k(), u = (r) => {
+  const t = N(null), { closePopup: e } = k(), a = (r) => {
     r.target === t.current && e();
   };
   return /* @__PURE__ */ o(
-    O.div,
+    R.div,
     {
-      variants: a,
+      variants: u,
       initial: "initial",
       animate: "animate",
       exit: "exit",
       ref: t,
       className: n ?? I.parent,
-      onClick: u,
+      onClick: a,
       children: p
     }
   );
@@ -53,11 +53,11 @@ const y = g({
   }
 ), Q = ({
   className: n,
-  id: a = "popups-engine-root",
+  id: u = "popups-engine-root",
   enableBodyScroll: p,
   lockBodyScroll: t
 }) => {
-  const { popupList: e } = b(), { popups: u } = j(), { closePopup: r, closeAllPopups: l } = k();
+  const { popupList: e } = b(), { popups: a } = j(), { closePopup: r, closeAllPopups: l } = k();
   return h(() => (e.length > 0 && t?.(), () => {
     e.length > 0 && p?.();
   }), [
@@ -79,8 +79,8 @@ const y = g({
     "div",
     {
       className: n,
-      id: a,
-      children: /* @__PURE__ */ o(R, { children: e.map((i) => {
+      id: u,
+      children: /* @__PURE__ */ o($, { children: e.map((i) => {
         const {
           popupID: P,
           variant: d,
@@ -89,7 +89,7 @@ const y = g({
           components: c,
           classNames: E,
           motionVariants: m
-        } = i, A = c?.wrapper ?? z, _ = c?.loader ?? q, C = u[d];
+        } = i, A = c?.wrapper ?? z, _ = c?.loader ?? q, C = a[d];
         return C ? /* @__PURE__ */ o(
           A,
           {
@@ -116,15 +116,15 @@ const y = g({
   );
 }, T = ({
   popups: n,
-  children: a
+  children: u
 }) => {
-  const [p, t] = $([]), e = D((s) => {
+  const [p, t] = D([]), e = O((s) => {
     const v = Object.keys(n), { variant: c } = s;
     c && (v.some((m) => m === c) ? t((m) => [...m, {
       ...s,
       popupID: Date.now()
     }]) : console.error(`there are no "${c}" popup`));
-  }, [n]), u = () => {
+  }, [n]), a = () => {
     t((s) => s.slice(0, -1));
   }, r = () => {
     t((s) => s.slice(1));
@@ -132,7 +132,7 @@ const y = g({
     t(() => []);
   }, i = f(() => ({
     openPopup: e,
-    closePopup: u,
+    closePopup: a,
     closeFirstPopup: r,
     closeAllPopups: l
   }), [e]), P = f(() => ({
@@ -140,11 +140,10 @@ const y = g({
   }), [p]), d = f(() => ({
     popups: n
   }), [n]);
-  return /* @__PURE__ */ o(y.Provider, { value: i, children: /* @__PURE__ */ o(w.Provider, { value: P, children: /* @__PURE__ */ o(L.Provider, { value: d, children: a }) }) });
-}, U = css;
+  return /* @__PURE__ */ o(y.Provider, { value: i, children: /* @__PURE__ */ o(w.Provider, { value: P, children: /* @__PURE__ */ o(L.Provider, { value: d, children: u }) }) });
+};
 export {
   T as PopupsEngineProvider,
   Q as PopupsEngineRoot,
-  U as css,
   k as usePopupsEngineProvider
 };

package/package.json

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