@dcs-tech/ui 0.9.0 → 0.11.0

package/dist/exportContext-BKFnNQ0q.js

@@ -1,166 +0,0 @@
-"use client";
-import { a as e, d as t, r as n, s as r } from "./columnValue-DwUqueZ6.js";
-import { r as i, t as a } from "./labels-CnqqTrne.js";
-// src/core/logic/exportSafety.logic.ts
-var o = /^[=+\-@\t\r]/, s = (e) => o.test(e) ? `'${e}` : e, c = (e) => e === "xlsx" || e === "json" || e === "xml" ? "typed" : "text";
-function l(e) {
-	let t = /* @__PURE__ */ new Map();
-	return e.map((e) => {
-		let n = (t.get(e) ?? 0) + 1;
-		return t.set(e, n), n === 1 ? e : `${e} (${n})`;
-	});
-}
-var u = (e) => typeof e == "number" && Number.isFinite(e);
-function d(e) {
-	let [t, n, r] = e.slice(0, 10).split("-").map(Number), i = e.length > 10 ? Number(e.slice(11, 13)) : 0, a = e.length > 10 ? Number(e.slice(14, 16)) : 0;
-	return new Date(Date.UTC(t, n - 1, r, i, a));
-}
-function f(e) {
-	let { locale: t, currency: n } = e.fmt ?? {};
-	if (!n) return "";
-	try {
-		return new Intl.NumberFormat(t, {
-			style: "currency",
-			currency: n
-		}).formatToParts(0).find((e) => e.type === "currency")?.value ?? "";
-	} catch {
-		return "";
-	}
-}
-function p(e, t, n) {
-	if (e.type === "date") {
-		let r = e.dateFormat ?? n.fmt?.dateFormat ?? "dd-mm-yyyy";
-		return t.some((e) => e instanceof Date && (e.getUTCHours() || e.getUTCMinutes())) ? `${r} hh:mm` : r;
-	}
-	switch (e.numberFormat) {
-		case "integer": return "#,##0";
-		case "amount": return "#,##0.00";
-		case "percent": return "0%";
-		case "currency": {
-			let e = f(n);
-			return e ? `"${e}"#,##0.00` : "#,##0.00";
-		}
-	}
-	if (e.type === "number") {
-		let e = t.filter(u);
-		return e.length && e.every(Number.isInteger) ? "#,##0" : void 0;
-	}
-}
-function m(r, i, a, o, f, m, h = "Total") {
-	let g = new Map(a.map((e) => [e.key, e])), _ = o.map((e) => g.get(e)).filter((e) => e !== void 0 && e.exportable !== !1 && e.authorized !== !1), v = l(_.map((e) => e.exportHeader || e.header)), y = c(r), b = r === "csv" || r === "xlsx", x = _.map(() => []), S = i.map((i) => {
-		let a = {};
-		return _.forEach((o, c) => {
-			let l = e(o, i), p;
-			if (o.exportValue) p = o.exportValue(l, i);
-			else if (y === "text") p = t(o, l, f, i);
-			else if (o.type === "date") {
-				let e = n(o, l, i);
-				p = e ? r === "xlsx" ? d(e) : e : "";
-			} else if (o.type === "number" && !o.format) {
-				let e = typeof l == "number" ? l : l == null || l === "" ? NaN : Number(l);
-				p = Number.isFinite(e) ? e : "";
-			} else p = r !== "xlsx" && (typeof l == "boolean" || u(l)) && !o.format ? l : t(o, l, f, i);
-			b && typeof p == "string" && (p = s(p)), x[c].push(p), a[v[c]] = p ?? "";
-		}), a;
-	}), C = _.some((e) => e.cellStyle) ? i.map((t) => {
-		let n = {};
-		return _.forEach((r, i) => {
-			let a = r.cellStyle?.(e(r, t), t);
-			a && (n[v[i]] = a);
-		}), n;
-	}) : void 0, w = _.map((e, t) => ({
-		header: v[t],
-		type: e.type,
-		align: e.align ?? (e.type === "number" ? "right" : void 0),
-		width: e.width,
-		...r === "xlsx" ? { numFmt: p(e, x[t], f) } : {},
-		...e.cellStyle ? { cellStyle: e.cellStyle } : {}
-	})), T = new Set(m ?? []), E = null;
-	return T.size && (E = {}, _.forEach((n, r) => {
-		let a = v[r];
-		if (!T.has(n.key)) {
-			E[a] = r === 0 ? h : "";
-			return;
-		}
-		let o = i.reduce((t, r) => {
-			let i = e(n, r), a = typeof i == "number" ? i : Number(i);
-			return Number.isFinite(a) && i !== null && i !== "" ? t + a : t;
-		}, 0);
-		E[a] = y === "text" ? t({
-			...n,
-			format: void 0
-		}, o, f) : o;
-	}), _.some((e) => T.has(e.key)) || (E = null)), {
-		headers: v,
-		rows: S,
-		exportColumns: _,
-		cellStyles: C,
-		columnMeta: w,
-		totals: E
-	};
-}
-// src/components/DataTable/export/exportRows.ts
-function h(e, t = a) {
-	return e == null ? "" : typeof e == "number" ? e : typeof e == "boolean" ? e ? t.yes : t.no : e instanceof Date ? e.toLocaleDateString() : Array.isArray(e) ? e.length === 0 ? "" : typeof e[0] == "object" ? t.exportItems(String(e.length)) : e.join(", ") : typeof e == "object" ? "" : String(e);
-}
-function g(t, n, i, o = a) {
-	let s = new Map(n.map((e) => [e.key, e])), c = i.map((e) => s.get(e)).filter((e) => e !== void 0 && e.exportable !== !1 && e.authorized !== !1), u = l(c.map((e) => e.exportHeader || e.header)), d = c.some((e) => e.cellStyle);
-	return {
-		headers: u,
-		rows: t.map((t) => c.reduce((n, i, a) => {
-			let s = e(i, t);
-			return n[u[a]] = i.exportValue ? i.exportValue(s, t) : i.format ? i.format(s, t) ?? "" : i.type === "date" ? r(i, s, t) : h(s, o), n;
-		}, {})),
-		exportColumns: c,
-		cellStyles: d ? t.map((t) => c.reduce((n, r, i) => {
-			if (r.cellStyle) {
-				let a = e(r, t), o = r.cellStyle(a, t);
-				o && (n[u[i]] = o);
-			}
-			return n;
-		}, {})) : void 0
-	};
-}
-function _(e) {
-	let t = e?.businessMeta?.() || {}, n = {};
-	return t.businessName && (n.businessName = t.businessName), t.businessAddress && (n.businessAddress = t.businessAddress), t.businessPhone && (n.businessPhone = t.businessPhone), t.taxNumber && (n.taxNumber = t.taxNumber, n.taxNumberLabel = t.taxNumberLabel), n;
-}
-// src/components/DataTable/export/exportContext.ts
-var v = (e) => i(e?.labels), y = (e) => e.taxNumberLabel || v(e).exportTaxNo;
-function b(e, t) {
-	return e.map((e) => ({
-		column: e.columnLabel,
-		operator: e.operatorLabel,
-		value: t?.get(e.id) ?? e.displayValue
-	}));
-}
-function x(e, t = {}) {
-	let n = v(e), r = [];
-	if (e.filters && e.filters.length > 0 && r.push({
-		label: n.exportFiltersLabel,
-		value: e.filters.map((e) => `${e.column} ${e.operator} ${e.value}`).join(", ")
-	}), e.searchTerm && r.push({
-		label: n.exportSearchLabel,
-		value: `"${e.searchTerm}"`
-	}), e.totalRows > 0 || e.resultRows > 0) {
-		let i = [n.exportRowsTotal(String(e.totalRows))];
-		e.filteredRows !== e.totalRows && i.push(n.exportRowsFiltered(String(e.filteredRows))), (t.rows ?? "export") === "export" && i.push(n.exportRowsExported(String(e.resultRows)));
-		let a = e.selectedRows > 0 ? ` (${n.exportRowsSelected(String(e.selectedRows))})` : "";
-		r.push({
-			label: n.exportRowsLabel,
-			value: `${i.join(" > ")}${a}`,
-			rows: !0
-		});
-	}
-	return r;
-}
-function S(e, t) {
-	return x(e, t).map((e) => e.rows ? e.value : `${e.label}: ${e.value}`).join(" | ");
-}
-function C(e) {
-	let t = v(e), n = [];
-	e.businessName && n.push([t.exportBusiness, e.businessName]), e.businessAddress && n.push([t.exportAddress, e.businessAddress]), e.businessPhone && n.push([t.exportPhone, e.businessPhone]), e.taxNumber && n.push([y(e), e.taxNumber]);
-	for (let t of x(e)) n.push([t.label, t.value]);
-	return n;
-}
-export { y as a, g as c, v as i, m as l, S as n, h as o, C as r, _ as s, b as t };

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