@dcs-tech/ui 0.2.0 → 0.4.0

package/dist/scrollArea-CkPGDYH2.js

@@ -0,0 +1,210 @@
+"use client";
+import { jn as e } from "./geometry-CG2nOEnw.js";
+import { l as t, u as n } from "./defaults-DL745PK1.js";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createPortal as ee } from "react-dom";
+var f = {
+	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"
+}, p = 0, m = null, te = (e) => {
+	if (typeof document < "u") {
+		if (p === 0) {
+			let t = document.body;
+			m = {
+				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";
+		}
+		p += 1;
+	}
+}, ne = () => {
+	typeof document < "u" && (p = Math.max(0, p - 1), p === 0 && m && (document.body.style.overflow = m.overflow, document.body.style.paddingRight = m.paddingRight, m = null));
+}, re = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, h = /* @__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"
+	})]
+}), g = ({ open: t, onClose: n, onBeforeClose: r, onEscKeyDown: a, onOverlayClick: p, onAnimationEnd: m, children: g, title: _, subtitle: v, footer: y, modal: b = !0, placement: x = "center", size: S = "md", closeOnBackdrop: C = !0, closeOnEscape: w = !0, showCloseButton: T = !0, closeIcon: E, closeIconId: D, blockScroll: O = !0, reserveScrollBarGap: k = !0, initialFocusRef: A, container: ie, animationDuration: ae = 200, padded: oe = !0, classNames: j = {}, styleSlots: M = {}, className: N = "", style: P, role: F = "dialog", id: I, "aria-label": L, "aria-labelledby": R, "aria-describedby": z }) => {
+	let B = c(null), [V, H] = l(null), U = s(), [W, G] = l(t), [K, q] = l(!1), J = c(null), Y = re() ? 0 : ae;
+	o(() => {
+		t ? (J.current &&= (clearTimeout(J.current), null), q(!1), G(!0)) : W && (q(!0), J.current = setTimeout(() => {
+			B.current?.close(), G(!1), q(!1), m?.();
+		}, Y));
+	}, [t]), o(() => () => {
+		J.current && clearTimeout(J.current);
+	}, []);
+	let X = i(() => {
+		r && r() === !1 || n?.();
+	}, [r, n]);
+	o(() => {
+		let e = B.current;
+		if (e && W && (e.open || (b ? e.showModal() : e.show(), A?.current && A.current.focus({ focusVisible: !0 })), O && b)) return te(k), () => ne();
+	}, [
+		W,
+		b,
+		O,
+		k,
+		A
+	]), o(() => {
+		let e = B.current;
+		if (!e || !W) return;
+		let t = (e) => {
+			e.preventDefault(), a?.(e), w && X();
+		};
+		return e.addEventListener("cancel", t), () => e.removeEventListener("cancel", t);
+	}, [
+		W,
+		w,
+		X,
+		a
+	]);
+	let Z = c(!1), se = (e) => {
+		Z.current = e.target === B.current;
+	}, ce = (e) => {
+		let t = Z.current && e.target === B.current;
+		Z.current = !1, t && (p?.(e), C && X());
+	};
+	if (!W) return null;
+	let le = _ !== void 0 || v !== void 0 || T, ue = R ?? (_ !== void 0 && !L ? U : void 0), Q = /* @__PURE__ */ u("dialog", {
+		ref: (e) => {
+			B.current = e, H(e);
+		},
+		id: I,
+		className: [
+			f.root,
+			f[x],
+			f[S],
+			b ? "" : f.nonModal,
+			K ? f.closing : "",
+			j.root,
+			N
+		].filter(Boolean).join(" "),
+		style: {
+			"--dialog-anim": `${Y}ms`,
+			...M.root,
+			...P
+		},
+		role: F,
+		"aria-label": L,
+		"aria-labelledby": ue,
+		"aria-describedby": z,
+		"aria-modal": b || void 0,
+		onPointerDown: se,
+		onPointerUp: ce,
+		children: /* @__PURE__ */ u(e.Provider, {
+			value: V,
+			children: /* @__PURE__ */ d("div", {
+				className: [f.panel, j.panel].filter(Boolean).join(" "),
+				style: M.panel,
+				children: [
+					le && /* @__PURE__ */ d("div", {
+						className: [f.header, j.header].filter(Boolean).join(" "),
+						style: M.header,
+						children: [/* @__PURE__ */ d("span", {
+							className: f.headText,
+							children: [_ !== void 0 && /* @__PURE__ */ u("span", {
+								className: f.title,
+								id: U,
+								children: _
+							}), v !== void 0 && /* @__PURE__ */ u("span", {
+								className: f.subtitle,
+								children: v
+							})]
+						}), T && /* @__PURE__ */ u("button", {
+							type: "button",
+							id: D,
+							className: [f.close, j.closeButton].filter(Boolean).join(" "),
+							style: M.closeButton,
+							onClick: X,
+							"aria-label": "Close",
+							children: E ?? h
+						})]
+					}),
+					g !== void 0 && /* @__PURE__ */ u("div", {
+						className: [
+							f.body,
+							oe ? "" : f.flush,
+							j.body
+						].filter(Boolean).join(" "),
+						style: M.body,
+						children: g
+					}),
+					y !== void 0 && /* @__PURE__ */ u("div", {
+						className: [f.footer, j.footer].filter(Boolean).join(" "),
+						style: M.footer,
+						children: y
+					})
+				]
+			})
+		})
+	}), $ = ie ?? (typeof document > "u" ? null : document.body);
+	return $ ? ee(Q, $) : null;
+};
+g.displayName = "Dialog";
+var _ = r({
+	authorize: () => !0,
+	exportOptions: {},
+	serverMode: !1,
+	labels: t,
+	format: n()
+});
+function v() {
+	return a(_);
+}
+function y() {
+	return a(_).labels;
+}
+function b(e, t, n) {
+	return !e || e(t, n) !== !1;
+}
+// src/components/DataTable/layout/scrollArea.ts
+var x = "dt-scroll-area scroll-fade-y scroll-gutter", S = "dt-scroll-area scroll-fade-x scroll-fade-y scroll-gutter";
+export { y as a, b as i, x as n, v as o, _ as r, g as s, S as t };