@dcs-tech/ui 0.7.0 → 0.8.0

package/dist/scrollArea-Dd2dNMV4.js

@@ -0,0 +1,236 @@
+"use client";
+import { Nn as e, wn as t } from "./geometry-yZmKN662.js";
+import { n, t as r } from "./labels-CnqqTrne.js";
+import { createContext as i, useCallback as ee, useContext as a, useEffect as o, useId as te, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createPortal as ne } from "react-dom";
+// src/components/Dialog/dialogOpen.tsx
+var f = i(null), p = i(0), m = ({ children: e }) => {
+	let [t, n] = l(0), r = s(() => () => {
+		n((e) => e + 1);
+		let e = !1;
+		return () => {
+			e || (e = !0, n((e) => e - 1));
+		};
+	}, []);
+	return /* @__PURE__ */ u(f.Provider, {
+		value: r,
+		children: /* @__PURE__ */ u(p.Provider, {
+			value: t,
+			children: e
+		})
+	});
+};
+function h(e) {
+	let t = a(f);
+	o(() => e && t ? t() : void 0, [e, t]);
+}
+var g = () => a(p), _ = () => a(p) > 0, v = {
+	root: "_root_1rswg_7",
+	nonModal: "_nonModal_1rswg_30",
+	panel: "_panel_1rswg_3",
+	center: "_center_1rswg_41",
+	right: "_right_1rswg_42",
+	left: "_left_1rswg_43",
+	top: "_top_1rswg_44",
+	bottom: "_bottom_1rswg_45",
+	sm: "_sm_1rswg_86",
+	md: "_md_1rswg_87",
+	lg: "_lg_1rswg_88",
+	xl: "_xl_1rswg_89",
+	full: "_full_1rswg_90",
+	header: "_header_1rswg_96",
+	headText: "_headText_1rswg_106",
+	title: "_title_1rswg_108",
+	subtitle: "_subtitle_1rswg_114",
+	body: "_body_1rswg_120",
+	flush: "_flush_1rswg_128",
+	footer: "_footer_1rswg_130",
+	close: "_close_1rswg_141",
+	dialogPop: "_dialogPop_1rswg_1",
+	slideFromRight: "_slideFromRight_1rswg_1",
+	slideFromLeft: "_slideFromLeft_1rswg_1",
+	slideFromTop: "_slideFromTop_1rswg_1",
+	slideFromBottom: "_slideFromBottom_1rswg_1",
+	backdropIn: "_backdropIn_1rswg_1",
+	closing: "_closing_1rswg_168"
+}, y = 0, b = null, x = (e) => {
+	if (typeof document < "u") {
+		if (y === 0) {
+			let t = document.body;
+			b = {
+				overflow: t.style.overflow,
+				paddingRight: t.style.paddingRight
+			};
+			let n = window.innerWidth - document.documentElement.clientWidth;
+			if (e && n > 0) {
+				let e = parseFloat(window.getComputedStyle(t).paddingRight) || 0;
+				t.style.paddingRight = `${e + n}px`;
+			}
+			t.style.overflow = "hidden";
+		}
+		y += 1;
+	}
+}, re = () => {
+	typeof document < "u" && (y = Math.max(0, y - 1), y === 0 && b && (document.body.style.overflow = b.overflow, document.body.style.paddingRight = b.paddingRight, b = null));
+}, ie = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, S = /* @__PURE__ */ d("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ u("line", {
+		x1: "18",
+		y1: "6",
+		x2: "6",
+		y2: "18"
+	}), /* @__PURE__ */ u("line", {
+		x1: "6",
+		y1: "6",
+		x2: "18",
+		y2: "18"
+	})]
+}), ae = 0, C = ({ open: n, onClose: r, onBeforeClose: i, onEscKeyDown: a, onOverlayClick: s, onAnimationEnd: f, children: p, title: m, subtitle: g, footer: _, modal: y = !0, placement: b = "center", size: C = "md", closeOnBackdrop: w = !0, closeOnEscape: T = !0, showCloseButton: E = !0, closeIcon: D, closeIconId: O, blockScroll: k = !0, reserveScrollBarGap: A = !0, initialFocusRef: j, container: oe, animationDuration: se = 200, padded: ce = !0, classNames: M = {}, styleSlots: N = {}, className: P = "", style: F, role: I = "dialog", id: L, "aria-label": R, "aria-labelledby": z, "aria-describedby": B }) => {
+	let V = e(), H = c(null), [U, W] = l(null), G = te(), [K, q] = l(n), [le, J] = l(!1), Y = c(null), X = ie() ? 0 : se;
+	h(K), o(() => {
+		n ? (Y.current &&= (clearTimeout(Y.current), null), J(!1), q(!0)) : K && (J(!0), Y.current = setTimeout(() => {
+			H.current?.close(), q(!1), J(!1), f?.();
+		}, X));
+	}, [n]), o(() => () => {
+		Y.current && clearTimeout(Y.current);
+	}, []);
+	let Z = ee(() => {
+		i && i() === !1 || r?.();
+	}, [i, r]);
+	o(() => {
+		let e = H.current;
+		if (e && K && (e.open || (y && (e.dataset.modalOrder = String(++ae)), y ? e.showModal() : e.show(), j?.current && j.current.focus({ focusVisible: !0 })), k && y)) return x(A), () => re();
+	}, [
+		K,
+		y,
+		k,
+		A,
+		j
+	]), o(() => {
+		let e = H.current;
+		if (!e || !K) return;
+		let t = (e) => {
+			e.preventDefault(), a?.(e), T && Z();
+		};
+		return e.addEventListener("cancel", t), () => e.removeEventListener("cancel", t);
+	}, [
+		K,
+		T,
+		Z,
+		a
+	]);
+	let Q = c(!1), ue = (e) => {
+		Q.current = e.target === H.current;
+	}, de = (e) => {
+		let t = Q.current && e.target === H.current;
+		Q.current = !1, t && (s?.(e), w && Z());
+	};
+	if (!K) return null;
+	let fe = m !== void 0 || g !== void 0 || E, pe = z ?? (m !== void 0 && !R ? G : void 0), me = /* @__PURE__ */ u("dialog", {
+		ref: (e) => {
+			H.current = e, W(e);
+		},
+		id: L,
+		"data-modal": y ? "" : void 0,
+		className: [
+			v.root,
+			v[b],
+			v[C],
+			y ? "" : v.nonModal,
+			le ? v.closing : "",
+			M.root,
+			P
+		].filter(Boolean).join(" "),
+		style: {
+			"--dialog-anim": `${X}ms`,
+			...N.root,
+			...F
+		},
+		role: I,
+		"aria-label": R,
+		"aria-labelledby": pe,
+		"aria-describedby": B,
+		"aria-modal": y || void 0,
+		onPointerDown: ue,
+		onPointerUp: de,
+		children: /* @__PURE__ */ u(t.Provider, {
+			value: U,
+			children: /* @__PURE__ */ d("div", {
+				className: [v.panel, M.panel].filter(Boolean).join(" "),
+				style: N.panel,
+				children: [
+					fe && /* @__PURE__ */ d("div", {
+						className: [v.header, M.header].filter(Boolean).join(" "),
+						style: N.header,
+						children: [/* @__PURE__ */ d("span", {
+							className: v.headText,
+							children: [m !== void 0 && /* @__PURE__ */ u("span", {
+								className: v.title,
+								id: G,
+								children: m
+							}), g !== void 0 && /* @__PURE__ */ u("span", {
+								className: v.subtitle,
+								children: g
+							})]
+						}), E && /* @__PURE__ */ u("button", {
+							type: "button",
+							id: O,
+							className: [v.close, M.closeButton].filter(Boolean).join(" "),
+							style: N.closeButton,
+							onClick: Z,
+							"aria-label": V.dialog.close,
+							children: D ?? S
+						})]
+					}),
+					p !== void 0 && /* @__PURE__ */ u("div", {
+						className: [
+							v.body,
+							ce ? "scroll-fade-y scroll-gutter" : `${v.flush} scroll-fade-y`,
+							M.body
+						].filter(Boolean).join(" "),
+						style: N.body,
+						children: p
+					}),
+					_ !== void 0 && /* @__PURE__ */ u("div", {
+						className: [v.footer, M.footer].filter(Boolean).join(" "),
+						style: N.footer,
+						children: _
+					})
+				]
+			})
+		})
+	}), $ = oe ?? (typeof document > "u" ? null : document.body);
+	return $ ? ne(me, $) : null;
+};
+C.displayName = "Dialog";
+var w = i({
+	authorize: () => !0,
+	exportOptions: {},
+	serverMode: !1,
+	labels: r,
+	format: n(),
+	text: {
+		yes: r.yes,
+		no: r.no
+	}
+});
+function T() {
+	return a(w);
+}
+function E() {
+	return a(w).labels;
+}
+function D(e, t, n) {
+	return !e || e(t, n) !== !1;
+}
+// src/components/DataTable/layout/scrollArea.ts
+var O = "dt-scroll-area scroll-fade-y scroll-gutter", k = "dt-scroll-area scroll-fade-x scroll-fade-y scroll-gutter";
+export { E as a, m as c, D as i, _ as l, O as n, T as o, w as r, C as s, k as t, g as u };