@iyulab/flex-table 0.58.0 → 0.60.0

package/dist/flex-table.d.ts

@@ -7,6 +7,17 @@ import type { FilterPredicate } from './core/filtering.js';
 import type { ColumnDefinition, DataRow, SelectionMode, DataMode } from './models/types.js';
 import type { FlexTableEventMap } from './events.js';
 import type { TemplateResult } from 'lit';
+/**
+ * 표 내보내기의 대상 — 선택 범위(`selectionOnly`) 또는 바깥에서 준 행(`rows`, 예: `await source.fetchAll()`). 둘은
+ * 함께 쓰지 않는다(바깥 행에는 표의 선택 범위가 없다).
+ */
+export type TableExportOptions = {
+    selectionOnly?: boolean;
+    rows?: undefined;
+} | {
+    rows: DataRow[];
+    selectionOnly?: undefined;
+};
 export declare class FlexTable extends LitElement {
     static styles: import("lit").CSSResult;
     columns: ColumnDefinition[];
@@ -313,23 +324,25 @@ export declare class FlexTable extends LitElement {
      * Export table data to string in the specified format. Synchronous — XLSX comes back as an
      * uncompressed workbook; use `exportToBlob` for a compressed one.
      * @param options.selectionOnly - Export only the currently selected range
+     * @param options.rows - Export these rows with the table's visible columns instead of the rows it holds —
+     *   a server-paged table holds one page, so pass `await source.fetchAll()` for the whole result
      */
-    exportToString(format: ExportFormat, options?: {
-        selectionOnly?: boolean;
-    }): string | Uint8Array<ArrayBuffer>;
+    exportToString(format: ExportFormat, options?: TableExportOptions): string | Uint8Array<ArrayBuffer>;
     /**
      * Export table data as a `Blob` of the format's MIME type. XLSX is DEFLATE-compressed.
-     * @param options.selectionOnly - Export only the currently selected range
+     * @param options - `selectionOnly` or `rows`, as for `exportToString`
      */
-    exportToBlob(format: ExportFormat, options?: {
-        selectionOnly?: boolean;
-    }): Promise<Blob>;
+    exportToBlob(format: ExportFormat, options?: TableExportOptions): Promise<Blob>;
     /**
      * Export table data and trigger file download. XLSX is DEFLATE-compressed; the promise settles
      * once the download has been handed to the browser.
+     * @param options - `selectionOnly` or `rows`, as for `exportToString`
+     */
+    exportToFile(format: ExportFormat, filename?: string, options?: TableExportOptions): Promise<void>;
+    /**
+     * 내보낼 행·열 — 행을 받았으면 그 행 · 보이는 열(서버 페이지 표가 «조회 결과 전체» 를 내보내는 길 — 열과 형식은 표,
+     * 질의는 소스가 안다), 선택만이면 선택 범위(없으면 `null`), 아니면 정렬 순서의 전체 행 · 보이는 열.
      */
-    exportToFile(format: ExportFormat, filename?: string): Promise<void>;
-    /** 내보낼 행·열 — 선택만이면 선택 범위(없으면 `null`), 아니면 정렬 순서의 전체 행 · 보이는 열. */
     private _exportSlice;
     /**
      * Set a comment on the cell at the given data index and column key.

package/dist/flex-table.js

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./flex-table-B1W8VEBa.js";
-import { t as o } from "./locale-Cfm-vJji.js";
-export { a as FlexTable, e as RowSelectionState, t as UndoStack, n as effectiveAlign, i as exportData, o as flexTableLocale, r as renderCell };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./flex-table-kM69-hSo.js";
+import { t as c } from "./locale-D9g0ksXq.js";
+export { s as FlexTable, o as RowSelectionState, i as UndoStack, a as downloadBlob, r as effectiveAlign, n as exportData, e as exportDataBlob, c as flexTableLocale, t as renderCell };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { FlexTable } from './flex-table.js';
+export type { TableExportOptions } from './flex-table.js';
 export type { ColumnDefinition, ColumnType, ColumnAlign, DataRow, CellRenderer, CellEditor, CellValidator, SelectionMode, DataMode, CellStyle, ConditionalRule } from './models/types.js';
 export { effectiveAlign } from './models/types.js';
 export type { CellPosition, CellRange } from './core/selection.js';
@@ -9,7 +10,7 @@ export { RowSelectionState } from './core/row-selection.js';
 export { UndoStack } from './core/undo.js';
 export type { UndoAction } from './core/undo.js';
 export type { ExportFormat } from './export/export.js';
-export { exportData } from './export/export.js';
+export { exportData, exportDataBlob, downloadBlob } from './export/export.js';
 export { renderCell } from './renderers/cell-renderer.js';
 export { flexTableLocale } from './locale.js';
 export type { FlexTableMessageKey } from './locale.js';

package/dist/{locale-Cfm-vJji.js → locale-D9g0ksXq.js}

@@ -72,7 +72,8 @@ t.register("en", {
 	notADateTime: "Enter a date and time as YYYY-MM-DD HH:mm",
 	notInList: "Value must be from the existing list",
 	requestFailed: "Request failed ({status})",
-	networkFailed: "Could not reach the server."
+	networkFailed: "Could not reach the server.",
+	tooManyRows: "More than {maxRows} rows match — narrow the search or filter first."
 }), t.register("ko", {
 	showHiddenColumns: "숨긴 열 보기",
 	columnMenu: "열 메뉴",
@@ -144,7 +145,8 @@ t.register("en", {
 	notADateTime: "날짜와 시간을 YYYY-MM-DD HH:mm 으로 입력하세요",
 	notInList: "목록에 있는 값이어야 합니다",
 	requestFailed: "요청이 실패했습니다 ({status})",
-	networkFailed: "서버에 연결하지 못했습니다."
+	networkFailed: "서버에 연결하지 못했습니다.",
+	tooManyRows: "조건에 맞는 행이 {maxRows}개를 넘습니다 — 검색이나 필터로 먼저 좁혀 주세요."
 });
 var n = (e, n) => t.text(e, n);
 //#endregion

package/dist/locale.d.ts

@@ -25,7 +25,7 @@
  *   (아이콘 자리의 글리프)는 어느 로케일에서도 같은 것을 뜻하며, 번역하면 오히려 읽히지 않는다.
  *   그 판단은 «번역하지 않기로 한 것»이지 «빠뜨린 것»이 아니다.
  */
-export type FlexTableMessageKey = 'showHiddenColumns' | 'columnMenu' | 'cellActions' | 'noColumnsDefined' | 'addCommentPlaceholder' | 'cancel' | 'save' | 'noData' | 'noMatchingData' | 'clear' | 'blankCells' | 'emptyOnly' | 'nonEmptyOnly' | 'blankAll' | 'all' | 'contains' | 'startsWith' | 'endsWith' | 'wildcard' | 'searchPlaceholder' | 'valuePlaceholder' | 'fromPlaceholder' | 'toPlaceholder' | 'findPlaceholder' | 'findPrevious' | 'findNext' | 'matchCase' | 'wholeCell' | 'closeFind' | 'findNoResults' | 'replaceWithPlaceholder' | 'replace' | 'replaceAll' | 'findInput' | 'replaceInput' | 'filterFor' | 'filterMatchMode' | 'filterText' | 'conditionOperator' | 'conditionValue' | 'conditionJoin' | 'sortAscending' | 'sortDescending' | 'filter' | 'clearFilter' | 'hideColumn' | 'showColumn' | 'autoFitWidth' | 'wider' | 'narrower' | 'columnMenuFor' | 'columnMenuRegion' | 'copy' | 'insertRowAbove' | 'insertRowBelow' | 'deleteRow' | 'selectRow' | 'selectAllRows' | 'filterByThisValue' | 'addComment' | 'editComment' | 'deleteComment' | 'booleanTrue' | 'booleanFalse' | 'dropFileToImport' | 'notANumber' | 'notADate' | 'notADateTime' | 'notInList' | 'requestFailed' | 'networkFailed';
+export type FlexTableMessageKey = 'showHiddenColumns' | 'columnMenu' | 'cellActions' | 'noColumnsDefined' | 'addCommentPlaceholder' | 'cancel' | 'save' | 'noData' | 'noMatchingData' | 'clear' | 'blankCells' | 'emptyOnly' | 'nonEmptyOnly' | 'blankAll' | 'all' | 'contains' | 'startsWith' | 'endsWith' | 'wildcard' | 'searchPlaceholder' | 'valuePlaceholder' | 'fromPlaceholder' | 'toPlaceholder' | 'findPlaceholder' | 'findPrevious' | 'findNext' | 'matchCase' | 'wholeCell' | 'closeFind' | 'findNoResults' | 'replaceWithPlaceholder' | 'replace' | 'replaceAll' | 'findInput' | 'replaceInput' | 'filterFor' | 'filterMatchMode' | 'filterText' | 'conditionOperator' | 'conditionValue' | 'conditionJoin' | 'sortAscending' | 'sortDescending' | 'filter' | 'clearFilter' | 'hideColumn' | 'showColumn' | 'autoFitWidth' | 'wider' | 'narrower' | 'columnMenuFor' | 'columnMenuRegion' | 'copy' | 'insertRowAbove' | 'insertRowBelow' | 'deleteRow' | 'selectRow' | 'selectAllRows' | 'filterByThisValue' | 'addComment' | 'editComment' | 'deleteComment' | 'booleanTrue' | 'booleanFalse' | 'dropFileToImport' | 'notANumber' | 'notADate' | 'notADateTime' | 'notInList' | 'requestFailed' | 'networkFailed' | 'tooManyRows';
 /** 이 패키지의 chrome 문자열 묶음. 소비자가 `register()` 로 언어를 더하거나 문구를 덮을 수 있다. */
 export declare const flexTableLocale: import("@iyulab/components/dist/utilities/Locale.js").LocaleNamespace<FlexTableMessageKey>;
 /** 짧은 조회 별칭 — 렌더 코드가 읽히게 유지한다. */

package/dist/odata/index.d.ts

@@ -3,3 +3,7 @@ export type { ODataQueryState } from './query.js';
 export { createODataSource } from './source.js';
 export type { ODataSource, ODataSourceOptions, ODataSourceState } from './source.js';
 export { ODataSourceController } from './controller.js';
+export { DEFAULT_MAX_ROWS } from '../core/fetch-all.js';
+export type { FetchAllOptions } from '../core/fetch-all.js';
+export { SourceRequestError, RowLimitError } from '../core/source-error.js';
+export type { SourceError, SourceErrorDetail } from '../core/source-error.js';

package/dist/odata/index.js

@@ -1,9 +1,9 @@
-import { n as e, r as t, t as n } from "../query-Dw4iO0ir.js";
-import { t as r } from "../source-DOue0Ti3.js";
+import { c as e, l as t, n, r, s as i, t as a } from "../fetch-all-J37bOtgc.js";
+import { t as o } from "../source-DNPtWmC3.js";
 //#region src/odata/controller.ts
-var i = class {
+var s = class {
 	constructor(e, t, n = {}) {
-		this.host = e, this.source = typeof t == "string" ? r(t, n) : t, e.addController(this);
+		this.host = e, this.source = typeof t == "string" ? o(t, n) : t, e.addController(this);
 	}
 	get state() {
 		return this.source.getState();
@@ -16,4 +16,4 @@ var i = class {
 	}
 };
 //#endregion
-export { i as ODataSourceController, n as buildODataQuery, e as buildSearchExpression, r as createODataSource, t as parseOrderBy };
+export { a as DEFAULT_MAX_ROWS, s as ODataSourceController, n as RowLimitError, r as SourceRequestError, i as buildODataQuery, e as buildSearchExpression, o as createODataSource, t as parseOrderBy };

package/dist/odata/query.d.ts

@@ -51,9 +51,13 @@ export declare function resolveInitialState(options: InitialSourceStateOptions):
 export declare function parseOrderBy(orderBy: string): SortCriteria[];
 /** `buildODataQuery` 가 읽는 표 상태 — `useODataSource` 가 요청마다 넘기는 것과 같은 모양. */
 export interface ODataQueryState {
-    /** 0부터 세는 페이지 번호. */
-    page: number;
-    pageSize: number;
+    /** 0부터 세는 페이지 번호. `pageSize` 와 함께 `$skip` 이 된다. */
+    page?: number;
+    /**
+     * 한 페이지의 행 수(`$top`). **생략하면 `$top`·`$skip` 없이** 조회 결과 전체를 묻는다 — 서버가 응답을 나누면
+     * (`@odata.nextLink`) 끝까지 따라가는 것은 부르는 쪽 몫이다(`ODataSource.fetchAll`).
+     */
+    pageSize?: number;
     sortCriteria?: SortCriteria[];
     /** 정렬 기준이 비었을 때 쓰는 `$orderby` 문자열. */
     defaultOrderBy?: string;

package/dist/odata/source.d.ts

@@ -1,5 +1,6 @@
 import type { SortCriteria } from '../core/sorting.js';
 import { type SourceError } from '../core/source-error.js';
+import { type FetchAllOptions } from '../core/fetch-all.js';
 /** OData 소스의 설정 — `useODataSource` 의 옵션과 같다(`initial*` 은 만들 때만 읽는다). */
 export interface ODataSourceOptions {
     pageSize?: number;
@@ -78,6 +79,14 @@ export interface ODataSource<T> {
     refresh(): void;
     /** 설정을 바꾼다 — 요청 조건이 바뀌면 다시 읽고(`fixedFilter` 값이 바뀌면 첫 장으로), `fetcher`·`onUnauthorized` 는 다음 요청부터. */
     update(url: string, options?: ODataSourceOptions): void;
+    /**
+     * **지금 조건(정렬 · 검색 · 고정 필터)의 결과 전체**를 읽는다 — 페이지 없이, 서버가 응답을 나누면(`@odata.nextLink`)
+     * 끝까지 따라가서. 내보내기처럼 «이 목록이 보여 주는 조회 결과 전부» 가 필요할 때 쓴다. 상태(`data`·`page` …)는
+     * 건드리지 않고 구독도 요구하지 않는다(`enabled: false` 여도 읽는다 — 부르는 것이 곧 요청이다).
+     *
+     * 실패는 `SourceRequestError`(`failure` 가 `SourceError`)로, 상한을 넘으면 그 하위 `RowLimitError` 로 거절한다.
+     */
+    fetchAll(options?: FetchAllOptions): Promise<T[]>;
 }
 /** OData v4 서버 사이드 데이터 소스를 만든다. flex-table 의 `dataMode="server"` 와 함께 쓴다. */
 export declare function createODataSource<T = Record<string, unknown>>(url: string, options?: ODataSourceOptions): ODataSource<T>;

package/dist/odata/types.d.ts

@@ -1,5 +1,6 @@
 import type { SortCriteria } from '../core/sorting.js';
 import type { ODataSourceOptions, ODataSourceState } from './source.js';
+import type { FetchAllOptions } from '../core/fetch-all.js';
 /** `useODataSource` 의 옵션 — 프레임워크 중립 소스(`createODataSource`)의 설정과 같다. `initial*` 은 첫 렌더에서만 읽힌다. */
 export type UseODataSourceOptions = ODataSourceOptions;
 export interface UseODataSourceResult<T> extends ODataSourceState<T> {
@@ -11,5 +12,7 @@ export interface UseODataSourceResult<T> extends ODataSourceState<T> {
     /** 검색어를 바꾸고 첫 장으로 간다. */
     setSearch: (term: string) => void;
     refresh: () => void;
+    /** 지금 조건의 결과 전체 — 페이지 없이, `@odata.nextLink` 를 끝까지(`ODataSource.fetchAll`). 내보내기에 쓴다. */
+    fetchAll: (options?: FetchAllOptions) => Promise<T[]>;
 }
 export type { SortCriteria };

package/dist/react.d.ts

@@ -71,3 +71,5 @@ export type { UseODataSourceOptions, UseODataSourceResult } from './odata/types.
 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';
+export { SourceRequestError, RowLimitError } from './core/source-error.js';
+export type { FetchAllOptions } from './core/fetch-all.js';

package/dist/react.js

@@ -1,81 +1,94 @@
-import { t as e } from "./flex-table-B1W8VEBa.js";
-import { i as t } from "./query-Dw4iO0ir.js";
-import { t as n } from "./source-DOue0Ti3.js";
-import { t as r } from "./view-DiLr-TdY.js";
-import i, { useCallback as a, useEffect as o, useMemo as s, useState as c, useSyncExternalStore as l } from "react";
-import { createComponent as u } from "@lit/react";
+import { t as e } from "./flex-table-kM69-hSo.js";
+import { n as t, r as n, u as r } from "./fetch-all-J37bOtgc.js";
+import { t as i } from "./source-DNPtWmC3.js";
+import { n as a, t as o } from "./view-BtoXdUGF.js";
+import s, { useCallback as c, useEffect as l, useMemo as u, useState as d, useSyncExternalStore as f } from "react";
+import { createComponent as p } from "@lit/react";
 //#region src/odata/use-odata-source.ts
-function d(e, t = {}) {
-	let [r] = c(() => n(e, t));
-	o(() => {
-		r.update(e, t);
+function m(e, t = {}) {
+	let [n] = d(() => i(e, t));
+	l(() => {
+		n.update(e, t);
 	});
-	let i = l(r.subscribe, r.getState, r.getState), s = a((e) => {
+	let r = f(n.subscribe, n.getState, n.getState), a = c((e) => {
 		let t = e.detail?.criteria;
-		t && r.setSort(t);
-	}, [r]);
+		t && n.setSort(t);
+	}, [n]);
 	return {
-		...i,
-		setPage: r.setPage,
-		setPageSize: r.setPageSize,
-		onSortChange: s,
-		setSearch: r.setSearch,
-		refresh: r.refresh
+		...r,
+		setPage: n.setPage,
+		setPageSize: n.setPageSize,
+		onSortChange: a,
+		setSearch: n.setSearch,
+		refresh: n.refresh,
+		fetchAll: n.fetchAll
 	};
 }
 //#endregion
 //#region src/array/use-array-source.ts
-function f(e, n = {}) {
-	let { pageSize: i = 20, defaultOrderBy: o, initialPage: l = 0, initialSearch: u = "", initialSort: d, columns: f, searchFields: p } = n, m = t({
-		defaultOrderBy: o,
-		initialPage: l,
-		initialSearch: u,
-		initialSort: d
-	}), [h, g] = c(m.page), [_, v] = c(m.sortCriteria), [y, b] = c(m.search), [x, S] = c(i), [C, w] = c(i);
-	i !== C && (w(i), S(i), g(0));
-	let T = a((e) => {
-		S(e), g(0);
-	}, []), E = a((e) => {
-		b(e), g(0);
-	}, []), D = a((e) => {
+function h(e, t = {}) {
+	let { pageSize: n = 20, defaultOrderBy: i, initialPage: s = 0, initialSearch: l = "", initialSort: f, columns: p, searchFields: m } = t, h = r({
+		defaultOrderBy: i,
+		initialPage: s,
+		initialSearch: l,
+		initialSort: f
+	}), [g, _] = d(h.page), [v, y] = d(h.sortCriteria), [b, x] = d(h.search), [S, C] = d(n), [w, T] = d(n);
+	n !== w && (T(n), C(n), _(0));
+	let E = c((e) => {
+		C(e), _(0);
+	}, []), D = c((e) => {
+		x(e), _(0);
+	}, []), O = c((e) => {
 		let t = e.detail?.criteria;
-		t && (v(t), g(0));
-	}, []), O = a(() => {}, []), { data: k, totalCount: A } = s(() => r(e, {
-		search: y,
-		sortCriteria: _,
-		page: h,
-		pageSize: x,
-		columns: f,
-		searchFields: p
+		t && (y(t), _(0));
+	}, []), k = c(() => {}, []), A = c((t) => a(e, {
+		search: b,
+		sortCriteria: v,
+		columns: p,
+		searchFields: m
+	}, t), [
+		e,
+		b,
+		v,
+		p,
+		m
+	]), { data: j, totalCount: M } = u(() => o(e, {
+		search: b,
+		sortCriteria: v,
+		page: g,
+		pageSize: S,
+		columns: p,
+		searchFields: m
 	}), [
 		e,
-		y,
-		_,
-		h,
-		x,
-		f,
-		p
-	]), j = A === 0 ? 0 : Math.ceil(A / x) - 1;
-	return h > j && g(j), {
-		data: k,
-		totalCount: A,
+		b,
+		v,
+		g,
+		S,
+		p,
+		m
+	]), N = M === 0 ? 0 : Math.ceil(M / S) - 1;
+	return g > N && _(N), {
+		data: j,
+		totalCount: M,
 		loading: !1,
 		error: null,
-		page: h,
-		setPage: g,
-		pageSize: x,
-		setPageSize: T,
-		sortCriteria: _,
-		onSortChange: D,
-		search: y,
-		setSearch: E,
-		refresh: O
+		page: g,
+		setPage: _,
+		pageSize: S,
+		setPageSize: E,
+		sortCriteria: v,
+		onSortChange: O,
+		search: b,
+		setSearch: D,
+		refresh: k,
+		fetchAll: A
 	};
 }
-var p = u({
+var g = p({
 	tagName: "flex-table",
 	elementClass: e,
-	react: i,
+	react: s,
 	events: {
 		onCellSelect: "cell-select",
 		onCellEditCommit: "cell-edit-commit",
@@ -111,4 +124,4 @@ var p = u({
 	}
 });
 //#endregion
-export { p as FlexTableReact, f as useArraySource, d as useODataSource };
+export { g as FlexTableReact, t as RowLimitError, n as SourceRequestError, h as useArraySource, m as useODataSource };

package/dist/source-DNPtWmC3.js

@@ -0,0 +1,202 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o, u as s } from "./fetch-all-J37bOtgc.js";
+//#region src/odata/source.ts
+function c(e, t = {}) {
+	let i = e, c = t, d = u(t.fixedFilter), f = s({
+		defaultOrderBy: t.defaultOrderBy,
+		initialPage: t.initialPage ?? 0,
+		initialSearch: t.initialSearch ?? "",
+		initialSort: t.initialSort
+	}), p = {
+		data: [],
+		totalCount: 0,
+		loading: !0,
+		error: null,
+		page: f.page,
+		pageSize: t.pageSize ?? 20,
+		sortCriteria: f.sortCriteria,
+		search: f.search
+	}, m = x(), h = /* @__PURE__ */ new Set(), g = null, _ = !1, v = null;
+	function y() {
+		return c.enabled ?? !0;
+	}
+	function b() {
+		return p.pageSize;
+	}
+	function x() {
+		return {
+			...p,
+			loading: p.loading || !y()
+		};
+	}
+	function S(e) {
+		p = {
+			...p,
+			...e
+		}, C();
+	}
+	function C() {
+		let e = x();
+		if (!Object.keys(e).every((t) => e[t] === m[t])) {
+			m = e;
+			for (let e of [...h]) e();
+		}
+	}
+	function w() {
+		return JSON.stringify([
+			i,
+			c.baseUrl,
+			b(),
+			c.defaultOrderBy,
+			d,
+			p.page,
+			p.sortCriteria,
+			p.search
+		]);
+	}
+	function T() {
+		_ || (_ = !0, queueMicrotask(() => {
+			_ = !1, E();
+		}));
+	}
+	function E() {
+		if (h.size === 0) return;
+		if (!y()) {
+			g?.abort(), g = null, v = null, C();
+			return;
+		}
+		let e = w();
+		e !== v && (v = e, D());
+	}
+	function D() {
+		g?.abort();
+		let e = new AbortController();
+		g = e;
+		let { page: t, sortCriteria: n, search: o } = p, s = b(), u = c.fetcher ?? fetch, d = c.onUnauthorized;
+		S({
+			loading: !0,
+			error: null
+		});
+		let f = a({
+			page: t,
+			pageSize: s,
+			sortCriteria: n,
+			defaultOrderBy: c.defaultOrderBy,
+			search: o,
+			fixedFilter: c.fixedFilter
+		});
+		l(`${c.baseUrl ?? window.location.origin}${i}${f}`, {
+			fetcher: u,
+			signal: e.signal,
+			onUnauthorized: d
+		}, (e) => e.length < s).then(({ count: n, rows: r }) => {
+			if (e.signal.aborted) return;
+			let i = n ?? 0, a = i === 0 ? 0 : Math.ceil(i / s) - 1;
+			t > a ? (S({
+				data: r,
+				totalCount: i,
+				error: null,
+				page: a
+			}), T()) : S({
+				data: r,
+				totalCount: i,
+				error: null
+			});
+		}).catch((t) => {
+			e.signal.aborted || t?.name !== "AbortError" && S({
+				error: r(t),
+				data: [],
+				totalCount: 0
+			});
+		}).finally(() => {
+			e.signal.aborted || S({ loading: !1 });
+		});
+	}
+	return {
+		getState: () => m,
+		subscribe(e) {
+			return h.add(e), h.size === 1 && T(), () => {
+				!h.delete(e) || h.size > 0 || (g?.abort(), g = null, v = null);
+			};
+		},
+		setPage(e) {
+			S({ page: e }), T();
+		},
+		setPageSize(e) {
+			e !== p.pageSize && (S({
+				pageSize: e,
+				page: 0
+			}), T());
+		},
+		setSort(e) {
+			S({
+				sortCriteria: e,
+				page: 0
+			}), T();
+		},
+		setSearch(e) {
+			S({
+				search: e,
+				page: 0
+			}), T();
+		},
+		refresh() {
+			y() && (v = null, T());
+		},
+		async fetchAll({ maxRows: e = o, signal: t, onProgress: r } = {}) {
+			let { sortCriteria: s, search: u } = p, d = a({
+				sortCriteria: s,
+				defaultOrderBy: c.defaultOrderBy,
+				search: u,
+				fixedFilter: c.fixedFilter
+			}), { rows: f } = await l(`${c.baseUrl ?? window.location.origin}${i}${d}`, {
+				fetcher: c.fetcher ?? fetch,
+				signal: t,
+				onUnauthorized: c.onUnauthorized
+			}, (t, i) => {
+				if (i !== void 0 && i > e || t.length > e) throw new n(e, i);
+				return r?.(t.length, i), !0;
+			});
+			return f;
+		},
+		update(e, t = {}) {
+			let n = u(t.fixedFilter), r = n !== d, a = t.pageSize !== void 0 && t.pageSize !== c.pageSize;
+			i = e, c = t, d = n, r && (p = {
+				...p,
+				page: 0
+			}), a && t.pageSize !== p.pageSize && (p = {
+				...p,
+				pageSize: t.pageSize,
+				page: 0
+			}), C(), T();
+		}
+	};
+}
+async function l(n, { fetcher: r, signal: a, onUnauthorized: o }, s) {
+	let c = async (n) => {
+		let s;
+		try {
+			s = await r(n, { signal: a });
+		} catch (e) {
+			throw e?.name === "AbortError" ? e : t(e);
+		}
+		if (!s.ok) throw s.status === 401 && o && o(s), new i(await e(s));
+		return s.json();
+	}, l = await c(n), u = typeof l["@odata.count"] == "number" ? l["@odata.count"] : void 0, d = [...l.value ?? l], f = new URL(n).origin, p = /* @__PURE__ */ new Set([n]), m = n, h = l["@odata.nextLink"];
+	for (; s(d, u) && typeof h == "string" && h;) {
+		let e = new URL(h, m);
+		if (e.origin !== f) throw new i({ message: `OData nextLink points outside the source origin (${e.origin})` });
+		if (m = e.toString(), p.has(m)) throw new i({ message: `OData nextLink repeats an already-read page (${m})` });
+		p.add(m);
+		let t = await c(m);
+		d.push(...t.value ?? []), h = t["@odata.nextLink"];
+	}
+	return {
+		count: u,
+		rows: d
+	};
+}
+function u(e) {
+	return e ? JSON.stringify(e) : "";
+}
+//#endregion
+export { c as t };

package/dist/{view-DiLr-TdY.js → view-BtoXdUGF.js}

@@ -1,6 +1,7 @@
 import { t as e } from "./sorting-CjfjRxwL.js";
+import { n as t, t as n } from "./fetch-all-J37bOtgc.js";
 //#region src/array/view.ts
-function t(t, { search: n, sortCriteria: r, page: i, pageSize: a, columns: o, searchFields: s }) {
+function r(t, { search: n, sortCriteria: r, page: i, pageSize: a, columns: o, searchFields: s }) {
 	let c = n.trim().toLowerCase(), l = c ? t.filter((e) => (s ? s(e) : Object.values(e)).some((e) => e != null && String(e).toLowerCase().includes(c))) : t, u = l;
 	r.length > 0 && (u = e(l, r, o ?? []).map((e) => l[e]));
 	let d = u.length, f = d === 0 ? 0 : Math.ceil(d / a) - 1, p = Math.min(Math.max(i, 0), f) * a;
@@ -9,5 +10,15 @@ function t(t, { search: n, sortCriteria: r, page: i, pageSize: a, columns: o, se
 		totalCount: d
 	};
 }
+async function i(e, i, { maxRows: a = n, signal: o, onProgress: s } = {}) {
+	o?.throwIfAborted();
+	let { data: c, totalCount: l } = r(e, {
+		...i,
+		page: 0,
+		pageSize: Math.max(e.length, 1)
+	});
+	if (l > a) throw new t(a, l);
+	return s?.(c.length, l), c;
+}
 //#endregion
-export { t };
+export { i as n, r as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.58.0",
+  "version": "0.60.0",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",
@@ -74,7 +74,7 @@
     "odata-query": "^8.1.0"
   },
   "peerDependencies": {
-    "@iyulab/components": ">=2.8.0",
+    "@iyulab/components": ">=2.15.0",
     "@lit/react": "^1.0.8",
     "react": "^18.0.0 || ^19.0.0"
   },

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

@@ -76,7 +76,8 @@ Use `updateRows([{ row, key, value }])` for programmatic edits (undoable, fires
 
 **Editing and read-only.** `editable` defaults to `true`. For a read-only grid set
 `table.editable = false` (a property, since a boolean attribute cannot express `false`) — Enter on a non-editable cell then fires
-`row-activate`, the grid's "open this row" contract.
+`row-activate`, the grid's "open this row" contract; a plain click on a cell fires it too (`via: 'click'`).
+Open a row's detail on `row-activate`, never on `cell-select` — that one is focus and fires when Tab arrives on the grid.
 
 **Row selection is kept by row id.** Enable with `selectable` (`selection-mode="single|multi"`).
 The id is the row's `row-key` field (`_id` by default, as in `u-rich-table`) or a `rowKey` function, so