@dcs-tech/ui 0.9.0 → 0.10.0

package/dist/{labels-CnqqTrne.js → labels-BPItSeRU.js}

@@ -94,6 +94,7 @@ var e = {
 	yes: "Yes",
 	no: "No",
 	empty: "No data found",
+	noResults: "No results for this search or filter",
 	loading: "Loading...",
 	loadError: "Could not load the rows.",
 	rowsHidden: "Only the summary is shown — you may not see the rows of this list.",
@@ -597,6 +598,7 @@ var e = {
 	listAllInList: "Every field is in the list",
 	fieldsDropHere: "Drop a field here",
 	fieldsRemove: (e) => `Remove ${e}`,
+	fieldsMove: (e) => `Move ${e}`,
 	fieldsAdd: "Add field",
 	fieldsLivePreview: "Live preview",
 	cardPreviewCard: "Card",

package/dist/scrollArea-D84Cwm4o.js

@@ -0,0 +1,310 @@
+"use client";
+import { Nn as e, wn as t } from "./geometry-DG134nYI.js";
+import { n, t as r } from "./labels-BPItSeRU.js";
+import { createContext as i, useCallback as a, useContext as o, useEffect as s, useId as ee, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as te } from "react-dom";
+// src/components/Dialog/dialogOpen.tsx
+var m = i(null), h = i(0), g = ({ children: e }) => {
+	let [t, n] = d(0), r = l(() => () => {
+		n((e) => e + 1);
+		let e = !1;
+		return () => {
+			e || (e = !0, n((e) => e - 1));
+		};
+	}, []);
+	return /* @__PURE__ */ f(m.Provider, {
+		value: r,
+		children: /* @__PURE__ */ f(h.Provider, {
+			value: t,
+			children: e
+		})
+	});
+};
+function ne(e) {
+	let t = o(m);
+	s(() => e && t ? t() : void 0, [e, t]);
+}
+var _ = () => o(h), v = () => o(h) > 0, y = i(null), b = () => o(y), x = typeof document > "u" ? s : c;
+function S(e, t, n) {
+	let r = e?.claim;
+	x(() => r && n ? r(t) : void 0, [
+		r,
+		t,
+		n
+	]);
+}
+var C = {
+	root: "_root_6qxml_7",
+	nonModal: "_nonModal_6qxml_30",
+	panel: "_panel_6qxml_3",
+	center: "_center_6qxml_41",
+	right: "_right_6qxml_42",
+	left: "_left_6qxml_43",
+	top: "_top_6qxml_44",
+	bottom: "_bottom_6qxml_45",
+	sm: "_sm_6qxml_86",
+	md: "_md_6qxml_87",
+	lg: "_lg_6qxml_88",
+	xl: "_xl_6qxml_89",
+	full: "_full_6qxml_90",
+	header: "_header_6qxml_96",
+	headText: "_headText_6qxml_106",
+	title: "_title_6qxml_108",
+	subtitle: "_subtitle_6qxml_114",
+	body: "_body_6qxml_120",
+	flush: "_flush_6qxml_128",
+	footer: "_footer_6qxml_130",
+	slot: "_slot_6qxml_141",
+	close: "_close_6qxml_144",
+	dialogPop: "_dialogPop_6qxml_1",
+	slideFromRight: "_slideFromRight_6qxml_1",
+	slideFromLeft: "_slideFromLeft_6qxml_1",
+	slideFromTop: "_slideFromTop_6qxml_1",
+	slideFromBottom: "_slideFromBottom_6qxml_1",
+	backdropIn: "_backdropIn_6qxml_1",
+	closing: "_closing_6qxml_171"
+}, w = 0, T = null, re = (e) => {
+	if (typeof document < "u") {
+		if (w === 0) {
+			let t = document.body;
+			T = {
+				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";
+		}
+		w += 1;
+	}
+}, ie = () => {
+	typeof document < "u" && (w = Math.max(0, w - 1), w === 0 && T && (document.body.style.overflow = T.overflow, document.body.style.paddingRight = T.paddingRight, T = null));
+}, ae = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, oe = /* @__PURE__ */ p("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ f("line", {
+		x1: "18",
+		y1: "6",
+		x2: "6",
+		y2: "18"
+	}), /* @__PURE__ */ f("line", {
+		x1: "6",
+		y1: "6",
+		x2: "18",
+		y2: "18"
+	})]
+}), se = 0, E = "button:not([disabled]),a[href],input:not([disabled]):not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"]),[contenteditable=\"true\"]", D = ({ open: n, onClose: r, onBeforeClose: i, onEscKeyDown: o, onOverlayClick: m, onAnimationEnd: h, children: g, title: _, subtitle: v, footer: b, modal: x = !0, placement: S = "center", size: w = "md", closeOnBackdrop: T = !0, closeOnEscape: D = !0, showCloseButton: O = !0, closeIcon: ce, closeIconId: le, blockScroll: k = !0, reserveScrollBarGap: A = !0, initialFocusRef: j, container: ue, animationDuration: de = 200, padded: fe = !0, classNames: M = {}, styleSlots: N = {}, className: pe = "", style: me, role: he = "dialog", id: ge, "aria-label": P, "aria-labelledby": _e, "aria-describedby": ve }) => {
+	let ye = e(), F = u(null), [be, xe] = d(null), I = ee(), [L, R] = d({
+		header: 0,
+		footer: 0
+	}), [z, Se] = d(null), [B, Ce] = d(null), V = a((e) => (R((t) => ({
+		...t,
+		[e]: t[e] + 1
+	})), () => R((t) => ({
+		...t,
+		[e]: t[e] - 1
+	}))), []), we = l(() => ({
+		headerEl: z,
+		footerEl: B,
+		claim: V
+	}), [
+		z,
+		B,
+		V
+	]), [H, U] = d(n), [Te, W] = d(!1), [G, K] = d(!1), q = u(null), J = u(n);
+	J.current = n;
+	let Y = u(null), Ee = ae() ? 0 : de;
+	ne(H), s(() => {
+		n ? (Y.current &&= (clearTimeout(Y.current), null), W(!1), U(!0)) : H && (W(!0), Y.current = setTimeout(() => {
+			F.current?.close(), U(!1), K(!1), W(!1), h?.();
+		}, Ee));
+	}, [n]), s(() => () => {
+		Y.current && clearTimeout(Y.current);
+	}, []);
+	let X = a(() => {
+		i && i() === !1 || r?.();
+	}, [i, r]);
+	c(() => {
+		let e = F.current;
+		if (e && H) {
+			if (!e.open) {
+				let t = document.activeElement;
+				q.current = t instanceof HTMLElement && t !== document.body ? t : null, x && (e.dataset.modalOrder = String(++se)), x ? e.showModal() : e.show();
+			}
+			K(!0);
+		}
+	}, [H, x]), c(() => {
+		let e = F.current;
+		if (!e || !G) return;
+		if (j?.current) {
+			j.current.focus({ focusVisible: !0 });
+			return;
+		}
+		let t = document.activeElement;
+		t && t !== e && e.contains(t) || e.querySelector(E)?.focus();
+	}, [G]), c(() => () => {
+		let e = F.current, t = q.current;
+		if (!e?.open || !t) return;
+		let n = document.activeElement;
+		(!n || n === document.body || e.contains(n)) && queueMicrotask(() => {
+			let e = document.activeElement;
+			t.isConnected && (!e || e === document.body) && t.focus({ preventScroll: !0 });
+		});
+	}, []), s(() => {
+		if (H && k && x) return re(A), () => ie();
+	}, [
+		H,
+		x,
+		k,
+		A
+	]), s(() => {
+		let e = F.current;
+		if (!e || !H) return;
+		let t = (t) => {
+			t.key !== "Escape" || t.defaultPrevented || t.isComposing || t.target instanceof Node && e.contains(t.target) && (t.preventDefault(), o?.(t), D && X());
+		}, n = (e) => {
+			e.preventDefault(), o?.(e), D && X();
+		}, r = () => {
+			J.current && !e.open && e.isConnected && (x ? e.showModal() : e.show(), e.querySelector(E)?.focus());
+		}, i = e.ownerDocument.defaultView ?? window;
+		return i.addEventListener("keydown", t), e.addEventListener("cancel", n), e.addEventListener("close", r), () => {
+			i.removeEventListener("keydown", t), e.removeEventListener("cancel", n), e.removeEventListener("close", r);
+		};
+	}, [
+		H,
+		x,
+		D,
+		X,
+		o
+	]);
+	let Z = u(!1), De = (e) => {
+		Z.current = e.target === F.current;
+	}, Oe = (e) => {
+		let t = Z.current && e.target === F.current;
+		Z.current = !1, t && (m?.(e), T && X());
+	};
+	if (!H) return null;
+	let Q = L.header > 0, ke = L.footer > 0, Ae = _ !== void 0 || v !== void 0, je = Ae || O || Q, Me = _e ?? ((_ !== void 0 || Q) && !P ? I : void 0), Ne = /* @__PURE__ */ f("dialog", {
+		ref: (e) => {
+			F.current = e, xe(e);
+		},
+		id: ge,
+		"data-modal": x ? "" : void 0,
+		className: [
+			C.root,
+			C[S],
+			C[w],
+			x ? "" : C.nonModal,
+			Te ? C.closing : "",
+			M.root,
+			pe
+		].filter(Boolean).join(" "),
+		style: {
+			"--dialog-anim": `${Ee}ms`,
+			...N.root,
+			...me
+		},
+		role: he,
+		"aria-label": P,
+		"aria-labelledby": Me,
+		"aria-describedby": ve,
+		"aria-modal": x || void 0,
+		onPointerDown: De,
+		onPointerUp: Oe,
+		children: /* @__PURE__ */ f(t.Provider, {
+			value: be,
+			children: /* @__PURE__ */ f(y.Provider, {
+				value: we,
+				children: G && /* @__PURE__ */ p("div", {
+					className: [C.panel, M.panel].filter(Boolean).join(" "),
+					style: N.panel,
+					children: [
+						je && /* @__PURE__ */ p("div", {
+							className: [C.header, M.header].filter(Boolean).join(" "),
+							style: N.header,
+							children: [
+								(Ae || !Q) && /* @__PURE__ */ p("span", {
+									className: C.headText,
+									children: [_ !== void 0 && /* @__PURE__ */ f("span", {
+										className: C.title,
+										id: I,
+										children: _
+									}), v !== void 0 && /* @__PURE__ */ f("span", {
+										className: C.subtitle,
+										children: v
+									})]
+								}),
+								Q && /* @__PURE__ */ f("div", {
+									ref: Se,
+									className: C.slot,
+									id: _ === void 0 ? I : void 0
+								}),
+								O && /* @__PURE__ */ f("button", {
+									type: "button",
+									id: le,
+									className: [C.close, M.closeButton].filter(Boolean).join(" "),
+									style: N.closeButton,
+									onClick: X,
+									"aria-label": ye.dialog.close,
+									children: ce ?? oe
+								})
+							]
+						}),
+						g !== void 0 && /* @__PURE__ */ f("div", {
+							className: [
+								C.body,
+								fe ? "scroll-fade-y scroll-gutter" : `${C.flush} scroll-fade-y`,
+								M.body
+							].filter(Boolean).join(" "),
+							style: N.body,
+							children: g
+						}),
+						(b !== void 0 || ke) && /* @__PURE__ */ p("div", {
+							className: [C.footer, M.footer].filter(Boolean).join(" "),
+							style: N.footer,
+							children: [b, ke && /* @__PURE__ */ f("div", {
+								ref: Ce,
+								className: C.slot
+							})]
+						})
+					]
+				})
+			})
+		})
+	}), $ = ue ?? (typeof document > "u" ? null : document.body);
+	return $ ? te(Ne, $) : null;
+};
+D.displayName = "Dialog";
+var O = i({
+	authorize: () => !0,
+	exportOptions: {},
+	serverMode: !1,
+	labels: r,
+	format: n(),
+	text: {
+		yes: r.yes,
+		no: r.no
+	}
+});
+function ce() {
+	return o(O);
+}
+function le() {
+	return o(O).labels;
+}
+function k(e, t, n) {
+	return !e || e(t, n) !== !1;
+}
+// src/components/DataTable/layout/scrollArea.ts
+var A = "dt-scroll-area scroll-fade-y scroll-gutter", j = "dt-scroll-area scroll-fade-x scroll-fade-y scroll-gutter";
+export { le as a, S as c, v as d, _ as f, k as i, b as l, A as n, ce as o, O as r, D as s, j as t, g as u };