@dcs-tech/ui 0.8.0 → 0.9.0

package/dist/types/components/DataTable/types.d.ts

@@ -902,6 +902,7 @@ export interface DataTableView<TData = any> {
     expandRow?: (row: TData) => ReactNode;
     actions?: DataTableRowAction<TData>[] | ((row: TData) => DataTableRowAction<TData>[]);
     inlineActions?: number;
+    actionsHeader?: boolean;
     bulkActions?: DataTableBulkAction<TData>[];
     hideBulkActions?: string[];
     pinning?: DataTablePinningConfig;

package/dist/types/index.d.ts

@@ -66,7 +66,7 @@ export { ImagePicker, ImageStrip, ImageViewer, prepareImage, ImagePrepareError }
 export type { ImagePickerProps, ImagePickerItem, ImageStripProps, StripImage, ImageViewerProps, ViewerImage, PrepareImageOptions, PreparedImage, } from './components/Image';
 export { Dialog } from './components/Dialog';
 export type { DialogProps, DialogPlacement, DialogSize } from './components/Dialog';
-export { useDialog } from './components/Dialog/DialogHost';
+export { useDialog, DialogHost } from './components/Dialog/DialogHost';
 export { useDialogOpen } from './components/Dialog/dialogOpen';
 export type { DialogApi, DialogChoice, DialogActionProps, ConfirmOptions, ChooseOptions, AlertOptions, } from './components/Dialog/DialogHost';
 export { ToastHost, useToast } from './components/Toast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcs-tech/ui",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "React UI component library — fields, buttons, tooltips, tables and design tokens.",
   "license": "UNLICENSED",
   "type": "module",
@@ -8,7 +8,8 @@
     "*.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/dist/assets/fileTask.worker-BHT1olUk.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 l(t.workbook,n);case`pdf`:return p(t,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,o=e=>`FF`+e.replace(`#`,``).toUpperCase();function s(e,t){if(t&&((t.bold!==void 0||t.italic!==void 0||t.size||t.color)&&(e.font={...e.font??{},...t.bold===void 0?{}:{bold:t.bold},...t.italic===void 0?{}:{italic:t.italic},...t.size?{size:t.size}:{},...t.color?{color:{argb:o(t.color)}}:{}}),t.fill&&(e.fill={type:`pattern`,pattern:`solid`,fgColor:{argb:o(t.fill)}}),t.align&&(e.alignment={horizontal:t.align,vertical:`middle`}),t.numFmt&&(typeof e.value==`number`||e.value instanceof Date)&&(e.numFmt=t.numFmt),t.borderTop||t.borderBottom)){let n=e=>({style:e.style,...e.color?{color:{argb:o(e.color)}}:{}});e.border={...t.borderTop?{top:n(t.borderTop)}:{},...t.borderBottom?{bottom:n(t.borderBottom)}:{}}}}function c(e,t,n){let r=e.addRow(t.values);t.style?.bold&&(r.font={bold:!0}),t.merge&&n>1&&e.mergeCells(r.number,1,r.number,n);let i=t.merge?1:Math.max(t.values.length,0);for(let e=0;e<i;e++){let n=r.getCell(e+1);s(n,t.style),s(n,t.cells?.[e])}}async function l(t,n){let i=new(await(r())).Workbook,l=Math.max(1,t.sheets.reduce((e,t)=>e+t.rows.length,0)),u=Math.max(1,Math.floor(l/50)),d=0;for(let r of t.sheets){let t=i.addWorksheet(r.name),a=r.columns.length;t.columns=r.columns.map((e,t)=>({key:String(t),width:e.width}));for(let e of r.before??[])c(t,e,a);let f=t.addRow(r.columns.map(e=>e.header));f.font={bold:r.headerStyle?.bold??!0},f.eachCell((e,t)=>{let n=r.columns[t-1]?.align;n&&(e.alignment={horizontal:n,vertical:`middle`}),s(e,r.headerStyle)});let p=f.number;r.freeze?t.views=[{state:`frozen`,ySplit:r.freeze.rows??0,xSplit:r.freeze.cols??0}]:r.freezeHeader!==!1&&(t.views=[{state:`frozen`,ySplit:p}]),r.rows.forEach((i,a)=>{let c=t.addRow(i),f=r.cellStyles?.[a],p=r.stripe&&a%2==1;if(r.columns.forEach((e,t)=>{let n=c.getCell(t+1);e.numFmt&&(typeof n.value==`number`||n.value instanceof Date)&&(n.numFmt=e.numFmt),e.align&&(n.alignment={horizontal:e.align,vertical:`middle`}),p&&(n.fill={type:`pattern`,pattern:`solid`,fgColor:{argb:o(r.stripe)}}),s(n,e.style),s(n,f?.[t])}),++d%u===0){if(n.signal?.aborted)throw e();n.progress(d/l*.9)}}),r.autoFilter&&r.rows.length>0&&(t.autoFilter={from:{row:p,column:1},to:{row:p,column:a}});for(let e of r.after??[])c(t,e,a)}let f=await i.xlsx.writeBuffer();return n.progress(1),a(f)}const u={Roboto:{normal:`Roboto-Regular.ttf`,bold:`Roboto-Medium.ttf`,italics:`Roboto-Italic.ttf`,bolditalics:`Roboto-MediumItalic.ttf`}};function d(e){let t=e.hLineWidth??1,n=e.edgeLineWidth??t;return{hLineWidth:(e,r)=>e===0||e===(r.table.headerRows??0)||e===r.table.body.length?n:t,vLineWidth:()=>e.vLineWidth??1,...e.hLineColor?{hLineColor:()=>e.hLineColor}:{},...e.vLineColor?{vLineColor:()=>e.vLineColor}:{},...e.paddingX===void 0?{}:{paddingLeft:()=>e.paddingX,paddingRight:()=>e.paddingX},...e.paddingY===void 0?{}:{paddingTop:()=>e.paddingY,paddingBottom:()=>e.paddingY}}}function f(e){return(t,n)=>({text:e.text.replace(/\{page\}/g,String(t)).replace(/\{pages\}/g,String(n)),...e.font?{font:e.font}:{},alignment:e.alignment??`center`,fontSize:e.fontSize??8,...e.color?{color:e.color}:{},...e.margin?{margin:e.margin}:{}})}async function p(t,n){let r=n.pdfFonts?{fonts:{...n.pdfFonts.fonts,...t.fonts?.fonts},vfs:n.pdfFonts.vfs||t.fonts?.vfs?{...n.pdfFonts.vfs,...t.fonts?.vfs}:void 0}:t.fonts,a=t.footer?{...t.document,footer:f(t.footer)}:t.document,o=t.tableLayouts?Object.fromEntries(Object.entries(t.tableLayouts).map(([e,t])=>[e,d(t)])):void 0,{pdfMake:s,vfs:c}=await i();if(n.progress(.1),n.signal?.aborted)throw e();let l={...u,...r?.fonts??{}},p=r?.vfs?{...c??{},...r.vfs}:c,m=await new Promise((e,t)=>{try{let n=s.createPdf(a,o,l,p).getStream(),r=[];n.on(`data`,e=>r.push(e)),n.on(`error`,t),n.on(`end`,()=>{let t=new Uint8Array(r.reduce((e,t)=>e+t.byteLength,0)),n=0;for(let e of r)t.set(e,n),n+=e.byteLength;e(t.buffer)}),n.end()}catch(e){t(e)}});return n.progress(1),m}let m;const h=self;h.onmessage=async e=>{if(e.data.type===`init`){m=e.data.pdfFonts;return}let{id:n,task:r}=e.data;try{let e=await t(r,{progress:e=>h.postMessage({type:`progress`,id:n,fraction:e}),pdfFonts:m});h.postMessage({type:`done`,id:n,buffer:e},[e])}catch(e){h.postMessage({type:`error`,id:n,message:e instanceof Error?e.message:String(e)})}};

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