@dcs-tech/ui 0.8.0 → 0.10.0

package/dist/scrollArea-Dd2dNMV4.js

@@ -1,236 +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, 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 };

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;
-}