@mittwald/flow-react-components 1.5.0-next.9 → 1.5.0

package/dist/js/packages/components/src/components/List/model/ReactTable.mjs

@@ -1,9 +1,14 @@
 "use client"
 /* */
+import useSelector from "../../../lib/mobx/useSelector.mjs";
+import { useStatic } from "../../../lib/hooks/useStatic.mjs";
+import { getListColumn } from "../../../../../components-base/src/list/ListModelContext.mjs";
+import { mergeHiddenSorting } from "../../../../../components-base/src/list/sorting/ListSorting.mjs";
+import { ListTable } from "../../../../../components-base/src/list/table/ListTable.mjs";
+import "../../../../../components-base/src/index.mjs";
 import { Filter } from "./filter/Filter.mjs";
 import { useEffect, useEffectEvent, useState } from "react";
-import invariant from "invariant";
-import { getCoreRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { getCoreRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from "@tanstack/table-core";
 //#region src/components/List/model/ReactTable.ts
 var ReactTable = class ReactTable {
 	list;
@@ -25,9 +30,7 @@ var ReactTable = class ReactTable {
 		return new ReactTable(list, onChange, tableOptions);
 	}
 	getTableColumn(property) {
-		const column = this.table.getColumn(property);
-		invariant(!!column, `Column #${property} is not defined`);
-		return column;
+		return getListColumn(this.table, property);
 	}
 	useReactTable(onChange, tableOptions = {}) {
 		const data = this.list.loader.useData();
@@ -37,7 +40,7 @@ var ReactTable = class ReactTable {
 		};
 		for (const filter of this.list.filters) filter.updateInitialState(initialState);
 		this.list.search?.updateInitialState(initialState);
-		const table = useReactTable({
+		const options = {
 			data,
 			state: { sorting: this.sortingState },
 			getRowId: this.list.getItemId,
@@ -53,10 +56,14 @@ var ReactTable = class ReactTable {
 			},
 			globalFilterFn: "auto",
 			...tableOptions
-		});
+		};
+		const listTable = useStatic(() => new ListTable(options));
+		listTable.setOptions(options);
+		useSelector(() => listTable.state);
+		const table = listTable.table;
 		const reactTableState = table.getState();
 		const onFiltersChanged = useEffectEvent(() => {
-			Filter.storeFilters(this.list, { autosave: true });
+			Filter.storeFilters(this.list, this.list.filters, { autosave: true });
 		});
 		const onStateChanged = useEffectEvent(() => {
 			if (onChange) onChange(this.list);
@@ -71,8 +78,7 @@ var ReactTable = class ReactTable {
 	}
 	handleSortingStateUpdate(updater) {
 		const newSortingState = typeof updater === "function" ? updater(this.sortingState) : updater;
-		const additionalHiddenSorting = this.list.sorting.filter((s) => s.initialEnabled === "hidden" && !newSortingState.some((existing) => existing.id === s.property)).map((s) => s.getReactTableColumnSort());
-		this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);
+		this.updateSortingState(mergeHiddenSorting(this.list.sorting, newSortingState));
 	}
 	getTableColumnDefs() {
 		const columnDefsMap = /* @__PURE__ */ new Map();

package/dist/js/packages/components/src/components/List/model/ReactTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReactTable.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/ReactTable.ts"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  InitialTableState,\n  Table,\n  TableOptions,\n  Updater,\n} from \"@tanstack/react-table\";\nimport {\n  getCoreRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport invariant from \"invariant\";\nimport type {\n  OnListChanged,\n  PropertyName,\n} from \"@/components/List/model/types\";\nimport type { SearchValue } from \"@/components/List/model/search/types\";\nimport type { Dispatch, SetStateAction } from \"react\";\nimport { useEffect, useEffectEvent, useState } from \"react\";\nimport { Filter } from \"./filter/Filter\";\n\nexport class ReactTable<T, TMeta = unknown> {\n  public readonly list: List<T, TMeta>;\n  public readonly table: Table<T>;\n  public readonly sortingState: ColumnSort[];\n  public readonly updateSortingState: Dispatch<SetStateAction<ColumnSort[]>>;\n\n  private constructor(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ) {\n    this.list = list;\n\n    const defaultSorting = this.list.sorting.filter(\n      (s) => s.initialEnabled !== false,\n    );\n\n    const [sortingState, updateSortingState] = useState<ColumnSort[]>(\n      defaultSorting.map((s) => s.getReactTableColumnSort()),\n    );\n    this.sortingState = sortingState;\n    this.updateSortingState = updateSortingState;\n    this.table = this.useReactTable(onChange, tableOptions);\n  }\n\n  public get searchString(): SearchValue {\n    return this.table.getState().globalFilter;\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): ReactTable<T, TMeta> {\n    return new ReactTable<T, TMeta>(list, onChange, tableOptions);\n  }\n\n  public getTableColumn(property: PropertyName<T>): Column<T> {\n    const column = this.table.getColumn(property as string);\n    invariant(!!column, `Column #${property} is not defined`);\n    return column;\n  }\n\n  private useReactTable(\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): Table<T> {\n    const data = this.list.loader.useData();\n\n    const initialState: InitialTableState = {\n      pagination: {\n        pageSize: this.list.batches.batchSize,\n      },\n      columnFilters: [],\n    };\n\n    for (const filter of this.list.filters) {\n      filter.updateInitialState(initialState);\n    }\n\n    this.list.search?.updateInitialState(initialState);\n\n    const table = useReactTable({\n      data,\n      state: {\n        sorting: this.sortingState,\n      },\n      getRowId: this.list.getItemId,\n      initialState,\n      columns: this.getTableColumnDefs(),\n      getCoreRowModel: getCoreRowModel(),\n      getSortedRowModel: getSortedRowModel(),\n      getFilteredRowModel: getFilteredRowModel(),\n      getPaginationRowModel: getPaginationRowModel(),\n      getFacetedUniqueValues: getFacetedUniqueValues(),\n      onSortingChange: (updater) => {\n        this.handleSortingStateUpdate(updater);\n      },\n      globalFilterFn: \"auto\",\n      ...tableOptions,\n    });\n\n    const reactTableState = table.getState();\n\n    const onFiltersChanged = useEffectEvent(() => {\n      Filter.storeFilters(this.list, { autosave: true });\n    });\n\n    const onStateChanged = useEffectEvent(() => {\n      if (onChange) {\n        onChange(this.list);\n      }\n    });\n\n    useEffect(() => {\n      onStateChanged();\n    }, [reactTableState]);\n\n    useEffect(() => {\n      onFiltersChanged();\n    }, [reactTableState.columnFilters]);\n\n    return table;\n  }\n\n  private handleSortingStateUpdate(updater: Updater<ColumnSort[]>) {\n    const newSortingState =\n      typeof updater === \"function\" ? updater(this.sortingState) : updater;\n\n    const additionalHiddenSorting = this.list.sorting\n      .filter(\n        (s) =>\n          s.initialEnabled === \"hidden\" &&\n          !newSortingState.some((existing) => existing.id === s.property),\n      )\n      .map((s) => s.getReactTableColumnSort());\n\n    this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);\n  }\n\n  private getTableColumnDefs(): ColumnDef<T>[] {\n    const columnDefsMap = new Map<PropertyName<T>, ColumnDef<T>>();\n\n    const getOrCreateColumnDef = (p: PropertyName<T>): ColumnDef<T> => {\n      const existing = columnDefsMap.get(p);\n      if (existing) {\n        return existing;\n      }\n      const newDef: ColumnDef<T> = {\n        id: p as string,\n        accessorKey: p as string,\n        enableSorting: false,\n        enableColumnFilter: false,\n        sortingFn: \"alphanumeric\",\n      };\n\n      columnDefsMap.set(p, newDef);\n      return newDef;\n    };\n\n    this.list.filters.forEach((f) =>\n      f.updateTableColumnDef(getOrCreateColumnDef(f.property)),\n    );\n\n    this.list.sorting.forEach((s) =>\n      s.updateTableColumnDef(getOrCreateColumnDef(s.property)),\n    );\n\n    this.list.loader.staticDataProperties.forEach((property) => {\n      getOrCreateColumnDef(property);\n    });\n\n    return Array.from(columnDefsMap.values());\n  }\n}\n\nexport default ReactTable;\n"],"mappings":"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"}
+{"version":3,"file":"ReactTable.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/ReactTable.ts"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  InitialTableState,\n  Table,\n  TableOptions,\n  Updater,\n} from \"@tanstack/table-core\";\nimport {\n  getCoreRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n} from \"@tanstack/table-core\";\nimport type List from \"@/components/List/model/List\";\nimport {\n  getListColumn,\n  ListTable,\n  mergeHiddenSorting,\n} from \"@mittwald/flow-components-base\";\nimport type {\n  OnListChanged,\n  PropertyName,\n} from \"@/components/List/model/types\";\nimport type { SearchValue } from \"@/components/List/model/search/types\";\nimport type { Dispatch, SetStateAction } from \"react\";\nimport { useEffect, useEffectEvent, useState } from \"react\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { Filter } from \"./filter/Filter\";\n\nexport class ReactTable<T, TMeta = unknown> {\n  public readonly list: List<T, TMeta>;\n  public readonly table: Table<T>;\n  public readonly sortingState: ColumnSort[];\n  public readonly updateSortingState: Dispatch<SetStateAction<ColumnSort[]>>;\n\n  private constructor(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ) {\n    this.list = list;\n\n    const defaultSorting = this.list.sorting.filter(\n      (s) => s.initialEnabled !== false,\n    );\n\n    const [sortingState, updateSortingState] = useState<ColumnSort[]>(\n      defaultSorting.map((s) => s.getReactTableColumnSort()),\n    );\n    this.sortingState = sortingState;\n    this.updateSortingState = updateSortingState;\n    this.table = this.useReactTable(onChange, tableOptions);\n  }\n\n  public get searchString(): SearchValue {\n    return this.table.getState().globalFilter;\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): ReactTable<T, TMeta> {\n    return new ReactTable<T, TMeta>(list, onChange, tableOptions);\n  }\n\n  public getTableColumn(property: PropertyName<T>): Column<T> {\n    return getListColumn(this.table, property);\n  }\n\n  private useReactTable(\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): Table<T> {\n    const data = this.list.loader.useData();\n\n    const initialState: InitialTableState = {\n      pagination: {\n        pageSize: this.list.batches.batchSize,\n      },\n      columnFilters: [],\n    };\n\n    for (const filter of this.list.filters) {\n      filter.updateInitialState(initialState);\n    }\n\n    this.list.search?.updateInitialState(initialState);\n\n    const options: TableOptions<T> = {\n      data,\n      state: {\n        sorting: this.sortingState,\n      },\n      getRowId: this.list.getItemId,\n      initialState,\n      columns: this.getTableColumnDefs(),\n      getCoreRowModel: getCoreRowModel(),\n      getSortedRowModel: getSortedRowModel(),\n      getFilteredRowModel: getFilteredRowModel(),\n      getPaginationRowModel: getPaginationRowModel(),\n      getFacetedUniqueValues: getFacetedUniqueValues(),\n      onSortingChange: (updater) => {\n        this.handleSortingStateUpdate(updater);\n      },\n      globalFilterFn: \"auto\",\n      ...tableOptions,\n    } as TableOptions<T>;\n\n    /*\n     * `useReactTable` in twenty lines of MobX, so the Vue binding runs the same\n     * table. What React still owns: the instance has to outlive a render, the\n     * options are rebuilt on every render, and a state change has to re-render.\n     */\n    const listTable = useStatic(() => new ListTable<T>(options));\n    listTable.setOptions(options);\n    useSelector(() => listTable.state);\n\n    const table = listTable.table;\n\n    const reactTableState = table.getState();\n\n    const onFiltersChanged = useEffectEvent(() => {\n      Filter.storeFilters(this.list, this.list.filters, { autosave: true });\n    });\n\n    const onStateChanged = useEffectEvent(() => {\n      if (onChange) {\n        onChange(this.list);\n      }\n    });\n\n    useEffect(() => {\n      onStateChanged();\n    }, [reactTableState]);\n\n    useEffect(() => {\n      onFiltersChanged();\n    }, [reactTableState.columnFilters]);\n\n    return table;\n  }\n\n  private handleSortingStateUpdate(updater: Updater<ColumnSort[]>) {\n    const newSortingState =\n      typeof updater === \"function\" ? updater(this.sortingState) : updater;\n\n    this.updateSortingState(\n      mergeHiddenSorting(this.list.sorting, newSortingState),\n    );\n  }\n\n  private getTableColumnDefs(): ColumnDef<T>[] {\n    const columnDefsMap = new Map<PropertyName<T>, ColumnDef<T>>();\n\n    const getOrCreateColumnDef = (p: PropertyName<T>): ColumnDef<T> => {\n      const existing = columnDefsMap.get(p);\n      if (existing) {\n        return existing;\n      }\n      const newDef: ColumnDef<T> = {\n        id: p as string,\n        accessorKey: p as string,\n        enableSorting: false,\n        enableColumnFilter: false,\n        sortingFn: \"alphanumeric\",\n      };\n\n      columnDefsMap.set(p, newDef);\n      return newDef;\n    };\n\n    this.list.filters.forEach((f) =>\n      f.updateTableColumnDef(getOrCreateColumnDef(f.property)),\n    );\n\n    this.list.sorting.forEach((s) =>\n      s.updateTableColumnDef(getOrCreateColumnDef(s.property)),\n    );\n\n    this.list.loader.staticDataProperties.forEach((property) => {\n      getOrCreateColumnDef(property);\n    });\n\n    return Array.from(columnDefsMap.values());\n  }\n}\n\nexport default ReactTable;\n"],"mappings":"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"}

package/dist/js/packages/components/src/components/List/model/filter/DateRangeFilter.mjs

@@ -1,25 +1,37 @@
 "use client"
 /* */
-import { isDateRangeValue } from "../../../Calendar/components/RangeCalendar/types.mjs";
-import { Filter } from "./Filter.mjs";
-import { dateRangeFilterFn } from "./dateRangeFilterFn.mjs";
+import { ListDateRangeFilter } from "../../../../../../components-base/src/list/filter/ListDateRangeFilter.mjs";
+import "../../../../../../components-base/src/index.mjs";
 //#region src/components/List/model/filter/DateRangeFilter.tsx
-var DateRangeFilter = class extends Filter {
+/**
+* React's date-range filter.
+*
+* The column, the comparison and the stored value are `ListDateRangeFilter` in
+* `@mittwald/flow-components-base`, so the Vue binding filters the same dates
+* the same way. What is left here is the calendar's own options, which are
+* Flow's `RangeCalendar` props.
+*/
+var DateRangeFilter = class extends ListDateRangeFilter {
 	dateRangeOptions;
-	constructor(list, shape) {
-		super(list, shape);
+	constructor(context, shape) {
+		super(context, shape);
 		this.dateRangeOptions = shape.dateRangeOptions;
 	}
-	updateTableColumnDef(def) {
-		def.enableColumnFilter = true;
-		def.filterFn = dateRangeFilterFn;
-	}
 	getValue() {
-		const value = this.getTableColumnFilter()?.value;
-		return isDateRangeValue(value) ? value : null;
+		return super.getValue();
 	}
 	setValue(range) {
-		this.list.reactTable.getTableColumn(this.property).setFilterValue(range);
+		super.setValue(range);
+	}
+	/** The list this filter belongs to — `context`, typed as React's `List`. */
+	get list() {
+		return this.context;
+	}
+	get values() {
+		return super.values;
+	}
+	getArrayValue() {
+		return super.getArrayValue();
 	}
 };
 //#endregion

package/dist/js/packages/components/src/components/List/model/filter/DateRangeFilter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { Filter } from \"./Filter\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\n\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\nimport {\n  isDateRangeValue,\n  type RangeCalendarProps,\n} from \"@/components/Calendar\";\nimport { dateRangeFilterFn } from \"@/components/List/model/filter/dateRangeFilterFn\";\n\nexport class DateRangeFilter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n> extends Filter<T, TProp> {\n  public readonly dateRangeOptions?: RangeCalendarProps;\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, never>) {\n    super(list, shape);\n    this.dateRangeOptions = shape.dateRangeOptions;\n  }\n\n  public override updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableColumnFilter = true;\n    def.filterFn = dateRangeFilterFn;\n  }\n\n  public override getValue(): DateRange | null {\n    const value = this.getTableColumnFilter()?.value;\n    return isDateRangeValue(value) ? value : null;\n  }\n\n  public setValue(range: RangeValue<DateValue>) {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(range);\n  }\n}\n"],"mappings":";;;;;;AAcA,IAAa,kBAAb,cAGU,OAAiB;CACzB;CAEA,YAAmB,MAAe,OAAqC;EACrE,MAAM,MAAM,KAAK;EACjB,KAAK,mBAAmB,MAAM;CAChC;CAEA,qBAAqC,KAAyB;EAC5D,IAAI,qBAAqB;EACzB,IAAI,WAAW;CACjB;CAEA,WAA6C;EAC3C,MAAM,QAAQ,KAAK,qBAAqB,CAAC,EAAE;EAC3C,OAAO,iBAAiB,KAAK,IAAI,QAAQ;CAC3C;CAEA,SAAgB,OAA8B;EAC5C,KAAK,KAAK,WAAW,eAAe,KAAK,QAAQ,CAAC,CAAC,eAAe,KAAK;CACzE;AACF"}
+{"version":3,"file":"DateRangeFilter.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import { ListDateRangeFilter } from \"@mittwald/flow-components-base\";\nimport type { ListModelContext } from \"@mittwald/flow-components-base\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport type { RangeCalendarProps } from \"@/components/Calendar\";\nimport type { DateValue } from \"@internationalized/date\";\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { ReactNode } from \"react\";\nimport type { List } from \"@/components/List/model/List\";\nimport type { FilterValue } from \"@/components/List/model/filter/FilterValue\";\n\n/**\n * React's date-range filter.\n *\n * The column, the comparison and the stored value are `ListDateRangeFilter` in\n * `@mittwald/flow-components-base`, so the Vue binding filters the same dates\n * the same way. What is left here is the calendar's own options, which are\n * Flow's `RangeCalendar` props.\n */\nexport class DateRangeFilter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n> extends ListDateRangeFilter<T, TProp, ReactNode> {\n  public readonly dateRangeOptions?: RangeCalendarProps;\n\n  public constructor(\n    context: ListModelContext<T>,\n    shape: FilterShape<T, TProp, never>,\n  ) {\n    super(context, shape as never);\n    this.dateRangeOptions = shape.dateRangeOptions;\n  }\n\n  /*\n   * Narrowed back to react-aria's own types, because that is what the calendar\n   * takes and what this filter's consumers already have. The shared class is\n   * typed on the three numbers a date is made of, which every date library\n   * agrees on and nothing else does.\n   */\n  public override getValue(): DateRange | null {\n    return super.getValue() as DateRange | null;\n  }\n\n  public override setValue(range: RangeValue<DateValue> | null): void {\n    super.setValue(range as never);\n  }\n\n  /** The list this filter belongs to — `context`, typed as React's `List`. */\n  public get list(): List<T> {\n    return this.context as List<T>;\n  }\n\n  /* As in `Filter`: created by this filter, so each one's `filter` is React's. */\n  public override get values(): FilterValue[] {\n    return super.values as FilterValue[];\n  }\n\n  public override getArrayValue(): FilterValue[] {\n    return super.getArrayValue() as FilterValue[];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,IAAa,kBAAb,cAGU,oBAAyC;CACjD;CAEA,YACE,SACA,OACA;EACA,MAAM,SAAS,KAAc;EAC7B,KAAK,mBAAmB,MAAM;CAChC;CAQA,WAA6C;EAC3C,OAAO,MAAM,SAAS;CACxB;CAEA,SAAyB,OAA2C;EAClE,MAAM,SAAS,KAAc;CAC/B;;CAGA,IAAW,OAAgB;EACzB,OAAO,KAAK;CACd;CAGA,IAAoB,SAAwB;EAC1C,OAAO,MAAM;CACf;CAEA,gBAA+C;EAC7C,OAAO,MAAM,cAAc;CAC7B;AACF"}

package/dist/js/packages/components/src/components/List/model/filter/Filter.mjs

@@ -1,193 +1,32 @@
 "use client"
 /* */
-import { FilterValue } from "./FilterValue.mjs";
-import { toArray } from "../../../../lib/array/toArray.mjs";
-import { difference, unique } from "remeda";
-import { getProperty } from "dot-prop";
+import { ListFilter } from "../../../../../../components-base/src/list/filter/ListFilter.mjs";
+import "../../../../../../components-base/src/index.mjs";
 //#region src/components/List/model/filter/Filter.ts
-var equalsPropertyMatcher = (filterValue, propertyValue) => filterValue === propertyValue;
-var selectAllMinValueCount = 6;
-var stringCastRenderMethod = (value) => String(value);
-var Filter = class {
-	_values;
-	_valuesFromTableState;
-	list;
-	property;
-	mode;
-	matcher;
-	renderItem;
-	name;
-	autosave;
-	manualSave;
-	onFilterChangeCallbacks = /* @__PURE__ */ new Set();
-	defaultSelectedValues;
-	priority;
-	storageKey;
-	constructor(list, shape) {
-		const { autosave = list.settingsStorageDefaults?.filters?.autosave ?? false, manualSave = list.settingsStorageDefaults?.filters?.manualSave ?? true, property, mode = "some", values, matcher = equalsPropertyMatcher, renderItem = stringCastRenderMethod, priority = "primary", name, defaultSelected, onChange } = shape;
-		this.list = list;
-		this.autosave = autosave;
-		this.manualSave = manualSave;
-		this.property = property;
-		this.storageKey = String(property);
-		this.mode = mode;
-		this._values = values?.map((v) => FilterValue.create(this, v));
-		this.matcher = matcher;
-		this.renderItem = renderItem;
-		this.name = name;
-		this.priority = priority;
-		this.defaultSelectedValues = defaultSelected?.map((v) => FilterValue.create(this, v));
-		if (onChange) this.onFilterChangeCallbacks.add(onChange);
-	}
-	updateInitialState(initialState) {
-		const initialIds = this.getInitialSelectedIds();
-		if (initialIds?.length) initialState.columnFilters = [...initialState.columnFilters ?? [], {
-			id: this.property,
-			value: initialIds
-		}];
-	}
-	getInitialSelectedIds() {
-		return this.getStoredSelectedIds({
-			autosave: this.autosave,
-			manualSave: this.manualSave
-		}) ?? this.defaultSelectedValues?.map((v) => v.id);
-	}
-	getStoredSelectedIds(options) {
-		return this.list.settingsStorage?.get("activeFilters", options)?.[this.storageKey];
-	}
-	getStoredSelectedValues(options) {
-		return this.getStoredSelectedIds(options)?.map((id) => this.values.find((v) => v.id === id)).filter((v) => v !== void 0);
-	}
-	static storeFilters(list, options) {
-		const data = Object.fromEntries(list.filters.map((filter) => [filter.storageKey, filter.getArrayValue().map((v) => v.id)]));
-		list.settingsStorage?.store("activeFilters", data, options);
-	}
-	updateTableColumnDef(def) {
-		def.enableColumnFilter = true;
-		def.filterFn = this.getReactTableFilterFn();
-	}
-	getReactTableFilterFn() {
-		return (row, _, filterValue) => {
-			const propertyAsString = this.property;
-			const filterBy = propertyAsString.startsWith("$") ? row.original : getProperty(row.original, propertyAsString);
-			return this.checkFilterMatches(filterBy, filterValue);
-		};
-	}
-	checkFilterMatches(property, filterValueInput) {
-		if (filterValueInput === null) return true;
-		const predicate = (filterValue) => this.matcher(filterValue.value, property);
-		const toFilterValue = (something) => FilterValue.create(this, something);
-		if (this.mode === "all") return toArray(filterValueInput).map(toFilterValue).every(predicate);
-		else if (this.mode === "some") {
-			const filterArr = toArray(filterValueInput);
-			return filterArr.length === 0 || filterArr.map(toFilterValue).some(predicate);
-		} else if (this.mode === "one") return predicate(toFilterValue(Array.isArray(filterValueInput) ? filterValueInput[0] : filterValueInput));
-		throw new Error(`Unknown filter mode '${this.mode}'`);
-	}
-	getTableColumnFilter() {
-		return this.list.reactTable.table.getState().columnFilters.find((f) => f.id === this.property);
-	}
-	getTableColumn() {
-		return this.list.reactTable.getTableColumn(this.property);
-	}
-	getValue() {
-		return this.getTableColumnFilter()?.value ?? null;
-	}
-	getValuesFromTableState() {
-		return unique(Array.from(this.getTableColumn().getFacetedUniqueValues().keys()).flatMap((v) => v).filter((v) => v !== void 0 && v !== null)).map((v) => FilterValue.create(this, v));
-	}
-	checkIfValueIsUnknown(value) {
-		return !this.values.some((v) => v.id === value.id);
-	}
-	deleteUnknownFilterValues() {
-		if (this.values === this.valuesFromTableState) return;
-		for (const currentValues of this.getArrayValue()) if (this.checkIfValueIsUnknown(currentValues)) this.deactivateValue(currentValues);
+/**
+* React's filter: the shared one, with `renderItem` narrowed.
+*
+* Everything a filter does — values, selection, persistence, the predicate the
+* table runs — is `ListFilter` in `@mittwald/flow-components-base`. The one
+* thing that is not shareable is what a filter value _looks_ like, so the core
+* carries the rendered type as a parameter and this fills it with `ReactNode`.
+*/
+var Filter = class extends ListFilter {
+	constructor(context, shape) {
+		super(context, shape);
+	}
+	/** The list this filter belongs to — `context`, typed as React's `List`. */
+	get list() {
+		return this.context;
 	}
 	get values() {
-		return this._values ?? this.valuesFromTableState;
-	}
-	get valuesFromTableState() {
-		if (!this._valuesFromTableState) this._valuesFromTableState = this.getValuesFromTableState();
-		return this._valuesFromTableState;
+		return super.values;
 	}
 	getArrayValue() {
-		const value = this.getValue();
-		return value === null ? [] : toArray(value).map((v) => FilterValue.create(this, v));
-	}
-	isValueActive(value) {
-		return this.getArrayValue().some((v) => v.equals(value));
-	}
-	isActive() {
-		return this.getArrayValue().length > 0;
-	}
-	deactivateValue(value) {
-		const currentValueAsArray = this.getArrayValue();
-		let updatedValue;
-		if (this.mode === "all" || this.mode === "some") updatedValue = currentValueAsArray.filter((v) => !v.equals(value));
-		else updatedValue = null;
-		this.list.reactTable.getTableColumn(this.property).setFilterValue(updatedValue);
-		this.callOnChangedHandlers(updatedValue);
-	}
-	callOnChangedHandlers(newValue) {
-		const values = toArray(newValue).map((v) => v?.value);
-		this.onFilterChangeCallbacks.forEach((cb) => cb(values));
-	}
-	hasChanges() {
-		const currentIds = this.getArrayValue().map((v) => v.id);
-		const defaultIds = this.getStoredSelectedIds({ autosave: false }) ?? this.defaultSelectedValues?.map((v) => v.id) ?? [];
-		return currentIds.length !== defaultIds.length || difference(currentIds, defaultIds).length > 0;
-	}
-	isStoringAvailable() {
-		return !!this.list.settingsStorage && this.manualSave;
-	}
-	resetValues() {
-		let resetTo;
-		const storedValues = this.getStoredSelectedValues({ autosave: false }) ?? this.defaultSelectedValues;
-		if (storedValues) resetTo = storedValues;
-		else if (this.mode === "all" || this.mode === "some") resetTo = [];
-		else resetTo = null;
-		this.list.reactTable.getTableColumn(this.property).setFilterValue(resetTo);
-		this.callOnChangedHandlers(resetTo);
-	}
-	clear() {
-		this.list.reactTable.getTableColumn(this.property).setFilterValue(null);
-		this.callOnChangedHandlers(null);
-	}
-	toggleValue(newValue) {
-		const currentValueAsArray = this.getArrayValue();
-		let updatedValue;
-		if (this.mode === "all" || this.mode === "some") {
-			if (newValue.isActive) updatedValue = currentValueAsArray.filter((v) => !v.equals(newValue));
-			else updatedValue = [...currentValueAsArray, newValue];
-		} else updatedValue = newValue.isActive ? null : newValue;
-		this.list.reactTable.getTableColumn(this.property).setFilterValue(updatedValue);
-		this.callOnChangedHandlers(updatedValue);
-	}
-	get isSelectAllAvailable() {
-		return this.mode === "some" && this.values.length >= selectAllMinValueCount;
-	}
-	isEveryValueActive() {
-		return this.values.every((v) => v.isActive);
-	}
-	selectAll() {
-		this.setArrayValue(this.values);
-	}
-	setActiveValueIds(ids) {
-		const idSet = new Set(ids);
-		this.setArrayValue(this.values.filter((v) => idSet.has(v.id)));
-	}
-	deselectAll() {
-		this.setArrayValue([]);
-	}
-	setArrayValue(value) {
-		this.list.reactTable.getTableColumn(this.property).setFilterValue(value);
-		this.callOnChangedHandlers(value);
-	}
-	onFilterUpdated(cb) {
-		this.onFilterChangeCallbacks.add(cb);
+		return super.getArrayValue();
 	}
 };
 //#endregion
-export { Filter };
+export { Filter, Filter as default };
 
 //# sourceMappingURL=Filter.mjs.map

package/dist/js/packages/components/src/components/List/model/filter/Filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/Filter.ts"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  ColumnFilter,\n  InitialTableState,\n} from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { getProperty } from \"dot-prop\";\nimport type {\n  FilterMatcher,\n  FilterMode,\n  FilterShape,\n  FilterUpdatedCallback,\n} from \"@/components/List/model/filter/types\";\nimport type {\n  PropertyName,\n  PropertyValueRenderMethod,\n} from \"@/components/List/model/types\";\nimport { customPropertyPrefix } from \"@/components/List/model/types\";\nimport { difference, unique } from \"remeda\";\nimport { FilterValue } from \"@/components/List/model/filter/FilterValue\";\nimport { toArray } from \"@/lib/array/toArray\";\nimport type { ListSettingsStoreOperationOptions } from \"../ListSettingsStore\";\n\nconst equalsPropertyMatcher: FilterMatcher<unknown, never, never> = (\n  filterValue,\n  propertyValue,\n) => filterValue === propertyValue;\n\nconst selectAllMinValueCount = 6;\n\nconst stringCastRenderMethod: PropertyValueRenderMethod<unknown> = (value) =>\n  String(value);\n\nexport class Filter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n  TMatchValue = never,\n> {\n  private _values?: FilterValue[] | undefined;\n  private _valuesFromTableState?: FilterValue[];\n  public readonly list: List<T>;\n  public readonly property: TProp;\n  public readonly mode: FilterMode;\n  public readonly matcher: FilterMatcher<T, never, never>;\n  public readonly renderItem: PropertyValueRenderMethod<TMatchValue>;\n  public readonly name?: string;\n  public readonly autosave: boolean;\n  public readonly manualSave: boolean;\n  private onFilterChangeCallbacks = new Set<FilterUpdatedCallback>();\n  private readonly defaultSelectedValues?: FilterValue[];\n  public readonly priority: \"primary\" | \"secondary\";\n  public readonly storageKey: string;\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, TMatchValue>) {\n    const {\n      autosave = list.settingsStorageDefaults?.filters?.autosave ?? false,\n      manualSave = list.settingsStorageDefaults?.filters?.manualSave ?? true,\n      property,\n      mode = \"some\",\n      values,\n      matcher = equalsPropertyMatcher,\n      renderItem = stringCastRenderMethod,\n      priority = \"primary\",\n      name,\n      defaultSelected,\n      onChange,\n    } = shape;\n\n    this.list = list;\n    this.autosave = autosave;\n    this.manualSave = manualSave;\n    this.property = property;\n    this.storageKey = String(property);\n    this.mode = mode;\n    this._values = values?.map((v) => FilterValue.create(this, v));\n    this.matcher = matcher;\n    this.renderItem = renderItem;\n    this.name = name;\n    this.priority = priority;\n    this.defaultSelectedValues = defaultSelected?.map((v) =>\n      FilterValue.create(this, v),\n    );\n    if (onChange) {\n      this.onFilterChangeCallbacks.add(onChange);\n    }\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    const initialIds = this.getInitialSelectedIds();\n\n    if (initialIds?.length) {\n      initialState.columnFilters = [\n        ...(initialState.columnFilters ?? []),\n        {\n          id: this.property as string,\n          value: initialIds,\n        },\n      ];\n    }\n  }\n\n  private getInitialSelectedIds() {\n    return (\n      this.getStoredSelectedIds({\n        autosave: this.autosave,\n        manualSave: this.manualSave,\n      }) ?? this.defaultSelectedValues?.map((v) => v.id)\n    );\n  }\n\n  private getStoredSelectedIds(options: ListSettingsStoreOperationOptions) {\n    return this.list.settingsStorage?.get(\"activeFilters\", options)?.[\n      this.storageKey\n    ];\n  }\n\n  private getStoredSelectedValues(options: ListSettingsStoreOperationOptions) {\n    return this.getStoredSelectedIds(options)\n      ?.map((id) => this.values.find((v) => v.id === id))\n      .filter((v): v is FilterValue => v !== undefined);\n  }\n\n  public static storeFilters<T>(\n    list: List<T>,\n    options: ListSettingsStoreOperationOptions,\n  ) {\n    const data = Object.fromEntries(\n      list.filters.map((filter) => [\n        filter.storageKey,\n        filter.getArrayValue().map((v) => v.id),\n      ]),\n    );\n\n    list.settingsStorage?.store(\"activeFilters\", data, options);\n  }\n\n  public updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableColumnFilter = true;\n    def.filterFn = this.getReactTableFilterFn();\n  }\n\n  private getReactTableFilterFn(): ColumnDef<T>[\"filterFn\"] {\n    return (row, _, filterValue) => {\n      const propertyAsString = this.property as string;\n\n      const filterBy = propertyAsString.startsWith(customPropertyPrefix)\n        ? row.original\n        : getProperty(row.original, propertyAsString);\n\n      return this.checkFilterMatches(filterBy, filterValue);\n    };\n  }\n\n  private checkFilterMatches(\n    property: unknown,\n    filterValueInput: unknown,\n  ): boolean {\n    if (filterValueInput === null) {\n      return true;\n    }\n\n    const predicate = (filterValue: FilterValue) =>\n      this.matcher(filterValue.value as never, property as never);\n\n    const toFilterValue = (something: unknown) =>\n      FilterValue.create(this, something);\n\n    if (this.mode === \"all\") {\n      return toArray(filterValueInput).map(toFilterValue).every(predicate);\n    } else if (this.mode === \"some\") {\n      const filterArr = toArray(filterValueInput);\n      return (\n        filterArr.length === 0 || filterArr.map(toFilterValue).some(predicate)\n      );\n    } else if (this.mode === \"one\") {\n      const oneValue = Array.isArray(filterValueInput)\n        ? filterValueInput[0]\n        : filterValueInput;\n      return predicate(toFilterValue(oneValue));\n    }\n\n    throw new Error(`Unknown filter mode '${this.mode}'`);\n  }\n\n  protected getTableColumnFilter(): ColumnFilter | undefined {\n    return this.list.reactTable.table\n      .getState()\n      .columnFilters.find((f) => f.id === this.property);\n  }\n\n  private getTableColumn(): Column<T> {\n    return this.list.reactTable.getTableColumn(this.property);\n  }\n\n  public getValue(): unknown {\n    return this.getTableColumnFilter()?.value ?? null;\n  }\n\n  private getValuesFromTableState() {\n    return unique(\n      Array.from(this.getTableColumn().getFacetedUniqueValues().keys())\n        .flatMap((v) => v)\n        .filter((v) => v !== undefined && v !== null),\n    ).map((v) => FilterValue.create(this, v));\n  }\n\n  private checkIfValueIsUnknown(value: FilterValue) {\n    const isKnown = this.values.some((v) => v.id === value.id);\n    return !isKnown;\n  }\n\n  public deleteUnknownFilterValues() {\n    if (this.values === this.valuesFromTableState) {\n      return;\n    }\n\n    for (const currentValues of this.getArrayValue()) {\n      if (this.checkIfValueIsUnknown(currentValues)) {\n        this.deactivateValue(currentValues);\n      }\n    }\n  }\n\n  public get values(): FilterValue[] {\n    return this._values ?? this.valuesFromTableState;\n  }\n\n  private get valuesFromTableState(): FilterValue[] {\n    if (!this._valuesFromTableState) {\n      this._valuesFromTableState = this.getValuesFromTableState();\n    }\n    return this._valuesFromTableState;\n  }\n\n  public getArrayValue(): FilterValue[] {\n    const value = this.getValue();\n    return value === null\n      ? []\n      : toArray(value).map((v) => FilterValue.create(this, v));\n  }\n\n  public isValueActive(value: FilterValue): boolean {\n    return this.getArrayValue().some((v) => v.equals(value));\n  }\n\n  public isActive(): boolean {\n    return this.getArrayValue().length > 0;\n  }\n\n  public deactivateValue(value: FilterValue): void {\n    const currentValueAsArray = this.getArrayValue();\n\n    let updatedValue: FilterValue[] | FilterValue | null;\n\n    if (this.mode === \"all\" || this.mode === \"some\") {\n      updatedValue = currentValueAsArray.filter((v) => !v.equals(value));\n    } else {\n      updatedValue = null;\n    }\n\n    this.list.reactTable\n      .getTableColumn(this.property)\n      .setFilterValue(updatedValue);\n\n    this.callOnChangedHandlers(updatedValue);\n  }\n\n  private callOnChangedHandlers(\n    newValue: FilterValue[] | FilterValue | null,\n  ): void {\n    const values = toArray(newValue).map((v) => v?.value);\n    this.onFilterChangeCallbacks.forEach((cb) => cb(values));\n  }\n\n  public hasChanges(): boolean {\n    const currentIds = this.getArrayValue().map((v) => v.id);\n\n    const defaultIds =\n      this.getStoredSelectedIds({ autosave: false }) ??\n      this.defaultSelectedValues?.map((v) => v.id) ??\n      [];\n\n    return (\n      currentIds.length !== defaultIds.length ||\n      difference(currentIds, defaultIds).length > 0\n    );\n  }\n\n  public isStoringAvailable(): boolean {\n    return !!this.list.settingsStorage && this.manualSave;\n  }\n\n  public resetValues(): void {\n    let resetTo: FilterValue[] | FilterValue | null;\n\n    const storedValues =\n      this.getStoredSelectedValues({ autosave: false }) ??\n      this.defaultSelectedValues;\n\n    if (storedValues) {\n      resetTo = storedValues;\n    } else {\n      if (this.mode === \"all\" || this.mode === \"some\") {\n        resetTo = [];\n      } else {\n        resetTo = null;\n      }\n    }\n\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(resetTo);\n    this.callOnChangedHandlers(resetTo);\n  }\n\n  public clear(): void {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(null);\n    this.callOnChangedHandlers(null);\n  }\n\n  public toggleValue(newValue: FilterValue): void {\n    const currentValueAsArray = this.getArrayValue();\n\n    let updatedValue: FilterValue[] | FilterValue | null;\n\n    if (this.mode === \"all\" || this.mode === \"some\") {\n      if (newValue.isActive) {\n        updatedValue = currentValueAsArray.filter((v) => !v.equals(newValue));\n      } else {\n        updatedValue = [...currentValueAsArray, newValue];\n      }\n    } else {\n      updatedValue = newValue.isActive ? null : newValue;\n    }\n\n    this.list.reactTable\n      .getTableColumn(this.property)\n      .setFilterValue(updatedValue);\n    this.callOnChangedHandlers(updatedValue);\n  }\n\n  public get isSelectAllAvailable(): boolean {\n    return this.mode === \"some\" && this.values.length >= selectAllMinValueCount;\n  }\n\n  public isEveryValueActive(): boolean {\n    return this.values.every((v) => v.isActive);\n  }\n\n  public selectAll(): void {\n    this.setArrayValue(this.values);\n  }\n\n  public setActiveValueIds(ids: Iterable<unknown>): void {\n    const idSet = new Set(ids);\n    this.setArrayValue(this.values.filter((v) => idSet.has(v.id)));\n  }\n\n  public deselectAll(): void {\n    this.setArrayValue([]);\n  }\n\n  private setArrayValue(value: FilterValue[]): void {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(value);\n    this.callOnChangedHandlers(value);\n  }\n\n  public onFilterUpdated(cb: () => unknown): void {\n    this.onFilterChangeCallbacks.add(cb);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Filter.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/Filter.ts"],"sourcesContent":["import type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport type { ListModelContext } from \"@mittwald/flow-components-base\";\nimport { ListFilter } from \"@mittwald/flow-components-base\";\nimport type { ReactNode } from \"react\";\nimport type { List } from \"@/components/List/model/List\";\nimport type { FilterValue } from \"@/components/List/model/filter/FilterValue\";\n\n/**\n * React's filter: the shared one, with `renderItem` narrowed.\n *\n * Everything a filter does — values, selection, persistence, the predicate the\n * table runs — is `ListFilter` in `@mittwald/flow-components-base`. The one\n * thing that is not shareable is what a filter value _looks_ like, so the core\n * carries the rendered type as a parameter and this fills it with `ReactNode`.\n */\nexport class Filter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n  TMatchValue = never,\n> extends ListFilter<T, TProp, TMatchValue, ReactNode> {\n  public constructor(\n    context: ListModelContext<T>,\n    shape: FilterShape<T, TProp, TMatchValue>,\n  ) {\n    super(context, shape);\n  }\n\n  /** The list this filter belongs to — `context`, typed as React's `List`. */\n  public get list(): List<T> {\n    return this.context as List<T>;\n  }\n\n  /* Created by this filter, so each one's `filter` is React's. */\n  public override get values(): FilterValue[] {\n    return super.values as FilterValue[];\n  }\n\n  public override getArrayValue(): FilterValue[] {\n    return super.getArrayValue() as FilterValue[];\n  }\n}\n\nexport default Filter;\n"],"mappings":";;;;;;;;;;;;;AAgBA,IAAa,SAAb,cAIU,WAA6C;CACrD,YACE,SACA,OACA;EACA,MAAM,SAAS,KAAK;CACtB;;CAGA,IAAW,OAAgB;EACzB,OAAO,KAAK;CACd;CAGA,IAAoB,SAAwB;EAC1C,OAAO,MAAM;CACf;CAEA,gBAA+C;EAC7C,OAAO,MAAM,cAAc;CAC7B;AACF"}

package/dist/js/packages/components/src/components/List/model/item/ItemCollection.mjs

@@ -1,17 +1,21 @@
 "use client"
 /* */
-import { Item } from "./Item.mjs";
+import { ListItemCollection } from "../../../../../../components-base/src/list/item/ListItemCollection.mjs";
+import "../../../../../../components-base/src/index.mjs";
 //#region src/components/List/model/item/ItemCollection.ts
-var ItemCollection = class {
-	list;
-	constructor(list) {
-		this.list = list;
+/**
+* React's item collection: `ListItemCollection` from
+* `@mittwald/flow-components-base`, plus `list` — see `Sorting` for why.
+*/
+var ItemCollection = class extends ListItemCollection {
+	get list() {
+		return this.context;
 	}
 	get entries() {
-		return this.list.reactTable.table.getRowModel().rows.map((r) => Item.fromRow(this, r));
+		return super.entries;
 	}
 };
 //#endregion
-export { ItemCollection };
+export { ItemCollection, ItemCollection as default };
 
 //# sourceMappingURL=ItemCollection.mjs.map

package/dist/js/packages/components/src/components/List/model/item/ItemCollection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ItemCollection.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/ItemCollection.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport { Item } from \"@/components/List/model/item/Item\";\n\nexport class ItemCollection<T> {\n  public readonly list: List<T>;\n\n  public constructor(list: List<T>) {\n    this.list = list;\n  }\n\n  public get entries(): Item<T>[] {\n    return this.list.reactTable.table\n      .getRowModel()\n      .rows.map((r) => Item.fromRow(this, r));\n  }\n}\n"],"mappings":";;;;AAGA,IAAa,iBAAb,MAA+B;CAC7B;CAEA,YAAmB,MAAe;EAChC,KAAK,OAAO;CACd;CAEA,IAAW,UAAqB;EAC9B,OAAO,KAAK,KAAK,WAAW,MACzB,YAAY,CAAC,CACb,KAAK,KAAK,MAAM,KAAK,QAAQ,MAAM,CAAC,CAAC;CAC1C;AACF"}
+{"version":3,"file":"ItemCollection.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/ItemCollection.ts"],"sourcesContent":["import { ListItemCollection } from \"@mittwald/flow-components-base\";\nimport type { Item } from \"@/components/List/model/item/Item\";\nimport type { List } from \"@/components/List/model/List\";\n\n/**\n * React's item collection: `ListItemCollection` from\n * `@mittwald/flow-components-base`, plus `list` — see `Sorting` for why.\n */\nexport class ItemCollection<T> extends ListItemCollection<T> {\n  public get list(): List<T> {\n    return this.context as List<T>;\n  }\n\n  /* Built with this collection, so each one's `collection` is React's. */\n  public override get entries(): Item<T>[] {\n    return super.entries as Item<T>[];\n  }\n}\n\nexport default ItemCollection;\n"],"mappings":";;;;;;;;;AAQA,IAAa,iBAAb,cAAuC,mBAAsB;CAC3D,IAAW,OAAgB;EACzB,OAAO,KAAK;CACd;CAGA,IAAoB,UAAqB;EACvC,OAAO,MAAM;CACf;AACF"}

package/dist/js/packages/components/src/components/List/model/loading/IncrementalLoader.mjs

@@ -1,11 +1,13 @@
 "use client"
 /* */
+import { getListDataLoaderOptions } from "../../../../../../components-base/src/list/loading/types.mjs";
+import "../../../../../../components-base/src/index.mjs";
 import { useComponentDefaults } from "../../../ComponentDefaultsProvider/ComponentDefaultsProvider.mjs";
 import { IncrementalLoaderState } from "./IncrementalLoaderState.mjs";
 import { useEffect, useMemo } from "react";
 import { times } from "remeda";
-import { getAsyncResource, usePromise } from "@mittwald/react-use-promise";
 import { hash } from "object-code";
+import { getAsyncResource, usePromise } from "@mittwald/react-use-promise";
 //#region src/components/List/model/loading/IncrementalLoader.ts
 var emptyData = [];
 var IncrementalLoader = class IncrementalLoader {
@@ -105,18 +107,13 @@ var IncrementalLoader = class IncrementalLoader {
 		}));
 	}
 	getDataLoaderOptions(batchIndex) {
-		return {
-			pagination: this.manualPagination ? {
-				limit: this.list.batches.batchSize,
-				offset: this.list.batches.batchSize * batchIndex
-			} : void 0,
-			sorting: this.manualSorting ? Object.fromEntries(this.list.sorting.filter((s) => s.isSorted()).map((s) => [s.property, s.direction])) : void 0,
-			filtering: this.manualFiltering ? Object.fromEntries(this.list.filters.filter((f) => f.getValue() !== null).map((f) => [f.property, {
-				mode: f.mode,
-				values: f.getArrayValue().map((v) => v.value)
-			}])) : void 0,
-			searchString: this.manualFiltering ? this.list.reactTable.searchString : void 0
-		};
+		return getListDataLoaderOptions({
+			batchSize: this.list.batches.batchSize,
+			modes: this,
+			sorting: this.list.sorting,
+			filters: this.list.filters,
+			searchString: this.list.reactTable.searchString
+		}, batchIndex);
 	}
 	getBatchDataAsyncResource(batchIndex) {
 		const dataSource = this.dataSource;

package/dist/js/packages/components/src/components/List/model/loading/IncrementalLoader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IncrementalLoader.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/loading/IncrementalLoader.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  DataLoaderOptions,\n  DataLoaderResult,\n  DataSource,\n  IncrementalLoaderShape,\n  LoaderInvocationHook,\n} from \"@/components/List/model/loading/types\";\nimport type { AsyncResource } from \"@mittwald/react-use-promise\";\nimport { getAsyncResource, usePromise } from \"@mittwald/react-use-promise\";\nimport { useEffect } from \"react\";\nimport { times } from \"remeda\";\nimport { IncrementalLoaderState } from \"@/components/List/model/loading/IncrementalLoaderState\";\nimport { hash } from \"object-code\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport { useMemo } from \"react\";\nimport { useComponentDefaults } from \"@/components/ComponentDefaultsProvider\";\n\nconst emptyData: never[] = [];\n\nexport class IncrementalLoader<T> {\n  private readonly list: List<T>;\n  private readonly dataSource: DataSource<T>;\n  public readonly manualSorting: boolean;\n  public readonly manualFiltering: boolean;\n  public readonly manualPagination: boolean;\n  public readonly disableInitialSuspenseBoundary: boolean;\n  public readonly loaderState: IncrementalLoaderState<T>;\n  public readonly staticDataProperties: PropertyName<T>[] = [];\n\n  private constructor(list: List<T>, shape: IncrementalLoaderShape<T> = {}) {\n    const { source } = shape;\n\n    this.dataSource = source ?? { staticData: emptyData };\n\n    const {\n      disableInitialSuspenseBoundary: disableInitialSuspenseBoundaryDefault,\n    } = useComponentDefaults(\"List\");\n\n    this.disableInitialSuspenseBoundary =\n      \"disableInitialSuspenseBoundary\" in this.dataSource\n        ? (this.dataSource.disableInitialSuspenseBoundary ??\n          disableInitialSuspenseBoundaryDefault)\n        : disableInitialSuspenseBoundaryDefault;\n\n    const manualPagination =\n      \"manualPagination\" in this.dataSource\n        ? this.dataSource.manualPagination\n        : undefined;\n\n    const manualFiltering =\n      \"manualFiltering\" in this.dataSource\n        ? this.dataSource.manualFiltering\n        : undefined;\n\n    const manualSorting =\n      \"manualSorting\" in this.dataSource\n        ? this.dataSource.manualSorting\n        : undefined;\n\n    this.list = list;\n    this.loaderState = IncrementalLoaderState.useNew<T>(list);\n\n    this.manualPagination = manualPagination ?? false;\n    this.manualFiltering = manualFiltering ?? this.manualPagination;\n    this.manualSorting = manualSorting ?? this.manualPagination;\n    this.list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));\n    this.list.search?.onUpdated(() => this.reset());\n\n    this.initStaticDataProperties();\n  }\n\n  public static useNew<T>(\n    list: List<T>,\n    shape: IncrementalLoaderShape<T> = {},\n  ): IncrementalLoader<T> {\n    return new IncrementalLoader(list, shape);\n  }\n\n  private initStaticDataProperties() {\n    const addPropertiesOfDataEntry = (data: unknown) => {\n      if (typeof data !== \"object\" || data === null) {\n        return;\n      }\n\n      (Object.keys(data) as PropertyName<T>[])\n        .filter((p) => !this.staticDataProperties.includes(p))\n        .forEach((p) => {\n          this.staticDataProperties.push(p);\n        });\n    };\n\n    if (\"staticData\" in this.dataSource) {\n      this.dataSource.staticData\n        // collect properties from just the first 100 items\n        .slice(0, 100)\n        .forEach(addPropertiesOfDataEntry);\n    }\n  }\n\n  private reset(): void {\n    this.loaderState.reset();\n  }\n\n  public useIsLoading(): boolean {\n    return this.loaderState.useIsLoading();\n  }\n\n  public useIsInitiallyLoading(): boolean {\n    return this.loaderState.useIsInitiallyLoading();\n  }\n\n  public useIsLoadingMore(): boolean {\n    return this.loaderState.useIsLoadingMore();\n  }\n\n  public useData(): T[] {\n    return this.loaderState.useMergedData();\n  }\n\n  private getUseData(): (options: DataLoaderOptions<T>) => DataLoaderResult<T> {\n    const dataSource = this.dataSource;\n\n    return (options: DataLoaderOptions<T>) => {\n      if (\"staticData\" in dataSource) {\n        return useMemo(\n          () => ({\n            data: dataSource.staticData,\n            itemTotalCount: dataSource.staticData.length,\n          }),\n          [dataSource.staticData],\n        );\n      }\n\n      if (\"useData\" in dataSource) {\n        return dataSource.useData(options);\n      }\n\n      if (\"asyncLoader\" in dataSource) {\n        const asyncLoader = dataSource.asyncLoader;\n        const dependencies = dataSource.dependencies;\n        const loaderId = dependencies\n          ? hash(dependencies).toString()\n          : undefined;\n\n        return usePromise(asyncLoader, [options], {\n          loaderId,\n        });\n      }\n\n      if (\"asyncResourceFactory\" in dataSource) {\n        return dataSource.asyncResourceFactory(options).use();\n      }\n\n      return useMemo(\n        () => ({\n          data: [],\n          itemTotalCount: 0,\n        }),\n        [],\n      );\n    };\n  }\n\n  public getLoaderInvocationHooks(): LoaderInvocationHook[] {\n    const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);\n    const useData = this.getUseData();\n\n    return batchesCount.map((batchIndex) => ({\n      useLoadBatch: () => {\n        const loaderOptions = this.getDataLoaderOptions(batchIndex);\n        const loaderResult = useData(loaderOptions);\n        const { data, itemTotalCount, metadata } = loaderResult;\n\n        useEffect(() => {\n          this.loaderState.setDataBatch(batchIndex, data);\n\n          if (itemTotalCount !== undefined) {\n            this.list.batches.updateItemTotalCount(itemTotalCount);\n          }\n\n          this.loaderState.setMetadata(metadata);\n\n          this.loaderState.setBatchLoadingState(batchIndex, \"loaded\");\n        }, [loaderResult]);\n      },\n\n      useRenderSuspense: () => {\n        useEffect(() => {\n          this.loaderState.setBatchLoadingState(batchIndex, \"loading\");\n        }, [batchIndex]);\n      },\n    }));\n  }\n\n  private getDataLoaderOptions(batchIndex: number): DataLoaderOptions<T> {\n    return {\n      pagination: this.manualPagination\n        ? {\n            limit: this.list.batches.batchSize,\n            offset: this.list.batches.batchSize * batchIndex,\n          }\n        : undefined,\n\n      sorting: this.manualSorting\n        ? (Object.fromEntries(\n            this.list.sorting\n              .filter((s) => s.isSorted())\n              .map((s) => [s.property, s.direction]),\n          ) as DataLoaderOptions<T>[\"sorting\"])\n        : undefined,\n\n      filtering: this.manualFiltering\n        ? (Object.fromEntries(\n            this.list.filters\n              .filter((f) => f.getValue() !== null)\n              .map((f) => [\n                f.property,\n                {\n                  mode: f.mode,\n                  values: f.getArrayValue().map((v) => v.value),\n                },\n              ]),\n          ) as DataLoaderOptions<T>[\"filtering\"])\n        : undefined,\n\n      searchString: this.manualFiltering\n        ? this.list.reactTable.searchString\n        : undefined,\n    };\n  }\n\n  private getBatchDataAsyncResource(\n    batchIndex: number,\n  ): AsyncResource<DataLoaderResult<T>> {\n    const dataSource = this.dataSource;\n    const loaderOptions = this.getDataLoaderOptions(batchIndex);\n\n    if (\"staticData\" in dataSource) {\n      return getAsyncResource(\n        async (staticData) => ({\n          data: staticData as T[],\n          itemTotalCount: staticData.length,\n        }),\n        [dataSource.staticData],\n      );\n    }\n\n    if (\"asyncLoader\" in dataSource) {\n      const asyncLoader = dataSource.asyncLoader;\n      const dependencies = dataSource.dependencies;\n      const loaderId = dependencies ? hash(dependencies).toString() : undefined;\n      return getAsyncResource(asyncLoader, [loaderOptions], {\n        loaderId,\n      });\n    }\n\n    if (\"asyncResourceFactory\" in dataSource) {\n      const asyncResourceFactory = dataSource.asyncResourceFactory;\n      return asyncResourceFactory(loaderOptions);\n    }\n\n    throw new Error(\"Unknown data source\");\n  }\n}\n"],"mappings":";;;;;;;;;AAkBA,IAAM,YAAqB,CAAC;AAE5B,IAAa,oBAAb,MAAa,kBAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA,uBAA0D,CAAC;CAE3D,YAAoB,MAAe,QAAmC,CAAC,GAAG;EACxE,MAAM,EAAE,WAAW;EAEnB,KAAK,aAAa,UAAU,EAAE,YAAY,UAAU;EAEpD,MAAM,EACJ,gCAAgC,0CAC9B,qBAAqB,MAAM;EAE/B,KAAK,iCACH,oCAAoC,KAAK,aACpC,KAAK,WAAW,kCACjB,wCACA;EAEN,MAAM,mBACJ,sBAAsB,KAAK,aACvB,KAAK,WAAW,mBAChB,KAAA;EAEN,MAAM,kBACJ,qBAAqB,KAAK,aACtB,KAAK,WAAW,kBAChB,KAAA;EAEN,MAAM,gBACJ,mBAAmB,KAAK,aACpB,KAAK,WAAW,gBAChB,KAAA;EAEN,KAAK,OAAO;EACZ,KAAK,cAAc,uBAAuB,OAAU,IAAI;EAExD,KAAK,mBAAmB,oBAAoB;EAC5C,KAAK,kBAAkB,mBAAmB,KAAK;EAC/C,KAAK,gBAAgB,iBAAiB,KAAK;EAC3C,KAAK,KAAK,QAAQ,SAAS,MAAM,EAAE,sBAAsB,KAAK,MAAM,CAAC,CAAC;EACtE,KAAK,KAAK,QAAQ,gBAAgB,KAAK,MAAM,CAAC;EAE9C,KAAK,yBAAyB;CAChC;CAEA,OAAc,OACZ,MACA,QAAmC,CAAC,GACd;EACtB,OAAO,IAAI,kBAAkB,MAAM,KAAK;CAC1C;CAEA,2BAAmC;EACjC,MAAM,4BAA4B,SAAkB;GAClD,IAAI,OAAO,SAAS,YAAY,SAAS,MACvC;GAGF,OAAQ,KAAK,IAAI,CAAC,CACf,QAAQ,MAAM,CAAC,KAAK,qBAAqB,SAAS,CAAC,CAAC,CAAC,CACrD,SAAS,MAAM;IACd,KAAK,qBAAqB,KAAK,CAAC;GAClC,CAAC;EACL;EAEA,IAAI,gBAAgB,KAAK,YACvB,KAAK,WAAW,WAEb,MAAM,GAAG,GAAG,CAAC,CACb,QAAQ,wBAAwB;CAEvC;CAEA,QAAsB;EACpB,KAAK,YAAY,MAAM;CACzB;CAEA,eAA+B;EAC7B,OAAO,KAAK,YAAY,aAAa;CACvC;CAEA,wBAAwC;EACtC,OAAO,KAAK,YAAY,sBAAsB;CAChD;CAEA,mBAAmC;EACjC,OAAO,KAAK,YAAY,iBAAiB;CAC3C;CAEA,UAAsB;EACpB,OAAO,KAAK,YAAY,cAAc;CACxC;CAEA,aAA6E;EAC3E,MAAM,aAAa,KAAK;EAExB,QAAQ,YAAkC;GACxC,IAAI,gBAAgB,YAClB,OAAO,eACE;IACL,MAAM,WAAW;IACjB,gBAAgB,WAAW,WAAW;GACxC,IACA,CAAC,WAAW,UAAU,CACxB;GAGF,IAAI,aAAa,YACf,OAAO,WAAW,QAAQ,OAAO;GAGnC,IAAI,iBAAiB,YAAY;IAC/B,MAAM,cAAc,WAAW;IAC/B,MAAM,eAAe,WAAW;IAChC,MAAM,WAAW,eACb,KAAK,YAAY,CAAC,CAAC,SAAS,IAC5B,KAAA;IAEJ,OAAO,WAAW,aAAa,CAAC,OAAO,GAAG,EACxC,SACF,CAAC;GACH;GAEA,IAAI,0BAA0B,YAC5B,OAAO,WAAW,qBAAqB,OAAO,CAAC,CAAC,IAAI;GAGtD,OAAO,eACE;IACL,MAAM,CAAC;IACP,gBAAgB;GAClB,IACA,CAAC,CACH;EACF;CACF;CAEA,2BAA0D;EACxD,MAAM,eAAe,MAAM,KAAK,KAAK,QAAQ,cAAc,IAAI,IAAI,MAAM,CAAC;EAC1E,MAAM,UAAU,KAAK,WAAW;EAEhC,OAAO,aAAa,KAAK,gBAAgB;GACvC,oBAAoB;IAClB,MAAM,gBAAgB,KAAK,qBAAqB,UAAU;IAC1D,MAAM,eAAe,QAAQ,aAAa;IAC1C,MAAM,EAAE,MAAM,gBAAgB,aAAa;IAE3C,gBAAgB;KACd,KAAK,YAAY,aAAa,YAAY,IAAI;KAE9C,IAAI,mBAAmB,KAAA,GACrB,KAAK,KAAK,QAAQ,qBAAqB,cAAc;KAGvD,KAAK,YAAY,YAAY,QAAQ;KAErC,KAAK,YAAY,qBAAqB,YAAY,QAAQ;IAC5D,GAAG,CAAC,YAAY,CAAC;GACnB;GAEA,yBAAyB;IACvB,gBAAgB;KACd,KAAK,YAAY,qBAAqB,YAAY,SAAS;IAC7D,GAAG,CAAC,UAAU,CAAC;GACjB;EACF,EAAE;CACJ;CAEA,qBAA6B,YAA0C;EACrE,OAAO;GACL,YAAY,KAAK,mBACb;IACE,OAAO,KAAK,KAAK,QAAQ;IACzB,QAAQ,KAAK,KAAK,QAAQ,YAAY;GACxC,IACA,KAAA;GAEJ,SAAS,KAAK,gBACT,OAAO,YACN,KAAK,KAAK,QACP,QAAQ,MAAM,EAAE,SAAS,CAAC,CAAC,CAC3B,KAAK,MAAM,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CACzC,IACA,KAAA;GAEJ,WAAW,KAAK,kBACX,OAAO,YACN,KAAK,KAAK,QACP,QAAQ,MAAM,EAAE,SAAS,MAAM,IAAI,CAAC,CACpC,KAAK,MAAM,CACV,EAAE,UACF;IACE,MAAM,EAAE;IACR,QAAQ,EAAE,cAAc,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK;GAC9C,CACF,CAAC,CACL,IACA,KAAA;GAEJ,cAAc,KAAK,kBACf,KAAK,KAAK,WAAW,eACrB,KAAA;EACN;CACF;CAEA,0BACE,YACoC;EACpC,MAAM,aAAa,KAAK;EACxB,MAAM,gBAAgB,KAAK,qBAAqB,UAAU;EAE1D,IAAI,gBAAgB,YAClB,OAAO,iBACL,OAAO,gBAAgB;GACrB,MAAM;GACN,gBAAgB,WAAW;EAC7B,IACA,CAAC,WAAW,UAAU,CACxB;EAGF,IAAI,iBAAiB,YAAY;GAC/B,MAAM,cAAc,WAAW;GAC/B,MAAM,eAAe,WAAW;GAChC,MAAM,WAAW,eAAe,KAAK,YAAY,CAAC,CAAC,SAAS,IAAI,KAAA;GAChE,OAAO,iBAAiB,aAAa,CAAC,aAAa,GAAG,EACpD,SACF,CAAC;EACH;EAEA,IAAI,0BAA0B,YAAY;GACxC,MAAM,uBAAuB,WAAW;GACxC,OAAO,qBAAqB,aAAa;EAC3C;EAEA,MAAM,IAAI,MAAM,qBAAqB;CACvC;AACF"}
+{"version":3,"file":"IncrementalLoader.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/loading/IncrementalLoader.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  DataLoaderOptions,\n  DataLoaderResult,\n  DataSource,\n  IncrementalLoaderShape,\n  LoaderInvocationHook,\n} from \"@/components/List/model/loading/types\";\nimport type { AsyncResource } from \"@mittwald/react-use-promise\";\nimport { getAsyncResource, usePromise } from \"@mittwald/react-use-promise\";\nimport { useEffect } from \"react\";\nimport { times } from \"remeda\";\nimport { IncrementalLoaderState } from \"@/components/List/model/loading/IncrementalLoaderState\";\nimport { getListDataLoaderOptions } from \"@mittwald/flow-components-base\";\nimport { hash } from \"object-code\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport { useMemo } from \"react\";\nimport { useComponentDefaults } from \"@/components/ComponentDefaultsProvider\";\n\nconst emptyData: never[] = [];\n\nexport class IncrementalLoader<T> {\n  private readonly list: List<T>;\n  private readonly dataSource: DataSource<T>;\n  public readonly manualSorting: boolean;\n  public readonly manualFiltering: boolean;\n  public readonly manualPagination: boolean;\n  public readonly disableInitialSuspenseBoundary: boolean;\n  public readonly loaderState: IncrementalLoaderState<T>;\n  public readonly staticDataProperties: PropertyName<T>[] = [];\n\n  private constructor(list: List<T>, shape: IncrementalLoaderShape<T> = {}) {\n    const { source } = shape;\n\n    this.dataSource = source ?? { staticData: emptyData };\n\n    const {\n      disableInitialSuspenseBoundary: disableInitialSuspenseBoundaryDefault,\n    } = useComponentDefaults(\"List\");\n\n    this.disableInitialSuspenseBoundary =\n      \"disableInitialSuspenseBoundary\" in this.dataSource\n        ? (this.dataSource.disableInitialSuspenseBoundary ??\n          disableInitialSuspenseBoundaryDefault)\n        : disableInitialSuspenseBoundaryDefault;\n\n    const manualPagination =\n      \"manualPagination\" in this.dataSource\n        ? this.dataSource.manualPagination\n        : undefined;\n\n    const manualFiltering =\n      \"manualFiltering\" in this.dataSource\n        ? this.dataSource.manualFiltering\n        : undefined;\n\n    const manualSorting =\n      \"manualSorting\" in this.dataSource\n        ? this.dataSource.manualSorting\n        : undefined;\n\n    this.list = list;\n    this.loaderState = IncrementalLoaderState.useNew<T>(list);\n\n    this.manualPagination = manualPagination ?? false;\n    this.manualFiltering = manualFiltering ?? this.manualPagination;\n    this.manualSorting = manualSorting ?? this.manualPagination;\n    this.list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));\n    this.list.search?.onUpdated(() => this.reset());\n\n    this.initStaticDataProperties();\n  }\n\n  public static useNew<T>(\n    list: List<T>,\n    shape: IncrementalLoaderShape<T> = {},\n  ): IncrementalLoader<T> {\n    return new IncrementalLoader(list, shape);\n  }\n\n  private initStaticDataProperties() {\n    const addPropertiesOfDataEntry = (data: unknown) => {\n      if (typeof data !== \"object\" || data === null) {\n        return;\n      }\n\n      (Object.keys(data) as PropertyName<T>[])\n        .filter((p) => !this.staticDataProperties.includes(p))\n        .forEach((p) => {\n          this.staticDataProperties.push(p);\n        });\n    };\n\n    if (\"staticData\" in this.dataSource) {\n      this.dataSource.staticData\n        // collect properties from just the first 100 items\n        .slice(0, 100)\n        .forEach(addPropertiesOfDataEntry);\n    }\n  }\n\n  private reset(): void {\n    this.loaderState.reset();\n  }\n\n  public useIsLoading(): boolean {\n    return this.loaderState.useIsLoading();\n  }\n\n  public useIsInitiallyLoading(): boolean {\n    return this.loaderState.useIsInitiallyLoading();\n  }\n\n  public useIsLoadingMore(): boolean {\n    return this.loaderState.useIsLoadingMore();\n  }\n\n  public useData(): T[] {\n    return this.loaderState.useMergedData();\n  }\n\n  private getUseData(): (options: DataLoaderOptions<T>) => DataLoaderResult<T> {\n    const dataSource = this.dataSource;\n\n    return (options: DataLoaderOptions<T>) => {\n      if (\"staticData\" in dataSource) {\n        return useMemo(\n          () => ({\n            data: dataSource.staticData,\n            itemTotalCount: dataSource.staticData.length,\n          }),\n          [dataSource.staticData],\n        );\n      }\n\n      if (\"useData\" in dataSource) {\n        return dataSource.useData(options);\n      }\n\n      if (\"asyncLoader\" in dataSource) {\n        const asyncLoader = dataSource.asyncLoader;\n        const dependencies = dataSource.dependencies;\n        const loaderId = dependencies\n          ? hash(dependencies).toString()\n          : undefined;\n\n        return usePromise(asyncLoader, [options], {\n          loaderId,\n        });\n      }\n\n      if (\"asyncResourceFactory\" in dataSource) {\n        return dataSource.asyncResourceFactory(options).use();\n      }\n\n      return useMemo(\n        () => ({\n          data: [],\n          itemTotalCount: 0,\n        }),\n        [],\n      );\n    };\n  }\n\n  public getLoaderInvocationHooks(): LoaderInvocationHook[] {\n    const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);\n    const useData = this.getUseData();\n\n    return batchesCount.map((batchIndex) => ({\n      useLoadBatch: () => {\n        const loaderOptions = this.getDataLoaderOptions(batchIndex);\n        const loaderResult = useData(loaderOptions);\n        const { data, itemTotalCount, metadata } = loaderResult;\n\n        useEffect(() => {\n          this.loaderState.setDataBatch(batchIndex, data);\n\n          if (itemTotalCount !== undefined) {\n            this.list.batches.updateItemTotalCount(itemTotalCount);\n          }\n\n          this.loaderState.setMetadata(metadata);\n\n          this.loaderState.setBatchLoadingState(batchIndex, \"loaded\");\n        }, [loaderResult]);\n      },\n\n      useRenderSuspense: () => {\n        useEffect(() => {\n          this.loaderState.setBatchLoadingState(batchIndex, \"loading\");\n        }, [batchIndex]);\n      },\n    }));\n  }\n\n  private getDataLoaderOptions(batchIndex: number): DataLoaderOptions<T> {\n    return getListDataLoaderOptions<T>(\n      {\n        batchSize: this.list.batches.batchSize,\n        modes: this,\n        sorting: this.list.sorting,\n        filters: this.list.filters,\n        searchString: this.list.reactTable.searchString,\n      },\n      batchIndex,\n    );\n  }\n\n  private getBatchDataAsyncResource(\n    batchIndex: number,\n  ): AsyncResource<DataLoaderResult<T>> {\n    const dataSource = this.dataSource;\n    const loaderOptions = this.getDataLoaderOptions(batchIndex);\n\n    if (\"staticData\" in dataSource) {\n      return getAsyncResource(\n        async (staticData) => ({\n          data: staticData as T[],\n          itemTotalCount: staticData.length,\n        }),\n        [dataSource.staticData],\n      );\n    }\n\n    if (\"asyncLoader\" in dataSource) {\n      const asyncLoader = dataSource.asyncLoader;\n      const dependencies = dataSource.dependencies;\n      const loaderId = dependencies ? hash(dependencies).toString() : undefined;\n      return getAsyncResource(asyncLoader, [loaderOptions], {\n        loaderId,\n      });\n    }\n\n    if (\"asyncResourceFactory\" in dataSource) {\n      const asyncResourceFactory = dataSource.asyncResourceFactory;\n      return asyncResourceFactory(loaderOptions);\n    }\n\n    throw new Error(\"Unknown data source\");\n  }\n}\n"],"mappings":"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"}