@fullkekw/popup 2.0.9 → 2.0.11

package/dist/Interfaces.d.ts

@@ -1,6 +1,7 @@
 import { default as React, ReactNode } from 'react';
+export type StateSetter<S = any> = React.Dispatch<React.SetStateAction<S>>;
 export type PopupWindowAnimationType = 'fade' | 'scale' | null;
-export interface PopupSettings {
+export interface IPopupSettings {
     /** Prevent state change due to user interactions (only synthetic) */
     preventStateChange?: boolean;
     /**
@@ -22,35 +23,33 @@ export interface PopupSettings {
      */
     disableScroll?: boolean;
 }
-export interface PopupNode {
+export interface IPopupNode {
     id: string;
     open: boolean;
     zIndex: number;
-    settings: PopupSettings;
+    settings: IPopupSettings;
 }
-export interface PopupContextProps {
-    nodes: PopupNode[];
-    toggleNode(node: string | PopupNode, state?: boolean): void;
-    registerNode(node: PopupNode): void;
+export interface IPopupContextProps {
+    nodes: IPopupNode[];
+    toggleNode(node: string | IPopupNode, state?: boolean): void;
+    registerNode(node: IPopupNode): void;
     toggleDocument(id: string, e: React.MouseEvent): void;
 }
-export interface PopupLayerProps extends React.HTMLAttributes<HTMLElement> {
+export interface IPopupLayerProps extends React.HTMLAttributes<HTMLElement> {
     children: ReactNode | ReactNode[];
-    settings?: PopupSettings;
+    settings?: IPopupSettings;
 }
-export interface PopupWindowProps extends React.HTMLAttributes<HTMLElement> {
+export interface IPopupWindowProps extends React.HTMLAttributes<HTMLElement> {
     id: string;
     children?: ReactNode | ReactNode[];
     layerClassName?: string;
-    settings?: PopupSettings;
+    settings?: IPopupSettings;
     onOpen?(): void;
     onExit?(): void;
-    /** Render popup in DOM only when user requested it */
-    renderOnDemand?: boolean;
     /** Passed useState value */
     isOpen?: boolean;
     /** Passed useState setter */
-    setIsOpen?(isOpen: boolean): void;
+    setIsOpen?: StateSetter<boolean>;
     /**
      * Popup animation
      *
@@ -58,7 +57,7 @@ export interface PopupWindowProps extends React.HTMLAttributes<HTMLElement> {
      */
     animation?: PopupWindowAnimationType;
 }
-export interface PopupButtonProps extends React.HTMLAttributes<HTMLElement> {
+export interface IPopupButtonProps extends React.HTMLAttributes<HTMLElement> {
     popupId: string;
     children?: ReactNode | ReactNode[];
     onClick?(e: React.MouseEvent): void;

package/dist/Package.d.ts

@@ -1,14 +1,14 @@
 import { FC } from 'react';
-import { PopupButtonProps, PopupLayerProps, PopupWindowProps } from './Interfaces';
+import { IPopupButtonProps, IPopupLayerProps, IPopupWindowProps } from './Interfaces';
 /**
  * Popup context provider. Must be inside body tag and in client environment (NextJS)
  */
-export declare const PopupLayer: FC<PopupLayerProps>;
+export declare const PopupLayer: FC<IPopupLayerProps>;
 /**
  * Popup window
  */
-export declare const PopupWindow: FC<PopupWindowProps>;
+export declare const PopupWindow: FC<IPopupWindowProps>;
 /**
  * Popup trigger button
  */
-export declare const PopupButton: FC<PopupButtonProps>;
+export declare const PopupButton: FC<IPopupButtonProps>;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Package';
 export * as default from './Package';
-export type { PopupSettings, PopupWindowAnimationType, PopupLayerProps, PopupButtonProps, PopupWindowProps } from './Interfaces';
+export type { IPopupSettings as PopupSettings, PopupWindowAnimationType, IPopupLayerProps as PopupLayerProps, IPopupButtonProps as PopupButtonProps, IPopupWindowProps as PopupWindowProps } from './Interfaces';

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as q, jsx as k, Fragment as F } from "react/jsx-runtime";
-import { createContext as R, useState as m, useEffect as O, useContext as z, useMemo as Z } from "react";
-import { createPortal as B } from "react-dom";
-function G(s) {
+import { jsx as S, jsxs as _ } from "react/jsx-runtime";
+import { createContext as L, useState as g, useEffect as y, Suspense as T, useContext as N } from "react";
+import { createPortal as A } from "react-dom";
+function M(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
 var b = { exports: {} };
@@ -10,151 +10,151 @@ var b = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var P;
-function K() {
-  return P || (P = 1, function(s) {
+var C;
+function q() {
+  return C || (C = 1, function(s) {
     (function() {
-      var x = {}.hasOwnProperty;
-      function u() {
-        for (var e = "", t = 0; t < arguments.length; t++) {
-          var a = arguments[t];
-          a && (e = r(e, c(a)));
+      var m = {}.hasOwnProperty;
+      function a() {
+        for (var e = "", n = 0; n < arguments.length; n++) {
+          var u = arguments[n];
+          u && (e = r(e, f(u)));
         }
         return e;
       }
-      function c(e) {
+      function f(e) {
         if (typeof e == "string" || typeof e == "number")
           return e;
         if (typeof e != "object")
           return "";
         if (Array.isArray(e))
-          return u.apply(null, e);
+          return a.apply(null, e);
         if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
           return e.toString();
-        var t = "";
-        for (var a in e)
-          x.call(e, a) && e[a] && (t = r(t, a));
-        return t;
+        var n = "";
+        for (var u in e)
+          m.call(e, u) && e[u] && (n = r(n, u));
+        return n;
       }
-      function r(e, t) {
-        return t ? e ? e + " " + t : e + t : e;
+      function r(e, n) {
+        return n ? e ? e + " " + n : e + n : e;
       }
-      s.exports ? (u.default = u, s.exports = u) : window.classNames = u;
+      s.exports ? (a.default = a, s.exports = a) : window.classNames = a;
     })();
   }(b)), b.exports;
 }
-var U = K();
-const S = /* @__PURE__ */ G(U), D = {
+var F = q();
+const k = /* @__PURE__ */ M(F), P = {
   disableScroll: !0,
   exitOnDocument: !0,
   exitOnEscape: !0,
   preventStateChange: !1
-}, h = R({}), V = ({ className: s, settings: x, children: u, ...c }) => {
-  const [r] = m(E(x ?? {}, D)), [e, t] = m([]), a = {
+}, h = L({}), Z = ({ className: s, settings: m, children: a, ...f }) => {
+  const [r] = g(z(m ?? {}, P)), [e, n] = g([]), u = {
     nodes: e,
-    toggleNode: g,
-    registerNode: y,
-    toggleDocument: v
+    toggleNode: x,
+    registerNode: v,
+    toggleDocument: O
   };
-  O(() => {
+  y(() => {
     if (typeof window > "u") return;
-    window.addEventListener("keydown", i);
-    function i(p) {
-      if (p.key === "Escape") {
-        const d = Math.max(...e.filter((l) => l.open).map((l) => l.zIndex)), o = e.find((l) => l.open && l.zIndex === d);
-        if (!o || !o.settings.exitOnEscape || !(r != null && r.exitOnEscape)) return;
-        g(o.id);
+    window.addEventListener("keydown", p);
+    function p(o) {
+      if (o.key === "Escape") {
+        const c = Math.max(...e.filter((d) => d.open).map((d) => d.zIndex)), i = e.find((d) => d.open && d.zIndex === c);
+        if (!i || !i.settings.exitOnEscape || !(r != null && r.exitOnEscape)) return;
+        x(i.id);
       }
     }
     return () => {
-      window.removeEventListener("keydown", i);
+      window.removeEventListener("keydown", p);
     };
   }, [e]);
-  function g(i, p) {
-    let n;
-    if (typeof i == "string" ? n = { ...e.find((o) => o.id === i) } : n = { ...i }, !n.id) return;
-    if ((r.preventStateChange || n.settings.preventStateChange) && p === void 0) return console.warn("Popup action prevented");
-    const d = p ?? !(n != null && n.open);
-    n.open = d, n.zIndex = d ? Math.max(...e.map((o) => o.zIndex), 0) + 1 : 0, t((o) => [...o.filter((l) => l.id !== n.id), n]), r.disableScroll && n.settings.disableScroll && d && document.body.classList.add("fkw-popup--noScroll"), !d && !e.filter((o) => o.id !== n.id).some((o) => o.open) && document.body.classList.remove("fkw-popup--noScroll");
+  function x(p, o) {
+    let t;
+    if (typeof p == "string" ? t = { ...e.find((i) => i.id === p) } : t = { ...p }, !t.id) return;
+    if ((r.preventStateChange || t.settings.preventStateChange) && o === void 0) return console.warn("Popup action prevented");
+    const c = o ?? !(t != null && t.open);
+    t.open = c, t.zIndex = c ? Math.max(...e.map((i) => i.zIndex), 0) + 1 : 0, n((i) => [...i.filter((d) => d.id !== t.id), t]), r.disableScroll && t.settings.disableScroll && c && document.body.classList.add("fkw-popup--noScroll"), !c && !e.filter((i) => i.id !== t.id).some((i) => i.open) && document.body.classList.remove("fkw-popup--noScroll");
   }
-  function y(i) {
-    t((p) => [...p, i]), i.open && g(i, !0);
+  function v(p) {
+    n((o) => [...o, p]), p.open && x(p, !0);
   }
-  function v(i, p) {
-    const n = { ...e.find((o) => o.id === i) };
-    !n.id || !n.settings.exitOnDocument || p.target.closest(".fkw-popup") || !n.settings.exitOnDocument || !r.exitOnDocument || g(n.id);
+  function O(p, o) {
+    const t = { ...e.find((i) => i.id === p) };
+    !t.id || !t.settings.exitOnDocument || o.target.closest(".fkw-popup") || !t.settings.exitOnDocument || !r.exitOnDocument || x(t.id);
   }
-  return /* @__PURE__ */ q(h.Provider, { value: a, children: [
-    u,
-    /* @__PURE__ */ k("section", { className: S("fkw-popup-container", s), id: "fkw-popup-container", ...c })
-  ] });
-}, W = ({ children: s, className: x, layerClassName: u, style: c, id: r, settings: e, isOpen: t, setIsOpen: a, animation: g, renderOnDemand: y, onExit: v, onOpen: i, ...p }) => {
-  const n = z(h), [d] = m(g ?? "scale"), [o] = m(E(e ?? {}, D)), [l, j] = m(!1), [M, I] = m(!1), [C, _] = m(null), [f, L] = m(!1), [T, N] = m(0);
-  return Z(() => {
-    y ? f && I(!0) : I(!0), f && i && i(), !f && v && v();
-  }, [f]), O(() => {
-    _(document.querySelector("#fkw-popup-container")), j(!0), n.registerNode({
+  return /* @__PURE__ */ S(T, { children: /* @__PURE__ */ _(h.Provider, { value: u, children: [
+    a,
+    /* @__PURE__ */ S("section", { className: k("fkw-popup-container", s), id: "fkw-popup-container", ...f })
+  ] }) });
+}, B = ({ children: s, className: m, layerClassName: a, style: f, id: r, settings: e, isOpen: n, setIsOpen: u, animation: x, onExit: v, onOpen: O, ...p }) => {
+  const o = N(h), [t] = g(x ?? "scale"), [c] = g(z(e ?? {}, P)), [i, d] = g(null), [l, D] = g(n ?? !1), [E, I] = g(0);
+  return y(() => {
+    d(document.querySelector("#fkw-popup-container")), o.registerNode({
       id: r,
-      open: !1,
+      open: l,
       zIndex: 0,
-      settings: o
+      settings: c
     });
-  }, []), O(() => {
-    const w = n.nodes.find((A) => A.id === r);
-    w && (L(w.open), w.zIndex !== 0 ? N(w.zIndex) : setTimeout(() => {
-      N(w.zIndex);
+  }, []), y(() => {
+    l && O && O(), !l && v && v();
+  }, [n]), y(() => {
+    const w = o.nodes.find((j) => j.id === r);
+    w && (D(w.open), w.zIndex !== 0 ? I(w.zIndex) : setTimeout(() => {
+      I(w.zIndex);
     }, 200));
-  }, [n]), O(() => {
-    a === void 0 || t === f || a(f);
-  }, [f]), O(() => {
-    t === void 0 || t === f || n.toggleNode(r, t);
-  }, [t]), !l || !C ? null : B(/* @__PURE__ */ k(F, { children: /* @__PURE__ */ k(
+  }, [o]), y(() => {
+    u === void 0 || n === l || u(l);
+  }, [l]), y(() => {
+    n === void 0 || n === l || o.toggleNode(r, n);
+  }, [n]), i ? A(/* @__PURE__ */ S(
     "section",
     {
       id: r,
-      className: S("fkw-popup-layer", f && "fkw-popup-layer--open", u),
-      style: { zIndex: 1e4 + T, cursor: o.exitOnDocument && !o.preventStateChange ? "pointer" : "auto", ...c },
-      onClick: o.exitOnDocument && !o.preventStateChange ? (w) => n.toggleDocument(r, w) : void 0,
-      children: /* @__PURE__ */ k(
+      className: k("fkw-popup-layer", l && "fkw-popup-layer--open", a),
+      style: { zIndex: 1e4 + E, cursor: c.exitOnDocument && !c.preventStateChange ? "pointer" : "auto", ...f },
+      onClick: c.exitOnDocument && !c.preventStateChange ? (w) => o.toggleDocument(r, w) : void 0,
+      children: /* @__PURE__ */ S(
         "article",
         {
-          className: S("fkw-popup", f && "fkw-popup--open", d && `fkw-popup-animation--${d}`, x),
+          className: k("fkw-popup", l && "fkw-popup--open", t && `fkw-popup-animation--${t}`, m),
           role: "dialog",
           "aria-modal": !0,
-          "aria-hidden": !f,
+          "aria-hidden": !l,
           ...p,
-          children: M && s
+          children: s
         }
       )
     }
-  ) }), C);
-}, $ = ({ children: s, as: x, className: u, onClick: c, disabled: r, popupId: e, ...t }) => {
-  const a = z(h), g = x ?? "button", [y, v] = m(!1);
-  O(() => {
-    const p = a.nodes.find((n) => n.id === e);
-    p && v(p.open);
-  }, [a]);
-  function i(p) {
-    a.toggleNode(e), c && c(p);
+  ), i) : null;
+}, G = ({ children: s, as: m, className: a, onClick: f, disabled: r, popupId: e, ...n }) => {
+  const u = N(h), [x, v] = g(!1), O = m ?? "button";
+  y(() => {
+    const o = u.nodes.find((t) => t.id === e);
+    o && v(o.open);
+  }, [u]);
+  function p(o) {
+    u.toggleNode(e), f && f(o);
   }
-  return /* @__PURE__ */ k(g, { className: S("fkw-popup-button", y && "fkw-popup-button--active", u), role: "button", onClick: i, "aria-haspopup": "dialog", tabIndex: 0, disabled: r, "aria-disabled": r, "data-fkw-popup-operator": e, "aria-label": y ? "Close Popup" : "Open Popup", ...t, children: s });
+  return /* @__PURE__ */ S(O, { className: k("fkw-popup-button", x && "fkw-popup-button--active", a), role: "button", onClick: p, "aria-haspopup": "dialog", tabIndex: 0, disabled: r, "aria-disabled": r, "data-fkw-popup-operator": e, "aria-label": x ? "Close Popup" : "Open Popup", ...n, children: s });
 };
-function E(s, x) {
-  const u = { ...x };
-  for (const c in s)
-    u[c] = s[c];
-  return u;
+function z(s, m) {
+  const a = { ...m };
+  for (const f in s)
+    a[f] = s[f];
+  return a;
 }
-const X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  PopupButton: $,
-  PopupLayer: V,
-  PopupWindow: W
+  PopupButton: G,
+  PopupLayer: Z,
+  PopupWindow: B
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  $ as PopupButton,
-  V as PopupLayer,
-  W as PopupWindow,
-  X as default
+  G as PopupButton,
+  Z as PopupLayer,
+  B as PopupWindow,
+  V as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../node_modules/classnames/index.js","../src/_package/Package.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import './styles.scss';\r\n\r\nimport React, { createContext, FC, JSX, useContext, useEffect, useMemo, useState } from \"react\";\r\nimport cn from 'classnames';\r\nimport { PopupButtonProps, PopupContextProps, PopupLayerProps, PopupNode, PopupSettings, PopupWindowAnimationType, PopupWindowProps } from './Interfaces';\r\nimport { createPortal } from 'react-dom';\r\n\r\n\r\n\r\nconst DEFAULT_SETTINGS: Required<PopupSettings> = {\r\n  disableScroll: true,\r\n  exitOnDocument: true,\r\n  exitOnEscape: true,\r\n  preventStateChange: false\r\n};\r\n\r\n// @ts-expect-error Need empty object\r\nconst PopupContext = createContext<PopupContextProps>({});\r\n\r\n\r\n\r\n/** \r\n * Popup context provider. Must be inside body tag and in client environment (NextJS)\r\n */\r\nexport const PopupLayer: FC<PopupLayerProps> = ({ className, settings: initialSettings, children, ...props }) => {\r\n  const [settings] = useState<PopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [nodes, setNodes] = useState<PopupNode[]>([]);\r\n\r\n  const context: PopupContextProps = {\r\n    nodes,\r\n    toggleNode,\r\n    registerNode,\r\n    toggleDocument\r\n  };\r\n\r\n\r\n\r\n  // Handle exitOnEscape\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return;\r\n\r\n    window.addEventListener('keydown', handleKeydown);\r\n\r\n    function handleKeydown(e: KeyboardEvent) {\r\n      const key = e.key;\r\n\r\n      if (key === 'Escape') {\r\n        const maxZIndex = Math.max(...nodes.filter(el => el.open).map(el => el.zIndex));\r\n        const node = nodes.find(el => el.open && el.zIndex === maxZIndex);\r\n        if (!node || !node.settings.exitOnEscape || !settings?.exitOnEscape) return;\r\n\r\n        toggleNode(node.id);\r\n      }\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeydown);\r\n    };\r\n  }, [nodes]);\r\n\r\n\r\n  /** \r\n   * @param state Forced state\r\n   */\r\n  function toggleNode(nod: string | PopupNode, force?: boolean) {\r\n    let node: PopupNode;\r\n\r\n    if (typeof nod === 'string') {\r\n      node = { ...nodes.find(el => el.id === nod) } as PopupNode;\r\n    } else {\r\n      node = { ...nod };\r\n    }\r\n\r\n    if (!node.id) return;\r\n    if ((settings.preventStateChange || node.settings.preventStateChange) && force === undefined) return console.warn(`Popup action prevented`);\r\n\r\n    const open = force ?? !node?.open;\r\n\r\n    node.open = open;\r\n    node.zIndex = open ? Math.max(...nodes.map(el => el.zIndex), 0) + 1 : 0;\r\n\r\n    setNodes(prev => [...prev.filter(el => el.id !== node.id), node]);\r\n\r\n    // Hide scroll on open\r\n    if (settings.disableScroll && node.settings.disableScroll && open) {\r\n      document.body.classList.add('fkw-popup--noScroll');\r\n    }\r\n\r\n    // Show scroll if no popup open\r\n    if (!open && !nodes.filter(el => el.id !== node.id).some(el => el.open)) {\r\n      document.body.classList.remove('fkw-popup--noScroll');\r\n    }\r\n  }\r\n\r\n  /** Register new node */\r\n  function registerNode(node: PopupNode) {\r\n    setNodes(prev => [...prev, node]);\r\n\r\n    if (node.open) toggleNode(node, true);\r\n  }\r\n\r\n  function toggleDocument(id: string, e: React.MouseEvent) {\r\n    const node: PopupNode = { ...nodes.find(el => el.id === id) } as PopupNode;\r\n    if (!node.id) return;\r\n    if (!node.settings.exitOnDocument) return;\r\n\r\n    const popup = (e.target as HTMLElement).closest('.fkw-popup');\r\n    if (popup || !node.settings.exitOnDocument || !settings.exitOnDocument) return;\r\n\r\n    toggleNode(node.id);\r\n  }\r\n\r\n\r\n\r\n  return <PopupContext.Provider value={context}>\r\n    {children}\r\n\r\n    <section className={cn(`fkw-popup-container`, className)} id='fkw-popup-container' {...props}></section>\r\n  </PopupContext.Provider>;\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup window\r\n */\r\nexport const PopupWindow: FC<PopupWindowProps> = ({ children, className, layerClassName, style, id, settings: initialSettings, isOpen: state, setIsOpen: stateSetter, animation: initialAnimation, renderOnDemand, onExit, onOpen, ...props }) => {\r\n  const ctx = useContext(PopupContext) as PopupContextProps;\r\n\r\n  const [animation] = useState<PopupWindowAnimationType>(initialAnimation ?? 'scale');\r\n  const [settings] = useState<PopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [isMounted, setIsMounted] = useState<boolean>(false);\r\n  const [isRendered, setIsRendered] = useState<boolean>(false);\r\n  const [container, setContainer] = useState<Element | null>(null);\r\n\r\n  const [isOpen, setIsOpen] = useState<boolean>(false);\r\n  const [zIndex, setZIndex] = useState<number>(0);\r\n\r\n\r\n\r\n  // Handle isRendered & onOpen, onExit\r\n  useMemo(() => {\r\n    if (renderOnDemand) {\r\n      if (isOpen) setIsRendered(true); // Render content only if window is open\r\n    } else setIsRendered(true);\r\n\r\n    if (isOpen && onOpen) onOpen();\r\n    if (!isOpen && onExit) onExit();\r\n  }, [isOpen]);\r\n\r\n  // Mount\r\n  useEffect(() => {\r\n    setContainer(document.querySelector('#fkw-popup-container'));\r\n    setIsMounted(true);\r\n\r\n    ctx.registerNode({\r\n      id,\r\n      open: false,\r\n      zIndex: 0,\r\n      settings\r\n    });\r\n  }, []);\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === id);\r\n    if (!node) return;\r\n\r\n    setIsOpen(node.open);\r\n\r\n    if (node.zIndex !== 0) {\r\n      // Instantly update zIndex\r\n      setZIndex(node.zIndex);\r\n    } else {\r\n      // Timeout zIndex update\r\n      setTimeout(() => {\r\n        setZIndex(node.zIndex);\r\n      }, 200);\r\n    }\r\n  }, [ctx]);\r\n\r\n  // Sync out state on current change\r\n  useEffect(() => {\r\n    if (stateSetter === undefined || state === isOpen) return;\r\n\r\n    stateSetter(isOpen);\r\n  }, [isOpen]);\r\n\r\n  // Sync current state on out change\r\n  useEffect(() => {\r\n    if (state === undefined || state === isOpen) return;\r\n\r\n    ctx.toggleNode(id, state);\r\n  }, [state]);\r\n\r\n\r\n\r\n  if (!isMounted || !container) return null;\r\n\r\n  return createPortal(<>\r\n    <section\r\n      id={id}\r\n      className={cn(`fkw-popup-layer`, isOpen && 'fkw-popup-layer--open', layerClassName)}\r\n      style={{ zIndex: 10000 + zIndex, cursor: settings.exitOnDocument && !settings.preventStateChange ? 'pointer' : 'auto', ...style }}\r\n      onClick={settings.exitOnDocument && !settings.preventStateChange ? e => ctx.toggleDocument(id, e) : undefined}\r\n    >\r\n      <article\r\n        className={cn(`fkw-popup`, isOpen && 'fkw-popup--open', animation && `fkw-popup-animation--${animation}`, className)}\r\n        role='dialog'\r\n        aria-modal\r\n        aria-hidden={!isOpen}\r\n        {...props}\r\n      >\r\n        {isRendered && children}\r\n      </article>\r\n    </section>\r\n  </>, container);\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup trigger button\r\n */\r\nexport const PopupButton: FC<PopupButtonProps> = ({ children, as, className, onClick, disabled, popupId, ...props }) => {\r\n  const ctx = useContext(PopupContext) as PopupContextProps;\r\n\r\n  const Tag: keyof JSX.IntrinsicElements = as ?? 'button';\r\n\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n\r\n\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === popupId);\r\n    if (!node) return;\r\n\r\n    setIsActive(node.open);\r\n  }, [ctx]);\r\n\r\n\r\n\r\n  function toggle(e: React.MouseEvent) {\r\n    ctx.toggleNode(popupId);\r\n    onClick && onClick(e);\r\n  }\r\n\r\n\r\n\r\n  return <Tag className={cn('fkw-popup-button', isActive && 'fkw-popup-button--active', className)} role='button' onClick={toggle} aria-haspopup=\"dialog\" tabIndex={0} disabled={disabled} aria-disabled={disabled} data-fkw-popup-operator={popupId} aria-label={isActive ? 'Close Popup' : 'Open Popup'} {...props}>\r\n    {children}\r\n  </Tag>;\r\n};\r\n\r\n\r\n\r\nfunction reassingObject(target: object, refference: object) {\r\n  const payload = { ...refference };\r\n\r\n  for (const key in target) {\r\n    payload[key] = target[key];\r\n  }\r\n\r\n  return payload;\r\n}"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","DEFAULT_SETTINGS","PopupContext","createContext","PopupLayer","className","initialSettings","children","props","settings","useState","reassingObject","nodes","setNodes","context","toggleNode","registerNode","toggleDocument","useEffect","handleKeydown","e","maxZIndex","el","node","nod","force","open","prev","id","jsxs","jsx","cn","PopupWindow","layerClassName","style","state","stateSetter","initialAnimation","renderOnDemand","onExit","onOpen","ctx","useContext","animation","isMounted","setIsMounted","isRendered","setIsRendered","container","setContainer","isOpen","setIsOpen","zIndex","setZIndex","useMemo","createPortal","Fragment","PopupButton","as","onClick","disabled","popupId","Tag","isActive","setIsActive","toggle","target","refference","payload"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es.js","sources":["../node_modules/classnames/index.js","../src/_package/Package.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import './styles.scss';\r\n\r\nimport React, { createContext, FC, JSX, Suspense, useContext, useEffect, useMemo, useState } from \"react\";\r\nimport cn from 'classnames';\r\nimport { IPopupButtonProps, IPopupContextProps, IPopupLayerProps, IPopupNode, IPopupSettings, PopupWindowAnimationType, IPopupWindowProps } from './Interfaces';\r\nimport { createPortal } from 'react-dom';\r\nimport useMixedState from './useMixedState';\r\n\r\n\r\n\r\nconst DEFAULT_SETTINGS: Required<IPopupSettings> = {\r\n  disableScroll: true,\r\n  exitOnDocument: true,\r\n  exitOnEscape: true,\r\n  preventStateChange: false\r\n};\r\n\r\nconst PopupContext = createContext<IPopupContextProps>({} as IPopupContextProps);\r\n\r\n\r\n\r\n/** \r\n * Popup context provider. Must be inside body tag and in client environment (NextJS)\r\n */\r\nexport const PopupLayer: FC<IPopupLayerProps> = ({ className, settings: initialSettings, children, ...props }) => {\r\n  const [settings] = useState<IPopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [nodes, setNodes] = useState<IPopupNode[]>([]);\r\n\r\n  const context: IPopupContextProps = {\r\n    nodes,\r\n    toggleNode,\r\n    registerNode,\r\n    toggleDocument\r\n  };\r\n\r\n\r\n\r\n  // Handle exitOnEscape\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return;\r\n\r\n    window.addEventListener('keydown', handleKeydown);\r\n\r\n    function handleKeydown(e: KeyboardEvent) {\r\n      const key = e.key;\r\n\r\n      if (key === 'Escape') {\r\n        const maxZIndex = Math.max(...nodes.filter(el => el.open).map(el => el.zIndex));\r\n        const node = nodes.find(el => el.open && el.zIndex === maxZIndex);\r\n        if (!node || !node.settings.exitOnEscape || !settings?.exitOnEscape) return;\r\n\r\n        toggleNode(node.id);\r\n      }\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeydown);\r\n    };\r\n  }, [nodes]);\r\n\r\n\r\n  /** \r\n   * @param state Forced state\r\n   */\r\n  function toggleNode(nod: string | IPopupNode, force?: boolean) {\r\n    let node: IPopupNode;\r\n\r\n    if (typeof nod === 'string') {\r\n      node = { ...nodes.find(el => el.id === nod) } as IPopupNode;\r\n    } else {\r\n      node = { ...nod };\r\n    }\r\n\r\n    if (!node.id) return;\r\n    if ((settings.preventStateChange || node.settings.preventStateChange) && force === undefined) return console.warn(`Popup action prevented`);\r\n\r\n    const open = force ?? !node?.open;\r\n\r\n    node.open = open;\r\n    node.zIndex = open ? Math.max(...nodes.map(el => el.zIndex), 0) + 1 : 0;\r\n\r\n    setNodes(prev => [...prev.filter(el => el.id !== node.id), node]);\r\n\r\n    // Hide scroll on open\r\n    if (settings.disableScroll && node.settings.disableScroll && open) {\r\n      document.body.classList.add('fkw-popup--noScroll');\r\n    }\r\n\r\n    // Show scroll if no popup open\r\n    if (!open && !nodes.filter(el => el.id !== node.id).some(el => el.open)) {\r\n      document.body.classList.remove('fkw-popup--noScroll');\r\n    }\r\n  }\r\n\r\n  /** Register new node */\r\n  function registerNode(node: IPopupNode) {\r\n    setNodes(prev => [...prev, node]);\r\n\r\n    if (node.open) toggleNode(node, true);\r\n  }\r\n\r\n  function toggleDocument(id: string, e: React.MouseEvent) {\r\n    const node: IPopupNode = { ...nodes.find(el => el.id === id) } as IPopupNode;\r\n    if (!node.id) return;\r\n    if (!node.settings.exitOnDocument) return;\r\n\r\n    const popup = (e.target as HTMLElement).closest('.fkw-popup');\r\n    if (popup || !node.settings.exitOnDocument || !settings.exitOnDocument) return;\r\n\r\n    toggleNode(node.id);\r\n  }\r\n\r\n\r\n\r\n  return <Suspense>\r\n    <PopupContext.Provider value={context}>\r\n      {children}\r\n\r\n      <section className={cn(`fkw-popup-container`, className)} id='fkw-popup-container' {...props}></section>\r\n    </PopupContext.Provider>\r\n  </Suspense>;\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup window\r\n */\r\nexport const PopupWindow: FC<IPopupWindowProps> = ({ children, className, layerClassName, style, id, settings: initialSettings, isOpen: state, setIsOpen: stateSetter, animation: initialAnimation, onExit, onOpen, ...props }) => {\r\n  const ctx = useContext(PopupContext) as IPopupContextProps;\r\n\r\n  const [animation] = useState<PopupWindowAnimationType>(initialAnimation ?? 'scale');\r\n  const [settings] = useState<IPopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [container, setContainer] = useState<Element | null>(null);\r\n\r\n  const [isOpen, setIsOpen] = useState(state ?? false);\r\n  const [zIndex, setZIndex] = useState<number>(0);\r\n\r\n\r\n\r\n  // Mount\r\n  useEffect(() => {\r\n    setContainer(document.querySelector('#fkw-popup-container'));\r\n\r\n    ctx.registerNode({\r\n      id,\r\n      open: isOpen,\r\n      zIndex: 0,\r\n      settings\r\n    });\r\n  }, []);\r\n\r\n  // Handle onOpen, onExit\r\n  useEffect(() => {\r\n    if (isOpen && onOpen) onOpen();\r\n    if (!isOpen && onExit) onExit();\r\n  }, [state]);\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === id);\r\n    if (!node) return;\r\n\r\n    setIsOpen(node.open);\r\n\r\n    if (node.zIndex !== 0) {\r\n      // Instantly update zIndex\r\n      setZIndex(node.zIndex);\r\n    } else {\r\n      // Timeout zIndex update\r\n      setTimeout(() => {\r\n        setZIndex(node.zIndex);\r\n      }, 200); // TODO: fix constant animation delay timeout\r\n    }\r\n  }, [ctx]);\r\n\r\n  // Sync out state on current change\r\n  useEffect(() => {\r\n    if (stateSetter === undefined || state === isOpen) return;\r\n\r\n    stateSetter(isOpen);\r\n  }, [isOpen]);\r\n\r\n  // Sync current state on out change\r\n  useEffect(() => {\r\n    if (state === undefined || state === isOpen) return;\r\n\r\n    ctx.toggleNode(id, state);\r\n  }, [state]);\r\n\r\n\r\n\r\n  if (!container) return null;\r\n\r\n  return createPortal(<section\r\n    id={id}\r\n    className={cn(`fkw-popup-layer`, isOpen && 'fkw-popup-layer--open', layerClassName)}\r\n    style={{ zIndex: 10000 + zIndex, cursor: settings.exitOnDocument && !settings.preventStateChange ? 'pointer' : 'auto', ...style }}\r\n    onClick={settings.exitOnDocument && !settings.preventStateChange ? e => ctx.toggleDocument(id, e) : undefined}\r\n  >\r\n    <article\r\n      className={cn(`fkw-popup`, isOpen && 'fkw-popup--open', animation && `fkw-popup-animation--${animation}`, className)}\r\n      role='dialog'\r\n      aria-modal\r\n      aria-hidden={!isOpen}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </article>\r\n  </section>, container);\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup trigger button\r\n */\r\nexport const PopupButton: FC<IPopupButtonProps> = ({ children, as, className, onClick, disabled, popupId, ...props }) => {\r\n  const ctx = useContext(PopupContext) as IPopupContextProps;\r\n\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n\r\n  const Tag: keyof JSX.IntrinsicElements = as ?? 'button';\r\n\r\n\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === popupId);\r\n    if (!node) return;\r\n\r\n    setIsActive(node.open);\r\n  }, [ctx]);\r\n\r\n\r\n\r\n  function toggle(e: React.MouseEvent) {\r\n    ctx.toggleNode(popupId);\r\n    onClick && onClick(e);\r\n  }\r\n\r\n\r\n\r\n  return <Tag className={cn('fkw-popup-button', isActive && 'fkw-popup-button--active', className)} role='button' onClick={toggle} aria-haspopup=\"dialog\" tabIndex={0} disabled={disabled} aria-disabled={disabled} data-fkw-popup-operator={popupId} aria-label={isActive ? 'Close Popup' : 'Open Popup'} {...props}>\r\n    {children}\r\n  </Tag>;\r\n};\r\n\r\n\r\n\r\nfunction reassingObject(target: object, refference: object) {\r\n  const payload = { ...refference };\r\n\r\n  for (const key in target) {\r\n    payload[key] = target[key];\r\n  }\r\n\r\n  return payload;\r\n}"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","DEFAULT_SETTINGS","PopupContext","createContext","PopupLayer","className","initialSettings","children","props","settings","useState","reassingObject","nodes","setNodes","context","toggleNode","registerNode","toggleDocument","useEffect","handleKeydown","e","maxZIndex","el","node","nod","force","open","prev","id","Suspense","jsxs","jsx","cn","PopupWindow","layerClassName","style","state","stateSetter","initialAnimation","onExit","onOpen","ctx","useContext","animation","container","setContainer","isOpen","setIsOpen","zIndex","setZIndex","createPortal","PopupButton","as","onClick","disabled","popupId","isActive","setIsActive","Tag","toggle","target","refference","payload"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(c,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],d):(c=typeof globalThis<"u"?globalThis:c||self,d(c["@fullkekw/fkw-popup"]={},c.ReactJsxRuntime,c.React,c.ReactDOM))})(this,function(c,d,s,T){"use strict";function _(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var h={exports:{}};/*!
+(function(d,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],m):(d=typeof globalThis<"u"?globalThis:d||self,m(d["@fullkekw/fkw-popup"]={},d.ReactJsxRuntime,d.React,d.ReactDOM))})(this,function(d,m,o,D){"use strict";function T(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var h={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var I;function L(){return I||(I=1,function(r){(function(){var w={}.hasOwnProperty;function a(){for(var e="",n=0;n<arguments.length;n++){var p=arguments[n];p&&(e=i(e,l(p)))}return e}function l(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var p in e)w.call(e,p)&&e[p]&&(n=i(n,p));return n}function i(e,n){return n?e?e+" "+n:e+n:e}r.exports?(a.default=a,r.exports=a):window.classNames=a})()}(h)),h.exports}var q=L();const O=_(q),P={disableScroll:!0,exitOnDocument:!0,exitOnEscape:!0,preventStateChange:!1},b=s.createContext({}),E=({className:r,settings:w,children:a,...l})=>{const[i]=s.useState(j(w??{},P)),[e,n]=s.useState([]),p={nodes:e,toggleNode:y,registerNode:v,toggleDocument:k};s.useEffect(()=>{if(typeof window>"u")return;window.addEventListener("keydown",u);function u(f){if(f.key==="Escape"){const x=Math.max(...e.filter(g=>g.open).map(g=>g.zIndex)),o=e.find(g=>g.open&&g.zIndex===x);if(!o||!o.settings.exitOnEscape||!(i!=null&&i.exitOnEscape))return;y(o.id)}}return()=>{window.removeEventListener("keydown",u)}},[e]);function y(u,f){let t;if(typeof u=="string"?t={...e.find(o=>o.id===u)}:t={...u},!t.id)return;if((i.preventStateChange||t.settings.preventStateChange)&&f===void 0)return console.warn("Popup action prevented");const x=f??!(t!=null&&t.open);t.open=x,t.zIndex=x?Math.max(...e.map(o=>o.zIndex),0)+1:0,n(o=>[...o.filter(g=>g.id!==t.id),t]),i.disableScroll&&t.settings.disableScroll&&x&&document.body.classList.add("fkw-popup--noScroll"),!x&&!e.filter(o=>o.id!==t.id).some(o=>o.open)&&document.body.classList.remove("fkw-popup--noScroll")}function v(u){n(f=>[...f,u]),u.open&&y(u,!0)}function k(u,f){const t={...e.find(o=>o.id===u)};!t.id||!t.settings.exitOnDocument||f.target.closest(".fkw-popup")||!t.settings.exitOnDocument||!i.exitOnDocument||y(t.id)}return d.jsxs(b.Provider,{value:p,children:[a,d.jsx("section",{className:O("fkw-popup-container",r),id:"fkw-popup-container",...l})]})},C=({children:r,className:w,layerClassName:a,style:l,id:i,settings:e,isOpen:n,setIsOpen:p,animation:y,renderOnDemand:v,onExit:k,onOpen:u,...f})=>{const t=s.useContext(b),[x]=s.useState(y??"scale"),[o]=s.useState(j(e??{},P)),[g,F]=s.useState(!1),[B,z]=s.useState(!1),[D,W]=s.useState(null),[m,Z]=s.useState(!1),[G,M]=s.useState(0);return s.useMemo(()=>{v?m&&z(!0):z(!0),m&&u&&u(),!m&&k&&k()},[m]),s.useEffect(()=>{W(document.querySelector("#fkw-popup-container")),F(!0),t.registerNode({id:i,open:!1,zIndex:0,settings:o})},[]),s.useEffect(()=>{const S=t.nodes.find(J=>J.id===i);S&&(Z(S.open),S.zIndex!==0?M(S.zIndex):setTimeout(()=>{M(S.zIndex)},200))},[t]),s.useEffect(()=>{p===void 0||n===m||p(m)},[m]),s.useEffect(()=>{n===void 0||n===m||t.toggleNode(i,n)},[n]),!g||!D?null:T.createPortal(d.jsx(d.Fragment,{children:d.jsx("section",{id:i,className:O("fkw-popup-layer",m&&"fkw-popup-layer--open",a),style:{zIndex:1e4+G,cursor:o.exitOnDocument&&!o.preventStateChange?"pointer":"auto",...l},onClick:o.exitOnDocument&&!o.preventStateChange?S=>t.toggleDocument(i,S):void 0,children:d.jsx("article",{className:O("fkw-popup",m&&"fkw-popup--open",x&&`fkw-popup-animation--${x}`,w),role:"dialog","aria-modal":!0,"aria-hidden":!m,...f,children:B&&r})})}),D)},N=({children:r,as:w,className:a,onClick:l,disabled:i,popupId:e,...n})=>{const p=s.useContext(b),y=w??"button",[v,k]=s.useState(!1);s.useEffect(()=>{const f=p.nodes.find(t=>t.id===e);f&&k(f.open)},[p]);function u(f){p.toggleNode(e),l&&l(f)}return d.jsx(y,{className:O("fkw-popup-button",v&&"fkw-popup-button--active",a),role:"button",onClick:u,"aria-haspopup":"dialog",tabIndex:0,disabled:i,"aria-disabled":i,"data-fkw-popup-operator":e,"aria-label":v?"Close Popup":"Open Popup",...n,children:r})};function j(r,w){const a={...w};for(const l in r)a[l]=r[l];return a}const A=Object.freeze(Object.defineProperty({__proto__:null,PopupButton:N,PopupLayer:E,PopupWindow:C},Symbol.toStringTag,{value:"Module"}));c.PopupButton=N,c.PopupLayer=E,c.PopupWindow=C,c.default=A,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+*/var P;function _(){return P||(P=1,function(u){(function(){var w={}.hasOwnProperty;function c(){for(var e="",n=0;n<arguments.length;n++){var f=arguments[n];f&&(e=i(e,l(f)))}return e}function l(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return c.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var f in e)w.call(e,f)&&e[f]&&(n=i(n,f));return n}function i(e,n){return n?e?e+" "+n:e+n:e}u.exports?(c.default=c,u.exports=c):window.classNames=c})()}(h)),h.exports}var L=_();const O=T(L),E={disableScroll:!0,exitOnDocument:!0,exitOnEscape:!0,preventStateChange:!1},b=o.createContext({}),I=({className:u,settings:w,children:c,...l})=>{const[i]=o.useState(j(w??{},E)),[e,n]=o.useState([]),f={nodes:e,toggleNode:y,registerNode:v,toggleDocument:k};o.useEffect(()=>{if(typeof window>"u")return;window.addEventListener("keydown",p);function p(s){if(s.key==="Escape"){const a=Math.max(...e.filter(x=>x.open).map(x=>x.zIndex)),r=e.find(x=>x.open&&x.zIndex===a);if(!r||!r.settings.exitOnEscape||!(i!=null&&i.exitOnEscape))return;y(r.id)}}return()=>{window.removeEventListener("keydown",p)}},[e]);function y(p,s){let t;if(typeof p=="string"?t={...e.find(r=>r.id===p)}:t={...p},!t.id)return;if((i.preventStateChange||t.settings.preventStateChange)&&s===void 0)return console.warn("Popup action prevented");const a=s??!(t!=null&&t.open);t.open=a,t.zIndex=a?Math.max(...e.map(r=>r.zIndex),0)+1:0,n(r=>[...r.filter(x=>x.id!==t.id),t]),i.disableScroll&&t.settings.disableScroll&&a&&document.body.classList.add("fkw-popup--noScroll"),!a&&!e.filter(r=>r.id!==t.id).some(r=>r.open)&&document.body.classList.remove("fkw-popup--noScroll")}function v(p){n(s=>[...s,p]),p.open&&y(p,!0)}function k(p,s){const t={...e.find(r=>r.id===p)};!t.id||!t.settings.exitOnDocument||s.target.closest(".fkw-popup")||!t.settings.exitOnDocument||!i.exitOnDocument||y(t.id)}return m.jsx(o.Suspense,{children:m.jsxs(b.Provider,{value:f,children:[c,m.jsx("section",{className:O("fkw-popup-container",u),id:"fkw-popup-container",...l})]})})},C=({children:u,className:w,layerClassName:c,style:l,id:i,settings:e,isOpen:n,setIsOpen:f,animation:y,onExit:v,onOpen:k,...p})=>{const s=o.useContext(b),[t]=o.useState(y??"scale"),[a]=o.useState(j(e??{},E)),[r,x]=o.useState(null),[g,q]=o.useState(n??!1),[A,z]=o.useState(0);return o.useEffect(()=>{x(document.querySelector("#fkw-popup-container")),s.registerNode({id:i,open:g,zIndex:0,settings:a})},[]),o.useEffect(()=>{g&&k&&k(),!g&&v&&v()},[n]),o.useEffect(()=>{const S=s.nodes.find(B=>B.id===i);S&&(q(S.open),S.zIndex!==0?z(S.zIndex):setTimeout(()=>{z(S.zIndex)},200))},[s]),o.useEffect(()=>{f===void 0||n===g||f(g)},[g]),o.useEffect(()=>{n===void 0||n===g||s.toggleNode(i,n)},[n]),r?D.createPortal(m.jsx("section",{id:i,className:O("fkw-popup-layer",g&&"fkw-popup-layer--open",c),style:{zIndex:1e4+A,cursor:a.exitOnDocument&&!a.preventStateChange?"pointer":"auto",...l},onClick:a.exitOnDocument&&!a.preventStateChange?S=>s.toggleDocument(i,S):void 0,children:m.jsx("article",{className:O("fkw-popup",g&&"fkw-popup--open",t&&`fkw-popup-animation--${t}`,w),role:"dialog","aria-modal":!0,"aria-hidden":!g,...p,children:u})}),r):null},N=({children:u,as:w,className:c,onClick:l,disabled:i,popupId:e,...n})=>{const f=o.useContext(b),[y,v]=o.useState(!1),k=w??"button";o.useEffect(()=>{const s=f.nodes.find(t=>t.id===e);s&&v(s.open)},[f]);function p(s){f.toggleNode(e),l&&l(s)}return m.jsx(k,{className:O("fkw-popup-button",y&&"fkw-popup-button--active",c),role:"button",onClick:p,"aria-haspopup":"dialog",tabIndex:0,disabled:i,"aria-disabled":i,"data-fkw-popup-operator":e,"aria-label":y?"Close Popup":"Open Popup",...n,children:u})};function j(u,w){const c={...w};for(const l in u)c[l]=u[l];return c}const M=Object.freeze(Object.defineProperty({__proto__:null,PopupButton:N,PopupLayer:I,PopupWindow:C},Symbol.toStringTag,{value:"Module"}));d.PopupButton=N,d.PopupLayer=I,d.PopupWindow=C,d.default=M,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../node_modules/classnames/index.js","../src/_package/Package.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import './styles.scss';\r\n\r\nimport React, { createContext, FC, JSX, useContext, useEffect, useMemo, useState } from \"react\";\r\nimport cn from 'classnames';\r\nimport { PopupButtonProps, PopupContextProps, PopupLayerProps, PopupNode, PopupSettings, PopupWindowAnimationType, PopupWindowProps } from './Interfaces';\r\nimport { createPortal } from 'react-dom';\r\n\r\n\r\n\r\nconst DEFAULT_SETTINGS: Required<PopupSettings> = {\r\n  disableScroll: true,\r\n  exitOnDocument: true,\r\n  exitOnEscape: true,\r\n  preventStateChange: false\r\n};\r\n\r\n// @ts-expect-error Need empty object\r\nconst PopupContext = createContext<PopupContextProps>({});\r\n\r\n\r\n\r\n/** \r\n * Popup context provider. Must be inside body tag and in client environment (NextJS)\r\n */\r\nexport const PopupLayer: FC<PopupLayerProps> = ({ className, settings: initialSettings, children, ...props }) => {\r\n  const [settings] = useState<PopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [nodes, setNodes] = useState<PopupNode[]>([]);\r\n\r\n  const context: PopupContextProps = {\r\n    nodes,\r\n    toggleNode,\r\n    registerNode,\r\n    toggleDocument\r\n  };\r\n\r\n\r\n\r\n  // Handle exitOnEscape\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return;\r\n\r\n    window.addEventListener('keydown', handleKeydown);\r\n\r\n    function handleKeydown(e: KeyboardEvent) {\r\n      const key = e.key;\r\n\r\n      if (key === 'Escape') {\r\n        const maxZIndex = Math.max(...nodes.filter(el => el.open).map(el => el.zIndex));\r\n        const node = nodes.find(el => el.open && el.zIndex === maxZIndex);\r\n        if (!node || !node.settings.exitOnEscape || !settings?.exitOnEscape) return;\r\n\r\n        toggleNode(node.id);\r\n      }\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeydown);\r\n    };\r\n  }, [nodes]);\r\n\r\n\r\n  /** \r\n   * @param state Forced state\r\n   */\r\n  function toggleNode(nod: string | PopupNode, force?: boolean) {\r\n    let node: PopupNode;\r\n\r\n    if (typeof nod === 'string') {\r\n      node = { ...nodes.find(el => el.id === nod) } as PopupNode;\r\n    } else {\r\n      node = { ...nod };\r\n    }\r\n\r\n    if (!node.id) return;\r\n    if ((settings.preventStateChange || node.settings.preventStateChange) && force === undefined) return console.warn(`Popup action prevented`);\r\n\r\n    const open = force ?? !node?.open;\r\n\r\n    node.open = open;\r\n    node.zIndex = open ? Math.max(...nodes.map(el => el.zIndex), 0) + 1 : 0;\r\n\r\n    setNodes(prev => [...prev.filter(el => el.id !== node.id), node]);\r\n\r\n    // Hide scroll on open\r\n    if (settings.disableScroll && node.settings.disableScroll && open) {\r\n      document.body.classList.add('fkw-popup--noScroll');\r\n    }\r\n\r\n    // Show scroll if no popup open\r\n    if (!open && !nodes.filter(el => el.id !== node.id).some(el => el.open)) {\r\n      document.body.classList.remove('fkw-popup--noScroll');\r\n    }\r\n  }\r\n\r\n  /** Register new node */\r\n  function registerNode(node: PopupNode) {\r\n    setNodes(prev => [...prev, node]);\r\n\r\n    if (node.open) toggleNode(node, true);\r\n  }\r\n\r\n  function toggleDocument(id: string, e: React.MouseEvent) {\r\n    const node: PopupNode = { ...nodes.find(el => el.id === id) } as PopupNode;\r\n    if (!node.id) return;\r\n    if (!node.settings.exitOnDocument) return;\r\n\r\n    const popup = (e.target as HTMLElement).closest('.fkw-popup');\r\n    if (popup || !node.settings.exitOnDocument || !settings.exitOnDocument) return;\r\n\r\n    toggleNode(node.id);\r\n  }\r\n\r\n\r\n\r\n  return <PopupContext.Provider value={context}>\r\n    {children}\r\n\r\n    <section className={cn(`fkw-popup-container`, className)} id='fkw-popup-container' {...props}></section>\r\n  </PopupContext.Provider>;\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup window\r\n */\r\nexport const PopupWindow: FC<PopupWindowProps> = ({ children, className, layerClassName, style, id, settings: initialSettings, isOpen: state, setIsOpen: stateSetter, animation: initialAnimation, renderOnDemand, onExit, onOpen, ...props }) => {\r\n  const ctx = useContext(PopupContext) as PopupContextProps;\r\n\r\n  const [animation] = useState<PopupWindowAnimationType>(initialAnimation ?? 'scale');\r\n  const [settings] = useState<PopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [isMounted, setIsMounted] = useState<boolean>(false);\r\n  const [isRendered, setIsRendered] = useState<boolean>(false);\r\n  const [container, setContainer] = useState<Element | null>(null);\r\n\r\n  const [isOpen, setIsOpen] = useState<boolean>(false);\r\n  const [zIndex, setZIndex] = useState<number>(0);\r\n\r\n\r\n\r\n  // Handle isRendered & onOpen, onExit\r\n  useMemo(() => {\r\n    if (renderOnDemand) {\r\n      if (isOpen) setIsRendered(true); // Render content only if window is open\r\n    } else setIsRendered(true);\r\n\r\n    if (isOpen && onOpen) onOpen();\r\n    if (!isOpen && onExit) onExit();\r\n  }, [isOpen]);\r\n\r\n  // Mount\r\n  useEffect(() => {\r\n    setContainer(document.querySelector('#fkw-popup-container'));\r\n    setIsMounted(true);\r\n\r\n    ctx.registerNode({\r\n      id,\r\n      open: false,\r\n      zIndex: 0,\r\n      settings\r\n    });\r\n  }, []);\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === id);\r\n    if (!node) return;\r\n\r\n    setIsOpen(node.open);\r\n\r\n    if (node.zIndex !== 0) {\r\n      // Instantly update zIndex\r\n      setZIndex(node.zIndex);\r\n    } else {\r\n      // Timeout zIndex update\r\n      setTimeout(() => {\r\n        setZIndex(node.zIndex);\r\n      }, 200);\r\n    }\r\n  }, [ctx]);\r\n\r\n  // Sync out state on current change\r\n  useEffect(() => {\r\n    if (stateSetter === undefined || state === isOpen) return;\r\n\r\n    stateSetter(isOpen);\r\n  }, [isOpen]);\r\n\r\n  // Sync current state on out change\r\n  useEffect(() => {\r\n    if (state === undefined || state === isOpen) return;\r\n\r\n    ctx.toggleNode(id, state);\r\n  }, [state]);\r\n\r\n\r\n\r\n  if (!isMounted || !container) return null;\r\n\r\n  return createPortal(<>\r\n    <section\r\n      id={id}\r\n      className={cn(`fkw-popup-layer`, isOpen && 'fkw-popup-layer--open', layerClassName)}\r\n      style={{ zIndex: 10000 + zIndex, cursor: settings.exitOnDocument && !settings.preventStateChange ? 'pointer' : 'auto', ...style }}\r\n      onClick={settings.exitOnDocument && !settings.preventStateChange ? e => ctx.toggleDocument(id, e) : undefined}\r\n    >\r\n      <article\r\n        className={cn(`fkw-popup`, isOpen && 'fkw-popup--open', animation && `fkw-popup-animation--${animation}`, className)}\r\n        role='dialog'\r\n        aria-modal\r\n        aria-hidden={!isOpen}\r\n        {...props}\r\n      >\r\n        {isRendered && children}\r\n      </article>\r\n    </section>\r\n  </>, container);\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup trigger button\r\n */\r\nexport const PopupButton: FC<PopupButtonProps> = ({ children, as, className, onClick, disabled, popupId, ...props }) => {\r\n  const ctx = useContext(PopupContext) as PopupContextProps;\r\n\r\n  const Tag: keyof JSX.IntrinsicElements = as ?? 'button';\r\n\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n\r\n\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === popupId);\r\n    if (!node) return;\r\n\r\n    setIsActive(node.open);\r\n  }, [ctx]);\r\n\r\n\r\n\r\n  function toggle(e: React.MouseEvent) {\r\n    ctx.toggleNode(popupId);\r\n    onClick && onClick(e);\r\n  }\r\n\r\n\r\n\r\n  return <Tag className={cn('fkw-popup-button', isActive && 'fkw-popup-button--active', className)} role='button' onClick={toggle} aria-haspopup=\"dialog\" tabIndex={0} disabled={disabled} aria-disabled={disabled} data-fkw-popup-operator={popupId} aria-label={isActive ? 'Close Popup' : 'Open Popup'} {...props}>\r\n    {children}\r\n  </Tag>;\r\n};\r\n\r\n\r\n\r\nfunction reassingObject(target: object, refference: object) {\r\n  const payload = { ...refference };\r\n\r\n  for (const key in target) {\r\n    payload[key] = target[key];\r\n  }\r\n\r\n  return payload;\r\n}"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","DEFAULT_SETTINGS","PopupContext","createContext","PopupLayer","className","initialSettings","children","props","settings","useState","reassingObject","nodes","setNodes","context","toggleNode","registerNode","toggleDocument","useEffect","handleKeydown","e","maxZIndex","el","node","nod","force","open","prev","id","jsxs","jsx","cn","PopupWindow","layerClassName","style","state","stateSetter","initialAnimation","renderOnDemand","onExit","onOpen","ctx","useContext","animation","isMounted","setIsMounted","isRendered","setIsRendered","container","setContainer","isOpen","setIsOpen","zIndex","setZIndex","useMemo","createPortal","Fragment","PopupButton","as","onClick","disabled","popupId","Tag","isActive","setIsActive","toggle","target","refference","payload"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.umd.js","sources":["../node_modules/classnames/index.js","../src/_package/Package.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import './styles.scss';\r\n\r\nimport React, { createContext, FC, JSX, Suspense, useContext, useEffect, useMemo, useState } from \"react\";\r\nimport cn from 'classnames';\r\nimport { IPopupButtonProps, IPopupContextProps, IPopupLayerProps, IPopupNode, IPopupSettings, PopupWindowAnimationType, IPopupWindowProps } from './Interfaces';\r\nimport { createPortal } from 'react-dom';\r\nimport useMixedState from './useMixedState';\r\n\r\n\r\n\r\nconst DEFAULT_SETTINGS: Required<IPopupSettings> = {\r\n  disableScroll: true,\r\n  exitOnDocument: true,\r\n  exitOnEscape: true,\r\n  preventStateChange: false\r\n};\r\n\r\nconst PopupContext = createContext<IPopupContextProps>({} as IPopupContextProps);\r\n\r\n\r\n\r\n/** \r\n * Popup context provider. Must be inside body tag and in client environment (NextJS)\r\n */\r\nexport const PopupLayer: FC<IPopupLayerProps> = ({ className, settings: initialSettings, children, ...props }) => {\r\n  const [settings] = useState<IPopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [nodes, setNodes] = useState<IPopupNode[]>([]);\r\n\r\n  const context: IPopupContextProps = {\r\n    nodes,\r\n    toggleNode,\r\n    registerNode,\r\n    toggleDocument\r\n  };\r\n\r\n\r\n\r\n  // Handle exitOnEscape\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return;\r\n\r\n    window.addEventListener('keydown', handleKeydown);\r\n\r\n    function handleKeydown(e: KeyboardEvent) {\r\n      const key = e.key;\r\n\r\n      if (key === 'Escape') {\r\n        const maxZIndex = Math.max(...nodes.filter(el => el.open).map(el => el.zIndex));\r\n        const node = nodes.find(el => el.open && el.zIndex === maxZIndex);\r\n        if (!node || !node.settings.exitOnEscape || !settings?.exitOnEscape) return;\r\n\r\n        toggleNode(node.id);\r\n      }\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeydown);\r\n    };\r\n  }, [nodes]);\r\n\r\n\r\n  /** \r\n   * @param state Forced state\r\n   */\r\n  function toggleNode(nod: string | IPopupNode, force?: boolean) {\r\n    let node: IPopupNode;\r\n\r\n    if (typeof nod === 'string') {\r\n      node = { ...nodes.find(el => el.id === nod) } as IPopupNode;\r\n    } else {\r\n      node = { ...nod };\r\n    }\r\n\r\n    if (!node.id) return;\r\n    if ((settings.preventStateChange || node.settings.preventStateChange) && force === undefined) return console.warn(`Popup action prevented`);\r\n\r\n    const open = force ?? !node?.open;\r\n\r\n    node.open = open;\r\n    node.zIndex = open ? Math.max(...nodes.map(el => el.zIndex), 0) + 1 : 0;\r\n\r\n    setNodes(prev => [...prev.filter(el => el.id !== node.id), node]);\r\n\r\n    // Hide scroll on open\r\n    if (settings.disableScroll && node.settings.disableScroll && open) {\r\n      document.body.classList.add('fkw-popup--noScroll');\r\n    }\r\n\r\n    // Show scroll if no popup open\r\n    if (!open && !nodes.filter(el => el.id !== node.id).some(el => el.open)) {\r\n      document.body.classList.remove('fkw-popup--noScroll');\r\n    }\r\n  }\r\n\r\n  /** Register new node */\r\n  function registerNode(node: IPopupNode) {\r\n    setNodes(prev => [...prev, node]);\r\n\r\n    if (node.open) toggleNode(node, true);\r\n  }\r\n\r\n  function toggleDocument(id: string, e: React.MouseEvent) {\r\n    const node: IPopupNode = { ...nodes.find(el => el.id === id) } as IPopupNode;\r\n    if (!node.id) return;\r\n    if (!node.settings.exitOnDocument) return;\r\n\r\n    const popup = (e.target as HTMLElement).closest('.fkw-popup');\r\n    if (popup || !node.settings.exitOnDocument || !settings.exitOnDocument) return;\r\n\r\n    toggleNode(node.id);\r\n  }\r\n\r\n\r\n\r\n  return <Suspense>\r\n    <PopupContext.Provider value={context}>\r\n      {children}\r\n\r\n      <section className={cn(`fkw-popup-container`, className)} id='fkw-popup-container' {...props}></section>\r\n    </PopupContext.Provider>\r\n  </Suspense>;\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup window\r\n */\r\nexport const PopupWindow: FC<IPopupWindowProps> = ({ children, className, layerClassName, style, id, settings: initialSettings, isOpen: state, setIsOpen: stateSetter, animation: initialAnimation, onExit, onOpen, ...props }) => {\r\n  const ctx = useContext(PopupContext) as IPopupContextProps;\r\n\r\n  const [animation] = useState<PopupWindowAnimationType>(initialAnimation ?? 'scale');\r\n  const [settings] = useState<IPopupSettings>(reassingObject(initialSettings ?? {}, DEFAULT_SETTINGS));\r\n  const [container, setContainer] = useState<Element | null>(null);\r\n\r\n  const [isOpen, setIsOpen] = useState(state ?? false);\r\n  const [zIndex, setZIndex] = useState<number>(0);\r\n\r\n\r\n\r\n  // Mount\r\n  useEffect(() => {\r\n    setContainer(document.querySelector('#fkw-popup-container'));\r\n\r\n    ctx.registerNode({\r\n      id,\r\n      open: isOpen,\r\n      zIndex: 0,\r\n      settings\r\n    });\r\n  }, []);\r\n\r\n  // Handle onOpen, onExit\r\n  useEffect(() => {\r\n    if (isOpen && onOpen) onOpen();\r\n    if (!isOpen && onExit) onExit();\r\n  }, [state]);\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === id);\r\n    if (!node) return;\r\n\r\n    setIsOpen(node.open);\r\n\r\n    if (node.zIndex !== 0) {\r\n      // Instantly update zIndex\r\n      setZIndex(node.zIndex);\r\n    } else {\r\n      // Timeout zIndex update\r\n      setTimeout(() => {\r\n        setZIndex(node.zIndex);\r\n      }, 200); // TODO: fix constant animation delay timeout\r\n    }\r\n  }, [ctx]);\r\n\r\n  // Sync out state on current change\r\n  useEffect(() => {\r\n    if (stateSetter === undefined || state === isOpen) return;\r\n\r\n    stateSetter(isOpen);\r\n  }, [isOpen]);\r\n\r\n  // Sync current state on out change\r\n  useEffect(() => {\r\n    if (state === undefined || state === isOpen) return;\r\n\r\n    ctx.toggleNode(id, state);\r\n  }, [state]);\r\n\r\n\r\n\r\n  if (!container) return null;\r\n\r\n  return createPortal(<section\r\n    id={id}\r\n    className={cn(`fkw-popup-layer`, isOpen && 'fkw-popup-layer--open', layerClassName)}\r\n    style={{ zIndex: 10000 + zIndex, cursor: settings.exitOnDocument && !settings.preventStateChange ? 'pointer' : 'auto', ...style }}\r\n    onClick={settings.exitOnDocument && !settings.preventStateChange ? e => ctx.toggleDocument(id, e) : undefined}\r\n  >\r\n    <article\r\n      className={cn(`fkw-popup`, isOpen && 'fkw-popup--open', animation && `fkw-popup-animation--${animation}`, className)}\r\n      role='dialog'\r\n      aria-modal\r\n      aria-hidden={!isOpen}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </article>\r\n  </section>, container);\r\n};\r\n\r\n\r\n\r\n/** \r\n * Popup trigger button\r\n */\r\nexport const PopupButton: FC<IPopupButtonProps> = ({ children, as, className, onClick, disabled, popupId, ...props }) => {\r\n  const ctx = useContext(PopupContext) as IPopupContextProps;\r\n\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n\r\n  const Tag: keyof JSX.IntrinsicElements = as ?? 'button';\r\n\r\n\r\n\r\n  // Listen context\r\n  useEffect(() => {\r\n    const node = ctx.nodes.find(el => el.id === popupId);\r\n    if (!node) return;\r\n\r\n    setIsActive(node.open);\r\n  }, [ctx]);\r\n\r\n\r\n\r\n  function toggle(e: React.MouseEvent) {\r\n    ctx.toggleNode(popupId);\r\n    onClick && onClick(e);\r\n  }\r\n\r\n\r\n\r\n  return <Tag className={cn('fkw-popup-button', isActive && 'fkw-popup-button--active', className)} role='button' onClick={toggle} aria-haspopup=\"dialog\" tabIndex={0} disabled={disabled} aria-disabled={disabled} data-fkw-popup-operator={popupId} aria-label={isActive ? 'Close Popup' : 'Open Popup'} {...props}>\r\n    {children}\r\n  </Tag>;\r\n};\r\n\r\n\r\n\r\nfunction reassingObject(target: object, refference: object) {\r\n  const payload = { ...refference };\r\n\r\n  for (const key in target) {\r\n    payload[key] = target[key];\r\n  }\r\n\r\n  return payload;\r\n}"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","DEFAULT_SETTINGS","PopupContext","createContext","PopupLayer","className","initialSettings","children","props","settings","useState","reassingObject","nodes","setNodes","context","toggleNode","registerNode","toggleDocument","useEffect","handleKeydown","e","maxZIndex","el","node","nod","force","open","prev","id","Suspense","jsxs","jsx","cn","PopupWindow","layerClassName","style","state","stateSetter","initialAnimation","onExit","onOpen","ctx","useContext","animation","container","setContainer","isOpen","setIsOpen","zIndex","setZIndex","createPortal","PopupButton","as","onClick","disabled","popupId","isActive","setIsActive","Tag","toggle","target","refference","payload"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -1 +1 @@
-.fkw-popup{cursor:auto;transition:.2s ease-in-out}.fkw-popup--noScroll{overflow:hidden;scrollbar-gutter:stable}.fkw-popup-animation--fade{opacity:1}.fkw-popup-animation--fade:not(.fkw-popup--open){opacity:0}.fkw-popup-animation--scale{scale:1}.fkw-popup-animation--scale:not(.fkw-popup--open){scale:.8}.fkw-popup-layer{position:fixed;top:0;left:0;width:100%;height:100%;max-height:100%;z-index:9999;background:#0003;-webkit-tap-highlight-color:transparent;contain:paint;opacity:0;visibility:hidden;touch-action:none;pointer-events:none;transition:.2s ease-in-out;display:flex;align-items:center;justify-content:center}.fkw-popup-layer--open{opacity:1;visibility:visible;touch-action:auto;pointer-events:auto}.fkw-popup-button{cursor:pointer}
+.fkw-popup{cursor:auto;transition:.2s ease-in-out;max-height:100%;overflow-y:auto}.fkw-popup--noScroll{overflow:hidden;scrollbar-gutter:stable}.fkw-popup-animation--fade{opacity:1}.fkw-popup-animation--fade:not(.fkw-popup--open){opacity:0}.fkw-popup-animation--scale{scale:1}.fkw-popup-animation--scale:not(.fkw-popup--open){scale:.8}.fkw-popup-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100%;z-index:9999;background:#0003;-webkit-tap-highlight-color:transparent;contain:paint;opacity:0;visibility:hidden;touch-action:none;pointer-events:none;transition:.2s ease-in-out;display:flex;align-items:center;justify-content:center}.fkw-popup-layer--open{opacity:1;visibility:visible;touch-action:auto;pointer-events:auto}.fkw-popup-button{cursor:pointer}

package/dist/useMixedState.d.ts

@@ -0,0 +1,4 @@
+import { StateSetter } from './Interfaces';
+export default function useMixedState<S = undefined>(): [S | undefined, StateSetter<S | undefined>];
+export default function useMixedState<S>(initialState: S | (() => S)): [S, StateSetter<S>];
+export default function useMixedState<S>(state: S, setter?: StateSetter<S>): [S, StateSetter<S>];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullkekw/popup",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "React Popup component written on Typescript. Compatible with NextJS & Vite!",
   "keywords": [
     "fkw",