@nice2dev/ui 1.0.12 → 1.0.15

package/dist/overlays.mjs

@@ -1,10 +1,10 @@
-import { N as se, a as de, b as ue, c as he, d as fe, e as me, f as ve, g as ge, h as we, i as be, j as ye, k as pe, l as _e, u as Ne, m as ke } from "./NiceWindow-BNrA5Dxq.js";
-import { jsxs as H, Fragment as O, jsx as a } from "react/jsx-runtime";
-import { k as j, H as K, b as z, X as U, t as V } from "./core-ClmvtMVZ.js";
-import { useRef as E, useState as D, useEffect as Y, useCallback as b, useContext as q } from "react";
-import { createPortal as C } from "react-dom";
+import { N as se, a as de, b as ue, c as he, d as fe, e as me, f as ve, g as ge, h as we, i as be, j as ye, k as pe, l as _e, u as Ne, m as ke } from "./NiceWindow-Ceb0mZ_0.js";
+import { jsxs as C, Fragment as O, jsx as a } from "react/jsx-runtime";
+import { A as j, D as K, a as A, q as z, n as U } from "./core-DJ4NPp2B.js";
+import { useRef as E, useState as D, useEffect as Y, useCallback as b, useContext as V } from "react";
+import { createPortal as X } from "react-dom";
 function W() {
-  const e = q(V);
+  const e = V(U);
   return e?.portalTarget ? e.portalTarget : typeof document < "u" ? document.body : null;
 }
 const F = ({
@@ -54,7 +54,7 @@ const F = ({
     xl: "nice-modal--xl",
     full: "nice-modal--full"
   }[v];
-  return C(
+  return X(
     /* @__PURE__ */ a(
       "div",
       {
@@ -84,7 +84,7 @@ const F = ({
   showClose: o = !0,
   onClose: m,
   className: r
-}) => /* @__PURE__ */ H("div", { className: `nice-modal__header ${r || ""}`, children: [
+}) => /* @__PURE__ */ C("div", { className: `nice-modal__header ${r || ""}`, children: [
   /* @__PURE__ */ a("div", { className: "nice-modal__title", children: e }),
   o && m && /* @__PURE__ */ a("button", { type: "button", className: "nice-modal__close", onClick: m, "aria-label": "Close", children: /* @__PURE__ */ a(
     "svg",
@@ -143,7 +143,7 @@ const F = ({
       t(_);
     },
     [r]
-  ), S = b(
+  ), H = b(
     (n) => {
       let R = !1;
       switch (r) {
@@ -163,11 +163,11 @@ const F = ({
       R && (K("light"), o()), t(0), u(!1);
     },
     [r, o]
-  ), { ref: L } = U({
+  ), { ref: L } = z({
     enabled: x && e,
     onPanStart: () => u(!0),
     onPan: h,
-    onPanEnd: S
+    onPanEnd: H
   }), P = b(
     (n) => {
       s && n.target === n.currentTarget && o();
@@ -176,12 +176,12 @@ const F = ({
   );
   if (!e)
     return null;
-  const I = r === "left" || r === "right", X = I ? { width: typeof v == "number" ? `${v}px` : v } : { height: typeof v == "number" ? `${v}px` : v }, i = () => {
+  const I = r === "left" || r === "right", S = I ? { width: typeof v == "number" ? `${v}px` : v } : { height: typeof v == "number" ? `${v}px` : v }, i = () => {
     if (p)
       return I ? `translateX(${c}px)` : `translateY(${c}px)`;
   };
-  return C(
-    /* @__PURE__ */ H(O, { children: [
+  return X(
+    /* @__PURE__ */ C(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -198,7 +198,7 @@ const F = ({
           },
           className: `nice-drawer nice-drawer--${r} ${e ? "nice-drawer--open" : ""} ${k || ""}`,
           style: {
-            ...X,
+            ...S,
             zIndex: N + 1,
             transform: i(),
             transition: p ? "none" : void 0,
@@ -230,11 +230,11 @@ const F = ({
   className: y,
   style: p
 }) => {
-  const u = E(null), c = E(null), [t, g] = D(s), [h, S] = D(!1), [L, P] = D(0), I = E(0);
+  const u = E(null), c = E(null), [t, g] = D(s), [h, H] = D(!1), [L, P] = D(0), I = E(0);
   Y(() => {
     e && (g(s), P(0));
   }, [e, s]), j(u, e);
-  const X = W();
+  const S = W();
   Y(() => {
     if (!N || !e)
       return;
@@ -251,8 +251,8 @@ const F = ({
     }
   }, [e]);
   const i = b((f) => {
-    const w = f.target.closest(".nice-bottom-sheet__handle"), B = c.current, A = !B || B.scrollTop <= 0;
-    !w && !A || (S(!0), I.current = f.touches[0].clientY);
+    const w = f.target.closest(".nice-bottom-sheet__handle"), B = c.current, q = !B || B.scrollTop <= 0;
+    !w && !q || (H(!0), I.current = f.touches[0].clientY);
   }, []), n = b(
     (f) => {
       if (!h)
@@ -267,15 +267,15 @@ const F = ({
     const f = window.innerHeight;
     l[t] * f;
     const w = -L, B = f * 0.15;
-    w > B && d && t < l.length - 1 ? (g(t + 1), k && K("selection")) : w < -B && (t > 0 ? (g(t - 1), k && K("selection")) : (k && K("light"), o())), S(!1), P(0);
+    w > B && d && t < l.length - 1 ? (g(t + 1), k && K("selection")) : w < -B && (t > 0 ? (g(t - 1), k && K("selection")) : (k && K("light"), o())), H(!1), P(0);
   }, [h, L, t, l, d, k, o]), R = b(() => {
     x && o();
   }, [x, o]);
   if (!e)
     return null;
   const T = l[t] * 100, $ = h ? L : 0;
-  return C(
-    /* @__PURE__ */ H(O, { children: [
+  return X(
+    /* @__PURE__ */ C(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -284,7 +284,7 @@ const F = ({
           onClick: R
         }
       ),
-      /* @__PURE__ */ H(
+      /* @__PURE__ */ C(
         "div",
         {
           ref: u,
@@ -311,7 +311,7 @@ const F = ({
         }
       )
     ] }),
-    X
+    S
   );
 }, ae = ({
   trigger: e,
@@ -331,16 +331,16 @@ const F = ({
     },
     [t, l]
   );
-  z(p, () => {
+  A(p, () => {
     r !== "manual" && g && h(!1);
   });
-  const S = b(() => {
+  const H = b(() => {
     r === "click" && h(!g);
   }, [r, g, h]), L = b(() => {
     r === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!0), s));
   }, [r, s, h]), P = b(() => {
     r === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!1), s));
-  }, [r, s, h]), [I, X] = D({ top: 0, left: 0 });
+  }, [r, s, h]), [I, S] = D({ top: 0, left: 0 });
   return Y(() => {
     if (!g || !y.current || !p.current)
       return;
@@ -361,22 +361,22 @@ const F = ({
         T = i.top + (i.height - n.height) / 2, $ = i.right + d;
         break;
     }
-    f === "top" || f === "bottom" ? (w === "start" && ($ = i.left), w === "end" && ($ = i.right - n.width)) : (w === "start" && (T = i.top), w === "end" && (T = i.bottom - n.height)), $ = Math.max(8, Math.min(_ - n.width - 8, $)), T = Math.max(8, Math.min(R - n.height - 8, T)), X({ top: T, left: $ });
-  }, [g, m, d]), /* @__PURE__ */ H(O, { children: [
+    f === "top" || f === "bottom" ? (w === "start" && ($ = i.left), w === "end" && ($ = i.right - n.width)) : (w === "start" && (T = i.top), w === "end" && (T = i.bottom - n.height)), $ = Math.max(8, Math.min(_ - n.width - 8, $)), T = Math.max(8, Math.min(R - n.height - 8, T)), S({ top: T, left: $ });
+  }, [g, m, d]), /* @__PURE__ */ C(O, { children: [
     /* @__PURE__ */ a(
       "div",
       {
         ref: y,
         className: "nice-popover__trigger",
-        onClick: S,
+        onClick: H,
         onMouseEnter: L,
         onMouseLeave: P,
         style: { display: "inline-block" },
         children: e
       }
     ),
-    g && C(
-      /* @__PURE__ */ H(
+    g && X(
+      /* @__PURE__ */ C(
         "div",
         {
           ref: p,
@@ -407,7 +407,7 @@ const F = ({
   className: v
 }) => {
   const [l, s] = D(!1), [d, x] = D({ x: 0, y: 0 }), N = E(null), k = E(null), M = W();
-  z(N, () => {
+  A(N, () => {
     l && (s(!1), r?.());
   });
   const y = b(
@@ -429,7 +429,7 @@ const F = ({
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [l, r]);
-  const u = (c) => /* @__PURE__ */ a("ul", { className: "nice-context-menu__list", role: "menu", children: c.map((t) => t.divider ? /* @__PURE__ */ a("li", { className: "nice-context-menu__divider", role: "separator" }, t.key) : /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ H(
+  const u = (c) => /* @__PURE__ */ a("ul", { className: "nice-context-menu__list", role: "menu", children: c.map((t) => t.divider ? /* @__PURE__ */ a("li", { className: "nice-context-menu__divider", role: "separator" }, t.key) : /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ C(
     "button",
     {
       type: "button",
@@ -443,9 +443,9 @@ const F = ({
       ]
     }
   ) }, t.key)) });
-  return /* @__PURE__ */ H(O, { children: [
+  return /* @__PURE__ */ C(O, { children: [
     /* @__PURE__ */ a("div", { ref: k, onContextMenu: y, style: { display: "contents" }, children: o }),
-    l && C(
+    l && X(
       /* @__PURE__ */ a(
         "div",
         {

package/dist/style.css

@@ -0,0 +1,7 @@
+/* Auto-generated by scripts/postbuild-style.mjs — do not edit */
+@import './index.css';
+@import './charts.css';
+@import './NiceForm.css';
+@import './NiceModuleLifecyclePanel.css';
+@import './NicePinCodeInput.css';
+@import './NiceSavedQueryPanel.css';

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@nice2dev/ui",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "description": "Nice2Dev UI — Universal, themeable, i18n-ready React component library",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "style": "dist/style.css",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -62,10 +63,13 @@
       "import": "./dist/data-branching.mjs",
       "require": "./dist/data-branching.cjs"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./css/legacy-bg-text-aliases.css": "./css/legacy-bg-text-aliases.css"
   },
   "files": [
     "dist",
+    "css",
     "LICENSE",
     "CHANGELOG.md",
     "README.md"
@@ -75,7 +79,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
+    "build": "tsc -p tsconfig.build.json && vite build && node scripts/postbuild-style.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
@@ -95,8 +99,8 @@
     "react-dom": ">=17.0.0"
   },
   "dependencies": {
-    "@nice2dev/i18n": "^1.0.12",
-    "@nice2dev/ui-core": "^1.0.12",
+    "@nice2dev/i18n": "^1.0.15",
+    "@nice2dev/ui-core": "^1.0.15",
     "country-flag-icons": "^1.6.17"
   },
   "devDependencies": {