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

@fullkekw/popup 2.0.9 → 2.0.10

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 (10) hide show

package/dist/Interfaces.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,8 +1,8 @@
-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) {
-  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+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 { createPortal as A } from "react-dom";
+function q(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
 var b = { exports: {} };
 /*!
@@ -10,15 +10,15 @@ 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 F() {
+  return C || (C = 1, function(o) {
     (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 d = {}.hasOwnProperty;
+      function p() {
+        for (var e = "", n = 0; n < arguments.length; n++) {
+          var u = arguments[n];
+          u && (e = r(e, c(u)));
         }
         return e;
       }
@@ -28,133 +28,139 @@ function K() {
         if (typeof e != "object")
           return "";
         if (Array.isArray(e))
-          return u.apply(null, e);
+          return p.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)
+          d.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;
+      o.exports ? (p.default = p, o.exports = p) : window.classNames = p;
     })();
   }(b)), b.exports;
 }
-var U = K();
-const S = /* @__PURE__ */ G(U), D = {
+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 = {
   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({}), G = ({ className: o, settings: d, children: p, ...c }) => {
+  const [r] = x(z(d ?? {}, N)), [e, n] = x([]), u = {
     nodes: e,
-    toggleNode: g,
-    registerNode: y,
-    toggleDocument: v
+    toggleNode: m,
+    registerNode: w,
+    toggleDocument: y
   };
-  O(() => {
+  S(() => {
     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", 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);
+        if (!i || !i.settings.exitOnEscape || !(r != null && r.exitOnEscape)) return;
+        m(i.id);
       }
     }
     return () => {
-      window.removeEventListener("keydown", i);
+      window.removeEventListener("keydown", a);
     };
   }, [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 m(a, s) {
+    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");
   }
-  function y(i) {
-    t((p) => [...p, i]), i.open && g(i, !0);
+  function w(a) {
+    n((s) => [...s, a]), a.open && m(a, !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 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);
   }
-  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__ */ k(M, { children: /* @__PURE__ */ _(h.Provider, { value: u, children: [
+    p,
+    /* @__PURE__ */ k("section", { className: O("fkw-popup-container", o), id: "fkw-popup-container", ...c })
+  ] }) });
+}, 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({
       id: r,
-      open: !1,
+      open: n,
       zIndex: 0,
-      settings: o
+      settings: f
     });
-  }, []), O(() => {
-    const w = n.nodes.find((A) => A.id === r);
-    w && (L(w.open), w.zIndex !== 0 ? N(w.zIndex) : setTimeout(() => {
-      N(w.zIndex);
+  }, []), 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);
     }, 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(
+  }, [s]), i ? A(/* @__PURE__ */ k(
     "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,
+      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(
         "article",
         {
-          className: S("fkw-popup", f && "fkw-popup--open", d && `fkw-popup-animation--${d}`, x),
+          className: O("fkw-popup", v && "fkw-popup--open", t && `fkw-popup-animation--${t}`, d),
           role: "dialog",
           "aria-modal": !0,
-          "aria-hidden": !f,
-          ...p,
-          children: M && s
+          "aria-hidden": !v,
+          ...a,
+          children: o
         }
       )
     }
-  ) }), 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;
+}, 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);
+  }, [u]);
+  function a(s) {
+    u.toggleNode(e), c && c(s);
   }
-  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__ */ 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 });
 };
-function E(s, x) {
-  const u = { ...x };
-  for (const c in s)
-    u[c] = s[c];
-  return u;
+function z(o, d) {
+  const p = { ...d };
+  for (const c in o)
+    p[c] = o[c];
+  return p;
 }
-const X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  PopupButton: $,
-  PopupLayer: V,
-  PopupWindow: W
+  PopupButton: R,
+  PopupLayer: G,
+  PopupWindow: K
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  $ as PopupButton,
-  V as PopupLayer,
-  W as PopupWindow,
-  X as default
+  R as PopupButton,
+  G as PopupLayer,
+  K as PopupWindow,
+  H 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/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":";;;;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,QAElD;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAOA;AAGR,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;gCCnEMU,IAA4C;AAAA,EAChD,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,oBAAoB;AACtB,GAGMC,IAAeC,EAAiC,EAAE,GAO3CC,IAAkC,CAAC,EAAE,WAAAC,GAAW,UAAUC,GAAiB,UAAAC,GAAU,GAAGC,QAAY;AACzG,QAAA,CAACC,CAAQ,IAAIC,EAAwBC,EAAeL,KAAmB,CAAA,GAAIL,CAAgB,CAAC,GAC5F,CAACW,GAAOC,CAAQ,IAAIH,EAAsB,CAAA,CAAE,GAE5CI,IAA6B;AAAA,IACjC,OAAAF;AAAA,IACA,YAAAG;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,EACF;AAKA,EAAAC,EAAU,MAAM;AACV,QAAA,OAAO,SAAW,IAAa;AAE5B,WAAA,iBAAiB,WAAWC,CAAa;AAEhD,aAASA,EAAcC,GAAkB;AAGvC,UAFYA,EAAE,QAEF,UAAU;AACpB,cAAMC,IAAY,KAAK,IAAI,GAAGT,EAAM,OAAO,CAAAU,MAAMA,EAAG,IAAI,EAAE,IAAI,CAAMA,MAAAA,EAAG,MAAM,CAAC,GACxEC,IAAOX,EAAM,KAAK,CAAAU,MAAMA,EAAG,QAAQA,EAAG,WAAWD,CAAS;AAC5D,YAAA,CAACE,KAAQ,CAACA,EAAK,SAAS,gBAAgB,EAACd,KAAA,QAAAA,EAAU,cAAc;AAErE,QAAAM,EAAWQ,EAAK,EAAE;AAAA,MAAA;AAAA,IACpB;AAGF,WAAO,MAAM;AACJ,aAAA,oBAAoB,WAAWJ,CAAa;AAAA,IACrD;AAAA,EAAA,GACC,CAACP,CAAK,CAAC;AAMD,WAAAG,EAAWS,GAAyBC,GAAiB;AACxD,QAAAF;AAQA,QANA,OAAOC,KAAQ,WACVD,IAAA,EAAE,GAAGX,EAAM,KAAK,OAAMU,EAAG,OAAOE,CAAG,EAAE,IAErCD,IAAA,EAAE,GAAGC,EAAI,GAGd,CAACD,EAAK,GAAI;AACT,SAAAd,EAAS,sBAAsBc,EAAK,SAAS,uBAAuBE,MAAU,OAAW,QAAO,QAAQ,KAAK,wBAAwB;AAEpI,UAAAC,IAAOD,KAAS,EAACF,KAAA,QAAAA,EAAM;AAE7B,IAAAA,EAAK,OAAOG,GACZH,EAAK,SAASG,IAAO,KAAK,IAAI,GAAGd,EAAM,IAAI,CAAAU,MAAMA,EAAG,MAAM,GAAG,CAAC,IAAI,IAAI,GAEtET,EAAS,CAAQc,MAAA,CAAC,GAAGA,EAAK,OAAO,CAAAL,MAAMA,EAAG,OAAOC,EAAK,EAAE,GAAGA,CAAI,CAAC,GAG5Dd,EAAS,iBAAiBc,EAAK,SAAS,iBAAiBG,KAClD,SAAA,KAAK,UAAU,IAAI,qBAAqB,GAI/C,CAACA,KAAQ,CAACd,EAAM,OAAO,CAAMU,MAAAA,EAAG,OAAOC,EAAK,EAAE,EAAE,KAAK,CAAMD,MAAAA,EAAG,IAAI,KAC3D,SAAA,KAAK,UAAU,OAAO,qBAAqB;AAAA,EACtD;AAIF,WAASN,EAAaO,GAAiB;AACrC,IAAAV,EAAS,CAAQc,MAAA,CAAC,GAAGA,GAAMJ,CAAI,CAAC,GAE5BA,EAAK,QAAiBR,EAAAQ,GAAM,EAAI;AAAA,EAAA;AAG7B,WAAAN,EAAeW,GAAYR,GAAqB;AACjD,UAAAG,IAAkB,EAAE,GAAGX,EAAM,KAAK,CAAMU,MAAAA,EAAG,OAAOM,CAAE,EAAE;AAK5D,IAJI,CAACL,EAAK,MACN,CAACA,EAAK,SAAS,kBAEJH,EAAE,OAAuB,QAAQ,YAAY,KAC/C,CAACG,EAAK,SAAS,kBAAkB,CAACd,EAAS,kBAExDM,EAAWQ,EAAK,EAAE;AAAA,EAAA;AAKpB,SAAQ,gBAAAM,EAAA3B,EAAa,UAAb,EAAsB,OAAOY,GAClC,UAAA;AAAA,IAAAP;AAAA,IAED,gBAAAuB,EAAC,WAAQ,EAAA,WAAWC,EAAG,uBAAuB1B,CAAS,GAAG,IAAG,uBAAuB,GAAGG,EAAO,CAAA;AAAA,EAAA,GAChG;AACF,GAOawB,IAAoC,CAAC,EAAE,UAAAzB,GAAU,WAAAF,GAAW,gBAAA4B,GAAgB,OAAAC,GAAO,IAAAN,GAAI,UAAUtB,GAAiB,QAAQ6B,GAAO,WAAWC,GAAa,WAAWC,GAAkB,gBAAAC,GAAgB,QAAAC,GAAQ,QAAAC,GAAQ,GAAGhC,QAAY;AAC1O,QAAAiC,IAAMC,EAAWxC,CAAY,GAE7B,CAACyC,CAAS,IAAIjC,EAAmC2B,KAAoB,OAAO,GAC5E,CAAC5B,CAAQ,IAAIC,EAAwBC,EAAeL,KAAmB,CAAA,GAAIL,CAAgB,CAAC,GAC5F,CAAC2C,GAAWC,CAAY,IAAInC,EAAkB,EAAK,GACnD,CAACoC,GAAYC,CAAa,IAAIrC,EAAkB,EAAK,GACrD,CAACsC,GAAWC,CAAY,IAAIvC,EAAyB,IAAI,GAEzD,CAACwC,GAAQC,CAAS,IAAIzC,EAAkB,EAAK,GAC7C,CAAC0C,GAAQC,CAAS,IAAI3C,EAAiB,CAAC;AA6D9C,SAxDA4C,EAAQ,MAAM;AACZ,IAAIhB,IACEY,OAAsB,EAAI,MACX,EAAI,GAErBA,KAAUV,KAAeA,EAAA,GACzB,CAACU,KAAUX,KAAeA,EAAA;AAAA,EAAA,GAC7B,CAACW,CAAM,CAAC,GAGXhC,EAAU,MAAM;AACD,IAAA+B,EAAA,SAAS,cAAc,sBAAsB,CAAC,GAC3DJ,EAAa,EAAI,GAEjBJ,EAAI,aAAa;AAAA,MACf,IAAAb;AAAA,MACA,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAAnB;AAAA,IAAA,CACD;AAAA,EACH,GAAG,EAAE,GAGLS,EAAU,MAAM;AACd,UAAMK,IAAOkB,EAAI,MAAM,KAAK,CAAMnB,MAAAA,EAAG,OAAOM,CAAE;AAC9C,IAAKL,MAEL4B,EAAU5B,EAAK,IAAI,GAEfA,EAAK,WAAW,IAElB8B,EAAU9B,EAAK,MAAM,IAGrB,WAAW,MAAM;AACf,MAAA8B,EAAU9B,EAAK,MAAM;AAAA,OACpB,GAAG;AAAA,EACR,GACC,CAACkB,CAAG,CAAC,GAGRvB,EAAU,MAAM;AACV,IAAAkB,MAAgB,UAAaD,MAAUe,KAE3Cd,EAAYc,CAAM;AAAA,EAAA,GACjB,CAACA,CAAM,CAAC,GAGXhC,EAAU,MAAM;AACV,IAAAiB,MAAU,UAAaA,MAAUe,KAEjCT,EAAA,WAAWb,GAAIO,CAAK;AAAA,EAAA,GACvB,CAACA,CAAK,CAAC,GAIN,CAACS,KAAa,CAACI,IAAkB,OAE9BO,EACL,gBAAAzB,EAAA0B,GAAA,EAAA,UAAA,gBAAA1B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAF;AAAA,MACA,WAAWG,EAAG,mBAAmBmB,KAAU,yBAAyBjB,CAAc;AAAA,MAClF,OAAO,EAAE,QAAQ,MAAQmB,GAAQ,QAAQ3C,EAAS,kBAAkB,CAACA,EAAS,qBAAqB,YAAY,QAAQ,GAAGyB,EAAM;AAAA,MAChI,SAASzB,EAAS,kBAAkB,CAACA,EAAS,qBAAqB,CAAAW,MAAKqB,EAAI,eAAeb,GAAIR,CAAC,IAAI;AAAA,MAEpG,UAAA,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAG,aAAamB,KAAU,mBAAmBP,KAAa,wBAAwBA,CAAS,IAAItC,CAAS;AAAA,UACnH,MAAK;AAAA,UACL,cAAU;AAAA,UACV,eAAa,CAAC6C;AAAA,UACb,GAAG1C;AAAA,UAEH,UAAcsC,KAAAvC;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA,EAEJ,CAAA,GAAKyC,CAAS;AAChB,GAOaS,IAAoC,CAAC,EAAE,UAAAlD,GAAU,IAAAmD,GAAI,WAAArD,GAAW,SAAAsD,GAAS,UAAAC,GAAU,SAAAC,GAAS,GAAGrD,QAAY;AAChH,QAAAiC,IAAMC,EAAWxC,CAAY,GAE7B4D,IAAmCJ,KAAM,UAEzC,CAACK,GAAUC,CAAW,IAAItD,EAAkB,EAAK;AAKvD,EAAAQ,EAAU,MAAM;AACd,UAAMK,IAAOkB,EAAI,MAAM,KAAK,CAAMnB,MAAAA,EAAG,OAAOuC,CAAO;AACnD,IAAKtC,KAELyC,EAAYzC,EAAK,IAAI;AAAA,EAAA,GACpB,CAACkB,CAAG,CAAC;AAIR,WAASwB,EAAO7C,GAAqB;AACnC,IAAAqB,EAAI,WAAWoB,CAAO,GACtBF,KAAWA,EAAQvC,CAAC;AAAA,EAAA;AAKtB,SAAQ,gBAAAU,EAAAgC,GAAA,EAAI,WAAW/B,EAAG,oBAAoBgC,KAAY,4BAA4B1D,CAAS,GAAG,MAAK,UAAS,SAAS4D,GAAQ,iBAAc,UAAS,UAAU,GAAG,UAAAL,GAAoB,iBAAeA,GAAU,2BAAyBC,GAAS,cAAYE,IAAW,gBAAgB,cAAe,GAAGvD,GAC1S,UAAAD,EACH,CAAA;AACF;AAIA,SAASI,EAAeuD,GAAgBC,GAAoB;AACpD,QAAAC,IAAU,EAAE,GAAGD,EAAW;AAEhC,aAAWtE,KAAOqE;AACR,IAAAE,EAAAvE,CAAG,IAAIqE,EAAOrE,CAAG;AAGpB,SAAAuE;AACT;;;;;;;","x_google_ignoreList":[0]}
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]}

package/dist/index.umd.js CHANGED Viewed

@@ -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(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:{}};/*!
 	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 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"}})});
 //# 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/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]}
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]}

package/dist/styles.css CHANGED Viewed

	@@ -1 +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}
1	+ .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 ADDED Viewed

@@ -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 CHANGED Viewed

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