@iyulab/flex-table 0.45.0 → 0.47.0

package/dist/flex-table.d.ts

@@ -1,4 +1,5 @@
 import { LitElement, type PropertyValues } from 'lit';
+import '@iyulab/components/dist/components/date-picker/UDatePicker.js';
 import type { ExportFormat } from './export/export.js';
 import type { CellPosition, CellRange } from './core/selection.js';
 import type { SortCriteria } from './core/sorting.js';
@@ -395,6 +396,12 @@ export declare class FlexTable extends LitElement {
     private _handleCopy;
     private _handlePaste;
     private _readClipboardText;
+    /**
+     * After a paste, the cells it wrote are the selection — as in spreadsheets — so the reader sees
+     * what changed and can copy, clear or undo it as one block. The active cell stays where the
+     * paste began (the same shape as selecting a column: range to the far corner, focus at the start).
+     */
+    private _selectPastedRange;
     private _expandRowsForPaste;
     private _applyPasteData;
     private _handleFillDown;
@@ -485,6 +492,12 @@ export declare class FlexTable extends LitElement {
     private _numberFilterState;
     private _dateFilterState;
     private _emptyFilterState;
+    /**
+     * From/to bounds as two `u-date-picker`s — the cell editor's control, for the same reason: the native
+     * date inputs show the browser's UI language (`10/02/2026` in an English browser) while the table
+     * shows ISO. Two pickers, not one `u-date-range-picker`: either bound may be left open ("from this
+     * day on"), which a range value cannot say. Each bound's calendar stops at the other bound.
+     */
     private _renderDateFilter;
     private _applyDateFilter;
     private _renderBooleanFilter;

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-Bv41ls8b.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-h2noRChg.js";
 export { o as FlexTable, e as RowSelectionState, t as UndoStack, n as effectiveAlign, i as exportData, r as flexTableLocale, a as renderCell };

package/dist/odata/types.d.ts

@@ -1,4 +1,5 @@
 import type { SortCriteria } from '../core/sorting.js';
+import type { SourceError } from '../core/source-error.js';
 export interface UseODataSourceOptions {
     pageSize?: number;
     defaultOrderBy?: string;
@@ -43,7 +44,11 @@ export interface UseODataSourceResult<T> {
     data: T[];
     totalCount: number;
     loading: boolean;
-    error: string | null;
+    /**
+     * 마지막 요청의 실패, 없으면 `null`. 화면에는 `error.message` 를 그린다. «어떤 실패인가» 는
+     * `status`(HTTP) · `code`(서버의 거절 코드) · `details` 로 가른다 — 401 은 `onUnauthorized` 도 부른다.
+     */
+    error: SourceError | null;
     page: number;
     setPage: (page: number) => void;
     sortCriteria: SortCriteria[];

package/dist/react.d.ts

@@ -69,3 +69,4 @@ export { useODataSource } from './odata/use-odata-source.js';
 export type { UseODataSourceOptions, UseODataSourceResult } from './odata/types.js';
 export { useArraySource } from './array/use-array-source.js';
 export type { UseArraySourceOptions, UseArraySourceResult } from './array/types.js';
+export type { SourceError, SourceErrorDetail } from './core/source-error.js';

package/dist/react.js

@@ -1,47 +1,74 @@
-import { t as e } from "./flex-table-Bv41ls8b.js";
+import { t as e } from "./flex-table-h2noRChg.js";
 import { i as t, t as n } from "./query-Dw4iO0ir.js";
 import { t as r } from "./view-DiLr-TdY.js";
 import i, { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import { createComponent as u } from "@lit/react";
+//#region src/core/source-error.ts
+async function d(e) {
+	let t = await e.text().catch(() => ""), n = {
+		message: `Request failed (${e.status})`,
+		status: e.status
+	};
+	if (!t) return n;
+	let r = t;
+	try {
+		r = JSON.parse(t);
+	} catch {}
+	if (n.body = r, !r || typeof r != "object") return n;
+	let i = r, a = i.error && typeof i.error == "object" ? i.error : i;
+	typeof a.message == "string" && a.message ? n.message = a.message : typeof i.message == "string" && i.message && (n.message = i.message), typeof a.code == "string" && a.code && (n.code = a.code);
+	let o = f(a.details);
+	return o && (n.details = o), n;
+}
+function f(e) {
+	if (!Array.isArray(e)) return;
+	let t = e.filter((e) => {
+		if (!e || typeof e != "object") return !1;
+		let t = e;
+		return typeof t.code == "string" && typeof t.message == "string";
+	});
+	return t.length > 0 ? t : void 0;
+}
+var p = class extends Error {
+	constructor(e) {
+		super(e.message), this.name = "SourceRequestError", this.failure = e;
+	}
+};
+function m(e) {
+	return e instanceof p ? e.failure : e instanceof Error ? { message: e.message } : { message: String(e) };
+}
+//#endregion
 //#region src/odata/use-odata-source.ts
-function d(e, r = {}) {
-	let { pageSize: i = 20, defaultOrderBy: s, initialPage: u = 0, initialSearch: d = "", initialSort: f, fixedFilter: p, baseUrl: m, fetcher: h = fetch, onUnauthorized: g, enabled: _ = !0 } = r, v = p ? JSON.stringify(p) : "", [y, b] = l([]), [x, S] = l(0), [C, w] = l(!1), [T, E] = l(null), D = t({
+function h(e, r = {}) {
+	let { pageSize: i = 20, defaultOrderBy: s, initialPage: u = 0, initialSearch: f = "", initialSort: h, fixedFilter: g, baseUrl: _, fetcher: v = fetch, onUnauthorized: y, enabled: b = !0 } = r, x = g ? JSON.stringify(g) : "", [S, C] = l([]), [w, T] = l(0), [E, D] = l(!1), [O, k] = l(null), A = t({
 		defaultOrderBy: s,
 		initialPage: u,
-		initialSearch: d,
-		initialSort: f
-	}), [O, k] = l(D.page), [A, j] = l(D.sortCriteria), [M, N] = l(D.search), [P, F] = l(0), [I, L] = l(v);
-	v !== I && (L(v), k(0));
-	let R = c(null), z = a(() => {
-		F((e) => e + 1);
-	}, []), B = a((e) => {
-		N(e), k(0);
-	}, []), V = a((e) => {
+		initialSearch: f,
+		initialSort: h
+	}), [j, M] = l(A.page), [N, P] = l(A.sortCriteria), [F, I] = l(A.search), [L, R] = l(0), [z, B] = l(x);
+	x !== z && (B(x), M(0));
+	let V = c(null), H = a(() => {
+		R((e) => e + 1);
+	}, []), U = a((e) => {
+		I(e), M(0);
+	}, []), W = a((e) => {
 		let t = e.detail?.criteria;
-		t && (j(t), k(0));
+		t && (P(t), M(0));
 	}, []);
 	return o(() => {
-		if (R.current?.abort(), !_) return;
+		if (V.current?.abort(), !b) return;
 		let t = new AbortController();
-		R.current = t, w(!0), E(null);
+		V.current = t, D(!0), k(null);
 		let r = n({
-			page: O,
+			page: j,
 			pageSize: i,
-			sortCriteria: A,
+			sortCriteria: N,
 			defaultOrderBy: s,
-			search: M,
-			fixedFilter: p
-		}), a = `${m ?? window.location.origin}${e}${r}`, o = async (e) => {
-			let n = await h(e, { signal: t.signal });
-			if (!n.ok) {
-				n.status === 401 && g && g(n);
-				let e = await n.text().catch(() => ""), t = `Request failed (${n.status})`;
-				try {
-					let n = JSON.parse(e);
-					t = n?.error?.message ?? n?.message ?? t;
-				} catch {}
-				throw Error(t);
-			}
+			search: F,
+			fixedFilter: g
+		}), a = `${_ ?? window.location.origin}${e}${r}`, o = async (e) => {
+			let n = await v(e, { signal: t.signal });
+			if (!n.ok) throw n.status === 401 && y && y(n), new p(await d(n));
 			return n.json();
 		};
 		return (async () => {
@@ -61,42 +88,42 @@ function d(e, r = {}) {
 		})().then(({ count: e, rows: n }) => {
 			if (t.signal.aborted) return;
 			let r = e ?? 0;
-			b(n), S(r), E(null);
+			C(n), T(r), k(null);
 			let a = r === 0 ? 0 : Math.ceil(r / i) - 1;
-			O > a && k(a);
+			j > a && M(a);
 		}).catch((e) => {
-			t.signal.aborted || e.name !== "AbortError" && (E(e.message), b([]), S(0));
+			t.signal.aborted || e.name !== "AbortError" && (k(m(e)), C([]), T(0));
 		}).finally(() => {
-			t.signal.aborted || w(!1);
+			t.signal.aborted || D(!1);
 		}), () => t.abort();
 	}, [
-		_,
+		b,
 		e,
-		O,
+		j,
 		i,
-		A,
-		M,
-		v,
+		N,
+		F,
+		x,
 		s,
-		P,
-		m
+		L,
+		_
 	]), {
-		data: y,
-		totalCount: x,
-		loading: C || !_,
-		error: T,
-		page: O,
-		setPage: k,
-		sortCriteria: A,
-		onSortChange: V,
-		search: M,
-		setSearch: B,
-		refresh: z
+		data: S,
+		totalCount: w,
+		loading: E || !b,
+		error: O,
+		page: j,
+		setPage: M,
+		sortCriteria: N,
+		onSortChange: W,
+		search: F,
+		setSearch: U,
+		refresh: H
 	};
 }
 //#endregion
 //#region src/array/use-array-source.ts
-function f(e, n = {}) {
+function g(e, n = {}) {
 	let { pageSize: i = 20, defaultOrderBy: o, initialPage: c = 0, initialSearch: u = "", initialSort: d, columns: f, searchFields: p } = n, m = t({
 		defaultOrderBy: o,
 		initialPage: c,
@@ -137,7 +164,7 @@ function f(e, n = {}) {
 		refresh: C
 	};
 }
-var p = u({
+var _ = u({
 	tagName: "flex-table",
 	elementClass: e,
 	react: i,
@@ -176,4 +203,4 @@ var p = u({
 	}
 });
 //#endregion
-export { p as FlexTableReact, f as useArraySource, d as useODataSource };
+export { _ as FlexTableReact, g as useArraySource, h as useODataSource };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.45.0",
+  "version": "0.47.0",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",
@@ -45,6 +45,7 @@
     "build": "npm run typecheck && vite build && tsc --emitDeclarationOnly",
     "build:demo": "vite build --config vite.config.demo.ts",
     "typecheck": "tsc --noEmit && tsc -p tsconfig.test.json",
+    "pretest": "node -e \"if(require('fs').existsSync('../../scripts/sibling-dist-check.js'))require('child_process').execFileSync('node',['../../scripts/sibling-dist-check.js'],{stdio:'inherit'})\"",
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "eslint src/",
@@ -72,7 +73,7 @@
     "odata-query": "^8.1.0"
   },
   "peerDependencies": {
-    "@iyulab/components": ">=1.56.0",
+    "@iyulab/components": ">=2.0.1",
     "@lit/react": "^1.0.8",
     "react": "^18.0.0 || ^19.0.0"
   },

package/skills/iyulab-flex-table/SKILL.md

@@ -66,7 +66,7 @@ as `text`). See `references/api.md` for every field.
 - `editor` returns a Lit template containing an element with class `ft-editor`; its `.value` is committed.
 - `validator` returns `null` when valid, or an error message (the edit is rejected and `validation-error` fires).
 - `number` cells, the number filter and paste read numbers in the active `Locale` (`1,5` is 1.5 on a comma-decimal page); an edit that is not a number is rejected with `validation-error`.
-- `date` cells edit as a `YYYY-MM-DD` text box in every browser language (also `20261002`, `2026/10/2`, `10-02`); pasted dates are normalized to ISO. `datetime` cells edit as `YYYY-MM-DD HH:mm` (local) and store `YYYY-MM-DDTHH:mm`.
+- `date` cells edit with `u-date-picker` (a `YYYY-MM-DD` text box in every browser language plus a calendar) (also `20261002`, `2026/10/2`, `10-02`); pasted dates are normalized to ISO. `datetime` cells edit as `YYYY-MM-DD HH:mm` (local) and store `YYYY-MM-DDTHH:mm`.
 - `conditionalRules` applies `{ when, style }` rules in order; later matches override earlier ones.
 - `pinned: 'left' | 'right'` freezes a column during horizontal scroll.
 
@@ -127,7 +127,7 @@ Server paging from OData or an in-memory array uses the same binding — see `re
 - Styles for elements returned by `render` must be passed through the `stylesheets` property
   (constructable `CSSStyleSheet[]`); document CSS does not cross the shadow boundary.
 - `useODataSource` `fetcher` / `onUnauthorized` must be stable references (`useCallback`).
-- Always render `error` from `useODataSource`; a failed request otherwise leaves the grid empty.
+- Always render `error.message` from `useODataSource`; a failed request otherwise leaves the grid empty. Branch on `error.status` / `error.code` rather than parsing the message.
 
 ## References
 

package/skills/iyulab-flex-table/references/react.md

@@ -73,7 +73,7 @@ function Orders() {
   return (
     <>
       <input value={source.search} onChange={(e) => source.setSearch(e.target.value)} />
-      {source.error && <p role="alert">{source.error}</p>}
+      {source.error && <p role="alert">{source.error.message}</p>}
       <FlexTableReact<Order>
         dataMode="server"
         columns={columns}
@@ -111,7 +111,7 @@ function Orders() {
 |---|---|
 | `data`, `totalCount` | Current page and `@odata.count`; `@odata.nextLink` is followed to fill a page |
 | `loading` | Request in flight |
-| `error` | `string \| null` — render it |
+| `error` | `SourceError \| null` — `{ message, status?, code?, details?, body? }`; render `error.message`, branch on `status` / `code` (OData `error.code`) |
 | `page`, `setPage` | Zero-based |
 | `sortCriteria`, `onSortChange` | Pass `onSortChange` to the table's `sort-change` (resets to page 0) |
 | `search`, `setSearch` | Literal text (resets to page 0) |