@nice2dev/ui 1.0.23 → 1.0.25

package/dist/NiceModal-C582SiK7.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./core-CjUAwZ6z.cjs"),a=require("react"),L=require("react-dom"),g=({open:l,onClose:c,title:n,size:f="md",children:h,footer:r,closeOnOverlay:v=!0,closeOnEscape:d=!0,fullscreenable:y,zIndex:i,className:x,style:_,displayStyle:u})=>{const{t:j}=t.Zt(),b=a.useContext(t.ur),m=a.useRef(null),[o,N]=a.useState(!1),k=t.Ns("modal",u),w=t.Es("modal",u);if(t.js(m,l),a.useEffect(()=>{if(!l||!d)return;const s=E=>{E.key==="Escape"&&c()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[l,d,c]),a.useEffect(()=>(l?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[l]),!l||typeof document>"u")return null;const C=e.jsx("div",{className:"nice-modal-overlay",style:i?{zIndex:i}:void 0,onClick:v?c:void 0,children:e.jsxs("div",{ref:m,className:`nice-modal nice-modal--${o?"full":f} nice-modal--ds-${w} ${x||""}`,style:{...k,..._},role:"dialog","aria-modal":"true","aria-label":n,onClick:s=>s.stopPropagation(),children:[n&&e.jsxs("div",{className:"nice-modal__header",children:[e.jsx("h2",{className:"nice-modal__title",children:n}),e.jsxs("div",{className:"nice-modal__header-actions",children:[y&&e.jsx("button",{type:"button",className:"nice-modal__fullscreen",onClick:()=>N(s=>!s),"aria-label":o?"Exit fullscreen":"Fullscreen",children:o?"⇲":"⇱"}),e.jsx("button",{type:"button",className:"nice-modal__close",onClick:c,"aria-label":j("controls.close","Close"),children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"})})})]})]}),e.jsx("div",{className:"nice-modal__body",children:h}),r&&e.jsx("div",{className:"nice-modal__footer",children:r})]})});return L.createPortal(C,b?.portalTarget??document.body)};exports.NiceModal=g;

package/dist/NiceModal-sFJw1CWm.js

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Z as L, u as g, N as j, E as F, j as $ } from "./core-C7CI2mWz.js";
+import { useContext as M, useRef as P, useState as R, useEffect as u } from "react";
+import { createPortal as Z } from "react-dom";
+const z = ({
+  open: l,
+  onClose: o,
+  title: t,
+  size: f = "md",
+  children: h,
+  footer: n,
+  closeOnOverlay: v = !0,
+  closeOnEscape: d = !0,
+  fullscreenable: y,
+  zIndex: c,
+  className: _,
+  style: N,
+  displayStyle: i
+}) => {
+  const { t: b } = L(), k = M(g), m = P(null), [r, p] = R(!1), w = j("modal", i), x = F("modal", i);
+  if ($(m, l), u(() => {
+    if (!l || !d)
+      return;
+    const a = (E) => {
+      E.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [l, d, o]), u(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [l]), !l || typeof document > "u")
+    return null;
+  const C = /* @__PURE__ */ e(
+    "div",
+    {
+      className: "nice-modal-overlay",
+      style: c ? { zIndex: c } : void 0,
+      onClick: v ? o : void 0,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: m,
+          className: `nice-modal nice-modal--${r ? "full" : f} nice-modal--ds-${x} ${_ || ""}`,
+          style: { ...w, ...N },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": t,
+          onClick: (a) => a.stopPropagation(),
+          children: [
+            t && /* @__PURE__ */ s("div", { className: "nice-modal__header", children: [
+              /* @__PURE__ */ e("h2", { className: "nice-modal__title", children: t }),
+              /* @__PURE__ */ s("div", { className: "nice-modal__header-actions", children: [
+                y && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__fullscreen",
+                    onClick: () => p((a) => !a),
+                    "aria-label": r ? "Exit fullscreen" : "Fullscreen",
+                    children: r ? "⇲" : "⇱"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__close",
+                    onClick: o,
+                    "aria-label": b("controls.close", "Close"),
+                    children: /* @__PURE__ */ e(
+                      "svg",
+                      {
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 20 20",
+                        fill: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ e("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
+                      }
+                    )
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "nice-modal__body", children: h }),
+            n && /* @__PURE__ */ e("div", { className: "nice-modal__footer", children: n })
+          ]
+        }
+      )
+    }
+  );
+  return Z(C, k?.portalTarget ?? document.body);
+};
+export {
+  z as N
+};