npm - @fullkekw/popup - Versions diffs - 2.0.10 → 2.0.11 - Mend

@fullkekw/popup 2.0.10 → 2.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../node_modules/classnames/index.js","../src/_package/useMixedState.ts","../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","'use client';\r\n\r\nimport { useState } from 'react';\r\nimport { StateSetter } from './Interfaces';\r\n\r\n\r\n\r\nexport default function useMixedState<S = undefined>(): [S \| undefined, StateSetter<S \| undefined>];\r\nexport default function useMixedState<S>(initialState: S \| (() => S)): [S, StateSetter<S>];\r\nexport default function useMixedState<S>(state: S, setter?: StateSetter<S>): [S, StateSetter<S>];\r\n\r\n\r\n\r\n/* \r\n * Use mixed state hook\r\n * \r\n * @param initialStateOrValue Initial state, can be undefined, value or function. If externalSetter not specified, will return default state\r\n * @param externalSetter External state setter. If specified will return external state\r\n /\r\nexport default function useMixedState<S>(initialStateOrValue?: S \| (() => S), externalSetter?: StateSetter<S>) {\r\n const isControlled = arguments.length === 2 && externalSetter !== undefined;\r\n\r\n const [defaultState, defaultSetter] = useState<S \| undefined>(initialStateOrValue);\r\n\r\n\r\n\r\n if (isControlled) {\r\n return [\r\n initialStateOrValue as S,\r\n externalSetter as StateSetter<S>\r\n ];\r\n }\r\n\r\n return [defaultState, defaultSetter];\r\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 state = useMemo(() => state ?? false, []);\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] = useMixedState(state, stateSetter);\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: state,\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 }, [isOpen]);\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\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","useMixedState","initialStateOrValue","externalSetter","isControlled","defaultState","defaultSetter","useState","DEFAULT_SETTINGS","PopupContext","createContext","PopupLayer","className","initialSettings","children","props","settings","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","useMemo","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]}
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, 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 CHANGED Viewed

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.umd.js","sources":["../node_modules/classnames/index.js","../src/_package/useMixedState.ts","../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","'use client';\r\n\r\nimport { useState } from 'react';\r\nimport { StateSetter } from './Interfaces';\r\n\r\n\r\n\r\nexport default function useMixedState<S = undefined>(): [S \| undefined, StateSetter<S \| undefined>];\r\nexport default function useMixedState<S>(initialState: S \| (() => S)): [S, StateSetter<S>];\r\nexport default function useMixedState<S>(state: S, setter?: StateSetter<S>): [S, StateSetter<S>];\r\n\r\n\r\n\r\n/* \r\n * Use mixed state hook\r\n * \r\n * @param initialStateOrValue Initial state, can be undefined, value or function. If externalSetter not specified, will return default state\r\n * @param externalSetter External state setter. If specified will return external state\r\n /\r\nexport default function useMixedState<S>(initialStateOrValue?: S \| (() => S), externalSetter?: StateSetter<S>) {\r\n const isControlled = arguments.length === 2 && externalSetter !== undefined;\r\n\r\n const [defaultState, defaultSetter] = useState<S \| undefined>(initialStateOrValue);\r\n\r\n\r\n\r\n if (isControlled) {\r\n return [\r\n initialStateOrValue as S,\r\n externalSetter as StateSetter<S>\r\n ];\r\n }\r\n\r\n return [defaultState, defaultSetter];\r\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 state = useMemo(() => state ?? false, []);\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] = useMixedState(state, stateSetter);\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: state,\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 }, [isOpen]);\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\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","useMixedState","initialStateOrValue","externalSetter","isControlled","defaultState","defaultSetter","useState","DEFAULT_SETTINGS","PopupContext","createContext","PopupLayer","className","initialSettings","children","props","settings","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","useMemo","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]}
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, 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/package.json CHANGED Viewed

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