@nice2dev/ui-graphics 1.1.0 → 1.1.1

package/dist/esm/packages/ui/dist/NiceModal-1QX7NhyH.js

@@ -0,0 +1,96 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, useRef, useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { W as me, N as da, c as xs, d as ks, e as Ws } from './core-Da43q-pO.js';
+
+const q = ({
+  open: l,
+  onClose: a,
+  title: t,
+  size: f = "md",
+  children: h,
+  footer: r,
+  closeOnOverlay: y = true,
+  closeOnEscape: c = true,
+  fullscreenable: v,
+  zIndex: d,
+  className: _,
+  style: N,
+  displayStyle: i
+}) => {
+  const { t: b } = me(), p = useContext(da), m = useRef(null), [s, C] = useState(false), k = xs("modal", i), w = ks("modal", i);
+  if (Ws(m, l), useEffect(() => {
+    if (!l || !c)
+      return;
+    const o = (L) => {
+      L.key === "Escape" && a();
+    };
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [l, 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 x = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "nice-modal-overlay",
+      style: d ? { zIndex: d } : void 0,
+      onClick: y ? a : void 0,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: m,
+          className: `nice-modal nice-modal--${s ? "full" : f} nice-modal--ds-${w} ${_ || ""}`,
+          style: { ...k, ...N },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": t,
+          onClick: (o) => o.stopPropagation(),
+          children: [
+            t && /* @__PURE__ */ jsxs("div", { className: "nice-modal__header", children: [
+              /* @__PURE__ */ jsx("h2", { className: "nice-modal__title", children: t }),
+              /* @__PURE__ */ jsxs("div", { className: "nice-modal__header-actions", children: [
+                v && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__fullscreen",
+                    onClick: () => C((o) => !o),
+                    "aria-label": s ? "Exit fullscreen" : "Fullscreen",
+                    children: s ? "⇲" : "⇱"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__close",
+                    onClick: a,
+                    "aria-label": b("controls.close", "Close"),
+                    children: /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 20 20",
+                        fill: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ 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" })
+                      }
+                    )
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "nice-modal__body", children: h }),
+            r && /* @__PURE__ */ jsx("div", { className: "nice-modal__footer", children: r })
+          ]
+        }
+      )
+    }
+  );
+  return createPortal(x, p?.portalTarget ?? document.body);
+};
+
+export { q as N };
+//# sourceMappingURL=NiceModal-1QX7NhyH.js.map

package/dist/esm/packages/ui/dist/NiceModal-1QX7NhyH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NiceModal-1QX7NhyH.js","sources":["../../../../../../ui/dist/NiceModal-1QX7NhyH.js"],"sourcesContent":["import { jsx as e, jsxs as n } from \"react/jsx-runtime\";\nimport { useContext as g, useRef as E, useState as F, useEffect as u } from \"react\";\nimport { createPortal as T } from \"react-dom\";\nimport { W as $, N as j, c as D, d as M, e as P } from \"./core-Da43q-pO.js\";\nconst q = ({\n  open: l,\n  onClose: a,\n  title: t,\n  size: f = \"md\",\n  children: h,\n  footer: r,\n  closeOnOverlay: y = !0,\n  closeOnEscape: c = !0,\n  fullscreenable: v,\n  zIndex: d,\n  className: _,\n  style: N,\n  displayStyle: i\n}) => {\n  const { t: b } = $(), p = g(j), m = E(null), [s, C] = F(!1), k = D(\"modal\", i), w = M(\"modal\", i);\n  if (P(m, l), u(() => {\n    if (!l || !c)\n      return;\n    const o = (L) => {\n      L.key === \"Escape\" && a();\n    };\n    return document.addEventListener(\"keydown\", o), () => document.removeEventListener(\"keydown\", o);\n  }, [l, c, a]), u(() => (l ? document.body.style.overflow = \"hidden\" : document.body.style.overflow = \"\", () => {\n    document.body.style.overflow = \"\";\n  }), [l]), !l || typeof document > \"u\")\n    return null;\n  const x = /* @__PURE__ */ e(\n    \"div\",\n    {\n      className: \"nice-modal-overlay\",\n      style: d ? { zIndex: d } : void 0,\n      onClick: y ? a : void 0,\n      children: /* @__PURE__ */ n(\n        \"div\",\n        {\n          ref: m,\n          className: `nice-modal nice-modal--${s ? \"full\" : f} nice-modal--ds-${w} ${_ || \"\"}`,\n          style: { ...k, ...N },\n          role: \"dialog\",\n          \"aria-modal\": \"true\",\n          \"aria-label\": t,\n          onClick: (o) => o.stopPropagation(),\n          children: [\n            t && /* @__PURE__ */ n(\"div\", { className: \"nice-modal__header\", children: [\n              /* @__PURE__ */ e(\"h2\", { className: \"nice-modal__title\", children: t }),\n              /* @__PURE__ */ n(\"div\", { className: \"nice-modal__header-actions\", children: [\n                v && /* @__PURE__ */ e(\n                  \"button\",\n                  {\n                    type: \"button\",\n                    className: \"nice-modal__fullscreen\",\n                    onClick: () => C((o) => !o),\n                    \"aria-label\": s ? \"Exit fullscreen\" : \"Fullscreen\",\n                    children: s ? \"⇲\" : \"⇱\"\n                  }\n                ),\n                /* @__PURE__ */ e(\n                  \"button\",\n                  {\n                    type: \"button\",\n                    className: \"nice-modal__close\",\n                    onClick: a,\n                    \"aria-label\": b(\"controls.close\", \"Close\"),\n                    children: /* @__PURE__ */ e(\n                      \"svg\",\n                      {\n                        width: \"24\",\n                        height: \"24\",\n                        viewBox: \"0 0 20 20\",\n                        fill: \"currentColor\",\n                        \"aria-hidden\": \"true\",\n                        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\" })\n                      }\n                    )\n                  }\n                )\n              ] })\n            ] }),\n            /* @__PURE__ */ e(\"div\", { className: \"nice-modal__body\", children: h }),\n            r && /* @__PURE__ */ e(\"div\", { className: \"nice-modal__footer\", children: r })\n          ]\n        }\n      )\n    }\n  );\n  return T(x, p?.portalTarget ?? document.body);\n};\nexport {\n  q as N\n};\n"],"names":["$","g","j","E","F","D","M","P","u","e","n","T"],"mappings":"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"}