@iyulab/flex-table 0.52.0 → 0.54.0

package/dist/flex-table.d.ts

@@ -72,6 +72,14 @@ export declare class FlexTable extends LitElement {
      * column filters (0 visible rows, non-empty `data`). Default: 'No matching data'.
      */
     noMatchingMessage: string;
+    /**
+     * The last load failure, or `null`. While set, the grid shows `error.message` in an alert where rows or the empty
+     * state would be — a failed query otherwise looks like "no data". Takes a data source's `error` as is
+     * (`useODataSource`/`createODataSource`, a `SourceError`): any `{ message }`.
+     */
+    error: {
+        message: string;
+    } | null;
     /**
      * True일 때 그리드 위에 로딩 오버레이를 표시하고 host에 `aria-busy="true"`를 반영한다.
      * `useODataSource()`가 반환하는 `loading`과 자연 연동하도록 설계됨:

package/dist/flex-table.js

@@ -1,2 +1,3 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, t as o } from "./flex-table-CtlqiwD8.js";
-export { o as FlexTable, e as RowSelectionState, n as UndoStack, r as effectiveAlign, a as exportData, i as flexTableLocale, t as renderCell };
+import { a as e, i as t, n, o as r, r as i, t as a } from "./flex-table-DlvIBu4z.js";
+import { t as o } from "./locale-B1SiVDS1.js";
+export { a as FlexTable, e as RowSelectionState, t as UndoStack, n as effectiveAlign, i as exportData, o as flexTableLocale, r as renderCell };

package/dist/locale-B1SiVDS1.js

@@ -0,0 +1,147 @@
+import { Locale as e } from "@iyulab/components/dist/utilities/Locale.js";
+//#region src/locale.ts
+var t = e.namespace("flex-table");
+t.register("en", {
+	showHiddenColumns: "Show hidden column(s)",
+	columnMenu: "Column menu",
+	cellActions: "Cell actions",
+	noColumnsDefined: "No columns defined",
+	addCommentPlaceholder: "Add a comment… (Ctrl+Enter to save)",
+	cancel: "Cancel",
+	save: "Save",
+	clear: "Clear",
+	blankCells: "Blank cells",
+	emptyOnly: "Empty only",
+	nonEmptyOnly: "Non-empty only",
+	blankAll: "— All —",
+	all: "All",
+	contains: "Contains",
+	startsWith: "Starts with",
+	endsWith: "Ends with",
+	wildcard: "Wildcard",
+	searchPlaceholder: "Search...",
+	valuePlaceholder: "Value",
+	fromPlaceholder: "From",
+	toPlaceholder: "To",
+	findPlaceholder: "Find...",
+	findPrevious: "Previous match",
+	findNext: "Next match",
+	matchCase: "Match case",
+	wholeCell: "Whole cell",
+	closeFind: "Close find",
+	findNoResults: "No results",
+	replaceWithPlaceholder: "Replace with...",
+	replace: "Replace",
+	replaceAll: "Replace all",
+	findInput: "Find",
+	replaceInput: "Replace with",
+	filterFor: "Filter {header}",
+	filterMatchMode: "Match",
+	filterText: "Filter text",
+	conditionOperator: "Condition {n}",
+	conditionValue: "Condition {n} value",
+	conditionJoin: "Combine conditions",
+	sortAscending: "Sort ascending",
+	sortDescending: "Sort descending",
+	filter: "Filter…",
+	clearFilter: "Clear filter",
+	hideColumn: "Hide column",
+	showColumn: "Show: {header}",
+	autoFitWidth: "Auto-fit width",
+	wider: "Wider",
+	narrower: "Narrower",
+	columnMenuFor: "Column menu: {header}",
+	columnMenuRegion: "{header} column",
+	copy: "Copy",
+	insertRowAbove: "Insert row above",
+	insertRowBelow: "Insert row below",
+	deleteRow: "Delete row",
+	selectRow: "Select row",
+	selectAllRows: "Select all rows",
+	filterByThisValue: "Filter by this value",
+	addComment: "Add Comment",
+	editComment: "Edit Comment",
+	deleteComment: "Delete Comment",
+	booleanTrue: "True",
+	booleanFalse: "False",
+	dropFileToImport: "Drop file to import (.xlsx / .csv)",
+	notANumber: "Enter a number",
+	notADate: "Enter a date as YYYY-MM-DD",
+	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."
+}), t.register("ko", {
+	showHiddenColumns: "숨긴 열 보기",
+	columnMenu: "열 메뉴",
+	cellActions: "셀 작업",
+	noColumnsDefined: "정의된 열이 없습니다",
+	addCommentPlaceholder: "메모 입력… (Ctrl+Enter 로 저장)",
+	cancel: "취소",
+	save: "저장",
+	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: "{header} 필터",
+	filterMatchMode: "일치 방식",
+	filterText: "필터 텍스트",
+	conditionOperator: "조건 {n}",
+	conditionValue: "조건 {n} 값",
+	conditionJoin: "조건 결합",
+	sortAscending: "오름차순 정렬",
+	sortDescending: "내림차순 정렬",
+	filter: "필터…",
+	clearFilter: "필터 지우기",
+	hideColumn: "열 숨기기",
+	showColumn: "{header} 보기",
+	autoFitWidth: "너비 자동 맞춤",
+	wider: "넓게",
+	narrower: "좁게",
+	columnMenuFor: "{header} 열 메뉴",
+	columnMenuRegion: "{header} 열",
+	copy: "복사",
+	insertRowAbove: "위에 행 삽입",
+	insertRowBelow: "아래에 행 삽입",
+	deleteRow: "행 삭제",
+	selectRow: "행 선택",
+	selectAllRows: "모든 행 선택",
+	filterByThisValue: "이 값으로 필터",
+	addComment: "메모 추가",
+	editComment: "메모 편집",
+	deleteComment: "메모 삭제",
+	booleanTrue: "참",
+	booleanFalse: "거짓",
+	dropFileToImport: "가져올 파일을 놓으세요 (.xlsx / .csv)",
+	notANumber: "숫자를 입력하세요",
+	notADate: "날짜를 YYYY-MM-DD 로 입력하세요",
+	notADateTime: "날짜와 시간을 YYYY-MM-DD HH:mm 으로 입력하세요",
+	notInList: "목록에 있는 값이어야 합니다",
+	requestFailed: "요청이 실패했습니다 ({status})",
+	networkFailed: "서버에 연결하지 못했습니다."
+});
+var n = (e, n) => t.text(e, n);
+//#endregion
+export { n, t };

package/dist/odata/controller.d.ts

@@ -0,0 +1,29 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import { type ODataSource, type ODataSourceOptions, type ODataSourceState } from './source.js';
+/**
+ * Lit 어댑터 — 프레임워크 중립 OData 소스를 호스트의 연결 수명에 묶는다. React 의 `useODataSource` 와 같은 소스다.
+ *
+ * 연결되면 구독하고(첫 조회가 나간다) 끊기면 해지한다(진행 중 요청을 거둔다). 상태가 바뀌면 호스트를 다시 그린다.
+ *
+ * ```ts
+ * class OrdersPage extends LitElement {
+ *   private orders = new ODataSourceController<Order>(this, '/odata/Orders', { pageSize: 25 });
+ *   render() {
+ *     const { data, loading, error } = this.orders.state;
+ *     return html`<flex-table .data=${data} .loading=${loading} data-mode="server"
+ *       @sort-change=${(e: CustomEvent) => this.orders.source.setSort(e.detail.criteria)}></flex-table>`;
+ *   }
+ * }
+ * ```
+ */
+export declare class ODataSourceController<T = Record<string, unknown>> implements ReactiveController {
+    private readonly host;
+    /** 소스 — 조작(`setPage`·`setSort`·`setSearch`·`refresh`·`update`)은 이것으로 한다. */
+    readonly source: ODataSource<T>;
+    private unsubscribe?;
+    constructor(host: ReactiveControllerHost, url: string, options?: ODataSourceOptions);
+    /** 현재 상태. */
+    get state(): ODataSourceState<T>;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/odata/index.d.ts

@@ -1,2 +1,5 @@
 export { buildSearchExpression, parseOrderBy, buildODataQuery } from './query.js';
 export type { ODataQueryState } from './query.js';
+export { createODataSource } from './source.js';
+export type { ODataSource, ODataSourceOptions, ODataSourceState } from './source.js';
+export { ODataSourceController } from './controller.js';

package/dist/odata/index.js

@@ -1,2 +1,18 @@
-import { n as e, r as t, t as n } from "../query-Dw4iO0ir.js";
-export { n as buildODataQuery, e as buildSearchExpression, t as parseOrderBy };
+import { i as e, n as t, r as n, t as r } from "../source-CwbD-6ea.js";
+//#region src/odata/controller.ts
+var i = class {
+	constructor(e, t, n = {}) {
+		this.host = e, this.source = r(t, n), e.addController(this);
+	}
+	get state() {
+		return this.source.getState();
+	}
+	hostConnected() {
+		this.unsubscribe ??= this.source.subscribe(() => this.host.requestUpdate());
+	}
+	hostDisconnected() {
+		this.unsubscribe?.(), this.unsubscribe = void 0;
+	}
+};
+//#endregion
+export { i as ODataSourceController, t as buildODataQuery, n as buildSearchExpression, r as createODataSource, e as parseOrderBy };

package/dist/odata/source.d.ts

@@ -0,0 +1,79 @@
+import type { SortCriteria } from '../core/sorting.js';
+import { type SourceError } from '../core/source-error.js';
+/** OData 소스의 설정 — `useODataSource` 의 옵션과 같다(`initial*` 은 만들 때만 읽는다). */
+export interface ODataSourceOptions {
+    pageSize?: number;
+    defaultOrderBy?: string;
+    /**
+     * 초기 페이지. **0-based** — `page`/`setPage` 와 같은 축이고, 요청의 `$skip` 은 `page * pageSize` 다. 기본값 `0`.
+     * 만들 때만 읽는다 — 이후에 옮기려면 `setPage`.
+     */
+    initialPage?: number;
+    /** 초기 검색어. 기본값 `''`. 만들 때만 읽는다. */
+    initialSearch?: string;
+    /**
+     * 초기 정렬. 주면 `defaultOrderBy` 파싱보다 **우선**한다 — 이쪽은 `sortCriteria`/`setSort` 가 주고받는 모양 그대로라
+     * 저장해 둔 정렬 상태를 파싱 없이 되돌릴 수 있다. 만들 때만 읽는다.
+     */
+    initialSort?: SortCriteria[];
+    /** 고정 필터. 값(직렬화)이 바뀌면 페이지가 첫 장으로 돌아간다 — 참조만 다른 같은 값은 아무 일도 없다. */
+    fixedFilter?: Record<string, unknown>;
+    /** 기본값: `window.location.origin`. 프록시/BFF 등 다른 origin 으로 요청해야 할 때 지정. */
+    baseUrl?: string;
+    /** 커스텀 fetch transport(예: 인증 헤더를 주입하는 `HttpClient` 래퍼). 기본값: 전역 `fetch`. */
+    fetcher?: (input: string, init: RequestInit) => Promise<Response>;
+    /**
+     * 응답이 401 일 때 호출(세션 만료 리다이렉트 등). 호출 후에도 기존 에러 처리는 계속 진행된다.
+     * 403(인증됐지만 권한 없음)에는 부르지 않는다 — 그 실패는 `error` 로 드러난다.
+     */
+    onUnauthorized?: (response: Response) => void;
+    /**
+     * `false` 인 동안 요청하지 않는다. 기본값 `true`. `false → true` 가 되는 순간 그때의 조건으로 첫 조회가 나가고,
+     * 그 사이 `loading` 은 `true` 다. 조회 중에 `false` 가 되면 진행 중 요청을 취소한다. `false` 인 동안의 `refresh()` 는
+     * 아무 일도 하지 않는다 — 켜지는 순간의 조회가 이미 최신 조건이다.
+     */
+    enabled?: boolean;
+}
+/** 소스의 현재 상태 — 바뀔 때마다 새 객체다(같은 객체면 바뀌지 않았다). */
+export interface ODataSourceState<T> {
+    data: T[];
+    totalCount: number;
+    /**
+     * 조회 중이거나 아직 한 번도 답을 받지 않았으면 `true` — 첫 응답(성공·실패)이 정착할 때까지, 그리고 `enabled: false`
+     * 인 동안. 그래서 `!loading && totalCount === 0` 이 곧 «결과 없음» 이다.
+     */
+    loading: boolean;
+    /**
+     * 마지막 요청의 실패, 없으면 `null`. 화면에는 `error.message` 를 그린다. «어떤 실패인가» 는 `status`(HTTP) ·
+     * `code`(서버의 거절 코드) · `details` 로 가른다 — 401 은 `onUnauthorized` 도 부른다.
+     */
+    error: SourceError | null;
+    /** 0-based. */
+    page: number;
+    sortCriteria: SortCriteria[];
+    search: string;
+}
+/**
+ * 프레임워크 중립 OData 소스 — 상태 · 구독 · 조작. React 는 `useODataSource`, Lit 은 `ODataSourceController` 가 이것을 감싼다.
+ *
+ * 요청은 **구독자가 있을 때만** 나간다(첫 `subscribe` 가 시작, 마지막 해지가 진행 중 요청을 거둔다). 같은 틱의 조작은
+ * 한 요청으로 모인다 — `setSearch` 의 «페이지를 첫 장으로» 나 `update` 의 필터 변경이 낡은 페이지로 요청을 내지 않는다.
+ */
+export interface ODataSource<T> {
+    /** 현재 상태. 바뀌지 않았으면 같은 객체를 돌려준다(`useSyncExternalStore` 의 스냅숏 계약). */
+    getState(): ODataSourceState<T>;
+    /** 상태가 바뀔 때마다 부른다. 해지 함수를 돌려준다. */
+    subscribe(listener: () => void): () => void;
+    /** 0-based 페이지로 옮긴다. */
+    setPage(page: number): void;
+    /** 정렬을 바꾸고 첫 장으로 간다. */
+    setSort(criteria: SortCriteria[]): void;
+    /** 검색어를 바꾸고 첫 장으로 간다. */
+    setSearch(term: string): void;
+    /** 같은 조건으로 다시 읽는다. */
+    refresh(): void;
+    /** 설정을 바꾼다 — 요청 조건이 바뀌면 다시 읽고(`fixedFilter` 값이 바뀌면 첫 장으로), `fetcher`·`onUnauthorized` 는 다음 요청부터. */
+    update(url: string, options?: ODataSourceOptions): void;
+}
+/** 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,63 +1,13 @@
 import type { SortCriteria } from '../core/sorting.js';
-import type { SourceError } from '../core/source-error.js';
-export interface UseODataSourceOptions {
-    pageSize?: number;
-    defaultOrderBy?: string;
-    /**
-     * 초기 페이지. **0-based** — 반환되는 `page`/`setPage`와 같은 축이고, 요청의
-     * `$skip`은 `page * pageSize`다. 기본값 `0`.
-     *
-     * ⚠`useState`의 초기값이므로 **첫 렌더에서만** 읽힌다(`defaultOrderBy`와 같은 계약).
-     * 마운트 이후에 페이지를 옮기려면 `setPage`를 쓴다.
-     */
-    initialPage?: number;
-    /** 초기 검색어. 기본값 `''`. `initialPage`와 같은 「첫 렌더에서만」 계약이다. */
-    initialSearch?: string;
-    /**
-     * 초기 정렬. 주면 `defaultOrderBy` 파싱보다 **우선**한다 — 두 옵션은 같은 것을 서로
-     * 다른 표기로 말하고, 이쪽은 `sortCriteria`/`onSortChange`가 주고받는 모양 그대로라
-     * 저장해 둔 정렬 상태를 파싱 없이 되돌릴 수 있다.
-     */
-    initialSort?: SortCriteria[];
-    fixedFilter?: Record<string, unknown>;
-    /** 기본값: `window.location.origin`. 프록시/BFF 등 다른 origin으로 요청해야 할 때 지정. */
-    baseUrl?: string;
-    /** 커스텀 fetch transport(예: 인증 헤더를 주입하는 `HttpClient` 래퍼). 기본값: 전역 `fetch`. */
-    fetcher?: (input: string, init: RequestInit) => Promise<Response>;
-    /**
-     * 응답이 401 일 때 호출(세션 만료 리다이렉트 등). 호출 후에도 기존 에러 처리는 계속 진행된다.
-     * 403(인증됐지만 권한 없음)에는 부르지 않는다 — 그 실패는 `error` 로 드러난다.
-     */
-    onUnauthorized?: (response: Response) => void;
-    /**
-     * `false` 인 동안 요청하지 않는다. 기본값 `true`.
-     *
-     * 조회 조건이 다른 비동기 값(현재 사용자·기본 필터·선택된 부모 레코드)에 달린 목록에서
-     * 그 값이 오기 전에 «틀린 조건의 첫 조회» 가 나가지 않게 한다. `false → true` 가 되는 순간
-     * 첫 조회가 나가고, 그 사이 `loading` 은 `true` 다(표가 «데이터 없음» 이 아니라 «불러오는 중»
-     * 을 보인다). 조회 중에 `false` 가 되면 진행 중 요청을 취소한다. `false` 인 동안의 `refresh()` 는
-     * 아무 일도 하지 않는다 — 켜지는 순간의 조회가 이미 최신 조건이다.
-     */
-    enabled?: boolean;
-}
-export interface UseODataSourceResult<T> {
-    data: T[];
-    totalCount: number;
-    /**
-     * 조회 중이거나 아직 한 번도 답을 받지 않았으면 `true` — 첫 렌더부터 첫 응답(성공·실패)이 정착할 때까지,
-     * 그리고 `enabled: false` 인 동안. 그래서 `!loading && totalCount === 0` 이 곧 «결과 없음» 이다.
-     */
-    loading: boolean;
-    /**
-     * 마지막 요청의 실패, 없으면 `null`. 화면에는 `error.message` 를 그린다. «어떤 실패인가» 는
-     * `status`(HTTP) · `code`(서버의 거절 코드) · `details` 로 가른다 — 401 은 `onUnauthorized` 도 부른다.
-     */
-    error: SourceError | null;
-    page: number;
+import type { ODataSourceOptions, ODataSourceState } from './source.js';
+/** `useODataSource` 의 옵션 — 프레임워크 중립 소스(`createODataSource`)의 설정과 같다. `initial*` 은 첫 렌더에서만 읽힌다. */
+export type UseODataSourceOptions = ODataSourceOptions;
+export interface UseODataSourceResult<T> extends ODataSourceState<T> {
     setPage: (page: number) => void;
-    sortCriteria: SortCriteria[];
+    /** flex-table 의 `sort-change` 를 받는다(`detail.criteria`) — 정렬을 바꾸고 첫 장으로 간다. */
     onSortChange: (e: CustomEvent) => void;
+    /** 검색어를 바꾸고 첫 장으로 간다. */
     setSearch: (term: string) => void;
-    search: string;
     refresh: () => void;
 }
+export type { SortCriteria };

package/dist/odata/use-odata-source.d.ts

@@ -1,6 +1,10 @@
 import type { UseODataSourceOptions, UseODataSourceResult } from './types.js';
 /**
- * OData v4 서버 사이드 데이터소스 React 훅.
+ * OData v4 서버 사이드 데이터소스 React 훅 — 프레임워크 중립 소스(`createODataSource`)의 React 어댑터다.
  * flex-table의 dataMode="server"와 함께 사용한다.
+ *
+ * 요청·페이지 보정·`nextLink`·취소는 전부 소스가 한다. 이 훅은 소스를 한 번 만들고(`initial*` 은 그때만 읽힌다),
+ * 렌더마다 바뀐 옵션을 넘기고, 상태를 구독한다. 같은 틱의 조작은 소스가 한 요청으로 모으므로 필터를 바꾼 렌더도
+ * 낡은 페이지로 요청하지 않는다.
  */
 export declare function useODataSource<T = Record<string, unknown>>(url: string, options?: UseODataSourceOptions): UseODataSourceResult<T>;

package/dist/react.js

@@ -1,155 +1,44 @@
-import { s as e, t } from "./flex-table-CtlqiwD8.js";
-import { i as n, t as r } from "./query-Dw4iO0ir.js";
-import { t as i } from "./view-DiLr-TdY.js";
-import a, { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { createComponent as d } from "@lit/react";
-//#region src/core/source-error.ts
-async function f(t) {
-	let n = await t.text().catch(() => ""), r = {
-		message: e("requestFailed", { status: t.status }),
-		status: t.status
-	};
-	if (!n) return r;
-	let i = n;
-	try {
-		i = JSON.parse(n);
-	} catch {}
-	if (r.body = i, !i || typeof i != "object") return r;
-	let a = i, o = a.error && typeof a.error == "object" ? a.error : a;
-	typeof o.message == "string" && o.message ? r.message = o.message : typeof a.message == "string" && a.message && (r.message = a.message), typeof o.code == "string" && o.code && (r.code = o.code);
-	let s = p(o.details);
-	return s && (r.details = s), r;
-}
-function p(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 m = class extends Error {
-	constructor(e) {
-		super(e.message), this.name = "SourceRequestError", this.failure = e;
-	}
-};
-function h(t) {
-	return new m({
-		message: e("networkFailed"),
-		cause: t
-	});
-}
-function g(e) {
-	return e instanceof m ? e.failure : e instanceof Error ? { message: e.message } : { message: String(e) };
-}
-//#endregion
+import { t as e } from "./flex-table-DlvIBu4z.js";
+import { a as t, t as n } from "./source-CwbD-6ea.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";
 //#region src/odata/use-odata-source.ts
-function _(e, t = {}) {
-	let { pageSize: i = 20, defaultOrderBy: a, initialPage: c = 0, initialSearch: d = "", initialSort: p, fixedFilter: _, baseUrl: v, fetcher: y = fetch, onUnauthorized: b, enabled: x = !0 } = t, S = _ ? JSON.stringify(_) : "", [C, w] = u([]), [T, E] = u(0), [D, O] = u(!0), [k, A] = u(null), j = n({
-		defaultOrderBy: a,
-		initialPage: c,
-		initialSearch: d,
-		initialSort: p
-	}), [M, N] = u(j.page), [P, F] = u(j.sortCriteria), [I, L] = u(j.search), [R, z] = u(0), [B, V] = u(S);
-	S !== B && (V(S), N(0));
-	let H = l(null), U = o(() => {
-		z((e) => e + 1);
-	}, []), W = o((e) => {
-		L(e), N(0);
-	}, []), G = o((e) => {
+function d(e, t = {}) {
+	let [r] = c(() => n(e, t));
+	o(() => {
+		r.update(e, t);
+	});
+	let i = l(r.subscribe, r.getState, r.getState), s = a((e) => {
 		let t = e.detail?.criteria;
-		t && (F(t), N(0));
-	}, []);
-	return s(() => {
-		if (H.current?.abort(), !x) return;
-		let t = new AbortController();
-		H.current = t, O(!0), A(null);
-		let n = r({
-			page: M,
-			pageSize: i,
-			sortCriteria: P,
-			defaultOrderBy: a,
-			search: I,
-			fixedFilter: _
-		}), o = `${v ?? window.location.origin}${e}${n}`, s = async (e) => {
-			let n;
-			try {
-				n = await y(e, { signal: t.signal });
-			} catch (e) {
-				throw e?.name === "AbortError" ? e : h(e);
-			}
-			if (!n.ok) throw n.status === 401 && b && b(n), new m(await f(n));
-			return n.json();
-		};
-		return (async () => {
-			let e = await s(o), t = [...e.value ?? e], n = new URL(o).origin, r = /* @__PURE__ */ new Set([o]), a = o, c = e["@odata.nextLink"];
-			for (; typeof c == "string" && c && t.length < i;) {
-				let e = new URL(c, a);
-				if (e.origin !== n) throw Error(`OData nextLink points outside the source origin (${e.origin})`);
-				if (a = e.toString(), r.has(a)) throw Error(`OData nextLink repeats an already-read page (${a})`);
-				r.add(a);
-				let i = await s(a);
-				t.push(...i.value ?? []), c = i["@odata.nextLink"];
-			}
-			return {
-				count: e["@odata.count"],
-				rows: t
-			};
-		})().then(({ count: e, rows: n }) => {
-			if (t.signal.aborted) return;
-			let r = e ?? 0;
-			w(n), E(r), A(null);
-			let a = r === 0 ? 0 : Math.ceil(r / i) - 1;
-			M > a && N(a);
-		}).catch((e) => {
-			t.signal.aborted || e.name !== "AbortError" && (A(g(e)), w([]), E(0));
-		}).finally(() => {
-			t.signal.aborted || O(!1);
-		}), () => t.abort();
-	}, [
-		x,
-		e,
-		M,
-		i,
-		P,
-		I,
-		S,
-		a,
-		R,
-		v
-	]), {
-		data: C,
-		totalCount: T,
-		loading: D || !x,
-		error: k,
-		page: M,
-		setPage: N,
-		sortCriteria: P,
-		onSortChange: G,
-		search: I,
-		setSearch: W,
-		refresh: U
+		t && r.setSort(t);
+	}, [r]);
+	return {
+		...i,
+		setPage: r.setPage,
+		onSortChange: s,
+		setSearch: r.setSearch,
+		refresh: r.refresh
 	};
 }
 //#endregion
 //#region src/array/use-array-source.ts
-function v(e, t = {}) {
-	let { pageSize: r = 20, defaultOrderBy: a, initialPage: s = 0, initialSearch: l = "", initialSort: d, columns: f, searchFields: p } = t, m = n({
-		defaultOrderBy: a,
-		initialPage: s,
-		initialSearch: l,
+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] = u(m.page), [_, v] = u(m.sortCriteria), [y, b] = u(m.search), x = o((e) => {
+	}), [h, g] = c(m.page), [_, v] = c(m.sortCriteria), [y, b] = c(m.search), x = a((e) => {
 		b(e), g(0);
-	}, []), S = o((e) => {
+	}, []), S = a((e) => {
 		let t = e.detail?.criteria;
 		t && (v(t), g(0));
-	}, []), C = o(() => {}, []), { data: w, totalCount: T } = c(() => i(e, {
+	}, []), C = a(() => {}, []), { data: w, totalCount: T } = s(() => r(e, {
 		search: y,
 		sortCriteria: _,
 		page: h,
-		pageSize: r,
+		pageSize: i,
 		columns: f,
 		searchFields: p
 	}), [
@@ -157,10 +46,10 @@ function v(e, t = {}) {
 		y,
 		_,
 		h,
-		r,
+		i,
 		f,
 		p
-	]), E = T === 0 ? 0 : Math.ceil(T / r) - 1;
+	]), E = T === 0 ? 0 : Math.ceil(T / i) - 1;
 	return h > E && g(E), {
 		data: w,
 		totalCount: T,
@@ -175,10 +64,10 @@ function v(e, t = {}) {
 		refresh: C
 	};
 }
-var y = d({
+var p = u({
 	tagName: "flex-table",
-	elementClass: t,
-	react: a,
+	elementClass: e,
+	react: i,
 	events: {
 		onCellSelect: "cell-select",
 		onCellEditCommit: "cell-edit-commit",
@@ -214,4 +103,4 @@ var y = d({
 	}
 });
 //#endregion
-export { y as FlexTableReact, v as useArraySource, _ as useODataSource };
+export { p as FlexTableReact, f as useArraySource, d as useODataSource };