@dcs-tech/ui 0.6.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcs-tech/ui",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "React UI component library — fields, buttons, tooltips, tables and design tokens.",
   "license": "UNLICENSED",
   "type": "module",
@@ -18,13 +18,14 @@
       "import": "./dist/index.js"
     },
     "./style.css": "./dist/style.css",
+    "./file-worker": "./dist/file-worker.js",
     "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "vite build && npm run build:types && npm run verify:types && npm run verify:no-leak && npm run verify:tokens",
+    "build": "vite build && node scripts/copy-worker.mjs && npm run build:types && npm run verify:types && npm run verify:no-leak && npm run verify:tokens",
     "build:types": "tsc -p tsconfig.build.json",
     "verify:types": "tsc -p tsconfig.verify.json",
     "verify:no-leak": "node scripts/verify-no-leak.mjs",
@@ -52,7 +53,10 @@
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.5.5",
-    "@types/pdfmake": "^0.2.7"
+    "@types/pdfmake": "^0.2.7",
+    "valibot": "^1.5.0",
+    "yup": "^1.7.1",
+    "zod": "^4.6.7"
   },
   "keywords": [
     "react",

package/dist/assets/fileTask.worker-FQSUtwcz.js

@@ -1 +0,0 @@
-const e=()=>new DOMException(`Aborted`,`AbortError`);async function t(t,n){if(n.signal?.aborted)throw e();switch(t.kind){case`xlsx`:return o(t.workbook,n);case`pdf`:return c(t.document,t.fonts,n);default:throw Error(`Unknown file task: ${t.kind}`)}}const n=globalThis;async function r(){let e=await import(`exceljs`),t=[e.default?.default,e.default,e,n.ExcelJS].find(e=>e&&typeof e.Workbook==`function`);if(!t)throw Error(`ExcelJS did not load`);return t}async function i(){let e=await import(`pdfmake/build/pdfmake.js`),t=[e.default?.default,e.default,e,n.pdfMake].find(e=>e&&typeof e.createPdf==`function`);if(!t)throw Error(`pdfmake did not load`);let r=await import(`pdfmake/build/vfs_fonts.js`);return{pdfMake:t,vfs:[r?.default,r,r?.pdfMake?.vfs,r?.default?.pdfMake?.vfs,t.vfs,n.pdfMake?.vfs].find(e=>e&&e[`Roboto-Regular.ttf`])}}const a=e=>ArrayBuffer.isView(e)?e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength):e;async function o(t,n){let i=new(await(r())).Workbook,o=Math.max(1,t.sheets.reduce((e,t)=>e+t.rows.length,0)),s=Math.max(1,Math.floor(o/50)),c=0;for(let r of t.sheets){let t=i.addWorksheet(r.name);t.columns=r.columns.map((e,t)=>({key:String(t),width:e.width}));let a=t.addRow(r.columns.map(e=>e.header));r.freezeHeader!==!1&&(a.font={bold:!0},t.views=[{state:`frozen`,ySplit:1}]);for(let i of r.rows){let a=t.addRow(i);if(r.columns.forEach((e,t)=>{if(!e.numFmt&&!e.align)return;let n=a.getCell(t+1);e.numFmt&&(n.numFmt=e.numFmt),e.align&&(n.alignment={horizontal:e.align})}),++c%s===0){if(n.signal?.aborted)throw e();n.progress(c/o*.9)}}}let l=await i.xlsx.writeBuffer();return n.progress(1),a(l)}const s={Roboto:{normal:`Roboto-Regular.ttf`,bold:`Roboto-Medium.ttf`,italics:`Roboto-Italic.ttf`,bolditalics:`Roboto-MediumItalic.ttf`}};async function c(t,n,r){let{pdfMake:a,vfs:o}=await i();if(r.progress(.1),r.signal?.aborted)throw e();let c={...s,...n?.fonts??{}},l=n?.vfs?{...o??{},...n.vfs}:o,u=await new Promise((e,n)=>{try{let r=a.createPdf(t,void 0,c,l).getStream(),i=[];r.on(`data`,e=>i.push(e)),r.on(`error`,n),r.on(`end`,()=>{let t=new Uint8Array(i.reduce((e,t)=>e+t.byteLength,0)),n=0;for(let e of i)t.set(e,n),n+=e.byteLength;e(t.buffer)}),r.end()}catch(e){n(e)}});return r.progress(1),u}const l=self;l.onmessage=async e=>{let{id:n,task:r}=e.data;try{let e=await t(r,{progress:e=>l.postMessage({type:`progress`,id:n,fraction:e})});l.postMessage({type:`done`,id:n,buffer:e},[e])}catch(e){l.postMessage({type:`error`,id:n,message:e instanceof Error?e.message:String(e)})}};

package/dist/runFileTask-BClLQjmv.js

@@ -1,109 +0,0 @@
-"use client";
-// \0rolldown/runtime.js
-var e = Object.defineProperty, t = (t, n) => {
-	let r = {};
-	for (var i in t) e(r, i, {
-		get: t[i],
-		enumerable: !0
-	});
-	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
-}, n = /* @__PURE__ */ t({ runFileTask: () => i }), r = () => new DOMException("Aborted", "AbortError");
-async function i(e, t) {
-	if (t.signal?.aborted) throw r();
-	switch (e.kind) {
-		case "xlsx": return l(e.workbook, t);
-		case "pdf": return d(e.document, e.fonts, t);
-		default: throw Error(`Unknown file task: ${e.kind}`);
-	}
-}
-var a = globalThis;
-async function o() {
-	let e = await import("exceljs"), t = [
-		e.default?.default,
-		e.default,
-		e,
-		a.ExcelJS
-	].find((e) => e && typeof e.Workbook == "function");
-	if (!t) throw Error("ExcelJS did not load");
-	return t;
-}
-async function s() {
-	let e = await import("pdfmake/build/pdfmake.js"), t = [
-		e.default?.default,
-		e.default,
-		e,
-		a.pdfMake
-	].find((e) => e && typeof e.createPdf == "function");
-	if (!t) throw Error("pdfmake did not load");
-	let n = await import("pdfmake/build/vfs_fonts.js");
-	return {
-		pdfMake: t,
-		vfs: [
-			n?.default,
-			n,
-			n?.pdfMake?.vfs,
-			n?.default?.pdfMake?.vfs,
-			t.vfs,
-			a.pdfMake?.vfs
-		].find((e) => e && e["Roboto-Regular.ttf"])
-	};
-}
-var c = (e) => ArrayBuffer.isView(e) ? e.buffer.slice(e.byteOffset, e.byteOffset + e.byteLength) : e;
-async function l(e, t) {
-	let n = new (await (o())).Workbook(), i = Math.max(1, e.sheets.reduce((e, t) => e + t.rows.length, 0)), a = Math.max(1, Math.floor(i / 50)), s = 0;
-	for (let o of e.sheets) {
-		let e = n.addWorksheet(o.name);
-		e.columns = o.columns.map((e, t) => ({
-			key: String(t),
-			width: e.width
-		}));
-		let c = e.addRow(o.columns.map((e) => e.header));
-		o.freezeHeader !== !1 && (c.font = { bold: !0 }, e.views = [{
-			state: "frozen",
-			ySplit: 1
-		}]);
-		for (let n of o.rows) {
-			let c = e.addRow(n);
-			if (o.columns.forEach((e, t) => {
-				if (!e.numFmt && !e.align) return;
-				let n = c.getCell(t + 1);
-				e.numFmt && (n.numFmt = e.numFmt), e.align && (n.alignment = { horizontal: e.align });
-			}), ++s % a === 0) {
-				if (t.signal?.aborted) throw r();
-				t.progress(s / i * .9);
-			}
-		}
-	}
-	let l = await n.xlsx.writeBuffer();
-	return t.progress(1), c(l);
-}
-var u = { Roboto: {
-	normal: "Roboto-Regular.ttf",
-	bold: "Roboto-Medium.ttf",
-	italics: "Roboto-Italic.ttf",
-	bolditalics: "Roboto-MediumItalic.ttf"
-} };
-async function d(e, t, n) {
-	let { pdfMake: i, vfs: a } = await s();
-	if (n.progress(.1), n.signal?.aborted) throw r();
-	let o = {
-		...u,
-		...t?.fonts ?? {}
-	}, c = t?.vfs ? {
-		...a ?? {},
-		...t.vfs
-	} : a, l = await new Promise((t, n) => {
-		try {
-			let r = i.createPdf(e, void 0, o, c).getStream(), a = [];
-			r.on("data", (e) => a.push(e)), r.on("error", n), r.on("end", () => {
-				let e = new Uint8Array(a.reduce((e, t) => e + t.byteLength, 0)), n = 0;
-				for (let t of a) e.set(t, n), n += t.byteLength;
-				t(e.buffer);
-			}), r.end();
-		} catch (e) {
-			n(e);
-		}
-	});
-	return n.progress(1), l;
-}
-export { n, t as r, i as t };

package/dist/scrollArea-DAlVT5U7.js

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