@dcs-tech/ui 0.9.0 → 0.10.0

package/dist/scrollArea-DbYFqbIH.js

@@ -1,269 +0,0 @@
-"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, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createPortal as ne } from "react-dom";
-// src/components/Dialog/dialogOpen.tsx
-var p = i(null), m = i(0), h = ({ children: e }) => {
-	let [t, n] = u(0), r = c(() => () => {
-		n((e) => e + 1);
-		let e = !1;
-		return () => {
-			e || (e = !0, n((e) => e - 1));
-		};
-	}, []);
-	return /* @__PURE__ */ d(p.Provider, {
-		value: r,
-		children: /* @__PURE__ */ d(m.Provider, {
-			value: t,
-			children: e
-		})
-	});
-};
-function g(e) {
-	let t = a(p);
-	o(() => e && t ? t() : void 0, [e, t]);
-}
-var _ = () => a(m), v = () => a(m) > 0, y = {
-	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"
-}, b = 0, x = null, re = (e) => {
-	if (typeof document < "u") {
-		if (b === 0) {
-			let t = document.body;
-			x = {
-				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";
-		}
-		b += 1;
-	}
-}, ie = () => {
-	typeof document < "u" && (b = Math.max(0, b - 1), b === 0 && x && (document.body.style.overflow = x.overflow, document.body.style.paddingRight = x.paddingRight, x = null));
-}, S = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, ae = /* @__PURE__ */ f("svg", {
-	width: "16",
-	height: "16",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	"aria-hidden": "true",
-	children: [/* @__PURE__ */ d("line", {
-		x1: "18",
-		y1: "6",
-		x2: "6",
-		y2: "18"
-	}), /* @__PURE__ */ d("line", {
-		x1: "6",
-		y1: "6",
-		x2: "18",
-		y2: "18"
-	})]
-}), oe = 0, C = "button:not([disabled]),a[href],input:not([disabled]):not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"]),[contenteditable=\"true\"]", w = ({ open: n, onClose: r, onBeforeClose: i, onEscKeyDown: a, onOverlayClick: c, onAnimationEnd: p, children: m, title: h, subtitle: _, footer: v, modal: b = !0, placement: x = "center", size: w = "md", closeOnBackdrop: T = !0, closeOnEscape: E = !0, showCloseButton: D = !0, closeIcon: O, closeIconId: k, blockScroll: A = !0, reserveScrollBarGap: j = !0, initialFocusRef: M, container: se, animationDuration: ce = 200, padded: le = !0, classNames: N = {}, styleSlots: P = {}, className: ue = "", style: de, role: fe = "dialog", id: pe, "aria-label": F, "aria-labelledby": I, "aria-describedby": L }) => {
-	let R = e(), z = l(null), [me, he] = u(null), B = te(), [V, H] = u(n), [ge, U] = u(!1), [W, G] = u(!1), K = l(null), q = l(n);
-	q.current = n;
-	let J = l(null), Y = S() ? 0 : ce;
-	g(V), o(() => {
-		n ? (J.current &&= (clearTimeout(J.current), null), U(!1), H(!0)) : V && (U(!0), J.current = setTimeout(() => {
-			z.current?.close(), H(!1), G(!1), U(!1), p?.();
-		}, Y));
-	}, [n]), o(() => () => {
-		J.current && clearTimeout(J.current);
-	}, []);
-	let X = ee(() => {
-		i && i() === !1 || r?.();
-	}, [i, r]);
-	s(() => {
-		let e = z.current;
-		if (e && V) {
-			if (!e.open) {
-				let t = document.activeElement;
-				K.current = t instanceof HTMLElement && t !== document.body ? t : null, b && (e.dataset.modalOrder = String(++oe)), b ? e.showModal() : e.show();
-			}
-			G(!0);
-		}
-	}, [V, b]), s(() => {
-		let e = z.current;
-		if (!e || !W) return;
-		if (M?.current) {
-			M.current.focus({ focusVisible: !0 });
-			return;
-		}
-		let t = document.activeElement;
-		t && t !== e && e.contains(t) || e.querySelector(C)?.focus();
-	}, [W]), s(() => () => {
-		let e = z.current, t = K.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 });
-		});
-	}, []), o(() => {
-		if (V && A && b) return re(j), () => ie();
-	}, [
-		V,
-		b,
-		A,
-		j
-	]), o(() => {
-		let e = z.current;
-		if (!e || !V) return;
-		let t = (t) => {
-			t.key !== "Escape" || t.defaultPrevented || t.isComposing || t.target instanceof Node && e.contains(t.target) && (t.preventDefault(), a?.(t), E && X());
-		}, n = (e) => {
-			e.preventDefault(), a?.(e), E && X();
-		}, r = () => {
-			q.current && !e.open && e.isConnected && (b ? e.showModal() : e.show(), e.querySelector(C)?.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);
-		};
-	}, [
-		V,
-		b,
-		E,
-		X,
-		a
-	]);
-	let Z = l(!1), _e = (e) => {
-		Z.current = e.target === z.current;
-	}, Q = (e) => {
-		let t = Z.current && e.target === z.current;
-		Z.current = !1, t && (c?.(e), T && X());
-	};
-	if (!V) return null;
-	let ve = h !== void 0 || _ !== void 0 || D, ye = I ?? (h !== void 0 && !F ? B : void 0), be = /* @__PURE__ */ d("dialog", {
-		ref: (e) => {
-			z.current = e, he(e);
-		},
-		id: pe,
-		"data-modal": b ? "" : void 0,
-		className: [
-			y.root,
-			y[x],
-			y[w],
-			b ? "" : y.nonModal,
-			ge ? y.closing : "",
-			N.root,
-			ue
-		].filter(Boolean).join(" "),
-		style: {
-			"--dialog-anim": `${Y}ms`,
-			...P.root,
-			...de
-		},
-		role: fe,
-		"aria-label": F,
-		"aria-labelledby": ye,
-		"aria-describedby": L,
-		"aria-modal": b || void 0,
-		onPointerDown: _e,
-		onPointerUp: Q,
-		children: /* @__PURE__ */ d(t.Provider, {
-			value: me,
-			children: W && /* @__PURE__ */ f("div", {
-				className: [y.panel, N.panel].filter(Boolean).join(" "),
-				style: P.panel,
-				children: [
-					ve && /* @__PURE__ */ f("div", {
-						className: [y.header, N.header].filter(Boolean).join(" "),
-						style: P.header,
-						children: [/* @__PURE__ */ f("span", {
-							className: y.headText,
-							children: [h !== void 0 && /* @__PURE__ */ d("span", {
-								className: y.title,
-								id: B,
-								children: h
-							}), _ !== void 0 && /* @__PURE__ */ d("span", {
-								className: y.subtitle,
-								children: _
-							})]
-						}), D && /* @__PURE__ */ d("button", {
-							type: "button",
-							id: k,
-							className: [y.close, N.closeButton].filter(Boolean).join(" "),
-							style: P.closeButton,
-							onClick: X,
-							"aria-label": R.dialog.close,
-							children: O ?? ae
-						})]
-					}),
-					m !== void 0 && /* @__PURE__ */ d("div", {
-						className: [
-							y.body,
-							le ? "scroll-fade-y scroll-gutter" : `${y.flush} scroll-fade-y`,
-							N.body
-						].filter(Boolean).join(" "),
-						style: P.body,
-						children: m
-					}),
-					v !== void 0 && /* @__PURE__ */ d("div", {
-						className: [y.footer, N.footer].filter(Boolean).join(" "),
-						style: P.footer,
-						children: v
-					})
-				]
-			})
-		})
-	}), $ = se ?? (typeof document > "u" ? null : document.body);
-	return $ ? ne(be, $) : null;
-};
-w.displayName = "Dialog";
-var T = i({
-	authorize: () => !0,
-	exportOptions: {},
-	serverMode: !1,
-	labels: r,
-	format: n(),
-	text: {
-		yes: r.yes,
-		no: r.no
-	}
-});
-function E() {
-	return a(T);
-}
-function D() {
-	return a(T).labels;
-}
-function O(e, t, n) {
-	return !e || e(t, n) !== !1;
-}
-// src/components/DataTable/layout/scrollArea.ts
-var k = "dt-scroll-area scroll-fade-y scroll-gutter", A = "dt-scroll-area scroll-fade-x scroll-fade-y scroll-gutter";
-export { D as a, h as c, O as i, v as l, k as n, E as o, T as r, w as s, A as t, _ as u };

package/dist/types/components/DataTable/ui-local/DragAndDropList/DragAndDropList.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { type DragAndDropListProps, type DragAndDropItem } from './types';
-import './DragAndDropList.css';
-export default function DragAndDropList<T = DragAndDropItem>({ state, setState, renderKeys, onReorder, renderItem, getItemKey, className, showDragHandle, isItemDraggable, dragHandleProps, emptyMessage, showManualButtons, showSerialNumber, maxHeight, enableScrolling }: DragAndDropListProps<T>): React.JSX.Element;

package/dist/types/components/DataTable/ui-local/DragAndDropList/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './DragAndDropList';
-export { default as DragAndDropList } from './DragAndDropList';
-export * from './types';

package/dist/types/components/DataTable/ui-local/DragAndDropList/types.d.ts

@@ -1,70 +0,0 @@
-import { type CSSProperties, type ReactNode, type MouseEvent, type TouchEvent, type DragEvent } from 'react';
-export type DragAndDropItem = any;
-export type GetItemKeyFn<T = DragAndDropItem> = (item: T, index: number) => string | number;
-export type IsItemDraggableFn<T = DragAndDropItem> = (item: T, index: number) => boolean;
-export type OnReorderFn<T = DragAndDropItem> = (newItems: T[]) => void;
-export type RenderItemFn<T = DragAndDropItem> = (item: T, index: number, isDragging: boolean, isDragOver: boolean, dragHandle: ReactNode, moveItem: (fromIndex: number, toIndex: number) => void) => ReactNode;
-export interface DragHandleProps {
-    className?: string;
-    style?: CSSProperties;
-    title?: string;
-    'aria-label'?: string;
-    onClick?: (e: MouseEvent<HTMLSpanElement>) => void;
-    onMouseDown?: (e: MouseEvent<HTMLSpanElement>) => void;
-}
-export interface DragAndDropListProps<T = DragAndDropItem> {
-    state: T[];
-    setState?: (items: T[]) => void;
-    renderKeys?: string | string[];
-    onReorder?: OnReorderFn<T>;
-    renderItem?: RenderItemFn<T>;
-    getItemKey?: GetItemKeyFn<T>;
-    className?: string;
-    showDragHandle?: boolean;
-    isItemDraggable?: IsItemDraggableFn<T>;
-    dragHandleProps?: DragHandleProps;
-    emptyMessage?: string;
-    showManualButtons?: boolean;
-    showSerialNumber?: boolean;
-    maxHeight?: string | number;
-    enableScrolling?: boolean;
-}
-export interface DragAndDropState {
-    draggedIndex: number | null;
-    dragOverIndex: number | null;
-    isDragging: boolean;
-    touchStartY: number | null;
-    touchCurrentY: number | null;
-    touchStartX: number | null;
-    isDragReady: boolean;
-    touchStartTime: number | null;
-}
-export type AutoScrollDirection = 'up' | 'down';
-export interface TouchEventData {
-    clientX: number;
-    clientY: number;
-    startY: number;
-    startX: number;
-    startTime: number;
-}
-export interface DragEventHandlers {
-    handleDragStart: (e: DragEvent<HTMLDivElement>, index: number) => void;
-    handleDragEnd: () => void;
-    handleDragOver: (e: DragEvent<HTMLDivElement>) => void;
-    handleDragEnter: (e: DragEvent<HTMLDivElement>, index: number) => void;
-    handleDragLeave: (e: DragEvent<HTMLDivElement>) => void;
-    handleDrop: (e: DragEvent<HTMLDivElement>, dropIndex: number) => void;
-}
-export interface TouchEventHandlers {
-    handleTouchStart: (e: TouchEvent<HTMLDivElement>, index: number) => void;
-    handleTouchMove: (e: TouchEvent<HTMLDivElement>) => void;
-    handleTouchEnd: () => void;
-}
-export interface ItemRenderContext<T = DragAndDropItem> {
-    item: T;
-    index: number;
-    isCurrentDragging: boolean;
-    isCurrentDragOver: boolean;
-    isDraggable: boolean;
-    itemKey: string | number;
-}